/*! void-ui | MIT License | https://github.com/HuijiFE/void-ui */
*,:after,:before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

:root {
    font-size: 100px
}

body {
    font-family: Helvetica Neue,Helvetica,PingFang SC,Hiragino Sans GB,Microsoft YaHei,"\5FAE\8F6F\96C5\9ED1",Arial,sans-serif;
    font-size: 14px;
    font-size: .14rem;
    line-height: 1.618
}

img {
    overflow: hidden
}

[type=button],[type=reset],[type=submit],button {
    -webkit-appearance: none
}

a {
    color: #0098ee;
    text-decoration: none;
    outline: 0
}

[type=button],[type=reset],[type=submit],a[href],button {
    cursor: pointer;
    -webkit-transition: all .16s ease-in-out;
    transition: all .16s ease-in-out
}

[type=button],[type=button]:focus,[type=reset],[type=reset]:focus,[type=submit],[type=submit]:focus,button,button:focus,input,input:focus {
    outline: 0
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0,0,0,0);
    white-space: nowrap;
    border: 0
}

.sr-only-focusable:active,.sr-only-focusable:focus {
    position: static;
    width: auto;
    height: auto;
    overflow: visible;
    clip: auto;
    white-space: normal
}

.vdp-theme_lite .vda-fg_emphasize,.vdp-theme_lite .vda-fg_normal {
    color: #333
}

.vdp-theme_lite .vda-fg_sub {
    color: #999
}

.vdp-theme_lite .vda-bg_high,.vdp-theme_lite .vda-bg_higher {
    color: #f7f7f7
}

.vdp-theme_lite .vda-bg_normal {
    color: #fff
}

.vdp-theme_lite .vda-bg_low,.vdp-theme_lite .vda-bg_lower {
    color: #f7f7f7
}

.vdp-theme_dark .vda-fg_emphasize,.vdp-theme_dark .vda-fg_normal {
    color: #fff
}

.vdp-theme_dark .vda-fg_sub {
    color: #e6e6e6
}

.vdp-theme_dark .vda-bg_high,.vdp-theme_dark .vda-bg_higher {
    color: #222
}

.vdp-theme_dark .vda-bg_normal {
    color: #333
}

.vdp-theme_dark .vda-bg_low,.vdp-theme_dark .vda-bg_lower {
    color: #222
}

.vd-acrylic {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    overflow: hidden;
    -webkit-animation: "vd-acrylic_fade-in" .16s ease-in;
    animation: "vd-acrylic_fade-in" .16s ease-in
}

@-webkit-keyframes "vd-acrylic_fade-in" {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes "vd-acrylic_fade-in" {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.vd-acrylic .vd-acrylic_inner {
    position: absolute;
    top: -.12rem;
    bottom: -.12rem;
    left: -.12rem;
    right: -.12rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.vd-acrylic.vdp-position_top .vd-acrylic_inner {
    bottom: auto
}

.vd-acrylic.vdp-position_bottom .vd-acrylic_inner {
    top: auto
}

.vd-acrylic .vd-acrylic_image {
    position: relative;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-filter: blur(.12rem);
    filter: blur(.12rem)
}

.vd-acrylic .vd-acrylic_cover {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

.vd-acrylic .vd-acrylic_cover:after,.vd-acrylic .vd-acrylic_cover:before {
    content: " ";
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

.vd-acrylic .vd-acrylic_cover:before {
    opacity: .3
}

.vd-acrylic .vd-acrylic_cover:after {
    opacity: .1;
    mix-blend-mode: multiply;
    background-blend-mode: multiply
}

.vd-acrylic.vdp-theme_lite .vd-acrylic_inner {
    -webkit-filter: brightness(110%);
    filter: brightness(110%)
}

.vd-acrylic.vdp-theme_lite .vd-acrylic_cover:before {
    background-color: #fff
}

.vd-acrylic.vdp-theme_lite .vd-acrylic_cover:after {
    background-color: #0098ee
}

.vd-acrylic.vdp-theme_dark .vd-acrylic_inner {
    -webkit-filter: brightness(90%);
    filter: brightness(90%)
}

.vd-acrylic.vdp-theme_dark .vd-acrylic_cover:before {
    background-color: #333
}

.vd-acrylic.vdp-theme_dark .vd-acrylic_cover:after {
    background-color: #0098ee
}

.vd-radio {
    position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    vertical-align: middle;
    white-space: nowrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: .24rem;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-size: .14rem
}

.vd-radio .vd-radio_implicit {
    display: none
}

.vd-radio .vd-radio_symbol {
    display: block;
    width: .14rem;
    height: .14rem;
    border-radius: 50%;
    border: .01rem solid transparent;
    margin-right: .07rem
}

.vd-radio.vdp-theme_lite {
    color: #333
}

.vd-radio.vdp-theme_lite .vd-radio_symbol {
    border-color: #999;
    background-color: #fff
}

.vd-radio.vdp-theme_dark {
    color: #fff
}

.vd-radio.vdp-theme_dark .vd-radio_symbol {
    border-color: #e6e6e6;
    background-color: #333
}

.vd-radio.is-checked .vd-radio_symbol {
    -webkit-animation: vd-radio-checked .24s ease-in-out forwards;
    animation: vd-radio-checked .24s ease-in-out forwards
}

@-webkit-keyframes vd-radio-checked {
    50% {
        border-width: .07rem
    }

    to {
        border-width: .04667rem;
        border-color: #0098ee;
        background-color: #fff
    }
}

@keyframes vd-radio-checked {
    50% {
        border-width: .07rem
    }

    to {
        border-width: .04667rem;
        border-color: #0098ee;
        background-color: #fff
    }
}

.vd-radio-group {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin: 0 -.08rem
}

.vd-radio-group .vd-radio {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    padding: 0 .08rem
}

.vd-radio-group.vdp-direction_row {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

.vd-radio-group.vdp-direction_row-reverse {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
}

.vd-radio-group.vdp-direction_column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.vd-radio-group.vdp-direction_column-reverse {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse
}

.vd-switch {
    position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    vertical-align: middle;
    white-space: nowrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: .24rem;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-size: .14rem
}

.vd-switch .vd-switch_implicit {
    display: none
}

.vd-switch .vd-switch_symbol {
    display: block;
    width: .28rem;
    height: .14rem;
    border-radius: .05rem;
    border: .02rem solid transparent;
    margin-right: .07rem;
    -webkit-transition: background-color .24s ease-in-out;
    transition: background-color .24s ease-in-out
}

.vd-switch .vd-switch_symbol-inner {
    position: relative;
    left: 0;
    display: block;
    width: 50%;
    height: 100%;
    border-radius: .05rem;
    background-color: #fff;
    -webkit-transition: left .24s ease-in-out;
    transition: left .24s ease-in-out
}

.vd-switch.vdp-theme_lite .vd-switch_symbol {
    background-color: #999
}

.vd-switch.vdp-theme_dark .vd-switch_symbol {
    background-color: #e6e6e6
}

.vd-switch.is-checked .vd-switch_symbol {
    background-color: #0098ee
}

.vd-switch.is-checked .vd-switch_symbol-inner {
    left: 50%
}

.vda-icon_right {
    margin-left: .618em
}

.vda-icon_left {
    margin-right: .618em
}

.vda-image_cover {
    -o-object-fit: cover;
    object-fit: cover
}

.vda-image_contain,.vda-image_cover {
    position: relative;
    width: 100%;
    height: 100%
}

.vda-image_contain {
    -o-object-fit: contain;
    object-fit: contain
}

.vd-button {
    position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    vertical-align: middle;
    text-decoration: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-weight: 400;
    line-height: 1.44;
    white-space: nowrap;
    padding: 0;
    margin: 0;
    color: inherit;
    background-color: transparent;
    border: .01rem solid transparent;
    cursor: pointer;
    overflow: hidden;
    -webkit-appearance: none;
    -webkit-transition: .16s ease-in-out;
    transition: .16s ease-in-out;
    -webkit-transition-property: color,background-color,border-color,-webkit-box-shadow;
    transition-property: color,background-color,border-color,-webkit-box-shadow;
    transition-property: color,background-color,border-color,box-shadow;
    transition-property: color,background-color,border-color,box-shadow,-webkit-box-shadow
}

.vd-button:focus {
    outline: none
}

.vd-button.vdp-size_xsmall {
    font-size: .12rem
}

.vd-button.vdp-size_small {
    font-size: .14rem
}

.vd-button.vdp-size_medium {
    font-size: .18rem
}

.vd-button.vdp-size_large {
    font-size: .2rem
}

.vd-button.vdp-size_xlarge {
    font-size: .24rem
}

.vd-button.vdp-shape_rect,.vd-button.vdp-shape_square {
    border-radius: .05rem
}

.vd-button.vdp-shape_circle {
    border-radius: 50%
}

.vd-button.vdp-size_xsmall.vdp-shape_pill {
    border-radius: .12rem
}

.vd-button.vdp-size_xsmall {
    height: .24rem
}

.vd-button.vdp-size_xsmall.vdp-shape_rect {
    min-width: .62832rem;
    padding: 0 .14832rem
}

.vd-button.vdp-size_xsmall.vdp-shape_rect.is-wide {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 100%;
    flex: 1 0 100%;
    width: 100%;
    max-width: 100%
}

.vd-button.vdp-size_xsmall.vdp-shape_pill {
    min-width: .62832rem;
    padding: 0 .14832rem
}

.vd-button.vdp-size_xsmall.vdp-shape_pill.is-wide {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 100%;
    flex: 1 0 100%;
    width: 100%;
    max-width: 100%
}

.vd-button.vdp-size_xsmall.vdp-shape_circle,.vd-button.vdp-size_xsmall.vdp-shape_square {
    width: .24rem
}

.vd-button.vdp-size_small.vdp-shape_pill {
    border-radius: .16rem
}

.vd-button.vdp-size_small {
    height: .32rem
}

.vd-button.vdp-size_small.vdp-shape_rect {
    min-width: .83776rem;
    padding: 0 .19776rem
}

.vd-button.vdp-size_small.vdp-shape_rect.is-wide {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 100%;
    flex: 1 0 100%;
    width: 100%;
    max-width: 100%
}

.vd-button.vdp-size_small.vdp-shape_pill {
    min-width: .83776rem;
    padding: 0 .19776rem
}

.vd-button.vdp-size_small.vdp-shape_pill.is-wide {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 100%;
    flex: 1 0 100%;
    width: 100%;
    max-width: 100%
}

.vd-button.vdp-size_small.vdp-shape_circle,.vd-button.vdp-size_small.vdp-shape_square {
    width: .32rem
}

.vd-button.vdp-size_medium.vdp-shape_pill {
    border-radius: .2rem
}

.vd-button.vdp-size_medium {
    height: .4rem
}

.vd-button.vdp-size_medium.vdp-shape_rect {
    min-width: 1.0472rem;
    padding: 0 .2472rem
}

.vd-button.vdp-size_medium.vdp-shape_rect.is-wide {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 100%;
    flex: 1 0 100%;
    width: 100%;
    max-width: 100%
}

.vd-button.vdp-size_medium.vdp-shape_pill {
    min-width: 1.0472rem;
    padding: 0 .2472rem
}

.vd-button.vdp-size_medium.vdp-shape_pill.is-wide {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 100%;
    flex: 1 0 100%;
    width: 100%;
    max-width: 100%
}

.vd-button.vdp-size_medium.vdp-shape_circle,.vd-button.vdp-size_medium.vdp-shape_square {
    width: .4rem
}

.vd-button.vdp-size_large.vdp-shape_pill {
    border-radius: .24rem
}

.vd-button.vdp-size_large {
    height: .48rem
}

.vd-button.vdp-size_large.vdp-shape_rect {
    min-width: 1.25664rem;
    padding: 0 .29664rem
}

.vd-button.vdp-size_large.vdp-shape_rect.is-wide {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 100%;
    flex: 1 0 100%;
    width: 100%;
    max-width: 100%
}

.vd-button.vdp-size_large.vdp-shape_pill {
    min-width: 1.25664rem;
    padding: 0 .29664rem
}

.vd-button.vdp-size_large.vdp-shape_pill.is-wide {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 100%;
    flex: 1 0 100%;
    width: 100%;
    max-width: 100%
}

.vd-button.vdp-size_large.vdp-shape_circle,.vd-button.vdp-size_large.vdp-shape_square {
    width: .48rem
}

.vd-button.vdp-size_xlarge.vdp-shape_pill {
    border-radius: .28rem
}

.vd-button.vdp-size_xlarge {
    height: .56rem
}

.vd-button.vdp-size_xlarge.vdp-shape_rect {
    min-width: 1.46608rem;
    padding: 0 .34608rem
}

.vd-button.vdp-size_xlarge.vdp-shape_rect.is-wide {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 100%;
    flex: 1 0 100%;
    width: 100%;
    max-width: 100%
}

.vd-button.vdp-size_xlarge.vdp-shape_pill {
    min-width: 1.46608rem;
    padding: 0 .34608rem
}

.vd-button.vdp-size_xlarge.vdp-shape_pill.is-wide {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 100%;
    flex: 1 0 100%;
    width: 100%;
    max-width: 100%
}

.vd-button.vdp-size_xlarge.vdp-shape_circle,.vd-button.vdp-size_xlarge.vdp-shape_square {
    width: .56rem
}

.vd-button.vdp-skin_fill {
    color: #fff
}

.vd-button:before {
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    opacity: 0;
    -webkit-transition: opacity .16s ease-in-out;
    transition: opacity .16s ease-in-out
}

.vd-button.vdp-skin_flat:before,.vd-button.vdp-skin_plain:before,.vd-button.vdp-skin_silk:before {
    content: " "
}

.vd-button.vdp-skin_fill.vdp-tone_primary {
    background-color: #0098ee
}

.vd-button.vdp-skin_fill.vdp-tone_primary:hover {
    background-color: #09a6ff
}

.vd-button.vdp-skin_fill.vdp-tone_primary:active {
    background-color: #0088d5
}

.vd-button.vdp-skin_fill.vdp-tone_secondary {
    background-color: #fe4b83
}

.vd-button.vdp-skin_fill.vdp-tone_secondary:hover {
    background-color: #fe6494
}

.vd-button.vdp-skin_fill.vdp-tone_secondary:active {
    background-color: #fe3272
}

.vd-button.vdp-skin_fill.vdp-tone_success {
    background-color: #19bd19
}

.vd-button.vdp-skin_fill.vdp-tone_success:hover {
    background-color: #1bcc1b
}

.vd-button.vdp-skin_fill.vdp-tone_success:active {
    background-color: #17ae17
}

.vd-button.vdp-skin_fill.vdp-tone_warning {
    background-color: #f48642
}

.vd-button.vdp-skin_fill.vdp-tone_warning:hover {
    background-color: #ff9147
}

.vd-button.vdp-skin_fill.vdp-tone_warning:active {
    background-color: #e07c3d
}

.vd-button.vdp-skin_fill.vdp-tone_danger {
    background-color: #ff5201
}

.vd-button.vdp-skin_fill.vdp-tone_danger:hover {
    background-color: #ff5902
}

.vd-button.vdp-skin_fill.vdp-tone_danger:active {
    background-color: #ff4c01
}

.vd-button.vdp-skin_flat.vdp-theme_lite {
    color: #333;
    background-color: #fff
}

.vd-button.vdp-skin_plain.vdp-theme_lite {
    background-color: #fff
}

.vd-button.vdp-skin_flat.vdp-theme_dark {
    color: #fff;
    background-color: #333
}

.vd-button.vdp-skin_plain.vdp-theme_dark {
    background-color: #333
}

.vd-button.vdp-skin_plain.vdp-tone_primary,.vd-button.vdp-skin_silk.vdp-tone_primary {
    color: #0098ee
}

.vd-button.vdp-skin_plain.vdp-tone_primary,.vd-button.vdp-skin_silk.vdp-tone_primary {
    border-color: #0098ee
}

.vd-button.vdp-tone_primary:before {
    background-color: #0098ee
}

.vd-button.vdp-tone_primary:hover:before {
    opacity: .12
}

.vd-button.vdp-tone_primary:active:before {
    opacity: .16
}

.vd-button.vdp-skin_plain.vdp-tone_secondary,.vd-button.vdp-skin_silk.vdp-tone_secondary {
    color: #fe4b83
}

.vd-button.vdp-skin_plain.vdp-tone_secondary,.vd-button.vdp-skin_silk.vdp-tone_secondary {
    border-color: #fe4b83
}

.vd-button.vdp-tone_secondary:before {
    background-color: #fe4b83
}

.vd-button.vdp-tone_secondary:hover:before {
    opacity: .12
}

.vd-button.vdp-tone_secondary:active:before {
    opacity: .16
}

.vd-button.vdp-skin_plain.vdp-tone_success,.vd-button.vdp-skin_silk.vdp-tone_success {
    color: #19bd19
}

.vd-button.vdp-skin_plain.vdp-tone_success,.vd-button.vdp-skin_silk.vdp-tone_success {
    border-color: #19bd19
}

.vd-button.vdp-tone_success:before {
    background-color: #19bd19
}

.vd-button.vdp-tone_success:hover:before {
    opacity: .12
}

.vd-button.vdp-tone_success:active:before {
    opacity: .16
}

.vd-button.vdp-skin_plain.vdp-tone_warning,.vd-button.vdp-skin_silk.vdp-tone_warning {
    color: #f48642
}

.vd-button.vdp-skin_plain.vdp-tone_warning,.vd-button.vdp-skin_silk.vdp-tone_warning {
    border-color: #f48642
}

.vd-button.vdp-tone_warning:before {
    background-color: #f48642
}

.vd-button.vdp-tone_warning:hover:before {
    opacity: .12
}

.vd-button.vdp-tone_warning:active:before {
    opacity: .16
}

.vd-button.vdp-skin_plain.vdp-tone_danger,.vd-button.vdp-skin_silk.vdp-tone_danger {
    color: #ff5201
}

.vd-button.vdp-skin_plain.vdp-tone_danger,.vd-button.vdp-skin_silk.vdp-tone_danger {
    border-color: #ff5201
}

.vd-button.vdp-tone_danger:before {
    background-color: #ff5201
}

.vd-button.vdp-tone_danger:hover:before {
    opacity: .12
}

.vd-button.vdp-tone_danger:active:before {
    opacity: .16
}

.vd-button.is-disabled:active:before,.vd-button.is-disabled:before,.vd-button.is-disabled:hover:before {
    opacity: 0
}

.vd-button.is-disabled {
    cursor: not-allowed
}

.vd-button.vdp-theme_lite.vdp-skin_fill.is-disabled,.vd-button.vdp-theme_lite.vdp-skin_fill.is-disabled:active,.vd-button.vdp-theme_lite.vdp-skin_fill.is-disabled:hover,.vd-button.vdp-theme_lite.vdp-skin_flat.is-disabled,.vd-button.vdp-theme_lite.vdp-skin_flat.is-disabled:active,.vd-button.vdp-theme_lite.vdp-skin_flat.is-disabled:hover,.vd-button.vdp-theme_lite.vdp-skin_plain.is-disabled,.vd-button.vdp-theme_lite.vdp-skin_plain.is-disabled:active,.vd-button.vdp-theme_lite.vdp-skin_plain.is-disabled:hover,.vd-button.vdp-theme_lite.vdp-skin_silk.is-disabled,.vd-button.vdp-theme_lite.vdp-skin_silk.is-disabled:active,.vd-button.vdp-theme_lite.vdp-skin_silk.is-disabled:hover {
    color: #999
}

.vd-button.vdp-theme_lite.vdp-skin_fill.is-disabled,.vd-button.vdp-theme_lite.vdp-skin_fill.is-disabled:active,.vd-button.vdp-theme_lite.vdp-skin_fill.is-disabled:hover {
    background-color: #e6e6e6
}

.vd-button.vdp-theme_lite.vdp-skin_flat.is-disabled,.vd-button.vdp-theme_lite.vdp-skin_flat.is-disabled:active,.vd-button.vdp-theme_lite.vdp-skin_flat.is-disabled:hover,.vd-button.vdp-theme_lite.vdp-skin_plain.is-disabled,.vd-button.vdp-theme_lite.vdp-skin_plain.is-disabled:active,.vd-button.vdp-theme_lite.vdp-skin_plain.is-disabled:hover {
    background-color: #fff
}

.vd-button.vdp-theme_lite.vdp-skin_plain.is-disabled,.vd-button.vdp-theme_lite.vdp-skin_plain.is-disabled:active,.vd-button.vdp-theme_lite.vdp-skin_plain.is-disabled:hover,.vd-button.vdp-theme_lite.vdp-skin_silk.is-disabled,.vd-button.vdp-theme_lite.vdp-skin_silk.is-disabled:active,.vd-button.vdp-theme_lite.vdp-skin_silk.is-disabled:hover {
    border-color: #e6e6e6
}

.vd-button.vdp-theme_dark.vdp-skin_fill.is-disabled,.vd-button.vdp-theme_dark.vdp-skin_fill.is-disabled:active,.vd-button.vdp-theme_dark.vdp-skin_fill.is-disabled:hover,.vd-button.vdp-theme_dark.vdp-skin_flat.is-disabled,.vd-button.vdp-theme_dark.vdp-skin_flat.is-disabled:active,.vd-button.vdp-theme_dark.vdp-skin_flat.is-disabled:hover,.vd-button.vdp-theme_dark.vdp-skin_plain.is-disabled,.vd-button.vdp-theme_dark.vdp-skin_plain.is-disabled:active,.vd-button.vdp-theme_dark.vdp-skin_plain.is-disabled:hover,.vd-button.vdp-theme_dark.vdp-skin_silk.is-disabled,.vd-button.vdp-theme_dark.vdp-skin_silk.is-disabled:active,.vd-button.vdp-theme_dark.vdp-skin_silk.is-disabled:hover {
    color: #e6e6e6
}

.vd-button.vdp-theme_dark.vdp-skin_fill.is-disabled,.vd-button.vdp-theme_dark.vdp-skin_fill.is-disabled:active,.vd-button.vdp-theme_dark.vdp-skin_fill.is-disabled:hover {
    background-color: #484848
}

.vd-button.vdp-theme_dark.vdp-skin_flat.is-disabled,.vd-button.vdp-theme_dark.vdp-skin_flat.is-disabled:active,.vd-button.vdp-theme_dark.vdp-skin_flat.is-disabled:hover,.vd-button.vdp-theme_dark.vdp-skin_plain.is-disabled,.vd-button.vdp-theme_dark.vdp-skin_plain.is-disabled:active,.vd-button.vdp-theme_dark.vdp-skin_plain.is-disabled:hover {
    background-color: #333
}

.vd-button.vdp-theme_dark.vdp-skin_plain.is-disabled,.vd-button.vdp-theme_dark.vdp-skin_plain.is-disabled:active,.vd-button.vdp-theme_dark.vdp-skin_plain.is-disabled:hover,.vd-button.vdp-theme_dark.vdp-skin_silk.is-disabled,.vd-button.vdp-theme_dark.vdp-skin_silk.is-disabled:active,.vd-button.vdp-theme_dark.vdp-skin_silk.is-disabled:hover {
    border-color: #999
}

.vd-button.is-loading {
    cursor: wait
}

.vd-button .vd-button_content+.vd-button_right,.vd-button .vd-button_left+.vd-button_content,.vd-button .vd-button_loading+.vd-button_content {
    margin-left: .618em
}

.vd-button .vd-button_left,.vd-button .vd-button_loading,.vd-button .vd-button_right {
    width: 1em
}

.vd-button .vd-button_loading-indicator {
    display: inline-block;
    width: 1em;
    height: 1em;
    line-height: 1;
    vertical-align: middle;
    border-radius: 50%;
    border: .02rem solid transparent;
    border-right-color: currentColor;
    border-bottom-color: currentColor;
    -webkit-animation: vd-button-loading-indicator-spin .75s linear infinite;
    animation: vd-button-loading-indicator-spin .75s linear infinite
}

@-webkit-keyframes vd-button-loading-indicator-spin {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes vd-button-loading-indicator-spin {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

.vd-button-group {
    position: relative;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none
}

.vd-button-group .vd-button-group_wrapper {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.vd-button-group.is-gap {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.vd-button-group.is-compact {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.vd-button-group.vdp-direction_row .vd-button-group_wrapper {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

.vd-button-group.vdp-direction_row-reverse .vd-button-group_wrapper {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
}

.vd-button-group.vdp-direction_column .vd-button-group_wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.vd-button-group.vdp-direction_column-reverse .vd-button-group_wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse
}

.vd-button-group.vdp-size_xsmall.vdp-direction_row.is-gap {
    padding: .03708rem
}

.vd-button-group.vdp-size_xsmall.vdp-direction_row.is-gap .vd-button-group_wrapper {
    margin: -.11124rem;
    padding: .03708rem
}

.vd-button-group.vdp-size_xsmall.vdp-direction_row.is-gap .vd-button-group_item {
    margin: .03708rem
}

.vd-button-group.vdp-size_small.vdp-direction_row.is-gap {
    padding: .04944rem
}

.vd-button-group.vdp-size_small.vdp-direction_row.is-gap .vd-button-group_wrapper {
    margin: -.14832rem;
    padding: .04944rem
}

.vd-button-group.vdp-size_small.vdp-direction_row.is-gap .vd-button-group_item {
    margin: .04944rem
}

.vd-button-group.vdp-size_medium.vdp-direction_row.is-gap {
    padding: .0618rem
}

.vd-button-group.vdp-size_medium.vdp-direction_row.is-gap .vd-button-group_wrapper {
    margin: -.1854rem;
    padding: .0618rem
}

.vd-button-group.vdp-size_medium.vdp-direction_row.is-gap .vd-button-group_item {
    margin: .0618rem
}

.vd-button-group.vdp-size_large.vdp-direction_row.is-gap {
    padding: .07416rem
}

.vd-button-group.vdp-size_large.vdp-direction_row.is-gap .vd-button-group_wrapper {
    margin: -.22248rem;
    padding: .07416rem
}

.vd-button-group.vdp-size_large.vdp-direction_row.is-gap .vd-button-group_item {
    margin: .07416rem
}

.vd-button-group.vdp-size_xlarge.vdp-direction_row.is-gap {
    padding: .08652rem
}

.vd-button-group.vdp-size_xlarge.vdp-direction_row.is-gap .vd-button-group_wrapper {
    margin: -.25956rem;
    padding: .08652rem
}

.vd-button-group.vdp-size_xlarge.vdp-direction_row.is-gap .vd-button-group_item {
    margin: .08652rem
}

.vd-button-group.vdp-direction_row.is-compact .vd-button-group_item {
    border-top: 0;
    border-bottom: 0
}

.vd-button-group.vdp-direction_row.is-compact .vd-button-group_item:not(:first-child) {
    margin-left: -.01rem
}

.vd-button-group.vdp-size_xsmall.vdp-direction_row-reverse.is-gap {
    padding: .03708rem
}

.vd-button-group.vdp-size_xsmall.vdp-direction_row-reverse.is-gap .vd-button-group_wrapper {
    margin: -.11124rem;
    padding: .03708rem
}

.vd-button-group.vdp-size_xsmall.vdp-direction_row-reverse.is-gap .vd-button-group_item {
    margin: .03708rem
}

.vd-button-group.vdp-size_small.vdp-direction_row-reverse.is-gap {
    padding: .04944rem
}

.vd-button-group.vdp-size_small.vdp-direction_row-reverse.is-gap .vd-button-group_wrapper {
    margin: -.14832rem;
    padding: .04944rem
}

.vd-button-group.vdp-size_small.vdp-direction_row-reverse.is-gap .vd-button-group_item {
    margin: .04944rem
}

.vd-button-group.vdp-size_medium.vdp-direction_row-reverse.is-gap {
    padding: .0618rem
}

.vd-button-group.vdp-size_medium.vdp-direction_row-reverse.is-gap .vd-button-group_wrapper {
    margin: -.1854rem;
    padding: .0618rem
}

.vd-button-group.vdp-size_medium.vdp-direction_row-reverse.is-gap .vd-button-group_item {
    margin: .0618rem
}

.vd-button-group.vdp-size_large.vdp-direction_row-reverse.is-gap {
    padding: .07416rem
}

.vd-button-group.vdp-size_large.vdp-direction_row-reverse.is-gap .vd-button-group_wrapper {
    margin: -.22248rem;
    padding: .07416rem
}

.vd-button-group.vdp-size_large.vdp-direction_row-reverse.is-gap .vd-button-group_item {
    margin: .07416rem
}

.vd-button-group.vdp-size_xlarge.vdp-direction_row-reverse.is-gap {
    padding: .08652rem
}

.vd-button-group.vdp-size_xlarge.vdp-direction_row-reverse.is-gap .vd-button-group_wrapper {
    margin: -.25956rem;
    padding: .08652rem
}

.vd-button-group.vdp-size_xlarge.vdp-direction_row-reverse.is-gap .vd-button-group_item {
    margin: .08652rem
}

.vd-button-group.vdp-direction_row-reverse.is-compact .vd-button-group_item {
    border-top: 0;
    border-bottom: 0
}

.vd-button-group.vdp-direction_row-reverse.is-compact .vd-button-group_item:not(:first-child) {
    margin-left: -.01rem
}

.vd-button-group.vdp-size_xsmall.vdp-direction_column.is-gap {
    padding: .03708rem
}

.vd-button-group.vdp-size_xsmall.vdp-direction_column.is-gap .vd-button-group_wrapper {
    margin: -.11124rem;
    padding: .03708rem
}

.vd-button-group.vdp-size_xsmall.vdp-direction_column.is-gap .vd-button-group_item {
    margin: .03708rem
}

.vd-button-group.vdp-size_small.vdp-direction_column.is-gap {
    padding: .04944rem
}

.vd-button-group.vdp-size_small.vdp-direction_column.is-gap .vd-button-group_wrapper {
    margin: -.14832rem;
    padding: .04944rem
}

.vd-button-group.vdp-size_small.vdp-direction_column.is-gap .vd-button-group_item {
    margin: .04944rem
}

.vd-button-group.vdp-size_medium.vdp-direction_column.is-gap {
    padding: .0618rem
}

.vd-button-group.vdp-size_medium.vdp-direction_column.is-gap .vd-button-group_wrapper {
    margin: -.1854rem;
    padding: .0618rem
}

.vd-button-group.vdp-size_medium.vdp-direction_column.is-gap .vd-button-group_item {
    margin: .0618rem
}

.vd-button-group.vdp-size_large.vdp-direction_column.is-gap {
    padding: .07416rem
}

.vd-button-group.vdp-size_large.vdp-direction_column.is-gap .vd-button-group_wrapper {
    margin: -.22248rem;
    padding: .07416rem
}

.vd-button-group.vdp-size_large.vdp-direction_column.is-gap .vd-button-group_item {
    margin: .07416rem
}

.vd-button-group.vdp-size_xlarge.vdp-direction_column.is-gap {
    padding: .08652rem
}

.vd-button-group.vdp-size_xlarge.vdp-direction_column.is-gap .vd-button-group_wrapper {
    margin: -.25956rem;
    padding: .08652rem
}

.vd-button-group.vdp-size_xlarge.vdp-direction_column.is-gap .vd-button-group_item {
    margin: .08652rem
}

.vd-button-group.vdp-direction_column.is-compact .vd-button-group_item {
    border-left: 0;
    border-right: 0
}

.vd-button-group.vdp-direction_column.is-compact .vd-button-group_item:not(:first-child) {
    margin-top: -.01rem
}

.vd-button-group.vdp-size_xsmall.vdp-direction_column-reverse.is-gap {
    padding: .03708rem
}

.vd-button-group.vdp-size_xsmall.vdp-direction_column-reverse.is-gap .vd-button-group_wrapper {
    margin: -.11124rem;
    padding: .03708rem
}

.vd-button-group.vdp-size_xsmall.vdp-direction_column-reverse.is-gap .vd-button-group_item {
    margin: .03708rem
}

.vd-button-group.vdp-size_small.vdp-direction_column-reverse.is-gap {
    padding: .04944rem
}

.vd-button-group.vdp-size_small.vdp-direction_column-reverse.is-gap .vd-button-group_wrapper {
    margin: -.14832rem;
    padding: .04944rem
}

.vd-button-group.vdp-size_small.vdp-direction_column-reverse.is-gap .vd-button-group_item {
    margin: .04944rem
}

.vd-button-group.vdp-size_medium.vdp-direction_column-reverse.is-gap {
    padding: .0618rem
}

.vd-button-group.vdp-size_medium.vdp-direction_column-reverse.is-gap .vd-button-group_wrapper {
    margin: -.1854rem;
    padding: .0618rem
}

.vd-button-group.vdp-size_medium.vdp-direction_column-reverse.is-gap .vd-button-group_item {
    margin: .0618rem
}

.vd-button-group.vdp-size_large.vdp-direction_column-reverse.is-gap {
    padding: .07416rem
}

.vd-button-group.vdp-size_large.vdp-direction_column-reverse.is-gap .vd-button-group_wrapper {
    margin: -.22248rem;
    padding: .07416rem
}

.vd-button-group.vdp-size_large.vdp-direction_column-reverse.is-gap .vd-button-group_item {
    margin: .07416rem
}

.vd-button-group.vdp-size_xlarge.vdp-direction_column-reverse.is-gap {
    padding: .08652rem
}

.vd-button-group.vdp-size_xlarge.vdp-direction_column-reverse.is-gap .vd-button-group_wrapper {
    margin: -.25956rem;
    padding: .08652rem
}

.vd-button-group.vdp-size_xlarge.vdp-direction_column-reverse.is-gap .vd-button-group_item {
    margin: .08652rem
}

.vd-button-group.vdp-direction_column-reverse.is-compact .vd-button-group_item {
    border-left: 0;
    border-right: 0
}

.vd-button-group.vdp-direction_column-reverse.is-compact .vd-button-group_item:not(:first-child) {
    margin-top: -.01rem
}

.vd-button-group.is-compact {
    overflow: hidden;
    border: .01rem solid transparent
}

.vd-button-group.is-compact .vd-button-group_item {
    border-radius: 0
}

.vd-button-group.is-compact {
    border-radius: .05rem
}

.vd-button-group.vdp-shape_circle.vdp-size_xsmall.is-compact,.vd-button-group.vdp-shape_pill.vdp-size_xsmall.is-compact {
    border-radius: .12rem
}

.vd-button-group.vdp-size_xsmall.vdp-direction_row.is-compact {
    padding: 0 .02708rem
}

.vd-button-group.vdp-skin_plain.vdp-shape_rect.vdp-size_xsmall.vdp-direction_row.is-compact,.vd-button-group.vdp-skin_plain.vdp-shape_square.vdp-size_xsmall.vdp-direction_row.is-compact {
    padding: 0;
    border-width: .01rem 0
}

.vd-button-group.vdp-skin_plain.vdp-shape_circle.vdp-size_xsmall.vdp-direction_row.is-compact,.vd-button-group.vdp-skin_plain.vdp-shape_pill.vdp-size_xsmall.vdp-direction_row.is-compact {
    padding: 0 .11rem
}

.vd-button-group.vdp-skin_silk.vdp-shape_rect.vdp-size_xsmall.vdp-direction_row.is-compact,.vd-button-group.vdp-skin_silk.vdp-shape_square.vdp-size_xsmall.vdp-direction_row.is-compact {
    padding: 0;
    border-width: .01rem 0
}

.vd-button-group.vdp-skin_silk.vdp-shape_circle.vdp-size_xsmall.vdp-direction_row.is-compact,.vd-button-group.vdp-skin_silk.vdp-shape_pill.vdp-size_xsmall.vdp-direction_row.is-compact {
    padding: 0 .11rem
}

.vd-button-group.vdp-size_xsmall.vdp-direction_row-reverse.is-compact {
    padding: 0 .02708rem
}

.vd-button-group.vdp-skin_plain.vdp-shape_rect.vdp-size_xsmall.vdp-direction_row-reverse.is-compact,.vd-button-group.vdp-skin_plain.vdp-shape_square.vdp-size_xsmall.vdp-direction_row-reverse.is-compact {
    padding: 0;
    border-width: .01rem 0
}

.vd-button-group.vdp-skin_plain.vdp-shape_circle.vdp-size_xsmall.vdp-direction_row-reverse.is-compact,.vd-button-group.vdp-skin_plain.vdp-shape_pill.vdp-size_xsmall.vdp-direction_row-reverse.is-compact {
    padding: 0 .11rem
}

.vd-button-group.vdp-skin_silk.vdp-shape_rect.vdp-size_xsmall.vdp-direction_row-reverse.is-compact,.vd-button-group.vdp-skin_silk.vdp-shape_square.vdp-size_xsmall.vdp-direction_row-reverse.is-compact {
    padding: 0;
    border-width: .01rem 0
}

.vd-button-group.vdp-skin_silk.vdp-shape_circle.vdp-size_xsmall.vdp-direction_row-reverse.is-compact,.vd-button-group.vdp-skin_silk.vdp-shape_pill.vdp-size_xsmall.vdp-direction_row-reverse.is-compact {
    padding: 0 .11rem
}

.vd-button-group.vdp-size_xsmall.vdp-direction_column.is-compact {
    padding: .02708rem 0
}

.vd-button-group.vdp-skin_plain.vdp-shape_rect.vdp-size_xsmall.vdp-direction_column.is-compact,.vd-button-group.vdp-skin_plain.vdp-shape_square.vdp-size_xsmall.vdp-direction_column.is-compact {
    padding: 0;
    border-width: 0 .01rem
}

.vd-button-group.vdp-skin_plain.vdp-shape_circle.vdp-size_xsmall.vdp-direction_column.is-compact,.vd-button-group.vdp-skin_plain.vdp-shape_pill.vdp-size_xsmall.vdp-direction_column.is-compact {
    padding: .11rem 0
}

.vd-button-group.vdp-skin_silk.vdp-shape_rect.vdp-size_xsmall.vdp-direction_column.is-compact,.vd-button-group.vdp-skin_silk.vdp-shape_square.vdp-size_xsmall.vdp-direction_column.is-compact {
    padding: 0;
    border-width: 0 .01rem
}

.vd-button-group.vdp-skin_silk.vdp-shape_circle.vdp-size_xsmall.vdp-direction_column.is-compact,.vd-button-group.vdp-skin_silk.vdp-shape_pill.vdp-size_xsmall.vdp-direction_column.is-compact {
    padding: .11rem 0
}

.vd-button-group.vdp-size_xsmall.vdp-direction_column-reverse.is-compact {
    padding: .02708rem 0
}

.vd-button-group.vdp-skin_plain.vdp-shape_rect.vdp-size_xsmall.vdp-direction_column-reverse.is-compact,.vd-button-group.vdp-skin_plain.vdp-shape_square.vdp-size_xsmall.vdp-direction_column-reverse.is-compact {
    padding: 0;
    border-width: 0 .01rem
}

.vd-button-group.vdp-skin_plain.vdp-shape_circle.vdp-size_xsmall.vdp-direction_column-reverse.is-compact,.vd-button-group.vdp-skin_plain.vdp-shape_pill.vdp-size_xsmall.vdp-direction_column-reverse.is-compact {
    padding: .11rem 0
}

.vd-button-group.vdp-skin_silk.vdp-shape_rect.vdp-size_xsmall.vdp-direction_column-reverse.is-compact,.vd-button-group.vdp-skin_silk.vdp-shape_square.vdp-size_xsmall.vdp-direction_column-reverse.is-compact {
    padding: 0;
    border-width: 0 .01rem
}

.vd-button-group.vdp-skin_silk.vdp-shape_circle.vdp-size_xsmall.vdp-direction_column-reverse.is-compact,.vd-button-group.vdp-skin_silk.vdp-shape_pill.vdp-size_xsmall.vdp-direction_column-reverse.is-compact {
    padding: .11rem 0
}

.vd-button-group.vdp-shape_circle.vdp-size_small.is-compact,.vd-button-group.vdp-shape_pill.vdp-size_small.is-compact {
    border-radius: .16rem
}

.vd-button-group.vdp-size_small.vdp-direction_row.is-compact {
    padding: 0 .03944rem
}

.vd-button-group.vdp-skin_plain.vdp-shape_rect.vdp-size_small.vdp-direction_row.is-compact,.vd-button-group.vdp-skin_plain.vdp-shape_square.vdp-size_small.vdp-direction_row.is-compact {
    padding: 0;
    border-width: .01rem 0
}

.vd-button-group.vdp-skin_plain.vdp-shape_circle.vdp-size_small.vdp-direction_row.is-compact,.vd-button-group.vdp-skin_plain.vdp-shape_pill.vdp-size_small.vdp-direction_row.is-compact {
    padding: 0 .15rem
}

.vd-button-group.vdp-skin_silk.vdp-shape_rect.vdp-size_small.vdp-direction_row.is-compact,.vd-button-group.vdp-skin_silk.vdp-shape_square.vdp-size_small.vdp-direction_row.is-compact {
    padding: 0;
    border-width: .01rem 0
}

.vd-button-group.vdp-skin_silk.vdp-shape_circle.vdp-size_small.vdp-direction_row.is-compact,.vd-button-group.vdp-skin_silk.vdp-shape_pill.vdp-size_small.vdp-direction_row.is-compact {
    padding: 0 .15rem
}

.vd-button-group.vdp-size_small.vdp-direction_row-reverse.is-compact {
    padding: 0 .03944rem
}

.vd-button-group.vdp-skin_plain.vdp-shape_rect.vdp-size_small.vdp-direction_row-reverse.is-compact,.vd-button-group.vdp-skin_plain.vdp-shape_square.vdp-size_small.vdp-direction_row-reverse.is-compact {
    padding: 0;
    border-width: .01rem 0
}

.vd-button-group.vdp-skin_plain.vdp-shape_circle.vdp-size_small.vdp-direction_row-reverse.is-compact,.vd-button-group.vdp-skin_plain.vdp-shape_pill.vdp-size_small.vdp-direction_row-reverse.is-compact {
    padding: 0 .15rem
}

.vd-button-group.vdp-skin_silk.vdp-shape_rect.vdp-size_small.vdp-direction_row-reverse.is-compact,.vd-button-group.vdp-skin_silk.vdp-shape_square.vdp-size_small.vdp-direction_row-reverse.is-compact {
    padding: 0;
    border-width: .01rem 0
}

.vd-button-group.vdp-skin_silk.vdp-shape_circle.vdp-size_small.vdp-direction_row-reverse.is-compact,.vd-button-group.vdp-skin_silk.vdp-shape_pill.vdp-size_small.vdp-direction_row-reverse.is-compact {
    padding: 0 .15rem
}

.vd-button-group.vdp-size_small.vdp-direction_column.is-compact {
    padding: .03944rem 0
}

.vd-button-group.vdp-skin_plain.vdp-shape_rect.vdp-size_small.vdp-direction_column.is-compact,.vd-button-group.vdp-skin_plain.vdp-shape_square.vdp-size_small.vdp-direction_column.is-compact {
    padding: 0;
    border-width: 0 .01rem
}

.vd-button-group.vdp-skin_plain.vdp-shape_circle.vdp-size_small.vdp-direction_column.is-compact,.vd-button-group.vdp-skin_plain.vdp-shape_pill.vdp-size_small.vdp-direction_column.is-compact {
    padding: .15rem 0
}

.vd-button-group.vdp-skin_silk.vdp-shape_rect.vdp-size_small.vdp-direction_column.is-compact,.vd-button-group.vdp-skin_silk.vdp-shape_square.vdp-size_small.vdp-direction_column.is-compact {
    padding: 0;
    border-width: 0 .01rem
}

.vd-button-group.vdp-skin_silk.vdp-shape_circle.vdp-size_small.vdp-direction_column.is-compact,.vd-button-group.vdp-skin_silk.vdp-shape_pill.vdp-size_small.vdp-direction_column.is-compact {
    padding: .15rem 0
}

.vd-button-group.vdp-size_small.vdp-direction_column-reverse.is-compact {
    padding: .03944rem 0
}

.vd-button-group.vdp-skin_plain.vdp-shape_rect.vdp-size_small.vdp-direction_column-reverse.is-compact,.vd-button-group.vdp-skin_plain.vdp-shape_square.vdp-size_small.vdp-direction_column-reverse.is-compact {
    padding: 0;
    border-width: 0 .01rem
}

.vd-button-group.vdp-skin_plain.vdp-shape_circle.vdp-size_small.vdp-direction_column-reverse.is-compact,.vd-button-group.vdp-skin_plain.vdp-shape_pill.vdp-size_small.vdp-direction_column-reverse.is-compact {
    padding: .15rem 0
}

.vd-button-group.vdp-skin_silk.vdp-shape_rect.vdp-size_small.vdp-direction_column-reverse.is-compact,.vd-button-group.vdp-skin_silk.vdp-shape_square.vdp-size_small.vdp-direction_column-reverse.is-compact {
    padding: 0;
    border-width: 0 .01rem
}

.vd-button-group.vdp-skin_silk.vdp-shape_circle.vdp-size_small.vdp-direction_column-reverse.is-compact,.vd-button-group.vdp-skin_silk.vdp-shape_pill.vdp-size_small.vdp-direction_column-reverse.is-compact {
    padding: .15rem 0
}

.vd-button-group.vdp-shape_circle.vdp-size_medium.is-compact,.vd-button-group.vdp-shape_pill.vdp-size_medium.is-compact {
    border-radius: .2rem
}

.vd-button-group.vdp-size_medium.vdp-direction_row.is-compact {
    padding: 0 .0518rem
}

.vd-button-group.vdp-skin_plain.vdp-shape_rect.vdp-size_medium.vdp-direction_row.is-compact,.vd-button-group.vdp-skin_plain.vdp-shape_square.vdp-size_medium.vdp-direction_row.is-compact {
    padding: 0;
    border-width: .01rem 0
}

.vd-button-group.vdp-skin_plain.vdp-shape_circle.vdp-size_medium.vdp-direction_row.is-compact,.vd-button-group.vdp-skin_plain.vdp-shape_pill.vdp-size_medium.vdp-direction_row.is-compact {
    padding: 0 .19rem
}

.vd-button-group.vdp-skin_silk.vdp-shape_rect.vdp-size_medium.vdp-direction_row.is-compact,.vd-button-group.vdp-skin_silk.vdp-shape_square.vdp-size_medium.vdp-direction_row.is-compact {
    padding: 0;
    border-width: .01rem 0
}

.vd-button-group.vdp-skin_silk.vdp-shape_circle.vdp-size_medium.vdp-direction_row.is-compact,.vd-button-group.vdp-skin_silk.vdp-shape_pill.vdp-size_medium.vdp-direction_row.is-compact {
    padding: 0 .19rem
}

.vd-button-group.vdp-size_medium.vdp-direction_row-reverse.is-compact {
    padding: 0 .0518rem
}

.vd-button-group.vdp-skin_plain.vdp-shape_rect.vdp-size_medium.vdp-direction_row-reverse.is-compact,.vd-button-group.vdp-skin_plain.vdp-shape_square.vdp-size_medium.vdp-direction_row-reverse.is-compact {
    padding: 0;
    border-width: .01rem 0
}

.vd-button-group.vdp-skin_plain.vdp-shape_circle.vdp-size_medium.vdp-direction_row-reverse.is-compact,.vd-button-group.vdp-skin_plain.vdp-shape_pill.vdp-size_medium.vdp-direction_row-reverse.is-compact {
    padding: 0 .19rem
}

.vd-button-group.vdp-skin_silk.vdp-shape_rect.vdp-size_medium.vdp-direction_row-reverse.is-compact,.vd-button-group.vdp-skin_silk.vdp-shape_square.vdp-size_medium.vdp-direction_row-reverse.is-compact {
    padding: 0;
    border-width: .01rem 0
}

.vd-button-group.vdp-skin_silk.vdp-shape_circle.vdp-size_medium.vdp-direction_row-reverse.is-compact,.vd-button-group.vdp-skin_silk.vdp-shape_pill.vdp-size_medium.vdp-direction_row-reverse.is-compact {
    padding: 0 .19rem
}

.vd-button-group.vdp-size_medium.vdp-direction_column.is-compact {
    padding: .0518rem 0
}

.vd-button-group.vdp-skin_plain.vdp-shape_rect.vdp-size_medium.vdp-direction_column.is-compact,.vd-button-group.vdp-skin_plain.vdp-shape_square.vdp-size_medium.vdp-direction_column.is-compact {
    padding: 0;
    border-width: 0 .01rem
}

.vd-button-group.vdp-skin_plain.vdp-shape_circle.vdp-size_medium.vdp-direction_column.is-compact,.vd-button-group.vdp-skin_plain.vdp-shape_pill.vdp-size_medium.vdp-direction_column.is-compact {
    padding: .19rem 0
}

.vd-button-group.vdp-skin_silk.vdp-shape_rect.vdp-size_medium.vdp-direction_column.is-compact,.vd-button-group.vdp-skin_silk.vdp-shape_square.vdp-size_medium.vdp-direction_column.is-compact {
    padding: 0;
    border-width: 0 .01rem
}

.vd-button-group.vdp-skin_silk.vdp-shape_circle.vdp-size_medium.vdp-direction_column.is-compact,.vd-button-group.vdp-skin_silk.vdp-shape_pill.vdp-size_medium.vdp-direction_column.is-compact {
    padding: .19rem 0
}

.vd-button-group.vdp-size_medium.vdp-direction_column-reverse.is-compact {
    padding: .0518rem 0
}

.vd-button-group.vdp-skin_plain.vdp-shape_rect.vdp-size_medium.vdp-direction_column-reverse.is-compact,.vd-button-group.vdp-skin_plain.vdp-shape_square.vdp-size_medium.vdp-direction_column-reverse.is-compact {
    padding: 0;
    border-width: 0 .01rem
}

.vd-button-group.vdp-skin_plain.vdp-shape_circle.vdp-size_medium.vdp-direction_column-reverse.is-compact,.vd-button-group.vdp-skin_plain.vdp-shape_pill.vdp-size_medium.vdp-direction_column-reverse.is-compact {
    padding: .19rem 0
}

.vd-button-group.vdp-skin_silk.vdp-shape_rect.vdp-size_medium.vdp-direction_column-reverse.is-compact,.vd-button-group.vdp-skin_silk.vdp-shape_square.vdp-size_medium.vdp-direction_column-reverse.is-compact {
    padding: 0;
    border-width: 0 .01rem
}

.vd-button-group.vdp-skin_silk.vdp-shape_circle.vdp-size_medium.vdp-direction_column-reverse.is-compact,.vd-button-group.vdp-skin_silk.vdp-shape_pill.vdp-size_medium.vdp-direction_column-reverse.is-compact {
    padding: .19rem 0
}

.vd-button-group.vdp-shape_circle.vdp-size_large.is-compact,.vd-button-group.vdp-shape_pill.vdp-size_large.is-compact {
    border-radius: .24rem
}

.vd-button-group.vdp-size_large.vdp-direction_row.is-compact {
    padding: 0 .06416rem
}

.vd-button-group.vdp-skin_plain.vdp-shape_rect.vdp-size_large.vdp-direction_row.is-compact,.vd-button-group.vdp-skin_plain.vdp-shape_square.vdp-size_large.vdp-direction_row.is-compact {
    padding: 0;
    border-width: .01rem 0
}

.vd-button-group.vdp-skin_plain.vdp-shape_circle.vdp-size_large.vdp-direction_row.is-compact,.vd-button-group.vdp-skin_plain.vdp-shape_pill.vdp-size_large.vdp-direction_row.is-compact {
    padding: 0 .23rem
}

.vd-button-group.vdp-skin_silk.vdp-shape_rect.vdp-size_large.vdp-direction_row.is-compact,.vd-button-group.vdp-skin_silk.vdp-shape_square.vdp-size_large.vdp-direction_row.is-compact {
    padding: 0;
    border-width: .01rem 0
}

.vd-button-group.vdp-skin_silk.vdp-shape_circle.vdp-size_large.vdp-direction_row.is-compact,.vd-button-group.vdp-skin_silk.vdp-shape_pill.vdp-size_large.vdp-direction_row.is-compact {
    padding: 0 .23rem
}

.vd-button-group.vdp-size_large.vdp-direction_row-reverse.is-compact {
    padding: 0 .06416rem
}

.vd-button-group.vdp-skin_plain.vdp-shape_rect.vdp-size_large.vdp-direction_row-reverse.is-compact,.vd-button-group.vdp-skin_plain.vdp-shape_square.vdp-size_large.vdp-direction_row-reverse.is-compact {
    padding: 0;
    border-width: .01rem 0
}

.vd-button-group.vdp-skin_plain.vdp-shape_circle.vdp-size_large.vdp-direction_row-reverse.is-compact,.vd-button-group.vdp-skin_plain.vdp-shape_pill.vdp-size_large.vdp-direction_row-reverse.is-compact {
    padding: 0 .23rem
}

.vd-button-group.vdp-skin_silk.vdp-shape_rect.vdp-size_large.vdp-direction_row-reverse.is-compact,.vd-button-group.vdp-skin_silk.vdp-shape_square.vdp-size_large.vdp-direction_row-reverse.is-compact {
    padding: 0;
    border-width: .01rem 0
}

.vd-button-group.vdp-skin_silk.vdp-shape_circle.vdp-size_large.vdp-direction_row-reverse.is-compact,.vd-button-group.vdp-skin_silk.vdp-shape_pill.vdp-size_large.vdp-direction_row-reverse.is-compact {
    padding: 0 .23rem
}

.vd-button-group.vdp-size_large.vdp-direction_column.is-compact {
    padding: .06416rem 0
}

.vd-button-group.vdp-skin_plain.vdp-shape_rect.vdp-size_large.vdp-direction_column.is-compact,.vd-button-group.vdp-skin_plain.vdp-shape_square.vdp-size_large.vdp-direction_column.is-compact {
    padding: 0;
    border-width: 0 .01rem
}

.vd-button-group.vdp-skin_plain.vdp-shape_circle.vdp-size_large.vdp-direction_column.is-compact,.vd-button-group.vdp-skin_plain.vdp-shape_pill.vdp-size_large.vdp-direction_column.is-compact {
    padding: .23rem 0
}

.vd-button-group.vdp-skin_silk.vdp-shape_rect.vdp-size_large.vdp-direction_column.is-compact,.vd-button-group.vdp-skin_silk.vdp-shape_square.vdp-size_large.vdp-direction_column.is-compact {
    padding: 0;
    border-width: 0 .01rem
}

.vd-button-group.vdp-skin_silk.vdp-shape_circle.vdp-size_large.vdp-direction_column.is-compact,.vd-button-group.vdp-skin_silk.vdp-shape_pill.vdp-size_large.vdp-direction_column.is-compact {
    padding: .23rem 0
}

.vd-button-group.vdp-size_large.vdp-direction_column-reverse.is-compact {
    padding: .06416rem 0
}

.vd-button-group.vdp-skin_plain.vdp-shape_rect.vdp-size_large.vdp-direction_column-reverse.is-compact,.vd-button-group.vdp-skin_plain.vdp-shape_square.vdp-size_large.vdp-direction_column-reverse.is-compact {
    padding: 0;
    border-width: 0 .01rem
}

.vd-button-group.vdp-skin_plain.vdp-shape_circle.vdp-size_large.vdp-direction_column-reverse.is-compact,.vd-button-group.vdp-skin_plain.vdp-shape_pill.vdp-size_large.vdp-direction_column-reverse.is-compact {
    padding: .23rem 0
}

.vd-button-group.vdp-skin_silk.vdp-shape_rect.vdp-size_large.vdp-direction_column-reverse.is-compact,.vd-button-group.vdp-skin_silk.vdp-shape_square.vdp-size_large.vdp-direction_column-reverse.is-compact {
    padding: 0;
    border-width: 0 .01rem
}

.vd-button-group.vdp-skin_silk.vdp-shape_circle.vdp-size_large.vdp-direction_column-reverse.is-compact,.vd-button-group.vdp-skin_silk.vdp-shape_pill.vdp-size_large.vdp-direction_column-reverse.is-compact {
    padding: .23rem 0
}

.vd-button-group.vdp-shape_circle.vdp-size_xlarge.is-compact,.vd-button-group.vdp-shape_pill.vdp-size_xlarge.is-compact {
    border-radius: .28rem
}

.vd-button-group.vdp-size_xlarge.vdp-direction_row.is-compact {
    padding: 0 .07652rem
}

.vd-button-group.vdp-skin_plain.vdp-shape_rect.vdp-size_xlarge.vdp-direction_row.is-compact,.vd-button-group.vdp-skin_plain.vdp-shape_square.vdp-size_xlarge.vdp-direction_row.is-compact {
    padding: 0;
    border-width: .01rem 0
}

.vd-button-group.vdp-skin_plain.vdp-shape_circle.vdp-size_xlarge.vdp-direction_row.is-compact,.vd-button-group.vdp-skin_plain.vdp-shape_pill.vdp-size_xlarge.vdp-direction_row.is-compact {
    padding: 0 .27rem
}

.vd-button-group.vdp-skin_silk.vdp-shape_rect.vdp-size_xlarge.vdp-direction_row.is-compact,.vd-button-group.vdp-skin_silk.vdp-shape_square.vdp-size_xlarge.vdp-direction_row.is-compact {
    padding: 0;
    border-width: .01rem 0
}

.vd-button-group.vdp-skin_silk.vdp-shape_circle.vdp-size_xlarge.vdp-direction_row.is-compact,.vd-button-group.vdp-skin_silk.vdp-shape_pill.vdp-size_xlarge.vdp-direction_row.is-compact {
    padding: 0 .27rem
}

.vd-button-group.vdp-size_xlarge.vdp-direction_row-reverse.is-compact {
    padding: 0 .07652rem
}

.vd-button-group.vdp-skin_plain.vdp-shape_rect.vdp-size_xlarge.vdp-direction_row-reverse.is-compact,.vd-button-group.vdp-skin_plain.vdp-shape_square.vdp-size_xlarge.vdp-direction_row-reverse.is-compact {
    padding: 0;
    border-width: .01rem 0
}

.vd-button-group.vdp-skin_plain.vdp-shape_circle.vdp-size_xlarge.vdp-direction_row-reverse.is-compact,.vd-button-group.vdp-skin_plain.vdp-shape_pill.vdp-size_xlarge.vdp-direction_row-reverse.is-compact {
    padding: 0 .27rem
}

.vd-button-group.vdp-skin_silk.vdp-shape_rect.vdp-size_xlarge.vdp-direction_row-reverse.is-compact,.vd-button-group.vdp-skin_silk.vdp-shape_square.vdp-size_xlarge.vdp-direction_row-reverse.is-compact {
    padding: 0;
    border-width: .01rem 0
}

.vd-button-group.vdp-skin_silk.vdp-shape_circle.vdp-size_xlarge.vdp-direction_row-reverse.is-compact,.vd-button-group.vdp-skin_silk.vdp-shape_pill.vdp-size_xlarge.vdp-direction_row-reverse.is-compact {
    padding: 0 .27rem
}

.vd-button-group.vdp-size_xlarge.vdp-direction_column.is-compact {
    padding: .07652rem 0
}

.vd-button-group.vdp-skin_plain.vdp-shape_rect.vdp-size_xlarge.vdp-direction_column.is-compact,.vd-button-group.vdp-skin_plain.vdp-shape_square.vdp-size_xlarge.vdp-direction_column.is-compact {
    padding: 0;
    border-width: 0 .01rem
}

.vd-button-group.vdp-skin_plain.vdp-shape_circle.vdp-size_xlarge.vdp-direction_column.is-compact,.vd-button-group.vdp-skin_plain.vdp-shape_pill.vdp-size_xlarge.vdp-direction_column.is-compact {
    padding: .27rem 0
}

.vd-button-group.vdp-skin_silk.vdp-shape_rect.vdp-size_xlarge.vdp-direction_column.is-compact,.vd-button-group.vdp-skin_silk.vdp-shape_square.vdp-size_xlarge.vdp-direction_column.is-compact {
    padding: 0;
    border-width: 0 .01rem
}

.vd-button-group.vdp-skin_silk.vdp-shape_circle.vdp-size_xlarge.vdp-direction_column.is-compact,.vd-button-group.vdp-skin_silk.vdp-shape_pill.vdp-size_xlarge.vdp-direction_column.is-compact {
    padding: .27rem 0
}

.vd-button-group.vdp-size_xlarge.vdp-direction_column-reverse.is-compact {
    padding: .07652rem 0
}

.vd-button-group.vdp-skin_plain.vdp-shape_rect.vdp-size_xlarge.vdp-direction_column-reverse.is-compact,.vd-button-group.vdp-skin_plain.vdp-shape_square.vdp-size_xlarge.vdp-direction_column-reverse.is-compact {
    padding: 0;
    border-width: 0 .01rem
}

.vd-button-group.vdp-skin_plain.vdp-shape_circle.vdp-size_xlarge.vdp-direction_column-reverse.is-compact,.vd-button-group.vdp-skin_plain.vdp-shape_pill.vdp-size_xlarge.vdp-direction_column-reverse.is-compact {
    padding: .27rem 0
}

.vd-button-group.vdp-skin_silk.vdp-shape_rect.vdp-size_xlarge.vdp-direction_column-reverse.is-compact,.vd-button-group.vdp-skin_silk.vdp-shape_square.vdp-size_xlarge.vdp-direction_column-reverse.is-compact {
    padding: 0;
    border-width: 0 .01rem
}

.vd-button-group.vdp-skin_silk.vdp-shape_circle.vdp-size_xlarge.vdp-direction_column-reverse.is-compact,.vd-button-group.vdp-skin_silk.vdp-shape_pill.vdp-size_xlarge.vdp-direction_column-reverse.is-compact {
    padding: .27rem 0
}

.vd-button-group.vdp-tone_primary.vdp-skin_fill.is-compact {
    background-color: #0098ee
}

.vd-button-group.vdp-tone_secondary.vdp-skin_fill.is-compact {
    background-color: #fe4b83
}

.vd-button-group.vdp-tone_success.vdp-skin_fill.is-compact {
    background-color: #19bd19
}

.vd-button-group.vdp-tone_warning.vdp-skin_fill.is-compact {
    background-color: #f48642
}

.vd-button-group.vdp-tone_danger.vdp-skin_fill.is-compact {
    background-color: #ff5201
}

.vd-button-group.vdp-skin_flat.vdp-theme_lite.is-compact,.vd-button-group.vdp-skin_plain.vdp-theme_lite.is-compact {
    background-color: #fff
}

.vd-button-group.vdp-skin_flat.vdp-theme_dark.is-compact,.vd-button-group.vdp-skin_plain.vdp-theme_dark.is-compact {
    background-color: #333
}

.vd-button-group.vdp-skin_plain.vdp-tone_primary,.vd-button-group.vdp-skin_silk.vdp-tone_primary {
    border-color: #0098ee
}

.vd-button-group.vdp-skin_plain.vdp-tone_secondary,.vd-button-group.vdp-skin_silk.vdp-tone_secondary {
    border-color: #fe4b83
}

.vd-button-group.vdp-skin_plain.vdp-tone_success,.vd-button-group.vdp-skin_silk.vdp-tone_success {
    border-color: #19bd19
}

.vd-button-group.vdp-skin_plain.vdp-tone_warning,.vd-button-group.vdp-skin_silk.vdp-tone_warning {
    border-color: #f48642
}

.vd-button-group.vdp-skin_plain.vdp-tone_danger,.vd-button-group.vdp-skin_silk.vdp-tone_danger {
    border-color: #ff5201
}

.vd-button-group.vdp-direction_column-reverse.vdp-shape_pill.is-dropdown .vd-button-group_item,.vd-button-group.vdp-direction_column-reverse.vdp-shape_rect.is-dropdown .vd-button-group_item,.vd-button-group.vdp-direction_column.vdp-shape_pill.is-dropdown .vd-button-group_item,.vd-button-group.vdp-direction_column.vdp-shape_rect.is-dropdown .vd-button-group_item {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.vd-button-group.is-dropdown.is-compact {
    -webkit-box-shadow: rgba(0,0,0,.14) 0 .04rem .08rem,rgba(0,0,0,.12) 0 .01rem .02rem;
    box-shadow: 0 .04rem .08rem rgba(0,0,0,.14),0 .01rem .02rem rgba(0,0,0,.12)
}

.vd-button-group.vdp-skin_silk.is-dropdown.is-compact {
    -webkit-box-shadow: none;
    box-shadow: none
}

.vd-article {
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
    max-width: 100%;
    min-width: 0;
    padding: .16rem 0;
    margin: -.16rem 0
}

.vd-article .vd-note {
    margin: .16rem 0
}

.vd-article .vd-note:first-child {
    margin-top: 0
}

.vd-article .vd-note:last-child {
    margin-bottom: 0
}

.vd-card {
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
    max-width: 100%;
    min-width: 0;
    font-size: .15rem;
    line-height: 1.618;
    border-radius: 0;
    overflow: hidden;
    -webkit-transition: -webkit-box-shadow .32s ease-out 0s;
    transition: -webkit-box-shadow .32s ease-out 0s;
    transition: box-shadow .32s ease-out 0s;
    transition: box-shadow .32s ease-out 0s,-webkit-box-shadow .32s ease-out 0s
}

.vd-card:before {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    content: " ";
    display: block
}

.vd-card>img,.vd-card>video {
    position: relative;
    max-width: 100%;
    min-height: 0;
    max-height: 100%
}

.vd-card .vd-card_content,.vd-card .vd-card_footer,.vd-card .vd-card_header {
    position: relative;
    line-height: inherit
}

.vd-card .vd-card_divider,.vd-card .vd-card_sub-content,.vd-card .vd-card_title {
    position: relative;
    max-width: 100%;
    line-height: inherit
}

.vd-card .vd-card_content,.vd-card .vd-card_footer,.vd-card .vd-card_header {
    display: block;
    max-width: 100%;
    min-width: 0;
    max-height: 100%;
    min-height: .41rem;
    padding: 0;
    margin: 0
}

.vd-card .vd-card_footer,.vd-card .vd-card_header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.vd-card .vd-card_header {
    height: .4rem;
    padding: 0 .16rem;
    border-bottom: .01rem solid transparent;
    line-height: .08rem
}

.vd-card .vd-card_footer {
    padding: .16rem;
    border-top: .01rem solid transparent
}

.vd-card .vd-card_content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    padding: .16rem
}

.vd-card .vd-card_content.is-no-gap {
    padding: .16rem 0
}

.vd-card .vd-card_title {
    padding: 0;
    margin: 0
}

.vd-card .vd-card_title:not(:last-child) {
    margin-bottom: .08rem
}

.vd-card .vd-card_summary {
    padding: 0;
    margin: 0;
    font-weight: 400
}

.vd-card .vd-card_summary:not(:last-child) {
    margin-bottom: .08rem
}

.vd-card .vd-card_header,.vd-card .vd-card_title {
    font-weight: 400;
    font-size: .16rem
}

.vd-card .vd-card_summary {
    font-size: inherit
}

.vd-card .vd-card_divider {
    width: 100%;
    height: .01rem;
    margin: .08rem 0
}

.vd-card.is-bordered {
    border: .01rem solid
}

.vd-card.is-raise {
    -webkit-box-shadow: rgba(0,0,0,.13) 0 .02rem .04rem,rgba(0,0,0,.11) 0 .005rem .01rem;
    box-shadow: 0 .02rem .04rem rgba(0,0,0,.13),0 .005rem .01rem rgba(0,0,0,.11)
}

.vd-card.is-raise:hover {
    -webkit-box-shadow: rgba(0,0,0,.2) 0 .16rem .32rem,rgba(0,0,0,.18) 0 .04rem .08rem;
    box-shadow: 0 .16rem .32rem rgba(0,0,0,.2),0 .04rem .08rem rgba(0,0,0,.18)
}

.vd-card.vdp-raise_1 {
    -webkit-box-shadow: rgba(0,0,0,.13) 0 .02rem .04rem,rgba(0,0,0,.11) 0 .005rem .01rem;
    box-shadow: 0 .02rem .04rem rgba(0,0,0,.13),0 .005rem .01rem rgba(0,0,0,.11)
}

.vd-card.vdp-raise_2 {
    -webkit-box-shadow: rgba(0,0,0,.14) 0 .04rem .08rem,rgba(0,0,0,.12) 0 .01rem .02rem;
    box-shadow: 0 .04rem .08rem rgba(0,0,0,.14),0 .01rem .02rem rgba(0,0,0,.12)
}

.vd-card.vdp-raise_3 {
    -webkit-box-shadow: rgba(0,0,0,.15) 0 .06rem .12rem,rgba(0,0,0,.13) 0 .015rem .03rem;
    box-shadow: 0 .06rem .12rem rgba(0,0,0,.15),0 .015rem .03rem rgba(0,0,0,.13)
}

.vd-card.vdp-raise_4 {
    -webkit-box-shadow: rgba(0,0,0,.16) 0 .08rem .16rem,rgba(0,0,0,.14) 0 .02rem .04rem;
    box-shadow: 0 .08rem .16rem rgba(0,0,0,.16),0 .02rem .04rem rgba(0,0,0,.14)
}

.vd-card.vdp-raise_5 {
    -webkit-box-shadow: rgba(0,0,0,.17) 0 .1rem .2rem,rgba(0,0,0,.15) 0 .025rem .05rem;
    box-shadow: 0 .1rem .2rem rgba(0,0,0,.17),0 .025rem .05rem rgba(0,0,0,.15)
}

.vd-card.vdp-raise_6 {
    -webkit-box-shadow: rgba(0,0,0,.18) 0 .12rem .24rem,rgba(0,0,0,.16) 0 .03rem .06rem;
    box-shadow: 0 .12rem .24rem rgba(0,0,0,.18),0 .03rem .06rem rgba(0,0,0,.16)
}

.vd-card.vdp-raise_7 {
    -webkit-box-shadow: rgba(0,0,0,.19) 0 .14rem .28rem,rgba(0,0,0,.17) 0 .035rem .07rem;
    box-shadow: 0 .14rem .28rem rgba(0,0,0,.19),0 .035rem .07rem rgba(0,0,0,.17)
}

.vd-card.vdp-raise_8 {
    -webkit-box-shadow: rgba(0,0,0,.2) 0 .16rem .32rem,rgba(0,0,0,.18) 0 .04rem .08rem;
    box-shadow: 0 .16rem .32rem rgba(0,0,0,.2),0 .04rem .08rem rgba(0,0,0,.18)
}

.vd-card.vdp-hover-raise_1:hover {
    -webkit-box-shadow: rgba(0,0,0,.13) 0 .02rem .04rem,rgba(0,0,0,.11) 0 .005rem .01rem;
    box-shadow: 0 .02rem .04rem rgba(0,0,0,.13),0 .005rem .01rem rgba(0,0,0,.11)
}

.vd-card.vdp-hover-raise_2:hover {
    -webkit-box-shadow: rgba(0,0,0,.14) 0 .04rem .08rem,rgba(0,0,0,.12) 0 .01rem .02rem;
    box-shadow: 0 .04rem .08rem rgba(0,0,0,.14),0 .01rem .02rem rgba(0,0,0,.12)
}

.vd-card.vdp-hover-raise_3:hover {
    -webkit-box-shadow: rgba(0,0,0,.15) 0 .06rem .12rem,rgba(0,0,0,.13) 0 .015rem .03rem;
    box-shadow: 0 .06rem .12rem rgba(0,0,0,.15),0 .015rem .03rem rgba(0,0,0,.13)
}

.vd-card.vdp-hover-raise_4:hover {
    -webkit-box-shadow: rgba(0,0,0,.16) 0 .08rem .16rem,rgba(0,0,0,.14) 0 .02rem .04rem;
    box-shadow: 0 .08rem .16rem rgba(0,0,0,.16),0 .02rem .04rem rgba(0,0,0,.14)
}

.vd-card.vdp-hover-raise_5:hover {
    -webkit-box-shadow: rgba(0,0,0,.17) 0 .1rem .2rem,rgba(0,0,0,.15) 0 .025rem .05rem;
    box-shadow: 0 .1rem .2rem rgba(0,0,0,.17),0 .025rem .05rem rgba(0,0,0,.15)
}

.vd-card.vdp-hover-raise_6:hover {
    -webkit-box-shadow: rgba(0,0,0,.18) 0 .12rem .24rem,rgba(0,0,0,.16) 0 .03rem .06rem;
    box-shadow: 0 .12rem .24rem rgba(0,0,0,.18),0 .03rem .06rem rgba(0,0,0,.16)
}

.vd-card.vdp-hover-raise_7:hover {
    -webkit-box-shadow: rgba(0,0,0,.19) 0 .14rem .28rem,rgba(0,0,0,.17) 0 .035rem .07rem;
    box-shadow: 0 .14rem .28rem rgba(0,0,0,.19),0 .035rem .07rem rgba(0,0,0,.17)
}

.vd-card.vdp-hover-raise_8:hover {
    -webkit-box-shadow: rgba(0,0,0,.2) 0 .16rem .32rem,rgba(0,0,0,.18) 0 .04rem .08rem;
    box-shadow: 0 .16rem .32rem rgba(0,0,0,.2),0 .04rem .08rem rgba(0,0,0,.18)
}

.vd-card.is-transparent:before {
    opacity: 0
}

.vd-card.is-translucent:before {
    opacity: .5
}

.vd-card.is-center {
    text-align: center
}

.vd-card.is-center .vd-card_header {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.vd-card.vdp-theme_lite {
    color: #333;
    border-color: #f0f0f0
}

.vd-card.vdp-theme_lite:before {
    background-color: #fff
}

.vd-card.vdp-theme_lite.is-translucent:before {
    background-color: #f7f7f7
}

.vd-card.vdp-theme_lite .vd-card_content,.vd-card.vdp-theme_lite .vd-card_footer,.vd-card.vdp-theme_lite .vd-card_header,.vd-card.vdp-theme_lite .vd-card_title {
    color: #333
}

.vd-card.vdp-theme_lite .vd-card_summary {
    color: #999
}

.vd-card.vdp-theme_lite .vd-card_footer,.vd-card.vdp-theme_lite .vd-card_header {
    border-color: #f0f0f0
}

.vd-card.vdp-theme_lite .vd-card_divider {
    background-color: #f0f0f0
}

.vd-card.vdp-theme_dark {
    color: #fff;
    border-color: #404040
}

.vd-card.vdp-theme_dark:before {
    background-color: #333
}

.vd-card.vdp-theme_dark.is-translucent:before {
    background-color: #222
}

.vd-card.vdp-theme_dark .vd-card_content,.vd-card.vdp-theme_dark .vd-card_footer,.vd-card.vdp-theme_dark .vd-card_header,.vd-card.vdp-theme_dark .vd-card_title {
    color: #fff
}

.vd-card.vdp-theme_dark .vd-card_summary {
    color: #e6e6e6
}

.vd-card.vdp-theme_dark .vd-card_footer,.vd-card.vdp-theme_dark .vd-card_header {
    border-color: #404040
}

.vd-card.vdp-theme_dark .vd-card_divider {
    background-color: #404040
}

.vd-card.vdp-direction_row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.vd-card.vdp-direction_row .vd-card_divider,.vd-card.vdp-direction_row>img,.vd-card.vdp-direction_row>video {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none
}

.vd-card.vdp-direction_row .vd-card_content,.vd-card.vdp-direction_row .vd-card_footer,.vd-card.vdp-direction_row .vd-card_header {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.vd-card.vdp-direction_row .vd-card_divider {
    width: .01rem;
    height: 100%
}

.vd-card.vdp-direction_row-reverse {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.vd-card.vdp-direction_row-reverse .vd-card_divider,.vd-card.vdp-direction_row-reverse>img,.vd-card.vdp-direction_row-reverse>video {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none
}

.vd-card.vdp-direction_row-reverse .vd-card_content,.vd-card.vdp-direction_row-reverse .vd-card_footer,.vd-card.vdp-direction_row-reverse .vd-card_header {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.vd-card.vdp-direction_row-reverse .vd-card_divider {
    width: .01rem;
    height: 100%
}

.vd-card.vdp-direction_column {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.vd-card.vdp-direction_column .vd-card_content,.vd-card.vdp-direction_column .vd-card_divider,.vd-card.vdp-direction_column .vd-card_footer,.vd-card.vdp-direction_column .vd-card_header,.vd-card.vdp-direction_column>img,.vd-card.vdp-direction_column>video {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none
}

.vd-card.vdp-direction_column .vd-card_divider {
    width: 100%;
    height: .01rem
}

.vd-card.vdp-direction_column-reverse {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse
}

.vd-card.vdp-direction_column-reverse .vd-card_content,.vd-card.vdp-direction_column-reverse .vd-card_divider,.vd-card.vdp-direction_column-reverse .vd-card_footer,.vd-card.vdp-direction_column-reverse .vd-card_header,.vd-card.vdp-direction_column-reverse>img,.vd-card.vdp-direction_column-reverse>video {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none
}

.vd-card.vdp-direction_column-reverse .vd-card_divider {
    width: 100%;
    height: .01rem
}

.vd-carousel {
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
    max-width: 100%;
    min-width: 0
}

.vd-carousel .vd-carousel_container {
    position: relative;
    overflow: hidden
}

.vd-carousel .vd-carousel_wrapper {
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    width: 100%;
    -webkit-transition: -webkit-transform .32s ease-in-out;
    transition: -webkit-transform .32s ease-in-out;
    transition: transform .32s ease-in-out;
    transition: transform .32s ease-in-out,-webkit-transform .32s ease-in-out
}

.vd-carousel .vd-carousel_item,.vd-carousel .vd-carousel_wrapper {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal
}

.vd-carousel .vd-carousel_item {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 100%;
    flex: 1 0 100%;
    max-width: 100%;
    min-width: 0;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0;
    margin: 0;
    overflow: hidden;
    color: inherit
}

.vd-carousel .vd-carousel_button-next,.vd-carousel .vd-carousel_button-previous {
    position: absolute;
    top: 0;
    bottom: 0;
    width: .48rem;
    height: .77664rem;
    margin: auto 0;
    padding: 0;
    border: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: .05rem;
    font-size: .29664rem;
    color: #fff;
    background: #000;
    opacity: .5;
    -webkit-transition: opacity .16s ease-in-out;
    transition: opacity .16s ease-in-out
}

.vd-carousel:hover .vd-carousel_button-next,.vd-carousel:hover .vd-carousel_button-previous {
    opacity: .75
}

.vd-carousel .vd-carousel_button-previous {
    left: -.64rem
}

.vd-carousel .vd-carousel_button-previous.is-inside {
    left: 0
}

.vd-carousel .vd-carousel_button-next {
    right: -.64rem
}

.vd-carousel .vd-carousel_button-next.is-inside {
    right: 0
}

.vd-carousel .vd-carousel_indicator-wrapper {
    position: relative;
    width: 100%;
    height: auto;
    padding: .08rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.vd-carousel .vd-carousel_indicator-wrapper.is-inside {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0
}

.vd-carousel .vd-carousel_indicator {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: .08rem;
    margin: 0;
    border: none;
    background-color: transparent
}

.vd-carousel .vd-carousel_indicator-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: .25888rem;
    height: .08rem;
    border-radius: .05rem;
    opacity: .75;
    background-color: #fff
}

.vd-carousel .vd-carousel_indicator.is-selected .vd-carousel_indicator-inner {
    background-color: #0098ee
}

.vd-flexbox {
    position: relative;
    border: none;
    padding: 0;
    margin: 0;
    min-width: 0;
    min-height: 0;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    text-decoration: none;
    color: inherit;
    background-color: transparent
}

.vd-flexbox>img {
    position: relative;
    max-width: 100%;
    height: auto
}

.vd-flexbox.vdp-direction_row {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

.vd-flexbox.vdp-direction_row-reverse {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
}

.vd-flexbox.vdp-direction_column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.vd-flexbox.vdp-direction_column>* {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    max-width: 100%
}

.vd-flexbox.vdp-direction_column-reverse {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse
}

.vd-flexbox.vdp-direction_column-reverse>* {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    max-width: 100%
}

.vd-flexbox.vdp-wrap_nowrap {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.vd-flexbox.vdp-wrap_wrap {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.vd-flexbox.vdp-wrap_wrap-reverse {
    -ms-flex-wrap: wrap-reverse;
    flex-wrap: wrap-reverse
}

.vd-flexbox.vdp-justify_start {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.vd-flexbox.vdp-justify_center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.vd-flexbox.vdp-justify_end {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.vd-flexbox.vdp-justify_space-between {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.vd-flexbox.vdp-justify_space-around {
    -ms-flex-pack: distribute;
    justify-content: space-around
}

.vd-flexbox.vdp-justify_space-evenly {
    -webkit-box-pack: space-evenly;
    -ms-flex-pack: space-evenly;
    justify-content: space-evenly
}

.vd-flexbox.vdp-align_start {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start
}

.vd-flexbox.vdp-align-self_start {
    -ms-flex-item-align: start;
    align-self: flex-start
}

.vd-flexbox.vdp-align_center {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-line-pack: center;
    align-content: center
}

.vd-flexbox.vdp-align-self_center {
    -ms-flex-item-align: center;
    align-self: center
}

.vd-flexbox.vdp-align_end {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -ms-flex-line-pack: end;
    align-content: flex-end
}

.vd-flexbox.vdp-align-self_end {
    -ms-flex-item-align: end;
    align-self: flex-end
}

.vd-flexbox.vdp-align_space-between {
    -webkit-box-align: space-between;
    -ms-flex-align: space-between;
    align-items: space-between;
    -ms-flex-line-pack: justify;
    align-content: space-between
}

.vd-flexbox.vdp-align-self_space-between {
    -ms-flex-item-align: space-between;
    align-self: space-between
}

.vd-flexbox.vdp-align_space-around {
    -webkit-box-align: space-around;
    -ms-flex-align: space-around;
    align-items: space-around;
    -ms-flex-line-pack: distribute;
    align-content: space-around
}

.vd-flexbox.vdp-align-self_space-around {
    -ms-flex-item-align: space-around;
    align-self: space-around
}

.vd-flexbox.vdp-align_space-evenly {
    -webkit-box-align: space-evenly;
    -ms-flex-align: space-evenly;
    align-items: space-evenly;
    -ms-flex-line-pack: space-evenly;
    align-content: space-evenly
}

.vd-flexbox.vdp-align-self_space-evenly {
    -ms-flex-item-align: space-evenly;
    align-self: space-evenly
}

.vd-flexbox.vdp-align_stretch {
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch
}

.vd-flexbox.vdp-align-self_stretch {
    -ms-flex-item-align: stretch;
    align-self: stretch
}

.vd-flexbox.is-gap {
    margin: -.08rem
}

.vd-flexbox.is-gap>.vd-flexbox {
    padding: .08rem
}

.vd-flexbox.is-gap>.vd-flexbox.is-gap {
    margin: 0;
    padding: 0;
    max-width: 100%;
    max-height: 100%
}

.vd-flexbox.vdp-gap_xsmall {
    margin: -.02rem
}

.vd-flexbox.vdp-gap_xsmall>.vd-flexbox {
    padding: .02rem
}

.vd-flexbox.vdp-gap_xsmall>.vd-flexbox.vdp-gap_xsmall {
    margin: 0;
    padding: 0;
    max-width: 100%;
    max-height: 100%
}

.vd-flexbox.vdp-gap_small {
    margin: -.05rem
}

.vd-flexbox.vdp-gap_small>.vd-flexbox {
    padding: .05rem
}

.vd-flexbox.vdp-gap_small>.vd-flexbox.vdp-gap_small {
    margin: 0;
    padding: 0;
    max-width: 100%;
    max-height: 100%
}

.vd-flexbox.vdp-gap_medium {
    margin: -.08rem
}

.vd-flexbox.vdp-gap_medium>.vd-flexbox {
    padding: .08rem
}

.vd-flexbox.vdp-gap_medium>.vd-flexbox.vdp-gap_medium {
    margin: 0;
    padding: 0;
    max-width: 100%;
    max-height: 100%
}

.vd-flexbox.vdp-gap_large {
    margin: -.12rem
}

.vd-flexbox.vdp-gap_large>.vd-flexbox {
    padding: .12rem
}

.vd-flexbox.vdp-gap_large>.vd-flexbox.vdp-gap_large {
    margin: 0;
    padding: 0;
    max-width: 100%;
    max-height: 100%
}

.vd-flexbox.vdp-gap_xlarge {
    margin: -.1rem
}

.vd-flexbox.vdp-gap_xlarge>.vd-flexbox {
    padding: .1rem
}

.vd-flexbox.vdp-gap_xlarge>.vd-flexbox.vdp-gap_xlarge {
    margin: 0;
    padding: 0;
    max-width: 100%;
    max-height: 100%
}

.vd-flexbox.vdp-flex_initial {
    -webkit-box-flex: initial;
    -ms-flex: initial;
    flex: initial
}

.vd-flexbox.vdp-flex_auto {
    -webkit-box-flex: 1;
    -ms-flex: auto;
    flex: auto
}

.vd-flexbox.vdp-flex_none {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none
}

.vd-flexbox.vdp-flex_expand {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.vd-flexbox.is-percentage {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 100%;
    flex: 1 0 100%
}

.vd-flexbox.is-hidden {
    display: none
}

.vd-dropdown.vdp-position_left {
    padding-right: .1rem
}

.vd-dropdown.vdp-position_right {
    padding-left: .1rem
}

.vd-dropdown.vdp-position_top {
    padding-bottom: .1rem
}

.vd-dropdown.vdp-position_bottom {
    padding-top: .1rem
}

.vd-float {
    display: none;
    z-index: 1600;
    position: fixed;
    -ms-flex-wrap: row nowrap;
    flex-wrap: row nowrap;
    -webkit-transition: .1s ease;
    transition: .1s ease;
    -webkit-transition-property: top bottom left right;
    transition-property: top bottom left right
}

.vd-float.is-visible {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.vd-float>* {
    position: relative
}

.vd-float.vdp-position_top>* {
    bottom: 0
}

.vd-float.vdp-position_bottom>* {
    top: 0
}

.vd-float.vdp-position_left>* {
    right: 0
}

.vd-float.vdp-position_right>* {
    left: 0
}

.vd-float.vdp-align_start {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.vd-float.vdp-align_end {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.vd-float.vdp-align_center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.vd-float.vdp-position_left {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.vd-float.vdp-position_left.vdp-align_center {
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.vd-float.vdp-position_right {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.vd-float.vdp-position_right.vdp-align_center {
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.vd-float.vdp-position_top {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

.vd-float.vdp-position_top.vdp-align_center {
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.vd-float.vdp-position_bottom {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

.vd-float.vdp-position_bottom.vdp-align_center {
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

@-webkit-keyframes vd-float-fade-in {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes vd-float-fade-in {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.vd-float.is-showing>* {
    -webkit-animation: .24s ease;
    animation: .24s ease
}

.vd-float.is-closing>* {
    animation: .24s ease reverse
}

@-webkit-keyframes "vd-float-fade-in-left-start" {
    0% {
        -webkit-transform: scale(.7) translateX(15%) translateY(-15%);
        transform: scale(.7) translateX(15%) translateY(-15%)
    }

    to {
        -webkit-transform: scale(1) translateX(0) translateY(0);
        transform: scale(1) translateX(0) translateY(0)
    }
}

@keyframes "vd-float-fade-in-left-start" {
    0% {
        -webkit-transform: scale(.7) translateX(15%) translateY(-15%);
        transform: scale(.7) translateX(15%) translateY(-15%)
    }

    to {
        -webkit-transform: scale(1) translateX(0) translateY(0);
        transform: scale(1) translateX(0) translateY(0)
    }
}

.vd-float.vdp-position_left.vdp-align_start.is-closing>*,.vd-float.vdp-position_left.vdp-align_start.is-showing>* {
    -webkit-animation-name: vd-float-fade-in,"vd-float-fade-in-left-start";
    animation-name: vd-float-fade-in,"vd-float-fade-in-left-start"
}

@-webkit-keyframes "vd-float-fade-in-left-end" {
    0% {
        -webkit-transform: scale(.7) translateX(15%) translateY(15%);
        transform: scale(.7) translateX(15%) translateY(15%)
    }

    to {
        -webkit-transform: scale(1) translateX(0) translateY(0);
        transform: scale(1) translateX(0) translateY(0)
    }
}

@keyframes "vd-float-fade-in-left-end" {
    0% {
        -webkit-transform: scale(.7) translateX(15%) translateY(15%);
        transform: scale(.7) translateX(15%) translateY(15%)
    }

    to {
        -webkit-transform: scale(1) translateX(0) translateY(0);
        transform: scale(1) translateX(0) translateY(0)
    }
}

.vd-float.vdp-position_left.vdp-align_end.is-closing>*,.vd-float.vdp-position_left.vdp-align_end.is-showing>* {
    -webkit-animation-name: vd-float-fade-in,"vd-float-fade-in-left-end";
    animation-name: vd-float-fade-in,"vd-float-fade-in-left-end"
}

@-webkit-keyframes "vd-float-fade-in-left-center" {
    0% {
        -webkit-transform: scale(.7) translateX(15%) translateY(0);
        transform: scale(.7) translateX(15%) translateY(0)
    }

    to {
        -webkit-transform: scale(1) translateX(0) translateY(0);
        transform: scale(1) translateX(0) translateY(0)
    }
}

@keyframes "vd-float-fade-in-left-center" {
    0% {
        -webkit-transform: scale(.7) translateX(15%) translateY(0);
        transform: scale(.7) translateX(15%) translateY(0)
    }

    to {
        -webkit-transform: scale(1) translateX(0) translateY(0);
        transform: scale(1) translateX(0) translateY(0)
    }
}

.vd-float.vdp-position_left.vdp-align_center.is-closing>*,.vd-float.vdp-position_left.vdp-align_center.is-showing>* {
    -webkit-animation-name: vd-float-fade-in,"vd-float-fade-in-left-center";
    animation-name: vd-float-fade-in,"vd-float-fade-in-left-center"
}

@-webkit-keyframes "vd-float-fade-in-right-start" {
    0% {
        -webkit-transform: scale(.7) translateX(-15%) translateY(-15%);
        transform: scale(.7) translateX(-15%) translateY(-15%)
    }

    to {
        -webkit-transform: scale(1) translateX(0) translateY(0);
        transform: scale(1) translateX(0) translateY(0)
    }
}

@keyframes "vd-float-fade-in-right-start" {
    0% {
        -webkit-transform: scale(.7) translateX(-15%) translateY(-15%);
        transform: scale(.7) translateX(-15%) translateY(-15%)
    }

    to {
        -webkit-transform: scale(1) translateX(0) translateY(0);
        transform: scale(1) translateX(0) translateY(0)
    }
}

.vd-float.vdp-position_right.vdp-align_start.is-closing>*,.vd-float.vdp-position_right.vdp-align_start.is-showing>* {
    -webkit-animation-name: vd-float-fade-in,"vd-float-fade-in-right-start";
    animation-name: vd-float-fade-in,"vd-float-fade-in-right-start"
}

@-webkit-keyframes "vd-float-fade-in-right-end" {
    0% {
        -webkit-transform: scale(.7) translateX(-15%) translateY(15%);
        transform: scale(.7) translateX(-15%) translateY(15%)
    }

    to {
        -webkit-transform: scale(1) translateX(0) translateY(0);
        transform: scale(1) translateX(0) translateY(0)
    }
}

@keyframes "vd-float-fade-in-right-end" {
    0% {
        -webkit-transform: scale(.7) translateX(-15%) translateY(15%);
        transform: scale(.7) translateX(-15%) translateY(15%)
    }

    to {
        -webkit-transform: scale(1) translateX(0) translateY(0);
        transform: scale(1) translateX(0) translateY(0)
    }
}

.vd-float.vdp-position_right.vdp-align_end.is-closing>*,.vd-float.vdp-position_right.vdp-align_end.is-showing>* {
    -webkit-animation-name: vd-float-fade-in,"vd-float-fade-in-right-end";
    animation-name: vd-float-fade-in,"vd-float-fade-in-right-end"
}

@-webkit-keyframes "vd-float-fade-in-right-center" {
    0% {
        -webkit-transform: scale(.7) translateX(-15%) translateY(0);
        transform: scale(.7) translateX(-15%) translateY(0)
    }

    to {
        -webkit-transform: scale(1) translateX(0) translateY(0);
        transform: scale(1) translateX(0) translateY(0)
    }
}

@keyframes "vd-float-fade-in-right-center" {
    0% {
        -webkit-transform: scale(.7) translateX(-15%) translateY(0);
        transform: scale(.7) translateX(-15%) translateY(0)
    }

    to {
        -webkit-transform: scale(1) translateX(0) translateY(0);
        transform: scale(1) translateX(0) translateY(0)
    }
}

.vd-float.vdp-position_right.vdp-align_center.is-closing>*,.vd-float.vdp-position_right.vdp-align_center.is-showing>* {
    -webkit-animation-name: vd-float-fade-in,"vd-float-fade-in-right-center";
    animation-name: vd-float-fade-in,"vd-float-fade-in-right-center"
}

@-webkit-keyframes "vd-float-fade-in-top-start" {
    0% {
        -webkit-transform: scale(.7) translateX(-15%) translateY(15%);
        transform: scale(.7) translateX(-15%) translateY(15%)
    }

    to {
        -webkit-transform: scale(1) translateX(0) translateY(0);
        transform: scale(1) translateX(0) translateY(0)
    }
}

@keyframes "vd-float-fade-in-top-start" {
    0% {
        -webkit-transform: scale(.7) translateX(-15%) translateY(15%);
        transform: scale(.7) translateX(-15%) translateY(15%)
    }

    to {
        -webkit-transform: scale(1) translateX(0) translateY(0);
        transform: scale(1) translateX(0) translateY(0)
    }
}

.vd-float.vdp-position_top.vdp-align_start.is-closing>*,.vd-float.vdp-position_top.vdp-align_start.is-showing>* {
    -webkit-animation-name: vd-float-fade-in,"vd-float-fade-in-top-start";
    animation-name: vd-float-fade-in,"vd-float-fade-in-top-start"
}

@-webkit-keyframes "vd-float-fade-in-top-end" {
    0% {
        -webkit-transform: scale(.7) translateX(15%) translateY(15%);
        transform: scale(.7) translateX(15%) translateY(15%)
    }

    to {
        -webkit-transform: scale(1) translateX(0) translateY(0);
        transform: scale(1) translateX(0) translateY(0)
    }
}

@keyframes "vd-float-fade-in-top-end" {
    0% {
        -webkit-transform: scale(.7) translateX(15%) translateY(15%);
        transform: scale(.7) translateX(15%) translateY(15%)
    }

    to {
        -webkit-transform: scale(1) translateX(0) translateY(0);
        transform: scale(1) translateX(0) translateY(0)
    }
}

.vd-float.vdp-position_top.vdp-align_end.is-closing>*,.vd-float.vdp-position_top.vdp-align_end.is-showing>* {
    -webkit-animation-name: vd-float-fade-in,"vd-float-fade-in-top-end";
    animation-name: vd-float-fade-in,"vd-float-fade-in-top-end"
}

@-webkit-keyframes "vd-float-fade-in-top-center" {
    0% {
        -webkit-transform: scale(.7) translateX(0) translateY(15%);
        transform: scale(.7) translateX(0) translateY(15%)
    }

    to {
        -webkit-transform: scale(1) translateX(0) translateY(0);
        transform: scale(1) translateX(0) translateY(0)
    }
}

@keyframes "vd-float-fade-in-top-center" {
    0% {
        -webkit-transform: scale(.7) translateX(0) translateY(15%);
        transform: scale(.7) translateX(0) translateY(15%)
    }

    to {
        -webkit-transform: scale(1) translateX(0) translateY(0);
        transform: scale(1) translateX(0) translateY(0)
    }
}

.vd-float.vdp-position_top.vdp-align_center.is-closing>*,.vd-float.vdp-position_top.vdp-align_center.is-showing>* {
    -webkit-animation-name: vd-float-fade-in,"vd-float-fade-in-top-center";
    animation-name: vd-float-fade-in,"vd-float-fade-in-top-center"
}

@-webkit-keyframes "vd-float-fade-in-bottom-start" {
    0% {
        -webkit-transform: scale(.7) translateX(-15%) translateY(-15%);
        transform: scale(.7) translateX(-15%) translateY(-15%)
    }

    to {
        -webkit-transform: scale(1) translateX(0) translateY(0);
        transform: scale(1) translateX(0) translateY(0)
    }
}

@keyframes "vd-float-fade-in-bottom-start" {
    0% {
        -webkit-transform: scale(.7) translateX(-15%) translateY(-15%);
        transform: scale(.7) translateX(-15%) translateY(-15%)
    }

    to {
        -webkit-transform: scale(1) translateX(0) translateY(0);
        transform: scale(1) translateX(0) translateY(0)
    }
}

.vd-float.vdp-position_bottom.vdp-align_start.is-closing>*,.vd-float.vdp-position_bottom.vdp-align_start.is-showing>* {
    -webkit-animation-name: vd-float-fade-in,"vd-float-fade-in-bottom-start";
    animation-name: vd-float-fade-in,"vd-float-fade-in-bottom-start"
}

@-webkit-keyframes "vd-float-fade-in-bottom-end" {
    0% {
        -webkit-transform: scale(.7) translateX(15%) translateY(-15%);
        transform: scale(.7) translateX(15%) translateY(-15%)
    }

    to {
        -webkit-transform: scale(1) translateX(0) translateY(0);
        transform: scale(1) translateX(0) translateY(0)
    }
}

@keyframes "vd-float-fade-in-bottom-end" {
    0% {
        -webkit-transform: scale(.7) translateX(15%) translateY(-15%);
        transform: scale(.7) translateX(15%) translateY(-15%)
    }

    to {
        -webkit-transform: scale(1) translateX(0) translateY(0);
        transform: scale(1) translateX(0) translateY(0)
    }
}

.vd-float.vdp-position_bottom.vdp-align_end.is-closing>*,.vd-float.vdp-position_bottom.vdp-align_end.is-showing>* {
    -webkit-animation-name: vd-float-fade-in,"vd-float-fade-in-bottom-end";
    animation-name: vd-float-fade-in,"vd-float-fade-in-bottom-end"
}

@-webkit-keyframes "vd-float-fade-in-bottom-center" {
    0% {
        -webkit-transform: scale(.7) translateX(0) translateY(-15%);
        transform: scale(.7) translateX(0) translateY(-15%)
    }

    to {
        -webkit-transform: scale(1) translateX(0) translateY(0);
        transform: scale(1) translateX(0) translateY(0)
    }
}

@keyframes "vd-float-fade-in-bottom-center" {
    0% {
        -webkit-transform: scale(.7) translateX(0) translateY(-15%);
        transform: scale(.7) translateX(0) translateY(-15%)
    }

    to {
        -webkit-transform: scale(1) translateX(0) translateY(0);
        transform: scale(1) translateX(0) translateY(0)
    }
}

.vd-float.vdp-position_bottom.vdp-align_center.is-closing>*,.vd-float.vdp-position_bottom.vdp-align_center.is-showing>* {
    -webkit-animation-name: vd-float-fade-in,"vd-float-fade-in-bottom-center";
    animation-name: vd-float-fade-in,"vd-float-fade-in-bottom-center"
}

.vd-popover .vd-popover_arrow,.vd-popover .vd-popover_container {
    -webkit-box-shadow: rgba(0,0,0,.14) 0 .04rem .08rem,rgba(0,0,0,.12) 0 .01rem .02rem;
    box-shadow: 0 .04rem .08rem rgba(0,0,0,.14),0 .01rem .02rem rgba(0,0,0,.12)
}

.vd-popover .vd-popover_container,.vd-popover .vd-popover_content,.vd-popover .vd-popover_header {
    position: relative
}

.vd-popover .vd-popover_container {
    border-radius: .05rem
}

.vd-popover .vd-popover_arrow {
    position: absolute;
    display: inline-block;
    vertical-align: middle;
    line-height: .11314rem;
    width: .11314rem;
    height: .11314rem;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.vd-popover .vd-popover_header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: .41rem;
    padding: 0 .16rem;
    border-bottom: .01rem solid transparent;
    border-radius: .05rem 0;
    font-size: .16rem;
    line-height: 1;
    vertical-align: middle
}

.vd-popover .vd-popover_content {
    padding: .16rem;
    border-radius: .05rem;
    font-size: .15rem;
    line-height: 1.618
}

.vd-popover .vd-popover_header+.vd-popover_content {
    border-radius: 0 .05rem
}

.vd-popover.vdp-position_left .vd-popover_wrapper {
    padding-right: .16rem
}

.vd-popover.vdp-position_left .vd-popover_arrow {
    right: -.05657rem
}

.vd-popover.vdp-position_right .vd-popover_wrapper {
    padding-left: .16rem
}

.vd-popover.vdp-position_right .vd-popover_arrow {
    left: -.05657rem
}

.vd-popover.vdp-position_top .vd-popover_wrapper {
    padding-bottom: .16rem
}

.vd-popover.vdp-position_top .vd-popover_arrow {
    bottom: -.05657rem
}

.vd-popover.vdp-position_bottom .vd-popover_wrapper {
    padding-top: .16rem
}

.vd-popover.vdp-position_bottom .vd-popover_arrow {
    top: -.05657rem
}

.vd-popover.vdp-position_left.vdp-align_start .vd-popover_arrow {
    top: .14343rem
}

.vd-popover.vdp-position_left.vdp-align_end .vd-popover_arrow {
    bottom: .14343rem
}

.vd-popover.vdp-position_left.vdp-align_center .vd-popover_arrow {
    top: 0;
    bottom: 0;
    margin: auto 0
}

.vd-popover.vdp-position_right.vdp-align_start .vd-popover_arrow {
    top: .14343rem
}

.vd-popover.vdp-position_right.vdp-align_end .vd-popover_arrow {
    bottom: .14343rem
}

.vd-popover.vdp-position_right.vdp-align_center .vd-popover_arrow {
    top: 0;
    bottom: 0;
    margin: auto 0
}

.vd-popover.vdp-position_top.vdp-align_start .vd-popover_arrow {
    left: .14343rem
}

.vd-popover.vdp-position_top.vdp-align_end .vd-popover_arrow {
    right: .14343rem
}

.vd-popover.vdp-position_top.vdp-align_center .vd-popover_arrow {
    left: 0;
    right: 0;
    margin: 0 auto
}

.vd-popover.vdp-position_bottom.vdp-align_start .vd-popover_arrow {
    left: .14343rem
}

.vd-popover.vdp-position_bottom.vdp-align_end .vd-popover_arrow {
    right: .14343rem
}

.vd-popover.vdp-position_bottom.vdp-align_center .vd-popover_arrow {
    left: 0;
    right: 0;
    margin: 0 auto
}

.vd-popover.is-bordered .vd-popover_arrow,.vd-popover.is-bordered .vd-popover_container {
    border: .01rem solid
}

.vd-popover.vdp-theme_lite {
    color: #333
}

.vd-popover.vdp-theme_lite .vd-popover_header {
    color: #333;
    border-color: #f0f0f0
}

.vd-popover.vdp-theme_lite .vd-popover_arrow,.vd-popover.vdp-theme_lite .vd-popover_container {
    border-color: #f0f0f0
}

.vd-popover.vdp-theme_lite .vd-popover_arrow,.vd-popover.vdp-theme_lite .vd-popover_container,.vd-popover.vdp-theme_lite .vd-popover_content,.vd-popover.vdp-theme_lite .vd-popover_header {
    background-color: #fff
}

.vd-popover.vdp-theme_dark {
    color: #fff
}

.vd-popover.vdp-theme_dark .vd-popover_header {
    color: #fff;
    border-color: #404040
}

.vd-popover.vdp-theme_dark .vd-popover_arrow,.vd-popover.vdp-theme_dark .vd-popover_container {
    border-color: #404040
}

.vd-popover.vdp-theme_dark .vd-popover_arrow,.vd-popover.vdp-theme_dark .vd-popover_container,.vd-popover.vdp-theme_dark .vd-popover_content,.vd-popover.vdp-theme_dark .vd-popover_header {
    background-color: #333
}

.vd-swimlane {
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
    max-width: 100%;
    min-width: 0;
    padding: .1rem 0
}

.vd-swimlane.vdp-theme_lite {
    color: #333
}

.vd-swimlane.vdp-theme_lite.is-even,.vd-swimlane.vdp-theme_lite.is-odd,.vd-swimlane.vdp-theme_lite.is-odd-even:nth-child(2n),.vd-swimlane.vdp-theme_lite.is-odd-even:nth-child(odd) {
    background-color: #f7f7f7
}

.vd-swimlane.vdp-theme_dark {
    color: #fff
}

.vd-swimlane.vdp-theme_dark.is-even,.vd-swimlane.vdp-theme_dark.is-odd,.vd-swimlane.vdp-theme_dark.is-odd-even:nth-child(2n),.vd-swimlane.vdp-theme_dark.is-odd-even:nth-child(odd) {
    background-color: #222
}

.vd-container {
    position: relative;
    margin: 0 auto;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
    max-width: 100%;
    min-width: 0;
    -webkit-transition: width .16s ease-in-out;
    transition: width .16s ease-in-out
}

@media (min-width: 0px) and (max-width:599.98px) {
    .vd-container {
        width:100%
    }
}

@media (min-width: 600px) and (max-width:959.98px) {
    .vd-container {
        width:100%
    }
}

@media (min-width: 960px) and (max-width:1279.98px) {
    .vd-container {
        width:960px
    }
}

@media (min-width: 1280px) and (max-width:1919.98px) {
    .vd-container {
        width:1232px
    }
}

@media (min-width: 1920px) {
    .vd-container {
        width:1232px
    }
}

.vd-container.is-gap {
    padding: 0 .16rem
}

.vd-gallery {
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
    max-width: 100%;
    min-width: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    overflow: hidden
}

.vd-gallery.is-fullscreen {
    z-index: 1400;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

.vd-gallery .vd-gallery_fullscreen {
    position: relative;
    min-width: 0;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%
}

.vd-gallery .vd-gallery_placement {
    position: relative;
    width: 100%;
    padding-bottom: 56.25%
}

.vd-gallery .vd-gallery_container {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

.vd-gallery .vd-gallery_close-button {
    position: absolute;
    top: 0;
    right: 0;
    width: .4rem;
    height: .4rem;
    font-size: .2472rem;
    line-height: 1;
    border-radius: 50%;
    border: none;
    color: #fff;
    background-color: #0098ee;
    opacity: .75;
    -webkit-transition: opacity .16s ease-in-out;
    transition: opacity .16s ease-in-out
}

.vd-gallery .vd-gallery_close-button:hover {
    opacity: 1
}

.vd-gallery .vd-gallery_indicator-wrapper {
    position: relative;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    padding: 0 .24rem
}

.vd-gallery.is-fullscreen .vd-gallery_indicator-wrapper {
    padding: .08rem 20%
}

.vd-gallery .vd-gallery_switch-button {
    position: absolute;
    top: 0;
    bottom: 0;
    width: .24rem;
    padding: 0;
    margin: 0;
    border: none;
    background-color: transparent
}

.vd-gallery .vd-gallery_switch-button.is-left {
    left: 0
}

.vd-gallery .vd-gallery_switch-button.is-right {
    right: 0
}

.vd-gallery .vd-gallery_wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    padding: 0;
    margin: 0;
    -webkit-transition: -webkit-transform .32s ease-in-out;
    transition: -webkit-transform .32s ease-in-out;
    transition: transform .32s ease-in-out;
    transition: transform .32s ease-in-out,-webkit-transform .32s ease-in-out
}

.vd-gallery .vd-gallery_item-container {
    cursor: inherit;
    position: relative;
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
    border: none;
    background-color: transparent
}

.vd-gallery .vd-gallery_fullscreen-item,.vd-gallery .vd-gallery_preview-item,.vd-gallery .vd-gallery_thumbnail-filler,.vd-gallery .vd-gallery_thumbnail-item {
    position: relative;
    padding: 0;
    margin: 0;
    background-color: transparent;
    border: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.vd-gallery .vd-gallery_fullscreen-item {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 100%;
    flex: 1 0 100%;
    padding: .4rem
}

.vd-gallery .vd-gallery_preview-item {
    cursor: -webkit-zoom-in;
    cursor: zoom-in;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 100%;
    flex: 1 0 100%
}

.vd-gallery .vd-gallery_thumbnail-item {
    cursor: pointer;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 100%;
    flex: 1 0 100%;
    max-width: 16.66667%;
    padding: .04rem
}

.vd-gallery .vd-gallery_thumbnail-item.is-selected {
    background-color: #0098ee
}

.vd-gallery .vd-gallery_thumbnail-filler {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.vd-gallery .vd-gallery_image {
    position: relative;
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.vd-gallery.vdp-theme_lite {
    background-color: #fff
}

.vd-gallery.vdp-theme_lite .vd-gallery_switch-button {
    color: #333;
    background-color: #fff
}

.vd-gallery.vdp-theme_lite .vd-gallery_switch-button:active,.vd-gallery.vdp-theme_lite .vd-gallery_switch-button:hover {
    background-color: #f7f7f7
}

.vd-gallery.vdp-theme_dark {
    background-color: #333
}

.vd-gallery.vdp-theme_dark .vd-gallery_switch-button {
    color: #fff;
    background-color: #333
}

.vd-gallery.vdp-theme_dark .vd-gallery_switch-button:active,.vd-gallery.vdp-theme_dark .vd-gallery_switch-button:hover {
    background-color: #222
}

.vd-gallery.is-fullscreen {
    background-color: rgba(0,0,0,.75)
}

.vd-gallery.is-fullscreen .vd-gallery_indicator-wrapper {
    background-color: rgba(0,0,0,.25)
}

.vd-gallery.is-fullscreen .vd-gallery_switch-button {
    color: #fff;
    background-color: transparent
}

.vd-list {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
    max-width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    padding: 0;
    margin: 0
}

.vd-list,.vd-list .vd-list_container,.vd-list .vd-list_content,.vd-list .vd-list_item,.vd-list .vd-list_left,.vd-list .vd-list_right {
    position: relative;
    min-width: 0
}

.vd-list .vd-list_container,.vd-list .vd-list_item {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    width: 100%;
    max-width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    padding: 0;
    margin: 0;
    color: inherit;
    -webkit-transition: background-color .16s ease-in-out;
    transition: background-color .16s ease-in-out
}

.vd-list .vd-list_content {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.vd-list .vd-list_left,.vd-list .vd-list_right {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch
}

.vd-list .vd-list_left {
    margin-right: .16rem
}

.vd-list .vd-list_right {
    margin-left: .16rem
}

.vd-list.is-raise,.vd-list.vdp-raise_1 {
    -webkit-box-shadow: rgba(0,0,0,.13) 0 .02rem .04rem,rgba(0,0,0,.11) 0 .005rem .01rem;
    box-shadow: 0 .02rem .04rem rgba(0,0,0,.13),0 .005rem .01rem rgba(0,0,0,.11)
}

.vd-list.vdp-raise_2 {
    -webkit-box-shadow: rgba(0,0,0,.14) 0 .04rem .08rem,rgba(0,0,0,.12) 0 .01rem .02rem;
    box-shadow: 0 .04rem .08rem rgba(0,0,0,.14),0 .01rem .02rem rgba(0,0,0,.12)
}

.vd-list.vdp-raise_3 {
    -webkit-box-shadow: rgba(0,0,0,.15) 0 .06rem .12rem,rgba(0,0,0,.13) 0 .015rem .03rem;
    box-shadow: 0 .06rem .12rem rgba(0,0,0,.15),0 .015rem .03rem rgba(0,0,0,.13)
}

.vd-list.vdp-raise_4 {
    -webkit-box-shadow: rgba(0,0,0,.16) 0 .08rem .16rem,rgba(0,0,0,.14) 0 .02rem .04rem;
    box-shadow: 0 .08rem .16rem rgba(0,0,0,.16),0 .02rem .04rem rgba(0,0,0,.14)
}

.vd-list.vdp-raise_5 {
    -webkit-box-shadow: rgba(0,0,0,.17) 0 .1rem .2rem,rgba(0,0,0,.15) 0 .025rem .05rem;
    box-shadow: 0 .1rem .2rem rgba(0,0,0,.17),0 .025rem .05rem rgba(0,0,0,.15)
}

.vd-list.vdp-raise_6 {
    -webkit-box-shadow: rgba(0,0,0,.18) 0 .12rem .24rem,rgba(0,0,0,.16) 0 .03rem .06rem;
    box-shadow: 0 .12rem .24rem rgba(0,0,0,.18),0 .03rem .06rem rgba(0,0,0,.16)
}

.vd-list.vdp-raise_7 {
    -webkit-box-shadow: rgba(0,0,0,.19) 0 .14rem .28rem,rgba(0,0,0,.17) 0 .035rem .07rem;
    box-shadow: 0 .14rem .28rem rgba(0,0,0,.19),0 .035rem .07rem rgba(0,0,0,.17)
}

.vd-list.vdp-raise_8 {
    -webkit-box-shadow: rgba(0,0,0,.2) 0 .16rem .32rem,rgba(0,0,0,.18) 0 .04rem .08rem;
    box-shadow: 0 .16rem .32rem rgba(0,0,0,.2),0 .04rem .08rem rgba(0,0,0,.18)
}

.vd-list.is-gap .vd-list_container {
    padding-left: .16rem;
    padding-right: .16rem
}

.vd-list.is-divided .vd-list_content,.vd-list.is-divided .vd-list_left,.vd-list.is-divided .vd-list_right {
    padding-top: .16rem;
    padding-bottom: .16rem
}

.vd-list.is-divided .vd-list_item:not(:first-child) {
    margin-top: -.01rem;
    border-top: .01rem
}

.vd-list.is-divided .vd-list_item:not(:last-child) .vd-list_content,.vd-list.is-divided .vd-list_item:not(:last-child) .vd-list_left,.vd-list.is-divided .vd-list_item:not(:last-child) .vd-list_right {
    border-bottom: .01rem solid transparent
}

.vd-list.vdp-theme_lite {
    color: #333;
    background-color: #fff
}

.vd-list.vdp-theme_lite .vd-list_item:hover {
    background-color: #fafafa
}

.vd-list.vdp-theme_lite.is-divided .vd-list_item:not(:last-child) .vd-list_content {
    border-color: #f0f0f0
}

.vd-list.vdp-theme_dark {
    color: #fff;
    background-color: #333
}

.vd-list.vdp-theme_dark .vd-list_item:hover {
    background-color: #404040
}

.vd-list.vdp-theme_dark.is-divided .vd-list_item:not(:last-child) .vd-list_content {
    border-color: #404040
}

.vd-note {
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
    max-width: 100%;
    min-width: 0;
    padding: .08rem;
    border-radius: .05rem;
    line-height: 1.618
}

.vd-note .vd-note_stick {
    width: .02rem
}

.vd-note .vd-note_stick,.vd-note:before {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    content: " ";
    display: block
}

.vd-note:before {
    right: 0
}

.vd-note.is-transparent:before {
    opacity: 0
}

.vd-note.is-translucent:before {
    opacity: .5
}

.vd-note.is-bordered {
    border: .01rem solid;
    border-left-width: .02rem
}

.vd-note.is-bordered .vd-note_stick {
    top: -.01rem;
    bottom: -.01rem;
    left: -.01rem
}

.vd-note.is-raise {
    -webkit-box-shadow: rgba(0,0,0,.13) 0 .02rem .04rem,rgba(0,0,0,.11) 0 .005rem .01rem;
    box-shadow: 0 .02rem .04rem rgba(0,0,0,.13),0 .005rem .01rem rgba(0,0,0,.11)
}

.vd-note .vd-note_content,.vd-note .vd-note_title {
    position: relative;
    max-width: 100%
}

.vd-note .vd-note_title {
    padding: .08rem;
    margin: 0;
    font-size: .16rem;
    font-weight: 400;
    line-height: inherit
}

.vd-note .vd-note_content {
    padding: .08rem;
    font-size: .15rem;
    line-height: inherit
}

.vd-note .vd-note_content>p {
    padding: 0;
    margin: 0
}

.vd-note .vd-note_title+.vd-note_content {
    padding-top: .04rem
}

.vd-note.vdp-theme_lite {
    border-color: #f0f0f0
}

.vd-note.vdp-theme_lite.is-translucent:before,.vd-note.vdp-theme_lite:before {
    background-color: #f7f7f7
}

.vd-note.vdp-theme_lite .vd-note_content,.vd-note.vdp-theme_lite .vd-note_title {
    color: #333
}

.vd-note.vdp-theme_dark {
    border-color: #404040
}

.vd-note.vdp-theme_dark.is-translucent:before,.vd-note.vdp-theme_dark:before {
    background-color: #222
}

.vd-note.vdp-theme_dark .vd-note_content,.vd-note.vdp-theme_dark .vd-note_title {
    color: #fff
}

.vd-note.vdp-tone_primary .vd-note_stick {
    background-color: #0098ee
}

.vd-note.vdp-tone_secondary .vd-note_stick {
    background-color: #fe4b83
}

.vd-note.vdp-tone_success .vd-note_stick {
    background-color: #19bd19
}

.vd-note.vdp-tone_warning .vd-note_stick {
    background-color: #f48642
}

.vd-note.vdp-tone_danger .vd-note_stick {
    background-color: #ff5201
}

.vd-tabs {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
    max-width: 100%;
    min-width: 0;
    overflow: hidden
}

.vd-tabs,.vd-tabs .vd-tabs_body,.vd-tabs .vd-tabs_container,.vd-tabs .vd-tabs_header,.vd-tabs .vd-tabs_header-item,.vd-tabs .vd-tabs_separator,.vd-tabs .vd-tabs_wrapper {
    position: relative
}

.vd-tabs .vd-tabs_header-item,.vd-tabs .vd-tabs_indicator,.vd-tabs .vd-tabs_wrapper {
    -webkit-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

.vd-tabs .vd-tabs_header {
    width: 100%;
    height: .4rem;
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    font-size: .16rem
}

.vd-tabs .vd-tabs_header-item {
    cursor: pointer;
    min-width: 0;
    height: 100%;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    padding: 0 .16rem;
    margin: 0;
    border: none;
    color: inherit;
    background: transparent;
    white-space: nowrap;
    -webkit-transition-property: color;
    transition-property: color
}

.vd-tabs .vd-tabs_header-item.is-selected {
    color: #0098ee
}

.vd-tabs.vdp-size_xsmall .vd-tabs_header {
    height: .24rem;
    font-size: .12rem
}

.vd-tabs.vdp-size_small .vd-tabs_header {
    height: .32rem;
    font-size: .14rem
}

.vd-tabs.vdp-size_medium .vd-tabs_header {
    height: .4rem;
    font-size: .16rem
}

.vd-tabs.vdp-size_large .vd-tabs_header {
    height: .48rem;
    font-size: .2rem
}

.vd-tabs.vdp-size_xlarge .vd-tabs_header {
    height: .56rem;
    font-size: .24rem
}

.vd-tabs.vdp-header-flex_initial .vd-tabs_header-item {
    padding: 0;
    -webkit-box-flex: initial;
    -ms-flex: initial;
    flex: initial
}

.vd-tabs.vdp-header-flex_auto .vd-tabs_header-item {
    padding: 0;
    -webkit-box-flex: 1;
    -ms-flex: auto;
    flex: auto
}

.vd-tabs.vdp-header-flex_none .vd-tabs_header-item {
    padding: 0;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none
}

.vd-tabs.vdp-header-flex_expand .vd-tabs_header-item {
    padding: 0;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.vd-tabs .vd-tabs_indicator {
    position: absolute;
    left: 0;
    bottom: -.01rem;
    width: 0;
    height: .02rem;
    background-color: #0098ee;
    -webkit-transition-property: left,width;
    transition-property: left,width
}

.vd-tabs .vd-tabs_separator {
    width: 100%;
    height: 0;
    border-bottom: .01rem solid transparent
}

.vd-tabs .vd-tabs_body {
    padding: .16rem
}

.vd-tabs.is-no-gap .vd-tabs_body {
    padding: 0
}

.vd-tabs .vd-tabs_container,.vd-tabs .vd-tabs_wrapper {
    width: 100%
}

.vd-tabs .vd-tabs_wrapper>* {
    display: none
}

.vd-tabs .vd-tabs_wrapper .vd-tabs_pane.is-selected {
    display: block
}

.vd-tabs .vd-tabs_pane {
    width: 100%
}

@-webkit-keyframes "vd-tab-pane-left-in" {
    0% {
        display: block;
        opacity: 0;
        -webkit-transform: translateX(-.64rem);
        transform: translateX(-.64rem)
    }

    to {
        display: block;
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes "vd-tab-pane-left-in" {
    0% {
        display: block;
        opacity: 0;
        -webkit-transform: translateX(-.64rem);
        transform: translateX(-.64rem)
    }

    to {
        display: block;
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@-webkit-keyframes "vd-tab-pane-left-out" {
    0% {
        display: block;
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    to {
        display: block;
        opacity: 0;
        -webkit-transform: translateX(-.64rem);
        transform: translateX(-.64rem)
    }
}

@keyframes "vd-tab-pane-left-out" {
    0% {
        display: block;
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    to {
        display: block;
        opacity: 0;
        -webkit-transform: translateX(-.64rem);
        transform: translateX(-.64rem)
    }
}

@-webkit-keyframes "vd-tab-pane-right-in" {
    0% {
        display: block;
        opacity: 0;
        -webkit-transform: translateX(.64rem);
        transform: translateX(.64rem)
    }

    to {
        display: block;
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes "vd-tab-pane-right-in" {
    0% {
        display: block;
        opacity: 0;
        -webkit-transform: translateX(.64rem);
        transform: translateX(.64rem)
    }

    to {
        display: block;
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@-webkit-keyframes "vd-tab-pane-right-out" {
    0% {
        display: block;
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    to {
        display: block;
        opacity: 0;
        -webkit-transform: translateX(.64rem);
        transform: translateX(.64rem)
    }
}

@keyframes "vd-tab-pane-right-out" {
    0% {
        display: block;
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    to {
        display: block;
        opacity: 0;
        -webkit-transform: translateX(.64rem);
        transform: translateX(.64rem)
    }
}

.vd-tabs .vd-tabs_pane.is-left-in {
    -webkit-animation: vd-tab-pane-left-in .3s ease-out;
    animation: vd-tab-pane-left-in .3s ease-out
}

.vd-tabs .vd-tabs_pane.is-left-out {
    -webkit-animation: vd-tab-pane-left-out .3s ease-out;
    animation: vd-tab-pane-left-out .3s ease-out
}

.vd-tabs .vd-tabs_pane.is-right-in {
    -webkit-animation: vd-tab-pane-right-in .3s ease-out;
    animation: vd-tab-pane-right-in .3s ease-out
}

.vd-tabs .vd-tabs_pane.is-right-out {
    -webkit-animation: vd-tab-pane-right-out .3s ease-out;
    animation: vd-tab-pane-right-out .3s ease-out
}

.vd-tabs.vdp-theme_lite {
    color: #333
}

.vd-tabs.vdp-theme_lite .vd-tabs_header {
    background-color: #fff
}

.vd-tabs.vdp-theme_lite .vd-tabs_separator {
    border-color: #f0f0f0
}

.vd-tabs.vdp-theme_dark {
    color: #fff
}

.vd-tabs.vdp-theme_dark .vd-tabs_header {
    background-color: #333
}

.vd-tabs.vdp-theme_dark .vd-tabs_separator {
    border-color: #404040
}

.vd-uniform-scale {
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
    max-width: 100%;
    min-width: 0
}

.vd-uniform-scale .vd-uniform-scale_brace {
    padding-bottom: 100%
}

.vd-uniform-scale .vd-uniform-scale_container {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

.vd-nav-menu {
    height: .4rem;
    border-bottom: .01rem solid transparent
}

.vd-nav-menu,.vd-nav-menu .vd-nav-menu_wrapper {
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
    max-width: 100%;
    min-width: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch
}

.vd-nav-menu .vd-nav-menu_wrapper {
    width: 100%;
    margin: 0 0 -.01rem 0
}

.vd-nav-menu .vd-nav-menu_item {
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex: 1 1;
    flex: 1 1;
    max-width: 100%;
    min-width: 0;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: inherit
}

.vd-nav-menu .vd-nav-menu_item.is-active {
    color: #0098ee
}

.vd-nav-menu .vd-nav-menu_item.is-active:after {
    content: " ";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: .02rem;
    background-color: #0098ee
}

.vd-nav-menu.vdp-size_xsmall {
    height: .24rem;
    font-size: .12rem
}

.vd-nav-menu.vdp-size_small {
    height: .32rem;
    font-size: .14rem
}

.vd-nav-menu.vdp-size_medium {
    height: .4rem;
    font-size: .18rem
}

.vd-nav-menu.vdp-size_large {
    height: .48rem;
    font-size: .2rem
}

.vd-nav-menu.vdp-size_xlarge {
    height: .56rem;
    font-size: .24rem
}

.vd-nav-menu.vdp-theme_lite {
    color: #333;
    background-color: #fff;
    border-color: #f0f0f0
}

.vd-nav-menu.vdp-theme_dark {
    color: #fff;
    background-color: #333;
    border-color: #404040
}

.vd-pagination {
    position: relative;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    white-space: nowrap;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.vd-pagination .vd-pagination_item-container,.vd-pagination .vd-pagination_wrapper {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    padding: 0;
    margin: 0
}

.vd-pagination .vd-pagination_wrapper {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.vd-pagination .vd-pagination_item-container {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none
}

.vd-pagination .vd-pagination_item {
    cursor: pointer;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: inherit;
    white-space: nowrap;
    padding: 0;
    margin: 0;
    border: .01rem solid transparent;
    line-height: 1.44
}

.vd-pagination .vd-pagination_item[disabled] {
    pointer-events: none;
    cursor: not-allowed
}

.vd-pagination .vd-pagination_item:before {
    content: " ";
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    opacity: 0;
    -webkit-transition: opacity .16s ease-in-out;
    transition: opacity .16s ease-in-out
}

.vd-pagination .vd-pagination_element+.vd-pagination_element {
    margin-left: -.01rem
}

.vd-pagination.vdp-size_xsmall .vd-pagination_item {
    font-size: .12rem;
    height: .24rem;
    min-width: .24rem;
    padding: .618em
}

.vd-pagination.vdp-size_small .vd-pagination_item {
    font-size: .14rem;
    height: .32rem;
    min-width: .32rem;
    padding: .618em
}

.vd-pagination.vdp-size_medium .vd-pagination_item {
    font-size: .18rem;
    height: .4rem;
    min-width: .4rem;
    padding: .618em
}

.vd-pagination.vdp-size_large .vd-pagination_item {
    font-size: .2rem;
    height: .48rem;
    min-width: .48rem;
    padding: .618em
}

.vd-pagination.vdp-size_xlarge .vd-pagination_item {
    font-size: .24rem;
    height: .56rem;
    min-width: .56rem;
    padding: .618em
}

.vd-pagination .vd-pagination_item.is-active {
    position: relative;
    font-weight: 700;
    text-decoration: underline
}

.vd-card .vd-uniform-scale+.vd-card_content,.vd-card img+.vd-card_content {
    padding: .1rem .16rem .16rem
}

.a9a-home-video-font-size {
    font-size: .14rem!important
}

.a9a-none-data {
    width: 100%;
    height: 2.25rem;
    background: #fff;
    color: #999;
    font-size: .14rem
}

.a9a-image_carouse {
    overflow: hidden
}

.a9a-image_carouse .vd-uniform-scale_container .vd-carousel .vd-carousel_indicator-wrapper.is-inside {
    bottom: 0
}

.a9a-ad {
    padding: 0
}

.a9a-ad-content div>div {
    margin: .2rem 0 .04rem
}

.a9a-ad-fixed {
    position: fixed;
    right: 0;
    bottom: 0
}

.a9a-debug {
    position: relative;
    width: 100%;
    height: 100%;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 100%;
    flex: 1 0 100%;
    -ms-flex-item-align: stretch;
    align-self: stretch;
    padding: .2rem 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    white-space: nowrap;
    font-size: .24rem;
    font-weight: lighter;
    color: #fff;
    background-color: #000;
    opacity: .25
}

.a9a-search-box-input {
    margin-top: .24rem;
    padding-top: 0!important;
    padding-bottom: 0!important;
    margin-bottom: -.12rem
}

.a9a-search-box-input,.a9a-search-input {
    background: #fff;
    width: 100%;
    height: .46rem
}

.a9a-search-input {
    border: none;
    outline: none;
    padding: .16rem
}

.a9a-search-box-btn {
    width: 1.5rem;
    height: .46rem!important
}

.a9a-search-total {
    font-size: .16rem;
    margin-left: .16rem;
    height: .24rem;
    line-height: .24rem;
    display: inline-block
}

.a9a-search-no-data {
    width: 100%;
    height: 4.5rem;
    background: #fff
}

.a9a-search-no-data-image {
    width: 2.24rem
}

.a9a-mt0 {
    margin-top: 0!important
}

.a9a-mt16 {
    margin-top: .16rem
}

.a9a-mb30 {
    margin-bottom: .3rem
}

.a9a-mt22 {
    margin-top: .22rem
}

.a9a-mt5 {
    margin-top: .05rem
}

.a9a-mt10 {
    margin-top: .1rem
}

.a9a-mtb8 {
    margin-top: .08rem!important;
    margin-bottom: .08rem!important
}

.a9a-mb144 {
    margin-top: .14rem!important;
    margin-bottom: 1.44rem!important
}

.a9a-padding0 {
    padding: 0
}

.a9a-section-gap_top {
    margin-top: .2rem
}

.a9a-section-gap_bottom {
    margin-bottom: .2rem
}

.a9a-bg-platform-saturated_all {
    color: #fff;
    background-color: #0098ee
}

.a9a-bg-platform-saturated_ps {
    color: #fff;
    background-color: #003e93
}

.a9a-bg-platform-saturated_xbox {
    color: #fff;
    background-color: #167e3f
}

.a9a-bg-platform-saturated_switch {
    color: #fff;
    background-color: #e60012
}

.a9a-bg-platform-saturated_pc {
    color: #fff;
    background-color: #0098ee
}

.a9a-bg-platform-saturated_stroll {
    color: #fff;
    background-color: #15a74e
}

.a9a-bg-platform-saturated_3ds {
    color: #fff;
    background-color: #ca2328
}

.a9a-bg-platform-saturated_psv {
    color: #fff;
    background-color: #003e93
}

.a9a-triangle_small {
    top: 0;
    height: 0;
    -webkit-transform: scale(.42426,.28284);
    transform: scale(.42426,.28284)
}

.a9a-triangle_small,.a9a-triangle_small:before {
    display: block;
    position: relative;
    width: .1rem;
    margin: 0 auto
}

.a9a-triangle_small:before {
    content: " ";
    height: .1rem;
    border-width: .05rem;
    border-style: solid;
    border-color: #0098ee #0098ee transparent transparent;
    -webkit-transform: translateY(-50%) rotate(-45deg);
    transform: translateY(-50%) rotate(-45deg)
}

.a9a-triangle_medium {
    top: 0;
    height: 0;
    -webkit-transform: scale(.84853,.56569);
    transform: scale(.84853,.56569)
}

.a9a-triangle_medium,.a9a-triangle_medium:before {
    display: block;
    position: relative;
    width: .1rem;
    margin: 0 auto
}

.a9a-triangle_medium:before {
    content: " ";
    height: .1rem;
    border-width: .05rem;
    border-style: solid;
    border-color: #0098ee #0098ee transparent transparent;
    -webkit-transform: translateY(-50%) rotate(-45deg);
    transform: translateY(-50%) rotate(-45deg)
}

.a9a-triangle_large {
    top: 0;
    height: 0;
    -webkit-transform: scale(1.41421,.84853);
    transform: scale(1.41421,.84853)
}

.a9a-triangle_large,.a9a-triangle_large:before {
    display: block;
    position: relative;
    width: .1rem;
    margin: 0 auto
}

.a9a-triangle_large:before {
    content: " ";
    height: .1rem;
    border-width: .05rem;
    border-style: solid;
    border-color: #0098ee #0098ee transparent transparent;
    -webkit-transform: translateY(-50%) rotate(-45deg);
    transform: translateY(-50%) rotate(-45deg)
}

.a9-back-top {
    position: fixed;
    bottom: .6rem;
    text-align: center;
    margin-left: 12.4rem;
    color: #8e8e8e;
    z-index: 100
}

.a9-back-top .a9-back-top_qrcode {
    padding: .09rem .09rem 0;
    border: 1px solid #efefef;
    background-color: #fff
}

.a9-back-top .a9-back-top_qrcode span {
    width: 87px;
    height: 87px;
    padding: .02rem;
    display: block;
    border: 1px solid #eee
}

.a9-back-top .a9-back-top_qrcode span img {
    width: 82px;
    height: 82px
}

.a9-back-top .a9-back-top_qrcode p {
    line-height: .14rem;
    margin-top: .1rem;
    font-size: .14rem
}

.a9-back-top .a9-back-top_back {
    position: relative;
    display: block;
    width: 107px;
    height: 43px;
    background-color: #efefef;
    font-size: 0;
    color: #fff
}

.a9-back-top .a9-back-top_back .a9-back-top_back-icon {
    position: absolute;
    top: 10px;
    left: 50%;
    margin-left: -12px;
    font-size: .24rem;
    color: #8e8e8e
}

.a9-back-top .a9-back-top_back:hover {
    line-height: 43px;
    font-size: 14px;
    background: #0098ee;
    -webkit-transition: background .1s linear;
    transition: background .1s linear
}

.a9-back-top .a9-back-top_back:hover .a9-back-top_back-icon {
    display: none
}

.a9-back-top.a9p-theme_lite {
    color: #333;
    background-color: #fff
}

.a9-back-top.a9p-theme_dark {
    color: #fff;
    background-color: #333
}

.a9-comments-card {
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 100%;
    flex: 1 0 100%;
    padding: .16rem!important
}

.a9-comments-card .a9-comments-card_release {
    width: 1rem;
    height: .42rem;
    background: #0098ee;
    border-radius: .05rem;
    text-align: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.a9-comments-card .a9-comments-card_avatar {
    width: .4rem;
    height: .4rem;
    border-radius: .2rem
}

.a9-comments-card .a9-comments-card_nick {
    color: #0098ee
}

.a9-comments-card .a9-comments-card_fabulous {
    cursor: pointer
}

.a9-comments-card .a9-comments-card_fabulous.is-active {
    color: #0098ee
}

.a9-comments-card .a9-comments-card_report {
    cursor: pointer
}

.a9-comments-card .a9-comments-card_report.is-active {
    color: #fe4b83
}

.a9-comments-card .a9-comments-card_images {
    width: .6rem;
    height: .6rem;
    margin-left: .05rem;
    cursor: -webkit-zoom-in;
    cursor: zoom-in
}

.a9-comments-card .a9-comments-card_input-box {
    border: .01rem solid transparent;
    width: 100%;
    padding: .15rem;
    border-radius: .05rem;
    margin-bottom: .2rem;
    margin-top: .1rem
}

.a9-comments-card .a9-comments-card_upload-images-box {
    margin-top: .2rem;
    margin-right: 10px;
    position: relative
}

.a9-comments-card .a9-comments-card_upload-images {
    width: .5rem;
    height: .5rem
}

.a9-comments-card .a9-comments-card_upload-close {
    position: absolute;
    width: .2rem;
    height: .2rem;
    right: -.05rem;
    top: -.1rem;
    border-radius: .1rem;
    cursor: pointer;
    z-index: 10
}

.a9-comments-card .a9-comments-card_textarea {
    width: 100%;
    min-height: 1.23rem;
    line-height: .2rem;
    border: none;
    resize: none;
    outline: none
}

.a9-comments-card .a9-comments-card_textarea.is-active {
    border-bottom: .01rem solid transparent
}

.a9-comments-card .a9-comments-card_text {
    margin-top: .1rem;
    display: block;
    line-height: .24rem;
    word-wrap: break-word;
    word-break: break-all
}

.a9-comments-card .a9-comments-card_text-image {
    display: inline-block;
    width: .22rem;
    height: .22rem;
    vertical-align: top
}

.a9-comments-card .a9-comments-card_hand {
    cursor: pointer
}

.a9-comments-card .a9-comments-card_icon {
    width: .2rem;
    height: .2rem;
    font-size: .2rem;
    line-height: .2rem;
    margin-right: .03rem
}

.a9-comments-card .a9-comments-card_icon-labal {
    height: .2rem;
    line-height: .25rem;
    font-size: .14rem
}

.a9-comments-card .a9-comments-card_cancel {
    margin-right: .1rem
}

.a9-comments-card.a9p-theme_lite {
    background: #f7f7f7;
    color: #999
}

.a9-comments-card.a9p-theme_lite .a9-comments-card_cancel,.a9-comments-card.a9p-theme_lite .a9-comments-card_infos {
    color: #999
}

.a9-comments-card.a9p-theme_lite .a9-comments-card_text,.a9-comments-card.a9p-theme_lite .a9-comments-card_title {
    color: #333
}

.a9-comments-card.a9p-theme_lite .a9-comments-card_item {
    border-color: #f0f0f0
}

.a9-comments-card.a9p-theme_lite .a9-comments-card_release {
    color: #fff
}

.a9-comments-card.a9p-theme_lite .a9-comments-card_input-box {
    border-color: #f0f0f0;
    background: #fff
}

.a9-comments-card.a9p-theme_lite .a9-comments-card_textarea {
    border-color: #f0f0f0;
    color: #999
}

.a9-comments-card.a9p-theme_dark {
    background: #222;
    color: #e6e6e6
}

.a9-comments-card.a9p-theme_dark .a9-comments-card_cancel,.a9-comments-card.a9p-theme_dark .a9-comments-card_infos {
    color: #e6e6e6
}

.a9-comments-card.a9p-theme_dark .a9-comments-card_text,.a9-comments-card.a9p-theme_dark .a9-comments-card_title {
    color: #fff
}

.a9-comments-card.a9p-theme_dark .a9-comments-card_item {
    border-color: #404040
}

.a9-comments-card.a9p-theme_dark .a9-comments-card_release {
    color: #333
}

.a9-comments-card.a9p-theme_dark .a9-comments-card_input-box {
    border-color: #404040;
    background: #333
}

.a9-comments-card.a9p-theme_dark .a9-comments-card_textarea {
    border-color: #404040;
    color: #e6e6e6
}

.a9-comments-emoticon {
    position: absolute;
    width: 3rem;
    height: 2.18rem;
    left: 0;
    top: .5rem;
    z-index: 9999
}

.a9-comments-emoticon .a9-comments-emoticon_list-box {
    width: 100%;
    height: 100%;
    position: relative;
    border: 1px solid transparent;
    border-radius: .05rem
}

.a9-comments-emoticon .a9-comments-emoticon_list {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    padding: .16rem
}

.a9-comments-emoticon .a9-comments-emoticon_close-icon {
    position: absolute;
    width: .25rem;
    height: .25rem;
    right: -.12rem;
    top: -.12rem;
    cursor: pointer;
    z-index: 10
}

.a9-comments-emoticon .a9-comments-emoticon_item {
    width: .22rem;
    height: .22rem;
    margin: .02rem;
    cursor: pointer
}

.a9-comments-emoticon .a9-comments-emoticon_item-images {
    width: 100%;
    height: 100%
}

.a9-comments-emoticon.a9p-theme_lite {
    color: #999
}

.a9-comments-emoticon.a9p-theme_lite .a9-comments-emoticon_list-box {
    background: #fff;
    border-color: #f0f0f0
}

.a9-comments-emoticon.a9p-theme_dark {
    color: #e6e6e6
}

.a9-comments-emoticon.a9p-theme_dark .a9-comments-emoticon_list-box {
    background: #333;
    border-color: #404040
}

.a9-comments-report {
    position: fixed;
    width: 100vw;
    height: 100vh;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 10000
}

.a9-comments-report .a9-comments-report_main-box {
    width: 100%;
    height: 100%
}

.a9-comments-report .a9-comments-report_main {
    position: relative;
    width: 4.5rem;
    height: 4.65rem;
    padding: .32rem .15rem 0;
    font-size: 14
}

.a9-comments-report .a9-comments-report_close-report {
    position: absolute;
    right: -.1rem;
    top: -.1rem;
    cursor: pointer
}

.a9-comments-report .a9-comments-report_close-report img {
    width: 100%;
    height: 100%
}

.a9-comments-report .a9-comments-report_title {
    font-size: .24rem;
    line-height: .3rem;
    margin-bottom: .1rem
}

.a9-comments-report .a9-comments-report_text-box {
    height: .52rem;
    border-bottom: .01rem solid transparent;
    padding: 0 .15rem;
    cursor: pointer
}

.a9-comments-report .a9-comments-report_circular {
    width: .15rem;
    height: .15rem;
    border-radius: .08rem;
    border: .01rem solid transparent
}

.a9-comments-report .a9-comments-report_circular-selected {
    width: .15rem;
    height: .15rem;
    border-radius: .08rem
}

.a9-comments-report .a9-comments-report_text {
    margin-left: .15rem
}

.a9-comments-report .a9-comments-report_button-box {
    margin-top: .15rem
}

.a9-comments-report .a9-comments-report_button {
    width: 1.8rem;
    height: .42rem
}

.a9-comments-report.a9p-theme_lite {
    background: rgba(36,40,51,.6);
    color: #333
}

.a9-comments-report.a9p-theme_lite .a9-comments-report_main {
    background: #fff
}

.a9-comments-report.a9p-theme_lite .a9-comments-report_text-box {
    border-color: #f0f0f0
}

.a9-comments-report.a9p-theme_lite .a9-comments-report_circular {
    border-color: #707070
}

.a9-comments-report.a9p-theme_lite .a9-comments-report_circular-selected {
    background: #0098ee
}

.a9-comments-report.a9p-theme_dark {
    background: rgba(36,40,51,.6);
    color: #fff
}

.a9-comments-report.a9p-theme_dark .a9-comments-report_main {
    background: #333
}

.a9-comments-report.a9p-theme_dark .a9-comments-report_text-box {
    border-color: #404040
}

.a9-comments-report.a9p-theme_dark .a9-comments-report_circular {
    border-color: #999
}

.a9-comments-report.a9p-theme_dark .a9-comments-report_circular-selected {
    background: #0098ee
}

.a9-comments {
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 100%;
    flex: 1 0 100%
}

.a9-comments .a9-comments_content {
    position: relative;
    margin-top: .1rem;
    padding: .16rem .34rem .5rem!important
}

.a9-comments .a9-comments_countbox-vertical {
    display: block;
    width: .03rem;
    height: .22rem;
    background-color: #0098ee
}

.a9-comments .a9-comments_countbox-text {
    font-size: .24rem;
    color: #333;
    margin-left: .1rem
}

.a9-comments .a9-comments_countbox-count {
    font-size: .24rem;
    color: #fe4b83;
    margin-left: .15rem
}

.a9-comments .a9-comments_countbox-icon-edit {
    display: inline-block;
    font-size: .26rem
}

.a9-comments .a9-comments_countbox-number {
    display: inline-block;
    margin-left: .05rem;
    line-height: .46rem
}

.a9-comments .a9-comments_uninput {
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 100%;
    flex: 1 0 100%;
    min-height: 1.23rem;
    border: .01rem solid transparent
}

.a9-comments .a9-comments_unlogin {
    position: relative;
    width: 100%;
    min-height: 1.23rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.a9-comments .a9-comments_login {
    cursor: pointer
}

.a9-comments .a9-comments_release {
    width: 1rem;
    height: .42rem;
    background: #0098ee;
    border-radius: .05rem;
    text-align: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.a9-comments .a9-comments_title-box {
    margin-top: .3rem;
    margin-bottom: .1rem;
    border-bottom: .01rem solid transparent
}

.a9-comments .a9-comments_title {
    line-height: .37rem
}

.a9-comments .a9-comments_icon {
    width: .2rem;
    height: .2rem;
    font-size: .2rem;
    line-height: .2rem;
    margin-right: .03rem
}

.a9-comments .a9-comments_icon-labal {
    height: .2rem;
    line-height: .25rem;
    font-size: .14rem
}

.a9-comments .a9-comments_title-icon {
    width: .6rem;
    height: .02rem;
    position: relative;
    background: #0098ee;
    left: 0;
    top: 0
}

.a9-comments .a9-comments_title-icon:after {
    content: "";
    border: 5px solid #0098ee;
    border-left-color: transparent;
    border-right-color: transparent;
    border-top-color: transparent;
    width: 0;
    height: 0;
    position: absolute;
    left: .25rem;
    top: -.1rem
}

.a9-comments .a9-comments_item {
    padding: .1rem 0
}

.a9-comments .a9-comments_item:not(:last-child) {
    border-bottom: .01rem solid transparent
}

.a9-comments .a9-comments_release-box {
    position: relative
}

.a9-comments .a9-comments_avatar {
    width: .6rem;
    height: .6rem;
    border-radius: .3rem
}

.a9-comments .a9-comments_nick {
    color: #0098ee
}

.a9-comments .a9-comments_fabulous {
    cursor: pointer
}

.a9-comments .a9-comments_fabulous.is-active {
    color: #0098ee
}

.a9-comments .a9-comments_report {
    cursor: pointer
}

.a9-comments .a9-comments_report.is-active {
    color: #fe4b83;
    cursor: not-allowed
}

.a9-comments .a9-comments_text {
    margin-top: .1rem;
    display: block;
    line-height: .24rem;
    word-wrap: break-word;
    word-break: break-all
}

.a9-comments .a9-comments_text-image {
    display: inline-block;
    width: .22rem;
    height: .22rem;
    vertical-align: top
}

.a9-comments .a9-comments_hand {
    cursor: pointer
}

.a9-comments .a9-comments_image {
    width: .8rem;
    height: .8rem;
    -o-object-fit: cover;
    object-fit: cover;
    cursor: -webkit-zoom-in;
    cursor: zoom-in
}

.a9-comments .a9-comments_input-box {
    border: .01rem solid transparent;
    width: 100%;
    padding: .15rem;
    border-radius: .05rem;
    margin-bottom: .2rem
}

.a9-comments .a9-comments_upload-images-box {
    margin-top: .2rem;
    margin-right: 10px;
    position: relative
}

.a9-comments .a9-comments_upload-image {
    width: .5rem;
    height: .5rem
}

.a9-comments .a9-comments_upload-close {
    position: absolute;
    width: .2rem;
    height: .2rem;
    right: -.05rem;
    top: -.1rem;
    border-radius: .1rem;
    cursor: pointer;
    z-index: 10
}

.a9-comments .a9-comments_header-textarea {
    width: 100%;
    min-height: 1.23rem;
    line-height: .2rem;
    resize: none;
    border: .01rem solid transparent;
    outline: none;
    padding: .15rem
}

.a9-comments .a9-comments_textarea {
    width: 100%;
    min-height: 1.23rem;
    line-height: .2rem;
    border: none;
    resize: none;
    outline: none
}

.a9-comments .a9-comments_textarea.is-active {
    border-bottom: .01rem solid transparent
}

.a9-comments .a9-comments_loading-box {
    margin-top: .4rem;
    cursor: pointer
}

.a9-comments .a9-comments_loading-more {
    color: #0098ee
}

.a9-comments .a9-comments_not-allowed {
    cursor: not-allowed
}

.a9-comments .a9-comments_cancel {
    margin-right: .1rem
}

.a9-comments.a9p-theme_lite {
    color: #999
}

.a9-comments.a9p-theme_lite .a9-comments_content {
    background: #fff
}

.a9-comments.a9p-theme_lite .a9-comments_header-textarea,.a9-comments.a9p-theme_lite .a9-comments_input-box,.a9-comments.a9p-theme_lite .a9-comments_textarea,.a9-comments.a9p-theme_lite .a9-comments_uninput {
    border-color: #f0f0f0;
    color: #999
}

.a9-comments.a9p-theme_lite .a9-comments_cancel {
    color: #999
}

.a9-comments.a9p-theme_lite .a9-comments_title {
    color: #333
}

.a9-comments.a9p-theme_lite .a9-comments_item,.a9-comments.a9p-theme_lite .a9-comments_title-box {
    border-color: #f0f0f0
}

.a9-comments.a9p-theme_lite .a9-comments_text {
    color: #333
}

.a9-comments.a9p-theme_lite .a9-comments_infos {
    color: #999
}

.a9-comments.a9p-theme_lite .a9-comments_release {
    color: #fff
}

.a9-comments.a9p-theme_dark {
    color: #e6e6e6
}

.a9-comments.a9p-theme_dark .a9-comments_content {
    background: #333
}

.a9-comments.a9p-theme_dark .a9-comments_header-textarea,.a9-comments.a9p-theme_dark .a9-comments_input-box,.a9-comments.a9p-theme_dark .a9-comments_textarea,.a9-comments.a9p-theme_dark .a9-comments_uninput {
    border-color: #404040;
    color: #e6e6e6
}

.a9-comments.a9p-theme_dark .a9-comments_cancel {
    color: #e6e6e6
}

.a9-comments.a9p-theme_dark .a9-comments_title {
    color: #fff
}

.a9-comments.a9p-theme_dark .a9-comments_item,.a9-comments.a9p-theme_dark .a9-comments_title-box {
    border-color: #404040
}

.a9-comments.a9p-theme_dark .a9-comments_text {
    color: #fff
}

.a9-comments.a9p-theme_dark .a9-comments_infos {
    color: #e6e6e6
}

.a9-comments.a9p-theme_dark .a9-comments_release {
    color: #333
}

.a9-download {
    position: relative;
    width: 100%;
    margin-bottom: .4rem;
    padding: .16rem 0;
    background: rgba(199,235,255,.2)
}

.a9-download .a9-download_intro-h {
    position: relative;
    font-size: .36rem;
    line-height: .5rem
}

.a9-download .a9-download_intro-join {
    position: relative;
    font-size: .2rem;
    line-height: .26rem
}

.a9-download .a9-download_intro-device {
    position: relative;
    margin: .08rem;
    width: .34rem;
    height: .34rem;
    text-align: center;
    line-height: .34rem;
    border-radius: .17rem;
    border: 1px solid transparent;
    overflow: hidden
}

.a9-download .a9-download_intro-device img {
    width: 100%;
    height: 100%
}

.a9-download .a9-download_intro-android {
    font-size: 24px;
    color: #96c03d;
    margin: .05rem .06rem
}

.a9-download .a9-download_intro-ios {
    font-size: 24px;
    color: #35a7ff;
    margin: .04rem .07rem
}

.a9-download .a9-download_intro-app {
    position: relative;
    margin: .08rem;
    padding: .08rem;
    width: 1.4rem;
    height: 1.4rem;
    border: 1px solid transparent;
    overflow: hidden
}

.a9-download .a9-download_intro-app img {
    width: 100%;
    height: 100%
}

.a9-download .a9-download_qcode {
    width: 140px;
    height: 140px
}

.a9-download.a9p-theme_lite {
    color: #333
}

.a9-download.a9p-theme_lite .a9-download_intro-device {
    border-color: #f0f0f0
}

.a9-download.a9p-theme_lite .a9-download_intro-app {
    border-color: #f0f0f0;
    background-color: #fff
}

.a9-download.a9p-theme_dark {
    color: #fff
}

.a9-download.a9p-theme_dark .a9-download_intro-device {
    border-color: #404040
}

.a9-download.a9p-theme_dark .a9-download_intro-app {
    border-color: #404040;
    background-color: #333
}

.a9-icon {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    overflow: visible;
    font-size: inherit;
    width: 1em;
    height: 1em;
    stroke-width: 0;
    stroke: currentColor;
    fill: currentColor
}

.a9-aggregation-card {
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
    max-width: 100%;
    min-width: 0;
    padding: .16rem;
    font-size: .14rem;
    line-height: 1
}

.a9-aggregation-card .a9-aggregation-card_image {
    position: relative;
    width: 1.81rem;
    height: 1.02rem
}

.a9-aggregation-card .a9-aggregation-card_link {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    color: inherit;
    -webkit-transition: color .16s ease;
    transition: color .16s ease
}

.a9-aggregation-card .a9-aggregation-card_link:hover {
    color: #0098ee
}

.a9-aggregation-card .a9-aggregation-card_major-links,.a9-aggregation-card .a9-aggregation-card_minor-links {
    width: 100%;
    min-width: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.a9-aggregation-card .a9-aggregation-card_minor-links .a9-aggregation-card_link:not(:first-child):before {
    content: "/";
    position: relative;
    display: inline-block;
    padding: 0 .04rem
}

.a9-aggregation-card .a9-aggregation-card_major-links {
    color: #0098ee
}

.a9-aggregation-card .a9-aggregation-card_major-links .a9-aggregation-card_link:not(:last-child) {
    padding-right: .1rem
}

.a9-aggregation-card .a9-aggregation-card_major-links .a9-aggregation-card_link:not(:first-child) {
    padding-left: .1rem;
    border-left: .01rem solid
}

.a9-aggregation-card.a9p-theme_lite {
    color: #333;
    background-color: #fff
}

.a9-aggregation-card.a9p-theme_lite .a9-aggregation-card_minor-links,.a9-aggregation-card.a9p-theme_lite .a9-aggregation-card_minor-links .a9-aggregation-card_link:before {
    color: #999
}

.a9-aggregation-card.a9p-theme_lite .a9-aggregation-card_major-links .a9-aggregation-card_link {
    border-color: #f0f0f0
}

.a9-aggregation-card.a9p-theme_dark {
    color: #fff;
    background-color: #333
}

.a9-aggregation-card.a9p-theme_dark .a9-aggregation-card_minor-links,.a9-aggregation-card.a9p-theme_dark .a9-aggregation-card_minor-links .a9-aggregation-card_link:before {
    color: #e6e6e6
}

.a9-aggregation-card.a9p-theme_dark .a9-aggregation-card_major-links .a9-aggregation-card_link {
    border-color: #404040
}

.a9-aggregation-list {
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
    min-width: 0
}

.a9-aggregation-list,.a9-card-list {
    position: relative;
    -webkit-box-flex: 1;
    max-width: 100%
}

.a9-card-list {
    -ms-flex: 1 0 100%;
    flex: 1 0 100%
}

.a9-card-list .a9-card-list_wrapper {
    overflow: hidden
}

.a9-card-list .a9-card-list_ad {
    position: absolute;
    left: .08rem;
    top: .08rem;
    z-index: 10
}

.a9-card-list .a9-card-list_label {
    position: relative;
    font-size: .16rem
}

.a9-card-list .a9-card-list_label.is-14 {
    font-size: .14rem
}

.a9-card-list .a9-card-list_label.is-center {
    text-align: center
}

.a9-card-list .a9-card-list_label .a9-card-list_label-oneline {
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.a9-card-list .a9-card-list_mask {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-color: rgba(0,0,0,.1)
}

.a9-card-list .a9-card-list_mask-hide {
    display: none
}

.a9-card-list .a9-card-list_cover.is-lang:before {
    content: "\4E2D\6587";
    width: .8rem;
    height: .3rem;
    font-size: .16rem;
    text-align: center;
    line-height: .3rem;
    background-color: #fe4b83;
    color: #fff;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2
}

.a9-card-list .a9-card-list_cover:hover .a9-card-list_mask {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-color: transparent
}

.a9-image-link-list {
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 100%;
    flex: 1 0 100%;
    max-width: 100%;
    margin-top: .2rem
}

.a9-image-link-list .a9-image-link-list_item {
    -webkit-transition: -webkit-box-shadow .32s ease-out 0s;
    transition: -webkit-box-shadow .32s ease-out 0s;
    transition: box-shadow .32s ease-out 0s;
    transition: box-shadow .32s ease-out 0s,-webkit-box-shadow .32s ease-out 0s
}

.a9-image-link-list .a9-image-link-list_item:hover {
    -webkit-box-shadow: rgba(0,0,0,.14) 0 .04rem .08rem,rgba(0,0,0,.12) 0 .01rem .02rem;
    box-shadow: 0 .04rem .08rem rgba(0,0,0,.14),0 .01rem .02rem rgba(0,0,0,.12)
}

.a9-image-link-list .a9-image-link-list_item-gap {
    padding-bottom: .1rem!important
}

.a9-mini-news-list .a9-mini-news-list_cover {
    width: .96rem;
    height: .54rem
}

.a9-mini-news-list .a9-mini-news-list_ad {
    z-index: 10;
    background: #fff
}

.a9-mini-news-list .a9-mini-news-list_ad>div {
    padding: .15rem .16rem
}

.a9-mini-news-list .a9-mini-news-list_title-container {
    position: relative
}

.a9-mini-news-list .a9-mini-news-list_title-container.is-twoText {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2
}

.a9-mini-news-list .a9-mini-news-list_title {
    display: inline-block;
    height: .4rem;
    line-height: .2rem;
    overflow: hidden;
    position: absolute;
    top: 50%;
    margin-top: -.2rem
}

.a9-mini-news-list.vdp-theme_lite.is-divided>.vd-flexbox:not(:last-child) .vd-list_item .vd-list_content {
    border-bottom: 1px solid #f0f0f0
}

.a9-plain-list {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
    min-width: 0;
    max-width: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    padding: .16rem
}

.a9-plain-list,.a9-plain-list .a9-plain-list_item {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0
}

.a9-plain-list .a9-plain-list_item {
    width: 100%;
    padding: 0;
    line-height: .34rem;
    font-size: .14rem;
    color: inherit
}

.a9-plain-list .a9-plain-list_item:not(:last-child) {
    margin-bottom: .05rem
}

.a9-plain-list .a9-plain-list_item.is-emphasize {
    color: #fe4b83
}

.a9-plain-list .a9-plain-list_item.is-emphasize:not(:last-child) {
    border-bottom: .01rem solid transparent;
    margin-bottom: .16rem
}

.a9-plain-list .a9-plain-list_item.is-card {
    color: #fe4b83
}

.a9-plain-list .a9-plain-list_item.is-card:not(:last-child) {
    border-bottom: .01rem solid transparent;
    margin-bottom: .16rem
}

.a9-plain-list .a9-plain-list_item.is-emphasize {
    padding-bottom: .16rem;
    font-size: .18rem;
    line-height: .29667rem
}

.a9-plain-list .a9-plain-list_item.is-border-bottom:not(:last-child) {
    padding-bottom: .1rem;
    border-bottom: .01rem solid transparent;
    margin-bottom: .1rem
}

.a9-plain-list .a9-plain-list_item.is-card:first-child {
    margin-top: -.16rem
}

.a9-plain-list .a9-plain-list_item:hover {
    color: #0098ee
}

.a9-plain-list .a9-plain-list_cover {
    width: 1.59rem;
    height: .89rem;
    -o-object-fit: cover;
    object-fit: cover;
    overflow: hidden
}

.a9-plain-list .a9-plain-list_cover-large {
    width: 1.87rem;
    height: 1.05rem;
    -o-object-fit: cover;
    object-fit: cover;
    overflow: hidden
}

.a9-plain-list .a9-plain-list_label {
    font-size: .18rem;
    line-height: .32rem
}

.a9-plain-list .a9-plain-list_label-small {
    font-size: .14rem;
    line-height: .24rem
}

.a9-plain-list .a9-plain-list_card {
    color: #fe4b83
}

.a9-plain-list .a9-plain-list_card-content {
    padding: .1rem 0 .16rem;
    line-height: 1.618
}

.a9-plain-list .a9-plain-list_card-cover {
    margin: 0 -.16rem
}

.a9-plain-list .a9-plain-list_item-content {
    width: 100%;
    min-width: 0;
    color: inherit;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.a9-plain-list .a9-plain-list_item-content:before {
    content: " ";
    position: relative;
    display: inline-block;
    width: .07071rem;
    height: .07071rem;
    vertical-align: middle;
    margin-right: .06464rem;
    border-width: .03536rem;
    border-style: solid;
    border-color: currentColor currentColor transparent transparent;
    -webkit-transform: translateX(-50%) rotate(45deg);
    transform: translateX(-50%) rotate(45deg)
}

.a9-plain-list .a9-plain-list_item-content.is-factory:before {
    content: "\5382\5546";
    width: .32rem;
    line-height: .26rem;
    height: .28rem;
    vertical-align: middle;
    border-width: 0;
    -webkit-transform: none;
    transform: none
}

.a9-plain-list.a9p-theme_lite {
    color: #333;
    background-color: #fff
}

.a9-plain-list.a9p-theme_lite .a9-plain-list_item:not(:last-child) {
    border-color: #f0f0f0
}

.a9-plain-list.a9p-theme_lite .a9-plain-list_item-content.is-factory:before {
    color: #999
}

.a9-plain-list.a9p-theme_dark {
    color: #fff;
    background-color: #333
}

.a9-plain-list.a9p-theme_dark .a9-plain-list_item:not(:last-child) {
    border-color: #404040
}

.a9-plain-list.a9p-theme_dark .a9-plain-list_item-content.is-factory:before {
    color: #e6e6e6
}

.a9-rich-card-list {
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 100%;
    flex: 1 0 100%;
    max-width: 100%
}

.a9-rich-card-list .a9-rich-card-list_item {
    display: block;
    font-size: .14rem;
    line-height: .24rem!important
}

.a9-rich-card-list .a9-rich-card-list_item.is-badge {
    padding-top: .16rem
}

.a9-rich-card-list .a9-rich-card-list_item-gap {
    margin-top: .03rem
}

.a9-rich-card-list .a9-rich-card-list_image {
    position: relative;
    -o-object-fit: cover;
    object-fit: cover
}

.a9-rich-card-list .a9-rich-card-list_label {
    position: relative;
    line-height: 1.2
}

.a9-rich-card-list .a9-rich-card-list_label.is-size18 {
    font-size: .18rem
}

.a9-rich-card-list .a9-rich-card-list_label.is-top8 {
    margin-top: .08rem
}

.a9-rich-card-list .a9-rich-card-list_label.is-labelCenter {
    font-size: .14rem!important;
    line-height: .24rem!important
}

.a9-rich-card-list .a9-rich-card-list_label-hover:hover .is-labelCenter {
    color: #0098ee!important
}

.a9-rich-card-list .a9-rich-card-list_summary {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2
}

.a9-rich-card-list .a9-rich-card-list_infos {
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
    max-width: 100%;
    min-width: 0;
    overflow: hidden;
    padding-top: 0
}

.a9-rich-card-list .a9-rich-card-list_strategies {
    margin-left: -.01rem;
    overflow: hidden
}

.a9-rich-card-list .a9-rich-card-list_strategies-name {
    position: relative;
    padding: 0 .1rem;
    line-height: .19rem;
    border-left: 1px solid transparent;
    color: #0098ee;
    font-size: .14rem
}

.a9-rich-card-list .a9-rich-card-list_badge {
    position: absolute;
    top: .16rem;
    left: 0;
    min-width: .6rem;
    height: .3rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: .18rem;
    white-space: nowrap;
    text-align: center;
    color: #fff;
    background-color: #fe4b83
}

.a9-rich-card-list .a9-rich-card-list_badge.is-number {
    font-weight: 700
}

.a9-rich-card-list.a9p-theme_lite,.a9-rich-card-list.a9p-theme_lite .a9-rich-card-list_label {
    color: #333
}

.a9-rich-card-list.a9p-theme_lite .a9-rich-card-list_infos,.a9-rich-card-list.a9p-theme_lite .a9-rich-card-list_summary {
    color: #999
}

.a9-rich-card-list.a9p-theme_lite .a9-rich-card-list_strategies-name {
    border-color: #f0f0f0
}

.a9-rich-card-list.a9p-theme_dark,.a9-rich-card-list.a9p-theme_dark .a9-rich-card-list_label {
    color: #fff
}

.a9-rich-card-list.a9p-theme_dark .a9-rich-card-list_infos,.a9-rich-card-list.a9p-theme_dark .a9-rich-card-list_summary {
    color: #e6e6e6
}

.a9-rich-card-list.a9p-theme_dark .a9-rich-card-list_strategies-name {
    border-color: #404040
}

.a9-timeline {
    line-height: 1.35714
}

.a9-timeline .a9-timeline_icon {
    width: .75rem;
    height: .42rem
}

.a9-timeline .a9-timeline_date,.a9-timeline .a9-timeline_left,.a9-timeline .a9-timeline_serial {
    width: .44rem;
    line-height: 1.35714;
    text-align: center;
    margin-bottom: .04rem
}

.a9-timeline .a9-timeline_date {
    margin-bottom: .05rem
}

.a9-timeline .a9-timeline_serial {
    width: .32rem;
    font-size: .24rem;
    color: #0098ee
}

.a9-timeline .a9-timeline_main {
    position: relative;
    height: 100%;
    padding-left: .16rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.a9-timeline .a9-timeline_circle-line {
    position: absolute;
    top: -.16rem;
    bottom: -.16rem;
    left: 0;
    display: block;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    padding: .16rem 0;
    border-left: .01rem solid transparent
}

.a9-timeline .a9-timeline_circle-line:before {
    content: " ";
    display: none;
    position: absolute;
    left: -.01rem;
    right: -.01rem;
    -webkit-transition: background-color .16s ease-in-out;
    transition: background-color .16s ease-in-out
}

.a9-timeline .a9-timeline_circle-line:after {
    content: " ";
    position: relative;
    display: inline-block;
    width: .09rem;
    height: .09rem;
    border: .01rem solid currentColor;
    border-radius: 50%;
    margin-left: -.05rem
}

.a9-timeline .a9-timeline_item:first-child .a9-timeline_circle-line:before,.a9-timeline .a9-timeline_item:last-child .a9-timeline_circle-line:before {
    display: block
}

.a9-timeline .a9-timeline_item:first-child .a9-timeline_circle-line:before {
    top: 0;
    height: .255rem
}

.a9-timeline .a9-timeline_item:last-child .a9-timeline_circle-line:before {
    top: .255rem;
    bottom: 0
}

.a9-timeline .a9-timeline_content {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-width: 0;
    line-height: 1.35714
}

.a9-timeline .a9-timeline_label {
    font-size: .14rem
}

.a9-timeline .a9-timeline_label,.a9-timeline .a9-timeline_sub-label {
    min-width: 0;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 100%;
    flex: 1 0 100%;
    max-width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.a9-timeline .a9-timeline_image {
    width: .8rem;
    height: .8rem;
    -o-object-fit: cover;
    object-fit: cover
}

.a9-timeline .a9-timeline_info-item.is-highlight {
    color: #fe4b83
}

.a9-timeline.a9p-theme_lite .a9-timeline_circle-line {
    color: #999;
    border-color: #f0f0f0
}

.a9-timeline.a9p-theme_lite .a9-timeline_circle-line:after,.a9-timeline.a9p-theme_lite .a9-timeline_circle-line:before {
    background-color: #fff
}

.a9-timeline.a9p-theme_lite .a9-timeline_item:hover .a9-timeline_circle-line:before {
    background-color: #fafafa
}

.a9-timeline.a9p-theme_lite .a9-timeline_infos,.a9-timeline.a9p-theme_lite .a9-timeline_sub-label {
    color: #999
}

.a9-timeline.a9p-theme_dark .a9-timeline_circle-line {
    color: #e6e6e6;
    border-color: #404040
}

.a9-timeline.a9p-theme_dark .a9-timeline_circle-line:after,.a9-timeline.a9p-theme_dark .a9-timeline_circle-line:before {
    background-color: #333
}

.a9-timeline.a9p-theme_dark .a9-timeline_item:hover .a9-timeline_circle-line:before {
    background-color: #404040
}

.a9-timeline.a9p-theme_dark .a9-timeline_infos,.a9-timeline.a9p-theme_dark .a9-timeline_sub-label {
    color: #e6e6e6
}

.a9-timeline .a9-timeline_circle-line.is-highlight,.a9-timeline .a9-timeline_date.is-highlight,.a9-timeline .a9-timeline_left.is-highlight,.a9-timeline .a9-timeline_serial.is-highlight {
    color: #fe4b83
}

.a9-loading-mask {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    font-size: .32rem;
    color: #0098ee
}

.a9-loading-mask .a9-loading-mask_container {
    width: 100%;
    height: 100%;
    max-height: 2.56rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.a9-loading-mask.a9p-theme_lite {
    background-color: hsla(0,0%,100%,.5)
}

.a9-loading-mask.a9p-theme_dark {
    background-color: rgba(0,0,0,.5)
}

.a9-footer {
    position: relative;
    width: 100%;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    margin-top: auto
}

@media (min-width: 1920px) {
    .a9-footer .a9-footer_container {
        width:1600px
    }
}

.a9-footer .a9-footer_nav {
    position: relative;
    padding: .8rem 0
}

.a9-footer .a9-footer_external {
    padding: .8rem 0
}

.a9-footer .a9-footer_group {
    line-height: 1;
    white-space: nowrap
}

.a9-footer .a9-footer_group-label {
    font-size: .18rem;
    margin-bottom: .04rem
}

.a9-footer .a9-footer_group-item {
    -webkit-transition: color .16s ease-in-out;
    transition: color .16s ease-in-out;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none
}

.a9-footer .a9-footer_divider-v {
    width: .01rem;
    height: 100%;
    background: #e6e6e6
}

.a9-footer .a9-footer_follow-us {
    font-size: .18rem;
    margin-bottom: .4rem;
    line-height: 1
}

.a9-footer .a9-footer_qcode-all {
    width: 100%;
    height: auto
}

.a9-footer .a9-footer_qcode {
    position: relative;
    width: 28%;
    max-width: 1.2rem
}

.a9-footer .a9-footer_qcode:not(:last-child) {
    margin-right: 5%
}

.a9-footer .a9-footer_qcode-image {
    position: relative;
    width: 100%;
    height: auto;
    max-width: 1.2rem;
    max-height: 1.2rem;
    margin-bottom: .1rem
}

.a9-footer .a9-footer_qcode-label {
    max-width: 1.2rem;
    height: .2rem;
    line-height: .2rem;
    text-align: center
}

.a9-footer .a9-footer_qcode-label span {
    height: .2rem;
    line-height: .2rem;
    display: inline-block
}

.a9-footer .a9-footer_qcode-icon {
    width: .2rem;
    height: .2rem;
    border-radius: .1rem;
    padding: .03rem;
    display: inline-block;
    vertical-align: -.325em
}

.a9-footer .a9-footer_qcode-weibo {
    background: #f64548
}

.a9-footer .a9-footer_qcode-weixin {
    background: #91c621
}

.a9-footer .a9-footer_qcode-apple {
    background: #35a4ec;
    margin-right: .03rem
}

.a9-footer .a9-footer_qcode-android {
    background: #91c621
}

.a9-footer .a9-footer_external {
    position: relative;
    padding: .4rem 0;
    background: #313d55;
    color: #adb9d4
}

.a9-footer .a9-footer_4gamer {
    margin-bottom: .4rem
}

.a9-footer .a9-footer_4gamer-image {
    width: 1.9rem;
    height: .34rem
}

.a9-footer .a9-footer_friends {
    margin-bottom: .4rem
}

.a9-footer .a9-footer_friends-label {
    padding: .05rem 0;
    margin-bottom: .16rem;
    line-height: 1
}

.a9-footer .a9-footer_friends-wrapper {
    padding: .08rem 0;
    margin: -.08rem;
    overflow: hidden
}

.a9-footer .a9-footer_friend-item {
    display: inline-block;
    position: relative;
    padding: .05rem .09rem .05rem .08rem;
    margin-left: -.01rem;
    color: #adb9d4;
    white-space: nowrap;
    line-height: 1
}

.a9-footer .a9-footer_friend-item:before {
    content: " ";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    height: 1em;
    margin: auto 0;
    border-left: .01rem solid #adb9d4
}

.a9-footer .a9-footer_external-divider {
    width: 100%;
    border-bottom: .01rem solid #707a91;
    margin-bottom: .4rem
}

.a9-footer .a9-footer_icp-image {
    width: .9rem;
    height: .98rem;
    -o-object-fit: contain;
    object-fit: contain
}

.a9-footer .a9-footer_icp-donews,.a9-footer .a9-footer_icp-item {
    color: #adb9d4;
    margin-right: .08rem
}

.a9-footer .a9-footer_icp-item label {
    cursor: pointer;
    display: inline-block
}

.a9-footer .a9-footer_ids-image {
    width: 1rem;
    height: auto
}

.a9-footer .a9-footer_report-image {
    width: 20px;
    vertical-align: middle;
    margin-right: 3px;
    cursor: pointer
}

.a9-footer.a9p-theme_lite {
    color: #333;
    background-color: #fff
}

.a9-footer.a9p-theme_lite .a9-footer_group-label {
    color: #333
}

.a9-footer.a9p-theme_lite .a9-footer_group-item {
    color: #999
}

.a9-footer.a9p-theme_lite .a9-footer_group-item:hover {
    color: #333
}

.a9-footer.a9p-theme_lite .a9-footer_icp-item:hover {
    text-decoration: underline
}

.a9-footer.a9p-theme_lite .a9-footer_qcode-icon {
    color: #fff
}

.a9-footer.a9p-theme_dark {
    color: #fff;
    background-color: #333
}

.a9-footer.a9p-theme_dark .a9-footer_group-label {
    color: #fff
}

.a9-footer.a9p-theme_dark .a9-footer_group-item {
    color: #e6e6e6
}

.a9-footer.a9p-theme_dark .a9-footer_group-item:hover {
    color: #fff
}

.a9-footer.a9p-theme_dark .a9-footer_icp-item:hover {
    text-decoration: underline
}

.a9-footer.a9p-theme_dark .a9-footer_qcode-icon {
    color: #333
}

.a9-guide-download {
    width: 100%;
    min-width: 1200px;
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 100000
}

.a9-guide-download.is-hidden {
    display: none
}

.a9-guide-download .a9-guide-download_main {
    margin: 0 auto;
    text-align: center;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%
}

.a9-guide-download .a9-guide-download_main a {
    width: 100%;
    max-width: 1920px;
    max-height: 150px;
    margin: 0 auto;
    position: relative
}

.a9-guide-download .a9-guide-download_main img {
    width: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.a9-guide-download .a9-guide-download_close {
    position: absolute;
    right: 20px;
    top: 21px;
    width: 32px;
    height: 32px;
    cursor: pointer
}

.a9-guide-download .a9-guide-download_close img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.a9-header {
    position: relative;
    z-index: 1200;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    width: 100%;
    font-size: .16rem;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.a9-header .a9-header_main {
    position: relative;
    z-index: 1201;
    width: 100%;
    height: .8rem;
    border-bottom: .01rem solid transparent
}

.a9-header .a9-header_main.is-active {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 10000
}

.a9-header .a9-header_brand-container {
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 2;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.a9-header .a9-header_brand {
    position: relative;
    width: 1.51rem;
    height: .21rem;
    background: no-repeat 50%/contain url(../images/logo.1cee7c0f.svg)
}

.a9-header .a9-header_item-wrapper {
    left: .35rem
}

.a9-header .a9-header_item-container,.a9-header .a9-header_item-wrapper {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: .8rem;
    padding: 0;
    margin: 0
}

.a9-header .a9-header_item-container {
    left: 1.51rem
}

.a9-header .a9-header_search-box {
    position: absolute;
    left: 1.4rem;
    top: .22rem
}

.a9-header .a9-header_search-box-input {
    border: none;
    outline: none;
    width: 9.9rem;
    font-size: .14rem;
    line-height: .2rem;
    color: #999;
    margin-left: .3rem
}

.a9-header .a9-header_close-icon {
    color: #999;
    font-size: .2rem;
    cursor: pointer
}

.a9-header .a9-header_model {
    position: fixed;
    width: 100vw;
    height: 100vh;
    z-index: 9999;
    background: rgba(0,0,0,.16);
    display: none
}

.a9-header .a9-header_model.is-active {
    display: block
}

.a9-header .a9-header_item-wrapper {
    margin: 0 -.25rem
}

.a9-header .a9-header_item-container {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    padding: 0 .25rem
}

.a9-header .a9-header_item {
    position: relative;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-line-pack: center;
    -ms-flex-align: center;
    padding: 0;
    margin: 0;
    border: none;
    font-size: .16rem;
    background-color: transparent;
    -webkit-transition: all .16s ease-in-out;
    transition: all .16s ease-in-out
}

.a9-header .a9-header_account-container,.a9-header .a9-header_item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    align-content: center;
    -webkit-box-align: center;
    align-items: center;
    white-space: nowrap
}

.a9-header .a9-header_account-container {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-line-pack: center;
    -ms-flex-align: center;
    -ms-flex-item-align: center;
    align-self: center;
    padding: .08rem;
    padding-right: 0
}

.a9-header .a9-header_account-container.is-active {
    display: none
}

.a9-header .a9-header_search-icon {
    display: inline-block;
    font-size: .22rem;
    margin-right: .04rem;
    cursor: pointer
}

.a9-header .a9-header_avatar,.a9-header .a9-header_control,.a9-header .a9-header_nickname {
    margin: .08rem
}

.a9-header .a9-header_avatar {
    position: relative;
    width: .4rem;
    height: .4rem;
    border-radius: 50%;
    -o-object-fit: cover;
    object-fit: cover;
    overflow: hidden
}

.a9-header .a9-header_avatar.is-missing {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: .2rem
}

.a9-header .a9-header_avatar:hover {
    -webkit-box-shadow: rgba(0,0,0,.13) 0 .02rem .04rem,rgba(0,0,0,.11) 0 .005rem .01rem;
    box-shadow: 0 .02rem .04rem rgba(0,0,0,.13),0 .005rem .01rem rgba(0,0,0,.11)
}

.a9-header .a9-header_nickname {
    white-space: nowrap
}

.a9-header .a9-header_sub {
    position: absolute;
    z-index: 1199;
    top: 100%;
    left: 0;
    right: 0;
    width: 100%;
    height: 1.8rem;
    overflow: hidden;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
    -webkit-transition: -webkit-transform .16s ease-out;
    transition: -webkit-transform .16s ease-out;
    transition: transform .16s ease-out;
    transition: transform .16s ease-out,-webkit-transform .16s ease-out
}

.a9-header .a9-header_sub.is-active {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: -webkit-transform .32s ease;
    transition: -webkit-transform .32s ease;
    transition: transform .32s ease;
    transition: transform .32s ease,-webkit-transform .32s ease
}

.a9-header .a9-header_subitem-wrapper {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: none;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.a9-header .a9-header_subitem,.a9-header .a9-header_subitem-wrapper.is-active {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.a9-header .a9-header_subitem {
    position: relative;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: .18rem;
    color: inherit;
    -webkit-transition: all .16s ease-in-out;
    transition: all .16s ease-in-out
}

.a9-header .a9-header_subitem:hover {
    color: #0098ee
}

.a9-header .a9-header_subitem+.a9-header_subitem {
    margin-left: 7%
}

.a9-header .a9-header_subitem-icon-container {
    position: relative;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    width: .6rem;
    height: .6rem;
    border-radius: .05rem;
    margin: 0 .16rem 0 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: .32rem
}

.a9-header .a9-header_subitem-icon {
    font-size: 140%
}

.a9-header .a9-header_subitem-wrapper.is-compact .a9-header_subitem {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.a9-header .a9-header_subitem-wrapper.is-compact .a9-header_subitem+.a9-header_subitem {
    margin-left: .8rem
}

.a9-header .a9-header_subitem-wrapper.is-compact .a9-header_subitem-icon-container {
    border-radius: 50%;
    margin: 0 0 .16rem 0
}

.a9-header.a9p-theme_lite {
    color: #333
}

.a9-header.a9p-theme_lite .a9-header_main,.a9-header.a9p-theme_lite .a9-header_sub {
    background-color: #fff;
    border-color: #f0f0f0
}

.a9-header.a9p-theme_lite .a9-header_item {
    color: #333
}

.a9-header.a9p-theme_lite .a9-header_avatar.is-missing {
    color: #999;
    background-color: #f7f7f7
}

.a9-header.a9p-theme_lite .a9-header_search-icon {
    color: #0098ee
}

.a9-header.a9p-theme_dark {
    color: #fff
}

.a9-header.a9p-theme_dark .a9-header_main,.a9-header.a9p-theme_dark .a9-header_sub {
    background-color: #333;
    border-color: #404040
}

.a9-header.a9p-theme_dark .a9-header_item {
    color: #fff
}

.a9-header.a9p-theme_dark .a9-header_avatar.is-missing {
    color: #e6e6e6;
    background-color: #222
}

.a9-header .a9-header_item.is-active,.a9-header .a9-header_item:hover,.a9-header.a9p-theme_dark .a9-header_search-icon {
    color: #0098ee
}

.a9-pagination {
    position: relative;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    white-space: nowrap;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    margin-top: .2rem;
    margin-bottom: 1.4rem
}

.a9-pagination .a9-pagination_item-container,.a9-pagination .a9-pagination_wrapper {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    padding: 0;
    margin: 0
}

.a9-pagination .a9-pagination_wrapper {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.a9-pagination .a9-pagination_item-container {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    width: .4rem;
    height: .4rem;
    background: #fff;
    margin-right: .05rem
}

.a9-pagination .a9-pagination_item {
    cursor: pointer;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: inherit;
    white-space: nowrap;
    padding: 0;
    margin: 0;
    border: .01rem solid transparent;
    line-height: 1.44
}

.a9-pagination .a9-pagination_item[disabled] {
    pointer-events: none;
    cursor: not-allowed
}

.a9-pagination .a9-pagination_item:before {
    content: " ";
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    opacity: 0;
    -webkit-transition: opacity .16s ease-in-out;
    transition: opacity .16s ease-in-out
}

.a9-pagination .a9-pagination_element+.a9-pagination_element {
    margin-left: -.01rem
}

.a9-pagination.a9p-size_xsmall .a9-pagination_item {
    font-size: .12rem;
    height: .24rem;
    min-width: .24rem;
    padding: .618em
}

.a9-pagination.a9p-size_small .a9-pagination_item {
    font-size: .14rem;
    height: .32rem;
    min-width: .32rem;
    padding: .618em
}

.a9-pagination.a9p-size_medium .a9-pagination_item {
    font-size: .18rem;
    height: .4rem;
    min-width: .4rem;
    padding: .618em
}

.a9-pagination.a9p-size_large .a9-pagination_item {
    font-size: .2rem;
    height: .48rem;
    min-width: .48rem;
    padding: .618em
}

.a9-pagination.a9p-size_xlarge .a9-pagination_item {
    font-size: .24rem;
    height: .56rem;
    min-width: .56rem;
    padding: .618em
}

.a9-pagination .a9-pagination_item.is-active {
    position: relative;
    background: #0098ee;
    color: #fff
}

.a9-section-title {
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 100%;
    flex: 1 0 100%;
    -ms-flex-item-align: 100%;
    align-self: 100%;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    vertical-align: middle;
    padding-top: .2rem;
    background-color: #f7f7f7
}

.a9-section-title.is-gap-top {
    padding-top: .2rem
}

.a9-section-title.is-gap-bottom {
    padding-bottom: .16rem
}

.a9-section-title .a9-section-title_title {
    position: relative;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    height: 1em;
    padding: 0 0 0 .1rem;
    margin: 0;
    border-left: .03rem solid #0098ee;
    font-size: .24rem;
    font-weight: 400;
    line-height: 1
}

.a9-section-title .a9-section-title_controls {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: 0 .16rem
}

.a9-section-title .a9-section-title_more {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none
}

.a9-section-title.a9p-theme_lite,.a9-section-title.a9p-theme_lite .a9-section-title_title {
    color: #333
}

.a9-section-title.a9p-theme_lite .a9-section-title_more {
    color: #999
}

.a9-section-title.a9p-theme_dark,.a9-section-title.a9p-theme_dark .a9-section-title_title {
    color: #fff
}

.a9-section-title.a9p-theme_dark .a9-section-title_more {
    color: #e6e6e6
}

.a9-tag {
    position: relative;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    height: .17rem;
    padding: 0 .06rem;
    margin: 0;
    border: none;
    border-radius: .03rem;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    white-space: normal;
    font-size: .12rem;
    line-height: .17rem;
    color: #333;
    background-color: #ebe9e9
}

.a9-tag.a9p-color_blue {
    color: #0098ee;
    background-color: #d8effc
}

.a9-tag.a9p-color_green {
    color: #00b708;
    background-color: #cbf3cd
}

.a9-tag.a9p-color_pink {
    color: #fe4b83;
    background-color: #fee3ec
}

.a9-tag.a9p-color_grey {
    color: #333;
    background-color: #ebe9e9
}

.a9-tag-group {
    position: relative;
    margin: -.04rem;
    padding: .02rem
}

.a9-tag-group>.a9-tag {
    margin: .02rem;
    padding-top: .01rem
}

.a9-tip-success {
    position: fixed;
    width: 100vw;
    height: 100vh;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 1400
}

.a9-tip-success .a9-tip-success_main-box {
    width: 100%;
    height: 100%
}

.a9-tip-success .a9-tip-success_main {
    position: relative;
    width: 2.76rem;
    height: 1.56rem;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 0 .4rem;
    font-size: 14;
    background: #fff;
    border-radius: 5px;
    -webkit-box-shadow: rgba(0,0,0,.14) 0 .04rem .08rem,rgba(0,0,0,.12) 0 .01rem .02rem;
    box-shadow: 0 .04rem .08rem rgba(0,0,0,.14),0 .01rem .02rem rgba(0,0,0,.12)
}

.a9-tip-success .a9-tip-success_main-tip-info {
    width: 2.76rem;
    height: .83rem;
    border-bottom: 1px solid #f0f0f0
}

.a9-tip-success .a9-tip-success_main-tip-success {
    width: 2.76rem;
    height: .72rem
}

.a9-tip-success.a9p-theme_lite {
    background: rgba(36,40,51,.6);
    color: #333
}

.a9-tip-success.a9p-theme_lite .a9-tip-success_intro-device {
    border-color: #f0f0f0
}

.a9-tip-success.a9p-theme_lite .a9-tip-success_intro-app {
    border-color: #f0f0f0;
    background-color: #fff
}

.a9-tip-success.a9p-theme_dark {
    background: rgba(36,40,51,.6);
    color: #fff
}

.a9-tip-success.a9p-theme_dark .a9-tip-success_intro-device {
    border-color: #404040
}

.a9-tip-success.a9p-theme_dark .a9-tip-success_intro-app {
    border-color: #404040;
    background-color: #333
}

.c-check-code {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    overflow: hidden;
    background-color: #fff;
    border: 1px solid #dcdcdc;
    padding: .1rem;
    z-index: 10000
}

.c-check-code .c-check-code_content-box {
    width: 2.8rem
}

.c-check-code .c-check-code_content-box input {
    border-top: none;
    border-right: none;
    border-bottom: .1em solid #dcdcdc;
    border-left: none;
    -o-border-image: initial;
    border-image: initial;
    width: 100%;
    margin: .1rem 0 0 0;
    background: transparent
}

.c-check-code .c-check-code_content-box .error-tip {
    color: red;
    font-size: .1rem;
    height: .25rem;
    display: block;
    width: 100%;
    line-height: .25rem
}

.c-check-code .c-check-code_continue {
    width: 100%;
    height: .25rem;
    color: grey;
    background-color: #00f
}

.c-check-code .c-check-code_continue:hover {
    color: #000
}

.c-check-code .c-check-code_close {
    height: .25rem;
    width: 100%;
    -webkit-font-smoothing: antialiased;
    line-height: 1em
}

.c-check-code .c-check-code_close span {
    display: inline-block;
    line-height: .25rem;
    height: 100%
}

.c-check-code .c-check-code_close span:nth-child(2) {
    float: right;
    width: .15rem;
    text-align: right;
    color: grey;
    cursor: pointer;
    font-size: .2rem
}

.c-check-code .c-check-code_close span:nth-child(2):hover {
    color: #000
}

.c-check-code .c-check-code_button {
    width: 100%;
    height: .42rem
}

.c-check-code .c-check-code_code-img {
    height: 1rem;
    background-color: #fff
}

.c-check-code .c-check-code_code-img img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.c-reset-password {
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
    max-width: 100%;
    min-width: 0;
    font-size: .14rem;
    line-height: .2rem
}

.c-reset-password .c-reset-password_content-box {
    width: 12.32rem;
    margin: .2rem auto 0;
    padding: .4rem 0 .8rem
}

.c-reset-password .c-reset-password_content {
    width: 3.5rem
}

.c-reset-password .c-reset-password_title {
    position: relative;
    font-size: .24rem;
    line-height: .32rem;
    margin-bottom: .24rem
}

.c-reset-password .c-reset-password_label {
    margin-top: .16rem
}

.c-reset-password .c-reset-password_input-box {
    margin-top: .1rem;
    position: relative
}

.c-reset-password .c-reset-password_input {
    width: 100%;
    height: .44rem;
    line-height: .44rem;
    text-indent: .08rem;
    border: .01rem solid transparent
}

.c-reset-password .c-reset-password_err-box,.c-reset-password .c-reset-password_right-box {
    position: absolute;
    top: 0;
    left: 3.6rem;
    height: .44rem;
    width: 3rem
}

.c-reset-password .c-reset-password_err-box-text {
    margin-left: .1rem
}

.c-reset-password .c-reset-password_input-code {
    width: 2.3rem
}

.c-reset-password .c-reset-password_ungetcode {
    width: 1.1rem;
    border: .01rem solid transparent;
    cursor: pointer
}

.c-reset-password .c-reset-password_getcode {
    width: 1.1rem;
    border: .01rem solid transparent
}

.c-reset-password .c-reset-password_button-box {
    margin-top: .4rem
}

.c-reset-password .c-reset-password_button {
    width: 100%;
    height: .42rem
}

.c-reset-password.cp-theme_lite .c-reset-password_content-box {
    color: #999;
    background: #fff
}

.c-reset-password.cp-theme_lite .c-reset-password_label,.c-reset-password.cp-theme_lite .c-reset-password_title {
    color: #333
}

.c-reset-password.cp-theme_lite .c-reset-password_input {
    border-color: #f0f0f0
}

.c-reset-password.cp-theme_lite .c-reset-password_input.is-active {
    border-color: #fe4b83
}

.c-reset-password.cp-theme_lite .c-reset-password_ungetcode {
    color: #0098ee;
    border-color: #0098ee
}

.c-reset-password.cp-theme_lite .c-reset-password_getcode {
    border-color: #f0f0f0
}

.c-reset-password.cp-theme_lite .c-reset-password_err-box-text {
    color: #fe4b83
}

.c-reset-password.cp-theme_dark .c-reset-password_content-box {
    color: #e6e6e6;
    background: #333
}

.c-reset-password.cp-theme_dark .c-reset-password_label,.c-reset-password.cp-theme_dark .c-reset-password_title {
    color: #fff
}

.c-reset-password.cp-theme_dark .c-reset-password_input {
    border-color: #404040
}

.c-reset-password.cp-theme_dark .c-reset-password_input.is-active {
    border-color: #fe4b83
}

.c-reset-password.cp-theme_dark .c-reset-password_ungetcode {
    color: #0098ee;
    border-color: #0098ee
}

.c-reset-password.cp-theme_dark .c-reset-password_getcode {
    border-color: #404040
}

.c-reset-password.cp-theme_dark .c-reset-password_err-box-text {
    color: #fe4b83
}

.c-sign-in {
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
    max-width: 100%;
    min-width: 0;
    font-size: .14rem;
    line-height: .2rem
}

.c-sign-in #checkCode {
    width: 50%
}

.c-sign-in #checkCode+.check-code-image {
    margin-left: 5%;
    width: 45%;
    height: 100%
}

.c-sign-in #checkCode+.check-code-image img {
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
    height: 100%
}

.c-sign-in .c-sign-in_content-box {
    width: 12.32rem;
    margin: .2rem auto 0;
    padding: .4rem 0 .8rem
}

.c-sign-in .c-sign-in_nav {
    width: 100%;
    border-bottom: .01rem solid transparent
}

.c-sign-in .c-sign-in_nav-content {
    width: 3.51rem;
    height: .48rem
}

.c-sign-in .c-sign-in_nav-content.is-active {
    font-size: .24rem;
    color: #fe4b83
}

.c-sign-in .c-sign-in_nav-li {
    width: 1.75rem
}

.c-sign-in .c-sign-in_nav-li,.c-sign-in .c-sign-in_nav-li-temporary {
    height: .48rem;
    line-height: .48rem;
    font-size: .24rem;
    text-align: center;
    cursor: pointer
}

.c-sign-in .c-sign-in_nav-li-temporary {
    width: 100%;
    color: #0098ee;
    border-bottom: .01rem solid #0098ee
}

.c-sign-in .c-sign-in_nav-li-icon {
    width: 1.6rem;
    height: .02rem;
    position: relative;
    left: .07rem;
    top: 0
}

.c-sign-in .c-sign-in_nav-li-icon:after {
    content: "";
    border: 5px solid transparent;
    border-left-color: transparent;
    border-right-color: transparent;
    border-top-color: transparent;
    width: 0;
    height: 0;
    position: absolute;
    left: .78rem;
    top: -.1rem
}

.c-sign-in .c-sign-in_nav-li-line {
    width: 0;
    height: .2rem;
    border: none;
    border-left: .01rem solid transparent
}

.c-sign-in .c-sign-in_content {
    width: 3.5rem;
    height: 3rem
}

.c-sign-in .c-sign-in_label {
    margin-top: .16rem
}

.c-sign-in .c-sign-in_input-box {
    margin-top: .1rem;
    position: relative
}

.c-sign-in .c-sign-in_input {
    width: 100%;
    height: .44rem;
    line-height: .44rem;
    text-indent: .08rem;
    border: .01rem solid transparent
}

.c-sign-in .c-sign-in_err-box,.c-sign-in .c-sign-in_right-box {
    position: absolute;
    top: 0;
    left: 3.6rem;
    height: .44rem;
    width: 3rem
}

.c-sign-in .c-sign-in_err-box-text {
    margin-left: .1rem
}

.c-sign-in .c-sign-in_button-box {
    margin-top: .4rem
}

.c-sign-in .c-sign-in_button {
    width: 100%;
    height: .42rem
}

.c-sign-in .c-sign-in_footer-box {
    margin-top: .18rem
}

.c-sign-in.cp-theme_lite .c-sign-in_content-box {
    color: #999;
    background: #fff
}

.c-sign-in.cp-theme_lite .c-sign-in_nav {
    border-color: #f0f0f0
}

.c-sign-in.cp-theme_lite .c-sign-in_nav-li-line {
    border-left-color: #f0f0f0
}

.c-sign-in.cp-theme_lite .c-sign-in_label,.c-sign-in.cp-theme_lite .c-sign-in_nav-li {
    color: #333
}

.c-sign-in.cp-theme_lite .c-sign-in_nav-li.is-active {
    color: #0098ee
}

.c-sign-in.cp-theme_lite .c-sign-in_nav-li-icon {
    background: transparent
}

.c-sign-in.cp-theme_lite .c-sign-in_nav-li-icon:after {
    border: 5px solid transparent;
    border-left-color: transparent;
    border-right-color: transparent;
    border-top-color: transparent
}

.c-sign-in.cp-theme_lite .c-sign-in_nav-li-icon.is-active {
    background: #0098ee
}

.c-sign-in.cp-theme_lite .c-sign-in_nav-li-icon.is-active:after {
    border: 5px solid #0098ee;
    border-left-color: transparent;
    border-right-color: transparent;
    border-top-color: transparent
}

.c-sign-in.cp-theme_lite .c-sign-in_input {
    border-color: #f0f0f0
}

.c-sign-in.cp-theme_lite .c-sign-in_input.is-active {
    border-color: #fe4b83
}

.c-sign-in.cp-theme_lite .c-sign-in_err-box-text {
    color: #fe4b83
}

.c-sign-in.cp-theme_lite .c-sign-in_goregister {
    color: #0098ee
}

.c-sign-in.cp-theme_lite .c-sign-in_forget-password {
    color: #999
}

.c-sign-in.cp-theme_dark .c-sign-in_content-box {
    color: #e6e6e6;
    background: #333
}

.c-sign-in.cp-theme_dark .c-sign-in_nav {
    border-color: #404040
}

.c-sign-in.cp-theme_dark .c-sign-in_nav-li-line {
    border-left-color: #404040
}

.c-sign-in.cp-theme_dark .c-sign-in_label,.c-sign-in.cp-theme_dark .c-sign-in_nav-li {
    color: #fff
}

.c-sign-in.cp-theme_dark .c-sign-in_nav-li.is-active {
    color: #0098ee
}

.c-sign-in.cp-theme_dark .c-sign-in_nav-li-icon {
    background: transparent
}

.c-sign-in.cp-theme_dark .c-sign-in_nav-li-icon:after {
    border: 5px solid transparent;
    border-left-color: transparent;
    border-right-color: transparent;
    border-top-color: transparent
}

.c-sign-in.cp-theme_dark .c-sign-in_nav-li-icon.is-active {
    background: #0098ee
}

.c-sign-in.cp-theme_dark .c-sign-in_nav-li-icon.is-active:after {
    border: 5px solid #0098ee;
    border-left-color: transparent;
    border-right-color: transparent;
    border-top-color: transparent
}

.c-sign-in.cp-theme_dark .c-sign-in_input {
    border-color: #404040
}

.c-sign-in.cp-theme_dark .c-sign-in_input.is-active {
    border-color: #fe4b83
}

.c-sign-in.cp-theme_dark .c-sign-in_err-box-text {
    color: #fe4b83
}

.c-sign-in.cp-theme_dark .c-sign-in_goregister {
    color: #0098ee
}

.c-sign-in.cp-theme_dark .c-sign-in_forget-password {
    color: #e6e6e6
}

.c-sign-up {
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
    max-width: 100%;
    min-width: 0;
    font-size: .14rem;
    line-height: .2rem
}

.c-sign-up .c-sign-up_content-box {
    width: 12.32rem;
    margin: .2rem auto 0;
    padding: .4rem 0 .8rem
}

.c-sign-up .c-sign-up_content {
    width: 3.5rem
}

.c-sign-up .c-sign-up_title {
    position: relative;
    font-size: .24rem;
    line-height: .32rem;
    margin-bottom: .24rem
}

.c-sign-up .c-sign-up_label {
    margin-top: .16rem
}

.c-sign-up .c-sign-up_input-box {
    margin-top: .1rem;
    position: relative
}

.c-sign-up .c-sign-up_input {
    width: 100%;
    height: .44rem;
    line-height: .44rem;
    text-indent: .08rem;
    border: .01rem solid transparent
}

.c-sign-up .c-sign-up_err-box,.c-sign-up .c-sign-up_right-box {
    position: absolute;
    top: 0;
    left: 3.6rem;
    height: .44rem;
    width: 3rem
}

.c-sign-up .c-sign-up_err-box-text {
    margin-left: .1rem
}

.c-sign-up .c-sign-up_input-code {
    width: 2.3rem
}

.c-sign-up .c-sign-up_ungetcode {
    cursor: pointer
}

.c-sign-up .c-sign-up_getcode,.c-sign-up .c-sign-up_ungetcode {
    width: 1.1rem;
    border: .01rem solid transparent
}

.c-sign-up .c-sign-up_button-box {
    margin-top: .4rem
}

.c-sign-up .c-sign-up_button {
    width: 100%;
    height: .42rem
}

.c-sign-up .c-sign-up_footer-box {
    margin-top: .18rem
}

.c-sign-up .c-sign-up_agreement {
    cursor: pointer
}

.c-sign-up .c-sign-up_goregister {
    position: absolute;
    left: .4rem;
    top: 0;
    font-size: .18rem;
    cursor: pointer
}

.c-sign-up .c-sign-up_agreement-content {
    padding: 0 .4rem
}

.c-sign-up .c-sign-up_agreement-title {
    font-size: .14rem;
    line-height: .24rem
}

.c-sign-up .c-sign-up_agreement-title.is-active {
    margin-top: .2rem
}

.c-sign-up .c-sign-up_agreement-title.is-active-footer {
    margin-top: .5rem
}

.c-sign-up .c-sign-up_agreement-title p {
    width: 100%;
    margin: 0
}

.c-sign-up.cp-theme_lite .c-sign-up_content-box {
    color: #999;
    background: #fff
}

.c-sign-up.cp-theme_lite .c-sign-up_agreement,.c-sign-up.cp-theme_lite .c-sign-up_label,.c-sign-up.cp-theme_lite .c-sign-up_title {
    color: #333
}

.c-sign-up.cp-theme_lite .c-sign-up_input {
    border-color: #f0f0f0
}

.c-sign-up.cp-theme_lite .c-sign-up_input.is-active {
    border-color: #fe4b83
}

.c-sign-up.cp-theme_lite .c-sign-up_ungetcode {
    color: #0098ee;
    border-color: #0098ee
}

.c-sign-up.cp-theme_lite .c-sign-up_getcode {
    border-color: #f0f0f0
}

.c-sign-up.cp-theme_lite .c-sign-up_err-box-text {
    color: #fe4b83
}

.c-sign-up.cp-theme_lite .c-sign-up_goregister,.c-sign-up.cp-theme_lite .c-sign-up_login {
    color: #0098ee
}

.c-sign-up.cp-theme_lite .c-sign-up_agreement-title {
    color: #333
}

.c-sign-up.cp-theme_lite .c-sign-up_agreement-title.is-active-header,.c-sign-up.cp-theme_lite .c-sign-up_agreement-title.is-active-header a {
    color: #fe4b83
}

.c-sign-up.cp-theme_lite .c-sign-up_agreement-title.is-active-footer a {
    color: #333
}

.c-sign-up.cp-theme_dark .c-sign-up_content-box {
    color: #e6e6e6;
    background: #333
}

.c-sign-up.cp-theme_dark .c-sign-up_agreement,.c-sign-up.cp-theme_dark .c-sign-up_label,.c-sign-up.cp-theme_dark .c-sign-up_title {
    color: #fff
}

.c-sign-up.cp-theme_dark .c-sign-up_input {
    border-color: #404040
}

.c-sign-up.cp-theme_dark .c-sign-up_input.is-active {
    border-color: #fe4b83
}

.c-sign-up.cp-theme_dark .c-sign-up_ungetcode {
    color: #0098ee;
    border-color: #0098ee
}

.c-sign-up.cp-theme_dark .c-sign-up_getcode {
    border-color: #404040
}

.c-sign-up.cp-theme_dark .c-sign-up_err-box-text {
    color: #fe4b83
}

.c-sign-up.cp-theme_dark .c-sign-up_goregister,.c-sign-up.cp-theme_dark .c-sign-up_login {
    color: #0098ee
}

.c-sign-up.cp-theme_dark .c-sign-up_agreement-title {
    color: #fff
}

.c-sign-up.cp-theme_dark .c-sign-up_agreement-title.is-active-header,.c-sign-up.cp-theme_dark .c-sign-up_agreement-title.is-active-header a {
    color: #fe4b83
}

.c-sign-up.cp-theme_dark .c-sign-up_agreement-title.is-active-footer a {
    color: #fff
}

.c-article-main {
    position: relative;
    width: 100%;
    padding: .16rem .34rem!important
}

.c-article-main .c-article-main_content {
    position: relative;
    margin-bottom: .4rem;
    overflow: hidden
}

.c-article-main .c-article-main_content img {
    cursor: -webkit-zoom-in;
    cursor: zoom-in
}

.c-article-main .c-article-main_content-title {
    position: relative;
    margin: 0;
    font-size: .28rem;
    line-height: .37rem
}

.c-article-main .c-article-main_content-intro {
    position: relative;
    margin-bottom: .04rem;
    font-size: .14rem;
    line-height: .19rem;
    overflow: hidden
}

.c-article-main .c-article-main_content-intro-item {
    display: inline-block;
    position: relative;
    padding: .16rem;
    margin-left: -.01rem;
    white-space: nowrap;
    line-height: 1
}

.c-article-main .c-article-main_content-intro-item:before {
    content: " ";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    height: 1em;
    margin: auto 0;
    border-left: .01rem solid transparent
}

.c-article-main .c-article-main_page-directory {
    width: 100%;
    height: auto;
    padding: .16rem;
    background: #f2f6fc;
    border: .01rem solid #e6ebf5;
    border-radius: .02rem;
    margin-bottom: .29rem
}

.c-article-main .c-article-main_page-directory h6 {
    font-size: .14rem;
    line-height: .19rem;
    color: #747b88;
    margin-top: 0;
    margin-bottom: .16rem
}

.c-article-main .c-article-main_page-directory ul {
    width: 100%;
    height: auto;
    margin: 0
}

.c-article-main .c-article-main_page-directory ul li {
    width: 50%;
    height: auto;
    position: relative;
    display: inline-block
}

.c-article-main .c-article-main_page-directory ul li a {
    width: 100%;
    height: .22rem;
    line-height: 212px;
    display: inline-block
}

.c-article-main .c-article-main_page-directory ul li a span {
    width: 13px;
    height: 13px;
    border: 2px solid #747b88;
    border-radius: 7.5px;
    background: #fff;
    display: inline-block;
    float: left;
    margin-right: 8px;
    margin-top: 4px
}

.c-article-main .c-article-main_page-directory ul li a p {
    color: #747b88;
    font-size: 14px;
    line-height: 22px;
    float: left;
    margin: 0
}

.c-article-main .c-article-main_page-directory-item:hover p {
    color: #4985f2
}

.c-article-main .c-article-main_page-directory-item:hover span {
    border: 2px solid #4985f2
}

.c-article-main .c-article-main_page-directory-item.is-active p {
    color: #4985f2
}

.c-article-main .c-article-main_page-directory-item.is-active span {
    border: 2px solid #4985f2
}

.c-article-main .c-article-main_contentraw {
    width: 100%
}

.c-article-main .c-article-main_contentraw p {
    width: 100%;
    font-size: .16rem;
    line-height: .34rem;
    letter-spacing: .01rem;
    margin-top: 0;
    overflow: hidden
}

.c-article-main .c-article-main_contentraw img {
    height: auto;
    max-width: 100%;
}

.c-article-main .c-article-main_contentraw iframe {
    width: 100%;
    height: 500px
}

.c-article-main .c-article-main_contentraw a {
    text-decoration: underline
}

.c-article-main .c-article-main_contentraw table {
    width: 100%!important
}

.c-article-main .c-article-main_pagination .a9-pagination {
    margin-bottom: 0
}

.c-article-main .c-article-main_download {
    position: relative;
    margin-bottom: .4rem;
    padding: .16rem 0;
    background: rgba(199,235,255,.2)
}

.c-article-main .c-article-main_tag {
    position: relative;
    margin-bottom: .4rem
}

.c-article-main .c-article-main_tag-bookmark {
    font-size: .16rem
}

.c-article-main .c-article-main_tag-notice {
    position: relative;
    color: #fe4b83
}

.c-article-main .c-article-main_behavior {
    position: relative;
    margin-bottom: .4rem
}

.c-article-main .c-article-main_like {
    position: relative;
    padding: .1rem .25rem;
    margin-right: .16rem;
    min-width: 1.5rem;
    height: .5rem;
    line-height: .3rem;
    color: #fe4b83;
    border: .01rem solid #fe4b83;
    border-radius: .25rem;
    cursor: pointer
}

.c-article-main .c-article-main_like-icon {
    position: relative;
    width: .15rem;
    height: .15rem;
    margin-right: .04rem;
    margin-top: .07rem;
    background: #fe4b83;
    display: inline-block
}

.c-article-main .c-article-main_like-person {
    position: relative;
    width: auto;
    height: .3rem;
    line-height: .3rem;
    padding-left: .08rem;
    border-left: 1px solid transparent;
    margin-left: .1rem
}

.c-article-main .c-article-main_share {
    position: relative;
    padding: .1rem .25rem;
    width: 1.5rem;
    height: .5rem;
    line-height: .3rem;
    color: #0098ee;
    border: .01rem solid #0098ee;
    border-radius: .25rem;
    cursor: pointer
}

.c-article-main .c-article-main_share:hover {
    background: #0098ee;
    color: #fff
}

.c-article-main .c-article-main_share:hover .c-article-main_share-fix {
    display: block;
    color: #333
}

.c-article-main .c-article-main_share-group>a {
    float: left
}

.c-article-main .c-article-main_share-group>a>b {
    width: .45rem;
    height: .45rem;
    margin: 0 auto .1rem;
    border-radius: 50%;
    display: block;
    cursor: pointer;
    line-height: .4rem;
    color: #fff!important;
    -webkit-transition: all .5s;
    transition: all .5s;
    position: relative;
    background: #ccc
}

.c-article-main .c-article-main_share-group>a>b:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    left: 0;
    top: 0;
    -webkit-transform: scale(0);
    transform: scale(0)
}

.c-article-main .c-article-main_share-group>a>span {
    width: .86rem;
    display: inline-block;
    color: #333;
    text-align: center;
    font-size: .14rem
}

.c-article-main .c-article-main_share-now {
    font-size: .2rem;
    margin-right: .3em
}

.c-article-main .c-article-main_share-icon {
    width: .24rem;
    height: .24rem;
    display: inline-block;
    z-index: 2;
    position: relative;
    margin-top: .1rem;
    margin-left: .1rem
}

.c-article-main .c-article-main_share-icon:hover {
    -webkit-animation: rock .4s;
    animation: rock .4s
}

.c-article-main .c-article-main_share-fix {
    position: absolute;
    top: .5rem;
    left: 0;
    z-index: 10;
    display: none;
    width: 3rem;
    height: 1.62rem
}

.c-article-main .c-article-main_share-wrapper {
    margin-top: .1rem;
    width: 3rem;
    height: 1.52rem;
    border: 1px solid #f0f0f0
}

.c-article-main .c-article-main_share-title {
    width: 3rem;
    height: .36rem;
    border-bottom: 1px solid #f0f0f0;
    color: #333;
    font-size: .14rem;
    line-height: .36rem;
    padding-left: .18rem
}

.c-article-main .c-article-main_share-group {
    width: 2.6rem;
    height: .75rem;
    margin: .2rem
}

.c-article-main .c-article-main_share-group a {
    width: .86rem;
    height: .75rem;
    display: inline-blick
}

.c-article-main .c-article-main_share-qrcode {
    width: 1.1rem;
    height: 1.36rem;
    border: 1px solid #f0f0f0;
    color: #999;
    font-size: .12rem;
    position: absolute;
    left: 0;
    top: 1rem;
    text-align: center;
    line-height: 1;
    background: #fff;
    border-radius: .03rem;
    display: none
}

.c-article-main .c-article-main_share-qrcode:before {
    content: "";
    width: .05rem;
    height: .05rem;
    background: #fff;
    border-top: 1px solid #f0f0f0;
    border-left: 1px solid #f0f0f0;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    display: block;
    position: absolute;
    right: .62rem;
    top: -.03rem
}

.c-article-main .c-article-main_share-qrcode-wrapper {
    width: 1.08rem;
    height: 1.08rem;
    border-radius: .03rem
}

.c-article-main .c-article-main_share-qrcode-wrapper img {
    width: 1.08rem;
    height: 1.08rem
}

.c-article-main .c-article-main_share-weixin {
    position: relative
}

.c-article-main .c-article-main_share-weixin:hover b:after {
    background: #3dbe5b;
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: all .3s;
    transition: all .3s
}

.c-article-main .c-article-main_share-weixin:hover .c-article-main_share-qrcode {
    display: block!important
}

.c-article-main .c-article-main_share-qq:hover b:after {
    background: #21b3f7;
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: all .3s;
    transition: all .3s
}

.c-article-main .c-article-main_share-weibo:hover b:after {
    background: #ff5757;
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: all .3s;
    transition: all .3s
}

.c-article-main.cp-theme_lite {
    color: #333;
    background-color: #fff
}

.c-article-main.cp-theme_lite .c-article-main_content-intro {
    color: #999
}

.c-article-main.cp-theme_lite .c-article-main_shard-wrapper {
    color: #333
}

.c-article-main.cp-theme_lite .c-article-main_content-intro-item {
    color: #999
}

.c-article-main.cp-theme_lite .c-article-main_content-intro-item:before,.c-article-main.cp-theme_lite .c-article-main_download-intro-device {
    border-color: #f0f0f0
}

.c-article-main.cp-theme_lite .c-article-main_tag-bookmark {
    color: #999
}

.c-article-main.cp-theme_lite .c-article-main_share-fix {
    background: #fff
}

.c-article-main.cp-theme_lite .c-article-main_like-person {
    border-color: #f0f0f0
}

.c-article-main.cp-theme_lite .c-article-main_like.is-active,.c-article-main.cp-theme_lite .c-article-main_like:hover {
    background: #fe4b83;
    color: #fff
}

.c-article-main.cp-theme_dark {
    color: #fff;
    background-color: #333
}

.c-article-main.cp-theme_dark .c-article-main_content-intro {
    color: #e6e6e6
}

.c-article-main.cp-theme_dark .c-article-main_shard-wrapper {
    color: #fff
}

.c-article-main.cp-theme_dark .c-article-main_content-intro-item {
    color: #e6e6e6
}

.c-article-main.cp-theme_dark .c-article-main_content-intro-item:before,.c-article-main.cp-theme_dark .c-article-main_download-intro-device {
    border-color: #404040
}

.c-article-main.cp-theme_dark .c-article-main_tag-bookmark {
    color: #e6e6e6
}

.c-article-main.cp-theme_dark .c-article-main_share-fix {
    background: #333
}

.c-article-main.cp-theme_dark .c-article-main_like-person {
    border-color: #404040
}

.c-article-main.cp-theme_dark .c-article-main_like.is-active,.c-article-main.cp-theme_dark .c-article-main_like:hover {
    background: #fe4b83;
    color: #333
}

@-webkit-keyframes rock {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    50% {
        -webkit-transform: rotate(5deg);
        transform: rotate(5deg)
    }

    to {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
}

@keyframes rock {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    50% {
        -webkit-transform: rotate(5deg);
        transform: rotate(5deg)
    }

    to {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
}

.c-score-card {
    position: relative;
    width: 100%;
    height: auto
}

.c-score-card .c-score-card_item {
    display: block;
    margin-bottom: .2rem
}

.c-score-card .c-score-card_item:hover {
    -webkit-box-shadow: rgba(0,0,0,.14) 0 .04rem .08rem,rgba(0,0,0,.12) 0 .01rem .02rem;
    box-shadow: 0 .04rem .08rem rgba(0,0,0,.14),0 .01rem .02rem rgba(0,0,0,.12)
}

.c-score-card .c-score-card_item:last-child {
    margin-bottom: 0
}

.c-score-card .c-score-card_content {
    width: 100%;
    height: auto;
    overflow: hidden
}

.c-score-card .c-score-card_content-img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.c-score-card .c-score-card_content-score {
    position: absolute;
    left: 0;
    top: 0;
    width: 1rem;
    height: .5rem;
    text-align: center;
    line-height: .5rem;
    font-size: .38rem;
    background: #fe4b83
}

.c-score-card .c-score-card_content-info {
    position: relative;
    width: 100%;
    padding: .16rem
}

.c-score-card .c-score-card_content-sub {
    position: relative;
    font-size: .14rem;
    line-height: .19rem;
    margin-top: .1rem
}

.c-score-card.cp-theme_lite .c-score-card_content {
    color: #333;
    background-color: #fff
}

.c-score-card.cp-theme_lite .c-score-card_content-title {
    font-size: .14rem;
    line-height: .19rem
}

.c-score-card.cp-theme_lite .c-score-card_content-sub {
    color: #999
}

.c-score-card.cp-theme_lite .c-score-card_content-score {
    color: #333
}

.c-score-card.cp-theme_dark .c-score-card_content {
    color: #fff;
    background-color: #333
}

.c-score-card.cp-theme_dark .c-score-card_content-title {
    font-size: .14rem;
    line-height: .19rem
}

.c-score-card.cp-theme_dark .c-score-card_content-sub {
    color: #e6e6e6
}

.c-score-card.cp-theme_dark .c-score-card_content-score {
    color: #fff
}

.c-game-banner {
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
    max-width: 100%;
    min-width: 0;
    padding-top: .72rem
}

.c-game-banner .c-game-banner_bg-cover .vd-acrylic_image {
    height: auto
}

.c-game-banner .c-game-banner_container {
    min-height: 2.78rem;
    padding: .16rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch
}

.c-game-banner .c-game-banner_image-container {
    position: relative;
    width: 3.1rem
}

.c-game-banner .c-game-banner_image,.c-game-banner .c-game-banner_score {
    position: absolute;
    top: -.48rem;
    left: 0
}

.c-game-banner .c-game-banner_image {
    width: 3.1rem;
    height: 3.1rem;
    -o-object-fit: cover;
    object-fit: cover
}

.c-game-banner .c-game-banner_summary {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2
}

.c-game-banner .c-game-banner_score {
    width: 1rem;
    height: .5rem;
    line-height: .5rem;
    font-size: .4rem;
    font-weight: 400;
    text-align: center;
    color: #fff;
    background-color: #fe4b83
}

.c-game-banner .c-game-banner_label {
    line-height: 1.2;
    font-size: .24rem;
    font-weight: 700
}

.c-game-banner .c-game-banner_collect-con {
    margin-top: .19rem
}

.c-game-banner .c-game-banner_collection {
    cursor: no-drop
}

.c-game-banner .c-game-banner_user-reviews {
    position: relative;
    width: 2.96rem;
    height: 2.46rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.c-game-banner .c-game-banner_user-reviews:before {
    content: " ";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: .04rem;
    border-radius: .02rem;
    background-color: #fe4b83
}

.c-game-banner .c-game-banner_user-reviews-count,.c-game-banner .c-game-banner_user-reviews-score {
    color: #fe4b83
}

.c-game-banner .c-game-banner_user-reviews-score {
    font-size: .75rem;
    line-height: 1;
    font-weight: 700
}

.c-game-banner .c-game-banner_user-reviews-info {
    font-size: .16rem;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none
}

.c-game-banner .c-game-banner_user-reviews-count {
    padding: 0 .32em
}

.c-game-banner.cp-theme_lite {
    color: #333;
    background-color: #fff
}

.c-game-banner.cp-theme_lite .c-game-banner_container {
    background-color: hsla(0,0%,100%,.6)
}

.c-game-banner.cp-theme_lite .c-game-banner_label {
    color: #333
}

.c-game-banner.cp-theme_lite .c-game-banner_platforms,.c-game-banner.cp-theme_lite .c-game-banner_sub-labels {
    color: #999
}

.c-game-banner.cp-theme_lite .c-game-banner_user-reviews {
    background-color: rgba(0,0,0,.1)
}

.c-game-banner.cp-theme_dark {
    color: #fff;
    background-color: #333
}

.c-game-banner.cp-theme_dark .c-game-banner_container {
    background-color: rgba(0,0,0,.6)
}

.c-game-banner.cp-theme_dark .c-game-banner_label {
    color: #fff
}

.c-game-banner.cp-theme_dark .c-game-banner_platforms,.c-game-banner.cp-theme_dark .c-game-banner_sub-labels {
    color: #e6e6e6
}

.c-game-banner.cp-theme_dark .c-game-banner_user-reviews {
    background-color: hsla(0,0%,100%,.1)
}

.c-game-collection {
    position: fixed;
    width: 100vw;
    height: 100vh;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 1300
}

.c-game-collection .c-game-collection_main-box {
    width: 100%;
    height: 100%
}

.c-game-collection .c-game-collection_main {
    position: relative;
    width: 5rem;
    height: 5.46rem;
    overflow: hidden;
    padding: .2rem;
    font-size: 14
}

.c-game-collection .c-game-collection_back {
    width: 4.6rem;
    height: auto;
    border-bottom: 1px solid #f7f7f7
}

.c-game-collection .c-game-collection_main-scroll {
    width: 100%;
    width: 4.6rem;
    height: 3.5rem;
    overflow-x: hidden;
    overflow-y: auto;
    border-bottom: 1px solid #f7f7f7;
    margin-bottom: .4rem
}

.c-game-collection .c-game-collection_main-list {
    width: 4.6rem;
    height: auto;
    padding: 0;
    margin: 0
}

.c-game-collection .c-game-collection_main-list-item {
    position: relative;
    width: 100%;
    padding: 0;
    margin: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    line-height: .34rem;
    font-size: .14rem;
    color: inherit;
    cursor: pointer
}

.c-game-collection .c-game-collection_main-list-item:hover {
    color: #0098ee
}

.c-game-collection .c-game-collection_main-list-item-content {
    display: inline-block
}

.c-game-collection .c-game-collection_main-list-item-content.is-active {
    color: #0098ee
}

.c-game-collection .c-game-collection_main-list-item-content:before {
    content: " ";
    position: relative;
    display: inline-block;
    width: .07071rem;
    height: .07071rem;
    vertical-align: middle;
    margin-right: .06464rem;
    border-width: .03536rem;
    border-style: solid;
    border-color: currentColor currentColor transparent transparent;
    -webkit-transform: translateX(-50%) rotate(45deg);
    transform: translateX(-50%) rotate(45deg)
}

.c-game-collection.cp-theme_lite {
    background: rgba(36,40,51,.6);
    color: #333
}

.c-game-collection.cp-theme_lite .c-game-collection_back,.c-game-collection.cp-theme_lite .c-game-collection_main {
    background: #fff
}

.c-game-collection.cp-theme_lite .c-game-collection_back {
    color: #0098ee
}

.c-game-collection.cp-theme_lite .c-game-collection_header {
    color: #333;
    border-color: #f0f0f0
}

.c-game-collection.cp-theme_lite .c-game-collection_divider:before {
    border-color: #f0f0f0
}

.c-game-collection.cp-theme_lite .c-game-collection_infos,.c-game-collection.cp-theme_lite .c-game-collection_placeholder,.c-game-collection.cp-theme_lite .c-game-collection_serial {
    color: #999
}

.c-game-collection.cp-theme_dark {
    background: rgba(36,40,51,.6);
    color: #fff
}

.c-game-collection.cp-theme_dark .c-game-collection_back,.c-game-collection.cp-theme_dark .c-game-collection_main {
    background: #333
}

.c-game-collection.cp-theme_dark .c-game-collection_back {
    color: #0098ee
}

.c-game-collection.cp-theme_dark .c-game-collection_header {
    color: #fff;
    border-color: #404040
}

.c-game-collection.cp-theme_dark .c-game-collection_divider:before {
    border-color: #404040
}

.c-game-collection.cp-theme_dark .c-game-collection_infos,.c-game-collection.cp-theme_dark .c-game-collection_placeholder,.c-game-collection.cp-theme_dark .c-game-collection_serial {
    color: #e6e6e6
}

.c-game-filter {
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
    max-width: 100%;
    min-width: 0
}

.c-game-filter .c-game-filter_big-button {
    border-color: #e6e6e6!important;
    color: #333!important;
    font-size: .14rem!important;
    padding: .05rem .1rem!important;
    height: .42rem
}

.c-game-filter .c-game-filter_big-button.is-active {
    color: #fff!important
}

.c-game-filter .c-game-filter_big-button.is-platform-all {
    background-color: #0098ee!important;
    border-color: #0098ee!important;
    color: #fff!important
}

.c-game-filter .c-game-filter_big-button.is-platform-PS4 {
    background-color: #003e93!important;
    border-color: #003e93!important;
    color: #fff!important
}

.c-game-filter .c-game-filter_big-button.is-platform-XBOX {
    background-color: #167e3f!important;
    border-color: #167e3f!important;
    color: #fff!important
}

.c-game-filter .c-game-filter_big-button.is-platform-Switch {
    background-color: #e60012!important;
    border-color: #e60012!important;
    color: #fff!important
}

.c-game-filter .c-game-filter_big-button.is-platform-PC {
    background-color: #0098ee!important;
    border-color: #0098ee!important;
    color: #fff!important
}

.c-game-filter .c-game-filter_big-button.is-platform-3DS {
    background-color: #ca2328!important;
    border-color: #ca2328!important;
    color: #fff!important
}

.c-game-filter .c-game-filter_big-button.is-platform-PSV {
    background-color: #003e93!important;
    border-color: #003e93!important;
    color: #fff!important
}

.c-game-filter .c-game-filter_button {
    border-color: #e6e6e6!important;
    color: #333!important;
    padding: 0 .1rem!important;
    font-size: .14rem!important;
    height: .27rem!important;
    line-height: .27rem!important
}

.c-game-filter .c-game-filter_button.is-active {
    color: #fff!important
}

.c-game-filter .c-game-filter_row {
    position: relative;
    max-width: 100%;
    min-width: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch
}

.c-game-filter .c-game-filter_row:not(:last-child) {
    border-bottom: .01rem solid transparent
}

.c-game-filter .c-game-filter_container,.c-game-filter .c-game-filter_label {
    position: relative;
    min-width: 0;
    padding: .16rem .16rem .17rem;
    margin-bottom: -.01rem
}

.c-game-filter .c-game-filter_label {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    width: .72rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: rgba(0,170,255,.0470588)
}

.c-game-filter .c-game-filter_container {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.c-game-filter.is-platform-active-icon {
    color: #fff!important
}

.c-game-filter .c-game-filter_platform-icon {
    display: inline-block;
    font-size: .26rem
}

.c-game-filter .c-game-filter_platform-icon.is-all {
    color: #0098ee
}

.c-game-filter .c-game-filter_platform-icon.is-all .c-game-filter_platform-text {
    border-left: .01rem solid hsla(0,0%,90.2%,.2)
}

.c-game-filter .c-game-filter_platform-icon.is-ps {
    color: #003e93
}

.c-game-filter .c-game-filter_platform-icon.is-ps .c-game-filter_platform-text {
    border-left: .01rem solid hsla(0,0%,90.2%,.2)
}

.c-game-filter .c-game-filter_platform-icon.is-xbox {
    color: #167e3f
}

.c-game-filter .c-game-filter_platform-icon.is-xbox .c-game-filter_platform-text {
    border-left: .01rem solid hsla(0,0%,90.2%,.2)
}

.c-game-filter .c-game-filter_platform-icon.is-switch {
    color: #e60012
}

.c-game-filter .c-game-filter_platform-icon.is-switch .c-game-filter_platform-text {
    border-left: .01rem solid hsla(0,0%,90.2%,.2)
}

.c-game-filter .c-game-filter_platform-icon.is-pc {
    color: #0098ee
}

.c-game-filter .c-game-filter_platform-icon.is-pc .c-game-filter_platform-text {
    border-left: .01rem solid hsla(0,0%,90.2%,.2)
}

.c-game-filter .c-game-filter_platform-icon.is-stroll {
    color: #15a74e
}

.c-game-filter .c-game-filter_platform-icon.is-stroll .c-game-filter_platform-text {
    border-left: .01rem solid hsla(0,0%,90.2%,.2)
}

.c-game-filter .c-game-filter_platform-icon.is-3ds {
    color: #ca2328
}

.c-game-filter .c-game-filter_platform-icon.is-3ds .c-game-filter_platform-text {
    border-left: .01rem solid hsla(0,0%,90.2%,.2)
}

.c-game-filter .c-game-filter_platform-icon.is-psv {
    color: #003e93
}

.c-game-filter .c-game-filter_platform-icon.is-psv .c-game-filter_platform-text {
    border-left: .01rem solid hsla(0,0%,90.2%,.2)
}

.c-game-filter .c-game-filter_platform-icon.is-platform-active-icon {
    color: #fff!important
}

.c-game-filter .c-game-filter_platform-box {
    line-height: .28rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: .28rem
}

.c-game-filter .c-game-filter_platform-icon {
    margin-left: -.03rem;
    margin-right: .07rem;
    height: .28rem
}

.c-game-filter .c-game-filter_platform-text {
    display: inline-block;
    padding-left: .1rem;
    font-size: .14rem;
    border-left: .01rem solid #e6e6e6
}

.c-game-filter.cp-theme_lite {
    color: #333;
    background-color: #fff
}

.c-game-filter.cp-theme_lite .c-game-filter_row {
    border-color: #f0f0f0
}

.c-game-filter.cp-theme_lite .c-game-filter_platform-box-line {
    background-color: #e6e6e6
}

.c-game-filter.cp-theme_dark {
    color: #fff;
    background-color: #333
}

.c-game-filter.cp-theme_dark .c-game-filter_row {
    border-color: #404040
}

.c-game-filter.cp-theme_dark .c-game-filter_platform-box-line {
    background-color: #999
}

.c-game-info {
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
    max-width: 100%;
    min-width: 0;
    padding: .16rem
}

.c-game-info.cp-theme_lite {
    color: #999;
    background-color: #fff
}

.c-game-info.cp-theme_lite .c-game-info_label {
    color: #333
}

.c-game-info.cp-theme_dark {
    color: #e6e6e6;
    background-color: #333
}

.c-game-info.cp-theme_dark .c-game-info_label {
    color: #fff
}

.c-game-nav {
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
    max-width: 100%;
    min-width: 0;
    font-size: .14rem;
    line-height: .2rem
}

.c-game-nav .c-game-nav_nav {
    padding-top: .05rem;
    border-bottom: .01rem solid transparent
}

.c-game-nav .c-game-nav_nav-li-box {
    left: .28rem
}

.c-game-nav .c-game-nav_nav-li {
    cursor: pointer;
    position: relative
}

.c-game-nav .c-game-nav_nav-number {
    font-size: .24rem
}

.c-game-nav .c-game-nav_nav-label {
    font-size: .2rem;
    line-height: .26rem;
    margin-top: .05rem
}

.c-game-nav .c-game-nav_nav-icon {
    width: 1.45rem;
    height: .02rem;
    position: relative;
    left: 0;
    top: .1rem;
    -webkit-transform: scale(1.41421,.84853);
    transform: scale(1.41421,.84853)
}

.c-game-nav .c-game-nav_nav-icon:before {
    content: " ";
    display: block;
    position: relative;
    width: .1rem;
    height: .1rem;
    margin: 0 auto;
    border-width: .05rem;
    border-style: solid;
    -webkit-transform: translateY(-50%) rotate(-45deg);
    transform: translateY(-50%) rotate(-45deg)
}

.c-game-nav.cp-theme_lite .c-game-nav_nav {
    background: #fff;
    border-color: #e6e6e6
}

.c-game-nav.cp-theme_lite .c-game-nav_nav-number {
    color: #333
}

.c-game-nav.cp-theme_lite .c-game-nav_nav-number.is-active {
    color: #0098ee
}

.c-game-nav.cp-theme_lite .c-game-nav_nav-label {
    color: #333
}

.c-game-nav.cp-theme_lite .c-game-nav_nav-label.is-active {
    color: #0098ee
}

.c-game-nav.cp-theme_lite .c-game-nav_nav-icon {
    background: transparent
}

.c-game-nav.cp-theme_lite .c-game-nav_nav-icon:before {
    border: .05rem solid transparent
}

.c-game-nav.cp-theme_lite .c-game-nav_nav-icon.is-active {
    background: #0098ee
}

.c-game-nav.cp-theme_lite .c-game-nav_nav-icon.is-active:before {
    border: .05rem solid transparent;
    border-color: #0098ee #0098ee transparent transparent
}

.c-game-nav.cp-theme_dark .c-game-nav_nav {
    background: #333;
    border-color: #999
}

.c-game-nav.cp-theme_dark .c-game-nav_nav-number {
    color: #fff
}

.c-game-nav.cp-theme_dark .c-game-nav_nav-number.is-active {
    color: #0098ee
}

.c-game-nav.cp-theme_dark .c-game-nav_nav-label {
    color: #333
}

.c-game-nav.cp-theme_dark .c-game-nav_nav-label.is-active {
    color: #0098ee
}

.c-game-nav.cp-theme_dark .c-game-nav_nav-icon {
    background: transparent
}

.c-game-nav.cp-theme_dark .c-game-nav_nav-icon:before {
    border: .05rem solid transparent
}

.c-game-nav.cp-theme_dark .c-game-nav_nav-icon.is-active {
    background: #0098ee
}

.c-game-nav.cp-theme_dark .c-game-nav_nav-icon.is-active:before {
    border: .05rem solid transparent;
    border-color: #0098ee #0098ee transparent transparent
}

.c-game-releases {
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
    max-width: 100%;
    min-width: 0
}

.c-game-releases .c-game-releases_content {
    padding: 0;
    margin: 0
}

.c-game-releases .c-game-releases_content li {
    list-style: none
}

.c-game-releases .c-game-releases_label {
    position: relative;
    letter-spacing: .14rem;
    min-width: .7rem
}

.c-game-releases .c-game-releases_label:after {
    content: "\FF1A";
    display: inline;
    position: absolute;
    left: 45px
}

.c-game-releases .c-game-releases_title {
    color: #333;
    margin: 0;
    line-height: .3rem
}

.c-game-releases .c-game-releases_tags {
    display: inline-block
}

.c-game-releases .c-game-releases_line {
    padding-bottom: .1rem
}

.c-game-releases.cp-theme_lite .c-game-releases_content {
    color: #999
}

.c-game-releases.cp-theme_dark .c-game-releases_content {
    color: #e6e6e6
}

.c-game-title {
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 100%;
    flex: 1 0 100%
}

.c-game-title .c-game-title_content {
    position: relative;
    margin-top: .1rem;
    padding: .16rem .34rem .5rem!important
}

.c-game-title .c-game-title_countbox-vertical {
    display: block;
    width: .03rem;
    height: .22rem;
    background-color: #0098ee
}

.c-game-title .c-game-title_countbox-text {
    font-size: .24rem;
    color: #333;
    margin-left: .1rem
}

.c-game-title .c-game-title_countbox-count {
    font-size: .24rem;
    color: #fe4b83;
    margin-left: .15rem
}

.c-game-title .c-game-title_countbox-icon-edit {
    display: inline-block;
    font-size: .26rem
}

.c-game-title .c-game-title_countbox-number {
    display: inline-block;
    margin-left: .05rem;
    line-height: .46rem
}

.c-game-title.cp-theme_lite {
    color: #999
}

.c-game-title.cp-theme_lite .c-game-title_content {
    background: #fff
}

.c-game-title.cp-theme_dark {
    color: #e6e6e6
}

.c-game-title.cp-theme_dark .c-game-title_content {
    background: #333
}

.c-preview-atlas {
    position: relative;
    width: 100%;
    background: #fff;
    margin: 0 auto;
    padding: 0 .08rem
}

.c-preview-atlas .c-preview-atlas_container {
    padding: .08rem 0 .4rem;
    width: 100%;
    height: 100%;
    overflow: hidden;
    margin: 0 auto
}

.c-preview-atlas .c-preview-atlas_slide {
    width: 100%;
    height: 100%;
    padding: 0 .08rem;
    cursor: pointer
}

.c-preview-atlas .c-preview-atlas_image {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.c-preview-atlas .vd-carousel .vd-carousel_indicator-wrapper {
    width: 100%;
    position: absolute;
    bottom: -28px!important;
    height: 8px
}

.c-preview-atlas .vd-carousel .vd-carousel_indicator-wrapper .vd-carousel_indicator span {
    width: 50px;
    height: 8px;
    display: inline-block;
    margin-right: 5px;
    border-radius: 5px;
    cursor: pointer;
    background-color: #e6e6e6;
    opacity: 1
}

.c-preview-atlas .vd-carousel .vd-carousel_indicator-wrapper .vd-carousel_indicator span.is-selected {
    background-color: #0098ee
}

.c-review-editor {
    border-top: .03rem solid #fe4b83;
    margin-top: .16rem
}

.c-review-editor,.c-review-editor .c-review-editor_score-board {
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
    max-width: 100%;
    min-width: 0
}

.c-review-editor .c-review-editor_score-board {
    height: 1.13rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.c-review-editor .c-review-editor_score-board:before {
    content: " ";
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #47b9ff;
    opacity: .03
}

.c-review-editor .c-review-editor_score-value {
    position: relative;
    font-size: .4rem;
    line-height: .52rem;
    font-weight: bolder;
    color: #fe4b83;
    margin-bottom: .1rem
}

.c-review-editor .c-review-editor_wrapper {
    padding: .4rem .32rem
}

.c-review-editor .c-review-editor_options {
    position: relative;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    white-space: nowrap;
    width: 2.55rem
}

.c-review-editor .c-review-editor_box {
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
    max-width: 100%;
    min-width: 0;
    height: 1.69rem;
    padding: 0 .16rem;
    border: .01rem solid transparent;
    border-radius: .05rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.c-review-editor .c-review-editor_widget {
    display: none
}

.c-review-editor .c-review-editor_radio-button {
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer;
    -webkit-transition: .16s ease-in-out;
    transition: .16s ease-in-out;
    -webkit-transition-property: color,background-color,border-color;
    transition-property: color,background-color,border-color
}

.c-review-editor .c-review-editor_radio-button.is-disabled {
    cursor: not-allowed
}

.c-review-editor .c-review-editor_score-button {
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer;
    -webkit-transition: .16s ease-in-out;
    transition: .16s ease-in-out;
    -webkit-transition-property: color,background-color,border-color;
    transition-property: color,background-color,border-color
}

.c-review-editor .c-review-editor_score-button.is-disabled {
    cursor: not-allowed
}

.c-review-editor .c-review-editor_commit {
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer;
    -webkit-transition: .16s ease-in-out;
    transition: .16s ease-in-out;
    -webkit-transition-property: color,background-color,border-color;
    transition-property: color,background-color,border-color
}

.c-review-editor .c-review-editor_commit.is-disabled {
    cursor: not-allowed
}

.c-review-editor .c-review-editor_radio-button {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    line-height: 1;
    font-size: .12rem;
    padding: .04rem .1rem;
    border: .01rem solid transparent;
    border-radius: .03rem
}

.c-review-editor .c-review-editor_score-button {
    font-size: .2rem
}

.c-review-editor .c-review-editor_content {
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
    padding: .16rem 0
}

.c-review-editor .c-review-editor_textarea {
    width: 100%;
    height: 100%;
    border: none;
    resize: none
}

.c-review-editor .c-review-editor_commit {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: .16rem;
    margin: none;
    border: none;
    background-color: transparent
}

.c-review-editor .c-review-editor_divider {
    position: relative;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    height: .01rem;
    border-bottom: .01rem solid transparent
}

.c-review-editor .c-review-editor_loading {
    cursor: wait;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #fe4b83
}

.c-review-editor .c-review-editor_loading,.c-review-editor .c-review-editor_loading:before {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

.c-review-editor .c-review-editor_loading:before {
    content: " ";
    display: block;
    opacity: .5
}

@-webkit-keyframes c-review-editor_loading-icon {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes c-review-editor_loading-icon {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

.c-review-editor .c-review-editor_loading-icon {
    font-size: .4rem;
    -webkit-animation: c-review-editor_loading-icon .8s linear infinite;
    animation: c-review-editor_loading-icon .8s linear infinite
}

.c-review-editor.cp-theme_lite {
    color: #333;
    background-color: #fff
}

.c-review-editor.cp-theme_lite .c-review-editor_box,.c-review-editor.cp-theme_lite .c-review-editor_divider {
    border-color: #f0f0f0
}

.c-review-editor.cp-theme_lite .c-review-editor_loading:before {
    background-color: #fff
}

.c-review-editor.cp-theme_lite .c-review-editor_radio-button {
    color: #999;
    border-color: #999
}

.c-review-editor.cp-theme_lite .c-review-editor_score-button,.c-review-editor.cp-theme_lite .c-review-editor_score-button.is-disabled {
    color: #999
}

.c-review-editor.cp-theme_lite .c-review-editor_commit {
    color: #333
}

.c-review-editor.cp-theme_lite .c-review-editor_commit:hover {
    color: #fe4b83
}

.c-review-editor.cp-theme_lite .c-review-editor_commit.is-disabled {
    color: #999
}

.c-review-editor.cp-theme_dark {
    color: #fff;
    background-color: #333
}

.c-review-editor.cp-theme_dark .c-review-editor_box,.c-review-editor.cp-theme_dark .c-review-editor_divider {
    border-color: #404040
}

.c-review-editor.cp-theme_dark .c-review-editor_loading:before {
    background-color: #333
}

.c-review-editor.cp-theme_dark .c-review-editor_radio-button {
    color: #e6e6e6;
    border-color: #e6e6e6
}

.c-review-editor.cp-theme_dark .c-review-editor_score-button,.c-review-editor.cp-theme_dark .c-review-editor_score-button.is-disabled {
    color: #e6e6e6
}

.c-review-editor.cp-theme_dark .c-review-editor_commit {
    color: #fff
}

.c-review-editor.cp-theme_dark .c-review-editor_commit:hover {
    color: #fe4b83
}

.c-review-editor.cp-theme_dark .c-review-editor_commit.is-disabled {
    color: #e6e6e6
}

.c-review-editor .c-review-editor_radio-button.is-checked {
    color: #fff;
    background-color: #fe4b83;
    border-color: #fe4b83
}

.c-review-editor .c-review-editor_score-button.is-checked {
    color: #fe4b83
}

.c-review-list {
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
    max-width: 100%;
    min-width: 0;
    padding: .16rem
}

.c-review-list .c-review-list_header {
    position: relative;
    margin-bottom: .16rem;
    border-bottom: .01rem solid transparent
}

.c-review-list .c-review-list_header-container {
    position: relative;
    bottom: -.01rem;
    padding-bottom: .1rem;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex
}

.c-review-list .c-review-list_header-stick {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: .02rem;
    background-color: #0098ee
}

.c-review-list .c-review-list_container {
    position: relative
}

.c-review-list .c-review-list_divider:before {
    content: " ";
    display: block;
    position: relative;
    width: 100%;
    border-bottom: .01rem solid transparent
}

.c-review-list .c-review-list_divider:last-child {
    display: none
}

.c-review-list .c-review-list_avatar {
    position: relative;
    width: .6rem;
    height: .6rem;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 50%
}

.c-review-list .c-review-list_nickname,.c-review-list .c-review-list_status {
    color: #0098ee
}

.c-review-list .c-review-list_status {
    height: .36rem;
    line-height: .29rem;
    padding-top: .05rem!important;
    padding-bottom: .05rem!important
}

.c-review-list .c-review-list_score {
    font-size: .2rem;
    color: #fe4b83
}

.c-review-list .c-review-list_content {
    word-break: break-all
}

.c-review-list .c-review-list_content-pre {
    white-space: pre-wrap;
    color: #333;
    font-family: "\5FAE\8F6F\96C5\9ED1";
    margin: 0
}

.c-review-list .c-review-list_info-icon {
    font-size: 130%;
    -ms-flex-item-align: center;
    align-self: center
}

.c-review-list .c-review-list_infos-click {
    cursor: pointer
}

.c-review-list .c-review-list_infos-click.is-active {
    color: #0098ee
}

.c-review-list .c-review-list_infos-click.is-warn {
    color: #fe4b83;
    cursor: not-allowed
}

.c-review-list .c-review-list_load-more {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: .16rem 0
}

.c-review-list .c-review-list_load-more-button {
    padding: .1rem;
    margin: 0;
    border: none;
    color: #0098ee;
    background-color: transparent
}

@-webkit-keyframes c-review-list_loading-icon {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes c-review-list_loading-icon {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

.c-review-list .c-review-list_loading-icon {
    font-size: .18rem;
    margin-right: .05rem;
    -webkit-animation: c-review-list_loading-icon .8s linear infinite;
    animation: c-review-list_loading-icon .8s linear infinite
}

.c-review-list .c-review-list_placeholder {
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
    max-width: 100%;
    min-width: 0;
    width: 100%;
    height: 1.93rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.c-review-list.cp-theme_lite {
    color: #333;
    background-color: #fff
}

.c-review-list.cp-theme_lite .c-review-list_header {
    color: #333;
    border-color: #f0f0f0
}

.c-review-list.cp-theme_lite .c-review-list_divider:before {
    border-color: #f0f0f0
}

.c-review-list.cp-theme_lite .c-review-list_infos,.c-review-list.cp-theme_lite .c-review-list_placeholder,.c-review-list.cp-theme_lite .c-review-list_serial {
    color: #999
}

.c-review-list.cp-theme_dark {
    color: #fff;
    background-color: #333
}

.c-review-list.cp-theme_dark .c-review-list_header {
    color: #fff;
    border-color: #404040
}

.c-review-list.cp-theme_dark .c-review-list_divider:before {
    border-color: #404040
}

.c-review-list.cp-theme_dark .c-review-list_infos,.c-review-list.cp-theme_dark .c-review-list_placeholder,.c-review-list.cp-theme_dark .c-review-list_serial {
    color: #e6e6e6
}

.c-review-reply {
    position: fixed;
    width: 100vw;
    height: 100vh;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 1300
}

.c-review-reply .c-review-reply_main-box {
    width: 100%;
    height: 100%
}

.c-review-reply .c-review-reply_main {
    position: relative;
    width: 9.2rem;
    height: 6.65rem;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 0 0 0;
    font-size: 14
}

.c-review-reply .c-review-reply_back {
    position: fixed;
    width: 9.05rem;
    height: .6rem;
    line-height: .6rem;
    padding: 0 .3rem;
    font-size: .18rem;
    border-bottom: 1px solid #f7f7f7;
    z-index: 10
}

.c-review-reply .c-review-reply_back-btn {
    width: 1rem;
    height: .6rem;
    cursor: pointer
}

.c-review-reply .c-review-reply_back-icon {
    font-size: .2rem;
    margin-right: .05rem;
    margin-top: .2rem
}

.c-review-reply .c-review-reply_main-scroll {
    width: 100%;
    height: auto;
    padding: .6rem 0 0
}

.c-review-reply .c-review-reply_current {
    padding: .2rem .3rem
}

.c-review-reply .c-review-reply_split {
    width: 9.05rem;
    height: .05rem;
    background: #f7f7f7
}

.c-review-reply .c-review-reply_publish {
    width: 9.05rem;
    height: auto
}

.c-review-reply .c-review-reply_header {
    position: relative;
    margin-bottom: .16rem;
    border-bottom: .01rem solid transparent
}

.c-review-reply .c-review-reply_header-container {
    position: relative;
    bottom: -.01rem;
    padding-bottom: .1rem;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex
}

.c-review-reply .c-review-reply_header-stick {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: .02rem;
    background-color: #0098ee
}

.c-review-reply .c-review-reply_container {
    position: relative
}

.c-review-reply .c-review-reply_divider:before {
    content: " ";
    display: block;
    position: relative;
    width: 100%;
    border-bottom: .01rem solid transparent
}

.c-review-reply .c-review-reply_divider:last-child {
    display: none
}

.c-review-reply .c-review-reply_avatar {
    position: relative;
    width: .6rem;
    height: .6rem;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 50%
}

.c-review-reply .c-review-reply_nickname,.c-review-reply .c-review-reply_status {
    color: #0098ee
}

.c-review-reply .c-review-reply_score {
    color: #fe4b83
}

.c-review-reply .c-review-reply_content {
    word-break: break-all
}

.c-review-reply .c-review-reply_content-pre {
    white-space: pre-wrap;
    color: #333;
    font-family: "\5FAE\8F6F\96C5\9ED1";
    margin: 0
}

.c-review-reply .c-review-reply_info-icon {
    font-size: 130%;
    -ms-flex-item-align: center;
    align-self: center
}

.c-review-reply .c-review-reply_infos-click {
    cursor: pointer
}

.c-review-reply .c-review-reply_infos-click.is-active {
    color: #0098ee
}

.c-review-reply .c-review-reply_infos-click.is-warn {
    color: #fe4b83;
    cursor: not-allowed
}

.c-review-reply .c-review-reply_load-more {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: .16rem 0
}

.c-review-reply .c-review-reply_load-more-button {
    padding: .1rem;
    margin: 0;
    border: none;
    color: #0098ee;
    background-color: transparent
}

@-webkit-keyframes c-review-reply_loading-icon {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes c-review-reply_loading-icon {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

.c-review-reply .c-review-reply_loading-icon {
    font-size: .18rem;
    margin-right: .05rem;
    -webkit-animation: c-review-reply_loading-icon .8s linear infinite;
    animation: c-review-reply_loading-icon .8s linear infinite
}

.c-review-reply .c-review-reply_placeholder {
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
    max-width: 100%;
    min-width: 0;
    width: 100%;
    height: 1.93rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.c-review-reply.cp-theme_lite {
    background: rgba(36,40,51,.6);
    color: #333
}

.c-review-reply.cp-theme_lite .c-review-reply_back,.c-review-reply.cp-theme_lite .c-review-reply_main {
    background: #fff
}

.c-review-reply.cp-theme_lite .c-review-reply_back {
    color: #0098ee
}

.c-review-reply.cp-theme_lite .c-review-reply_header {
    color: #333;
    border-color: #f0f0f0
}

.c-review-reply.cp-theme_lite .c-review-reply_divider:before {
    border-color: #f0f0f0
}

.c-review-reply.cp-theme_lite .c-review-reply_infos,.c-review-reply.cp-theme_lite .c-review-reply_placeholder,.c-review-reply.cp-theme_lite .c-review-reply_serial {
    color: #999
}

.c-review-reply.cp-theme_dark {
    background: rgba(36,40,51,.6);
    color: #fff
}

.c-review-reply.cp-theme_dark .c-review-reply_back,.c-review-reply.cp-theme_dark .c-review-reply_main {
    background: #333
}

.c-review-reply.cp-theme_dark .c-review-reply_back {
    color: #0098ee
}

.c-review-reply.cp-theme_dark .c-review-reply_header {
    color: #fff;
    border-color: #404040
}

.c-review-reply.cp-theme_dark .c-review-reply_divider:before {
    border-color: #404040
}

.c-review-reply.cp-theme_dark .c-review-reply_infos,.c-review-reply.cp-theme_dark .c-review-reply_placeholder,.c-review-reply.cp-theme_dark .c-review-reply_serial {
    color: #e6e6e6
}

.c-game-hub {
    position: relative
}

.c-game-hub .c-game-hub_group-tabs {
    overflow: initial
}

.c-game-hub .c-game-hub_group-wrapper {
    overflow: hidden
}

.c-game-hub .c-game-hub_group-ad {
    position: absolute;
    left: .08rem;
    top: .08rem;
    z-index: 10
}

.c-game-hub .c-game-hub_group {
    width: auto;
    padding: 0;
    margin: 0 -.16rem -.24rem;
    text-align: center
}

.c-game-hub .c-game-hub_group-item-label {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: .1rem;
    line-height: .2rem;
    color: #fff;
    background-color: rgba(0,0,0,.5)
}

.c-game-hub .c-game-hub_shard-container {
    padding: .05525rem;
    max-height: .862rem
}

.c-game-hub .c-game-hub_shard-wrapper {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    overflow: hidden
}

.c-game-hub .c-game-hub_shard {
    position: relative;
    padding: 5.6px 8px;
    margin-left: -.01rem;
    font-size: .14rem;
    line-height: 1;
    color: inherit;
    -webkit-transition: all .16s ease-in-out;
    transition: all .16s ease-in-out
}

.c-game-hub .c-game-hub_shard:hover {
    color: #0098ee
}

.c-game-hub .c-game-hub_shard.is-highlight {
    color: #fe4b83
}

.c-game-hub .c-game-hub_shard:before {
    content: " ";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    height: 1em;
    margin: auto 0;
    border-left: .01rem solid transparent
}

.c-game-hub.cp-theme_lite .c-game-hub_shard-wrapper {
    color: #333
}

.c-game-hub.cp-theme_lite .c-game-hub_shard:before {
    border-color: #f0f0f0
}

.c-game-hub.cp-theme_dark .c-game-hub_shard-wrapper {
    color: #fff
}

.c-game-hub.cp-theme_dark .c-game-hub_shard:before {
    border-color: #404040
}

.vd-carousel .vd-carousel_indicator-inner {
    width: .47rem;
    height: .04rem;
    background-color: #333
}

.vd-carousel .is-selected .vd-carousel_indicator-inner {
    background-color: #0098ee!important
}

.vd-carousel .vd-carousel_button-next,.vd-carousel .vd-carousel_button-previous {
    border-radius: unset;
    width: .32rem;
    height: .64rem;
    opacity: 0
}

.vd-carousel .vd-carousel_button-next {
    border-top-left-radius: .05rem;
    border-bottom-left-radius: .05rem
}

.vd-carousel .vd-carousel_button-previous {
    border-top-right-radius: .05rem;
    border-bottom-right-radius: .05rem
}

.c-news-hub {
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 100%;
    flex: 1 0 100%;
    max-width: 100%;
    min-height: 12.44rem;
    -ms-flex-item-align: stretch;
    align-self: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch
}

.c-news-hub .c-news-hub_slide-label {
    position: relative;
    width: 100%;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    font-size: .16rem;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.c-news-hub .c-news-hub_review-image {
    width: 1.6rem;
    height: .9rem
}

.c-news-hub .c-news-hub_forum-plate {
    position: relative;
    width: 100%;
    height: .48rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transition: -webkit-box-shadow .32s ease-out 0s;
    transition: -webkit-box-shadow .32s ease-out 0s;
    transition: box-shadow .32s ease-out 0s;
    transition: box-shadow .32s ease-out 0s,-webkit-box-shadow .32s ease-out 0s
}

.c-news-hub .c-news-hub_forum-plate:hover {
    -webkit-box-shadow: rgba(0,0,0,.14) 0 .04rem .08rem,rgba(0,0,0,.12) 0 .01rem .02rem;
    box-shadow: 0 .04rem .08rem rgba(0,0,0,.14),0 .01rem .02rem rgba(0,0,0,.12)
}

.c-news-hub .c-news-hub_forum-plate-container:nth-child(6n+1) .c-news-hub_forum-plate {
    color: #7e3650;
    background-color: #feedf3
}

.c-news-hub .c-news-hub_forum-plate-container:nth-child(6n+2) .c-news-hub_forum-plate {
    color: #397539;
    background-color: #d9f9d9
}

.c-news-hub .c-news-hub_forum-plate-container:nth-child(6n+3) .c-news-hub_forum-plate {
    color: #806031;
    background-color: #f9ebd6
}

.c-news-hub .c-news-hub_forum-plate-container:nth-child(6n+4) .c-news-hub_forum-plate {
    color: #823b55;
    background-color: #f5e6f5
}

.c-news-hub .c-news-hub_forum-plate-container:nth-child(6n+5) .c-news-hub_forum-plate {
    color: #31687d;
    background-color: #e0f2f9
}

.c-news-hub .c-news-hub_forum-plate-container:nth-child(6n+6) .c-news-hub_forum-plate {
    color: #255144;
    background-color: #d2fef1
}

.c-picture-appreciation {
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
    max-width: 100%;
    min-width: 0;
    margin-top: .2rem
}

.c-picture-appreciation .c-picture-appreciation_image-container {
    overflow: hidden
}

.c-picture-appreciation .c-picture-appreciation_image {
    -webkit-transition: -webkit-transform .32s ease;
    transition: -webkit-transform .32s ease;
    transition: transform .32s ease;
    transition: transform .32s ease,-webkit-transform .32s ease
}

.c-picture-appreciation .c-picture-appreciation_image:hover {
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

body .ca-img_home-hardware-review {
    width: 2.33rem;
    height: 1.32rem
}

.c-profiles-banner {
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
    max-width: 100%;
    min-width: 0;
    font-size: .14rem;
    line-height: .2rem
}

.c-profiles-banner .c-profiles-banner_bgimages {
    width: 100%;
    height: 2rem;
    background-size: 100% 100%
}

.c-profiles-banner .c-profiles-banner_content-box {
    display: block;
    width: 12.32rem;
    height: 1rem
}

.c-profiles-banner .c-profiles-banner_user-avatar-box {
    position: relative;
    display: block;
    width: 1rem;
    height: 1rem
}

.c-profiles-banner .c-profiles-banner_user-avatar {
    display: block;
    width: 1rem;
    height: 1rem;
    border-radius: .5rem
}

.c-profiles-banner .c-profiles-banner_user-level {
    position: absolute;
    right: 0;
    bottom: 0;
    width: .5rem;
    height: .24rem;
    line-height: .24rem;
    text-align: center;
    border-radius: .05rem;
    border: .01rem solid transparent
}

.c-profiles-banner .c-profiles-banner_user-name {
    font-size: .24rem;
    margin-top: .25rem
}

.c-profiles-banner .c-profiles-banner_user-introduction {
    margin-top: .15rem;
    width: 9rem;
    display: block;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
}

.c-profiles-banner .c-profiles-banner_user-info-box {
    margin-left: .15rem
}

.c-profiles-banner.cp-theme_lite .c-profiles-banner_content-box {
    color: #fff
}

.c-profiles-banner.cp-theme_lite .c-profiles-banner_user-level {
    border-color: #fe4b83;
    color: #fe4b83;
    background: #fff
}

.c-profiles-banner.cp-theme_dark .c-profiles-banner_content-box {
    color: #333
}

.c-profiles-banner.cp-theme_dark .c-profiles-banner_user-level {
    border-color: #fe4b83;
    color: #fe4b83;
    background: #333
}

.c-sale-schedule-filter {
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
    max-width: 100%;
    min-width: 0
}

.c-sale-schedule-filter .c-sale-schedule-filter_big-button {
    border-color: #e6e6e6!important;
    color: #333!important;
    font-size: .14rem!important;
    padding: .05rem .1rem!important;
    height: .42rem
}

.c-sale-schedule-filter .c-sale-schedule-filter_big-button.is-active {
    color: #fff!important
}

.c-sale-schedule-filter .c-sale-schedule-filter_big-button.is-platform-all {
    background-color: #0098ee!important;
    border-color: #0098ee!important;
    color: #fff!important
}

.c-sale-schedule-filter .c-sale-schedule-filter_big-button.is-platform-PS4 {
    background-color: #003e93!important;
    border-color: #003e93!important;
    color: #fff!important
}

.c-sale-schedule-filter .c-sale-schedule-filter_big-button.is-platform-XBOX {
    background-color: #167e3f!important;
    border-color: #167e3f!important;
    color: #fff!important
}

.c-sale-schedule-filter .c-sale-schedule-filter_big-button.is-platform-Switch {
    background-color: #e60012!important;
    border-color: #e60012!important;
    color: #fff!important
}

.c-sale-schedule-filter .c-sale-schedule-filter_big-button.is-platform-PC {
    background-color: #0098ee!important;
    border-color: #0098ee!important;
    color: #fff!important
}

.c-sale-schedule-filter .c-sale-schedule-filter_big-button.is-platform-3DS {
    background-color: #ca2328!important;
    border-color: #ca2328!important;
    color: #fff!important
}

.c-sale-schedule-filter .c-sale-schedule-filter_big-button.is-platform-PSV {
    background-color: #003e93!important;
    border-color: #003e93!important;
    color: #fff!important
}

.c-sale-schedule-filter .c-sale-schedule-filter_button {
    border-color: #e6e6e6!important;
    color: #333!important;
    padding: 0 .1rem!important;
    font-size: .14rem!important;
    height: .27rem!important;
    line-height: .27rem!important
}

.c-sale-schedule-filter .c-sale-schedule-filter_button.is-active {
    color: #fff!important
}

.c-sale-schedule-filter .c-sale-schedule-filter_button-month:first-child {
    border-left: 1px solid #e6e6e6
}

.c-sale-schedule-filter .c-sale-schedule-filter_button-month:last-child {
    border-right: 1px solid #e6e6e6
}

.c-sale-schedule-filter .c-sale-schedule-filter_button-month {
    padding-top: .16rem;
    padding-bottom: .16rem;
    background-color: #f7f7f7;
    border-top: 1px solid #e6e6e6;
    border-bottom: 1px solid #e6e6e6
}

.c-sale-schedule-filter .c-sale-schedule-filter_row {
    position: relative;
    max-width: 100%;
    min-width: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch
}

.c-sale-schedule-filter .c-sale-schedule-filter_row:not(:last-child) {
    border-bottom: .01rem solid transparent
}

.c-sale-schedule-filter .c-sale-schedule-filter_container,.c-sale-schedule-filter .c-sale-schedule-filter_label {
    position: relative;
    min-width: 0;
    padding: .16rem .16rem .17rem;
    margin-bottom: -.01rem
}

.c-sale-schedule-filter .c-sale-schedule-filter_label {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    width: .72rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: rgba(0,170,255,.0470588)
}

.c-sale-schedule-filter .c-sale-schedule-filter_container {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.c-sale-schedule-filter .c-sale-schedule-filter_platform-icon {
    display: inline-block;
    font-size: .26rem
}

.c-sale-schedule-filter .c-sale-schedule-filter_platform-icon.is-all {
    color: #0098ee
}

.c-sale-schedule-filter .c-sale-schedule-filter_platform-icon.is-all .c-sale-schedule-filter_platform-text {
    border-left: .01rem solid hsla(0,0%,90.2%,.2)
}

.c-sale-schedule-filter .c-sale-schedule-filter_platform-icon.is-ps {
    color: #003e93
}

.c-sale-schedule-filter .c-sale-schedule-filter_platform-icon.is-ps .c-sale-schedule-filter_platform-text {
    border-left: .01rem solid hsla(0,0%,90.2%,.2)
}

.c-sale-schedule-filter .c-sale-schedule-filter_platform-icon.is-xbox {
    color: #167e3f
}

.c-sale-schedule-filter .c-sale-schedule-filter_platform-icon.is-xbox .c-sale-schedule-filter_platform-text {
    border-left: .01rem solid hsla(0,0%,90.2%,.2)
}

.c-sale-schedule-filter .c-sale-schedule-filter_platform-icon.is-switch {
    color: #e60012
}

.c-sale-schedule-filter .c-sale-schedule-filter_platform-icon.is-switch .c-sale-schedule-filter_platform-text {
    border-left: .01rem solid hsla(0,0%,90.2%,.2)
}

.c-sale-schedule-filter .c-sale-schedule-filter_platform-icon.is-pc {
    color: #0098ee
}

.c-sale-schedule-filter .c-sale-schedule-filter_platform-icon.is-pc .c-sale-schedule-filter_platform-text {
    border-left: .01rem solid hsla(0,0%,90.2%,.2)
}

.c-sale-schedule-filter .c-sale-schedule-filter_platform-icon.is-stroll {
    color: #15a74e
}

.c-sale-schedule-filter .c-sale-schedule-filter_platform-icon.is-stroll .c-sale-schedule-filter_platform-text {
    border-left: .01rem solid hsla(0,0%,90.2%,.2)
}

.c-sale-schedule-filter .c-sale-schedule-filter_platform-icon.is-3ds {
    color: #ca2328
}

.c-sale-schedule-filter .c-sale-schedule-filter_platform-icon.is-3ds .c-sale-schedule-filter_platform-text {
    border-left: .01rem solid hsla(0,0%,90.2%,.2)
}

.c-sale-schedule-filter .c-sale-schedule-filter_platform-icon.is-psv {
    color: #003e93
}

.c-sale-schedule-filter .c-sale-schedule-filter_platform-icon.is-psv .c-sale-schedule-filter_platform-text {
    border-left: .01rem solid hsla(0,0%,90.2%,.2)
}

.c-sale-schedule-filter .c-sale-schedule-filter_platform-icon.is-platform-active-icon {
    color: #fff!important
}

.c-sale-schedule-filter .c-sale-schedule-filter_platform-box {
    line-height: .28rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: .28rem
}

.c-sale-schedule-filter .c-sale-schedule-filter_platform-icon {
    margin-left: -.03rem;
    margin-right: .07rem;
    height: .28rem
}

.c-sale-schedule-filter .c-sale-schedule-filter_platform-text {
    display: inline-block;
    padding-left: .1rem;
    border-left: .01rem solid #e6e6e6;
    font-size: .14rem
}

.c-sale-schedule-filter.cp-theme_lite {
    color: #333;
    background-color: #fff
}

.c-sale-schedule-filter.cp-theme_lite .c-sale-schedule-filter_row {
    border-color: #f0f0f0
}

.c-sale-schedule-filter.cp-theme_lite .c-sale-schedule-filter_platform-box-line {
    background-color: #e6e6e6!important
}

.c-sale-schedule-filter.cp-theme_dark {
    color: #fff;
    background-color: #333
}

.c-sale-schedule-filter.cp-theme_dark .c-sale-schedule-filter_row {
    border-color: #404040
}

.c-sale-schedule-filter.cp-theme_dark .c-sale-schedule-filter_platform-box-line {
    background-color: #999!important
}

.c-sale-schedule-switch {
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
    max-width: 100%;
    min-width: 0
}

.c-special-banner {
    width: 12rem;
    height: 4.02rem;
    margin: 0 auto;
    margin-top: .4rem
}

.c-special-banner .vd-carousel_container,.c-special-banner .vd-carousel_wrapper {
    height: 4.02rem
}

.c-special-banner .vd-carousel_container img,.c-special-banner .vd-carousel_wrapper img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.c-special-banner .vd-carousel_button-next,.c-special-banner .vd-carousel_button-previous {
    display: none
}

.c-special-banner .vd-carousel_indicator-wrapper {
    position: absolute;
    padding: 0!important;
    right: .2rem!important;
    bottom: .185rem!important;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    width: auto
}

.c-special-banner .vd-carousel_indicator-wrapper .vd-carousel_indicator {
    margin-left: .15rem;
    width: .12rem;
    height: .12rem;
    border-radius: .12rem;
    background-color: #707070
}

.c-special-banner .vd-carousel_indicator-wrapper .vd-carousel_indicator.is-selected {
    background-color: #fff
}

.c-special-banner .c-special-banner_title {
    padding: 0;
    margin: 0;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: .5rem;
    background-color: rgba(0,0,0,.6);
    line-height: .5rem;
    color: #fff;
    text-align: center
}

.c-special-newsmask-card {
    position: relative;
    cursor: pointer
}

.c-special-newsmask-card .c-special-newsmask-card_image {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

.c-special-newsmask-card .c-special-newsmask-card_image img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.c-special-newsmask-card:hover .mask {
    display: block
}

.c-special-newsmask-card .mask {
    display: none;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-transition: opacity .3s ease-in-out;
    transition: opacity .3s ease-in-out;
    background-color: rgba(51,51,51,.5);
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.c-special-newsmask-card .mask img {
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-filter: blur(.16rem) brightness(85%);
    filter: blur(.16rem) brightness(85%);
    display: block;
    height: 100%
}

.c-special-newsmask-card .mask span {
    width: 100%;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 0;
    right: 0;
    position: absolute;
    padding: 0 .13rem;
    font-size: .24rem;
    font-weight: 700;
    color: #fff;
    text-align: center
}

.c-special-newslf-card {
    width: 100%;
    height: 0;
    margin-bottom: .4rem;
    overflow: hidden;
    position: relative;
    cursor: pointer
}

.c-special-newslf-card .c-special-newslf-card_container {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0
}

.c-special-newslf-card .c-special-newslf-card_image {
    margin-right: .2rem;
    width: 40%;
    overflow: hidden
}

.c-special-newslf-card .c-special-newslf-card_image img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.c-special-newslf-card .title {
    line-height: .22rem;
    font-size: .16rem;
    color: #515151;
    font-weight: 700
}

.c-special-newslf-card .desc,.c-special-newslf-card .title {
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2
}

.c-special-newslf-card .desc {
    color: #9c9c9c;
    line-height: .2rem;
    font-size: .14rem;
    margin-top: .18rem
}

.c-special-newstb-card {
    cursor: pointer
}

.c-special-newstb-card .c-special-newstb-card_container {
    width: 100%
}

.c-special-newstb-card .c-special-newstb-card_item {
    cursor: pointer;
    width: 100%;
    height: 0;
    padding: 0;
    padding-bottom: 76.15385%!important;
    margin-bottom: .24rem;
    overflow: hidden;
    -webkit-transition: -webkit-box-shadow .2s ease-in-out;
    transition: -webkit-box-shadow .2s ease-in-out;
    transition: box-shadow .2s ease-in-out;
    transition: box-shadow .2s ease-in-out,-webkit-box-shadow .2s ease-in-out
}

.c-special-newstb-card .c-special-newstb-card_item .c-special-newstb-card_image {
    width: 100%;
    height: 0;
    padding-bottom: 56.15385%;
    position: relative;
    overflow: hidden
}

.c-special-newstb-card .c-special-newstb-card_item .c-special-newstb-card_image img {
    position: absolute;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.c-special-newstb-card .c-special-newstb-card_item .desc {
    background-color: #fff;
    padding: .08rem .1rem;
    color: #9c9c9c;
    line-height: .2rem;
    font-size: .14rem;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2
}

.c-special-newstb-card .c-special-newstb-card_item .desc span {
    color: #515151!important;
    font-size: .14rem!important;
    font-weight: 400
}

.c-special-newstb-card .c-special-newstb-card_item:hover {
    -webkit-box-shadow: 0 .03rem .13rem rgba(0,0,0,.16);
    box-shadow: 0 .03rem .13rem rgba(0,0,0,.16)
}

.c-special-newsline .c-special-newsline_item {
    cursor: pointer;
    height: .2rem;
    line-height: .2rem;
    color: #515151;
    font-size: .14rem;
    margin-bottom: .21rem
}

.c-special-newsline .c-special-newsline_item .label {
    margin: auto 0;
    width: .36rem;
    height: .16rem;
    border-radius: .02rem;
    display: inline-block;
    color: #fff;
    line-height: .16rem;
    font-size: .12rem;
    text-align: center
}

.c-special-newsline .c-special-newsline_item .text {
    width: 3.35rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin: 0 .08rem
}

.c-special-newsline .c-special-newsline_item .time {
    float: right;
    display: inline-block;
    vertical-align: middle
}

.c-special-newsline .c-special-newsline_item:hover .t2020 {
    color: #ff5c01
}

.c-special-newsline .c-special-newsline_item:hover .t2019 {
    color: #48d4f7
}

.c-tgs-title {
    position: relative;
    width: 100%;
    height: .42rem;
    margin-bottom: .4rem;
    margin-top: .4rem;
    border-bottom: 1px solid #ea0b00;
    -o-border-image: linear-gradient(90deg,#ea0b00,#ffbe00) 7 30;
    border-image: -webkit-gradient(linear,left top,right top,from(#ea0b00),to(#ffbe00)) 7 30;
    border-image: linear-gradient(90deg,#ea0b00,#ffbe00) 7 30
}

.c-tgs-title,.c-tgs-title .c-tgs-title_box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.c-tgs-title .c-tgs-title_box {
    float: left;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 100%
}

.c-tgs-title .c-tgs-title_box p {
    margin: 0
}

.c-tgs-title .c-tgs-title_box .line-left {
    height: .3rem;
    width: .24rem;
    margin-right: .16rem;
    border-right: .1rem solid #ffbe00;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    float: left
}

.c-tgs-title .c-tgs-title_box .line-left:after,.c-tgs-title .c-tgs-title_box .line-left:before {
    content: "";
    width: .08rem;
    height: .1rem;
    display: inline-block
}

.c-tgs-title .c-tgs-title_box .line-left:before {
    background-color: #ea0b00
}

.c-tgs-title .c-tgs-title_box .line-left:after {
    height: .2rem;
    background-color: #ff5c01
}

.c-tgs-title .c-tgs-title_box .line-right {
    margin-left: .16rem;
    margin-right: 0;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.c-tgs-title .c-tgs-title_box .title {
    float: left;
    font-size: .24rem;
    font-weight: 700;
    line-height: .4rem
}

.c-tgs-title .c-tgs-title_more {
    text-align: right;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.c-tgs-title .c-tgs-title_more a {
    display: inline-block;
    font-size: .14rem;
    color: #999;
    line-height: .4rem
}

.c-special-title {
    position: relative;
    width: 100%;
    height: .42rem;
    margin-bottom: .4rem;
    margin-top: .4rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-bottom: 1px solid #48d4f7;
    -o-border-image: linear-gradient(#48d4f7,#29f57c) 7 30;
    border-image: -webkit-gradient(linear,left top,left bottom,from(#48d4f7),to(#29f57c)) 7 30;
    border-image: linear-gradient(#48d4f7,#29f57c) 7 30
}

.c-special-title .c-special-title_box {
    float: left;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 100%
}

.c-special-title .c-special-title_box p {
    margin: 0
}

.c-special-title .c-special-title_box .title {
    float: left;
    font-size: .24rem;
    font-weight: 700;
    line-height: .4rem
}

.c-special-title .c-special-title_box .title-prefix {
    width: 10px;
    padding: 10px 0;
    background-color: #b2b2b2;
    -webkit-transform: skewX(-40deg);
    transform: skewX(-40deg);
    -webkit-transform-origin: left top;
    transform-origin: left top;
    margin-left: 3px
}

.c-special-title .c-special-title_box .title-prefix:first-child {
    background-color: #1489ff;
    margin-left: 15px
}

.c-special-title .c-special-title_box .title-prefix:nth-child(2) {
    background-color: #48d4f7
}

.c-special-title .c-special-title_box .title-prefix:nth-child(3) {
    margin-right: .07rem
}

.c-special-title .c-special-title_more {
    text-align: right;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.c-special-title .c-special-title_more a {
    display: inline-block;
    font-size: .14rem;
    color: #999;
    line-height: .4rem
}

.v-404 {
    color: red
}

.v-404 .v-404_image-container {
    text-align: center
}

.v-404 .v-404_image-container embed {
    width: 572px
}

.v-about .v-about_container {
    background-color: #fff
}

.v-about .v-about_header-container {
    margin-bottom: 40px;
    margin-left: 20px;
    padding-top: 20px;
    padding-bottom: 10px;
    border-bottom: 1px solid #dfdfdf
}

.v-about .v-about_header-item {
    display: inline-block;
    margin: 0
}

.v-about .v-about_header-item a {
    color: #32353c;
    font-size: 12px
}

.v-about .v-about_header-item span {
    color: #c6c6c6;
    padding: 0 10px
}

.v-about .ml12 {
    margin-left: 12px
}

.v-about .v-about_header-img {
    display: inline-block;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: Center;
    -ms-flex-align: Center;
    align-items: Center;
    height: 22px
}

.v-about .v-about_navs,.v-about .v-about_navs-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.v-about .v-about_navs-container {
    padding: 4px 0 20px 0;
    background-color: #fdfeff
}

.v-about .v-about_navs-group {
    padding: 4px 0 20px 32px;
    background-color: #fdfeff;
    border: 1px solid #eceff7;
    width: 218px;
    height: 182px;
    margin-left: 20px;
    display: block;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none
}

.v-about .v-about_navs-group a {
    display: block;
    width: 120px;
    height: 32px;
    line-height: 32px;
    color: #32353c;
    font-size: 18px;
    background-color: #f2f2f2;
    border-radius: 32px;
    text-align: center;
    margin-top: 20px;
    text-decoration: none
}

.v-about .v-about_nav-content {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding-left: 20px;
    padding-right: 20px
}

.v-about .v-about_navs-active {
    background-color: #0098ee!important;
    color: #fff!important
}

.v-about .v-about_overview {
    padding: 0
}

.v-about .v-about_nav-info {
    width: 100%
}

.v-about .v-about_nav-info h3 {
    border-bottom: 1px solid #dfdfdf;
    color: #0098ee;
    font-size: 24px;
    line-height: 40px;
    font-weight: 400;
    margin: 0;
    padding: 0
}

.v-about .v-about_nav-info p {
    margin: 0;
    padding: 0;
    border: 0;
    margin-top: 20px;
    color: #32353c;
    font-size: 16px;
    line-height: 32px
}

.v-about .v-about_nav-contact p {
    margin-top: 32px
}

.v-about .v-about_nav-navigation h4 {
    font-weight: 400;
    margin: 0;
    padding: 0;
    margin-top: 25px;
    color: #32353c
}

.v-about .v-about_nav-navigation h4 a {
    font-size: 22px;
    line-height: 32px;
    color: unset
}

.v-about .v-about_nav-navigation h4 a:visited {
    color: #a5a5a5
}

.v-about .v-about_nav-navigation p {
    color: #32353c;
    font-size: 16px;
    line-height: 32px;
    margin-top: 0
}

.v-about .v-about_nav-navigation p a {
    color: #868b97;
    margin-right: 20px;
    font-size: 14px
}

.v-about .v-about_nav-navigation .v-about_nav-navigation-news a {
    margin-right: 20px;
    font-size: 16px;
    color: #32353c
}

body {
    overflow-y: scroll;
    scroll-behavior: smooth;
    min-width: 1232px
}

.v-home .v-home_video-font-size {
    font-size: .14rem!important
}

.v-app {
    position: relative;
    min-height: 100vh;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column wrap;
    flex-flow: column wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    overflow-x: hidden
}

.v-app .v-app_wrapper {
    position: relative;
    width: 100%;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    margin-bottom: 1.15rem
}

.v-app.vp-theme_lite {
    background-color: #f7f7f7
}

.v-app.vp-theme_dark {
    background-color: #222
}

.vd-gallery.is-fullscreen .vd-gallery_fullscreen-item {
    padding: 0
}

.vd-gallery.is-fullscreen .vd-gallery_image {
    width: 75%;
    height: auto
}

.vd-container {
    -webkit-transition: none;
    transition: none
}

.v-strategies .v-strategies_label div {
    font-size: .14rem!important;
    line-height: .19rem!important
}

.v-critic-list {
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
    max-width: 100%;
    min-width: 0
}

.v-critic-list .v-critic-list_item {
    border-bottom: .01rem solid transparent;
    display: block;
    margin-bottom: .3rem
}

.v-critic-list .v-critic-list_item p span {
    display: inline-block;
    line-height: .32rem;
    margin-right: .04rem
}

.v-critic-list .v-critic-list_item p:first-child span:first-child {
    font-weight: 700
}

.v-critic-list .v-critic-list_item-date {
    font-size: .14rem;
    margin-bottom: .1rem
}

.v-critic-list .v-critic-list_item-link {
    text-decoration: underline;
    margin-bottom: .1rem
}

.v-game {
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
    max-width: 100%;
    min-width: 0
}

.v-game .v-game_nav {
    border-bottom: .01rem solid transparent
}

.v-game .v-game_nav-container {
    margin-bottom: -.01rem
}

.v-game .v-game_wrapper {
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
    max-width: 100%;
    min-width: 0;
    padding: .1rem 0
}

.v-game .v-game_strategies-load-more {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: .16rem 0
}

.v-game .v-game_strategies-load-more-button {
    padding: .1rem;
    margin: 0;
    border: none;
    color: #0098ee;
    background-color: #f1f1f1;
    padding: .2rem 0;
    height: .4rem;
    line-height: .4rem;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: inline-block;
    background: #f1f1f1;
    color: #a9a9a9
}

.v-game .v-game_strategies-load-more-button:hover {
    color: #666
}

.v-game .v-game_strategies-load-more-button span {
    display: inline-block;
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.v-game .v-game_container {
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
    max-width: 100%;
    min-width: 0
}

@-webkit-keyframes v-game_loading-icon {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes v-game_loading-icon {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

.v-game .v-game_strategies-loading-icon {
    font-size: .18rem;
    margin-right: .05rem;
    -webkit-animation: v-game_loading-icon .8s linear infinite;
    animation: v-game_loading-icon .8s linear infinite
}

.v-game .v-game_no-more {
    width: 100%;
    height: .35rem;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -ms-flex-pack: center;
    -ms-flex-line-pack: center;
    -ms-flex-align: center
}

.v-game .v-game_no-more,.v-game .v-game_placeholder {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-box-pack: center;
    justify-content: center;
    align-content: center;
    -webkit-box-align: center;
    align-items: center
}

.v-game .v-game_placeholder {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
    max-width: 100%;
    min-width: 0;
    height: 2.25rem;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -ms-flex-pack: center;
    -ms-flex-line-pack: center;
    -ms-flex-align: center
}

.v-game.vp-theme_lite .v-game_nav {
    border-color: #f0f0f0;
    background-color: #fff
}

.v-game.vp-theme_lite .v-game_placeholder {
    color: #999;
    background-color: #fff
}

.v-game.vp-theme_dark .v-game_nav {
    border-color: #404040;
    background-color: #333
}

.v-game.vp-theme_dark .v-game_placeholder {
    color: #e6e6e6;
    background-color: #333
}

.v-game-reviews .v-game-reviews_total {
    color: #fe4b83;
    padding-left: .16rem
}

.v-profiles-basic {
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
    max-width: 100%;
    min-width: 0;
    font-size: .14rem;
    line-height: .2rem
}

.v-profiles-basic .v-profiles-basic_content-box {
    padding-bottom: .8rem
}

.v-profiles-basic .v-profiles-basic_avatar {
    width: 1rem;
    height: 1rem;
    border-radius: .5rem
}

.v-profiles-basic .v-profiles-basic_modify-avatar {
    cursor: pointer;
    margin-bottom: .05rem
}

.v-profiles-basic .v-profiles-basic_divider {
    margin: .32rem 0;
    border: .005rem solid transparent
}

.v-profiles-basic .v-profiles-basic_label {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    width: 1rem;
    text-align: right;
    margin-right: .4rem
}

.v-profiles-basic .v-profiles-basic_options {
    font-size: .18rem
}

.v-profiles-basic .v-profiles-basic_textarea-value {
    width: 5.6rem;
    height: .88rem;
    padding: .16rem;
    resize: none;
    border: .01rem solid transparent
}

.v-profiles-basic .v-profiles-basic_look-rule {
    margin-left: .15rem;
    cursor: pointer
}

.v-profiles-basic .v-profiles-basic_button {
    width: 3.5rem;
    height: .42rem
}

.v-profiles-basic.vp-theme_lite .v-profiles-basic_content-box {
    color: #999;
    background: #fff
}

.v-profiles-basic.vp-theme_lite .v-profiles-basic_modify-avatar {
    color: #fe4b83
}

.v-profiles-basic.vp-theme_lite .v-profiles-basic_value {
    color: #999
}

.v-profiles-basic.vp-theme_lite .v-profiles-basic_look-rule {
    color: #0098ee
}

.v-profiles-basic.vp-theme_lite .v-profiles-basic_divider {
    border-color: #f7f7f7
}

.v-profiles-basic.vp-theme_lite .v-profiles-basic_label {
    color: #333
}

.v-profiles-basic.vp-theme_lite .v-profiles-basic_textarea-value {
    border-color: #e6e6e6
}

.v-profiles-basic.vp-theme_dark .v-profiles-basic_content-box {
    color: #e6e6e6;
    background: #333
}

.v-profiles-basic.vp-theme_dark .v-profiles-basic_modify-avatar {
    color: #fe4b83
}

.v-profiles-basic.vp-theme_dark .v-profiles-basic_value {
    color: #e6e6e6
}

.v-profiles-basic.vp-theme_dark .v-profiles-basic_look-rule {
    color: #0098ee
}

.v-profiles-basic.vp-theme_dark .v-profiles-basic_divider {
    border-color: #222
}

.v-profiles-basic.vp-theme_dark .v-profiles-basic_label {
    color: #fff
}

.v-profiles-basic.vp-theme_dark .v-profiles-basic_textarea-value {
    border-color: #999
}

.v-profiles {
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
    max-width: 100%;
    min-width: 0;
    font-size: .14rem;
    line-height: .2rem
}

.v-profiles .v-profiles_content-box {
    width: 12.32rem;
    padding: .4rem 0 1.6rem
}

.v-profiles .v-profiles_nav {
    display: block;
    width: 2.96rem;
    font-size: .18rem;
    padding-bottom: .2rem
}

.v-profiles .v-profiles_icon-write {
    font-size: .25rem;
    margin-right: .05rem
}

.v-profiles .v-profiles_icon-triangle {
    width: 0;
    height: 0;
    border-width: .05rem;
    border-style: solid;
    border-color: transparent;
    margin-right: .03rem
}

.v-profiles .v-profiles_wrapper {
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: .16rem
}

.v-profiles .v-profiles_nav-title {
    line-height: .5rem;
    padding: 0 .12rem
}

.v-profiles .v-profiles_nav-li {
    line-height: .5rem;
    padding: 0 .15rem
}

.v-profiles .v-profiles_nav-li-a {
    display: block;
    height: 100%
}

.v-profiles .v-profiles_nav-title {
    line-height: .65rem;
    text-indent: .15rem;
    border-bottom: .01rem solid transparent;
    font-size: .24rem
}

.v-profiles .v-profiles_child {
    width: 9.2rem;
    min-height: 2rem
}

.v-profiles.vp-theme_lite .v-profiles_content-box {
    color: #999
}

.v-profiles.vp-theme_lite .v-profiles_nav {
    background: #fff
}

.v-profiles.vp-theme_lite .v-profiles_wrapper {
    background-color: #fff
}

.v-profiles.vp-theme_lite .v-profiles_nav-title {
    border-bottom-color: #e6e6e6;
    color: #333
}

.v-profiles.vp-theme_lite .v-profiles_icon-write {
    color: #fe4b83
}

.v-profiles.vp-theme_lite .v-profiles_icon-triangle {
    border-left-color: #333
}

.v-profiles.vp-theme_lite .v-profiles_icon-triangle.is-active {
    border-left-color: #0098ee
}

.v-profiles.vp-theme_lite .v-profiles_nav-li-a {
    color: #333
}

.v-profiles.vp-theme_lite .v-profiles_nav-li-a.is-active {
    color: #0098ee
}

.v-profiles.vp-theme_lite .v-profiles_child {
    background: #fff
}

.v-profiles.vp-theme_dark .v-profiles_content-box {
    color: #e6e6e6
}

.v-profiles.vp-theme_dark .v-profiles_nav {
    background: #333
}

.v-profiles.vp-theme_dark .v-profiles_wrapper {
    background-color: #333
}

.v-profiles.vp-theme_dark .v-profiles_nav-title {
    border-bottom-color: #999;
    color: #fff
}

.v-profiles.vp-theme_dark .v-profiles_icon-write {
    color: #fe4b83
}

.v-profiles.vp-theme_dark .v-profiles_icon-triangle {
    border-left-color: #fff
}

.v-profiles.vp-theme_dark .v-profiles_icon-triangle.is-active {
    border-left-color: #0098ee
}

.v-profiles.vp-theme_dark .v-profiles_nav-li-a {
    color: #fff
}

.v-profiles.vp-theme_dark .v-profiles_nav-li-a.is-active {
    color: #0098ee
}

.v-profiles.vp-theme_dark .v-profiles_child {
    background: #333
}

.v-profiles-levelrule {
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
    max-width: 100%;
    min-width: 0;
    font-size: .14rem;
    line-height: .2rem
}

.v-profiles-levelrule .v-profiles-levelrule_content-box {
    width: 12.32rem;
    margin: .2rem auto 1.56rem;
    padding: .4rem 0 .8rem
}

.v-profiles-levelrule .v-profiles-levelrule_content {
    width: 3.5rem
}

.v-profiles-levelrule .v-profiles-levelrule_title {
    font-size: .24rem
}

.v-profiles-levelrule .v-profiles-levelrule_agreement {
    cursor: pointer
}

.v-profiles-levelrule .v-profiles-levelrule_goregister {
    position: absolute;
    left: .4rem;
    top: 0;
    font-size: .18rem;
    cursor: pointer
}

.v-profiles-levelrule .v-profiles-levelrule_agreement-content {
    padding: 0 .4rem
}

.v-profiles-levelrule .v-profiles-levelrule_agreement-title {
    font-size: .14rem;
    line-height: .24rem
}

.v-profiles-levelrule .v-profiles-levelrule_agreement-title.is-active {
    margin-top: .2rem
}

.v-profiles-levelrule .v-profiles-levelrule_agreement-title.is-active-footer {
    margin-top: .5rem
}

.v-profiles-levelrule .v-profiles-levelrule_agreement-title p {
    width: 100%;
    margin: 0
}

.v-profiles-levelrule.vp-theme_lite .v-profiles-levelrule_content-box {
    color: #999;
    background: #fff
}

.v-profiles-levelrule.vp-theme_lite .v-profiles-levelrule_agreement,.v-profiles-levelrule.vp-theme_lite .v-profiles-levelrule_label,.v-profiles-levelrule.vp-theme_lite .v-profiles-levelrule_title {
    color: #333
}

.v-profiles-levelrule.vp-theme_lite .v-profiles-levelrule_goregister,.v-profiles-levelrule.vp-theme_lite .v-profiles-levelrule_login {
    color: #0098ee
}

.v-profiles-levelrule.vp-theme_lite .v-profiles-levelrule_agreement-title {
    color: #333
}

.v-profiles-levelrule.vp-theme_lite .v-profiles-levelrule_agreement-title.is-active-header,.v-profiles-levelrule.vp-theme_lite .v-profiles-levelrule_agreement-title.is-active-header a {
    color: #fe4b83
}

.v-profiles-levelrule.vp-theme_lite .v-profiles-levelrule_agreement-title.is-active-footer a {
    color: #333
}

.v-profiles-levelrule.vp-theme_dark .v-profiles-levelrule_content-box {
    color: #e6e6e6;
    background: #333
}

.v-profiles-levelrule.vp-theme_dark .v-profiles-levelrule_agreement,.v-profiles-levelrule.vp-theme_dark .v-profiles-levelrule_label,.v-profiles-levelrule.vp-theme_dark .v-profiles-levelrule_title {
    color: #fff
}

.v-profiles-levelrule.vp-theme_dark .v-profiles-levelrule_goregister,.v-profiles-levelrule.vp-theme_dark .v-profiles-levelrule_login {
    color: #0098ee
}

.v-profiles-levelrule.vp-theme_dark .v-profiles-levelrule_agreement-title {
    color: #fff
}

.v-profiles-levelrule.vp-theme_dark .v-profiles-levelrule_agreement-title.is-active-header,.v-profiles-levelrule.vp-theme_dark .v-profiles-levelrule_agreement-title.is-active-header a {
    color: #fe4b83
}

.v-profiles-levelrule.vp-theme_dark .v-profiles-levelrule_agreement-title.is-active-footer a {
    color: #fff
}

.v-profiles-logininfo {
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
    max-width: 100%;
    min-width: 0;
    font-size: .14rem;
    line-height: .2rem
}

.v-profiles-logininfo .v-profiles-logininfo_content-box {
    padding-bottom: .8rem
}

.v-profiles-logininfo .v-profiles-logininfo_options {
    font-size: .18rem
}

.v-profiles-logininfo .v-profiles-logininfo_label {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    width: 1rem;
    text-align: right;
    margin-right: .4rem
}

.v-profiles-logininfo .v-profiles-logininfo_input-box {
    width: 5.6rem;
    height: .44rem;
    line-height: .44rem;
    text-indent: .08rem;
    border: .01rem solid transparent
}

.v-profiles-logininfo .v-profiles-logininfo_input-box-noborder {
    width: 5.6rem;
    height: .42rem;
    line-height: .42rem;
    text-indent: .08rem
}

.v-profiles-logininfo .v-profiles-logininfo_input {
    width: 5rem;
    height: .42rem;
    line-height: .42rem;
    text-indent: .08rem;
    border: none;
    overflow: hidden;
    font-size: .18rem
}

.v-profiles-logininfo .v-profiles-logininfo_input-border {
    width: 4.2rem;
    height: .42rem;
    line-height: .42rem;
    text-indent: .08rem;
    border: .01rem solid transparent;
    overflow: hidden
}

.v-profiles-logininfo .v-profiles-logininfo_operate {
    cursor: pointer
}

.v-profiles-logininfo .v-profiles-logininfo_get-code {
    width: 1.24rem;
    height: .42rem;
    border: .01rem solid transparent;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
    cursor: pointer
}

.v-profiles-logininfo .v-profiles-logininfo_get-code-timer {
    font-size: .14rem
}

.v-profiles-logininfo .v-profiles-logininfo_button {
    width: 1.24rem;
    height: .42rem
}

.v-profiles-logininfo.vp-theme_lite .v-profiles-logininfo_content-box {
    color: #999;
    background: #fff
}

.v-profiles-logininfo.vp-theme_lite .v-profiles-logininfo_input-box {
    color: #999;
    border-color: #e6e6e6
}

.v-profiles-logininfo.vp-theme_lite .v-profiles-logininfo_input {
    color: #999
}

.v-profiles-logininfo.vp-theme_lite .v-profiles-logininfo_input-border {
    border-color: #e6e6e6;
    color: #999
}

.v-profiles-logininfo.vp-theme_lite .v-profiles-logininfo_label {
    color: #333
}

.v-profiles-logininfo.vp-theme_lite .v-profiles-logininfo_operate {
    color: #0098ee
}

.v-profiles-logininfo.vp-theme_lite .v-profiles-logininfo_get-code {
    border-color: #0098ee;
    color: #0098ee
}

.v-profiles-logininfo.vp-theme_dark .v-profiles-logininfo_content-box {
    color: #e6e6e6;
    background: #333
}

.v-profiles-logininfo.vp-theme_dark .v-profiles-logininfo_input-box {
    color: #e6e6e6;
    border-color: #999
}

.v-profiles-logininfo.vp-theme_dark .v-profiles-logininfo_input {
    color: #e6e6e6
}

.v-profiles-logininfo.vp-theme_dark .v-profiles-logininfo_input-border {
    border-color: #999;
    color: #e6e6e6
}

.v-profiles-logininfo.vp-theme_dark .v-profiles-logininfo_label {
    color: #fff
}

.v-profiles-logininfo.vp-theme_dark .v-profiles-logininfo_operate {
    color: #0098ee
}

.v-profiles-logininfo.vp-theme_dark .v-profiles-logininfo_get-code {
    border-color: #0098ee;
    color: #0098ee
}

.v-profiles-resetpassword {
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
    max-width: 100%;
    min-width: 0;
    font-size: .14rem;
    line-height: .2rem
}

.v-profiles-resetpassword .v-profiles-resetpassword_content-box {
    padding-bottom: .8rem
}

.v-profiles-resetpassword .v-profiles-resetpassword_options {
    font-size: .18rem
}

.v-profiles-resetpassword .v-profiles-resetpassword_label {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    width: 1rem;
    text-align: right;
    margin-right: .4rem
}

.v-profiles-resetpassword .v-profiles-resetpassword_input {
    width: 5rem;
    height: .44rem;
    line-height: .44rem;
    text-indent: .08rem;
    border: .01rem solid transparent
}

.v-profiles-resetpassword .v-profiles-resetpassword_button {
    width: 3.5rem;
    height: .42rem;
    margin-top: .4rem
}

.v-profiles-resetpassword.vp-theme_lite .v-profiles-resetpassword_content-box {
    color: #999;
    background: #fff
}

.v-profiles-resetpassword.vp-theme_lite .v-profiles-resetpassword_input {
    color: #999;
    border-color: #e6e6e6
}

.v-profiles-resetpassword.vp-theme_lite .v-profiles-resetpassword_label {
    color: #333
}

.v-profiles-resetpassword.vp-theme_dark .v-profiles-resetpassword_content-box {
    color: #e6e6e6;
    background: #333
}

.v-profiles-resetpassword.vp-theme_dark .v-profiles-resetpassword_input {
    color: #e6e6e6;
    border-color: #999
}

.v-profiles-resetpassword.vp-theme_dark .v-profiles-resetpassword_label {
    color: #fff
}

.v-report .v-report_container {
    background-color: #fff
}

.v-report .v-report_header-container {
    margin-bottom: 40px;
    margin-left: 20px;
    padding-top: 20px;
    padding-bottom: 10px;
    border-bottom: 1px solid #dfdfdf
}

.v-report .v-report_header-item {
    display: inline-block;
    margin: 0
}

.v-report .v-report_header-item a {
    color: #32353c;
    font-size: 12px
}

.v-report .v-report_header-item span {
    color: #c6c6c6;
    padding: 0 10px
}

.v-report .ml12 {
    margin-left: 12px
}

.v-report .v-report_header-img {
    display: inline-block;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: Center;
    -ms-flex-align: Center;
    align-items: Center;
    height: 22px
}

.v-report .v-report_navs,.v-report .v-report_navs-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.v-report .v-report_navs-container {
    padding: 4px 0 20px 0;
    background-color: #fdfeff
}

.v-report .v-report_navs-group {
    padding: 4px 0 20px 32px;
    background-color: #fdfeff;
    border: 1px solid #eceff7;
    width: 218px;
    height: 182px;
    margin-left: 20px;
    display: block;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none
}

.v-report .v-report_navs-group a {
    display: block;
    width: 120px;
    height: 32px;
    line-height: 32px;
    color: #32353c;
    font-size: 18px;
    background-color: #f2f2f2;
    border-radius: 32px;
    text-align: center;
    margin-top: 20px;
    text-decoration: none
}

.v-report .v-report_nav-content {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding-left: 20px;
    padding-right: 20px
}

.v-report .v-report_navs-active {
    background-color: #0098ee!important;
    color: #fff!important
}

.v-report .v-report_overview {
    padding: 0
}

.v-report .v-report_nav-info {
    width: 100%
}

.v-report .v-report_nav-info h3 {
    border-bottom: 1px solid #dfdfdf;
    color: #0098ee;
    font-size: 24px;
    line-height: 40px;
    font-weight: 400;
    margin: 0;
    padding: 0
}

.v-report .v-report_nav-info p {
    margin: 0;
    padding: 0;
    border: 0;
    margin-top: 20px;
    color: #32353c;
    font-size: 16px;
    line-height: 32px
}

.v-report .v-report_nav-contact p {
    margin-top: 32px
}

.v-report .v-report_nav-navigation {
    width: 100%
}

.v-report .v-report_nav-navigation h4 {
    font-weight: 400;
    margin: 0;
    padding: 0;
    margin-top: 25px;
    color: #32353c
}

.v-report .v-report_nav-navigation h4 a {
    font-size: 22px;
    line-height: 32px;
    color: unset
}

.v-report .v-report_nav-navigation h4 a:visited {
    color: #a5a5a5
}

.v-report .v-report_nav-navigation p {
    color: #32353c;
    font-size: 16px;
    line-height: 32px;
    margin-top: 0
}

.v-report .v-report_nav-navigation p a {
    color: #868b97;
    margin-right: 20px;
    font-size: 15px
}

.v-report .v-report_nav-navigation label,.v-report .v-report_nav-navigation span {
    display: block;
    word-wrap: break-word;
    font-size: 14px;
    line-height: 32px
}

.v-report .v-report_nav-navigation label {
    padding-left: 2em
}

.v-report .v-report_nav-navigation .v-about_nav-navigation-news a {
    margin-right: 20px;
    font-size: 16px;
    color: #32353c
}

.blessingbag {
    width: 1200px;
    height: 618px;
    background: url(/static/img/fudai_bg.40c49441.png) no-repeat;
    background-size: 100% 618px
}

.blessingbag .close {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.blessingbag .close,.blessingbag .close .img-box {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.blessingbag .close .img-box {
    width: 65px;
    height: 65px;
    padding-top: 40px;
    padding-right: 40px;
    cursor: pointer
}

.blessingbag .close .img-box img {
    display: block;
    width: 25px;
    height: 25px
}

.blessingbag .blessingbag-box {
    width: 100%;
    height: 553px;
    padding-right: 10px;
    padding-bottom: 60px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.blessingbag .blessingbag-box .blessingbag-content-out {
    width: 100%;
    height: 100%;
    overflow-y: scroll;
    padding: 0 35px 0 45px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.blessingbag .blessingbag-box .blessingbag-content-out .sing-blessingbag,.blessingbag .blessingbag-box .blessingbag-content-out .sing-blessingbag .blessingbag-title {
    width: 100%
}

.blessingbag .blessingbag-box .blessingbag-content-out .sing-blessingbag .blessingbag-title img {
    display: inline-block;
    width: 21px;
    height: 31px;
    vertical-align: middle
}

.blessingbag .blessingbag-box .blessingbag-content-out .sing-blessingbag .blessingbag-title .text {
    display: inline-block;
    font-size: 32px;
    color: #ead6af;
    font-weight: 700;
    margin-left: 20px;
    vertical-align: middle
}

.blessingbag .blessingbag-box .blessingbag-content-out .sing-blessingbag .blessingbag-content {
    width: 100%;
    margin-top: 30px
}

.blessingbag .blessingbag-box .blessingbag-content-out .sing-blessingbag .blessingbag-content .blessingbag-item {
    width: 184px;
    height: 184px;
    background-image: url(/static/img/fudai_item_bg.3ad0a817.png);
    background-size: 100%;
    background-repeat: no-repeat;
    overflow: hidden;
    float: left;
    position: relative;
    cursor: pointer
}

.blessingbag .blessingbag-box .blessingbag-content-out .sing-blessingbag .blessingbag-content .blessingbag-item .blessingbag-item-content {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1
}

.blessingbag .blessingbag-box .blessingbag-content-out .sing-blessingbag .blessingbag-content .blessingbag-item .blessingbag-item-content .blessingbag-image-box {
    width: 100%;
    height: 125px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.blessingbag .blessingbag-box .blessingbag-content-out .sing-blessingbag .blessingbag-content .blessingbag-item .blessingbag-item-content .blessingbag-image-box img {
    width: 160px;
    height: 95px;
    display: block
}

.blessingbag .blessingbag-box .blessingbag-content-out .sing-blessingbag .blessingbag-content .blessingbag-item .blessingbag-item-content .blessingbag-name {
    padding: 0 15px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #ead6af;
    font-size: 12px;
    text-align: center;
    font-weight: 700;
    line-height: 14px
}

.blessingbag .blessingbag-box .blessingbag-content-out .sing-blessingbag .blessingbag-content .blessingbag-item .blessingbag-item-content .blessingbag-level {
    color: #ead6af;
    font-size: 12px;
    text-align: center;
    margin-top: 5px;
    font-weight: 700
}

.blessingbag .blessingbag-box .blessingbag-content-out .sing-blessingbag .blessingbag-content .blessingbag-item .blessingbag-item-hover {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
    padding: 8px 10px;
    background: #130f0b;
    opacity: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.blessingbag .blessingbag-box .blessingbag-content-out .sing-blessingbag .blessingbag-content .blessingbag-item .blessingbag-item-hover .text {
    font-size: 14px;
    line-height: 24px;
    color: #f3e6ce;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 7
}

.blessingbag .blessingbag-box .blessingbag-content-out .sing-blessingbag .blessingbag-content .blessingbag-item:hover .blessingbag-item-hover {
    opacity: 1
}

.blessingbag .blessingbag-box .blessingbag-content-out::-webkit-scrollbar {
    width: 5px;
    background: #ead6af
}

.blessingbag .blessingbag-box .blessingbag-content-out::-webkit-scrollbar-thumb {
    background-color: #ead6af
}

.blessingbag .blessingbag-box .blessingbag-content-out::-webkit-scrollbar-track {
    background: #a79570
}

.clearfix:after {
    clear: both;
    content: " ";
    display: block;
    visibility: none;
    height: 1%
}

.blessingbag-mask {
    background: rgba(0,0,0,.15);
    width: 100%;
    height: 100vh;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    z-index: 10000;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.votingtips {
    width: 667px;
    height: 463px
}

.votingtips .votingtips-sucess {
    width: 100%;
    height: 100%;
    background-image: url(/static/img/votingtips_sucecss.c2f5dec9.png);
    background-size: 100%;
    background-repeat: no-repeat;
    padding: 30px 40px 40px 40px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.votingtips .votingtips-sucess .close {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer
}

.votingtips .votingtips-sucess .close .img-box {
    width: 48px;
    height: 48px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-top: 30px;
    padding-right: 30px
}

.votingtips .votingtips-sucess .close .img-box img {
    display: block;
    width: 18px;
    height: 18px
}

.votingtips .votingtips-sucess .content {
    width: 100%;
    padding-left: 40px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.votingtips .votingtips-sucess .tip {
    width: 100%
}

.votingtips .votingtips-sucess .tip .tip-sucess {
    display: inline-block;
    width: 32px;
    height: 32px;
    vertical-align: middle
}

.votingtips .votingtips-sucess .tip .tip-sucess-text {
    display: inline-block;
    vertical-align: middle;
    color: #ead6af;
    font-size: 30px;
    margin-left: 10px;
    font-weight: 700
}

.votingtips .votingtips-sucess .rule-title {
    color: #f3dbae;
    font-size: 22px;
    font-weight: 700;
    margin-top: 43px;
    margin-bottom: 20px
}

.votingtips .votingtips-sucess p {
    color: #f3dbae;
    font-size: 16px;
    line-height: 30px
}

.votingtips .votingtips-sucess .ikonwbt {
    width: 162px;
    height: 46px;
    margin: 25px auto 0;
    display: block;
    cursor: pointer
}

.votingtips .votingtips-err {
    width: 100%;
    height: 100%;
    background-image: url(/static/img/votingtips_error.b76f476b.png);
    background-size: 100%;
    background-repeat: no-repeat;
    padding: 30px 40px 40px 40px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.votingtips .votingtips-err .close {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer
}

.votingtips .votingtips-err .close .img-box {
    width: 48px;
    height: 48px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-top: 30px;
    padding-right: 30px
}

.votingtips .votingtips-err .close .img-box img {
    display: block;
    width: 18px;
    height: 18px
}

.votingtips .votingtips-err p {
    color: #f3dbae;
    font-size: 30px;
    font-weight: 700;
    text-align: center;
    margin-top: 50px
}

.votingtips .votingtips-err .ikonwbt {
    width: 162px;
    height: 46px;
    margin: 60px auto 0;
    display: block;
    cursor: pointer
}

.nyj,.tgbusaward {
    width: 100%;
    background-color: #131211
}

.tgbusaward {
    background-image: url(/static/img/page_top_bg.5e6a33b3.png),url(/static/img/page_bottom_bg.221d8acd.png);
    background-position: top,bottom;
    background-size: 100%,100% 1013px;
    background-repeat: no-repeat,no-repeat;
    max-width: 1920px;
    margin: 0 auto
}

.tgbusaward .tgbusaward-content {
    width: 1200px;
    min-width: 1200px;
    margin: 0 auto
}

.tgbusaward .banner {
    width: 100%;
    height: 764px
}

.tgbusaward .schedule {
    width: 100%;
    height: 88px;
    margin: 16px auto 34px;
    background-image: url(/static/img/schedule_bg.bbe640c8.png);
    background-size: 100%;
    background-repeat: no-repeat;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 17px 70px
}

.tgbusaward .schedule .item {
    display: inline-block;
    vertical-align: middle;
    width: 96px;
    text-align: center
}

.tgbusaward .schedule .item.last {
    width: 215px
}

.tgbusaward .schedule .item.title {
    width: 120px;
    font-size: 30px;
    line-height: 30px;
    color: #f0dcb4;
    font-weight: 700
}

.tgbusaward .schedule .item .time {
    color: #f0dcb4;
    opacity: .6;
    font-size: 16px;
    line-height: 16px;
    text-align: center;
    font-family: SourceHanSansCN-Regular
}

.tgbusaward .schedule .item .time.active {
    opacity: 1
}

.tgbusaward .schedule .item .text {
    width: 100%;
    margin-top: 10px;
    color: #f0dcb4;
    font-size: 24px;
    font-weight: 700;
    line-height: 24px;
    text-align: center;
    opacity: .6;
    font-family: SourceHanSansCN-Bold
}

.tgbusaward .schedule .item .text.active {
    opacity: 1
}

.tgbusaward .schedule .arrow-img {
    display: inline-block;
    width: 30px;
    height: 55px;
    margin-left: 35px;
    margin-right: 44px;
    vertical-align: middle
}

.tgbusaward .game {
    width: 1136px;
    margin: 80px auto 0
}

.tgbusaward .game .sing-game-classify {
    width: 100%;
    margin-bottom: 50px
}

.tgbusaward .game .sing-game-classify .game-title {
    width: 1116px;
    height: 91px;
    background-image: url(/static/img/game_title_bg.3df789b6.png);
    background-size: 100% 91px;
    background-repeat: no-repeat;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-top: 17px
}

.tgbusaward .game .sing-game-classify .game-title .title {
    font-size: 25px;
    color: #ead6af;
    font-weight: 700;
    text-align: center
}

.tgbusaward .game .sing-game-classify .game-title .subTitle {
    font-size: 18px;
    color: #ead6af;
    text-align: center;
    margin-top: 15px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.tgbusaward .game .sing-game-classify .gamecontent {
    margin-top: 35px;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: space-between;
    -ms-flex-align: space-between;
    align-items: space-between
}

.tgbusaward .game .sing-game-classify .gamecontent .gamebox {
    width: 278px
}

.tgbusaward .game .sing-game-classify .gamecontent .gamebox .imagebox {
    width: 100%;
    height: 168px;
    position: relative
}

.tgbusaward .game .sing-game-classify .gamecontent .gamebox .imagebox.active {
    border: 3px solid #ffc06f;
    border-radius: 5px
}

.tgbusaward .game .sing-game-classify .gamecontent .gamebox .imagebox.active .img1 {
    left: 0;
    top: 0
}

.tgbusaward .game .sing-game-classify .gamecontent .gamebox .imagebox.active .img2 {
    opacity: 0
}

.tgbusaward .game .sing-game-classify .gamecontent .gamebox .imagebox .img1 {
    display: block;
    position: absolute;
    width: 272px;
    height: 162px;
    z-index: 1;
    left: 3px;
    top: 3px
}

.tgbusaward .game .sing-game-classify .gamecontent .gamebox .imagebox .img1 img {
    width: 100%;
    height: 100%
}

.tgbusaward .game .sing-game-classify .gamecontent .gamebox .imagebox .img2 {
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 2;
    left: 0;
    top: 0
}

.tgbusaward .game .sing-game-classify .gamecontent .gamebox .imagebox .game-introduction {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 3;
    left: 0;
    top: 0;
    padding: 7px 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #101010;
    opacity: 0
}

.tgbusaward .game .sing-game-classify .gamecontent .gamebox .imagebox .game-introduction:hover {
    opacity: .9;
    cursor: pointer
}

.tgbusaward .game .sing-game-classify .gamecontent .gamebox .imagebox .game-introduction .game-introduction-text {
    width: 100%;
    height: 100%;
    font-size: 14px;
    line-height: 22px;
    color: #f3e6ce;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 7
}

.tgbusaward .game .sing-game-classify .gamecontent .gamebox .gamenamebox {
    width: 100%;
    margin-top: 18px
}

.tgbusaward .game .sing-game-classify .gamecontent .gamebox .gamenamebox .select-outside {
    width: 18px;
    height: 18px;
    border-radius: 9px;
    border: 2px solid #d8c59e;
    display: inline-block;
    vertical-align: middle;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 3px;
    padding-top: 3px
}

.tgbusaward .game .sing-game-classify .gamecontent .gamebox .gamenamebox .select-outside .select-inner {
    display: block;
    width: 8px;
    height: 8px;
    border-radius: 4px;
    background-color: transparent
}

.tgbusaward .game .sing-game-classify .gamecontent .gamebox .gamenamebox .select-outside .select-inner.active {
    background-color: #ead6af
}

.tgbusaward .game .sing-game-classify .gamecontent .gamebox .gamenamebox .gamename {
    max-width: 240px;
    display: inline-block;
    font-size: 18px;
    color: #ead6af;
    vertical-align: middle;
    margin-left: 10px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.tgbusaward .game .subbtn {
    width: 100%
}

.tgbusaward .game .subbtn img {
    display: block;
    width: 213px;
    height: 60px;
    margin: 0 auto;
    cursor: pointer
}

.tgbusaward .rule {
    width: 1144px;
    height: 434px;
    margin: 80px auto 0;
    background-image: url(/static/img/rule_frame.329804c2.png);
    background-size: 100%;
    background-repeat: no-repeat;
    padding: 45px 30px 0 50px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.tgbusaward .rule .title {
    font-size: 22px;
    color: #ead6af;
    font-weight: 700
}

.tgbusaward .rule .content {
    width: 100%;
    margin-top: 10px
}

.tgbusaward .rule .content .rule-item {
    font-size: 12px;
    line-height: 18px;
    color: #ead6af
}

.tgbusaward .rule .content .rule-item.active {
    margin: 5px 0;
    color: #e0bf65
}

.tgbusaward .rule .content .rule-item .active-color {
    color: #e0bf65
}

.tgbusaward .award-introduction {
    width: 1144px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 70px auto 0
}

.tgbusaward .award-introduction .title {
    width: 100%
}

.tgbusaward .award-introduction .title img {
    display: inline-block;
    width: 21px;
    height: 31px;
    vertical-align: middle
}

.tgbusaward .award-introduction .title .text {
    display: inline-block;
    font-size: 32px;
    color: #ead6af;
    font-weight: 700;
    margin-left: 20px;
    vertical-align: middle
}

.tgbusaward .award-introduction .award-introduction-content {
    width: 100%;
    height: 264px;
    margin-top: 50px
}

.tgbusaward .award-introduction .award-introduction-content .swiper-container {
    width: 100%;
    height: 100%
}

.tgbusaward .award-introduction .award-introduction-content .swiper-container .swiper-button {
    z-index: 10;
    position: absolute;
    width: 122px;
    height: 264px;
    cursor: pointer
}

.tgbusaward .award-introduction .award-introduction-content .swiper-container .nyj-swiper-button-prev {
    left: 0;
    top: 0;
    background: url(/static/img/swiper_prev.e82f9f1d.png) 100% no-repeat
}

.tgbusaward .award-introduction .award-introduction-content .swiper-container .nyj-swiper-button-next {
    right: 0;
    top: 0;
    background: url(/static/img/swiper_next.cce5921f.png) 100% no-repeat
}

.tgbusaward .award-introduction .award-introduction-content .swiper-wrappe {
    width: 100%;
    height: 100%
}

.tgbusaward .award-introduction .award-introduction-content .award-item {
    width: 180px!important;
    height: 100%;
    background-image: url(/static/img/prize_bg.869c11a6.png);
    background-size: 100%;
    background-repeat: no-repeat
}

.tgbusaward .award-introduction .award-introduction-content .award-item.active {
    cursor: pointer
}

.tgbusaward .award-introduction .award-introduction-content .award-item .award-image-box {
    width: 100%;
    height: 180px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.tgbusaward .award-introduction .award-introduction-content .award-item .award-image-box img {
    display: block
}

.tgbusaward .award-introduction .award-introduction-content .award-item .award-name {
    color: #ead6af;
    font-size: 14px;
    text-align: center;
    margin-top: 10px 10px 0
}

.tgbusaward .award-introduction .award-introduction-content .award-item .award-name.active {
    line-height: 16px
}

.tgbusaward .award-introduction .award-introduction-content .award-item .award-level {
    color: #ead6af;
    font-size: 14px;
    text-align: center;
    margin-top: 14px
}

.tgbusaward .media-sponsor {
    width: 1144px;
    height: 1192px;
    margin: 62px auto 0;
    background: url(/static/img/media_logo.cae17de3.png) 100% no-repeat;
    padding-top: 156px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.tgbusaward .media-sponsor .media {
    height: 160px
}

.tgbusaward .media-sponsor .media,.tgbusaward .media-sponsor .sponsor {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-left: 50px;
    padding-right: 42px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.tgbusaward .media-sponsor .sponsor {
    margin-top: 140px;
    height: 665px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: space-between;
    -ms-flex-align: space-between;
    align-items: space-between
}

.tgbusaward .media-sponsor a {
    width: 200px;
    height: 160px;
    display: block;
    cursor: pointer
}

.tgbusaward .copyright-img {
    width: 100%;
    margin-top: 35px
}

.tgbusaward .copyright-img img {
    display: block;
    width: 456px;
    height: 49px;
    margin: 0 auto
}

.tgbusaward .copyright {
    font-size: 16px;
    color: #6e5c4c;
    text-align: center;
    padding-bottom: 121px
}

body {
    line-height: 1
}

.swiper-container {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1
}

.swiper-container-no-flexbox .swiper-slide {
    float: left
}

.swiper-container-vertical>.swiper-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform,-webkit-transform;
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

.swiper-container-android .swiper-slide,.swiper-wrapper {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.swiper-container-multirow>.swiper-wrapper {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.swiper-container-free-mode>.swiper-wrapper {
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    margin: 0 auto
}

.swiper-slide {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform,-webkit-transform
}

.swiper-slide-invisible-blank {
    visibility: hidden
}

.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide {
    height: auto
}

.swiper-container-autoheight .swiper-wrapper {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-transition-property: height,-webkit-transform;
    transition-property: height,-webkit-transform;
    transition-property: transform,height;
    transition-property: transform,height,-webkit-transform
}

.swiper-container-3d {
    -webkit-perspective: 1200px;
    perspective: 1200px
}

.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d
}

.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10
}

.swiper-container-3d .swiper-slide-shadow-left {
    background-image: -webkit-gradient(linear,right top,left top,from(rgba(0,0,0,.5)),to(transparent));
    background-image: linear-gradient(270deg,rgba(0,0,0,.5),transparent)
}

.swiper-container-3d .swiper-slide-shadow-right {
    background-image: -webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(transparent));
    background-image: linear-gradient(90deg,rgba(0,0,0,.5),transparent)
}

.swiper-container-3d .swiper-slide-shadow-top {
    background-image: -webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.5)),to(transparent));
    background-image: linear-gradient(0deg,rgba(0,0,0,.5),transparent)
}

.swiper-container-3d .swiper-slide-shadow-bottom {
    background-image: -webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),to(transparent));
    background-image: linear-gradient(180deg,rgba(0,0,0,.5),transparent)
}

.swiper-container-wp8-horizontal,.swiper-container-wp8-horizontal>.swiper-wrapper {
    -ms-touch-action: pan-y;
    touch-action: pan-y
}

.swiper-container-wp8-vertical,.swiper-container-wp8-vertical>.swiper-wrapper {
    -ms-touch-action: pan-x;
    touch-action: pan-x
}

.swiper-button-next,.swiper-button-prev {
    position: absolute;
    top: 50%;
    width: 27px;
    height: 44px;
    margin-top: -22px;
    z-index: 10;
    cursor: pointer;
    background-size: 27px 44px;
    background-position: 50%;
    background-repeat: no-repeat
}

.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled {
    opacity: .35;
    cursor: auto;
    pointer-events: none
}

.swiper-button-prev,.swiper-container-rtl .swiper-button-next {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M0 22L22 0l2.1 2.1L4.2 22l19.9 19.9L22 44 0 22z' fill='%23007aff'/%3E%3C/svg%3E");
    left: 10px;
    right: auto
}

.swiper-button-next,.swiper-container-rtl .swiper-button-prev {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M27 22L5 44l-2.1-2.1L22.8 22 2.9 2.1 5 0l22 22z' fill='%23007aff'/%3E%3C/svg%3E");
    right: 10px;
    left: auto
}

.swiper-button-prev.swiper-button-white,.swiper-container-rtl .swiper-button-next.swiper-button-white {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M0 22L22 0l2.1 2.1L4.2 22l19.9 19.9L22 44 0 22z' fill='%23fff'/%3E%3C/svg%3E")
}

.swiper-button-next.swiper-button-white,.swiper-container-rtl .swiper-button-prev.swiper-button-white {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M27 22L5 44l-2.1-2.1L22.8 22 2.9 2.1 5 0l22 22z' fill='%23fff'/%3E%3C/svg%3E")
}

.swiper-button-prev.swiper-button-black,.swiper-container-rtl .swiper-button-next.swiper-button-black {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M0 22L22 0l2.1 2.1L4.2 22l19.9 19.9L22 44 0 22z'/%3E%3C/svg%3E")
}

.swiper-button-next.swiper-button-black,.swiper-container-rtl .swiper-button-prev.swiper-button-black {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M27 22L5 44l-2.1-2.1L22.8 22 2.9 2.1 5 0l22 22z'/%3E%3C/svg%3E")
}

.swiper-button-lock {
    display: none
}

.swiper-pagination {
    position: absolute;
    text-align: center;
    -webkit-transition: opacity .3s;
    transition: opacity .3s;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    z-index: 10
}

.swiper-pagination.swiper-pagination-hidden {
    opacity: 0
}

.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction {
    bottom: 10px;
    left: 0;
    width: 100%
}

.swiper-pagination-bullets-dynamic {
    overflow: hidden;
    font-size: 0
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    -webkit-transform: scale(.33);
    transform: scale(.33);
    position: relative
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
    -webkit-transform: scale(1);
    transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
    -webkit-transform: scale(.66);
    transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
    -webkit-transform: scale(.33);
    transform: scale(.33)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
    -webkit-transform: scale(.66);
    transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
    -webkit-transform: scale(.33);
    transform: scale(.33)
}

.swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    display: inline-block;
    border-radius: 100%;
    background: #000;
    opacity: .2
}

button.swiper-pagination-bullet {
    border: none;
    margin: 0;
    padding: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer
}

.swiper-pagination-bullet-active {
    opacity: 1;
    background: #007aff
}

.swiper-container-vertical>.swiper-pagination-bullets {
    right: 10px;
    top: 50%;
    -webkit-transform: translate3d(0,-50%,0);
    transform: translate3d(0,-50%,0)
}

.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 6px 0;
    display: block
}

.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 8px
}

.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    display: inline-block;
    -webkit-transition: top .2s,-webkit-transform .2s;
    transition: top .2s,-webkit-transform .2s;
    transition: transform .2s,top .2s;
    transition: transform .2s,top .2s,-webkit-transform .2s
}

.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 4px
}

.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    white-space: nowrap
}

.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    -webkit-transition: left .2s,-webkit-transform .2s;
    transition: left .2s,-webkit-transform .2s;
    transition: transform .2s,left .2s;
    transition: transform .2s,left .2s,-webkit-transform .2s
}

.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    -webkit-transition: right .2s,-webkit-transform .2s;
    transition: right .2s,-webkit-transform .2s;
    transition: transform .2s,right .2s;
    transition: transform .2s,right .2s,-webkit-transform .2s
}

.swiper-pagination-progressbar {
    background: rgba(0,0,0,.25);
    position: absolute
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: #007aff;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: left top;
    transform-origin: left top
}

.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    -webkit-transform-origin: right top;
    transform-origin: right top
}

.swiper-container-horizontal>.swiper-pagination-progressbar,.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
    width: 100%;
    height: 4px;
    left: 0;
    top: 0
}

.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-container-vertical>.swiper-pagination-progressbar {
    width: 4px;
    height: 100%;
    left: 0;
    top: 0
}

.swiper-pagination-white .swiper-pagination-bullet-active {
    background: #fff
}

.swiper-pagination-progressbar.swiper-pagination-white {
    background: hsla(0,0%,100%,.25)
}

.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill {
    background: #fff
}

.swiper-pagination-black .swiper-pagination-bullet-active {
    background: #000
}

.swiper-pagination-progressbar.swiper-pagination-black {
    background: rgba(0,0,0,.25)
}

.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill {
    background: #000
}

.swiper-pagination-lock {
    display: none
}

.swiper-scrollbar {
    border-radius: 10px;
    position: relative;
    -ms-touch-action: none;
    background: rgba(0,0,0,.1)
}

.swiper-container-horizontal>.swiper-scrollbar {
    position: absolute;
    left: 1%;
    bottom: 3px;
    z-index: 50;
    height: 5px;
    width: 98%
}

.swiper-container-vertical>.swiper-scrollbar {
    position: absolute;
    right: 3px;
    top: 1%;
    z-index: 50;
    width: 5px;
    height: 98%
}

.swiper-scrollbar-drag {
    height: 100%;
    width: 100%;
    position: relative;
    background: rgba(0,0,0,.5);
    border-radius: 10px;
    left: 0;
    top: 0
}

.swiper-scrollbar-cursor-drag {
    cursor: move
}

.swiper-scrollbar-lock {
    display: none
}

.swiper-zoom-container {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center
}

.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg {
    max-width: 100%;
    max-height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.swiper-slide-zoomed {
    cursor: move
}

.swiper-lazy-preloader {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
    -webkit-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-animation: swiper-preloader-spin 1s steps(12) infinite;
    animation: swiper-preloader-spin 1s steps(12) infinite
}

.swiper-lazy-preloader:after {
    display: block;
    content: "";
    width: 100%;
    height: 100%;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 120 120' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath id='a' stroke='%236c6c6c' stroke-width='11' stroke-linecap='round' d='M60 7v20'/%3E%3C/defs%3E%3Cuse xlink:href='%23a' opacity='.27'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(30 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(60 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(90 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(120 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(150 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.37' transform='rotate(180 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.46' transform='rotate(210 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.56' transform='rotate(240 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.66' transform='rotate(270 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.75' transform='rotate(300 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.85' transform='rotate(330 60 60)'/%3E%3C/svg%3E");
    background-position: 50%;
    background-size: 100%;
    background-repeat: no-repeat
}

.swiper-lazy-preloader-white:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 120 120' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath id='a' stroke='%23fff' stroke-width='11' stroke-linecap='round' d='M60 7v20'/%3E%3C/defs%3E%3Cuse xlink:href='%23a' opacity='.27'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(30 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(60 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(90 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(120 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(150 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.37' transform='rotate(180 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.46' transform='rotate(210 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.56' transform='rotate(240 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.66' transform='rotate(270 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.75' transform='rotate(300 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.85' transform='rotate(330 60 60)'/%3E%3C/svg%3E")
}

@-webkit-keyframes swiper-preloader-spin {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes swiper-preloader-spin {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

.swiper-container .swiper-notification {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    opacity: 0;
    z-index: -1000
}

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.swiper-container-fade .swiper-slide {
    pointer-events: none;
    -webkit-transition-property: opacity;
    transition-property: opacity
}

.swiper-container-fade .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-container-cube {
    overflow: visible
}

.swiper-container-cube .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1;
    visibility: hidden;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    width: 100%;
    height: 100%
}

.swiper-container-cube .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-container-cube.swiper-container-rtl .swiper-slide {
    -webkit-transform-origin: 100% 0;
    transform-origin: 100% 0
}

.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev {
    pointer-events: auto;
    visibility: visible
}

.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.swiper-container-cube .swiper-cube-shadow {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: .6;
    -webkit-filter: blur(50px);
    filter: blur(50px);
    z-index: 0
}

.swiper-container-flip {
    overflow: visible
}

.swiper-container-flip .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1
}

.swiper-container-flip .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.swiper-container-coverflow .swiper-wrapper {
    -ms-perspective: 1200px
}

.v-nyj2021 {
    width: 100%;
    background-image: url(/static/img/bg.978f2d83.jpg);
    background-position: 0 40.10417vw;
    background-size: 100%;
    background-repeat: repeat;
    line-height: 1;
    margin-bottom: 0!important
}

.v-nyj2021>* {
    margin: 0 auto
}

.v-nyj2021 .v-nyj2021_common-title {
    font-size: 36px;
    font-weight: 400;
    color: #fff;
    text-align: center
}

.v-nyj2021 .v-nyj2021_container {
    width: 1004px;
    margin: 0 auto
}

.v-nyj2021 .v-nyj2021_banner {
    width: 100%;
    height: 40.10417vw
}

.v-nyj2021 .v-nyj2021_banner img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.v-nyj2021 .v-nyj2021_position-acenter {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.v-nyj2021 .v-nyj2021_schedule {
    width: 998px;
    height: 152px;
    margin: 50px auto 54px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative
}

.v-nyj2021 .v-nyj2021_schedule .schedule-line {
    width: 100%;
    background-repeat: no-repeat;
    height: 72px;
    background-image: url(/static/img/schedule.9cb2b459.png);
    background-size: auto 100%
}

.v-nyj2021 .v-nyj2021_schedule .schedule-line-high {
    z-index: 30;
    left: 0;
    background-image: url(/static/img/schedule-high.8a271608.png)
}

.v-nyj2021 .v-nyj2021_schedule .schedule-line-high.step0 {
    width: 224px
}

.v-nyj2021 .v-nyj2021_schedule .schedule-line-high.step1 {
    width: 439px
}

.v-nyj2021 .v-nyj2021_schedule .schedule-line-high.step2 {
    width: 654px
}

.v-nyj2021 .v-nyj2021_schedule .schedule-line-high.step3 {
    width: 100%
}

.v-nyj2021 .v-nyj2021_schedule .schedule-item {
    position: absolute;
    height: 100%;
    font-size: 23px;
    color: #fff;
    z-index: 40
}

.v-nyj2021 .v-nyj2021_schedule .schedule-item span {
    position: absolute;
    text-align: center;
    width: 100%
}

.v-nyj2021 .v-nyj2021_schedule .schedule-item span:first-child {
    top: 0;
    height: 24px
}

.v-nyj2021 .v-nyj2021_schedule .schedule-item span:nth-child(2) {
    bottom: 0;
    height: 32px
}

.v-nyj2021 .v-nyj2021_schedule .schedule-item span img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.v-nyj2021 .v-nyj2021_schedule .schedule-item:nth-child(3) {
    width: 100px;
    left: 214px
}

.v-nyj2021 .v-nyj2021_schedule .schedule-item:nth-child(3) span {
    -webkit-transform: translateX(-13.5px);
    transform: translateX(-13.5px)
}

.v-nyj2021 .v-nyj2021_schedule .schedule-item:nth-child(4) {
    width: 100px;
    left: 429px
}

.v-nyj2021 .v-nyj2021_schedule .schedule-item:nth-child(4) span {
    -webkit-transform: translateX(-13.5px);
    transform: translateX(-13.5px)
}

.v-nyj2021 .v-nyj2021_schedule .schedule-item:nth-child(5) {
    width: 100px;
    left: 644px
}

.v-nyj2021 .v-nyj2021_schedule .schedule-item:nth-child(5) span {
    -webkit-transform: translateX(-13.5px);
    transform: translateX(-13.5px)
}

.v-nyj2021 .v-nyj2021_schedule .schedule-item:nth-child(6) {
    width: 162px;
    left: 860px
}

.v-nyj2021 .v-nyj2021_schedule .schedule-item:nth-child(6) span {
    -webkit-transform: translateX(-44.5px);
    transform: translateX(-44.5px)
}

.v-nyj2021 .v-nyj2021_schedule .is-active {
    width: 73px;
    height: 72px
}

.v-nyj2021 .v-nyj2021_schedule .is-active img {
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.v-nyj2021 .v-nyj2021_schedule .title {
    position: absolute;
    left: -5px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 114px;
    height: 114px;
    z-index: 40
}

.v-nyj2021 .v-nyj2021_schedule .title img {
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.v-nyj2021 .v-nyj2021_game {
    height: auto;
    padding: 45px 29px;
    background: -webkit-gradient(linear,left bottom,left top,from(#3f59ae),to(#4a7de0));
    background: linear-gradient(0deg,#3f59ae,#4a7de0);
    border: 3px solid #132279;
    border-radius: 30px;
    text-align: center
}

.v-nyj2021 .v-nyj2021_game .join-header {
    cursor: pointer;
    display: inline-block
}

.v-nyj2021 .v-nyj2021_game .join-header img {
    width: 222px;
    height: 64px;
    -o-object-fit: contain;
    object-fit: contain
}

.v-nyj2021 .v-nyj2021_game .game-classify {
    width: 100%;
    margin-bottom: 37px
}

.v-nyj2021 .v-nyj2021_game .game-classify:nth-child(2) {
    margin-top: 26px
}

.v-nyj2021 .v-nyj2021_game .game-classify .header img {
    height: 115px;
    -o-object-fit: contain;
    object-fit: contain
}

.v-nyj2021 .v-nyj2021_game .game-classify .title img {
    height: 23px;
    -o-object-fit: contain;
    object-fit: contain
}

.v-nyj2021 .v-nyj2021_game .game-classify .list {
    margin-top: 23px;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: space-between;
    -ms-flex-align: space-between;
    align-items: space-between
}

.v-nyj2021 .v-nyj2021_game .game-classify .list .item {
    width: 181px;
    cursor: pointer
}

.v-nyj2021 .v-nyj2021_game .game-classify .list .item>div:first-child {
    height: 102px;
    border: 3px solid #162876;
    border-radius: 10px;
    position: relative
}

.v-nyj2021 .v-nyj2021_game .game-classify .list .item>div:first-child img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 10px
}

.v-nyj2021 .v-nyj2021_game .game-classify .list .item>div:nth-child(2) {
    width: 100%;
    margin-top: 20px;
    height: 16px;
    font-size: 16px;
    font-weight: 700;
    color: #fff;
    line-height: 20px
}

.v-nyj2021 .v-nyj2021_award-intro {
    background-image: url(/static/img/award-bg.a1d49549.png);
    background-size: 100% 100%;
    width: 100%;
    height: 687px;
    padding-top: 159px
}

.v-nyj2021 .v-nyj2021_award-intro .container {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 49px
}

.v-nyj2021 .v-nyj2021_award-intro .title {
    margin: auto 0;
    height: 44px
}

.v-nyj2021 .v-nyj2021_award-intro .title img {
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.v-nyj2021 .v-nyj2021_award-intro .award-item {
    width: 147px!important;
    height: 251px;
    background-image: url(/static/img/award-itembg.4a7a91c4.png);
    background-size: 100%;
    background-repeat: no-repeat;
    font-weight: 700;
    color: #111a52;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    cursor: default
}

.v-nyj2021 .v-nyj2021_award-intro .award-item:nth-child(n+3) {
    cursor: pointer
}

.v-nyj2021 .v-nyj2021_award-intro .award-item .image-box {
    width: 100%;
    height: 180px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.v-nyj2021 .v-nyj2021_award-intro .award-item .image-box img {
    display: block
}

.v-nyj2021 .v-nyj2021_award-intro .award-item .info-box {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin: 0 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.v-nyj2021 .v-nyj2021_award-intro .award-item .info-box p {
    margin: 0
}

.v-nyj2021 .v-nyj2021_award-intro .award-item .info-box p:first-child {
    margin-bottom: 5px
}

.v-nyj2021 .v-nyj2021_rule {
    width: 999px;
    height: 381px;
    margin: 100px auto 0;
    background-image: url(/static/img/rules-bg.079df779.png);
    background-size: 100%;
    background-repeat: no-repeat;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 30px
}

.v-nyj2021 .v-nyj2021_rule .container-box {
    height: 364px;
    overflow: hidden auto
}

.v-nyj2021 .v-nyj2021_rule .container-box::-webkit-scrollbar-thumb,.v-nyj2021 .v-nyj2021_rule .container-box::-webkit-scrollbar-track {
    margin-top: 47px;
    margin-bottom: 47px
}

.v-nyj2021 .v-nyj2021_rule .title {
    font-size: 36px;
    color: #111a52;
    font-weight: 700;
    padding-top: 50px;
    padding-bottom: 15px;
    text-align: center
}

.v-nyj2021 .v-nyj2021_rule .content {
    width: 100%
}

.v-nyj2021 .v-nyj2021_rule .content p {
    font-size: 18px;
    font-weight: 700;
    color: #111a52;
    line-height: 25px;
    white-space: pre-line;
    margin: 0
}

.v-nyj2021 .v-nyj2021_rule .content .mt10 {
    margin-top: 10px
}

.v-nyj2021 .scroll-bar::-webkit-scrollbar {
    width: 42px;
    height: 1px
}

.v-nyj2021 .scroll-bar::-webkit-scrollbar-thumb {
    border: 13px solid transparent;
    border-radius: 20px;
    -webkit-box-shadow: 16px 0 0 #faee55 inset;
    box-shadow: inset 16px 0 0 #faee55
}

.v-nyj2021 .scroll-bar::-webkit-scrollbar-track {
    border: 13px solid transparent;
    -webkit-box-shadow: 16px 0 0 #132279 inset;
    box-shadow: inset 16px 0 0 #132279;
    border-radius: 21px
}

.v-nyj2021 .v-nyj2021_lucky-bag {
    height: 950px;
    background: -webkit-gradient(linear,left bottom,left top,from(#3f59ae),to(#4a7de0));
    background: linear-gradient(0deg,#3f59ae,#4a7de0);
    border: 3px solid #132279;
    border-radius: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 0 0 23px;
    margin-top: 23px;
    overflow-y: scroll
}

.v-nyj2021 .v-nyj2021_lucky-bag .item-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.v-nyj2021 .v-nyj2021_lucky-bag .title {
    margin-top: 52px;
    height: 44px
}

.v-nyj2021 .v-nyj2021_lucky-bag .title img {
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.v-nyj2021 .v-nyj2021_lucky-bag .bag-subtitle {
    color: #fff;
    text-align: center;
    font-size: 18px;
    margin: 20px auto 43px
}

.v-nyj2021 .v-nyj2021_lucky-bag .list .item {
    float: left;
    width: 147px;
    height: 204px;
    margin-bottom: 11px;
    background-image: url(/static/img/lucky-bag-itembg.723e34de.png);
    font-weight: 700;
    color: #111a52;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative;
    cursor: pointer;
    overflow: hidden
}

.v-nyj2021 .v-nyj2021_lucky-bag .list .item .image {
    width: 129px;
    height: 60px;
    overflow: hidden;
    border-radius: 10px;
    margin: 0 auto;
    margin-top: 13px;
    background: #fff
}

.v-nyj2021 .v-nyj2021_lucky-bag .list .item .image img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.v-nyj2021 .v-nyj2021_lucky-bag .list .item .title {
    margin-top: 20px;
    margin-bottom: 10px;
    padding: 0 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.v-nyj2021 .v-nyj2021_lucky-bag .list .item .subtitle {
    padding: 0 8px;
    text-align: center;
    height: 53px;
    margin: 0 10px;
    padding-top: 10px;
    border-top: 1px solid rgba(17,26,82,.5)
}

.v-nyj2021 .v-nyj2021_lucky-bag .list .item .content {
    display: none;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: #4f69b8;
    font-size: 12px;
    color: #fff;
    line-height: 16px;
    padding: 14px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 20px;
    border: 3px solid #132279;
    font-weight: 400
}

.v-nyj2021 .v-nyj2021_lucky-bag .list .item:hover .content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.v-nyj2021 .v-nyj2021_sponsor-media {
    width: 1003px;
    background-image: url(/static/img/sponsor-bg.7acd4f48.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    padding: 55px 88px 0;
    margin-top: 100px
}

.v-nyj2021 .v-nyj2021_sponsor {
    margin: 0 auto
}

.v-nyj2021 .v-nyj2021_sponsor .sponsor-header {
    height: 44px;
    margin: 0 auto 27px;
    text-align: center
}

.v-nyj2021 .v-nyj2021_sponsor .sponsor-header img {
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.v-nyj2021 .v-nyj2021_sponsor .sponsor-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.v-nyj2021 .v-nyj2021_sponsor .sponsor-box a {
    display: inline-block;
    width: 158px;
    margin-bottom: 17px;
    text-align: center
}

.v-nyj2021 .v-nyj2021_sponsor .sponsor-box a p {
    margin: 0
}

.v-nyj2021 .v-nyj2021_sponsor .sponsor-box a p:first-child {
    height: 79px
}

.v-nyj2021 .v-nyj2021_sponsor .sponsor-box a p:first-child img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.v-nyj2021 .v-nyj2021_sponsor .sponsor-box a p:nth-child(2) {
    margin-top: 17px;
    color: #fff;
    font-size: 14px
}

.v-nyj2021 .v-nyj2021_media {
    margin: 0 auto;
    padding-bottom: 150px
}

.v-nyj2021 .v-nyj2021_media .media-header {
    margin-top: 16px
}

.v-nyj2021 .v-nyj2021_copyright {
    font-size: 16px;
    width: 362px;
    font-weight: 400;
    color: #fff;
    margin-top: 69px;
    margin-bottom: 117px
}

.v-nyj2022 {
    width: 100%;
    background-image: url(/static/img/bg.8f624e80.jpg);
    background-position: 0 40.10417vw;
    background-size: cover;
    background-repeat: repeat;
    line-height: 1;
    margin-bottom: 0!important
}

.v-nyj2022>* {
    margin: 0 auto
}

.v-nyj2022 .mark {
    position: absolute;
    left: 0;
    width: 100%;
    height: 1528px;
    background: url(/static/img/bg-mark.d1c1fecc.png) 50% no-repeat;
    background-size: cover
}

.v-nyj2022 .v-nyj2022_common-title {
    font-size: 36px;
    font-weight: 400;
    color: #fff;
    text-align: center
}

.v-nyj2022 .v-nyj2022_container {
    width: 1004px;
    margin: 0 auto
}

.v-nyj2022 .v-nyj2022_banner {
    width: 100%;
    height: 99.73958vw
}

.v-nyj2022 .v-nyj2022_banner img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.v-nyj2022 .v-nyj2022_position-acenter {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.v-nyj2022 .v-nyj2022_schedule {
    width: 976px;
    height: 152px;
    margin: -52.08333vw auto 54px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    display: none
}

.v-nyj2022 .v-nyj2022_schedule .schedule-line {
    width: 100%;
    background-repeat: no-repeat;
    height: 113px;
    background-image: url(/static/img/schedule.0ae06585.png);
    background-size: auto 100%
}

.v-nyj2022 .v-nyj2022_schedule .schedule-line-high {
    z-index: 30;
    left: 0
}

.v-nyj2022 .v-nyj2022_schedule .schedule-line-high.step0 {
    width: 224px
}

.v-nyj2022 .v-nyj2022_schedule .schedule-line-high.step1 {
    width: 439px
}

.v-nyj2022 .v-nyj2022_schedule .schedule-line-high.step2 {
    width: 654px
}

.v-nyj2022 .v-nyj2022_schedule .schedule-line-high.step3 {
    width: 100%
}

.v-nyj2022 .v-nyj2022_schedule .schedule-item {
    position: absolute;
    height: 100%;
    font-size: 23px;
    color: #fff;
    z-index: 40
}

.v-nyj2022 .v-nyj2022_schedule .schedule-item .lp10 {
    left: 10px
}

.v-nyj2022 .v-nyj2022_schedule .schedule-item span {
    position: absolute;
    text-align: center;
    width: 100%
}

.v-nyj2022 .v-nyj2022_schedule .schedule-item span:first-child {
    top: 0;
    height: 24px
}

.v-nyj2022 .v-nyj2022_schedule .schedule-item span:nth-child(2) {
    bottom: 0;
    height: 32px
}

.v-nyj2022 .v-nyj2022_schedule .schedule-item span img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.v-nyj2022 .v-nyj2022_schedule .schedule-item:nth-child(3) {
    width: 100px;
    left: 214px
}

.v-nyj2022 .v-nyj2022_schedule .schedule-item:nth-child(3) span {
    -webkit-transform: translateX(-13.5px);
    transform: translateX(-13.5px)
}

.v-nyj2022 .v-nyj2022_schedule .schedule-item:nth-child(4) {
    width: 100px;
    left: 429px
}

.v-nyj2022 .v-nyj2022_schedule .schedule-item:nth-child(4) span {
    -webkit-transform: translateX(-13.5px);
    transform: translateX(-13.5px)
}

.v-nyj2022 .v-nyj2022_schedule .schedule-item:nth-child(5) {
    width: 100px;
    left: 644px
}

.v-nyj2022 .v-nyj2022_schedule .schedule-item:nth-child(5) span {
    -webkit-transform: translateX(-13.5px);
    transform: translateX(-13.5px)
}

.v-nyj2022 .v-nyj2022_schedule .schedule-item:nth-child(6) {
    width: 162px;
    left: 860px
}

.v-nyj2022 .v-nyj2022_schedule .schedule-item:nth-child(6) span {
    -webkit-transform: translateX(-44.5px);
    transform: translateX(-44.5px)
}

.v-nyj2022 .v-nyj2022_schedule .is-active {
    width: 73px;
    height: 72px
}

.v-nyj2022 .v-nyj2022_schedule .is-active img {
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.v-nyj2022 .v-nyj2022_schedule .title {
    position: absolute;
    left: -5px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 114px;
    height: 114px;
    z-index: 40
}

.v-nyj2022 .v-nyj2022_schedule .title img {
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.v-nyj2022 .bg0 {
    display: block;
    width: 100%;
    height: 122px
}

.v-nyj2022 .bg1 {
    display: block;
    width: 100%;
    height: 61px
}

.v-nyj2022 .v-nyj2022_game {
    margin: -52.08333vw auto 0;
    position: relative;
    z-index: 2;
    height: auto
}

.v-nyj2022 .v-nyj2022_game .con {
    padding: 0 29px;
    background: url(/static/img/game-bg.079b05f0.png) 50% repeat-y;
    background-size: 100% auto;
    text-align: center;
    margin-top: -3px
}

.v-nyj2022 .v-nyj2022_game .join-header {
    cursor: pointer;
    display: inline-block
}

.v-nyj2022 .v-nyj2022_game .join-header.mt-73 {
    margin-top: -73px
}

.v-nyj2022 .v-nyj2022_game .join-header.mt35 {
    margin-top: 35px
}

.v-nyj2022 .v-nyj2022_game .join-header img {
    width: 222px;
    height: 64px;
    -o-object-fit: contain;
    object-fit: contain
}

.v-nyj2022 .v-nyj2022_game .game-classify {
    width: 100%;
    margin-bottom: 10px
}

.v-nyj2022 .v-nyj2022_game .game-classify .header img {
    height: 188px;
    -o-object-fit: contain;
    object-fit: contain;
    margin: 0 225px 0 271px
}

.v-nyj2022 .v-nyj2022_game .game-classify .title img {
    height: 23px;
    -o-object-fit: contain;
    object-fit: contain
}

.v-nyj2022 .v-nyj2022_game .game-classify:nth-child(3) .header img {
    height: 253px;
    -o-object-fit: contain;
    object-fit: contain;
    margin: 0 auto
}

.v-nyj2022 .v-nyj2022_game .game-classify:nth-child(3) .list {
    margin-top: -42px
}

.v-nyj2022 .v-nyj2022_game .game-classify:nth-child(4) .header img {
    height: 253px;
    -o-object-fit: contain;
    object-fit: contain;
    margin: 0 auto
}

.v-nyj2022 .v-nyj2022_game .game-classify:nth-child(4) .list {
    margin-top: -42px
}

.v-nyj2022 .v-nyj2022_game .game-classify:nth-child(7) .header img {
    margin: 0 auto
}

.v-nyj2022 .v-nyj2022_game .game-classify:nth-child(10) .header img,.v-nyj2022 .v-nyj2022_game .game-classify:nth-child(11) .header img {
    margin: 0 224px 0 236px
}

.v-nyj2022 .v-nyj2022_game .game-classify .list {
    margin-top: 23px;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: space-between;
    -ms-flex-align: space-between;
    align-items: space-between
}

.v-nyj2022 .v-nyj2022_game .game-classify .list .item {
    width: 181px;
    cursor: pointer;
    margin-right: 10px
}

.v-nyj2022 .v-nyj2022_game .game-classify .list .item:nth-of-type(5n) {
    margin-right: 0
}

.v-nyj2022 .v-nyj2022_game .game-classify .list .item>div:first-child {
    height: 102px;
    position: relative
}

.v-nyj2022 .v-nyj2022_game .game-classify .list .item>div:first-child img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 10px
}

.v-nyj2022 .v-nyj2022_game .game-classify .list .item>div:first-child .cover {
    position: absolute;
    left: 0;
    top: 0
}

.v-nyj2022 .v-nyj2022_game .game-classify .list .item>div:nth-child(2) {
    width: 100%;
    margin-top: 15px;
    height: 16px;
    font-size: 16px;
    font-weight: 700;
    color: #fff;
    line-height: 20px
}

.v-nyj2022 .v-nyj2022_award-intro {
    width: 100%;
    padding-top: 80px;
    padding-bottom: 74px
}

.v-nyj2022 .v-nyj2022_award-intro .container {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 55px
}

.v-nyj2022 .v-nyj2022_award-intro .title {
    margin: auto 0;
    height: 44px
}

.v-nyj2022 .v-nyj2022_award-intro .title img {
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.v-nyj2022 .v-nyj2022_award-intro .award-item {
    width: 150px!important;
    height: 200px;
    background-image: url(/static/img/award-itembg.f0e25479.png);
    background-size: 100%;
    background-repeat: no-repeat;
    font-weight: 700;
    font-size: 12px;
    color: #111a52;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    cursor: default
}

.v-nyj2022 .v-nyj2022_award-intro .award-item:nth-child(n+3) {
    cursor: pointer
}

.v-nyj2022 .v-nyj2022_award-intro .award-item .image-box {
    width: 100%;
    height: 150px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.v-nyj2022 .v-nyj2022_award-intro .award-item .image-box img {
    display: block;
    width: 100px;
    margin: 0 auto
}

.v-nyj2022 .v-nyj2022_award-intro .award-item .info-box {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin: 0 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.v-nyj2022 .v-nyj2022_award-intro .award-item .info-box p {
    margin: 0
}

.v-nyj2022 .v-nyj2022_award-intro .award-item .info-box p:first-child {
    margin-bottom: 5px
}

.v-nyj2022 .v-nyj2022_award-intro .game_introduce {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.v-nyj2022 .v-nyj2022_rule {
    position: relative;
    width: 999px;
    height: 381px;
    margin: 100px auto 0;
    background-image: url(/static/img/rules-bg.079df779.png);
    background-size: 100%;
    background-repeat: no-repeat;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 30px
}

.v-nyj2022 .v-nyj2022_rule .container-box {
    height: 364px;
    overflow: hidden auto
}

.v-nyj2022 .v-nyj2022_rule .container-box::-webkit-scrollbar-thumb,.v-nyj2022 .v-nyj2022_rule .container-box::-webkit-scrollbar-track {
    margin-top: 47px;
    margin-bottom: 47px
}

.v-nyj2022 .v-nyj2022_rule .title {
    font-size: 36px;
    color: #111a52;
    font-weight: 700;
    padding-top: 50px;
    padding-bottom: 15px;
    text-align: center
}

.v-nyj2022 .v-nyj2022_rule .content {
    width: 100%
}

.v-nyj2022 .v-nyj2022_rule .content p {
    font-size: 18px;
    font-weight: 700;
    color: #111a52;
    line-height: 25px;
    white-space: pre-line;
    margin: 0
}

.v-nyj2022 .v-nyj2022_rule .content .mt10 {
    margin-top: 10px
}

.v-nyj2022 .scroll-bar::-webkit-scrollbar {
    width: 42px;
    height: 1px
}

.v-nyj2022 .scroll-bar::-webkit-scrollbar-thumb {
    border: 13px solid transparent;
    border-radius: 20px;
    -webkit-box-shadow: 16px 0 0 #faee55 inset;
    box-shadow: inset 16px 0 0 #faee55
}

.v-nyj2022 .scroll-bar::-webkit-scrollbar-track {
    border: 13px solid transparent;
    -webkit-box-shadow: 16px 0 0 #132279 inset;
    box-shadow: inset 16px 0 0 #132279;
    border-radius: 21px
}

.v-nyj2022 .v-nyj2022_lucky-bag {
    position: relative;
    height: 674px;
    background: url(/static/img/lucky-bag-bg.1eea4913.png) 50% no-repeat;
    background-size: 100% 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 50px 0 70px 23px;
    margin-top: 23px
}

.v-nyj2022 .v-nyj2022_lucky-bag .con {
    position: relative;
    height: 554px;
    overflow-y: scroll
}

.v-nyj2022 .v-nyj2022_lucky-bag .item-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.v-nyj2022 .v-nyj2022_lucky-bag .title {
    margin-top: 26px;
    height: 44px
}

.v-nyj2022 .v-nyj2022_lucky-bag .title img {
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.v-nyj2022 .v-nyj2022_lucky-bag .bag-subtitle {
    color: #fff;
    text-align: center;
    font-size: 18px;
    margin: 20px auto 43px
}

.v-nyj2022 .v-nyj2022_lucky-bag .list .item {
    float: left;
    width: 147px;
    height: 204px;
    margin-bottom: 11px;
    background-image: url(/static/img/lucky-bag-itembg.723e34de.png);
    font-weight: 700;
    color: #111a52;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative;
    cursor: pointer;
    overflow: hidden
}

.v-nyj2022 .v-nyj2022_lucky-bag .list .item .image {
    width: 129px;
    height: 60px;
    overflow: hidden;
    border-radius: 10px;
    margin: 0 auto;
    margin-top: 13px;
    background: #fff
}

.v-nyj2022 .v-nyj2022_lucky-bag .list .item .image img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.v-nyj2022 .v-nyj2022_lucky-bag .list .item .title {
    margin-top: 20px;
    margin-bottom: 10px;
    padding: 0 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.v-nyj2022 .v-nyj2022_lucky-bag .list .item .subtitle {
    padding: 0 8px;
    text-align: center;
    height: 53px;
    margin: 0 10px;
    padding-top: 10px;
    border-top: 1px solid rgba(17,26,82,.5)
}

.v-nyj2022 .v-nyj2022_lucky-bag .list .item .content {
    display: none;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: #99ddfb;
    font-size: 12px;
    color: #000;
    line-height: 16px;
    padding: 14px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 20px;
    border: 3px solid #132279;
    font-weight: 400
}

.v-nyj2022 .v-nyj2022_lucky-bag .list .item:hover .content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.v-nyj2022 .v-nyj2022_sponsor-media {
    width: 1003px;
    background-size: 100% 100%;
    margin-top: 100px
}

.v-nyj2022 .v-nyj2022_sponsor-media .con {
    background: url(/static/img/game-bg.079b05f0.png) 50% repeat-y;
    background-size: 100% auto;
    text-align: center;
    margin-top: -4px;
    padding: 1px 88px
}

.v-nyj2022 .v-nyj2022_sponsor {
    position: relative;
    margin: 0 auto
}

.v-nyj2022 .v-nyj2022_sponsor .sponsor-header {
    height: 44px;
    margin: -30px auto 27px;
    text-align: center
}

.v-nyj2022 .v-nyj2022_sponsor .sponsor-header img {
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.v-nyj2022 .v-nyj2022_sponsor .a-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.v-nyj2022 .v-nyj2022_sponsor .a-box a {
    display: inline-block;
    width: 158px;
    margin-bottom: 17px;
    text-align: center
}

.v-nyj2022 .v-nyj2022_sponsor .a-box a p {
    margin: 0
}

.v-nyj2022 .v-nyj2022_sponsor .a-box a p:first-child {
    height: 79px
}

.v-nyj2022 .v-nyj2022_sponsor .a-box a p:first-child img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.v-nyj2022 .v-nyj2022_sponsor .a-box a p:nth-child(2) {
    margin-top: 17px;
    color: #fff;
    font-size: 14px
}

.v-nyj2022 .v-nyj2022_media {
    position: relative;
    margin: 0 auto
}

.v-nyj2022 .v-nyj2022_media .media-header {
    margin-top: 16px
}

.v-nyj2022 .v-nyj2022_copyright {
    font-size: 16px;
    width: 362px;
    font-weight: 400;
    color: #fff;
    margin-top: 69px;
    margin-bottom: 117px
}

.v-2nyj2022 {
    width: 100%;
    background-image: url(/static/img/bg.8f624e80.jpg);
    background-position: 0 40.10417vw;
    background-size: cover;
    background-repeat: repeat;
    line-height: 1;
    margin-bottom: 0!important
}

.v-2nyj2022>* {
    margin: 0 auto
}

.v-2nyj2022 .mark {
    position: absolute;
    left: 0;
    width: 100%;
    height: 1528px;
    background: url(/static/img/bg-mark.d1c1fecc.png) 50% no-repeat;
    background-size: cover
}

.v-2nyj2022 .v-2nyj2022_common-title {
    font-size: 36px;
    font-weight: 400;
    color: #fff;
    text-align: center
}

.v-2nyj2022 .v-2nyj2022_container {
    width: 1004px;
    margin: 0 auto
}

.v-2nyj2022 .v-2nyj2022_banner {
    width: 100%;
    height: 99.73958vw
}

.v-2nyj2022 .v-2nyj2022_banner img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.v-2nyj2022 .v-2nyj2022_position-acenter {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.v-2nyj2022 .v-2nyj2022_schedule {
    width: 976px;
    height: 152px;
    margin: -52.08333vw auto 54px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    display: none
}

.v-2nyj2022 .v-2nyj2022_schedule .schedule-line {
    width: 100%;
    background-repeat: no-repeat;
    height: 113px;
    background-image: url(/static/img/schedule.0ae06585.png);
    background-size: auto 100%
}

.v-2nyj2022 .v-2nyj2022_schedule .schedule-line-high {
    z-index: 30;
    left: 0
}

.v-2nyj2022 .v-2nyj2022_schedule .schedule-line-high.step0 {
    width: 224px
}

.v-2nyj2022 .v-2nyj2022_schedule .schedule-line-high.step1 {
    width: 439px
}

.v-2nyj2022 .v-2nyj2022_schedule .schedule-line-high.step2 {
    width: 654px
}

.v-2nyj2022 .v-2nyj2022_schedule .schedule-line-high.step3 {
    width: 100%
}

.v-2nyj2022 .v-2nyj2022_schedule .schedule-item {
    position: absolute;
    height: 100%;
    font-size: 23px;
    color: #fff;
    z-index: 40
}

.v-2nyj2022 .v-2nyj2022_schedule .schedule-item .lp10 {
    left: 10px
}

.v-2nyj2022 .v-2nyj2022_schedule .schedule-item span {
    position: absolute;
    text-align: center;
    width: 100%
}

.v-2nyj2022 .v-2nyj2022_schedule .schedule-item span:first-child {
    top: 0;
    height: 24px
}

.v-2nyj2022 .v-2nyj2022_schedule .schedule-item span:nth-child(2) {
    bottom: 0;
    height: 32px
}

.v-2nyj2022 .v-2nyj2022_schedule .schedule-item span img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.v-2nyj2022 .v-2nyj2022_schedule .schedule-item:nth-child(3) {
    width: 100px;
    left: 214px
}

.v-2nyj2022 .v-2nyj2022_schedule .schedule-item:nth-child(3) span {
    -webkit-transform: translateX(-13.5px);
    transform: translateX(-13.5px)
}

.v-2nyj2022 .v-2nyj2022_schedule .schedule-item:nth-child(4) {
    width: 100px;
    left: 429px
}

.v-2nyj2022 .v-2nyj2022_schedule .schedule-item:nth-child(4) span {
    -webkit-transform: translateX(-13.5px);
    transform: translateX(-13.5px)
}

.v-2nyj2022 .v-2nyj2022_schedule .schedule-item:nth-child(5) {
    width: 100px;
    left: 644px
}

.v-2nyj2022 .v-2nyj2022_schedule .schedule-item:nth-child(5) span {
    -webkit-transform: translateX(-13.5px);
    transform: translateX(-13.5px)
}

.v-2nyj2022 .v-2nyj2022_schedule .schedule-item:nth-child(6) {
    width: 162px;
    left: 860px
}

.v-2nyj2022 .v-2nyj2022_schedule .schedule-item:nth-child(6) span {
    -webkit-transform: translateX(-44.5px);
    transform: translateX(-44.5px)
}

.v-2nyj2022 .v-2nyj2022_schedule .is-active {
    width: 73px;
    height: 72px
}

.v-2nyj2022 .v-2nyj2022_schedule .is-active img {
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.v-2nyj2022 .v-2nyj2022_schedule .title {
    position: absolute;
    left: -5px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 114px;
    height: 114px;
    z-index: 40
}

.v-2nyj2022 .v-2nyj2022_schedule .title img {
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.v-2nyj2022 .bg0 {
    display: block;
    width: 100%;
    height: 122px
}

.v-2nyj2022 .bg1 {
    display: block;
    width: 100%;
    height: 61px
}

.v-2nyj2022 .v-2nyj2022_game {
    margin: -52.08333vw auto 0;
    position: relative;
    z-index: 2;
    height: auto
}

.v-2nyj2022 .v-2nyj2022_game .con {
    padding: 0 29px;
    background: url(/static/img/game-bg.079b05f0.png) 50% repeat-y;
    background-size: 100% auto;
    text-align: center;
    margin-top: -3px
}

.v-2nyj2022 .v-2nyj2022_game .join-header {
    cursor: pointer;
    display: inline-block
}

.v-2nyj2022 .v-2nyj2022_game .join-header.mt-73 {
    margin-top: -73px
}

.v-2nyj2022 .v-2nyj2022_game .join-header.mt35 {
    margin-top: 35px
}

.v-2nyj2022 .v-2nyj2022_game .join-header img {
    width: 222px;
    height: 64px;
    -o-object-fit: contain;
    object-fit: contain
}

.v-2nyj2022 .v-2nyj2022_game .game-classify {
    width: 100%;
    margin-bottom: 10px
}

.v-2nyj2022 .v-2nyj2022_game .game-classify .header img {
    height: 188px;
    -o-object-fit: contain;
    object-fit: contain;
    margin: 0 225px 0 271px
}

.v-2nyj2022 .v-2nyj2022_game .game-classify .title img {
    height: 23px;
    -o-object-fit: contain;
    object-fit: contain
}

.v-2nyj2022 .v-2nyj2022_game .game-classify:nth-child(3) .header img {
    height: 253px;
    -o-object-fit: contain;
    object-fit: contain;
    margin: 0 auto
}

.v-2nyj2022 .v-2nyj2022_game .game-classify:nth-child(3) .list {
    margin-top: -42px
}

.v-2nyj2022 .v-2nyj2022_game .game-classify:nth-child(4) .header img {
    height: 253px;
    -o-object-fit: contain;
    object-fit: contain;
    margin: 0 auto
}

.v-2nyj2022 .v-2nyj2022_game .game-classify:nth-child(4) .list {
    margin-top: -42px
}

.v-2nyj2022 .v-2nyj2022_game .game-classify:nth-child(7) .header img,.v-2nyj2022 .v-2nyj2022_game .game-classify:nth-child(8) .header img {
    margin: 0 auto
}

.v-2nyj2022 .v-2nyj2022_game .game-classify:nth-child(11) .header img,.v-2nyj2022 .v-2nyj2022_game .game-classify:nth-child(12) .header img {
    margin: 0 224px 0 236px
}

.v-2nyj2022 .v-2nyj2022_game .game-classify .list {
    margin-top: 23px;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: space-between;
    -ms-flex-align: space-between;
    align-items: space-between
}

.v-2nyj2022 .v-2nyj2022_game .game-classify .list .item {
    width: 181px;
    cursor: pointer;
    margin-right: 10px
}

.v-2nyj2022 .v-2nyj2022_game .game-classify .list .item:nth-of-type(5n) {
    margin-right: 0
}

.v-2nyj2022 .v-2nyj2022_game .game-classify .list .item>div:first-child {
    height: 102px;
    position: relative
}

.v-2nyj2022 .v-2nyj2022_game .game-classify .list .item>div:first-child img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 10px
}

.v-2nyj2022 .v-2nyj2022_game .game-classify .list .item>div:first-child .cover {
    position: absolute;
    left: 0;
    top: 0
}

.v-2nyj2022 .v-2nyj2022_game .game-classify .list .item>div:nth-child(2) {
    width: 100%;
    margin-top: 15px;
    height: 16px;
    font-size: 16px;
    font-weight: 700;
    color: #fff;
    line-height: 20px
}

.v-2nyj2022 .v-2nyj2022_award-intro {
    width: 100%;
    padding-top: 80px;
    padding-bottom: 74px
}

.v-2nyj2022 .v-2nyj2022_award-intro .container {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 55px
}

.v-2nyj2022 .v-2nyj2022_award-intro .title {
    margin: auto 0;
    height: 44px
}

.v-2nyj2022 .v-2nyj2022_award-intro .title img {
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.v-2nyj2022 .v-2nyj2022_award-intro .award-item {
    width: 150px!important;
    height: 200px;
    background-image: url(/static/img/award-itembg.f0e25479.png);
    background-size: 100%;
    background-repeat: no-repeat;
    font-weight: 700;
    font-size: 12px;
    color: #111a52;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    cursor: default
}

.v-2nyj2022 .v-2nyj2022_award-intro .award-item:nth-child(n+3) {
    cursor: pointer
}

.v-2nyj2022 .v-2nyj2022_award-intro .award-item .image-box {
    width: 100%;
    height: 150px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.v-2nyj2022 .v-2nyj2022_award-intro .award-item .image-box img {
    display: block;
    width: 100px;
    margin: 0 auto
}

.v-2nyj2022 .v-2nyj2022_award-intro .award-item .info-box {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin: 0 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.v-2nyj2022 .v-2nyj2022_award-intro .award-item .info-box p {
    margin: 0
}

.v-2nyj2022 .v-2nyj2022_award-intro .award-item .info-box p:first-child {
    margin-bottom: 5px
}

.v-2nyj2022 .v-2nyj2022_award-intro .game_introduce {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.v-2nyj2022 .v-2nyj2022_rule {
    position: relative;
    width: 999px;
    height: 381px;
    margin: 100px auto 0;
    background-image: url(/static/img/rules-bg.079df779.png);
    background-size: 100%;
    background-repeat: no-repeat;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 30px
}

.v-2nyj2022 .v-2nyj2022_rule .container-box {
    height: 364px;
    overflow: hidden auto
}

.v-2nyj2022 .v-2nyj2022_rule .container-box::-webkit-scrollbar-thumb,.v-2nyj2022 .v-2nyj2022_rule .container-box::-webkit-scrollbar-track {
    margin-top: 47px;
    margin-bottom: 47px
}

.v-2nyj2022 .v-2nyj2022_rule .title {
    font-size: 36px;
    color: #111a52;
    font-weight: 700;
    padding-top: 50px;
    padding-bottom: 15px;
    text-align: center
}

.v-2nyj2022 .v-2nyj2022_rule .content {
    width: 100%
}

.v-2nyj2022 .v-2nyj2022_rule .content p {
    font-size: 18px;
    font-weight: 700;
    color: #111a52;
    line-height: 25px;
    white-space: pre-line;
    margin: 0
}

.v-2nyj2022 .v-2nyj2022_rule .content .mt10 {
    margin-top: 10px
}

.v-2nyj2022 .scroll-bar::-webkit-scrollbar {
    width: 42px;
    height: 1px
}

.v-2nyj2022 .scroll-bar::-webkit-scrollbar-thumb {
    border: 13px solid transparent;
    border-radius: 20px;
    -webkit-box-shadow: 16px 0 0 #faee55 inset;
    box-shadow: inset 16px 0 0 #faee55
}

.v-2nyj2022 .scroll-bar::-webkit-scrollbar-track {
    border: 13px solid transparent;
    -webkit-box-shadow: 16px 0 0 #132279 inset;
    box-shadow: inset 16px 0 0 #132279;
    border-radius: 21px
}

.v-2nyj2022 .v-2nyj2022_lucky-bag {
    position: relative;
    height: 674px;
    background: url(/static/img/lucky-bag-bg.1eea4913.png) 50% no-repeat;
    background-size: 100% 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 50px 0 70px 23px;
    margin-top: 23px
}

.v-2nyj2022 .v-2nyj2022_lucky-bag .con {
    position: relative;
    height: 554px;
    overflow-y: scroll
}

.v-2nyj2022 .v-2nyj2022_lucky-bag .item-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.v-2nyj2022 .v-2nyj2022_lucky-bag .title {
    margin-top: 26px;
    height: 44px
}

.v-2nyj2022 .v-2nyj2022_lucky-bag .title img {
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.v-2nyj2022 .v-2nyj2022_lucky-bag .bag-subtitle {
    color: #fff;
    text-align: center;
    font-size: 18px;
    margin: 20px auto 43px
}

.v-2nyj2022 .v-2nyj2022_lucky-bag .list .item {
    float: left;
    width: 147px;
    height: 204px;
    margin-bottom: 11px;
    background-image: url(/static/img/lucky-bag-itembg.723e34de.png);
    font-weight: 700;
    color: #111a52;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative;
    cursor: pointer;
    overflow: hidden
}

.v-2nyj2022 .v-2nyj2022_lucky-bag .list .item .image {
    width: 129px;
    height: 60px;
    overflow: hidden;
    border-radius: 10px;
    margin: 0 auto;
    margin-top: 13px;
    background: #fff
}

.v-2nyj2022 .v-2nyj2022_lucky-bag .list .item .image img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.v-2nyj2022 .v-2nyj2022_lucky-bag .list .item .title {
    margin-top: 20px;
    margin-bottom: 10px;
    padding: 0 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.v-2nyj2022 .v-2nyj2022_lucky-bag .list .item .subtitle {
    padding: 0 8px;
    text-align: center;
    height: 53px;
    margin: 0 10px;
    padding-top: 10px;
    border-top: 1px solid rgba(17,26,82,.5)
}

.v-2nyj2022 .v-2nyj2022_lucky-bag .list .item .content {
    display: none;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: #99ddfb;
    font-size: 12px;
    color: #000;
    line-height: 16px;
    padding: 14px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 20px;
    border: 3px solid #132279;
    font-weight: 400
}

.v-2nyj2022 .v-2nyj2022_lucky-bag .list .item:hover .content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.v-2nyj2022 .v-2nyj2022_sponsor-media {
    width: 1003px;
    background-size: 100% 100%;
    margin-top: 100px
}

.v-2nyj2022 .v-2nyj2022_sponsor-media .con {
    background: url(/static/img/game-bg.079b05f0.png) 50% repeat-y;
    background-size: 100% auto;
    text-align: center;
    margin-top: -4px;
    padding: 1px 88px
}

.v-2nyj2022 .v-2nyj2022_sponsor {
    position: relative;
    margin: 0 auto
}

.v-2nyj2022 .v-2nyj2022_sponsor .sponsor-header {
    height: 44px;
    margin: -30px auto 27px;
    text-align: center
}

.v-2nyj2022 .v-2nyj2022_sponsor .sponsor-header img {
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.v-2nyj2022 .v-2nyj2022_sponsor .a-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.v-2nyj2022 .v-2nyj2022_sponsor .a-box a {
    display: inline-block;
    width: 158px;
    margin-bottom: 17px;
    text-align: center
}

.v-2nyj2022 .v-2nyj2022_sponsor .a-box a p {
    margin: 0
}

.v-2nyj2022 .v-2nyj2022_sponsor .a-box a p:first-child {
    height: 79px
}

.v-2nyj2022 .v-2nyj2022_sponsor .a-box a p:first-child img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.v-2nyj2022 .v-2nyj2022_sponsor .a-box a p:nth-child(2) {
    margin-top: 17px;
    color: #fff;
    font-size: 14px
}

.v-2nyj2022 .v-2nyj2022_media {
    position: relative;
    margin: 0 auto
}

.v-2nyj2022 .v-2nyj2022_media .media-header {
    margin-top: 16px
}

.v-2nyj2022 .v-2nyj2022_copyright {
    font-size: 16px;
    width: 362px;
    font-weight: 400;
    color: #fff;
    margin-top: 69px;
    margin-bottom: 117px
}

.v-nyj2021-prize {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 100%;
    line-height: 1;
    min-height: 100vh;
    position: relative;
    margin-bottom: 0!important
}

.v-nyj2021-prize>* {
    margin: 0 auto
}

.v-nyj2021-prize .v-nyj2021-prize_container {
    width: 1003px;
    margin: 0 auto
}

.v-nyj2021-prize .v-nyj2021-prize_content {
    background-image: url(/static/img/prize-bg.2ce8ddee.jpg);
    background-size: cover;
    padding-top: 118px;
    min-height: calc(100vh - 164px)
}

.v-nyj2021-prize .v-nyj2021-prize_header {
    height: 164px;
    background-image: url(/static/img/header-bg.1fad9a45.png);
    background-size: 100% 100%
}

.v-nyj2021-prize .v-nyj2021-prize_header .container {
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.v-nyj2021-prize .v-nyj2021-prize_header .container>div {
    cursor: pointer;
    z-index: 10
}

.v-nyj2021-prize .v-nyj2021-prize_header .center-img {
    width: 864px;
    height: 164px;
    margin: 0 auto;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.v-nyj2021-prize .v-nyj2021-prize_header .center-img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.v-nyj2021-prize .v-nyj2021-prize_user {
    width: 1003px
}

.v-nyj2021-prize .v-nyj2021-prize_user .header {
    width: 257px;
    height: 35px;
    margin: 50px auto
}

.v-nyj2021-prize .v-nyj2021-prize_user .header img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.v-nyj2021-prize .v-nyj2021-prize_user .container {
    background-image: url(/static/img/prize-user-bg.2c8bedf3.png);
    background-size: 100% auto;
    background-repeat: repeat;
    padding: 0 40px;
    height: 624px;
    border: 3px solid #0e207e;
    border-bottom: none;
    border-top-left-radius: 40px;
    border-top-right-radius: 40px
}

.v-nyj2021-prize .v-nyj2021-prize_user .container .content {
    border: 1px solid #0b1654;
    -webkit-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text
}

.v-nyj2021-prize .v-nyj2021-prize_user .container .content .header-box {
    background: #d6e3ff!important;
    font-size: 22px!important;
    font-weight: 500;
    color: #110f0f!important
}

.v-nyj2021-prize .v-nyj2021-prize_user .container .content .table-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 50px;
    font-size: 18px;
    color: #fff;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.v-nyj2021-prize .v-nyj2021-prize_user .container .content .table-row span {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    line-height: 50px;
    text-align: center
}

.v-nyj2021-prize .v-nyj2021-prize_user .container .content .table-row span:first-child {
    width: 350px;
    -webkit-box-flex: unset;
    -ms-flex: unset;
    flex: unset
}

.v-nyj2021-prize .v-nyj2021-prize_user .container .content .table-row span:nth-child(2) {
    width: 200px;
    -webkit-box-flex: unset;
    -ms-flex: unset;
    flex: unset
}

.v-nyj2021-prize .v-nyj2021-prize_user .container .content .table-row .avart img {
    margin: auto auto;
    display: block;
    width: 32px;
    height: 32px;
    border-radius: 50%
}

.v-nyj2021-prize .v-nyj2021-prize_user .container .content .item-box {
    overflow-y: auto;
    height: 400px
}

.v-nyj2021-prize .v-nyj2021-prize_user .container .content .item-box .table-row:nth-child(2n) {
    background: #3e66c6
}

.v-nyj2021-prize .v-nyj2021-prize_user .container .content .item-box .table-row:nth-child(odd) {
    background: #5077cf
}

.v-nyj2021-prize .v-nyj2021-prize_user .container .content .item-box::-webkit-scrollbar {
    width: 16px;
    height: 1px
}

.v-nyj2021-prize .v-nyj2021-prize_user .container .content .item-box::-webkit-scrollbar-thumb {
    margin-top: 13px;
    margin-bottom: 13px;
    border-radius: 20px;
    -webkit-box-shadow: 16px 0 0 #faee55 inset;
    box-shadow: inset 16px 0 0 #faee55
}

.v-nyj2021-prize .v-nyj2021-prize_user .container .content .item-box::-webkit-scrollbar-track {
    margin-top: 13px;
    margin-bottom: 13px;
    -webkit-box-shadow: 16px 0 0 #132279 inset;
    box-shadow: inset 16px 0 0 #132279;
    border-radius: 21px
}

.v-nyj2021-prize .v-nyj2021-prize_user .footer {
    width: 100%
}

.v-nyj2021-prize .v-nyj2021-prize_user .footer img {
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.v-nyj2021-prize .v-nyj2021-prize_lucky {
    width: 1005px
}

.v-nyj2021-prize .v-nyj2021-prize_lucky .top {
    height: 271px;
    background-image: url(/static/img/prize-lucky-topbg.262b99e8.png);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 21px 35px 22px 35px;
    position: relative
}

.v-nyj2021-prize .v-nyj2021-prize_lucky .top .user-list {
    width: 506px;
    height: 222px;
    background-size: 100% 100%;
    background-image: url(/static/img/prize-lucky-usersbg.2752b481.png);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.v-nyj2021-prize .v-nyj2021-prize_lucky .top .user-list .user-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 43px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.v-nyj2021-prize .v-nyj2021-prize_lucky .top .user-list .user-item.is-active {
    width: 516px;
    background-image: url(/static/img/winner-bg.183329e3.png);
    background-size: 100% 100%;
    margin-left: -5px
}

.v-nyj2021-prize .v-nyj2021-prize_lucky .top .user-list .user-item span {
    display: block;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    text-align: center;
    font-size: 18px;
    font-weight: 400;
    color: #110f0f
}

.v-nyj2021-prize .v-nyj2021-prize_lucky .top .user-list.over5 {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.v-nyj2021-prize .v-nyj2021-prize_lucky .top .user-list.over5 .user-item {
    width: 50%
}

.v-nyj2021-prize .v-nyj2021-prize_lucky .top .user-list.over5 .user-item:nth-child(n - 5) {
    margin-right: 5px
}

.v-nyj2021-prize .v-nyj2021-prize_lucky .top .user-list.over5 .user-item:nth-child(n+6) {
    margin-left: 5px
}

.v-nyj2021-prize .v-nyj2021-prize_lucky .top .lucky-btn {
    position: absolute;
    bottom: 24px;
    right: 130px;
    width: 194px;
    height: 164px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    cursor: pointer
}

.v-nyj2021-prize .v-nyj2021-prize_lucky .top .lucky-btn img {
    width: 100%;
    display: block;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    pointer-events: none;
    -o-object-fit: contain;
    object-fit: contain
}

.v-nyj2021-prize .v-nyj2021-prize_lucky .bottom {
    margin-top: 8px;
    height: 561px;
    background-image: url(/static/img/prize-lucky-bottombg.efe3bcd7.png)
}

.v-nyj2021-prize .v-nyj2021-prize_lucky .bottom .awards-list {
    padding: 22px 34.5px 30px;
    overflow: hidden
}

.v-nyj2021-prize .v-nyj2021-prize_lucky .bottom .awards-list .awards-item {
    width: 147px;
    height: 247px;
    border-radius: 20px;
    background-image: url(/static/img/award-itembg.4a7a91c4.png);
    background-size: contain;
    background-repeat: no-repeat;
    float: left;
    margin: 0 4.5px;
    margin-bottom: 11px;
    text-align: center;
    position: relative
}

.v-nyj2021-prize .v-nyj2021-prize_lucky .bottom .awards-list .awards-item.is-empty {
    opacity: .4;
    cursor: not-allowed
}

.v-nyj2021-prize .v-nyj2021-prize_lucky .bottom .awards-list .awards-item.is-active:before {
    content: "";
    position: absolute;
    top: 1px;
    left: 0;
    right: 2px;
    bottom: 1px;
    border: 3px solid #fef04a;
    border-radius: 20px
}

.v-nyj2021-prize .v-nyj2021-prize_lucky .bottom .awards-list .awards-item .image-box {
    width: 100%;
    height: 180px;
    padding: 13px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.v-nyj2021-prize .v-nyj2021-prize_lucky .bottom .awards-list .awards-item .image-box img {
    display: block;
    -o-object-fit: contain;
    object-fit: contain
}

.v-nyj2021-prize .v-nyj2021-prize_lucky .bottom .awards-list .awards-item .name {
    margin: 15px 8px 9px 8px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.v-nyj2021-prize .v-nyj2021-prize_lucky .bottom .awards-list .awards-item .level {
    margin: 0 8px 15px 8px
}

.v-nyj2021-prize .v-nyj2021-prize_copyright {
    font-size: 16px;
    color: #fff;
    margin-top: 140px;
    text-align: center;
    padding-bottom: 85px
}

.v-nyj2022-prize {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 100%;
    line-height: 1;
    min-height: 100vh;
    position: relative;
    margin-bottom: 0!important
}

.v-nyj2022-prize>* {
    margin: 0 auto
}

.v-nyj2022-prize .v-nyj2022-prize_container {
    width: 1003px;
    margin: 0 auto
}

.v-nyj2022-prize .v-nyj2022-prize_content {
    background-image: url(/static/img/prize-bg.daeea846.jpg);
    background-size: cover;
    padding-top: 29px;
    min-height: calc(100vh - 164px)
}

.v-nyj2022-prize .v-nyj2022-prize_header {
    height: 165px;
    background: url(/static/img/header-bg.8c584117.png) 50% no-repeat;
    background-size: cover
}

.v-nyj2022-prize .v-nyj2022-prize_header .container {
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.v-nyj2022-prize .v-nyj2022-prize_header .container>div {
    cursor: pointer;
    z-index: 10
}

.v-nyj2022-prize .v-nyj2022-prize_header .center-img {
    width: 864px;
    height: 164px;
    margin: 0 auto;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.v-nyj2022-prize .v-nyj2022-prize_header .center-img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.v-nyj2022-prize .v-nyj2022-prize_user {
    width: 1000px
}

.v-nyj2022-prize .v-nyj2022-prize_user .header {
    width: 295px;
    height: 44px;
    margin: 85px auto 49px
}

.v-nyj2022-prize .v-nyj2022-prize_user .header img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.v-nyj2022-prize .v-nyj2022-prize_user .container {
    background-image: url(/static/img/prize-user-bg.1a6e51d2.png);
    background-size: 100% auto;
    background-repeat: no-repeat;
    margin-top: 40px;
    padding: 0 40px;
    height: 674px;
    border: 3px solid transparent;
    border-bottom: none;
    border-top-left-radius: 40px;
    border-top-right-radius: 40px
}

.v-nyj2022-prize .v-nyj2022-prize_user .container .content {
    -webkit-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text;
    border: 1px solid #221192
}

.v-nyj2022-prize .v-nyj2022-prize_user .container .content .header-box {
    background: #d6e3ff!important;
    font-size: 22px!important;
    font-weight: 500;
    color: #110f0f!important
}

.v-nyj2022-prize .v-nyj2022-prize_user .container .content .table-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 50px;
    font-size: 18px;
    color: #fff;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-bottom: 1px solid #0e207e
}

.v-nyj2022-prize .v-nyj2022-prize_user .container .content .table-row span {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    line-height: 50px;
    text-align: center
}

.v-nyj2022-prize .v-nyj2022-prize_user .container .content .table-row span:first-child {
    width: 250px;
    -webkit-box-flex: unset;
    -ms-flex: unset;
    flex: unset
}

.v-nyj2022-prize .v-nyj2022-prize_user .container .content .table-row span:nth-child(2) {
    width: 150px;
    -webkit-box-flex: unset;
    -ms-flex: unset;
    flex: unset
}

.v-nyj2022-prize .v-nyj2022-prize_user .container .content .table-row span:nth-child(5) {
    padding-right: 20px
}

.v-nyj2022-prize .v-nyj2022-prize_user .container .content .table-row .avart img {
    margin: auto auto;
    display: block;
    width: 32px;
    height: 32px;
    border-radius: 50%
}

.v-nyj2022-prize .v-nyj2022-prize_user .container .content .item-box {
    overflow-y: auto;
    max-height: 350px
}

.v-nyj2022-prize .v-nyj2022-prize_user .container .content .item-box .table-row:nth-child(2n) {
    background: #344ecb
}

.v-nyj2022-prize .v-nyj2022-prize_user .container .content .item-box .table-row:nth-child(odd) {
    background: #4477d6
}

.v-nyj2022-prize .v-nyj2022-prize_user .container .content .item-box::-webkit-scrollbar {
    width: 16px;
    height: 1px
}

.v-nyj2022-prize .v-nyj2022-prize_user .container .content .item-box::-webkit-scrollbar-thumb {
    margin-top: 13px;
    margin-bottom: 13px;
    border-radius: 20px;
    -webkit-box-shadow: 16px 0 0 #faee55 inset;
    box-shadow: inset 16px 0 0 #faee55
}

.v-nyj2022-prize .v-nyj2022-prize_user .container .content .item-box::-webkit-scrollbar-track {
    margin-top: 13px;
    margin-bottom: 13px;
    -webkit-box-shadow: 16px 0 0 #132279 inset;
    box-shadow: inset 16px 0 0 #132279;
    border-radius: 21px
}

.v-nyj2022-prize .v-nyj2022-prize_user .footer {
    width: 919px;
    height: 101px;
    margin: 36px 0 0 40px
}

.v-nyj2022-prize .v-nyj2022-prize_user .footer img {
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.v-nyj2022-prize .v-nyj2022-prize_lucky {
    width: 1005px
}

.v-nyj2022-prize .v-nyj2022-prize_lucky .top {
    height: 283px;
    background: url(/static/img/prize-lucky-topbg.a3c3b9ed.png) 50% no-repeat;
    background-size: 100% 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 28px 35px 22px 33px;
    position: relative
}

.v-nyj2022-prize .v-nyj2022-prize_lucky .top .user-list {
    width: 506px;
    height: 222px;
    background-size: 100% 100%;
    background-image: url(/static/img/prize-lucky-usersbg.2752b481.png);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.v-nyj2022-prize .v-nyj2022-prize_lucky .top .user-list .user-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 43px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.v-nyj2022-prize .v-nyj2022-prize_lucky .top .user-list .user-item.is-active {
    width: 516px;
    background-image: url(/static/img/winner-bg.6c01b499.png);
    background-size: 100% 100%;
    margin-left: -5px
}

.v-nyj2022-prize .v-nyj2022-prize_lucky .top .user-list .user-item.is-active span {
    font-size: 22px;
    font-weight: 700
}

.v-nyj2022-prize .v-nyj2022-prize_lucky .top .user-list .user-item span {
    display: block;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    text-align: center;
    font-size: 18px;
    font-weight: 400;
    color: #110f0f
}

.v-nyj2022-prize .v-nyj2022-prize_lucky .top .user-list.over5 {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.v-nyj2022-prize .v-nyj2022-prize_lucky .top .user-list.over5 .user-item {
    width: 50%
}

.v-nyj2022-prize .v-nyj2022-prize_lucky .top .user-list.over5 .user-item:nth-child(n - 5) {
    margin-right: 5px
}

.v-nyj2022-prize .v-nyj2022-prize_lucky .top .user-list.over5 .user-item:nth-child(n+6) {
    margin-left: 5px
}

.v-nyj2022-prize .v-nyj2022-prize_lucky .top .lucky-btn {
    position: absolute;
    bottom: 70px;
    right: 97px;
    width: 283px;
    height: 136px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    cursor: pointer
}

.v-nyj2022-prize .v-nyj2022-prize_lucky .top .lucky-btn img {
    width: 100%;
    display: block;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    pointer-events: none;
    -o-object-fit: contain;
    object-fit: contain
}

.v-nyj2022-prize .v-nyj2022-prize_lucky .bottom {
    margin-top: 18px;
    height: 611px;
    background: url(/static/img/prize-lucky-bottombg.fc4a7a6c.png) 50% no-repeat;
    background-size: 100% 100%
}

.v-nyj2022-prize .v-nyj2022-prize_lucky .bottom .awards-list {
    padding: 46px 0 30px 36px;
    overflow: hidden
}

.v-nyj2022-prize .v-nyj2022-prize_lucky .bottom .awards-list .awards-item {
    width: 147px;
    height: 250px;
    border-radius: 20px;
    background-image: url(/static/img/award-itembg.3251d339.png);
    background-size: contain;
    background-repeat: no-repeat;
    float: left;
    margin: 0 4.5px;
    margin-bottom: 11px;
    text-align: center;
    position: relative;
    font-size: 16px;
    color: #111a52
}

.v-nyj2022-prize .v-nyj2022-prize_lucky .bottom .awards-list .awards-item.is-empty {
    opacity: .4;
    cursor: not-allowed
}

.v-nyj2022-prize .v-nyj2022-prize_lucky .bottom .awards-list .awards-item.is-active:before {
    content: "";
    width: 156px;
    height: 256px;
    position: absolute;
    top: -1px;
    left: -3px;
    background-image: url(/static/img/award-itembg-active.0ef83279.png);
    background-size: contain;
    background-repeat: no-repeat
}

.v-nyj2022-prize .v-nyj2022-prize_lucky .bottom .awards-list .awards-item .image-box {
    width: 100%;
    height: 180px;
    padding: 13px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.v-nyj2022-prize .v-nyj2022-prize_lucky .bottom .awards-list .awards-item .image-box img {
    display: block;
    -o-object-fit: contain;
    object-fit: contain
}

.v-nyj2022-prize .v-nyj2022-prize_lucky .bottom .awards-list .awards-item .name {
    margin: 15px 8px 9px 8px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.v-nyj2022-prize .v-nyj2022-prize_lucky .bottom .awards-list .awards-item .level {
    margin: 0 8px 15px 8px
}

.v-nyj2022-prize .v-nyj2022-prize_copyright {
    font-size: 16px;
    color: #fff;
    margin-top: 140px;
    text-align: center;
    padding-bottom: 85px
}

.v-ps5 {
    position: relative;
    min-width: 12.17rem;
    background-repeat: no-repeat;
    background-position: 0 0;
    background-color: #fff;
    background-size: contain
}

.v-ps5 .img-scale:hover img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

.v-ps5 img {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: all .7s ease 0s;
    transition: all .7s ease 0s;
    -webkit-transform-origin: center;
    transform-origin: center
}

.v-ps5 .vd-swimlane {
    padding: 0
}

.v-ps5 .imageheight {
    height: 4.14rem;
    width: 12.2rem;
    position: relative
}

.v-ps5 .imageheight img {
    top: .18rem;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute
}

.v-ps5 .v-ps5_navs {
    min-width: 12rem;
    padding: 0;
    z-index: 20;
    width: 12rem;
    margin: 0 auto
}

.v-ps5 .v-ps5_navs .navs-container {
    height: .6rem;
    position: relative;
    width: 100%;
    background-color: #333
}

.v-ps5 .v-ps5_navs .navs-container .v-ps5_container {
    height: .6rem;
    position: relative;
    overflow: visible
}

.v-ps5 .v-ps5_navs .fixed {
    position: fixed;
    z-index: 200;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    background: #000
}

.v-ps5 .v-ps5_container {
    width: 12rem;
    margin: 0 auto;
    overflow: hidden
}

.v-ps5 .v-ps5_navs-item {
    height: .6rem;
    -webkit-transition: all .1s;
    transition: all .1s;
    cursor: pointer;
    -webkit-box-flex: unset;
    -ms-flex: unset;
    flex: unset;
    display: inline-block;
    line-height: .6rem;
    font-size: .18rem;
    color: #fff;
    font-weight: 700
}

.v-ps5 .v-ps5_navs-item span {
    width: 100%;
    height: 100%;
    display: inline-block;
    padding: 0 .27rem
}

.v-ps5 .v-ps5_navs-item.is-active,.v-ps5 .v-ps5_navs-item:hover {
    background-color: #1489ff
}

.v-ps5 .v-ps5_share {
    margin-top: .02rem;
    position: absolute;
    right: .13rem;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.v-ps5 .v-ps5_share-icon {
    color: unset;
    font-size: .25rem;
    width: .34rem;
    height: .34rem;
    margin: auto 0;
    margin-right: .09rem;
    cursor: pointer;
    display: inline-block;
    position: relative
}

.v-ps5 .v-ps5_share-icon:last-child {
    margin-right: 0
}

.v-ps5 .v-ps5_share-icon img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.v-ps5 .v-ps5_share-icon:hover .tip-box {
    display: block
}

.v-ps5 .v-ps5_share-icon .tip-box {
    z-index: 20;
    width: 312px;
    height: 164px;
    padding: 30px 22px 0;
    border: 1px solid #bcbcbc;
    color: grey;
    position: absolute;
    left: -36px;
    top: 45px;
    text-align: center;
    line-height: 1;
    background: #fff;
    border-radius: 3px;
    display: none;
    font-size: 12px
}

.v-ps5 .v-ps5_share-icon .tip-box:before {
    content: "";
    width: 5px;
    height: 5px;
    background: #fff;
    border-left: 1px solid #bcbcbc;
    border-top: 1px solid #bcbcbc;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    display: block;
    position: absolute;
    left: 50px;
    top: -3px
}

.v-ps5 .v-ps5_share-icon .tip-box img {
    width: 113px;
    height: 113px
}

.v-ps5 .v-ps5_share-icon .tip-box p {
    float: right;
    width: 142px
}

.v-ps5 .v-ps5_share-icon .tip-box p h3 {
    margin-bottom: 14px;
    font-size: 18px;
    font-weight: 700;
    color: #1e77bd;
    margin-top: 0
}

.v-ps5 .v-ps5_share-icon .tip-box p span {
    display: block;
    font-size: 14px;
    color: #999;
    line-height: 18px
}

.v-ps5 .recommend {
    width: 4.5rem;
    height: 100%;
    float: left
}

.v-ps5 .news {
    width: 4.3rem;
    float: left;
    margin-left: .3rem
}

.v-ps5 .sales {
    float: right;
    width: 2.6rem
}

.v-ps5 .sales .c-ps5-title {
    margin-bottom: .24rem
}

.v-ps5 .v-ps5_evaluate {
    position: relative
}

.v-ps5 .v-ps5_evaluate .evaluate-container {
    margin-left: -5px;
    margin-right: -5px
}

.v-ps5 .v-ps5_evaluate .evaluate-item {
    padding: 0 5px;
    width: 25%;
    float: left
}

.v-ps5 .v-ps5_video {
    overflow: hidden;
    width: 100%
}

.v-ps5 .v-ps5_video .video-container {
    margin-left: -.08rem;
    margin-right: -.08rem
}

.v-ps5 .v-ps5_video .video-first {
    padding: 0 .08rem;
    float: left;
    width: 50%
}

.v-ps5 .v-ps5_video .video-first .c-special-newslf-card {
    margin-bottom: 0
}

.v-ps5 .v-ps5_video .video-first .c-special-newslf-card .c-special-newslf-card_container .c-newslf-card_image {
    margin-right: 0
}

.v-ps5 .v-ps5_video .video-first .c-special-newslf-card:hover {
    -webkit-box-shadow: 0 .03rem .13rem rgba(0,0,0,.16);
    box-shadow: 0 .03rem .13rem rgba(0,0,0,.16)
}

.v-ps5 .v-ps5_video .video-first .c-special-newslf-card .vdp-flex_1 {
    padding: .1rem .15rem 0 .1rem
}

.v-ps5 .v-ps5_video .video-first .c-special-newslf-card .title {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    font-size: .16rem;
    line-height: .24rem;
    color: #333;
    font-weight: 400;
    margin-top: .22rem;
    -webkit-line-clamp: 2
}

.v-ps5 .v-ps5_video .video-first .c-special-newslf-card .desc {
    margin-top: .1rem;
    font-size: .14rem;
    line-height: .2rem;
    color: #999;
    -webkit-line-clamp: 5;
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical
}

.v-ps5 .v-ps5_video .video-others {
    padding: 0 .08rem;
    float: left;
    width: 25%
}

.v-ps5 .v-ps5_highlights .highlights-container {
    margin-left: -.1rem;
    margin-right: -.1rem
}

.v-ps5 .v-ps5_highlights .highlights-item {
    cursor: pointer;
    float: left;
    width: 16.66667%;
    height: 2.45rem;
    padding: 0 .1rem;
    margin-bottom: .3rem
}

.v-ps5 .v-ps5_highlights .highlights-item .highlights-item-container {
    height: 100%
}

.v-ps5 .v-ps5_highlights .highlights-item:hover .highlights-item-container {
    -webkit-box-shadow: 0 .03rem .13rem rgba(0,0,0,.16);
    box-shadow: 0 .03rem .13rem rgba(0,0,0,.16)
}

.v-ps5 .v-ps5_highlights .highlights-item .imagebox {
    width: 100%;
    display: inline-block;
    height: 1.86rem;
    overflow: hidden
}

.v-ps5 .v-ps5_highlights .highlights-item .imagebox img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.v-ps5 .v-ps5_highlights .highlights-item .btn-box {
    height: .3rem
}

.v-ps5 .v-ps5_highlights .highlights-item .btn-box a {
    width: .88rem;
    height: 100%;
    text-align: center;
    display: inline-block;
    height: .3rem;
    line-height: .3rem;
    font-size: .14rem;
    border-radius: .03rem
}

.v-ps5 .v-ps5_highlights .highlights-item .btn-box a.buy {
    float: left;
    color: #e52627;
    border: 1px solid #e52627
}

.v-ps5 .v-ps5_highlights .highlights-item .btn-box a.zt {
    float: right;
    color: #3a9c09;
    border: 1px solid #3a9c09
}

.v-ps5 .v-ps5_highlights .highlights-item .title {
    margin-top: .16rem
}

.v-ps5 .v-ps5_media {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-bottom: .4rem
}

.v-ps5 .v-ps5_media .item {
    width: 2.2rem
}

.v-ps5 .v-ps5_media .item img {
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    border: 1px solid #e4e4e4
}

.v-tgs {
    position: relative;
    min-width: 12rem;
    background-repeat: no-repeat;
    background-position: 0 0;
    background-color: #fff;
    background-size: contain
}

.v-tgs .img-scale:hover img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

.v-tgs img {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: all .7s ease 0s;
    transition: all .7s ease 0s;
    -webkit-transform-origin: center;
    transform-origin: center
}

.v-tgs .vd-swimlane {
    padding: 0
}

.v-tgs .imageheight {
    height: 5.2rem
}

.v-tgs .v-tgs_navs {
    width: 100%;
    min-width: 12rem;
    padding: 0;
    z-index: 20
}

.v-tgs .v-tgs_banner .c-special-banner .c-special-banner_title {
    font-size: .2rem
}

.v-tgs .v-tgs_block-box {
    width: 12rem;
    margin: 0 auto;
    overflow: hidden;
    position: relative
}

.v-tgs .v-tgs_block-box.overflow-inh {
    overflow: inherit!important
}

.v-tgs .v-tgs_navs-box {
    height: .6rem;
    position: relative;
    width: 100%;
    background: #000
}

.v-tgs .v-tgs_navs-box.fixed {
    position: fixed;
    z-index: 200;
    top: 0
}

.v-tgs .v-tgs_navs-item {
    height: .6rem;
    -webkit-transition: all .1s;
    transition: all .1s;
    cursor: pointer;
    -webkit-box-flex: unset;
    -ms-flex: unset;
    flex: unset;
    display: inline-block;
    line-height: .6rem;
    font-size: .18rem;
    color: #fff;
    font-weight: 700
}

.v-tgs .v-tgs_navs-item.is-active {
    background: linear-gradient(135deg,#fff000 13px,#fff000 0) 0 0,linear-gradient(-135deg,transparent 13px,#fff000 0) 100% 0,linear-gradient(-45deg,#fff000 13px,#fff000 0) 100% 100%,linear-gradient(45deg,transparent 13px,#fff000 0) 0 100%;
    background-size: 50% 50%;
    background-repeat: no-repeat;
    color: #ea0b00
}

.v-tgs .v-tgs_navs-item.is-active span {
    background-color: #fff000
}

.v-tgs .v-tgs_navs-item:hover {
    background: linear-gradient(135deg,#fff000 13px,#fff000 0) 0 0,linear-gradient(-135deg,transparent 13px,#fff000 0) 100% 0,linear-gradient(-45deg,#fff000 13px,#fff000 0) 100% 100%,linear-gradient(45deg,transparent 13px,#fff000 0) 0 100%;
    background-size: 50% 50%;
    background-repeat: no-repeat;
    color: #ea0b00
}

.v-tgs .v-tgs_navs-item:hover span {
    background-color: #fff000
}

.v-tgs .v-tgs_navs-item span {
    height: 100%;
    display: inline-block;
    margin: 0 .27rem
}

.v-tgs .v-tgs_share {
    margin-top: .02rem;
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.v-tgs .v-tgs_share-icon {
    color: unset;
    font-size: .25rem;
    width: .34rem;
    height: .34rem;
    margin: auto 0;
    margin-right: .09rem;
    cursor: pointer;
    display: inline-block;
    position: relative
}

.v-tgs .v-tgs_share-icon:last-child {
    margin-right: 0
}

.v-tgs .v-tgs_share-icon img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.v-tgs .v-tgs_share-icon:hover .tip-box {
    display: block
}

.v-tgs .v-tgs_share-icon .tip-box {
    z-index: 20;
    width: 312px;
    height: 164px;
    padding: 30px 22px 0;
    border: 1px solid #bcbcbc;
    color: grey;
    position: absolute;
    left: -36px;
    top: 45px;
    text-align: center;
    line-height: 1;
    background: #fff;
    border-radius: 3px;
    display: none;
    font-size: 12px
}

.v-tgs .v-tgs_share-icon .tip-box:before {
    content: "";
    width: 5px;
    height: 5px;
    background: #fff;
    border-left: 1px solid #bcbcbc;
    border-top: 1px solid #bcbcbc;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    display: block;
    position: absolute;
    left: 50px;
    top: -3px
}

.v-tgs .v-tgs_share-icon .tip-box img {
    width: 113px;
    height: 113px
}

.v-tgs .v-tgs_share-icon .tip-box p {
    float: right;
    width: 142px
}

.v-tgs .v-tgs_share-icon .tip-box p h3 {
    margin-bottom: 14px;
    font-size: 18px;
    font-weight: 700;
    color: #1e77bd;
    margin-top: 0
}

.v-tgs .v-tgs_share-icon .tip-box p span {
    display: block;
    font-size: 14px;
    color: #999;
    line-height: 18px
}

.v-tgs .recommend {
    width: 4.5rem;
    height: 100%;
    float: left
}

.v-tgs .news {
    width: 4.3rem;
    float: left;
    margin-left: .3rem
}

.v-tgs .interview {
    float: right;
    width: 2.6rem
}

.v-tgs .v-tgs_manufacturers {
    position: relative
}

.v-tgs .v-tgs_manufacturers .manufacturers-content {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    width: 100%
}

.v-tgs .v-tgs_manufacturers .manufacturers-content .left {
    width: 4.5rem;
    height: 100%
}

.v-tgs .v-tgs_manufacturers .manufacturers-content .left .c-special-newslf-card:last-of-type {
    margin-bottom: 0
}

.v-tgs .v-tgs_manufacturers .manufacturers-content .left .c-special-newstb-card:first-of-type .desc {
    -webkit-line-clamp: 1;
    margin: .08rem 0;
    padding: 0 .1rem
}

.v-tgs .v-tgs_manufacturers .manufacturers-content .left .c-special-newstb-card:first-of-type .desc span {
    overflow: hidden
}

.v-tgs .v-tgs_manufacturers .manufacturers-content .left .summary {
    padding: 0 .1rem .08rem .1rem;
    color: #9c9c9c;
    line-height: .2rem;
    width: 100%
}

.v-tgs .v-tgs_manufacturers .manufacturers-content .left .summary span {
    color: #9c9c9c!important;
    font-size: .14rem;
    font-weight: 400;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2
}

.v-tgs .v-tgs_manufacturers .manufacturers-content .middle {
    width: 4.3rem
}

.v-tgs .v-tgs_manufacturers .manufacturers-content .right {
    width: 2.6rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.v-tgs .v-tgs_manufacturers .manufacturers-content .right .c-special-newstb-card .c-special-newstb-card_item {
    margin-bottom: 0
}

.v-tgs .v-tgs_manufacturers .manufacturers-content .right .c-special-newstb-card .c-special-newstb-card_item:last-of-type {
    margin-bottom: 2px
}

.v-tgs .v-tgs_manufacturers-channel {
    height: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: unset;
    flex-flow: unset;
    margin-left: .16rem;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.v-tgs .v-tgs_manufacturers-channel li {
    color: #333;
    cursor: pointer;
    padding: 0 .15rem;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.v-tgs .v-tgs_manufacturers-channel li:after {
    background: -webkit-gradient(linear,left top,right top,from(#ea0b00),to(#ffbe00));
    background: linear-gradient(90deg,#ea0b00,#ffbe00);
    display: block;
    content: "";
    top: 50%;
    right: 0;
    position: absolute;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 1px;
    height: .28rem
}

.v-tgs .v-tgs_manufacturers-channel li:last-child:after {
    height: 0
}

.v-tgs .v-tgs_manufacturers-channel li.is-active:before {
    background: -webkit-gradient(linear,left top,right top,from(#ea0b00),to(#ffbe00));
    background: linear-gradient(90deg,#ea0b00,#ffbe00);
    display: block;
    content: "";
    top: .36rem;
    right: 10.5%;
    position: absolute;
    width: 79%;
    height: .05rem
}

.v-tgs .v-tgs_video {
    overflow: hidden;
    width: 100%;
    margin-top: .2rem
}

.v-tgs .v-tgs_video .video-container {
    width: 100%;
    margin-left: -.08rem;
    margin-right: -.08rem
}

.v-tgs .v-tgs_video .video-first {
    padding: 0 .08rem;
    float: left;
    width: 50%
}

.v-tgs .v-tgs_video .video-first .c-special-newslf-card {
    margin-bottom: 0
}

.v-tgs .v-tgs_video .video-first .c-special-newslf-card .c-special-newslf-card_container {
    background: #f5f5f5
}

.v-tgs .v-tgs_video .video-first .c-special-newslf-card .c-special-newslf-card_container .c-newslf-card_image {
    margin-right: 0
}

.v-tgs .v-tgs_video .video-first .c-special-newslf-card:hover {
    -webkit-box-shadow: 0 .03rem .13rem rgba(0,0,0,.16);
    box-shadow: 0 .03rem .13rem rgba(0,0,0,.16)
}

.v-tgs .v-tgs_video .video-first .c-special-newslf-card:hover .c-newslf-card_container {
    background: #fff
}

.v-tgs .v-tgs_video .video-first .c-special-newslf-card .vdp-flex_1 {
    padding: .1rem .15rem 0 .1rem
}

.v-tgs .v-tgs_video .video-first .c-special-newslf-card .title {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    font-size: .16rem;
    line-height: .24rem;
    color: #333;
    font-weight: 400;
    margin-top: .22rem;
    -webkit-line-clamp: 2
}

.v-tgs .v-tgs_video .video-first .c-special-newslf-card .desc {
    margin-top: .1rem;
    font-size: .14rem;
    line-height: .2rem;
    color: #999;
    -webkit-line-clamp: 4;
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical
}

.v-tgs .v-tgs_video .video-others {
    padding: 0 .08rem;
    float: left;
    width: 25%
}

.v-tgs .v-tgs_highlights .highlights-container {
    margin-left: -.12rem;
    margin-right: -.12rem
}

.v-tgs .v-tgs_highlights .highlights-item {
    cursor: pointer;
    float: left;
    width: 16.66667%;
    height: 2.45rem;
    padding: 0 .12rem;
    margin-bottom: .3rem
}

.v-tgs .v-tgs_highlights .highlights-item .highlights-item-container {
    height: 100%
}

.v-tgs .v-tgs_highlights .highlights-item:hover .highlights-item-container {
    -webkit-box-shadow: 0 .03rem .13rem rgba(0,0,0,.16);
    box-shadow: 0 .03rem .13rem rgba(0,0,0,.16)
}

.v-tgs .v-tgs_highlights .highlights-item .imagebox {
    width: 100%;
    height: 1.8rem;
    overflow: hidden
}

.v-tgs .v-tgs_highlights .highlights-item .imagebox img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.v-tgs .v-tgs_highlights .highlights-item p {
    width: 100%;
    font-size: .14rem;
    line-height: .2rem;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin: 0;
    padding: 0 .05rem
}

.v-tgs .v-tgs_highlights .highlights-item p.title {
    margin-top: .16rem;
    color: #515151
}

.v-tgs .v-tgs_highlights .highlights-item p.subtitle {
    color: #9c9c9c
}

.v-tgs .v-tgs_media {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-bottom: .4rem;
    margin: 0 -.1rem
}

.v-tgs .v-tgs_media .item {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: 0 .1rem
}

.v-tgs .v-tgs_media .item img {
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    border: 1px solid #e4e4e4
}

.v-xsx {
    position: relative;
    min-width: 12.17rem;
    background-repeat: no-repeat;
    background-position: 0 0;
    background-color: #fff;
    background-size: contain
}

.v-xsx .img-scale:hover img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

.v-xsx img {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: all .7s ease 0s;
    transition: all .7s ease 0s;
    -webkit-transform-origin: center;
    transform-origin: center
}

.v-xsx .vd-swimlane {
    padding: 0
}

.v-xsx .imageheight {
    height: 4.14rem;
    width: 12.06rem;
    position: relative
}

.v-xsx .imageheight img {
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    bottom: 0
}

.v-xsx .c-special-title {
    -o-border-image: linear-gradient(#107c10,#00bc00) 7 30;
    border-image: -webkit-gradient(linear,left top,left bottom,from(#107c10),to(#00bc00)) 7 30;
    border-image: linear-gradient(#107c10,#00bc00) 7 30
}

.v-xsx .c-special-title .title-prefix:first-child {
    background-color: #107c10
}

.v-xsx .c-special-title .title-prefix:nth-child(2) {
    background-color: #00bc00
}

.v-xsx .v-xsx_navs {
    background-color: #201f24;
    padding: 0;
    z-index: 20;
    margin: 0 auto
}

.v-xsx .v-xsx_navs .top-img-container {
    overflow: visible
}

.v-xsx .v-xsx_navs .navs-container {
    height: .6rem;
    position: relative;
    width: 100%;
    background-color: #333
}

.v-xsx .v-xsx_navs .navs-container .v-xsx_container {
    height: .6rem;
    position: relative;
    overflow: visible
}

.v-xsx .v-xsx_navs .fixed {
    position: fixed;
    z-index: 200;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    background: #000
}

.v-xsx .v-xsx_container {
    width: 12rem;
    margin: 0 auto;
    overflow: hidden
}

.v-xsx .v-xsx_navs-item {
    height: .6rem;
    -webkit-transition: all .1s;
    transition: all .1s;
    cursor: pointer;
    -webkit-box-flex: unset;
    -ms-flex: unset;
    flex: unset;
    display: inline-block;
    line-height: .6rem;
    font-size: .18rem;
    color: #fff;
    font-weight: 700
}

.v-xsx .v-xsx_navs-item span {
    width: 100%;
    height: 100%;
    display: inline-block;
    padding: 0 .27rem
}

.v-xsx .v-xsx_navs-item.is-active,.v-xsx .v-xsx_navs-item:hover {
    background-color: #107c10
}

.v-xsx .v-xsx_share {
    margin-top: .02rem;
    position: absolute;
    right: .13rem;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.v-xsx .v-xsx_share-icon {
    color: unset;
    font-size: .25rem;
    width: .34rem;
    height: .34rem;
    margin: auto 0;
    margin-right: .09rem;
    cursor: pointer;
    display: inline-block;
    position: relative
}

.v-xsx .v-xsx_share-icon:last-child {
    margin-right: 0
}

.v-xsx .v-xsx_share-icon img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.v-xsx .v-xsx_share-icon:hover .tip-box {
    display: block
}

.v-xsx .v-xsx_share-icon .tip-box {
    z-index: 20;
    width: 312px;
    height: 164px;
    padding: 30px 22px 0;
    border: 1px solid #bcbcbc;
    color: grey;
    position: absolute;
    left: -36px;
    top: 45px;
    text-align: center;
    line-height: 1;
    background: #fff;
    border-radius: 3px;
    display: none;
    font-size: 12px
}

.v-xsx .v-xsx_share-icon .tip-box:before {
    content: "";
    width: 5px;
    height: 5px;
    background: #fff;
    border-left: 1px solid #bcbcbc;
    border-top: 1px solid #bcbcbc;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    display: block;
    position: absolute;
    left: 50px;
    top: -3px
}

.v-xsx .v-xsx_share-icon .tip-box img {
    width: 113px;
    height: 113px
}

.v-xsx .v-xsx_share-icon .tip-box p {
    float: right;
    width: 142px
}

.v-xsx .v-xsx_share-icon .tip-box p h3 {
    margin-bottom: 14px;
    font-size: 18px;
    font-weight: 700;
    color: #1e77bd;
    margin-top: 0
}

.v-xsx .v-xsx_share-icon .tip-box p span {
    display: block;
    font-size: 14px;
    color: #999;
    line-height: 18px
}

.v-xsx .recommend {
    width: 4.5rem;
    height: 100%;
    float: left
}

.v-xsx .news {
    width: 4.3rem;
    float: left;
    margin-left: .3rem
}

.v-xsx .news .c-special-newsline .c-special-newsline_item:hover .text {
    color: #107c10
}

.v-xsx .sales {
    float: right;
    width: 2.6rem
}

.v-xsx .sales .c-xsx-title {
    margin-bottom: .24rem
}

.v-xsx .v-xsx_evaluate {
    position: relative
}

.v-xsx .v-xsx_evaluate .evaluate-container {
    width: 100%;
    margin-left: -5px;
    margin-right: -5px
}

.v-xsx .v-xsx_evaluate .evaluate-item {
    padding: 0 5px;
    width: 25%;
    float: left
}

.v-xsx .v-xsx_video {
    overflow: hidden;
    width: 100%
}

.v-xsx .v-xsx_video .video-container {
    width: 100%;
    margin-left: -.08rem;
    margin-right: -.08rem
}

.v-xsx .v-xsx_video .video-first {
    padding: 0 .08rem;
    float: left;
    width: 50%
}

.v-xsx .v-xsx_video .video-first .c-special-newslf-card {
    margin-bottom: 0
}

.v-xsx .v-xsx_video .video-first .c-special-newslf-card .c-special-newslf-card_container .c-newslf-card_image {
    margin-right: 0
}

.v-xsx .v-xsx_video .video-first .c-special-newslf-card:hover {
    -webkit-box-shadow: 0 .03rem .13rem rgba(0,0,0,.16);
    box-shadow: 0 .03rem .13rem rgba(0,0,0,.16)
}

.v-xsx .v-xsx_video .video-first .c-special-newslf-card .vdp-flex_1 {
    padding: .1rem .15rem 0 .1rem
}

.v-xsx .v-xsx_video .video-first .c-special-newslf-card .title {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    font-size: .16rem;
    line-height: .24rem;
    color: #333;
    font-weight: 400;
    margin-top: .22rem;
    -webkit-line-clamp: 2
}

.v-xsx .v-xsx_video .video-first .c-special-newslf-card .desc {
    margin-top: .1rem;
    font-size: .14rem;
    line-height: .2rem;
    color: #999;
    -webkit-line-clamp: 5;
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical
}

.v-xsx .v-xsx_video .video-others {
    padding: 0 .08rem;
    float: left;
    width: 25%
}

.v-xsx .v-xsx_highlights .highlights-container {
    width: 100%;
    margin-left: -.1rem;
    margin-right: -.1rem
}

.v-xsx .v-xsx_highlights .highlights-item {
    cursor: pointer;
    float: left;
    width: 16.66667%;
    height: 2.45rem;
    padding: 0 .1rem;
    margin-bottom: .3rem
}

.v-xsx .v-xsx_highlights .highlights-item .highlights-item-container {
    height: 100%
}

.v-xsx .v-xsx_highlights .highlights-item:hover .highlights-item-container {
    -webkit-box-shadow: 0 .03rem .13rem rgba(0,0,0,.16);
    box-shadow: 0 .03rem .13rem rgba(0,0,0,.16)
}

.v-xsx .v-xsx_highlights .highlights-item .imagebox {
    width: 100%;
    display: inline-block;
    height: 1.86rem;
    overflow: hidden
}

.v-xsx .v-xsx_highlights .highlights-item .imagebox img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.v-xsx .v-xsx_highlights .highlights-item .btn-box {
    height: .3rem
}

.v-xsx .v-xsx_highlights .highlights-item .btn-box a {
    width: .88rem;
    height: 100%;
    text-align: center;
    display: inline-block;
    height: .3rem;
    line-height: .3rem;
    font-size: .14rem;
    border-radius: .03rem
}

.v-xsx .v-xsx_highlights .highlights-item .btn-box a.buy {
    float: left;
    color: #fd5084;
    border: 1px solid #fd5084
}

.v-xsx .v-xsx_highlights .highlights-item .btn-box a.zt {
    float: right;
    color: #00bc00;
    border: 1px solid #00bc00
}

.v-xsx .v-xsx_highlights .highlights-item .title {
    margin-top: .16rem
}

.v-xsx .v-xsx_media {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-bottom: .4rem
}

.v-xsx .v-xsx_media .item {
    width: 2.2rem
}

.v-xsx .v-xsx_media .item img {
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    border: 1px solid #e4e4e4
}