@charset "utf-8";
body {
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    font-family: "微软雅黑";
    font-size: 14px;
    color: #444;
    margin: 0;
    padding: 0
}

img {
    border: 0
}

form, input, select, div, ul, li, p, h, h1, h2, h3, h4, em, i, span {
    margin: 0;
    padding: 0;
    list-style-type: none;
    font-style: normal;
    font-size: 14px;
    font-weight: normal;
    font-family: "微软雅黑";
    border: 0
}

a:link {
    color: #444;
    text-decoration: none
}

a:visited {
    color: #444;
    text-decoration: none
}

a:hover, a:active, a:focus {
    color: #f64d4d;
    text-decoration: none
}

.clear_10 {
    width: 100%;
    height: 10px;
    overflow: hidden;
    clear: both
}

.clear_20 {
    width: 100%;
    height: 20px;
    overflow: hidden;
    clear: both
}

.fl {
    float: left
}

.fr {
    float: right
}

.xs-c1-r-rd em, .xs-c1-r-ac p span.lgray, .xs-c1-r-ac p span.lorange, .xs-c1-r-ac p span.rgray, .xs-c1-r-ac p span.rorange, .xs-c1-r-ypf-r p span.lgray, .xs-c1-r-ypf-r p span.rgray, .xs-c1-r-ypf-r p span.lorange, .xs-c1-r-ypf-r p span.rorange, .xs-c1-r-db li em, .xs-c1-r-db li i, .xs-c1-r-db li p, .xs-c2-c-r-t li em, .xs-c2-c-r-t li i, .xs-c2-c-r-t li.curr em, .xs-c2-c-r-t li.curr i, .yxsp-o .yxsp-l i, .yxsp-o .yxsp-r p i, .xs-c4-l-h em.tjyd, .xs-c4-l-h em.wjtl, .xs-c4-l-h em.wjsq, .xs-c4-l-h .wypl i, .xs-c4-l-one-tit em, .xs-c4-r-h em, .xs-c4-r-h i, .xs-c4-r-h font, .xs-c4-r-h p, .xs-c4-r-co .pc, .xs-c4-r-co .ps4, .xs-c4-r-co .ps5, .xs-c4-r-co .xone, .xs-c4-r-co .xboxseriesx, .xs-c4-r-co .x360, .xs-c4-r-co .wii, .xs-c4-r-co .wiiu, .xs-c4-r-co .ds3, .xs-c4-r-co .ps2, .xs-c4-r-co .ps3, .xs-c4-r-co .ps4, .xs-c4-r-co .psv, .xs-c4-r-co .psp, .xs-c4-r-co .switch, .xs-c4-r-co .htc, .xs-c4-r-co .oculus, .xs-c4-r-co .vr, .u-vote span.slgray, .u-vote span.slorange, .u-vote span.srgray, .u-vote span.srorange, .u-tj em, .u-tj i, .xs-c4-l-con-one-r-c em, .xs-pf-box-con-l-c-c-t, .xs-pf-box-tag-l-l span.lgray, .xs-pf-box-tag-l-l span.lorange, .xs-pf-box-tag-l-l span.rgray, .xs-pf-box-tag-l-l span.rorange, .xs-pf-box-con-r em, .xs-pf-box-tag-l label em, .xs-pf-box-tag-l label em:hover, .xs-pf-box-tag-l label input[type=radio]:checked + em, .xs-pf-box-tag-l label i, .xs-pf-box-tag-l label i:hover, .xs-pf-box-tag-l label input[type=radio]:checked + i, .xs-c4-l-con-steam-t-r em, .xs-c4-l-con-steam-t-r i, .xs-c4-l-con-steam-t-r span, .xs-msg-box-close, .xs-msg-box-msg .sucs, .xs-msg-box-msg .faid, .xs-left-nav-pl, .xs-left-nav-pl:hover, .xs-left-nav-top, .xs-left-nav-fk, .xs-left-nav-fk:hover, .level1, .level2, .level3, .level4, .level5, .level6, .level7, .level8, .level9, .level10, .wjx, .bkx, .kpx, .zyx, .dyx, .mzzx, .ydzx, .new-ali213-feedback-title a, .xs-pf-box-close, .xs-c4-l-wjsq-con-cpone-hd-con-f-star span.slgray, .xs-c4-l-wjsq-con-cpone-hd-con-f-star span.slorange, .xs-c4-l-wjsq-con-cpone-hd-con-f-star span.srgray, .xs-c4-l-wjsq-con-cpone-hd-con-f-star span.srorange {
    background: url(../images/xs-icon.png) no-repeat
}

.xs-h {
    width: 100%;
    height: 90px;
    background: #1e222d
}

.xs-h-c {
    width: 1200px;
    height: 90px;
    margin: 0 auto
}

.xs-h-c-l {
    width: 467px;
    height: 90px;
    float: left
}

.xs-h-c-l a {
    width: 467px;
    height: 59px;
    background: url(../images/xs_logo_index.png);
    margin-top: 15px;
    display: block
}

.xs-h-c-r {
    width: 308px;
    height: 28px;
    border: #2d333f 1px solid;
    border-radius: 14px;
    -moz-border-radius: 14px;
    -webkit-border-radius: 14px;
    background: #0f161e;
    float: right;
    margin-top: 30px;
    display: inline;
    position: relative
}

.form_input {
    width: 230px;
    height: 28px;
    line-height: 28px;
    float: left;
    text-indent: 10px;
    background: transparent;
    color: #737e91
}

::-webkit-input-placeholder {
    color: #737e91
}

::-moz-placeholder {
    color: #737e91
}

::-ms-input-placeholder {
    color: #737e91
}

.form_bdbtn {
    width: 50px;
    height: 18px;
    line-height: 18px;
    border-right: #2e353f 1px solid;
    float: left;
    margin-top: 5px;
    display: none;
    background: transparent;
    color: #737e91;
    cursor: pointer
}

.form_bzbtn {
    width: 70px;
    height: 18px;
    line-height: 18px;
    float: left;
    margin-top: 5px;
    display: inline;
    background: transparent;
    color: #737e91;
    cursor: pointer;
    text-align: left;
    text-indent: 5px;
    position: relative;
    z-index: 1;
    border-left: #2e353f 1px solid;
}

.form_btnicon {
    width: 17px;
    height: 28px;
    position: absolute;
    right: 10px
}

.form_btnicon em {
    width: 13px;
    height: 13px;
    position: absolute;
    left: 0;
    top: 4px;
    border: #e7612e 2px solid;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%
}

.form_btnicon i {
    width: 2px;
    height: 6px;
    position: absolute;
    right: 1px;
    top: 18px;
    background: #e7612e;
    -webkit-transform: rotate(-35deg);
    -ms-transform: rotate(-35deg);
    -moz-transform: rotate(-35deg)
}

.xs-top {
    width: 100%;
    height: auto;
    padding-top: 110px;
    padding-bottom: 20px;
    background: url(../images/xs-c1-bg.png) no-repeat scroll center top;
    background-size: cover;
    display: table
}

#dh {
    width: 100%;
    height: 44px;
    background: #222a35
}

.dh {
    width: 1200px;
    height: 44px;
    margin: 0 auto
}

.dh li {
    width: 170px;
    height: 44px;
    line-height: 44px;
    text-align: center;
    font-size: 16px;
    float: left
}

.dh li.hover {
    height: 42px;
    line-height: 42px;
    background: #1a2129;
    border-bottom: #f85802 2px solid
}

.dh li a:link, .dh li a:visited {
    color: #fff
}

.dh li a:hover {
    color: #f60
}

.dh li a:active {
    color: #fff
}

.xs-c1 {
    width: 1200px;
    height: auto;
    display: table;
    margin: 0 auto;
    position: relative
}

.xs-c1-l {
    width: 158px;
    height: 422px;
    float: left;
    position: relative
}

.xpyyx {
    width: 77px;
    height: 24px;
    position: absolute;
    left: -3px;
    top: 5px;
    background: url(/images/jb3.png) no-repeat
}

.xpnhb {
    width: 77px;
    height: 24px;
    position: absolute;
    left: -3px;
    top: 5px;
    background: url(/images/jb2.png) no-repeat
}

.xs-c1-l-pic {
    width: 100%;
    height: 100%
}

.xs-c1-l-pic-t {
    width: 100%;
    height: 210px
}

.xs-c1-l-pic-t img {
    width: 158px;
    height: 210px
}

.xs-c1-l-pic-t font {
    width: 158px;
    height: 210px;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 100;
    background: url(/images/showbig_dt.png) no-repeat;
    cursor: pointer;
    display: none
}

#ajaxwaitid {
    background: none repeat scroll 0 0 #d00;
    color: #fff;
    display: none;
    height: 1.6em;
    line-height: 1.6em;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0;
    width: 100px;
    z-index: 100
}

.zoominner {
    padding: 5px 10px 5px;
    background: #fafafa;
    text-align: left;
    font-size: 12px
}

.zoominner p {
    padding: 2px 0
}

.zoominner .y {
    float: right
}

.zoominner p a {
    float: left;
    margin-left: 10px;
    width: 17px;
    height: 17px;
    background: url(/images/imgzoom_tb.gif) no-repeat 0 0;
    line-height: 100px;
    overflow: hidden
}

.zoominner p a:hover {
    background-position: 0 -39px
}

.zoominner p a.imgadjust {
    background-position: -40px 0
}

.zoominner p a.imgadjust:hover {
    background-position: -40px -39px
}

.zoominner p a.imgclose {
    background-position: -80px 0
}

.zoominner p a.imgclose:hover {
    background-position: -80px -39px
}

.xs-c1-l-btn {
    width: 100%;
    height: 210px;
    position: absolute;
    left: 0;
    bottom: 0
}

.xs-c1-l-btn span {
    width: 156px;
    height: 32px;
    line-height: 32px;
    border-radius: 17px;
    -moz-border-radius: 17px;
    -webkit-border-radius: 17px;
    display: block;
    text-align: center;
    margin-top: 27px;
    font-size: 16px;
    border: #6a6a6a 1px solid;
    color: #6a6a6a;
    background: transparent
}

.xs-c1-l-btn a {
    width: 156px;
    height: 32px;
    line-height: 32px;
    border-radius: 17px;
    -moz-border-radius: 17px;
    -webkit-border-radius: 17px;
    display: block;
    text-align: center;
    margin-top: 27px;
    font-size: 16px
}

a.buy:link {
    color: #fff
}

a.buy:visited {
    color: #fff
}

a.buy:hover {
    color: #fff;
    background: #21beff
}

a.buy:active {
    color: #fff
}

.down {
    border: #ffc001 1px solid;
    background: #ffc001
}

a.down:link {
    color: #000
}

a.down:visited {
    color: #000
}

a.down:hover {
    color: #000;
    background: #ffde00
}

a.down:active {
    color: #000
}

.gozt {
    border: #3187ff 1px solid;
    background: transparent
}

a.gozt:link {
    color: #3187ff
}

a.gozt:visited {
    color: #3187ff
}

a.gozt:hover {
    color: #f64d4d
}

a.gozt:active {
    color: #3187ff
}

.xs-c1-c {
    width: 632px;
    height: auto;
    float: left;
    margin-left: 30px;
    display: inline
}

.xs-c1-c-pt {
    width: 100%;
    height: auto;
    display: table;
    padding-bottom: 8px
}

.xs-c1-c-pt li {
    height: 20px;
    line-height: 20px;
    border: #5d6164 1px solid;
    float: left;
    margin-right: 10px;
    margin-bottom: 10px;
    display: inline;
    text-align: center;
    color: #5d6164;
    font-size: 14px;
    cursor: pointer;
    padding: 0 10px
}

.xs-c1-c-pt li.curr {
    border: #3a3a3a 1px solid;
    background: #3a3a3a;
    color: #fff
}

.xs-c1-c-cn {
    width: 100%;
    height: auto;
    line-height: 40px;
    display: table;
    font-size: 34px;
    font-weight: bold;
    color: #000
}

.xs-c1-c-cn span {
    float: left;
    line-height: 40px;
    font-size: 34px;
    font-weight: bold
}

.xs-c1-c-cn font {
    float: left;
    line-height: 40px;
    font-size: 20px;
    font-weight: normal
}

.xs-c1-c-en {
    width: 100%;
    height: auto;
    line-height: 30px;
    margin-top: 6px;
    display: table;
    font-size: 18px;
    color: #000
}

.xs-c1-c-time {
    height: 28px;
    padding: 0 5px;
    line-height: 28px;
    display: table;
    margin-top: 10px;
    background: #8a8a8a;
    color: #fff
}

.xs-c1-c-time span {
    margin-right: 5px
}

.xs-c1-c-time em {
    margin-left: 5px;
    margin-right: 10px
}

.xs-c1-c-time i {
    margin-left: 10px
}

.xs-c1-c-info {
    width: 100%;
    height: 60px;
    margin-top: 10px;
    color: #000
}

.xs-c1-c-info-l {
    width: 210px;
    height: 30px;
    line-height: 30px;
    float: left;
    overflow: hidden
}

.xs-c1-c-info-r {
    width: 410px;
    height: 30px;
    line-height: 30px;
    float: right;
    overflow: hidden
}

.xs-c1-c-tag {
    width: 100%;
    height: 22px;
    margin-top: 13px;
    padding-bottom: 28px
}

.xs-c1-c-tag span {
    padding: 0 8px;
    height: 22px;
    line-height: 22px;
    background: #585858;
    color: #fff;
    display: inline-block;
    margin-right: 10px;
    border-radius: 11px;
    -moz-border-radius: 11px;
    -webkit-border-radius: 11px;
    font-size: 12px
}

.xs-c1-c-line {
    width: 100%;
    height: 1px
}

.xs-c1-c-line i {
    width: 50%;
    height: 100%;
    background: -webkit-linear-gradient(90deg, #c2c2c2, #565656);
    background: -o-linear-gradient(90deg, #c2c2c2, #565656);
    background: -moz-linear-gradient(90deg, #c2c2c2, #565656);
    background: linear-gradient(90deg, #c2c2c2, #565656);
    display: inline-block
}

.xs-c1-c-line em {
    width: 50%;
    height: 100%;
    background: -webkit-linear-gradient(-90deg, #c2c2c2, #565656);
    background: -o-linear-gradient(-90deg, #c2c2c2, #565656);
    background: -moz-linear-gradient(-90deg, #c2c2c2, #565656);
    background: linear-gradient(-90deg, #c2c2c2, #565656);
    display: inline-block
}

.xs-c1-c-tab {
    width: 100%;
    height: 30px;
    border-bottom: #b6b6b6 1px solid;
    position: relative;
}

.xs-c1-c-tab li {
    width: 100px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    float: left;
    margin-left: 20px;
    display: inline;
    cursor: pointer
}

.xs-c1-c-tab li.curr {
    color: #000;
    height: 27px;
    line-height: 25px;
    margin-top: 2px;
    border-bottom: #565656 3px solid;
    display: inline
}

.xs-c1-c-tab li h3 {
    font-size: 16px
}

.xs-c1-c-tct {
    width: 100%;
    clear: both
}

.xs-c1-c-tct li {
    width: 158px;
    height: 40px;
    line-height: 20px;
    overflow: hidden;
    float: left;
    margin-top: 15px;
    display: inline;
    text-align: left
}

.xs-c1-c-con {
    width: 100%;
    line-height: 24px;
    overflow: hidden;
    padding-top: 15px
}

.xs-c1-c-more {
    width: 100%;
    height: 24px;
    line-height: 24px;
    overflow: hidden;
    text-align: right
}

.xs-c1-c-more span {
    cursor: pointer;
    color: #4072af
}

.xs-c1-r {
    width: 335px;
    height: auto;
    float: right;
    color: #222
}

.xs-c1-r-pfz {
    width: 100%;
    height: 80px;
}

.xs-c1-r-pfz-yxpf {
    width: 166px;
    height: 100%;
    float: left;
}

.xs-c1-r-pfz-yxpf span {
    width: 100%;
    height: 50px;
    line-height: 50px;
    font-size: 44px;
    font-weight: bold;
    color: #000;
    display: block;
    text-align: center;
}

.xs-c1-r-pfz-yxpf p {
    width: 100%;
    height: 30px;
    line-height: 30px;
    font-size: 14px;
    display: block;
    text-align: center;
}

.xs-c1-r-pfz-line {
    width: 3px;
    height: 30px;
    float: left;
    margin-top: 20px;
    background: #beaea6;
}

.xs-c1-r-pfz-zhpf {
    width: 166px;
    height: 100%;
    float: left;
}

.xs-c1-r-pfz-zhpf span {
    width: 100%;
    height: 50px;
    line-height: 50px;
    font-size: 44px;
    font-weight: bold;
    color: #000;
    display: block;
    text-align: center;
}

.xs-c1-r-pfz-zhpf p {
    width: 100%;
    height: 30px;
    line-height: 30px;
    font-size: 14px;
    color: #000;
    display: block;
    text-align: center;
}

.xs-c1-r-star {
    width: 100%;
    height: 85px;
    margin-top: 10px;
}

.xs-c1-r-star .xs-c1-r-pf-dxpf {
    width: 100%;
    height: 17px;
}

.xs-c1-r-star .xs-c1-r-pf-dxpf em {
    width: 100px;
    height: 17px;
    line-height: 17px;
    float: left;
    display: inline-block;
}

.xs-c1-r-star .xs-c1-r-pf-dxpf em img {
    width: 17px;
    height: 17px;
    float: right;
    margin: 0 1px;
    display: inline-block;
}

.xs-c1-r-star .xs-c1-r-pf-dxpf p {
    width: 185px;
    height: 8px;
    float: left;
    margin-top: 4px;
    margin-left: 10px;
    display: inline-block;
    background: #e0e0e0;
    border-radius: inherit;
}

.xs-c1-r-star .xs-c1-r-pf-dxpf p span.hm {
    height: 8px;
    display: inline-block;
    background: #828282;
    border-radius: inherit;
}

.xs-c1-r-star .xs-c1-r-pf-dxpf p span.yx {
    height: 8px;
    display: inline-block;
    background: #828282;
    border-radius: inherit;
}

.xs-c1-r-star .xs-c1-r-pf-dxpf p span.jq {
    height: 8px;
    display: inline-block;
    background: #828282;
    border-radius: inherit;
}

.xs-c1-r-star .xs-c1-r-pf-dxpf p span.cz {
    height: 8px;
    display: inline-block;
    background: #828282;
    border-radius: inherit;
}

.xs-c1-r-star .xs-c1-r-pf-dxpf p span.lq {
    height: 8px;
    display: inline-block;
    background: #828282;
    border-radius: inherit;
}

.xs-c1-r-star .xs-c1-r-pf-dxpf i {
    width: 40px;
    height: 17px;
    line-height: 17px;
    text-align: right;
    float: right;
    display: inline-block;
}

.xs-c1-r-star + .xs-c1-r-wan em, .xs-c1-r-star + .xs-c1-r-wan i, .xs-c1-r-star + .xs-c1-r-wan p {
    margin-top: 15px;
}

.xs-c1-r-pf {
    width: 100%;
    height: 122px;
    padding-bottom: 15px
}

.xs-c1-r-pf-l {
    width: 122px;
    height: 122px;
    float: left;
    background: #37b2ff
}

.xs-c1-r-pf-yxpf {
    width: 100%;
    height: 122px;
    color: #fff;
    text-align: center
}

.xs-c1-r-pf-yxpf span {
    width: 100%;
    height: 90px;
    line-height: 90px;
    display: block
}

.xs-c1-r-pf-yxpf span em {
    width: 56%;
    height: 90px;
    line-height: 90px;
    font-size: 90px;
    float: left;
    display: inline-block;
    text-align: right;
    font-weight: 900
}

.xs-c1-r-pf-yxpf span i {
    width: 44%;
    height: 60px;
    line-height: 60px;
    font-size: 50px;
    float: left;
    display: inline-block;
    text-align: left;
    font-weight: 900
}

.xs-c1-r-pf-yxpf-line {
    width: 100%;
    height: 1px
}

.xs-c1-r-pf-yxpf-line i {
    width: 50%;
    height: 100%;
    background: -webkit-linear-gradient(90deg, #3bb4ff, #b0e1ff);
    background: -o-linear-gradient(90deg, #3bb4ff, #b0e1ff);
    background: -moz-linear-gradient(90deg, #3bb4ff, #b0e1ff);
    background: linear-gradient(90deg, #3bb4ff, #b0e1ff);
    display: inline-block
}

.xs-c1-r-pf-yxpf-line em {
    width: 50%;
    height: 100%;
    background: -webkit-linear-gradient(-90deg, #3bb4ff, #b0e1ff);
    background: -o-linear-gradient(-90deg, #3bb4ff, #b0e1ff);
    background: -moz-linear-gradient(-90deg, #3bb4ff, #b0e1ff);
    background: linear-gradient(-90deg, #3bb4ff, #b0e1ff);
    display: inline-block
}

.xs-c1-r-pf-yxpf-mtpjf {
    width: 100%;
    height: 31px;
    line-height: 31px;
    font-size: 12px
}

.xs-c1-r-pf-r {
    width: 193px;
    height: 122px;
    float: right
}

.xs-c1-r-pf-dxpf {
    width: 100%;
    height: 24.4px
}

.xs-c1-r-pf-dxpf em {
    width: 45px;
    height: 24.4px;
    line-height: 24.4px;
    float: left;
    display: inline-block
}

.xs-c1-r-pf-dxpf p {
    width: 120px;
    height: 8px;
    float: left;
    margin-top: 8.2px;
    display: inline-block;
    background: #bdc2ca;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px
}

.xs-c1-r-pf-dxpf p span.hm {
    height: 8px;
    display: inline-block;
    background: #f86f6f;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px
}

.xs-c1-r-pf-dxpf p span.yx {
    height: 8px;
    display: inline-block;
    background: #ff8c37;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px
}

.xs-c1-r-pf-dxpf p span.jq {
    height: 8px;
    display: inline-block;
    background: #37b2ff;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px
}

.xs-c1-r-pf-dxpf p span.cz {
    height: 8px;
    display: inline-block;
    background: #43d630;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px
}

.xs-c1-r-pf-dxpf p span.lq {
    height: 8px;
    display: inline-block;
    background: #ffc001;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px
}

.xs-c1-r-pf-dxpf i {
    width: 13px;
    height: 24.4px;
    line-height: 24.4px;
    text-align: right;
    float: right;
    display: inline-block
}

.xs-c1-r-line {
    width: 100%;
    height: 1px
}

.xs-c1-r-line i {
    width: 50%;
    height: 100%;
    background: -webkit-linear-gradient(90deg, #d7d7d7, #aaa);
    background: -o-linear-gradient(90deg, #d7d7d7, #aaa);
    background: -moz-linear-gradient(90deg, #d7d7d7, #aaa);
    background: linear-gradient(90deg, #d7d7d7, #aaa);
    display: inline-block
}

.xs-c1-r-line em {
    width: 50%;
    height: 100%;
    background: -webkit-linear-gradient(-90deg, #d7d7d7, #aaa);
    background: -o-linear-gradient(-90deg, #d7d7d7, #aaa);
    background: -moz-linear-gradient(-90deg, #d7d7d7, #aaa);
    background: linear-gradient(-90deg, #d7d7d7, #aaa);
    display: inline-block
}

.xs-c1-r-rd {
    width: 100%;
    height: 23px;
    padding: 6px 0
}

.xs-c1-r-rd em {
    width: 5px;
    height: 23px;
    background-position: -291px -74px;
    float: left;
    margin-left: 10px;
    display: inline-block
}

.xs-c1-r-rd span {
    width: 160px;
    height: 12px;
    line-height: 12px;
    border-right: #5e5e5e 2px solid;
    float: left;
    margin-top: 5px;
    display: inline-block;
    text-indent: 15px;
    font-size: 12px
}

.xs-c1-r-rd p {
    width: 130px;
    height: 22px;
    line-height: 22px;
    font-size: 12px;
    float: right;
    display: inline-block
}

.xs-c1-r-wan {
    width: 100%;
    display: inline-block;
    position: relative
}

.xs-c1-r-wan a {
    width: 101px;
    height: 22px;
    position: absolute;
    right: 30px;
    top: 4px;
    background: url(../images/gift.gif) no-repeat;
    display: block
}

.xs-c1-r-wan em {
    width: 150px;
    height: 32px;
    line-height: 32px;
    text-align: center;
    color: #fff;
    background: #858585;
    border-radius: 16px;
    -moz-border-radius: 16px;
    -webkit-border-radius: 16px;
    float: left;
    margin-top: 30px;
    display: inline-block;
    cursor: pointer
}

.xs-c1-r-wan em:hover {
    background: #aaa
}

.xs-c1-r-wan i {
    width: 150px;
    height: 32px;
    line-height: 32px;
    text-align: center;
    color: #fff;
    background: #1bb8ff;
    border-radius: 16px;
    -moz-border-radius: 16px;
    -webkit-border-radius: 16px;
    float: right;
    margin-top: 30px;
    display: inline-block;
    cursor: pointer
}

.xs-c1-r-wan i:hover {
    background: #6bc9f4
}

.xs-c1-r-wan p {
    width: 150px;
    height: 32px;
    line-height: 32px;
    text-align: center;
    color: #fff;
    background: #ccc;
    border-radius: 16px;
    -moz-border-radius: 16px;
    -webkit-border-radius: 16px;
    float: right;
    margin-top: 30px;
    display: inline-block
}

.xs-c1-r-ac {
    width: 100%;
    height: 60px;
    margin-top: 20px
}

.xs-c1-r-ac em {
    width: 65px;
    height: 60px;
    float: left;
    display: inline-block
}

.xs-c1-r-ac em img {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%
}

.xs-c1-r-ac p {
    width: 150px;
    height: 27px;
    float: left;
    margin-top: 17px;
    display: inline-block
}

.xs-c1-r-ac p span {
    width: 12px;
    height: 27px;
    float: left;
    cursor: pointer;
    display: inline-block
}

.xs-c1-r-ac p span.lgray {
    background-position: -53px -24px;
    margin-left: 5px
}

.xs-c1-r-ac p span.lorange {
    background-position: -23px -24px;
    margin-left: 5px
}

.xs-c1-r-ac p span.rgray {
    background-position: -65px -24px
}

.xs-c1-r-ac p span.rorange {
    background-position: -35px -24px
}

.xs-c1-r-ac i {
    width: 115px;
    height: 60px;
    line-height: 60px;
    float: right;
    display: inline-block;
    font-size: 12px
}

.xs-c1-r-ypf {
    width: 100%;
    height: 60px;
    margin-top: 20px
}

.xs-c1-r-ypf-l {
    width: 65px;
    height: 60px;
    float: left;
    display: inline-block
}

.xs-c1-r-ypf-l img {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%
}

.xs-c1-r-ypf-r {
    width: 270px;
    height: 60px;
    float: left;
    display: inline-block
}

.xs-c1-r-ypf-r p {
    width: 150px;
    height: 27px;
    float: left;
    margin-top: 5px;
    display: inline-block;
    clear: both
}

.xs-c1-r-ypf-r p span {
    width: 12px;
    height: 27px;
    float: left;
    display: inline-block
}

.xs-c1-r-ypf-r p span.lgray {
    background-position: -53px -24px;
    margin-left: 5px
}

.xs-c1-r-ypf-r p span.lorange {
    background-position: -23px -24px;
    margin-left: 5px
}

.xs-c1-r-ypf-r p span.rgray {
    background-position: -65px -24px
}

.xs-c1-r-ypf-r p span.rorange {
    background-position: -35px -24px
}

.xs-c1-r-ypf-r i {
    width: 115px;
    height: 27px;
    line-height: 27px;
    float: left;
    margin-top: 5px;
    margin-left: 5px;
    display: inline-block;
    font-size: 12px
}

.xs-c1-r-ypf-r font {
    width: 30px;
    height: 16px;
    line-height: 16px;
    text-align: center;
    color: #fff;
    background: #1bb8ff;
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    float: left;
    margin-left: 5px;
    display: inline-block;
    font-size: 12px
}

.xs-c1-r-ypf-r em {
    width: 50px;
    height: 16px;
    line-height: 16px;
    text-align: center;
    float: left;
    margin-left: 5px;
    display: inline-block;
    cursor: pointer;
    font-size: 12px
}

.xs-c1-r-db {
    width: 100%;
    margin-top: 20px;
    padding-top: 10px;
    border-top: #949494 1px dotted
}

.xs-c1-r-db li {
    width: 100%;
    height: 32px
}

.xs-c1-r-db li em {
    width: 18px;
    height: 18px;
    background-position: -22px -74px;
    float: left;
    margin-top: 7px;
    display: inline-block
}

.xs-c1-r-db li i {
    width: 18px;
    height: 18px;
    background-position: -55px -74px;
    float: left;
    margin-top: 7px;
    display: inline-block
}

.xs-c1-r-db li p {
    width: 18px;
    height: 18px;
    background-position: -92px -74px;
    float: left;
    margin-top: 7px;
    display: inline-block
}

.xs-c1-r-db li span {
    height: 32px;
    line-height: 32px;
    float: left;
    margin-left: 5px;
    display: inline-block
}

.xs-c1-r-db li font {
    height: 32px;
    line-height: 32px;
    float: left;
    color: #4072af;
    display: inline-block
}

#steamkb, #xspltj {
    cursor: pointer
}

.xs-c2 {
    width: 100%;
    height: 485px;
    background: url(../images/xs-c2-bg.jpg) no-repeat scroll center top
}

.xs-c2-c {
    width: 1200px;
    height: 485px;
    margin: 0 auto
}

.xs-c2-c-l {
    width: 800px;
    height: 485px;
    float: left
}

.loader {
    box-sizing: border-box;
    display: flex;
    flex: 0 1 auto;
    flex-direction: column;
    flex-grow: 1;
    flex-shrink: 0;
    flex-basis: 100%;
    max-width: 100%;
    height: 485px;
    align-items: center;
    justify-content: center
}

@-webkit-keyframes ball-spin-fade-loader {
    50% {
        opacity: .3;
        -webkit-transform: scale(0.4);
        transform: scale(0.4)
    }
    100% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes ball-spin-fade-loader {
    50% {
        opacity: .3;
        -webkit-transform: scale(0.4);
        transform: scale(0.4)
    }
    100% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

.ball-spin-fade-loader {
    position: relative;
    top: -10px;
    left: -10px
}

.ball-spin-fade-loader > div:nth-child(1) {
    top: 25px;
    left: 0;
    -webkit-animation: ball-spin-fade-loader 1s -0.96s infinite linear;
    animation: ball-spin-fade-loader 1s -0.96s infinite linear
}

.ball-spin-fade-loader > div:nth-child(2) {
    top: 17.04545px;
    left: 17.04545px;
    -webkit-animation: ball-spin-fade-loader 1s -0.84s infinite linear;
    animation: ball-spin-fade-loader 1s -0.84s infinite linear
}

.ball-spin-fade-loader > div:nth-child(3) {
    top: 0;
    left: 25px;
    -webkit-animation: ball-spin-fade-loader 1s -0.72s infinite linear;
    animation: ball-spin-fade-loader 1s -0.72s infinite linear
}

.ball-spin-fade-loader > div:nth-child(4) {
    top: -17.04545px;
    left: 17.04545px;
    -webkit-animation: ball-spin-fade-loader 1s -0.6s infinite linear;
    animation: ball-spin-fade-loader 1s -0.6s infinite linear
}

.ball-spin-fade-loader > div:nth-child(5) {
    top: -25px;
    left: 0;
    -webkit-animation: ball-spin-fade-loader 1s -0.48s infinite linear;
    animation: ball-spin-fade-loader 1s -0.48s infinite linear
}

.ball-spin-fade-loader > div:nth-child(6) {
    top: -17.04545px;
    left: -17.04545px;
    -webkit-animation: ball-spin-fade-loader 1s -0.36s infinite linear;
    animation: ball-spin-fade-loader 1s -0.36s infinite linear
}

.ball-spin-fade-loader > div:nth-child(7) {
    top: 0;
    left: -25px;
    -webkit-animation: ball-spin-fade-loader 1s -0.24s infinite linear;
    animation: ball-spin-fade-loader 1s -0.24s infinite linear
}

.ball-spin-fade-loader > div:nth-child(8) {
    top: 17.04545px;
    left: -17.04545px;
    -webkit-animation: ball-spin-fade-loader 1s -0.12s infinite linear;
    animation: ball-spin-fade-loader 1s -0.12s infinite linear
}

.ball-spin-fade-loader > div {
    background-color: #fff;
    width: 15px;
    height: 15px;
    border-radius: 100%;
    margin: 2px;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    position: absolute
}

.xs-c2-c-l img {
    width: 800px;
    height: 485px
}

.xs-c2-c-r {
    width: 335px;
    height: 485px;
    float: right;
    overflow: hidden
}

.xs-c2-c-r-t {
    width: 100%;
    height: 35px;
    background: #a6abaf;
    border-radius: 17px;
    -moz-border-radius: 17px;
    -webkit-border-radius: 17px;
    margin-top: 22px
}

.xs-c2-c-r-t .fl {
    float: left
}

.xs-c2-c-r-t .fr {
    float: right
}

.xs-c2-c-r-t li {
    width: 146px;
    height: 35px;
    cursor: pointer
}

.xs-c2-c-r-t li em {
    width: 26px;
    height: 20px;
    background-position: -223px -27px;
    float: left;
    margin-left: 15px;
    margin-top: 7px;
    display: inline-block
}

.xs-c2-c-r-t li span {
    width: 80px;
    height: 35px;
    line-height: 35px;
    color: #fff;
    float: left;
    margin-left: 15px;
    display: inline-block
}

.xs-c2-c-r-t li i {
    width: 26px;
    height: 26px;
    background-position: -224px -72px;
    float: left;
    margin-left: 15px;
    margin-top: 4px;
    display: inline-block
}

.xs-c2-c-r-t li.curr {
    background: #172937;
    border-radius: 17px;
    -moz-border-radius: 17px;
    -webkit-border-radius: 17px
}

.xs-c2-c-r-t li.curr em {
    background-position: -163px -27px
}

.xs-c2-c-r-t li.curr span {
    color: #63c8f6
}

.xs-c2-c-r-t li.curr i {
    background-position: -164px -72px
}

.xs-c2-c-r-c {
    width: 100%;
    height: 396px;
    margin-top: 16px;
    position: relative;
    overflow: hidden
}

#yxtp li {
    width: 120px;
    height: 90px;
    float: left;
    margin-left: 28px;
    margin-bottom: 16px;
    display: inline;
    position: relative;
    cursor: pointer
}

#yxtp li img {
    width: 120px;
    height: 90px
}

#yxtp li.curr em {
    width: 114px;
    height: 84px;
    border: #67bdee 3px solid;
    position: absolute;
    left: 0;
    top: 0
}

.yxsp-o {
    width: 100%;
    height: 90px;
    margin-bottom: 13px;
    cursor: pointer
}

.yxsp-o .yxsp-l {
    width: 140px;
    height: 90px;
    float: left;
    position: relative
}

.yxsp-o .yxsp-l img {
    width: 140px;
    height: 90px
}

.yxsp-o .yxsp-l i {
    width: 39px;
    height: 39px;
    position: absolute;
    left: 50px;
    top: 25px;
    background-position: -522px -383px
}

.yxsp-o .yxsp-r {
    width: 170px;
    height: 90px;
    float: left;
    margin-left: 12px;
    display: inline
}

.yxsp-o .yxsp-r span {
    width: 100%;
    height: 48px;
    line-height: 24px;
    margin: 8px 0;
    overflow: hidden;
    display: inline-block;
    color: #d3d3d3
}

.yxsp-o .yxsp-r p {
    width: 100%;
    height: 12px;
    border-top: #616570 1px solid;
    padding-top: 8px;
    display: inline-block
}

.yxsp-o .yxsp-r p i {
    width: 12px;
    height: 12px;
    background-position: -594px -399px;
    float: left;
    display: inline-block
}

.yxsp-o .yxsp-r p font {
    width: 155px;
    height: 12px;
    line-height: 12px;
    font-size: 12px;
    float: right;
    display: inline-block;
    color: #9e9e9e
}

#yxsp .jscroll-c .curr {
    background: #323641
}

.jscroll-c {
    width: 100%;
    height: auto;
    display: table;
    position: absolute
}

.jscroll-e {
    width: 10px;
    height: 428px;
    position: absolute;
    right: 0;
    top: 0;
    background: transparent
}

.jscroll-h {
    width: 10px;
    background: #000;
    filter: alpha(opacity=50);
    -moz-opacity: .5;
    opacity: .5;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px
}

.xs-c4 {
    width: 758px;
    height: auto;
    display: table;
    margin: 0 auto
}

.xs-c4-l {
    width: 758px;
    height: auto;
    float: left
}

.xs-c4-l-h {
    width: 100%;
    height: 32px;
    padding: 9px 0;
    border-bottom: #bababa 1px dotted;
}

.xs-c4-l-h em {
    width: 40px;
    height: 32px;
    float: left;
    display: inline-block
}

.xs-c4-l-h em.tjyd {
    background-position: -23px -179px;
}

.xs-c4-l-h em.wjtl {
    background-position: -86px -174px;
}

.xs-c4-l-h em.wjsq {
    background-position: -23px -232px;
}

.xs-c4-l-h h2 {
    width: 100px;
    height: 32px;
    line-height: 32px;
    font-size: 18px;
    font-weight: bold;
    float: left;
    display: inline-block
}

.xs-c4-l-h .wypl {
    width: 155px;
    height: 28px;
    line-height: 28px;
    background: #6b9af6;
    border-radius: 14px;
    -moz-border-radius: 14px;
    -webkit-border-radius: 14px;
    text-align: center;
    float: right;
    margin-top: 2px;
    display: inline-block;
    cursor: pointer
}

.xs-c4-l-h .wypl i {
    width: 15px;
    height: 15px;
    background-position: -157px -183px;
    float: left;
    margin-left: 25px;
    margin-top: 6px;
    display: inline-block
}

.xs-c4-l-h .wypl p {
    width: 100px;
    height: 28px;
    line-height: 28px;
    color: #fff;
    float: right;
    display: inline-block;
    text-align: left
}

.xs-c4-l-h .wypl p:hover {
    color: #f64d4d
}

.xs-c4-l-h .sqpl {
    width: 160px;
    height: 28px;
    line-height: 28px;
    background: #6b99f6;
    border-radius: 14px;
    text-align: center;
    float: right;
    margin-top: 2px;
    display: inline-block;
    cursor: pointer
}

.xs-c4-l-h .sqpl i {
    width: 15px;
    height: 15px;
    background: url(../images/sqpl.png) no-repeat;
    background-size: cover;
    float: left;
    margin-left: 15px;
    margin-top: 6px;
    display: inline-block
}

.xs-c4-l-h .sqpl p {
    width: 120px;
    height: 28px;
    line-height: 28px;
    color: #fff;
    float: right;
    display: inline-block;
    text-align: left
}

.xs-c4-l-h .sqpl p:hover {
    color: #f64d4d
}

.xs-c4-l-h a.more {
    width: 105px;
    height: 26px;
    line-height: 26px;
    border: #6b9af6 1px solid;
    border-radius: 13px;
    -moz-border-radius: 13px;
    -webkit-border-radius: 13px;
    text-align: center;
    float: right;
    margin-top: 2px;
    display: inline-block
}

.xs-c4-l-h a.more:link {
    color: #6b9af6
}

.xs-c4-l-h a.more:visited {
    color: #6b9af6
}

.xs-c4-l-h a.more:hover {
    color: #fff;
    background: #6b9af6
}

.xs-c4-l-h a.more:active {
    color: #6b9af6
}

.xs-c4-l-one {
    width: 100%;
    height: 130px;
    border: #6b9af6 1px solid;
    border-radius: 15px;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    margin-top: 20px;
    margin-bottom: 10px;
    background: #fff
}

.xs-c4-l-one a:link {
    color: #6b9af6
}

.xs-c4-l-one a:visited {
    color: #6b9af6
}

.xs-c4-l-one a:hover {
    color: #f64d4d
}

.xs-c4-l-one a:active {
    color: #6b9af6
}

.xs-c4-l-one-pic {
    width: 192px;
    height: 96px;
    float: left;
    margin-top: 15px;
    margin-left: 20px;
    display: inline
}

.xs-c4-l-one-pic img {
    width: 100%;
    height: 100%;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px
}

.xs-c4-l-one-tit {
    width: 553px;
    height: 36px;
    line-height: 36px;
    float: left;
    margin-top: 15px;
    margin-left: 15px;
    display: inline;
    font-size: 18px;
    font-weight: bold
}

.xs-c4-l-one-tit em {
    width: 27px;
    height: 24px;
    background-position: -378px -176px;
    float: left;
    margin-top: 6px;
    display: inline-block
}

.xs-c4-l-one-tit a {
    width: 518px;
    float: right;
    display: inline-block
}

.xs-c4-l-one-con {
    width: 518px;
    height: 52px;
    line-height: 26px;
    overflow: hidden;
    float: left;
    margin-left: 50px;
    display: inline
}

.xs-c4-l-con {
    width: 750px;
    height: auto;
    display: block;
    border-radius: 15px;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    margin-top: 20px;
    margin-bottom: 10px;
    background: #fff;
    padding: 4px
}

#ali_comment_if_content {
    width: 100%;
    height: 30px;
    line-height: 30px;
    background: #dbe3f5;
    color: #6b9af6;
    text-align: center
}

.xs-c4-l-con-h {
    width: 100%;
    height: 28px;
    margin-bottom: 20px;
    border-radius: 15px;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    border: #6b9af6 1px solid;
    display: inline-block
}

.xs-c4-l-con-h li {
    width: 25%;
    height: 28px;
    line-height: 28px;
    color: #6b9af6;
    cursor: pointer;
    float: left;
    text-align: center
}

.xs-c4-l-con-h li.curr {
    background: #6b9af6;
    color: #fff;
    border-radius: 15px;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px
}

.xs-c4-l-con-n {
    width: 100%;
    height: 26px;
    margin-bottom: 10px;
    display: inline-block
}

.xs-c4-l-con-n li {
    width: 46px;
    height: 24px;
    line-height: 24px;
    border-bottom: #fff 2px solid;
    float: left;
    margin-right: 10px;
    display: inline;
    cursor: pointer
}

.xs-c4-l-con-n li.curr {
    height: 24px;
    line-height: 24px;
    border-bottom: #6b9af6 2px solid;
    color: #6b9af6
}

.xs-c4-l-con-one {
    width: 100%;
    height: auto;
    display: table;
    margin-top: 10px
}

.xs-c4-l-con-one-l {
    width: 40px;
    float: left;
    position: relative;
}

.xs-c4-l-con-one-l img {
    width: 40px;
    height: 40px;
    border-radius: 20px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px
}

.xs-c4-l-con-one-r {
    width: 690px;
    float: right
}

.xs-c4-l-con-one-r-t {
    width: 100%;
    height: 40px
}

.u-name {
    height: 40px;
    line-height: 40px;
    float: left;
    color: #689bec
}

.wjx {
    width: 20px;
    height: 20px;
    float: left;
    margin-top: 10px;
    margin-left: 5px;
    display: inline;
    background-position: -416px -875px
}

.bkx {
    width: 20px;
    height: 20px;
    float: left;
    margin-top: 10px;
    margin-left: 5px;
    display: inline;
    background-position: -441px -875px
}

.kpx {
    width: 20px;
    height: 20px;
    float: left;
    margin-top: 10px;
    margin-left: 5px;
    display: inline;
    background-position: -465px -875px
}

.zyx {
    width: 20px;
    height: 20px;
    float: left;
    margin-top: 10px;
    margin-left: 5px;
    display: inline;
    background-position: -489px -875px
}

.dyx {
    width: 20px;
    height: 20px;
    float: left;
    margin-top: 10px;
    margin-left: 5px;
    display: inline;
    background-position: -512px -875px
}

.mzzx {
    width: 20px;
    height: 20px;
    float: left;
    margin-top: 10px;
    margin-left: 5px;
    display: inline;
    background-position: -536px -875px
}

.ydzx {
    width: 20px;
    height: 20px;
    float: left;
    margin-top: 10px;
    margin-left: 5px;
    display: inline;
    background-position: -560px -875px
}

.u-level {
    display: none;
    width: 115px;
    height: 22px;
    float: left;
    margin-top: 9px;
    margin-left: 5px;
}

.level1 {
    background-position: -23px -889px
}

.level2 {
    background-position: -23px -919px
}

.level3 {
    background-position: -23px -949px
}

.level4 {
    background-position: -23px -979px
}

.level5 {
    background-position: -23px -1009px
}

.level6 {
    background-position: -23px -1039px
}

.level7 {
    background-position: -23px -1069px
}

.level8 {
    background-position: -23px -1099px
}

.level9 {
    background-position: -23px -1129px
}

.level10 {
    background-position: -23px -1159px
}

.u-slt {
    width: 46px;
    height: 20px;
    text-align: center;
    float: left;
    margin-top: 10px;
    margin-left: 5px;
    display: inline
}

.u-slt em {
    width: 44px;
    height: 18px;
    line-height: 18px;
    border: #6b9af6 1px solid;
    border-radius: 9px;
    -moz-border-radius: 9px;
    -webkit-border-radius: 9px;
    color: #6b9af6;
    display: block;
    font-size: 12px
}

.u-slt i {
    width: 44px;
    height: 18px;
    line-height: 18px;
    border: #a2a2a2 1px solid;
    border-radius: 9px;
    -moz-border-radius: 9px;
    -webkit-border-radius: 9px;
    color: #a2a2a2;
    display: block;
    font-size: 12px
}

.u-vote {
    width: 100px;
    height: 18px;
    float: left;
    margin-left: 5px;
    margin-top: 11px;
    display: inline
}

.u-vote span {
    width: 8px;
    height: 18px;
    float: left;
    display: inline-block
}

.u-vote span.slgray {
    background-position: -301px -135px;
    margin-left: 4px
}

.u-vote span.slorange {
    background-position: -281px -135px;
    margin-left: 4px
}

.u-vote span.srgray {
    background-position: -309px -135px
}

.u-vote span.srorange {
    background-position: -289px -135px
}

.u-tj {
    width: 71px;
    height: 20px;
    float: right;
    margin-top: 10px;
    display: inline
}

.u-tj em {
    width: 71px;
    height: 20px;
    background-position: -215px -179px;
    display: block
}

.u-tj i {
    width: 71px;
    height: 20px;
    background-position: -215px -225px;
    display: block
}

.xs-c4-l-con-one-r-c {
    width: 650px;
    height: auto;
    padding: 20px;
    display: table;
    position: relative;
    background: #ededed;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px
}

.xs-c4-l-con-one-r-c em {
    width: 9px;
    height: 15px;
    position: absolute;
    left: -9px;
    top: 10px;
    background-position: -425px -648px
}

.xs-c4-l-con-one-r-c-nr {
    width: 100%;
    line-height: 22px;
    color: #666;
    word-break: break-all;
}

.xs-c4-l-con-one-r-c-btn {
    width: 100%;
    height: 40px;
    border-bottom: #a3a3a3 1px dotted
}

.xs-c4-l-con-one-r-c-btn i {
    width: 98px;
    height: 24px;
    line-height: 24px;
    border: #aaa 1px solid;
    border-radius: 12px;
    -moz-border-radius: 12px;
    -webkit-border-radius: 12px;
    text-align: center;
    float: right;
    cursor: pointer;
    color: #aaa;
    margin-top: 8px
}

.xs-c4-l-con-one-r-c-btn i:hover {
    border: #6b9af6 1px solid;
    color: #6b9af6
}

.xs-c4-l-con-one-r-c-ss {
    width: 100%;
    height: auto;
    display: table
}

.xs-c4-l-con-one-r-c-hf {
    width: 100%;
    height: auto;
    display: table;
    margin-top: 10px
}

.xs-c4-l-con-one-r-c-hf-l {
    width: 30px;
    height: 30px;
    float: left;
    position: relative;
}

.xs-c4-l-con-one-r-c-hf-l img {
    width: 30px;
    height: 30px;
    border-radius: 15px;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px
}

.xs-c4-l-con-one-r-c-hf-r {
    width: 610px;
    height: auto;
    float: right
}

.xs-c4-l-con-one-r-c-hf-r-t {
    width: 100%;
    height: auto;
    line-height: 20px;
    color: #666
}

.xs-c4-l-con-one-r-c-hf-r-t font {
    color: #689bec
}

.xs-c4-l-con-one-r-c-hf-r-t i {
    color: #689bec
}

.xs-c4-l-con-one-r-c-hf-r-f {
    width: 100%;
    height: 14px;
    line-height: 14px;
    text-align: right
}

.xs-c4-l-con-one-r-c-hf-r-f span {
    font-size: 12px;
    color: #aaa;
    margin-left: 5px
}

.xs-c4-l-con-one-r-c-hf-r-f span.hf {
    cursor: pointer
}

.xs-c4-l-con-one-r-c-more {
    width: 100%;
    height: auto
}

.xs-c4-l-con-one-r-c-gd {
    width: 100%;
    height: 26px;
    line-height: 26px;
    margin-top: 10px
}

.xs-c4-l-con-one-r-c-gd span {
    float: left
}

.xs-c4-l-con-one-r-c-gd span font {
    color: #fdbb1f
}

.xs-c4-l-con-one-r-c-gd span p {
    color: #6b9af6;
    display: inline-block;
    cursor: pointer
}

.xs-c4-l-con-one-r-c-gd i {
    width: 98px;
    height: 24px;
    line-height: 24px;
    border: #6b9af6 1px solid;
    border-radius: 12px;
    -moz-border-radius: 12px;
    -webkit-border-radius: 12px;
    text-align: center;
    float: right;
    cursor: pointer;
    color: #6b9af6
}

.xs-c4-l-con-one-r-c-gd i:hover {
    background: #6b9af6;
    color: #fff
}

.comment-hfcontent-page {
    width: 540px;
    height: 26px;
    line-height: 26px;
    overflow: hidden;
    float: left
}

.comment-hfcontent-page a {
    cursor: pointer;
    height: 26px;
    line-height: 26px;
    padding: 0 2px;
    color: #6b9af6
}

.ali-comment-huifu-input {
    width: 100%;
    height: auto
}

.xs-c4-l-con-one-r-f {
    width: 100%;
    height: 14px;
    line-height: 14px;
    padding: 5px 0;
    text-align: right;
    margin-top: 5px
}

.xs-c4-l-con-one-r-f font {
    color: #fdbb1f;
    font-size: 12px;
    margin-left: 2px
}

.xs-c4-l-con-one-r-f span {
    height: 14px;
    line-height: 14px;
    color: #aaa;
    font-size: 12px;
    margin-left: 10px;
    display: inline-block
}

.xs-c4-l-con-one-r-f span.ding {
    width: 14px;
    height: 14px
}

.xs-c4-l-con-one-r-f span.cai {
    width: 14px;
    height: 14px
}

.xs-c4-l-con-one-r-f span.ali-evt-reply-lz, .xs-c4-l-con-one-r-c-hf-r-f span.ali-evt-reply-plz, .xs-c4-l-con-one-r-f span.ali-action-ding, .xs-c4-l-con-one-r-f span.ali-action-cai {
    cursor: pointer
}

.xs-c4-l-con-one-r-f span.ali-click-jb-gw {
    display: inline !important;
}

.ali-click-jb-gw {
    display: inline !important;
    padding-left: 15px;
    color: #969696;
    background: url(https://comment.ali213.net/images/jbicon.png) no-repeat;
    cursor: pointer;
    font-size: 12px;
}

.ali-comment-jbcon {
    width: 380px;
    height: 290px;
    border: #f0f0f0 1px solid;
    background: #fff;
    position: fixed;
    left: 50%;
    top: 50%;
    margin-left: -365px;
    margin-top: -145px;
    z-index: 102;
    display: none
}

.jbcon-head {
    width: 100%;
    height: 38px;
    line-height: 38px;
    text-align: left;
    text-indent: 1em;
    border-bottom: #f0f0f0 1px solid;
    font-size: 16px
}

.jbcon-head em {
    float: right;
    margin-right: 10px;
    margin-top: 10px;
    display: inline-block;
    height: 15px;
    width: 15px;
    cursor: pointer;
    background: url(https://comment.ali213.net/images/jbclose.png) no-repeat
}

.jbcon-body {
    width: 100%;
    height: 160px;
    text-align: center
}

.jbcon-body-radio {
    height: 74px;
    margin-left: 40px;
    text-align: left;
    margin-top: 20px
}

.jbcon-body-radio label {
    height: 12px;
    float: left;
    margin: 10px 40px 15px 0;
    display: inline-block
}

.jbcon-body-radio label input[type=radio] + span {
    display: inline-block;
    height: 10px;
    width: 10px;
    border-radius: 10px;
    border: #aaa 1px solid;
    background-color: transparent;
    cursor: pointer;
    margin-right: 5px
}

.jbcon-body-radio label input[type=radio] + span em {
    width: 6px;
    height: 6px;
    margin-left: 2px;
    border-radius: 6px;
    margin-top: 2px;
    display: block
}

.jbcon-body-radio label input[type=radio]:checked + span em {
    background-color: #ff8a00
}

.hidden-input {
    width: 12px;
    height: 12px;
    opacity: 0;
    position: absolute;
    z-index: -1
}

.jbcon-body-title {
    text-align: left;
    padding-left: 45px;
    font-size: 14px;
    margin-top: 10px
}

.jbcon-body-input {
    margin-top: 15px
}

.jbcon-body-input input {
    width: 282px;
    height: 30px;
    line-height: 30px;
    border: #f0f0f0 1px solid;
    text-align: left
}

.jbcon-foot {
    width: 100%;
    height: 40px;
    margin-top: 15px;
    text-align: center
}

.jbcon-foot i {
    width: 116px;
    height: 38px;
    line-height: 38px;
    font-size: 16px;
    border: #f60 1px solid;
    color: #f60;
    margin-left: 48px;
    float: left;
    display: inline-block;
    cursor: pointer
}

.jbcon-foot em {
    width: 116px;
    height: 38px;
    line-height: 38px;
    font-size: 16px;
    border: #f60 1px solid;
    background: #f60;
    color: #fff;
    margin-left: 48px;
    float: left;
    display: inline-block;
    cursor: pointer
}

.xs-c4-l-con-one-r-f span.ali-action-ding {
    cursor: pointer;
    width: 14px;
    height: 14px;
    background: url(https://comment.ali213.net/images/zan_A.png) no-repeat 0 2px
}

.xs-c4-l-con-one-r-f span.ali-action-cai {
    cursor: pointer;
    width: 14px;
    height: 14px;
    background: url(https://comment.ali213.net/images/cai_A.png) no-repeat 0 2px
}

.xs-c4-l-con-one-r-f span.ali-action-ding:hover {
    background: url(https://comment.ali213.net/images/zan_B.png) no-repeat 0 2px
}

.xs-c4-l-con-one-r-f span.ali-action-cai:hover {
    background: url(https://comment.ali213.net/images/cai_B.png) no-repeat 0 2px
}

.xs-c4-l-con-one-r-f span.ali-yd {
    background: url(https://comment.ali213.net/images/zan_g.png) no-repeat 0 2px
}

.xs-c4-l-con-one-r-f span.ali-yc {
    background: url(https://comment.ali213.net/images/cai_g.png) no-repeat 0 2px
}

.xs-c4-l-con-steam {
    width: 100%;
    height: auto;
    background: #b9c1d3;
    display: none;
    margin-top: 10px
}

.xs-c4-l-con-steam-t {
    width: 100%;
    height: 50px;
    margin-top: 10px;
    background: #546a81
}

.xs-c4-l-con-steam-t-l {
    width: 140px;
    height: 50px;
    float: left;
    margin-left: 30px;
    display: inline
}

.xs-c4-l-con-steam-t-l span {
    width: 100%;
    height: 30px;
    line-height: 30px;
    color: #fff;
    overflow: hidden;
    display: inline-block
}

.xs-c4-l-con-steam-t-l p {
    width: 100%;
    height: 20px;
    line-height: 20px;
    color: #e7e8ec;
    font-size: 12px;
    overflow: hidden;
    display: inline-block
}

.xs-c4-l-con-steam-t-r {
    width: 570px;
    height: 40px;
    background: #546a81;
    float: right;
    margin-top: 5px;
    display: inline
}

.xs-c4-l-con-steam-t-r em {
    width: 40px;
    height: 40px;
    float: left;
    display: inline-block;
    background-position: -681px -171px
}

.xs-c4-l-con-steam-t-r i {
    width: 40px;
    height: 40px;
    float: left;
    display: inline-block;
    background-position: -681px -234px
}

.xs-c4-l-con-steam-t-r p {
    width: 60px;
    height: 40px;
    line-height: 40px;
    color: #fff;
    text-align: center;
    float: left;
    display: inline-block
}

.xs-c4-l-con-steam-t-r font {
    width: 430px;
    height: 40px;
    line-height: 40px;
    overflow: hidden;
    color: #d2d5dc;
    float: left;
    display: inline-block
}

.xs-c4-l-con-steam-t-r span {
    width: 16px;
    height: 16px;
    float: right;
    margin-top: 12px;
    margin-right: 10px;
    display: inline-block;
    background-position: -692px -289px
}

.xs-c4-l-con-steam-f {
    width: 690px;
    height: auto;
    padding: 10px 30px;
    display: table
}

.xs-c4-l-con-steam-f span {
    width: 100%;
    line-height: 20px;
    overflow: hidden;
    display: inline-block;
    color: #546a81
}

.xs-c4-l-con-steam-f span p {
    margin-top: 20px
}

.xs-c4-l-con-steam-f em {
    float: right;
    color: #fff;
    margin-top: 10px;
    cursor: pointer;
    display: inline-block
}

.xs-c4-l-fc {
    width: 750px;
    height: auto;
    display: table;
    border-radius: 15px;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    margin-top: 20px;
    background: #fff;
    padding: 25px
}

.xs-c4-l-fc li {
    width: 100%;
    height: 40px;
    line-height: 40px;
    overflow: hidden
}

.xs-c4-l-fc li a {
    width: 420px;
    float: left;
    display: inline-block
}

.xs-c4-l-fc li a:link {
    color: #6b99f6
}

.xs-c4-l-fc li a:visited {
    color: #6b99f6
}

.xs-c4-l-fc li a:hover {
    color: #f64d4d
}

.xs-c4-l-fc li a:active {
    color: #6b99f6
}

.xs-c4-l-fc li span {
    width: 110px;
    float: left;
    margin-left: 10px;
    display: inline-block;
    color: #aaa
}

.xs-c4-l-fc li em {
    width: 90px;
    float: left;
    margin-left: 10px;
    display: inline-block;
    color: #aaa
}

.xs-c4-l-fc li i {
    width: 100px;
    float: right;
    margin-left: 10px;
    text-align: right;
    display: inline-block;
    color: #aaa
}

.xs-c4-l-fc li.line {
    height: 1px;
    background: #b6bdd0
}

.xs-c4-l-wjsq {
    width: 750px;
    height: auto;
    display: table;
    border-radius: 15px;
    margin-top: 20px;
    background: #fff;
    padding: 25px;
}

.xs-c4-l-wjsq-nav {
    width: 312px;
    height: 28px;
    border: #6b99f6 1px solid;
    border-radius: 15px;
}

.xs-c4-l-wjsq-nav li {
    width: 156px;
    height: 28px;
    line-height: 28px;
    float: left;
    text-align: center;
    color: #6b99f6;
    cursor: pointer;
}

.xs-c4-l-wjsq-nav li.curr {
    background: #6b99f6;
    border-radius: 15px;
    color: #fff;
}

.xs-c4-l-wjsq-con {
    width: 100%;
    height: auto;
    display: table;
}

.xs-c4-l-wjsq-con:last-child {
    display: none;
}

.xs-c4-l-wjsq-con .blank {
    width: 100%;
    height: 30px;
    line-height: 30px;
    background: #dbe3f5;
    color: #6b9af6;
    text-align: center;
    margin-top: 20px;
}

.xs-c4-l-wjsq-con-cpone {
    width: 100%;
    margin-top: 10px;
    display: none;
}

.xs-c4-l-wjsq-con-cpone-hd {
    width: 100%;
    height: 50px;
}

.xs-c4-l-wjsq-con-cpone-hd-img {
    width: 40px;
    height: 40px;
    float: left;
    margin-top: 5px;
    display: inline-block;
    position: relative;
}

.xs-c4-l-wjsq-con-cpone-hd-img img {
    width: 100%;
    height: 100%;
    border-radius: 50%;
}

.xs-c4-l-wjsq-con-cpone-hd-con {
    width: 695px;
    height: 50px;
    float: right;
}

.xs-c4-l-wjsq-con-cpone-hd-con-t {
    width: 50%;
    height: 50px;
    float: left;
}

.xs-c4-l-wjsq-con-cpone-hd-con-t span {
    height: 50px;
    line-height: 50px;
    color: #6b99f6
}

.xs-c4-l-wjsq-con-cpone-hd-con-t em {
    width: 58px;
    height: 22px;
    line-height: 22px;
    text-align: center;
    border: #6b99f6 1px solid;
    color: #6b99f6;
    font-size: 12px;
    border-radius: 5px;
    margin-left: 10px;
    display: inline-block;
}

.xs-c4-l-wjsq-con-cpone-hd-con-f {
    width: 50%;
    height: 50px;
    float: right;
}

.xs-c4-l-wjsq-con-cpone-hd-con-f-star {
    width: 100px;
    height: 18px;
    float: left;
}

.xs-c4-l-wjsq-con-cpone-hd-con-f-star span {
    width: 8px;
    height: 18px;
    float: left;
    display: inline-block;
}

.xs-c4-l-wjsq-con-cpone-hd-con-f-star span.slgray {
    background-position: -301px -135px;
    margin-left: 4px;
}

.xs-c4-l-wjsq-con-cpone-hd-con-f-star span.slorange {
    background-position: -281px -135px;
    margin-left: 4px;
}

.xs-c4-l-wjsq-con-cpone-hd-con-f-star span.srgray {
    background-position: -309px -135px;
}

.xs-c4-l-wjsq-con-cpone-hd-con-f-star span.srorange {
    background-position: -289px -135px;
}

.xs-c4-l-wjsq-con-cpone-hd-con-f-time {
    width: 100px;
    height: 50px;
    line-height: 50px;
    float: right;
    text-align: right;
    color: #aaa;
}

.xs-c4-l-wjsq-con-cpone-bd {
    width: 98%;
    box-sizing: border-box;
    margin: 10px auto 0;
    padding: 10px 15px;
    background: #ededed;
    border-radius: 10px;
}

.xs-c4-l-wjsq-con-cpone-bd span {
    width: 100%;
    height: 26px;
    line-height: 26px;
    overflow: hidden;
    font-size: 16px;
    font-weight: bold;
    display: inline-block;
    color: #404040;
}

.xs-c4-l-wjsq-con-cpone-bd p {
    width: 100%;
    line-height: 18px;
    font-size: 14px;
    overflow: hidden;
    display: inline-block;
}

.xs-c4-l-wjsq-con-cpone-bd a {
    width: 56px;
    height: 16px;
    line-height: 16px;
    text-align: right;
    font-size: 14px;
    font-weight: bold;
    overflow: hidden;
    display: inline-block;
    cursor: pointer;
    float: right;
}

.xs-c4-l-wjsq-con-tlone {
    width: 98%;
    height: 90px;
    margin: 20px auto 0;
    background: #f5f5f5;
    padding: 10px 15px;
    box-sizing: border-box;
    border-radius: 10px;
}

.xs-c4-l-wjsq-con-tlone-t {
    width: 100%;
    height: 30px;
    line-height: 30px;
    overflow: hidden;
    font-size: 16px;
    font-weight: bold;
    color: #404040;
    cursor: pointer;
}

.xs-c4-l-wjsq-con-tlone:hover .xs-c4-l-wjsq-con-tlone-t {
    color: #f60;
}

.xs-c4-l-wjsq-con-tlone-f {
    width: 100%;
    height: 24px;
    margin-top: 10px;
}

.xs-c4-l-wjsq-con-tlone-f-img {
    width: 24px;
    height: 24px;
    float: left;
    display: inline-block;
    position: relative;
}

.xs-c4-l-wjsq-con-tlone-f-img img {
    width: 100%;
    height: 100%;
    border-radius: 50%;
}

.xs-c4-l-wjsq-con-tlone-f-tit {
    width: 240px;
    height: 24px;
    line-height: 24px;
    color: #6b99f6;
    float: left;
    margin-left: 10px;
    display: inline-block;
}

.xs-c4-l-wjsq-con-tlone-f-num {
    width: 70px;
    height: 24px;
    line-height: 24px;
    color: #404040;
    float: right;
    font-size: 16px;
    margin-right: 20px;
    display: inline-block;
    background: url(../images/discuss.png) no-repeat left center;
    background-size: 24px 24px;
    text-indent: 25px;
}

.xs-c4-l-wjsq-con-tlone-f-tim {
    width: 100px;
    height: 24px;
    line-height: 24px;
    color: #767676;
    float: right;
    text-align: right;
    display: inline-block;
}

.xs-c4-r {
    width: 335px;
    height: auto;
    float: right
}

.xs-c4-r-h {
    width: 100%;
    height: 20px;
    margin-top: 30px;
    padding: 10px 0;
    border-bottom: #bababa 1px dotted;
    display: inline-block
}

.xs-c4-r-h em {
    width: 21px;
    height: 20px;
    float: left;
    display: inline-block;
    background-position: -22px -134px
}

.xs-c4-r-h em.price {
    background: url(../images/price.jpg) no-repeat;
    background-size: cover;
}

.xs-c4-r-h em.steam {
    background: url(../images/steamicon.png) no-repeat;
    background-size: cover;
}

.xs-c4-r-h em.curve {
    background: url(../images/curve.png) no-repeat;
    background-size: cover;
}

.xs-c4-r-h i {
    width: 21px;
    height: 20px;
    float: left;
    display: inline-block;
    background-position: -67px -134px
}

.xs-c4-r-h h2 {
    height: 20px;
    line-height: 20px;
    text-indent: 10px;
    float: left;
    font-size: 18px;
    font-weight: bold
}

.xs-c4-r-h font {
    width: 21px;
    height: 20px;
    float: left;
    display: inline-block;
    background-position: -251px -890px
}

.xs-c4-r-h p {
    width: 21px;
    height: 20px;
    float: left;
    display: inline-block;
    background-position: -251px -930px
}

.xs-c4-r-h .change {
    width: 60px;
    height: 13px;
    line-height: 13px;
    float: right;
    text-indent: 2px;
    color: #999;
    margin-top: 3px;
    display: inline;
    cursor: pointer
}

.xs-c4-r-h .change em {
    width: 15px;
    height: 13px;
    float: left;
    background: url(../images/changeicon.png) no-repeat
}

@-webkit-keyframes rotation {
    from {
        -webkit-transform: rotate(0deg)
    }
    to {
        -webkit-transform: rotate(360deg)
    }
}

.rotation {
    -webkit-transform: rotate(360deg);
    animation: rotation 500ms linear infinite;
    -moz-animation: rotation 500ms linear infinite;
    -webkit-animation: rotation 500ms linear infinite;
    -o-animation: rotation 500ms linear infinite;
}

.xs-c4-r-price {
    width: 100%;
    background: #fff;
    border-radius: 15px;
    padding: 15px;
    box-sizing: border-box;
    margin-top: 15px;
}

.xs-c4-r-price-steam, .xs-c4-r-price-epic, .xs-c4-r-price-fhyx {
    width: 100%;
    height: 60px;
    border-bottom: #f0f0f0 1px dashed;
}

.xs-c4-r-price-steam img, .xs-c4-r-price-epic img {
    width: 32px;
    height: 32px;
    float: left;
    margin: 14px 10px 0 0;
    display: inline;
}

.xs-c4-r-price-steam span, .xs-c4-r-price-epic span {
    width: 160px;
    height: 60px;
    line-height: 60px;
    float: left;
    font-weight: bold;
}

.xs-c4-r-price-steam em, .xs-c4-r-price-epic em {
    width: 90px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    float: right;
}

.xs-c4-r-price-fhyx {
    border-bottom: 0;
}

.xs-c4-r-price-fhyx img {
    width: 32px;
    height: 32px;
    float: left;
    margin: 14px 10px 0 0;
    display: inline;
}

.xs-c4-r-price-fhyx span {
    width: 90px;
    height: 60px;
    line-height: 60px;
    float: left;
    font-weight: bold;
}

.xs-c4-r-price-fhyx em {
    width: 98px;
    height: 60px;
    line-height: 60px;
    /* text-align:
			center; */
    float: left;
    color: #f76341;
    font-weight: bold;
    font-size: 16px;
    position: relative;
    letter-spacing: -1px;
    text-align: right;
}

.xs-c4-r-price-fhyx em .coupon {
    width: 42px;
    height: 18px;
    border-radius: 4px;
    text-align: center;
    color: #f76341;
    font-size: 12px;
    display: block;
    line-height: 18px;
    left: -10px;
    top: 20px;
    position: absolute;
    letter-spacing: 0;
}

.xs-c4-r-price-fhyx em .dis {
    width: 38px;
    height: 18px;
    background-color: #4ab282;
    border-radius: 4px;
    text-align: center;
    color: #ffffff;
    font-size: 12px;
    display: block;
    line-height: 18px;
    left: -10px;
    top: 21px;
    position: absolute;
    letter-spacing: 0;
}

.xs-c4-r-price-fhyx em .op {
    width: 100%;
    height: 18px; /* background-color: #4ab282; */
    border-radius: 4px;
    text-align: center;
    color: #b2b2b2;
    text-align: right;
    font-size: 12px;
    display: block;
    line-height: 18px;
    right: 0;
    top: 39px;
    position: absolute;
    text-decoration: line-through;
    letter-spacing: 0;
}

.xs-c4-r-price-fhyx a {
    width: 60px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    background: #f86916;
    color: #fff;
    float: right;
    margin-top: 15px;
    text-align: center;
    display: inline-block;
    border-radius: 15px;
}

.xs-c4-r-steam {
    width: 100%;
    height: 72px;
    background: #fff;
    border-radius: 15px;
    padding: 10px 15px;
    box-sizing: border-box;
    margin-top: 15px;
}

.xs-c4-r-steam img {
    width: 32px;
    height: 32px;
    float: left;
    margin: 10px 3px 0 0;
    display: inline;
}

.xs-c4-r-steam span {
    width: 90px;
    height: 100%;
    float: left;
    display: inline-block;
}

.xs-c4-r-steam span em {
    width: 100%;
    height: 26px;
    line-height: 26px;
    text-align: center;
    float: left;
    font-weight: bold;
    overflow: hidden;
}

.xs-c4-r-steam span i {
    width: 100%;
    height: 26px;
    line-height: 26px;
    text-align: center;
    float: left;
}

.xs-c4-r-curve {
    width: 100%;
    height: 200px;
    background: #fff;
    border-radius: 15px;
    padding: 15px;
    box-sizing: border-box;
    margin-top: 15px;
}

.xs-c4-r-n {
    width: 100%;
    height: 30px;
    margin-top: 10px;
}

.xs-c4-r-n-l {
    width: 35px;
    height: 30px;
    line-height: 30px;
    float: left;
    display: inline;
    font-weight: bold;
}

.xs-c4-r-n-c {
    width: 30px;
    height: 30px;
    line-height: 30px;
    float: left;
    margin-left: 90px;
    display: inline;
    font-weight: bold;
}

.xs-c4-r-n-r {
    width: 150px;
    height: 30px;
    line-height: 30px;
    float: left;
    margin-left: 30px;
    display: inline;
    font-weight: bold;
    text-align: center;
}

.xs-c4-r-co {
    width: 100%;
    height: 22px;
    margin: 10px 0
}

.xs-c4-r-co-l {
    width: 35px;
    height: 22px;
    line-height: 22px;
    float: left;
    display: inline;
    font-weight: bold;
    color: #4c4c4c
}

.xs-c4-r-co .pc {
    background-position: -22px -526px
}

.xs-c4-r-co .ps2 {
    background-position: -69px -526px
}

.xs-c4-r-co .ps3 {
    background-position: -69px -526px
}

.xs-c4-r-co .ps4, .xs-c4-r-co .ps5 {
    background-position: -69px -526px
}

.xs-c4-r-co .psv {
    background-position: -230px -526px
}

.xs-c4-r-co .psp {
    background-position: -230px -526px
}

.xs-c4-r-co .xone, .xs-c4-r-co .xboxseriesx {
    background-position: -127px -526px
}

.xs-c4-r-co .x360 {
    background-position: -127px -526px
}

.xs-c4-r-co .wii {
    background-position: -178px -526px
}

.xs-c4-r-co .wiiu {
    background-position: -178px -526px
}

.xs-c4-r-co .ds3 {
    background-position: -280px -526px
}

.xs-c4-r-co .switch {
    background-position: -337px -526px
}

.xs-c4-r-co .htc {
    background-position: -23px -569px
}

.xs-c4-r-co .oculus {
    background-position: -72px -569px
}

.xs-c4-r-co .vr {
    background-position: -127px -563px
}

.xs-c4-r-line {
    width: 100%;
    height: 1px;
    margin-top: 5px;
    padding-bottom: 5px
}

.xs-c4-r-line i {
    width: 50%;
    height: 100%;
    background: -webkit-linear-gradient(90deg, #e1e1e1, #d5d5d5);
    background: -o-linear-gradient(90deg, #e1e1e1, #d5d5d5);
    background: -moz-linear-gradient(90deg, #e1e1e1, #d5d5d5);
    background: linear-gradient(90deg, #e1e1e1, #d5d5d5);
    display: inline-block
}

.xs-c4-r-line em {
    width: 50%;
    height: 100%;
    background: -webkit-linear-gradient(-90deg, #e1e1e1, #d5d5d5);
    background: -o-linear-gradient(-90deg, #e1e1e1, #d5d5d5);
    background: -moz-linear-gradient(-90deg, #e1e1e1, #d5d5d5);
    background: linear-gradient(-90deg, #e1e1e1, #d5d5d5);
    display: inline-block
}

.xs-c4-r-co-c {
    width: 30px;
    height: 22px;
    line-height: 22px;
    float: left;
    margin-left: 90px;
    display: inline
}

.xs-c4-r-co-r {
    width: 150px;
    height: 22px;
    line-height: 22px;
    float: left;
    margin-left: 30px;
    display: inline;
    text-align: center;
}

.xs-c4-r-cn {
    width: 100%;
    height: 30px;
    margin-top: 15px
}

.xs-c4-r-cn li {
    width: 111px;
    height: 30px;
    line-height: 30px;
    float: left;
    text-align: center;
    cursor: pointer
}

.xs-c4-r-cn li.curr {
    color: #fff;
    background: #6b9af6;
    border-radius: 15px;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px
}

.xs-c4-r-c {
    width: 100%;
    height: auto;
    position: relative;
    overflow: hidden
}

.xs-c4-r-c-one {
    width: 100%;
    height: auto;
    display: table;
    margin-top: 10px
}

.xs-c4-r-c-one-l {
    width: 60px;
    line-height: 40px;
    float: left
}

.xs-c4-r-c-one-r {
    width: 260px;
    line-height: 40px;
    float: right
}

.xs-c4-r-c-li {
    width: 158px;
    height: 240px;
    margin-top: 20px;
    display: inline
}

.xs-c4-r-c-li img {
    width: 158px;
    height: 210px
}

.xs-c4-r-c-li span {
    width: 158px;
    height: 20px;
    line-height: 20px;
    margin-top: 10px;
    overflow: hidden;
    display: block;
    text-align: center
}

.xs-c4-r-c-zk {
    width: 100%;
    height: 180px;
    position: absolute;
    left: 0;
    bottom: 0;
    background: url(../images/xs_gradient.png) no-repeat
}

.xs-c4-r-c-zk span {
    height: 20px;
    line-height: 20px;
    text-align: center;
    padding-top: 160px;
    cursor: pointer;
    display: block
}

.xs-c4-r-c-sq {
    width: 100%;
    height: 20px;
    line-height: 20px;
    text-align: center;
    display: none;
    clear: both;
    padding-top: 20px
}

.xs-c4-r-c-sq span {
    height: 20px;
    line-height: 20px;
    text-align: center;
    cursor: pointer;
    display: block
}

.xs-pf-box {
    width: 630px;
    height: 410px;
    padding: 20px;
    position: fixed;
    left: 50%;
    top: 50%;
    margin-left: -335px;
    margin-top: -225px;
    background: #fafafa;
    border-radius: 5px;
    z-index: 99999
}

.xs-pf-box-close {
    width: 20px;
    height: 20px;
    position: absolute;
    top: 13px;
    right: 13px;
    cursor: pointer;
    background-position: -590px -484px;
    z-index: 1
}

.xs-pf-box-con {
    width: 100%;
    height: 80px;
    position: relative
}

.xs-pf-box-con-t {
    width: 100%;
    height: 34px
}

.xs-pf-box-con-t label {
    width: 120px;
    height: 34px;
    float: left;
    margin-right: 30px;
    display: inline-block
}

.xs-pf-box-con-t label input {
    width: 120px;
    height: 34px;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    opacity: 0;
    z-index: -1;
    position: absolute
}

.xs-pf-box-con-t label em {
    width: 118px;
    height: 32px;
    line-height: 32px;
    border: #6b9af6 1px solid;
    border-radius: 16px;
    -moz-border-radius: 16px;
    -webkit-border-radius: 16px;
    color: #6b9af6;
    text-align: center;
    display: inline-block;
    cursor: pointer
}

.xs-pf-box-con-t label.gray em, .xs-pf-box-con-t label.gray em:hover {
    border-color: #ccc;
    background: #ccc;
    color: #333;
    cursor: inherit
}

.xs-pf-box-con-t label em:hover {
    border-color: #6b9af6;
    color: #6b9af6
}

.xs-pf-box-con-t label input[type=radio]:checked + em {
    border-color: #6b9af6;
    background: #6b9af6;
    color: #fff
}

.xs-pf-box-con-c {
    width: 100%;
    height: 26px;
    margin-top: 15px
}

.xs-pf-box-con-c-l {
    width: 50px;
    height: 26px;
    line-height: 26px;
    float: left;
    color: #ccc
}

.xs-pf-box-con-c-r {
    width: 580px;
    height: 26px;
    line-height: 26px;
    color: #333;
    float: right;
    display: inline
}

.xs-pf-box-dp {
    width: 628px;
    height: 252px;
    background: #fff;
    border: #c3c3c3 1px solid;
    margin-top: 10px
}

.xs-pf-box-dp textarea {
    width: 618px;
    height: 242px;
    line-height: 22px;
    font-size: 14px;
    border: 0;
    padding: 5px;
    resize: none;
    border-radius: 2px
}

.xs-pf-box-tag {
    width: 100%;
    height: 40px;
    margin-top: 20px
}

.xs-pf-box-tag-l {
    width: 300px;
    height: 40px;
    float: left
}

.xs-pf-box-tag-l-l {
    width: 150px;
    height: 27px;
    margin-top: 6px;
    float: left;
    display: inline
}

.xs-pf-box-tag-l-l span {
    width: 12px;
    height: 27px;
    float: left;
    cursor: pointer;
    display: inline-block
}

.xs-pf-box-tag-l-l span.lorange {
    background-position: -23px -24px;
    margin-left: 5px
}

.xs-pf-box-tag-l-l span.rorange {
    background-position: -35px -24px
}

.xs-pf-box-tag-l-l span.lgray {
    background-position: -53px -24px;
    margin-left: 5px
}

.xs-pf-box-tag-l-l span.rgray {
    background-position: -65px -24px
}

.xs-pf-box-tag-l-r {
    width: 140px;
    height: 40px;
    line-height: 40px;
    float: left;
    text-align: center
}

.xs-pf-box-tag-r {
    width: 145px;
    height: 40px;
    line-height: 40px;
    color: #fff;
    font-size: 16px;
    float: right;
    border-radius: 20px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    background: #bcbcbc;
    text-align: center
}

.pfdpbtn {
    background: #6b9af6;
    cursor: pointer
}

.xs-msg-box {
    width: 304px;
    height: 198px;
    border: #d2d2d2 1px solid;
    position: fixed;
    left: 50%;
    margin-left: -153px;
    top: 50%;
    margin-top: -100px;
    background: #fafafa;
    z-index: 999999
}

.xs-msg-box-close {
    width: 20px;
    height: 20px;
    position: absolute;
    top: 10px;
    right: 10px;
    background-position: -590px -484px;
    cursor: pointer
}

.xs-msg-box-msg {
    height: 30px;
    margin: 0 auto;
    margin-top: 65px;
    text-align: center;
    display: table
}

.xs-msg-box-msg .sucs {
    width: 30px;
    height: 30px;
    float: left;
    background-position: -526px -479px
}

.xs-msg-box-msg .faid {
    width: 30px;
    height: 30px;
    float: left;
    background-position: -526px -517px
}

.xs-msg-box-msg .text {
    height: 30px;
    line-height: 30px;
    float: left;
    margin-left: 5px;
    display: inline;
    omfont-size: 16px;
    color: #000
}

.xs-msg-box-btn {
    width: 110px;
    height: 28px;
    line-height: 28px;
    background: #2194ff;
    clear: both;
    border-radius: 14px;
    -moz-border-radius: 14px;
    -webkit-border-radius: 14px;
    text-align: center;
    margin: 0 auto;
    margin-top: 40px;
    color: #fff;
    cursor: pointer
}

.xs-msg-hb {
    width: 502px;
    height: 474px;
    position: fixed;
    top: 50%;
    margin-top: -237px;
    left: 50%;
    margin-left: -251px;
    z-index: 999999
}

.xs-msg-hb-chou {
    width: 100%;
    height: 100%;
    display: table;
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0
}

.xs-msg-hb-chou-open {
    width: 104px;
    height: 104px;
    margin-left: 193px;
    margin-top: 282px;
    cursor: pointer
}

.xs-msg-hb-show {
    width: 100%;
    height: 100%;
    background: url(../images/xs-hb.png) no-repeat -479px 0;
    display: table;
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0
}

.xs-msg-hb-show-close {
    width: 16px;
    height: 16px;
    margin-left: 398px;
    margin-top: 81px;
    cursor: pointer
}

.xs-msg-hb-show-money {
    width: 361px;
    height: 60px;
    margin-left: 66px;
    margin-top: 70px;
    color: #4d4d4c;
    font-size: 36px;
    text-align: center
}

.xs-msg-hb-show-money font {
    font-size: 56px;
    color: #c32c38
}

.xs-msg-hb-show-money span {
    font-size: 20px
}

.xs-msg-hb-show-scan {
    width: 220px;
    height: 49px;
    margin-left: 137px;
    margin-top: 153px;
    cursor: pointer
}

.xs-msg-hb-show-scan a {
    width: 100%;
    height: 100%;
    display: block
}

.fda {
    background: url(../images/xs-hb.png) no-repeat 59px 0;
    -webkit-animation: fda 600ms ease 0s alternate none 1;
    animation: fda 600ms ease 0s alternate none 1;
    transition-delay: 0s;
    opacity: 1
}

@-webkit-keyframes fda {
    from {
        -webkit-transform: scale(0) translate(251px, 237px);
        transform: scale(0) translate(251px, 237px)
    }
    to {
        -webkit-transform: scale(1) translate(0px);
        transform: scale(1) translate(0px)
    }
}

@keyframes fda {
    from {
        -webkit-transform: scale(0) translate(251px, 237px);
        transform: scale(0) translate(251px, 237px)
    }
    to {
        -webkit-transform: scale(1) translate(0px);
        transform: scale(1) translate(0px)
    }
}

.xs-left-nav {
    width: 51px;
    height: 248px;
    position: fixed;
    right: 50%;
    margin-right: -660px;
    top: 50%;
    margin-top: -124px
}

.xs-left-nav-pl {
    width: 45px;
    height: 45px;
    margin: 0 auto;
    background-position: -526px -647px;
    margin-top: 5px;
    cursor: pointer
}

.xs-left-nav-pl:hover {
    background-position: -611px -647px
}

.xs-left-nav-fk {
    width: 45px;
    height: 45px;
    margin: 0 auto;
    background-position: -611px -769px;
    margin-top: 5px;
    cursor: pointer
}

.xs-left-nav-fk:hover {
    background-position: -526px -769px
}

.xs-left-nav-top {
    width: 45px;
    height: 45px;
    margin: 0 auto;
    background-position: -526px -707px;
    margin-top: 5px;
    cursor: pointer
}

.xs-left-nav-hd {
    width: 51px;
    height: 98px;
    background: url(../images/xs-nav-top.gif) no-repeat;
    cursor: pointer;
    display: block
}

.new-ali213-feedback {
    width: 370px;
    height: 320px;
    overflow: hidden;
    border: 1px solid #ccc;
    background: #FFF;
    position: fixed;
    bottom: 5px;
    right: 2px;
    z-index: 99999
}

.new-ali213-feedback-title {
    width: 370px;
    height: 30px;
    overflow: hidden;
    line-height: 30px;
    text-align: left;
    border-bottom: 1px solid #f60
}

.new-ali213-feedback-title span {
    width: 100px;
    height: 30px;
    overflow: hidden;
    display: block;
    float: left;
    font-size: 16px;
    color: #f60
}

.new-ali213-feedback-title a {
    width: 20px;
    height: 20px;
    overflow: hidden;
    display: block;
    float: right;
    background-position: -590px -484px;
    margin: 5px 10px 0 0
}

.new-ali213-feedback-con {
    width: 330px;
    height: auto;
    overflow: hidden;
    margin: 0 auto
}

.new-ali213-feedback-list {
    width: 330px;
    height: auto;
    overflow: hidden
}

.new-ali213-feedback-list .f-left {
    width: 70px;
    height: auto;
    overflow: hidden;
    float: left;
    text-align: left;
    line-height: 20px;
    font-size: 14px
}

.new-ali213-feedback-list .f-left p {
    font-size: 14px
}

.new-ali213-feedback-list .f-right {
    width: 260px;
    height: auto;
    overflow: hidden;
    float: right
}

.new-ali213-feedback-list .f-right textarea {
    width: 245px;
    height: 130px;
    overflow: hidden;
    vertical-align: top;
    resize: none;
    padding-left: 5px;
    font-size: 12px;
    display: inline-block;
    color: #9a9a9a;
    border: 1px solid #ccc;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border linear .2s, box-shadow linear .2s;
    -moz-transition: border linear .2s, box-shadow linear .2s;
    -ms-transition: border linear .2s, box-shadow linear .2s;
    -o-transition: border linear .2s, box-shadow linear .2s;
    transition: border linear .2s, box-shadow linear .2s
}

.new-ali213-feedback-list .f-right input {
    width: 245px;
    height: 30px;
    line-height: 30px;
    overflow: hidden;
    vertical-align: top;
    resize: none;
    padding-left: 5px;
    font-size: 12px;
    display: inline-block;
    color: #9a9a9a;
    border: 1px solid #ccc;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border linear .2s, box-shadow linear .2s;
    -moz-transition: border linear .2s, box-shadow linear .2s;
    -ms-transition: border linear .2s, box-shadow linear .2s;
    -o-transition: border linear .2s, box-shadow linear .2s;
    transition: border linear .2s, box-shadow linear .2s
}

.new-ali213-feedback-error {
    width: 330px;
    height: 25px;
    overflow: hidden;
    line-height: 25px;
    text-align: center;
    color: #F00
}

.new-ali213-feedback-sub {
    width: 330px;
    height: 25px;
    overflow: hidden;
    text-align: center;
    line-height: 25px
}

.new-ali213-feedback-sub a:link {
    width: 75px;
    height: 25px;
    overflow: hidden;
    display: block;
    margin: 0 auto;
    background: #f60;
    color: #fff;
    border-radius: 3px
}

.new-ali213-feedback-sub a:hover {
    width: 75px;
    height: 25px;
    overflow: hidden;
    display: block;
    margin: 0 auto;
    background: #fcbd01;
    color: #fff;
    border-radius: 3px
}

.new-ali213-feedback-sub a:visited {
    width: 75px;
    height: 25px;
    overflow: hidden;
    display: block;
    margin: 0 auto;
    background: #f60;
    color: #fff;
    border-radius: 3px
}

.dpn {
    display: none
}

.alifoot {
    width: 100%;
    height: 217px;
    background: #1e222d;
    border-top: #22a1f2 3px solid;
    margin-top: 20px
}

.alifoot-con {
    width: 1200px;
    height: 160px;
    line-height: 30px;
    text-align: center;
    color: #a8a8a8;
    margin: 0 auto;
    margin-top: 57px
}

.alifoot-con a:link {
    color: #a8a8a8
}

.alifoot-con a:visited {
    color: #a8a8a8
}

.alifoot-con a:hover {
    color: #f64d4d
}

.alifoot-con a:active {
    color: #a8a8a8
}

.txbg {
    display: none;
    position: absolute;
    width: 60px !important;
    height: 60px !important;
    margin: auto;
    top: -10px;
    left: 50%;
    margin-left: -30px;
}

.smtxbg {
    display: none;
    position: absolute;
    width: 40px !important;
    height: 40px !important;
    margin: auto;
    top: -4px;
    left: 50%;
    margin-left: -20px;
}

.u-level-new {
    float: left;
    padding: 0 10px;
    border-radius: 10px;
    font-weight: bold;
    margin: 10px 10px;
    color: #fff;
}

.u-level-new.level-new-1 {
    background: -webkit-linear-gradient(#d1d1d1, #666666);
    background: -o-linear-gradient(#d1d1d1, #666666);
    background: -moz-linear-gradient(#d1d1d1, #666666);
    background: linear-gradient(#d1d1d1, #666666);
}

.u-level-new.level-new-2 {
    background: -webkit-linear-gradient(#54c5ff, #1a63b5);
    background: -o-linear-gradient(#54c5ff, #1a63b5);
    background: -moz-linear-gradient(#54c5ff, #1a63b5);
    background: linear-gradient(#54c5ff, #1a63b5);
}

.u-level-new.level-new-3 {
    background: -webkit-linear-gradient(#ffa454, #b54d1a);
    background: -o-linear-gradient(#ffa454, #b54d1a);
    background: -moz-linear-gradient(#ffa454, #b54d1a);
    background: linear-gradient(#ffa454, #b54d1a);
}

.u-level-new.level-new-4 {
    background: -webkit-linear-gradient(#ff5454, #b51a1a);
    background: -o-linear-gradient(#ff5454, #b51a1a);
    background: -moz-linear-gradient(#ff5454, #b51a1a);
    background: linear-gradient(#ff5454, #b51a1a);
}

.u-level-new.level-new-5 {
    background: -webkit-linear-gradient(#ffe185, #b57e28);
    background: -o-linear-gradient(#ffe185, #b57e28);
    background: -moz-linear-gradient(#ffe185, #b57e28);
    background: linear-gradient(#ffe185, #b57e28);
}


.xs-c1-l-btn .buy {
    height: auto;

}

.xs-c1-l-btn .buy-right {
    width: 100%;
    height: 34px;
    background-color: #2194ff;
    border-radius: 17px;
    position: relative;
}


.xs-c1-l-btn .buy-right .buy-btn {
    float: right;
    color: #ffffff;
    height: 27px;
    line-height: 27px;
    text-align: center;
    width: 49px;
    margin: 3px 2px 0 12px;
    font-size: 15px;
    border-left: 1px solid #98cdff;
}


.xs-c1-l-btn .buy-right .new {
    font-size: 16px;
    font-weight: bold;
    line-height: 20px;
    color: #ffffff;
    position: absolute;
    top: 0;
    right: 63px;
    text-align: right;
}

.xs-c1-l-btn .buy-right .new.no {
    line-height: 34px;
}

.xs-c1-l-btn .buy-right .iscoupon {
    float: right;
    font-size: 12px;
    line-height: 40px;
    letter-spacing: 0;
    color: #f76341;
}

.xs-c1-l-btn .buy-right .old {
    color: #98cdff;
    line-height: 16px;
    text-decoration: line-through;
    position: absolute;
    right: 63px;
    bottom: 0;
    text-align: right;
	font-size: 12px;
}

.xs-c1-l-btn .buy-right .zk {
    float: right;
    width: 47px;
    height: 22px;
    line-height: 22px;
    margin: 9px 0 0 8px;
    background: rgb(74, 178, 130);
    color: #ffffff;
    text-align: center;
    border-radius: 6px;
    font-size: 14px;
}

.xs-c1-l-btn .buy-right .hot {
    float: right;
    font-size: 14px;
    font-weight: bold;
    line-height: 40px;
    color: #f76341;
    margin-left: 8px;
}

.xs-c1-l-btn .buy-right .newlowest {
    width: 64px;
    height: 34px;
    background: url(../images/xsd.png) no-repeat center center;
    position: absolute;
    top: -18px;
    left: -1px;
    line-height: 16px;
    text-align: left;
    text-indent: 12px;
    font-size: 12px;
}

.xs-c1-l-btn .buy-right .lowest {
    width: 64px;
    height: 34px;
    background: url(../images/sd.png) no-repeat center center;
    position: absolute;
    top: -18px;
    left: -1px;
    line-height: 16px;
    text-align: left;
    text-indent: 16px;
    font-size: 12px;
}