@charset "utf-8";
/**
 * jsxw_main.css
 * @thor zzz
 * @date 2017-02-20
 **/

/*body 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;}

/*commmon style*/
.cls{*zoom:1}
.cls:after{display:block;visibility:hidden;clear:both;overflow:hidden;height:0;content:'.'}
.cls{clear:both}
a{text-decoration:none;color:#cdafad}
a:hover{text-decoration:none;color:#ffec55;}
.hidden{display:none}
em,i,strong{font-weight:400;font-style:normal}
body{overflow-x:hidden;}
.h1 {  font-size: 0; width: 0; height: 0; position: absolute;}
.body{font:14px/1.5 'Microsoft Yahei',SimSun;position:relative;overflow:hidden;color: #cdafad}
.bg {background:#301c18 url("images/role-bg.jpg") center 1360px no-repeat; padding-bottom: 100px;}
.body-fotter { height: 200px; width: 100%;}
.wrap {width: 1200px;margin: 0 auto; position: relative;}

/*header*/
.header{position:relative;width:100%;height:517px;z-index:1;}
/* kv-top */
.kv-top{width:2000px;height:650px;position:absolute;left:50%;margin-left:-1000px;z-index:1;overflow:hidden;}
.kv-top-img{overflow:hidden;width:100%;height:100%;position:relative;clear:both;}
.kv-top-img li{width:100%;height:100%;position:absolute;left:0px;top:0px;display:none;}
.kv-top-img a{width:100%;height:100%;display:block;}
.kv-top-num{position:absolute;top:496px;right:50%;margin-right:-584px;}
.kv-top-num li{float:left;margin-left:8px;border-radius:7px;overflow:hidden;font-size:0;line-height:0;text-indent:-9999em;width:14px;height:14px;background:#585858;cursor:pointer;}
.kv-top-num li:hover,.kv-top-num li.focus{background:#dc5e22;width: 25px;}

.logo{z-index:2;position: absolute;left: 10px; top: 10px; height: 131px;width: 222px;background:url("images/logo.png") center no-repeat;text-indent: -9999em;}

/**top-nav**/
.top-nav{z-index:2;font-size:14px;position:absolute;height:160px;top:0;left:235px; overflow: hidden;}
.nav{height:135px; margin-top: 25px;}
.nav .top-nav-li{float:left;width:100px; text-align:center;position:relative;}
.nav a {color:#7f271f; display: block; width: 100%; height: 50px;font-size:12px;line-height: 24px;}
.nav a b{display: block;font-size:16px; font-weight:400;}
.nav a:hover{color:#e91500;}
.top-tips {z-index:2;position:absolute; bottom:14px; left:25px; letter-spacing:1px; color: #661e12; width: 248px; height: 30px; line-height: 30px; text-align: center; font-weight: bold;}

/*side*/
.side{float:left;width:288px;z-index:3;position: relative;_overflow:hidden;}
.main{z-index: 2; position: relative}
.main-1{overflow: hidden}

/*开始游戏*/
.start{width:373px; height:143px;display:block;padding:65px 0 0 6px;margin:-39px 0 0 -42px;background: url("images/start-bg.png") no-repeat}
.start a{height:100%;display:block;}
.start span,.start span:after{display:block; width:174px;height:69px;margin:0 auto;background:url("images/start-zi.png") 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{background: url("images/start-zi-h.png"); 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}
}

/*main-0*/

/*side-0*/
.side-0 { background: #a5372c url("images/start-bg.jpg") 0 32px no-repeat;height: 365px;}
/*登录注册框*/
.login{font-size:12px;height:210px;position:relative;margin-top:-32px;overflow:hidden;color:#fff;}
.login .log{position:relative; margin: 18px auto 0; width: 202px;}
.login .log a{color:#fff;}
.login .log a:hover{color:#ffec55}
input.text{line-height:30px;width:192px;height:30px;padding:0 5px;border:none;border-radius: 3px;margin-bottom: 10px;}

.user label,.psw label{display:none}
.remember,.get-psw, .reg-btn{ width: 32%; display: inline-block; *display: inline; *zoom: 1;nheight: 24px; line-height: 24px;}
.get-psw {text-align: center}
.reg-btn{text-align: right}

.log-btn{width:100%; text-align: center; margin: 5px 0;}
.login .log-btn a{display:inline-block;overflow:hidden;width:197px;height:42px;line-height:42px;text-align:center;font-size:24px; background: url("images/login.png") no-repeat; color:#7f0000 }
.login .log-btn a:hover{background: url("images/login-h.png") no-repeat; color:#e31902}

.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;}
.m1{background-position:0 -242px}
.m2{background-position:0 -290px}
.loged li{line-height:24px}
.loged-usercenter{text-align:right}
.loged-usercenter a{display: inline-block; margin-left:5px}

/* kv */
.kv{position: relative; float: left;width:619px;height:365px;overflow:hidden;}
.kv-num{position:absolute;bottom:19px;right:16px;}
.kv-num li{float:left;margin-left:8px;border-radius:10px;overflow:hidden;font-size:0;line-height:0;text-indent:-9999em;width:10px;height:12px;background:#585858;cursor:pointer;}
.kv-num li:hover,.kv-num li.focus,.kv-num li.current{background:#dc5e22;width:25px}

/*hudong*/
.huodong{ width: 290px; height: 365px; float: left; position: relative; z-index: 2; overflow: hidden}
.huodong a{display: block;width: 292px; height: 121px; background: url("images/right-entry.jpg") no-repeat; text-indent: -9999em}
.huodong .huodong-1{background-position: 0 0;}
.huodong .huodong-2{background-position: 0 -121px;}
.huodong .huodong-3{background-position: 0 -242px;}
.huodong a:hover{background: url("images/right-entry-h.jpg")}
.huodong .huodong-1:hover{background-position: 0 0;}
.huodong .huodong-2:hover{background-position: 0 -121px;}
.huodong .huodong-3:hover{background-position: 0 -242px;}

.h3-title{height:79px; line-height: 109px;overflow:hidden;}
.h3-title span {display: block;color: #5d4847; font-size:12px;}
.h3-title em{font-size: 24px; color:#f88f16; margin-right: 10px;}
/* server */
.main-1 .recom-server{ float: left; width: 100%; color:#fff}
.recom-server-con{height:318px; background: #a5372c url("images/server-bg.jpg") bottom center no-repeat; color: #fff}

.select1,.select2{display:inline-block;margin: 0 2px;position:relative;*display:inline;*margin-left:4px;*z-index:2; color: #183c4d; font-size: 12px;}
.choice-tab{width:92%; margin: 0px auto; height:45px; line-height: 45px; position:relative;font-size:12px; z-index: 4;}

.select-dom{width:108px;height:20px;display:inline-block;background:#FFF;color:#333;vertical-align:middle;position:relative;}
.select-con{width:80px;height:20px;position:absolute;left:0;top:0;background:url(http://img1.37wanimg.com/www/images/common/spacer.gif);line-height:20px;cursor:pointer;text-align:center;}
.select-btn{position:absolute;width:0;height:0;display:block;border-top:5px solid #25324a;border-left:5px solid #FFF;border-right:5px solid #FFF;border-bottom:none;cursor:pointer;_font-size:0;overflow:hidden;right:6px;top:8px;}
.select2 .select-dom {width: 50px}
.select2 .select-con {width: 40px}

.option-bg{position:absolute;display:none;left:0;top:23px; z-index: 2;}
.option-bg-type{left:1px;top:30px;*top:20px;}
.type-option-dom{width:103px;background:#FFFFFF; border: 1px solid #ccc;}
.sup-tab-btn{line-height:16px;height:16px;color:#000;cursor:pointer;padding:2px 0;text-align:center;}
.sup-tab-btn:hover {background: #eee;}

.select-type{width: 92%; margin: 0 auto;height:34px; line-height: 34px; position:relative; z-index: 2;font-size: 12px;}
.s-fastin{background:#FFF;color:#000;height:20px;line-height:20px;text-align:center;width:30px; padding: 0 2px;}
#btnFast {background: #f88f16;display: inline-block; padding: 0 10px; height: 20px; text-align: center; line-height: 20px; margin-left: 5px; color:#fff}
#btnFast:hover{background: #ee6000; color:#fff}
.option-dom{background:#FFFFFF;font-size:12px;overflow-x:hidden;overflow-y: auto;width:245px;border:1px solid #A2A2A2;padding:1px;}
.option-dom li{height:16px;color:#000;cursor:pointer;float:left;line-height:16px;width:56px;_width:55px;padding:2px;text-align:center;overflow:hidden;}
.option-dom li.focus{background:#4c9dc1;color:#fff;}

.choice-list{width: 80%; height:158px;overflow:hidden; margin:10px auto 20px;}
.choice-list li{height:36px;line-height:36px;overflow:hidden; width: 100%; border-bottom: 1px dashed #c0736c}
.choice-list li a{display:block;width:100%;background: url("images/server-icon.png") center left no-repeat; text-indent: 20px;color:#fff}
.choice-list li span{float:right;width:76px;}
.choice-list li a:hover,.choice-list li a:hover span{color:#ffec55}

.all-server{width: 202px; height: 30px; display:block;margin:0 auto;background:url("images/more-server.png") no-repeat; text-indent: -9999em}
.all-server:hover{background:url("images/more-server-h.png") no-repeat;}

/* news */
#news{float: left;overflow:hidden;}
.news-con{height:318px;width:572px;padding:0 22px; background: #442822;}
.more{float:right;display:block;width:25px;height:25px; margin-top: 16px;background: url("images/news-more.png") no-repeat;text-indent:-9999em; z-index: 1;}
.more:hover{background: url("images/news-more-h.png") no-repeat}

.news-tab{line-height:52px;height:52px;overflow: hidden; border-bottom: 1px solid #664837;}
.news-tab li{display:inline;float:left;width: 100px;position:relative;overflow: hidden;font-size: 16px;text-align: center;}
.news-tab li b{display: block; position: absolute; bottom: 0px; left: 0;width: 0px; height:2px;background-color:#f06000;z-index: 2;transition:.5s;}
.news-tab li a{}
.news-tab li a:hover,.news-tab li.current a{color:#f88f16;font-weight:700;}
.news-tab li:hover b, .news-tab li.current b{width: 100%}
.headline{overflow:hidden;height:58px;line-height: 60px;margin:0;padding:0;text-align:center;font-size:18px;font-weight:700;white-space:nowrap;text-overflow:ellipsis;background-color:#52332d;margin-top: 10px;}
.headline-title{color:#f88f16;}
.headline-title i{display:inline-block;*display:inline;*zoom:1;background:url("images/new.png") no-repeat; width: 13px;height: 17px; margin-top: -10px; }
.news-list {padding-top: 10px;height: 180px;overflow:hidden;}
.news-list li{line-height: 30px;overflow:hidden;width:100%;height:30px;margin:0 auto;white-space:nowrap;text-overflow:ellipsis;}
.news-list li:last-child{border:0}
.news-list a{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 }
.a-link:hover{padding-left:5px}
.time{float:right;color: #6b524d;}

/*huodong2*/
.huodong2{width:292px;overflow:hidden; margin-top: 79px;}
.huodong2-i{position:relative;width:146px;height:159px;display:block;font-size:22px;float:left;text-align:center;overflow:hidden;background:url("images/fast.jpg") no-repeat; color: #fff; line-height: 248px;}
.huodong2-0{background-position: 0 0}
.huodong2-1{background-position: -146px 0}
.huodong2-2{background-position: 0 -159px}
.huodong2-3{background-position: -147px -159px}

.huodong2-i:hover{background:url("images/fast-h.jpg"); color: #fff;}
.huodong2-0:hover{background-position: 0 0}
.huodong2-1:hover{background-position: -146px 0}
.huodong2-2:hover{background-position: 0 -159px}
.huodong2-3:hover{background-position:-147px -159px}

.huodong2-i:hover{color:#ffec55}
.huodong2-0 .jian{position:absolute;display:block;width:27px;height:27px;background:url("images/jian.png") no-repeat;top: 0;left: 0}

/*role*/
.main-2{position: relative; }
.main-2-wrap{width: 1200px; position: relative; margin: 0 auto}
.role{position: absolute; width:908px; overflow: hidden}
.role-wrap{position: relative;width:100%;height:433px;overflow:hidden;}
.role-nav{z-index: 2;left:30px; margin-top:5px;line-height: 54px; position: relative}
.role-nav li{font-size:18px; display:inline; float:left; width:104px; text-align:center; height:54px; position:relative; background: url("images/role-icon.png") left center no-repeat;margin-right: 8px}
.role-nav li:hover, .role-nav li.cur{background: url("images/role-icon-h.png") left center no-repeat}
.role-nav li.cur a, .role-nav li:hover a{font-weight:700; color: #f88f16;}
.line2{display:block;position:absolute;top:50%; right: 0px;z-index:3;width:30px;height:2px;background-color:#cdafad;_display:none;;}
.role-detail{position: relative;}
.role-detail .r-desc{position:absolute; top:30px; left:-350px; width:365px; height:320px; line-height:24px; font-size: 14px;z-index: 1}
.role-detail .r-desc-p {padding: 5px 0; text-align:justify; width: 100%; overflow: hidden;}
.role-detail .r-desc-p li {float: left; width: 64px; height: 64px; margin-right: 27px;}
.role-detail .r-desc-p b {font-weight: 700;}
.role-detail .r-desc-b {float: left;}
.role-detail .r-desc-star {display: inline-block; float:left; background: url("images/star-0.png") no-repeat; width: 23px; height: 23px;}
.role-detail .r-desc-star-no {background: url("images/star-1.png") no-repeat}
.curElem .r-desc{left:30px;}
.r-desc em{color:#dddbdb;font-weight:700;}
.r-desc .r-desc-title{margin-bottom: 10px}
.r-details{width:310px;padding-bottom:10px;}
.r-details em{font-size:40px;margin-right:17px}
.role-detail .r-per{position:absolute;bottom:-375px;_bottom:0;right:-672px;width:474px;height:520px;}
.role-detail .r-per img{position:absolute;bottom:0;right:0}
.curElem .r-per{right:0px;}
.curElem{z-index: 1;}

/*ziliao*/
.ziliao{ float: right;width:292px; position: relative}
.ziliao .h3-title{line-height: 100px;}
.ziliao-con{height: 452px; position:relative; background: url("images/ziliao-bg.jpg"); margin-top: -10px;padding: 0 20px;}
.zl-tab{height: 96px;position: relative; overflow: hidden;}
.zl-tab li{float: left; margin: 47px 20px 0 0 }
.zl-tab #zl-li3{margin-right: 0px}
.zl-tab a{display:block;  overflow: hidden; width:69px; height:36px; line-height: 36px; text-align:center; font-size: 18px;background: url("images/ziliao-tab.png") no-repeat;}
.zl-tab a:hover,.zl-on a{ height: 45px; background: url("images/ziliao-tab-h.png") no-repeat; color: #f88f16}
.zl-con {height:300px;overflow:hidden;}
.zl-con li{}
.zl-con a{display:inline-block;width:72px;height:28px;line-height:28px;padding-left:7px;}
.zl-more { position: absolute; top:-20px; right: 20px;display: block; background: url("images/ziliao-more.png") no-repeat; width: 40px; height: 40px;z-index: 1}
.zl-more:hover{background: url("images/ziliao-more-h.png") no-repeat}
a.check-more{background: url("images/check-more.png"); display: block;width: 89px; height: 27px;margin: 20px 0 0 151px}
a.check-more:hover{background: url("images/check-more-h.png")}

/*jietu*/
.jietu{position: relative}
.jietu_wrap{height:145px;overflow:hidden;}
.jietu .jietu_pic{width:auto; overflow:hidden;}
.jietu .jietu_pic li { float: left; margin-right:34px;}

/* service */
.main-4{height: 148px; background: #442822; margin-top: 56px;overflow: hidden}
.h4-title{height: 54px; line-height: 54px; color:#f88f16; font-size: 24px;}
.service{line-height:34px;width:273px; padding: 0 10px; height: 100%; overflow: hidden; background: url("images/line.png") right 25px no-repeat; float: left; overflow: hidden}
.service-con li{height: 24px; line-height: 24px; font-size: 12px;}
.service-con .service-3{width:136px;}
.service-btn{width:68px;height:20px;line-height:20px;display:inline-block;background: #f88f16;color:#fff;text-align:center;transition:.2s;}
.service-btn:hover{background:#ee6000; color: #fff;}

/* qrCode */
.main-4 .qrCode{position:relative;float: left; overflow: hidden;width: 323px;height:100%;font-weight:700;line-height:24px;background:url("images/line.png") right 25px no-repeat;  font-size: 14px;}
.main-4 .qrcode-img{ background: url("images/qrcode.png"); width: 129px; height: 131px;margin: 8px 0 0 28px; position: relative;}
.main-4 .qrcode-img img{ position: absolute; top: 20px; left: 16px; width: 93px; height: 93px; }
.main-4 .qr{position: absolute; left: 176px; top: 36px;}
.main-4 .qr em{color:#f88f16;}

/*media*/
.media{width: 304px; padding-left: 10px; height: 100%; overflow: hidden; float: left;background: url("images/line.png") right 25px no-repeat; }
.media .con{height:95px;}
.media .media-con{overflow:hidden; padding-left: 12px; width: 221px; position: relative}
.media-scroll{overflow:hidden; width:150px; height:50px; margin: 22px auto;}
.media-scroll li{width:150px;height:50px; margin-right: 12px}
.media-scroll img{width:150px;height:50px}

/*links*/
.links{float:left;width:241px; padding-left: 15px;height: 90px;line-height:30px; }
.links-con{overflow:hidden; height: 90px;}
.links a{white-space:nowrap;display:inline-block;}

/* article list */
.c-bg {background:#301c18; padding-bottom: 100px;}
.c-side{position: relative; width: 288px; float: left;z-index: 3;}
.c-side .side-0{padding-top: 1px;}
.c-service .service-con{ background: url("images/qr-bg.jpg") -4px; height: 320px; padding: 28px 16px 0; position: relative;color:#fff; font-size: 14px;}
.c-service .service-con li { height: 24px; line-height: 24px; color:#fff}
.c-service .qrCode {position: absolute; bottom: 10px; left: 73px;}
.c-service .qrImg{
    position: absolute;
    left: 24px;
    top: -117px;
    width: 93px;
    height: 93px;
}
.c-main{width:890px;float:right;}
.article strong{font-weight:700}
.article-top{position:relative;height: 130px;background:url("images/title.jpg");}
.article-top span {font-size:30px;display:block;text-indent: 25px; height: 100px; line-height: 127px;color:#fff;}
.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-main{min-height:975px;padding:42px 30px;_height:975px;background:#442822;}
/* article content*/
.article-title{text-align:center;font-size:12px;}
.article-title h1{font-size:24px;color:#f88f16;font-weight:400;}
.article-detail{border-bottom:1px dashed #69504c;text-align:center;color:#69504c;padding:4px 0 20px 0;}
.article-content{padding:18px 0;}
.article-relation{overflow:hidden;line-height:30px;}
.article-relation dt{border-bottom:1px solid #69504c;margin:0 0 12px 0;}
.article-relation dd{display:inline;float:left;overflow:hidden;width:47%;height:30px;margin:0 0px 0 2%;font-size:12px;}
.article-relation dd span{float:right}
/**article list**/
.article-list{margin:0 auto;}
.article-list li{height:35px;line-height:35px;border-bottom:1px dashed #bbbdc2;overflow:hidden;}
.article-list a{display:inline-block;vertical-align:top;width:580px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.article-list a:hover{color:#f08200;}
.article-list .time{color: #b4ada1;}
.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:#2ea9ea;color:#ffffff;border-color:#2ea9ea;}
.card-content a{color:#FFF;}
.sq-dialog-content{text-align:center;}

/* s-header */
.s-body{background:url("images/bg.jpg") top center no-repeat;font-size:14px; color:#c0b5ab}
.s-body a{color:#c0b5ab;}
.s-wrap{background:url("images/s-main.jpg") top center no-repeat;width:1000px;height:1100px;margin:0 auto;}
.s-header{position:relative;height:260px;}
.s-logo{left:40px;top:18px;}
.s-nav{padding:22px 0 0 318px;width:707px;height:52px;}
.s-nav a{float:left;width:151px;margin-right:17px;height:100%;text-indent:-9999em;}
.s-nav a:hover{background:url("images/btns.png") no-repeat;}
#s-nav1:hover{background-position: 1px 0px}
#s-nav2:hover{background-position:-167px 0px}
#s-nav3:hover{background-position:-335px 0px}
#s-nav4:hover{background-position:-503px 0px}

/* s-loginframe */
.s-loginframe{position: relative;margin: 101px 0 0 311px;width:668px;height:87px;}
.s-loginframe .log li {position: absolute}
.s-loginframe .s-loged li {float: left}
.s-text{width:208px;height:28px;background:#fff url(about:blank) 5px 50% no-repeat; border:1px solid #7e7e7e; border-radius: 5px;line-height:30px;color:#00283b; text-indent: 20px; padding: 0 5px;}
.s-body .log{font-size: 12px;}
.s-body a {font-size: 12px;}
.s-user{top:16px;left:12px;}
.s-user .s-text {background-image: url("images/i-1.png")}
.s-psw{top:16px;left:245px;}
.s-psw .s-text {background-image: url("images/i-2.png")}
.s-log-btn{top:16px;left:485px;}
.s-log-btn a{display:block;width: 172px; height: 55px;line-height: 64px;background:url("images/s-log.jpg") no-repeat;text-indent:-9999em;}
.s-log-btn a:hover{background-image:url("images/s-log-h.jpg");}
.s-remember{top:59px;left:13px;}
.s-remember label{color:#c0b5ab}
.s-psw-btn{top:54px;left:97px;}
.s-reg-btn{top:54px;left:152px;}
/* s-loged */
.s-body .s-loged{width:616px;padding: 5px 0 0 22px; font-size:12px;}
.s-body .s-loged li{line-height:24px;float:left;width:274px;}
.s-body .s-loged a{color:#f08200;}
.s-body .s-loged a:hover{color:#ffec55;}
.s-body .s-loged .loged-highlight:hover{color:#ffec55;}

.s-content{position:relative;margin:104px 0 0 326px;width:666px;}
/* s-recommend-server */
.s-name{font-size:18px;margin-bottom:10px;}
.s-server-list{}
.s-server-list li{float:left;margin:0 14px 13px 0;text-align:center;}
.s-server-list li a{display:block;width:204px;height:42px;line-height:42px;color:#fff;overflow:hidden;font-weight:700;background:url("images/btn2.jpg") no-repeat;}
.s-server-list li a:hover {background: url("images/btn2-h.jpg?__sprite");}
.s-server-list li span{color:#fff}
#history li a{background-image:url("images/btn-1.jpg");}
#history li a:hover{background-image:url("images/btn-1-h.jpg");}

/* s-type-choose */
.s-body .type-choose{height:32px;position:relative;font-size:14px;margin-bottom:14px;}
.s-body .select-dom{width:101px; background: #b9b6b6;height:27px;color:#262626;*margin-right:4px;}
#selFastType{margin-right:10px;}
.s-body .select-con{color:#264169;height:27px;line-height:27px;width:101px;}
.s-body .select-btn{top:11px;right:8px; border-left:5px solid  #b9b6b6; border-right:5px solid  #b9b6b6;}
.s-body .sup-tab-btn:hover {background:#25a7b5;color:#fff;}
.s-body .s-fastin{height:27px;line-height:27px;background: #b9b6b6;}
.s-body #select-dom-xz{width:80px}
.s-body #select-dom-xz .select-con{width:75px;}
.s-body .option-bg{display:none;z-index:2;top:29px;left:0;*top:30px;}
.s-body .option-dom{}
.s-body .type-option-dom{width:99px;font-size:12px;border: 0;}
.s-body .type-option-dom li{width:97px;padding:2px;line-height:22px;height:22px;}
.s-body .type-option-dom li:hover{background:#b9b6b6;color:#fff;}
#all-xz-server{overflow-y:auto;overflow-x:hidden;height: 488px;width:672px;}
.s-body #btnFast{width:71px;height:27px;line-height:27px;transition:.5s;color: #fff; background: #f88f16; border-radius: 5px}
.s-body #btnFast:hover{_background-position:0 0;background:#d27000; }

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

/*three*/
.sq-third-link{display: inline-block;*display: inline;}
.three-icon{background: url(http://img1.37wanimg.com/common/css/images/three.png) no-repeat;width: 28px;height: 28px;display: inline-block;text-indent: -9999em;vertical-align: middle;margin: 0 5px;}
.three-wx{background-position:  -39px 0;}
.three-wb{background-position:  -78px 0;}
.s-body .three-icon{margin:0 4px;}
.three-wrap{ top:50px; left: 219px;}

.s-three{top: 54px; left: 245px}

body {
    min-width: 1200px;
    overflow: auto;
}

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

.r-cover {
    position: fixed!important;
    _position: absolute!important;
}