@charset "utf-8";
*{
	margin: 0;
	padding: 0;
}
.pf{
	position: fixed;
}
.hide{
	display: none;
}
.icon,.entry,.btn-attr::before{
	background: url(//ossstatic.leiting.com/static/wd/202202/home/sprite-home.png) no-repeat;
	background-size: 8.24rem 6.4rem;
}
.t{
	background: url(../images/t.png?v=20260610) no-repeat;
	background-size:10.66rem  9.67rem;
}
/*顶部通栏*/
.nav{
	width: 100%;
	background: rgba(255,255,255,.95);
	z-index: 500;
	left: 0;
	position: absolute;
	top: 43px;
}
.nav-top{
	height: .76rem;
	border-bottom: 1px solid #e8e8e8;
	box-sizing: border-box;
}
.logo{
	width: 1.06rem;
    height:1.06rem;
    background: url(//ossstatic.leiting.com/static/game/images/wd_icon.png) 0 0 / 100% 100% no-repeat;
    top: .16rem;
    left: .7rem;
    text-indent: -999em;
}
.roguelike {
    top: .23rem;
    left: 1.9rem;
    font-size: .16rem;
    line-height: .22rem;
    color: #999999;
}
.roguelike span {
	font-size: .22rem;
	color: #1fb7ba;
}
.nav-right{
	height: .76rem;
	top: 0;
	right:1.05rem;
}
.nav-right2{
	margin: .27rem 1.05rem .38rem 0;
}
.nav-right li{
	float: left;
	width: 1.7rem;
	height: .76rem;
}
.nav-right2 li{
	float: right;
	width: 1.7rem;
}
.nav-right li+li{
	margin-left: .65rem;
}
.nav-li2+.nav-li2{
	margin-right: .65rem;
}
.nav-a,.nav-a2{
	width: 100%;
	display: block;
	text-align: center;
	font-size: .18rem;
}
.nav-a{
	height: .76rem;
	line-height: .76rem;
	color:#666666 ;
}
.nav-icon {
	background: url(../images/nav.png) no-repeat;
	background-size: .92rem .68rem;
	width:.2rem;
	height: .2rem;
	display: inline-block;
	vertical-align: middle;
}
.nav-a span{
	vertical-align: middle;
	margin-left: .05rem;
	cursor: default;
}
.nav-a:hover .nav1{
	background-position: 0 0;
}
.nav1 {
	background-position: -.24rem 0;
}
.nav-a.active .nav2{
	background-position: 0 -.24rem;
}
.nav2 {
	background-position: -.24rem -.24rem;
}
.nav-a.active .nav3{
	background-position: -.48rem 0;
}
.nav3 {
	background-position: -.48rem -.24rem;
}
.nav-a.active .nav4{
	background-position: 0 -.48rem;
}
.nav4 {
	background-position: -.24rem -.48rem;
}
.nav-a.active .nav5{
	background-position: -.48rem -.48rem;
}
.nav5 {
	background-position: -.72rem 0;
}
.nav-a.active span,.nav-a2:hover,.li-sp:hover .nav-a2,.nav-sp:hover span{
	color: #1fb7ba;
}
.nav-in{
	width: 100%;
}
.nav-a2{
	color: #999999;
	height: .56rem;
	line-height: .56rem;
}
.nav-code{
	width: 1.7rem;
	display: none;
}
.li-sp:hover .nav-code{
	display: block;
}
.title1,.title2,.title3,.title4,.title5,.title6{
	width: 5.28rem;
	height: 1.71rem;
}
.news-icon {
    width: .52rem;
    text-align: center;
    color: #ffffff;
    background: #b79b5a;
    border-radius: .22rem;
    line-height: .22rem;
    display: inline-block;
    margin-right: .15rem;
}
.news-icon,.time {
    font-size: .16rem;
    vertical-align: middle;
}
.time{
	color: #cccccc;
}
.nav-head{
	top: 0;
	position: fixed;
}
.mask {
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: rgba(0, 0, 0, .8);
	z-index: 2000;
}
#video{
	width: 100%;
}
.video,.picture {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    z-index: 2001;
}
#picture,#video{
	max-width:15rem;
    max-height:7.5rem;
}
.word-t1,.word-t2,.link-t,.info-w,.info-w2,.data-w{
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.btn-video{
	width:.22rem;
    height:.3rem;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAeCAMAAAAfOR5kAAAAXVBMVEUAAADrzXfrzXfrzXfrzXfrzXfrzXfrzXfrzXfrzXfrzXfrzXfrzXfrzXfrzXfrzXfrzXfrzXfrzXfrzXfrzXfrzXfrzXfrzXfrzXfrzXfrzXfrzXfrzXfrzXfrzXewbXnfAAAAHnRSTlMACPsQJRv28u3n4NrRyLSqnZJ6b2NYTEI4L8C9iIWCfdAIAAAAbElEQVQoz43SSRaDQAhFUakq05to+kR9+1+mG3gDGN4BHOB3t9pZcXwrw1iVOX2UYQplzl9lyhrGcPkpU+5hDENTZvdQhrlXZv9UhmuvzOGVZ2/iI/8tvc7Q/FTZw5Yl0k+bIh2IsabD5tHcAMQyJfwD02BuAAAAAElFTkSuQmCC) no-repeat;
    background-size: 100% 100%;
    left: 50%;
    top: 50%;
    margin: -.15rem 0 0 -.11rem;
    z-index: 1;
}
.btn-video::after{
	content:'';
	width: .69rem;
	height: .66rem;
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEUAAABCCAMAAAA2VuujAAAARVBMVEUAAAC3m1q3m1q3m1q3m1q3m1q3m1q3m1q3m1q3m1q3m1q3m1q3m1q3m1q3m1q3m1q3m1q3m1q3m1q3m1q3m1q3m1q3m1qb49pWAAAAF3RSTlMAimUKEUozFloGJBwrhY5TRXx4XlEumMQkvF0AAAGeSURBVFjDzdjZjp0wDAbg34mzEZKwzvs/aoWGaef0FCbBueh3gYSQLAhZbOMG203NlD8+Ms1qs4x2g0+kjI0cgMDRGkXJD2jBhZbJ4S9uWmirfiOnsncXj3xeHSroQkbfPDZUNH6yk9e4pT3tuBXWNFSMfPIB13hWGhWCWhhXIk2oNFG8DGJRzVK8CLKjwfjPMEwWTSzx+4DNBo3M/PanvEIz5fFqTxrNdNpf72nAAwNpfFNWPLJ6/OFI4xGd3beQBg8ZhS+cNR4KmXHaCh4r21c8cnjMET6NCwSW8Zy2EwSm82enCIGYzsUMkc+lbRVElD2uxkDEmDOWxPktIUAmoJORaJQHoGEgSBwB+kTp9EX/ixD6zTr5Cui3GuU7Q7ddSr5j9ty9IT9J5KdahxNWZ+502sszj5chLR6PrKV/RgYrzA5PqyhTlWfN8gz+XaSxsZqQVzY7xZ5V1jteVKir+GbuUH2u4cdKmCWV8EmXfF+V56LrOgRUrjsEyqESbxfdiiN8i9HT786J5sEaReRHtHNHFycdXZx0dHFu3uIXw+4NwSHsRJoAAAAASUVORK5CYII=) no-repeat;
	background-size:100% 100%;
	left: 50%;
	top: 50%;
	position: absolute;
	margin: -.33rem 0 0 -.37rem;
}
@keyframes rotating{
	from{
		transform: rotate(0);
	}
	to{
		transform: rotate(360deg);
	}
}
#LT_footer{
	overflow: auto;
}
/*ipad pro*/
@media only screen and (max-width: 1080px) {
	#LTTopBar {
	  display: none;
	}
	.nav {
		top: 0;
	}
}
@media only screen and (max-width:1366px) and (min-width:1024px) {
	#picture,
	#video {
		max-width: 15.6rem;
		max-height: 9rem;
	}
	.nav-icon {
		transform: scale(1.4);
	}
	.nav-a {
		height: .95rem;
		line-height: .95rem;
	}
	.nav-right,.nav-right li,.nav-top {
		height: .95rem;
	}
	.roguelike span {
		font-size: .3rem;
		color: #1fb7ba;
	}
	.roguelike {
		top: .2rem;
		font-size: .22rem;
		line-height: .33rem;
	}
	.nav-a,
	.nav-a2 {
		font-size: .25rem;
	}
	.time,
	.news-icon {
		font-size: .22rem;
	}
	.news-icon {
		width: .67rem;
		text-align: center;
		color: #ffffff;
		background: #b79b5a;
		border-radius: .34rem;
		line-height: .34rem;
		display: inline-block;
		margin-right: .15rem;
	}
}
@media only screen and (max-width:1023px) and (min-width:768px) {
	.news-icon,
	.time {
		font-size: .3rem;
	}
	.news-icon {
		width: .9rem;
		border-radius: .45rem;
		line-height: .45rem;
		display: inline-block;
		margin-right: .3rem;
	}
	#picture,
	#video {
		max-width: 19.2rem;
		max-height: 10.5rem;
	}
	.logo{
		top: .56rem;
		left: .9rem;
		transform: scale(1.5);
	}
	.nav-icon {
		transform: scale(1.7);
	}
	.nav-a span {
		margin-left: .1rem;
	}
	.nav-a {
		height:1.3rem;
		line-height: 1.3rem;
	}
	.nav-right,.nav-right li,.nav-top {
		height:1.3rem;
	}
	.roguelike span {
		font-size: .33rem;
		color: #1fb7ba;
	}
	.roguelike {
		top: .35rem;
		font-size: .3rem;
		line-height: .38rem;
		left: 2.5rem;
	}
	.nav-a,
	.nav-a2 {
		font-size: .32rem;
	}
	.nav-a2 {
		height: .9rem;
		line-height: .9rem;
	}
}


.cm-right.right{
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	overflow: hidden;
	z-index: 100;
}

.cm-right .nav-bg{
	width: 2.56rem!important;
    position: relative;
    overflow: hidden;
    transform: translateX(2.22rem);
    transition: all .5s;
    will-change:transform;
}
.cm-right .nav-open{
	transform: translateX(0) !important;
}
.cm-right .nav-style{
	width: 100%;
	position: relative;
	z-index: 1;
}
.cm-right .nav-con{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 2;
}
.cm-right .btn-pull{
	width: .4rem;
	font-size: .18rem;
	height: .72rem;
	text-align: center;
	top: 0;
	left: 0.025rem;
	color: #ffffff;
	writing-mode: vertical-rl;
	display: flex;
	justify-content: center;
	align-items: center;
	letter-spacing: .02rem;
	box-sizing: border-box;
}

.cm-right .nav-order .btn-link{
	position: absolute;
	bottom: .16rem;
	width: 1.42rem;
	height: .46rem;
	right: .26rem;
	opacity: 0.5;
}

.cm-right .nav-download .code-qr{
	width: 1.56rem;
	display: block;
	position: absolute;
	top: .32rem;
	right: .3rem;

}
.cm-right .nav-download .btn {
	width: 1.7rem;
	position: absolute;
	right: .22rem;
}
.cm-right .nav-download .btn:hover {
    -webkit-filter: brightness(110%);
    filter: brightness(110%);
}
.cm-right .nav-download .nav-appstore {
    top: 2.3rem;
}
.cm-right .nav-download .nav-android {
    top: 3.03rem;
}
.cm-right .nav-download .nav-harmonyos {
    top: 3.76rem;
}