@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: 5.33rem; height: 5.57rem; display: block; 
	background: url(../images/xkTc.png) no-repeat center top;
	background-size: 100% 100%;
	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: .3em;
	-moz-border-radius: .3rem;
	border-radius: .3rem;
}
.tcbox h3 {
    font-size: .29rem;
    line-height: .86rem;
    font-weight: bold;
    color: #fff;
    width: 100%;
    clear: both;
    float: left;
    text-align: center;
    height: 0.86rem;
    margin-bottom: 0.25rem;
    margin-top: 1.42rem;
}
.tcbox h3 label{color: #ffdf5e;}
.tipSure{width: 100%; clear: both; float: left; text-align: center; margin: 0 auto .5rem;}
.tipSure a{width: 2.74rem; height: .46rem; display: inline-block; font-size: .2rem; line-height: .46rem; color: #fff; font-weight: bold; border-radius: .5rem;
	background: #674fd8;
	background: -webkit-linear-gradient(top, #674fd8 , #5c46c9); /* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(bottom, #674fd8, #5c46c9); /* Opera 11.1 - 12.0 */
	background: -moz-linear-gradient(bottom, #674fd8, #5c46c9); /* Firefox 3.6 - 15 */
	background: linear-gradient(to bottom, #674fd8 , #5c46c9); /* 标准的语法 */
	margin-top: .4rem;
}
.tipSure a.btn01{
	background: #3283f9;
	background: -webkit-linear-gradient(left, #2d7ff9 , #6cb5fb); /* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(right, #2d7ff9, #6cb5fb); /* Opera 11.1 - 12.0 */
	background: -moz-linear-gradient(right, #2d7ff9, #6cb5fb); /* Firefox 3.6 - 15 */
	background: linear-gradient(to right, #2d7ff9 , #6cb5fb); /* 标准的语法 */
	border-radius: .36rem;
}

.close {
    position: absolute;
    top: 1.1rem;
    right: -0.4rem;
    display: block;
    width: 0.3rem;
    height: 0.3rem;
}
.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: block;}



/* 学习方式 */
/* #wayPage{display: block;} */
.wayTxt{ display: block; text-align: center;padding-bottom: .5rem;width: 100%;float: left;}
.wayTxt font{float: left;width: 5.2rem;margin: .2rem .4rem;
	text-align: left; color: #e70000; font-size: .26rem; line-height: .48rem; font-weight: bold;
}
.wayTxt ul{width: 5.2rem; clear: both; float: left;  margin-left: .4rem;}
.wayTxt ul li{width: 100%; clear: both; float: left; margin:auto; font-size: .26rem; line-height: .47rem; color: #444444; text-align: left;}


/* 温馨提示弹窗  开课成功*/
/* #notePage{display: block;} */
.noteTxt{width: 4.52rem; clear: both; float: left; margin: auto .4rem; text-align: center;}
.noteTxt p{font-size: .26rem; line-height: .48rem; color: #666; text-align: center;}
.noteTxt p.type01{
	margin: .5rem auto .4rem;
}
.noteTxt p.type02{
	margin: .5rem auto .1rem;
}
.noteTxt p.type03 {
    margin: -0.2rem auto 0;
    line-height: .35rem;
}
.noteTxt p span{color: #fd2929;font-weight: bold;}
.noteTxt img {
    width: 2.5rem;
    display: none;
    margin: -0.2rem auto 0;
}
/* input#logisticsNo{display: none;} */
input#logisticsNo {position: absolute;top: 0;left: 0;opacity: 0;z-index: -10;}

/* 选择科目 */
/* #chosePage{display: block;} */
.choseBox{
	width: 91%; clear: both; float: left;font-size: .16rem;color: #808080;margin: 0 4.5%;
}
.xkJg{display: inline-block;width: 100%;line-height: .42rem; border-bottom: .02rem solid #eeeeee;margin-top: .23rem;}
.xkJg label{color: #f8333d;}
.xkJg .gkj{font-size: .22rem;font-weight: bold;}
.kmlx .p1{font-size: .2rem;color: #808080;}
.kmlx .p1 span {
    font-size: .28rem;
    font-weight: bold;
    color: #ffb300;
    vertical-align: middle;
	margin-right: .04rem;
}
.choseBox ul{
	width: 91%; clear: both; float: right; margin: 0 auto; text-align: center;
}
.choseBox ul li{
	display: inline-block; font-size: .16rem;min-width: .82rem; line-height: .26rem; color: #666; margin-right: .06rem;float: left;margin-bottom: .1rem;position: relative;padding: 0 0.03rem;
	cursor: pointer;
}
.choseBox ul li.active{background: #f2f0ff;}
.choseBox ul li.active::after{
	content: '';width: .1rem; height: .1rem; display: inline-block;position: absolute;right: 0;bottom: 0;
	background: url(../images/tcxz.png) no-repeat right bottom;
	background-size: 100% 100%;
	vertical-align: top;
}
.choseBox ul li.active{color: #5c47cd;font-weight: bold;}
.choseBox ul li.active::before{
	background: url(../images/tc-icon01.png) no-repeat center left;
	background-size: auto .32rem;
}

/* 地址弹窗 */
/* #addressPage{display: block;} */
.addressbox{
	width: 90%; float: left; margin: auto 5%;
}
.addressbox p{width: 100%;text-align: center;
	font-size: .16rem; line-height: .4rem;
	float: left; margin-bottom: .2rem;color: #808080;
}
.addressbox p span{
	font-size: .22rem;
	color: #f8333d;
	font-weight: bold;
	display: inline-block;
	width: 100%;
	border-bottom: 1px solid #eee;
	padding-bottom: .05rem;
}
.addressbox ul {
    width: 4.3rem;
    margin: 0 auto;
    display: inline-block;
    text-align: center;
    margin-left: 0.2rem;
}
.addressbox ul li{
	width: 4.3rem; clear: both; float: left; margin-bottom: .08rem;
	font-size: .18rem; line-height: .37rem; color: #808080;
}
.addressbox ul li.region {
    width: 100%;
    float: left;
}
.addressbox ul li span{
	font-size: .28rem;
	font-weight: bold;
    color: #ffb300;
	vertical-align: middle;
	margin-right: .05rem;
}
.addressbox ul li label {
    float: left;
    width: 1.1rem;
}
.addressbox ul li input,.addressbox ul li select{
	height: .35rem;
	border: solid 1px #d4d0d0;
}
.addressbox ul li.two input{
	width: 2.7rem; float: left; padding: 0 .15rem;margin-left: .18rem;
}

.addressbox ul li .form-group{
	float: left; width: 1.365rem; margin-right: .1rem;
}
.addressbox ul li .form-group:last-child{
	margin-right: 0;
}
.addressbox ul li .form-group font{
	width: 100%; float: left;text-align: left;
}
.addressbox ul li select{
	width: 100%; height: .35rem; line-height: .35rem;
}

/* 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;}
.pc-box{width: 600px; height: auto; text-align: center;
	background: #fff url(../images/tc-img01.png) no-repeat center top;
	background-size: 100%;
	position: fixed;
	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: .3rem;
	-moz-border-radius: .3rem;
	border-radius: .3rem;
}
.pc-box font{
	font-size: .46rem; line-height: 1.24rem; font-weight: bold; color: #fff;
	width: 100%; clear: both; float: left; text-align: center; height: 1.24rem;
	margin-bottom: .25rem;
}

.tcmain{clear: both; float: left; margin: .5rem auto 0;}
.pc-box .pic img{width: 34%;display: block; margin:50px 33% auto;float: left;}
.pc-box p{width: 90%; font: 24px/48px "microsoft yahei";color: #666;float: left; margin: 20px 5% .35rem;}

.pc-box a{position: absolute; top: -.6rem; right: 0; display: block; width: .49rem; height: .49rem; cursor: pointer;}
.pc-box a img{width: 100%;}

/* 收货地址 */
#addressPage .close{
	top: .5rem;
}
#addressPage .tcbox {
    width: 5.33rem;
    height: 5.8rem;
    display: block;
    background: url(../images/shdz.png) no-repeat center top;
    background-size: 100% 100%;
}
#addressPage .tcbox h3 {
    margin-top: 0.45rem;
    margin-bottom: 0.1rem;
}
#addressPage .tipSure a{margin-top: 0.2rem;}