@charset "utf-8";
/* /webgame/hhw/tpl/css/gserver.css */
/* ue_notice */
.ue_notice{ position:absolute; top: 425px;  left: 0;z-index: 99;}

/*ser_out_face*/
.ser_out_face{top:400px;opacity:1;filter:alpha(opacity=100);width: 666px;margin-left: -600px;z-index: 99;}
.out_face_hd,.out_face_bd,.out_face_fd{background:url(img/sprite_serv.png);}
.out_face_hd,.out_face_hd a{ color:#fff88f; }
.out_face_hd{ background-position:0 0;padding: 15px 40px 0 10px;height: 55px;}
.out_face_bd{ overflow:hidden;background-position:-666px 0;padding: 0 30px 0 42px;background-repeat: repeat-y;}
.out_face_fd{padding-bottom:20px; zoom:1;background-position:-1332px bottom;background-repeat: no-repeat;}

/* store_btn */
.sns_textscroll h2{color:#ffdc51;}
.text_scroll_bx{ height:24px;}
.text_scroll_bx a{color:#ffdc51;}
.text_scroll_bx a:hover{ color:#fff437;}
.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:#bfa88c; text-indent:0; line-height:36px;}
.alert_w{ background:url(img/sprite_6.png) no-repeat 0 0;}
.select_ser{ color:#bfa88c;}
.m_played_ser .nplay { color:#bfa88c;}
.m_server .m_server_fd{ height:0; width:594px;}

/*server_box*/
.server_num li{ background: #414141; border-color: #666666; color: #bfa88c;}
.server_num li.cur{ background:#261909;border-bottom-color:#261909;}
.server_all .m_server_num{border-bottom-color: #666;}

/*scrollbar*/
.jScrollPaneContainer{outline: none;}
a.jScrollArrowUp { background:url(img/sprite_6.png) no-repeat  0 -76px;}
a.jScrollArrowDown { background: url(img/sprite_6.png) no-repeat -17px -76px;}
a.jScrollArrowUp:hover{ background:url(img/sprite_6.png) no-repeat 0  -88px;}
a.jScrollArrowDown:hover{ background: url(img/sprite_6.png) no-repeat -17px -88px;}
.jScrollPaneTrack{background:#000000;}
.jScrollPaneDrag{background:#595147;}
.allTxt_box .allTxt{color:#bfa88c;}
.server_all  .server_box{height: 105px;}


#xfk{display: none;}
.w_tit{color: #FFDC33;padding-top:8px;}
.w_tit .kf{color: #EC4901;}
/* /webgame/hhw/tpl/css/game_japan.css */
/*
 frm ：表示框架
 sfrm: 表示小的框架
 mod : 表示模? 
 wg ：表示公用?容
 cnt : 表示?容
*/

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

.my_topbar {
    min-width: 1200px;
}

.my_ftop {
}

.frm_wfooter {
    margin-top: 0px;
}

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

/* ======================== frm 整体框架 ========================  */
.view {
    *zoom: 1;
    background: #2e1c11;
}

.wg-head {
    background: url(../images/fbg_1.jpg) center 0 no-repeat;
    *zoom: 1;
}

.head-bg{
    background: url(../images/fbg_2.jpg) center 350px no-repeat;
}

.wg-main{
    font-family: "Microsoft Yahei", "微?雅黑", Tahoma, Arial, Helvetica, STHeiti, sans-serif;
    font-size:14px;
    color: #5a3607;
    padding-bottom: 40px;
    background:transparent;
}

.wg-main .wrapper{
    background:#271210;
}

.wg-main .main-bg{
    background: url(../images/fbg_4.jpg) center 1000px no-repeat;
}

.wg-main a{
    font-family: "Microsoft Yahei", "微?雅黑", Tahoma, Arial, Helvetica, STHeiti, sans-serif;
    font-size:14px;
    color: #5a3507;
}

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

.col-1{
    height:697px;
}

.col-2{
    height:445px;
}

.col-3 .wrapper{
    background-position: 0 -1136px;
}

.bg-1 {
    background: url(../images/bg_1.jpg);
    height: 200px;
}

.bg-2 {
    background: url(../images/bg_2.jpg);
    height: 250px;
}

.bg-3 {
    background: url(../images/bg_3.jpg);
    height: 250px;
}

.main {
    width: 1000px;
    margin: -323px auto 0;
    position: relative;
    z-index: 12;
}


/* 通用模? */
.mod {
    margin-right:10px;
    margin-bottom: 10px;
    position: relative;
    *zoom:1;
}

.mod-hd {
    position: relative;
    *zoom: 1;
    font-family: "Microsoft Yahei", "微?雅黑", Tahoma, Arial, Helvetica, STHeiti, sans-serif;
    height: 40px;
    line-height: 40px;
    padding: 0 10px;
    /*background: #f5f3f2;*/
}

.mod-bd {
    position: relative;
    *zoom: 1;
    padding:0 10px;
}

.mod-fd{
    height: 20px;
}

.mod-tit {
    float: left;
    line-height: 31px;
    height: 31px;
    position: relative;
    *zoom:1;
    padding-top: 9px;
}

.mod-tit h3{
    height: 26px;
    font-size: 0;
    line-height: 0;
    background: url(img/s_tit.png) no-repeat;
}


.mod-rmwd .mod-tit h3{background-position:0 0;width:80px;height:26px;}
.mod-xwgg .mod-tit h3{background-position:0 -26px;width:80px;height:26px;}
.mod-yxzl .mod-tit h3{background-position:0 -52px;width:80px;height:26px;}
.mod-httl .mod-tit h3{background-position:0 -78px;width:80px;height:26px;}
.mod-yxgl .mod-tit h3{background-position:0 -104px;width:80px;height:26px;}
.mod-tit--yxjt h3{background-position:0 -130px;width:80px;height:26px;}
.mod-tit--wjxc.cur h3{background-position:0 -156px;width:80px;height:26px;}
.mod-kfzx .mod-tit h3{background-position:0 -182px;width:80px;height:26px;}
.mod-wjjl .mod-tit h3{background-position:0 -208px;width:80px;height:26px;}
.mod-tit--wjxc h3{background-position:0 -234px;width:80px;height:26px;}
.mod-tit--yxjt.cur h3{background-position:0 -260px;width:80px;height:26px;}

.mod-tit span{
    height: 5px;
    position: absolute;
    bottom:0;
    left:50%;
    margin-left: -39px;
    width: 78px;
    
}

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

a.mod-more {
    position: absolute;
    top:13px;
    right: 10px;
    *zoom:1;
    
    height:20px;
    line-height: 20px;
    padding: 0 19px 0 5px;
}

a.mod-more:hover{
    color: #5a3507;
}

.mod-list{
    position: relative;
}

.mod-list li {
    line-height: 32px;
    height: 32px;
    vertical-align: top;
    position: relative;
    zoom: 1;
}

.mod-dark .mod-list li,
.mod-255 .mod-list li{
    background: url(img/line_255.png) center bottom no-repeat;
}

.mod-470 .mod-list li{
    background: url(img/line_470.png) center bottom no-repeat;
}

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

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

.mod-list li.hc1 em{
    width: 23px;
    height: 11px;
    display: inline-block;
    margin-left: 8px;
    background: url(img/ico_new.png) no-repeat;
}

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

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

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

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

.mod-dark .mod-hd{
    background: url(img/ibg_255_dark.png) 0 0 no-repeat;
}

.mod-dark .mod-bd{
    background: url(img/ibg_255_dark.png) -255px 0 repeat-y;
}

.mod-dark .mod-fd{
    background: url(img/ibg_255_dark.png) -510px bottom no-repeat;
}

.mod-470 .mod-hd{
    background: url(img/ibg_470.png) 0 0 no-repeat;
}

.mod-470 .mod-bd{
    background: url(img/ibg_470.png) -470px 0 repeat-y;
}

.mod-470 .mod-fd{
    background: url(img/ibg_470.png) -940px bottom no-repeat;
}

.mod-255 .mod-hd{
    background: url(img/ibg_255.png) 0 0 no-repeat;
}

.mod-255 .mod-bd{
    background: url(img/ibg_255.png) -255px 0 repeat-y;
}

.mod-255 .mod-fd{
    background: url(img/ibg_256.png) -510px bottom no-repeat;
}

.mod-735 .mod-hd{
    background: url(img/ibg_735.png) 0 0 no-repeat;
}

.mod-735 .mod-bd{
    background: url(img/ibg_735.png) -735px 0 repeat-y;
}

.mod-735 .mod-fd{
    background: url(img/ibg_735.png) -1470px bottom no-repeat;
}

.mod-1000 .mod-hd{
    background: url(img/ibg_1000.png) 0 0 no-repeat;
}

.mod-1000 .mod-bd{
    background: url(img/ibg_1000.png) -1000px 0 repeat-y;
}

.mod-1000 .mod-fd{
    background: url(img/ibg_1000.png) -2000px bottom no-repeat;
}





/* ??卡 */
.tab-hd li {
    text-align: center;
    cursor: pointer;
    margin-right: 10px;
}

.tab-hd li.mod-tit {
    float: left;
}

.tab-hd li.mod-tit span{
    display: none;
}

.tab-hd li.cur  span{
    display: block;
}

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










/* ======================== 2016/4/7 by Adrian ========================  */


/*功能按?*/
.mod-entry {
    width: 255px;
    padding-top: 1px;
    height:246px;
    position: relative;
    *zoom:1;
    overflow: hidden;
    float: left;
    background: none;
}

.mod-entry ul{
    width: 290px;
}

.mod-entry li {
    float: left;
    width: 122px;
    height:47px;
    margin: 0 11px 8px 0;
}

.mod-entry li.li-1{
    width: 255px;
    height:130px;
    margin: 0 0 15px 0;
}

.mod-entry a{
    display: block;
    width: 122px;
    height: 47px;
    font-size: 0;
    background: url(img/s_2.png) no-repeat 0 0;
    position: relative;
    *zoom:1;
}

.mod-entry a:hover{
    color: #b5a6c9;
}

.mod-entry a.item-1 {
    width: 255px;
    height:130px;
    padding:0;
    font-size:0;
}

.mod-entry a.item-2{
    background-position: 0 -145px;
}

.mod-entry a.item-3{
    background-position: -133px -145px;
}

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

.mod-entry a.item-5 {
    background-position: -133px -200px;
}


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

.mod-entry a.item-2:hover{
    background-position:-255px -145px;
}

.mod-entry a.item-3:hover{
    background-position: -388px -145px;
}

.mod-entry a.item-4:hover{
    background-position: -255px -200px;
}

.mod-entry a.item-5:hover{
    background-position: -388px -200px;
}


/*???答*/
.mod-rmwd{
    float: left;
    width: 255px;
}

.mod-rmwd .mod-list{
    overflow: hidden;
}

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

.mod-rmwd .mod-bd{
    padding:0px 5px 0;
    height:198px;
}


.rmwd-search{
    padding-bottom: 6px;
    background: url(img/line_255.png) center bottom no-repeat;
}

.search-wrap{
    height:209px;
    margin-bottom: 5px;
    background: url(img/s_search.png) no-repeat center -47px;
}

.search-btn{
    float: right;
    width: 62px;
    height:32px;
    border: none;
    cursor: pointer;
    overflow: hidden;
    text-indent: -999em;
    background: none;
}

.search-btn:hover{
    background-position: -184px -32px;
}

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

.search-ipt::-webkit-input-placeholder{
    color: #8C6324;
}
.search-ipt:-moz-placeholder{
    color: #8C6324;
}
.search-ipt::-moz-placeholder{
    color: #8C6324;
}
.search-ipt:-ms-input-placeholder{
    color: #8C6324;
}

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

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

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




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

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

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

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

/*游?介?*/
.mod-instr {
    background: url(img/ibg_1.png) no-repeat;
    position: relative;
    *zoom: 1;
    float: left;
    width: 960px;
    height: 120px;
    margin-bottom:8px;
}

.instr-pic {
    position: absolute;
    width: 138px;
    height:91px;
    top:14px;
    left:18px;
    border:1px solid #7b5d40;
}

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

.instr-txt {
    color: #6b3a17;
    float: left;
    line-height: 18px;
    width: 600px;
    padding: 17px 0 0 185px;
}

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

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

a.instr-btn {
    width: 152px;
    position: absolute;
    top: 18px;
    right: 24px;
    height: 48px;
    background: url(img/s_3.png) 0 0 no-repeat;
}

a.instr-btn:hover{
    opacity: .9;
}

.instr-share {
    overflow: hidden;
    height: 24px;
    position: absolute;
    right: 8px;
    top: 72px;
    width: 176px;
}

.share-label {
    float: left;
    line-height: 24px;
    font-size: 14px;
    color: #6b3a17;
}

#bdshare a{
    padding:0;
    width: 24px;
    height:24px;
    background: url(../images/ico_share.png) no-repeat;
    padding-right:5px;
}

#bdshare a.bds_qzone{
    background-position: -29px 0!important;
}
#bdshare a.bds_tsina{
    background-position: -58px 0!important;
}
#bdshare a.bds_tqf{
    background-position: -87px 0!important;
}
#bdshare a.bds_sqq{
    background-position: 0 0!important;
}





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

.mod-kfzx .mod-bd{
    height: 264px;
}

.kfzx-txt{
    padding:15px 0 0 18px;
    margin-bottom:10px;
}

.kfzx-txt p{
    width: 152px;
    line-height:26px;
    padding-left:68px;
    position: relative;
    margin-bottom:5px;
    *zoom:1;
}

p.kfzx-txtl{
    padding-left:0;
    width: 220px;
}

p.kfzx-txth{
    height:30px;
}

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

.mod-kfzx a {
    width: 97px;
    height: 27px;
    line-height: 27px;
    text-align: center;
    font-size: 14px;
    color: #060100;
    display: inline-block;
    margin-right:6px;
    background: url(img/s_6.png) no-repeat;
    *margin-top:5px;
}

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


/*下拉*/
.m_selectlist {
    background: url(img/s_select.png) no-repeat;
    width: 196px;
    height: 29px;
    position: relative;
    cursor: pointer;
    float: left;
    margin-left: 18px;
    font-size: 12px;
}

.m_selected {
    height: 29px;
}

.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: #ddb26d;
    padding: 0 10px;
}

.selectlist li:hover,
.selectlist li.cur,
.selectlist li.cur:hover {
    background: #ddb26d;
    text-decoration: none;
    color: #754202;
}

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

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





/*?播?*/
.mod-silde {
    overflow: hidden;
    float: left;
    width: 464px;
    height: 241px;
    padding: 2px;
    background: #dbbf41;
    border-radius: 4px;
    border: 1px solid #221b0a;
    position: relative;
    *zoom:1;
}

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

.slide-list li {
    border-radius: 4px;
    overflow: hidden;
    border: 1px solid #221b0a;
    position: absolute;
    top: 0;
    left: 0;
    *zoom:1;
}

.slide-dot {
    position: absolute;
    bottom: 20px;
    z-index: 10;
    height: 6px;
    text-align: right;
    right: 10px;
}

.slide-dot li {
    display: inline-block;
    width: 20px;
    height: 20px;
    vertical-align: top;
    cursor: pointer;
    overflow: hidden;
    *display: inline;
    zoom: 1;
    margin: 0 2px;
    text-align: center;
    font-size: 0;
    background: url(img/s_dot.png) 0 -20px no-repeat;
}

.slide-dot li.cur {
    background-position: 0 0;
}



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

.adv-item{
    position: relative;
    *zoom:1;
    width: 249px;
    height:112px;
    padding: 2px;
   
    overflow: hidden;
    margin-bottom:11px;
}

.adv-pic{
    width: 249px;
    height:112px;
    display: block;
}

.adv-pic img{
    width: 209px;
    height:110px;
    border-radius: 4px;
    border: 2px solid #dbbf41;
    overflow: hidden;
}

a.adv-tit{
    position: absolute;
    left:4px;
    bottom: 3px;
    text-align: center;
    width: 209px;
    line-height:24px;
    font-size: 22px;
    color: #ffffff;
    background: url(img/s_10.png) repeat;
}

/*新?活?*/
.mod-xwgg {
    float: left;
    width: 470px;
    position: relative;
    *zoom:1;
    overflow: hidden;
}

.mod-xwgg .mod-list{
    height:192px;
    overflow: hidden;
    padding-top:7px;
}

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

.mod-xwgg .mod-bd {
    height: 199px;
}





/* 游??料 */
.mod-yxzl {
    *zoom: 1;
    float: left;
    height: 250px;
    overflow: hidden;
    width: 470px;
}

.mod-yxzl .mod-bd {
    height: 184px;
    padding-top:6px;
}

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

.yxzl-opts{
    overflow: hidden;
    background: url(../images/ibg_3.png) 9px 0 no-repeat;
}

.yxzl-stit{
    position: absolute;
    width: 100px;
    top:6px;
    left:0;
    text-align: center;
    line-height:0;
    font-size: 0;
}

.yxzl-list {
    padding:0 0 0 98px;
    overflow: hidden;
    height: 52px;
    position: relative;
    z-index: 2;
    float: left;
    margin-bottom: 13px;
}

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

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

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

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






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

.m-ctable a {
    font-size: 14px;
}

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

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

.comu-table th {
    padding-left: 25px;
    line-height: 45px;
    margin-bottom: 5px;
    font-weight: bold;
    background: url(img/line_735.png) center bottom no-repeat;
}

.comu-table th.th-tit{
    width: 510px;
}

.comu-table th.th-author{
    width: 207px;
}

.comu-table td {
    padding-left: 20px;
    line-height: 31px;
    height: 31px;
    overflow: hidden;
    background: url(img/line_735.png) center bottom no-repeat;
}

.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: 400px;
    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: #e80202;
    text-decoration: underline;
}

a.mod-publish {
    width: 97px;
    height: 27px;
    line-height: 27px;
    text-align: center;
    font-size: 14px;
    color: #060100;
    display: inline-block;
    position: absolute;
    top:9px;
    right: 72px;
    background: url(img/s_6.png) 0 0 no-repeat;
}

a.mod-publish:hover{
    color: #060100;
    background-position: 0 -27px;
}


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

.tab-hds{
    display: none;
}




.mod-httl{
    float: left;
    width: 255px;
    margin-right: 10px;
}

.mod-httl .mod-bd{
    height: 190px;
}

.httl-show{
    padding:9px 0 0;
}

a.httl-txt{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 237px;
    display: block;
    line-height:40px;
    height:40px;
    text-align: center;
}

.httl-img{
    display: block;
    width: 235px;
    height:106px;
    border-radius: 7px;
    overflow: hidden;
    border:1px solid #313131;
}

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

.httl-history{
    height:34px;
    line-height:34px;
    padding: 0 19px;
    color: #fff;
    width: 210px;
    margin-left: -6px;
    background: url(img/ibg_2.png) center 0 no-repeat;
}

.httl-history label{
    float: left;
    font-weight: bold;
}

.httl-history a{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 140px;
    display: block;
    float: left;
    color: #fff;
}

.httl-history a:hover{
    color: #fff;
}



/* 玩家相? */
.mod-wjxc{
    height:250px;
    width: 255px;
    float: right;
    margin-right: 0;
}

.mod-wjxc .mod-bd{
    padding-top: 9px;
    height: 181px;
    overflow: hidden;
    position: relative;
    *zoom:1;
}

.mod-wjxc .mod-publish {
    top: -74px;
    right: 100px;
}

.mod-wjxc .tab-bd {
    width: 235px;
    height: 222px;
    left: 10px;
    top: 9px;
}

.mod-wjxc .wjxc{
    height:222px;
    width: 232px;
    position: relative;
    overflow: hidden;
}

.mod-wjxc .wjxc-list {
    overflow: hidden;
    width: 242px;
    height:178px;
}

.mod-wjxc .wjxc-list li {
    float: left;
    margin:0 10px 12px 0;
    border-radius: 7px;
    overflow: hidden;
}

.mod-wjxc .wjxc-list li a {
    height: 84px;
    width: 111px;
    display: block;
    overflow: hidden;
    background: url(img/loading.gif) #fff no-repeat center center;
}


.mod-wjxc .marq-list li img {
    width: 100%;
    height: 100%;
    display: block;
}




.mod-zyjs{
    width: 1000px;
    height: 455px;
    margin-bottom: 10px;
    clear: both;
    background: url(../images/r_2.png) no-repeat center center;
    position: relative;
    *zoom:1;
}

.mod-zyjs .marq{
    position: absolute;
    width: 120px;
    height:358px;
    *zoom:1;
    top:77px;
    left:49px;
}

.mod-zyjs .marq .marq-bd{
    padding:41px 22px 0 17px;
}

.mod-zyjs .marq .marq-cont{
    width: 84px;
    height:276px;
    overflow: hidden;
    position: relative;
}

.mod-zyjs .marq-list{
    left:0;
    position: absolute;
}

.mod-zyjs .marq .marq-list li{
    width: 120px;
    height:64px;
    margin-bottom:8px;
    *zoom:1;
    cursor: pointer;
    position: relative;
}

.mod-zyjs .marq .marq-list li img{
    position: absolute;
    top:0;
    left:0;
    display: block;
}

.mod-zyjs .marq .marq-list li img.item-img3{
    position: absolute;
    width:68px;
    height:68px;
    left:-35px;
    top:-8px;
    display: none;
}

.mod-zyjs .marq .marq-list li .item-cover{
    width:120px;
    height: 64px;
    overflow: hidden;
}

.mod-zyjs .marq .marq-list li .item-cover img{
    display: block;
    width: 100%;
    height: 100%;
}

.mod-zyjs .marq .marq-list li img.item-img1{
    z-index: 2;
}

.mod-zyjs .marq .marq-list li img.item-img2{
    z-index: 1;
}

.mod-zyjs .marq .marq-list li.cur img.item-img1{
    z-index: 1;
}

.mod-zyjs .marq .marq-list li.cur img.item-img2{
    z-index: 2;
}

.mod-zyjs .marq .marq-list li.cur img.item-img3{
    display: block;
    z-index: 3;
}


.mod-zyjs .marq2{
    width: 575px;
    height:455px;
    overflow: hidden;
    position: absolute;
    *zoom:1;
    left:0;
    top:0;
}

.mod-zyjs .marq2 .marq-list li{
    width: 575px;
    height:455px;
    position: absolute;
    top:0;
    left:0;
}

.mod-zyjs .marq2 .item-intro{
    width: 305px;
    height: 160px;
    position: absolute;
    top:274px;
    left:224px;
    background: url(../images/r_1.png) no-repeat;
}

.mod-zyjs .marq2 .item-posi,
.mod-zyjs .marq2 .item-motto{
    color: #fff;
    line-height: 20px;
    padding-left: 26px;
}

.mod-zyjs .marq2 .item-posi{
    padding-top: 35px;
}

.mod-zyjs .marq2 .item-motto{
    padding-top: 28px;
}

.mod-zyjs .marq2 .item-more{
    position: absolute;
    right: 15px;
    bottom:10px;
    width: 74px;
    color: #060100;
    line-height: 27px;
    height: 27px;
    text-align: center;
    background: url(img/btn_1.png) no-repeat;
}

.mod-zyjs .marq2 .item-more:hover{
    color: #060100;
}

.mod-zyjs .marq2 .item-role{
    position: absolute;
    top:0;
    left:207px;
    width: 370px;
    height: 455px;
}

.marq3{
    position: absolute;
    width: 405px;
    height: 135px;
    right: 16px;
    padding-top: 36px;
}

.marq3-more{
    position: absolute;
    top: 0;
    right: 0;
    background: url(img/s_more.png) right center no-repeat;
    height: 20px;
    line-height: 20px;
    padding: 0 19px 0 5px;
}

.marq3-change{
    position: absolute;
    right: 0;
    width: 26px;
    height: 135px;
    bottom:0;
    background: url(../images/btn_2.png) right center no-repeat;
    cursor: pointer;
}

.marq3 .marq-list{
    width: 378px;
    height: 135px;
}

.marq3 .marq-list li{
    float: left;
    width: 116px;
    height: 135px;
    margin-right: 10px;
    position: relative;
    *zoom:1;
}

.marq3 .marq-list li i{
    position: absolute;
    width: 40px;
    height: 35px;
    top:-9px;
    right: -9px;
    z-index: 6;
    background: url(img/tag_new.png) no-repeat;
}

.marq3 .marq-list li .item-cover{
    width: 116px;
    height: 135px;
    position: absolute;
    top:0;
    left:0;
    background: url(img/s_cover.png) no-repeat;
}

.marq3 .marq-list li:hover .item-cover{
    background-position:0 -137px;
}

.marq3 .marq-list li .item-img{
    display: block;
    width: 100%;
    height: 100%;
}

.marq3 .marq-list li a .item-txt{
    line-height: 28px;
    color: #fff;
    text-align: center;
    width: 116px;
    left:0;
    bottom:0;
    position: absolute;
    background: url(img/s_10.png) repeat;
}


.j-marq_5{
    top:39px;
}

.j-marq_6{
    top:249px;
}









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

.mod-bzdq .mod-bd{
    padding: 0;
}

.tab1-hds{
    padding-left: 27px;
    margin-bottom: 19px;
}
.tab1-hds li{
    float: left;
    width: 172px;
    height: 43px;
    cursor: pointer;
    margin-right: 28px;
    background: url(img/s_bzdq.png) no-repeat;
}

.tab1-hds li.item--1{
    background-position: -2px -483px;
}

.tab1-hds li.item--1.cur{
    background-position:-2px -436px;
}

.tab1-hds li.item--2{
    background-position:-2px -342px;
}

.tab1-hds li.item--2.cur{
    background-position:-2px -389px;
}

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

.tab1-bd{
    padding: 0 50px;
    position: absolute;
    width: 900px;
    left:0;
    top:0;
    overflow: hidden;
}



.tab2-hds{
    margin-bottom: 22px;
}

.tab2-list{
    border-bottom: 2px solid #754202;
}

.tab2-list li{
    float: left;
    width: 106px;
    height: 30px;
    margin-left: -8px;
    cursor: pointer;
}

.tab1-bd--1 .tab2-list li{
    background: url(img/s_bzdq.png) no-repeat;
}

.tab1-bd--1 .tab2-list li.item--1{
    margin-left: 0;
    background-position:-2px -138px;
}

.tab1-bd--1 .tab2-list li.item--1.cur{
    background-position:-2px -172px;
}

.tab1-bd--1 .tab2-list li.item--2 {
    background-position:-2px -206px;
}

.tab1-bd--1 .tab2-list li.item--2.cur {
    background-position:-2px -2px;
}

.tab1-bd--1 .tab2-list li.item--3 {
    background-position:-2px -274px;
}

.tab1-bd--1 .tab2-list li.item--3.cur {
    background-position:-2px -308px;
}

.tab1-bd--1 .tab2-list li.item--4 {
    background-position:-2px -240px;
}

.tab1-bd--1 .tab2-list li.item--4.cur {
    background-position:-2px -104px;
}

.tab1-bd--1 .tab2-list li.item--5 {
    background-position: -2px -70px;
}

.tab1-bd--1 .tab2-list li.item--5.cur {
    background-position: -2px -36px;
}


.tab1-bd--2 .tab2-list li{
    background: url(img/s_bzdq2.png) no-repeat;
}

.tab1-bd--2 .tab2-list .item--1 {
    margin-left: 0;
    background-position: -220px -172px;
}

.tab1-bd--2 .tab2-list .item--1.cur {
    background-position:-220px -138px;
}

.tab1-bd--2 .tab2-list .item--2 {
    background-position:-2px -70px;
}

.tab1-bd--2 .tab2-list .item--2.cur {
    background-position:-111px -2px;
}

.tab1-bd--2 .tab2-list .item--3 {
    background-position:-111px -36px;
}

.tab1-bd--2 .tab2-list .item--3.cur {
    background-position:-111px -70px;
}

.tab1-bd--2 .tab2-list .item--4 {
    background-position:-2px -104px;
}

.tab1-bd--2 .tab2-list .item--4.cur {
    background-position:-111px -104px;
}

.tab1-bd--2 .tab2-list .item--5 {
    background-position:-2px -138px;
}

.tab1-bd--2 .tab2-list .item--5.cur {
    background-position:-2px -2px;
}

.tab1-bd--2 .tab2-list .item--6 {
    margin-left: 2px;
    background-position:-2px -172px;
}

.tab1-bd--2 .tab2-list .item--6.cur {
    background-position:-111px -172px;
}

.tab1-bd--2 .tab2-list .item--7 {
    background-position:-220px -2px;
}

.tab1-bd--2 .tab2-list .item--7.cur {
    background-position:-220px -36px;
}

.tab1-bd--2 .tab2-list .item--8 {
    background-position:-220px -70px;
}

.tab1-bd--2 .tab2-list .item--8.cur {
    background-position:-220px -104px;
}

.tab1-bd--2 .tab2-list .item--9 {
    background-position:-111px -138px;
}

.tab1-bd--2 .tab2-list .item--9.cur {
    background-position:-2px -36px;
}


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

.tab2-bd{
    position: absolute;
    width: 900px;
    left:0;
    top:0;
}



.bzdq-pics{
    overflow: hidden;
    padding-top: 10px;
    position: relative;
}

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

.bzdq-pics li{
    float: left;
    width: 146px;
    height: 170px;
    margin: 0 42px 20px 0;
    position: relative;
    *zoom:1;
}

.bzdq-pics li i{
    position: absolute;
    width: 40px;
    height: 35px;
    top:-9px;
    right: -9px;
    z-index: 6;
    background: url(img/tag_new.png) 0 0 no-repeat;
}

.bzdq-pics li .item-cover{
    width: 146px;
    height: 170px;
    position: absolute;
    background: url(img/s_cover.png) 0 -274px no-repeat;
    top:0;
    left:0;
}

.bzdq-pics li:hover .item-cover{
    background-position: 0 -446px;
}

.bzdq-pics li .item-img{
    display: block;
    width: 100%;
    height: 100%;
}

.bzdq-pics li a .item-txt{
    line-height: 28px;
    color: #fff;
    text-align: center;
    width: 146px;
    left:0;
    bottom:0;
    position: absolute;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    background: url(img/s_10.png) repeat;
}

.bzdq-more{
    display: block;
    margin: 10px auto;
    width: 152px;
    height: 48px;
    background: url(img/s_5.png) repeat;
}

#xfk{ display: block; }
.ser_out_face{top:160px;
    margin-left: -500px;}
.loginDiv{
    margin-left: -500px;
    width: 615px;
}
.login_hd, #login_tagnum, .login_fd{
    background: url(img/sprite_login2.png) repeat;
}
#login_tagnum{
    background-position: -615px 0;
}
.login_hd{
    padding-left: 19px;
}
.login_fd{
    background-position: -1230px bottom;
}
#login_tag li, #login_tag li a, #login_tag li.selectTag, #login_tag li.selectTag a{
    width: 138px;
    background: url(img/sprite_82.png) repeat;
}

#login_tag li a#loginSelector{
    background-position: 0 0;
}
#login_tag li a#regSelector{
    background-position: -138px 0;
}
#login_tag li a#emailRegSelector{
    background-position: -276px 0;
}
#login_tag li a#qrLoginSelector{
    background-position: -414px 0;
}
#login_tag li.selectTag a#loginSelector{
    background-position: 0 -58px;
}
#login_tag li.selectTag a#regSelector{
    background-position: -138px -58px;
}
#login_tag li.selectTag a#emailRegSelector{
    background-position: -276px -58px;
}
#login_tag li.selectTag a#qrLoginSelector{
    background-position: -414px -58px;
}
#login_tag li,
#login_tag li.selectTag{
    background: none;
}
.ue_notice{
    top:210px;
}


.ser_out_face{
    width: 616px;
}
.out_face_hd, .out_face_bd, .out_face_fd{
    background-image: url(img/sprite_serv2.png);
}
.out_face_bd{
    padding: 0 20px 0 30px;
    background-position: -616px 0;
}
.out_face_fd{
    background-position: -1232px bottom;
}
.m_server .m_server_bd{
    width: 560px;
}
.server_all .server_box{
    width: 560px;
}
.sfgg_mod img{
    width: 555px;
}

.login_new{
    width: 530px;
    margin: 0 auto;
}