li::marker {
  content: ""; 
  display: none; /* 很多浏览器不支持在 ::marker 上用 display: none */
}
.ActiveContentMain .page-sub-game .panel-header{
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.001rem 0.4rem 0.001rem;
    position: fixed;
    width: 10rem;
    z-index: 100;
    background: #163c33;
    height:1.2rem;
}
.ActiveContentMain .page-sub-game .panel-header h2{
    font-size: 0.46rem;
    margin: 0 auto;
    color: #dce1e7;
    position: absolute;
    left: 50%;
    transform: translate(-50%, -50%);
    margin-top: 0.7rem;
    font-weight: 500;
}
.ActiveContentMain .page-sub-game .daily-series{
    margin-top: 1rem;
}
.level-item .right-btn-frame {
    top: 0;
    width: 3.33rem;
    height: 1.33rem;
    line-height: 1.33rem;
    right: 0.1rem;
    color: #00FFFF;
    font-size: .346rem;
}
.level-item .right {
    position: absolute;
    top: 0;
    right: 0.6rem;
    width: 2.5rem;
    height: 1.4rem;
    line-height: 1.4rem;
    font-size: .373rem
}
.level-item .right-btn-frame img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 1.45rem;
}
.page-sub-game {
    position: absolute;
    width: 10rem;
    height: 100vh;
    overflow-x: hidden;
    overflow-y: scroll;
}
.daily-series {
    padding-bottom: 3rem;
}
.daily-series-top {
    position: relative;
    height: 4.44rem;
    margin-bottom: -0.44rem;
}
.daily-series-top .banner {
    position: relative;
    top: 0.15rem;
    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: #FFFFFF;
    font-size: 0.32rem;
    line-height: 0.373rem;
    margin-right: 0.3rem;
}
.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-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: #FFD800;
    border-radius: 0.11rem;
    min-width: 2% !important;
}
.daily-series-card .event-open .bars .progress-bar .progress > span {
    position: absolute;
    top: -0.333rem;
    right: 0;
    color: #ffffffa6;
    font-size: 0.267rem;
    line-height: 0.32rem;
    transform: translateX(50%);
}
.daily-series-card .event-open .bars .progress-bar .progress:after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 0.22rem;
    height: 100%;
    background: #FFFFFF;
    border-radius: 0.14rem;
}
.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: #FFD800;
    border-radius: 0.11rem;
    min-width: 2% !important;
}
.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: #FFD800;
    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 .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 {
    0% { transform: rotate(0deg); }
    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%);
}
/**  活动说明  **/
.daily-spin-rules {
    background-image: linear-gradient(180deg, rgba(0, 155, 54, 0.25) 0%, #009B36 99%);
}
.daily-rule-list .title {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 0.11rem;
    color: #FFEE00;
    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, #FFEE00 0%, rgba(112, 65, 243, 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, #FFEE00 0%, rgba(112, 65, 243, 0.00) 100%);
    border-radius: 1px;
    width: 2rem;
    height: 2px;
    margin-left: 0.2rem;
}
.daily-rule-list {
    width: 8.89rem;
    margin: auto;
    padding: 0.44rem 0;
    border-radius: 0.44rem;
    box-sizing: border-box;
}
.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;
}

/** 砸金蛋的css样式  开始 **/
.daily-series .daily-egg {
    position: relative;
    height: 10rem;
    margin-top: -1.11rem;
}
.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-item {
    position: absolute;
    width: 2.78rem;
    height: 2.78rem;
}
.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;
}
.daily-series .daily-egg .egg-img {
    position: relative;
    width: 100%;
    height: 100%;
}
@keyframes daily-egg-bg{
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

/*0.7s​ - 动画持续时间（从0.3秒增加到0.7秒，摇晃更慢更明显）
linear​ - 动画速度曲线（匀速播放，不会缓入缓出）
infinite​ - 无限循环（动画会一直重复播放）*/
.daily-series .daily-egg .egg-shake{
  animation: daily-egg-shake 0.7s linear infinite;
}
@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);}
}
.daily-egg-rules {
    background-image: linear-gradient(180deg, rgba(119, 147, 255, 0.25) 0%, #7793FF 99%);
}

/** 宝箱 css **/
.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 {
    transform-origin: 50% 50%;
    animation: daily-chest-light 7.5s linear infinite;
    opacity: 0.5;
}
@keyframes daily-chest-light{
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}
.daily-series .daily-chest .light, .daily-series .daily-chest .chest {
    position: absolute;
    top: 0;
    left: 0;
    width: 10rem;
    height: 10rem;
}
.daily-series .daily-chest .button {
    position: relative;
    width: 4.44rem;
    height: 1.56rem;
    transition: transform 0.1s ease-in-out;
}
.daily-chest-rules {
    background-image: linear-gradient(180deg, rgba(255, 175, 0, 0.25) 0%, #FFAF00 98%);
}
/**  签到  **/
.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(255, 255, 255, 0.85);
    font-size: 0.267rem;
    line-height: 0.56rem;
    text-align: center;
}
.daily-series .daily-sign-in .day-item .reward {
    color: #FFFE00;
    font-size: 0.4rem;
    line-height: 0.44rem;
    text-align: center;
    font-weight: 700;
}
.daily-series .daily-sign-in .day-item .money {
    width: 0.889rem;
    height: 0.889rem;
    margin-top: 0.11rem;
}
.daily-series .daily-sign-in .day-item .button {
    width: 1.72rem;
    height: 0.56rem;
    margin-top: 0.278rem;
}
/***  这个是宝箱样式 开始  ***/
.agency-banner-frame {
    /* position: absolute; */
    /* top: 1.32rem; */
    /* left: 0; */
    width: 10rem;
    margin-top: 1rem;
}
.agency-content-frame {
    position: relative;
    /* margin-top: 4.6rem; */
    left: 0.0;
    width: 10rem;
}
.agency-link-title {
    position: relative;
    left: 0.5rem;
    font-size: .373rem;
    color: rgba(0, 0, 0, 0.65);
    height: 0.62rem;
    line-height: 0.62rem;
}
.agency-link-content {
    position: relative;
    margin-top: 0.12rem;
    left: 0.5rem;
    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.25);
    border-radius: 0.22rem;
    overflow: hidden;
    display: flex;
    align-items: center;
}
.agency-link-title {
    position: relative;
    left: 0.5rem;
    font-size: .373rem;
    color: rgba(0, 0, 0, 0.65);
    height: 0.62rem;
    line-height: 0.62rem;
}
.agency-link-content .link {
    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-link-content .btn {
    position: absolute;
    right: 0.12rem;
    width: 1.78rem;
    height: 1.1rem;
    transition: transform 0.1s ease-in-out;
}
.agency-share-title {
    position: relative;
    left: 0.5rem;
    font-size: .346rem;
    color: rgba(0, 0, 0, 0.65);
    height: 0.62rem;
    line-height: 0.62rem;
    margin-top: 0.1rem;
    text-align: center;
    width: 8rem;
}
.agency-share-item {
    position: relative;
    display: inline-block;
    height: 1.1rem;
    width: 1.2rem;
    top: 0;
    margin-right: 0.2rem;
    overflow: hidden;
    transition: transform 0.1s ease-in-out;
}
.agency-share-item .icon {
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -0.33rem;
    height: 0.66rem;
    width: 0.66rem;
}
.agency-share-item .title {
    position: absolute;
    top: 0.8rem;
    width: 1.2rem;
    text-align: center;
    color: rgba(0, 0, 0, 0.65);
    font-size: .24rem;
}
.agency-users-frame {
    position: relative;
    left: 0.5rem;
    width: 9rem;
    height: 1.12rem;
    line-height: 1.12rem;
    background-image: linear-gradient(96deg, rgba(0, 255, 182, 0.25) 0%, rgba(0, 113, 80, 0.25) 100%);
    border-radius: 0.22rem;
    transition: transform 0.1s ease-in-out;
}
.agency-users-frame .title {
    position: absolute;
    top: 0;
    left: 0.4rem;
    height: 1.12rem;
    line-height: 1.12rem;
    color: rgba(255, 255, 255, 0.85);
    font-size: .373rem;
}
.agency-users-frame .arrow {
    position: absolute;
    top: 50%;
    margin-top: -0.33rem;
    right: 0.15rem;
    height: 0.66rem;
}
.agency-users-frame .right-text {
    position: absolute;
    top: 0;
    right: 1rem;
    height: 1.12rem;
    line-height: 1.12rem;
    color: #FFEE00;
    font-size: .32rem;
    text-align: right;
}
.agency-users-frame .right-num {
    color: #FFEE00;
    font-size: .426rem;
}
.agency-reward-frame {
    position: relative;
    margin-top: 0.4rem;
    left: 0.5rem;
    width: 9rem;
    overflow: hidden;
}
.agency-reward-item {
    position: relative;
    left: 0;
    width: 9rem;
    height: 2.24rem;
}
.agency-reward-item .ritem {
    position: absolute;
    top: 0;
    width: 1.833rem;
    height: 1.8rem;
}
.agency-reward-item .ritem-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 1.833rem;
    height: 1.333rem;
}
.agency-reward-item .ritem-arrow-last {
    position: absolute;
    top: 1.76rem;
    left: 0.7165rem;
    width: 0.4rem;
    height: 0.4rem;
    transform: rotate(90deg);
}
.agency-reward-item .ritem-arrow2 {
    position: absolute;
    top: 0.4665rem;
    right: 1.9rem;
    width: 0.4rem;
    height: 0.4rem;
    transform: rotate(180deg);
}
.agency-reward-item .ritem-arrow-last2 {
    position: absolute;
    top: 1.76rem;
    right: 0.7165rem;
    width: 0.4rem;
    height: 0.4rem;
    transform: rotate(90deg);
}
.agency-reward-item .ritem-need {
    position: absolute;
    top: 0.95rem;
    width: 1.833rem;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    text-align: center;
    font-size: .26rem;
    color: rgba(255, 255, 255, 0.85);
}
.agency-reward-item .ritem-received {
    color: rgba(255, 255, 255, 0.85);
}
.agency-reward-item .ritem-reward {
    position: absolute;
    top: 1.4rem;
    width: 1.833rem;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    text-align: center;
    font-size: .32rem;
    color: rgba(255, 255, 255, 0.65);
}
.agency-reward-item .ritem-arrow {
    position: absolute;
    top: 0.4665rem;
    left: 1.9rem;
    width: 0.4rem;
    height: 0.4rem;
}

/*** 全站洗马的执行操作  开始 ***/
.flrebate-page-frame .top-icon {
    position: relative;
    margin-top: 0;
    left: 0;
    width: 10rem;
    height: 4.67rem;
}
.flrebate-page-frame .top-icon img{
    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: #FFFFFF;
    font-size: .373rem;
    font-weight: 700;
    margin-right: 0.1rem;
}
.flrebate-item .item-topframe-value1 {
    color: #FFEE00;
    font-size: .426rem;
    font-weight: 700;
    margin-right: 0.3rem;
}
.flrebate-item .item-topframe-line {
    width: 0.5px;
    height: 0.6rem;
    background: rgba(255, 255, 255, 0.15);
}
.flrebate-item .item-topframe-title2 {
    margin-left: 0.3rem;
    color: #FFFFFF;
    font-size: .373rem;
    font-weight: 700;
}
.flrebate-item .item-topframe-value2 {
    color: #FFEE00;
    font-size: .426rem;
    font-weight: 700;
    margin-left: 0.1rem;
}
.flrebate-item .item-middleframe {
    position: absolute;
    top: 1.44rem;
    left: 50%;
    margin-left: -4rem;
    width: 8rem;
    height: 1.33rem;
    border-radius: 0.22rem;
    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: #FFEE00;
    font-size: .32rem;
    font-weight: 400;
    margin-right: 0.1rem;
}
.flrebate-item .item-middleframe-value .value-text {
    color: #FFEE00;
    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-bg {
    width: 100%;
}
.flrebate-item .bottom-percent {
    position: absolute;
    bottom: 0.4rem;
    left: 0.5rem;
    width: 8rem;
    height: 1.22rem;
}
.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: #FFEE00;
    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-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.45);
    font-size: .28rem;
}
.flrebate-item .bottom-percent .line-text-end {
    position: absolute;
    bottom: 0;
    right: 0;
    color: #FFEE00;
    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.45);
    font-size: .28rem;
}
.flrebate-item .bottom-percent .line-bottomtext-end {
    position: absolute;
    bottom: 0;
    right: 0;
    color: rgba(255, 255, 255, 0.45);
    font-size: .28rem;
}
/*******  全站洗码的列表样式  ********/
.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 .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-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-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;
}
/*******  兑换码活动  开始  *******/
.exchange-input-frame {
    position: relative;
    margin-top: 0.32rem;
    left: 0rem;
    width: 10rem;
}
.exchange-input-frame .top-icon {
    position: relative;
    margin-top: 0;
    left: 50%;
    margin-left: -3.825rem;
    width: 7.65rem;
}
.exchange-input-frame .top-icon img {
    position: relative;
    top: 0;
    left: 50%;
    margin-left: -2.24rem;
    width: 4.48rem;
}
.exchange-input-frame .ecopy-frame {
    position: relative;
    margin-top: 0.5rem;
    left: 0.5rem;
    width: 9rem;
    height: 1rem;
}
.exchange-input-frame .ecopy-frame-title {
    position: absolute;
    top: 0.4rem;
    left: 0rem;
    width: 8.5rem;
    font-size: .346rem;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1rem;
}
.exchange-input-recode {
    position: relative;
    margin-top: 0.2rem;
    left: 0.5rem;
    width: 8rem;
    height: 1.34rem;
    line-height: 1.34rem;
    border-radius: 0.44rem;
}
.exchange-input-frame .einput-span {
    position: absolute;
    margin-top: 0.16rem;
    margin-left: 0.55rem;
    width: 8rem;
    height: 1.04rem;
    line-height: 1.04rem;
    font-size: .426rem;
    color: rgba(255, 255, 255, 0.45);
    background: transparent;
}
.exchange-input-frame .einput-input {
    position: absolute;
    border: none;
    margin-top: 0.1rem;
    margin-left: 0.5rem;
    width: 5rem;
    height: 1.2rem;
    line-height: 1.2rem;
    font-size: .426rem;
    color: #FFFFFF;
    background: transparent;
    outline:none;
}
.exchange-input-frame .ecopy-frame-copy {
    position: absolute;
    top: 50%;
    margin-top: -0.555rem;
    right: 0;
    width: 2.22rem;
    height: 1.11rem;
    line-height: 1.11rem;
}
.exchange-input-frame .ecopy-frame-copy .img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}
.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(255, 255, 255, 0.65);
}
.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-disable {
    position: relative;
    margin-top: 0.2rem;
    width: 3.33rem;
    height: 1.33rem;
    line-height: 1.33rem;
    left: 50%;
    margin-left: -1.665rem;
}
.exchange-input-frame .exchange-btn-disable .img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}
.exchange-promotion-title {
    position: relative;
    left: 50%;
    margin-left: -3.825rem;
    width: 7.65rem;
    top: 0.4rem;
    height: 0.88rem;
}
.exchange-promotion-frame {
    position: relative;
    left: 50%;
    margin-left: -4rem;
    width: 8rem;
    top: 0.8rem;
    background: rgba(0, 0, 0, 0.04);
    padding-top: 0rem;
    padding-bottom: 0rem;
    border-radius: 0.44rem;
}
.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(255, 255, 255, 0.04);
}
.exchange-promotion-item img {
    margin-top: 0.2rem;
    margin-left: 0.2rem;
    width: 0.6rem;
    height: 0.6rem;
}
/*********  救济金活动  ********/
.rescue-card-item {
    position: relative;
    margin-top: 0.2rem;
    left: 0.5rem;
    width: 9rem;
    height: 4rem;
    line-height: 4rem;
    font-size: .373rem;
}
.rescue-card-item .title-frame {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 1.3rem;
    line-height: 1.3rem;
}
.rescue-card-item .title-frame .title1 {
    color: rgba(255, 255, 255, 0.85);
}
.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 .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 .name1 {
    color: rgba(255, 255, 255, 0.85);
}
.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 .num1 {
    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 .content-frame {
    position: absolute;
    top: 1.4rem;
    left: 0px;
    width: 100%;
    height: 2.5rem;
}
.rescue-card-item .content-frame .amount-title1 {
    color: rgba(255, 255, 255, 0.65);
}
.rescue-card-item .content-frame .amount-title {
    position: absolute;
    top: 0.44rem;
    font-size: .373rem;
    text-align: left;
    left: 0.5rem;
    width: 8rem;
    line-height: 0.44rem;
    height: 0.44rem;
    color: rgba(255, 255, 255, 0.65);
}
.rescue-card-item .content-frame .amount-num {
    position: absolute;
    top: 1.1rem;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    height: 0.7rem;
    left: 0.5rem;
}
.rescue-card-item .content-frame .amount-num .unit1 {
    color: rgba(255, 255, 255, 0.65);
}
.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 .amount1 {
    color: #FFFFFF;
}
.rescue-card-item .content-frame .amount-num .amount {
    color: rgb(255, 181, 127);
    font-size: 0.533rem;
}
.rescue-card-item {
    position: relative;
    margin-top: 0.2rem;
    left: 0.5rem;
    width: 9rem;
    height: 4rem;
    line-height: 4rem;
    font-size: .373rem;
}
.rescue-card-item .title-frame {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 1.3rem;
    line-height: 1.3rem;
}
.rescue-card-item .title-frame .title2 {
    color: rgba(255, 255, 255, 0.65);
}
.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 .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 .name2 {
    color: rgba(255, 255, 255, 0.85);
}
.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 .num2 {
    color: rgba(255, 255, 255, 0.85);
}
.rescue-card-item .title-frame .num {
    font-size: 0.533rem;
    color:#ffffff;
}
.rescue-card-item .content-frame {
    position: absolute;
    top: 1.4rem;
    left: 0px;
    width: 100%;
    height: 2.5rem;
}
.rescue-card-item .content-frame .amount-title2 {
    color: rgba(255, 255, 255, 0.65);
}
.rescue-card-item .content-frame .amount-title {
    position: absolute;
    top: 0.44rem;
    font-size: .373rem;
    text-align: left;
    left: 0.5rem;
    width: 8rem;
    line-height: 0.44rem;
    height: 0.44rem;
    color: rgba(255, 255, 255, 0.65);
}
.rescue-card-item .content-frame .amount-num {
    position: absolute;
    top: 1.1rem;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    height: 0.7rem;
    left: 0.5rem;
}
.rescue-card-item .content-frame .amount-num .unit2 {
    color: rgba(255, 255, 255, 0.45);
}
.rescue-card-item .content-frame .amount-num .amount2 {
    color: #FFFFFF;
}
.rescue-card-item .content-frame .amount-num .amount {
    color:#ffffff;
    font-size: 0.533rem;
}
.rescue-card-item .content-frame .claim-btn-disable {
    position: absolute;
    top: 0.6rem;
    width: 2.22rem;
    height: 1.11rem;
    right: 0.4rem;
    filter: grayscale(1);
    opacity: 0.55;
    pointer-events: none;
}
.rescue-card-item .content-frame .claim-btn-disable.claim-btn-disable--active {
    filter: none;
    opacity: 1;
    pointer-events: auto;
}
.rescue-tips-frame {
    position: relative;
    left: 0.5rem;
    width: 9rem;
    background: rgba(255, 255, 255, 0.04);
    height: 1.33rem;
    overflow: hidden;
    border-radius: 0.2rem;
    margin-top: 0.5rem;
    overflow: hidden;
}
.rescue-commission-item {
    position: relative;
    margin-top: 2px;
    margin-left: 0.5rem;
    width: 9rem;
    height: 1rem;
    line-height: 1rem;
}
.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 .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 {
    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 .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 {
    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 .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 {
    position: relative;
    margin-top: 2px;
    margin-left: 0.5rem;
    width: 9rem;
    height: 1rem;
    line-height: 1rem;
}
.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 .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;
}
.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;
}
/*********   大转盘活动 开始   *********/
.lottery-btn-frame {
    position: relative;
    margin-top: 0.3rem;
    left: 0;
    width: 10rem;
    height: 2rem;
}
.lottery-btn-draw {
    position: absolute;
    top: 0;
    left: 1.5rem;
    width: 3.33rem;
    height: 1.33rem;
    text-align: center;
    line-height: 1.33rem;
    font-size: 0.373rem;
}
.lottery-btn-draw img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.lottery-btn-draw .span2 {
    color: rgba(255, 255, 255, 0.25);
}
.lottery-btn-draw span {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}
.lottery-btn-draw .span1 {
    color: rgba(0, 0, 0, 0.85);
}
.lottery-btn-voucher {
    position: absolute;
    right: 1.5rem;
    top: 0;
    width: 3.33rem;
    height: 1.33rem;
    text-align: center;
    line-height: 1.33rem;
    font-size: 0.373rem;
    display: flex;
    justify-content: center;
    align-items: center;
}
.lottery-btn-voucher img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.lottery-btn-voucher .span1 {
    color: #FFFFFF;
    z-index: 1;
    top: 0;
    position: absolute;
}
.lottery-bottom-frame {
    position: relative;
    margin-top: 0;
    left: 0.5rem;
    width: 9rem;
    height: 6rem;
    backdrop-filter: blur(50px);
    -webkit-backdrop-filter: blur(50px);
}
.item-card-0 {
    position: absolute;
    top: 0.5rem;
    width: 1.554rem;
    height: 2.22rem;
    color: rgba(255, 255, 255, 0.25);
    font-size: .373rem;
}
.lottery-bottom-cardnum {
    position: absolute;
    top: 1.5rem;
    left: 0rem;
    width: 100%;
    height: 0.6rem;
    line-height: 0.6rem;
    text-align: center;
}
.lottery-redeem-disable {
    position: absolute;
    top: 4rem;
    left: 50%;
    margin-left: -1.65rem;
    width: 3.33rem;
    height: 1.33rem;
    line-height: 1.33rem;
    text-align: center;
    font-size: .373rem;
    color: rgba(0, 0, 0, 0.25);
}
.lottery-redeem-disable img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.lottery-redeem-disable--active {
    cursor: pointer;
}
.lottery-redeem-disable--active img {
    filter: brightness(1.12) saturate(1.05);
}
.lottery-bottom-tips {
    position: absolute;
    top: 2.8rem;
    left: 0;
    width: 9rem;
    height: 0.8rem;
    line-height: 0.8rem;
    color: #FFE400;
    font-size: .346rem;
    text-align: center;
    font-weight: 700;
}
/******   底部弹窗 开始   *******/
.bottom-slide-panel.active66,.bottom-slide-panel.active77{z-index:152 !important;}
.lottery-list-content {
    position: relative;
    top:1.5rem;
    left: 0;
    width: 10rem;
    max-height: 90vh;
    overflow-y: scroll;
    -ms-overflow-style: none;
    scrollbar-width: none;
}
.lottery-list-item {
    position: relative;
    left: 0.6rem;
    width: 8.8rem;
    height: 2.3rem;
}
.lottery-list-item .bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 8.8rem;
}
.lottery-list-item .top {
    position: absolute;
    top: 0rem;
    left: 1.8rem;
    width: 5rem;
    height: 1.75rem;
    line-height: 1.2rem;
    font-size: .426rem;
}
.lottery-list-item .top-title {
    position: absolute;
    left: 0.5rem;
    color: #FFFFFF;
    font-size: .373rem;
}
.lottery-list-item .top-value {
    position: absolute;
    top: 0.6rem;
    left: 0.5rem;
    font-size: .346rem;
}
.lottery-list-item .top-value .tcount {
    color: #FFEE00;
    font-weight: bold;
}
.lottery-list-item .top-value .total {
    color: rgba(255, 255, 255, 0.45);
}
.lottery-list-item .bottom {
    position: absolute;
    top: 0;
    left: 0;
    height: 1.8rem;
    width: 1.8rem;
}
.lottery-list-item .bottom-title {
    position: absolute;
    left: 0;
    width: 100%;
    height: 1.8rem;
}
.lottery-list-item .bottom-title .count {
    position: absolute;
    top: 0.6rem;
    width: 100%;
    text-align: center;
    height: 1rem;
    line-height: 1rem;
    color: #FFE400;
    font-size: .6rem;
}
.lottery-list-item .bottom-title .voucher {
    position: absolute;
    text-align: center;
    color: rgba(255, 255, 255, 0.45);
    font-size: .26rem;
    top: 0.3rem;
    width: 100%;
}
.lottery-list-item .claim-frame {
    position: absolute;
    right: 0;
    height: 1rem;
    line-height: 1rem;
    width: 4rem;
    top: 0.4rem;
}
.lottery-btn-claim {
    position: absolute;
    right: 0rem;
    width: 2.5rem;
}
.lottery-list-item .claim-frame .canclaim {
    position: absolute;
    text-align: center;
    width: 2.22rem;
    right: 0.4rem;
    line-height: 0.8rem;
    border-radius: 0.5rem;
    font-size: 0.32rem;
    background: #FFDD80;
    color: #FFFFFF;
}
.lottery-list-item .claim-frame .canclaim img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}
.lottery-list-title {
    position: relative;
    width: 100%;
    height: 1.5rem;
    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-item .claim-frame .notclaim {
    background: transparent;
    color: rgba(255, 255, 255, 0.25);
    position: absolute;
    text-align: center;
    width: 2.22rem;
    right: 0.4rem;
    line-height: 0.8rem;
    border-radius: 0.5rem;
    font-size: 0.32rem;
}
.lottery-list-item .claim-frame .notclaim img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}
/****   充值大酬宾  ****/
.bigdep-top-banner {
    position: absolute;
    top: 1.326rem;
    left: 0;
    width: 10rem;
}
.bigdep-top-banner-height {
    position: relative;
    height: 4.445rem;
}
.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-frame-start {
    position: absolute;
    top: 0.78rem;
    left: 0.36rem;
    width: 2.27rem;
    height: 1.1rem;
    display: flex;
    justify-content: center;
    align-items: center;
}
.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-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-frame-end2 {
    left: 2.8rem !important;
}
.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-day-value {
    color: rgba(0, 0, 0, 0.85);
    font-size: .8rem;
    width: 1rem;
    font-weight: 700;
    text-align: center;
}
.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-claim-frame {
    position: relative;
    width: 8.88rem;
    margin: 0.18rem auto 0.12rem;
    padding: 0 0.2rem;
    text-align: center;
}
.bigdep-claim-tip {
    color: rgba(255, 255, 255, 0.9);
    font-size: 0.3rem;
    margin-bottom: 0.16rem;
}
.bigdep-claim-btn {
    display: inline-block;
    min-width: 4.2rem;
    padding: 0.22rem 0.5rem;
    border-radius: 0.22rem;
    background-image: linear-gradient(180deg, #00FFB6 0%, #007150 100%);
    color: #FFFFFF;
    font-size: 0.32rem;
    font-weight: 700;
    text-align: center;
    line-height: 1.2;
}
.bigdep-claim-btn--disabled {
    opacity: 0.55;
    pointer-events: none;
}
.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: #FFEE00;
    font-weight: 700;
    font-size: .64rem;
    text-shadow: 1px 1px 1px #00563E;
}
.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.333rem;
    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: rgba(255, 255, 255, 0.65);
}
.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 .span-title {
    color: rgba(255, 255, 255, 0.65);
}
.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: rgba(255, 255, 255, 0.65);
}
.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.22rem;
    background-image: linear-gradient(180deg, #00FFB6 0%, #007150 100%);
    color: #FFFFFF;
    font-size: .32rem;
    text-align: center;
    line-height: 0.88rem;
    transition: transform 0.1s ease-in-out;
}
/***  投注大冲关  ***/
.betting-challenge {
    margin-top: 1rem;
}
.betting-challenge .header {
    position: relative;
    width: 100%;
}
.betting-challenge .banner {
    width: 100%;
    height: 100%;
}
.betting-challenge .tabs {
    position: absolute;
    display: flex;
    left: 0;
    bottom: 0;
}
.betting-challenge .tabs .selected {
    color: #FFFFFF;
    z-index: 4 !important;
}
.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 .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, #05533E 0%, rgba(0, 155, 54, 0.00) 100%);
    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: #FFEE00;
    font-weight: 700;
    font-size: 0.373rem;
}
.betting-challenge .today-bet .amount {
    display: flex;
    align-items: center;
    color: #FFEE00;
    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, rgba(0, 155, 54, 0.50) 0%, rgba(0, 155, 54, 0.00) 100%);
    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 .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 .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-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-next {
    color: #97FF15;
    background: rgba(255, 255, 255, 0.04);
    border: 1px solid rgba(151, 255, 21, 0.75);
}
.betting-challenge .task-item .content .btn-notreach {
    background: rgba(255, 255, 255, 0.04);
    border: 1px solid rgba(255, 255, 255, 0.15);
    color: rgba(255, 255, 255, 0.45);
}
.betting-challenge .task-item .content .btn-claimable {
    background-image: linear-gradient(180deg, #00FFB6 0%, #007150 100%);
    color: #FFFFFF;
}
.betting-challenge .task-item .content .btn-claimed {
    color: #00FF98;
    background: rgba(255, 255, 255, 0.02);
}
/******  拼多多活动  开始  ******/
.cashMain.type1 {
    position: relative;
    padding: .21328rem .61318rem .05332rem;
    width: 9rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: .5332rem;
}
.cashMain {
    border-radius: .2666rem;
}
.cashMain .haveCash {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: .7998rem;
    font-family: Roboto;
    font-weight: 700;
    margin: .15996rem 0;
    width: -webkit-calc(100% + .5332rem);
    width: calc(100% + .5332rem);
    white-space: nowrap;
}
.cashMain .haveCash.noWithdraw, .cashMain .haveCash {
    color: rgba(0, 0, 0, 0.45);
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
}
.cashMain.type1 .haveCash {
    font-size: .7998rem;
    color: #05533E;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
}
.cashMain .haveCash .cashImg {
    width: 1.333rem;
}
.cashMain .haveCash .cash {
    width: 1.38632rem;
    font-weight: 700;
    margin-right: .31992rem;
    position: relative;
    top: 0.15rem;
}
.cashMain .withdraw {
    position: relative;
    width: 2.22rem;
    height: .88rem;
    /* padding: .05332rem .15996rem; */
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: .31992rem;
    font-family: Roboto;
    font-weight: 700;
    color: rgba(0, 0, 0, 0.85);
    border-radius: .2666rem;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    cursor: pointer;
}
.cashMain .withdraw img {
    position: relative;
    width: .37324rem;
    margin-right: .07998rem;
}
.cashMain .progress {
    width: 100%;
    /* margin: .49326rem 0 .18662rem; */
    margin: .3rem 0 .18662rem;
    position: relative;
}
.cashMain .progress .bar {
    width: 100%;
    height: .21328rem;
    background: rgba(255, 255, 255, 0.25);
    border-radius: .2666rem;
    position: relative;
}
.cashMain .progress .bar span {
    position: absolute;
    left: 0;
    top: 0;
    display: inline-block;
    height: .21328rem;
    background: #00563E;
    border-radius: .21328rem;
}
.cashMain.type1 .needCash {
    color: rgba(0, 0, 0, 0.65);
    text-align: center;
}
.cashMain .needCash {
    height: .58652rem;
    border-radius: .37324rem;
    font-size: .34658rem;
    color: rgba(0, 0, 0, 0.65);
    line-height: .58652rem;
    margin-bottom: .1333rem;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
}
.cashMain.type1 .needCashNum {
    color: #00FFB6;
}
.cashMain .needCashNum {
    font-family: SWISSC-BT;
    margin: 0 .07998rem;
}
.cashWheel .drawMain {
    position: relative;
    width: 6.8rem;
    height: 6.8rem;
    padding: 1.33rem;
    margin-top: 1.5rem;
    margin-left: 0.27rem;
    background-size: cover;
}
.cashWheel .draw {
    width: 6.74498rem;
    height: 6.74498rem;
    margin: .2666rem auto .15996rem;
}
.draw {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 2;
  border-radius: 50%
}
.draw .position {
  position: absolute;
  left: 48.5%;
  top: 49%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 100%
}

.draw .lamp {
  position: absolute;
  left: -29%;
  top: -36%;
  z-index: 4;
  width: 157%;
  pointer-events: none;
}

.draw .light1,
.draw .light2 {
  position: absolute;
  z-index: 4;
  width: 98%;
  height: 98%;
  right: 0.15996rem;
  top: 0.23994rem;
}

.draw .light {
  position: absolute;
  z-index: 6;
  width: 100%;
  height: 100%;
  -webkit-animation: lamp-data-v-684bfc35 1.7s infinite;
  animation: lamp-data-v-684bfc35 1.7s infinite
}

.draw .spot {
  width: 0.2666rem;
  height: 0.2666rem
}

.draw .spot,
.draw .spot_s {
  position: absolute;
  top: 50%;
  left: 50%;
  border-radius: 50%;
  background: -webkit-radial-gradient(circle, #fff, #ffe3d3);
  background: -o-radial-gradient(circle, #fff, #ffe3d3);
  background: radial-gradient(circle, #fff, #ffe3d3);
  -webkit-box-shadow: 0 0 0 0 #622000;
  box-shadow: 0 0 0 0 #622000
}

.draw .spot_s {
  width: 0.21328rem;
  height: 0.21328rem
}

.draw .drawImg {
  z-index: 8;
  width: 28%
}

.draw .pointer {
  position: absolute;
  width: 96%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.draw .pointer img {
  width: 2.07948rem;
  height: 1.22636rem;
  z-index: 10
}

.draw .drawBgImg {
  position: absolute;
  left: -30%;
  top: -60%;
  width: 160%;
  -webkit-animation: drawBgImg-data-v-684bfc35 20s linear infinite;
  animation: drawBgImg-data-v-684bfc35 20s linear infinite;
  /* -webkit-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg); */
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  z-index: -1;
}

@-webkit-keyframes drawBgImg-data-v-684bfc35 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  to {
    -webkit-transform: rotate(1turn);
    transform: rotate(1turn);
  }
}

@keyframes drawBgImg-data-v-684bfc35 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  to {
    -webkit-transform: rotate(1turn);
    transform: rotate(1turn);
  }
}

.draw .caishenImg {
  position: absolute;
  z-index: 10;
  width: 100%;
  left: 0;
  top: 82%
}

.draw .drawLen {
  font-family: arial;
  font-weight: 700;
  width: 32%;
  height: 32%;
  z-index: 8;
  color: #fff;
  border-radius: 50%
}

.draw .drawLen .content,
.draw .drawLen .drawTips {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.draw .drawLen .content {
  margin-top: 0.02666rem;
  font-size: 0
}

.draw .drawLen .vezes {
  position: absolute;
  width: 50%;
  bottom: 0.42656rem;
  left: 50%;
  -webkit-transform: translate(-40%);
  -ms-transform: translate(-40%);
  transform: translate(-40%)
}

.draw .drawLen .drawTips {
  font-size: 0.58652rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  margin-top: 0.2666rem
}

.draw .drawLen .drawTips .luck {
  -webkit-filter: grayscale(100%) brightness(200%);
  filter: grayscale(100%) brightness(200%);
  width: 1.5996rem;
  margin-top: -0.63984rem
}

.draw .drawLen .num {
  /* width: 0.47988rem;
  text-align: center */
  width: .63984rem;
  text-align: center;
  margin-top: .42656rem
}

.draw .drawLen .times {
  font-size: .2666rem;
  font-weight: 400;
  line-height: 0.31992rem;
  margin-left: .02666rem;
  margin-bottom: 0.05332rem;
  position: absolute;
  font-family: SWISSC;
  top: 0.5332rem
}

.draw .drawLen .text,
.draw .drawLen .times {
  text-shadow: 0 0.02666rem #732e70, 0.02666rem 0 #732e70, 0.02666rem 0 #732e70, 0 0.02666rem #732e70
}
.cashWheel .drawContent1 {
  position: relative;
  z-index: 6
}
.report {
    position: relative;
    z-index: 6;
    margin-top: 0.3rem;
}
.van-tabs--line .van-tabs__wrap {
    height: 1.22rem;
}
.van-tabs--line .van-tabs__wrap {
    height: 44px;
}
.van-tabs__wrap {
    overflow: initial;
}
.van-tabs__nav--line {
    padding-bottom: 0;
}
.van-tabs__nav {
    background: transparent;
}
.van-tabs__nav--line {
    box-sizing: content-box;
    height: 100%;
    padding-bottom: 15px;
}
.van-tabs__nav {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    background-color: #fff;
    -webkit-user-select: none;
    user-select: none;
}
.van-tabs__nav--line {
    border-bottom: none !important;
}
.van-tab {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    box-sizing: border-box;
    padding: 0 4px;
    color: #646566;
    font-size: 14px;
    line-height: 20px;
    cursor: pointer;
}
.van-tab.van-tab--active {
    background: transparent;
    color: #fff;
}
.van-tab {
    font-size: .4rem;
    color: #9c9c9c;
    background: transparent;
    height: 1.2rem;
    line-height: 1.2rem;
}
.van-tab--active {
    color: #323233;
    font-weight: 500;
}
.van-tab__text--ellipsis {
    overflow: inherit;
    margin-left: 1rem;
}
.van-tab__text--ellipsis {
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
.van-tab:nth-child(2) {
    -webkit-box-flex: 2;
    -ms-flex: 2;
    flex: 2;
}
van-tabs__nav .van-tab:nth-child(2) .van-tab__text {
    padding: unset !important;
    margin-left: -1rem !important;
}
.van-tabs__content {
    margin-top: 0;
}


.van-popup--center {
    top: 50%;
    left: 50%;
    -webkit-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0);
}
/*.van-popup {
    position: fixed;
    max-height: 100%;
    overflow-y: auto;
    background-color: #fff;
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s;
    -webkit-overflow-scrolling: touch;
}*/
.dialog-main-class2 {
    border-top-left-radius: 0.44rem !important;
    border-top-right-radius: 0.44rem !important;
    border: 0.5px solid rgba(255, 255, 255, 0.15) !important;
    background: #104639 !important;
    width: 10rem !important;
}
.BottomLinePage222 .hdialog-noty-frame {
    width: 10rem;
    height: 14rem;
    display: flex;
    flex-flow: column;
    overflow: hidden;

}
.common-hdialog-title2 {
    position: relative;
    left: 0rem;
    width: 10rem;
    height: 1.5rem;
    line-height: 1.5rem;
    text-align: center;
    font-size: 0.533rem;
    background: transparent;
    color: rgba(255, 255, 255, 0);
}
.common-hdialog-title2 img {
    position: absolute;
    top: 50%;
    margin-top: -0.3rem;
    right: 0.53rem;
    width: 0.6rem;
    height: 0.6rem;
}
.BottomLinePage222 .hdialog-noty-content {
    height: 15rem;
    width: 9rem;
    margin-left: 0.5rem;
}
.BottomLinePage222 .hdialog-noty-content-title {
    position: relative;
    margin-top: -0.5rem;
    height: 1.2rem;
    width: 9rem;
    color: #FFFFFF;
    text-align: center;
    font-size: .426rem;
}
.BottomLinePage222 .hdialog-noty-content-text {
    position: relative;
    flex: 1;
    width: 100%;
    max-height: 8rem;
    overflow: scroll;
    -ms-overflow-style: none;
    scrollbar-width: none;
}
.BottomLinePage222 .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);
}
.BottomLinePage222 .hdialog-noty-content-btn {
    position: relative;
    left: 50%;
    margin-left: -2.22rem;
    width: 4.44rem;
    height: 1.33rem;
    display: flex;
    justify-content: center;
    align-items: center;
    background-image: linear-gradient(180deg, #7FFFDB 0%, #00FFB6 100%);
    border-radius: 0.22rem;
}
.resultcontent {
    border-radius: .02rem;
    text-align: center;
    font-family: SWISSC;
    -webkit-transform: scale(.85);
    -ms-transform: scale(.85);
    transform: scale(0.85);
}
.contentwa-bg1 {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 2.475rem;
  background: #104639;
  box-shadow: inset 0px -2px 2px 0px rgba(20,201,162,1), inset 0px 2px 2px 0px rgba(255,255,255,0.25);
  border-radius: 0.44rem 0.44rem 0px 0px;
}

.contentwa-bg1 span {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 1.2rem;
  line-height: 1.2rem;
  font-size: .373rem;
  color: #FFFFFF;
}

.contentwa-bg2 {
  position: absolute;
  top: 1.2rem;
  left: 0px;
  width: 100%;
  height: 7.76rem;
  background-image: linear-gradient(180deg, #00FFB6 0%, #007150 100%);
  border: 1px solid rgba(0,86,62,1);
  border-radius: 0.44rem;
}
.contentwa-bframe {
  position: absolute;
  top: 8rem;
  left: 1rem;
  border: 3px solid rgba(0,0,0,0.25);
  border-radius: 0.44rem;
  width: 8rem;
  height: 4rem;
}
.resultcontent .cashContent {
  background-image: linear-gradient(37deg, #7FFFCB 0%, #A0AAFE 100%);
  box-shadow: 0px -2px 8px 0px rgba(0, 0, 0, 0.25);
  width: 9rem;
  padding: 0.05332rem 0.2rem 0.5rem;
  margin: 0 auto;
  border-radius: 0.66rem;
}

.resultcontent .cashContent .title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: #FFFFFF;
  font-size: 0.45322rem;
  padding: 0.18662rem 0.23994rem;
  justify-content: center;
  position: relative;
  margin-top: 0.2rem;
}

.resultcontent .cashContent .title img {
  width: 0.58652rem
}
.resultcontent .cashContent .title .icon-close {
  text-align: right;
  color: #fff;
  position: absolute;
  right: 0.1rem;
  top: 0.1rem;
  z-index: 3;
  background: rgba(0, 0, 0, 0.25);
  padding: 0.12rem;
  border-radius: 0.4rem;
}
.resultcontent .withdrawTips {
  height: 1.0664rem;
  line-height: 1.0664rem;
  font-size: 0.42656rem;
  text-align: center;
  font-family: SWISSC;
  position: relative;
  margin-top: 0.4rem;
  color: rgba(0,0,0,0.65);
}
.resultcontent .withdrawTips img {
  height: 0.5332rem;
  margin-right: 0.05332rem;
  margin-top: -0.10664rem;
  vertical-align: middle
}
.resultcontent .cashContent .cashText {
  font-size: 0.34658rem;
  font-family: Arial;
  color: #05533E;
  position: relative;
}
.resultcontent .cashContent .cashMain {
  padding: 0 0.34658rem
}
.cashMain .haveCash {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: .7998rem;
  font-family: Roboto;
  font-weight: 700;
  margin: .15996rem 0;
  width: -webkit-calc(100% + .5332rem);
  width: calc(100% + .5332rem);
  white-space: nowrap
}

.cashMain .haveCash.noWithdraw,
.cashMain .haveCash {
  color: rgba(0,0,0,0.45);
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: relative;
}
.cashMain .haveCash .currency {
  text-transform: uppercase
}

.withdrawAlert .contentwa .cash .cashContent .currency {
  color: rgba(0, 0, 0, 0.45);
  font-size: .426rem;
}

.cashMain .haveCash .cashImg {
  width: 1.333rem
}
.cashMain .haveCash .cash {
  width: 1.38632rem;
  font-weight: 700;
  margin-right: .31992rem;
  position: relative;
  top: 0.15rem;
}

.cashMain .haveCash .cashback {
  color: #05533E!important;
}
.cashMain .progress {
  width: 100%;
  /* margin: .49326rem 0 .18662rem; */
  margin: .3rem 0 .18662rem;
  position: relative
}

.cashMain .progress .num {
  position: absolute;
  right: 0;
  top: -.47988rem;
  color: rgba(0, 0, 0, 0.65);
  font-size: .37324rem;
}

.cashMain .progress .bar {
  width: 100%;
  height: .21328rem;
  background: rgba(255, 255, 255, 0.25);
  border-radius: .2666rem;
  position: relative
}

.cashMain .progress .bar span {
  position: absolute;
  left: 0;
  top: 0;
  display: inline-block;
  height: .21328rem;
  background: #00563E;
  border-radius: .21328rem;
}

.cashMain .progress .bar span:after {
  content: "";
  display: inline-block;
  width: .21328rem;
  position: absolute;
  height: .21328rem;
  border-radius: 50%;
  background-color: #fff;
  right: 0
}

.cashMain .needCash {
  height: .58652rem;
  border-radius: .37324rem;
  font-size: .34658rem;
  color: rgba(0,0,0,0.65);
  line-height: .58652rem;
  margin-bottom: .1333rem;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%
}

.cashMain .needCashNum {
  font-family: SWISSC-BT;
  margin: 0 .07998rem
}

.btnContent {
  position: relative;
  overflow: hidden;
  transform: scale(1.2);
  -webkit-transform: scale(1.2);
}

.btnContent .cashButton {
  position: relative;
  z-index: 3
}

.btnContent .btnBg {
  position: absolute;
  z-index: 2;
  width: 100%;
  height: 0.95976rem;
  top: 0.47988rem
}

.btnContent .btnBg:after {
  content: "";
  position: absolute;
  display: block;
  z-index: 1;
  bottom: .02666rem;
  width: 9rem;
  height: 2.1328rem;
  border-radius: 50%;
  left: 50%;
  margin-left: -4.5rem
}


.wheelBtn {
  display: inline-block;
  height: .95976rem;
  line-height: .95976rem;
  border-radius: .07998rem;
  padding: 0 .1333rem;
  font-family: Arial, Helvetica, sans-serif;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  text-align: center;
  position: relative;
  background: -webkit-gradient(linear, left bottom, left top, from(#61cf3e), color-stop(99%, #2b9246));
  background: -webkit-linear-gradient(bottom, #61cf3e, #2b9246 99%);
  background: -o-linear-gradient(bottom, #61cf3e 0, #2b9246 99%);
  background: linear-gradient(0deg, #61cf3e, #2b9246 99%)
}

.wheelBtn-type2 {
  background: transparent !important;
  width: 5.55rem !important;
  font-size: .32rem !important;
  height: 1.33rem !important;
}

.wheelBtn-type2:active {
  opacity: 0.45 !important;
}

.wheelBtn-type2-span {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  line-height: 1.11rem;
  color: #FFFFFF;
  font-size: .32rem;
}

.listContent {
  padding: 0.31992rem 0 0.15996rem;
  border-radius: 0 0 .2666rem .2666rem;
  margin-top: -.2666rem;
  height: 2.666rem
}
.resultcontent .cashContent .cashList {
  margin: 0 0.3rem;
  height: 100%;
  overflow: hidden
}
.winList {
  height: 100%;
    animation: jrankscroll 12s linear infinite;
    -webkit-animation: jrankscroll 12s linear infinite;
}
@keyframes jrankscroll {
  0% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(-100%);
  }
}

@-webkit-keyframes jrankscroll {
  0% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(-100%);
  }
}
.winList.type1 .item {
  border-radius: 0
}

.winList.type1 .item:last-child {
  border-bottom: none
}

.winList .item {
  height: 0.7998rem !important;
  font-size: 0.31992rem;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #8795b1;
  background-color: transparent;
  padding: 0 0.4rem
}

.winList .item .name {
  color: rgba(255,255,255,0.65);
  display: block;
  width: 2.666rem;
  margin-left: 0.2rem;
}

.winList .item .name11 {
  color: rgba(0,0,0,0.65)!important;
}

.winList .item .tipText {
  color: rgba(255, 255, 255, 0.45);
  min-width: 2.9326rem
}

.winList .item .tipText11 {
  color: rgba(0,0,0,0.65)!important;
}

.winList .item .value {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  width: 1.4663rem;
}

.winList .item .value img {
  width: 0.63984rem;
}

.winList .item .addCash {
  color: #00FFB6;
  width: 0.87978rem;
}

.winList .item .addCash1 {
  color: #00FFB6;
  width: 0.87978rem;
}

.winList .item .unit {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-family: SWISSC-BT;
  color: rgba(255, 255, 255, 0.5);
  font-size: 0.2666rem;
  height: 0.42656rem;
  width: 0.42656rem;
  background: rgba(0, 0, 0, 0.25);
  border-radius: 50%;
  margin-left: 0.05332rem
}
.closeerlint{position:absolute;right:-15px;top:0px;}
.drawContent {
  width: 84%;
  height: 84%;
  border-radius: 50%;
  overflow: hidden;
  margin: -40.5% 0 0 -43.5%;
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 5
}
#draw {
  width: 100%;
  height: 100%;
  background-size: cover;
  border-radius: 50%
}


/*******   底部弹出分享  *******/
.van-action-sheet {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    max-height: 80%;
    overflow: hidden;
    color: #323233;
}
.van-action-sheet__header {
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    font-weight: 500;
    font-size: 16px;
    line-height: 48px;
    text-align: center;
}
.van-action-sheet__close {
    position: absolute;
    top: 0;
    right: -8px;
    z-index: 1;
    padding: 0 16px;
    font-size: 22px;
    line-height: inherit;
    height: 20px;
    margin-top: 5px;
}
.sharePlatform img {
    width: 1.0664rem;
}
.van-icon, .van-icon:before {
    display: inline-block;
}
.van-action-sheet__content {
    -webkit-box-flex: 1;
    -webkit-flex: 1 auto;
    flex: 1 auto;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
}
.shareContent {
    margin: .37324rem .31992rem .63984rem;
}
.shareContent h2 {
    font-size: .34658rem;
    color: #898989;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.sharePlatform {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    margin: 0.29326rem 0;
    width: 100%;
}
.sharePlatform li {
    width: 25%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: .2666rem;
    color: #727272;
}
.sharePlatform a {
    margin-bottom: 0.15996rem;
}
.sharePlatform li .icon-share2 {
    background-color: #1a9276;
    border-radius: 50%;
}
.sharePlatform li .iconfont {
    display: block;
    width: 1.0664rem;
    height: 1.0664rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #fff;
    font-size: 0.58652rem;
}
.copyUrl {
    position: relative;
    height: 0.74648rem;
    border-radius: 0.07998rem;
    padding: 0 0.21328rem 0 0.29326rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: .2666rem;
    color: grey;
    background-color: #f9f9f9;
    font-weight: 700;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 0.50654rem;
}
.copyUrl .url {
    width: 7.4rem;
    -webkit-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text;
}
.copyUrl #copy {
    position: absolute;
    display: inline-block;
    width: 2.05282rem;
    height: 0.74648rem;
    line-height: 0.74648rem;
    text-align: center;
    border-radius: 0.07998rem;
    color: #40a1de;
    right: 0;
}
.shareContent .code {
    padding: 0.31992rem .2666rem;
    background-color: #000;
    color: #8f8f8f;
    font-size: .2666rem;
    font-weight: 700;
    margin-top: 0.21328rem;
}
.shareContent .code ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.shareContent .code>div, .shareContent .code>div>span {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.shareContent .code>div {
    margin: 0.18662rem 0 0;
}
.shareContent .code>div>span {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    width: 4.15896rem;
    height: 1.22636rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 .2666rem;
    line-height: 0.5332rem;
    color: #000;
    font-size: 0.31992rem;
    background-color: #fff;
}
.shareContent .code>div a {
    color: #000;
}
.shareContent .code>div .shareSms img, .shareContent .code>div .shareWa img {
    width: 0.90644rem;
}
.shareContent .code>div>span {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    width: 4.15896rem;
    height: 1.22636rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 .2666rem;
    line-height: 0.5332rem;
    color: #000;
    font-size: 0.31992rem;
    background-color: #fff;
}
.shareContent .code>div .shareSms>a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.shareContent .code>div .shareSms img, .shareContent .code>div .shareWa img {
    width: 0.90644rem;
}


/*******************/
.drawContent1 .sharebtn {
  position: absolute;
  right: 0.1rem !important;
  width: 1.1rem !important;
  height: 1.1rem !important;
}

.drawContent1 .sharebtn {
  position: absolute;
  right: 0.1rem !important;
  width: 1.1rem !important;
  height: 1.1rem !important;
}

.drawContent1 .sharebtn .bg {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
}

.drawContent1 .sharebtn .icon {
  position: absolute;
  top: 50%;
  margin-top: -0.22rem;
  left: 50%;
  margin-left: -0.22rem;
  width: 0.44rem;
  height: 0.44rem;
}

.drawContent1 .sharebtn:active {
  opacity: 0.45;
}

.cashWheel .drawContent1 .cashButton {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  height: .9331rem;
  line-height: .9331rem;
  margin: .15996rem 0 .5332rem;
  font-size: .50654rem;
  width: 9rem;
  margin-left: 0.5rem;
  /* border-radius: .44rem; */
  text-align: center;
  /* background: rgba(0, 0, 0, 0.25); */
  font-size: .37324rem;
  font-family: Roboto;
  color: #fff;
  position: relative;
  height: 1.3rem;
}

.cashWheel .drawContent1 .cashButton .text {
  color: #fff
}

.cashWheel .drawContent1 .cashButton div {
  width: 100%
}

.cashWheel .drawContent1 .cashButton .iconfont {
  width: 1.0664rem;
  /* background: #232327 */
}

.cashWheel .shareText {
  font-size: .42656rem;
  text-align: center;
  margin: .31992rem 0;
  color: #6ddf38
}

.cashWheel .text {
  text-align: center;
  font-size: .34658rem;
  margin-top: .29326rem;
  height: .5332rem
}

.cashWheel .text span {
  color: #FFFFFF;
}

.cashWheel .text .span1 {
  padding: 5px 10px;
  border-radius: 1em;
  background: rgba(0, 0, 0, 0.25);
}

.cashWheel .text .span2 {
  color: rgba(255, 255, 255, 0.65);
}

.cashWheel .text .van-swipe-item,
.cashWheel .withdrawLogs .van-swipe-item {
  font-size: .31992rem;
  height: .5332rem;
  line-height: .5332rem;
  font-weight: 700;
  width: -webkit-calc(100vw - 1.75956rem) !important;
  width: calc(100vw - 1.75956rem) !important;
  max-width: 8.95776rem !important
}

.cashWheel .withdrawLogs {
   padding: 0 0 0 .05332rem
}

.cashWheel .drawMain {
    position: relative;
    width: 9.8rem;
    height: 9.8rem;
    padding: 1.33rem;
    margin-top: 1.5rem;
    margin-left: 0.27rem;
    background-size: cover
}

.cashWheel .draw {
  width: 6.74498rem;
  height: 6.74498rem;
  margin: .2666rem auto .15996rem
}

.cashWheel .popup .van-popup {
  background-color: #201f1f !important
}

.cashWheel .popup .popUpMain {
  max-height: 70vh !important;
  overflow: auto
}

.cashWheel .popup .icon-close {
  color: #fff;
  font-size: .5332rem;
  padding: .15996rem .15996rem 0 0
}

.cashWheel .popup .title {
  font-size: .5332rem;
  color: #61cf3e;
  font-weight: 700;
  text-align: center;
  margin: .58652rem .58652rem .18662rem
}

.cashWheel .popup span {
  padding: 0 .31992rem .2666rem .47988rem;
  color: #fff;
  font-weight: 700;
  font-size: .37324rem;
  display: block
}

.cashWheel .popup ul {
  color: #fff;
  font-weight: 400;
  font-size: .37324rem;
  margin: 0 .58652rem 0 .74648rem;
  padding-bottom: .45322rem
}

.cashWheel .popup ul li {
  margin: .2666rem 0;
  list-style: decimal outside;
  margin-left: .31992rem;
  line-height: .45322rem
}

@-webkit-keyframes fontsizeAm-data-v-59e335cf {
  0% {
    font-size: .31992rem
  }

  8% {
    font-size: .34658rem
  }

  16% {
    font-size: .31992rem
  }

  24% {
    font-size: .29326rem
  }

  32% {
    font-size: .31992rem
  }

  40% {
    font-size: .34658rem
  }

  48% {
    font-size: .31992rem
  }

  56% {
    font-size: .29326rem
  }

  64% {
    font-size: .31992rem
  }

  72% {
    font-size: .34658rem
  }

  81% {
    font-size: .31992rem
  }

  to {
    font-size: .31992rem
  }
}

@keyframes fontsizeAm-data-v-59e335cf {
  0% {
    font-size: .31992rem
  }

  8% {
    font-size: .34658rem
  }

  16% {
    font-size: .31992rem
  }

  24% {
    font-size: .29326rem
  }

  32% {
    font-size: .31992rem
  }

  40% {
    font-size: .34658rem
  }

  48% {
    font-size: .31992rem
  }

  56% {
    font-size: .29326rem
  }

  64% {
    font-size: .31992rem
  }

  72% {
    font-size: .34658rem
  }

  81% {
    font-size: .31992rem
  }

  to {
    font-size: .31992rem
  }
}
/********  bouns 奖金 css   ********/
.bdep-item-frame {
    position: relative;
    margin-top: 0.5rem;
    left: 0.5rem;
    width: 9rem;
}
.bdep-item-frame .tips1 {
    position: relative;
    margin-top: 0.64rem;
    line-height: 0.6rem;
    left: 0;
    width: 9rem;
    color: #BB0086;
    font-size: .373rem;
    font-weight: bold;
    text-align: center;
    height: 0.6rem;
}
.bdep-item-frame .time-fram1 {
    position: relative;
    width: 4.28rem;
    left: 50%;
    margin-left: -2.14rem;
    height: 1rem;
    margin-top: 0.5rem;
    display: flex;
    justify-content: center;
    align-items: center;
}
.bdep-item-frame .value-day {
    color: rgba(0, 0, 0, 0.85);
    font-size: .85rem;
    font-weight: bold;
    z-index: 2;
    margin-right: 0.1rem;
}
.bdep-item-frame .value-day-title {
    background: rgba(0, 0, 0, 0.85);
    color: #FFD334;
    font-size: .3rem;
    z-index: 2;
    border-radius: 0.1rem;
    margin-right: 0.1rem;
    padding: 0.1rem;
}
.bdep-item-frame .value-hour {
    color: rgba(0, 0, 0, 0.85);
    font-size: .85rem;
    font-weight: bold;
    z-index: 2;
    margin-right: 0.1rem;
}
.bdep-item-frame .value-hour-title {
    background: rgba(0, 0, 0, 0.85);
    color: #FFD334;
    font-size: .3rem;
    z-index: 2;
    border-radius: 0.1rem;
    padding: 0.1rem;
}
.bdep-item-frame .time-fram2 {
    position: relative;
    width: 4.28rem;
    left: 50%;
    margin-left: -2.14rem;
    height: 1.1rem;
    margin-top: 0.05rem;
    display: flex;
    justify-content: center;
    align-items: center;
}
.bdep-item-frame .value-min {
    color: rgba(0, 0, 0, 0.85);
    font-size: .85rem;
    font-weight: bold;
    z-index: 2;
    margin-right: 0.1rem;
}
.bdep-item-frame .value-day-title {
    background: rgba(0, 0, 0, 0.85);
    color: #FFD334;
    font-size: .3rem;
    z-index: 2;
    border-radius: 0.1rem;
    margin-right: 0.1rem;
    padding: 0.1rem;
}
.bdep-item-frame .value-sec {
    color: rgba(0, 0, 0, 0.85);
    font-size: .85rem;
    font-weight: bold;
    z-index: 2;
    margin-right: 0.1rem;
}
.bdep-item-frame .value-hour-title {
    background: rgba(0, 0, 0, 0.85);
    color: #FFD334;
    font-size: .3rem;
    z-index: 2;
    border-radius: 0.1rem;
    padding: 0.1rem;
}
.bdep-items-frame {
    position: relative;
    width: 10rem;
    padding-left: 0.55rem;
    margin-top: 2rem;
}
.bdep-items-frame .item-card {
    position: relative;
    width: 3.066rem;
    height: 4.7rem;
    padding-right: 0.2rem;
    padding-bottom: 0.2rem;
    overflow: hidden;
    box-sizing: border-box;
}
.bdep-items-frame .item-card-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 2.8rem;
}
.bdep-items-frame .item-card-bonus {
    position: absolute;
    top: 0.6rem;
    left: 1.22rem;
    width: 2.7rem;
    height: 0.5rem;
    color: #FFFFFF;
    text-shadow: -1px -1px 0 #063F30, 1px -1px 0 #063F30, -1px 1px 0 #063F30, 1px 1px 0 #063F30;
    font-size: .64rem;
    text-align: left;
}
.bdep-items-frame .item-card-middle {
    position: absolute;
    top: 2.74rem;
    left: 0.1rem;
    width: 2.6rem;
    height: 0.5rem;
    color: rgba(0, 0, 0, 0.65);
    font-size: .32rem;
    display: flex;
    justify-content: center;
    align-items: center;
}
.bdep-items-frame .item-card-middle .amount-unit {
    font-size: .27rem;
    color: rgba(0, 0, 0, 0.65);
}
.bdep-items-frame .item-card-middle .no-amount {
    font-size: .32rem;
    color: rgba(0, 0, 0, 0.65);
}
.bdep-items-frame .item-card-middle .need-amount {
    font-size: .32rem;
    color: rgba(0, 0, 0, 0.65);
}
.bdep-items-frame .item-btn {
    position: absolute;
    top: 3.55rem;
    left: 0.1rem;
    width: 2.7rem;
    height: 0.5rem;
    color: rgba(0, 0, 0, 0.45);
    font-size: .32rem;
    display: flex;
    justify-content: center;
    align-items: center;
}
.bdep-items-frame .item-btn .btn-disable {
    position: absolute;
    width: 2.22rem;
    height: 1.11rem;
}
.bdep-items-frame .item-btn .btn-disable .sdcommon-btn-frame {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.bdep-items-frame .item-btn .btn-claim {
    position: absolute;
    width: 2.22rem;
    height: 1.11rem;
    cursor: pointer;
}
.bdep-items-frame .item-btn .btn-claim .sdcommon-btn-frame {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.bdep-items-frame .item-btn .btn-claimed {
    position: absolute;
    width: 2.22rem;
    height: 1.11rem;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 0.28rem;
    color: rgba(0, 0, 0, 0.65);
}
/************  刮刮乐活动 css  ***********/
.sdticket-top-frame {
    position: relative;
    margin-top: 0;
    left: 0;
    width: 10rem;
    border-radius: 0.2rem;
    height: 14rem;
}
.sdticket-bottom-jackpot-bg {
    position: absolute;
    top: 6.4rem;
    left: 0.1rem;
    width: 9.8rem;
    z-index: 1;
}
.sdticket-top-jackpot {
    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: #FFEE00;
    font-weight: bold;
    text-shadow: 0 2px 0 #004A74;
}
.sdticket-bottom-jackpot {
    position: absolute;
    top: 6.5rem;
    left: 0;
    width: 10rem;
    height: 7rem;
    z-index: 2;
}
.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;
}
.sdticket-bottom-jackpot-frame1-content {
    position: absolute;
    top: 0.1rem;
    left: 1.5rem;
    width: 7.4rem;
    height: 0.88rem;
    line-height: 0.88rem;
    color: rgba(255, 255, 255, 0.65);
    font-size: .32rem;
}
.sdticket-bottom-jackpot-conent-day {
    color: #FFFFFF;
}
.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;
}
.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-conent-title {
    position: absolute;
    top: 0;
    left: 0;
}
.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-frame3 {
    position: absolute;
    top: 3.55rem;
    left: 0;
    width: 10rem;
    height: 0.88rem;
}
.sdticket-bottom-jackpot-frame3-bg {
    position: absolute;
    top: 0;
    left: 0.75rem;
    width: 8.2rem;
    height: 0;
}
.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;
}
.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: -2.22rem;
    width: 4.44rem;
    height: 2.22rem;
    line-height: 2.22rem;
}
.sdticket-bottom-jackpot-claim img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}
.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;
    z-index: 0;
    pointer-events: none;
}
.sdticket-tickets-header-img2 {
    position: absolute;
    top: 0;
    left: 50%;
    width: 6.14rem;
    margin-left: -3.07rem;
    z-index: 0;
    pointer-events: none;
}
.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-tickets-scratch-remaining {
    position: absolute;
    top: 1.12rem;
    left: 0.3rem;
    width: 8.35rem;
    text-align: center;
    font-size: 0.28rem;
    color: rgba(255, 255, 255, 0.85);
    z-index: 2;
}
.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;
    z-index: 2;
    pointer-events: auto;
}
.sdticket-tickets-header-content-item {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2.783rem;
    height: 100%;
    cursor: pointer;
}
.sdticket-tickets-header-content-item--disabled {
    opacity: 0.6;
    cursor: default;
}
.sdticket-tickets-header-icon1 {
    width: 0.66rem;
    height: 0.66rem;
    margin-right: 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-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-body {
    position: relative;
    left: 0.9rem;
    width: 9rem;
    display: flex;
    flex-wrap: wrap;
    z-index: 10;
}
.sdticket-tickets-footer {
    position: relative;
    margin-top: -1.5rem;
    left: 0.5rem;
    width: 9rem;
    height: 2.6rem;
    transform: scaleY(-1);
}
.sdticket-tickets-footer img {
    position: absolute;
    top: 0.6rem;
    left: 50%;
    width: 9rem;
    margin-left: -4.5rem;
}
/********  公积金活动  ********/
.fundo-page-frame {
    position: relative;
    left: 0rem;
    width: 10rem;
}
.fundo-page-frame .top-icon {
    position: relative;
    margin-top: 0;
    left: 0;
    width: 10rem;
    height: 4.3rem;
}
.fundo-page-frame .top-icon img {
    position: absolute;
    top: -1rem;
    left: 0;
    width: 10rem;
    height: auto;
}
.nobuy-content {
    position: relative;
    left: 0;
    width: 10rem;
    height: auto;
    margin-bottom: 0.6rem;
}
.nobuy-content .top-bg {
    position: relative;
    left: 0;
    width: 10rem;
    height: 2.7rem;
}
.nobuy-content .top-bg img {
    position: absolute;
    top: 0;
    left: 0.7rem;
    width: 8.4rem;
}
.nobuy-content .p-item {
    position: relative;
    left: 0;
    width: 10rem;
    padding-top: 0.2rem;
}
.nobuy-content .p-item .p-item-content {
    position: relative;
    margin-top: 0.2rem;
    left: 50%;
    margin-left: -4.44rem;
    width: 8.88rem;
    height: 1.33rem;
    z-index: 2;
}
.nobuy-content .p-item .p-item-content .bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.nobuy-content .p-item .p-item-content .arrow {
    position: absolute;
    top: 50%;
    margin-top: -0.2rem;
    left: 0.3rem;
    width: 0.4rem;
    height: 0.4rem;
}
.nobuy-content .p-item .p-item-content .arrow {
    position: absolute;
    top: 50%;
    margin-top: -0.2rem;
    left: 0.3rem;
    width: 0.4rem;
    height: 0.4rem;
}
.nobuy-content .p-item .p-item-content .text-frame {
    position: absolute;
    top: 0;
    left: 0.9rem;
    width: 5.6rem;
    height: 1.33rem;
    font-size: .373rem;
    color: rgba(0, 0, 0, 0.65);
    display: flex;
    align-items: center;
}
.nobuy-content .p-item .p-item-content .text-frame-span1 {
    margin-right: 0.15rem;
}
.nobuy-content .p-item .p-item-content .text-frame-span2 {
    font-size: .533rem;
    font-weight: 700;
    margin-right: 0.15rem;
}
.nobuy-content .p-item .p-item-content .text-frame-span3 {
    margin-right: 0.15rem;
}
.nobuy-content .p-item .p-item-content .text-frame-span4 {
    font-size: .533rem;
    color: #FFEE00;
    font-weight: 700;
}
.nobuy-content .p-item .p-item-content .buy-btn {
    position: absolute;
    right: 0;
    height: 1.33rem;
    width: 2.216rem;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #FFFFFF;
    font-size: .373rem;
    transition: transform 0.3s ease;
}
.nobuy-content .p-item .p-item-content .buy-btn img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.nobuy-content .p-item .p-item-subcontent {
    position: relative;
    margin-top: -0.7rem;
    left: 50%;
    margin-left: -4.44rem;
    width: 8.76rem;
    border: 0.06rem solid rgba(255, 255, 255, 0.25);
    border-top: none;
    border-radius: 0 0 0.44rem 0.44rem;
    padding-bottom: 0.5rem;
    overflow: hidden;
    max-height: 0.1rem;
    transition: max-height 0.3s ease-out;
}
.nobuy-content .p-item .p-item-subcontent-anim {
    max-height: 500px;
    transition: max-height 0.3s ease-in;
}
.p-item-subcontent .title-frame {
    position: relative;
    margin-top: 0.3rem;
    left: 0;
    width: 100%;
    text-align: center;
    color: #FFFFFF;
    font-size: .32rem;
    height: 1rem;
}
.p-item-subcontent .title-frame span {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    text-align: center;
}
.p-item-subcontent .plans-frame {
    position: relative;
    margin-top: 0.2rem;
    left: 50%;
    margin-left: -3.94rem;
    width: 7.88rem;
    border-radius: 0.22rem;
    overflow: hidden;
}
.p-item-subcontent .plans-frame-title {
    position: relative;
    left: 50%;
    margin-left: -3.94rem;
    width: 7.88rem;
    height: 0.66rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(255, 255, 255, 0.15);
    box-shadow: inset 0px -1px 0px 0px rgba(255, 255, 255, 0.15);
    color: rgba(255, 255, 255, 0.85);
    font-size: .26rem;
}
.p-item-subcontent .plans-frame-title .title1 {
    width: 1.78rem;
    display: flex;
    align-items: center;
    justify-content: center;
}
.p-item-subcontent .plans-frame-title .title2 {
    width: 3.44rem;
    border-left: 1px solid rgba(255, 255, 255, 0.15);
    border-right: 1px solid rgba(255, 255, 255, 0.15);
    display: flex;
    align-items: center;
    justify-content: center;
}
.p-item-subcontent .plans-frame-title .title3 {
    width: 2.66rem;
    display: flex;
    align-items: center;
    justify-content: center;
}
.p-item-subcontent .plans-frame-item {
    position: relative;
    margin-top: 0;
    left: 50%;
    margin-left: -3.94rem;
    width: 7.88rem;
    height: 0.66rem;
    background: rgba(255, 255, 255, 0.04);
    display: flex;
    align-items: center;
    justify-content: center;
}
.p-item-subcontent .plans-frame-item-value1 {
    width: 1.78rem;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #FFFFFF;
    font-size: .32rem;
}
.p-item-subcontent .plans-frame-item-value2 {
    width: 3.44rem;
    display: flex;
    align-items: center;
    justify-content: center;
    color: rgba(255, 255, 255, 0.85);
    font-size: .32rem;
}
.p-item-subcontent .plans-frame-item-value2 .unit {
    color: rgba(255, 255, 255, 0.45);
    margin-right: 0.1rem;
}
.p-item-subcontent .plans-frame-item-value3 {
    width: 2.66rem;
    display: flex;
    align-items: center;
    justify-content: center;
    color: rgba(255, 255, 255, 0.85);
    font-size: .32rem;
}
.p-item-subcontent .plans-frame-item-value3 .unit {
    color: rgba(255, 255, 255, 0.45);
    margin-left: 0.1rem;
}
.p-item-subcontent .plans-frame-item2 {
    position: relative;
    margin-top: 0;
    left: 50%;
    margin-left: -3.94rem;
    width: 7.88rem;
    height: 0.66rem;
    background: rgba(255, 255, 255, 0.08);
    display: flex;
    align-items: center;
    justify-content: center;
}
.nobuy-content .p-item .p-item-crown {
    position: absolute;
    top: -0.1rem;
    left: 0;
    width: 1.1rem;
    height: 1.1rem;
    z-index: 3;
}
/********   超级会员日   *******/
.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-title {
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -4.5rem;
    width: 9rem;
    height: 0.675rem;
}
.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-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: #BB0086;
}
.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-item2 {
    position: absolute;
    top: 1.2rem;
    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-item3 {
    position: absolute;
    top: 1.9rem;
    left: 0;
    width: 8rem;
    height: 0.7rem;
    display: flex;
    align-items: center;
}
.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;
}

.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; */
}

.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: #104639;
  box-shadow: inset 0px 0.5px 0px 0px rgba(255,255,255,0.25), 0px 4px 8px 0px rgba(0,0,0,0.25);
}

.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: rgba(0,0,0,0.85);
  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.22rem;
  background-image: linear-gradient(180deg, #7FFFDB 0%, #00FFB6 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: #063F30!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: #FFEE00!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.22rem;
  background-image: linear-gradient(180deg, #7FFFDB 0%, #00FFB6 100%);
  color: rgba(0,0,0,0.85);
  font-size:.373rem;
}

.supermember-result-content .dialog-btn:active {
  opacity: 0.5;
  transform: scale(0.85);
}
.gift-container {
    -webkit-perspective: 999999px;
    perspective: 999999px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-right: 1.32rem;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d
}

.gift-container * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.gift-container .gift {
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: var(--width);
    height: var(--height);
    background-image: -webkit-gradient(linear,left top,right top,from(#ffc429),color-stop(50%,#feec8a),to(#ffc429));
    background-image: linear-gradient(90deg,#ffc429,#feec8a 50%,#ffc429);
    font-size: var(--fontSize);
    font-weight: 700;
    color: #2f2e2e;
}

.gift-container .gift img {
    padding: 1px
}

.gift-container.flat {
    -webkit-transform: rotateX(var(--currentDeg));
    transform: rotateX(var(--currentDeg))
}

.gift-container.flat.autoTurn {
    -webkit-transition: var(--duration) ease-in-out;
    transition: var(--duration) ease-in-out;
    -webkit-transform: rotateX(var(--targetDeg));
    transform: rotateX(var(--targetDeg))
}

.gift-container.three-dimension {
    -webkit-transform: rotateY(var(--rotateY)) rotateX(var(--currentDeg));
    transform: rotateY(var(--rotateY)) rotateX(var(--currentDeg))
}

.gift-container.three-dimension.autoTurn {
    -webkit-transition: var(--duration) cubic-bezier(.1,0,0,var(--rollBackDeg));
    transition: var(--duration) cubic-bezier(.1,0,0,var(--rollBackDeg));
    -webkit-transform: rotateY(var(--rotateY)) rotateX(var(--targetDeg));
    transform: rotateY(var(--rotateY)) rotateX(var(--targetDeg))
}
/*********  超级打码日  *********/
.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 .tips-title {
    position: relative;
    color: #FFFFFF;
    font-size: .32rem;
    font-weight: 400;
    margin-right: 0.11rem;
    white-space: nowrap;
}
.sgameday-banner-frame .tips-content2 {
    position: relative;
    color: #00FFB6;
    font-size: .32rem;
    font-weight: 700;
}
.sgameday-banner-frame .tips-content {
    position: relative;
    color: #FFEE00;
    font-size: .32rem;
    font-weight: 700;
    white-space: nowrap;
}
.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-small {
    font-size: .28rem;
    font-weight: 400;
    margin-right: 0.11rem;
}
.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: #063F30;
    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 .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-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.sgameday-claim-frame .receive-btn--active {
    cursor: pointer;
}
.sgameday-claim-frame .receive-btn--active .receive-btn-bg {
    filter: brightness(1.12) saturate(1.08);
}
.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-item {
    position: relative;
    width: 2.22rem;
    height: 2.22rem;
    box-sizing: border-box;
}
.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: #063F30;
    /* text-shadow: -1px -2px #FFFFFF; */
    text-shadow: -1px -1px 0 #FFFFFF, 1px -1px 0 #FFFFFF, -1px 1px 0 #FFFFFF, 1px 1px 0 #FFFFFF;
    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 #063F30, 1px -1px 0 #063F30, -1px 1px 0 #063F30, 1px 1px 0 #063F30;
    font-weight: 700;
}
/*********  7day  *********/
.sevenday-banner-frame {
    position: relative;
    display: flex;
    justify-content: center;
    margin-top: 0.03rem;
    left: 0;
    width: 10rem;
    height: 4.4445rem;
}
.sevenday-content-frame {
    position: relative;
    margin-top: 0.1rem;
    left: 0.0;
    width: 10rem;
}
.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 .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 .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%;
    pointer-events: none;
}
.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--clickable {
    cursor: pointer;
}
.sevenday-card-frame .right-frame-claim-tip {
    position: absolute;
    bottom: 0.15rem;
    left: 50%;
    transform: translateX(-50%);
    font-size: .22rem;
    color: #FFEE00;
    white-space: nowrap;
}
.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-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 .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-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 .receive-tips {
    position: absolute;
    right: 0.1rem;
    width: 2.22rem;
    height: 1rem;
}
/*********  活跃彩金  *********/
.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 .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-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 .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 .receive-btn-disable {
    position: absolute;
    right: 0.22rem;
    width: 2.88rem;
    height: 1.1rem;
}
.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: rgba(0, 0, 0, 0.25);
    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-reward {
    position: absolute;
    top: 1.22rem;
    left: 0.44rem;
    width: 7rem;
    height: 0.66rem;
    display: flex;
    align-items: center;
}
.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-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-todaycard-frame .tips-icon {
    position: absolute;
    top: 2.8822rem;
    left: 0.44rem;
    width: 0.44rem;
    height: 0.44rem;
}
.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 {
    position: relative;
    margin-top: 0.44rem;
    left: 0.56rem;
    width: 9.4rem;
    display: flex;
    flex-wrap: wrap;
    z-index: 10;
}
.activebonus-reward-frame .title1 {
    color: rgba(255, 255, 255, 0.85);
    font-size: .346rem;
    font-weight: 700;
}
.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-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-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 .value1-unit {
    color: rgba(255, 255, 255, 0.85);
    font-size: .32rem;
    font-weight: 400;
    margin-right: 0.1rem;
}
.activebonus-card-frame .top-frame-reward .reward-value {
    font-size: .533rem;
    color: #FFEE00;
    font-weight: 700;
}
.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 {
    position: absolute;
    top: 0.44rem;
    left: 0.44rem;
    width: 8rem;
    height: 2.2222rem;
    background: rgba(0, 0, 0, 0.25);
    border-radius: 0.22rem;
}
.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-reward-frame .value1-value {
    color: rgba(255, 255, 255, 0.85);
    font-size: .32rem;
    font-weight: 400;
}
.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 .title2 {
    color: rgba(255, 255, 255, 0.85);
    font-size: .346rem;
    font-weight: 700;
}
.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 .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;
}
/******   神秘任务  开始  *******/
.mmission-banner-frame {
    position: relative;
    display: flex;
    justify-content: center;
    margin-top: 0.03rem;
    left: 0;
    width: 10rem;
    height: 4.4445rem;
}
.mmission-content-frame {
    position: relative;
    margin-top: 0.1rem;
    left: 0.0;
    width: 10rem;
}
.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-item {
    position: relative;
    width: 8.88rem;
    height: 2.109rem;
    margin-bottom: 0;
    box-sizing: border-box;
    display: flex;
    align-items: center;
}
.mmission-reward-item .ritem-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    pointer-events: none;
}
.mmission-reward-item--clickable {
    cursor: pointer;
}
.mmission-reward-item .mmission-task-btn--pass-through {
    pointer-events: none;
    opacity: 0.55;
    cursor: not-allowed;
}
.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-title2 {
    color: #FCFF00;
    font-size: .27rem;
    font-weight: 400;
    margin-right: 0.1rem;
}
.mmission-reward-item .tasknum-frame-value2 {
    color: #FCFF00;
    font-size: .346rem;
    font-weight: 700;
}
.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-finish {
    font-size: .27rem;
    color: #FFEE00;
    font-weight: 700;
    margin-right: 0.05rem;
}
.mmission-reward-item .percent-frame-total {
    font-size: .27rem;
    color: #FFFFFF;
    font-weight: 400;
    margin-left: 0.05rem;
}
.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-title3 {
    color: rgba(255, 255, 255, 0.45);
    font-size: .27rem;
    font-weight: 400;
    margin-right: 0.1rem;
}
.mmission-reward-item .tasknum-frame-value3 {
    color: rgba(255, 255, 255, 0.45);
    font-size: .346rem;
    font-weight: 700;
}
/*********   幸运大转盘   **********/
.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.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.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.gold {
    color: #FFFFFF;
}
.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 .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 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 .zhizhen.click {
    cursor: pointer;
}
.luckywheel-page-frame .wheel-frame .wheel .zhizhen.disabled {
    cursor: not-allowed;
    opacity: 0.85;
}
.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 .mid-bg {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 3;
}
.luckywheel-page-frame .wheel-frame .silver .num-container li {
    color: #7FFFFF;
}
.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;
    z-index: 5;
}
.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.l2-2 {
    transform: translate(-50%, -50%) rotate(-65deg) translateX(2.35rem) 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.l4-2 {
    transform: translate(-50%, -50%) rotate(17deg) translateX(2.71rem) rotate(90deg);
}
.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.l6-2 {
    transform: translate(-50%, -50%) rotate(98deg) translateX(2.48rem) 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.l8-2 {
    transform: translate(-50%, -50%) rotate(191deg) translateX(2.11rem) rotate(96deg);
}
.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 .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: #FFFFFF;
    letter-spacing: 0;
    font-weight: 700;
    z-index: 14;
}
.luckywheel-page-frame .wheel-frame .points-frame .top .sign-in .btn {
    position: absolute;
    width: 100%;
    height: 100%;
    padding: 0;
}
.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: rgba(0, 0, 0, 0.08);
    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 .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 .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 .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 .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 .left .name {
    color: #FFFFFF;
}
.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: #00FFB6;
}
.luckywheel-page-frame .wheel-frame .records-frame .list .item .right .value {
    color: #00FFB6;
    font-size: 0.43rem;
}
/*****************  欢乐时光  **************/
.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%;
    padding-top: 0.2rem;
}
.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: #FCFF00;
    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: #00563E;
    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;
    justify-content: center;
    color: #1a1206;
    text-shadow: 0 0 2px #fff, 0 0 4px rgba(255,255,255,0.9), 1px 1px 0 rgba(255,255,255,0.85), -1px -1px 0 rgba(255,255,255,0.85), 1px -1px 0 rgba(255,255,255,0.85), -1px 1px 0 rgba(255,255,255,0.85), 0 2px 4px rgba(0,0,0,0.35);
    font-weight: 900;
}
.happy-hour-page .main .ingot-box .ingot .ingot-num .num-text::before,
.happy-hour-page .main .ingot-box .ingot .ingot-num .num-text::after {
    display: none;
}
.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 .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-image: linear-gradient(125deg, #FFE2B4 0%, #FDAC50 100%);
    opacity: 0.85;
    border: 1px solid #EE9336;
    border-radius: 16px;
}
.happy-hour-page .bg {
    width: 100%;
    z-index: 1;
}
.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 .rule-title {
    font-size: 0.32rem;
    color: #1a1206;
    letter-spacing: 0;
    text-align: center;
    line-height: 0.42rem;
    font-weight: 700;
    margin: 0 0.26rem;
    text-shadow: 0 0 1px rgba(255,255,255,0.4), 0 1px 2px rgba(0,0,0,0.06);
}
.happy-hour-page .main .rule-list .box .bg .title .lineR {
    transform: scaleX(-1);
}
.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 .text {
    margin-top: 0.22rem;
    width: 7.55rem;
    font-size: 0.32rem;
    text-align: justify;
    line-height: 0.44rem;
    color: #2d1f0a;
    letter-spacing: 0;
    z-index: 2;
}
.happy-hour-page .main .rule-list .box .bg .text .gift-tips {
    color: #2d1f0a;
    text-shadow: 0 0 1px rgba(255,255,255,0.5), 0 1px 2px rgba(0,0,0,0.08);
    font-weight: 500;
}
.happy-hour-page .main .rule-list .box .text .item {
    margin-bottom: 0.44rem;
}
/*********    每日首存    *********/
.first-recharge-v3 {
    padding-bottom: 1rem;
}
.first-recharge-v3-top {
    position: relative;
    width: 10rem;
    height: 4.44rem;
}
.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 {
    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-days .day {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 1.56rem;
    height: 1.56rem;
    color: #14C9A2;
    font-size: 0.53333rem;
    font-weight: 700;
}
.first-recharge-v3-days .day-current {
    color: #00563E;
}
.first-recharge-v3-days .day>span {
    position: relative;
}
.first-recharge-v3-days .day-current .day-triangle {
    display: block;
}
.first-recharge-v3-days .day .day-triangle {
    display: none;
    position: absolute;
    width: 0.55rem;
    height: 0.55rem;
    bottom: -0.6rem;
}
.first-recharge-v3-content {
    width: 8.67rem;
    background-image: linear-gradient(180deg, rgba(16, 70, 57, 0.50) 0%, rgba(16, 70, 57, 0.25) 100%);
    border: 1px solid rgba(0, 255, 182, 0.50);
    border-radius: 0.44rem;
    margin: 0 auto;
    box-sizing: border-box;
    overflow: hidden;
}
.first-recharge-v3-days .day-current .day-triangle {
    display: block;
}
.first-recharge-v3-days .day .day-triangle {
    display: none;
    position: absolute;
    width: 0.55rem;
    height: 0.55rem;
    bottom: -0.6rem;
}
.first-recharge-v3-content .content-top {
    background-image: linear-gradient(180deg, #104639 0%, rgba(16, 70, 57, 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 .reward-tiers {
    width: 7.78rem;
    margin: 0 auto 0.44rem;
    background-image: linear-gradient(180deg, rgba(0, 113, 80, 0.50) 0%, rgba(0, 86, 62, 0.50) 100%);
    border: 1px solid #00FFB6;
    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 .deposit .amount {
    font-size: 0.3733333rem;
    color: #FFFFFF;
}
.first-recharge-v3-content .amount {
    margin-left: 0.222222rem;
}
.first-recharge-v3-content .reward .amount {
    color: #FFEE00;
    font-weight: 700;
    font-size: 0.4266666rem;
}
.first-recharge-v3-content .tiers-item>div {
    width: 50%;
    text-align: center;
}
.first-recharge-v3-content .deposit-enable {
    transition: transform 0.1s ease-in-out;
}
.first-recharge-v3-content .deposit-button {
    width: 6.889rem;
    height: 1.11rem;
    margin: 0.22rem auto 0.44rem;
    color: #FFFFFF;
    text-align: center;
    line-height: 1.11rem;
    background-image: linear-gradient(180deg, #00FFB6 0%, #007150 100%);
    border-radius: 0.22rem;
    box-sizing: border-box;
    font-size: 0.34666rem;
}
/***********   活跃宝箱   ***********/
.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>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 #00FFB6;
    border-radius: 0.22rem;
    box-sizing: border-box;
}
.active-chest-share .share-link .link-url {
    width: 5.22rem;
    height: 0.56rem;
    color: #FFFFFF;
    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(180deg, #7FFFDB 0%, #00FFB6 100%);
    border-radius: 0.22rem;
    color: rgba(0, 0, 0, 0.85);
    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;
    -ms-overflow-style: none;
    scrollbar-width: 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: #FFEE00;
    flex-grow: 1;
}
.active-chest-share .share-desc .desc-role {
    display: flex;
    align-items: center;
    color: #FFEE00;
    transition: transform 0.1s ease-in-out;
}
.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-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 #FFEE00;
    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 .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(255, 255, 255, 0.45);
    font-size: 0.32rem;
    text-align: center;
    line-height: 0.44rem;
}
.active-chest-scroll .reward-activated {
    color: #FFEE00;
    font-weight: 700;
}
.active-chest-scroll .reward-activated .amount {
    color: #FFEE00;
}
.active-chest-scroll .next-right {
    display: block;
    top: 0.556rem;
    right: -0.28rem;
}
.active-chest-scroll .reward .amount {
    color: rgba(255, 255, 255, 0.85);
}
.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%;
}
/***************    通行证    ***************/
.promotional-pass {
    padding-bottom: 3.44rem;
}
.promotional-pass-top {
    position: relative;
    width: 10rem;
    height: 4.45rem;
}
.promotional-pass-top .banner-bg, .promotional-pass-summary .summary-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.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: #003200;
    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-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-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(16, 70, 57, 0.00) 0%, rgba(16, 70, 57, 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 {
    width: 2.66rem;
    background-image: linear-gradient(180deg, rgba(0, 255, 182, 0.75) 0%, rgba(0, 113, 80, 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 .reward-normal {
    width: 2.89rem;
    background-image: linear-gradient(90deg, rgba(20, 201, 162, 0.75) 0%, rgba(0, 113, 80, 0.75) 100%);
}
.promotional-pass-targets .reward-normal, .promotional-pass-targets .reward-pass {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}
.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 .reward-pass {
    flex-grow: 1;
    background-image: linear-gradient(90deg, rgba(7, 132, 254, 0.75) 0%, rgba(0, 224, 224, 0.75) 100%);
}
.promotional-pass-targets .reward-normal, .promotional-pass-targets .reward-pass {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}
.promotional-pass-targets .amount-pass, .promotional-pass-targets .amount-pass .number {
    color: #FFEE00;
}
.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 .status-icon {
    position: absolute;
    bottom: 0.11rem;
    right: 0.11rem;
    width: 0.55rem;
    height: 0.55rem;
}
.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(0, 255, 182, 0.50) 0%, rgba(0, 255, 182, 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 .pass-buy {
    transition: transform 0.1s ease-in-out;
}
.promotional-pass-fixed img {
    width: 8.33rem;
    height: 1.78rem;
}
.promotional-pass-fixed .pass-buy .price {
    position: absolute;
    display: flex;
    align-items: center;
    top: 0.72rem;
    left: 5.55rem;
    color: #00563E;
    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;
}
.popup-daily-series-reward .banner-bg {
    animation: daily-egg-bg 7.5s linear infinite;
    opacity: 0.5;
}

.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-daily-chest {
    padding-top: 3.22rem;
}
.popup-daily-series-reward .reward {
    position: relative;
    height: 10rem;
    box-sizing: border-box;
    width: 10rem;
}
.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 #00563E;
    text-stroke: 0.16rem #00563E;
}
.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, #FFFE00, #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;
}
/*******  无限代理的css  ********/
.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-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;
    -ms-overflow-style: none;
    scrollbar-width: none;
    /* 关键：启用平滑滚动作为备用，虽然 JS 控制了 behavior，但 CSS 也能辅助 */
  scroll-behavior: smooth; 
  -webkit-overflow-scrolling: touch;
}
.agency-timemenu-title .container {
    /*white-space: nowrap;
    display: inline-block;*/
    display: flex;
    overflow-x: auto;
    scrollbar-width: none;
    -ms-overflow-style: none;
}
.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, #00FFB6 0%, #007150 100%);
    color: rgba(255, 255, 255, 0.85);
}
.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(90deg, rgba(255, 255, 255, 0.00) 0%, rgba(255, 255, 255, 0.25) 100%);
}
.agency-tab2-timeframe .icon {
    width: 0.55rem;
    height: 0.55rem;
    margin-left: 0.44rem;
    margin-right: 0.22rem;
    opacity: 0.45;
}
.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-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-tab2-itemframe {
    position: relative;
    margin-top: 0.22rem;
    left: 0.5rem;
    width: 9rem;
    height: 4.05rem;
    overflow: hidden;
}
.agency-tab2-itemframe .bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.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-itemframe3 {
    height: 6.75rem !important;
}
.agency-tab2-timeframe .span {
    font-size: .373rem;
    font-weight: 400;
    color: rgba(255, 255, 255, 0.85);
}
.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 .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-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.sd-nomore-frame {
    position: relative;
    font-size: .373rem;
    width: 100%;
    height: 1.8rem;
    line-height: 1.8rem;
    text-align: center;
    color: #969799;
}
.agency-tab4-dayframe {
    display: flex;
    align-items: center;
    position: relative;
    margin-top: 0.5rem;
    left: 0.5rem;
    width: 9rem;
    height: 2rem;
    z-index: 2;
}
.day-frame {
    position: relative;
    margin-top: -0.8rem;
    left: 0.6rem;
    width: 9rem;
    height: 3.32rem;
    overflow-x: auto;
    white-space: nowrap;
    overflow-y: hidden;
    -ms-overflow-style: none;
    scrollbar-width: none;
}
.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(0, 0, 0, 0.25) !important;
    transition: transform 0.2s ease-in-out !important;
    margin-top: unset !important;
    border: 1px solid rgba(255, 255, 255, 0.25) !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: #FFFFFF;
    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(0, 0, 0, 0.25);
    border: 1px solid rgba(255, 255, 255, 0.25);
}
.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: #FFFFFF;
    font-weight: 700;
}
.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 .left {
    position: absolute;
    top: 0;
    left: 0;
    width: 4rem;
    height: 2.222rem;
    border-radius: 0.22rem;
    /* background: #0077BB; */
}
.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 .unit {
    color: rgba(255, 255, 255, 0.45);
    font-size: .32rem;
    margin-right: 0.1rem;
}
.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 rgba(255, 255, 255, 0.15);
}
.agency-tab4-userframe .title-frame {
    display: flex;
    align-items: center;
    position: relative;
    left: 0;
    width: 9rem;
    height: 1.34rem;
    font-size: .33rem;
    background: rgba(255, 255, 255, 0.15);
    color: rgba(255, 255, 255, 0.85);
}
.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-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 .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 .user-item {
    position: relative;
    left: 0;
    width: 9rem;
    height: 1.34rem;
}
.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 .item-frame1 {
    background: rgba(255, 255, 255, 0.04);
}
.van-empty {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    box-sizing: border-box;
    padding: 32px 0;
}
.van-empty__image {
    width: 160px;
    height: 160px;
}
.van-empty__image img {
    width: 100%;
    height: 100%;
}
.van-empty__description {
    margin-top: 16px;
    padding: 0 60px;
    color: #969799;
    font-size: 14px;
    line-height: 20px;
}
/********  无限代理的pop 日期弹窗  ********/
.wxagent .date-picker-container {
    background: white; 
    border-radius: 20px 20px 0 0; /* 只圆角顶部 */
    box-shadow: 0 -4px 24px rgba(0, 0, 0, 0.1);
    padding: 20px;
    width: 100%;
    max-width: 100%; /* 改为全宽 */
    position: absolute;
    bottom: 0rem;
    left: 0;
    transform: translateY(100%); /* 初始隐藏 */
    animation: slideUp 0.3s ease forwards; /* 添加滑动动画 */
    z-index: 200;
}
.wxagent .date-picker-container .next-month{
    display:none;
}
.wxagent .months-container{
    max-height: 60vh;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    display: flex;
    flex-direction: column;
    gap:10px;
    padding: 0 0 60px;
    box-sizing: border-box;
    -ms-overflow-style: none;
    scrollbar-width: none;
}

/* 底部滑出动画 */
@keyframes slideUp {
    from {
        transform: translateY(100%);
    }
    to {
        transform: translateY(0);
    }
}

.wxagent .date-picker-header {
    text-align: center;
    margin-bottom:5px;
    padding: 0 20px;
}

.wxagent .date-picker-header h3 {
    font-size: 20px;
    font-weight: 600;
    color: #1d1d1f;
}

.wxagent .week-header {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    gap: 2px;
    /*margin-bottom: 10px;*/
    padding: 0 8px;
}

.wxagent .week-day {
    text-align: center;
    font-size: 12px;
    color: #8e8e93;
    font-weight: 500;
    padding: 8px 0;
}

.wxagent .calendar-grid {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    gap: 4px;
    padding: 0 8px;
}

.wxagent .calendar-day {
    position: relative;
    height: 44px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    cursor: pointer;
    transition: all 0.2s ease;
    user-select: none;
}

.wxagent .calendar-day:hover:not(.prev-month):not(.disabled) {
    background-color: #f2f2f7;
}

.wxagent .calendar-day.prev-month {
    color: #c7c7cc;
    cursor: default;
}

.wxagent .calendar-day.current-month {
    color: #1d1d1f;
}

.wxagent .calendar-day.disabled {
    opacity: 0.3;
    cursor: not-allowed;
}

.wxagent .calendar-day.selected {
    background-color: #007AFF;
    color: white;
}

.wxagent .day-number {
    font-size: 15px;
    font-weight: 500;
}

.wxagent .time-label {
    font-size: 10px;
    opacity: 0.8;
    margin-top: 2px;
}

.wxagent .month-year-display {
    text-align: center;
    font-size: 15px;
    color: #666;
    margin: 20px 0 10px;
    padding-top: 15px;
    border-top: 1px solid #f0f0f0;
}

.wxagent .close-button {
    position: absolute;
    top: 10px;
    right: 20px;
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    font-size: 24px;
    color: #8e8e93;
    border-radius: 50%;
    transition: all 0.2s ease;
}

.wxagent .close-button:hover {
    background-color: #f2f2f7;
    color: #1d1d1f;
}

.wxagent .date-info {
    background: #f2f2f7;
    border-radius: 12px;
    padding: 15px;
    margin-top: 20px;
    font-size: 13px;
}

.wxagent .date-info p {
    margin: 5px 0;
    color: #666;
}

.wxagent .date-info strong {
    color: #1d1d1f;
}

.wxagent .demo-info {
    position: absolute;
    top: 20px;
    left: 20px;
    background: #f2f2f7;
    padding: 10px 15px;
    border-radius: 10px;
    font-size: 12px;
    color: #666;
}

.wxagent .demo-info h4 {
    margin-bottom: 5px;
    color: #1d1d1f;
}
/***** 活跃宝箱下级代理数据页面样式 *****/
.aguser-content-frame {
    position: relative;
    left: 0.0;
    width: 10rem;
    padding-top:0.2rem;
}
.aguser-link-title {
    position: relative;
    left: 0.5rem;
    font-size: .373rem;
    height: 0.62rem;
    line-height: 0.62rem;
    color: #FFFFFF;
}
.aguser-link-content {
    position: relative;
    margin-top: 0.12rem;
    left: 0.5rem;
    width: 9rem;
    height: 1.12rem;
    line-height: 1.12rem;
    font-size: .32rem;
    border-radius: 0.22rem;
    overflow: hidden;
    display: flex;
    align-items: center;
    background: rgba(255, 255, 255, 0.08);
}
.aguser-link-content .ltitle {
    position: absolute;
    top: 0;
    left: 0.4rem;
    width: 6.4rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    height: 1.12rem;
    line-height: 1.12rem;
    font-size: .32rem;
    color: rgba(255, 255, 255, 0.85);
}
.aguser-link-content .rvalue {
    position: absolute;
    right: 0.4rem;
    width: 4rem;
    height: 1.12rem;
    line-height: 1.12rem;
    border-radius: 0.4rem;
    line-height: 1.1rem;
    font-size: .32rem;
    text-align: right;
    color: rgba(255, 255, 255, 0.65);
}
.aguser-link-content .rvalue-light {
    font-size: .373rem;
    font-weight: 700;
    color: #FFEE00;
}
.aguser-type-content {
    position: relative;
    margin-top: 0.66rem;
    left: 0.5rem;
    width: 9rem;
    height: 1.33rem;
    line-height: 1.33rem;
    display: flex;
    align-items: center;
    border-radius: 0.22rem;
    background-image: linear-gradient(98deg, rgba(255, 255, 255, 0.25) 0%, rgba(255, 255, 255, 0.04) 100%);
}
.aguser-type-content .icon {
    position: absolute;
    left: 0.22rem;
    width: 0.66rem;
    height: 0.66rem;
}
.aguser-type-content .title {
    position: absolute;
    left: 0.9rem;
    width: 5rem;
    height: 1.33rem;
    line-height: 1.33rem;
    font-size: .373rem;
    color: #FFFFFF;
}
.aguser-type-content .tcheck {
    position: absolute;
    top: 0;
    right: 0.44rem;
    height: 1.33rem;
    width: 2rem;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    transition: transform 0.1s ease-in-out;
}
.aguser-type-content .tcheck span {
    margin-right: 0.1rem;
    font-size: .32rem;
    color: rgba(255, 255, 255, 0.85);
}
.aguser-type-content .tcheck img {
    height: 0.44rem;
    width: 0.88rem;
}
.aguser-user-title {
    position: relative;
    margin-top: 0.11rem;
    left: 0.5rem;
    width: 9rem;
    height: 1.33rem;
    display: flex;
    align-items: center;
    background: rgba(255, 255, 255, 0.25);
    box-shadow: inset 0px -1px 0px 0px rgba(255, 255, 255, 0.15);
    border-radius: 0.22rem 0.22rem 0 0;
}
.aguser-user-title .title {
    position: absolute;
    top: 0;
    height: 1.33rem;
    line-height: 1.33rem;
    font-size: .346rem;
    color: rgba(255, 255, 255, 0.85);
}
.aguser-user-title .line {
    position: absolute;
    top: 50%;
    margin-top: -0.33rem;
    width: 1px;
    height: 0.66rem;
    background: rgba(255, 255, 255, 0.15);
}
.aguser-user-item {
    position: relative;
    left: 0.5rem;
    width: 9rem;
    height: 1.34rem;
    line-height: 1.34rem;
    font-size: .32rem;
    background: rgba(255, 255, 255, 0.08);
    color: rgba(255, 255, 255, 0.85);
}
.aguser-user-item-nameframe {
    position: absolute;
    top: 0;
    left: 0.44rem;
    width: 3.1rem;
    height: 1.33rem;
    line-height: 1.33rem;
    color: rgba(255, 255, 255, 0.85);
    font-size: .346rem;
    overflow: hidden;
}
.aguser-user-item-nametext {
    position: absolute;
    top: 0;
    left: 0;
    width: 2.3rem;
    height: 1.33rem;
    line-height: 0.6rem;
    text-overflow: ellipsis;
    overflow: hidden;
    color: rgba(255, 255, 255, 0.85);
    font-size: .32rem;
}
.aguser-user-item-name {
    position: absolute;
    top: 0.24rem;
    left: 0;
    width: 2.3rem;
    height: 0.5rem;
    line-height: 0.5rem;
    color: rgba(255, 255, 255, 0.85);
    font-size: .32rem;
    text-overflow: ellipsis;
    overflow: hidden;
}
.aguser-user-item-id {
    position: absolute;
    top: 0.72rem;
    left: 0;
    width: 3rem;
    height: 0.5rem;
    line-height: 0.5rem;
    color: rgba(255, 255, 255, 0.45);
    font-size: .27rem;
}
.aguser-user-item-box {
    position: absolute;
    top: 50%;
    margin-top: -0.33rem;
    width: 0.66rem;
    height: 0.66rem;
    right: 0.1rem;
}
.aguser-user-item-box img {
    position: absolute;
    top: 0;
    left: 0;
    width: 0.66rem;
}
.aguser-user-item-recharge {
    position: absolute;
    top: 0;
    left: 3.62rem;
    width: 2.1rem;
    height: 1.33rem;
    line-height: 1.33rem;
    color: rgba(255, 255, 255, 0.65);
    font-size: .346rem;
    text-align: right;
    text-overflow: ellipsis;
    overflow: hidden;
    text-align: right;
}
.aguser-user-item-turnover {
    position: absolute;
    top: 0;
    right: 0.44rem;
    width: 2.44rem;
    height: 1.33rem;
    line-height: 1.33rem;
    color: rgba(255, 255, 255, 0.65);
    font-size: .346rem;
    text-align: right;
    text-overflow: ellipsis;
    overflow: hidden;
}
.aguser-nomore-frame {
    height: 1.4rem;
    line-height: 1.4rem;
    color: rgba(255, 255, 255, 0.85);
}

/*************/
.BottomLinePage4 .hdialog-cslist-panel {
    position: relative;
    margin-top: 1.95rem;
    width: 95%;
    padding-left: 0.5rem;
}
.BottomLinePage4 .hdialog-cslist-body {
    display: flex;
    flex-wrap: wrap;
}
.BottomLinePage4 .hdialog-cslist-item {
    position: relative;
    width: 4.27rem;
    height: 5.11rem;
    margin-right: 0.37rem;
    margin-bottom: 0.33rem;
    overflow: hidden;
    background: #104639;
    border-radius: 0.22rem;
}
.BottomLinePage4 .hdialog-cslist-item .cs-avatar {
    position: relative;
    margin-top: 0.44rem;
    left: 50%;
    margin-left: -0.665rem;
    width: 1.33rem;
    height: 1.33rem;
    border-radius: 1rem;
    border: 1px solid rgba(255, 255, 255, 0.25);
    object-fit: cover;
}
.BottomLinePage4 .hdialog-cslist-item .cs-name {
    position: relative;
    left: 50%;
    margin-left: -2rem;
    width: 4rem;
    height: 0.67rem;
    line-height: 0.67rem;
    text-align: center;
    color: rgba(255, 255, 255, 0.80);
    font-size: .373rem;
}
.BottomLinePage4 .hdialog-cslist-item .cs-type {
    position: relative;
    margin-top: 0.22rem;
    left: 50%;
    margin-left: -2rem;
    width: 4rem;
    height: 0.44rem;
    line-height: 0.44rem;
    text-align: center;
    color: rgba(255, 255, 255, 0.25);
    font-size: .28rem;
}
.BottomLinePage4 .hdialog-cslist-item .cs-contact {
    position: relative;
    left: 50%;
    margin-left: -2rem;
    width: 4rem;
    height: 0.44rem;
    line-height: 0.44rem;
    text-align: center;
    color: rgba(255, 255, 255, 0.25);
    font-size: .28rem;
}
.BottomLinePage4 .hdialog-cslist-item .cs-chat {
    position: relative;
    margin-top: 0.4rem;
    left: 50%;
    margin-left: -0.89rem;
    width: 1.78rem;
    height: 0.66rem;
    line-height: 0.66rem;
    text-align: center;
    color: #FFFFFF;
    font-size: .32rem;
    background-image: linear-gradient(180deg, #00FFB6 0%, #007150 100%);
    border-radius: 0.22rem;
}
/********  新人奖励活动样式  *******/
.hdialog-oldnewer-outframe .newer-content-bg {
    position: absolute;
    left: 0;
    width: 10rem;
}
.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 .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-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-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-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 {
    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-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-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-reward-unit {
    font-size: .32rem;
    margin-right: 1px;
}
.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 .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 .rule-frame {
    position: relative;
    margin-top: -0.8rem;
    left: 50%;
    margin-left: -4.44rem;
    width: 8.88rem;
    height: 7rem;
    overflow: hidden;
    -ms-overflow-style: none;
    scrollbar-width: none;
}
.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;
    -ms-overflow-style: none;
    scrollbar-width: none;
}
.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;
}