@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;}
.tc-box{ width: 6rem; height:auto; display: block; text-align: center; 
	background: #416ef0;
	background: -webkit-linear-gradient(#4f83f9, #345be7); /* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(#4f83f9, #345be7); /* Opera 11.1 - 12.0 */
	background: -moz-linear-gradient(#4f83f9, #345be7); /* Firefox 3.6 - 15 */
	background: linear-gradient(#4f83f9, #345be7); /* 标准的语法 */
	position: absolute;
	top: 51%;
	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: .1rem;
	-moz-border-radius: .1rem;
	border-radius: .1rem;
	-webkit-box-shadow: inset 0 2px 3px #ffffff;
	box-shadow: inset 0 2px 3px #ffffff;
}
.tc-box h3{width: 100%; float: left; margin-top: -2.37rem; clear: both; font: bold .42rem/1.3rem "microsoft yahei"; color: #fff; padding-top: 1.61rem; 
	background: url(../images/tc-title01.png) no-repeat center top; 
	background-size: 4.4rem;
	position: relative;
}
.tcTxt{width: 5.5rem; float: left; margin: -.28rem .25rem .14rem; border-radius: .1rem; background: #fff;
	background: -webkit-linear-gradient(#d6e3ff, #fff); /* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(#d6e3ff, #fff); /* Opera 11.1 - 12.0 */
	background: -moz-linear-gradient(#d6e3ff, #fff); /* Firefox 3.6 - 15 */
	background: linear-gradient(#d6e3ff, #fff); /* 标准的语法 */
}
.tipSure{width: 100%; clear: both; float: left; margin-bottom: .15rem;}
.tipSure a{width: 2.23rem; height: .69rem; display: block; background: url(../images/tc-btn03.png) no-repeat center; background-size: 100%; margin: auto;
	font: .28rem/.66rem "microsoft yahei"; color: #d93401;
	border-radius: .3rem;
	-webkit-box-shadow: 0 4px 4px rgba(33,68,167,.4);
	box-shadow: 0 4px 4px rgba(33,68,167,.4);
}

.close{position: absolute; top: -.68rem; right: 0; display: block; width: .5rem; height: .5rem;}
.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{display: block;}
.ruleTXT ul{width: 100%; clear: both; float: left; margin: .48rem auto .25rem;}
.ruleTXT ul li{width: 94%; clear: both; float: left; margin: 0 3%; font: .26rem/.4rem "microsoft yahei";color: #666; text-align: left;}
.ruleTXT ul li i{float: left; width: .32rem; height: .4rem; background: url(../images/icon02.png) no-repeat center; background-size: 100%; text-align: center; color: #fff;}
.ruleTXT ul li span{color: #3861ea; float: left; margin-left: .1rem; font: .26rem/.4rem "microsoft yahei";}
.ruleTXT ul li a{color: #fe0202;}
.ruleTXT ul li p{clear: both; width: 100%; float: left;}
.ruleTXT ul li p.short{width: 2.6rem;}
.ruleTXT img{width: 2.36rem; float: right; display: block; margin-top: -2.6rem; position: relative; margin-right: .24rem;}

/* 登录弹窗 */
/* #loginbox{display: block;} */
.loginshow{display: block;}
.loginshow form{clear: both;}
.loginshow form ul{width: 5rem; margin: .7rem .25rem 0; float: left;}
.loginshow form ul li{width: 100%; clear: both; float: left; margin-bottom: .35rem;}
.loginshow form ul li.short{margin-bottom: .45rem;}
.loginshow form ul li input{width: 100%; height: .7rem;display: block;float: left; font: .28rem/.7rem "arial, helvetica, sans-serif"; text-indent: .2rem; border: solid 1px #434343;
	border-radius: .2rem;
}
.loginshow form ul li input#YzNum{width: 2.8rem;}
.loginshow form ul li input#btnSendCode1{ color: #fff; border: none;width: 2rem;float: right; text-indent: 0; display: block;  font: .28rem/.7rem "microsoft yahei";
	background: #345be7;
	background: -webkit-linear-gradient(#5ea6ff , #345be7); /* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(#5ea6ff, #345be7); /* Opera 11.1 - 12.0 */
	background: -moz-linear-gradient(#5ea6ff, #345be7); /* Firefox 3.6 - 15 */
	background: linear-gradient(#5ea6ff , #345be7); /* 标准的语法 */
	-webkit-border-radius: .2rem;
	-moz-border-radius: .2rem;
	border-radius: .2rem;
}
.loginshow .loginBtn{float: left; clear: both; margin: .28rem auto .35rem; width: 100%; text-align: center;}
.loginshow .loginBtn a{width: 2rem; height: .62rem; display: inline-block; margin: 0 .2rem; font: .32rem/.58rem "microsoft yahei"; text-align: center;
	-webkit-box-shadow: 0 4px 4px rgba(33,68,167,.4);
	box-shadow: 0 4px 4px rgba(33,68,167,.4);
	border-radius: .3rem;
}
.loginshow .loginBtn a.btn01{background: url(../images/tc-btn01.png) no-repeat center; background-size: 100%; color: #626262;}
.loginshow .loginBtn a.btn02{background: url(../images/tc-btn02.png) no-repeat center; background-size: 100%; color: #d93401;}




/* 分享遮罩 */
/* #sharePage{display: block;} */
.share-box{width: 5.41rem;margin: .25rem auto;}
.share-box >img{width: 100%; display: block; margin: auto 5%;}
.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{display: block;}
.note-box{clear: both; padding-bottom: .25rem;}
.note-box img{width: 1.84rem; display: block; margin: .75rem auto .15rem;}
.note-box img.repeat{width: 1.15rem; }
.note-box img.add01{width: 1.37rem; }
.note-box img.add02{width: .93rem; }
.note-box img.end{width: 2.31rem; float: left;margin-left: .23rem; margin-top: .6rem;}

.note-box p{font: .28rem/.48rem "microsoft yahei";color: #666;width: 90%; float: left; margin: 0 5%;}
.note-box.overEnd p{width: 2.75rem; float: right; margin-right: .15rem;margin-left: 0; margin-top: 1.15rem;}
.note-box.info p{color:#333;}
.note-box p em{font-weight: bold; color: #333;}

/* 填写地址 */
/* #addressPage{display: block;} */
.addressbox form ul{width: 5rem; margin: .32rem .25rem 0; float: left;}
.addressbox form ul li{width: 100%; clear: both; float: left; margin-bottom: .15rem;}
.addressbox .form-inline ul label{ font: .24rem/.42rem "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 #434343;
	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 #434343;
	color: #333;
	border-radius: .1rem;
}
.addressbox .form-inline p{font: .24rem/.3rem "microsoft yahei"; clear: both; margin: .1rem 3% .15rem; width: 94%; float: left; color: #3760e9;}
.addressbox .form-inline p em{color: #ff3f3f;}



/* 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; position: fixed; background:#fff url(../images/tc-img01.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: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	
}
.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: 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: 49px; height: 49px; display: block; cursor: pointer; position: absolute; top: -65px; right: -18px; border-radius: 50%; }
.pc-box a img{width: 100%;}