/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
html{line-height:1.15;-webkit-text-size-adjust:100%}
body{margin:0}
main{display:block}
h1{font-size:2em;margin:.67em 0}
hr{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;height:0;overflow:visible}
pre{font-family:monospace,monospace;font-size:1em}
a{background-color:transparent}
abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;-moz-text-decoration:underline dotted;text-decoration:underline dotted}
b,strong{font-weight:bolder}
code,kbd,samp{font-family:monospace,monospace;font-size:1em}
small{font-size:80%}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sub{bottom:-.25em}
sup{top:-.5em}
img{border-style:none}
button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}
button,input{overflow:visible}
button,select{text-transform:none}
[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}
[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}
[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}
fieldset{padding:.35em .75em .625em}
legend{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}
progress{vertical-align:baseline}
textarea{overflow:auto}
[type=checkbox],[type=radio]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:0}
[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}
[type=search]{-webkit-appearance:textfield;outline-offset:-2px}
[type=search]::-webkit-search-decoration{-webkit-appearance:none}
::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}
details{display:block}
summary{display:list-item}
template{display:none}
[hidden]{display:none}
blockquote,body,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,html,li,ol,p,pre,table,td,th,ul{border:none;font-size:14px;margin:0;padding:0}
body,html{width:100%;background:#242760;}
address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:400}
a{text-decoration:none;color:inherit}
input::-ms-clear{display:none}
input::-ms-reveal{display:none}
input{-webkit-appearance:none;margin:0;outline:0;padding:0}
input::-webkit-input-placeholder{color:#ccc}
input::-ms-input-placeholder{color:#ccc}
input::-moz-placeholder{color:#ccc}
input[type=button],input[type=submit]{cursor:pointer}
button[disabled],input[disabled]{cursor:default}
img{border:none}
li,ol,ul{list-style-type:none}
.clear{clear:both}
.clearleft{clear:left}
.clearright{clear:right}
.floatleft{float:left}
.floatright{float:right}
.cursor{cursor:pointer}
.wide{margin:0 auto;width:1200px;position:relative}
*,:after,:before{-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
body,html{-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}
div:focus{outline:0}
#wrap{
	width: 7.5rem;
	position:relative;
	margin: 0 auto;
	overflow: hidden;
	padding-bottom:1rem;
}
.page1{
	width: 7.5rem;
	height:11.68rem;
	background:url(../images/kv.jpg) no-repeat center;
	background-size:cover;
	position:relative;
	overflow: hidden;
}
.btn{
	width:.89rem;
	height:1.85rem;
	background:url(../images/share.png) no-repeat center;
	background-size:100% 100%;
	position:fixed;
	right:.18rem;
	top:.7rem;
	z-index:10;
}
.btn a{
	display: block;
	width:100%;
	height:.8rem;
}
.btn a:nth-child(2){
	margin-top:.14rem;
}
.tiger{
	width:7.5rem;
	height:10.72rem;
	background:url(../images/tiger.png) no-repeat center;
	background-size:cover;
	position:relative;
	margin:0.2rem auto 0;
}
.box{
	width:2.96rem;
	height:2.68rem;
	position:absolute;
	left:2.3rem;
	top:4.89rem;
}
.box img{
	display:block;
	width:.89rem;
	height:1rem;
	position:absolute;
}
.box.active img:nth-child(1){
	animation: img1 1s linear;
	-webkit-animation: img1 1s linear;
}
@-webkit-keyframes img1{
	0%{left:0;top:.2rem}
	50%{left:.2rem;top:0;}
	100%{left: 1.2rem;top: 0.26rem;}
}
@keyframes img1{
	0%{left:0;top:.2rem}
	50%{left:.2rem;top:0;}
	100%{left: 1.2rem;top: 0.26rem;}
}
.box.active img:nth-child(2){
	animation: img2 1s linear;
	-webkit-animation: img2 1s linear;
}
@-webkit-keyframes img2{
	0%{left:0;top:1.4rem}
	50%{left:.4rem;top:1.73rem;}
	100%{left: 0.28rem;top: 0.8rem;}
}
@keyframes img2{
	0%{left:0;top:1.4rem}
	50%{left:.4rem;top:1.73rem;}
	100%{left: 0.28rem;top: 0.8rem;}
}
.box.active img:nth-child(3){
	animation: img3 1s linear;
	-webkit-animation: img3 1s linear;
}
@-webkit-keyframes img3{
	0%{left:.4rem;top:0rem}
	100%{left: 0.85rem;top: 1.06rem;}
}
@keyframes img3{
	0%{left:.4rem;top:0rem}
	100%{left: 0.85rem;top: 1.06rem;}
}
.box.active img:nth-child(4){
	animation: img4 .6s linear;
	-webkit-animation: img4 .6s linear;
}
@-webkit-keyframes img4{
	0%{right:0;top:0.8rem}
	100%{right: 0.2rem;top: .9rem;}
}
@keyframes img4{
	0%{right:0;top:0.8rem}
	100%{right: 0.2rem;top: .9rem;}
}
.box.active img:nth-child(5){
	animation: img5 .6s linear;
	-webkit-animation: img5 .6s linear;
}
@-webkit-keyframes img5{
	0%{left:0;top:1.33rem}
	100%{left: 0.2rem;top: 1.73rem;}
}
@keyframes img5{
	0%{left:0;top:1.33rem}
	100%{left: 0.2rem;top: 1.73rem;}
}
.box.active img:nth-child(6){
	animation: img6 .6s linear;
	-webkit-animation: img6 .6s linear;
}
@-webkit-keyframes img6{
	0%{left:2rem;top:1.4rem}
	100%{left: 1.27rem;top: 1.73rem;}
}
@keyframes img6{
	0%{left:2rem;top:1.4rem}
	100%{left: 1.27rem;top: 1.73rem;}
}
.box.active img:nth-child(7){
	animation: img7 .6s linear;
	-webkit-animation: img7 .6s linear;
}
@-webkit-keyframes img7{
	0%{right:.45rem;top:1.4rem}
	50%{right:1rem;top:1.6rem}
	100%{right: 1.27rem;top: 1.73rem;}
}
@keyframes img7{
	0%{right:2rem;top:1.4rem}
	50%{right:1rem;top:1.6rem}
	100%{right: 1.27rem;top: 1.73rem;}
}
.box img:nth-child(1){
	left:1.2rem;
	top:.26rem;
}
.box img:nth-child(2){
	left:.28rem;
	top:.8rem;
	z-index:3;
}
.box img:nth-child(3){
	left:.85rem;
	top:1.06rem;
	z-index:2;
}
.box img:nth-child(4){
	right:.2rem;
	top:.9rem;
	z-index:1;
}
.box img:nth-child(5){
	left:.2rem;
	top:1.73rem;
}
.box img:nth-child(6){
	left:1.27rem;
	top:1.7rem;
	z-index:1;
}
.box img:nth-child(7){
	right:0;
	top:1.6rem;
}
.lotteryNum{
	width:3.54rem;
	height:.78rem;
	position:absolute;
	left:1.95rem;
	top:7.57rem;
}
.lotteryNum img{
	display: block;
	width:2.62rem;
	height:.59rem;
	float:left;
	margin-top:.19rem;
}
.lotteryNum span{
	display: block;
	font-size:.6rem;
	color:#fff;
	text-stroke:0.02rem #fbaf00;
	-webkit-text-stroke: 0.02rem #fbaf00;
	font-weight:bold;
	float:left;
	transform: matrix(1, 0, .5, 1, 0, 0);
	-webkit-transform: matrix(1, 0, .5, 1, 0, 0);
	margin-top:.12rem;
	margin-left:.2rem;
}
.niuTip{
	font-size:.24rem;
	color:#fff;
	width:100%;
	position:absolute;
	left:0;
	text-align: center;
	top:8.8rem;
	letter-spacing: .04rem;
}
.btnList{
	width:6.26rem;
	height:1.27rem;
	background:url(../images/btn.png) no-repeat center;
	background-size:100% 100%;
	position:absolute;
	left:50%;
	margin-left:-3.13rem;
	top:9.28rem;
	display: flex;
	display: -webkit-flex;
	justify-content: space-between;
}
.btnList>div{
	width:50%;
	height:100%;
}
.page2{
	width:6.74rem;
	height:11.26rem;
	background:url(../images/price.png) no-repeat center;
	background-size:100% 100%;
	position:relative;
	margin:0 auto 0;
	overflow: hidden;
}
.time{
	width:5.5rem;
	height:.32rem;
	background:url(../images/time.png) no-repeat center;
	background-size:100% 100%;
	position:relative;
	margin:3.2rem auto 0;
	display: flex;
	display: -webkit-flex;
	justify-content: center;
}
.time p{
	text-indent:2.4rem;
	font-weight:bold;
	font-size:.28rem;
	color:#5f4ad3;
	letter-spacing: 0.06rem;
	line-height:.3rem;
	font-family: 'webfont';
}
.time p span{
	font-size:.32rem;
}
.num{
	width:5.54rem;
	height:.68rem;
	background:url(../images/num.png) no-repeat center;
	background-size:100% 100%;
	position:relative;
	margin:0.24rem auto 0;
	font-size:.34rem;
	line-height:.68rem;
	text-indent:.45rem;
	letter-spacing: 0.02rem;
	font-family: 'webfont';
	color:#5f4ad3;
}

.tabList{
	width:5.56rem;
	overflow: hidden;
	position:relative;
	margin:0.22rem auto 0;
	border-bottom:0.04rem solid #604bd4;
}
.tabList li{
	font-size:.3rem;
	color:#5f4ad3;
	font-family: 'webfont';
	float:left;
}
.tabList li.active{
	text-shadow: 0 0 .24rem #fff;
}
.tabList li:nth-child(2){
	margin-left:.3rem;
}
.tabDiv{
	width:5.54rem;
	height:5.33rem;
	overflow: auto;
	position:relative;
	margin:0 auto 0;
}
.tabDiv>div{
	display: none;
	width:100%;
	overflow: hidden;
	position:relative;
}
.tabDiv>div.active{
	display: block;
}
.tabDiv>div.price_con{
	height:5.33rem;
	overflow: hidden;
}
.tabDiv ul{
	width:100%;
	overflow: hidden;
	position:relative;
}
.tabDiv ul li{
	width:100%;
	height:.64rem;
	position:relative;
	border:0.01rem solid #5f4ad3;
	border-radius: .1rem;
	background:#ffe8b9;
	margin:0.12rem auto 0;
	font-family: 'webfont';
}
.tabDiv>div:nth-child(2) li{
	height:1.14rem;
	overflow: hidden;
}
.tabDiv ul li .liTxt{
	float:left;
	margin-left:.3rem;
}
.tabDiv ul li .liTxt p:nth-child(1){
	font-size:.28rem;
	color:#604bd4;
	margin:.06rem;
}
.tabDiv ul li .liTxt p:nth-child(2){
	font-size:.14rem;
	color:#604bd4;
	text-indent:.08rem;
}
.tabDiv ul li .liGift{
	font-size:.24rem;
	color:#604bd4;
	line-height:.64rem;
	float:right;
	margin-right:.14rem;
}
.tabDiv>div:nth-child(2) img{
	display: block;
	width:.7rem;
	max-height:.9rem;
	float:left;
	margin:.14rem .13rem 0 .3rem;
}
.tabDiv>div:nth-child(2) .name{
	font-size:.22rem;
	color:#604bd4;
	line-height:1.14rem;
	float:left;
}
.tabDiv>div:nth-child(2) .shu{
	font-size:.28rem;
	color:#604bd4;
	line-height:1.14rem;
	margin-right:.2rem;
	float:right;
}
.priceTc,.loginTc,.bindTc,.addressTc,.getPriceTc,.noPriceTc,.ruleTc,.shareTc{
	width:100%;
	height:100%;
	position:fixed;
	left:0;
	top:0;
	background:rgba(0,0,0,.7);
	display: none;
	z-index:30;
}
.shareTc{
	background:rgba(0,0,0,1);
}
.priceBody .close{
	width:.77rem;
	height:.77rem;
	position:absolute;
	left:50%;
	margin-left:-.385rem;
	bottom:0;
	z-index:2;
}
.priceBody .addBtn{
	margin-top:0;
}
.priceBody{
	width:6.74rem;
	height:10.04rem;
	background:url(../images/list.png) no-repeat center;
	background-size:100% 100%;
	position:relative;
	overflow: hidden;
	margin:0 auto 0;
	top:45%;
	transform: translate(0,-45%);
	-webkit-transform: translate(0,-45%);
}
.shareBody{
	width:5.18rem;
	height:5.14rem;
	background:url(../images/share_bg.png) no-repeat center;
	background-size:100% 100%;
	position:relative;
	overflow: hidden;
	margin:0 auto 0;
	top:45%;
	transform: translate(0,-45%);
	-webkit-transform: translate(0,-45%);
}
.shareBody .close{
	width:.46rem;
	height:.46rem;
	position:absolute;
	left:50%;
	margin-left:-.23rem;
	bottom:0;
	z-index:2;
}
.shareTxt{
	width:3.6rem;
	overflow: hidden;
	position:relative;
	margin:1.2rem auto 0;
	font-size:.4rem;
	color:#5f4ad3;
	font-family: 'webfont';
}
.shareTxt p{
	font-size:.24rem;
	line-height:.32rem;
}
.fuzhi{
	width:1.4rem;
	height:.58rem;
	margin:0.5rem auto 0;
	background:url(../images/fuzhi.png) no-repeat center;
	background-size:100% 100%;
	font-size:.24rem;
	color:#fff;
	text-align: center;
	line-height:.53rem;
}
.priceUl{
	width:5.56rem;
	overflow: hidden;
	position:relative;
	margin:1.6rem auto 0;
	border-bottom:0.04rem solid #604bd4;
}
.priceUl li{
	font-size:.3rem;
	color:#604bd4;
	float:left;
	margin-left:.4rem;
	font-family: 'webfont';
}
.priceUl li:nth-child(1){
	margin-left:0;
}
.priceUl li.active{
	text-shadow: 0 0 .25rem #fff;
}
.priceList{
	width:5.56rem;
	height:6rem;
	overflow: auto;
	position:relative;
	margin:0 auto 0;
}
.priceList ul{
	width:100%;
	overflow: hidden;
	position:relative;
	display: none;
}
.priceList ul.active{
	display: block;
}
.priceList ul li{
	width:5.54rem;
	height:1.14rem;
	border:0.01rem solid #604bd4;
	margin-top:.2rem;
	border-radius: .1rem;
}
.priceList ul li img{
	display: block;
	width:.7rem;
	max-height:.9rem;
	float:left;
	margin:.14rem .3rem 0 .3rem;
}
.priceList ul li .priTxt{
	float:left;
	font-family: 'webfont';
}
.priceList ul li .priTxt p:nth-child(1){
	font-size:.3rem;
	color:#604bd4;
	margin-top:.3rem;
}
.priceList ul li .priTxt p:nth-child(2){
	font-size:.14rem;
	color:#604bd4;
	margin-top:.1rem;
}
.loginBody{
	width:5.18rem;
	height:3.01rem;
	background:url(../images/login.png) no-repeat center;
	background-size:100% 100%;
	position:relative;
	margin:0 auto 0;
	top:45%;
	transform: translate(0,-45%);
	-webkit-transform: translate(0,-45%);
}
.s_put{
	width:4.4rem;
	height:.26rem;
	overflow: hidden;
	position:relative;
	margin:.18rem auto 0;
	font-family: 'webfont';
}
.s_put p{
	width:1.2rem;
	font-size:.22rem;
	line-height:.26rem;
	float:left;
	color:#5f4ad3;
	text-align: right;
}
.s_put .phone{
	display: block;
	width:2.8rem;
	height:.24rem;
	background:#ffe8b9;
	border:0.01rem solid #5f4ad3;
	border-radius: .05rem;
	font-size:.18rem;
	text-indent:.2rem;
	line-height:.24rem;
	color:#5f4ad3;
	margin-left:.1rem;
	float:left;
}
.s_put .t_yzm{
	display: block;
	width:1.8rem;
	height:.24rem;
	background:#ffe8b9;
	border:0.01rem solid #5f4ad3;
	border-radius: .05rem;
	font-size:.18rem;
	text-indent:.2rem;
	line-height:.24rem;
	color:#5f4ad3;
	margin-left:.1rem;
	float:left;
}
.s_put .captcha{
	width:1rem;
	height:100%;
	float:left;
}
.s_put .captcha img{
	display: block;
	width:100%;
	height:100%;
}
.s_put .yzm{
	display: block;
	width:1.8rem;
	height:.24rem;
	background:#ffe8b9;
	border:0.01rem solid #5f4ad3;
	border-radius: .05rem;
	font-size:.18rem;
	text-indent:.2rem;
	line-height:.24rem;
	color:#5f4ad3;
	margin-left:.1rem;
	float:left;
}
.s_put .g_code{
	width:1rem;
	height:100%;
	background:url(../images/get.png) no-repeat center;
	background-size:100% 100%;
	position:relative;
	float:left;
	font-size:.12rem;
	color:#fef386;
	text-align: center;
	line-height:.24rem;
}
.dl{
	display: block;
	width:1.4rem;
	height:.58rem;
	margin:0.1rem auto 0;
}
.loginTc .close,.bindTc .close,.addressTc .close,.getPriceTc .close,.noPriceTc .close,.ruleTc .close{
	display: block;
	width:.5rem;
	height:.51rem;
	background:url(../images/close.png) no-repeat center;
	background-size:100% 100%;
	position:absolute;
	right:-.1rem;
	top:-.11rem;
	z-index:2;
}
.bindBody{
	width:5.18rem;
	height:3.52rem;
	background:url(../images/bind.png) no-repeat center;
	background-size:100% 100%;
	position:relative;
	margin:0 auto 0;
	top:45%;
	transform: translate(0,-45%);
	-webkit-transform: translate(0,-45%);
}
.a_put{
	width:4.3rem;
	height:.28rem;
	position:relative;
	overflow: hidden;
	margin:0.18rem auto 0;
	font-family: 'webfont';
}
.a_put p{
	width:1rem;
	font-size:.24rem;
	color:#5f4ad3;
	line-height:.28rem;
	float:left;
}
.a_put input{
	display: block;
	width:3rem;
	height:.26rem;
	border:0.01rem solid #5f4ad3;
	font-size:.2rem;
	line-height:.26rem;
	float:left;
	margin-left:.1rem;
}
.select2-container .select2-selection--single .select2-selection__rendered{
	padding-left:0;
	line-height:.28rem;
}
.select2-container--open.select2-container.select2{
	margin-left:0.1rem;
}
.select2-container--open.select2-container{
	margin-left:0;
}
.select2-container--default .select2-selection--single .select2-selection__placeholder{
	color:#5f4ad3;
}
.select2-container{
	display: block;
	width: 3rem!important;
	height: 0.26rem;
	border: 0.01rem solid #5f4ad3;
	font-size: .2rem;
	line-height: .26rem;
	float: left;
	margin-left: 0.1rem;
	background: none;
	outline: none;
	color:#5f4ad3;
}
.select2-container--default .select2-selection--single{
	background:none;
	height:.28rem;
	border:none;
	color:#5f4ad3;
}
#qufu{
	display: block;
	width:3rem;
	height:.26rem;
	border:0.01rem solid #5f4ad3;
	font-size:.2rem;
	line-height:.26rem;
	float:left;
	margin-left:.1rem;
	background:none;
	outline:none;
	color:#5f4ad3;
}
.bdBtn{
	display: block;
	width:1.4rem;
	height:.58rem;
	margin:.15rem auto 0;
}
.addressBody{
	width:5.18rem;
	height:4.3rem;
	position:relative;
	background:url(../images/address.png) no-repeat center;
	background-size:100% 100%;
	position:relative;
	margin:0 auto 0;
	top:45%;
	transform: translate(0,-45%);
	-webkit-transform: translate(0,-45%);
}
.addCon{
	width:4.3rem;
	overflow: hidden;
	position:relative;
	margin:0.8rem auto 0;
	font-family: 'webfont';
}
.addTip{
	font-size:.14rem;
	color:#5f4ad3;
	line-height:.24rem;
}
.saveBtn{
	display: block;
	width:1.82rem;
	height:.75rem;
	margin:0.2rem auto 0;
}
.getBody{
	width:5.48rem;
	height:4.49rem;
	position:relative;
	background:url(../images/zhong.png) no-repeat center;
	background-size:100% 100%;
	position:relative;
	margin:0 auto 0;
	top:45%;
	transform: translate(0,-45%);
	-webkit-transform: translate(0,-45%);
}
.giftPic{
	display: block;
	width:1.7rem;
	margin:1.25rem auto 0;
}
.addBtn{
	display: block;
	width:2.04rem;
	margin:0.2rem auto 0;
}
.noBody{
	width:5.23rem;
	height:4.49rem;
	position:relative;
	background:url(../images/no.png) no-repeat center;
	background-size:100% 100%;
	position:relative;
	margin:0 auto 0;
	top:45%;
	transform: translate(0,-45%);
	-webkit-transform: translate(0,-45%);
}
.noBody .close{
	top:4.52rem;
	right:50%;
	margin-right:-0.25rem;
}
.ruleBody .close{
	top:5.44rem;
	right:50%;
	margin-right:-0.25rem;
}
.ruleBody{
	width:5.93rem;
	height:5.5rem;
	position:relative;
	background:url(../images/rule.png) no-repeat center;
	background-size:100% 100%;
	position:relative;
	margin:0 auto 0;
	top:45%;
	transform: translate(0,-45%);
	-webkit-transform: translate(0,-45%);
}
.ruleTxt{
	width:4.65rem;
	height:3rem;
	overflow: auto;
	position:relative;
	margin:1.75rem auto 0;
	font-family: 'webfont';
}
.ruleTxt p{
	font-size:.2rem;
	color:#4532ac;
	line-height:.28rem;
}
.sharePic{
	display: block;
	width:100%;
	height:100%;
	background:#000;
	position:fixed;
	left:0;
	top:0;
	z-index:10;
}