@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; background-size: 100%;
	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;
	
}
.tcbox01{ width: 5.93rem; height: 8.9rem;
	background: url(../images/tc-address.png) no-repeat center top; background-size: 100%;
}
.tcbox h3 {
    color: #fff;
    width: 100%;
    clear: both;
    float: left;
    margin-top: -.43rem;
    text-align: center;
    background: url(../images/tcTit.png) no-repeat center top;
    background-size: 100%;
    height: 1.42rem;
    font: bold .43rem/1.42rem "microsoft yahei";
}
.tipSure{width: 100%; clear: both; float: left; text-align: center; margin-top: .1rem; margin-bottom: .4rem;}
.tipSure a {
    width: 5.16rem;
    height: .97rem;
    display: inline-block;
    font: bold .32rem/.85rem "microsoft yahei";
    color: #fff;
    margin: auto;
    background: url(../images/tc-btn01.png) no-repeat center;
    background-size: 100%;
}
.close {
    position: absolute;
    top: -1rem;
    right: 0;
    display: block;
    width: .44rem;
    height: .44rem;
}
.close a{width: 100%; display: block;}
.close a img{width: 100%; display: block;}
/* 领取方式 */
.lqnr{
	display: inline-block;
	width: 100%;
	margin-bottom: .1rem;
}
.lnT {
    display: inline-block;
    width: 90%;
    padding: 0 5%;
}
.lnT .lntit span {
    display: inline-block;
    width: 1.51rem;
    height: .48rem;
    background: url(../images/lqtitBg.png) no-repeat center top;
    background-size: 100%;
    font: bold .24rem/.48rem "microsoft yahei";
    color: #fff;
    text-align: center;
	margin-top: .28rem;
}
.lnT ul{
	display: inline-block;
	width: 90%;
	padding: 0 5%;
}
.lntit span img {
    display: inline-block;
    width: .25rem;
    height: .28rem;
    vertical-align: sub;
    margin-right: .05rem;
}
.lnT ul li{
	font: .24rem/.42rem "microsoft yahei";
	color: #333;
}


/* 登录弹窗 */
/* #loginbox{display: block;} */
.loginshow{display: block; text-align: center;}
.loginshow form{width: 100%; clear: both; float: left; margin: .7rem auto 0;}
.loginshow form ul{width: 5rem; margin: auto; }
.loginshow form ul li{width: 100%; clear: both; float: left; margin-bottom: .3rem;}
.loginshow form ul li.short{margin-bottom: .2rem;}
.loginshow form ul li input{width: 100%; height: .76rem;display: block;float: left; font: .28rem/.76rem "arial, helvetica, sans-serif"; color: #661fc7; background: #fff; text-indent: .35rem;
	border: solid 1px #666;
	/* box-shadow: inset 0 .03rem .07rem rgba(224,142,37.69); */
}
.loginshow form ul li input#YzNum{width: 3rem;}
.loginshow form ul li input#btnSendCode1{ color: #fff; border: none;width: 1.8rem;float: right; text-indent: 0; display: block; font: .2.8rem/.88rem "microsoft yahei";
	background: #e96e13;
	background: -webkit-linear-gradient(left,#e96e13 , #e33212); /* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(left,#e96e13, #e33212); /* Opera 11.1 - 12.0 */
	background: -moz-linear-gradient(left,#e96e13, #e33212); /* Firefox 3.6 - 15 */
	background: linear-gradient(to right,#e96e13 , #e33212); /* 标准的语法 */ 
	border-radius: .1rem;
}
.loginBtn{width: 100%; clear: both; float: left; text-align: center; margin-bottom: .5rem; margin-top: .4rem;}
.loginBtn a {
    width: 5rem;
    height: .8rem;
    display: inline-block;
    font: bold .3rem/.8rem "microsoft yahei";
    color: #fff;
    margin: auto;
}
.loginBtn a.btn01{background: url(../images/tc-btn02.png) no-repeat center; background-size: 100%;}



/* 点击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;}



/* 活动规则 */
/* #rulePage{display: block;} */
.rulebox{ display: block; }
.rulebox ul {
    width: 86%;
    clear: both;
    float: left;
    margin: .3rem 7% 2%;
}
.rulebox ul >li{width: 100%; clear: both; margin-bottom: .1rem; float: left;font: .28rem/.45rem "microsoft yahei";color: #666;position: relative;}
.rulebox ul li >span {
    float: left;
    width: 100%;
	font: .26rem/.4rem "microsoft yahei";
	color: #333;
}
.rulebox ul li >span.gzsp{width: 60%;margin-bottom: .1rem;}
.rulebox ul li >span label {
    font: bold .26rem/.35rem "microsoft yahei";
    color: #388eef;
}
.rulebox ul li p{width:100%; float: left;  font: .24rem/.38rem "microsoft yahei"; color: #808080;}
.rulebox ul li p span {
    color: #388eef;
}

/* 教材简介 */
/* #indroPage{display: block;} */
.indrobox{display: block; }
.indrobox .txt{width: 88%; clear: both; float: left; margin: .3rem 6% .35rem;}
.indrobox .txt font{float: left; clear: both; font:bold .26rem/.32rem "microsoft yahei";color: #3a07a2; margin-bottom: .1rem;}
.indrobox .txt p{font: .24rem/.32rem "microsoft yahei"; color: #333; float: left; margin-left: .42rem; clear: both; margin-bottom: .1rem;}
.indrobox .txt ul{float: left; clear: both; margin-left: .42rem;}
.indrobox .txt ul li{width: 100%; float: left; clear: both;font: .24rem/.32rem "microsoft yahei"; margin-bottom: .1rem;}
.indrobox .txt ul li i{width: .3rem; height: .32rem; display: block; font-size: .24rem; line-height: .3rem; color: #fff;
	background: url(../images/tc-icon01.png) no-repeat center; background-size: 100%; text-align: center;
	float: left; margin-right: .1rem;
}
.indrobox .txt ul li em{color: #ff3f3f;}


/* 分享遮罩 */
/* #sharePage{display: block;} */
.share-box {
    width: 6.8rem;
    margin: .25rem auto;
}
.share-box >img{width: 100%; display: block; margin: auto; }
.share-box a {
    width: 2.74rem;
    display: block;
    position: relative;
    margin-left: 35%;
    margin-top: .1rem;
}
.share-box a img{width: 100%; display: block;}

/* 温馨提示弹窗 */
/* #notePage{display: block;} */
.notebox{ display: block;text-align: center;}
.noteTxt {
    width: 100%;
    float: left;
    margin: .3rem auto 0;
}
.noteTxt img {
    width: 2.07rem;
    display: inline-block;
    margin: .1rem auto .2rem;
}
.noteTxt p {
    font: .3rem/.42rem "microsoft yahei";
    color: #333;
    width: 100%;
    float: left;
    margin: 0 auto;
    text-align: center;
}
.noteTxt p em{color: #ff3f3f;}
.noteTxt p.gzhS {
    margin-bottom: .3rem;
    width: 68%;
    padding: 0 16% .2rem;
}
.noteTxt p.jsgz{
	margin-bottom: .3rem;
}
.noteTxt p.gzhS label{color: #ff0000;}

/* 科目选择 */
/* #chosePage{display: block;} */
.chosebox{display: block;}
.kmbox{width: 90%; float: left; margin: .2rem 5% .42rem; clear: both;}
.kmbox p {
    font: .28rem/.68rem "microsoft yahei";
    color: #333;
    width: 100%;
    text-align: center;
    margin: .28rem auto .15rem;
}
.kmbox ul{width: 100%; clear: both; text-align: center; float: left;margin-top: .2rem;}
.kmbox ul li {
    width: 1.5rem;
    height: .68rem;
    display: inline-block;
    font:bold .24rem/.68rem "microsoft yahei";
    color: #1f96f7;
    cursor: pointer;
    margin-right: .26rem;
	background: url(../images/kcbk.png) no-repeat center top;
	background-size: 100%;
}
.kmbox ul li.one{margin-right: 0;}
.kmbox ul li.two{width:2.49rem; margin-right: 0; margin-bottom: .25rem;}
.kmbox ul li.right{float: right;}
.kmbox ul li.on{color: #fff;
	background: url(../images/kcbkCur.png) no-repeat center top;
	background-size: 100%;
}

/* 第二次确认 */
/* #secSurePage{display: block;} */
.secbox{display: block;}
.secbox .txt{width: 100%; clear: both; float: left; margin-top: .6rem; text-align: center;}
.secbox .txt p{font: .3rem/.52rem "microsoft yahei"; color: #333; width: 100%; clear: both; float: left;}
.secbox .txt font{font: .28rem/.7rem "microsoft yahei"; color: #7b39fc; height: .7rem; display: block; float: left; clear: both; width: 100%}
.secbox .txt span{width: 100%; color: #aaaaaa; font: .24rem/.35rem "microsoft yahei"; display: block; float: left; clear: both;}
.sureBtn{width: 100%; clear: both; float: left; margin: .6rem auto .42rem; text-align: center;}
.sureBtn a{width: 2.4rem; height: .72rem; display: inline-block; font: .3rem/.68rem "microsoft yahei"; color: #fff; margin: 0 .1rem;}
.sureBtn a.btn01 {
    background: url(../images/index-btn1.png) no-repeat center;
    border-radius: 30px;
    color: #333;
}
.sureBtn a.btn02{background: url(../images/tc-btn03.png) no-repeat center; background-size: 100%;}

/*填写收货地址*/
/* #addressPage{display: block;} */
.addressbox{display: block;}
.addressbox .form-inline{float: left; margin-top: 1.26rem;width: 100%;clear: both;}
.addressbox .form-inline >p{width: 82%; float: left; clear: both; margin: auto 9% 0; font: .24rem/.34rem "microsoft yahei";color: #666; text-align: left;}
.addressbox .form-inline >p em{color: #ff0000;}
.addressbox .form-inline ul{width: 5rem; float: left; clear: both; margin: 0 .45rem;}
.addressbox .form-inline ul li{clear: both; float: left; margin-bottom: 0; width: 100%;}
.addressbox .form-inline ul label{ font: .24rem/.56rem "microsoft yahei";color: #666; text-align: center;float: left; text-align: left;}
.addressbox .form-inline ul em{color: #ff3f3f;}
.addressbox .form-inline ul li input{width: 100%; height: .66rem; float: right; border: solid 1px #a279f4; background: #fff; font: .32rem/.66rem "microsoft yahei";color: #661fc7;
	-webkit-border-radius: .1rem;
	-moz-border-radius: .1rem;
	border-radius: .1rem;
	text-indent: .2rem;
}
.addressbox .form-inline ul li .form-group{width: 32%; float: left;}
.addressbox .form-inline ul li .form-group:nth-child(2){margin: 0 1%;}
.addressbox .form-inline ul li select{width: 100%; height: .66rem;clear: both;border: solid 1px #a279f4; background: #fff; font: .32rem/.66rem "microsoft yahei";
	-webkit-border-radius: .1rem;
	-moz-border-radius: .1rem;
	border-radius: .1rem;
	color: #661fc7;
}

.addressbox .noteBtn{width: 100%; clear: both; float: left; margin-top: .22rem; margin-bottom: 0;}
.addressbox .noteBtn a{width: 3rem; height: .6rem; display: block; margin: auto;clear: both; font: bold .32rem/.6rem "microsoft yahei";color: #fff;
	background: url(../images/tc-btn02.png) no-repeat center; background-size: 100%; text-align: center;
	border-radius: .3rem;
	-webkit-box-shadow: 0 .1rem .1rem rgba(213,140,255,.5);
	box-shadow: 0 .1rem .1rem rgba(213,140,255,.5);
}
.addressbox >p{font: .24rem/.3rem "microsoft yahei";color: #666; width: 77%; float: left; text-align: left; margin-left: 18%; margin-top: -.3rem;}

/* 重复弹窗提醒 */
/* #repeatJoin{display: block;} */
#repeatJoin .tip-txt {
    width: 100%;
    clear: both;
    float: left;
    margin: .6rem auto .1rem;
    text-align: center;
}
#repeatJoin .cftxt{margin: .7rem auto;}
#repeatJoin .tip-txt p{font: .3rem/.42rem "microsoft yahei"; color: #333;}
.cfzlImg{margin-bottom: .2rem;}
.cfzlImg img{width: 2.5rem;}


/* 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; 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; */
	width: 600px;
	position: fixed;
	top: 20%;
	left: 50%;
	margin-left: -300px;
	background: #fff;
	text-align: center;
	border-radius: 12px;
}
.pc-box font {
    width: 100%;
    height: 1.43rem;
    font: bold .4rem/1.43rem "microsoft yahei";
    color: #fff;
    float: left;
    border-radius: .4rem .4rem 0 0;
    background: url(../images/tcTit.png) no-repeat center top;
    /* position: absolute; */
    /* transform: translate(-50%, -15%); */
    margin-top: -5%;
}
.tcmain{clear: both; float: left; margin: .5rem auto 0;}
.pc-box >img {
    width: 42%;
    display: block;
    margin: 38px 29% auto;
    float: left;
}
.pc-box p {
    width: 90%;
    font: 26px/38px "microsoft yahei";
    color: #333;
    float: left;
    margin: 20px 5%;
    padding-bottom: 20px;
}

.pc-box a{position: absolute; top: -.8rem; right: -.05rem; display: block; width: .4rem; height: .4rem; cursor: pointer;}
.pc-box a img{width: 100%;}


/* 登录背景 */
.command_layout_box[data-v-372de25b]{
	background: rgba(0,0,0,.8);
}

/* 科目选择 */
/* #chosePage{display: block;} */
.kmList{width: 86%; float: left; margin: .25rem 7%; text-align: center;}
.kmList p{
	font:.28rem/.8rem "microsoft yahei";
	color: #333;
	margin-top: .2rem;
	margin-bottom: .2rem;
}
.kmList ul{width: 100%; float: left; clear: both;}
.kmList ul li{width: 1.5rem; float: left; margin: 0 2% .18rem; box-sizing: border-box; border-radius: .1rem; color: #1f96f7; cursor: pointer;
	height: .68rem; font:bold .26rem/.68rem "microsoft yahei";
	background: url(../images/kcbk.png) no-repeat center top;
	background-size: 100%;
}
.kmList ul li.on{color: #fff;
	background: url(../images/kcbkCur.png) no-repeat center top;
	background-size: 100%;
}