@charset "utf-8";
* {
	margin: 0;
	padding: 0;
	outline: none;
	border: 0;
}
body,
html {
	-webkit-text-size-adjust: none;
	-webkit-user-select: none;
    -webkit-tap-highlight-color: transparent;
    font-size: .24rem;
        font-size: 53.3333px;
                overflow-x:hidden
}
body.on{
	overflow: hidden;
                overflow-x:hidden
}
a {
	text-decoration: none;
	-webkit-tap-highlight-color: transparent;
}
input {
	-webkit-tap-highlight-color: transparent;
	outline: none;
	-webkit-appearance: none;
	border-radius:0;
}
ul,
ol,
li {
	list-style: none;
}
i,em{
	font-style: normal;
}
.clearfix:after {
	content: "";
	display: block;
	clear: both;
}
.clearfix {
	zoom: 1;
}
.fl {
	float: left;
}
.fr{
	float: right;
}
.hid {
	display: none!important;
}
.pr{
	position: relative;
}
.pa{
	position: absolute;
}
/*引入思源黑体*/
@font-face {
  font-family: "SourceHanSansCN-Normal";
  src: url("../fonts/SourceHanSansCN-Normal.woff2") format("woff2"),
       url("../fonts/SourceHanSansCN-Normal.woff") format("woff"),
       url("../fonts/SourceHanSansCN-Normal.ttf") format("truetype"),
       url("../fonts/SourceHanSansCN-Normal.eot") format("embedded-opentype"),
       url("../fonts/SourceHanSansCN-Normal.svg") format("svg");
}
body,
html{
	/*font-family: "Microsoft YaHei";*/
	font-family: "SourceHanSansCN-Normal";
}
.img{
	background: url(/skin/default/images/img.png) no-repeat;
	background-size: 9.31rem 5.04rem;
}
.warp{
	width: 7.5rem;
	height: auto;
	background: #ebf1f7;
	margin: 0 auto;
	overflow: hidden;
}
.warp .head{
	width: 7.5rem;
	height: 1.29rem;
	/*background: url(/skin/default/images/head.jpg) no-repeat;
	background-size: 100% 100%;*/
	background: #000;
}
.warp .head .logo{
	height:1rem;
	width:1rem;
	background: url(/skin/default/images/logo.png) no-repeat;
	background-size: 100% 100%;
	text-indent: -999em;
	top: .15rem;
	left: .17rem;
}
.warp .head .icon_roguelike{
	height:.65rem;
	/*width:2.7rem;*/
	/*background-position:-1.08rem -.04rem;*/
	font-size: .28rem;
	line-height: .28rem;
	color: #fff;
	top: .36rem;
	left: 1.25rem;
}
.warp .head .icon_roguelike span{
	color: #c09b7f;
	font-size: .2rem;
}
.warp .head .btn_kf{
	width: 1.6rem;
	height: .6rem;
	background: -webkit-linear-gradient(left, rgb(33,147,44) , rgb(44,167,56));
	background: -o-linear-gradient(right, rgb(33,147,44) , rgb(44,167,56));
	background: -moz-linear-gradient(right, rgb(33,147,44) , rgb(44,167,56));
	background: linear-gradient(to right, rgb(33,147,44) , rgb(44,167,56));
	border-radius: .05rem;
	text-align: center;
	line-height: .6rem;
	color: #fff;
	font-size: .24rem;
	top: .345rem;
	right: .2rem;
}
.warp .head .btn_download{
	width: 1.6rem;
	height: .6rem;
	background: -webkit-linear-gradient(left, rgb(52,167,226) , rgb(58,183,247));
	background: -o-linear-gradient(right, rgb(52,167,226) , rgb(58,183,247));
	background: -moz-linear-gradient(right, rgb(52,167,226) , rgb(58,183,247));
	background: linear-gradient(to right, rgb(52,167,226) , rgb(58,183,247));
	border-radius: .05rem;
	text-align: center;
	line-height: .6rem;
	color: #fff;
	font-size: .24rem;
	top: .345rem;
	right: 1.9rem;
}
#top_bar{
	position: absolute;
	top: 1.29rem;
	left: 50%;
	z-index: 100;
	width: 7.5rem;
	border-bottom: 1px solid rgb(5 5 5 / 20%);
	-webkit-transition: background .5s ease;
	-moz-transition: background .5s ease;
	-ms-transition: background .5s ease;
	-o-transition: background .5s ease;
	transition: background .5s ease;
	margin-left: -3.75rem;
        background: #f7f7f7;
}
#top_bar .tab-nav,
.sub-nav-head .tab-nav,
#top_bar .bread-nav{
	height: .85rem;
	border-right: 1px dashed rgba(255,255,255,.4);
	text-align: left;
	font-size: 0;
}
#top_bar .tab-nav a,
.sub-nav-head .tab-nav a{
	display: inline-block;
	vertical-align: middle;
	min-width: .5rem;
	padding: 0 .37rem;
	line-height: .85rem; 
	text-align: center;
	color: #000;
	font-size: 12px;
	position: relative;
	transition: all .5s ease;
        font-weight: bold;
}
#top_bar .tab-nav a.active{
	font-weight: bold;
	color: #fff4ba;
}
#top_bar .tab-nav a:after,
.sub-nav-head .tab-nav a:after{
	position: absolute;
	content: "";
	width: .22rem;
	height: .22rem;
	background: url(/skin/default/images/img.png) -1.18rem -.77rem no-repeat;
	background-size: 9.31rem 5.04rem;
	top: 50%;
	margin-top: -.11rem;
	right: -.1rem;
}
#top_bar .tab-nav a:last-child:after,
.sub-nav-head .tab-nav a:last-child:after{
	display: none;
}
#top_bar .icon_menu{
	height:.36rem;
	width:.36rem;
	background-position:-1.86rem -.78rem;
	top: .245rem;
	right: .245rem;
}
#top_bar.fixed{
	position: fixed!important;
	top: 0;
	background: #f7f7f7;
	border-bottom: 2px solid #b48f54;
}
#top_bar.fixed .tab-nav,
.sub-nav-head .tab-nav,
#top_bar.fixed .bread-nav,
#top_bar.fixed .bread-nav .btn_bread_return{
	border-right: 1px dashed rgba(82,82,82,.2);
}
#top_bar.fixed .tab-nav a,
.sub-nav-head .tab-nav a,
#top_bar.fixed .bread-nav p a{
	color: #364856;
}
#top_bar.fixed .tab-nav a.active{
	color: #c7ae85;
}
#top_bar.fixed .tab-nav a:after,
.sub-nav-head .tab-nav a:after{
	background: url(/skin/default/images/img.png) -1.52rem -.77rem no-repeat;
	background-size: 9.31rem 5.04rem;
}
#top_bar.fixed .icon_menu{
	background-position:-2.32rem -.78rem;
}
#sub-nav-con{
	width: 7.5rem;
	height: 100%;
	background: rgba(255,255,255,.93);
	position: fixed;
	top: 0;
	left: 50%;
	margin-left: -3.75rem;
	z-index: 9999;
	display: none;
}
#sub-nav-con .sub-nav-head{
	width: 7.5rem;
	height: .85rem;
	border-bottom: 2px solid #b48f54;
}
#sub-nav-con .sub-nav-head .icon_menu_off{
	height:.36rem;
	width:.36rem;
	background-position:-2.8rem -.78rem;
	top: .245rem;
	right: .245rem;
}
#sub-nav-con .nav-index{
	width: 6.9rem;
	height: .49rem;
	background: url(/skin/default/images/icon_menu_titile.png) 0 50% no-repeat;
	background-size: 6.9rem .23rem;
	display: block;
	margin: 0 auto .4rem;
}
#sub-nav-con .nav-index a{
	width: 2.2rem;
	height: .45rem;
	border: 1px solid #a8a8a7;
	border-radius: .3rem;
	display: block;
	margin: 0 auto;
	text-align: center;
	line-height: .45rem;
	color: #787b7c;
	font-size: .28rem;
}
#sub-nav-con .nav-index.active{
	background: url(/skin/default/images/icon_menu_titile_active.png) 0 50% no-repeat;
	background-size: 6.9rem .23rem;
}
#sub-nav-con .nav-index.active a{
	background: #cfb995;
	border: 1px solid #cfb995;
	color: #fff;
	font-weight:bold;
}
#sub-nav-con .nav-more{
	width: 6.9rem;
	min-height: 1rem;
	margin:0 auto .4rem;
}
#sub-nav-con .nav-more .nav-more-title{
	width: 6.9rem;
	height: .36rem;
	background: url(/skin/default/images/icon_menu_titile2.png) 0 50% no-repeat;
	background-size: 6.9rem .1rem;
	line-height: .36rem;
	color: #000;
	text-align: center;
	font-size: .28rem;
	font-weight: bold;
}
#sub-nav-con .nav-more .nav-more-btn{
	text-align: center;
}
#sub-nav-con .nav-more .nav-more-btn a{
	display: inline-block;
	vertical-align: middle;
    color: #787b7c;
    width: 1.5rem;
    height: .42rem;
    line-height: .44rem;
    font-size: .24rem;
    border: 1px solid #a8a8a7;
    border-radius: .38rem;
    text-align: center;
    margin: .16rem .05rem;
}
#sub-nav-con .nav-more .nav-more-btn a.active{
	color: #fff;
	background: #cfb995;
	border: 1px solid #cfb995;
	font-weight: bold;
}
#sub-nav-con .nav-search{
	width: 6.8rem;
	height: .49rem;
	border: 1px solid #e7d3b5;
	background: #fff;
	border-radius: .38rem;
	margin: .5rem auto;
}
#sub-nav-con .nav-search input{
	width: 6rem;
	height: .49rem;
	background: none;
	position: absolute;
	top: 0;
	left: .22rem;
}
#sub-nav-con .nav-search input::-webkit-input-placeholder{
	color:#a6b2b8;
}
#sub-nav-con .nav-search input:-moz-placeholder{
	color:#a6b2b8;
}
#sub-nav-con .nav-search input::-moz-placeholder{
	color:#a6b2b8;
}
#sub-nav-con .nav-search input:-ms-input-placeholder{
	color:#a6b2b8;
}
#sub-nav-con .nav-search .icon_menu_search{
	height:.45rem;
	width:.45rem;
	background-position:-3.87rem -.05rem;
	top: 0;
	right: .15rem;
}
#top_bar .bread-nav .btn_bread_return{
	width: .7rem;
	height: .86rem;
	background: url(/skin/default/images/icon_cover.png) 50% 50% no-repeat;
	background-size: .15rem .28rem;
	border-right: 1px dashed rgba(255,255,255,.4);
	top: 0;
	left: 0;
}
#top_bar.fixed .bread-nav .btn_bread_return{
	background: url(/skin/default/images/icon_cover_active.png) 50% 50% no-repeat;
	background-size: .15rem .28rem;
}
#top_bar .bread-nav p{
	text-indent: 1rem;
	line-height: .86rem;
	color: #fff;
	font-size: .26rem;    
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
#top_bar .bread-nav p a{
	color: #fff;
}
#top_bar .bread-nav p i{
	display: inline-block;
	vertical-align: middle;
	width: .11rem;
	height: .16rem;
	background: url(/skin/default/images/icon_cover2.png) 50% 50% no-repeat;
	background-size: .11rem .16rem;
	padding: 0 .25rem;
}
#top_bar.fixed .bread-nav p i{
	background: url(/skin/default/images/icon_cover2_active.png) 50% 50% no-repeat;
	background-size: .11rem .16rem;
}
.footer{
	width: 7.5rem;
	height: 2.07rem;
	background: url(/skin/default/images/foot.jpg) no-repeat;
	background-size: 100% 100%;
}
.footer .channel{
	width: 7.5rem;
	height: 1.16rem;
	font-size: 0;
	text-align: center;
}
.footer .channel a{
	width: 1.8rem;
	height: .55rem;
	display: inline-block;
	vertical-align: middle;
	text-indent: -999em;
	margin: .305rem .25rem 0;
}
.footer p{
	color: #6e6c75;
	font-size: .22rem;
	text-align: center;
	line-height: .33rem;
}
.footer p a{
	color: #6e6c75;
}
.swiper-container,
.swiper-slide{
	width: 100%;
	height: 100%;
}
.fadeIn{
	animation:fadeIn 1s ease both;
}
@keyframes fadeIn{
	0% {
		opacity:0;
	}
	100% {
		opacity:1;
	}
}
.bounceIn{
	animation:bounceIn 1s ease both;
}
@keyframes bounceIn {
	0% {
		opacity:0;
		transform:scale(.3)
	}
	50% {
		opacity:1;
		transform:scale(1.05)
	}
	70% {
		transform:scale(.9)
	}
	100% {
		transform:scale(1)
	}
}
.back_top{
	width: .85rem;
	height: .7rem;
	background-position: -7.82rem -.87rem;
	position: fixed;
	bottom: 2.05rem;
	left: 50%;
	margin-left: 2.95rem;
	z-index: 99;
	text-indent: -999em;
}
.mask,
.mask2{
	width: 7.5rem;
	height: 100%;
	background: rgba(0,0,0,.75);
	position: fixed;
	top: 0;
	left: 50%;
	margin-left: -3.75rem;
	z-index: 1000;
}
.pop_com{
	width: 4rem;
    height: 4.4rem;
    background: #fff;
    position: fixed;
    top: 50%;
    left: 50%;
    margin: -2.2rem 0 0 -2rem;
    border-radius: .1rem;
    z-index: 9999;
}
.pop_com img{
	width: 100%;
	border-radius: 5px;
	margin-bottom: -.2rem;
}
.pop_com .txt{
	text-align: center;
	color: #000;
	font-size: .26rem;
	line-height: .35rem;
}
.pop_qq .icon_qq{
	width: 1.39rem;
	height: 1.49rem;
	background: url(/skin/default/images/icon_qq.png) no-repeat;
	background-size: 100% 100%;
	margin: .85rem auto .3rem;
}
.pop_qq .group{
	font-size: .3rem;
	color: #4e4e4e;
	text-align: center;
	line-height: .5rem;
}
.pop_qq .group span{
	color: #c3b07a;
}
.icon_line_0{
	height:.22rem;
	width:.22rem;
	background-position:-1.18rem -.77rem;
}
.icon_line_1{
	height:.22rem;
	width:.22rem;
	background-position:-1.52rem -.77rem;
}