html, body {
    position: relative;
    height: 100%;
}
body {
    color: #fff;
    -webkit-user-select: none;
    width: 100%;
    position: relative;
    height: 100%;
    font-family: "STHeiti","Microsoft YaHei";
}

input:-webkit-autofill {
  transition: background-color 5000s ease-in-out 0s; 
}

.user_box{ height: .97rem; border-radius: .97rem; top:.36rem; right:.2rem;z-index:666; padding: 0 .34rem; background-color: rgba(255, 255, 255, 0.1); font-size: .4rem; color: #fff;}
.user_box img{margin-right: .3rem;}
.user_box a{color: #fff;}
.user_box p a{color: #ffe17b; text-decoration: underline;}
.df{display: flex;}
.ac{align-items: center;}
.dn{display: none !important;}
.pl{ padding-left: 1.6em; }

.mousetips{
  width: 6.46rem;
  left: 50%;
  margin-left: -3.23rem;
  bottom: .28rem;
  -webkit-animation: b_t 2s ease-in-out 0s infinite 300ms 0 ease; 
  -moz-animation: b_t 2s ease-in-out 0s infinite 300ms 0 ease;
  -ms-animation: b_t 2s ease-in-out 0s infinite 300ms 0 ease;
  animation: b_t 2s ease-in-out 0s infinite 300ms 0 ease;
  -o-animation: b_t 2s ease-in-out 0s infinite;
  -webkit-animation: b_t 2s ease-in-out 0s infinite;
  -moz-animation: b_t 2s ease-in-out 0s infinite;
  -ms-animation: b_t 2s ease-in-out 0s infinite;
  animation: b_t 2s ease-in-out 0s infinite;
}
@keyframes b_t{
	0% {
		-o-transform: translateY(-20px);
		-webkit-transform: translateY(-20px);
		-moz-transform: translateY(-20px);
		-ms-transform: translateY(-20px);
		transform: translateY(-20px);
		opacity: 0;
	}
	50% {
			-o-transform: translateY(0px);
			-webkit-transform: translateY(0px);
			-moz-transform: translateY(0px);
			-ms-transform: translateY(0px);
			transform: translateY(0px);
			opacity: 1;
	}
	100% {
			-o-transform: translateY(20px);
			-webkit-transform: translateY(20px);
			-moz-transform: translateY(20px);
			-ms-transform: translateY(20px);
			transform: translateY(20px);
			opacity: 0;
	}
}

.f36{ font-size:.36rem;}
.ztt{ margin-top:2.4rem; font-size:0;}
.ztt p{ line-height:.5rem; font-size:.4rem; margin-top:.2rem;}
.ls-nav-1{top:4rem; }
.ls-nav-1 a{ margin:0 .33rem; vertical-align:top;  width:3.73rem; line-height:.72rem; color:#fff; font-size:.4rem;  background: url(/Public/special/m/images/lzln/3/n.png) no-repeat right top; background-size:8.12rem .72rem;}
.ls-nav-1 a.active{ background-position:left top; color:#895429;}

.top-zbox {
	background: url(/Public/special/images/tmsh2024/bg_home.jpg) no-repeat center center #22212f;
	background-size: 100%;
}

.page-box{ overflow:hidden;}
.page_bg1{background: url(/Public/special/m/images/tmsh/bg_page.jpg) no-repeat center top #6ca6e2; background-size: 100% 23.4rem;}
.page_bg2{background: url(/Public/special/m/images/tmsh/bg_page.jpg) no-repeat center top #6ca6e2; background-size: 100% 23.4rem;}
.page_bg3{background: url(/Public/special/m/images/tmsh/bg_page.jpg) no-repeat center top #6ca6e2; background-size: 100% 23.4rem;}
.page_bg{  transform: matrix(1.5, 0, 0, 1.5, 0, 0); -webkit-transform: matrix(1.5, 0, 0, 1.5, 0, 0); transition: all 1s; -webkit-transition: all 1s;	}
.current .page_bg{transform: matrix(1, 0, 0, 1, 0, 0); -webkit-transform: matrix(1, 0, 0, 1, 0, 0);}

.top-zbox .logo{ width:3.83rem; top:.46rem; left:.35rem;}
.top-zbox .slogan{ bottom:1.43rem; left:0; width:10.8rem;}
.top-zbox .go{ width:2.89rem; bottom:3%; left:3.56rem;}

.zbox1 .jl{ top:11.8rem;}
.zbox1 .jl li{ height:2.84rem; margin-bottom:.4rem;}
.zbox1 .jl a{ top:2.16rem; left:50%; width:2.07rem; height:.58rem; background: url(/Public/special/m/images/lzln/b-2.png); background-size: 100%;}
.zbox1 .jl li label{ top:1.7rem; font-size:.46rem; width:4.22rem; line-height:.29rem; color:#ffebd1;}
.zbox1 .jl li label p{ height:.31rem; background: url(/Public/special/m/images/lzln/d4.png); background-size:100% 100%;}

.add-user{ top:2.8rem; height:9.05rem;}
/* .add-user{ top:3.5rem; height:9.05rem; background: url(/Public/special/m/images/lzln/1/m1.png); background-size: 100%;} */
.add-user ul{ margin:2.59rem 0 0 .99rem;}
.add-user ul li dd{ width:100%;}
.add-user ul li{ width:2.78rem; margin-right:.28rem;}
.add-user ul li label{ height:2.78rem; background: url(/Public/special/m/images/lzln/1/tx11.png); background-size: 100%;}
.add-user ul li.add label{ background: url(/Public/special/m/images/lzln/1/j.png); background-size: 100%;}
.add-user ul li.add label:before{ 
	position:absolute; width:2.85rem; height:2.85rem; content:""; left:50%; top:50%; margin:-1.42rem 0 0 -1.42rem; 
	-webkit-animation: z 2s linear  infinite; animation: z 2s linear  infinite;
	background: url(/Public/special/m/images/lzln/1/q.png); background-size: 100%;
}
.add-user ul li:nth-child(1) label:after,.add-user-2 ul li:nth-child(1) label:after{ 
	position:absolute; width:.89rem; height:1.07rem; content:""; left:.05rem; top:.24rem;
	background: url(/Public/special/m/images/lzln/1/ico.png); background-size: 100%;
}
.add-user-2 ul li:nth-child(1) label:after{
	left:.25rem;
}
.add-user ul li.add label:after,.add-user-2 ul li.add label:after{
	background:none;
	opacity:0;
}
.add-user ul li img{ width:2.5rem; margin:.14rem;}
.add-user ul li p{ height:.56rem; line-height:.56rem; margin-top:.12rem; font-size:.32rem; color:#9d5025;}
.add-user ul li p a{ width:2.33rem; height:100%; background: url(/Public/special/m/images/lzln/b-1.png); background-size: 100%;}

.add-user ul li.b-captain p a{background: url(/Public/special/m/images/lzln/b-6.png); background-size: 100%;}

.prize-box{ top:4.33rem; height:11.35rem; background: url(/Public/special/m/images/lzln/2/m2.png) no-repeat .15rem top; background-size: 10.65rem 100%;}
.prize-box ul{ width:8.08rem; height:8.08rem; margin-top:1.34rem; vertical-align: top;}
.prize-box ul li{ width:2.39rem; height:2.39rem; margin:.15rem; background: url(/Public/special/m/images/lzln/2/k.png) no-repeat; background-size:100%;}
.prize-box ul li:nth-child(4){ margin-left:65%;}
.prize-box ul li:nth-child(8){ top:33.3%; left:0;}
.prize-box ul li p{ line-height:.4rem; font-size:.62rem; color:#8b4614; top:1.9rem;}
.but-pz{ width:2.62rem; height:2.64rem; left:50%; top:50%; margin-top:-1.32rem; margin-left:-1.32rem;  background: url(/Public/special/m/images/lzln/2/s-but.png) no-repeat; background-size:100%;}
.but-pz img{ width:.85rem; margin: 0.95rem 0 0 -0.06rem; z-index:5;  -webkit-animation: slMinCss 1s linear  infinite; animation: slMinCss 1s linear  infinite;}

.prize-box ul li.hover dd:before,.prize-box ul li.active dd:before{
	content:"";
	position:absolute; left:0; top:0; width:100%; height:100%;
	background:url(/Public/special/m/images/lzln/2/h.png) no-repeat; background-size:100%;
}

.prize-box ul li.active dd:before{
	opacity:1;
	-webkit-animation-fill-mode:both;
	animation-fill-mode:both;	
	-webkit-animation-name:sanCss;
	animation-name:sanCss;
	-webkit-animation-timing-function:ease-out;
	animation-timing-function:ease-out;
	-webkit-animation-duration:.4s;
	animation-duration:.4s;
}


.prize-num{ margin-top:.16rem; line-height:.49rem; height:.49rem; color:#b05d37; font-size:.4rem;}
.prize-num img{ vertical-align:bottom; margin:0 .22rem;}
.b-prizerule{ width:1.15rem; height:3.77rem; left:.09rem; top:.43rem; background: url(/Public/special/m/images/lzln/2/b-4.png) no-repeat; background-size:100%;}
.b-list{ width:3.63rem; height:1.24rem; right:.23rem; top:10.07rem; background: url(/Public/special/m/images/lzln/2/b-2.png) no-repeat; background-size:100%;}

.winning-list{ top:15.95rem; left:.57rem; width:9.86rem; height:4.87rem; background: url(/Public/special/m/images/lzln/2/m1.png) no-repeat; background-size:100%;}
.winning-list:before{ z-index:3; width:1.25rem; height:3.43rem; top:-.28rem; left:-.14rem; content:""; position:absolute; background: url(/Public/special/m/images/lzln/2/wt.png) no-repeat; background-size:100%;}
.winning-list .bd{ height:2.88rem; width:8.1rem; margin:.92rem 0 0 .78rem; overflow:hidden;}
.winning-list .bd li{ font-size:.3rem; color:#935e4c; border-bottom:solid 1px #e2b492;  line-height:.62rem; height:.62rem; margin-bottom:.12rem;} 
.winning-list .bd li span:nth-child(1){ padding:0 .2rem; width:2.8rem;}
.winning-list .bd li span:nth-child(3){ padding:0 .1rem;}

.zbox3 .ls-show{ height:15.42rem; top:4.87rem; background: url(/Public/special/m/images/lzln/3/m1.png) no-repeat .23rem top; background-size:10.36rem 100%;}
.zbox3 .ls-show .ls-col{ margin-top:1.14rem;}
.zbox3 .ls-show .ls-col .title{ line-height:.82rem; font-size:.6rem; color:#9e4f29;} 
.zbox3 .ls-show .ls-col .cont{margin:.46rem 0 0 1.64rem; height:11.8rem; width:7.78rem; padding-right:.7rem; line-height:.36rem;}
.zbox3 .ls-show .ls-col .cont h3{ font-size:.4rem; color:#9e4f29; line-height:.62rem;}
.zbox3 .ls-show .ls-col .cont p{ font-size:.3rem; color:#784e3a; line-height:.52rem;}
.zbox3 .ls-show .ls-col .cont img{ padding:.2rem 0;}


.team-page{ z-index:500; background: url(/Public/special/m/images/lzln/bg4.jpg) no-repeat center top #6e9ee2; background-size: 100% 23.4rem;}
.team-page .add-user-2{ width:9.9rem; background:#7f5dca; height:4.5rem; margin:.94rem 0 .9rem 0; border-radius:.56rem;}
.team-page .add-user-2 li{ margin-top:.45rem; width:3.2rem; min-height:2.78rem; vertical-align:top;}
.team-page .add-user-2 li img{ width:2.5rem; padding:.13rem 0;}
.team-page .add-user-2 li p{ font-size:.32rem; color:#f6e6cc; line-height:.5rem;}
.team-page .add-user-2 li.add{background: url(/Public/special/m/images/lzln/4/j.png) no-repeat center top; background-size:2.78rem 2.78rem;}
.team-but a{ width:4.81rem; font-size:.56rem; line-height:1.06rem; color:#fff; font-family:"STHeiti";  margin:.4rem .2rem 0 .2rem; background: url(/Public/special/m/images/lzln/4/b-2.png) no-repeat; background-size:100%;}

.login-show{ color:#fff; left:.5rem; top:.4rem; font-size:.4rem; z-index:6;}

/*弹窗*/
.pop_win .pwin_box{ width:9.73rem; height:9.95rem;  color:#9c653d; font-size:.3rem; background: url(/Public/special/m/images/lzln/pbg.png) no-repeat; background-size:100%;}
.pop_win .pwin_box .pwin_x{ width:1.09rem; height:1.08rem; right:.52rem; top:-1.17rem;  background: url(/Public/special/m/images/lzln/x.png) no-repeat; background-size:100%;}
.pop_win .pwin_box .p-title{ font-size:.5rem; color:#9c653d; margin-top:1.22rem; line-height:.9rem;}
.pop_win .pwin_box .swiper_scroll3{ margin:.22rem 0 0 1rem; padding-right:.38rem; width:7.6rem; height:6.9rem; line-height:.4rem;  overflow: hidden;}
.pop_win .pwin_box .cont-box p{ line-height:.52rem;}

.pop_win .pwin_box2{ height:6.19rem; background: url(/Public/special/m/images/lzln/pbg2.png) no-repeat; background-size:100%;}
.pop_win .pwin_box2 .p-title{ font-size:.56rem; margin-top:1.1rem; line-height:.9rem;}

.win-cont{ width:7.48rem;}
.from-col{ line-height:.82rem; height:.82rem; margin-top:.24rem; font-size:.32rem;}
.from-col span{ width:1.36rem;}
.from-col div{ width:5.9rem;}
.b-but{ width:3.75rem; line-height:.8rem; color:#fff; font-size:.4rem; background: url(/Public/special/m/images/lzln/b-4.png) no-repeat; background-size:100%;}
.b-but-off{background: url(/Public/special/m/images/lzln/b-5.png) no-repeat; background-size:100%;}
.login-from .from-col{ margin:.4rem 0 .2rem 0;}
.user-info{ line-height:.8rem; color:#d05333;}
.user-info span{ padding-right:.2rem;}

.login-type a{
	background: #ad7c61;
	width: 40%;
	height: .8rem;
	line-height: .8rem;
	color: #fff;
	text-align: center;
	margin: .3rem 0 .1rem;
}
.login-type a.active{
	background: #d78462;
}

.ls-input{ border:solid 1px #d38b63; background:#f4ebe2; border-radius:.1rem; overflow:hidden; padding:0 .25rem; }
.ls-input input,.ls-input textarea{ line-height:.82rem;height:.82rem; padding:0; font-size:.32rem;  background:none; border:none;}
/*
	.ls-input-2{ background:#ad7c61; } 
  	.ls-input-2 input,.ls-input-2 textarea{ color:#fff;}
*/

.ls-input textarea{resize: none; padding:0;  height:80px; line-height:30px; margin:10px 0;  text-indent:0; font-family: "Microsoft YaHei";}
.ls-input-min{ width:2.82rem;}
.ls-form-but{ line-height:.82rem;  margin-top:1px; background:#ad7c61; color:#fff; border-radius:.1rem;  text-align:center; width:2.32rem;}
.ls-form-but:active{ background:#d38b63; }
.ls-form-but.off,.ls-form-but.off:hover{background:#d7d7d7; }

#luck_win dd{ margin-top:.1rem; height:4.18rem; background: url(/Public/special/m/images/lzln/w-bg.png) no-repeat center center; background-size:4.18rem 100%;}
#luck_win dd:before{ position:absolute; content:""; width:5.18rem; height:5.18rem; left:50%; top:50%; margin:-2.59rem 0 0 -2.59rem; background: url(/Public/special/m/images/lzln/pg.png) no-repeat center center; background-size:100%;}
#luck_win dd label{ top:3.07rem; color:#fff; font-size:.42rem; line-height:.72rem;  background: url(/Public/special/m/images/lzln/txt.png) no-repeat center center; background-size:6.87rem 100%;}
#luck_win .luck-img img{ height:60%;}

.wlist{ margin:.25rem 0 0 1.06rem; width:7.46rem;}
.wlist dl{ height:.74rem; line-height:.74rem; font-size:.36rem; color:#9c653d; margin-bottom:.15rem;}
.wlist>dl:first-child{ background:#eed7b9; color:#e3523f}
.wlist ul{ padding-right:.3rem; height:5.8rem;}

#confirm_win label{ height:2.4rem; padding:0 .94rem; margin-bottom:.2rem; line-height:.68rem; font-size:.42rem; color:#e3523f;}
#confirm_win a{ margin:0 .12rem;}

@-webkit-keyframes sanCss {
    0%,20%,40%,60%,80% ,100%  {
	  opacity:1;
    }
    10%,30%,50%,70%,90% {
	  opacity:0;
    }
}

@keyframes sanCss {
     0%,20%,40%,60%,80% ,100%  {
	  opacity:1;
    }
    10%,30%,50%,70%,90% {
	  opacity:0;
    }
}

/* tag: */
@media only screen and (max-height: 800px), only screen and (max-device-height:800px) {
	.ztt {
    margin-top: 2rem;
	}
	.add-user {
    top: 2.2rem;
	}
	.zbox1 .jl {
    top: 11rem;
	}

}