Starboth-Cloud-H5/microserviceUserH5/static/css/invite.css

html, body, div, ul, li, p {
  padding: 0;
  margin: 0;
}
ul, li {
  list-style: none;
}
.invite-container {
  width: 7.5rem;
  margin: 0 auto;
  background: #CB0907;
}
.bottom-img {
  width: 100%;
  height: 10.26rem;
}
.pr {
  position: relative;
}
.recv-cont {
  position: absolute;
  top: 6.66rem;
}
.recv-ipt {
  margin: 0 0.75rem;
  width: 6rem;
  height: 1rem;
  line-height: 1rem;
  background:rgba(255, 255, 255, 0.3);
  border-radius: 0.5rem;
  text-align: center;
  color: #fff;
  font-size: 0.36rem;
  font-weight: 600;
  position: relative;
}
.copy-btn-style {
  width: 1.2rem;
  height: 0.6rem;
  line-height: 0.6rem;
  background: linear-gradient(360deg, #FAD72E 0%, #FFF7DE 100%);
  box-shadow: 0 0.04rem 0.08rem 0 #D83D00;
  border-radius: 0.3rem;
  opacity: 1;
  position: absolute;
  top: 0.2rem;
  right: 0.2rem;
  font-size: 0.26rem;
  font-weight: 500;
  color: #A75414;
  text-shadow: 0px 0.04rem 0.08rem #D83D00;
}
.mt40 {
  margin-top: 0.4rem;
}
.recv-btn {
  margin: 0 0.75rem;
  width: 6rem;
  height: 1rem;
  background: linear-gradient(360deg, #F8C23A 0%, #FFEFBC 100%);
  box-shadow: 0 0.04rem 0.12rem 0 #AB0604;
  text-align: center;
  border-radius: 0.5rem;
  line-height: 1rem;
  font-size: 0.4rem;
  font-weight: 600;
  color: #943E20;
}
.center-reward-con {
  margin: 0.76rem 0.3rem 0 0.3rem;
  width: 6.9rem;
  height: 6.36rem;
  padding-top: 0.76rem;
  background: #FFEBE3;
  box-shadow: 0 0.08rem 0.16rem 0 #A70200;
  border-radius: 0.24rem;
  position: relative;
}
.top-title {
  width: 4.44rem;
  height: 0.88rem;
  background: url('../img/biaoti_pic@2x.png') no-repeat;
  background-size: 100% 100%;
  text-align: center;
  position: absolute;
  top: -0.36rem;
  left: 50%;
  margin-left: -2.22rem;
  font-size: 0.36rem;
  line-height: 0.88rem;
  font-weight: 600;
  color: #5A250D;
  letter-spacing: 0.02rem;
}
.reward-second-title {
  font-size: 0.28rem;
  text-align: center;
  font-weight: 500;
  color: #ED2800;
  display: flex;
  justify-content: center;
  align-items: center;
}
.code-title-font {
  background-image: -webkit-linear-gradient(bottom,rgba(250,215,46,1) 0%,rgba(255,247,222,1) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 0.36rem;
  margin: 0.54rem 0 0.34rem;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 600;
}
.code-title-font::after, .code-title-font::before {
  content: '';
  display: block;
  width: 0.58rem;
  height: 0.42rem;
  background: url('../img/diandian_da_icon@2x.png') no-repeat;
  background-size: 100% 100%;
  margin: 0 0.58rem;
}
.reward-second-title::before, .reward-second-title::after {
  content: '';
  display: block;
  width: 0.36rem;
  height: 0.26rem;
  background: url('../img/diandian_xiao_icon@2x.png') no-repeat;
  background-size: 100% 100%;
  margin: 0 0.3rem;
}
#goode {
  max-height: 4.6rem;
  overflow-x: hidden;
}
#goode::-webkit-scrollbar {
  opacity: 0;
}
#goode::-webkit-scrollbar-thumb {
  width: 0.1rem;
  height: 3.38rem;
  background: rgba(0, 0, 0, 0.1);
  border-radius: 0.09rem;
}
.goodFriend-title-list {
  margin: 0.22rem 0.3rem;
  font-size: 0.26rem;
  font-weight: 500;
  color: rgba(0, 0, 0, 0.8);
  line-height: 0.36rem;
  display: flex;
}
.goodFriend-item {
  display: flex;
  align-items: center;
  margin: 0 0.3rem 0.2rem;
  font-size: 0.28rem;
  color: rgba(0, 0, 0, 0.4);
  line-height: 0.4rem;
}
.goodFriend-title-list li, .goodFriend-item span {
  flex: 33.33%;
}
.tal {
  text-align: left;
}
.tac {
  text-align: center;
}
.tar {
  text-align: right;
}
.cF04646 {
  color: #F04646;
}
.c999 {
  color: #999999;
}
.fs16 {
  font-size: 0.16rem;
}
.tb-codes {
  width: 6.3rem;
  background: rgba(255, 255, 255, 0.2);
  border-radius: 0.24rem;
  margin: 0 0.3rem;
  color: #fff;
  line-height: 0.4rem;
  padding: 0.3rem;
  text-align: justify;
}
.fw500 {
  font-weight: 600;
}
.fs26 {
  font-size: 0.26rem;
}
.fs28 {
  font-size: 0.28rem;
}
.mb45 {
  margin-bottom: 0.45rem;
}
.load-menu {
  padding-bottom: 0.6rem;
}
.no-data {
  text-align: center;
  font-size: 0.28rem;
  color: rgba(0, 0, 0, 0.41);
  margin-top: 2.3rem;
}
#toast-container>.toast-error {
  background-image: none!important;
}
.toast-error {
  background-color: rgba(0, 0, 0, 0.7);
}
.toast-message {
  font-size: 0.37rem;
  line-height: 0.9rem;
  text-align: center;
  font-weight: 400;
  color: #FFFFFF;

}
#toast-container>div {
  width: 4rem;
  height: 0.9rem;
  opacity: 1;
  padding: 0 !important;
  border-radius: 0.2rem;
  box-shadow: none;
}
.toast-center-center {
  top: 50%;
  left: 50%;
  margin-top: -0.45rem;
  margin-left: -2rem;
}