@charset "utf-8";
/* /zhuanti/home/yxsc/release/css/index.css */
@charset "UTF-8";
/* 基础模块 */
/* CSS Document
Date:		2013/12/20
Author:		小芳
Update:
*/
/* CSS reset */
html { color: #000; background: #000; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, hr, button, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { margin: 0; padding: 0; }

html, body { height: 100%; margin: 0; padding: 0; }

button { border: none; -webkit-tap-hightlight-color: transparent; tap-hightlight-color: transparent; }

input, select, img { vertical-align: middle; }

input, select { outline: none; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }

audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }

body, button, input, select, textarea { font: 12px/1.5 'Microsoft Yahei', Tahoma, Arial, Helvetica, STHeiti, sans-serif; }

input, select, textarea { font-size: 100%; }

table { border-collapse: collapse; border-spacing: 0; }

th { text-align: inherit; }

fieldset, img { border: 0; }

iframe { display: block; }

abbr, acronym { border: 0; font-variant: normal; }

del { text-decoration: line-through; }

address, caption, cite, code, dfn, em, th, var { font-style: normal; font-weight: 500; }

/* ie6 7 8(q) bug 显示为行内表现 */
iframe { display: block; }

ol, ul { list-style: none; }

caption, th { text-align: left; }

h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: 500; }

q:before, q:after { content: ''; }

sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }

sup { top: -0.5em; }

sub { bottom: -0.25em; }

a:hover { text-decoration: underline; }

ins, a { text-decoration: none; }

/*Correct block display not defined in IE6/7/8/9 & ff3,IE需要在js中createElement(tag)*/
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, summary { display: block; }

/* HTML5 媒体文件跟 img 保持一致 */
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }

/* global */
body { background: #000; }

.wrapper { margin: 0 auto; text-align: left; width: 1000px; }

td { font-size: 12px; line-height: 160%; }

.txthide { text-indent: -999em; overflow: hidden; line-height: 0; font-size: 0; }

.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }

.clearfix { zoom: 1; /* for IE6 IE7 */ }

.hidden { display: none !important; }

.left, .right { display: inline; zoom: 1; }

.left { float: left; }

.right { float: right; }

.my_footer { margin-top: 0px; }

a:active, a:focus, input { -moz-outline: none; outline: none; ie-dummy: expression(this.hideFocus=true); }

a:hover { text-decoration: none; }

.my_footer { margin-top: 0; }

input::-webkit-input-placeholder { /* WebKit browsers 适配谷歌 */ color: #0c0c0c; }

input:-moz-placeholder { /* Mozilla Firefox 4 to 18 适配火狐 */ color: #0c0c0c; }

input::-moz-placeholder { /* Mozilla Firefox 19+ 适配火狐 */ color: #0c0c0c; }

input:-ms-input-placeholder { /* Internet Explorer 10+  适配ie*/ color: #0c0c0c; }

textarea::-webkit-input-placeholder { /* WebKit browsers 适配谷歌 */ color: #0c0c0c; }

textarea:-moz-placeholder { /* Mozilla Firefox 4 to 18 适配火狐 */ color: #0c0c0c; }

textarea::-moz-placeholder { /* Mozilla Firefox 19+ 适配火狐 */ color: #0c0c0c; }

textarea:-ms-input-placeholder { /* Internet Explorer 10+  适配ie*/ color: #0c0c0c; }

input:focus, textarea:focus { outline: none; }

/*@mixin*/
/* 娓愬彉 */
/* 鎻忚竟 */
/* 公共 */
/* 默认文字颜色 */
/* 默认文字强调颜色 */
.text_default_em { color: #dd3730 !important; }

/* 带背景的文字默认 */
/* 带背景文字强调颜色 */
.text_bg_em { color: #9c0000 !important; }

/* 活动时间 */
/* 公共底部 */
.underLine { text-decoration: underline !important; }

/* 鍔ㄦ晥 */
@keyframes slideDowm { 0% { max-height: 0; }
  100% { max-height: 800px; } }
@keyframes slideDowm_1 { 0% { top: -629px; }
  100% { top: -165px; } }
@keyframes floats { 0% { transform: translateY(-30px); }
  50% { transform: translateY(15px); }
  to { transform: translateY(-30px); } }
@keyframes floatsX { 0% { transform: translateX(-30px); }
  50% { transform: translateX(15px); }
  to { transform: translateX(-30px); } }
/* 鏀惧ぇ */
@keyframes scale_1 { 0% { transform: scale(0); }
  100% { transform: scale(1); } }
@keyframes scale_x_1 { 0% { transform: scaleX(1); }
  40% { transform: scaleX(1.2); }
  100% { transform: scaleX(1); } }
@keyframes scale_x_2 { 0% { transform: scaleX(1); }
  60% { transform: scaleX(0.8); }
  100% { transform: scaleX(1); } }
@keyframes chuizi { 0% { -moz-transform: rotate(15deg); -ms-transform: rotate(15deg); -webkit-transform: rotate(15deg); transform: rotate(15deg); }
  30% { -moz-transform: rotate(-24deg); -ms-transform: rotate(-24deg); -webkit-transform: rotate(-24deg); transform: rotate(-24deg); }
  100% { -moz-transform: rotate(15deg); -ms-transform: rotate(15deg); -webkit-transform: rotate(15deg); transform: rotate(15deg); } }
@keyframes goto_y { 0% { transform: translateY(-5px); }
  50% { transform: translateY(5px); }
  100% { transform: translateY(-5px); } }
@keyframes goto_x { 0% { transform: translateX(0); }
  50% { transform: translateX(10px); }
  100% { transform: translateX(0); } }
@keyframes goto_y_s { 0% { transform: translateY(-1px); }
  50% { transform: translateY(1px); }
  100% { transform: translateY(-1px); } }
@keyframes overturn { 0% { transform: rotateY(0deg); }
  100% { transform: rotateY(720deg); } }
@keyframes opacity_show { 0% { opacity: 0; }
  100% { opacity: 1; } }
@keyframes fly_l { 0% { margin-left: -100%; opacity: 0; }
  100% { opacity: 1; margin-left: 0; } }
@keyframes fly_r { 0% { margin-left: 100%; opacity: 0; }
  100% { opacity: 1; margin-left: 0; } }
@keyframes shaking { 0% { transform: translateX(0px); }
  25% { transform: translateX(5px); }
  50% { transform: translateX(0px); }
  75% { transform: translateX(-5px); }
  100% { transform: translateX(0px); } }
/* 鎽囨檭 */
@keyframes sway { 0% { -moz-transform: rotate(0); -ms-transform: rotate(0); -webkit-transform: rotate(0); transform: rotate(0); }
  25% { -moz-transform: rotate(-5deg); -ms-transform: rotate(-5deg); -webkit-transform: rotate(-5deg); transform: rotate(-5deg); }
  75% { -moz-transform: rotate(5deg); -ms-transform: rotate(5deg); -webkit-transform: rotate(5deg); transform: rotate(5deg); }
  100% { -moz-transform: rotate(0); -ms-transform: rotate(0); -webkit-transform: rotate(0); transform: rotate(0); } }
@keyframes zoomin { 0% { opacity: 0; transform: scale(3); }
  50% { opacity: 0; transform: scale(3); } }
@keyframes wave { 0% { background-position-x: 0; }
  100% { background-position-x: 1920px; } }
/* 雪碧 */
.exchange-box .pic, .active-li, .m-info, .m-info .login .user, .m-info .unbind .user { background-image: url(../zhuanti/home/yxsc/release/images/sprite_sprite.png?01f0304); background-repeat: no-repeat; }

[class|="btn2"], .wg-dialog a.wg-dialog-close { background-image: url(../zhuanti/home/yxsc/release/images/sprite_dialog.png?01f0304); background-repeat: no-repeat; }

.top-opt i, .active-li .bg .mark, .active-page .pager-pre, .active-page .pager-next, .active-page .pager_input, .active-page .pager_goto, .exchange-page .pager-pre, .exchange-page .pager-next, .exchange-page .pager_input, .exchange-page .pager_goto, .m-rank .rank-list .first i, .m-rank .rank-list .second i, .m-rank .rank-list .third i { background-image: url(../zhuanti/home/yxsc/release/images/sprite_icon.png?01f0304); background-repeat: no-repeat; }

.top-opt .opt-btn, .m-exchange .exchange-nav-li.cur, .exchange-box .info .exchange-btn, .active-li .top .btn-collect, .m-info .login .btn, .m-info .unbind .btn, .m-info .logged .top-user, .m-info .logged .user-log .logout, .m-info .info-footer .entry-game, .m-info .info-footer .entry-forum, .m-nav .nav-li.cur, .m-nav .nav-li:hover { background-image: url(../zhuanti/home/yxsc/release/images/sprite_btn.png?01f0304); background-repeat: no-repeat; }

/* 页面模块 */
.tip-body { width: 100%; }
.tip-body .tip-tit { text-align: center; font-size: 32px; font-weight: bold; padding-top: 240px; }

.header { position: relative; overflow: hidden; }

.wrap { margin: 0 auto; width: 1000px; position: relative; }
.wrap .bg { background: url(../zhuanti/home/yxsc/release/images/bg/bg.jpg?01f0304) no-repeat center top; height: 224px; }

.wrapper { font-family: "Microsoft Yahei", Tahoma, Arial, Helvetica, STHeiti, sans-serif; font-size: 16px; min-width: 1000px; }

.main { *zoom: 1; padding: 11px; width: 1000px; margin: 0 auto; font-family: "Microsoft Yahei", Tahoma, Arial, Hel; }
.main:after { content: ""; display: table; clear: both; }

.left { float: left; }
.left .m-info { margin-bottom: 4px; }

.right { float: left; margin-left: 8px; }
.right .content { width: 733px; height: 735px; background: #f5f7f7; border: 1px solid #e5edf1; margin-top: 1px; border-top: 0; }

.top-opt { width: 733px; }
.top-opt .opt-hd { line-height: 44px; min-height: 44px; font-size: 18px; color: #ffffff; font-weight: bold; padding-left: 56px; position: relative; }
.top-opt .opt-hd i { position: absolute; left: 25px; top: 10px; }
.top-opt .opt-bd { *zoom: 1; }
.top-opt .opt-bd:after { content: ""; display: table; clear: both; }
.top-opt .opt-btn { position: absolute; background-position: -229px -248px; width: 94px; height: 32px; text-align: center; font: 500 14px/32px "microsoft yahei"; color: #ffffff; right: 16px; top: 6px; }
.top-opt.active-opt .opt-group, .top-opt.active-opt .opt-collect { display: none; }
.top-opt.active-opt[data-status="0"] .opt-group { display: block; }
.top-opt.active-opt[data-status="1"] .opt-collect { display: block; }

.opt-select { line-height: 40px; padding-left: 14px; transition: height .3s; overflow: hidden; height: 0; }
.opt-select.select-open { height: 40px; }
.opt-select .opt-select-label { position: relative; top: 2px; }

.m-exchange .exchange-nav-li { cursor: pointer; float: left; width: 117px; height: 44px; text-align: center; font: 500 16px/44px "microsoft yahei"; color: #ffffff; }
.m-exchange .exchange-nav-li.cur { background-position: -229px -204px; width: 110px; height: 44px; font-weight: bold; }

.m-rule i { background-position: -206px -90px; width: 22px; height: 24px; }

.m-group i { background-position: -206px -60px; width: 22px; height: 24px; }

/* 兑换 */
.exchange-list { *zoom: 1; padding-top: 8px; padding-left: 9px; }
.exchange-list:after { content: ""; display: table; clear: both; }

.exchange-bd { *zoom: 1; min-height: 626px; }
.exchange-bd:after { content: ""; display: table; clear: both; }

.exchange-item { float: left; margin: 10px 0 0 15px; width: 339px; height: 136px; }

.exchange-box { *zoom: 1; position: relative; padding: 10px 15px; }
.exchange-box:after { content: ""; display: table; clear: both; }
.exchange-box .pic { background-position: -239px -315px; width: 83px; height: 83px; float: left; }
.exchange-box .pic img { width: 100%; height: 100%; }
.exchange-box .info { float: left; margin-left: 10px; font-size: 14px; }
.exchange-box .info .name { width: 216px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: inline-block; vertical-align: bottom; *vertical-align: auto; }
.exchange-box .info .cost { color: #646464; }
.exchange-box .info .cost b { font-weight: bold; }
.exchange-box .info .exchange-btn { display: block; margin-top: 8px; background-position: -339px -204px; width: 94px; height: 32px; text-align: center; font: 500 14px/32px "microsoft yahei"; color: #ffffff; }
.exchange-box .info .exchange-btn[data-status="1"] { background-position: -229px -248px; width: 94px; height: 32px; }

.exchange-info { *zoom: 1; text-align: center; font: 500 14px/30px "microsoft yahei"; color: #666666; }
.exchange-info:after { content: ""; display: table; clear: both; }
.exchange-info .info-item { float: left; position: relative; width: 33%; text-align: center; }
.exchange-info .info-item::after { content: ""; position: absolute; left: 0; top: 7px; width: 1px; height: 16px; background: #e1e1e1; }
.exchange-info .info-item:first-child::after { display: none; }

/* 军饷兑换--end------------------- */
/* 军饷规则 */
.tip-list { padding-top: 12px; padding-left: 36px; }

/* 军饷规则--end------------------- */
/* 群组活动 */
/* 群组活动--end------------------- */
.active-list { *zoom: 1; min-height: 670px; }
.active-list:after { content: ""; display: table; clear: both; }

.active-box { padding-left: 3px; }

.active-li { background-position: 0 0; width: 350px; height: 315px; float: left; margin: 14px 0 0 10px; /* status -1已结束，0未开始，1进行中，2全部 */ }
.active-li .bg { position: relative; width: 344px; height: 160px; background: #15384b; }
.active-li .bg img { width: 100%; height: 100%; }
.active-li .bg img.j-link { cursor: pointer; }
.active-li .bg .mark { position: absolute; font-size: 16px; color: #ffffff; text-align: center; line-height: 38px; right: -3px; top: 15px; font-style: normal; }
.active-li .active-content { padding: 10px 16px; }
.active-li .top { *zoom: 1; margin-bottom: 4px; position: relative; }
.active-li .top:after { content: ""; display: table; clear: both; }
.active-li .top .label { float: left; }
.active-li .top .label span { display: block; line-height: 25px; }
.active-li .top .label .title { font-size: 18px; color: #282828; font-weight: bold; }
.active-li .top .label .title.j-link { cursor: pointer; }
.active-li .top .label .time { font-size: 12px; color: #808080; }
.active-li .top .btn-collect { cursor: pointer; position: absolute; right: 0; top: 0; background-position: -186px -304px; width: 92px; height: 30px; font-size: 0; transition: filter 0.3s; /* 0是已收藏，1是未收藏~ */ /* 图片预留已收藏，为了避免玩家不知如何取消所以还是直接显示取消收藏 */ }
.active-li .top .btn-collect:hover { filter: brightness(1.2); }
.active-li .top .btn-collect[data-status="0"] { background-position: -323px -248px; width: 92px; height: 30px; }
.active-li .txt { padding-top: 4px; border-top: 1px dashed #cccccc; font-size: 14px; line-height: 25px; color: #1e1e1e; height: 78px; overflow: hidden; }
.active-li .active-box[data-status="-1"] .mark { background-position: 0 0; width: 79px; height: 40px; }
.active-li .active-box[data-status="0"] .mark { background-position: 0 -40px; width: 79px; height: 40px; }
.active-li .active-box[data-status="1"] .mark { background-position: -79px  0; width: 79px; height: 40px; }

/* 我的收藏 */
/* 我的收藏--end------------------- */
/* 分页 */
.active-page, .exchange-page { font-size: 0; line-height: 30px; text-align: center; }
.active-page .pager-pre, .active-page .pager-next, .active-page .pager_input, .active-page .pager_goto, .exchange-page .pager-pre, .exchange-page .pager-next, .exchange-page .pager_input, .exchange-page .pager_goto { display: inline-block; *display: inline; *zoom: 1; vertical-align: top; margin: 0 5px; }
.active-page .pager_tip, .active-page .pager_form, .exchange-page .pager_tip, .exchange-page .pager_form { display: inline-block; *display: inline; *zoom: 1; font: 500 14px/30px "microsoft yahei"; color: #282828; margin: 0 5px; }
.active-page .pager-pre, .exchange-page .pager-pre { font-size: 0; background-position: -158px  0; width: 82px; height: 30px; }
.active-page a.pager-pre:hover, .exchange-page a.pager-pre:hover { background-position: -158px -30px; width: 82px; height: 30px; }
.active-page .pager-next, .exchange-page .pager-next { font-size: 0; background-position: 0 -80px; width: 82px; height: 30px; }
.active-page a.pager-next:hover, .exchange-page a.pager-next:hover { background-position: 0 -110px; width: 82px; height: 30px; }
.active-page .pager_form input, .exchange-page .pager_form input { border: none; }
.active-page .pager_input, .exchange-page .pager_input { background-position: -158px -90px; width: 48px; height: 30px; text-align: center; }
.active-page .pager_goto, .exchange-page .pager_goto { font-size: 0; background-position: -158px -60px; width: 48px; height: 30px; }

/* 组件 */
.ui-dialog { height: auto !important; }

/* 复杂弹出框 */
/* .wg-dialog { padding: $dialog_padding;  .wg-dialog-t-line, .wg-dialog-b-line, .wg-dialog-l, .wg-dialog-r{ position: absolute; z-index: 1; width: 100%; }
 .wg-dialog-lt, .wg-dialog-rt, .wg-dialog-lb, .wg-dialog-rb { position: absolute; z-index: 2; width: $dialog_padding; height: $dialog_padding; } .wg-dialog-t-line{ left: 0; top: 0; } .wg-dialog-b-line{ right: 0; bottom: 0; } .wg-dialog-t { margin:0 $dialog_padding; height: $dialog_padding; background: url(../zhuanti/home/yxsc/release/images/dialog/box_t.png?01f0304); background-repeat: repeat-x; } .wg-dialog-b { margin:0 $dialog_padding; height: $dialog_padding; background: url(../images/dialog/box_b.png); background-repeat: repeat-x; }

 .wg-dialog-r { right: - $dialog_padding; top: 0; height: 100%; width: $dialog_padding; background: url(../zhuanti/home/yxsc/release/images/dialog/box_r.png?01f0304); background-repeat: repeat-y; }
 .wg-dialog-l { left: - $dialog_padding; top: 0; height: 100%; width: $dialog_padding; background: url(../zhuanti/home/yxsc/release/images/dialog/box_l.png?01f0304); background-repeat: repeat-y; } .wg-dialog-lt { left: 0; top: 0; background: url(../images/dialog/box_lt.png); } .wg-dialog-rt { right: 0; top: 0; background: url(../images/dialog/box_rt.png); } .wg-dialog-lb { left: 0; bottom: 0; background: url(../images/dialog/box_lb.png); } .wg-dialog-rb { right: 0; bottom: 0; background: url(../images/dialog/box_rb.png); } .wg-dialog-body{ position: relative; background: url(../images/dialog/box_bg.png) repeat; }
}  */
/* 简易弹出框 */
.wg-dialog { padding: 35px; background: #fff; border: solid 1px #394352; outline: solid 1px #394352; padding: 20px 0; }
.wg-dialog .wg-dialog-t-line, .wg-dialog .wg-dialog-b-line .wg-dialog-t, .wg-dialog .wg-dialog-r, .wg-dialog .wg-dialog-b, .wg-dialog .wg-dialog-l, .wg-dialog .wg-dialog-lt, .wg-dialog .wg-dialog-rt, .wg-dialog .wg-dialog-lb, .wg-dialog .wg-dialog-rb { display: none; }

/* 按钮公共 */
[class|="btn2"] { transition: filter .3s, color .3s,background-color .3s; display: block; text-align: center; width: 92px; height: 30px; }
[class|="btn2"]:hover { text-decoration: none; filter: brightness(1.1); }
[class|="btn2"].btn2-com { background-position: 0 0; width: 153px; height: 45px; font: 700 16px/45px "microsoft yahei"; color: #532323; }
[class|="btn2"].btn2-com-2 { background-position: 0 -45px; width: 153px; height: 45px; font: 700 16px/45px "microsoft yahei"; color: #532323; }

/*dialog*/
.wg-dialog { width: 680px; /* 关闭按钮 */ /* 标题级别文字 */ /* 副标题级别文字 */ /* 操作区域 */ /* 统一按钮样式 */ /* 补充说明 */ }
.wg-dialog .wg-dialog-cont { padding: 20px 0; }
.wg-dialog a.wg-dialog-close { position: absolute; top: 10px; right: 10px; z-index: 9; overflow: hidden; background-position: 0 -90px; width: 17px; height: 18px; font-size: 0; }
.wg-dialog .wg-dialog-tit { font: 700 20px/22px "microsoft yahei"; color: #0c0c0c; text-align: center; }
.wg-dialog .wg-dialog-stit { font: 500 16px/40px "microsoft yahei"; color: #0c0c0c; text-align: center; }
.wg-dialog .wg-dialog-img { display: block; margin: 0 auto; margin-top: 10px; }
.wg-dialog .wg-dialog-list { font: 500 16px/30px "microsoft yahei"; color: #0c0c0c; padding-top: 20px; }
.wg-dialog .wg-dialog-list .wg-dialog-item { position: relative; }
.wg-dialog .wg-dialog-item-name { position: absolute; left: 100px; top: 0; }
.wg-dialog .wg-dialog-item-val { padding-left: 300px; }
.wg-dialog .wg-dialog-opt { /* 内部按钮一般使用定位 */ text-align: center; position: relative; margin-top: 10px; overflow: hidden; text-align: center; }
.wg-dialog .wg-dialog-btn { margin: 0 10px; display: inline-block; *display: inline; *zoom: 1; }
.wg-dialog .wg-dialog-ps { height: 30px; width: 100%; font: 500 14px/30px "microsoft yahei"; color: #a69671; text-align: center; background: #504028; position: absolute; left: 0; bottom: 0; z-index: 1; }

/* 各个弹出框独立样式 ********************************************/
/* 分享 */
.wg-dialog-share .wg-dialog-box { margin: 0 auto; width: 270px; *zoom: 1; }
.wg-dialog-share .wg-dialog-box:after { content: ""; display: table; clear: both; }
.wg-dialog-share .wg-dialog-share { float: left; width: 90px; cursor: pointer; }
.wg-dialog-share .wg-dialog-share-i { display: block; margin: 0 auto; }
.wg-dialog-share .wg-dialog-share-p { text-align: center; font: 500 14px/18px "microsoft yahei"; color: #0c0c0c; }
.wg-dialog-share .wg-dialog-opt { padding-top: 10px; padding-bottom: 0; }

/* 表格 */
.wg-dialog-table, .wg-dialog-mylist { width: 580px; }
.wg-dialog-table .m-list, .wg-dialog-mylist .m-list { margin-top: 20px; width: 100%; }
.wg-dialog-table .list-table-th, .wg-dialog-mylist .list-table-th { text-align: center; font-size: 16px; height: 40px; line-height: 40px; }
.wg-dialog-table .list-table-td, .wg-dialog-mylist .list-table-td { text-align: center; font-size: 16px; height: 40px; line-height: 40px; }
.wg-dialog-table .noData, .wg-dialog-mylist .noData { padding-top: 20px; }

/* .wg-dialog-mylist{ .dialog-body { width: px(670); padding: px(50); } .m-list{ margin-top: px(20); } .list-table-thead{ background: #eaf6f0; .col-1{ width: px(200); } .col-2{ width: px(200); } .col-3{ width: px(140); } .col-4{ width: px(160); } } .list-table-th{ text-align: center; @include lfont(16, 40, #d1772a); } .list-table-tr{ background: #f4fff9; } .list-table-tr:nth-child(2n) { background: #eaf6f0; } .list-table-td{ text-align: center; @include lfont(16, 40, #3f7aa8); }
} */
/* 概率 */
/* 分页 */
.wg-dialog-pager { text-align: center; padding-top: 10px; }
.wg-dialog-pager span { line-height: 20px; display: inline-block; margin: 2px; line-height: 20px; }
.wg-dialog-pager a, .wg-dialog-pager span.cur { width: 20px; height: 20px; display: inline-block; text-decoration: none; margin: 2px; }
.wg-dialog-pager span.cur { font-weight: bold; text-decoration: underline; width: 20px; }
.wg-dialog-pager a:hover { text-decoration: underline; }
.wg-dialog-pager a.pager-pre, .wg-dialog-pager a.pager-next, .wg-dialog-pager span.pager-pre, .wg-dialog-pager span.pager-next { width: 50px; }

/* 选服 */
.wg-dialog-serverSelect .wg-dialog-line { height: 24px; padding: 16px 0; }
.wg-dialog-serverSelect .select_box { position: absolute; left: 50%; margin-left: -190px; }
.wg-dialog-serverSelect .select_js { position: absolute; left: 50%; margin-left: 0; border-bottom: solid 1px #0c0c0c; background: #ffecd8; font: 500 14px/24px "microsoft yahei"; color: #0c0c0c; height: 24px; padding-left: 8px; width: 210px; }
.wg-dialog-serverSelect .wd-dialog-opt-tip { text-align: center; margin-top: 10px; font: 500 14px/24px "microsoft yahei"; color: #0c0c0c; height: 14px; }
.wg-dialog-serverSelect .wd-dialog-opt { margin-top: 5px; padding-top: 0; }

/* 选服框宽高 */
/* 选服框背景颜色 */
/* 选服框字体*/
/* 边框颜色 */
/* 选服务器 */
.m_selectlist { /* 选择框首条 */ position: relative; *zoom: 1; z-index: 111; /* 选择框下拉 */ }
.m_selectlist .m_selected { width: 184px; height: 24px; background-color: #fff; cursor: pointer; overflow: hidden; border: solid 1px #394352; /*提示*/ /* 文字区域 */ /* 下拉区域 */ }
.m_selectlist .m_selected .redtip { font: 500 12px/12px "microsoft yahei"; color: #ffa62e; top: 34px; left: 0px; position: absolute; }
.m_selectlist .m_selected .select_txt { padding: 0 0 0 2px; font: 500 14px/24px "microsoft yahei"; color: #0c0c0c; overflow: hidden; text-align: left; width: auto; height: auto; max-width: 161px; margin-left: 11px; }
.m_selectlist .m_selected .flag_down { width: auto; height: auto; background-color: #fff; display: block; overflow: hidden; padding: 10px 10px 0 0; float: right; }
.m_selectlist .m_selected .flag_down b { width: 0; height: 0; border-top: 6px #394352 solid; border-left: 6px transparent dashed; border-right: 6px transparent dashed; display: block; overflow: hidden; zoom: 1; transition: all .3s; }
.m_selectlist .m_select_cont { background-color: #fff; border: solid 1px #394352; top: 24px; width: 184px; padding: 0px; z-index: 4; position: absolute; overflow: hidden; }
.m_selectlist .m_select_cont .selectlist li a { background: #fff; display: block; padding: 0 5px; font: 500 12px/24px "microsoft yahei"; color: #0c0c0c; z-index: 4; transition: filter .3s; }
.m_selectlist .m_select_cont .selectlist li a:hover { background: #0c0c0c; text-decoration: none; color: #fff; filter: brightness(1.2); }
.m_selectlist .v_scrollbar { position: absolute; width: 10px; right: 0; top: 0; height: 220px; display: none; cursor: pointer; background: #414f62; }
.m_selectlist .v_scrollbar_bg { position: absolute; top: 0; width: 10px; height: 100%; background-color: #414f62; }
.m_selectlist .v_scrollbar_btn { position: absolute; width: 8px; border: 1px solid #a2aab0; z-index: 100; top: 0; border-radius: 3px; background-color: #a2aab0; }
.m_selectlist .search-input { width: 100%; }

/* 一般颜色 */
/* 备注颜色 */
/* 强调颜色 */
/* 区分一般颜色文本 */
/* 链接颜色 */
.m-info { background-position: 0 -315px; width: 239px; height: 329px; position: relative; overflow: hidden; }
.m-info .login .btn, .m-info .unbind .btn { position: relative; cursor: pointer; margin: 0 auto; margin-top: 3px; transition: filter .3s; }
.m-info .login .btn:hover, .m-info .unbind .btn:hover { filter: brightness(1.1); }
.m-info .login .user, .m-info .unbind .user { background-position: 0 -315px; width: 239px; height: 329px; display: inline-block; vertical-align: middle; margin-right: 4px; margin-top: -2px; }
.m-info .login .title, .m-info .unbind .title { padding-top: 52px; padding-bottom: 18px; font-size: 30px; color: #ffffff; font-weight: bold; }
.m-info .login .content, .m-info .unbind .content { margin: 12px 8px; font-size: 13px; line-height: 18px; color: #ffebdc; }
.m-info .login .content span, .m-info .unbind .content span { display: block; }
.m-info .login .content .warn, .m-info .unbind .content .warn { color: #edc1a2; }
.m-info .login .btn { background-position: 0 0; width: 229px; height: 152px; }
.m-info .unbind .btn { background-position: -229px  0; width: 229px; height: 152px; }
.m-info .unbind .txt { position: absolute; left: 0; top: 105px; height: 16px; line-height: 16px; font-size: 14px; color: #ffffff; display: block; width: 100%; }
.m-info .unbind .nickName { padding-left: 26px; width: 126px; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: inline-block; vertical-align: bottom; *vertical-align: auto; }
.m-info .unbind .user-logout { font-weight: bold; position: absolute; height: 16px; line-height: 16px; font-size: 14px; color: #ffffff; right: 24px; top: 0; }
.m-info .logged .top-user { background-position: 0 -152px; width: 229px; height: 152px; margin: 0 auto; margin-top: 3px; }
.m-info .logged .top-user .top-user-box { padding-top: 9px; padding-left: 12px; }
.m-info .logged .user-log { *zoom: 1; position: relative; }
.m-info .logged .user-log:after { content: ""; display: table; clear: both; }
.m-info .logged .user-log .logout { background-position: -278px -304px; width: 100px; height: 24px; margin: 0 auto; font-size: 0; display: block; }
.m-info .logged .user-head { position: absolute; left: 0; top: 0; width: 63px; height: 63px; background: #b0815f; border: 1px solid #cda385; }
.m-info .logged .user-head img { width: 100%; height: 100%; display: block; }
.m-info .logged .user-head-right { padding-left: 65px; }
.m-info .logged .user-name { font-size: 14px; color: #ffebdc; line-height: 16px; margin-left: 15px; width: 130px; padding-top: 18px; padding-bottom: 6px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: inline-block; vertical-align: bottom; *vertical-align: auto; }
.m-info .logged .user-serv { *zoom: 1; margin-top: 12px; position: relative; font: 500 14px/18px "microsoft yahei"; color: #ffebdc; }
.m-info .logged .user-serv:after { content: ""; display: table; clear: both; }
.m-info .logged .user-serv .serv-title { position: absolute; left: 0; top: 0; font-size: 12px; color: #f8e1d0; background: #b0815f; border: 1px solid #cda385; padding: 0 4px; margin-top: 1px; height: 17px; line-height: 14px; text-align: center; }
.m-info .logged .user-serv .serv-name { padding-left: 74px; width: 100px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: inline-block; vertical-align: bottom; *vertical-align: auto; }
.m-info .logged .serv-reset { cursor: pointer; font-size: 14px; margin-top: 14px; color: #ffdb5d; text-align: center; float: left; }
.m-info .logged .user-score { padding-top: 20px; }
.m-info .logged .user-score span { margin-top: 4px; display: block; padding-left: 28px; color: #ffebdc; font-size: 16px; }
.m-info .logged .user-score .score-log { text-align: center; position: relative; margin-top: 16px; }
.m-info .logged .user-score .score-log a { font-size: 16px; position: relative; color: #ffdb5d; }
.m-info .logged .user-score .score-log a:after { content: " "; position: absolute; left: 8px; right: 8px; bottom: 0; height: 1px; background: #ffdb5d; }
.m-info .info-footer { position: absolute; bottom: 14px; left: 18px; }
.m-info .info-footer a { cursor: pointer; float: left; margin: 0 5px; color: #ffffff; font-size: 14px; line-height: 32px; text-align: center; display: block; transition: filter 0.3s; }
.m-info .info-footer a:hover { filter: brightness(1.2); }
.m-info .info-footer .entry-game { background-position: -229px -248px; width: 94px; height: 32px; }
.m-info .info-footer .entry-forum { background-position: 0 -304px; width: 94px; height: 32px; }
.m-info .info-bd { display: none; }
.m-info[data-status="0"] .login { display: block; }
.m-info[data-status="1"] .unbind { display: block; }
.m-info[data-status="2"] .logged { display: block; }

.m-nav .nav { *zoom: 1; }
.m-nav .nav:after { content: ""; display: table; clear: both; }
.m-nav .nav-li { cursor: pointer; float: left; width: 150px; position: relative; z-index: 1; font-size: 16px; color: #666666; line-height: 52px; text-align: center; }
.m-nav .nav-li.cur, .m-nav .nav-li:hover { background-position: -229px -152px; width: 150px; height: 52px; font-weight: bold; color: #ffffff; }

.m-rank { width: 237px; height: 448px; background: #f5f7f7; border: 1px solid #e5edf1; }
.m-rank .title { width: 235px; height: 46px; border: 1px solid #cfae95; background: #be9d85; font-size: 22px; color: #f1f9fd; line-height: 44px; text-align: center; }
.m-rank .rank-list { padding-left: 6px; padding-top: 20px; }
.m-rank .rank-list li { font-size: 14px; color: #424242; line-height: 34px; margin-bottom: 3px; }
.m-rank .rank-list li i { display: inline-block; width: 28px; height: 34px; text-align: center; line-height: 34px; font-style: normal; }
.m-rank .rank-list li .name { margin-left: 2px; margin-right: 10px; display: inline-block; *display: inline; *zoom: 1; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: inline-block; vertical-align: bottom; *vertical-align: auto; width: 100px; }
.m-rank .rank-list li b { color: #e6560f; }
.m-rank .rank-list .first i, .m-rank .rank-list .second i, .m-rank .rank-list .third i { vertical-align: middle; }
.m-rank .rank-list .first i { background-position: -79px -40px; width: 28px; height: 34px; }
.m-rank .rank-list .second i { background-position: -107px -40px; width: 28px; height: 34px; }
.m-rank .rank-list .third i { background-position: 0 -140px; width: 28px; height: 34px; }