*{
    margin:0;
    padding:0;
    font-family: "Source Han Sans CN Medium";
}
@font-face {
    font-family: 'Source Han Sans CN Medium';
    src:url('SourceHanSansCN-Medium.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Source Han Sans CN Heavy';
    src:url('SourceHanSansCN-Heavy.ttf?v=20200603004') format('truetype');
    font-weight: normal;
    font-style: normal;
}
.wrap{
    width:7.5rem;
    margin:0 auto;
}
.collectorWrap{
    width:100%;
    /*打开绑定前*/
    /*background: #d4daef url("./bg618.jpg?v=20200610001") 0 0;*/
    /*打开绑定前*/

    /*打开绑定后*/
    background: #d4daef url("./bg618new.jpg?v=20200610002") 0 0;
    /*打开绑定后*/
    background-size: 100% auto;
    position: relative;
}
.returnedWrap{
    width:100%;
    background: #d4daef url("./bg2.jpg?v=20200610002") 50% top;
    background-size: 100% auto;
    position: relative;
    height:21.5rem;
}
.title{
    height:13.71rem;
    position: relative;
    overflow: hidden;
}
#share1{
    position: absolute;
    top:.44rem;
    right:.28rem;
    width:2.32rem;
    height:.65rem;
}
.title .total{
    position: relative;
    width:6.85rem;
    height:.58rem;
    background:url('./total.png') 50% 50% no-repeat;
    background-size: contain;
    margin-top:10.47rem;
    margin-left: .15rem;
}
#num,
#num2{
    position: absolute;
    width:1.8rem;
    height:.58rem;
    font-size: .48rem;
    font-family: 'Source Han Sans CN Heavy';
    font-style:italic ;
    left: 1.9rem;
    line-height: .5rem;
    color:#ffa800;
    text-align: center;
}
.loginpage{
    height: 14.33rem;
    overflow: hidden;
    padding-top: 4.2rem;
    box-sizing: border-box;
    position: relative;
}
.loginBtn{
    width:6.17rem;
    height:9.25rem;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
}
a[name="loginenter"]{
    position: absolute;
    top:0;
    width:1px;
    height:1px;
}
.scan{
    position: absolute;
    width:6rem;
    height:3.55rem;
    top:2.82rem;
    left:50%;
    margin-left: -3rem;
    background:url('scan.png') 50% 50% no-repeat;
    background-size: contain;

    /*animation: scan 2s alternate infinite;*/
}
.ani-scan{
    -moz-animation: scan 2s linear alternate infinite;
    -webkit-animation: scan 2s linear alternate infinite;
    -o-animation: scan 2s linear alternate infinite;
    -ms-animation: scan 2s linear alternate infinite;
    animation: scan 2s linear alternate infinite;
}
@keyframes scan{
  /*  0%{
        top:2.82rem;  
    }*/
    100%{
        top:7rem;
    }
}
.rewards{
    height:9.79rem;
}
.rewards .title{
    width:2.77rem;
    height:.96rem;
    background:url('rewardsT.png') 50% 50% no-repeat;
    background-size: contain;
}
.rewards .milestone{
    width:6.94rem;
    height:7.1rem;
    margin:.28rem auto 0;
}
.rewards .milestone .states{
    height:7.1rem;
    width:.06rem;
    background:#535353;
    float: left;
    position: relative;
    height: 6.88rem;
    top: 0.2rem;
}
.rewards .milestone .states:before{
    position: absolute;
    width:.06rem;
    content:'';
    height:.03rem;
    background:#eb8500;
    top: -0.06rem;
}
.milestone .geted{
    position: absolute;
    height:.6rem;
    width:.06rem;
    background:#eb8500;
}
.states .points{
    height:7.1rem;
    width:.29rem;
    position: absolute;
    top:0;
    left:50%;
    margin-left: -.15rem;
}
.states .point{
    width:.18rem;
    height:.18rem;
    background:#0e050a;
    position: absolute;
    top:1.5rem;
    left:50%;
    transform: translateX(-50%);
    box-sizing: content-box;
}
.states .point:nth-child(1){
    top:.8rem;
}
.states .point:nth-child(2){
    top:2.5rem;
}
.states .point:nth-child(3){
    top:4.44rem;
}
.states .point:nth-child(4){
    top:6.25rem;
}
.states .point.get{
    width:.17rem;
    height:.17rem;
    background:#e47534;
}
.states .point.arrive{
    width:.17rem;
    height:.17rem;
    border:.08rem solid #eb8500;
}
.rewardsInfo{
    float: left;
    width:6.37rem;
    margin-left: .3rem;
    height:7.1rem;
    display: -webkit-flex;
    display: flex;
    flex-direction: column ;
    justify-content: space-between;
}

.rewardsInfo .step:nth-child(1){
    background:url('r1.png') 50% 50% no-repeat;
}
.rewardsInfo .step:nth-child(2){
    background:url('r2.png') 50% 50% no-repeat;
}
.rewardsInfo .step:nth-child(3){
    background:url('r3.png') 50% 50% no-repeat;
}
.rewardsInfo .step:nth-child(4){
    background:url('r4.png') 50% 50% no-repeat;
}

.rewardsInfo .step:nth-child(1).arrive{
    background:url('a1.png') 50% 50% no-repeat;
}
.rewardsInfo .step:nth-child(2).arrive{
    background:url('a2.png') 50% 50% no-repeat;
}
.rewardsInfo .step:nth-child(3).arrive{
    background:url('a3.png') 50% 50% no-repeat;
}
.rewardsInfo .step:nth-child(4).arrive{
    background:url('a4.png') 50% 50% no-repeat;
}

.rewardsInfo .step{
    width:6.37rem;
    height:1.68rem;
    background-size: 6.37rem auto !important;
}
.shareInfo{
    height:14.45rem;
    overflow: hidden;
}
.shareInfo .process{
    width:6.16rem;
    height:.94rem;
    margin:.45rem auto 0;
    background:url('process.png?v=20200610002') no-repeat;
    background-size: auto .94rem;
    overflow: hidden;
}
.processall{
    width:6.16rem;
    height:.13rem;
    background:url('p1.png?v=20200609001') 50% 50% no-repeat;
    background-size: contain;
    margin-top:.37rem;
}
.processnow{
    height:100%;
    width:0;
    background:#ef9700;
}
.shareInfo .mycollect{
    width:6.21rem;
    height:2.63rem;
    margin:0 auto ;
    /*打开绑定前*/
    /*background:url('mycollect.png?v=20200605001') 50% 50% no-repeat;*/
    /*打开绑定前*/

    /*打开绑定后*/
    background:url('mycollec1t.png?v=20200605001') 50% 50% no-repeat;
    /*打开绑定后*/
    background-size: contain;
    overflow: hidden;
}
.collectsWrap{
    width:5.5rem;
    height:1.85rem;
    /*margin:0 auto;*/
    margin: .35rem 0rem 0rem .48rem;
    overflow: auto;
}

.collectsWrap .item{
    width:4.1rem;
    height:.31rem;
    line-height:.31rem;
    background:url('itembg.png?v=20200605001') 50% 50% no-repeat;
    background-size: contain;
    margin:0 auto;
    margin-top: .15rem;
    text-align: center;
    font-size: .24rem;
    color:#fff;
    font-family: 'Source Han Sans CN Medium';
    letter-spacing: .01rem;
}
.collectsWrap .scrollbar {
    width:.09rem;
    /*width : .1rem;*/
    height: 100%;
    margin: 0 auto;
    overflow: visible;
}
.collectsWrap::-webkit-scrollbar {
    /*滚动条整体样式*/
    width : .09rem;  /*高宽分别对应横竖滚动条的尺寸*/
    /*height: 1px;*/
}
.collectsWrap::-webkit-scrollbar-thumb {
    /*滚动条里面小方块*/
    background   : url(scl-thumb.png?v=2) 50% bottom no-repeat;
    background-size: .09rem 90%; 
    width : .09rem;
}
.collectsWrap::-webkit-scrollbar-track {
    /*滚动条里面轨道*/
    background   : url(scl-track.png?v=2) 50% 50% no-repeat;
    background-repeat: repeat-y;
    /*background-size: contain; */
}

.shareNum{
    margin-top:5.9rem;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: .31rem;
    letter-spacing: .02rem;
    font-family: 'Source Han Sans CN Medium';
}
.shareNum img{
    width:.13rem;
    margin:0 .05rem;
}
.rotate180{
    transform: rotate(180deg);
}
#shareNum{
    font-size: .6rem;
    color:#ff9100;
    display: inline-block;
    position: relative;
    top:-.08rem;
    margin:0 .02rem 0;
    font-family: 'Source Han Sans CN Heavy';
}
.shareBtn{
    width:4.35rem;
    height:1.18rem;
    background:url('share.png') 50% 50% no-repeat;
    background-size: contain;
    margin:.66rem auto 0;
}
.show{
    height:23.3rem;
    padding-top:11.26rem ;
    position: relative;
    box-sizing: border-box;
}
.show .get{
    margin: 0 auto;
    width:2.46rem;
    height:.68rem;
    background:url('get.png') 50% 50% no-repeat;
    background-size: contain;
}
#download{
    position: absolute;
    width:4.33rem;
    height:1.19rem;
    background:url('download.png') 50% 50% no-repeat;
    background-size: contain;
    bottom:.5rem;
    left:50%;
    margin-left: -2.16rem;
}
.returnedWrap #download{
    bottom:1rem;
}
.footer{
    height:2.24rem;
    width:100%;
    background:#201e27;
    overflow: hidden;
}
.footer .footerContent{
    width:6.84rem;
    height:1.8rem;
    background:url('footer.jpg') 50% 50% no-repeat;
    background-size: contain;
    margin:.28rem auto 0;
    position: relative;
}
#top{
    width:.82rem;
    height:.83rem;
    position: absolute;
    right:0;
    top:0;
}
#beian{
    width: 4.7rem;
    height: .32rem;
    top: 1.24rem;
    position: absolute;
}

#cover{
    display: none;
    position: fixed;
    width:100%;
    height:100%;
    background:rgba(0,0,0,.5);
    z-index:99;
    top: 0;
    left: 0;
}
.pop{
    position: fixed;
    z-index:100;
    top:50%;
    left:50%;
    transform: translateX(-50%) translateY(-50%);
    display: none;
}
.pop .close{
    position: absolute;
    width:.33rem;
    height:.32rem;
    top:-.39rem;
    right:-.16rem;
    background:url('close.png') 50% 50% no-repeat;
    background-size: contain;
}
#login{
    width:6.9rem;
    height:4.2rem;
    background:url('poplogin.png') 50% 50% no-repeat;
    background-size: contain;
}
#login .item{
    width:3.7rem;
    height:.32rem;
    font-size: 0;
    color:#fff;
    /*text-align: center;*/
}
#login .item:first-child{

    margin:1.54rem auto 0;
}
#login .item:nth-child(2){
    
    margin:.35rem auto 0;
}
#login label{
    height: .4rem;
    line-height: .4rem;
    font-size: .3rem;
}
#login .item input,
#login .item select{
    height:.4rem;
    width:2.88rem;
    float: right;
    background:rgba(0,0,0,.5);
    outline: none;
    border:.02rem solid #fff ;
    box-sizing: border-box;
    color:#fff;
}
#login .item{
    font-size: 0;
}
#login .item select{
    font-size: .2rem;
    line-height:.4rem;
}
#login .item select option{
    color:#333;
    background:#fff;
}
#login .btn{
    width:2.18rem;
    height:.62rem;
    margin:.36rem auto 0;
    position: relative;
}
#login .loginSubmit{
    width:2.18rem;
    height:.62rem;
    background:url('loginBtn.png') 50% 50% no-repeat;
    background-size: contain;
    position: absolute;
    top:0;
    left: 0;
}
#login .btnCover{
    width:2.18rem;
    height:.62rem;
    position: absolute;
    top:0;
    left: 0;
    background:rgba(0,0,0,.2);
}

#loginSuc{
    width:6.9rem;
    height:4.2rem;
    background:url('loginSuc.png') 50% 50% no-repeat;
    background-size: contain;
}
#collect{
    width:2.15rem;
    height:.6rem;
    margin:2.92rem auto 0;
    display: block;
}
#loginSuc .num{
    position: absolute;
    top:.54rem;
    left:1.4rem;
    height:.39rem;
    line-height:.39rem;
    border-left: .06rem solid #f3af23;
    color:#fff;
    font-size: .36rem;
    font-family: 'heavy';
    padding-left: .03rem;
    font-family: "Source Han Sans CN Heavy";
}
#loginSuc .num>*{
    font-family: "Source Han Sans CN Heavy";
}
#comfirm{
    width:6.91rem;
    height:4.21rem;
    background:url('comfirm.png') 50% 50% no-repeat;
    background-size: contain;
}
#comfirm .btns{
    width:3.57rem;
    height:.39rem;
    margin:2.55rem auto 0;
}
#comfirm .btns>a{
    width:1.45rem;
    height:100%;
}
#comfirm .btns .yes{
    float: left;
}
#comfirm .btns .no{
    float: right;
}

#share{
    position: fixed;
    display: none;
    width:6.7rem;
    height:7.62rem;
    background:url('popshare.png') 50% top no-repeat;
    background-size: contain;
    top:.1rem;
    right:.1rem;
    z-index: 100;
    font-size: .35rem;
    color:#ededed;
    padding-top:3rem;
    /*padding-left:1rem;*/
    box-sizing:border-box;
}

.returnedWrap .title .total{
    margin-top: 9.75rem;
}
.returnedWrap .titlebtn{
    margin:1rem auto 0;
    height:.81rem;
    width:6.5rem;
}
.bind{
    width:2.96rem;
    height:.81rem;
    background:url('bind.png') 50% 50% no-repeat;
    background-size: contain;
    float: left;
}
.back{
    width:2.94rem;
    height:.81rem;
    background:url('back.png?v=10') 50% 50% no-repeat;
    background-size: contain;
    float: right;
}

#bind{
    width: 6.9rem;
    height: 4.2rem;
    background: url(popbind.png?v=20200611001) 50% 50% no-repeat;
    background-size: contain;
}
#bind .item{
    width:3.7rem;
    height:.32rem;
    font-size: 0;
    color:#fff;
    /*text-align: center;*/
}
#bind .item:first-child{

    margin:1.54rem auto 0;
}
#bind .item:nth-child(2){
    
    margin:.35rem auto 0;
}
#bind label{
    height:.4rem;
    line-height:.4rem;
    font-size: .3rem;
}
#bind .item input,
#bind .item select{
    height:.4rem;
    width:2.88rem;
    float: right;
    background:rgba(0,0,0,.5);
    outline: none;
    border:.02rem solid #fff ;
    box-sizing: border-box;
    color:#fff;
}
#bind .item select option{
    color:#333;
    background:#fff;
}
#bind .btn{
    width:2.18rem;
    height:.62rem;
    margin:.36rem auto 0;
    position: relative;
}
#bind .bindSubmit{
    width:2.18rem;
    height:.62rem;
    background:url('bindBtn.png') 50% 50% no-repeat;
    background-size: contain;
    position: absolute;
    top:0;
    left: 0;
}
#bind .btnCover{
    width:2.18rem;
    height:.62rem;
    position: absolute;
    top:0;
    left: 0;
    background:rgba(0,0,0,.3);
}

#bindComfirm{
    width:6.91rem;
    height:4.21rem;
    background:url('comfirmbind.png') 50% 50% no-repeat;
    background-size: contain;
}
#bindComfirm .btns{
    margin:2.55rem auto 0;
    width:3.55rem;
    height:.4rem;
}
#bindComfirm .btns .yes{
    float: left;
    width:1.5rem;
    height:.4rem;
}
#bindComfirm .btns .no{
    float: right;
    width:1.4rem;
    height:.4rem;
}

#geted{
    /*display: block;*/
    width: 4.3rem;
    height: 1rem;
    line-height: 1rem;
    text-align: center;
    background:rgba(0,0,0,.6);
    color:#fff;
    font-size: .3rem;
    letter-spacing: .04rem;
    font-family: "Source Han Sans CN Medium";
}
.up{
    -moz-animation: up .1s linear 0s 1 alternate forwards;
    -webkit-animation: up .1s linear 0s 1 alternate forwards;
    -o-animation: up .1s linear 0s 1 alternate forwards;
    -ms-animation: up .1s linear 0s 1 alternate forwards;
    animation: up .1s linear 0s 1 alternate forwards;
}
@keyframes up{

    100%{
        transform: translateX(-50%) translateY(-75%);
    }
}
#relogin{
    color: #EC7B2E;
    font-size: .2rem;
    text-decoration: underline;
    position: absolute;
    bottom: 0.2rem;
    left: 50%;
    transform: translateX(-50%);
}
.dn{display: none;}