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

/*ser_out_face*/
.ser_out_face{top:190px;opacity:1;filter:alpha(opacity=100);width: 622px;margin-left: -442px;z-index: 99;}
.out_face_hd,.out_face_bd,.out_face_fd{background:url(../webgame/xxtjd/tpl/images/sprite_serv.png?);}
.out_face_hd,.out_face_hd a{ color:#f3faff; }
.out_face_hd{ background-position:0 0;padding: 12px 40px 0 0;height: 34px;}
.out_face_bd{ overflow:hidden;background-position:-622px 0;padding: 0 25px;background-repeat: repeat-y;}
.out_face_fd{padding-bottom:15px; zoom:1;background-position:-1244px bottom;background-repeat: no-repeat;}

/* store_btn */
.sns_textscroll h2{color:#f3faff;}
.text_scroll_bx{ height:24px;}
.text_scroll_bx a{color:#f3faff;}
.text_scroll_bx a:hover{ color:#f3faff;}
.text_scroll_bx li img{ display:inline-block; *display: inline; *zoom:1; margin:5px 3px;}
.m_server {}
.m_server .m_server_hd,.m_server .m_server_bd,.m_server .m_server_fd{ background:none;}
.m_server .m_server_hd{ width:0; height:0;}
.m_server .m_server_bd { padding-left:0; width:580px;}
.m_server_bd h2{ background:none; font-size:14px; font-family:"microsoft yahei"; font-weight:700; color:#2a6da7; text-indent:0; line-height:36px;}
.alert_w{ background:url(../webgame/xxtjd/tpl/images/sprite_6.png?) no-repeat 0 0;}
.select_ser{ color:#474747; display: none}
.m_played_ser .nplay { color:#2a6da7;}
.m_server .m_server_fd{ height:0; width:594px;}

/*server_box*/
.server_num li{ background: #ccecff; border-color: #9ad3ff; color: #2a6da7;}
.server_num li.cur{ background:#f3faff;border-bottom-color:#f3faff;}
.server_all .m_server_num{border-bottom-color: #f3faff;}

/*scrollbar*/
.jScrollPaneContainer{outline: none;}
a.jScrollArrowUp { background:url(../webgame/xxtjd/tpl/images/sprite_6.png?) no-repeat  0 -76px;}
a.jScrollArrowDown { background: url(../webgame/xxtjd/tpl/images/sprite_6.png?) no-repeat -17px -76px;}
a.jScrollArrowUp:hover{ background:url(../webgame/xxtjd/tpl/images/sprite_6.png?) no-repeat 0  -88px;}
a.jScrollArrowDown:hover{ background: url(../webgame/xxtjd/tpl/images/sprite_6.png?) no-repeat -17px -88px;}
.jScrollPaneTrack{background:#dcd6c7;}
.jScrollPaneDrag{background:#c5bfad;}
.allTxt_box .allTxt{color:#2a6da7;}
.server_all  .server_box{height: 105px;}
/* /webgame/xxtjd/tpl/css/game.css */
/*
 frm ：表示框架
 sfrm: 表示小的框架
 mod : 表示模块 
 wg ：表示公用内容
 cnt : 表示内容
*/

body,
.my_ftop {
    font-family: "Microsoft Yahei", "微软雅黑", sans-serif;
}

.my_topbar {
    min-width: 1000px;
}

.my_ftop {
}

.frm_wfooter {
    margin-top: 0px;
}

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

/* ======================== frm 整体框架 ========================  */
.view {
    *zoom: 1;
    background: #ffffff;
    padding-bottom: 20px;
}

.wg-head {
    *zoom: 1;
}

.wg-main {
    font-family: "Microsoft Yahei", "微软雅黑", Tahoma, Arial, Helvetica, STHeiti, sans-serif;
    font-size: 14px;
    color: #2a6da7;
    margin-top: -350px;
}

/* .wg-main .wrapper{
    margin-top:-274px;
} */

.wg-main a {
    font-family: "Microsoft Yahei", "微软雅黑", Tahoma, Arial, Helvetica, STHeiti, sans-serif;
    color: #2a6da7;
}

.wg-main a:hover {
    color: #2a6da7;
}

.bg-1 {
    background: url(../webgame/xxtjd/tpl/images/bg/bg-01-01.jpg?);
    height: 330px;
}

.bg-2 {
    background: url(../webgame/xxtjd/tpl/images/bg/bg-01-02.jpg?);
    height: 330px;
}

.bg-3 {
    background: url(../webgame/xxtjd/tpl/images/bg/bg-01-03.jpg?);
    height: 330px;
}

.full_bg1 {
    background: url(../webgame/xxtjd/tpl/images/bg/bg-02-01.jpg?) center 0 no-repeat;
    *zoom: 1;
}
.full_bg2 {
    background: url(../webgame/xxtjd/tpl/images/bg/bg-02-02.jpg?) center 495px no-repeat;
    *zoom: 1;
}

/* 通用模块 */
.mod {
    position: relative;
    *zoom: 1;
    margin-top: 6px;
}

.mod-hd {
    position: relative;
    *zoom: 1;
    font-family: "Microsoft Yahei", "微软雅黑", Tahoma, Arial, Helvetica, STHeiti, sans-serif;
    height: 45px;
    line-height: 45px;
    border: 1px solid #9ed5ff;
    border-top-width: 3px;
    border-bottom-width: 0;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
    background: url(../webgame/xxtjd/tpl/images/mhd-2.jpg?) no-repeat 0 0;
    padding-left: 20px;
}
.mod-bd {
    position: relative;
    *zoom: 1;
    padding: 0 9px;
    background: #fdfdfd;
    border: 1px solid #9ed5ff;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
}

.mod-tit {
    float: left;
    line-height: 45px;
    height: 45px;
    font-size: 18px;
    font-weight: bold;
    position: relative;
    *zoom: 1;
    color: #fff;
}

a.mod-more {
    position: absolute;
    right: 0;
    top: 10px;
    *zoom: 1;
    color: #fff;
    height: 26px;
    padding: 0 8px 0 20px;
    line-height: 26px;
}
a.mod-more:hover {
    color: #1375ba;
}

a.mod-more i {
    width: 13px;
    height: 13px;
    background: url(../webgame/xxtjd/tpl/images/s_8.png?01b2ddc) 0 -13px no-repeat;
    position: absolute;
    top: 7px;
    left: 2px;
    overflow: hidden;
}
a.up-btn {
    position: absolute;
    right: 70px;
    top: -36px;
    *zoom: 1;
    color: #1375ba;
    line-height: 26px;
    background-color: #ffffff;
    border-radius: 5px;
    padding: 0 10px;
}
a.up-btn:hover {
    color: #70b1e9;
}
a.mod-more2 {
    color: #5faff3;
}

a.mod-more2 i {
    background-position: 0 0;
}

.mod-list {
    position: relative;
}

.mod-list li {
    line-height: 35px;
    height: 35px;
    vertical-align: top;
    position: relative;
    zoom: 1;
    border-bottom: 1px dotted #d1c8c1;
}

.mod-list li.hc1 a {
    color: #fe940b;
}

.mod-list li.hc1 a:hover {
    color: #fe940b;
}

.mod-list li.hc1 em {
    width: 23px;
    height: 11px;
    display: inline-block;
    margin-left: 8px;
    background: url(../webgame/xxtjd/tpl/images/ico_new.png?01b2ddc) no-repeat;
}

.mod-list li.hc1 span {
    color: #98b8d4;
}

.mod-list li span {
    float: right;
    font-size: 12px;
    color: #98b8d4;
}

.mod-list li a {
    float: left;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    white-space: nowrap;
}

.mod-list li a:hover {
    /* color: #0769c4; */
    text-decoration: underline;
}
.mod-pics {
    /* width: 1164px; */
    overflow: hidden;
    position: relative;
    *zoom: 1;
}
/* .mod-pics ul{
    width: 1200px;
} */

.mod-pics li {
    float: left;
    margin-left: 20px;
    position: relative;
    *zoom: 1;
}
.mod-pics li .item-img i{
    background: url(../webgame/xxtjd/tpl/images/s_5.png?01b2ddc) no-repeat;
    position: absolute;
    right: 0;
    top: 0;
}
.mod-pics li .item-img i.video-new {
    background-position: 0 -52px;
    width: 39px;
    height: 37px;
}

.mod-pics li .item-img i.video-hot {
    background-position: -39px -52px;
    width: 39px;
    height: 37px;
}
.mod-dark .mod-hd {
    background: none;
    border: 0 none;
    border-bottom: 2px solid #f2f2f2;
    padding-left: 0;
}

.mod-dark .mod-bd {
    background: none;
    border: 0 none;
}
.mod-dark .mod-tit {
    color: #4c4c4c;
    border-bottom: 2px solid #5fb0f3;
}
.mod-dark {
    border: 1px solid #9ed5ff;
    border-radius: 5px;
    background-color: #fafdff;
    padding: 0 9px;
}
/* 选项卡 */
.tab-hd {
    padding-top: 5px;
}
.tab-hd li {
    width: 98px;
    height: 34px;
    line-height: 32px;
    text-align: center;
    cursor: pointer;
    float: left;
    font-weight: bold;
    font-size: 18px;
    color: #fff;
}

/* .tab-hd li.mod-tit {
    float: left;
    background: none;
    padding:0;
    border-bottom:none;
    color: #beae95;
} */

.tab-hd li.cur {
    color: #1375ba !important;
    background-color: #fff;
    border-radius: 20px;
    box-shadow: 0 -2px 2px #c8e6ff;
}

/* .tab-bd {
    position: absolute;
    top: 0;
    left: 0;
} */

/* ======================== 2016/4/7 by Adrian ========================  */
.wg_aside {
    width: 260px;
    float: left;
}
.wg_section {
    float: right;
    width: 734px;
}

/*功能按钮*/
.mod-entry {
    width: 510px;
    height: 136px;
    position: relative;
    *zoom: 1;
    overflow: hidden;
    float: left;
    background: #9ed5ff;
    border-radius: 3px;
    margin-left: 10px;
}

.mod-entry ul {
    width: 502px;
    margin: 0 auto;
    margin-top: 8px;
}

.mod-entry li {
    float: left;
    overflow: hidden;
    position: relative;
    width: 125px;
    height: 61px;
    *zoom: 1;
}

.mod-entry li.li-1 {
    width: 250px;
    height: 122px;
}

.mod-entry a {
    display: block;
    width: 125px;
    height: 61px;
    font-size: 0;
    line-height: 0;
    background: url(../webgame/xxtjd/tpl/images/sprite_bstn.png?01b2ddc) no-repeat 0 0;
    position: relative;
    *zoom: 1;
}

.mod-entry a.item-1 {
    background-position: 0 0;
    width: 250px;
    height: 122px;
}

.mod-entry a.item-2 {
    background-position: -250px -61px;
}

.mod-entry a.item-3 {
    background-position: -250px -122px;
}

.mod-entry a.item-4 {
    background-position: -250px -183px;
}

.mod-entry a.item-5 {
    background-position: 0 -244px;
}

.mod-entry a.item-1:hover {
    background-position: 0 -122px;
}

.mod-entry a.item-2:hover {
    background-position: -125px -244px;
}

.mod-entry a.item-3:hover {
    background-position: -250px -244px;
}

.mod-entry a.item-4:hover {
    background-position: 0 -305px;
}

.mod-entry a.item-5:hover {
    background-position: -250px 0;
}

/*热门问答*/
.mod-rmwd {
    float: left;
    width: 480px;
    height: 135px;
    overflow: hidden;
    background: url(../webgame/xxtjd/tpl/images/search-bg.png?) no-repeat;
}

.mod-rmwd .mod-list {
    overflow: hidden;
    height: 128px;
}

.mod-rmwd .mod-list li a {
    width: 228px;
}

.mod-rmwd .mod-more {
    top: -43px;
    background-position: -34px 0;
}

.mod-rmwd .mod-more:hover {
    background-position: -34px -34px;
}

.mod-rmwd .mod-bd {
    padding: 21px 0 0;
    height: 239px;
}

.search-wrap {
    height: 32px;
    margin-bottom: 10px;
    background: url(../webgame/xxtjd/tpl/images/s_search_2.png?01b2ddc) no-repeat;
}
.rmwd-search {
    float: left;
    margin-left: 24px;
    margin-top: 30px;
}
.wd-tit {
    width: 46px;
    height: 135px;
    text-align: center;
    writing-mode: tb-rl;
    letter-spacing: 7px;
}
.search-btn {
    float: left;
    margin-left: 12px;
    width: 56px;
    height: 32px;
    border: none;
    cursor: pointer;
    overflow: hidden;
    text-indent: -999em;
    background: url(../webgame/xxtjd/tpl/images/sprites.png?01b2ddc) -346px -123px no-repeat;
    border-radius: 3px;
}

.search-btn:hover {
    background-position: -407px -123px;
}

.search-ipt {
    float: left;
    padding-left: 30px;
    height: 32px;
    line-height: 32px;
    width: 279px;
    border: none;
    color: #7ebcf1;
    background: none;
    font-size: 12px;
    font-family: "Microsoft Yahei", "微软雅黑", Tahoma, Arial, Helvetica, STHeiti, sans-serif;
}

.search-ipt::-webkit-input-placeholder {
    color: #7ebcf1;
}
.search-ipt:-moz-placeholder {
    color: #7ebcf1;
}
.search-ipt::-moz-placeholder {
    color: #7ebcf1;
}
.search-ipt:-ms-input-placeholder {
    color: #7ebcf1;
}

.search-hot {
    padding: 0 0 0 72px;
    position: relative;
    *zoom: 1;
    line-height: 24px;
    height: 48px;
    margin-top: 22px;
    overflow: hidden;
}

.search-hot label {
    position: absolute;
    top: 0;
    left: 0;
    font-weight: bold;
}

.search-hot a:hover {
    text-decoration: underline;
}

/*游戏视频*/
.mod-yxsp {
    width: 1000px;
}

.mod-yxsp a.mod-more {
    /* right: -10px; */
    top: -36px;
}
.mod-yxsp .sp-left {
    float: left;
}
.mod-yxsp .sp-right {
    float: left;
    margin-left: 14px;
    width: 380px;
    height: 566px;
    background: url(../webgame/xxtjd/tpl/images/rank-bg.png?) no-repeat;
    margin-top: 15px;
}
.video-btn-list {
    margin-left: -12px;
    margin-top: 15px;
}
.video-btn {
    display: inline-block;
    margin-left: 20px;
    height: 38px;
    width: 96px;
    line-height: 38px;
    text-align: center;
    background-color: #ade2ff;
    font-size: 18px;
    color: #2a6da7;
    border-radius: 5px;
}
.video-btn-list .cur {
    width: 98px;
    height: 44px;
    background: url(../webgame/xxtjd/tpl/images/sprites.png?01b2ddc) no-repeat -324px -278px;
    color: #ffffff;
}
.mod-yxsp .mod-pics {
    padding-top: 15px;
    position: relative;
    *zoom: 1;
    width: 580px;
    overflow: hidden;
    height: 530px;
}
.mod-yxsp .mod-pics .btn_charge {
    background: url(../webgame/xxtjd/tpl/images/sprites.png?01b2ddc) no-repeat -63px 0px;
    width: 58px;
    height: 268px;
    font-size: 0;
    line-height: 0;
    overflow: hidden;
    position: absolute;
    top: 15px;
    right: 0;
}
.mod-yxsp .mod-pics .btn_charge:hover {
    background-position: 0px 0px;
}
.mod-yxsp .mod-pics ul {
    width: 590px;
    margin-left: -10px;
}
.mod-yxsp .mod-pics li {
    height: 165px;
}

.mod-yxsp .mod-pics li .item-img {
    width: 164px;
    height: 104px;
    background: url(../webgame/xxtjd/tpl/images/s_1.png?01b2ddc) no-repeat;
    background-position: 0 -162px;
    padding: 6px;
    position: relative;
    *zoom: 1;
    border-radius: 5px;
    display: block;
}
.mod-yxsp .vid-mask {
    width: 164px;
    height: 104px;
    position: absolute;
    top: 6px;
    left: 6px;
    background-color: rgba(0, 0, 0, 0.4);
}
.mod-yxsp .mod-pics li a.item-img:hover {
    background-position: -207px -162px;
}

.mod-yxsp .mod-pics li a.item-img:hover .item-play {
    background-position: -38px 0;
}
.mod-yxsp .mod-pics li a.item-img:hover .vid-mask {
    display: none;
}
.mod-yxsp .mod-pics li .item-txt {
    width: 168px;
    line-height: 22px;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
    padding-left: 8px;
}
.rank-tit {
    font-weight: 700;
    color: #2a6da7;
    font-size: 20px;
    text-align: center;
    line-height: 60px;
    padding-right: 13px;
}
.mod-yxsp .mod-pics li .item-txt-2 {
    height: 18px;
    line-height: 18px;
    color: #65a8e3;
}
/* 视频排行榜 */
.rank-item:first-child {
    border-top: dashed 0 #c0d3e5;
}
.rank-item {
    margin-left: 51px;
    margin-right: 10px;
    position: relative;
    border-top: dashed 1px #c0d3e5;
    cursor: pointer;
}
.rank-item_index {
    position: absolute;
    left: -40px;
    top: 8px;
    background-position: -542px -20px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background-color: #59acf2;
    font: 700 18px/32px "microsoft yahei";
    color: #ffffff;
    text-align: center;
    margin-right: 3px;
}
.rank-item_img {
    display: none;
}
.rank-item_img_cover {
    display: none;
    height: 0;
}
.rank-item_tit_span {
    height: 44px;
    max-width: 152px;
    font: 500 14px/44px "microsoft yahei";
    color: #2a6da7;
    *height: 32px;
    *line-height: 32px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    *vertical-align: auto;
    float: left;
}
.tag_hot_2 {
    background-position: -567px -20px;
    width: 27px;
    height: 10px;
}
.rank-item_tit_tag {
    position: relative;
    display: block;
    float: left;
    margin-left: 5px;
    margin-top: 5px;
}
.rank-author {
    position: absolute;
    left: 201px;
    width: 126px;
    font: 500 14px/44px "microsoft yahei";
    color: #6d9dc6;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    vertical-align: bottom;
}
.rank-price {
    display: none;
}
.rank-item.cur {
    padding: 13px 0;
}
.rank-item.cur .rank-item_index {
    top: 26px;
}
.rank-item.cur .rank-item_img_box {
    position: relative;
}
.rank-item.cur .rank-item_img {
    width: 132px;
    height: 70px;
    overflow: hidden;
    padding: 1px;
    border-radius: 6px;
    border: solid 1px #6cbaf9;
    display: block;
}
/* .rank-item.cur .rank-item_img:hover {
    border: solid 1px #ffd23d;
} */
.rank-item.cur .rank-item_img_cover {
    display: block;
    width: 38px;
    height: 38px;
    position: absolute;
    top: 17px;
    left: 50px;
    background: url(../webgame/xxtjd/tpl/images/s_10.png?01b2ddc) no-repeat;
}
/* .rank-item_img_box:hover .rank-item_img_cover {
    background-position: -38px 0;
}
 */
.rank-item.cur .rank-item_tit {
    position: absolute;
    left: 148px;
    top: 13px;
}
.rank-item.cur .rank-item_tit_span {
    height: 26px;
    line-height: 26px;
    max-width: 140px;
    color: #e91f1f;
}
.rank-item.cur .rank-author {
    position: absolute;
    left: 148px;
    top: 40px;
    font: 500 14px/16px "microsoft yahei";
    color: #6d9dc6;
}
.rank-item.cur .rank-price {
    position: absolute;
    left: 148px;
    top: 63px;
    font: 500 14px/16px "microsoft yahei";
    color: #2a6da7;
    display: block;
}
.rank-item_tit_tag {
    position: relative;
    display: none;
    float: left;
    margin-left: 5px;
    margin-top: 12px;
    text-align: center;
    background-color: #e31616;
    color: #ffffff;
    width: 30px;
    height: 14px;
    font: 400 12px/14px "microsoft yahei";
    border-radius: 2px;
}
.rank-item.cur .rank-item_tit_tag {
    margin-left: 0;
    margin-top: 1px;
}
/*英雄展示*/

.mod-yxzs .mod-pics {
    padding: 20px 11px 0;
    position: relative;
    *zoom: 1;
    /*     height: 384px;
    overflow: hidden; */
}
.mod-yxzs .mod-pics ul {
    margin-right: -60px;
}

.mod-yxzs .tab-hd li {
    padding-left: 0;
    width: 120px;
    text-align: center;
    color: #2a6da7;
}

.yxzs-more {
    display: block;
    margin: 20px auto;
    background: url(../webgame/xxtjd/tpl/images/sprites.png?01b2ddc) -126px -73px no-repeat;
    width: 216px;
    height: 66px;
    opacity: 1;
}

.yxzs-more:hover {
    background-position: -126px 0px;
}

/*游戏攻略*/
.mod-yxgl {
    float: left;
    width: 480px;
    margin-right: 0;
}

.mod-yxgl .mod-list {
    height: 190px;
    overflow: hidden;
    padding-top: 7px;
}

.mod-yxgl .mod-list li a {
    width: 256px;
}

.mod-yxgl .mod-bd {
    height: 196px;
}

/*游戏介绍*/
.mod-instr {
    background: url(../webgame/xxtjd/tpl/images/ibg_1.png?01b2ddc) no-repeat;
    position: relative;
    *zoom: 1;
    width: 1000px;
    height: 165px;
    margin-bottom: 6px;
}

.instr-pic {
    position: absolute;
    width: 162px;
    height: 110px;
    top: 28px;
    left: 24px;
}

.instr-pic img {
    width: 100%;
    height: 100%;
    display: block;
}

.instr-txt {
    color: #2a6da7;
    float: left;
    line-height: 22px;
    width: 576px;
    padding: 28px 0 0 202px;
}

.instr-txt a {
    color: #f7341c;
    font-size: 14px;
    font-weight: bold;
}

.instr-txt a:hover {
    text-decoration: underline;
}

a.instr-btn {
    position: absolute;
    top: 110px;
    left: 395px;
    background: url(../webgame/xxtjd/tpl/images/sprites.png?01b2ddc) no-repeat -126px -146px;
    width: 73px;
    height: 27px;
}

a.instr-btn:hover {
    background-position: -125px -207px;
}

.instr-share {
    overflow: hidden;
    height: 24px;
    position: absolute;
    left: 215px;
    top: 113px;
    width: 176px;
}

.instr-qrcode {
    position: absolute;
    right: 5px;
    top: 5px;
    width: 199px;
    height: 155px;
}

.instr-qrcode_tit {
    position: absolute;
    width: 100%;
    text-align: center;
    top: 16px;
    left: 0;
    color: #0067c0;
    font-size: 14px;
    line-height: 16px;
}
.instr-qrcode_nav {
    position: absolute;
    right: 31px;
    top: 39px;
    width: 49px;
}
.instr-qrcode_nav_item {
    border: solid 1px #90cbff;
    height: 33px;
    transition: all 0.3s;
    color: #003151;
    font-size: 12px;
    line-height: 33px;
    text-align: center;
    cursor: pointer;
}
.instr-qrcode_nav_item:hover,
.instr-qrcode_nav_item.cur {
    border: solid 1px #60b9fb;
    background-color: #60b9fb;
    color: #fff;
}
.instr-qrcode_nav_item_ios {
    margin-top: -1px;
}
.instr-qrcode_img_box {
    position: absolute;
    right: 79px;
    top: 39px;
    width: 81px;
    height: 81px;
    background-color: #60b9fb;
}
.instr-qrcode_img {
    position: absolute;
    right: 3px;
    top: 3px;
    width: 75px;
    height: 75px;
}
.mod-instr .instr-qrcode_link {
    position: absolute;
    right: 1px;
    bottom: -25px;
    width: 79px;
    height: 21px;
    background: url(../webgame/xxtjd/tpl/images/download_btn.png?01b2ddc) no-repeat 0 0;
    color: #fff;
    line-height: 21px;
    font-size: 12px;
    text-align: center;
}
.mod-instr .instr-qrcode_link:hover {
    background-position: 0 -21px;
    color: #fff;
    line-height: 21px;
    font-size: 12px;
}

.share-label {
    float: left;
    line-height: 20px;
    color: #2a6da7;
    font-size: 14px;
}

#bdshare a {
    padding: 0;
    width: 20px;
    height: 20px;
    background: url(../webgame/xxtjd/tpl/images/s_share.png?01b2ddc) no-repeat;
    margin-right: 5px;
}

#bdshare a.bds_qzone {
    background-position: -24px 0 !important;
}
#bdshare a.bds_tsina {
    background-position: -48px 0 !important;
}
#bdshare a.bds_tqf {
    background-position: -72px 0 !important;
}
#bdshare a.bds_sqq {
    background-position: 0 0 !important;
}

/*kfzx*/
.mod-kfzx {
    float: left;
    width: 240px;
    position: relative;
    z-index: 9;
    *zoom: 1;
}

.kfzx-group {
    padding: 20px 10px 10px;
    border-bottom: 1px solid #9ed5ff;
}

.kfzx-txt {
    line-height: 20px;
    padding-left: 71px;
    position: relative;
    margin-bottom: 10px;
    *zoom: 1;
}

.kfzx-txt dt {
    position: absolute;
    top: 0;
    left: 0;
}

.kfzx-txt dd {
}

.kfzx-label {
    position: absolute;
    top: 0;
    left: 0;
}

.mod-kfzx a {
    width: 130px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    font-size: 14px;
    color: #fff;
    display: inline-block;
    margin-right: 6px;
    background: url(../webgame/xxtjd/tpl/images/sprites2.png?01b2ddc) no-repeat;
    border-radius: 5px;
    vertical-align: top;
}

.mod-kfzx a:hover {
    background-position: 0 -20px;
    color: #fff;
}

.mod-kfzx .mod-bd {
    height: 381px;
    padding: 0;
    margin: 0 -9px;
    width: 258px;
    overflow: hidden;
}

.kfzx-group--3 .kfzx-txt {
    padding-left: 100px;
}

.kfzx-group--4 {
    padding-top: 10px;
    border-bottom: none;
}

/*下拉*/
.m_selectlist {
    background: url(../webgame/xxtjd/tpl/images/s_select.png?01b2ddc) no-repeat;
    width: 240px;
    height: 30px;
    position: relative;
    cursor: pointer;
    margin: auto;
}

.m_selected {
    height: 30px;
}

.m_selected .select_txt {
    padding-left: 10px;
    line-height: 30px;
}

.m_selected .flag_down b {
    position: absolute;
    border: 5px solid #b57f53;
    border-top-color: #fff;
    top: 12px;
    right: 8px;
    overflow: hidden;
    height: 0px;
}

.flag_down {
    display: none;
    position: absolute;
    top: 1px;
    right: 1px;
    width: 26px;
    height: 25px;
    background: #b57f53;
}

.selectlist li {
    width: 100%;
    height: 24px;
    line-height: 24px;
    cursor: pointer;
    *vertical-align: center;
    overflow: hidden;
    color: #2a6da7;
    padding: 0 10px;
}

.selectlist li:hover,
.selectlist li.cur,
.selectlist li.cur:hover {
    background: #2a6da7;
    text-decoration: none;
    color: #fff;
}

.m_selectlist .m_select_cont {
    position: absolute;
    top: 30px;
    width: 240px;
    background-color: #fff7e6;
    border-top: 0;
    display: none;
    overflow: hidden;
    padding: 5px 0;
}

.m_selectlist .selectlist {
    *vertical-align: top;
}

/*轮播图*/
.mod-silde {
    overflow: hidden;
    float: left;
    width: 480px;
    height: 274px;
    position: relative;
    *zoom: 1;
    margin-top: 0;
}

.slide-list {
    position: relative;
    *zoom: 1;
}

.slide-list li {
    position: absolute;
    top: 0;
    left: 0;
}
.slide-list li img {
    border-radius: 8px;
}
.slide-dot {
    position: absolute;
    bottom: 10px;
    z-index: 10;
    height: 6px;
    text-align: right;
    right: 10px;
}

.slide-dot li {
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 5px;
    vertical-align: top;
    cursor: pointer;
    overflow: hidden;
    *display: inline;
    zoom: 1;
    margin: 0 2px;
    text-align: center;
    font-size: 0;
    background: #5cadf2;
    transition: all 0.3s;
}

.slide-dot li.cur {
    background: #fe940b;
    width: 20px;
}

/*广告*/
.mod-adv {
    float: right;
    height: 274px;
    overflow: hidden;
}

.adv-item {
    position: relative;
    *zoom: 1;
    width: 248px;
    height: 134px;
    margin-bottom: 6px;
    display: block;
}

.adv-tit {
    position: absolute;
    left: 0;
    bottom: 0;
    text-align: center;
    width: 248px;
    font-size: 14px;
    line-height: 28px;
    color: #fff;
    background: url(../webgame/xxtjd/tpl/images/s_11.png?01b2ddc) repeat;
}

/*新闻活动*/
.mod-xwgg {
    float: left;
    width: 510px;
    position: relative;
    *zoom: 1;
    overflow: hidden;
    margin-left: 10px;
    margin-top: 0;
}

.mod-xwgg .mod-list {
    height: 225px;
    overflow: hidden;
}

.mod-xwgg .mod-list li a {
    max-width: 350px;
}

/* 游戏资料 */
.mod-yxzl {
    float: left;
    width: 510px;
    margin-left: 10px;
}

.mod-yxzl .mod-bd {
    padding: 20px 0 0 20px;
    height: 176px;
    overflow: hidden;
    *zoom: 1;
}

.mod-yxzl .mod-ico {
    background-position: 0 -66px;
}

.yxzl-stit {
    float: left;
    text-align: center;
    color: #2a6da7;
    text-align: center;
    font-size: 18px;
    padding: 4px 20px;
    width: 44px;
    height: 57px;
    background: url(../webgame/xxtjd/tpl/images/sprites.png?01b2ddc) -240px -257px no-repeat;
}

.yxzl-list {
    float: left;
    overflow: hidden;
    height: 66px;
    position: relative;
    z-index: 2;
    width: 400px;
}

.yxzl-list ul {
    width: 400px;
}

.yxzl-list li {
    float: left;
    line-height: 28px;
}

.yxzl-list li a {
    display: block;
    width: 100px;
    text-align: center;
    height: 30px;
    line-height: 30px;
}

.yxzl-list li a:hover {
    text-decoration: underline;
}

.yxzl-opt {
    overflow: hidden;
    *zoom: 1;
    position: relative;
    margin-bottom: 23px;
}

/* 玩家相册 */
.mod-wjxc,
.mod-yxjt {
    width: 328px;
    float: left;
    margin-right: 0;
}

.mod-wjxc .mod-bd,
.mod-yxjt .mod-bd {
    padding: 28px 16px 27px;
}

.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: 107px;
    width: 145px;
    display: block;
    overflow: hidden;
    background: url(../webgame/xxtjd/tpl/images/loading.gif?01b2ddc) #000 no-repeat center center;
}

/* 玩家交流 */
.m-ctable {
    padding: 5px 0 8px;
    overflow: hidden;
}

.m-ctable a {
    font-size: 14px;
}
.mod-recommend {
    width: 1000px;
    /* 覆蓋公共 */
    float: none;
}
.mod-recommend a.mod-more {
    position: absolute;
    right: 14px;
    top: 16px;
    *zoom: 1;
    font-size: 0;

    padding: 0;
    width: 46px;
    height: 13px;
    background: url(../webgame/xxtjd/tpl/images/more_2.png?01b2ddc) 0 0 no-repeat;
}
.mod-recommend .recommend-item .recommend-item-name {
    color: #2a6da7;
}
.mod-recommend .recommend-item:hover .recommend-item-name {
    color: #f08800;
}

.mod-wjjl {
    float: right;
    margin-right: 0;
    width: 734px;
}

.mod-wjjl .mod-bd {
    height: 380px;
    overflow: hidden;
}

.comu-table {
    line-height: 35px;
}

.comu-table th {
    line-height: 44px;
    margin-bottom: 5px;
    font-weight: bold;
    border-bottom: 1px dotted #d1c8c1;
}

.comu-table td {
    line-height: 39px;
    height: 39px;
    overflow: hidden;
    border-bottom: 1px dotted #d1c8c1;
}

.comu-table td.td-tit {
    text-align: left;
}

.comu-table td a,
.td-wid {
    line-height: 32px;
    cursor: pointer;
}

.comu-table .td-wid {
    overflow: hidden;
    height: 32px;
    line-height: 32px;
    padding: 0 5px;
}

.comu-table .td-tit .td-wid {
    width: 600px;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    white-space: nowrap;
}

.disable {
    display: none;
}

.comu-table .hover a,
.comu-table .hover td,
.comu-table .hover td a,
.comu-table .hover .td-wid {
    /* color: #335caf; */
    text-decoration: underline;
}

a.mod-publish {
    color: #1375ba;
    line-height: 26px;
    background-color: #ffffff;
    border-radius: 5px;
    padding: 0 20px;
    position: absolute;
    top: 9px;
    right: 64px;
    font-size: 14px;
}

a.mod-publish:hover {
    color: #70b1e9;
}

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

.tab-hds {
    display: none;
}

.mod-bzdq {
    clear: both;
    margin-right: 0;
}

.mod-bzdq .mod-bd {
    padding: 20px 36px 0;
}

.bzdq-pics {
    margin-bottom: 20px;
    overflow: hidden;
    position: relative;
    *zoom: 1;
    width: 926px;
}

.bzdq-pics ul {
    width: 1000px;
}

.bzdq-pics li {
    width: 200px;
    float: left;
    margin: 0 42px 8px 0;
    position: relative;
    *zoom: 1;
    overflow: hidden;
}

.bzdq-pics .item-img {
    width: 196px;
    height: 196px;
    display: block;
    border: 2px solid #000000;
}

.bzdq-pics .item-txt {
    line-height: 30px;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 200px;
    color: #222124;
    display: inline-block;
    vertical-align: top;
}

.bzdq-pics a:hover .item-img {
    border-color: #bf0606;
}

.bzdq-more {
    width: 192px;
    height: 55px;
    display: block;
    margin: 0 auto 20px;
    background: url(../webgame/xxtjd/tpl/images/s_more2.png?01b2ddc) no-repeat 0 0;
}

.bzdq-more:hover {
    background-position: 0 -55px;
}

/* zyjs */
.mod-zyjs {
    clear: both;
    overflow: hidden;
    position: relative;
    *zoom: 1;
    z-index: 1;
}

.mod-zyjs a.mod-more {
    /*  right: -10px; */
    top: -36px;
}
.mod-zyjs .mod-bd {
    padding: 0 8px 12px;
}

.mod-zyjs .mod-pics {
    padding-top: 20px;
    height: 190px;
    overflow: hidden;
}
.mod-zyjs .mod-pics ul {
    margin-right: -20px;
}
.mod-zyjs .tab-hd-zyjs i {
    background-position: 0 -286px;
}

.mod-zyjs .tab-hd-zyjs.cur i {
    background-position: 0 -78px;
}

.mod-zyjs .tab-hd-zxpf i {
    background-position: 0 -104px;
}

.mod-zyjs .tab-hd-zxpf.cur i {
    background-position: 0 -312px;
}

/* add by xiafang 18-06-08 */
.wg_browser {
    background: url(../webgame/xxtjd/tpl/images/bsbtn.png?01b2ddc) 0 0 no-repeat;
    width: 278px;
    height: 82px;
    position: absolute;
    top: 90px;
    left: 381px;
    z-index: 100;
}
.wg_browser .a1 {
    position: absolute;
    left: 154px;
    top: 0;
    *zoom: 1;
    width: 123px;
    height: 46px;
    background: url(../webgame/xxtjd/tpl/images/bsbtn.png?01b2ddc) -154px 0 no-repeat;
}
.wg_browser .a1 .tip {
    position: absolute;
    top: 6px;
    left: 124px;
    background: url(../webgame/xxtjd/tpl/images/bspritef.png?01b2ddc) 0 0 no-repeat;
    width: 170px;
    height: 160px;
    overflow: hidden;
    display: none;
    z-index: 999;
}
.wg_browser .a1:hover .tip {
    display: block;
}
.wg_browser .a2 {
    background: url(../webgame/xxtjd/tpl/images/bsbtn.png?01b2ddc) 0 -46px no-repeat;
    position: absolute;
    top: 46px;
    left: 0;
    width: 100%;
    height: 35px;
    font-size: 0;
    line-height: 0;
    overflow: hidden;
}
.wg_browser .a2:hover {
    background-position: 0 -81px;
}

.mod-yxdt {
}
.mod-yxdt .img-box {
    background-color: #e1952a;
    width: 224px;
    height: 121px;
    padding: 3px;
    position: relative;
    margin: 20px auto 15px;
}
.mod-yxdt .img-box .imgscroll {
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.mod-yxdt .imglist li {
    float: left;
    width: 224px;
    height: 121px;
    overflow: hidden;
}
.mod-yxdt .img-box .btn {
    background: url(../webgame/xxtjd/tpl/images/sprites.png?01b2ddc) no-repeat;
    position: absolute;
    top: 50%;
    margin-top: -19px;
    width: 20px;
    height: 38px;
}
.mod-yxdt .img-box .lbtn {
    left: -5px;
    background-position: -395px -183px;
}
.mod-yxdt .img-box .lbtn:hover {
    background-position: -345px -183px;
}
.mod-yxdt .img-box .rbtn {
    right: -5px;
    background-position: -420px -183px;
}
.mod-yxdt .img-box .rbtn:hover {
    background-position: -370px -183px;
}
.mod-yxdt .btn_more {
    background: url(../webgame/xxtjd/tpl/images/sprites.png?01b2ddc) -345px 0px no-repeat;
    width: 135px;
    height: 44px;
    display: block;
    margin: 0 auto;
    font-size: 0;
    line-height: 0;
    overflow: hidden;
}
.mod-yxdt .btn_more:hover {
    background-position: -345px -49px;
}
.mod_dwd {
    position: absolute;
    background: url(../webgame/xxtjd/tpl/images/sprites1.png?01b2ddc) no-repeat 0px 0px;
    width: 246px;
    height: 127px;
    top: 446px;
    right: 0;
    padding: 15px 20px;
}
.mod_dwd .txt {
    color: #2a6da7;
    line-height: 28px;
}
.mod_dwd .txt1 {
    font-size: 18px;
    font-weight: 700;
}
.mod_dwd .txt2 {
    color: #fe940b;
}
.mod_dwd .btn_dwd {
    background: url(../webgame/xxtjd/tpl/images/sprites1.png?01b2ddc) no-repeat 0px -162px;
    display: block;
    width: 183px;
    height: 24px;
    padding-top: 34px;
    margin: 5px auto;
    text-align: center;
    color: #a96c01;
    line-height: 18px;
}
.mod_dwd .btn_dwd:hover {
    background-position: 0px -225px;
}

.mod-stit {
    display: none;
}
/* 侧边导航 */
.fixed_menu {
    width: 138px;
    height: 385px;
    position: fixed;
    left: 50%;
    top: 124px;
    z-index: 9;
    margin-left: 520px;
    display: none;
}
.fixed_menu .pic {
    width: 184px;
    height: 146px;
    display: block;
    /* margin: 0 auto; */
    position: absolute;
    left: -8px;
    top: 14px;
    background: url(../webgame/xxtjd/tpl/images/dh-top.png?) no-repeat center center;
}
.fixed_menu .pic img {
    position: absolute;
    width: 105px;
    border: 1px solid #c8e6ff;
    height: 72px;
    top: 25px;
    left: 21px;
}
.fixed_menu .m_asidenav {
    width: 105px;
    height: 272px;
    position: absolute;
    left: 15px;
    background: url(../webgame/xxtjd/tpl/images/dh-bg.png?) no-repeat center center;
    top: 113px;
}
.m_asidenav_li {
    text-align: center;
}
.m_asidenav_a {
    display: inline-block;
    width: 90px;
    height: 30px;
    font: 700 16px/30px "microsoft yahei";
    color: #1375ba;
    background-color: #ffffff;
    margin-top: 5px;
    border-radius: 5px;
    border: 1px solid #c8e6ff;
}
.m_asidenav_a:hover {
    background-color: #4f7ee9;
    border: 1px solid #c8e6ff;
    color: #ffffff;
}
.m_asidenav_bottom {
    border: none;
    color: #ffffff;
    background-color: transparent;
}
.m_asidenav_bottom:hover {
    background-color: transparent;
    border: none;
}
.m_asidenav_bottom_span {
    margin-left: 5px;
}
.icon_triangleb {
    margin-top: 11px;
    margin-left: 4px;
}
.m_asidenav_bottom .m_asidenav_bottom_span,
.m_asidenav_bottom .icon_triangleb {
    display: block;
    float: left;
}
.m_asidenav .icon_triangleb {
    width: 0;
    height: 0;
    border-bottom: 10px #ffffff solid;
    border-left: 7px transparent dashed;
    border-right: 7px transparent dashed;
}



.marquee_cont{
    position: relative;
    height:215px;
    overflow: hidden;
}
.marquee_cont .marquee_btn{
    position: absolute;
    cursor: pointer;

    top: 76px;
    width: 21px;
    height:38px;
    font-size: 0;
    background: url(../webgame/xxtjd/tpl/images/s_12.png?01b2ddc) no-repeat center center;
}
.marquee_btn.prev_btn{
    left:10px;
    background-position: -31px 0;
}
.marquee_btn.next_btn{
    right:10px;
    background-position: 0 0;
}

.scroll_holder{
    position: relative;
    width: 903px;
    overflow: hidden;
    margin: 0 auto;
    margin-top: 15px;
}
.scroll_holder .scroll_item{
    position: relative;
    float: left;
    margin-right: 14px;
}


/* 图片 */
.item-pic .item-img{
    width: 169px;
    height: 161px;
    background: url(../webgame/xxtjd/tpl/images/s_12.png?01b2ddc) no-repeat center center;
    background-position: -62px 0;
}
.item-pic .item-img{
    position: relative;
    overflow: hidden;
    display: block;
}
.item-pic .item-txt{
    padding: 0 4px;
    text-align: center;
    line-height: 30px;
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.item-pic .item-img img{
    width: 155px;
    height: 144px;
    display: block;

    margin-left: 7px;
    margin-top: 10px;
    border-radius: 4px;
}
.item-pic .item-img .item-flag{
    width: 155px;
    height: 144px;
    display: block;

    margin-left: 10px;
    margin-top: 7px;
}

.item-pic .item-img > i {
    background: url(../webgame/xxtjd/tpl/images/s_5.png?01b2ddc) no-repeat;
    position: absolute;
    top: 4px;
    right: 0;
}

.item-pic .item-img i.tag-new {
    background-position: 0 0;
    width: 66px;
    height: 52px;
}

.item-pic .item-img i.tag-hot {
    background-position: -66px 0;
    width: 66px;
    height: 52px;
}

.item-pic:hover .item-img{
    background-position: -241px 0;
}
.item-pic:hover .item-txt{
    color: #fe940b;
}