@charset "utf-8";

.mask{width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 99; background: rgba(0,0,0,.8); display: none;}
.tcbox{ width: 6rem; height: auto;  position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform:translate(-50%,-50%);
    -moz-transform:translate(-50%,-50%);
    -ms-transform:translate(-50%,-50%);
    -o-transform:translate(-50%,-50%);
    transform:translate(-50%,-50%);
    -webkit-border-radius: .7rem;
    -moz-border-radius: .7rem;
    border-radius: .7rem;
    /* margin-top: -.8rem;  */
    background: url("../images/tc-bg01.png") no-repeat center /100%;
    display: flex;
    justify-content: center;
    align-content: flex-start;
    flex-wrap: wrap;
}

.tcbox .tcbtm::before{
    content: ''; width: 1.2rem; height: 1.51rem; display: block;
    background: url("../images/tc-gold01.png") no-repeat center;
    background-size: 100%;
    position: absolute; left: -.4rem; top: -.3rem;
}
.tcbox::after{
    content: ''; width: .82rem; height: .87rem; display: block;
    background: url("../images/tc-gold02.png") no-repeat center;
    background-size: 100%;
    position: absolute; right: -.1rem; top: -.3rem;
}
.tcbox .linearBox{
    width: 5.3rem;min-height: 5rem;
    background: url("../images/tc-bg03.png") no-repeat center top / 100%;
    margin-top: -1.8rem;
}


.tcbox h3{
    font-size: .46rem; line-height: .89rem; font-weight: bold;color: #fff;
    width: 100%; height: 1.08rem; float: left; margin-top: -.18rem;text-align: center;
}
.tcbox h3.type01{
    background: url("../images/tc-tit01.png") no-repeat center;
    background-size: auto 1.08rem;
}
.tcbox h3.type02{
    background: url("../images/tc-tit02.png") no-repeat center;
    background-size: auto 1.08rem;
}

.tcbox .tcbtm{
    width: 6rem; height: auto;min-height: 2.39rem;  float: left; margin-top: -1.06rem; text-align: center;
    background: url("../images/tc-bg02.png") no-repeat center bottom;
    background-size: 100%;
    border-radius: 0 0 .7rem .7rem;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}
.tcbox .tcbtm.type02{
    background: url("../images/tc-bg04.png") no-repeat center bottom / 100%;
    height: 1.7rem;
    margin-top: -1.7rem;
}
.tcbox .tcbtm a{
    width: 3.28rem; height: 1.02rem; display: inline-block; margin: 1.03rem .1rem .15rem; text-align: center;
    font-size: .44rem; line-height: 1.02rem; color: #93420c; font-weight: bold;
    background: url("../images/tc-btn01.png") no-repeat center;
    background-size: 100%;
    position: relative;
    text-shadow: 0 .02rem 0 #fff;
    box-shadow: 0 .07rem .16rem rgba(244,70,45,.5);
    border-radius: .6rem;
}
.tcbox .tcbtm a.btn02{
    width: 2.56rem; height: .79rem; line-height: .79rem; font-size: .34rem;
    background: url("../images/tc-btn02.png") no-repeat center / auto 100%;
}
.tcbox .tcbtm a.btn03{
    width: 2.55rem; height: .79rem; line-height: .79rem; font-size: .34rem; color: #fff;
    text-shadow: none;
    background: url("../images/tc-btn03.png") no-repeat center / auto 100%;
}

.tcbox .tcbtm p{
    font-size:.24rem; color: #fee9d7; margin: 0 auto .15rem;
}

.tipSure{width: 100%; clear: both; float: left; text-align: center; margin: -.22rem auto 0;}
.tipSure a{
    width: 3.26rem; height: .94rem; display: inline-block; margin: auto; text-align: center;
    font-size: .36rem; line-height: .88rem; color: #93420c; font-weight: bold;
    background: url("../images/tc-btn01.png") no-repeat center;
    background-size: 100%;
    position: relative;
}




.close{position: absolute; top: -2rem; right:-.2rem; display: block; width: .58rem; height: .58rem; z-index: 99;}
.close02{top: -.2rem;}
.close a{width: 100%; display: block;}
.close a img{width: 100%; display: block;}

/* 点击loading */
/* #loadPage{display: block;} */
.loadingbox{width: 20%; height: 1.8rem; display: block;  text-align: center; position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform:translate(-50%,-50%);
    -moz-transform:translate(-50%,-50%);
    -ms-transform:translate(-50%,-50%);
    -o-transform:translate(-50%,-50%);
    transform:translate(-50%,-50%);
}
.loadingbox img{width: 100%; height: auto; display: inline-block; max-width: 1.24rem;}


/* 温馨提示 */
/* #notePage{display: block;} */
.noteTxt{
    width: 100%; clear: both; float: left; margin: .2rem auto .35rem;
    text-align: center;
}
.noteTxt img{display: inline-block; margin:0 auto .2rem; height: 2.33rem; }
.noteTxt p{
    font-size: .32rem; line-height: .47rem; color: #333;margin-bottom: .2rem;
}
.noteTxt p em{color:#af4c10; font-weight: bold}

/* 恭喜中奖 */
/* #drawPage{display: block;} */
.drawTxt{
    width: 100%; clear: both; margin: .3rem auto .8rem;
    text-align: center;
    display: flex;
    justify-content: center;
    align-content: flex-start;
    flex-wrap: wrap;
}
.drawTxt img{display: block; margin:.2rem auto .2rem; width: 3.89rem; }
.drawTxt span{
    font-size: .32rem; line-height: .48rem; color: #af4c10; font-weight: 600;
    width: 100%; clear: both;
}
.drawTxt p{
    font-size: .24rem; line-height: .33rem; color: #333;
    text-align: left;
    width: 4.32rem; display: block;
    margin: .2rem auto 0;
}
.drawTxt p em{color: #af4c10;}
/* 我的奖品 */
/* #drawListPage{display: block;} */
.drawList{
    width: 4.5rem; margin: .2rem .4rem .7rem;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    flex-wrap: wrap;
    max-height: 4.1rem;
    min-height: 2rem;
    overflow-y: scroll;
}
.drawList ul{
    width: 100%; display: block; clear: both;
    font-size: .26rem; line-height: .3rem;
    position: relative; z-index: 3;
}
.drawList ul li{
    width: 100%; padding: .06rem 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    white-space: nowrap;
}
.drawList ul li span{ width: 2.9rem; line-height: .3rem;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
}
.drawList ul li span i{
    width: .3rem; height: .3rem; display: block;
    background: #fe4e4a;
    border-radius: 50%;
    line-height: .3rem; font-size:.22rem; color: #fff;
     margin-right: .1rem;
    text-align: center;
}
.drawList ul li span em{width: 2.4rem; display: block;
    white-space: normal;
}
#drawListPage .drawList ul li a{
    width: 1.29rem; height: .45rem; display: inline-block; cursor: pointer;
    font-size: .24rem; line-height: .45rem; color: #fff; font-weight: bold;
    text-align: center;
    background: url("../images/tc-btn04.png") no-repeat center / 100%;
    border-radius: .5rem;
    box-sizing: border-box;
}

/* 科目权益 */
/* #prosubPage{display: block;} */
.proList{
    width: 4.8rem; margin: 0 .23rem .5rem;
    display: flex;
    justify-content: center;
    align-content: flex-start;
    flex-wrap: wrap;
    position: relative;z-index: 3;
}
.proList h4{
    font-size: .32rem; line-height: 1; font-weight: 600; color: #af4c10;
    padding: .4rem 0 .3rem;
}
.proList ul{
    width: 100%; clear: both;
    display: flex;
    justify-content: space-between;
    align-content: flex-start;
    flex-wrap: wrap;
}
.proList ul.type02{
    /* justify-content: center; */
}
.proList ul li{
    width: 2.24rem; height: .63rem; display: block;
    background: #fff;
    border: solid #ffa973 .02rem;
    border-radius: .5rem;
    font-size: .28rem; line-height: .61rem; text-align: center;
    margin-bottom: .2rem;
    box-sizing: border-box;
    color: #ff3e16;
    font-weight: bold;
}
.proList ul.type02 li{
    /* width: 3.5rem; */
    width: 2.35rem;
    font-size: .24rem;
}
.proList ul li.on{
    color: #fff;
    background: url("../images/tc-img04.png") no-repeat center / 100%;
    border: none;
}


/* 填写收货地址 */
/* #addressPage{display: block;} */
.addressbox{
    width: 100%; clear: both; float: left; margin: 0 auto .7rem;
    display: flex;
    justify-content: center;
    align-content: flex-start;
    flex-wrap: wrap;
}
.addressbox .tip{
    width: 100%; clear: both;
    display: flex;
    justify-content: center;
    align-content: flex-start;
    flex-wrap: wrap;
}
.addressbox .tip h4{
    width: 100%; font-size: .26rem; line-height: .48rem; color: #fd310d; text-align: center;
}
.addressbox .tip p{font-size: .24rem; line-height:.34rem; clear: both; margin: .1rem auto .15rem; width: 4.5rem;}

.addressbox ul{width: 4.5rem; margin: .1rem .31rem 0;}
.addressbox ul li{
    width: 100%; clear: both; float: left; margin-bottom: .25rem;
    font-size: .26rem;
}
.addressbox ul li.user,.addressbox ul li.phone{
    background: #fff;
    border: solid 0.01rem #fe4c44;
    border-radius: .1rem;
    height: .65rem;
    line-height: .65rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.addressbox ul li label em{margin-left: .05rem;}

/* .addressbox ul label{ font-size: .24rem; line-height:.36rem;color: #333;float: left; text-align: left; font-weight: bold;} */
.addressbox ul em{color: #ff3f3f;}
.addressbox ul li input{
    width: 100%; height: .65rem; float: left;
    background: rgba(255,255,255,.15); font-size: .28rem; line-height: .65rem;
    border: none;
    color: #333; text-indent: .1rem;
}
.addressbox ul li input#userNames{width: 4.2rem;}
.addressbox ul li input#userPhones{width: 4.2rem;}
.addressbox ul li input#address{
    width: 100%;
    background: #fff;
    border: solid 0.01rem #fe4c44;
    border-radius: .1rem;
    height: .65rem;
    line-height: .65rem;
}
.addressbox ul li textarea{width: 2.6rem;height: auto; float: left; background: rgba(255,255,255,.15); font-size: .28rem; line-height: .36rem;
    border: none;
    border-bottom: solid 2px #a0a09e;
    color: #333; text-indent: .1rem;
    resize: none;
}
.addressbox ul li.region{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.addressbox ul li .form-group{width: 32%; }
/* .addressbox ul li .form-group:last-child{width: 34%; margin-right: 0;} */
.addressbox ul li .form-group span{
    float: left;color: #444;font-size: .28rem;
}
.addressbox ul li select{
    width: 100%; height: .65rem;clear: both;float: left;
    font-size: .24rem; line-height: .65rem;color: #444;
    background: #fff;
    border: solid 0.01rem #fe4c44;
    border-radius: .1rem;
}
/* 确认地址 */
/* #surePage{display: block;} */
.sureTxt{width: 100%; clear: both;margin: .2rem auto .3rem;
    display: flex;
    justify-content: center;align-items: flex-start;
    flex-wrap: wrap;
}
.sureTxt ul{
    width: 4.5rem; margin: .2rem auto 0;
}
.sureTxt ul li{font-size: .28rem; line-height: .36rem; clear: both; float: left;margin-bottom: .15rem; width: 100%;
    color: #444;
}
.sureTxt ul li span{float: left;}
.sureTxt ul li p{
    font-size: .28rem; line-height: .36rem; min-height: .36rem; font-weight: bold;
}
.sureTxt .zhu{
    font-size: .24rem; line-height: .36rem; color: #fe4c44;
    text-align: center;
}

.editBtn{
    width: 100%; clear: both; float: left; text-align: center;
}
.editBtn a{
    width: 3.28rem; height: .95rem; display: inline-block; margin: .23rem auto .35rem; text-align: center;
    font-size: .36rem; line-height: .87rem; color: #fff; font-weight: bold;
    background: url("../images/tc-btn02.png") no-repeat center;
    background-size: 100%;
    position: relative;
}
.editBtn a span{
    background: linear-gradient(to bottom, #fff, #fdff50);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent;
}

/* 物流信息 */
/* #logisticsPage{display: block;} */
.logistbox{
    width: 100%; clear: both; float: left; margin: .45rem auto .3rem;
    text-align: center;
}
.logistbox img{width: 2.27rem; display: inline-block;}
.logistbox p{font-size: .26rem; line-height: .48rem; color: #333; width: 100%;
    clear: both; float: left;margin-top: .15rem;
}
.logistbox p span{
    color: #e94a55; display: block;
}


/* pc版打开遮罩 */

.fix-bg{width:100%; height: 100%; background: rgba(0,0,0,0); position: fixed; top: 0; left: 0; display: none; z-index: 9; text-align: center;}




@-webkit-keyframes scaleDraw{
    0%  {transform: scale(.9); }
    25% {transform: scale(1.1);}
    50% {transform: scale(.9);}
    75% {transform: scale(1.1);}
    100%{transform: scale(.9);}
}
@keyframes scaleDraw {  /*定义关键帧、scaleDrew是需要绑定到选择器的关键帧名称*/
    0%  {transform: scale(.9); }
    25% {transform: scale(1.1);}
    50% {transform: scale(.9);}
    75% {transform: scale(1.1);}
    100%{transform: scale(.9);}
}