/**
 * main.css
 * @thor zzz
 * @date 2017-04-28
 **/
@charset "utf-8";

/*reset*/
html,body,div,span,iframe,h1,h2,h3,h4,h5,p,pre,em,img,strong,b,i,dl,dt,dd,ul,li,fieldset,form,label,legend,table,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0}
a,input,button{margin:0;padding:0;outline:0}
h1,h2,h3,h4,h5{font-size:100%}
ul,li{list-style:none}
a,button{cursor:pointer}
table{border-spacing:0;border-collapse:collapse;margin:0 auto;}
a{text-decoration:none;}
a:hover{text-decoration:none;}
em,i,strong{font-weight:400;font-style:normal}
body {
    min-width: 1200px; 
    overflow: auto;
}

.sq-dialog-masking {
    position: fixed!important;
    _position: absolute!important;
}

.r-cover {
    position: fixed!important;
    _position: absolute!important;
}
.cls:after { display: block; content: ""; visibility: hidden;clear: both}
.cls {zoom:1}

/*common css*/
.h1 {  font-size: 0; width: 0; height: 0; position: absolute;}
.hide {display: none}
.body{position:relative;overflow:hidden;font:14px/1.5 'Microsoft Yahei',SimSun;background: url("images/bg.jpg?t=20180504") center top no-repeat;}
.wrap {position:relative;width: 1200px; height: 1200px;margin: 0 auto; background: url("images/main.jpg?t=20180504") center top no-repeat;}

/*需要修改的部分*/
.body { color: #d6c8c8}
a {color:#d6c8c8}
.logo {width: 200px;height: 125px;}

/**header**/
.header{position:relative;width:100%;height:555px;z-index:1;*overflow: hidden;}
.logo{position: absolute; left: 50%; margin-left: -100px; top: 0px;background:url("images/logo.png?t=20180611") center no-repeat;text-indent: -9999em;z-index:2;}
.top-nav{position: absolute; left: 50%; margin-left: -654px;background:url("images/top-nav.png?t=20180504"); width: 1308px; height: 78px;overflow: hidden;font-size:14px;}
.top-nav .nav{overflow: hidden; width: 1200px; margin: 0 auto;}
.top-nav .nav li {position:relative;float: left;font-size:16px;text-align:center;}
.top-nav .nav .top-nav-li-3 {margin-right: 216px;}
.top-nav .nav a { display: block; width: 164px; height: 58px; padding-top: 20px; font-size: 18px;}

.top-nav .nav a:hover {
    color: #de414c;
}
.top-nav .nav a:hover b {
    color: #685e65;
}
.top-nav .nav b { display: block; font-size: 12px;color: #685e65;font-weight: 400;}
.top-tips {z-index:2;position:absolute;font-size: 16px; bottom:0; left:0; letter-spacing:1px;width: 248px; height: 30px; line-height: 30px; text-align: center; color: #fefefe;}

/*side*/
.side{float:left;width:282px; margin-right: 7px;position: relative; overflow: hidden}
.start{height:80px;display:block;padding:32px 0 0 0px;background: url("images/start-btn.jpg?t=20180504") no-repeat}
.start:hover {background: url("images/start-btn-h.jpg?t=20180504") no-repeat -1px 0px}
.start a{height:100%;display:block;}
.start span,.start span:after{display:block; width: 180px; height: 70px;margin:0 auto;background:url("images/start-zi.png?t=20180504") no-repeat;content:"";cursor:pointer;}
.start:hover span{animation:linear icoBig 1.6s infinite;-webkit-animation:linear icoBig 1.6s infinite;}
.start:hover span:after{opacity:.6;animation:linear icoBig2 1.6s infinite;-webkit-animation:linear icoBig2 1.6s infinite;}
@-webkit-keyframes icoBig{
    0%{-webkit-transform:scale(1);transform:scale(1);}
    20%{-webkit-transform:scale(1.05);transform:scale(1.05);}
    30%{-webkit-transform:scale(.93);transform:scale(.93);}
    45%{-webkit-transform:scale(1.04);transform:scale(1.04);}
    60%{-webkit-transform:scale(1);transform:scale(1);}
}
@keyframes icoBig{
    0%{transform:scale(1);}
    20%{transform:scale(1.05);}
    30%{transform:scale(.93);}
    45%{transform:scale(1.04);}
    60%{transform:scale(1);}
}
@-webkit-keyframes icoBig2{
    0%{-webkit-transform:scale(1);transform:scale(1);}
    20%{-webkit-transform:scale(1.3);transform:scale(1.3);opacity:0}
    100%{-webkit-transform:scale(1);transform:scale(1);opacity:0}
}
@keyframes icoBig2{
    0%{transform:scale(1);}
    20%{transform:scale(1.3);opacity:0}
    100%{transform:scale(1);opacity:0}
}

/*登录注册框*/
.login{font-size:12px;height:200px;position:relative;;overflow:hidden;background: #0c0c0d;}
.login .log li {position: absolute}
.login .text{fline-height:24px;width:148px; padding: 0 5px;height:24px;background: #979797;color:#37332d;border:none;border-radius: 3px;}
.login .user label {display: none}
.login .psw label {display: none}
.login .log-btn a{display:block;overflow:hidden; background: url("images/log-btn.png?t=20180504") no-repeat;width: 85px; height: 66px; line-height: 66px;text-indent: -9999em}
.login .log-btn a:hover{background: url("images/log-btn-h.png?t=20180504") no-repeat}
.login .user{left:14px;top:33px;}
.login .psw{left:14px;top:75px;}
.login .log-btn{left:182px;top:33px;}
.login .remember{left:14px;top:115px;}
.login .get-psw{left:129px; top:115px;}
.login .reg-btn{left:217px; top:115px;}
.login .three{left: 33px;top: 151px;}
.sq-third-link{display: inline-block;*display: inline;}
.three-icon{background: url("//img1.37wanimg.com/common/css/images/three.png?t=20180504") no-repeat;width: 28px;height: 28px;display: inline-block;text-indent: -9999em;vertical-align: middle;margin: 0 8px;}
.three-wx{background-position:  -39px 0;}
.three-wb{background-position:  -78px 0;}

/*登录成功后*/
.loged{width:220px;margin:0 auto; padding:15px 0 0;}
.loged .loged-top {display: none;}
.loged-panel{font-size:14px}
.loged-panel li{line-height:30px;}
.loged-panel .loged-highlight{color:#f08200;}
.loged li{line-height:24px}
.loged-usercenter{text-align:right}
.loged-usercenter a{display: inline-block; margin-left:5px}

/*最新开服*/
.new-server {overflow: hidden; margin-top: 10px; height: 176px; width: 100%}
.new-server-con { margin: 10px;}
.new-server-con li { height: 28px; line-height: 28px; border-bottom: 1px dashed #46332d}
.new-server-con li a {background: url("images/icon.png?t=20180504") no-repeat 2px center;display: block; width: 80%; margin: 0 auto; text-indent: 25px;}
.new-server-con li strong {float: right}
.new-server .server-more { display: block;background: url("images/server-more.jpg?t=20180504"); width: 166px; height: 28px; text-indent: -9999em; margin: 0 auto}
.new-server .server-more:hover { background: url("images/server-more-h.jpg?t=20180504")}


/*正常的选服*/
.choice-server{margin-top: 10px; height: 176px; width: 100%; background: #0c0c0d;}
.choice-server .select-server { display: none}
.choice-server .choice-list { margin: 6px 10px; height: 120px; overflow: hidden}
.choice-list li{height:28px;line-height:28px;overflow:hidden; width: 100%; border-bottom: 1px dashed #322f30}
.choice-list li a{display:block;width:80%; margin: 0 auto;background: url("images/icon.png?t=20180504") center left no-repeat; padding-left: 20px;}
.choice-list li strong{float:right;width:76px;}
.choice-list li a:hover,.choice-list li a:hover span{color:#c13b44}
.all-server{ display: block; background: url("images/server-more.jpg?t=20180504"); width: 166px; height: 28px; margin:0 auto}
.all-server:hover { background: url("images/server-more-h.jpg?t=20180504") no-repeat}

/*中间部分*/
/***main***/
.main{width:489px;float:left;position:relative; margin-right:7px; overflow: hidden}
/* kv */
.kv{position: relative;width: 100%;height:312px;overflow:hidden;}
.kv-num{position:absolute;bottom:19px;right:16px;}
.kv-num li{float:left;margin-left:8px;border-radius:15px;overflow:hidden;font-size:0;line-height:0;text-indent:-9999em;width:12px;height:12px;background:#848484;cursor:pointer;}
.kv-num li:hover,.kv-num li.focus,.kv-num li.current{background:#5e98ee;width:24px}

/*main-fast*/
.main-fast { position: relative; overflow: hidden;margin-top: 10px}
.main-fast-item {float: left; width: 163px; height: 176px;transition: all 0.5s; overflow: hidden; }
.main-fast-item:hover { transform: scale(1.1)}
.main-fast-item a {display: block; width: 100%; height: 100%;text-indent: -9999em; cursor: pointer}
.main-fast-1 {background: url("images/fast-1.jpg?t=20180504") no-repeat; }
.main-fast-2 {background: url("images/fast-2.jpg?t=20180504") no-repeat; }
.main-fast-3 {background: url("images/fast-3.jpg?t=20191125") no-repeat; }

/*右侧*/
.right { float: left; width: 415px; overflow: hidden; margin-bottom: 9px;}
.right .news{height:312px;overflow:hidden;width:100%; position: relative; background: #0c0c0d;}
.news-con{height:100%;padding:0 20px;}
.news-con .more{float:right;display:block;width:16px;height:16px; margin-top: 17px;background: url("images/more.png?t=20180504") no-repeat;text-indent:-9999em; z-index: 1;}
.news-con .more:hover{background: url("images/more-h.png?t=20180504") no-repeat}

.news-tab{line-height:49px;height:49px;overflow: hidden; border-bottom: 1px solid #63524e}
.news-tab li{display:inline;float:left;position:relative;overflow: hidden;font-size: 16px;padding: 0 18px;text-align: center;}
.news-tab .line{display:block;width: 0%; height: 2px; position: absolute; left: 0px; bottom: 0px; background:#5e98ee; transition: width 1s}
.news-tab li a{ display: block}
.news-tab li:hover a,.news-tab li.current a{color:#5e98ee;font-weight: bold;}
.news-tab li:hover .line, .news-tab li.current .line{width: 100%;}

.headline{position: relative;overflow:hidden;height:55px;line-height: 55px;margin:0;padding:0;text-align:center;font-size:18px;font-weight:700;white-space:nowrap;text-overflow:ellipsis;border-bottom: 1px dashed #322f30;}
.headline .headline-title{color: #5e98ee;}

.news-list {height: 185px;overflow:hidden;}
.news-list li{line-height: 30px;overflow:hidden;width:100%;height:30px;margin:0 auto;white-space:nowrap;text-overflow:ellipsis; border-bottom: 1px dashed #322f30}
.news-list li:last-child{border:0}
.news-list .a-link{vertical-align:middle;-webkit-transition:all .2s ease;-moz-transition:all .2s ease;-o-transition:all .2s ease;transition:all .2s ease;}
.news-list .a-link{display: inline-block; width: 75%; text-overflow: ellipsis; white-space: nowrap; overflow: hidden }
.news-list .a-link:hover{padding-left:5px}
.news-list .time{float:right;}

/*资料*/
.zl { position: relative; overflow: hidden; margin-top: 10px; width: 100%; height: 176px;background: #0c0c0d;}
.zl .zl-con { padding: 0 20px;}
.zl .zl-tab{ position: relative; overflow: hidden; margin: 14px 0;}
.zl .zl-tab .line {display: block; width: 99%; height: 1px; background: #3c6bb2; position: absolute; left: 0px; top: 27px}
.zl .zl-tab li {position: relative; z-index: 2;float:left;width: 52px; height: 52px;background: url("images/zl-nav.png?t=20180504"); text-indent: -9999em; margin-right: 55px;}
.zl .zl-tab li:hover { background-image: url("images/zl-nav-h.png?t=20180504")}
.zl .zl-tab li.focus { background-image: url("images/zl-nav-h.png?t=20180504")}
.zl .zl-tab .zl-li1 { background-position: 0 0}
.zl .zl-tab .zl-li2 { background-position: -108px 0}
.zl .zl-tab .zl-li3 { background-position: -223px 0}
.zl .zl-tab .zl-li4 { background-position: -322px 0;margin: 0px}
.zl .zl-list li{ overflow: hidden; height: 72px;}
.zl .zl-list a {display: block; float: left; width: 80px; height: 24px; line-height: 24px; margin-right: 25px;}
.zl .zl-list a:hover {
    color: #5e98ee;
}
.zl .zl-list .child3 {margin-right: 5px}
.zl .zl-list .child4 {margin: 0px; text-align: right}
.zl .check-more { position: absolute; bottom: 10px; right: 20px}

/*links*/
.links{ overflow: hidden; width: 100%; background: #0c0c0d; }
.links-wrap {overflow-y: hidden;margin: 0 20px;}
.links-con {height: 44px;line-height: 44px;}
.links a{white-space:nowrap;display:inline-block;margin:0 5px}


/* article list */
.c-body {background: #151317 url("images/bg.jpg?t=20180504") center top no-repeat; padding-bottom: 100px;}
.c-wrap {background: #151317 url("images/main.jpg?t=20180504") center top no-repeat; height: auto}
.c-main{float:right; width: 911px; }

.article .article-top{position:relative; background: #352a2a; width: 911px; height: 78px;}
.article .article-top .article-top-span {font-size:30px;display:block; width: 180px; height: 78px;padding-left: 65px; line-height: 78px;background: url("images/article-icon.png") no-repeat 30px center;}
.article .bread-nav{position:absolute;right:40px;bottom:16px;width:630px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:right;font-size:12px;}

/* article content*/
.article-main{min-height:485px; _height: 485px;padding:42px 30px;background:#0c0c0d;}
.article-title{text-align:center;font-size:12px;}
.article-title h1{font-size:28px;color:#5e98ee;font-weight:400;}
.article-detail{border-bottom:1px solid #29292d;text-align: right;padding:5px 0 10px 0;color: #686060;}
.article-content{min-height:420px; _height: 420px;padding:18px 0;color: #a0a0a0;}
.article-relation{overflow:hidden;line-height:30px;}
.article-relation dt{border-bottom:1px solid #29292d;margin:0 0 12px 0;color: #a0a0a0;}
.article-relation dd{display:inline;float:left;overflow:hidden;width:47%;height:30px;margin:0 0px 0 2%;font-size:12px;color: #a0a0a0;}
.article-relation dd span{float:right}
.article-relation dd a {
    color: #a1a1a1;
}

/**article list**/
.article-list{margin:0 auto;}
.article-list .time { float: right}
.article-list li{height:50px;line-height:50px;border-bottom:1px solid #29292d;overflow:hidden; padding: 0 10px}
.article-list a{display:inline-block;vertical-align:top;width:570px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.pageNum {text-align:center;margin:0 auto;padding:20px 0;}
.pageNum a,.pageNum .current{height:24px;display:inline-block;font-size:12px;line-height:24px;margin:2px;padding:0 6px;border:1px solid #747474;}
.pageNum a:hover{background:#FFFFFF;}
.pageNum .current{background:#ab2025;color:#ffffff;border-color:#ab2025;}
.card-content a{color:#FFF;}
.sq-dialog-content{text-align:center;}

/* 开服页 */
.side-fast {}
.side-fast a { display: block; background: url("images/fast-btn.jpg?t=20180504"); width: 282px; height: 59px; line-height: 59px;font-size: 20px; text-align: center;color: #fff;}
.side-fast a:hover {background: url("images/fast-btn-h.jpg?t=20180504") 0px 1px}
.side-fast a:hover i { margin-right:25px;}
.side-fast a i { display: inline-block;margin-right: 10px;width: 32px; height: 25px;background: url("images/f-icon-4.png?t=20180504") center no-repeat;vertical-align: middle; *diplay: inline; *zoom:1; transition: all 0.7s}


/* s-type-choose */
.s-main { min-height: 465px; _height: 456px;}
.s-main .type-choose { text-align: center; background: none; height: auto}
.s-main #selFastType { margin-right: 10px}
.s-main .select1, .s-main .select2{display:inline-block; color: #2c211b;position:relative;*display:inline;*margin-left:4px;*z-index:2; font-size: 12px;vertical-align: middle; margin-right: 5px }
.s-main .select-dom{width:108px;height:27px;display:inline-block;background: #a7918c;vertical-align:middle;position:relative;}
.s-main .select-btn{position:absolute;width:0;height:0;display:block;border-top:5px solid #30221e;border-left:5px solid #a7918c;border-right:5px solid #a7918c;border-bottom:none;cursor:pointer;_font-size:0;overflow:hidden;right:6px;top:12px;}
.s-main .select-con{width:90px;height:27px; line-height: 27px;position:absolute;left:0;top:0;background:url("//img1.37wanimg.com/www/images/common/spacer.gif?t=20180504");cursor:pointer;text-align:center;}
.s-main .sup-tab-btn{line-height:16px;height:16px;cursor:pointer;padding:2px 0;text-align:center;}
.s-main .sup-tab-btn:hover {background: #3c6bb2; color:#fff; }

.s-main .s-fastin{background:#a7918c;height:27px;line-height:27px;text-align:center;width:30px; padding: 0 2px; margin-right: 6px;}
.s-main #btnFast {background: #3c6bb2; display: inline-block; height: 27px; text-align: center; line-height: 27px; margin-left: 5px; width: 72px; color:#fff; border-radius: 3px}
.s-main #btnFast:hover{background: #3c6bb2;}

.s-main .s-server-list { margin-top: 10px}
.s-main #servers { overflow: hidden;margin-top: 10px;}
.s-main #servers li { float: left; background: url("images/server-btn.png?t=20180504"); width: 199px; height: 39px; line-height: 39px; text-align: center; margin: 0 18px 10px 0; }
.s-main #servers li:hover { background: url("images/server-btn-h.png?t=20180504") no-repeat;}
.s-main #servers li:nth-child(4n) { margin-right: 0px}

.s-main .option-bg{position:absolute; width: 87%;left:2px;top:29px;display:none;z-index: 2;background: #a7918c;border:1px solid #A2A2A2;}
.s-main .option-dom{background:#a7918c;font-size:12px;border:1px solid #A2A2A2;}
.s-main .option-dom li{height:16px;line-height:16px; padding: 2px 0;text-align:center;overflow:hidden;}
.option-dom li.focus{background: #c66a52; color:#fed6cc}


/* s-all-server */
.sp-pager{overflow:hidden;margin-top:6px;}
.sp-pager li,#nameList a{line-height:28px;width:84px;height:28px;margin:0px 10px 8px 0;cursor:pointer;background:#a7918c;text-align:center;float:left;display:block;font-size:12px; color: #2c211b}
.sp-pager li.hover,#nameList a.hover{background:#ab2025;color:#fff;}
.sp-pager li a{color:#fff}