@charset "utf-8";

*{box-sizing:border-box;}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, hr, button, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{margin:0; padding:0}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{display: block;}
html,body{font-family: sans-serif;}
html{outline: none; -webkit-text-size-adjust:none; -webkit-tap-highlight-color:rgba(0,0,0,0); font-size:100px;} 
        
body {
    position:relative;
    background-color:#1b1b1b; 
    padding-top:0; 
    font-size:.36rem; 
    color:#333333; 
    line-height: 1.8;
    margin:0 auto;
}
table,td,th {border-collapse:collapse}
ol,ul,li {list-style:none;}
h1,h2,h3,h4,h5,h6{font-size:100%}
img{ border:0;}
img,input,textarea {vertical-align:middle;}
input:focus{outline: none;}
a {text-decoration:none; outline:0; -webkit-tap-highlight-color:rgba(0,0,0,0); color: #fff}
a:hover {text-decoration:none}
.els{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hid{display:none;}
img.bgImg{width:100%;}
.mask_wx{ position: fixed; }
.wrap{width: 100%; position:relative;}
.wrap img{ width: 100% }
header{ position: fixed; left: 0; top: 0; z-index: 99 }
header img{width: 100%}
.header{ position: relative;padding-top: 1.2rem;}
	.gamestart{ position: absolute; bottom: 0.3rem; left: 1.6rem; width: 4rem; height: 4rem; border-radius: 100%}
	.gamedown{ position: absolute; bottom: 0.6rem; right: 1.9rem; width: 3.5rem; height: 3.5rem;  border-radius: 100%}
.menu{position: fixed;z-index: 100 }
.topbar{ position: fixed; width: 100%; left: 0; top: 0; height: 2rem; z-index: 9 }
.topbar a{ position: absolute;  height: 1.2rem; right: 1.6rem; top: 0; text-indent: -100000px }
.topbar a.start{width: 2.6rem;right: 1.4rem;}
.topbar a.reg{width: 1.4rem;right: 0rem;}

.swiper-pic {width: 100%; overflow: hidden; position: relative;}
	.swiper-pic img{width: 100%;}
	.swiper-pic .swiper-pagination{ line-height: normal; font-size:0; text-align: center; padding-top: 1rem; top: 8rem}
	.swiper-pic .swiper-pagination-bullet{background:#888888;width:.28rem; height:.28rem; opacity:1; border-radius: 10rem}
	.swiper-pic .swiper-pagination-bullet-active{background: #F40000;    border-radius: 10rem;}

.topSwiper{padding-bottom: 2rem}
	.topSwiper .swiper-pagination{top: 7rem}
.bggindex{ background: url(https://p2.ssl.qhimg.com/t01fd097007d9c7a855.jpg) no-repeat center bottom; background-size: 100% auto }
.connews{float: right;width:100%;min-height: 12.5rem}
	.tit{ height: 2.4rem; position: relative; padding: 1rem 1rem;}
	.tit a{float: left;width: 1.6rem; text-align: center; font-size:0.6rem; color: #6F6F6F; cursor: pointer; display:block;}
	.tit a.cur{ color: #fff; }

	.tit li{float: left;width: 1.6rem; text-align: center; font-size:0.6rem; color: #6F6F6F; cursor: pointer; display:block;}
	.tit li.cur{ color: #fff; }
	
	.more{ position: absolute; right: 25px; top: -33px; width: 51px; height:51px; background: url(https://p0.ssl.qhimg.com/d/inn/44a17821701d/images/more.png) no-repeat center top;}
	.more:hover{animation:que 1s;-webkit-animation:que 1s;}
.hotnews{clear:both;line-height: 1.2rem;margin:5px 0.5rem; font-size: 0.4rem; color: #fff; overflow:hidden; font-weight: bold; background: #313131; padding: 0.2rem}
.hotnews a{ display: block; }
.newlist{display:none;}
.newlist dl{ padding:20px 0.5rem 10px;}
.newlist.current{ display: block }
	.newlist dd{ height: 40px; overflow:hidden; line-height: 20px; color: #D6D6D6;  margin-bottom: 0.3rem;}
	.newlist dd a{color: #F5F5F5}
	.newlist dd a:hover{color: #D0C8AB}
	.newlist dd span{float: left; width: 50px;font-size: 12px; color: #A39581; }
	.newlist dd span i{ display: block;color: #5F5E5E; font-style: normal; }
	.newlist dd em{line-height: 20px;font-style: normal;float: right;
    width: 85%; font-size: 0.36rem}
	.newlist1{padding: 20px 0.5rem 10px; display:block;}
.newsmore{ padding:0 0.2rem 1rem; text-align:center;border-bottom: 1px solid #494949;margin-bottom: 2rem;}
.wrap .newsmore img{ width: 3rem; }

.txt{float: left;width: 100%; height: 4.5rem; margin-top: 0.3rem; overflow:hidden;}
        .txt h3{ font-size: 0.48rem; color: #000;line-height: 1.5; padding-bottom: 0.1rem; }
        .txt h3:before{content: ""; display: block; width: 1.7rem; height: 0.08rem; background: #F9B519;margin-bottom: 0.18rem}
        .txt p{ font-size: 0.18rem; color: #000; line-height: 1.6;}

.conkzs{padding: 0;}
	.conkzs img{ width: 100% }
	.zlindex{ padding-top: 1.5rem; margin-top: -1.5rem }
	.ziliao{overflow:hidden; border-top: 1px solid #2A2A2A; }
	.ziliao li{float: left;width: 50%; border-right: 1px solid #2A2A2A; padding: 0.3rem 0.3rem 1rem}
	.ziliao li:nth-child(2n){border-left: 1px solid #2A2A2A; margin-left: -1px}
	.ziliao li .zl_tit{ display:block; text-align:center; padding:0.1rem 0.5rem; }
	.ziliao li p{ text-align: center; font-size: 0.36rem; }
	.ziliao li p a{ display: inline-block; margin-right: 0.5rem }

	.mline{border-top: 1px solid #2A2A2A;border-bottom: 1px solid #2A2A2A;}

.conkf{ padding: 0.8rem; text-align: center;  border-bottom: 1px solid #2A2A2A; margin-bottom: 1rem }
	.conkf img,.footer img{ width: 100%; margin-bottom: 1rem}
.footer{ padding: 0.8rem; text-align: center; }

.pop-img{width:100%; height:100%; position: fixed; top:0; left:0; z-index:100; background: rgba(0,0,0,0.6); display:none;}
.pop-img .pop-img-cnt{position: absolute; top:50%; left:50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%);}
.pop-img .pop-img-close{position:absolute; right:0; top:-.4rem; z-index:10;width:.37rem; height:.37rem; display:block; background: url(http://p9.qhimg.com/t018a487df85141a710.png) no-repeat center center #3d3535; background-size:60%; border:0 none; border-radius: 50%;}

  .guidlist{ position:fixed; right: 0; top:0; width: 100%; background: rgba(0,0,0,0.8);z-index: 9; height: 100%; text-align: center; padding-top: 1rem;}
      .guidlist li{ min-height: 0.8rem; color: #fff ; padding: 0 30%;margin:0 0.5rem; border-bottom:1px solid #8D8880; }
      .guidlist li a{ color: #fff; font-size: 0.82rem; line-height: 3;display: block;/*font-style: italic;*/}
        .guidlist li a:active{color: #FAC905}
      .guidlist li img{ display:block; width: 1rem;margin:0 auto;}
      .guidlist li.close{ font-size: 0.9rem;line-height: 0.9rem; text-align: center; border: none;padding: 1.5rem 0 0 0 }
      .guidlist li.close span{width:1rem; height:1rem; border-radius: 100%; color: #fff;display: inline-block; font-size: 1.8rem}
/*list*/
.content{ position: relative; margin-top: 2.2rem; background:url(https://p1.ssl.qhimg.com/d/inn/885ac427e041/images/conbgg.jpg) no-repeat center top #1B1B1B; background-size: 100% auto;   overflow: hidden; }
.menu{ width: 100%; position: fixed; left:0;top: 1.2rem; height: 1.2rem }
.topmenu{width: 100%; background: #000; height: 1.2rem; overflow:hidden; text-align: center; color: #fff; line-height: 1.2rem; font-size: 0.36rem }
.topmenu span,.topmenu a{display: block; width: 1.2rem; height:1.2rem;}
.tback{float: left;border-right: 1px solid #626262;}
.tback img{ width: 30% }
.menulist{float: right;border-right: 1px solid #626262; border-right: 1px solid #ccc;}

.content .ziliao li{ float: none; width: 100%; text-align: left; }
.content .ziliao li .zl_tit,.content .ziliao li p{text-align: left;}
.content .ziliao li p{ padding: 0 1rem }
.content .ziliao li .zl_tit img{ width: 4rem; padding: 0.5rem 0 }

/*content*/
.context{ padding: 0.5rem 0.5rem; color: #fff; line-height: 2; font-size: 0.36rem; }
.content h1{ font-size: 0.5rem; color: #fff; padding: 1rem 0.5rem 0.5rem; font-weight: normal; }
.content h1 em{ display: block;font-style: normal;}
.content h1 span{ display: block; color: #AC9B89; font-size: 0.24rem; font-weight: normal; }
.content h1 span i{ color: #866868; margin-left: 0.2rem; font-style: normal; }
.context{ padding: 0.5rem 0.3rem; border-top: 1px dashed #8F7277;border-bottom: 1px dashed #8F7277;}
.context img{ max-width: 100%; margin: 0.2rem 0 }
/*技能卡片*/
@keyframes mtxt {
    0%{transform: rotateY(0deg);}
    100%{transform: rotateY(360deg);}
}
@keyframes que {
    0%{transform: rotate(0deg);}
    100%{transform: rotate(360deg);}
}

.pageBox {
padding:.1rem 0;
padding-bottom:.3rem;
text-align:center;
border-bottom: 1px solid #494949;
}
.pageBox a {
	display:inline-block;
	margin:0 6px;
min-width:.2rem;
padding:0 .15rem;
height:.44rem;
line-height:.44rem;
font-size:.24rem;
	color:#444;
	background:#e4edf4
}
.pageBox a.cur {
	background:#333;
	color:#fff;
	cursor:default
}