@CHARSET "UTF-8";
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,button,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;font-family: "Microsoft YaHei";}
table{border-collapse:collapse;border-spacing:0;font-family: "Microsoft YaHei";}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
ul,ol,li{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym{border:0;font-variant:normal;}
sup{vertical-align:text-top;}
sub{vertical-align:text-bottom;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
input,textarea,select{*font-size:100%;}
a{text-decoration: none;}
button,textarea{outline: 0;border:0;padding:0;margin:0}

.clear{height: 0px;overflow: hidden;clear: both;}

.acr{color: red;}

.footer{background:rgb(30,29,34);width:100%;height:39px;line-height: 39px;text-align: center;color: #636365;}
.footer a{font-size:14px;color: #636365;}
.foot {width: 100%;height: 100px;padding-top: 50px;background: #2C2C2C;}
.footcon {width: 760px;height: 60px;margin: 0 auto;}
.footcon_l {width: 260px;height: 60px;float: left;border-right: #a3a3a3 1px solid;}
.footcon_l a {width: 172px;height: 60px;background: url(../../public/images/wylogo.png) no-repeat;display: block;}
.footcon_r {width: 480px;height: 60px;line-height: 30px;float: right;color: #a3a3a3;font-size: 12px;}


.hsxf-box{width: 100%;background: #EFF0F2 url(../images/bg.jpg) no-repeat center top;min-height: 1080px;}

.hsxf-head{width: 100%;height: 70px;line-height: 70px;}
.hsxf-head>div{width: 970px;height: 70px;margin: 0 auto;position: relative;}
.hsxf-head>div>a{float: left;color: #C8C1C8;}
.hsxf-head>div>a:hover{color: red;}
.hsxf-head>div>a:nth-child(3){margin-right: 343px;}
.hsxf-head>div>a span{float: left;width: 100%;}
.hsxf-head>div>a span:first-child{margin-top: 15px;height: 35px;line-height: 35px;font-weight: bold;font-size: 16px;text-align: center;}
.hsxf-head>div>a span:first-child+span{height: 20px;line-height: 20px;font-size: 12px;text-align: center;}
.hsxf-head>div>div{position: absolute;top: 0;left: 375px;width: 190px;height: 90px;}

.index-content{width: 1000px;margin: 0 auto;margin-top: 400px;overflow: hidden;}
.content-left{float: left;width: 257px;height: 1202px;overflow: hidden;margin-right: 10px;}
.content-left .left-server{height: 923px;width: 257px;float: left;background: #3A3A3A;}
.content-left .kaishi{display: block;width: 257px;height: 173px;margin: 0 auto;background: url(../images/ms_03.jpg);}
.content-left .denglu{display: block;width: 184px;height: 41px;margin: 0 auto;margin-top: 20px;}
.content-left .zuce{display: block;width: 184px;height: 41px;margin: 0 auto;margin-top: 10px;}
.content-left .left-title{border-bottom: 1px solid #B3B3B3;font-size: 16px;letter-spacing: 0px;color: #f1f1f1;height: 45px;line-height: 45px;width: 257px;text-align: left;margin: 0 auto;}
.content-left .left-title span:first-child{float: left;font-size: 16px;font-weight: bold;height: 43px;line-height: 43px;border-bottom: 2px solid #A99458;padding: 0 12px;}
.content-left .left-title span:first-child+span{float: right;margin-right: 10px;}
.content-left .left-title span:first-child+span a{color: #999999;font-size: 14px;}
.content-left .server{border-bottom: 1px solid #555555;text-indent: 20px;display: block;width: 236px;height: 41px;margin: 0 auto;margin-bottom: 10px;line-height: 41px;text-align: left;font-size: 14px;letter-spacing: 0px;color: #f1f1f1;position: relative;display: block;}
.content-left .server::before{width: 14px;height: 14px;position: absolute;top: 14px;left: 0px;content: "";display: block;background: url(../images/gou.png);}
.content-left .server::after{width: 49px;height: 40px;position: absolute;top: 0px;right: 0px;content: "火爆";display: block;color: red;}
.content-left .more-server{display: block;width: 184px;height: 31px;margin: 0 auto;}
.content-left .other{overflow: hidden;width: 257px;margin: 0 auto;margin-top: 40px;}
.content-left .other a{display: block;height: 65px;line-height: 65px;float: left;width: 100%;}
.content-left .other a::before{width: 18px;height: 18px;position: absolute;top: 12px;left: 0px;content: "";display: block;}
.content-left .other a:first-child{background: url(../images/ms_21.jpg)}
.content-left .other a:nth-child(2){background: url(../images/ms_22.jpg)}
.content-left .other a:nth-child(3){background: url(../images/ms_23.jpg)}
.content-left a:hover{color: #CEA14A;}
.content-left .kefu{padding-top: 10px;width: 230px;margin: 0 auto;overflow: hidden;color: white;}
.content-left .kefu>span{width: 100%;float: left;font-size: 15px;letter-spacing: 0px;color: white;height: 25px;}
.content-left .kf-qq{float: left;display: block;width: 100px;height: 30px;margin-top: 26px;}
.content-left .kf-qq-1{background: url(../images/ico.png) no-repeat 0px -163px;margin-right: 15px;}
.content-left .kf-qq-2{background: url(../images/ico.png) no-repeat 0px -195px;}
.four{float: left;width: 100%;height: 300px;}
.four a{float: left;height: 150px;width: 50%;}
.four a:first-child{background: url(../images/ms_24.jpg)}
.four a:first-child+a{background: url(../images/ms_25.jpg)}
.four a:first-child+a+a{background: url(../images/ms_27.jpg)}
.four a:first-child+a+a+a{background: url(../images/ms_28.jpg)}
.content-right{float: left;width: 733px;}
.content-right .swiper-container{width: 100%;height: 298px;}
.content-right .swiper-pagination{text-align: right;}
.content-right .swiper-pagination-customs{width: 20px;height: 20px;border-radius: 50%;display: inline-block;background: #cccccc;opacity: .8;margin: 0 4.5px;cursor: pointer;}
.content-right .swiper-pagination-customs-active{opacity: 1;background-color: #F78E00;}
.content-right .tag{width: 733px;margin-top: 30px;background: white;overflow: hidden;}
.content-right .tag .tag-head{height: 60px;line-height: 60px;padding-left: 10px;border-bottom: 2px solid #EBEBED;}
.content-right .tag .tag-head span{float: left;color: black;font-weight: bold;padding: 0 10px;cursor: pointer;margin: 0 10px;}
.content-right .tag .tag-head span.active{color: #D5523A;border-bottom: solid 3px #D5523A;height: 57px;}
.content-right .tag-content{margin-top: 20px;margin-left: 15px;display: none;overflow: hidden;}
.content-right .tag-content.active{display: block;}
.content-right .tag-content>div{display: none;}
.content-right .tag-content>div.active{display: block;}
.content-right .tag-content .left{width: 230px;height: 220px;float: left;margin-bottom: 10px;}
.content-right .tag-content .left img{width: 230px;height: 220px;}
.content-right .tag-content .right{float: left;margin-left: 15px;width: 425px;}
.content-right .tag-content .title{font-size: 18px;color: #CEA14A;width: 100%;text-align: left;}
.content-right .tag-content .title a{color: #CEA14A;}
.content-right .tag-content .jianjie{display: block;font-size: 14px;color: #888888;border-bottom: 1px solid #E4E3E0;line-height: 25px;padding-bottom: 10px;margin-top: 10px;max-height: 21px;overflow: hidden;}
.content-right .tag-content .list{float: left;width: 100%;height: 32px;}
.content-right .tag-content .list span{float: left;font-size: 14px;}
.content-right .tag-content .list a{float: left;font-size: 14px;}
.content-right .tag-content .list span:first-child{width: 40px;height: 20px;line-height: 20px;text-align: center;background: #A11A00;color: white;border-radius: 4px;margin-top: 4px;margin-right: 10px;}
.content-right .tag-content .list a:nth-child(2){width: 335px;overflow: hidden;line-height: 28px;color: #888888;}
.content-right .tag-content .list a:hover{color: #CEA14A;}
.content-right .tag-content .list span:nth-child(3){width: 40px;margin-top: 6px;color: #888888;}
.content-right .hot-gongneng{width: 733px;height: 435px;margin-top: 15px;margin-bottom: 111px;background: url(../images/ms_26.jpg);}
.content-right .hot-gongneng .remen{width: 100%;float: left;font-size: 18px;font-weight: bold;letter-spacing: 0px;color: #333333;}
.content-right .hot-gongneng .xian{width: 100%;float: left;height: 12px;}
.content-right .hot-gongneng .xian img{width: 100%;height: 12px;}
.content-right .hot-gongneng .bt{float: left;width: 114px;height: 119px;margin-right: 32px;margin-top: 14px;}
.content-right .hot-gongneng .bt.bt-1{background-position: 0px -229px;}
.content-right .hot-gongneng .bt.bt-2{background-position: -116px -229px;}
.content-right .hot-gongneng .bt.bt-3{background-position: -230px -229px;}
.content-right .hot-gongneng .bt.bt-4{background-position: 0px -350px;}
.content-right .hot-gongneng .bt.bt-5{background-position: -115px -350px;margin-right: 0;}

.biaoqian{width: 733px;margin-top: 10px;height: 70px;}
.biaoqian a{float: left;width: 240px;height: 70px;margin-right: 6px;}
.biaoqian a:first-child{background: url(../images/ms_13.jpg)}
.biaoqian a:first-child+a{background: url(../images/ms_15.jpg)}
.biaoqian a:first-child+a+a{background: url(../images/ms_17.jpg);margin-right: 0px;}
/*服务器列表页*/
.server-head{width: 1000px;background: #2D2D2D;height: 60px;line-height: 60px;}
.server-head span:first-child{float: left;margin-left: 20px;color: white;font-weight: bold;font-size: 18px;}
.server-head span:first-child+span{float: right;margin-right: 10px;color: white;}
.server-head span:first-child+span a{color: white;}
.server-content{width: 941px;background: white;min-height: 630px;padding: 30px;}
.server-content .user{overflow: hidden;}
.server-content .user .user-head{height: 35px;padding-left: 15px;width: 920px;background: #4C4C4C;color: white;line-height: 35px;float: left;}
.server-content .user .user-left{float: left;width: 494px;height: 90px;}
.server-content .user .user-right{background: url(../images/ico.png) no-repeat -184px -164px;float: left;width: 160px;height: 60px;margin-top: 15px;cursor: pointer;}
.server-content .user .user-left .ipt{overflow: hidden;}
.server-content .user .user-left .ipt input{float: left;width: 220px;height: 38px;line-height: 38px;padding-left: 8px;border: 1px solid #ACACAC;border-radius: 5px;margin-top: 12px;margin-right: 10px;color: #ACACAC;}
.server-content .user .user-left .ipt input:focus {outline:none;border: 1px solid dodgerblue;border-radius: 8px;}
.server-content .user .qq{background: url(../images/ico.png) -189px -132px;}
.server-content .user .wx{background: url(../images/ico.png) -219px -132px;}
.server-content .user .wb{background: url(../images/ico.png) -249px -132px;}
.server-content .user .user-left .ipt input::-webkit-input-placeholder { /* Chrome/Opera/Safari */  color: #ACACAC;}
.server-content .user .user-left .ipt input::-moz-placeholder { /* Firefox 19+ */  color: #ACACAC;}
.server-content .user .user-left .ipt input:-ms-input-placeholder { /* IE 10+ */  color: #ACACAC;}
.server-content .user .user-left .ipt input:-moz-placeholder { /* Firefox 18- */  color: #ACACAC;}
.server-content .user .user-left .ipt-other{overflow: hidden;}
.server-content .user .user-left .other{float: left;height: 40px;line-height: 40px;}
.server-content .user .user-left .other a{display:block;width: 24px;height: 24px;margin-right: 10px;cursor: pointer;float: left;margin-top: 8px;}

.server-content .user .user-left .ipt-other>a{float: left;height: 40px;line-height: 40px;margin-right: 15px;font-size: 14px;color: #BFAB65;}
.server-content .user .user-left .ipt-other>label{float: left;height: 40px;line-height: 40px;margin-right: 15px;font-size: 14px;color: #BFAB65;}
.server-content .user .user-left .ipt-other>span{float: left;height: 40px;line-height: 40px;margin-right: 15px;font-size: 14px;color: #BFAB65;}
#remember{float: left;line-height: 40px;height: 40px;}
.server-content .user .user-info{float: left;width: 200px;}
.server-content .user .hasPlayed{float: left;width: 300px;}
.server-content .user>a{float: left;width: 154px;text-align: center;background: #9C3302;color: #F2D9CD;font-size: 24px;height: 50px;line-height: 50px;margin-top: 10px;}
.server-content .user .user-info>div{overflow: hidden;height: 35px;}
.server-content .user .userId{float: left;max-width: 130px;overflow: hidden;height: 35px;line-height: 35px;font-size: 14px;}
.server-content .user .outLogin{float: right;cursor: pointer;margin-right: 20px;height: 35px;line-height: 35px;font-size: 14px;}
.server-content .user .outLogin:hover{color: red;}
.server-content .user .user-info>div+div{height: 35px;}
.server-content .user .user-info>div+div a{float: left;background: #9C3302;color: #F2D9CD;width: 70px;text-align: center;font-size: 14px;
height: 25px;line-height: 25px;border-radius: 5px;margin-top: 5px;}
.server-content .user .user-info>div+div a:first-child{margin-right: 40px;}
/*.server-content .user .user-info>div+div a:first-child+a{width: 50%;}*/
.server-content .user .hasPlayed{font-size: 14px;}
.server-content .user .hasPlayed>span{height: 20px;margin-top: 8px;display: block;}
.server-content .user .hasPlayed>div{height: 20px;}
.server-content .user .hasPlayed>div>span{float: left;margin-right: 20px;}
.server-content .user .hasPlayed>div>span:first-child{width: 80px;}
.server-content .user .hasPlayed>div>a{float: left;color: red;}


.server-content .all-server{overflow: hidden;}
.server-content .all-server .all-server-head{height: 35px;padding-left: 15px;width: 1000px;background: #4C4C4C;color: white;line-height: 35px;float: left;}
.server-content .all-server .ksxf {font-size: 14px;height: auto;width: 100%;overflow: hidden;margin: 10px 0;}
.server-content .all-server .ksxf input {width: 33px;height: 14px;text-align: center;}
.server-content .all-server .ksxf a {color: white;background: #D5523A;padding: 0 10px;}
.server-content .all-server .all-list{width: 100%;height: auto;overflow: hidden;}
.server-content .all-server .all-list a{display: inline-block;float: left;margin-right: 10px;margin-top: 10px;background: #EBEBEB;width: 270px;height: 40px;line-height: 40px;text-align: left;padding-left: 10px;font-size: 14px;color: #4C4C4C;}


/*内页*/
.detail{width: 664px;background: white;min-height: 630px;padding: 0 25px;overflow: hidden;}
.detail .detail-title{border-bottom: 1px solid #D9D9D9;height: 139px;text-align: center;}
.detail .detail-title h1{color: #D8573A;font-size: 18px;font-weight: bold;line-height: 50px;margin-top: 10px;}
.detail .detail-title .jieshao{width: auto;margin: 0 auto;}
.detail .detail-title .jieshao span{font-size: 14px;color: #4C4C4C;margin-right: 10px;}
.detail .detail-content{padding-top: 20px;}
.detail .detail-content p{font-size: 14px;color: #4C4C4C;line-height: 25px;margin: 20px 0;}
.detail-content p img{max-width: 100%;margin: 0 auto;}


/*列表页*/
.main-list{width: 664px;background: white;min-height: 630px;padding: 10px 25px;overflow: hidden;}
.main-list h1{height: 50px;line-height: 50px;font-size: 22px;color: black;text-align: left;font-weight: bold;text-indent: 5px;border-bottom: 1px solid #D9D9D9;margin-bottom: 10px;}
.main-list .article{width: 100%;}
.main-list .article .listone {width: 100%;height: 30px;line-height: 30px;margin-bottom: 5px;padding-bottom: 8px;border-bottom: 1px solid #D9D9D9;background: #fefeff;}
.main-list .article .listtit {float: left;display: inline-block;line-height: 30px;height: 30px;width: 88%;text-align: left;overflow: hidden;font-size: 15px;}
.main-list .article .listtit > a:link {color: #93959f;}
.main-list .article .article-list a {color: #4d332c;padding-left: 3px;float: left;font-size: 14px;}
.main-list .article .listtim {width: 10%;text-align: right;float: right;color: #93959f;}
.main-list .article .pageNewsToggle {display: inline-block;margin: auto;height: 32px;text-align: center;margin-top: 32px;}
.main-list .article .pagenav {padding: 30px 0;}
.main-list .article .pagenav a {padding: 1px 6px;margin: 0 3px;color: #80736b;line-height: 22px;background: #362c2b;}
.TabBox{width:732px;height:288px;background:#252525;overflow:hidden;position:relative;margin-top:10px}
.TabBox .nav{height:35px;position:absolute;top:15px;right:26px;z-index:99}
.TabBox .nav li{width:80px;height:33px;float:left;cursor:pointer;background:url(http://p9.yx-s.com/t01ece779cbbbfd6d09.png) no-repeat;color:#fff;margin-right:2px;line-height:28px;text-align:center;font-size:14px;font-weight:bold}
.TabBox .nav li.active{background:url(http://p5.yx-s.com/t0102e62d4a1ea605e2.png) no-repeat}
.TabBox .sho{display:none}
.TabBox .infobox{width:360px;height:180px;position:absolute;top:90px;right:30px}
.TabBox .infobox h3{font-weight:bold;font-size:24px;margin-bottom:20px;color:#bd3739}
.TabBox .infobox p{color:#a4a29f;line-height:24px}
.TabBox .renwu{position:absolute;top:3px;left:0}