.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; 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%);
	-webkit-border-radius: .4rem;
	-moz-border-radius: .4rem;
	border-radius: .4rem;
}
.tcbox01{background: #fff url(../images/a35.png) no-repeat center top;background-size: 100%;}
.tcbox02{background: #fff url(../images/a39.png) no-repeat center top;background-size: 100%;}
.tcbox01 h3{font: bold .48rem/1.4rem "microsoft yahei"; color: #fff; height: 1.4rem; clear: both; width: 100%; float: left;}

.tipSure{width: 100%; clear: both; float: left; margin-bottom: .8rem;}
.tipSure a{width: 4.5rem; height: .68rem; display: block; margin: auto; font: .36rem/.68rem "microsoft yahei";color: #fff;
	background: url(../images/btn.png) no-repeat center; background-size: 100%;
	-webkit-border-radius: .34rem;
	-moz-border-radius: .34rem;
	border-radius: .34rem;
	-webkit-box-shadow: 0 0 .16rem rgba(238,27,27,.46);
	box-shadow: 0 0 .16rem rgba(238,27,27,.46);
}
.tipSure02{width: 100%; clear: both; float: left; margin-bottom: .45rem;}

.tipSure02 a{ width: 4rem; color: #ff3c00;display: block; margin: auto; font: .36rem/.68rem "microsoft yahei";
	background: url(../images/tc-btn01.png) no-repeat center; background-size: 100%;
	-webkit-border-radius: .34rem;
	-moz-border-radius: .34rem;
	border-radius: .34rem;
}
.tipSure02 a.btn02{font-weight: bold;}

.close{position: absolute; top: -.65rem; 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;}

/* 登录弹窗 */
/* #loginbox{display: block;} */
.loginshow{ display: block;}

.loginshow form{width: 100%; clear: both; float: left; margin: .65rem auto 0;}
.loginshow form ul{width: 4.5rem; margin: auto; }
.loginshow form ul li{width: 100%; clear: both; float: left; margin-bottom: .25rem;}
.loginshow form ul li.short{margin-bottom: .64rem;}
.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: 2.6rem;}
.loginshow form ul li input#btnSendCode1{ color: #fff; border: none;width: 1.8rem;float: right; text-indent: 0; display: block; text-decoration: underline; background: #f42b24; font: .3rem/.66rem "microsoft yahei";}
.loginBtn{width: 100%; clear: both; float: left; margin-bottom: .52rem;}
.loginBtn a{width: 2.2rem; height: .66rem; display: inline-block; margin: 0 .1rem; border-radius: .4rem; font: .36rem/.66rem "microsoft yahei"; background: #fff;
	border: solid 1px #f9674a; color: #f5472e;
}
.loginBtn a.btn02{color: #fff;
	background: #2753f3;
	background: -webkit-linear-gradient(#ff9b76 , #f4442b); /* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(#ff9b76 , #f4442b); /* Opera 11.1 - 12.0 */
	background: -moz-linear-gradient(#ff9b76 , #f4442b); /* Firefox 3.6 - 15 */
	background: linear-gradient(#ff9b76 , #f4442b); /* 标准的语法 */
	-webkit-box-shadow: 0 0 .16rem rgba(238,27,27,.46);
	box-shadow: 0 0 .16rem rgba(238,27,27,.46);
}

/* 活动规则 */
/* #rulePage{display: block;} */
.rulebox{display: block;}
.rulebox.tcbox01{background-size: 100% 1rem;}
.rulebox.tcbox01 h3{line-height: 1rem; height: 1rem;}
.rulebox ul{width: 90%; float: left; margin: .25rem 5%; text-align: left;}
.rulebox ul li{width: 100%; clear: both; float: left; font: .24rem/.42rem "microsoft yahei"; color: #333;}
.rulebox ul li font{font-weight: bold;color: #ff0000;}
.rulebox ul li span{color: #ff0000;}
.rulebox ul li a{color: #ff0000;}
.rulebox ul li i{width: .33rem; display: block; float: left;  background: url(../images/tc-icon01.png) no-repeat center; background-size: 100%; color: #fff; text-align: center; margin-right: .1rem;}

/* 温馨提示 */
/* #notePage{display: block;} */
.notebox{display: block;}
.note-box{width: 100%; margin: .45rem auto; clear: both; float: left;}
.note-box p{font: .32rem/.55rem "microsoft yahei"; color: #333;}
.note-box p em{color: #eb4e18;}
.note-box img{width: 1.91rem; display: block; margin:.2rem auto 0;}
/* 分享遮罩 */
/* #sharePage{display: block;} */
.share-box{width: 5.12rem;margin: .25rem auto;}
.share-box >img{width: 100%; display: block; margin: auto;}
.share-box a{width: 2.07rem; display: block; clear: both; margin:.55rem auto;}
.share-box a img{width: 100%; display: block;}

/* 兑换成功/学习力不足 */
/* #changePage{display: block;} */
.changebox{clear: both;text-align: center;}
.changebox h3{width: 100%; float: left; margin-top: .36rem; font: bold .46rem/1.02rem "microsoft yahei"; color: #fff; height: 1.02rem; }
.changeTxt{width: 100%; clear: both; height: 2.57rem; float: left; margin-bottom: .85rem; background: url(../images/a38.png) no-repeat center top; background-size: 2.48rem;}
.changeTxt p{font: .26rem/.62rem "microsoft yahei"; color: #555; width: 100%; clear: both; float: left; margin-top: .45rem;}
.changeTxt.changeNull{background: none;}
.changeTxt.changeNull p{color: #fff;}

/* 一键发货 */
/* #dataPage{display: block;} */
.databox{display: block;}
.dataTxt{width: 100%; clear: both; float: left; margin: .25rem auto;}
.dataTxt p{font: .24rem/.45rem "microsoft yahei"; color: #444; width: 100%;}
.dataTxt ul{width: 100%; clear: both; text-align: center; float: left; margin: .25rem auto 0;}
.dataTxt  ul li{width: 2.26rem; height: .64rem; display: inline-block; margin: 0 .15rem .15rem; border: solid 1px #959595; border-radius: .05rem;
	font: bold .3rem/.64rem "microsoft yahei"; color: #eb4e18;
}
.databox .tipSure02 a{font: bold .3rem/.68rem "microsoft yahei"; color: #ff3c00;}
.databox .tipSure02  p{font: .24rem/.45rem "microsoft yahei"; color: #444;}
/* 填写地址 */
/* #addressPage{display: block;} */
.addressbox{display: block;}
.addressbox .form-inline{float: left; margin-top:.25rem;width: 100%;clear: both;}
.addressbox .form-inline ul{width: 5.08rem; float: left; clear: both; margin: auto .45rem;}
.addressbox .form-inline ul li{clear: both; float: left; margin-bottom: .15rem; width: 100%;}
.addressbox .form-inline ul label{ font: .32rem/.66rem "microsoft yahei";color: #333; 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: none; background: #fff; font: .32rem/.66rem "microsoft yahei";
	border: solid 1px #f57878;
	color: #333; text-indent: .2rem;
	border-radius: .1rem;
}
.addressbox .form-inline ul li .form-group{width: 32%; float: left; margin-right: 1%;}
.addressbox .form-inline ul li .form-group:last-child{width: 34%; margin-right: 0;}
.addressbox .form-inline ul li select{width: 100%; height: .66rem;clear: both;border: none; background: #fff; font: .32rem/.66rem "microsoft yahei";
	border: solid 1px #f57878;
	color: #333;
}
.addressbox >p{font: .24rem/.3rem "microsoft yahei";color: #666; width: 88%; float: left; margin: .1rem 6% .3rem; text-align: left;}
.addressbox >p em{color: #ff3f3f;}

/* 物流信息 */
/* #inforPage{display: block;} */
.inforbox{display: block;}
.inforTxt{width: 100%; margin-top: .6rem; float: left; clear: both;}
.inforTxt img{display: block; margin: auto; height: 1.22rem;}
.inforTxt font{width: 100%; clear: both; float: left; margin-top: .25rem; font: bold .35rem/.42rem "microsoft yahei"; color: #333; margin-bottom: .25rem;}
.inforTxt p{font: .24rem/.42rem "microsoft yahei"; color: #333; width: 100%; float: left; margin-bottom: .35rem;}
.inforTxt ul{float: left; width: 90%; margin: 0 5% .35rem;}
.inforTxt ul li{width: 100%; clear: both; float: left; text-align: left; font: .24rem/.42rem "microsoft yahei";}
.inforTxt ul li span{float: right; color: #e04c1b;}



/* 重复助力 */
/* #tipPage{display: block;} */
.tipbox{display: block;}
.tipbox .tipTxt{margin-top: .8rem; clear: both; float: left; text-align: center;width: 100%; height: 3.6rem; margin-bottom: .35rem;}
.tipbox .tipTxt font{font: bold .46rem/1rem "microsoft yahei"; color: #fff;width: 100%; float: left;}
.tipbox .tipTxt font.repeat{margin-top: .35rem;}
.tipbox .tipTxt img{display: block; margin:.1rem auto 0; width: 1rem;}
.tipbox .tipTxt p{font: .3rem/.44rem "microsoft yahei"; color: #fff; width: 100%; float: left; margin-top: .3rem;}



/* 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: 5.7rem; text-align: center; position: fixed; background:#fff url(../images/a35.png) no-repeat center top; 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: 40px;
	-moz-border-radius: 40px;
	border-radius: 40px;
	
}
.pc-box font{width: 100%; height: 1.4rem; display: block;float: left;
	text-align: center; font: bold .56rem/1.4rem "microsoft yahei";color: #fff;
}
.pc-box >img{width: 2.6rem;display: block; margin:.5rem 1.7rem auto;float: left;}
.pc-box p{width: 80%; font: .28rem/.48rem "microsoft yahei";color: #666;float: left; margin: .2rem 10%;}

.pc-box a{width: .49rem; height: .49rem; display: block; cursor: pointer; position: absolute; top: -.65rem; right: -.2rem; border-radius: 50%; }
.pc-box a img{width: 100%;}