body{font-family:'Microsoft YaHei';min-width:1400px;max-width: 1920px; margin: 0 auto;}
.button{background:url("http://www.qn958.com/template/pc/cn2016/images/button.jpg") no-repeat;}
.act-down{position:absolute;z-index:99;top:226px;left:-68px;display:block;width:360px;height:285px;background: url(about:blank);}
.new-icon1 i{float: left;width:29px;height:12px;background:url("http://www.qn958.com/template/pc/cn2016/images/icon-new.png") no-repeat;margin-top: 8px;}
.new-icon2 i{float: left;width:29px;height:12px;background:url("http://www.qn958.com/template/pc/cn2016/images/icon-new.png") no-repeat;margin-top: 14px;margin-left:10px;}
#pagesize ul{
    text-align: center;
}
    #pagesize li{
        display: inline-block;
    }

.header {
    height: 1290px;
}
.act-time {
    position: absolute;
    top: 508px;
    left: 222px;
    width: 271px;
    height: 22px;
    background: url("http://www.qn958.com/template/pc/cn2016/images/act-time-1.png") no-repeat center center;
}

.act-time.act-time-1 {
    background: url("http://www.qn958.com/template/pc/cn2016/images/act-time-1.png") no-repeat center center;
}

.act-time.act-time-2 {
    background: url("http://www.qn958.com/template/pc/cn2016/images/act-time-2.png") no-repeat center center;
}

.act-time.act-time-3 {
    background: url("http://www.qn958.com/template/pc/cn2016/images/act-time-3.png") no-repeat center center;
}
.fans-nav a:first-child {
  margin-left: 0;
}
.fans-nav a {
  float: left;
  width: 50px;
  height: 25px;
  line-height: 15px;
  text-align: center;
  font-size: 18px;      /*副页，综合咨询，综合，新闻，公告，任务......字号大小*/
  color: #414242;
  margin-top: 0px;
  margin-left: 15px;
}
.fans-nav a.hover, .fans-nav a:hover {
  color: #FF0000;
  border-bottom: 2px solid #FF0000;
}
.fans-nav {
  width: 900px;
  height: 27px;
  margin: 105px auto 15px;
    margin-top: 5px;
  margin-top: 5px;
  border-bottom: 1px solid #ccc;
  margin-top: 0;
}


.top-nav {
    height: 5px;
    width: 100%;
    min-width: 1300px;
    position: absolute;
    top: 0px;
    left: 0px;
    height: 58px;
}

.top-nav-bg {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-color: rgb(33, 23, 18);
    opacity: 0.6;
    filter: Alpha(opacity=60);
    z-index: 1;
}

.top-nav .center-1200 {
    width: 1200px;
    margin: 0 auto;
    position: relative;
    z-index: 2;
}

.top-nav ul {
    width: 1200px;
    margin: 0 auto;
    padding-left: 234px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.top-nav li {
    float: left;
    height: 58px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 161px;
    position: relative;
}

.top-nav li:after {
    content: '';
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 2px;
    background: #b29a6e;
    display: none;
}

.top-nav li.on:after {
    display: block;
}

.top-nav li:hover:after {
    display: block;
}

.top-nav li.on a em {
    color: #b29a6e;
}

.top-nav li:hover a em {
    color: #b29a6e;
}

.top-nav li a {
    display: block;
    width: 100%;
    height: 100%;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-top: 19px;
    color: #b29a6e;
}

.top-nav li a:hover {
    text-decoration: none;
}

.top-nav li a em {
    display: block;
    width: 100%;
    line-height: 58px;
    color: #ccc;
    text-align: center;
    font-size: 18px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 22px;
    line-height: 22px;
    border-left: 1px solid #6d6563;
}

.leftnav .contact-access {
    margin-top: 15px;
    width: 200px;
    height: 635px;
    background: #fff;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 22px 15px 0px;
}

.leftnav .contact-access .erweima {
    margin-bottom: 20px;
}

.leftnav .contact-access .er-name {
    height: 18px;
    line-height: 18px;
    width: 170px;
    text-align: center;
    font-size: 18px;
    color: #535353;
    position: relative;
    margin-bottom: 12px;
}

.leftnav .contact-access .er-name em {
    font-weight: bold;
}

.leftnav .contact-access .line {
    position: absolute;
    width: 17px;
    height: 1px;
    background: #9e9e9e;
    top: 8px;
}

.leftnav .contact-access .er-name .line-l {
    left: 0px;
}

.leftnav .contact-access .er-name .line-r {
    right: 0px;
}

.leftnav .contact-access .imgBox {
    width: 170px;
    height: 169px;
    background: url("http://www.qn958.com/template/pc/cn2016/images/outline.png") no-repeat center center;
    overflow: hidden;
}

.leftnav .contact-access .imgBox img {
    display: block;
    width: 121px;
    margin: 16px auto 0;
}

.leftnav .contact-access .imgBox p {
    text-align: center;
    font-size: 14px;
    color: #535353;
    line-height: 24px;
}

.leftnav .contact-access .access-link-btns {
    display: block;
    margin: 0 auto 6px;
    width: 169px;
    height: 40px;
    background: url("http://www.qn958.com/template/pc/cn2016/images/link-btn.jpg") no-repeat 0 0;
}

.leftnav .contact-access .access-link-btns:hover {
    background-position-x: -174px;
}

.leftnav .contact-access .acc-link-tb {
    background-position-y: -46px;
}

.leftnav .contact-access .acc-link-qq {
    background-position-y: -92px;
    height: 30px;
}
.leftnav .contact-access .acc-link-qq-2 {
    background-position:-174px -92px;
    height: 30px;
}

.leftnav .contact-access .acc-link-qq:hover {
    background-position-x: -0px;
}


/*gamenav*/
 .gamenav{
    height: 100%;
    width: 200px;
    float: left;
}

.gamenav .btn .gamenav-active {
    display: block;
    width: 222px;
    height: 161px;
    background: url("../image/btn-active.png") no-repeat 0 0;
}

.gamenav .btn .gamenav-active:hover {
    background-position-y: -168px;
}

.gamenav .list > a {
    display: block;
    width: 222px;
    height: 55px;
    border-bottom: 1px solid #494545;
    background: #2f2f2f url("../image/left-btn.png") no-repeat;
}

.gamenav .list > a:hover {
    background-position-x: -270px;
}

.gamenav .list .gamenav-download {
    background-position-y: -56px;
}

.gamenav .list .gamenav-data {
    background-position-y: -112px;
}


.gamenav-top-btn{display:block;width:200px;height:110px;background:url("http://www.qn958.com/template/pc/cn2016/images/gamenav-top-btn.jpg") no-repeat;}
/*left-nav*/

.leftnav .li_1{
    background-position: 0 1px;
}
.leftnav .li_2{
    background-position: -100px 1px;
}
.leftnav .li_3{
    background-position: 0 -94px;
}
.leftnav .li_4{
    background-position: -100px -94px;
}
.leftnav .li_5{
    background-position: 0 -189px;
}
.leftnav .li_6{
    background-position: -100px -189px;
}

.leftnav{
    float: left;
    width: 222px;
    overflow:hidden;
}


.leftnav .left-nav{
    width: 200px;
    height: 283px;
    overflow: hidden;
    margin-bottom: 12px;
}
.leftnav .articlead {
    width: 200px;
    padding: 5px 12px;
    background: #3a3a3a;
}
.leftnav .articlead a {
    display: block;
    margin: 8px 0;
    width: 200px;
    height: 85px;
}
.leftnav .articlead a img {
    width: 100%;
    height: 100%;
}

.left-nav li{
    height: 95px;
    width: 100px;
    float: left;
    background: url("http://www.qn958.com/template/pc/cn2016/images/nav.jpg") no-repeat;;
    position: relative;
    top:0;
    left: 0;
    overflow: hidden;
    cursor: pointer;
}
.left-nav li img{
    display: block;
    margin: 0 auto;
    margin-top: 20px;
}

.left-nav li div{
    height: 95px;
    width: 100px;
    position: absolute;
    top: 0;
    left: 0;
    line-height: 94px;
    text-align: center;
    font-size: 14px;
    color: aliceblue;
    background: #c8a666;
    opacity: 0;
    filter: alpha(opacity=0);
}

.left-feature{
    width:200px;
    height:340px;
    background: #fff url("http://www.qn958.com/template/pc/cn2016/images/feature.jpg") no-repeat 0 bottom;
}
.left-feature h2{
    height: 30px;
    font-size: 30px;
    line-height: 30px;
    padding-left: 20px;
    color: #b48b3e;
    padding-top: 20px;
    font-weight:600;
    margin-bottom: 30px;
}
.left-feature li{
    height: 16px;
    line-height: 16px;
    margin: 15px 0 15px 40px;
    font-size: 16px;
    color: #5c5c5c;
    list-style-image: url("http://www.qn958.com/template/pc/cn2016/images/icon4.png");
    cursor: pointer;
}
.left-feature li a{
    color: #5c5c5c;
    text-decoration: none;
}
.left-feature li a:hover{
    color:#b48b3e;
}

.cebian {
	width:222px;
	background-color: #3A3A3A;
	height: 150px;
	padding-top: 12px;
	padding-bottom: 12px;

}
.cebian a{
	width:4em;
	overflow:hidden;
	vertical-align:top;
	font-size:16px;
	color:#B1B092;
	line-height: 16px;
	padding-top: 10px;
	float: left;
	padding-left: 31px;
}
.cebian a:hover{color:#FF9900}


/*header*/
.header{ height: 712px; background:url("../image/bg191207.jpg") no-repeat center top;overflow: hidden;}         /*副页顶图片的设置，顶部图片的高度大小与距底部距离有关*/
.header-box{position:relative;width:1400px;height:613px;margin:0 auto;}



/* subpage */
.subpage{min-height: 900px; font-family:"Microsoft YaHei";position:relative;width:100%;background-color: #000000;
    background-image: url(../image/bg2.jpg);
    background-repeat: no-repeat;
    background-position: center bottom;}
.subpage-cnt{width:1334px;padding-bottom:0px;margin:0 auto;position: relative;top: -234px;}           /*副页距离顶部的高度，负距离到底图上*/
.subpage-l{width:222px;}
.subpage-l-t{margin-bottom:12px;}
/* .subpage-r{width:988px;position: relative;} */
.subpage-r{width:1100px;position: relative;}
.title{position:relative;width:1100px;height:50px;background:url("../image/title-bg.png") no-repeat;}
.title  em{float: left;margin-left:30px;font-size:24px;font-weight:normal;line-height:50px;height:50px;color:#777777;}
.title  em b{font-weight:normal;padding:0 4px 0 0;color:#FF0000;}
.title  em i{font-size:27px;font-style:normal;padding-left:5px;color:#c8a666;font-variant:small-caps;}
.title  span{float: right;height:50px;line-height:183px;font-size:14px;font-weight:normal;color:#ccc;margin-right:24px;white-space:nowrap;}
.title a{color:#ccc;}
.title span {float: none;height: 50px;line-height: 50px;font-size: 14px;font-weight: normal;color: #ccc;margin-right: 24px;white-space: nowrap;}
#pian {
  height: 30px;
  width: 900px;
  margin: 0 auto 180px;
}

#pian > p:first-child {
  text-align: left;
  float: left;
  margin-left: 0px;
}
#pian > p:last-child {
  text-align: right;
  float: right;
  margin-right: 0px;
}

#pian a, #pian p, #pian span {
  font-size: 16px;
  line-height: 30px;
  color: #9e9b9b;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
a {
  color: #1a1a1a;
  text-decoration: none;
}

#pian > p {
  width: 320px;
}


/*section-1 left*/
.s1-left{float:left;width:217px;margin-right:20px;}
/*left-link*/
.left-link{width:228px;height:38px;margin-left:8px;}
.left-link a{width: 113px;height: 37px;}
.left-link .reg{float: left;background-position:0px -150px;}
.left-link .reg:hover{background-position:0 -187px;}
.left-link .rec{float: left;background-position:-113px -150px;}
.left-link .rec:hover{background-position:-113px -187px;}

.left-scroll{position:relative;width:202px;height:269px;margin-left:12px;margin-bottom:40px;}
.left-scroll-box{position:absolute;top:0;left:0;overflow:hidden;width:202px;height:269px;}
.left-scroll-main{position:absolute;z-index:99;top:240px;left:15px;z-index: 99;}
.left-scroll-main li{float:left;width:9px;height:9px;margin-right:5px;cursor:pointer;-webkit-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s;border-radius:9px;border-radius:9px;background:#9b9085;}
.left-scroll-main .hover{width:16px;background:#e6dbb1;}
.left-scroll-nav{position:relative;}
.left-scroll-nav li{float:left;width:202px;height:269px;display: block !important;}
.left-scroll-nav li a{display:block;width:100%;height:100%;}
.left-scroll-nav li a img{display:block;width:100%;height:100%;}
.left-scroll .cover-1{background: url("http://www.qn958.com/template/pc/cn2016/images/icon-border-1.png") no-repeat;position: absolute;left: 0;top: 0;width: 12px;height: 11px;z-index: 999;}
.left-scroll .cover-2{background: url("http://www.qn958.com/template/pc/cn2016/images/icon-border-2.png") no-repeat;position: absolute;right: 0;top: 0;width: 13px;height: 11px;z-index: 999;}
.left-scroll .cover-3{background: url("http://www.qn958.com/template/pc/cn2016/images/icon-border-3.png") no-repeat;position: absolute;left: 0;bottom: 0;width: 11px;height: 10px;z-index: 999;}
.left-scroll .cover-4{background: url("http://www.qn958.com/template/pc/cn2016/images/icon-border-4.png") no-repeat;position: absolute;right: 0;bottom: 0;width: 12px;height: 10px;z-index: 999;}

/*brand*/
.brand{width:165px;padding:25px 0 29px 18px;margin-left:22px;}
.brand a{height:60px;width:100%;display: block;background:url("http://www.qn958.com/template/pc/cn2016/images/button.jpg") no-repeat;}
.brand .brand-link-one{background-position:0 -224px;}
.brand .brand-link-one:hover{background-position:-165px -224px;}
.brand .brand-link-two{background-position:0 -284px;}
.brand .brand-link-two:hover{background-position:-165px -284px;}
.brand .brand-link-three{background-position:0 -344px;}
.brand .brand-link-three:hover{background-position:-165px -344px;}
.brand .brand-link-four{background-position:0 -404px;}
.brand .brand-link-four:hover{background-position:-165px -404px;}
.brand .brand-link-five{background-position:0 -464px;}
.brand .brand-link-five:hover{background-position:-165px -464px;}
.brand .brand-link-six{background-position:0 -524px;}
.brand .brand-link-six:hover{background-position:-165px -524px;}


.code{width:132px;height:132px;background:url("http://www.qn958.com/template/pc/cn2016/images/code.jpg") no-repeat;margin:20px 0 0 56px;}
.left-menu-share{width: 122px;margin:20px 0 0 60px;}
.sian{float: left;width: 51px;height: 47px;background:url("http://www.qn958.com/template/pc/cn2016/images/share.png") no-repeat;}
.tb{float: right;width: 45px;height: 46px;background:url("http://www.qn958.com/template/pc/cn2016/images/share.png") no-repeat -51px 0px;}
.customer-service{padding-top:20px;margin-left:30px;font-family:'microsoft yahei';color:#fff;line-height:24px;text-align: center;}
.customer-service h6{color:#ceb175;font-size:20px;margin-top: 15px;line-height:auto;margin-bottom:12px;}
.customer-service h5{font-size:15px;}
.customer-service p{color:#ceb175;font-size:16px;margin-top: 5px;}
.act-btn{position:absolute;top:-176px;left:15px;}
.act-btn a{display: block;width: 212px;height: 75px;}
.speed-down:hover{background-position:0px -75px;}
.activation{background-position:-212px 0;margin-top: 12px;}
.activation:hover{background-position:-212px -75px;}
.subpage-l{position: relative;}


.pop-video{position:relative;width:800px;height:450px;border:2px solid #000;}
/*.close{font:45px/40px "microsoft yahei";position:absolute;top:0;right:-50px;width:45px;height:45px;text-align:center;color:#fff;background:#000;}
.close:hover{text-decoration:none;}
*/#pop-video{width:100%;height:100%;}

.video-btn{position:absolute;top:0;right:0;display:block;overflow:hidden;width:171px;height:130px;background:url(about:blank);}
.video-bg{position:absolute;top:290px;right:730px;width:116px;height:124px;background:url("http://www.qn958.com/template/pc/cn2016/images/video-bg.png") no-repeat;}
.video-btn span{display:block;width:100%;height:100%;cursor: pointer;-webkit-transition:all 0.6s ease;-o-transition:all 0.6s ease;-moz-transition:all 0.6s ease;transition:all 0.6s ease;}
.video-btn span:hover{-webkit-transform:scale(1.2);-ms-transform:scale(1.2);-o-transform:scale(1.2);transform:scale(1.2);}

/* about QY */
.about-qy{background:#f5f5f5;position:relative;padding:40px 0 20px 40px;}
.about-qy h4{padding:0px 0 20px 0;color:#666;font-size:18px;}
.about-qy p{width: 580px;line-height:24px;font-size:14px;color:#8f8f8f;text-indent:2em;}
.about-qy img{position:absolute;top:-93px;right:0;}


.warning{color:#efefef;position: absolute;top:140px;left: -50px;font-weight: bold;}

.qq {
	display:none;
    width: 222px;
    height: 104px;
    margin-top: 15px;
    background: #3a3a3a;
    padding: 20px 0 21px;
}
.qq .qqQun {
    width: 181px;
    line-height: 26px;
    text-align: center;
    color: #fff;
    font-size: 12px;
    margin: 4px auto;
    background: #494949;
}
.qq .qqQun a {color: #fff;}
.qq .qq-btn {
    width: 180px;
    margin: 10px auto 0;
}
.qq .qq-btn a {
    float: left;
    width: 80px;
    height: 22px;
    border: 2px solid #ca614c;
    text-align: center;
    color: #fff;
    margin: 0 3px;
}
.qq .qq-btn a span {
    display: block;
    width: 77px;
    height: 18px;
    margin: 2px auto;
    line-height: 16px;
    background: #ca614c;
}
.qq .qq-btn .tb-btn {
    border: 2px solid #b79242;
}
.qq .qq-btn .tb-btn span {
    background: #b79242;
}
.qq .qq-btn a:hover, .qq .qqQun a:hover {text-decoration: underline;}

.qrMain {
    width: 222px;
    height: 330px;
    margin-top: 0px;        /*副页客服二维码板块与上策间距*/
    background: #3a3a3a;
}
.version_other a {
    color: #fff;
    display: block;
    text-indent: 5px;
}
.qrTab {
    position: relative;
    width: 166px;
    height: 236px;
    margin: 1px auto 1px;
    text-align: center;
}
.qrTab .qr-main > div {
    position: absolute;
    top: 25px;
    display: none;
}
.qrTab .qr-main .wx {display: block;}
.qr-nav {
    color: #949494;
    font-size: 16px;
    margin-bottom: 16px;
}
/*.qr-nav span {
    margin: 0 8px;
    cursor: pointer;
}*/
.qrTab .qr-main>div p {
    font-size: 14px;
    text-align: center;
    color: #f5f5f5;
    margin-top: 5px;
}
.qr-nav span.active {
    font-size: 16px;
    color: #339999;
}


.version_other {
    position: relative;
    width: 169px;
    height: 27px;
    line-height: 27px;
    border: 1px solid #949494;
    color: #fff;
    margin: 0 auto;
    cursor: pointer;
}

.version_other .version_other_title {
    padding-left: 5px;
}
.version_other .ico_arrow {
    position: absolute;
    top: 50%;
    right: 10px;
    margin-top: -3.5px;
    width: 12px;
    height: 7px;
    background: url("../image/down.png") no-repeat;
}
.version_other .slimScrollDiv {
    border: 1px solid #949494;
    border-top: none;
    display: none;
}
.version_other .scrollList .version_content li {
    width: 100%;
}

.hide {display: none;}


.xyqq{
	    position: absolute;
    margin-top: -75px;
    margin-left: 14px;
    font-size: 16px;
    font-weight: 700;
    /* font-family: sans-serif; */
    color: #8f6e38;
}

.footer{ background:#121010; font-family:Tahoma, "SimSun"; font-size:12px;padding:15px 0;height:80px;}
.footer .f-c {margin: 0 auto;}
.foot_fir{ margin:0 auto; width:820px; color:#fff;}
.foot_fir img{ float:left; width:83px; margin:15px 26px 0 32px;padding-bottom: 10px;}
.foot_fir span{ display:block; line-height:20px;}