@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: #fff url(../images/tc-img01.png) no-repeat center top; background-size: 100%; border-radius: .2rem; 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%);
}
.tcbox h3{width: 100%; height: 1.2rem; display: block;float: left;text-align: center; font: bold .46rem/1.2rem "microsoft yahei";color: #fff;}

.sureBtn{width: 100%; clear: both; float: left; margin: .25rem 0; text-align: center;}
.sureBtn a{width: 4rem; height: .8rem; display: block; margin: auto; font: .36rem/.8rem "microsoft yahei";color: #fff;
	background: #2753f3;
	background: -webkit-linear-gradient(left, #689df4 , #6e5efb); /* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(right, #689df4, #6e5efb); /* Opera 11.1 - 12.0 */
	background: -moz-linear-gradient(right, #689df4, #6e5efb); /* Firefox 3.6 - 15 */
	background: linear-gradient(to right, #689df4 , #6e5efb); /* 标准的语法 */
	-webkit-border-radius: .4rem;
	-moz-border-radius: .4rem;
	border-radius: .4rem;
	-webkit-box-shadow: 0 .02rem .16rem rgba(60,88,200,.46);
	box-shadow: 0 .02rem .16rem rgba(60,88,200,.46);
}

.close{position: absolute; bottom: -.72rem; left: 50%; display: block; width: .66rem; height: .66rem; margin-left: -.33rem;}
.close a{width: 100%; display: block;}
.close a img{width: 100%; display: block;}


/* 活动规则 */
/* #rulePage{display: block;} */
.rulebox{display: block;}

.rulebox ul{width: 100%; clear: both; float: left; margin-top: .35rem; margin-bottom: .35rem;}
.rulebox ul li{width: 5.4rem; clear: both; float: left; margin: 0 .3rem; font: .24rem/.36rem "microsoft yahei";color: #666;}
.rulebox ul li font{font-weight: bold;color: #333;}
.rulebox ul li span{color: #ef3436;}
.rulebox p{width: 5.4rem; clear: both; float: left; margin: 0 0 .1rem;font: .24rem/.36rem "microsoft yahei";color: #666;}

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

.loginshow form{width: 100%; clear: both; float: left; margin: .65rem auto 0;}
.loginshow form ul{width: 5rem; margin: auto; }
.loginshow form ul li{width: 100%; clear: both; float: left; margin-bottom: .25rem;}
.loginshow form ul li.short{margin-bottom: .55rem;}
.loginshow form ul li input{width: 100%; height: .8rem;display: block;float: left; font: .28rem/.8rem "arial, helvetica, sans-serif"; text-indent: .2rem; border: solid 1px #d2d2d2;}
.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: #b31d23;
	background: -webkit-linear-gradient(left, #cd2d2f , #a8161e); /* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(right, #cd2d2f, #a8161e); /* Opera 11.1 - 12.0 */
	background: -moz-linear-gradient(right, #cd2d2f, #a8161e); /* Firefox 3.6 - 15 */
	background: linear-gradient(to right, #cd2d2f , #a8161e); /* 标准的语法 */
	-webkit-border-radius: .1rem;
	-moz-border-radius: .1rem;
	border-radius: .1rem;
}

.loginshow .loginBtn{width: 100%; clear: both; margin:0 auto .45rem; text-align: center;}
.loginshow .loginBtn a{display: inline-block; margin: 0 .1rem; font: .3rem/.8rem "microsoft yahei"; color: #fff; border-radius: .4rem;}
.loginshow .loginBtn a.btn01{background: #9f9e9e; width: 2.1rem;
	box-shadow: 0 .04rem .1rem rgba(174,168,168,.4);
}
.loginshow .loginBtn a.btn02{ width: 2.8rem;
	background: #6c73f8;
	background: -webkit-linear-gradient(left, #689df4 , #6e5efb); /* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(right, #689df4, #6e5efb); /* Opera 11.1 - 12.0 */
	background: -moz-linear-gradient(right, #689df4, #6e5efb); /* Firefox 3.6 - 15 */
	background: linear-gradient(to right, #689df4 , #6e5efb); /* 标准的语法 */
	box-shadow: 0 .04rem .1rem rgba(110,97,251,.4);
}


/* 温馨提示弹窗 */
/* #notePage{display: block;} */
.notebox{display: block; text-align: center;}

.note-box{width: 100%;float: left; margin-top: .25rem;}
.note-box font{font: .3rem/.52rem "microsoft yahei";color: #333;width: 100%; float: left;}
.note-box p{font: .24rem/.4rem "microsoft yahei";color: #666;width: 100%; float: left; clear: both;}
.note-box p.note01{font: .26rem/.4rem "microsoft yahei";}
.note-box p span{color: #c3262a;}
.note-box img.ewm{height: 2.59rem; display: block; margin: auto; clear: both; padding: .1rem 0;}
.note-box img.over{height: 1.6rem; display: block; margin: auto; clear: both; padding: .1rem 0;}
.note-box img.fail{height: 1.44rem; display: block; margin: auto; clear: both; padding: .1rem 0;}

/*填写收货地址*/
/* #addressPage{display: block;} */
.addressbox{display: block; width: 5.93rem; background: url(../images/tc-img03.png) no-repeat center top; background-size: 100%; height: 9.23rem;}
.addressbox h3{font: bold .36rem/.84rem "microsoft yahei"; color: #b11a22; width: 100%; clear: both; height: .84rem;}
.addressbox .form-inline{float: left; margin-top:.35rem;width: 100%;clear: both;}
.addressbox .form-inline p{font: .24rem/.32rem "microsoft yahei";color: #666; width: 88%; float: left; margin:0 6% ; text-align: left;}
.addressbox .form-inline p.tip{color: #888;}
.addressbox .form-inline p span{color: #f91e22;}
.addressbox .form-inline ul{width: 5.08rem; float: left; clear: both; margin: auto .45rem;}
.addressbox .form-inline ul li{float: left; margin-bottom: .1rem; width: 100%;}
.addressbox .form-inline ul li.user,.addressbox .form-inline ul li.phone{width: 49%;}
.addressbox .form-inline ul li.phone{float: right;}

.addressbox .form-inline ul label{ font: .3rem/.56rem "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 #b11a22;
	border-radius: .1rem;
	color: #333;
	text-indent: .2rem;
}
.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: .28rem/.66rem "microsoft yahei";
	border: solid 1px #b11a22;border-radius: .1rem;
	color: #333;
}

/* 收货信息单号 */
/* #inforPage{display: block;} */
.inforbox{display: block;}
.inforTxt{width: 100%;float: left; margin-top: .25rem;  text-align: center;}
.inforTxt p{font: .32rem/.48rem "microsoft yahei";color: #666;width: 100%; float: left; margin-top: .35rem;}
.inforbox p em{color: #ff3f3f; font: bold .42rem/.55rem arial;}
.inforbox p span{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;background:#fff url(../images/tc-img01.png) no-repeat center top; background-size: 100%;  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: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	
}
.pc-box font{width: 100%; font: bold 60px/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: 48px; height: 48px; display: block; cursor: pointer; position: absolute; top: -65px; right: 0; border-radius: 50%; }
.pc-box a img{width: 100%;}