html,body{
	background:#000;
}
#wrap{
	position: relative;
    overflow: hidden;
    background: #000;
    max-width: 19.2rem;
    margin: 0 auto;
}
.kv{
	width:100%;
	height:10.24rem;
	background:url(../images/kv.jpg) no-repeat center;
	background-size:cover;
	position:relative;
	overflow: hidden;
}
.btnList{
	width:3.18rem;
	height:.61rem;
	position:absolute;
	right:.42rem;
	top:.74rem;
	display: flex;
	display: -webkit-flex;
}
.btnList a{
	display: block;
	width:1.6rem;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: transform;
    transition-property: transform;
}
.btnList a img{
	display: block;
	width:100%;
}
.btnList a:hover{
	transform: scale(.9);
	-webkit-transform: scale(.9);
}
.slo{
	width:11.61rem;
	height:7.78rem;
	background:url(../images/slo.png) no-repeat center;
	background-size:cover;
	position:absolute;
	left:3.4rem;
	top:1.15rem;
}
.slo::after{
	display: block; 
	content: ''; 
	width:11.61rem;
	height:7.78rem;
	background: url(../images/slo.png) no-repeat; 
	background-size: cover;
    animation: heartBeat 4s ease-in-out both infinite;
    -webkit-animation: heartBeat 4s ease-in-out both infinite;
}
.time{
	display: block;
	width:8.69rem;
	position:absolute;
	left:50%;
	margin-left:-4.345rem;
	bottom:.5rem;
}
.sec{
	width:100%;
	height:9.16rem;
	background:url(../images/sec.jpg) no-repeat center;
	background-size:cover;
	position:relative;
	overflow: hidden;
}
.jdt{
	width:16.92rem;
	height:4.43rem;
	background:url(../images/jdt.png) no-repeat center;
	background-size:cover;
	position:relative;
	overflow: hidden;
	margin:0.67rem auto 0;
}
.jdt ul{
	width:14.03rem;
	height:1.67rem;
	background:url(../images/dt.png) no-repeat center;
	background-size:cover;
	position:relative;
	margin:1.6rem auto 0;
}
.jdt ul li{
	width:auto;
	float:left;
	margin-left:115px;
}
.jdt ul li .liPic{
	width:.96rem;
	height:.75rem;
	position:relative;
	overflow: hidden;
	margin:0 auto 0;
}
.jdt ul li .liPic img{
	display: block;
	width:100%;
}
.jdt ul li.active .liPic img:nth-child(1){
	display: none;
}
.jdt ul li p{
	font-size:.24rem;
	color:#d6c676;
	line-height:.52rem;
	text-align: center;
}
.jdt ul li:nth-child(1){
	margin-left:1.85rem;
}
.jdt ul li:nth-child(2){
	margin-left:1rem;
}
.jdt ul li:nth-child(3){
	margin-left:1.47rem;
}
.jdt ul li:nth-child(4){
	margin-left:1.29rem;
}
.secTab{
	width:16.62rem;
	height:3.1rem;
	background:url(../images/tab.png) no-repeat center;
	background-size:cover;
	position:relative;
	margin:.93rem auto 0;
}
.secTab ul{
	width:100%;
	height:100%;
	position:relative;
}
.secTab ul li{
	width:2.05rem;
	height:.68rem;
	float:left;
	position:absolute;
	cursor: pointer;
}
.secTab ul li:nth-child(1){
	width:2.93rem;
	height:2.38rem;
	overflow: hidden;
	position:absolute;
	left:-.3rem;
	top:.24rem;
}
.secTab ul li:nth-child(1) img{
	display: block;
	width:100%;
}
.secTab ul li:nth-child(1).active img:nth-child(1){
	display: none;
}
.secTab ul li p{
	font-size:.22rem;
	color: rgb(214, 198, 118);
	font-family: "HYYakuHei";
	line-height:.68rem;
	text-align: center;
}
.secTab ul li:nth-child(2){
	left: 2.3rem;
    top: 1.1rem;
	cursor: context-menu;
}
.secTab ul li:nth-child(3){
	left: 4.4rem;
    top: 1.1rem;
    cursor: context-menu;
}
.secTab ul li:nth-child(4){
	width:3.39rem;
	height:3.39rem;
	position:absolute;
	left:50%;
	margin-left:-1.695rem;
	top:-.24rem;
	overflow: hidden;
}
.secTab ul li:nth-child(4) img{
	display: block;
	width:100%;
}
.secTab ul li:nth-child(4).active img:nth-child(1){
	display: none;
}
.secTab ul li:nth-child(5),.secTab ul li:nth-child(6){
	width:1.8rem;
	height:1.77rem;
	position:absolute;
}
.secTab ul li:nth-child(5) p,.secTab ul li:nth-child(6) p{
	line-height:1.77rem;
}
.secTab ul li:nth-child(5).active,.secTab ul li:nth-child(6).active{
	background:url(../images/lih.png) no-repeat center;
	background-size:cover;
}
.secTab ul li:nth-child(5){
	right:4.55rem;
	top:.58rem;
}
.secTab ul li:nth-child(6){
	right:2.49rem;
	top:.58rem;
}
.secTab ul li:nth-child(7){
	width:2.93rem;
	height:2.38rem;
	overflow: hidden;
	position:absolute;
	right:-.4rem;
	top:.24rem;
}
.secTab ul li:nth-child(7) img{
	display: block;
	width:100%;
}
.secTab ul li:nth-child(7).active img:nth-child(1){
	display: none;
}
.mainTab{
	width:100%;
	overflow: hidden;
	position:relative;
	margin:0 auto 0;
}
.mainTab>div{
	display: none;
	width:100%;
	overflow: hidden;
	position:relative;
}
.mainTab>div.active{
	display: block;
}
.mainOne{
	width:100%;
	background:url(../images/one.jpg) no-repeat center;
	background-size:cover;
	position:relative;
	overflow: hidden;
	padding-bottom:1.8rem;
}
.tit{
	display: block;
	width:13.1rem;
	margin:0.16rem auto 0;
}
.kuaOne{
	width:16.92rem;
	height:12.59rem;
	background:url(../images/kua.png) no-repeat center;
	background-size:cover;
	position:relative;
	margin:0 auto 0;
}
.kuaOne .chen{
	width:100%;
	height:1.08rem;
}
.kuaOne ul{
	width:100%;
	height:100%;
	overflow: hidden;
	position:relative;
}
.kuaOne ul li{
	width:2.76rem;
	position:relative;
	overflow: hidden;
	float:left;
	margin-left:-.23rem;
}
.kuaOne ul li:nth-child(1){
	margin-left:.75rem;
}
.kuaOne ul li:nth-child(7){
	margin-left:.75rem;
}
.kuaOne ul li .liZhan{
	width:2.15rem;
	height:4.27rem;
	position:relative;
	margin:0 auto 0;
}
.kuaOne ul li .liZhan img{
	display: block;
	width:100%;
	height:100%;
}
.kuaOne ul li .liZhan p{
	font-size:.18rem;
	color:#d6c676;
	text-align: center;
	width:100%;
	position:absolute;
	bottom:.22rem;
}
.kuaOne ul li .tpBtn{
	display: block;
	width:2.76rem;
	margin:0.1rem auto 0;
	cursor: pointer;
	transition:all .5s;
	-webkit-transition:all .5s;
}
.kuaOne ul li .tpBtn:hover{
	transform: scale(.9);
	-webkit-transform: scale(.9);
}
.tit1{
	display: block;
	width:13.1rem;
	margin:.7rem auto 0;
}
.kuaTwo{
	width:16.92rem;
	height:9.42rem;
	background:url(../images/ku.png) no-repeat center;
	background-size:cover;
	position:relative;
	margin:-.75rem auto 0;
}
.kuaTwo ul{
	width:100%;
	height:100%;
	overflow: hidden;
	position:relative;
}
.kuaTwo ul li{
	width:2.57rem;
	overflow: hidden;
	position:relative;
	float:left;
}
.kuaTwo ul li .ico{
	display: block;
	width:2.12rem;
	height:2.37rem;
	background:url(../images/zk.png) no-repeat center;
	background-size:100% 100%;
	margin:0 auto 0;
	cursor: pointer;
}
.kuaTwo ul li .ico p{
	font-size:1.12rem;
	text-align: center;
	line-height:2.37rem;
	font-family: "zihun270hao-longmenshoushu";
	color: rgb(224, 188, 20);
}

.kuaTwo ul li .rtp{
	display: block;
	width:100%;
	margin:.3rem auto 0;
	cursor: pointer;
	transition:all .5s;
	-webkit-transition:all .5s;
}
.kuaTwo ul li .rtp:hover{
	transform: scale(.9);
	-webkit-transform: scale(.9);
}
.tha{
	width:100%;
	height:1.2rem;
}
.kuaTwo ul li .num{
	width:2.11rem;
	height:.56rem;
	background:url(../images/tx.png) no-repeat center;
	background-size:cover;
	position:absolute;
	left:50%;
	margin-left:-1.055rem;
	top:2.1rem;
	z-index:2;
	text-align: center;
	line-height:.27rem;
	font-size:.18rem;
	color:#d6c676;
}
.kuaTwo ul li .num p:nth-child(1){
	font-size:.2rem;
}
.kuaTwo ul li:nth-child(1){
	margin-left:.75rem;
}
.kuaTwo ul li:nth-child(7){
	margin-left:.75rem;
}
.tit2{
	display: block;
	width:16.31rem;
	margin:0 auto 0;
}
.lottery{
	width:16.92rem;
	height:12.59rem;
	background:url(../images/kua.png) no-repeat center;
	background-size:cover;
	position:relative;
	overflow: hidden;
	margin:-1.21rem auto 0;
}
.lottery ul{
	width:100%;
	position:relative;
	overflow: hidden;
	margin:1rem 0 0 .5rem;
}
.lottery ul li{
	width:4.69rem;
	height:3.32rem;
	position:relative;
	float:left;
	margin-left:.5rem;
	margin-top:.3rem;
}
.lottery ul li .li_img{
	width:100%;
	height:100%;
	overflow: hidden;
}
.lottery ul li .li_img img{
	display: block;
	width:100%;
}
.lottery ul li.active .li_img img:nth-child(1){
	display: none;
}
.lottery ul li .gift_icon{
	display: block;
	width:3.86rem;
	height:2.68rem;
	position:absolute;
	left:50%;
	top:50%;
	transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
}
.lottery ul li:nth-child(5){
	width:5.11rem;
	margin-left:.1rem;
	cursor: pointer;
}
.lottery ul li:nth-child(5) img{
	display: block;
	width:100%;
	margin-left:.15rem;
	margin-top:.7rem;
	transition:all .5s;
	-webkit-transition:all .5s;
}
.lottery ul li:nth-child(5) img:hover{
	transform: scale(.9);
	-webkit-transform: scale(.9);
}
.lottery ul li:nth-child(5) p{
	font-size:.18rem;
	color:#d6c676;
	text-align: center;
	margin-top:-.3rem;
	margin-left:.2rem;
}
.loginTc,.roleTc,.backTc,.priceTc,.teamTc,.ruleTc,.addTc,.downTc{
	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(../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(../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%);
}
.backBody{
	width:9.34rem;
	height:6.18rem;
	background:url(../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(../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%);
}
.teamBody{
	width:7.54rem;
	height:7.2rem;
	background:url(../images/team.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%);
}
.ruleBody{
	width:6rem;
	height:7rem;
	background:url(../images/hd.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%);
}
.addBody{
	width:8.85rem;
	height:2.77rem;
	background:url(../images/add.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%);
}
.downBody{
	width:6rem;
	height:7.23rem;
	background:url(../images/do.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%);
}
.downBtn{
	width:3.56rem;
	overflow: hidden;
	position:relative;
	margin:.75rem auto 0;
}
.downBtn a{
	display: block;
	width:100%;
	margin-top:.39rem;
	transition:all .5s;
	-webkit-transition:all .5s;
}

.downBtn a img{
	display: block;
	width:100%;
}
.downBtn a:hover{
	transform: scale(.9);
	-webkit-transform: scale(.9);
}
.downBtn .downa{
	width:100%;
	overflow: hidden;
	position:relative;
	margin-top:.39rem;
	display: flex;
	display: -webkit-flex;
	justify-content: space-between;
}
.downBtn .downa .ewm{
	display: block;
	width:1.73rem;
	height:1.73rem;
}
.downBtn .downa a{
	width:1.73rem;
	height:1.73rem;
	margin-top:0;
}
.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);
}
.a_put{
	width:7rem;
	overflow: auto;
	position:relative;
	margin:1.1rem auto 0;
	font-size:.42rem;
}
.a_put p{
	color:#49352a;
	font-family: "HYYakuHei";
	float:left;
}
.addBo{
	width:4.5rem;
	float:left;
	border-bottom:0.02rem solid #ac9e86;
}
.addBo input{
	width:4rem;
	font-size:.32rem;
	color:#49352a;
}
.addBo img{
	display: block;
	width:.97rem;
	height:.44rem;
	position:absolute;
	right:0.4rem;
	top:0.06rem;
	cursor: pointer;
}
.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(../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 p span{
	display: block;
	position:absolute;
	left:0.64rem;
	bottom:-.36rem;
	font-size:.22rem;
}
.s_put .roleId{
	width:4.5rem;
}
.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;
}
.roleBody .s_put{
	margin-top:1rem;
}
.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:.3rem;
	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:.3rem;
	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(../images/fuzhi.png) no-repeat center;
	background-size:cover;
	margin:0.1rem auto 0;
	cursor: pointer;
}
.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;
}
.teamIntro{
	width:4rem;
	overflow: hidden;
	position:relative;
	margin:1.2rem auto 0;
}
.teamIntro p{
	font-size:.4rem;
	color:#4e2720;
	line-height:.5rem;
	font-family: "HYYakuHei";
}
.teamIntro p:nth-child(1){
	font-size:.48rem;
	margin-bottom:.16rem;
}
.ruleTxt{
	width: 4.5rem;
    height: 6rem;
    margin: 0.5rem 0 0 0.8rem;
    overflow: auto;
    position: relative;
    padding-right: 0.5rem;
}
.ruleTxt p{
	font-size:.2rem;
	color:#4e2720;
	line-height:.3rem;
}
.ruleTxt::-webkit-scrollbar {
    width: 8px;
    background: none;
}
.ruleTxt::-webkit-scrollbar-corner,
    /* 滚动条角落 */
.ruleTxt::-webkit-scrollbar-thumb,
.ruleTxt::-webkit-scrollbar-track {      /*滚动条的轨道*/
    border-radius: 4px;
}
.ruleTxt::-webkit-scrollbar-corner,
.ruleTxt::-webkit-scrollbar-track {
    /* 滚动条轨道 */
    background-color: none;
    box-shadow: inset 0 0 1px rgba(180, 160, 120, 0.5);
}
.ruleTxt::-webkit-scrollbar-thumb {
    /* 滚动条手柄 */
    background-color: #f1e9cb;
}