@charset "utf-8";
input[type="button"], input[type="submit"], input[type="reset"] {-webkit-appearance: none;}
textarea {-webkit-appearance: none;}

.mask{width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 9; background: rgba(0,0,0,.8); display: none;}

/* 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: 600px; height: 570px; text-align: center; background: #fff; 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: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
.pc-box font{width: 100%; background: #1c34a0;  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: 38px; height: 38px; display: block; cursor: pointer; position: absolute; top: -15px; right: -18px; border-radius: 50%; }
.pc-box a img{width: 100%;}

/* 点击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{ width: 6rem; height: 7.97rem; display: block; background: #fff url(../images/tc-bg.png) no-repeat center bottom; background-size: 100%; border-radius: .1rem; 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%);
}
.rulebox h3{width: 100%; height: 1.63rem; display: block; background: url(../images/tc-top.png) no-repeat center top; background-size: 100%; float: left;
	text-align: center; font: bold .6rem/1.63rem "microsoft yahei";color: #fff;
}
.rulebox ul{width: 100%; clear: both; float: left; margin-top: .35rem;}
.rulebox ul li{width: 5.3rem; clear: both; float: left; margin: 0 .35rem; font: .26rem/.36rem "microsoft yahei";color: #333; margin-bottom: .15rem;}
.rulebox ul li i{width: .49rem; height: .41rem; display: block; float: left; font: .3rem/.41rem arial;color: #fff; text-align: center; background: url(../images/tc-img01.png) no-repeat center; background-size: 100%;}
.rulebox ul li p{float: left; width: 4.7rem; margin-left: .05rem;}
.rulebox ul li p span{font-weight: bold;color: #fd6b00;}
.rulebox .close{position: absolute; top: -.15rem; right: -.18rem; display: block; width: .38rem; height: .38rem;}
.close a{width: 100%; display: block;}
.close a img{width: 100%; display: block;}

/* 分享遮罩 */
/* #sharePage{display: block;} */
.share-box{width: 6.3rem;margin: .25rem auto;}
.share-box >img{width: 100%; display: block; margin: auto;}
.share-box a{width: 3rem; display: block; clear: both; margin:.55rem auto;}
.share-box a img{width: 100%; display: block;}

/* 温馨提示弹窗 */
/* #notePage{display: block;} */
.notebox{ width: 6rem; height: 5.75rem; display: block; background: #fff url(../images/tc-bg.png) no-repeat center bottom; background-size: 100%; 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: .1rem;
	-moz-border-radius: .1rem;
	border-radius: .1rem;
}
.notebox h3{width: 100%;font: bold .6rem/1.63rem "microsoft yahei";color: #fff; height: 1.63rem;float: left; letter-spacing: 0.05rem; background: url(../images/tc-top.png) no-repeat center; background-size: 100%;
	-webkit-border-radius: .1rem .1rem 0 0;
	-moz-border-radius: .1rem .1rem 0 0;
	border-radius: .1rem .1rem 0 0;
}
.note-box{width: 100%;float: left; margin-top: .55rem; height: 2rem;}
.note-box p{font: .28rem/.54rem "microsoft yahei";color: #666;width: 100%; float: left; margin-top: .25rem;}
.note-box p span{color: #fd6b00;}
.tipSure{width: 100%; clear: both; float: left;}
.tipSure a{width: 4.5rem; height: .68rem; display: block; margin: auto; font: .36rem/.68rem "microsoft yahei";color: #fff;
	background: #fdac00;
	background: -webkit-linear-gradient(left, #fdcc00 , #fd9500); /* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(right, #fdcc00, #fd9500); /* Opera 11.1 - 12.0 */
	background: -moz-linear-gradient(right, #fdcc00, #fd9500); /* Firefox 3.6 - 15 */
	background: linear-gradient(to right, #fdcc00 , #fd9500); /* 标准的语法 */
	-webkit-border-radius: .34rem;
	-moz-border-radius: .34rem;
	border-radius: .34rem;
	-webkit-box-shadow: 0 .02rem .16rem rgba(238,116,27,.46);
	box-shadow: 0 .02rem .16rem rgba(238,116,27,.46);
}

.notebox .close{position: absolute; top: -.15rem; right: -.18rem; display: block; width: .38rem; height: .38rem;}

/* 登录弹窗 */
/* #loginbox{display: block;} */
.loginshow{ width: 6rem; height: 5.76rem; display: block; background: #fff url(../images/tc-bg.png) no-repeat center bottom; background-size: 100%; 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: .1rem;
	-moz-border-radius: .1rem;
	border-radius: .1rem;
}
.login-title{width: 100%;height: 1.63rem;float: left; background: url(../images/tc-top.png) no-repeat center; background-size: 100%;}
.login-title font{font: bold .48rem/1.63rem "microsoft yahei";color: #fff; }
.loginshow form{width: 100%; clear: both; float: left; margin: .6rem auto 0;}
.loginshow form ul{width: 4.8rem; 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: .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: #f42b24; border: none;width: 1.7rem;float: right; text-indent: 0; display: block; text-decoration: underline; background: none; font: .28rem/.66rem "microsoft yahei";}
.loginshow form a{clear: both; width: 4.5rem; height: .68rem; display: block; margin: auto; font: .36rem/.68rem "microsoft yahei";color: #fff; text-align: center;
	background: #fdac00;
	background: -webkit-linear-gradient(left, #fdcc00 , #fd9500); /* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(right, #fdcc00, #fd9500); /* Opera 11.1 - 12.0 */
	background: -moz-linear-gradient(right, #fdcc00, #fd9500); /* Firefox 3.6 - 15 */
	background: linear-gradient(to right, #fdcc00 , #fd9500); /* 标准的语法 */
	-webkit-border-radius: .34rem;
	-moz-border-radius: .34rem;
	border-radius: .34rem;
	-webkit-box-shadow: 0 .02rem .16rem rgba(238,116,27,.46);
	box-shadow: 0 .02rem .16rem rgba(238,116,27,.46);
}
.loginshow .close{position: absolute; top: -.15rem; right: -.18rem; display: block; width: .38rem; height: .38rem;}

/* 查看大图 */
/* #bigCard{display: block;} */
.cardShow { width: 6rem; height: 7.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%);
	-webkit-border-radius: .1rem;
	-moz-border-radius: .1rem;
	border-radius: .1rem;
}
.cardShow font{font: bold .54rem/1rem "microsoft yahei";color: #ffd259; width: 100%; float: left; text-align: center;}
.cardShow .bigImg{width: 100%; float: left; margin-top: .15rem;}
.cardShow .bigImg img{width: 5.03rem; height: auto; display: block; margin: auto;}
.cardShow .bigImg img.xz{
	animation: mymove .5s linear;
	-webkit-animation: mymove .5s linear; /* Safari and Chrome */
	-moz-animation: mymove .5s linear; /* Firefox */
	-ms-animation: mymove .5s linear; /* Opera */
}
.cardShow .close{position: absolute; bottom: -1rem; left: 2.56rem; display: block; width: .91rem; height: .91rem;}

/* 召唤大图 */
/* #summ{display:block;} */
.sumShow{height: 8.3rem;}
.sumShow p{font: .32rem/.5rem "microsoft yahei";color: #ffd259; width: 100%; float: left; text-align: center;}

/* 中奖弹窗 */
/* #giftPage{display: block;} */
.giftbox{width: 5.93rem; height: auto;  display: block; text-align: center;
	position: relative;
  	left: 50%;
  	top: 50%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}
.giftbox p{font: .32rem/.54rem "microsoft yahei";color: #ffc156;width: 100%; clear: both;}
.giftbox font{font: bold .54rem/.95rem "microsoft yahei"; color: #fed159;width: 100%; clear: both;}
.giftbox img{height: 3.9rem; display: block; margin:.35rem auto;}
.giftbox a{width: 4.5rem; height: .88rem; display: block; margin: .25rem auto; background: url(../images/gift-img02.png) no-repeat center; background-size: 100%;
	font: .36rem/.88rem "microsoft yahei";color: #fff;
	-webkit-border-radius: .44rem;
	-moz-border-radius: .44rem;
	border-radius: .44rem;
	-webkit-box-shadow: 0 0 .16rem rgba(238,116,27,.5);
	box-shadow: 0 0 .16rem rgba(238,116,27,.5);
}

/*收货信息*/
/* #addressPage{display: block;} */
.addressbox{width: 5.93rem; height: 8.93rem;  display: block;background: url(../images/tc-bg05.png) no-repeat center; background-size: 100%; text-align: center;
	position: relative;
  	left: 50%;
  	top: 50%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}
.addressbox h2{width: 100%; font: bold .36rem/.84rem "microsoft yahei";color: #4079ff;}
.addressbox .form-inline{float: left; margin-top: .35rem;width: 100%;clear: both;}
.addressbox .form-inline >p{width: 86%; float: left; clear: both; margin: auto 7%; font: .24rem/.3rem "microsoft yahei";color: #6681be; text-align: left;}
.addressbox .form-inline ul{width: 86%; float: left; clear: both; margin: auto 7%;}
.addressbox .form-inline ul li{clear: both;}
.addressbox .form-inline ul label{clear: both; width: 100%; font: .24rem/.6rem "microsoft yahei";color: #666; text-align: center;float: left; text-align: left;}
.addressbox .form-inline ul em{color: #ff3f3f;}
.addressbox .form-inline ul li input{width: 94%; height: .64rem;clear: both; border: solid 1px #789df5; padding: 0 3%; background: #fff; font: .24rem/.64rem "microsoft yahei";
	-webkit-border-radius: .1rem;
	-moz-border-radius: .1rem;
	border-radius: .1rem;
}
.addressbox .form-inline ul li .form-group{width: 32%; float: left; margin-right: 2%;}
.addressbox .form-inline ul li .form-group:last-child{margin: 0;}
.addressbox .form-inline ul li select{width: 94%; height: .64rem;clear: both; border: solid 1px #789df5; padding: 0 3%; background: #fff; font: .24rem/.64rem "microsoft yahei";
	-webkit-border-radius: .1rem;
	-moz-border-radius: .1rem;
	border-radius: .1rem;
}
.addressbox .noteBtn{width: 100%; clear: both; float: left; margin-top: .22rem;}
.addressbox .noteBtn a{width: 3rem; height: .6rem; display: block; margin: auto;clear: both; font: bold .32rem/.6rem "microsoft yahei";color: #fff;
	background: #f4443b;
	background: -webkit-linear-gradient(left, #fb6c5b , #f33c34); /* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(right, #fb6c5b, #f33c34); /* Opera 11.1 - 12.0 */
	background: -moz-linear-gradient(right, #fb6c5b, #f33c34); /* Firefox 3.6 - 15 */
	background: linear-gradient(to right, #fb6c5b , #f33c34); /* 标准的语法 */
	border-radius: .3rem; box-shadow: 0 .07rem .09rem rgba(243,61,52,.62);
}
.addressbox >p{font: .24rem/.3rem "microsoft yahei";color: #666; width: 78%; float: left; margin-left: 16%; text-align: left; margin-top: .15rem;}
.addressbox >p span{font-weight: bold; color: #f33d35;}
.addressbox .close-btn{width: 100%; height: auto; display: block; position: absolute; bottom: -.9rem;left: 0;}
.addressbox .close-btn a{width: .66rem; height: .66rem; display: block;margin: auto;}
.addressbox .close-btn a img{display: block; margin: auto;width: 100%;}
/* 运输中 */
/* #Transport{display: block;} */
.transbox{ width: 6rem; height: 5.75rem; display: block; background: #fff url(../images/tc-bg.png) no-repeat center bottom; background-size: 100%; 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: .1rem;
	-moz-border-radius: .1rem;
	border-radius: .1rem;
}
.transbox h3{width: 100%;font: bold .6rem/1.63rem "microsoft yahei";color: #fff; height: 1.63rem;float: left; letter-spacing: 0.05rem; background: url(../images/tc-top.png) no-repeat center; background-size: 100%;
	-webkit-border-radius: .1rem .1rem 0 0;
	-moz-border-radius: .1rem .1rem 0 0;
	border-radius: .1rem .1rem 0 0;
}
.transTxt{width: 100%;float: left; margin-top: .5rem; margin-bottom: .55rem;}
.transTxt p{font: .28rem/.45rem "microsoft yahei";color: #333;width: 90%; float: left; margin: auto 5%; text-align: left; text-indent: 2em;}
.transTxt p b{font-weight: bold;}
.transTxt p span{color: #fd6b00;}
.tranSure{width: 100%; clear: both; float: left;}
.tranSure a{width: 4.5rem; height: .68rem; display: block; margin: auto; font: .36rem/.68rem "microsoft yahei";color: #fff;
	background: #fdac00;
	background: -webkit-linear-gradient(left, #fdcc00 , #fd9500); /* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(right, #fdcc00, #fd9500); /* Opera 11.1 - 12.0 */
	background: -moz-linear-gradient(right, #fdcc00, #fd9500); /* Firefox 3.6 - 15 */
	background: linear-gradient(to right, #fdcc00 , #fd9500); /* 标准的语法 */
	-webkit-border-radius: .34rem;
	-moz-border-radius: .34rem;
	border-radius: .34rem;
	-webkit-box-shadow: 0 .02rem .16rem rgba(238,116,27,.46);
	box-shadow: 0 .02rem .16rem rgba(238,116,27,.46);
}

.transbox .close{position: absolute; top: -.15rem; right: -.18rem; display: block; width: .38rem; height: .38rem;}


@-webkit-keyframes mymove{
	from{
		-webkit-transform: scale(.5) rotate(0deg);
	}
	to{
		-webkit-transform: scale(1) rotate(720deg);
	}
}
@-moz-keyframes mymove{
	from{
		-moz-transform: scale(.5) rotate(0deg);
	}
	to{
		-moz-transform: scale(1) rotate(720deg);
	}
}


@keyframes mymove{
	0%   {
		transform: scale(.5) rotate(0deg);
		}
	50% {
		transform: scale(.75) rotate(360deg);
		}
	100% {
		transform: scale(1) rotate(720deg);
		}
}