@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;}
.fix-bg{width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 9; background: rgba(0,0,0,0); display: none;}
.tcbox{ width: 6.02rem; height: auto; display: block;  position: absolute;
    top: 50%;
    left: 50%;
    background: url("../images/tc-k02.png") repeat-y center / 100%;
    -webkit-transform:translate(-50%,-50%);
    -moz-transform:translate(-50%,-50%);
    -ms-transform:translate(-50%,-50%);
    -o-transform:translate(-50%,-50%);
    transform:translate(-50%,-50%);
    padding-bottom: .15rem;
}
.tcbox::before{
    content: ""; width: 100%; height: .78rem; display: block;
    background: url("../images/tc-k01.png") no-repeat center / 100%;
    position: absolute; top: -.76rem; left: 0;
}
.tcbox::after{
    content: ''; width: 100%; height: .2rem;
    background: url("../images/tc-k03.png") no-repeat center / 100%;
    position: absolute; bottom: -.18rem; left: 0;
}
.tcbox .line01{
    width: 1.67rem; height: 1.86rem; display: block;
    background: url("../images/tc-line01.png") no-repeat center / 100%;
    position: absolute; right: 0; top: -.61rem;
}
.tcbox .line02{
    width: .14rem; height: 1.27rem; display: block;
    background: url("../images/tc-line02.png") no-repeat center / 100%;
    position: absolute; left: 0; bottom: 20%;
}
.tcbox h3{
    width: 100%; height: .74rem; display: flex;
    justify-content: center; align-items: center;
    background: url("../images/tc-title01.png") no-repeat center / auto 100%;
    position: absolute; left: 0; top: -.98rem;
    font-size: .36rem; font-weight: 700; color: #fff;
    text-align: center;
}
.tcbox h3::before{
    content: attr(data-txt); /*动态获取数据*/
    position: absolute;
    left: 0; top: .02rem;
    width:100%;height: .74rem; display: block;
    font-size: .38rem; font-weight: bolder; line-height: .74rem;
    color: #2c55df;
    text-shadow: 0 .01rem .01rem #2c55df,0 -.01rem .01rem #2c55df;
}
.tcbox h3 span{
    background: linear-gradient(to bottom, #fff 0%, #6afeff 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent;
    position: relative;
}
.tcbox .kuang{
    width: 5.4rem; min-height: 2rem; clear: both;
    display: block;
    border-radius: .34rem;
    margin: auto;
    background: #fff;
    background: -webkit-linear-gradient(135deg,#f9ecf4,#fff 13%,#fff 80%,#e1f6f8);
    background: -moz-linear-gradient(135deg,#f9ecf4,#fff 13%,#fff 80%,#e1f6f8);
    background: -o-linear-gradient(135deg,#f9ecf4,#fff 13%,#fff 80%,#e1f6f8);
    background: linear-gradient(135deg,#f9ecf4,#fff 13%,#fff 80%,#e1f6f8);
}

.tipSure{
    width: 100%; height: .75rem;  clear: both; padding-bottom: .25rem;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}
.tipSure a{
    width: 2.75rem; height: .75rem; display: block; margin: 0 auto;
    border-radius: .37rem;
    background: #f56e0a;
    background: -webkit-linear-gradient(90deg,#fc9415,#ee4900);
    background: -moz-linear-gradient(90deg,#fc9415,#ee4900);
    background: -o-linear-gradient(90deg,#fc9415,#ee4900);
    background: linear-gradient(90deg,#fc9415,#ee4900);
    font-size:.36rem; color: #fff; font-weight: bold; line-height: .76rem;
    text-align: center;
}
.tipSure a.btn02{width: 2.4rem; margin: 0 .08rem;}


.close{position: absolute; top: -1.23rem; right:0; display: block; width: .7rem; height: .7rem;}
.close a{width: 100%; display: block;}
.close a img{width: 100%; display: block;}

/* 温馨提示 */
/* #notePage{display: block;} */
.noteTxt{
    clear: both; padding-top: .4rem;
}
.noteTxt img{
    width: 1.58rem; display: block; margin: auto;
}
.noteTxt img.zero{width: 3.81rem;display: block;}
.noteTxt img.noLed{width: 2.27rem; display: block; padding-top: .25rem}
.noteTxt p{
    color: #333;
    text-align: center;
    font-size: .3rem; line-height: 1.5;
    margin: .27rem 0 0; padding-bottom: .3rem;
}
.noteTxt p.repeat{font-size: .24rem;}

/* 活动规则 */
/* #rulePage{display: block} */
.ruleTxt{
    width: 5.2rem; padding: .2rem 0;
    margin: auto;
    font-size: .24rem; line-height: 1.5;
 }
.ruleTxt li{display: block}
.ruleTxt li b{
    font-weight: bold; color: #333;
}
/* 恭喜获得 */
/* #giftPage{display: block;} */
.giftBox{
    width: 100%; clear: both;
    padding: .2rem 0 0;
    text-align: center;
}
.giftBox img{width: 2.8rem; display: block; margin: auto;}
.giftBox img.card{padding: .7rem 0 .6rem;}
.giftBox img.noPl{width: 3.81rem; padding: .7rem 0 .25rem;}
.giftBox span{font-size: .22rem; line-height: 1;color: #666; display: inline-block; margin: auto}
.giftBox p{
    font-size: .24rem; line-height: .32rem; color: #333; margin: .1rem auto .25rem;
}
.giftBox p b{font-weight: bold;}

/* 地址填写 */
/* #addressPage{display: block;} */
.addressbox{width: 4.8rem; display: block; margin: auto; padding: .4rem 0 .1rem;}
.addressbox .tip{
    width: 100%; clear: both;
}
.addressbox .tip h4{
    font-size: .32rem; line-height: 1; color: #f7770d; font-weight: bold;
    background: linear-gradient(to right, #fc9415, #ee4900);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent;
    padding-bottom: .2rem;
    text-align: center;
}
.addressbox .tip p{
    font-size: .26rem; line-height: 1.5; color: #333;
}
.addressbox ul{
    width: 100%;
    margin: .1rem auto 0;
    float: left;
}
.addressbox ul li{
    width: 100%; clear: both; margin-bottom: .2rem;
}
.addressbox ul li.user,.addressbox ul li.phone{
    width: 100%;height: .71rem;
    background: #ffeae6;
    border-radius: .1rem;
    font-size: .26rem; line-height: .71rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.addressbox ul li label{float: left; margin-left: .2rem;margin-right: .1rem; display: block;
    white-space: nowrap;
    font-size: .24rem;
}
.addressbox ul li label em{color: #f53723;}
.addressbox ul li.address label{color: #333;}

.addressbox ul li input{
    border: none; height: .71rem; width: 3.9rem;
    background: rgba(255,255,255,0);
    display: block;
    font-size: .26rem;
}
.addressbox ul li.address input{
    width: 90%;padding: 0 5%;
    border: solid .01rem #f53723;
    border-radius: .5rem;
    line-height: .77rem; height: .77rem;
    margin-top: .05rem;
}
.addressbox ul li.region{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.addressbox ul li.region .form-group{
    width: 31%;
}
.addressbox ul li.region .form-group select{
    width: 100%;
    border: solid .01rem #f53723;height: .51rem; line-height: .51rem;
    border-radius: .1rem;
    font-size: .24rem;
    background: #fff;
}
.addressbox ul li.region .form-group span{
    font-size: .24rem;
}
.addressbox ul li.region .form-group em{font-size: .26rem;color: #f53723;}

/* 确认地址 */
/* #surePage{display: block;} */
.sureTxt{width: 100%; clear: both; padding: .2rem 0 .3rem;}
.sureTxt ul{
    width: 4.6rem; margin: 0 auto;
}
.sureTxt ul li{font-size: .24rem; line-height: .36rem; clear: both;margin-bottom: .15rem; width: 100%;
    display: flex;
    justify-content: space-between;
    align-content: center;
}
.sureTxt ul li span{float: left;}
.sureTxt ul li p{float: right; width: 3.8rem; border-bottom: solid .02rem #444;
    font-size: .28rem; line-height: .36rem; min-height: .36rem;
}
.sureTxt ul li:last-child p{width: 3.4rem;}

/* 我的课程 */
/* #cursorPage{display: block;} */
.curList{
    width: 5rem; clear: both;
    padding: .4rem 0 .4rem;
    margin: auto;
    position: relative;z-index: 2;
}
.curList ul{width: 100%;}
.curList ul li{
    width: 100%; clear: both;
    margin-bottom:.2rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.curList ul li .txt{
    width: 4.75rem;
    font-size: .26rem; line-height: 1.5; text-align: left; font-weight: bold;
}
.curList ul li .txt span{
    font-size: .24rem; line-height: .35rem; color: #a3a3a3;
    font-weight: 400;
    display: block;
}
.curList ul li .btn{
    width: .94rem; height: .36rem; display: block;
    background: #fff;
}

.curList ul li .btn a{color:#fff; font-size: .22rem; display: block; text-align: center;
    border-radius: .37rem;
    background: #f56e0a;
    background: -webkit-linear-gradient(90deg,#fc9415,#ee4900);
    background: -moz-linear-gradient(90deg,#fc9415,#ee4900);
    background: -o-linear-gradient(90deg,#fc9415,#ee4900);
    background: linear-gradient(90deg,#fc9415,#ee4900);
}

/* #tipPage{display: block;} */
.tipTxt{
    width: 100%; clear: both; padding: .45rem 0;
    font-size: .3rem; line-height: .5rem; color: #333;
    text-align: center;
}

/* #ledPage{display: block;} */
.ledbox{
    width: 100%; display: block; margin: auto;
    padding: .6rem 0 .2rem;
    text-align: center;
}
.ledbox img{width: 2.74rem; display: block; margin: auto;}
.ledbox p{
    font-size: .24rem; line-height: .35rem; color: #333; font-weight: 600;
    padding-top: .35rem;
}