@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: 6rem; height: auto; display: block;  position: absolute; background: #fff;
	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: .32rem;
	-moz-border-radius: .32rem;
	border-radius: .32rem;
	padding-bottom: .3rem;
}

.tcbox h3{
	font-size: .48rem; line-height: 1.24rem; font-weight: bold;color: #fff;
	width: 100%; clear: both; float: left; text-align: center; height: 1.24rem; position: relative;
	background: url('../images/tc-title01.png') no-repeat center top;
	background-size: 100%;
	border-radius: .3rem .3rem 0 0;
}
.tcbox h3.end{
	background: url('../images/tc-title02.png') no-repeat center top;
}



.tipSure{width: 100%; clear: both; float: left; text-align: center; margin: 0 auto .2rem;}
.tipSure a{
	display: inline-block; margin:0 .15rem; font-size: .4rem; line-height: .91rem; color: #fff; font-weight: bold;
	border-radius: .5rem;
	position: relative;
}
.tipSure a.btn01{
	width: 4.37rem; height: .91rem; display: inline-block;
	background: #ff8000;
	background: -webkit-linear-gradient(#ff4a00 , #ff8000); /* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(#ff4a00 , #ff8000); /* Opera 11.1 - 12.0 */
	background: -moz-linear-gradient(#ff4a00 , #ff8000); /* Firefox 3.6 - 15 */
	background: linear-gradient(#ff4a00 , #ff8000); /* 标准的语法 */
	box-shadow: 0 .08rem 0 #fff951;
}
.tipSure a.btn02{
	width: 2.46rem; height: .91rem; display: inline-block;
	background: #ff8000;
	background: -webkit-linear-gradient(#ff4a00 , #ff8000); /* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(#ff4a00 , #ff8000); /* Opera 11.1 - 12.0 */
	background: -moz-linear-gradient(#ff4a00 , #ff8000); /* Firefox 3.6 - 15 */
	background: linear-gradient(#ff4a00 , #ff8000); /* 标准的语法 */
	box-shadow: 0 .08rem 0 #fff951;
}
.tipSure a.btn03{
	width: 2.46rem; height: .91rem; display: inline-block;
	background: #b0b0b0;
	background: -webkit-linear-gradient(90deg,#e3e3e3 , #b0b0b0); /* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(90deg,#e3e3e3 , #b0b0b0); /* Opera 11.1 - 12.0 */
	background: -moz-linear-gradient(90deg,#e3e3e3 , #b0b0b0); /* Firefox 3.6 - 15 */
	background: linear-gradient(90deg,#e3e3e3 , #b0b0b0); /* 标准的语法 */
	box-shadow: 0 .08rem 0 #dedede;
	color: #444;
}

.tipSure p{
	font-size:.24rem; line-height: 1.5; padding: .2rem 0 0;
}

.close{position: absolute; top: -.7rem; right:0; display: block; width: .5rem; height: .5rem;}
.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;}
@media screen and (min-width:800px) {
	.loadingbox img{max-width: 1rem;}
}

/* 温馨提示弹窗  活动已结束  在线咨询  太贪心了 */
/* #notePage{display: block;} */
.noteTxt{width: 4.3rem; clear: both; float: left; margin: .2rem .85rem; text-align: center;}
.noteTxt p{font-size: .3rem; line-height: .45rem; color: #666; text-align: center; padding-top: .12rem;}
.noteTxt p span{color: #ff4b00; font-weight: 500;}
.noteTxt img.day{
	width: 3.62rem; display: inline-block; padding: .3rem 0 .2rem;
}
.noteTxt img.tip{
	width: 4.01rem; display: inline-block; padding: .2rem 0 0;
}
.noteTxt img.over{
	width: 4.01rem; display: inline-block; padding: .3rem 0 0; margin-bottom: -.55rem;
	position: relative; z-index: 2;
}
.noteTxt img.gift{height: 2.1rem; display: inline-block; padding: .3rem 0 .2rem;}
.noteTxt img.ewm{width: 1.85rem; display: inline-block;  padding: .3rem 0 .2rem;}
.noteTxt p.suc{text-align: left;}

/* 选课 */
/* #chosePage{display: block;} */
.choseTxt{
	width: 5rem; clear: both; float: left; margin: .2rem .5rem; text-align: center;
}
.choseTxt h5{
	font-size: .3rem; line-height: 1.5;
}
.choseTxt h5 span{color: #ff4b00; font-weight: 500;}
.choseTxt p{font-size: .26rem; line-height: .45rem; padding-top: .15rem;}
#kmL{
	width: 4.15rem; height: .76rem; display: inline-block; margin-top: .15rem;
	background: #e7f3ff;
	border: solid .01rem #2683ec;
	border-radius: .1rem;
	position: relative;
	margin-bottom: .35rem;
	font-size: .3rem;
	text-align: center;
}

/* 填写收货地址 */
/* #addressPage{display: block;} */
.addressbox{
	width: 5.36rem; clear: both; float: left; margin: .2rem .32rem;
}
.addressbox ul{width:100%; margin: .1rem auto 0; float: left;}
.addressbox ul li{width: 100%; clear: both; float: left; margin-bottom: .25rem;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.addressbox ul li.region{margin-bottom: 0;}
.addressbox ul li.user,.addressbox ul li.phone{
	width: 100%; height: .78rem;
	background: #e7f3ff;
	border-radius: .1rem;
}
.addressbox ul li.address{
	flex-wrap: wrap;
}
.addressbox ul label{ font-size: .28rem; line-height:.78rem;color: #333;float: left; text-align: left;margin-left: .1rem;}
.addressbox ul em{color: #1154e1;}
.addressbox ul li input{
	width: 3.3rem; height: .78rem; border: none; font-size: .28rem; line-height: .78rem;
	background: rgba(255,255,255,0);
	/* margin-left: .1rem; */
}
.addressbox ul li input#userNames{width: 3.4rem;}
.addressbox ul li input#userPhones{width: 3.4rem;}
.addressbox ul li input#address{width: 96%;
	border: solid .01rem #89d6fe;
	padding: 0 2%;
	margin-left: 0;
}
.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: .56rem;clear: both;float: left;
	background: rgba(255,255,255,.15);
	font-size: .24rem; line-height: .56rem;color: #444;
	border: solid .01rem #89d6fe;
	border-radius: .1rem;
}

/* 确认地址 */
/* #surePage{display: block;} */
.sureTxt{width: 5rem; clear: both; float: left; margin: .2rem .5rem .3rem;}
.sureTxt ul{
	width: 100%; float: left;
}
.sureTxt ul li{font-size: .28rem; line-height: .42rem; clear: both; float: left;margin-bottom: .15rem; width: 100%;}
.sureTxt ul li span{float: left;}
.sureTxt ul li p{float: right; width: 4.1rem; border-bottom: solid .01rem #89d6fe;
	font-size: .26rem; line-height: .36rem; min-height: .36rem;
}
.sureTxt ul li:last-child p{width: 3.6rem;}

/* 物流 */
/* #logisticsPage{display: block;} */
.logistbox{
	width:4.2rem; display: inline-block;
	margin: .45rem .9rem;
}
.logistbox li{
	font-size: .28rem; line-height: .46rem;
}
.logistbox  p{color:#999;font-size: .28rem; line-height: .46rem;}

/* 我的奖奖品 */
/* #giftPage{display: block;} */
.giftList{
	width:5.66rem; margin: .25rem .17rem; float: left;
	min-height: 5rem;
}
.giftList ul{
	width:100%; clear: both; margin-bottom: .3rem;
}
.giftList ul li{
	width:100%; clear: both; float: left;
	background: #eaf8ff;
	min-height: 1.7rem;
	margin-bottom: .2rem;
	border-radius: .1rem;
}
.giftList ul li i{
	width: .35rem; height: .35rem; display: block; float: left;
	background: #1154e1; border-radius: 50%;
	font-size: .3rem; line-height: .35rem; color: #fff;
	margin-left: .33rem; margin-top: .23rem;
	text-align: center;
}
.giftList ul li span{
	font-size: .33rem; line-height: 1.5; float: left;
	margin-left: .16rem;
	margin-top: .15rem;
}
.giftList ul li a{
	display: inline-block;
	width: 2.73rem; height: .56rem;
	background: #ff8000;
	background: -webkit-linear-gradient(#ff4a00 , #ff8000); /* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(#ff4a00 , #ff8000); /* Opera 11.1 - 12.0 */
	background: -moz-linear-gradient(#ff4a00 , #ff8000); /* Firefox 3.6 - 15 */
	background: linear-gradient(#ff4a00 , #ff8000); /* 标准的语法 */
	box-shadow: 0 .08rem 0 #fff951;
	border-radius: .5rem;
	font-size: .28rem; line-height: .56rem;color: #fff; text-align: center;
	margin-left: .8rem; margin-top: .1rem;
	margin-bottom: .3rem;
	float: left; clear: both;
}

/* 开课成功 */
/* #openSuc{display: block;} */
.openTxt{
	width:5rem; float: left; margin: .3rem .5rem;
}
.openTxt p{
	font-size: .28rem; line-height: 1.5; text-align: left;
}
.openTxt p b{font-weight: bold; color: #1154e1;font-size: .28rem; }


.imgDiv{
	display: flex;
	justify-content: center;
	align-items: center;
	width: 90%;height: 6rem;
	position: absolute; text-align: center;
	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%);
	background: #fff;
	border-radius: .15rem;
}
.imgDiv img{
	max-width: 80%; max-height: 90%; display: inline-block;
	cursor: zoom-out;
}

@media screen and (min-width:800px) {
	.imgDiv{
		width: 8rem; height: 6rem;
	}
	.imgDiv img{
		max-width: 7rem; max-height: 5.5rem; display: inline-block;
	}
}