@charset "utf-8";
/* /webgame/sgkd/tpl/css/gserver.css */
/*@mixin*/
/* ue_notice */
.ue_notice { position: absolute; top: 202px; margin-left: -318px; left: 50%; z-index: 99; }

/*ser_out_face*/
.ser_out_face { opacity: 1; filter: alpha(opacity=100); z-index: 99; top: 202px; margin-left: -307px; width: 614px; }

.out_face_hd, .out_face_bd, .out_face_fd { background: url(../webgame/sgkd/tpl/images/sprite_serv.png?01b2ddc); }

.out_face_hd, .out_face_hd a { color: #000; }

.out_face_hd { background-position: -0px -0px; padding: 11px 30px 11px 20px; height: 18px; }

.out_face_bd { overflow: hidden; background-position: -614px 0; padding: 0 20px; background-repeat: repeat-y; }

.out_face_fd { padding-bottom: 20px; zoom: 1; background-position: right bottom; background-repeat: no-repeat; }

/* store_btn */
.sns_textscroll { padding: 0 0 8px 38px; }
.sns_textscroll h2 { color: #fff; }

.text_scroll_bx { height: 24px; }
.text_scroll_bx a { color: #fff; }
.text_scroll_bx a:hover { color: #fff; }
.text_scroll_bx li img { display: inline-block; *display: inline; *zoom: 1; margin: 5px 3px; }

.m_server .m_server_bd { padding: 0 5px; }
.m_server .m_server_bd h2 { background: none; font-size: 14px; font-family: "microsoft yahei"; font-weight: 700; color: #000; text-indent: 0; line-height: 36px; }

.alert_w { background: url(../webgame/sgkd/tpl/images/sprite_6.png?01b2ddc) no-repeat 0 0; border-radius: 10px;}

.select_ser { color: #000; }
.select_ser .ser_txt { border: solid #000 1px; background-color: #fff; color: #000; }

.m_played_ser .nplay { color: #000; }

.m_server .m_server_fd { background-position: right bottom; height: 10px; overflow: hidden; width: 600px; }

/*server_box*/
.server_num li { background: #a3a5c0; border-color: #505050; color: #000; transition: all .3s; }
.server_num li.cur { background: #c5c6d4; border-bottom-color: #c5c6d4; color: #000; }

/* 宽度设置确保边框对齐 */
.server_all .m_server_num { 
    width: 525px;
    border-bottom-color: #15151d; 
}

/*scrollbar*/
.jScrollPaneContainer { outline: none; }

a.jScrollArrowUp { background: url(../webgame/sgkd/tpl/images/sprite_6.png?01b2ddc) no-repeat 0 -76px; }
a.jScrollArrowUp:hover { background: url(../webgame/sgkd/tpl/images/sprite_6.png?01b2ddc) no-repeat -17px -76px; }

a.jScrollArrowDown { background: url(../webgame/sgkd/tpl/images/sprite_6.png?01b2ddc) no-repeat 0 -88px; }
a.jScrollArrowDown:hover { background: url(../webgame/sgkd/tpl/images/sprite_6.png?01b2ddc) no-repeat -17px -88px; }

.jScrollPaneTrack { background: #a3a5c0; }

.jScrollPaneDrag { background: #F2F2F2; }

.allTxt_box .allTxt { color: #000; }

.server_all .server_box { height: 70px; }

.sfgg_mod { margin-left: -5px; }



/* 新增过滤内容 */
.filter_all{
    display: inline-block;
    text-align: left;
    font-size: 0;
}
.filter_label{
    width: 96px;
    font-size: 14px;
    font-weight: bold;
    line-height: 26px;
    color: #000;
    display: inline-block;
}
.filter_box{
    display: inline-block;
    border-bottom: solid 1px #000000;
    height: 30px;
    width: 460px;
}
.filter_all .filter_item{
    display: inline-block;
    background-color: #505050;
    border: solid 2px #000000;
    width: 75px;
    height: 26px;
    font-size: 14px;
    line-height: 26px;
    color: #ffffff;
    text-align: center;
    cursor: pointer;
}
.filter_all .filter_item.active{
    background-color: #cd0007;
    color: #ffffff;
}

/* 公共覆盖 */
.select_ser{
    padding: 4px 0 0;
    /* 覆盖默认 */
    margin-right: 0 !important;
}
.select_ser a{
    background: #cd0007;
    border: solid 2px #000;
    width: 40px;
    height: 16px;
    text-indent: 0;
    text-align: center;
    font-size: 12px;
    line-height: 14px;
    color: #ffffff;
    font-weight: bold;
}

.m_recommed_ser{
    margin-bottom: 14px;
}
.m_all_ser .m_hd{
    margin-bottom: 14px;
}

  /* 设置hide为强制隐藏，避免覆盖问题 */
  .hide {
    display: none !important;
}
/* /webgame/sgkd/tpl/css/game.css */
@charset "UTF-8";
/*@mixin*/
/* 边框颜色 */
/* 默认文字颜色 */
/* 带背景的文字默认 */
body, .my_ftop { font-family: "Microsoft Yahei", serif; min-width: 1200px; }

a:visited { outline: none; }
a:hover { outline: none; }
a:active { outline: none; }

.my_topbar { min-width: 1000px; }

.frm_wfooter { margin-top: 0px; }

.wrapper { position: relative; width: 1000px; }

.hidden { display: none !important; }

.view { zoom: 1; background: url(../webgame/sgkd/tpl/images/bg/bg.png?01b2ddc) #e0e3e4; padding-bottom: 40px; overflow: hidden; }

.wg-main { font-family: "Microsoft Yahei", Tahoma, Arial, Helvetica, STHeiti, sans-serif; font-size: 14px; color: #434343; }
.wg-main .wrapper { margin: -206px auto 0; position: relative; z-index: 12; width: 1000px; }
.wg-main .wrapper:before, .wg-main .wrapper:after { content: ""; display: table; }
.wg-main a { font-family: "Microsoft Yahei", Tahoma, Arial, Helvetica, STHeiti, sans-serif; font-size: 14px; color: #434343; transition: color 0.3s; }
.wg-main a:hover { color: #b7512e; text-decoration: underline; }
.wg-main a:hover .adv-tit { text-decoration: none; }


/* 推荐游戏方式 */
.recommend { position: absolute; left: 50%; top: 408px; margin-left: 168px; background: url(../webgame/sgkd/tpl/images/recommend/recommend_bg.png?01b2ddc) center 0 no-repeat; padding: 20px; width: 294px; }
.recommend .recommend-txt { font-size: 18px; line-height: 24px; color: #cef0ff; margin-bottom: 18px; }
.recommend .recommend-download, .recommend .recommend-bower { width: 142px; height: 58px; transition: filter 0.3s, color 0.3s; }
.recommend .recommend-download:hover, .recommend .recommend-bower:hover { filter: brightness(1.2); }
.recommend .recommend-ground { *zoom: 1; margin-bottom: 10px; }
.recommend .recommend-ground:after { content: ""; display: table; clear: both; }
.recommend .recommend-download { background: url(../webgame/sgkd/tpl/images/recommend/recommend_btn_1.png?01b2ddc) center 0 no-repeat; float: left; }
.recommend .recommend-bower { position: relative; background: url(../webgame/sgkd/tpl/images/recommend/recommend_btn_2.png?01b2ddc) center 0 no-repeat; float: right; }
.recommend .recommend-bower .recommend-bower-hover { position: absolute; left: 164px; top: -25px; width: 0; height: 150px; background: url(../webgame/sgkd/tpl/images/recommend/recommend_bower.png?01b2ddc) center 0 no-repeat; transition: width 0.3s; }
.recommend .recommend-bower:hover .recommend-bower-hover { width: 182px; }
.recommend .recommend-btn { display: block; background: url(../webgame/sgkd/tpl/images/recommend/recommend_btn_3.png?01b2ddc) center 0 no-repeat; width: 294px; height: 38px; transition: filter 0.3s, color 0.3s; }
.recommend .recommend-btn:hover { filter: brightness(1.2); }

.mod { margin-right: 6px; margin-bottom: 6px; position: relative; *zoom: 1; background: #fdfdfd; }

.mod-hd { position: relative; *zoom: 1; height: 46px; /* background: #fdfdfd; */ /* border: solid 1px #d9d9d9; */ /* background: url(../webgame/sgkd/tpl/images/bg_mod_hd.png?01b2ddc) left 0 no-repeat; */ /* border-bottom: solid 1px #d9d9d9; */ }

.mod-bd { position: relative; *zoom: 1; padding: 0 16px; /* background: #fdfdfd; */ /* border: solid 1px #d9d9d9; */ }
.mod-mid{
  border: solid 1px #d9d9d9;
}
.mod-tit { background-image: url(../webgame/sgkd/tpl/images/sprite_tit.png?01b2ddc); background-repeat: no-repeat; font-size: 0; margin-top: 14px; margin-left: 10px; float: left; position: relative; zoom: 1; line-height: 46px; overflow: hidden; color: #242323; font-weight: 500; }

.mod-stit { font-size: 12px; float: left; margin: 22px 0 0 0; line-height: 12px; text-transform: uppercase; color: #4b3838; font-family: "Arial", "SimSun", sans-serif; transform: scale(0.9); *padding-left: 5px; display: none; }

a.mod-more { position: absolute; top: 15px; right: 11px; *zoom: 1; /* transition: all 0.3s ease; */ background-image: url(../webgame/sgkd/tpl/images/sprite_other.png?01b2ddc); background-repeat: no-repeat; background-position: -427px -62px; width: 17px; height: 17px; }
a.mod-more:hover { background-position: -189px -49px; width: 17px; height: 17px; /* transform: rotate(90deg); */ }

.mod-top { height: 0; }

.mod-btm { height: 0; }

.mod-list { position: relative; }
.mod-list li { line-height: 39px; height: 39px; vertical-align: top; position: relative; zoom: 1; border-bottom: 1px dotted #767676; color: #333333; }
.mod-list li.hc1 a { color: #ad2c49; }
.mod-list li.hc1 a:hover { color: #ad2c49; }
.mod-list li.hc1 em { background-image: url(../webgame/sgkd/tpl/images/sprite_other.png?01b2ddc); background-repeat: no-repeat; background-position: -396px -80px; width: 23px; height: 11px; display: inline-block; *display: inline; *zoom: 1; margin-left: 8px; }
.mod-list li.hc1 span { color: #b2b2b2; }
.mod-list li span { float: right; font-size: 12px; color: #b2b2b2; }
.mod-list li a { float: left; overflow: hidden; text-overflow: ellipsis; -o-text-overflow: ellipsis; white-space: nowrap; }

.mod-dark { background: #ececec; }
.mod-dark .mod-mid{border: solid 1px #c2c2c2; }
.mod-instr { background: url(../webgame/sgkd/tpl/images/ibg_1.png?01b2ddc) no-repeat; position: relative; *zoom: 1; width: 1000px; height: 130px; margin-bottom: 13px; }
.mod-instr .instr-pic { position: absolute; width: 138px; height: 85px; top: 24px; left: 30px; border-radius: 1px; border: 1px solid #000; }
.mod-instr .instr-pic img { width: 100%; height: 100%; display: block; }
.mod-instr .instr-txt { float: left; line-height: 24px; width: 600px; padding: 19px 0 0 190px; color: #cecece; }
.mod-instr .instr-txt a { color: #ef9f30; font-size: 14px; transition: color 0.3s; }
.mod-instr .instr-txt a:hover { text-decoration: underline; color: #ef9f30; }
.mod-instr a.instr-btn { position: absolute; top: 38px; right: 32px; background-image: url(../webgame/sgkd/tpl/images/sprite_other.png?01b2ddc); background-repeat: no-repeat; background-position: -210px -107px; width: 140px; height: 36px; }
.mod-instr a.instr-btn:hover { background-position: -130px -143px; width: 140px; height: 36px; }
.mod-instr .instr-share { overflow: hidden; height: 24px; position: absolute; right: 27px; top: 84px; width: 150px; }
.mod-instr .instr-share .share-label { float: left; line-height: 20px; font-size: 12px; color: #cecece; }

#bdshare a { padding: 0; width: 20px; height: 20px; background: url(../webgame/sgkd/tpl/images/ico_share.png?01b2ddc) no-repeat; margin-right: 5px; display: block; float: left; }
#bdshare a.bds_qzone { background-position: -24px 0 !important; }
#bdshare a.bds_tsina { background-position: -48px 0 !important; }
#bdshare a.bds_tqf { background-position: -73px 0 !important; }
#bdshare a.bds_sqq { background-position: 0 0 !important; }

.mod-entry { width: 260px; height: 272px; position: relative; *zoom: 1; overflow: hidden; float: left; border: 0 none; }
.mod-entry ul { width: 260px; font-size: 0; }
.mod-entry ul li { float: left; margin: 0 0 0 0; }
.mod-entry ul li.li-1 { margin: 0; }
.mod-entry a { font-size: 0; line-height: 60px; display: inline-block; *display: inline; *zoom: 1; color: #b8b8b8; height: 68px; width: 130px; overflow: hidden; position: relative; background: url(../webgame/sgkd/tpl/images/ibg_2.png?01b2ddc) no-repeat; }
.mod-entry a.hover { color: #b79660; }
.mod-entry a.item-1 { font-size: 0; height: 138px; width: 260px; background-position: -0px -0px; }
.mod-entry a.item-1:hover { background-position: -260px -0px; }
.mod-entry a.item-2 { background-position: -0px -138px; }
.mod-entry a.item-2:hover { background-position: -260px -138px; }
.mod-entry a.item-3 { background-position: -130px -138px; }
.mod-entry a.item-3:hover { background-position: -390px -138px; }
.mod-entry a.item-4 { background-position: -0px -206px; }
.mod-entry a.item-4:hover { background-position: -260px -206px; }
.mod-entry a.item-5 { background-position: -130px -206px; }
.mod-entry a.item-5:hover { background-position: -390px -206px; }

.mod-rmwd { float: left; width: 258px; }
.mod-rmwd .mod-list { overflow: hidden; }
.mod-rmwd .mod-list li a { width: 218px; }
.mod-rmwd .mod-bd { padding: 21px 10px 0; height: 239px; overflow: hidden; }

.rmwd-search { border-bottom: 1px dashed #767676; margin-bottom: 5px; }
.rmwd-search .search-wrap { margin-bottom: 10px; background-image: url(../webgame/sgkd/tpl/images/sprite_other.png?01b2ddc); background-repeat: no-repeat; background-position: -210px 0; width: 240px; height: 32px; }
.rmwd-search .search-btn { float: right; width: 56px; height: 32px; cursor: pointer; overflow: hidden; background: none; font-family: "Microsoft YaHei"; font-size: 0; border: none; color: #fff; }
.rmwd-search .search-btn:hover { background-image: url(../webgame/sgkd/tpl/images/sprite_other.png?01b2ddc); background-repeat: no-repeat; background-position: -350px -107px; width: 56px; height: 32px; }
.rmwd-search .search-ipt { float: left; padding: 0 6px 0 30px; height: 32px; line-height: 32px; width: 145px; border: none; color: #c9bb9b; background: none; font-size: 12px; font-family: "Microsoft Yahei", Tahoma, Arial, Helvetica, STHeiti, sans-serif; }
.rmwd-search .search-ipt::-webkit-input-placeholder { color: #cecece; }
.rmwd-search .search-ipt:-moz-placeholder { color: #cecece; }
.rmwd-search .search-ipt::-moz-placeholder { color: #cecece; }
.rmwd-search .search-ipt:-ms-input-placeholder { color: #cecece; }
.rmwd-search .search-hot { padding: 0 0 0 72px; position: relative; *zoom: 1; line-height: 24px; height: 48px; margin-bottom: 10px; overflow: hidden; }
.rmwd-search .search-hot label { position: absolute; top: 0; left: 0; font-weight: bold; }

.mod-yxgl { float: right; width: 278px; margin-right: 0; }
.mod-yxgl .mod-list { height: 240px; overflow: hidden; padding-top: 7px; }
.mod-yxgl .mod-list li a { width: 258px; }
.mod-yxgl .mod-bd { height: 260px; }

.mod-kfzx { float: left; width: 258px; position: relative; z-index: 9; *zoom: 1; padding: 0; }
.mod-kfzx a { display: block; margin-right: 6px; font-size: 0; background-image: url(../webgame/sgkd/tpl/images/sprite_other.png?01b2ddc); background-repeat: no-repeat; background-position: -270px -143px; width: 133px; height: 20px; }
.mod-kfzx a:hover { background-position: 0 -188px; width: 133px; height: 20px; /* transform: rotate(90deg); */ }
.mod-kfzx .mod-bd { height: 371px; padding: 0; }
.mod-kfzx .kfzx-group { padding: 20px 10px; margin: 0 10px; border-bottom: 1px solid #d9d9d9; border-top: 1px solid #d9d9d9; }
.mod-kfzx .kfzx-group--1 .kfzx-txt:first-child { margin-bottom: 10px; }
.mod-kfzx .kfzx-group--2 .kfzx-txt:first-child { margin-bottom: 10px; }
.mod-kfzx .kfzx-group--3 .kfzx-txt { padding-left: 100px; }
.mod-kfzx .kfzx-group--4 { border-bottom: none; padding: 10px 0; }
.mod-kfzx .kfzx-txt { line-height: 20px; padding-left: 71px; position: relative; *zoom: 1; }
.mod-kfzx .kfzx-txt dt { position: absolute; top: 0; left: 0; }
.mod-kfzx .kfzx-label { position: absolute; top: 0; left: 0; }

.m_selectlist { background-image: url(../webgame/sgkd/tpl/images/sprite_other.png?01b2ddc); background-repeat: no-repeat; background-position: -210px -32px; width: 240px; height: 30px; position: relative; cursor: pointer; margin: auto; border: 0 none; }
.m_selectlist .m_select_cont { position: absolute; top: 31px; width: 240px; background-color: #fbfcfd; border-top: 0; display: none; overflow: hidden; padding: 5px 0; border: solid 1px #c7d5e3; }
.m_selectlist .selectlist { *vertical-align: top; }
.m_selectlist .selectlist li { width: 100%; height: 24px; line-height: 24px; cursor: pointer; *vertical-align: center; overflow: hidden; color: #222; padding: 0 10px; }
.m_selectlist .selectlist li:hover, .m_selectlist .selectlist li.cur, .m_selectlist .selectlist li.cur:hover { color: #fbfcfd; background: #222; }

.m_selected { height: 30px; }
.m_selected .select_txt { padding-left: 10px; line-height: 30px; color: #777; }
.m_selected .flag_down { display: none; position: absolute; top: 1px; right: 1px; width: 26px; height: 25px; background: #7b471a; }
.m_selected .flag_down b { position: absolute; border: 5px solid #2f2839; border-top-color: #2f2839; top: 12px; right: 8px; overflow: hidden; height: 0px; }

.mod-silde { overflow: hidden; float: left; width: 478px; height: 272px; position: relative; *zoom: 1; padding: 0; background: transparent none; border:0}
.mod-silde .slide-list { position: relative; *zoom: 1; }
.mod-silde .slide-list li { position: absolute; top: 0; left: 0; border: solid 1px #3e3d3d;}
.mod-silde .slide-dot { position: absolute; bottom: 10px; right: 25px; z-index: 10; height: 8px; text-align: center; }
.mod-silde .slide-dot li { display: inline-block; *display: inline; *zoom: 1; vertical-align: top; cursor: pointer; overflow: hidden; margin: 0 2px; text-align: center; font-size: 0; width: 28px; height: 4px; border-radius: 0; background: #a3a5c0; transition: width 0.3s, background-color 0.3s; 			/* @include other_sprites; @include dot; */ }
.mod-silde .slide-dot li.cur { /* @include dot_h; */ background: #da0007; }

.mod-adv { float: right; width: 250px; overflow: hidden; }
.mod-adv a:hover { text-decoration: none; }
.mod-adv .adv-item { position: relative; *zoom: 1; width: 248px; height: 132px; margin-bottom: 6px; display: block; border: solid 1px #3e3d3d; }
.mod-adv .adv-tit { position: absolute; left: 0; bottom: 0; text-align: center; width: 248px; font-size: 14px; line-height: 28px; color: #cecece; background: url(../webgame/sgkd/tpl/images/s_10.png?01b2ddc) repeat; }

.mod-xwgg { float: left; width: 446px; position: relative; *zoom: 1; overflow: hidden; }
.mod-xwgg .mod-list { height: 240px; overflow: hidden; padding-top: 7px; }
.mod-xwgg .mod-list li a { max-width: 340px; }
.mod-xwgg .mod-bd { height: 260px; }

.mod-yxzl { float: left; width: 258px; height: 370px; }
.mod-yxzl .mod-bd { padding: 25px 0 0; height: 335px; overflow: hidden; *zoom: 1; }
.mod-yxzl .yxzl-stit { text-align: center; color: #353535; font-size: 0; margin: 0 auto; background-image: url(../webgame/sgkd/tpl/images/sprite_other.png?01b2ddc); background-repeat: no-repeat; }
.mod-yxzl .yxzl-list { overflow: hidden; height: 90px; padding: 9px 0 0; position: relative; z-index: 2; width: 230px; float: left; }
.mod-yxzl .yxzl-list ul { width: 230px; }
.mod-yxzl .yxzl-list li { float: left; line-height: 30px; margin-right: 0; }
.mod-yxzl .yxzl-list li a { display: block; width: 115px; text-align: center; height: 30px; line-height: 30px; background: url(../webgame/sgkd/tpl/images/yxzl_li.png?01b2ddc) 12px center no-repeat; }
.mod-yxzl .yxzl-list li a:hover { text-decoration: underline; }
.mod-yxzl .yxzl-opt { overflow: hidden; *zoom: 1; position: relative; float: left; margin: 0 15px 30px; }
.mod-yxzl .yxzl-opt1 .yxzl-stit { background-position: 0 -97px; width: 189px; height: 46px; }
.mod-yxzl .yxzl-opt2 .yxzl-stit { background-position: 0 -49px; width: 189px; height: 48px; }

.mod-wjxc, .mod-yxjt { width: 326px; margin-right: 0; float: left; }

.mod-wjxc .mod-bd, .mod-yxjt .mod-bd { padding: 24px 17px 25px; }

.mod-wjxc .wjxc-list, .mod-yxjt .yxjt-list { height: 107px; width: 294px; overflow: hidden; }

.mod-wjxc .wjxc-list ul, .mod-yxjt .yxjt-list ul { width: 302px; }

.mod-wjxc .wjxc-list li, .mod-yxjt .yxjt-list li { float: left; margin: 0 6px 0 0; }

.mod-wjxc .wjxc-list li a, .mod-yxjt .yxjt-list li a { height: 103px; width: 140px; display: block; border: solid 2px #fff; overflow: hidden; background: url(../webgame/sgkd/tpl/images/loading.gif?01b2ddc) #000 no-repeat center center; transition: border-color 0.3s; }

.mod-wjxc .wjxc-list li a:hover, .mod-yxjt .yxjt-list li a:hover { border-color: #da0007; }

.mod-wjxc .wjxc-list li a img, .mod-yxjt .yxjt-list li a img { width: 100%; height: 100%; }

.mod-wjxc { margin-bottom: 13px; }

.m-ctable { padding: 3px 0; overflow: hidden; }
.m-ctable a { font-size: 14px; }

.mod-recommend { width: 982px; padding: 0 8px; }
.mod-recommend .mod-hd { border-bottom: solid 2px #cfd2db; }
.mod-recommend .recommend-item { margin: 0 11px;     margin-bottom: 16px;}

.mod-recommend .recommend-item .recommend-item-name { color: #434343; }

.mod-recommend .recommend-item:hover .recommend-item-name { color: #b79660; }

.mod-wjjl { float: right; margin-right: 0; width: 732px; }
.mod-wjjl .mod-bd { min-height: 371px; }

.comu-table { line-height: 35px; /* 覆盖样式 */ }
.comu-table th { line-height: 44px; margin-bottom: 5px; font-weight: bold; border-bottom: 1px dotted #767676; }
.comu-table td { line-height: 39px; height: 39px; overflow: hidden; border-bottom: 1px dotted #767676; font-size: 14px; }
.comu-table td.td-tit { text-align: left; }
.comu-table .td-reply, .comu-table .th-reply { text-align: center; }
.comu-table td a, .comu-table .td-wid { line-height: 32px; cursor: pointer; }
.comu-table .td-reply { color: #222; }
.comu-table .td-wid { overflow: hidden; height: 32px; line-height: 32px; padding: 0 5px; }
.comu-table .td-tit .td-wid { width: 500px; overflow: hidden; text-overflow: ellipsis; -o-text-overflow: ellipsis; white-space: nowrap; }
.comu-table .hover a, .comu-table .hover td a, .comu-table .hover .td-wid { color: #b79660; text-decoration: underline; }
.comu-table .hover .td-reply { color: #b2b2b2; text-decoration: none; }

.disable { display: none; }

a.mod-publish { position: absolute; top: 14px; right: 45px; line-height: 20px; text-align: center; font-size: 0; background-image: url(../webgame/sgkd/tpl/images/sprite_other.png?01b2ddc); background-repeat: no-repeat; }
a.mod-publish:hover { background-position: -200px -188px; width: 67px; height: 18px; filter: brightness(1.2); }

.mod-wjjl a.mod-publish { background-position: -133px -188px; width: 67px; height: 18px; }
.mod-wjjl a.mod-publish:hover { background-position: -200px -188px; width: 67px; height: 18px; }

.mod-wjxc a.mod-publish, .mod-yxjt a.mod-publish { background-position: -267px -188px; width: 67px; height: 18px; }
.mod-wjxc a.mod-publish:hover, .mod-yxjt a.mod-publish:hover { background-position: -334px -188px; width: 67px; height: 18px; filter: brightness(1.2); }

.tab-bds { position: relative; *zoom: 1; }

/* 游戏介绍 */
/* zyjs */
.mod-zyjs { height: 372px; width: 732px; margin-right: 0; overflow: hidden; float: left; position: relative; *zoom: 1; z-index: 1; border: 0; /* 更换背景图 */ }
.mod-zyjs .zyjs-img { position: absolute; top: 53px; right: 0; width: 734px; height: 317px; }
.mod-zyjs .zyjs-dec { position: absolute; z-index: 1; left: 34px; top: 136px; width: 287px; /* background: url(../webgame/sgkd/tpl/images/zyjs/zyjs_dec.png?01b2ddc) repeat left center; */ font-size: 14px; line-height: 24px; color: #d0dcf3; text-align: left; *zoom: 1; }
.mod-zyjs .zyjs-dec:after { content: ""; display: table; clear: both; }
.mod-zyjs .zyjs-dec .zyjs-dec-box { *zoom: 1; }
.mod-zyjs .zyjs-dec .zyjs-dec-box:after { content: ""; display: table; clear: both; }
.mod-zyjs .zyjs-dec .zyjs-dec-dl { *zoom: 1; position: relative; min-width: 130px; float: left; }
.mod-zyjs .zyjs-dec .zyjs-dec-dl:after { content: ""; display: table; clear: both; }
.mod-zyjs .zyjs-dec .zyjs-dec-dt, .mod-zyjs .zyjs-dec .zyjs-dec-dd { float: left; }
.mod-zyjs .zyjs-dec .zyjs-dec-hr { margin: 5px 0; border: 0; border-top: 1px solid #1d236f; }

/* tab鼠标手 */
.zyjs-tab-hd { cursor: pointer; }

/* 第一层tab */
.zyjs-tab-hds-1 { position: absolute; z-index: 1; top: 0; left: 0; display: table-cell; vertical-align: bottom; width: 101%; }

.zyjs-tab-hd-1 { float: left; cursor: pointer; text-align: center; color: #4f556a; font: bold 14px/64px "Microsoft Yahei"; background-image: url(../webgame/sgkd/tpl/images/sprite_role.png?01b2ddc); background-repeat: no-repeat; background-position: -158px 0; width: 96px; height: 53px; transition: color 0.3s,width 0.3s; }
.zyjs-tab-hd-1:first-child { background-position: 0 -53px; width: 98px; height: 53px; }
.zyjs-tab-hd-1.cur, .zyjs-tab-hd-1:hover { color: #d0dcf3; font: bold 18px/62px "Microsoft Yahei"; background-position: 0 0; width: 158px; height: 53px; }

/* 跨服远征+pvp */
.mod-kfyz, .mod-pvp { width: 495px; height: 320px; position: relative; float: left; }
.mod-kfyz .marq_l, .mod-pvp .marq_l { position: absolute; left: 26px; top: 104px; }
.mod-kfyz .marq_l .marq_arr, .mod-pvp .marq_l .marq_arr { position: absolute; left: 50%; margin-left: -15px; background-image: url(../webgame/sgkd/tpl/images/sprite_other.png?01b2ddc); background-repeat: no-repeat; display: block; }
.mod-kfyz .marq_l .marq_arr_up, .mod-pvp .marq_l .marq_arr_up { top: -35px; background-position: -406px -107px; width: 31px; height: 18px; }
.mod-kfyz .marq_l .marq_arr_down, .mod-pvp .marq_l .marq_arr_down { bottom: -35px; background-position: -396px -62px; width: 31px; height: 18px; }
.mod-kfyz .marq_l .marq-list-box, .mod-pvp .marq_l .marq-list-box { width: 130px; height: 156px; overflow: hidden; }
.mod-kfyz .marq_l .marq-item, .mod-pvp .marq_l .marq-item { background-image: url(../webgame/sgkd/tpl/images/sprite_other.png?01b2ddc); background-repeat: no-repeat; background-position: -210px -62px; width: 130px; height: 45px; margin-bottom: 11px; font: bold 16px/45px "Microsoft Yahei"; color: #fff; text-align: center; cursor: pointer; }
.mod-kfyz .marq_l .marq-item.cur, .mod-pvp .marq_l .marq-item.cur { background-position: 0 -143px; width: 130px; height: 45px; }
.mod-kfyz .marq_r, .mod-pvp .marq_r { position: absolute; left: 193px; top: 69px; }
.mod-kfyz .marq_r .marq-tit, .mod-pvp .marq_r .marq-tit { background-image: url(../webgame/sgkd/tpl/images/sprite_other.png?01b2ddc); background-repeat: no-repeat; background-position: 0 0; width: 210px; height: 49px; margin: 0 auto; text-align: center; font: bold 18px/49px "Microsoft Yahei"; color: #010000; }
.mod-kfyz .marq_r .marq-info, .mod-pvp .marq_r .marq-info { *zoom: 1; font: 500 14px/36px "Microsoft Yahei"; }
.mod-kfyz .marq_r .marq-info:after, .mod-pvp .marq_r .marq-info:after { content: ""; display: table; clear: both; }
.mod-kfyz .marq_r .marq-level, .mod-kfyz .marq_r .marq-num, .mod-pvp .marq_r .marq-level, .mod-pvp .marq_r .marq-num { float: left; width: 50%; text-align: center; font-size: 13px; }
.mod-kfyz .marq_r .marq-img, .mod-pvp .marq_r .marq-img { width: 275px; height: 111px; display: block; }
.mod-kfyz .marq_r .marq-name, .mod-pvp .marq_r .marq-name { height: 28px; font: 500 14px/28px "Microsoft Yahei"; background: #f2f3f5; text-align: center; }

.mod-pvp { margin-right: 0; }

.mod-xwgg .mod-tit { background-position: 0 -173px; width: 142px; height: 20px; }

.mod-rmwd .mod-tit { background-position: -211px 0; width: 131px; height: 19px; }

.mod-yxgl .mod-tit { background-position: 0 -115px; width: 167px; height: 19px; }

.mod-kfzx .mod-tit { background-position: 0 -134px; width: 160px; height: 19px; }

.mod-wjjl .mod-tit { background-position: 0 -153px; width: 149px; height: 20px; }

.mod-wjxc .mod-tit { background-position: 0 -77px; width: 184px; height: 19px; }

.mod-yxjt .mod-tit { background-position: 0 -58px; width: 186px; height: 19px; }

.mod-kfyz .mod-tit { background-position: 0 0; width: 211px; height: 35px; }

.mod-pvp .mod-tit { background-position: 0 -35px; width: 160px; height: 23px; }

.mod-recommend .mod-tit { background-position: 0 -96px; width: 178px; height: 19px; }

.color-red { color: #b7512e !important; }

/*  add by  xiaofang  20-03-03 */
.mod-video { float: left; width: 1000px; position: relative; }
.mod-video .mod-hd { border-bottom: solid 2px #cfd2db; }
.mod-video .mod-tit { background-image: url(../webgame/sgkd/tpl/images/sprite_video.png?01b2ddc); background-repeat: no-repeat; background-position: 0 -49px; width: 146px; height: 18px; }
.mod-video .mod-publish { font-size: 12px; width: 67px; height: 18px; color: #fff; background: #2d49ac none; border: solid 2px #000; text-align: center; line-height: 16px; }
.mod-video .mod-publish:hover { color: #fff; text-decoration: none; background: #2d49ac none; filter: brightness(1.2); }
.mod-video .mod-bd { *zoom: 1; padding:0; padding-left:10px; }
.mod-video .mod-bd:after { content: ""; display: table; clear: both; }
.mod-video .tab_nav { margin-top: 17px; }
.mod-video .tab_bd { width: 558px; height: 468px; float: left; }
.mod-video .tab_item { overflow: hidden; }
.mod-video .u-btn { display: block; float: left; text-align: center; position: relative; margin-right: 12px; background-image: url(../webgame/sgkd/tpl/images/sprite_other.png?01b2ddc); background-repeat: no-repeat; background-position: -210px -62px; width: 130px; height: 45px; text-align: center; line-height: 45px; color: #fff; font-size: 15px; font-weight: 700; }
.mod-video .u-btn:hover, .mod-video .u-btn.cur { color: #fff; background-position: 0 -143px; width: 130px; height: 45px; text-decoration: none; }
.mod-video .video-list { margin-right: -34px; margin-top: 10px; float: left; overflow: hidden; height: 465px; }
.mod-video .video-item { float: left; margin-right: 24px; margin-bottom: 14px; position: relative; width: 168px; }
.mod-video .video-item .item_img_box { width: 168px; height: 96px; overflow: hidden; border: solid 2px #cfd2db; }
.mod-video .video-item .item_img { width: 100%; height: 100%; display: block; }
.mod-video .video-item .item_cover { position: absolute; font-size: 0; top: 28px; left: 50%; background-image: url(../webgame/sgkd/tpl/images/sprite_video.png?01b2ddc); background-repeat: no-repeat; background-position: 0 -67px; width: 48px; height: 48px; margin: 0 0 0 -24px; }
.mod-video .video-item .item_tit { margin-top: 5px; }
.mod-video .video-item .item_tit, .mod-video .video-item .item_author { display: block; line-height: 18px; width: 168px; height: 18px; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.mod-video .video-item .item_tag { position: absolute; top: 2px; right: -2px; }
.mod-video .video-item .item_tag.tag_new { background-image: url(../webgame/sgkd/tpl/images/sprite_video.png?01b2ddc); background-repeat: no-repeat; background-position: -131px -67px; width: 35px; height: 35px; }
.mod-video .video-item .item_tag.tag_hot { background-image: url(../webgame/sgkd/tpl/images/sprite_video.png?01b2ddc); background-repeat: no-repeat; background-position: -96px -67px; width: 35px; height: 35px; }
.mod-video .video-item:hover .item_img_box { border-color: #da0007; }
.mod-video .video-item:hover .item_tit { color: #f08800; text-decoration: underline; }
.mod-video .video-item:hover .item_cover { background-position: -48px -67px; width: 48px; height: 48px; }
.mod-video .rank-box { width: 380px; height: 468px; padding: 1px; background: #f2f3f5; margin-left: 20px; margin-top: -22px; float: left; }
.mod-video .rank-box .rank-tit { font-size: 0; background-image: url(../webgame/sgkd/tpl/images/sprite_video.png?01b2ddc); background-repeat: no-repeat; background-position: 0 0; width: 210px; height: 49px; margin: -25px auto 12px; }
.mod-video .rank-box .rank-item { margin-left: 51px; margin-right: 10px; position: relative; border-top: dashed 1px #8a8a8b; *zoom: 1; cursor: pointer; }
.mod-video .rank-box .rank-item:after { content: ""; display: table; clear: both; }
.mod-video .rank-box .rank-item:first-child { border-top-color: #f2f3f5; }
.mod-video .rank-box .rank-item_index { position: absolute; left: -38px; top: 10px; width: 16px; height: 16px; color: #fff; font-size: 12px; background-color: #70768b; text-align: center; }
.mod-video .rank-box .rank-item_tit_span { height: 35px; max-width: 152px; font: 500 14px/35px "microsoft yahei"; color: #434343; *height: 32px; *line-height: 32px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; float: left; }
.mod-video .rank-box .rank-item_tit_tag { position: relative; display: block; float: left; margin-left: 5px; margin-top: 5px; }
.mod-video .rank-box .rank-author { position: absolute; left: 201px; width: 126px; font: 500 14px/35px "microsoft yahei"; color: #a9a9a9; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.mod-video .rank-box .rank-item_img { display: none; }
.mod-video .rank-box .rank-item_img_cover { display: none; height: 0; }
.mod-video .rank-box .rank-price { display: none; }
.mod-video .rank-box .tag_hot_2 { background-image: url(../webgame/sgkd/tpl/images/sprite_video.png?01b2ddc); background-repeat: no-repeat; background-position: -146px -49px; width: 24px; height: 11px; }
.mod-video .rank-box .tag_new_2 { background-image: url(../webgame/sgkd/tpl/images/sprite_video.png?01b2ddc); background-repeat: no-repeat; background-position: -170px -49px; width: 24px; height: 11px; }
.mod-video .rank-box .rank-item.cur { padding-top: 12px; padding-bottom: 12px; }
.mod-video .rank-box .rank-item.cur .rank-item_index { top: 38px; }
.mod-video .rank-box .rank-item.cur .rank-item_img_box { position: relative; }
.mod-video .rank-box .rank-item.cur .rank-item_img { width: 132px; height: 70px; overflow: hidden; padding: 1px; border: solid 1px #cfd2db; display: block; }
.mod-video .rank-box .rank-item.cur .rank-item_img_cover { position: absolute; top: 21px; left: 52px; background-image: url(../webgame/sgkd/tpl/images/sprite_video.png?01b2ddc); background-repeat: no-repeat; background-position: -166px -67px; width: 32px; height: 32px; overflow: hidden; display: block; }
.mod-video .rank-box .rank-item.cur .rank-item_tit { position: absolute; left: 148px; top: 13px; }
.mod-video .rank-box .rank-item.cur .rank-item_tit_span { max-width: 140px; }
.mod-video .rank-box .rank-item.cur .rank-item_tit_tag { margin-left: 0; margin-top: 13px; }
.mod-video .rank-box .rank-item.cur .rank-author { position: absolute; left: 148px; top: 47px; font: 500 12px/16px "microsoft yahei"; color: #a9a9a9; }
.mod-video .rank-box .rank-item.cur .rank-price { position: absolute; left: 148px; top: 65px; font: 500 14px/16px "microsoft yahei"; color: #a9a9a9; display: block; }




.hd-bg-1 { background: url(../webgame/sgkd/tpl/images/bg/hd-bg_01.jpg?); height: 210px; }

.hd-bg-2{ background: url(../webgame/sgkd/tpl/images/bg/hd-bg_02.jpg?); height: 210px; }

.hd-bg-3 { background: url(../webgame/sgkd/tpl/images/bg/hd-bg_03.jpg?); height: 210px; }

.hd-bg-4{ background: url(../webgame/sgkd/tpl/images/bg/hd-bg_04.jpg?); height: 210px; }

.hd-bg-full-1 {
    background: url(../webgame/sgkd/tpl/images/bg/hd-bg-full_01.jpg?) center 0 no-repeat; 
}
.hd-bg-full-2 {
    background: url(../webgame/sgkd/tpl/images/bg/hd-bg-full_02.jpg?) center 420px no-repeat;
}

.hd-slogen{
    background:url(../webgame/sgkd/tpl/images/bg/slogen.png?01b2ddc)  no-repeat center top;
    background-size:100% 100%;
    width:  100%;
    height: 840px;
    position: absolute;
    left: 0;
    top: 0;
}

.wg-head {
    position: relative;
    height: 840px;
    overflow: hidden;
  }

  /* 首屏 */
  .layer-video,
  .layer-font,
  .layer-opt,
  .layer-pop {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
  }
  
  .layer-bg {
    z-index: 1;
  }
  
  .layer-video {
    z-index: 2;
  }
  
  .layer-font {
    z-index: 3;
  }
  
  .layer-opt {
    z-index: 4;
  }
  
  .layer-pop {
    z-index: 99;
  }