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

.tcbox h3{font: bold .48rem/1.12rem "microsoft yahei"; color: #c56604; width: 100%; clear: both; float: left; text-align: center;
	height: 1.12rem; position: relative; margin-top: .5rem;
	text-shadow: 0 1px 0 #fff;
}


.tipSure{width: 100%; clear: both; float: left; text-align: center; margin: .15rem auto 0;}
.tipSure a{width: 3rem; height: .62rem; display: inline-block; margin: auto .08rem; font-size: .28rem; line-height: .62rem; font-weight: bold; color: #fff;}
.tipSure a.btn01{
	background: #fe504f;
	background: -webkit-linear-gradient(left, #f8852b , #fe504f); /* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(right, #f8852b, #fe504f); /* Opera 11.1 - 12.0 */
	background: -moz-linear-gradient(right, #f8852b, #fe504f); /* Firefox 3.6 - 15 */
	background: linear-gradient(to right, #f8852b , #fe504f); /* 标准的语法 */
	border-radius: .36rem;
	box-shadow: .06rem .04rem .06rem rgba(255,82,34,.22);
}



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



/* 活动已结束 */
/* #failPage{display: block;} */
.endPbox{
	height: 6.15rem;
	background: url(../images/tc-bg01.png) no-repeat center;
	background-size: 100%;
}
#failPage h3{color: #6d6d6d;}
.notebox{
	width: 100%; text-align: center; float: left; margin-top: .5rem;
}
.notebox img.end{
	width: 2.18rem; display: inline-block;
}
.notebox img.fail{
	width: 4.9rem; display: inline-block; margin-top: -.25rem; margin-bottom: -.7rem;
}
.notebox p{
	font-size: .3rem; line-height: .44rem; color: #333; float: left; margin-top: .25rem;
	width: 100%;
}
.notebox p span{
	color: #3a5de8;
}
/* 类别一展示 */
/* #typeOnePage{display: block;} */
#typeOnePage .tcbox{
	height: 6.15rem;
	background: url(../images/tc-bg02.png) no-repeat center;
	background-size: 100%;
}
.notebox img.kefu{
	width: 2.18rem; display: inline-block;
}
.notebox img.data-no{
	width: 5.39rem; display: inline-block;
}
.notebox img.oneWay{
	width: 4.83rem; display: inline-block; margin-top: -.2rem;
}
.notebox img.logist{
	width: 5.39rem; margin-bottom: -.7rem;
}
.notebox p.dataNoTxt{
	margin-top: -.5rem;
}
.notebox p.oneWayTxt{
	margin-top: -.5rem;
}
.notebox p.logistTxt{
	margin-top: -.25rem;
}
/* 类别二 */
/* #typeTwoPage{display: block;} */


/* 活动规则 */
/* #rulePage{display: block;} */
#rulePage .tcbox{
	height: 8.62rem;
	background: url(../images/tc-bg03.png) no-repeat center;
	background-size: 100%;
}
.rulebox{ display: block; text-align: center;}
.ruleScroll{
	height: 6.2rem; width: 5.2rem; float: left; padding: 0 .42rem; text-align: left; margin: .23rem auto;
	overflow-y: scroll;
}
.rulebox ul{width: 100%; clear: both; float: left;}
.rulebox ul li{width: 100%; clear: both; float: left; margin:0 auto .1rem; font-size: .26rem; line-height: .42rem; color: #444444; text-align: left;}
.rulebox ul li font{float: left; width: 1.4rem; line-height: .39rem; height: .39rem; font-weight: bold; font-size:.24rem; margin-bottom: .1rem;
	color: #fff;
	background: url(../images/tc-rule03.png) no-repeat center;
	background-size: 100%;
	text-align: left; text-indent: .1rem;
	margin-left: -.2rem;
}
.rulebox ul li:last-child font{
	width: 1.93rem;
	background: url(../images/tc-rule04.png) no-repeat center;
	background-size: 100%;
}
.rulebox ul li p{width:100%; float: left;  line-height: .32rem; color: #444444; }
.rulebox ul li p.tip{
	color: #4d6eee;
}
.rulebox ul li p.tip::before{
	content: '';width: .11rem; height: .32rem; display: inline-block;float: left;
	background: url(../images/zd-icon03.png) no-repeat center;
	background-size: 100%;
}
.rulebox ul li p img{
	width: 5.3rem; display: block;margin: .05rem auto;
}
.rulebox ul li span{color: #f72624;}

/* 金豆明细/邀请列表 */
/* #joinListPage{display: block;} */
#joinListPage .tcbox{
	height: 6.64rem;
	background: url(../images/tc-bg04.png) no-repeat center;
	background-size: 100%;
}
#joinListPage .tcbox .preList{
	width: 5.26rem; float: left; margin: .26rem .37rem auto;
	height: 4.26rem;
	overflow-y: scroll;
}
#joinListPage .tcbox .preList ul{
	width: 100%; clear: both; float: left;
}
#joinListPage .tcbox .preList ul li{
	width: 100%;height: .66rem; display: block; float: left; margin-bottom: .06rem;
	background: #f1f5fd;
	border-radius: .1rem;
	font-size: .28rem; line-height: .66rem;
}
#joinListPage .tcbox .preList ul li i{
	width: .35rem; text-align: right;
	float: left; margin-left: .2rem;
}
#joinListPage .tcbox .preList ul li a{
	float: left; margin-left: .1rem;
}
#joinListPage .tcbox .preList ul li time{
	float: left; margin-left: .3rem;
}
#joinListPage .tcbox .preList ul li span{
	float: left; margin-left: .3rem;
}
#joinListPage .tcbox .preList ul li span.gold::after{
	content: '';width: .28rem; height: .66rem; display: inline-block;
	background: url(../images/zd-icon02.png) no-repeat center;
	background-size: 100%;
	vertical-align: top;
}


/* 选择科目 */
/* #chosePage{display: block;} */
#chosePage .tcbox{
	height: 4.69rem;
	background: url(../images/tc-bg05.png) no-repeat center;
	background-size: 100%;
}
#chosePage .choseBox{
	width: 100%; clear: both; float: left;
}
#chosePage .choseBox ul{
	width: 100%; clear: both; float: left; margin: .7rem auto .25rem; text-align: center;
}
#chosePage .choseBox ul li{
	display: inline-block; font-size: .32rem; line-height: .72rem; color: #4c4c4c; margin: auto .15rem;
	cursor: pointer;
}
#chosePage .choseBox ul li::before{
	content: '';width: .5rem; height: .72rem; display: inline-block;margin-right: .1rem;
	background: url(../images/tc-icon02.png) no-repeat center left;
	background-size: 100%;
	vertical-align: top;
}
#chosePage .choseBox ul li.active{color: #4d70ee;font-weight: bold;}
#chosePage .choseBox ul li.active::before{
	background: url(../images/tc-icon01.png) no-repeat center left;
	background-size: 100%;
}
#chosePage .choseBox ul li.throLine{
	text-decoration: line-through;
}

/* 地址弹窗 */
/* #addressPage{display: block;} */
#addressPage .tcbox{
	height: 8.62rem;
	background: url(../images/tc-bg03.png) no-repeat center;
	background-size: 100%;
}
.addressbox{
	float: left; margin-top: .37rem; margin-left: .48rem; width: 5rem;
}
.addressbox p{
	font-size: .32rem; line-height: .43rem;width: 100%; float: left; text-align: center;
}
.addressbox p span{
	color: #ff0000;
}
.addressbox ul{
	width: 100%; clear: both; float: left; margin-top: .3rem;
}
.addressbox ul li{
	width: 100%; clear: both; float: left; margin-bottom: .2rem;
	font-size: .32rem; line-height: .72rem; color: #333;
}
.addressbox ul li.region{
	margin-bottom: 0;
}
.addressbox ul li span{color: #ff3f3f;}
.addressbox ul li label{
	float: left;
}
.addressbox ul li.address label{
	width: 100%; clear: both;
}
.addressbox ul li input,.addressbox ul li select{
	height: .7rem;
	border: solid 1px #333;
	border-radius: .1rem;
	font-size: .32rem; line-height: .7rem;
}
.addressbox ul li.two input{
	width: 2.86rem; float: right; padding: 0 .15rem;
}

.addressbox ul li .form-group{
	float: left; width: 1.5rem; margin: 0;
}
.addressbox ul li .form-group:last-child{
	width: 2rem;
}
.addressbox ul li .form-group font{
	float: left;
}
.addressbox ul li select{
	width: 1rem; height: .7rem; line-height: .7rem;
}
.addressbox ul li .form-group:last-child select{
	width: 1.2rem;
}
.addressbox ul li.address input{
	width: 96%; padding: 0 2%;
}
/* 物流信息 */
/* #logisticsPage{display: block;} */
#logisticsPage .tcbox{
	height: 6.15rem;
	background: url(../images/tc-bg02.png) no-repeat center;
	background-size: 100%;
}
/* 物流信息 存在 */
/* #logisInfoPage{display: block;} */
#logisInfoPage .tcbox{
	height: 5.61rem;
	background: url(../images/tc-bg06.png) no-repeat center;
	background-size: 100%;
}
.logisInfo{
	width: 4rem; float: left; margin-left: .95rem; margin-top: .7rem; margin-bottom: .45rem;
}
.logisInfo p{
	float: left; margin: auto; text-align: left;
}
.logisInfo p.tips{
	color: #fe524d; margin: .1rem auto;
}

/* 兑换成功/刷题方式 */
/* #txtPage{display: block;} */
#txtPage .tcbox{
	height: 5.61rem;
	background: url(../images/tc-bg06.png) no-repeat center;
	background-size: 100%;
}
.txtbox{
	margin: .25rem .5rem; width: 5rem; float: left;
}
.txtbox.mt6{
	margin-top: .6rem;
}
.txtbox font{
	width: 100%; text-align: center; font-size: .3rem; line-height: .45rem; color: #ff0000; float: left; clear: both;
}
.txtbox p{
	width: 100%; float: left; font-size: .26rem; line-height: .37rem; color: #333;
}
.txtbox p span{
	color: #ff0000;
}
/* 助力成功 */
/* #sucPage{display: block;} */
#sucPage .tcbox{
	height: 6.09rem;
	background: url(../images/tc-bg07.png) no-repeat center;
	background-size: 100%;
}
.sucTxt{
	margin: .3rem auto 0; width: 100%; float: left; text-align: center;
}
.sucTxt img{
	width: 4.83rem; display: inline-block;
}
.sucTxt p{
	font-size: .3rem; line-height: .4rem; width: 100%; display: inline-block; float: left;
	margin-top: -.5rem;margin-bottom: .1rem;
}
/* 重复助力 */
/* #repeatPage{display: block;} */
#repeatPage .tcbox{
	height: 6.15rem;
	background: url(../images/tc-bg08.png) no-repeat center;
	background-size: 100%;
}
#repeatPage .tcbox h3{
	color: #6d6d6d; font-size: .44rem;
}
.repeatTxt{
	margin: .3rem auto 0; width: 100%; float: left; text-align: center;
}
.repeatTxt img{
	width: 4.9rem; display: inline-block;
}
.repeatTxt p{
	font-size: .3rem; line-height: .4rem; width: 100%; display: inline-block; float: left;
	margin-top: -.5rem;margin-bottom: .1rem;
}



/* 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: 6rem; height: 6.15rem; display: block;  position: absolute;
	background: url(../images/tc-bg02.png) no-repeat center;
	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: .2em;
	-moz-border-radius: .2rem;
	border-radius: .2rem;
}

.pc-box font{font: bold .48rem/1.12rem "microsoft yahei"; color: #c56604; width: 100%; clear: both; float: left; text-align: center;
	height: 1.12rem; position: relative; margin-top: .5rem;
	text-shadow: 0 1px 0 #fff;
}



.tcmain{clear: both; float: left; margin: .5rem auto 0;}
.pc-box >img{width: 2.18rem;display: block; margin:.8rem 1.91rem auto;float: left;}
.pc-box p{width: 90%; font: .3rem/.48rem "microsoft yahei";color: #666;float: left; margin: 20px 5% .35rem;
	text-align: center;
}

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