@charset "utf-8";
/*头部*/
.hide{
	display: none;
}
.pf{
	position: fixed;
}
.icon,
.entry,
.attr {
	background: url(../images/sprite.png) no-repeat;
	background-size:7.22rem 6.86rem;
}
.icon2 {
	background: url(../images/sprite2.png) no-repeat;
	background-size: 10.66rem 6.17rem;
}
.icon3,
.entry-block,
.info-a.active {
	background: url(../images/sprite3.png) no-repeat;
	background-size: 6.16rem 4.89rem;
}
.wrap{
	width: 7.5rem;
	overflow: hidden;
}
.part-fix{
	position: sticky;
    z-index: 100;
    top: 0;
}
.header {
    width: 7.5rem;
    height: 1.1rem;
    background: #fff url(../images/header-bg.jpg) 0 0/100% 100% no-repeat;
}
.header .logo {
    width: .87rem;
    height: .87rem;
    background: url(//ossstatic.leiting.com/static/game/images/wd_icon.png) 0 0 / 100% 100% no-repeat;
    position: absolute;
    top: .115rem;
    left: .32rem;
}
.header .roguelike {
	top: .19rem;
	left: 1.34rem;
	font-size: .22rem;
	line-height: .36rem;
	color: #fff8dc;
}
.header .roguelike b {
	font-size: .3rem;
	color: #fff;
	font-weight: normal;
}
.btn-contact,.btn-down{
	width: 1.84rem;
	height: .74rem;
	top: .16rem;
	text-indent: -999em;
}
.btn-contact {
	background-position: -3.83rem -4.07rem;
	left: 3.47rem;
}
.btn-down {
	background-position: -1.89rem -4.07rem;
	left: 5.45rem;
}
/*导航条*/
.main-nav{
	width: 7.5rem;
	height: .8rem;
	background: #ffffff;
}
.main-in1,.main-in2{
	width: 100%;
	height: 100%;
}
.nav-lead{
	width: 5.8rem;
	line-height: .8rem;
	font-size: 0;
	margin-left: .25rem;
	text-align: center;
}
.lead-a{
	width: 1.3rem;
	display: inline-block;
	line-height: .8rem;
	font-size:.26rem;
	color: #666666;
	text-align: center;
	position: relative;
}
.lead-a.active::after{
	position: absolute;
	content: '';
	width: .7rem;
	height: .04rem;
	bottom: 0;
	left: 50%;
	margin-left: -.35rem;
	background: #1fb7ba;
}
.lead-a.active{
	color: #1fb7ba;
}
.btn-nav {
	background-position: -3.13rem -3.56rem;
	width: .41rem;
	height: .33rem;
	right:.45rem;
	top: .26rem;
	z-index: 100;
}
.btn-serch {
	background-position: -5.55rem -2.72rem;
	width: .39rem;
	height: .4rem;
	right: 1.16rem;
	top: .22rem;
}
.key-input{
	width: 6.2rem;
    height: .55rem;
    line-height: .55rem;
    border: 1px solid #cccccc;
    left: 1rem;
    top: .12rem;
    border-radius: .55rem;
    text-indent: .45rem;
    color: #cccccc;
    font-size: .26rem;
    background: #f2f2f2;
}
.key-input::-webkit-input-placeholder{
	color:#cccccc ;
}
.btn-serch2{
	right: .46rem;
}
/*底部*/
.footer {
	width: 7.5rem;
	height: 2.5rem;
	background: url(../images/footer.jpg) 0 0/ 100% 4.5rem no-repeat;
	overflow: hidden;
	padding: 0;
	position: relative;
}
.footer .channel {
	width: 6.6rem;
	height: .75rem;
	top: .3rem;
	left: 50%;
	margin-left: -3.3rem;
}
.footer .channel a {
	height: 100%;
	display: block;
	text-indent: -999em;
	top: 0;
}
.footer .interst {
	width: 1.95rem;
	left: 0;
}
.footer .weixin {
	width: 1.6rem;
	left: 2.5rem;
}
.footer .xinlang {
	width: 1.9rem;
	left: 4.65rem;
}
.footer .get_into {
	width: 1.95rem;
	height: .62rem;
	text-indent: -999em;
	top: 1.78rem;
	right: .32rem;
}
.footer p {
	color: #959595;
	text-align: center;
	line-height: .4rem;
	margin-top: 3rem;
	padding: 0 .2rem;
	font-size: .2rem;
}
.footer p a {
	color: #959595;
}
/*导航*/
.nav-page .main-nav{
	display: none;
}
.nav-all{
	width: 7.5rem;
	position: relative;
    height: calc(100% - 1.1rem);
	overflow-y: auto;
	overflow-x: hidden;
	-webkit-overflow-scrolling: touch;
}
.nav-bg{
	width: 7.5rem;
    height: 14rem;
    background: url(../images/nav-bg.jpg) no-repeat;
    background-size: 100% 100%;
}
.nav-t{
	width: 100%;
	line-height: .8rem;
	border-bottom: 1px solid #e8e8e8;
	text-align: center;
	font-size: .26rem;
	color: #545454;
	position: relative;
}
.nav-close,.search-close{
	width: .8rem;
	height: .8rem;
	text-align: center;
	font-size: .3rem;
	color: #ebcd77;
	left: 0;
	top: 0;
	font-weight: bolder;
}
.nav-close{
	line-height: .8rem;
}
.search-close i{
	width: .4rem;
	height: .4rem;
	line-height: .4rem;
	border-radius: 100%;
	border: 1px solid #ebcd77;
	position: absolute;
	left: 50%;
	top: 50%;
	margin: -.2rem 0 0 -.2rem;
}
.nav-content{
	width: 6.8rem;
	margin: 0 auto;
}
.video-pic::before,.video-link::before{
	content: '';
	position: absolute;
	z-index: 1;
	background: rgba(0,0,0,.5);
	height: 100%;
	width: 100%;
}
.video-pic::after,.video-link::after{
	content: '';
	height: .66rem;
	width:.69rem;
	position: absolute;
	z-index: 1;
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEUAAABCCAMAAAA2VuujAAAAqFBMVEUAAAC3m1q3m1q3m1q3m1q8n1y3m1q8oF23m1q3m1q3m1q3m1q3m1q3m1q3m1q3m1rBpF+3m1q3m1q3m1q3m1q3m1q3m1q3m1q/o163m1q3m1q3m1q3m1q3m1q3m1rrzXfrzXfrzXe3m1rrzXfrzXfrzXfrzXfrzXfrzXfrzXfrzXfrzXfrzXfrzXfrzXfrzXfrzXfrzXfrzXfrzXfrzXfrzXfrzXfrzXf1fuPkAAAAN3RSTlMAiRWLSRBaCx2FLCQINGNTBI18eGhdUTEGRRkolmVN+e7iLyumldrRyL+0h3pvY1hCOCAZE05L1Ihd1gAAAihJREFUWMOtmOeSqyAUgM8BQbGXxJKyJXdv7219/zfbrJMM60RAxO9HZtK+QcopgAaW1McSD2ewPNYJA3v2XNCN1wSsBWhZ0HgbFHxvpSAZVt3u5tOuojWb7UgLThRf8SIlcxx+Rr0YlMQezXyjJERu+JHPMQQt7VZEYCQS21y3tmUawwzitFLPcoAezMTDQClJYDaNQhPQE1gQ0ikNwwSsSOjt3OSlB5Z45c1K8RSsSTmMOYnY3hKL0/g9RrCACEf7PNvCIrYcJIT6yyx+Qd4op9fn6Z95neSisGJ6KP3js3GCCwYX6gymLX3/nhk0WX3dcHSntPSPv/SWHV5PRAVqy3k4+pmvLiGdd1pL/+G3ztJdFlvs9Jb+/mureSRx2Sygswx8fKfWIBlO+MZs6e+/KSPtcYgod3cai+STajje8P9NorXI4XxXxM7hWdpcb5F8/gNTyP/PsvQPP5S5EEOjRfLl76QAowgtLP3DTxgzCM4v1NVCIaRuTyQFLrMrcVvpPLfbdblm17mfgHVO43qRAURgsuij1JoRc79K9AZ0yyTmrPZkzmrmDPvfnO7ZStnevfKgBCQZX1gFZatUZPH4YDpVh3Jsa1Sq0C6pmlv3Cr6hZLKbCB26CanBxrGzce+yJKya2/GVDNTkc7vP1tgJM4dOWHblhUNXLiEpzcw3BGZYTauOTN1WZMTy5gTxenPikyDxNoh8D/aQ11scURwOhXi9xdGM4gUtI1zyOwt0lgAAAABJRU5ErkJggg==) no-repeat;
	background-size:100% 100%;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
}
.nav-txt{
	line-height: .6rem;
	text-align: center;
	font-size: .26rem;
	color:#b79b5a;
	position: relative;
	margin-top: .42rem;
}
.nav-txt::before,.nav-txt::after{
	position: absolute;
	content: '';
	height: .3rem;
	width: 2.6rem;
	top: 0;
	border-bottom: 1px dotted #cccccc;
}
.nav-txt::before{
	left: 0;
}
.nav-txt::after{
	right: 0;
}
.nav-cont{
	font-size: 0;
	margin-top: .1rem;
	text-align: center;
}
.nav-choose{
	width: 1.5rem;
	display: inline-block;
	box-sizing: border-box;
	border: 1px solid #dadada;
	border-radius: .46rem;
	font-size: .24rem;
	color: #999999;
	line-height: .46rem;
}
.nav-choose+.nav-choose{
	margin-left: .26rem;
}
.nav-sp{
	margin-top: .5rem;
}
.link-pic{
	width: 1.05rem;
	height: 1.05rem;
	position: relative;
	display: inline-block;
}
.link-pic i{
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
}
.complain {
	background-position: -2.8rem -5.12rem;
	width: .7rem;
	height: .71rem;
}
.customer {
	background-position: 0 -5.12rem;
	width: 1.05rem;
	height: 1.05rem;
}
.user {
	background-position: -1.99rem -5.12rem;
	width: .71rem;
	height: .71rem;
}
.gfsq{
	background: url(//ossstatic.leiting.com/static/wd/home/202012/mobile/gfsq.png) 0 0 /100% 100%;
	width: .71rem;
	height: .71rem;
}
.link-choose{
	width: 1.05rem;
	height: 1.4rem;
	display: inline-block;
}
.link-w{
	display: inline-block;
	line-height: .3rem;
	font-size: .24rem;
	color: #545454;
	text-align: center;
	margin-top: .05rem;
}
.link-choose+.link-choose{
	margin-left: .7rem;
}
.link-customer{
	position: relative;
}
.link-customer::after{
	content: '';
	position: absolute;
	width: 1.56rem;
	height: .42rem;
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJwAAAAqCAMAAABx9cIXAAAAM1BMVEUAAABUVFRUVFRUVFRUVFRUVFRUVFRUVFRUVFRUVFRUVFRUVFRUVFRUVFRUVFTKyspUVFR+8pVAAAAAD3RSTlMA3ZnuZrsRVapEzDMiiHfR6Lv7AAACb0lEQVRYw+1Y23bjIAwEhLna7vz/1y7BUlSDm+1LT7NnPS8ikpkMupicmI83hnlrfLwxzI0bN27804gLucnpLYBSze8iW6RZQ4ELJhM285vYUMLsTUgPU4HfzJ3DcuUm+G7tOXV7r3XkbgAjm4Y1EWCjdEoBYHejUG+cyRpCtHZYZZBRqB/YWZz7FLVYQm+DoytVXCeKpsrjCdujKfTg6vWAm8kcGqyuzpkZ/PS0WeMLSs8RHfSOv5p98WEA32VTPzkfkbEfnBuQJ7IG18O84u2rI6Cs6pesUGyGzy5ljHKI0ExKGku8b+nWAZ0Qsp1jYGo/k83imqElm5CAPMjfAdBG7lQViMqen+VT0LKMvcvyjWUSJ14PxJFsFqe5bZYGcSERgNM4WInVo22s19jDw6VQbz3v1ySPZLM4PfAsv9czOAC0DuJUCvlEoEUKOIqTGuOADNWOJQxkL8TNT+gQJ6B8mTnY3A/gOTaIWwtKGMR5ACmb72WuwF6KSyI6AeGLnqsUDDc/N5IMjbxAq7lAbZrNt3oucYYCsJ170XET86jImJ0Uy1Z3MPlWM8uhyOW+AiENZLM4lp3Z1rPoIkNLnydCX03ToO79gpD9tppL6PTZv7znlLkgzaKPgOpoRPxSX8woTj/4frYn/NWNiZksVAv4VVciPEii1L81G0wV0YJNr8NAPMhAGi+BZRIntw1HR7Im+IDTVX+E5IY++evS/HTd09qBkmRGZsEjdJBlUH8U+muqaFUj6EWrBSDrDfHD2OCCWRcZnRD7z4wX8GiFCDsn8IdRC4DnHUbWvZT2bJUUzI0bN27cuP+wvsJ/lbk/4CVKIrbCMjcAAAAASUVORK5CYII=) no-repeat;
	background-size:100% 100% ;
	bottom: -.56rem;
	left: 50%;
	margin-left: -.78rem;
}
.code-bg{
	width:3.12rem;
	height:3.12rem;
	background: url(../images/code-box.png) no-repeat;
	background-size: 100% 100%;
	margin: .85rem auto 0;
}
.code-pic{
	width: 1.78rem;
	left: 50%;
	margin-left: -.89rem;
	top: .75rem;
}
.common-ul{
	width: 7.02rem;
	height: .78rem;
	border-bottom:1px dotted #cccccc;
}
.common-ul li{
	float: left;
	height: 100%;
	line-height: .78rem;
}
.common-ul a{
	width: 100%;
	height: 100%;
	display: block;
	font-size: .28rem;
	color: #333333;
	text-align: center;
}
.bg6-ul li {
    display: inline-block;
    float: none;
    width: 2rem;
}
.video-a.active {
	width:2rem;
	height:.78rem;
	background: url(../images/video-a.png) no-repeat;
	background-size: 100% 100%;
    color: #ffffff;
}
.bg5-ul li {
	width:1.79rem;
}
.info-a.active {
	background-position: 0 -4.07rem;
	width:1.79rem;
	height:.82rem;
    color: #ffffff;
}
.news-icon,.ul2-w,.time{
    font-size: .22rem;
    vertical-align: middle;
}
.news-icon {
    width: .65rem;
    text-align: center;
    color:#ffffff;
    background: #b79b5a;
    border-radius: .3rem;
    line-height: .3rem;
    display: inline-block;
    margin-right: .1rem;
}
.time {
    color: #bbbbbb;
}
.mask {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, .8);
    z-index: 2000;
}
.video, .picture {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    z-index: 2001;
}
#video{
	width: 7.5rem;
}
#picture{
    max-width:7.5rem;
    max-height: 8rem;
}
.word-t1,.word-t2,.play-w,.info-w,.data-w{
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}