.M-Content {
    position: relative
}

@font-face {
    font-family: "BarlowSemi";
    src: url("../font/BarlowSemiBold-Regular.woff2") format("woff2"),url("../font/BarlowSemiBold-Regular.woff") format("woff");
    font-style: normal;
    font-weight: 700;
    font-variant-ligatures:none}

.Top-bg {
    position: absolute;
    width: 100%;
    height: 648px;
    background-size: cover;
    filter: opacity(.4);
    background-repeat: no-repeat;
    background-position: top;    top: -20px;
    z-index: -99
}

.Top-bg-mask {
    position: absolute;
    width: 100%;
    height: 648px;
    backdrop-filter: blur(10px);
    z-index: -98; top:-20px;
}



@-webkit-keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-20px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0)
    }
}

@keyframes fadeInLeft {
    0% {
        opacity: 0;
        transform: translateX(-20px)
    }

    100% {
        opacity: 1;
        transform: translateX(0)
    }
}

.none {
    display: none
}

.block {
    display: block
}

.pic1 {
    border: 0
}

.tc {
    color: #c72000
}

a:hover .tc {
    color: #c72000;
    text-decoration: underline
}

.jbhd {
    width: 63px;
    height: 63px;
    position: absolute;
    right: 0;
    top: 0;
    background: url(../img/jbhd.png) no-repeat
}

.Top {
    width: 100%;
    min-width: 1240px;
    height: 60px;
    background-color: #333;
    overflow: visible;
    position: relative;
    z-index: 9999
}

.Headers {
    margin: 0 auto;
    padding: 0 20px;
    width: 1200px;
    height: 60px;
    overflow: visible;
    position: relative
}

.Headers .logo {
    display: inline-block;
    width: auto;
    height: 40px;
    position: absolute;
    left: 20px;
    top: 10px
}

.Headers .logo i {
    display: none;
    float: left;
    padding: 0 25px;
    height: 35px;
    line-height: 36px;
    color: #888;
    font-size: 24px;
    font-family: SimSun;
    font-style: normal
}

.Headers .logo a {
    float: left;
    margin-right: 5px;
    display: inline-block
}

.Headers .logo a.logo1 {
    display: none;
    width: 110px;
    height: 35px;
    background: url(../img/logo1s.png) no-repeat
}

.Headers .logo a.logo1:hover {
    background-position: 0 -35px
}

.Headers .logo a.logo2 {
    width: 170px;
    height: 40px;
    background: url(../img/logo.png) no-repeat
}

.Headers .sosouser {
    display: inline-block;
    width: auto;
    height: 46px;
    overflow: visible;
    position: absolute;
    right: 20px;
    top: 14px
}

.Headers .soso {
    float: left;
    display: inline-block;
    width: auto;
    height: 46px;
    overflow: visible
}

.Headers .search {
    float: left;
    width: auto;
    height: 30px;
    background-color: #4d4d4d;
    border: 1px solid #0d0d0d;
    border-radius: 2px
}

.Headers .search input {
    float: left;
    border: 0;
    font-family: 'Microsoft YaHei';
    -webkit-appearance: none;
    background: transparent
}

.Headers .search input.Sinput {
    padding: 5px 10px;
    width: 230px;
    height: 20px;
    line-height: 20px;
    color: #fff;
    font-size: 12px
}

.Headers .search input.Sbutton {
    width: 47px;
    height: 30px;
    text-indent: -999px;
    cursor: pointer;
    border-left: 1px solid #0d0d0d;
    border-radius: 0 2px 2px 0
}

.Headers .search input.Sbutton {
    background: #4d4d4d url(../img/sub2.png) center 0 no-repeat
}

.Headers .search input.Sbutton:hover {
    background-position: center -30px;
    background-color: #2aae68
}

.Headers .nav {
    float: left;
    padding: 0 20px;
    display: inline-block;
    width: auto;
    height: 46px;
    overflow: visible
}

.Headers .nav .alik {
    float: left;
    padding: 0 10px;
    display: inline-block;
    width: auto;
    height: 32px;
    line-height: 32px;
    color: #aaa
}

.Headers .nav .alik.app {
    padding-left: 18px;
    background: url(../img/qznav.png) 0 -107px no-repeat
}

.Headers .nav .alik.tongzhi span {
    float: none
}

.Headers .nav .alik.tongzhi span.tz {
    padding-left: 3px;
    display: inline-block;
    height: 14px;
    line-height: 14px;
    vertical-align: middle
}

.Headers .nav .alik.tongzhi span.tz em {
    float: left;
    display: inline-block;
    height: 14px;
    background: url(../img/tz.png) no-repeat
}

.Headers .nav .alik.tongzhi span.tz em.l {
    width: 7px;
    background-position: 0 0
}

.Headers .nav .alik.tongzhi span.tz em.r {
    width: 5px;
    background-position: -21px 0
}

.Headers .nav .alik.tongzhi span.tz .num {
    float: left;
    display: inline-block;
    width: auto;
    height: 14px;
    line-height: 13px;
    color: #f2f2f3;
    font-size: 12px;
    background: #e23703
}

.Headers .nav .alik:hover {
    color: #fff
}

.Headers .nav span {
    float: left;
    display: inline-block;
    width: auto;
    height: 46px;
    position: relative
}

.Headers .nav span p {
    margin: 0;
    cursor: pointer
}

.Headers .nav span .topbar-menu {
    display: none
}

.Headers .nav span .topbar-tz {
    display: none
}

.Headers .nav span.cur p {
    color: #fff
}

.Headers .nav span.cur .topbar-menu {
    display: block;
    animation: fadeInDown .25s ease-in-out 0s alternate
}

.Headers .nav span.cur .topbar-tz {
    display: block;
    animation: fadeInDown .25s ease-in-out 0s alternate
}

.Headers .userLogin {
    float: left;
    padding-left: 25px;
    display: inline-block;
    width: auto;
    min-width: 90px;
    height: 30px;
    overflow: visible;
    border-left: 1px solid #4e4e4e
}

.Headers .userLogin .noLogin {
    float: left;
    display: inline-block;
    width: auto;
    height: 30px;
    color: #d2d2d2
}

.Headers .userLogin .noLogin a {
    float: left;
    display: inline-block;
    width: auto;
    height: 30px;
    line-height: 30px;
    color: #aaa
}

.Headers .userLogin .noLogin a.Login {
    padding-left: 42px;
    background: url(../img/tx.png) no-repeat
}

.Headers .userLogin .noLogin a:hover {
    color: #fff
}

.Headers .userLogin .noLogin i {
    float: left;
    padding: 0 2px;
    display: inline-block;
    width: auto;
    height: 30px;
    line-height: 30px;
    color: #333;
    font-family: SimSun;
    font-style: normal
}

.Headers .userLogin .okLogin {
    float: left;
    display: inline-block;
    width: auto;
    height: 40px
}

.Headers .userLogin .okLogin a.uname {
    float: left;
    padding-right: 15px;
    display: inline-block;
    width: auto;
    max-width: 123px;
    height: 30px;
    line-height: 30px;
    color: #fff
}

.Headers .userLogin .okLogin a.uname {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.Headers .userLogin .okLogin a.uname {
    background: url(../img/user-v.png) right center no-repeat
}

.Headers .userLogin .okLogin a.uname img {
    float: left;
    margin-right: 10px;
    width: 30px;
    height: 30px;
    border-radius: 15px;
    vertical-align: middle
}

.Headers .userLogin .okLogin .userLayer {
    display: none;
    margin: 35px 0 0 -85px;
    padding: 0 10px 10px;
    width: 262px;
    height: auto;
    position: absolute;
    z-index: 99999
}

.Headers .userLogin .okLogin .userLayer .zx {
    margin-bottom: -1px;
    width: 262px;
    height: 9px;
    position: relative
}

.Headers .userLogin .okLogin .userLayer .zx {
    background: url(../img/userLayer.png) center 0 no-repeat
}

.Headers .userLogin .okLogin.cur .userLayer {
    display: block;
    animation: fadeInDown .25s ease-in-out 0s alternate
}

.Headers .userLogin .okLogin .userLayer.sm {
    right: 10px
}

.Headers .userLogin .okLogin .userLayer.sm .zx {
    left: 85px
}

@keyframes fadeInDown {
    0% {
        opacity: 0;
        transform: translateY(-5px)
    }

    100% {
        opacity: 1;
        transform: translateY(0)
    }
}

.Mid {
    margin: 0 auto;
    padding: 50px 10px 0;
    width: 1200px;
    height: auto;
    min-height: 800px
}

a.zheng img {
    display: block;
    width: auto!important;
    height: 18px!important;
    border-radius: 0!important
}

a.zheng div {
    display: none;
    width: 200px;
    height: 36px;
    text-align: center;
    position: absolute;
    z-index: 1000;
    margin: -58px 0 0 -88px
}

a.zheng div span {
    display: inline-block;
    padding: 0 12px;
    width: auto;
    height: 28px;
    line-height: 28px;
    color: #444!important;
    font-size: 12px!important;
    font-family: 'Microsoft YaHei'!important
}

a.zheng div span {
    font-weight: 400!important;
    white-space: nowrap;
    background: #fff;
    border: 1px solid #aaa;
    border-radius: 4px
}

a.zheng div em {
    display: block!important;
    width: 13px!important;
    height: 7px!important;
    position: absolute;
    left: 50%;
    bottom: 0;
    margin-left: -10px
}

a.zheng div em {
    background: url(../img/ab3.png) no-repeat
}

a.zheng:hover div {
    display: block
}
/*
.Bot {
    width: 100%;
    min-width: 1240px;
    height: auto;
    font-size: 12px;
    background-color: #141414
}

.Bot .Hot {
    width: 100%;
    min-width: 1240px;
    height: auto;
    background-color: #181818
}

.Bot .Hots {
    margin: 0 auto;
    padding: 40px 20px 0;
    width: 1098px;
    height: auto
}

.Bot .Hots .foot {
    margin-bottom: 24px;
    width: 1128px;
    height: auto
}

.Bot .Hots .foot li {
    float: left;
    margin-right: 29px;
    width: 158px;
    height: auto;
    border-right: 1px dotted #2f2f2f
}

.Bot .Hots .foot li .tit {
    width: 129px;
    height: 32px;
    line-height: 20px;
    color: #666;
    font-size: 16px;
    font-weight: bold;
    font-family: 'Microsoft YaHei'
}

.Bot .Hots .foot li .tit a {
    color: #666
}

.Bot .Hots .foot li .tit a:hover {
    color: #aaa
}

.Bot .Hots .foot li .like {
    width: 158px;
    height: 116px
}

.Bot .Hots .foot li .like div {
    float: left;
    width: 79px;
    height: auto
}

.Bot .Hots .foot li .like div a {
    margin-bottom: 15px;
    display: block;
    color: #666;
    font-family: SimSun
}

.Bot .Hots .foot li .like div a:hover {
    color: #aaa
}

.Bot .Hots .links {
    padding: 20px 0 10px;
    width: 1100px;
    height: auto;
    font-family: SimSun;
    border-top: 1px dotted #2f2f2f
}

.Bot .Hots .links span {
    margin-bottom: 15px;
    display: inline-block;
    color: #666
}

.Bot .Hots .links a {
    margin: 0 15px 15px 0;
    display: inline-block;
    color: #666
}

.Bot .Hots .links a:hover {
    color: #aaa
}

.Bot .Copyright {
    margin: 0 auto;
    padding: 20px;
    width: 1200px;
    height: auto;
    line-height: 30px;
    text-align: center;
    color: #454545;
    font-family: SimSun
}

.Bot .Copyright a {
    color: #454545
}

.Bot .Copyright a:hover {
    color: #aaa
}
*/
.tishi {
    padding: 0 10px;
    width: auto;
    height: 22px;
    line-height: 22px;
    color: #333;
    font-size: 12px;
    font-family: SimSun;
    background-color: #fff899;
    border: 1px solid #828282;
    position: fixed;
    z-index: 999999
}

.book-layer {
    margin: -200px 0 0 -280px;
    width: 464px;
    height: auto;
    background-color: #fff;
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 10000;
    border-radius: 15px;
    box-shadow: 1px 9px 50px 0 rgba(0,0,0,.8)
}

.book-layer {
    display: none;
    padding: 15px 43px 28px;
    overflow: visible;
    _position: absolute;
    _top: expression(eval(document.documentElement.scrollTop+400))
}

.book-layer img {
    margin: 0 auto;
    display: block;
    height: 100px
}

.book-layer h3 {
    margin: 0;
    line-height: 60px;
    color: #009fe3;
    font-size: 38px;
    text-align: center
}

.book-layer h4 {
    margin: 0;
    line-height: 60px;
    color: #e6a100;
    font-size: 38px;
    text-align: center
}

.book-layer p {
    margin: 0;
    width: 480px;
    line-height: 26px;
    color: #555;
    font-size: 15px
}

.book-layer a.book-close {
    display: block;
    width: 55px;
    height: 55px;
    position: absolute;
    right: -20px;
    top: -18px
}

.book-layer a.book-close {
    background: url(//image.gamersky.com/webimg13/shouyou/z/new/book-close.png) no-repeat
}

.book-layer a.book-btn {
    margin: 20px auto 0;
    display: block;
    width: 180px;
    height: 44px;
    line-height: 44px;
    color: #fff;
    font-size: 17px;
    text-align: center;
    background-color: #e6a100;
    border-radius: 5px
}

.book-layer a.book-btn:hover {
    color: #fff;
    background-color: #ffb200
}

.popop_mask {
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: .5;
    filter: alpha(opacity=50);
    position: fixed;
    _position: absolute;
    top: 0;
    left: 0;
    z-index: 2000
}

.popop_mask {
    _height: 1000px;
    _position: absolute;
    _top: expression(eval(document.documentElement.scrollTop))
}

.popop_layer {
    margin: -90px 0 0 -225px;
    padding: 25px 25px 0 25px;
    width: 400px;
    height: 155px;
    background-color: #fff;
    border-radius: 10px;
    box-shadow: 0 0 20px 0 rgba(0,0,0,.5)
}

.popop_layer {
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 3000;
    _position: absolute;
    _top: expression(eval(document.documentElement.scrollTop+400))
}

.popop_layer .con {
    width: auto;
    height: 105px;
    line-height: 26px;
    color: #333;
    font-size: 15px
}

.popop_layer .con span {
    color: #f35600
}

.popop_layer .btn {
    width: auto;
    height: 50px
}

.popop_layer .btn a {
    margin-left: 5px;
    display: inline-block;
    width: 95px;
    height: 32px;
    line-height: 32px;
    color: #fff;
    font-size: 15px;
    border-radius: 2px;
    text-align: center
}

.popop_layer .btn a.cancelbtn {
    float: right;
    background-color: #ccc
}

.popop_layer .btn a.determinebtn {
    float: right;
    background-color: #666
}

.popop_layer .btn a.cancelbtn:hover {
    background-color: #bababa
}

.popop_layer .btn a.determinebtn:hover {
    background-color: #6e6e6e
}

.pop_mask {
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: .5;
    filter: alpha(opacity=50);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 2000
}

.pop_mask {
    _height: 1000px;
    _position: absolute;
    _top: expression(eval(document.documentElement.scrollTop))
}

.pop_layer {
    margin: -350px 0 0 -300px;
    width: 600px;
    height: auto;
    background-color: #fff;
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 3000
}

.pop_layer {
    _position: absolute;
    _top: expression(eval(document.documentElement.scrollTop+400))
}

.pop_top {
    width: auto;
    height: 46px
}

.pop_top a {
    float: right;
    margin: 16px;
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url(//image.gamersky.com/webimg15/zp/layer_close.png) no-repeat;
    background-size: cover
}

.pop_top a:hover {
    background-position: 0 -16px
}

.pop_tit {
    padding: 44px 0 15px;
    width: auto;
    line-height: 20px;
    text-align: center;
    color: #666;
    font-size: 15px
}

.pop_tit {
    background: url(//image.gamersky.com/webimg15/zp/pop-tit.png) center 8px no-repeat
}

.pop_con {
    padding: 0 30px;
    width: 540px;
    height: auto
}

.pop_con textarea {
    margin-bottom: 6px;
    padding: 5px;
    width: 528px;
    max-width: 528px;
    height: 200px;
    max-height: 200px;
    line-height: 20px;
    color: #000;
    font-size: 14px;
    font-family: 'Microsoft YaHei'
}

.pop_con textarea {
    border: 1px solid #ddd;
    border-radius: 3px;
    overflow-y: auto;
    overflow: hidden
}

.pop_int {
    width: 538px;
    height: 34px;
    border: 1px solid #ddd;
    border-radius: 3px
}

.pop_int .tit {
    float: left;
    width: 70px;
    height: 34px;
    line-height: 34px;
    color: #999;
    font-size: 14px;
    text-align: center
}

.pop_int .int {
    float: left;
    width: auto;
    height: 34px
}

.pop_int .int input {
    padding: 5px 0;
    width: 460px;
    height: 24px;
    line-height: 24px;
    color: #000;
    font-size: 14px;
    font-family: 'Microsoft YaHei';
    border: 0
}

.pop_btn {
    padding: 15px 30px;
    width: 540px;
    height: 50px
}

.pop_btn a {
    display: inline-block;
    width: 100px;
    height: 40px;
    line-height: 40px;
    color: #fff;
    font-size: 15px;
    border-radius: 2px;
    text-align: center
}

.pop_btn a.popBtn {
    float: right;
    background-color: #555
}

.pop_btn a.popBtn:hover {
    background-color: #5e5e5e
}

.pop_infor {
    padding: 15px 30px 40px;
    width: 540px;
    height: auto;
    background: #fab235 url(//image.gamersky.com/webimg15/zp/pop-infor.jpg) center bottom no-repeat
}

.pop_infor h3 {
    line-height: 50px;
    color: #222;
    font-size: 17px
}

.pop_infor .infor {
    height: 110px
}

.pop_infor p {
    line-height: 28px;
    color: #4e370d;
    font-size: 15px;
    text-indent: 30px
}

.pop_infor a {
    margin: 0 auto;
    display: block;
    width: 150px;
    height: 36px;
    text-align: center;
    background-color: #fff;
    border-radius: 3px
}

.pop_infor a span {
    padding-left: 30px;
    display: inline-block;
    width: auto;
    height: 36px;
    line-height: 36px;
    color: #333;
    font-size: 15px
}

.pop_infor a span {
    background: url(//image.gamersky.com/webimg15/zp/qqbtn.png) 0 center no-repeat
}

.side_hd {
    width: 63px;
    height: 58px;
    position: fixed;
    top: 40%;
    left: 50%;
    z-index: 100
}

.side_hd {
    _position: absolute;
    _top: expression(eval(document.documentElement.scrollTop+200))
}

.side_hd a {
    display: inline-block;
    width: 63px;
    height: 58px;
    background: url(//image.gamersky.com/webimg15/zp/huodong.png) no-repeat
}

.emoji {
    width: 20px;
    height: 20px;
    vertical-align: middle
}

.Mid {
  
    overflow: visible
}

.Mid_GN {
    margin-bottom: 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    overflow: visible
}

.Mid_GN .div1 .tit_CH {
    margin-bottom: 4px;
    line-height: 32px;
    color: #fff;
    font-size: 24px;
    font-weight: bold;
    user-select: text
}

.Mid_GN .div1 .tit_EN {
    width: auto;
    height: 18px;
    line-height: 18px;
    color: #fff;
    font-size: 14px;
    opacity: .8;
    user-select: text
}

.Mid_GN .div2 {
    overflow: visible;
    flex-shrink: 0
}

.Midfx {
    width: auto;
    height: 36px;
    position: relative;
    overflow: visible;
    border-radius: 4px
}

.Midfx a.fx {
    padding: 8px 15px 8px 41px;
    display: inline-block;
    line-height: 20px;
    color: #222;
    font-size: 16px
}

.Midfx a.fx {
    border-radius: 4px;
    background: #fff url(../img/fenxiang-bai.svg) 15px center no-repeat
}

.Midfx:hover a.fx {
    opacity: .8
}

.Midfx .fxbg {
    box-sizing: border-box;
    display: none;
    margin: 48px 0 0 -266px;
    padding: 15px 20px;
    width: 250px;
    height: 112px;
    position: absolute;
    top: 10px;
    right: 116px;z-index: 88888;
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 0 30px 0 rgba(0,0,0,.1)
}

.Midfx.cur .fxbg {
    display: block;
    z-index: 99;
    overflow: visible
}

.Midfx.cur .fxbg::before {
    width: 20px;
    height: 10px;
    content: '';
    display: block;
    position: absolute;
    left: 100px;
    top: -10px;
    background: url(//image.gamersky.com/webimg13/www/newPc/img_bubble_arrow@2x.png) no-repeat center/20px 10px
}

.Midfx .bdsharebuttonbox {
    width: auto;overflow: hidden;
    height: 110px;
}

.Midfx .bdsharebuttonbox a {
    float: left;
    margin-right: 15px;
    display: inline-block;
    width: 50px;
    height: 82px;
    font-size: 15px;
    font-weight: normal;
    line-height: 136px;
    color: #222;
    text-align: center
}

.Midfx .bdsharebuttonbox a:last-child {
    margin-right: 0
}

.Midfx .bdsharebuttonbox a.bds_sqq {
    background: url(../img/icon_QQ_50x50_Normal@3x.png) no-repeat top/50px; width:50px; padding-left: 10px;
}

.Midfx .bdsharebuttonbox a.bds_weixin {
    background: url(../img/icon_WeiXin_50x50_Normal@3x.png) no-repeat top/50px; width:50px;padding-left: 10px;
}

.Midfx .bdsharebuttonbox a.bds_tsina {
    background: url(../img/icon_WeiBo_50x50_Normal@3x.png) no-repeat top/50px; width:50px;padding-left: 10px;
}

.Mid_T {
    width: 1180px;
    min-height: 572px;
    background-color: #fff;
    position: relative;
    box-shadow: 0 2px 4px 0 rgba(0,0,0,.05);
    border-radius: 8px;
    padding: 20px;
    box-sizing: border-box;
    display: flex;
    gap: 20px;
    align-items: flex-start;
    overflow: visible
}

.Mid_T_LL{
    width: 760px;
    height: 532px;
    text-align: center;
    border-radius: 4px;
    overflow: visible;
    position: relative
}
.Mid_T_L2{width: 760px;
    height: 427px;
    text-align: center;
    border-radius: 4px;
    overflow: visible;
    position: relative}
.Mid_T_L2 img{ width:100%; height:100%;}    
    
.Mid_T_L {
    width: 760px;
    height: 426px
}

.Mid_T_L .loading {
    width: 30px;
    height: 30px;
    position: absolute;
    left: 380px;
    top: 213px
}

.Mid_T_LL.noData {
    position: relative;
    background: #f5f7fa;
    border: 1px solid rgba(0,0,0,.03);
    backdrop-filter: blur(10px)
}

.Mid_T_LL.noData div {
    display: none
}

.Mid_T_LL.noData::after {
    position: absolute;
    content: '';
    display: block;
    top: 50%;
    left: 50%;
    margin-top: -85px;
    margin-left: -100px;
    width: 200px;
    height: 170px;
    background: url('../img/image_empty@2x.png') no-repeat center/200px
}

.Mid_T_L a img {
    width: 760px;
    height: 426px;
    border-radius: 4px;
    outline: 1px solid rgba(0,0,0,.03);
    outline-offset: -1px;
    background: #f5f7fa;
    box-sizing: border-box;
    object-fit: cover;
    object-position: top
}

.Mid_T_L video {
    width: 760px;
    height: 426px;
    background-color: #edf7fc;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 10
}

.Mid_T_LL .piclist {
    margin-top: 10px;
    display: flex;
    gap: 10px;
    width: 914px;
    transition: all .2s
}

.Mid_T_LL .piclist a:not(.cur) {
    outline: none!important
}

.Mid_T_LL .piclist a.cur {
    outline-offset: -2px;
    box-sizing: border-box;
    border-radius: 4px
}

.Mid_T_LL .piclist a img {
    box-sizing: border-box;
    width: 144px;
    height: 96px;
    border-radius: 4px;
    background: #f5f7fa;
    object-fit: cover
}

.Mid_T_LL .piclist a.vd {
    position: relative
}

.Mid_T_LL .piclist a.vd::before {
    display: block;
    content: '';
    width: 32px;
    height: 32px;
    position: absolute;
    left: 56px;
    top: 32px;
    background: url(../img/image_video_hud@2x.png) no-repeat center/32px
}

.Mid_T_LL .piclist .more {
    display: block;
    width: 144px;
    height: 96px;
    border-radius: 4px;
    background: #f5f7fa;
    box-sizing: border-box;
    color: rgba(0,0,0,.3);
    line-height: 96px;
    cursor: pointer
}

.Mid_T_LL .PVcon {
    position: relative; overflow: hidden;
}

.Mid_T_LL .nbtn-prev,.Mid_T_LL .nbtn-next {
    position: absolute;
    bottom: 28px;
    right: -12px;
    width: 40px;
    height: 40px;
    line-height: 36px;
    background: #fff;
    border-radius: 100px;
    opacity: 1;
    background: #fff;
    box-sizing: border-box;
    border: 1px solid rgba(0,0,0,.03);
    box-shadow: 0 2px 4px 0 rgba(0,0,0,.05);
    z-index: 99
}

.Mid_T_LL .nbtn-prev.disable {
    background-image: url('../img/arrow-left-bai.svg');
    transform: rotate(0deg)
}

.Mid_T_LL .nbtn-next.disable {
    background-image: url('../img/arrow-left-bai.svg');
    transform: rotate(180deg)
}

.Mid_T_LL .nbtn-prev {
    left: -12px;
    transform: rotate(180deg);
    background: #fff url('../img/arrow-right-888.svg') no-repeat center/16px
}

.Mid_T_LL .nbtn-next {
    background: #fff url('../img/arrow-right-888.svg') no-repeat center/16px
}

.Mid_T .preview_Imgs {
    display: none;
    width: 640px;
    height: 640px;
    background: #fff;
    border-radius: 8px;
    padding: 20px;
    box-sizing: border-box;
    position: fixed;
    top: 50%;
    left: 50%;
    margin-top: -320px;
    margin-left: -320px;
    z-index: 10001;
    overflow: visible
}

.Mid_T .preview_ImgsBg {
    display: none;
    content: '';
    position: fixed;
    width: 100vw;
    height: 100vh;
    top: 0;
    left: 0;
    background: rgba(0,0,0,.4);
    z-index: 10000
}

.Mid_T .preview_Imgs::after {
    content: '';
    display: block;
    position: absolute;
    top: 20px;
    right: -40px;
    width: 20px;
    height: 20px;
    background: url(../img/guanbi-bai.svg) no-repeat center/20px;
    cursor: pointer;
    pointer-events: none
}

.Mid_T .preview_Imgs .img_Categories {
    margin-bottom: 10px;
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 0 20px
}

.Mid_T .preview_Imgs .img_Categories .category_n {
    position: relative;
    padding-bottom: 10px;
    font-size: 18px;
    font-weight: normal;
    line-height: 24px;
    color: #999;
    box-sizing: border-box;
    cursor: pointer
}

.Mid_T .preview_Imgs .img_Categories .category_n.cur {
    font-weight: bold;
    color: #222
}

.Mid_T .preview_Imgs .img_Categories .category_n.cur::after {
    content: '';
    height: 2px;
    display: block;
    position: absolute;
    bottom: 0;
    width: 100%;
    background: linear-gradient(90deg,#f10 0%,#ff6200 100%)
}

.Mid_T .preview_Imgs .preview_Imgs_list {
    height: auto;
    max-height: 556px;
    overflow-y: auto;
    display: grid;
    grid-template-columns: 130px 130px 130px 130px;
    gap: 25px
}

.Mid_T .preview_Imgs .preview_Imgs_list img {
    width: 130px;
    height: 130px;
    display: inline-block;
    object-fit: contain;
    background: #000;
    cursor: pointer
}

.Mid_T .preview_Imgs .preview_Imgs_list.sp {
    display: flex;
    flex-direction: column
}

.Mid_T .preview_Imgs .preview_Imgs_list.sp .sp_item {
    flex-shrink: 0;
    display: flex;
    flex-direction: row;
    align-items: center;
    border-bottom: 1px solid rgba(0,0,0,.03);
    padding: 8px 0;
    box-sizing: border-box;
    position: relative
}

.Mid_T .preview_Imgs .preview_Imgs_list.sp .sp_item img {
    position: relative;
    width: 160px;
    height: 90px;
    object-fit: contain;
    border-radius: 4px;
    outline: 1px solid rgba(0,0,0,.03);
    outline-offset: -1px
}

.Mid_T .preview_Imgs .preview_Imgs_list.sp .sp_item::before {
    position: absolute;
    content: '';
    display: block;
    top: 37px;
    left: 64px;
    width: 32px;
    height: 32px;
    border-radius: 100px;
    background: url('../img/image_video_hud@2x.png') no-repeat center/32px;
    z-index: 1
}

.Mid_T .preview_Imgs .preview_Imgs_list.sp .sp_item .sp_info {
    padding-left: 16px;
    height: 90px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: start;
    color: rgba(0,0,0,.8);
    font-size: 18px;
    font-weight: 600;
    line-height: 24px
}

.Mid_T .preview_Imgs .preview_Imgs_list .sp_info_time {
    font-size: 14px;
    font-weight: normal;
    line-height: 15px;
    color: rgba(0,0,0,.4)
}

.Mid_T .preview_Imgs .preview_Imgs_list.no_data {
    background: url('../img/image_empty@2x.png') no-repeat center/200px 170px
}

.preview_boxBg {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background: rgba(0,0,0,.4);
    z-index: 10002
}

.preview_box {
    display: none;
    position: fixed;
    width: 1152px;
    height: 700px;
    z-index: 10003;
    top: 166px
}

.preview_box::after {
    content: '';
    display: block;
    position: absolute;
    top: -70px;
    right: -150px;
    width: 20px;
    height: 20px;
    background: url(../img/guanbi-bai.svg) no-repeat center/20px;
    cursor: pointer;
    pointer-events: none
}

.preview_box img {
    width: 1152px;
    height: 700px;
    object-fit: contain
}

.preview_box video {
    width: 1152px;
    height: 700px
}

.preview_box .preview_box_prev,.preview_box .preview_box_next,.preview_box .preview_box_nums {
    position: absolute;
    z-index: 114
}

.preview_box .preview_box_nums {
    padding: 8px 20px;
    box-sizing: border-box;
    background: rgba(255,255,255,.2);
    border-radius: 200px;
    font-size: 24px;
    font-weight: normal;
    line-height: 32px;
    color: #fff;
    top: -78px;
    left: 531px
}

.preview_box .preview_box_prev {
    width: 80px;
    height: 80px;
    background: url('../img/icon_40_arrow_left_circle.svg') no-repeat center/80px;
    top: 284px;
    left: -184px
}

.preview_box .preview_box_next {
    width: 80px;
    height: 80px;
    background: url('../img/icon_40_arrow_right_circle.svg') no-repeat center/80px;
    top: 284px;
    right: -184px
}

.preview_box .preview_box_prev.disable,.preview_box .preview_box_next.disable {
    opacity: .3
}

.Mid_T_R {
    width: 360px;
    min-height: 532px;
    overflow: visible
}

.YXXX {
    width: 360px;
    height: auto;
    overflow: visible
}

.YXXX-T {
    background: #f5f7fa;
    border-radius: 4px
}

.YXXX-T div.img {
    width: 360px;
    height: 190px;
    border-radius: 4px;
    outline: 1px solid rgba(0,0,0,.03);
    outline-offset: -1px;
    box-sizing: border-box;
    backdrop-filter: blur(10px);
    text-align: center
}

.YXXX-T div.img img {
    width: 340px;
    height: 190px;
    object-fit: contain;
    object-position: center
}

.YXXX-T div.btn {
    padding-top: 25px;
    height: auto
}

.YXXX-T div.btn a {
    padding-right: 20px;
    display: inline-block;
    width: 90px;
    height: 34px;
    line-height: 34px;
    color: #fff;
    font-size: 14px
}

.YXXX-T div.btn a {
    background: url(//image.gamersky.com/webimg15/zp/yxxxbtn.png) no-repeat;
    background-color: #f26500;
    border-radius: 5px
}

.YXXX-T div.btn a:hover {
    background-color: #eea50a
}

.YXXX-B {
    width: auto;
    height: auto;
    overflow: visible
}

.YXXX-B .div1 {
    width: 100%;
    height: auto;
    position: relative
}

.YXXX-B .div1 .fxjc {
    width: auto;
    height: 20px;
    position: absolute;
    right: 0;
    top: 16px
}

.YXXX-B .div1 .bdsharebuttonbox {
    float: left;
    margin: 0;
    width: auto;
    height: 20px
}

.YXXX-B .div1 .bdsharebuttonbox a {
    float: left;
    margin: 0;
    padding: 0 0 0 18px;
    display: inline-block;
    width: auto;
    height: 20px;
    line-height: 20px;
    color: #999;
    font-size: 12px
}

.YXXX-B .div1 .bdsharebuttonbox a.bds_more {
    background: url(//image.gamersky.com/webimg15/zp/fxx.png) 0 center no-repeat
}

.YXXX-B .div1 .bdsharebuttonbox a.bds_more:hover {
    color: #1ea15b
}

.YXXX-B .div1 .i {
    float: left;
    padding: 0 10px 0 8px;
    width: auto;
    height: 20px;
    line-height: 20px;
    color: #e5e5e5;
    font-size: 14px;
    font-family: SimSun
}

.YXXX-B .div1 .ContentCorrect {
    float: left;
    width: auto;
    height: 20px
}

.YXXX-B .div1 .ContentCorrect a {
    float: left;
    padding-left: 20px;
    display: inline-block;
    width: auto;
    height: 20px;
    line-height: 20px;
    color: #999;
    font-size: 12px
}

.YXXX-B .div1 .ContentCorrect a {
    background: url(//image.gamersky.com/webimg15/zp/jcc.png) 0 center no-repeat
}

.YXXX-B .div1 .ContentCorrect a:hover {
    color: #1ea15b
}

.YXXX-B .div2 {
    width: 100%;
    height: auto;
    margin-top: 15px
}

.YXXX-B .div2 div.win {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap
}

.YXXX-B .div2 div.win a {
    padding: 3px 8px;
    display: inline-flex;
    align-items: center;
    width: auto;
    border-radius: 2px;
    background: #f5f7fa;
    font-size: 12px;
    line-height: 12px;
    color: #666;
    cursor: default
}

.YXXX-B .div2 div.win a img {
    margin-right: 4px;
    width: 16px;
    height: 16px
}

.YXXX-B .div3 {
    width: 100%;
    position: relative;
    overflow: visible;
    user-select: text
}

.YXXX-B .div3 .tt1 {
    margin-top: 14px;
    display: flex;
    align-items: flex-start;
    position: relative;
    overflow: visible;
    overflow: visible
}

.YXXX-B .div3 .tt1 .tit {
    flex-shrink: 0;
    position: relative;
    margin-right: 8px;
    width: 70px;
    height: 24px;
    line-height: 24px;
    color: #999;
    font-size: 15px
}

.YXXX-B .div3 .tt1 .tit::after {
    display: inline-block;
    content: '';
    position: absolute;
    top: 9px;
    right: 0;
    width: 1px;
    height: 6px;
    background-color: #e5e7e9
}

.YXXX-B .div3 .tt1 .titv {
    line-height: 24px;
    color: #222;
    font-size: 15px
}

.YXXX-B .div3 .tt1 .titv span img {
    width: 16px;
    height: 16px
}

.YXXX-B .div3 .tt1 .titv.issuance {
    overflow: visible;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    color: #666;
    font-size: 15px;
    line-height: 24px;
    max-height: 48px
}

.YXXX-B .div3 .tt1 .titv.issuanceTar::before {
    display: block;
    content: '';
    position: absolute;
    bottom: 0;
    right: 0;
    width: 48px;
    height: 24px;
    background: linear-gradient(270deg,#fff 0%,rgba(255,255,255,0) 100%)
}

.YXXX-B .div3 .tt1 .titv.issuanceTar::after {
    display: block;
    content: '';
    position: absolute;
    bottom: 8px;
    right: -1px;
    width: 8px;
    height: 8px;
    background: url('../img/arrow-down.svg') no-repeat;
    background-size: cover;
    border-radius: 100px
}

#fxTip {
    display: none;
    position: absolute;
    background: #fff;
    z-index: 999;
    box-shadow: 0 0 30px 0 rgba(0,0,0,.1);
    overflow: visible;
    border-radius: 8px;
    left: 0;
    padding: 16px;
    font-size: 15px;
    line-height: 160%;
    color: #666
}

#fxTip:before {
    width: 20px;
    height: 10px;
    content: "";
    display: block;
    position: absolute;
    left: 50%;
    top: -10px;
    margin-left: -10px;
    background: url(//image.gamersky.com/webimg13/www/newPc/img_bubble_arrow@2x.png) no-repeat center/20px 10px
}

.YXXX-B .div3 .tt2 .tag a {
    margin-right: 4px;
    display: inline-block;
    color: #1c8ddc
}

.YXXX-B .div3 .titv.time {
    padding-right: 16px;
    background: url(../img/arrow-down.svg) no-repeat right/8px
}

.YXXX-B .div3 .titv.time:hover .titv_time_list {
    display: block
}

.YXXX-B .div3 .titv_time_list {
    display: none;
    position: absolute;
    top: 33px;
    left: 43px;
    padding: 15px 20px;
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 0 30px 0 rgba(0,0,0,.1);
    z-index: 4;
    overflow: visible
}

.YXXX-B .div3 .titv_time_list::before {
    position: absolute;
    top: -10px;
    left: 50%;
    margin-left: -10px;
    content: '';
    width: 20px;
    height: 10px;
    background: url('//image.gamersky.com/webimg13/www/newPc/img_bubble_arrow@2x.png') no-repeat center/20px 10px
}

.YXXX-B .div3 .titv_time_list .titv_tl_item {
    margin-bottom: 5px;
    display: flex;
    justify-content: start;
    align-items: center;
    color: #222;
    font-size: 15px;
    font-weight: normal;
    line-height: 24px
}

.YXXX-B .div3 .titv_time_list .titv_tl_item:last-child {
    margin-bottom: 0
}

.YXXX-B .div3 .titv_time_list .titv_tl_item .plat {
    margin-right: 8px;
    font-size: 15px;
    font-weight: normal;
    line-height: 24px;
    color: #999;
    min-width: 28px
}

.YXXX-B .div3 .titv_time_list .titv_tl_item .time {
    position: relative;
    padding-left: 8px
}

.YXXX-B .div3 .titv_time_list .titv_tl_item .time::before {
    display: block;
    position: absolute;
    content: '';
    left: 0;
    top: 9px;
    width: 1px;
    height: 6px;
    background: #e5e7e9
}

.YXXX-B .div4 {
    width: 100%;
    height: auto;
    padding-top: 2px;
    overflow: visible
}

.YXXX-B .div4 .con p {
    overflow: visible;
    text-overflow: ellipsis;
    max-height: 96px;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    color: #666;
    font-size: 15px;
    line-height: 24px;
    user-select: text
}

.YXXX-B .div4 .con .Ptar::before {
    display: block;
    content: '';
    position: absolute;
    bottom: 0;
    right: 0;
    width: 48px;
    height: 24px;
    background: linear-gradient(270deg,#fff 0%,rgba(255,255,255,0) 100%)
}

.YXXX-B .div4 .con .Ptar::after {
    display: block;
    content: '';
    position: absolute;
    bottom: 8px;
    right: -1px;
    width: 8px;
    height: 8px;
    background: url('../img/arrow-down.svg') no-repeat;
    background-size: cover;
    border-radius: 100px
}

.YXXX-B .div4 .con {
    position: relative;
    overflow: visible
}

#conTip {
    display: none;
    position: absolute;
    background: #fff;
    z-index: 999;
    box-shadow: 0 0 30px 0 rgba(0,0,0,.1);
    overflow: visible;
    border-radius: 8px;
    left: 0;
    padding: 16px;
    font-size: 15px;
    line-height: 160%;
    color: #666;
    user-select: text
}

#conTip:before {
    width: 20px;
    height: 10px;
    content: "";
    display: block;
    position: absolute;
    left: 50%;
    top: -10px;
    margin-left: -10px;
    background: url(//image.gamersky.com/webimg13/www/newPc/img_bubble_arrow@2x.png) no-repeat center/20px 10px
}

.Mid_N {
    width: auto;
    height: 78px;
    overflow: visible;
    display: flex;
    justify-content: space-between;
    align-items: center;
    box-sizing: border-box
}

.Midnav {
    width: auto;
    display: flex;
    align-items: center
}

.Midnav a,.Mid_N .Midnav_links a {
    display: flex;
    height: 128px;
    text-align: center;
    align-items: center;
    margin: 15px 12px;
    box-sizing: border-box;
    border-bottom: 2px solid transparent
}
.Midnav a{ height:38px;}
.Midnav a img,.Mid_N .Midnav_links a img {
    margin-right: 8px;
    display: inline-block;
    width: 20px;
    height: 20px;
    opacity: .5;
    pointer-events: none
}

.Mid_N .Midnav_links a:hover {
    border-bottom: 2px solid #fff
}

.Midnav a p {
    line-height: 20px;
    color: #fff;
    font-size: 16px;
    opacity: .5
}

.Midnav a.a1 i {
    background-position-x: 0
}

.Midnav a.a2 i {
    background-position-x: -30px
}

.Midnav a.a3 i {
    background-position-x: -60px
}

.Midnav a.a4 i {
    background-position-x: -90px
}

.Midnav a.dp i {
    background-position-x: -120px
}

.Midnav a.zq i {
    background-position-x: -150px
}

.Midnav a.Club i {
    background-position-x: -180px
}

.Midnav a.hd {
    background: url(//image.gamersky.com/webimg15/zp/cyhd.png) center 5px no-repeat
}

.Midnav a.cur i {
    opacity: 1
}

.Midnav a:hover i {
    opacity: 1
}

.Midnav a.cur p,.Midnav a:hover p {
    opacity: 1
}

.Midnav a.cur img,.Midnav a:hover img {
    opacity: 1
}

.Midnav a.cur {
    border-bottom: 2px solid #fff
}

.Mid_N .Midnav_links {
    display: flex;
    align-items: center
}

.Mid_N .Midnav_links a img {
    opacity: 1
}

.Mid_N .Midnav_links a p {
    font-size: 16px;
    color: #fff
}

.Midnav a.lb,.Midnav a.libao {
    display: block;
    width: 115px;
    height: 41px;
    text-align: left;
    background: url(//image.gamersky.com/webimg15/zp/libao.png) center 0 no-repeat
}

.Midnav a .lbcode {
    margin: 41px 0 0 -125px;
    padding: 0;
    width: 0;
    height: 0;
    position: absolute;
    z-index: 100;
    background: url(//image.gamersky.com/webimg13/shouyou/z/new/lbcode.png) no-repeat
}

.Midnav a .lbcode .lbcon {
    width: 170px;
    height: auto;
    color: #333;
    font-family: 'Microsoft YaHei';
    position: absolute;
    left: 162px;
    top: 26px
}

.Midnav a .lbcode .lbcon h5 {
    margin: 0;
    height: 28px;
    line-height: 28px;
    font-size: 16px
}

.Midnav a .lbcode .lbcon h6 {
    margin: 0 0 5px;
    height: 28px;
    line-height: 28px;
    font-size: 16px
}

.Midnav a .lbcode .lbcon p {
    margin: 0;
    height: 26px;
    line-height: 26px;
    background: url(//image.gamersky.com/webimg13/shouyou/z/new/azpg.png) no-repeat
}

.Midnav a .lbcode .lbcon p.az {
    padding-left: 30px;
    background-position-y: -2px
}

.Midnav a .lbcode .lbcon p.pg {
    padding-left: 30px;
    background-position-y: -30px
}

.Midnav a .lbcode .lbcon p.ml {
    margin-top: 14px;
    padding-left: 32px;
    background-position-y: -58px
}

.Midnav a:hover .lbcode {
    padding: 20px 28px;
    width: 310px;
    height: 142px
}

.Mid_L {
    margin-top: 20px;
    float: left;
    margin-right: 20px;
    width: 840px;
    height: auto;
    overflow: visible
}

.MidLcon {
    overflow: visible
}

.MidLcon[tit="下载"] {
    box-shadow: 0 2px 4px 0 rgba(0,0,0,.05);
    border-radius: 8px;
    overflow: hidden
}

.MidLcon.noData .pictxt {
    display: block;
    min-height: 500px;
    background: #fff url(../img/image_empty@2x.png) no-repeat center/200px 170px
}

.MidLcon.noData .downlist {
    min-height: 500px;
    background: #fff url(../img/image_empty@2x.png) no-repeat center/200px 170px
}

.MidLcon.noData ul {
    display: none
}

.MidLtit {
    padding-top: 23px;
    margin-bottom: 15px;
    width: auto;
    height: 42px
}

.MidLtit:first-child {
    border-top: 0
}

.MidLtit h3 {
    float: left;
    padding-left: 37px;
    height: 42px;
    line-height: 40px;
    color: #222;
    font-size: 18px;
    background: url(//image.gamersky.com/webimg15/zp/tit.png) no-repeat
}

.MidLtit h3.t1 {
    background-position-y: 0
}

.MidLtit h3.t2 {
    background-position-y: -42px
}

.MidLtit h3.t3 {
    background-position-y: -84px
}

.MidLtit h3.t4 {
    background-position-y: -126px
}

.MidLtit h3 a {
    float: left;
    display: inline-block;
    padding-right: 18px;
    height: 42px;
    background: url(//image.gamersky.com/webimg15/zp/more1.png) right 0 no-repeat
}

.MidLtit h3 a:hover {
    background-position-y: -42px
}

.MidLtit h4 {
    float: left;
    padding-left: 15px;
    height: 36px;
    line-height: 32px;
    color: #333;
    font-size: 32px;
    border-left: 6px solid #2aae68
}

.MidLtit .link {
    float: left;
    padding: 6px 0;
    width: auto;
    height: 30px;
    line-height: 30px;
    font-size: 16px
}

.MidLtit .link i {
    padding: 0 20px;
    color: #c5c5c5;
    font-size: 14px;
    font-family: SimSun;
    font-style: normal
}

.MidLtit a.itobtn {
    float: right;
    padding: 6px 0;
    display: inline-block;
    width: 176px;
    height: 30px;
    color: #fff;
    text-align: center;
    background-color: #34b167;
    border-radius: 5px
}

.MidLtit a.itobtn span {
    padding-left: 30px;
    display: inline-block;
    height: 30px;
    line-height: 30px;
    font-size: 16px;
    font-weight: bold
}

.MidLtit a.itobtn span {
    background: url(//image.gamersky.com/webimg15/zp/v1/itos2.png) 0 center no-repeat
}

.MidLtit a.itobtn:hover {
    background-color: #39c372
}

.MidLtit a.clubBtn {
    float: right;
    padding: 6px 0;
    display: inline-block;
    width: 176px;
    height: 24px;
    color: #333;
    text-align: center;
    border: 2px solid #ddd;
    border-radius: 5px
}

.MidLtit a.clubBtn span {
    padding-left: 25px;
    display: inline-block;
    height: 24px;
    line-height: 22px;
    font-size: 17px;
    font-weight: bold
}

.MidLtit a.clubBtn span {
    background: url(//image.gamersky.com/webimg15/zp/itos.png) no-repeat
}

.MidLtit a.clubBtn:hover {
    color: #1ea15b;
    border-color: #24c16d
}

.MidLtit a.clubBtn:hover span {
    background-position-y: -24px
}

.MTPF {
    position: relative;
    margin-bottom: 30px;
    width: auto;
    height: 200px;
    border-radius: 8px
}

.MTPF-con {
    margin: 20px 0 0 0;
    width: 800px;
    height: 54px;
    border-bottom: 1px solid #ddd;
    overflow: visible;
    position: relative
}

.MTPF-con .con {
    float: left;
    width: 800px;
    height: 58px;
    position: relative
}

.MTPF-con .con .Bimg {
    width: 744px;
    height: 58px;
    position: absolute;
    top: 0;
    left: 0
}

.MTPF-con .con .Bimg li {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 800px
}

.MTPF-con .con .Bimg li a {
    float: left;
    margin-right: 70px;
    display: inline-block;
    width: auto;
    text-align: center
}

.MTPF-con .con .Bimg li a span {
    display: inline-block;
    width: auto;
    cursor: pointer
}

.MTPF-con .con .Bimg li a span.t1 {
    height: 28px;
    font-family: Arial;
    color: #999;
    font-family: 'BarlowSemi'
}

.MTPF-con .con .Bimg li a span.t1 em {
    font-family: 'BarlowSemi';
    display: inline-block;
    width: auto;
    height: 24px;
    line-height: 28px;
    color: #222;
    font-size: 24px;
    font-weight: bold;
    font-style: normal
}

.MTPF-con .con .Bimg li a span.t1 i {
    padding: 5px 0 0 3px;
    display: inline-block;
    width: auto;
    height: 20px;
    line-height: 20px;
    color: #999;
    font-size: 12px;
    font-style: normal
}

.MTPF-con .con .Bimg li a span.t2 {
    height: 16px;
    line-height: 16px;
    color: #999;
    font-size: 13px
}

.MTPF-con .con .Bimg li a span.t3 {
    padding: 0 5px;
    height: 20px;
    background-color: #f5f5f5
}

.MTPF-con .con .Bimg li a span.t3 {
    -webkit-transition: all .25s ease-out;
    transition: all .25s ease-out
}

.MTPF-con .con .Bimg li a span.t3 i {
    float: left;
    display: inline-block;
    width: 3px;
    height: 3px;
    background-color: #2aae68;
    border-radius: 2px
}

.MTPF-con .con .Bimg li a span.t3 i {
    -webkit-transition: all .25s ease-out;
    transition: all .25s ease-out
}

.MTPF-con .con .Bimg li a[data-txt=''] {
    cursor: default
}

.MTPF-con .con .Bimg li a[data-txt=''] span {
    cursor: default
}

.MTPF-con .con .Bimg li a[data-txt=''] span.t1 em {
    color: #999
}

.MTPF-con .con .Bimg li a[data-txt=''] span.t2 {
    color: #999
}

.MTPF-con .con .Bimg li a[data-txt=''] span.t3 {
    display: none
}

.MTPF-con .con .Bimg li a.cur span.t2 {
    color: #333
}

.MTPF-con .con .Bimg li a.cur span.t3 {
    padding: 0
}

.MTPF-con .con .Bimg li a.cur span.t3 i {
    width: 50px
}

.MTPF-con .btn {
    padding-left: 20px;
    width: 75px;
    height: 48px;
    background-color: #f5f5f5;
    position: absolute;
    right: 0;
    top: 0
}

.MTPF-con .btn a {
    display: inline-block;
    width: 37px;
    height: 32px;
    cursor: default;
    background: url(//image.gamersky.com/webimg15/zp/slides-btn.png) no-repeat
}

.MTPF-con .btn a.Prev {
    float: left;
    background-position-x: 0
}

.MTPF-con .btn a.Next {
    float: right;
    background-position-x: -38px
}

.MTPF-con .btn a.cur {
    cursor: pointer;
    background-position-y: -32px
}

.MTPF-infor {
    margin: 0 auto;
    width: 744px;
    height: 84px;
    text-align: justify
}

.MTPF-infor span {
    padding-left: 28px;
    line-height: 28px;
    color: #444;
    font-size: 14px
}

.MTPF-infor p {
    display: inline
}

.MTPF-infor a {
    margin-left: 10px;
    display: none;
    width: 70px;
    height: 28px;
    line-height: 28px;
    color: #888;
    font-size: 14px
}

.MTPF-infor a {
    background: url(//image.gamersky.com/webimg15/zp/more2.png) right -1px no-repeat
}

.MTPF-infor a:hover {
    color: #1ea15b;
    background-position-y: -31px
}

.YXJScon {
    margin-bottom: 30px;
    width: 850px;
    height: auto
}

.YXJSlist {
    margin-top: -25px;
    width: 850px;
    height: auto
}

.YXJSlist li {
    width: 850px;
    height: auto
}

.YXJSlist li .tit {
    float: left;
    margin-top: 20px;
    width: 71px;
    height: 26px;
    line-height: 26px;
    color: #009765;
    font-weight: bold;
    position: relative
}

.YXJSlist li .tit {
    background: url(//image.gamersky.com/webimg15/zp/t.jpg) right center no-repeat
}

.YXJSlist li .con {
    float: left;
    margin-left: -2px;
    padding: 20px 0 0 20px;
    width: 760px;
    height: auto;
    border-left: 1px dotted #ccc
}

.YXJSlist li .con .infor {
    width: 760px;
    height: auto;
    max-height: 100px;
    line-height: 26px;
    color: #666;
    -webkit-transition: all .25s ease-out;
    transition: all .25s ease-out
}

.YXJSlist li .con .bdr {
    width: 760px;
    height: 20px;
    border-bottom: 1px dotted #ccc;
    overflow: visible
}

.YXJSlist li .con .bdr a {
    float: right;
    display: none;
    width: 50px;
    height: 21px;
    background: url(//image.gamersky.com/webimg15/zp/zhan.png) no-repeat
}

.YXJSlist li .con .bdr a.cur {
    background-position-y: -25px
}

.YXJSlist li:not(:last-child) .con .infor {
    max-height: 52px
}

.XGYDlist {
    margin-bottom: 50px;
    width: 820px;
    height: auto;
    border-top: 1px solid #e5e5e5
}

.XGYDlist li {
    margin-top: -1px;
    width: 820px;
    height: 158px
}

.XGYDlist li .head {
    float: left;
    padding-top: 26px;
    width: 155px;
    height: 132px;
    text-align: center
}

.XGYDlist li .head img {
    width: 50px;
    height: 50px;
    border-radius: 50% 50% 0 50%
}

.XGYDlist li .head p {
    line-height: 34px;
    color: #333
}

.XGYDlist li .con {
    float: left;
    padding-top: 26px;
    width: 475px;
    height: 132px;
    border-top: 1px solid #f2f2f3
}

.XGYDlist li .con div {
    width: auto
}

.XGYDlist li .con div.tit {
    margin-bottom: 6px;
    height: 22px;
    line-height: 22px;
    font-size: 16px;
    font-weight: bold
}

.XGYDlist li .con div.tit a {
    color: #444
}

.XGYDlist li .con div.tit a:hover {
    color: #1ea15b
}

.XGYDlist li .con div.txt {
    width: 440px;
    height: 52px;
    line-height: 26px;
    color: #777;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis
}

.XGYDlist li .con div.tem {
    padding-top: 3px;
    height: 20px;
    color: #999;
    font-size: 12px
}

.XGYDlist li .con div.pls {
    height: 20px;
    line-height: 18px;
    text-indent: 23px;
    background: url(//image.gamersky.com/webimg15/zp/pls.png) no-repeat
}

.XGYDlist li .img {
    float: left;
    padding-top: 26px;
    width: auto;
    height: 132px;
    border-top: 1px solid #f2f2f3
}

.pictxt {
    margin: 0;
    padding: 0 20px;
    width: 840px;
    height: auto;
    background: #fff;
    box-shadow: 0 2px 4px 0 rgba(0,0,0,.05);
    border-radius: 8px
}

.pictxt li {
    margin-top: -1px;
    padding: 20px 0;
    height: auto;
    border-top: 1px solid rgba(0,0,0,.03)
}

.pictxt li .img {
    float: left;
    width: 196px;
    height: 120px
}

.pictxt li .img a {
    border-radius: 4px;
    border: 1px solid rgba(0,0,0,.03);
    box-sizing: border-box;
    overflow: hidden
}

.pictxt li .img a img {
    object-fit: cover;
    border-radius: 4px
}

.pictxt li .con {
    height: 110px;
    overflow: visible
}

.pictxt li .tit {
    margin-bottom: 10px;
    width: auto;
    height: 24px
}

.pictxt li .tit a {
    font-size: 18px;
    font-weight: bold;
    font-family: 'Microsoft YaHei';
    line-height: 24px; height: 24px!important; 
    color: #222; overflow: hidden; 
}

.pictxt li:hover .tit a {
    color: rgba(235,65,61,.7)
}

.pictxt li .txt {
    margin-bottom: 5px;
    width: auto;
    height: 66px;
    line-height: 22px;
    color: #666;
    font-size: 14px;
    font-family: 'Microsoft YaHei'
}

.pictxt li .tme {
    width: auto;
    height: 18px
}

.pictxt li .tme div {
    height: 18px;
    line-height: 18px;
    font-size: 12=4px
}

.pictxt li .tme div.time {
    float: left;
    width: 186px;
    color: #999;
    background-position-y: 0
}

.pictxt li .tme div.pls {
    float: left;
    width: 70px;
    color: #2aae68;
    text-indent: 20px;
    background-position-y: -18px
}

.pictxt li .tme div.visit {
    float: left;
    width: auto;
    color: #999;
    text-indent: 20px;
    background-position-y: -36px
}

.pictxt li .tme div.link {
    float: left;
    width: auto;
    color: #999;
    font-family: SimSun;
    background: transparent
}

.pictxt li .tme div.link a:hover {
    text-decoration: underline
}

.download {
    margin-bottom: 20px;
    width: 825px;
    height: auto
}

.download li {
    float: left;
    height: 126px
}

.download li.img {
    width: 95px
}

.download li.down {
    margin-right: 5px;
    width: 360px
}

.download li.down a {
    float: left;
    display: table;
    width: 346px;
    height: 112px;
    background-color: #f2f2f3;
    border: 7px solid #f2f2f3;
    position: relative
}

.download li.down a p {
    padding: 0 20px;
    width: 230px;
    height: auto;
    line-height: 36px;
    color: #565656;
    font-size: 18px;
    font-weight: bold;
    display: table-cell;
    vertical-align: middle
}

.download li.down a i {
    display: block;
    width: 60px;
    height: 60px;
    position: absolute;
    right: 20px;
    top: 26px;
    background: url(//image.gamersky.com/webimg15/zp/down.png) no-repeat
}

.download li.down a:hover {
    background-color: #fff
}

.download li.down a:hover p {
    color: #1ea15b
}

.download li.down a:hover i {
    background-position-y: -60px
}

.downlist {
    margin: 0;
    width: 840px;
    height: auto;
    background: #fff;
    padding: 20px 20px;
    box-sizing: border-box
}

.downlist_tit {
    margin-bottom: 16px;
    font-size: 18px;
    font-weight: 600;
    line-height: 24px;
    color: #222
}

.downlist li {
    margin-bottom: 16px;
    position: relative;
    padding-left: 14px;
    width: 800px;
    height: 20px;
    box-sizing: border-box;
    display: flex;
    justify-content: space-between
}

.downlist li::before {
    display: block;
    content: '';
    position: absolute;
    top: 9px;
    left: 0;
    width: 4px;
    height: 4px;
    background: #ddd;
    border-radius: 100px
}

.downlist li div {
    height: 20px;
    line-height: 20px
}

.downlist li div.txt {
    width: 660px;
    font-size: 15px;
    font-family: 'Microsoft YaHei';
    color: #222
}

.downlist li div.txt:hover a {
    color: #eb413d;
    opacity: .7
}

.downlist li div.txt span {
    font-size: 12px;
    font-weight: normal;
    line-height: 14px;
    color: #888;
    background: #f5f7fa;
    padding: 0 4px;
    border-radius: 2px
}

.downlist li div.time {
    width: 100px;
    color: #aaa;
    font-size: 15px;
    font-family: 'Microsoft YaHei';
    text-align: right
}

.Mid-more {
    padding: 20px 0;
    width: 100%;
    height: auto;
    text-align: center
}

.Mid-more a {
    display: inline-block;
    width: 152px;
    height: 36px;
    line-height: 36px;
    color: #222;
    font-size: 15px;
    background: rgba(0,0,0,.03);
    border-radius: 4px;
    box-sizing: border-box
}

.Mid-more a:hover {
    opacity: .8
}

.lxbdr {
    padding-top: 20px;
    width: 100%;
    height: auto;
    border-top: 0 solid #555
}

.activity {
    margin: -20px 0 25px;
    padding: 10px 30px 30px;
    width: 760px;
    height: auto;
    border-radius: 0 0 5px 5px
}

.activity {
    background: #ffdf4d url(//image.gamersky.com/webimg15/zp/jbhd2.png) right 0 no-repeat
}

.activity h3 {
    line-height: 60px;
    color: #222;
    font-size: 20px
}

.activity .con {
    width: 760px;
    height: auto;
    line-height: 30px;
    color: #685100;
    font-size: 15px
}

.activity .con a.more {
    margin-left: 10px;
    padding-right: 26px;
    display: inline-block;
    width: auto;
    height: 21px;
    line-height: 21px;
    color: #000;
    font-size: 15px
}

.activity .con a.more {
    background: url(//image.gamersky.com/webimg15/zp/more3.png) right 0 no-repeat
}

.activity .con a.more:hover {
    background-position-y: -21px
}

.remark {
    margin-bottom: 30px;
    font-size: 14px;
    font-family: 'Microsoft YaHei',Arial,SimSun;
    overflow: visible
}

.remark img {
    border: 0
}

.remark input,#Remark textarea {
    outline: 0
}

.remark ul {
    margin: 0;
    padding: 0;
    list-style-type: none
}

.remark ul li {
    list-style-type: none;
    vertical-align: middle
}

.remark .none {
    display: none
}

.remark .block {
    display: inline-block
}

.remark-nav {
    width: 100%;
    height: auto;
    position: relative
}

.remark-nav .nav1 {
    width: auto;
    height: 38px;
    overflow: visible;
    border-bottom: 1px solid #ddd
}

.remark-nav .nav1 a {
    float: left;
    margin-right: 50px;
    display: block;
    width: auto;
    height: 35px;
    line-height: 35px;
    color: #888;
    font-size: 18px
}

.remark-nav .nav1 a i {
    font-style: normal;
    font-family: Arial;
    vertical-align: middle
}

.remark-nav .nav1 a.cur {
    color: #333;
    font-weight: bold;
    border-bottom: 3px solid #333
}

.remark-nav .nav2 {
    width: auto;
    height: 37px;
    position: absolute;
    top: 0;
    right: 0
}

.remark-nav .nav2 a {
    float: left;
    margin-left: 15px;
    padding: 0 5px;
    display: block;
    width: auto;
    height: 37px;
    line-height: 36px;
    color: #333;
    font-size: 15px
}

.remark-nav .nav2 a.cur {
    color: #35b168
}

.remark-nav .nav3 {
    display: none;
    margin-top: 20px;
    width: 100%;
    height: 34px;
    overflow: visible
}

.remark-nav .nav3 a {
    float: left;
    margin-right: 5px;
    padding: 0 15px;
    display: block;
    width: auto;
    height: 34px;
    line-height: 34px;
    color: #888;
    font-size: 16px
}

.remark-nav .nav3 a {
    background-color: #f5f5f5;
    border-radius: 5px;
    position: relative
}

.remark-nav .nav3 a i {
    font-style: normal;
    font-family: Arial
}

.remark-nav .nav3 a em {
    display: none;
    width: 27px;
    height: 18px;
    position: absolute;
    left: 50%;
    bottom: -20px;
    margin-left: -13.5px
}

.remark-nav .nav3 a em {
    background: url(//image.gamersky.com/webimg15/zp/v1/up.png) no-repeat
}

.remark-nav .nav3 a[nametype="steam"] {
    display: none
}

.remark-nav .nav3 a.cur {
    color: #fff;
    background-color: #555
}

.remark-nav .nav3 a.cur em {
    display: block
}

.remark-nav .text {
    display: none;
    margin-top: 20px;
    padding: 15px 30px;
    width: auto;
    height: auto;
    position: relative;
    background-color: #f0f8f3;
    border-radius: 5px
}

.remark-nav .text h3 {
    margin: 0;
    margin-bottom: 10px;
    padding-left: 40px;
    height: 31px;
    line-height: 30px;
    color: #222;
    font-size: 18px
}

.remark-nav .text h3 {
    background: url(//image.gamersky.com/webimg15/zp/v1/rz1.png) no-repeat
}

.remark-nav .text p {
    margin: 0;
    line-height: 24px;
    color: #666;
    font-size: 14px
}

.remark-nav .text .code {
    width: auto;
    height: auto;
    position: absolute;
    right: 25px;
    top: 15px
}

.remark-nav .text .code img {
    margin: 0 auto;
    display: block;
    width: 70px;
    height: 70px
}

.remark-nav .text .code span {
    display: block;
    width: auto;
    height: 28px;
    line-height: 28px;
    color: #222;
    font-size: 12px;
    text-align: center
}

.remark-loading {
    padding: 50px 0;
    width: auto;
    height: 600px;
    text-align: center
}

.remark-not {
    padding: 50px 0;
    width: auto;
    height: auto;
    color: #000;
    font-size: 16px;
    text-align: center
}

.remark-list {
    overflow: visible
}

.remark-list-cont {
    overflow: visible
}

.remark-list-floor {
    padding: 35px 0 10px;
    height: auto;
    border-bottom: 1px solid #eee;
    overflow: visible
}

.remark-list-floor .report {
    float: left;
    display: none
}

.remark-list-floor.cur .report {
    display: inline-block
}

.remark-cont-head {
    float: left;
    width: 50px;
    height: 50px;
    overflow: visible;
    position: relative
}

.remark-cont-head a {
    display: inline-block
}

.remark-cont-head img {
    width: 50px;
    height: 50px;
    border-radius: 50%
}

.remark-cont-head.cur {
    z-index: 10000
}

.remark-cont-head.cur .headlayer {
    display: block;
    animation: fadeInUp .3s ease-in-out 0s alternate
}

.remark-cont-wrap {
    padding-left: 70px;
    overflow: visible
}

.remark-wrap {
    overflow: visible
}

.remark-wrap .wrap-user {
    margin-bottom: 5px;
    height: 52px;
    overflow: visible;
    position: relative
}

.remark-wrap .user-name {
    height: 26px;
    line-height: 26px;
    overflow: visible
}

.remark-wrap .user-name>a {
    float: left;
    margin-right: 8px;
    display: inline-block
}

.remark-wrap .user-name a.uname {
    color: #444;
    font-size: 16px;
    font-weight: bold;
    max-width: 130px;
    height: 26px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.remark-wrap .user-name a.uname:hover {
    color: #0c81b8
}

.remark-wrap .user-name a.level {
    margin-top: 6px;
    padding: 0 6px;
    height: 15px;
    line-height: 15px;
    color: #777;
    font-size: 13px;
    font-family: simsun;
    font-weight: 700
}

.remark-wrap .user-name a.level {
    border: 1px solid #ccc;
    border-radius: 8px
}

.remark-wrap .user-name a.zheng {
    margin-top: 3px;
    width: auto;
    height: 20px
}

.remark-wrap .user-name a.zheng img {
    float: left;
    height: 20px!important
}

.remark-wrap .user-name a.qzheng {
    margin-top: 3px;
    width: auto;
    height: 20px
}

.remark-wrap .user-name a.qzheng img {
    float: left;
    height: 20px
}

.remark-wrap .user-name a.qzheng:hover .zhenglayer {
    display: block
}

.remark-wrap .user-name .gamept {
    float: left;
    margin-top: 4px;
    margin-right: 8px;
    display: inline-block;
    height: 20px;
    overflow: visible;
    vertical-align: middle;
    position: relative
}

.remark-wrap .user-name .gamept .gamepticon {
    margin: 0!important
}

.remark-wrap .user-name .gamept.cur .gameptlayer {
    display: block
}

.remark-wrap .user-name a.attest {
    margin-top: 3px;
    width: auto;
    height: 20px
}

.remark-wrap .user-name a.attest img {
    float: left;
    display: block;
    width: auto;
    height: 20px
}

.remark-wrap .user-name a.attest:hover .attestlayer {
    display: block
}

.remark-wrap .user-name span {
    color: #999
}

.remark-wrap .user-time {
    height: 26px;
    line-height: 26px;
    color: #999;
    font-size: 12px;
    position: absolute;
    right: 0;
    top: 0
}

.remark-wrap .user-time a {
    color: #999
}

.remark-wrap .user-time a:hover {
    color: #2aae68
}

.remark-wrap .user-xin {
    padding-top: 3px;
    height: 20px
}

.remark-wrap .user-xin .xin {
    float: left;
    margin-right: 5px;
    width: 85px;
    height: 20px;
    background: url(//image.gamersky.com/webimg15/zp/xin4.png) repeat-x
}

.remark-wrap .user-xin .xin div {
    float: left;
    width: 0;
    height: 20px;
    background: url(//image.gamersky.com/webimg15/zp/xin4.png) 0 -20px repeat-x
}

.remark-wrap .user-xin .xin div.x0 {
    width: 0
}

.remark-wrap .user-xin .xin div.x1 {
    width: 17px
}

.remark-wrap .user-xin .xin div.x2 {
    width: 34px
}

.remark-wrap .user-xin .xin div.x3 {
    width: 51px
}

.remark-wrap .user-xin .xin div.x4 {
    width: 68px
}

.remark-wrap .user-xin .xin div.x5 {
    width: 85px
}

.remark-wrap .user-xin .txt {
    float: left;
    width: auto;
    height: 20px;
    line-height: 20px;
    color: #777;
    font-size: 14px
}

.remark-wrap .user-xin .txt i {
    padding: 0 7px 0 5px;
    font-style: normal;
    color: #c5c5c5;
    font-family: SimSun
}

.remark-time {
    color: #999;
    font-size: 12px
}

.remark-zhan {
    margin-top: -50px;
    padding-top: 55px;
    width: 100%;
    height: auto;
    text-align: center;
    position: relative
}

.remark-zhan {
    background: url(//image.gamersky.com/webimg15/zp/remark-mx.png) repeat-x
}

.remark-allcon {
    padding-right: 15px;
    display: inline-block;
    width: auto;
    height: 20px;
    line-height: 20px;
    color: #2ab06b;
    font-size: 14px
}

.remark-allcon {
    background: url(//image.gamersky.com/webimg15/zp/remark-zhanbtns.png) right 0 no-repeat
}

.remark-issue {
    width: 100%;
    height: auto;
    overflow: hidden
}

.remark-content {
    max-height: 252px;
    line-height: 28px;
    color: #333;
    font-size: 16px;
    font-family: 'Microsoft YaHei';
    overflow: hidden
}

.remark-content .content a[href='javascript:void(0);'] {
    color: #bbb;
    background-color: #bbb
}

.remark-content .content a[href='javascript:void(0);']:hover {
    color: #fff
}

.remark-content .content p {
    margin: 10px 0
}

.remark-content .content i {
    font-style: italic
}

.remark-content .content div {
    margin: 10px 0
}

.remark-content.cur {
    max-height: 100%
}

.remark-action {
    width: auto;
    height: 30px
}

.remark-action-btn {
    float: right;
    width: auto;
    height: 30px
}

.remark-action-btn i {
    float: left;
    display: inline-block;
    width: auto;
    height: 30px;
    line-height: 30px;
    font-style: normal;
    color: #ddd;
    font-size: 12px;
    font-family: SimSun
}

.remark-action-btn a {
    float: left;
    display: inline-block;
    width: auto;
    height: 30px;
    line-height: 30px;
    font-size: 12px
}

.remark-action-btn a {
    background: url(//image.gamersky.com/webimg15/zp/zan3.png) no-repeat
}

.remark-action-btn a.report-btn {
    margin: 0 10px;
    color: #999;
    background-position: 0 30px
}

.remark-action-btn a.remark-support {
    padding: 0 10px 0 13px;
    color: #999;
    text-indent: 17px;
    background-position: 11px -1px
}

.remark-action-btn a.remark-support:hover {
    background-position: 11px -33px
}

.remark-action-btn a.remark-notsupport {
    padding: 0 10px 0 30px;
    color: #999;
    background-position: -95px -1px
}

.remark-action-btn a.remark-notsupport:hover {
    background-position: -95px -33px
}

.remark-action-btn a.remark-reply {
    margin-left: -3px;
    padding: 0 13px;
    color: #333;
    background: transparent
}

.remark-action-btn a.remark-reply em {
    font-style: normal
}

.remark-action-btn a.remark-reply .t1 {
    display: inline-block
}

.remark-action-btn a.remark-reply .t2 {
    display: none
}

.remark-action-btn a.remark-reply.cur {
    background: #f8f8f8;
    color: #1ea15b
}

.remark-action-btn a.remark-reply.cur .t1 {
    display: none
}

.remark-action-btn a.remark-reply.cur .t2 {
    display: inline-block
}

.remark-action-btn a:hover {
    color: #1ea15b
}

.remark-build {
    display: none;
    padding: 25px 25px 20px;
    background-color: #f8f8f8;
    border-radius: 5px;
    overflow: visible
}

.remark-build.cur {
    display: block
}

.remark-build-cont {
    overflow: visible
}

.remark-build-cont-floor {
    padding-bottom: 5px;
    overflow: visible
}

.remark-build-cont-floor .remark-cont-head {
    width: 35px;
    height: 35px;
    overflow: visible;
    position: relative
}

.remark-build-cont-floor .remark-cont-head img {
    width: 35px;
    height: 35px
}

.remark-build-cont-floor .remark-cont-head.cur {
    z-index: 10000
}

.remark-build-cont-floor .remark-cont-head.cur .headlayer {
    left: -17px;
    bottom: 30px;
    animation: fadeInUp .3s ease-in-out 0s alternate
}

.remark-build-cont-floor .remark-cont-wrap {
    padding-left: 50px
}

.remark-build .floor-user a {
    float: left;
    margin-right: 5px;
    display: inline-block
}

.remark-build .floor-user .uname {
    height: 20px;
    line-height: 20px;
    color: #0570c3;
    font-size: 14px;
    font-weight: normal
}

.remark-build .floor-user .uname {
    max-width: 110px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.remark-build .floor-user .zheng {
    margin-top: 3px;
    width: 18px;
    height: 14px
}

.remark-build .floor-user i {
    float: left;
    display: inline-block;
    height: 20px;
    line-height: 20px;
    font-style: normal
}

.remark-build .floor-user em {
    float: left;
    margin-right: 5px;
    padding: 0 5px;
    display: inline-block;
    height: 20px;
    line-height: 20px;
    color: #999;
    font-size: 14px;
    font-style: normal
}

.remark-build .floor-user .floor-con {
    display: inline;
    line-height: 20px;
    color: #666;
    font-size: 14px
}

.remark-build .floor-user .remark-allcon {
    float: none;
    padding: 0 13px 0 5px;
    width: auto;
    height: 20px;
    line-height: 20px;
    font-size: 14px;
    text-indent: 0;
    border: 0;
    background-position: right -1px;
    margin: 0
}

.remark-build .floor-user .remark-allcon:hover {
    background-position: right -25px
}

.remark-build-cont-links {
    height: 30px
}

.remark-build-cont-links .links-con {
    float: left;
    margin-right: 30px;
    height: 30px;
    line-height: 30px;
    font-size: 12px
}

.remark-build-cont-links .links-con span {
    color: #666
}

.remark-build-cont-links .links-con a {
    color: #009765
}

.remark-build-cont-links .links-con a:hover {
    color: #0c81b8;
    text-decoration: underline
}

.remark-build-cont-links .links-btn {
    float: right;
    height: 30px;
    text-align: center
}

.remark-build-cont-links .links-btn a {
    display: inline-block;
    width: 98px;
    height: 28px;
    line-height: 28px;
    color: #444;
    background-color: #fff;
    border: 1px solid #e6e6e6;
    border-radius: 3px
}

.remark-build-cont-links .links-btn a:hover {
    color: #2aae68
}

.remark-build-cont-links .links-page {
    float: left;
    height: 30px
}

.remark-build-cont-links .links-page a.link {
    float: left;
    margin: 0 3px;
    padding: 0 2px;
    display: inline-block;
    line-height: 30px;
    color: #666;
    font-size: 12px;
    font-family: 'Microsoft YaHei';
    cursor: pointer
}

.remark-build-cont-links .links-page a.link:hover {
    color: #000;
    text-decoration: none!important
}

.remark-build-cont-links .links-page a.link.curr {
    color: #2aae68;
    font-weight: bold;
    cursor: default
}

.remark-build-cont-links .links-page a.none {
    display: none
}

.remark-build-cont-links .links-page em {
    float: left;
    margin: 0 4px;
    display: inline-block;
    line-height: 30px;
    color: #666;
    font-size: 12px
}

.remark-build-cont-links .links-page em i {
    font-family: verdana;
    font-style: normal
}

.remark-build-cont-links .remark_page {
    float: left;
    margin: 0;
    padding: 0;
    height: 30px
}

.remark-build-cont-links .remark_page a,.remark-build-cont-links .remark_page em {
    margin: 0 4px;
    line-height: 30px;
    font-size: 12px;
    background: transparent;
    border: 0
}

.remark-build-cont-links .remark_page a.prev,.remark-build-cont-links .remark_page a.next,.remark-build-cont-links .remark_page a.link,.remark-build-cont-links .remark_page a.curr,.remark-build-cont-links .remark_page em {
    padding: 0
}

.remark-build-cont-links .remark_page a.prev:hover,.remark-build-cont-links .remark_page a.next:hover,.remark-build-cont-links .remark_page a.link:hover {
    color: #009765;
    background: transparent;
    border: 0
}

.remark-build-cont-links .remark_page a.curr {
    color: #009765;
    background: transparent;
    border: 0
}

.remark-build-cont-links .remark_page a:hover {
    text-decoration: none!important
}

.remark-build-cont-links .remark_page em {
    padding: 0;
    font-style: normal
}

.remark-build-cont-links .remark_page i {
    font-family: verdana;
    font-style: normal
}

.floor-action {
    height: 20px;
    font-size: 12px;
    text-align: right;
    visibility: visible
}

.floor-action .report {
    float: none
}

.floor-action .remark-time {
    color: #999
}

.floor-action i {
    padding: 0 10px 0 7px;
    font-style: normal;
    color: #c5c5c5;
    font-family: SimSun
}

.floor-action a {
    color: #888;
    font-size: 12px
}

.floor-action a.remark-support {
    padding-left: 18px;
    background: url(//image.gamersky.com/webimg15/zp/zan.png) no-repeat
}

.floor-action a.remark-support:hover {
    background-position-y: -16px
}

.floor-action a:hover {
    color: #009765
}

.remark-textarea {
    padding-top: 5px;
    width: 100%;
    height: auto;
    overflow: hidden
}

.remark-textarea .textarea-b {
    padding: 5px 8px;
    width: auto;
    height: auto;
    background-color: #fff;
    border: 1px solid #e6e6e6;
    border-radius: 3px
}

.remark-textarea .textarea-b textarea {
    margin: 0;
    padding: 0;
    width: 100%;
    font-family: 'Microsoft YaHei';
    line-height: 20px;
    color: #333;
    font-size: 14px
}

.remark-textarea .textarea-b textarea {
    background: transparent;
    border-radius: 3px;
    resize: none;
    overflow-y: auto;
    border: 0
}

.remark-textarea .textarea-b textarea.textarea-fw {
    height: 60px
}

.remark-textarea .remark-action {
    padding: 7px 0;
    width: 100%;
    height: 30px;
    overflow: visible
}

.remark-textarea .button {
    float: left;
    width: auto;
    height: 30px;
    overflow: visible
}

.remark-textarea .button .btn-a {
    float: left;
    width: auto;
    height: auto;
    overflow: visible
}

.remark-textarea .button .btn-a a.btn {
    display: block;
    margin-right: 15px;
    width: 24px;
    height: 24px;
    background: url(//image.gamersky.com/webimg15/user/emote/kind3.png) no-repeat
}

.remark-textarea .button .btn-a a.btn[name="bq"] {
    background-position: 0 -64px
}

.remark-textarea .action-alert {
    float: right;
    margin-right: 120px;
    width: auto;
    height: 30px;
    line-height: 30px;
    color: #e23703
}

.remark-textarea .action-btn {
    float: right;
    padding-left: 10px;
    width: auto;
    height: 30px;
    text-align: center
}

.remark-textarea .action-btn a {
    display: block;
    width: 70px;
    height: 30px;
    line-height: 30px;
    color: #f9f9fa;
    font-size: 15px;
    font-family: 'Microsoft YaHei';
    background-color: #2aae68;
    border-radius: 3px
}

.remark-textarea .action-btn a:hover {
    background-color: #31c576;
    text-decoration: none!important
}

@keyframes fadeInDw {
    0% {
        opacity: 0;
        transform: translateY(-20px)
    }

    100% {
        opacity: 1;
        transform: translateY(0)
    }
}

.ccmt-popup {
    overflow: visible;
    position: absolute;
    margin: 12px 0 0 -15px;
    z-index: 1000;
    animation: fadeInDw .25s ease-in-out 0s alternate
}

.ccmt-popup .arr {
    width: 22px;
    height: 12px;
    position: absolute;
    left: 16px;
    top: -11px;
    transition: all .25s ease-out
}

.ccmt-popup .arr {
    background: url(//image.gamersky.com/webimg15/user/club2/pc/at1.png) 0 0 no-repeat
}

.ccmt-popup .con {
    padding: 0 15px 10px;
    height: auto;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    overflow: hidden;
    box-shadow: 0 0 20px 0 rgba(0,0,0,.1)
}

.ccmt-popup a.ccmt-popup-close {
    display: block;
    width: 21px;
    height: 21px;
    position: absolute;
    right: 5px;
    top: 5px;
    background: url(//image.gamersky.com/webimg15/user/club/pc/close1.png) no-repeat
}

.ccmt-popup a.ccmt-popup-close:hover {
    background-position-y: -21px
}

.ccmt-popup.bq .con {
    padding: 20px
}

.ccmt-popup.bq .bq-con {
    margin: -10px -15px -10px -10px;
    width: 374px;
    height: auto;
    overflow: visible
}

.remark_page {
    margin: 30px auto 40px;
    text-align: center
}

.remark_page a,.remark_page em {
    margin: 0 2px;
    display: inline-block;
    line-height: 30px;
    color: #666;
    font-size: 14px;
    background-color: #f0f0f0;
    border: 1px solid #f0f0f0
}

.remark_page a.prev,.remark_page a.next,.remark_page a.link,.remark_page a.curr,.remark_page em {
    padding: 0 12px
}

.remark_page a.prev:hover,.remark_page a.next:hover,.remark_page a.link:hover {
    color: #000;
    background-color: #d8e8e1;
    border: 1px solid #d8e8e1
}

.remark_page a.curr {
    color: #fff;
    font-weight: bold;
    background-color: #2aae68;
    border: 1px solid #2aae68
}

.remark_page a:hover {
    text-decoration: none!important
}

.remark_page em {
    padding: 0 10px;
    font-style: normal
}

.remark_page i {
    font-family: verdana;
    font-style: normal
}

.remark-page {
    margin: 30px auto 40px;
    font-size: 0;
    text-align: center;
    overflow: hidden
}

.remark-page a.link {
    margin: 0 3px;
    padding: 0 11px;
    display: inline-block;
    line-height: 32px;
    color: #666;
    font-size: 14px;
    font-family: 'Microsoft YaHei';
    cursor: pointer
}

.remark-page a.link {
    background-color: #f0f0f0
}

.remark-page a.link:hover {
    color: #000;
    background-color: #d8e8e1;
    text-decoration: none!important
}

.remark-page a.link.curr {
    color: #fff;
    font-weight: bold;
    cursor: default;
    background-color: #2aae68
}

.remark-page a.none {
    display: none
}

.remark-page em {
    margin: 0 3px;
    padding: 0 10px;
    display: inline-block;
    line-height: 32px;
    color: #666;
    font-size: 14px;
    background-color: #f0f0f0
}

.remark-page em i {
    font-family: verdana;
    font-style: normal
}

.user_reviews_sub_header,.review_award_ctn {
    display: none
}

.review_box {
    padding: 32px 0 30px;
    font-family: 'Microsoft YaHei';
    border-bottom: 1px solid #f0f0f0;
    position: relative
}

.review_box .header {
    display: none
}

.review_box .leftcol {
    float: left;
    width: 120px;
    height: auto
}

.review_box .leftcol .avatar {
    display: none
}

.review_box .leftcol .persona_name {
    height: 20px;
    line-height: 20px;
    font-size: 16px;
    font-weight: 700;
    white-space: normal;
    word-break: break-all
}

.review_box .leftcol .num_owned_games {
    display: none
}

.review_box .leftcol .num_reviews {
    display: none
}

.review_box .rightcol {
    float: right;
    width: 685px;
    height: auto;
    min-height: 116px
}

.review_box .rightcol .hr {
    display: none
}

.review_box .rightcol .control_block {
    display: none
}

.review_box .rightcol .commentCount {
    display: none
}

.review_box .rightcol .postedDate {
    margin-bottom: 10px;
    height: 20px;
    line-height: 20px;
    color: #aaa;
    font-size: 12px
}

.review_box .rightcol .content {
    height: auto;
    line-height: 29px;
    color: #555;
    font-size: 16px
}

.review_box .rightcol .content .bb_h1 {
    color: #555;
    font-size: 17px;
    font-weight: 700
}

.review_box .rightcol .content .bb_spoiler {
    color: #ccc;
    background-color: #ccc
}

.review_box .rightcol .content .bb_spoiler:hover {
    color: #fff;
    background-color: #666
}

.review_box .rightcol .content .bb_strike {
    text-decoration: line-through
}

.review_box .rightcol .content .bb_ul {
    padding: 0 0 0 40px;
    list-style-type: disc
}

.review_box .rightcol .content .bb_ul li {
    display: list-item;
    text-align: -webkit-match-parent;
    list-style-type: disc;
    overflow: visible
}

.review_box .rightcol .content ol {
    margin: 0
}

.review_box .rightcol .content ol li {
    list-style-type: decimal;
    text-align: -webkit-match-parent;
    overflow: visible
}

.review_box .rightcol .content .bb_blockquote {
    margin: 15px 0;
    padding: 10px 22px 15px;
    background-color: #f8f8f8;
    overflow: hidden
}

.review_box .rightcol .content .bb_blockquote .bb_quoteauthor {
    font-style: italic
}

.review_box .rightcol .content .bb_table {
    margin: 15px 0;
    display: table;
    border-top: 1px solid #ddd;
    border-right: 1px solid #ddd
}

.review_box .rightcol .content .bb_table_tr {
    display: table-row
}

.review_box .rightcol .content .bb_table_th {
    display: table-cell;
    border-left: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    padding: 4px 10px
}

.review_box .rightcol .content .bb_table_td {
    display: table-cell;
    border-left: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    padding: 4px 10px;
    vertical-align: middle
}

.review_box .rightcol .posted {
    height: 26px
}

.review_box .rightcol .posted a {
    display: none;
    float: right;
    padding: 0 15px 0 5px;
    width: auto;
    height: 26px;
    line-height: 26px;
    color: #2aae68;
    font-size: 15px
}

.review_box .rightcol .posted a {
    background: url(//image.gamersky.com/webimg15/zp/remark-zhanbtn.png) right 10px no-repeat
}

.review_box .rightcol.partial .content {
    max-height: 145px
}

.review_box .rightcol.partial .content.cur {
    max-height: 100%
}

.review_box .rightcol.partial .posted a {
    display: inline-block
}

.review_box .vote_header {
    width: 125px;
    position: absolute;
    left: 0;
    top: 60px
}

.review_box .vote_header .thumb {
    float: left;
    height: 30px
}

.review_box .vote_header .thumb img {
    width: 24px;
    height: 24px
}

.review_box .vote_header .review_source {
    display: none
}

.review_box .vote_header .title {
    float: left;
    padding-left: 6px;
    height: 30px;
    line-height: 30px;
    color: #444;
    font-size: 14px;
    font-weight: 700
}

.review_box .vote_header .hours {
    width: 100%;
    line-height: 26px;
    color: #aaa;
    font-size: 12px
}

.recent_reviews,.view_all_reviews_btn,.review_developer_response_container {
    display: none
}

.Mid_R {
    margin-top: 20px;
    float: left;
    width: 320px;
    height: auto;
    overflow: visible
}

.MidRtit {
    width: auto;
    height: 40px
}

.MidRtit h3 {
    float: left;
    margin: 0;
    line-height: 30px;
    color: #333;
    font-size: 17px
}

.MidRtit a.more {
    float: right;
    padding-right: 13px;
    display: inline-block;
    width: auto;
    height: 20px;
    line-height: 20px;
    color: #666;
    font-size: 14px
}

.MidRtit a.more {
    background: url(//image.gamersky.com/webimg15/zp/more6.png) right center no-repeat
}

.MidRtit a.more:hover {
    color: #2aae68
}

.Mid_R .loading {
    display: block;
    padding: 0;
    width: 100%;
    height: 135px
}

.Mid_R .loading {
    background: url(//image.gamersky.com/webimg15/zp/loading0.gif) center no-repeat
}

.YMPC {
    margin-bottom: 20px;
    background: #f5f7fa;
    border-radius: 8px;
    width: 320px;overflow: hidden;
}

.YMPC .YMPC_bg_content {
    position: relative;
    width: 100%;
    height: 106px;
    background-position: center;
    background-size: cover
}

.YMPC .YMPC_bg_mask {
    position: absolute;
    top: 0;
    left: 0;
    width: 320px;
    height: 106px;
    z-index: 0
}

.YMPC .YMPC_content {
    box-sizing: border-box;
    width: 100%;
    position: absolute;
    z-index: 1;
    padding: 20px 20px 0 20px
}

.YMPC .YMPC_content_top {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.YMPC .YMPC_content_top .YMPC_content_tit {
    font-size: 18px;
    font-weight: 600;
    line-height: 24px;
    letter-spacing: 0;
    color: #222
}

.YMPC .YMPC_content_top a {
    position: relative;
    font-size: 14px;
    font-weight: normal;
    color: #666;
    line-height: 18px;
    padding-right: 16px
}

.YMPC .YMPC_content_top a::after {
    display: inline-block;
    position: absolute;
    right: 0;
    top: 4px;
    content: '';
    width: 12px;
    height: 12px;
    background: url("../img/arrow-right-solid.svg") no-repeat center/12px
}

.YMPC_content_bot {
    margin: 10px 0 8px 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #666;
    font-weight: bold;
    font-size: 14px;
    line-height: 20px
}

.YMPC_content_bot .YMPC_content_score {
    color: #eb413d;
    font-size: 40px;
    font-weight: 600;
    line-height: 40px;
    font-family: 'BarlowSemi'
}

.YMPC_content_pro {
    width: 100%;
    height: 4px;
    border-radius: 2px;
    background: #e5e7e9
}

.YMPC_content_pro.cur {
    height: 4px;
    background: linear-gradient(91deg,#ff6a4d 0%,#f33 100%);
    border-radius: 2px
}

.YMPC .YMPC_points {
    padding: 15px 20px 20px
}

.YMPC_point_item {
    position: relative;
    padding-left: 14px;
    margin-bottom: 10px;
    box-sizing: border-box;
    color: #666;
    font-size: 12px;
    font-weight: normal;
    line-height: 14px
}

.YMPC_point_item.add::before {
    position: absolute;
    display: inline-block;
    content: '';
    left: 0;
    top: 2px;
    width: 12px;
    height: 12px;
    background: url(../img/plus.svg) no-repeat center/8px
}

.YMPC_point_item.del::before {
    position: absolute;
    display: inline-block;
    content: '';
    left: 0;
    top: 2px;
    width: 12px;
    height: 12px;
    background: url(../img/minus.svg) no-repeat center/8px
}

.zbxzlist {
    margin-bottom: 50px;
    width: 320px;
    height: auto
}

.zbxzlist li {
    width: 320px;
    height: 35px
}

.zbxzlist li a {
    float: left;
    display: inline-block;
    width: 320px;
    height: 34px;
    background-color: #f5f5f5
}

.zbxzlist li a div {
    float: left;
    height: 34px;
    color: #333;
    cursor: pointer
}

.zbxzlist li a div.pt {
    width: 36px
}

.zbxzlist li a div.tit {
    padding-left: 10px;
    width: 200px;
    line-height: 34px
}

.zbxzlist li a div.price {
    padding-right: 14px;
    width: 50px;
    line-height: 34px;
    text-align: right;
    background: url(//image.gamersky.com/webimg15/zp/more4.png) right center no-repeat
}

.zbxzlist li a.PC div.pt {
    background: url(//image.gamersky.com/webimg15/zp/pt_pc.png) no-repeat
}

.zbxzlist li a.PS4 div.pt {
    background: url(//image.gamersky.com/webimg15/zp/pt_ps4.png) no-repeat
}

.zbxzlist li a.XONE div.pt {
    background: url(//image.gamersky.com/webimg15/zp/pt_xone.png) no-repeat
}

.zbxzlist li a.PC:hover {
    background-color: #2896dc
}

.zbxzlist li a.PS4:hover {
    background-color: #26c
}

.zbxzlist li a.XONE:hover {
    background-color: #11a312
}

.zbxzlist li a:hover div.tit {
    color: #fff
}

.zbxzlist li a:hover div.price {
    color: #fff
}

.WJCYtag {
    margin-bottom: 20px;
    width: 320px;
    height: auto;
    background: #f5f7fa;
    border-radius: 8px;
    padding: 20px 20px 10px 20px;
    box-sizing: border-box
}

.YXBQ_tit {
    margin-bottom: 10px;
    font-size: 18px;
    font-weight: 600;
    line-height: 24px;
    color: #222
}

.WJCYtag span a {
    float: left;
    margin: 0 8px 8px 0;
    padding: 3px 8px;
    display: inline-block;
    width: auto;
    line-height: 14px;
    color: #666;
    background: #fff;
    font-size: 12px;
    border-radius: 2px
}

.WJCYtag span a:hover {
    background-color: #222;
    color: #fff
}

.WJCYtag a.tagbtn {
    float: left;
    display: inline-block;
    box-sizing: border-box;
    padding: 6px 4px;
    width: 16px;
    height: 20px;
    border-radius: 2px
}

.WJCYtag a.tagbtn {
    background: #fff url(../img/arrow-down-999.svg) no-repeat center/8px
}

.WJCYtag a.tagbtn:hover {
    background-position-y: -22px;
    background: #222 url(../img/arrow-down-fff.svg) no-repeat center/8px;
    color: #fff
}

.WJCYtag .tag-hide {
    display: none
}

.jpdwlist {
    margin: -5px 0 30px;
    width: 100%;
    height: auto
}

.jpdwlist li {
    margin-top: -1px;
    padding: 5px 0 17px;
    width: 100%;
    height: auto;
    border-top: 1px solid #eee
}

.jpdwlist li .tit {
    height: auto;
    line-height: 36px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.jpdwlist li .tit a {
    color: #333;
    font-size: 14px;
    font-weight: 700
}

.jpdwlist li .tit a:hover {
    color: #2aae68
}

.jpdwlist li .img {
    height: auto
}

.jpdwlist li .tem {
    padding-top: 10px;
    height: auto
}

.jpdwlist li .tem .head {
    float: left;
    display: block;
    width: auto;
    height: 18px
}

.jpdwlist li .tem .head img {
    float: left;
    display: block;
    width: 16px;
    height: 17px;
    margin-right: 5px;
    border-radius: 50% 50% 0 50%
}

.jpdwlist li .tem .head p {
    float: left;
    width: auto;
    max-width: 110px;
    height: 18px;
    line-height: 18px;
    color: #333;
    font-size: 14px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.jpdwlist li .tem .cy_comment {
    float: right;
    padding-left: 21px;
    display: block;
    width: auto;
    height: 18px;
    line-height: 18px;
    color: #999;
    font-size: 12px
}

.jpdwlist li .tem .cy_comment {
    background: url(//image.gamersky.com/webimg15/zp/pls.png) no-repeat
}

.jpdwlist li .con {
    float: right;
    width: 200px;
    height: auto
}

.jpdwlist li .con .tem {
    padding-top: 9px
}

.jpdwlist li .txt {
    height: 36px;
    line-height: 18px;
    color: #777;
    font-size: 14px;
    text-align: justify
}

.jpdwlist li .txt {
    display: -webkit-box;
    display: box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden
}

.PZcont {
    margin-bottom: 20px;
    width: 320px;
    height: auto;
    box-sizing: border-box;
    background: #f5f7fa;
    border-radius: 8px;
    padding: 20px
}

.PZnav {
    width: 100%;
    height: 26px;
    overflow: visible;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.PZnav .PZXQ_tit {
    font-size: 18px;
    font-weight: 600;
    line-height: 24px;
    color: #222
}

.PZnav .PZnav_box {
    display: flex;
    align-items: center;
    padding: 2px;
    height: 24px;
    background: #e5e7e9;
    border-radius: 100px;
    font-size: 12px
}

.PZnav a {
    padding: 4px 8px;
    display: inline-block;
    width: auto;
    color: #999;
    border-radius: 100px
}

.PZnav a.cur {
    color: #222;
    font-weight: bold;
    font-size: 12px;
    background: #fff;
    border-radius: 100px;
    box-shadow: 0 2px 4px 0 rgba(0,0,0,.1)
}

.PZcon {
    padding-top: 10px;
    width: 100%;
    height: auto
}

.PZ {
    display: none;
    width: 100%;
    height: auto
}

.PZ li.tit {
    display: none
}

.PZ li.txt {
    height: auto;
    border-bottom: 1px solid #e5e7e9;
    display: flex;
    box-sizing: border-box;
    user-select: text
}

.PZ li.txt:last-child {
    border: 0
}

.PZ li.txt div {
    float: left
}

.PZ li.txt div.tit {
    margin-right: 8px;
    position: relative;
    width: 36px;
    height: 38px;
    line-height: 40px;
    color: #999;
    flex-shrink: 0
}

.tit::after {
    position: absolute;
    content: '';
    top: 16px;
    right: 0;
    width: 1px;
    height: 6px;
    background: #ddd
}

.PZ li.txt div.txt {
    box-sizing: border-box;
    padding: 10px 0;
    flex-grow: 1;
    height: auto;
    line-height: 20px;
    display: flex
}

.tit-list {
    margin-bottom: 20px;
    
    background: #fff;
    padding: 20px;
    border-radius: 8px;
    box-sizing: border-box
}

.DLC .tit-list .MidRtit,.tit-list .MidRtit {
    margin-bottom: 10px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 24px;
    font-size: 18px;
    font-weight: 600;
    line-height: 24px
}

.DLC .tit-list .MidRtit .more,.tit-list .MidRtit .more {
    font-size: 14px;
    font-weight: normal;
    line-height: 18px;
    color: #999;
    padding-right: 16px;
    background: url("../img/arrow-right-solid-999.svg?f") right center no-repeat
}

.DLC .tit-list .MidRtit .more:hover,.tit-list .MidRtit .more:hover {
    color: #666
}

.titlist {
    width: 100%;
    height: auto
}

.titlist li {
    padding-top: 10px;
    width: 100%;
    height: 40px;
    box-sizing: border-box;
    border-bottom: 1px solid #e5e7e9
}

.titlist li:last-child {
    border: 0
}

.titlist li a {
    display: block;
    width: 100%;
    height: 20px;
    line-height: 20px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    color:#333;
}

.titlist li a:hover {
    color: #eb413d
}

.titlist li a .tc {
    color: #eb413d
}

.XHGZDWJHXH_list {
    padding: 10px 0;
    display: flex;
    flex-direction: column;
    gap: 20px;
    overflow: visible
}

.XLYX,.XHGZDWJHXH {
    overflow: visible
}

.YXJG {
    display: block;
    width: 320px;
    height: auto
}

.Slide {
    width: 320px;
    height: 320px
}

.Slide .con {
    width: 320px;
    height: 254px;
    position: relative
}

.Slide .con .Bimg {
    width: 1280px;
    height: 254px
}

.Slide .con .Bimg li {
    float: left;
    width: 340px;
    height: 254px
}

.Slide .con .Bimg li a {
    float: left;
    margin-right: 20px;
    display: inline-block;
    width: 150px;
    height: auto
}

.Slide .con .Bimg li a img {
    margin-bottom: 5px;
    width: 150px;
    height: 213px
}

.Slide .con .Bimg li a p {
    height: 20px;
    line-height: 20px;
    text-align: center;
    overflow: hidden
}

.Slide .con a.btn {
    display: inline-block;
    width: 20px;
    height: 40px;
    position: absolute;
    top: 88px;
    background: url(//image.gamersky.com/webimg15/zp/slide-btn.png) no-repeat
}

.Slide .con a.btn.Prev {
    left: 0;
    background-position-x: 0
}

.Slide .con a.btn.Next {
    right: 0;
    background-position-x: -20px
}

.Slide .con a.btn:hover {
    background-position-y: -40px
}

.Slide .Simg {
    padding: 10px 0;
    width: 320px;
    height: auto;
    text-align: center
}

.Slide .Simg a {
    margin: 0 2px;
    display: inline-block;
    width: 8px;
    height: 8px;
    background-color: #ddd;
    border-radius: 4px;
    -webkit-transition: all .25s ease-out;
    transition: all .25s ease-out
}

.Slide .Simg a.cur {
    width: 20px;
    background-color: #333
}

.Slidepic {
    width: 320px;
    height: 250px
}

.Slidepic .con {
    width: 320px;
    height: 220px;
    position: relative
}

.Slidepic .con .Bimg {
    width: 1280px;
    height: 220px;
    position: absolute;
    left: 0;
    top: 0
}

.Slidepic .con .Bimg li {
    float: left;
    width: auto;
    height: 220px
}

.Slidepic .con .Bimg li a {
    float: left;
    margin-right: 10px;
    display: inline-block;
    width: 120px;
    height: auto;
    font-size: 12px
}

.Slidepic .con .Bimg li a img {
    margin-bottom: 5px;
    width: 120px;
    height: 170px
}

.Slidepic .con .Bimg li a p {
    height: 40px;
    line-height: 20px;
    text-align: center;
    overflow: hidden
}

.Slidepic .con a.btn {
    display: none;
    width: 20px;
    height: 40px;
    position: absolute;
    top: 65px;
    background: url(//image.gamersky.com/webimg15/zp/slide-btn.png) no-repeat
}

.Slidepic .con a.btn.cur {
    display: block
}

.Slidepic .con a.btn.Prev {
    left: 0;
    background-position-x: 0
}

.Slidepic .con a.btn.Next {
    right: 0;
    background-position-x: -20px
}

.Slidepic .con a.btn:hover {
    background-position-y: -40px
}

.Slidepic .Simg {
    padding: 10px 0;
    width: 320px;
    height: auto;
    text-align: center
}

.Slidepic .Simg a {
    margin: 0 2px;
    display: inline-block;
    width: 8px;
    height: 8px;
    background-color: #ddd;
    border-radius: 4px;
    -webkit-transition: all .25s ease-out;
    transition: all .25s ease-out
}

.Slidepic .Simg a.cur {
    width: 20px;
    background-color: #333
}

.votelist {
    margin-bottom: 40px;
    width: 320px;
    height: auto
}

.votelist li.tit {
    width: 100%;
    height: 35px;
    line-height: 30px;
    color: #333;
    font-size: 17px
}

.votelist li.txt {
    width: 100%;
    height: auto
}

.votelist li.txt a {
    padding-left: 26px;
    display: block;
    width: auto;
    height: 30px;
    line-height: 30px;
    color: #666;
    cursor: default
}

.votelist li.txt a {
    background: url(//image.gamersky.com/webimg15/zp/int.png) no-repeat
}

.votelist li.txt a.cur {
    background-position-y: -30px
}

.votelist li.btn {
    width: 100%;
    height: auto;
    padding-top: 15px
}

.votelist li.btn a {
    float: left;
    margin-right: 10px;
    display: inline-block;
    height: 32px;
    line-height: 32px;
    text-align: center;
    color: #333
}

.votelist li.btn a {
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 5px
}

.votelist li.btn a.a1 {
    width: 98px
}

.votelist li.btn a.a2 {
    width: 118px
}

.votelist li.btn a:hover {
    background-color: #f2f2f3
}

.view {
    margin-bottom: 40px;
    display: none
}

.gamecover {
    margin: 10px 0 40px 0;
    width: 320px;
    height: auto;
    background-color: #f5f5f5
}

.gamecover .img {
    float: left;
    width: 130px;
    height: 155px
}

.gamecover .img a {
    float: left;
    display: inline-block
}

.gamecover .img img {
    width: 110px;
    height: 155px
}

.gamecover .div1 {
    float: left;
    padding-top: 10px;
    width: 180px;
    height: 94px
}

.gamecover .div1 .tit_CH {
    padding: 5px 0;
    width: auto;
    height: auto;
    line-height: 22px;
    color: #444;
    font-size: 18px;
    font-weight: bold
}

.gamecover .div1 .tit_EN {
    width: auto;
    height: auto;
    line-height: 18px;
    color: #888;
    font-size: 14px;
    font-family: Arial;
    word-break: break-all
}

.gamecover .btn {
    width: 180px;
    height: auto
}

.gamecover .btn a {
    float: left;
    padding-left: 30px;
    display: inline-block;
    width: 98px;
    height: 32px;
    line-height: 32px;
    border: 1px solid #eee;
    border-radius: 5px
}

.gamecover .btn a {
    background: #fff url(//image.gamersky.com/webimg15/zp/more5.png) 94px 0 no-repeat
}

.gamecover .btn a:hover {
    color: #fff;
    background-position-y: -32px;
    background-color: #2aae68;
    border-color: #2aae68
}

.uploadify {
    position: relative;
    margin-bottom: 1em;
    background-color: #000
}

.uploadify-button {
    background-color: #505050;
    background-position: center top;
    background-repeat: no-repeat;
    color: #fff;
    font: bold 12px Arial,Helvetica,sans-serif;
    text-align: center;
    text-shadow: 0 -1px 0 rgba(0,0,0,.25);
    width: 100%;
    background-image: url(//image.gamersky.com/webimg15/zp/ui_select.jpg)!important
}

.uploadify-button.disabled {
    background-color: #d0d0d0;
    color: gray
}

.uploadify-queue {
    margin-bottom: 1em
}

.uploadify-queue-item {
    background-color: #f5f5f5;
    font: 11px Verdana,Geneva,sans-serif;
    margin-top: 5px;
    max-width: 350px;
    padding: 10px;
    display: none
}

.uploadify-error {
    background-color: #fde5dd!important
}

.uploadify-queue-item .cancel a {
    background: url('uploadify-cancel.png') 0 0 no-repeat;
    float: right;
    height: 16px;
    text-indent: -9999px;
    width: 16px
}

.uploadify-queue-item.completed {
    background-color: #e5e5e5
}

.uploadify-progress {
    background-color: #e5e5e5;
    margin-top: 10px;
    width: 100%
}

.uploadify-progress-bar {
    background-color: #09f;
    height: 3px;
    width: 1px
}

.ui-error-bj {
    width: 500px;
    height: auto;
    background-color: #fff;
    overflow: hidden;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -250px 0 0 -245px
}

.ui-error-bj input,.ui-error-bj button,.ui-error-bj form {
    margin: 0;
    padding: 0
}

.ui-error-bj .ui-error-hd {
    padding: 43px 0 0 0;
    position: relative
}

.ui-error-bj .ui-error-close {
    position: absolute;
    top: 0;
    right: 6px;
    font: 700 24px/1.5 SimSun;
    text-decoration: none;
    color: #999
}

.ui-error-bj .ui-error-close:hover {
    color: #2aae68
}

.ui-error-bj .ui-error-con {
    padding: 0 30px 30px 20px;
    width: 450px
}

.ui-error-bj .ui-error-con .ui-error-tit,.ui-error-bj .ui-error-con .ui-error-mail {
    display: none
}

.ui-error-bj .ui-error-con .ui-error-ms,.ui-error-bj .ui-error-con .ui-error-phone,.ui-error-bj .ui-error-con .ui-error-pic {
    margin-bottom: 20px
}

.ui-error-bj .ui-error-con .ui-error-pic #showPicture {
    width: 220px;
    height: 100px;
    border: 1px solid #ddd;
    border-color: gray;
    display: none
}

.ui-error-bj .ui-error-con .ui-error-text {
    margin-left: 0!important;
    color: #000;
    font: 14px'Microsoft YaHei';
    float: left;
    display: inline-block;
    width: 80px;
    height: 32px;
    line-height: 32px;
    overflow: hidden
}

.ui-error-bj .ui-error-con .ui-error-text-1 {
    color: #000;
    font: 14px'Microsoft YaHei';
    float: left;
    padding: 2px 0 0 0;
    overflow: hidden
}

.ui-error-bj .ui-error-con .ui-error-text-2 {
    color: #000;
    font: 14px'Microsoft YaHei';
    float: left;
    display: inline-block;
    width: 80px;
    overflow: hidden;
    text-indent: -9999px
}

.ui-error-bj .ui-error-con .ui-error-ms .ui-error-text-2 {
    background: url(//image.gamersky.com/webimg15/zp/ui_ms.jpg) center center no-repeat
}

.ui-error-bj .ui-error-con .ui-error-phone .ui-error-text {
    text-indent: -9999px;
    background: url(//image.gamersky.com/webimg15/zp/ui_qq.jpg) 24px center no-repeat
}

.ui-error-bj .ui-error-con .ui-error-nr {
    color: #333;
    font: 14px 'Microsoft YaHei';
    text-align: left;
    float: left;
    width: 237px
}

.inputbj {
    border: 1px solid #ddd;
    border-radius: 3px
}

.ui-error-bj .ui-error-con .ui-error-textarea {
    float: left;
    width: 358px;
    height: 198px
}

.ui-error-bj .ui-error-con .ui-error-textarea .tarea {
    float: left;
    padding: 5px;
    width: 348px;
    height: 188px;
    line-height: 20px;
    background: none;
    border: 0;
    outline: 0;
    resize: none
}

.ui-error-bj .ui-error-con .ui-error-input {
    float: left;
    width: 358px;
    height: 34px
}

.ui-error-bj .ui-error-con .ui-error-input .input {
    float: left;
    padding: 5px;
    width: 348px;
    height: 24px;
    border: 0;
    background: none;
    outline: 0
}

.buttonbj {
    background: url(//image.gamersky.com/webimg15/zp/ui_botton.png) no-repeat
}

.ui-error-bj .ui-error-con .ui-error-b {
    float: left;
    width: 85px;
    height: 30px
}

.ui-error-bj .ui-error-con .ui-error-b a {
    display: inline-block;
    background-position: left 0;
    width: 67px;
    height: 29px;
    cursor: pointer
}

.ui-error-bj .ui-error-con .ui-error-b a:hover {
    background-position: left -30px;
    width: 67px;
    height: 29px
}

.ui-error-bj .ui-error-con .ui-error-tj1 {
    padding-left: 80px;
    float: left
}

.ui-error-bj .ui-error-con .ui-error-tj1 .tj1-botton {
    float: left
}

.ui-error-bj .ui-error-con .ui-error-tj1 .tj1-botton a {
    display: inline-block;
    width: 100px;
    height: 40px;
    cursor: pointer
}

.ui-error-bj .ui-error-con .ui-error-tj1 .tj1-botton a:hover {
    background-position: 0 -40px
}

.ui-error-bj .ui-error-con .ui-error-tj2 {
    padding-left: 27px;
    float: left;
    display: none
}

.ui-error-bj .ui-error-con .ui-error-tj2 .tj2-botton {
    float: left
}

.ui-error-bj .ui-error-con .ui-error-tj2 .tj2-botton a {
    display: inline-block;
    background-position: left -116px;
    width: 62px;
    height: 27px;
    float: left;
    border: 0;
    cursor: pointer
}

.ui-error-bj .ui-error-con .ui-error-tj2 .tj2-botton a:hover {
    background-position: left -144px
}

.MZPF {
    margin-bottom: 20px;
    width: 840px;
    height: 190px;
    background: #fff;
    box-shadow: 0 2px 4px 0 rgba(0,0,0,.05);
    box-sizing: border-box;
    border-radius: 8px;
    display: flex;
    overflow: visible
}

.MZPF_L {
    margin: -8px 0 8px 0;
    width: 240px;
    height: 190px;
    padding: 20px;
    box-sizing: border-box;
    overflow: visible
}

.MZPF_L .MZPF_L_T {
    padding-bottom: 8px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center
}

.MZPF_L .MZPF_L_C {
    margin-bottom: 16px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center
}

.MZPF_L .MZPF_L_T {
    position: relative;
    overflow: visible
}

.MZPF_L .MZPF_L_T .MZPF_tit {
    font-size: 18px;
    font-weight: 600;
    line-height: 24px;
    color: #222;
    flex-shrink: 0
}

.MZPF_L .MZPF_L_T .MZPF_plat {
    display: flex;
    align-items: center;
    font-size: 14px;
    font-weight: normal;
    line-height: 35px;
    color: #999;
    padding-right: 14px;
    background: url('../img/arrow-down-999.svg') no-repeat right/8px;
    cursor: pointer
}

.MZPF_L .MZPF_L_T .MZPF_plat span {
    max-width: 40px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.MZPF_L .MZPF_L_T .MZPF_plat i {
    display: inline-block;
    margin-right: 4px;
    width: 16px;
    height: 16px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 16px
}

.MZPF_L .MZPF_L_T .MZPF_plat.PC i {
    background-image: url(//image.gamersky.com/webimg13/www/newPc/icon_20_pc_fill.svg)
}

.MZPF_L .MZPF_L_T .MZPF_plat.PS5 i {
    background-image: url(//image.gamersky.com/webimg13/www/newPc/icon_20_ps_fill.svg)
}

.MZPF_L .MZPF_L_T .MZPF_plat.PS4 i {
    background-image: url(//image.gamersky.com/webimg13/www/newPc/icon_20_ps_fill.svg)
}

.MZPF_L .MZPF_L_T .MZPF_plat.Xbox i,.MZPF_L .MZPF_L_T .MZPF_plat.XSX i {
    background-image: url(//image.gamersky.com/webimg13/www/newPc/icon_20_xbox_fill.svg)
}

.MZPF_L .MZPF_L_T .MZPF_plat.NS i {
    background-image: url(//image.gamersky.com/webimg13/www/newPc/icon_20_ns_fill.svg)
}

.MZPF_L .MZPF_L_T .MZPF_plat.Switch i {
    background-image: url(//image.gamersky.com/webimg13/www/newPc/icon_20_ns_fill.svg)
}

.MZPF_L .MZPF_L_T .MZPF_plat.Steam i {
    background-image: url(//image.gamersky.com/webimg13/www/newPc/icon_20_steam_fill.svg)
}

.MZPF_L .MZPF_L_T .MZPF_plat.Epic i {
    background-image: url(//image.gamersky.com/webimg13/www/newPc/icon_20_epic_fill.svg)
}

.MZPF_L .MZPF_L_T .MZPF_plat_options .MZPF_plat.PC i {
    background-image: url(//image.gamersky.com/webimg13/www/newPc/icon_20_pc_fill.svg)
}

.MZPF_L .MZPF_L_T .MZPF_plat_options .MZPF_plat.PS5 i {
    background-image: url(//image.gamersky.com/webimg13/www/newPc/icon_20_ps_fill.svg)
}

.MZPF_L .MZPF_L_T .MZPF_plat_options .MZPF_plat.PS4 i {
    background-image: url(//image.gamersky.com/webimg13/www/newPc/icon_20_ps_fill.svg)
}

.MZPF_L .MZPF_L_T .MZPF_plat_options .MZPF_plat.Xbox i,.MZPF_L .MZPF_L_T .MZPF_plat_options .MZPF_plat.XSX i {
    background-image: url(//image.gamersky.com/webimg13/www/newPc/icon_20_xbox_fill.svg)
}

.MZPF_L .MZPF_L_T .MZPF_plat_options .MZPF_plat.NS i {
    background-image: url(//image.gamersky.com/webimg13/www/newPc/icon_20_ns_fill.svg)
}

.MZPF_L .MZPF_L_T .MZPF_plat_options .MZPF_plat.Switch i {
    background-image: url(//image.gamersky.com/webimg13/www/newPc/icon_20_ns_fill.svg)
}

.MZPF_L .MZPF_L_T .MZPF_plat_options .MZPF_plat.Steam i {
    background-image: url(//image.gamersky.com/webimg13/www/newPc/icon_20_steam_fill.svg)
}

.MZPF_L .MZPF_L_T .MZPF_plat_options .MZPF_plat.Epic i {
    background-image: url(//image.gamersky.com/webimg13/www/newPc/icon_20_epic_fill.svg)
}

.MZPF_L .MZPF_L_T .MZPF_plat_options {
    display: none;
    position: absolute;
    top: 39px;
    right: -48px;
    background: #fff;
    padding: 8px;
    border-radius: 8px;
    box-shadow: 0 0 30px 0 rgba(0,0,0,.1);
    overflow: visible;
    z-index: 1;
    width: 84px
}

.MZPF_L .MZPF_L_T .MZPF_plat_options::before {
    width: 20px;
    height: 10px;
    content: '';
    display: block;
    position: absolute;
    left: 50%;
    top: -10px;
    margin-left: -10px;
    background: url(//image.gamersky.com/webimg13/www/newPc/img_bubble_arrow@2x.png) no-repeat center/20px 10px
}

.MZPF_L .MZPF_L_T .MZPF_plat_options .MZPF_plat {
    padding-right: 0;
    background: #fff;
    color: #666;
    font-size: 12px;
    line-height: 16px;
    width: 84px;
    justify-content: left;
    padding: 8px;
    box-sizing: border-box;
    border-radius: 2px
}

.MZPF_L .MZPF_L_T .MZPF_plat_options .MZPF_plat:hover {
    background: #f5f7f9
}

.MZPF_L .MZPF_L_C .MZPF_LC_score {
    font-family: 'BarlowSemi';
    font-size: 42px;
    font-weight: 600;
    line-height: 42px;
    color: #ff9f1d
}

.MZPF_L .MZPF_L_C .MZPF_LC_txt {
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    color: #666
}

.MZPF_L .MZPF_L_B {
    display: flex;
    flex-direction: column;
    gap: 2px
}

.MZPF_L .MZPF_L_B .MZPF_LB_item {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.MZPF_LB_txt_l {
    margin-right: 10px;
    font-size: 13px;
    font-weight: normal;
    line-height: 16px;
    color: #999
}

.MZPF_LB_txt_r {
    text-align: right;
    width: 34px;
    font-size: 13px;
    font-weight: normal;
    line-height: 16px;
    color: #ccc
}

.MZPF_LB_pro {
    width: 120px;
    height: 4px;
    border-radius: 2px;
    background: #f5f7fa
}

.MZPF_LB_pro .cur {
    height: 4px;
    border-radius: 2px;
    background: #ff9f1d
}

.MZPF_R {
    position: relative;
    width: 600px;
    height: 190px;
    background: linear-gradient(270deg,#fff 89%,#f8f8fa 100%);
    padding: 20px;
    box-sizing: border-box;
    border-radius: 0 8px 8px 0;
    z-index: 0
}

.MZPF_R::before {
    top: 0;
    right: 0;
    position: absolute;
    content: '';
    display: block;
    width: 600px;
    height: 40px;
    background: linear-gradient(0deg,rgba(255,255,255,0) 0%,#fff 100%)
}

.MZPF_R::after {
    bottom: 0;
    right: 0;
    position: absolute;
    content: '';
    display: block;
    width: 600px;
    height: 40px;
    background: linear-gradient(0deg,#fff 0%,rgba(255,255,255,0) 100%)
}

.MZPF_R .MZPF_R_T {
    margin-bottom: 10px;
    display: flex;
    justify-content: space-between;
    position: relative;
    z-index: 1
}

.MZPF_R .MZPF_R_T .MZPF_RT_L {
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    text-align: right;
    color: #999
}

.MZPF_R .MZPF_R_T .MZPF_RT_r {
    padding-right: 16px;
    font-size: 14px;
    font-weight: normal;
    line-height: 18px;
    color: #999;
    background: url('../img/arrow-right-solid-999.svg?fdg') no-repeat right/12px;
    cursor: pointer
}

.MZPF_R .MZPF_R_T .MZPF_RT_r:hover {
    color: #888
}

.MZPF_R .MZPF_R_B {
    display: grid;
    grid-template-columns: 50% 1fr;
    gap: 0 20px;
    position: relative;
    z-index: 1
}

.MZPF_R .MZPF_R_B .MZPF_R_B_item {
    height: 30px;
    line-height: 30px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #e5e7e9;
    cursor: pointer
}

.MZPF_R .MZPF_R_B .MZPF_R_B_item:hover {
    padding-right: 20px;
    background: url('../img/arrow-right-solid.svg') no-repeat right/12px
}

.MZPF_R .MZPF_R_B .MZPF_R_B_item.nobor {
    border-bottom: 0
}

.MZPF_R .MZPF_R_B .MZPF_R_B_item .MRB_txt {
    font-size: 13px;
    font-weight: 600;
    line-height: 20px;
    color: #666
}

.MZPF_R .MZPF_R_B .MZPF_R_B_item .MRB_score .real_s {
    font-family: 'BarlowSemi';
    font-size: 13px;
    font-weight: 600;
    line-height: 20px;
    color: #222
}

.MZPF_R .MZPF_R_B .MZPF_R_B_item .MRB_score .full_s {
    font-family: 'BarlowSemi';
    color: #666;
    font-size: 13px;
    font-weight: 600;
    line-height: 20px
}

.ku_pop_layer.Metacritic_pop_layer {
    margin: -208px 0 0 -320px;
    padding: 20px;
    width: 640px;
    height: 416px;
    box-sizing: border-box
}

.Metacritic_pop_layer .ku-pop-top {
    margin-left: 0;
    padding: 0;
    width: 100%;
    margin-bottom: 20px;
    background: #fff
}

.Metacritic_list {
    overflow: auto;
    height: 320px
}

.Metacritic_list::-webkit-scrollbar {
    display: none
}

.Metacritic-table-tit {
    display: flex;
    justify-content: space-between;
    align-items: center;
    text-align: start;
    color: #999;
    line-height: 12px;
    font-size: 12px
}

.Metacritic-table-tit .tit-meta {
    width: 200px
}

.Metacritic_pop_layer .list-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 40px;
    box-sizing: border-box;
    border-bottom: 1px solid #e5e7e9;
    color: #999;
    font-size: 13px;
    line-height: 16px
}

.Metacritic_pop_layer .list-item:last-child {
    border-bottom: 0
}

.Metacritic_pop_layer .list-item .item-title {
    width: 200px;
    color: #5485bd;
    font-weight: bold
}

.Metacritic_pop_layer .list-item .media-item-score {
    width: 80px;
    color: #222;
    text-align: start
}

.Metacritic_pop_layer .list-item .media-item-score .publish-time {
    color: #999
}

.Metacritic_pop_layer .list-item>.publish-time {
    width: 120px
}

.SteamData {
    margin-bottom: 20px;
    padding: 20px;
    height: auto;
    background: #fff;
    box-shadow: 0 2px 4px 0 rgba(0,0,0,.05);
    border-radius: 8px
}

.SteamData_tit {
    display: flex;
    justify-content: space-between
}

.SteamData_tit .more {
    position: relative;
    padding-right: 16px;
    color: #999;
    font-size: 14px;
    font-weight: normal;
    line-height: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer
}

.SteamData_tit .more:after {
    position: absolute;
    right: 0;
    content: '';
    display: block;
    width: 12px;
    height: 12px;
    background: url('../img/arrow-right-solid-999.svg') no-repeat center/12px
}

.SteamData h3 {
    font-size: 18px;
    font-weight: 600;
    line-height: 24px;
    letter-spacing: 0;
    font-variation-settings: "opsz" auto;
    color: #222
}

.SteamData .MTPF-con {
    border-bottom: 0;
    margin-top: 16px
}

.SteamData .MTPF-con .con .Bimg li a span.t1 i {
    padding: 0 0 0 5px
}

.SteamData .MTPF-con .con .Bimg li a {
    position: relative;
    display: flex;
    flex-grow: 1;
    flex-direction: column;
    align-items: center;
    margin-right: 0!important
}

.SteamData .MTPF-con .con .Bimg li a::after {
    display: inline-block;
    position: absolute;
    right: 0;
    top: 16px;
    content: '';
    width: 1px;
    height: 20px;
    background: #e5e7e9
}

.SteamData .MTPF-con .t2 {
    margin-top: 8px
}

.SteamDataTit.MidLtit h3 {
    background: url("//image.gamersky.com/webimg15/zp/tit.png?sadf") no-repeat;
    background-position-y: -169px
}

.PriceDataTit.MidLtit h3 {
    background: url("//image.gamersky.com/webimg15/zp/tit.png?sadf") no-repeat;
    background-position-y: -210px
}

.SteamData .MTPF-con .con .Bimg li a:last-child::after {
    display: none
}

.SteamData .btn {
    top: 4px;
    height: 32px;
    border-radius: 5px
}

.SteamData .btn span {
    display: inline-block;
    width: 48px;
    height: 32px;
    background: #fff;
    box-sizing: border-box;
    line-height: 33px;
    padding-left: 12px;
    color: #222;
    font-size: 15px;
    cursor: pointer;
    border-radius: 5px
}

.ku_pop_layer.steam_data_pop_layer {
    width: 600px;
    height: auto;
    margin-top: -215px;
    margin-left: -295px;
    font-family: PingFang SC;
    box-sizing: border-box;
    padding: 20px;
    border-radius: 8px
}

.steam_data_pop_layer .ku-pop-top,.dlc_data_pop_layer .ku-pop-top,.price_data_pop_layer .ku-pop-top {
    margin-left: 0;
    width: 100%;
    background: #fff;
    padding: 0 0 0 0;
    font-size: 14px;
    overflow: visible
}

.ku_pop_layer .ku-pop-top .ku-pop-top-t {
    margin-bottom: 20px;
    height: 24px;
    font-size: 18px;
    font-weight: 600;
    line-height: 24px;
    letter-spacing: 0;
    font-variation-settings: "opsz" auto;
    color: #222
}

.ku_pop_layer .ku-pop-top .ku_pop_close {
    position: absolute;
    width: 20px;
    height: 20px;
    right: -40px;
    top: 20px;
    background: url('../img/guanbi-bai.svg') no-repeat center/20px;
    z-index: -1
}

.steam_data_pop_layer .ku-pop-top .ku-pop-top-tit {
    width: 100%;
    display: flex;
    justify-content: space-between;
    height: 26px;
    line-height: 26px;
    overflow: visible;
    font-size: 15px
}

.steam_data_pop_layer .ku-pop-top-tit {
    margin-bottom: 15px
}

.steam_data_pop_layer .noData {
    position: absolute;
    top: 238px;
    left: 50%;
    transform: translate(-45%,-50%);
    font-size: 18px;
    font-family: PingFang SC,PingFang SC-Regular;
    color: #999;
    display: none
}

.ku-pop-top-date {
    display: flex;
    align-items: center;
    font-size: 12px;
    font-weight: normal;
    line-height: 14px;
    letter-spacing: 0;
    font-variation-settings: "opsz" auto;
    color: #999;
    background: #f5f7fa;
    border-radius: 100px;
    padding: 0 2px;
    box-sizing: border-box;
    height: 26px
}

.ku-pop-top-date div {
    padding: 4px 8px;
    font-size: 12px;
    color: #999;
    text-align: center;
    font-weight: 400;
    cursor: pointer
}

.ku-pop-top-date div.cur {
    background: #fff;
    box-shadow: 0 2px 4px 0 rgba(0,0,0,.1);
    color: #222;
    font-weight: bold;
    border-radius: 100px
}

.ku-steam-data-echart {
    margin-bottom: 20px;
    padding-bottom: 20px;
    height: 138px;
    box-sizing: border-box;
    border-bottom: 1px solid #f5f7fa
}

.steamDataOnlineMax {
    margin-top: 15px;
    font-size: 12PX;
    color: #999;
    text-align: center
}

.onlineMaxNum {
    font-size: 12px;
    margin-left: 8px;
    color: #eb413d
}

.SteamData .MTPF-con .con .Bimg li a.cur span.t2 {
    color: #999;
    font-size: 13px;
    line-height: 16px
}

.sdpl-nums {
    margin-bottom: 15px;
    padding: 15px;
    box-sizing: border-box;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #fafbfc;
    border-radius: 8px
}

.sdpl-hpl {
    margin-bottom: 0
}

.sdpl-nums .sdpl-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0 16px
}

.sdpl-item.benyue .sdpl-i-mm span {
    font-size: 12px;
    color: #eb413d;
    line-height: 16px
}

.sdpl-nums .sdpl-item .sdpl-i-mm {
    font-size: 16px;
    font-weight: 600;
    line-height: 22px;
    text-align: right;
    display: flex;
    align-items: center;
    letter-spacing: 0;
    font-family: 'BarlowSemi';
    color: #222;
    text-align: center
}

.sdpl-nums .sdpl-item .sdpl-i-fz {
    margin-top: 2px;
    font-size: 12px;
    font-weight: normal;
    line-height: 16px;
    text-align: center;
    display: flex;
    align-items: center;
    letter-spacing: 0;
    font-variation-settings: "opsz" auto;
    color: #999
}

.sdpl-nums .sdpl-item.cur .sdpl-i-mm {
    color: #eb413d
}

.sdpl-nums .sdpl-item.cur .sdpl-i-mm.normalFont {
    color: #222
}

.tooltipPrice {
    font-family: 'BarlowSemi';
    font-size: 12px;
    font-weight: 600;
    line-height: 16px;
    border-radius: 8px;
    color: #ff9f1d
}

.tooltipPrice .t {
    margin-top: 4px;
    color: #999;
    font-size: 12px;
    font-weight: normal;
    text-align: center
}

.formater-tip {
    font-family: PingFang SC;
    margin-left: 4px;
    font-size: 12px;
    font-weight: 600;
    line-height: 16px;
    color: #222
}

.ku-price-data-echart {
    margin-top: 15px;
    height: 124px
}

.GamePriceData {
    height: auto
}

.GamePriceDataList {
    display: flex;
    flex-direction: column;
    overflow: auto
}

.gamePriceItem {
    padding: 0 0 0 28px;
    width: auto;
    height: 54px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    border-bottom: 1px solid #e5e7e9
}

.gamePriceItem:last-child {
    border-bottom: 0
}

.gamePriceItem .gamePriceName {
    display: flex
}

.gamePriceItem .gameName {
    margin-right: 8px;
    width: 56px;
    font-size: 14px;
    font-weight: 600;
    color: #666;
    font-family: PingFang SC
}

.gamePriceItem .price {
    margin-left: 10px;
    font-size: 16px;
    line-height: 18px;
    font-weight: 600;
    color: #222;
    display: flex;
    font-family: 'BarlowSemi'
}

.gamePriceInfo .price .price-currency-name {
    color: #999;
    font-size: 10px;
    font-weight: 400
}

.gamePriceItem .price span {
    font-size: 12px;
    font-weight: normal;
    font-weight: 600;
    color: #999;
    font-family: 'BarlowSemi';
    text-decoration: line-through
}

.gamePriceItem .gamePriceInfo {
    display: flex;
    flex-direction: column;
    align-items: end;
    font-family: 'BarlowSemi'
}

.gamePriceItem[data-plat='FengHuang'] .buyNow {
    background: linear-gradient(109deg,#fa4f00 2%,#fea007 100%);
    color: #fff
}

.gamePriceItem:hover {
    padding-right: 16px
}

.gamePriceItem:hover .rightArrow {
    display: block
}

.gamePriceItem[data-plat='FengHuang'] .gamePriceInfo .rightArrow {
    background: url('../img/arrow-right-solid (2).svg') no-repeat center/12px
}

.gamePriceItem[data-plat='FengHuang'] {
    background: url('../img/icon_20_fenghuang_fill.svg') no-repeat left/20px
}

.gamePriceItem[data-plat='Steam'] {
    background: url('../img/icon_20_steam_fill.svg') no-repeat left/20px
}

.gamePriceItem[data-plat='PSN'] {
    background: url('../img/icon_20_ps_fill.svg') no-repeat left/20px
}

.gamePriceItem[data-plat='Epic'] {
    background: url('../img/icon_20_epic_fill.svg') no-repeat left/20px
}

.gamePriceItem[data-plat='Xbox'] {
    background: url('../img/icon_20_xbox_fill.svg') no-repeat left/20px
}

.gamePriceItem[data-plat='NS'] {
    background: url('../img/icon_20_ns_fill.svg') no-repeat left/20px
}

.gamePriceName .buyNow {
    box-sizing: border-box;
    padding: 4px 8px;
    margin-right: 8px;
    width: auto;
    background: #fff;
    color: #222;
    font-size: 12px;
    line-height: 14px;
    font-weight: normal;
    text-align: center;
    border-radius: 100px
}

.gamePriceInfo .rightArrow {
    display: none;
    position: absolute;
    top: 21px;
    right: 0;
    width: 12px;
    height: 12px;
    background: url('../img/arrow-right-solid (1).svg') no-repeat center/12px
}

.gamePriceItem .xgpFree {
    padding: 4px 8px;
    width: auto;
    height: 22px;
    line-height: 14px;
    color: #fff;
    background: rgba(80,168,94,.5);
    border-radius: 100px;
    font-size: 12px;
    text-align: center;
    box-sizing: border-box
}

.gamePriceItem .ComingSoon.xgpFree {
    padding: 4px 0 4px 8px
}

.xgpFree.ComingSoon span {
    box-sizing: border-box;
    margin-top: -4px;
    margin-left: 6px;
    display: inline-block;
    background: #50a85e;
    color: #fff;
    border-radius: 0 10px 10px 0;
    height: 22px;
    padding: 4px 8px
}

.gamePriceInfo .saleInfo {
    display: flex;
    align-items: center;
    color: #666;
    font-size: 10px
}

.gamePriceInfo .saleInfo .saleEndDate {
    margin-right: 2px;
    font-size: 12px;
    line-height: 14px;
    font-weight: normal;
    color: #999;
    max-width: 40px
}

.gamePriceInfo .saleInfo .lowest {
    padding: 2px;
    display: inline-block;
    font-size: 10px;
    font-weight: 600;
    color: #fff;
    background: #ff9f1d;
    border-radius: 0 2px 2px 0
}

.GamePriceDataList .gamePriceItem {
    cursor: pointer
}

.ku-pop-tubiao {
    margin-top: 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 15px;
    font-weight: 600;
    line-height: 26px;
    color: #444
}

.ku_pop_layer.price_data_pop_layer {
    margin: -115px 0 0 -320px;
    width: 640px;
    box-sizing: border-box;
    padding: 20px 20px 20px 20px
}

.ku_pop_layer.price_data_pop_layer .steamDataOnlineMax {
    margin-top: 15px;
    margin-bottom: 20px
}

.ku_pop_layer.price_data_pop_layer .steamDataOnlineMax span span {
    color: #2aae68;
    font-size: 12px;
    font-weight: normal;
    font-family: PingFang SC
}

.ku_pop_layer.price_data_pop_layer .openMore {
    position: absolute;
    bottom: 18px;
    left: 0;
    width: 100%;
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 12px;
    color: #eb413d;
    background: linear-gradient(180deg,rgba(255,255,255,0) 0%,#fff 50%,#fff 50%);
    cursor: pointer
}

.ku_pop_layer.price_data_pop_layer .openMore i {
    position: absolute;
    display: inline-block;
    top: 16px;
    width: 12px;
    height: 8px;
    background: url('//image.gamersky.com/webimg15/zp/more9.svg') no-repeat center/8px 8px
}

.price_data_pop_layer .ku-price-List {
    padding-bottom: 40px;
    display: grid;
    grid-template-columns: 50% 1fr;
    background: #f5f5f5;
    -ms-layout-grid-line: 1px solid #ddd;
    border-radius: 2px
}

.price_data_pop_layer .ku-price-List.noOpenMore {
    padding-bottom: 0;
    max-height: 300px;
    overflow-y: auto
}

.price_data_pop_layer .ku-price-List .ku-price-item {
    padding: 12px 10px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 50px;
    box-sizing: border-box
}

.price_data_pop_layer .ku-price-List .ku-price-item .price {
    display: flex;
    flex-direction: column;
    align-items: end;
    font-weight: 600;
    font-family: PingFang SC
}

.price_data_pop_layer .ku-price-List .ku-price-item .saleInfo {
    margin-right: 40px;
    display: flex;
    align-items: center;
    color: #666;
    font-size: 10px
}

.ku-price-item .gamePriceInfo {
    display: flex
}

.price_data_pop_layer .ku-price-List .ku-price-item .saleInfo .lowest {
    padding: 2px;
    display: inline-block;
    font-size: 10px;
    font-weight: 600;
    color: #fff;
    background: #ff9f1d;
    border-radius: 0 2px 2px 0
}

.price_data_pop_layer .ku-price-List .ku-price-item .gameName span,.price_data_pop_layer .ku-price-List .ku-price-item .price span {
    display: block;
    font-size: 12px;
    color: #222
}

.price_data_pop_layer .ku-price-List .ku-price-item .gameName span:last-child,.price_data_pop_layer .ku-price-List .ku-price-item .price span:last-child {
    margin-top: 2px;
    font-size: 10px;
    color: #999;
    font-weight: 400
}

.price_data_pop_layer .ku-pop-currency-select {
    overflow: visible
}

.price_data_pop_layer .ku-pop-currency-select span {
    position: relative;
    margin-left: 8px;
    margin-right: 28px;
    color: #333;
    font-size: 14px;
    font-weight: 400;
    cursor: pointer;
    overflow: visible
}

.price_data_pop_layer .ku-pop-currency-select span::after {
    position: absolute;
    content: '';
    right: -18px;
    top: 6px;
    display: inline-block;
    width: 10px;
    height: 10px;
    transform: rotate(90deg);
    background: url('//image.gamersky.com/webimg15/zp/more8.png') no-repeat center/10px
}

.price_data_pop_layer .ku-pop-top-tit-left {
    display: flex;
    flex-direction: row;
    font-size: 18px;
    height: 24px;
    line-height: 24px;
    color: #222;
    font-weight: bold
}

.price_data_pop_layer .ku-pop-top-tit.zstb .ku-pop-top-tit-left {
    font-size: 15px;
    font-weight: 600;
    line-height: 26px;
    letter-spacing: 0;
    color: #444
}

.price_data_pop_layer .ku-pop-currency-select .ku-pop-currency-select-list {
    padding: 15px 10px 15px 10px;
    background: #fff;
    position: absolute;
    top: 56px;
    width: 190px;
    height: auto;
    display: none;
    margin-bottom: 50px;
    grid-template-columns: 50px 50px 2fr;
    box-sizing: border-box;
    border: 1px solid #ccc;
    font-family: PingFang SC;
    font-size: 12px;
    font-weight: normal;
    line-height: 19px;
    text-align: center;
    letter-spacing: 0;
    color: #666;
    z-index: 88888888;
    gap: 4px 10px;
    border-radius: 3px
}

.price_data_pop_layer .ku-pop-currency-select .ku-pop-currency-select-list div {
    text-align: center;
    cursor: pointer
}

.price_data_pop_layer .ku-pop-currency-select .ku-pop-currency-select-list div.cur {
    color: #eb413d
}

.price_data_pop_layer .ku-pop-top .ku-pop-top-tit {
    width: 100%;
    display: flex;
    justify-content: space-between;
    height: 30px;
    line-height: 30px;
    overflow: visible;
    font-size: 14px
}

.ku-price-List .currencypriceLowest {
    margin-top: 4px;
    font-size: 10px;
    color: #999
}

.price_data_pop_layer .noData,.price_data_pop_layer .noDiscount {
    position: absolute;
    top: 120px;
    left: 50%;
    transform: translate(-45%,-50%);
    font-size: 12px;
    font-family: PingFang SC,PingFang SC-Regular;
    color: #999;
    display: none
}

.SteamPositiveFeedback {
    gap: 10px;
    display: grid;
    margin-bottom: 50px;
    grid-template-columns: 50% 1fr
}

.SteamPositiveFeedback .SteamPositiveFeedbackItem {
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #999;
    font-size: 14px;
    height: 38px;
    border-bottom: 1px dashed #ebebeb
}

.SteamPositiveFeedback .SteamPositiveFeedbackItem .rate {
    width: 65px;
    color: #333
}

.SteamPositiveFeedback .SteamPositiveFeedbackItem .rate.cur {
    color: #2aae68
}

.DLC {
    margin-bottom: 20px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    color: #666;
    background: #f5f7fa;
    border-radius: 8px;
    padding: 20px;
    box-sizing: border-box
}

.DLC .bgc_price {
    display: inline-flex
}

.DLC_tit {
    margin-bottom: 10px;
    font-size: 18px;
    font-weight: 600;
    line-height: 24px;
    color: #222
}

.DLC a.more {
    cursor: pointer
}

.dlcList {
    display: flex;
    flex-direction: column;
    gap: 20px
}

.DLC i {
    margin-left: 5px;
    position: relative;
    display: inline-block;
    width: 8px;
    height: 14px;
    background: url('//image.gamersky.com/webimg15/zp/more7.png') no-repeat center/8px 14px
}

.dlcList .basic_game_card.row .bgc_info .bgc_title {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.dlcList {
}

.dlcItem {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    cursor: pointer
}

.dlcItem img {
    margin-right: 10px;
    width: 80px;
    height: 40px;
    border-radius: 2.5px
}

.dlcItem .dlc-info p {
    font-size: 14px;
    font-weight: normal;
    line-height: 18px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.dlc-price {
    margin-top: 4px;
    padding: 0 4px;
    width: fit-content;
    display: flex;
    flex-direction: row;
    align-items: center;
    height: 20px;
    box-sizing: border-box;
    border-radius: 2px;
    background: #f5f5f5
}

.dlc-price i {
    margin-right: 4px;
    display: inline-block;
    width: 14px;
    height: 14px;
    background: url('//image.gamersky.com/webimg15/zp/icon_Steam.png') no-repeat center/14px
}

.originalPriceInRMB,.saleDiscountRate {
    margin-left: 4px
}

.currentPriceInRMB {
    font-size: 12px;
    font-weight: bold
}

.originalPriceInRMB {
    font-size: 10px;
    text-decoration: line-through
}

.saleInfo .saleDiscountRate {
    background-color: #65676b;
    color: #666;
    border-radius: 2px;
    color: #fff;
    overflow: hidden
}

.saleDiscountRate {
    background-color: #fff;
    color: #666;
    border-radius: 3px
}

.saleDiscountRate span {
    padding: 2px 3px;
    box-sizing: border-box;
    display: inline-block;
    background: #65676b
}

.free {
    margin-top: 0;
    font-size: 12px
}

.noPrice {
    color: #999;
    font-size: 12px;
    background: #f5f5f5;
    border-radius: 2px
}

.dlc_data_pop_layer .ku-pop-top {
    height: auto
}

.ku_pop_layer.dlc_data_pop_layer {
    width: 640px;
    height: 600px;
    box-sizing: border-box;
    padding: 0 20px;
    margin: -280px 0 0 -368px
}

.ku_pop_layer.dlc_data_pop_layer .ku-pop-top-tit {
    font-size: 18px;
    line-height: 24px;
    color: #222;
    margin-top: 20px;
    float: none
}

.dlcListContent .dlcList {
    height: 518px;
    padding-top: 21px;
    overflow: auto
}

.dlcListContent .dlcItem .dlc-info {
    flex: 1;
    position: relative
}

.dlcListContent .dlcItem .dlc-info::after {
    position: absolute;
    top: 12px;
    right: 10px;
    display: block;
    content: '';
    width: 12px;
    height: 12px;
    background: url('//image.gamersky.com/webimg15/zp/more7.png') no-repeat center/12px
}

.qzgif {
    background: url(//image.gamersky.com/webimg15/nav_qz.gif) no-repeat
}

.QZbg {
    width: 100%;
    min-width: 1200px;
    height: 40px;
    text-align: left;
    background-color: #f2f2f4;
    overflow: visible;
    position: relative;
    z-index: 999999
}

.QZbg {
    box-shadow: 0 0 1px 0 rgba(0,0,0,.3)
}

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

.QZbg a.al {
    color: #bbb
}

.QZbg a.al:hover {
    color: #fff
}

.QZbg a.al_red {
    color: #ff5400
}

.QZbg a.al_red:hover {
    color: #fff
}

.QZbg a.al_blue {
    color: #009cff
}

.QZbg a.al_blue:hover {
    color: #fff
}

.QZbg .topdr {
    margin: 0 auto;
    width: 1200px;
    height: 40px;
    color: #444;
    font-size: 12px;
    font-family: 'Microsoft YaHei';
    overflow: visible
}

.QZbg .topdr .topdr1 {
    float: left;
    padding-top: 10px;
    width: auto;
    height: 20px;
    overflow: visible
}

.QZbg .topdr .topdr1 .home {
    float: left;
    width: 103px;
    height: 20px;
    line-height: 20px;
    overflow: hidden
}

.QZbg .topdr .topdr1 .home a {
    color: #444;
    font-family: Arial;
    font-weight: bold
}

.QZbg .topdr .topdr1 .home a:hover {
    color: #e23703
}

.QZbg .topdr .topdr1 .navarr {
    float: left;
    padding-left: 20px;
    width: auto;
    height: 30px;
    overflow: visible;
    position: relative
}

.QZbg .topdr .topdr1 .navarr .navtt {
    display: inline-block;
    width: 79px;
    height: 20px;
    line-height: 20px;
    text-indent: 18px;
    cursor: pointer;
    color: #444;
    background-position: 0 0
}

.QZbg .topdr .topdr1 .navarr.cur .navtt {
    color: #e23703;
    background-position: 0 -20px
}

.QZbg .topdr .topdr1 .navarr .navig {
    display: none;
    padding: 6px;
    width: 585px;
    height: auto;
    overflow: hidden;
    background-position: 21px -54px
}

.QZbg .topdr .topdr1 .navarr .navig {
    position: absolute;
    left: 0;
    top: 24px;
    z-index: 9999
}

.QZbg .topdr .topdr1 .navarr .navig .navdiv {
    padding: 15px 0;
    width: 585px;
    height: auto;
    border-top: 3px solid #e23703;
    overflow: hidden
}

.QZbg .topdr .topdr1 .navarr .navig .navdiv {
    box-shadow: 0 3px 5px 0 rgba(0,0,0,.5);
    background: #262626 url(//image.gamersky.com/webimg15/qz_ly.gif)
}

.QZbg .topdr .topdr1 .navarr .navig .navdiv .navul {
    float: left;
    padding-left: 25px;
    width: 170px;
    height: auto;
    overflow: hidden
}

.QZbg .topdr .topdr1 .navarr .navig .navdiv .navul .navtit {
    float: left;
    width: 170px;
    height: 26px;
    line-height: 26px;
    color: #888;
    font-weight: bold;
    overflow: hidden
}

.QZbg .topdr .topdr1 .navarr .navig .navdiv .navul .navtit {
    text-shadow: 1px 1px 1px #000;
    _filter: DropShadow(Color=#000,OffX=1,OffY=1,Positive=1)
}

.QZbg .topdr .topdr1 .navarr .navig .navdiv .navul ul {
    float: left;
    margin: 0;
    padding: 0;
    width: 85px;
    height: auto;
    list-style-type: none;
    overflow: hidden
}

.QZbg .topdr .topdr1 .navarr .navig .navdiv .navul ul li {
    float: left;
    width: 75px;
    height: 26px;
    line-height: 26px;
    list-style-type: none;
    vertical-align: bottom;
    overflow: hidden
}

.QZbg .topdr .topdr1 .navarr.cur .navig {
    display: block
}

.QZbg .topdr .topdr2 {
    float: right;
    padding-top: 10px;
    width: auto;
    height: 30px;
    overflow: hidden
}

.QZbg .topdr .topdr2 .links {
    float: left;
    margin-right: 30px;
    width: auto;
    height: 22px;
    overflow: hidden
}

.QZbg .topdr .topdr2 a.qzgif {
    display: inline-block;
    width: auto;
    height: 20px;
    line-height: 20px;
    color: #444
}

.QZbg .topdr .topdr2 a.qzgif.danji {
    margin-right: 30px;
    padding-left: 28px;
    background-position: 0 -60px
}

.QZbg .topdr .topdr2 a.qzgif.app {
    padding-left: 16px;
    background-position: 0 -80px
}

.QZbg .topdr .topdr2 a.qzgif:hover {
    color: #e23703
}

.QZbg .topdr .topdr2 .noLogin {
    display: none;
    float: left;
    width: auto;
    height: 22px;
    color: #d2d2d2;
    overflow: hidden
}

.QZbg .topdr .topdr2 .noLogin a {
    display: inline-block;
    width: auto;
    height: 22px;
    line-height: 22px;
    color: #444
}

.QZbg .topdr .topdr2 .noLogin a.Login {
    margin-right: 5px;
    padding-left: 27px;
    background: url(//image.gamersky.com/webimg13/user/rt.png) no-repeat
}

.QZbg .topdr .topdr2 .noLogin a.Reg {
    margin-left: 5px
}

.QZbg .topdr .topdr2 .username {
    display: none;
    float: left;
    width: auto;
    height: 30px
}

.QZbg .topdr .topdr2 .username a.uname {
    float: left;
    padding-right: 18px;
    display: block;
    width: auto;
    height: 30px;
    line-height: 22px
}

.QZbg .topdr .topdr2 .username a.uname {
    background: url(//image.gamersky.com/webimg13/user/user-v.png) right 10px no-repeat
}

.QZbg .topdr .topdr2 .username a.uname img {
    margin-right: 10px;
    width: 22px;
    height: 22px;
    border-radius: 11px;
    vertical-align: middle
}

.QZbg .topdr .topdr2 .username .userLayer {
    display: none;
    float: left;
    margin: 30px 0 0 -90px;
    *margin: 30px 0 0 -194px;
    padding: 0 10px 10px 10px;
    width: 262px;
    height: auto
}

.QZbg .topdr .topdr2 .username .userLayer {
    position: absolute;
    z-index: 99999
}

.QZbg .topdr .topdr2 .username .userLayer .zx {
    margin-bottom: -1px;
    width: 262px;
    height: 9px;
    position: relative
}

.QZbg .topdr .topdr2 .username .userLayer .zx {
    background: url(//image.gamersky.com/webimg13/user/userLayer.png) center 0 no-repeat
}

.QZbg .topdr .topdr2 .username ul.usercon {
    padding: 15px;
    width: 230px;
    height: auto;
    background: #fff;
    border: 1px solid #ddd;
    box-shadow: 0 5px 10px 0 rgba(0,0,0,.3)
}

.QZbg .topdr .topdr2 .username ul.usercon li.user1 {
    margin-bottom: 15px;
    width: 230px;
    height: 85px;
    border-bottom: 1px dotted #d5d5d5
}

.QZbg .topdr .topdr2 .username ul.usercon li.user1 .img {
    float: left;
    width: 88px;
    height: 72px
}

.QZbg .topdr .topdr2 .username ul.usercon li.user1 .img img {
    width: 72px;
    height: 72px;
    border-radius: 36px
}

.QZbg .topdr .topdr2 .username ul.usercon li.user1 .time {
    float: left;
    width: 142px;
    height: 18px;
    line-height: 18px;
    color: #666;
    font-size: 12px
}

.QZbg .topdr .topdr2 .username ul.usercon li.user1 .name {
    float: left;
    margin-bottom: 10px;
    width: 142px;
    height: 26px;
    line-height: 26px;
    color: #333;
    font-size: 16px;
    font-weight: bold
}

.QZbg .topdr .topdr2 .username ul.usercon li.user1 .name {
    white-space: nowrap;
    text-overflow: ellipsis
}

.QZbg .topdr .topdr2 .username ul.usercon li.user1 .binding {
    float: left;
    margin-left: -2px;
    width: 144px;
    height: 20px
}

.QZbg .topdr .topdr2 .username ul.usercon li.user1 .binding a {
    float: left;
    margin-right: 6px;
    display: inline-block;
    width: 20px;
    height: 18px;
    overflow: hidden
}

.QZbg .topdr .topdr2 .username ul.usercon li.user1 .binding a {
    border: 1px solid #fff;
    border-radius: 2px;
    background: url(//image.gamersky.com/webimg13/user/binding.png) no-repeat
}

.QZbg .topdr .topdr2 .username ul.usercon li.user1 .binding a.email {
    background-position: 0 0
}

.QZbg .topdr .topdr2 .username ul.usercon li.user1 .binding a.phone {
    background-position: -20px 0
}

.QZbg .topdr .topdr2 .username ul.usercon li.user1 .binding a.weixin {
    background-position: -40px 0
}

.QZbg .topdr .topdr2 .username ul.usercon li.user1 .binding a.qq {
    background-position: -60px 0
}

.QZbg .topdr .topdr2 .username ul.usercon li.user1 .binding a.sina {
    background-position: -80px 0
}

.QZbg .topdr .topdr2 .username ul.usercon li.user1 .binding a.email.ok {
    background-position: 0 -18px
}

.QZbg .topdr .topdr2 .username ul.usercon li.user1 .binding a.phone.ok {
    background-position: -20px -18px
}

.QZbg .topdr .topdr2 .username ul.usercon li.user1 .binding a.weixin.ok {
    background-position: -40px -18px
}

.QZbg .topdr .topdr2 .username ul.usercon li.user1 .binding a.qq.ok {
    background-position: -60px -18px
}

.QZbg .topdr .topdr2 .username ul.usercon li.user1 .binding a.sina.ok {
    background-position: -80px -18px
}

.QZbg .topdr .topdr2 .username ul.usercon li.user1 .binding a:hover {
    background-color: #f7f7f7;
    border: 1px solid #d5d5d5
}

.QZbg .topdr .topdr2 .username ul.usercon li.user1 .binding a i {
    display: none;
    margin: -25px 0 0 -14px;
    padding-bottom: 5px;
    width: 47px;
    height: 18px;
    line-height: 18px
}

.QZbg .topdr .topdr2 .username ul.usercon li.user1 .binding a i {
    color: #fff;
    font-size: 12px;
    font-family: 'Microsoft YaHei';
    font-style: normal;
    text-align: center;
    position: absolute
}

.QZbg .topdr .topdr2 .username ul.usercon li.user1 .binding a i {
    background: url(//image.gamersky.com/webimg13/user/ts.png) no-repeat
}

.QZbg .topdr .topdr2 .username ul.usercon li.user1 .binding a:hover i {
    display: block
}

.QZbg .topdr .topdr2 .username ul.usercon li.user2 {
    margin-bottom: 13px;
    width: 230px;
    height: 48px;
    border-bottom: 1px dotted #d5d5d5;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%)
}

.QZbg .topdr .topdr2 .username ul.usercon li.user2 a {
    float: left;
    padding-left: 39px;
    display: inline-block;
    width: 76px;
    height: 34px;
    line-height: 34px;
    color: #e23703;
    font-weight: bold
}

.QZbg .topdr .topdr2 .username ul.usercon li.user2 a {
    background: url(//image.gamersky.com/webimg13/user/userbg.png) no-repeat
}

.QZbg .topdr .topdr2 .username ul.usercon li.user2 a.uc {
    background-position: 0 0
}

.QZbg .topdr .topdr2 .username ul.usercon li.user2 a.zl {
    background-position: 0 -34px
}

.QZbg .topdr .topdr2 .username ul.usercon li.user2 a.uc:hover {
}

.QZbg .topdr .topdr2 .username ul.usercon li.user2 a.zl:hover {
}

.QZbg .topdr .topdr2 .username ul.usercon li.user3 {
    width: 230px;
    height: 28px
}

.QZbg .topdr .topdr2 .username ul.usercon li.user3 .link {
    float: left;
    width: auto;
    height: 28px;
    line-height: 28px;
    color: #bbb;
    font-size: 12px;
    font-family: 'Microsoft YaHei'
}

.QZbg .topdr .topdr2 .username ul.usercon li.user3 .link a {
    color: #888;
    font-size: 14px;
    font-family: 'Microsoft YaHei'
}

.QZbg .topdr .topdr2 .username ul.usercon li.user3 .link a:hover {
    color: #e11d03
}

.QZbg .topdr .topdr2 .username ul.usercon li.user3 .ExitSign {
    float: right;
    width: auto;
    height: 28px
}

.QZbg .topdr .topdr2 .username ul.usercon li.user3 .ExitSign a {
    display: block;
    width: 63px;
    height: 26px;
    line-height: 26px;
    color: #666;
    text-align: center
}

.QZbg .topdr .topdr2 .username ul.usercon li.user3 .ExitSign a {
    background: #f7f7f7;
    border: 1px solid #e5e5e5;
    border-radius: 2px
}

.QZbg .topdr .topdr2 .username ul.usercon li.user3 .ExitSign a:hover {
    color: #fff;
    background: #e23703;
    border: 1px solid #ec5b2f;
    border-radius: 2px
}

.QZbg .topdr .topdr2 .username .userLayer .usercon .user3 a.ExitSign:hover {
    color: #fff;
    background: #e23703
}

.QZbg .topdr .topdr2 .username:hover a.uname {
    color: #e23703
}

.QZbg .topdr .topdr2 .username:hover .userLayer {
    display: block
}

.QZnav a,.QZnav span,.QZnav {
    font-size: 12px
}

.QZnav {
    width: 100%;
    min-width: 1200px;
    height: 50px;
    text-align: left;
    background-color: #f2f2f3;
    overflow: visible;
    position: relative;
    z-index: 9999
}

.QZnav {
    box-shadow: 0 0 1px 0 rgba(0,0,0,.3)
}

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

.QZnav a:hover {
    text-decoration: none
}

.topbar {
    margin: 0 auto;
    width: 1200px;
    height: 50px;
    color: #444;
    font-size: 12px;
    font-family: 'Microsoft YaHei';
    overflow: visible;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.topbar1 {
    float: left;
    width: auto;
    height: 50px;
    overflow: hidden
}

.topbar1 .QZ-home {
    float: left;
    width: auto;
    height: 50px
}

.topbar1 .QZ-nav {
    float: left;
    width: auto;
    height: 50px
}

.topbar1 a {
    float: left;
    display: inline-block;
    width: auto;
    height: 36px;
    line-height: 50px;
    color: #444
}

#QZnav .topbar1 a.ymxk {
    color: rgba(255,255,255,.8);
    font-weight: 700;
    font-size: 18px;
    font-family: 'BarlowSemi'
}

#QZnav .topbar1 a.ymxk.yxk {
    width: 133px;
    background: url('../img/image_logo@2x.png') no-repeat bottom/133px 22px
}

#QZnav .topbar1 a.ymxk em {
    color: rgba(255,255,255,.4);
    font-weight: 500;
    font-size: 18px;
    font-style: normal
}

#QZnav .topbar1 a.ymxk:hover {
    color: rgba(255,255,255,1);
    opacity: 1
}

#QZnav .topbar1 a.ymxk:hover em {
    color: rgba(255,255,255,.6)
}

.topbar1 a:hover {
    color: #e23703
}

.topbar1 i {
    float: left;
    display: inline-block;
    width: 10px;
    height: 50px;
    line-height: 50px;
    color: #c5c5c5;
    font-family: SimSun;
    font-style: normal;
    text-align: center
}

.topbar2 {
    width: auto;
    height: 50px;
    overflow: visible;
    font-family: PingFang SC;
    display: flex;
    justify-content: center;
    align-items: center
}

.topbar2 span.navtt {
    margin-right: 20px;
    float: left;
    display: inline-block;
    width: auto;
    height: 29px;
    position: relative
}

.topbar2 span.navtt:last-child {
    margin-right: 16px
}

.topbar2 span.navtt p {
    margin: 0
}

.topbar2 span.navtt p.alik,.topbar2 span.navtt a.alik {
    float: none;
    padding: 3px 3px 30px;
    display: inline;
    line-height: 22px;
    color: #444;
    font-size: 12px;
    cursor: pointer
}

.topbar2 span.navtt a.alik i {
    margin-right: 4px;
    display: inline-block;
    width: 22px;
    height: 22px;
    opacity: .4
}

.topbar2 span.navtt a.alik:hover i {
    opacity: .8
}

.topbar2 span.navtt a.alik.theme i {
    background: url('//image.gamersky.com/webimg13/www/newPc/icon_22_darkmode.svg') no-repeat left top/22px
}

.topbar2 span.navtt p.alik.app i {
    background: url('//image.gamersky.com/webimg13/www/newPc/icon_22_phone.svg') no-repeat left top/22px
}

.topbar2 span.navtt a.alik.tongzhi i {
    background: url('//image.gamersky.com/webimg13/www/newPc/icon_22_mail.svg') no-repeat left top/22px
}

.topbar2 span.navtt p.alik i {
    display: inline-block;
    width: 22px;
    height: 22px;
    opacity: .4
}

.topbar2 span.navtt p.alik:hover i {
    display: inline-block;
    width: 22px;
    height: 22px;
    opacity: .8
}

.topbar2 span.navtt.cur .topbar-menu {
    display: block;
    animation: fadeInDown .25s ease-in-out 0s alternate
}

.topbar2 span.navtt.cur .topbar-tz {
    display: block;
    animation: fadeInDown .25s ease-in-out 0s alternate
}

.topbar2 .QZ-links {
    float: left;
    padding-top: 5px;
    width: auto;
    height: 29px;
    overflow: visible
}

.topbar2 .QZ-links i {
    float: left;
    display: inline-block;
    width: 8px;
    height: 22px;
    line-height: 22px;
    color: #c5c5c5;
    font-family: SimSun;
    font-style: normal;
    text-align: center
}

.topbar2 .QZ-links a.alik {
    float: left;
    padding: 0 3px;
    display: inline-block;
    width: auto;
    height: 22px;
    line-height: 22px;
    color: #444
}

.topbar2 .QZ-links a.alik.app {
    padding-left: 18px;
    background: url(//image.gamersky.com/webimg15/qznav.png) 0 -107px no-repeat
}

.topbar2 .QZ-links a.alik.tongzhi span {
    float: none
}

.topbar2 .QZ-links a.alik.tongzhi span.tz {
    left: 15px;
    position: absolute;
    display: inline-block;
    width: 6px;
    height: 6px;
    line-height: 6px;
    border-radius: 6px;
    background: #f33;
    border: 2px solid #444;
    vertical-align: middle;
    overflow: hidden
}

.topbar2 .QZ-links a.alik.tongzhi span.tz em {
    float: left;
    display: inline-block;
    height: 14px;
    background: url(//image.gamersky.com/webimg13/user/tz.png) no-repeat
}

.topbar2 .QZ-links a.alik.tongzhi span.tz em.l {
    width: 7px;
    background-position: 0 0
}

.topbar2 .QZ-links a.alik.tongzhi span.tz em.r {
    width: 5px;
    background-position: -21px 0
}

.topbar2 .QZ-links a.alik.tongzhi span.tz .num {
    float: left;
    display: inline-block;
    width: auto;
    height: 14px;
    line-height: 13px;
    color: #f2f2f3;
    font-size: 12px;
    background-color: #e23703
}

.topbar2 .QZ-links a.alik:hover {
    color: #e23703
}

.topbar2 .userLogin {
    float: left;
    width: auto;
    height: 36px;
    overflow: visible
}

.topbar2 .userLogin a.tongzhi {
    float: left;
    padding: 0 6px;
    display: inline-block;
    width: auto;
    height: 22px;
    line-height: 22px;
    color: #444
}

.topbar2 .userLogin a.tongzhi span {
    float: none
}

.topbar2 .userLogin a.tongzhi span.tz {
    padding-left: 3px;
    display: inline-block;
    height: 14px;
    line-height: 14px;
    vertical-align: middle
}

.topbar2 .userLogin a.tongzhi span.tz em {
    float: left;
    display: inline-block;
    height: 14px;
    background: url(//image.gamersky.com/webimg13/user/tz.png) no-repeat
}

.topbar2 .userLogin a.tongzhi span.tz em.l {
    width: 7px;
    background-position: 0 0
}

.topbar2 .userLogin a.tongzhi span.tz em.r {
    width: 5px;
    background-position: -21px 0
}

.topbar2 .userLogin a.tongzhi span.tz .num {
    float: left;
    display: inline-block;
    width: auto;
    height: 14px;
    line-height: 13px;
    color: #f2f2f3;
    font-size: 12px;
    background-color: #e23703
}

.topbar2 .userLogin a.tongzhi:hover {
    color: #e23703
}

.topbar2 .notice {
    float: left;
    padding-top: 7px;
    width: auto;
    height: 29px;
    overflow: visible
}

.topbar2 .noLogin {
    display: none;
    width: auto;
    height: 29px;
    color: #d2d2d2;
    overflow: visible;
    align-items: center
}

.topbar2 .noLogin a {
    display: inline-block;
    width: auto;
    height: 30px;
    line-height: 30px;
    color: #444
}

.topbar2 .noLogin a.Login {
    margin-right: 10px;
    padding-left: 38px;
    background: url(//image.gamersky.com/webimg13/www/newPc/img_avatar@2x.png?dgd) no-repeat top left/30px
}

.topbar2 .noLogin a:hover {
    color: #e23703
}

.topbar2 .okLogin {
    display: none;
    width: auto;
    overflow: visible;
    position: relative
}

.topbar2 .okLogin.cur a.uname img {
    border: 1px solid rgba(255,255,255,.4)
}

.topbar2 .okLogin a.uname {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.topbar2 .okLogin a.uname {
    background: url(//image.gamersky.com/webimg13/user/user-v.png) right center no-repeat
}

.topbar2 .okLogin a.uname img {
    float: left;
    margin-right: 7px;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    vertical-align: middle;
    border: 1px solid rgba(255,255,255,.1)
}

.topbar2 .okLogin .userLayer {
    display: none;
    padding: 8px;
    width: 250px;
    height: auto;
    overflow: visible;
    position: absolute;
    border-radius: 4px;
    top: 45px;
    right: -100px;
    z-index: 99999;
    background: #444;
    box-shadow: 0 4px 10px 0 rgba(0,0,0,.1);
    box-sizing: border-box
}

.topbar2 .okLogin.cur {
    padding-bottom: 30px;
    margin-top: 30px
}

.topbar2 .okLogin.cur a.uname {
    color: #e23703
}

.topbar2 .okLogin.cur .userLayer {
    display: block;
    animation: fadeInDown .25s ease-in-out 0s alternate
}

.topbar2 .okLogin .userLayer.sm {
    right: -10px
}

.topbar2 .okLogin .userLayer.sm .zx {
    background-position: 210px 0
}

@keyframes fadeInDown {
    0% {
        opacity: 0;
        transform: translateY(-5px)
    }

    100% {
        opacity: 1;
        transform: translateY(0)
    }
}

.topbar-menu {
    display: none;
    width: auto;
    height: auto;
    overflow: hidden;
    position: absolute;
    top: 29px;
    z-index: 99999;
    border-radius: 4px
}

.topbar-menu {
    background: #3b3b3b url(//image.gamersky.com/webimg15/qznav-mk.png) repeat-x;
    _background-image: url(#);
    box-shadow: 0 5px 5px 0 rgba(0,0,0,.5)
}

.topbar-menu.app {
    width: 250px;
    height: auto;
    left: -91px;
    top: 42px;
    padding: 16px 12px;
    box-shadow: rgba(0,0,0,.1);
    background: #444;
    box-sizing: border-box
}

.topbar-menu.url {
    width: 418px;
    right: -230px
}

.topbar-appul {
    margin: 0;
    list-style-type: none;
    display: flex;
    flex-direction: column;
    align-items: center
}

.topbar-appul li.con-l {
    float: left;
    position: relative;
    padding-left: 44px
}

.topbar-appul li.con-l .applogo {
    display: block;
    width: 36px;
    height: 36px;
    position: absolute;
    left: 0;
    border-radius: 7.5px
}

.topbar-appul li.con-l .applogo {
    background: url(//image.gamersky.com/webimg15/qznav-app-logo.png) no-repeat center/100%
}

.topbar-appul li.con-l h3 {
    margin: 0;
    line-height: 20px;
    color: #fff;
    font-size: 14px;
    font-weight: 600
}

.topbar-appul li.con-l h3 a {
    color: #fff;
    font-size: 14px
}

.topbar-appul li.con-l h3 a:hover {
    text-decoration: underline
}

.topbar-appul li.con-l .txt {
    margin-top: 2px;
    width: auto;
    line-height: 15px;
    color: #bbb;
    font-size: 12px;
    font-family: 'Microsoft YaHei'
}

.topbar-appul li.con-l .lik {
    width: auto;
    font-size: 12px;
    font-family: 'Microsoft YaHei';
    margin-left: -44px;
    text-align: center;
    margin-top: 8px
}

.topbar-appul li.con-l .lik i {
    float: none;
    padding: 0 5px;
    color: #666;
    height: 26px;
    line-height: 28px
}

.topbar-appul li.con-l .lik a {
    display: inline-block;
    width: auto;
    line-height: 24px;
    color: #999;
    position: relative;
    padding-left: 20px
}

.topbar-appul li.con-l .lik a.android:before {
    position: absolute;
    content: '';
    display: inline-block;
    left: 0;
    top: 5px;
    width: 16px;
    height: 16px;
    background: url('//image.gamersky.com/webimg13/www/newPc/icon_18_android_fill.svg')
}

.topbar-appul li.con-l .lik a.ios:before {
    position: absolute;
    content: '';
    display: inline-block;
    left: 0;
    top: 5px;
    width: 16px;
    height: 16px;
    background: url('//image.gamersky.com/webimg13/www/newPc/icon_18_apple_fill.svg') no-repeat left
}

.topbar-appul li.con-l .lik a.android:hover {
}

.topbar-appul li.con-l .lik a.ios:hover {
}

.topbar-appul li.con-r {
    float: left;
    padding-top: 8px;
    width: 218px;
    height: 218px;
    border-top: 1px solid rgba(255,255,255,.03)
}

.topbar-appul li.con-r {
    background: url(//image.gamersky.com/webimg15/qznav-code.jpg) center no-repeat/100%
}

.topbar-appul li.con-r img {
    width: 218px;
    height: 218px;
    border-radius: 4px
}

.topbar-navul {
    margin: 15px 0;
    padding: 0 20px;
    width: 378px;
    height: 146px;
    list-style-type: none;
    overflow: hidden
}

.topbar-navul li {
    float: left;
    width: 188px;
    height: 146px;
    border-left: 1px solid #515151;
    overflow: hidden;
    list-style-type: none
}

.topbar-navul li h3 {
    margin: 0 0 10px -1px;
    _margin-left: -2px;
    padding-left: 15px;
    width: 160px;
    height: 16px;
    line-height: 18px;
    color: #ddd;
    font-size: 13px;
    font-family: 'Microsoft YaHei'
}

.topbar-navul li h3.red {
    border-left: 3px solid #e22200
}

.topbar-navul li h3.blue {
    border-left: 3px solid #1f79d5
}

.topbar-navul li .lik {
    float: left;
    width: 94px;
    height: auto
}

.topbar-navul li .lik a {
    padding: 0 0 0 18px;
    display: inline-block;
    width: auto;
    height: 24px;
    line-height: 24px
}

.topbar-navul li .lik a.al {
    color: #bbb
}

.topbar-navul li .lik a.al_red {
    color: #ff5400
}

.topbar-navul li .lik a.al_blue {
    color: #009cff
}

.topbar-navul li .lik a:hover {
    color: #fff;
    text-decoration: underline
}

.topbar-tz {
    display: none;
    padding: 8px;
    width: 250px;
    height: auto;
    overflow: visible;
    position: absolute;
    top: 42px;
    left: -106px;
    z-index: 99999;
    border-radius: 4px
}

.topbar-tz {
    background: #444;
    box-shadow: 0 4px 10px 0 rgba(0,0,0,.1)
}

.topbar-tz .tzcon {
    width: 250px;
    height: auto;
    background-color: #444;
    overflow: hidden
}

.topbar-tz .tzcon .tzlik {
    height: auto;
    overflow: hidden
}

.topbar-tz .tzcon .tzlik a {
    float: left;
    padding: 8px;
    display: inline-block;
    width: 234px;
    height: 36px;
    border-radius: 2px;
    position: relative
}

.topbar-tz .tzcon .tzlik a i {
    position: relative;
    top: 9px;
    width: 20px;
    height: 20px;
    display: inline-block
}

.topbar-tz .tzcon .tzlik a i.l1 {
    float: left;
    background: url('//image.gamersky.com/webimg13/www/newPc/icon_20_reply_color@2x.png') no-repeat center/20px
}

.topbar-tz .tzcon .tzlik a i.l2 {
    float: left;
    background: url('//image.gamersky.com/webimg13/www/newPc/icon_20_praise_color@2x.png') no-repeat center/20px
}

.topbar-tz .tzcon .tzlik a i.l3 {
    float: left;
    background: url('//image.gamersky.com/webimg13/www/newPc/icon_20_notification_color@2x.png') no-repeat center/20px
}

.topbar-tz .tzcon .tzlik a i.r {
    display: none;
    float: right;
    background-position: 0 -48px
}

.topbar-tz .tzcon .tzlik a span {
    float: left;
    margin: 0;
    display: inline-block;
    width: auto;
    height: 24px;
    line-height: 36px;
    font-family: 'Microsoft YaHei'
}

.topbar-tz .tzcon .tzlik a span.txt {
    color: #fff;
    font-size: 15px;
    padding: 0 6px 0 8px
}

.topbar-tz .tzcon .tzlik a span.num {
    width: 20px;
    height: 20px;
    color: #fff;
    background: #f33;
    border-radius: 20px;
    position: absolute;
    top: 16px;
    right: 8px;
    text-align: center;
    line-height: 20px;
    font-weight: bold
}

.topbar-tz .tzcon .tzlik a:hover {
    background-color: rgba(255,255,255,.1)
}

.topbar-tz .tzcon .tzlist {
    margin-top: -5px;
    padding: 0 25px;
    width: 280px;
    height: auto;
    overflow: hidden
}

.topbar-tz .tzcon .tzlist li {
    margin-top: -1px;
    padding: 10px 0 15px;
    width: 280px;
    height: auto;
    overflow: hidden;
    border-top: 1px solid #f2f2f3
}

.topbar-tz .tzcon .tzlist li i.new {
    display: block;
    float: right;
    margin: -5px 0 0 -10px;
    width: 10px;
    height: 13px;
    position: absolute
}

.topbar-tz .tzcon .tzlist li i.new {
    background: url(//image.gamersky.com/webimg15/tz_new.png) no-repeat
}

.topbar-tz .tzcon .tzlist li h3 {
    margin: 0;
    min-height: 0;
    max-height: 30px;
    line-height: 30px;
    font-size: 15px;
    font-family: 'Microsoft YaHei';
    overflow: hidden
}

.topbar-tz .tzcon .tzlist li h3 a {
    color: #444!important;
    font-size: 15px
}

.topbar-tz .tzcon .tzlist li h3 a:hover {
    color: #ff5400!important
}

.topbar-tz .tzcon .tzlist li div {
    width: 280px;
    height: 20px;
    line-height: 20px;
    color: #555;
    font-size: 12px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.topbar-tz .tzcon .tzlist li div a {
    color: #1982cb!important
}

.topbar-tz .tzcon .tzlist li div a:hover {
    text-decoration: underline
}

.topbar-tz .tzbot {
    padding: 8px;
    width: auto;
    height: 32px;
    border-top: 1px solid rgba(255,255,255,.03);
    overflow: hidden;
    display: flex;
    justify-content: space-between;
    align-items: center;
    box-sizing: border-box
}

.topbar-tz .tzbot .lik1 {
    float: left;
    width: auto;
    overflow: hidden
}

.topbar-tz .tzbot .lik1 a {
    float: left;
    display: inline-block;
    height: 16px;
    border-radius: 3px;
    padding-left: 22px;
    color: #999
}

.topbar-tz .tzbot .lik1 a {
    background: url('//image.gamersky.com/webimg13/www/newPc/icon_16_gear.svg') left no-repeat
}

.topbar-tz .tzbot .lik1 a:hover {
}

.topbar-tz .tzbot .lik2 {
    float: right;
    width: auto;
    overflow: hidden
}

.topbar-tz .tzbot .lik2 a {
    float: left;
    display: inline-block;
    height: 30px;
    line-height: 30px;
    color: #999;
    font-size: 12px;
    font-family: 'Microsoft YaHei'
}

.topbar-tz .tzbot .lik2 a:hover {
}

.topbar-tz .tzbot .lik2 i {
    float: left;
    padding: 0 15px;
    display: inline-block;
    height: 30px;
    line-height: 30px;
    color: #ccc!important;
    font-size: 12px;
    font-family: 'Microsoft YaHei'
}

.topbar-usercon {
    height: auto
}

.topbar-usercon li.user1 {
    padding-bottom: 8px
}

.topbar-usercon li.user1 .img {
    margin-right: 8px;
    float: left
}

.topbar-usercon li.user1 .img img {
    width: 48px;
    height: 48px;
    border-radius: 36px;
    border: 1px solid rgba(255,255,255,.1);
    box-sizing: border-box
}

.topbar-usercon li.user1 .time {
    float: left;
    width: 142px;
    height: 18px;
    line-height: 18px;
    color: #666;
    font-size: 12px
}

.topbar-usercon li.user1 .name {
    float: left;
    margin-bottom: 6px;
    width: 142px;
    height: 26px;
    line-height: 26px;
    color: #fff;
    font-size: 14px;
    font-weight: bold
}

.topbar-usercon li.user1 .name {
    white-space: nowrap;
    text-overflow: ellipsis
}

.topbar-usercon li.user1 .binding {
    float: left;
    margin-left: -2px;
    width: 144px;
    height: 20px
}

.topbar-usercon li.user1 .binding a {
    float: left;
    margin-right: 6px;
    display: inline-block;
    width: 14px;
    height: 14px;
    overflow: hidden;
    opacity: .6
}

.topbar-usercon li.user1 .binding a:hover {
    opacity: .8
}

.topbar-usercon li.user1 .binding a.ok {
    opacity: .8
}

.topbar-usercon li.user1 .binding a {
    width: 12px;
    height: 12px
}

.topbar-usercon li.user1 .binding a.email {
    background: url('//image.gamersky.com/webimg13/www/newPc/icon_14_mail.svg') no-repeat center
}

.topbar-usercon li.user1 .binding a.phone {
    background: url('//image.gamersky.com/webimg13/www/newPc/icon_14_phone.svg') no-repeat center
}

.topbar-usercon li.user1 .binding a.weixin {
    background: url('//image.gamersky.com/webimg13/www/newPc/icon_14_wechat.svg') no-repeat center
}

.topbar-usercon li.user1 .binding a.qq {
    background: url('//image.gamersky.com/webimg13/www/newPc/icon_14_qq.svg') no-repeat center
}

.topbar-usercon li.user1 .binding a.sina {
    background-position: -80px 0
}

.topbar-usercon li.user2 {
    height: auto;
    overflow: hidden
}

.topbar-usercon li.user2 a {
    display: flex;
    height: auto;
    flex-direction: row;
    align-items: center;
    padding: 8px;
    margin-bottom: 8px;
    flex-grow: 1
}

.topbar-usercon li.user2 a:hover {
    background: rgba(255,255,255,.1);
    border-radius: 2px
}

.topbar-usercon li.user2 a i {
    margin: 0 auto;
    display: block;
    width: 18px;
    height: 18px;
    background: url(//image.gamersky.com/webimg13/user/ubg.png) no-repeat;
    opacity: .6
}

.topbar-usercon li.user2 a p {
    margin: 0;
    margin-left: 10px;
    height: 30px;
    line-height: 30px;
    color: #fff;
    font-size: 14px;
    text-align: center;
    display: inline-flex;
    flex-grow: 1
}

.topbar-usercon li.user2 a:hover i {
    opacity: .8
}

.topbar-usercon li.user2 a.zl i {
    background: url('//image.gamersky.com/webimg13/www/newPc/icon_20_pen.svg') no-repeat
}

.topbar-usercon li.user2 a.jb i {
    background: url('//image.gamersky.com/webimg13/www/newPc/icon_20_wallet.svg') no-repeat
}

.topbar-usercon li.user3 {
    padding-left: 8px;
    padding-top: 4px;
    width: 222px;
    height: 28px;
    border-top: 1px solid rgba(255,255,255,.03)
}

.topbar-usercon li.user3 .link {
    padding-left: 20px;
    float: left;
    width: auto;
    height: 28px;
    line-height: 28px;
    color: rgba(255,255,255,.6);
    font-size: 12px;
    font-family: SimSun;
    background: url('//image.gamersky.com/webimg13/www/newPc/icon_16_gear.svg') no-repeat left/14px
}

.topbar-usercon li.user3 .link a {
    color: rgba(255,255,255,.6);
    font-size: 12px;
    font-family: 'Microsoft YaHei'
}

.topbar-usercon li.user3 .ExitSign {
    float: right;
    width: auto;
    height: 28px
}

.topbar-usercon li.user3 .ExitSign a {
    display: block;
    width: 63px;
    height: 28px;
    line-height: 28px;
    color: rgba(255,255,255,.6);
    text-align: center
}

.QZshade,.QZlogin {
    display: none;
    position: relative
}

.QZshade {
    width: 100%;
    height: 100%;
    _height: 1200px;
    background: #000;
    opacity: .6;
    filter: alpha(opacity=60);
    position: fixed;
    left: 0;
    top: 0;
    z-index: 88888
}

.QZshade {
    _position: absolute;
    _top: expression(documentElement.clientHeight-this.offsetHeight+documentElement.scrollTop)
}

.QZlogin {
    margin: -180px 0 0 -190px;
    padding: 30px 45px;
    width: 280px;
    height: auto;
    background-color: #fff;
    overflow: hidden;
    box-shadow: 0 0 10px 0 rgba(0,0,0,.2)
}

.QZlogin {
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 99999
}

.QZlogin {
    _position: absolute;
    _top: expression(documentElement.clientHeight-this.offsetHeight+documentElement.scrollTop)
}

.QZlogin input {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0
}

.QZlogin .QZ-close {
    display: block;
    width: 30px;
    height: 30px;
    text-indent: -999px;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0
}

.QZlogin .QZ-close {
    background: url(//image.gamersky.com/webimg15/qzclose.png) no-repeat
}

.QZlogin .QZ-close:hover {
    background-position: 0 -30px;
    text-decoration: none
}

.QZlogin .QZ-tit {
    width: auto;
    height: 40px;
    line-height: 20px;
    color: #e23703;
    font-size: 16px;
    font-family: 'Microsoft YaHei';
    text-align: center
}

.QZlogin .QZ-input {
    margin-bottom: 14px
}

.QZlogin .QZ-input input {
    padding: 0 10px;
    width: 258px;
    line-height: 40px;
    color: #999;
    font-size: 14px;
    font-family: 'Microsoft YaHei'
}

.QZlogin .QZ-input input {
    border: 1px solid #eee;
    border-radius: 4px
}

.QZlogin .QZ-input input#QZuserName {
    background-position: 8px 0
}

.QZlogin .QZ-input input#QZpassword {
    background-position: 8px -34px
}

.QZlogin .QZ-input input#QZuserName::placeholder {
    color: #bbb
}

.QZlogin .QZ-input input#QZcode::placeholder {
    color: #bbb
}

.QZlogin .QZ-input input#userNumber {
    background-position: 8px 0
}

.QZlogin .QZ-input input#QZcode {
    background-position: 8px -34px
}

.QZlogin .QZ-input input#userNumber::placeholder {
    color: #bbb
}

.QZlogin .QZ-input input#QZpassword::placeholder {
    color: #bbb
}

.QZlogin .QZ-input input.cur {
    color: #000
}

.QZlogin .QZ-chk {
    margin-bottom: 10px;
    width: auto;
    height: 20px;
    line-height: 20px;
    font-size: 12px;
    font-family: 'Microsoft YaHei'
}

.QZlogin .QZ-chk span {
    float: left;
    color: #aaa
}

.QZlogin .QZ-chk span a {
    color: #aaa
}

.QZlogin .QZ-chk .S02 {
    float: left;
    color: #676767
}

.QZlogin .QZ-chk input {
    margin-right: 5px;
    vertical-align: middle
}

.QZlogin .QZ-chk a.QZ-link {
    float: right;
    color: #676767
}

.QZlogin .QZ-chk a.QZ-link:hover {
    color: #cd4700;
    text-decoration: underline
}

.QZlogin .QZ-chk a.QZ-reg {
    float: right;
    color: #1481c2
}

.QZlogin .QZ-chk a.QZ-reg:hover {
    color: #cd4700;
    text-decoration: underline
}

.QZlogin .QZ-btn {
    width: auto;
    height: 45px;
    text-align: center
}

.QZlogin .QZ-btn a#QZbtn {
    display: block;
    width: auto;
    height: 38px;
    line-height: 38px;
    color: #fff;
    font-size: 15px;
    font-family: 'Microsoft YaHei';
    box-shadow: 0 0 10px 0 rgba(0,0,0,.2);
    border-radius: 2px
}

.QZlogin .QZ-btn a#QZbtn {
    background-color: #e23703
}

.QZlogin .QZ-btn a#QZbtn:hover {
    background-color: #f64c18;
    text-decoration: none
}

.QZlogin .QZ-btn a#QZsmsbtn {
    display: block;
    width: auto;
    height: 38px;
    line-height: 38px;
    color: #fff;
    font-size: 15px;
    font-family: 'Microsoft YaHei';
    box-shadow: 0 0 10px 0 rgba(0,0,0,.2);
    border-radius: 2px
}

.QZlogin .QZ-btn a#QZsmsbtn {
    background-color: #e23703
}

.QZlogin .QZ-btn a#QZsmsbtn:hover {
    background-color: #f64c18;
    text-decoration: none
}

.QZlogin fieldset {
    margin: 0;
    padding: 0;
    width: 280px;
    height: 30px;
    text-align: center;
    border: 0;
    border-top: 1px solid #ddd
}

.QZlogin fieldset legend {
    margin: 0 auto;
    padding: 0;
    width: auto;
    height: 20px;
    line-height: 20px;
    color: #666
}

.QZlogin .QZ-con {
    width: 100%;
    height: auto;
    text-align: center
}

.QZlogin .QZ-con a {
    margin: 0 20px;
    display: inline-block;
    width: 50px;
    height: 50px
}

.QZlogin .QZ-con a#QZsinaLogin {
    background: url(//image.gamersky.com/webimg13/user/icon_PopUpWeiBo.png) no-repeat
}

.QZlogin .QZ-con a#QZqqLogin {
    background: url(//image.gamersky.com/webimg13/user/icon_PopUpQQ.png) no-repeat
}

.QZlogin .QZ-con a#QZweixinLogin {
    background: url(//image.gamersky.com/webimg13/user/icon_PopUpWeiXin.png) no-repeat
}

.QZlogin .QZ-button .QZ-active {
    color: #222;
    border-bottom: 2px solid #eb413d
}

.QZlogin .QZ-button span {
    display: inline-block;
    padding-bottom: 4px;
    margin-right: 22px;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer
}

.QZlogin .QZ-button {
    margin-bottom: 28px
}

.QZlogin .password-login {
    display: none
}

.QZlogin .code {
    position: relative
}

.QZlogin .code .code-btn {
    display: inline-block;
    cursor: pointer;
    position: absolute;
    right: 5px;
    top: 10px;
    padding-left: 8px;
    font-size: 14px;
    color: #1481c2;
    border: 0;
    border-left: 1px solid #eee;
    background: transparent
}

.QZlogin .forgetPaw {
    cursor: pointer;
    position: absolute;
    right: 12px;
    top: 10px;
    font-size: 14px;
    color: #999
}

input[type=checkbox] {
    visibility: hidden
}

input[type=checkbox] {
    cursor: pointer;
    position: relative;
    width: 15px;
    height: 15px;
    font-size: 14px
}

input[type=checkbox]::after {
    position: absolute;
    top: -3px;
    border: 1px solid #eb413d;
    color: #fff;
    width: 15px;
    height: 15px;
    display: inline-block;
    visibility: visible;
    padding-left: 0;
    text-align: center;
    content: ' ';
    border-radius: 50%
}

input[type=checkbox]:checked::after {
    background-color: #eb413d;
    border-color: #eb413d;
    content: "✓";
    font-size: 12px;
    font-weight: bold
}

div.Search {
    position: absolute;
    left: 50%;
    margin-left: -200px;
    width: 400px;
    height: 40px;
    background: #333;
    border-radius: 4px;
    overflow: visible
}

div.Search .SearchL {
    width: 400px;
    padding: 10px 15px 10px 10px;
    box-sizing: border-box;
    display: flex;
    overflow: visible
}

div.Search .SearchL div.radio {
    padding: 0 0 0 0;
    height: 20px;
    box-sizing: border-box;
    overflow: visible;
    position: relative
}

div.Search .SearchL div.radio input {
    margin: 0;
    padding: 0;
    width: 14px;
    height: 14px
}

div.Search .SearchL div.radio .S02 {
    width: 28px;
    height: 20px;
    line-height: 20px;
    font-size: 14px;
    font-family: 'Microsoft YaHei';
    color: #999;
    position: relative;
    padding-right: 30px
}

div.Search .SearchL div.radio .S02::after {
    width: 10px;
    height: 10px;
    display: block;
    content: '';
    position: absolute;
    top: 5px;
    right: 15px;
    margin-left: 4px;
    background: url(//image.gamersky.com/webimg13/www/newPc/icon_10_arrow_down.svg) no-repeat center/10px
}

div.Search .SearchL div.radio .S02_options {
    position: absolute;
    width: 74px;
    top: 40px;
    left: -11px;
    background: #444;
    box-shadow: 0 4px 10px 0 rgba(0,0,0,.1);
    border-radius: 4px;
    color: #999;
    padding: 16px;
    box-sizing: border-box;
    font-size: 14px;
    line-height: 20px
}

div.Search .SearchL div.radio .S02_option {
    cursor: pointer
}

div.Search .SearchL div.radio .S02_option:hover {
    color: #ccc
}

div.Search .SearchL div.radio .S02_option:first-child {
    margin-bottom: 8px
}

div.Search .SearchL div.form {
    border-left: 1px solid #666;
    width: 100%;
    height: 20px;
    display: flex
}

div.Search .SearchL div.form input.Sinput {
    width: 100%;
    height: 20px;
    line-height: 20px;
    border: 0;
    padding-left: 15px;
    background-color: transparent;
    color: #999
}

div.Search .SearchL div.form input.Sinput::placeholder {
    color: #666
}

div.Search .SearchL div.form input.Sbutton {
    width: 32px;
    height: 20px;
    text-indent: -999px;
    cursor: pointer;
    border: 0;
    background: url(//image.gamersky.com/webimg13/www/newPc/icon_20_search.svg) no-repeat center
}

div.Search .SearchList {
    display: none;
    width: 400px;
    height: 204px;
    line-height: 38px;
    font-size: 12px;
    border-radius: 4px;
    font-family: 'Microsoft YaHei';
    background: #444;
    color: #fff;
    box-shadow: 0 4px 10px 0 rgba(0,0,0,.1);
    padding: 16px;
    box-sizing: border-box
}

div.Search .SearchTitle {
    font-weight: bold;
    font-size: 14px;
    line-height: 20px
}

div.Search .searchItems {
    margin-top: 12px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px 32px
}

div.Search .searchItems .searchWord {
    font-size: 14px;
    line-height: 20px;
    color: #999;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    position: relative;
    padding-left: 22px
}

div.Search .searchItems .searchWord:hover {
    color: #ccc
}

div.Search .searchItems .searchWord::before {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    margin-right: 4px;
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url('//image.gamersky.com/webimg13/www/newPc/icon_16_fire_color@2x.png') no-repeat center/16px
}

#QZnav {
    min-width: 1200px;
    background: rgba(68,68,68,.75);
    box-sizing: border-box;
    border-width: 0 0 1px 0;
    border-style: solid;
    border-color: rgba(255,255,255,.1);
    backdrop-filter: blur(80px);
    box-shadow: 0 2px 10px 0 rgba(0,0,0,.1);
    position: fixed;
    top: 0;
    left: 0
}

#QZnav .topbar {
    width: 1200px
}

#QZnav i {
    color: #595959
}

#QZnav .alik {
    font-size: 15px;
    color: #999;
    font-family: Barlow Semi Condensed
}

#QZnav .alik:hover {
    color: #ccc
}

#QZnav .cur .alik {
    color: #ddd
}

#QZnav .QZ-nav {
    display: none
}

.basic_game_card {
    display: flex;
    font-family: PingFang SC;
    box-sizing: border-box;
    line-height: 18px;
    cursor: pointer;
    position: relative;
    overflow: visible
}

.basic_game_card.col {
    flex-direction: column
}

.basic_game_card.col:hover .pre_basic_game_card,.basic_game_card.row:hover .pre_basic_game_card {
    opacity: 1;
    transform: scale(1)
}

.basic_game_card.col .bgc_img,.basic_game_card.col img {
    width: 160px;
    height: 80px;
    border-radius: 4px;
    overflow: hidden;
    position: relative
}

.basic_game_card.col img {
    border: 1px solid rgba(0,0,0,.03);
    box-sizing: border-box
}

.basic_game_card.col .bgc_info {
    margin-top: 10px
}

.basic_game_card.col .t.date {
    background: rgba(84,133,189,.3);
    color: #a1cee5
}

.basic_game_card.col .t.hot {
    display: inline-block;
    padding: 0 5px 0 23px;
    background: rgba(128,0,0,.3);
    color: #e5a1a1;
    backdrop-filter: blur(10px)
}

.basic_game_card.row {
    flex-direction: row;
    width: 100%
}

.basic_game_card.row .bgc_img,.basic_game_card.row img {
    width: 80px;
    height: 40px;
    border-radius: 4px;
    overflow: visible;
    position: relative
}

.basic_game_card.row .bgc_img {
    margin-right: 8px
}

.basic_game_card.row .bgc_info {
    display: flex;
    flex: 1;
    align-items: center;
    justify-content: space-between
}

.basic_game_card.row .t.date {
    background: rgba(84,133,189,.1);
    color: #5485bd
}

.basic_game_card.row .t.hot {
    display: inline-block;
    padding: 0 5px 0 23px;
    background: rgba(235,65,61,.1);
    color: #eb413d;
    backdrop-filter: blur(10px)
}

.basic_game_card.row .bgc_info .bgc_title {
    font-size: 13px
}

.bgc_info .bgc_title {
    margin-bottom: 4px;
    font-size: 14px;
    color: #222;
    font-weight: bold;
    max-width: 160px;
    overflow: hidden;
    max-height: 18px;
    text-overflow: ellipsis;
    white-space: nowrap
}

.bgc_info .bgc_text {
    font-size: 12px;
    line-height: 14px;
    font-weight: normal;
    letter-spacing: 0;
    color: #999
}

.basic_game_card.row.bai .bgc_price .bgc_p_plat {
    background: #fff
}

.bgc_price {
    display: flex;
    align-items: center;
    box-sizing: border-box;
    border-radius: 2px
}

.bgc_price .bgc_p_remaining {
    margin-right: 4px;
    font-size: 12px;
    color: #999
}

.bgc_price .bgc_p_plat {
    display: flex;
    align-items: center;
    box-sizing: border-box;
    padding: 0 4px;
    background: #f5f7fa
}

.bgc_price .bgc_p_plat i {
    width: 12px;
    height: 12px;
    display: inline-block
}

.bgc_price .bgc_p_plat i.fh {
    background: url('//image.gamersky.com/webimg13/www/newPc/icon_20_fenghuang_fill.svg') no-repeat center/12px
}

.bgc_price .bgc_p_plat i.ps {
    background: url('//image.gamersky.com/webimg13/www/newPc/icon_20_ps_fill.svg') no-repeat center/12px
}

.bgc_price .bgc_p_plat i.ns {
    background: url('//image.gamersky.com/webimg13/www/newPc/icon_20_ns_fill.svg') no-repeat center/12px
}

.bgc_price .bgc_p_plat i.epic {
    background: url('//image.gamersky.com/webimg13/www/newPc/icon_20_epic_fill.svg') no-repeat center/12px
}

.bgc_price .bgc_p_plat i.steam {
    background: url('//image.gamersky.com/webimg13/www/newPc/icon_20_steam_fill.svg') no-repeat center/12px
}

.bgc_price .bgc_p_plat .bgc_p_p_curr {
    margin-right: 2px;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0;
    color: #222
}

.bgc_price .bgc_p_plat .bgc_p_p_origin {
    font-size: 10px;
    font-weight: normal;
    letter-spacing: 0;
    text-decoration: line-through;
    color: #999
}

.bgc_price .bgc_p_sale {
    padding: 0 2px;
    background: #65676b;
    font-size: 10px;
    font-weight: 600;
    letter-spacing: 0;
    font-variation-settings: "opsz" auto;
    color: #fff
}

.bgc_price .bgc_p_lowest {
    background: #ff9f1d;
    padding: 0 2px;
    font-size: 10px;
    font-weight: 600;
    letter-spacing: 0;
    font-variation-settings: "opsz" auto;
    color: #fff;
    border-radius: 0 2px 2px 0
}

.bgc_tags {
    display: flex;
    gap: 2px
}

.bgc_tags div {
    padding: 0 4px;
    border-radius: 2px;
    background: #f5f7fa;
    color: #888;
    font-size: 12px;
    line-height: 18px
}

.bgc_info_right {
    flex-shrink: 0
}

.bgc_info_right .pf {
    width: 28px;
    height: 28px;
    backdrop-filter: blur(10px);
    font-size: 14px;
    line-height: 28px;
    font-weight: bold;
    text-align: center;
    font-family: 'BarlowSemi'
}

.bgc_info_right .pf.ym {
    border-radius: 4px;
    background: linear-gradient(315deg,rgba(255,159,29,.25) 0%,rgba(255,51,0,.25) 100%)
}

.bgc_info_right .pf.ym span {
    background: linear-gradient(128deg,#f30 0%,#ff9f1d 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent
}

.bgc_info_right .pf.zp {
    border-radius: 125px;
    background: linear-gradient(315deg,rgba(255,193,23,.25) 0%,rgba(255,159,29,.25) 100%)
}

.bgc_info_right .pf.zp span {
    background: linear-gradient(128deg,#ff9f1d 0%,#ffc117 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
    font-family: BarlowSemi
}

.basic_game_card .t {
    right: 8px;
    bottom: 8px;
    backdrop-filter: blur(10px);
    padding: 0 5px;
    border-radius: 100px;
    line-height: 18px;
    text-align: center
}

.basic_game_card .t.hot::before {
    position: absolute;
    display: inline-block;
    content: '';
    width: 16px;
    height: 16px;
    top: 1px;
    left: 5px;
    background: url('../img/www/newPc/icon_16_fire_color@2x.png') no-repeat center/16px
}

.bgc_rank {
    overflow: visible
}

.bgc_rank .rank {
    display: inline-block;
    position: absolute;
    left: 0;
    top: -4px;
    background: #222;
    border-radius: 4px 0 2px 2px;
    padding: 0 2.5px;
    color: #fff;
    font-weight: bold;
    line-height: 12px;
    font-size: 12px;
    overflow: visible;
    font-family: 'BarlowSemi';
    min-width: 8px;
    text-align: center;
    height: 13px
}

.rank::after {
    content: '';
    display: inline-block;
    position: absolute;
    right: -4px;
    top: 0;
    width: 0;
    height: 0;
    border-bottom: 4px solid #999;
    border-right: 4px solid transparent
}

.basic_game_card:nth-child(-n+3) .rank {
    color: #ffc117
}

.bgc_desc {
    padding: 0 12px 0 12px;
    font-size: 12px;
    line-height: 16px;
    font-weight: normal;
    color: #666;
    letter-spacing: 0;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
    max-height: 48px;
    display: -webkit-box
}

.basic_game_card.col .pre_basic_game_card {
    display: block;
    position: absolute;
    width: 200px;
    height: auto;
    padding-bottom: 12px;
    background: #fafbfc;
    border-radius: 5px;
    outline: 1px solid #e5e7e9;
    outline-offset: -1px;
    box-sizing: border-box;
    box-shadow: 0 6px 16px 0 rgba(0,16,94,.1);
    z-index: 1;
    overflow: hidden;
    opacity: 0;
    transition: all .25s;
    transition-timing-function: cubic-bezier(.18,.68,.2,1);
    transform: scale(.9);
    left: -20px;
    top: -54.5px;
    pointer-events: none
}

.basic_game_card.col .pre_basic_game_card .bgc_img,.basic_game_card.col .pre_basic_game_card img {
    width: 100%;
    height: 100px;
    border-radius: 5px 5px 0 0;
    overflow: hidden
}

.basic_game_card.col .pre_basic_game_card .bgc_info {
    padding: 2px 12px 5px 12px
}

.basic_game_card.col .pre_basic_game_card .bgc_info .bgc_title {
    font-size: 16px;
    line-height: 20px
}

.basic_game_card.col .pre_basic_game_card .bgc_img img {
    z-index: -1;
    border: 0;
    width: 100%
}

.basic_game_card.row .pre_basic_game_card {
    display: flex;
    flex-direction: column;
    position: absolute;
    width: 320px;
    height: auto;
    padding: 12px;
    background: #fafbfc;
    border-radius: 5px;
    outline: 1px solid #e5e7e9;
    outline-offset: -1px;
    box-sizing: border-box;
    box-shadow: 0 6px 16px 0 rgba(0,16,94,.1);
    z-index: 1;
    overflow: hidden;
    opacity: 0;
    transition: all .25s;
    transition-timing-function: cubic-bezier(.18,.68,.2,1);
    transform: scale(.9);
    left: -50%;
    top: -13px;
    margin-left: 120px;
    pointer-events: none
}

.basic_game_card.row .pre_basic_game_card .bgc_desc {
    margin-top: 5px;
    padding: 0;
    max-height: 32px;
    -webkit-line-clamp: 2
}

.basic_game_card.col .pre_basic_game_card .bgc_img,.basic_game_card.col .pre_basic_game_card img {
    width: 100%;
    height: 100px;
    border-radius: 5px 5px 0 0;
    overflow: hidden
}

.basic_game_card.row .pre_basic_game_card .bgc_info .bgc_title {
    font-size: 14px;
    line-height: 20px
}

.basic_game_card.row.list_big_card {
    width: 280px;
    height: auto;
    border-radius: 5px;
    overflow: hidden
}

.basic_game_card.row.list_big_card::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 0;
    border-left: 28px solid #222;
    border-bottom: 28px solid transparent;
    border-right: 28px solid transparent;
    z-index: 99;
    border-radius: 4px 0 0 0
}

.hei .basic_game_card.row.list_big_card::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 0;
    border-left: 28px solid #d7d7d9;
    border-bottom: 28px solid transparent;
    border-right: 28px solid transparent;
    z-index: 99;
    border-radius: 4px 0 0 0
}

.basic_game_card.row.list_big_card .bgc_img .rank {
    display: inline-block;
    position: absolute;
    left: 2px;
    top: 0;
    font-family: Roboto Condensed;
    font-size: 14px;
    font-weight: bold;
    line-height: 14px;
    text-align: center;
    letter-spacing: normal;
    color: #ffc117;
    z-index: 999
}

.basic_game_card.row.list_big_card .bgc_img .rank::after {
    opacity: 0
}

.basic_game_card.row.list_big_card .pre_basic_game_card {
    display: none
}

.basic_game_card.row.list_big_card .bgc_img,.basic_game_card.row.list_big_card img {
    height: 140px;
    width: 100%;
    border-radius: 4px;
    margin-right: 0
}

.basic_game_card.row.list_big_card img {
    overflow: hidden;
    border-radius: 4px
}

.basic_game_card.row.list_big_card .bgc_info {
    position: absolute;
    left: 0;
    bottom: 0;
    background: linear-gradient(180deg,rgba(0,0,0,0) 0%,rgba(0,0,0,.9) 100%);
    width: 280px;
    height: 56px;
    padding: 8px;
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
    align-items: end;
    border-radius: 0 0 4px 4px
}

.basic_game_card.row.list_big_card .bgc_info .bgc_title {
    color: #fff
}

.basic_game_card.row.list_big_card .bgc_info .bgc_text {
    line-height: 18px
}

.basic_game_card.row.list_big_card .bgc_img .t.hot {
    position: absolute;
    background: rgba(128,0,0,.3);
    color: #e5a1a1;
    z-index: 9;
    font-size: 12px
}

.basic_game_card.row.list_big_card .bgc_img .t.date {
    position: absolute;
    background: rgba(84,133,189,.3);
    color: #a1cee5;
    z-index: 9;
    font-size: 12px
}

.basic_game_card.row.list_big_card .bgc_info .bgc_tags div {
    padding: 0 4px;
    border-radius: 2px;
    background: rgba(255,255,255,.2);
    color: rgba(255,255,255,.5);
    font-size: 12px;
    line-height: 18px;
    backdrop-filter: blur(10px)
}

.basic_game_card.row.list_big_card .bgc_info_right .pf.ym {
    width: 32px;
    height: 32px
}

.basic_game_card.row.list_big_card .bgc_info_right .pf.ym span {
    font-size: 18px;
    line-height: 32px
}

.basic_game_card.row.list_big_card .bgc_info_right .pf.zp {
    width: 36px;
    height: 36px
}

.basic_game_card.row.list_big_card .bgc_info_right .pf.zp span {
    font-size: 18px;
    line-height: 36px
}

.bgc_rank .basic_game_card.row.list_big_card {
    overflow: visible
}

.steam_game_card {
    width: 160px;
    height: 80px;
    position: relative;
    cursor: pointer;
    border-radius: 4px;
    overflow: visible
}

.steam_game_card .preview_sug_info {
    display: none
}

.steam_game_card img {
    width: 160px;
    height: 80px;
    border-radius: 4px;
    overflow: hidden;
    position: relative;
    z-index: 2
}

.steam_game_card .cur_border {
    display: none
}

.steam_game_card.cur .cur_border {
    position: absolute;
    top: -6px;
    left: -6px;
    right: -6px;
    bottom: -6px;
    display: block;
    width: 172px;
    height: 92px;
    border-radius: 8px;
    background: linear-gradient(180deg,#f30 0%,#ff9f1d 100%);
    z-index: 0;
    box-shadow: 0 4px 10px 0 rgba(0,0,0,.2);
    overflow: hidden;
    box-sizing: border-box
}

.steam_game_card.cur .cur_border::before {
    content: '';
    display: block;
    position: absolute;
    top: 2px;
    left: 2px;
    right: 2px;
    bottom: 2px;
    display: block;
    width: 168px;
    height: 88px;
    border-radius: 6.5px;
    background: #fff;
    z-index: 1;
    overflow: hidden
}

.steam_game_card .steam_info {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    padding: 8px;
    box-sizing: border-box;
    background: linear-gradient(180deg,rgba(0,0,0,0) 0%,rgba(0,0,0,.9) 100%);
    z-index: 3;
    border-radius: 0 0 4px 4px
}

.steam_game_card .steam_info .sgc_title {
    margin-bottom: 5px;
    font-size: 14px;
    font-weight: 600;
    line-height: 18px;
    letter-spacing: 0;
    color: #fff;
    max-height: 36px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    letter-spacing: 0;
    -webkit-box-orient: vertical;
    word-break: break-all
}

.steam_game_card .steam_info .sgc_hotanddate {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    color: rgba(255,255,255,.8);
    font-size: 12px;
    line-height: 16px;
    box-sizing: border-box
}

.steam_game_card .steam_info .sgc_hotanddate div {
    box-sizing: border-box;
    background: rgba(255,255,255,.2);
    backdrop-filter: blur(10px);
    padding: 1px 5px;
    border-radius: 100px
}

.steam_game_card .steam_info .sgc_hotanddate div.hot {
    padding: 1px 5px 1px 23px
}

.steam_game_card .steam_info .sgc_hotanddate div.hot::before {
    position: absolute;
    display: inline-block;
    content: '';
    width: 16px;
    height: 16px;
    top: 1px;
    left: 5px;
    background: url(../img/www/newPc/icon_16_fire_color@2x.png) no-repeat center/16px
}

.steam_game_card .steam_info .sgc_hotanddate div.date {
    font-weight: 400
}

#Mid_comment {
    margin-bottom: 20px;
    background: #fff;
    overflow: visible;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0 2px 4px 0 rgba(0,0,0,.05)
}

#Mid_comment .comment_header {
    overflow: visible
}

#Mid_comment .comment_header .top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 14px
}

#Mid_comment .comment_header .left {
    display: flex
}

#Mid_comment .comment_header .top .left .duan {
    display: flex;
    align-items: center;
    margin-right: 20px;
    height: 40px;
    cursor: pointer
}

#Mid_comment .comment_header .top .left .cur {
    position: relative
}

#Mid_comment .comment_header .top .left .txt {
    font-family: PingFang SC;
    font-size: 18px;
    font-weight: 600;
    height: 32px;
    line-height: 32px;
    color: #222;
    margin-right: 8px
}

#Mid_comment .comment_header .top .left .line {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 72px;
    height: 2px;
    border-radius: 100px;
    background: linear-gradient(90deg,#f10 0%,#ff6200 100%);
    opacity: 0
}

#Mid_comment .comment_header .top .left .cur .line {
    opacity: 1
}

#Mid_comment .comment_header .top .number {
    font-size: 13px;
    line-height: 16px;
    color: #999
}

#Mid_comment .comment_header .top .left .chang {
    display: flex;
    align-items: center;
    height: 40px;
    cursor: pointer
}

#Mid_comment .comment_header .top .right {
}

#Mid_comment .comment_header .top .right .write_comment {
    width: 88px;
    height: 32px;
    line-height: 32px;
    border-radius: 4px;
    background: #eb413d;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    cursor: pointer
}

#Mid_comment .comment_header .top .right .write_comment .icon {
    margin-right: 6px;
    width: 10px;
    height: 10px
}

#Mid_comment .comment_header .top .right .write_comment .txt {
    font-size: 14px;
    font-weight: 600;
    line-height: 16px
}

#Mid_comment .comment_header .bottom {
    display: flex;
    justify-content: space-between;
    align-items: center;
    overflow: visible;
    position: relative
}

#Mid_comment .comment_header .bottom .left {
    display: flex;
    align-items: center;
    overflow: visible;
    padding-bottom: 20px
}

#Mid_comment .comment_header .bottom .left .l1 {
    width: 136px;
    height: 30px;
    padding: 2px;
    border-radius: 100px;
    background: #f5f7fa;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 8px;
    box-sizing: border-box
}

#Mid_comment .comment_header .bottom .left .chang_l1 {
    width: 92px;
    display: none
}

#Mid_comment .comment_header .bottom .left .l1 div {
    font-family: PingFang SC;
    padding: 4px 8px;
    font-size: 14px;
    text-align: center;
    color: #999;
    cursor: pointer
}

#Mid_comment .comment_header .bottom .left .l1 .cur {
    border-radius: 100px;
    background: #222;
    color: #fff
}

#Mid_comment .comment_header .bottom .left .l2 {
    height: 30px;
    border-radius: 100px;
    background: #f5f7fa;
    font-size: 14px;
    line-height: 26px;
    text-align: center;
    color: #999;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    position: relative;
    overflow: visible;
    padding: 0 8px
}

#Mid_comment .comment_header .bottom .left .l2 span {
    margin: 0 5px
}

#Mid_comment .comment_header .bottom .left .l2 .rz {
    width: 16px;
    height: 16px
}

#Mid_comment .comment_header .bottom .right {
    display: flex;
    overflow: visible;
    padding-bottom: 20px
}

#Mid_comment .comment_header .bottom .right .r1 {
    padding: 3px 2px;
    margin-right: 4px;
    font-size: 14px;
    line-height: 18px;
    text-align: center;
    color: #999;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 4;
    position: relative;
    overflow: visible
}

#Mid_comment .comment_header .bottom .right .r1_chang {
    width: 80px;
    padding: 3px 2px;
    margin-right: 4px;
    font-size: 14px;
    line-height: 18px;
    text-align: center;
    color: #999;
    cursor: pointer;
    display: none;
    justify-content: right;
    align-items: center;
    gap: 4;
    position: relative;
    overflow: visible
}

#chang_sort {
    display: none;
    position: absolute;
    background: #fff;
    z-index: 999;
    box-shadow: 0 0 30px 0 rgba(0,0,0,.1);
    overflow: visible;
    border-radius: 8px;
    top: 42px;
    right: -16px;
    width: 64px;
    padding: 8px
}

#sort {
    display: none;
    position: absolute;
    background: #fff;
    z-index: 999;
    box-shadow: 0 0 30px 0 rgba(0,0,0,.1);
    overflow: visible;
    border-radius: 8px;
    top: 42px;
    right: -5px;
    width: 56px;
    padding: 8px
}

#sort:before,#chang_sort:before {
    width: 20px;
    height: 10px;
    content: "";
    display: block;
    position: absolute;
    left: 50%;
    top: -10px;
    margin-left: -10px;
    background: url(//image.gamersky.com/webimg13/www/newPc/img_bubble_arrow@2x.png) no-repeat center/20px 10px
}

#sort ul {
    width: 40px;
    gap: 8px;
    cursor: pointer
}

#chang_sort ul {
    width: 64px;
    gap: 8px;
    cursor: pointer
}

#sort ul .cur,#chang_sort ul .cur {
    color: #222;
    font-weight: 600
}

#sort ul li {
    width: 40px;
    box-sizing: border-box;
    padding: 8px;
    border-radius: 2px;
    font-size: 12px;
    line-height: 12px;
    text-align: center;
    color: #666
}

#sort ul li:hover {
    background: #f5f7f9
}

#chang_sort ul li {
    width: 64px;
    box-sizing: border-box;
    padding: 8px;
    border-radius: 2px;
    font-size: 12px;
    line-height: 12px;
    text-align: center;
    color: #666
}

#chang_sort ul li:hover {
    background: #f5f7f9
}

#Mid_comment .comment_header .bottom .right .r2 {
    padding: 3px 2px;
    font-size: 14px;
    line-height: 18px;
    text-align: center;
    color: #999;
    cursor: pointer;
    display: flex;
    align-items: center;
    position: relative;
    overflow: visible
}

#Mid_comment .comment_header .bottom .right .r2 .iconBox {
    position: relative;
    display: flex
}

#Mid_comment .comment_header .bottom .right .r2 .iconBox .yuan {
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: #eb413d;
    position: absolute;
    top: 0;
    right: 2px;
    display: none
}

#filter {
    position: absolute;
    display: none;
    box-shadow: 0 0 15px 0 rgba(0,0,0,.1);
    border-radius: 8px;
    background: #fff;
    z-index: 1;
    top: 40px;
    right: -105px;
    overflow: visible
}

#filter::before {
    width: 20px;
    height: 10px;
    content: "";
    display: block;
    position: absolute;
    left: 50%;
    top: -10px;
    background: url(//image.gamersky.com/webimg13/www/newPc/img_bubble_arrow@2x.png) no-repeat center/20px 10px
}

#filter .ul {
    padding: 16px
}

#filter .filter_pt {
    margin-bottom: 8px
}

#filter .filter_pt,#filter .filter_bj {
    display: flex;
    align-items: center
}

#filter .filter_pt .filter_pt_btn {
    height: 30px;
    padding: 2px;
    border-radius: 100px;
    background: #f5f7fa;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 8px;
    box-sizing: border-box
}

#filter .filter_bj .filter_bj_btn {
    width: 92px;
    height: 30px;
    padding: 2px;
    border-radius: 100px;
    background: #f5f7fa;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 8px;
    box-sizing: border-box
}

#filter .filter_pt .filter_pt_btn div,#filter .filter_bj .filter_bj_btn div {
    font-family: PingFang SC;
    width: 44px;
    height: 26px;
    font-size: 14px;
    line-height: 26px;
    text-align: center;
    color: #999;
    cursor: pointer;
    cursor: pointer
}

#filter .filter_pt .filter_pt_btn .cur,#filter .filter_bj .filter_bj_btn .cur {
    border-radius: 100px;
    background: #222;
    color: #fff
}

#filter .txt {
    width: 26px;
    font-size: 13px;
    font-weight: 600;
    line-height: 20px;
    text-align: center;
    color: rgba(0,0,0,.8);
    margin-right: 10px
}

#Mid_comment .comment_header .bottom .right img {
    margin-right: 4px
}

#Mid_comment .kong {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column
}

#Mid_comment .kong img {
    width: 110px;
    height: 110px
}

#Mid_comment .kong div {
    color: #ccc;
    text-align: center
}

#Mid_comment .commentList {
    overflow: visible
}

#Mid_comment .commentList .comment_loading {
    height: 500px;
    display: flex;
    justify-content: center;
    align-items: center;
    transform-origin: center;
    animation: rotate 2s linear infinite
}

@keyframes rotate {
    from {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(360deg)
    }
}

#Mid_comment .comment {
    padding-bottom: 20px;
    margin-top: 20px;
    border-bottom: 1px solid #e5e7e9;
    overflow: visible
}

#Mid_comment .comment:last-child {
    border: 0
}

#Mid_comment .comment .userInfo {
    display: flex;
    align-items: center;
    margin-bottom: 8px;
    overflow: visible
}

#Mid_comment .comment .userInfo .tx {
    width: 30px;
    height: 30px;
    border-radius: 18px;
    margin-right: 12px;
    cursor: pointer
}

#Mid_comment .comment .userInfo .tx img {
    width: 100%;
    height: 100%
}

#Mid_comment .comment .userInfo .userGroupIconUrl {
    width: 16px;
    height: 16px;
    position: relative;
    overflow: visible
}

#Mid_comment .comment .userInfo .userGroupIconUrl img {
    width: 100%;
    height: 100%;
    display: block
}

#Mid_comment .comment .userInfo .userGroupIconUrl div {
    display: none;
    width: 120px;
    height: 32px;
    line-height: 32px;
    border-radius: 8px;
    text-align: center;
    background: #fff;
    box-shadow: 0 0 30px 0 rgba(0,0,0,.1);
    position: absolute;
    bottom: 30px;
    left: -40px;
    overflow: visible
}

#Mid_comment .comment .userInfo .userGroupIconUrl div::before {
    width: 20px;
    height: 10px;
    content: "";
    display: block;
    position: absolute;
    right: 60px;
    bottom: -10px;
    background: url(//image.gamersky.com/webimg13/www/newPc/img_bubble_arrow@2x.png) no-repeat center/20px 10px;
    transform: rotate(180deg)
}

#Mid_comment .comment .userInfo .info {
    overflow: visible
}

#Mid_comment .comment .userInfo .info .name {
    display: flex;
    align-items: center;
    gap: 4px;
    cursor: pointer;
    overflow: visible
}

#Mid_comment .comment .userInfo .info .name span {
    font-size: 15px;
    font-weight: 600;
    line-height: 22px;
    display: flex;
    align-items: center
}

#Mid_comment .comment .userInfo .info .isRealPlayer {
    width: 16px;
    height: 16px;
    background: url(//image.gamersky.com/app/icons6.0/isRealPlayer.png) no-repeat 50%/16px;
    position: relative;
    overflow: visible
}

#Mid_comment .comment .userInfo .info .isRealPlayer .isRealPlayer_tip {
    width: 216px;
    padding: 10px;
    display: none;
    border-radius: 8px;
    text-align: center;
    background: #fff;
    box-shadow: 0 0 30px 0 rgba(0,0,0,.1);
    position: absolute;
    bottom: 30px;
    left: -40px;
    overflow: visible
}

#Mid_comment .comment .userInfo .info .isRealPlayer .isRealPlayer_tip .t {
    display: flex;
    align-items: center
}

#Mid_comment .comment .userInfo .info .isRealPlayer .isRealPlayer_tip .t img {
    width: 32px;
    height: 32px;
    margin-right: 6px
}

#Mid_comment .comment .userInfo .info .isRealPlayer .isRealPlayer_tip .t span {
    font-size: 18px
}

#Mid_comment .comment .userInfo .info .isRealPlayer .isRealPlayer_tip .b {
    margin-left: 10px
}

#Mid_comment .comment .userInfo .info .commontHeadImagevip {
    width: 16px;
    height: 16px;
    position: relative;
    overflow: visible
}

#Mid_comment .comment .userInfo .info .isRealPlayer_tip::before {
    width: 20px;
    height: 10px;
    content: "";
    display: block;
    position: absolute;
    left: 15%;
    bottom: -10px;
    background: url(//image.gamersky.com/webimg13/www/newPc/img_bubble_arrow@2x.png) no-repeat center/20px 10px;
    transform: rotate(180deg)
}

#Mid_comment .comment .userInfo .info .commontHeadImagevip div {
    display: none;
    width: 120px;
    height: 32px;
    line-height: 32px;
    border-radius: 8px;
    text-align: center;
    background: #fff;
    box-shadow: 0 0 30px 0 rgba(0,0,0,.1);
    position: absolute;
    bottom: 30px;
    left: -40px;
    overflow: visible
}

#Mid_comment .comment .userInfo .info .commontHeadImagevip div::before {
    width: 20px;
    height: 10px;
    content: "";
    display: block;
    position: absolute;
    right: 60px;
    bottom: -10px;
    background: url(//image.gamersky.com/webimg13/www/newPc/img_bubble_arrow@2x.png) no-repeat center/20px 10px;
    transform: rotate(180deg)
}

#Mid_comment .comment .userInfo .info .name .lv {
    padding: 1px 4px;
    font-size: 13px;
    font-weight: 600;
    line-height: 15px;
    text-align: center;
    border-radius: 2px
}

#Mid_comment .comment .userInfo .pf {
    display: flex;
    align-items: center;
    color: #999
}

#Mid_comment .comment .userInfo .pf .starBox {
    display: flex;
    gap: 4px
}

#Mid_comment .comment .userInfo .pf .starBox .star {
    width: 12px;
    height: 12px;
    background: url("../img/star.svg") no-repeat;
	background-size:100% 100%;
}

#Mid_comment .comment .userInfo .pf .starBox .starCur {
    width: 12px;
    height: 12px;
    background: url("../img/star_cur_12.svg") no-repeat;
    background-size: cover
}

#Mid_comment .comment .userInfo .pf .pt {
    font-family: PingFang SC;
    font-size: 12px;
    font-weight: normal;
    line-height: 16px;
    display: flex;
    align-items: center;
    margin: 0 6px
}

#Mid_comment .comment .userInfo .pf .time {
    font-family: PingFang SC;
    font-size: 12px;
    font-weight: normal;
    line-height: 16px;
    display: flex;
    align-items: center
}

#Mid_comment .comment .content_title {
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    align-items: center;
    color: #222
}

#Mid_comment .comment .content {
    font-size: 14px;
    font-weight: normal;
    line-height: 24px;
    color: #222;
    margin-bottom: 12px;
    max-height: 258px;
    overflow: hidden
}

#Mid_comment .comment .content .user-select {
    user-select: text
}

#Mid_comment .comment .content .imgList {
    display: flex;
    gap: 15px;
    position: relative
}

#Mid_comment .comment .content .imgList .num {
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(0,0,0,.5);
    color: #fff;
    font-size: 12px;
    line-height: 12px;
    padding: 2px 4px;
    z-index: 1
}

#Mid_comment .comment .content .imgList .imgItem {
    width: 135px;
    height: 135px;
    overflow: hidden;
    position: relative;
    background: #f5f7fa
}

#Mid_comment .comment .content .imgList .imgItem img {
    width: auto;
    height: 100%
}

#Mid_comment .comment .content .imgList .imgItem i {
    position: absolute;
    right: 4px;
    bottom: 4px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 30px;
    height: 16px;
    font-size: 10px;
    border-radius: 3px;
    overflow: hidden;
    font-style: normal
}

#Mid_comment .comment .content .imgList .imgItem .gif {
    background: url("//image.gamersky.com/app/icons6.0/icon_TagGif.png") no-repeat center/30px 16px
}

#Mid_comment .comment .content .imgList .imgItem .changtu {
    background: url("//image.gamersky.com/app/icons6.0/icon_TagChangTu.png") no-repeat center/30px 16px
}

#Mid_comment .comment .content_mode {
    margin-top: -50px;
    padding-top: 55px;
    width: 100%;
    height: auto;
    text-align: center;
    position: relative;
    background: url(//image.gamersky.com/webimg15/zp/remark-mx.png) repeat-x;
    cursor: pointer;
    padding-bottom: 15px
}

#Mid_comment .comment .content_mode .zhankai {
    padding-right: 15px;
    display: inline-block;
    width: auto;
    height: 20px;
    line-height: 20px;
    color: #666;
    font-size: 14px;
    display: flex;
    align-items: center;
    justify-content: center
}

#Mid_comment .comment .content_mode .zhankai img {
    width: 12px;
    height: 12px;
    margin-left: 5px
}

#Mid_comment .comment .bottom_cz {
    display: flex;
    align-items: center;
    justify-content: space-between
}

#Mid_comment .comment .bottom_cz .cz_l {
    display: flex;
    align-items: center;
    gap: 10px
}

#Mid_comment .comment .bottom_cz .cz_l .btn {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 10px 0 8px;
    height: 26px;
    line-height: 26px;
    background: #f5f7fa;
    cursor: pointer;
    border-radius: 4px
}

#Mid_comment .comment .bottom_cz .cz_l .club {
    display: flex;
    align-items: center;
    justify-content: center;
    width: auto;
    height: 26px;
    line-height: 26px;
    background: #f5f7fa;
    cursor: pointer;
    border-radius: 100px;
    padding: 0 10px
}

#Mid_comment .comment .bottom_cz .cz_l .club img:first-child {
    width: 16px;
    height: 16px
}

#Mid_comment .comment .bottom_cz .cz_l .club img:last-child {
    transform: rotate(-90deg)
}

#Mid_comment .comment .bottom_cz .cz_l .btn .txt {
    margin: 0 4px;
    font-size: 13px;
    line-height: 16px;
    color: #666
}

#Mid_comment .comment .bottom_cz .cz_l .btn .num {
    font-size: 13px;
    line-height: 16px;
    color: #666
}

#Mid_comment .comment .bottom_cz .cz_l .report-btn {
    display: none
}

#Mid_comment .comment .bottom_cz .cz_r {
    display: flex;
    align-items: center;
    gap: 10px
}

#Mid_comment .comment .bottom_cz .cz_r .btn {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 26px;
    line-height: 26px;
    background: #f5f7fa;
    cursor: pointer;
    padding: 0 10px 0 8px;
    border-radius: 4px
}

#Mid_comment .comment .bottom_cz .cz_r .btn .txt {
    margin: 0 4px;
    font-size: 13px;
    line-height: 16px;
    color: #666
}

#Mid_comment .comment .bottom_cz .cz_r .btn .num {
    font-size: 13px;
    line-height: 16px;
    color: #666
}

#pagination {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 20px;
    gap: 8px
}

#pagination .page-btn {
    padding: 6px 16px;
    background: #f5f7fa;
    cursor: pointer;
    border-radius: 4px;
    line-height: 18px
}

#pagination .page-btn.active {
    background-color: #222;
    color: #fff
}

#pagination .page-btn.disabled {
    cursor: not-allowed;
    color: #ccc
}

#explain_comment {
    display: none;
    position: absolute;
    top: 45px;
    right: -80%;
    transform: translateX(10%);
    border-radius: 8px;
    background: #fff;
    box-sizing: border-box;
    box-shadow: 0 0 30px 0 rgba(0,0,0,.1);
    overflow: visible;
    z-index: 999
}

#explain_comment::before {
    width: 20px;
    height: 10px;
    content: '';
    display: block;
    position: absolute;
    left: 50%;
    top: -10px;
    background: url(//image.gamersky.com/webimg13/www/newPc/img_bubble_arrow@2x.png) no-repeat center/20px 10px
}

#explain_comment .box {
    height: 140px;
    display: flex;
    align-items: center;
    box-sizing: border-box
}

#explain_comment .l {
    padding: 20px 40px 20px 20px;
    width: 400px;
    box-sizing: border-box
}

#explain_comment .title {
    display: flex;
    align-items: center;
    margin-bottom: 12px
}

#explain_comment .title img {
    width: 20px;
    height: 20px
}

#explain_comment .title span {
    font-size: 18px;
    font-weight: 600;
    line-height: 24px;
    color: #222;
    margin-left: 4px
}

#explain_comment .txt p {
    font-size: 12px;
    line-height: 16px;
    color: #999;
    text-align: left
}

#explain_comment .r {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    gap: 4px;
    height: 100%;
    padding: 20px;
    box-sizing: border-box;
    background: linear-gradient(270deg,#fff 89%,#f8f8fa 100%);
    position: relative;
    z-index: 1;
    border-radius: 0 8px 8px 0
}

#explain_comment .r::before {
    width: 100%;
    height: 40px;
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    background: linear-gradient(180deg,#fff 0%,rgba(255,255,255,0) 100%);
    z-index: 0
}

#explain_comment .r::after {
    width: 100%;
    height: 40px;
    content: '';
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    background: linear-gradient(180deg,rgba(255,255,255,0) 0%,#fff 100%);
    z-index: 0
}

#explain_comment .r .ewm {
    width: 70px;
    height: 70px
}

#explain_comment .r span {
    width: 132px;
    font-size: 12px;
    line-height: 16px;
    color: #666
}

#explain_comment .jt {
    position: absolute;
    bottom: 0;
    right: 36px;
    width: 20px;
    height: 10px;
    transform: rotate(180deg)
}

#ym_zhongping {
    box-shadow: 0 2px 4px 0 rgba(0,0,0,.05);
    margin-bottom: 20px;
    overflow: visible;
    border-radius: 6px;
    background: #fff
}

#ym_zhongping .zp_top {
    padding: 20px;
    min-height: 160px;
    overflow: visible;
    box-sizing: border-box
}

#ym_zhongping .zp_top .zp_header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 16px;
    overflow: visible;
    position: relative
}

#ym_zhongping .zp_top .zp_header .zp_header_l {
    display: flex;
    align-items: center
}

#ym_zhongping .zp_top .zp_header .zp_header_l .title {
    font-size: 18px;
    font-weight: 600;
    line-height: 24px;
    color: #222;
    margin-right: 10px
}

#ym_zhongping .zp_top .zp_header .zp_header_l .num {
    font-size: 13px;
    line-height: 16px;
    color: #999;
    display: none
}

#ym_zhongping .zp_top .zp_header .zp_header_r {
    display: flex;
    align-items: center;
    cursor: pointer;
    overflow: visible
}

#ym_zhongping .zp_top .zp_header .zp_header_r>img:first-child {
    width: 16px;
    height: 16px
}

#ptSort {
    display: none;
    position: absolute;
    top: 39px;
    right: -40px;
    background: #fff;
    border-radius: 8px;
    box-sizing: border-box;
    box-shadow: 0 0 30px 0 rgba(0,0,0,.1);
    overflow: visible;
    z-index: 10
}

#ptSort::before {
    width: 20px;
    height: 10px;
    content: '';
    display: block;
    position: absolute;
    left: 50%;
    top: -10px;
    margin-left: -10px;
    background: url(//image.gamersky.com/webimg13/www/newPc/img_bubble_arrow@2x.png) no-repeat center/20px 10px
}

#ptSort .jt {
    width: 20px;
    height: 10px;
    position: absolute;
    top: 0;
    left: 30px;
    z-index: 99
}

#ptSort ul {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    flex-direction: column;
    cursor: pointer;
    padding: 8px;
    width: 84px
}

#ptSort ul li {
    display: flex;
    align-items: center;
    justify-content: left;
    width: 84px;
    box-sizing: border-box;
    padding: 8px;
    border-radius: 2px
}

#ptSort ul li:hover {
    background: #f5f7f9
}

#ptSort ul li img {
    width: 16px;
    height: 16px
}

#ptSort ul li span {
    margin-left: 4px;
    font-size: 12px;
    line-height: 12px;
    text-align: center;
    color: #666
}

#ptSort ul .cur {
    color: #222;
    font-weight: 600
}

#ym_zhongping .zp_top .zp_header .zp_header_r .ico {
    width: 16px;
    height: 16px
}

#ym_zhongping .zp_top .zp_header .zp_header_r .ptsx {
    font-size: 14px;
    line-height: 18px;
    text-align: center;
    color: #999;
    margin: 0 4px
}

#ym_zhongping .zp_top .score_progress {
    display: none
}

#ym_zhongping .zp_top .score_progress .l_score {
    margin-right: 30px
}

#ym_zhongping .zp_top .score_progress .l_score .rsbz {
    display: none;
    width: 108px;
    box-sizing: border-box;
    font-size: 18px;
    font-weight: 600;
    line-height: 24px;
    color: #999;
    margin: 18px 29px 12px 0
}

#ym_zhongping .zp_top .score_progress .l_score .score_t {
    display: flex
}

#ym_zhongping .zp_top .score_progress .l_score .score_t .score {
    font-family: 'BarlowSemi';
    font-size: 56px;
    font-weight: 600;
    line-height: 56px;
    color: #ff9f1d;
    width: 76px;
    text-align: center;
    box-sizing: border-box
}

#ym_zhongping .zp_top .score_progress .l_score .score_t .wg_score {
    padding: 8px 10px;
    background: #f5f7fa;
    margin-left: 8px;
    border-radius: 4px;
    width: 58px;
    height: 56px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column
}

#ym_zhongping .zp_top .score_progress .l_score .score_t .wg_score .wg {
    margin-bottom: 4px;
    display: flex;
    align-items: center;
    justify-content: center
}

#ym_zhongping .zp_top .score_progress .l_score .score_t .wg_score .fs {
    font-family: 'BarlowSemi';
    font-size: 24px;
    font-weight: 600;
    line-height: 24px;
    text-align: center
}

#ym_zhongping .zp_top .score_progress .l_score .score_t .wg_score .wg span {
    font-size: 12px;
    font-weight: 500;
    line-height: 12px;
    color: #ff9f1d;
    margin-left: 2px
}

#ym_zhongping .zp_top .score_progress .l_score .pfNum {
    font-size: 13px;
    line-height: 16px;
    color: #999;
    margin-top: 12px
}

#ym_zhongping .zp_top .score_progress .r_progress {
}

#ym_zhongping .zp_top .score_progress .r_progress .star_pro {
    display: flex;
    align-items: center;
    margin-bottom: 2px
}

#ym_zhongping .zp_top .score_progress .r_progress .star_pro:last-child {
    margin-bottom: 0
}

#ym_zhongping .zp_top .score_progress .r_progress .star_pro .star {
    display: flex;
    width: 76px;
    justify-content: right;
    margin-right: 10px;
    gap: 4px
}

#ym_zhongping .zp_top .score_progress .r_progress .star_pro .star div {
    width: 12px;
    height: 12px;
    background: url("../img/star.svg") no-repeat;background-size: 12px 12px;
}

#ym_zhongping .zp_top .score_progress .r_progress .star_pro .progress {
    width: 507px;
    height: 4px;
    border-radius: 2px;
    background: #f5f7fa;
    margin-right: 10px
}

#ym_zhongping .zp_top .score_progress .r_progress .star_pro .progress div {
    width: 0;
    height: 100%;
    background: #ff9f1d;
    border-radius: 2px
}

#ym_zhongping .zp_top .score_progress .r_progress .star_pro .bfb {
    font-size: 13px;
    font-weight: normal;
    line-height: 16px;
    color: #999;
    text-align: right;
    width: 30px
}

#ym_zhongping .zp_top .zp_kong {
    display: none;
    text-align: center;
    margin: 30px 0
}

#ym_zhongping .zp_top .zp_kong div:first-child {
    font-size: 18px;
    font-weight: 600;
    line-height: 24px;
    margin-bottom: 10px;
    color: #222
}

#ym_zhongping .zp_top .zp_kong div:last-child {
    font-size: 13px;
    line-height: 16px;
    color: #999
}

#ym_zhongping .zp_bottom {
    height: 69px;
    box-sizing: border-box;
    background: linear-gradient(180deg,#fafafc 0%,#fff 100%);
    position: relative;
    overflow: visible;
    border-radius: 6px
}

#ym_zhongping .zp_bottom .zp_bottom_box {
    height: 69px;
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 15px 20px;
    overflow: visible;
    position: relative;
    z-index: 1
}

#ym_zhongping .zp_bottom::before {
    width: 50px;
    height: 69px;
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    background: linear-gradient(to left,rgba(255,255,255,0) 0%,rgba(255,255,255,1) 50px) 50px 0/50px 100%;
    z-index: 0;
    border-radius: 6px
}

#ym_zhongping .zp_bottom::after {
    width: 50px;
    height: 69px;
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    background: linear-gradient(to right,rgba(255,255,255,0) 0%,rgba(255,255,255,1) 50px) 0 0/50px 100%;
    z-index: 0;
    border-radius: 6px
}

#ym_zhongping .zp_bottom .l {
    overflow: visible;
    padding: 15px 0;
    flex: 1
}

#ym_zhongping .zp_bottom .l .t1 {
    margin-bottom: 4px;
    overflow: visible;
    display: none;
    align-items: center
}

#ym_zhongping .zp_bottom .l .t1 .icon {
    width: 16px;
    height: 16px
}

#ym_zhongping .zp_bottom .l .t1 .icon1 {
    width: 12px;
    height: 12px
}

#ym_zhongping .zp_bottom .l .t1 .s,#ym_zhongping .zp_bottom .l .t2 .s {
    font-size: 13px;
    line-height: 16px;
    color: #999;
    margin: 0 4px
}

#explain {
    display: none;
    position: absolute;
    bottom: 70px;
    left: 22px;
    border-radius: 8px;
    background: #fff;
    box-sizing: border-box;
    box-shadow: 0 0 30px 0 rgba(0,0,0,.1);
    overflow: visible
}

#explain::before {
    width: 20px;
    height: 10px;
    content: '';
    display: block;
    position: absolute;
    left: 50%;
    bottom: -10px;
    margin-left: 8px;
    background: url(//image.gamersky.com/webimg13/www/newPc/img_bubble_arrow@2x.png) no-repeat center/20px 10px;
    transform: rotate(180deg)
}

#explain .box {
    height: 140px;
    display: flex;
    align-items: center;
    box-sizing: border-box
}

#explain .left {
    padding: 20px 40px 20px 20px;
    width: 400px;
    box-sizing: border-box
}

#explain .title {
    display: flex;
    align-items: center;
    margin-bottom: 12px
}

#explain .title img {
    width: 20px;
    height: 20px
}

#explain .title span {
    font-size: 18px;
    font-weight: 600;
    line-height: 24px;
    color: #222;
    margin-left: 4px
}

#explain .txt p {
    font-size: 12px;
    line-height: 16px;
    color: #999
}

#explain .right {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    gap: 4px;
    height: 100%;
    padding: 20px;
    box-sizing: border-box;
    background: linear-gradient(270deg,#fff 89%,#f8f8fa 100%);
    position: relative;
    z-index: 1;
    border-radius: 0 8px 8px 0
}

#explain .right::before {
    width: 100%;
    height: 40px;
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    background: linear-gradient(180deg,#fff 0%,rgba(255,255,255,0) 100%);
    z-index: 0
}

#explain .right::after {
    width: 100%;
    height: 40px;
    content: '';
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    background: linear-gradient(180deg,rgba(255,255,255,0) 0%,#fff 100%);
    z-index: 0
}

#explain .right .ewm {
    width: 70px;
    height: 70px
}

#explain .right span {
    width: 132px;
    font-size: 12px;
    line-height: 16px;
    color: #666
}

#ym_zhongping .zp_bottom .l .t2 {
    display: none
}

#ym_zhongping .zp_bottom .l .t3 {
    font-size: 13px;
    line-height: 16px;
    color: #999;
    display: none
}

#ym_zhongping .zp_bottom .r {
    display: flex;
    gap: 10px
}

#ym_zhongping .zp_bottom .r .wantplay,#ym_zhongping .zp_bottom .r .played {
    height: 32px;
    display: none;
    justify-content: center;
    align-items: center;
    background: #eb413d;
    color: #fff;
    border-radius: 4px;
    line-height: 32px;
    cursor: pointer;
    padding: 0 15px
}

#ym_zhongping .zp_bottom .r .cur {
    background: #f5f7fa;
    color: #333
}

#ym_zhongping .zp_bottom .r .wantplay .icon_r {
    width: 8px;
    height: 8px;
    display: none;
    transform: rotate(-90deg);
    margin-left: 6px
}

#ym_zhongping .zp_bottom .r .icon {
    width: 16px;
    height: 16px;
    margin-right: 6px
}

#ym_zhongping .zp_bottom .r .txt {
    font-size: 14px;
    font-weight: 600;
    line-height: 16px;
    text-align: center
}

#ym_zhongping .zp_bottom .r .yiwanguo {
    height: 32px;
    padding: 0 15px;
    display: flex;
    align-items: center;
    gap: 6px;
    border-radius: 4px;
    background: #f5f7fa;
    display: none;
    cursor: pointer
}

#ym_zhongping .zp_bottom .r .yiwanguo .t {
    color: #999;
    font-size: 12px
}

#ym_zhongping .zp_bottom .r .yiwanguo span:first-child {
    font-size: 14px;
    font-weight: 600;
    line-height: 16px;
    color: #333
}

#ym_zhongping .zp_bottom .r .yiwanguo span:last-child {
    font-size: 12px;
    font-weight: normal;
    line-height: 16px;
    color: #999
}

#ym_zhongping .zp_bottom .r .yiwanguo .star {
    display: flex;
    gap: 4px
}

#ym_zhongping .zp_bottom .r .yiwanguo .star div {
    width: 12px;
    height: 12px;
    background-image: url("../img/star.svg");
    background-size: cover;
    background-repeat: no-repeat
}

#ym_zhongping .zp_bottom .r .yiwanguo .ico {
    width: 8px;
    height: 8px;
    transform: rotate(-90deg)
}

#palyMark {
    display: none;
    position: absolute;
    background: #fff;
    z-index: 999;
    box-shadow: 0 0 30px 0 rgba(0,0,0,.1);
    overflow: visible;
    border-radius: 8px;
    top: 65px;
    right: 0
}

#palyMark::before {
    width: 20px;
    height: 10px;
    content: '';
    display: block;
    position: absolute;
    right: 50%;
    top: -10px;
    background: url(//image.gamersky.com/webimg13/www/newPc/img_bubble_arrow@2x.png) no-repeat center/20px 10px
}

#palyMark .box {
    padding: 20px
}

#palyMark .box .tit {
    display: flex;
    align-items: center
}

#palyMark .box .tit img {
    width: 20px;
    height: 20px
}

#palyMark .box .tit span {
    font-size: 18px;
    font-weight: 600;
    line-height: 24px;
    margin-left: 4px;
    color: #222
}

#palyMark .box .m {
    margin: 12px 0;
    font-size: 12px;
    line-height: 16px;
    color: #999
}

#palyMark .box .b {
    display: flex;
    align-items: center;
    gap: 12px
}

#palyMark .box .b span:first-child {
    font-size: 15px;
    line-height: 24px;
    color: #222
}

#palyMark .box .b span:last-child {
    font-size: 12px;
    line-height: 16px;
    color: #999
}

#palyMark .box .b .star {
    display: flex;
    gap: 8px;
    cursor: pointer
}

#palyMark .box .b .star div {
    width: 18px;
    height: 18px;
    background: url("../img/star.svg") no-repeat;
    background-size: cover
}

#mode {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background: rgba(0,0,0,.5);
    z-index: 998;
    display: none
}

#textarea {
    display: none;
    padding: 20px;
    border-radius: 8px;
    width: 640px;
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 999;
    transform: translate(-50%,-50%);
    background: #fff;
    overflow: visible
}

#textarea .header {
    margin-bottom: 12px;
    position: relative;
    overflow: visible
}

#textarea .textarea_close {
    width: 20px;
    height: 20px;
    position: absolute;
    right: -60px;
    background: url('../img/guanbi-bai.svg') no-repeat;
    background-size: cover;
    cursor: pointer
}

#textarea .header .btn {
    display: flex;
    gap: 20px
}

#textarea .header .btn div {
    font-size: 18px;
    line-height: 24px;
    color: #999;
    padding-bottom: 10px;
    cursor: pointer
}

#textarea .header .btn .cur {
    color: #222;
    font-weight: 600;
    border-bottom: 2px solid #f10
}

#textarea .score {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 12px
}

#textarea .score .t,#textarea .pt .t {
    font-size: 15px;
    line-height: 24px;
    color: #222
}

#textarea .score .txt {
    color: #ccc;
    font-size: 12px;
    line-height: 16px
}

#textarea .score .star {
    display: flex;
    gap: 2px
}

#textarea .score .star div {
    width: 24px;
    height: 24px;
    background-image: url("../img/Star.svg");
    background-repeat: no-repeat;
    background-size: cover;
    cursor: pointer
}

#textarea .pt {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 20px
}

#textarea .pt .ptList {
    display: flex;
    gap: 8px
}

#textarea .pt .ptList .ptItem {
    width: 59px;
    height: 22px;
    border-radius: 2px;
    background: #f5f7fa;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    font-size: 12px;
    line-height: 12px;
    text-align: center;
    color: #666;
    cursor: pointer;white-space: nowrap;
}

#textarea .pt .ptList .ptItem img {
    width: 16px;
    height: 16px
}

#textarea .pt .ptList .cur {
    background: rgba(255,159,29,.1);
    color: #ff9f1d
}

#textarea .ku-pop-textarea,#textarea .ku-pop-textarea .con,.ku-pop-textarea .con .textarea-code,.ku-pop-textarea .bot {
    width: auto!important
}

#textarea .ku-pop-textarea .con {
    border: 0;
    border-bottom: 1px solid #e5e7e9;
    margin-bottom: 15px;
    height: 96px;
    padding: 0
}

#textarea .ku-pop-textarea {
    border: 1px solid #e5e7e9;
    padding: 15px;
    margin-bottom: 20px;
    border-radius: 4px
}

#textarea .bottom_btn {
    display: flex;
    justify-content: space-between;
    align-items: center
}

#textarea .bottom_btn .del {
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 4px;
    color: #999
}

#textarea .bottom_btn .fabu {
    width: 58px;
    height: 32px;
    background: #eb413d;
    border-radius: 4px;
    font-size: 14px;
    font-weight: 600;
    line-height: 32px;
    text-align: center;
    color: #fff;
    cursor: pointer
}

#textarea .bottom_btn .del img {
    width: 20px;
    height: 20px
}

#delTip {
    width: 260px;
    background: #fff;
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 1001;
    transform: translate(-50%,-50%);
    box-sizing: border-box;
    border-radius: 6px;
    display: none
}

#delTip .del_t {
    padding: 20px;
    border-bottom: 1px solid #e5e7e9
}

#delTip .del_t .t1 {
    font-size: 17px;
    font-weight: 500;
    line-height: 22px;
    text-align: center;
    color: #222
}

#delTip .del_t .t2 {
    font-size: 13px;
    font-weight: normal;
    line-height: 18px;
    text-align: center;
    color: #444
}

#delTip .del_btn {
    display: flex
}

#delTip .del_btn div {
    width: 50%;
    padding: 12px 15px;
    text-align: center;
    font-size: 17px;
    color: #999;
    cursor: pointer
}

#delTip .del_btn div:last-child {
    border-left: 1px solid #e5e7e9;
    color: #eb413d
}

.total {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    padding: 6px 8px;
    border-radius: 4px;
    background: rgba(0,0,0,.7);
    color: #fff;
    z-index: 9999
}




/*弹层*/
.ku_pop_mask {
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: .6;
    filter: alpha(opacity=60);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 20000;
}

.ku_pop_mask {
    _height: 1000px;
    _position: absolute;
    _top: expression(eval(document.documentElement.scrollTop));
}

.ku_pop_layer {
    margin: -283px 0 0 -550px;
    padding: 0 30px;
    width: 740px;
    height: auto;
    overflow: hidden;
    background-color: #fff;
    overflow: visible;
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 30000;
}

.ku_pop_layer {
    font-family: 'Microsoft YaHei';
    text-align: left;
    border-radius: 8px;
    _position: absolute;
    _top: expression(eval(document.documentElement.scrollTop+400));
}

.ku-pop-top {
    margin-left: -30px;
    padding: 10px 10px 10px 30px;
    width: 760px;
    /* height: 40px; */
    overflow: hidden;
    background-color: #f8f8f8;
    /* border-bottom: 1px solid #f2f2f3; */
    border-radius: 10px 10px 0 0;
}

.ku-pop-top-img {
    float: left;
    width: 53px;
    height: 40px;
    overflow: hidden;
}

.ku-pop-top-img img {
    float: left;
    width: 40px;
    height: 40px;
    border-radius: 50%;
}

.ku-pop-top-tit {
    float: left;
    width: auto;
    /* height: 40px;
    line-height: 40px; */
    color: #444;
    font-size: 16px;
    font-weight: bold;
    overflow: hidden;
}

/* .ku-pop-top a.ku_pop_close {
    float: right;
    display: inline-block;
    width: 40px;
    height: 40px;
    line-height: 40px;
    color: #ccc;
    font-size: 30px;
    font-weight: bold;
    font-family: SimSun;
} */

/* .ku-pop-top a.ku_pop_close:hover {
    color: #2aae68;
} */

.ku-pop-select {
    padding-top: 15px;
    width: 740px;
    height: auto;
    overflow: hidden;
}

.ku-pop-nav {
    float: left;
    padding-top: 5px;
    width: 198px;
    height: 47px;
    overflow: hidden;
}

.ku-pop-nav a {
    float: left;
    margin-right: 10px;
    display: inline-block;
    width: 78px;
    height: 34px;
    line-height: 34px;
    color: #666;
    font-size: 15px;
    text-align: center;
}

.ku-pop-nav a {
    border: 1px solid #ccc;
    border-radius: 4px;
}

.ku-pop-nav a.stop {
    color: #aaa;
    cursor: default;
}

.ku-pop-nav a.cur {
    color: #fff;
    background-color: #2aae68;
    border-color: #26a260;
}

.ku-pop-con {
    float: left;
    width: 542px;
    height: auto;
    overflow: hidden;
}

.ku-pop-con .dafen {
    width: 542px;
    height: 28px;
    overflow: hidden;
}

.ku-pop-con .dafen .dfen {
    float: left;
    width: auto;
    height: 22px;
    overflow: hidden;
}

.ku-pop-con .dafen .dfen .dftit {
    float: left;
    display: inline-block;
    line-height: 22px;
    color: #888;
    font-size: 14px;
}

.ku-pop-con .dafen .dfen a {
    float: left;
    display: inline-block;
    width: 17px;
    height: 22px;
    background: url(//image.gamersky.com/webimg15/zp/xin7.png) 0 -2px no-repeat;
}

.ku-pop-con .dafen .dfen a.cur {
    background-position-y: -28px;
}

.ku-pop-con .dafen .dfen .dftxt {
    float: left;
    padding-left: 5px;
    display: inline-block;
    line-height: 22px;
    color: #2aae68;
    font-size: 14px;
}

.ku-pop-con .fuxuan {
    width: 572px;
    height: auto;
    overflow: hidden;
}

.ku-pop-con .fuxuan .tit {
    float: left;
    width: auto;
    height: 22px;
    line-height: 22px;
    color: #888;
    font-size: 14px;
    overflow: hidden;
}

.ku-pop-con .fuxuan .fxuanlist {
    width: auto;
    height: auto;
    overflow: hidden;
}

.ku-pop-con .fuxuan .fxuanlist li {
    float: left;
    display: inline-block;
}

.ku-pop-con .fuxuan .fxuanlist a {
    float: left;
    margin: 0 28px 2px 0;
    padding-left: 21px;
    display: inline-block;
    width: auto;
    height: 22px;
    line-height: 22px;
    color: #888;
    font-size: 14px;
}

.ku-pop-con .fuxuan .fxuanlist a {
    background: url(//image.gamersky.com/webimg15/zp/int2.png?01) 0 -44px no-repeat;
}

.ku-pop-con .fuxuan .fxuanlist a.stop {
    color: #aaa;
    cursor: default;
}

.ku-pop-con .fuxuan .fxuanlist a.cur {
    color: #2aae68;
    background-position-y: -66px;
}

.ku-pop-textarea {
    margin-bottom: 25px;
    width: 740px;
    height: auto;
    overflow: hidden;
}

.ku-pop-textarea .tit {
    width: 740px;
    height: 34px;
    overflow: hidden;
}

.ku-pop-textarea .tit h4 {
    float: left;
    display: inline-block;
    line-height: 34px;
    color: #333;
    font-size: 17px;
    font-weight: normal;
}

.ku-pop-textarea .tit .num {
    float: right;
    line-height: 34px;
    color: #999;
    font-size: 12px;
}

.ku-pop-textarea .con {
    padding: 10px 0 10px 18px;
    width: 720px;
    height: 78px;
    border: 1px solid #ccc;
    border-radius: 2px;
    overflow: hidden;
    position: relative;
}

.ku-pop-textarea .con .textarea-code {
    padding: 0 10px 0 0;
    width: 710px;
    height: 100%;
    line-height: 26px;
    color: #333;
    font-size: 14px;
    outline: 0;
    overflow-y: auto;
    position: relative;
}

.ku-pop-textarea .con .textarea-code a[href='javascript:void(0);'] {
    color: #666;
    font-size: 14px;
    background-color: #000;
}

.ku-pop-textarea .con .textarea-html {
    display: none;
}

.ku-pop-textarea .con a.space {
    display: block;
    width: 15px;
    height: 15px;
    position: absolute;
    right: 0;
    bottom: 0;
    background: url(//image.gamersky.com/webimg15/zp/spreads.png) no-repeat;
}

.ku-pop-textarea .bot {
    /* padding: 3px 0; */
    width: 740px;
    height: 26px;
    overflow: hidden;
}

.ku-pop-textarea .kuEditor {
    float: left;
    width: auto;
    height: 26px;
    overflow: hidden;
    *display: none;
}

.ku-pop-textarea .kuEditor a {
    float: left;
    margin-right: 18px;
    display: inline-block;
    width: auto;
    height: 26px;
    line-height: 26px;
    color: #a1a1a1;
    font-size: 14px;
}

/* .ku-pop-textarea .kuEditor a {
    background: url(//image.gamersky.com/webimg15/zp/editor-a.png) no-repeat;
} */

.ku-pop-textarea .kuEditor a.a1 {
    padding-left: 20px;
    /* background-position-x: 0; */
    background: url('../img/jiacu.svg') no-repeat;
    background-position-y: center;
}

.ku-pop-textarea .kuEditor a.a2 {
    padding-left: 22px;
    /* background-position-x: -63px; */
    background: url('../img/xiahuaxian.svg') no-repeat;
    background-position-y: center;
}

.ku-pop-textarea .kuEditor a.a3 {
    padding-left: 18px;
    /* background-position-x: -144px; */
    background: url('../img/xieti.svg') no-repeat;
    background-position-y: center;
}

.ku-pop-textarea .kuEditor a.a4 {
    padding-left: 22px;
    /* background-position-x: -204px; */
    background: url('../img/shanchuxian.svg') no-repeat;
    background-position-y: center;
}

.ku-pop-textarea .kuEditor a.a5 {
    padding-left: 24px;
    /* background-position-x: -283px; */
    background: url('../img/yincang.svg') no-repeat;
    background-position-y: center;
}
.ku-pop-textarea .kuEditor a.a1:hover,
.ku-pop-textarea .kuEditor a.a1.cur{
    padding-left: 20px;
    /* background-position-x: 0; */
    background: url('../img/jiacu_cur.svg') no-repeat;
    background-position-y: center;
}

.ku-pop-textarea .kuEditor a.a2:hover,
.ku-pop-textarea .kuEditor a.a2.cur {
    padding-left: 22px;
    /* background-position-x: -63px; */
    background: url('../img/xiahuaxian_cur.svg') no-repeat;
    background-position-y: center;
}

.ku-pop-textarea .kuEditor a.a3:hover,
.ku-pop-textarea .kuEditor a.a3.cur {
    padding-left: 18px;
    /* background-position-x: -144px; */
    background: url('../img/xieti_cur.svg') no-repeat;
    background-position-y: center;
}

.ku-pop-textarea .kuEditor a.a4:hover,
.ku-pop-textarea .kuEditor a.a4.cur {
    padding-left: 22px;
    /* background-position-x: -204px; */
    background: url('../img/shanchuxian_cur.svg') no-repeat;
    background-position-y: center;
}

.ku-pop-textarea .kuEditor a.a5:hover,
.ku-pop-textarea .kuEditor a.a5.cur {
    padding-left: 24px;
    /* background-position-x: -283px; */
    background: url('../img/yincang_cur.svg') no-repeat;
    background-position-y: center;
}

.ku-pop-textarea .kuEditor a:hover,
.ku-pop-textarea .kuEditor a.cur {
    color: #000;
    font-weight: bold;
    /* background-position-y: -26px; */
}

.ku-pop-textarea .kuAlert {
    float: right;
    width: auto;
    height: 26px;
    line-height: 26px;
    color: #aaa;
    font-size: 13px;
    overflow: hidden;
}

.ku-pop-textarea .kuAlert span.Anum {
    margin-right: 2px;
}

.ku-pop-textarea .kuAlert span.Bnum {
    margin-left: 2px;
}

.ku-pop-textarea .kuAlert span.cur {
    color: #f00;
}

.ku-pop-label {
    margin-bottom: 20px;
    width: 100%;
    height: auto;
    overflow: hidden;
}

.ku-pop-label .title {
    height: 32px;
    line-height: 32px;
    color: #333;
    font-size: 17px;
    overflow: hidden;
}

.ku-pop-label .label {
    margin-bottom: 10px;
    width: 738px;
    min-height: 30px;
    max-height: 87px;
    border: 1px solid #ccc;
    border-radius: 3px;
    overflow-x: hidden;
    overflow-y: scroll;
    position: relative;
}

.ku-pop-label .label-con {
    width: 100%;
    padding-top: 3px;
    padding-left: 3px;
    overflow: hidden
}

.ku-pop-label .label-con span {
    padding: 0 10px;
    display: block;
    width: auto;
    height: 26px;
    line-height: 26px;
    color: #aaa;
    font-size: 14px;
}

.ku-pop-label .label-con .bq {
    float: left;
    margin-right: 4px;
    margin-bottom: 4px;
    display: inline-block;
    width: auto;
    height: 22px;
    border: 1px solid #9cd8b8;
    border-radius: 3px;
}

.ku-pop-label .label-con .bq div {
    float: left;
    display: inline-block;
    height: 22px;
    line-height: 22px;
}

.ku-pop-label .label-con .bq div.txt {
    padding: 0 8px 0 12px;
    color: #1ea15c;
    font-size: 12px;
    outline: 0;
}

.ku-pop-label .label-con .bq div.gb {
    padding-right: 5px;
    color: #1ea15c;
    font-size: 14px;
    font-family: SimSun;
    cursor: pointer;
}

.ku-pop-label .label-con input {
    width: 730px;
    height: 24px;
    margin: 0;
    border: 0;
}

.ku-pop-label .label-my,
.ku-pop-label .label-used {
    margin-bottom: 6px;
    width: 100%;
    height: auto;
    overflow: hidden;
}

.ku-pop-label .tit {
    float: left;
    width: 72px;
    height: 24px;
    line-height: 24px;
    color: #aaa;
    font-size: 14px;
    overflow: hidden;
}

.ku-pop-label .con {
    float: left;
    width: 640px;
    height: 28px;
    overflow: hidden;
}

.ku-pop-label .con.cur {
    width: 668px;
    height: auto;
}

.ku-pop-label .con.cur #myLabel {
    width: 674px;
}

.ku-pop-label .con.cur #usedLabel {
    width: 674px;
}

.ku-pop-label .con a {
    float: left;
    margin: 0 6px 6px 0;
    padding: 0 12px;
    display: inline-block;
    width: auto;
    height: 22px;
    line-height: 22px;
    color: #1ea15c;
    font-size: 12px;
}

.ku-pop-label .con a {
    border: 1px solid #9cd8b8;
    border-radius: 3px;
}

.ku-pop-label .con a.cur {
    color: #aaa;
    border-color: #ddd;
}

.ku-pop-label a.zhanbtn {
    float: right;
    display: block;
    width: 22px;
    height: 22px;
    line-height: 22px;
    color: #1ea15c;
    font-size: 12px;
    border: 1px solid #9cd8b8;
    border-radius: 3px;
}

.ku-pop-label a.zhanbtn {
    background: url(//image.gamersky.com/webimg15/zp/v.png) center no-repeat;
}

.ku-pop-btn {
    margin-left: -30px;
    padding: 9px 30px 12px;
    width: 740px;
    height: auto;
    border-top: 1px solid #eee;
    overflow: hidden;
}

.ku-pop-btn .con {
    float: left;
    width: 600px;
    height: 40px;
    line-height: 40px;
    color: #f00;
    font-size: 14px;
    text-align: center;
    overflow: hidden;
}

.ku-pop-btn .btn {
    float: right;
    width: auto;
    height: 40px;
    overflow: hidden;
}

.ku-pop-btn .btn a {
    float: left;
    display: inline-block;
    width: 80px;
    height: 36px;
    line-height: 36px;
    color: #fff;
    font-size: 15px;
    text-align: center;
    background-color: #2aae68;
    border-radius: 3px;
}

.ku-pop-btn .btn a:hover {
    background-color: #2fc374;
}

.ku-pop-btn .btn a[data-click="true"] {
    color: #bbb;
    background-color: #eee;
    cursor: default;
}

.kuGameScore {
    margin-bottom: 30px;
    width: 100%;
    height: auto;
    overflow: visible;
    transition: all .25s ease-out;
}

/*玩家评分*/
.wjscore {
    margin-bottom: 15px;
    width: 320px;
    height: auto;
    border-bottom: 1px solid rgba(0, 0, 0, .1);
    border-bottom: 1px solid #ebebeb\9;
}

.wjscore-num {
    float: left;
    margin-right: 10px;
    width: 120px;
    height: 126px;
}

.wjscore-num .num {
    height: 72px;
    line-height: 70px;
    color: #444;
    font-size: 70px;
    font-family: Arial;
    font-weight: bold;
    text-align: center;
}

.wjscore-num .num span {
    display: block;
    width: 100%;
    height: 70px;
    line-height: 70px;
    color: #555;
    font-size: 12px;
    font-family: 'Microsoft YaHei';
    font-weight: normal;
}

.wjscore-num .num span {
    background: url(//image.gamersky.com/webimg15/zp/pf0.png) center center no-repeat;
}

.wjscore-num .num i {
    display: inline-block;
    width: 40px;
    height: 60px;
    background: url(//image.gamersky.com/webimg15/zp/num.png) center 0;
    no-repeat;
    vertical-align: top;
}

.wjscore-num .num i.n0 {
    background-position-y: 0;
}

.wjscore-num .num i.n1 {
    background-position-y: -60px;
}

.wjscore-num .num i.n2 {
    background-position-y: -120px;
}

.wjscore-num .num i.n3 {
    background-position-y: -180px;
}

.wjscore-num .num i.n4 {
    background-position-y: -240px;
}

.wjscore-num .num i.n5 {
    background-position-y: -300px;
}

.wjscore-num .num i.n6 {
    background-position-y: -360px;
}

.wjscore-num .num i.n7 {
    background-position-y: -420px;
}

.wjscore-num .num i.n8 {
    background-position-y: -480px;
}

.wjscore-num .num i.n9 {
    background-position-y: -540px;
}

.wjscore-num .num i.nn {
    width: 30px;
    background-position-y: -600px;
}

.wjscore-num .num i.nm {
    width: 10px;
    background: transparent;
}

.wjscore-num .pin {
    margin: -3px auto 6px;
    width: 80px;
    height: 20px;
}

.wjscore-num .pin .xin {
    width: 80px;
    height: 20px;
    background: url(//image.gamersky.com/webimg15/zp/xin0.png) repeat-x;
}

.wjscore-num .pin .xin div {
    float: left;
    width: 0;
    height: 20px;
    transition: all .25s ease-out;
    background: url(//image.gamersky.com/webimg15/zp/xin0.png) 0 -20px repeat-x;
}

/******************** 1星 *****************/
.wjscore-num .pin .xin div.x0 {
    width: 0;
}

.wjscore-num .pin .xin div.x1 {
    width: 2px;
}

.wjscore-num .pin .xin div.x2 {
    width: 4px;
}

.wjscore-num .pin .xin div.x3 {
    width: 6px;
}

.wjscore-num .pin .xin div.x4 {
    width: 7px;
}

.wjscore-num .pin .xin div.x5 {
    width: 8px;
}

.wjscore-num .pin .xin div.x6 {
    width: 9px;
}

.wjscore-num .pin .xin div.x7 {
    width: 10px;
}

.wjscore-num .pin .xin div.x8 {
    width: 12px;
}

.wjscore-num .pin .xin div.x9 {
    width: 14px;
}

.wjscore-num .pin .xin div.x10 {
    width: 16px;
}

/******************** 2星 *****************/
.wjscore-num .pin .xin div.x11 {
    width: 18px;
}

.wjscore-num .pin .xin div.x12 {
    width: 20px;
}

.wjscore-num .pin .xin div.x13 {
    width: 22px;
}

.wjscore-num .pin .xin div.x14 {
    width: 23px;
}

.wjscore-num .pin .xin div.x15 {
    width: 24px;
}

.wjscore-num .pin .xin div.x16 {
    width: 25px;
}

.wjscore-num .pin .xin div.x17 {
    width: 26px;
}

.wjscore-num .pin .xin div.x18 {
    width: 28px;
}

.wjscore-num .pin .xin div.x19 {
    width: 30px;
}

.wjscore-num .pin .xin div.x20 {
    width: 32px;
}

/******************** 3星 *****************/
.wjscore-num .pin .xin div.x21 {
    width: 34px;
}

.wjscore-num .pin .xin div.x22 {
    width: 36px;
}

.wjscore-num .pin .xin div.x23 {
    width: 38px;
}

.wjscore-num .pin .xin div.x24 {
    width: 39px;
}

.wjscore-num .pin .xin div.x25 {
    width: 40px;
}

.wjscore-num .pin .xin div.x26 {
    width: 41px;
}

.wjscore-num .pin .xin div.x27 {
    width: 42px;
}

.wjscore-num .pin .xin div.x28 {
    width: 44px;
}

.wjscore-num .pin .xin div.x29 {
    width: 46px;
}

.wjscore-num .pin .xin div.x30 {
    width: 48px;
}

/******************** 4星 *****************/
.wjscore-num .pin .xin div.x31 {
    width: 50px;
}

.wjscore-num .pin .xin div.x32 {
    width: 52px;
}

.wjscore-num .pin .xin div.x33 {
    width: 54px;
}

.wjscore-num .pin .xin div.x34 {
    width: 55px;
}

.wjscore-num .pin .xin div.x35 {
    width: 56px;
}

.wjscore-num .pin .xin div.x36 {
    width: 57px;
}

.wjscore-num .pin .xin div.x37 {
    width: 58px;
}

.wjscore-num .pin .xin div.x38 {
    width: 60px;
}

.wjscore-num .pin .xin div.x39 {
    width: 62px;
}

.wjscore-num .pin .xin div.x40 {
    width: 64px;
}

/******************** 5星 *****************/
.wjscore-num .pin .xin div.x41 {
    width: 66px;
}

.wjscore-num .pin .xin div.x42 {
    width: 68px;
}

.wjscore-num .pin .xin div.x43 {
    width: 70px;
}

.wjscore-num .pin .xin div.x44 {
    width: 71px;
}

.wjscore-num .pin .xin div.x45 {
    width: 72px;
}

.wjscore-num .pin .xin div.x46 {
    width: 73px;
}

.wjscore-num .pin .xin div.x47 {
    width: 74px;
}

.wjscore-num .pin .xin div.x48 {
    width: 76px;
}

.wjscore-num .pin .xin div.x49 {
    width: 78px;
}

.wjscore-num .pin .xin div.x50 {
    width: 80px;
}

.wjscore-num .txt {
    height: 20px;
    line-height: 20px;
    color: #888;
    font-size: 12px;
    text-align: center;
}

.wjscore-num .txt span {
    color: #000;
    font-family: Arial;
}

.wjscore-con {
    float: left;
    width: 190px;
    height: auto;
}

.wjscore-con .li-n {
    width: 100%;
    height: 14px;
}

.wjscore-con .li-n div {
    float: left;
}

.wjscore-con .li-n div.num {
    width: 25px;
    height: 14px;
    line-height: 14px;
    color: #bbb;
    font-size: 12px;
}

.wjscore-con .li-n div.jindu {
    margin-top: 2px;
    width: auto;
    height: 10px;
}

.wjscore-con .li-n div.jindu .tiao {
    width: 0;
    height: 10px;
    background-color: #2aae68;
    border-radius: 0 2px 2px 0;
    transition: all .25s ease-out;
}

.wjscore-con .li-n div.bili {
    padding-left: 5px;
    width: auto;
    height: 14px;
    line-height: 14px;
    color: #888;
    font-size: 12px;
}

.wjscore-con .li-c {
    margin-top: 23px;
    width: 100%;
    height: auto;
}

.wjscore-con .li-c div {
    width: auto;
    height: 24px;
    line-height: 24px;
    color: #888;
    font-size: 12px;
}

.wjscore-con .li-c div.p span {
    color: #000;
}

.wjscore-con .li-c div.n a[href="javascript:;"] {
    color: #888;
    cursor: default;
}

.wjscore-con .li-c div.n a[href="javascript:;"]:hover {
    color: #222;
}

.wjscore-bot {
    padding: 8px 0;
    width: 100%;
    height: auto;
    border-top: 1px dotted rgba(0, 0, 0, .2);
    border-top: 1px dotted #bdbdbd\9;
}

.wjscore-bot .p {
    width: auto;
    height: 24px;
    line-height: 24px;
    color: #888;
    font-size: 12px;
}

.wjscore-bot .p span {
    color: #000;
}

.wjscore-bot .p a {
    color: #888;
}

.wjscore-bot .p a:hover {
    color: #222;
}

.wjscore-bot .n {
    width: auto;
    height: 24px;
    line-height: 24px;
    color: #000;
    font-size: 12px;
}

.wjscore-bot .n i {
    display: inline-block;
    vertical-align: middle;
    font-style: normal;
}

.wjscore-bot .n i.rz {
    margin: -3px 5px 0 2px;
    width: 12px;
    height: 14px;
    background: url(//image.gamersky.com/webimg15/zp/v1/rz2.png) no-repeat;
}

.wjscore-bot .n i.wh {
    float: right;
    margin-top: 5px;
    width: 14px;
    height: 14px;
    cursor: pointer;
    background: url(//image.gamersky.com/webimg15/zp/v1/wh.png) no-repeat;
}

/*问题弹窗*/
.wh_layer {
    margin-left: -1.5px;
    width: 17px;
    height: 14px;
}

.wh_layer .wh_vvv {
    width: 17px;
    height: 14px;
    position: absolute;
    margin-top: 14px;
    z-index: 10;
    cursor: default;
}

.wh_layer .wh_vvv {
    background: url(//image.gamersky.com/webimg15/zp/v1/vv.png) no-repeat;
}

.wh_layer .wh_con {
    padding: 20px;
    width: 220px;
    height: auto;
    overflow: hidden;
    background-color: #fff;
    border-radius: 5px;
    cursor: default;
}

.wh_layer .wh_con {
    position: absolute;
    margin-top: 28px;
    margin-left: -120.5px;
    box-shadow: 0 0 15px 0 rgba(0, 0, 0, .4);
}

.wh_layer .wh_con h3 {
    margin: 0 0 15px;
    padding-left: 38px;
    height: 32px;
    line-height: 32px;
    color: #222;
    font-size: 18px;
}

.wh_layer .wh_con h3 {
    background: url(//image.gamersky.com/webimg15/zp/v1/rz1.png) 0 center no-repeat;
}

.wh_layer .wh_con p {
    margin: 0;
    line-height: 22px;
    color: #666;
    font-size: 14px;
    text-align: justify;
}

.wh_layer.cur .wh_vvv {
    margin-top: -14px;
    background-position-y: -14px;
}

.wh_layer.cur .wh_con {
    box-shadow: 0 0 15px 0 rgba(0, 0, 0, .4);
}

/*未上市显示期待数量*/
.wjscore-qdpf {
    padding-bottom: 25px;
    width: 320px;
    height: auto;
}

.wjscore-qdpf .qdnum {
    float: left;
    width: 116px;
    height: 50px;
    text-align: center;
}

.wjscore-qdpf .qdnum .num {
    margin-top: -2px;
    height: 36px;
    line-height: 36px;
    color: #24a661;
    font-size: 36px;
    font-family: Arial;
    font-weight: bold;
}

.wjscore-qdpf .qdnum .txt {
    height: 14px;
    line-height: 14px;
    color: #aaa;
    font-size: 12px;
}

.wjscore-qdpf .qdcon {
    float: left;
    padding-left: 15px;
    width: 188px;
    height: 48px;
    overflow: visible;
    border-left: 1px dotted rgba(0, 0, 0, .2);
    border-left: 1px dotted #bdbdbd\9
}

.wjscore-qdpf .qdcon .p {
    margin-top: -4px;
    height: 22px;
    line-height: 18px;
    color: #aaa;
    font-size: 12px;
}

/*我的评分*/
.myscore {
    margin: 0 auto;
    width: 320px;
    height: auto;
}

.myscore li {
    width: 100%;
}

.myscore li.img {
    float: left;
    width: 60px;
    height: 60px;
}

.myscore li.img img {
    width: 50px;
    height: 50px;
    border-radius: 5px;
}

.myscore li.fen {
    float: left;
    width: 260px;
    height: auto;
}

.myscore li.fen .ftxt {
    width: 260px;
    height: 25px;
}

.myscore li.fen .ftxt .wtxt {
    float: left;
    width: auto;
    height: 20px;
    line-height: 20px;
    color: #444;
    font-size: 14px;
}

.myscore li.fen .ftxt .wbtn {
    float: right;
    width: auto;
    height: 20px;
}

.myscore li.fen .ftxt .wbtn a {
    float: left;
    margin-left: 10px;
    display: inline-block;
    width: auto;
    height: 20px;
    line-height: 20px;
    color: #aaa;
    font-size: 14px;
}

.myscore li.fen .ftxt .wbtn a:hover {
    color: #1ea15b;
}

.myscore li.fen .fxin {
    margin-bottom: 3px;
    width: 260px;
    height: auto;
}

.myscore li.fen .datetime {
    width: auto;
    height: 32px;
}

.myscore li.fen .datetime a {
    float: left;
    margin-right: 10px;
    display: inline-block;
    width: 54px;
    height: 24px;
    line-height: 24px;
    color: #fff;
    font-size: 12px;
    text-align: center;
}

.myscore li.fen .datetime a {
    background-color: #2aae68;
    border: 1px solid #2aae68;
    border-radius: 3px;
}

.myscore li.fen .datetime a:hover {
    color: #21a45f;
    background-color: transparent;
    border-color: #71c398;
}

.myscore li.fen .dfen {
    width: auto;
    height: 26px;
}

.myscore li.fen .dfen span {
    float: left;
    display: inline-block;
    width: auto;
    height: 26px;
    line-height: 26px;
}

.myscore li.fen .dfen span.dftit {
    color: #333;
}

.myscore li.fen .dfen span.dftxt {
    padding-left: 5px;
    color: #333;
    font-size: 14px;
}

.myscore li.fen .dfen a {
    float: left;
    display: inline-block;
    width: 17px;
    height: 26px;
    background: url(//image.gamersky.com/webimg15/zp/xin7.png) no-repeat;
}

.myscore li.fen .dfen a.cur {
    background-position-y: -26px;
}

.myscore li.fen .dfen.wss span.tit {
    color: #bbb;
}

.myscore li.fen .dfen.wss a {
    cursor: default;
    background: url(//image.gamersky.com/webimg15/zp/xin7.png) 0 2px no-repeat;
}

.myscore li.fen .fbtn {
    margin-bottom: 6px;
    width: 260px;
    height: 22px;
}

.myscore li.fen .fbtn a {
    float: left;
    margin-right: 10px;
    display: inline-block;
    width: auto;
    height: 22px;
    line-height: 22px;
}

.myscore li.fen .fbtn a.pybtn {
    padding-left: 18px;
    background: url(//image.gamersky.com/webimg15/zp/pybtn.png) 0 -22px no-repeat;
}

.myscore li.fen .fbtn a.pybtn:hover {
    background-position-y: -22px;
}

.myscore li.fen .fbtn a.editbtn,
.myscore li.fen .btn a.delbtn {
    color: #aaa;
}

.myscore li.fen .fbtn a.editbtn:hover,
.myscore li.fen .btn a.delbtn:hover {
    color: #1ea15b;
}

.myscore li.fen .fbtn .inAudit {
    float: left;
    padding-left: 20px;
    display: inline-block;
    width: auto;
    height: 22px;
    line-height: 22px;
    color: #ff5a00;
    font-size: 14px;
}

.myscore li.fen .fbtn .inAudit {
    background: url(//image.gamersky.com/webimg15/zp/ino.png) 0 center no-repeat;
}

.myscore li.doneTxt {
    padding-bottom: 6px;
    width: 320px;
    height: auto;
    line-height: 20px;
    color: #aaa;
    font-size: 14px;
}

.myscore li.myTag {
    padding-bottom: 6px;
    width: 320px;
    height: auto;
    line-height: 20px;
    color: #aaa;
    font-size: 14px;
}

.myscore li.myTag a {
    margin-right: 5px;
    color: #aaa;
}

.myscore li.myTag a:hover {
    color: #000;
}

.myscore li.myremark {
    width: 320px;
    height: auto;
}

.myscore li.myremark .con {
    width: auto;
    height: 78px;
    line-height: 26px;
    color: #666;
    text-indent: 35px;
    text-align: justify;
}

.myscore li.myremark .con {
    background: url(//image.gamersky.com/webimg15/zp/hao3.png) 0 5px no-repeat;
}

.myscore li.myremark .con p {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
}

.myscore li.myremark .con a[href='javascript:void(0);'] {
    color: #bbb;
    background-color: #bbb;
}

.myscore li.myremark .con a[href='javascript:void(0);']:hover {
    color: #fff;
}

.myscore li.myremark .con i {
    font-style: italic !important;
}

.myscore li.myremark .con.cur {
    height: auto;
}

.myscore li.myremark .con.cur p {
    display: block;
}

.myscore li.myremark .btn {
    width: auto;
    height: 20px;
    text-align: center;
}

.myscore li.myremark .btn a {
    display: inline-block;
    width: 50px;
    height: 20px;
    background: url(//image.gamersky.com/webimg15/zp/zhanbtn.png) center 0 no-repeat;
}

.myscore li.myremark .btn a.cur {
    background-position-y: -26px;
}

/*确定删除*/
.ppp_mask {
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: .5;
    filter: alpha(opacity=50);
    position: fixed;
    _position: absolute;
    top: 0;
    left: 0;
    z-index: 2000;
}

.ppp_mask {
    _height: 1000px;
    _position: absolute;
    _top: expression(eval(document.documentElement.scrollTop));
}

.ppp_layer {
    margin: -90px 0 0 -225px;
    padding: 25px 25px 0 25px;
    width: 400px;
    height: 155px;
    background-color: #fff;
    border-radius: 10px;
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, .5);
}

.ppp_layer {
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 3000;
    _position: absolute;
    _top: expression(eval(document.documentElement.scrollTop+400));
}

.ppp_layer .con {
    width: auto;
    height: 105px;
    line-height: 26px;
    color: #333;
    font-size: 15px;
}

.ppp_layer .con center {
    text-align: center;
}

.ppp_layer .con span {
    color: #f35600;
}

.ppp_layer .btn {
    width: auto;
    height: 50px;
}

.ppp_layer .btn a {
    margin-left: 5px;
    display: inline-block;
    width: 95px;
    height: 32px;
    line-height: 32px;
    color: #fff;
    font-size: 15px;
    border-radius: 2px;
    text-align: center;
}

.ppp_layer .btn a.cancelbtn {
    float: right;
    background-color: #ccc;
}

.ppp_layer .btn a.determinebtn {
    float: right;
    background-color: #666;
}

.ppp_layer .btn a.cancelbtn:hover {
    background-color: #bababa;
}

.ppp_layer .btn a.determinebtn:hover {
    background-color: #6e6e6e;
}

#Mid_comment .comment_header .bottom{ display:none;} 


.Midnav_links.Midfx a .fxbg1{ display:none;}


.ku-action-btn {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: #ffffff;
  font-size: 14px;
  cursor: pointer;
  user-select: none;
  transition: opacity 0.2s;
  text-decoration: none;
  padding: 4px 0;
}

.ku-action-btn:hover {
  opacity: 0.8;
}

.ku-action-btn svg {
  flex-shrink: 0;
}

/* ========== 分享/举报容器（hover触发） ========== */
.ku-panel-wrap {
  position: relative;
}

.ku-share-panel,
.ku-report-panel {
  position: absolute;
  top: calc(100% + 0px);
  right: 0;
  background: #ffffff;
  border-radius: 16px;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.18);
  padding: 20px 24px;
  min-width: 240px;
  z-index: 100;
}

/* 分享面板：hover触发 */
.ku-share-panel {
  opacity: 0;
  visibility: hidden;
  transform: translateY(-6px);
  transition: opacity 0.2s, transform 0.2s, visibility 0.2s;
  pointer-events: none;
}

.ku-panel-wrap:hover > .ku-share-panel,
.ku-share-panel:hover {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
  pointer-events: auto;
}

/* 举报面板：点击触发，display控制 */
.ku-report-panel {
  display: none;
}

.ku-share-arrow,
.ku-report-arrow {
  position: absolute;
  top: -8px;
  right: 24px;
  width: 0;
  height: 0;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 8px solid #ffffff;
}

.ku-share-title,
.ku-report-title {
  font-size: 15px;
  font-weight: 600;
  color: #333;
  margin-bottom: 16px;
}

.ku-share-platforms {
  display: flex;
  justify-content: space-around;
  gap: 12px;
}

.ku-share-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  text-decoration: none;
  cursor: pointer;
}

.ku-share-icon {
  width: 56px;
  height: 56px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: transform 0.15s, box-shadow 0.15s;
}

.ku-share-icon:hover {
  transform: scale(1.08);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12);
}

.ku-icon-qq { background: #E8F4FC; }
.ku-icon-weibo { background: #FFF0E8; }
.ku-icon-wechat { background: #E8F8E8; }
.ku-icon-report { background: #FFF0F0; }

.ku-share-item span {
  font-size: 12px;
  color: #666;
}

.ku-share-report span {
  color: #e8384d;
}

/* ========== 举报面板 ========== */
.ku-report-options {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-bottom: 16px;
}

.ku-report-opt {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 14px;
  color: #444;
  cursor: pointer;
  padding: 8px 12px;
  border-radius: 8px;
  transition: background 0.15s;
}

.ku-report-opt:hover {
  background: #f5f5f5;
}

.ku-report-opt input[type="radio"] {
  accent-color: #4a90d9;
  width: 16px;
  height: 16px;
  cursor: pointer;
}

.ku-report-actions {
  display: flex;
  justify-content: flex-end;
  gap: 10px;
}

.ku-report-cancel {
  padding: 8px 20px;
  background: #f5f5f5;
  color: #666;
  border: 1px solid #e0e0e0;
  border-radius: 8px;
  font-size: 14px;
  cursor: pointer;
  transition: background 0.15s;
}

.ku-report-cancel:hover {
  background: #eee;
}

.ku-report-submit {
  padding: 8px 20px;
  background: #e8384d;
  color: #fff;
  border: 1px solid #e8384d;
  border-radius: 8px;
  font-size: 14px;
  cursor: pointer;
  transition: opacity 0.15s;
}

.ku-report-submit:hover {
  opacity: 0.85;
}

/* ========== 微信二维码弹层 ========== */
.ku-qrcode-mask {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.55);
  z-index: 9999;
  display: flex;
  align-items: center;
  justify-content: center;
}

.ku-qrcode-box {
  width: 280px;
  background: #fff;
  border-radius: 16px;
  padding: 32px 24px 24px;
  text-align: center;
  position: relative;
  box-shadow: 0 16px 48px rgba(0, 0, 0, 0.25);
}

.ku-qrcode-title {
  font-size: 17px;
  font-weight: 600;
  color: #333;
  margin-bottom: 20px;
}

.ku-qrcode-img {
  width: 200px;
  height: 200px;
  margin: 0 auto 16px;
  background: #f5f5f5;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

.ku-qrcode-img canvas,
.ku-qrcode-img img {
  width: 200px !important;
  height: 200px !important;
}

.ku-qrcode-tip {
  font-size: 13px;
  color: #999;
}

.ku-qrcode-close {
  position: absolute;
  top: 8px;
  right: 16px;
  font-size: 24px;
  color: #999;
  cursor: pointer;
  line-height: 1;
  padding: 4px;
}

.ku-qrcode-close:hover {
  color: #333;
}

.ku-share-icon {
  width: 52px;
  height: 52px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: transform 0.2s cubic-bezier(.34,1.56,.64,1), box-shadow 0.2s;
  position: relative;
  overflow: hidden;
}

.ku-share-icon::after {
  content: '';
  position: absolute;
  inset: 0;
  border-radius: 50%;
  opacity: 0;
  transition: opacity 0.2s;
}

.ku-share-icon:hover {
  transform: translateY(-3px) scale(1.06);
}

.ku-icon-qq {
  background:#12b7f5;
}
.ku-icon-qq:hover {
  box-shadow: 0 6px 16px rgba(18, 183, 245, 0.35);
}

.ku-icon-weibo {
  background: #e6162d;
}
.ku-icon-weibo:hover {
  box-shadow: 0 6px 16px rgba(230, 22, 45, 0.3);
}

.ku-icon-wechat {
  background: #07c160;
}
.ku-icon-wechat:hover {
  box-shadow: 0 6px 16px rgba(7, 193, 96, 0.3);
}

.ku-icon-report {
  background:#fece00;
}
.ku-icon-report:hover {
  box-shadow: 0 6px 16px rgba(255, 107, 107, 0.3);
}

.ku-share-item span {
  font-size: 12px;
  color: #999;
  font-weight: 500;
  transition: color 0.2s;
}

.ku-share-item:hover span {
  color: #333;
}

.ku-share-report span {
  color: #ccc;
}

.ku-share-report:hover span {
  color: #e8384d;
}
.ku-share-icon i{ color:#fff;}


/* ========== 举报面板 ========== */
.report-panel-body {
  padding: 20px;
}
.report-option {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px 0;
  border-bottom: 1px solid #f5f5f5;
  font-size: 14px;
  color: #333;
  cursor: pointer;
}
.report-option input[type="radio"] {
  accent-color: #3b8cff;
}
.report-panel-body textarea {
  width: 100%;
  margin-top: 12px;
  padding: 10px 12px;
  border: 1px solid #ddd;
  border-radius: 8px;
  font-size: 14px;
  resize: vertical;
  outline: none;
  transition: border-color 0.2s;
  box-sizing: border-box;
}
.report-panel-body textarea:focus {
  border-color: #3b8cff;
}
.report-submit-btn {
  width: 100%;
  margin-top: 16px;
  padding: 10px;
  background: #3b8cff;
  color: #fff;
  border: none;
  border-radius: 8px;
  font-size: 15px;
  cursor: pointer;
  transition: background 0.2s;
}
.report-submit-btn:hover {
  background: #2a7de1;
}

/* ========== Toast提示 ========== */
.action-toast {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(0.8);
  background: rgba(0, 0, 0, 0.75);
  color: #fff;
  padding: 12px 24px;
  border-radius: 8px;
  font-size: 14px;
  z-index: 99999;
  opacity: 0;
  transition: all 0.3s ease;
  pointer-events: none;
}
.action-toast.show {
  opacity: 1;
  transform: translate(-50%, -50%) scale(1);
}
.share-panel-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    z-index: 9999;
}
.share-panel-box {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: #fff;
  border-radius: 12px;
  width: 380px;
  max-width: 90%;
  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.15);
  z-index: 10000;
}
.share-panel-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px 20px;
  border-bottom: 1px solid #eee;
  font-size: 16px;
  font-weight: 600;
  color: #333;
}
.share-panel-close {
  color: #999;
  font-size: 18px;
}
.share-panel-close:hover {
  color: #333;
}


.gamePriceItem[data-plat="FengHuang"] {
    display: none;
}
.lgy_no_data { text-align:center;padding:10px 0;}


/* 游戏平台标签容器：限制单行溢出 */
.div2 .win[tit="游戏平台"] {
    display: flex !important;
    flex-wrap: nowrap !important;
    overflow: hidden !important;
    max-height: 28px !important;
    position: relative !important;
    padding-right: 28px !important;
}

/* 标签项 */
.div2 .win[tit="游戏平台"] a {
    display: inline-flex !important;
    align-items: center;
    gap: 3px;
    white-space: nowrap;
    flex-shrink: 0;
}

/* 渐隐遮罩（单行时右侧标签渐隐效果） */
.platform-fade-mask {
    position: absolute;
    right: 22px;
    top: 0;
    bottom: 0;
    width: 40px;
    background: linear-gradient(to right, transparent, #fff);
    z-index: 1;
    pointer-events: none;
    transition: opacity 0.2s ease;
}

/* 箭头按钮（放到body层级，避免被父元素overflow:hidden截断） */
.platform-expand-arrow {
    position: absolute;
    width: 22px;
    height: 22px;
   
    background: #fff;
    border: none;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 9999;
    transition: all 0.25s ease;
    
    padding: 0;
}
.platform-expand-arrow:hover {
    background: #e0e0e0;
}
.platform-expand-arrow svg {
    width: 12px;
    height: 12px;
    color: #999;
    transition: transform 0.35s ease;
}
/* 展开后箭头旋转 */
.platform-expand-arrow.rotated svg {
    transform: rotate(90deg);
}

/* ===== 浮出面板（放到body层级） ===== */
.platform-popup {
    position: absolute;
    min-width: 200px;
    max-width: 320px;
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 8px 32px rgba(0,0,0,0.15), 0 2px 8px rgba(0,0,0,0.08);
    padding: 14px 16px;
    z-index: 9998;
    opacity: 0;
    visibility: hidden;
    transform: translateY(-6px);
    transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
    box-sizing: border-box;
}
.platform-popup.active {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

/* 浮出面板内的小三角箭头 */
.platform-popup::before {
    content: '';
    position: absolute;
    top: -6px;
    left: 20px;
    width: 12px;
    height: 12px;
    background: #fff;
    transform: rotate(45deg);
    box-shadow: -2px -2px 4px rgba(0,0,0,0.04);
    z-index: -1;
}

/* 浮出面板内的标签列表 */
.platform-popup .popup-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}
.platform-popup .popup-tags a {
    display: inline-flex !important;
    align-items: center;
    gap: 4px;
    padding: 5px 10px;
    background: #f5f5f5;
    border-radius: 6px;
    font-size: 13px;
    color: #444;
    text-decoration: none;
    white-space: nowrap;
    transition: all 0.2s ease;
    border: 1px solid transparent;
}
.platform-popup .popup-tags a:hover {
    background: #fff;
    border-color: #E1306C;
    color: #E1306C;
    box-shadow: 0 2px 8px rgba(225,48,108,0.12);
}
.platform-popup .popup-tags a img {
    width: 16px;
    height: 16px;
}