@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.97rem; height: auto; display: block;  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: .2rem;
	-moz-border-radius: .2rem;
	border-radius: .2rem;
	
}


.close{position: absolute; top: .64rem; right:-.4rem; display: block; width: .76rem; height: .78rem;}
.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;}



/* 活动规则 */
/* #rulePage{display: block;} */
.rulebox{ height: 8.87rem; display: block; background: url(../images/tcbg-rule.png) no-repeat center top; background-size: 100%; position: absolute;}

.rulebox ul{width: 100%; clear: both; float: left; margin-top: 1.75rem;}
.rulebox ul li{width: 5.45rem; clear: both; float: left; margin: 0 .31rem .12rem; font: .28rem/.44rem "microsoft yahei";color: #873c12;}
.rulebox ul li span{font-weight: bold;color: #fff; background: url(../images/tc-rule-img01.png) no-repeat center; background-size: 100%; text-align: center;
	width: 1.14rem; height: .43rem; display: block; float: left; font:.24rem/.43rem "microsoft yahei"; font-weight: 500;
	 text-shadow: 0 1px 0 #bf5b2e;
}
.rulebox ul li span.long{width: 2.36rem; background: url(../images/tc-rule-img02.png) no-repeat center; background-size: 100%;}
.rulebox ul li p{width: 4.1rem; float: left; margin-left: .2rem; font: .24rem/.3rem "microsoft yahei"; color: #873c12; margin-top: .07rem;}
.rulebox ul li p em{color: #c43221;}
.rulebox ul ol{width: 96%; margin-top: .1rem; float: left; clear: both; margin-left: 2%;}
.rulebox ul li li{font: .24rem/.28rem "microsoft yahei"; margin: auto;}
.rulebox ul li p.tip{width: 4.6rem; font: .24rem/.28rem "microsoft yahei"; color: #c43221; margin-top: 0;}

/* .rulebox p{width: 5.4rem; clear: both; float: left; margin: 0 .3rem .1rem;font: .28rem/.44rem "microsoft yahei";color: #333;} */
.rulebox p.zhu{color: #666; width: 4.7rem; margin: auto; font: .24rem/.28rem "microsoft yahei"; color: #e1814b; text-align: center;}




/* 分享遮罩 */
/* #sharePage{display: block;} */
.share-box{width: 6.85rem;margin: .25rem auto;}
.share-box >img{width: 5.33rem; display: block; margin: auto; margin-left: 15%;}
.share-box a{width: 2.07rem; display: block; clear: both; margin:.55rem auto;}
.share-box a img{width: 100%; display: block;}

/* 温馨提示弹窗 */
/* #notePage{display: block;} */
.notebox{ width: 6rem; height: 6.67rem; display: block; background: url(../images/tcbg-note.png) no-repeat center top; background-size: 100%; text-align: center;}
.notebox h3{width: 100%; clear: both; margin-top: .37rem;}
.notebox h3 img{height: .55rem; display: block; margin: auto;}

.note-box{width: 100%;float: left; margin-top: .92rem; height: 2.8rem;}
.note-box p{font: .32rem/.48rem "microsoft yahei";color: #873c12;width: 76%; float: left; margin: auto 12%;}
.note-box p em{color: #ff1e04;}
.note-box p.lineFour{margin-top: .35rem;}
.note-box p.lineTwo{margin-top: .85rem;}
.note-box p.lineThree{margin-top: .6rem;}

.tipSure{width: 100%; clear: both; float: left; margin-top: .22rem;}
.tipSure a{font-size: 0; width: 2.82rem; height: .89rem; display: block; margin: auto;}
.tipSure a img{width: 100%; display: block;}
/* 收货信息单号 */
/* #inforPage{display: block;} */
.inforbox{ width: 6rem; height: 6.67rem; display: block; background: url(../images/tcbg-infor.png) no-repeat center top; background-size: 100%; text-align: center;}
.inforbox h3{width: 100%; clear: both; margin-top: .37rem;}
.inforbox h3 img{height: .55rem; display: block; margin: auto;}
.inforTxt{width: 100%;float: left; margin-top: .92rem; height: 2.1rem;}
.inforTxt p{font: .32rem/.48rem "microsoft yahei";color: #873c12;width: 100%; float: left; margin-top: .35rem;}
.inforbox p.number{width: 100%; clear: both; font: .32rem/.9rem "microsoft yahei";color: #873c12;}
.inforbox p.number em{color: #ff1e04;}
.inforbox .tipSure{margin-top: 0;}


/* 登录弹窗 */
/* #loginbox{display: block;} */
.loginshow{ height: 6.67rem; display: block; background: url(../images/tcbg-login.png) no-repeat center top; background-size: 100%; text-align: center;}
.loginshow form{width: 100%; clear: both; float: left; margin: 2.2rem auto 0;}
.loginshow form ul{width: 4.62rem; margin: auto; }
.loginshow form ul li{width: 100%; clear: both; float: left; margin-bottom: .3rem;}
.loginshow form ul li.short{margin-bottom: .55rem;}
.loginshow form ul li input{width: 100%; height: .88rem;display: block;float: left; font: .28rem/.88rem "arial, helvetica, sans-serif"; color: #873c12; background: #edc892; text-indent: .4rem; border: none;
	-webkit-border-radius: .3rem;
	-moz-border-radius: .3rem;
	border-radius: .3rem;
	box-shadow: inset 0 .03rem .07rem rgba(224,142,37.69); 
}
.loginshow form ul li input#YzNum{width: 2.68rem;}
.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: #f86042;
	background: -webkit-linear-gradient(#f95b42 , #f9844c); /* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(#f95b42, #f9844c); /* Opera 11.1 - 12.0 */
	background: -moz-linear-gradient(#f95b42, #f9844c); /* Firefox 3.6 - 15 */
	background: linear-gradient(#f95b42 , #f9844c); /* 标准的语法 */ 
	box-shadow: inset 0 .03rem .18rem #cf2809; 
}
.loginshow form a{clear: both; width: 2.82rem; height: .89rem; display: block; font-size: 0; margin: auto; background: url(../images/tcbtn-login.png) no-repeat center; background-size: 100%;}

/*填写收货地址*/
/* #addressPage{display: block;} */
.addressbox{ height: 10.17rem; background: url(../images/tcbg-address.png) no-repeat center top; background-size: 100%; }

.addressbox .form-inline{float: left; margin-top: 1.85rem;width: 100%;clear: both;}
.addressbox .form-inline >p{width: 80%; float: left; clear: both; margin: auto 10% .15rem; font: .28rem/.34rem "microsoft yahei";color: #873c12; text-align: center;}
.addressbox .form-inline >p em{color: #ff0000;}
.addressbox .form-inline ul{width: 5rem; float: left; clear: both; margin: auto .45rem;}
.addressbox .form-inline ul li{clear: both; float: left; margin-bottom: .2rem; width: 100%;}
.addressbox .form-inline ul label{ font: .3rem/.88rem "microsoft yahei";color: #873c12; text-align: center;float: left; text-align: left;}
.addressbox .form-inline ul em{color: #ff3f3f;}
.addressbox .form-inline ul li input{width: 3.16rem; height: .88rem; float: right; border: none; background: #edc892; font: .32rem/.88rem "microsoft yahei";
	-webkit-border-radius: .3rem;
	-moz-border-radius: .3rem;
	border-radius: .3rem;
	box-shadow: inset 0 .03rem .07rem rgba(224,142,37.69);  color: #873c12; text-indent: .2rem;
}
.addressbox .form-inline ul li .form-group{width: 32%; float: left;}
.addressbox .form-inline ul li .form-group:last-child{width: 36%; margin-left: -.15rem;}
.addressbox .form-inline ul li select{width: 1rem; height: .88rem;clear: both;border: none; background: #edc892; font: .32rem/.88rem "microsoft yahei";
	-webkit-border-radius: .3rem;
	-moz-border-radius: .3rem;
	border-radius: .3rem;
	box-shadow: inset 0 .03rem .07rem rgba(224,142,37.69);  color: #873c12;
}

.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: #c36c3b; width: 90%; float: left; margin: .1rem 5% 0; text-align: center;}
.addressbox .close-btn{width: 100%; clear: both; float: left;}
.addressbox .close-btn a{width: .66rem; height: .66rem; display: block; margin: auto;}
.addressbox .close-btn a img{width: 100%;}

/* 题库说明 */
/* #instruPage{display: block;} */
.instrubox{ height: 9.27rem; display: block; background: url(../images/tcbg-instru.png) no-repeat center top; background-size: 100%; position: absolute;}
.instrubox ul{width: 100%; clear: both; float: left; margin-top: 1.75rem;}
.instrubox ul li{width: 5.45rem;  float: left; margin: 0 .31rem .16rem; font: .24rem/.44rem "microsoft yahei";color: #873c12;}
.instrubox ul li span{font-weight: bold;color: #fff; background: url(../images/tc-rule-img01.png) no-repeat center; background-size: 100%; text-align: center;
	width: 1.14rem; height: .43rem; display: block; float: left; margin-right: .2rem; font:.24rem/.43rem "microsoft yahei"; font-weight: 500;
	 text-shadow: 0 1px 0 #bf5b2e;
}
.instrubox ul li span.long{width:1.86rem; background: url(../images/tc-rule-img03.png) no-repeat center; background-size: 100%;}
.instrubox ul li p{width: 5rem; float: left; margin-left: .2rem; font: .24rem/.3rem "microsoft yahei"; color: #873c12; margin-top: .15rem; clear: both;text-align: justify;}
.instrubox ul li p em{color: #c43221;}
.instrubox ul ol{width: 92%; margin-top: .15rem; float: left; clear: both; margin-left: 4%;}
.instrubox ul li li{font: .24rem/.3rem "microsoft yahei"; margin: auto;width: 50%; float: left;}
.instrubox ul li ol.long li{width: 100%;}


/* 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;}
/*#pcEwm{ display: block;}*/
.pc-box{width: 600px; height: 570px; 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: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	
}
.pc-box font{width: 100%; background:#ed583b; background-size: 100%; font: bold 48px/163px "microsoft yahei";color: #fff;float: left;}
.pc-box >img{width: 42%;display: block; margin:50px 29% auto;float: left;}
.pc-box p{width: 80%; font: 28px/48px "microsoft yahei";color: #666;float: left; margin: 20px 10%;}

.pc-box a{width: 38px; height: 38px; display: block; cursor: pointer; position: absolute; top: -15px; right: -18px; border-radius: 50%; }
.pc-box a img{width: 100%;}