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

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

.out_face_hd, .out_face_bd, .out_face_fd { background: url(../webgame/dcz/tpl/images/sprite_serv.png?18d0e66); }

.out_face_hd, .out_face_hd a { color: #37251b; }

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

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

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

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

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

/* 服务器标题文案 */
.m_server .m_server_bd { padding: 0; }
.m_server .m_server_bd h2 { background: none; font-size: 14px; font-family: "microsoft yahei"; font-weight: 700; color: #37251b; text-indent: 0; line-height: 36px; }

.alert_w { background: url(../webgame/dcz/tpl/images/sprite_6.png?18d0e66) no-repeat 0 0; }

/* 输入服务器 */
.select_ser { color: #37251b; margin-right: 43px; }
.select_ser .ser_txt { border: solid #030303 1px; background-color: #ffffff; color: #37251b; }

/* 没玩游戏提示 */
.m_played_ser .nplay { color: #37251b; }

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

/*server_box*/
.server_num li { background: #d0c7be; border-color: #3b3b3b; color: #37251b; transition: all .3s; }
.server_num li.cur { border-color: #3b3b3b; background: #e2d5cf; border-bottom-color: #e2d5cf; color: #37251b; }

.server_all .m_server_num { border-bottom-color: #3b3b3b; }

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

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

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

.jScrollPaneTrack { background: #afdcff; }

.jScrollPaneDrag { background: #d3b08b; }

.allTxt_box .allTxt { color: #37251b; }

.server_all .server_box { height: 70px; }

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



/* /webgame/dcz/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: #f7f7f7; /* background: url(../webgame/dcz/tpl/images/bg/bg.png?18d0e66) #e0e3e4; */ padding-bottom: 40px; overflow: hidden; }

.wg-main { font-family: "Microsoft Yahei", Tahoma, Arial, Helvetica, STHeiti, sans-serif; font-size: 14px; color: #222124; }
.wg-main .wrapper { margin: -128px 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: #222124; transition: color 0.3s; }
.wg-main a:hover { color: #c5845d; text-decoration: none; }
.wg-main a:hover .adv-tit { text-decoration: none; }

.bg-1 { background: url(../webgame/dcz/tpl/images/bg/bg_01.jpg?18d0e66) no-repeat center top; height: 192px; }

.bg-2 { background: url(../webgame/dcz/tpl/images/bg/bg_02.jpg?18d0e66) no-repeat center top; height: 192px; }

.bg-3 { background: url(../webgame/dcz/tpl/images/bg/bg_03.jpg?18d0e66) no-repeat center top; height: 192px; }

.bg-4 { background: url(../webgame/dcz/tpl/images/bg/bg_04.jpg?18d0e66) no-repeat center top; height: 192px; }

.wg-head { background: url(../webgame/dcz/tpl/images/bg/bg_full_01.jpg?18d0e66) center 0 no-repeat; }
.wg-head .head-bg { background: url(../webgame/dcz/tpl/images/bg/bg_full_02.jpg?18d0e66) center 384px no-repeat; }

.mod { margin-right: 6px; margin-bottom: 6px; position: relative; *zoom: 1; background: #ffffff; border: solid 1px #c0bbb9; }

.mod-hd { position: relative; *zoom: 1; height: 46px; margin: 0 10px; /* background: #282024; */ /* border: solid 1px #9e9e9e; */ /* background: url(../webgame/dcz/tpl/images/bg_mod_hd.png?18d0e66) left 0 no-repeat; */ border-bottom: solid 2px #e1e1e1; }

.mod-bd { position: relative; *zoom: 1; padding: 0 16px; /* 	background: #282024;
	border: solid 1px #282024;
	border-top: solid 1px #e1e1e1; */ }

.mod-tit { float: left; position: relative; zoom: 1; padding: 0; height: 46px; font: 500 20px/52px "microsoft yahei"; color: #242323; border-bottom: solid 2px #615758; }

.mod-stit { float: left; margin: 22px 0 0 0; font: 500 12px/12px "microsoft yahei"; color: #b3b1ae; transform: scale(0.9); *padding-left: 5px; }
.mod-stit i { padding-right: 4px; }

a.mod-more { position: absolute; top: 14px; right: 0; *zoom: 1; transition: all 0.3s ease; background-image: url(../webgame/dcz/tpl/images/sprite_other.png?18d0e66); background-repeat: no-repeat; background-position: -224px -62px; width: 10px; height: 10px; }
a.mod-more:hover { /* @include btn_more_h; */ 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 #9d9d9d; color: #222124; }
.mod-list li.hc1 a { color: #b53a3f; }
.mod-list li.hc1 a:hover { color: #b53a3f; }
.mod-list li.hc1 em { background-image: url(../webgame/dcz/tpl/images/sprite_other.png?18d0e66); background-repeat: no-repeat; background-position: -129px -92px; 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: #f7f7f7; border: solid 1px #c0bbb9; }
.mod-dark .mod-bd { /* background: #282024;
border: solid 1px #282024; */ }

.mod-instr { background: url(../webgame/dcz/tpl/images/ibg_1.png?18d0e66) no-repeat; position: relative; *zoom: 1; width: 1000px; height: 130px; margin-bottom: 17px; }
.mod-instr .instr-pic { position: absolute; width: 138px; height: 85px; top: 24px; left: 25px; }
.mod-instr .instr-pic img { width: 100%; height: 100%; display: block; }
.mod-instr .instr-txt { float: left; line-height: 24px; width: 600px; padding: 30px 0 0 190px; color: #dcc9b3; }
.mod-instr .instr-txt a { color: #ffdba1; font-size: 14px; transition: color 0.3s; }
.mod-instr .instr-txt a:hover { text-decoration: none; color: #ffdba1; }
.mod-instr a.instr-btn { position: absolute; top: 30px; right: 30px; background-image: url(../webgame/dcz/tpl/images/sprite_other.png?18d0e66); background-repeat: no-repeat; background-position: 0 -72px; width: 129px; height: 40px; transition: filter .3s; }
.mod-instr a.instr-btn:hover { filter: brightness(1.2); }
.mod-instr .instr-share { overflow: hidden; height: 24px; position: absolute; right: 20px; top: 80px; width: 150px; }
.mod-instr .instr-share .share-label { float: left; line-height: 20px; font-size: 12px; color: #e0e0e0; }

#bdshare a { padding: 0; width: 20px; height: 20px; background: url(../webgame/dcz/tpl/images/ico_share.png?18d0e66) 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: 274px; position: relative; *zoom: 1; 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; display: inline-block; *display: inline; *zoom: 1; color: #b8b8b8; height: 70px; width: 130px; position: relative; background: url(../webgame/dcz/tpl/images/ibg_2.png?18d0e66) no-repeat; }
.mod-entry a.hover { color: #c5845d; }
.mod-entry a.item-1 { font-size: 0; height: 132px; width: 260px; background-position: -0px -0px; }
.mod-entry a.item-1::after { content: ''; position: absolute; top: -17px; left: 50%; width: 53px; height: 23px; margin-left: -26px; background: url(../webgame/dcz/tpl/images/ibg_2_dec.png?18d0e66) no-repeat; }
.mod-entry a.item-1:hover { background-position: -260px -0px; }
.mod-entry a.item-1:hover::after { background: url(../webgame/dcz/tpl/images/ibg_2_dec_h.png?18d0e66) no-repeat; }
.mod-entry a.item-2 { background-position: -0px -132px; }
.mod-entry a.item-2:hover { background-position: -260px -132px; }
.mod-entry a.item-3 { background-position: -130px -132px; }
.mod-entry a.item-3:hover { background-position: -390px -132px; }
.mod-entry a.item-4 { background-position: -0px -202px; }
.mod-entry a.item-4:hover { background-position: -260px -202px; }
.mod-entry a.item-5 { background-position: -130px -202px; }
.mod-entry a.item-5:hover { background-position: -390px -202px; }

.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 #8b8b8b; margin-bottom: 5px; }
.rmwd-search .search-wrap { margin-bottom: 10px; background-image: url(../webgame/dcz/tpl/images/sprite_other.png?18d0e66); background-repeat: no-repeat; background-position: -224px 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: #222124; }
.rmwd-search .search-btn:hover { background-image: url(../webgame/dcz/tpl/images/sprite_other.png?18d0e66); background-repeat: no-repeat; background-position: 0 -112px; 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: #dabcbc; }
.rmwd-search .search-ipt:-moz-placeholder { color: #dabcbc; }
.rmwd-search .search-ipt::-moz-placeholder { color: #dabcbc; }
.rmwd-search .search-ipt:-ms-input-placeholder { color: #dabcbc; }
.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: 240px; }
.mod-yxgl .mod-bd { height: 260px; }

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

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

.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/dcz/tpl/images/sprite_other.png?18d0e66); background-repeat: no-repeat; background-position: -129px -72px; width: 133px; height: 20px; transition: filter .3s; }
.mod-kfzx a:hover { /* @include btn_kf_h; */ filter: brightness(1.2); }
.mod-kfzx .mod-bd { height: 371px; padding: 0; }
.mod-kfzx .kfzx-group { padding: 20px 10px; margin: 0 10px; border-bottom: 1px solid #c9e6fc; }
.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/dcz/tpl/images/sprite_other.png?18d0e66); background-repeat: no-repeat; background-position: -224px -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: #222124; }
.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: 480px; height: 274px; position: relative; *zoom: 1; padding: 0; background: transparent none; border: 0 none; }
.mod-silde .slide-list { position: relative; *zoom: 1; }
.mod-silde .slide-list li { position: absolute; top: 0; left: 0; }
.mod-silde .slide-dot { position: absolute; bottom: 10px; right: 25px; z-index: 10; height: 15px; 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: 15px;
height: 15px;
border-radius: 7px;
background: #fff;
transition: width 0.3s, background-color 0.3s; */ background-image: url(../webgame/dcz/tpl/images/sprite_other.png?18d0e66); background-repeat: no-repeat; background-position: -446px -72px; width: 14px; height: 14px; }
.mod-silde .slide-dot li.cur { background-position: -396px -72px; width: 50px; height: 14px; /* background: #bd000d;
width: 50px; */ }

.mod-adv { float: right; width: 246px; 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; }
.mod-adv .adv-tit { position: absolute; left: 0; bottom: 0; text-align: center; width: 248px; font-size: 14px; line-height: 28px; color: #ffffff; background: url(../webgame/dcz/tpl/images/s_10.png?18d0e66) 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: 345px; overflow: hidden; *zoom: 1; }
.mod-yxzl .yxzl-stit { text-align: center; color: #353535; font-size: 0; margin: 0 auto; background-image: url(../webgame/dcz/tpl/images/sprite_other.png?18d0e66); 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; }
.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 0; width: 224px; height: 36px; }
.mod-yxzl .yxzl-opt2 .yxzl-stit { background-position: 0 -36px; width: 224px; height: 36px; }

.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 #fdfdfd; overflow: hidden; background: url(../webgame/dcz/tpl/images/loading.gif?18d0e66) #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: #8e7263; }

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

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

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

.mod-wjjl { float: left; width: 732px; margin-right: 0; }
.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 #8b8b8b; }
.comu-table td { line-height: 39px; height: 39px; overflow: hidden; border-bottom: 1px dotted #8b8b8b; 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: #b2b2b2; }
.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; }
.comu-table .hover a, .comu-table .hover td a, .comu-table .hover .td-wid { color: #c5845d; text-decoration: underline; }
.comu-table .hover .td-reply { color: #b2b2b2; text-decoration: none; }

.disable { display: none; }

a.mod-publish { position: absolute; top: 14px; right: 32px; line-height: 20px; text-align: center; font-size: 0; background-image: url(../webgame/dcz/tpl/images/sprite_other.png?18d0e66); background-repeat: no-repeat; }
a.mod-publish:hover { filter: brightness(1.2); }

.mod-wjjl a.mod-publish { background-position: -329px -72px; width: 67px; height: 18px; transition: filter .3s; }

.mod-wjxc a.mod-publish, .mod-yxjt a.mod-publish { background-position: -262px -72px; width: 67px; height: 18px; }

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

/* 游戏介绍 */
/* zyjs */
.mod-zyjs { height: 370px; width: 732px; margin-right: 0; overflow: hidden; float: left; position: relative; *zoom: 1; z-index: 1; border: solid 1px #c0bbb9; /* 更换背景图 */ /* .zyjs-dec-line-1{
	@include bfont(14,22,#222124)
}
.zyjs-dec-line-2{
	@include lfont(14,22,#222124)
}
.zyjs-exp{
	margin-bottom: 14px;
} */ }
.mod-zyjs .zyjs-img { position: absolute; top: 0; right: 0; height: 370px; width: 732px; }
.mod-zyjs .zyjs-dec { position: absolute; z-index: 1; left: 200px; top: 110px; width: 155px; font: 500 14px/24px "microsoft yahei"; color: #222124; }
.mod-zyjs .zyjs-more { position: absolute; left: 17px; bottom: 12px; background-image: url(../webgame/dcz/tpl/images/sprite_role.png?18d0e66); background-repeat: no-repeat; background-position: -201px 0; width: 69px; height: 12px; font-size: 0; display: block; }

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

/* 第一层tab */
.zyjs-tab-hds-1 { position: absolute; z-index: 1; top: 12px; left: 17px; width: 180px; /* background: url(../webgame/dcz/tpl/images/zyjs/nav_bg.png?18d0e66) no-repeat center top; */ *zoom: 1; }
.zyjs-tab-hds-1:after { content: ""; display: table; clear: both; }

.zyjs-tab-hd-1 { cursor: pointer; font-size: 0; margin-bottom: 14px; padding-left: 74px; color: #937869; font-size: 16px; line-height: 67px; height: 67px; /* @include role_sprites; */ /* 因为用padding作为背景，空出文字位置 无法使用雪碧 */ }
.zyjs-tab-hd-1.zyjs-tab-hd-1-1 { background: url(../webgame/dcz/tpl/images/role_sprites/role_01.png?18d0e66) no-repeat left top; }
.zyjs-tab-hd-1.zyjs-tab-hd-1-2 { margin-left: 18px; background: url(../webgame/dcz/tpl/images/role_sprites/role_02.png?18d0e66) no-repeat left top; }
.zyjs-tab-hd-1.zyjs-tab-hd-1-3 { margin-left: 18px; background: url(../webgame/dcz/tpl/images/role_sprites/role_03.png?18d0e66) no-repeat left top; }
.zyjs-tab-hd-1.zyjs-tab-hd-1-4 { background: url(../webgame/dcz/tpl/images/role_sprites/role_04.png?18d0e66) no-repeat left top; }
.zyjs-tab-hd-1.cur, .zyjs-tab-hd-1:hover { font-size: 18px; font-weight: bold; }
.zyjs-tab-hd-1.cur.zyjs-tab-hd-1-1, .zyjs-tab-hd-1:hover.zyjs-tab-hd-1-1 { background: url(../webgame/dcz/tpl/images/role_sprites/role_01_h.png?18d0e66) no-repeat left top; }
.zyjs-tab-hd-1.cur.zyjs-tab-hd-1-2, .zyjs-tab-hd-1:hover.zyjs-tab-hd-1-2 { background: url(../webgame/dcz/tpl/images/role_sprites/role_02_h.png?18d0e66) no-repeat left top; }
.zyjs-tab-hd-1.cur.zyjs-tab-hd-1-3, .zyjs-tab-hd-1:hover.zyjs-tab-hd-1-3 { background: url(../webgame/dcz/tpl/images/role_sprites/role_03_h.png?18d0e66) no-repeat left top; }
.zyjs-tab-hd-1.cur.zyjs-tab-hd-1-4, .zyjs-tab-hd-1:hover.zyjs-tab-hd-1-4 { background: url(../webgame/dcz/tpl/images/role_sprites/role_04_h.png?18d0e66) no-repeat left top; }

/* 第二层tab */
/* .zyjs-tab-hds-2{
	position: absolute;
	z-index: 1;
	top: 0;
	right: 10px;
	@include role_sprites;
	@include role_sex;
	@include clearfix;
	overflow: hidden;
}
.zyjs-tab-hd-2 {
	cursor: pointer;
	@include role_sprites;
	@include role_sex;
	margin: 0 auto;
	margin-top: 4px;
	font-size: 0;
	&.zyjs-tab-hd-2-1{
		@include role_sex_man;
	}
	&.zyjs-tab-hd-2-2{
		@include role_sex_woman;
	}
	&.cur,
	&:hover {
		&.zyjs-tab-hd-2-1{
			@include role_sex_man_cur;
		}
		&.zyjs-tab-hd-2-2{
			@include role_sex_woman_cur;
		}
	}
} */
.mod-yxgl a.mod-more, .mod-wjxc a.mod-more, .mod-yxjt a.mod-more, .mod-wjjl a.mod-more { right: 0; }



