@charset "utf-8";
/* CSS Document */
html,body{font-size:14px; font-family:"Microsoft YaHei",Verdana,Geneva,sans-serif,\5b8b\4f53;background-color: #364c85;overflow-x: hidden;}
/*css-reset*/
html,body,div,ul,ol,li,dl,dt,dd,p,span,em,strong,b,i,h1,h2,h3,h4,form,input,button,textarea,select,option,img,a{ margin:0; padding:0}
h1,h2,h3,h4,h5,h6,button,input,select,textarea{font-size:100%;font-weight: normal;}
html{_filter:expression(document.execCommand("BackgroundImageCache",false,true));}
ul,li,div,dl,dt,dd{list-style:none;}
/*
body table{border-collapse:separate; border-spacing:2px;}
*/
input{outline: none;font-size:14px; font-family:"Microsoft YaHei"}
input::-ms-clear{display:none;}
h1.wm-public{height:0px; line-height:0px; font-size:0px;}
a{text-decoration:none;}
a{blr:expression(this.onFocus=this.blur());outline:none;}
a:hover{text-decoration:none;}
img{border:0;}
font,em{font-style:normal; font-family:\5b8b\4f53;}
label{vertical-align:middle; font-family:tahoma;}
textarea,input{resize:none; outline:none;}
textarea{overflow:auto;}
ins{float:right; text-decoration:none; font-weight:normal;}
.pub_wsp{word-wrap:break-word; word-break:break-all;}
.pub_abso{vertical-align:middle;}
.pub_clr{clear:both;font-size:0;height:0;line-height:0;overflow:hidden;}
.pub_yh{font-family:"Microsoft YaHei";}
.none{display:none;}
/*公用浮动*/
.f_left{ float: left}
.f_right{ float: right}
/*浮动清理*/
.cf:before,.cf:after{content:".";display:block;height:0;visibility:hidden}
.cf:after{clear:both}
.cf{zoom:1}



.index_wrap{ position: relative; width: 19.2rem; height:10.8rem; background: url(https://nq.games.laohu.com/_s/2101refiner/bg.jpg) no-repeat center top;background-size: 100% auto; overflow: hidden; }
.page_nav{ position: absolute; top: 3.44rem; left: 0.5rem; z-index: 1; }
.page_nav a{position: absolute; width: 4.67rem; height: 1.3rem;cursor: pointer;}
.page_nav a.n1{top: 0; left: 0; animation-delay: 0s; background: url(https://nq.games.laohu.com/_s/2101refiner/nav1.png) no-repeat 0 0; background-size:100% auto;}
.page_nav a.n1.on, .page_nav a.n1:hover{background-position: 0 bottom;}
.page_nav a.n2{ top:1.9rem; left: 0; animation-delay: 0.1s; background: url(https://nq.games.laohu.com/_s/2101refiner/nav2.png) no-repeat 0 0; background-size:100% auto;}
.page_nav a.n2.on, .page_nav a.n2:hover{background-position: 0 bottom;}

.logo{ position: absolute; top: 19px; left: 60px; z-index: 1; width: 2.76rem}
.sub_page{ position: absolute; top: 0; right: 0; width:17.44rem; height: 10.8rem; background: url(https://nq.games.laohu.com/_s/2101refiner/sub_page.png) no-repeat 0 0; -webkit-transform: translate3d(30rem,0,0); transform: translate3d(30rem,0,0);background-size: 100% auto; }
@-webkit-keyframes bounceInRight2 {
	0%,100%,60%,75%,90% {
		-webkit-animation-timing-function: cubic-bezier(0.215,.61,.355,1);
		animation-timing-function: cubic-bezier(0.215,.61,.355,1)
	}
	0% {
		opacity: 0;
		-webkit-transform: translate3d(30rem,0,0);
		transform: translate3d(30rem,0,0)
	}
	60% {
		opacity: 1;
		-webkit-transform: translate3d(-0.25rem,0,0);
		transform: translate3d(-0.25rem,0,0)
	}
	75% {
		-webkit-transform: translate3d(0.1rem,0,0);
		transform: translate3d(0.1rem,0,0)
	}
	90% {
		-webkit-transform: translate3d(-0.05rem,0,0);
		transform: translate3d(-0.05rem,0,0)
	}
	100% {
		-webkit-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0)
	}
}

@keyframes bounceInRight2 {
	0%,100%,60%,75%,90% {
		-webkit-animation-timing-function: cubic-bezier(0.215,.61,.355,1);
		animation-timing-function: cubic-bezier(0.215,.61,.355,1)
	}
	0% {
		opacity: 0;
		-webkit-transform: translate3d(30rem,0,0);
		transform: translate3d(30rem,0,0)
	}
	60% {
		opacity: 1;
		-webkit-transform: translate3d(-0.25rem,0,0);
		transform: translate3d(-0.25rem,0,0)
	}

	75% {
		-webkit-transform: translate3d(0.1rem,0,0);
		transform: translate3d(0.1rem,0,0)
	}
	90% {
		-webkit-transform: translate3d(-0.05rem,0,0);
		transform: translate3d(-0.05rem,0,0)
	}
	100% {
		-webkit-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0)
	}
}
.bounceInRight2 {
	-webkit-animation-name: bounceInRight2;
	animation-name: bounceInRight2
}
.go_index{ position: absolute; top:0.8rem; right: 0.5rem; width: 1.17rem; height: 1.17rem; background: url(https://nq.games.laohu.com/_s/zx1908carnival/close.png) no-repeat 0 0;background-size: 100% auto; z-index: 3333; cursor: pointer;}
.page_content{width: 8.8rem;position: absolute;left: 6rem;top:0;}
.dz-content,.lq-content{position:relative;width: 8.32rem;display: block;margin:0.5rem 0;background-repeat: no-repeat;background-position: center;background-size: 100% auto;}
.dz-content{height:18.02rem;background-image: url(https://nq.games.laohu.com/_s/2101refiner/v1.png);}
.lq-content{height:21.21rem;background-image: url(https://nq.games.laohu.com/_s/2101refiner/v2.png);}

.content{height: 10.7rem; overflow-x: hidden; overflow-y: auto;}
.content::-webkit-scrollbar{ width: 0.12rem; height: 0.13rem; -webkit-border-radius: 0.06rem; border-radius: 0.06rem;}
.content::-webkit-scrollbar-thumb{ background-color: #1f4d94; background-clip: padding-box; -webkit-border-radius: 0.06rem,; border-radius: 0.06rem,; min-height: 0.28rem;}

.attribute_pop{ position: absolute; top: 0.78rem; left: 0.9rem; width:15.3rem; height: 8.73rem; background: url(https://nq.games.laohu.com/_s/2101refiner/attribute_pop.png) no-repeat 0 0;;background-size: 100% auto;z-index: 333;opacity: 0;visibility: hidden;z-index: 2;}
.attribute_content{position: absolute;left: 5rem;top:1.8rem;width: 7.5rem;text-align: center;color: #fff;}
.attribute_content img{display: block;width:1.26rem;margin:0 auto;}
.attribute_content h3{font-size: 0.36rem;margin:0.3rem 0;}
.attribute_content h4{font-size: 0.3rem;margin-top: 1.3rem;}
.close_pop{position: absolute; top:0.15rem; right: -0.5rem; width: 1.17rem; height: 1.17rem; background: url(https://nq.games.laohu.com/_s/zx1908carnival/close.png) no-repeat 0 0;background-size: 100% auto; z-index: 3333; cursor: pointer;}
.attribute_pop .close_pop{right: 0.3rem;top: 0.5rem;}
.attr_nav{position: absolute;top:1.9rem;left:0.2rem;}
.attr_nav a{position: absolute;width: 1.1rem;height: 1rem;display: block; cursor: pointer;}
.attr_nav a.attr1{top:0;}
.attr_nav a.attr2{top:1.8rem;}
.attr_nav a.attr3{top:3.65rem;}
.attr_nav a.attr4{top:5.5rem;}
.attr_nav a.attr5{top:7.25rem;}
.fixed-bg{display:none;position: fixed;left: 0;top:0;right: 0;bottom: 0;background: rgba(0,0,0,0.7);z-index: 1;}
@-webkit-keyframes fadeIn2
 {
	0% {
		opacity: 0;
		visibility: visible;
		
	}
	100% {
		opacity: 1;
		visibility: visible;
	}
	
}

@-webkit-keyframes fadeIn2
 {
	0% {
		opacity: 0;
		visibility: visible;
		
	}
	100% {
		opacity: 1;
		visibility: visible;
	}
	
}
.fadeIn2
 {
	-webkit-animation-name: fadeIn2;
	animation-name: fadeIn2

}