@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: #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: .2rem;
	-moz-border-radius: .2rem;
	border-radius: .2rem;
	
}

.tcbox h3{font: bold .48rem/1rem "microsoft yahei"; color: #fff; height:1rem; width: 100%; clear: both; float: left; margin-bottom: .3rem; text-align: center;background: #e33d4b;text-shadow: 0 .05rem 0 rgba(0,0,0,.3);border-top-left-radius: .2rem;border-top-right-radius: .2rem;
}

.tipSure{width: 100%; clear: both; float: left; text-align: center; margin-top: .2rem; margin-bottom: .4rem;}
.tipSure a{width: 4.51rem; height: .67rem; display: inline-block;color: #fff; margin: auto .1rem;
	font-size: .26rem; line-height: .58rem; font-weight: bold;
}
.tipSure a.btn01{
	width: 2.02rem;height: .55rem;line-height: .5rem;
	background: url(../images/tc-btn02.png) no-repeat center; background-size: 100%;
}
.tipSure a.btn02{
	width: 2.02rem;
	background: url(../images/tc-btn02.png) no-repeat center; background-size: 100%;
}
.tipSure a i {
    font-size: .28rem;
    line-height: .62rem;
    display: inline-block;
    width: 100%;
}
.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{ display: block;text-align: center;width: 100%;float: left; margin: .35rem auto .25rem; }
.noteTxt p{font: .26rem/.38rem "microsoft yahei";color: #333;width: 90%; float: left; margin: auto 5%;}
.noteTxt img{width: 40%;margin-top: .2rem;}
/* 我的课程 */
/* #cursorPage{display: block;} */
.cursorbox{
	width: 5.3rem;  float: left; clear: both; margin: .35rem .35rem .1rem; padding: .2rem 0;
	background: #f5f5f5;
	border-radius: .22rem;
	
}
.cursorbox ul{
	 float: left; max-height: 2.6rem;overflow-y: scroll; width: 100%;
}
.cursorbox ul li{
	width: 100%; clear: both; float: left; padding: .15rem 0;width: 4.6rem;margin-left: .35rem;
	border-bottom: dashed 1px #999;
}
.cursorbox ul li span{
	font-size: .2rem; line-height: .35rem; float: left; max-width: 3.2rem; margin-left: .15rem; text-align: left;
}
.cursorbox ul li a{
	width: 1rem; height: .36rem; display: inline-block; float: right; font-size: .18rem; line-height: .36rem; color: #fff; text-align: center;
	background: #ff428f;
	background: -webkit-linear-gradient(left, #f871b1 , #ff428f); /* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(right, #f871b1, #ff428f); /* Opera 11.1 - 12.0 */
	background: -moz-linear-gradient(right, #f871b1, #ff428f); /* Firefox 3.6 - 15 */
	background: linear-gradient(to right, #f871b1 , #ff428f); /* 标准的语法 */
	border-radius: .36rem;
}
#cursorPage p{font: .24rem/.32rem "microsoft yahei";color: #333;width: 90%; float: left; margin: auto 5%; text-align: center;}

/* 选择课程 */
/* #chosePage{display: block;} */
.kemuList{
	width: 90%; margin: .15rem 5% 0;  float: left; clear: both; text-align: center;
}
.kemuList ul{width: 80%; clear: both; float: left;margin: 0 10%;}
.kemuList ul li{
	width: 48%; height: .45rem; display: inline-block;float: left;margin-right: 3%;margin-bottom: .1rem;
	border: solid 1px #999;	font-size: .24rem; line-height: .45rem; color: #555;
	border-radius: .08rem;
	cursor: pointer;
}
.kemuList ul li.cur{
	color: #fff;
	background: #ff431d;
	border: solid 1px #ff431d; 
}
.kemuList ul li:nth-of-type(2n){
	margin-right: 0;
}


/* 填写地址 */
/* #addressPage{display: block;} */
.addressbox ul{width: 5rem; margin: .32rem .25rem 0; float: left;}
.addressbox ul li{width: 100%; clear: both; float: left; margin-bottom: .15rem;}
.addressbox ul label{ font: .24rem/.42rem "microsoft yahei";color: #333; text-align: center;float: left; text-align: left;}
.addressbox ul em{color: #ff3f3f;}
.addressbox ul li input{width: 100%; height: .66rem; float: right; border: none; background: #fff; font: .32rem/.66rem "microsoft yahei";
	border: solid 1px #434343;
	color: #333; text-indent: .2rem;
	border-radius: .1rem;
}
.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 select{width: 100%; height: .66rem;clear: both;border: none; background: #fff; font: .32rem/.66rem "microsoft yahei";
	border: solid 1px #434343;
	color: #333;
	border-radius: .1rem;
}
.addressbox p{font: .24rem/.3rem "microsoft yahei"; clear: both; margin: .1rem 3% .15rem; width: 94%; float: left; color: #3760e9;}
.addressbox p em{color: #ff3f3f;}


/* 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: 520px; text-align: center; background:#fff url(../images/tc-img01.png) no-repeat center top; 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: 40px;
	-moz-border-radius: 40px;
	border-radius: 40px;
}
.pc-box font{font: bold .52rem/1.32rem "microsoft yahei"; color: #fff; height:1.33rem; width: 100%; clear: both; float: left; margin-bottom: .3rem; text-align: center;
	text-shadow: 0 .05rem 0 rgba(243,67,200,.3);
}
.tcmain{clear: both; float: left; margin: .5rem auto 0;}
.pc-box >img{width: 34%;display: block; margin:.3rem 33% auto;float: left;}
.pc-box p{width: 90%; font: .24rem/.48rem "microsoft yahei";color: #666;float: left; margin: .2rem 5%;}

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