@charset "utf-8";

.mask{width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 999; background: rgba(0,0,0,.8); display: none;}
.tcbox{ width: 5.335rem; height: auto; display: block;  position: absolute; text-align: center;padding-bottom: .4rem;
	top: 52%;
	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%);
	background: #fff;
	border-radius: .28rem;
}
.tcbox h3{
	width: 100%; clear: both; float: left; text-align: center;position: relative;z-index: 3;
	font-size: .44rem;height: 1.1rem; line-height: 1.1rem; font-weight: bold; color: #fff;
	background: url("../images/tc-bg01.png") no-repeat center top;
	background-size: 100%;
}
/* 通过属性选择器结合伪元素before 实现文字外描边效果 */
[data-cont]::before {
  /* attr()是用来获取被选中元素的某属性值,并且在样式文件中使用 */
  content: attr(data-cont);
  position: absolute;
  /* 实现元素外描边的关键 */
  -webkit-text-stroke: 0;
  /* 文本颜色 */
  color: #fff;
}


.tipSure{width: 100%; clear: both; float: left; text-align: center; z-index: 3;margin-top: .2rem;}
.tipSure a{width: auto; height: .51rem; display: inline-block; font-size: .28rem; line-height: .51rem; font-weight: bold; color: #fff;position: relative; z-index: 3;border-radius: 1rem;padding: 0 10%;
	background: #da2828;
	background: -webkit-linear-gradient(180deg, #ff6333, #da2828);
	background: -moz-linear-gradient(180deg, #ff6333, #da2828);
	background: -o-linear-gradient(180deg, #ff6333, #da2828);
	background: linear-gradient(180deg, #ff6333, #da2828);
}



.close{position: absolute; top: -.6rem; right:-.3rem; display: block; width: .58rem; height: .58rem;}
.close a{width: 100%; display: block;}
.close a img{width: 100%; display: block;}


/* 温馨提示 */
/* #notePage{display: block;} */
.noteTxt{
	text-align: center;
}
.noteTxt img{
	width: auto; height: .97rem; display: inline-block;margin: .28rem auto .15rem;
}
.noteTxt p{
	font-size: .24rem;
}

/* 我的礼品 */
/* #giftPage{display: block;} */
.giftbox{width: 100%; float: left; margin-bottom: -.3rem; z-index: 3; position: relative;}
.giftbox ul{
	width: 100%; display: block; float: left;
	position: relative; z-index: 3;
}

.giftbox ul li{
	width: 100%; float: left; display: block; clear: both;
}
.giftbox ul li.card{
	background: url("../images/tc-gift-bg02.png") no-repeat center;
	background-size:100%;
}
.giftbox ul li:last-child{margin-bottom: 0;}
.giftbox ul li span{
	font-size: .28rem;color: #1043c8;float: left;margin: 0.2rem auto 0.18rem;
	width: 100%; display: block;
	white-space: nowrap;
	letter-spacing: -1px;
}
.giftbox p{
	width: 100%; clear: both; float: left; margin-bottom: .1rem;
	font-size: .2rem; line-height: .4rem; color: #333;
}
.giftbox p img{
	height: 1.6rem;margin-top: .22rem;
}
#czjpPage .giftbox p{
	font-size: .24rem;color: #444;margin-bottom: 0;
}
#czjpPage .giftbox p span{
	display: inline-block;
	width: auto;
	margin: 0;
	float: initial;
	letter-spacing: inherit;
	margin-bottom: .4rem;
}
/* 领卡 */
/* #ledPage{display: block;} */
.ledTxt{width: 100%; float: left; margin:0 auto 0; z-index: 3; position: relative;}
.ledTxt p{
	width: 100%; clear: both; float: left;
	font-size: .26rem; line-height: .36rem;
}
.ledTxt p.tip{margin-bottom: .1rem; }
.ledTxt p span{
	display: block; font-size: .18rem; color: #888;
}
.ledTxt img{
	display: block; padding: .4rem 0 .2rem; width: 1.94rem; margin: auto;
}
.ledTxt img.gift{padding: .15rem 0 .2rem;}

/* 我的学习卡 */
/* #camiloPage{display: block;} */
.cardbox{width: 100%; float: left; margin:-.2rem auto -.1rem; z-index: 3; position: relative;}
.cardbox ul{
	width: 100%; clear: both; float: left; margin-bottom: 0; margin-top: .2rem;
}
.cardbox ul li{
	width: 100%; clear: both; float: left;margin-bottom: .2rem;
}
.cardbox ul li font{
	font-size: .26rem; line-height: .55rem; display: block; width: 100%; clear: both;
}
.cardbox ul li .ic-card{
	width: 100%; clear: both; float: left; margin: auto;
}
.cardbox ul li .ic-card input{
	width: 2.8rem; display: inline-block; text-align: center;
	font-size: .26rem; line-height: .5rem;
	border: 0;
	border-bottom: solid .02rem #333;
}
.cardbox ul li .ic-card a{
	font-size: .24rem; line-height: .5rem; color: #666; display: inline-block;
}
.cardbox p{
	width: 4rem; clear: both; float: left; margin-left: .65rem;
	font-size: .2rem; line-height: 1.5;
}

.cardbox ul li span{
	float: left; margin-left: .8rem; font-size: .28rem; line-height: .42rem; font-weight: bold;
}
.cardbox ul li input{
	font-size: .28rem; line-height: .4rem;
	float: left;width: 2rem;
	border: 0;
	border-bottom: solid .02rem #333;
	
}
.cardbox ul li a{
	font-size: .24rem; line-height: .5rem; color: #666; float: left;
}
/* 科目选择 */
.chosebox{display: block; text-align: center;}
.chosebox p{font: .24rem/.32rem "microsoft yahei"; color: #999;width: 100%; float: left; margin-top: .24rem;}
.kmbox{width: 100%; float: left; margin: .44rem auto 0; clear: both;}
.kmbox a{width: 3rem; height: .54rem; display: inline-block; font: .3rem/.54rem "microsoft yahei"; color: #555;display: inline-block;margin: 0 0.1rem;border: solid .02rem #a5a5a5; box-sizing: border-box;margin-bottom: .1rem; }
.kmbox a.on{color: #2b76fd;border: .02rem solid #2b76fd;}
#sureXd{margin-top: .15rem;margin-bottom: 0;}

/* 我的奖品 */
#czjpPage .giftTxt{
	display: inline-block;width: 100%;
}
#czjpPage .giftTxt .pic{
	display: inline-block;width: 100%;
}
#czjpPage .giftTxt .pic img{
	display: inline-block;height: 1.6rem;margin-top: .2rem;
}
.giftTxt p{display: inline-block;width: 100%;}
.giftTxt .lpName{
	font-size: .24rem;color: #1043c8;font-weight: bold;display: inline-block; margin-top: .3rem;
}
.giftTxt .km{
	/* width: 100%;
	clear: both;
	display: block;
	float: left;
	margin-bottom: .1rem;
	text-align: center; */
	width: 100%; clear: both; display: none;
	float: left;
	margin-bottom: .1rem;
	text-align: center;
}
.giftTxt.coupon .km{display: inline-block;}
.giftTxt .km select{
	width: 3.2rem; height: .5rem; border: 0; display: inline-block; 
	font-size: .26rem; line-height: .5rem;
	text-indent: .15rem;
	background: #f0f7ff;
	border-radius: .08rem;
	color: #135fef;
	margin-top: .2rem;
}
/* 地址弹窗 */
/* #addressPage{display: block;} */
.addressbox{
	width: 100%; height: 4.95rem;
	float: left;
	clear: both;
}
.addressbox ul{
	width: 4.15rem; clear: both; float: left;
	margin-left: .6rem; margin-top: .3rem;
}
.addressbox ul li{
	margin-bottom: .2rem; width: 100%; clear: both; float: left;
}

.addressbox ul li label{
	font-size: .24rem; line-height: .46rem; float: left;
}
.addressbox ul li input{
	width: 2.7rem; height: .46rem; border: 0; float: left;
	font-size: .24rem;
	text-indent: .15rem;
	background: #f0f7ff;
	border-radius: .08rem;
	color: #000;
}
.addressbox ul li.two input{
	width: 2.7rem;
}
.addressbox ul li .form-group{
	float: left; width: 32%; margin-right: 1%;
}
.addressbox ul li .form-group:last-child{
	margin-right: 0; width: 34%;
}
.addressbox ul li .form-group span{
	line-height: .43rem;font-size: .26rem;
}
.addressbox ul li .form-group span em{color: #e85858;}
.addressbox ul li .form-group select{
	width: 100%;
	background: #f0f7ff;
	height: .46rem; line-height: .46rem;
	border: none;
	color: #000;
	font-size: .24rem;
}
.addressbox ul li.address label{
	font-size: .26rem; 
}
.addressbox ul li.address label em{font-size: .24rem; color: #888;margin-left: .15rem;}
.addressbox ul li.address input{
	width: 100%;
}
.addressbox p{
	width: 100%; font-size: .24rem; line-height: .36rem; text-align: center;margin-top: .3rem;
	clear: both;
	color: #999;
}