@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; display: block;  position: absolute; 
	background: #0495fc;
	background: -webkit-linear-gradient(#0495fc,#69daf9);
	background: linear-gradient(#0495fc,#69daf9);
    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: .36em;
    -moz-border-radius: .36rem;
    border-radius: .36rem;
}
.tcbox h3{
	width: 5.8rem; height: 1.32rem; display: block; text-align: center;
	margin: .1rem .1rem 0; float:left;
	background: url('../images/tc-tit01.png') no-repeat center top / 100%;
	font-size:.46rem; font-weight:bold; color:#000; line-height: 1.25rem;
}
.tcbox h3 span{
	position: relative; z-index: 0; display: inline-block;
}
.tcbox h3 span::after{
	content: attr(data-content);
	-webkit-text-stroke: 4px #fff;
	position: absolute;
	left: 0;
	top: 0;
	z-index: -1;
}
.tcbox .kuang{
	width: 5.8rem; min-height: 1rem;
	background: #e8fee3;
	background: -webkit-linear-gradient(#e8fee3,#fff 50%);
	background: linear-gradient(#e8fee3,#fff 50%);
	border-radius: 0 0 .3rem .3rem;
	float: left; margin: -.02rem .1rem .1rem;
	position: relative;
}

.tipSure{
    width: 100%; clear: both; text-align: center;
    float: left;
    margin-bottom: .4rem;
}
.tipSure a{
    width: 2.4rem; height: .62rem; display: inline-block;margin: auto;
    font-size: .3rem; line-height: .62rem; color: #fff; font-weight: bold;
    background: #f73e58;
    background: -webkit-linear-gradient(90deg , #f52814, #f9549a);
    background: -moz-linear-gradient(90deg , #f52814, #f9549a);
    background: -o-linear-gradient(90deg , #f52814, #f9549a);
    background: linear-gradient(90deg , #f52814, #f9549a);
    border-radius: .6rem;
	cursor: pointer;
}

.tipSure a.btn01,.tipSure a.btn02{width: 2rem; margin: 0 .1rem;}
.tipSure a.btn02{
	background: #0595fc;
	background: -webkit-linear-gradient(90deg , #0595fc, #6cdbf9);
	background: -moz-linear-gradient(90deg , #0595fc, #6cdbf9);
	background: -o-linear-gradient(90deg , #0595fc, #6cdbf9);
	background: linear-gradient(90deg , #0595fc, #6cdbf9);
}

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


/* 温馨提示 图文*/
/* #notePage{display: block;} */
.noteTxt{
	padding-top: .48rem; margin-bottom: .32rem;
	width: 100%; clear: both; text-align: center;
}
.noteTxt img.act{
	width: 4.13rem; display: inline-block;
}
.noteTxt p{
	font-size: .28rem; line-height: .42rem; color: #333;
}
.noteTxt p.moveUp{margin-top: -.4rem;}

/* 温馨提示 文本 */
/* #txtPage{display: block;} */
.tipbox{
	padding-top: .7rem; margin-bottom: .6rem;
	width: 100%; clear: both; text-align: center;
}
.tipbox p{
	font-size: .28rem; line-height: .42rem; color: #333;
}

/* 我的课程 我的奖品 */
/* #myGiftPage{display: block;} */
.giftboxList{
	width: 5.2rem; margin: .3rem auto .5rem;
}
.giftboxList ul{
	width: 100%; height: 2.15rem; overflow-y: scroll;
}
.giftboxList ul li{
	width: 4.86rem; height: .95rem;
	background: #fff;
	border-radius: .1rem;
	overflow: hidden;
	display: flex;
	justify-content: space-between;
	align-items: center;
	box-shadow: 0 0 .05rem #ddf3d8;
	margin-bottom: .22rem;
}
.giftboxList ul li i{
	width: 1rem; height: .3rem; display: block;
	background: #0495fc;
	background: -webkit-linear-gradient(90deg,#0495fc,#69daf9);
	background: linear-gradient(90deg,#0495fc,#69daf9);
	font-size: .22rem; line-height: .3rem; text-align: center; color: #fff;
	transform: rotate(-45deg);
	margin-left: -.26rem;
	margin-top: -.52rem;
}
.giftboxList ul li .txt{
	font-size: .24rem; line-height: .34rem; color: #333;
	text-align: left;
	width: 3.42rem;
	margin-left: -.1rem;
}
.giftboxList ul li .txt b{
	font-weight: bold;
}
.giftboxList ul li a{
	width: .68rem; height: .68rem; display: block;
	border-radius: 50%;
	background: #f73e54;
	background: -webkit-linear-gradient(#f52814, #f9549a);
	background: linear-gradient(#f52814, #f9549a);
	font-size: .26rem; line-height: .68rem; color: #fff;
	margin-right: .15rem;
	text-align: center;	
	cursor: pointer;
}

/* 恭喜获得 */
/* #drawPage{display: block;} */
.drawBox{
	width: 100%; padding: .33rem 0 .2rem;
	text-align: center;
}
.drawBox img{
	width:4.08rem;display: block; margin: 0 auto .3rem;
}
.drawBox p{
	font-size: .28rem; line-height: .39rem; color: #333;
}
.drawBox p span{
	color: #0696fc; display: block; margin-bottom: .1rem;
}
.drawBox p em{
	font-size: .24rem;
}

/* 填写收货地址 */
/* #addressPage{display: block;} */
.addressbox .tip{
	width: 100%; clear: both; float: left; margin-top: .28rem;
}
.addressbox .tip h4{
	width: 100%; font-size: .26rem; line-height: .48rem; color: #0696fc; text-align: center; float: left;
}
.addressbox .tip p{font-size: .24rem; line-height:.34rem; clear: both; margin: .1rem .5rem .15rem; width: 4.8rem; float: left;}
.addressbox ul{width: 4.8rem; margin: .1rem .5rem 0; float: left;}
.addressbox ul li{width: 100%; clear: both; float: left; margin-bottom: .25rem;}
.addressbox ul label{ font-size: .24rem; line-height:.36rem;color: #333;float: left; text-align: left;}
.addressbox ul em{color: #ff3f3f;}
.addressbox ul li input{width: 100%; height: .36rem; float: left; background: rgba(255,255,255,.15); font-size: .24rem; line-height: .36rem;
	border: none;
	border-bottom: solid .02rem #444;
	color: #333; text-indent: .1rem;
}
.addressbox ul li input#userNames{width: 3.6rem;}
.addressbox ul li input#userPhones{width: 3.6rem;}
.addressbox ul li input#address{width: 100%;}
.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 .form-group{width: 32%; float: left; margin-right: 1%;}
.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: .46rem;clear: both;float: left;
	background: rgba(255,255,255,.15);
	font-size: .24rem; line-height: .46rem;color: #444;
	border: solid .01rem #444;
}

/* 确认地址 */
/* #surePage{display: block;} */
.sureTxt{width: 100%; clear: both; float: left; margin: .2rem auto .3rem;}
.sureTxt ul{
	width: 4.8rem; float: left; margin: 0 .5rem;
}
.sureTxt ul li{font-size: .24rem; line-height: .36rem; clear: both; float: left;margin-bottom: .15rem; width: 100%;}
.sureTxt ul li span{float: left;}
.sureTxt ul li p{float: right; width: 4rem; border-bottom: solid .02rem #444;
	font-size: .24rem; line-height: .36rem; min-height: .36rem;
}
.sureTxt ul li:last-child p{width: 3.5rem;}


/* 卡密弹窗 */
/* #camiloPage{display: block;} */
.camilo{width: 100%; clear: both; float: left; margin: .25rem auto .3rem;text-align: center; }
.camilo h4{width: 100%; font-size: .32rem; line-height: .36rem; color: #444; clear: both;}
.camilo h4 span{color: #0997fc;}
.camilo .camilo-id{width: 3.2rem; height: .42rem; font-size: .26rem; line-height: .42rem; float: left; clear: both;margin: .1rem 1.3rem .2rem;
    border-bottom: 1px solid #bfbfbf;
}
.camilo .tip{width: 5.2rem; float: left; text-align: left; margin: 0 .3rem; font-size: .25rem;}
.camilo .tip p{float: left; clear: both; margin-bottom: .1rem; line-height: .4rem;}
.camilo .tip p a{color:#0285e7}
.camilo .tip span{font-size: .24rem;color: #8b8b8b;}

/* 活动规则 */
/* #rulePage{display: block;} */
.ruleTxt{
	width: 5.4rem; margin: .25rem .2rem;
	text-align: left;
}
.ruleTxt ul{
	width: 100%; clear: both;
}
.ruleTxt ul li{
	width: 100%; clear: both;
	font-size: .26rem; line-height: .39rem; color: #333; text-align: left;
}
.ruleTxt ul li i{
	width: .31rem; height: .31rem; display: inline-block;
	border-radius: 50%;
	border: solid .01rem #fff;
	color: #fff; line-height: .31rem; text-align: center;
	background: #0495fc;
	background: -webkit-linear-gradient(#0495fc,#69daf9);
	background: linear-gradient(#0495fc,#69daf9);
}
.ruleTxt ul li b{
	font-weight: bold; color: #0796fc;
}
.ruleTxt ul li p{
	letter-spacing: -1.5px;
	text-align: justify;
}

/* 科目选择 */
/* #chosePage{display: block;} */
.kmList{
	width: 5.1rem; display: block;
	margin: .4rem .35rem .1rem;
}
.kmList ul{
	width:100%; clear: both;
	display: flex;
	justify-content: center;
	align-items: flex-start;
	flex-wrap: wrap;
}
.kmList ul li{
	width: auto; height: .58rem;
	background: #fff;
	border: solid .02rem #7fcdf2;
	padding: 0 .22rem;
	border-radius: .05rem;
	font-size: .26rem; line-height: .58rem;
	margin:0 .06rem .2rem;
	cursor: pointer;
}
.kmList ul li.on,.kmList ul li:hover{
	color: #fff;
	background: #0495fc;
	background: -webkit-linear-gradient(90deg,#0495fc,#69daf9);
	background: linear-gradient(90deg,#0495fc,#69daf9);
}