/** Created by fxy on 16/4/5. */
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{padding:0;margin:0;outline:0;}
h1,h2,h3,h4,h5{font-size:100%;}
ul, li{list-style:none;}
a{text-decoration:none;cursor:pointer;}
a:hover{text-decoration:none;}
a,button{cursor:pointer;}
table{border-collapse:collapse;border-spacing:0;}
input,select,img{vertical-align:middle;}
.fl{float:left;_display:inline;}
.fr{float:right;_display:inline;}
.hide{display:none;}
.clear{clear:both;}
.cls{*zoom:1}
.cls:after{display:block;visibility:hidden;clear:both;overflow:hidden;height:0;content:'.'}
.cls{clear:both}
body {
    min-width: 1200px; 
    overflow: auto;
}

/********** index *************/
.but{display:inline-block;*display:inline;*zoom:1;}
.left-box{padding:0 15px;}
.left-box .c-box{height:55px;line-height:55px;border-bottom:1px solid #49392b;}
.left-box .c-box .c-tt{color:#efd17c;font-size:18px;font-weight:bold;float:left;}
.left-box .c-list{padding:15px 0;}
.left-box .c-list .c-list-items{lihero-decne-height:30px;height: 30px;}
.left-box .c-list .c-list-items a { display: inline-block; width: 75%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap}
.left-box .c-list .c-list-items .news-time{float:right;color:#777161;}
.left-box .c-list .c-list-items:hover a{color:#ff8a00;}
.more{font-size:40px;}
.index-body{width:100%;height:1910px;font-size:14px;font-family:"Microsoft Yahei",Arial,Helvetica,sans-serif;background:url("images/bg.jpg") center bottom no-repeat;color:#c9c7bc;position:relative; padding-bottom: 40px; overflow-x: hidden}
a{color:#cac7bd}
a:hover{color:#efd17c}
.sprite{background-image:url("images/sprite.png");background-repeat:no-repeat;}

/* top kv box */
.header{position: relative; width: 1200px; height: 670px; margin: 0 auto;}
.top-kv-box{width:2000px;height:510px;position:absolute;top:0; left: 50%; margin-left: -1000px; overflow-x:hidden;}
.top-kv-list{width:2000px;height:510px;position:relative;left:50%;margin-left:-1000px;}
.top-kv-list li{width:100%;height:100%;position:absolute;top:0;}
.top-kv-list img{width:100%;height:510px;display:block;}

/* nav */
.nav{width:100%;position:absolute;top:0;left: 0}
.nav .game-tip{position:absolute;left:50%;margin-left:-600px;top:640px;}
.nav .banner-link{width:100%;height:430px;display:block;position:absolute;z-index:5;}
.nav-box-bg{width:2000px;height:97px;position:absolute;top:509px; left: 50%; margin-left: -1000px; background:url("images/nav-bg.png") center top no-repeat;}
.nav-box{position:absolute;left:0;width:1200px;height:97px;top:509px;}
.nav-box li{width:212px;height:97px; margin-top:23px;text-align: center; overflow:hidden; float: left}
.nav-box .first-nav-item {width: 190px}
.nav-box .last-nav-item {width: 160px}
.nav-box .last-nav-item a{margin-right: 0}
.nav-box a {display: block; width: 137px; height: 42px; line-height: 42px;color:#e8dfc1; font-size: 24px;margin: 0 auto}
.nav-box a:hover{background: #c8b87c; border-radius: 20px;color:#3d3024;}
.logo{width:287px;height:227px;display:block;position:absolute;top:0;right:0;background:url("images/logo.png") no-repeat;z-index:7;text-indent: -9999em}

/******************************* server list **************************************/
.recom-server {
    height: 350px;
    width: 100%
}

.recom-server-text {
    background-position: -5px -2px
}

.recom-server-con {
    height: 265px;
}

.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 {
    height: 38px;
    line-height: 40px;
    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: 0;
    cursor: pointer;
    _font-size: 0;
    overflow: hidden;
    right: 6px;
    top: 8px
}

.option-bg {
    position: absolute;
    display: none;
    left: 0;
    top: 29px;
    z-index: 2
}

.option-bg-type {
    left: 1px;
    top: 30px;
    *top: 20px
}

.type-option-dom {
    width: 103px;
    background: #FFF;
    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 {
    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;
    margin-right: 5px;
}

#btnFast {
    width: 40px;
    height: 16px;
    line-height: 16px;
    display: inline-block;
    background-color: #8d693c;
    text-align: center;
    color: #fff;
    border: 1px solid #b1763a;
}

.option-dom {
    background: #FFF;
    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
}

.choice-list {
    height: 135px;
    overflow: hidden;
    margin: 10px auto 15px;
    border-top: 1px solid #49392b
}

.choice-list li {
    background: url("images/server-list-bg.png") 0px 21px no-repeat;
    height: 45px;
    line-height: 45px;
    overflow: hidden;
    width: 100%
}

.choice-list li a {
    display: block;
    width: 80%;
    margin: auto;
    background: url("images/server-list-item.png") center left no-repeat;
    text-indent: 20px
}

.choice-list li span {
    float: right;
    width: 76px
}

.choice-list li a:hover,.choice-list li a:hover span {
    color: #EFD181
}
.but-server-more{width:260px;height:30px;display:block;margin:0 auto;color:#efd17c;line-height:30px;text-align:center;background-position:-764px -543px;}
.but-server-more:hover{background-position:-764px -492px;}

/* index-main */
.index-main{position:relative; margin: 0 auto;width:1200px;overflow: hidden}
.index-main .line-box{width:100%;margin-bottom:15px;}
.index-main .box-bg{background:#3e3125}
.index-main .cont-1{height:295px;}
.line-box-l{width:330px;float:left;}
.game-start{width:100%;height:124px;background:url("images/start-game.png") no-repeat;}
.game-start:hover{background:url("images/start-game-h.png") no-repeat;}
.index-login-box{padding: 14px 15px;height:115px;position:relative;}
.index-login-box .index-log-box{width:100%;height:80px;position:relative;}
.index-login-box .index-log-box input{display: block;width:180px;height:28px; line-height: 28px;text-indent:32px;background-color:#ffffff;border:none;}
.index-login-box .but-login{display: block;width:90px;height:70px;background:url("images/but-login-bg.jpg") no-repeat;text-indent:-102px;overflow:hidden;}
.index-login-box .but-login:hover{background:url("images/but-login-bg-hov.jpg") no-repeat;}
.index-login-box em{height:17px;display:block;position:absolute;left:5px;}
.index-login-box .user-name-tip{width:17px;background:url("images/log-icon.png");top:10px;}
.index-login-box .password-tip{width:13px;background:url("images/psw-icon.png");top:50px;}
.index-login-tip{line-height: 34px;}
.index-login-tip label{margin:0 50px 0 5px;}
.index-login-tip .forget{text-decoration:underline;}
.index-login-tip .but-reg{margin-left:50px;*margin-left: 38px;color:#efd17c;}
.line-box-r{width:855px;float:right;}
.line-box-r .r-box-l{width:690px;height:100%; }
.cont-3 .r-box-l{background: #443527 url("images/role-bg.jpg") top right no-repeat}
.line-box-r .r-box-l .news-box{width:405px;height:90%;padding:15px;}
.line-box-r .r-box-l .role-box{width:245px;height:100%;}
.line-box-r .r-box-r{width:150px;height:100%;}
.news-box-tt{width:100%;height:40px;line-height:40px; border-bottom: 1px solid #453a30}
.news-box-tt .news-tt-items{width:20%;height:100%;text-align:center;float:left;position:relative;}
.news-box-tt .news-tt-items:hover i{width:100%;}
.news-box-tt .on a{color:#efd17c}
.news-box-tt li.on i{width:100%;}
.news-box-tt .line-scroll b{width:100%;height:2px;display:block;position:absolute;bottom:-2px;}
.news-box-tt i{width:0%;height:2px;display:block;background-color:#a57d41;margin:0 auto;transition:all .5s;}
.news-tt{font-size:18px;}
.news-box-cont{height:230px;overflow:hidden;}
.news-box-cont .hot{line-height:50px;text-align:center;margin-bottom:5px;border-bottom:1px dashed #4c1f26;}
.news-box-cont .hot .news{font-size:18px;color:#efd17c;}
.news-cont-box-items .news-cont-items{height:35px;line-height:35px;margin:0 10px;}
.news-cont-box-items .news-cont-items .news-class{vertical-align: top}
.news-cont-box-items .hot{line-height:50px;text-align:center;margin-bottom:5px;border-bottom:1px dashed #4c1f26;}
.news-cont-box-items .hot .news{font-size:18px;color:#efd17c;}
.news-cont-box-items .news{margin-left:5px; display: inline-block; width: 78%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap}
.news-cont-box-items .news-time{float:right;color:#777161;}
.role-show-box{margin:30px 0 0 30px;width:178px;height:240px;overflow:hidden;}
.role-list{width:10000px;}
.role-list .role-items{width:178px;height:240px;float:left;position:relative;}
.role-list .role-items img{width:181px;}
.role-list .role-items .role-dec{position:absolute;width:181px;height:100%;top:-100%;transition:all 0.5s;}
.role-list .role-items .role-dec-bg{width:100%;height:100%;position:absolute;top:0;background-color:#000;opacity:0.7;}
.role-list .role-items .role-dec-cont{padding:18px;color:#FFFFFF;position:absolute;line-height:24px;}
.role-list .role-items .role-dec-cont span {color: #efd17c}
.role-items:hover .role-dec{top:0;}
.role-box{position:relative;}
.role-box .but-prev,.role-box .but-next{width:25px;height:35px;position:absolute;display:block;top:140px;}
.role-box .but-prev{left:0;background-position:-775px -365px;}
.role-box .but-next{right:4px;background-position:-989px -365px;}
.role-box .but-prev:hover{left:0;background-position:-775px -430px;}
.role-box .but-next:hover{right:4px;background-position:-989px -430px;}
.more2{width:40px;height:40px;display:block;position:absolute;top:0;right:0;background: url("images/more2.png") no-repeat}
.more2:hover{background: url("images/more2-h.png") no-repeat}
.c-list li{transition:all .3s;}
.c-list li:hover{margin-left:2px;}
.c-list li:hover a{color:#efd17c;}

/* info */
.down-box{width:150px;height:101px;display:block;background:url("images/down-bg.jpg") no-repeat;}
.down-box:hover{background:url("images/down-bg-hov.jpg") no-repeat;}
.box-info{width:150px;height:199px;overflow:hidden;}
.info-list li{line-height:45px;border-bottom:1px solid #49392b;margin:0 25px;}
.info-list li a{width:65px;height:45px;display:block;padding-left:35px;}
.info-list .faq{background-position:-1057px -182px;}
.info-list .task{background-position:-1057px -227px;}
.info-list .vip{background-position:-1057px -273px;}
.info-list .hold{background-position:-1057px -321px;}
.info-list .faq:hover{color:#efd17c;background-position:-1057px -399px;}
.info-list .task:hover{color:#efd17c;background-position:-1057px -444px;}
.info-list .vip:hover{color:#efd17c;background-position:-1057px -490px;}
.info-list .hold:hover{color:#efd17c;background-position:-1057px -538px;}

/* cont-2 */
.cont-2{height:284px;}
.server-list{padding:0 15px;}
.quick-enter-box{float:right;font-size:12px;padding-top:20px;line-height:14px;}
.help-box .help-item{width:74px;height:70px;float:left;}
.help-box .help-item a{width:100%;height:100%;display:block;text-align:center;font-size:12px;overflow:hidden;}
.help-box .help-item a i{width:100%;height:45px;display:block;transition:transform 0.3s;}
.help-box .help-item a span{width:100%;height:25px;display:block;line-height:25px;transition:transform 0.5s;}
.help-box .help-item .help-item-1{background-position:-822px -620px;}
.help-box .help-item .help-item-2{background-position:-896px -620px;}
.help-box .help-item .help-item-3{background-position:-818px -690px;}
.help-box .help-item .help-item-4{background-position:-896px -690px;}
.help-box .help-item .help-item-5{background-position:-818px -762px;}
.help-box .help-item .help-item-6{background-position:-896px -762px;}
.help-box .help-item .help-item-7{background-position:-818px -832px;}
.help-box .help-item .help-item-8{background-position:-896px -832px;}
.help-box .help-item .help-item-1:hover{color:#efd17c;background-position:-1039px -615px;}
.help-box .help-item .help-item-2:hover{color:#efd17c;background-position:-1113px -615px;}
.help-box .help-item .help-item-3:hover{color:#efd17c;background-position:-1035px -685px;}
.help-box .help-item .help-item-4:hover{color:#efd17c;background-position:-1113px -685px;}
.help-box .help-item .help-item-5:hover{color:#efd17c;background-position:-1035px -757px;}
.help-box .help-item .help-item-6:hover{color:#efd17c;background-position:-1113px -757px;}
.help-box .help-item .help-item-7:hover{color:#efd17c;background-position:-1035px -827px;}
.help-box .help-item .help-item-8:hover{color:#efd17c;background-position:-1113px -827px;}
.help-box .bd{border-bottom:1px solid #49392b;}
.help-box .br{border-right:1px solid #49392b;}
.s-b:hover i{transform:translateY(-45px);}
.s-b:hover span{transform:translateY(-25px);}

/* cont-3 */
.cont-3{height:270px;}
.hero-box{width:100%;height:100%;overflow:hidden;position:relative;}
.hero-box .hero-name-list{height:34px;position:absolute;top:20px;padding:0 25px;z-index:2;}
.hero-box .hero-name-list .hero-name-items{width:86px;height:34px;display:block;float:left;font-size:18px;font-weight:bold;line-height:34px;text-align:center;}
.hero-box .hero-name-list .hero-name-items:hover,.hero-box .hero-name-list .on{background:url("images/item-hov.png") no-repeat;color:#efd17c;}
.hero-cont-box{width:100%;height:100%;position:absolute;z-index:1;}
.hero-cont-box .hero-cont-items{width:100%;height:100%;overflow:hidden;}
.hero-cont-box .hero-dec{width:400px;position:absolute;top:80px;left:25px;line-height:23px;transform:translateX(-1000px);transition:all .5s;}
.hero-cont-box .hero-dec em {font-size: 18px; font-style: normal }
.hero-cont-box .hero-pic{position:absolute;top:0;right:0;transform:translateX(1000px);transition:all .5s;}
.hero-cont-box .on .hero-pic,.hero-cont-box .on .hero-dec{transform:translateX(0);}
.but-more-job{position:absolute;width:110px;height:30px;font-size:18px;border:1px solid #cac8bd;z-index:3;top:220px;left:25px;text-align:center;line-height:30px;}
.but-more-job:hover{color:#efd17c;border-color:#efd17c;}
.guide-box-tt{color:#efd17c;font-size:18px;font-weight:bold;line-height:56px;padding:0 15px;}
.guide-box .guide-item{width:74px;height:70px;float:left;}
.guide-box .guide-item a{width:100%;height:100%;display:block;text-align:center;font-size:12px;overflow:hidden;}
.guide-box .guide-item a i{width:100%;height:45px;display:block;transition:transform 0.3s;}
.guide-box .guide-item a span{width:100%;height:25px;display:block;line-height:25px;transition:transform 0.5s;}
.guide-box .guide-item .guide-item-1{background-position:-821px -968px;}
.guide-box .guide-item .guide-item-2{background-position:-896px -968px;}
.guide-box .guide-item .guide-item-3{background-position:-818px -1040px;}
.guide-box .guide-item .guide-item-4{background-position:-896px -1040px;}
.guide-box .guide-item .guide-item-5{background-position:-818px -1105px;}
.guide-box .guide-item .guide-item-6{background-position:-896px -1105px;}
.guide-box .guide-item .guide-item-1:hover{color:#efd17c;background-position:-1036px -968px;}
.guide-box .guide-item .guide-item-2:hover{color:#efd17c;background-position:-1111px -968px;}
.guide-box .guide-item .guide-item-3:hover{color:#efd17c;background-position:-1033px -1040px;}
.guide-box .guide-item .guide-item-4:hover{color:#efd17c;background-position:-1111px -1040px;}
.guide-box .guide-item .guide-item-5:hover{color:#efd17c;background-position:-1033px -1105px;}
.guide-box .guide-item .guide-item-6:hover{color:#efd17c;background-position:-1111px -1105px;}
.guide-box .bd{border-bottom:1px solid #49392b;}
.guide-box .br{border-right:1px solid #49392b;}
.guide-box .bt{border-top:1px solid #49392b;}

/* cont-4 */
.cont-4{height:145px;}
.cont-4 .boxs{width:255px;height:124px;padding:10px;background-color:#3d3024;float:left;overflow:hidden;}
.cont-4 .boxs .but{width:100%;height:100%;display:block;overflow:hidden;}
.cont-4 .boxs .but-vedio-link{background:url("images/game-pic-bg.jpg") -10px -10px no-repeat;}
.cont-4 .boxs .but-vedio-link:hover{background:url("images/game-pic-bg-h.jpg") -10px -10px no-repeat;}
.cont-4 .boxs .but-pic-link{background:url("images/but-game-pic-bg.jpg") no-repeat;}
.cont-4 .boxs .but-pic-link:hover{background:url("images/but-game-pic-bg-hov.jpg") -10px -10px no-repeat;}
.cont-4 .mt15{margin:0 15px;}
.cont-4 .vchat-tip{ width: 100px; height: 80px; margin: 22px; padding-left: 95px; background: url("images/vchat.png") left center no-repeat; line-height: 25px; }
.qr{margin: 22px;line-height: 25px;}
.qr .qr-code{display:block;width: 76px;height: 76px; float: left}
.qr-des{float:left;text-align:left;margin-left: 15px;}
.qr-des em{color:#efd17c;font-style: normal;}
.cont-4 .col1{color:#efd17c;}
.left-box .d-tt{height:75px;line-height:75px;padding-left:65px;background:url("images/tip-1.png") 15px center no-repeat;border-bottom:1px solid #49392b;font-size:18px;}
.left-box .d-cont{margin:22px 0;}
.left-box .d-cont .but-query{height:22px;width:74px;background-color:#90683d;text-align:center;line-height:22px;color:#fff;margin:0 10px;}
.left-box .d-cont .but-query:hover{background-color:#c38e52;}

/* cont-5 */
.cont-5{height:65px;}
.media-scroll{overflow:hidden;width:260px;height:50px;margin:0 auto;padding-top:8px;}
.media-list{width:1000px;}
.media-list li{width:152px;height:50px;float:left;}
.media-list img{width:150px;height:50px;}
.f-link-box{padding:20px;overflow:hidden;width:790px;height:25px;margin:0 auto;}
.f-link{overflow:hidden;line-height:25px;}
.f-link li{padding:0 5px;float:left;}

/** css3 **/
.hero-animation{animation:hero 1s linear backwards;-webkit-animation:hero 1s linear backwards;-moz-animation:hero 1s linear backwards;-ms-animation:hero 1s linear backwards;-o-animation:hero 1s linear backwards;}
@keyframes hero{
    0%{transform:translateX(-2000px);}
    100%{transform:translateX(0);}
}
@keyframes hero{
    0%{transform:translateX(-2000px);}
    100%{transform:translateX(0);}
}
@-webkit-keyframes hero{
    0%{-webkit-transform:translateX(-2000px);}
    100%{-webkit-transform:translateX(0);}
}
@-moz-keyframes hero{
    0%{-moz-transform:translateX(-2000px);}
    100%{-moz-transform:translateX(0);}
}
@-ms-keyframes hero{
    0%{-ms-transform:translateX(-2000px);}
    100%{-ms-transform:translateX(0);}
}
@-o-keyframes hero{
    0%{-o-transform:translateX(-2000px);}
    100%{-o-transform:translateX(0);}
}
.logo-animation{animation:nav-menu 0.5s cubic-bezier(1,0.36,1,1) 2s backwards;-webkit-animation:nav-menu 0.5s cubic-bezier(1,0.36,1,1) 2s backwards;}
.nav-animation{animation:nav-menu 1s cubic-bezier(1,0.36,1,1) 1s backwards;-webkit-animation:nav-menu 1s cubic-bezier(1,0.36,1,1) 1s backwards;}
@keyframes nav-menu{
    0%{transform:scale(10);opacity:0;}
    100%{transform:scale(1);opacity:1;}
}
@-webkit-keyframes nav-menu{
    0%{-webkit-transform:scale(10);opacity:0;}
    100%{-webkit-transform:scale(1);opacity:1;}
}
@-webkit-keyframes shake{
    0%,100%{-webkit-transform:translate3d(0,0,0);}
    10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);}
    20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);}
}
@keyframes shake{
    0%,100%{transform:translate3d(0,0,0);}
    30%,50%,70%{transform:translate3d(-10px,0,0);}
    40%,60%{transform:translate3d(10px,0,0);}
}
.wrapper{-webkit-animation-name:shake;animation-name:shake;-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-delay:2.6s;animation-delay:2.6s;}

/** content-box **/
.c-body{height: auto;min-height: 1910px;background:#130B09 url(images/c-bg.jpg) no-repeat;}
.c-main{position: absolute;
    left: 50%;
    margin-left: -600px;
    width: 1200px;
    height: 1200px;
    top: 595px;}
.content-box{width:100%;}
.content-box .tt{width:100%;height:70px;background-color:#57422c;}
.content-box .tt h2{color:#efd17c;font-size:18px;font-weight:bold;line-height:80px;float:left;padding-left:25px;}
.content-box .tt .tt-tip{line-height:85px;float:right;padding-right:25px;}
.cont-main{padding:25px;}
.cont-main .cont-tt{font-size:30px;line-height:70px;color:#efd17c;text-align:center;font-weight:100;}
.cont-main .cont-msg{color:#777161;text-align:right;line-height:40px; border-bottom: 1px #4c1f26 dashed}
.cont-main .cont-msg .cont-time{margin-left:15px;}
.cont-main .cont-cont{padding:30px 10px;line-height:30px;width:805px;}

/** page **/
.article-list{padding:30px;}
.article-list li{line-height:30px;overflow:hidden;height:30px;border-bottom:1px dashed #6f6f6f;}
.article-list li .time{float:right;}
.article-list li a{color:#c9bcbf;}
.article-list li:hover{color:#efd17c;}
.article-list li:hover a{color:#efd17c;padding:1px 0 0 1px;}
.article-relation{padding-top:10px;border-top:1px solid #777777;}
.article-relation dt{font-size:18px;}
.article-relation dd{width:50%;float:left;}
.article-relation dd span{float:right;margin-right:30px;color:#878787;}
.pageNum{height:50px;margin:20px auto 0;padding-top:20px;text-align:center}
.pageNum span{display:inline}
.pageNum a{font-size:12px;margin:3px;padding:2px 7px;color:#fff;background:#333333;}

/* index loged */
.index-body .loged{line-height: 26px;padding:5px 30px;position:relative;}
.index-body .loged .loged-highlight,.index-body .loged a {color:#efd17c;}
.index-body .loged .a:hover{text-decoration:underline;}
.loged-usercenter{text-align:right;}
.loged-usercenter a{color:#efd17c;}

/* KV */
.kv-box{position:relative;overflow:hidden;}
.kv-box .kv-num{width:98%;height:20px;position:absolute;bottom:5px;text-align:right;}
.kv-box .kv-num li{width:14px;height:14px;display:inline-block;*display:inline;*zoom:1;background-color:#ff8a00;border-radius:10px;margin:3px;cursor:pointer;}
.kv-box .kv-num li.current{width:22px;}
.kv-box .kv-img{width:6000px;}
.kv-box .kv-img li{float:left;}
.kv-box .kv-img li img{width:690px;height:284px;display:block;}

/**** vidio box ***/
.video-loyout{width:100%;height:100%;position:absolute;top:0;z-index:100;}
.loyout{width:100%;height:100%;position:fixed;background-color:#000;opacity:0.5;filter:alpha(opacity=50);}
.video{width:650px;height:360px;padding:5px;background-color:#2F2C2C;position:fixed;top:50%;left:50%;margin:-180px 0 0 -320px;}
.video .but-close{width:30px;height:30px;display:block;position:absolute;top:0;right:-30px;line-height:30px;text-align:center;font-size:25px;background-color:#2F2C2C;color:#fff;}
.video .but-close:hover{color:#efd17c;}

/************************************** sever list page *************************************/
/* s-header */
.s-body{background:url("images/bg.jpg?v=2") top center no-repeat;font-size:14px;color:#cac7be}
.s-wrap{background:url("") top center no-repeat;width:1000px;height:1100px;margin:0 auto;}
.s-header{position:relative;height:245px;}
.s-logo{left:40px;top:18px;}
.s-nav{padding:11px 0 0 366px;width:707px;height:52px;}
.s-nav a{float:left;width:138px;margin-right:13px;height:100%;text-indent:-9999em;}
/* .s-nav a:hover{background:url("images/nav.png") no-repeat;} */
#s-nav1:hover{background-position: 0px 0px}
#s-nav2:hover{background-position:-151px 0px}
#s-nav3:hover{background-position:-302px 0px}
#s-nav4:hover{background-position:-453px 0px}

/* s-loginframe */
.s-loginframe{position:absolute;top:180px;left:326px;width:587px;height:87px;}
.s-loginframe .loged{padding: 10px 0 0 14px}
.s-loginframe .log li {position: absolute}
.s-loginframe .loged li{line-height: 24px; float: left; width: 45%}
.s-text{width:176px;height:28px;background:#b4ab93; border:1px solid #7e7e7e; border-radius: 5px;line-height:30px;color:#00283b; padding: 0 5px;}
.s-body .log{font-size: 12px;}
.s-body a {font-size: 12px;}
.s-user{top:16px;left:12px;}
.s-psw{top:16px;left:218px;}
.s-log-btn{top:16px;left:424px;}
.s-log-btn a{display:block;width:171px;height:64px; line-height: 64px;background:url("images/s-login.png?v=2") no-repeat;text-indent:-9999em;}
.s-log-btn a:hover{background-image:url("images/s-login-h.png?v=2");}
.s-remember{top:57px;left:13px;}
.s-psw-btn{top:57px;left:97px;}
.s-reg-btn{top:57px;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:#1FCBEE;}
.s-body .s-loged a:hover{color:#7ee9f7;}
.s-body .s-loged .loged-highlight:hover{color:#7ee9f7;}

.s-content{position:relative;margin:110px 0 0 324px;width:555px;}
/* s-recommend-server */
.s-name{font-size:18px;margin-bottom:10px;color:#f0d17f;}
.s-server-list{}
.s-server-list li{float:left;margin:0 9px 13px 0;text-align:center;}
.s-server-list li a{display:block;width:175px;height:34px;line-height:34px;color:#fff;overflow:hidden;font-weight:700;background:url("images/btn1.png?v=2") no-repeat;}
.s-server-list li a:hover {background: url("images/btn1-h.png?v=2");}
.s-server-list li span{color:#ffcc00}
#history li a{background-image:url("images/btn2.png?v=2");color:#3e1805}
#history li a:hover{background-image:url("images/btn2-h.png?v=2");}

/* s-type-choose */
.s-body .type-choose{height:32px;position:relative;font-size:14px;margin-bottom:14px;}
.s-body .select-dom{width:110px; 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:110px;font-size:12px;border: 0;}
.s-body .type-option-dom li{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: 515px;width:672px;}
.s-body #btnFast{width:68px;height:20px;line-height:20px;color: #fff; background: url("images/go-game.png?__sprite") no-repeat}
.s-body #btnFast:hover{background: url("images/go-game-h.png?__sprite") no-repeat }

/* 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:#fff}
.sp-pager li.hover,#nameList a.hover{background:#d19e31;color:#fff;}
.sp-pager li a{color:#fff}

/******************************* wechat page **************************************/
.article-main{padding:30px;min-height: 800px;}
.article-main .article-title{text-align:center;font-size:30px;color:#c33700;}

/******************************* getcard page **************************************/
.cont-text-box{padding:30px;    height: 909px;min-height: 909px;}
.cont-text-box .card-content{text-align:center;}

/******************************* top kv **************************************/
.kv-top-num{position:absolute;width:200px;height:25px;top:475px;left:50%;margin-left:365px;text-align:center;z-index:11;}
.kv-top-num li{width:15px;height:15px;display:inline-block;background-color:#b59d62;border-radius:8px;margin:0 3px;}
.kv-top-num li.on{width:30px; background: #a6230f;}

/*three*/
.loged .loged-top{display: none}
.loged-usercenter a {margin-left: 10px;}

.loged img{ margin-right: 3px;vertical-align: middle;}
.three{top: 90px;left: 228px;font-size: 12px;line-height: 30px;}
.three-icon{background: url(http://img1.37wanimg.com/common/css/images/three.png) no-repeat;transition: .5s;width: 28px;height: 28px;display: inline-block;text-indent: -9999em;vertical-align: middle;margin: 0 9px;}
.three-wx{background-position:  -39px 0;}
.three-wb{background-position:  -78px 0;}
.s-body .log .three-wrap{left: 218px;top: 49px;}
.s-body .three-icon{margin: 0 3px;}
.s-body .sq-third-link{line-height: 36px;}