/*! Project: tankbox
 *  Version: 1.0.0
 *  LastChange: 2018-05-24 04:36:12 PM
 *  Author: dmy
 */

/*! Project: tankbox
 *  Version: 1.0.0
 *  Date: 2015-03-24 04:36:12 PM
 *  Author: lijianjun
 */

/*!
 * FileName   : global.css
 * WebSite    : http://www.duowan.com
 * Desc       :
 * Author     :
 * Version    : 3.3.0
 * LastChange : 2012-02-20T14:54:09
 * */

/*!
 * 重置
 * */

html {
    -webkit-text-size-adjust: 100%;
    -webkit-text-size-adjust: none;
    -ms-text-size-adjust: 100%;
    font-size: 100%;
    color: #000;
    background: #FFF;
    overflow: hidden
}

body {
    margin: 0;
    word-wrap: break-word
}

:active,
:visited {
    outline: 0
}

:link,
:visited,
ins {
    text-decoration: none
}

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

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

article,
aside,
audio,
blockquote,
button,
canvas,
code,
dd,
details,
dl,
dt,
embed,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
input,
legend,
li,
mark,
menu,
nav,
ol,
output,
p,
pre,
ruby,
section,
select,
summary,
td,
textarea,
th,
time,
ul,
video {
    margin: 0;
    padding: 0
}

fieldset,
iframe {
    border: 0 none
}

img {
    border: 0 none;
    -ms-interpolation-mode: bicubic;
    vertical-align: middle
}

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

button,
code,
h1,
h2,
h3,
h4,
h5,
h6,
input,
kbd,
samp,
select,
small,
sub,
sup,
textarea,
tt {
    font-size: 100%
}

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

button,
input,
optgroup,
option,
select,
textarea {
    font-family: inherit;
    font-size: inherit;
    font-style: inherit;
    font-weight: inherit
}

textarea {
    overflow: auto;
    vertical-align: top;
    resize: vertical
}

menu,
ol,
ul {
    list-style: none outside none
}

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

td {
    vertical-align: top
}

caption,
th {
    text-align: left
}

sup {
    vertical-align: text-top
}

sub {
    vertical-align: text-bottom
}

blockquote,
q {
    quotes: none
}

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

mark {
    background-color: #ff6
}

del {
    text-decoration: line-through
}

abbr[title],
dfn[title] {
    border-bottom: 1px dotted;
    cursor: help
}

button,
input,
select {
    vertical-align: middle
}

button {
    width: auto;
    cursor: pointer;
    overflow: visible
}

input[type=button],
input[type=reset],
input[type=submit] {
    cursor: pointer;
    overflow: visible
}

input[type=checkbox],
input[type=radio] {
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

/*!
 * 公共
 * */

.clearfix:after,
.clearfix:before {
    content: '';
    display: table
}

.clearfix:after {
    clear: both
}

.clearfix {
    zoom: 1
}

.clear {
    clear: both;
    display: block;
    overflow: hidden;
    height: 0
}

.fr {
    display: inline;
    float: right!important
}

.fl {
    display: inline;
    float: left!important
}

.show {
    display: block
}

.hide {
    display: none
}

.hidden {
    display: none!important;
    visibility: hidden
}

.highlight {
    color: #F30!important
}

.important {
    font-weight: 700!important
}

.center {
    text-align: center!important
}

.left {
    text-align: left!important
}

.right {
    text-align: right!important
}

.indent {
    text-indent: 2em
}

.blank10,
.blank15,
.blank20,
.blank5,
.blank8 {
    display: block;
    clear: both;
    overflow: hidden
}

.blank5 {
    height: 5px
}

.blank8 {
    height: 8px
}

.blank10 {
    height: 10px
}

.blank15 {
    height: 15px
}

.blank20 {
    height: 20px
}

.no-border {
    border: 0 none!important
}

.transparent {
    opacity: 0;
    filter: alpha(opacity=0)
}

.small,
small {
    -webkit-text-size-adjust: none
}

button,
input.button {
    padding: 5px 4px 3px\0
}

input.button {
    cursor: pointer;
    overflow: visible;
    *padding: 5px 4px 2px
}

button {
    *padding: 4px 4px 3px
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    button,
    input[type=button],
    input[type=reset],
    input[type=submit] {
        padding: 4px
    }
}

@-moz-document url-prefix() {
    button::-moz-focus-inner,
    input::-moz-focus-inner {
        border: 0 none;
        padding: 0
    }
    button,
    input[type=button],
    input[type=reset],
    input[type=submit] {
        padding: 2px 4px 3px
    }
}

.pas {
    padding: 5px
}

.pam {
    padding: 10px
}

.pal {
    padding: 20px
}

.pts {
    padding-top: 5px
}

.ptm {
    padding-top: 10px
}

.ptl {
    padding-top: 20px
}

.prs {
    padding-right: 5px
}

.prm {
    padding-right: 10px
}

.prl {
    padding-right: 20px
}

.pbs {
    padding-bottom: 5px
}

.pbm {
    padding-bottom: 10px
}

.pbl {
    padding-bottom: 20px
}

.pls {
    padding-left: 5px
}

.plm {
    padding-left: 10px
}

.pll {
    padding-left: 20px
}

.phs {
    padding-left: 5px;
    padding-right: 5px
}

.phm {
    padding-left: 10px;
    padding-right: 10px
}

.phl {
    padding-left: 20px;
    padding-right: 20px
}

.pvs {
    padding-top: 5px;
    padding-bottom: 5px
}

.pvm {
    padding-top: 10px;
    padding-bottom: 10px
}

.pvl {
    padding-top: 20px;
    padding-bottom: 20px
}

.mas {
    margin: 5px
}

.mam {
    margin: 10px
}

.mal {
    margin: 20px
}

.mts {
    margin-top: 5px
}

.mtm {
    margin-top: 10px
}

.mtl {
    margin-top: 20px
}

.mrs {
    margin-right: 5px
}

.mrm {
    margin-right: 10px
}

.mrl {
    margin-right: 20px
}

.mbs {
    margin-bottom: 5px
}

.mbm {
    margin-bottom: 10px
}

.mbl {
    margin-bottom: 20px
}

.mls {
    margin-left: 5px
}

.mlm {
    margin-left: 10px
}

.mll {
    margin-left: 20px
}

.mhs {
    margin-left: 5px;
    margin-right: 5px
}

.mhm {
    margin-left: 10px;
    margin-right: 10px
}

.mhl {
    margin-left: 20px;
    margin-right: 20px
}

.mvs {
    margin-top: 5px;
    margin-bottom: 5px
}

.mvm {
    margin-top: 10px;
    margin-bottom: 10px
}

.mvl {
    margin-top: 20px;
    margin-bottom: 20px
}

.fss {
    font-size: 10px
}

.fsm {
    font-size: 12px
}

.fsl {
    font-size: 14px
}

.fsxl {
    font-size: 16px
}

.fsxxl {
    font-size: 18px
}

.fwn {
    font-weight: 400
}

.fwb {
    font-weight: 700
}

/*!
 * 基本
 * */

body {
    font: 12px/1.5 tahoma, sans-serif;
    color: #333;
    width: 872px;
    height: 590px;
    overflow: hidden
}

a {
    text-decoration: none;
    color: #A7A18C
}

a:hover {
    text-decoration: underline;
    color: #fff
}

/*!
 * 全局
 * */

/*!
 * 专区正文表格
 * */

#text table {
    border-collapse: separate;
    border-spacing: 1px
}

.box {
    zoom: 1;
    position: relative
}

.box .box-hd {
    overflow: hidden;
    position: relative;
    padding: 0 10px;
    margin: -1px -1px 0;
    height: 30px;
    line-height: 30px
}

.box .box-act {
    float: right
}

.box .box-hd .icon {
    float: left;
    width: 16px;
    height: 16px;
    margin: 7px 8px 0 0;
    background-color: #3c6
}

.box .box-hd .title {
    float: left;
    margin-right: 10px;
    font-size: 14px
}

.box .box-hd .act {
    float: right
}

.box .box-hd .act .links {
    float: right;
    overflow: hidden;
    display: inline;
    margin-right: -6px;
    height: 16px;
    margin-top: 9px
}

.box .box-hd .act .links a {
    float: left;
    display: inline;
    white-space: nowrap;
    line-height: 16px;
    padding: 0 5px 0 0;
    margin: -2px -1px 0 6px;
    border-right: 1px solid #999
}

.box .box-hd .act .more {
    float: right;
    margin-left: 10px
}

.box .box-hd .act .btn-close {
    float: right
}

/*!
 * 面包屑导航
 * default
 * */

.mod-crumbs-s1 {
    overflow: hidden;
    height: 34px;
    line-height: 34px;
    color: #666666
}

.mod-crumbs-s1 .back-to-index {
    height: 22px;
    overflow: hidden;
    margin: 6px 0 0
}

.mod-crumbs-s1 .arrow {
    width: 10px;
    height: 34px;
    overflow: hidden;
    margin: 0 10px;
    color: #464141
}

.mod-crumbs-s1 a {
    color: #666666!important
}

.mod-crumbs-s1 b {
    font-weight: 400;
    color: #666666
}

.mod-crumbs-s1 .week-win-link {
    position: absolute;
    top: 0;
    right: 20px;
    padding-left: 20px;
    background: url(../img/icon-weekwin.png) no-repeat 0 10px
}

.mod-pic {
    padding-top: 10px;
    letter-spacing: -.34em;
    word-spacing: -.34em
}

@media all and (-webkit-min-device-pixel-ratio:1) {
    .mod-pic {
        word-spacing: normal
    }
}

.mod-pic li {
    display: inline-block;
    *display: inline;
    zoom: 1;
    vertical-align: top;
    letter-spacing: normal;
    word-spacing: normal;
    overflow: hidden;
    position: relative;
    width: 132px;
    margin: 0 0 10px 10px
}

.mod-pic a {
    display: block;
    text-align: center
}

.mod-pic img {
    width: 130px;
    height: 90px;
    border: 1px solid #525448
}

.mod-pic em {
    display: inline-block;
    vertical-align: baseline;
    text-align: left;
    cursor: pointer;
    line-height: 18px;
    padding: 4px 0 0
}

.mod-pic a:hover {
    zoom: 1;
    text-decoration: none
}

.mod-pic a:hover em {
    text-decoration: underline;
    color: #fff
}

.mod-pic a:hover img {
    border-color: #999
}

.mod-vid li {
    position: relative
}

.mod-vid img {
    opacity: .8;
    filter: alpha(opacity=80)
}

.mod-vid .vedio_time_num {
    display: block;
    width: 40px;
    height: 22px;
    line-height: 22px;
    font-size: 9px;
    font-weight: 700;
    color: #fff;
    cursor: pointer;
    position: absolute;
    top: 69px;
    right: 1px;
    background: rgba(0, 0, 0, .3);
    filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#30000000, endcolorstr=#30000000)
}

.mod-vid a:hover img {
    opacity: 1;
    filter: alpha(opacity=100)
}

.yellow {
    color: #FF0
}

.wrap {
    box-sizing: border-box;
    width: 872px;
    height: 590px;
    margin: 0 auto;
    padding: 0px 30px;
    overflow: hidden
}

.box_bg {
    position: relative
}

.showpic-num {
    line-height: 34px;
    height: 34px;
    margin-right: 15px;
    color: #fff
}

.showpic_container {
    text-align: center;
    margin-top: 3px;
    position: relative;
    *zoom: 1
}

.showpic_container .pic {
    width: 560px;
    height: 420px;
    border: 1px solid #282626;
    background: #161515;
    padding: 5px;
    margin: 0 auto
}

.showpic_container .intro_picbtn {
    width: 48px;
    height: 48px;
    position: absolute;
    top: 180px;
    text-indent: -9999px;
    background-image: url(../img/iconmap-intro_btn.png);
    _background-image: url(../img/iconmap-intro_btn_ie6.png)
}

.showpic_container .prev {
    background-position: left top;
    left: 35px
}

.showpic_container .next {
    background-position: left 48px;
    right: 35px
}

.showpic_container .get_it {
    font-size: 14px;
    line-height: 33px;
    height: 33px;
    border: 1px solid #040402;
    background: url(../img/bg_intro_getit_btn.png) repeat-x 0 0;
    display: inline-block;
    position: relative;
    top: -59px;
    width: 98px;
    color: #fff
}

.showpic_container .get_it:hover {
    text-decoration: none;
    color: #fff
}

.vedio_page_box {
    width: 437px;
    background: #2D2A2A;
    float: left;
    _margin-right: -3px
}

.vedio_page_box .mod-pic {
    padding-top: 0
}

.vedio_page_box .mod-pic li {
    margin: 0 0 7px 10px
}

.vedio_page_box .mod-pic em {
    color: #A7A18C
}

.box .box-hd .hot_new_vedio_title {
    color: #CBC8B6;
    font-size: 12px
}

.box .box-hd .hot_new_vedio_more {
    color: #757269
}

.box_top_nav {
    border-bottom: 1px solid #e3e3e3;
    margin-top: 4px;
    font-size: 0
}

.box_top_nav li {
    margin-left: 6px;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    text-align: center;
}

.box_top_nav li a {
    padding: 0px 15px;
    font-size: 14px;
    position: relative;
    z-index: 100;
    padding-bottom: 1px;
    margin-bottom: -1px;
    line-height: 29px;
    height: 29px;
    float: left;
    display: inline;
    color: #333333;
    width: 4.5em;
    font-weight: bold;
}

.box_top_nav li.selected {
    position: relative;
    top: 1px;
    z-index: 999;
    font-weight: 700;
    border-bottom: 2px solid #ff6600;
}

.box_top_nav li.selected a {
    color: #ff6600;
}

.vedio_page_aside {
    background: #201E1E;
    overflow: hidden;
    *zoom: 1;
    border-left: 1px solid #353531
}

.vedio_list h2 {
    line-height: 25px;
    color: #CBC8B6;
    font-size: 12px;
    text-indent: 10px
}

.vedio_list li {
    height: 38px;
    border-bottom: 1px solid #2C2B29;
    padding-top: 3px
}

.vedio_list li i {
    float: left;
    margin: 2px 5px 0;
    _display: inline;
    height: 14px;
    line-height: 14px;
    border: 1px solid #15140F;
    text-align: center;
    width: 20px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    color: #918D7A;
    background: #393731
}

.vedio_list li.the_three i {
    background: url(../img/icon-vedio_list_number.png) repeat-x left top
}

.vedio_list li a {
    display: block;
    overflow: hidden;
    *zoom: 1;
    padding-right: 10px
}

.vedio_list li a:hover {
    color: #fff;
    text-decoration: none
}

.vedio_list li.hover,
.vedio_list li:hover {
    background: #272424
}

.index_box {
    width: 336px;
    float: left
}

.index_aside,
.tank_news {
    overflow: hidden;
    *zoom: 1
}

.tank_news .top_link {
    font-size: 16px;
    color: #CBC8B6;
    font-weight: 700;
    line-height: 28px;
    margin-top: 12px;
    display: block;
    text-align: center
}

.tank_news .top_link:hover {
    color: #fff
}

.tank_news .hot_point,
.tank_news .hot_point a {
    text-align: center;
    color: #757269
}

.tank_news .hot_point a {
    padding: 0 3px
}

.tank_news .hot_point {
    margin-bottom: 5px
}

.tank_news .hot_point a:hover {
    color: #fff
}

.tank_news .tank_news_list {
    font-size: 14px;
    color: #A7A18C;
    list-style-type: disc;
    list-style-position: outside;
    padding-left: 30px
}

.tank_news .tank_news_list li {
    overflow: hidden;
    *zoom: 1
}

.tank_news .tank_news_list .post_date {
    font-size: 12px;
    color: #757269;
    float: right;
    line-height: 27px;
    height: 27px;
    *position: relative;
    *top: -1px;
    margin-right: 10px
}

.tank_news .tank_news_list a {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    line-height: 27px;
    height: 27px
}

.tank_news .tank_news_list a:hover {
    color: #fff
}

.tank_newactive .box-hd {
    padding: 0;
    margin: 0 11px;
    border-bottom: 2px solid #3A3833;
    line-height: 25px;
    height: 25px
}

.tank_newactive .box-hd .title {
    color: #CBC8B6;
    font-size: 12px
}

.tank_newactive .box-act {
    margin-right: 20px;
    *display: inline
}

.tank_newactive .tank_newactive_list ul {
    list-style-type: disc;
    list-style-position: outside;
    margin: 5px 18px 0 28px;
    color: #A7A18C
}

.tank_newactive .tank_newactive_list li a {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    color: #A7A18C;
    line-height: 24px;
    height: 24px
}

.tank_newactive .tank_newactive_list li a:hover {
    color: #fff
}

.tank_newactive .tank_newactive_list .post_date {
    float: right;
    color: #757269;
    *position: relative;
    *top: 2px
}

.index_vedio_list .box-hd .title {
    color: #CBC8B6;
    font-size: 12px
}

.index_vedio_list .box-hd {
    line-height: 32px;
    height: 32px
}

.index_vedio_list .box-hd .more {
    color: #757269
}

.box-hd .more:hover {
    color: #fff
}

.hotpoint_sell .box-bd {
    padding-left: 7px;
    color: #A7A18C
}

.hotpoint_sell .box-hd .title {
    font-size: 12px;
    color: #CBC8B6
}

.hotpoint_sell .box-bd p {
    color: #504D45;
    line-height: 22px
}

.hotpoint_sell .box-bd p a {
    color: #A7A18C;
    padding: 0 3px
}

.hotpoint_sell .box-bd p a:hover {
    color: #fff
}

.tanktype_list-wrap {
    margin: 0 auto;
    width: 590px
}

.tanktype_list {
    overflow: hidden;
    *zoom: 1;
    margin: 0 0 0 -17px
}

.tanktype_list li {
    float: left;
    margin-left: 17px;
    margin-top: 20px;
    display: inline;
    width: 185px
}

.tanktype_list li.first {
    margin-left: 0
}

.tanktype_list li a {
    display: block;
    width: 185px;
    background: url(../img/bg_map_tanktype.jpg) no-repeat 0 0;
    padding-top: 100px;
    position: relative;
    text-align: center;
    font-size: 16px;
    color: #918d7a
}

.tanktype_list li .listitem1 {
    background-position: -925px top
}

.tanktype_list li .listitem2 {
    background-position: -555px top
}

.tanktype_list li .listitem3 {
    background-position: -740px top
}

.tanktype_list li .listitem4 {
    background-position: -370px top
}

.tanktype_list li .listitem5 {
    background-position: -185px top
}

.tanktype_list li .listitem6 {
    background-position: 0 top
}

.tanktype_list li .listitem7 {
    background-position: -1110px top
}

.tanktype_list li .maks {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 100;
    height: 100px;
    width: 185px;
    background: rgba(0, 0, 0, .4);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#66000000, endColorstr=#66000000)
}

.tanktype_list li a:hover {
    zoom: 1;
    color: #fff;
    text-decoration: none
}

.tanktype_list li a:hover .maks {
    left: -9999px
}

.tankskin_list_ctn {
    margin: 0 auto;
    width: 608px;
    height: 442px
}

.tankskin_list_ctn .tankskin_item {
    width: 120px;
    height: 442px;
    float: left;
    display: inline;
    margin-left: 2px;
    font-size: 14px;
    color: #fff
}

.tankskin_list_ctn .tankskin_item li {
    font-size: 12px;
    height: 31px;
    line-height: 31px;
    padding: 0 2px
}

.tankskin_list_ctn .tankskin_item h4 {
    line-height: 26px;
    text-align: center
}

.tankskin_list_ctn .tankskin_item .num {
    float: right;
    width: 2em;
    text-align: center;
    font-size: 8px;
    background: rgba(0, 0, 0, .3);
    *zoom: 1;
    filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#4c000000, endcolorstr=#4c000000)
}

.tankskin_list_ctn .tankskin_item img {
    border: 1px solid #a4a1a1;
    margin-top: -3px;
    margin-right: 5px;
    *margin-top: 0;
    _margin-top: 1px
}

.tankskin_list_ctn .first {
    margin-left: 0
}

.tankskin_item_col1 {
    background: #502424
}

.tankskin_item_col2 {
    background: #23491D
}

.tankskin_item_col3 {
    background: #534215
}

.tankskin_item_col4 {
    background: #383838
}

.tankskin_item_col5 {
    background: #26324D
}

.tankskin_item_col1 li {
    border-bottom: 1px solid #623A3A
}

.tankskin_item_col2 li {
    border-bottom: 1px solid #395C34
}

.tankskin_item_col3 li {
    border-bottom: 1px solid #65552D
}

.tankskin_item_col4 li {
    border-bottom: 1px solid #4C4C4C
}

.tankskin_item_col5 li {
    border-bottom: 1px solid #3C475F
}

.tankskin_item_col1 h4 {
    border-bottom: 1px solid #5F1D1D;
    background: url(../img/map-tankskin_bg.png) repeat-x 0 0
}

.tankskin_item_col2 h4 {
    border-bottom: 1px solid #195511;
    background: url(../img/map-tankskin_bg.png) repeat-x 0 -26px
}

.tankskin_item_col3 h4 {
    border-bottom: 1px solid #5F480A;
    background: url(../img/map-tankskin_bg.png) repeat-x 0 -52px
}

.tankskin_item_col4 h4 {
    border-bottom: 1px solid #383838;
    background: url(../img/map-tankskin_bg.png) repeat-x 0 -78px
}

.tankskin_item_col5 h4 {
    border-bottom: 1px solid #20325B;
    background: url(../img/map-tankskin_bg.png) repeat-x 0 -104px
}

.tankpaint_page {
    padding: 0 16px
}

.tankpaint_list li {
    padding: 15px 20px;
    border-bottom: 1px solid #424040;
    overflow: hidden;
    *zoom: 1
}

.tankpaint_list li.hover,
.tankpaint_list li:hover {
    background-color: #161515
}

.tankpaint_list .paint_pic {
    float: left;
    margin-right: 10px
}

.tankpaint_list .content {
    overflow: hidden;
    *zoom: 1;
    padding-top: 3px
}

.tankpaint_list .content .author,
.tankpaint_list .content .size {
    margin-left: 15px
}

.tankpaint_list .btn-bar {
    float: right;
    _display: inline;
    width: 73px
}

.tankpaint_list .get_it {
    display: block;
    margin: 5px 5px 0 0;
    border-radius: 3px;
    width: 68px;
    height: 24px;
    border: 1px solid #191813;
    text-align: center;
    line-height: 24px;
    background: url(../img/btn_paint_set.png) repeat-x 0 0
}

.tankpaint_list .get_it:hover {
    text-decoration: none
}

.tankpaint_list .content p {
    color: #9D9884
}

.tankpaint_list .content .info {
    color: #CBC8B6;
    padding-bottom: 4px;
    display: block
}

.tankpaint_list .content .info em {
    color: #747168
}

.tankpaint_page_bottom .intro {
    color: #68655E;
    float: left;
    margin-top: 8px
}

.tankpaint_page_bottom .mod-page {
    margin-top: 8px
}

.mod-page {
    overflow: hidden;
    display: inline-block;
    vertical-align: top;
    *display: inline;
    *zoom: 1;
    *padding-bottom: 2px
}

.mod-page a {
    float: left;
    display: inline;
    white-space: nowrap;
    padding: 1px 0;
    width: 18px;
    margin: 0 2px;
    color: #757269;
    text-align: center
}

.mod-page .current {
    cursor: default;
    font-weight: 700;
    border: 1px solid #191814;
    padding: 0;
    width: 16px;
    color: #CBC8B6
}

.mod-page a:hover {
    text-decoration: none;
    color: #CBC8B6;
    border: 1px solid #191814;
    padding: 0;
    width: 16px
}

.mod-page a[rel=next],
.mod-page a[rel=prev] {
    font-family: serif
}

.mod-page span {
    float: left;
    white-space: nowrap;
    height: 26px;
    overflow: hidden;
    line-height: 26px;
    margin: 0 2px;
    color: #666
}

.mod-page ins span {
    margin: 0 2px
}

.mod-page ins {
    float: left;
    white-space: nowrap;
    margin: 2px 2px 0;
    background: 0 0
}

.mod-page ins input {
    float: left;
    width: 2em;
    height: 18px;
    padding: 3px 4px;
    *padding: 4px 4px 2px;
    border: 1px solid #D8D8D8
}

.not-find-user {
    margin: 146px 0 0 120px;
    padding: 0 0 100px 110px;
    background: url(../img/bg-error.png) no-repeat 0 0
}

.not-find-user .note-text {
    font-size: 16px;
    line-height: 2.2em;
    color: #cbc8b6
}

.not-find-user .guide-text {
    color: #aaa6a5;
    font-size: 12px;
    line-height: 1.8em
}

.not-find-user .black-link {
    line-height: 1.8em;
    color: #a7a18c
}

.person-great .usual-info {
    padding: 12px 15px
}

.person-great .user-info {
    width: 200px
}

.person-great .user-info .pic img {
    width: 60px;
    height: 60px;
    border: 1px solid #3B3939
}

.person-great .user-info .name {
    color: #fff;
    font-weight: 700
}

.person-great .user-info .desc,
.person-great .user-info .server {
    color: #AAA6A5;
    line-height: 1.8em
}

.person-great .use-tank-list h3 {
    font-size: 12px;
    color: #F8F6EA;
    font-weight: 400;
    line-height: 1.2em;
    padding-bottom: 5px
}

.person-great .use-tank-list {
    font-size: 0
}

.person-great .use-tank-list li {
    float: left;
    display: inline;
    font-size: 12px;
    width: 42px;
    overflow: hidden;
    margin-right: 10px
}

.person-great .use-tank-list li a {
    float: left
}

.person-great .use-tank-list li img {
    width: 40px;
    height: 40px;
    border: 1px solid #3B3939
}

.person-great .use-tank-list li em {
    display: block;
    text-align: center;
    color: #AAA6A5
}

.person-great .power {
    background: url(../img/bg-power.png) no-repeat 0 0;
    width: 80px;
    height: 60px;
    margin: 5px 20px 0 0
}

.person-great .power .name {
    display: block;
    height: 24px;
    line-height: 24px;
    text-align: center;
    color: #fff;
    font-weight: 700
}

.person-great .power .num {
    display: block;
    color: #2D2A2A;
    text-align: center;
    font-size: 20px;
    line-height: 34px;
    height: 34px
}

.person-great .mod-tabs-trigger {
    padding-left: 10px;
    background-color: #252222
}

.person-great .mod-tabs-hd {
    position: relative;
    z-index: 10
}

.person-great .mod-tabs-hd .updata-time {
    position: absolute;
    right: 10px;
    top: 10px;
    color: #4D4A46
}

.person-great .mod-tabs-bd {
    border-top: 1px solid #363434
}

.person-great .mod-tabs-trigger li {
    float: left;
    display: inline;
    font-size: 0;
    text-align: center
}

.person-great .mod-tabs-trigger li.selected a {
    background-color: #2D2A2A;
    color: #fff;
    font-weight: 700
}

.person-great .mod-tabs-trigger li.last a {
    border-right: 1px solid #363434
}

.person-great .mod-tabs-trigger li a {
    padding: 0 15px;
    font-size: 12px;
    position: relative;
    z-index: 100;
    padding-bottom: 1px;
    margin-bottom: -1px;
    border-left: 1px solid #363434;
    border-right: 0 solid #363434;
    line-height: 29px;
    height: 29px;
    float: left;
    display: inline;
    color: #A7A18C;
    width: 4.5em
}

.person-great .mod-tabs-trigger li a:hover {
    text-decoration: none;
    color: #fff
}

.person-great .tank-info {
    width: 100%
}

.person-great .tank-info img {
    border: 1px solid #4C4C4E
}

.person-great .tank-info .tank-name {
    margin-left: 5px;
    color: #F8F6EA
}

.person-great .tank-info tr.hover,
.person-great .tank-info tr:hover {
    background-color: #252222
}

.person-great .tank-info th {
    text-indent: 10px;
    height: 29px;
    font-weight: 400;
    color: #AAA6A5;
    border-bottom: 1px solid #363434;
    background-color: #252222
}

.person-great .tank-info td {
    text-indent: 10px;
    height: 35px;
    color: #AAA6A5;
    border-bottom: 1px solid #363434;
    vertical-align: middle
}

.person-great .tank-info .desc-num {
    color: #F2EFDE
}

.tank-garage .list {
    line-height: 29px;
    height: 29px;
    border-bottom: 1px solid #363434;
    text-align: center;
    font-size: 0
}

.tank-garage .list li {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    font-size: 12px
}

.tank-garage .list li a {
    color: #A7A18C
}

.tank-garage .list li a:hover {
    color: #AAA6A5
}

.tank-garage .list li a.selected {
    color: #AAA6A5;
    font-weight: 700
}

.tank-garage .list .gap {
    padding: 0 10px;
    *margin: 0 -4px;
    color: #474444
}

.tank-garage .tab-page {
    margin: 5px 10px 0 0
}

.tank-garage .tank-state {
    float: left;
    display: inline;
    color: #757269;
    margin: 5px 0 0 10px
}

.person-battle-detail .tank-info td {
    text-indent: 3em
}

.person-battle-detail .tank-info .desc-text {
    width: 18%;
    text-align: right
}

.person-battle-detail .tank-info .desc-num {
    text-indent: 4em
}

.battle-info-search {
    margin: 86px 40px 0
}

.battle-info-search .search-input {
    position: relative;
    float: left
}

.battle-info-search .search-input .icon-search {
    position: absolute;
    top: 8px;
    left: 12px;
    width: 24px;
    height: 24px;
    background: url(../img/icon_search.png) no-repeat 0 0
}

.battle-info-search .search-bar label {
    line-height: 38px;
    height: 38px;
    float: left;
    font-size: 20px;
    color: #898374;
    padding-left: 38px;
    background: url(../img/bg_search-battle.png) no-repeat 0 0
}

.battle-info-search .search-bar input {
    line-height: 36px;
    height: 36px;
    float: left;
    border: 1px solid #5E5E5E;
    padding-left: 34px;
    background-color: #1A1A1A;
    width: 166px;
    border-radius: 4px;
    color: #F8F6EA
}

.battle-info-search .search-bar .ui-select {
    padding: 8px;
    float: left;
    border: 1px solid #5E5E5E;
    background-color: #1A1A1A;
    border-radius: 4px
}

.battle-info-search .search-bar .ui-select select {
    background-color: #1A1A1A;
    border: 0 solid #000;
    color: #F8F6EA
}

.battle-info-search .search-bar .search-bt {
    background: url(../img/bt_search.png) repeat-x 0 0;
    border: 1px solid #15140F;
    vertical-align: middle;
    float: left;
    border-radius: 4px
}

.battle-info-search .search-bar .search-bt button {
    background: 0 0;
    border: none;
    color: #918D7A;
    font-size: 16px;
    height: 36px;
    width: 98px;
    text-align: center;
    font-weight: 700
}

.hot-show-ctn {
    margin: 30px auto 0;
    width: 542px;
    position: relative
}

.hot-show-ctn .kill-story {
    position: absolute;
    top: 10px;
    right: 0
}

.hot-show-ctn .nav {
    padding-left: 15px
}

.hot-show-ctn .nav li {
    float: left
}

.hot-show-ctn .nav li a {
    float: left;
    padding: 0 15px;
    line-height: 36px;
    height: 36px;
    position: relative;
    z-index: 100;
    background-color: #2D2A2A;
    border: 1px solid #363434;
    border-bottom: 0 solid #fff
}

.hot-show-ctn .nav li.selected a {
    margin-bottom: -1px;
    padding-bottom: 1px;
    font-weight: 700;
    color: #F8F6EA
}

.hot-show-ctn .content {
    border-top: 1px solid #363434;
    color: #474444
}

.hot-show-ctn .content a {
    padding: 0 8px
}

.set-head-popu {
    position: absolute;
    left: 0;
    top: 0;
    padding: 5px;
    background: rgba(0, 0, 0, .2);
    filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#14000000, endcolorstr=#14000000);
    z-index: 666
}

.set-head-popu .box {
    border: 1px solid #363434;
    width: 378px
}

.set-head-popu .box-hd {
    line-height: 30px;
    height: 30px;
    position: relative;
    padding: 0 15px;
    background-color: #252222;
    margin: 0
}

.set-head-popu .box-hd .cancle {
    position: absolute;
    right: 8px;
    top: 0;
    font-weight: 700;
    color: #B0B0B0;
    padding: 0 5px;
    cursor: pointer
}

.set-head-popu .box-hd h3 {
    color: #F8F6EA;
    font-size: 12px
}

.set-head-popu .box-bd {
    background-color: #2D2A2A;
    padding: 0 10px
}

.set-head-popu .box-bd .list {
    text-align: justify;
    font-size: 0;
    padding-top: 10px
}

.set-head-popu .box-bd .list li {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    width: 71px;
    padding-bottom: 10px;
    text-align: center;
    vertical-align: top;
    position: relative
}

.set-head-popu .box-bd .list li a.selected .icon {
    display: block
}

.set-head-popu .box-bd .list li .icon {
    position: absolute;
    top: 1px;
    left: 6px;
    display: none;
    width: 60px;
    height: 60px;
    background: url(../img/head-selected.png) no-repeat 0 0
}

.set-head-popu .box-bd .list img {
    border: 1px solid #3B3939
}

.set-head-popu .box-bd .list li.left_fix {
    height: 0;
    padding: 0;
    overflow: hidden
}

.set-head-popu .set-bar a {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    margin: 5px 5px 0 0;
    border-radius: 3px;
    width: 68px;
    height: 24px;
    border: 1px solid #191813;
    text-align: center;
    line-height: 24px;
    background: url(../img/btn_paint_set.png) repeat-x 0 0
}

.set-head-popu .set-bar a:hover {
    text-decoration: none
}

.set-head-popu .box-ft {
    background-color: #292626
}

.set-head-popu .box-ft .sex-chose {
    margin-top: 8px
}

.set-head-popu .box-ft .sex-chose label {
    color: #AAA6A5
}

.share-bar {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 50
}

.share-bar .btns-fast {
    float: right;
    margin: 2px 0 0 10px
}

.share-bar .btns-fast a.icons {
    width: 20px;
    height: 20px;
    float: left;
    margin: 3px 3px 0;
    cursor: pointer;
    position: relative;
    z-index: 999
}

.share-bar .btns-fast a.icons i {
    /* background: url(../img/icons_record.png) no-repeat 0 -20px; */
    width: 20px;
    height: 20px;
    display: block
}
.share-bar .btns-fast>a:nth-of-type(1) {
    background: url('../img/new-back-icon.png') center center no-repeat;
  }

.share-bar .btns-fast a.refresh i {
    background: url('../img/new-refresh-icon.png') center center no-repeat;
}

.share-bar .btns-fast .share {
    float: left;
    position: relative;
    line-height: 30px
}

.share-bar .btns-fast .share a.icons {
    background: url('../img/new-share-icon.png') center center no-repeat;
}

.share-bar .btns-fast .share a.icons i {
    background-position: 0 -40px
}

.share-bar .btns-fast .share .links {
    width: 84px;
    border: 1px solid #e3e3e3;
    background: #fbfbfb;
    position: absolute;
    right: 3px;
    top: 21px;
    z-index: 1;
    display: none
}

.share-bar .btns-fast .share .links a {
    height: 23px;
    display: block;
    cursor: pointer;
    padding: 0 0 7px 5px;
    _padding: 0 0 0 5px
}

.share-bar .btns-fast .share .links a:hover {
    color: #333;
    text-decoration: none
}

.share-bar .btns-fast .share .links a:hover span {
    color: #333333
}

.share-bar .btns-fast .share .links a span {
    color: #666666;
    padding: 0 0 2px 20px
}

.share-bar .btns-fast .share .links .screenshot span {
    background: url(../img/icons_record.png) no-repeat 0 -80px
}

.share-bar .btns-fast .share .links .copy-link span {
    background: url(../img/icons_record.png) no-repeat 0 -99px
}

.share-bar .btns-fast .hover .links {
    display: block
}

.week-win .mod-tabs-trigger {
    border-top: 1px solid #363434;
    background-color: #252222
}

.week-win .mod-tabs-hd {
    position: relative;
    z-index: 10
}

.week-win .mod-tabs-hd .updata-time {
    position: absolute;
    right: 10px;
    top: 10px;
    color: #4D4A46
}

.week-win .mod-tabs-bd {
    border-top: 1px solid #363434
}

.week-win .mod-tabs-trigger li {
    float: left;
    display: inline;
    font-size: 0
}

.week-win .mod-tabs-trigger li.selected a {
    background-color: #2D2A2A;
    color: #fff;
    font-weight: 700
}

.week-win .mod-tabs-trigger li.last a {
    border-right: 1px solid #363434
}

.week-win .mod-tabs-trigger li a {
    padding: 0 15px;
    font-size: 12px;
    position: relative;
    z-index: 100;
    padding-bottom: 1px;
    margin-bottom: -1px;
    border-left: 1px solid #363434;
    border-right: 0 solid #363434;
    line-height: 35px;
    height: 35px;
    float: left;
    display: inline;
    color: #A7A18C
}

.week-win .mod-tabs-trigger li a:hover {
    text-decoration: none;
    color: #fff
}

.week-win .tank-info {
    width: 100%
}

.week-win .tank-info img {
    border: 1px solid #4C4C4E
}

.week-win .tank-info .col2,
.week-win .tank-info .col3,
.week-win .tank-info .col4,
.week-win .tank-info .col6,
.week-win .tank-info .col7 {
    width: 70px
}

.week-win .tank-info .col5 {
    width: 130px
}

.week-win .tank-info th a {
    color: #979594
}

.week-win .tank-info th .rank-link {
    text-align: center
}

.week-win .tank-info th .rank-link span {
    padding-right: 15px;
    background: url(../img/icon-tabletitle.png) no-repeat right -66px
}

.week-win .tank-info th .rank-link-down span {
    background-position: right -66px
}

.week-win .tank-info th .rank-link-up span {
    background-position: right -101px
}

.week-win .tank-info th .table-menu {
    display: block;
    line-height: 35px;
    height: 35px;
    *zoom: 1;
    position: relative
}

.week-win .tank-info th .table-menu .handle {
    display: block;
    line-height: 35px;
    height: 35px;
    text-align: center
}

.week-win .tank-info th .table-menu .handle span {
    padding-right: 15px;
    background: url(../img/icon-tabletitle.png) no-repeat right 6px
}

.week-win .tank-info th .hover .handle {
    position: relative;
    z-index: 888;
    background-color: #252222;
    border-left: 1px solid #363434;
    border-right: 1px solid #363434
}

.week-win .tank-info th .hover .handle span {
    background-position: right -29px
}

.week-win .tank-info th .menu-list {
    position: absolute;
    display: none;
    z-index: 100;
    top: 34px;
    left: -16px;
    width: 156px;
    background-color: #252222;
    border: 1px solid #363434
}

.week-win .tank-info th .menu-list li {
    float: left;
    width: 78px;
    text-align: left;
    text-indent: 15px;
    padding: 13px 0;
    line-height: 1em
}

.week-win .tank-info th .menu-list input {
    margin-right: 5px;
    *margin-right: 0
}

.week-win .tank-info th.col1 {
    text-indent: 20px;
    text-align: left
}

.week-win .tank-info .tank-name {
    margin-left: 5px;
    color: #F8F6EA
}

.week-win .tank-info tbody tr:hover,
.week-win .tank-info tr.hover {
    background-color: #252222
}

.week-win .tank-info th {
    height: 35px;
    text-align: center;
    font-weight: 400;
    color: #AAA6A5;
    border-bottom: 1px solid #363434
}

.week-win .tank-info td {
    text-indent: 16px;
    *text-indent: 8px;
    height: 35px;
    color: #AAA6A5;
    border-bottom: 1px solid #363434;
    vertical-align: middle
}

.week-win .tank-info td.col1 {
    text-indent: 8px;
    *text-indent: 3px
}

.week-win .tank-info td.col5 {
    text-indent: 33px;
    *text-indent: 28px
}

.week-win .tank-info .desc-num {
    color: #F2EFDE
}

.week-win .week-win-time {
    line-height: 46px;
    height: 46px;
    font-size: 16px;
    text-align: center;
    color: #CBC8B6;
    border-bottom: 1px solid #363434
}

.week-win .week-win-bottom {
    padding-top: 8px;
    padding-right: 15px
}

.history-battle-hd {
    height: 29px;
    line-height: 29px;
    background-color: #252222;
    border-top: 1px solid #363434;
    border-bottom: 1px solid #363434
}

.history-battle-hd .title {
    color: #A7A18C;
    float: left;
    display: inline;
    margin-left: 26px
}

.history-battle-hd .updata-time {
    color: #53504A;
    float: right;
    margin-right: 8px;
    display: inline
}

.index_vedio_list .mod-pic {
    clear: both;
    padding: 0 0 5px 10px
}

.index_vedio_list .mod-pic li {
    width: 132px;
    height: 132px;
    margin: 7px 8px 0 0;
    *display: inline
}

.index_vedio_list .mod-pic li.live {
    position: relative;
    overflow: visible
}

.index_vedio_list .mod-pic li.live a {
    text-align: left
}

.index_vedio_list .mod-pic li.live a:hover p {
    text-decoration: none
}

.index_vedio_list .mod-pic li.live em {
    height: 16px;
    overflow: hidden;
    cursor: pointer
}

.index_vedio_list .mod-pic li.live p {
    text-align: left;
    color: #4BC93A;
    margin-top: -2px;
    *margin-top: 0
}

.index_vedio_list .mod-pic li.live .hero-name {
    color: #dc3200;
    margin-left: 5px
}

.index_vedio_list .mod-pic img {
    width: 130px;
    height: 90px;
    border: 1px solid #cddee8
}

.index_vedio_list .mod-pic a {
    display: block
}

.index_vedio_list .mod-pic em {
    cursor: default;
    color: #A7A18C
}

.index_vedio_list .mod-pic .hero {
    width: 32px;
    height: 32px;
    position: absolute;
    top: 58px;
    right: 0;
    border: none;
    border-left: 2px solid #fff;
    border-top: 2px solid #fff
}

.index_vedio_list .mod-pic li .tag {
    height: 43px;
    width: 21px;
    background-image: url(../img/icon-map24.png);
    _background-image: url(../img/icon-map.png);
    background-repeat: no-repeat;
    background-position: 0 0;
    position: absolute;
    top: -2px;
    left: 5px;
    z-index: 5
}

.index_vedio_list .mod-pic li.dingyue .tag {
    background-position: 0 0
}

.index_vedio_list .mod-pic li.nvshen .tag {
    background-position: 0 -50px
}

.index_vedio_list .mod-pic li.dashen .tag {
    background-position: 0 -100px
}

.index_vedio_list .mod-pic li.meinv .tag {
    background-position: -90px 0
}

.index_vedio_list .mod-pic li.xinhuo .tag {
    height: 65px;
    background-position: -220px -200px
}

.index_vedio_list .mod-pic li.tuijian .tag {
    background-position: 0 -150px
}

.index_vedio_list .mod-pic li.zhiye .tag {
    background-position: -60px -100px;
    height: 66px
}

.index_vedio_list .mod-pic li.guofudiyi .tag {
    background-position: -220px -100px;
    height: 66px
}

.index_vedio_list .mod-pic li.hanfuwangzhe .tag,
.index_vedio_list .mod-pic li.hanguomingxing .tag {
    background-position: -310px 0;
    height: 66px
}

.index_vedio_list .mod-pic span.num {
    height: 18px;
    line-height: 18px;
    border-radius: 4px;
    color: #fff;
    background-color: transparent;
    background-color: rgba(0, 0, 0, .7);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#b2000000, endColorstr=#b2000000);
    zoom: 1;
    position: absolute;
    top: 72px;
    right: 2px
}

.index_vedio_list .mod-pic span.num i {
    background: url(../img/icon_num.png) no-repeat 4px 2px;
    padding: 0 8px 0 18px
}

.index_vedio_list .mod-pic .watch {
    display: block;
    height: 20px;
    line-height: 20px;
    position: absolute;
    top: 72px;
    left: 0;
    width: 100%;
    color: #fff;
    text-indent: 25px;
    background-color: transparent;
    background-color: rgba(0, 0, 0, .8);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#cc000000, endColorstr=#cc000000);
    zoom: 1
}

.index_vedio_list .mod-pic .watch i {
    position: absolute;
    top: 50%;
    left: 3px;
    width: 16px;
    height: 10px;
    background-image: url(../img/icon-map.png);
    background-position: -30px 0;
    background-repeat: no-repeat;
    margin-top: -5px
}

.title-box .hd {
    background-color: #252222;
    border-bottom: 1px solid #363434
}

.title-box .hd h2 {
    height: 24px;
    line-height: 24px;
    color: #CBC8B6;
    font-weight: 700;
    text-indent: .5em
}

.title-box .bd {
    background-color: #2D2A2A
}

.pop-game .hd h2 {
    font-weight: 700;
    color: #CBC8B6
}

.pop-game .pop-game-slide {
    width: 545px;
    padding: 0 40px
}

.pop-game .pop-game-slide .scrollable {
    height: 60px
}

.pop-game-slide {
    height: 60px;
    border-bottom: 1px solid #363434
}

.pop-game-slide .js_switch_off {
    filter: alpha(opacity=50);
    opacity: .5;
    cursor: default
}

.pop-game-slide .navi-box {
    position: absolute;
    top: -25px;
    right: 0
}

.pop-game-slide .navi-box .navi a {
    display: block;
    height: 10px;
    width: 10px;
    background-image: url(../img/map-house.png);
    _background-image: url(../img/map-houseie.png);
    background-repeat: no-repeat;
    background-position: 0 0
}

.pop-game-slide .navi-box .navi a:hover {
    background-position: 0 0
}

.pop-game-slide .navi-box .navi a.selected,
.pop-game-slide .navi-box .navi a.selected:hover {
    background-position: 0 -15px
}

.pop-game-slide .scrollable-bd {
    padding-top: 5px
}

.pop-game-slide .scrollable-bd li {
    width: 125px;
    height: 55px;
    overflow: hidden;
    margin-right: 15px
}

.pop-game-slide .scrollable-bd li a {
    color: #757369;
    display: block;
    *zoom: 1;
    height: 35px;
    line-height: 1.7em;
    padding: 8px 5px;
    overflow: hidden
}

.pop-game-slide .scrollable-bd li a:hover {
    background-color: #383636;
    border: 1px solid #424041;
    padding: 7px 4px;
    text-decoration: none
}

.pop-game-slide .scrollable-bd li img {
    float: left;
    margin-right: 6px
}

.pop-game-slide .scrollable-bd li em {
    display: block;
    color: #A7A18C
}

.pop-game-slide .btn-prev {
    position: absolute;
    top: 10px;
    left: 10px;
    width: 18px;
    height: 42px;
    background-image: url(../img/map-house.png);
    _background-image: url(../img/map-houseie.png);
    background-position: -160px -60px;
    background-repeat: no-repeat
}

.pop-game-slide .btn-next {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 18px;
    height: 42px;
    background-image: url(../img/map-house.png);
    _background-image: url(../img/map-houseie.png);
    background-position: -178px -60px;
    background-repeat: no-repeat
}

.today-server {
    width: 430px;
    float: left;
    border-right: 1px solid #363434
}

.today-server .hd {
    position: relative;
    z-index: 100
}

.today-server .hd h2 {
    height: 25px;
    line-height: 25px;
    color: #CBC8B6;
    font-weight: 700
}

.today-server .server-brocast {
    position: absolute;
    right: 0;
    top: 0
}

.today-server .server-list {
    padding-bottom: 10px;
    border-bottom: 1px solid #363434;
    overflow: hidden;
    *zoom: 1
}

.today-server .server-list li {
    float: left;
    border: 1px solid #262323;
    background-color: #383636;
    color: #A7A18C;
    font-size: 0;
    vertical-align: middle;
    height: 30px;
    line-height: 30px;
    width: 182px;
    padding: 0 8px;
    margin: 10px 0 0 10px;
    *display: inline
}

.today-server .server-list li i {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    height: 14px;
    width: 26px;
    background-image: url(../img/map-house.png);
    background-repeat: no-repeat;
    background-position: -60px -20px;
    margin-right: 10px;
    vertical-align: middle;
    font-size: 0
}

.today-server .server-list li .server-num {
    color: #757369;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    font-size: 12px;
    vertical-align: middle;
    margin-right: 14px
}

.today-server .server-list li .name {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    font-size: 12px;
    overflow: hidden;
    width: 6em;
    vertical-align: middle
}

.today-server .server-list li .start {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    height: 18px;
    width: 34px;
    background-image: url(../img/map-house.png);
    background-position: -60px 0;
    background-repeat: no-repeat;
    vertical-align: middle
}

.server-brocast .handler {
    height: 25px;
    line-height: 25px;
    color: #A7A18C;
    padding: 0 10px;
    display: block;
    position: relative;
    z-index: 555;
    width: 50px
}

.table-ctn {
    display: none;
    border: 1px solid #424041;
    background-color: #383636;
    padding: 10px;
    position: absolute;
    top: 24px;
    right: -1px;
    width: 278px;
    z-index: 444
}

.table-ctn table {
    width: 100%
}

.table-ctn .col1 {
    width: 75px
}

.table-ctn .col2 {
    width: 70px
}

.table-ctn .col3 {
    width: 85px
}

.table-ctn th {
    color: #757269;
    text-align: center;
    background-color: #323030;
    height: 34px;
    line-height: 34px
}

.table-ctn td {
    color: #A7A18C;
    text-align: center;
    height: 34px;
    line-height: 34px
}

.table-ctn td .name {
    height: 34px;
    line-height: 34px;
    overflow: hidden;
    width: 6em;
    display: block
}

.u-dropmenu-hover .handler {
    background-color: #383636;
    padding: 0 10px;
    border: 1px solid #424041;
    border-bottom: none;
    position: relative;
    margin: -1px -1px 0 0;
    cursor: pointer
}

.u-dropmenu-hover .table-ctn {
    display: block
}

.present-center {
    border-bottom: 1px solid #363434
}

.present-center .hd {
    overflow: hidden;
    *zoom: 1
}

.present-center .hd h2 {
    height: 25px;
    line-height: 25px;
    color: #CBC8B6;
    font-weight: 700
}

.present-center .bd {
    padding: 17px;
    overflow: hidden;
    *zoom: 1
}

.present-center .bd .present {
    position: relative;
    height: 60px;
    width: 60px;
    display: block;
    float: left;
    background-image: url(../img/map-houseie.png);
    background-repeat: no-repeat;
    background-position: 0 -45px;
    margin-right: 15px;
    zoom: 1
}

.present-center .bd .present i {
    position: absolute;
    top: -10px;
    right: -5px;
    height: 10px;
    width: 10px;
    font-weight: 700;
    font-size: 16px;
    color: #A7A18C;
    display: none
}

.present-center .bd p {
    padding-top: 10px;
    color: #A7A18C
}

.present-center .bd p em {
    color: #CBC8B6;
    font-weight: 700
}

.present-center .bd p a {
    display: block
}

.promote-game {
    float: left;
    width: 430px;
    border-right: 1px solid #363434
}

.promote-game .bd {
    padding: 8px
}

.promote-game-slide,
.promote-game-slide .mod-slide-content,
.promote-game-slide .mod-slide-content a,
.promote-game-slide .mod-slide-content img {
    width: 410px;
    height: 195px
}

.promote-game-slide .mod-slide-trigger li {
    height: 10px;
    width: 10px;
    background-image: url(../img/map-house.png);
    _background-image: url(../img/map-houseie.png);
    background-position: 0 0;
    background-repeat: no-repeat;
    background-color: transparent
}

.promote-game-slide .mod-slide-trigger li.selected {
    background-position: 0 -15px;
    background-color: transparent
}

.gameall-ctn .bd {
    padding: 0 0 0 10px;
    overflow: hidden
}

.gameall-ctn li {
    color: #403E3E;
    padding: 8px 0
}

.gameall-ctn li .header {
    float: left;
    margin-right: 3px;
    padding-top: 2px
}

.gameall-ctn li .name {
    float: left;
    width: 96px;
    overflow: hidden;
    height: 1.5em;
    color: #A7A18C
}

.gameall-ctn li .name img {
    margin-left: 3px
}

.gameall-ctn li .get-link {
    margin: 0 5px;
    color: #757269
}

.hot-present {
    padding-top: 15px;
    border-bottom: 1px solid #363434
}

.hot-present li {
    width: auto;
    position: relative;
    margin: 0 0 15px 35px
}

.hot-present li a {
    text-align: left;
    display: block;
    position: relative;
    *zoom: 1;
    width: 164px
}

.hot-present li a i {
    background-image: url(../img/map-house.png);
    background-position: 0 0;
    background-repeat: no-repeat;
    position: absolute;
    top: 2px;
    left: 2px;
    width: 48px;
    height: 49px;
    overflow: hidden
}

.hot-present li a i.xinshou {
    background-position: 0 -160px
}

.hot-present li a i.jihuo {
    background-position: -60px -110px
}

.hot-present li a i.huodong {
    background-position: 0 -110px
}

.hot-present li a:hover img {
    border-color: #CAC8B6
}

.hot-present li .num {
    color: #757369
}

.hot-present li .name {
    color: #A7A18C
}

.hot-present li .name:hover {
    text-decoration: underline
}

.hot-present li .get-code {
    color: #CBC8B6;
    position: absolute;
    width: 60px;
    height: 30px;
    background-image: url(../img/map-house.png);
    background-repeat: no-repeat;
    background-position: -100px 0;
    bottom: 0;
    right: 0;
    font-size: 14px;
    line-height: 30px;
    text-align: center;
    z-index: 100
}

.hot-present li .get-code:hover {
    text-decoration: none;
    color: #CBC8B6
}

.hot-present li .get-code-forbit {
    background-position: -100px -30px;
    color: #83675E;
    cursor: default
}

.hot-present li .get-code-forbit:hover {
    text-decoration: none;
    color: #83675E
}

.hot-present img {
    border: 2px solid #404041;
    height: 120px;
    width: 160px;
    margin-bottom: 5px
}

.mod-slide-s3 .mod-slide-content .present-all img {
    height: auto;
    width: auto;
    display: inline
}

.present-all-slide {
    width: auto;
    text-align: center;
    padding: 0;
    height: auto
}

.present-all-slide .scrollable {
    height: auto
}

.present-all-slide .scrollable-bd {
    width: auto;
    height: 170px;
    overflow: hidden;
    position: relative;
    text-align: left
}

.present-all-slide .scrollable-bd ul {
    width: auto
}

.present-all-slide .scrollable-bd ul li {
    width: auto;
    height: auto;
    margin: 0
}

.present-all-slide .js_switch_off {
    filter: alpha(opacity=50);
    opacity: .5
}

.present-all-slide .navi {
    height: 10px;
    position: relative;
    margin-left: 0;
    right: auto;
    bottom: auto;
    float: left
}

.present-all-slide .navi a {
    height: 10px;
    width: 10px;
    background: 0 0;
    background-image: url(../img/map-house.png);
    _background-image: url(../img/map-houseie.png);
    background-repeat: no-repeat;
    background-position: 0 0;
    margin: 0 3px
}

.present-all-slide .navi a:hover {
    background-position: 0 0
}

.present-all-slide .navi a.selected {
    background-color: transparent;
    background-position: 0 -30px
}

.present-all-slide .navi a.selected:hover {
    background-position: 0 -30px
}

.present-all-slide .trigger-ctn {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    position: relative;
    top: 5px
}

.present-all-slide .trigger-ctn .btn-prev {
    position: absolute;
    top: -2px;
    left: -25px;
    height: 20px;
    right: auto;
    bottom: auto;
    width: 18px;
    background-image: url(../img/map-house.png);
    _background-image: url(../img/map-houseie.png);
    background-repeat: no-repeat;
    background-position: -78px -80px;
    overflow: hidden
}

.present-all-slide .trigger-ctn .btn-next {
    position: absolute;
    top: -2px;
    left: auto;
    bottom: auto;
    right: -25px;
    background-image: url(../img/map-house.png);
    _background-image: url(../img/map-houseie.png);
    background-repeat: no-repeat;
    overflow: hidden;
    width: 18px;
    background-position: -60px -80px
}

.present-all {
    overflow: hidden
}

.present-all .left {
    border-right: 1px solid #363434
}

.present-all .list {
    float: left
}

.present-all .list .row {
    padding: 6px 15px;
    width: 284px;
    border-bottom: 1px solid #363434
}

.present-all .list .row img {
    margin-right: 3px
}

.present-all .list .row .name {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    width: 210px;
    overflow: hidden;
    vertical-align: middle;
    height: 1.5em
}

.present-all .list .row .name img {
    margin-left: 5px;
    height: auto;
    width: auto
}

.present-all .list .row1 {
    background-color: #2D2A2A
}

.present-all .list .row2 {
    background-color: #252222
}

.present-all .list button {
    background: 0 0;
    border: none;
    color: #CBC8B6;
    text-align: center;
    height: 20px;
    width: 42px;
    background-image: url(../img/map-house.png);
    background-position: -100px -60px;
    background-repeat: no-repeat;
    padding: 0;
    overflow: hidden
}

.present-all .list .forbit {
    background-position: -100px -60px;
    color: #8F7D75;
    cursor: default
}

.u-select {
    width: 73px;
    height: 24px;
    border: 1px solid #424041;
    float: left;
    line-height: 24px;
    text-align: center;
    color: #C8C9B4;
    position: relative;
    cursor: pointer
}

.u-select-selected i {
    position: absolute;
    height: 26px;
    width: 75px;
    top: -1px;
    left: -1px;
    background-image: url(../img/map-houseie.png);
    background-position: 0 -200px;
    background-repeat: no-repeat
}

.present-info {
    overflow: hidden;
    padding: 15px;
    *zoom: 1
}

.present-info .infoimg {
    float: left;
    border: 2px solid #404041;
    margin-right: 10px
}

.present-info .info-ctn {
    overflow: hidden;
    padding-bottom: 5px;
    *zoom: 1
}

.present-info .info-ctn .u-select {
    margin-right: 5px
}

.present-info .action {
    float: right;
    width: 164px
}

.present-info .action .get-it {
    float: right;
    width: 60px;
    height: 30px;
    background-color: transparent;
    background-image: url(../img/map-house.png);
    background-position: -100px 0;
    background-repeat: no-repeat;
    border: none;
    color: #CBC8B6
}

.present-info .action .copy-ctn {
    color: #757369
}

.present-info .action .copy-ctn input {
    height: 25px;
    width: 142px;
    padding: 0 8px;
    border: 1px solid #424041;
    background-color: #252222;
    outline: 0;
    color: #CBC8B6;
    display: block;
    margin-bottom: 5px
}

.present-info .action .copy-ctn .copy {
    padding: 0;
    float: right;
    background-color: transparent;
    border: none;
    color: #CBC8B6;
    width: 48px;
    height: 24px;
    background-image: url(../img/map-house.png);
    background-position: -60px -160px;
    background-repeat: no-repeat
}

.present-info .action .copy-ctn .desc em {
    color: #CBC8B6
}

.present-info .cont {
    color: #A7A18C;
    width: 255px;
    overflow: hidden
}

.present-info .cont p {
    color: #A7A18C;
    padding: 3px 0
}

.present-info .cont p em {
    font-weight: 700
}

.present-tab {
    border-color: #363434
}

.present-tab .mod-tab-hd {
    background-color: #252222;
    border-color: #363434
}

.present-tab .mod-tab-bd {
    padding: 15px
}

.present-tab .mod-tab-trigger {
    border-color: #363434
}

.present-tab .mod-tab-trigger li {
    background-color: transparent;
    border-color: #363434;
    color: #A7A18C
}

.present-tab .mod-tab-trigger li.hover,
.present-tab .mod-tab-trigger li:hover {
    background-color: transparent;
    color: #CBC8B6
}

.present-tab .mod-tab-trigger li.selected {
    background-color: #2D2A2A;
    color: #CBC8B6
}

.present-tab .get-activity {
    color: #CBC8B6;
    font-weight: 700;
    float: left
}

.present-tab .mod-tab-content {
    color: #A7A18C;
    height: 232px
}

.present-tab .mod-tab-content .desc {
    line-height: 1.8em;
    padding-bottom: 10px
}

.present-tab .mod-tab-content .desc .title {
    font-weight: 700
}

.pop-box {
    border: 1px solid #424041;
    position: absolute;
    top: 50px;
    left: 50px;
    background-color: #383636;
    width: 300px;
    font-size: 14px
}

.pop-box .box-hd {
    border-color: #2D2A2A;
    background-color: #2D2A2A;
    margin: 0
}

.pop-box .box-hd .title {
    color: #CBC8B6;
    height: 30px;
    line-height: 30px
}

.pop-box .box-hd .btn-close {
    text-decoration: none;
    font-size: 14px
}

.pop-box .cont {
    padding: 22px;
    padding-bottom: 0;
    text-align: center
}

.pop-box .cont .note {
    color: #A7A18C;
    padding-bottom: 15px
}

.pop-box .action {
    text-align: center;
    padding-bottom: 22px
}

.pop-box .action .get-activity {
    height: 24px;
    width: 100px;
    background-image: url(../img/map-house.png);
    background-position: -160px 0;
    background-repeat: no-repeat;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    color: #CBC8B6;
    line-height: 24px
}

.pop-box .action .get-activity-none {
    background-position: -160px -25px
}

.present-blackboard {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    position: relative;
    color: #C8C9B4;
    padding-left: 40px;
    padding-top: 8px
}

.present-blackboard i.tick {
    position: absolute;
    top: 0;
    left: 0;
    height: 32px;
    width: 32px;
    background-image: url(../img/map-house.png);
    background-position: -110px -150px;
    background-repeat: no-repeat
}

.present-blackboard i.wrong {
    position: absolute;
    top: 0;
    left: 0;
    height: 32px;
    width: 32px;
    background-image: url(../img/map-house.png);
    background-position: -110px -110px;
    background-repeat: no-repeat
}

.present-blackboard .code {
    color: #A7A18C
}

.present-blackboard p {
    text-align: left;
    padding-bottom: 12px
}

.present-tab .mod-tab-trigger {
    margin-left: 10px
}

.present-tab .mod-pic li {
    margin: 0 20px 0 0
}

.present-tab .mod-pic em {
    font-size: 12px
}

.directroom {
    height: 445px;
    overflow: auto;
    position: relative
}

.directroom-tab .mod-tab-trigger {
    *zoom: 1;
    border-top: 1px solid #CDDEE8;
    border-bottom: 1px solid #CDDEE8;
    background-color: #E6F0F7
}

.directroom-tab .mod-tab-trigger:after,
.directroom-tab .mod-tab-trigger:before {
    content: "";
    display: table;
    line-height: 0
}

.directroom-tab .mod-tab-trigger:after {
    clear: both
}

.directroom-tab .mod-tab-trigger li {
    float: left;
    height: 32px;
    line-height: 32px;
    width: 79px;
    text-align: center;
    color: #666;
    border-right: 1px solid #CDDEE8;
    font-weight: 700;
    cursor: pointer;
    position: relative
}

.directroom-tab .mod-tab-trigger li a {
    display: block
}

.directroom-tab .mod-tab-trigger li.selected {
    color: #333;
    background-color: #fff;
    padding-bottom: 1px;
    margin-bottom: -1px
}

.directroom-tab .mod-tab-bd {
    height: 416px;
    overflow: auto;
    position: relative
}

.directroom-replay {
    margin: 2px 0 0 2px;
    padding-bottom: 18px;
    *zoom: 1
}

.directroom-replay:after,
.directroom-replay:before {
    content: "";
    display: table;
    line-height: 0
}

.directroom-replay:after {
    clear: both
}

.directroom-replay li {
    width: 130px;
    float: left;
    position: relative;
    *display: inline;
    margin: 18px 0 0 18px;
    background-color: #383636
}

.directroom-replay li a {
    display: block
}

.directroom-replay li a:hover {
    text-decoration: none
}

.directroom-replay li a:hover .name {
    text-decoration: underline
}

.directroom-replay li a * {
    cursor: pointer
}

.directroom-replay li.dingyue .tag {
    background-position: 0 0
}

.directroom-replay li.nvshen .tag {
    background-position: 0 -50px
}

.directroom-replay li.dashen .tag {
    background-position: 0 -100px
}

.directroom-replay li.meinv .tag {
    background-position: -90px 0
}

.directroom-replay li.xinhuo .tag {
    height: 65px;
    background-position: -220px -200px
}

.directroom-replay li.tuijian .tag {
    background-position: 0 -150px
}

.directroom-replay li.zhiye .tag {
    background-position: -30px -100px;
    height: 66px
}

.directroom-replay li.current {
    z-index: 100
}

.directroom-replay li.usercomfirm-girl .game,
.directroom-replay li.usercomfirm-girl em {
    width: 8em
}

.directroom-replay .desc {
    padding: 8px 0 10px 10px;
    border: 1px solid #262323;
    border-top: none;
    position: relative
}

.directroom-replay .desc .game,
.directroom-replay .desc em {
    height: 3em;
    line-height: 1.5em;
    overflow: hidden;
    width: 9em;
    text-overflow: ellipsis
}

.directroom-replay .desc em {
    display: block;
    padding-bottom: 2px
}

.directroom-replay .desc .name {
    color: #999
}

.directroom-replay .desc i.girl {
    position: absolute;
    top: 8px;
    right: 8px;
    height: 16px;
    width: 16px;
    background-image: url(../img/icon-map.png);
    background-position: -30px -170px;
    background-repeat: no-repeat
}

.directroom-replay .desc .game {
    color: #999;
    display: block
}

.directroom-replay .tag {
    height: 43px;
    width: 21px;
    _background-image: url(../img/icon-map24.png);
    background-image: url(../img/icon-map.png);
    background-repeat: no-repeat;
    background-position: 0 0;
    position: absolute;
    top: -2px;
    left: 5px;
    z-index: 5
}

.directroom-replay .pic {
    height: 98px;
    width: 130px;
    position: relative
}

.directroom-replay .pic img {
    display: block;
    width: 130px;
    height: 98px
}

.directroom-replay .pic .hero {
    border-left: 2px solid #383636;
    border-top: 2px solid #383636;
    position: absolute;
    bottom: 0;
    right: 0;
    width: 48px;
    height: 36px;
    z-index: 10
}

.directroom-replay .pic span {
    display: block;
    height: 20px;
    line-height: 20px;
    position: absolute;
    top: 78px;
    left: 0;
    width: 100%;
    color: #fff;
    text-indent: 25px;
    background-image: url(../img/gray-background.png);
    background-repeat: repeat;
    background-position: 0 0
}

.directroom-replay .pic span i {
    position: absolute;
    top: 50%;
    left: 3px;
    width: 16px;
    height: 10px;
    background-image: url(../img/icon-map.png);
    background-position: -30px 0;
    background-repeat: no-repeat;
    margin-top: -5px
}

.log-tab .mod-page .next,
.log-tab .mod-page .prev {
    position: relative;
    text-indent: -200px;
    overflow: hidden
}

.log-tab .mod-page .next i,
.log-tab .mod-page .prev i {
    top: 50%;
    background-image: url(../img/map-house.png);
    background-repeat: no-repeat;
    width: 4px;
    height: 7px
}

.log-tab .mod-page .prev i {
    position: absolute;
    left: 50%;
    background-position: 0 -220px;
    margin-left: -2px;
    margin-top: -3px
}

.log-tab .mod-page .next i {
    position: absolute;
    right: 50%;
    background-position: -15px -220px;
    margin-right: -2px;
    margin-top: -3px
}

.log-tab-trigger {
    float: left;
    display: inline;
    width: 134px;
    border-right: 1px solid #363434;
    background-color: #1E1B1B;
    height: 416px;
    position: relative;
    *zoom: 1
}

.log-tab-trigger ul {
    position: relative;
    margin-top: -1px
}

.log-tab-trigger li {
    padding: 6px 7px;
    color: #8B8786;
    *zoom: 1;
    cursor: pointer
}

.log-tab-trigger li:after,
.log-tab-trigger li:before {
    content: "";
    display: table;
    line-height: 0
}

.log-tab-trigger li:after {
    clear: both
}

.log-tab-trigger li img {
    float: left;
    display: inline;
    border: 1px solid #3B3939;
    margin-right: 5px
}

.log-tab-trigger li .cont {
    overflow: hidden;
    zoom: 1;
    white-space: nowrap
}

.log-tab-trigger li.selected {
    cursor: default;
    padding: 5px 7px;
    border-top: 1px solid #363434;
    border-bottom: 1px solid #363434;
    background-color: #2D2A2A;
    margin-right: -1px;
    position: relative
}

.log-tab-trigger .state {
    display: block;
    zoom: 1
}

.log-tab-trigger .victory {
    color: #19A001
}

.log-tab-trigger .fail {
    color: #C70303
}

.log-tab-trigger .mod-page {
    position: absolute;
    bottom: 10px;
    left: 0
}

.log-tab-content {
    height: 416px;
    width: 495px;
    float: left;
    background-color: #2D2A2A;
    position: relative
}

.log-tab-content .tab-content {
    height: 100%
}

.m-team-ctn {
    width: 247px;
    float: left;
    height: 100%;
    font-size: 12px
}

.m-team-popmenu {
    display: none;
    width: 227px;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    background-color: #252222;
    padding: 0 10px;
    z-index: 10
}

.m-team-popmenu .hero-tank {
    padding-top: 10px;
    *zoom: 1;
    margin-bottom: 9px
}

.m-team-popmenu .hero-tank:after,
.m-team-popmenu .hero-tank:before {
    content: "";
    display: table;
    line-height: 0
}

.m-team-popmenu .hero-tank:after {
    clear: both
}

.m-team-popmenu .hero-tank img {
    border: 1px solid #3B3939;
    float: left;
    display: inline;
    margin-right: 10px
}

.m-team-popmenu .hero-tank .cont {
    overflow: hidden;
    zoom: 1;
    color: #8B8786;
    line-height: 1.8em
}

.m-team-popmenu .hero-tank span {
    display: block
}

.m-team-popmenu .hero-tank h3 {
    color: #F2EFDE;
    font-weight: 700
}

.m-team-popmenu .medal-list {
    *zoom: 1;
    padding-bottom: 3px
}

.m-team-popmenu .medal-list:after,
.m-team-popmenu .medal-list:before {
    content: "";
    display: table;
    line-height: 0
}

.m-team-popmenu .medal-list:after {
    clear: both
}

.m-team-popmenu .medal-list .medal {
    float: left;
    width: 32px;
    height: 32px;
    line-height: 32px;
    background-color: #171717;
    border: 1px solid #3B3939;
    text-align: center;
    margin-right: 5px;
    zoom: 1;
    font-size: 0
}

.m-team-popmenu .tank-detail {
    width: 100%
}

.m-team-popmenu .tank-detail td {
    height: 21px;
    line-height: 21px;
    color: #969291
}

.m-team-popmenu .tank-detail .num {
    text-align: right;
    color: #D4D1C3
}

.m-team-a {
    border-right: 1px solid #363434
}

.m-team-a .m-team-item-hover {
    color: #F2EFDE;
    margin-right: -1px;
    background-color: #252222;
    border-top: 1px solid #363434;
    border-bottom: 1px solid #363434;
    height: 23px;
    line-height: 23px
}

.m-team-b .m-team-popmenu {
    right: auto;
    left: 0
}

.m-team-b .m-team-item-hover {
    color: #F2EFDE;
    padding-left: 11px;
    margin-left: -1px;
    background-color: #252222;
    border-top: 1px solid #363434;
    border-bottom: 1px solid #363434;
    height: 23px;
    line-height: 23px
}

.m-team-item {
    *zoom: 1;
    color: #858281;
    height: 25px;
    line-height: 25px;
    padding-left: 10px
}

.m-team-item:after,
.m-team-item:before {
    content: "";
    display: table;
    line-height: 0
}

.m-team-item:after {
    clear: both
}

.m-team-head {
    height: 27px;
    line-height: 27px;
    color: #53504A
}

.m-team-head .victory {
    color: #1D8E06;
    font-weight: 700;
    margin-right: 8px
}

.m-team-head .fail {
    color: #AF0506;
    font-weight: 700;
    margin-right: 8px
}

.m-team-title {
    width: 118px;
    float: left;
    *display: inline;
    position: relative;
    padding-left: 28px
}

.m-team-title img {
    border: 1px solid #3B3939;
    margin-right: 6px;
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -11px
}

.m-team-damage {
    width: 52px;
    float: left;
    *display: inline
}

.m-team-num {
    width: 36px;
    float: left;
    *display: inline
}

.new-plugin-classify .box_top_nav,
.new-plugin-searchResult .box_top_nav,
.new-plugin-shoucang .box_top_nav,
.new-plugin-style .box_top_nav {
    *position: relative;
    *z-index: 99
}

.new-plugin-classify .box_top_nav .fir,
.new-plugin-searchResult .box_top_nav .fir,
.new-plugin-shoucang .box_top_nav .fir,
.new-plugin-style .box_top_nav .fir {
    /* margin-left: 7px!important */
}

.new-plugin-classify .box_top_nav li,
.new-plugin-searchResult .box_top_nav li,
.new-plugin-shoucang .box_top_nav li,
.new-plugin-style .box_top_nav li {
    /* margin-left: 5px!important */
}

.new-plugin-classify .box_top_nav li a,
.new-plugin-searchResult .box_top_nav li a,
.new-plugin-shoucang .box_top_nav li a,
.new-plugin-style .box_top_nav li a {
    /* padding: 0 20px!important */
}

.new-plugin-classify .box_top_nav .nav-rig-bar,
.new-plugin-searchResult .box_top_nav .nav-rig-bar,
.new-plugin-shoucang .box_top_nav .nav-rig-bar,
.new-plugin-style .box_top_nav .nav-rig-bar {
    width: 144px;
    position: absolute;
    right: 0;
    top: -2px;
    font-size: 0
}

.new-plugin-classify .box_top_nav .nav-rig-bar a,
.new-plugin-searchResult .box_top_nav .nav-rig-bar a,
.new-plugin-shoucang .box_top_nav .nav-rig-bar a,
.new-plugin-style .box_top_nav .nav-rig-bar a {
    display: inline-block;
    vertical-align: middle;
    height: 30px;
    line-height: 30px!important;
    color: #666666;
    position: relative;
    font-size: 12px
}

.new-plugin-classify .box_top_nav .nav-rig-bar a i,
.new-plugin-searchResult .box_top_nav .nav-rig-bar a i,
.new-plugin-shoucang .box_top_nav .nav-rig-bar a i,
.new-plugin-style .box_top_nav .nav-rig-bar a i {
    position: absolute;
    top: 50%
}

.new-plugin-classify .box_top_nav .nav-rig-bar .collect,
.new-plugin-searchResult .box_top_nav .nav-rig-bar .collect,
.new-plugin-shoucang .box_top_nav .nav-rig-bar .collect,
.new-plugin-style .box_top_nav .nav-rig-bar .collect {
    color: #666666;
    padding-left: 23px;
    padding-right: 10px
}

.new-plugin-classify .box_top_nav .nav-rig-bar .collect i,
.new-plugin-searchResult .box_top_nav .nav-rig-bar .collect i,
.new-plugin-shoucang .box_top_nav .nav-rig-bar .collect i,
.new-plugin-style .box_top_nav .nav-rig-bar .collect i {
    background: url(../img/new-collect-icon.png) center center no-repeat;
    width: 16px;
    height: 16px;
    margin-top: -8px;
    margin-left: -20px;
}

.new-plugin-classify .box_top_nav .nav-rig-bar .collect:hover,
.new-plugin-searchResult .box_top_nav .nav-rig-bar .collect:hover,
.new-plugin-shoucang .box_top_nav .nav-rig-bar .collect:hover,
.new-plugin-style .box_top_nav .nav-rig-bar .collect:hover {
    color: #333333
}

/* .new-plugin-classify .box_top_nav .nav-rig-bar .collect:hover i,
.new-plugin-searchResult .box_top_nav .nav-rig-bar .collect:hover i,
.new-plugin-shoucang .box_top_nav .nav-rig-bar .collect:hover i,
.new-plugin-style .box_top_nav .nav-rig-bar .collect:hover i {
    background-image: url(../img/sprite/sprite.png);
    background-position: -150px -43px
} */

.new-plugin-classify .box_top_nav .nav-rig-bar .manage_plugin,
.new-plugin-searchResult .box_top_nav .nav-rig-bar .manage_plugin,
.new-plugin-shoucang .box_top_nav .nav-rig-bar .manage_plugin,
.new-plugin-style .box_top_nav .nav-rig-bar .manage_plugin {
    right: 0;
    padding-left: 23px;
    padding-right: 15px;
    position: relative;
    background: 0 0
}

.new-plugin-classify .box_top_nav .nav-rig-bar .manage_plugin i,
.new-plugin-searchResult .box_top_nav .nav-rig-bar .manage_plugin i,
.new-plugin-shoucang .box_top_nav .nav-rig-bar .manage_plugin i,
.new-plugin-style .box_top_nav .nav-rig-bar .manage_plugin i {
    background: url(../img/new-admin-icon.png) center center no-repeat;
    width: 16px;
    height: 16px;
    margin-top: -8px;
    margin-left: -20px;
}

.new-plugin-classify .box_top_nav .nav-rig-bar .manage_plugin:hover,
.new-plugin-searchResult .box_top_nav .nav-rig-bar .manage_plugin:hover,
.new-plugin-shoucang .box_top_nav .nav-rig-bar .manage_plugin:hover,
.new-plugin-style .box_top_nav .nav-rig-bar .manage_plugin:hover {
    color: #333333
}

.box_top_nav li {
    position: relative;
    z-index: 99
}

.box_top_nav li .plugin-nav-menu {
    display: none;
    position: absolute;
    left: -1px;
    top: 22px;
    padding-top: 14px;
    z-index: 99
}

.box_top_nav li .plugin-nav-menu ul {
    padding-left: 0
}

.box_top_nav li .plugin-nav-menu li {
    margin-left: 0!important;
    display: block;
    background: 0 0;
    width: 70px
}

.box_top_nav li .plugin-nav-menu li a {
    display: block;
    text-align: center;
    background: 0 0;
    background-color: #fbfbfb;
    border: 1px solid #e3e3e3;
    color: #333333;
    font-size: 12px;
    padding: 0 6px !important;
    height: 26px;
    line-height: 26px;
    margin-left: 0;
    font-weight: normal;
}

.box_top_nav li .plugin-nav-menu li a:hover {
    color: #333333;
    background-color: #ececec;
    text-decoration: none;
}

.box_top_nav li .triangle {
    position: absolute;
    left: 50%;
    margin-left: -6px;
    width: 0;
    top: 4px;
    border-width: 5px;
    border-style: dashed dashed solid;
    border-color: transparent transparent #b4b4b4;
    overflow: hidden
}


.new-plugin-classify .tankPlugin-aside--fr .tankPlugin-aside__hd,
.new-plugin-tuijian .tankPlugin-aside--fr .tankPlugin-aside__hd {
    height: 34px;
    line-height: 34px
}

.new-plugin-classify .tankPlugin-aside--fr .tankPlugin-aside__bd .tankPlugin-aside__navCon,
.new-plugin-tuijian .tankPlugin-aside--fr .tankPlugin-aside__bd .tankPlugin-aside__navCon {
    height: auto
}

.new-plugin-classify .tankPlugin-aside--fr .tankPlugin-aside__bd li,
.new-plugin-tuijian .tankPlugin-aside--fr .tankPlugin-aside__bd li {
    height: 32px;
    vertical-align: middle;
    cursor: pointer
}

.new-plugin-classify .tankPlugin-aside--fr .tankPlugin-aside__bd li .aside-main,
.new-plugin-tuijian .tankPlugin-aside--fr .tankPlugin-aside__bd li .aside-main {
    width: auto
}

.new-plugin-classify .tankPlugin-aside--fr .tankPlugin-aside__bd li .aside-main h6,
.new-plugin-tuijian .tankPlugin-aside--fr .tankPlugin-aside__bd li .aside-main h6 {
    width: 230px;
    line-height: 16px;
    white-space: nowrap;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    word-wrap: normal;
    float: none;
    margin-left: 40px;
    font-weight: normal;
}

.new-plugin-classify .tankPlugin-aside--fr .tankPlugin-aside__bd li .aside-main p,
.new-plugin-tuijian .tankPlugin-aside--fr .tankPlugin-aside__bd li .aside-main p {
    width: auto;
    color: #999999;
    float: none;
    margin-left: 40px;
    margin-top: 4px;
}

.new-plugin-classify .tankPlugin-aside--fr .tankPlugin-aside__bd li .aside-main p em,
.new-plugin-tuijian .tankPlugin-aside--fr .tankPlugin-aside__bd li .aside-main p em {
    color: #999999;
}

.new-plugin-classify .tankPlugin-aside--fr .tankPlugin-aside__bd .nbb,
.new-plugin-tuijian .tankPlugin-aside--fr .tankPlugin-aside__bd .nbb {
    border-bottom: none
}

.new-plugin-detail .tankPlugin-detail__info h6 {
    line-height: 1em;
    padding-bottom: 14px;
    margin-bottom: 0;
    color: #333333;
    font-size: 16px;
}

.new-plugin-detail .tankPlugin-detail__info p {
    line-height: 28px
}

.tankPlugin-detail__score .set-score {
    margin-bottom: 0!important
}

.tankPlugin-detail__score p {
    line-height: 32px;
    text-indent: 9px
}

.tankPlugin-detail__score .btn-download {
    margin-top: 10px;
    display: block;
    width: 101px;
    height: 38px;
    line-height: 38px;
    text-align: center;
    font-size: 14px;
    color: #ffffff;
    background-color: #878f86;
    margin-bottom: 8px;
    font-weight: normal;
    border-radius: 4px;
}

.tankPlugin-detail__score .btn-download:hover {
   background-color: #737973;
   text-decoration: none;
}

.tankPlugin-detail__score .collect {
    display: block;
    width: 99px;
    height: 36px;
    line-height: 36px;
    font-size: 14px;
    color: #878f86;
    text-align: center;
    border: 1px solid #878f86;
    position: relative;
    border-radius: 4px;
}

.tankPlugin-detail__score .collect i {
    display: none;
    position: absolute;
    left: 1px;
    top: 50%;
    background-image: url(../img/sprite/sprite.png);
    background-position: -107px -43px;
    width: 17px;
    height: 16px;
    margin-top: -8px
}

.tankPlugin-detail__score .collect:hover {
    text-decoration: none;
    background-color: #eeeeee;
}

.tankPlugin-detail__score .collect:hover i {
    background-image: url(../img/sprite/sprite.png);
    background-position: -85px -43px
}

.tankPlugin-detail__score .has-collect i,
.tankPlugin-detail__score .has-collect:hover i {
    background-image: url(../img/sprite/sprite.png);
    background-position: -150px -43px
}

.tankPlugin-detail-scroll {
    position: relative;
    height: 540px;
    overflow: hidden;
    padding: 20px 15px 0
}
.tankPlugin-comment{
    margin-bottom: 6px;
}

.tankPlugin-detail-scroll .tankPlugin-detail__bd {
    padding-left: 0
}

.tankPlugin-detail-scroll .tankPlugin-detail__ft {
    overflow-y: visible;
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 15px;
    height: auto
}

/* .tankPlugin-detail-scroll .tankPlugin-detail__info {
    width: 200px
} */
.new-plugin-detail{
    padding-right: 0;
}
.tankPlugin-comment .dw-comment-skin_white .dw-comment-view-ctn {
    display: none!important
}

.new-plugin-style .tankPlugin-index .tankPlugin-search input {
    margin-right: 0
}

.new-plugin-style .tankPlugin-searchBtn {
    height: 34px;
    width: 88px;
    line-height: 34px;
    color: #ffffff;
    background-color: #878f86;
    text-align: center;
}

.new-plugin-style .tankPlugin-tuijian {
    margin-top: 20px;
}

.new-plugin-style .tankPlugin-tuijian .hd {
    border-bottom: 1px solid #e3e3e3;
    overflow: hidden;
    height: 22px;
    line-height: 22px
}

.new-plugin-style .tankPlugin-tuijian .hd h5 {
    float: left;
    color: #333333;
    font-size: 14px;
    font-weight: bold;
}

.new-plugin-style .tankPlugin-tuijian .hd a {
    float: right;
    color: #666666;
    font-size: 12px
}

.new-plugin-style .tankPlugin-tuijian .bd {
    position: relative;
    padding-top: 11px;
    height: 109px;
}

.new-plugin-style .tankPlugin-tuijian .bd li {
    height: 28px
}

.new-plugin-style .tankPlugin-tuijian .bd img {
    position: absolute;
    left: 0;
    top: 12px;
    height: 110px;
    width: 110px;
}

.new-plugin-style .tankPlugin-tuijian .bd a {
    display: block;
    color: #666666;
    padding-left: 125px;
    height: 30px;
    line-height: 30px
}

.new-plugin-style .tankPlugin-tuijian .bd a:hover {
    color: #333333;
    text-decoration: none;
    background-color: #f8f8f8;
}

.new-plugin-style .tankPlugin-tuijian .bd .active img {
    z-index: 2
}

.new-plugin-style .tankPlugin-tuijian .bd .active a {
    color: #333333;
    text-decoration: none
}

.new-plugin-style .tankPlugin-list-1 li {
    height: 26px;
    vertical-align: middle
}

.new-plugin-style .main-con {
    overflow: hidden;
}

.new-plugin-style .mod-art-scroll {
    width: 384px;
}

.new-plugin-style .mod-art-scroll li {
    background-color: #fff2e9
}

.new-plugin-style .mod-art-scroll li a {
    padding-left: 10px;
    color: #9f8878;
}

.new-plugin-style .tankPlugin-show span {
    position: relative;
    z-index: 2;
    margin-right: -8px
}

.new-plugin-style .tankPlugin-aside__hd {
    height: 36px;
    line-height: 36px;
    margin: 0 10px;
    border-bottom: 1px solid #e1e1e1;
}

.new-plugin-style .tankPlugin-aside__bd li {
    padding: 8px 0
}

.new-plugin-style .tankPlugin-aside__navCon {
}

.new-plugin-style .tankPlugin-aside__navCon li {
    vertical-align: middle;
    margin: 0 10px;
    border-bottom: 1px dotted #e1e1e1;
    cursor: pointer
}
.new-plugin-style .tankPlugin-aside__navCon a:last-child li{
    border-bottom: none;
}
.new-plugin-style .tankPlugin-aside__navCon li:hover {
    background-color: #ffffff
}

.new-plugin-style .tankPlugin-aside__navCon .nbb {
    border-bottom: none
}

.new-plugin-style .tankPlugin-aside__navCon .aside-main {
    width: auto
}

.new-plugin-style .tankPlugin-aside__navCon .aside-main h6 {
    width: 240px;
    line-height: 16px;
    float: none;
    margin-left: 40px;
    white-space: nowrap;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    word-wrap: normal;
    font-weight: normal;
}

.new-plugin-style .tankPlugin-aside__navCon .aside-main p {
    width: auto;
    color: #999999;
    float: none;
    margin-left: 40px;
    margin-top: 2px;
}

.new-plugin-style .tankPlugin-aside__navCon .aside-main p em {
    color: #999999
}

.new-plugin-style .tankPlugin-show {
    margin-top: 7px;
    float: left
}

.new-plugin-style .tankPlugin-game-version {
    padding-left: 28px;
    float: left;
    margin-top: 7px
}

.new-plugin-style .tankPlugin-game-version .title {
    color: #333333;
    font-size: 14px;
    padding-right: 10px;
    display: inline-block;
    vertical-align: middle
}

.new-plugin-classify .tankPlugin-aside--fl .tankPlugin-main__hd {
    height: 34px;
    line-height: 34px;
    padding-bottom: 8px;
}

.new-plugin-classify .tankPlugin-aside--fl .tankPlugin-main__hd h5 {
    color: #333333;
    font-size: 14px;
    margin: 0 10px;
    border-bottom: 1px solid #e3e3e3;
}
.new-plugin-classify .tankPlugin-main__hd{
    background-color: #fbfbfb;
    border: 1px solid #e3e3e3;
    border-bottom: none;
}
.new-plugin-tuijian .tankPlugin-aside--fr{
    margin-top: 0;
}
.tankPlugin-main__bd .classify-group{
    border: 1px solid #e3e3e3;
    background-color: #fbfbfb;
}
.new-plugin-classify .tankPlugin-main__bd .classify-group{
    border-top: none;
}
.new-plugin-classify .tankPlugin-aside--fl{
    margin-top: 20px;
}
.new-plugin-classify .tankPlugin-aside--fl .tankPlugin-main__bd .classify-group li {
    padding: 10px 0 12px 0;
    margin: 0 10px;
    border-bottom: 1px dotted #e1e1e1;
}
.new-plugin-classify .tankPlugin-aside--fl .tankPlugin-main__bd .classify-group li:last-child{
    border-bottom: none;
}
.new-plugin-classify .tankPlugin-aside--fl .tankPlugin-main__bd .classify-group li img {
    float: left;
    width: 48px;
    height: 48px;
}

.new-plugin-classify .tankPlugin-aside--fl .tankPlugin-main__bd .classify-group li h6 {
    line-height: 1em;
    padding-bottom: 18px;
    margin-top: 4px;
    font-size: 12px;
    color: #333333;
    font-weight: normal;
    margin-left: 60px
}

.new-plugin-classify .tankPlugin-aside--fl .tankPlugin-main__bd .classify-group li p {
    color: #999999;
    font-size: 12px;
    margin-left: 60px;
    line-height: 1em
}

.new-plugin-classify .tankPlugin-aside--fl .tankPlugin-main__bd .classify-group li p em {
    color: #999999
}

.new-plugin-classify .tankPlugin-aside--fl .tankPlugin-main__bd .classify-group li:hover {
    background-color: #ffffff;
}

.new-plugin-searchResult .tankPlugin-search {
    margin-bottom: 10px;
    padding-bottom: 15px;
    border-bottom: 1px solid #ececec;
}
.new-plugin-searchResult .tankPlugin-search form{
    display: inline-block;
}
.new-plugin-searchResult .tankPlugin-search input {
    width: 300px!important
}

.new-plugin-searchResult .tankPlugin-search span {
    color: #333333;
    font-size: 14px;
    font-weight: 500;
    height: 24px;
    line-height: 24px;
    padding-left: 20px
}

.new-plugin-searchResult .tankPlugin-search span em {
    padding: 0 7px
}

.new-plugin-searchResult .search-result {
    padding-left: 10px
}

.new-plugin-searchResult .search-result li {
    vertical-align: middle;
    position: relative;
    border-bottom: 1px solid #ececec;
    height: 76px;
    padding-top: 10px
}

.new-plugin-searchResult .search-result li img {
    border: 1px solid #433F3F;
    float: left
}

.new-plugin-searchResult .search-result li h6,
.new-plugin-searchResult .search-result li p {
    margin-left: 76px;
    line-height: 1em
}

.new-plugin-searchResult .search-result li h6 {
    color: #333333;
    padding-top: 5px;
    padding-bottom: 10px
}

.new-plugin-searchResult .search-result li .style-download {
    padding-bottom: 10px;
    color: #666666
}

.new-plugin-searchResult .search-result li .style-download em {
    color: #666666
}

.new-plugin-searchResult .search-result li .des {
    color: #999999;
    width: 380px
}

.new-plugin-searchResult .search-result li .score {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 80px;
    height: 58px;
    padding-top: 6px;
    *padding-top: 2px;
    *height: 62px;
    text-align: center;
    font-size: 30px;
    font-family: "Microsoft YaHei", sans-serif;
    background-image: url(../img/sprite/sprite.png);
    background-position: 0 0;
    color: #ff8534;
    line-height: 32px;
    font-weight: 700
}

.new-plugin-tuijian .share-bar,
.new-plugin-zuixin .share-bar {
    right: 28px;
}

.new-plugin-tuijian .tankPlugin-aside--fl li,
.new-plugin-zuixin .tankPlugin-aside--fl li {
    vertical-align: middle;
    padding: 10px 0 12px 0;
    margin: 0 10px;
    border-bottom: 1px dotted #e1e1e1;
}
.new-plugin-tuijian .tankPlugin-aside--fl li:last-child{
    border-bottom: none;
}
.new-plugin-zuixin .tankPlugin-aside--fl li:last-child{
    border-bottom: none;
}
.new-plugin-tuijian .tankPlugin-aside--fl li img,
.new-plugin-zuixin .tankPlugin-aside--fl li img {
    float: left;
    width: 48px;
    height: 48px;
}

.new-plugin-tuijian .tankPlugin-aside--fl li h6,
.new-plugin-zuixin .tankPlugin-aside--fl li h6 {
    margin-left: 60px;
    line-height: 1em;
    padding-top: 4px;
    padding-bottom: 10px;
    color: #333333;
    font-weight: normal;
}

.new-plugin-tuijian .tankPlugin-aside--fl li p,
.new-plugin-zuixin .tankPlugin-aside--fl li p {
    margin-left: 60px;
    line-height: 1em;
    color: #999999;
    margin-top: 8px;
}

.new-plugin-tuijian .tankPlugin-aside--fl li p em,
.new-plugin-zuixin .tankPlugin-aside--fl li p em {
    color: #a7a18c;
    display: inline-block;
    margin-right: 16px;
}

.new-plugin-tuijian .tankPlugin-aside--fr .tankPlugin-aside__bd li,
.new-plugin-zuixin .tankPlugin-aside--fr .tankPlugin-aside__bd li {
    height: 34px;
    cursor: pointer
}

.new-plugin-tuijian .tankPlugin-aside--fr .tankPlugin-aside__bd li:hover,
.new-plugin-zuixin .tankPlugin-aside--fr .tankPlugin-aside__bd li:hover,
.new-plugin-classify .tankPlugin-aside--fr .tankPlugin-aside__bd li:hover
{
    background-color: #ffffff;
}

.new-plugin-tuijian .tankPlugin-aside--fr .tankPlugin-aside__bd .aside-main,
.new-plugin-zuixin .tankPlugin-aside--fr .tankPlugin-aside__bd .aside-main {
    width: auto
}

.new-plugin-tuijian .tankPlugin-aside--fr .tankPlugin-aside__bd .aside-main h6,
.new-plugin-zuixin .tankPlugin-aside--fr .tankPlugin-aside__bd .aside-main h6 {
    width: 160px;
    line-height: 16px;
    float: none;
    white-space: nowrap;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    word-wrap: normal
}

.new-plugin-tuijian .tankPlugin-aside--fr .tankPlugin-aside__bd .aside-main p,
.new-plugin-zuixin .tankPlugin-aside--fr .tankPlugin-aside__bd .aside-main p {
    width: auto;
    color: #5d5a54;
    float: none
}

.new-plugin-tuijian .tankPlugin-aside--fr .tankPlugin-aside__bd .aside-main p em,
.new-plugin-zuixin .tankPlugin-aside--fr .tankPlugin-aside__bd .aside-main p em {
    color: #928f87
}

.new-plugin-shoucang .main-con {
    padding: 12px 15px 0
}

.new-plugin-shoucang .main-con .hd {
    font-size: 0;
    border-bottom: 1px solid #e3e3e3;
    padding-bottom: 10px;
}

.new-plugin-shoucang .main-con .hd a,
.new-plugin-shoucang .main-con .hd input,
.new-plugin-shoucang .main-con .hd label,
.new-plugin-shoucang .main-con .hd span {
    vertical-align: middle;
    font-size: 14px;
    line-height: 32px;
    display: inline-block
}

.new-plugin-shoucang .main-con .hd input {
    margin-left: 10px;
    margin-right: 6px;
    position: relative;
    top: 1px
}

.new-plugin-shoucang .main-con .hd label {
    color: #333333;
    display: inline-block;
    margin-right: 20px;
}

.new-plugin-shoucang .main-con .hd span {
    color: #424040;
    padding: 0 8px
}

.new-plugin-shoucang .main-con .hd a {
    color: #333333;
    font-size: 14px;
}

.new-plugin-shoucang .main-con .hd .cancel {
    margin-left: 34px;
    position: relative
}

.new-plugin-shoucang .main-con .hd .version {
    float: right;
    font-size: 12px
}

.new-plugin-shoucang .main-con .hd .version span {
    color: #646363
}

.new-plugin-shoucang .main-con .hd .version select {
    width: 97px;
    padding-left: 9px;
    color: #a7a18c;
    background-color: #252222;
    border: 1px solid #424040;
    height: 22px
}

.new-plugin-shoucang .main-con .hd .version select option {
    width: 97px
}

.new-plugin-shoucang .main-con .bd li {
    vertical-align: middle;
    position: relative;
    border-bottom: 1px solid #e3e3e3;
    height: 76px;
    padding-top: 10px;
    padding-left: 33px
}

.new-plugin-shoucang .main-con .bd li input {
    position: absolute;
    left: 10px;
    top: 35px
}

.new-plugin-shoucang .main-con .bd li img {
    width: 66px;
    height: 66px;
    float: left
}

.new-plugin-shoucang .main-con .bd li h6,
.new-plugin-shoucang .main-con .bd li p {
    margin-left: 76px;
    line-height: 1em
}

.new-plugin-shoucang .main-con .bd li h6 {
    color: #333333;
    font-weight: normal;
    padding-top: 5px;
    padding-bottom: 10px
}

.new-plugin-shoucang .main-con .bd li .style-download {
    padding-bottom: 12px;
    color: #999999;
}

.new-plugin-shoucang .main-con .bd li .style-download em {
    color: #999999
}

.new-plugin-shoucang .main-con .bd li .des {
    color: #999999;
    width: 380px
}

.new-plugin-shoucang .main-con .bd li .download-btn {
    position: absolute;
    right: 10px;
    top: 28px;
    width: 90px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    background-color: #878f86;
    color: #ffffff;
    font-size: 14px;
    border-radius: 4px;
}

.new-plugin-shoucang .main-con .bd li .download-btn:hover {
    text-decoration: none;
    background-color: #747a74;
}

/* .new-plugin-shoucang .main-con .bd li.active,
.new-plugin-shoucang .main-con .bd li:hover {
    background-color: #242121
} */

.select-box {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    width: 98px;
    height: 22px;
    vertical-align: middle;
    position: relative;
    border: 1px solid #e3e3e3;
    cursor: pointer
}

.select-box .show-value {
    font-size: 14px!important;
    color: #666666!important;
    padding-left: 10px!important;
    line-height: 22px!important;
    position: absolute!important;
    left: 0;
    top: 0;
    width: 70px
}

.select-box .selct-icon {
    background: url('../img/arrow-down-icon.png') center center no-repeat;
    width: 17px;
    height: 22px;
    position: absolute;
    right: 0;
    top: 0
}

.select-box .select-value {
    position: absolute;
    left: -1px;
    color: #333333;
    background-color: #fbfbfb;
    border: 1px solid #e3e3e3;
    width: 100px;
    display: none;
    z-index: 99
}

.select-box .select-value li {
    padding-left: 10px;
    height: 22px;
    line-height: 22px
}

.select-box .select-value li:hover {
    background-color: #f2f2f2;
    color: #000
}

body {
    SCROLLBAR-ARROW-COLOR: #FFF;
    SCROLLBAR-FACE-COLOR: #666;
    SCROLLBAR-DARKSHADOW-COLOR: #666;
    SCROLLBAR-HIGHLIGHT-COLOR: #666;
    SCROLLBAR-3DLIGHT-COLOR: #666;
    SCROLLBAR-SHADOW-COLOR: #666;
    SCROLLBAR-TRACK-COLOR: #333
}