html,body {
	width:100%;
	position:relative;
	font-family: "Arial", "Heiti SC", "Helvetica", "Microsoft YaHei", sans-serif;
	-webkit-text-size-adjust: none;
}
.hvr-shrink {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0,0,0,0);
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: transform;
    transition-property: transform;
}
.hvr-shrink:active, .hvr-shrink:focus, .hvr-shrink:hover {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
}
.float{
	width:2.06rem;
	height:1.64rem;
	position:fixed;
	background:url(../images/float.png) no-repeat center;
	background-size:cover;
	left:.7rem;
	top:45%;
	transform:translate(0,-45%);
	-webkit-transform:translate(0,-45%);
	opacity: 0;
}
.float.active{
	opacity:1;
}
.float a{
	display:block;
	width:100%;
	height:.83rem;
}
.float .bakTop{
	width:100%;
	height:.81rem;
	cursor: pointer;
}
#wrap {
	position: relative;
	overflow: hidden;
	background: #000;
	max-width: 19.2rem;
	margin: 0 auto;
}
.kv {
	width:100%;
	height:11.8rem;
	background: url(../images/kv.jpg) no-repeat center center;
	background-size: cover;
	position:relative;
}
.logo{
	display:block;
	width:5.33rem;
	position:absolute;
	left:.14rem;
	top:0;
}
.btnList{
	width:6.11rem;
	height:.7rem;
	overflow:hidden;
	position:absolute;
	right:1.1rem;
	top:.76rem;
	display:flex;
	display:-webkit-flex;
	justify-content: space-between;
	z-index:2;
}
.btnList a{
	display:block;
	width:2.93rem;
	height:100%;
	overflow: hidden;
	position:relative;
}
.btnList a img{
	display:block;
	width:100%;
}
.slo{
	width:12.49rem;
	height:8.4rem;
	background:url(../images/slo.png) no-repeat center;
	background-size:cover;
	position:absolute;
	left:2.92rem;
	top:.67rem;
}
.slo::after{
	display: block; 
	content: ''; 
	width:12.49rem;
	height:8.4rem;
	background: url(../images/slo.png) no-repeat; 
	background-size: 12.49rem 8.4rem;
    animation: heartBeat 4s ease-in-out both infinite;
    -webkit-animation: heartBeat 4s ease-in-out both infinite;
}
.doc{
	display:block;
	width:4.39rem;
	height:1.05rem;
	position:absolute;
	left:50%;
	margin-left:-2.195rem;
	bottom:1.19rem;
}
.doc img{
	display:block;
	width:100%;
}
.down{
	display:block;
	width:1.72rem;
	position:absolute;
	left:50%;
	margin-left:-.86rem;
	bottom:0;
	animation: heroMouseDown 1s ease-in-out both infinite;
	-webkit-animation: heroMouseDown 1s ease-in-out both infinite;
}
.sec {
	width:100%;
	height:10.6rem;
	background: url(../images/sec.jpg) no-repeat center center;
	background-size: cover;
	position:relative;
	overflow:hidden;
}
.tit{
	display:block;
	width:100%;
	overflow:hidden;
	margin:0 auto 0;
}
.gift{
	display:block;
	width:16.92rem;
	margin:0.2rem auto 0;
}
.anniu{
	width:12.23rem;
	height:1.27rem;
	overflow:hidden;
	position:relative;
	margin:0.3rem auto 0;
	display:flex;
	display:-webkit-flex;
	justify-content: space-between;
}
.anniu img{
	display:block;
	width:5.32rem;
	height:100%;
	cursor:pointer;
}
.thc {
	width:100%;
	height:28.62rem;
	background: url(../images/thc.jpg) no-repeat center center;
	background-size: cover;
	position:relative;
	overflow:hidden;
}
.tit1{
	display:block;
	width:17.43rem;
	overflow:hidden;
	margin:0.24rem auto 0;
}
.kua{
	width:16.3rem;
	height:20.16rem;
	position:relative;
	background:url(../images/kua.png) no-repeat center;
	background-size:cover;
	margin:.44rem 0 0 1.22rem;
}
.kua ul {
	width:100%;
	height:100%;
	position:relative;
	overflow: hidden;
}
.kua ul li{
	width:5.33rem;
	height:6.55rem;
	background:url(../images/di.png) no-repeat center;
	background-size:cover;
	position:absolute;
}
.kua ul li.active:before{
	display:block;
	content:'';
	width:5.33rem;
	height:6.55rem;
	background:url(../images/ho.png) no-repeat center;
	background-size:cover;
	position:absolute;
	left:0;
	top:0;
}
.kua ul li:nth-child(1){
	top:.74rem;
	left:1.06rem;
}
.kua ul li:nth-child(2){
	top:.74rem;
	left:5.78rem;
}
.kua ul li:nth-child(3){
	top:.74rem;
	left:10.44rem;
}
.kua ul li:nth-child(4){
	top:6.88rem;
	left:1.06rem;
}
.kua ul li:nth-child(5){
	background:none;
	top:6.88rem;
	left:5.78rem;
	cursor:pointer;
}
.kua ul li:nth-child(5) img{
	margin-top:.5rem;
}
.kua ul li:nth-child(6){
	top:6.88rem;
	left:10.44rem;
}
.kua ul li:nth-child(7){
	top:13.01rem;
	left:1.06rem;
}
.kua ul li:nth-child(8){
	top:13.01rem;
	left:5.78rem;
}
.kua ul li:nth-child(9){
	top:13.01rem;
	left:10.44rem;
}
.kua ul li img:nth-child(1){
	display:block;
	width:3.91rem;
	position:absolute;
	left:50%;
	margin-left:-1.955rem;
	top:1.02rem;
}
.kua ul li img:nth-child(2){
	display:block;
	width:4.02rem;
	position:absolute;
	left:50%;
	margin-left:-2.01rem;
	top:70%;
}
.anniuList{
	width:11.72rem;
	position:relative;
	margin:0.35rem auto 0;
	display:flex;
	display:-webkit-flex;
	justify-content: space-between;
}
.anniuList img{
	cursor:pointer;
}
.myPrice{
	display:block;
	width:5.32rem;
	height:1.27rem;
	margin-top:1.52rem;
}
.lotteryBtn.active{
	pointer-events: none;
}
.addressBtn{
	display:block;
	width:5.32rem;
	height:1.27rem;
	margin-top:1.52rem;
}
.for{
	width:100%;
	height:16.49rem;
	background: url(../images/for.jpg) no-repeat center center;
	background-size: cover;
	position:relative;
	overflow:hidden;
}
.tit3{
	display:block;
	width:16.54rem;
	margin:0 auto 0;
}
.banner{
	width:15.8rem;
	overflow: hidden;
	position:relative;
	margin:1rem auto 0;
}
.banner ul li img{
	display: block;	
	width:100%;
	object-fit: cover;
	margin: .36rem auto 0;
}
.banner ul li p {
    font-size: .5rem;
    color: #d6c676;
    line-height: .7rem;
	margin-bottom:.36rem;
}
.loginTc,
.roleTc,
.backTc,
.priceTc,
.addressTc {
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .8);
	position: fixed;
	left: 0;
	top: 0;
	z-index: 50;
	display: none;
}

.loginBody {
	width: 9.34rem;
	height: 5.8rem;
	background: url(../../page/images/tc.png) no-repeat center;
	background-size: cover;
	position: relative;
	margin: 0 auto 0;
	top: 45%;
	transform: translate(0, -45%);
	-webkit-transform: translate(0, -45%);
}

.roleBody {
	width: 9.34rem;
	height: 5.8rem;
	background: url(../../page/images/tc.png) no-repeat center;
	background-size: cover;
	position: relative;
	margin: 0 auto 0;
	top: 45%;
	transform: translate(0, -45%);
	-webkit-transform: translate(0, -45%);
}
.roleBody .s_put{
	margin-top:.4rem;
}
.redTip{
	font-size:.22rem;
	color:#ff0000;
	position:absolute;
	top:2.8rem;
	left:3.18rem;
	z-index:1;
}
.backBody {
	width: 9.34rem;
	height: 6.18rem;
	background: url(../../page/images/tc.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%);
}

.priceBody {
	width: 9.34rem;
	height: 6.18rem;
	background: url(../../page/images/tc.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%);
}
.addressBody {
	width: 9.34rem;
	height: 6.18rem;
	background: url(../../page/images/tc.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%);
}

.addressCon {
	width: 7rem;
	position: relative;
	margin: 1.5rem auto 0;
}

.addressCon .s_put {
	width: 7rem;
}

.addressBody .sure {
	margin-top: .55rem;
}

.addressPut {
	width: 7rem;
	height: .9rem;
	border: 0.01rem solid #d9b37b;
	position: relative;
	overflow: hidden;
	background: none;
	outline: none;
	color: #773715;
	font-size: .24rem;
	line-height: .3rem;
	text-indent: .24rem;
}

.fuBtn {
	display: block;
	width: 2.89rem;
	margin: 0.5rem auto 0;
	cursor: pointer;
	transition: all .5s;
	-webkit-transition: all .5s;
}

.fuBtn:hover {
	transform: scale(.9);
	-webkit-transform: scale(.9);
}

.lcTit {
	display: block;
	width: 2.58rem;
	margin: 1.2rem auto 0;
}

.backBody .lcTit {
	width: 1.6rem;
}

.s_put {
	width: 7rem;
	height: .55rem;
	margin: .2rem auto 0;
	position: relative;
}

.s_put p {
	width: 2rem;
	font-size: .32rem;
	color: #773715;
	line-height: .55rem;
	float: left;
	text-align: right;
}

.s_put input {
	height: .53rem;
	border: 0.01rem solid #d9b37b;
	overflow: hidden;
	position: relative;
	float: left;
	font-size: .24rem;
	color: #773715;
	text-indent: .24rem;
	border-radius: .1rem;
}

.s_put .phone {
	width: 4.5rem;
	height: .53rem;
	border: 0.01rem solid #d9b37b;
	overflow: hidden;
	position: relative;
	float: left;
	font-size: .24rem;
	color: #773715;
	text-indent: .24rem;
	border-radius: .1rem;
}

.s_put .t_yzm {
	width: 2.5rem;
}

.s_put .captcha {
	width: 1.8rem;
	height: .55rem;
	float: left;
	font-size: .24rem;
	color: #773715;
	text-align: center;
	line-height: .55rem;
	cursor: pointer;
	margin-left: .1rem;
}

.s_put .captcha img {
	display: block;
	width: 100%;
	height: 100%;
}

.s_put .yzm {
	width: 2.5rem;
}

.s_put .g_code {
	width: 1.8rem;
	height: .55rem;
	background: url(../../page/images/ysm.png) no-repeat center;
	background-size: 100% 100%;
	float: left;
	margin-left: .1rem;
	font-size: .24rem;
	color: #773715;
	text-align: center;
	line-height: .55rem;
	cursor: pointer;
}
.s_put .g_code.active{
	pointer-events: none;
}
.s_put p span {
	display: block;
	position: absolute;
	left: 0.64rem;
	bottom: -.36rem;
	font-size: .22rem;
}

.s_put .roleId {
	width: 4.5rem;
}
.s_put #qufu{
	width:4.5rem;
	height:.53rem;
	border: 0.01rem solid #d9b37b;
	overflow: hidden;
	position: relative;
	float: left;
	font-size: .24rem;
	color: #773715;
	text-indent: 0.24rem;
	border-radius: 0.1rem;
	background:none;
}
.s_put #qufu:focus-visible{
	outline:none;
}
.sure {
	display: block;
	width: 2.82rem;
	margin: .5rem auto 0;
	transition: all .5s;
	-webkit-transition: all .5s;
	cursor: pointer;
}

.sure:hover {
	transform: scale(.9);
	-webkit-transform: scale(.9);
}

.dl {
	display: block;
	width: 3.42rem;
	margin: 0.2rem auto 0;
	cursor: pointer;
	transition: all .5s;
	-webkit-transition: all .5s;
}

.dl:hover {
	transform: scale(.9);
	-webkit-transform: scale(.9);
}

.close {
	display: block;
	width: 1.04rem;
	position: absolute;
	right: -.91rem;
	top: .3rem;
	cursor: pointer;
}

.huadong {
	width: 6.88rem;
	height: 2.53rem;
	overflow: hidden;
	position: relative;
	margin: .17rem auto 0;
}

.backList {
	width: 7.1rem;
	height: 2.53rem;
	overflow: auto;
	position: relative;
}

.backList li {
	width: 100%;
	overflow: hidden;
	position: relative;
}

.backList li span {
	display: block;
	float: left;
}

.backList li span:nth-child(1) {
	width: 1.52rem;
	height: .61rem;
	border: 0.01rem solid #cab78d;
	font-size: .2rem;
	color: #49352a;
	text-align: center;
	line-height: .61rem;
}

.backList li span:nth-child(2) {
	width: 3.8rem;
	height: .61rem;
	border-top: 0.01rem solid #cab78d;
	border-bottom: 0.01rem solid #cab78d;
	font-size: .26rem;
	color: #49352a;
	text-align: center;
	line-height: .61rem;
}

.backList li span:nth-child(3) {
	width: 1.35rem;
	height: .61rem;
	border: 0.01rem solid #cab78d;
	border-left: none;
}

.backList li span i {
	display: block;
	width: .97rem;
	height: .44rem;
	background: url(../../page/images/fuzhi.png) no-repeat center;
	background-size: cover;
	margin: 0.1rem auto 0;
	cursor: pointer;
}
.backList li span i.active{
		background: none;
		width:1rem;
		font-size:.16rem;
		color:#fff;
		background:#cdb37f;
		text-align: center;
		line-height:.44rem;
		font-style: normal;
		border-radius: .4rem;
		white-space: nowrap;
	}
.address {
	display: block;
	width: 3.42rem;
	margin: 0.55rem auto 0;
	cursor: pointer;
	transition: all .5s;
	-webkit-transition: all .5s;
}

.address:hover {
	transform: scale(.9);
	-webkit-transform: scale(.9);
}

.priceBody p {
	font-size: .63rem;
	color: #86553b;
	line-height: 1rem;
	text-align: center;
	font-family: "HYYakuHei";
}

.priceBody .ppTip {
	margin-top: 2rem;
}
@media screen and (max-width: 750px) {
	.loginBody {
		width: 15rem;
		height: 11rem;
		background: url(../../page/images/tc.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%);
	}
	
	.roleBody {
		width: 15rem;
		height: 11rem;
		background: url(../../page/images/tc.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%);
	}
	.roleBody .s_put{
		margin-top:1rem;
	}
	.redTip{
		font-size: .32rem;
		color: #ff0000;
		position: absolute;
		top: 4.4rem;
		left: 5.5rem;
		z-index: 1;
	}
	.backBody {
		width: 15rem;
		height: 11rem;
		background: url(../../page/images/tc.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%);
	}
	
	.priceBody {
		width: 15rem;
		height: 11rem;
		background: url(../../page/images/tc.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%);
	}
	.addressBody {
		width: 15rem;
		height: 11rem;
		background: url(../../page/images/tc.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%);
	}
	
	.addressCon {
		width: 7rem;
		position: relative;
		margin: 2.5rem auto 0;
	}
	
	.addressCon .s_put {
		width: 7rem;
	}
	
	.addressBody .sure {
		margin-top: .4rem;
	}
	
	.addressPut {
		width: 7rem;
		height: 1.4rem;
		border: 0.01rem solid #d9b37b;
		position: relative;
		overflow: hidden;
		background: none;
		outline: none;
		color: #773715;
		font-size: .4rem;
		line-height: .5rem;
		text-indent: .24rem;
	}
	
	.fuBtn {
		display: block;
		width: 4rem;
		margin: 1rem auto 0;
		cursor: pointer;
		transition: all .5s;
		-webkit-transition: all .5s;
	}
	
	.fuBtn:hover {
		transform: scale(.9);
		-webkit-transform: scale(.9);
	}
	
	.lcTit {
		display: block;
		width: 3.58rem;
		margin: 1.4rem auto 0;
	}
	.backBody .lcTit {
	    width: 4rem;
	}
	.s_put {
		width: 12rem;
		height: .8rem;
		margin: .8rem auto 0;
		position: relative;
	}
	
	.s_put p {
		width: 4rem;
		font-size: .5rem;
		color: #773715;
		line-height: .8rem;
		float: left;
		text-align: right;
	}
	
	.s_put input {
		height: .8rem;
		border: 0.01rem solid #d9b37b;
		overflow: hidden;
		position: relative;
		float: left;
		font-size: .4rem;
		color: #773715;
		text-indent: .24rem;
		border-radius: .1rem;
	}
	
	.s_put .phone {
		width: 6.4rem;
		height: .8rem;
		border: 0.01rem solid #d9b37b;
		overflow: hidden;
		position: relative;
		float: left;
		font-size: .4rem;
		color: #773715;
		text-indent: .24rem;
		border-radius: .1rem;
	}
	
	.s_put .t_yzm {
		width: 3.6rem;
	}
	
	.s_put .captcha {
		width: 2.4rem;
		height: .8rem;
		float: left;
		font-size: .4rem;
		color: #773715;
		text-align: center;
		line-height: .8rem;
		cursor: pointer;
		margin-left: .1rem;
	}
	
	.s_put .captcha img {
		display: block;
		width: 100%;
		height: 100%;
	}
	
	.s_put .yzm {
		width: 3.6rem;
	}
	
	.s_put .g_code {
		width: 2.4rem;
		height: .8rem;
		background: url(../../page/images/ysm.png) no-repeat center;
		background-size: 100% 100%;
		float: left;
		margin-left: .1rem;
		font-size: .32rem;
		color: #773715;
		text-align: center;
		line-height: .8rem;
		cursor: pointer;
	}
	.s_put .g_code.active{
		pointer-events: none;
	}
	.s_put p span {
		display: block;
		position: absolute;
		left: 0.64rem;
		left: 2rem;
		bottom: -0.5rem;
	}
	
	.s_put .roleId {
		width: 6.5rem;
	}
	.s_put #qufu{
		width:6.5rem;
		height:.8rem;
		border: 0.01rem solid #d9b37b;
		overflow: hidden;
		position: relative;
		float: left;
		font-size: .4rem;
		color: #773715;
		text-indent: 0.24rem;
		border-radius: 0.1rem;
		background:none;
	}
	.s_put #qufu:focus-visible{
		outline:none;
	}
	.sure {
		display: block;
		width: 4rem;
		margin: .5rem auto 0;
		transition: all .5s;
		-webkit-transition: all .5s;
		cursor: pointer;
	}
	
	.sure:hover {
		transform: scale(.9);
		-webkit-transform: scale(.9);
	}
	
	.dl {
		display: block;
		width: 4.5rem;
		margin: 0.4rem auto 0;
		cursor: pointer;
		transition: all .5s;
		-webkit-transition: all .5s;
	}
	
	.dl:hover {
		transform: scale(.9);
		-webkit-transform: scale(.9);
	}
	
	.close {
		display: block;
		width: 1.04rem;
		position: absolute;
		right: -.91rem;
		top: .3rem;
		cursor: pointer;
	}
	
	.huadong {
		width: 12rem;
		height: 5.53rem;
		overflow: hidden;
		position: relative;
		margin: .4rem auto 0;
	}
	
	.backList {
		width: 12rem;
		height: 5.53rem;
		overflow: auto;
		position: relative;
	}
	
	.backList li {
		width: 100%;
		overflow: hidden;
		position: relative;
	}
	
	.backList li span {
		display: block;
		float: left;
	}
	
	.backList li span:nth-child(1) {
		width: 2.5rem;
		height: .8rem;
		border: 0.01rem solid #cab78d;
		font-size: .2rem;
		color: #49352a;
		text-align: center;
		line-height: .8rem;
		white-space: nowrap;
		text-overflow: ellipsis;
		overflow: hidden;
	}
	
	.backList li span:nth-child(2) {
		width: 4rem;
		height: .8rem;
		border-top: 0.01rem solid #cab78d;
		border-bottom: 0.01rem solid #cab78d;
		font-size: .26rem;
		color: #49352a;
		text-align: center;
		line-height: .8rem;
	}
	
	.backList li span:nth-child(3) {
		width:3rem;
		height: .8rem;
		border: 0.01rem solid #cab78d;
		border-left: none;
	}
	
	.backList li span i {
		display: block;
		width: .97rem;
		height: .44rem;
		background: url(../../page/images/fuzhi.png) no-repeat center;
		background-size: cover;
		margin: 0.1rem auto 0;
		cursor: pointer;
	}
	.backList li span i.active{
		background: none;
		width:auto;
		font-size:.34rem;
		color:#fff;
		background:#cdb37f;
		text-align: center;
		line-height:.44rem;
		font-style: normal;
		border-radius: .4rem;
		white-space: nowrap;
	}
	.address {
		display: block;
		width: 3.42rem;
		margin: 0.2rem auto 0;
		cursor: pointer;
		transition: all .5s;
		-webkit-transition: all .5s;
	}
	
	.address:hover {
		transform: scale(.9);
		-webkit-transform: scale(.9);
	}
	
	.priceBody p {
		font-size: .63rem;
		color: #86553b;
		line-height: 1rem;
		text-align: center;
		font-family: "HYYakuHei";
	}
	
	.priceBody .ppTip {
		margin-top: 3rem;
	}
}