/* 公用 */
*{
    margin: 0;
    padding: 0;
}
/* @font-face{
    font-family: 'OPPOSansMedium'; 
    src: url('https://img1.cdh5.cn/4476/images/OPPOSans-M.ttf') format('OpenType');
} */
.layoutPage{
    width: 100%;
    height: 100%;
    position: relative;
}
.page_item{
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 999;
    /* overflow: auto; */
    /* overflow-y: auto;
    overflow-x: hidden; */
    overflow: hidden;
}
.page{
    width: 100%;
    height: 100%;
    position: absolute;
}
input{
    background: transparent;
    display: block;
    width: 100%;
    height: 0.6rem;
    line-height: 0.6rem;
    border: 0;
    user-select: none;
    text-align: left;
    /* line-height: 2.75rem; */
    color: #000;
}
.zzc{
    width: 100%;
    height: 100%;  
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%); 
    background: rgba(0,0, 0, 0.7);
    z-index: 1000;
}
.zzc2{
    width: 100%;
    height: 100%;  
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%); 
    /* background: rgba(0,0, 0, 0.75); */
}
.zzc3{
    width: 100%;
    height: 100%;  
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%); 
    background: rgba(0,0, 0, 0.7);
    z-index: 1001;
}
#loadingPage{
    z-index: 9999!important;
}
#showAlert_zzc{
    width: 100%;
    height: 100%;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    z-index: 9999;
}
.show_alert {
    width: 73%;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    text-align: center;
    font-size: 0.28rem;
    color: #fff;
    background: rgba(0, 0, 0, 0.5);
    border-radius: 0.1rem;
    z-index: 9999;
    padding: 0.25rem 0.1rem;
}
/* rulePage */
.rulePage_content{
    width: 4.8rem;
    height: 5.25rem;
    position: absolute;
    top: 4.14rem;
    left: 2.00rem;
    overflow: auto;
}
.rule1{
    width: 2.8rem;
    height: 0.8rem;
    position: absolute;
    top: 2.2rem;
    left: 1.5rem;
}
.rule2{
    width: 2.8rem;
    height: 0.8rem;
    position: absolute;
    top: 2.2rem;
    left: 4.5rem;
}
.rulePage_content>img{
    display: block;
    width: 100%;
}
.rule_close{
    width: 0.8rem;
    height: 0.8rem;
    position: absolute;
    top: 10.35rem;
    left: 50%;
    transform: translateX(-50%);
}
/* myAwardPage */
.myAwardPage_toMyAwardPage1{
    width: 1.8rem;
    height: 0.8rem;
    position: absolute;
    top: 3.1rem;
    left: 3.5rem;
}
.myAwardPage_toMyAwardPage2{
    width: 1.8rem;
    height: 0.8rem;
    position: absolute;
    top: 3.1rem;
    left: 5.4rem;
}
.myAwardPage_toMyAwardPage3{
    width: 1.8rem;
    height: 0.8rem;
    position: absolute;
    top: 3.1rem;
    left: 1.6rem;
}
.myAwardPage_content{
    width: 5.77rem;
    height: 5.4rem;
    position: absolute;
    top: 4.46rem;
    left: 50%;
    transform: translateX(-50%);
    overflow: auto;
}
.myAwardPage_item{
    width: 5.77rem;
    height: 1.67rem;
    background-image: url('https://img1.cdh5.cn/4485/images/awardBg.png?v1.6');
    background-repeat: no-repeat;
    background-size: 100% 100%;
    /* background-color: #fff; */
    border-radius: 0.1rem;
    margin-bottom: 0.16rem;
    position: relative;
}
.awardImg{
    display: block;
    width: 1.8rem;
    /* height: 0.87rem; */
    position: absolute;
    top: 50%;
    left: 0.18rem;
    transform: translateY(-50%);
}
.award_name{
    text-align: center;
    width: 3.12rem;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    font-size: 0.28rem;
    position: absolute;
    left: 2.3rem;
    top: 0.2rem;
}
.award_receive{
    width: 3.14rem;
    height: 0.69rem;
    background-image: url('https://img1.cdh5.cn/4485/images/awardReceiveBtn.png?v1.6');
    background-repeat: no-repeat;
    background-size: 100% 100%;
    position: absolute;
    top: 0.7rem;
    left: 2.3rem;
}
.chooseBrand{
    width: 8.7rem;
    height: 5.02rem;
    background-image: url('https://img1.cdh5.cn/4485/images/chooseBrand.png?v1.6?v1.0');
    background-repeat: no-repeat;
    background-size: 100% 100%;
    position: absolute;
    bottom: -5.02rem;
    left: 50%;
    transform: translateX(-50%);
}
.up{
    animation: up 0.6s linear forwards;
}
@keyframes up{
    0%{
        bottom: -5.02rem;
    }
    100%{
        bottom: 0rem;
    }
}
.down{
    animation: down 0.6s linear forwards;
}
@keyframes down{
    0%{
        bottom: 0rem;
    }
    100%{
        bottom: -5.02rem;
    }
}
.chooseBrandClose{
    width: 0.7rem;
    height: 0.7rem;
    position: absolute;
    top: 0;
    left: 6.09rem;
}
.chooseBrandBox{
    width: 5.5rem;
    height: 1.7rem;
    position: absolute;
    top: 1.4rem;
    left: 49%;
    transform: translateX(-50%);
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.chooseBrand_item{
    width: 1.28rem;
    height: 0.75rem;
    position: relative;
    margin-bottom: 0.25rem;
}
.chooseBrand_item>img{
    display: block;
    width: 0.38rem;
    position: absolute;
    bottom: -0.1rem;
    right: -0.05rem;
}
.chooseBrand_item>div{
    font-size: 0.22rem;
    color: #55978b;
    position: absolute;
    top: 0;
    right: 0;
    transform: scale(0.6);
}
#allCheck{
    display: block;
    width: 1.24rem;
    height: 0.48rem;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.receiveBtn1{
    width: 2.38rem;
    height: 0.85rem;
    background-image: url('https://img1.cdh5.cn/4485/images/receiveBtn1.png?v1.6');
    background-repeat: no-repeat;
    background-size: 100% 100%;
    position: absolute;
    top: 3.58rem;
    left: 50%;
    transform: translateX(-50%);
}
.receiveBtn2{
    display: none;
    width: 2.38rem;
    height: 0.85rem;
    background-image: url('https://img1.cdh5.cn/4485/images/receiveBtn2.png?v1.6');
    background-repeat: no-repeat;
    background-size: 100% 100%;
    position: absolute;
    top: 3.58rem;
    left: 50%;
    transform: translateX(-50%);
}
.myAwardPage_back{
    width: 2.42rem;
    height: 0.76rem;
    position: absolute;
    top: 10.8rem;
    left: 50%;
    transform: translateX(-50%);
}
.myAwardPage_allReceive{
    width: 2.2rem;
    height: 0.66rem;
    position: absolute;
    top: 10.7rem;
    left: 50%;
    transform: translateX(-50%);
}
.myAwardPage1_back{
    top: 11.7rem!important;
}
/* myAwardPage2 */
.myAwardPage2_toMyAwardPage1{
    width: 1.8rem;
    height: 0.8rem;
    position: absolute;
    top: 3.1rem;
    left: 3.5rem;
}
.myAwardPage2_toMyAwardPage3{
    width: 1.8rem;
    height: 0.8rem;
    position: absolute;
    top: 3.1rem;
    left: 1.6rem;
}
.myAwardPage2_select{
    display: none;
    font-size: 0.3rem;
    width: 3.80rem;
    height: 0.90rem;
    line-height: 0.9rem;
    position: absolute;
    top: 4.55rem;
    left: 50%;
    transform: translateX(-50%);
    padding: 0 0.8rem 0 0.3rem;
}
.myAwardPage2_content{
    width: 5.77rem;
    height: 5.14rem;
    position: absolute;
    top: 4.55rem;
    left: 50%;
    transform: translateX(-50%);
    overflow: auto;
}
.myAwardPage2_item{
    width: 5.77rem;
    height: 1.67rem;
    background-image: url('https://img1.cdh5.cn/4485/images/awardBg.png?v1.6');
    background-repeat: no-repeat;
    background-size: 100% 100%;
    /* background-color: #fff; */
    border-radius: 0.1rem;
    margin-bottom: 0.16rem;
    position: relative;
}
.awardImg{
    display: block;
    width: 1.8rem;
    /* height: 0.87rem; */
    position: absolute;
    top: 50%;
    left: 0.18rem;
    transform: translateY(-50%);
}
.award_name{
    text-align: center;
    width: 3.12rem;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    font-size: 0.28rem;
    position: absolute;
    left: 2.3rem;
    top: 0.2rem;
}
.award_use{
    width: 3.14rem;
    height: 0.69rem;
    background-image: url('https://img1.cdh5.cn/4485/images/goUse.png?v1.6');
    background-repeat: no-repeat;
    background-size: 100% 100%;
    position: absolute;
    top: 0.7rem;
    left: 2.3rem;
}
.chooseBrand2{
    width: 8.7rem;
    height: 5.02rem;
    background-image: url('https://img1.cdh5.cn/4485/images/chooseBrand2.png?v1.6');
    background-repeat: no-repeat;
    background-size: 100% 100%;
    position: absolute;
    bottom: -5.02rem;
    left: 50%;
    transform: translateX(-50%);
}
.up{
    animation: up 0.6s linear forwards;
}
@keyframes up{
    0%{
        bottom: -5.02rem;
    }
    100%{
        bottom: 0rem;
    }
}
.down{
    animation: down 0.6s linear forwards;
}
@keyframes down{
    0%{
        bottom: 0rem;
    }
    100%{
        bottom: -5.02rem;
    }
}
.chooseBrand2Close{
    width: 0.7rem;
    height: 0.7rem;
    position: absolute;
    top: 0;
    left: 6.09rem;
}
.chooseBrand2Box{
    width: 5.5rem;
    height: 1.7rem;
    position: absolute;
    top: 1.4rem;
    left: 49%;
    transform: translateX(-50%);
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.chooseBrand2_item{
    width: 1.28rem;
    height: 0.75rem;
    position: relative;
    margin-bottom: 0.25rem;
}
.chooseBrand2_item>img{
    display: block;
    width: 0.38rem;
    position: absolute;
    bottom: -0.1rem;
    right: -0.05rem;
}
#allCheck{
    display: block;
    width: 1.24rem;
    height: 0.48rem;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.chooseSure1{
    width: 2.38rem;
    height: 0.85rem;
    background-image: url('https://img1.cdh5.cn/4485/images/chooseSure1.png?v1.6');
    background-repeat: no-repeat;
    background-size: 100% 100%;
    position: absolute;
    top: 3.58rem;
    left: 50%;
    transform: translateX(-50%);
}
.chooseSure2{
    width: 2.38rem;
    height: 0.85rem;
    background-image: url('https://img1.cdh5.cn/4485/images/chooseSure2.png?v1.6');
    background-repeat: no-repeat;
    background-size: 100% 100%;
    position: absolute;
    top: 3.58rem;
    left: 50%;
    transform: translateX(-50%);
}
.myAwardPage_back{
    width: 2.42rem;
    height: 0.76rem;
    position: absolute;
    top: 10.8rem;
    left: 50%;
    transform: translateX(-50%);
}

/* myAwardPage3 */
.myAwardPage3_toMyAwardPage1{
    width: 2rem;
    height: 0.8rem;
    position: absolute;
    top: 3.1rem;
    left: 2rem;
}
.myAwardPage3_toMyAwardPage2{
    width: 2rem;
    height: 0.8rem;
    position: absolute;
    top: 3.1rem;
    left: 2rem;
}
.myAwardPage3_content{
    width: 5.77rem;
    height: 5.4rem;
    position: absolute;
    top: 4.46rem;
    left: 50%;
    transform: translateX(-50%);
    overflow: auto;
}
.myAwardPage3_item{
    width: 5.77rem;
    height: 1.67rem;
    background-image: url('https://img1.cdh5.cn/4485/images/awardBg.png?v1.6');
    background-repeat: no-repeat;
    background-size: 100% 100%;
    /* background-color: #fff; */
    border-radius: 0.1rem;
    margin-bottom: 0.16rem;
    position: relative;
}
/* rankPage */
.rankPage_close{
    width: 0.8rem;
    height: 0.8rem;
    position: absolute;
    top: 1.25rem;
    left: 6.2rem;
}
.rankPage_myRank{
    width: 5.15rem;
    height: 0.8rem;
    position: absolute;
    top: 2.5rem;
    left: 50%;
    transform: translateX(-50%);
    background: #b8e1d9;
    border: 1px solid #a8ccc2;
    border-radius: 7px;
}
.myRank_rank{
    width: 0.5rem;
    color: #333;
    font-size: 0.3rem;
    position: absolute;
    height: 0.8rem;
    line-height: 0.8rem;
    left: 0.35rem;
}
.myRank_head{
    display: block;
    width: 0.6rem;
    height: 0.6rem;
    border-radius: 0.06rem;
    position: absolute;
    left: 0.95rem;
    top: 50%;
    transform: translateY(-50%);
}
.myRank_nick{
    font-size: 0.26rem;
    height: 0.8rem;
    line-height: 0.8rem;
    color: #666;
    width: 1.8rem;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    position: absolute;
    left: 1.85rem;
}
.myRank_stepBox{
    position: absolute;
    right: 0.25rem;
    top: 50%;
    transform: translateY(-50%);
    height: 0.32rem;
    max-width: 1rem;
    overflow: hidden;
    padding-left: 0.3rem;
}
.myRank_stepImg{
    width: 0.27rem;
    height: 0.32rem;
    position: absolute;
    top: 0;
    left: 0rem;
}
.myRank_stepImg>img{
    display: block;
    width: 0.27rem;
    /* height: 0.32rem; */
}
.myRank_step{
    height: 0.32rem;
    line-height: 0.32rem;
    font-size: 0.36rem;
    color: #333;
    left: 0.3rem;
    top: 0;
}
.countdown{
    width: 5.15rem;
    position: absolute;
    top: 10.1rem;
    left: 50%;
    transform: translateX(-50%);
    font-size: 0.26rem;
    color: #333;
    text-align: center;
}
.rankPage_content{
    width: 5.15rem;
    height: 6.5rem;
    position: absolute;
    top: 3.5rem;
    left: 50%;
    transform: translateX(-50%);
    overflow: auto;
}
.rankPage_item{
    width: 5.15rem;
    height: 0.8rem;
    position: relative;
}
.rankPageAdd{
    margin-bottom: 0.6rem;
}
.rankAward{
    display: block;
    width: 100%;
    position: absolute;
    top: 100%;
    left: 0;
}
.rank_rank{
    width: 0.5rem;
    color: #333;
    font-size: 0.3rem;
    position: absolute;
    height: 0.8rem;
    line-height: 0.8rem;
    left: 0.2rem;
}
.rank_head{
    display: block;
    width: 0.6rem;
    height: 0.6rem;
    border-radius: 0.06rem;
    position: absolute;
    left: 0.95rem;
    top: 50%;
    transform: translateY(-50%);
}
.rank_nick{
    font-size: 0.26rem;
    height: 0.8rem;
    line-height: 0.8rem;
    color: #666;
    width: 1.8rem;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    position: absolute;
    left: 1.85rem;
}
.rank_stepBox{
    position: absolute;
    right: 0.25rem;
    top: 50%;
    transform: translateY(-50%);
    height: 0.32rem;
    max-width: 1rem;
    overflow: hidden;
    padding-left: 0.3rem;
}
.rank_stepImg{
    width: 0.27rem;
    height: 0.32rem;
    position: absolute;
    top: 0;
    left: 0rem;
}
.rank_stepImg>img{
    display: block;
    width: 0.27rem;
    /* height: 0.32rem; */
}
.rank_step{
    height: 0.32rem;
    line-height: 0.32rem;
    font-size: 0.36rem;
    color: #55978b;
    left: 0.3rem;
    top: 0;
}
.rankPage_item:nth-of-type(1)::before{
    content: '';
    background-image: url(https://img1.cdh5.cn/4485/images/first.png?v1.6);
    background-size: 0.36rem 0.24rem;
    background-repeat: no-repeat;
    position: absolute;
    width: 0.36rem;
    height: 0.24rem;
    top: 0%;
    left: 26%;
    z-index: 999;
}
.rankPage_item:nth-of-type(2)::before{
    content: '';
    background-image: url(https://img1.cdh5.cn/4485/images/second.png?v1.6);
    background-size: 0.23rem 0.24rem;
    background-repeat: no-repeat;
    position: absolute;
    width: 0.23rem;
    height: 0.24rem;
    top: 0%;
    left: 26%;
    z-index: 999;
}
.rankPage_item:nth-of-type(3)::before{
    content: '';
    background-image: url(https://img1.cdh5.cn/4485/images/third.png?v1.6);
    background-size: 0.22rem 0.22rem;
    background-repeat: no-repeat;
    position: absolute;
    width: 0.22rem;
    height: 0.22rem;
    top: 0%;
    left: 26%;
    z-index: 999;
}
/* exchangePage */
.exchangePage_close{
    width: 0.8rem;
    height: 0.8rem;
    position: absolute;
    top: 10rem;
    left: 50%;
    transform: translateX(-50%);
}
.exchangePage_user_integral{
    width: 1.1rem;
    height: 0.36rem;
    line-height: 0.36rem;
    font-size: 0.32rem;
    font-weight: bold;
    color: #e24d47;
    position: absolute;
    top: 3.41rem;
    left: 52.5%;
    text-align: center;
}
.exchangePage_content{
    width: 5.46rem;
    height: 5rem;
    position: absolute;
    top: 3.9rem;
    left: 50%;
    transform: translateX(-50%);
    overflow: auto;
}
.exchangePage_item{
    width: 100%;
    height: 1.46rem;
    background-color: #fff;
    border-radius: 0.1rem;
    margin-bottom: 0.16rem;
    position: relative;
}
.exchangePage_img{
    width: 1.33rem;
    height: 0.75rem;
    position: absolute;
    left: 0.16rem;
    top: 50%;
    transform: translateY(-50%);
}
.exchangePage_item_desc{
    width: 2.08rem;
    position: absolute;
    left: 1.67rem;
}
.exchangePage_item_name{
    width: 100%;
    color: #333;
    font-size: 0.28rem;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    position: absolute;
    top: 0.3rem;
}
.exchangePage_item_moneyBox{
    width: 100%;
    position: absolute;
    top: 0.78rem;
    font-size: 0.2rem;
    color: #999999;
}
.exchangePage_item_moneyBox>img{
    width: 0.22rem;
    height: 0.24rem;
}
.exchangePage_item_moneyBox>div{
    display: inline-block;
    width: calc(100% - 0.24rem);
    position: absolute;
    left: 0.24rem;
    top: -0.035rem;
}
.exchangePage_item_money{
    color: #e24d47;
}
.exchangePage_item_right{
    width: 1.28rem;
    position: absolute;
    right: 0.2rem;
    top: 0.4rem;
}
.exchange_btn{
    width: 1.28rem;
    height: 0.66rem;
    margin: 0 auto 0.05rem;
    background-image: url('https://img1.cdh5.cn/4485/images/exchangeBtn.png?v1.6');
    background-size: 100% 100%;
    background-repeat: no-repeat;
}
.exchange_num{
    font-size: 0.2rem;
    width: 100%;
    color: #999;
    text-align: center;
    white-space: nowrap;
    
}
/* headBox */
.headBox{
    width: 3rem;
    height: 1.17rem;
    background-image: url('https://img1.cdh5.cn/4485/images/headBg.png?v1.6');
    background-repeat: no-repeat;
    background-size: 100% 100%;
    position: absolute;
    top: 0.53rem;
    left: 4.33rem;
    z-index: 9;
    font-weight: bold;

}
.headBox_head{
    width: 0.88rem;
    height: 0.88rem;
    border-radius: 50%;
    position: absolute;
    top: 0.11rem;
    left: 0.0965rem;
}
.headBox_nick{
    width: 1.35rem;
    position: absolute;
    top: 0.24rem;
    left: 1.27rem;
    color: #5f2100;
    white-space:nowrap; 
    overflow:hidden; 
    text-overflow:ellipsis;
}
.headBox_step{
    width: 1.76rem;
    position: absolute;
    top: 0.65rem;
    left: 1.08rem;
    color: #5f2100;
}
/* touziBox */
.touziBox{
    width: 2.85rem;
    height: 2.54rem;
    background-image: url('https://img1.cdh5.cn/4485/images/chromons.png?v1.6');
    background-repeat: no-repeat;
    background-size: 100% 100%;
    position: absolute;
    top: 8.8rem;
    left: 50%;
    transform: translateX(-50%);
    z-index: 9;
}
.touziNum{
    width: 0.1rem;
    color: #fff;
    position: absolute;
    top: 0.18rem;
    left: 2rem;
}
#chromons{
    width: 2.85rem;
    height: 1.78rem;
    position: absolute;
    top: 0;
    left: 0;
}
#toTask{
    width: 2.85rem;
    height: 0.65rem;
    position: absolute;
    bottom: 0;
    left: 0;
}
.movebtn{
    display: none;
    width: 0.95rem;
    height: 0.95rem;
    position: absolute;
    top: 11.2rem;
    z-index: 9;
}
.movebtn>p{
    width: 100%;
    position: absolute;
    top: 100%;
    text-align: center;
    font-size: 0.3rem;
    color: #fff;
}
#nextBtn{
    right: 15%;
    background: blue;
}
#lastBtn{
    left: 15%;
    background: blue;
}
#gameBack{
    width: 1.05rem;
    height: 0.49rem;
    position: absolute;
    top: 0.8rem;
    left: 1.4rem;
    background-image: url('https://img1.cdh5.cn/4485/images/yunBack.png?v1.6');
    background-size: 100%;
    background-repeat: no-repeat;
    z-index: 9;
}

/* goldCoin */
.goldCoin_close{
    width: 0.8rem;
    height: 0.8rem;
    position: absolute;
    top: 10.2rem;
    left: 50%;
    transform: translateX(-50%);
}
.goldCoin_user_integral{
    width: 1.1rem;
    height: 0.36rem;
    line-height: 0.36rem;
    font-size: 0.32rem;
    font-weight: bold;
    color: #e24d47;
    position: absolute;
    top: 3.4rem;
    left: 53.5%;
    text-align: left;
}
.goldCoin_content{
    width: 5rem;
    height: 5rem;
    position: absolute;
    top: 3.9rem;
    left: 50%;
    transform: translateX(-50%);
    overflow: auto;
}
.goldCoin_item{
    width: 100%;
    height: 1.1rem;
    background-color: #fff;
    border-radius: 0.1rem;
    margin-bottom: 0.16rem;
    position: relative;
}
.goldCoin_img{
    width: 1.33rem;
    height: 0.75rem;
    position: absolute;
    left: 0.16rem;
    top: 50%;
    transform: translateY(-50%);
}
.goldCoin_item_desc{
    width: 2.08rem;
    position: absolute;
    left: 1.67rem;
}
.goldCoin_item_name{
    width: 100%;
    color: #333;
    font-size: 0.28rem;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    position: absolute;
    top: 0.2rem;
}
.goldCoin_item_moneyBox{
    width: 100%;
    position: absolute;
    top: 0.65rem;
    font-size: 0.2rem;
    color: #999999;
}
.goldCoin_item_moneyBox>img{
    width: 0.22rem;
    height: 0.24rem;
}
.goldCoin_item_moneyBox>div{
    display: inline-block;
    width: calc(100% - 0.24rem);
    position: absolute;
    left: 0.24rem;
    top: -0.035rem;
}
.goldCoin_item_money{
    color: #e24d47;
}
.goldCoin_item_right{
    width: 1.28rem;
    position: absolute;
    right: 0.2rem;
    top: 50%;
    transform: translateY(-50%);
}
.exchange_btn{
    width: 1.28rem;
    height: 0.66rem;
    margin: 0 auto 0.05rem;
    background-image: url('https://img1.cdh5.cn/4485/images/exchangeBtn2.png?v1.6');
    background-size: 100% 100%;
    background-repeat: no-repeat;
}
.exchange_num{
    font-size: 0.2rem;
    width: 100%;
    color: #999;
    text-align: center;
    white-space: nowrap;
    
}
/* ewmBox */
.ewmBox_close{
    width: 0.8rem;
    height: 0.8rem;
    position: absolute;
    top: 8.5rem;
    left: 50%;
    transform: translateX(-50%);
}
.ewmImg{
    width: 2.6rem;
    height: 2.6rem;
    position: absolute;
    top: 45%;
    left: 50%;
    transform: translateX(-50%);
}
/* taskPage */
.taskPage_content{
    width: 5.54rem;
    height: 5rem;
    position: absolute;
    top: 3.66rem;
    left: 50%;
    transform: translateX(-50%);
}
.taskPage_close{
    width: 0.8rem;
    height: 0.8rem;
    position: absolute;
    top: 8.8rem;
    left: 50%;
    transform: translateX(-50%);
}
.taskPage_item{
    width: 100%;
    height: 1.11rem;
    background-image: url('https://img1.cdh5.cn/4485/images/taskBg.png?v1.6');
    background-size: 100% 100%;
    background-repeat: no-repeat;
    position: relative;
    margin-bottom: 0.19rem;
}
.taskIcon{
    display: block;
    width: 0.76rem;
    height: 0.76rem;
    position: absolute;
    top: 50%;
    left: 0.2rem;
    transform: translateY(-50%);
}
.taskTitle{
    width: 2.5rem;
    position: absolute;
    left: 1.1rem;
    top: 0.2rem;
    color: #000;
    font-size: 0.26rem;
}
.taskDesc{
    width: 2.5rem;
    position: absolute;
    left: 1.1rem;
    top: 0.64rem;
    color: #999999;
    font-size: 0.22rem;
}
.taskDice{
    position: absolute;
    left: 4.65rem;
    top: 0.1rem;
    color: #225e53;
    font-size: 0.26rem;
}
.taskBtn{
    display: block;
    width: 1.1rem;
    height: 0.50rem;
    position: absolute;
    top: 0.49rem;
    left: 4.2rem;
}
/* strategy */
.strategy_close{
    width: 0.8rem;
    height: 0.8rem;
    position: absolute;
    top: 7.3rem;
    left: 50%;
    transform: translateX(-50%);
}
.strategy_content{
    width: 4.99rem;
    height: 3.2rem;
    position: absolute;
    top: 4rem;
    left: 50%;
    transform: translateX(-50%);
    overflow: auto;
}
.strategy_img{
    display: block;
    width: 100%;
}
/* exchangeDicePage */
.exchangeDicePage_close{
    width: 0.8rem;
    height: 0.8rem;
    position: absolute;
    top: 2.7rem;
    left: 6.2rem;
}
.exchangeDicePage_integral{
    position: absolute;
    top: 3.92rem;
    left: 4.55rem;
}
.exchangeDiceInputBox{
    width: 1.2rem;
    height: 0.52rem;
    position: absolute;
    top: 5.82rem;
    left: 3.56rem;
}
#exchangeDiceInput{
    height: 0.52rem;
    line-height: 0.52rem;
    color: #fff;
    font-size: 0.3rem;
    text-align: center;
}
.exhanegDice{
    width: 3.40rem;
    height: 0.82rem;
    position: absolute;
    top:7rem;
    left: 50%;
    transform: translateX(-50%);
}
.needIntegral{
    color: #fff;
    font-size: 0.22rem;
    position: absolute;
    top: 40%;
    left: 0.78rem;
    transform: translateY(-50%);
}
/* infoPage */
.info_content{
    width: 5.93rem;
    height: 9.67rem;
    background-image: url('./infoPage.png');
    background-repeat: no-repeat;
    background-size: 100% 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.infoBox{
    width: 2.96rem;
    height: 5.2rem;
    position: absolute;
    top: 1.51rem;
    left: 2.1rem;
}
.login_info{
    width: 100%;
    height: 0.8rem;
    position: relative;
    margin-bottom: 0.12rem;
}
#user_address{
    width: 100%;
    height: 1.2rem;
    border: 0;
    user-select: none;
    resize:none;
    background-color: transparent;
    position: absolute;
    top: 0.2rem;
    color: #333333;
}

.login_info>input{
    width: 100%;
    height: 0.8rem;
    line-height: 0.8rem;
}

.submitInfo{
    width: 3.22rem;
    height: 1.22rem;
    position: absolute;
    top: 7.5rem;
    left: 50%;
    transform: translateX(-50%);
}
.close_infoPage{
    width: 0.8rem;
    height: 0.8rem;
    position: absolute;
    bottom: 0rem;
    left: 50%;
    transform: translateX(-50%);
}

.exTip1{
    width: 5.7rem;
    position: absolute;
    top: 9.45rem;
    left: 50%;
    transform: translateX(-50%);
    text-align: center;
    font-size: 0.22rem;
    color: #fff;
}
.exTip2{
    width: 5.7rem;
    position: absolute;
    top: 9.75rem;
    left: 50%;
    transform: translateX(-50%);
    text-align: center;
    font-size: 0.22rem;
    color: #fff;
}
/* cardTip */
.cardTip{
    width: 4.7rem;
    height: 5.57rem;
    background-image: url('./cardBagTip.png');
    background-size: 100% 100%;
    background-repeat: no-repeat;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.cardTip_close{
    width:0.8rem;
    height: 0.8rem;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
}
.card_tip1{
    width: 4.2rem;
    text-align: center;
    font-size: 0.24rem;
    color: #333;
    position: absolute;
    top: 1.21rem;
    left: 50%;
    transform: translateX(-50%);
}
.card_tip2{
    width: 100%;
    text-align: center;
    font-size: 0.24rem;
    color: #333;
}
.cardTipImg{
    display: block;
    width: 2rem;
    position: absolute;
    top: 2.5rem;
    left: 50%;
    transform: translateX(-50%);
}