#home .register-button {
  position:absolute;right:0.5rem;width:2rem;height:0.8rem;line-height: 0.8rem;top:50%;margin-top:-0.4rem;border-radius: 0.22rem;background: #FFDF00;color: rgba(0,0,0,0.85);text-align:center;font-size: .346rem;
}

#home .register-button-active {
  opacity: 0.45;position:absolute;right:0.5rem;width:2rem;height:0.8rem;line-height: 0.8rem;top:50%;margin-top:-0.4rem;border-radius: 0.22rem;background: #FFDF00;color: rgba(0,0,0,0.85);text-align:center;font-size: .346rem;
}

#home .login-button {
  position:absolute;right:2.8rem;width:2rem;height:0.8rem;line-height: 0.8rem;top:50%;margin-top:-0.4rem;border-radius: 0.22rem;color: #FFFFFF;text-align:center;font-size: .346rem;background: #009B3A;
}

#home .login-button-active {
  opacity: 0.45;position:absolute;right:2.8rem;width:2rem;height:0.8rem;line-height: 0.8rem;top:50%;margin-top:-0.4rem;border-radius: 0.22rem;color: #FFFFFF;text-align:center;font-size: .346rem;background: #009B3A;
}


#page-promotion .last-item {
  border-radius: 0 0 0.1rem 0.1rem;
}

#page-promotion .contact-top-btn:active {
  color: rgba(255,255,255,0.85);
  border: 1px solid #e05e00;
  border-radius: 0.1rem;
}

#page-promotion .pchat-button {
  position:absolute;right:0;width:1.5rem;border-radius: 0.22rem;font-size: 0.373rem;text-align: center;
  background-image: linear-gradient(135deg, #FCD7A1 0%, #D17836 100%);
  color: rgba(0,0,0,0.65);
}

#page-promotion .pchat-button-disabled {
  position:absolute;right:0;width:1.5rem;border-radius: 0.22rem;font-size: 0.373rem;text-align: center;
  background-image: linear-gradient(135deg, #FCD7A1 0%, #D17836 100%);
  color: rgba(0,0,0,0.65);
  opacity: 0.45;
}

#page-promotion .pclaim-button {
  position:absolute;top:0.05rem;right:0;width:1.7rem;height:1rem;border-radius: 0.22rem;font-size: 0.373rem;text-align: center;
  background-image: linear-gradient(135deg, #FCD7A1 0%, #D17836 100%);
  color: rgba(0,0,0,0.65);
}

#page-promotion .pclaim-button-disabled {
  position:absolute;right:0;width:1.7rem;border-radius: 0.22rem;font-size: 0.373rem;text-align: center;
  background-image: linear-gradient(135deg, #FCD7A1 0%, #D17836 100%);
  color: rgba(0,0,0,0.65);
  opacity: 0.45;
}

#page-promotion .pclaim-button:active {
  opacity: 0.45;
}

#page-promotion .agent-item-line {
  position: relative;
  height: 1.2rem;
}

#page-promotion .item-frame {
  position:relative;margin-top:0.5rem;left:0.5rem;width:9rem;border-radius: 0.2rem;
}

#page-promotion .item-frame  .title {
  position:relative;top:0.15rem;width:100%;height:0.85rem;font-size:.373rem;
}

#page-promotion .item-frame  .title img {
  opacity: 1;position:absolute;width:0.5rem;height:0.5rem;opacity: 0.45;
}

#page-promotion .item-frame  .title span {
  position:absolute;top:0.05rem;left:0.7rem;color: rgba(255,255,255,0.45);
}

#page-promotion .item-frame  .value {
  position:relative;width:100%;height:1.05rem;line-height:1.05rem;margin-bottom:0.4rem;
}

#page-promotion .item-frame  .value .text-frame {
  position:absolute;width:7rem;height:100%;font-size:.373rem;border-radius:0.22rem;background-color:rgba(255,255,255,0.08);border: 1px solid rgba(0,0,0,0);
}

#page-promotion .item-frame  .value .text-frame .text-title {
  position:absolute;width:1.6rem;text-align: center;color: rgba(255,255,255,0.45);
}

#page-promotion .item-frame  .value .text-frame .text-line {
  position:absolute;left:1.6rem;width:1px;height:0.65rem;top:0.2rem;background-color:rgba(255,255,255,0.15);
}

#page-promotion .item-frame  .value .text-frame .text-value {
  position:absolute;left:1.8rem;color: rgba(255,255,255,0.85);width:5rem;
}

#page-promotion .item-frame  .value .btn-frame {
  position:absolute;right:0;width:1.5rem;border-radius: 0.22rem;font-size: 0.373rem;text-align: center;
}

#page-promotion .view-details {
  position: relative;
  margin-top: 0.5rem;
  left: 0.5rem;
  width: 9rem;
  height: 1.2rem;
  line-height: 1.1rem;
  font-size: .373rem;
  box-shadow: inset 0 -1px 0 0 rgba(255,255,255,0.15);
  color: rgba(255,255,255,0.45);
  border-bottom: 1px solid rgba(0,0,0,0.15);
}

#page-promotion .view-details:active {
  color: rgba(255,255,255,1);
}

#page-promotion .view-details .icon {
  position:absolute;left:0;width:0.5rem;height:0.5rem;top:0.3rem;
}

#page-promotion .view-details .title {
  position:absolute;left:0.7rem;height:100%;font-size: .373rem;color: #F9C486;
}

#page-promotion .view-details .value {
  position:absolute;right:0.6rem;height:100%;font-size: .373rem;color: rgba(255,255,255,0.85);
}

#page-promotion .view-details .value:active {
  color: #F9C486;
}

#page-promotion .view-details .arrow {
  position:absolute;right:0rem;width:0.6rem;height:0.6rem;top:0.25rem;background-color:rgba(0,0,0,0);border-radius:0.3rem;
}

#page-promotion .view-details .arrow img {
  opacity: 1;position:absolute;top:0.1rem;left:0.1rem;width:0.4rem;height:0.4rem;
}

#page-promotion .today-item-top {
  position:relative;margin-top:0.7rem;left:0.5rem;width:9rem;height:1.1rem;line-height:1.1rem;font-size:.373rem;background-image: linear-gradient(135deg, rgba(255,255,255,0.25) 0%, rgba(255,255,255,0.04) 100%);border-radius: 0.22rem 0.22rem 0 0;
}

#page-promotion .today-item-top .icon {
  position:absolute;left:0.5rem;width:0.5rem;height:0.5rem;top:0.3rem;opacity: 0.45;
}

#page-promotion .today-item-top .title {
  position:absolute;left:1.2rem;height:100%;font-size: .373rem;color: rgba(255,255,255,0.65);
}

#page-promotion .today-item-top .level {
  position:absolute;right:0;width:50%;height: 100%;
}

#page-promotion .today-item-top .level .line {
  position:absolute;width:1px;top:20%;height: 60%;right:2.5rem;background: rgba(255,255,255,0.15);
}

#page-promotion .today-item-top .level .value {
  position:absolute;right:0;width:2.5rem;height:100%;display: flex;justify-content: center;align-content: center;
}

#page-promotion .today-item-top .level .value .value-title {
  color: rgba(255,255,255,0.25);font-size: .373rem;margin-right: 0.2rem;
}

#page-promotion .today-item-top .level .value .value-text {
  color: rgba(255,255,255,0.85);font-size:.533rem;
}

#page-promotion .today-item {
  position:relative;margin-top:1px;left:0.5rem;width:9rem;height:1.1rem;line-height:1.1rem;font-size:.373rem;background: rgba(255,255,255,0.04);
}

#page-promotion .today-item-bottom {
  border-radius: 0 0 0.1rem 0.1rem;
}

#page-promotion .today-item .icon {
  position:absolute;left:0.5rem;width:0.5rem;height:0.5rem;top:0.3rem;opacity: 0.45;
}

#page-promotion .today-item .icon {
  position:absolute;left:0.5rem;width:0.5rem;height:0.5rem;top:0.3rem;opacity: 0.45;
}

#page-promotion .today-item .title {
  position:absolute;left:1.2rem;height:100%;font-size: .373rem;color: rgba(255,255,255,0.45);
}

#page-promotion .today-item .value {
  position:absolute;right:0.4rem;height:100%;font-size: .533rem;color: rgba(255,255,255,0.65);
}

#page-promotion .today-item .value1 {
  position:absolute;right:0.4rem;height:100%;font-size: .533rem;color: rgba(255,255,255,0.85);
}

#page-promotion .agent-list-top {
  position:relative;margin-top:0.7rem;left:0.5rem;width:9rem;height:1.1rem;line-height:1.1rem;font-size:.373rem;background-image: linear-gradient(135deg, rgba(255,255,255,0.25) 0%, rgba(255,255,255,0.04) 100%);border-radius: 0.22rem 0.22rem 0 0;
}

#page-promotion .agent-list-top img {
  position:absolute;left:0.5rem;width:0.5rem;height:0.5rem;top:0.3rem;opacity: 0.45;
}

#page-promotion .agent-list-top span {
  position:absolute;left:1.2rem;height:100%;font-size: .373rem;color: rgba(255,255,255,0.65);
}

#page-promotion .agent-item-title {
  position:relative;margin-top:1px;left:0.5rem;width:9rem;height:1.1rem;line-height:1.1rem;font-size:.373rem;background: rgba(255,255,255,0.08);color: rgba(255,255,255,0.65);
}

#page-promotion .agent-item-title .title1 {
  position:absolute;left:0.3rem;width:3.4rem;
}

#page-promotion .agent-item-title .title2 {
  position:absolute;left:3.4rem;width:2.9rem;text-align: center;
}

#page-promotion .agent-item-title .title3 {
  position:absolute;right:0;width:2.7rem;text-align: center;
}

#page-promotion .agent-item-title .line1 {
  position:absolute;left:3.4rem;width:1px;top:20%;height:60%;background: rgba(0,0,0,0.15);
}

#page-promotion .agent-item-title .line2 {
  position:absolute;right:2.7rem;width:1px;top:20%;height:60%;background: rgba(0,0,0,0.15);
}

#page-promotion .agent-item {
  position:relative;margin-top:1px;left:0.5rem;width:9rem;height:1.1rem;line-height:1.1rem;font-size:.373rem;background: rgba(255,255,255,0.04);color: rgba(255,255,255,0.65);
}

#page-promotion .agent-item2 {
  position:relative;margin-top:1px;left:0.5rem;width:9rem;height:1.1rem;line-height:1.1rem;font-size:.373rem;background: rgba(255,255,255,0.08);color: rgba(255,255,255,0.65);
}

#page-promotion .agent-item .left {
  position:absolute;width:3.4rem;height: 100%;
}

#page-promotion .agent-item .left .avatar {
  position:absolute;left:0.5rem;width:0.6rem;height:0.6rem;top:50%;margin-top:-0.3rem;border-radius: 0.1rem;
}

#page-promotion .agent-item .left .name {
  position:absolute;left:1.25rem;width:2rem;
}

#page-promotion .agent-item .left .level {
  position:absolute;right:2px;width:0.88rem;height:0.55rem;line-height: 0.55rem;top:50%;margin-top:-0.275rem;border: 1px solid #655656;border-radius: 0.5rem;color: #655656;font-size: .32rem;text-align: center;
}

#page-promotion .agent-item .middle {
  position:absolute;left:3.4rem;width:2.9rem;height: 100%;text-align: center;
}

#page-promotion .agent-item .right {
  position:absolute;right:0;width:2.7rem;height: 100%;text-align: center;
}

.dialog-pay {
  width: 10rem;display: flex;flex-flow: column;
}

.dialog-pay .dialog-title {
  position:relative;width:100%;height:1.5rem;background: rgba(255,255,255,0.04);text-align: center;font-size: 0.533rem;line-height: 1.5rem;color: rgba(255,255,255,0.65);
}

.dialog-pay .dialog-title img {
  position:absolute;top:50%;margin-top:-0.4rem;opacity: 0.45;right:0.3rem;width:0.8rem;height:0.8rem;
}

.dialog-pay .dialog-frame {
  position:relative;top:0;left:0;width:10rem;height: 70vh;overflow:hidden;
}

.dialog-pay .dialog-frame .content {
  position:absolute;top:0;left:1rem;width:8rem;height:50vh;overflow-x: hidden;overflow-y: scroll;
}

.dialog-pay .dialog-frame .content .sub-title {
  position:relative;left:0;margin-top:0.5rem;width:100%;height:0.5rem;line-height: 0.5rem;font-size:.373rem;color: rgba(255,255,255,0.65);
}

.dialog-pay .dialog-frame .content .item {
  position:relative;margin-top:0.5rem;left:0;width:8rem;height: 1.77rem;background: rgba(255,255,255,0.15);border-radius: 0.44rem;
}

.dialog-pay .dialog-frame .content .item:active {
  background: #00BBBB;
}

.dialog-pay .dialog-frame .content .item .line {
  position:absolute;left:4.5rem;width:1px;height:0.8rem;top:50%;margin-top:-0.4rem;background: rgba(255,255,255,0.25);
}

.dialog-pay .dialog-frame .content .item .logo {
  position:absolute;left:0.98rem;width:2.5263rem;height:0.9rem;top:50%;margin-top:-0.45rem;
}

.dialog-pay .dialog-frame .content .item .arrow {
  position: absolute;right:0.3rem;width:0.56rem;height:0.56rem;top:50%;margin-top:-0.28rem;opacity: 0.65;
}

.dialog-pay .dialog-frame .content .item .name {
  position:absolute;right:0.8rem;width:2.5rem;height:1.77rem;line-height: 1.77rem;color: rgba(255,255,255,0.85);font-size: .373rem;text-align: center;
}

.dialog-pay .dialog-frame .content .item .nametext {
  position:absolute;top:50%;left:50%;width:0.88rem;height:0.88rem;margin-top:-0.44rem;margin-left:-0.44rem;line-height:0.88rem;font-size:.426rem;font-weight:bold;text-align:center;border-radius:0.2rem;border:1px solid white;
}

.dialog-pay .dialog-frame .tips {
  position:absolute;bottom:0.6rem;left:1rem;width:8rem;font-size: .373rem;color: rgba(255,255,255,0.45);text-align: center;line-height: 0.55rem;
}

.dialog-common {
  width: 7rem;padding: 0.8rem;display: flex;align-items: center;justify-content: center;flex-direction: column;background: #514545;border-radius: 0.2rem;
}

.dialog-common-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 1999;
  opacity: 0;
  visibility: hidden;
  transition: all 0.5s ease;
}

.dialog-common-overlay.show {
  opacity: 1;
  visibility: visible;
}

.dialog-common-reglogin {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 2000;
  opacity: 0;
  visibility: hidden;
  transition: all 0.5s ease-out;
}

.dialog-common-reglogin.show {
  opacity: 1;
  visibility: visible;
}

.dialog-common-reglogin .btn-ok {
  transition: all 0.2s ease-out;
}

.dialog-common-reglogin .btn-ok span {
  font-size: .373rem !important;
}

.dialog-common-reglogin .btn-ok:active{
  transform: scale(0.9);
}

.dialog-common .content {
  color: rgba(255,255,255,0.7);font-size: .426rem;text-align: center;line-height: 0.6rem;
}

.dialog-common .btn-ok {
  border-radius: 0.22rem;margin-top: 0.8rem;width:3.2rem;height:1rem;text-align:center;line-height:1rem;color: rgba(255,255,255,0.85);font-size:.426rem;background: #009B3A;
}

.dialog-common .btn-ok span {
  top:0;left:0;width:100%;color: rgba(255,255,255,0.85);
}


.dialog-main-class {
  border-top-left-radius: 0.5rem !important;
  border-top-right-radius: 0.5rem !important;
  box-shadow: 0 -4px 8px 0 rgba(0,0,0,0.25), inset 0 1px 0 0 rgba(255,255,255,.25) !important;
  backdrop-filter: blur(60px) !important;
  -webkit-backdrop-filter: blur(60px) !important;
  background-color: transparent !important;
  width: 10rem !important;
}

.dialog-noty18-class2 {
  border-radius: 0.44rem !important;
  border: 0.5px solid rgba(255,255,255,0.15) !important;
  background: #151D29 !important;
  box-shadow: inset 0px 0.5px 0px 0px rgba(255,255,255,0.25), 0px -4px 8px 0px rgba(0,0,0,0.25)!important;
  width: 8.88rem !important;
}

.sdbtn-common-main {
  text-align: center;
  font-size: 0.373rem;
  border-radius: 0.6rem;
  background-image: linear-gradient(135deg, #FCD7A1 0%, #D17836 100%);
  color: rgba(0,0,0,0.65);
}

.sdbtn-common-second {
  text-align: center;
  font-size: 0.373rem;
  border-radius: 0.6rem;
  background: #164633;
  color: rgba(255,255,255,0.85);
}

.sd-nomore-frame {
  position:relative;
  font-size:.373rem;
  width:100%;
  height:1.8rem;
  line-height:1.8rem;
  text-align:center;
  color:#969799;
}

.sd-loadmore-frame {
  position:relative;
  font-size:.4rem;
  width:100%;
  height:1.8rem;
  line-height:1.8rem;
  text-align:center;
  color:#969799;
}

.sd-loading-frame {
  position:relative;
  font-size:.4rem;
  width:100%;
  height:1.8rem;
  line-height:1.8rem;
  text-align:center
}

.bonus-select {
  position:relative;
  margin-top:0.6rem;
  left:0.5rem;
  width:9rem;
  height:1rem;
  line-height:1rem;
  text-align:center;
  font-size:.373rem;
  display: flex;
  justify-content: center;
  align-content: center;
  border-radius:0.22rem;
  background: rgba(255,255,255,0.08);
  color: rgba(255,255,255,0.65);
}

.bonus-select .icon {
  opacity: 0.65;
  margin-left:-3.5rem;
  margin-top:0.25rem;
  margin-right:0.2rem;
  width:0.5rem;
  height:0.5rem;
}

.gift-tips {
  position:relative;
  width:8rem;
  left:1rem;
  font-size:.35rem;
  line-height: 0.5rem;
  text-align: left;
  margin-bottom: 0.4rem;
  background-color: rgba(0,0,0,0);
  color: rgba(255,255,255,0.45);
}

.pay-iframe {
  position: fixed;
  top: 1.2rem;
  left: 0;
  width: 10rem;
  background: white;
}

.signup-item-normal-disabled {
  background: rgba(255,255,255,0.02);
  border:1px solid rgba(0,0,0,0);
}

.signup-item-normal-disabled-bigdep {
  background: rgba(255,255,255,0.04);
  border: 1px solid transparent;
}

.signup-item-normal {
  background: rgba(255,255,255,0.04);
  border:1px solid rgba(0,0,0,0);
}

.signup-item-edit-normal {
  background: #001708;
  border: 1px solid #009B3A;
}

.signup-item-edit-error {
  background: #001708;
  border:1px solid #FF7F7F;
}

.signup-item-signup-disable {
  position:relative;
  width:3.2rem;
  left:50%;
  margin-left:-1.6rem;
  border-radius: 0.22rem;
  margin-bottom: 0.6rem;
  height:1rem;
  line-height: 1rem;
  text-align: center;
  font-size: .373rem;
  border: 1px solid rgba(255,255,255,0.15);
  color: rgba(255,255,255,0.25);
}

.signup-item-signup-enable {
  position:relative;
  width:3.2rem;
  left:50%;
  margin-left:-1.6rem;
  border-radius: 0.22rem;
  margin-bottom: 0.6rem;
  height:1rem;
  line-height: 1rem;
  text-align: center;
  font-size: .373rem;
  border: 1px solid #FFDF00;
  background: #FFDF00;
  color: rgba(0,0,0,0.65);
}


.top-nav-normal {
  width:10rem;
  height:1.2rem;
  line-height:1.2rem;
  background: rgb(17,29,19)!important;
  color: rgba(255,255,255,0.65)!important;
  box-shadow: 0 1px 2px 0 rgba(0,0,0,0.25);
}

.top-nav-wheel {
  width:10rem;
  height:1.2rem;
  line-height:1.2rem;
  background: rgb(17,29,19)!important;
  color: rgba(255,255,255,0.65)!important;
  box-shadow: 0 1px 2px 0 rgba(0,0,0,0.25);
}

.top-nav-title {
  color: rgba(255,255,255,0.65)!important;
}

.top-nav-wheel-title {
  color: rgba(255,255,255,0.65)!important;
}

.top-nav-leftimg {
  transform: rotate(180deg);opacity: 0.65;
}

.top-nav-wheel-leftimg {
  transform: rotate(180deg);opacity: 0.65;
}

.top-nav-right {
  position: fixed;
  right:0;
  width: 2rem;
  height: 1.2rem;
}

.top-nav-rightimg {
  opacity:0.65;
  position: fixed;
  top: 0.35rem;
  right:0.5rem;
  width: 0.5rem;
  height: 0.5rem;
}


.dialog-login-title {
  position:relative;width:100%;height:5rem;text-align: center;font-size: 0.533rem;line-height: 1.5rem;color: rgba(0,0,0,0.85);
}

.dialog-login-topbg {
  position:absolute;top:0;left:0;width:10rem;height:5rem;
}

.dialog-login-closeicon {
  position:absolute;top:50%;top:0.4rem;left:0.3rem;width:0.8rem;height:0.8rem;
}

.dialog-login-content {
  position:relative;width:100%;max-height: 60vh;overflow: scroll;
}

.dialog-login-tips1 {
  position:relative;margin-left:1rem;margin-right:1rem;font-size:.427rem;line-height: .55rem;text-align:center;color: rgba(255,255,255,0.85);
}

.dialog-login-tips2 {
  position:relative;margin-left:1rem;margin-right:1rem;font-size:.35rem;line-height: .8rem;text-align:center;color: rgba(255,255,255,0.45);
}

.dialog-login {
  position:relative;margin-left:2.6rem;width:2.2rem;height:1.1rem;background: #009B3A;box-shadow: 0 1px 2px 0 rgba(0,0,0,0.25);text-align: center;font-size: 0.373rem;line-height: 1.1rem;color: #FFFFFF;border-radius:0.22rem;
}

.dialog-login:active {
  opacity: 0.45;
}

.dialog-register {
  position:relative;margin-top:-1.1rem;margin-left:5.2rem;width:2.2rem;height:1.1rem;background: #FFDF00;text-align: center;font-size: 0.373rem;line-height: 1.1rem;color: rgba(0,0,0,0.65);border-radius:0.22rem;box-shadow: 0 1px 2px 0 rgba(0,0,0,0.25);
}

.dialog-register:active {
  opacity: 0.45;
}


.agent-tips-container {
  position:relative;
  width:10rem;
  overflow-x: hidden;
  overflow-y: scroll;
  background: black;
}

.agent-tips-topbg {
  position:relative;
  top:0;
  height: 40.27rem;
}

.agent-tips-topbg img{
  position:absolute;
  width:10rem;
}

.commission-table {
  position: relative;
  margin-top: 1rem;
  margin-left: .5rem;
  width: 9rem;
  height: 1.3rem;
  line-height: 1.3rem;
  background: rgba(249,196,134,.25);
  color: #f9c486;
  font-size: .64rem;
  text-align: center;
  border-radius: .15rem .15rem 0 0;
}

.commission-item {
  position:relative;
  margin-top: 2px;
  margin-left: 0.5rem;
  width:9rem;
  height:1rem;
  line-height: 1rem;
}

.commission-item .level {
  position:absolute;
  left:0;
  width:1.55rem;
  height: 100%;
  text-align: center;
  font-size: .373rem;
  border-radius: 0.1rem;
  margin-right: 2px;
  background: rgba(115,121,143,0.25);
  color: rgba(255,255,255,0.65);
}

.commission-item .level2 {
  position:absolute;
  left:0;
  width:1.55rem;
  height: 100%;
  text-align: center;
  font-size: .373rem;
  border-radius: 0.1rem;
  margin-right: 2px;
  background: #1A242D;
  color: rgba(255,255,255,0.65);
}

.commission-item .commission {
  position:absolute;
  right:0;
  width:2.88rem;
  height: 100%;
  text-align: center;
  font-size: .373rem;
  border-radius: 0.1rem;
  margin-right: 2px;
  background: rgba(115,121,143,0.25);
  color: rgba(255,255,255,0.65);
}

.commission-item .commission2 {
  position:absolute;
  right:0;
  width:2.88rem;
  height: 100%;
  text-align: center;
  font-size: .373rem;
  border-radius: 0.1rem;
  margin-right: 2px;
  background: #1A242D;
  color: rgba(255,255,255,0.65);
}

.commission-item .performance {
  position:absolute;
  left:1.63rem;
  width:4.38rem;
  height: 100%;
  text-align: center;
  font-size: .373rem;
  border-radius: 0.1rem;
  margin-right: 2px;
  background: rgba(115,121,143,0.25);
  color: rgba(255,255,255,0.65);
}

.commission-item .performance2 {
  position:absolute;
  left:1.63rem;
  width:4.38rem;
  height: 100%;
  text-align: center;
  font-size: .373rem;
  border-radius: 0.1rem;
  margin-right: 2px;
  background: #1A242D;
  color: rgba(255,255,255,0.65);
}

.commission-item .title-level {
  background: rgba(255,255,255,0.15);color: #E1DCDC;font-size: .426rem
}

.commission-item .title-performance {
  background: rgba(255,255,255,0.15);color: #E1DCDC;font-size: .426rem;

}

.commission-item .title-commission {
  background: rgba(255,255,255,0.15);color: #F9C486;font-size: .426rem;
}

.commission-item-tips {
  background: rgba(255,255,255,0.08);color: rgba(255,255,255,0.65);font-size: .373rem;
}

.commission-item-tips img {
  opacity: 0.45;position:absolute;top: 50%;margin-top:-0.3rem;left:0.475rem;width:0.6rem;height:0.6rem;
}

.commission-item-tips span {
  position:absolute;left:1.3rem;
}

.commission-item-star {
  background: rgba(255,255,255,0);height: 3rem;
}

.commission-item-star img {
  position:absolute;width:3.33rem;height:2rem;top:50%;margin-top:-1.1rem;left:50%;margin-left: -1.65rem;transform: rotate(180deg);
}

.commission-item-bottom {
  margin-left: 0;width: 10rem;background: #333333;text-align: center;color: rgba(255,255,255,0.45);font-size: .373rem;
}



.avatar-setting-preview {
  position:relative;margin-top:1.2rem;height: 8rem;width: 8rem;margin-left:1rem;
}

.avatar-setting-preview img{
  width:100%;height:100%;border-radius: 0.44rem;
}

.avatar-setting-input {
  position: absolute;left: 0;top: 0;height: 100%;width: 100%;opacity:0;
}

.choose-new-photo {
  position:relative;
  margin-top:1.2rem;
  margin-left:1rem;
  width:8rem;
  height:1.2rem;
  line-height: 1.2rem;
  border-radius:0.22rem;
  font-size:.426rem;
  text-align: center;
  background: #FFDF00;
  color: #012776;
}

.choose-new-photo:active {
  opacity: 0.45;
}



.progress-indicator {
  top:0.121rem;
  margin-left:0.2rem;
  height: 0.4rem;
  border-radius: 0.4rem;
  width: 0%;
  background-image: linear-gradient(180deg, #FCD7A1 0%, #B25922 100%);
  position: absolute;
}

.game-iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 10rem;
  background: white;
}



.top-card {
  position:relative;
  margin-top:0.5rem;
  left:0.5rem;
  width:9rem;
  border-radius: 0.2rem;
  height: 2.8rem;
}

.top-card-bg {
  position:absolute;
  top:0;
  width:9rem;
  height:2.8rem;
  left:0;
}

.top-card-top {
  position:absolute;
  top:0.3rem;
  left:0.5rem;
  width:8rem;
  height:0.7rem;
  line-height:0.7rem;
}

.top-card-top .text-left {
  position:absolute;
  left:0;
  font-size:.533rem;
  font-weight: bold;
  color: rgba(255,255,255,0.65);
}

.top-card-top .text-right {
  position:absolute;
  right:0;
  font-size:.373rem;
  color: rgba(255,255,255,0.65);
}

.top-card-middle {
  position:absolute;
  top:50%;
  margin-top:-0.3rem;
  left:0.5rem;
  width:8rem;
  height:0.7rem;
  line-height:0.7rem;
}

.top-card-middle .text-left {
  position:absolute;
  font-size:.373rem;
  color: rgba(255,255,255,0.45);
}

.top-card-middle .text-right {
  position:absolute;
  right:0;
  font-size:.533rem;
  font-weight: bold;
  color: rgba(255,255,255,1);
}

.top-card-bottom {
  position:absolute;
  bottom:0.3rem;
  left:0.5rem;
  width:8rem;
  height:0.7rem;
  line-height:0.7rem;
}

.top-card-bottom .text-left {
  position:absolute;
  font-size:.373rem;
  color: rgba(255,255,255,0.45);
}

.top-card-bottom .text-right {
  position:absolute;
  right:0;
  font-size:.373rem;
  color: rgba(255,255,255,0.65);
}

.game-detail-frame {
  position: relative;
  width: 9rem;
  height: 1.3rem;
  left: 50%;
  margin-left: -4.5rem;
  margin-top: 0.8rem;
  border-radius: 0.1rem;
  background-color: rgba(0,0,0,0);
  border: 1px solid rgba(0,0,0,0);
}

.game-detail-frame .icon {
  position: absolute;
  width: 1.3rem;
  height: 1.3rem;
  left: 0;
  border-radius: 0.1rem;
}

.game-cell-normal {
  width: 9rem;
  height: 1.3rem;
  border-radius: 0.1rem;
  background-color: rgba(0,0,0,0);
}

.game-cell-normal:active {
  background-color: rgba(0, 0, 0, 0);
}

.game-cell-normal .win-title {
  position: absolute;
  right: 0px;
  width: 1.1rem;
  height: 0.65rem;
  border-radius: 0.4rem;
  overflow: hidden;
  font-size: 0.4rem;
  line-height: 0.65rem;
  text-align: center;
  background: #F9C486;
  color: rgba(0,0,0,0.65);
}

.game-cell-normal .lose-title {
  position: absolute;
  right: 0px;
  width: 1.1rem;
  height: 0.65rem;
  border-radius: 0.4rem;
  overflow: hidden;
  font-size: 0.4rem;
  line-height: 0.65rem;
  text-align: center;
  background-color: rgba(255,255,255,0.2);
  color: rgba(255,255,255,0.45);
}

.game-cell-normal .game-name {
  position:absolute;
  left:1.5rem;
  width:3.3rem;
  height: 0.65rem;
  line-height: 0.65rem;
  overflow:hidden;
  font-size:.426rem;
  color: rgba(255,255,255,0.85);
}

.game-cell-normal .game-value1 {
  position:absolute;
  top:0.65rem;
  left:1.5rem;
  height: 0.65rem;
  line-height: 0.65rem;
  width:4.1rem;
  font-size:.373rem;
  color: rgba(255,255,255,0.45);
}

.game-cell-normal .game-value2 {
  position:absolute;
  right:1.8rem;
  height: 0.65rem;
  line-height: 0.65rem;
  text-align: right;
  width:3.3rem;
  overflow:hidden;
  font-size:.426rem;
  color: rgba(255,255,255,0.65);
}

.game-cell-normal .game-time {
  position:absolute;
  top:0.65rem;
  right:0;
  height: 0.65rem;
  line-height: 0.65rem;
  text-align: right;
  font-size:.373rem;
  color: rgba(255,255,255,0.45);
}

.game-item-line {
  position: relative;
  height: 1.2rem;
}


.ltop-card {
  position:relative;
  margin-top:0.5rem;
  left:0.5rem;
  width:9rem;
  border-radius: 0.2rem;
  height: 2.8rem;
}

.ltop-card-bg {
  position:absolute;
  top:0;
  width:9rem;
  height:2.8rem;
  left:0;
}

.ltop-card-top {
  position:absolute;
  top:0.3rem;
  left:0.5rem;
  width:8rem;
  height:0.7rem;
  line-height:0.7rem;
}

.ltop-card-top .img-left {
  opacity: 0.65;
  position:absolute;
  top:0.05rem;
  left:-0.1rem;
  width:0.6rem;
  height:0.6rem;
}

.ltop-card-top .text-left {
  position:absolute;
  left:0.6rem;
  font-size:.373rem;
  color: rgba(255,255,255,0.65);
}

.ltop-card-middle {
  position:absolute;
  top:50%;
  margin-top:-0.2rem;
  left:0.5rem;
  width:8rem;
  height:0.7rem;
  line-height:0.7rem;
}

.ltop-card-middle .text-left {
  position:absolute;
  font-size:.373rem;
  color: rgba(255,255,255,0.45);
}

.ltop-card-middle .text-right {
  position:absolute;
  right:0;
  font-size:.533rem;
  font-weight: bold;
  color: rgba(255,255,255,1);
}

.ltop-card-bottom {
  position:absolute;
  bottom:0.3rem;
  left:0.5rem;
  width:8rem;
  height:0.7rem;
  line-height:0.7rem;
}

.ltop-card-bottom .text-left {
  position:absolute;
  font-size:.373rem;
  color: rgba(255,255,255,0.45);
}

.ltop-card-bottom .text-right {
  position:absolute;
  right:0;
  font-size:.373rem;
  color: rgba(255,255,255,0.65);
}

.lgame-detail-frame {
  position: relative;
  width: 9rem;
  height: 1.3rem;
  left: 50%;
  margin-left: -4.5rem;
  margin-top: 0.8rem;
  border-radius: 0.1rem;
  background-color: rgba(0,0,0,0);
  border: 1px solid rgba(0,0,0,0);
}

.lgame-detail-frame .icon {
  position: absolute;
  width: 1.3rem;
  height: 1.3rem;
  left: 0;
  border-radius: 0.1rem;
}

.lgame-cell-normal {
  background-color: rgba(0,0,0,0);
  width: 9rem;
  height: 1.3rem;
  border-radius: 0.1rem;
}

.lgame-cell-normal:active {
  background-color: rgba(0, 0, 0, 0.05);
}

.lgame-cell-normal .game-name {
  position:absolute;
  left:1.5rem;
  width:3.3rem;
  height: 0.65rem;
  line-height: 0.65rem;
  overflow:hidden;
  font-size:.426rem;
  color: rgba(255,255,255,0.85);
}

.lgame-cell-normal .game-value1 {
  position:absolute;
  top:0.65rem;
  left:1.5rem;
  width:4.1rem;
  height: 0.65rem;
  line-height: 0.65rem;
  font-size:.373rem;
  color: rgba(255,255,255,0.45);
}

.lgame-cell-normal .game-value2 {
  position:absolute;
  right:0.7rem;
  text-align: right;
  width:3.3rem;
  height: 0.65rem;
  line-height: 0.65rem;
  overflow:hidden;
  font-size:.426rem;
  color: rgba(255,255,255,0.65);
}

.lgame-cell-normal .game-times {
  position:absolute;
  top:0.65rem;
  right:0.7rem;
  text-align: right;
  width:2.5rem;
  height: 0.65rem;
  line-height: 0.65rem;
  font-size:.373rem;
  color: rgba(255,255,255,0.45);
}

.lgame-cell-normal .arrow {
  position:absolute;
  top:0.3rem;
  right:0;
  width:0.5rem;
  height:0.5rem;
  opacity: 0.45;
}

.game-cell-line {
  position:absolute;
  bottom:-0.4rem;
  left:0;
  width:9rem;
  height: 1px;
  background: rgba(255,255,255,0);
}

.game-item-line {
  position: relative;
  height: 1.2rem;
}

.sd-empty-tips {
  position: relative;
  margin-top: 0.2rem;
  line-height: .41rem;
  left:2rem;
  width:6rem;
  font-size:.32rem;
  text-align: center;
  color: rgba(255,255,255,0.45);
}

.sort-item {
  position: absolute;
  width: 2.13rem;
  height: 0.9rem;
  border-radius: 0.1rem;
  line-height: 0.9rem;
  text-align: center;
  font-size: .373rem;
  border-radius: 0.5rem;
}

.sort-item-normal {
  background: rgba(255,255,255,0.08);
  color: rgba(255,255,255,0.65);
}

.sort-item-selected {
  background: #009B3A;
  color: rgba(255,255,255,0.85);
}

.sort-content {
  width: 10rem;height: 16.5rem;display: flex;flex-flow: column;
}

.sort-content .title {
  position:relative;
  width:100%;
  height:1.5rem;
  text-align: center;
  font-size: 0.533rem;
  line-height: 1.5rem;
  background: rgba(255,255,255,0.04);
  color: rgba(255,255,255,0.65);
}

.sort-content .close-icon {
  opacity: 0.45;
  position:absolute;
  top:50%;
  margin-top:-0.4rem;
  right:0.3rem;
  width:0.8rem;
  height:0.8rem;
}

.sort-content .top-tips {
  position: relative;
  margin-top:0.6rem;
  margin-left:1.5rem;
  color: rgba(255,255,255,0.85);
  font-size:.373rem;
}

.sort-content .item-container {
  position:relative;margin-left:1.5rem;margin-top:0.5rem;width:7rem;height:3.5rem;
}

.sort-btn-enable {
  position: relative;
  left: 50%;
  margin-left: -1.6rem;
  width: 3.2rem;
  height: 1.1rem;
  background: #FFDF00;
  text-align: center;
  font-size: 0.373rem;
  line-height: 1.1rem;
  color: rgba(0,0,0,.65);
  border-radius: 0.22rem;
  border: 1px solid #FFDF00;
}



.today-item-arrow {
  opacity: 0.45;
  position:absolute;
  width:0.5rem;
  height:0.5rem;
  top:0.3rem;
  right:0.3rem;
}

.today-item-bottom {
  border-radius: 0 0 0.1rem 0.1rem;
}


.login-top-frame {
  position: relative;
  top: 1rem;
  height: 5.5rem;
}

.login-top-frame img {
  position:absolute;
  width:2.1rem;
  height:2.1rem;
  left:50%;
  margin-left:-1.05rem;
  border-radius: 0.2rem;
}

.login-top-frame span {
  position:absolute;
  top:2.5rem;
  left:0.55rem;
  width:9rem;
  font-size:.533rem;
  text-align:center;
  word-break: break-all;
  color: rgba(255,255,255,1);
}

.login-item {
  position:relative;
  width:8.4rem;
  height:1.3rem;
  left:50%;
  margin-left:-4.2rem;
  border-radius: 0.22rem;
}

.login-item-input {
  font-family: monospace;color: rgba(255,255,255,0.85);
}

.login-item-normal {
  border:1px solid rgba(0,0,0,0);
  background: rgba(255,255,255,0.04);
}

.login-item-edit-normal {
  background: #001708;
  border: 1px solid #009B3A;
}

.login-item-edit-error {
  background: #001708;
  border:1px solid #FF7F7F;
}

.login-item-error {
  position:relative;
  line-height: 0.55rem;
  font-size:.373rem;
  text-align: center;
  border-radius: 0.1rem;
  width:8.4rem;
  left:50%;
  margin-left:-4.2rem;
  padding-top: 0.2rem;
  padding-bottom: 0.2rem;
  background: rgba(255,0,0,0.25);
  color:white;
}

.login-item-line {
  position:relative;
  height:0.6rem;
}

.login-item .input {
  position:absolute;
  border: none;
  top: 0.15rem;
  height: 1rem;
  line-height: 1rem;
  left: 0.5rem;
  width: 6.5rem;
  padding: 0;
  font-size:.373rem;
  background-color: transparent;
}

.login-item .icon {
  position:absolute;
  width: 0.5rem;
  height: 0.5rem;
  right: 0.5rem;
  top: 50%;
  margin-top: -0.25rem;
  opacity: 0.45;
}


.lottery-btn-frame {
  position: relative;
  margin-top: -1.2rem;
  left: 0;
  width: 10rem;
  height: 3rem;
}

.lottery-btn-draw {
  background-image: linear-gradient(180deg, #F39A4F 0%, #78340F 100%);
  border-radius: 1.1rem;
  border: 2px solid rgb(252, 215, 161);
  box-shadow: 0 8px 12px 0 rgba(0,0,0,0.45);
  color: #FCD7A1;
  position: absolute;
  left: 50%;
  margin-left: -1.8rem;
  width: 3.6rem;
  height: 0.92rem;
  text-align: center;
  line-height: 0.92rem;
  font-size: 0.5rem;
}

.lottery-btn-draw span {
  position:absolute;top:0;left:0;width:100%;
}

.lottery-btn-voucher {
  background: rgba(0,0,0,0.65);border-radius: 1.1rem;border: 2px solid rgb(252, 215, 161);box-shadow: 0 8px 12px 0 rgba(0,0,0,0.45);color: #FCD7A1;position: absolute;left: 50%;top: 1.35rem;margin-left: -1.8rem;width: 3.6rem; height: 0.92rem;text-align: center;line-height: 0.92rem;font-size: 0.426rem;
}

.lottery-btn-voucher .span1 {
  position:absolute;top:0;left:0;width:100%;
}

.lottery-btn-voucher .span2 {
  position:absolute;top:-0.15rem;right:-0.1rem;padding:0.1rem;font-size:10px;background:#FF0000;line-height:0.2rem;border-radius:0.4rem;border: 1px solid #FCD7A1;
}

.lottery-bottom-frame {
  position:relative;margin-top:0.6rem;left:0;width:10rem;height:6.8rem;background-image: linear-gradient(135deg, #fcd7a1 0%, #d17836 100%);box-shadow: inset 0 1px 0 0 #F9C486;
}

.lottery-bottom-cardnum {
  position:absolute;top:1.5rem;left:0.3rem;width:1.4rem;height:0.6rem;line-height:0.6rem;text-align:center;
}

.lottery-bottom-tips {
  position:absolute;top:2.5rem;width:10rem;height:0.8rem;line-height:0.8rem;color: #78340F;font-size:.346rem;text-align:center;
}

.lottery-redeem-enable {
  position:absolute;top:4rem;left:50%;margin-left:-1.1rem;width:2.2rem;height:1rem;line-height:1rem;border-radius:0.6rem;text-align:center;font-size:.373rem;background-image: linear-gradient(180deg, #F39A4F 0%, #78340F 100%);border: 2px solid rgb(252, 215, 161);color: #FCD7A1;
}

.lottery-redeem-enable span {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}

.lottery-redeem-disable {
  position:absolute;top:4rem;left:50%;margin-left:-1.1rem;width:2.2rem;height:1rem;line-height:1rem;border-radius:0.6rem;text-align:center;font-size:.373rem;border: 1px solid rgba(255,255,255,0.25);color: rgba(255,255,255,0.45);
}

.lottery-redeem-disable span {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}

.item-card {
  position: absolute;
  top: 0.3rem;
  width: 2rem;
  height: 2.5rem;
  color: #78340F;
  font-size: .373rem;
}

.item-card-0 {
  position: absolute;
  top: 0.3rem;
  width: 2rem;
  height: 2.5rem;
  color: lightgray;
  font-size: .373rem;
}

.lottery-list-title {
  position:relative;width:100%;height:1.5rem;background: rgba(255,255,255,0.04);text-align: center;font-size: 0.533rem;line-height: 1.5rem;color: rgba(255,255,255,1);
}

.lottery-list-title img {
  position:absolute;top:50%;margin-top:-0.4rem;right:0.3rem;width:0.8rem;height:0.8rem;
}

.lottery-list-content {
  position:relative;
  top:0;
  left:0;
  width:10rem;
  max-height:90vh;
  overflow:scroll;
}

.lottery-list-item {
  position:relative;
  left:0.6rem;
  width:8.8rem;
  height:2.82rem;
}

.lottery-list-item .bg {
  position:absolute;
  top:0.4rem;
  left:0;
  width:8.8rem;
  height:2.42rem;
}

.lottery-list-item .top {
  position:absolute;
  top:0.4rem;
  left:0;
  width:100%;
  height:1.2rem;
  line-height:1.2rem;
  font-size:.426rem;
}

.lottery-list-item .top-title {
  position:absolute;left:0.5rem;color: rgba(0,0,0,0.65);
}

.lottery-list-item .top-value {
  position:absolute;right:0.5rem;
}

.lottery-list-item .top-value .tcount {
  color: rgba(0,0,0,0.85);font-weight:bold;
}

.lottery-list-item .top-value .total {
  color: rgba(0,0,0,0.45);
}

.lottery-list-item .bottom {
  position: absolute;
  top: 1.4rem;
  left: 0;
  height: 1.22rem;
  line-height: 1.22rem;
  width: 100%;
}

.lottery-list-item .bottom-title {
  position: absolute;
  left: 0.5rem;
  display: flex;
  justify-content: center;
  align-items: center;
}

.lottery-list-item .bottom-title .count {
  color: #B25922;font-size:.96rem;
}

.lottery-list-item .bottom-title .voucher {
  color: #78340F;font-size:.426rem;margin-left: 0.3rem;top:0.1rem;
}

.lottery-list-item .claim-frame {
  position: absolute;
  right: 0;
  height: 1.22rem;
  line-height: 1.22rem;
  width:5rem;
  top:0.1rem;
}

.lottery-list-item .claim-frame .claimed {
  position:absolute;right:0.5rem;color: #2B1600;
}

.lottery-list-item .claim-frame .canclaim {
  background-image: linear-gradient(180deg, #F39A4F 0%, #78340F 100%);color: #FCD7A1;border: 2px solid rgb(252, 215, 161); box-shadow: rgba(120, 52, 15, 0.45) 0px 8px 12px 0px, rgba(255, 255, 255, 0.65) 0px 1px 0px 0px inset; position: absolute; text-align: center; width: 2rem; right: -0.2rem; height: 0.9rem; line-height: 0.9rem; border-radius: 0.5rem; font-size: 0.373rem;
}

.lottery-list-item .claim-frame .notclaim {
  background: transparent; color: rgba(0,0,0,0.25); border: 1px solid rgba(0,0,0,0.15);position: absolute; text-align: center; width: 2rem; right: -0.2rem; height: 0.9rem; line-height: 0.9rem; border-radius: 0.5rem; font-size: 0.373rem;
}

.lottery-btn-claim {
  position: absolute;
  right: 0.5rem;
  width: 2.5rem;
}

.lottery-btn-claim:active {
  opacity: 0.45;
}

.lottery-result-title {
  position:absolute;
  top:0;
  width:10rem;
  height:2rem;
  line-height: 2rem;
  text-align: center;
  background-image: linear-gradient(-45deg, #F39A4F 0%, #FCD7A1 100%);
  color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
  font-size: .86rem;
}

.lottery-result-content {
  position: absolute;
  top: 2rem;
  left: 50%;
  width: 9rem;
  height: 9rem;
  margin-left: -4.5rem;
}

.lottery-result-content .bg {
  width: 9rem;
  height: 9rem;
}

.lottery-result-content .close {
  position: absolute;
  top: 0.1rem;
  right: 0.3rem;
  width: 1.1rem;
  height: 1.4rem;
}

.lottery-result-content .result1 {
  position: absolute;
  top: 0.7rem;
  width: 4rem;
  height: 4rem;
  line-height: 4rem;
  left: 50%;
  margin-left: -2rem;
  text-align: center;
  font-size: 3rem;
  color: #740000;
}

.lottery-result-content .result2 {
  position: absolute;
  top: 0.7rem;
  width: 4rem;
  height: 4rem;
  line-height: 4rem;
  left: 50%;
  margin-left: -2rem;
  text-align: center;
  font-size: 2rem;
  color: #740000;
}

.lottery-result-content .btn-receive {
  background-image: linear-gradient(180deg, #F39A4F 0%, #78340F 100%);
  border-radius: 1.1rem;
  border: 2px solid rgb(252, 215, 161);
  box-shadow: 0 8px 12px 0 rgba(120,52,15,0.45);
  color: #FCD7A1;
  position: absolute;
  left: 50%;
  bottom: 0px;
  margin-left: -2.2rem;
  width: 4.4rem;
  height: 1rem;
  text-align: center;
  line-height: 1rem;
  font-size: 0.426rem;
}

.lottery-result-content .btn-receive span {
  position: absolute;
  top: -0.05rem;
  left: 0;
  width: 100%
}


.message-top-frame {
  position:relative;
  top:0.7rem;
  height: 2.8rem;
}

.message-top-frame img{
  position:absolute;
  width:1.8rem;
  height:1.8rem;
  left:50%;
  margin-left:-0.9rem;
}

.message-item {
  position:relative;
  margin-top:0.4rem;
  margin-bottom:0.2rem;
  font-size: .4rem;
  line-height: .6rem;
}

.message-item .top {
  position: relative;
  left:0.5rem;
  width:9rem;
  height:1rem;
  line-height: 1rem;
}

.message-item .top .time{
  position:absolute;
  right:0;
  font-size:.373rem;
  color: rgba(255,255,255,0.25);
}

.message-item .title{
  position:absolute;
  width:2.1rem;
  height:0.7rem;
  line-height: 0.7rem;
  text-align: center;
  border-radius: 0.35rem;
  font-size:.373rem;
}

.message-item .title1 {
  background: rgba(255,255,255,0.25);
  color: rgba(0,0,0,0.65);
}

.message-item .title2 {
  background: #7F99FF;color: rgba(0,0,0,0.65);
}

.message-item .title3 {
  background: #F39A4F;color: rgba(0,0,0,0.65);
}

.message-item .content {
  position: relative;
  left:0.5rem;
  width:9rem;
  font-size:.373rem;
  color: rgba(255,255,255,0.45);
  white-space: pre-wrap;
}

.message-item .line {
  position: relative;
  left:0.5rem;
  width:9rem;
  height: 0.4rem;
  border-bottom: 1px solid rgba(255,255,255,0.15);
}


.profile-avatar {
  position:relative;
  margin-top:1.2rem;
  height: 3.2rem;
}

.profile-avatar .title {
  position:absolute;
  left:0.8rem;
  top:0;
  font-size:.373rem;
  color: rgba(255,255,255,0.45);
}

.profile-avatar .avatar {
  position:absolute;
  width:3.2rem;
  height:3.2rem;
  left:50%;
  margin-left:-1.6rem;
  border-radius: 0.22rem;
}

.profile-avatar .avatar-edit {
  opacity:0.45;
  width:0.5rem;
  height:0.5rem;
  margin-top:0.15rem;
  margin-left:0.15rem;
}

.profile-title-normal {
  position:relative;
  left:0.8rem;
  width:9rem;
  font-size:.373rem;
  color: rgba(255,255,255,0.45);
}

.profile-value-normal {
  position:absolute;
  left:1.5rem;
  width:5.5rem;
  overflow:hidden;
  font-size:.373rem;
  color: rgba(255,255,255,0.85);
}

.profile-bg-normal {
  position:absolute;
  height:100%;
  width:8.4rem;
  border-radius: 0.22rem;
  background: rgba(255,255,255,0.02);
}

.profile-bg-canedit {
  position:absolute;height:100%;width:8.4rem;border-radius: 0.22rem;
}

.profile-item .icon {
  position: absolute;
  width: 0.5rem;
  height: 0.5rem;
  left: 0.5rem;
  top: 50%;
  margin-top: -0.25rem;
  opacity: 0.45;
}

.profile-item .wicon {
  position: absolute;
  width: 0.5rem;
  height: 0.5rem;
  left: 0.5rem;
  top: 50%;
  margin-top: -0.25rem;
}

.profile-item-arrow {
  opacity:0.45;
  position: absolute;
  width: 0.5rem;
  height: 0.5rem;
  top: 50%;
  margin-top: -0.25rem;
  right:0.5rem;
}

.pwdicon {
  position: absolute;
  width: 0.5rem;
  height: 0.5rem;
  right: 1.8rem;
  margin-top: 0.4rem;
  opacity: 0.45;
}

.profile-edit-btn {
  position: absolute;
  bottom: 0.05rem;
  left: 50%;
  margin-left: 1.7rem;
  width: 0.8rem;
  height: 0.8rem;
  border-radius: 0.45rem;
  background: rgba(255,255,255,0.15);
  border: 0px solid rgba(0,0,0,0.04);
}

.profile-edit-btn-active {
  position: absolute;
  bottom: 0.05rem;
  left: 50%;
  margin-left: 1.7rem;
  width: 0.8rem;
  height: 0.8rem;
  border-radius: 0.45rem;
  background: #009B3A;
  border: 0px solid #009B3A;
}

.coin-input {
  position: absolute;
  border: none;
  margin-top: 0.1rem;
  height: 1rem;
  line-height: 1rem;
  margin-left: 0.5rem;
  width: 5.5rem;
  padding: 0;
  font-size: .373rem;
  background-color: transparent;
  color: rgba(255,255,255,0.85);
}

.rcoin-item-normal {
  background: rgba(255,255,255,0.04);
  border: 1px solid rgba(0,0,0,0);
}

.rcoin-item-normal-disabled {
  background: rgba(255,255,255,0.04);
  border: 1px solid rgba(0,0,0,0);
}

.rcoin-item-edit-normal {
  background: #001708;
  border: 1px solid #009B3A;
}

.rcoin-item-edit-error {
  background-color: #001708;
  border: 1px solid #FF7F7F;
}

.profile-btn-enable {
  position: relative;
  left: 50%;
  margin-left: -1.6rem;
  width: 3.2rem;
  height: 1.1rem;
  text-align: center;
  font-size: 0.373rem;
  line-height: 1.1rem;
  border-radius: 0.22rem;
  background: #FFDF00;
  color: rgba(0,0,0,0.65);
  border: 1px solid #FFDF00;
}

.profile-btn-disable {
  position: relative;
  left: 50%;
  margin-left: -1.6rem;
  width: 3.2rem;
  height: 1.1rem;
  text-align: center;
  font-size: 0.373rem;
  line-height: 1.1rem;
  border-radius: 0.22rem;
  color: rgba(255,255,255,0.25);
  border: 1px solid rgba(255,255,255,0.15);
}

.profile-item {
  position: relative;
  width: 8.4rem;
  height: 1.1rem;
  line-height:  1.1rem;
  left: 50%;
  margin-left: -4.2rem;
  border-radius: 0.22rem;
}

.profile-item-normal {
  background: rgba(255,255,255,0.04);
  border: 1px solid rgba(0,0,0,0);
}

.profile-item-normal:active {
  background: #009B3A;
}

.setting-item-error {
  position: relative;
  height: 0.8rem;
  line-height: 0.8rem;
  font-size: .373rem;
  text-align: center;
  border-radius: 0.1rem;
  width: 7rem;
  left: 50%;
  margin-left: -3.5rem;
  background: rgba(255,0,0,0.25);
  color: white;
}

.profile-item-line {
  position: relative;
  height: 0.6rem;
}

.profile-item .input {
  position: absolute;
  border: none;
  top: 0.15rem;
  height: 1rem;
  line-height: 1rem;
  left: 0.5rem;
  width: 6.5rem;
  padding: 0;
  font-size: .373rem;
  background-color: transparent;
}

.profile {
  position: relative;
  width: 8rem;
  left: 50%;
  margin-left: -4rem;
  margin-top: 0.3rem;
}

.profile .title {
  position: relative;
  height: 0.7rem;
  line-height: 0.7rem;
  font-size: .373rem;
  color: rgba(255,255,255,0.45);
}

.profile .profile-item {
  position: relative;
  width: 8rem;
  height: 1.3rem;
  line-height: 1.3rem;
  left: 50%;
  margin-left: -4rem;
  border-radius: 0.22rem;
}

.profile-home {
  margin-top:0.2rem;
  margin-bottom:0.5rem;
}

.profile .profile-item .type-item {
  position: absolute;
  left: 0;
  top: 0.2rem;
  width: 1.8rem;
  height: 0.9rem;
  line-height: 0.9rem;
  font-size: .373rem;
  text-align: center;
  border-radius: 0.22rem;
  background: rgba(255,255,255,0.15);
  color: rgba(255,255,255,0.65);
}

.profile .profile-item .type-item-checked {
  background: #009B3A;
  color:  rgba(255,255,255,0.85);
}

.profile .profile-item .title {
  position: absolute;
  left: 1.1rem;
  font-size: .373rem;
  color: #BB4E00;
}

.profile .profile-item .unit {
  position: absolute;
  right: 0.3rem;
  font-size: .373rem;
  color: #BB4E00;
}

.profile .profile-item .clear {
  position: absolute;
  right: 0.9rem;
  height: 1.3rem;
  width: 1rem;
}

.profile .profile-item .clear img {
  position: absolute;
  width: 0.6rem;
  height: 0.6rem;
  top: 50%;
  margin-top: -0.3rem;
  left: 50%;
  margin-left: -0.3rem;
  opacity: .45;
}

.profile .profile-item .input {
  position: absolute;
  border: none;
  top: 0.15rem;
  height: 1rem;
  line-height: 1rem;
  left: 0.5rem;
  width: 5.7rem;
  padding: 0;
  font-size: .373rem;
  background-color: transparent;
  color: rgba(255,255,255,0.85);
}

.profile .profile-item .icon-item {
  position: absolute;
  width: 0.6rem;
  height: 0.6rem;
  right: 0.3rem;
  top: 50%;
  margin-top: -0.3rem;
  opacity: 0.45;
}

.profile .profile-item .icon-focus {
  opacity: 1.0;
}

.profile-item-error-mp {
  position: relative;
  line-height: 0.55rem;
  font-size: .373rem;
  text-align: center;
  border-radius: 0.1rem;
  width: 8rem;
  left: 50%;
  margin-left: -4rem;
  z-index: 99;
  padding-top: 0.2rem;
  padding-bottom: 0.2rem;
  background: #FF7F7F;
  color: white;
}

.profile-logout-frame {
  position:fixed;
  top:0;
  width:10rem;
  height:2000px;
  z-index:9999;
}

.profile-logout-btn {
  position:fixed;
  right:0.2rem;
  top:1rem;
  height:1rem;
  line-height:1rem;
  width:2.5rem;
  border-radius: 0.22rem;
  text-align:center;
  font-size:.4rem;
  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.16);
  background: #FFDF00;
  color: #012776;
}

.logout-dialog-title {
  position:relative;
  width:100%;
  height:1.5rem;
  text-align: center;
  font-size: 0.533rem;
  line-height: 1.5rem;
  background-color:rgba(255,255,255,0.04);
  color: rgba(255,255,255,0.65);
}

.logout-dialog-alerticon {
  position:relative;
  margin-top:1rem;
  width:2.1rem;
  height:2.1rem;
  left:50%;
  margin-left:-1.05rem;
}

.logout-dialog-tips1 {
  position:relative;width: 8rem;margin-top:0.5rem;margin-left:1rem;text-align:center;font-size:0.533rem;color: #FFFFFF;line-height: 0.6rem;
}

.logout-dialog-tips2 {
  position:relative;width:8rem;text-align:center;margin-top:1rem;margin-left:1rem;font-size:.373rem;color: rgba(255,255,255,0.65);line-height: 0.6rem;
}

.logout-dialog-btnexit {
  position: relative;
  left: 50%;
  margin-left: -3.5rem;
  margin-top:0.5rem;
  width: 7rem;
  height: 1.1rem;
  text-align: center;
  font-size: 0.373rem;
  line-height: 1.1rem;
  border-radius: 0.22rem;
  background: #FFDF00;
  color: #012776;
}

.logout-dialog-btnexit-cancel {
  position: relative;
  left: 50%;
  margin-left: -3.5rem;
  margin-top:0.4rem;
  width: 7rem;
  height: 1.1rem;
  text-align: center;
  font-size: 0.373rem;
  line-height: 1.1rem;
  border-radius: 0.22rem;
  background: rgba(255,255,255,0.15);
  color: rgba(255,255,255,0.85);
}

.logout-dialog-btnexit:active {
  opacity: 0.45;
}

.logout-dialog-btnexit-cancel:active {
  opacity: 0.45;
}

.profile-dialog-title {
  position: relative;
  width:100%;
  height:1.5rem;
  text-align: center;
  font-size: 0.533rem;
  line-height: 1.5rem;
  background: rgba(255,255,255,0.04);
  color: rgba(255,255,255,0.65);
}

.profile-dialog-closeicon {
  opacity: 0.45;
  position: absolute;
  top: 50%;
  margin-top: -0.4rem;
  right: 0.3rem;
  width: 0.8rem;
  height: 0.8rem;
}

.nickname-dialog-itemname {
  position:relative;
  margin-top:1rem;
  margin-left:1.5rem;
  font-size:.373rem;
  color: rgba(255,255,255,0.65);
}

.nickname-dialog-value {
  margin-top:0.2rem;
  margin-left:1.5rem;
  width:7rem;
  height:1.2rem;
  line-height: 1.2rem;
  border-radius:0.22rem;
}

.pwd-dialog-input {
  font-family: monospace;
  color: rgba(255,255,255,0.85);
}

.payment-dialog-tips {
  position: relative;
  margin-top: 0.5rem;
  margin-left: 1rem;
  margin-bottom: 0.5rem;
  width: 8rem;
  text-align: center;
  line-height: 0.5rem;
  font-size: .373rem;
  color: rgba(255,255,255,0.65);
}


.web-iframe {
  position: fixed;
  top: 1.2rem;
  left: 0;
  width: 10rem;
  background: white;
}


.copy-btn-enable {
  position:absolute;
  right:0;
  width:1.7rem;
  height:0.88rem;
  line-height: 0.88rem;
  border-radius: 0.22rem;
  font-size: 0.373rem;
  text-align: center;
  background-image: linear-gradient(135deg,#fcd7a1,#d17836);
  color: rgba(0, 0, 0, .65);
}

.copy-btn-enable:active {
  opacity: 0.45;
}

.copy-btn-disable {
  position:absolute;
  right:0;
  width:1.7rem;
  height:0.88rem;
  line-height: 0.88rem;
  border-radius: 0.22rem;
  font-size: 0.373rem;
  text-align: center;
  background-image: linear-gradient(135deg,#fcd7a1,#d17836);
  color: rgba(0, 0, 0, .65);
  opacity: 0.35;
}

.item-frame .agent-top-frame {
  height: 1rem !important;
  margin-bottom:0.2rem;
}

.item-frame .agent-top-frame .icon-frame {
  position:absolute;width:0.88rem;height:0.88rem;top:0;border-radius: 0.44rem;
}

.item-frame .agent-top-frame .icon-frame img {
  opacity: 0.45;position:absolute;width:0.5rem;height:0.5rem;top:50%;left:0;margin-top:-0.25rem;
}

.item-frame .agent-top-frame .text-title {
  position:absolute;color: rgba(255,255,255,0.45);line-height: 1rem;top:-0.05rem;left:0.7rem;
}

.item-frame .agent-link-frame {
  height: unset!important;
  position: unset!important;
  background: rgba(255, 255, 255, 0.08)!important;
  width: 9rem!important;
  color: rgba(255, 255, 255, 0.85)!important;
  line-height: 0.6rem!important;
}

.item-frame .agent-link-value {
  word-break: break-all!important;
  width: 8rem!important;
  padding: 0.3rem 0.5rem 0.3rem 0.5rem!important;
}



.bdep-item-frame {
  position:relative;
  margin-top:0.5rem;
  left:0.5rem;
  width:9rem;
  border-radius: 0.2rem;
  height:5.625rem;
}

.bdep-item-frame .bg {
  position:absolute;top:0;left:0;width:9rem;
}

.bdep-item-frame .icon {
  position: absolute;top:0.3rem;left:0.4rem;width:1.11rem;height:1.11rem;
}

.bdep-item-frame .title {
  position:absolute;top:0.25rem;line-height:0.6rem;left:1rem;width:7rem;color: rgba(0,0,0,0.85);font-size: .533rem;text-align: center;font-weight: bold;
}

.bdep-item-frame .tips1 {
  position:absolute;top:2.1rem;line-height:0.6rem;left:1rem;width:7rem;color: #78340F;font-size: .426rem;text-align: center;font-weight: bold;
}

.bdep-item-frame .time-frame {
  position:absolute;top:2.95rem;left:0.3rem;width:8.4rem;height:1.64rem;background-image: linear-gradient(180deg, #565965 0%, #000000 100%);border-radius: 0.22rem;
}

.bdep-item-frame .time-frame .title-content {
  position:absolute;top:50%;text-align:center;margin-top:-0.28rem;background: rgba(255,255,255,0.15);border-radius:0.1rem;color: #FCD7A1;font-size: .32rem;
}

.bdep-item-frame .time-frame .title-day {
  left:1.22rem;height:0.56rem;line-height:0.56rem;width:0.88rem;
}

.bdep-item-frame .time-frame .title-hour {
  left:3.35rem;height:0.56rem;line-height:0.56rem;width:0.56rem;
}

.bdep-item-frame .time-frame .title-min {
  right:2.3rem;height:0.56rem;line-height:0.56rem;width:0.88rem;
}

.bdep-item-frame .time-frame .title-sec {
  right:0.44rem;height:0.56rem;line-height:0.56rem;width:0.56rem;
}

.bdep-item-frame .time-frame .value-day {
  position:absolute;left:0rem;top:0;height:1.64rem;line-height:1.64rem;width:1.1rem;text-align:right;color: #FFFFFF;font-size: .85rem;font-weight: bold;
}

.bdep-item-frame .time-frame .value-hour {
  position:absolute;left:2.18rem;top:0;height:1.64rem;line-height:1.64rem;width:1.1rem;text-align:center;color: #FFFFFF;font-size: .85rem;font-weight: bold;
}

.bdep-item-frame .time-frame .value-min {
  position:absolute;left:4rem;top:0;height:1.64rem;line-height:1.64rem;width:1.1rem;text-align:center;color: #FFFFFF;font-size: .85rem;font-weight: bold;
}

.bdep-item-frame .time-frame .value-sec {
  position:absolute;right:1.1rem;top:0;height:1.64rem;line-height:1.64rem;width:1.1rem;text-align:center;color: #FFFFFF;font-size: .85rem;font-weight: bold;
}

.bdep-item-frame .tips2 {
  position:absolute;bottom:0.25rem;line-height:0.6rem;left:1rem;width:7rem;color: #78340F;font-size: .32rem;text-align: center;
}

#page-promotion .item-frame  .title .btn-frame {
  position:absolute;
  right:0;
  width:1.76rem;
  height:0.88rem;
  line-height: 0.88rem;
  border-radius: 0.1rem;
  font-size: 0.373rem;
  text-align: center;
}

.trch-item {
  position: relative;
  margin-top: 0.25rem;
  left: 0.5rem;
  width: 9rem;
  height: 2.25rem;
  line-height: 1.34rem;
  font-size: .373rem;
  border-radius: 0.22rem;
  background-image: linear-gradient(0deg, #FEFCE1 0%, #DA8D4E 100%);
}

.trch-item .bg {
  position: absolute;top:0;left:2.25rem;height:2.25rem;width:2.25rem;
}

.trch-item .icon {
  position: absolute;
  top:0.33rem;
  left:0;
  height:100%;
  margin-top:-0.33rem;
}

.trch-item .icon1 {
  width:3.6rem;
}

.trch-item .icon2 {
  width:3.15rem;
}

.trch-item .left-frame {
  position:absolute;top:0.5rem;left:0.22rem;width:2.5rem;height:1.25rem;
}

.trch-item .left-frame .left-icon {
  position: absolute;top:0.28rem;left:0;height:0.33rem;width:0.33rem;
}

.trch-item .left-frame .left-title {
  position: absolute;bottom:0;width:100%;height:0.44rem;line-height:0.44rem;font-size: .32rem;color: rgba(0,0,0,0.65);
}

.trch-item .left-frame .left-value {
  position: absolute;top:0;left:0.45rem;width:100%;height:0.81rem;line-height:0.81rem;color: #B25922;font-weight: bold;
}

.trch-item .right-frame {
  position:absolute;bottom:0.27rem;left:4.51rem;width:4.06rem;height:0.88rem;
}

.trch-item .right-icon {
  position: absolute;top:0;left:0.1rem;height:0.44rem;width:0.44rem;
}

.trch-item .right-title {
  position:absolute;bottom:0;left:0.1rem;width:50%;height:0.44rem;line-height:0.44rem;color: rgba(0,0,0,0.45);font-size: 0.32rem;
}

.trch-item .right-value {
  position:absolute;right:0;bottom:0;widows: 80%;height:0.44rem;line-height: 0.44rem;font-size: .32rem;color: rgba(0,0,0,0.45);
}

.trch-item .right-value-text {
  color: #B25922;font-weight: bold;
}

.trch-item .line {
  position:absolute;
  bottom:0.27rem;
  width:1px;
  height:0.88rem;
  left:50%;
  background: rgba(0,0,0,0.45);
}


.trch-item .claim {
  position:absolute;
  top:0.27rem;
  width: 2.22rem;
  right:0.4rem;
  text-align:center;
  height:0.88rem;
  line-height: 0.88rem;
  border-radius: 0.5rem;
  border: 2px solid #FCD7A1;
  box-shadow: 0 8px 12px 0 rgba(120,52,15,0.45);
  background-image: linear-gradient(180deg, #F39A4F 0%, #78340F 100%);
  color: #FCD7A1;
}

.trch-item .claim:active {
  opacity: 0.45;
}

.trch-item .claimed {
  position:absolute;
  top:0.27rem;
  width: 2.22rem;
  right:0.4rem;
  text-align:center;
  color: #78340F;
  height:0.88rem;
  line-height: 0.88rem;
}

.trch-item .claimed-icon {
  position: absolute;top:50%;margin-top:-0.22rem;right:0;height:0.44rem;width:0.44rem;
}

.trch-item .notclaim {
  position:absolute;
  top:0.27rem;
  width: 2.22rem;
  right:0.4rem;
  text-align:center;
  color:white;
  height:0.88rem;
  line-height: 0.88rem;
  border-radius: 0.5rem;
  border: 1px solid rgba(0,0,0,0.15);
  color: rgba(0,0,0,0.25);
}



.sdback-link-container {
  position: relative;
  margin-top: 0.5rem;
  left: 0.5rem;
  width: 9rem;
  border-radius: 0.2rem;
}

.sdback-link-container .title {
  position:relative;
  top:0.15rem;
  width:100%;
  height:0.85rem;
  font-size:.373rem;
  height:1rem;
  margin-bottom:0.2rem;
}

.sdback-link-container .title .link-icon {
  position:absolute;width:0.88rem;height:0.88rem;top:0;border-radius: 0.44rem;background-image: linear-gradient(135deg, #FCD7A1 0%, #D17836 100%);
}

.sdback-link-container .title .link-icon img {
  opacity: 1;
  position:absolute;
  width:0.5rem;
  height:0.5rem;
  top:50%;
  left:50%;
  margin-top:-0.25rem;
  margin-left:-0.25rem;
}

.sdback-link-container .title .user-link {
  color: rgba(255,255,255,0.85);
  line-height: 1rem;
  top:-0.05rem;
  left:1rem;
}

.sdback-link-container .title .copy-enable {
  position:absolute;
  right:0;
  width:1.7rem;
  height:0.88rem;
  line-height: 0.88rem;
  border-radius: 0.22rem;
  font-size: 0.373rem;
  text-align: center;
  background-image: linear-gradient(135deg,#fcd7a1,#d17836);
  color: rgba(0,0,0,.65)
}

.sdback-link-container .title .copy-enable:active {
  opacity: 0.45;
}

.sdback-link-container .title .copy-disable {
  opacity: 0.35;
  position:absolute;
  right:0;
  width:1.7rem;
  height:0.88rem;
  line-height: 0.88rem;
  border-radius: 0.5rem;
  font-size: 0.373rem;
  text-align: center;
  background: #4EBC18;
  color: rgba(255, 255, 255, 0.85);
}

.sdback-link-container .title img {
  opacity: 1;
  position:absolute;
  width:0.5rem;
  height:0.5rem;
  opacity: 0.45;
}

.sdback-link-container .title span {
  position:absolute;
  top:0.05rem;
  left:0.7rem;
  color: rgba(255,255,255,0.45);
}

.sdback-link-container .value {
  position:relative;
  width:100%;
  line-height:1.05rem;
  margin-bottom:0.4rem;
}

.sdback-link-container .value .text-frame {
  font-size:.373rem;
  border-radius:0.1rem;
  border: 1px solid rgba(0,0,0,0);
  height: unset;
  position:unset;
  background: rgba(255, 255, 255, 0.08);
  width: 9rem;
  color: rgba(255, 255, 255, 0.45);
  line-height: 0.6rem;
}

.sdback-link-container  .value .text-link {
  word-break: break-all;width: 8rem;padding: 0.3rem 0.5rem 0.3rem 0.5rem;
}

.sdback-clients-container {
  position:relative;margin-top:0.5rem;left:0.5rem;width:9rem;height:3.2rem;
}

.sdback-clients-container .client-bg {
  position:absolute;top:0;left:0;width:100%;border-radius: 0.44rem;
}

.sdback-clients-container .client-title {
  position:absolute;top:0;left:0.5rem;width:8rem;height:1.2rem;line-height: 1.2rem;color: rgba(0,0,0,0.65);font-size: .426rem;
}

.sdback-clients-container .client-title-text {
  font-weight: bold;
}

.sdback-clients-container .client-title .arrow-text {
  position:absolute;top:0;text-align: right;right:0.8rem;
}

.sdback-clients-container .client-title .arrow-icon {
  position:absolute;top:50%;margin-top:-0.275rem;right:0;width:0.55rem;height:0.55rem;
}

.sdback-clients-container .client-title-line {
  position:absolute;left:2.6rem;width:1px;height:0.6rem;top:0.3rem;background: rgba(0,0,0,0.15);
}

.sdback-clients-container .client-value {
  position:absolute;top:1rem;left:0.5rem;width:8rem;height: 2.2rem;
}

.sdback-clients-container .client-value .user-icon {
  position:absolute;top:50%;margin-top:-0.67rem;width:1.34rem;height:1.34rem;
}

.sdback-clients-container .client-value .user-count {
  position:absolute;width:7rem;top:0;right:0;height:2.2rem;
}

.sdback-clients-container .client-value .user-count-title {
  position:absolute;right:0;bottom:0.4rem;font-size: .373rem;color: rgba(0,0,0,0.45);margin-right: 0.2rem;
}

.sdback-clients-container .client-value .user-count-num {
  position:absolute;right:0;bottom:1rem;font-size: .853rem;color: rgba(0,0,0,0.85);
}

.sdback-div-clients {
  position: absolute;
  top: 0px;
  right: 0px;
  height: 1.2rem;
  width: 5rem;
  line-height: 1.2rem;
  color: rgba(0, 0, 0, 0.85);
  font-size: 0.373rem;
}

.sdback-div-clients:active {
 opacity: 0.5;
}

#page-promotion .copy-button {
  color: rgba(255,255,255,0.85);
}

#page-promotion .copy-disabled {
  color: rgba(255,255,255,0.85);
  opacity: 0.45;
}

#page-promotion .copy-button:active {
  opacity: 0.45;
}

.sdback-card-item {
  position: relative;
  margin-top: 0.2rem;
  left: 0.5rem;
  width: 9rem;
  height: 5.4rem;
  line-height: 5.4rem;
  font-size: .373rem;
}

.sdback-card-item .bg {
  position: absolute;
  top:0;
  left:0;
  width: 100%;
}

.sdback-card-item .title-frame {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 1.3rem;
  line-height: 1.3rem;
}

.sdback-card-item .title-frame .icon {
  position: absolute;
  left: 0.5rem;
  width: 0.5rem;
  height: 0.5rem;
  top: 50%;
  margin-top: -0.25rem;
  opacity: 0.45;
}

.sdback-card-item .title-frame .title {
  position: absolute;
  left: 1.2rem;
  height: 100%;
  font-size: .426rem;
  color: rgba(255,255,255,0.65);
}

.sdback-card-item .title-frame .total {
  position: absolute;
  width: 7rem;
  top: 0px;
  right: 0.5rem;
  height: 1.3rem;
  display: flex;
  justify-content: flex-end;
  align-content: center;
  align-items: center;
}

.sdback-card-item .title-frame .line {
  background: rgba(255, 255, 255, 0.15);
  width: 1px;
  height: 0.7rem;
  margin-right: 0.3rem;
}

.sdback-card-item .title-frame .name {
  font-size: 0.373rem;
  color: rgba(255,255,255,0.25);
  margin-right: 0.2rem;
}

.sdback-card-item .title-frame .num {
  font-size: 0.533rem;
  color: rgba(255,255,255,0.85);
}

.sdback-card-item .content-frame {
  position: absolute;
  top: 1.4rem;
  left: 0px;
  width: 100%;
  height: 4rem;
}

.sdback-card-item .content-frame .amount-title {
  position:absolute;
  top:0.44rem;
  font-size: .426rem;
  text-align: center;
  width:100%;
  line-height: 0.44rem;
  height:0.44rem;
  color: rgba(255,255,255,0.65);
}

.sdback-card-item .content-frame .amount-num {
  position:absolute;
  top:1.1rem;
  width:100%;
  display: flex;
  place-content: center center;
  align-items: center;
  height: 0.7rem;
}

.sdback-card-item .content-frame .amount-num .unit {
  color: rgba(255,255,255,0.45);
  font-size: 0.373rem;
  margin-right: 0.1rem;
}

.sdback-card-item .content-frame .amount-num .amount {
  color: #FFFFFF;
  font-size: 0.533rem;
}

.sdback-card-item .content-frame .claim-btn {
  position:absolute;
  background-image: linear-gradient(135deg, #FCD7A1 0%, #D17836 100%);
  border-radius: 0.22rem;
  top:2.4rem;
  width:2.22rem;
  height:0.88rem;
  line-height: 0.88rem;
  left:50%;
  margin-left: -1.11rem;
  text-align: center;
  font-size: .373rem;
  color: rgba(0,0,0,0.65);
}

.sdback-card-item .content-frame .claim-btn-disable {
  position:absolute;
  border: 1px solid rgba(255,255,255,0.15);
  border-radius: 0.22rem;
  top:2.4rem;
  width:2.22rem;
  height:0.88rem;
  line-height: 0.88rem;
  left:50%;
  margin-left: -1.11rem;
  text-align: center;
  font-size: .373rem;
  color: rgba(255,255,255,0.25);
}

.sdback-card-item .content-frame .claim-btn:active {
  opacity: 0.45;
}

.sdback-dialog-container {
  position:absolute;
  left:50%;
  width:8.88rem;
  height:15rem;
  margin-left:-4.44rem;
  border-radius: 0.44rem;
  box-shadow: 0 -2px 8px 0 rgba(43,22,0,0.25);
  background-image: linear-gradient(180deg, #FEFCE1 0%, #DA8D4E 100%);
}

.sdback-dialog-container .top-frame {
  position:absolute;top:0rem;left:0.5rem;width:8rem;height: 6.4rem;
}

.sdback-dialog-container .top-frame-icon {
  opacity: 1;position:absolute;top:0;left:50%;margin-left: -2.775rem;width:5.55rem;height: 5.92rem;
}

.sdback-dialog-container .top-frame-title {
  position:absolute;bottom:0;left:0;text-align: center;height:1rem;width:8rem;line-height: 1rem;color: rgba(0,0,0,0.25);font-size: .346rem;font-weight: bold;
}

.sdback-dialog-container .close-frame {
  position:absolute;top:0rem;right:0rem;width:1.4rem;height:1.4rem;
}

.sdback-dialog-container .close-frame-icon {
  opacity: 0.45;position:absolute;top:0.2rem;left:0.45rem;width:0.6rem;height:0.6rem;
}

.sdback-dialog-container .frame-line {
  position:absolute;left:1rem;top:6.7rem;width: 6.88rem;height:1px;background: rgba(0,0,0,0.08);
}

.sdback-dialog-container .desc-text {
  position:absolute;left:0;top:7rem;width: 8.88rem;height: auto;text-align: center;font-size: .426rem;color: #78340F;font-weight: bold;
}

.sdback-dialog-container .desc-config {
  position:absolute;left:0.5rem;width:8rem;height: auto;
}

.sdback-dialog-container .desc-config-icon {
  opacity: 0.65;position:absolute;top:0.09rem;left:0;width:0.55rem;height: auto;
}

.sdback-dialog-container .desc-config-right {
  position:absolute;top:0;left:0.8rem;width:7rem;font-size:.32rem;color: rgba(0,0,0,0.65);line-height: 0.45rem;
}

.sdback-dialog-container .desc-config-right .config-text1 {
  color: rgba(0,0,0,0.65);font-weight: bold;font-size: .373rem;
}

.sdback-dialog-container .desc-config-right .config-text2 {
  color: rgb(161,34,19);font-weight: bold;font-size: .373rem;
}

.sdback-dialog-container .desc-btn-copy {
  color: #FCD7A1;
  background-image: linear-gradient(180deg, rgb(221,145,78) 0%, rgb(107,55,26) 100%);
  border: 2px solid #FCD7A1;
  position:absolute;
  left:50%;
  bottom:0.6rem;
  margin-left:-3.1rem;
  width:6.2rem;
  height:1rem;
  border-radius: 0.6rem;
  text-align:center;
  line-height:1rem;
  font-size:.533rem;
}

.sdback-dialog-container .desc-btn-copy img {
  position:absolute;left:0.2rem;top:50%;margin-top:-0.2775rem;width:0.55rem;height:0.55rem;
}

.sdback-dialog-container .desc-btn-copy span {
  position:absolute;top:0;left:0.2rem;width:100%;font-weight:bold;
}



.exchange-top-bg {
  position:absolute;top:1.2rem;left:0;width:10rem;height:7.5rem;background-image: linear-gradient(180deg, #F9C486 0%, rgba(252,215,161,0.50) 47%, rgba(254,252,225,0.00) 100%);
}

.exchange-input-frame {
  position:relative;margin-top:0.66rem;left:0.5rem;width:9rem;
}

.exchange-input-frame .top-icon {
  position:relative;margin-top:0;left:50%;margin-left:-3.825rem;width:7.65rem;height:1.97rem;line-height: 1.97rem;
}

.exchange-input-frame .top-icon img {
  position:absolute;top:0;left:0;width:100%;height: 100%;
}

.exchange-input-frame .top-icon span {
  position:absolute;top:0;right:0.5rem;width:100%;text-align: right;color: #FCD7A1;font-size: .533rem;font-weight: bold;
}

.exchange-input-frame .top-title {
  position:absolute;top:3rem;left:0rem;width:9rem;font-size: .533rem;font-weight: bold;color: rgba(0,0,0,0.85);text-align: center;
}

.exchange-input-frame .ecopy-frame {
  position:relative;margin-top:0.5rem;left:0rem;width:9rem;height:1rem;
}

.exchange-input-frame .ecopy-frame-icon {
  position:absolute;left:0.66rem;width:0.44rem;height: 0.44rem;
}

.exchange-input-frame .ecopy-frame-title {
  position:absolute;left:1.2rem;width:4.5rem;font-size: .346rem;color: rgba(0,0,0,0.65);line-height: 0.5rem;
}

.exchange-input-frame .ecopy-frame-copy {
  position:absolute;top:50%;margin-top:-0.44rem;right:0.66rem;width:1.78rem;height:0.88rem;line-height: 0.88rem;background: #D17836;border-radius: 0.22rem;text-align: center;color: #FCD7A1;font-size: .373rem;
}

.exchange-input-frame .einput-span {
  position:absolute;margin-top:0.16rem;margin-left: 0.55rem;width:5.6rem;height:1.04rem;line-height: 1.04rem;font-size:.346rem;color: rgba(0,0,0,0.25);background: transparent;
}

.exchange-input-frame .einput-input {
  position:absolute;border:none;margin-top:0.1rem;margin-left: 0.3rem;width:5.9rem;height:1.04rem;line-height: 1.04rem;font-size:.373rem;color: rgba(0,0,0,0.85);background: transparent;
}

.exchange-input-frame .einput-input-tips {
  position:relative;margin-top:0.1rem;left:0.66rem;width:7.6rem;height:0.5rem;font-size: .32rem;color: rgba(0,0,0,0.45);
}

.exchange-input-frame .einput-input-tips span {
  position:absolute;left:0rem;top:0;width:6.6rem;line-height: 0.4rem;
}

.exchange-input-frame .exchange-btn-enable {
  color: #FCD7A1;font-weight: bold;background-image: linear-gradient(#F39A4F 0%, #78340F 100%);border: 2px solid #FCD7A1;position:relative;margin-top:0.44rem;width:3.44rem;height:1.22rem;line-height: 1.22rem;left:50%;margin-left:-1.72rem;border-radius: 0.7rem;text-align: center;font-size: .426rem;box-shadow: 0 8px 12px 0 rgba(120,52,15,0.45);
}

.exchange-input-frame .exchange-btn-disable {
  color: rgba(0,0,0,0.25);font-weight: bold;background: rgba(0,0,0,0.08);border: 2px solid rgba(0,0,0,0.08);position:relative;margin-top:0.44rem;width:3.44rem;height:1.22rem;line-height: 1.22rem;left:50%;margin-left:-1.72rem;border-radius: 0.7rem;text-align: center;font-size: .426rem;
}

.exchange-input-frame .bottom-ebg {
  position:absolute;bottom: 0;width:9rem;height:6.75rem;
}

.exchange-input-recode {
  position:relative;
  margin-top:0.2rem;
  left:0.66rem;
  width:7.65rem;
  height:1.34rem;
  line-height:1.34rem;
  background: rgba(255,255,255,0.45);
  border: 1px solid #F39A4F;
  border-radius: 0.22rem;
}

.exchange-input-recode-active {
  position:relative;
  margin-top:0.2rem;
  left:0.66rem;
  width:7.65rem;
  height:1.34rem;
  line-height:1.34rem;
  background: #FFFFFF;
  border: 1px solid #D17836;
  border-radius: 0.22rem;
}

.exchange-promotion-title {
  position:relative;left:50%;margin-left:-3.825rem;width:7.65rem;margin-top: 0.88rem;height: 0.88rem;
}

.exchange-promotion-title img {
  position:absolute;top:0;left:0;width:0.44rem;height:0.44rem;
}

.exchange-promotion-title span {
  position:absolute;top:0;left:0.55rem;width:7rem;color: rgba(0,0,0,0.65);font-size:.32rem;line-height: 0.44rem;
}

.exchange-promotion-frame {
  position:relative;left:50%;margin-left:-3.825rem;width:7.65rem;margin-top: 0.2rem;background: rgba(0,0,0,0.04);padding-top: 0.2rem;padding-bottom: 0.2rem;border-radius: 0.22rem;
}

.exchange-promotion-content {
  width: 7.65rem;margin: 0rem auto;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;flex-wrap: wrap;
}

.exchange-promotion-item {
  margin: 0.2rem;border-radius: 0.5rem;width: 1rem;height: 1rem;background: rgba(0,0,0,0.04);
}

.exchange-promotion-item img {
  margin-top: 0.2rem;margin-left:0.2rem;width: 0.6rem;height: 0.6rem;
}

.exchange-bonus-select {
  position:relative;
  margin-top: 0.66rem;
  margin-bottom: 0.3rem;
  left: 0.4rem;
  width: 8.2rem;
  height:1rem;
  line-height:1rem;
  text-align:center;
  font-size:.373rem;
  display: flex;
  justify-content: center;
  align-content: center;
  border-radius:0.22rem;
  background: rgba(0, 0, 0, 0.08);
  color: rgba(0, 0, 0, 0.45);
}

.exchange-bonus-select .icon {
  opacity: 0.65;
  margin-left: -3rem;
  margin-top:0.25rem;
  margin-right:0.2rem;
  width:0.5rem;
  height:0.5rem;
}

.exchange-gift-tips {
  position: relative;
  width: 7.8rem;
  left: 0.7rem;
  font-size: .35rem;
  line-height: 0.5rem;
  text-align: left;
  margin-top: 0.1rem;
  margin-bottom: 0.2rem;
  color: rgba(0, 0, 0, 0.45);
}



.gift-top-space {
  position:relative;height:0.6rem;width:10rem;
}

.gift-top-title {
  position:relative;height:3rem;
}

.gift-top-title span {
  position:absolute;left:0.5rem;top:0;font-size:.426rem;font-weight: bold;color: rgba(255,255,255,0.65);
}

.gift-top-title .line-bg {
  position:absolute;top:0;left:0.5rem;width:9rem;height:3rem;line-height:0.72rem;overflow: hidden;border-radius: 0.2rem;overflow: hidden;background: rgba(255,255,255,0.04);
}

.gift-top-title .line-bg img {
  opacity:0.2;position:absolute;top:-0.2rem;left:0;width:100%;height: 4rem;
}

.gift-top-title .content-eframe {
  position:absolute;top:0;left:0.5rem;width:9rem;height:3rem;line-height:0.72rem;text-align:left;font-size:.6rem;display: flex;justify-content: center;align-content: center;align-items: center;color: rgba(255, 255, 255, 0.85);
}

.gift-top-title .content-eframe img {
  margin-left:0.5rem;margin-right:0.5rem;width:1.34rem;height:1.34rem;
}

.gift-item-frame {
  position:relative;width:10rem;height:3.8rem;
}

.gift-item-frame .item-bg {
  position:absolute;top:0.3rem;left:0.5rem;width:9rem;height:3.5rem;
}

.gift-item-frame .item-top {
  position:absolute;width:9rem;left:0.5rem;top:0.3rem;height:1.34rem;line-height: 1.34rem;font-size:.373rem;
}

.gift-item-frame .item-top-lefticon {
  opacity: 0.65;position:absolute;top:50%;margin-top: -0.225rem;left:0.45rem;width:0.45rem;height:0.45rem;
}

.gift-item-frame .item-top-unit {
  position:absolute;top:0;left:1rem;height:1.34rem;line-height:1.34rem;font-size:.373rem;color: rgba(255,255,255,0.65);display: flex;justify-content: center;align-content: center;align-items: center;
}

.gift-item-frame .item-top-unit .gnum1 {
  font-size: .533rem;font-weight: bold;color: #F9C486;
}

.gift-item-frame .item-top-unit .gnum2 {
  font-size: .7rem;color: rgba(255,255,255,0.65);margin-top: -0.1rem;
}

.gift-item-frame .item-top-unit .gnum3 {
  font-size: .533rem;font-weight: bold;color: #F9C486;
}

.gift-recharge-btn {
  position: absolute;
  top: 50%;
  margin-top: -0.48rem;
  right: 0.45rem;
  width: 2.22rem;
  height: 0.88rem;
  border-radius: 0.1rem;
  display: flex;
  place-content: center;
  align-items: center;
  background-image: linear-gradient(135deg, #FCD7A1 0%, #D17836 100%);
}

.gift-recharge-btn:active {
  opacity: 0.45;
}

.gift-recharge-btn .gunit {
  color: rgba(0,0,0,0.45);font-size:.373rem;
}

.gift-recharge-btn .gcount {
  color: rgba(0,0,0,0.65);font-size:.373rem;
}

.gift-item-frame .gitem-desc {
  position:absolute;width:9rem;left:0.5rem;top:1.65rem;height:2.2rem;font-size:.373rem;
}

.gift-item-frame .gitem-desc .gdesc {
  position:absolute;left:0.65rem;top:0.42rem;width:7rem;height:1.6rem;
}

.gift-item-frame .gitem-desc .gdesc-tips {
  position:absolute;left:0;height:0.38rem;line-height:0.38rem;font-size:.35rem;color: rgba(255,255,255,0.45);
}

.gift-item-frame .gitem-desc .gdesc-star {
  position:absolute;right:0.45rem;width:2rem;height: 2rem;top:0.1rem;
}

.gift-item-frame .gitem-desc .gdesc-star-icon {
  position:absolute;top:0;left:0;width:2rem;filter: drop-shadow(0 0.2rem 0.1rem rgba(43,22,0,0.5));-webkit-filter: drop-shadow(0 0.2rem 0.1rem rgba(43,22,0,0.5));
}

.gift-item-frame .gitem-desc .gdesc-star-p {
  opacity: 1;position:absolute;top:1.05rem;right:0.15rem;width:0.35rem;
}

.gift-item-frame .gitem-desc .gdesc-value {
  position:absolute;right:0.6rem;width:2rem;height: 2rem;top:0.1rem;display: flex;justify-content: center;align-content: center;align-items: center;
}

.gift-item-frame .gitem-desc .gdesc-value-text1 {
  font-size: .533rem;color: #1A242D;
}

.gift-item-frame .gitem-desc .gdesc-value-text2 {
  font-size: .746rem;color: #1A242D;font-weight: bold;
}



.level-top-card {
  position:relative;
  margin-top:0.5rem;
  left:0.5rem;
  width:9rem;
  border-radius: 0.44rem;
  height:4.5rem;
  background: rgba(255,255,255,0.04);
}

.level-top-card .level-line-bg {
  position:absolute;top:0;left:0;width:9rem;opacity: 0.2;
}

.level-top-card .level-curlevel {
  position:absolute;top:0.2rem;left:0.5rem;width:7rem;color: rgba(255,255,255,0.45);font-size: .32rem;
}

.level-top-card .level-name {
  position:absolute;top:0.6rem;left:0.5rem;width:7rem;color: #F9C486;font-size: .853rem;
}

.level-top-card .level-value1 {
  position:absolute;bottom:0.6rem;right:0.5rem;text-align: right;width:7rem;color: #F9C486;font-size: .533rem;
}

.level-top-card .level-value2 {
  position:absolute;bottom:0.2rem;right:0.5rem;text-align: right;width:9rem;color: rgba(255,255,255,0.45);font-size: .32rem;
}

.level-top-card .level-curicon {
  position: absolute;top:50%;left:50%;width:3.4rem;height:3.4rem;margin-top:-1.7rem;margin-left:-1.7rem;
}

.level-icon-frame {
  position:relative;
  margin-top:0.5rem;
  left:0.5rem;
  width:9rem;
  border-radius: 0.2rem;
  height: 3.4rem;
  overflow-x: scroll;
  overflow-y: hidden;
  background: transparent;
}

.level-icon-frame .level-icon-bg1 {
  background-image: linear-gradient(135deg, #FCD7A1 0%, #D17836 100%);opacity: 0.4;border-radius: 0.2rem;
}

.level-icon-frame .level-icon-bg2 {
  background: rgba(255,255,255,0.08);border-radius: 0.2rem;
}

.level-icon-frame .level-icon-bg3 {
  background-image: linear-gradient(135deg, #FCD7A1 0%, #D17836 100%);border-radius: 0.2rem;
}

.level-icon-frame .level-less-name {
  color: rgba(255,255,255,0.45);
}

.level-icon-frame .level-more-name {
  color: #F9C486;
}

.level-frame {
  position: absolute;
  top: 0px;
  width: 1.5rem;
  height: 3.3rem;
}

.level-frame .icon-frame {
  position:absolute;top:0;left:0;width:1.5rem;height:1.5rem;
}

.level-frame .icon-frame .bg {
  position: absolute;top:0;left: 0;width:1.33rem;height:1.33rem;left:50%;margin-left: -0.665rem;top:50%;margin-top:-0.665rem;
}

.level-frame .icon-frame .icon {
  position:absolute;top:50%;width:1.11rem;height:1.11rem;left:50%;margin-left: -0.555rem;margin-top:-0.555rem;
}

.level-frame .name-frame {
  position:absolute;top:1.6rem;width:100%;text-align: center;font-size: .32rem;
}

.level-frame .line-gray {
  position:absolute;top:2.35rem;width:1.5rem;height:1px;background: rgba(255,255,255,0.15);
}

.level-frame .line-blue {
  position:absolute;top:2.35rem;width:1.5rem;height:1px;background: #F9C486;
}

.level-frame .cur-amount {
  position:absolute;top:2.65rem;width:1.35rem;height:0.33rem;text-align: right;color: #F9C486;font-size: .35rem;
}

.level-frame .other-amount {
  position:absolute;top:2.65rem;width:1.5rem;height:0.33rem;text-align: center;color: rgba(255,255,255,0.35);font-size: .35rem;
}

.level-frame .point {
  position:absolute;top:2.185rem;width:1.5rem;height:0.33rem;
}

.level-frame .point .blue-point {
  position:absolute;top:50%;right:50%;width:0.166rem;height:0.166rem;margin-top:-0.083rem;margin-right:-0.6rem;background: #F9C486;border-radius: 0.2rem;
}

.level-frame .point .point1 {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 0.33rem;
  height: 0.33rem;
  margin-top: -0.165rem;
  margin-left: -0.165rem;
  background: rgba(255,255,255,0.15);
  border-radius: 0.2rem;
}

.level-frame .point .point2 {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 0.166rem;
  height: 0.166rem;
  margin-top: -0.083rem;
  margin-left: -0.083rem;
  background: rgba(255,255,255,0.15);
  border-radius: 0.2rem;
}

.level-tips-frame {
  position:relative;
  left:0.5rem;
  width:9rem;
  background: rgba(255,255,255,0.04);
  height: 1.7rem;
  overflow: hidden;
  border-radius: 0.22rem;
  margin-top: 0.2rem;
}

.level-tips-frame .line-bg {
  opacity: 0.1;position: absolute;top:-0.2rem;left:0;width: 100%;height: 4rem;
}

.level-tips-frame .level-tips-icon {
  position: absolute;top:50%;left:0.5rem;width:0.88rem;height:0.88rem;margin-top:-0.44rem;
}

.level-tips-frame .level-tips-text {
  position:absolute;top:0;left: 1.7rem;height:1.7rem;line-height: 1.7rem;color: rgba(255,255,255,0.85);;font-size: .426rem;
}

.level-item {
  position: relative;
  margin-top: 0.25rem;
  left: 0.5rem;
  width: 9rem;
  height: 1.34rem;
  line-height: 1.34rem;
  font-size: .373rem;
}

.level-item .bg {
  position:absolute;
  top:0;
  left: 0;
  width:100%;
  height: 100%;
  border-radius: 0.22rem;
}

.level-item .day-bg1 {
  background: rgba(255,255,255,0.04);
}

.level-item .day-bg2 {
  background: rgba(255,255,255,0.15);
}

.level-item .day-bg3 {
  background: rgba(255,255,255,0.08);
}

.level-item .icon {
  position:absolute;
  width:0.66rem;
  height:0.66rem;
  left:0.5rem;
  top:50%;
  margin-top:-0.33rem;
}

.level-item .day-icon1 {
  opacity: 0.25;
}

.level-item .day-icon2 {
  opacity: 1.0;
}

.level-item .day-icon3 {
  opacity: 0.65;
}

.level-item .title {
  position:absolute;
  height:1.34rem;
  line-height: 1.34rem;
  left:1.4rem;
  color: rgba(255,255,255,0.85);
  font-size: .426rem;
}

.level-item .day-title1 {
  color: rgba(255,255,255,0.45);
}

.level-item .day-title2 {
  color: #F9C486;
}

.level-item .day-title3 {
  color: rgba(255,255,255,0.85);
}

.level-item .line {
  position:absolute;
  top:50%;
  margin-top: -0.33rem;
  width:1px;
  height:0.66rem;
  right:3rem;
  background: rgba(255,255,255,0.15);
}

.level-item .right {
  position:absolute;
  top:0;
  right:0.5rem;
  width:2.5rem;
  height:1.34rem;
  line-height: 1.34rem;
  font-size: .373rem;
  text-align: right;
  color: rgba(255,255,255,0.65);
}

.level-item .right:active {
  opacity: 0.45;
}

.level-item .right-title1 {
  opacity: 0.25;
}

.level-item .right-title4 {
  opacity: 0.25;
}

.level-item .right-title3 {
  margin-right: 0.5rem;color: #A7FF7F;
}

.level-item .right-icon3 {
  position:absolute;right:0;width:0.44rem;height:0.44rem;top:50%;margin-top:-0.22rem;
}

.level-item .right-btn-frame {
  top:0.27rem;width: unset;padding-left: 0.15rem;padding-right: 0.15rem;color: #F9C486;height:0.8rem;line-height: 0.8rem;
}

.level-item .right-rs {
  position:absolute;
  top:0;
  right:3.5rem;
  width:5rem;
  height:1.34rem;
  line-height: 1.34rem;
  font-size: .533rem;
  text-align: right;
  color: rgba(255,255,255,0.85);
  display: flex;
  justify-content: flex-end;
  align-content: center;
  align-items: center;
}

.level-item .right-rs-type1 {
  opacity: 0.25;
}

.level-item .right-rs-span1 {
  color: rgba(255,255,255,0.45);font-size: .373rem;margin-right: 0.1rem;
}

.level-item .right-rs-span2 {
  color: #F9C486;font-size: .373rem;margin-right: 0.1rem;
}

.level-item .right-rs-span21 {
  color: #F9C486;
}

.level-item .right-rs-span3 {
  color: rgba(255,255,255,0.45);font-size: .373rem;margin-right: 0.1rem;
}

.level-item .right-rs-span31 {
  color: rgba(255,255,255,0.85);
}


.rescue-card-item {
  position: relative;
  margin-top: 0.2rem;
  left: 0.5rem;
  width: 9rem;
  height: 5.4rem;
  line-height: 5.4rem;
  font-size: .373rem;
}

.rescue-card-item .bg {
  position: absolute;
  top:0;
  left:0;
  width: 100%;
}

.rescue-card-item .title-frame {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 1.3rem;
  line-height: 1.3rem;
}

.rescue-card-item .title-frame1 {
  background-image: linear-gradient(135deg, rgba(255,255,255,0.25) 0%, rgba(255,255,255,0.04) 100%);border-radius: 0.44rem 0.44rem 0 0;
}

.rescue-card-item .title-frame2 {
  background-image: linear-gradient(135deg, rgba(255,255,255,0.25) 0%, rgba(255,255,255,0.04) 100%);border-radius: 0.44rem 0.44rem 0 0;
}

.rescue-card-item .title-frame .icon {
  position: absolute;
  left: 0.5rem;
  width: 0.5rem;
  height: 0.5rem;
  top: 50%;
  margin-top: -0.25rem;
  opacity: 0.45;
}

.rescue-card-item .title-frame .icon2 {
  opacity: 1;
}

.rescue-card-item .title-frame .title {
  position: absolute;
  left: 1.2rem;
  height: 100%;
  font-size: .426rem;
  color: rgba(255,255,255,0.65);
}

.rescue-card-item .title-frame .title1 {
  color: rgba(255,255,255,0.25);
}

.rescue-card-item .title-frame .title2 {
  color: rgba(255,255,255,0.65);
}

.rescue-card-item .title-frame .total {
  position: absolute;
  width: 7rem;
  top: 0px;
  right: 0.5rem;
  height: 1.3rem;
  display: flex;
  justify-content: flex-end;
  align-content: center;
  align-items: center;
}

.rescue-card-item .title-frame .line {
  background: rgba(255, 255, 255, 0.15);
  width: 1px;
  height: 0.7rem;
  margin-right: 0.3rem;
}

.rescue-card-item .title-frame .name {
  font-size: 0.373rem;
  color: rgba(255,255,255,0.25);
  margin-right: 0.2rem;
}

.rescue-card-item .title-frame .name1 {
  color: rgba(255,255,255,0.25);
}

.rescue-card-item .title-frame .name2 {
  color: rgba(255,255,255,0.85);
}

.rescue-card-item .title-frame .num {
  font-size: 0.533rem;
  color: rgb(255, 181, 127);
}

.rescue-card-item .title-frame .num1 {
  color: rgba(255,255,255,0.25);
}

.rescue-card-item .title-frame .num2 {
  color: rgba(255,255,255,0.85);
}

.rescue-card-item .content-frame {
  position: absolute;
  top: 1.4rem;
  left: 0px;
  width: 100%;
  height: 4rem;
}

.rescue-card-item .content-frame1 {
  height: 2.5rem;background: rgba(255,255,255,0.04);border-radius:0 0 0.44rem 0.44rem;overflow: hidden;
}

.rescue-card-item .content-frame2 {
  background: rgba(255,255,255,0.04);border-radius:0 0 0.44rem 0.44rem;
}

.rescue-card-item .content-frame-bg1 {
  opacity: 0.05;top: -1px;left: 0.5rem;height: 3.7rem;
}

.rescue-card-item .content-frame-bg2 {
  top: -1px;left: -0.4rem;height: 4.1rem;opacity: 0.05;
}

.rescue-card-item .content-frame .amount-title {
  position:absolute;
  top:0.44rem;
  font-size: .426rem;
  text-align: center;
  width:100%;
  line-height: 0.44rem;
  height:0.44rem;
  color: rgba(255,255,255,0.65);
}

.rescue-card-item .content-frame .amount-title1 {
  color: rgba(255,255,255,0.45);
}

.rescue-card-item .content-frame .amount-title2 {
  color: rgba(255,255,255,0.65);
}

.rescue-card-item .content-frame .amount-num {
  position:absolute;
  top:1.1rem;
  width:100%;
  display: flex;
  place-content: center center;
  align-items: center;
  height: 0.7rem;
}

.rescue-card-item .content-frame .amount-num .unit {
  color: rgba(255, 255, 255, 0.45);
  font-size: 0.373rem;
  margin-right: 0.1rem;
}

.rescue-card-item .content-frame .amount-num .unit1 {
  color: rgba(255,255,255,0.45);
}

.rescue-card-item .content-frame .amount-num .unit2 {
  color: rgba(255,255,255,0.45);
}

.rescue-card-item .content-frame .amount-num .amount {
  color: rgb(255, 181, 127);
  font-size: 0.533rem;
}

.rescue-card-item .content-frame .amount-num .amount1 {
  color: rgba(255,255,255,0.45);
}

.rescue-card-item .content-frame .amount-num .amount2 {
  color: #FFFFFF;
}

.rescue-card-item .content-frame .claim-btn {
  position:absolute;
  background-image: linear-gradient(135deg, #FCD7A1 0%, #D17836 100%);
  border-radius: 0.22rem;
  top:2.4rem;
  width:2.22rem;
  height:0.88rem;
  line-height: 0.88rem;
  left:50%;
  margin-left: -1.11rem;
  text-align: center;
  font-size: .373rem;
  color: rgba(0,0,0,0.65);
}

.rescue-card-item .content-frame .claim-btn-disable {
  position:absolute;
  border: 1px solid rgba(255,255,255,0.15);
  border-radius: 0.22rem;
  top:2.4rem;
  width:2.22rem;
  height:0.88rem;
  line-height: 0.88rem;
  left:50%;
  margin-left: -1.11rem;
  text-align: center;
  font-size: .373rem;
  color: rgba(255,255,255,0.25);
}

.rescue-card-item .content-frame .claim-btn:active {
  opacity: 0.45;
}

.rescue-tips-frame {
  position:relative;
  left:0.5rem;
  width:9rem;
  background: rgba(255,255,255,0.04);
  height: 1.7rem;
  overflow: hidden;
  border-radius: 0.2rem;
  margin-top: 0.7rem;
  overflow: hidden;
}

.rescue-tips-frame .line-bg {
  opacity: 0.1;position: absolute;top:-0.2rem;left:0;width: 100%;height: 4rem;
}

.rescue-tips-frame .rescue-tips-icon {
  position: absolute;top:50%;left:0.5rem;width:0.88rem;height:0.88rem;margin-top:-0.44rem;
}

.rescue-tips-frame .rescue-tips-text {
  position:absolute;top:0;left: 1.7rem;height:1.7rem;line-height: 1.7rem;color: rgba(255,255,255,0.85);font-size: .426rem;
}

.rescue-commission-item {
  position:relative;
  margin-top: 2px;
  margin-left: 0.5rem;
  width:9rem;
  height:1rem;
  line-height: 1rem;
}

.rescue-commission-item .level-title {
  background: rgba(255,255,255,0.08)!important;
  color: rgba(255,255,255,0.65)!important;
  font-size: .346rem!important;
}

.rescue-commission-item .performance-title {
  background: rgba(255,255,255,0.08)!important;
  color: rgba(255,255,255,0.65)!important;
  font-size: .346rem!important;
}

.rescue-commission-item .commission-title {
  background: rgba(255,255,255,0.08)!important;
  color: rgba(255,255,255,0.65)!important;
  font-size: .346rem!important;
}

.rescue-commission-item .level {
  position:absolute;
  left:0;
  width:1.55rem;
  height: 100%;
  text-align: center;
  background: rgba(255,255,255,0.04);
  color: rgba(255,255,255,0.25);
  font-size: .373rem;
  border-radius: 0.1rem;
  margin-right: 2px;
}

.rescue-commission-item .level2 {
  position:absolute;
  left:0;
  width:1.55rem;
  height: 100%;
  text-align: center;
  background: rgba(255,255,255,0.02);
  color: rgba(255,255,255,0.25);
  font-size: .373rem;
  border-radius: 0.1rem;
  margin-right: 2px;
}

.rescue-commission-item .commission {
  position:absolute;
  right:0;
  width:3.88rem;
  height: 100%;
  text-align: center;
  background: rgba(255,255,255,0.04);
  color: rgba(255,255,255,0.45);
  font-size: .373rem;
  border-radius: 0.1rem;
  margin-right: 2px;
}

.rescue-commission-item .commission2 {
  position:absolute;
  right:0;
  width:3.88rem;
  height: 100%;
  text-align: center;
  background: rgba(255,255,255,0.02);
  color: rgba(255,255,255,0.45);
  font-size: .373rem;
  border-radius: 0.1rem;
  margin-right: 2px;
}

.rescue-commission-item .performance {
  position:absolute;
  left:1.63rem;
  width:3.38rem;
  height: 100%;
  text-align: center;
  background: rgba(255,255,255,0.04);
  color: rgba(255,255,255,0.45);
  font-size: .373rem;
  border-radius: 0.1rem;
  margin-right: 2px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.rescue-commission-item .performance2 {
  position:absolute;
  left:1.63rem;
  width:3.38rem;
  height: 100%;
  text-align: center;
  background: rgba(255,255,255,0.02);
  color: rgba(255,255,255,0.45);
  font-size: .373rem;
  border-radius: 0.1rem;
  margin-right: 2px;
  display: flex;
  justify-content: center;
  align-items: center;
}



.vip-top-card {
  position: relative;
  margin-top: 0.5rem;
  left: 0;
  width: 10rem;
  height: 4.5rem;
  overflow: hidden;
  border-radius: 0.64rem;
}

.vip-top-card .top-bg {
  position:absolute;top:0;left:0;width:100%;
}

.vip-top-card .vip-title1 {
  position: absolute;
  top: 1.1rem;
  left: 0;
  width: 10rem;
  font-size: 1.06rem;
  color: #FEFCE1;
  text-align: center;
  text-shadow: 0 4px 0 #4A0000;
  height: 1.33rem;
  line-height: 1.33rem;
}

.vip-top-card .vip-title1-left {
  position: absolute;
  top: 0;
  left: 0;
  width: 3.99rem;
  height: 100%;
}

.vip-top-card .vip-title1-right {
  position: absolute;
  top: 0;
  right: 0;
  width: 3.99rem;
  height: 100%;
}

.vip-top-card .top-middle-frame {
  position:absolute;top:0.9rem;left:0.5rem;width:8rem;height:1.1rem;line-height: 1.1rem;font-size: .346rem;color: #FCD7A1;overflow: hidden;
}

.vip-top-card .top-middle-frame .vip-top-vip1 {
  font-size: .853rem;font-weight: bold;
}

.vip-top-card .top-middle-frame .vip-top-vip2 {
  font-size: .426rem;font-weight: bold;
}

.vip-top-card .user-vip-icon {
  position:absolute;top:0.7rem;left:50%;width:3.34rem;height:2.84rem;margin-left: -1.67rem;filter: drop-shadow(0 0.2rem 0.18rem rgba(0,0,0,0.35));-webkit-filter: drop-shadow(0 0.2rem 0.18rem rgba(0,0,0,0.35));
}

.vip-top-card .vip-bottom-text1 {
  position:absolute;right:0.5rem;bottom:0.5rem;width:8rem;height:1rem;line-height: 1rem;font-size: .426rem;text-align: right;color: rgba(0,0,0,0.65);font-weight: bold;
}

.vip-top-card .vip-bottom-text2 {
  position:absolute;right:0.5rem;bottom:0px;width:8rem;height:0.9rem;line-height: 0.9rem;font-size: .32rem;text-align: right;color: rgba(0,0,0,0.45);
}

.vip-middle-card {
  position: relative;
  margin-top: -0.9rem;
  left: 0.5rem;
  width: 9rem;
  height: 3.9rem;
}

.vip-middle-card .vcard-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}

.vip-middle-card .vcard-arrow1 {
  opacity: 0.25;
  position: absolute;
  right: 0.3rem;
  top: 50%;
  margin-top: -0.22rem;
  width: 0.44rem;
  height: 0.44rem;
}

.vip-middle-card .vcard-arrow2 {
  opacity: 0.65;
  position: absolute;
  right: 0.3rem;
  top: 50%;
  margin-top: -0.22rem;
  width: 0.44rem;
  height: 0.44rem;
}

.vip-middle-card .vtitle1 {
  position: absolute;
  top: 0.4rem;
  left: 0.7rem;
  width: 8rem;
  height: 0.88rem;
  line-height: 0.88rem;
  font-size: .426rem;
  text-align: left;
  color: #F9C486;
}

.vip-middle-card .vtitle2 {
  position: absolute;
  top: 0.4rem;
  left: 0.7rem;
  width: 8rem;
  height: 0.88rem;
  line-height: 0.88rem;
  font-size: .426rem;
  text-align: left;
  color: #FFFFFF;
}

.vip-middle-card .vvalue1 {
  position: absolute;
  top: 1.3rem;
  left: 0.7rem;
  width: 8rem;
  height: 1rem;
  line-height: 1rem;
  font-size: .853rem;
  font-weight: bold;
  text-align: left;
  color: rgb(252, 215, 161, 1);
}

.vip-middle-card .vvalue2 {
  position: absolute;
  top: 1.3rem;
  left: 0.7rem;
  width: 8rem;
  height: 1rem;
  line-height: 1rem;
  font-size: .853rem;
  font-weight: bold;
  text-align: left;
  color: #FCD7A1;
}

.vip-middle-card .vclaim-btn {
  position: absolute;
  top: 0;
  width: 3.3rem;
  height: 1.4rem;
  right: 0;
  text-align: center;
  line-height: 1.4rem;
  font-size: .36rem;
}

.vip-middle-card .vclaim-btn1 {
  color: rgba(255, 255, 255, 0.25);
}

.vip-middle-card .vclaim-btn2 {
  color: rgba(0, 0, 0, 0.65);
}

.vip-middle-card .vclaim-btn2:active {
  opacity: 0.45;
}

.vip-middle-card .vclaim-btn .vclaim-bg {
  position: absolute;
  top: 0.4rem;
  left: 0;
  width: 100%;
}

.vip-middle-card .vclaim-btn .vclaim-text {
  position: absolute;
  top: 0;
  right: 0;
  width: 2.7rem;
  height: 1.4rem;
  line-height: 1.4rem;
  font-weight: bold;
  color: rgba(255, 255, 255, 0.25);
}

.vip-middle-card .vclaim-btn .vclaim-text2 {
  position: absolute;
  top: 0;
  right: 0;
  width: 2.7rem;
  height: 1.4rem;
  line-height: 1.4rem;
  font-weight: bold;
  color: rgba(61, 8, 101, 1);
}

.vip-middle-card-new {
  position: relative;
  margin-top: -0.9rem;
  left: 0.5rem;
  width: 9rem;
  height: 5.625rem;
}

.vip-middle-card-new .reward-card{
  position: absolute;
  top: 0;
  width: 3rem;
  height: 4.6666rem;
}

.vip-middle-card-new .reward-card-bg{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.vip-middle-card-new .reward-card-value{
  position: absolute;
  top: 2.85rem;
  left: 0;
  width: 100%;
  height: 0.56rem;
  text-align: center;
  color: #FFEE00;
  font-weight: 700;
  font-size: .533rem;
}

.vip-middle-card-new .reward-card-btn{
  position: absolute;
  bottom: 0.15rem;
  left: 50%;
  margin-left: -1.04rem;
  width: 2.22rem;
  height: 0.88rem;
  transition: transform 0.1s ease-in-out;
}

.vip-middle-card-new .reward-card-btn img{
  position: absolute;
  top:0;
  left:0;
  width:100%;
}

.vip-middle-card-new .reward-card-btn:active{
  transform: scale(0.9);
}

.vip-middle-card-new .reward-card-week{
  left: -0.16rem;;
}

.vip-middle-card-new .reward-card-month{
  left: 50%;
  margin-left: -1.58rem;
}

.vip-middle-card-new .reward-card-up{
  right: 0;
}

.vip-bottom-card {
  position: relative;
  margin-top: 0.44rem;
  left: 0.5rem;
  width: 9rem;
  height: 4.275rem;
  border: 1px solid transparent;
}

.vip-bottom-card .vbottom-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}

.vip-bottom-card .vip-vipframe-curvip {
  position:relative;
  margin-top: 0.22rem;
  left: 0.22rem;
  width: 8.56rem;
  height: 1.78rem;
  overflow: hidden;
}

.vip-bottom-card .vip-vipframe-remainvip {
  position:relative;
  left: 0.22rem;
  width: 8.56rem;
  height: 1.78rem;
  border-radius: 0.22rem;
  background: rgba(255,255,255,0.08);
  overflow: hidden;
}

.vip-bottom-card .vip-vipframe-topframe {
  position:absolute;
  top: 0;
  left: 0.22rem;
  width: 8rem;
  height: 0.66rem;
  display: flex;
  align-items: flex-end;
}

.vip-bottom-card .vip-vipframe-topframe .left-title {
  position: absolute;
  left: 0;
  width: 100%;
  color: rgba(255,255,255,0.65);
  font-size: .32rem;
  text-align: left;
}

.vip-bottom-card .vip-vipframe-topframe .left-title2 {
  color: #FCD7A1!important;
  font-size: .346rem!important;
}

.vip-bottom-card .vip-vipframe-topframe .right-value {
  position: absolute;
  right: 0;
  width: 100%;
  color: rgba(255,255,255,0.85);
  font-size: .426rem;
  text-align: right;
}

.vip-bottom-card .vip-vipframe-topframe .right-value2 {
  color: #FCD7A1!important;
  font-size: .426rem!important;
}

.vip-bottom-card .vip-vipframe-middleframe {
  position:absolute;
  top: 0.78rem;
  left: 0.22rem;
  width: 8rem;
  height: 0.22rem;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.vip-bottom-card .vip-vipframe-middleframe .total-frame {
  position:absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 0.22rem;
  background: rgba(255,255,255,0.15);
  border-radius: 0.14rem;
}

.vip-bottom-card .vip-vipframe-middleframe .cur-frame {
  position:absolute;
  top: 0;
  left: 0;
  width: 0%;
  height: 0.22rem;
  background: #91AA9D;
  border-radius: 0.14rem;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}

.vip-bottom-card .vip-vipframe-middleframe .cur-frame2 {
  background: #F9C486;
}

.vip-bottom-card .vip-vipframe-middleframe .cur-frame-point {
  width: 0.22rem;
  height: 0.22rem;
  background: #FFFFFF;
  border-radius: 0.14rem;
}

.vip-bottom-card .vip-vipframe-bottomframe {
  position:absolute;
  top: 1.2rem;
  left: 0.22rem;
  width: 8rem;
  height: 0.44rem;
  display: flex;
  align-items: center;
}

.vip-bottom-card .vip-vipframe-bottomframe .left-title {
  position: absolute;
  left: 0;
  width: 100%;
  height: 100%;
  color: rgba(255,255,255,0.45);
  font-size: .3rem;
  text-align: left;
}

.vip-bottom-card .vip-vipframe-bottomframe .right-value {
  position: absolute;
  right: 0;
  width: 100%;
  height: 100%;
  color: #91AA9D;
  font-size: .3rem;
  text-align: right;
}

.vip-bottom-card .vip-vipframe-bottomframe .right-value2 {
  color: #F9C486!important;
}

.vip-bottom-card .vbottom-title {
  position: absolute;
  top: 1.6rem;
  left: 0.5rem;
  width: 8rem;
  height: 1rem;
  line-height: 1rem;
  font-size: .373rem;
  text-align: center;
  color: rgba(255, 255, 255, 0.65);
}

.vip-bottom-card .vbottom-line {
  position: absolute;
  top: 2.6rem;
  left: 0.5rem;
  width: 8rem;
  height: 1px;
  background: rgba(255, 255, 255, 0);
}

.vip-bottom-card .vbottom-content {
  position: absolute;
  top: 2.9rem;
  left: 0.5rem;
  width: 8rem;
  line-height: 0.55rem;
  font-size: .34rem;
  text-align: center;
  color: rgba(255, 255, 255, 0.45);
}

.vbottom-content-text {
  color: rgba(255,255,255,0.65);
}

.vbottom-content-text1 {
  color: rgba(255,255,255,1);
}

.vip-div-clients {
  position: absolute;
  bottom: 0.1rem;
  left: 0;
  width: 9rem;
  height: 1rem;
  text-align: center;
  line-height: 1rem;
  font-size: .346rem;
}

.vip-div-clients:active {
  opacity: 0.45;
}

.vip-info-tab-frame {
  position: relative;
  margin-top: 0.66rem;
  left: 0.5rem;
  width: 9rem;
  height: 0.8rem;
  display: flex;
  align-items: flex-end;
  justify-content: center;
}

.vip-info-tab-frame .vip-info-tab {
  position: relative;
  width:4.5rem;
  height: 0.8rem;
  color: rgba(255,255,255,0.85);
  font-size: .346rem;
  display: flex;
  justify-content: center;
  align-items: center;
  border-bottom: 2px solid rgba(255,255,255,0.15)!important;
  font-weight: 700;
}

.vip-info-tab-frame .vip-info-tab-checked {
  color: #FCD7A1!important;
  border-bottom: 2px solid #FCD7A1!important;
}

.vip-info-title-frame {
  position: relative;
  left: 0.5rem;
  width: 9rem;
  line-height: 0.5rem;
  font-size: .373rem;
  color: rgba(255, 255, 255, 0.45);
  margin-top: 0.5rem;
  height: 1.1rem;
  background: rgba(255, 255, 255, 0.08);
  border-radius: 0.26rem 0.26rem 0 0;
}

.vip-info-title {
  position: absolute;
  color: rgba(255, 255, 255, 0.45);
  font-size: .32rem;
  text-align: center;
  width: 1.8rem;
  height: 1.1rem;
  display: flex;
  align-content: center;
  align-items: center;
  justify-content: center;
  line-height: 0.4rem;
}

.vip-item-frame {
  position: relative;
  margin-top: 1px;
  left: 0.5rem;
  width: 9rem;
  height: 1.1rem;
  line-height: 1.1rem;
  font-size: .373rem;
  background: rgba(255, 255, 255, 0.06);
  color: rgba(255, 255, 255, 0.65);
}

.vip-item-frame2 {
  background: rgba(255, 255, 255, 0.02)!important;
}

.vip-info-frame11 {
  position: absolute;
  left: -0.02rem;
  height: 100%;
  width: 1.8rem;
  color: rgba(255, 181, 127, 0.65);
  font-size: .34rem;
}

.vip-info-frame12 {
  position: absolute;
  left: -0.02rem;
  height: 100%;
  width: 1.8rem;
  color: rgba(255, 181, 127, 0.65);
  font-size: .34rem;
}

.vip-info-frame11 img {
  position: absolute;
  height: 0.55rem;
  width: 0.66rem;
  left: 0.1rem;
  top: 50%;
  margin-top: -0.275rem;
}

.vip-info-frame12 img {
  position: absolute;
  height: 0.55rem;
  width: 0.66rem;
  left: 0.1rem;
  top: 50%;
  margin-top: -0.275rem;
}

.vip-info-frame11 span {
  position: absolute;
  text-align: left;
  left: 0.5rem;
}

.vip-info-frame12 span {
  position: absolute;
  text-align: left;
  left: 0.5rem;
}

.vip-info-frame21 {
  position: absolute;
  left: 1.8rem;
  height: 100%;
  width: 2rem;
  color: rgba(255, 255, 255, 0.45);
  font-size: .346rem;
  text-align: center;
}


.vip-info-frame22 {
  position: absolute;
  left: 1.8rem;
  height: 100%;
  width: 2rem;
  color: rgba(255, 255, 255, 0.45);
  font-size: .346rem;
  text-align: center;
}

.vip-info-frame31 {
  position: absolute;
  left: 1.8rem;
  height: 100%;
  width: 2.4rem;
  color: rgba(255, 255, 255, 0.45);
  font-size: .346rem;
  text-align: center;
}

.vip-info-frame32 {
  position: absolute;
  left: 1.8rem;
  height: 100%;
  width: 2.4rem;
  color: rgba(255, 255, 255, 0.45);
  font-size: .346rem;
  text-align: center;
}

.vip-info-frame41 {
  position: absolute;
  left: 4.2rem;
  height: 100%;
  width: 2.4rem;
  color: rgba(255, 255, 255, 0.45);
  font-size: .346rem;
  text-align: center;
}

.vip-info-frame42 {
  position: absolute;
  left: 4.2rem;
  height: 100%;
  width: 2.4rem;
  color: rgba(255, 255, 255, 0.45);
  font-size: .346rem;
  text-align: center;
}

.vip-info-frame51 {
  position: absolute;
  left: 6.6rem;
  height: 100%;
  width: 2.4rem;
  color: rgba(255, 255, 255, 0.45);
  font-size: .346rem;
  text-align: center;
}

.vip-info-frame52 {
  position: absolute;
  left: 6.6rem;
  height: 100%;
  width: 2.4rem;
  color: rgba(255, 255, 255, 0.45);
  font-size: .346rem;
  text-align: center;
}

.vip-info-frame61 {
  position: absolute;
  left: 1.8rem;
  height: 100%;
  width: 3.6rem;
  color: rgba(255, 255, 255, 0.45);
  font-size: .346rem;
  text-align: center;
}

.vip-info-frame62 {
  position: absolute;
  left: 1.8rem;
  height: 100%;
  width: 3.6rem;
  color: rgba(255, 255, 255, 0.45);
  font-size: .346rem;
  text-align: center;
}

.vip-info-frame71 {
  position: absolute;
  left: 5.2rem;
  height: 100%;
  width: 3.6rem;
  color: rgba(255, 255, 255, 0.45);
  font-size: .346rem;
  text-align: center;
}

.vip-info-frame72 {
  position: absolute;
  left: 5.2rem;
  height: 100%;
  width: 3.6rem;
  color: rgba(255, 255, 255, 0.45);
  font-size: .346rem;
  text-align: center;
}



.weekb-top-card {
  position:relative;width:10rem;height:7.5rem;
}

.weekb-top-card .top-bg {
  position:absolute;top:0;left:0;width:100%;
}

.weekb-top-card .top-time-frame {
  position:absolute;top:3.777rem;left:0.5rem;width:9rem;height: 1.125rem;line-height: 1.125rem;text-align: center;color: rgba(0,0,0,0.85);font-size: .373rem;
}

.weekb-top-card .top-time-frame-bg {
  position:absolute;top:0;left:0;width:100%;
}

.weekb-top-card .top-time-frame-title1 {
  position:relative;font-size: .32rem;color: rgba(0,0,0,0.45);
}

.weekb-top-card .top-time-frame-title2 {
  position:relative;font-size: .32rem;color: rgba(0,0,0,0.45);
}

.weekb-content-frame {
  position:relative;margin-top:-2rem;left:0.5rem;width:9rem;height:12.375rem;
}

.weekb-content-frame .wbg-top {
  position:absolute;top:0;left:0;width:100%;
}

.weekb-content-frame .wbg-bottom {
  position:absolute;top:0;left:0;width:100%;
}

.weekb-content-frame .wframe-top {
  position:absolute;top:0.66rem;left:0;width:9rem;height:1rem;line-height: 1rem;
}

.weekb-content-frame .wframe-top-icon {
  position:absolute;left:0.5rem;top:50%;margin-top:-0.22rem;width:0.44rem;height:0.44rem;
}

.weekb-content-frame .wframe-top-title {
  position:absolute;top:0.1rem;left:1.1rem;color: rgba(0,0,0,0.45);font-size: .32rem;width:4rem;line-height: 0.4rem;height: 1rem;
}

.weekb-content-frame .wframe-top-value {
  position:absolute;right: 0.5rem;text-align: right;
}

.weekb-content-frame .wframe-top-value .span1 {
  color: rgba(0,0,0,0.45);font-size: .32rem;
}

.weekb-content-frame .wframe-top-value .span2 {
  color: rgba(0,0,0,0.85);font-size: .426rem;font-weight: bold;
}

.weekb-content-frame .wframe-toploss {
  position:absolute;top:1.55rem;left:0;width:9rem;height:1rem;line-height: 1rem;display: flex;justify-content: center;align-items: center;
}

.weekb-content-frame .wframe-toploss-icon {
  position:absolute;left:0.5rem;top:50%;margin-top:-0.22rem;width:0.44rem;height:0.44rem;
}

.weekb-content-frame .wframe-toploss-title {
  position:absolute;left:1.1rem;color: rgba(0,0,0,0.45);font-size: .32rem;
}

.weekb-content-frame .wframe-toploss-value {
  position:absolute;right: 0.5rem;text-align: right;
}

.weekb-content-frame .wframe-toploss-value .span1 {
  color: rgba(0,0,0,0.45);font-size: .32rem;
}

.weekb-content-frame .wframe-toploss-value .span2 {
  color: rgba(0,0,0,0.45);font-size: .32rem;font-weight: bold;
}

.weekb-content-frame .wicon-middle {
  position:absolute;top:4.22rem;left:50%;margin-left:-0.44rem;width:0.88rem;height:0.88rem;
}

.weekb-content-frame .wtime-title-frame {
  position:absolute;top:5.3rem;left:1rem;width:7rem;line-height: 0.4rem;color: rgba(0,0,0,0.45);font-size: .32rem;text-align:center;
}

.weekb-content-frame .wtime-title-frame .wtext1 {
  font-weight: bold;color: #D17836;
}

.weekb-content-frame .wtime-frame {
  position:absolute;top:6.3rem;left:0;width:9rem;color: rgba(0,0,0,0.65);font-size: .373rem;text-align:center;font-weight: bold;display: flex;justify-content: center;align-items: center;
}

.weekb-content-frame .wtime-frame-clock {
  margin-right:0.1rem;opacity: 0.45;width:0.44rem;height:0.44rem;
}

.weekb-content-frame .wfun-title {
  position:absolute;bottom:4.3rem;left:0;width:9rem;color: rgba(0,0,0,0.65);font-size: .373rem;text-align:center;
}

.weekb-content-frame .wfun-value {
  position:absolute;bottom:3.3rem;left:0;width:9rem;height:1rem;line-height: 1rem;text-align: center;
}

.weekb-content-frame .wfun-value-text1 {
  position:relative;top:-0.04rem;color: rgba(0,0,0,0.45);font-size:.373rem;
}

.weekb-content-frame .wfun-value-text2 {
  position:relative;color: rgba(0,0,0,0.45);font-size:.5rem;
}

.weekb-content-frame .wfun-value-text3 {
  position:relative;color: rgba(0,0,0,0.45);font-size:.5rem;color: #D17836;
}

.weekb-content-frame .wfun-claim-enable {
  position:absolute;bottom:0.88rem;width:2.22rem;height: 2.22rem;left:50%;margin-left: -1.11rem;text-align: center;line-height: 2.22rem;font-size: .36rem;color: rgba(0,0,0,0.65);
}

.weekb-content-frame .wfun-claim-enable .text-span {
  position:absolute;top:0;left:0;width:2.22rem;height: 2.22rem;line-height: 2.22rem;font-weight: bold;
}

.weekb-content-frame .wfun-claim-disable {
  position:absolute;bottom:0.88rem;width:2.22rem;height: 2.22rem;left:50%;margin-left: -1.11rem;text-align: center;line-height: 2.22rem;font-size: .36rem;color: rgba(0,0,0,0.65);
}

.weekb-content-frame .wfun-claim-disable .text-span {
  position:absolute;top:0;left:0;width:2.22rem;height: 2.22rem;line-height: 2.22rem;font-weight: bold;color: rgba(0,0,0,0.25);
}

.weekb-content-frame .wfun-claim-icon {
  position: absolute;top:-10%;left:-10%;width:120%;height: 120%;
}

.weekb-content-frame .wfun-claim-icon-disable {
  opacity: 0.45;position: absolute;top:-10%;left:-10%;width:120%;height: 120%;
}

.weekb-item-title {
  position:relative;
  left:0.5rem;
  width:9rem;
  line-height:1.1rem;
  font-size:.373rem;
  color: rgba(255,255,255,0.45);
  margin-top: 0.7rem;
  height: 1.34rem;
  background: transparent;
}

.weekb-info-title {
  position:absolute;
  background: rgba(255,255,255,0.15);
  border-radius: 4px;
  color: rgba(255,255,255,0.65);
  font-size: .32rem;
  text-align: center;
  width:4.48rem;
  height:1.34rem;
  display: flex;
  align-content: center;
  align-items: center;
  justify-content: center;
  line-height: 0.5rem;
}

.weekb-item-frame {
  position:relative;
  margin-top:1px;
  left:0.5rem;
  width:9rem;
  height:1.1rem;
  line-height:1.1rem;
  font-size:.373rem;
  background: rgba(255,255,255,0.04);
  color: rgba(255,255,255,0.65);
}

.weekb-info-frame21 {
  position:absolute;
  left: 0;
  height: 100%;
  width:4.48rem;
  border-radius: 4px;
  background: rgba(255,255,255,0.04);
  color: rgba(255,255,255,0.45);
  font-size: .346rem;
  text-align: center;
}

.weekb-info-frame22 {
  position:absolute;
  left: 0;
  height: 100%;
  width:4.48rem;
  border-radius: 4px;
  background: rgba(255,255,255,0.08);
  color: rgba(255,255,255,0.45);
  font-size: .346rem;
  text-align: center;
}

.weekb-info-frame31 {
  position:absolute;
  left: 4.55rem;
  height: 100%;
  width:4.48rem;
  border-radius: 4px;
  background: rgba(255,255,255,0.04);
  color: rgba(255,255,255,0.45);
  font-size: .346rem;
  text-align: center;
}

.weekb-info-frame32 {
  position:absolute;
  left: 4.55rem;
  height: 100%;
  width:4.48rem;
  border-radius: 4px;
  background: rgba(255,255,255,0.08);
  color: rgba(255,255,255,0.45);
  font-size: .346rem;
  text-align: center;
}



.signup-top-frame {
  position:relative;top:1rem;height: 5.5rem;
}

.signup-top-frame img {
  position:absolute;width:2.1rem;height:2.1rem;left:50%;margin-left:-1.05rem;border-radius: 0.2rem;
}

.signup-top-frame span {
  position:absolute;top:2.5rem;left:0.5rem;width:9rem;font-size:.533rem;text-align:center;word-break: break-all;color: rgba(255,255,255,1);
}

.signup-item {
  position:relative;
  width:8.4rem;
  height:1.3rem;
  left:50%;
  margin-left:-4.2rem;
  border-radius: 0.22rem;
}

.signup-reg18-item {
  position: relative;
  margin-top: -0.45rem;
  width:8.4rem;
  /* height: 0.55rem; */
  left: 50%;
  margin-left:-4.2rem;
  margin-bottom:0.4rem;
  display: flex;
  justify-content: flex-start;
  align-content: center;
}

.signup-reg18-item .reg18-icon{
  position: relative;
  width: 0.55rem;
  height: 0.55rem;
}

.signup-reg18-item .reg18-icon-img{
  position: absolute;
  top:50%;
  margin-top: -0.22rem;
  width: 0.44rem;
  height: 0.44rem;
}

.signup-reg18-item .reg18-text{
  position: relative;
  margin-top: 0.04rem;
  margin-left: 0.05rem;
  width: 8rem;
  color: rgba(255,255,255,0.65);
  font-size: .3rem;
  line-height: 0.426rem;
}

.signup-reg18-item .reg18-text-light{
  color: #007AFF;
}

.signup-item .icon-brazil {
  position:absolute;top:50%;margin-top:-0.33rem;left:0.3rem;width:0.88rem;height:0.66rem;
}

.signup-item .icon-brazil {
  position:absolute;top:50%;margin-top:-0.33rem;left:0.3rem;width:0.88rem;height:0.66rem;
}

.signup-item .icon-cpf {
  position: absolute;
  top: 50%;
  margin-top: -0.33rem;
  left: 0.3rem;
  width: 0.66rem;
  height: 0.66rem;
}

.signup-item .input {
  position:absolute;
  border: none;
  top: 0.15rem;
  height: 1rem;
  line-height: 1rem;
  left: 0.5rem;
  width: 6.5rem;
  padding: 0;
  font-size:.373rem;
  background-color: transparent;
}

.signup-item .text-bzphone {
  left:1.3rem;font-family: monospace;color: rgba(255,255,255,0.65);
}

.signup-item-input {
  font-family: monospace;color: rgba(255,255,255,0.85);
}

.signup-item-error {
  position:relative;
  line-height: 0.55rem;
  font-size:.373rem;
  color:white;
  background: rgba(255,0,0,0.25);
  text-align: center;
  border-radius: 0.1rem;
  width:8.4rem;
  left:50%;
  margin-left:-4.2rem;
  padding-top: 0.2rem;
  padding-bottom: 0.2rem;
}

.reg-item-tips {
  position:relative;
  line-height: 0.55rem;
  font-size:.373rem;
  color: rgba(255,255,255,0.65);
  background: rgba(255,255,255,0.15);
  text-align: left;
  border-radius: 0.1rem;
  border: 1px solid rgba(255,255,255,0.15);
  width:7.2rem;
  left:50%;
  margin-top:0.2rem;
  margin-bottom: -0.1rem;
  margin-left:-4.2rem;
  padding-top: 0.2rem;
  padding-left: 1.2rem;
  padding-bottom: 0.2rem;
}

.reg-item-tips .reg-tips-icon {
  opacity: 0.45;position: absolute;top:0.25rem;left:0.45rem;width:0.5rem;height: 0.5rem;
}

.signup-item-line {
  position:relative;
  height:0.6rem;
}


.signup-item .icon {
  position:absolute;
  width: 0.5rem;
  height: 0.5rem;
  right: 0.5rem;
  top: 50%;
  margin-top: -0.25rem;
  opacity: 0.45;
}



.topup-top-title {
  position:relative;
  height: 1.6rem;
}

.topup-top-title-pig {
  border-radius: 0.44rem;
  background-image: linear-gradient(135deg, rgb(254, 252, 225) 0%, rgb(218, 141, 78) 100%);
  margin-top: 0.6rem;
  left: 0.5rem;
  width: 9rem;
  height: 4.44rem;
}

.topup-top-middle-frame {
  border-radius: 0.2rem 0 0 0.2rem;position:absolute;top:2.4rem;left:0.5rem;width:8.5rem;height:1.55rem;background-image: linear-gradient(135deg, #FCD7A1 0%, #D17836 100%);
}

.topup-top-title .ttop-title {
  position:absolute;top:0.55rem;left:0.5rem;color: #78340F;font-size: .48rem;font-weight: bold;
}

.topup-top-title .ttop-value1 {
  position:absolute;top:1.15rem;width:5.7rem;line-height:0.42rem;left:0.5rem;color: #78340F;font-size: .33rem;
}

.topup-top-title .ttop-value2 {
  position:absolute;top:1.35rem;width:5.8rem;line-height:0.42rem;left:0.5rem;color: #78340F;font-size: .346rem;
}

.topup-top-middle-value {
  position:absolute;top:2.4rem;left:0.8rem;width:6rem;height:1.55rem;display: flex;justify-content: flex-start;align-items: center;
}

.topup-top-title span {
  position:absolute;left:0.5rem;top:0;font-size:.426rem;font-weight: bold;color: rgba(255,255,255,0.65);
}


.topup-top-middle-value .tunit {
  position:unset;top:unset;left:unset;color: #78340F;font-size:.426rem;text-align: center;margin-top:0.5rem;
}

.topup-top-middle-value .tnum {
  position:unset;top:unset;left:unset;color: #78340F;font-size:1.28rem;font-weight: bold;
}

.topup-top-middle-value .coin-icon {
  position:unset;top:unset;left:unset;margin-top:0.6rem;margin-left:0.1rem;opacity:0.65;width:0.44rem;height: 0.44rem;
}

.topup-top-title .tright-icon {
  position:absolute;top:0;right:0;width:4.4rem;height:4.4rem;
}

.topup-top-title-banner {
  border-radius: 0.2rem;margin-top: 0.6rem;left:0.5rem;width:9rem;height:4.44rem;
}

.topup-top-banner-img {
  width:9rem;height:4.44rem;border-radius: 0.44rem;object-fit: cover;
}

.topup-top-tips {
  position:absolute;top:0;left:0.5rem;width:9rem;height:1.4rem;line-height:1.4rem;text-align:center;font-size:.373rem;display: flex;justify-content: center;align-content: center;align-items: center;color: rgba(255, 255, 255, 0.65);background: rgba(255, 255, 255, 0.15);border-radius:0.22rem;
}

.topup-top-tips-icon {
  margin-left:-1.1rem;opacity:0.65;margin-right:0.2rem;width:0.5rem;height:0.5rem;
}

.topup-top-rechargetips {
  position: relative;
  margin-top: 0.66rem;
  margin-bottom: -0.22rem;
  left: 0.5rem;
  width: 9rem;
  font-size: .346rem;
  line-height: .46rem;
  color: #FFFFFF;
  font-weight: 400;
  text-align: left;
  word-wrap: break-word;
  white-space: pre-wrap;
}

.topup-firstbonus-select {
  position: relative;
  display: flex;
  align-items: center;
  left: 0.5rem;
  width: 8.44rem;
  padding: 0.2rem 0.32rem 0.2rem 0.2rem;
  text-align: center;
  font-size: .373rem;
  display: flex;
  border-radius: 0.32rem;
  color: rgba(255, 255, 255, 0.85);
  margin-bottom: 0.1rem;
  margin-top: 0.3rem;
  background: transparent;
  align-items: center;
  justify-content: flex-start;
  background: rgba(255,255,255,0.04);
  border: 0.5px solid rgba(255,255,255,0.15);
  border-radius: 0.22rem;
}

.topup-firstbonus-select .fs-icon{
  flex-shrink: 0;
  margin-right: 0.2rem;
  width: 0.44rem;
  height: 0.44rem;
  margin-left: 0.1rem;
  margin-top: 0;
}

.topup-firstbonus-select .fs-content{
  flex: 1;
  min-width: 0;
  text-align: left;
}

.topup-firstbonus-select .fs-title{
  text-align: left;
  color: #FFAF00;
  font-size: .373rem;
  font-weight: 700;
  line-height: .426rem;
}

.topup-firstbonus-select .fs-tips{
  margin-top: 0.1rem;
  text-align: left;
  font-size: .32rem;
  line-height: .373rem;
  font-weight: 400;
  color: rgba(255,255,255,0.85);
}

.topup-firstbonus-select .fs-tips-bonus{
  font-size: .32rem;
  line-height: .373rem;
  font-weight: 700;
  color: #FFEE00;
}

.topup-bonus-select {
  position:relative;
  margin-top:0.6rem;
  left:0.5rem;
  width:9rem;
  height:1rem;
  line-height:1rem;
  text-align:center;
  font-size:.373rem;
  display: flex;
  justify-content: center;
  align-content: center;
  border-radius:0.22rem;
  background: rgba(255,255,255,0.08);
  color: rgba(255,255,255,0.45);
}

.topup-signup-item {
  position:relative;
  width:8.9rem;
  height:1.3rem;
  line-height: 1.3rem;
  left:50%;
  margin-left:-4.5rem;
  border-radius: 0.22rem;
}

.topup-signup-item .title {
  position: absolute;
  left: 1.1rem;
  font-size: .373rem;
  color: rgb(249, 196, 134);
}

.topup-signup-item .title-unit {
  left:0.35rem;font-size:.427rem;font-weight: bold;
}

.topup-signup-item .unit {
  position: absolute;
  right: 0.3rem;
  font-size: .373rem;
  color: rgba(255, 255, 255, 0.45);
}

.topup-signup-item .title-num {
  color: rgba(255,255,255,0.85);
}

.topup-signup-item .clear {
  position: absolute;
  right: 0.4rem;
  height: 1.3rem;
  width: 1rem;
}

.topup-signup-item .clear img {
  position: absolute;
  width: 0.6rem;
  height: 0.6rem;
  top: 50%;
  margin-top: -0.3rem;
  left: 50%;
  margin-left: -0.3rem;
  opacity: .45;
}

.signup-item-normal-topup {
  background: rgba(255,255,255,0.04);
  border:1px solid rgba(0,0,0,0);
}

.topup-item {
  position:relative;
  display: flex;
  flex-wrap: wrap;
  margin-top: 0.5rem;
  width:9.4rem;
  height:3.5rem;
  line-height: 1rem;
  left:50%;
  margin-left:-4.5rem;
}

.topup-item .item {
  margin-right: 0.2rem;
  margin-bottom: 0.1rem;
  width:2.86rem;
  height:1rem;
  border-radius: 0.22rem;
  background: rgba(255,255,255,0.15);
  text-align: center;
  color: rgba(255,255,255,0.65);
  font-size: .373rem;
  overflow: hidden;
}

.topup-item .item .item-type1 {
  text-align: center;
  width: 1.3rem;
  height: 1.2rem;
  margin-top: -1.65rem;
  margin-left: 2.2rem;
  background: rgba(0,0,0,0.25);
  transform: rotate(45deg);
  color: #FFDF00;
  font-size: 0.24rem;
  line-height: 1.1rem;
}

.topup-item .item .item-type2 {
  text-align: center;
  width: 1.3rem;
  height: 1.2rem;
  margin-top: -1.65rem;
  margin-left: 2.2rem;
  background: #FFDF00;
  transform: rotate(45deg);
  color: rgba(0, 0, 0, 0.85);
  font-size: 0.24rem;
  line-height: 1.1rem;
}

.topup-item .item .item-span {
  position: relative;
  top: 0.5rem;
  margin-left: 0.1rem;
}

.topup-item .item-checked {
  font-weight: bold;
  border: 0px solid #009B3A;
  background: #009B3A;
  color: rgba(255,255,255,0.85);
}


.topup-signup-item .input {
  position:absolute;
  border: none;
  top: 0.15rem;
  height: 1rem;
  line-height: 1rem;
  left: 1.2rem;
  width: 6.6rem;
  padding: 0;
  font-size:.373rem;
  background-color: transparent;
  color: rgba(0,0,0,0.85);
  font-size: .426rem
}

.topup-signup-item .input-normal {
  position:absolute;
  border: none;
  top: 0.15rem;
  height: 1rem;
  line-height: 1rem;
  left:1.2rem;
  width: 3.3rem;
  padding: 0;
  font-size:.373rem;
  background-color: transparent;
  color: #FFFFFF;
  font-size: .426rem;
}

.topup-signup-item .icon {
  position:absolute;
  width: 0.6rem;
  height: 0.6rem;
  left: 0.3rem;
  top: 50%;
  margin-top: -0.3rem;
}

.topup-bouns-card {
  position:relative;width:10rem;height:3.75rem;
}

.topup-bouns-card .topup-bouns-content {
  position:absolute;width:9rem;left:0.5rem;top:0.6rem;height:3.15rem;
}

.topup-bouns-card .topup-bouns-content .tcard-bg {
  position:absolute;top:0;height:0;width:100%;height:100%;
}

.topup-bouns-card .topup-bouns-content .tcard-top {
  position:absolute;top:0;left:0;width:9rem;height:2.45rem;display: flex;box-align:center;justify-content: center;align-content: center;align-items:center;text-align:center;
}

.topup-bouns-card .topup-bouns-content .tcard-top-span1 {
  margin-left:-0.6rem;width:5.5rem;line-height:0.5rem;word-wrap:break-word;font-weight:bold;display: flex;box-align:center;justify-content: center;align-content: center;align-items:center;text-align:left;height:2.45rem;font-size:.346rem;color: rgba(255,255,255,0.65);
}

.topup-bouns-card .topup-bouns-content .tcard-top-span2 {
  margin-right:-1rem;width:3rem;text-align:center;color: rgba(255,255,255,1);;font-size:.75rem;font-weight:bold;height:2.45rem;line-height:2.45rem;
}

.topup-bouns-card .topup-bouns-content .tcard-bottom {
  position:absolute;left:0;bottom:0;width:9rem;height:0.7rem;line-height:0.7rem;font-size:.32rem;
}

.topup-bouns-card .topup-bouns-content .tcard-bottom-text1 {
  position:absolute;left:0.5rem;color: rgba(255,255,255,0.85);
}

.topup-bouns-card .topup-bouns-content .tcard-bottom-text2 {
  position:absolute;right:0.5rem;color: rgba(255,255,255,0.85);
}

.topup-bouns-card .topup-bouns-content .tcard-bottom-text3 {
  color: rgba(255,255,255,0.85);;margin-right:0.5rem;
}

.topup-bonus-select .ticon-enable {
  margin-left:-3.5rem;margin-top:0.25rem;margin-right:0.2rem;width:0.5rem;height:0.5rem;
}

.topup-bonus-select .ticon-disable {
  opacity: 0.65;margin-left:-3.5rem;margin-top:0.25rem;margin-right:0.2rem;width:0.5rem;height:0.5rem;
}

.topup-bonus-select .tbicon-enable {
  margin-left:-2.5rem;margin-top:0.25rem;margin-right:0.2rem;width:0.5rem;height:0.5rem;
}

.topup-bonus-select .tbicon-disable {
  opacity: 0.65;margin-left:-2.5rem;margin-top:0.25rem;margin-right:0.2rem;width:0.5rem;height:0.5rem;
}



.tuprofile-top-card {
  position:relative;height:3rem;
}

.tuprofile-top-card span {
  position:absolute;left:0.5rem;top:0;font-size:.426rem;font-weight: bold;color: rgba(255,255,255,0.65);
}

.tuprofile-top-card .tupbg {
  position:absolute;top:0;left:0.5rem;width:9rem;height:3rem;line-height:0.72rem;overflow: hidden;border-radius: 0.2rem;overflow: hidden;
}

.tuprofile-top-card .tupbg img {
  position:absolute;top:0;left:0;width:100%;height: 3rem;
}

.tuprofile-top-card .tup-top {
  position:absolute;top:0;left:0.5rem;width:9rem;height:1rem;line-height:1rem;text-align:left;font-size:.6rem;
}

.tuprofile-top-card .tup-top-img {
  opacity:0.65;position:absolute;left:0.3rem;top:0.3rem;width:0.6rem;height:0.6rem;
}

.tuprofile-top-card .tup-top-span {
  position:absolute;left:1.1rem;top:0.1rem;font-size: .373rem;color: rgba(255,255,255,0.65);
}

.tuprofile-top-card .tup-bottom {
  position:absolute;top:1rem;left: 0.5rem;width:9rem;height:1.7rem;text-align:left;font-size:.6rem;text-align: center;display: flex;justify-content: center;align-content: center;align-items: center;color: #FFFFFF;
}

.tuprofile-top-card .tup-bottom-unit {
  color: rgba(255,255,255,0.45);font-size: .64rem;
}

.tuprofile-top-card .tup-bottom-value {
  color: rgba(255,255,255,0.85);font-size: .853rem;
}

.tuprofile-tips {
  position: relative;
  margin-top: 0.66rem;
  left: 0.66rem;
  width: 8.68rem;
  border: 0.5px solid rgba(255,255,255,0.08);
  background: rgba(255,255,255,0.04);
  border-radius: 0.44rem;
  display: flex;
  justify-content: center;
  padding-top: 0.22rem;
  padding-bottom: 0.22rem;
}

.tuprofile-tips .tips-text {
  position: relative;
  width: 7.9rem;
  color: rgba(255,255,255,0.65);
  font-size: .32rem;
  line-height: .48rem;
}

.tuprofile-bonustips {
  position: relative;
  margin-top: 0.66rem;
  margin-bottom: -0.44rem;
  left: 0.66rem;
  width: 8.68rem;
  border: 0.5px solid rgba(255,255,255,0.08);
  background: rgba(255,255,255,0.08);
  border-radius: 0.44rem;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-top: 0.22rem;
  padding-bottom: 0.22rem;
}

.tuprofile-bonustips .bonustips-content {
  position: relative;
  width: 7.9rem;
  height: 1rem;
  color: rgba(255,255,255,0.65);
  font-size: .32rem;
  line-height: .48rem;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.tuprofile-bonustips .bonustips-content-icon {
  position: relative;
  width: 0.88rem;
  height: 0.88rem;
  margin-right: 0.22rem;
  opacity: 0.5;
}

.tuprofile-bonustips .bonustips-content-text {
  position: relative;
  width: 6.8rem;
  color: #FFFFFF;
  font-weight: 400;
  line-height: .5rem;
  font-size: .346rem;
}

.tuprofile-bonustips .bonustips-content-value {
  color: #FFEE00;
}

.tuprofile-type-item {
  position: relative;left: 0.8rem;width:8.4rem;height:1.3rem;line-height: 1.3rem;border-bottom: 1px solid rgba(255, 255, 255, 0.15);
}

.tuprofile-type-item .line {
  position: absolute;left:4.2rem;height:0.6rem;top:0.35rem;width: 1px;background: rgba(255,255,255,0.15);
}

.tuprofile-type-item .logo {
  position:absolute;left: 0.8rem;width:2.2456rem;height:0.8rem;top:50%;margin-top: -0.4rem;
}

.tuprofile-type-item .name {
  position: absolute;top:0;left:4.2rem;width:4.2rem;height:1.3rem;color: rgba(255,255,255,0.85);font-size: .426rem;text-align: center;
}

.signup-item-error-tp {
  position:relative;
  line-height: 0.6rem;
  font-size:.373rem;
  color:white;
  background: rgba(255,0,0,0.25);
  text-align: left;
  border-radius: 0.22rem;
  width:8rem;
  left:50%;
  margin-left: -4.4rem;
  padding: 0.2rem 0.4rem;
}

.tup-profile {
  position:relative;
  width:8rem;
  left:50%;
  margin-left:-4rem;
  margin-top: 0.3rem;
}

.tup-profile .title {
  position: relative;
  margin-top: 0.3rem;
  height: 0.7rem;
  line-height: 0.7rem;
  color: rgba(255,255,255,0.45);
  font-size: .373rem;
}

.tuprofile-item .input {
  position:absolute;
  border: none;
  top: 0.15rem;
  height: 1rem;
  line-height: 1rem;
  left: 0.5rem;
  width: 6.2rem;
  padding: 0;
  font-size:.373rem;
  background-color: transparent;
  color: rgba(255,255,255,0.85);
}

.tuprofile-item .input-disabled {
  position: absolute;
  border: none;
  top: 0.15rem;
  height: 1rem;
  line-height: 1rem;
  left: 0.5rem;
  width: 6.2rem;
  padding: 0;
  font-size: .373rem;
  background-color: transparent;
  color: rgba(255, 255, 255, 0.65);
}

.tuprofile-item .icon {
  position:absolute;
  width: 0.6rem;
  height: 0.6rem;
  right: 0.3rem;
  top: 50%;
  margin-top: -0.3rem;
  opacity: 0.45;
}

.tuprofile-item .icon-focus {
  opacity: 1.0;
}

.tuprofile-item {
  position: relative;
  width: 8.68rem;
  height: 1.3rem;
  line-height: 1.3rem;
  left: 50%;
  margin-left: -4.34rem;
  border-radius: 0.44rem;
}

.tuprofile-item .title {
  position: absolute;
  left: 1.1rem;
  font-size: .373rem;
  color: #BB4E00;
}

.tuprofile-item .unit {
  position: absolute;
  right: 0.3rem;
  font-size: .373rem;
  color: #BB4E00;
}

.tuprofile-item .clear {
  position: absolute;
  right: 0.9rem;
  height: 1.3rem;
  width: 1rem;
}

.tuprofile-item .clear img {
  position: absolute;
  width: 0.6rem;
  height: 0.6rem;
  top: 50%;
  margin-top: -0.3rem;
  left: 50%;
  margin-left: -0.3rem;
  opacity: .45;
}



.reward-list-top {
  position: relative;
  margin-top: .7rem;
  left: .5rem;
  width: 9rem;
  height: 1.1rem;
  line-height: 1.1rem;
  font-size: .373rem;
  background-image: linear-gradient(135deg,hsla(0,0%,100%,.25),hsla(0,0%,100%,.04));
  border-radius: .22rem .22rem 0 0;
}

.reward-list-top img {
  position:absolute;
  left:0.5rem;
  width:0.5rem;
  height:0.5rem;
  top:0.3rem;
}

.reward-list-top span {
  position:absolute;
  left:1.2rem;
  height:100%;
  font-size: .373rem;
  color: rgba(255,255,255,0.65);
}

.reward-item-title {
  position:relative;
  margin-top:1px;
  left:0.5rem;
  width:9rem;
  height:1.1rem;
  line-height:1.1rem;
  font-size:.373rem;
  background: rgba(255,255,255,0.15);
  color: rgba(255,255,255,0.45);
}

.reward-item-title .title1 {
  position:absolute;
  left:0;
  width:3.7rem;
  text-align: center;
}

.reward-item-title .title2 {
  position:absolute;
  left:3.7rem;
  width:2.6rem;
  text-align: center;
}

.reward-item-title .title3 {
  position:absolute;
  right:0;
  width:2.7rem;
  text-align: center;
}

.reward-item-title .line1 {
  position:absolute;
  left:3.4rem;
  width:1px;
  top:20%;
  height:60%;
  background: rgba(255,255,255,0.15);
}

.reward-item-title .line2 {
  position:absolute;
  right:2.7rem;
  width:1px;
  top:20%;
  height:60%;
  background: rgba(255,255,255,0.15);
}
.reward-item {
  position:relative;
  margin-top:1px;
  left:0.5rem;
  width:9rem;
  height:1.1rem;
  line-height:1.1rem;
  font-size:.373rem;
  background: rgba(255,255,255,0.04);
  color: rgba(255,255,255,0.65);
}

.reward-item2 {
  background: rgba(255,255,255,0.08);
  color: rgba(255,255,255,0.65);
}

.reward-item .left {
  position:absolute;
  width:3.7rem;
  height: 100%;
  text-align: center;
}

.reward-item .middle {
  position:absolute;
  left:3.9rem;
  width:2.4rem;
  height: 100%;
  text-align: center;
  overflow: hidden;
}

.reward-item .right {
  position:absolute;
  right:0;
  width:2.7rem;
  height: 100%;
  text-align: center;
}



.withdr-top-title {
  position:relative;
  margin-top:0.6rem;
  height: 2.2rem;
}

.withdr-top-title .tips {
  position: absolute;
  left: 1rem;
  width: 8rem;
  line-height: 0.6rem;
  top: 0;
  font-size: .373rem;
  color: rgba(255,255,255,0.65);
}

.withdr-top-title .amount {
  position:absolute;
  left: 1rem;
  width: 8rem;
  height: 1rem;
  line-height: 1rem;
  bottom:0.2rem;
}

.withdr-top-title .icon-nofree {
  opacity: 0.65;
}

.withdr-top-title .icon-free {
  opacity: 0.65;margin-top: -0.29rem;
}

.withdr-top-title .line {
  position:absolute;
  background: rgba(255,255,255,0.15);
  width: 8rem;
  height: 1px;
  left: 1rem;
  bottom:0;
}

.withdr-top-title .amount .icon {
  position: absolute;
  width: 0.6rem;
  height: 0.6rem;
  top: 50%;
  left: 0.3rem;
  margin-top: -0.25rem;
  opacity: 0.45;
}

.withdr-top-title .amount .value {
  position: absolute;
  left: 1.1rem;
  color: rgba(255,255,255,0.85);
  font-size: .426rem;
}

.withdr-top-title .amount .unit {
  position: absolute;
  right: 0.3rem;
  color: rgba(255,255,255,0.45);
  font-size: .373rem;
}

.withdr-signup-item {
  position:relative;
  margin-top: 0.7rem;
  width:8rem;
  height:1.3rem;
  line-height: 1.3rem;
  left:50%;
  margin-left:-4rem;
  border-radius: 0.22rem;
}

.withdr-signup-item .title {
  position: absolute;
  left: 1.1rem;
  font-size: .373rem;
  color: #f9c486;
}

.withdr-signup-item .unit {
  position: absolute;
  right: 0.3rem;
  font-size: .373rem;
  color: rgba(255,255,255,0.45);
}

.withdr-signup-item .clear {
  position: absolute;
  right: 1.3rem;
  height: 1.3rem;
  width: 1rem;
}

.withdr-signup-item .clear img {
  position: absolute;
  width: 0.6rem;
  height: 0.6rem;
  top: 50%;
  margin-top: -0.3rem;
  left: 50%;
  margin-left: -0.3rem;
  opacity: .45;
}

.withdr-item-tips {
  position:relative;
  margin-top: 0.2rem;
  font-size:.373rem;
  color: rgba(255,255,255,0.45);
  background: rgba(255,255,255,0.15);
  text-align: center;
  border-radius: 0.22rem;
  width:8rem;
  left:50%;
  margin-left:-4rem;
}

.withdr-item-tips .icon {
  position:absolute;
  left: 0.3rem;
  width: 0.6rem;
  height: 0.6rem;
  top: 0.15rem;
  opacity: 0.45;
}

.withdr-item-tips .text {
  position: relative;
  left: 1.1rem;
  text-align: left;
  line-height: 0.5rem;
  font-size: .373rem;
  color: rgba(255,255,255,0.45);
  width: 6.5rem;
  padding-top: 0.2rem;
  padding-bottom: 0.2rem;
}

.withdr-signup-item .input {
  position:absolute;
  border: none;
  top: 0.15rem;
  height: 1rem;
  line-height: 1rem;
  left: 1.1rem;
  width: 4.8rem;
  padding: 0;
  font-size:.373rem;
  background-color: transparent;
  color: rgba(255,255,255,0.85);
  font-size: .426rem
}

.withdr-signup-item .input-normal {
  position:absolute;
  border: none;
  top: 0.15rem;
  height: 1rem;
  line-height: 1rem;
  left:2.7rem;
  width: 3.3rem;
  padding: 0;
  font-size:.373rem;
  background-color: transparent;
  color: rgba(255,255,255,0.85);
  font-size: .426rem;
}

.withdr-signup-item .input-normal-disable {
  opacity:0.45;
}

.withdr-signup-item .icon {
  position:absolute;
  width: 0.6rem;
  height: 0.6rem;
  left: 0.3rem;
  top: 50%;
  margin-top: -0.3rem;
}



.withpf-top-title {
  position:relative;margin-top:0.6rem;height: 2.5rem;
}

.withpf-top-title .tips {
  position: absolute;
  left: 0.5rem;
  width: 8rem;
  line-height: 0.6rem;
  top: 0;
  font-size: .426rem;
  font-weight: bold;
  color: rgba(255,255,255,0.65);
}

.withpf-top-title .amount {
  position:absolute;
  left: 1rem;
  width: 8rem;
  height: 1rem;
  line-height: 1rem;
  bottom:0.2rem;
}

.withpf-top-title .line {
  position:absolute;
  background: rgba(255,255,255,0.15);
  width: 8rem;
  height: 1px;
  left: 1rem;
  bottom:0;
}

.withpf-top-title .amount .icon {
  position: absolute;
  width: 0.6rem;
  height: 0.6rem;
  top: 50%;
  margin-top: -0.3rem;
  opacity: 0.65;
}

.withpf-top-title .amount .title {
  position: absolute;
  left: 0.8rem;
  color: rgba(255,255,255,0.85);
  font-size: .426rem;
}

.withpf-top-title .amount .value {
  position: absolute;
  left: 2.1rem;
  color: rgba(255,255,255,0.85);
  font-size: .533rem;
}

.withpf-top-title .amount .unit {
  position: absolute;
  right: 0;
  color: rgba(255,255,255,0.85);
  font-size: .373rem;
}

.withpf-profile {
  position:relative;
  width:8rem;
  left:50%;
  margin-left:-4rem;
  margin-top: 0.3rem;
}

.withpf-profile .title {
  position: relative;
  height: 0.7rem;
  line-height: 0.7rem;
  color: rgba(255,255,255,0.45);
  font-size: .373rem;
}

.withpf-profile-item {
  position:relative;
  width:8rem;
  height:1.3rem;
  line-height: 1.3rem;
  left:50%;
  margin-left:-4rem;
  border-radius: 0.22rem;
}

.withpf-profile-item .type-item {
  position:absolute;
  left: 0;
  top:0.2rem;
  width: 1.82rem;
  height: 0.9rem;
  line-height: 0.9rem;
  font-size: .35rem;
  text-align: center;
  background: rgba(255,255,255,0.15);
  color: rgba(255,255,255,0.65);
  border-radius: 0.22rem;
}

.withpf-profile-item .type-item-checked {
  background: #009B3A;
  color: #FFFFFF;
}

.withpf-profile-item .title {
  position: absolute;
  left: 1.1rem;
  font-size: .373rem;
  color: #BB4E00;
}

.withpf-profile-item .unit {
  position: absolute;
  right: 0.3rem;
  font-size: .373rem;
  color: #BB4E00;
}

.withpf-profile-item .clear {
  position: absolute;
  right: 0.9rem;
  height: 1.3rem;
  width: 1rem;
}

.withpf-profile-item .clear img {
  position: absolute;
  width: 0.6rem;
  height: 0.6rem;
  top: 50%;
  margin-top: -0.3rem;
  left: 50%;
  margin-left: -0.3rem;
  opacity: .45;
}

.signup-item-error-wd {
  position:relative;
  line-height: 0.55rem;
  font-size:.373rem;
  color:white;
  background: rgba(255,0,0,0.25);
  text-align: center;
  border-radius: 0.1rem;
  width:8rem;
  left:50%;
  margin-left:-4rem;
  z-index: 99;
  padding-top: 0.2rem;
  padding-bottom: 0.2rem;
}

.signup-item-tips-wd {
  position: relative;
  line-height: 0.44rem;
  font-size: .32rem;
  text-align: left;
  width:8rem;
  left: 50%;
  margin-left:-4rem;
  z-index: 99;
  padding: 0.1rem 0.1rem;
  color: rgba(255,255,255,0.45);
}

.withpf-profile-item .input {
  position:absolute;
  border: none;
  top: 0.15rem;
  height: 1rem;
  line-height: 1rem;
  left: 0.5rem;
  width: 5.7rem;
  padding: 0;
  font-size:.373rem;
  background-color: transparent;
  color: rgba(255,255,255,0.85);
}

.withpf-profile-item .input-disabled {
  position:absolute;
  border: none;
  top: 0.15rem;
  height: 1rem;
  line-height: 1rem;
  left: 0.5rem;
  width: 5.7rem;
  padding: 0;
  font-size:.373rem;
  background-color: transparent;
  color: rgba(255,255,255,0.85);
}

.withpf-profile-item .input:disabled {
  color: rgba(255,255,255,0.85);
  -webkit-opacity:1;
  opacity:1 !important;
}

.withpf-profile-item .icon {
  position:absolute;
  width: 0.6rem;
  height: 0.6rem;
  right: 0.3rem;
  top: 50%;
  margin-top: -0.3rem;
  opacity: 0.45;
}

.withpf-profile-item .icon-focus {
  opacity: 1.0;
}



.anim-right2left {
  animation: SDslideRightToLeft 0.3s ease-out forwards;
}

.anim-left2right {
  animation: SDslideLeftToRight 0.3s ease-out forwards;
}

.anim-right2left2 {
  animation: SDslideRightToLeft2 0.3s ease-out forwards;
}

.anim-left2right2 {
  animation: SDslideLeftToRight2 0.3s ease-out forwards;
}

@keyframes SDslideRightToLeft2 {
  from {
    transform: translateX(0%);
  }
  to {
    transform: translateX(-100%);
  }
}

@-webkit-keyframes SDslideRightToLeft2 {
  from {
    transform: translateX(0%);
  }
  to {
    transform: translateX(-100%);
  }
}

@keyframes SDslideLeftToRight2 {
  from {
    transform: translateX(-100%);
  }
  to {
    transform: translateX(0%);
  }
}

@-webkit-keyframes SDslideLeftToRight2 {
  from {
    transform: translateX(-100%);
  }
  to {
    transform: translateX(0%);
  }
}

.input-recode {
  position:absolute;
  top:9.8rem;
  left:1.85rem;
  width:6.6rem;
  height:1.34rem;
  line-height:1.34rem;
  background: rgba(255,255,255,0.45);
  border: 1px solid #F39A4F;
  border-radius: 0.1rem;
}

.input-recode-active {
  position:absolute;
  top:9.8rem;
  left:1.85rem;
  width:6.6rem;
  height:1.34rem;
  line-height:1.34rem;
  background: #FFFFFF;
  border: 1px solid #D17836;
  border-radius: 0.1rem;
}

#home {
  position: fixed;
  width: 100%;
  height: 100%;
  background: transparent;
  box-shadow: 0 20px 44px 0 rgba(0,0,0,0.16);
}


#home .user-copy {
  position:absolute;top:1.3rem;left:4.47rem;width:0.66rem;height:0.66rem;line-height:0.66rem;border-radius: 0.35rem;background: rgba(0,0,0,0.04);
}

#home .user-copy:active {
  background: #FFFFFF;
}

#home .app-download {
  position:absolute;top:0;left:0;width:10rem;height:1.21rem;line-height:1.2rem;z-index:1000;overflow: hidden;background-image: linear-gradient(90deg, #001708 0%, #00551F 100%);
}

#home .app-download .bg {
  position:absolute;top:0;left:0.1rem;width:80%;
}

#home .app-download .bg2 {
  position:absolute;top:5%;height:90%;left:1rem;width:unset;
}

#home .app-download .bgfull {
  position: absolute;
  top: 0;
  height: 100%;
  left: 0;
  width: 100%;
  object-fit: cover;
}

#home .app-download .span1 {
  position:absolute;top:0.14rem;left:1.7rem;line-height:0.5rem;font-size:0.32rem;color: rgba(255,255,255,0.85);width:8rem;
}

#home .app-download .span2 {
  position:absolute;top:0.65rem;left:1.7rem;line-height:0.5rem;font-size:0.32rem;color: rgba(255,255,255,0.85);width:8rem;
}

#home .app-download .close-dlframe {
  position:absolute;top:0;left:0.2rem;width:1.2rem;height:1.2rem;line-height: 1.2rem;
}

#home .app-download .close-dlframe2 {
  position:absolute;top:0;left:0;width:1rem;height:1.2rem;line-height: 1.2rem;
}

#home .app-download .close-dlframe-bg {
  position:absolute;top:50%;left:50%;margin-left:-0.3rem;margin-top:-0.3rem;width:0.6rem;height:0.6rem;background: rgba(255,255,255,0.45);border-radius: 0.4rem;
}

#home .app-download .close-dlframe-icon {
  position:absolute;width:0.56rem;height:0.56rem;top:50%;margin-top:-0.28rem;left:0.32rem;
}

#home .app-download .close-dlframe-icon2 {
  position:absolute;width:0.3rem;height:0.3rem;top:50%;left:50%;margin-top:-0.15rem;margin-left:-0.15rem;
}

#home .app-download .btn-download {
  position:absolute;right:0.5rem;width:2rem;height:0.8rem;top:0.2rem;background: #00A2FF;border-radius: 0.5rem;color: #237400;text-align: center;
}

#home .app-download .btn-download span {
  position:absolute;top:0;height:0.8rem;line-height:0.8rem;width:100%;left:0rem;font-size: .32rem;color: #FFFFFF;
}

#home .app-name {
  position:absolute;top:0;left:0;width:10rem;height:1.4rem;line-height:1.4rem;z-index:1000;overflow: hidden;background: transparent;
}

#home .app-name .app-name-leftbg {
  position:absolute;top:0;left:0;width:1rem;height:1.25rem;background: rgba(255,255,255,0.04);box-shadow: inset -1px 0 0 0 rgba(255,255,255,0.04);
}

#home .app-name .app-name-leftbg img {
  position:absolute;width:0.55rem;height:0.55rem;top:50%;margin-top:-0.275rem;left:50%;margin-left: -0.275rem;
}

#home .app-name .app-icon-bg {
  border-radius: 0.1rem;position:absolute;left:0.5rem;width:0.7rem;height:0.7rem;top:50%;margin-top:-0.35rem;
}

#home .app-name .domain-icon-bg {
  border-radius: 0.1rem;position:absolute;left:0.5rem;height:0.7rem;top:51%;margin-top:-0.35rem;
}

#home .app-name .app-full-name {
  position:absolute;left:1.3rem;top:0;font-size:.41rem;color: #80CD9C;
}

#home .app-name .app-user-frame {
  display: flex;place-content: center;align-items: center;position:absolute;top:50%;margin-top:-0.44rem;right:0.5rem;width:auto;height:0.88rem;line-height: 0.88rem;padding-left:0.25rem;padding-right:0.25rem;border-radius: 0.1rem;text-align: center;font-size: .373rem;background: rgba(255,255,255,0.04);color: rgba(255,255,255,0.85);
}

#home .app-name .app-user-frame .icon-nofree {
  opacity:0.65;position:relative;;width:0.44rem;height:0.44rem;
}

#home .app-name .app-user-frame .icon-free {
  position:relative;width:0.44rem;height:0.44rem;
}

#home .app-name .app-user-frame .value-text {
  position:relative;margin-left: 0.2rem;font-size: .426rem;
}

#home .app-name .app-user-frame .value-line {
  position:relative;margin-left: 0.3rem;width:1px;height: 0.5rem;background: rgba(255,255,255,0.15);
}

#home .app-name .app-user-frame .value-arrow {
  opacity:0.65;position:relative;margin-left:0.2rem;width:0.55rem;height:0.55rem;
}

#home .popmore-frame {
  position:absolute;top:0;width: 100%;height: 100%;background: #20262D;z-index: 2000;
}

#home .popmore-frame .back-frame {
  position:absolute;top:0;left:0;width:1rem;height:1.4rem;
}

#home .popmore-frame .back-frame .backbg-frame {
  position:absolute;width:0.88rem;height:0.88rem;top:50%;margin-top:-0.44rem;left:0.2rem;background: rgba(255,255,255,0.04);border-radius:0.22rem;
}

#home .popmore-frame .back-frame .backbg-frame img {
  transform:rotate(180deg);opacity:0.65;position:absolute;width:0.44rem;height:0.44rem;top:50%;margin-top:-0.22rem;left:50%;margin-left: -0.22rem;
}

#home .popmore-frame .gmenu-menu-title {
  position:absolute;top:1.7rem;width:10rem;height:1.12rem;line-height:1.12rem;font-size:.426rem;
}

#home .popmore-frame .gmenu-menu-title-line {
  position:absolute;left:0.5rem;top:50%;margin-top:-0.33rem;height:0.66rem;width: 0.1rem;border-radius: 0.1rem;background: #009B3A;
}

#home .popmore-frame .gmenu-menu-title-img {
  position:absolute;height:0.66rem;top:50%;margin-top:-0.3rem;left:0.95rem;
}

#home .popmore-frame .gmenu-menu-title-value {
  position:absolute;left:1.4rem;top:0;color: #80CD9C;font-weight:bold;
}

#home .popmore-frame .gmenu-menu-gamenum {
  position:absolute;top:50%;margin-top:-0.28rem;right:1.8rem;width:1.12rem;height:0.56rem;border-radius: 0.11rem;background: rgba(255, 255, 255, 0.08);display: flex;justify-content: center;align-items: center;font-size: 0.32rem;color: rgba(255, 255, 255, 0.85);
}

#home .popmore-app-name {
  top: 0;background: #133C2B;box-shadow: 0 2px 4px 0 rgba(0,0,0,0.25);
}

#home  .header {
  position: relative;
  font-size: .3125rem;
  font-weight: bolder;
  height: 3rem;
  color: #fff;
  box-shadow: inset 0 -1px 0 0 rgba(255,255,255,0);
  height: 5.9rem;
}

#home  .header  .left {
  width: 9rem;
  top: 0.5rem;
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  left: 0.5rem;
}

#home  .header  .left  .avatar {
  position: absolute;
  box-sizing: border-box;
  right: 0;
  width: 1.5rem;
  height: 1.5rem;
  border-radius: 0.2rem;
  overflow: hidden;
  font-size: 0;
  top: -1.1rem;
  border: 2px solid #F9C486;
  background: rgb(88,77,76);
}

#home  .header  .left  .avatar  img {
  width: 100%;
  height: 100%;
}

#home  .header  .fun {
  position: relative;
  margin-top: 0.44rem;
  left: 0.5rem;
  font-size: .24rem;
  width: 9rem;
  height: 1.6rem;
}

#home  .header  .fun .fun-item {
  position: relative;
  display: inline-block;
  width: 2.135rem;
  height: 1.5rem;
  top: 0;
  border-radius: 0.1rem;
  background: #22043C;
  margin-left: 0.14rem;
}

#home .gmenu-item {
  position:absolute;
  top:0;
  left:0.5rem;
  height:1.34rem;
  line-height: 1.34rem;
  width:5.7rem;
  background: rgba(255,255,255,0.04);
  border-radius: 0.22rem;
  color: #80CD9C;
  font-size: .32rem;
}

#home .gmenu-item-img {
  position:absolute;
  left:0.3rem;
  top:0.4rem;
  width:0.55rem;
  height:0.55rem;
}

#home .gmenu-item-gold {
  position:absolute;
  top:0;
  left:0.5rem;
  height:1.34rem;
  line-height: 1.34rem;
  width:5.7rem;
  background: #00551F;
  border-radius: 0.22rem;
  color: rgba(255,255,255,0.65);
  font-size: .32rem;
}

#home .gmenu-item-anim {
  position:absolute;
  top:0;
  left:0.5rem;
  height:1.34rem;
  line-height: 1.34rem;
  width:5.79rem;
  border-radius: 0.22rem;
  font-size: .32rem;
  background: #009B3A;
  color: rgba(255,255,255,1);
  transform: scale(0.9);
  animation: icon-scale .2s ease-in-out infinite alternate;
}

#home  .header  .fun .group-item-cur {
  position: relative;
  display: inline-block;
  padding-left: 0.3rem;
  padding-right: 0.35rem;
  height: 1.24rem;
  line-height: 1.24rem;
  top: 0;
  border-radius: 0.22rem;
  background: #009B3A;
  margin-right: 0.22rem;
}

#home  .header  .fun .group-item {
  position: relative;
  display: inline-block;
  padding-left: 0.3rem;
  padding-right: 0.35rem;
  height: 1.24rem;
  line-height: 1.24rem;
  top: 0;
  border-radius: 0.22rem;
  background: rgba(255,255,255,0.04);
  margin-right: 0.22rem;
}

#home  .header  .fun .group-item-arrow {
  position:absolute;top:1.2rem;width:0;height:0;left:50%;margin-left:-0.3rem;border-left: 0.3rem solid transparent;border-right: 0.3rem solid transparent;border-top: 0.3rem solid #009B3A;
}

#home  .header  .fun .fun-item img {
  top: 0.16rem;
  left: 50%;
  margin-left: -0.33rem;
  position: absolute;
  width: 0.66rem;
  height: 0.66rem;
}

#home  .header  .fun .fun-item .imgbg1 {
  top: 0rem;
  left: 50%;
  margin-left: -0.48rem;
  position: absolute;
  width: 0.88rem;
  height: 0.88rem;
  border-radius: 0.5rem;
  background: #164633;
  border: 0.04rem solid #FCD7A1;
}

#home  .header  .fun .fun-item .red-point {
  top: 0.1rem;
  right: 0.75rem;
  position: absolute;
  width: 0.25rem;
  height: 0.25rem;
  border-radius: 0.15rem;
  background: #FF0000;
}

#home  .header  .fun .fun-item span {
  position: absolute;
  top: 0.95rem;
  left: 0px;
  width: 100%;
  text-align: center;
  font-size: 0.32rem;
  color: rgba(255,255,255,0.45);
  font-weight: initial;
}


#home  .header  .right {
  position: absolute;
  left: 5.2rem;
  display: flex;
  font-weight: lighter;
  justify-content: center;
  align-items: center;
  font-size: .24rem;
  width: 9rem;
}

#home  .header  .right  .coin-active {
  background-color: #e05e00;
}

#home  .header  .right  .coin-normal {
  background: rgba(75,0,116,0.45);
}

#home  .header  .right  .coin-normal:active {
  opacity: 1;
}

#home  .header  .right  .btn-normal {
  background: rgba(75,0,116,0.15);
  border: 1px solid rgba(255,255,255,0.25);
  color: rgba(255,255,255,0.85);
  border-radius: 0.1rem;
  height: 1rem;
  line-height: 1rem;
  text-align: center;
  width: 4.35rem;
  font-size: 0.373rem;
}

#home  .header  .right  .btn-active {
  background: rgba(75,0,116,0.15);
  border: 1px solid rgba(255,255,255,0.25);
  color: rgba(255,255,255,0.85);
  border-radius: 0.1rem;
  height: 1rem;
  line-height: 1rem;
  text-align: center;
  width: 4.35rem;
  font-size: 0.373rem;
  opacity: 0.65;
}

#home  .main {
  overflow: hidden;
  width: 100%;
  border-top-left-radius: .0rem;
  border-top-right-radius: .0rem;
  padding-bottom: 2rem;
  position: relative;
  z-index: 998;
}

#home  .main  .panel {
  width: 92%;
  font-size: .3125rem;
  padding-left: 0.5rem;
  border-bottom: .0rem solid #f5f5f5;
}

#home  .main  .panel  .header {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 .125rem .2rem;
}

#home  .main  .panel  .header  .more {
  flex: 1;
  text-align: right;
  vertical-align: middle;
  font-size: .25rem;
}

#home  .main  .panel  .body {
  display: flex;
  flex-wrap: wrap;
}

#home  .main  .panel  .body  .item {
  padding-right: 0.2rem;
  padding-bottom: 0.2rem;
  box-sizing: border-box;
  position: relative;
  overflow: hidden;
}

#home  .main  .panel  .body  .item  img {
  vertical-align: bottom;
}

#home .top-banner-frame {
  position:relative;left:0.5rem;width:9rem;height:4.5rem;border-radius: 0.44rem;overflow: hidden;
}

#home .top-banner-frame-img {
  width:9rem;height:4.5rem;border-radius: 0.44rem;object-fit: cover;
}

#home .top-libanner-frame  {
  position:relative;margin-top:0.25rem;left:0.5rem;width:9rem;height:1.34rem;border-radius: 0.22rem;overflow: hidden;
}

#home .top-libanner-frame  .libanner1 {
  position:absolute;top:0;left:0;width:4.44rem;height:1.34rem;border-radius: 0.22rem;overflow: hidden;
}

#home .top-libanner-frame  .libanner2 {
  position:absolute;top:0;right:0;width:4.44rem;height:1.34rem;border-radius: 0.22rem;overflow: hidden;
}

#home .top-libanner-frame  .libannerbg {
  position:absolute;top:0;left:0;width:100%;height:100%;border-radius: 0.22rem;
}

#home .top-noty-bar-frame {
  position:relative;margin-top:0.25rem;left:0.5rem;width:9rem;height:1.1rem;background: rgba(255, 255, 255, 0.08);border-radius: 0.22rem;
}

#home .top-noty-bar-frame-icon {
  opacity: 0.45;position:absolute;left:0.3rem;width:0.5rem;height:0.5rem;top:50%;margin-top:-0.25rem;
}

#home .notice-swipe {
  margin-left: 0.5rem;
  height: 1.1rem;
  line-height: 1.1rem;
  font-size: .33rem;
  font-weight: initial;
  color: rgba(255,255,255,0.65);
  background: transparent;
}

#home .gpanel-more-frame {
  position:relative;height:1.2rem;line-height:1.2rem;font-size:.426rem;color: rgba(255,255,255,0.85);font-weight:bold;display: flex;justify-content: flex-start;align-items: center;
}

#home .gpanel-more-frame .group-icon-last {
  position:absolute;top:50%;margin-top:-0.33rem;height:0.66rem;
}

#home .gpanel-more-frame .group-icon-line {
  position:absolute;left:0;top:50%;margin-top:-0.33rem;height:0.66rem;width: 0.1rem;border-radius: 0.1rem;background: #009B3A;
}

#home .gpanel-more-frame .group-icon {
  position:absolute;top:50%;margin-top:-0.25rem;height:0.55rem;left:0.4rem;
}

#home .gpanel-more-frame .group-title {
  position:absolute;left:0.8rem;
}

#home .gpanel-bottom-item {
  width:3.066rem;height: 2.1rem;
}

#home .gpanel-bottom-item-content {
  width:100%;height:1.886rem;background-color:transparent;box-shadow: 0 2px 4px 0 rgba(0,0,0,0);background: rgba(255,255,255,0.04);border-radius: 0.22rem;
}

#home .gpanel-bottom-item-content img {
  position: absolute;top:50%;margin-top:-0.4415rem;left:0;border-radius:0.1rem;width:2.87rem;height: 0.883rem;
}

#home .ggame-gamenum {
  position:absolute;
  top:50%;
  margin-top:-0.28rem;
  right:2rem;
  width:1.12rem;
  height:0.56rem;
  line-height:0.56rem;
  border-radius: 0.11rem;
  background: rgba(255,255,255,0.08);
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 0.32rem;
  color: rgba(255,255,255,0.85);
}

#home .ggame-more {
  position:absolute;
  top:50%;
  margin-top:-0.33rem;
  right:0.2rem;
  width:1.6rem;
  height:0.66rem;
  line-height:1.2rem;
  border-radius: 0.11rem;
  background: rgba(255,255,255,0.04);
  display: flex;
  justify-content: center;
  align-items: center;
}

#home .ggame-more:active {
  background: #009B3A;
}

#home .ggame-more .more-type1 {
  font-size:0.32rem;color: rgba(255,255,255,0.85);
}

#home .ggame-more .more-type2 {
  font-size:0.32rem;color: rgba(255,255,255,0.45);
}

#home .ggame-more .more-arrow {
  width:0.33rem;height:0.33rem
}

#home .ggame-item-frame {
  width:3.066rem;height: 4.2rem;
}

#home .ggame-item-frame-sport {
  width: 7.6rem!important;
  height: 2.526rem!important;
}

#home .ggame-item-framemsport {
  width: 9.22rem!important;
  height: 3.068rem!important;
}

#home .ggame-item-contentmsport {
  width: 100%;
  height: 3.008rem;
  background-color: transparent;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0);
  overflow: hidden;
}

#home .ggame-item-content-sport {
  height: 2.524rem!important;
}

#home .ggame-item-content-imgmsport {
  width: 9rem!important;
  height: 2.75rem!important;
  object-fit: cover!important;
}

#home .ggame-item-content-imgsport {
  width: 7.4rem!important;
  height: 2.256rem!important;
}

#home .ggame-item-content {
  width:100%;height:4rem;background-color:transparent;box-shadow: 0 2px 4px 0 rgba(0,0,0,0);border-radius:0.1rem;
}

#home .ggame-item-content img {
  position: absolute;top:0;left:0;border-radius:0.22rem;width:2.87rem;height: 3.826rem;
}

#home .ggame-item-content-img {
  position: absolute;top:0;left:0;border-radius:0.22rem;width:2.87rem;height: 3.826rem;
}

#home .ggame-item-content-likeframe {
  position:absolute;top:0;right:0.2rem;width:1.2rem;height:1.2rem;
}

#home .ggame-item-content-likeicon {
  position:absolute;top:0.12rem;right:0.15rem;width:0.66rem;height:0.66rem;border-radius:0.4rem;background: rgba(0,0,0,0.65);
}

#home .ggame-item-content-likeicon1 {
  position:absolute!important;
  top:0.11rem!important;
  left:0.11rem!important;
  width:0.44rem!important;
  height:0.44rem!important;
}

#home .ggame-item-content-likeicon2 {
  position:absolute!important;
  top:0.11rem!important;
  left:0.11rem!important;
  width:0.44rem!important;
  height:0.44rem!important;
}

#home .ggame-gamelist-loading {
  position:relative;font-size:.4rem;width:100%;height:1rem;line-height:1rem;text-align:center;background: transparent;
}

#home .ggame-item-content span {
  position: absolute;left:0;bottom:0.5rem;line-height: 0.5rem;white-space: normal;display:block;font-size:0.32rem;color: rgba(255,255,255,0.85);width:2.87rem;text-align:center;
}

#home .ggame-loadmore-frame {
  width:10rem;position:relative;height:1rem;background: transparent;
}

#home .ggame-loadmore-frame-bg {
  display: flex;justify-content: center;align-content: center;align-items: center;width:5rem;margin-left:2.5rem;border-radius:1rem;background: rgba(255,255,255,0.04);color: rgba(255,255,255,0.65);position:absolute;font-size:.4rem;height:1rem;line-height:1rem;text-align:center;box-shadow: 0 4px 8px 0 rgba(0,0,0,0.15);
}

#home .ggame-loadmore-frame-icon {
  opacity: 0.65;margin-left:0.1rem;width:0.4rem;height:0.4rem;
}

#home .sdpromotion-line1 {
  height:0.5rem;background: transparent;
}

#home .sdpromotion-line2 {
  height:1rem;
}

#home .sdpromotion-frame-type1 {
  position:relative;font-size:.4rem;text-align:center;width:10rem;background: rgba(255,255,255,0.08);padding-top: 0.45rem;padding-bottom:0.44rem;
}

#home .sdpromotion-frame-type2 {
  position:relative;font-size:.4rem;text-align:center;width:10rem;background: rgba(255,255,255,0.08);
}

#home .sdpromotion-frame-type3 {
  position:relative;font-size:.4rem;text-align:center;width:10rem;background: rgba(255,255,255,0.08);padding-top: 0.45rem;
}

#home .sdpromotion-frame-type4 {
  position:relative;font-size:.4rem;text-align:center;width:10rem;background: rgba(255,255,255,0.08);padding-bottom:0.45rem;
}

#home .sdpromotion-content {
  width: 9rem;margin: 0rem auto;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;flex-wrap: wrap;
}

#home .div-link {
  margin:0.2rem;
  border-radius: 0.65rem;
  width:1.12rem;
  height:1.12rem;
  background: rgba(255,255,255,0.04);
}

#home .div-link:active {
  background: #FFFFFF;
}

#home .div-link-logo {
  margin:0.11rem;
  width:1.555rem;
  height:0.555rem;
}

#home .div-link-logo img {
  width:1.555rem;
  height:0.555rem;
}

#home .div-link img {
  margin-top: 0.225rem;
  width: 0.67rem;
  height: 0.67rem;
}

#home .sdpromotion-desc-content {
  position:relative;font-size:.4rem;text-align:center;width:10rem;padding-top: 0.6rem;padding-bottom:0.45rem;border-top: 1px solid rgba(255,255,255,0);background: transparent;
}

#home .sdpromotion-desc-content-name {
  width:100%;font-size:.426rem;text-align:center;height:20px;line-height:20px;color: rgba(255,255,255,0.65);
}

#home .sdpromotion-desc-content-text {
  width:9rem;margin-top:0.3rem;margin-left:0.5rem;font-size:12px;text-align:center;line-height:20px;color: rgba(255,255,255,0.45);text-align:left;white-space: pre-wrap;
}

#home .sdpromotion-desc-content-tips {
  margin-top:1rem;width:100%;font-size:12px;text-align:center;height:20px;line-height:20px;color: rgba(255,255,255,0.65);
}

#home .sdpromotion-desc-content-version {
  width:10rem;left:0.2rem;text-align:center;font-size:.3rem;color: rgba(255,255,255,0.25);z-index: 1001;
}

#home .sdpromotion-desc-content-line {
  height:1.5rem;
}

#home .more-menu-tab {
  position:absolute;top:1.7rem;width:10rem;height:1.12rem;line-height:1.12rem;font-size:.373rem;
}

#home .more-menu-tab .more-menu-item-disable {
  border: 1px solid rgba(255,255,255,0.15);border-radius:0.6rem 0 0 0.6rem;position:absolute;top:0;width:4.5rem;height:1.12rem;line-height:1.12rem;display: flex;justify-content: center;align-items: center;
}

#home .more-menu-tab .more-menu-item-disable img {
  width:0.55rem;height:0.55rem;margin-right:0.2rem;
}

#home .more-menu-tab .more-menu-item-disable span {
  color: rgba(255,255,255,0.65);
}

#home .more-menu-tab .more-menu-item-enable {
  background: #164633 ;border: 1px solid #164633 ;border-radius:0.6rem 0 0 0.6rem;position:absolute;top:0;left:0.5rem;width:4.5rem;height:1.12rem;line-height:1.12rem;display: flex;justify-content: center;align-items: center;
}

#home .more-menu-tab .more-menu-item-enable img {
  width:0.55rem;height:0.55rem;margin-right:0.2rem;
}

#home .more-menu-tab .more-menu-item-enable span {
  color: #FFFFFF;
}

#home .more-menu-tab .more-menu-item-type1 {
  border-radius:0.6rem 0 0 0.6rem;left:0.5rem;
}

#home .more-menu-tab .more-menu-item-type2 {
  border-radius:0 0.6rem 0.6rem 0;left:5rem;
}

#home .ppmore-bottom-line {
  height:7rem;
}

#home .hdialog-noty-title {
  position:relative;width:100%;height:1.5rem;text-align: center;background: rgba(255,255,255,0.04);font-size: 0.533rem;line-height: 1.5rem;color: rgba(255,255,255,0.65);
}

#home .hdialog-noty-closeicon {
  position:absolute;opacity: 0.45;top:50%;margin-top:-0.4rem;right:0.3rem;width:0.8rem;height:0.8rem;
}

#home .hdialog-noty-content {
  height:15rem;width:9rem;margin-left: 0.5rem;
}

#home .hdialog-noty-content-icon {
  position:relative;height:3.36rem
}

#home .hdialog-noty-content-icon img {
  position:absolute;top:50%;margin-top:-0.88rem;left:50%;margin-left:-0.88rem;width:1.76rem;height:1.76rem;
}

#home .hdialog-noty-content-title {
  position: relative;margin-top: -0.5rem;height: 1.2rem;width:9rem;color: #FFFFFF;text-align: center;font-size: .426rem;
}

#home .hdialog-noty-content-text {
  position: relative;flex: 1;width:100%;max-height: 40vh;overflow: scroll;
}

#home .hdialog-noty-content-text .noty-text {
  position:relative;margin-left:1rem;margin-right:1rem;font-size:.373rem;line-height: .55rem;text-align:left;word-wrap:break-word;white-space: pre-wrap;color: rgba(255,255,255,0.65);
}

#home .hdialog-noty-content-btn {
  position:relative;left:50%;margin-left:-1.6rem;width:3.2rem;height:1.1rem;border-radius: 0.22rem;background: #FFDF00;box-shadow: 0 1px 2px 0 rgba(0,0,0,0.25);text-align: center;font-size: 0.373rem;line-height: 1.1rem;color: rgba(0,0,0,0.65);
}

#home .hdialog-loginalert-title {
  position:relative;width:100%;height:1.5rem;background: rgba(255,255,255,0.04);text-align: center;font-size: 0.533rem;line-height: 1.5rem;color: rgba(255,255,255,0.65);
}

#home .hdialog-loginalert-content {
  height:12rem;width:9rem;margin-left:0.5rem;
}

#home .hdialog-loginalert-text {
  position:relative;margin-top:1rem;margin-left:1rem;width:7rem;text-align:center;font-size:.373rem;color: rgba(255,255,255,0.65);line-height: 0.6rem;
}

#home .hdialog-continue-title {
  position:relative;width:100%;height:1.5rem;background-color:rgba(0,0,0,0.04);text-align: center;font-size: 0.533rem;line-height: 1.5rem;color: rgba(0,0,0,0.65);
}

#home .hdialog-continue-icon {
  position:relative;margin-top:1rem;width:2.1rem;height:2.1rem;left:50%;margin-left:-1.05rem;
}

#home .hdialog-continue-tips1 {
  position:relative;width: 8rem;margin-top:0.5rem;margin-left:1rem;text-align:center;font-size:0.533rem;color: rgba(255,255,255,0.85);line-height: 0.6rem;
}

#home .hdialog-continue-tips2 {
  position:relative;width:8rem;text-align:center;margin-top:1rem;margin-left:1rem;font-size:.373rem;color: rgba(255,255,255,0.65);line-height: 0.6rem;
}

#home .hdialog-cslist-title {
  position:relative;width:100%;height:1.5rem;background: rgba(0,0,0,0.15);text-align: center;font-size: 0.533rem;line-height: 1.5rem;color: rgba(255,255,255,0.65);
}

#home .hdialog-cslist-title img {
  position:absolute;top:50%;margin-top:-0.4rem;opacity: 0.45;right:0.3rem;width:0.8rem;height:0.8rem;
}

#home .hdialog-cslist-content {
  position:relative;top:0;left:0;width:10rem;max-height:80vh;overflow:scroll;
}

#home .hdialog-cslist-content-item {
  position:relative;width:100%;height:3.2rem;
}

#home .hdialog-cslist-content-user {
  position:absolute;left:1rem;width:8rem;top:0.43rem;height:1.28rem;line-height: 1.28rem;
}

#home .hdialog-cslist-content-avatar {
  position:absolute;width:1.28rem;height:1.28rem;border-radius:0.1rem;
}

#home .hdialog-cslist-content-name {
  position:absolute;left:1.5rem;width:4.5rem;height:1.28rem;font-size: .426rem;color: rgba(255,255,255,0.65);
}

#home .hdialog-cslist-content-contact {
  position:absolute;left:1rem;width:8rem;bottom:0.43rem;height:0.86rem;line-height: 0.86rem;background: rgba(255,255,255,0.08);border-radius: 0.1rem;
}

#home .hdialog-cslist-content-contact .cticon {
  opacity: 0.45;position:absolute;top:0.11rem;left:0.21rem;width:0.64rem;height:0.64rem;
}

#home .hdialog-cslist-content-contact .ctname {
  position:absolute;left:1rem;width:2rem;color: rgba(255,255,255,0.45);font-size:.373rem;
}

#home .hdialog-cslist-content-contact .ctcontact {
  position:absolute;top:0;left:3.3rem;width:4.5rem;color: rgba(255,255,255,0.45);font-size:.373rem;
}

#home .hdialog-cslist-content-contact .ctline {
  position:absolute;left:3rem;top:0.16rem;width:1px;height:0.53rem;background-color:rgba(255,255,255,0.08);
}

#home .hdialog-cslist-content-contact-line {
  position:absolute;bottom:1px;left:1rem;width:8rem;height:1px;background-color:rgba(255,255,255,0.15);
}

#home .hdialog-activity-title {
  position:relative;width:100%;height:1.5rem;background: rgba(0,0,0,0.15);text-align: center;font-size: 0.533rem;line-height: 1.5rem;color: rgba(255,255,255,0.65);
}

#home .hdialog-activity-title img {
  position:absolute;top:50%;margin-top:-0.4rem;opacity: 0.45;right:0.3rem;width:0.8rem;height:0.8rem;
}

#home .hdialog-activity-content {
  position:relative;top:0.5rem;left:0;width:10rem;max-height:100vh;overflow:scroll;
}

#home .hdialog-freereg-close {
  position:absolute;top: 1.8rem;right:0.45rem;width:2.4rem;height:0.8rem;line-height: 0.8rem;border-radius: .5rem;background: #009B3A;border: 1px solid #FFB57F;
}

#home .hdialog-freereg-close img {
  position:absolute;top:50%;margin-top:-0.25rem;right:0.3rem;width:0.5rem;height:0.5rem;
}

#home .hdialog-freereg-close span {
  position:absolute;left:0.3rem;font-size: .373rem;color: rgba(255,255,255,0.65);
}

#home .hdialog-freereg-tbg {
  position: absolute;left: 0;width: 10rem;height: 12.39rem;
}

#home .hdialog-freereg-content {
  position:absolute;top:2.8rem;width:10rem;height:12.22rem;
}

#home .hdialog-freereg-content-img1 {
  position:absolute;top:0;left:0;width:10rem;
}

#home .hdialog-freereg-content-img2 {
  position:absolute;top:3.5rem;right:3.5rem;width:0.56rem;height:0.56rem;
}

#home .hdialog-freereg-content-text1 {
  position:absolute;top:3.55rem;left:3.5rem;color: #78340F;;font-size:.533rem;
}

#home .hdialog-freereg-content-text2 {
  position:absolute;top:4.1rem;left:3rem;height:2rem;line-height: 2rem;color: #78340F;font-size: 1.6rem;text-align: center;width: 4rem;font-weight: bold;
}

#home .hdialog-freereg-content-text3 {
  position:absolute;top:7.6rem;left:2.5rem;width:5rem;height:1.3rem;line-height:0.65rem;text-align:center;color: #78340F;font-size: .64rem;font-weight: bold;
}

#home .hdialog-freereg-content-text4 {
  position:absolute;top:9.2rem;left:2rem;width:6rem;line-height:0.5rem;text-align:center;color: #78340F;font-size: .373rem;
}

#home .hdialog-freereg-btn {
  color: rgb(252, 215, 161);background-image: linear-gradient(rgb(243, 154, 79) 0%, rgb(178, 89, 34) 100%);border: 2px solid #FCD7A1;position:absolute;top:15.2rem;width:5.8rem;height:1rem;line-height: 0.9rem;left:50%;margin-left:-2.9rem;border-radius: 0.61rem;text-align: center;font-size: .533rem;
}

#home .hdialog-freereg-tips {
  position:absolute;
  top:17.2rem;
  width:8rem;
  left:1rem;
  height: 1.4rem;
  line-height: 0.5rem;
  text-align: left;
  font-size: 0.373rem;
  display: flex;
  place-content: center;
  align-items: center;
  color: #FFB57F;
  background: rgba(43,22,0,0.85);
  border-radius: 0.1rem;
}

#home .hdialog-freereg-tips img {
  margin-left:0.3rem;margin-right:0.2rem;width:0.5rem;height:0.5rem;
}

#home .hdialog-freemsg-title {
  position:relative;width:100%;height:1.5rem;background-color:rgba(255,255,255,0.0);text-align: center;font-size: 0.533rem;line-height: 1.5rem;color: rgba(255,255,255,0.65);
}

#home .hdialog-freemsg-icon {
  position:relative;margin-top:1rem;width:2.1rem;height:2.1rem;left:50%;margin-left:-1.05rem;
}

#home .hdialog-freemsg-tips1 {
  position:relative;width: 8rem;margin-top:0.5rem;margin-left:1rem;text-align:center;font-size:0.533rem;color: rgba(255,255,255,0.85);;line-height: 0.6rem;
}

#home .hdialog-freemsg-tips2 {
  position:relative;width:8rem;text-align:center;margin-top:1rem;margin-left:1rem;font-size:.373rem;color: rgba(255,255,255,0.65);line-height: 0.6rem;
}

#home .hdialog-freemsg-btn {
  position: relative;
  left: 50%;
  height: 1.1rem;
  text-align: center;
  font-size: 0.373rem;
  line-height: 1.1rem;
  border-radius: 0.6rem;
  width:3.6rem;
  margin-left: -1.8rem;
  margin-top:0.4rem;
  background: #FFDF00;
  color: rgba(0, 0, 0, .65);
}

#home .hdialog-pdd-content {
  width: 10rem;height:14.59rem;display: flex;flex-flow: column;
}

#home .hdialog-pdd-content-img {
  position:absolute;width:9.4rem;height:14.59rem;left:0.3rem;
}

#home .hdialog-pdd-close {
  position:absolute;right:0.7rem;top:0.4rem;width:1rem;height:1rem;
}

#home .hdialog-pdd-tips {
  position:absolute;left:51%;margin-left:-2.5rem;top:10.5rem;width:5rem;font-size: .4rem;font-weight: bold;color:#78340F;line-height: 0.6rem;
}

#home .hdialog-pdd-btn {
  color: #FCD7A1;font-weight: bold;background-image: linear-gradient(#F39A4F 0%, #78340F 100%);border: 2px solid #FCD7A1;position:absolute;top:12.85rem;width:3.4rem;height:0.88rem;line-height: 0.88rem;left:50%;margin-left:-1.7rem;border-radius: 0.61rem;text-align: center;font-size: .38rem;box-shadow: 0 8px 12px 0 rgba(120,52,15,0.45);
}

#home .hdialog-firstrch-content {
  position:absolute;left:50%;width:8.4rem;height:14rem;margin-left:-4.2rem;background-image: linear-gradient(180deg, #FEFCE1 0%, #DA8D4E 100%);box-shadow: 0 -2px 8px 0 rgba(43,22,0,0.25);border-radius: 0.4rem;
}

#home .hdialog-firstrch-text1 {
  position: absolute;top:0;left:0;width:100%;color: #78340F;font-size:.533rem;font-weight: bolder;line-height: 0.6rem;text-align: center;
}

#home .hdialog-firstrch-text2 {
  position: absolute;top:0;left:0;width:100%;color: #78340F;font-size:.373rem;font-weight: bolder;line-height: 0.45rem;text-align: center;
}

#home .hdialog-firstrch-text3 {
  position: absolute;top:0;left:0;width:100%;color: #78340F;font-size:.373rem;font-weight: bolder;line-height: 0.6rem;text-align: center;
}

#home .hdialog-firstrch-text4 {
  color: #78340F;font-size:.533rem;text-align: center;margin-top:0.6rem;
}

#home .hdialog-firstrch-text5 {
  color: #78340F;font-size:1.7rem;font-weight: bold;
}

#home .hdialog-firstrch-btn {
  color: rgba(255,255,255,0.85);background-image: linear-gradient(rgb(243, 154, 79) 0%, rgb(178, 89, 34) 100%);border: 2px solid #FCD7A1;box-shadow: 0 8px 12px 0 rgba(120,52,15,0.45);position:absolute;top:11.7rem;width:4.2rem;height:1rem;line-height: 0.95rem;left:50%;margin-left:-2.1rem;border-radius: 0.61rem;text-align: center;font-size: .426rem;
}

#home .rain-time {
  position:absolute;
  width: 2.7rem;
  height: 0.6rem;
  line-height: 0.6rem;
}

#home .rain-time img {
  position: absolute;
  opacity: 0.65;
  top: 50%;
  margin-top:-0.165rem;
  left: 0rem;
  width: 0.32rem;
  height: 0.32rem;
}

#home .rain-time span {
  position: absolute;
  left: 0.36rem;
  color: rgb(252, 215, 161);
  font-size: 0.33rem;
  line-height: 0.6rem;
}

#home  .chat-button {
  position: absolute;
  right: 0;
  top: 0.15rem;
  width: 1.5rem;
  height: 0.9rem;
  line-height: 0.9rem;
  text-align: center;
  background: #009B3A;
  color: rgba(255,255,255,0.85);
  border-radius: 0.22rem;
  font-size: .35rem;
}

#home  .chat-button:active {
  background: #91AA9D;
}

#home  .hdialog-btn-continue {
  position: relative;
  left: 50%;
  margin-left: -3.5rem;
  width: 7rem;
  height: 1.1rem;
  background: #FFDF00;
  text-align: center;
  font-size: 0.373rem;
  line-height: 1.1rem;
  color: rgba(0,0,0,0.65);
  border-radius: 0.22rem;
  margin-top:0.5rem;
  box-shadow: 0 1px 2px 0 rgba(0,0,0,0.25);
}

#home  .hdialog-btn-cancel {
  position: relative;
  left: 50%;
  margin-left: -3.5rem;
  width: 7rem;
  height: 1.1rem;
  background: rgba(255,255,255,0.15);
  text-align: center;
  font-size: 0.373rem;
  line-height: 1.1rem;
  color: rgba(255,255,255,0.85);
  border-radius: 0.22rem;
  margin-top:0.4rem;
  box-shadow: 0 1px 2px 0 rgba(0,0,0,0.25);
}

#home  .menu-item-cell {
  position: absolute;
  width: 100%;
  height: 1.2rem;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  background: transparent;
}

#home  .menu-item-cell  .title {
  position: absolute;
  right: 1.2rem;
  height: 1.2rem;
  line-height: 1.2rem;
  font-size: 0.373rem;
  text-align: right;
  color: white;
}

#home  .menu-item-cell-active {
  position: absolute;
  width: 100%;
  height: 1.2rem;
  border-top: 0px solid rgba(255, 255, 255, 0.1);
  background: #e05e00;
}

#home  .menu-item-cell-active  .title {
  position: absolute;
  right: 1.2rem;
  height: 1.2rem;
  line-height: 1.2rem;
  font-size: 0.373rem;
  text-align: right;
  color: white;
}

#home  .menu-item-img {
  position: absolute;
  width: 0.5rem;
  height: 0.5rem;
  top: 50%;
  margin-top: -0.25rem;
  right: 0.35rem;
}

#home .menu-float-frame {
  position:fixed;
  z-index: 1999;
  right:0;
  bottom: 100vh;
  width: 2.3rem;
  display: flex;
  flex-wrap: wrap;
}

#home .menu-float-item {
  position: relative;
  width: 2.2rem;
  height: 2.2rem;
  margin-top: 0.44rem;
}

#home .menu-float-item:first-child {
  margin-top: 0;
}

#home .menu-float-item-img {
  position: absolute;
  width: 2.2rem;
  height: 2.2rem;
}

#home  .menu-button {
  position: fixed;
  z-index: 1999;
  right: 0.4rem;
  background-color: #35373F;
  border-radius: 0.6rem;
  width: 1.2rem;
  height: 1.2rem;
  overflow: hidden;
}

#home  .menu-button-left {
  background-color: rgba(0, 0, 0, 0)!important;
  overflow: unset!important;
  left: 0.7rem!important;
  right: unset!important;
}

#home  .menu-button-active {
  position: fixed;
  z-index: 1999;
  right: 0.4rem;
  background-color: #e05e00;
  border-radius: 0.6rem;
  width: 1.2rem;
  height: 1.2rem;
  overflow: hidden;
}

#home  .btn-nologin {
  position: relative;
  left: 50%;
  margin-left: -1.6rem;
  width: 3.2rem;
  height: 1.1rem;
  background: #FFDF00;
  text-align: center;
  font-size: 0.373rem;
  line-height: 1.1rem;
  color: rgba(0,0,0,0.65);
  border-radius: 0.22rem;
  opacity: 1;
}

#home  .btn-nologin:active {
  opacity: 0.5;
}

#home  .btn-nologin-cancel {
  position: relative;
  margin-left: -1.6rem;
  width: 3.2rem;
  height: 1.1rem;
  text-align: center;
  font-size: 0.373rem;
  line-height: 1.1rem;
  border-radius: 0.22rem;
  opacity: 1;
  left: 71%;
  margin-top: -1.1rem;
  background: rgba(255,255,255,0.15);
  color: rgba(255,255,255,0.85);
}

#home  .btn-nologin-cancel:active {
  opacity: 0.5;
}

#home  .cover-white {
  position: fixed;
  top: 100vh;
  height: 100vh;
  width: 10rem;
  z-index: 2000;
  background: #012776;
}

#home  .top-user-panel {
  position: fixed;
  top:1.4rem;
  right: 0.45rem;
  width: 5.5rem;
  height: 5rem;
  background: transparent;
  font-size: 0.373rem;
  border-radius: 0.1rem;
}

#home  .top-user-panel-arrow {
  position:absolute;right:0.35rem;width: 0;height: 0;border-left: 0.3rem solid transparent;border-right: 0.3rem  solid transparent;border-bottom: 0.3rem  solid #EEEFF1;
}

#home  .top-user-panel-body {
  position:absolute;top:0.25rem;left:0;width:100%;height:4.7rem;background: #EEEFF1;border-radius: 0.22rem;box-shadow: 0 2px 4px 0 rgba(0,0,0,0.08);border: 1px solid rgba(0,0,0,0.05);
}

#home .top-user-panel-avatarframe {
  position:absolute;top:0.5rem;left:0.4rem;width:0.66rem;height:0.66rem;border: 2px solid #f9c486;border-radius: 0.1rem;
}

#home .top-user-panel-avatarimg {
  position:absolute;top:0;left:0;width:100%;height:100%;
}

#home .top-user-panel-name {
  position:absolute;top:0.5rem;left:1.4rem;width:3.73rem;height:0.72rem;line-height:0.72rem;border-radius: 0.35rem;font-size: 0.373rem;color: rgba(0,0,0,0.85);background: rgba(0,0,0,0.04);
}

#home .top-user-panel-userid {
  position:absolute;top:1.3rem;left:1.4rem;width:3rem;height:0.66rem;line-height:0.66rem;border-radius: 0.35rem;font-size: 0.32rem;color: rgba(0,0,0,0.65);background: rgba(0,0,0,0.04);
}

#home .top-user-panel-userid .idspan {
  margin-left:0.2rem;color: rgba(0,0,0,0.25);
}

#home .top-user-panel-copyimg {
  position:absolute;top:0.11rem;left:0.11rem;width:0.44rem;height:0.44rem;
}

#home .top-user-panel-coin {
  position:absolute;width:4.7rem;top:2.2rem;left:0.4rem;height:1rem;line-height: 1rem;background: #FFFFFF;border-radius: 0.1rem;
}

#home .top-user-panel-coinimg {
  position:absolute;width:0.5rem;height:0.5rem;top:50%;left:0.2rem;margin-top:-0.25rem;
}

#home .top-user-panel-cointext1 {
  position:absolute;left:0.8rem;color: rgba(0,0,0,0.45);font-size: .346rem;
}

#home .top-user-panel-cointext2 {
  position:absolute;left:0.8rem;color: rgba(0,0,0,0.45);font-size: .3rem;
}

#home .top-user-panel-cointext3 {
  position:absolute;right:0.3rem;color:black;font-size: .373rem;text-align: right;font-weight: bold;
}

#home .top-user-panel-level {
  position:absolute;width:4.7rem;top:3.5rem;left:0.4rem;height:1rem;line-height: 1rem;
}

#home .top-user-panel-levelimg {
  position:absolute;top:0;left:0;width:0.88rem;height:0.88rem;
}

#home .top-user-panel-level-line {
  position:absolute;top:0.2rem;left:1.1rem;width:1px;height:0.6rem;background: #FFFFFF;
}

#home .top-user-panel-vipicon {
  position:absolute;top:50%;margin-top:-0.33rem;left:1.35rem;width:0.66rem;height:0.66rem;
}

#home .top-user-panel-viptext {
  position:absolute;top:50%;margin-top:-0.25rem;left:2rem;height: 0.5rem;line-height: 0.5rem;width:0.5rem;border-radius:2px;text-align: center;color:#FFFFFF;font-size: 0.346rem;background-image: linear-gradient(135deg, #FCD7A1 0%, #D17836 100%);
}

#home  .agent-cover {
  z-index: 9999;
  position: fixed;
  width: 10rem;
  height: 100vh;
  bottom: 1.5rem;
  background-color: rgba(0, 0, 0, 0);
}

#home  .agent-panel {
  position: fixed;
  bottom: 1.4rem;
  right: 0.45rem;
  width: 4rem;
  background: #164633;
  font-size: 0.373rem;
  box-shadow: 0 2px 4px 0 rgba(0,0,0,0.08);
  border-radius: 0.1rem;
  border: 1px solid rgba(0,0,0,0.05);
}

#home  .agent-panel-top {
  position:relative;
  border-radius: 0.2rem;
  height:0.6rem;
  background: #164633;
  box-shadow: inset 0 -1px 0 0 rgba(0,0,0,0.04);
}

#home  .agent-panel-bottom {
  border-top: 1px solid rgba(255,255,255,0.05);position:relative;height:0.6rem;background: #164633;border-radius: 0rem;box-shadow: inset 0 -1px 0 0 rgba(0,0,0,0.04);
}

#home  .agent-panel-bottom img {
  opacity: 0.45;;transform: rotate(90deg);position:absolute;top:50%;margin-top: -0.2rem;left:50%;margin-left:-0.2rem;width:0.4rem;height: 0.4rem;
}

#home  #tab-bar-home  .item-normal {
  background: #22043C;
  color: rgba(255,255,255,0.65);
  border-top: 1px solid rgba(255, 255, 255, 0.05);
}

#home  #tab-bar-home  .item-active {
  background: rgba(255,255,255,0.08);
  color: #FFFFFF;
}

#home  #tab-bar-home  .item-normal:active {
  background: rgba(255,255,255,0.08);
  color: #FFFFFF;
}

#home  #tab-bar-home-bg {
  width: 10rem;
  height: 2.222rem;
  position: fixed;
  left: 0;
  top: 80vh;
  right: 0;
  z-index: 2000;
}

#home  #tab-bar-home {
  width: 10rem;
  height: 2.222rem;
  position: fixed;
  left: 0;
  top: 80vh;
  right: 0;
  z-index: 2000;
  display: flex;
}

#home  .tab-bar-home-unread-gift {
  position:absolute;top:6%;margin-left:60%;width:0.3rem;height:0.3rem;border-radius:100%;background: #ee0a24;
}

#home  .tab-bar-home-unread-msg {
  position:absolute;top:-2%;left:0.95rem;font-size: .3rem;border: 1px solid #ee0a24;
}

#home  #tab-bar-home  .tab-item {
  width:1.77rem;
  height:1.33rem;
  position:absolute;
  top:63%;
  margin-top:-0.665rem;
}

#home  #tab-bar-home  .tab-item  img {
  width: 100%;
}

#home  #tab-bar-home  .tab-item  .img-click {
  background-image: linear-gradient(180deg, #FFB57F 0%, #E05E00 100%);
  border-radius: 0.6rem;
}

#home  .top-cell {
  position: relative;
  width: 10rem;
  flex: 1;
  overflow: scroll;
}

#home  .top-cell  .item {
  position: relative;
  width: 100%;
  height: 1.5rem;
  font-size: .4rem;
}

#home  .top-cell  .item  .left {
  position: absolute;
  left: 0;
  width: 5rem;
  height: 100%;
  display: flex;
  flex-flow: column;
}

#home  .top-cell  .item  .center {
  position: absolute;
  right: 1.8rem;
  width: 2.8rem;
  height: 100%;
}

#home  .top-cell  .item  .right {
  position: absolute;
  right: 0;
  width: 2.5rem;
  height: 100%;
}

.pop-gift-item {
  position:relative;width:100%;height:3.12rem;
}

.pop-gift-item .gift-title {
  position:absolute;top:0;left:0.5rem;width:9rem;height:0.666rem;line-height:0.666rem;color: rgba(255,255,255,0.85);font-size: .426rem;
}

.pop-gift-item .git-fun-item {
  position:absolute;top:0.7rem;left:0.5rem;width:9.1rem;height:2.222rem;overflow: hidden;
}

.pop-gift-item .git-fun-item .left{
  position:absolute;top:0;left:0;width:1.555rem;height:2.222rem;background-image: linear-gradient(135deg, #FCD7A1 0%, #D17836 100%);box-shadow: 0 4px 8px 0 rgba(0,0,0,0.25);border-radius: 0.222rem;
}

.pop-gift-item .git-fun-item .left img{
  top: 50%;
  left: 50%;
  margin-left: -0.444rem;
  margin-top: -0.444rem;
  position: absolute;
  width: 0.888rem;
  height: 0.888rem;
}

.pop-gift-item .git-fun-item .left .imgbg1 {
  top: 50%;
  left: 50%;
  margin-left: -0.57rem;
  margin-top: -0.55rem;
  position: absolute;
  width: 1.1rem;
  height: 1.1rem;
  border-radius: 0.6rem;
  background: #164633;
  border: 0.04rem solid #FCD7A1;
}

.pop-gift-item .git-fun-item .left .red-point {
  top: 0.55rem;
  right: 0.3rem;
  position: absolute;
  width: 0.3rem;
  height: 0.3rem;
  border-radius: 0.2rem;
  background: #FF0000;
}

.pop-gift-item .git-fun-item .right {
  position:absolute;right:0;top:0;width:7.333rem;height:2.222rem;
}

.pop-gift-item .git-fun-item img {
  position:absolute;top:0;left:0;width:100%;height:100%;border-radius: 0.15rem;
}

#home .home-chat-icon {
  position:absolute;width:1.2rem;height:1.2rem;right:0;border-radius: 0.6rem; background: #FFDF00;box-shadow: 0 2px 4px 0 rgba(0,0,0,0.08);
}

.sdhome-upgrade-page {
  position: fixed;
  width: 100%;
  height: 100vh;
  overflow: auto;
  background: #FFFFFF!important;
}

.sdhome-upgrade-page-icon {
  position: relative;
  margin-top: 15vh;
  width: 6.6rem;
  height: 6.6rem;
  left: 50%;
  margin-left: -3.3rem;
}

.sdhome-upgrade-page-title {
  position: relative;
  margin-top: 0.6rem;
  width: 100%;
  font-size: .533rem;
  color: #000000;
  text-align: center;
}

.sdhome-upgrade-page-message {
  position: relative;
  margin-top: 0.6rem;
  left: 15%;
  width: 70%;
  font-size: .373rem;
  color: rgba(0,0,0,0.85);
  text-align: center;
  line-height: 0.6rem;
}

.sdhome-upgrade-page-cs {
  position:absolute;
  width:1.2rem;
  height:1.2rem;
  right:0;
  border-radius: 0.6rem;
  background: rgba(0,0,0,0.06);
}

.sdhome-upgrade-page-csicon {
  position: absolute;
  width: 0.78rem;
  height: 0.78rem;
  top: 50%;
  margin-top: -0.39rem;
  right: 50%;
  margin-right:-0.39rem;
}

.sdhome-upgrade-page-cspoint {
  position:absolute;
  width:0.22rem;
  height:0.22rem;
  background: #6DD400;
  border: 1px solid rgba(255,255,255,1);
  top:0.2rem;
  right: 0.2rem;
  border-radius: 0.2rem;
}


.sdhome-groupmenu-icon {
  position:relative;top:0.1rem;width:0.44rem;height:0.44rem;margin-right: 0.06rem;
}

.sdhome-groupmenu-icon-disable {
  position:relative;top:0.1rem;opacity:1;width:0.44rem;height:0.44rem;margin-right: 0.06rem;
}

.sdhome-groupmenu-span {
  position:relative;font-size: .32rem;color: #FFFFFF;
}

.sdhome-groupmenu-span-disable {
  position:relative;font-size: .32rem;color: rgba(255,255,255,0.45);
}

.sdhome-moremenu-frame {
  top: 2.85rem !important;
  right: 1.2rem !important;
  width: 3.78rem !important;
  height: auto !important;
}

.sdhome-moremenu-frame-arrow {
  position:absolute;right:-0.4rem;width: 0;height: 0;border-left: 0.3rem solid transparent;border-right: 0.3rem  solid transparent;border-bottom: 0.3rem  solid #00260E;
}

.sdhome-moremenu-frame-content {
  position:absolute;top:0.25rem;left:0;width:4.44rem;height:70vh;background: #00260E;border-radius: 0.22rem;box-shadow: 0 2px 4px 0 rgba(0,0,0,0.08);border: 1px solid rgba(0,0,0,0.05);
  overflow-x: hidden;
  overflow-y: scroll;
}

.sdhome-moremenu-frame-content-top {
  position:relative;left:0.22rem;width:3.34rem;height:0.22rem;
}

.sdhome-moremenu-frame-content-item {
  position:relative;left:0.22rem;width: 4rem;height:1.2rem;overflow: hidden;
}

.sdhome-moremenu-frame-content-item .item-bg {
  position:absolute;top:0;left:0;width:100%;height:1.12rem;line-height:1.12rem;border-radius: 0.1rem;font-size: .32rem;display: flex;justify-content: center;align-items: center;
}

.sdhome-moremenu-frame-content-item .item-img {
  height:0.66rem;
}

.sdhome-moremenu-frame-content-item .item-img-disable {
  opacity: 1;height:0.66rem;
}

.sdhome-moremenu-frame-content-item .item-name {
  position:absolute;left:0.8rem;
}

.sdhome-moremenu-frame-content-bottom {
  position:relative;left:0.22rem;width:3.34rem;height:0.1rem;
}

.anim-btn-icon-fun {
  background: #009B3A;
  color: rgba(255,255,255,1);
  transform: scale(0.9);
  animation: icon-scale .2s ease-in-out infinite alternate;
}

.more-menu-normal {
  background: rgba(255,255,255,0.02);
  color: rgba(255,255,255,0.45);
}

.more-menu-active {
  background: #009B3A;
  color: #FFFFFF;
}

.fun-normal {
  background: rgba(255,255,255,0.04);
  color: rgba(255,255,255,0.45);
}

.sdhome-leftmenu-frame {
  position:absolute;
  top: 0;
  width: 100%;
  height: 100%;
  background: transparent;
  z-index: 2002;
}

.sdhome-leftmenu-frame .lright-frame {
  position:absolute;top:0;left:6.66rem;width:3.34rem;height: 100%;
}

.sdhome-leftmenu-frame .ltop-frame {
  position:absolute;top:0;left:0;width:100%;width:6.66rem;height:1.25rem;background: #00260E;box-shadow: 0 2px 4px 0 rgba(0,0,0,0.25);z-index:2000;
}

.sdhome-leftmenu-frame .ltop-frame-back {
  position:absolute;top:0;left:0;width:1rem;height:1.25rem;background: rgba(255,255,255,0.04);box-shadow: inset -1px 0 0 0 rgba(255,255,255,0.04);
}

.sdhome-leftmenu-frame .ltop-frame-back-img {
  transform: rotate(180deg);position:absolute;width:0.55rem;height:0.55rem;top:50%;margin-top:-0.275rem;left:50%;margin-left: -0.275rem;
}

.sdhome-leftmenu-frame .ltop-frame-logo {
  border-radius: 0.1rem;position:absolute;right:0.5rem;height:0.7rem;top:50%;margin-top:-0.35rem;
}

.sdhome-leftmenu-frame .lcontent-frame {
  margin-top: 1.25rem;
  width: 6.66rem!important;
  background: #00260E;
}

.sdhome-leftmenu-frame .lgroup-item-frame {
  position:relative;
  width: 100% !important;;
  padding-left:0 !important;
}

.sdhome-leftmenu-frame .lgroup-item-content {
  position:relative;
  left:0.5rem;
  height:1.34rem;
  line-height:1.34rem;
  font-size:.426rem;
  color:rgba(255,255,255,0.45);
  font-weight:bold;
  display: flex;
  width: 5.6rem;
  justify-content: center;
  align-items: center;
  border-radius: 0.22rem;
  overflow: hidden;
}

.sdhome-leftmenu-frame .lgroup-item-content .bg-click {
  position: absolute;
  background: #009B3A;
  top: 0.07rem;
  left: 0rem;
  height: 1.2rem;
  border-radius: 0.22rem;
  width: 5.6rem;
}

.sdhome-leftmenu-frame .lgroup-item-content .bg-normal {
  position: absolute;
  background: rgba(255, 255, 255, 0.02);
  top: 0.07rem;
  left: 0rem;
  height: 1.2rem;
  border-radius: 0.22rem;
  width: 5.6rem;
}

.sdhome-leftmenu-frame .lgroup-item-content .licon-normal {
  opacity:1;height:0.66rem;z-index: 2;
}

.sdhome-leftmenu-frame .lgroup-item-content .licon-click {
  height:0.66rem;z-index: 2;
}

.sdhome-leftmenu-frame .lgroup-item-content .lgroup-name {
  position:absolute;left:0.8rem;font-size:.32rem
}

.sdhome-leftmenu-frame .lline1 {
  position:relative;height:1px;width:100%;background: rgba(255,255,255,0.04);
}

.sdhome-leftmenu-frame .lspace1 {
  position:relative;height:0.44rem;width:100%;
}

.sdhome-leftmenu-frame .lact-item {
  width:2.9rem !important;
  height: 1.7rem !important;
}

.sdhome-leftmenu-frame .lact-item-content {
  width:2.8rem;
  height:1.56rem;
  box-shadow: 0 2px 4px 0 rgba(0,0,0,0);
  border-radius: 0.22rem;
}

.sdhome-leftmenu-frame .lact-item-content .cicon-click {
  position: absolute;top:0.3rem;left:1.12rem;width:0.55rem;height: 0.55rem;
}

.sdhome-leftmenu-frame .lact-item-content .cicon-normal {
  opacity:0.45;position: absolute;top:0.3rem;left:1.12rem;width:0.55rem;height: 0.55rem;
}

.sdhome-leftmenu-frame .lact-item-content .activity-name {
  position:absolute;top:1rem;width:2.8rem;font-size: 0.32rem;text-align: center;
}

.sdhome-leftmenu-frame .lact-item-content .activity-unread {
  position:absolute;top:0.3rem;left:1.5rem;width:0.22rem;height:0.22rem;background:#F12D4C;border-radius:0.3rem;
}


.sdhome-leftmenu-frame .lspace2 {
  position:relative;height:0.24rem;width:100%;
}

.sdhome-leftmenu-frame .lline2 {
  position:relative;height:1px;width:100%;background: rgba(255,255,255,0.04);
}

.sdhome-leftmenu-frame .lspace3 {
  position:relative;height:0.44rem;width:100%;
}

.sdhome-leftmenu-frame .lrecord-item {
  position:relative;height:1.5rem;width:100%;
}

.sdhome-leftmenu-frame .lrecord-item .rtext-normal {
  position:absolute;left:1.1rem;
}

.sdhome-leftmenu-frame .lrecord-item .rtext-click {
  position:absolute;left:1.1rem;color:#FFFFFF;
}

.sdhome-leftmenu-frame .lmedia-item-content {
  width:2.8rem;height:1.34rem;line-height:1.34rem;box-shadow: 0 2px 4px 0 rgba(0,0,0,0);border-radius: 0.22rem;
}

.sdhome-leftmenu-frame .lmedia-item-content-icon {
  position: absolute;top:0.4rem;left:0.3rem;width:0.55rem;height: 0.55rem;
}

.sdhome-leftmenu-frame .lmedia-item-content-name {
  position:absolute;top:0;left:1rem;width:2.8rem;font-size: 0.32rem;text-align: left;
}

.sdhome-leftmenu-frame .lbottom-space {
  position:relative;height:2.5rem;width:100%;
}


.sdticket-bg {
  position:absolute;top:0;left:0;width:10rem;
}

.sdticket-top-frame {
  position: relative;
  margin-top: 0;
  left: 0;
  width: 10rem;
  border-radius: 0.2rem;
  height: 14rem;
}

.sdticket-top-jackpot {
  position:absolute;
  top:0;
  left:0;
  width:10rem;
  height:10rem;
}

.sdticket-top-jackpot-text {
  position:absolute;
  top:0;
  left:0;
  width:10rem;
  height:10rem;
}

.sdticket-top-jackpot img {
  position:absolute;
  top: -0.8rem;
  left: 0;
  width: 10rem;
}

.sdticket-top-jackpot-span {
  position:absolute;top:4.1rem;left: 1.1rem;width:8rem;height:2rem;line-height: 2rem;font-size: 0.88rem;text-align: center;
  color: #FFEDE0;
  font-weight: bold;
  text-shadow: 5px 5px 4px #610097;
  /* -webkit-text-stroke: 1px #A400FF;
  text-stroke: 1px #A400FF;  */
}


.sdticket-bottom-jackpot {
  position:absolute;
  top:6.4rem;
  left:0;
  width:10rem;
  height: 7rem;
}

.sdticket-bottom-jackpot-bg {
  position:absolute;
  top: 6.4rem;
  left: 0.1rem;
  width: 9.8rem;
}

.sdticket-bottom-jackpot-title {
  position:absolute;
  top:0.8rem;
  height: 1rem;
  line-height: 1rem;
  width: 100%;
  color: #FFEE00;
  text-shadow: 0 2px 0 #610097;
  text-align: center;
  font-size: .533rem;
  font-weight: bold;
}

.sdticket-bottom-jackpot-frame1 {
  position:absolute;
  top: 1.7rem;
  left: 0rem;
  width: 10rem;
  height: 0.88rem;
}

.sdticket-bottom-jackpot-frame1-bg {
  position:absolute;
  top: 0;
  left: 1.02rem;
  width: 7.7rem;
  height: 0;
  border-top-left-radius: 0.4rem;
  border-top-right-radius: 0.4rem;
  border-bottom-left-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
  border-bottom: 0.88rem solid rgba(0,0,0,0.25);
  border-left: 0.15rem solid transparent;
  border-right: 0.15rem solid transparent;
}

.sdticket-bottom-jackpot-frame1-content {
  position:absolute;
  top: 0;
  left: 1.3rem;
  width: 7.4rem;
  height: 0.88rem;
  line-height: 0.88rem;
  color: rgba(255,255,255,0.65);
  font-size: .32rem;
}

.sdticket-bottom-jackpot-conent-title {
  position: absolute;
  top: 0;
  left: 0;
}

.sdticket-bottom-jackpot-conent-day {
  color: #FFFFFF;
}

.sdticket-bottom-jackpot-conent-tips {
  position: absolute;
  top:50%;
  right: 0;
  width:0.56rem;
  height:0.56rem;
  margin-top: -0.28rem;
  background: rgba(0,0,0,0.45);
  border-radius: 0.3rem;
}

.sdticket-bottom-jackpot-conent-tips img {
  position:absolute;
  top: 50%;
  left: 50%;
  width: 0.44rem;
  height: 0.44rem;
  margin-top: -0.22rem;
  margin-left: -0.22rem;
}

.sdticket-bottom-jackpot-conent-value1 {
  position: absolute;
  top:0;
  right:0.88rem;
  color: #FFFFFF;
  font-size: .373rem;
  text-align: right;
}

.sdticket-bottom-jackpot-conent-value2 {
  position: absolute;
  top:0;
  right:0.1rem;
  color: #FFEE00;
  font-size: .533rem;
  text-align: right;
}

.sdticket-bottom-jackpot-conent-value2-unit {
  color: rgba(255,255,255,0.65);
  font-size: .42rem;
}

.sdticket-bottom-jackpot-frame2 {
  position:absolute;
  top: 2.65rem;
  left: 0;
  width: 10rem;
  height: 0.88rem;
}

.sdticket-bottom-jackpot-frame2-bg {
  position:absolute;
  top: 0;
  left: 0.88rem;
  width: 7.95rem;
  height: 0;
  border-top-left-radius: 0.4rem;
  border-top-right-radius: 0.4rem;
  border-bottom-left-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
  border-bottom: 0.88rem solid rgba(0,0,0,0.25);
  border-left: 0.15rem solid transparent;
  border-right: 0.15rem solid transparent;
}

.sdticket-bottom-jackpot-frame2-content {
  position:absolute;
  top: 0;
  left: 1.3rem;
  width: 7.4rem;
  height: 0.88rem;
  line-height: 0.88rem;
  color: rgba(255,255,255,0.65);
  font-size: .32rem;
}

.sdticket-bottom-jackpot-frame3 {
  position:absolute;
  top: 3.6rem;
  left: 0;
  width: 10rem;
  height: 0.88rem;
}

.sdticket-bottom-jackpot-frame3-bg {
  position:absolute;
  top: 0;
  left: 0.75rem;
  width: 8.2rem;
  height: 0;
  border-top-left-radius: 0.4rem;
  border-top-right-radius: 0.4rem;
  border-bottom-left-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
  border-bottom: 0.88rem solid rgba(0,0,0,0.25);
  border-left: 0.15rem solid transparent;
  border-right: 0.15rem solid transparent;
}

.sdticket-bottom-jackpot-frame3-content {
  position:absolute;
  top: 0;
  left: 1.3rem;
  width: 7.4rem;
  height: 0.88rem;
  line-height: 0.88rem;
  color: rgba(255,255,255,0.65);
  font-size: .32rem;
}

.sdticket-bottom-jackpot-frame4 {
  position:absolute;
  top: 4.55rem;
  left: 0;
  width: 10rem;
  height: 1rem;
}

.sdticket-bottom-jackpot-frame4-bg {
  position:absolute;
  top: 0;
  left: 0.62rem;
  width: 8.45rem;
  height: 0;
  border-top-left-radius: 0.4rem;
  border-top-right-radius: 0.4rem;
  border-bottom-left-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
  border-bottom: 1rem solid rgba(0,0,0,0.25);
  border-left: 0.15rem solid transparent;
  border-right: 0.15rem solid transparent;
}

.sdticket-bottom-jackpot-frame4-content {
  position:absolute;
  top: 0;
  left: 1.3rem;
  width: 7.4rem;
  height: 1rem;
  line-height: 1rem;
  color: rgba(255,255,255,0.65);
  font-size: .32rem;
}

.sdticket-bottom-jackpot-claim {
  position:absolute;
  top: 5.3rem;
  left:50%;
  margin-left:-1.3rem;
  width:2.6rem;
  height:2.6rem;
  line-height: 2.1rem;
  border-radius: 1rem;
  /* background-image: linear-gradient(135deg, #FFF5E0 0%, #FCD7A1 34%, #FFAF00 69%, #FFEBBF 100%);
  box-shadow: 0 2px 0 0 #B25922, 0 4px 4px 0 rgba(75,0,116,0.65), inset 0 1px 1px 0 rgba(255,255,255,0.85), inset 0 0 2px 0 #7800BB; */
}

.sdticket-bottom-jackpot-claim img {
  position:absolute;
  top:0;
  left: 0;
  width: 100%;
}

.sdticket-bottom-jackpot-claim span {
  position:absolute;
  top:0;
  left: 0;
  width: 100%;
  text-align: center;
  color: #FCD7A1;
  font-size: .32rem;
  text-shadow: 0 1px 0 #78340F;
}

.sdticket-bottom-jackpot-claim-spandisable {
  color: rgba(255, 255, 255, .45)!important;
  text-shadow: unset!important;
}

.sdticket-tickets-header {
  position: relative;
  left: 0.5rem;
  width: 9rem;
  height: 2.6rem;
}

.sdticket-tickets-header-img1 {
  position:absolute;top:0.6rem;left:50%;width:9rem;margin-left:-4.5rem;
}

.sdticket-tickets-header-img2 {
  position:absolute;top:0;left:50%;width:6.14rem;margin-left:-3.07rem;
}

.sdticket-tickets-header-left {
  position:absolute;top: 1.4rem;left:0.3rem;width:4rem;height: 0.88rem;border-radius: 0.22rem;border: 1px dashed rgba(255,255,255,0.45);
  display: flex;align-items: center;justify-content: center;
  color: #FFFFFF;font-size: .373rem;
}

.sdticket-tickets-header-right {
  position:absolute;top: 1.4rem;right:0.3rem;width:4rem;height: 0.88rem;border-radius: 0.22rem;border: 1px dashed rgba(255,255,255,0.45);
  display: flex;align-items: center;justify-content: center;
  color: #FFFFFF;font-size: .373rem;
}

.sdticket-tickets-header-content {
  position:absolute;top: 1.4rem;left:0.3rem;width:8.35rem;height: 0.88rem;border-radius: 0.5rem;border: 1px dashed rgba(255,255,255,0.45);
  display: flex;align-items: center;justify-content: center;
  color: #FFFFFF;font-size: .373rem;
}

.sdticket-tickets-header-content-item {
  display: flex;align-items: center;justify-content: center;
  width:2.783rem;height:100%;
}

.sdticket-tickets-header-icon1 {
  width: 0.66rem;height: 0.66rem;margin-right: 0.1rem;
}

.sdticket-tickets-header-icon2 {
  width: 0.66rem;height: 0.66rem;margin-left: 0.1rem;
}

.sdticket-tickets-headerexchange {
  position: relative;left: 0.5rem;width: 9rem;height: 1.56rem;margin-bottom: 0.5rem;z-index: 3;
}

.sdticket-tickets-headerexchange-left {
  position:absolute;left: 0.35rem;width: 4rem;height: 1.56rem;line-height: 1.56rem;
}

.sdticket-tickets-headerexchange-left-bg {
  position:absolute;top:0;left:0;width:100%;height: 100%;
}

.sdticket-tickets-headerexchange-left-icon {
  position:absolute;width:0.66rem;height:0.66rem;top:50%;margin-top:-0.33rem;left: 0.5rem;
}

.sdticket-tickets-headerexchange-left-text {
  position:absolute;top:0;left:1.3rem;height:100%;width:2.6rem;line-height: 0.4rem;
}

.sdticket-tickets-headerexchange-left-span1 {
  position:absolute;top:0.4rem;left:0;color: #78340F;font-size: .373rem;font-weight: bold;
}

.sdticket-tickets-headerexchange-left-span2 {
  position:absolute;top:0.8rem;left:0;color: #78340F;font-size: .28rem;
}

.sdticket-tickets-headerexchange-right {
  position:absolute;right: 0.35rem;width: 4rem;height: 1.56rem;line-height: 1.56rem;
}

.sdticket-tickets-headerexchange-right-bg {
  position:absolute;top:0;left:0;width:100%;height: 100%;
}

.sdticket-tickets-headerexchange-right-icon {
  position:absolute;width:0.66rem;height:0.66rem;top:50%;margin-top:-0.33rem;left: 0.5rem;
}

.sdticket-tickets-headerexchange-right-text {
  position:absolute;top:0;left:1.3rem;height:100%;width:2.6rem;line-height: 0.4rem;
}

.sdticket-tickets-headerexchange-right-span1 {
  position:absolute;top:0.4rem;left:0;color: #7800BB;font-size: .373rem;font-weight: bold;
}

.sdticket-tickets-headerexchange-right-span2 {
  position:absolute;top:0.8rem;left:0;color: #7800BB;font-size: .28rem;
}

.sdticket-tickets-body {
  position: relative;left: 0.9rem;width:9rem;display: flex;flex-wrap: wrap;z-index: 10;
}

.sdticket-tickets-body-item {
  padding-right: 0.1rem;
  padding-bottom: 0.1rem;
  box-sizing: border-box;
  position: relative;
  overflow: hidden;
}

.sdticket-tickets-body-itemcontent {
  width: 2.68rem;
  height: 2.68rem;
  transform-style: preserve-3d; /* 保留 3D 变换 */
  transition: transform 0.6s;
}

.sdticket-tickets-body-itemcontent-type1 {
  position:absolute;top:0;left:0;width:2.68rem;height: 2.68rem;backface-visibility: hidden;transform: rotateY(180deg);
}

.sdticket-tickets-body-itemcontent-type1 .type-bg {
  position:absolute;top:0;left:0;width:100%;height: 100%;
}

.sdticket-tickets-body-itemcontent-type1 .type-top-frame {
  position: absolute;top:0;left: 0;width: 100%;height: 1.4rem;text-align: center;font-size: .28rem;color: rgba(0,0,0,0.65);
}

.sdticket-tickets-body-itemcontent-type1 .type-top-frame-img {
  position: absolute;top: 0.65rem;left: 50%;margin-left: -0.33rem;width: 0.66rem;height: 0.66rem;
}

.sdticket-tickets-body-itemcontent-type1 .type-top-frame-span {
  position: absolute;top: 0.2rem;left: 0;width: 100%;
}

.sdticket-tickets-body-itemcontent-type1 .type-bottom-frame {
  position:absolute;bottom:0.1rem;left:50%;margin-left:-1.22rem;width:2.44rem;height: 1.05rem;text-align: center;line-height: 0.35rem;
}

.sdticket-tickets-body-itemcontent-type1 .type-bottom-frame-unit3 {
  position:absolute;top:0.6rem;left:55%;width:0.4rem;height:0.4rem;border-radius: 0.2rem;font-size: .2rem;text-align: center;line-height: 0.4rem;background: #9000E0;color: #FFFFFF;
}

.sdticket-tickets-body-itemcontent-type1 .type-bottom-frame-unit2 {
  position:absolute;top:0.6rem;left:55%;width:0.4rem;height:0.4rem;border-radius: 0.2rem;font-size: .2rem;text-align: center;line-height: 0.4rem;background: #F39A4F;color: #FFFFFF;
}

.sdticket-tickets-body-itemcontent-type1 .type-bottom-frame-unit {
  position:absolute;top:0.6rem;left:55%;width:0.4rem;height:0.4rem;border-radius: 0.2rem;font-size: .2rem;text-align: center;line-height: 0.4rem;background: #7FD0FF;color: #FFFFFF;
}

.sdticket-tickets-body-itemcontent-type1 .type-bottom-frame-img {
  position:absolute;top: 0.6rem;left: 50%;margin-left: -0.5rem;width:1rem;
}

.sdticket-tickets-body-itemcontent-type1 .type-bottom-frame-text {
  position: absolute;bottom: 0.3rem;left: 50%;text-align: center;background: rgba(255,255,255,0.25);border: 1px solid rgba(255,255,255,0.25);border-radius: 0.4rem;color: #B25922;font-size: .426rem;width:1.78rem;margin-left: -0.89rem;height:0.66rem;line-height: 0.6rem;font-weight: bold;
}

.sdticket-tickets-body-itemcontent-type2 {
  position:absolute;top:0;left:0;width:2.68rem;height: 2.68rem;backface-visibility: hidden;
}

.sdticket-tickets-body-itemcontent-type2 .type-bg {
  position:absolute;top:0;left:0;width:100%;height: 100%;
}

.sdticket-tickets-body-itemcontent-type2 .type-top-frame {
  position: absolute;top:0;left: 0;width: 100%;height: 1.4rem;text-align: center;font-size: .28rem;color: rgba(255,255,255,0.85);
}

.sdticket-tickets-body-itemcontent-type2 .type-top-frame-img {
  position: absolute;top: 0.65rem;left: 50%;margin-left: -0.33rem;width: 0.66rem;height: 0.66rem;
}

.sdticket-tickets-body-itemcontent-type2 .type-top-frame-span {
  position: absolute;top: 0.2rem;left: 0;width: 100%;
}

.sdticket-tickets-body-itemcontent-type2 .type-bottom-frame {
  position:absolute;bottom:0rem;left:58%;margin-left:-1.22rem;width:2rem;height: 1.12rem;text-align: center;line-height: 0.25rem;
}

.sdticket-tickets-body-itemcontent-type2 .type-bottom-frame-img {
  position:absolute;top:0;left:0;width: 100%;height: 100%;
}

.sdticket-tickets-body-itemcontent-type2 .type-bottom-frame-span {
  position: relative;top: 0.15rem;color: rgba(255,255,255,0.85);font-size: .3rem;
}

.sdticket-tickets-body-itemcontent-type2 .type-bottom-frame-span1 {
  position: relative;top: 0.15rem;color: #565965;font-size: .28rem;
}

.sdticket-tickets-body-itemcontent-type2 .type-bottom-frame-span2 {
  position: relative;top: 0.15rem;color: #745000;font-size: .28rem;
}

.sdticket-tickets-body-itemcontent-type2 .type-bottom-frame-span3 {
  position: relative;top: 0.15rem;color: #4B0074;font-size: .28rem;
}

.sdticket-tickets-body-itemcontent-flip {
  transform: rotateY(180deg);
}

.sdticket-tickets-footer {
  position: relative;
  margin-top: -1.5rem;
  left: 0.5rem;
  width: 9rem;
  height: 2.6rem;
}

.sdticket-tickets-footer img {
  position:absolute;top:0.6rem;left:50%;width:9rem;margin-left:-4.5rem;
}


.hdialog-betlist-title {
  position:relative;width:100%;height:1.5rem;background: rgba(0,0,0,0.15);text-align: center;font-size: 0.533rem;line-height: 1.5rem;color: rgba(255,255,255,0.65);
}

.hdialog-betlist-title img {
  position:absolute;top:50%;margin-top:-0.4rem;opacity: 0.45;right:0.3rem;width:0.8rem;height:0.8rem;
}

.hdialog-betlist-content {
  position:relative;top:0;left:0;width:10rem;max-height:80vh;overflow:scroll;
}

.hdialog-betlist-content-title {
  position: relative;margin-top:0.5rem;left:0.5rem;height:1.3rem;line-height: 1.3rem;width: 9rem;font-size:.373rem;color: rgba(255,255,255,0.65);background-image: linear-gradient(135deg, rgba(255,255,255,0.25) 0%, rgba(255,255,255,0.04) 100%);border-top-left-radius: 0.22rem;border-top-right-radius: 0.22rem;
}

.hdialog-betlist-content-title img {
  position:absolute;left:0.44rem;width:0.56rem;height:0.56rem;top:50%;margin-top: -0.28rem;
}

.hdialog-betlist-content-title span {
  position: absolute;top:0;left:1.2rem;
}

.hdialog-betlist-content-item {
  position:relative;left:0.5rem;width:9rem;height:1.34rem;line-height: 1.34rem;font-size: .373rem;color: rgba(255,255,255,0.85);background: rgba(255,255,255,0.15);box-shadow: inset 0 -1px 0 0 rgba(0,0,0,0.15);
}

.hdialog-betlist-content-item1 {
  position:relative;left:0.5rem;width:9rem;height:1.34rem;line-height: 1.34rem;font-size: .373rem;color: rgba(255,255,255,0.85);background: rgba(255,255,255,0.08);box-shadow: inset 0 -1px 0 0 rgba(0,0,0,0.15);
}

.hdialog-betlist-content-item2 {
  background: transparent;
}

.hdialog-betlist-content-item1 .bleft {
  position: absolute;top:0;left:0;width: 5.5rem;height: 100%;text-align: center;
  color: #FFFFFF;
}

.hdialog-betlist-content-item1 .bright {
  position:absolute;top:0;right:0;width:3.5rem;height: 100%;text-align: center;
  color: #FFEE00;
}

.hdialog-betlist-content-item-line {
  position:absolute;top:50%;left:5.5rem;width:1px;height:0.56rem;margin-top: -0.28rem;background: rgba(255,255,255,0.15);
}

.hdialog-betlist-content-item-left {
  position:absolute;top:0;left:0;width:5.5rem;height: 100%;text-align: center;
}

.hdialog-betlist-content-item-right {
  position:absolute;top:0;right:0;width:3.5rem;height: 100%;text-align: center;
}

.hdialog-exchange-content {
  width: 10rem;height:12rem;display: flex;flex-flow: column;
}

.hdialog-exchange-content-bg {
  position:absolute;top:0;width:10rem;height:10rem;left:0;
}

.hdialog-exchange-content-title {
  position:absolute;top:0.9rem;left:0.5rem;width:9rem;height:1.3rem;line-height: 1.3rem;text-align: center;font-size: .64rem;color:#A400FF;font-weight: bold;text-shadow: 5px 5px 4px rgba(0,0,0,0.25);
}

.hdialog-exchange-content-title img {
  position:absolute;top:0.3rem;;left:50%;margin-left:-1rem;width: 2rem;
}

.hdialog-exchange-content-top {
  position:absolute;top:2.5rem;left:0.5rem;width:9rem;height: 5rem;
}

.hdialog-exchange-content-top-frame1 {
  position:absolute;top:0.2rem;left:50%;margin-left:-4rem;width:8rem;height:1.56rem;line-height: 1.56rem;border-radius:0.22rem;
}

.hdialog-exchange-content-top-frame1-arrow {
  position: absolute;top:45%;left:50%;margin-left:-0.33rem;width:0.66rem;height:0.66rem;
}

.hdialog-exchange-content-top-frame1-left {
  position:absolute;top:0;left:0.5rem;width: 3rem;height: 100%;
}

.hdialog-exchange-content-top-frame1-right {
  position:absolute;top:0;right:0.5rem;width: 3rem;height: 100%;
}

.hdialog-exchange-content-top-frame1-title {
  position:absolute;top:0;left:0;width:100%;height:0.5rem;line-height:0.5rem;text-align:center;font-size: .3rem;color: rgba(255,255,255,0.85);
}

.hdialog-exchange-content-top-frame1-tips {
  position:absolute;top:0.5rem;left:0;width:100%;height:1rem;display: flex;justify-content: center;align-items: center;font-size: .64rem;color: rgba(255,255,255,0.85);
}

.hdialog-exchange-content-top-frame1-tips img {
  width:0.66rem;height:0.66rem;
}

.hdialog-exchange-content-top-frame1-tips span {
  margin-left: 0.1rem;
}

.hdialog-exchange-content-top-frame2 {
  position:absolute;bottom:1.8rem;left:50%;margin-left:-4rem;width:8rem;height:1.34rem;line-height: 1.34rem;background: rgba(0,0,0,0.45);border-radius:0.22rem;
}

.hdialog-exchange-content-top-frame2-img {
  position:absolute;top:50%;margin-top:-0.33rem;left:0.2rem;width:0.66rem;height:0.66rem;
}

.hdialog-exchange-content-top-frame2-span1 {
  position: absolute;top:0;left:1rem;color: #FFFFFF;font-size:.32rem;
}

.hdialog-exchange-content-top-frame2-span2 {
  position: absolute;top:0;right:1rem;color: #FFEE00;font-size:.64rem;text-align: right;
}

.hdialog-exchange-content-top-frame3 {
  position:absolute;bottom:0.4rem;left:50%;margin-left:-4rem;width:8rem;height:1.34rem;line-height: 1.34rem;background: rgba(0,0,0,0.45);border-radius:0.22rem;
}

.hdialog-exchange-content-top-frame3-img {
  position:absolute;top:50%;margin-top:-0.33rem;left:0.2rem;width:0.66rem;height:0.66rem;
}

.hdialog-exchange-content-top-frame3-span1 {
  position: absolute;top:0;left:1rem;color: #FFEE00;font-size:.32rem;
}

.hdialog-exchange-content-top-frame3-opt {
  position:absolute;right:0.2rem;top:50%;margin-top:-0.44rem;width:2.66rem;height:0.88rem;
}

.hdialog-exchange-content-top-frame3-optimg {
  position:absolute;top:0;left:0;width:100%;height:100%
}

.hdialog-exchange-content-top-frame3-optdiv1 {
  position:absolute;top:0;left:0;width:100%;height:100%;text-align: center;line-height: 0.88rem;color: #FFEE00;font-size: .64rem;
}

.hdialog-exchange-content-top-frame3-optdiv2 {
  position:absolute;top:0;left:0;width:0.88rem;height:0.88rem;
}

.hdialog-exchange-content-top-frame3-optdiv2 img {
  position:absolute;top:0;left:0;width:100%;height:100%;
}

.hdialog-exchange-content-top-frame3-optdiv3 {
  position:absolute;top:0;right:0;width:0.88rem;height:0.88rem;
}

.hdialog-exchange-content-top-frame3-optdiv3 img {
  position:absolute;top:0;left:0;width:100%;height:100%;
}

.hdialog-exchange-content-bottom {
  position:absolute;top:8.4rem;left:0.5rem;width:9rem;height: 1rem;
}

.hdialog-exchange-content-bottom-left {
  position:absolute;top:0;left:1.6rem;width:2.66rem;height: 1.12rem;line-height: 1.12rem;color: rgba(0,0,0,0.65);text-align:center;font-size: .373rem;font-weight: bold;
}

.hdialog-exchange-content-bottom-right {
  position:absolute;top:0;right:1.6rem;width:2.66rem;height: 1.12rem;line-height: 1.12rem;color: rgba(0,0,0,0.65);text-align:center;font-size: .373rem;font-weight: bold;
}

.hdialog-exchange-content-bottom-img {
  position:absolute;top:0;left:0;width:100%;height:100%
}

.hdialog-exchange-content-bottom-span {
  position: absolute;top: 0;left:0;width:100%;height: 100%;
}

.hdialog-exchange-result-content {
  position: absolute;
  top: 0;
  left: 0;
  width: 10rem;
  height: 100vh;
}

.hdialog-exchange-result-content .bg {
  position: absolute;
  top:50%;
  margin-top: -7rem;
  left:0;
  width: 10rem;
  height: 10rem;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation: resultBgImgAnim 20s linear infinite;
  animation: resultBgImgAnim 20s linear infinite;
  z-index: -1;
}


@-webkit-keyframes resultBgImgAnim {
  0% {
      -webkit-transform: rotate(0deg);
      transform: rotate(0deg);
  }

  to {
      -webkit-transform: rotate(1turn);
      transform: rotate(1turn);
  }
}

@keyframes resultBgImgAnim {
  0% {
      -webkit-transform: rotate(0deg);
      transform: rotate(0deg);
  }

  to {
      -webkit-transform: rotate(1turn);
      transform: rotate(1turn);
  }
}

.hdialog-exchange-result-content .result-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -4.3rem;
  margin-left: -2.3rem;
  width: 4.6rem;
  height: 4.6rem;
  z-index: 10;
}

.hdialog-exchange-result-content .result-text {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -1.6rem;
  margin-left: -1.3rem;
  width: 2.6rem;
  height: 1.5rem;
  z-index: 11;
  text-align: center;
  line-height: 0.5rem;
  font-size: .426rem;
  font-weight: bold;
}


.hdialog-exchange-result-content .result-text1 {
  position: absolute;
  top: 0.2rem;
  left: 0;
  width: 100%;
}

.hdialog-exchange-result-content .result-text2 {
  position: absolute;
  left: 0;
  top: 0.7rem;
  width: 100%;
}

.hdialog-exchange-result-content .result-text11 {
  color: #565965;
}

.hdialog-exchange-result-content .result-text12 {
  color: #565965;
}

.hdialog-exchange-result-content .result-text21 {
  color: #745000;
}

.hdialog-exchange-result-content .result-text22 {
  color: #745000;
}

.hdialog-exchange-result-content .result-text31 {
  color: #4B0074;
}

.hdialog-exchange-result-content .result-text32 {
  color: #4B0074;
}


.hdialog-exchange-result-content .btn-receive {
  /* background-image: linear-gradient(180deg, #F39A4F 0%, #78340F 100%);
  border-radius: 1.1rem;
  border: 2px solid rgb(252, 215, 161);
  box-shadow: 0 8px 12px 0 rgba(120,52,15,0.45); */
  color: rgba(0,0,0,0.65);
  position: absolute;
  left: 50%;
  top: 50%;
  margin-top: 2rem;
  margin-left: -1.67rem;
  width: 3.36rem;
  height: 1.12rem;
  text-align: center;
  line-height: 1.2rem;
  font-size: 0.373rem;
  font-weight: bold;
}

.hdialog-exchange-result-content .btn-receive img {
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height: 100%;
}

.hdialog-exchange-result-content .btn-receive span {
  position: absolute;
  top: -0.05rem;
  left: 0;
  width: 100%
}

.sdhome-jackpot-frame {
  position:relative;width:9rem;height:4.55rem;
}

.sdhome-jackpot-frame img {
  position:absolute;top:0;left:0;width:9rem;
}

.sdhome-jackpot-frame span {
  /* position:absolute;top:1.4rem;left:0;width:9rem;height:2rem;line-height:2rem;text-align: center;color: #F9C486;text-shadow: 0 3px 0 #610097;font-size: 0.853rem; */
  position:absolute;top:1.4rem;left:0;width:9rem;height:2rem;line-height:2rem;text-align: center;font-size: 0.88rem;
  color: #FFEDE0;
  font-weight: bold;
  text-shadow: 5px 5px 4px #610097;
  /* -webkit-text-stroke: 1px #A400FF;
  text-stroke: 1px #A400FF;  */
}



.hdialog-frch-content {
  position: absolute;left: 50%;width: 8.4rem;margin-left: -4.2rem;border-radius: 0.4rem;overflow-x: hidden;overflow-y: auto;height:auto;background-image: linear-gradient(225deg, #47C74C 0%, #5356FB 100%);box-shadow: 0 -2px 8px 0 rgba(43,22,0,0.25);
}

.hdialog-frch-content-title {
  position:relative;margin-top:0.5rem;left:50%;margin-left:-3.5rem;width:7rem;height:1.13rem;
}

.hdialog-frch-content-title img {
  opacity: 1;position:absolute;top:0;left:0;width:100%;height: auto;
}

.hdialog-frch-content-close {
  position:absolute;top:0rem;right:0rem;width:1.4rem;height:1.4rem;
}

.hdialog-frch-content-close img {
  opacity: 0.65;position:absolute;top:0.2rem;left:0.45rem;width:0.6rem;height:0.6rem;
}

.hdialog-frch-content-timer {
  position:relative;margin-top:0.22rem;left:50%;margin-left:-2.8rem;width:5.6rem;height:1.3rem;
}

.hdialog-frch-timer-img {
  opacity: 1;position:absolute;top:0;left:0;width:100%;height: auto;
}

.hdialog-frch-timer-frame {
  position:absolute;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;
}

.hdialog-frch-timer-title {
  margin-right:0.1rem;width:0.55rem;height:0.55rem;line-height:0.55rem;font-size:.32rem;color: rgba(0,0,0,0.85);background: #FFF67F;border-radius:0.1rem;text-align:center;
}

.hdialog-frch-timer-value {
  margin-right:0.1rem;font-size:.64rem;color: rgba(0,0,0,0.85);
}

.hdialog-frch-content-reward {
  position:relative;margin-top:0.22rem;left:50%;margin-left:-2.8rem;width:5.5rem;height:auto;overflow:hidden;border-radius:0.22rem;border:2px solid #FFEE00;
}

.hdialog-frch-reward-title {
  position:relative;width:5.6rem;height:0.7rem;background: rgba(255,255,255,0.15);
}

.hdialog-frch-reward-title-left {
  position:absolute;top:0;left:0;width:50%;height:100%;line-height:0.7rem;color: rgba(255,255,255,0.85);font-size:.32rem;text-align:center;font-weight:bold;
}

.hdialog-frch-reward-title-line {
  position:absolute;top:0.1rem;left:50%;width:1px;height:0.5rem;background: rgba(255,255,255,0.15)
}

.hdialog-frch-reward-title-right {
  position:absolute;top:0;right:0;width:50%;height:100%;line-height:0.7rem;color: rgba(255,255,255,0.85);font-size:.32rem;text-align:center;font-weight:bold;
}

.hdialog-frch-reward-item {
  position:relative;width:5.6rem;height:0.66rem;border-top: 1px solid rgba(255,255,255,0.15);
}

.hdialog-frch-item-bg {
  position:absolute;top:0;left:0;width:100%;height:100%;background: rgba(255,255,255,0.04);
}

.hdialog-frch-item-bg1 {
  position:absolute;top:0;left:0;width:100%;height:100%;background: rgba(255,255,255,0.08);
}

.hdialog-frch-item-left {
  position:absolute;top:0;left:0.9rem;width:50%;height:100%;display:flex;justify-content:flex-start;align-items:center;
}

.hdialog-frch-item-left-unit {
  color: rgba(255,255,255,0.45);font-size:.32rem;margin-right:0.1rem;
}

.hdialog-frch-item-left-value {
  color: rgba(255,255,255,0.85);font-size:.32rem;font-weight:bold;
}


.hdialog-frch-item-right {
  position:absolute;top:0;left:3.7rem;width:50%;height:100%;display:flex;justify-content:flex-start;align-items:center;
}

.hdialog-frch-item-right img {
  width:0.33rem;height: 0.33rem;margin-right:0.1rem;
}

.hdialog-frch-item-right span {
  color: #FFEE00;font-size:.373rem;font-weight:bold;
}

.hdialog-frch-btn {
  position:relative;margin-top:0.3rem;left:50%;margin-left:-2.22rem;width:4.44rem;height:1.22rem;line-height:1.22rem;color: #FFFFFF;text-align:center;font-size:.373rem;font-weight:bold;
}

.hdialog-frch-btn img {
  opacity: 1;position:absolute;top:0;left:0;width:100%;height: auto;
}

.hdialog-frch-btn span {
  position:absolute;top:0;left:0;width:100%;text-align:center;
}

.hdialog-frch-rules-title {
  position:relative;margin-top:0.44rem;left:50%;margin-left:-3.5rem;width:7rem;height:0.66rem;background: rgba(255,255,255,0.08);border-radius: 0.11rem;margin-bottom:0.2rem;
}

.hdialog-frch-rules-title img {
  opacity: 0.45;position:absolute;top:0.11rem;left:0.2rem;width:0.44rem;height: auto;
}

.hdialog-frch-rules-title span {
  position:absolute;top:0;left:0.8rem;width:6rem;height:0.66rem;line-height:0.66rem;font-size:.32rem;color: rgba(255,255,255,0.65);
}

.hdialog-frch-rules {
  position:relative;margin-top:0.1rem;left:50%;margin-left:-3.3rem;width:7rem;font-size:.3rem;color: rgba(255,255,255,0.65);
}




.agency-page-view {
  background: #20262D!important;
}


.agency-topspace {
  position: -webkit-sticky;
  position: sticky;
  top: -2.1rem;
  height: 3.5rem;
  width: 10rem;
  background: transparent;
  z-index: 5;
}

.agency-topspace-banner {
  position: absolute;
  top: 0;
  width: 10rem;
}


.agency-menu-title {
  position: -webkit-sticky;
  position: sticky;
  top: 1.39rem;
  left: 0rem;
  width: 10rem;
  line-height: 0.9rem;
  font-size: .426rem;
  overflow-y: hidden;
  overflow-x: scroll;
  z-index: 6;
  background: rgba(52,44,38,0.75);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  border-bottom: 1.5px solid #D17836;
}

.agency-menu-title .container {
  white-space: nowrap;
  display: inline-block;
}


.agency-menu-item-space {
  position: relative;
  display: inline-block;
  padding-left: 0.3rem;
  padding-right: 0;
  top: 0;
  color: rgba(255,255,255,0.85);
}

.agency-menu-item {
  position: relative;
  display: inline-block;
  padding-left: 0.3rem;
  padding-right: 0.3rem;
  height: 0.9rem;
  line-height: 0.9rem;
  top: 0;
  color: rgba(255,255,255,0.85);
  font-weight: 700;
}

.agency-menu-itemcur {
  position: relative;
  display: inline-block;
  padding-left: 0.3rem;
  padding-right: 0.3rem;
  height: 0.9rem;
  line-height: 0.9rem;
  top: 0;
  border-radius: 0.22rem 0.22rem 0 0;
  color: rgba(0,0,0,0.65);
  background-image: linear-gradient(180deg, #FCD7A1 0%, #D17836 100%);
  font-weight: 700;
}

.agency-menu-item-title {
  position: relative;
  top: 0;
  width: 100%;
  height: 0.9rem;
  line-height: 0.9rem;
  text-align: center;
  font-size: 0.32rem;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: unset!important;
}

.agency-menu-item-title .unread {
  position: absolute;
  top: 0.15rem;
  right: -0.15rem;
  width: 0.2rem;
  height: 0.2rem;
  border-radius: 0.2rem;
  background: #F12C4C;
  border: 0.5px solid rgba(255,255,255,0.65);
}


.agency-tab1-linkframe {
  position: relative;
  margin-top: 0.55rem;
  left: 0;
  width: 10rem;
  height: 4.445rem;
  overflow: hidden;
}

.agency-tab1-linkframe .fbg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.agency-tab1-linkframe .link-title {
  position: relative;
  margin-top: 0.22rem;
  left: 1rem;
  font-size: .373rem;
  color: #FFFFFF;
  height: 0.62rem;
  line-height: 0.62rem;
  font-weight: 700;
}

.agency-tab1-linkframe .link-content {
  position: relative;
  margin-top: 0.12rem;
  left: 1rem;
  width: 8rem;
  height: 1.34rem;
  line-height: 1.34rem;
  font-size: .32rem;
  color: rgba(255, 255, 255, 0.65);
  background: rgba(0,0,0,0.65);
  border-radius: 0.44rem;
  overflow: hidden;
  display: flex;
  align-items: center;
}

.agency-tab1-linkframe .link-value {
  position: absolute;
  top: 0;
  left: 0.4rem;
  width: 5.4rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 1.34rem;
  line-height: 1.34rem;
  font-size: .32rem;
  color: rgba(255, 255, 255, 0.65);
}

.agency-tab1-linkframe .link-content-copy {
  position: absolute;
  right: 0.12rem;
  width: 1.78rem;
  height: 1.1rem;
  transition: transform 0.1s ease-in-out;
}

.agency-tab1-linkframe .link-content-copy .img {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
}

.agency-tab1-linkframe .link-content-copy:active {
  transform: scale(0.9);
  opacity: 0.5;
}

.agency-tab1-linkframe .share-title {
  position: relative;
  left: 1rem;
  font-size: .346rem;
  color: #FFFFFF;
  height: 0.62rem;
  line-height: 0.62rem;
  margin-top: 0.1rem;
  text-align: center;
  width: 8rem;
}

.agency-tab1-linkframe .share-frame {
  position: relative;
  left: 0.8rem;
  margin-top: 0.1rem;
  width: 8.4rem;
  overflow: scroll hidden;
}

.agency-tab1-linkframe .share-container {
  white-space: nowrap;
  display: inline-block;
}

.agency-tab1-linkframe .share-item {
  position: relative;
  display: inline-block;
  height: 1.1rem;
  width: 1.1rem;
  top: 0;
  margin-right: 0.2rem;
  overflow: hidden;
  transition: transform 0.1s ease-in-out;
}

.agency-tab1-linkframe .share-item .icon {
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -0.33rem;
  height: 0.66rem;
  width: 0.66rem;
}

.agency-tab1-linkframe .share-item .title {
  position: absolute;
  top: 0.8rem;
  left: -0.1rem;
  width: 1.3rem;
  text-align: center;
  color: rgba(255, 255, 255, 0.65);
  font-size: .22rem;
}

.agency-tab1-tipsframe {
  position: relative;
  margin-top: 0.22rem;
  left: 0;
  width: 10rem;
  height: 8.44rem;
}

.agency-tab1-tipsframe .fcontent {
  position: absolute;
  top: 0;
  left: 0.5rem;
  width: 9rem;
  height: 8.44rem;
  background: rgba(255,255,255,0.08);
  border-radius: 0.44rem;
}

.agency-tab1-tipsframe .fcontent-title {
  position: absolute;
  top: 0.44rem;
  left: 0;
  width: 9rem;
  height: 0.6rem;
  font-size: .373rem;
  color: #FFFFFF;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  font-weight: 700;
  line-height: .533rem;
}

.agency-tab1-tipsframe .fcontent-bg {
  position: absolute;
  bottom: 0.4rem;
  left: 0;
  width: 9rem;
}


.agency-tab1-levelframe {
  position: relative;
  margin-top: 0.22rem;
  left: 0.55rem;
  width: 8.9rem;
  min-height: 0.88rem;
  border-radius: 0.44rem;
  background-image: linear-gradient(180deg, rgba(255,255,255,0.15) 0%, rgba(255,255,255,0.00) 100%);
  border: 1px solid rgba(255,255,255,0.15);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  padding-bottom: 0.44rem;
  overflow: hidden;
}

.agency-tab1-levelframe .level-tab {
  position: relative;
  margin-top: 0.44rem;
  left: 0;
  width: 8.9rem;
  height: 1.12rem;
}

.agency-tab1-levelframe .level-tab .tab-left {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 0;
  left: 0.44rem;
  width: 3.93rem;
  height: 1.11rem;
  border-radius: 0.22rem;
}

.agency-tab1-levelframe .level-tab .tab-left1 {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  position: absolute;
  top: 0;
  padding-left: 0.44rem;
  left: 0.44rem;
  width: 7.58rem;
  height: 1.11rem;
  border-radius: 0.22rem;
}

.agency-tab1-levelframe .level-tab .tab-right {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 0;
  right: 0.44rem;
  width: 3.93rem;
  height: 1.11rem;
  border-radius: 0.22rem;
}

.agency-tab1-levelframe .level-tab .tab-icon {
  width: 0.44rem;
  height: 0.44rem;
  opacity: 0.45;
  margin-right: 0.1rem;
}

.agency-tab1-levelframe .level-tab .tab-icon-selected {
  width: 0.44rem;
  height: 0.44rem;
  margin-right: 0.1rem;
  filter: invert(100%);
}

.agency-tab1-levelframe .level-tab .tab-normal {
  background: rgba(255,255,255,0.15);
  color: rgba(255,255,255,0.65);
  font-size: .32rem;
}

.agency-tab1-levelframe .level-tab .tab-selected {
  background-image: linear-gradient(105deg, #FCD7A1 0%, #D17836 100%);
  color: rgba(0,0,0,0.65);
  font-size: .32rem;
}


.agency-tab1-levelframe .level-rule {
  position: relative;
  margin-top: 0.22rem;
  left: 0.44rem;
  width: 8.02rem;
  min-height: 0.88rem;
  border: 1px solid transparent;
  border-radius: 0.22rem;
  overflow: hidden;
}

.agency-tab1-levelframe .level-rule .title-frame {
  display: flex;
  align-items: center;
  position: relative;
  left: 0;
  width: 100%;
  height: 0.88rem;
  background: rgba(255,255,255,0.08);
  color: rgba(255,255,255,0.85);
  font-size: .32rem;
}

.agency-tab1-levelframe .level-rule .title-frame .line1 {
  position: absolute;
  left: 1.25rem;
  width: 1px;
  height: 0.5rem;
  background: rgba(255,255,255,0.08);
}

.agency-tab1-levelframe .level-rule .title-frame .line2 {
  position: absolute;
  right: 2.5rem;
  width: 1px;
  height: 0.5rem;
  background: rgba(255,255,255,0.08);
}

.agency-tab1-levelframe .level-rule .value-frame1 {
  display: flex;
  align-items: center;
  position: relative;
  left: 0;
  width: 100%;
  height: 0.88rem;
  border-top: 1px solid rgba(255,255,255,0.08);
  background: rgba(255,255,255,0.02);
  color: rgba(255,255,255,0.85);
  font-size: .32rem;
}

.agency-tab1-levelframe .level-rule .value-frame2 {
  display: flex;
  align-items: center;
  position: relative;
  left: 0;
  width: 100%;
  height: 0.88rem;
  border-top: 1px solid rgba(255,255,255,0.08);
  background: rgba(255,255,255,0.04);
  color: rgba(255,255,255,0.85);
  font-size: .32rem;
}

.agency-tab1-levelframe .level-rule .left-frame {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  left: 0;
  width: 1.25rem;
  height: 0.88rem;
}

.agency-tab1-levelframe .level-rule .middle-frame {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  left: 1.25rem;
  width: 4.27rem;
  height: 0.88rem;
}

.agency-tab1-levelframe .level-rule .right-frame {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  right: 0;
  width: 2.5rem;
  height: 0.88rem;
}




.agency-timemenu-title {
  position: relative;
  margin-top: 0.5rem;
  left: 0.5rem;
  width: 9.4rem;
  line-height: 0.9rem;
  font-size: .426rem;
  overflow-y: hidden;
  overflow-x: scroll;
  z-index: 3;
  /* background: rgba(36,18,46,0.75); */
}

.agency-timemenu-title .container {
  white-space: nowrap;
  display: inline-block;
}


.agency-timemenu-item {
  position: relative;
  display: inline-block;
  padding-left: 0.3rem;
  padding-right: 0.3rem;
  height: 0.9rem;
  line-height: 0.9rem;
  top: 0;
  margin-right: .22rem;
  border-radius: 0.22rem;
  background: rgba(255,255,255,0.08);
  color: rgba(255,255,255,0.85);
}

.agency-timemenu-itemcur {
  position: relative;
  display: inline-block;
  padding-left: 0.3rem;
  padding-right: 0.3rem;
  height: 0.9rem;
  line-height: 0.9rem;
  top: 0;
  margin-right: .22rem;
  border-radius: 0.22rem;
  background-image: linear-gradient(180deg, #FCD7A1 0%, #D17836 100%);
  color: rgba(0,0,0,0.65);
}

.agency-timemenu-item-title {
  position: relative;
  top: 0;
  width: 100%;
  height: 0.9rem;
  line-height: 0.9rem;
  text-align: center;
  font-size: 0.32rem;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: unset!important;
}

.agency-tab2-timeframe {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  position: relative;
  margin-top: 0.22rem;
  left: 0.5rem;
  width: 9rem;
  height: 1.33rem;
  border-radius: 0.22rem;
  background-image: linear-gradient(98deg, rgba(255,255,255,0.25) 0%, rgba(255,255,255,0.04) 100%);
}

.agency-tab2-timeframe .icon {
  width: 0.55rem;
  height: 0.55rem;
  margin-left: 0.44rem;
  margin-right: 0.22rem;
  opacity: 0.45;
}

.agency-tab2-timeframe .span {
  font-size: .373rem;
  font-weight: 400;
  color: rgba(255, 255, 255, 0.85);
}

.agency-tab2-itemframe {
  position: relative;
  margin-top: 0.22rem;
  left: 0.5rem;
  width: 9rem;
  height: 4.05rem;
  overflow: hidden;
}

.agency-tab2-itemframe3 {
  height: 5.4rem!important;
}

.agency-tab2-itemframe .item3 {
  display: flex;
  align-items: center;
  position: relative;
  left: 0;
  width: 100%;
  height: 1.35rem;
}

.agency-tab2-itemframe .bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.agency-tab2-itemframe .item {
  display: flex;
  align-items: center;
  position: relative;
  left: 0;
  width: 100%;
  height: 1.333rem;
}

.agency-tab2-itemframe .item-title {
  position: absolute;
  left: 0.44rem;
  width: 100%;
  font-weight: 400;
  font-size: .373rem;
  color: rgba(255,255,255,0.65);
}

.agency-tab2-itemframe .item-title-total {
  position: absolute;
  left: 0.44rem;
  width: 100%;
  font-weight: 700;
  font-size: .373rem;
  color: rgba(255,255,255,0.85);
}


.agency-tab2-itemframe .item-value {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  position: absolute;
  right: 0.44rem;
  width: 100%;
}

.agency-tab2-itemframe .item-value .value1 {
  font-size: .426rem;
  font-weight: 700;
  color: #FFFFFF;
}


.agency-tab2-itemframe .item-value .value2 {
  font-size: .32rem;
  font-weight: 400;
  color: rgba(255,255,255,0.45);
  margin-left: 0.12rem;
}

.agency-tab2-itemframe .item-value .value12 {
  font-size: .32rem;
  font-weight: 400;
  color: rgba(255,255,255,0.45);
}


.agency-tab2-itemframe .item-value .value22 {
  font-size: .426rem;
  font-weight: 700;
  color: #FFFFFF;
  margin-left: 0.12rem;
}


.agency-tab3-itemframe {
  position: relative;
  margin-top: 0.22rem;
  left: 0.5rem;
  width: 9rem;
  height: 3.628rem;
  overflow: hidden;
}

.agency-tab3-itemframe-sin {
  height: 2.25rem!important;
}

.agency-tab3-itemframe .bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.agency-tab3-itemframe .time-frame {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  position: relative;
  left: 1.2rem;
  width: 7.5rem;
  height: 0.95rem;
  font-size: .373rem;
  color: rgba(255, 255, 255, 0.85);
  font-weight: 400;
}

.agency-tab3-itemframe .value1-frame {
  display: flex;
  align-items: center;
  position: relative;
  left: 0;
  width: 9rem;
  height: 1.333rem;
}

.agency-tab3-itemframe .value2-frame {
  display: flex;
  align-items: center;
  position: relative;
  left: 0;
  width: 9rem;
  height: 1.333rem;
}

.agency-tab3-itemframe .value-title {
  position: absolute;
  left: 0.44rem;
  width: 8rem;
  font-size: .373rem;
  font-weight: 400;
  color: rgba(255,255,255,0.85);
}

.agency-tab3-itemframe .value-content {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  position: absolute;
  right: 2.66rem;
  width: 4rem;
  height: 1.333rem;
}

.agency-tab3-itemframe .value-content .unit {
  font-size: .32rem;
  color: rgba(255,255,255,0.45);
  margin-right: 0.1rem;
}

.agency-tab3-itemframe .value-content .value {
  font-size: .426rem;
  color: #FFFFFF;
}

.agency-tab3-itemframe .value-btn {
  position: absolute;
  right: 0.22rem;
  width: 2.22rem;
  height: 1.11rem;
  transition: transform 0.2s ease-in-out;
}

.agency-tab3-itemframe .value-btn-ing {
  position: absolute;
  right: 0.22rem;
  width: 2.22rem;
  height: 1.11rem;
  opacity: 0.45;
}

.agency-tab3-itemframe .value-btn:active {
  opacity: 0.45;
  transform: scale(0.85);
}

.agency-tab3-itemframe .value-btn-disable {
  position: absolute;
  right: 0.22rem;
  width: 2.22rem;
  height: 1.11rem;
}

.agency-tab3-itemframe .value-btn-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}


.agency-tab4-dayframe {
  display: flex;
  align-items: center;
  position: relative;
  margin-top: 0.5rem;
  left: 0.5rem;
  width: 9rem;
  height: 2rem;
  z-index: 2;
}

.agency-tab4-dayframe .day-frame {
  display: flex!important;
  align-items: center!important;
  position: absolute!important;
  top: 0!important;
  left: 0!important;
  width: 9rem!important;
  height: 0.88rem!important;
  border-radius: 0.22rem!important;
  background: rgba(255,255,255,0.15)!important;
  border: 1px solid rgba(255,255,255,0.15)!important;
  transition: transform 0.2s ease-in-out!important;
  margin-top: unset!important;
}

.agency-tab4-dayframe .day-frame:active {
  opacity: 0.45!important;
  transform: scale(0.85)!important;
}

.agency-tab4-dayframe .day-frame-value {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  position: absolute;
  top: 0;
  left: 0.5rem;
  width: 7.7rem;
  height: 0.88rem;
  font-size: .373rem;
  color: rgba(255,255,255,0.65);
  font-weight: 700;
}

.agency-tab4-dayframe .day-frame-arrow {
  position: absolute;
  right: 0.11rem;
  width: 0.55rem;
  height: 0.55rem;
  border-radius: 0.5rem;
  background: rgba(255,255,255,0.15);
}

.agency-tab4-dayframe .arrow-bg {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -0.17rem;
  margin-left: -0.17rem;
  width: 0.34rem;
  height: 0.34rem;
}

.agency-tab4-dayframe .type-frame {
  display: flex;
  align-items: center;
  position: absolute;
  top: 1.1rem;
  left: 0;
  width: 9rem;
  height: 0.88rem;
  border-radius: 0.22rem;
  background: rgba(255,255,255,0.15)!important;
  border: 1px solid rgba(255,255,255,0.15);
}

.agency-tab4-dayframe .type-frame-pop {
  border: 1px solid rgba(255,255,255,1);
}

.agency-popview {
  position: fixed;
  top: 0;
  left: 0;
  width: 10rem;
  height: 100vh;
  z-index: 2;
}

.agency-tab4-dayframe .type-frame-downmenu {
  position: absolute;
  top: 2.1rem;
  left: 0rem;
  width: 9rem;
  height: 1.76rem;
  padding-top: 0.22rem;
  padding-bottom: 0.22rem;
  border-radius: 0.22rem;
  background: #565965;
  box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.5);
  overflow: hidden;
}

.agency-tab4-dayframe .type-frame-downmenu .ppitem {
  position: relative;
  left: 0;
  width: 9rem;
  height: 0.88rem;
  font-size: .373rem;
  color: #FFFFFF;
}

.agency-tab4-dayframe .type-frame-downmenu .ppitem-span {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  position: absolute;
  top: 0;
  left: 0.5rem;
  width: 8.5rem;
  height: 0.88rem;
}

.agency-tab4-dayframe .type-frame-downmenu .ppitem-selected {
  background: #0784FE;
}

.agency-tab4-dayframe .type-frame-value {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  position: absolute;
  top: 0;
  left: 0.5rem;
  width: 7rem;
  height: 0.88rem;
  font-size: .373rem;
  color: rgba(255,255,255,0.65);
  font-weight: 700;
}

.agency-tab4-dayframe .type-frame-arrow {
  position: absolute;
  right: 0.11rem;
  width: 0.55rem;
  height: 0.55rem;
  border-radius: 0.5rem;
  background: rgba(255,255,255,0.15);
}

.agency-tab4-dayframe .type-frame-arrowup {
  position: absolute;
  right: 0.11rem;
  width: 0.55rem;
  height: 0.55rem;
  border-radius: 0.5rem;
  background: #FFFFFF;
}


.agency-tab4-sumframe {
  position: relative;
  margin-top: 0.44rem;
  left: 0.5rem;
  width: 9rem;
  height: 2.222rem;
}

.agency-tab4-sumframe .type-bg {
  position: absolute;
  top: -0.3rem;
  left: -0.5rem;
  width: 10rem;
}


.agency-tab4-sumframe .value-top {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  left: 0;
  width: 100%;
  height: 1.166rem;
  color: #FFFFFF;
  font-size: .533rem;
  font-weight: 700;
}

.agency-tab4-sumframe .value-top-black {
  color: rgba(0,0,0,0.65)!important;
}

.agency-tab4-sumframe .value-top-black {
  color: rgba(0,0,0,0.65)!important;
}

.agency-tab4-sumframe .value-top .unit {
  color: rgba(255,255,255,0.45);
  font-size: .32rem;
  margin-right: 0.1rem;
}

.agency-tab4-sumframe .value-top .unit1 {
  color: rgba(0,0,0,0.45)!important;
}

.agency-tab4-sumframe .value-top .unit1 {
  color: rgba(0,0,0,0.65)!important;
  font-size: .32rem;
  margin-right: 0.1rem;
}

.agency-tab4-sumframe .value-bottom {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  word-break: break-all;
  position: relative;
  left: 5%;
  width: 90%;
  height: 0.7rem;
  color: rgba(255,255,255,0.85);
  font-size: .29rem;
  line-height: .32rem;
  text-align: center;
}

.agency-tab4-sumframe .left {
  position: absolute;
  top: 0;
  left: 0;
  width: 4rem;
  height: 2.222rem;
  border-radius: 0.22rem;
  /* background: #0077BB; */
}

.agency-tab4-sumframe .middle {
  position: absolute;
  top: 0;
  left: 4.18rem;
  width: 1.777rem;
  height: 2.222rem;
  border-radius: 0.22rem;
  /* background: #00AABB; */
}

.agency-tab4-sumframe .right {
  position: absolute;
  top: 0;
  right: 0;
  width: 2.888rem;
  height: 2.222rem;
  border-radius: 0.22rem;
  /* background: #E05E00; */
}


.agency-tab4-userframe {
  position: relative;
  margin-top: 0.22rem;
  left: 0.5rem;
  width: 9rem;
  min-height: 1.34rem;
  border-radius: 0.22rem;
  overflow: hidden;
  /* background-image: linear-gradient(180deg, rgba(255,255,255,0.15) 0%, rgba(255,255,255,0.00) 100%); */
  border: 1px solid transparent;
}

.agency-tab4-userframe .title-frame {
  display: flex;
  align-items: center;
  position: relative;
  left: 0;
  width: 9rem;
  height: 1.34rem;
  font-size: .33rem;
  background-image: linear-gradient(98deg, rgba(255,255,255,0.25) 0%, rgba(255,255,255,0.04) 100%);
  color: rgba(255,255,255,0.85);
}


.agency-tab4-userframe .title-frame-line {
  display: flex;
  justify-content: center;
  align-items: center;
  word-break: break-all;
  position: absolute;
  width: 1px;
  height: 50%;
  background: rgba(255,255,255,0.15);
}

.agency-tab4-userframe .title-frame-line11 {
  left: 3.14rem;
}

.agency-tab4-userframe .title-frame-line12 {
  right: 2.64rem;
}

.agency-tab4-userframe .title-frame-title11 {
  display: flex;
  justify-content: center;
  align-items: center;
  word-break: break-all;
  position: absolute;
  left: 0;
  width: 3.14rem;
  height: 1.34rem;
  font-size: .346rem;
  line-height: .426rem;
  color: rgba(255,255,255,0.85);
  font-weight: 700;
}

.agency-tab4-userframe .title-frame-title114 {
  display: flex;
  justify-content: center;
  align-items: center;
  word-break: break-all;
  position: absolute;
  left: 0.2rem;
  width: 2.8rem;
  height: 1.34rem;
  font-size: .346rem;
  line-height: .426rem;
  color: rgba(255,255,255,0.85);
  font-weight: 700;
}

.agency-tab4-userframe .title-frame-title12 {
  display: flex;
  justify-content: center;
  align-items: center;
  word-break: break-all;
  position: absolute;
  left: 3.14rem;
  width: 3.22rem;
  height: 1.34rem;
  font-size: .346rem;
  line-height: .426rem;
  color: rgba(255,255,255,0.85);
  font-weight: 700;
}

.agency-tab4-userframe .title-frame-title13 {
  display: flex;
  justify-content: center;
  align-items: center;
  word-break: break-all;
  position: absolute;
  right: 0;
  width: 2.64rem;
  height: 1.34rem;
  font-size: .346rem;
  line-height: .426rem;
  color: rgba(255,255,255,0.85);
  font-weight: 700;
}

.agency-tab4-userframe .user-value11 {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  position: absolute;
  left: 0;
  width: 3.14rem;
  height: 1.34rem;
}

.agency-tab4-userframe .user-value11-icon {
  position: relative;
  width: 0.66rem;
  height: 0.66rem;
  margin-left: 0.3rem;
  border-radius: 0.22rem;
}

.agency-tab4-userframe .user-value11-account {
  top: 0.05rem;
  margin-left: 0.15rem;
  position: relative;
  width: 2rem;
  height: 0.84rem;
}

.agency-tab4-userframe .user-value11-account .user-name {
  position: absolute;
  top: 0 ;
  left: 0;
  width: 2rem;
  height: 0.42rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: .3rem;
  color: rgba(255,255,255,0.85);
}

.agency-tab4-userframe .user-value11-account .user-id {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 2rem;
  height: 0.42rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: .26rem;
  color: rgba(255,255,255,0.45);
}

.agency-tab4-userframe .user-value12 {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  left: 3.14rem;
  width: 3.22rem;
  height: 1.34rem;
  font-size: .32rem;
  color: rgba(255,255,255,0.85);
}

.agency-tab4-userframe .user-value13 {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  right: 0;
  width: 2.64rem;
  height: 1.34rem;
  font-size: .32rem;
  color: #FFFFFF;
  font-weight: 700;
}

.agency-tab4-userframe .title-frame-line21 {
  left: 3.14rem;
}

.agency-tab4-userframe .title-frame-line22 {
  left: 5.36rem;
}

.agency-tab4-userframe .title-frame-line23 {
  left: 6.86rem;
}


.agency-tab4-userframe .title-frame-title21 {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  left: 0;
  width: 3.14rem;
  height: 1.34rem;
  font-size: .346rem;
  line-height: .426rem;
  color: rgba(255,255,255,0.85);
  font-weight: 700;
}

.agency-tab4-userframe .title-frame-title22 {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  left: 3.14rem;
  width: 2.22rem;
  height: 1.34rem;
  font-size: .346rem;
  line-height: .426rem;
  color: rgba(255,255,255,0.85);
  font-weight: 700;
}

.agency-tab4-userframe .title-frame-title23 {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  left: 5.36rem;
  width: 1.5rem;
  height: 1.34rem;
  font-size: .346rem;
  line-height: .426rem;
  color: rgba(255,255,255,0.85);
  font-weight: 700;
}

.agency-tab4-userframe .title-frame-title24 {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  right: 0;
  width: 2.14rem;
  height: 1.34rem;
  font-size: .346rem;
  line-height: .426rem;
  color: rgba(255,255,255,0.85);
  font-weight: 700;
}

.agency-tab4-userframe .user-value21 {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  position: absolute;
  left: 0;
  width: 3.14rem;
  height: 1.34rem;
}

.agency-tab4-userframe .user-value21-icon {
  position: relative;
  width: 0.66rem;
  height: 0.66rem;
  margin-left: 0.3rem;
  border-radius: 0.22rem;
}

.agency-tab4-userframe .user-value21-account {
  top: 0.05rem;
  margin-left: 0.15rem;
  position: relative;
  width: 2rem;
  height: 0.84rem;
}

.agency-tab4-userframe .user-value21-account .user-name {
  position: absolute;
  top: 0 ;
  left: 0;
  width: 2rem;
  height: 0.42rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: .3rem;
  color: rgba(255,255,255,0.85);
}

.agency-tab4-userframe .user-value21-account .user-id {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 2rem;
  height: 0.42rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: .26rem;
  color: rgba(255,255,255,0.45);
}

.agency-tab4-userframe .user-value22 {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  left: 3.14rem;
  width: 2.22rem;
  height: 1.34rem;
  font-size: .32rem;
  color: rgba(255,255,255,0.85);
}

.agency-tab4-userframe .user-value23 {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  left: 5.36rem;
  width: 1.5rem;
  height: 1.34rem;
  font-size: .32rem;
  color: rgba(255,255,255,0.85);
}

.agency-tab4-userframe .user-value24 {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  right: 0;
  width: 2.14rem;
  height: 1.34rem;
  font-size: .32rem;
  color: rgba(255,255,255,0.85);
  font-weight: 700;
}

.agency-tab4-userframe .user-item {
  position: relative;
  left: 0;
  width: 9rem;
  height: 1.34rem;
}

.agency-tab4-userframe .item-frame1 {
  background: rgba(255,255,255,0.04);
}

.agency-tab4-userframe .item-frame2 {
  background: rgba(255,255,255,0.02);
}


.agency-tab5-faqframe {
  position: relative;
  margin-top: 0.22rem;
  left: 0.5rem;
  width: 9rem;
  min-height: 0.88rem;
  padding-top: 0.44rem;
  padding-bottom: 0.44rem;
  overflow: hidden;
  border-radius: 0.22rem;
  background: rgba(255,255,255,0.04);
  border: 1px solid rgba(255,255,255,0.15);
}

.agency-tab5-faqframe2 {
  padding-top: 0!important;
}

.agency-tab5-faqframe .title-frame {
  position: relative;
  left: 0.44rem;
  width: 8.12rem;
  font-size: .426rem;
  line-height: .64rem;
  color: #FFFFFF;
  text-align: center;
  font-weight: 700;
}

.agency-tab5-faqframe .title1-frame {
  position: relative;
  left: 0.44rem;
  width: 8.12rem;
  font-size: .373rem;
  color: #FFFFFF;
  text-align: center;
  line-height: .533rem;
}

.agency-tab5-faqframe .title2-frame {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  left: 0;
  width: 9rem;
  height: 1.76rem;
  font-size: .533rem;
  font-weight: 700;
  color: #78340F;
  text-align: center;
  border-radius: 0.22rem 0.22rem 0 0;
  background-image: linear-gradient(101deg, #FCD7A1 0%, #D17836 100%);
}

.agency-tab5-faqframe .title3-frame {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  margin-top: -0.44rem;
  left: 0;
  width: 8.4rem;
  padding-left: 0.3rem;
  padding-right: 0.3rem;
  height: 1.76rem;
  font-size: .426rem;
  line-height: .64rem;
  font-weight: 700;
  color: #FFFFFF;
  text-align: center;
  border-radius: 0.22rem 0.22rem 0 0;
  background-image: linear-gradient(101deg, rgba(255,255,255,0.25) 0%, rgba(255,255,255,0.04) 100%);
}

.agency-tab5-faqframe .space-frame {
  position: relative;
  left: 0.44rem;
  width: 8.12rem;
  height: 0.22rem;
}

.agency-tab5-faqframe .bright-text {
  color: #FFEE00;
}

.agency-tab5-faqframe .bright-text1 {
  color: #FFEE00;
  font-weight: 700;
}

.agency-tab5-faqframe .bright-text4 {
  margin-left: 2px;
}

.agency-tab5-faqframe .tips-frame {
  position: relative;
  left: 0.44rem;
  width: 8.12rem;
  font-size: .32rem;
  line-height: .533rem;
  color: rgba(255,255,255,0.85);
}

.agency-tab5-faqframe .tips-bg {
  position: relative;
  left: 0;
  width: 9rem;
  height: 6.75rem;
}


.agency-tab5-faqframe .tips1-frame {
  position: relative;
  margin-top: 0.44rem;
  left: 0.44rem;
  width: 8.12rem;
  height: 2.22rem;
}

.agency-tab5-faqframe .tips1-frame .tips1-avatar {
  position: absolute;
  top: 0;
  left: 0;
  width: 2.22rem;
  height: 2.22rem;
}

.agency-tab5-faqframe .tips1-frame .tips1-text1 {
  position: absolute;
  top: 0.1rem;
  left: 2.44rem;
  width: 5.5rem;
  font-size: .373rem;
  line-height: .533rem;
  color: rgba(255,255,255,0.65);
}

.agency-tab5-faqframe .tips1-frame .tips1-text13 {
  position: absolute;
  top: 0.6rem;
  left: 2.44rem;
  width: 4.5rem;
  font-size: .426rem;
  line-height: .533rem;
  color: rgba(255,255,255,0.65);
  font-weight: 700;
}

.agency-tab5-faqframe .tips1-frame .tips1-text2 {
  position: absolute;
  bottom: 0.25rem;
  left: 2.44rem;
  width: 5.5rem;
  font-size: .426rem;
  color: rgba(255,255,255,0.65);
}

.agency-tab5-faqframe .tips2-frame {
  position: relative;
  margin-top: 0.44rem;
  left: 0.44rem;
  width: 8.12rem;
}

.agency-tab5-faqframe .tips2-frame .tips2-item {
  display: flex;
  align-items: center;
  position: relative;
  left: 0;
  width: 8.12rem;
  height: 0.55rem;
}

.agency-tab5-faqframe .tips2-frame .tips2-item3 {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  left: 0;
  width: 8.12rem;
  height: 0.55rem;
  text-align: center;
  color: #FFFFFF;
  font-weight: 400;
  font-size: .32rem;
}

.agency-tab5-faqframe .tips2-frame .tips2-item4 {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  position: relative;
  left: 0;
  width: 8.4rem;
  height: 0.55rem;
  text-align: center;
  color: #FFFFFF;
  font-weight: 400;
  font-size: .32rem;
}

.agency-tab5-faqframe .tips2-frame .tips2-item31 {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  left: 0;
  width: 8.12rem;
  height: 0.66rem;
  text-align: center;
  color: #FFEE00;
  font-weight: 700;
  font-size: .533rem;
}

.agency-tab5-faqframe .tips2-frame .tips2-item-left {
  position: absolute;
  left: 0;
  width: 100%;
  font-size: .3rem;
  color: #FFFFFF;
  text-align: left;
}

.agency-tab5-faqframe .tips2-frame .tips2-item-right {
  position: absolute;
  right: 0;
  width: 100%;
  font-size: .373rem;
  color: #FFEE00;
  text-align: right;
}


.agency-tab5-faqframe .tips3-frame {
  position: relative;
  margin-top: 0.44rem;
  left: 0.44rem;
  width: 8.12rem;
  height: 3.48rem;
}

.agency-tab5-faqframe .tips3-avatar-frame {
  position: relative;
  left: 0.44rem;
  width: 8.12rem;
  height: 2.22rem;
  display: flex;
  justify-content: center;
  align-items: center;
}

.agency-tab5-faqframe .tips3-avatar-frame-icon {
  width: 2.22rem;
  height: 2.22rem;
}

.agency-tab5-faqframe .tips3-frame3 {
  margin-top: 0.3rem!important;
  height: 3.2rem!important;
}

.agency-tab5-faqframe .tips3-frame4 {
  margin-top: 0.1rem!important;
  height: 2.8rem!important;
}

.agency-tab5-faqframe .tips3-frame .tips3-text1 {
  position: absolute;
  top: 0.6rem;
  left: -0.8rem;
  width: 4rem;
  font-size: .26rem;
  color: #FFFFFF;
  text-align: center;
  transform: rotate(-45deg);
  line-height: 0.35rem;
}

.agency-tab5-faqframe .tips3-frame .tips3-text14 {
  position: absolute;
  top: 1.9rem;
  left: -1rem;
  width: 4rem;
  font-size: .26rem;
  color: #FFFFFF;
  text-align: center;
  transform: rotate(45deg);
  line-height: 0.35rem;
}

.agency-tab5-faqframe .tips3-frame .tips3-text2 {
  position: absolute;
  top: 1.86rem;
  left: 0.4rem;
  width: 4rem;
  font-size: .26rem;
  color: #FFFFFF;
  text-align: center;
  transform: rotate(-45deg);
  line-height: 0.35rem;
}

.agency-tab5-faqframe .tips3-frame .tips3-text3 {
  position: absolute;
  top: 2.6rem;
  left: 50%;
  margin-left: -3rem;
  width: 6rem;
  font-size: .26rem;
  color: #FFFFFF;
  text-align: center;
  line-height: 0.35rem;
}

.agency-tab5-faqframe .tips3-frame .tips3-text34 {
  top: 2.3rem!important;
}

.agency-tab5-faqframe .tips3-frame .tips3-text341 {
  top: 0rem!important;
}

.agency-tab5-faqframe .tips3-frame .tips3-text4 {
  position: absolute;
  top: 1.86rem;
  right: 0.4rem;
  width: 4rem;
  font-size: .26rem;
  color: #FFFFFF;
  text-align: center;
  transform: rotate(45deg);
  line-height: 0.35rem;
}

.agency-tab5-faqframe .tips3-frame .tips3-text5 {
  position: absolute;
  top: 0.6rem;
  right: -0.8rem;
  width: 4rem;
  font-size: .28rem;
  color: #FFFFFF;
  text-align: center;
  transform: rotate(45deg);
  line-height: 0.35rem;
}

.agency-tab5-faqframe .tips3-frame .tips3-text54 {
  position: absolute;
  top: 1.9rem;
  right: -1rem;
  width: 4rem;
  font-size: .28rem;
  color: #FFFFFF;
  text-align: center;
  transform: rotate(-45deg);
  line-height: 0.35rem;
}

.agency-tab5-faqframe .tips3-frame .tips3-arrow1 {
  position: absolute;
  top: 0.44rem;
  left: 1.05rem;
  width: 1.78rem;
  height: 2.22rem;
}

.agency-tab5-faqframe .tips3-frame .tips3-arrow14 {
  position: absolute;
  top: 0.2rem;
  right: 1.05rem;
  width: 1.78rem;
  height: 2.22rem;
  transform: rotate(180deg);
}

.agency-tab5-faqframe .tips3-frame .tips3-arrow2 {
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -0.89rem;
  width: 1.78rem;
  height: 2.22rem;
}

.agency-tab5-faqframe .tips3-frame .tips3-arrow24 {
  position: absolute;
  top: 0.5rem;
  left: 50%;
  margin-left: -0.89rem;
  width: 1.78rem;
  height: 2.22rem;
  transform: rotate(180deg);
}

.agency-tab5-faqframe .tips3-frame .tips3-arrow3 {
  position: absolute;
  top: 0.44rem;
  right: 1.05rem;
  width: 1.78rem;
  height: 2.22rem;
}

.agency-tab5-faqframe .tips3-frame .tips3-arrow34 {
  position: absolute;
  top: 0.2rem;
  left: 1.05rem;
  width: 1.78rem;
  height: 2.22rem;
  transform: rotate(180deg);
}

.agency-tab5-faqframe .tips4-frame {
  position: relative;
  margin-top: 0;
  left: 0.44rem;
  width: 8.12rem;
  height: 5.55rem;
}

.agency-tab5-faqframe .tips4-frame3 {
  height: 5rem!important;
}

.agency-tab5-faqframe .tips4-frame .tips4-item {
  position: absolute;
  top: 0;
  width: 2.5rem;
  height: 5.55rem;
  background: rgba(255,255,255,0.15);
  border-radius: 0.44rem;
  overflow: hidden;
}

.agency-tab5-faqframe .tips4-frame .tips4-item3 {
  height: 5rem!important;
}

.agency-tab5-faqframe .tips4-frame .tips4-item-avatar {
  position: absolute;
  top: 0.22rem;
  left: 50%;
  margin-left: -0.89rem;
  width: 1.78rem;
  height: 1.78rem;
  overflow: hidden;
}

.agency-tab5-faqframe .tips4-frame .tips4-item-info {
  position: absolute;
  top: 2.3rem;
  left: 50%;
  margin-left: -1.14rem;
  width: 2.28rem;
  height: 1.78rem;
  overflow: hidden;
  font-size: .32rem;
  line-height: .426rem;
  text-align: center;
  color: rgba(255,255,255,0.85);
}

.agency-tab5-faqframe .tips4-frame .tips4-item-bottom {
  position: absolute;
  bottom: 0;
  width: 2.5rem;
  height: 1.33rem;
  background: rgba(0,0,0,0.15);
}

.agency-tab5-faqframe .tips4-frame .tips4-item-bottom .text1 {
  position: absolute;
  top: 0.3rem;
  width: 100%;
  font-size: .29rem;
  color: #FFFFFF;
  font-weight: 700;
  text-align: center;
}

.agency-tab5-faqframe .tips4-frame .tips4-item-bottom .text2 {
  position: absolute;
  bottom: 0.2rem;
  width: 100%;
  font-size: .373rem;
  color: #FFFFFF;
  font-weight: 700;
  text-align: center;
}

.agency-tab5-faqframe .tips4-frame .tips4-item-1 {
  left: 0;
}

.agency-tab5-faqframe .tips4-frame .tips4-item-2 {
  left: 50%;
  margin-left: -1.25rem;
}

.agency-tab5-faqframe .tips4-frame .tips4-item-3 {
  right: 0;
}



.agency-tab5-faqframe .tips5-frame {
  position: relative;
  margin-top: 0;
  left: 0.44rem;
  width: 8.12rem;
  height: 4rem;
}

.agency-tab5-faqframe .tips5-frame .tips5-arrow1 {
  position: absolute;
  top: 0.2rem;
  left: 0.38rem;
  width: 1.78rem;
  height: 2.22rem;
}

.agency-tab5-faqframe .tips5-frame .tips5-arrow2 {
  position: absolute;
  top: 0.2rem;
  left: 2.2rem;
  width: 1.78rem;
  height: 2.22rem;
}

.agency-tab5-faqframe .tips5-frame .tips5-arrow3 {
  position: absolute;
  top: 0.2rem;
  right: 0.38rem;
  width: 1.78rem;
  height: 2.22rem;
}

.agency-tab5-faqframe .tips5-frame .tips5-item {
  position: absolute;
  top: 2.5rem;
  width: 2.5rem;
  height: 1.34rem;
}

.agency-tab5-faqframe .tips5-frame .tips5-item .text1 {
  position: absolute;
  top: 0;
  width: 2.5rem;
  height: 0.67rem;
  text-align: center;
  color: #FFFFFF;
  font-size: .27rem;
}

.agency-tab5-faqframe .tips5-frame .tips5-item .text2 {
  position: absolute;
  top: 0.7rem;
  width: 2.5rem;
  height: 0.67rem;
  text-align: center;
  color: #FFFFFF;
  font-size: .27rem;
}

.agency-tab5-faqframe .tips5-frame .tips5-item-1 {
  left: 0;
}

.agency-tab5-faqframe .tips5-frame .tips5-item-2 {
  left: 50%;
  margin-left: -1.25rem;
}

.agency-tab5-faqframe .tips5-frame .tips5-item-3 {
  right: 0;
}

.agency-tab5-faqframe .tips6-frame {
  position: relative;
  margin-top: 0;
  left: 0.44rem;
  width: 8.12rem;
  height: 5.55rem;
}

.agency-tab5-faqframe .tips6-frame4 {
  height: 5rem!important;
}

.agency-tab5-faqframe .tips7-frame {
  position: relative;
  margin-top: 0.33rem;
  left: 0.44rem;
  width: 8.12rem;
}

.agency-tab5-faqframe .tips7-frame .ftitle {
  position: relative;
  margin-top: 0.22rem;
  left: 0;
  width: 8.12rem;
  font-size: .373rem;
  line-height: .533rem;
  color: rgba(255,255,255,0.85);
  font-weight: 700;
}

.agency-tab5-faqframe .tips7-frame .fcontent {
  position: relative;
  left: 0;
  width: 8.12rem;
  font-size: .32rem;
  line-height: .533rem;
  color: rgba(255,255,255,0.65);
  font-weight: 400;
}

.agency-tab5-faqframe .tips6-frame .tips6-item {
  position: absolute;
  top: 0;
  width: 2.5rem;
  height: 5.55rem;
  background: rgba(255,255,255,0.15);
  border-radius: 0.44rem;
  overflow: hidden;
}

.agency-tab5-faqframe .tips6-frame .tips6-item4 {
  height: 5rem!important;
}

.agency-tab5-faqframe .tips6-frame .tips6-item-avatar {
  position: absolute;
  top: 0.22rem;
  left: 50%;
  margin-left: -0.89rem;
  width: 1.78rem;
  height: 1.78rem;
  overflow: hidden;
}

.agency-tab5-faqframe .tips6-frame .tips6-item-info {
  position: absolute;
  top: 2.3rem;
  left: 50%;
  margin-left: -1.14rem;
  width: 2.28rem;
  height: 1.78rem;
  overflow: hidden;
  font-size: .32rem;
  line-height: .426rem;
  text-align: center;
  color: rgba(255,255,255,0.85);
}

.agency-tab5-faqframe .tips6-frame .tips6-item-bottom {
  position: absolute;
  bottom: 0;
  width: 2.5rem;
  height: 1.33rem;
  background: rgba(0,0,0,0.15);
}

.agency-tab5-faqframe .tips6-frame .tips6-item-bottom .text1 {
  position: absolute;
  top: 0.3rem;
  width: 100%;
  font-size: .29rem;
  color: #FFFFFF;
  font-weight: 700;
  text-align: center;
}

.agency-tab5-faqframe .tips6-frame .tips6-item-bottom .text2 {
  position: absolute;
  bottom: 0.2rem;
  width: 100%;
  font-size: .373rem;
  color: #FFFFFF;
  font-weight: 700;
  text-align: center;
}

.agency-tab5-faqframe .tips6-frame .tips6-item-1 {
  left: 0;
}

.agency-tab5-faqframe .tips6-frame .tips6-item-2 {
  left: 50%;
  margin-left: -1.25rem;
}

.agency-tab5-faqframe .tips6-frame .tips6-item-3 {
  right: 0;
}



.supermember-page-frame {
  position:relative;left:0rem;width:10rem;
}

.supermember-page-frame .top-icon {
  position:relative;margin-top:0.2rem;left:0.5rem;width:9rem;height:4.5rem;
}

.supermember-page-frame .top-icon img {
  position:absolute;top:0;left:0;width:9rem;height: auto;
}

.supermember-page-frame .top-day {
  position:relative;margin-top:-1.1rem;left:0.5rem;width:9rem;height:4.5rem;z-index: 2;
}

.supermember-page-frame .top-day-bg {
  position:absolute;top:0;left:0;width:9rem;
}

.supermember-page-frame .top-day .day1 {
  position: absolute;
  top: 0.4rem;
  left: 2.26rem;
  width:2rem;
  height:0.9rem;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #FFEE00;
  font-size: .32rem;
}

.supermember-page-frame .top-day .day2 {
  position: absolute;
  top: 0.4rem;
  left: 4.36rem;
  width: 2rem;
  height: 0.9rem;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #FFEE00;
  font-size: .32rem;
}

.supermember-page-frame .top-day .day3 {
  position: absolute;
  top: 0.4rem;
  left: 6.54rem;
  width: 2rem;
  height: 0.9rem;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #FFEE00;
  font-size: .32rem;
}

.supermember-page-frame .top-content1 {
  position:absolute;
  top: 1.3rem;
  left: 0.5rem;
  width: 8rem;
  height:2rem;
}

.supermember-page-frame .top-content-item1 {
  position:absolute;
  top:0.5rem;
  left:0;
  width:8rem;
  height:0.7rem;
  display: flex;
  align-items: center;
}

.supermember-page-frame .top-content-item2 {
  position:absolute;
  top:1.2rem;
  left:0;
  width:8rem;
  height:0.7rem;
  display: flex;
  align-items: center;
}

.supermember-page-frame .top-content-item3 {
  position:absolute;
  top:1.9rem;
  left:0;
  width:8rem;
  height:0.7rem;
  display: flex;
  align-items: center;
}

.supermember-page-frame .top-content-itemicon {
  position: absolute;
  left: 0.2rem;
  width: 0.44rem;
  height: 0.44rem;
}

.supermember-page-frame .top-content-itemtitle {
  position: absolute;
  left: 0.8rem;
  width: 1.6rem;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  font-size: .3rem;
  color: rgba(0,0,0,0.65);
  line-height: .3rem;
}

.supermember-page-frame .top-content-itemline {
  position: absolute;
  left: 2.5rem;
  width: 3.3rem;
  height: .12rem;
  border-radius: 0.12rem;
  background: rgba(255,255,255,0.25);
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.supermember-page-frame .top-content-itemline2 {
  position: relative;
  width: 50%;
  height: 0.12rem;
  border-radius: 0.12rem;
  background: rgba(171,35,131,1);
}

.supermember-page-frame .top-content-itemline2point {
  position: absolute;
  top: 0;
  right: 0;
  width: 0.12rem;
  height: 0.12rem;
  border-radius: 0.12rem;
  background: rgba(255,255,255,1);
}

.supermember-page-frame .top-content-curdiv {
  position: absolute;
  left: 6.2rem;
  width: 1.7rem;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  font-size: .32rem;
  color: rgba(0,0,0,0.65);
}

.supermember-page-frame .top-content-curvalue {
  margin-left: 0.1rem;
  font-size: .373rem;
  font-weight: 700;
  color: #78340F;
}

.supermember-page-frame .top-content-curunit {
  margin-left: 0.1rem;
}

.supermember-page-frame .top-content2 {
  position:absolute;
  top: 1.35rem;
  left: 0.5rem;
  width: 8rem;
  height:2rem;
  display: flex;
  justify-content: center;
  align-items: center;
}

.supermember-page-frame .top-content-title {
  position:absolute;
  top: 0;
  left: 50%;
  margin-left: -4.5rem;
  width: 9rem;
  height: 0.675rem;
}

.supermember-page-frame .top-content-dui {
  width: 1.34rem;
  height: 1.34rem;
  margin-right: 0.1rem;
}

.supermember-page-frame .top-content-tips {
  width: 6.33rem;
  height: 2rem;
  font-size: .3rem;
  line-height: .373rem;
  color: #78340F;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 400;
}

.supermember-page-frame .slot-frame {
  position:relative;margin-top:-1.3rem;left:0;width:10rem;height:12.05rem;
}

.supermember-page-frame .slot-frame-bg {
  position:absolute;top:0;left:0;width:10rem;
}

.supermember-page-frame .slot-frame-light {
  position:absolute;top:0;left:0;width:10rem;
}


.supermember-page-frame .slot-frame-opt {
  position: absolute;
  top: 7.25rem;
  left: 0.9rem;
  width: 8.2rem;
  height: 1.56rem;
}

.supermember-page-frame .slot-frame-opt .btn-slot {
  position: absolute;
  top: 0;
  left: 0;
  width: 4.8rem;
  height: 1.56rem;
  transition: transform 0.2s ease-in-out;
}

.supermember-page-frame .slot-frame-opt .btn-slot-disable {
  position: absolute;
  top: 0;
  left: 0;
  width: 4.8rem;
  height: 1.56rem;
}

.supermember-page-frame .slot-frame-opt .btn-slot:active {
  opacity: 0.45;
  transform: scale(0.85);
}

.supermember-page-frame .btn-slot-img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.supermember-page-frame .slot-frame-opt .btn-rank {
  position: absolute;
  top: 0;
  right: 0;
  width: 3.342rem;
  height: 1.56rem;
  transition: transform 0.2s ease-in-out;
}

.supermember-page-frame .slot-frame-opt .btn-rank:active {
  opacity: 0.45;
  transform: scale(0.85);
}



.supermember-dialog-content {
  width: 10rem;
  height: 8.6rem;
  display: flex;
}

.supermember-dialog-content-tips {
  position: absolute;
  left: 50%;
  box-shadow: 0px 2px 8px 0px rgba(43,22,0,0.25);
  border-radius: 0.66rem;
  width: 8.3rem;
  margin-left: -4.15rem;
  height: 8.6rem;
  top: 0px;
  background: rgba(255, 255, 255, 0.08);
  backdrop-filter: blur(20px);
}

.supermember-dialog-content-tips .tips-icon {
  position: relative;
  margin-top: 1rem;
  left: 50%;
  margin-left: -0.66rem;
  width: 1.32rem;
  height: 1.32rem;
}

.supermember-dialog-content-tips .tips-title {
  position:relative;
  margin-top: 0.5rem;
  left: 50%;
  margin-left: -3rem;
  width: 6rem;
  line-height: 0.48rem;
  text-align: center;
  color: rgba(255,255,255,1);
  font-size: .373rem;
  font-weight: 400;
}

.supermember-dialog-content-tips .tips-day {
  position:relative;
  margin-top: 0.1rem;
  left: 50%;
  margin-left: -3rem;
  width: 6rem;
  line-height: 0.48rem;
  text-align: center;
  color: #FFEE00;
  font-size: .426rem;
  font-weight: 400;
}

.supermember-dialog-content-tips .tips-text {
  position:relative;
  margin-top: 0.2rem;
  left: 50%;
  margin-left: -3rem;
  width: 6rem;
  line-height: 0.5rem;
  text-align: center;
  color: rgba(255,255,255,0.65);
  font-size: .373rem;
  font-weight: 400;
}

.supermember-dialog-content .btnframe {
  position: relative;
  margin-top: 1rem;
  left: 50%;
  margin-left: -4.2rem;
  width: 8.4rem;
  height: 1.12rem;
  display: flex;
  align-items: center;
  color: #FFFFFF;
  font-size:.373rem;
}

.supermember-dialog-content .alertdialog-btn {
  position: absolute;
  height: 1.12rem;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: transform 0.2s ease;
  width:3.36rem;
  left: 50%;
  margin-left: -1.68rem;
  border-radius: 0.44rem;
  background-image: linear-gradient(72deg, #FE7919 0%, #AB3FE7 100%);
}

.supermember-dialog-content .alertdialog-btn:active {
  transform: scale(0.8);
}


.supermember-rank-frame {
  width: 10rem;
  height: 14.4rem;
  display: flex;
}


.supermember-rank-content {
  position: absolute;
  top: 0px;
  left: 50%;
  width: 8.3rem;
  margin-left: -4.15rem;
  height: 14.386rem;
}

.supermember-rank-content .rank-bg {
  position: absolute;
  top: 0px;
  left: 0;
  width: 100%;
  height: 100%;
}

.supermember-rank-content .day-frame {
  position: absolute!important;
  top: 2.1rem!important;
  left: 0!important;
  width: 100%!important;
  height: 0.7rem!important;
  display: flex!important;
  justify-content: center!important;
  align-items: center!important;
  color: #BB0086!important;
  font-size: .533rem!important;
  font-weight: 700!important;
  margin-top: unset!important;
  overflow: unset!important;
}

.supermember-rank-content .close-frame {
  position: absolute;
  top: 0;
  right: 0;
  width: 1.2rem;
  height: 1.2rem;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 3;
}

.supermember-rank-content .close-frame img {
  width:0.66rem;
  height: 0.66rem;;
}


.supermember-rank-content .rank1-frame {
  position: absolute;
  top: 5.2rem;
  left: 50%;
  margin-left: -1rem;
  width: 2rem;
  height: 3.12rem;
}

.supermember-rank-content .rank2-frame {
  position: absolute;
  top: 5.7rem;
  left: 0.75rem;
  width: 2rem;
  height: 3.12rem;
}

.supermember-rank-content .rank3-frame {
  position: absolute;
  top: 5.7rem;
  right: 0.75rem;
  width: 2rem;
  height: 3.12rem;
}

.supermember-rank-content .rank-frame-bg {
  position: absolute;
  width: 100%;
  height: 100%;
}

.supermember-rank-content .rank-frame-topicon {
  position: absolute;
  top: -0.4rem;
  left: 50%;
  margin-left: -0.44rem;
  width: 0.88rem;
  height: 0.88rem;
}

.supermember-rank-content .rank-frame-avatar {
  position: absolute;
  top: 0.15rem;
  left: 50%;
  margin-left: -0.44rem;
  width: 0.88rem;
  height: 0.88rem;
  border-radius: 0.5rem;
}

.supermember-rank-content .rank-frame-phone {
  position:absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  top: 1.15rem;
  width: 100%;
  height: 0.44rem;
  font-size: .27rem;
  color: rgba(0,0,0,0.45);
}

.supermember-rank-content .rank-frame-bonustitle {
  position:absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  top: 1.65rem;
  width: 100%;
  height: 0.44rem;
  font-size: .28rem;
  color: rgba(0,0,0,0.45);
}


.supermember-rank-content .rank-frame-bonusvalue {
  position:absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  top: 2rem;
  width: 100%;
  height: 0.5rem;
}

.supermember-rank-content .rank-frame-bonusvalue .unit {
  font-size: .28rem;
  color: rgba(0,0,0,0.85);
}

.supermember-rank-content .rank-frame-bonusvalue .value {
  font-size: .346rem;
  color: #BB0086;
  font-weight: 700;
}


.supermember-rank-content .rank-other-frame {
  position: absolute;
  top: 8.9rem;
  left: 50%;
  margin-left: -3.33rem;
  width: 6.66rem;
  height: 5.2rem;
  overflow-x: hidden;
  overflow-y: scroll;
}

.supermember-rank-content .rank-other-frame .rank-item {
  position: relative;
  margin-top: 0.1rem;
  width: 6.66rem;
  height: 0.666rem;
  display: flex;
  align-items: center;
}

.supermember-rank-content .rank-other-frame .rank-item-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}

.supermember-rank-content .rank-other-frame .rank-num {
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  top: 0;
  left: 0;
  width: 1rem;
  height: 100%;
  font-size: .373rem;
  color: #BB0086;
  font-weight: 700;
}

.supermember-rank-content .rank-other-frame .rank-avatar {
  position: absolute;
  left: 1rem;
  width: 0.55rem;
  height: 0.55rem;
  border-radius: 0.5rem;
}

.supermember-rank-content .rank-other-frame .rank-name {
  position: absolute;
  left: 1.75rem;
  width: 3rem;
  font-size: .32rem;
  color: rgba(0,0,0,0.45);
}

.supermember-rank-content .rank-other-frame .rank-bonus {
  position: absolute;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  right: 0.5rem;
  width: 5rem;
}

.supermember-rank-content .rank-other-frame .rank-bonus-unit {
  font-size: .26rem;
  color: rgba(0,0,0,0.45);
  font-weight: 400;
  margin-right: 0.1rem;
}

.supermember-rank-content .rank-other-frame .rank-bonus-value {
  font-size: .32rem;
  color: rgba(0,0,0,0.85);
  font-weight: 400;
}


.supermember-result-frame {
  width: 10rem;
  height: 11rem;
  margin-top: 20%;
}


.supermember-result-content {
  position: absolute;
  top: 1rem;
  left: 50%;
  margin-left: -5rem;
  width: 10rem;
  height: 10rem;
}

.supermember-result-content .bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 10rem;
}

.supermember-result-content .day-frame {
  position: absolute!important;
  display: flex!important;
  justify-content: center!important;
  align-items: center!important;
  top: 2.9rem!important;
  left: 0!important;
  width: 10rem!important;
  height: 0.7rem!important;
  font-size: .533rem!important;
  color: #BB0086!important;
  font-weight: 700!important;
  margin-top: unset!important;
}

.supermember-result-content .bonus-frame {
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  top: 4.8rem;
  left: 0;
  width: 10rem;
  height: 1.4rem;
}

.supermember-result-content .bonus-frame-unit {
  color: #FFEE00;
  font-weight: 700;
  font-size: .533rem;
  margin-right: 0.1rem;
}

.supermember-result-content .bonus-frame-value {
  color: #FFEE00;
  font-weight: 700;
  font-size: 1.28rem;
}

.supermember-result-content .dialog-btn {
  position: absolute;
  top: 8rem;
  height: 1.33rem;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: transform 0.2s ease;
  width: 3.33rem;
  left: 50%;
  margin-left: -1.665rem;
  border-radius: 0.44rem;
  background-image: linear-gradient(72deg, #FE7919 0%, #AB3FE7 100%);
  color: #FFFFFF;
  font-size:.373rem;
}

.supermember-result-content .dialog-btn:active {
  opacity: 0.5;
  transform: scale(0.85);
}


.slot-machine-frame {
  /* position: absolute;
  top: 4.3rem;
  left: 2rem;
  width: 6.4rem;
  height: 2.2rem;
  display: flex;
  overflow: hidden; */
  position: absolute;
  top: 4.8rem;
  left: 2rem;
  width: 6.4rem;
  height: 1.2rem;
  display: flex;
  overflow: hidden;
}

.slot-machine-topframe {
  position: absolute;
  top: 4.1rem;
  left: 1.8rem;
  width: 6.4rem;
  height: 1.1rem;
  overflow: hidden;
}

.slot-machine-topframe .ttbg {
  position:absolute;
  top:0;
  left:0;
  width:1.1rem;
}

.slot-machine-bottomframe {
  position: absolute;
  top: 5.5rem;
  left: 1.8rem;
  width: 6.4rem;
  height: 1.1rem;
  overflow: hidden;
}

.slot-machine-bottomframe .ttbg {
  position:absolute;
  bottom:0.1rem;
  left:0;
  width:1.1rem;
}

.slot-machine {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 0.1rem;
  left: 0.05rem;
  width: 1rem;
  height: 2.2rem;
  overflow: hidden;
  /* border: 2px solid #333;
  background-color: #fff; */
}

.slot {
  display: flex;
  flex-direction: column;
}

.slot-number {
  font-size: 1.1rem;
  font-weight: 700;
  height: 1.2rem;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: transform 1s ease-out;
}

.spin {
  /* transition: transform 3s cubic-bezier(0.33, 1, 0.68, 1);  */
  transition: transform 3s ease-out; /* 控制转动时间 */
}


.gift-tips-white {
  color: rgba(255,255,255,0.85)!important;
}



.sdrebate-item {
  position: relative;
  margin-bottom: 0.3rem;
  left: 0.5rem;
  width: 9rem;
  height: 2.7rem;
}

.sdrebate-item .item-bg {
  position: absolute;
  top:0;
  left: 0;
  width: 100%;
}

.sdrebate-item .item-logo {
  position:absolute;
  top: 0.22rem;
  left: 0.22rem;
  width: 1.11rem;
  height: 1.11rem;
  background: rgba(0,0,0,0.25);
  border-radius: 0.6rem;
  display: flex;
  justify-content: center;
  align-items: center;
}

.sdrebate-item .item-logo-img {
  width: 0.66rem;
  height: 0.66rem;
}

.sdrebate-item .item-left-text {
  position:absolute;
  top: 0.22rem;
  left: 1.56rem;
  width: 5rem;
  height: 1.11rem;
}

.sdrebate-item .item-light-text {
  color: #FFFFFF;
  margin-left: 0.1rem;
}

.sdrebate-item .item-left-text-top {
  position:absolute;
  top: 0;
  left: 0;
  width: 5rem;
  height: 0.55rem;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  color: rgba(255,255,255,0.65);
  font-size: .32rem;
}

.sdrebate-item .item-left-text-bottom {
  position:absolute;
  top: 0.55rem;
  left: 0;
  width: 5rem;
  height: 0.55rem;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  color: rgba(255,255,255,0.65);
  font-size: .32rem;
}

.sdrebate-item .btn-claim {
  position:absolute;
  top: 0.33rem;
  right: 0.33rem;
  width: 2rem;
  height: 0.89rem;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: transform 0.1s ease-in-out;
}

.sdrebate-item .btn-claim:active {
  opacity: 0.45;
  transform: scale(0.9);
}

.sdrebate-item .btn-claim-img {
  width: 100%;
}

.sdrebate-item .reward-text {
  position:absolute;
  top: 0.33rem;
  right: 2.56rem;
  width: 2.5rem;
  height: 0.89rem;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}

.sdrebate-item .reward-text-unit {
  color: #FCD7A1;
  font-size: .32rem;
  font-weight: 400;
  margin-right: 0.1rem;
}

.sdrebate-item .reward-text-value {
  color: #FCD7A1;
  font-weight: .533rem;
  font-weight: 700;
}

.sdrebate-item .bottom-percent {
  position: absolute;
  bottom: 0.2rem;
  left: 0.22rem;
  width: 8.45rem;
  height: 1rem;
}

.sdrebate-item .bottom-percent .right-arrow {
  position: absolute;
  top: 0;
  right: 0;
  width: 2.2rem;
  height: 1rem;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  transition: transform 0.1s ease-in-out;
}

.sdrebate-item .bottom-percent .right-arrow:active {
  opacity: 0.45;
  transform: scale(0.9);
}

.sdrebate-item .bottom-percent .right-arrow-title {
  color: rgba(255,255,255,0.85);
  font-size: .3rem;
}

.sdrebate-item .bottom-percent .right-arrow-icon {
  margin-left: 0;
  width: 0.44rem;
  height: 0.44rem;
}

.sdrebate-item .bottom-percent .line-text {
  position: absolute;
  top: 0;
  left: 0;
  width: 6.11rem;
  height: 0.35rem;
  display: flex;
  align-items: flex-end;
  overflow: hidden;
}

.sdrebate-item .bottom-percent .line-text-start {
  position:absolute;
  bottom:0;
  left:0;
  color: rgba(255,255,255,0.45);
  font-size: .28rem;
}

.sdrebate-item .bottom-percent .line-text-end {
  position:absolute;
  bottom:0;
  right:0;
  color: #F9C486;
  font-size: .28rem;
}

.sdrebate-item .bottom-percent .line-total {
  position: absolute;
  top: 0.5rem;
  left: 0;
  width: 6.11rem;
  height: 0.22rem;
  border-radius: 0.2rem;
  background: rgba(255,255,255,0.15);
  display: flex;
  justify-content: flex-start;
  align-items: center;
  overflow: hidden;
}

.sdrebate-item .bottom-percent .line-current {
  position: relative;
  width: 0%;
  height: 100%;
  background: #F9C486;
  border-radius: 0.2rem;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}

.sdrebate-item .bottom-percent .line-current-point {
  background: #FFFFFF;
  width: 0.22rem;
  height: 0.22rem;
  border-radius: 0.2rem;
}



.hdialog-rewardrule-title {
  position: relative;
  width: 100%;
  height: 1.5rem;
  background: rgba(0, 0, 0, 0.15);
  text-align: center;
  font-size: 0.426rem;
  line-height: 1.5rem;
  color: rgba(255, 255, 255, 0.65);
}

.hdialog-rewardrule-title img {
  position: absolute;
  top: 50%;
  margin-top: -0.4rem;
  opacity: 0.45;
  right: 0.3rem;
  width: 0.8rem;
  height: 0.8rem;
}


.hdialog-glmenu-frame {
  position: relative;
  margin-top: 0.5;
  left: 0.5rem;
  width: 9.5rem;
  height: 1.2rem;
  line-height: 1.2rem;
  color: #FFFFFF;
  font-size: .373rem;
  overflow-y: hidden;
  overflow-x: scroll;
  z-index: 3;
  margin-bottom: 0.5rem;
}

.hdialog-glmenu-frame .menu-container {
  white-space: nowrap;
  display: inline-block;
}


.hdialog-glmenu-frame .menu-itemcur {
  position: relative;
  display: inline-block;
  padding-left: 0.3rem;
  padding-right: 0.3rem;
  height: 1.11rem;
  line-height: 1.11rem;
  top: 0;
  background-image: linear-gradient(116deg, #FCD7A1 0%, #D17836 100%);
  color: #FFFFFF;
  font-size: .373rem;
  border-radius: 0.22rem;
  margin-right: 0.22rem;
}

.hdialog-glmenu-frame .menu-item {
  position: relative;
  display: inline-block;
  padding-left: 0.3rem;
  padding-right: 0.3rem;
  height: 1.11rem;
  line-height: 1.11rem;
  top: 0;
  background: rgba(255,255,255,0.15);
  border: 0.5px solid rgba(255,255,255,0.15);
  color: #FFFFFF;
  font-size: .373rem;
  border-radius: 0.22rem;
  margin-right: 0.22rem;
}

.hdialog-glmenu-frame .menu-item-frame {
  position: relative;
  top: 0;
  width: 100%;
  height: 1.11rem;
  line-height: 1.11rem;
  text-align: center;
  font-size: .373rem;
  display: flex;
  justify-content: center;
  align-items: center;
}

.hdialog-glmenu-frame .menu-item-frame-icon {
  width: 0.66rem;
  height: 0.66rem;
}

.hdialog-glmenu-frame .menu-item-frame-name {
  margin-left: 0.2rem;
}


.hdialog-glmenu-content {
  position: relative;
  top: 0.5rem;
  left: 0;
  width: 10rem;
  max-height: 80vh;
  overflow: scroll;
}

.hdialog-glmenu-frame-title-item {
  position: relative;
  left: 0.5rem;
  width: 9rem;
  height: 1.34rem;
  line-height: 1.34rem;
  font-size: .3rem;
  color: rgba(255, 255, 255, 0.85);
  background: rgba(255, 255, 255, 0.08);
  box-shadow: inset 0 -1px 0 0 rgba(0, 0, 0, 0.15);
}

.hdialog-glmenu-frame-title-item .line1 {
  position: absolute;
  top: 50%;
  left: 2.22rem;
  width: 1px;
  height: 0.56rem;
  margin-top: -0.28rem;
  background: rgba(255, 255, 255, 0.15);
}

.hdialog-glmenu-frame-title-item .line2 {
  position: absolute;
  top: 50%;
  right: 3rem;
  width: 1px;
  height: 0.56rem;
  margin-top: -0.28rem;
  background: rgba(255, 255, 255, 0.15);
}

.hdialog-glmenu-frame-title-item .title1 {
  position: absolute;
  top: 0;
  left: 0;
  width: 2.22rem;
  height: 100%;
  text-align: center;
}

.hdialog-glmenu-frame-title-item .title2 {
  position: absolute;
  top: 0;
  left: 2.22rem;
  width: 3.78rem;
  height: 100%;
  text-align: center;
}

.hdialog-glmenu-frame-title-item .title3 {
  position: absolute;
  top: 0;
  right: 0;
  width: 3rem;
  height: 100%;
  text-align: center;
}


.hdialog-glmenu-content .content-item1 {
  position: relative;
  left: 0.5rem;
  width: 9rem;
  height: 1.34rem;
  line-height: 1.34rem;
  font-size: .32rem;
  color: rgba(255,255,255,0.85);
  background: rgba(255, 255, 255, 0.04);
  box-shadow: inset 0 -1px 0 0 rgba(0, 0, 0, 0.15);
  text-align: center;
}

.hdialog-glmenu-content .content-item2 {
  background: transparent;
}

.hdialog-glmenu-content .content-item1 .item-value1 {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 2.22rem;
}

.hdialog-glmenu-content .content-item1 .item-value2 {
  position: absolute;
  top: 0;
  left: 2.22rem;
  height: 100%;
  width: 3.78rem;
}

.hdialog-glmenu-content .content-item1 .item-value3 {
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  width: 3rem;
}



.hddialog-fapp-frame {
  width: 10rem;;
  display: flex;
  flex-flow: column;
  overflow: hidden;
}

.hddialog-fapp-container {
  position: relative;
  height:13.28rem;
  width: 10rem;
  display: flex;
  justify-content: center;
  overflow: hidden;
}

.hddialog-fapp-container .hddialog-fapp-content {
  position:relative;
  width: 8.34rem;
  height:13.28rem;
  display: flex;
  justify-content: center;
  overflow:hidden;
}

.hddialog-fapp-container .hddialog-fapp-content .fapp-bg {
  position:absolute;
  top:0;
  left:0;
  width:100%;
}

.hddialog-fapp-container .hddialog-fapp-content .fapp-banner {
  position:absolute;
  top:0;
  left:0;
  width:100%;
}

.hddialog-fapp-container .hddialog-fapp-content .fapp-tips-frame {
  position:absolute;
  top:4.11rem;
  width: 6.22rem;
  height: 4.5rem;
  overflow: hidden;
}

.hddialog-fapp-container .hddialog-fapp-content .fapp-tips-frame-text {
  position:absolute;
  top:50%;
  margin-top: -2rem;
  left: 50%;
  margin-left: -2.78rem;
  width: 5.56rem;
  height: 4rem;
  text-align: center;
  color: #FFFFFF;
  font-size: .373rem;
  line-height: .48rem;
  font-weight: 700;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow-x: hidden;
  overflow-y: scroll;
}

.hddialog-fapp-container .hddialog-fapp-content .fapp-tips-frame-bg {
  position:absolute;
  top:0;
  left:0;
  width: 100%;
}

.hddialog-fapp-container .hddialog-fapp-content .fapp-account-frame {
  position:absolute;
  top: 8.94rem;
  width: 6.22rem;
  height: 0.88rem;
  border-radius: 0.5rem;
  background: rgba(0,0,0,0.08);
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  white-space: nowrap;
}

.hddialog-fapp-container .hddialog-fapp-content .fapp-account-frame-title {
  font-weight: 400;
  color: rgba(255,255,255,0.65);
  font-size: .3rem;
}

.hddialog-fapp-container .hddialog-fapp-content .fapp-account-frame-icon {
  margin-left: 0.12rem;
  width: 0.66rem;
  height: 0.66rem;
  border: 0.5px solid rgba(255,255,255,0.45);
  border-radius: 0.5rem;
}

.hddialog-fapp-container .hddialog-fapp-content .fapp-account-frame-value {
  margin-left: 0.12rem;
  color: rgba(255,255,255,0.85);
  font-size: .32rem;
  font-weight: 700;
}

.hddialog-fapp-container .hddialog-fapp-content .fapp-install-frame {
  position:absolute;
  top: 10.26rem;
  width: 4.44rem;
  height: 1.11rem;
  border-radius: 0.66rem;
  background-image: linear-gradient(180deg, #74CF47 0%, #31750F 100%);
  color: #FFFFFF;
  font-size: .373rem;
  font-weight: 400;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: transform 0.1s ease-in-out;
}
.hddialog-fapp-container .hddialog-fapp-content .fapp-install-frame:active {
  opacity: 0.45;
  transform: scale(0.9);
}

.hddialog-fapp-container .hddialog-fapp-content .fapp-install-frame-text {
  color: #FFFFFF;
  font-size: .373rem;
  font-weight: 400;
}

.hddialog-fapp-container .hddialog-fapp-content .fapp-install-frame-icon {
  width: 0.66rem;
  height: 0.66rem;
  margin-right: 0.2rem;
}

.hddialog-fapp-container .hddialog-fapp-content .fapp-cs {
  position:absolute;
  top:0.44rem;
  left:0.44rem;
  width: 0.66rem;
  height: 0.66rem;
  border-radius: 0.5rem;
  background: rgba(0,0,0,0.65);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 2;
  transition: transform 0.1s ease-in-out;
}

.hddialog-fapp-container .hddialog-fapp-content .fapp-cs:active {
  opacity: 0.45;
  transform: scale(0.9);
}

.hddialog-fapp-container .hddialog-fapp-content .fapp-cs-icon {
  width: 0.4rem;
  height: 0.4rem;
}

.hddialog-fapp-container .hddialog-fapp-content .fapp-close {
  position:absolute;
  bottom:0;
  left:50%;
  margin-left: -0.33rem;
  width: 0.66rem;
  height: 0.66rem;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 2;
}

.hddialog-fapp-container .hddialog-fapp-content .fapp-close-icon {
  width: 0.66rem;
  height: 0.66rem;
}



.flrebate-top-banner {
  position: absolute;
  top:1.326rem;
  left:0;
  width:10rem;
}


.flrebate-item {
  position: relative;
  margin-bottom: 0.3rem;
  left: 0.5rem;
  width: 9rem;
  height: 4.5rem;
}

.flrebate-item .item-bg {
  position: absolute;
  top:0;
  left: 0;
  width: 100%;
}

.flrebate-item .item-topframe {
  position: absolute;
  top:0;
  left: 0;
  width: 100%;
  height: 1.44rem;
  display: flex;
  justify-content: center;
  align-items: center;
}

.flrebate-item .item-topframe-title1 {
  color: rgba(255,255,255,0.65);
  font-size: .373rem;
  font-weight: 700;
  margin-right: 0.1rem;
}

.flrebate-item .item-topframe-value1 {
  color: #F9C486;
  font-size: .426rem;
  font-weight: 700;
  margin-right: 0.3rem;
}

.flrebate-item .item-topframe-title2 {
  margin-left: 0.3rem;
  color: rgba(255,255,255,0.65);
  font-size: .373rem;
  font-weight: 700;
}

.flrebate-item .item-topframe-value2 {
  color: #F9C486;
  font-size: .426rem;
  font-weight: 700;
  margin-left: 0.1rem;
}

.flrebate-item .item-topframe-line {
  width: 0.5px;
  height: 0.6rem;
  background: rgba(255,255,255,0.25);;
}

.flrebate-item .item-middleframe {
  position: absolute;
  top: 1.44rem;
  left: 50%;
  margin-left: -4rem;
  width: 8rem;
  height: 1.33rem;
  border-radius: 0.7rem;
  background: rgba(0,0,0,0.25);
  display: flex;
  align-items: center;
}

.flrebate-item .item-middleframe-icon {
  position: absolute;
  left: 0.33rem;
  width: 0.88rem;
  height: 0.88rem;
}

.flrebate-item .item-middleframe-value {
  position: absolute;
  left: 1.55rem;
  width: 5rem;
  height: 1.33rem;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.flrebate-item .item-middleframe-value .value-unit {
  color: rgba(255,255,255,0.45);
  font-size: .32rem;
  font-weight: 400;
  margin-right: 0.1rem;
}

.flrebate-item .item-middleframe-value .value-text {
  color: #FCD7A1;
  font-size: .64rem;
  font-weight: 700;
}

.flrebate-item .item-middleframe-btn {
  position: absolute;
  right: 0.1rem;
  width: 2.22rem;
  height: 1.11rem;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: transform 0.1s ease-in-out;
}

.flrebate-item .item-middleframe-btn:active {
  opacity: 0.45;
  transform: scale(0.9);
}

.flrebate-item .item-middleframe-btn-bg {
  width: 100%;
}

.flrebate-item .bottom-percent {
  position: absolute;
  bottom: 0.4rem;
  left: 0.5rem;
  width: 8rem;
  height: 1.22rem;
}

.flrebate-item .bottom-percent .right-arrow {
  position: absolute;
  top: 0;
  right: 0;
  width: 2.2rem;
  height: 1rem;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  transition: transform 0.1s ease-in-out;
}

.flrebate-item .bottom-percent .right-arrow:active {
  opacity: 0.45;
  transform: scale(0.9);
}

.flrebate-item .bottom-percent .right-arrow-title {
  color: rgba(255,255,255,0.85);
  font-size: .3rem;
}

.flrebate-item .bottom-percent .right-arrow-icon {
  margin-left: 0;
  width: 0.44rem;
  height: 0.44rem;
}

.flrebate-item .bottom-percent .line-text {
  position: absolute;
  top: 0.05rem;
  left: 0;
  width: 8rem;
  height: 0.35rem;
  display: flex;
  align-items: flex-end;
  overflow: hidden;
}

.flrebate-item .bottom-percent .line-text-start {
  position:absolute;
  bottom:0;
  left:0;
  color: rgba(255,255,255,0.65);
  font-size: .28rem;
}

.flrebate-item .bottom-percent .line-text-end {
  position:absolute;
  bottom:0;
  right:0;
  color: #F9C486;
  font-size: .28rem;
  display: flex;
  justify-content: flex-end;
}

.flrebate-item .bottom-percent .line-text-end-left {
  margin-right: 0.1rem;
  opacity: 0.5;
}

.flrebate-item .bottom-percent .line-bottomtext {
  position: absolute;
  bottom: 0.1rem;
  left: 0;
  width: 8rem;
  height: 0.35rem;
  display: flex;
  align-items: flex-end;
  overflow: hidden;
}

.flrebate-item .bottom-percent .line-bottomtext-start {
  position:absolute;
  bottom:0;
  left:0;
  color: rgba(255,255,255,0.65);
  font-size: .28rem;
}

.flrebate-item .bottom-percent .line-bottomtext-end {
  position:absolute;
  bottom:0;
  right:0;
  color: rgba(255,255,255,0.65);
  font-size: .28rem;
}

.flrebate-item .bottom-percent .line-total {
  position: absolute;
  top: 0.5rem;
  left: 0;
  width: 8rem;
  height: 0.22rem;
  border-radius: 0.2rem;
  background: rgba(255,255,255,0.15);
  display: flex;
  justify-content: flex-start;
  align-items: center;
  overflow: hidden;
}

.flrebate-item .bottom-percent .line-current {
  position: relative;
  width: 0%;
  height: 100%;
  background: #F9C486;
  border-radius: 0.2rem;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}

.flrebate-item .bottom-percent .line-current-point {
  background: #FFFFFF;
  width: 0.22rem;
  height: 0.22rem;
  border-radius: 0.2rem;
}


.flrebate-bottom-rules {
  position: relative;
  margin-top: 0.44rem;
  left: 0.5rem;
  width: 9rem;
  border-radius: 0.44rem;
  overflow: hidden;
}

.flrebate-bottom-rules .frules-title {
  position: relative;
  width: 100%;
  height: 1.33rem;
  background-image: linear-gradient(98deg, rgba(255,255,255,0.25) 0%, rgba(255,255,255,0.04) 100%);
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.flrebate-bottom-rules .frules-title-icon {
  margin-left: 0.44rem;
  width: 0.55rem;
  height: 0.55rem;
}

.flrebate-bottom-rules .frules-title-text {
  margin-left: 0.22rem;
  color: #FFFFFF;
  font-size: .373rem;
  font-weight: 700;
}

.flrebate-bottom-rules .frules-subtitle {
  position: relative;
  width: 100%;
  height: 1.33rem;
  background: rgba(255,255,255,0.08);
  display: flex;
  justify-content: center;
  align-items: center;
}

.flrebate-bottom-rules .frules-subtitle-line1 {
  position: absolute;
  left: 1.34rem;
  width: 0.5px;
  height: 50%;
  background: rgba(255,255,255,0.15);
}

.flrebate-bottom-rules .frules-subtitle-line2 {
  position: absolute;
  right: 3rem;
  width: 0.5px;
  height: 50%;
  background: rgba(255,255,255,0.15);
}

.flrebate-bottom-rules .frules-subtitle .sub-title1 {
  width: 1.34rem;
  color: rgba(255,255,255,0.85);
  font-size: .32rem;
  text-align: center;
}

.flrebate-bottom-rules .frules-subtitle .sub-title2 {
  width: 4.66rem;
  color: rgba(255,255,255,0.85);
  font-size: .32rem;
  text-align: center;
}

.flrebate-bottom-rules .frules-subtitle .sub-title3 {
  width: 3rem;
  color: rgba(255,255,255,0.85);
  font-size: .32rem;
  text-align: center;
}

.flrebate-bottom-rules .frules-item {
  position: relative;
  width: 100%;
  height: 1.33rem;
  background: transparent;
  display: flex;
  justify-content: center;
  align-items: center;
}

.flrebate-bottom-rules .frules-item .fitem-value1 {
  width: 1.34rem;
  color: rgba(255,255,255,0.85);
  font-size: .32rem;
  text-align: center;
  font-weight: 700;
}

.flrebate-bottom-rules .frules-item .fitem-value2 {
  width: 4.66rem;
  color: rgba(255,255,255,0.85);
  font-size: .32rem;
  text-align: center;
  font-weight: 400;
}

.flrebate-bottom-rules .frules-item .fitem-value3 {
  width: 3rem;
  color: #FFFFFF;
  font-size: .373rem;
  text-align: center;
  font-weight: 700;
}

.flrebate-bottom-rules .frules-item2 {
  background: rgba(255,255,255,0.04)!important;
}




.dialog-mainno-class {
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
  box-shadow: 0 -4px 8px 0 rgba(0,0,0,0.25), inset 0 1px 0 0 rgba(255,255,255,.25) !important;
  backdrop-filter: blur(60px) !important;
  -webkit-backdrop-filter: blur(60px) !important;
  background-color: transparent !important;
  width: 10rem !important;
}

.dialog-newerno-class {
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
  box-shadow: 0 -4px 8px 0 rgba(0,0,0,0.25), inset 0 1px 0 0 rgba(255,255,255,.25) !important;
  backdrop-filter: blur(8px) !important;
  -webkit-backdrop-filter: blur(8px) !important;
  background-color: transparent !important;
  width: 10rem !important;
}

.dialog-reglogin-class {
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
  box-shadow: none !important;
  backdrop-filter: blur(0) !important;
  -webkit-backdrop-filter: blur(0) !important;
  background-color: transparent !important;
  width: 10rem !important;
}

.hdialog-newer-outframe {
  width: 10rem;
  height: 100vh;
  display: flex;
  flex-flow: column
  ;overflow: hidden;
}

.hdialog-newer-outframe .newer-title {
  position: sticky;
  top: 0;
  left: 0;
  width: 10rem;
  height: 1.33rem;
  background: rgba(255,255,255,0.04);
  display: flex;
  align-items: center;
  justify-content: center;
  color: rgba(255,255,255,0.85);
  font-size: .426rem;
  z-index: 2;
}

.hdialog-newer-outframe .newer-title-close {
  position: absolute;
  right: 0.44rem;
  width: 0.66rem;
  height: 0.66rem;
}

.hdialog-newer-outframe .newer-content {
  position: relative;
  left: 0;
  width: 10rem;
  height: 100vh;
  overflow-x: hidden;
  overflow-y: scroll;
}

.hdialog-newer-outframe .newer-content .top-banner {
  position: relative;
  width: 10rem;
}

.hdialog-newer-outframe .newer-content .turn-frame {
  position: relative;
  margin-top: -6.8rem;
  left: 0;
  width: 10rem;
  height: 6.88rem;
  display: flex;
  justify-content: center;
  align-items: center;
}

.hdialog-newer-outframe .newer-content .turn-table {
  position: relative;
  width: 6.88rem;
  height: 6.88rem;
}

.hdialog-newer-outframe .newer-content .turn-table-item {
  position:absolute;
  left: 50%;
  width: 2rem;
  height: 2.4rem;
  transform-origin: 50% 3.44rem;
  text-align: center;
  font-size: .32rem;
  color: white;
}

.hdialog-newer-outframe .newer-content .turn-table-item .item-reward {
  position:absolute;
  top: 0.8rem;
  width:100%;
  height:1rem;
  text-align: center;
  font-size: .533rem;
  color: black;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 700;
}

.hdialog-newer-outframe .newer-content .turn-table-item .item-goodluck {
  top: 0.8rem!important;
  font-size: .373rem!important;
}

.hdialog-newer-outframe .newer-content .turn-table-item .item-reward-unit {
  font-size: .32rem;
}

.hdialog-newer-outframe .newer-content .turn-table-item .item-turnover {
  position:absolute;
  top: 1.9rem;
  width:100%;
  text-align: center;
  font-size: .3rem;
  color: black;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 700;
}

.hdialog-newer-outframe .newer-content .turn-table-item .item-turnover-goodluck {
  top: 1.5rem;
  font-size: .373rem!important;
}

.hdialog-newer-outframe .newer-content .turn-table .light-img {
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: 0;
  animation: newerSlideAnimation 0.9s infinite;
}

.hdialog-newer-outframe .newer-content .turn-table .light-img:nth-child(1) {
  animation-delay: 0s;
}
.hdialog-newer-outframe .newer-content .turn-table .light-img:nth-child(2) {
  animation-delay: 0.3s;
}
.hdialog-newer-outframe .newer-content .turn-table .light-img:nth-child(3) {
  animation-delay: 0.3s;
}

@keyframes newerSlideAnimation {
  0% { opacity: 0; }
  10% { opacity: 1; }
  30% { opacity: 1; }
  40% { opacity: 0; }
  100% { opacity: 0; }
}

.hdialog-newer-outframe .newer-content .turn-table-content {
  position: absolute;
  top: 0;
  left: 0;
  width: 6.88rem;
  height: 6.88rem;
  transition: transform 5.5s ease-out;
}

.hdialog-newer-outframe .newer-content .turn-table-content-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 6.88rem;
  height: 6.88rem;
}

.hdialog-newer-outframe .newer-content .turn-table-content-pointer {
  position: absolute;
  top: -0.5rem;
  left: 50%;
  margin-left: -0.78rem;
  width: 1.56rem;
  height: 1.56rem;
}

.hdialog-newer-outframe .newer-content .turn-table-draw {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -1.22rem;
  margin-left: -1.22rem;
  width: 2.44rem;
  height: 2.44rem;
  transition: transform 0.1s ease-in-out;
}

.hdialog-newer-outframe .newer-content .turn-table-draw-disable {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -1.22rem;
  margin-left: -1.22rem;
  width: 2.44rem;
  height: 2.44rem;
  transition: transform 0.1s ease-in-out;
}

.hdialog-newer-outframe .newer-content .turn-table-draw:active {
  opacity: 0.45;
  transform: scale(0.9);
}

.hdialog-newer-outframe .newer-content .turn-table-finger {
  position: absolute;
  top: 65%;
  left: 50%;
  margin-top: -0.775rem;
  margin-left: -0.775rem;
  width: 1.55rem;
  height: 1.55rem;
  animation: fingerBlink 1s infinite;
}

@keyframes fingerBlink {
  0% {
      opacity: 1;
  }
  50% {
      opacity: 0.1;
  }
  100% {
      opacity: 1;
  }
}

.hdialog-newer-outframe .newer-content .rule-frame {
  position: relative;
  margin-top: 0.2rem;
  left: 50%;
  margin-left: -4.44rem;
  width: 8.88rem;
  height: 5.56rem;
  overflow: hidden;
}

.hdialog-newer-outframe .newer-content .rule-frame-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  display: flex;
  justify-content: center;
}

.hdialog-newer-outframe .newer-content .rule-frame-content {
  position: absolute;
  top: 1.11rem;
  left: 1.11rem;
  width: 6.66rem;
  height: 4rem;
  overflow-x: hidden;
  overflow-y: scroll;
}

.hdialog-newer-outframe .newer-content .rule-frame-item {
  margin-bottom: 0.1rem;
  position: relative;
  color: rgba(255,255,255,0.85);
  font-size: .28rem;
  line-height: 0.32rem;
  text-align: left;
}


.hdialog-newercpf-outframe {
  width: 10rem;
  height: 100vh;
  display: flex;
  flex-flow: column;
}

.hdialog-newercpf-outframe .newercpf-content-frame {
  position: absolute;
  top: 45%;
  margin-top: -6.65rem;
  left: 50%;
  width: 8.3rem;
  height: 15rem;
  margin-left: -4.15rem;
  overflow: hidden;
}


.hdialog-newercpf-outframe .newercpf-content {
  position: absolute;
  top: 0;
  left: 50%;
  width: 8.3rem;
  height: 13.3rem;
  margin-left: -4.15rem;
  background-image: linear-gradient(147deg, #FEFCE1 0%, #DA8D4E 100%);
  box-shadow: 0px 2px 8px 0px rgba(43,22,0,0.25);
  border-radius: 0.66rem;
  overflow: hidden;
}

.hdialog-newercpf-outframe .newercpf-content .cpf-banner {
  position: relative;
  left: 0;
  width: 100%;
}

.hdialog-newercpf-outframe .newercpf-content .cpf-title {
  position: relative;
  margin-top: 0.3rem;
  left: 0;
  width: 100%;
  height: 0.66rem;
  line-height: 0.66rem;
  color: rgba(0,0,0,0.85);
  font-size: .426rem;
  text-align: center;
  font-weight: 700;
}

.hdialog-newercpf-outframe .newercpf-content .cpf-input-frame {
  position: relative;
  margin-top: 0.11rem;
  left: 50%;
  margin-left: -3.5rem;
  width: 7rem;
  height: 1.33rem;
  line-height: 1.33rem;
  border-radius: 0.44rem;
  display: flex;
  align-items: center;
}

.hdialog-newercpf-outframe .newercpf-content .cpf-input-error-frame {
  position: relative;
  line-height: 0.45rem;
  font-size: .373rem;
  color: #E00000;
  text-align: left;
  border-radius: 0.1rem;
  width: 7rem;
  left: 50%;
  margin-left: -3.3rem;
  padding-top: 0.1rem;
  padding-bottom: 0.1rem;
}

.hdialog-newercpf-outframe .newercpf-content .cpf-input-frame .clear{
  position: absolute;
  right: 1rem;
  height: 1.3rem;
  width: 1rem;
}

.hdialog-newercpf-outframe .newercpf-content .cpf-input-frame .clear-img{
  position: absolute;
  width: 0.6rem;
  height: 0.6rem;
  top: 50%;
  margin-top: -0.3rem;
  left: 50%;
  margin-left: -0.3rem;
  opacity: .65;
}

.hdialog-newercpf-outframe .newercpf-content .cpf-item-normal {
  background: rgba(0,0,0,0.50);
  border: 1px solid rgba(7,132,254,1);
}

.hdialog-newercpf-outframe .newercpf-content .cpf-item-edit-normal {
  background: rgba(0,0,0,0.50);
  border: 1px solid rgba(7,132,254,1);
}

.hdialog-newercpf-outframe .newercpf-content .cpf-item-edit-error {
  background: rgba(0,0,0,0.50);
  border:1px solid #E00000;
}

.hdialog-newercpf-outframe .newercpf-content .cpf-item-normal-disabled {
  background: rgba(0,0,0,0.50);
  border: 1px solid rgba(7,132,254,1);
}

.hdialog-newercpf-outframe .newercpf-content .cpf-input-frame .input {
  position: absolute;
  border: none;
  top: 0.15rem;
  height: 1rem;
  line-height: 1rem;
  left: 0.5rem;
  width: 4.5rem;
  padding: 0;
  font-size: .373rem;
  background-color: transparent;
  color: rgba(255, 255, 255, 0.85);
}

.hdialog-newercpf-outframe .newercpf-content .cpf-input-frame .input-disabled {
  position: absolute;
  border: none;
  top: 0.15rem;
  height: 1rem;
  line-height: 1rem;
  left: 0.5rem;
  width: 5rem;
  padding: 0;
  font-size: .373rem;
  background-color: transparent;
  color: rgba(255, 255, 255, 0.65);
}

.hdialog-newercpf-outframe .newercpf-content .cpf-input-frame .cpf-input-icon {
  position: absolute;
  right: 0.44rem;
  width: 0.55rem;
  height: 0.55rem;
}


.hdialog-newercpf-outframe .newercpf-content .cpf-input-tips {
  position: relative;
  margin-top: 0.22rem;
  left: 50%;
  margin-left: -3.1rem;
  width: 6.2rem;
  color: rgba(0,0,0,0.85);
  font-size: .346rem;
  line-height: .533rem;
  text-align: center;
  font-weight: 400;
}

.hdialog-newercpf-outframe .newercpf-content .cpf-btn {
  position: relative;
  margin-top: 0.6rem;
  left: 50%;
  margin-left: -1.665rem;
  width: 3.33rem;
  height: 1.11rem;
  line-height: 1.11rem;
  text-align: center;
  background-image: linear-gradient(180deg, #F39A4F 0%, #78340F 100%);
  border: 1.5px solid rgba(249,196,134,1);
  color: #FCD7A1;
  font-size: .373rem;
  font-weight: 400;
  transition: transform 0.1s ease-in-out;
  border-radius: 0.7rem;
}

.hdialog-newercpf-outframe .newercpf-content .cpf-btn-enable {
  opacity: 1;
}

.hdialog-newercpf-outframe .newercpf-content .cpf-btn-enable:active {
  opacity: 0.45;
  transform: scale(0.9);
}

.hdialog-newercpf-outframe .newercpf-content .cpf-btn-disable {
  opacity: 0.45;
}

.hdialog-newercpf-outframe .newercpf-close {
  position: absolute;
  top: 13.5rem;
  left: 50%;
  width: 0.66rem;
  height: 0.66rem;
  margin-left: -0.33rem;
}

.hdialog-newercpf-outframe .newercpf-close-img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}

.hdialog-newertips-outframe {
  width: 10rem;
  height: 100vh;
  display: flex;
  align-items: center;
}

.hdialog-newertips-outframe .newertips-content-frame {
  position: absolute;
  left: 50%;
  width: 8rem;
  margin-left: -4rem;
}

.hdialog-newertips-outframe .newertips-content {
  position: relative;
  padding-top: 0.88rem;
  padding-bottom: 0.88rem;
  left: 50%;
  width: 6.66rem;
  height: auto;
  margin-left: -3.33rem;
  background-image: linear-gradient(146deg, #FEFCE1 0%, #DA8D4E 100%);
  box-shadow: 0px 2px 8px 0px rgba(43,22,0,0.25);
  border-radius: 0.66rem;
}

.hdialog-newertips-outframe .newertips-content-icon {
  position: relative;
  left: 50%;
  width: 1.33rem;
  height: 1.33rem;
  margin-left: -0.665rem;
}

.hdialog-newertips-outframe .newertips-content-text {
  position: relative;
  margin-top: 0.44rem;
  left: 50%;
  width: 5.5rem;
  margin-left: -2.75rem;
  color: rgba(0,0,0,0.85);
  font-size: .346rem;
  line-height: .533rem;
  text-align: left;
  font-weight: 400;
}

.hdialog-newertips-outframe .newertips-content-company {
  position: relative;
  margin-top: 0.22rem;
  left: 0.58rem;
  width: 6rem;
  display: flex;
  flex-wrap: wrap;
}

.hdialog-newertips-outframe .newertips-content-company .company-item {
  background: rgba(0,0,0,0.25);
  border-radius: 0.22rem;
  width: 1.77rem;
  height: 0.88rem;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 0.11rem;
  margin-bottom: 0.11rem;
}

.hdialog-newertips-outframe .newertips-content-company .company-item-img {
  height: 0.66rem;
}

.hdialog-newertips-outframe .newertips-content-btn {
  position: relative;
  margin-top: 0.7rem;
  left: 50%;
  width: 3.3rem;
  margin-left: -1.65rem;
  height: 1.1rem;
  background-image: linear-gradient(180deg, #F39A4F 0%, #78340F 100%);
  border: 1.5px solid rgba(249,196,134,1);
  border-radius: 0.6rem;
  text-align: center;
  line-height: 1.1rem;
  color: #FCD7A1;
  font-size: .373rem;
  font-weight: 400;
}

.hdialog-newerreward-outframe {
  width: 10rem;
  height: 100vh;
  display: flex;
  align-items: center;
}

.hdialog-newerreward-outframe .newerreward-content-frame {
  position: absolute;
  margin-top: -15%;
  left: 50%;
  width: 8rem;
  margin-left: -4rem;
}

.hdialog-newerreward-outframe .newerreward-content {
  position: relative;
  margin-top: -3.4rem;
  left: 50%;
  width: 6.66rem;
  height: 5.6rem;
  margin-left: -3.33rem;
  background-image: linear-gradient(129deg, #FEFCE1 0%, #DA8D4E 100%);
  border-radius: 0.66rem;
}

.hdialog-newerreward-outframe .newerreward-content-banner {
  position: relative;
  left: 50%;
  width: 6.66rem;
  height: 5.55rem;
  margin-left: -3.33rem;
  z-index: 2;
}

.hdialog-newerreward-outframe .newerreward-content-reward {
  position: absolute;
  bottom: 2rem;
  left: 50%;
  width: 4.44rem;
  height: 1.33rem;
  margin-left: -2.22rem;
  color: #FFEE00;
  font-size: .533rem;
  font-weight: 700;
  display: flex;
  justify-content: center;
  align-items: center;
  background: rgba(0,0,0,0.45);
  border-radius: 0.44rem;
  z-index: 3;
}

.hdialog-newerreward-outframe .newerreward-content-reward .reward-value {
  margin-left:0.1rem;
  font-size: 1.06rem;
}

.hdialog-newerreward-outframe .newerreward-content-btn {
  position: absolute;
  bottom: 0.55rem;
  left: 50%;
  width: 3.33rem;
  margin-left: -1.665rem;
  height: 1.11rem;
  background-image: linear-gradient(180deg, #F39A4F 0%, #78340F 100%);
  border: 1.5px solid rgba(249,196,134,1);
  border-radius: 0.6rem;
  text-align: center;
  line-height: 1.11rem;
  color: #FCD7A1;
  font-size: .373rem;
  font-weight: 400;
}





.hddialog-fpwa-frame {
  width: 10rem;;
  display: flex;
  flex-flow: column;
  overflow: hidden;
}

.hddialog-fpwa-container {
  position: relative;
  height:13rem;
  width: 10rem;
  display: flex;
  justify-content: center;
  overflow: hidden;
}

.hddialog-fpwa-container .hddialog-fpwa-content {
  position:relative;
  width: 8.34rem;
  height:12rem;
  display: flex;
  justify-content: center;
  border-radius: 0.66rem;
  background-image: linear-gradient(147deg, #FEFCE1 0%, #DA8D4E 100%);
}

.hddialog-fpwa-container .hddialog-fpwa-content .fpwa-bg {
  position:absolute;
  top:0;
  left:0;
  width:100%;
}

.hddialog-fpwa-container .hddialog-fpwa-content .fpwa-banner {
  position:absolute;
  top:0;
  left:0;
  width:100%;
}

.hddialog-fpwa-container .hddialog-fpwa-content .fpwa-tips-frame {
  position:absolute;
  top: 4.5rem;
  width: 7rem;
  height: 3.84rem;
  overflow: hidden;
}

.hddialog-fpwa-container .hddialog-fpwa-content .fpwa-tips-frame-text {
  position:absolute;
  top: 0;
  left: 50%;
  margin-left: -3.1rem;
  width: 6.2rem;
  height: 3.45rem;
  text-align: left;
  color: #FFFFFF;
  font-size: .373rem;
  line-height: .48rem;
  font-weight: 400;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow-x: hidden;
  overflow-y: scroll;
  word-wrap: break-word;
  white-space: pre-wrap;
}

.hddialog-fpwa-container .hddialog-fpwa-content .fpwa-tips-frame-value {
  position: absolute;
  top: 0.33rem;
}

.hddialog-fpwa-container .hddialog-fpwa-content .fpwa-tips-frame-bg {
  position:absolute;
  top:0;
  left:0;
  width: 100%;
}

.hddialog-fpwa-container .hddialog-fpwa-content .fpwa-account-frame {
  position:absolute;
  top: 8.44rem;
  width: 7rem;
  height: 1.11rem;
  border-radius: 0.5rem;
  background: rgba(0,0,0,0.08);
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  white-space: nowrap;
}

.hddialog-fpwa-container .hddialog-fpwa-content .fpwa-account-frame-title {
  font-weight: 700;
  color: rgba(0,0,0,0.65);
  font-size: .32rem;
}

.hddialog-fpwa-container .hddialog-fpwa-content .fpwa-account-frame-icon {
  margin-right: 0.2rem;
  width: 0.66rem;
  height: 0.66rem;
}

.hddialog-fpwa-container .hddialog-fpwa-content .fpwa-account-frame-value {
  margin-left: 0.12rem;
  color: #7800BB;
  font-size: .426rem;
  font-weight: 700;
}

.hddialog-fpwa-container .hddialog-fpwa-content .fpwa-install-frame {
  position:absolute;
  top: 8.45rem;
  width: 5.4rem;
  height: 1.33rem;
  left: 0.68rem;
  border-radius: 0.7rem;
  color: #FFFFFF;
  font-size: .373rem;
  font-weight: 400;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: transform 0.1s ease-in-out;
  background-image: linear-gradient(180deg, #F39A4F 0%, #78340F 100%);
  border: 1.5px solid rgba(249,196,134,1);
}
.hddialog-fpwa-container .hddialog-fpwa-content .fpwa-install-frame:active {
  opacity: 0.45;
  transform: scale(0.9);
}

.hddialog-fpwa-container .hddialog-fpwa-content .fpwa-install-frame-text {
  color: #FFFFFF;
  font-size: .373rem;
  font-weight: 400;
}

.hddialog-fpwa-container .hddialog-fpwa-content .fpwa-install-frame-icon {
  width: 0.66rem;
  height: 0.66rem;
  margin-right: 0.2rem;
}

.hddialog-fpwa-container .hddialog-fpwa-content .fpwa-cs {
  position:absolute;
  top: 8.47rem;
  right: 0.68rem;
  width: 1.3rem;
  height: 1.3rem;
  border-radius: 0.7rem;
  background: rgba(0,0,0,0.25);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 2;
  transition: transform 0.1s ease-in-out;
}

.hddialog-fpwa-container .hddialog-fpwa-content .fpwa-cs:active {
  opacity: 0.45;
  transform: scale(0.9);
}

.hddialog-fpwa-container .hddialog-fpwa-content .fpwa-cs-icon {
  width: 0.66rem;
  height: 0.66rem;
}

.hddialog-fpwa-container .hddialog-fpwa-content .fpwa-close {
  position:absolute;
  top: 0.2rem;
  right: 0.3rem;
  margin-left: -0.33rem;
  width: 0.66rem;
  height: 0.66rem;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 2;
  background: rgba(0,0,0,1);
  border-radius: 0.4rem;
}

.hddialog-fpwa-container .hddialog-fpwa-content .fpwa-close-icon {
  width: 0.55rem;
  height: 0.55rem;
}




.hdialog-neweralert-outframe {
  width: 10rem;
  height: 100vh;
  display: flex;
  align-items: center;
}

.hdialog-neweralert-outframe .neweralert-content-frame {
  position: absolute;
  left: 50%;
  width: 8rem;
  margin-left: -4rem;
}

.hdialog-neweralert-outframe .neweralert-content {
  position: relative;
  padding-top: 1.3rem;
  padding-bottom: 1.3rem;
  left: 50%;
  width: 6.66rem;
  height: auto;
  margin-left: -3.33rem;
  background: #12151A;
  box-shadow: 0px -4px 8px 0px rgba(0,0,0,0.25);
  border-radius: 0.44rem;
  /* backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px); */
}

.hdialog-neweralert-outframe .neweralert-content-close {
  position: absolute;
  top: 0;
  right: 0;
  width: 1.2rem;
  height: 1.2rem;
  z-index: 3;
  display: flex;
  justify-content: center;
  align-items: center;
}

.hdialog-neweralert-outframe .neweralert-content-closeicon {
  width:0.66rem;
  height: 0.66rem;
}

.hdialog-neweralert-outframe .neweralert-content-icon {
  position: relative;
  left: 50%;
  width: 1.33rem;
  height: 1.33rem;
  margin-left: -0.665rem;
}

.hdialog-neweralert-outframe .neweralert-content-text {
  position: relative;
  margin-top: 0.66rem;
  left: 50%;
  width: 5.2rem;
  margin-left: -2.4rem;
  color: #FFFFFF;
  font-size: .346rem;
  line-height: .58rem;
  text-align: left;
  font-weight: 400;
}

.hdialog-neweralert-outframe .neweralert-content-btn {
  position: relative;
  margin-top: 0.88rem;
  left: 50%;
  width: 3.3rem;
  margin-left: -1.665rem;
  height: 1.1rem;
  background: #007AFF;
  box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.25);
  border-radius: 0.22rem;
  text-align: center;
  line-height: 1.1rem;
  color: #FFFFFF;
  font-size: .373rem;
  font-weight: 700;
  transition: all 0.1s ease-in-out;
}

.hdialog-neweralert-outframe .neweralert-content-btn:active {
  opacity: 0.45;
  transform: scale(0.9);
}





.hdialog-noty18-frame {
  position: relative;
  width: 8.88rem;
  height:13.56rem;
  display: flex;
  flex-flow: column;
  overflow: hidden;
}

.hdialog-noty18-title {
  position: absolute;
  top:0;
  left: 0;
  width: 8.88rem;
  height: 1.1rem;
  line-height: 1.1rem;
  text-align: center;
  font-size: 0.533rem;
  background: transparent;
  color: rgba(255, 255, 255, 0);
}

.hdialog-noty18-title img {
  position: absolute;
  top: 50%;
  margin-top: -0.3rem;
  right: 0.3rem;
  width: 0.6rem;
  height: 0.6rem;
  z-index: 2;
  opacity: 0.5;
}

.hdialog-noty18-content-title {
  position: absolute;
  margin-top: 0.66rem;
  height: 0.68rem;
  width: 8.88rem;
  color: #FFFFFF;
  text-align: center;
  font-size: .426rem;
}

.hdialog-noty18-content {
  height: 15rem;
  width: 8.88rem;
}

.hdialog-noty18-content {
  position: absolute;
  flex: 1;
  top:1.55rem;
  left:50%;
  margin-left: -3.78rem;
  width: 7.56rem;
  height: 10rem;
  overflow: scroll;
}

.hdialog-noty18-content .noty18-text {
  position: relative;
  font-size: .32rem;
  line-height: .533rem;
  text-align: left;
  word-wrap: break-word;
  white-space: pre-wrap;
  color: rgba(255,255,255,0.85);
}

.hdialog-noty18-content-btn {
  position: absolute;
  top:11.9rem;
  left: 50%;
  margin-left: -2.22rem;
  width: 4.44rem;
  height: 1.11rem;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #007AFF;
  border-radius: 0.22rem;
  color: #FFFFFF;
  font-size: .373rem;
  font-weight: 700;
}





.bigdep-top-banner {
  position: absolute;
  top:1.326rem;
  left:0;
  width:10rem;
}

.bigdep-top-banner-height {
  position:relative;
  height: 4.445rem;
}

.bigdep-title-bg {
  position: relative;
  left: 0;
  width: 10rem;
  height: 5.5556rem;
}

.bigdep-title-bg img{
  position: absolute;
  left: 0;
  top:0;
  width:100%;
  height:100%;
}

.bigdep-title-bg span{
  position: absolute;
  left: 0;
  top:1rem;
  text-align: center;
  width:100%;
  color: #FCCD72;
  font-weight: 700;
  font-size: .64rem;
  text-shadow: 1px 1px 1px #3C0239;
}

.bigdep-reward-frame {
  position: relative;
  left: 0;
  margin-top: -3.32rem;
  width: 10rem;
}

.bigdep-reward-item {
  position: relative;
  margin-top: 0.22rem;
  left: 0.5rem;
  width: 9rem;
  height: 2.25rem;
}

.bigdep-reward-item .bitem-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.bigdep-reward-item .left-frame {
  position:absolute;
  left:1.15rem;
  top:0.3888rem;
  width: 5rem;
  height: 0.8888rem;
}

.bigdep-reward-item .left-frame-top {
  position:absolute;
  left:0;
  top:0;
  height: 0.3888rem;
  line-height: 0.3888rem;
  font-size: .32rem;
}

.bigdep-reward-item .span-title {
  color: #FCD7A1;
}

.bigdep-reward-item .span-value {
  margin-left: 0.1rem;
  color: #FFFFFF;
}

.bigdep-reward-item .left-frame-bottom {
  position:absolute;
  left:0;
  bottom:0;
  height: 0.3888rem;
  line-height: 0.3888rem;
  font-size: .32rem;
}

.bigdep-reward-item .right-frame {
  position:absolute;
  right:2.56rem;
  top:0.3333rem;
  width: 5rem;
  height: 0.9444rem;
}

.bigdep-reward-item .right-frame-top {
  position:absolute;
  right:0;
  top:0;
  height: 0.5555rem;
  line-height: 0.5555rem;
  font-size: .533rem;
  color: #FFEE00;
}

.bigdep-reward-item .right-frame-bottom {
  position:absolute;
  right:0;
  bottom:0;
  height: 0.3888rem;
  line-height: 0.3888rem;
  font-size: .3rem;
  color: #FCD7A1;
}

.bigdep-reward-item .turnover-frame {
  position:absolute;
  left:0.44rem;
  bottom:0.11rem;
  width: 7rem;
  height: 0.44rem;
  line-height: 0.44rem;
  color: rgba(255,255,255,0.65);
  font-size: .3rem;
}

.bigdep-reward-item .btn-recharge {
  position: absolute;
  top: 0.3333rem;
  right: 0.3333rem;
  width: 2rem;
  height: 0.88rem;
  border-radius: 0.5rem;
  background-image: linear-gradient(113deg, #FCD7A1 0%, #D17836 100%);
  color: rgba(0,0,0,0.85);
  font-size: .32rem;
  text-align: center;
  line-height: 0.88rem;
  transition: transform 0.1s ease-in-out;
}

.bigdep-reward-item .btn-recharge:active {
  opacity: 0.45;
  transform: scale(0.9);
}



.bigdep-actalert-class {
  border-top-left-radius: 0rem !important;
  border-top-right-radius: 0rem !important;
  border: 1px solid rgba(255, 255, 255, 0.10) !important;
  box-shadow: 0 -4px 8px 0 rgba(0, 0, 0, 0.25), inset 0 1px 0 0 rgba(255, 255, 255, .25) !important;
  backdrop-filter: blur(0px) !important;
  -webkit-backdrop-filter: blur(0px) !important;
  background: rgba(0, 0, 0, 0.65) !important;
  width: 10rem !important;
}


.bigdep-actalert-outframe {
  width: 10rem;
  height: 100vh;
  display: flex;
  align-items: center;
}

.bigdep-actalert-outframe .actalert-content-frame {
  position: absolute;
  left: 50%;
  width: 8rem;
  margin-left: -4rem;
}

.bigdep-actalert-outframe .actalert-content {
  position: relative;
  padding-top: 1.3rem;
  padding-bottom: 1.3rem;
  left: 50%;
  width: 6.66rem;
  height: auto;
  margin-left: -3.33rem;
  background: #12151A;
  box-shadow: inset 0px 1px 0px 0px rgba(255,255,255,0.25), 0px -4px 8px 0px rgba(0,0,0,0.25);
  border-radius: 0.44rem;
}

.bigdep-actalert-outframe .actalert-contentbuy {
  position: relative;
  padding-top: 1.3rem;
  padding-bottom: 1.3rem;
  left: 50%;
  width: 7.78rem;
  height: auto;
  margin-left: -3.89rem;
  background: #12151A;
  box-shadow: inset 0px 1px 0px 0px rgba(255,255,255,0.25), 0px -4px 8px 0px rgba(0,0,0,0.25);
  border-radius: 0.44rem;
}

.bigdep-actalert-outframe .actalert-content-close {
  position: absolute;
  top: 0;
  right: 0;
  width: 1.2rem;
  height: 1.2rem;
  z-index: 3;
  display: flex;
  justify-content: center;
  align-items: center;
}

.bigdep-actalert-outframe .actalert-content-closeicon {
  width:0.66rem;
  height: 0.66rem;
}

.bigdep-actalert-outframe .actalert-content-icon {
  position: relative;
  left: 50%;
  width: 1.33rem;
  height: 1.33rem;
  margin-left: -0.665rem;
}

.bigdep-actalert-outframe .actalert-content-text {
  position: relative;
  margin-top: 0.66rem;
  left: 50%;
  width: 5.4rem;
  margin-left: -2.65rem;
  color: #FFFFFF;
  font-size: .373rem;
  line-height: .586rem;
  text-align: left;
  font-weight: 400;
}

.bigdep-actalert-outframe .actalert-content-text-light {
  color: #FFEE00;
}

.bigdep-actalert-outframe .actalert-content-btn {
  position: relative;
  margin-top: 0.66rem;
  left: 50%;
  width: 3.34rem;
  margin-left: -1.67rem;
  height: 1.33rem;
  background-image: linear-gradient(106deg, #FCD7A1 0%, #D17836 100%);
  box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.25);
  border-radius: 0.22rem;
  text-align: center;
  line-height: 1.33rem;
  color: #000000;
  font-size: .373rem;
  font-weight: 700;
  transition: all 0.1s ease-in-out;
}

.bigdep-actalert-outframe .actalert-content-disablebtn {
  position: relative;
  margin-top: 0.66rem;
  left: 50%;
  width: 3.34rem;
  margin-left: -1.67rem;
  height: 1.33rem;
  background: #007AFF;
  box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.25);
  border-radius: 0.22rem;
  text-align: center;
  line-height: 1.33rem;
  color: #FFFFFF;
  font-size: .373rem;
  font-weight: 700;
  transition: all 0.1s ease-in-out;
  opacity: 0.5;
}

.bigdep-actalert-outframe .actalert-content-btn:active {
  opacity: 0.45;
  transform: scale(0.9);
}

.bigdep-tup-profile {
  position: relative;
  width: 6.44rem!important;
  margin-left: -3.22rem!important;
  margin-top: 0.3rem!important;
}

.bigdep-tup-profile .title2 {
  font-size: .346rem!important;
  color: rgba(255,255,255,0.85)!important;
}

.bigdep-tuprofile-item {
  position: relative;
  width: 6.44rem!important;
  height: 1.11rem!important;
  line-height: 1.11rem!important;
  margin-left: -3.22rem!important;
}

.bigdep-item-normal {
  border: 1px solid transparent;
  background: rgba(255,255,255,0.04);
}

.bigdep-tuprofile-item .input2 {
  top: 0.055rem!important;
  left: 0.4rem!important;
  width: 4.1rem!important;
  font-size: .346rem!important;
}

.bigdep-tuprofile-item .input-disabled2 {
  top: 0.055rem!important;
  left: 0.4rem!important;
  width: 4.1rem!important;
  font-size: .346rem!important;
}

.bigdep-tuprofile-item .input-amount {
  position: absolute;
  border: none;
  top: 0.055rem;
  height: 1rem;
  line-height: 1rem;
  left: 50%;
  margin-left: -2.5rem;
  width: 4.1rem;
  width: 5rem;
  text-align: center;
  background-color: transparent;
  color: #FFFFFF;
  font-size: .64rem;
  font-weight: 700;
}

.bigdep-tuprofile-item .clear2 {
  height: 1.1rem!important;
}

.bigdep-item-error-tp {
  width: 5.64rem!important;
  margin-left: -3.22rem!important;
  padding-bottom: 0.15rem!important;
  font-size: .32rem!important;
}

.bigdep-item-tips-tp {
  position: relative;
  line-height: 0.45rem;
  font-size: .28rem;
  color: rgba(255,255,255,0.65);
  text-align: left;
  width: 6.4rem;
  left: 50%;
  margin-left: -3.2rem;
  padding-top: 0.2rem;
}

.bigdep-item-tips-tp .light-value{
  color: #FFEE00;
}

.bigdep-time-frame {
  position:relative;
  left:50%;
  margin-top: 0.14rem;
  margin-left: -4.44rem;
  width:8.88rem;
  height: 2.22rem;
  margin-bottom: 0.22rem;
}

.bigdep-time-frame .timer-bg {
  position: absolute;
  top:0;
  left:0;
  width:100%;
  height: 100%;
}

.bigdep-time-frame .timer-day-value {
  color: rgba(0,0,0,0.85);
  font-size: .8rem;
  width: 1rem;
  font-weight: 700;
  text-align: center;
}

.bigdep-time-frame .timer-other-value {
  color: rgba(0,0,0,0.85);
  font-size: .8rem;
  font-weight: 700;
}

.bigdep-time-frame .timer-day-unit {
  background: rgba(0,0,0,0.85);
  border-radius: 0.1rem;
  width: 0.67rem;
  height: 0.56rem;
  line-height: 0.56rem;
  text-align: center;
  color: #FFEE00;
  font-size: 0.29rem;
  margin-left: 0.11rem;
}

.bigdep-time-frame .timer-hour-unit {
  background: rgba(0,0,0,0.85);
  border-radius: 0.1rem;
  width: 0.56rem;
  height: 0.56rem;
  line-height: 0.56rem;
  text-align: center;
  color: #FFEE00;
  font-size: 0.29rem;
  margin-left: 0.13rem;
  margin-right: 0.13rem;
}

.bigdep-time-frame .timer-min-unit {
  background: rgba(0,0,0,0.85);
  border-radius: 0.1rem;
  width: 0.67rem;
  height: 0.56rem;
  line-height: 0.56rem;
  text-align: center;
  color: #FFEE00;
  font-size: 0.29rem;
  margin-left: 0.13rem;
  margin-right: 0.13rem;
}

.bigdep-time-frame .timer-sec-unit {
  background: rgba(0,0,0,0.85);
  border-radius: 0.1rem;
  width: 0.56rem;
  height: 0.56rem;
  line-height: 0.56rem;
  text-align: center;
  color: #FFEE00;
  font-size: 0.29rem;
  margin-left: 0.13rem;
  margin-right: 0.13rem;
}

.bigdep-time-frame .timer-frame-end {
  position:absolute;
  top:0.78rem;
  left:1.58rem;
  width:5.74rem;
  height: 1.1rem;
  display: flex;
  justify-content: center;
  align-items: center;
}

.bigdep-time-frame .timer-frame-end2 {
  left:2.8rem!important;
}

.bigdep-time-frame .timer-frame-start {
  position:absolute;
  top:0.78rem;
  left: 0.36rem;
  width: 2.27rem;
  height: 1.1rem;
  display: flex;
  justify-content: center;
  align-items: center;
}





.sgameday-content-frame {
  position: relative;
  margin-top: 0.1rem;
  left: 0.0;
  width: 10rem;
}

.sgameday-banner-frame {
  position: relative;
  display: flex;
  justify-content: center;
  margin-top: 0;
  left: 0;
  width: 10rem;
  height: 6.6666rem;
}

.sgameday-banner-frame .top-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 10rem;
}

.sgameday-banner-frame .betday-tips {
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  top: 2.44rem;
  height: 0.54rem;
  border-radius: 0.3rem;
  padding-left: 0.2rem;
  padding-right: 0.2rem;
  background: rgba(0,0,0,0.50);
}

.sgameday-banner-frame .rewardday-tips {
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  white-space: nowrap;
  top: 3.05rem;
  height: 0.54rem;
  border-radius: 0.3rem;
  padding-left: 0.2rem;
  padding-right: 0.2rem;
  background: rgba(0,0,0,0.50);
  overflow-y: hidden;
  overflow-x: scroll;
}

.sgameday-banner-frame .tips-title {
  position: relative;
  color: #FFFFFF;
  font-size: .32rem;
  font-weight: 400;
  margin-right: 0.11rem;
  white-space: nowrap;
}

.sgameday-banner-frame .tips-title-small {
  font-size: .28rem;
  font-weight: 400;
  margin-right: 0.11rem;
}

.sgameday-banner-frame .tips-content {
  position: relative;
  color: #FFEE00;
  font-size: .32rem;
  font-weight: 700;
  white-space: nowrap;
}

.sgameday-banner-frame .tips-content2 {
  position: relative;
  color: #4FFF00;
  font-size: .32rem;
  font-weight: 700;
}

.sgameday-banner-frame .tips-content-small {
  font-size: .28rem;
}

.sgameday-banner-frame .turnover-tips {
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  top: 3.805rem;
  height: 0.44rem;
}

.sgameday-banner-frame .turnover-title {
  position: relative;
  color: #12151A;
  font-size: .28rem;
  font-weight: 400;
  margin-right: 0.11rem;
}

.sgameday-banner-frame .turnover-content {
  position: relative;
  height: 0.44rem;
  line-height: 0.44rem;
  padding-left: 0.3rem;
  padding-right: 0.3rem;
  border-radius: 0.3rem;
  background: #2C1C0F;
  color: #FFEE00;
  font-size: .32rem;
  font-weight: 400;
}

.sgameday-claim-frame {
  position: relative;
  margin-top: -2.9rem;
  left: 50%;
  margin-left: -1.78rem;
  width: 3.56rem;
  height: 3.56rem;
}

.sgameday-claim-frame .receive-btn-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.sgameday-claim-frame .reward-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation: resultBgImgAnim 15s linear infinite;
  animation: resultBgImgAnim 15s linear infinite;
}

.sgameday-claim-frame .receive-btn-disable {
  position: absolute;
  top: 50%;
  margin-top: -1.11rem;
  left: 50%;
  margin-left: -1.11rem;
  width: 2.22rem;
  height: 2.22rem;
}

.sgameday-claim-frame .receive-btn-enable {
  position: absolute;
  top: 50%;
  margin-top: -1.11rem;
  left: 50%;
  margin-left: -1.11rem;
  width: 2.22rem;
  height: 2.22rem;
  transition: transform 0.1s ease-in-out;
}

.sgameday-claim-frame .receive-btn-enable:active {
  opacity: 0.5;
  transform: scale(0.9);
}

.sgameday-reward-frame {
  position: relative;
  margin-top: -0.3rem;
  left: 0.56rem;
  width: 9.4rem;
  display: flex;
  flex-wrap: wrap;
  z-index: 10;
}

.sgameday-reward-body {
  position: relative;
  box-sizing: border-box;
  overflow: hidden;
}

.sgameday-reward-item {
  position: relative;
  width: 2.22rem;
  height: 2.22rem;
  box-sizing: border-box;
}

.sgameday-reward-item-result {
  position: absolute;
  top: 50%;
  margin-top: -1.11rem;
  left: 50%;
  margin-left: -1.11rem;
  width: 2.22rem;
  height: 2.22rem;
}

.sgameday-reward-item .ritem-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.sgameday-reward-item .ritem-reward {
  position: absolute;
  top: 1.16rem;
  left: 0.1rem;
  width: 2rem;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  text-align: center;
  font-size: .533rem;
  color: #FFEE00;
  text-shadow:
    -1px -1px 0 #E00000,
     1px -1px 0 #E00000,
    -1px  1px 0 #E00000,
     1px  1px 0 #E00000;
  font-weight: 700;
}

.sgameday-reward-item .ritem-turnover {
  position: absolute;
  bottom: 0.08rem;
  left: 0.1rem;
  width: 2rem;
  height: 0.56rem;
  line-height: 0.56rem;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  text-align: center;
  font-size: .28rem;
  color: #FFFFFF;
  text-shadow:
    -1px -1px 0 #E00000,
     1px -1px 0 #E00000,
    -1px  1px 0 #E00000,
     1px  1px 0 #E00000;
  font-weight: 700;
}

.sgameday-reward-item .ritem-reward-light {
  color: #FFAF00;
}





.sevenday-content-frame {
  position: relative;
  margin-top: 0.1rem;
  left: 0.0;
  width: 10rem;
}

.sevenday-banner-frame {
  position: relative;
  display: flex;
  justify-content: center;
  margin-top: 0.03rem;
  left: 0;
  width: 10rem;
  height: 4.4445rem;
}

.sevenday-card-frame {
  position: relative;
  display: flex;
  justify-content: center;
  margin-top: 0;
  left: 0;
  width: 10rem;
  height: 1.8888rem;
  display: flex;
  align-items: center;
}

.sevenday-card-frame .bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 10rem;
}

.sevenday-card-frame .left-frame {
  position: absolute;
  top: 0.22rem;
  left: 0.78rem;
  width: 5.7rem;
  height: 1.35rem;
  line-height: 0.44rem;
  color: #FFEE00;
  font-size: .32rem;
  font-weight: 400;
}

.sevenday-card-frame .left-frame-value {
  color: #FFFFFF;
  font-weight: 700;
}

.sevenday-card-frame .right-frame {
  position: absolute;
  right: 0.78rem;
  width: 2.6666rem;
  height: 1.5555rem;
}

.sevenday-card-frame .right-frame-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.sevenday-card-frame .right-frame-value {
  position: absolute;
  top: 0.1rem;
  left: 0.75rem;
  width: 1.2rem;
  height: 1.5555rem;
  line-height: 1.5555rem;
  text-align: center;
  color: rgba(255,255,255,0.50);
  text-shadow:
    -1px -1px 0 rgba(0, 0, 0, 0.5),
     1px -1px 0 rgba(0, 0, 0, 0.5),
    -1px  1px 0 rgba(0, 0, 0, 0.5),
     1px  1px 0 rgba(0, 0, 0, 0.5);
  font-size: .533rem;
  font-weight: 700;
}

.sevenday-card-frame .right-frame-value2 {
  position: absolute;
  top: 0.1rem;
  left: 0.75rem;
  width: 1.2rem;
  height: 1.5555rem;
  line-height: 1.5555rem;
  text-align: center;
  color: #FFEE00;
  text-shadow:
    -1px -1px 0 #740000,
     1px -1px 0 #740000,
    -1px  1px 0 #740000,
     1px  1px 0 #740000;
  font-size: .533rem;
  font-weight: 700;
}

.sevenday-reward-frame {
  position: relative;
  margin-top: 0.22rem;
  left: 0.56rem;
  width: 9.4rem;
  display: flex;
  flex-wrap: wrap;
  z-index: 10;
}

.sevenday-reward-body {
  position: relative;
  box-sizing: border-box;
  overflow: hidden;
}

.sevenday-reward-item {
  position: relative;
  width: 8.88rem;
  height: 1.34rem;
  margin-bottom: 0.22rem;
  box-sizing: border-box;
  display: flex;
  align-items: center;
}

.sevenday-reward-item .receive-btn {
  position: absolute;
  right: 0.1rem;
  width: 2.22rem;
  height: 1rem;
  transition: transform 0.1s ease-in-out;
}

.sevenday-reward-item .receive-btn:active {
  opacity: 0.5;
  transform: scale(0.9);
}

.sevenday-reward-item .receive-tips {
  position: absolute;
  right: 0.1rem;
  width: 2.22rem;
  height: 1rem;
}

.sevenday-reward-item-result {
  position: absolute;
  top: 50%;
  margin-top: -1.11rem;
  left: 50%;
  margin-left: -1.11rem;
  width: 2.22rem;
  height: 2.22rem;
}

.sevenday-reward-item .ritem-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}

.sevenday-reward-item .ritem-day {
  position: absolute;
  top: 0.38rem;
  left: 0.95rem;
  white-space: nowrap;
  font-size: .533rem;
  color: #FFF5D7;
  text-shadow:
    -1px -1px 0 #300000,
     1px -1px 0 #300000,
    -1px  1px 0 #300000,
     1px  1px 0 #300000;
  font-weight: 700;
}

.sevenday-reward-item .ritem-reward {
  position: absolute;
  right: 2.5rem;
  white-space: nowrap;
  text-align: right;
  display: flex;
  align-items: center;
}

.sevenday-reward-item .ritem-reward-unit {
  font-size: .32rem;
  color: #FFE400;
  font-weight: 400;
  margin-right: 0.1rem;
}

.sevenday-reward-item .ritem-reward-value {
  font-size: .426rem;
  color: #FFE400;
  font-weight: 700;
}

.sevenday-reward-item .ritem-turnover {
  position: absolute;
  left: 2.22rem;
  width: 3rem;
  height: 1.34rem;
}

.sevenday-reward-item .ritem-turnover .rate-frame {
  position: absolute;
  top: 0.22rem;
  left: 0;
  width: 3rem;
  height: 0.44rem;
  line-height: 0.44rem;
  color: rgba(255,255,255,0.85);
  font-size: 0.28rem;
}

.sevenday-reward-item .ritem-turnover .turnover-frame {
  position: absolute;
  bottom: 0.22rem;
  left: 0;
  width: 3rem;
  height: 0.44rem;
  line-height: 0.44rem;
  color: rgba(255,255,255,0.85);
  font-size: 0.28rem;
}

.sevenday-reward-item .ritem-reward-light {
  color: #FFAF00;
}



.activebonus-banner-frame {
  position: relative;
  display: flex;
  justify-content: center;
  margin-top: 0.03rem;
  left: 0;
  width: 10rem;
  height: 4.4445rem;
}

.activebonus-content-frame {
  position: relative;
  margin-top: -1.1rem;
  left: 0.0;
  width: 10rem;
}

.activebonus-card-frame {
  position: relative;
  display: flex;
  justify-content: center;
  margin-top: 0;
  left: 0.56rem;
  width: 8.88rem;
  height: 2.22rem;
  display: flex;
  align-items: center;
}

.activebonus-card-frame .receive-btn {
  position: absolute;
  right: 0.22rem;
  width: 2.88rem;
  height: 1.1rem;
  transition: transform 0.1s ease-in-out;
}

.activebonus-card-frame .receive-btn:active {
  opacity: 0.45;
  transform: scale(0.9);
}

.activebonus-card-frame .receive-btn-disable {
  position: absolute;
  right: 0.22rem;
  width: 2.88rem;
  height: 1.1rem;
}

.activebonus-card-frame .bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}

.activebonus-card-frame .top-frame {
  position: absolute;
  top: 0;
  left: 0;
  width: 7rem;
  height: 2.2222rem;
}

.activebonus-card-frame .top-frame-bet {
  position: absolute;
  top: 0.44rem;
  left: 0.44rem;
  width: 7rem;
  height: 0.56rem;
  display: flex;
  align-items: center;
}

.activebonus-card-frame .top-frame-bet .bet-title {
  font-size: .373rem;
  color: rgba(255,255,255,0.85);
  font-weight: 400;
  margin-right: 0.1rem;
}

.activebonus-card-frame .top-frame-bet .bet-unit {
  font-size: .373rem;
  color: rgba(255,255,255,0.85);
  font-weight: 400;
  margin-right: 0.1rem;
}

.activebonus-card-frame .top-frame-bet .bet-value {
  font-size: .373rem;
  color: rgba(255,255,255,0.85);
  font-weight: 400;
}

.activebonus-card-frame .top-frame-reward {
  position: absolute;
  top: 1.22rem;
  left: 0.44rem;
  width: 7rem;
  height: 0.66rem;
  display: flex;
  align-items: center;
}

.activebonus-card-frame .top-frame-reward .reward-title {
  font-size: .373rem;
  color: rgba(255,255,255,0.85);
  font-weight: 700;
  margin-right: 0.1rem;
}

.activebonus-card-frame .top-frame-reward .reward-unit {
  font-size: .32rem;
  color: rgba(255,255,255,0.85);
  font-weight: 700;
  margin-right: 0.1rem;
}

.activebonus-card-frame .top-frame-reward .reward-value {
  font-size: .533rem;
  color: #FFEE00;
  font-weight: 700;
}

.activebonus-todaycard-frame {
  position: relative;
  display: flex;
  justify-content: center;
  margin-top: 0.22rem;
  left: 0.56rem;
  width: 8.88rem;
  height: 4.44rem;
  display: flex;
  align-items: center;
}

.activebonus-todaycard-frame .bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}

.activebonus-todaycard-frame .top-frame {
  position: absolute;
  top: 0.44rem;
  left: 0.44rem;
  width: 8rem;
  height: 2.2222rem;
  background-image: linear-gradient(105deg, rgba(209,127,255,0.50) 0%, rgba(127,153,255,0.50) 100%);
  border-radius: 0.22rem;
}

.activebonus-todaycard-frame .top-frame-bet {
  position: absolute;
  top: 0.44rem;
  left: 0.44rem;
  width: 7rem;
  height: 0.56rem;
  display: flex;
  align-items: center;
}

.activebonus-todaycard-frame .top-frame-bet .bet-title {
  font-size: .373rem;
  color: rgba(255,255,255,0.85);
  font-weight: 400;
  margin-right: 0.1rem;
}

.activebonus-todaycard-frame .top-frame-bet .bet-unit {
  font-size: .373rem;
  color: rgba(255,255,255,0.85);
  font-weight: 400;
  margin-right: 0.1rem;
}

.activebonus-todaycard-frame .top-frame-bet .bet-value {
  font-size: .373rem;
  color: rgba(255,255,255,0.85);
  font-weight: 400;
}

.activebonus-todaycard-frame .top-frame-reward {
  position: absolute;
  top: 1.22rem;
  left: 0.44rem;
  width: 7rem;
  height: 0.66rem;
  display: flex;
  align-items: center;
}

.activebonus-todaycard-frame .top-frame-reward .reward-title {
  font-size: .373rem;
  color: rgba(255,255,255,0.85);
  font-weight: 700;
  margin-right: 0.1rem;
}

.activebonus-todaycard-frame .top-frame-reward .reward-unit {
  font-size: .32rem;
  color: rgba(255,255,255,0.85);
  font-weight: 700;
  margin-right: 0.1rem;
}

.activebonus-todaycard-frame .top-frame-reward .reward-value {
  font-size: .533rem;
  color: #FFEE00;
  font-weight: 700;
}

.activebonus-todaycard-frame .tips-icon {
  position: absolute;
  top: 2.8822rem;
  left: 0.44rem;
  width: 0.44rem;
  height: 0.44rem;
}

.activebonus-todaycard-frame .tips-frame {
  position: absolute;
  top: 2.8822rem;
  left: 1rem;
  width: 7.44rem;
  color: rgba(255,255,255,0.65);
  font-size: .28rem;
  line-height: .373rem;
  font-weight: 400;
}

.activebonus-reward-frame {
  position: relative;
  margin-top: 0.44rem;
  left: 0.56rem;
  width: 8.88rem;
  display: flex;
  flex-wrap: wrap;
  z-index: 10;
  border-radius: 0.44rem;
  overflow: hidden;
}

.activebonus-reward-body {
  position: relative;
  box-sizing: border-box;
  overflow: hidden;
}

.activebonus-reward-maintitle {
  position: relative;
  width: 8.88rem;
  height: 1.34rem;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  background-image: linear-gradient(98deg, rgba(255,255,255,0.25) 0%, rgba(255,255,255,0.04) 100%);
  box-shadow: inset 0px -1px 0px 0px rgba(255,255,255,0.15);
  border-radius: 0.44rem 0.44rem 0px 0px;
}

.activebonus-reward-maintitle .title {
  position: absolute;
  left: 0.44rem;
  width: 8rem;
  height: 1.34rem;
  line-height: 1.34rem;
  color: #FFFFFF;
  font-size: .373rem;
  font-weight: 700;
}

.activebonus-reward-subtitle {
  position: relative;
  width: 8.88rem;
  height: 1.34rem;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  background: rgba(255,255,255,0.15);
}

.activebonus-reward-frame .title-frame1 {
  position: absolute;
  left: 0.44rem;
  width: 2.8rem;
  height: 1.34rem;
  line-height: 1.34rem;
  display: flex;
  align-items: center;
}

.activebonus-reward-frame .title-frame2 {
  position: absolute;
  left: 3.34rem;
  width: 3.66rem;
  height: 1.34rem;
  line-height: 1.34rem;
  display: flex;
  align-items: center;
}

.activebonus-reward-frame .title-frame3 {
  position: absolute;
  left: 7rem;
  width: 1.88rem;
  height: 1.34rem;
  line-height: 1.34rem;
  display: flex;
  align-items: center;
}

.activebonus-reward-frame .title1 {
  color: rgba(255,255,255,0.85);
  font-size: .346rem;
  font-weight: 700;
}

.activebonus-reward-frame .title2 {
  color: rgba(255,255,255,0.85);
  font-size: .346rem;
  font-weight: 700;
}

.activebonus-reward-frame .title3 {
  color: rgba(255,255,255,0.85);
  font-size: .346rem;
  font-weight: 700;
}

.activebonus-reward-item {
  position: relative;
  width: 8.88rem;
  height: 1.34rem;
  box-sizing: border-box;
  display: flex;
  align-items: center;
}

.activebonus-reward-item .bg1 {
  position: absolute;
  width: 100%;
  height: 100%;
  background: transparent;
}

.activebonus-reward-item .bg2 {
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgba(255,255,255,0.04);
}

.activebonus-reward-item .bg3 {
  position: absolute;
  width: 100%;
  height: 100%;
  background-image: linear-gradient(98deg, rgba(209,127,255,0.50) 0%, rgba(127,153,255,0.50) 100%);
}

.activebonus-reward-frame .value1-unit {
  color: rgba(255,255,255,0.85);
  font-size: .32rem;
  font-weight: 400;
  margin-right: 0.1rem;
}

.activebonus-reward-frame .value1-value {
  color: rgba(255,255,255,0.85);
  font-size: .32rem;
  font-weight: 400;
}

.activebonus-reward-frame .value2-unit {
  color: rgba(255,255,255,0.45);
  font-size: .32rem;
  font-weight: 400;
  margin-right: 0.1rem;
}

.activebonus-reward-frame .value2-value {
  color: rgba(255,255,255,0.85);
  font-size: .426rem;
  font-weight: 400;
}

.activebonus-reward-frame .value-unit-light {
  color: rgba(255,255,255,0.45);
}

.activebonus-reward-frame .value-value-light {
  color: rgba(255,255,255,0.85);
}

.activebonus-reward-frame .value3 {
  position: absolute;
  left: 50%;
  margin-left: -0.275rem;
  width: 0.55rem;
  height: 0.55rem;
}






.mmission-content-frame {
  position: relative;
  margin-top: 0.1rem;
  left: 0.0;
  width: 10rem;
}

.mmission-banner-frame {
  position: relative;
  display: flex;
  justify-content: center;
  margin-top: 0.03rem;
  left: 0;
  width: 10rem;
  height: 4.4445rem;
}

.mmission-reward-frame {
  position: relative;
  margin-top: 0.22rem;
  left: 0.56rem;
  width: 9.4rem;
  display: flex;
  flex-wrap: wrap;
  z-index: 10;
}

.mmission-reward-body {
  position: relative;
  box-sizing: border-box;
  overflow: hidden;
}

.mmission-reward-item {
  position: relative;
  width: 8.88rem;
  height: 2.109rem;
  margin-bottom: 0;
  box-sizing: border-box;
  display: flex;
  align-items: center;
}

.mmission-reward-item .remain-time {
  position: absolute;
  top: 1.25rem;
  right: 0.2rem;
  width: 2.22rem;
  height: 0.666rem;
}

.mmission-reward-item .remain-time-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}

.mmission-reward-item .remain-time-value {
  position: absolute;
  top: 0;
  left: 0;
  width: 2.22rem;
  height: 0.666rem;
  line-height: 0.666rem;
  text-align: center;
  color: #FFEE00;
  font-size: .32rem;
  font-weight: 700;
}

.mmission-reward-item .receive-btn {
  position: absolute;
  top: 1.25rem;
  right: 0.2rem;
  width: 2.22rem;
  height: 0.666rem;
  transition: transform 0.1s ease-in-out;
}

.mmission-reward-item .receive-btn:active {
  opacity: 0.5;
  transform: scale(0.9);
}

.mmission-reward-item .ritem-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}

.mmission-reward-item .ritem-lock {
  position: absolute;
  top: 0.7rem;
  right: 0.9rem;
  width: 0.88rem;
  height: 0.88rem;
}

.mmission-reward-item .tasknum-frame {
  position: absolute;
  top: 0.04rem;
  left: 0.2rem;
  width: 1.5rem;
  height: 0.44rem;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.mmission-reward-item .tasknum-frame-title1 {
  color: rgba(255,255,255,0.50);
  font-size: .27rem;
  font-weight: 400;
  margin-right: 0.1rem;
}

.mmission-reward-item .tasknum-frame-title2 {
  color: #FCFF00;
  font-size: .27rem;
  font-weight: 400;
  margin-right: 0.1rem;
}

.mmission-reward-item .tasknum-frame-title3 {
  color: rgba(255,255,255,0.45);
  font-size: .27rem;
  font-weight: 400;
  margin-right: 0.1rem;
}

.mmission-reward-item .tasknum-frame-value1 {
  color: rgba(255,255,255,0.50);
  font-size: .346rem;
  font-weight: 700;
}

.mmission-reward-item .tasknum-frame-value2 {
  color: #FCFF00;
  font-size: .346rem;
  font-weight: 700;
}

.mmission-reward-item .tasknum-frame-value3 {
  color: rgba(255,255,255,0.45);
  font-size: .346rem;
  font-weight: 700;
}

.mmission-reward-item .mreward-frame {
  position: absolute;
  top: 0.2rem;
  right: 0.2rem;
  height: 1.8rem;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2.35rem;
}

.mmission-reward-item .mreward-frame-unit {
  color: #FFEE00;
  text-shadow:
  -1px -1px 0 #005616,
   1px -1px 0 #005616,
  -1px  1px 0 #005616,
   1px  1px 0 #005616;
  font-weight: 700;
  font-size: .426rem;
  margin-right: 0.1rem;
}

.mmission-reward-item .mreward-frame-value {
  color: #FFEE00;
  text-shadow:
  -1px -1px 0 #005616,
   1px -1px 0 #005616,
  -1px  1px 0 #005616,
   1px  1px 0 #005616;
  font-weight: 700;
  font-size: .533rem;
}

.mmission-reward-item .task-frame {
  position: absolute;
  top: 0.6rem;
  left: 2.5rem;
  width: 3.34rem;
  height: 0.44rem;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}

.mmission-reward-item .task-frame-title {
  color: rgba(255,255,255,0.65);
  font-size: .32rem;
  font-weight: 400;
}

.mmission-reward-item .task-frame-unit {
  color: rgba(255,255,255,0.65);
  font-size: .32rem;
  font-weight: 400;
  margin-left: 0.1rem;
}

.mmission-reward-item .task-frame-value {
  color: rgba(255,255,255,0.65);
  font-size: .32rem;
  font-weight: 400;
  margin-left: 0.1rem;
}

.mmission-reward-item .percent-frame {
  position: absolute;
  top: 1.2rem;
  left: 2.5rem;
  width: 3.34rem;
  height: 0.334rem;
  line-height: 0.334rem;
  background: rgba(0,0,0,0.45);
  border-radius: 0.2rem;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}

.mmission-reward-item .percent-frame-total {
  font-size: .27rem;
  color: #FFFFFF;
  font-weight: 400;
  margin-left: 0.05rem;
}

.mmission-reward-item .percent-frame-finish {
  font-size: .27rem;
  color: #FFEE00;
  font-weight: 700;
  margin-right: 0.05rem;
}



.luckywheel-page-frame {
  position: relative;
  left: 0rem;
  width: 10rem;
}

.luckywheel-page-frame .menu-bar {
  position: relative;
  display: flex;
  flex-direction: row;
  justify-content: center;
  margin-top: 0.4266rem;
  z-index: 11;
}

.luckywheel-page-frame .menu-bar .menu-item {
  position: relative;
  width: 2.7466rem;
  height: 1.4312rem;
  font-size: 0.32rem;
}

.luckywheel-page-frame .menu-bar .menu-item.silver {
  color: #FFFFFF;
}

.luckywheel-page-frame .menu-bar .menu-item.silver.active {
  color: #0062C1;
  text-shadow:
    -1px -1px 0 #FFFFFF,
     1px -1px 0 #FFFFFF,
    -1px  1px 0 #FFFFFF,
     1px  1px 0 #FFFFFF;
}

.luckywheel-page-frame .menu-bar .menu-item.gold {
  color: #FFFFFF;
}

.luckywheel-page-frame .menu-bar .menu-item.gold.active {
  color: #B25922;
  text-shadow:
    -1px -1px 0 #FFFFFF,
     1px -1px 0 #FFFFFF,
    -1px  1px 0 #FFFFFF,
     1px  1px 0 #FFFFFF;
}

.luckywheel-page-frame .menu-bar .menu-item.diamond {
  color: #FFFFFF;
}

.luckywheel-page-frame .menu-bar .menu-item.diamond.active {
  color: #7800BB;
  text-shadow:
    -1px -1px 0 #FFFFFF,
     1px -1px 0 #FFFFFF,
    -1px  1px 0 #FFFFFF,
     1px  1px 0 #FFFFFF;
}

.luckywheel-page-frame .menu-bar .menu-item.click:active {
  transform: scale(0.95);
}

.luckywheel-page-frame .menu-bar .menu-item img {
  width: 100%;
  height: 100%;
}

.luckywheel-page-frame .menu-bar .menu-item span {
  position: absolute;
  left: 0;
  top: 0;
  text-align: center;
  padding: 0.22rem 0.42rem;
}

.luckywheel-page-frame .wheel-frame {
  position: relative;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: -0.8rem;
}

.luckywheel-page-frame .wheel-frame .wheel {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 9.5rem;
  height: 9.5rem;
}

.luckywheel-page-frame .wheel-frame .wheel .bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}

.luckywheel-page-frame .wheel-frame .wheel .mid-bg {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 3;
}

.luckywheel-page-frame .wheel-frame .wheel .zhizhen {
  position: relative;
  top: -0.3rem;
  width: 2.8rem;
  height: 3.52rem;
  font-size: 0.53rem;
  color: #FFE200;
  z-index: 10;
}

.luckywheel-page-frame .wheel-frame .wheel .zhizhen .bg {
  position: absolute;
  width: 100%;
  height: 100%;
}

.luckywheel-page-frame .wheel-frame .wheel .zhizhen .guid {
  position: absolute;
  top: 2.7rem;
  left: 0.8rem;
  width: 1.28rem;
  height: 1.5rem;
  z-index: 15;
}

.luckywheel-page-frame .wheel-frame .wheel .zhizhen span {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  text-align: center;
  padding-top: 0.8rem;
  z-index: 14;
}

.luckywheel-page-frame .wheel-frame .wheel .num-container {
  position: absolute;
  top: 2.2rem;
  width: 5.34rem;
  height: 5.34rem;
  z-index: 4;
}

.luckywheel-page-frame .wheel-frame .wheel .num-container ul {
  position: absolute;
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  z-index: 10;
}

.luckywheel-page-frame .wheel-frame .wheel .num-container li {
  position: absolute;
  left: 50%;
  top: 50%;
  transform-origin: 0 0;
  white-space: nowrap;
  font-size: 0.43rem;
}

.luckywheel-page-frame .wheel-frame .silver .num-container li {
  color: #7FFFFF;
}

.luckywheel-page-frame .wheel-frame .gold .num-container li {
  color: #FFEE00;
}

.luckywheel-page-frame .wheel-frame .diamond .num-container li {
  color: #FFEE00;
}

.luckywheel-page-frame .wheel-frame .wheel .num-container li.l1-1 { transform: translate(-50%, -50%) rotate(-115deg) translateX(2.20rem) rotate(90deg); }
.luckywheel-page-frame .wheel-frame .wheel .num-container li.l1-2 { transform: translate(-50%, -50%) rotate(-115deg) translateX(2.15rem) rotate(90deg); }
.luckywheel-page-frame .wheel-frame .wheel .num-container li.l1-3 { transform: translate(-50%, -50%) rotate(-115deg) translateX(2.10rem) rotate(90deg); }
.luckywheel-page-frame .wheel-frame .wheel .num-container li.l1-4 { transform: translate(-50%, -50%) rotate(-115deg) translateX(2.05rem) rotate(90deg); }
.luckywheel-page-frame .wheel-frame .wheel .num-container li.l1-5 { transform: translate(-50%, -50%) rotate(-115deg) translateX(1.98rem) rotate(90deg); }

.luckywheel-page-frame .wheel-frame .wheel .num-container li.l2-1 { transform: translate(-50%, -50%) rotate(-65deg) translateX(2.30rem) rotate(90deg); }
.luckywheel-page-frame .wheel-frame .wheel .num-container li.l2-2 { transform: translate(-50%, -50%) rotate(-65deg) translateX(2.35rem) rotate(90deg); }
.luckywheel-page-frame .wheel-frame .wheel .num-container li.l2-3 { transform: translate(-50%, -50%) rotate(-65deg) translateX(2.40rem) rotate(90deg); }
.luckywheel-page-frame .wheel-frame .wheel .num-container li.l2-4 { transform: translate(-50%, -50%) rotate(-65deg) translateX(2.45rem) rotate(90deg); }
.luckywheel-page-frame .wheel-frame .wheel .num-container li.l2-5 { transform: translate(-50%, -50%) rotate(-65deg) translateX(2.50rem) rotate(90deg); }

.luckywheel-page-frame .wheel-frame .wheel .num-container li.l3-1 { transform: translate(-50%, -50%) rotate(-18deg) translateX(2.50rem) rotate(90deg); }
.luckywheel-page-frame .wheel-frame .wheel .num-container li.l3-2 { transform: translate(-50%, -50%) rotate(-22deg) translateX(2.65rem) rotate(90deg); }
.luckywheel-page-frame .wheel-frame .wheel .num-container li.l3-3 { transform: translate(-50%, -50%) rotate(-24deg) translateX(2.71rem) rotate(90deg); }
.luckywheel-page-frame .wheel-frame .wheel .num-container li.l3-4 { transform: translate(-50%, -50%) rotate(-26deg) translateX(2.78rem) rotate(90deg); }
.luckywheel-page-frame .wheel-frame .wheel .num-container li.l3-5 { transform: translate(-50%, -50%) rotate(-28deg) translateX(2.85rem) rotate(90deg); }

.luckywheel-page-frame .wheel-frame .wheel .num-container li.l4-1 { transform: translate(-50%, -50%) rotate(22deg) translateX(2.58rem) rotate(90deg); }
.luckywheel-page-frame .wheel-frame .wheel .num-container li.l4-2 { transform: translate(-50%, -50%) rotate(17deg) translateX(2.71rem) rotate(90deg); }
.luckywheel-page-frame .wheel-frame .wheel .num-container li.l4-3 { transform: translate(-50%, -50%) rotate(13deg) translateX(2.83rem) rotate(90deg); }
.luckywheel-page-frame .wheel-frame .wheel .num-container li.l4-4 { transform: translate(-50%, -50%) rotate(10deg) translateX(2.92rem) rotate(95deg); }
.luckywheel-page-frame .wheel-frame .wheel .num-container li.l4-5 { transform: translate(-50%, -50%) rotate(8deg) translateX(3.11rem) rotate(100deg); }

.luckywheel-page-frame .wheel-frame .wheel .num-container li.l5-1 { transform: translate(-50%, -50%) rotate(65deg) translateX(2.58rem) rotate(100deg); }
.luckywheel-page-frame .wheel-frame .wheel .num-container li.l5-2 { transform: translate(-50%, -50%) rotate(58deg) translateX(2.67rem) rotate(100deg); }
.luckywheel-page-frame .wheel-frame .wheel .num-container li.l5-3 { transform: translate(-50%, -50%) rotate(54deg) translateX(2.78rem) rotate(105deg); }
.luckywheel-page-frame .wheel-frame .wheel .num-container li.l5-4 { transform: translate(-50%, -50%) rotate(48deg) translateX(2.92rem) rotate(110deg); }
.luckywheel-page-frame .wheel-frame .wheel .num-container li.l5-5 { transform: translate(-50%, -50%) rotate(46deg) translateX(3.05rem) rotate(115deg); }

.luckywheel-page-frame .wheel-frame .wheel .num-container li.l6-1 { transform: translate(-50%, -50%) rotate(105deg) translateX(2.47rem) rotate(100deg); }
.luckywheel-page-frame .wheel-frame .wheel .num-container li.l6-2 { transform: translate(-50%, -50%) rotate(98deg) translateX(2.48rem) rotate(100deg); }
.luckywheel-page-frame .wheel-frame .wheel .num-container li.l6-3 { transform: translate(-50%, -50%) rotate(92deg) translateX(2.52rem) rotate(105deg); }
.luckywheel-page-frame .wheel-frame .wheel .num-container li.l6-4 { transform: translate(-50%, -50%) rotate(88deg) translateX(2.52rem) rotate(115deg); }
.luckywheel-page-frame .wheel-frame .wheel .num-container li.l6-5 { transform: translate(-50%, -50%) rotate(83deg) translateX(2.67rem) rotate(120deg); }

.luckywheel-page-frame .wheel-frame .wheel .num-container li.l7-1 { transform: translate(-50%, -50%) rotate(150deg) translateX(2.37rem) rotate(100deg); }
.luckywheel-page-frame .wheel-frame .wheel .num-container li.l7-2 { transform: translate(-50%, -50%) rotate(145deg) translateX(2.31rem) rotate(105deg); }
.luckywheel-page-frame .wheel-frame .wheel .num-container li.l7-3 { transform: translate(-50%, -50%) rotate(140deg) translateX(2.21rem) rotate(108deg); }
.luckywheel-page-frame .wheel-frame .wheel .num-container li.l7-4 { transform: translate(-50%, -50%) rotate(135deg) translateX(2.18rem) rotate(112deg); }
.luckywheel-page-frame .wheel-frame .wheel .num-container li.l7-5 { transform: translate(-50%, -50%) rotate(131deg) translateX(2.16rem) rotate(120deg); }

.luckywheel-page-frame .wheel-frame .wheel .num-container li.l8-1 { transform: translate(-50%, -50%) rotate(192deg) translateX(2.21rem) rotate(90deg); }
.luckywheel-page-frame .wheel-frame .wheel .num-container li.l8-2 { transform: translate(-50%, -50%) rotate(191deg) translateX(2.11rem) rotate(96deg); }
.luckywheel-page-frame .wheel-frame .wheel .num-container li.l8-3 { transform: translate(-50%, -50%) rotate(190deg) translateX(2.01rem) rotate(96deg); }
.luckywheel-page-frame .wheel-frame .wheel .num-container li.l8-4 { transform: translate(-50%, -50%) rotate(186deg) translateX(1.88rem) rotate(100deg); }
.luckywheel-page-frame .wheel-frame .wheel .num-container li.l8-5 { transform: translate(-50%, -50%) rotate(182deg) translateX(1.88rem) rotate(105deg); }


.luckywheel-page-frame .wheel-frame .points-frame {
  position: relative;
  width: 8.5rem;
  height: 4.56rem;
  margin-top: -1.9rem;
  z-index: 12;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.luckywheel-page-frame .wheel-frame .points-frame .bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

.luckywheel-page-frame .wheel-frame .points-frame .top {
  position: relative;
  width: 7.8rem;
  height: 0.8rem;
  z-index: 13;
  margin-top: 1.1rem;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

.luckywheel-page-frame .wheel-frame .points-frame .top .my-points {
  position: relative;
  height: 1.5rem;
  display: inline-block;
}

.luckywheel-page-frame .wheel-frame .points-frame .top .my-points .label {
  font-size: 0.37rem;
  color: #FFFFFF;
  letter-spacing: 0;
  line-height: 0.8rem;
  font-weight: 400;
  vertical-align: middle;
}

.luckywheel-page-frame .wheel-frame .points-frame .top .my-points .value {
  font-size: 0.427rem;
  color: #FFEE00;
  letter-spacing: 0;
  line-height: 0.8rem;
  font-weight: 700;
  vertical-align: middle;
}

.luckywheel-page-frame .wheel-frame .points-frame .top .sign-in {
  position: relative;
  width: 2.56rem;
  height: 0.8rem;
}

.luckywheel-page-frame .wheel-frame .points-frame .top .sign-in.click:active {
  transform: scale(0.95);
}

.luckywheel-page-frame .wheel-frame .points-frame .top .sign-in .btn {
  position: absolute;
  width: 100%;
  height: 100%;
}

.luckywheel-page-frame .wheel-frame .points-frame .top .sign-in .label {
  position: absolute;
  left: 0.2rem;
  top: 0;
  width: 100%;
  height: 100%;
  letter-spacing: 0;
  text-align: center;
  vertical-align: middle;
  line-height: 0.8rem;
  font-size: 0.32rem;
  color: #560EFF;
  letter-spacing: 0;
  font-weight: 700;
  z-index: 14;
}

.luckywheel-page-frame .wheel-frame .points-frame .top .sign-in .label.disable {
  color: rgba(255,255,255,0.65);
}

.luckywheel-page-frame .wheel-frame .points-frame .top .sign-in .red-dot {
  position: absolute;
  right: -0.1rem;
  top: -0.1rem;
  width: 0.32rem;
  height: 0.32rem;
  background: #FF0000;
  border: 1px solid rgba(255,255,255,1);
  border-radius: 0.22rem;
  z-index: 15;
}

.luckywheel-page-frame .wheel-frame .points-frame .points-cost {
  position: relative;
  width: 7.8rem;
  font-size: 0.32rem;
  background-image: linear-gradient(105deg, rgba(209,127,255,0.50) 0%, rgba(127,153,255,0.50) 100%);
  border-radius: 0.22rem;
  height:2.13rem;
  display: flex;
  margin-top: 0.1rem;
  flex-direction: column;
  justify-content: center;
  line-height: 0.53rem;
}

.luckywheel-page-frame .wheel-frame .points-frame .points-cost .silver {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  padding: 0rem 0.2rem;
}

.luckywheel-page-frame .wheel-frame .points-frame .points-cost .gold {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  padding: 0rem 0.2rem;
}

.luckywheel-page-frame .wheel-frame .points-frame .points-cost .diamond {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  padding: 0rem 0.2rem;
}

.luckywheel-page-frame .wheel-frame .points-frame .points-cost .label {
  color: rgba(255,255,255,0.65);
  letter-spacing: 0;
  font-weight: 400;
}

.luckywheel-page-frame .wheel-frame .points-frame .points-cost .cost {
  color: rgba(255,255,255,0.85);
  letter-spacing: 0;
  text-align: right;
  font-weight: 400;
}

.luckywheel-page-frame .wheel-frame .records-frame {
  position: relative;
  width: 8.5rem;
  margin-top: 0.43rem;
}

.luckywheel-page-frame .wheel-frame .records-frame .title {
  width: 100%;
  font-size: 0.347rem;
  color: rgba(255,255,255,0.85);
  letter-spacing: 0;
  line-height: 0.533rem;
  font-weight: 700;
  border-bottom: 1px rgba(255,255,255,0.15) solid;
  height: 0.6rem;
}

.luckywheel-page-frame .wheel-frame .records-frame .title span {
  padding-left: 0.3rem;
}
.luckywheel-page-frame .wheel-frame .records-frame .list {
  position: relative;
  width: 100%;
  overflow: hidden;
  height: 8rem;
}

.luckywheel-page-frame .wheel-frame .records-frame .list .content {
  position: relative;
  width: 100%;
  color: rgba(255,255,255,0.65);
  letter-spacing: 0;
  line-height: 0.533rem;
  font-size: 0.32rem;
  font-weight: 400;
}

.luckywheel-page-frame .wheel-frame .records-frame .list .item-wrap {
  position: relative;
  width: 100%;
  background: rgba(0,0,0,0.15);
  border-radius: 0.22rem;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 0.1rem;
  height: 1.5rem;
}

.luckywheel-page-frame .wheel-frame .records-frame .list .item {
  position: relative;
  width: 8.2rem;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

.luckywheel-page-frame .wheel-frame .records-frame .list .item .left {
  display: inline-block;
  width: 6.6rem;
}

.luckywheel-page-frame .wheel-frame .records-frame .list .item .right-wrap {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 1.6rem;
}

.luckywheel-page-frame .wheel-frame .records-frame .list .item .right {
  display: inline-block;
  width: 100%;
  letter-spacing: 0;
  text-align: right;
  position: relative;
  right: 0.1rem;
}

.luckywheel-page-frame .wheel-frame .records-frame .list .item .right .unit {
  color: rgba(255,255,255,0.45);
}


.luckywheel-page-frame .wheel-frame .records-frame .list .item .right .value {
  color: rgba(255,255,255,0.85);
  font-size: 0.426rem;
}

.luckywheel-page-frame .wheel-frame .records-frame .list .item .left .name {
  color: #FFFFFF;
}


.active-chest {
  padding-bottom: 0.667rem;
}

.active-chest-top {
  position: relative;
  width: 10rem;
  height: 4.45rem;
  margin-bottom: 2.89rem;
}

.active-chest-top .banner {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.active-chest-top .card {
  position: absolute;
  width: 10rem;
  height: 2.23rem;
  left: 0;
  bottom: -1.56rem;
}

.active-chest-top .collectable {
  position: absolute;
  left: 3rem;
  bottom: -0.84rem;
  width: 4rem;
  height: 0.78rem;
  background: rgba(0, 0, 0, 0.50);
  border-radius: 0.11rem;
  text-align: center;
  line-height: 0.78rem;
  color: #FFEE00;
  font-size: 0.64rem;
  margin-right: 0.16rem;
  text-shadow:
    2px 2px 0 #0C0000,
    -2px 2px 0 #0C0000,
    2px -2px 0 #0C0000,
    -2px -2px 0 #0C0000;
}

.active-chest-top .collectable .amount {
  margin-left: 0.16rem;
  font-size: 0.64rem;
}

.active-chest-top .collect {
  position: absolute;
  bottom: -2.67rem;
  left: 3.34rem;
  width: 3.34rem;
  height: 1.78rem;
}

.active-chest-top .collect .collect-enable {
  transition: transform 0.1s ease-in-out;
}

.active-chest-top .collect .collect-enable:active {
  transform: scale(0.9);
}

.active-chest-top .collect>img {
  width: 100%;
  height: 100%;
}

.active-chest-share {
  position: relative;
  width: 8.89rem;
  height: 6rem;
  margin: 0 auto 0.25rem;
  padding-top: 1.11rem;
  box-sizing: border-box;
}

.active-chest-share .share-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.active-chest-share .share-link {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 0 auto 0.89rem;
  padding: 0 0.22rem 0 0.44rem;
  width: 7.78rem;
  height: 1.33rem;
  background: rgba(0, 0, 0, 0.50);
  border: 1px solid #FF9000;
  border-radius: 0.22rem;
  box-sizing: border-box;
}

.active-chest-share .share-link .link-url {
  width: 5.22rem;
  height: 0.56rem;
  color: #FF9000;
  font-size: 0.32rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  line-height: 0.56rem;
}

.active-chest-share .share-link .link-copy {
  width: 1.56rem;
  height: 0.89rem;
  background-image: linear-gradient(119deg, #FCD7A1 0%, #D17836 100%);
  border-radius: 0.22rem;
  color: #000000;
  font-size: 0.32rem;
  line-height: 0.89rem;
  text-align: center;
  font-weight: 700;
}

.active-chest-share .share-platform {
  position: relative;
  width: 8.22rem;
  margin: 0 auto 0.55rem;
  overflow: auto;
}

.active-chest-share .share-platform::-webkit-scrollbar {
  display: none;
}

.active-chest-share .share-platform .share-container {
  display: flex;
  flex-wrap: nowrap;
}

.active-chest-share .share-platform .share-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  flex-shrink: 0;
  width: 1.36rem;
}

.active-chest-share .share-platform .icon {
  height: 0.66rem;
  width: 0.66rem;
}

.active-chest-share .share-platform .title {
  color: rgba(255,255,255,0.85);
  font-size: 0.26666rem;
  line-height: 0.44rem;
}

.active-chest-share .share-desc {
  position: relative;
  display: flex;
  align-items: center;
  margin: 0 0.44rem;
  font-size: 0.34666rem;
}

.active-chest-share .share-desc .desc-text {
  color: #FFFFFF;
  flex-grow: 1;
}

.active-chest-share .share-desc .desc-role {
  display: flex;
  align-items: center;
  color: #FFAF00;
  transition: transform 0.1s ease-in-out;
}

.active-chest-share .share-desc .desc-role:active {
  transform: scale(0.9);
}

.active-chest-share .share-desc .icon {
  width: 0.373rem;
  height: 0.373rem;
  margin-left: 0.133rem;
}

.active-chest-scroll {
  position: relative;
  width: 10rem;
  margin: 0 auto;
  margin-bottom: 2.2rem;
}

.active-chest-scroll .scroll-side {
  position: relative;
  width: 10rem;
  height: 1.778rem;
  margin-bottom: -0.68rem;
  z-index: 1;
}

.active-chest-scroll .scroll-side-flip {
  transform: scaleY(-1);
  margin-bottom: 0;
  margin-top: -0.5rem;
}

.active-chest-scroll .scroll-title {
  position: absolute;
  top: 0.367rem;
  left: 0.889rem;
  width: 8rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  z-index: 2;
}

.active-chest-scroll .scroll-title .title-img {
  width: 4.445rem;
  height: 0.667rem;
}

.active-chest-scroll .invitee {
  display: flex;
  align-items: center;
  height: 0.667rem;
  padding: 0 0.03rem 0 0.44rem;
  color: #FFEE00;
  line-height: 0.667rem;
  border-radius: 0.667rem;
  background: rgba(12, 0, 0, 0.75);
  border: 1px solid #FF8B52;
  box-sizing: border-box;
}

.active-chest-scroll .invitee .num {
  margin-right: 0.05rem;
  font-size: 0.42666rem;
  font-weight: 700;
}

.active-chest-scroll .invitee .unit {
  font-size: 0.32rem;
  margin-top: 0.05rem;
  margin-right: 0.11rem;
}

.active-chest-scroll .invitee .arrow {
  width: 0.556rem;
  height: 0.556rem;
}

.active-chest-scroll .chest-row {
  display: flex;
  align-items: center;
  /* gap: 0 0.27rem; */
  position: relative;
  width: 8.88rem;
  height: 2.666rem;
  margin: 0 auto;
  padding: 0 0.5rem;
  box-sizing: border-box;
  /* margin-bottom: -0.0084rem; */
}

.active-chest-scroll .chest-row-flip {
  justify-content: flex-end;
}

.active-chest-scroll .row-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.active-chest-scroll .chest-item {
  position: relative;
  padding: 0 0.1rem;
}

.active-chest-scroll .chest {
  position: relative;
  width: 1.77rem;
  height: 1.77rem;
  z-index: 2;
}

.active-chest-scroll .chest>img {
  position: relative;
  width: 100%;
  height: 100%;
}

.active-chest-scroll .progress {
  font-family: ArialMT;
  position: absolute;
  left: 0;
  bottom: 0.053rem;
  width: 100%;
  font-size: 0.2666666rem;
  text-align: center;
  color: #FFFFFF;
}

.active-chest-scroll .current {
  color: #FFEE00;
  font-weight: 700;
  margin-right: 0.053rem;
}

.active-chest-scroll .reward {
  color: rgba(0, 0, 0, 0.45);
  font-size: 0.32rem;
  text-align: center;
  line-height: 0.44rem;
}

.active-chest-scroll .reward .amount {
  color: rgba(0, 0, 0, 0.85);
}

.active-chest-scroll .reward-activated {
  color: #D242CD;
  font-weight: 700;
}

.active-chest-scroll .reward-activated .amount {
  color: #D242CD;
}


.active-chest-scroll .next {
  display: none;
  position: absolute;
  width: 0.556rem;
  height: 0.556rem;
  border-radius: 0.556rem;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.50);
  z-index: 3;
}

.active-chest-scroll .next>img {
  width: 100%;
  height: 100%;
}

.active-chest-scroll .next-left {
  display: block;
  top: 0.556rem;
  left: -0.28rem;
}

.active-chest-scroll .next-left>img {
  transform: rotate(180deg);
}

.active-chest-scroll .next-right {
  display: block;
  top: 0.556rem;
  right: -0.28rem;
}

.active-chest-scroll .next-down {
  display: block;
  bottom: -0.55rem;
  left: 0.70rem;
}

.active-chest-scroll .next-down>img {
  transform: rotate(90deg);
}


.active-chest-description {
  background: transparent!important;
}

.active-chest-description .mask {}

.active-chest-description .container {
  position: relative;
  width: 8.89rem;
  max-width: 8.89rem;
  padding: 1.333rem 0.667rem 0.667rem 0.667rem;
  background: #2C3238;
  box-shadow: 0 -4px 8px 0 rgba(0,0,0,0.25), inset 0 1px 0 0 rgba(255,255,255,0.25);
  border-radius:0.47rem;
  box-sizing: border-box;
}


.active-chest-description .title {
  margin-bottom: 0.22rem;
  color: #FFFFFF;
  font-size: 0.4267rem;
  font-weight: 700;
  line-height: 0.667rem;
  text-align: center;
}

.active-chest-description .content {
  margin-bottom: 0.44rem;
  color: rgba(255,255,255,0.85);
  font-size: 0.3733rem;
  line-height: 0.61rem;
  overflow: auto;
  text-align: justify;
}

.active-chest-description .content::-webkit-scrollbar {
  display: none;
}

.active-chest-description .button {
  height: 1.11rem;
  color: #FFFFFF;
  font-weight: 700;
  text-align: center;
  line-height: 1.111rem;
  background: #007AFF;
  border-radius: 0.22rem;
  font-size: 0.3733rem;
}

.active-chest-invitee-frame {
  position: relative;
  left: 0.0;
  width: 10rem;
  /* padding-top: 0.44rem; */
}

.active-chest-invitee-menu {
  position: relative;
  display: flex;
  justify-content: space-around;
  align-items: center;
  gap: 0 0.111rem;
  width: 9rem;
  left: 0.5rem;
  margin: 0.5rem 0;
}

.active-chest-invitee-menu .menu-item {
  height: 0.88rem;
  line-height: 0.88rem;
  text-align: center;
  color: rgba(255, 255, 255, 0.85);
  font-size: 0.32rem;
  background: rgba(255,255,255,0.15);
  border-radius: 0.22rem;
  box-sizing: border-box;
  width: 100%;
}

.active-chest-invitee-menu .menu-item-cur {
  color: #000000;
  font-weight: 700;
  background-image: linear-gradient(112deg, #FCD7A1 0%, #D17836 100%);
  border: none;
}

.active-chest-invitee-title {
  position: relative;
  left: 0.5rem;
  width: 9rem;
  display: flex;
  background: rgba(255, 255, 255, 0.25);
  box-shadow: inset 0 -1px 0 0 rgba(255, 255, 255, 0.15);
  border-radius: 0.22rem 0.22rem 0 0;
}

.active-chest-invitee-title>div {
  flex-shrink: 0;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2.08rem;
  height: 1.33rem;
  font-size: 0.32rem;
  color: rgba(255, 255, 255, 0.85);
  text-align: center;
  line-height: 0.44rem;
  font-weight: 700;
}

.active-chest-invitee-title>div:first-child {
  width: auto;
  flex-grow: 1;
}

.active-chest-invitee-title>div:after {
  position: absolute;
  top: 0.39rem;
  right: 0;
  content: ' ';
  width: 1px;
  height: 0.55rem;
  background: rgba(255, 255, 255, 0.15);
}

.active-chest-invitee-title>div:last-child:after {
  content: none;
}

.active-chest-invitee-list {
  position: relative;
  width: 9rem;
  left: 0.5rem;
  max-height: calc(100vh - 6rem);
  overflow: auto;
}

.active-chest-invitee-list::-webkit-scrollbar {
  display: none;
}


.active-chest-invitee-list .list-item {
  display: flex;
}

.active-chest-invitee-list .list-item:nth-child(2n) {
  background: rgba(255, 255, 255, 0.08);
}

.active-chest-invitee-list .list-item:last-child {
  border-radius: 0 0 0.22rem 0.22rem;
}

.active-chest-invitee-list .list-item>div {
  width: 2.08rem;
  height: 1.33rem;
}

.active-chest-invitee-list .list-item>div:first-child {
  width: auto;
  min-width: 0;
  flex-grow: 1;
  padding: 0 0.22rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.active-chest-invitee-list .list-item>div:not(:first-child) {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.32rem;
  color: rgba(255, 255, 255, 0.65);
  text-align: center;
  line-height: 0.44rem;
}

.active-chest-invitee-list .list-item .username {
  color: #FFFFFF;
  font-size: 0.32rem;
  line-height: 0.556rem;
}

.active-chest-invitee-list .list-item .user-id {
  color: rgba(255, 255, 255, 0.45);
  font-size: 0.26666rem;
  line-height: 0.44rem;
}

.active-chest-invitee-list .list-item .status-pending {
  color: #FFAF00;
}

.active-chest-invitee-list .list-item .status-active {
  color: #66FF66;
}

.active-chest-invitee-list .list-item .status-inactive {
  color: rgba(255, 255, 255, 0.85);
}

.active-chest-invitee-list .list-loading {
  text-align: center;
  padding: 20px;
  color:#FFFFFF;
}

.happy-hour-page {
  position: relative;
  width: 10rem;
  line-height: 0;
}

.happy-hour-page .bg {
  width: 100%;
  z-index: 1;
}

.happy-hour-page .main {
  z-index: 10;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
}

.happy-hour-page .main .top-box {
  display: flex;
  position: relative;
}

.happy-hour-page .main .top-box .icon {
  width: 10rem;
  margin-top: 0.1rem;
}

.happy-hour-page .main .top-box .content {
  z-index: 10;
  position: absolute;
  top: 3.71rem;
  width: 10rem;
  margin: 0 auto;
  line-height: 0.32rem;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.happy-hour-page .main .top-box .content .text-top {
  width: 6.5rem;
  text-align: center;
}

.happy-hour-page .main .top-box .content .text-top .font1 {
  font-size: 0.32rem;
  color: #ffffff;
  margin-bottom: 0.1rem;
  font-weight: 700;
}

.happy-hour-page .main .top-box .content .text-top .font2 {
  font-size: 0.293333rem;
  color: #ffee00;
  word-break: break-all;
  font-weight: 700;
}

.happy-hour-page .main .top-box .content .text-btm {
  position: absolute;
  top: 1.5rem;
  line-height: 0.32rem;
  text-align: center;
}

.happy-hour-page .main .top-box .content .text-btm .font1 {
  font-size: 0.32rem;
  color: rgba(255, 255, 255, 1);
  margin-bottom: 0.05rem;
  font-weight: 700;
}

.happy-hour-page .main .top-box .content .text-btm .font2 {
  font-size: 0.32rem;
  line-height: 0.3733333rem;
  color: #23FFB9;
  font-weight: 700;
}

.happy-hour-page .main .top-box .top-badge {
  position: absolute;
  z-index: 20;
  bottom: -1.32rem;
  right: 0rem;
}

.happy-hour-page .main .top-box .top-badge .badge {
  width: 3.4rem;
  height: 3.4rem;
}

.happy-hour-page .main .top-box .top-badge .text {
  position: absolute;
  bottom: 1.11rem;
  right: 0.31rem;
  font-size: 0.64rem;
  color: #E000A0;
  line-height: 0.64rem;
  font-weight: 700;
  letter-spacing: -1px;
  text-align: center;
  width: 3.11rem;
  text-shadow: 0.5px 0px 0px #FFF5E0, 0px 0.5px 0px #FFDABF, -0.5px 0px 0px #FFFFFF, 0px -0.5px 0px #F9C486, 0.5px 0.5px 0px #FFF5E0, -0.5px 0.5px 0px #FFDABF, 0.5px -0.5px 0px #FFFFFF, -0.5px -0.5px 0px #F9C486;
}

@keyframes floatIngot {

  0%,
  100% {
    transform: translateY(0);
  }

  50% {
    transform: translateY(-0.1rem);
  }
}

.happy-hour-page .main .ingot-box {
  position: absolute;
  left: 0;
  top: 5.66rem;
  width: 10rem;
  z-index: 100;
  animation: floatIngot 3s ease-in-out infinite;
}

.happy-hour-page .main .ingot-box .ingot {
  position: relative;
  display: flex;
  justify-content: center;
}

.happy-hour-page .main .ingot-box .ingot .ingot-img {
  width: 6.6rem;
  height: 4.25rem;
  z-index: 10;
  margin-top: 1.43rem;
}

@keyframes spinLight {
  from {
    transform: rotate(0deg);
  }

  to {
    transform: rotate(360deg);
  }
}

.happy-hour-page .main .ingot-box .ingot .light-img {
  position: absolute;
  width: 8rem;
  height: 8rem;
  z-index: 1;
  animation: spinLight 40s linear infinite;
}

.happy-hour-page .main .ingot-box .ingot .ingot-num {
  position: absolute;
  font-size: 0.853333rem;
  bottom: 0.8rem;
  font-weight: 900;
  line-height: 1.1rem;
  z-index: 100;
}

.happy-hour-page .main .ingot-box .ingot .ingot-num .num-text {
  position: relative;
  display: flex;
  color: transparent;
  display: flex;
  justify-content: center;
}

.happy-hour-page .main .ingot-box .ingot .ingot-num .num-text::before {
  content: attr(data-text);
  position: absolute;
  z-index: 1;
  color: transparent;
  text-shadow:
    1.5px 1.5px 0 #FFE400,
    -1.5px 1.5px 0 #FFE400,
    1.5px -1.5px 0 #FFE400,
    -1.5px -1.5px 0 #FFE400,
    0 4px 6px rgba(0, 0, 0, 0.35);
}

.happy-hour-page .main .ingot-box .ingot .ingot-num .num-text::after {
  content: attr(data-text);
  position: absolute;
  z-index: 2;
  background: linear-gradient(90deg, #DA009B 0%, #DA009B 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

.happy-hour-page .main .button {
  position: absolute;
  top: 11.15rem;
  display: flex;
  justify-content: center;
  width: 10rem;
  z-index: 100;
}

.happy-hour-page .main .button img {
  width: 2.76rem;
  height: 2.76rem;
}

.happy-hour-page .main .button .img-enable {
  transition: transform 0.1s ease-in-out;
}

.happy-hour-page .main .button .img-enable:active {
  transform: scale(0.9);
}

.happy-hour-page .main .rule-list {
  position: absolute;
  width: 10rem;
  top: 14rem;
}

.happy-hour-page .main .rule-list .box {
  display: flex;
  justify-content: center;
  align-items: center;
}

.happy-hour-page .main .rule-list .box .bg {
  margin: 0 0.55rem;
  display: flex;
  align-items: center;
  flex-direction: column;
  background: #FFEE00;
  opacity: 0.85;
  background-image: linear-gradient(125deg, #FFE2B4 0%, #FDAC50 100%);
  border: 1px solid #EE9336;
  border-radius: 16px;
}

.happy-hour-page .main .rule-list .box .bg .title {
  display: flex;
  justify-content: center;
  padding-top: 0.45rem;
  align-items: center;
}

.happy-hour-page .main .rule-list .box .bg .title .line {
  background-image: linear-gradient(90deg, rgba(0, 0, 0, 0.00) 0%, rgba(0, 0, 0, 0.65) 100%);
  border-radius: 0.03rem;
  height: 0.06rem;
  width: 1.61rem;
}

.happy-hour-page .main .rule-list .box .bg .title .lineR {
  transform: scaleX(-1);
}

.happy-hour-page .main .rule-list .box .bg .title .rule-title {
  font-size: 0.32rem;
  color: rgba(0, 0, 0, 0.85);
  letter-spacing: 0;
  text-align: center;
  line-height: 0.42rem;
  font-weight: 700;
  margin: 0 0.26rem;
}

.happy-hour-page .main .rule-list .box .bg .text {
  margin-top: 0.22rem;
  width: 7.55rem;
  font-size: 0.32rem;
  text-align: justify;
  line-height: 0.44rem;
  color: rgba(0, 0, 0, 0.65);
  letter-spacing: 0;
  z-index: 2;
}

.happy-hour-page .main .rule-list .box .text .item {
  margin-bottom: 0.44rem;
}






.promotional-pass {
  padding-bottom: 3.44rem;
}

.promotional-pass-top {
  position: relative;
  width: 10rem;
  height: 4.45rem;
}

.promotional-pass-summary {
  position: relative;
  width: 10rem;
  height: 2.06rem;
  margin-bottom: 0.44rem;
}

.promotional-pass-top .banner-bg,
.promotional-pass-summary .summary-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.promotional-pass-summary .month {
  position: relative;
  margin-bottom: 0.22rem;
  color: #592074;
  font-size: .32rem;
  line-height: 0.556rem;
  font-weight: 700;
  text-align: center;
  text-shadow:
    0.5px 0.5px 0 #FFAF00,
    0.5px -0.5px 0 #FFAF00,
    -0.5px 0.5px 0 #FFAF00,
    -0.5px -0.5px 0 #FFAF00;
}

.promotional-pass-summary .content {
  position: relative;
  display: flex;
  padding: 0 0.556rem;
  box-sizing: border-box;
}

.promotional-pass-summary .content>div {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  color: rgba(255, 255, 255, 0.85);
  font-size: .32rem;
  line-height: 0.44rem;
  width: 100%;
}

.promotional-pass-summary .amount {
  color: #FFFFFF;
  font-size: 0.64rem;
  font-weight: 700;
  line-height: 0.667rem;
}

.promotional-pass-targets {
  position: relative;
  width: 8.89rem;
  margin: 0 auto;
  padding: 1.33rem 0.22rem 0.22rem;
  box-sizing: border-box;
  background-image: linear-gradient(180deg, rgba(44,50,56,0.00) 0%, rgba(44,50,56,0.45) 99%);
  border-radius: 0.33rem;
}

.promotional-pass-targets .targets-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 2.22rem;
}

.promotional-pass-targets .target-item {
  position: relative;
  display: flex;
  height: 1.556rem;
  border-radius: 0.22rem;
  overflow: hidden;
  margin-bottom: 0.11rem;
  z-index: 1;
}


.promotional-pass-targets .target-type.target-item-collected  {
  opacity: 0.45;
}
.promotional-pass-targets  .reward-normal.target-item-collected {
  background-image: linear-gradient(90deg, rgba(124,61,160,0.30) 1%, rgba(85,60,139,0.30) 100%);
}
.promotional-pass-targets  .reward-pass.target-item-collected  {
  background-image: linear-gradient(118deg, rgba(209,127,255,0.30) 0%, rgba(127,153,255,0.30) 100%);
}

.promotional-pass-targets .target-item:last-child {
  margin-bottom: 0;
}

.promotional-pass-targets .target-type {
  width: 2.66rem;
  background-image: linear-gradient(180deg, rgba(117,69,179,0.75) 0%, rgba(92,30,127,0.75) 100%);
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.promotional-pass-targets .target-title {
  width: 100%;
}

.promotional-pass-targets .amount {
  position: relative;
  font-size: 0.32rem;
  color: #FFFFFF;
  line-height: 0.44rem;
  text-align: center;
  z-index: 1;
  transform: translateZ(1px);
}

.promotional-pass-targets .amount .number {
  margin-left: 0.11rem;
  font-size: 0.373rem;
  color: #FFFFFF;
  font-weight: 700;
}

.promotional-pass-targets .amount-pass,
.promotional-pass-targets .amount-pass .number {
  color: #FFEE00;
}

.promotional-pass-targets .reward-normal,
.promotional-pass-targets .reward-pass {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}

.promotional-pass-targets .reward-normal {
  width: 2.89rem;
  background-image: linear-gradient(90deg, rgba(124,61,160,0.75) 1%, rgba(85,60,139,0.75) 100%);
}

.promotional-pass-targets .reward-pass {
  flex-grow: 1;
  background-image: linear-gradient(118deg, rgba(209,127,255,0.75) 0%, rgba(127,153,255,0.75) 100%);
}

.promotional-pass-targets .collectable-bg {
  display: none;
  position: absolute;
  width: 2.22rem;
}

.promotional-pass-targets .status-icon {
  position: absolute;
  bottom: 0.11rem;
  right: 0.11rem;
  width: 0.55rem;
  height: 0.55rem;
}

@keyframes collectableLight {
  from {
    transform: rotate(0deg);
  }

  to {
    transform: rotate(360deg);
  }
}

.promotional-pass-targets .target-item-collectable .collectable-bg {
  display: block;
  animation: collectableLight 10s linear infinite;
}

.promotional-pass-targets .target-item-collected .collectable-bg,
.promotional-pass-targets .target-item-hide-pass-collect .reward-pass .collectable-bg {
  display: none;
}

.promotional-pass-fixed {
  display: flex;
  align-items: center;
  justify-content: center;
  position: fixed;
  left: 0;
  bottom: 0;
  width: 10rem;
  height: 2.44rem;
  padding-bottom: 0.22rem;
  box-sizing: border-box;
  background-image: linear-gradient(180deg, rgba(209,120,54,0.50) 0%, rgba(252,215,161,0.00) 100%);
  box-shadow: inset 0 1px 0 0 rgba(255,238,0,0.50);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  z-index: 1000;
}

.promotional-pass-fixed img {
  width: 8.33rem;
  height: 1.78rem;
}

.promotional-pass-fixed .pass-buy {
  transition: transform 0.1s ease-in-out;
}

.promotional-pass-fixed .pass-buy:active {
  opacity: 0.45;
  /* transform: scale(0.9); */
}

.promotional-pass-fixed .pass-buy .price {
  position: absolute;
  display: flex;
  align-items: center;
  top: 0.72rem;
  left: 5.55rem;
  color: #592074;
  font-size: 0.426666rem;
  letter-spacing: 0;
  text-align: center;
  font-weight: 700;
  text-shadow:
    1px 1px 0 #F8BD91,
    1px -1px 0 #F8BD91,
    -1px 1px 0 #F8BD91,
    -1px -1px 0 #F8BD91;
}

.promotional-pass-fixed .pass-buy .price .amount {
  margin-left: 0.05rem;
  font-size: 0.7466rem;
}

.promotional-pass-buy {
  background-color: transparent !important;
}

.promotional-pass-buy .mask {
  display: flex;
  align-items: center;
  justify-content: center;
}

.promotional-pass-buy .container {
  width: 8.33rem;
  height: 10.55rem;
}

.promotional-pass-buy .container .bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 8.33rem;
  height: 10.55rem;
}

.promotional-pass-buy .container .close {
  position: absolute;
  top: 0.333rem;
  right: 0.333rem;
  width: 0.6rem;
  height: 0.6rem;
}

.promotional-pass-buy .container .price {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  width: 3.33rem;
  height: 1.33rem;
  margin: 4.86rem auto 1.78rem;
  color: #FFEE00;
  font-size: 0.5333rem;
  font-weight: 700;
  background: rgba(0, 0, 0, 0.45);
  border-radius: 0.22rem;
}

.promotional-pass-buy .container .price .amount {
  margin-left: 0.05rem;
  font-size: 0.853333rem;
}

.promotional-pass-buy .container .button {
  position: relative;
  display: block;
  width: 5.55rem;
  height: 1.33rem;
  margin: 0 auto;
}





.first-recharge-v3 {
  padding-bottom: 1rem;
}

.first-recharge-v3-top {
  position: relative;
  width: 10rem;
  height: 4.44rem;
}


.first-recharge-v3-days {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0 0.16rem;
  width: 9rem;
  height: 2rem;
  margin: 0 auto 0.38rem;
}

.first-recharge-v3-top .top-bg,
.first-recharge-v3-days .days-bg,
.first-recharge-v3-days .day .day-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.first-recharge-v3-days .day {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1.56rem;
  height: 1.56rem;
  color: #D17FFF;
  font-size: 0.53333rem;
  font-weight: 700;
}

.first-recharge-v3-days .day-current {
  color: #DA009B;
}

.first-recharge-v3-days .day>span {
  position: relative;
}

.first-recharge-v3-days .day .day-triangle {
  display: none;
  position: absolute;
  width: 0.55rem;
  height: 0.55rem;
  bottom: -0.6rem;
}

.first-recharge-v3-days .day-current .day-triangle {
  display: block;
}

.first-recharge-v3-content {
  width: 8.67rem;
  background-image: linear-gradient(180deg, rgba(44,50,56,0.50) 0%, rgba(32,38,45,0.25) 99%);
  border: 1px solid rgba(249,196,134,0.50);
  border-radius: 0.44rem;
  margin: 0 auto;
  box-sizing: border-box;
  overflow: hidden;
}

.first-recharge-v3-content .content-top{
  background-image: linear-gradient(180deg, #2C3238 0%, rgba(44,50,56,0.00) 100%);
  padding: 0.22rem 0.44rem 0 0.44rem;
}

.first-recharge-v3-content .title {
  display: flex;
  align-items: center;
  margin-bottom: 0.22rem;
  color: #FFFFFF;
  font-size: 0.3733333rem;
}

.first-recharge-v3-content .title>img {
  width: 0.67rem;
  height: 0.67rem;
  margin: 0 0.22rem 0 0.11rem;
}

.first-recharge-v3-content .status {
  position: relative;
}

.first-recharge-v3-content .status>img {
  width: 7.78rem;
  height: 1.11rem;
  margin-bottom: 0.22rem;
}

.first-recharge-v3-content .status .countdown {
  position: absolute;
  top: 0.15rem;
  left: 0;
  width: 100%;
  font-size: 0.3733rem;
  color: #FFFFFF;
  line-height: 0.44rem;
  font-weight: 700;
  text-align: center;
}

.first-recharge-v3-content .reward-tiers {
  width: 7.78rem;
  margin: 0 auto 0.44rem;
  background-image: linear-gradient(180deg, rgba(209,127,255,0.50) 2%, rgba(127,153,255,0.50) 100%);
  border: 1px solid #F9C486;
  border-radius: 0.22rem;
}


.first-recharge-v3-content .tiers-title {
  display: flex;
  align-items: center;
  height: 0.889rem;
  color: #FFFFFF;
  font-size: 0.32rem;
  line-height: 0.889rem;
  background: rgba(255, 255, 255, 0.15);
  border-radius: 0.22rem;
  position: relative;
  justify-content: center;
  gap: 0.22rem;
}

.first-recharge-v3-content .tiers-title .line {
  width: 0.02666666rem;
  height: 0.4266666rem;
  background-color: rgba(255, 255, 255, 0.15);
}


.first-recharge-v3-content .tiers-item {
  display: flex;
  width: 6.889rem;
  margin: 0 auto;
  color: rgba(255, 255, 255, 0.45);
  line-height: 0.889rem;
  box-shadow: inset 0 -1px 0 0 rgba(255, 255, 255, 0.08);
}

.first-recharge-v3-content .tiers-item>div {
  width: 50%;
  text-align: center;
}

.first-recharge-v3-content .tiers-item .unit {
  font-size: 0.32rem;
  color: rgba(255, 255, 255, 0.45);
  letter-spacing: 0;
  line-height: 0.42666rem;
}

.first-recharge-v3-content .amount {
  margin-left: 0.222222rem;
}

.first-recharge-v3-content .deposit .amount {
  font-size: 0.3733333rem;
  color: #FFFFFF;
}

.first-recharge-v3-content .reward .amount {
  color: #FFEE00 ;
  font-weight: 700;
  font-size: 0.4266666rem;
}

.first-recharge-v3-content .deposit-button {
  width: 6.889rem;
  height: 1.11rem;
  margin: 0.22rem auto 0.44rem;
  color: #000000;
  text-align: center;
  line-height: 1.11rem;
  background-image: linear-gradient(99deg, #FCD7A1 0%, #D17836 100%);
  border-radius: 0.22rem;
  box-sizing: border-box;
  font-size: 0.34666rem;
}

.first-recharge-v3-content .deposit-disabled {
  color: rgba(255,255,255,0.25);
  background: rgba(255,255,255,0.04);
  border: 1px solid rgba(255,255,255,0.15);
  box-shadow: none;
}

.first-recharge-v3-content .deposit-enable {
  transition: transform 0.1s ease-in-out;
}

.first-recharge-v3-content .deposit-enable:active {
  transform: scale(0.9);
}

.dialog-sdcommon-class {
  border-top-left-radius: 0rem !important;
  border-top-right-radius: 0rem !important;
  border: 1px solid rgba(255, 255, 255, 0.10) !important;
  box-shadow: 0 -4px 8px 0 rgba(0, 0, 0, 0.25), inset 0 1px 0 0 rgba(255, 255, 255, .25) !important;
  backdrop-filter: blur(1px) !important;
  -webkit-backdrop-filter: blur(1px) !important;
  background: rgba(0, 0, 0, 0.05) !important;
  width: 10rem !important;
}



.gold-coin-container {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  overflow: hidden;
  z-index: 3000;
  background: rgba(0,0,0,0.65);
}

/* .coins-ani {
  background-image: url('static/svg/bonusModal/coins-ani.png');
  background-size: 10.2564rem 2.0512rem;
  width: 2.0512rem;
  height: 2.0512rem;
  background-repeat: no-repeat;
  animation: coin-rotate-a60f7ff1 .5s steps(5) infinite;
  position: absolute
} */

.goldbox-content {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 3010;
}

.goldbox-wait {
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 10;
  text-align: center
}

.goldbox-wait .aperture1 {
  width: 9.7179rem;
  height: 9.7179rem;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%) rotate(0);
  transform-origin: center;
  animation: aperture-a60f7ff1 10s linear infinite
}

/* .goldbox-wait .box-wait {
  width: 3.8974rem;
  height: 4.5256rem;
  background: url(static/svg/bonusModal/wait-ani.png) no-repeat;
  background-size: 54.5641rem 4.5256rem;
  animation: box-wait-a60f7ff1 1s steps(14) infinite;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  z-index: 10;
  display: flex;
  align-items: center;
  justify-content: center
} */

.goldbox-wait .box-wait .btn-open {
  width: 4.2051rem;
  height: 1.1282rem;
  position: absolute;
  background-image: linear-gradient(106deg, #FCD7A1 0%, #D17836 100%);
  color: #000000;
  text-align: center;
  text-shadow: .0128rem .0128rem 0rem rgba(255,255,255,.25);
  font-size: 0.426rem;
  font-style: normal;
  font-weight: 700;
  line-height: 1.1282rem;
  text-transform: uppercase;
  margin-top: 6.4102rem;
  border-radius: 0.22rem;
}

.goldbox-wait .box-wait .text-warpper {
  width: 100%;
  margin-bottom: 7.6923rem;
  padding: 0 1rem;
  max-width: 10rem;
  min-width: 10rem
}

.goldbox-wait .box-wait .text-warpper .title {
  text-align: center;
  font-size: 0.9743rem;
  font-style: normal;
  font-weight: 900;
  line-height: 1.5;
  text-transform: uppercase;
  /* background: linear-gradient(180deg,#f0e96f -9.75%,#d9c14c 93.5%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent */
  /* color: #f8ff7a;
  text-shadow: 2px 0 0 #d72f2f,0 2px 0 #d72f2f,-2px 0 0 #d72f2f,0 -2px 0 #d72f2f,2px 2px 0 #d72f2f,-2px 2px 0 #d72f2f,2px -2px 0 #d72f2f,-2px -2px 0 #d72f2f; */
  color: #F5C84C;
  text-shadow: 2px 0 0 #000000,0 2px 0 #000000,-2px 0 0 #000000,0 -2px 0 #000000,2px 2px 0 #000000,-2px 2px 0 #000000,2px -2px 0 #000000,-2px -2px 0 #000000;
}

.goldbox-wait .box-wait .text-warpper .description {
  position: relative;
  color: #FFF8BA;
  text-align: center;
  text-shadow: 0px 2px 2px rgba(0,0,0,.25);
  font-size: .373rem;
  font-style: normal;
  width: 8rem;
  left: 1rem;
  font-weight: 700;
  line-height: normal;
  text-transform: uppercase;
  background: rgba(0,0,0,0.30);
  border-radius: 0.22rem;
  padding-top: 0.1rem;
  padding-bottom: 0.1rem;
}


.goldbox-open {
  width: 10rem;
  height: 10rem;
  position: relative
}

/* .goldbox-open .box-open {
  width: 11.4871rem;
  height: 11.4871rem;
  background: url(static/svg/bonusModal/open-ani.png) no-repeat;
  background-size: 45.9487rem 68.923rem;
  animation: box-open-x-a60f7ff1 0.25s steps(4) 6,box-open-y-a60f7ff1 1.5s steps(6) 1;
  animation-play-state: running;
  position: absolute;
  top: 38%;
  left: 50%;
  transform: translate(-50%,-50%);
  z-index: 10;
  display: flex;
  align-items: center;
  justify-content: center
} */

.goldbox-open .box-open .aperture2 {
  width: 9.7179rem;
  height: 9.7179rem;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%) rotate(0);
  transform-origin: center;
  animation: aperture-a60f7ff1 10s linear infinite
}

.goldbox-open .box-open .btn-receive {
  width: 4.2051rem;
  height: 1.1578rem;
  position: absolute;
  background-image: linear-gradient(106deg, #FCD7A1 0%, #D17836 100%);
  color: #000000;
  text-align: center;
  text-shadow: .0128rem .0128rem 0rem rgba(255,255,255,.25);
  font-size: 0.426rem;
  font-style: normal;
  font-weight: 900;
  line-height: 1.1578rem;
  text-transform: uppercase;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  margin-top: 3.0769rem;
  border-radius: 0.22rem;
}

.goldbox-open .box-open .text-warpper {
  width: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%)
}

.goldbox-open .box-open .text-warpper .title {
  position: absolute;
  left: 50%;
  transform: translate(-50%);
  color: #FFF8BA;
  text-align: center;
  text-shadow: 2px 0 0 #C54274,0 2px 0 #C54274,-2px 0 0 #C54274,0 -2px 0 #C54274,2px 2px 0 #C54274,-2px 2px 0 #C54274,2px -2px 0 #C54274,-2px -2px 0 #C54274;
  text-transform: uppercase;
  font-size: 0.4615rem;
  font-style: normal;
  font-weight: 900;
  line-height: 1.5
}

.goldbox-open .box-open .text-warpper .reward {
  color: #F5C84C;
  text-align: center;
  text-shadow: 2px 0 0 #000000,0 2px 0 #000000,-2px 0 0 #000000,0 -2px 0 #000000,2px 2px 0 #000000,-2px 2px 0 #000000,2px -2px 0 #000000,-2px -2px 0 #000000;
  text-transform: uppercase;
  font-size: 0.9743rem;
  font-style: normal;
  font-weight: 700;
  line-height: 2.5
}

@keyframes coin-rotate-a60f7ff1 {
  0% {
    background-position: 0 0
  }

  to {
    background-position: -10.2564rem 0
  }
}

@keyframes aperture-a60f7ff1 {
  0% {
    transform: translate(-50%,-50%) rotate(0)
  }

  to {
    transform: translate(-50%,-50%) rotate(360deg)
  }
}

@keyframes box-wait-a60f7ff1 {
  0% {
    background-position: 0 0
  }

  to {
    background-position: -54.5641rem 0
  }
}

@keyframes box-open-x-a60f7ff1 {
  0% {
    background-position-x: 0
  }

  to {
    background-position-x: -45.9487rem
  }
}

@keyframes box-open-y-a60f7ff1 {
  0% {
    background-position-y: 0
  }

  to {
    background-position-y: -68.923rem
  }
}

.goldbox-openreward {
  width: 10rem;
  height: 100vh;
  position: relative
}

.goldbox-openreward .box-multi {
  position: absolute;
  width: 10rem;
  height: 12.22rem;
  top: 45%;
  left: 50%;
  transform: translate(-50%,-50%);
  z-index: 10;
  display: flex;
  align-items: center;
  justify-content: center
}

.goldbox-openreward .box-multirecharge {
  position: absolute;
  width: 10rem;
  min-height: 10rem;
  top: 45%;
  left: 50%;
  transform: translate(-50%,-50%);
  z-index: 10;
  display: flex;
  align-items: center;
  justify-content: center
}

.goldbox-openreward .box-multi-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 10rem;
}

.goldbox-openreward .box-multi-rechargebg {
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -4.17rem;
  width: 8.34rem;
  height: 4.448rem;
}

.goldbox-openreward .box-multi-close {
  position: absolute;
  top: 0;
  right: 0.83rem;
  width: 1rem;
  height: 1rem;
}

.goldbox-openreward .box-multi-closeicon {
  position: absolute;
  top: 0.22rem;
  right: 0.22rem;
  width: 0.666rem;
  height: 0.666rem;
}

.goldbox-openreward .box-multi-content {
  position: absolute;
  top: 0;
  left: 0;
  width: 10rem;
  height: 10rem;
}

.goldbox-openreward .box-multi-topbg {
  position: absolute;
  top: 0;
  left: 0;
  width: 10rem;
  z-index: 11;
}

.goldbox-openreward .box-multi-bottombg {
  position: absolute;
  bottom: 2.2rem;
  left: 0;
  width: 10rem;
  z-index: 11;
}

.goldbox-openreward .box-multi-contentlist {
  position: absolute;
  top: 2.9rem!important;
  left: 50%!important;
  margin-left: -3.56rem!important;
  width: 7.12rem!important;
  background-image: linear-gradient(180deg, #FFE6C1 0%, #E3A77A 100%)!important;
  border: 1px solid #FFDABF!important;
  border-radius: 0.44rem!important;
}

.goldbox-openreward .box-multi-content .multilist-title-frame {
  position: absolute;
  top: 0.6rem;
  left: 50%;
  margin-left: -3.11rem;
  width: 6.22rem;
  height: 1.5rem;
}

.goldbox-openreward .box-multi-content .multilist-title-main {
  position: relative;
  left: 0;
  width: 6.22rem;
  text-align: center;
  color: #000000;
  font-size: .48rem;
  line-height: .64rem;
  font-weight: 700;
  z-index: 20;
}

.goldbox-openreward .box-multi-content .multilist-title-sub {
  position: relative;
  margin-top: 0.1rem;
  left: 0;
  width: 6.22rem;
  text-align: center;
  color: #974000;
  font-size: .29rem;
  line-height: .373rem;
  font-weight: 400;
  z-index: 20;
}

.goldbox-openreward .box-multi-content .multilist-value-frame {
  position: absolute;
  top: 2.5rem;
  left: 50%;
  margin-left: -2.22rem;
  width: 4.44rem;
  min-height: 1.1188rem;
  border: 1.5px dotted #E3955B;
  border-radius: 0.33rem;
  padding-bottom: 0.27rem;
}

.goldbox-openreward .box-multi-content .multilist-value-title-frame {
  position: relative;
  margin-top: -0.22rem;
  left: 50%;
  margin-left: -1.9444rem;
  width: 3.8888rem;
  height: 0.44rem;
  background: #E3955B;
  border-radius: 0.33rem;
  display: flex;
  justify-content: center;
  align-items: center;
}

.goldbox-openreward .box-multi-content .multilist-value-title-frame .multi-title {
  width: 1.9444rem;
  color: #FFFFFF;
  text-align: center;
  font-size: .32rem;
  font-weight: 400;
}

.goldbox-openreward .box-multi-content .multilist-value-line {
  position: relative;
  margin-top: 0;
  left: 50%;
  margin-left: -1.9444rem;
  width: 3.8888rem;
  height: 0.22rem;
}

.goldbox-openreward .box-multi-content .multilist-value-item {
  position: relative;
  margin-top: 0;
  left: 50%;
  margin-left: -1.9444rem;
  width: 3.8888rem;
  height: 0.66rem;
  display: flex;
  justify-content: center;
  align-items: center;
}

.goldbox-openreward .box-multi-content .multilist-value-item-left {
  position: relative;
  top: 1px;
  width: 1.9444rem;
  color: #4E9600;
  text-align: center;
  font-size: .4rem;
  font-weight: 700;
}

.goldbox-openreward .box-multi-content .multilist-value-item-right {
  position: relative;
  top: 1px;
  width: 1.9444rem;
  color: #C10000;
  text-align: center;
  font-size: .4rem;
  font-weight: 700;
}

.goldbox-openreward .box-multi-content .multilist-value-item-line {
  position:absolute;
  top: 1px;
  width: 100%;
  height: 1px;
  border-top: 1px solid #E3955B;
}

.goldbox-openreward .box-multi-content .multi-title-frame {
  position: absolute;
  top: 3.25rem;
  left: 50%;
  margin-left: -3.11rem;
  width: 6.22rem;
  height: 1.5rem;
}

.goldbox-openreward .box-multi-content .multi-title-main {
  position: relative;
  left: 0;
  width: 6.22rem;
  text-align: center;
  color: #000000;
  font-size: .373rem;
  line-height: .64rem;
  font-weight: 700;
}

.goldbox-openreward .box-multi-content .multi-title-sub {
  position: relative;
  left: 0;
  width: 6.22rem;
  text-align: center;
  color: #974000;
  font-size: .29rem;
  line-height: .32rem;
  font-weight: 400;
}

.goldbox-openreward .box-multi-content .multi-title-mainreward {
  position: relative;
  left: 50%;
  margin-left: -0.3rem;
  width: 0.6rem;
  height: 0.6rem;
}

.goldbox-openreward .box-multi-content .multi-title-subreward {
  position: relative;
  margin-top: 0.1rem;
  left: 0;
  width: 6.22rem;
  text-align: center;
  color: #478800;
  font-size: .373rem;
  line-height: .373rem;
  font-weight: 700;
}

.goldbox-openreward .box-multi-content .multi-value-frame {
  position: absolute;
  top: 5.15rem;
  left: 50%;
  margin-left: -2.22rem;
  width: 4.44rem;
  height: 1rem;
  line-height: 1rem;
  display: flex;
  justify-content: center;
  align-items: center;
}

.goldbox-openreward .box-multi-content .multi-value-text {
  position: relative;
  font-size: 1.06rem;
  color: #974000;
  font-weight: 700;
}

.goldbox-openreward .box-multi-content .multi-value-unit {
  position: relative;
  color: #974000;
  font-size: .853rem;
  font-weight: 400;
}

.goldbox-openreward .box-multi-content .multi-unit-frame {
  position: absolute;
  top: 6rem;
  left: 50%;
  margin-left: -2.22rem;
  width: 4.44rem;
  height: 1rem;
  line-height: 1rem;
  color: #974000;
  font-weight: 700;
  font-size: .32rem;
  display: flex;
  justify-content: center;
  align-items: center;
}

.goldbox-openreward .box-multi-rechargecontent {
  position: absolute;
  top: 4.4rem;
  left: 50%;
  margin-left: -4.17rem;
  width: 8.34rem;
  min-height: 4.5rem;
  background: #FFFFFF;
  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.25), inset 0 0 0 0 rgba(255,255,255,0.25);
  border-radius: 0 0 0.66rem 0.66rem;
}

.goldbox-openreward .box-multi-rechargecontent .content-tips {
  position: relative;
  margin-top: 0.44rem;
  left: 50%;
  margin-left: -3.5rem;
  width: 7rem;
  color: rgba(0,0,0,0.85);
  font-size: .373rem;
  line-height: .533rem;
  font-weight: 400;
  text-align: center;
}

.goldbox-openreward .box-multi-rechargecontent .content-btn {
  position: relative;
  margin-top: 0.44rem;
  margin-bottom: 0.66rem;
  left: 50%;
  margin-left: -4.17rem;
  width: 8.34rem;
  height: 1.34rem;
  display: flex;
  justify-content: center;
  align-items: center;
}

.goldbox-openreward .box-multi-rechargecontent .content-btn-left {
  position: relative;
  width: 3.38rem;
  height: 1.33rem;
  background: #FFFFFF;
  border: 1px solid rgba(0,0,0,0.25);
  border-radius: 0.22rem;
  text-align: center;
  color: rgba(0,0,0,0.65);
  font-size: .373rem;
  line-height: .426rem;
  font-weight: 400;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: transform 0.1s ease-in-out;
}

.goldbox-openreward .box-multi-rechargecontent .content-btn-left:active {
  transform: scale(0.9);
}

.goldbox-openreward .box-multi-rechargecontent .content-btn-right {
  position: relative;
  margin-left: 0.22rem;
  width: 3.39rem;
  height: 1.34rem;
  background-image: linear-gradient(111deg, #FCD7A1 0%, #D17836 100%);
  border-radius: 0.22rem;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: transform 0.1s ease-in-out;
}

.goldbox-openreward .box-multi-rechargecontent .content-btn-right:active {
  transform: scale(0.9);
}

.goldbox-openreward .box-multi-rechargecontent .content-btn-right-text {
  position: relative;
  width: 2.22rem;
  color: #000000;
  font-size: .373rem;
  line-height: .426rem;
  font-weight: 400;
  text-align: center;
}

.goldbox-openreward .box-multi-rechargecontent .content-btn-right-icon {
  position: relative;
  width: 0.66rem;
  height: 0.66rem;
}

.goldbox-openreward .box-multi .btn-frame {
  position: absolute;
  bottom: 0.44rem;
  left: 0;
  width: 10rem;
  height: 1.34rem;
  display: flex;
  justify-content: center;
  align-items: center;
}

.goldbox-openreward .box-multi .btn-frame-left {
  position: relative;
  width: 4.222rem;
  height: 1.33rem;
  background-image: linear-gradient(107deg, #838383 0%, #6C573F 100%);
  box-shadow: inset 0 -2px 0 0 rgba(0,0,0,0.15);
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.7rem;
  color: rgba(255,255,255,0.85);
  font-size: .373rem;
  line-height: .426rem;
  font-weight: 400;
  text-align: center;
  transition: transform 0.1s ease-in-out;
}

.goldbox-openreward .box-multi .btn-frame-left:active {
  transform: scale(0.9);
}

.goldbox-openreward .box-multi .btn-frame-right {
  margin-left: 0.22rem;
  position: relative;
  width: 4.222rem;
  height: 1.33rem;
  background-image: linear-gradient(107deg, #FCD7A1 0%, #D17836 100%);
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.7rem;
  color: #000000;
  font-size: .373rem;
  line-height: .426rem;
  font-weight: 400;
  text-align: center;
  transition: transform 0.1s ease-in-out;
}

.goldbox-openreward .box-multi .btn-frame-right:active {
  transform: scale(0.9);
}

.goldbox-openreward .box-multi .btn-frame-center {
  margin-left: 0.22rem;
  position: relative;
  width: 6.666rem;
  height: 1.33rem;
  background-image: linear-gradient(107deg, #FCD7A1 0%, #D17836 100%);
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.7rem;
  color: #000000;
  font-size: .373rem;
  line-height: .426rem;
  font-weight: 400;
  text-align: center;
  transition: transform 0.1s ease-in-out;
}

.goldbox-openreward .box-multi .btn-frame-center:active {
  transform: scale(0.9);
}

.dialog-oldnewer-class {
  border-top-left-radius: 0rem !important;
  border-top-right-radius: 0rem !important;
  border: unset !important;
  box-shadow: 0 -4px 8px 0 rgba(0, 0, 0, 0.25), inset 0 1px 0 0 rgba(255, 255, 255, .25) !important;
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  background: rgba(0, 0, 0, 0.5) !important;
  width: 10rem !important;
}

.hdialog-oldnewer-outframe {
  position: relative;
  width: 10rem;
  height: 100vh;
}

.hdialog-oldnewer-outframe .newer-title {
  position: sticky;
  top: 0;
  left: 0;
  width: 10rem;
  height: 1.33rem;
  background: rgba(255,255,255,0.04);
  display: flex;
  align-items: center;
  justify-content: center;
  color: rgba(255,255,255,0.85);
  font-size: .426rem;
  z-index: 2;
}

.hdialog-oldnewer-outframe .newer-title-close {
  position: absolute;
  top: 0.2rem;
  left: 0.426rem;
  width: 0.9rem;
  height: 0.9rem;
}

.hdialog-oldnewer-outframe .newer-content {
  position: relative;
  left: 0;
  width: 10rem;
  height: 20.2rem;
  overflow-x: hidden;
  overflow-y: hidden;
}

.hdialog-oldnewer-outframe .newer-content-bg {
  position: absolute;
  left: 0;
  width: 10rem;
}

.hdialog-oldnewer-outframe .newer-content .top-banner {
  position: relative;
  left: 50%;
  margin-top: -1.5rem;
  margin-left: -3.33rem;
  width: 6.66rem;
  height: 4.44rem;
  z-index: 10;
}

.hdialog-oldnewer-outframe .newer-content .turn-frame {
  position: relative;
  margin-top: 0.55rem;
  left: 0;
  width: 10rem;
  height: 8.88rem;
  display: flex;
  justify-content: center;
  align-items: center;
}

.hdialog-oldnewer-outframe .newer-content .turn-tablebg {
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -4.44rem;
  width: 8.88rem;
  height: 8.88rem;
}

.hdialog-oldnewer-outframe .newer-content .turn-table {
  position: absolute;
  top: 1rem;
  left: 50%;
  margin-left: -3.44rem;
  width: 6.88rem;
  height: 6.88rem;
}

.hdialog-oldnewer-outframe .newer-content .turn-table-item {
  position:absolute;
  left: 50%;
  width: 2rem;
  height: 2.4rem;
  transform-origin: 50% 3.44rem;
  text-align: center;
  font-size: .32rem;
  color: white;
}

.hdialog-oldnewer-outframe .newer-content .turn-table-item .item-reward {
  position:absolute;
  top: 0.8rem;
  width:100%;
  height:1rem;
  text-align: center;
  font-size: .373rem;
  color: black;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 700;
}

.hdialog-oldnewer-outframe .newer-content .turn-table-item .item-goodluck {
  top: 0.8rem!important;
  font-size: .373rem!important;
}

.hdialog-oldnewer-outframe .newer-content .turn-table-item .item-reward-unit {
  font-size: .32rem;
  margin-right: 1px;
}

.hdialog-oldnewer-outframe .newer-content .turn-table-item .item-turnover {
  position:absolute;
  top: 1.9rem;
  width:100%;
  text-align: center;
  font-size: .3rem;
  color: black;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 700;
}

.hdialog-oldnewer-outframe .newer-content .turn-table-item .item-icon {
  position:absolute;
  top: 0rem;
  left: 50%;
  margin-left: -0.775rem;
  height: 1.55rem;
  width: 1.55rem;
}

.hdialog-oldnewer-outframe .newer-content .turn-table-item .item-icon-big {
  position:absolute;
  top: 0rem;
  left: 50%;
  margin-left: -0.775rem;
  height: 1.55rem;
  width: 1.55rem;
}

.hdialog-oldnewer-outframe .newer-content .turn-table-item .item-turnover-goodluck {
  top: 1.5rem;
  font-size: .373rem!important;
}

.hdialog-oldnewer-outframe .newer-content .turn-table-content {
  position: absolute;
  top: 0;
  left: 0;
  width: 6.88rem;
  height: 6.88rem;
  transition: transform 5.5s ease-out;
}

.hdialog-oldnewer-outframe .newer-content .turn-table-content-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 6.88rem;
  height: 6.88rem;
}

.hdialog-oldnewer-outframe .newer-content .turn-table-content-pointer {
  position: absolute;
  top: -0.5rem;
  left: 50%;
  margin-left: -0.78rem;
  width: 1.56rem;
  height: 1.56rem;
}

.hdialog-oldnewer-outframe .newer-content .turn-table-draw {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -2rem;
  margin-left: -2rem;
  width: 4rem;
  height: 4rem;
  transition: transform 0.1s ease-in-out;
}

.hdialog-oldnewer-outframe .newer-content .turn-table-draw-disable {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -2rem;
  margin-left: -2rem;
  width: 4rem;
  height: 4rem;
  transition: transform 0.1s ease-in-out;
}

.hdialog-oldnewer-outframe .newer-content .turn-table-draw:active {
  opacity: 0.45;
  transform: scale(0.9);
}

.hdialog-oldnewer-outframe .newer-content .turn-table-finger {
  position: absolute;
  top: 65%;
  left: 50%;
  margin-top: -0.775rem;
  margin-left: -0.775rem;
  width: 1.55rem;
  height: 1.55rem;
  animation: fingerBlink 1s infinite;
}

@keyframes fingerBlink {
  0% {
      opacity: 1;
  }
  50% {
      opacity: 0.1;
  }
  100% {
      opacity: 1;
  }
}

.hdialog-oldnewer-outframe .newer-content .rule-frame {
  position: relative;
  margin-top: -0.8rem;
  left: 50%;
  margin-left: -4.44rem;
  width: 8.88rem;
  height: 7rem;
  overflow: hidden;
}

.hdialog-oldnewer-outframe .newer-content .rule-frame-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 8.88rem;
}

.hdialog-oldnewer-outframe .newer-content .rule-frame-content {
  position: absolute;
  top: 1.11rem;
  left: 0.7rem;
  width: 7.5rem;
  height: 5.32rem;
  overflow-x: hidden;
  overflow-y: scroll;
}

.hdialog-oldnewer-outframe .newer-content .rule-frame-item {
  margin-bottom: 0.15rem;
  position: relative;
  color: #FFFFFF;
  font-size: .28rem;
  line-height: 0.426rem;
  text-align: left;
}



.dialog-oldnewerreward-class {
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
  box-shadow: none !important;
  backdrop-filter: blur(0) !important;
  -webkit-backdrop-filter: blur(0) !important;
  background-color: transparent !important;
  width: 10rem !important;
}

.hdialog-oldnewerreward-outframe {
  width: 10rem;
  height: 100vh;
  display: flex;
  align-items: center;
}

.hdialog-oldnewerreward-outframe .newerreward-content-frame {
  position: absolute;
  margin-top: -15%;
  left: 50%;
  width: 8.4rem;
  margin-left: -4.2rem;
}

.hdialog-oldnewerreward-outframe .newerreward-content {
  position: relative;
  margin-top: -0.2rem;
  left: 50%;
  width: 8.4rem;
  height: 6rem;
  margin-left: -4.2rem;
  background: #333333;
  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.25), inset 0 0 0 0 rgba(255,255,255,0.25);
  border-radius: 0 0 0.66rem 0.66rem;
}

.hdialog-oldnewerreward-outframe .newerreward-content-banner {
  position: relative;
  left: 50%;
  width: 8.4rem;
  height: 4.48rem;
  margin-left: -4.2rem;
  z-index: 2;
}

.hdialog-oldnewerreward-outframe .newerreward-content-reward {
  position: absolute;
  top: 0.66rem;
  left: 50%;
  width: 7rem;
  height: 2rem;
  margin-left: -3.5rem;
  color: rgba(255,255,255,0.85);
  font-size: .373rem;
  text-align: center;
  font-weight: 400;
  line-height: 0.583rem;
}

.hdialog-oldnewerreward-outframe .newerreward-content-reward-value {
  color: #FFEE00;
  font-size: .533rem;
  font-weight: 700;
}

.hdialog-oldnewerreward-outframe .newerreward-content-reward .reward-value {
  margin-left:0.1rem;
  font-size: 1.06rem;
}

.hdialog-oldnewerreward-outframe .newerreward-content-btn {
  position: absolute;
  bottom: 1.33rem;
  left: 50%;
  width: 4.44rem;
  margin-left: -2.22rem;
  height: 1.34rem;
  background-image: linear-gradient(106deg, #FCD7A1 0%, #D17836 100%);
  border-radius: 0.22rem;
  text-align: center;
  line-height: 1.34rem;
  color: #000000;
  font-size: .373rem;
  font-weight: 700;
}


.hdialog-oldnewer-installframe {
  width: 10rem;;
  display: flex;
  flex-flow: column;
  overflow: hidden;
}

.hdialog-oldnewer-installframe .install-bg {
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -4.44rem;
  width: 8.88rem;
}

.hdialog-oldnewer-installframe .install-ios {
  width: 10rem;;
  height: 9.48rem;
  overflow: hidden;
}

.hdialog-oldnewer-installframe .install-apk {
  width: 10rem;;
  height: 13.92rem;
  overflow: hidden;
}

.hdialog-oldnewer-installframe .install-close {
  position: absolute;
  top: 0.1rem;
  right: 0.6rem;
  width: 1.4rem;
  height: 1.4rem;
  z-index: 2;
}

.hdialog-oldnewer-installframe .install-close-icon {
  position: absolute;
  top: 0.12rem;
  right: 0.22rem;
  width: 0.66rem;
  height: 0.66rem;
  border-radius: 0.5rem;
}


.hdialog-oldnewer-installframe .oldinstall-hdialog-chat {
  position: absolute;
  top: 0rem;
  right: 1.3rem;
  width: 1rem;
  height: 1rem;
  z-index: 10;
}

.hdialog-oldnewer-installframe .oldinstall-hdialog-chat .imgbg {
  position: absolute;
  top: 50%;
  margin-top: -0.1rem;
  left: 50%;
  margin-left: -0.3rem;
  height: 0.66rem;
  width: 0.66rem;
  border-radius: 0.4rem;
  background: rgba(255, 255, 255, 0.25);
}

.hdialog-oldnewer-installframe .oldinstall-hdialog-chat .img {
  position: absolute;
  top: 50%;
  margin-top: 0;
  left: 50%;
  margin-left: -0.18rem;
  height: 0.44rem;
  width: 0.44rem;
}

.hdialog-oldnewer-installframe .oldinstall-hdialog-content {
  position: absolute;
  top: 0.6rem;
  left: 0.56rem;
  width: 8.88rem;
}

.hdialog-oldnewer-installframe .oldinstall-hdialog-content-logo {
  position: relative;
  margin-top: 0rem;
  left: 50%;
  margin-left: -4.44rem;
  width: 8.88rem;
  height: 1.56rem;
}

.hdialog-oldnewer-installframe .oldinstall-hdialog-content-logo img {
  position: absolute;
  top: 0;
  left: 0.44rem;
  width: 1.56rem;
  height: 1.56rem;
  border-radius: 0.22rem;
}

.hdialog-oldnewer-installframe .oldinstall-hdialog-content-logo .fullname {
  position: absolute;
  top: 0;
  left: 2.2222rem;
  font-size: .48rem;
  font-weight: 700;
  color: #FFFFFF;
  height: 1.56rem;
  line-height: 1.56rem;
}

.hdialog-oldnewer-installframe .oldinstall-hdialog-content-title {
  position: relative;
  margin-top: 1.77rem;
  left: 0.44rem;
  width: 8rem;
  font-size: .48rem;
  font-weight: 700;
  color: #FFFFFF;
}

.hdialog-oldnewer-installframe .oldinstall-hdialog-content-reward {
  position: relative;
  margin-top: 0.12rem;
  left: 0.5rem;
  width: 8rem;
  line-height: .426rem;
  text-align: left;
  font-size: .32rem;
  color: #FFFFFF;
}

.hdialog-oldnewer-installframe .oldinstall-hdialog-content-reward .span1 {
  font-size: .426rem;
  font-weight: 700;
  color: rgb(252, 238,79);
}


.hdialog-oldnewer-installframe .oldinstall-hdialog-content-install {
  position: relative;
  margin-top: 0.5rem;
  left: 0.44rem;
  width: 8rem;
  height: 1.11rem;
}

.hdialog-oldnewer-installframe .oldinstall-hdialog-content-install .install-btn {
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  top: 0;
  left: 0;
  width: 6.66rem;
  height: 1.1rem;
  line-height: 1.1rem;
  border-radius: 0.22rem;
  background: #52C41A;
  color: #FFFFFF;
  font-size: .426rem;
  font-weight: 700;
}

.hdialog-oldnewer-installframe .oldinstall-hdialog-content-install .install-btn-img {
  margin-right: 0.2rem;
  width: 0.66rem;
  height: 0.66rem;
}

.hdialog-oldnewer-installframe .oldinstall-hdialog-content-install .install-chat {
  position: absolute;
  top: 0rem;
  right: 0;
  width: 1.1rem;
  height: 1.1rem;
  border-radius: 0.22rem;
  background: rgba(255,255,255,0.25);
}

.hdialog-oldnewer-installframe .oldinstall-hdialog-content-install .install-chat-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -0.3rem;
  margin-left: -0.3rem;
  width: 0.6rem;
  height: 0.6rem;
}

.hdialog-oldnewer-installframe .oldinstall-hdialog-content-rule {
  position: relative;
  margin-top: 0.533rem;
  left: 0.44rem;
  width: 8rem;
  line-height: .45rem;
  text-align: left;
  font-size: .28rem;
  color: rgba(255,255,255,0.85);
}

.hdialog-oldnewer-installframe .oldinstall-hdialog-content-rule .title {
  font-size: .32rem;
  font-weight: 700;
  color: #FFFFFF;
}

.hdialog-oldnewer-installframe .oldinstall-hdialog-content-tips {
  position: relative;
  margin-top: 0.55rem;
  left: 0.44rem;
  width: 8rem;
  height: 1.67rem;
  border-radius: 0.22rem;
  background: rgba(0,0,0,0.25);
}

.hdialog-oldnewer-installframe .oldinstall-hdialog-content-tips .tips-img {
  position: absolute;
  top: 0.22rem;
  left: 0.22rem;
  width: 0.34rem;
  height: 0.34rem;
}

.hdialog-oldnewer-installframe .oldinstall-hdialog-content-tips .tips-text1 {
  position: absolute;
  top: 0.22rem;
  left: 0.7rem;
  font-size: .32rem;
  color: #FFFFFF;
  font-weight: 700;
}

.hdialog-oldnewer-installframe .oldinstall-hdialog-content-tips .tips-text2 {
  position: absolute;
  top: 0.7rem;
  left: 0.7rem;
  width: 7rem;
  font-size: .32rem;
  color: #FFFFFF;
  line-height: 0.426rem;
  font-weight: 400;
}

.hdialog-oldnewer-installframe .oldinstall-hdialog-content-tips .tips-text3 {
  color: #00E099;
  text-decoration: underline;
}


.hddialog-fpwa-content .fpwa-hdialog-content-tips {
  position: absolute;
  bottom: 0.33rem;
  left: 0.68rem;
  width: 7rem;
  height: 1.67rem;
  border-radius: 0.22rem;
  background: rgba(0,0,0,0.25);
}

.hddialog-fpwa-content .fpwa-hdialog-content-tips .tips-img {
  position: absolute;
  top: 0.22rem;
  left: 0.22rem;
  width: 0.34rem;
  height: 0.34rem;
}

.hddialog-fpwa-content .fpwa-hdialog-content-tips .tips-text1 {
  position: absolute;
  top: 0.22rem;
  left: 0.7rem;
  font-size: .32rem;
  color: #FFFFFF;
  font-weight: 700;
}

.hddialog-fpwa-content .fpwa-hdialog-content-tips .tips-text2 {
  position: absolute;
  top: 0.7rem;
  left: 0.7rem;
  width: 6rem;
  font-size: .28rem;
  color: #FFFFFF;
  line-height: 0.373rem;
  font-weight: 400;
}

.hddialog-fpwa-content .fpwa-hdialog-content-tips .tips-text3 {
  color: #00E099;
  text-decoration: underline;
}





.dialog-apknoty {
  position: relative;
  width: 8.34rem;
  display: flex;
  flex-direction: column;
  background: #FFFFFF;
  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.25), inset 0 0 0 0 rgba(255,255,255,0.25);
  border-radius: 0.64rem;
}

.dialog-apknoty .apknoty-banner {
  position: relative;
  left: 0;
  width: 8.34rem;
  height: 4.448rem;
}

.dialog-apknoty .apknoty-title {
  position: relative;
  left: 0.6rem;
  width: 7.14rem;
  color: #000000;
  font-size: .426rem;
  line-height: .64rem;
  font-weight: 700;
  text-align: center;
}

.dialog-apknoty .apknoty-content {
  position: relative;
  margin-top: 0.24rem;
  left: 0.6rem;
  width: 7.14rem;
  color: rgba(0,0,0,0.65);
  font-size: .373rem;
  text-align: center;
  line-height: 0.58rem;
  font-weight: 400;
  text-align: center;
}

.dialog-apknoty .apknoty-btn {
  position: relative;
  margin-top: 0.66rem;
  left: 0;
  width: 8.34rem;
  height: 1.34rem;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 1.33rem;
}

.dialog-apknoty .apknoty-btn-left {
  position: relative;
  background: rgba(0,0,0,0.05);
  border-radius: 0.22rem;
  color: rgba(0,0,0,0.85);
  font-size: .346rem;
  text-align: center;
  width: 3.38rem;
  height: 1.34rem;
  line-height: 1.34rem;
  transition: transform 0.1s ease-in-out;
}

.dialog-apknoty .apknoty-btn-left:active {
  transform: scale(0.9);
}

.dialog-apknoty .apknoty-btn-right {
  position: relative;
  margin-left: 0.22rem;
  background: #007AFF;
  border-radius: 0.22rem;
  color: #FFFFFF;
  font-size: .346rem;
  text-align: center;
  width: 3.38rem;
  height: 1.34rem;
  line-height: 1.34rem;
  transition: transform 0.1s ease-in-out;
}

.dialog-apknoty .apknoty-btn-right:active {
  transform: scale(0.9);
}


.common-tipsimage-bg {
  position: absolute;
  top:0;
  left: 0;
  width: 10rem;
}



.sdtpdetail-page-frame {
  position:relative;
  margin-top: 0.68rem;
  left:0rem;
  width:10rem;
}

.sdtpdetail-page-frame .tpdetail-frame {
  position:relative;
  left: 50%;
  margin-left: -4.333rem;
  width: 8.666rem;
  background: rgba(255,255,255,0.04);
  border-radius: 0.22rem;
}

.sdtpdetail-page-frame .tpdetail-frame > div:not(:last-child) {
  box-shadow: inset 0 -1px 0 0 rgba(255, 255, 255, 0.04);
}


.sdtpdetail-page-frame .tpdetail-frame-item {
  position:relative;
  left: 50%;
  margin-left: -3.889rem;
  width: 7.778rem;
  height: 1.34rem;
  display: flex;
  align-items: center;
}

.sdtpdetail-page-frame .tpdetail-frame-item-title {
  position:absolute;
  left: 0;
  color: rgba(255,255,255,0.45);
  font-size: .32rem;
  font-weight: 400;
}

.sdtpdetail-page-frame .tpdetail-frame-item-value {
  position: absolute;
  right: 0;
  color: rgba(255,255,255,0.85);
  font-size: .373rem;
  font-weight: 400;
  text-align: right;
}

.sdtpdetail-page-frame .tpdetail-frame-item-amount {
  font-size: .426rem!important;
  color: #FFFFFF!important;
  font-weight: 700!important;
}

.sdtpdetail-page-frame .tpdetail-frame-item-notfinish {
  color: #FFAF00!important;
}

.sdtpdetail-page-frame .tpdetail-frame-item-finish {
  color: #66FF66!important;
}


.sdtpdetail-page-frame .tpdetail-btn-continue {
  position:relative;
  margin-top: 0.66rem;
  left: 50%;
  margin-left: -4.333rem;
  width: 8.666rem;
  height: 1.34rem;
  background: #FFAF00;
  border-radius: 0.22rem;
  color: #000000;
  font-weight: 700;
  font-size: .346rem;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
}

.sdtpdetail-page-frame .tpdetail-btn-neworder {
  position:relative;
  margin-top: 0.22rem;
  left: 50%;
  margin-left: -4.333rem;
  width: 8.656rem;
  height: 1.33rem;
  background: rgba(255,255,255,0.04);
  border: 1px solid rgba(255,255,255,0.15);
  border-radius: 0.22rem;
  color: #FFFFFF;
  font-weight: 400;
  font-size: .346rem;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
}

.sdtpdetail-page-frame .tpdetail-unpay-tips {
  position:relative;
  margin-top: 0.44rem;
  left: 50%;
  margin-left: -4.333rem;
  width: 8.656rem;
}

.sdtpdetail-page-frame .tpdetail-unpay-tips-icon {
  position: absolute;
  top: 0;
  left: 0;
  width: 0.4rem;
  height: 0.4rem;
}

.sdtpdetail-page-frame .tpdetail-unpay-tips-text {
  position: absolute;
  top: 0;
  left: 0.6rem;
  width: 8rem;
  color: rgba(255,255,255,0.65);
  font-size: .32rem;
  font-weight: 400;
  line-height: 0.426rem;
}

.sdtpdetail-page-frame .tpdetail-btn-finish {
  position:relative;
  margin-top: 0.66rem;
  left: 50%;
  margin-left: -4.333rem;
  width: 8.666rem;
  height: 1.34rem;
  background: rgba(255,255,255,0.04);
  border-radius: 0.22rem;
  display: flex;
  justify-content: center;
  align-items: center;
}

.sdtpdetail-page-frame .tpdetail-btn-finish-icon {
  position:relative;
  width: 0.6rem;
  height: 0.6rem;
}

.sdtpdetail-page-frame .tpdetail-btn-finish-text {
  position:relative;
  margin-left: 0.1rem;
  color: #7ED321;
  font-weight: 700;
  font-size: .346rem;
}


.daily-series {
  padding-bottom: 0.667rem;
}

.daily-series-top {
  position: relative;
  height: 4.44rem;
  margin-bottom: -0.44rem;
}

.daily-series-top .banner {
  position: absolute;
  top: 0rem;
  left: 0;
  width: 100%;
  height: 100%;
}

.daily-series-card {
  position: relative;
  top: 0.15rem;
  height: 3.33rem;
}

.daily-series-card .card-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.daily-series-card .event-open {
  position: relative;
  display: flex;
  align-items: stretch;
  padding: 0.44rem 0.56rem 0;
}

.daily-series-card .event-open .labels {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 1.33rem;
  margin-right: 0.11rem;
  color: #000000;
  font-size: 0.32rem;
  line-height: 0.373rem;
  margin-right: 0.3rem;
}

.daily-series-card .event-open .bars {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
}

.daily-series-card .event-open .bars .progress-bar {
  position: relative;
  height: 0.22rem;
  background: rgba(0,0,0,0.50);
  border-radius: 0.11rem;
}

.daily-series-card .event-open .bars .progress-bar .progress {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  background: #006CFF;
  border-radius: 0.11rem;
  min-width: 2%!important;
}

.daily-series-card .event-open .bars .progress-bar .progress:after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  width: 0.22rem;
  height: 100%;
  background: #FFF15A;
  border-radius: 0.14rem;
}

.daily-series-card .event-open .bars .progress-bar .progress > span {
  position: absolute;
  top: -0.333rem;
  right: 0;
  margin-right: 0.11rem;
  color: rgba(0,0,0,0.65);
  font-size: 0.267rem;
  line-height: 0.32rem;
  transform: translateX(50%);
}

.daily-series-card .event-open .values {
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  margin-left: 0.138rem;
}

.daily-series-card .event-open .values .amount-value {
  color: #006CFF;
  font-size: 0.426rem;
  line-height: 0.5333rem;
  text-wrap: nowrap;
  display: flex;
  align-items: center;
}

.daily-series-card .event-open .values .amount-value .unit {
  margin-right: 0.055rem;
  font-size: 0.266rem;
  line-height: 0.426rem;
}

.daily-series-card .event-open .labels > div:first-child,
.daily-series-card .event-open .bars > div:first-child,
.daily-series-card .event-open .values > div:first-child {
  margin-bottom: 0.28rem;
}

.daily-series-card .event-close {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.44rem 0.56rem 0;
}

.daily-series-card .event-close .title {
  margin-bottom: 0.055rem;
  color: rgba(0,0,0,0.85);
  font-size: 0.346rem;
  line-height: 0.426rem;
}

.daily-series-card .event-close .countdown {
  display: flex;
  align-items: center;
  justify-content: space-around;
  gap: 0.11rem;
  padding: 0 0.22rem;
  height: 1.11rem;
  box-shadow: 0 2px 2px 0 rgba(0,0,0,0.08);
  border-radius: 0.22rem;
}

.daily-series-card .event-close .countdown > div {
  width: 0.56rem;
  height: 0.56rem;
  font-size: 0.32rem;
  text-align: center;
  background: #2F170E;
  border-radius: 0.055rem;
  line-height: 0.56rem;
}

.daily-series-card .event-close .countdown > div:nth-of-type(2) {
  width: 0.67rem;
}

.daily-series-card .event-close .countdown > span {
  font-size: 0.853rem;
  text-align: center;
  color: #FFEE00;
  font-weight: 700;
}

.daily-series-card .event-close-daily-spin .countdown {
  background-image: linear-gradient(180deg, #C18872 0%, rgba(193,136,114,0.50) 100%);
}

.daily-series-card .event-close-daily-spin .countdown > div {
  color: #C18872;
}

.daily-series-card .event-close-daily-egg .countdown {
  background-image: linear-gradient(180deg, #986800 0%, rgba(190,130,0,0.50) 99%);
}

.daily-series-card .event-close-daily-egg .countdown > div {
  color: #FFAF00;
}

.daily-series-card .event-close-daily-chest .countdown {
  background-image: linear-gradient(180deg, #F99300 0%, rgba(249,147,0,0.50) 100%);
}

.daily-series-card .event-close-daily-chest .countdown > div {
  color: #FFFE00;
}


.daily-rule-list {
  width: 8.89rem;
  margin: auto;
  padding: 0.44rem 0;
  border-radius: 0.44rem;
  box-sizing: border-box;
}

.daily-rule-list .title {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 0.11rem;
  color: #FF9300;
  font-size: 0.32rem;
  text-align: center;
  line-height: 0.53rem;
  font-weight: 700;
}

.daily-rule-list .title:before {
  content: '';
  background-image: linear-gradient(270deg, #FF9300 0%, rgba(255,147,0,0.00) 100%);
  border-radius: 1px;
  width: 2rem;
  height: 0.055rem;
  margin-right: 0.2rem;
}

.daily-rule-list .title:after {
  content: '';
  transform: scaleX(-1);
  background-image: linear-gradient(270deg, #FF9300 0%, rgba(255,147,0,0.00) 100%);
  border-radius: 1px;
  width: 2rem;
  height: 2px;
  margin-left: 0.2rem;
}

.daily-rule-list .rule-items {
  padding: 0 0.67rem;
  color: rgba(255,255,255,0.85);
  font-size: 0.293rem;
  line-height: 0.426rem;
  text-align: justify;
  box-sizing: border-box;
}


.daily-spin-rules {
  background-image: linear-gradient(180deg, rgba(254,231,93,0.25) 0%, #ECAB1D 100%);
}

.daily-egg-rules {
  background-image: linear-gradient(180deg, rgba(255,241,90,0.25) 0%, rgba(255,241,90,0.5) 95%);
}

.daily-chest-rules {
  background-image: linear-gradient(180deg, rgba(255,225,207,0.25) 0%, #CA927D 100%);
}


.popup-daily-series-tips {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 4.8rem!important;
  padding: 0.78rem 0.33rem!important;
  background: rgba(0,0,0,0.7) !important;
  border-radius: 0.44rem !important;
  box-sizing: border-box;
}

.popup-daily-series-tips > img {
  width: 0.97rem;
  height: 0.97rem;
  margin-bottom: 0.278rem;
  box-shadow: 0 0 2px 0 rgba(0,142,224,0.08);
}

.popup-daily-series-tips > span {
  color: #FFFFFF;
  font-size: 0.347rem;
  text-align: center;
  line-height: 0.533rem;
}

.popup-daily-series-overlay {
  backdrop-filter: blur(20px)!important;
  -webkit-backdrop-filter: blur(20px)!important;
}

.daily-series .daily-spin {
  position: relative;
  height: 10rem;
  margin-top: -1.11rem;
}

.daily-series .daily-spin .light {
  position: absolute;
  top: 0;
  left: 0;
  width: 10rem;
  height: 10rem;
  transform-origin: 50% 50%;
  animation: daily-spin-light 7.5s linear infinite;
  opacity: 0.5;
}

@keyframes daily-spin-light {
  100% {
    transform: rotate(360deg);
  }
}

.daily-series .daily-spin .turntable {
  position: relative;
  width: 10rem;
  height: 10rem;
  transition: transform 5s cubic-bezier(0.4, 0, 0.2, 1);
}

.daily-series .daily-spin .turntable .turntable-bg {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 7.33rem;
  height: 7.33rem;
  transform: translate(-50%, -50%);
}

.daily-series .daily-spin .turntable .turntable-options {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 6.89rem;
  height: 6.89rem;
  transform: translate(-50%, -50%);
}

.daily-series .daily-spin .turntable .rewards {
  position: relative;
  width: 10rem;
  height: 10rem;
}

.daily-series .daily-spin .turntable .rewards > div {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 3.2rem;
  padding-left: 1rem;
  color: #FFFE00;
  font-size: 0.4rem;
  font-weight: 700;
  text-align: center;
  text-shadow:
    -0.5px -0.5px 0 #9000E0,
    0.5px -0.5px 0 #9000E0,
    -0.5px 0.5px 0 #9000E0,
    0.5px 0.5px 0 #9000E0;
  transform-origin: 0 0;
  box-sizing: border-box;
}

.daily-series .daily-spin .turntable .rewards .chest {
  width: 1.11rem;
  height: 1.11rem;
}

.daily-series .daily-spin .button {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 2.44rem;
  height: 2.44rem;
  transform: translate(-50%, -50%);
}

.popup-daily-spin-reward {
  display: flex;
  align-items: flex-end;
  width: 8.33rem !important;
  height: 8.66rem !important;
  background: transparent !important;
  border-radius: 0.67rem !important;
}

.popup-daily-spin-reward .banner {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 4.44rem;
}

.popup-daily-spin-reward .reward {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  height: 6.33rem;
  padding-top: 2.56rem;
  background: #282E35;
  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.25), inset 0 0 0 0 rgba(255,255,255,0.25);
  border-radius: 0.72rem;
  box-sizing: border-box;
}

.popup-daily-spin-reward .reward .amount {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 6.11rem;
  height: 1.33rem;
  margin-bottom: 0.44rem;
  color: #FFEE00;
  font-size: 0.853rem;
  font-weight: 700;
  background: rgba(0,0,0,0.45);
  border-radius: 0.22rem;
}

.popup-daily-spin-reward .reward .unit {
  margin-right: 0.055rem;
  font-size: 0.533rem;
}

.popup-daily-spin-reward .reward .claim {
  width: 4.44rem;
  height: 1.33rem;
}

.daily-series .daily-egg {
  position: relative;
  height: 10rem;
  margin-top: -1.11rem;
}

.daily-series .daily-egg .egg-item {
  position: absolute;
  width: 2.78rem;
  height: 2.78rem;
}

.daily-series .daily-egg .egg-item:nth-child(1) {
  top: 1.22rem;
  left: 2.22rem;
}

.daily-series .daily-egg .egg-item:nth-child(2) {
  top: 1.22rem;
  left: 5rem;
}

.daily-series .daily-egg .egg-item:nth-child(3) {
  top: 4rem;
  left: 0.83rem;
}

.daily-series .daily-egg .egg-item:nth-child(4) {
  top: 4rem;
  left: 3.61rem;
}

.daily-series .daily-egg .egg-item:nth-child(5) {
  top: 4rem;
  left: 6.39rem;
}

.daily-series .daily-egg .egg-item:nth-child(6) {
  top: 6.78rem;
  left: 0.83rem;
}

.daily-series .daily-egg .egg-item:nth-child(7) {
  top: 6.78rem;
  left: 3.61rem;
}

.daily-series .daily-egg .egg-item:nth-child(8) {
  top: 6.78rem;
  left: 6.39rem;
}

.daily-series .daily-egg .egg-selected {
  top: -3rem !important;
  left: 1.25rem !important;
  width: 7.5rem;
  height: 7.5rem;
  z-index: 999;
  transition: all 0.4s cubic-bezier(0.4,0,0.2,1);
}
 /* .daily-series .daily-egg .egg-selected {
  top: calc(50% - 2.75rem) !important;
  transform: translateY(-50%);
  left: 1.25rem !important;
  width: 7.5rem;
  height: 7.5rem;
  z-index: 999;
  transition: all 0.4s cubic-bezier(0.4,0,0.2,1);
} */

.daily-series .daily-egg .egg-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  animation: daily-egg-bg 7.5s linear infinite;
  opacity: 0.5;
}

@keyframes daily-egg-bg {
  100% {
    transform: rotate(360deg);
  }
}

.daily-series .daily-egg .egg-img {
  position: relative;
  width: 100%;
  height: 100%;
}

.daily-series .daily-egg .egg-shake {
  animation: daily-egg-shake 0.3s;
}

@keyframes daily-egg-shake {
  0% { transform: translateX(0) rotate(0deg);}
  20% { transform: translateX(-4px) rotate(-4deg);}
  40% { transform: translateX(4px) rotate(4deg);}
  60% { transform: translateX(-4px) rotate(-4deg);}
  80% { transform: translateX(4px) rotate(4deg);}
  100% { transform: translateX(0) rotate(0deg);}
}

.popup-daily-series-reward {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 10rem!important;
  height: 11.33rem!important;
  background: transparent !important;
  overflow-y: visible !important;
}

.popup-daily-series-reward-egg {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 10rem!important;
  height: 100vh!important;
  background: transparent !important;
  overflow-y: visible !important;
}

.popup-daily-series-outframe {
  width:10rem;
  height:100vh;
}

.popup-daily-series-content {
  position: absolute;
  top:3.22rem;
  left: 0;
  width:10rem;
  height:11.33rem;
}

.popup-daily-series-reward .banner {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 10rem;
}

.popup-daily-series-reward .banner-bg {
  animation: daily-egg-bg 7.5s linear infinite;
  opacity: 0.5;
}

.popup-daily-series-reward .reward {
  position: relative;
  height: 10rem;
  box-sizing: border-box;
  width: 10rem;
}

.popup-daily-series-reward .reward-daily-egg {
  padding-top: 2.22rem;
}

.popup-daily-series-reward .reward-daily-egg .amount {
  display: flex;
  align-items: center;
  color: #FFEE00;
  font-size: 0.853rem;
  line-height: 0.853rem;
  font-weight: 700;
  width: 10rem;
  justify-content: center;
}

.popup-daily-series-reward .reward-daily-egg .amount .unit {
  margin-right: 0.055rem;
  font-size: 0.533rem;
}

.popup-daily-series-reward .reward-daily-chest {
  padding-top: 3.22rem;
}

.popup-daily-series-reward .reward-daily-chest .amount {
  display: flex;
  align-items: center;
  font-size: 1.07rem;
  line-height: 1.07rem;
  font-weight: 900;
  width: 10rem;
  justify-content: center;
}

.popup-daily-series-reward .reward-daily-chest .amount .unit {
  margin-right: 0.12rem;
  font-size: 0.533rem;
}

.popup-daily-series-reward .reward-daily-chest .amount > span {
  position: relative;
  color: transparent;
  display: flex;
  justify-content: center;
  margin-left: 0.1rem;
}

.popup-daily-series-reward .reward-daily-chest .amount > span:before {
  content: attr(data-text);
  position: absolute;
  z-index: 1;
  color: transparent;
  -webkit-text-stroke: 0.16rem #7800BB;
  text-stroke: 0.16rem #7800BB;
}

.popup-daily-series-reward .reward-daily-chest .amount > span:after {
  content: attr(data-text);
  position: absolute;
  top: -5px;
  left: -5px;
  padding: 5px;
  z-index: 2;
  background-image: linear-gradient(180deg, #FFEE00, #F5C84C, #F5C84C);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

.popup-daily-series-reward .claim {
  position: relative;
  width: 4.44rem;
  height: 1.33rem;
  z-index: 1;
}

.popup-daily-series-reward .claim-egg {
  position: relative;
  width: 4.44rem;
  height: 1.33rem;
  left: 50%;
  margin-left: -2.22rem;
  z-index: 1;
}

.daily-series .daily-chest {
  display: flex;
  justify-content: center;
  position: relative;
  height: 10rem;
  margin-top: -1.11rem;
  padding-top: 7.11rem;
  box-sizing: border-box;
}

.daily-series .daily-chest .light,
.daily-series .daily-chest .chest {
  position: absolute;
  top: 0;
  left: 0;
  width: 10rem;
  height: 10rem;
}

.daily-series .daily-chest .light {
  transform-origin: 50% 50%;
  animation: daily-chest-light 7.5s linear infinite;
  opacity: 0.5;
}


@keyframes daily-chest-light {
  100% {
    transform: rotate(360deg);
  }
}

.daily-series .daily-chest .button {
  position: relative;
  width: 4.44rem;
  height: 1.56rem;
  transition: transform 0.1s ease-in-out;
}

.daily-series .daily-chest .button:active {
  transform: scale(0.9);
}

.daily-series .daily-sign-in {
  display: flex;
  flex-wrap: wrap;
  margin-top: -0.44rem;
  padding-left: 0.56rem;
  box-sizing: border-box;
}

.daily-series .daily-sign-in .day-item {
  position: relative;
  width: 2.11rem;
  height: 2.44rem;
  border-radius: 0.22rem;
  margin-right: 0.12rem;
  margin-bottom: 0.12rem;
}

.daily-series .daily-sign-in .day-item .day-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.daily-series .daily-sign-in .day-item .content {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
}


.daily-series .daily-sign-in .day-item .day-index {
  height: 0.56rem;
  margin-bottom: 0.33rem;
  color: rgba(0,0,0,0.85);
  font-size: 0.267rem;
  line-height: 0.56rem;
  text-align: center;
}

.daily-series .daily-sign-in .day-item .day-index > span:last-child {
  font-size: 0.32rem;
  font-weight: 700;
}

.daily-series .daily-sign-in .day-item .reward {
  color: #FFEE00;
  font-size: 0.4rem;
  line-height: 0.44rem;
  text-align: center;
  font-weight: 700;
}

.daily-series .daily-sign-in .day-item .button {
  width: 1.72rem;
  height: 0.56rem;
  margin-top: 0.278rem;
}

.daily-series .daily-sign-in .day-item .money {
  width: 0.889rem;
  height: 0.889rem;
  margin-top: 0.11rem;
}

.daily-series .daily-code {
  position: relative;
  width: 8.89rem;
  margin: auto;
  background: #282E35;
  box-shadow: 0 2px 8px 0 rgba(0,0,0,0.08);
  border-radius: 0.44rem;
}

.daily-series .daily-code .links {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 2.44rem;
  padding: 0.22rem 0 0.33rem;
  box-sizing: border-box;
  background: #D17836;
  border-radius: 0.44rem 0.44rem 0 0;
}

.daily-series .daily-code .links > span {
  margin-bottom: 0.11rem;
  padding-left: 0.44rem;
  color: rgba(255,255,255,0.85);
  font-size: 0.32rem;
  line-height: 0.426rem;
}

.daily-series .daily-code .follow-links {
  /* width: 8.22rem; */
  margin: 0 0.16rem;
  overflow: auto;
}

.daily-series .daily-code .follow-links::-webkit-scrollbar {
  display: none;
}

.daily-series .daily-code .follow-links .link-container {
  display: flex;
  flex-wrap: nowrap;
  gap: 0.11rem;
}

.daily-series .daily-code .follow-links .link-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-end;
  flex-shrink: 0;
  width: 1.333rem;
  height: 1.333rem;
}

.daily-series .daily-code .follow-links .icon {
  width: 0.583rem;
  height: 0.583rem;
  border: 0.152rem solid rgba(0,0,0,0.15);
  border-radius: 0.583rem;
}

.daily-series .daily-code .follow-links .title {
  margin-top: -0.056rem;
  color: rgba(255,255,255,0.85);
  font-size: 0.26666rem;
  line-height: 0.44rem;
}

.daily-series .daily-code .codes {
  padding: 0.67rem;
  margin-bottom: 0.22rem;
}

.daily-series .daily-code .codes > span {
  color: #FFAF00;
  font-size: 0.32rem;
  line-height: 0.533rem;
}

.daily-series .daily-code .code-item {
  display: flex;
  align-items: center;
  height: 1.33rem;
  margin-bottom: 0.11rem;
  padding-left: 0.33rem;
  padding-right: 0.44rem;
  border-radius: 0.22rem;
  box-sizing: border-box;
}

.daily-series .daily-code .code-item > span {
  flex-grow: 1;
  font-size: 0.32rem;
  color: rgba(255,255,255,0.85);
}

.daily-series .daily-code .code-item .code {
  width: 1.78rem;
  height: 0.78rem;
  margin-right: 0.22rem;
  font-size: 0.373rem;
  color: rgba(0,0,0,0.45);
  text-align: center;
  line-height: 0.78rem;
  background: rgba(255,255,255,0.50);
  border-radius: 0.22rem;
}

.daily-series .daily-code .code-item > img {
  width: 0.389rem;
  height: 0.389rem;
}

.daily-series .daily-code .code-item .status {
  width: 1.11rem;
  color: #FFAF00;
  margin-left: 0.056rem;
  font-size: 0.32rem;
  text-align: center;
  line-height: 16px;
  font-weight: 400;
}

.daily-series .daily-code .code-today > span {
  font-weight: 700;
  color: #001774;
}

.daily-series .daily-code .code-today .code {
  color: #000000;
  background: rgba(255,175,0,0.50);
  border: 1px solid #FFEE00;
  box-sizing: border-box;
}

.daily-series .daily-code .code-today .status {
  color: #02B200;
  font-weight: 700;
}

.daily-series .daily-code .code-yesterday {
  margin-top: 0.22rem;
  background: rgba(255,175,0,0.25);
}

.daily-series .daily-code .code-today {
  background-image: linear-gradient(99deg, #CA927D 0%, #FFE1CF 100%);
}

.daily-series .daily-code .code-tomorrow {
  margin-bottom: 0.67rem;
  background: rgba(0,0,0,0.04);
}

.daily-series .daily-code .codes .button {
  display: block;
  width: 4.44rem;
  height: 1.33rem;
  margin: auto;
  transition: transform 0.1s ease-in-out;
}

.daily-series .daily-code .codes .button:active {
  transform: scale(0.9);
}



.lucky-bet .lucky-bet-top {
  position: relative;
  height: 10rem;
  padding-top: 6.22rem;
  box-sizing: border-box;
}

.lucky-bet .lucky-bet-top .banner-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.lucky-bet .lucky-bet-top .bonus {
  position: relative;
  display: flex;
  align-items: center;
  width: 8.8889rem;
  height: 1.7778rem;
  margin: auto;
  padding-left: 1.94rem;
  padding-right: 0.44rem;
  box-sizing: border-box;
}

.lucky-bet .lucky-bet-top .bonus-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.lucky-bet .lucky-bet-top .bonus .amount {
  flex-grow: 1;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #FFFE00;
  text-shadow: 0 2px 0 #78340F;
  font-weight: 700;
  font-size: 0.7466rem;
  overflow-x: scroll;
  overflow-y: hidden;
}

.lucky-bet .lucky-bet-top .bonus .amount .unit {
  font-size: 0.533rem;
  margin-right: 0.15rem;
}

.lucky-bet .lucky-bet-top .bonus .receive {
  position: relative;
  width: 2.222rem;
  height: 1rem;
  transition: transform 0.1s ease-in-out;
}

.lucky-bet .lucky-bet-top .bonus .receive:active {
  transform: scale(0.9);
}

.lucky-bet .lucky-bet-tabs {
  position: relative;
  width: 8.89rem;
  margin: -1.33rem auto 1rem;
}

.van-tabs__nav--line {
  border-bottom: none !important;
}
.van-tabs__line {
  display: none !important;
}

.lucky-bet-tabs .van-tabs__wrap .van-tabs__nav {
  background-color: transparent !important;
}

.lucky-bet-tabs .tabs-bg {
  position: absolute;
  top: -0.15rem;
  left: 0.44rem;
  width: 4.67rem;
  height: 1.11rem;
}
.lucky-bet-tabs .tabs-bg-right {
  left: auto;
  right: 0.44rem;
}

.lucky-bet-tabs .van-tabs__nav .van-tab__text {
  margin-top: -0.2rem;
  padding-left: 0rem;
  width: 3.3rem;
  text-align: center;
  font-weight: 400;
  font-size: 0.3467rem;
  color: rgba(255,255,255,0.65);
}

.lucky-bet-tabs .van-tab--active .van-tab__text {
  color: #FFFFFF;
  font-weight: 700;
}

.van-tabs__nav .van-tab:nth-child(2) .van-tab__text{
  padding: unset !important;
  margin-left: -1rem!important;
}

.lucky-bet-tabs .van-tabs .van-tabs__wrap {
  height: 0.89rem !important;
}

.lucky-bet-tabs .van-tabs .van-tabs__content {
  box-sizing: border-box;
  background-image: linear-gradient(180deg, #0167C9 1%, #154084 100%);
  border-radius: 0.444rem;
  color: rgba(255,255,255,0.65);
  padding-bottom: 0.1rem;
  overflow-y: auto;
}

.lucky-bet-tabs .van-tabs .van-tabs__content .tab-content {
  width: 8.444rem;
  margin: 0 auto;
  /* padding: 0.44rem 0; */
}

.lucky-bet-tabs .van-tabs__content .rulesTitle {
  position: relative;
  width: 100%;
  height: 1rem;
  padding-top: 0.2rem;
  /* background-image: linear-gradient(180deg, rgba(112,65,243,0.50) 0%, rgba(112,65,243,0.00) 100%); */
  border-bottom: 0.5px solid rgba(255,255,255,0.15);
  box-shadow: inset 0 0 0 0 rgba(255,255,255,0.15);
  display: flex;
  justify-content: center;
  align-items: center;
}

.lucky-bet-tabs .van-tabs__content .rulesTitle .rules-title-line1{
  position: absolute;
  left: 3.95rem;
  width: 1px;
  height: 50%;
  background: rgba(255,255,255,0.15);
}

.lucky-bet-tabs .van-tabs__content .rulesTitle .rules-title-line2{
  position: absolute;
  right: 2.45rem;
  width: 1px;
  height: 50%;
  background: rgba(255,255,255,0.15);
}

.lucky-bet-tabs .van-tabs__content .rulesTitle .rules-title1{
  width: 3.777rem;
  color: rgba(255,255,255,0.85);
  font-weight: 700;
  font-size: 0.32rem;
  text-align: center;
}

.lucky-bet-tabs .van-tabs__content .rulesTitle .rules-title2{
  width: 2rem;
  color: rgba(255,255,255,0.85);
  font-weight: 700;
  font-size: 0.293rem;
  text-align: center;
}

.lucky-bet-tabs .van-tabs__content .rulesTitle .rules-title3{
  width: 2.2222rem;
  color: rgba(255,255,255,0.85);
  font-weight: 700;
  font-size: 0.32rem;
  text-align: center;
}

.lucky-bet-tabs .van-tabs__content .rules-digit-row {
  position: relative;
  /* width: 8rem; */
  height: 1.111rem;
  line-height: 1.111rem;
  margin: 0 auto;
  display: flex;
  justify-content: center;
  align-items: center;
}

.lucky-bet-tabs .van-tabs__content .rules-digit-row:nth-child(odd) {
  background: rgba(0,0,0,0.08);
  border-radius: 0.111rem;
}

.lucky-bet-tabs .van-tabs__content .rules-digit-row .Winning-last-digit {
  display: inline-block;
  width: 3.777rem;
  text-align: center;
}


.lucky-bet-tabs .van-tabs__content .rules-digit-row .digit-img-inner {
  position: relative;
  display: inline-block;
  width: 0.444rem;
  height: 0.444rem;
  margin: 0.1rem 0.05rem 0 0;
}

.lucky-bet-tabs .van-tabs__content .rules-digit-row .digit-img-inner .digit-img {
  width: 100%;
  height: 100%;
}

.lucky-bet-tabs .van-tabs__content .rules-digit-row .digit-img-inner .digit-img-text {
  position: absolute;
  height: 0.444rem;
  left: 50%;
  top: 50%;
  transform: translate(-45%, -65%);
  color: #FFFFFF;
  font-size: 0.32rem;
  pointer-events: none;
  white-space: nowrap;
  font-weight: 700;
}

.lucky-bet-tabs .van-tabs__content .rules-digit-row .Winning-multiple{
  display: inline-block;
  width: 2rem;
  color: #FFFFFF;
  font-weight: 700;
  font-size: 0.32rem;
  text-align: center;
}

.lucky-bet-tabs .van-tabs__content .rules-digit-row .Winning-upper-limit {
  display: inline-block;
  width: 2.2222rem;
  font-size: 0.346rem;
  text-align: center;
}

.lucky-bet-tabs .van-tabs__content .rules-digit-row .Winning-upper-limit .limit-amount-unit {
  color: #FFEE00;
  margin-right: 0.01rem;
  font-weight: 700;
}

.lucky-bet-tabs .van-tabs__content .rules-digit-row .Winning-upper-limit .limit-amount {
  color: #FFEE00;
  font-weight: 700;
}


.lucky-bet-tabs .van-tabs .van-tabs__content .tab-content-rules {
  width: 8.444rem;
  margin: 0.33rem auto;
  display: flex;
  justify-content: center;
  align-items: center;
}

.lucky-bet-tabs .van-tabs .van-tabs__content .tab-content-rules .bg {
  padding: 0 0.444rem;
  align-items: center;
  background: rgba(0,0,0,0.15);
  border-radius: 0.333rem;
}

.lucky-bet-tabs .van-tabs .van-tabs__content .tab-content-rules .bg .title {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 0.8889rem;
  line-height: 0.8889rem;
}

.lucky-bet-tabs .van-tabs .van-tabs__content .tab-content-rules .bg .line {
  background-image: linear-gradient(90deg, rgba(255,255,255,0.00) 0%, rgba(255,255,255,0.65) 100%);
  border-radius: 0.03rem;
  height: 0.06rem;
  width: 1.61rem;
}

.lucky-bet-tabs .van-tabs .van-tabs__content .tab-content-rules .bg .lineR {
  transform: scaleX(-1);
}

.lucky-bet-tabs .van-tabs .van-tabs__content .tab-content-rules .bg .rule-title {
  /* font-family: Arial-BoldMT; */
  font-size: 0.32rem;
  color: rgba(255,255,255,0.85);
  letter-spacing: 0;
  text-align: center;
  line-height: 0.42rem;
  font-weight: 700;
  margin: 0 0.26rem;
}

.lucky-bet-tabs .van-tabs .van-tabs__content .tab-content-rules .bg .text {
  margin-top: 0.1rem;
  font-size: 0.32rem;
  text-align: justify;
  line-height: 0.5333rem;
  color: rgba(255,255,255,0.65);
  letter-spacing: 0;
  z-index: 2;
  padding-bottom: 0.4rem;
}

.lucky-bet-tabs .van-tabs__content .van-tab-right .recordTitle {
  position: relative;
  padding-top: 0.2rem;
  width: 100%;
  height: 1rem;
  border-bottom: 0.5px solid rgba(255,255,255,0.15);
  box-shadow: inset 0 0 0 0 rgba(255,255,255,0.15);
  display: flex;
  justify-content: center;
  align-items: center;
}

.lucky-bet-tabs .van-tabs__content .van-tab-right .recordTitle .record-title {
  flex-shrink: 0;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2.08rem;
  font-size: 0.32rem;
  font-weight: 700;
  color: rgba(255, 255, 255, 0.85);
  text-align: center;
}

.lucky-bet-tabs .van-tabs__content .van-tab-right .recordTitle .record-title:after {
  position: absolute;
  right: 0;
  content: ' ';
  width: 1px;
  height: 0.55rem;
  background: rgba(255, 255, 255, 0.15);
}

.lucky-bet-tabs .van-tabs__content .van-tab-right .recordTitle .record-title:last-child:after {
  content: none;
}

.lucky-bet-tabs .van-tabs__content .van-tab-right .recordTitle .record-title1 {
  width: 2.66rem;
}
.lucky-bet-tabs .van-tabs__content .van-tab-right .recordTitle .record-title2 {
  width: 2.333rem;
}
.lucky-bet-tabs .van-tabs__content .van-tab-right .recordTitle .record-title3 {
  width: 1.45rem;
}

.lucky-bet-tabs .van-tabs__content .van-tab-right .recordList{
  position: relative;
  /* padding-top: 0.2rem; */
  width: 100%;
}

.lucky-bet-tabs .van-tabs__content .van-tab-right .recordList .record-item {
  position: relative;
  height: 1.111rem;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 0.12rem;
  border-bottom: 0.5px solid rgba(255,255,255,0.15);
}

.lucky-bet-tabs .van-tabs__content .van-tab-right .recordList .record-item:last-child {
  border: none;
}


.lucky-bet-tabs .van-tabs__content .van-tab-right .record-item .record-manufacturer {
  width: 2.66rem;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}


.lucky-bet-tabs .van-tabs__content .van-tab-right .record-item .manufacturer-img-frame {
  width: 0.6667rem;
  height: 0.6667rem;
  background: rgba(0,0,0,0.25);
  border-radius: 0.6rem;
  display: flex;
  justify-content: center;
  align-items: center;
}

.lucky-bet-tabs .van-tabs__content .van-tab-right .manufacturer-img-frame .manufacturer-img {
  width: 0.444rem;
  height: 0.444rem;
}


.lucky-bet-tabs .van-tabs__content .van-tab-right .record-item .record-bet-slip {
  align-items: center;
  width: 2.333rem;
  text-align: center;
  font-size: 0.2933rem;
}

.van-tabs__content .van-tab-right .record-item .record-bet-slip .bet-slip-num1 {
  white-space: normal;
  word-break: break-all;
  color: rgba(255,255,255,0.85);
}

.van-tabs__content .van-tab-right .record-item .record-bet-slip .bet-slip-num2 {
  color: rgba(255,255,255,0.85);
  color: #FFAF00;
}

.lucky-bet-tabs .van-tabs__content .van-tab-right .record-item .record-bet {
  width: 1.45rem;
  color: rgba(255,255,255,0.85);
  font-size: 0.32rem;
  text-align: center;
}

.lucky-bet-tabs .van-tabs__content .van-tab-right .record-item .record-bonus {
  width: 2.08rem;
  text-align: center;
  font-size: 0.3466rem;
  color: #FFD800;
}

.lucky-bet-tabs .van-tabs__content .van-tab-right .record-item .record-bonus .bonus-amount-unit {
  color: #FFD800;
}


.betting-challenge {
  padding-bottom: 0.667rem;
}

.betting-challenge .header {
  position: relative;
  height: 4.44rem;
}

.betting-challenge .banner {
  width: 100%;
  height: 100%;
}

.betting-challenge .tabs {
  position: absolute;
  display: flex;
  left: 0;
  bottom: 0;
}

.betting-challenge .tabs .tab-item {
  position: relative;
  width: 2.888rem;
  height: 1.11rem;
  font-weight: 700;
  color: rgba(255,255,255,0.65);
  font-size: 0.346rem;
  z-index: 3;
}

.betting-challenge .tabs .tab-item:nth-child(2) {
  z-index: 2;
}

.betting-challenge .tabs .tab-item:nth-child(3) {
  z-index: 1;
}

.betting-challenge .tabs .selected {
  color: #FFFFFF;
  z-index: 4 !important;
}

.betting-challenge .tabs .tab-item .bg {
  width: 4.22rem;
  height: 1.11rem;
}

.betting-challenge .tabs .tab-item .date {
  position: absolute;
  left: 0;
  bottom: 0.22rem;
  width: 4.22rem;
  text-align: center;
  align-content: center;
}

.betting-challenge .tabs .tab-item .claimable {
  position: absolute;
  right: -0.54rem;
  top: 0.2rem;
  width: 0.277rem;
  height: 0.277rem;
  background: #FF0000;
  border: 0.5px solid rgba(255,255,255,0.75);
  border-radius: 0.277rem;
}

.betting-challenge .today-bet {
  display: flex;
  justify-content: center;
  height: 2.222rem;
  background-image: linear-gradient(180deg, #D5AD97 0%, rgba(213,173,151,0.00) 99%);
  position: relative;
}

.betting-challenge .today-bet .bg{
  width: 8.888rem;
  height: 1.333rem;
  position: absolute;
  top: 0.55rem;
  left: 0.55rem;
  z-index: 0;
}

.betting-challenge .today-bet .block {
  display: flex;
  align-items: center;
  width: 8.888rem;
  height: 1.333rem;
  padding-left: 0.33rem;
  padding-right: 0.67rem;
  margin: 0.55rem 0.55rem 0 0.55rem;
  box-sizing: border-box;
  z-index: 1;
}

.betting-challenge .today-bet .block > img {
  width: 0.66rem;
  height: 0.66rem;
  margin-right: 0.22rem;
}

.betting-challenge .today-bet .block > span {
  flex-grow: 1;
  color: #782000;
  font-weight: 700;
  font-size: 0.373rem;
}

.betting-challenge .today-bet .amount {
  display: flex;
  align-items: center;
  color: #782000;
  font-weight: 700;
  font-size: 0.426rem;
}

.betting-challenge .today-bet .amount .unit {
  margin-right: 0.11rem;
}

.betting-challenge .task-list {
  width: 8.89rem;
  margin: auto;
  margin-top: 0.111rem;
}

.betting-challenge .task-list .header {
  display: flex;
  align-items: center;
  height: 1.111rem;
  margin-bottom: 0.11rem;
  background-image: linear-gradient(180deg, #D5AD97 1%, rgba(213,173,151,0.00) 99%);
  border-radius: 0.22rem;
}

.betting-challenge .task-list .header > span {
  color: rgba(255,255,255,0.65);
  font-size: 0.37rem;
  text-align: center;
  border-left: 1px solid rgba(255,255,255,0.15);
  box-sizing: border-box;
}

.betting-challenge .task-list .header > span:nth-child(1) {
  width: 2.36rem;
  padding-left: 0.44rem;
  color: rgba(255,255,255,0.85);
  text-align: left;
  font-weight: 700;
  border-left: none;
}

.betting-challenge .task-list .header > span:nth-child(2) {
  width: 2.07rem;
}

.betting-challenge .task-list .header > span:nth-child(3) {
  flex-grow: 1;
}

.betting-challenge .task-list .header > span:nth-child(4) {
  width: 2.2rem;
}

.betting-challenge .task-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 0.11rem;
}

.betting-challenge .task-item .index {
  position: relative;
  display: flex;
  align-items: center;
  width: 1.56rem;
  height: 0.78rem;
  margin-left: 0.11rem;
}

.betting-challenge .task-item .index .bg {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
}

.betting-challenge .task-item .index .icon {
  position: relative;
  width: 0.67rem;
  height: 0.67rem;
  margin-left: 0.056rem;
}

.betting-challenge .task-item .index > span {
  position: relative;
  flex-grow: 1;
  color: #FFFFFF;
  font-size: 0.32rem;
  text-align: center;
}

.betting-challenge  .task-next .index > span {
  color: #000000;
}

.betting-challenge .task-item .content {
  position: relative;
  display: flex;
  align-items: center;
  width: 7.11rem;
  height: 1.111rem;
}

.betting-challenge .task-item .content .bg {
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: 0.5;
}

.betting-challenge .task-next .content .bg {
  opacity: 1;
}

.betting-challenge .task-item .content .bet {
  position: relative;
  width: 2.89rem;
  padding-left: 0.94rem;
  color: #FFFFFF;
  font-size: 0.32rem;
  box-sizing: border-box;
}

.betting-challenge .task-item .content .bonus {
  position: relative;
  width: 1.78rem;
  color: #FFD800;
  text-align: center;
  font-size: 0.32rem;
  font-weight: 700;
}

.betting-challenge .task-item .content .btn {
  position: relative;
  width: 2rem;
  height: 0.777rem;
  margin-left: auto;
  margin-right: 0.22rem;
  font-size: 0.32rem;
  border: none;
  border-radius: 0.22rem;
  box-sizing: border-box;
}

.betting-challenge .task-item .content .btn-claimed {
  color: #06D227;
  background: rgba(255,255,255,0.02);
}

.betting-challenge .task-item .content .btn-claimable {
  background-image: linear-gradient(180deg, #FCD7A1 0%, #D17836 100%);
}

.betting-challenge .task-item .content .btn-next {
  background: rgba(255,255,255,0.04);
  color: #02B200;
  border: 1px solid #02B200;
}

.betting-challenge .task-item .content .btn-notreach {
  background: rgba(0,0,0,0.04);
  border: 1px solid rgba(0,0,0,0.15);
  color: rgba(0,0,0,0.25);
}



.growth-fund {
  padding-bottom: 0.667rem;
}

.growth-fund .header {
  position: relative;
  height: 4.44rem;
}

.growth-fund .banner {
  width: 100%;
  height: 100%;
}

.growth-fund .fund-buy{
  position: absolute;
  width: 10rem;
  height: 1.77rem;
  bottom:-0.885rem;
  left:0;
}

.growth-fund .fund-buy .bg{
  width: 100%;
  height: 100%;
}

.growth-fund .fund-buy .img{
  width: 2.66rem;
  height: 1.33rem;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.growth-fund .fund-buy .font{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  align-items: center;
  justify-content: center;
}

.growth-fund .fund-buy .font .unit{
  font-size: 0.42rem;
  margin-right: 0.15rem;
  font-weight: 700;
  color: #480DAB;
  text-shadow:
    -1px -1px 0 #FFEE00,
     1px -1px 0 #FFEE00,
    -1px  1px 0 #FFEE00,
     1px  1px 0 #FFEE00;
}

.growth-fund .fund-buy .font .num{
  font-size: 0.74rem;
  margin-right: 0.15rem;
  color: #480DAB;
  font-weight: 700;
  text-shadow:
    -1px -1px 0 #FFEE00,
     1px -1px 0 #FFEE00,
    -1px  1px 0 #FFEE00,
     1px  1px 0 #FFEE00;
}

.growth-fund .task-list{
  margin-top: 1.111rem;
  padding: 0 0.55rem;
}

.growth-fund .task-item{
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 0.22rem;
}

.growth-fund .task-item .bg{
  width: 100%;
  height: 100%;
}

.growth-fund .task-item .arrow{
  width: 0.88rem;
  height: 0.55rem;
  position: absolute;
  left: 0.444rem;
  bottom:  -0.33rem;
}

.growth-fund .task-item .content{
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.growth-fund .task-item .money{
  width: 1.55rem;
  height: 1.55rem;
  margin-left: 0.11rem;
}

.growth-fund .task-item .text{
  width: 4.33rem;
  height: 100%;
  padding-left: 0.55rem;
  font-style: italic;
}

.growth-fund .task-item .bet{
  font-size: 0.32rem;
  margin-top: 0.22rem;
  line-height: 0.42rem;
  color: rgba(255,255,255,0.65);
}

.growth-fund .task-item .bet .font{
  color: #4ABE17;
}

.growth-fund .task-item .bet .insufficient{
  color: #ED9F00;
}

.growth-fund .hdialog-rules-contentframe{
  background-image: linear-gradient(0deg, #3E606F 0%, #193441 100%);
  border-radius: 0.44rem;
}

.growth-fund .hdialog-rules-titleframe{
  color: #FFFFFF;
  margin-top: 0.444rem;
  line-height: 0.533rem;
  font-weight: 700;
}

.growth-fund .hdialog-rules-leftline {
  background-image: linear-gradient(90deg, rgba(255,255,255,0.00) 0%, rgba(255,255,255,0.65) 100%);
}

.growth-fund .hdialog-rules-rightline {
  background-image: linear-gradient(90deg, rgba(255,255,255,0.00) 0%, rgba(255,255,255,0.65) 100%);
}

.growth-fund .gift-tips{
  color: rgba(255,255,255,0.85);
  width:7.55rem;
  left:0.66rem;
}

.growth-fund .task-item .bonus{
  font-size: 0.32rem;
  margin-top: 0.111rem;
  line-height: 0.42rem;
  color: #83C2FF;
  font-weight: 700;
  display:flex;
  align-items:center;
}


.growth-fund .task-item .bonus .font1{
  letter-spacing: 0;
  color: #FFCA00;
  font-weight: 700;
  line-height: 0.42rem;
  margin-left:0.15rem;
}

.growth-fund .task-item .bonus .font2{
  color: #FFCA00;
  letter-spacing: 0;
  font-weight: 700;
  line-height: 0.533rem;
  font-size: 0.533rem;
  margin-left:0.05rem;
}

.growth-fund .task-item .btn{
  width: 2.444rem;
  height: 1.333rem;
  margin-right: 0.222rem;
}

.growth-fund .task-item .btn .btn-img{
  width: 100%;
  height: 100%;
}



.popup-growth-fund-buy{
  width: 7.77rem;
  height: 8.88rem;
  position: relative;
  background-color: transparent !important;
}

.popup-growth-fund-buy .popup-bg{
  width: 100%;
  height: 100%;
}

.popup-growth-fund-buy .popup-close{
  width: 0.66rem;
  height: 0.66rem;
  position: absolute;
  top: 0;
  right: 0;
  margin: 0.22rem 0.22rem 0 0;
}

.popup-growth-fund-buy .popup-content{
  position: absolute;
  top: 3.66rem;
  left: 0;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.popup-growth-fund-buy .popup-text{
  width: 5.55rem;
  color: #FEECA8;
  text-shadow: 0 1px 0 rgba(0,0,0,0.50);
  line-height: 0.426rem;
  font-size: 0.37rem;
  text-align: center;
  letter-spacing: 0;
  font-weight: 700;
}

.popup-growth-fund-buy .popup-font{
  display: flex;
  align-items: center;
  margin-top: 0.44rem;
}

.popup-growth-fund-buy .popup-font .unit{
  font-size: 0.53rem;
  line-height: 0.853rem;
  margin-right: 0.11rem;
  color: #FFEE00;
  text-shadow:
    -1.5px -1.5px 0 #480DAB,
     1.5px -1.5px 0 #480DAB,
    -1.5px  1.5px 0 #480DAB,
     1.5px  1.5px 0 #480DAB;
  font-weight: 700;
}

.popup-growth-fund-buy .popup-font .num{
  font-size: 0.853rem;
  line-height: 0.853rem;
  color: #FFEE00;
  text-shadow:
    -1.5px -1.5px 0 #480DAB,
     1.5px -1.5px 0 #480DAB,
    -1.5px  1.5px 0 #480DAB,
     1.5px  1.5px 0 #480DAB;
  font-weight: 700;
}

.popup-growth-fund-buy .popup-btn{
  position:absolute;
  left: 50%;
  bottom: 0.55rem;
  transform: translate(-50%, -50%);
  width: 3.55rem;
  height: 1.33rem;
}

.super-multiplier {
  padding-bottom: 0.667rem;
}

.super-multiplier-top {
  position: relative;
  height: 4.44rem;
  margin-bottom: -0.44rem;
}

.super-multiplier-top .banner {
  position: absolute;
  top: 0.15rem;
  left: 0;
  width: 100%;
  height: 100%;
}

.super-multiplier-card {
  position: relative;
  display: flex;
  justify-content: center;
  top: 0.15rem;
  height: 4.44rem;
  overflow: visible;
}

.super-multiplier-card .card-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.super-multiplier-card .card-flag {
  position: absolute;
  height: 1.11rem;
  width: 5.55rem;
  top: -1.11rem;
}

.super-multiplier-card .card-event-title {
  position: absolute;
  top: 0.11rem;
  width: 7.11rem;
  height: 1.11rem;
  text-align: center;
}

.super-multiplier-card .card-event-title >.waiting {
  width: 5.11rem;
  height: auto;
}

.super-multiplier-card .card-content {
  position: relative;
  top: 1.77rem;
  width: 8.88rem;
  height: 2.22rem;
  background: rgba(0,0,0,0.15);
  border-radius: 0.22rem;
}

.super-multiplier-card .card-content-top {
  position: relative;
  width: 100%;
  height: 0.889rem;
  background: rgba(0,0,0,0.15);
  border-radius: 0.22rem 0.22rem 0 0;
  display: flex;
  align-items: center;
  padding: 0 0.44rem 0 0.5rem;
  box-sizing: border-box;
}

.super-multiplier-card .card-content-top .card-icon {
  width: 0.55rem;
  height: 0.55rem;
  margin-right: 0.15rem;
}

.super-multiplier-card .card-content-top .title {
  color: #FFFFFF;
  font-size: 0.346rem;
}

.super-multiplier-card .card-content-top .value {
  margin-left: auto;
  font-size: 0.53rem;
  font-weight: 700;
  color: #FFEE00;
  margin-right: 0.15rem;
  font-style: italic;
}

.super-multiplier-card .card-content-top .times {
  width: 1rem;
  height: 0.33rem;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(0,0,0,0.04);
  border: 0.5px solid rgba(255,238,0,0.50);
  border-radius: 0.16rem;
}

.super-multiplier-card .card-content-top .times>span{
  color: #FFEE00;
  font-size: 0.27rem;
}

.super-multiplier-card .card-progress {
  position: relative;
  top: 1.77rem;
  width: 8.88rem;
  height: 2.22rem;
  background-image: linear-gradient(255deg, #7E00EB 0%, #9D00D5 100%);
  border-radius: 0.22rem;
}

.super-multiplier-card .card-content-middle {
  position: relative;
  width: 100%;
  height: 1.333rem;
  display: flex;
  align-items: center;
  padding: 0 0.44rem 0 0.5rem;
  box-sizing: border-box;
}

.super-multiplier-card .card-content-middle .title {
  color: #FFFFFF;
  font-size: 0.346rem;
  white-space: nowrap;
  margin-bottom: 0.055rem;
}

.super-multiplier-card .card-content-middle .progress-bar {
  flex: 1;
  margin: 0 0.3rem;
  position: relative;
  height: 0.22rem;
  background: rgba(0,0,0,0.50);
  border-radius: 0.11rem;
}

.super-multiplier-card .card-content-middle .progress {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  background: #FFAF00;
  border-radius: 0.11rem;
  min-width: 0.22rem !important;
}

.super-multiplier-card .card-content-middle .progress:after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  width: 0.22rem;
  height: 100%;
  background: #FFFFFF;
  border-radius: 0.14rem;
}

.super-multiplier-card .card-content-middle .progress-bar .progress > span {
  position: absolute;
  top: -0.333rem;
  right: 0;
  margin-right: 0.11rem;
  color: rgba(255, 255, 255, 0.65);
  font-size: 0.267rem;
  line-height: 0.32rem;
  transform: translateX(50%);
}

.super-multiplier-card .card-content-middle .value {
  display:flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: center;
  color: #FFFFFF;
}

.super-multiplier-card .card-content-middle .value > .top {
  display: flex;
  align-items: center;
  font-size: 0.27rem;
  line-height: 1;
  margin-bottom: 0.05rem;
}

.super-multiplier-card .card-content-middle .value .top > span {
  font-size: 0.426rem;
  margin-left: 0.08rem;
}

.super-multiplier-card .card-content-middle .value>.bottom {
  width: 1.44rem;
  height: 0.27rem;
  background: rgba(255,175,0,0.65);
  border-radius: 0.166rem;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.266rem;
  color: #510082;
  font-weight: 700;
}

.super-multiplier-frame {
  position: relative;
  margin: 0.15rem auto;
  display: flex;
  flex-direction: column;
  align-content: center;
  justify-content: center;
  width: 8.88rem;
  height: 2.66rem;
  background-image: linear-gradient(0deg, #5F3A9B 0%, #23005B 100%);
  border-radius: 0 0 0.44rem 0.44rem;
}

.super-multiplier-frame .multiplier-frame-top,
.super-multiplier-frame .multiplier-frame-bottom {
  width: 8rem;
  height: 0.86rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: rgba(0,0,0,0.15);
  border-radius: 0.22rem 0.22rem 0 0;
  padding: 0 0.44rem 0 0.22rem;
  box-sizing: border-box;
  margin: 0 auto;
}

.super-multiplier-frame .multiplier-frame-bottom {
  margin-top: 0.04rem;
  border-radius: 0 0 0.22rem 0.22rem;
}

.super-multiplier-frame .mframe-title {
  font-size: 0.346rem;
  color: rgba(255,255,255,0.65);
}

.super-multiplier-frame .mframe-value {
  font-size: 0.373rem;
  color: rgba(255,255,255,0.85);
}

.super-multiplier-frame .multiplier-frame-top .mframe-value {
  font-size: 0.426rem;
  font-weight: 700;
  font-style: italic;
}


.multiplier-extrabonus-card {
  position: relative;
  width: 8.88rem;
  height: 3.11rem;
  margin: 0.22rem auto;
  overflow: visible;
  padding-bottom: 1.33rem;
}

.multiplier-extrabonus-card .card-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 0;
}

.multiplier-extrabonus-card .card-top {
  z-index: 1;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.72rem 0.55rem;
}

.multiplier-extrabonus-card .card-top .card-top-title {
  font-size: 0.45rem;
  color: rgba(255,255,255,0.85);
  font-weight: 700;
}

.multiplier-extrabonus-card .card-top .card-top-value {
  color: #FFEE00;
  font-size: 0.45rem;
  font-weight: 700;
  font-style: italic;
  display: flex;
  align-items: center;
}

.multiplier-extrabonus-card .card-top .card-top-value > span {
  font-size: 0.64rem;
  margin-left: 0.1rem;
}

.multiplier-extrabonus-card .card-bottom {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 0.11rem;
  padding: 0.11rem 0.66rem 0 0;
}

.multiplier-extrabonus-card .card-bottom-title {
  font-size: 0.32rem;
  color: rgba(255,255,255,0.85);
}

.multiplier-extrabonus-card .card-bottom-icon {
  width: 0.5rem;
  height: 0.5rem;
}

.multiplier-extrabonus-card .card-button-button {
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 3.33rem;
  /* height: 1.778rem; */
  transform: translateX(-50%);
  z-index: 2;
}

.multiplier-rule-list {
  width: 8.89rem;
  margin: auto;
  padding: 0.44rem 0;
  border-radius: 0.44rem;
  box-sizing: border-box;
  background-image: linear-gradient(0deg, #5F3A9B 0%, rgba(95,58,155,0.50) 100%);
}

.multiplier-rule-list .title {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 0.22rem;
  color: #FFFFFF;
  font-size: 0.32rem;
  text-align: center;
  line-height: 0.53rem;
  font-weight: 700;
}

.multiplier-rule-list .title:before {
  content: '';
  background-image: linear-gradient(90deg, rgba(255,255,255,0.00) 0%, rgba(255,255,255,0.65) 100%);
  width: 2rem;
  height: 0.055rem;
  margin-right: 0.2rem;
}

.multiplier-rule-list .title:after {
  content: '';
  transform: scaleX(-1);
  background-image: linear-gradient(90deg, rgba(255,255,255,0.00) 0%, rgba(255,255,255,0.65) 100%);
  border-radius: 1px;
  width: 2rem;
  height: 2px;
  margin-left: 0.2rem;
}

.multiplier-rule-list .rule-items {
  padding: 0 0.67rem;
  color: rgba(255,255,255,0.85);
  font-size: 0.266rem;
  line-height: 0.426rem;
  text-align: justify;
  box-sizing: border-box;
}

.super-multiplier-card .active,
.super-multiplier-card .progress {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.super-multiplier-card .title {
  font-size: 0.299rem;
  line-height: 0.32rem;
}

.super-multiplier-card .active .title {
  color: rgba(0,0,0,0.65);
}

.super-multiplier-card .progress .title {
  color: #A50000;
  font-weight: 700;
}

.super-multiplier-card .countdown {
  display: flex;
  align-items: center;
  justify-content: space-around;
  gap: 0.11rem;
  padding: 0 0.22rem;
  height: 0.66rem;
  border-radius: 0.22rem;
}

.super-multiplier-card .countdown > div {
  width: 0.44rem;
  height: 0.33rem;
  font-size: 0.266rem;
  text-align: center;
  border-radius: 0.055rem;
  line-height: 0.33rem;
}

.super-multiplier-card .active .countdown > div:nth-of-type(2),
.super-multiplier-card .progress .countdown > div:nth-of-type(2) {
  width: 0.67rem;
}

.super-multiplier-card .countdown > span {
  font-size: 0.53rem;
  text-align: center;
  font-weight: 700;
}

.super-multiplier-card .active .countdown > span {
  color: #510082;
}

.super-multiplier-card .active .countdown {
  background-image: linear-gradient(180deg, rgba(255,255,255,0.50) 0%, rgba(255,255,255,0.08) 100%);
}

.super-multiplier-card .active .countdown > div {
  color: rgba(255,255,255,0.65);
  background: rgba(81,0,130,0.75);
}

.super-multiplier-card .progress .countdown > span {
  color: #A50000;
}

.super-multiplier-card .progress .countdown {
  background-image: linear-gradient(180deg, rgba(255,255,255,0.50) 0%, rgba(255,255,255,0.08) 100%);
}

.super-multiplier-card .progress .countdown > div {
  color: rgba(255,255,255,0.65);
  background: rgba(165,0,0,0.75);
}


.super-multiplier-card .card-content-progress {
  position: absolute;
  display: flex;
  align-items: center;
  width: 8.88rem;
  height: 2.22rem;
  padding: 0 0.33rem 0 0.5rem;
  overflow: visible;
  box-sizing: border-box;
}

.super-multiplier-card .card-content-progress .card-icon {
  width: 1.33rem;
  height: 1.77rem;
}

.super-multiplier-card .card-content-progress .progress-value {
  position: absolute;
  top: 55%;
  left: 0.66rem;
  font-size: 0.373rem;
  color: #FFEE00;
  font-weight: 700;
  font-style: italic;
}

.super-multiplier-card .card-content-progress .title {
  font-size: 0.32rem;
  color: #FFFFFF;
  line-height: 0.426rem;
  margin-left: 0.11rem;
  white-space: normal;
  max-width: 2.8rem;
}

.super-multiplier-card .card-content-progress .value {
  margin-left: auto;
  font-size: 0.96rem;
  font-weight: 700;
  font-style: italic;
  color: #FFEE00;
  line-height: 1;
  margin-right: 0.11rem;
}

.card-content-progress .times {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 0.44rem;
  padding: 0 0.18rem;
  background: rgba(0,0,0,0.04);
  border: 0.5px solid rgba(255,238,0,0.50);
  border-radius: 0.22rem;
  margin-top: 0.22rem;
}

.card-content-progress .times > span {
  font-size: 0.32rem;
  color: #FFEE00;
  white-space: nowrap;
}

.multiplier-bouns-detail-frame {
  position: relative;
  left: 0.0;
  width: 10rem;
  padding-top: 0.66rem;
}

.multiplier-bouns-detail-title {
  position: relative;
  left: 0.5rem;
  width: 9rem;
  display: flex;
  background: rgba(255, 255, 255, 0.25);
  box-shadow: inset 0 -1px 0 0 rgba(255, 255, 255, 0.15);
  border-radius: 0.22rem 0.22rem 0 0;
}

.multiplier-bouns-detail-title>div {
  flex-shrink: 0;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2.22rem;
  height: 1.33rem;
  font-size: 0.32rem;
  color: rgba(255, 255, 255, 0.85);
  text-align: center;
  line-height: 0.44rem;
  font-weight: 700;
}

.multiplier-bouns-detail-title>div:first-child {
  width: auto;
  flex-grow: 1;
}

.multiplier-bouns-detail-title>div:after {
  position: absolute;
  top: 0.39rem;
  right: 0;
  content: ' ';
  width: 1px;
  height: 0.55rem;
  background: rgba(255, 255, 255, 0.15);
}

.multiplier-bouns-detail-title>div:last-child:after {
  content: none;
}


.multiplier-bouns-detail-list {
  position: relative;
  width: 9rem;
  left: 0.5rem;
  max-height: calc(100vh - 6rem);
  overflow: auto;
}

.multiplier-bouns-detail-list::-webkit-scrollbar {
  display: none;
}


.multiplier-bouns-detail-list .list-item {
  display: flex;
}

.multiplier-bouns-detail-list .list-item:nth-child(2n) {
  background: rgba(255, 255, 255, 0.08);
}

.multiplier-bouns-detail-list .list-item:last-child {
  border-radius: 0 0 0.22rem 0.22rem;
}

.multiplier-bouns-detail-list .list-item>div {
  width: 2.22rem;
  height: 1.33rem;
  color: rgba(255,255,255,0.65);
}

.multiplier-bouns-detail-list .list-item>div:first-child {
  width: auto;
  min-width: 0;
  flex-grow: 1;
  padding: 0 0.22rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.multiplier-bouns-detail-list .list-item>div:not(:first-child) {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.32rem;
  color: rgba(255, 255, 255, 0.65);
  text-align: center;
  line-height: 0.44rem;
}

.multiplier-bouns-detail-list .list-item .user-picture {
  width: 0.89rem;
  height: 0.89rem;
  border-radius: 0.22rem;
}

.multiplier-bouns-detail-list .list-item .status-light {
  color: #FFAF00 !important;
}

.multiplier-bouns-detail-list .list-loading {
  text-align: center;
  padding: 20px;
  color:#FFFFFF;
}

#home .hdialog-multiplier-content {
  width: 10rem;
  height: 14.59rem;
  display: flex;
  flex-flow: column;
}

#home .hdialog-multiplier-content-bg {
  position: absolute;
  top: 6.66rem;
  left: 1.11rem;
  width: 7.77rem;
  height: 5.55rem;
  background-image: linear-gradient(180deg, #5F3A9B 0%, #2C3238 100%);
  border-radius: 0.66rem;
}

#home .hdialog-multiplier-content-img {
  position: absolute;
  width: 8.888rem;
  height: 8.888rem;
  left: 0.55rem;
}

#home .hdialog-multiplier-close {
  position: absolute;
  right: 0.7rem;
  /* top: 0.65rem; */
  width: 0.88rem;
  height: 0.88rem;
  background: rgba(255, 255, 255, 0.25);
  border-radius: 0.5rem;
  display: flex;
  justify-content: center;
  align-items: center;
}

#home .hdialog-multiplier-close img {
  width: 0.6rem;
  height: 0.6rem;
}

#home .hdialog-multiplier-btn {
  color: #FFFFFF;
  font-weight: bold;
  position: absolute;
  top: 11.77rem;
  width: 4.22rem;
  /* height: 1.778rem; */
  line-height: 0.88rem;
  left: 50%;
  margin-left: -2.11rem;
  border-radius: 0.22rem;
  text-align: center;
  font-size: .38rem;
}

#home .multiplier-btn-progress {
  margin-left: -2.33rem;
  width: 4.66rem;
}

#home .hdialog-multiplier-btn .img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}

.multiplier-popup-event {
  position: absolute;
  top: 7.22rem;
  left: 1.44rem;
  width: 7.11rem;
  height: 1.11rem;
  text-align: center;
}

.multiplier-popup-event .card-flag {
  position: absolute;
  height: 1.11rem;
  width: 5.55rem;
  top: -1.11rem;
  left: 0.88rem;
}

.multiplier-popup-event .active,
.multiplier-popup-event .progress {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.multiplier-popup-event .countdown {
  display: flex;
  align-items: center;
  justify-content: space-around;
  gap: 0.11rem;
  padding: 0 0.22rem;
  height: 1.11rem;
  border-radius: 0.22rem;
}

.multiplier-popup-event .countdown > div {
  width: 0.55rem;
  height: 0.55rem;
  font-size: 0.266rem;
  text-align: center;
  border-radius: 0.055rem;
  line-height: 0.55rem;
}

.multiplier-popup-event .active .countdown > div:nth-of-type(2),
.multiplier-popup-event .progress .countdown > div:nth-of-type(2) {
  width: 0.67rem;
}

.multiplier-popup-event .countdown > span {
  font-size: 0.85rem;
  text-align: center;
  font-weight: 700;
}

.multiplier-popup-event .active .countdown > span {
  color: #510082;
}

.multiplier-popup-event .active .countdown {
  background-image: linear-gradient(180deg, rgba(255,255,255,0.50) 0%, rgba(255,255,255,0.08) 100%);
}

.multiplier-popup-event .active .countdown > div {
  color: rgba(255,255,255,0.65);
  background: rgba(81,0,130,0.75);
}

.multiplier-popup-event .progress .countdown > span {
  color: #00772E;
}

.multiplier-popup-event .progress .countdown {
  background-image: linear-gradient(180deg, rgba(255,255,255,0.50) 0%, rgba(255,255,255,0.08) 100%);
}

.multiplier-popup-event .progress .countdown > div {
  color: rgba(255,255,255,0.65);
  background: rgba(0,119,46,0.75);
}

.multiplier-popup-content {
  position: absolute;
  top: 9.09rem;
  left: 1.388rem;
  width: 7.22rem;
  display: flex;
  gap: 0.11rem
}

.multiplier-popup-content .multiplier-content-left,
.multiplier-popup-content .multiplier-content-right {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  /* padding: 0.33rem 0.33rem; */
  height: 2.44rem;
  background: rgba(0,0,0,0.15);
  border-radius: 0.16rem;
  gap: 0.11rem;
}

.hdialog-multiplier-content .content-left-amount {
  font-size: 0.8rem;
  font-weight: 700;
  font-style: italic;
  color: #FFEE00;
  line-height: 1;
}

.hdialog-multiplier-content .content-left-title {
  font-size: 0.33rem;
  color: rgba(255, 255, 255, 0.85);
  text-align: center;
  line-height: 1.4;
  padding: 0 0.33rem;
}

.multiplier-content-right .top {
  display: flex;
  align-items: baseline;
  /* gap: 0.12rem; */
}

.multiplier-content-right .times {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 0.33rem;
  padding: 0 0.1rem;
  border: 0.5px solid rgba(255,238,0,0.50);
  border-radius: 0.19rem;
}

.multiplier-content-right .times > span {
  font-size: 0.26rem;
  color: #FFEE00;
  white-space: nowrap;
}

.hdialog-multiplier-content .card-fire {
  position: absolute;
  top: 5rem;
  right: 1.11rem;
  width:1.77rem;
  height: 2.66rem;
  z-index: 5;
}

#invite-rewards {
  padding-bottom: 0.667rem;
}

#invite-rewards .invite-rewards-top {
  position: relative;
  height: 3.33rem;
  margin-bottom: -0.44rem;
}

.invite-rewards-top .banner {
  position: absolute;
  top: 0.15rem;
  left: 0;
  width: 100%;
}

.invite-rewards-card {
  position: relative;
  /* top: 0.15rem; */
  height: 3.33rem;
}

.invite-rewards-card .link-title {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 0.11rem;
  color: #FFFFFF;
  font-size: 0.346rem;
  text-align: center;
  line-height: 0.346rem;
}

.invite-rewards-card .link-title:before {
  content: '';
  background-image: linear-gradient(270deg, #FFD800 0%, rgba(243,65,65,0.00) 100%);
  border-radius: 1px;
  width: 2rem;
  height: 0.055rem;
  margin-right: 0.2rem;
}

.invite-rewards-card .link-title:after {
  content: '';
  transform: scaleX(-1);
  background-image: linear-gradient(270deg, #FFD800 0%, rgba(243,65,65,0.00) 100%);
  border-radius: 1px;
  width: 2rem;
  height: 2px;
  margin-left: 0.2rem;
}

.invite-rewards-card .share-link {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 0 auto 0.22rem;
  padding: 0 0.11rem 0 0.66rem;
  width: 8.22rem;
  height: 1.11rem;
  background: rgba(0,0,0,0.25);
  border-radius: 0.33rem;
  box-sizing:border-box;
}

.invite-rewards-card .share-link .link-url {
  width: 5.22rem;
  height: 0.56rem;
  color: rgba(255,255,255,0.65);
  font-size: 0.32rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  line-height: 0.56rem;
}

.invite-rewards-card .share-link .link-copy {
  width: 1.778rem;
  height: 0.89rem;
  background-image: linear-gradient(116deg, #FCD7A1 0%, #D17836 100%);
  border-radius: 0.22rem;
  color: #000000;
  font-size: 0.32rem;
  line-height: 0.89rem;
  text-align: center;
  font-weight: 700;
}

.invite-rewards-card .share-title {
  height: 0.66rem;
  width: 100%;
  color: #FFFFFF;
  font-size: 0.346rem;
  text-align:center;
}

.invite-rewards-card .share-platform {
  position: relative;
  width: 8.5rem;
  margin: 0 auto 0.55rem;
  overflow: auto;
}

.invite-rewards-card .share-platform::-webkit-scrollbar {
  display: none;
}

.invite-rewards-card .share-platform .share-container {
  display: flex;
  flex-wrap: nowrap;
  gap: 0.1rem;
}

.invite-rewards-card .share-platform .share-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  flex-shrink: 0;
  width: 1.33rem;
}

.invite-rewards-card .share-platform .icon {
  height: 0.66rem;
  width: 0.66rem;
}

.invite-rewards-card .share-platform .title {
  color: rgba(255,255,255,0.65);
  font-size: 0.26666rem;
  line-height: 0.44rem;
}

#invite-rewards .invite-rewards-spin {
  position: relative;
  height: 10rem;
  top: 0.22rem;
}


.invite-rewards-spin .spin-top {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 8.22rem;
  display: flex;
  align-items: stretch;
  padding: 0.8rem 0.44rem;
  z-index: 10;
  box-sizing: border-box;
}

.invite-rewards-spin .spin-top .labels {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 2rem;
  color: #000000;
  font-size: 0.2667rem;
  line-height: 0.2667rem;
}

.invite-rewards-spin .spin-top .bars {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
}

.invite-rewards-spin .spin-top .bars .progress-bar {
  position: relative;
  height: 0.22rem;
  background: rgba(0,0,0,0.50);
  border-radius: 0.11rem;
}

.invite-rewards-spin .spin-top .bars .progress-bar .progress {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  background: #80FFB1;
  border-radius: 0.11rem;
  min-width: 2%!important;
}

.invite-rewards-spin .spin-top .bars .progress-bar .progress:after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  width: 0.22rem;
  height: 100%;
  background: #FFEE00;
  border-radius: 0.14rem;
}

.invite-rewards-spin .spin-top .bars .progress-bar .progress > span {
  position: absolute;
  top: -0.333rem;
  right: 0;
  margin-right: 0.11rem;
  color: #4F03CE;
  font-size: 0.267rem;
  line-height: 0.32rem;
  transform: translateX(50%);
}

.invite-rewards-spin .spin-top .values {
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  margin-left: 0.138rem;
}

.invite-rewards-spin .spin-top .values .amount-value {
  color: #4F03CE;
  font-size: 0.426rem;
  line-height: 0.5333rem;
  text-wrap: nowrap;
  display: flex;
  align-items: center;
  font-weight: 700;
}

.invite-rewards-spin .spin-top .values .amount-value .unit {
  margin-right: 0.055rem;
  font-size: 0.266rem;
  line-height: 0.426rem;
}

.invite-rewards-spin .spin-top .labels > div:first-child,
.invite-rewards-spin .spin-top .bars > div:first-child,
.invite-rewards-spin .spin-top .values > div:first-child {
  margin-bottom: 0.28rem;
}

.invite-rewards-spin .spin-superscript {
  position:absolute;
  right: 0.778rem;
  top: 1.333rem;
  width: 2.66rem;
  height: 2.66rem;
  z-index: 10;
  transform: rotate(3deg)
}

.invite-rewards-spin .spin-superscript>img {
  width: 100%;
  height: 100%;
}

#invite-rewards .invite-rewards-spin .light {
  position: absolute;
  top: 0;
  left: 0;
  width: 10rem;
  height: 10rem;
  transform-origin: 50% 50%;
  animation: invite-rewards-spin-light 7.5s linear infinite;
  opacity: 0.5;
  z-index: 1;
}

@keyframes invite-rewards-spin-light {
  100% {
    transform: rotate(360deg);
  }
}

#invite-rewards .invite-rewards-spin .turntable-wrap {
  position: relative;
  width: 10rem;
  height: 10rem;
  /* transition: transform 5s cubic-bezier(0.4, 0, 0.2, 1); */
}

#invite-rewards .invite-rewards-spin .turntable-wrap .turntable-bg {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 100%;
  height: 100%;
  transform: translate(-50%, -50%);
}

#invite-rewards .invite-rewards-spin .turntable-wrap #invite-canvas {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 6.14rem;
  height: 6.14rem;
  margin-left: -3.07rem;
  margin-top: -3.07rem;
  z-index: 10;
  color: #BB0000;
  outline-color: #C00000;
  border-color: #FFEE00;
  border-style: none;
}

.invite-rewards-spin .button {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 2.44rem;
  height: 2.44rem;
  transform: translate(-50%, -50%);
  z-index: 10;
}

.invite-rewards-spin .turntable-wrap .selected-box {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-49%, 73%);
  width: 2.1rem;
  height: 3rem;
  z-index: 10;
}

.invite-rewards-spin .selected-box>img {
  width: 100%;
  height: 100%;
}

.invite-rewards-spin .rewards-times {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  z-index: 20;
  font-size: 0.853rem;
  font-weight: 700;
  color: #FFFFFF;
}

.invite-rewards-spin .rewards-times-active {
  color: transparent;
}

.invite-rewards-spin .rewards-times-active::before {
  content: attr(data-text);
  position: absolute;
  top: 0;
  left: 0;
  color: transparent;
  text-shadow:
    1.5px  1.5px 0 #9000E0,
   -1.5px  1.5px 0 #9000E0,
    1.5px -1.5px 0 #9000E0,
   -1.5px -1.5px 0 #9000E0,
    0 4px 6px rgba(0, 0, 0, 0.35);
}

.invite-rewards-spin .rewards-times-active::after {
  content: attr(data-text);
  position: absolute;
  top: 0; left: 0;
  background: #FFFFFF;
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

.invite-rewards-spin .spin-event{
  position: absolute;
  bottom: 0.556rem;
  left: 1.445rem;
  width: 7.11rem;
  height: 1.11rem;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.invite-rewards-spin .spin-event .title {
  color: #FFFFFF;
  font-size: 0.32rem;
  text-shadow:
    1px 1px 0 #F55B00,
    1px -1px 0 #F55B00,
    -1px 1px 0 #F55B00,
    -1px -1px 0 #F55B00;
  font-weight: 700;
  margin-bottom: 0.05rem;
}

.invite-rewards-spin .countdown {
  display: flex;
  align-items: center;
  justify-content: space-around;
  gap: 0.11rem;
  padding: 0 0.22rem;
  height: 0.66rem;
  border-radius: 0.44rem;
}

.invite-rewards-spin .countdown > div {
  width: 0.44rem;
  height: 0.33rem;
  font-size: 0.266rem;
  text-align: center;
  border-radius: 0.055rem;
  line-height: 0.33rem;
}

.invite-rewards-spin .countdown > div:nth-of-type(2) {
  width: 0.67rem;
}

.invite-rewards-spin .countdown > span {
  font-size: 0.53rem;
  text-align: center;
  font-weight: 700;
  color: #BB0000;
}

.invite-rewards-spin .countdown {
  background-image: linear-gradient(180deg, #FFFFFF 0%, #FFEE00 100%);
}

.invite-rewards-spin .countdown > div {
  color: rgba(255,255,255,0.65);
  background: rgba(187,0,0,0.65);
}

#invite-rewards .invite-rewards-review {
  width: 8.89rem;
  min-height: 9.77rem;
  margin: 0.33rem auto;
  border-radius: 0.44rem;
  box-sizing: border-box;
  background-image: linear-gradient(180deg, #F34141 0%, #3B00FF 100%);
  padding-bottom: 0.44rem;
}

.invite-rewards-review .rewards-review-top {
  height: 1.11rem;
  line-height: 1.11rem;
  color: rgba(255,255,255,0.85);
  background: rgba(0,0,0,0.30);
  text-align: center;
  font-weight: 700;
  border-radius: 0.44rem 0.44rem 0 0
}

.invite-rewards-review .rewards-review-title {
  position: relative;
  width: 8rem;
  margin: 0.44rem auto 0;
  display: flex;
  background: rgba(0,0,0,0.15);
  border-radius: 0.22rem;
}

.rewards-review-title>div {
  flex-shrink: 0;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1.43rem;
  height: 1.11rem;
  font-size: 0.32rem;
  color: rgba(255, 255, 255, 0.85);
  text-align: center;
  line-height: 0.44rem;
}

.rewards-review-title>div:first-child {
  flex: 1 1 0%;
}

.rewards-review-title>div:last-child{
  flex: 0 0 3.63rem;
}

.rewards-review-title>div:after {
  position: absolute;
  top: 0.39rem;
  right: 0;
  content: ' ';
  width: 1px;
  height: 0.4rem;
  background: rgba(255, 255, 255, 0.15);
}

.rewards-review-title>div:last-child:after {
  content: none;
}

.invite-rewards-review .rewards-review-content {
  position: relative;
  width: 8rem;
  margin: 0 auto;
  max-height: calc(100vh - 6rem);
  overflow: auto;
}

.rewards-review-content .list-item {
  display: flex;
  box-shadow: inset 0 -1px 0 0 rgba(255,255,255,0.15);;
}

.rewards-review-content .list-item>div {
  width: 1.33rem;
  height: 1.11rem;
  min-width: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.32rem;
  text-align: center;
  line-height: 0.44rem;
  box-sizing: border-box;
}

.rewards-review-content .list-item > div:first-child {
  flex: 1 1 0%;
  color: rgba(255, 255, 255, 0.65);
  font-size: 0.29rem;
}

.rewards-review-content .list-item > div:nth-child(2) {
  color: #FFEE00;
  font-weight: 700;
  font-size: 0.293rem;
}

.rewards-review-content .list-item > div:last-child {
  flex: 0 0 3.63rem;
  width: 3.63rem;
}

.rewards-review-content .list-item .status-pending {
  color: #66FF66;
}

.rewards-review-content .list-item .status-active {
  color: #FFAF00;
}

.rewards-review-content .list-item .status-reject {
  color: #FF5555;
}

.invite-rewards-description {
  background: transparent!important;
}

.invite-rewards-description .container {
  position: relative;
  width: 8.89rem;
  max-width: 8.89rem;
  padding: 1.333rem 0.667rem 0.667rem 0.667rem;
  background: #12151A;
  box-shadow: 0 -4px 8px 0 rgba(0,0,0,0.25), inset 0 1px 0 0 rgba(255,255,255,0.25);
  border-radius:0.47rem;
  box-sizing: border-box;
}

.invite-rewards-description .title {
  margin-bottom: 0.22rem;
  color: #FFFFFF;
  font-size: 0.4267rem;
  font-weight: 700;
  line-height: 0.667rem;
  text-align: center;
}

.invite-rewards-description .content {
  margin-bottom: 0.44rem;
  color: rgba(255, 255, 255, 0.85);
  font-size: 0.3733rem;
  line-height: 0.61rem;
  overflow: auto;
  text-align: justify;
}

.invite-rewards-description .content::-webkit-scrollbar {
  display: none;
}

.invite-rewards-description .button {
  height: 1.11rem;
  color: #000000;
  font-weight: 700;
  text-align: center;
  line-height: 1.111rem;
  background-image: linear-gradient(98deg, #FCD7A1 0%, #D17836 100%);
  border-radius: 0.22rem;
  font-size: 0.3733rem;
}

.hdialog-newerreward-outframe .invite-spin-newerreward-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  height:6.89rem;
  padding: 0.2rem 0.4rem 0.4rem;
  box-sizing: border-box;
  gap: 0.16rem;
  background-image: linear-gradient(180deg, #F34141 0%, #3B00FF 100%);
}

.invite-reward-task-title {
  font-size: 0.64rem;
  font-weight: 700;
  color: #FFEE00;
  text-align: center;
  margin-top: 3.2rem;
}

.invite-reward-task-desc {
  font-size: 0.373rem;
  color: #fff;
  text-align: center;
  line-height: 0.66rem;
}

.hdialog-newerreward-outframe .invite-spin-newerreward-content .newerreward-content-btn{
  border-radius:0.22rem;
  background-image: linear-gradient(108deg, #FCD7A1 0%, #D17836 100%);
  border: none;
  font-weight: 700;
  color:#000000;
}



.commission-chest-banner {
  width:10rem;
}

.commission-chest-frame {
  width: 10rem;
  margin-top:-0.1rem;
  position:relative;
}

.commission-chest-frame .bg-img{
  width:10rem;
  height:auto;
}

.commission-chest-top{
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
  width:10rem;
  height:4.66rem;
  padding:0 0.88rem;
  box-sizing: border-box; 
}

.commission-chest-top .share-friends{
  font-size: 0.373rem;
  color: #FFFFFF;
  letter-spacing: 0;
  line-height: 0.555rem;
  font-weight: 700;
  width: 100%;
  margin:0.22rem 0;
}

.commission-chest-top .share-code-frame{
  position: absolute;
  left: 0.88rem;
  background-image: linear-gradient(180deg, #C317F9 0%, #1C0CC8 100%);
  border-radius: 0.22rem;
  width: 2.44rem;
  height: 2.88rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  box-sizing:border-box;
  padding-top:0.22rem;
}

.commission-chest-top .share-code-frame .rq-code{
  width: 2rem;
  height: 2rem;
  background:#FFFFFF;
  display: flex;
  align-items: center;
  justify-content: center;
}

.commission-chest-top .share-code-frame .rq-code canvas {
  display: block !important;
  width: 1.9rem;
  height: 1.9rem;
}

.commission-chest-top .share-code-frame.rq-code img {
  display: none !important;
}

.commission-chest-top .share-code-frame .share-code{
  font-size: 0.213rem;
  color: #FFFFFF;
  letter-spacing: 0;
  text-align: center;
  line-height: 0.32rem;
  font-weight: 400;
  /* margin-top: 0.22rem; */
}

.commission-chest-top  .share-right{
  width: 5.888rem;
  position: absolute;
  right: 0.55rem;
  overflow:hidden;
  box-sizing:border-box;
}

.commission-chest-top .link-content {
  position: relative;
  width: 5.55rem;
  height: 1.11rem;
  font-size: .32rem;
  color: rgba(255, 255, 255, 0.65);
  background: rgba(0,0,0,0.25);
  border-radius: 0.22rem;
  overflow: hidden;
  display: flex;
  align-items: center;
}

.commission-chest-top .link-content .link {
  position: absolute;
  top: 0;
  left: 0.22rem;
  width: 3.55rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  line-height: 1.11rem;
  font-size: .32rem;
  color: rgba(255, 255, 255, 0.65);
}

.commission-chest-top .link-content .btn {
  position: absolute;
  right: 0.12rem;
  width: 1.66rem;
  transition: transform 0.1s ease-in-out;
}

.commission-chest-top .link-content .btn:active {
  transform: scale(0.9);
  opacity: 0.5;
}

.commission-chest-top .share-media{
  font-size: 0.32rem;
  color: #FFFFFF;
  letter-spacing: 0;
  line-height: 0.42rem;
  font-weight: 400;
  margin-top: 0.44rem;
}

.commission-chest-top .share-media-box{
  position: relative;
  width: 100%;
  display: flex;
  flex-wrap: nowrap;
  gap: 0.2rem;
  overflow-y: hidden;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  margin-top: 0.11rem;
}

.share-media-box .share-item {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 0.77rem;
  height: 0.77rem;
  width: 0.77rem;
  overflow: hidden;
  background: rgba(0,0,0,0.15);
  border-radius: 24px;
}

.share-media-box .share-item .icon {
  height: 0.55rem;
  width: 0.55rem;
}

.commission-chest-frame .chest-content{
  background-image: linear-gradient(180deg, rgba(163,0,255,0.50) 0%, rgba(0,135,106,0.25) 100%);
  margin: 0 0.55rem;
  border-radius: 0.44rem;
}

.commission-chest-frame .chest-content-top{
  background-image: linear-gradient(180deg, rgba(255,175,0,0.50) 0%, rgba(0,0,0,0.00) 100%);
  position: relative;
  width: 100%;
  padding:0.22rem;
  box-sizing:border-box;
  border-radius: 0.44rem;
}

.commission-chest-frame .chest-content-top .bg-img {
  width: 8.44rem;
  height: 2.88rem;
  height: auto;

}

.commission-chest-frame .chest-content-top .chest-content-top-left {
  width: 2.88rem;
  height: 2.88rem;
  position: absolute;
  top:0.22rem;
  left:0.22rem;
}

@keyframes chestLight {
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}

.commission-chest-frame .chest-content-top-left .light-icon {
  width: 2.88rem;
  height: 2.88rem;
  position: absolute;
  top: 50%;
  left: 50%;
  animation: chestLight 6s linear infinite;
}

.commission-chest-frame .chest-content-top-left .chest-icon {
  width: 2.22rem;
  height: 2.22rem;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.commission-chest-frame .chest-content-top .chest-content-top-right {
  width: 4.88rem;
  height: 2.88rem;
  position: absolute;
  top:0.66rem;
  right:0.88rem;
  text-align:right;
}

.commission-chest-frame .chest-content-top-right .unit{
  font-size: 0.64rem;
  color: #FFEE00;
  letter-spacing: 0;
  text-align: right;
  line-height: 0.66rem;
  font-weight: 700;
}

.commission-chest-frame .chest-content-top-right .amount{
  font-size: 0.85rem;
  color: #FFEE00;
  letter-spacing: 0;
  text-align: right;
  line-height: 0.88rem;
  font-weight: 700;
}

.commission-chest-frame .chest-content-top-btn{
  position: absolute;
  top:2rem;
  left:50%;
  transform: translateX(-50%);
  width: 2.88rem;
}

.commission-chest-frame .chest-content-top-btn img{
  width: 100%;
  height: auto;
}

.commission-chest-frame .chest-content-top-right .text{
font-size: 0.37rem;
color: rgba(255,255,255,0.85);
letter-spacing: 0;
text-align: right;
line-height: 0.44rem;
font-weight: 700;
}

.commission-chest-frame .chest-content-top .card-title{
  width: 100%;
  height: auto;
  margin-top: 0.77rem;
}

.commission-chest-frame .chest-list {
  width: 100%;
  padding: 0 0.22rem 0.22rem 0.22rem;
  box-sizing:border-box;
}

.commission-chest-frame .chest-list .header {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap:0.22rem;
  height: 1.111rem;
  margin-bottom: 0.11rem;
  background-image: linear-gradient(180deg, rgba(65,243,192,0.50) 0%, rgba(163,0,255,0.00) 100%);
  border-radius: 0.22rem;
}

.commission-chest-frame .chest-list .header > span {
  font-size: 0.293rem;
  color: rgba(255,255,255,0.65);
  letter-spacing: 0;
  line-height: 0.33rem;
  text-align: center;
  border-left: 1px solid rgba(255,255,255,0.15);
  box-sizing: border-box;
  width: 1.77rem;
  height:0.66rem;
  display:flex;
  align-items:center;
  justify-content:center;
}

.commission-chest-frame .chest-list .header > span:nth-child(1) {
  border-left: none;
}

.commission-chest-frame .list-item {
  width: 100%;
  height: 1.11rem;
  background-image: linear-gradient(90deg, rgba(112,65,243,0.00) 0%, #00876A 100%);
  border-radius: 0.22rem;
  display: flex;
  align-items: center;
  justify-content: center;
  gap:0.22rem;
  margin:0.111rem 0;
  font-size: 0.32rem;
  color: rgba(255,255,255,0.85);
  letter-spacing: 0;
  line-height: 0.44rem;
}

.commission-chest-frame .list-item >div{
  width: 1.77rem;
  display: flex;
  align-items: center;
  justify-content:center;
}

.commission-chest-frame .list-item .day-box{
  width:2.44rem;
  height:100%;
  justify-content: flex-end;
  font-size: 0.266rem;
  position:relative;
}
.commission-chest-frame .list-item .day-box >div{
  width:1.33rem;
  text-align:center;
}

.commission-chest-frame .list-item .chest{
  width: 1.11rem;
  height:1.11rem;
  position:absolute;
  left:0;
}

.commission-chest-frame .list-item .bonus{
  color: #FFEE00;
}

.commission-chest-frame .list-item .bonus >span{
  font-weight: 700;
  padding-left:0.05rem;
}


.commission-chest-frame .my-invited{
  background-image: linear-gradient(180deg, rgba(255,175,0,0.75) 0%, rgba(112,65,243,0.50) 29%, rgba(0,135,106,0.25) 100%);
  position: relative;
  margin: 0.22rem 0.55rem 0 0.55rem;
  padding:0.33rem 0.22rem  0.22rem  0.22rem;
  box-sizing:border-box;
  border-radius: 0.44rem;
}

.commission-chest-frame .my-invited .my-invited-title{
  font-size: 0.32rem;
  color: #FFFFFF;
  letter-spacing: 0;
  text-align: center;
  line-height: 0.44rem;
  font-weight: 700;
  width: 100%;
  margin-bottom:0.22rem;
}

.commission-chest-frame .my-invited .my-invited-list{
  width:100%;
  display: flex;
  flex-wrap: wrap;
  gap: 0.1rem;
}

.commission-chest-frame .my-invited .my-invited-item{
  background: rgba(0,135,106,0.30);
  border-radius: 0.22rem;
  height: 1.77rem;
  width: 1.611rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.commission-chest-frame .my-invited .my-invited-item img{
  width: 0.88rem;
  height: 0.88rem;
}

.commission-chest-frame .my-invited .my-invited-item .num{
  font-size: 0.32rem;
  color: #FFFFFF;
  letter-spacing: 0;
  text-align: center;
  line-height: 0.33rem;
  font-weight: 700;
}

.commission-chest-frame .my-invited .my-invited-item .text{
  font-size: 0.21rem;
  color: rgba(255,255,255,0.85);
  letter-spacing: 0;
  line-height: 0.33rem;
}

.commission-chest-frame .subordinates{
  width: 8.88rem;
  height: 1.11rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-image: linear-gradient(262deg, #D17FFF 0%, #00876A 100%);
  border-radius: 0.22rem;
  font-size:0.37rem;
  color: #FFFFFF;
  padding: 0 0.44rem;
  box-sizing: border-box;
  margin:0.55rem 0 0 0.55rem;
}

.commission-chest-frame .subordinates .subordinates-right{
  display: flex;
  align-items: center;
  gap:0.11rem;
  color: #31FFAC;
  font-size: 0.32rem;
}

.commission-chest-frame .subordinates .subordinates-right .count{
  font-weight: 700;
  font-size: 0.42rem;
}

.commission-chest-frame .subordinates .subordinates-right >img{
  width: 0.55rem;
  height: 0.55rem;
}

.commission-content-frame {
  width: 10rem;
  padding:0.55rem;
  box-sizing:border-box;
}

.commission-type-content {
  width: 100%;
  height: 1.33rem;
  display:flex;
  align-items:center;
  justify-content:space-between;
  background-image: linear-gradient(261deg, #D17FFF 0%, #00876A 100%);
  border-radius:0.22rem;
  padding:0 0.38rem;
  box-sizing:border-box;
}

.commission-type-content .icon {
  width: 0.66rem;
  height: 0.66rem;
}

.commission-type-content .title {
  height: 100%;
  line-height: 1.33rem;
  font-size: .373rem;
  color: #FFFFFF;
  display:flex;
  justify-content:center;
  align-items:center;
  font-weight:700;
}

.commission-type-content .tcheck {
  height: 1.33rem;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  transition: transform 0.1s ease-in-out;
}

.commission-type-content .tcheck:active {
  transform: scale(0.9);
  opacity: 0.5;
}

.commission-type-content .tcheck span {
  margin-right: 0.1rem;
  font-size: .32rem;
  color: rgba(255, 255, 255, 0.85);
  width:3.33rem;
  text-align:end;
}

.commission-type-content .tcheck img {
  height: 0.44rem;
  width: 0.88rem;
  background: rgba(255,255,255,0.25);
  border-radius: 0.3rem;
  padding:0.05rem;
}

.commission-user-title{
  width: 100%;
  height: 1.33rem;
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:0.11rem;
  padding-right:0.22rem;
  box-sizing:border-box;
  background-image: linear-gradient(180deg, rgba(65,243,192,0.50) 0%, rgba(163,0,255,0.00) 100%);
  border-radius:0.22rem 0.22rem 0 0;
  margin-top:0.11rem;
}

.commission-user-title .title {
  font-size: 0.293rem;
  color: rgba(255,255,255,0.85);
  letter-spacing: 0;
  line-height: 0.33rem;
  text-align: center;
  border-left: 1px solid rgba(255,255,255,0.15);
  box-sizing: border-box;
  width: 1.94rem;
  height:0.66rem;
  display:flex;
  align-items:center;
  justify-content:center;
  font-weight:700;
}

.commission-user-title .title:nth-child(1) {
  border-left: none;
  justify-content:flex-start;
  width:2.3rem;
}

.commission-user-item {
  width: 100%;
  height: 1.34rem;
  font-size: .32rem;
  background: rgba(255, 255, 255, 0.08);
  color: rgba(255, 255, 255, 0.85);
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:0.22rem;
  padding:0 0.22rem;
  box-sizing:border-box;
  box-sizing:border-box;
}

.commission-user-item:nth-child(2n){
  background:none;
}

.commission-user-item-avatar{
  width: 0.66rem;
  height: 0.66rem;
  background: rgba(255, 255, 255, 0.88);
  margin-right:0.11rem;
}

.commission-user-item-nameframe {
  position: relative;
  height: 1.33rem;
  line-height: 1.33rem;
  color: rgba(255, 255, 255, 0.85);
  font-size: .346rem;
  display:flex;
  justify-content:center;
  align-items:center;
}

.commission-user-item-nametext {
  text-overflow: ellipsis;
  overflow: hidden;
  color: rgba(255, 255, 255, 0.85);
  font-size: .32rem;
}

.commission-user-item-name {
  width: 1.77rem;
  line-height: 0.38rem;
  color: rgba(255, 255, 255, 0.85);
  font-size: .32rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.commission-user-item-id {
  width: 1.77rem;
  line-height: 0.38rem;
  color: rgba(255, 255, 255, 0.45);
  font-size: .27rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.commission-user-item-box {
  position: absolute;
  top: 50%;
  margin-top: -0.33rem;
  width: 0.66rem;
  height: 0.66rem;
  right: 0.1rem;
}

.commission-user-item-box img {
  position: absolute;
  top: 0;
  left: 0;
  width: 0.66rem;
}

.commission-user-item-days {
  width: 1.77rem;
  color: rgba(255, 255, 255, 0.65);
  font-size: .346rem;
  text-align: center;
  text-overflow: ellipsis;
  overflow: hidden;
}

.commission-user-item-amount {
  width: 1.77rem;
  color: rgba(255, 255, 255, 0.65);
  font-size: .346rem;
  text-align: center;
  text-overflow: ellipsis;
  overflow: hidden;
}

.commission-user-item-turnover {
  width: 1.77rem;
  color: rgba(255, 255, 255, 0.65);
  font-size: .346rem;
  text-align: center;
  text-overflow: ellipsis;
  overflow: hidden;
}

.commission-loading-frame {
  height: 1.4rem;
  line-height: 1.4rem;
  color: rgba(255, 255, 255, 0.85);
}

.commission-nomore-frame {
  height: 1.4rem;
  line-height: 1.4rem;
  color: rgba(255, 255, 255, 0.85);
}

.commission-loadmore-frame {
  height: 1.4rem;
  line-height: 1.4rem;
  color: rgba(255, 255, 255, 0.85);
}

.commission-chest-frame  .hdialog-rules-contentframe {
  position: relative;
  margin-top: 0.533rem;
  left: 0.5rem;
  width: 9rem;
  border-radius: 0.533rem;
  overflow: hidden;
}

.commission-chest-frame .hdialog-rules-titleframe {
  position: relative;
  margin-top: 0.426rem;
  margin-bottom: 0.4rem;
  left: 0;
  width: 9rem;
  color: rgba(255, 255, 255, 0.85);
  font-size: .373rem;
  display: flex;
  justify-content: center;
  align-items: center;
}

.commission-chest-frame .hdialog-rules-leftline {
  background-image: linear-gradient(90deg, rgba(255, 255, 255, 0.00) 0%, rgba(255, 255, 255, 0.65) 100%);
  border-radius: 1px;
  width: 2rem;
  height: 2px;
  margin-right: 0.2rem;
}

.commission-chest-frame .hdialog-rules-rightline {
  transform: scaleX(-1);
  background-image: linear-gradient(90deg, rgba(255, 255, 255, 0.00) 0%, rgba(255, 255, 255, 0.65) 100%);
  border-radius: 1px;
  width: 2rem;
  height: 2px;
  margin-left: 0.2rem;
}

.commission-chest-frame .gift-tips {
  position: relative;
  width: 8.4rem;
  left: 0.3rem;
  font-size: .35rem;
  line-height: 0.5rem;
  text-align: left;
  margin-bottom: 0.4rem;
  color: rgba(255, 255, 255, 0.45);
}

.multi-chest-banner {
  width:10rem;
}

.multi-chest-frame {
  width: 10rem;
  margin-top:-0.1rem;
  position:relative;
}


.multi-chest-frame   .hdialog-rules-contentframe {
  position: relative;
  margin-top: 0.533rem;
  left: 0.5rem;
  width: 9rem;
  border-radius: 0.533rem;
  overflow: hidden;
}

.multi-chest-frame  .hdialog-rules-titleframe {
  position: relative;
  margin-top: 0.426rem;
  margin-bottom: 0.4rem;
  left: 0;
  width: 9rem;
  color: rgba(255, 255, 255, 0.85);
  font-size: .373rem;
  display: flex;
  justify-content: center;
  align-items: center;
}

.multi-chest-frame .hdialog-rules-leftline {
  background-image: linear-gradient(90deg, rgba(255, 255, 255, 0.00) 0%, rgba(255, 255, 255, 0.65) 100%);
  border-radius: 1px;
  width: 2rem;
  height: 2px;
  margin-right: 0.2rem;
}

.multi-chest-frame  .hdialog-rules-rightline {
  transform: scaleX(-1);
  background-image: linear-gradient(90deg, rgba(255, 255, 255, 0.00) 0%, rgba(255, 255, 255, 0.65) 100%);
  border-radius: 1px;
  width: 2rem;
  height: 2px;
  margin-left: 0.2rem;
}

.multi-chest-frame  .gift-tips {
  position: relative;
  width: 8.4rem;
  left: 0.3rem;
  font-size: .35rem;
  line-height: 0.5rem;
  text-align: left;
  margin-bottom: 0.4rem;
  color: rgba(255, 255, 255, 0.45);
}

.multi-chest-frame .bg-img{
  width:10rem;
  height:auto;
}

.multi-chest-top{
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
  width:10rem;
  height:4.66rem;
  padding:0 0.88rem;
  box-sizing: border-box; 
}

.multi-chest-top .share-friends{
  font-size: 0.373rem;
  color: #FFFFFF;
  letter-spacing: 0;
  line-height: 0.555rem;
  font-weight: 700;
  width: 100%;
  margin:0.22rem 0;
}

.multi-chest-top .share-code-frame{
  position: absolute;
  left: 0.88rem;
  background-image: linear-gradient(180deg, #C317F9 0%, #1C0CC8 100%);
  border-radius: 0.22rem;
  width: 2.44rem;
  height: 2.88rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  box-sizing:border-box;
  padding-top:0.22rem;
}

.multi-chest-top .share-code-frame .rq-code{
  width: 2rem;
  height: 2rem;
  background:#FFFFFF;
  display: flex;
  align-items: center;
  justify-content: center;
}

.multi-chest-top .share-code-frame .rq-code canvas {
  display: block !important;
  width: 1.9rem;
  height: 1.9rem;
}

.multi-chest-top .share-code-frame.rq-code img {
  display: none !important;
}

.multi-chest-top .share-code-frame .share-code{
  font-size: 0.213rem;
  color: #FFFFFF;
  letter-spacing: 0;
  text-align: center;
  line-height: 0.32rem;
  font-weight: 400;
  /* margin-top: 0.22rem; */
}

.multi-chest-top  .share-right{
  width: 5.888rem;
  position: absolute;
  right: 0.55rem;
  overflow:hidden;
  box-sizing:border-box;
}

.multi-chest-top .link-content {
  position: relative;
  width: 5.55rem;
  height: 1.11rem;
  font-size: .32rem;
  color: rgba(255, 255, 255, 0.65);
  background: rgba(0,0,0,0.25);
  border-radius: 0.22rem;
  overflow: hidden;
  display: flex;
  align-items: center;
}

.multi-chest-top .link-content .link {
  position: absolute;
  top: 0;
  left: 0.22rem;
  width: 3.55rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  line-height: 1.11rem;
  font-size: .32rem;
  color: rgba(255, 255, 255, 0.65);
}

.multi-chest-top .link-content .btn {
  position: absolute;
  right: 0.12rem;
  width: 1.66rem;
  transition: transform 0.1s ease-in-out;
}

.multi-chest-top .link-content .btn:active {
  transform: scale(0.9);
  opacity: 0.5;
}

.multi-chest-top .share-media{
  font-size: 0.32rem;
  color: #FFFFFF;
  letter-spacing: 0;
  line-height: 0.42rem;
  font-weight: 400;
  margin-top: 0.44rem;
}

.multi-chest-top .share-media-box{
  position: relative;
  width: 100%;
  display: flex;
  flex-wrap: nowrap;
  gap: 0.2rem;
  overflow-y: hidden;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  margin-top: 0.11rem;
}

.multi-chest .share-media-box .share-item {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 0.77rem;
  height: 0.77rem;
  width: 0.77rem;
  overflow: hidden;
  background: rgba(0,0,0,0.15);
  border-radius: 24px;
}

.multi-chest .share-media-box .share-item .icon {
  height: 0.55rem;
  width: 0.55rem;
}

.multi-chest-frame .chest-box{
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  gap:0.138rem;
}

.multi-chest-frame .chest-box .chest{
  position: relative;
  width: 1.66rem;
  height: 1.66rem;
  margin-bottom: 0.66rem;
}

.multi-chest-frame .chest-box .chest .red-point {
  top: -0.1rem;
  right: -0.15rem;
  position: absolute;
  width: 0.44rem;
  height: 0.44rem;
  border-radius: 0.55rem;
  background: #FF0102;
  border: 0.5px solid #FFFFFF;
  color:#FFFFFF;
  font-size:0.266rem;
  line-height:0.44rem;
  text-align:center;
  z-index:10;
  box-sizing:border-box;
}

.multi-chest-frame .chest-box .chest img{
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.multi-chest-frame .chest-box .chest .bg{
  width:100%;
  height:100%;
}

.multi-chest-frame .chest-box .chest .light{
  width:1.44rem;
  height:1.44rem;
}

@keyframes multiLight {
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}

.multi-chest-frame .chest-box .chest .active-light{
  animation: multiLight 6s linear infinite;
}

.multi-chest-frame .chest-box .chest .box{
  width:1.44rem;
  height:1.44rem;
}

.multi-chest-frame .chest-box .chest .icon{
  width:0.66rem;
  height:0.66rem;
  position:absolute;
  top:1.66rem;
  transform: translate(-50%,0);
}

.multi-chest-frame .chest-content{
  position: relative;
  background-image: linear-gradient(180deg, rgba(255,175,0,0.75) 0%, rgba(112,65,243,0.50) 29%, rgba(0,135,106,0.25) 100%);
  margin: 0 0.55rem;
  border-radius: 0.44rem;
  padding: 0.22rem 0;
  box-sizing:border-box;
}

.multi-chest-frame .chest-content .chest-content-top{
  display:flex;
  justify-content:center;
  gap:0.45rem;
  background-image: linear-gradient(180deg, rgba(59,52,102,0.08) 0%, rgba(59,52,102,0.50) 100%);
  background-clip: padding-box;
  border-radius:0.22rem;
  height:1.11rem;
  color: rgba(255,255,255,0.85);
  border: 1px dashed rgba(112,65,243,1);
  z-index:10;
  margin:0 0.22rem;
}

.multi-chest-frame .chest-content .chest-content-top .title-box{
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-content:center;
  font-size:0.26rem;
  text-align:center;
  line-height: 0.44rem;
}

.multi-chest-frame .chest-content .chest-content-top .title-box .num{
  font-size:0.32rem;
  color: #FFEE00;
  line-height: 0.33rem;
}


.multi-chest-frame .chest-row {
  display: flex;
  align-items: center;
  gap: 0 0.44rem;
  position: relative;
  /* width: 8.88rem; */
  height: 2.666rem;
  margin: 0 auto;
  padding: 0 0.22rem;
  box-sizing: border-box;
  margin-bottom: -0.0084rem;
}

.multi-chest-frame .chest-row-flip {
  justify-content: flex-end;
}

.multi-chest-frame .chest-item {
  position: relative;
  width:1.833rem;
  height:2.22rem;
  background: rgba(0,0,0,0.50);
  background-image: linear-gradient(180deg, rgba(255,231,207,0.25) 0%, rgba(219,161,138,0.25) 100%);
  border: 1px solid rgba(255,255,255,0.08);
  border-radius:0.22rem;
  background-clip: padding-box;
}

.multi-chest-frame .chest-item.chest-item-activated{
  background-image: linear-gradient(180deg, #FFE7CF 0%, #8F3E1F 100%);
  border: 1px solid rgba(255,238,0,1);
  color: #FFFFFF;
}

.multi-chest-frame .chest-item.chest-item-activated .person{
  color: #FFFFFF;
  background-image: linear-gradient(180deg, #D17FFF 0%, rgba(209,127,255,0.50) 100%);
}

.multi-chest-frame .chest-row .chest-img {
  position: relative;
  width: 1.38rem;
  height: 1.38rem;
  z-index: 2;
  top:-0.083rem;
  left:50%;
  transform: translate(-50%, 0);
}

.multi-chest-frame .chest-row .chest-img >img {
  position: relative;
  width: 100%;
  height: 100%;
}

.multi-chest-frame .chest-row .chest-img .chest-light{
  position: absolute;
  width: 1.38rem;
  height: 1.38rem;
  left:50%;
  top:50%;
  transform: translate(-50%, -50%);
  animation: multiLight 6s linear infinite;
}

.multi-chest-frame .chest-row .person{
  background-image: linear-gradient(180deg, rgba(209,127,255,0.50) 0%, rgba(209,127,255,0.25) 100%);
  border-radius: 0.22rem 0.22rem 0 0;
  font-size: 0.266rem;
  color: rgba(255,255,255,0.85);
  width:100%;
  text-align:center;
  line-height:0.44rem;
}

.multi-chest-frame .chest-row .tick{
  width:0.33rem;
  height:0.33rem;
  position:absolute;
  top:55%;
  left:50%;
  transform:translate(-50%,0);
  z-index:10;
}

.multi-chest-frame .chest-row .reward{
  position: absolute;
  font-size:0.32rem;
  line-height:0.44rem;
  color: #FFFE00;
  bottom:0.11rem;
  width:100%;
  text-align:center;
}

.multi-chest-frame .next {
  display: none;
  position: absolute;
  width: 0.44rem;
  height: 0.44rem;
  border-radius: 0.556rem;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.50);
  z-index: 3;
}

.multi-chest-frame .next>img {
  width: 100%;
  height: 100%;
}

.multi-chest-frame .next-left {
  display: block;
  top: 0.88rem;
  left: -0.45rem;
}

.multi-chest-frame .next-left>img {
  transform: rotate(180deg);
}

.multi-chest-frame .next-right {
  display: block;
  top: 0.88rem;
  right: -0.45rem;
}

.multi-chest-frame .next-down {
  display: block;
  bottom: -0.45rem;
  left: 0.70rem;
}

.multi-chest-frame .next-down>img {
  transform: rotate(90deg);
}

.multi-chest-frame .subordinates{
  width: 8.88rem;
  height: 1.11rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-image: linear-gradient(263deg, #D17FFF 0%, #00876A 100%);
  border-radius: 0.22rem;
  font-size:0.37rem;
  color: #FFFFFF;
  padding: 0 0.44rem;
  box-sizing: border-box;
  margin:0.22rem 0 0 0.55rem;
}

.multi-chest-frame .subordinates .subordinates-right{
  display: flex;
  align-items: center;
  gap:0.11rem;
  color: #31FFAC;
  font-size: 0.32rem;
  /* font-weight: 700; */
}

.multi-chest-frame .subordinates .subordinates-right .count{
  font-weight: 700;
  font-size: 0.42rem;
}

.multi-chest-frame .subordinates .subordinates-right >img{
  width: 0.55rem;
  height: 0.55rem;
}

.multi-content-frame {
  width: 10rem;
  padding:0.55rem;
  box-sizing:border-box;
}

.multi-type-content {
  width: 100%;
  height: 1.33rem;
  display:flex;
  align-items:center;
  justify-content:space-between;
  background-image: linear-gradient(261deg, #D17FFF 0%, #00876A 100%);
  border-radius:0.22rem;
  padding:0 0.38rem;
  box-sizing:border-box;
}

.multi-type-content .icon {
  width: 0.66rem;
  height: 0.66rem;
}

.multi-type-content .title {
  height: 100%;
  line-height: 1.33rem;
  font-size: .373rem;
  color: #FFFFFF;
  display:flex;
  justify-content:center;
  align-items:center;
  font-weight:700;
}

.multi-type-content .tcheck {
  height: 1.33rem;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  transition: transform 0.1s ease-in-out;
}

.multi-type-content .tcheck:active {
  transform: scale(0.9);
  opacity: 0.5;
}

.multi-type-content .tcheck span {
  margin-right: 0.1rem;
  font-size: .32rem;
  color: rgba(255, 255, 255, 0.85);
  width:3.33rem;
  text-align:end;
}

.multi-type-content .tcheck img {
  height: 0.44rem;
  width: 0.88rem;
  background: rgba(255,255,255,0.25);
  border-radius: 0.3rem;
  padding:0.05rem;
}

.multi-user-title{
  width: 100%;
  height: 1.33rem;
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:0.11rem;
  padding-right:0.22rem;
  box-sizing:border-box;
  background-image: linear-gradient(180deg, rgba(65,243,192,0.50) 0%, rgba(163,0,255,0.00) 100%);
  border-radius:0.22rem 0.22rem 0 0;
  margin-top:0.11rem;
}

.multi-user-title .title {
  font-size: 0.293rem;
  color: rgba(255,255,255,0.85);
  letter-spacing: 0;
  line-height: 0.33rem;
  text-align: center;
  border-left: 1px solid rgba(255,255,255,0.15);
  box-sizing: border-box;
  width: 1.94rem;
  height:0.66rem;
  display:flex;
  align-items:center;
  justify-content:center;
  font-weight:700;
}

.multi-user-title .title:nth-child(1) {
  border-left: none;
  justify-content:flex-start;
  width:2.3rem;
}

.multi-user-item {
  width: 100%;
  height: 1.34rem;
  font-size: .32rem;
  background: rgba(255, 255, 255, 0.08);
  color: rgba(255, 255, 255, 0.85);
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:0.22rem;
  padding:0 0.22rem;
  box-sizing:border-box;
  box-sizing:border-box;
}

.multi-user-item:nth-child(2n){
  background:none;
}

.multi-user-item-avatar{
  width: 0.66rem;
  height: 0.66rem;
  background: rgba(255, 255, 255, 0.88);
  margin-right:0.11rem;
}

.multi-user-item-nameframe {
  position: relative;
  height: 1.33rem;
  line-height: 1.33rem;
  color: rgba(255, 255, 255, 0.85);
  font-size: .346rem;
  display:flex;
  justify-content:center;
  align-items:center;
}

.multi-user-item-nametext {
  text-overflow: ellipsis;
  overflow: hidden;
  color: rgba(255, 255, 255, 0.85);
  font-size: .32rem;
}

.multi-user-item-name {
  width: 1.77rem;
  line-height: 0.38rem;
  color: rgba(255, 255, 255, 0.85);
  font-size: .32rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.multi-user-item-id {
  width: 1.77rem;
  line-height: 0.38rem;
  color: rgba(255, 255, 255, 0.45);
  font-size: .27rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.multi-user-item-box {
  position: absolute;
  top: 50%;
  margin-top: -0.33rem;
  width: 0.66rem;
  height: 0.66rem;
  right: 0.1rem;
}

.multi-user-item-box img {
  position: absolute;
  top: 0;
  left: 0;
  width: 0.66rem;
}

.multi-user-item-days {
  width: 1.77rem;
  color: rgba(255, 255, 255, 0.65);
  font-size: .346rem;
  text-align: center;
  text-overflow: ellipsis;
  overflow: hidden;
}

.multi-user-item-amount {
  width: 1.77rem;
  color: rgba(255, 255, 255, 0.65);
  font-size: .346rem;
  text-align: center;
  text-overflow: ellipsis;
  overflow: hidden;
}

.multi-user-item-turnover {
  width: 1.77rem;
  color: rgba(255, 255, 255, 0.65);
  font-size: .346rem;
  text-align: center;
  text-overflow: ellipsis;
  overflow: hidden;
}

.multi-loading-frame {
  height: 1.4rem;
  line-height: 1.4rem;
  color: rgba(255, 255, 255, 0.85);
}

.multi-nomore-frame {
  height: 1.4rem;
  line-height: 1.4rem;
  color: rgba(255, 255, 255, 0.85);
}

.multi-loadmore-frame {
  height: 1.4rem;
  line-height: 1.4rem;
  color: rgba(255, 255, 255, 0.85);
}