@charset "utf-8";
body {
    width: 100% !important;
    font-family: "微软雅黑";
    font-size: 62.5% !important;
    color: #696969;
    margin: 0;
    padding: 0;
    overflow-x: hidden;
    text-align: left;
}

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-weight: normal;
    font-family: "微软雅黑";
    border: 0;
    font-size: 0.28rem;
}

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

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

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

.clear_10 {
    width: 100%;
    height: 0.2rem;
    overflow: hidden;
    clear: both;
}

.clear_20 {
    width: 100%;
    height: 0.4rem;
    overflow: hidden;
    clear: both;
}

.line_t1 {
    width: 100%;
    height: 0.01rem;
    border-top: #565656 0.01rem solid;
    overflow: hidden;
    clear: both;
}

.line_t2 {
    width: 100%;
    height: 0.01rem;
    border-top: #cfcfcf 0.01rem solid;
    overflow: hidden;
    clear: both;
}

.line_t3 {
    width: 100%;
    height: 0.01rem;
    border-top: #787878 0.01rem solid;
    overflow: hidden;
    clear: both;
}

.line_t4 {
    width: 100%;
    height: 0.01rem;
    border-top: #e8e8e8 0.01rem solid;
    overflow: hidden;
    clear: both;
}

.fl {
    float: left;
}

.fr {
    float: right;
}
.swiper-container{margin-top:.4rem;}
.swiper-ztnav .game-nav1{width:auto;}
.game-nav1 a i{top:0;}
.xs-t1-nav {
    width: 100%;
    height: 0.64rem;
    margin: 0 auto;
    position: relative;
    z-index: 1;
}

.xs-t1-nav-l {
    width: 20%;
    height: 100%;
    margin-left: 3%;
    display: inline;
}

.xs-t1-nav-l span {
    width: 0.32rem;
    height: 0.48rem;
    background: url(../../images/xs/back.png) no-repeat;
    background-size: cover;
    margin-top: 0.08rem;
    display: block;
    cursor: pointer;
}

.xs-t1-nav-l em {
    width: 0.32rem;
    height: 0.48rem;
    background: url(../../images/xs/back.png) no-repeat;
    background-size: cover;
    margin-top: 0.08rem;
    display: block;
    cursor: pointer;
}

.xs-t1-nav-c {
    width: 54%;
    height: 100%;
    background: #fff;
    border-radius: 0.44rem;
    -webkit-border-radius: 0.44rem;
    -moz-border-radius: 0.44rem;
}

.xs-t1-nav-c span {
    height: 0.64rem;
    line-height: 0.64rem;
    text-align: center;
    display: table;
    margin: 0 auto;
}

.xs-t1-nav-c span i {
    width: 0.48rem;
    height: 0.48rem;
    margin-top: 0.08rem;
    background: url(../../images/xs/xia.png) no-repeat;
    background-size: cover;
}

.xs-t1-nav-c span em {
    font-size: 0.32rem;
    margin-left: 9.0 .06rem;
}

.xs-t1-nav-r {
    width: 20%;
    height: 100%;
}

.xs-t1-nav-r span {
    width: 52.0 .08rem;
    height: 52.0 .08rem;
    margin-top: 5.0 .06rem;
    background: url(../../images/xs/share.png) no-repeat;
    background-size: cover;
    display: block;
    cursor: pointer;
}

.bdshare_popup_box, .bdshare_popup_bg {
    display: none !important;
}

.xs-main {
    width: 100%;
    height: auto;
}

.xs-t1 {
    width: 100%;
    position: relative;
}

.xs-t1-bg {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: url(../../images/xs/mask_bg.png) no-repeat scroll center top;
    background-size: cover;
}

.xs-t1-img {
    width: 94%;
    margin: 0 auto;
    position: relative;
}

.xs-t1-img img {
    width: 54%;
    margin: 0 auto;
    display: block;
}

.xs-t1-img em {
    width: 0.64rem;
    height: 0.64rem;
    position: absolute;
    right: 0;
    bottom: 0;
    background: url(../../images/xs/details.png) no-repeat;
    background-size: cover;
    cursor: pointer;
}

.xs-t2 {
    width: 94%;
    margin: 0 auto;
}

.xs-t2-cn {
    width: 100%;
    line-height: 0.64rem;
    font-size: 0.4rem;
    color: #323232;
    font-weight: bold;
    text-align: left;
}

.xs-t2-info {
    width: 100%;
    display: inline-block;
}

.xs-t2-info-l {
    width: 64%;
    display: inline-block;
}

.xs-t2-info-l-en {
    width: 100%;
    line-height: 0.4rem;
    word-wrap: break-word;
    text-align: left;
}

.xs-t2-info-l-pt {
    width: 100%;
    text-align: left;
}

.xs-t2-info-l-pt span {
    width: 0.88rem;
    height: 0.4rem;
    line-height: 0.4rem;
    border: #696969 1px solid;
    text-align: center;
    margin-right: 0.2rem;
    margin-top: 0.2rem;
    display: inline-block;
}

.xs-t2-info-l-bn {
    width: 100%;
    line-height: 0.4rem;
    word-wrap: break-word;
    margin-top: 0.2rem;
    text-align: left;
}

.xs-t2-info-l-tag {
    width: 100%;
    height: 0.4rem;
    line-height: 0.4rem;
    overflow: hidden;
    margin-top: 0.2rem;
    text-align: left;
}

.xs-t2-info-l-tag span, .xs-t2-info-l-tag font {
    color: #00a0f5;
}

.xs-t2-info-r {
    width: 34%;
    display: inline-block;
}

.xs-t2-info-r-alipf {
    width: 100%;
    height: 1.28rem;
    line-height: 1.28rem;
    font-size: 1.28rem;
    text-align: center;
    color: #00a0f5;
    font-weight: bold;
}

.xs-t2-info-r-mtpjf {
    width: 100%;
    height: 76.0 .08rem;
    line-height: 76.0 .08rem;
    text-align: center;
    border-top: #00a0f5 0.01rem solid;
    color: #00a0f5;
    margin-top: 0.2rem;
}

.xs-t2-info-r-star {
    width: 2.24rem;
    height: 0.4rem;
    background: url(../../images/xs/star_full_g.png) no-repeat;
    background-size: cover;
    margin: 0 auto;
    margin-top: 0.2rem;
}

.xs-t2-info-r-star em {
    height: 0.4rem;
    display: inline-block;
    background: url(../../images/xs/star_full_o.png) no-repeat;
    background-size: cover;
}

.xs-t2-info-r-name {
    width: 100%;
    height: 0.64rem;
    line-height: 0.64rem;
    text-align: center;
}

.xs-t2-play {
    width: 100%;
    margin-top: 0.2rem;
}

.xs-t2-play-l {
    width: 48%;
    height: 0.96rem;
    line-height: 0.96rem;
    text-align: center;
    color: #fff;
    border: #b8b8b8 1px solid;
    background: #b8b8b8;
    border-radius: 0.48rem;
    -webkit-border-radius: 0.48rem;
    -moz-border-radius: 0.48rem;
    font-size: 0.32rem;
    cursor: pointer;
}

.xs-t2-play-r {
    width: 48%;
    height: 0.96rem;
    line-height: 0.96rem;
    text-align: center;
    color: #00a0f5;
    border: #00a0f5 1px solid;
    border-radius: 0.48rem;
    -webkit-border-radius: 0.48rem;
    -moz-border-radius: 0.48rem;
    font-size: 0.32rem;
    cursor: pointer;
}

.xs-t2-play-a {
    width: 100%;
    height: 0.96rem;
    line-height: 0.96rem;
    text-align: center;
    border: #00a0f5 1px solid;
    background: #fff;
    border-radius: 0.48rem;
    -webkit-border-radius: 0.48rem;
    -moz-border-radius: 0.48rem;
}

.xs-t2-play-a-c {
    height: 0.8rem;
    line-height: 0.8rem;
    display: table;
    margin: 0 auto;
    margin-top: 0.08rem;
}

.xs-t2-play-a-c em {
    width: 0.8rem;
    height: 0.8rem;
}

.xs-t2-play-a-c em img {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
}

.xs-t2-play-a-c p {
    margin-left: 0.1rem;
    color: #00a0f5;
    display: inline-block;
    font-size: 0.32rem;
}

.xs-t2-play-a-c span {
    width: 353.3 .44rem;
    height: 0.64rem;
    margin-top: 0.08rem;
    display: inline-block;
    background: url(../../images/xs/star_full_g.png) no-repeat;
    background-size: cover;
}

.xs-t2-play-a-c span i {
    height: 0.64rem;
    display: inline-block;
    background: url(../../images/xs/star_full_o.png) no-repeat;
    background-size: cover;
}

.xs-t2-tit {
    width: 100%;
    height: 0.4rem;
    line-height: 0.4rem;
    font-size: 0.36rem;
    color: #494949;
}

.xs-t2-pic {
    width: 100%;
    height: 3.6rem;
    overflow: hidden;
    position: relative;
}

.xs-t2-pic ul {
    display: block;
    white-space: nowrap;
    text-align: left;
    overflow-x: scroll;
}

.xs-t2-pic ul li {
    width: 6rem;
    height: 3.6rem;
    margin-right: 0.32rem;
    display: inline-block;
    float: unset;
}

.xs-t2-pic ul li img {
    width: 100%;
    height: 100%;
}

.xs-t2-mtpf-one {
    width: 100%;
    height: 1.2rem;
    margin-top: 0.4rem;
}

.xs-t2-mtpf-one-logo {
    width: 20%;
    height: 1.2rem;
}

.xs-t2-mtpf-one-logo span {
    width: 1.16rem;
    height: 1.16rem;
    display: inline-block;
}

.ali213 {
    background: url(../../images/xs/mt_ali213.png) no-repeat;
    background-size: cover;
}

.ign {
    background: url(../../images/xs/mt_ign.png) no-repeat;
    background-size: cover;
}

.gamespot {
    background: url(../../images/xs/mt_gamespot.png) no-repeat;
    background-size: cover;
}

.gamersky {
    background: url(../../images/xs/mt_gamersky.png) no-repeat;
    background-size: cover;
}

.metacritic {
    background: url(../../images/xs/mt_metacritic.png) no-repeat;
    background-size: cover;
}

.dm3game {
    background: url(../../images/xs/mt_3dm.png) no-repeat;
    background-size: cover;
}

.fami {
    background: url(../../images/xs/mt_fami.png) no-repeat;
    background-size: cover;
}

.xs-t2-mtpf-one-info {
    width: 60%;
    height: 1.2rem;
}

.xs-t2-mtpf-one-info p {
    width: 100%;
    height: 1.2rem;
    line-height: 0.4rem;
    display: block;
    overflow: hidden;
}

.xs-t2-mtpf-one-pf {
    width: 20%;
    height: 1.2rem;
    line-height: 1.2rem;
    text-align: center;
    color: #556887;
}

.xs-t2-mtpf-one-pf em {
    font-size: 0.96rem;
    font-weight: bold;
}

.xs-t2-mtpf-one-pf i {
    font-size: 0.64rem;
    font-weight: bold;
}

.xs-t2-comment {
    width: 100%;
}

.comment-tit {
    width: 100%;
    height: 0.8rem;
    line-height: 0.8rem;
    background: #f4f4f4;
}

.comment-tit li {
    width: 50%;
    text-align: center;
    font-size: 0.36rem;
    color: #8b8b8b;
}

.comment-tit li.curr {
    border-bottom: #414141 0.02rem solid;
    color: #414141;
}

.comment-btn {
    width: 94%;
    margin: 0 auto;
}

.comment-btn-order {
    width: 2.56rem;
    height: 0.64rem;
}

.comment-btn-order li {
    width: 1.28rem;
    height: 0.64rem;
    line-height: 0.64rem;
    float: left;
    text-align: center;
    cursor: pointer;
}

.comment-btn-order li.curr {
    height: 0.6rem;
    line-height: 0.6rem;
    border-bottom: #6b9af6 0.04rem solid;
}

.comment-btn span {
    width: 2.56rem;
    height: 0.64rem;
    line-height: 0.64rem;
    text-align: center;
    border: #00a0f5 1px solid;
    display: block;
    border-radius: 0.08rem;
    -webkit-border-radius: 0.08rem;
    -moz-border-radius: 0.08rem;
    cursor: pointer;
}

.comment-btn span i {
    width: 36.0 .64rem;
    height: 0.48rem;
    background: url(../../images/xs/comment.png) no-repeat left center;
    background-size: cover;
    display: inline-block;
    margin-left: 0.32rem;
    margin-top: 0.08rem;
}

.comment-btn span em {
    margin-left: 0.16rem;
    font-size: 0.32rem;
    color: #00a0f5;
}

.comment-con {
    width: 94%;
    margin: 0 auto;
}

.comment-con-one {
    width: 100%;
    display: inline-block;
}

.comment-con-one-l {
    width: 15%;
}

.comment-con-one-l img {
    width: 0.84rem;
    height: 0.84rem;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
}

.comment-con-one-r {
    width: 85%;
}

.comment-con-one-r-t1 {
    width: 100%;
    height: 0.48rem;
}

.comment-con-one-r-t1-name {
    height: 0.48rem;
    line-height: 0.48rem;
    font-size: 0.36rem;
    font-weight: bold;
    color: #444;
}

.comment-con-one-r-t1-level {
    width: 1.92rem;
    height: 0.36rem;
    line-height: 0.36rem;
    margin-left: 0.08rem;
    margin-top: 0.06rem;
    display: inline;
}

.level1 {
    background: url(../../images/xs/lv.1.png) no-repeat;
    background-size: cover;
}

.level2 {
    background: url(../../images/xs/lv.2.png) no-repeat;
    background-size: cover;
}

.level3 {
    background: url(../../images/xs/lv.3.png) no-repeat;
    background-size: cover;
}

.level4 {
    background: url(../../images/xs/lv.4.png) no-repeat;
    background-size: cover;
}

.level5 {
    background: url(../../images/xs/lv.5.png) no-repeat;
    background-size: cover;
}

.level6 {
    background: url(../../images/xs/lv.6.png) no-repeat;
    background-size: cover;
}

.level7 {
    background: url(../../images/xs/lv.7.png) no-repeat;
    background-size: cover;
}

.level8 {
    background: url(../../images/xs/lv.8.png) no-repeat;
    background-size: cover;
}

.level9 {
    background: url(../../images/xs/lv.9.png) no-repeat;
    background-size: cover;
}

.level10 {
    background: url(../../images/xs/lv.10.png) no-repeat;
    background-size: cover;
}

.comment-con-one-r-t1-time {
    width: 1.2rem;
    height: 0.48rem;
    line-height: 0.48rem;
    font-size: 0.24rem;
    text-align: right;
}

.comment-con-one-r-t2 {
    width: 100%;
    height: 0.4rem;
}

.comment-con-one-r-t2-wan {
    width: 1.28rem;
    height: 0.36rem;
    line-height: 0.36rem;
    border: #00a0f5 1px solid;
    border-radius: 0.2rem;
    -webkit-border-radius: 0.2rem;
    -moz-border-radius: 0.2rem;
    text-align: center;
    color: #00a0f5;
    font-size: 0.24rem;
}

.comment-con-one-r-t2-uwan {
    width: 1.28rem;
    height: 0.36rem;
    line-height: 0.36rem;
    border: #696969 1px solid;
    border-radius: 0.2rem;
    -webkit-border-radius: 0.2rem;
    -moz-border-radius: 0.2rem;
    text-align: center;
    color: #696969;
    font-size: 0.24rem;
}

.comment-con-one-r-t2-star {
    width: 2.24rem;
    height: 0.4rem;
    display: inline-block;
    background: url(../../images/xs/star_full_g.png) no-repeat;
    background-size: cover;
    margin-left: 0.08rem;
    display: inline;
}

.comment-con-one-r-t2-star span {
    height: 0.4rem;
    background: url(../../images/xs/star_full_o.png) no-repeat;
    background-size: cover;
    display: inline-block;
}

.comment-con-one-r-t2-tj {
    width: 1.6rem;
    height: 0.4rem;
    background: #00a0f5;
    border-radius: 0.2rem;
    -webkit-border-radius: 0.2rem;
    -moz-border-radius: 0.2rem;
}

.comment-con-one-r-t2-tj i {
    width: 0.24rem;
    height: 0.24rem;
    background: url(../../images/xs/recommend.png) no-repeat;
    background-size: cover;
    margin-left: 0.32rem;
    margin-top: 0.08rem;
    display: inline-block;
}

.comment-con-one-r-t2-tj em {
    width: 0.8rem;
    height: 0.4rem;
    line-height: 0.4rem;
    color: #fff;
    margin-left: 0.08rem;
    font-size: 0.24rem;
}

.comment-con-one-r-t2-utj {
    width: 1.6rem;
    height: 0.4rem;
    background: #c1c1c1;
    border-radius: 0.2rem;
    -webkit-border-radius: 0.2rem;
    -moz-border-radius: 0.2rem;
}

.comment-con-one-r-t2-utj i {
    width: 0.24rem;
    height: 0.24rem;
    background: url(../../images/xs/against.png) no-repeat;
    background-size: cover;
    margin-left: 0.24rem;
    margin-top: 0.08rem;
    display: inline-block;
}

.comment-con-one-r-t2-utj em {
    width: 0.88rem;
    height: 0.4rem;
    line-height: 0.4rem;
    color: #fff;
    margin-left: 0.08rem;
    font-size: 0.24rem;
}

.comment-con-one-r-t3 {
    width: 100%;
    line-height: 0.4rem;
}

.comment-con-one-r-t3 p {
    width: 100%;
    line-height: 0.4rem;
    overflow: hidden;
    display: block;
}

.comment-con-one-r-t3 span {
    display: block;
    text-align: center;
    font-size: 0.24rem;
    clear: both;
    margin-top: -0.8rem;
    padding-top: 0.8rem;
    position: relative;
}

.comment-con-one-r-t3 span.maskbg {
    background: url(../../images/xs/white_mask.png) no-repeat;
}

.comment-con-one-r-t3 span em {
    width: 100%;
    display: block;
    cursor: pointer;
}

.comment-con-one-r-t4 {
    width: 100%;
    height: 0.32rem;
}

.ali-click-jb-gw {
    padding-left: 0.3rem;
    color: #969696;
    background: url(https://comment.ali213.net/images/jbicon.png) no-repeat;
    cursor: pointer;
    font-size: 0.24rem;
}

.comment-con-one-r-t4 .ali-click-jb-gw {
    background-position-y: 0.02rem;
}

.comment-con-one-r-t5-one-tag .ali-click-jb-gw {
    background-position-y: 0.05rem;
}

.ali-comment-jbcon {
    width: 3.8rem;
    height: 2.9rem;
    border: #f0f0f0 1px solid;
    background: #fff;
    position: fixed;
    left: 50%;
    top: 50%;
    margin-left: -1.9rem;
    margin-top: -1.45rem;
    z-index: 102;
    display: none;
}

.jbcon-head {
    width: 100%;
    height: 0.38rem;
    line-height: 0.38rem;
    text-align: left;
    text-indent: 1em;
    border-bottom: #f0f0f0 0.01rem solid;
    font-size: 0.24rem;
}

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

.jbcon-body {
    width: 100%;
    height: 1.6rem;
    text-align: center;
}

.jbcon-body-radio {
    height: 0.74rem;
    margin-left: 0.4rem;
    text-align: left;
    margin-top: 0.2rem;
}

.jbcon-body-radio label {
    height: 0.12rem;
    float: left;
    margin: 0.1rem 0.4rem 0.15rem 0;
    display: inline-block;
}

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

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

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

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

.jbcon-body-title {
    text-align: left;
    padding-left: 0.45rem;
    font-size: 0.24rem;
    margin-top: 0.1rem;
}

.jbcon-body-input {
    margin-top: 0.15rem;
}

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

.jbcon-foot {
    width: 100%;
    height: 0.4rem;
    margin-top: 0.15rem;
    text-align: center;
}

.jbcon-foot i {
    width: 1.16rem;
    height: 0.38rem;
    line-height: 0.38rem;
    font-size: 0.24rem;
    border: #f60 1px solid;
    color: #f60;
    margin-left: 0.48rem;
    float: left;
    display: inline-block;
    cursor: pointer;
}

.jbcon-foot em {
    width: 1.16rem;
    height: 0.38rem;
    line-height: 0.38rem;
    font-size: 0.24rem;
    border: #f60 1px solid;
    background: #f60;
    color: #fff;
    margin-left: 0.48rem;
    float: left;
    display: inline-block;
    cursor: pointer;
}

.ali-action-ding .ali-icon-ding {
    width: 0.3rem;
    height: 0.32rem;
    background: url(../../images/xs/fabulous.png) no-repeat;
    background-size: 100% 100%;
}

.ali-yding .ali-icon-ding {
    width: 0.3rem;
    height: 0.32rem;
    background: url(../../images/xs/fabulous.png) no-repeat;
    background-size: 100% 100%;
}

.ali-action-ding, .ali-yding, .ali-action-cai, .ali-ycai {
    margin-left: 20%;
}

.ali-action-cai .ali-icon-cai {
    width: 0.3rem;
    height: 0.32rem;
    background: url(../../images/xs/tread.png) no-repeat;
    background-size: 100% 100%;
}

.ali-ycai .ali-icon-cai {
    width: 0.3rem;
    height: 0.32rem;
    background: url(../../images/xs/tread.png) no-repeat;
    background-size: cover;
}

.ali-icon-num, .ali-icon-tit, .ali-icon-reply-btn {
    margin-left: 0.04rem;
    line-height: 0.32rem;
    font-size: 0.24rem;
    display: inline-block;
}

.ali-icon-reply {
    width: 0.3rem;
    height: 0.32rem;
    background: url(../../images/xs/reply.png) no-repeat;
    background-size: 100% 100%;
}

.ali-action-ding, .ali-action-cai, .ali-click-reply {
    cursor: pointer;
}

.comment-con-one-r-t5 {
    width: 100%;
}

.comment-con-one-r-t5-one {
    width: 100%;
}

.comment-con-one-r-t5-one-con {
    width: 100%;
    line-height: 0.4rem;
}

.comment-con-one-r-t5-one-con p {
    width: 100%;
    line-height: 0.4rem;
    overflow: hidden;
    display: block;
}

.comment-con-one-r-t5-one-con em {
    color: #00a0f5;
}

.comment-con-one-r-t5-one-con span {
    display: block;
    text-align: center;
    font-size: 0.24rem;
    clear: both;
    cursor: pointer;
}

.comment-con-one-r-t5-one-tag {
    width: 100%;
    height: 0.48rem;
    line-height: 0.48rem;
}

.comment-con-one-r-t5-one-tag-time {
    height: 0.48rem;
    line-height: 0.48rem;
    font-size: 0.24rem;
    margin-left: 30%;
}

.comment-con-one-r-t5-one-tag-reply {
    height: 0.4rem;
    line-height: 0.4rem;
    font-size: 0.24rem;
    margin-top: 0.08rem;
    cursor: pointer;
}

.comment-con-one-r-t6 {
    width: 100%;
    height: 0.32rem;
}

.comment-con-one-r-t6 span {
    line-height: 0.32rem;
    color: #00a0f5;
    cursor: pointer;
}

.comment-btm {
    width: 100%;
    text-align: center;
    padding-bottom: 0.4rem;
}

.ali_page_fenye_comment {
    width: auto;
    height: auto;
    overflow: hidden;
    margin: 0 auto 0.2rem auto;
    text-align: center;
    clear: both;
}

.ali_page_fenye_comment a:link {
    width: auto;
    height: 0.15rem;
    display: inline-block;
    line-height: 0.15rem;
    background-color: #f1f1f1;
    border: #f1f1f1 1px solid;
    margin-right: 0.02rem;
    padding: 0.05rem 0.1rem;
    text-decoration: none;
    color: #444;
}

.ali_page_fenye_comment a:visited {
    width: auto;
    height: 0.15rem;
    display: inline-block;
    line-height: 0.15rem;
    background-color: #f1f1f1;
    border: #f1f1f1 1px solid;
    margin-right: 0.02rem;
    padding: 0.05rem 0.1rem;
    text-decoration: none;
    color: #444;
}

.ali_page_fenye_comment a:hover {
    width: auto;
    height: 0.15rem;
    display: inline-block;
    line-height: 0.15rem;
    background-color: #6a99f7;
    border: #6a99f7 1px solid;
    margin-right: 0.02rem;
    padding: 0.05rem 0.1rem;
    color: #ffffff !important;
    text-decoration: none;
}

a.currpage_comment:link {
    height: 0.15rem;
    display: inline-block;
    line-height: 0.15rem;
    background-color: #6a99f7;
    border: #6a99f7 1px solid;
    margin-right: 0.02rem;
    color: #ffffff;
    padding: 0.05rem 0.1rem;
    text-decoration: none;
}

a.currpage_comment:visited {
    height: 0.15rem;
    display: inline-block;
    line-height: 0.15rem;
    background-color: #6a99f7;
    border: #6a99f7 1px solid;
    margin-right: 0.02rem;
    color: #ffffff;
    padding: 0.05rem 0.1rem;
    text-decoration: none;
}

a.currpage_comment:hover {
    height: 0.15rem;
    display: inline-block;
    line-height: 0.15rem;
    background-color: #6a99f7;
    border: #6a99f7 1px solid;
    margin-right: 0.02rem;
    color: #ffffff !important;
    padding: 0.05rem 0.1rem;
    text-decoration: none;
}

.ali_page_fenye_comment span a:link {
    width: auto;
    height: 0.15rem;
    display: inline-block;
    line-height: 0.15rem;
    background-color: #f1f1f1;
    border: #f1f1f1 1px solid;
    margin-right: 0.02rem;
    padding: 0.05rem 0.1rem;
    text-decoration: none;
    color: #444;
}

.ali_page_fenye_comment span a:visited {
    width: auto;
    height: 0.15rem;
    display: inline-block;
    line-height: 0.15rem;
    background-color: #f1f1f1;
    border: #f1f1f1 1px solid;
    margin-right: 0.02rem;
    padding: 0.05rem 0.1rem;
    text-decoration: none;
    color: #444;
}

.ali_page_fenye_comment span a:hover {
    width: auto;
    height: 0.15rem;
    display: inline-block;
    line-height: 0.15rem;
    background-color: #6a99f7;
    border: #6a99f7 1px solid;
    margin-right: 0.02rem;
    color: #ffffff !important;
    padding: 0.05rem 0.1rem;
    text-decoration: none;
}

.container {
    min-height: auto;
}

.xs-t2-tjyd-one {
    width: 100%;
    height: 1.36rem;
}

.xs-t2-tjyd-one span {
    width: 100%;
    height: 0.64rem;
    line-height: 0.64rem;
    font-size: 0.36rem;
    font-weight: bold;
    overflow: hidden;
    display: inline-block;
}

.xs-t2-tjyd-one span a:link {
    color: #414141;
}

.xs-t2-tjyd-one span a:visited {
    color: #414141;
}

.xs-t2-tjyd-one span a:hover {
    color: #ff6600;
}

.xs-t2-tjyd-one span a:active {
    color: #414141;
}

.xs-t2-tjyd-one p {
    width: 100%;
    height: 0.72rem;
    line-height: 0.36rem;
    overflow: hidden;
    display: inline-block;
}

.xs-t2-tjyd-one p a:link {
    color: #00a0f5;
}

.xs-t2-tjyd-one p a:visited {
    color: #00a0f5;
}

.xs-t2-tjyd-one p a:hover {
    color: #ff6600;
}

.xs-t2-tjyd-one p a:active {
    color: #00a0f5;
}

.xs-t2-tlyx {
    width: 100%;
    height: 3.4rem;
    overflow: hidden;
    position: relative;
}

.xs-t2-tlyx ul {
    display: block;
    white-space: nowrap;
    text-align: left;
    overflow-x: scroll;
}

.xs-t2-tlyx ul li {
    width: 2.12rem;
    height: 3.4rem;
    margin-right: 0.44rem;
    display: inline-block;
    float: unset;
    overflow: hidden;
}

.xs-t2-tlyx ul li img {
    width: 100%;
    height: 2.8rem;
}

.xs-t2-tlyx ul li span {
    width: 100%;
    height: 0.6rem;
    line-height: 0.6rem;
    overflow: hidden;
    text-align: center;
    display: inline-block;
    float: left;
}

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

.xs-detail-box {
    width: 100%;
    background: #3c3c3c;
    position: absolute;
    left: 100%;
    top: 0;
    transition: left 0.5s;
    -webkit-transition: left 0.5s;
    -moz-transition: left 0.5s;
}

.detail-t1 {
    width: 100%;
    height: 100%;
    position: relative;
}

.detail-t1-bg {
    width: 100%;
    height: 100%;
    background: url(../../images/xs/xs_mask_gray.png) no-repeat scroll center bottom;
    background-size: cover;
    position: absolute;
    left: 0;
    top: 0;
}

.detail-t1-con {
    position: relative;
}

.detail-t1-cn {
    width: 94%;
    line-height: 0.64rem;
    font-size: 0.4rem;
    color: #fff;
    font-weight: bold;
    margin: 0 auto;
    text-align: center;
}

.detail-t1-en {
    width: 94%;
    height: 0.48rem;
    line-height: 0.48rem;
    color: #fff;
    margin: 0 auto;
    text-align: center;
}

.detail-t1-bn {
    width: 94%;
    height: 0.48rem;
    line-height: 0.48rem;
    color: #fff;
    margin: 0 auto;
    text-align: center;
}

.detail-t2 {
    width: 94%;
    margin: 0 auto;
}

.detail-t2-tit {
    width: 100%;
    height: 0.48rem;
    line-height: 0.48rem;
    color: #fff;
}

.detail-t2-tag {
    width: 100%;
    margin-top: 0.2rem;
    display: table;
}

.detail-t2-tag em {
    width: 18%;
    line-height: 0.4rem;
    color: #afafaf;
}

.detail-t2-tag p {
    width: 82%;
    line-height: 0.4rem;
    color: #fff;
}

.detail-t2-tag p span {
    width: 0.88rem;
    height: 0.36rem;
    line-height: 0.36rem;
    border: #fff 1px solid;
    margin-right: 0.24rem;
    display: inline-block;
    text-align: center;
    color: #fff;
}

.detail-t2-pztit {
    width: 50%;
    margin: 0 auto;
    height: 0.64rem;
}

.detail-t2-pztit li {
    width: 48%;
    text-align: center;
    height: 0.6rem;
    line-height: 0.6rem;
    border: #00a0f5 1px solid;
    color: #afafaf;
    cursor: pointer;
}

.detail-t2-pztit li.curr {
    background: #00a0f5;
    color: #fff;
}

.detail-t2-pztit li:nth-child(1) {
    border-top-left-radius: 0.05rem;
    border-bottom-left-radius: 0.05rem;
    -webkit-border-top-left-radius: 0.05rem;
    -webkit-border-bottom-left-radius: 0.05rem;
}

.detail-t2-pztit li:nth-child(2) {
    border-top-right-radius: 0.05rem;
    border-bottom-right-radius: 0.05rem;
    -webkit-border-top-right-radius: 0.05rem;
    -webkit-border-bottom-right-radius: 0.05rem;
}

.detail-t2-pzcon {
    width: 100%;
    color: #fff;
}

.detail-t2-pzcon p {
    line-height: 0.48rem;
}

.detail-t2-pzcon p i {
    width: 13%;
    display: inline-block;
}

.detail-t2-pzcon p em {
    width: 87%;
    display: inline-block;
}

.detail-t2-con {
    width: 100%;
    line-height: 0.36rem;
    color: #fff;
}

.box-gray {
    position: absolute;
    z-index: 1;
    left: 0rem;
    top: 0rem;
    width: 100%;
    background-color: #999999;
    opacity: 0.6;
    filter: "alpha(opacity=60)";
    filter: alpha(opacity=60);
}

.xs-comment-box {
    width: 90%;
    height: 8.48rem;
    margin: 0 auto;
    background: #fff;
    border-radius: 0.24rem;
    -webkit-border-radius: 0.24rem;
    -moz-border-radius: 0.24rem;
    position: fixed;
    left: 5%;
    top: 50%;
    margin-top: -4.24rem;
    z-index: 1;
}

.comment-t1 {
    width: 88%;
    height: 1.2rem;
    margin: 0 auto;
    padding: 0 0.12rem;
}

.comment-t1 i {
    width: 20%;
    height: 100%;
}

.comment-t1 i img {
    width: 1.2rem;
    height: 1.2rem;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
}

.comment-t1 label {
    width: 25%;
    height: 2.75;
    margin-left: 10%;
    margin-top: 0.16rem;
    display: inline-block;
}

.comment-t1 label input {
    width: 1.76rem;
    height: 0.88rem;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    opacity: 0;
    position: absolute;
    z-index: -1;
}

.comment-t1 label em {
    width: 1.72rem;
    height: 0.84rem;
    line-height: 0.84rem;
    border: #858585 1px solid;
    border-radius: 0.42rem;
    -moz-border-radius: 0.42rem;
    -webkit-border-radius: 0.42rem;
    color: #858585;
    text-align: center;
    display: inline-block;
    cursor: pointer;
}

.comment-t1 label em:hover {
    border-color: #00a0f5;
    color: #00a0f5;
}

.comment-t1 label input[type=radio]:checked + em {
    border-color: #00a0f5;
    background: #00a0f5;
    color: #fff;
}

.comment-t2 {
    width: 70%;
    height: 0.64rem;
    margin: 0 auto;
}

.comment-t2 span {
    width: 80%;
    height: 100%;
    display: inline-block;
}

.comment-t2 span em {
    width: 0.3rem;
    height: 0.64rem;
}

.comment-t2 span em.slo {
    background: url(../../images/xs/star_lo.png) no-repeat scroll center top;
    background-size: cover;
}

.comment-t2 span em.sro {
    background: url(../../images/xs/star_ro.png) no-repeat scroll center top;
    background-size: cover;
    margin-right: 0.1rem;
}

.comment-t2 span em.slg {
    background: url(../../images/xs/star_lg.png) no-repeat scroll center top;
    background-size: cover;
}

.comment-t2 span em.srg {
    background: url(../../images/xs/star_rg.png) no-repeat scroll center top;
    background-size: cover;
    margin-right: 0.1rem;
}

.comment-t2 p {
    width: 20%;
    height: 0.64rem;
    line-height: 0.64rem;
    color: #00a0f5;
    display: inline-block;
}

.comment-t3 {
    width: 88%;
    height: 3.76rem;
    margin: 0 auto;
    position: relative;
    background: #e7e7e7;
    border-radius: 0.24rem;
    -webkit-border-radius: 0.24rem;
    -moz-border-radius: 0.24rem;
}

.comment-t3 textarea {
    width: 100%;
    height: 3.2rem;
    line-height: 0.4rem;
    background: transparent;
    border: 0;
    resize: none;
    padding: 0.12rem;
}

.comment-t3 span {
    width: 2.72rem;
    height: 0.32rem;
    position: absolute;
    right: 0.24rem;
    bottom: 0.24rem;
}

.comment-t3 span label {
    width: 50%;
    height: 0.32rem;
    display: inline-block;
    cursor: pointer;
}

.comment-t3 span label input {
    width: 1.36rem;
    height: 0.32rem;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    opacity: 0;
    z-index: -1;
    position: absolute;
}

.comment-t3 span label em {
    width: 0.28rem;
    height: 0.28rem;
    border: #aeaeae 1px solid;
    display: inline-block;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    background: #fff;
}

.comment-t3 span label:hover em {
    border-color: #00a0f5;
}

.comment-t3 span label p {
    width: 0.96rem;
    height: 0.32rem;
    line-height: 0.32rem;
    color: #646464;
    display: inline-block;
}

.comment-t3 span label:hover p {
    border-color: #00a0f5;
    color: #00a0f5;
}

.comment-t3 span label input[type=radio]:checked + em i {
    width: 0.12rem;
    height: 0.12rem;
    margin: 0.08rem;
    background: #00a0f5;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    display: inline-block;
}

.comment-t4 {
    width: 88%;
    height: 0.88rem;
    margin: 0 auto;
    padding: 0 0.12rem;
}

.comment-t4 span {
    width: 40%;
    height: 0.88rem;
    line-height: 0.88rem;
    text-align: center;
    background: #b8b8b8;
    color: #fff;
    font-size: 0.32rem;
    border-radius: 0.42rem;
    -moz-border-radius: 0.42rem;
    -webkit-border-radius: 0.42rem;
    cursor: pointer;
}

.comment-t4 span:hover {
    background: #00a0f5;
}

.comment-t4 em {
    width: 40%;
    height: 0.88rem;
    line-height: 0.88rem;
    text-align: center;
    background: #b8b8b8;
    color: #fff;
    font-size: 0.32rem;
    border-radius: 0.42rem;
    -moz-border-radius: 0.42rem;
    -webkit-border-radius: 0.42rem;
}

.comment-t4 em.dpktj {
    background: #00a0f5;
    cursor: pointer;
}

.xs-reply-box {
    width: 90%;
    margin: 0 auto;
    background: #fff;
    border-radius: 0.24rem;
    -webkit-border-radius: 0.24rem;
    -moz-border-radius: 0.24rem;
    position: fixed;
    left: 50%;
    top: 50%;
    z-index: 1;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
}

.reply-t1 {
    width: 88%;
    height: 1.2rem;
    margin: 0 auto;
    padding: 0 0.12rem;
}

.reply-t1 i {
    width: 20%;
    height: 100%;
}

.reply-t1 i img {
    width: 1.2rem;
    height: 1.2rem;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
}

.reply-t1 em {
    width: 78%;
    height: 100%;
    line-height: 1.2rem;
    display: inline-block;
}

.reply-t1 em font {
    color: #444;
}

.reply-t2 {
    width: 88%;
    height: 3.2rem;
    margin: 0 auto;
    position: relative;
    background: #e7e7e7;
    border-radius: 0.24rem;
    -webkit-border-radius: 0.24rem;
    -moz-border-radius: 0.24rem;
}

.reply-t2 textarea {
    width: 100%;
    height: 3.2rem;
    line-height: 0.4rem;
    background: transparent;
    border: 0;
    resize: none;
    padding: 0.12rem;
}

.reply-alert {
    width: 88%;
    height: 0.4rem;
    line-height: 0.4rem;
    margin: 0 auto;
    color: #ff0000;
}

.reply-t3 {
    width: 88%;
    height: 0.88rem;
    margin: 0 auto;
    padding: 0 0.12rem;
}

.reply-t3 span {
    width: 40%;
    height: 0.88rem;
    line-height: 0.88rem;
    text-align: center;
    background: #b8b8b8;
    color: #fff;
    font-size: 0.32rem;
    border-radius: 0.42rem;
    -moz-border-radius: 0.42rem;
    -webkit-border-radius: 0.42rem;
    cursor: pointer;
}

.reply-t3 span:hover {
    background: #00a0f5;
}

.reply-t3 em {
    width: 40%;
    height: 0.88rem;
    line-height: 0.88rem;
    text-align: center;
    background: #b8b8b8;
    color: #fff;
    font-size: 0.32rem;
    border-radius: 0.42rem;
    -moz-border-radius: 0.42rem;
    -webkit-border-radius: 0.42rem;
}

.reply-t3 em.hfktj {
    background: #00a0f5;
    cursor: pointer;
}

.xs-msg-box {
    width: 90%;
    margin: 0 auto;
    background: #fff;
    border-radius: 0.24rem;
    -webkit-border-radius: 0.24rem;
    -moz-border-radius: 0.24rem;
    position: fixed;
    left: 50%;
    top: 50%;
    z-index: 1;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
}

.xs-msg-box-msg {
    margin: 0 auto;
    margin-top: 0.4rem;
    display: table;
}

.xs-msg-box-msg .sucs {
    width: 0.6rem;
    height: 0.6rem;
    background: url(../../images/xs/sucs.png) no-repeat;
    background-size: cover;
    display: inline;
}

.xs-msg-box-msg .faid {
    width: 0.6rem;
    height: 0.6rem;
    background: url(../../images/xs/faid.png) no-repeat;
    background-size: cover;
    display: inline;
}

.xs-msg-box-msg .text {
    height: 0.6rem;
    line-height: 0.6rem;
    margin-left: 0.2rem;
    display: inline;
}

.xs-msg-box-btn {
    width: 40%;
    height: 0.88rem;
    line-height: 0.88rem;
    text-align: center;
    background: #00a0f5;
    cursor: pointer;
    margin: 0.4rem auto;
    font-size: 0.32rem;
    border-radius: 0.42rem;
    -moz-border-radius: 0.42rem;
    -webkit-border-radius: 0.42rem;
    color: #fff;
}

.dpn {
    display: none;
}

.commonfooter {
    overflow: hidden;
    background: #ECECEC;
    clear: both;
}

.commonfooter > section {
    width: 1.86rem;
    height: 0.89rem;
    margin: 0 auto;
    padding-top: 0.15rem;
}

.commonfooter > section > ul {
    height: 0.43rem;
    width: 100%;
    text-align: center;
}

.commonfooter > section > ul > li {
    float: left;
    width: 0.78rem;
    line-height: 0.43rem;
    background: #fff;
    border-top-left-radius: 0.1rem;
    border-bottom-left-radius: 0.1rem;
    -webkit-border-top-left-radius: 0.1rem;
    -webkit-border-bottom-left-radius: 0.1rem;
    border: 1px solid #BABABA;
}

.commonfooter > section > ul > li:last-child {
    border-left: 0.01rem solid #BABABA;
    width: 0.77rem;
    background: #EFEFEF;
    border-top-left-radius: 0rem;
    border-bottom-left-radius: 0rem;
    -webkit-border-top-left-radius: 0rem;
    -webkit-border-bottom-left-radius: 0rem;
    border-top-right-radius: 0.05rem;
    border-bottom-right-radius: 0.05rem;
    border-left: 0rem;
    color: #AE99A3;
}

.commonfooter > section > ul > li > a {
    color: #000;
    font-size: 0.24rem;
}

.commonfooter > section > ul > li:last-child > a {
    color: #AE99A3;
    font-size: 0.24rem;
}

.uaHolder {
    width: 100% !important;
}

.newsindex_slide_top {
    width: 0.5rem;
    height: 0.5rem;
    position: fixed;
    right: 0.1rem;
    bottom: 0.75rem;
    cursor: pointer;
    display: none;
    z-index: 999;
}

.newsindex_slide_top i {
    font-size: 0.4rem;
    color: #666666;
}

@font-face {
    font-family: "newindex";
    src: url('newindex.eot?t=1467341430');
    /* IE9*/
    src: url('newindex.eot?t=1467341430#iefix') format('embedded-opentype'),
        /* IE6-IE8 */ url('newindex.woff?t=1467341430') format('woff'),
        /* chrome, firefox */ url('newindex.ttf?t=1467341430') format('truetype'),
        /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/ url('newindex.svg?t=1467341430#iconfont') format('svg');
    /* iOS 4.1- */
}

.iconindexfont {
    font-family: "newindex" !important;
    font-size: 0.24rem;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.0 .02rem;
    -moz-osx-font-smoothing: grayscale;
}

.download-app {
    background: url(/images/openapp.png) no-repeat;
    display: inline-block;
    height: 0.4rem;
    width: 1.64rem;
    background-size: contain;
    position: fixed;
    left: 50%;
    bottom: 0.05rem;
    margin-left: -0.82rem;
    z-index: 100;
}

/*.game-nav {*/
/*width: 100%;*/
/*}*/

/*.game-nav1 {*/
/*height: 0.84rem;*/
/*width: 100%;*/
/*display: flex;*/
/*align-items: center;*/
/*justify-content: center;*/
/*}*/

/*.game-nav1 a {*/
/*display: block;*/
/*position: relative;*/
/*font-size: 0.34rem;*/
/*color: #666666;*/
/*margin: 0 0.5rem;*/
/*font-weight: bold;*/
/*}*/

/*.game-nav1 a.checked {*/
/*color: #000000;*/
/*font-size: 0.36rem;*/
/*}*/

/*.game-nav1 a.checked:after {*/
/*content: "";*/
/*width: 0.3rem;*/
/*height: 0.08rem;*/
/*background-color: #ff5a39;*/
/*border-radius: 0.04rem;*/
/*position: absolute;*/
/*left: 0;*/
/*right: 0;*/
/*margin: auto;*/
/*bottom: -0.14rem;*/
/*}*/

/*.nav-bg {*/
/*width: 100%;*/
/*height: 0.12rem;*/
/*background-image: linear-gradient(180deg, #f5f5f5 0%, #ffffff 100%);*/
/*}*/

/*.game-nav2 {*/
/*height: 0.64rem;*/
/*width: 100%;*/
/*display: flex;*/
/*align-items: center;*/
/*justify-content: center;*/
/*}*/

/*.game-nav2 a {*/
/*display: block;*/
/*position: relative;*/
/*font-size: 0.26rem;*/
/*color: #666666;*/
/*}*/

/*.game-nav2 span {*/
/*display: block;*/
/*margin: 0 0.4rem;*/
/*color: #666666;*/
/*}*/

/*.game-nav2 a.checked {*/
/*color: #ff8439;*/
/*}*/

.game-pics-container {
    width: 100%;
    height: 5.10rem;
    background: #2c2c2c;
    position: relative;
}

.game-pic-big {
    width: 100%;
    height: 4.25rem;
    display: block;
    cursor: pointer;
}

.game-pic-big iframe,
.game-pic-big img,
.game-pic-big video {
    vertical-align: bottom;
    width: 100%;
    height: 100% !important;
    background-color:white;
}
.my-video-dimensions.vjs-fluid{
    padding-top:56% !important;
}
.img-swiper {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
}

.img-swiper .swiper-wrapper {
    transition: all 0.3s !important;
}

.img-swiper .swiper-slide {
    width: auto;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: nowrap;
}

.img-swiper .swiper-slide div {
    flex-shrink: 0;
    width: 1.5rem;
    height: 1.08rem;
    background-size: 100% 100%;
    box-sizing: border-box;
    padding-top: 0.19rem;
    position: relative;
    cursor: pointer;
}

.img-swiper .swiper-slide div:after {
    content: "";
    display: block;
    width: 0.01rem;
    bottom: 0;
    left: -0.01rem;
    height: 0.88rem;
    position: absolute;
    background: rgb(89, 89, 89);
}

.img-swiper .swiper-slide div:first-child:after {
    display: none;
}

.img-swiper .swiper-slide div.checked {
    background: url(/images/v1/frame.png) no-repeat;
    background-size: 100% 100%;
}

.img-swiper .swiper-slide .wzsp:before,
.img-swiper .swiper-slide .yksp:before {
    content: "";
    display: block;
    width: 0.6rem;
    height: 0.6rem;
    background: url(/images/v1/mg19.png) no-repeat;
    background-size: 100% 100%;
    margin: auto;
    left: 0;
    right: 0;
    top: 0.36rem;
    position: absolute;
    z-index: 2;
}

.img-swiper .swiper-slide div img {
    width: 1.44rem;
    height: 0.85rem;
    vertical-align: bottom;
    display: block;
    margin: auto;
}

.game-info {
    padding-top: 0.1rem;
}

.game-info .game-name span {
    line-height: 0.6rem;
    font-weight: bold;
    font-size: 0.46rem;
    color: #3b3b3b;
    padding-bottom: 0.15rem;
    display: block;
}

.game-info .game-name span + span {
    color: #959595;
    font-size: 0.22rem;
    line-height: 0.3rem;
    font-weight: normal;
    padding-bottom: 0.2rem;
}

.game-info .game-title {
    font-size: 0.22rem;
    line-height: 0.3rem;
    color: #646464;
}

.game-info .game-buy {
    margin: 0.5rem auto 0;
    width: 6.9rem;
    height: 1.7rem;
    background-color: #ffffff;
    box-shadow: 0 0 0.09rem 0 rgba(0, 0, 0, 0.15);
    border-radius: 0.16rem;
    box-sizing: border-box;
    padding: .2rem;
    position:relative;
    display:inline-block;
}
.game-info .game-buy .game-buy-l{
    width:2.75rem;
    height:1.3rem;
    float:left;
    position:relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex-box;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    text-align:center;
    overflow:hidden;
}
.game-info .game-buy .game-buy-l img{
    width:100%;
}
.game-info .game-buy .game-buy-l em{
    width:1rem;
    height:.4rem;
    line-height:.4rem;
    background:#52872f;
    color:#a0f76c;
    text-align:center;
    position:absolute;
    right:0;
    top:0;
}
.game-info .game-buy .game-buy-l .newlowest{
    background:#8900ff;
    color:#ffffff;
}
.game-info .game-buy .game-buy-l .lowest{
    background:#e64141;
    color:#ffffff;
}
.game-info .game-buy .game-buy-r{
    width:3.6rem;
    float:right;
}
.game-info .game-buy .game-buy-r .game-buy-rcn{
    width:100%;
    height:.4rem;
    line-height:.4rem;
    float:right;
    font-weight:bold;
    font-size: .32rem;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.game-info .game-buy .game-buy-r .game-buy-ren{
    width:100%;
    height:.4rem;
    line-height:.4rem;
    float:right;
    font-size: .2rem;
    color:#ccc;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.game-info .game-buy .game-buy-r .game-buy-rin{
    width:100%;
    height:.6rem;
    float:right;
    display:inline-block;
}
.game-info .game-buy .game-buy-r .game-buy-rin .game-buy-rin-l{
    width:2.35rem;
    height:.5rem;
    line-height:.5rem;
    background:#e9e9e9;
    border-radius:.05rem;
    float:left;
}
.game-info .game-buy .game-buy-r .game-buy-rin .game-buy-rin-l p{
    width:50%;
    float:left;
    height:.5rem;
    line-height:.5rem;
    overflow:hidden;
    display:inline-block;
    font-size: .24rem;
}
.game-info .game-buy .game-buy-r .game-buy-rin .game-buy-rin-l .iscoupon{
    width: 0.9rem;
    height: 0.5rem;
    line-height: 0.5rem;
    text-align: center;
    font-size:0.2rem;
    color: #ec623f;
    float: left;
}
.game-info .game-buy .game-buy-r .game-buy-rin .game-buy-rin-l .zk{
    width:0.8rem;
    height: 0.5rem;
    line-height: 0.5rem;
    text-align: center;
    font-size:0.24rem;
    color: #ffffff;
    float: left;
    background: rgb(74,178,130);
    margin-right: 0.1rem;
    border-radius: 0.05rem;
}
.game-info .game-buy .game-buy-r .game-buy-rin .game-buy-rin-l span{
    width: 1.4rem;
    float:
            left;
    height:.5rem;
    line-height:.5rem;
    overflow:
            hidden;
    color: #ec623f;
    display:
            inline-block;
    /* text-decoration: line-through; */
    font-size: .28rem;
    font-weight: bold;
}
.game-info .game-buy .game-buy-r .game-buy-rin .game-buy-rin-r{
    width:1.2rem;
    height:.5rem;
    line-height:.4rem;
    color:#fff;
    background:url(/images/v1/buybtnbg.png) no-repeat;
    background-size: 100%;
    float:right;
    display:inline-block;
    text-align:center;
    margin-top: .05rem;
}
.game-info .game-buy .game-buy-r .game-buy-rin .game-buy-rin-r a{
    color:#fff;
    font-size: .28rem;
    font-weight: bold;
    letter-spacing: .05rem;
}
.game-info .game-buy i{
    width:1rem;
    height:1rem;
    background:url(/images/v1/shidi.png) no-repeat;
    background-size: 100%;
    position:absolute;
    right:0;
    top:0;
}

.game-info .game-comment {
    margin: 0.5rem auto 0;
    width: 6.9rem;
    height: 3.53rem;
    background-color: #ffffff;
    box-shadow: 0 0 0.09rem 0 rgba(0, 0, 0, 0.15);
    border-radius: 0.16rem;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    box-sizing: border-box;
    padding-top: 0.25rem;
    flex-wrap: wrap;
}

.xs-score {
    width: 2.22rem;
    height: 1.8rem;
    box-sizing: border-box;
    padding-left: 0.3rem;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    flex-shrink: 0;
}

.xs-score .score {
    font-size: 0.6rem;
    color: #3b3b3b;
    font-weight: bold;
    height: 0.65rem;
    line-height: 0.65rem;
}

.xs-score .score-star {
    background: url(/images/v1/mg29.png) no-repeat center center;
    background-size: 1.9rem 0.3rem;
    height: 0.3rem;
    width: 1.9rem;
    margin: 0.1rem auto;
}

.xs-score .score-star div {
    background: url(/images/v1/mg28.png) no-repeat left center;
    height: 0.3rem;
    background-size: 1.9rem 0.3rem;
    width: 60%;
}

.xs-score a {
    display: block;
    width: 100%;
    height: 0.55rem;
    border-radius: 0.2rem;
    text-align: center;
    line-height: 0.55rem;
    color: #3b3b3b;
    font-size: 0.22rem;
}

.game-info .game-comment .comment-content {
    height: 1.8rem;
    width: 4rem;
    text-align: left;
    align-items: flex-start;
    justify-content: center;
    display: flex;
    flex-direction: column;
    margin-left: 0.6rem;
    font-size: 0.24rem;
    color: #646464;
    line-height: 0.45rem;
}

.xs-t2-play {
    width: 100%;
    align-items: center;
    height: 0.6rem;
    justify-content: center;
    display: flex;
}

.xs-t2-play div,
.xs-t2-play a {
    width: 3rem;
    height: 0.57rem;
    background-color: #ffffff;
    box-shadow: 0 0 0.09rem 0 rgba(184, 184, 184, 0.24);
    border-radius: 0.28rem;
    border: solid 1px #ededed;
    margin: 0 0.1rem;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.26rem;
    font-weight: bold;
    color: #3b3b3b;
    cursor: pointer;
}

.xs-t2-play-l i {
    display: block;
    width: 0.23rem;
    height: 0.27rem;
    margin-right: 0.12rem;
    background: url(/images/v1/mg41.png) no-repeat;
    background-size: 100% 100%;
}

.xs-t2-play-r i {
    display: block;
    width: 0.25rem;
    height: 0.25rem;
    margin-right: 0.1rem;
    background: url(/images/v1/mg45.png) no-repeat;
    background-size: 100% 100%;
}

.xs-t2-play a i {
    display: block;
    width: 0.25rem;
    height: 0.25rem;
    margin-right: 0.1rem;
    background: url(/images/v1/mg47.png) no-repeat;
    background-size: 100% 100%;
}

.video-js .vjs-big-play-button .vjs-icon-placeholder:before, .video-js .vjs-play-control .vjs-icon-placeholder:before, .vjs-icon-play:before {
    content: "";
    pointer-events:none;
}

.vjs-big-play-centered .vjs-big-play-button {
    margin-top: -1.3em;
    margin-left: -1.5em;
    background: url(/images/v1/mg19.png) no-repeat;
    background-size:100% 100%;
    border-radius: 50%;
    border: 0;
    width:3em;
    height:3em;
}
.video-js.vjs-16-9, .video-js.vjs-4-3, .video-js.vjs-fluid{
    padding-top:0 !important;
    height:4.2rem;
}
/*平台*/
.platform-container {
    width: 6.9rem;
    margin: 0.4rem auto 0;
}

.platform-container .swiper-pagination-custom{
    width: auto;
}

.platform-container .swiper-pagination {
    /*top: 0;
    bottom: auto;
    display: flex;
    align-items: center;
    justify-content: flex-start;*/
    border-bottom: 1px solid #ccc;
    display: -webkit-box;
    overflow-x: scroll;
    height: 0.7rem;
    position:initial;
}
.platform-container .swiper-pagination::-webkit-scrollbar {
    display: none;
}
.platform-container .swiper-pagination::-webkit-scrollbar-thumb {
    display: none;
}
.platform-container .swiper-pagination::-webkit-scrollbar-track {
    display: none;
}
.platform-container .swiper-pagination span {
    font-size: 0.32rem;
    line-height: 0.42rem;
    color: #3b3b3b;
    display: block;
    height: 0.65rem;
    margin-right: 0.4rem;
    min-width: 0.8rem;
    float:left;
}
.platform-pagination{display: none!important;}

.platform-container .swiper-pagination .swiper-pagination-customs-active {
    color: #222222;
    font-weight: bold;
    position: relative;
    font-size: 0.34rem;
}

.platform-container .swiper-pagination .swiper-pagination-customs-active:after {
    content: "";
    left: 0;
    right: 0;
    bottom: -2px;
    display: block;
    width: 0.8rem;
    margin: auto;
    height: 0.08rem;
    border-radius: 0.03rem;
    background: #ff562f;
    position: absolute;
}

.platform-container .swiper-slide {
    box-sizing: border-box;
    padding: 0 0.1rem;
    font-size: 0.26rem;
    color: #888888;
}

.platform-container .swiper-slide h3 {
    margin-bottom: 0.2rem;
    color: #3b3b3b;
}

.platform-container .platform-info {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
}

.platform-container .platform-info div {
    width: 50%;
    text-align: left;
    margin-bottom: 0.12rem;
    height: 0.3rem;
    line-height: 0.3rem;
    overflow: hidden;

}

.platform-container .platform-info div span {
    color: #3b3b3b;
}
.shengming{width:94%;margin:0 auto;}
.shengming span{width:100%;text-align:center;display:block;font-size:.32rem;font-weight: bold;}
.shengming p{line-height:.48rem;}
.shengming p font{color:#f60;}
.shengming em{text-align:right;display:block;}