@charset "utf-8";

.mask{width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 9; background: rgba(0,0,0,.8); display: none;}
.tcbox{ width: 6rem; height: auto; display: block; background: url(../images/tc-img01.png) no-repeat center top; background-size: 100%; border-radius: .1rem; position: absolute; padding-top: .43rem;
	top: 45%;
	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%);
	
}
.tcbox h3{width: 100%; height: 1.62rem; display: block;float: left;
	text-align: center; font: bold .48rem/1.4rem "microsoft yahei";color: #fff;
}

.tcmain{width: 100%; height: auto; background: #fff; float: left; text-align: center;
	-webkit-border-radius: 0 0 .2rem .2rem;
	-moz-border-radius: 0 0 .2rem .2rem;
	border-radius: 0 0 .2rem .2rem;
}
.close{position: absolute; top: -.25rem; right: 0; display: block; width: .49rem; height: .49rem;}
.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{}

.rulebox ul{width: 100%; clear: both; float: left; }
.rulebox ul li{width: 5rem; clear: both; float: left; margin-left: .7rem; font: .28rem/.44rem "microsoft yahei";color: #666; text-align: left;}
.rulebox ul li span{font-weight: bold;color: #cf3972;}
.rulebox ul li:before{content: '';width: .3rem; height: .44rem; display: block; float: left; margin-left: -.45rem;}
.rulebox ul li.icon01:before{background: url(../images/icon03.png) no-repeat center; background-size: 100%;}
.rulebox ul li.icon02:before{background: url(../images/icon04.png) no-repeat center; background-size: 100%;}
.rulebox ul li.icon03:before{background: url(../images/icon05.png) no-repeat center; background-size: 100%;}
.rulebox ul li.icon04:before{background: url(../images/icon06.png) no-repeat center; background-size: 100%;}
.rulebox ul li.icon05:before{background: url(../images/icon07.png) no-repeat center; background-size: 100%;}
.rulebox p{width: 100%; clear: both; float: left;font: .26rem/.44rem "microsoft yahei";color: #666;}
.rulebox .zhu{color: #666;width: 5.3rem; float: left; margin: .15rem .35rem .4rem;text-align: left;}
.rulebox .zhu p{width: 100%; clear: both; float: left;font: .26rem/.44rem "microsoft yahei";color: #666;}

/* 学霸笔记 */
/* #noteTc{display: block;} */
.xbbox{}
.xbbox h3 span{font: bold .36rem/1.4rem "microsoft yahei";}
.xbbox .tcmain img{float: left; width: 2.12rem; margin-left: .43rem; margin-top: .2rem;}
.xbbox .xbTxt{float: left; margin-left: .34rem; margin-top: .34rem; }
.xbTxt font{background: url(../images/tc-img02.png) no-repeat center; background-size: 100%; width: 2.64rem; height: .6rem; padding-left: .13rem; margin-left: -.13rem;
	display: block; font: bold .28rem/.6rem "microsoft yahei"; text-align: center; color: #fff;
}
.xbTxt p{width: 100%; text-align: left; font: bold .28rem/.43rem "microsoft yahei"; color: #333; float: left; clear: both; margin-top: .15rem;}
.xbTxt p span{color: #cf3972; display: block;}
.sureBtn{width: 100%; clear: both; float: left; margin: .4rem 0; text-align: center;}
.sureBtn a{width: 5rem; height: .8rem; display: block; margin: auto; font: bold .32rem/.8rem "microsoft yahei"; color: #fff;
	background: #8d5bed;
	background: -webkit-linear-gradient(left, #bf62ec , #8057ed); /* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(right, #bf62ec, #8057ed); /* Opera 11.1 - 12.0 */
	background: -moz-linear-gradient(right, #bf62ec, #8057ed); /* Firefox 3.6 - 15 */
	background: linear-gradient(to right, #bf62ec , #8057ed); /* 标准的语法 */
	-webkit-border-radius: .4rem;
	-moz-border-radius: .4rem;
	border-radius: .4rem;
	-webkit-box-shadow: 0 .05rem .1rem rgba(182,97,237,.4);
	box-shadow: 0 .05rem .1rem rgba(182,97,237,.4);
}


/* 分享遮罩 */
/* #sharePage{display: block;} */
.share-box{width: 5.48rem;margin: .25rem auto;}
.share-box >img{width: 100%; display: block; margin: auto; margin-left: 7%;}
.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{}
.note-box{width: 100%;float: left; background:#fff url(../images/tc-over.png) no-repeat center top; background-size: auto 2.3rem;}
.note-box p{font: .24rem/.42rem "microsoft yahei";color: #333;width: 100%; float: left; margin-top: 1.65rem;}

/* 砍价规则/砍价提示 */
/* #tipPage{display: block;} */
#tipPage .tcmain img{width: 1.55rem; display: block; margin: auto;}
#tipPage .tcmain p{font: .3rem/.46rem "microsoft yahei"; color: #333; width: 100%; margin-top: .25rem; float: left;}
#tipPage .tcmain p em{color: #cf3972;}


/* 登录弹窗 */
/* #loginbox{display: block;} */
.loginshow{}
.loginshow h3{width: 100%; height: 1.64rem; display: block;float: left;
	text-align: center; font: bold .48rem/1.4rem "microsoft yahei";color: #fff;
}
.loginshow form{padding-bottom: .4rem;}
.loginshow form ul{width: 5rem; margin: auto .5rem; padding: .2rem 0; float: left;}
.loginshow form ul li{width: 100%; clear: both; float: left; margin-bottom: .25rem;}
.loginshow form ul li.short{margin-bottom: .15rem;}
.loginshow form ul li input{width: 100%; height: .66rem;display: block;float: left; font: .28rem/.66rem "arial, helvetica, sans-serif"; text-indent: .2rem; border: solid 1px #d2d2d2;
	-webkit-border-radius: .1rem;
	-moz-border-radius: .1rem;
	border-radius: .1rem;
}
.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: .3rem/.66rem "microsoft yahei";
	background: #2c92ea;
	background: -webkit-linear-gradient(left, #5badf4 , #2890e9); /* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(right, #5badf4, #2890e9); /* Opera 11.1 - 12.0 */
	background: -moz-linear-gradient(right, #5badf4, #2890e9); /* Firefox 3.6 - 15 */
	background: linear-gradient(to right, #5badf4 , #2890e9); /* 标准的语法 */
}
.loginshow form a{width: 5rem; height: .8rem; display: block; clear: both; text-align: center; margin: auto; font: bold .32rem/.8rem "microsoft yahei"; color: #fff;
	background: #8d5bed;
	background: -webkit-linear-gradient(left, #bf62ec , #8057ed); /* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(right, #bf62ec, #8057ed); /* Opera 11.1 - 12.0 */
	background: -moz-linear-gradient(right, #bf62ec, #8057ed); /* Firefox 3.6 - 15 */
	background: linear-gradient(to right, #bf62ec , #8057ed); /* 标准的语法 */
	-webkit-border-radius: .4rem;
	-moz-border-radius: .4rem;
	border-radius: .4rem;
	-webkit-box-shadow: 0 .05rem .1rem rgba(182,97,237,.4);
	box-shadow: 0 .05rem .1rem rgba(182,97,237,.4);
}



/* 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: 6rem; height: auto; display: block; background: url(../images/tc-img01.png) no-repeat center top; background-size: 100%; border-radius: .1rem; position: absolute; padding-top: .43rem;
	top: 45%;
	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%);
	
}
.pc-box font{width: 100%; height: 1.62rem; display: block;float: left;
	text-align: center; font: bold .48rem/1.4rem "microsoft yahei";color: #fff;
}

.pc-box .tcmain 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%;}