/*!PhotoSwipe main CSS by Dmytro Semenov | photoswipe.com */
.pswp {
    --pswp-bg: #000;
    --pswp-placeholder-bg: #222;
    --pswp-root-z-index: 100000;
    --pswp-preloader-color: rgba(79, 79, 79, 0.4);
    --pswp-preloader-color-secondary: rgba(255, 255, 255, 0.9);
    --pswp-icon-color: #fff;
    --pswp-icon-color-secondary: #4f4f4f;
    --pswp-icon-stroke-color: #4f4f4f;
    --pswp-icon-stroke-width: 2px;
    --pswp-error-text-color: var(--pswp-icon-color)
}

.pswp {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: var(--pswp-root-z-index);
    display: none;
    touch-action: none;
    outline: 0;
    opacity: .003;
    contain: layout style size;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

.pswp:focus {
    outline: 0
}

.pswp * {
    box-sizing: border-box
}

.pswp img {
    max-width: none
}

.pswp--open {
    display: block
}

.pswp,
.pswp__bg {
    transform: translateZ(0);
    will-change: opacity
}

.pswp__bg {
    opacity: .005;
    background: var(--pswp-bg)
}

.pswp,
.pswp__scroll-wrap {
    overflow: hidden
}

.pswp__scroll-wrap,
.pswp__bg,
.pswp__container,
.pswp__item,
.pswp__content,
.pswp__img,
.pswp__zoom-wrap {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.pswp__img,
.pswp__zoom-wrap {
    width: auto;
    height: auto
}

.pswp--click-to-zoom.pswp--zoom-allowed .pswp__img {
    cursor: -webkit-zoom-in;
    cursor: -moz-zoom-in;
    cursor: zoom-in
}

.pswp--click-to-zoom.pswp--zoomed-in .pswp__img {
    cursor: move;
    cursor: -webkit-grab;
    cursor: -moz-grab;
    cursor: grab
}

.pswp--click-to-zoom.pswp--zoomed-in .pswp__img:active {
    cursor: -webkit-grabbing;
    cursor: -moz-grabbing;
    cursor: grabbing
}

.pswp--no-mouse-drag.pswp--zoomed-in .pswp__img,
.pswp--no-mouse-drag.pswp--zoomed-in .pswp__img:active,
.pswp__img {
    cursor: -webkit-zoom-out;
    cursor: -moz-zoom-out;
    cursor: zoom-out
}

.pswp__container,
.pswp__img,
.pswp__button,
.pswp__counter {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.pswp__item {
    z-index: 1;
    overflow: hidden
}

.pswp__hidden {
    display: none !important
}

.pswp__content {
    pointer-events: none
}

.pswp__content>* {
    pointer-events: auto
}

.pswp__error-msg-container {
    display: grid
}

.pswp__error-msg {
    margin: auto;
    font-size: 1em;
    line-height: 1;
    color: var(--pswp-error-text-color)
}

.pswp .pswp__hide-on-close {
    opacity: .005;
    will-change: opacity;
    transition: opacity var(--pswp-transition-duration) cubic-bezier(0.4, 0, 0.22, 1);
    z-index: 10;
    pointer-events: none
}

.pswp--ui-visible .pswp__hide-on-close {
    opacity: 1;
    pointer-events: auto
}

.pswp__button {
    position: relative;
    display: block;
    width: 50px;
    height: 60px;
    padding: 0;
    margin: 0;
    overflow: hidden;
    cursor: pointer;
    background: none;
    border: 0;
    box-shadow: none;
    opacity: .85;
    -webkit-appearance: none;
    -webkit-touch-callout: none
}

.pswp__button:hover,
.pswp__button:active,
.pswp__button:focus {
    transition: none;
    padding: 0;
    background: none;
    border: 0;
    box-shadow: none;
    opacity: 1
}

.pswp__button:disabled {
    opacity: .3;
    cursor: auto
}

.pswp__icn {
    fill: var(--pswp-icon-color);
    color: var(--pswp-icon-color-secondary)
}

.pswp__icn {
    position: absolute;
    top: 14px;
    left: 9px;
    width: 32px;
    height: 32px;
    overflow: hidden;
    pointer-events: none
}

.pswp__icn-shadow {
    stroke: var(--pswp-icon-stroke-color);
    stroke-width: var(--pswp-icon-stroke-width);
    fill: none
}

.pswp__icn:focus {
    outline: 0
}

div.pswp__img--placeholder,
.pswp__img--with-bg {
    background: var(--pswp-placeholder-bg)
}

.pswp__top-bar {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 60px;
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    z-index: 10;
    pointer-events: none !important
}

.pswp__top-bar>* {
    pointer-events: auto;
    will-change: opacity
}

.pswp__button--close {
    margin-right: 6px
}

.pswp__button--arrow {
    position: absolute;
    top: 0;
    width: 75px;
    height: 100px;
    top: 50%;
    margin-top: -50px
}

.pswp__button--arrow:disabled {
    display: none;
    cursor: default
}

.pswp__button--arrow .pswp__icn {
    top: 50%;
    margin-top: -30px;
    width: 60px;
    height: 60px;
    background: none;
    border-radius: 0
}

.pswp--one-slide .pswp__button--arrow {
    display: none
}

.pswp--touch .pswp__button--arrow {
    visibility: hidden
}

.pswp--has_mouse .pswp__button--arrow {
    visibility: visible
}

.pswp__button--arrow--prev {
    right: auto;
    left: 0
}

.pswp__button--arrow--next {
    right: 0
}

.pswp__button--arrow--next .pswp__icn {
    left: auto;
    right: 14px;
    transform: scale(-1, 1)
}

.pswp__button--zoom {
    display: none
}

.pswp--zoom-allowed .pswp__button--zoom {
    display: block
}

.pswp--zoomed-in .pswp__zoom-icn-bar-v {
    display: none
}

.pswp__preloader {
    position: relative;
    overflow: hidden;
    width: 50px;
    height: 60px;
    margin-right: auto
}

.pswp__preloader .pswp__icn {
    opacity: 0;
    transition: opacity .2s linear;
    animation: pswp-clockwise 600ms linear infinite
}

.pswp__preloader--active .pswp__icn {
    opacity: .85
}

@keyframes pswp-clockwise {
    0% {
        transform: rotate(0deg)
    }

    100% {
        transform: rotate(360deg)
    }
}

.pswp__counter {
    height: 30px;
    margin-top: 15px;
    margin-inline-start: 20px;
    font-size: 14px;
    line-height: 30px;
    color: var(--pswp-icon-color);
    text-shadow: 1px 1px 3px var(--pswp-icon-color-secondary);
    opacity: .85
}

.pswp--one-slide .pswp__counter {
    display: none
}

/*!PhotoSwipe Default UI CSS by Dmitry Semenov | photoswipe.com | MIT license */
.pswp__button {
    width: 44px;
    height: 44px;
    position: relative;
    background: none;
    cursor: pointer;
    overflow: visible;
    -webkit-appearance: none;
    display: block;
    border: 0;
    padding: 0;
    margin: 0;
    float: right;
    opacity: .75;
    -webkit-transition: opacity .2s;
    transition: opacity .2s;
    -webkit-box-shadow: none;
    box-shadow: none
}

.pswp__button:focus,
.pswp__button:hover {
    opacity: 1
}

.pswp__button:active {
    outline: none;
    opacity: .9
}

.pswp__button::-moz-focus-inner {
    padding: 0;
    border: 0
}

.pswp__ui--over-close .pswp__button--close {
    opacity: 1
}

.pswp__button,
.pswp__button--arrow--left:before,
.pswp__button--arrow--right:before {
    background: url(/static/assets/css/default-skin/default-skin.png) 0 0 no-repeat;
    background-size: 264px 88px;
    width: 44px;
    height: 44px
}

@media(-webkit-min-device-pixel-ratio:1.1), (-webkit-min-device-pixel-ratio:1.09375), (min-resolution:105dpi), (min-resolution:1.1dppx) {

    .pswp--svg .pswp__button,
    .pswp--svg .pswp__button--arrow--left:before,
    .pswp--svg .pswp__button--arrow--right:before {
        background-image: url(/static/assets/css/default-skin/default-skin.svg)
    }

    .pswp--svg .pswp__button--arrow--left,
    .pswp--svg .pswp__button--arrow--right {
        background: none
    }
}

.pswp__button--close {
    background-position: 0 -44px
}

.pswp__button--share {
    background-position: -44px -44px
}

.pswp__button--fs {
    display: none
}

.pswp--supports-fs .pswp__button--fs {
    display: block
}

.pswp--fs .pswp__button--fs {
    background-position: -44px 0
}

.pswp__button--zoom {
    display: none;
    background-position: -88px 0
}

.pswp--zoom-allowed .pswp__button--zoom {
    display: block
}

.pswp--zoomed-in .pswp__button--zoom {
    background-position: -132px 0
}

.pswp--touch .pswp__button--arrow--left,
.pswp--touch .pswp__button--arrow--right {
    visibility: hidden
}

.pswp__button--arrow--left,
.pswp__button--arrow--right {
    background: none;
    top: 50%;
    margin-top: -50px;
    width: 70px;
    height: 100px;
    position: absolute
}

.pswp__button--arrow--left {
    left: 0
}

.pswp__button--arrow--right {
    right: 0
}

.pswp__button--arrow--left:before,
.pswp__button--arrow--right:before {
    content: '';
    top: 35px;
    background-color: rgba(0, 0, 0, 0.3);
    height: 30px;
    width: 32px;
    position: absolute
}

.pswp__button--arrow--left:before {
    left: 6px;
    background-position: -138px -44px
}

.pswp__button--arrow--right:before {
    right: 6px;
    background-position: -94px -44px
}

.pswp__counter,
.pswp__share-modal {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.pswp__share-modal {
    display: block;
    background: rgba(0, 0, 0, 0.5);
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    padding: 10px;
    position: absolute;
    z-index: 1600;
    opacity: 0;
    -webkit-transition: opacity .25s ease-out;
    transition: opacity .25s ease-out;
    -webkit-backface-visibility: hidden;
    will-change: opacity
}

.pswp__share-modal--hidden {
    display: none
}

.pswp__share-tooltip {
    z-index: 1620;
    position: absolute;
    background: #FFF;
    top: 56px;
    border-radius: 2px;
    display: block;
    width: auto;
    right: 44px;
    -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25);
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25);
    -webkit-transform: translateY(6px);
    -ms-transform: translateY(6px);
    transform: translateY(6px);
    -webkit-transition: -webkit-transform .25s;
    transition: transform .25s;
    -webkit-backface-visibility: hidden;
    will-change: transform
}

.pswp__share-tooltip a {
    display: block;
    padding: 8px 12px;
    color: #000;
    text-decoration: none;
    font-size: 14px;
    line-height: 18px
}

.pswp__share-tooltip a:hover {
    text-decoration: none;
    color: #000
}

.pswp__share-tooltip a:first-child {
    border-radius: 2px 2px 0 0
}

.pswp__share-tooltip a:last-child {
    border-radius: 0 0 2px 2px
}

.pswp__share-modal--fade-in {
    opacity: 1
}

.pswp__share-modal--fade-in .pswp__share-tooltip {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0)
}

.pswp--touch .pswp__share-tooltip a {
    padding: 16px 12px
}

a.pswp__share--facebook:before {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    top: -12px;
    right: 15px;
    border: 6px solid transparent;
    border-bottom-color: #FFF;
    -webkit-pointer-events: none;
    -moz-pointer-events: none;
    pointer-events: none
}

a.pswp__share--facebook:hover {
    background: #3E5C9A;
    color: #FFF
}

a.pswp__share--facebook:hover:before {
    border-bottom-color: #3E5C9A
}

a.pswp__share--twitter:hover {
    background: #55ACEE;
    color: #FFF
}

a.pswp__share--pinterest:hover {
    background: #CCC;
    color: #CE272D
}

a.pswp__share--download:hover {
    background: #DDD
}

.pswp__counter {
    position: absolute;
    left: 0;
    top: 0;
    height: 44px;
    font-size: 13px;
    line-height: 44px;
    color: #FFF;
    opacity: .75;
    padding: 0 10px
}

.pswp__caption {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    min-height: 44px
}

.pswp__caption small {
    font-size: 11px;
    color: #BBB
}

.pswp__caption__center {
    text-align: left;
    max-width: 420px;
    margin: 0 auto;
    font-size: 13px;
    padding: 10px;
    line-height: 20px;
    color: #CCC
}

.pswp__caption--empty {
    display: none
}

.pswp__caption--fake {
    visibility: hidden
}

.pswp__preloader {
    width: 44px;
    height: 44px;
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -22px;
    opacity: 0;
    -webkit-transition: opacity .25s ease-out;
    transition: opacity .25s ease-out;
    will-change: opacity;
    direction: ltr
}

.pswp__preloader__icn {
    width: 20px;
    height: 20px;
    margin: 12px
}

.pswp__preloader--active {
    opacity: 1
}

.pswp__preloader--active .pswp__preloader__icn {
    background: url(/static/assets/css/default-skin/preloader.gif) 0 0 no-repeat
}

.pswp--css_animation .pswp__preloader--active {
    opacity: 1
}

.pswp--css_animation .pswp__preloader--active .pswp__preloader__icn {
    -webkit-animation: clockwise 500ms linear infinite;
    animation: clockwise 500ms linear infinite
}

.pswp--css_animation .pswp__preloader--active .pswp__preloader__donut {
    -webkit-animation: donut-rotate 1000ms cubic-bezier(0.4, 0, 0.22, 1) infinite;
    animation: donut-rotate 1000ms cubic-bezier(0.4, 0, 0.22, 1) infinite
}

.pswp--css_animation .pswp__preloader__icn {
    background: none;
    opacity: .75;
    width: 14px;
    height: 14px;
    position: absolute;
    left: 15px;
    top: 15px;
    margin: 0
}

.pswp--css_animation .pswp__preloader__cut {
    position: relative;
    width: 7px;
    height: 14px;
    overflow: hidden
}

.pswp--css_animation .pswp__preloader__donut {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 14px;
    height: 14px;
    border: 2px solid #FFF;
    border-radius: 50%;
    border-left-color: transparent;
    border-bottom-color: transparent;
    position: absolute;
    top: 0;
    left: 0;
    background: none;
    margin: 0
}

@media screen and (max-width:1024px) {
    .pswp__preloader {
        position: relative;
        left: auto;
        top: auto;
        margin: 0;
        float: right
    }
}

@-webkit-keyframes clockwise {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes clockwise {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@-webkit-keyframes donut-rotate {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    50% {
        -webkit-transform: rotate(-140deg);
        transform: rotate(-140deg)
    }

    100% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
}

@keyframes donut-rotate {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    50% {
        -webkit-transform: rotate(-140deg);
        transform: rotate(-140deg)
    }

    100% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
}

.pswp__ui {
    -webkit-font-smoothing: auto;
    visibility: visible;
    opacity: 1;
    z-index: 1550
}

.pswp__top-bar {
    position: absolute;
    left: 0;
    top: 0;
    height: 44px;
    width: 100%
}

.pswp__caption,
.pswp__top-bar,
.pswp--has_mouse .pswp__button--arrow--left,
.pswp--has_mouse .pswp__button--arrow--right {
    -webkit-backface-visibility: hidden;
    will-change: opacity;
    -webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
    transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1)
}

.pswp--has_mouse .pswp__button--arrow--left,
.pswp--has_mouse .pswp__button--arrow--right {
    visibility: visible
}

.pswp__top-bar,
.pswp__caption {
    background-color: rgba(0, 0, 0, 0.5)
}

.pswp__ui--fit .pswp__top-bar,
.pswp__ui--fit .pswp__caption {
    background-color: rgba(0, 0, 0, 0.3)
}

.pswp__ui--idle .pswp__top-bar {
    opacity: 0
}

.pswp__ui--idle .pswp__button--arrow--left,
.pswp__ui--idle .pswp__button--arrow--right {
    opacity: 0
}

.pswp__ui--hidden .pswp__top-bar,
.pswp__ui--hidden .pswp__caption,
.pswp__ui--hidden .pswp__button--arrow--left,
.pswp__ui--hidden .pswp__button--arrow--right {
    opacity: .001
}

.pswp__ui--one-slide .pswp__button--arrow--left,
.pswp__ui--one-slide .pswp__button--arrow--right,
.pswp__ui--one-slide .pswp__counter {
    display: none
}

.pswp__element--disabled {
    display: none !important
}

.pswp--minimal--dark .pswp__top-bar {
    background: none
}

body,
html {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-tap-highlight-color: transparent
}

body,
dd,
div,
dl,
dt,
form,
h1,
h2,
h3,
h4,
h5,
h6,
ol,
p,
ul {
    padding: 0;
    margin: 0
}

body {
    font: 14px/1.2em Microsoft Yahei, "\5FAE\8F6F\96C5\9ED1", -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Ubuntu, Helvetica Neue, Helvetica, Arial, sans-serif;
    color: #333;
    background: #ededed url(../images/site/header-bg.jpg) no-repeat center top;
    min-width: 1240px
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: 14px;
    font-weight: 400;
    line-height: 1em
}

ol,
ul {
    list-style: none
}

button,
input,
textarea {
    font-size: 14px;
    font-family: Microsoft Yahei, "\5FAE\8F6F\96C5\9ED1", -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Ubuntu, Helvetica Neue, Helvetica, Arial, sans-serif;
    margin: 0;
    padding: 2px;
    vertical-align: middle;
    line-height: 1em
}

input:focus {
    outline: 0
}

label {
    cursor: pointer
}

input[type=radio],
input[type=checkbox] {
    margin: 0 3px;
    width: 18px;
    height: 18px
}

img {
    border: none;
    vertical-align: middle
}

table {
    border-collapse: collapse
}

td,
th {
    text-align: center
}

a:link,
a:visited {
    color: #959595;
    text-decoration: none
}

a:hover {
    color: #eea20e;
    text-decoration: none
}

a:active {
    color: #cd931d
}

a:focus {
    outline: 0
}

::-webkit-input-placeholder {
    color: silver
}

:-moz-placeholder {
    color: silver
}

::-moz-placeholder {
    color: #a0a0a0
}

:-ms-input-placeholder {
    color: silver
}

::-webkit-scrollbar {
    width: 4px;
    height: 0;
    background-color: #F5F5F5
}

::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0);
    border-radius: 2px;
    background-color: #e5e5e5
}

::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0);
    background-color: #999
}

body::-webkit-scrollbar {
    width: 10px !important
}

input:-webkit-autofill,
input:-webkit-autofill:active,
input:-webkit-autofill:focus,
input:-webkit-autofill:hover {
    -webkit-transition-delay: 99999s;
    -webkit-transition: color 99999s ease-out, background-color 99999s ease-out
}

@font-face {
    font-family: DDIN;
    src: url(../images/font/DDIN-DINBold.otf) format('opentype')
}

.icon {
    display: inline-block;
    overflow: hidden;
    vertical-align: middle;
    background-repeat: no-repeat !important
}

.icon_drop,
.w-Select-Multi li .icon_drop {
    background-position: -48px -262px;
    width: 6px;
    height: 6px
}

.on .icon_drop,
.w-Select-Multi .hover .icon_drop {
    background-position: -56px -262px
}

.ui-datepicker-title::after,
.w-date-drop-header--select .icon_drop {
    background-position: -48px -262px
}

.w-date-drop-header--select.on .icon_drop {
    background-position: -56px -262px
}

.icon_sel {
    background-position: 0 -262px;
    width: 12px;
    height: 8px
}

.on .icon_sel {
    background-position: -14px -262px
}

.icon_drop_small {
    background-position: -466px -67px;
    width: 8px;
    height: 4px
}

.on .icon_drop_small {
    background-position: -394px -265px
}

.icon_status_failed,
.icon_status_progressing,
.icon_status_success,
.icon_status_unchecked,
.icon_status_waiting {
    width: 11px;
    height: 11px;
    margin: -2px 6px 0 0;
    flex-shrink: 0
}

.icon_status_progressing {
    background-position: -114px -549px
}

.icon_status_success {
    background-position: -432px -444px
}

.icon_status_failed {
    background-position: -289px -548px
}

.icon_status_waiting {
    background-position: -448px -428px
}

.icon_status_unchecked {
    background-position: -337px -520px
}

.icon_arr_big_right {
    background-position: -42px -386px;
    width: 7px;
    height: 14px
}

.icon_arr_big_left {
    background-position: -42px -402px;
    width: 7px;
    height: 14px
}

.icon_new {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #DD2F0B;
    position: absolute
}

.icon_menu {
    width: 20px;
    height: 20px;
    margin: -2px 9px 0 0
}

.icon_menu_repertory {
    background-position: -312px -54px
}

.icon_menu_sold {
    background-position: -334px -54px
}

.icon_menu_cart {
    background-position: -356px -54px
}

.icon_menu_wallet {
    background-position: -378px -54px
}

.icon_menu_setting {
    background-position: -400px -54px
}

.icon_menu_msg {
    background-position: -422px -54px
}

.icon_menu_feedback {
    background-position: -444px -54px
}

.icon_menu_invite {
    background-position: -348px -416px
}

.icon_menu_gift {
    background-position: -429px -333px
}

.icon_menu_fav {
    background-position: -500px -216px
}

.icon_menu_coupon {
    background-position: -488px -242px
}

.icon_menu_vip {
    background-position: -156px -562px;
    margin: 0 9px -2px 0
}

.icon_menu_contribute {
    background-position: -220px -402px
}

.icon_menu_api {
    background-position: -452px -307px
}

.on .icon_menu_wallet {
    background-position: -322px -442px
}

.on .icon_menu_setting {
    background-position: -294px -462px
}

.on .icon_menu_msg {
    background-position: -250px -488px
}

.on .icon_menu_invite {
    background-position: -194px -514px
}

.on .icon_menu_gift {
    background-position: -26px -550px
}

.on .icon_menu_fav {
    background-position: -482px -268px
}

.on .icon_menu_coupon {
    background-position: -542px -103px
}

.on .icon_menu_vip {
    background-position: -288px -508px
}

.on .icon_menu_contribute {
    background-position: -242px -402px
}

.on .icon_menu_api {
    background-position: -48px -550px
}

a:hover .icon_menu_wallet {
    background-position: -322px -442px
}

a:hover .icon_menu_setting {
    background-position: -294px -462px
}

a:hover .icon_menu_msg {
    background-position: -250px -488px
}

a:hover .icon_menu_invite {
    background-position: -194px -514px
}

a:hover .icon_menu_gift {
    background-position: -26px -550px
}

a:hover .icon_menu_fav {
    background-position: -482px -268px
}

a:hover .icon_menu_coupon {
    background-position: -542px -103px
}

a:hover .icon_menu_vip {
    background-position: -288px -508px
}

a:hover .icon_menu_contribute {
    background-position: -242px -402px
}

a:hover .icon_menu_api {
    background-position: -48px -550px
}

a:active .icon_menu_wallet {
    background-position: -378px -54px
}

a:active .icon_menu_setting {
    background-position: -400px -54px
}

a:active .icon_menu_msg {
    background-position: -422px -54px
}

a:active .icon_menu_feedback {
    background-position: -444px -54px
}

a:active .icon_menu_invite {
    background-position: -348px -416px
}

a:active .icon_menu_gift {
    background-position: -429px -333px
}

a:active .icon_menu_fav {
    background-position: -500px -216px
}

a:active .icon_menu_coupon {
    background-position: -488px -242px
}

a:active .icon_menu_vip {
    background-position: -156px -562px;
    margin: 0 9px -2px 0
}

a:active .icon_menu_contribute {
    background-position: -220px -402px
}

a:active .icon_menu_api {
    background-position: -452px -307px
}

.icon_bar_app {
    background-position: -370px -411px
}

.icon_bar_feedback {
    background-position: -421px -360px
}

.icon_bar_help {
    background-position: -70px -550px
}

.icon_bar_msg {
    background-position: -132px -540px
}

.icon_bar_qq {
    background-position: 0 -556px
}

.icon_bar_weibo {
    background-position: -456px -164px
}

.icon_bar_weixin {
    background-position: -272px -486px
}

.icon_bar_fav {
    background-position: -222px -511px
}

.icon_gotop {
    background-position: -152px -148px;
    width: 60px;
    height: 60px
}

.icon_bar_support--grey {
    background-position: -92px -550px
}

.icon_bar_support--blue {
    background-position: -534px -161px
}

.icon_bar_support--gold {
    background-position: -484px -27px;
    width: 24px;
    height: 24px
}

.icon_search {
    background-position: -587px -129px;
    width: 14px;
    height: 14px
}

.icon_search_white {
    background-position: -566px -203px;
    width: 14px;
    height: 14px
}

.icon_rental_safety {
    width: 14px;
    height: 14px;
    background-position: -598px -58px
}

.icon_check {
    background-position: -52px -380px;
    width: 40px;
    height: 40px
}

.on .icon_check {
    background-position: -191px -334px
}

.icon_check_small,
.list_card_small .icon_check {
    background-position: -476px -54px;
    width: 26px;
    height: 26px
}

.list_card_small .on .icon_check,
.on .icon_check_small {
    background-position: -372px -306px
}

.icon_card {
    width: 30px;
    height: 23px;
    background-position: -100px -524px
}

.icon_corner {
    background-position: -304px -130px;
    width: 16px;
    height: 16px
}

.icon_arrow_left {
    background-position: -126px -602px;
    width: 12px;
    height: 12px
}

.icon_arrow_right {
    background-position: -582px -199px;
    width: 12px;
    height: 12px
}

.icon_info {
    background-position: -322px -130px;
    width: 16px;
    height: 16px
}

.icon_order {
    background: 0 0;
    width: 7px;
    height: 11px;
    margin: -2px 0 0 5px
}

.tag_rise .icon_order,
.w-Order_asc .icon_order {
    background-position: -233px -334px
}

.tag_reduce .icon_order,
.w-Order_des .icon_order {
    background-position: -233px -347px
}

.tb-Order.w-Order_asc .icon_order {
    background-position: -466px -54px
}

.tb-Order.w-Order_des .icon_order {
    background-position: -264px -402px
}

.icon_success {
    background-position: -18px -612px;
    width: 16px;
    height: 13px
}

.icon_prefix1,
.icon_prefix2,
.icon_prefix3,
.icon_prefix4 {
    width: 16px;
    height: 16px;
    margin: -1px 12px 0 0
}

.icon_prefix1 {
    background: #4CCAA1
}

.icon_prefix2 {
    background: #EB0000
}

.icon_prefix3 {
    background: #7C8FF5
}

.icon_prefix4 {
    background: #F2B166
}

.icon_unread {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #EB0000
}

.icon_select {
    width: 16px;
    height: 13px;
    background-position: -216px -573px
}

.icon_bank {
    border-radius: 50%;
    width: 16px;
    height: 16px;
    margin: -3px 3px 0 0
}

.icon_bank.is-large {
    width: 24px;
    height: 24px;
    margin: 0;
    margin-bottom: 2px
}

.icon_bank.is-middle {
    width: 20px;
    height: 20px
}

.icon_plus,
.icon_reduce {
    width: 16px;
    height: 16px;
    background-position: -340px -130px
}

.icon_reduce {
    background-position: -358px -130px
}

.icon_qa {
    background-position: -376px -130px;
    width: 16px;
    height: 16px
}

.icon_qa:hover {
    background-position: -394px -130px
}

.icon_hero_pre {
    background-position: -347px -378px;
    width: 11px;
    height: 10px;
    margin: 0 6px 0 0
}

.ht2 .icon_hero_pre {
    background-position: -561px -261px
}

.ht3 .icon_hero_pre {
    background-position: -552px -287px
}

.ht4 .icon_hero_pre {
    background-position: -302px -545px
}

.icon_checkbox {
    width: 12px;
    height: 12px;
    background-position: -398px -469px
}

.on>.icon_checkbox {
    background-position: -65px -612px
}

span:hover .icon_checkbox {
    background-position: -275px -551px
}

span.on:hover .icon_checkbox {
    background-position: -490px -373px
}

.icon_checkbox--green {
    width: 12px;
    height: 12px;
    background-position: -552px -273px
}

.on>.icon_checkbox--green {
    background-position: -239px -568px
}

.icon_radio {
    width: 14px;
    height: 14px;
    background-position: -281px -532px;
    margin: -2px 6px 0 0
}

.on>.icon_radio {
    background-position: -145px -584px
}

.icon_arr_right {
    display: inline-block;
    width: 5px;
    height: 5px;
    border: 2px solid #929394;
    border-width: 2px 2px 0 0;
    transform: rotate(45deg);
    margin: -2px 0 0 4px;
    vertical-align: middle
}

.icon_arr_left {
    display: inline-block;
    width: 5px;
    height: 5px;
    border: 2px solid #929394;
    border-width: 2px 0 0 2px;
    transform: rotate(-45deg);
    margin: -2px 4px 0 0;
    vertical-align: middle
}

.icon_arr_right_small {
    width: 4px;
    height: 6px;
    background-position: -64px -262px;
    margin: 0 6px
}

.icon_arr_down {
    width: 9px;
    height: 5px;
    background-position: -138px -262px;
    margin: -2px 0 0 3px
}

.icon_inspect_up {
    width: 10px;
    height: 10px;
    background-position: -586px -213px
}

.icon_inspect_down {
    width: 10px;
    height: 10px;
    background-position: -196px -592px
}

a:hover .icon_inspect_down {
    background-position: -354px -514px
}

a:active .icon_inspect_down {
    background-position: -490px -387px
}

a:hover .icon_inspect_up {
    background-position: -396px -483px
}

a:active .icon_inspect_up {
    background-position: -93px -618px
}

.icon_arr_light_up,
.on:not(.nav-expand) .icon_arr_light,
.showdrop .icon_arr_light,
.ui-datepicker-next::after,
.ui-datepicker-prev::before {
    width: 11px;
    height: 11px;
    background-position: -214px -588px
}

.icon_arr_light,
.icon_arr_light_down {
    width: 11px;
    height: 11px;
    background-position: -581px -234px
}

.icon_arr_right_red {
    width: 8px;
    height: 8px;
    background-position: -28px -262px
}

.icon_arr_right_purple {
    width: 9px;
    height: 9px;
    background-position: -542px -125px
}

.icon_arr_right_blue {
    width: 9px;
    height: 9px;
    background-position: -553px -125px
}

.my-menu li {
    width: 150px;
    height: 60px;
    background-position: 0 -118px;
    cursor: pointer
}

.my-menu li:hover {
    background-position: -152px -76px
}

.my-menu li.on {
    background-position: 0 -190px
}

.cont_panel .my-menu li {
    width: 240px;
    height: 60px;
    background-position: -152px -210px
}

.cont_panel .my-menu li:hover {
    background-position: -214px -148px
}

.cont_panel .my-menu li.on {
    background-position: 0 -272px
}

.focus_dot {
    background-position: -440px -399px;
    width: 34px;
    height: 4px;
    cursor: pointer;
    margin-right: 4px
}

.on .focus_dot {
    background-position: -70px -262px;
    width: 66px;
    height: 6px
}

.lv {
    width: 24px;
    height: 24px;
    margin-left: 9px
}

.lv-normal {
    background-position: -406px -281px
}

.lv-high {
    background-position: -456px -190px
}

.lv-super {
    background-position: -347px -352px
}

.lv-text {
    width: 54px;
    height: 24px;
    margin-left: 9px
}

.lv-text-normal {
    background-position: -34px -498px
}

.lv-text-high {
    background-position: -313px -390px
}

.lv-text-super {
    background-position: -373px -334px
}

.icon_success_big {
    width: 32px;
    height: 32px;
    background-position: -372px -272px
}

.icon_error_big {
    width: 32px;
    height: 32px;
    background-position: -42px -464px
}

.icon_success_mid {
    width: 24px;
    height: 24px;
    background-position: -452px -216px
}

.icon_error_mid {
    width: 24px;
    height: 24px;
    background-position: -196px -462px
}

.icon_warning_mid {
    width: 24px;
    height: 24px;
    background-position: -490px -110px
}

.icon_lock {
    background-position: -572px -219px;
    width: 12px;
    height: 13px;
    margin: -3px 0 0 3px
}

.icon_gift {
    background-position: -556px -50px;
    width: 18px;
    height: 20px;
    margin: -6px 6px 0
}

.icon_rank {
    width: 40px;
    height: 40px;
    margin: 0 6px
}

.icon_rank_s {
    background-position: 0 -386px
}

.icon_rank_1 {
    background-position: -94px -380px
}

.icon_rank_2 {
    background-position: -288px -272px
}

.icon_rank_3 {
    background-position: -242px -318px
}

.icon_link {
    width: 18px;
    height: 17px;
    background-position: -243px -533px;
    margin: -2px 4px 0
}

.roll-time {
    width: 194px;
    height: 38px;
    line-height: 42px;
    font-size: 12px;
    background-position: -126px -422px;
    color: #fff;
    position: absolute;
    right: -7px;
    top: 26px;
    text-indent: 32px
}

.icon_waiting_big {
    width: 32px;
    height: 32px;
    background-position: 0 -470px
}

.icon_steam_big {
    width: 32px;
    height: 32px;
    background-position: -76px -464px
}

.icon_buff_big {
    width: 32px;
    height: 32px;
    background-position: -313px -356px
}

.icon_mysold_big {
    width: 32px;
    height: 32px;
    background-position: -456px -130px
}

.icon_pos {
    width: 12px;
    height: 17px;
    background-position: -476px -110px;
    margin: -2px 6px 0 0
}

.icon_deal {
    width: 24px;
    height: 24px;
    background-position: -438px -249px
}

.icon_upload {
    width: 24px;
    height: 24px;
    background-position: 0 -504px
}

.icon_delete {
    width: 18px;
    height: 18px;
    background-position: -360px -460px
}

.icon_delete:hover {
    background-position: -393px -433px
}

.icon_uploading {
    width: 30px;
    height: 30px;
    background-position: -406px -249px;
    animation: rotate-L 1.5s linear infinite;
    -webkit-animation: rotate-L 1.5s linear infinite
}

.icon_recommend {
    width: 52px;
    height: 26px;
    background-position: -476px -82px
}

.on.icon_recommend {
    background-position: -142px -462px
}

.icon_top_cur {
    width: 9px;
    height: 5px;
    background-position: -220px -392px
}

.icon_refresh {
    width: 14px;
    height: 14px;
    background-position: -545px -257px;
    margin: -3px 6px 0 0
}

a:hover .icon_refresh {
    background-position: -598px -75px
}

.icon_refresh2 {
    width: 14px;
    height: 14px;
    background-position: -398px -453px;
    margin: -3px 6px 0 0
}

a:hover .icon_refresh2 {
    background-position: -243px -552px
}

.icon_setting {
    width: 14px;
    height: 14px;
    background-position: -536px -278px;
    margin: -3px 6px 0 0
}

a:hover .icon_setting {
    background-position: -604px -18px
}

.icon_shop {
    width: 14px;
    height: 14px;
    background-position: -576px -183px;
    margin: -3px 6px 0 0
}

a:hover .icon_shop {
    background-position: -161px -583px
}

.icon_slide_left {
    background-position: -412px -130px
}

.icon_slide_right {
    background-position: -430px -130px
}

.icon_comment {
    background-position: -180px -579px;
    width: 14px;
    height: 14px
}

.icon_time {
    background-position: -297px -529px;
    width: 14px;
    height: 14px
}

.icon_overpage {
    width: 88px;
    height: 25px;
    background-position: -484px 0
}

.b_default {
    background-position: -586px -22px
}

.on .b_default {
    background-position: -497px -312px
}

.b_0001 {
    background-position: -527px -260px
}

.b_0002 {
    background-position: -180px -561px
}

.b_0003 {
    background-position: -518px -286px
}

.b_0004 {
    background-position: -338px -486px
}

.b_0005 {
    background-position: -452px -329px
}

.b_0006 {
    background-position: -198px -558px
}

.b_0007 {
    background-position: -380px -455px
}

.b_0008 {
    background-position: -109px -584px
}

.b_0009 {
    background-position: -587px -93px
}

.b_0011 {
    background-position: -263px -533px
}

.b_0013 {
    background-position: -22px -594px
}

.b_0014 {
    background-position: -40px -594px
}

.b_0016 {
    background-position: -414px -428px
}

.b_0022 {
    background-position: -578px -145px
}

.tab li {
    width: 170px;
    height: 52px;
    line-height: 52px;
    overflow: hidden
}

.tab li:hover {
    background-position: -312px 0
}

.tab li:active {
    opacity: .5
}

.tab li.on {
    background-position: -304px -76px
}

.icon_balance_bank {
    background-position: -52px -334px;
    width: 44px;
    height: 44px
}

.icon_balance_alipay {
    background-position: -98px -334px;
    width: 44px;
    height: 44px
}

.icon_vault {
    background-position: -144px -334px;
    width: 44px;
    height: 44px
}

.icon_locked_wallet {
    background-position: -242px -272px;
    width: 44px;
    height: 44px
}

.icon_add_2 {
    background-position: -400px -307px;
    width: 24px;
    height: 24px
}

.icon_add_bank {
    background-position: -136px -380px;
    width: 20px;
    height: 20px
}

.icon_add_bank:hover {
    background-position: -178px -380px
}

.icon_add_alipay {
    background-position: -36px -612px;
    width: 14px;
    height: 14px
}

.icon_select_alipay {
    background-position: -90px -498px;
    width: 24px;
    height: 24px;
    margin-bottom: 2px
}

.on .icon_select_alipay {
    background-position: -504px -53px
}

.icon_select_alipay_hover {
    background-position: -504px -53px;
    width: 24px;
    height: 24px
}

.icon_select_bank {
    background-position: -490px -136px;
    width: 24px;
    height: 24px;
    margin-bottom: 2px
}

.on .icon_select_bank {
    background-position: -482px -164px
}

.icon_select_huabei {
    background-position: -116px -496px;
    width: 24px;
    height: 24px;
    margin-bottom: 2px
}

.on .icon_select_huabei {
    background-position: -142px -490px
}

.icon_select_wx_small {
    background-position: -510px -27px;
    width: 24px;
    height: 24px;
    margin-bottom: 2px
}

.on .icon_select_wx_small {
    background-position: -222px -462px
}

.icon_select_huabei_small {
    background-position: -348px -438px;
    width: 20px;
    height: 20px;
    margin-bottom: 2px
}

.on .icon_select_huabei_small {
    background-position: -554px -79px
}

.icon_select_alipay_small {
    background-position: -474px -299px;
    width: 20px;
    height: 20px;
    margin-bottom: 2px
}

.on .icon_select_alipay_small {
    background-position: -316px -464px
}

.icon_select_wy {
    background-position: -432px -281px;
    width: 24px;
    height: 24px;
    margin-bottom: 2px
}

.on .icon_select_wy {
    background-position: -168px -490px
}

.icon_select_bank_small {
    background-position: -154px -540px;
    width: 20px;
    height: 20px;
    margin-bottom: 2px
}

.on .icon_select_bank_small {
    background-position: -510px -238px
}

.icon_expand {
    background-position: -380px -473px;
    width: 16px;
    height: 16px
}

.icon_empty_not_realname {
    background-position: -111px 0;
    width: 199px;
    height: 74px
}

.icon_footer_bank {
    background-position: -522px -213px;
    width: 20px;
    height: 20px
}

.icon_footer_wx {
    width: 20px;
    height: 20px;
    background-position: -534px -183px
}

.icon_footer_alipay {
    background-position: -564px -27px;
    width: 20px;
    height: 20px
}

.icon_all {
    background-position: -110px -464px;
    width: 30px;
    height: 30px
}

.icon_good {
    width: 14px;
    height: 14px;
    background-position: -338px -504px
}

.pinterest-action:hover .icon_good {
    background-position: -432px -428px
}

.on .icon_good,
.on:hover .icon_good {
    background-position: -414px -446px
}

.icon_close {
    width: 40px;
    height: 40px;
    background-position: -42px -422px
}

.icon_close:hover {
    background-position: -288px -314px
}

.icon_refresh_pswp {
    width: 20px;
    height: 20px;
    background-position: -244px -511px
}

span:hover .icon_refresh_pswp {
    background-position: -294px -484px
}

span:active .icon_refresh_pswp {
    background-position: -176px -539px
}

.icon_close_pswp {
    width: 20px;
    height: 20px;
    background-position: -418px -384px
}

span:hover .icon_close_pswp {
    background-position: -443px -355px
}

span:active .icon_close_pswp {
    background-position: -392px -411px
}

.icon_zoom_big_pswp {
    width: 20px;
    height: 20px;
    background-position: -275px -398px
}

span:hover .icon_zoom_big_pswp {
    background-position: -458px -275px
}

span:active .icon_zoom_big_pswp {
    background-position: -270px -462px
}

.icon_zoom_small_pswp {
    width: 20px;
    height: 20px;
    background-position: -142px -516px
}

span:hover .icon_zoom_small_pswp {
    background-position: -530px -79px
}

span:active .icon_zoom_small_pswp {
    background-position: -397px -360px
}

.icon_arrow_right_disabled,
.icon_arrow_right_pswp {
    width: 20px;
    height: 20px;
    background-position: -504px -264px
}

span:hover .icon_arrow_right_pswp {
    background-position: -370px -433px
}

span:active .icon_arrow_right_pswp {
    background-position: -198px -536px
}

.icon_arrow_left_disabled,
.icon_arrow_left_pswp {
    width: 20px;
    height: 20px;
    background-position: -22px -572px
}

span:hover .icon_arrow_left_pswp {
    background-position: -474px -321px
}

span:active .icon_arrow_left_pswp {
    background-position: -564px -101px
}

.icon_bookmark_pswp {
    width: 24px;
    height: 20px;
    background-position: -222px -488px
}

span:hover .icon_bookmark_pswp {
    background-position: -536px -27px
}

.on .icon_bookmark_pswp {
    width: 26px;
    height: 20px;
    background-position: -506px -190px
}

.on:hover .icon_bookmark_pswp {
    background-position: -166px -516px
}

.on:active .icon_bookmark_pswp {
    background-position: -506px -190px
}

.icon_weaponbox_pswp {
    width: 22px;
    height: 23px;
    background-position: -482px -190px
}

span:hover .icon_weaponbox_pswp {
    background-position: -373px -360px
}

span:active .icon_weaponbox_pswp {
    background-position: -464px -242px
}

.icon_inspect_cs2 {
    width: 22.61px;
    height: 15.21px;
    background-position: -596px 0
}

span:hover .icon_inspect_cs2 {
    background-position: -312px -508px
}

span:active .icon_inspect_cs2 {
    background-position: -497px -330px
}

.icon_customview_pswp {
    width: 19.2px;
    height: 24px;
    background-position: -248px -462px
}

span:hover .icon_customview_pswp {
    background-position: -478px -216px
}

span:active .icon_customview_pswp {
    background-position: -26px -524px
}

.icon_slide_left2 {
    width: 40px;
    height: 40px;
    background-position: -330px -272px
}

.icon_slide_left2:hover {
    background-position: 0 -428px
}

.icon_slide_right2 {
    width: 40px;
    height: 40px;
    background-position: -233px -360px
}

.icon_slide_right2:hover {
    background-position: -84px -422px
}

.icon_fav,
.icon_fav2 {
    width: 12px;
    height: 12px;
    background-position: -603px -129px
}

.icon_fav2.on,
.on>.icon_fav {
    background-position: -616px -34px
}

.icon_tranintrs {
    width: 14px;
    height: 14px;
    background-position: -522px -322px
}

.icon_tranintrs2 {
    width: 12px;
    height: 12px;
    background-position: -79px -612px
}

.icon_comment_new {
    width: 40px;
    height: 20px;
    background-position: -114px -562px
}

.icon_comment_hot {
    width: 40px;
    height: 20px;
    background-position: -45px -572px
}

.icon_good2 {
    width: 14px;
    height: 14px;
    background-position: -198px -576px
}

.news-comment-good:hover .icon_good2 {
    background-position: -432px -428px
}

.on .icon_good2,
.on:hover .icon_good2 {
    background-position: -414px -446px
}

.icon_comment_arr {
    width: 16px;
    height: 16px;
    background-position: -58px -594px
}

.i_Text:focus+.icon_comment_arr {
    background-position: -221px -555px
}

.icon_open {
    width: 11px;
    height: 11px;
    background-position: -161px -599px
}

.pinterest-op:hover .icon_open {
    background-position: -620px -18px
}

.icon_packup {
    width: 11px;
    height: 11px;
    background-position: -414px -462px
}

.pinterest-op:hover .icon_packup {
    background-position: -177px -595px
}

.w-Search .icon_search {
    background-position: -94px -602px
}

.w-Search.light .icon_search {
    background-position: -587px -129px
}

.icon-wikiopen {
    width: 11px;
    height: 11px;
    background-position: -538px -310px
}

.wiki-open:hover .icon-wikiopen {
    background-position: -621px 0
}

.wiki-open.on .icon-wikiopen {
    background-position: -522px -337px
}

.wiki-open.on:hover .icon-wikiopen {
    background-position: -253px -568px
}

.icon_grid {
    width: 14px;
    height: 14px;
    background-position: -259px -552px
}

.w-Type:hover .icon_grid {
    background-position: -536px -294px
}

.w-Type.on .icon_grid {
    background-position: -536px -294px
}

.icon_table {
    width: 14px;
    height: 14px;
    background-position: -605px -91px
}

.w-Type:hover .icon_table {
    background-position: -110px -602px
}

.w-Type.on .icon_table {
    background-position: -110px -602px
}

.icon_stick {
    width: 56px;
    height: 37px;
    background-position: -394px -210px
}

.icon_epaycredit {
    width: 36px;
    height: 36px;
    background-position: -111px -76px
}

.icon_zhimacredit {
    width: 36px;
    height: 36px;
    background-position: -275px -360px
}

.icon_epaycredit_small {
    width: 20px;
    height: 20px;
    background-position: -574px 0
}

a:hover .icon_epaycredit_small {
    background-position: -338px -464px
}

.icon_zhimacredit_small {
    width: 20px;
    height: 20px;
    background-position: -496px -290px
}

a:hover .icon_zhimacredit_small {
    background-position: -266px -510px
}

.icon_logo {
    width: 14px;
    height: 14px;
    background-position: -313px -526px
}

.icon_qr {
    width: 50px;
    height: 50px;
    background-position: 0 -334px
}

.icon_up {
    width: 10px;
    height: 14px;
    background-position: -220px -376px
}

.icon_up.c_Red {
    background-position: -394px -249px
}

.icon_down {
    width: 10px;
    height: 14px;
    background-position: -299px -398px
}

.icon_down.c_Green {
    background-position: -565px -145px
}

.icon_warntip {
    width: 20px;
    height: 20px;
    background-position: -221px -533px
}

.icon_warntip:hover {
    background-position: 0 -578px
}

.icon_eye {
    width: 20px;
    height: 20px;
    background-position: -576px -49px
}

.icon_eye:hover {
    background-position: -565px -123px
}

.icon_stickers {
    height: 28px
}

.icon_steam_small {
    width: 20px;
    height: 20px;
    background-position: -87px -572px
}

.login-other a:hover .icon_steam_small {
    background-position: -556px -161px
}

.icon_warn-blue {
    width: 18px;
    height: 18px;
    background-position: -556px -183px
}

.icon_focus {
    width: 16px;
    height: 15px;
    background-position: -587px -111px
}

.icon_focus:hover,
span:hover .icon_focus {
    background-position: -127px -584px
}

.icon_focus:active,
span:active .icon_focus {
    background-position: -554px -227px
}

.icon_focus.on,
.on>.icon_focus {
    background-position: -76px -594px
}

.icon_focus.on:hover,
.on:hover>.icon_focus,
.on>.icon_focus:hover {
    background-position: -598px -40px
}

.icon_focus.on:active,
.on:active>.icon_focus,
.on>.icon_focus:active {
    background-position: -360px -480px
}

.icon_2arrow {
    width: 16px;
    height: 16px;
    background-position: 0 -600px
}

.active .icon_2arrow {
    background-position: -578px -163px
}

.icon_invitebg {
    width: 109px;
    height: 116px;
    background-position: 0 0
}

.icon_expired {
    width: 36px;
    height: 36px;
    background-position: -330px -314px
}

.icon_payment_alipay {
    width: 24px;
    height: 24px;
    background-position: -426px -307px
}

.icon_payment_bank {
    width: 24px;
    height: 24px;
    background-position: -196px -488px
}

.icon_payment_pending {
    width: 24px;
    height: 24px;
    background-position: -322px -416px
}

.icon_payment_others {
    width: 24px;
    height: 24px;
    background-position: -48px -524px
}

.icon_payment_mixed {
    width: 24px;
    height: 24px;
    background-position: -516px -110px
}

.icon_bind_discount {
    width: 12px;
    height: 12px;
    background-position: -596px -160px
}

.icon_bind_right {
    width: 8px;
    height: 8px;
    background-position: -38px -262px
}

.icon_change {
    width: 12px;
    height: 13px;
    background-position: -596px -145px;
    margin: -2px 3px 0 0
}

a:hover .icon_change {
    background-position: -51px -612px
}

.icon_checkbox_big {
    width: 24px;
    height: 24px;
    background-position: -74px -524px
}

li.on .icon_checkbox_big,
li.on:hover .icon_checkbox_big {
    background-position: 0 -530px
}

li:hover .icon_checkbox_big {
    background-position: -530px -53px
}

.icon_3d {
    width: 12px;
    height: 12px;
    background-position: -145px -600px
}

a:hover .icon_3d {
    background-position: -615px -58px
}

.icon_game {
    width: 12px;
    height: 12px;
    background-position: 0 -618px
}

a:hover .icon_game {
    background-position: -378px -489px
}

.icon_3dpersp {
    width: 20px;
    height: 20px;
    background-position: -316px -486px
}

.icon_3dpersp:hover {
    background-position: -576px -71px
}

.icon_spect {
    width: 20px;
    height: 20px;
    background-position: -544px -205px
}

.icon_spect:hover {
    background-position: -532px -235px
}

.icon_vip {
    width: 18px;
    height: 14px;
    background-position: -356px -498px;
    margin: -2px 4px 0 2px
}

.icon_vip_on,
.vip-mark_on .icon_vip {
    background-position: -561px -245px;
    width: 18px;
    height: 14px
}

.icon_discount {
    width: 45px;
    height: 20px;
    background-position: -443px -377px;
    margin: -2px 4px 0 2px
}

.icon_discount_part {
    width: 70px;
    height: 20px;
    background-position: -465px -351px;
    margin: -2px 4px 0 2px
}

.icon_discount_en {
    width: 79px;
    height: 20px;
    background-position: -418px -406px;
    margin: -2px 4px 0 2px
}

.icon_discount_tag {
    width: 47px;
    height: 23px;
    background-position: -516px -136px
}

.icon_discount_tag_en {
    background-position: -369px -386px
}

.icon_discount_red {
    width: 12px;
    height: 12px;
    background-position: -614px -75px
}

.icon_norefunds {
    width: 24px;
    height: 24px;
    background-position: -508px -162px
}

.icon_light {
    width: 12px;
    height: 12px;
    background-position: -605px -107px
}

.icon_checked_hollow {
    width: 16px;
    height: 16px;
    background-position: -518px -304px
}

.icon_checked_hollow_white {
    width: 12px;
    height: 12px;
    background-position: -592px -181px
}

.active .icon_2arrow,
.b_0001,
.b_0002,
.b_0003,
.b_0004,
.b_0005,
.b_0006,
.b_0007,
.b_0008,
.b_0009,
.b_0011,
.b_0013,
.b_0014,
.b_0016,
.b_0022,
.b_default,
.cont_panel .my-menu li,
.cont_panel .my-menu li.on,
.cont_panel .my-menu li:hover,
.focus_dot,
.ht2 .icon_hero_pre,
.ht3 .icon_hero_pre,
.ht4 .icon_hero_pre,
.i_Text:focus+.icon_comment_arr,
.icon-wikiopen,
.icon_2arrow,
.icon_3d,
.icon_3dpersp,
.icon_3dpersp:hover,
.icon_add_2,
.icon_add_alipay,
.icon_add_bank,
.icon_add_bank:hover,
.icon_all,
.icon_arr_big_left,
.icon_arr_big_right,
.icon_arr_down,
.icon_arr_light,
.icon_arr_light_down,
.icon_arr_light_up,
.icon_arr_right_blue,
.icon_arr_right_purple,
.icon_arr_right_red,
.icon_arr_right_small,
.icon_arrow_left,
.icon_arrow_left_disabled,
.icon_arrow_left_pswp,
.icon_arrow_right,
.icon_arrow_right_disabled,
.icon_arrow_right_pswp,
.icon_balance_alipay,
.icon_balance_bank,
.icon_bar_app,
.icon_bar_fav,
.icon_bar_feedback,
.icon_bar_help,
.icon_bar_msg,
.icon_bar_qq,
.icon_bar_support--blue,
.icon_bar_support--gold,
.icon_bar_support--grey,
.icon_bar_weibo,
.icon_bar_weixin,
.icon_bind_discount,
.icon_bind_right,
.icon_bookmark_pswp,
.icon_buff_big,
.icon_card,
.icon_change,
.icon_check,
.icon_check_small,
.icon_checkbox,
.icon_checkbox--green,
.icon_checkbox_big,
.icon_checked_hollow,
.icon_checked_hollow_white,
.icon_close,
.icon_close:hover,
.icon_close_pswp,
.icon_comment,
.icon_comment_arr,
.icon_comment_hot,
.icon_comment_new,
.icon_corner,
.icon_customview_pswp,
.icon_deal,
.icon_delete,
.icon_delete:hover,
.icon_discount,
.icon_discount_en,
.icon_discount_part,
.icon_discount_red,
.icon_discount_tag,
.icon_discount_tag_en,
.icon_down,
.icon_down.c_Green,
.icon_drop,
.icon_drop_small,
.icon_empty_not_realname,
.icon_epaycredit,
.icon_epaycredit_small,
.icon_error_big,
.icon_error_mid,
.icon_expand,
.icon_expired,
.icon_eye,
.icon_eye:hover,
.icon_fav,
.icon_fav2,
.icon_fav2.on,
.icon_focus,
.icon_focus.on,
.icon_focus.on:active,
.icon_focus.on:hover,
.icon_focus:active,
.icon_focus:hover,
.icon_footer_alipay,
.icon_footer_bank,
.icon_footer_wx,
.icon_game,
.icon_gift,
.icon_good,
.icon_good2,
.icon_gotop,
.icon_grid,
.icon_hero_pre,
.icon_info,
.icon_inspect_cs2,
.icon_inspect_down,
.icon_inspect_up,
.icon_invitebg,
.icon_light,
.icon_link,
.icon_lock,
.icon_locked_wallet,
.icon_logo,
.icon_menu_api,
.icon_menu_cart,
.icon_menu_contribute,
.icon_menu_coupon,
.icon_menu_fav,
.icon_menu_feedback,
.icon_menu_gift,
.icon_menu_invite,
.icon_menu_msg,
.icon_menu_repertory,
.icon_menu_setting,
.icon_menu_sold,
.icon_menu_vip,
.icon_menu_wallet,
.icon_mysold_big,
.icon_norefunds,
.icon_open,
.icon_overpage,
.icon_packup,
.icon_payment_alipay,
.icon_payment_bank,
.icon_payment_mixed,
.icon_payment_others,
.icon_payment_pending,
.icon_plus,
.icon_pos,
.icon_qa,
.icon_qa:hover,
.icon_qr,
.icon_radio,
.icon_rank_1,
.icon_rank_2,
.icon_rank_3,
.icon_rank_s,
.icon_recommend,
.icon_reduce,
.icon_refresh,
.icon_refresh2,
.icon_refresh_pswp,
.icon_rental_safety,
.icon_search,
.icon_search_white,
.icon_sel,
.icon_select,
.icon_select_alipay,
.icon_select_alipay_hover,
.icon_select_alipay_small,
.icon_select_bank,
.icon_select_bank_small,
.icon_select_huabei,
.icon_select_huabei_small,
.icon_select_wx_small,
.icon_select_wy,
.icon_setting,
.icon_shop,
.icon_slide_left,
.icon_slide_left2,
.icon_slide_left2:hover,
.icon_slide_right,
.icon_slide_right2,
.icon_slide_right2:hover,
.icon_spect,
.icon_spect:hover,
.icon_status_failed,
.icon_status_progressing,
.icon_status_success,
.icon_status_unchecked,
.icon_status_waiting,
.icon_steam_big,
.icon_steam_small,
.icon_stick,
.icon_success,
.icon_success_big,
.icon_success_mid,
.icon_table,
.icon_time,
.icon_top_cur,
.icon_tranintrs,
.icon_tranintrs2,
.icon_up,
.icon_up.c_Red,
.icon_upload,
.icon_uploading,
.icon_vault,
.icon_vip,
.icon_vip_on,
.icon_waiting_big,
.icon_warn-blue,
.icon_warning_mid,
.icon_warntip,
.icon_warntip:hover,
.icon_weaponbox_pswp,
.icon_zhimacredit,
.icon_zhimacredit_small,
.icon_zoom_big_pswp,
.icon_zoom_small_pswp,
.list_card_small .icon_check,
.list_card_small .on .icon_check,
.login-other a:hover .icon_steam_small,
.lv-high,
.lv-normal,
.lv-super,
.lv-text-high,
.lv-text-normal,
.lv-text-super,
.my-menu li,
.my-menu li.on,
.my-menu li:hover,
.news-comment-good:hover .icon_good2,
.on .b_default,
.on .focus_dot,
.on .icon_bookmark_pswp,
.on .icon_check,
.on .icon_check_small,
.on .icon_drop,
.on .icon_drop_small,
.on .icon_good,
.on .icon_good2,
.on .icon_menu_api,
.on .icon_menu_contribute,
.on .icon_menu_coupon,
.on .icon_menu_fav,
.on .icon_menu_gift,
.on .icon_menu_invite,
.on .icon_menu_msg,
.on .icon_menu_setting,
.on .icon_menu_vip,
.on .icon_menu_wallet,
.on .icon_sel,
.on .icon_select_alipay,
.on .icon_select_alipay_small,
.on .icon_select_bank,
.on .icon_select_bank_small,
.on .icon_select_huabei,
.on .icon_select_huabei_small,
.on .icon_select_wx_small,
.on .icon_select_wy,
.on.icon_recommend,
.on:active .icon_bookmark_pswp,
.on:active>.icon_focus,
.on:hover .icon_bookmark_pswp,
.on:hover .icon_good,
.on:hover .icon_good2,
.on:hover>.icon_focus,
.on:not(.nav-expand) .icon_arr_light,
.on>.icon_checkbox,
.on>.icon_checkbox--green,
.on>.icon_fav,
.on>.icon_focus,
.on>.icon_focus:active,
.on>.icon_focus:hover,
.on>.icon_radio,
.pinterest-action:hover .icon_good,
.pinterest-op:hover .icon_open,
.pinterest-op:hover .icon_packup,
.roll-time,
.showdrop .icon_arr_light,
.tab li.on,
.tab li:hover,
.tag_reduce .icon_order,
.tag_rise .icon_order,
.tb-Order.w-Order_asc .icon_order,
.tb-Order.w-Order_des .icon_order,
.ui-datepicker-next::after,
.ui-datepicker-prev::before,
.ui-datepicker-title::after,
.vip-mark_on .icon_vip,
.w-Order_asc .icon_order,
.w-Order_des .icon_order,
.w-Search .icon_search,
.w-Search.light .icon_search,
.w-Select-Multi .hover .icon_drop,
.w-Select-Multi li .icon_drop,
.w-Type.on .icon_grid,
.w-Type.on .icon_table,
.w-Type:hover .icon_grid,
.w-Type:hover .icon_table,
.w-date-drop-header--select .icon_drop,
.w-date-drop-header--select.on .icon_drop,
.wiki-open.on .icon-wikiopen,
.wiki-open.on:hover .icon-wikiopen,
.wiki-open:hover .icon-wikiopen,
a:active .icon_inspect_down,
a:active .icon_inspect_up,
a:active .icon_menu_api,
a:active .icon_menu_contribute,
a:active .icon_menu_coupon,
a:active .icon_menu_fav,
a:active .icon_menu_feedback,
a:active .icon_menu_gift,
a:active .icon_menu_invite,
a:active .icon_menu_msg,
a:active .icon_menu_setting,
a:active .icon_menu_vip,
a:active .icon_menu_wallet,
a:hover .icon_3d,
a:hover .icon_change,
a:hover .icon_epaycredit_small,
a:hover .icon_game,
a:hover .icon_inspect_down,
a:hover .icon_inspect_up,
a:hover .icon_menu_api,
a:hover .icon_menu_contribute,
a:hover .icon_menu_coupon,
a:hover .icon_menu_fav,
a:hover .icon_menu_gift,
a:hover .icon_menu_invite,
a:hover .icon_menu_msg,
a:hover .icon_menu_setting,
a:hover .icon_menu_vip,
a:hover .icon_menu_wallet,
a:hover .icon_refresh,
a:hover .icon_refresh2,
a:hover .icon_setting,
a:hover .icon_shop,
a:hover .icon_zhimacredit_small,
li.on .icon_checkbox_big,
li.on:hover .icon_checkbox_big,
li:hover .icon_checkbox_big,
span.on:hover .icon_checkbox,
span:active .icon_arrow_left_pswp,
span:active .icon_arrow_right_pswp,
span:active .icon_close_pswp,
span:active .icon_customview_pswp,
span:active .icon_focus,
span:active .icon_inspect_cs2,
span:active .icon_refresh_pswp,
span:active .icon_weaponbox_pswp,
span:active .icon_zoom_big_pswp,
span:active .icon_zoom_small_pswp,
span:hover .icon_arrow_left_pswp,
span:hover .icon_arrow_right_pswp,
span:hover .icon_bookmark_pswp,
span:hover .icon_checkbox,
span:hover .icon_close_pswp,
span:hover .icon_customview_pswp,
span:hover .icon_focus,
span:hover .icon_inspect_cs2,
span:hover .icon_refresh_pswp,
span:hover .icon_weaponbox_pswp,
span:hover .icon_zoom_big_pswp,
span:hover .icon_zoom_small_pswp {
    background-image: url(/img/icon.less.png?20260709144434)
}

.pubg-selType .icon {
    width: 32px;
    height: 32px
}

.pubg_footwear {
    background-position: -34px 0
}

.pubg_crates {
    background-position: 0 -35px
}

.pubg_gloves {
    background-position: -34px -34px
}

.pubg_headgear {
    background-position: -68px 0
}

.pubg_jackets {
    background-position: 0 -69px
}

.pubg_bottoms {
    background-position: -68px -34px
}

.pubg_face,
.pubg_masks {
    background-position: -34px -68px
}

.pubg_eyewear {
    background-position: 0 0
}

.pubg_shirts {
    background-position: -68px -68px
}

.pubg_weapons {
    background-position: -102px 0
}

.packagebox .icon {
    width: 12px;
    height: 12px
}

.icon_corner_red {
    background-position: 0 -103px
}

.icon_corner_blue {
    background-position: -14px -103px
}

.icon_corner_purple1 {
    background-position: -28px -103px
}

.icon_corner_purple2 {
    background-position: -102px -34px
}

.icon_corner_gray1 {
    background-position: -42px -102px
}

.icon_corner_gray2 {
    background-position: -102px -48px
}

.icon_corner_green {
    background-position: -56px -102px
}

.icon_corner_yellow {
    background-position: 0 -117px
}

.icon_corner_blue,
.icon_corner_gray1,
.icon_corner_gray2,
.icon_corner_green,
.icon_corner_purple1,
.icon_corner_purple2,
.icon_corner_red,
.icon_corner_yellow,
.pubg_bottoms,
.pubg_crates,
.pubg_eyewear,
.pubg_face,
.pubg_footwear,
.pubg_gloves,
.pubg_headgear,
.pubg_jackets,
.pubg_masks,
.pubg_shirts,
.pubg_weapons {
    background-image: url(../images/sprite/icon_pubg.less.png?20260709144434)
}

.h1z1-selType .icon {
    width: 32px;
    height: 32px
}

.h1z1_s1 {
    background-position: 0 0
}

.h1z1_s2 {
    background-position: -34px 0
}

.h1z1_s3 {
    background-position: 0 -34px
}

.h1z1_s4 {
    background-position: -34px -34px
}

.h1z1_s5 {
    background-position: 0 -68px
}

.h1z1_s6 {
    background-position: -68px 0
}

.h1z1_s7 {
    background-position: -68px -34px
}

.h1z1_s8 {
    background-position: -34px -68px
}

.h1z1_s9 {
    background-position: -68px -68px
}

.h1z1_s1,
.h1z1_s2,
.h1z1_s3,
.h1z1_s4,
.h1z1_s5,
.h1z1_s6,
.h1z1_s7,
.h1z1_s8,
.h1z1_s9 {
    background-image: url(../images/sprite/icon_h1z1.less.png?20260709144434)
}

.icon_csgo_tool_sticker {
    background-position: 0 0
}

.icon_csgo_type_knife {
    background-position: -34px 0
}

.icon_csgo_type_machinegun {
    background-position: 0 -34px
}

.icon_csgo_type_other {
    background-position: -34px -34px
}

.icon_csgo_type_pistol {
    background-position: 0 -68px
}

.icon_csgo_type_rifle {
    background-position: -68px 0
}

.icon_csgo_type_shotgun {
    background-position: -68px -34px
}

.icon_csgo_type_smg {
    background-position: -34px -68px
}

.icon_csgo_type_weaponcase {
    background-position: -68px -68px
}

.icon_type_hands {
    background-position: -102px 0
}

.icon_csgo_type_customplayer {
    background-position: 0 -102px
}

.icon_csgo_type_charm {
    background-position: -34px -102px
}

.icon_csgo_tool_sticker,
.icon_csgo_type_charm,
.icon_csgo_type_customplayer,
.icon_csgo_type_knife,
.icon_csgo_type_machinegun,
.icon_csgo_type_other,
.icon_csgo_type_pistol,
.icon_csgo_type_rifle,
.icon_csgo_type_shotgun,
.icon_csgo_type_smg,
.icon_csgo_type_weaponcase,
.icon_type_hands {
    background-image: url(../images/sprite/icon_csgo.less.png?20260709144434)
}

.tf2-selType .icon {
    width: 48px;
    height: 48px
}

.tf2-selType .item p {
    padding: 4px 0 12px !important
}

.tf2_s1 {
    background-position: -100px -100px
}

.tf2_s2 {
    background-position: 0 0
}

.tf2_s3 {
    background-position: -50px 0
}

.tf2_s4 {
    background-position: 0 -50px
}

.tf2_s5 {
    background-position: -50px -50px
}

.tf2_s6 {
    background-position: 0 -100px
}

.tf2_s7 {
    background-position: -100px 0
}

.tf2_s8 {
    background-position: -100px -50px
}

.tf2_s9 {
    background-position: -50px -100px
}

.tf2_s1,
.tf2_s2,
.tf2_s3,
.tf2_s4,
.tf2_s5,
.tf2_s6,
.tf2_s7,
.tf2_s8,
.tf2_s9 {
    background-image: url(../images/sprite/icon_tf2.less.png?20260709144434)
}

.g101-selType {
    height: 80px !important
}

.g101-selType .icon {
    width: 32px;
    height: 32px
}

.g101-selType .item {
    width: 80px !important;
    height: 72px !important;
    padding: 8px 0 0 !important;
    margin-right: 40px !important
}

.g101-selType .item p {
    padding: 4px 0 4px !important
}

.g101-selType .item ul {
    top: 80px !important
}

.g101-selType .item ul:last-child {
    left: auto !important;
    right: auto !important
}

.g101_s1 {
    background-position: 0 0
}

.g101_s2 {
    background-position: 0 -34px
}

.g101_s3 {
    background-position: -35px 0
}

.g101_s4 {
    background-position: -35px -34px
}

.g101_s1,
.g101_s2,
.g101_s3,
.g101_s4 {
    background-image: url(../images/sprite/icon_g101.less.png?20260709144434)
}

.rust-selType .icon {
    width: 48px;
    height: 48px
}

.rust-selType .item p {
    padding: 4px 0 12px !important
}

.rust_s1 {
    background-position: 0 0
}

.rust_s2 {
    background-position: -50px 0
}

.rust_s3 {
    background-position: 0 -50px
}

.rust_s4 {
    background-position: -50px -50px
}

.rust_s5 {
    background-position: 0 -100px
}

.rust_s1,
.rust_s2,
.rust_s3,
.rust_s4,
.rust_s5 {
    background-image: url(../images/sprite/icon_rust.less.png?20260709144434)
}

.i_Btn_vip {
    background: no-repeat;
    background-position: 0 0;
    width: 184px;
    height: 52px;
    display: inline-block
}

.i_Btn_vip:hover {
    background-position: 0 -54px
}

.icon_mode_card {
    width: 24px;
    height: 24px;
    background-position: 0 -108px
}

.icon_mode_card.on {
    background-position: -26px -108px
}

.icon_mode_list {
    width: 24px;
    height: 24px;
    background-position: -52px -108px
}

.icon_mode_list.on {
    background-position: -78px -108px
}

.icon_zoom {
    width: 22px;
    height: 22px;
    background: rgba(168, 168, 174, .4);
    background-position: 0 -134px;
    box-sizing: border-box;
    border: 1px solid rgba(78, 76, 89, .4)
}

.icon_zoom:hover {
    border: 1px solid rgba(255, 255, 255, .4)
}

.i_Btn_vip,
.i_Btn_vip:hover,
.icon_mode_card,
.icon_mode_card.on,
.icon_mode_list,
.icon_mode_list.on,
.icon_zoom {
    background-image: url(../images/sprite/icon_2021.less.png?20260709144434)
}

.icon2x {
    display: inline-block;
    overflow: hidden;
    vertical-align: middle;
    background-repeat: no-repeat !important;
    background-size: contain !important;
    background-position: center
}

.icon_wx_white {
    background-image: url(../images/2x/icon_wechatpay_white.png);
    width: 20px;
    height: 20px;
    margin: -2px 4px 0 0
}

.icon_wx_green {
    background-image: url(../images/2x/icon_wechatpay_green.png);
    width: 16px;
    height: 16px;
    margin: -2px 4px 0 0
}

.icon_wy_white {
    background-image: url(../images/2x/icon_neteasepay_white.png);
    width: 20px;
    height: 20px;
    margin: -2px 4px 0 0
}

.icon_wy_red {
    background-image: url(../images/2x/icon_neteasepay_red.png);
    width: 16px;
    height: 16px;
    margin: -2px 4px 0 0
}

.icon_balance_account {
    background-image: url(../images/2x/icon_wallet_buffwallet.png);
    width: 30px;
    height: 36px;
    margin: 6px 0 0
}

.icon_balance_lock {
    background-image: url(../images/2x/icon_wallet_locked.png);
    width: 44px;
    height: 44px
}

.icon_autoreceive {
    background-image: url(../images/2x/icon_autoreceive.png);
    width: 16px;
    height: 16px;
    margin: -2px 2px 0
}

.icon_fold {
    width: 12px;
    height: 12px;
    background-image: url(../images/2x/icon_fold.svg)
}

.icon_expand_reply {
    width: 6px;
    height: 6px;
    background-image: url(../images/2x/icon_expand_reply.svg)
}

.icon_status_pending {
    background: url(../images/2x/icon_status_pending.png);
    width: 11px;
    height: 11px;
    margin: -2px 6px 0 0
}

.icon_copy {
    background-image: url(../images/2x/icon_copy_12@2x.png);
    width: 12px;
    height: 12px;
    margin: -2px 2px 0
}

.icon_custom_view_inspect {
    width: 16px;
    height: 16px;
    margin-right: 4px;
    background-image: url(../images/2x/icon_customview_inspect_normal.svg)
}

.icon_view_grid {
    width: 16px;
    height: 16px;
    background: url(../images/custom_inspect/icon_view_grid.svg)
}

.icon_view_list {
    width: 16px;
    height: 16px;
    background: url(../images/custom_inspect/icon_view_list.svg)
}

.icon_close_svg {
    background-image: url(../images/2x/24_close_normal.svg);
    width: 24px;
    height: 24px
}

.icon_close_light {
    width: 20px;
    height: 20px;
    background-image: url(../images/2x/icon_close_light.svg)
}

.icon_add {
    width: 20px;
    height: 20px;
    background-image: url(../images/2x/icon_add.png)
}

.icon_increase {
    width: 20px;
    height: 20px;
    background-image: url(../images/2x/icon_increase.png)
}

.icon_close_light:hover,
a:hover>.icon_close_light,
span:hover>.icon_close_light {
    background-image: url(../images/2x/icon_close_light_hover.svg)
}

.icon_close_light:active,
a:active>.icon_close_light,
span:active>.icon_close_light {
    background-image: url(../images/2x/icon_close_light_pressed.svg)
}

.icon_clear {
    width: 16px;
    height: 16px;
    background-image: url(../images/2x/icon_clear_normal.png);
    background-size: 100%
}

.icon_clear:hover,
a:hover>.icon_clear,
span:hover>.icon_clear {
    background-image: url(../images/2x/icon_clear_hover.png)
}

.icon_clear:hover,
a:active>.icon_clear,
span:active>.icon_clear {
    background-image: url(../images/2x/icon_clear_selected.png)
}

.icon_clear_spread {
    width: 24px;
    height: 24px;
    background-image: url(../images/custom_inspect/icon_clear_spread.svg);
    background-size: 22px;
    background-position: 1px
}

.icon_close_svg:hover,
a:hover .icon_close_svg,
span:hover .icon_close_svg {
    background-image: url(../images/2x/24_close_hover.svg)
}

.icon_close_svg:active,
a:active .icon_close_svg,
span:active .icon_close_svg {
    background-image: url(../images/2x/24_close_pressed.svg)
}

.icon_share_svg {
    background-image: url(../images/2x/24_forward_normal.svg);
    width: 24px;
    height: 24px
}

.icon_share_svg:hover,
a:hover .icon_share_svg,
span:hover .icon_share_svg {
    background-image: url(../images/2x/24_forward_hover.svg)
}

.icon_share_svg:active,
a:active .icon_share_svg,
span:active .icon_share_svg {
    background-image: url(../images/2x/24_forward_pressed.svg)
}

.icon_share_light {
    width: 20px;
    height: 20px;
    background-image: url(../images/2x/icon_share_light.svg)
}

.icon_share_light:hover,
a:hover>.icon_share_light,
span:hover>.icon_share_light {
    background-image: url(../images/2x/icon_share_light_hover.svg)
}

.icon_share_light:active,
a:active>.icon_share_light,
span:active>.icon_share_light {
    background-image: url(../images/2x/icon_share_light_pressed.svg)
}

.icon_bargaining_message_svg {
    background-image: url(../images/2x/icon_bargaining_message_normal.svg);
    width: 24px;
    height: 24px
}

.icon_bargaining_message_svg_h {
    background-image: url(../images/2x/icon_bargaining_message_normal_h.svg);
    width: 24px;
    height: 24px
}

.icon_bargaining_message_svg_close {
    background-image: url(../images/2x/icon_bargaining_message_close.svg);
    width: 24px;
    height: 24px
}

.icon_bargaining_message_isread {
    background-image: url(../images/2x/icon_bargaining_message_isread.svg);
    width: 16px;
    height: 16px
}

.icon_bargaining_message_noread {
    background-image: url(../images/2x/icon_bargaining_message_noread.svg);
    width: 16px;
    height: 16px
}

.icon_bargaining_message_ly {
    background-image: url(../images/2x/icon_bargaining_message_ly.svg);
    width: 24px;
    height: 24px
}

.icon_bargaining_message_bq {
    background-image: url(../images/2x/icon_bargaining_message_bq.svg);
    width: 24px;
    height: 24px
}

.icon_bargaining_message_buy {
    background-image: url(../images/2x/icon_bargaining_message_buy.svg);
    width: 24px;
    height: 24px
}

.icon_3d_big {
    background-image: url(../images/2x/icon_goodsdetail_16_3dinspect_normal.png);
    width: 16px;
    height: 16px
}

span:hover small>.icon_3d_big {
    background-image: url(../images/2x/icon_goodsdetail_16_3dinspect_hover.png)
}

span:active small>.icon_3d_big {
    background-image: url(../images/2x/16_3Dinspect_pressed.png)
}

.icon_shoot {
    background-image: url(../images/2x/16_inspect_normal.png);
    width: 16px;
    height: 16px
}

span:hover small>.icon_shoot {
    background-image: url(../images/2x/16_inspect_hover.png)
}

span:active small>.icon_shoot {
    background-image: url(../images/2x/16_inspect_pressed.png)
}

.icon_s span:hover small>.icon2x_inspect_commodity {
    background-image: url(../images/2x/inspect_commodity_hover.svg)
}

span small>.icon2x_inspect_commodity_cs2 {
    opacity: 1;
    width: 16px;
    height: 16px;
    background: url(../images/2x/16_inspect_cs2_normal.png)
}

span:hover small>.icon2x_inspect_commodity_cs2 {
    background: url(../images/2x/16_inspect_cs2_hover.png)
}

span:active small>.icon2x_inspect_commodity_cs2 {
    background: url(../images/2x/16_inspect_cs2_pressed.png)
}

.icon_zoom_big {
    background-image: url(../images/2x/icon_goodsdetail_24_zoom_normal.png);
    width: 24px;
    height: 24px;
    cursor: pointer
}

.icon_zoom_big:hover,
.shalow-btn-green--icon .icon_zoom_big,
a:hover>.icon_zoom_big,
span:hover>.icon_zoom_big {
    background-image: url(../images/2x/icon_goodsdetail_24_zoom_hover.png)
}

.icon_zoom_big:active,
a:active>.icon_zoom_big,
span:active>.icon_zoom_big {
    background-image: url(../images/2x/16_zoom_pressed.png)
}

.icon_inspect {
    width: 20px;
    height: 20px;
    background-image: url(../images/2x/icon_inspect.svg)
}

.icon_inspecting {
    width: 20px;
    height: 20px;
    background-image: url(../images/2x/icon_inspecting.svg)
}

.icon_drop_black {
    width: 10px;
    height: 10px;
    background-image: url(../images/2x/icon_arr_black.svg)
}

.icon_arr_up_big {
    background-image: url(../images/2x/icon_goodsdetail_16_up_normal.png);
    width: 16px;
    height: 16px
}

span:hover>.icon_arr_up_big {
    background-image: url(../images/2x/icon_goodsdetail_16_up_hover.png)
}

.icon_arr_down_big {
    background-image: url(../images/2x/icon_goodsdetail_16_up_normal.png);
    width: 16px;
    height: 16px;
    transform: rotate(180deg)
}

span:hover>.icon_arr_down_big {
    background-image: url(../images/2x/icon_goodsdetail_16_up_hover.png)
}

.icon_view_big {
    width: 16px;
    height: 16px;
    background-image: url(../images/2x/icon_goodsdetail_16_viewed.svg)
}

.icon_collection_big {
    width: 16px;
    height: 16px;
    background-image: url(../images/2x/icon_goodsdetail_16_collectionnum.svg)
}

.icon_bargained_big {
    width: 16px;
    height: 16px;
    background-image: url(../images/2x/icon_goodsdetail_16_bargainednum.svg)
}

.icon_spread_big {
    width: 16px;
    height: 16px;
    background-image: url(../images/2x/icon_goodsdetail_16_spread_normal.svg)
}

.icon_spread_big:hover,
span:hover .icon_spread_big {
    background-image: url(../images/2x/icon_goodsdetail_16_spread_hover.svg)
}

.icon_spread_big:active,
span:active .icon_spread_big {
    background-image: url(../images/2x/icon_goodsdetail_16_spread_normal.svg)
}

.icon_share_big {
    width: 16px;
    height: 16px;
    background-image: url(../images/2x/icon_goodsdetail_16_share_normal.svg)
}

.icon_share_big:hover,
span:hover .icon_share_big {
    background-image: url(../images/2x/icon_goodsdetail_16_share_hover.svg)
}

.icon_share_big:active,
span:active .icon_share_big {
    background-image: url(../images/2x/icon_goodsdetail_16_share_normal.svg)
}

.icon_refresh_gray {
    width: 14px;
    height: 14px;
    background-image: url(../images/2x/16_refresh_normal.png);
    margin: -2px 6px 0 0
}

a:hover .icon_refresh_gray {
    background-image: url(../images/2x/16_refresh_hover.png)
}

a:active .icon_refresh_gray {
    background-image: url(../images/2x/16_refresh_pressed.png)
}

.icon_refresh_normal {
    width: 12px;
    height: 12px;
    background-image: url(../images/2x/icon_refresh_normal.png);
    margin: -2px 6px 0 0
}

a:hover .icon_refresh_normal {
    background-image: url(../images/2x/16_refresh_normal.png)
}

a:active .icon_refresh_normal {
    background-image: url(../images/2x/16_refresh_pressed.png)
}

.icon_unfold {
    width: 16px;
    height: 16px;
    background: url(../images/2x/icon_unfold_normal.png)
}

.icon_fold {
    width: 16px;
    height: 16px;
    background: url(../images/2x/icon_fold_normal.png)
}

.icon_market_fold {
    width: 12px;
    height: 12px;
    background: url(../images/2x/icon_market_fold.png)
}

.icon_take_the_lead {
    width: 42px;
    height: 16px;
    background-image: url(../images/2x/icon_take_the_lead.png)
}

.icon_out {
    width: 28px;
    height: 28px;
    background-image: url(../images/2x/icon_out.png)
}

.icon_process_line {
    width: 10px;
    height: 10px;
    background-image: url(../images/2x/icon_process_line.png)
}

.icon_current_process {
    width: 10px;
    height: 10px;
    background-image: url(../images/2x/icon_current_process.png)
}

.icon_bidding {
    width: 32px;
    height: 32px;
    background-image: url(../images/2x/icon_bidding.png)
}

.icon_process_arrow {
    width: 16px;
    height: 7px;
    background-image: url(../images/2x/icon_process_arrow.png)
}

.icon_bid_top {
    width: 32px;
    height: 32px;
    background-image: url(../images/2x/icon_bid_top.png)
}

.icon_bid_pricing {
    width: 32px;
    height: 32px;
    background-image: url(../images/2x/icon_bid_pricing.png)
}

.icon_buyout {
    width: 32px;
    height: 32px;
    background-image: url(../images/2x/icon_buyout.png)
}

.icon_bid_stop {
    width: 32px;
    height: 32px;
    background-image: url(../images/2x/icon_bid_stop.png)
}

.icon_bid_dilivery {
    width: 32px;
    height: 32px;
    background-image: url(../images/2x/icon_bid_dilivery.png)
}

.icon_decreasel {
    width: 10px;
    height: 10px;
    background-image: url(../images/2x/icon_decreasel.png)
}

a:hover .icon_decreasel {
    background-image: url(../images/2x/icon_decreasel_hover.png)
}

a:active .icon_decreasel {
    background-image: url(../images/2x/icon_decreasel_pressed.png)
}

.icon_increase {
    width: 10px;
    height: 10px;
    background-image: url(../images/2x/icon_increase.png)
}

a:hover .icon_increase {
    background-image: url(../images/2x/icon_increase_hover.png)
}

a:active .icon_increase {
    background-image: url(../images/2x/icon_increase_pressed.png)
}

.icon_help {
    width: 12px;
    height: 12px;
    background-image: url(../images/2x/icon_help.png)
}

.icon_help:hover {
    background-image: url(../images/2x/icon_help_hover.png)
}

.icon_oval {
    width: 11px;
    height: 11px;
    background-image: url(../images/2x/icon_oval.png)
}

.icon_due {
    width: 11px;
    height: 11px;
    background-image: url(../images/2x/icon_due.png)
}

.icon_cooldown {
    width: 12px;
    height: 12px;
    background-image: url(../images/2x/icon_cooldown.png)
}

.icon_warning_svg {
    background-image: url(../images/2x/32_alert.svg);
    width: 32px;
    height: 32px
}

.icon_success_svg {
    background-image: url(../images/2x/32_success.svg);
    width: 32px;
    height: 32px
}

.icon_weaponbox {
    background-image: url(../images/2x/icon_gotocollection_normal.svg);
    width: 12px;
    height: 12px;
    cursor: pointer;
    margin: -2px 4px 0
}

.icon_weaponbox:hover {
    background-image: url(../images/2x/icon_gotocollection_hover.svg)
}

.icon_weaponbox:active {
    background-image: url(../images/2x/icon_gotocollection_pressed.svg)
}

.icon_paintseed {
    width: 24px;
    height: 24px;
    background-image: url(../images/2x/icon_paintseed_normal.svg);
    cursor: pointer
}

.icon_paintseed:hover {
    background-image: url(../images/2x/icon_paintseed_hover.svg)
}

.icon_paintseed:active {
    background-image: url(../images/2x/icon_paintseed_pressed.svg)
}

.icon_customview {
    background-image: url(../images/2x/12_customview_normal.svg);
    width: 12px;
    height: 12px;
    cursor: pointer;
    margin: -2px 4px 0
}

.detail-pic .icon-list {
    position: absolute;
    bottom: 16px;
    left: 16px;
    z-index: 3;
    display: flex;
    gap: 16px
}

.detail-pic .icon_weaponbox {
    width: 24px;
    height: 24px;
    margin: 0
}

.icon_clipboard {
    width: 16px;
    height: 16px;
    background: url(../images/2x/16_clipboard_normal.svg);
    cursor: pointer;
    opacity: .8
}

.icon_clipboard:hover {
    opacity: 1
}

.icon_good_delete {
    width: 16px;
    height: 16px;
    background: url(../images/2x/16_delete_normal.svg);
    cursor: pointer;
    opacity: .8
}

.icon_good_delete:hover {
    opacity: 1
}

.icon_clean {
    width: 16px;
    height: 16px;
    background: url(../images/2x/16_icon_clean.svg);
    cursor: pointer;
    opacity: .8
}

.icon_clean:hover {
    opacity: 1
}

.icon_clean:active {
    opacity: .8
}

.icon_checked {
    width: 32px;
    height: 32px;
    background: url(../images/2x/32_checked.svg)
}

.icon_spread {
    width: 32px;
    height: 32px;
    cursor: pointer;
    background-image: url(../images/2x/icon_spread_normal.svg)
}

.icon_spread:hover {
    background-image: url(../images/2x/icon_spread_hover.svg) !important
}

.icon_spread:active {
    background-image: url(../images/2x/icon_spread_pressed.svg) !important
}

.icon2x_status_success {
    width: 16px;
    height: 16px;
    background: url(../images/2x/icon2x_status_success.png)
}

.icon2x_status_unchecked {
    width: 16px;
    height: 16px;
    background: url(../images/2x/icon2x_status_unchecked.png)
}

.icon_return {
    width: 16px;
    height: 16px;
    background: url(../images/2x/icon_return_dark_normal.png)
}

.icon2x_frame {
    width: 14px;
    height: 20px;
    background-image: url(../images/2x/icon2x_frame.png)
}

.icon_calculator {
    width: 20px;
    height: 20px;
    background-image: url(../images/2x/icon_calculator.png)
}

a:hover .icon_calculator {
    background-image: url(../images/2x/icon_calculator_hover.png)
}

a:active .icon_calculator {
    background-image: url(../images/2x/icon_calculator_hover.png)
}

.icon_idcard {
    width: 40px;
    height: 40px;
    background: url(../images/2x/40_idcard.png);
    margin: -2px 8px 0 0
}

.icon_passport {
    width: 40px;
    height: 40px;
    background: url(../images/2x/40_passport.png);
    margin: -2px 8px 0 0
}

.icon_zignsec {
    width: 62px;
    height: 20px;
    background: url(../images/2x/zignsec.png);
    position: absolute;
    left: 10px;
    top: 10px
}

.icon_kyc {
    width: 64px;
    height: 64px;
    background: url(../images/2x/64_kyc.png)
}

.icon_buffmanual {
    width: 64px;
    height: 64px;
    background: url(../images/2x/64_buffmanual.png)
}

.icon2x_export {
    width: 14px;
    height: 14px;
    background: url(../images/2x/14_export.svg)
}

.icon2x_shop {
    width: 14px;
    height: 14px;
    background: url(../images/2x/14_myshop.svg)
}

.icon2x_setting {
    width: 14px;
    height: 14px;
    background: url(../images/2x/14_shopsetting.svg)
}

.icon2x_setting_grey {
    width: 14px;
    height: 14px;
    background: url(../images/2x/14_shopsetting_grey.svg)
}

.icon2x_setting_grey:hover,
a:hover .icon2x_setting_grey,
span:hover .icon2x_setting_grey {
    background-image: url(../images/2x/14_shopsetting_grey_hover.svg)
}

.icon2x_setting_grey:active,
a:active .icon2x_setting_grey,
span:active .icon2x_setting_grey {
    background-image: url(../images/2x/14_shopsetting_grey_pressed.svg)
}

.icon2x_inspect_commodity {
    width: 18px;
    height: 18px;
    background: url(../images/2x/inspect_commodity_normal.svg)
}

.icon2x_inspect_commodity_cs2 {
    width: 20px;
    height: 20px;
    background: url(../images/2x/20_inspect_cs2_hover.png);
    opacity: .8
}

.icon2x_inspect_commodity_cs2:hover {
    opacity: 1
}

.icon2x_unlock {
    width: 20px;
    height: 20px;
    background: url(../images/2x/20_unlock.png);
    opacity: .8
}

.icon2x_unlock:hover {
    opacity: 1
}

.icon2x_locked {
    width: 20px;
    height: 20px;
    background: url(../images/2x/20_locked.png);
    opacity: .8
}

.icon2x_locked:hover {
    opacity: 1
}

.icon2x_examine {
    width: 18px;
    height: 18px;
    background: url(../images/2x/icon_examine.svg)
}

.icon2x_examine:hover {
    background: url(../images/2x/icon_examine_hover.svg)
}

.icon2x_examine:active {
    background: url(../images/2x/icon_examine_pressed.svg)
}

.icon_small_yes {
    width: 14px;
    height: 14px;
    background: url(../images/2x/12_icon_yes.svg)
}

.icon_small_no {
    width: 14px;
    height: 14px;
    background: url(../images/2x/12_icon_no.svg)
}

.icon_stack {
    width: 16px;
    height: 16px;
    background: url(../images/2x/16_stack.svg);
    margin: -2px 0 0
}

.icon_stattrak {
    width: 64px;
    height: 64px;
    background: url(../images/2x/icon_stattrak.png)
}

.icon_vip_lv1 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv1.svg)
}

.icon_vip_lv2 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv2.svg)
}

.icon_vip_lv3 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv3.svg)
}

.icon_vip_lv4 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv4.svg)
}

.icon_vip_lv5 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv5.svg)
}

.icon_vip_lv6 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv6.svg)
}

.icon_vip_lv7 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv7.svg)
}

.icon_vip_lv8 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv8.svg)
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv8 {
    background-image: url(../images/vip/vip_card_lv8.png)
}

.user-vip-level.lv8 .level-progress-bar {
    background-color: #f4bb38
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv7 {
    background-image: url(../images/vip/vip_card_lv7.png)
}

.user-vip-level.lv7 .level-progress-bar {
    background-color: #eb9595
}

.icon_vip_lv8 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv8.svg)
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv8 {
    background-image: url(../images/vip/vip_card_lv8.png)
}

.user-vip-level.lv8 .level-progress-bar {
    background-color: #f4bb38
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv6 {
    background-image: url(../images/vip/vip_card_lv6.png)
}

.user-vip-level.lv6 .level-progress-bar {
    background-color: #c593e4
}

.icon_vip_lv7 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv7.svg)
}

.icon_vip_lv8 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv8.svg)
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv8 {
    background-image: url(../images/vip/vip_card_lv8.png)
}

.user-vip-level.lv8 .level-progress-bar {
    background-color: #f4bb38
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv7 {
    background-image: url(../images/vip/vip_card_lv7.png)
}

.user-vip-level.lv7 .level-progress-bar {
    background-color: #eb9595
}

.icon_vip_lv8 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv8.svg)
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv8 {
    background-image: url(../images/vip/vip_card_lv8.png)
}

.user-vip-level.lv8 .level-progress-bar {
    background-color: #f4bb38
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv5 {
    background-image: url(../images/vip/vip_card_lv5.png)
}

.user-vip-level.lv5 .level-progress-bar {
    background-color: #cfb1ff
}

.icon_vip_lv6 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv6.svg)
}

.icon_vip_lv7 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv7.svg)
}

.icon_vip_lv8 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv8.svg)
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv8 {
    background-image: url(../images/vip/vip_card_lv8.png)
}

.user-vip-level.lv8 .level-progress-bar {
    background-color: #f4bb38
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv7 {
    background-image: url(../images/vip/vip_card_lv7.png)
}

.user-vip-level.lv7 .level-progress-bar {
    background-color: #eb9595
}

.icon_vip_lv8 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv8.svg)
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv8 {
    background-image: url(../images/vip/vip_card_lv8.png)
}

.user-vip-level.lv8 .level-progress-bar {
    background-color: #f4bb38
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv6 {
    background-image: url(../images/vip/vip_card_lv6.png)
}

.user-vip-level.lv6 .level-progress-bar {
    background-color: #c593e4
}

.icon_vip_lv7 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv7.svg)
}

.icon_vip_lv8 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv8.svg)
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv8 {
    background-image: url(../images/vip/vip_card_lv8.png)
}

.user-vip-level.lv8 .level-progress-bar {
    background-color: #f4bb38
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv7 {
    background-image: url(../images/vip/vip_card_lv7.png)
}

.user-vip-level.lv7 .level-progress-bar {
    background-color: #eb9595
}

.icon_vip_lv8 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv8.svg)
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv8 {
    background-image: url(../images/vip/vip_card_lv8.png)
}

.user-vip-level.lv8 .level-progress-bar {
    background-color: #f4bb38
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv4 {
    background-image: url(../images/vip/vip_card_lv4.png)
}

.user-vip-level.lv4 .level-progress-bar {
    background-color: #bcc7ff
}

.icon_vip_lv5 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv5.svg)
}

.icon_vip_lv6 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv6.svg)
}

.icon_vip_lv7 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv7.svg)
}

.icon_vip_lv8 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv8.svg)
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv8 {
    background-image: url(../images/vip/vip_card_lv8.png)
}

.user-vip-level.lv8 .level-progress-bar {
    background-color: #f4bb38
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv7 {
    background-image: url(../images/vip/vip_card_lv7.png)
}

.user-vip-level.lv7 .level-progress-bar {
    background-color: #eb9595
}

.icon_vip_lv8 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv8.svg)
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv8 {
    background-image: url(../images/vip/vip_card_lv8.png)
}

.user-vip-level.lv8 .level-progress-bar {
    background-color: #f4bb38
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv6 {
    background-image: url(../images/vip/vip_card_lv6.png)
}

.user-vip-level.lv6 .level-progress-bar {
    background-color: #c593e4
}

.icon_vip_lv7 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv7.svg)
}

.icon_vip_lv8 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv8.svg)
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv8 {
    background-image: url(../images/vip/vip_card_lv8.png)
}

.user-vip-level.lv8 .level-progress-bar {
    background-color: #f4bb38
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv7 {
    background-image: url(../images/vip/vip_card_lv7.png)
}

.user-vip-level.lv7 .level-progress-bar {
    background-color: #eb9595
}

.icon_vip_lv8 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv8.svg)
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv8 {
    background-image: url(../images/vip/vip_card_lv8.png)
}

.user-vip-level.lv8 .level-progress-bar {
    background-color: #f4bb38
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv5 {
    background-image: url(../images/vip/vip_card_lv5.png)
}

.user-vip-level.lv5 .level-progress-bar {
    background-color: #cfb1ff
}

.icon_vip_lv6 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv6.svg)
}

.icon_vip_lv7 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv7.svg)
}

.icon_vip_lv8 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv8.svg)
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv8 {
    background-image: url(../images/vip/vip_card_lv8.png)
}

.user-vip-level.lv8 .level-progress-bar {
    background-color: #f4bb38
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv7 {
    background-image: url(../images/vip/vip_card_lv7.png)
}

.user-vip-level.lv7 .level-progress-bar {
    background-color: #eb9595
}

.icon_vip_lv8 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv8.svg)
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv8 {
    background-image: url(../images/vip/vip_card_lv8.png)
}

.user-vip-level.lv8 .level-progress-bar {
    background-color: #f4bb38
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv6 {
    background-image: url(../images/vip/vip_card_lv6.png)
}

.user-vip-level.lv6 .level-progress-bar {
    background-color: #c593e4
}

.icon_vip_lv7 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv7.svg)
}

.icon_vip_lv8 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv8.svg)
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv8 {
    background-image: url(../images/vip/vip_card_lv8.png)
}

.user-vip-level.lv8 .level-progress-bar {
    background-color: #f4bb38
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv7 {
    background-image: url(../images/vip/vip_card_lv7.png)
}

.user-vip-level.lv7 .level-progress-bar {
    background-color: #eb9595
}

.icon_vip_lv8 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv8.svg)
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv8 {
    background-image: url(../images/vip/vip_card_lv8.png)
}

.user-vip-level.lv8 .level-progress-bar {
    background-color: #f4bb38
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv3 {
    background-image: url(../images/vip/vip_card_lv3.png)
}

.user-vip-level.lv3 .level-progress-bar {
    background-color: #cae2ff
}

.icon_vip_lv4 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv4.svg)
}

.icon_vip_lv5 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv5.svg)
}

.icon_vip_lv6 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv6.svg)
}

.icon_vip_lv7 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv7.svg)
}

.icon_vip_lv8 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv8.svg)
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv8 {
    background-image: url(../images/vip/vip_card_lv8.png)
}

.user-vip-level.lv8 .level-progress-bar {
    background-color: #f4bb38
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv7 {
    background-image: url(../images/vip/vip_card_lv7.png)
}

.user-vip-level.lv7 .level-progress-bar {
    background-color: #eb9595
}

.icon_vip_lv8 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv8.svg)
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv8 {
    background-image: url(../images/vip/vip_card_lv8.png)
}

.user-vip-level.lv8 .level-progress-bar {
    background-color: #f4bb38
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv6 {
    background-image: url(../images/vip/vip_card_lv6.png)
}

.user-vip-level.lv6 .level-progress-bar {
    background-color: #c593e4
}

.icon_vip_lv7 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv7.svg)
}

.icon_vip_lv8 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv8.svg)
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv8 {
    background-image: url(../images/vip/vip_card_lv8.png)
}

.user-vip-level.lv8 .level-progress-bar {
    background-color: #f4bb38
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv7 {
    background-image: url(../images/vip/vip_card_lv7.png)
}

.user-vip-level.lv7 .level-progress-bar {
    background-color: #eb9595
}

.icon_vip_lv8 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv8.svg)
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv8 {
    background-image: url(../images/vip/vip_card_lv8.png)
}

.user-vip-level.lv8 .level-progress-bar {
    background-color: #f4bb38
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv5 {
    background-image: url(../images/vip/vip_card_lv5.png)
}

.user-vip-level.lv5 .level-progress-bar {
    background-color: #cfb1ff
}

.icon_vip_lv6 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv6.svg)
}

.icon_vip_lv7 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv7.svg)
}

.icon_vip_lv8 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv8.svg)
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv8 {
    background-image: url(../images/vip/vip_card_lv8.png)
}

.user-vip-level.lv8 .level-progress-bar {
    background-color: #f4bb38
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv7 {
    background-image: url(../images/vip/vip_card_lv7.png)
}

.user-vip-level.lv7 .level-progress-bar {
    background-color: #eb9595
}

.icon_vip_lv8 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv8.svg)
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv8 {
    background-image: url(../images/vip/vip_card_lv8.png)
}

.user-vip-level.lv8 .level-progress-bar {
    background-color: #f4bb38
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv6 {
    background-image: url(../images/vip/vip_card_lv6.png)
}

.user-vip-level.lv6 .level-progress-bar {
    background-color: #c593e4
}

.icon_vip_lv7 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv7.svg)
}

.icon_vip_lv8 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv8.svg)
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv8 {
    background-image: url(../images/vip/vip_card_lv8.png)
}

.user-vip-level.lv8 .level-progress-bar {
    background-color: #f4bb38
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv7 {
    background-image: url(../images/vip/vip_card_lv7.png)
}

.user-vip-level.lv7 .level-progress-bar {
    background-color: #eb9595
}

.icon_vip_lv8 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv8.svg)
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv8 {
    background-image: url(../images/vip/vip_card_lv8.png)
}

.user-vip-level.lv8 .level-progress-bar {
    background-color: #f4bb38
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv4 {
    background-image: url(../images/vip/vip_card_lv4.png)
}

.user-vip-level.lv4 .level-progress-bar {
    background-color: #bcc7ff
}

.icon_vip_lv5 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv5.svg)
}

.icon_vip_lv6 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv6.svg)
}

.icon_vip_lv7 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv7.svg)
}

.icon_vip_lv8 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv8.svg)
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv8 {
    background-image: url(../images/vip/vip_card_lv8.png)
}

.user-vip-level.lv8 .level-progress-bar {
    background-color: #f4bb38
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv7 {
    background-image: url(../images/vip/vip_card_lv7.png)
}

.user-vip-level.lv7 .level-progress-bar {
    background-color: #eb9595
}

.icon_vip_lv8 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv8.svg)
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv8 {
    background-image: url(../images/vip/vip_card_lv8.png)
}

.user-vip-level.lv8 .level-progress-bar {
    background-color: #f4bb38
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv6 {
    background-image: url(../images/vip/vip_card_lv6.png)
}

.user-vip-level.lv6 .level-progress-bar {
    background-color: #c593e4
}

.icon_vip_lv7 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv7.svg)
}

.icon_vip_lv8 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv8.svg)
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv8 {
    background-image: url(../images/vip/vip_card_lv8.png)
}

.user-vip-level.lv8 .level-progress-bar {
    background-color: #f4bb38
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv7 {
    background-image: url(../images/vip/vip_card_lv7.png)
}

.user-vip-level.lv7 .level-progress-bar {
    background-color: #eb9595
}

.icon_vip_lv8 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv8.svg)
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv8 {
    background-image: url(../images/vip/vip_card_lv8.png)
}

.user-vip-level.lv8 .level-progress-bar {
    background-color: #f4bb38
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv5 {
    background-image: url(../images/vip/vip_card_lv5.png)
}

.user-vip-level.lv5 .level-progress-bar {
    background-color: #cfb1ff
}

.icon_vip_lv6 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv6.svg)
}

.icon_vip_lv7 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv7.svg)
}

.icon_vip_lv8 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv8.svg)
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv8 {
    background-image: url(../images/vip/vip_card_lv8.png)
}

.user-vip-level.lv8 .level-progress-bar {
    background-color: #f4bb38
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv7 {
    background-image: url(../images/vip/vip_card_lv7.png)
}

.user-vip-level.lv7 .level-progress-bar {
    background-color: #eb9595
}

.icon_vip_lv8 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv8.svg)
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv8 {
    background-image: url(../images/vip/vip_card_lv8.png)
}

.user-vip-level.lv8 .level-progress-bar {
    background-color: #f4bb38
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv6 {
    background-image: url(../images/vip/vip_card_lv6.png)
}

.user-vip-level.lv6 .level-progress-bar {
    background-color: #c593e4
}

.icon_vip_lv7 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv7.svg)
}

.icon_vip_lv8 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv8.svg)
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv8 {
    background-image: url(../images/vip/vip_card_lv8.png)
}

.user-vip-level.lv8 .level-progress-bar {
    background-color: #f4bb38
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv7 {
    background-image: url(../images/vip/vip_card_lv7.png)
}

.user-vip-level.lv7 .level-progress-bar {
    background-color: #eb9595
}

.icon_vip_lv8 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv8.svg)
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv8 {
    background-image: url(../images/vip/vip_card_lv8.png)
}

.user-vip-level.lv8 .level-progress-bar {
    background-color: #f4bb38
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv2 {
    background-image: url(../images/vip/vip_card_lv2.png)
}

.user-vip-level.lv2 .level-progress-bar {
    background-color: #cae2ff
}

.icon_vip_lv3 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv3.svg)
}

.icon_vip_lv4 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv4.svg)
}

.icon_vip_lv5 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv5.svg)
}

.icon_vip_lv6 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv6.svg)
}

.icon_vip_lv7 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv7.svg)
}

.icon_vip_lv8 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv8.svg)
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv8 {
    background-image: url(../images/vip/vip_card_lv8.png)
}

.user-vip-level.lv8 .level-progress-bar {
    background-color: #f4bb38
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv7 {
    background-image: url(../images/vip/vip_card_lv7.png)
}

.user-vip-level.lv7 .level-progress-bar {
    background-color: #eb9595
}

.icon_vip_lv8 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv8.svg)
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv8 {
    background-image: url(../images/vip/vip_card_lv8.png)
}

.user-vip-level.lv8 .level-progress-bar {
    background-color: #f4bb38
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv6 {
    background-image: url(../images/vip/vip_card_lv6.png)
}

.user-vip-level.lv6 .level-progress-bar {
    background-color: #c593e4
}

.icon_vip_lv7 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv7.svg)
}

.icon_vip_lv8 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv8.svg)
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv8 {
    background-image: url(../images/vip/vip_card_lv8.png)
}

.user-vip-level.lv8 .level-progress-bar {
    background-color: #f4bb38
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv7 {
    background-image: url(../images/vip/vip_card_lv7.png)
}

.user-vip-level.lv7 .level-progress-bar {
    background-color: #eb9595
}

.icon_vip_lv8 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv8.svg)
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv8 {
    background-image: url(../images/vip/vip_card_lv8.png)
}

.user-vip-level.lv8 .level-progress-bar {
    background-color: #f4bb38
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv5 {
    background-image: url(../images/vip/vip_card_lv5.png)
}

.user-vip-level.lv5 .level-progress-bar {
    background-color: #cfb1ff
}

.icon_vip_lv6 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv6.svg)
}

.icon_vip_lv7 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv7.svg)
}

.icon_vip_lv8 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv8.svg)
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv8 {
    background-image: url(../images/vip/vip_card_lv8.png)
}

.user-vip-level.lv8 .level-progress-bar {
    background-color: #f4bb38
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv7 {
    background-image: url(../images/vip/vip_card_lv7.png)
}

.user-vip-level.lv7 .level-progress-bar {
    background-color: #eb9595
}

.icon_vip_lv8 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv8.svg)
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv8 {
    background-image: url(../images/vip/vip_card_lv8.png)
}

.user-vip-level.lv8 .level-progress-bar {
    background-color: #f4bb38
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv6 {
    background-image: url(../images/vip/vip_card_lv6.png)
}

.user-vip-level.lv6 .level-progress-bar {
    background-color: #c593e4
}

.icon_vip_lv7 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv7.svg)
}

.icon_vip_lv8 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv8.svg)
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv8 {
    background-image: url(../images/vip/vip_card_lv8.png)
}

.user-vip-level.lv8 .level-progress-bar {
    background-color: #f4bb38
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv7 {
    background-image: url(../images/vip/vip_card_lv7.png)
}

.user-vip-level.lv7 .level-progress-bar {
    background-color: #eb9595
}

.icon_vip_lv8 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv8.svg)
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv8 {
    background-image: url(../images/vip/vip_card_lv8.png)
}

.user-vip-level.lv8 .level-progress-bar {
    background-color: #f4bb38
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv4 {
    background-image: url(../images/vip/vip_card_lv4.png)
}

.user-vip-level.lv4 .level-progress-bar {
    background-color: #bcc7ff
}

.icon_vip_lv5 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv5.svg)
}

.icon_vip_lv6 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv6.svg)
}

.icon_vip_lv7 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv7.svg)
}

.icon_vip_lv8 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv8.svg)
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv8 {
    background-image: url(../images/vip/vip_card_lv8.png)
}

.user-vip-level.lv8 .level-progress-bar {
    background-color: #f4bb38
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv7 {
    background-image: url(../images/vip/vip_card_lv7.png)
}

.user-vip-level.lv7 .level-progress-bar {
    background-color: #eb9595
}

.icon_vip_lv8 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv8.svg)
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv8 {
    background-image: url(../images/vip/vip_card_lv8.png)
}

.user-vip-level.lv8 .level-progress-bar {
    background-color: #f4bb38
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv6 {
    background-image: url(../images/vip/vip_card_lv6.png)
}

.user-vip-level.lv6 .level-progress-bar {
    background-color: #c593e4
}

.icon_vip_lv7 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv7.svg)
}

.icon_vip_lv8 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv8.svg)
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv8 {
    background-image: url(../images/vip/vip_card_lv8.png)
}

.user-vip-level.lv8 .level-progress-bar {
    background-color: #f4bb38
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv7 {
    background-image: url(../images/vip/vip_card_lv7.png)
}

.user-vip-level.lv7 .level-progress-bar {
    background-color: #eb9595
}

.icon_vip_lv8 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv8.svg)
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv8 {
    background-image: url(../images/vip/vip_card_lv8.png)
}

.user-vip-level.lv8 .level-progress-bar {
    background-color: #f4bb38
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv5 {
    background-image: url(../images/vip/vip_card_lv5.png)
}

.user-vip-level.lv5 .level-progress-bar {
    background-color: #cfb1ff
}

.icon_vip_lv6 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv6.svg)
}

.icon_vip_lv7 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv7.svg)
}

.icon_vip_lv8 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv8.svg)
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv8 {
    background-image: url(../images/vip/vip_card_lv8.png)
}

.user-vip-level.lv8 .level-progress-bar {
    background-color: #f4bb38
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv7 {
    background-image: url(../images/vip/vip_card_lv7.png)
}

.user-vip-level.lv7 .level-progress-bar {
    background-color: #eb9595
}

.icon_vip_lv8 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv8.svg)
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv8 {
    background-image: url(../images/vip/vip_card_lv8.png)
}

.user-vip-level.lv8 .level-progress-bar {
    background-color: #f4bb38
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv6 {
    background-image: url(../images/vip/vip_card_lv6.png)
}

.user-vip-level.lv6 .level-progress-bar {
    background-color: #c593e4
}

.icon_vip_lv7 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv7.svg)
}

.icon_vip_lv8 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv8.svg)
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv8 {
    background-image: url(../images/vip/vip_card_lv8.png)
}

.user-vip-level.lv8 .level-progress-bar {
    background-color: #f4bb38
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv7 {
    background-image: url(../images/vip/vip_card_lv7.png)
}

.user-vip-level.lv7 .level-progress-bar {
    background-color: #eb9595
}

.icon_vip_lv8 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv8.svg)
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv8 {
    background-image: url(../images/vip/vip_card_lv8.png)
}

.user-vip-level.lv8 .level-progress-bar {
    background-color: #f4bb38
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv3 {
    background-image: url(../images/vip/vip_card_lv3.png)
}

.user-vip-level.lv3 .level-progress-bar {
    background-color: #cae2ff
}

.icon_vip_lv4 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv4.svg)
}

.icon_vip_lv5 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv5.svg)
}

.icon_vip_lv6 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv6.svg)
}

.icon_vip_lv7 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv7.svg)
}

.icon_vip_lv8 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv8.svg)
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv8 {
    background-image: url(../images/vip/vip_card_lv8.png)
}

.user-vip-level.lv8 .level-progress-bar {
    background-color: #f4bb38
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv7 {
    background-image: url(../images/vip/vip_card_lv7.png)
}

.user-vip-level.lv7 .level-progress-bar {
    background-color: #eb9595
}

.icon_vip_lv8 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv8.svg)
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv8 {
    background-image: url(../images/vip/vip_card_lv8.png)
}

.user-vip-level.lv8 .level-progress-bar {
    background-color: #f4bb38
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv6 {
    background-image: url(../images/vip/vip_card_lv6.png)
}

.user-vip-level.lv6 .level-progress-bar {
    background-color: #c593e4
}

.icon_vip_lv7 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv7.svg)
}

.icon_vip_lv8 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv8.svg)
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv8 {
    background-image: url(../images/vip/vip_card_lv8.png)
}

.user-vip-level.lv8 .level-progress-bar {
    background-color: #f4bb38
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv7 {
    background-image: url(../images/vip/vip_card_lv7.png)
}

.user-vip-level.lv7 .level-progress-bar {
    background-color: #eb9595
}

.icon_vip_lv8 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv8.svg)
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv8 {
    background-image: url(../images/vip/vip_card_lv8.png)
}

.user-vip-level.lv8 .level-progress-bar {
    background-color: #f4bb38
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv5 {
    background-image: url(../images/vip/vip_card_lv5.png)
}

.user-vip-level.lv5 .level-progress-bar {
    background-color: #cfb1ff
}

.icon_vip_lv6 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv6.svg)
}

.icon_vip_lv7 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv7.svg)
}

.icon_vip_lv8 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv8.svg)
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv8 {
    background-image: url(../images/vip/vip_card_lv8.png)
}

.user-vip-level.lv8 .level-progress-bar {
    background-color: #f4bb38
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv7 {
    background-image: url(../images/vip/vip_card_lv7.png)
}

.user-vip-level.lv7 .level-progress-bar {
    background-color: #eb9595
}

.icon_vip_lv8 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv8.svg)
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv8 {
    background-image: url(../images/vip/vip_card_lv8.png)
}

.user-vip-level.lv8 .level-progress-bar {
    background-color: #f4bb38
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv6 {
    background-image: url(../images/vip/vip_card_lv6.png)
}

.user-vip-level.lv6 .level-progress-bar {
    background-color: #c593e4
}

.icon_vip_lv7 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv7.svg)
}

.icon_vip_lv8 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv8.svg)
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv8 {
    background-image: url(../images/vip/vip_card_lv8.png)
}

.user-vip-level.lv8 .level-progress-bar {
    background-color: #f4bb38
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv7 {
    background-image: url(../images/vip/vip_card_lv7.png)
}

.user-vip-level.lv7 .level-progress-bar {
    background-color: #eb9595
}

.icon_vip_lv8 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv8.svg)
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv8 {
    background-image: url(../images/vip/vip_card_lv8.png)
}

.user-vip-level.lv8 .level-progress-bar {
    background-color: #f4bb38
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv4 {
    background-image: url(../images/vip/vip_card_lv4.png)
}

.user-vip-level.lv4 .level-progress-bar {
    background-color: #bcc7ff
}

.icon_vip_lv5 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv5.svg)
}

.icon_vip_lv6 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv6.svg)
}

.icon_vip_lv7 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv7.svg)
}

.icon_vip_lv8 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv8.svg)
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv8 {
    background-image: url(../images/vip/vip_card_lv8.png)
}

.user-vip-level.lv8 .level-progress-bar {
    background-color: #f4bb38
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv7 {
    background-image: url(../images/vip/vip_card_lv7.png)
}

.user-vip-level.lv7 .level-progress-bar {
    background-color: #eb9595
}

.icon_vip_lv8 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv8.svg)
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv8 {
    background-image: url(../images/vip/vip_card_lv8.png)
}

.user-vip-level.lv8 .level-progress-bar {
    background-color: #f4bb38
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv6 {
    background-image: url(../images/vip/vip_card_lv6.png)
}

.user-vip-level.lv6 .level-progress-bar {
    background-color: #c593e4
}

.icon_vip_lv7 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv7.svg)
}

.icon_vip_lv8 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv8.svg)
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv8 {
    background-image: url(../images/vip/vip_card_lv8.png)
}

.user-vip-level.lv8 .level-progress-bar {
    background-color: #f4bb38
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv7 {
    background-image: url(../images/vip/vip_card_lv7.png)
}

.user-vip-level.lv7 .level-progress-bar {
    background-color: #eb9595
}

.icon_vip_lv8 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv8.svg)
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv8 {
    background-image: url(../images/vip/vip_card_lv8.png)
}

.user-vip-level.lv8 .level-progress-bar {
    background-color: #f4bb38
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv5 {
    background-image: url(../images/vip/vip_card_lv5.png)
}

.user-vip-level.lv5 .level-progress-bar {
    background-color: #cfb1ff
}

.icon_vip_lv6 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv6.svg)
}

.icon_vip_lv7 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv7.svg)
}

.icon_vip_lv8 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv8.svg)
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv8 {
    background-image: url(../images/vip/vip_card_lv8.png)
}

.user-vip-level.lv8 .level-progress-bar {
    background-color: #f4bb38
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv7 {
    background-image: url(../images/vip/vip_card_lv7.png)
}

.user-vip-level.lv7 .level-progress-bar {
    background-color: #eb9595
}

.icon_vip_lv8 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv8.svg)
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv8 {
    background-image: url(../images/vip/vip_card_lv8.png)
}

.user-vip-level.lv8 .level-progress-bar {
    background-color: #f4bb38
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv6 {
    background-image: url(../images/vip/vip_card_lv6.png)
}

.user-vip-level.lv6 .level-progress-bar {
    background-color: #c593e4
}

.icon_vip_lv7 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv7.svg)
}

.icon_vip_lv8 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv8.svg)
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv8 {
    background-image: url(../images/vip/vip_card_lv8.png)
}

.user-vip-level.lv8 .level-progress-bar {
    background-color: #f4bb38
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv7 {
    background-image: url(../images/vip/vip_card_lv7.png)
}

.user-vip-level.lv7 .level-progress-bar {
    background-color: #eb9595
}

.icon_vip_lv8 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv8.svg)
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv8 {
    background-image: url(../images/vip/vip_card_lv8.png)
}

.user-vip-level.lv8 .level-progress-bar {
    background-color: #f4bb38
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv1 {
    background-image: url(../images/vip/vip_card_lv1.png)
}

.user-vip-level.lv1 .level-progress-bar {
    background-color: #cae2ff
}

.icon_vip_lv2 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv2.svg)
}

.icon_vip_lv3 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv3.svg)
}

.icon_vip_lv4 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv4.svg)
}

.icon_vip_lv5 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv5.svg)
}

.icon_vip_lv6 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv6.svg)
}

.icon_vip_lv7 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv7.svg)
}

.icon_vip_lv8 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv8.svg)
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv8 {
    background-image: url(../images/vip/vip_card_lv8.png)
}

.user-vip-level.lv8 .level-progress-bar {
    background-color: #f4bb38
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv7 {
    background-image: url(../images/vip/vip_card_lv7.png)
}

.user-vip-level.lv7 .level-progress-bar {
    background-color: #eb9595
}

.icon_vip_lv8 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv8.svg)
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv8 {
    background-image: url(../images/vip/vip_card_lv8.png)
}

.user-vip-level.lv8 .level-progress-bar {
    background-color: #f4bb38
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv6 {
    background-image: url(../images/vip/vip_card_lv6.png)
}

.user-vip-level.lv6 .level-progress-bar {
    background-color: #c593e4
}

.icon_vip_lv7 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv7.svg)
}

.icon_vip_lv8 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv8.svg)
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv8 {
    background-image: url(../images/vip/vip_card_lv8.png)
}

.user-vip-level.lv8 .level-progress-bar {
    background-color: #f4bb38
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv7 {
    background-image: url(../images/vip/vip_card_lv7.png)
}

.user-vip-level.lv7 .level-progress-bar {
    background-color: #eb9595
}

.icon_vip_lv8 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv8.svg)
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv8 {
    background-image: url(../images/vip/vip_card_lv8.png)
}

.user-vip-level.lv8 .level-progress-bar {
    background-color: #f4bb38
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv5 {
    background-image: url(../images/vip/vip_card_lv5.png)
}

.user-vip-level.lv5 .level-progress-bar {
    background-color: #cfb1ff
}

.icon_vip_lv6 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv6.svg)
}

.icon_vip_lv7 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv7.svg)
}

.icon_vip_lv8 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv8.svg)
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv8 {
    background-image: url(../images/vip/vip_card_lv8.png)
}

.user-vip-level.lv8 .level-progress-bar {
    background-color: #f4bb38
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv7 {
    background-image: url(../images/vip/vip_card_lv7.png)
}

.user-vip-level.lv7 .level-progress-bar {
    background-color: #eb9595
}

.icon_vip_lv8 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv8.svg)
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv8 {
    background-image: url(../images/vip/vip_card_lv8.png)
}

.user-vip-level.lv8 .level-progress-bar {
    background-color: #f4bb38
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv6 {
    background-image: url(../images/vip/vip_card_lv6.png)
}

.user-vip-level.lv6 .level-progress-bar {
    background-color: #c593e4
}

.icon_vip_lv7 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv7.svg)
}

.icon_vip_lv8 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv8.svg)
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv8 {
    background-image: url(../images/vip/vip_card_lv8.png)
}

.user-vip-level.lv8 .level-progress-bar {
    background-color: #f4bb38
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv7 {
    background-image: url(../images/vip/vip_card_lv7.png)
}

.user-vip-level.lv7 .level-progress-bar {
    background-color: #eb9595
}

.icon_vip_lv8 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv8.svg)
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv8 {
    background-image: url(../images/vip/vip_card_lv8.png)
}

.user-vip-level.lv8 .level-progress-bar {
    background-color: #f4bb38
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv4 {
    background-image: url(../images/vip/vip_card_lv4.png)
}

.user-vip-level.lv4 .level-progress-bar {
    background-color: #bcc7ff
}

.icon_vip_lv5 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv5.svg)
}

.icon_vip_lv6 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv6.svg)
}

.icon_vip_lv7 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv7.svg)
}

.icon_vip_lv8 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv8.svg)
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv8 {
    background-image: url(../images/vip/vip_card_lv8.png)
}

.user-vip-level.lv8 .level-progress-bar {
    background-color: #f4bb38
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv7 {
    background-image: url(../images/vip/vip_card_lv7.png)
}

.user-vip-level.lv7 .level-progress-bar {
    background-color: #eb9595
}

.icon_vip_lv8 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv8.svg)
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv8 {
    background-image: url(../images/vip/vip_card_lv8.png)
}

.user-vip-level.lv8 .level-progress-bar {
    background-color: #f4bb38
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv6 {
    background-image: url(../images/vip/vip_card_lv6.png)
}

.user-vip-level.lv6 .level-progress-bar {
    background-color: #c593e4
}

.icon_vip_lv7 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv7.svg)
}

.icon_vip_lv8 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv8.svg)
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv8 {
    background-image: url(../images/vip/vip_card_lv8.png)
}

.user-vip-level.lv8 .level-progress-bar {
    background-color: #f4bb38
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv7 {
    background-image: url(../images/vip/vip_card_lv7.png)
}

.user-vip-level.lv7 .level-progress-bar {
    background-color: #eb9595
}

.icon_vip_lv8 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv8.svg)
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv8 {
    background-image: url(../images/vip/vip_card_lv8.png)
}

.user-vip-level.lv8 .level-progress-bar {
    background-color: #f4bb38
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv5 {
    background-image: url(../images/vip/vip_card_lv5.png)
}

.user-vip-level.lv5 .level-progress-bar {
    background-color: #cfb1ff
}

.icon_vip_lv6 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv6.svg)
}

.icon_vip_lv7 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv7.svg)
}

.icon_vip_lv8 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv8.svg)
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv8 {
    background-image: url(../images/vip/vip_card_lv8.png)
}

.user-vip-level.lv8 .level-progress-bar {
    background-color: #f4bb38
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv7 {
    background-image: url(../images/vip/vip_card_lv7.png)
}

.user-vip-level.lv7 .level-progress-bar {
    background-color: #eb9595
}

.icon_vip_lv8 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv8.svg)
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv8 {
    background-image: url(../images/vip/vip_card_lv8.png)
}

.user-vip-level.lv8 .level-progress-bar {
    background-color: #f4bb38
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv6 {
    background-image: url(../images/vip/vip_card_lv6.png)
}

.user-vip-level.lv6 .level-progress-bar {
    background-color: #c593e4
}

.icon_vip_lv7 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv7.svg)
}

.icon_vip_lv8 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv8.svg)
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv8 {
    background-image: url(../images/vip/vip_card_lv8.png)
}

.user-vip-level.lv8 .level-progress-bar {
    background-color: #f4bb38
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv7 {
    background-image: url(../images/vip/vip_card_lv7.png)
}

.user-vip-level.lv7 .level-progress-bar {
    background-color: #eb9595
}

.icon_vip_lv8 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv8.svg)
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv8 {
    background-image: url(../images/vip/vip_card_lv8.png)
}

.user-vip-level.lv8 .level-progress-bar {
    background-color: #f4bb38
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv3 {
    background-image: url(../images/vip/vip_card_lv3.png)
}

.user-vip-level.lv3 .level-progress-bar {
    background-color: #cae2ff
}

.icon_vip_lv4 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv4.svg)
}

.icon_vip_lv5 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv5.svg)
}

.icon_vip_lv6 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv6.svg)
}

.icon_vip_lv7 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv7.svg)
}

.icon_vip_lv8 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv8.svg)
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv8 {
    background-image: url(../images/vip/vip_card_lv8.png)
}

.user-vip-level.lv8 .level-progress-bar {
    background-color: #f4bb38
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv7 {
    background-image: url(../images/vip/vip_card_lv7.png)
}

.user-vip-level.lv7 .level-progress-bar {
    background-color: #eb9595
}

.icon_vip_lv8 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv8.svg)
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv8 {
    background-image: url(../images/vip/vip_card_lv8.png)
}

.user-vip-level.lv8 .level-progress-bar {
    background-color: #f4bb38
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv6 {
    background-image: url(../images/vip/vip_card_lv6.png)
}

.user-vip-level.lv6 .level-progress-bar {
    background-color: #c593e4
}

.icon_vip_lv7 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv7.svg)
}

.icon_vip_lv8 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv8.svg)
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv8 {
    background-image: url(../images/vip/vip_card_lv8.png)
}

.user-vip-level.lv8 .level-progress-bar {
    background-color: #f4bb38
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv7 {
    background-image: url(../images/vip/vip_card_lv7.png)
}

.user-vip-level.lv7 .level-progress-bar {
    background-color: #eb9595
}

.icon_vip_lv8 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv8.svg)
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv8 {
    background-image: url(../images/vip/vip_card_lv8.png)
}

.user-vip-level.lv8 .level-progress-bar {
    background-color: #f4bb38
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv5 {
    background-image: url(../images/vip/vip_card_lv5.png)
}

.user-vip-level.lv5 .level-progress-bar {
    background-color: #cfb1ff
}

.icon_vip_lv6 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv6.svg)
}

.icon_vip_lv7 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv7.svg)
}

.icon_vip_lv8 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv8.svg)
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv8 {
    background-image: url(../images/vip/vip_card_lv8.png)
}

.user-vip-level.lv8 .level-progress-bar {
    background-color: #f4bb38
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv7 {
    background-image: url(../images/vip/vip_card_lv7.png)
}

.user-vip-level.lv7 .level-progress-bar {
    background-color: #eb9595
}

.icon_vip_lv8 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv8.svg)
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv8 {
    background-image: url(../images/vip/vip_card_lv8.png)
}

.user-vip-level.lv8 .level-progress-bar {
    background-color: #f4bb38
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv6 {
    background-image: url(../images/vip/vip_card_lv6.png)
}

.user-vip-level.lv6 .level-progress-bar {
    background-color: #c593e4
}

.icon_vip_lv7 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv7.svg)
}

.icon_vip_lv8 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv8.svg)
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv8 {
    background-image: url(../images/vip/vip_card_lv8.png)
}

.user-vip-level.lv8 .level-progress-bar {
    background-color: #f4bb38
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv7 {
    background-image: url(../images/vip/vip_card_lv7.png)
}

.user-vip-level.lv7 .level-progress-bar {
    background-color: #eb9595
}

.icon_vip_lv8 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv8.svg)
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv8 {
    background-image: url(../images/vip/vip_card_lv8.png)
}

.user-vip-level.lv8 .level-progress-bar {
    background-color: #f4bb38
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv4 {
    background-image: url(../images/vip/vip_card_lv4.png)
}

.user-vip-level.lv4 .level-progress-bar {
    background-color: #bcc7ff
}

.icon_vip_lv5 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv5.svg)
}

.icon_vip_lv6 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv6.svg)
}

.icon_vip_lv7 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv7.svg)
}

.icon_vip_lv8 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv8.svg)
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv8 {
    background-image: url(../images/vip/vip_card_lv8.png)
}

.user-vip-level.lv8 .level-progress-bar {
    background-color: #f4bb38
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv7 {
    background-image: url(../images/vip/vip_card_lv7.png)
}

.user-vip-level.lv7 .level-progress-bar {
    background-color: #eb9595
}

.icon_vip_lv8 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv8.svg)
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv8 {
    background-image: url(../images/vip/vip_card_lv8.png)
}

.user-vip-level.lv8 .level-progress-bar {
    background-color: #f4bb38
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv6 {
    background-image: url(../images/vip/vip_card_lv6.png)
}

.user-vip-level.lv6 .level-progress-bar {
    background-color: #c593e4
}

.icon_vip_lv7 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv7.svg)
}

.icon_vip_lv8 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv8.svg)
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv8 {
    background-image: url(../images/vip/vip_card_lv8.png)
}

.user-vip-level.lv8 .level-progress-bar {
    background-color: #f4bb38
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv7 {
    background-image: url(../images/vip/vip_card_lv7.png)
}

.user-vip-level.lv7 .level-progress-bar {
    background-color: #eb9595
}

.icon_vip_lv8 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv8.svg)
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv8 {
    background-image: url(../images/vip/vip_card_lv8.png)
}

.user-vip-level.lv8 .level-progress-bar {
    background-color: #f4bb38
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv5 {
    background-image: url(../images/vip/vip_card_lv5.png)
}

.user-vip-level.lv5 .level-progress-bar {
    background-color: #cfb1ff
}

.icon_vip_lv6 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv6.svg)
}

.icon_vip_lv7 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv7.svg)
}

.icon_vip_lv8 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv8.svg)
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv8 {
    background-image: url(../images/vip/vip_card_lv8.png)
}

.user-vip-level.lv8 .level-progress-bar {
    background-color: #f4bb38
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv7 {
    background-image: url(../images/vip/vip_card_lv7.png)
}

.user-vip-level.lv7 .level-progress-bar {
    background-color: #eb9595
}

.icon_vip_lv8 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv8.svg)
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv8 {
    background-image: url(../images/vip/vip_card_lv8.png)
}

.user-vip-level.lv8 .level-progress-bar {
    background-color: #f4bb38
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv6 {
    background-image: url(../images/vip/vip_card_lv6.png)
}

.user-vip-level.lv6 .level-progress-bar {
    background-color: #c593e4
}

.icon_vip_lv7 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv7.svg)
}

.icon_vip_lv8 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv8.svg)
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv8 {
    background-image: url(../images/vip/vip_card_lv8.png)
}

.user-vip-level.lv8 .level-progress-bar {
    background-color: #f4bb38
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv7 {
    background-image: url(../images/vip/vip_card_lv7.png)
}

.user-vip-level.lv7 .level-progress-bar {
    background-color: #eb9595
}

.icon_vip_lv8 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv8.svg)
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv8 {
    background-image: url(../images/vip/vip_card_lv8.png)
}

.user-vip-level.lv8 .level-progress-bar {
    background-color: #f4bb38
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv2 {
    background-image: url(../images/vip/vip_card_lv2.png)
}

.user-vip-level.lv2 .level-progress-bar {
    background-color: #cae2ff
}

.icon_vip_lv3 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv3.svg)
}

.icon_vip_lv4 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv4.svg)
}

.icon_vip_lv5 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv5.svg)
}

.icon_vip_lv6 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv6.svg)
}

.icon_vip_lv7 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv7.svg)
}

.icon_vip_lv8 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv8.svg)
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv8 {
    background-image: url(../images/vip/vip_card_lv8.png)
}

.user-vip-level.lv8 .level-progress-bar {
    background-color: #f4bb38
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv7 {
    background-image: url(../images/vip/vip_card_lv7.png)
}

.user-vip-level.lv7 .level-progress-bar {
    background-color: #eb9595
}

.icon_vip_lv8 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv8.svg)
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv8 {
    background-image: url(../images/vip/vip_card_lv8.png)
}

.user-vip-level.lv8 .level-progress-bar {
    background-color: #f4bb38
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv6 {
    background-image: url(../images/vip/vip_card_lv6.png)
}

.user-vip-level.lv6 .level-progress-bar {
    background-color: #c593e4
}

.icon_vip_lv7 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv7.svg)
}

.icon_vip_lv8 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv8.svg)
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv8 {
    background-image: url(../images/vip/vip_card_lv8.png)
}

.user-vip-level.lv8 .level-progress-bar {
    background-color: #f4bb38
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv7 {
    background-image: url(../images/vip/vip_card_lv7.png)
}

.user-vip-level.lv7 .level-progress-bar {
    background-color: #eb9595
}

.icon_vip_lv8 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv8.svg)
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv8 {
    background-image: url(../images/vip/vip_card_lv8.png)
}

.user-vip-level.lv8 .level-progress-bar {
    background-color: #f4bb38
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv5 {
    background-image: url(../images/vip/vip_card_lv5.png)
}

.user-vip-level.lv5 .level-progress-bar {
    background-color: #cfb1ff
}

.icon_vip_lv6 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv6.svg)
}

.icon_vip_lv7 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv7.svg)
}

.icon_vip_lv8 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv8.svg)
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv8 {
    background-image: url(../images/vip/vip_card_lv8.png)
}

.user-vip-level.lv8 .level-progress-bar {
    background-color: #f4bb38
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv7 {
    background-image: url(../images/vip/vip_card_lv7.png)
}

.user-vip-level.lv7 .level-progress-bar {
    background-color: #eb9595
}

.icon_vip_lv8 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv8.svg)
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv8 {
    background-image: url(../images/vip/vip_card_lv8.png)
}

.user-vip-level.lv8 .level-progress-bar {
    background-color: #f4bb38
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv6 {
    background-image: url(../images/vip/vip_card_lv6.png)
}

.user-vip-level.lv6 .level-progress-bar {
    background-color: #c593e4
}

.icon_vip_lv7 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv7.svg)
}

.icon_vip_lv8 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv8.svg)
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv8 {
    background-image: url(../images/vip/vip_card_lv8.png)
}

.user-vip-level.lv8 .level-progress-bar {
    background-color: #f4bb38
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv7 {
    background-image: url(../images/vip/vip_card_lv7.png)
}

.user-vip-level.lv7 .level-progress-bar {
    background-color: #eb9595
}

.icon_vip_lv8 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv8.svg)
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv8 {
    background-image: url(../images/vip/vip_card_lv8.png)
}

.user-vip-level.lv8 .level-progress-bar {
    background-color: #f4bb38
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv4 {
    background-image: url(../images/vip/vip_card_lv4.png)
}

.user-vip-level.lv4 .level-progress-bar {
    background-color: #bcc7ff
}

.icon_vip_lv5 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv5.svg)
}

.icon_vip_lv6 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv6.svg)
}

.icon_vip_lv7 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv7.svg)
}

.icon_vip_lv8 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv8.svg)
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv8 {
    background-image: url(../images/vip/vip_card_lv8.png)
}

.user-vip-level.lv8 .level-progress-bar {
    background-color: #f4bb38
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv7 {
    background-image: url(../images/vip/vip_card_lv7.png)
}

.user-vip-level.lv7 .level-progress-bar {
    background-color: #eb9595
}

.icon_vip_lv8 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv8.svg)
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv8 {
    background-image: url(../images/vip/vip_card_lv8.png)
}

.user-vip-level.lv8 .level-progress-bar {
    background-color: #f4bb38
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv6 {
    background-image: url(../images/vip/vip_card_lv6.png)
}

.user-vip-level.lv6 .level-progress-bar {
    background-color: #c593e4
}

.icon_vip_lv7 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv7.svg)
}

.icon_vip_lv8 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv8.svg)
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv8 {
    background-image: url(../images/vip/vip_card_lv8.png)
}

.user-vip-level.lv8 .level-progress-bar {
    background-color: #f4bb38
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv7 {
    background-image: url(../images/vip/vip_card_lv7.png)
}

.user-vip-level.lv7 .level-progress-bar {
    background-color: #eb9595
}

.icon_vip_lv8 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv8.svg)
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv8 {
    background-image: url(../images/vip/vip_card_lv8.png)
}

.user-vip-level.lv8 .level-progress-bar {
    background-color: #f4bb38
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv5 {
    background-image: url(../images/vip/vip_card_lv5.png)
}

.user-vip-level.lv5 .level-progress-bar {
    background-color: #cfb1ff
}

.icon_vip_lv6 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv6.svg)
}

.icon_vip_lv7 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv7.svg)
}

.icon_vip_lv8 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv8.svg)
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv8 {
    background-image: url(../images/vip/vip_card_lv8.png)
}

.user-vip-level.lv8 .level-progress-bar {
    background-color: #f4bb38
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv7 {
    background-image: url(../images/vip/vip_card_lv7.png)
}

.user-vip-level.lv7 .level-progress-bar {
    background-color: #eb9595
}

.icon_vip_lv8 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv8.svg)
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv8 {
    background-image: url(../images/vip/vip_card_lv8.png)
}

.user-vip-level.lv8 .level-progress-bar {
    background-color: #f4bb38
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv6 {
    background-image: url(../images/vip/vip_card_lv6.png)
}

.user-vip-level.lv6 .level-progress-bar {
    background-color: #c593e4
}

.icon_vip_lv7 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv7.svg)
}

.icon_vip_lv8 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv8.svg)
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv8 {
    background-image: url(../images/vip/vip_card_lv8.png)
}

.user-vip-level.lv8 .level-progress-bar {
    background-color: #f4bb38
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv7 {
    background-image: url(../images/vip/vip_card_lv7.png)
}

.user-vip-level.lv7 .level-progress-bar {
    background-color: #eb9595
}

.icon_vip_lv8 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv8.svg)
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv8 {
    background-image: url(../images/vip/vip_card_lv8.png)
}

.user-vip-level.lv8 .level-progress-bar {
    background-color: #f4bb38
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv3 {
    background-image: url(../images/vip/vip_card_lv3.png)
}

.user-vip-level.lv3 .level-progress-bar {
    background-color: #cae2ff
}

.icon_vip_lv4 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv4.svg)
}

.icon_vip_lv5 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv5.svg)
}

.icon_vip_lv6 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv6.svg)
}

.icon_vip_lv7 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv7.svg)
}

.icon_vip_lv8 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv8.svg)
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv8 {
    background-image: url(../images/vip/vip_card_lv8.png)
}

.user-vip-level.lv8 .level-progress-bar {
    background-color: #f4bb38
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv7 {
    background-image: url(../images/vip/vip_card_lv7.png)
}

.user-vip-level.lv7 .level-progress-bar {
    background-color: #eb9595
}

.icon_vip_lv8 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv8.svg)
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv8 {
    background-image: url(../images/vip/vip_card_lv8.png)
}

.user-vip-level.lv8 .level-progress-bar {
    background-color: #f4bb38
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv6 {
    background-image: url(../images/vip/vip_card_lv6.png)
}

.user-vip-level.lv6 .level-progress-bar {
    background-color: #c593e4
}

.icon_vip_lv7 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv7.svg)
}

.icon_vip_lv8 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv8.svg)
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv8 {
    background-image: url(../images/vip/vip_card_lv8.png)
}

.user-vip-level.lv8 .level-progress-bar {
    background-color: #f4bb38
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv7 {
    background-image: url(../images/vip/vip_card_lv7.png)
}

.user-vip-level.lv7 .level-progress-bar {
    background-color: #eb9595
}

.icon_vip_lv8 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv8.svg)
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv8 {
    background-image: url(../images/vip/vip_card_lv8.png)
}

.user-vip-level.lv8 .level-progress-bar {
    background-color: #f4bb38
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv5 {
    background-image: url(../images/vip/vip_card_lv5.png)
}

.user-vip-level.lv5 .level-progress-bar {
    background-color: #cfb1ff
}

.icon_vip_lv6 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv6.svg)
}

.icon_vip_lv7 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv7.svg)
}

.icon_vip_lv8 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv8.svg)
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv8 {
    background-image: url(../images/vip/vip_card_lv8.png)
}

.user-vip-level.lv8 .level-progress-bar {
    background-color: #f4bb38
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv7 {
    background-image: url(../images/vip/vip_card_lv7.png)
}

.user-vip-level.lv7 .level-progress-bar {
    background-color: #eb9595
}

.icon_vip_lv8 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv8.svg)
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv8 {
    background-image: url(../images/vip/vip_card_lv8.png)
}

.user-vip-level.lv8 .level-progress-bar {
    background-color: #f4bb38
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv6 {
    background-image: url(../images/vip/vip_card_lv6.png)
}

.user-vip-level.lv6 .level-progress-bar {
    background-color: #c593e4
}

.icon_vip_lv7 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv7.svg)
}

.icon_vip_lv8 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv8.svg)
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv8 {
    background-image: url(../images/vip/vip_card_lv8.png)
}

.user-vip-level.lv8 .level-progress-bar {
    background-color: #f4bb38
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv7 {
    background-image: url(../images/vip/vip_card_lv7.png)
}

.user-vip-level.lv7 .level-progress-bar {
    background-color: #eb9595
}

.icon_vip_lv8 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv8.svg)
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv8 {
    background-image: url(../images/vip/vip_card_lv8.png)
}

.user-vip-level.lv8 .level-progress-bar {
    background-color: #f4bb38
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv4 {
    background-image: url(../images/vip/vip_card_lv4.png)
}

.user-vip-level.lv4 .level-progress-bar {
    background-color: #bcc7ff
}

.icon_vip_lv5 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv5.svg)
}

.icon_vip_lv6 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv6.svg)
}

.icon_vip_lv7 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv7.svg)
}

.icon_vip_lv8 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv8.svg)
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv8 {
    background-image: url(../images/vip/vip_card_lv8.png)
}

.user-vip-level.lv8 .level-progress-bar {
    background-color: #f4bb38
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv7 {
    background-image: url(../images/vip/vip_card_lv7.png)
}

.user-vip-level.lv7 .level-progress-bar {
    background-color: #eb9595
}

.icon_vip_lv8 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv8.svg)
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv8 {
    background-image: url(../images/vip/vip_card_lv8.png)
}

.user-vip-level.lv8 .level-progress-bar {
    background-color: #f4bb38
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv6 {
    background-image: url(../images/vip/vip_card_lv6.png)
}

.user-vip-level.lv6 .level-progress-bar {
    background-color: #c593e4
}

.icon_vip_lv7 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv7.svg)
}

.icon_vip_lv8 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv8.svg)
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv8 {
    background-image: url(../images/vip/vip_card_lv8.png)
}

.user-vip-level.lv8 .level-progress-bar {
    background-color: #f4bb38
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv7 {
    background-image: url(../images/vip/vip_card_lv7.png)
}

.user-vip-level.lv7 .level-progress-bar {
    background-color: #eb9595
}

.icon_vip_lv8 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv8.svg)
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv8 {
    background-image: url(../images/vip/vip_card_lv8.png)
}

.user-vip-level.lv8 .level-progress-bar {
    background-color: #f4bb38
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv5 {
    background-image: url(../images/vip/vip_card_lv5.png)
}

.user-vip-level.lv5 .level-progress-bar {
    background-color: #cfb1ff
}

.icon_vip_lv6 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv6.svg)
}

.icon_vip_lv7 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv7.svg)
}

.icon_vip_lv8 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv8.svg)
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv8 {
    background-image: url(../images/vip/vip_card_lv8.png)
}

.user-vip-level.lv8 .level-progress-bar {
    background-color: #f4bb38
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv7 {
    background-image: url(../images/vip/vip_card_lv7.png)
}

.user-vip-level.lv7 .level-progress-bar {
    background-color: #eb9595
}

.icon_vip_lv8 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv8.svg)
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv8 {
    background-image: url(../images/vip/vip_card_lv8.png)
}

.user-vip-level.lv8 .level-progress-bar {
    background-color: #f4bb38
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv6 {
    background-image: url(../images/vip/vip_card_lv6.png)
}

.user-vip-level.lv6 .level-progress-bar {
    background-color: #c593e4
}

.icon_vip_lv7 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv7.svg)
}

.icon_vip_lv8 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv8.svg)
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv8 {
    background-image: url(../images/vip/vip_card_lv8.png)
}

.user-vip-level.lv8 .level-progress-bar {
    background-color: #f4bb38
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv7 {
    background-image: url(../images/vip/vip_card_lv7.png)
}

.user-vip-level.lv7 .level-progress-bar {
    background-color: #eb9595
}

.icon_vip_lv8 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv8.svg)
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv8 {
    background-image: url(../images/vip/vip_card_lv8.png)
}

.user-vip-level.lv8 .level-progress-bar {
    background-color: #f4bb38
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.logo_steam {
    width: 24px;
    height: 24px;
    background: url(../images/games/steam.svg)
}

.icon_p2p_exchange {
    width: 31px;
    height: 14px;
    background: url(../images/2x/icon_p2p_exchange.svg)
}

.icon_tips {
    width: 12px;
    height: 12px;
    background: url(../images/2x/icon_tips.svg)
}

.icon_tips_blue {
    width: 12px;
    height: 12px;
    background: url(../images/2x/icon_tips_blue.svg)
}

.icon_charm_pointer {
    width: 14px;
    height: 8px;
    background: url(../images/2x/icon_charm_pointer.png)
}

.icon_api_beta {
    width: 40px;
    height: 20px;
    background: url(../images/2x/icon_api_beta.svg)
}

.icon_show {
    width: 20px;
    height: 20px;
    background: url(../images/2x/icon_show.svg)
}

.icon_hide {
    width: 20px;
    height: 20px;
    background: url(../images/2x/icon_hide.svg)
}

.icon_uncollected {
    width: 16px;
    height: 16px;
    background-image: url(../images/2x/icon_uncollected.svg)
}

.icon_collected {
    width: 16px;
    height: 16px;
    background-image: url(../images/2x/icon_collected.svg)
}

.icon_market {
    width: 16px;
    height: 16px;
    background-image: url(../images/2x/icon_market.svg)
}

.icon_market:hover,
a:hover .icon_market,
span:hover .icon_market {
    background-image: url(../images/2x/icon_market_hover.svg)
}

.icon_market:active,
a:active .icon_market,
span:active .icon_market {
    background-image: url(../images/2x/icon_market_pressed.svg)
}

.icon_pattern_collected {
    width: 16px;
    height: 16px;
    background-image: url(../images/2x/pattern_collected.svg)
}

.icon_pattern_collected:hover,
a:hover>.icon_pattern_collected,
span:hover>.icon_pattern_collected {
    background-image: url(../images/2x/pattern_collected_hover.svg)
}

.icon_pattern_collected:active,
a:active>.icon_pattern_collected,
span:active>.icon_pattern_collected {
    background-image: url(../images/2x/pattern_collected_pressed.svg)
}

.icon_pattern_uncollected {
    width: 16px;
    height: 16px;
    background-image: url(../images/2x/pattern_uncollected.svg)
}

.icon_pattern_uncollected:hover,
a:hover>.icon_pattern_uncollected,
span:hover>.icon_pattern_uncollected {
    background-image: url(../images/2x/pattern_uncollected_hover.svg)
}

.icon_pattern_uncollected:active,
a:active>.icon_pattern_uncollected,
span:active>.icon_pattern_uncollected {
    background-image: url(../images/2x/pattern_uncollected_pressed.svg)
}

.icon_pattern_back {
    width: 24px;
    height: 24px;
    background-image: url(../images/2x/24_back_normal.svg)
}

.icon_pattern_back:hover,
a:hover>.icon_pattern_back,
span:hover>.icon_pattern_back {
    background-image: url(../images/2x/24_back_hover.svg)
}

.icon_pattern_back:active,
a:active>.icon_pattern_back,
span:active>.icon_pattern_back {
    background-image: url(../images/2x/24_back_pressed.svg)
}

.icon_time_gold {
    width: 12px;
    height: 12px;
    background-image: url(../images/2x/icon_time_gold.svg)
}

.icon_news_arr_down,
.icon_news_arr_up {
    width: 10px;
    height: 10px;
    background-image: url(../images/2x/icon_news_arr.png)
}

.icon_news_arr_up {
    transform: rotate(180deg)
}

.icon_news_arr_down:hover,
.icon_news_arr_up:hover,
:hover>.icon_news_arr_down,
:hover>.icon_news_arr_up {
    background-image: url(../images/2x/icon_news_arr_hover.png)
}

.icon_news_arr_down:active,
.icon_news_arr_up:active,
:active>.icon_news_arr_down,
:active>.icon_news_arr_up {
    background-image: url(../images/2x/icon_news_arr_pressed.png)
}

.icon_error {
    width: 12px;
    height: 12px;
    background-image: url(../images/2x/16_error.svg)
}

.icon_right_arr {
    width: 9px;
    height: 11px;
    background-image: url(../images/2x/icon_right_arr.svg)
}

.icon_right_arr_small {
    width: 8px;
    height: 8px;
    background-image: url(../images/2x/icon_right_arr_small.svg)
}

.icon_right_arr_small:hover,
a:hover>.icon_right_arr_small {
    background-image: url(../images/2x/icon_right_arr_small-hover.svg)
}

.icon_right_arr_small:active,
a:active>.icon_right_arr_small {
    background-image: url(../images/2x/icon_right_arr_small-pressed.svg)
}

.icon_play {
    width: 64px;
    height: 64px;
    background-image: url(../images/2x/icon_play.svg)
}

.icon_balance_alipay,
.icon_balance_bank,
.icon_locked_wallet,
.icon_pending_payment,
.icon_vault {
    width: 44px;
    height: 44px
}

.icon_balance_alipay {
    background-image: url(../images/2x/icon_balance_alipay.svg)
}

.icon_balance_bank {
    background-image: url(../images/2x/icon_balance_bank.svg)
}

.icon_vault {
    background-image: url(../images/2x/icon_vault.svg)
}

.icon_locked_wallet {
    background-image: url(../images/2x/icon_locked_wallet.svg)
}

.icon_pending_payment {
    background-image: url(../images/2x/icon_pending_payment.svg)
}

.icon_customview_share {
    width: 16px;
    height: 16px;
    background-image: url(../images/2x/16_customview_share_dark_normal.svg)
}

.icon_customview_share:hover,
:hover>.icon_customview_share {
    background-image: url(../images/2x/16_customview_share_dark_hover.svg)
}

.icon_customview_share:active,
:active>.icon_customview_share {
    background-image: url(../images/2x/16_customview_share_dark_pressed.svg)
}

.icon_bargain_upload {
    width: 24px;
    height: 24px;
    background-image: url(../images/2x/icon_bargain_upload.svg)
}

.icon_arr {
    width: 16px;
    height: 16px;
    background-image: url(../images/2x/icon_arr_normal.svg)
}

.icon_arr:hover,
a:hover>.icon_arr {
    background-image: url(../images/2x/icon_arr_hover.svg)
}

.icon_arr:active,
a:active>.icon_arr {
    background-image: url(../images/2x/icon_arr_pressed.svg)
}

.icon_up:not(.icon) {
    width: 12px;
    height: 12px;
    background-image: url(../images/2x/icon_up.svg);
    background-position: 0
}

.icon_up:not(.icon).c_Green {
    transform: rotate(180deg);
    background-image: url(../images/2x/icon_down.svg)
}

.icon_down:not(.icon) {
    width: 12px;
    height: 12px;
    background-image: url(../images/2x/icon_down.svg);
    background-position: 0
}

.icon_down:not(.icon).c_Red {
    transform: rotate(180deg);
    background-image: url(../images/2x/icon_up.svg)
}

.icon2x.icon_search_white {
    width: 14px;
    height: 14px;
    background-image: url(../images/2x/icon_search_white.svg)
}

.icon_exchange {
    width: 12px;
    height: 12px;
    background-image: url(../images/2x/icon_exchange.svg)
}

.icon_exchange_blue {
    width: 12px;
    height: 12px;
    background-image: url(../images/2x/icon_exchange_blue.png)
}

.icon_exchange {
    width: 12px;
    height: 12px;
    background-image: url(../images/2x/12_exchange.svg)
}

.icon_exchange:hover,
a:hover>.icon_exchange {
    background-image: url(../images/2x/12_exchange_hover.svg)
}

.icon_exchange:active,
a:active>.icon_exchange {
    background-image: url(../images/2x/12_exchange_pressed.svg)
}

.icon_auction_steals,
.icon_hot_auction,
.icon_pre_sale {
    width: 90px;
    height: 20px
}

.icon_hot_auction {
    background-image: url(../images/2x/icon_hot_auction.svg)
}

.icon_auction_steals {
    background-image: url(../images/2x/icon_auction_steals.svg)
}

.icon_pre_sale {
    background-image: url(../images/2x/icon_pre_sale.svg)
}

.icon_hot_auction_en {
    width: 119px;
    height: 20px;
    background-image: url(../images/2x/icon_hot_auction_en.svg)
}

.icon_auction_steals_en {
    width: 136px;
    height: 20px;
    background-image: url(../images/2x/icon_auction_steals_en.svg)
}

.icon_pre_sale_en {
    width: 96px;
    height: 20px;
    background-image: url(../images/2x/icon_pre_sale_en.svg)
}

.icon_round_unselected {
    width: 24px;
    height: 24px;
    background-image: url(../images/2x/24_unselected_grey.svg)
}

.icon_round_selected {
    width: 24px;
    height: 24px;
    background-image: url(../images/2x/24_selected_yellow.svg)
}

.icon_shopsafety {
    width: 24px;
    height: 24px;
    background-image: url(../images/2x/icon_shopsafety.svg)
}

.tag_shopsafety {
    width: 56px;
    height: 24px;
    background-image: url(../images/2x/icon_safety.svg)
}

.tag_shopsafety_en {
    width: 109px;
    height: 24px;
    background-image: url(../images/2x/icon_safety_en.svg)
}

.icon_error_gray {
    width: 16px;
    height: 16px;
    background-image: url(../images/2x/16_error_gray.png)
}

.icon_sell_alipay {
    width: 16px;
    height: 16px;
    background-image: url(../images/pay/icon_sell_alipay.svg)
}

.icon_sell_netease {
    width: 16px;
    height: 16px;
    background-image: url(../images/pay/icon_sell_netease.svg)
}

.icon_sell_wechat {
    width: 16px;
    height: 16px;
    background-image: url(../images/pay/icon_sell_wechat.svg)
}

.icon_sell_payment_pending {
    width: 16px;
    height: 16px;
    background-image: url(../images/pay/icon_sell_payment_pending.svg)
}

.icon_trends_rank_1 {
    width: 28px;
    height: 28px;
    background-image: url(../images/2x/icon_trends_rank_1.svg)
}

.icon_trends_rank_2 {
    width: 28px;
    height: 28px;
    background-image: url(../images/2x/icon_trends_rank_2.svg)
}

.icon_trends_rank_3 {
    width: 28px;
    height: 28px;
    background-image: url(../images/2x/icon_trends_rank_3.svg)
}

.icon_trends_hot_arr {
    width: 8px;
    height: 16px;
    background-image: url(../images/2x/icon_trends_hot_arr--red.svg)
}

.icon_trends_hot_arr.c_Green {
    background-image: url(../images/2x/icon_trends_hot_arr.svg)
}

.icon_trends_hot_square {
    width: 5px;
    height: 16px;
    background: #fa5b5b
}

.icon_trends_hot_square.c_Green {
    background: #069b17
}

.icon_presale_list {
    width: 32px;
    height: 32px;
    background-image: url(../images/2x/icon_presale_list.png);
    background-size: 32px 32px
}

.icon_presale_deposit {
    width: 32px;
    height: 32px;
    background-image: url(../images/2x/icon_presale_deposit.png);
    background-size: 32px 32px
}

.icon_presale_buy {
    width: 32px;
    height: 32px;
    background-image: url(../images/2x/icon_presale_buy.png);
    background-size: 32px 32px
}

.icon_presale_cooldown {
    width: 32px;
    height: 32px;
    background-image: url(../images/2x/icon_presale_cooldown.png);
    background-size: 32px 32px
}

.icon_presale_send {
    width: 32px;
    height: 32px;
    background-image: url(../images/2x/icon_presale_send.png);
    background-size: 32px 32px
}

.icon_presale_receive {
    width: 32px;
    height: 32px;
    background-image: url(../images/2x/icon_presale_receive.png);
    background-size: 32px 32px
}

.icon_presale_protect {
    width: 32px;
    height: 32px;
    background-image: url(../images/2x/icon_presale_protect.png);
    background-size: 32px 32px
}

.icon_presale_refund {
    width: 32px;
    height: 32px;
    background-image: url(../images/2x/icon_presale_refund.png);
    background-size: 32px 32px
}

.icon_customview_release {
    width: 16px;
    height: 16px;
    background-image: url(../images/2x/16_customview_release_dark_normal.svg)
}

.icon_customview_newfile {
    width: 16px;
    height: 16px;
    background-image: url(../images/2x/16_customview_newfile_dark_normal.svg)
}

.icon_pattern {
    width: 52px;
    height: 20px;
    background: right center/contain no-repeat
}

.icon_ak47 {
    background-image: url(https://market.fp.ps.netease.com/file/683415b59d097ad5dfc78cbfLLK0Qc6c06)
}

.icon_aug {
    background-image: url(https://market.fp.ps.netease.com/file/683415b5080771f9201b9a3armkPEXPg06)
}

.icon_awp {
    background-image: url(https://market.fp.ps.netease.com/file/683415b8dcceda4329cb5590rjuY2q7606)
}

.icon_bizon {
    background-image: url(https://market.fp.ps.netease.com/file/683415b75cd2ffc139f29204Z2Wv9MqK06)
}

.icon_cz75a {
    background-image: url(https://market.fp.ps.netease.com/file/683415badc02aa23f2e23403WJ1c0m2806)
}

.icon_deagle {
    background-image: url(https://market.fp.ps.netease.com/file/683415b7e61547f09b044b57fLMcKvaM06)
}

.icon_famas {
    background-image: url(https://market.fp.ps.netease.com/file/683415b87be2d454ddf120a2RiKadUdQ06)
}

.icon_fiveseven {
    background-image: url(https://market.fp.ps.netease.com/file/683415b52343436ecb482a65xDSVYkNC06)
}

.icon_g3sg1 {
    background-image: url(https://market.fp.ps.netease.com/file/683415bc4249d3db63c5e943DKi0LNzO06)
}

.icon_galil {
    background-image: url(https://market.fp.ps.netease.com/file/683415b7724e5b462de80a35UHf9WAxt06)
}

.icon_glock {
    background-image: url(https://market.fp.ps.netease.com/file/683415b6fc87a1557c80a374Wqm7Ue2v06)
}

.icon_knife_bayonet {
    background-image: url(https://market.fp.ps.netease.com/file/683415bb884c780d1f2a7d6ewZt4BeZU06)
}

.icon_knife_butterfly {
    background-image: url(https://market.fp.ps.netease.com/file/683415b55013aa28317edfe9LxbKvp6r06)
}

.icon_knife_classic {
    background-image: url(https://market.fp.ps.netease.com/file/683415ba63de06eebb05e86bbzNyHrVK06)
}

.icon_knife_falchion {
    background-image: url(https://market.fp.ps.netease.com/file/683415b763a68708bdf9f2034mGX3J5M06)
}

.icon_knife_flip {
    background-image: url(https://market.fp.ps.netease.com/file/683415ba0fb3eeaf3e022be7x0fDS9Jm06)
}

.icon_knife_gut {
    background-image: url(https://market.fp.ps.netease.com/file/683415b869c59f47306e855d0M4TAEgN06)
}

.icon_knife_karam {
    background-image: url(https://market.fp.ps.netease.com/file/683415b86ce9f0b3f93a41f7ppholhC206)
}

.icon_knife_m9_bayonet {
    background-image: url(https://market.fp.ps.netease.com/file/683415b7daca3b6d17898c31Bcj1DxMt06)
}

.icon_knife_navaja {
    background-image: url(https://market.fp.ps.netease.com/file/683415b77e633580ca6d97dcovL6idEc06)
}

.icon_knife_nomad {
    background-image: url(https://market.fp.ps.netease.com/file/683415babfcdb725980659f9Eqzv4TfN06)
}

.icon_knife_paracord {
    background-image: url(https://market.fp.ps.netease.com/file/683415b9e817bab7ddaeaa50jJbCO3xg06)
}

.icon_knife_shadow_daggers {
    background-image: url(https://market.fp.ps.netease.com/file/683415b64075ccb08ccd8290MkDRkk2R06)
}

.icon_knife_skeleton {
    background-image: url(https://market.fp.ps.netease.com/file/683415bb3f5df93dddf9bd01T64CoOIr06)
}

.icon_knife_stiletto {
    background-image: url(https://market.fp.ps.netease.com/file/683415bc204fd21d77cf6542klXNHdb806)
}

.icon_knife_survival_bowie {
    background-image: url(https://market.fp.ps.netease.com/file/683415b6a52c3e86baf84f5bQByTGj3i06)
}

.icon_knife_survival {
    background-image: url(https://market.fp.ps.netease.com/file/683415b66e0112614822b54cLtovBMNj06)
}

.icon_knife_tactical {
    background-image: url(https://market.fp.ps.netease.com/file/683415b5070d49bd1ae195d9q7dQHlkD06)
}

.icon_knife_talon {
    background-image: url(https://market.fp.ps.netease.com/file/683415bbb90e29cf113aba47azQC94ZC06)
}

.icon_knife_ursus {
    background-image: url(https://market.fp.ps.netease.com/file/683415bc8fe02fe9414be09dxqpysQMA06)
}

.icon_m4a1_silencer {
    background-image: url(https://market.fp.ps.netease.com/file/683415baafea7e6bc362ccaehQc6cFb206)
}

.icon_m4a1 {
    background-image: url(https://market.fp.ps.netease.com/file/683415b9c7b761779f589f118sMEIxW406)
}

.icon_m249 {
    background-image: url(https://market.fp.ps.netease.com/file/683415b65cce13425b302f8b0ezIbifd06)
}

.icon_mac10 {
    background-image: url(https://market.fp.ps.netease.com/file/683415bb1a5806feb3ac35feTAeoqNWo06)
}

.icon_mag7 {
    background-image: url(https://market.fp.ps.netease.com/file/683415bbc5749497d59f1474EoTEyWwu06)
}

.icon_mp5-sd {
    background-image: url(https://market.fp.ps.netease.com/file/683415b941a47da5ec9c493fwFvHLh7K06)
}

.icon_mp7 {
    background-image: url(https://market.fp.ps.netease.com/file/683415b822b2fe72668cedf4OBTDZsma06)
}

.icon_mp9 {
    background-image: url(https://market.fp.ps.netease.com/file/683415b633216ce0abe9188bGHoAKUIr06)
}

.icon_negev {
    background-image: url(https://market.fp.ps.netease.com/file/683415b6884c780d1f2a7d4e6LGzsLED06)
}

.icon_nova {
    background-image: url(https://market.fp.ps.netease.com/file/683415b4d6d3de0df388decezMXDcl1806)
}

.icon_p90 {
    background-image: url(https://market.fp.ps.netease.com/file/683415b914dbadd045049ec8GRwcJBlm06)
}

.icon_p250 {
    background-image: url(https://market.fp.ps.netease.com/file/683415bc71ef724f60a3736cNimlBG9e06)
}

.icon_P2000 {
    background-image: url(https://market.fp.ps.netease.com/file/683415bbdbf859678f50cdf0hb6iGFXF06)
}

.icon_revolver {
    background-image: url(https://market.fp.ps.netease.com/file/683415b75afbfc2f8ce11021cmS2FRF106)
}

.icon_sawedoff {
    background-image: url(https://market.fp.ps.netease.com/file/683415b8917ca39efa4e1469JxJ3SDYl06)
}

.icon_scar20 {
    background-image: url(https://market.fp.ps.netease.com/file/683415bcfcbea9c2ec011e921ErFIR2v06)
}

.icon_scbrt {
    background-image: url(https://market.fp.ps.netease.com/file/683415b764bd11f2db18cef3iiVsoEoD06)
}

.icon_sg556 {
    background-image: url(https://market.fp.ps.netease.com/file/683415bc21b7119994589139Q2uyUgAD06)
}

.icon_ssg08 {
    background-image: url(https://market.fp.ps.netease.com/file/683415bce3ca6b5451f5a53d5jQJEfyx06)
}

.icon_tec9 {
    background-image: url(https://market.fp.ps.netease.com/file/683415ba204fd21d77cf653ck47Ci8BY06)
}

.icon_ump45 {
    background-image: url(https://market.fp.ps.netease.com/file/683415b9dc02aa23f2e233fbBZ5ta2gr06)
}

.icon_usp_silencer {
    background-image: url(https://market.fp.ps.netease.com/file/683415b53bc661dd53bfb5dbd1F9JqJ706)
}

.icon_xm1014 {
    background-image: url(https://market.fp.ps.netease.com/file/683415b721839c8de5b650c05MOILN4b06)
}

.icon_zeus {
    background-image: url(https://market.fp.ps.netease.com/file/683415b5c02ff0a10425389botSEcbkf06)
}

.icon_knife_kukri {
    background-image: url(https://market.fp.ps.netease.com/file/683415bca65c0ad58493856eUokcD21106)
}

.icon_glove {
    background-image: url(https://market.fp.ps.netease.com/file/683415bb75e787cb42b0d303jpt0deRc06)
}

.border-box {
    box-sizing: border-box
}

.border-box * {
    box-sizing: border-box
}

.c_Green {
    color: #0b0
}

.c_Up {
    color: #069b17
}

.c_White {
    color: #fff
}

.c_Gray {
    color: #959595 !important
}

.c_Gray2 {
    color: #90969C
}

.c_DGray {
    color: #666
}

.c_Red {
    color: red
}

.c_Down {
    color: #fa5b5b
}

.c_Secondary {
    color: #515151
}

.c_DRed {
    color: #c00
}

.c_Highlight {
    color: #eea20e
}

.c_Blue {
    color: #4d80e1 !important
}

.c_Blue2 {
    color: #4571cb !important
}

.c_Blue3 {
    color: #72a2ff
}

.c_Blue4 {
    color: #4773C8 !important
}

.c_Green {
    color: #508f50
}

.c_Green2 {
    color: #069b17
}

.c_Brown {
    color: #894040
}

.c_yellow1 {
    color: #cf6a32 !important
}

.c_yellow2 {
    color: #f1ad4d !important
}

.c_purle {
    color: #b36ae6 !important
}

.c_Purple {
    color: #84F !important
}

.c_White2 {
    color: #b2b2b2 !important
}

a.c_Blue:hover {
    color: #6296fb !important
}

.c_Yellow,
a.c_Yellow {
    color: #eea20e !important
}

.c_placeholder {
    color: silver
}

.c_Error {
    color: #dd2f0b
}

a.c_Yellow:hover {
    color: #eea20e
}

.c_Highlight,
.c_Highlight a,
a .c_Highlight {
    color: #4ccaa1
}

.c_Highlight:link,
.c_Highlight:visited {
    color: #4ccaa1 !important
}

.c_Highlight:active,
.c_Highlight:hover {
    color: #73d6b6 !important
}

.lighting {
    position: absolute;
    z-index: 10;
    width: 330px;
    height: 36px;
    background: url(../images/site/lighting.png) no-repeat left top
}

.c_Orange {
    color: #ff8200
}

.a_Unset {
    color: unset
}

.a_Unset:hover {
    color: unset
}

.a_Unset:active {
    color: unset
}

.a_Black:link,
.a_Black:visited {
    color: #515151
}

.a_Black:hover {
    color: #eea20e
}

.a_Black:active {
    color: #cd931d
}

.a_Gray:link {
    color: #c2c2c2
}

.a_Gray:visited {
    color: #c2c2c2
}

.a_Gray:hover {
    color: #eea20e
}

.a_Gray:active {
    color: #cd931d
}

.a_White:link,
.a_White:visited {
    color: #fff
}

.a_White:hover {
    color: #eea20e
}

.a_White:active {
    color: #cd931d
}

.a_Blue:hover {
    color: #567fcd
}

.a_Blue:active {
    color: #3c61a8
}

.blank6 {
    height: 6px;
    overflow: hidden;
    font-size: 0;
    line-height: 0
}

.blank9 {
    height: 9px;
    overflow: hidden;
    font-size: 0;
    line-height: 0
}

.blank10 {
    height: 10px;
    overflow: hidden;
    font-size: 0;
    line-height: 0
}

.blank12 {
    height: 12px;
    overflow: hidden;
    font-size: 0;
    line-height: 0
}

.blank16 {
    height: 16px;
    overflow: hidden;
    font-size: 0;
    line-height: 0
}

.blank20 {
    height: 20px;
    overflow: hidden;
    font-size: 0;
    line-height: 0
}

.blank30 {
    height: 30px;
    overflow: hidden;
    font-size: 0;
    line-height: 0
}

.l_h15 {
    line-height: 1.5 !important
}

.f_12px {
    font-size: 12px
}

.f_12pxi {
    font-size: 12px !important
}

.f_14px {
    font-size: 14px !important
}

.f_16px {
    font-size: 16px !important
}

.f_20px {
    font-size: 20px !important
}

.f_28px {
    font-size: 28px !important
}

.f_Bold {
    font-weight: 700
}

.f_Normal {
    font-weight: 400
}

.f_Yahei {
    font-family: Microsoft YaHei, \5FAE\8F6F\96C5\9ED1, SimHei, \9ED1\4F53
}

.f_line24 {
    line-height: 24px
}

.f_Indent {
    text-indent: 2em
}

.f_Secondary {
    color: #515151;
    font-size: 17px
}

.f_Underline {
    text-decoration: underline !important
}

.f_Underline:hover {
    text-decoration: none !important
}

a.f_Underline:link {
    color: #666
}

a.f_Underline:hover {
    color: #eea20e
}

.f_Strong {
    color: #eea20e;
    font-size: 17px
}

.f_Strong big {
    font-size: 23px
}

.f_Strong small {
    font-size: 14px
}

.f_DDIN {
    font-family: DDIN
}

.t_Center,
table tr .t_Center {
    text-align: center
}

.t_Left,
table tr .t_Left {
    text-align: left
}

.t_Right,
table tr .t_Right {
    text-align: right
}

table tr .t_Vtop {
    vertical-align: top
}

.t_Vcenter,
table tr .t_Vcenter {
    display: inline-flex;
    align-items: center
}

.t_Vcenter>.icon,
table tr .t_Vcenter>.icon {
    margin-left: 4px
}

.error {
    color: #dd2f0b;
    margin: 3px 0
}

.error .icon {
    margin: -2px 3px 0 0
}

.box-shadow {
    box-shadow: 1px 1px 2px #e0e0e0
}

.t_Ellipsis {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.l_Clearfix {
    *zoom: 1
}

.l_Clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
}

.clear {
    overflow: hidden;
    width: 100%;
    font-size: 0;
    height: 0;
    line-height: 0
}

.l_Layout {
    width: 1200px;
    margin: 0 auto
}

.l_Left {
    float: left
}

.l_Right {
    float: right
}

.l_BotRight {
    position: absolute;
    bottom: 10px;
    right: 10px
}

.l_BotRight .i_Btn_small {
    min-width: 48px
}

.i_Btn {
    text-align: center;
    padding: 4px 12px;
    font-size: 16px;
    display: inline-block !important;
    cursor: pointer;
    border-radius: 2px;
    vertical-align: middle;
    line-height: 30px;
    min-width: 96px;
    background-size: contain !important
}

.i_Btn:link,
.i_Btn:visited {
    color: #fff !important;
    background: #4773c8;
    text-decoration: none !important
}

.i_Btn:hover {
    color: #fff;
    background: #567fcd url(../images/site/btn-bg.png) no-repeat center bottom
}

.i_Btn:active {
    background: #3c61a8
}

.i_Btn_big {
    font-size: 18px;
    padding: 0 32px;
    border: none;
    height: 48px;
    line-height: 48px
}

.i_Btn_sub:link,
.i_Btn_sub:visited {
    color: #fff;
    background: #45536c;
    border-color: #21212b
}

.i_Btn_sub:hover {
    background: #536380 url(../images/site/btn-bg-sub.png) no-repeat center bottom
}

.i_Btn_sub:active {
    background: #3a465b
}

.i_Btn_hollow:link,
.i_Btn_hollow:visited {
    line-height: 28px;
    min-width: 94px;
    background: 0 0;
    color: #4773c8 !important;
    border: 1px solid #4773c8;
    background: #fff
}

.i_Btn_hollow:hover {
    color: #fff !important;
    background: #567fcd !important;
    border-color: #567fcd
}

.i_Btn_hollow:active {
    background: #3c61a8 !important;
    border-color: #3c61a8
}

.i_Btn_D_red:link,
.i_Btn_D_red:visited {
    background: #773535
}

.i_Btn_D_red:hover {
    background: #894040
}

.i_Btn_D_red:active {
    background: #632d2d
}

.i_Btn_trans_bule {
    border: 1px solid #495b7e;
    color: #7688ac;
    height: 32px;
    line-height: 32px;
    font-size: 12px;
    padding: 0 6px
}

.i_Btn_trans_bule:active,
.i_Btn_trans_bule:hover,
.i_Btn_trans_bule:link,
.i_Btn_trans_bule:visited {
    color: #fff;
    background: #495b7e
}

.i_Btn_trans_bule .icon_2arrow {
    margin-top: -2px;
    margin-right: 4px
}

.i_Btn_trans_blue2 {
    box-sizing: border-box;
    height: 32px;
    padding: 0 16px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #2d2f3e;
    color: #90969c;
    border-radius: 2px;
    cursor: pointer;
    vertical-align: middle;
    border: 1px solid #2d2f3e;
    font-size: 12px
}

.i_Btn_trans_blue2:hover {
    background: #3a455a;
    color: #fff;
    border-color: #3a455a
}

.i_Btn_trans_blue2:active {
    background: #2d2f3e;
    color: #90969c;
    border-color: #2d2f3e
}

.i_Btn_trans_blue2.on {
    border: 1px solid #899ab9;
    background: #353748;
    color: #899ab9
}

.i_Btn_trans_blue2.on:hover {
    background: #3a455a;
    color: #fff;
    border-color: #3a455a
}

.i_Btn_trans_blue2.on:active {
    background: #353748;
    color: #899ab9;
    border-color: #899ab9
}

.i_Btn_small {
    height: 22px;
    line-height: 22px;
    padding: 0 6px;
    font-size: 12px;
    min-width: 64px;
    background-image: none !important
}

.i_Btn_small.i_Btn_hollow {
    height: 20px;
    line-height: 20px;
    min-width: 62px
}

.i_Btn_mid {
    height: 30px;
    line-height: 30px;
    padding: 0 6px;
    font-size: 14px;
    min-width: 84px
}

.i_Btn_mid.i_Btn_hollow {
    height: 28px;
    line-height: 28px;
    min-width: 82px
}

.i_Btn_mid2 {
    height: 30px;
    line-height: 30px;
    padding: 0 6px;
    font-size: 14px;
    min-width: 68px
}

.i_Btn_light {
    padding: 8px 18px;
    cursor: pointer;
    color: #333 !important;
    background: #fff;
    border: 1px solid #e3e3e3
}

.i_Btn_light:active,
.i_Btn_light:hover {
    border-color: #ccc;
    background: #f1f1f1
}

.i_Btn_disabled:link,
.i_Btn_disabled:visited {
    color: #eee !important;
    background: #c1c1c1 !important;
    cursor: not-allowed;
    border-color: #c1c1c1
}

.i_Btn_delete:link,
.i_Btn_delete:visited {
    color: #999;
    font-size: 24px
}

.i_Btn_delete:active,
.i_Btn_delete:hover {
    color: #fc5600
}

.i_Btn_large {
    font-size: 16px;
    min-width: 200px;
    padding: 16px 30px
}

.i_Btn_red {
    border-color: #fc5600;
    padding: 0 6px;
    min-width: auto;
    font-size: 13px;
    height: 18px;
    line-height: 18px
}

.i_Btn_red:link,
.i_Btn_red:visited {
    color: #fc5600
}

.i_Btn_red:active,
.i_Btn_red:hover {
    background: 0 0;
    border-color: #f5be54;
    color: #f5be54
}

.i_Btn_yellow:link,
.i_Btn_yellow:visited {
    color: #fff;
    background-color: #e1ab60;
    border-color: #21212b
}

.i_Btn_yellow:hover {
    background: 0 0;
    background-color: #ffca80
}

.i_Btn_yellow:active {
    background-color: #cd931d
}

.i_Btn_text {
    font-size: 14px
}

.i_Btn_text:link,
.i_Btn_text:visited {
    color: #4773c8
}

.i_Btn_text:hover {
    color: #567fcd
}

.i_Btn_text:active {
    color: #3c61a8
}

.l_Right .i_Btn {
    margin-left: 12px
}

.i_Text {
    border: 1px solid #e3e3e3;
    padding: 3px 6px;
    line-height: 24px;
    background: #fff;
    min-height: 24px;
    border-radius: 2px;
    vertical-align: middle;
    color: #515151
}

.i_Text:focus {
    border-color: #eea20e;
    outline: 0;
    background: #f9f7f2
}

.i_Text:disabled {
    color: silver
}

textarea.i_Text {
    height: auto;
    resize: vertical
}

.i_Text_error,
.i_Text_error input {
    border-color: #ee9482;
    background: #fef8f7
}

.j_filter {
    background: #fff url(../images/site/yuan-ico.png) no-repeat 12px center;
    padding-left: 28px !important
}

.j_filter:focus {
    background: #f9f7f2 url(../images/site/yuan-on-ico.png) no-repeat 12px center
}

.price-symbol {
    display: inline-flex;
    width: 14px;
    height: 14px;
    background: center/contain url(../images/site/yuan-ico.png) no-repeat
}

.i_Input {
    box-sizing: border-box;
    display: flex;
    align-items: center;
    border: 1px solid #e3e3e3;
    background: #fff;
    min-height: 38px;
    border-radius: 2px;
    color: #515151;
    padding: 0 16px
}

.i_Input:focus-within {
    border-color: #eea20e;
    outline: 0;
    background: #f9f7f2
}

.i_Input_error {
    border-color: #ee9482
}

.i_Input input {
    border: none;
    flex: 1;
    background: 0 0;
    min-width: auto
}

.i_Input .error_tips {
    margin-left: 8px;
    color: #DD2F0B;
    display: inline-block;
    padding: 4px 0
}

.i_Input .icon_clean {
    margin-left: 8px
}

.i_Input--toggle {
    position: relative
}

.i_Input--toggle input {
    padding-right: 42px;
    width: 100%
}

.i_Input--toggle .toggle_icon {
    position: absolute;
    right: 12px;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
    display: inline-block;
    width: 20px;
    height: 20px;
    background: center/contain url(../images/2x/icon_show.svg) no-repeat
}

.i_Input--toggle.on .toggle_icon {
    background-image: url(../images/2x/icon_hide.svg)
}

.tag {
    font-size: 12px;
    display: inline-block;
    border-radius: 2px;
    background: #33353b;
    color: #fff;
    height: 18px;
    line-height: 17px;
    padding: 0 6px;
    margin: 0 6px 0 0;
    white-space: nowrap
}

.tag_uncommon {
    background: #82bdff
}

.tag_rare {
    background: #7c8ff5
}

.tag_mythical {
    background: #a876f9
}

.tag_legendary {
    background: #dc5eea
}

.tag_ancient {
    background: #e06b6a
}

.tag_immortal {
    background: #f2b166
}

.tag_arcana {
    background: #9acc4c
}

.tag_seasonal {
    background: #3c3
}

.tag_standard {
    background: #acbfd6
}

.tag_strange {
    background: #d16a2b
}

.tag_lucky {
    background: #25cf22
}

.tag_genuine {
    background: #4b7553
}

.tag_tournament {
    background: #864dae
}

.tag_frozen {
    background: #4381b6
}

.tag_autographed {
    background: #ace753
}

.tag_haunted {
    background: #884bae
}

.tag_base {
    background: #aeaeae
}

.tag_corrupted {
    background: #a82928
}

.tag_unusual {
    background: #894dad
}

.tag_infused {
    background: #8239f2
}

.tag_exalted {
    background: #ccc
}

.tag_vintage {
    background: #455e90
}

.tag_legacy {
    background: #fafafa;
    color: #333
}

.tag_error {
    background: #894040;
    border: 1px solid #c15555
}

.tag_service {
    color: #069b17;
    border: 1px solid #069b17;
    background: 0 0
}

.tag_close {
    color: #959595;
    border: 1px solid #959595;
    background: 0 0
}

.tag_announcement {
    color: #eea20e;
    border: 1px solid #eea20e;
    background: rgba(238, 162, 14, .08);
    padding: 0 4px;
    height: 20px;
    line-height: 18px;
    box-sizing: border-box
}

.tag_rise {
    background: 0 0;
    border: 1px solid #069b17;
    color: #069b17;
    font-weight: 700;
    border-radius: 3px;
    font-size: 12px;
    height: 14px;
    line-height: 14px;
    padding: 0 1px
}

.tag_reduce {
    background: 0 0;
    border: 1px solid #c00;
    color: #c00;
    font-weight: 700;
    border-radius: 3px;
    font-size: 12px;
    height: 14px;
    line-height: 14px;
    padding: 0 1px
}

.tag_normal {
    background: 0 0;
    border: 1px solid #90969c;
    color: #90969c;
    font-weight: 700;
    border-radius: 3px;
    font-size: 12px;
    height: 14px;
    line-height: 14px;
    padding: 2px 4px;
    font-weight: 400
}

.tag_count {
    position: absolute;
    right: 0;
    bottom: 0;
    border-radius: 2px 0 0 2px;
    background: rgba(0, 0, 0, .5);
    color: #c6cad0;
    font-size: 12px;
    padding: 1px 4px;
    cursor: pointer
}

.tag_count:hover {
    background: rgba(0, 0, 0, .7)
}

.tag_count .icon_arr_right {
    border-color: #c6cad0;
    width: 4px;
    height: 4px;
    border-width: 1.8px 1.8px 0 0;
    margin: -2px 0 0 2px
}

.label_shopsafety {
    position: relative;
    display: inline-flex;
    align-items: center;
    color: #fff;
    font-size: 11px;
    height: 16px;
    line-height: 16px;
    padding: 0 4px;
    background: linear-gradient(90deg, #92bdf2 0, #4773c8 100%);
    border-radius: 0 4px 4px 0;
    margin-left: 12px;
    margin-top: 2px;
    width: fit-content
}

.label_shopsafety::before {
    content: "";
    position: absolute;
    top: -4px;
    left: -15px;
    width: 24px;
    height: 24px;
    background: center/contain url(../images/2x/icon_shopsafety_label.svg);
    z-index: 2
}

.label_shopsafety::after {
    content: '';
    box-sizing: border-box;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 1px solid rgba(255, 255, 255, .16);
    border-radius: 0 4px 4px 0
}

.mask {
    box-sizing: border-box;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 8px;
    background: rgba(0, 0, 0, .7);
    text-align: center;
    z-index: 9;
    font-size: 12px;
    color: #F55
}

.mask .text {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all
}

.tag_black {
    background: #14181f
}

.tag_gray2 {
    cursor: default;
    background: #5f5f5f;
    color: #b1b7bc
}

.tag_charm {
    background: #343a44;
    position: relative !important
}

.stag {
    padding: 2px 7px 3px;
    border-radius: 12px;
    font-size: 12px !important;
    line-height: 16px !important;
    color: #fafafa;
    display: inline-block;
    background: #959595
}

.stag_red {
    background: #c24b49
}

.stag_green {
    background: #529f53
}

.stag_blue {
    background: #4b69ff
}

.stag_black {
    background: #5c546c
}

.stag_navyblue {
    background-color: #4773c8;
    font-weight: 700
}

.stag_sp {
    color: #4773c8;
    background-color: rgba(71, 115, 200, .08);
    font-weight: 700;
    display: inline-flex;
    align-items: center;
    justify-content: center
}

.stag_sp::after {
    display: inline-block;
    content: "";
    margin-top: 1px;
    width: 13px;
    height: 13px;
    background: center/contain no-repeat url(../images/2x/tag_sp.png)
}

.stag_sp--plain {
    border: .5px solid rgba(71, 115, 200, .1)
}

.ktag {
    padding: 4px 6px;
    border: 1px solid #b8615c;
    border-radius: 2px;
    font-size: 12px;
    line-height: 16px;
    color: #b8615c
}

.ctag {
    cursor: pointer;
    display: inline-block;
    border: 1px solid #e6e6e6;
    color: #959595;
    border-radius: 12px;
    font-size: 12px;
    padding: 2px 6px;
    line-height: 18px;
    max-width: 120px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.ctag b {
    margin-left: -4px;
    margin-right: 2px;
    width: 18px;
    height: 18px;
    border-radius: 100%;
    display: inline-block;
    text-align: center;
    background: #e6e6e6
}

.ctag b i {
    margin-top: -3px
}

.ctag:hover {
    color: #4773c8;
    border-color: #4773c8
}

.ctag:hover b {
    background: #4773c8
}

.ctag .icon2x_inspect_commodity_cs2 {
    background-image: url(../images/2x/16_inspect_cs2_grey.png);
    width: 12px;
    height: 12px;
    background-size: contain
}

.ctag:hover .icon2x_inspect_commodity_cs2 {
    background-image: url(../images/2x/16_inspect_cs2_white.png)
}

.tag_status {
    font-size: 12px;
    display: inline-block;
    border-radius: 2px;
    background: #eea20e;
    color: #fff;
    height: 16px;
    line-height: 15px;
    padding: 0 4px;
    font-style: normal;
    font-weight: 400 !important
}

.tag_status_hollow {
    background: 0 0;
    color: #eea20e;
    border: 1px solid #eea20e
}

.tag_status_get {
    background: #4773c8
}

.tag_gray {
    background: #5e6e83
}

.l_Tb td,
.l_Tb th {
    padding: 6px;
    font-size: 14px;
    line-height: 1.5em
}

.l_Tb th {
    font-weight: 400
}

.l_Tb td {
    text-align: left
}

.l_Tb .t_Vtop {
    padding: 9px 3px 0
}

.tip {
    line-height: 20px;
    margin: 6px 0
}

.tip .icon {
    margin: -2px 6px 0 0
}

.statuslist {
    padding: 7px 0;
    background: #1e283b;
    background: rgba(30, 40, 59, .8);
    *filter: alpha(opacity=80);
    border-radius: 2px;
    color: #e4e8ee;
    margin-bottom: 20px
}

.status {
    font-size: 12px;
    line-height: 36px;
    padding: 7px 20px
}

.status a {
    color: #e4e8ee;
    text-decoration: underline
}

.status a:hover {
    color: #fff
}

.status-text,
.status-text2 {
    float: left;
    width: 230px
}

.status-text2 {
    width: 100px
}

.status-text2 img {
    margin-right: 4px
}

.status-user,
.status-user2 {
    float: left;
    padding: 0 12px;
    width: 260px
}

.status-user img,
.status-user2 img {
    margin-right: 9px
}

.status-user2 {
    width: 190px;
    font-weight: 700;
    padding-left: 0
}

.status-user2 img {
    margin-left: 0
}

.status-date,
.status-rank {
    width: 140px;
    float: left;
    padding: 0 12px
}

.status-date {
    width: 260px
}

.status-code {
    float: left;
    padding: 0 12px
}

.status-bar {
    float: right;
    padding: 0 12px;
    height: 36px;
    line-height: 36px;
    width: 350px;
    border-radius: 2px;
    color: #fff;
    background: #88621a;
    background: linear-gradient(270deg, rgba(206, 170, 52, .8) 0, rgba(189, 149, 42, .8) 36%, rgba(160, 113, 24, .8) 100%)
}

.status-bar2 {
    width: 100%;
    float: inherit;
    text-align: center;
    box-sizing: border-box;
    color: #ececec;
    font-size: 12px;
    background-image: linear-gradient(90deg, rgba(91, 126, 176, .8) 0, rgba(46, 71, 120, .8) 100%)
}

.status-bar2 .icon {
    margin: -2px 5px 0
}

.status-bar2 a {
    color: #ececec;
    cursor: pointer
}

.status-bar2 a:hover {
    color: #fff
}

.status-desc {
    float: left
}

.status-timer {
    float: right
}

.status_processing .status-bar {
    background: #2d4167;
    background: linear-gradient(270deg, rgba(91, 126, 176, .8) 0, rgba(46, 71, 120, .8) 100%)
}

.status_success .status-bar {
    background: #40764c;
    background: linear-gradient(270deg, rgba(95, 166, 105, .8) 0, rgba(49, 108, 56, .8) 100%)
}

.status_failed .status-bar {
    background: #753b3a;
    background: linear-gradient(90deg, rgba(190, 116, 116, .8) 0, rgba(137, 64, 64, .8) 100%)
}

.pager {
    text-align: center
}

.pager ul {
    display: inline-block
}

.pager li {
    display: inline-block;
    vertical-align: middle;
    margin: 0 4px 0 0
}

.pager li * {
    display: block;
    height: 34px;
    line-height: 34px;
    padding: 0 14px;
    min-width: 6px;
    border: 1px solid silver;
    border-radius: 2px;
    color: #45536c
}

.pager li :hover {
    border-color: #45536c
}

.pager li.active * {
    background: #45536c;
    color: #fff;
    border-color: #45536c
}

.pager li.disabled * {
    border-color: #f4f4f5;
    background: #f4f4f5;
    color: #909198
}

.pager .w-Select {
    border-color: silver;
    color: #45536c
}

.pager .w-Select:hover {
    border-color: #45536c
}

.pager .w-Select h3 {
    height: 34px;
    line-height: 34px;
    padding-left: 14px
}

.pager .w-Select ul {
    top: 37px
}

.pager .w-Select ul li {
    height: 34px;
    line-height: 34px;
    padding-left: 14px
}

.pager li,
.pager ul {
    *display: inline
}

.card-pager {
    padding-top: 20px;
    padding-bottom: 10px
}

.list-pager {
    padding-top: 40px;
    padding-bottom: 30px
}

.header {
    color: #dee1e6;
    background: url(../images/site/top-bg.png) no-repeat center top;
    height: 70px;
    border-bottom: 1px solid #2f3542;
    border-bottom: 1px solid rgba(255, 255, 255, .1);
    background-image: linear-gradient(0deg, rgba(37, 60, 98, .14) 0, rgba(98, 127, 173, .6) 99%)
}

.header a:link,
.header a:visited {
    color: #dee1e6
}

.header a:active,
.header a:hover {
    color: #fbfbfc
}

.header .logo {
    float: left;
    margin: 28px 48px 0 0
}

.header .nav li {
    float: left;
    position: relative
}

.header .nav li .span_tag {
    width: 25px;
    height: 16px;
    background-color: #4773C8;
    padding: 0 4px;
    border-radius: 2px;
    box-sizing: border-box;
    margin-left: 4px;
    line-height: 16px;
    font-size: 12px;
    font-weight: 700;
    color: #FFF
}

.header .nav li .header-drop,
.header .nav li>a {
    height: 70px;
    line-height: 70px;
    padding: 0 12px;
    display: flex;
    align-items: center
}

.header .nav li .header-drop strong,
.header .nav li>a strong {
    font-weight: 400;
    display: inline-block;
    height: 68px;
    line-height: 68px;
    cursor: pointer
}

.header .nav li:hover {
    background: rgba(255, 255, 255, .06);
    color: #fbfbfc
}

.header .nav li:not(.nav-expand):active {
    background: rgba(4, 5, 7, .15)
}

.header .nav li:not(.nav-expand):active a {
    color: #90969c
}

.header .nav li.on:not(.nav-expand):hover {
    background: 0 0
}

.header .nav li.on .header-drop strong,
.header .nav li.on>a strong {
    border-bottom: 2px solid #4886ff;
    color: #fff;
    box-sizing: border-box
}

.header .nav li .icon_new {
    top: 26px;
    left: 6px
}

.header .nav {
    float: left
}

.header .nav ul {
    float: left;
    margin: 0 0 0
}

.header .nav_entries {
    float: right;
    margin: 0 0 0;
    line-height: 70px
}

.header .nav_entries ul {
    float: right;
    margin-right: 9px
}

.header .user-info {
    float: right;
    position: relative;
    justify-content: center;
    height: 70px
}

.header .user-info>a {
    display: inline-flex;
    align-items: center;
    justify-content: center
}

.header .user-info:hover {
    color: #e4e8ee
}

.header .user-info .user-avatar-wrapper {
    line-height: 0
}

.header .user-info .user-avatar,
.header .user-info img {
    vertical-align: top;
    border: 2px solid transparent
}

.header .user-info.is-online .user-avatar,
.header .user-info.is-online img {
    border-color: #069b17
}

.header .user-info.is-offline .user-avatar,
.header .user-info.is-offline img {
    border-color: #9c9c9c
}

.header .user-info .store-user .user-name {
    height: 29px;
    margin-left: 0
}

.header .user-info.lv_5-6 .store-user h3 {
    color: #5e98d9
}

.header .user-info.lv_5-6 .store-user h3:hover {
    color: #4d80e1
}

.header .user-info.lv_7-8 .store-user h3 {
    color: #4773c8
}

.header .user-info.lv_7-8 .store-user h3:hover {
    color: #567fcd
}

.header .user-info.lv_9-10 .store-user h3 {
    color: #4b69ff
}

.header .user-info.lv_9-10 .store-user h3:hover {
    color: #2e4ce1
}

.header .user-info.lv5-6 .store-user h3:active,
.header .user-info.lv_7-8 .store-user h3:active,
.header .user-info.lv_9-10 .store-user h3:active {
    color: #3c61a8
}

.header .user-info.is-vip .user-avatar-wrapper::after {
    width: 20px;
    height: 20px
}

.header .user-info.is-vip .store-user h3 {
    color: #e1ab60
}

.header .user-info.is-vip .store-user h3:hover {
    color: #ffca80
}

.header .user-info.is-vip .store-user h3:active {
    color: #cd931d
}

#j_lang-switcher h3 {
    padding-left: 16px
}

.header-switcher {
    float: right;
    position: relative;
    cursor: pointer
}

.header-switcher h3 {
    line-height: 70px;
    padding: 0 10px 0 30px
}

.header-switcher .icon_arr_light {
    margin-left: 5px
}

.header-switcher .j_drop {
    position: absolute;
    background: #313a44;
    border: 1px solid #282f38;
    border-radius: 2px;
    top: 60px;
    left: 0
}

.header-switcher .j_drop p {
    height: 36px;
    line-height: 36px;
    white-space: nowrap;
    padding: 0 20px 0 10px
}

.header-switcher .j_drop p.nav-sub {
    padding: 16px;
    line-height: 18px;
    height: 18px
}

.header-switcher .j_drop p.nav-sub:hover a {
    background: #3a4452;
    color: #fbfbfc
}

.header-switcher .j_drop p.nav-sub:active a {
    background-color: #232c36;
    color: rgba(222, 225, 230, .5)
}

.header-switcher .j_drop p.nav-sub:active span {
    color: rgba(198, 202, 208, .5)
}

.header-switcher .j_drop p .icon {
    margin: -2px 6px 0 0
}

.header-switcher .j_drop p:hover {
    background: #3a4452;
    color: #fbfbfc
}

.header-switcher .j_drop p:active {
    background-color: #232c36;
    color: rgba(222, 225, 230, .5)
}

.header-switcher .j_drop p.on {
    color: #eea20e
}

.header-switcher .j_drop p.on:hover {
    color: #FFBD3D
}

.header-switcher .j_drop p.on:active {
    color: #CD931D
}

.game-select {
    float: right
}

.game-select .header-switcher .j_drop {
    width: 200px;
    right: auto;
    left: 26px
}

.game-select h3 {
    padding-right: 20px
}

.game-select h3 img {
    vertical-align: middle;
    margin: -3px 4px 0 0
}

.game-select h3 .tag_status {
    margin: 0 0 0 9px;
    position: relative;
    top: -1px
}

.game-select h3 strong {
    font-weight: 400;
    margin-right: 3px
}

.game-select p {
    position: relative
}

.game-select p img {
    margin: -3px 4px 0 0
}

.game-select p .tag_status {
    position: absolute;
    right: 6px;
    top: 10px
}

.icon_lang_zh-Hans {
    width: 16px;
    height: 16px;
    background: url(/img/language_cn.png);
    border-radius: 3px
}

.icon_lang_en {
    width: 16px;
    height: 16px;
    background: url(../images/language/language_en.png);
    border-radius: 3px
}

.icon_lang_ru {
    width: 16px;
    height: 16px;
    background: url(../images/language/language_ru.png);
    border-radius: 3px
}

.icon_lang_es {
    width: 16px;
    height: 16px;
    background: url(../images/language/language_es.png);
    border-radius: 3px
}

.icon_lang_pt {
    width: 16px;
    height: 16px;
    background: url(../images/language/language_pt.png);
    border-radius: 3px
}

.drop-store {
    width: 260px;
    background: #3a4452;
    border: 1px solid #282f39;
    box-shadow: 0 5px 10px 0 rgba(0, 0, 0, .2);
    border-radius: 2px;
    line-height: 1em !important;
    position: absolute;
    right: 0;
    top: 60px;
    z-index: 104
}

.drop-store p {
    line-height: 24px;
    padding: 0;
    margin: 0
}

.drop-store .t_Center {
    padding: 0 2px;
    margin-bottom: 0;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px
}

.drop-store .t_Center .f_Strong {
    margin-right: auto;
    font-weight: 700
}

.drop-store .t_Center .i_Btn {
    margin: 0
}

.store-user {
    padding: 20px;
    background: #313a45;
    font-size: 0
}

.store-user .user-avatar-wrapper {
    float: left;
    margin: 0 12px 0 0
}

.store-user h3 {
    color: #e4e8ee;
    vertical-align: middle;
    max-width: 122px;
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.store-user a:link,
.store-user a:visited {
    color: #4773c8
}

.store-user a:hover {
    color: #eea20e
}

.store-user a:active {
    color: #cd931d
}

.store-account {
    text-align: center;
    padding: 18px
}

.store-account h4 {
    color: #90969c;
    margin: 0 0 9px
}

.store-account .i_Btn {
    margin: 0 9px
}

.gamesel {
    float: left;
    cursor: pointer;
    width: 120px;
    padding: 32px 0 28px;
    position: relative;
    z-index: 101
}

.gamesel .icon {
    position: absolute;
    right: 24px;
    top: 40px
}

.gamesel img {
    margin: -2px 9px 0 0
}

.gamesel.on div {
    display: block
}

.gamesel div {
    position: absolute;
    left: -16px;
    top: 60px;
    display: none;
    box-shadow: 0 5px 10px 0 rgba(0, 0, 0, .2);
    border-radius: 2px;
    width: 136px;
    z-index: 102
}

.gamesel div p {
    height: 47px;
    line-height: 47px;
    padding: 0 0 0 16px;
    background: #394250;
    border-bottom: 1px solid #282f39
}

.gamesel div p:hover {
    background: #323a47
}

.cru {
    margin: 0 auto 20px;
    font-size: 12px !important
}

.cru div.w-Select {
    min-width: 100px;
    z-index: 100;
    background: #2e384b
}

.cru div.w-Select h3,
.cru div.w-Select li {
    font-size: 12px !important
}

.cru span {
    margin-top: -2px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 650px;
    display: inline-block;
    vertical-align: middle
}

.cru span,
.cru span a {
    color: #e4e8ee
}

.cru a:hover {
    color: #fff
}

.cru a:active {
    color: #515151
}

.cru .icon_arr_right {
    margin: -3px 10px 0
}

.j_drop {
    display: none
}

.showdrop .j_drop {
    display: block
}

.header-cont {
    position: relative;
    z-index: 100
}

.notice {
    height: 24px;
    line-height: 24px;
    color: #7a9ac2;
    padding: 0 9px;
    font-size: 12px;
    position: relative;
    background: #324760;
    background: rgba(86, 113, 155, .5)
}

.notice a:link,
.notice a:visited {
    color: silver
}

.notice .close {
    font-size: 20px;
    color: #778ba5
}

.notice .announcement {
    height: 100%;
    overflow: hidden;
    position: relative;
    max-width: 1162px
}

.notice .announcement:hover a,
.notice .announcement:hover p {
    color: #eea20e
}

.notice .announcement:active a,
.notice .announcement:active p {
    color: #cd931d
}

.notice .announcement p {
    position: absolute;
    white-space: nowrap;
    will-change: transform;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.notice .announcement p.marquee {
    -webkit-animation: marquee var(--animation-duration, 16s) linear infinite;
    -moz-animation: marquee var(--animation-duration, 16s) linear infinite;
    -o-animation: marquee var(--animation-duration, 16s) linear infinite;
    animation: marquee var(--animation-duration, 16s) linear infinite
}

.notice .announcement p.copy_marquee {
    -webkit-animation: copy_marquee var(--animation-duration, 16s) linear infinite;
    -moz-animation: copy_marquee var(--animation-duration, 16s) linear infinite;
    -o-animation: copy_marquee var(--animation-duration, 16s) linear infinite;
    animation: copy_marquee var(--animation-duration, 16s) linear infinite
}

@-webkit-keyframes marquee {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    100% {
        -webkit-transform: translateX(var(--count-width));
        transform: translateX(var(--count-width))
    }
}

@-webkit-keyframes copy_marquee {
    0% {
        -webkit-transform: translateX(var(--copy-width));
        transform: translateX(var(--copy-width))
    }

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

@-moz-keyframes marquee {
    0% {
        -moz-transform: translateX(0);
        transform: translateX(0)
    }

    100% {
        -moz-transform: translateX(var(--count-width));
        transform: translateX(var(--count-width))
    }
}

@-moz-keyframes copy_marquee {
    0% {
        -moz-transform: translateX(var(--copy-width));
        transform: translateX(var(--copy-width))
    }

    100% {
        -moz-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes marquee {
    0% {
        transform: translateX(0)
    }

    100% {
        transform: translateX(var(--count-width))
    }
}

@keyframes copy_marquee {
    0% {
        transform: translateX(var(--copy-width))
    }

    100% {
        transform: translateX(0)
    }
}

.notice .announcement:hover .copy_marquee,
.notice .announcement:hover .marquee {
    -webkit-animation-play-state: paused;
    -moz-animation-play-state: paused;
    -o-animation-play-state: paused;
    animation-play-state: paused
}

.announcement_gold {
    display: inline-block;
    background: rgba(238, 162, 14, .08);
    padding: 2px 4px;
    color: #eea20e;
    height: 20px;
    line-height: 16px;
    box-sizing: border-box
}

.guide {
    padding: 50px 0 20px 100px;
    width: 1200px;
    margin: 0 auto
}

.guide h3 {
    color: #e4e8ee;
    font-weight: 700;
    margin: 9px 0;
    font-size: 15px
}

.guide li {
    line-height: 20px;
    margin: 12px 0
}

.guide .guide-pre {
    width: 12px;
    height: 2px;
    background: #4773c8;
    font-size: 0;
    margin: 0 0 12px
}

.guide .line {
    background-image: linear-gradient(-90deg, rgba(39, 42, 44, 0) 0, #4773c8 49%, rgba(39, 42, 44, 0) 100%);
    *background: #4773c8;
    margin-top: 48px
}

.guide-section {
    float: left;
    width: 200px
}

.guide-section_qr {
    width: 100px
}

.footer {
    line-height: 24px;
    background: #272a2c url(/img/footer-bg.jpg) no-repeat center top;
    color: #959595;
    min-width: 1200px;
    overflow: hidden
}

@keyframes rotate-L {
    0% {
        transform: rotate(0);
        -webkit-transform: rotate(0)
    }

    100% {
        transform: rotate(-359deg);
        -webkit-transform: rotate(-359deg)
    }
}

@-webkit-keyframes rotate-L {
    0% {
        transform: rotate(0);
        -webkit-transform: rotate(0)
    }

    100% {
        transform: rotate(-359deg);
        -webkit-transform: rotate(-359deg)
    }
}

a.shalow-btn,
a.shalow-btn--icon,
a.shalow-btn-green,
a:link.shalow-btn,
a:link.shalow-btn--icon,
a:link.shalow-btn-green {
    height: 22px;
    line-height: 20px;
    padding: 0 5px;
    font-size: 12px;
    color: #ededed !important;
    background: rgba(168, 168, 174, .4);
    border: 1px solid rgba(78, 76, 89, .4);
    box-sizing: border-box;
    width: initial
}

a.shalow-btn--icon,
a:link.shalow-btn--icon {
    padding: 0;
    width: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(168, 168, 174, .4);
    border: 1px solid rgba(78, 76, 89, .3)
}

a.shalow-btn--icon:hover,
a.shalow-btn:hover,
a:link.shalow-btn--icon:hover,
a:link.shalow-btn:hover {
    cursor: pointer;
    background: rgba(168, 168, 174, .4);
    border: 1px solid rgba(255, 255, 255, .4)
}

a.shalow-btn2,
a:link.shalow-btn2 {
    height: 20px;
    line-height: 18px;
    padding: 0 5px;
    font-size: 12px;
    color: #4773c8 !important;
    background: #f6f6f6;
    border: 1px solid #efefef;
    border-radius: 2px;
    box-sizing: border-box;
    width: initial
}

a.shalow-btn2,
a:link.shalow-btn2:hover {
    cursor: pointer;
    background: #fff
}

a.shalow-btn-green,
a:link.shalow-btn-green {
    background: rgba(6, 155, 23, .3);
    border: 1px solid rgba(132, 241, 144, .3)
}

a.shalow-btn-green:hover,
a:link.shalow-btn-green:hover {
    background: rgba(63, 255, 85, .3)
}

a.shalow-btn-green--icon,
a:link.shalow-btn-green--icon {
    width: 22px;
    height: 22px;
    box-sizing: border-box;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center
}

a.shalow-btn-green--icon .icon,
a.shalow-btn-green--icon .icon2x,
a:link.shalow-btn-green--icon .icon,
a:link.shalow-btn-green--icon .icon2x {
    width: 20px;
    height: 20px
}

.label_down,
.label_up {
    box-sizing: border-box;
    display: inline-flex;
    align-items: center;
    height: 16px;
    padding: 0 3px;
    font-size: 12px;
    font-weight: 700;
    border: 1px solid;
    border-radius: 2px
}

.label_up {
    color: #069B17;
    border-color: #069B17
}

.label_down {
    color: #FA5B5B;
    border-color: #FA5B5B
}

.w-Select,
.w-Select-Multi {
    border: 1px solid #e3e3e3;
    display: inline-block;
    border-radius: 2px;
    position: relative;
    visibility: hidden;
    cursor: pointer;
    z-index: 50;
    padding: 0;
    margin: 0;
    font-size: 0;
    text-align: left;
    color: #515151;
    background: #fff;
    min-width: 80px
}

.w-Select h3,
.w-Select-Multi h3 {
    display: flex;
    align-items: center;
    padding: 0 0 0 9px;
    height: 32px;
    line-height: 32px;
    z-index: 51;
    position: relative;
    font-size: 12px !important;
    white-space: nowrap
}

.w-Select h3 span.hidden,
.w-Select-Multi h3 span.hidden {
    display: none
}

.w-Select h3 span.raw,
.w-Select-Multi h3 span.raw {
    color: #515151
}

.w-Select h3:active,
.w-Select-Multi h3:active {
    background: #eaeaea;
    color: #515151
}

.w-Select .icon_drop,
.w-Select-Multi .icon_drop {
    position: absolute;
    right: 7px;
    top: 18px
}

.w-Select .sel-ico,
.w-Select-Multi .sel-ico {
    width: 16px;
    height: 16px;
    margin: -3px 9px 0 0;
    display: inline-block
}

.w-Select-Multi:hover,
.w-Select:hover {
    border-color: silver;
    color: #333
}

.w-Select .icon_drop,
.w-Select-Multi .icon_drop {
    position: absolute;
    right: 7px;
    top: 18px
}

.w-Select ul,
.w-Select-Multi ul {
    position: absolute;
    min-width: 60px;
    top: 33px;
    left: 0;
    display: none;
    z-index: 62;
    border-radius: 2px;
    overflow: hidden;
    background: #fff;
    border: 1px solid #F0F0F0;
    left: -1px;
    border-bottom: none
}

.w-Select ul li,
.w-Select-Multi ul li {
    height: 32px;
    line-height: 30px;
    padding: 0 9px;
    white-space: nowrap;
    font-size: 12px;
    color: #515151;
    border-bottom: 1px solid #e3e3e3
}

.w-Select ul li.steam-account-option,
.w-Select-Multi ul li.steam-account-option {
    height: 52px;
    display: flex;
    align-items: center
}

.w-Select ul li.steam-account-option.is-grey,
.w-Select-Multi ul li.steam-account-option.is-grey {
    color: #90969c;
    opacity: .5
}

.w-Select ul li.steam-account-option>div,
.w-Select-Multi ul li.steam-account-option>div {
    flex: 1;
    max-width: 120px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-left: 4px;
    line-height: 16px;
    min-width: 0
}

.w-Select ul li.steam-account-option>div p,
.w-Select-Multi ul li.steam-account-option>div p {
    color: #90969c
}

.w-Select ul li.on,
.w-Select ul li:hover,
.w-Select-Multi ul li.on,
.w-Select-Multi ul li:hover {
    background: #f5f5f5;
    color: #333
}

.w-Select ul li.off,
.w-Select-Multi ul li.off {
    padding-top: 4px;
    padding-bottom: 4px
}

.w-Select ul li.off:hover,
.w-Select-Multi ul li.off:hover {
    background: 0 0 !important
}

.w-Select-Multi.on,
.w-Select.on {
    z-index: 53
}

.w-Select-Multi.on ul,
.w-Select.on ul {
    display: block
}

.w-Select-Multi.w-Select-scroll ul,
.w-Select.w-Select-scroll ul {
    max-height: 256px;
    overflow-y: auto
}

.w-Select-Multi.w-Select--disable,
.w-Select.w-Select--disable {
    cursor: not-allowed;
    border-color: #E4E4E4;
    opacity: .5
}

.w-Select-Multi.w-Select--disable h3,
.w-Select.w-Select--disable h3 {
    color: #515151
}

.w-Select-Multi.w-Select--disable .icon_drop,
.w-Select-Multi.w-Select--disable ul,
.w-Select.w-Select--disable .icon_drop,
.w-Select.w-Select--disable ul {
    display: none
}

.w-Select ul li:active {
    background: #eaeaea;
    color: #515151
}

.w-Select .user-avatar {
    box-sizing: border-box;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    border: .5px solid rgba(233, 233, 233, .5);
    margin-right: 4px
}

.w-Select--flat h6 {
    line-height: 32px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.w-Select--flat ul {
    box-sizing: border-box;
    top: 41px;
    padding: 8px 6px;
    border: 1px solid rgba(233, 233, 233, .5);
    gap: 6px;
    flex-wrap: wrap
}

.w-Select--flat ul li {
    box-sizing: border-box;
    height: 34px;
    width: 98px;
    line-height: 34px;
    padding: 0 16px;
    background: #fafafa;
    font-size: 14px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    border-bottom: none
}

.w-Select--flat ul li h6 {
    line-height: 34px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.w-Select--flat ul li.on,
.w-Select--flat ul li:hover {
    background: #eea20e;
    color: #fff
}

.w-Select--flat ul li:active {
    background: #cd931d
}

.w-Select--flat ul li .tag.exterior_wearcategory0,
.w-Select--flat ul li.exterior_wearcategory0 {
    color: #397439
}

.w-Select--flat ul li .tag.exterior_wearcategory0.on,
.w-Select--flat ul li .tag.exterior_wearcategory0:hover,
.w-Select--flat ul li.exterior_wearcategory0.on,
.w-Select--flat ul li.exterior_wearcategory0:hover {
    color: #fff;
    background: #397439
}

.w-Select--flat ul li .tag.exterior_wearcategory1,
.w-Select--flat ul li.exterior_wearcategory1 {
    color: #488B48
}

.w-Select--flat ul li .tag.exterior_wearcategory1.on,
.w-Select--flat ul li .tag.exterior_wearcategory1:hover,
.w-Select--flat ul li.exterior_wearcategory1.on,
.w-Select--flat ul li.exterior_wearcategory1:hover {
    color: #fff;
    background: #488B48
}

.w-Select--flat ul li .tag.exterior_wearcategory2,
.w-Select--flat ul li.exterior_wearcategory2 {
    color: #F1AD4D
}

.w-Select--flat ul li .tag.exterior_wearcategory2.on,
.w-Select--flat ul li .tag.exterior_wearcategory2:hover,
.w-Select--flat ul li.exterior_wearcategory2.on,
.w-Select--flat ul li.exterior_wearcategory2:hover {
    color: #fff;
    background: #F1AD4D
}

.w-Select--flat ul li .tag.exterior_wearcategory3,
.w-Select--flat ul li.exterior_wearcategory3 {
    color: #B7625F
}

.w-Select--flat ul li .tag.exterior_wearcategory3.on,
.w-Select--flat ul li .tag.exterior_wearcategory3:hover,
.w-Select--flat ul li.exterior_wearcategory3.on,
.w-Select--flat ul li.exterior_wearcategory3:hover {
    color: #fff;
    background: #B7625F
}

.w-Select--flat ul li .tag.exterior_wearcategory4,
.w-Select--flat ul li.exterior_wearcategory4 {
    color: #993A38
}

.w-Select--flat ul li .tag.exterior_wearcategory4.on,
.w-Select--flat ul li .tag.exterior_wearcategory4:hover,
.w-Select--flat ul li.exterior_wearcategory4.on,
.w-Select--flat ul li.exterior_wearcategory4:hover {
    color: #fff;
    background: #993A38
}

.w-Select--flat ul li .tag.quality_normal,
.w-Select--flat ul li.quality_normal {
    color: #b2b2b2
}

.w-Select--flat ul li .tag.quality_normal.on,
.w-Select--flat ul li .tag.quality_normal:hover,
.w-Select--flat ul li.quality_normal.on,
.w-Select--flat ul li.quality_normal:hover {
    color: #fff;
    background: #b2b2b2
}

.w-Select--flat ul li .tag.quality_tournament,
.w-Select--flat ul li.quality_tournament {
    color: gold
}

.w-Select--flat ul li .tag.quality_tournament.on,
.w-Select--flat ul li .tag.quality_tournament:hover,
.w-Select--flat ul li.quality_tournament.on,
.w-Select--flat ul li.quality_tournament:hover {
    color: #fff;
    background: gold
}

.w-Select--flat ul li .tag.quality_strange,
.w-Select--flat ul li.quality_strange {
    color: #cf6a32
}

.w-Select--flat ul li .tag.quality_strange.on,
.w-Select--flat ul li .tag.quality_strange:hover,
.w-Select--flat ul li.quality_strange.on,
.w-Select--flat ul li.quality_strange:hover {
    color: #fff;
    background: #cf6a32
}

.w-Select--flat ul li .tag.quality_unusual,
.w-Select--flat ul li.quality_unusual {
    color: #8650ac
}

.w-Select--flat ul li .tag.quality_unusual.on,
.w-Select--flat ul li .tag.quality_unusual:hover,
.w-Select--flat ul li.quality_unusual.on,
.w-Select--flat ul li.quality_unusual:hover {
    color: #fff;
    background: #8650ac
}

.w-Select--flat ul li .tag.quality_unusual_strange,
.w-Select--flat ul li.quality_unusual_strange {
    color: #8650ac
}

.w-Select--flat ul li .tag.quality_unusual_strange.on,
.w-Select--flat ul li .tag.quality_unusual_strange:hover,
.w-Select--flat ul li.quality_unusual_strange.on,
.w-Select--flat ul li.quality_unusual_strange:hover {
    color: #fff;
    background: #8650ac
}

.w-Select--flat ul li .tag.rarity_ancient_weapon,
.w-Select--flat ul li.rarity_ancient_weapon,
.w-Select--flat ul li.rarity_ancient_weapon>h6 {
    color: #eb4b4b
}

.w-Select--flat ul li .tag.rarity_ancient_weapon>h6,
.w-Select--flat ul li.rarity_ancient_weapon>h6,
.w-Select--flat ul li.rarity_ancient_weapon>h6>h6 {
    color: #eb4b4b
}

.w-Select--flat ul li .tag.rarity_ancient_weapon.on,
.w-Select--flat ul li .tag.rarity_ancient_weapon:hover,
.w-Select--flat ul li.rarity_ancient_weapon.on,
.w-Select--flat ul li.rarity_ancient_weapon:hover,
.w-Select--flat ul li.rarity_ancient_weapon>h6.on,
.w-Select--flat ul li.rarity_ancient_weapon>h6:hover {
    color: #fff;
    background: #eb4b4b
}

.w-Select--flat ul li .tag.rarity_ancient_weapon.on>h6,
.w-Select--flat ul li .tag.rarity_ancient_weapon:hover>h6,
.w-Select--flat ul li.rarity_ancient_weapon.on>h6,
.w-Select--flat ul li.rarity_ancient_weapon:hover>h6,
.w-Select--flat ul li.rarity_ancient_weapon>h6.on>h6,
.w-Select--flat ul li.rarity_ancient_weapon>h6:hover>h6 {
    color: #fff;
    background: #eb4b4b
}

.w-Select--flat ul li .tag.rarity_rare_weapon,
.w-Select--flat ul li.rarity_rare_weapon,
.w-Select--flat ul li.rarity_rare_weapon>h6 {
    color: #4b69ff
}

.w-Select--flat ul li .tag.rarity_rare_weapon>h6,
.w-Select--flat ul li.rarity_rare_weapon>h6,
.w-Select--flat ul li.rarity_rare_weapon>h6>h6 {
    color: #4b69ff
}

.w-Select--flat ul li .tag.rarity_rare_weapon.on,
.w-Select--flat ul li .tag.rarity_rare_weapon:hover,
.w-Select--flat ul li.rarity_rare_weapon.on,
.w-Select--flat ul li.rarity_rare_weapon:hover,
.w-Select--flat ul li.rarity_rare_weapon>h6.on,
.w-Select--flat ul li.rarity_rare_weapon>h6:hover {
    color: #fff;
    background: #4b69ff
}

.w-Select--flat ul li .tag.rarity_rare_weapon.on>h6,
.w-Select--flat ul li .tag.rarity_rare_weapon:hover>h6,
.w-Select--flat ul li.rarity_rare_weapon.on>h6,
.w-Select--flat ul li.rarity_rare_weapon:hover>h6,
.w-Select--flat ul li.rarity_rare_weapon>h6.on>h6,
.w-Select--flat ul li.rarity_rare_weapon>h6:hover>h6 {
    color: #fff;
    background: #4b69ff
}

.w-Select--flat ul li .tag.rarity_mythical_weapon,
.w-Select--flat ul li.rarity_mythical_weapon,
.w-Select--flat ul li.rarity_mythical_weapon>h6 {
    color: #8847ff
}

.w-Select--flat ul li .tag.rarity_mythical_weapon>h6,
.w-Select--flat ul li.rarity_mythical_weapon>h6,
.w-Select--flat ul li.rarity_mythical_weapon>h6>h6 {
    color: #8847ff
}

.w-Select--flat ul li .tag.rarity_mythical_weapon.on,
.w-Select--flat ul li .tag.rarity_mythical_weapon:hover,
.w-Select--flat ul li.rarity_mythical_weapon.on,
.w-Select--flat ul li.rarity_mythical_weapon:hover,
.w-Select--flat ul li.rarity_mythical_weapon>h6.on,
.w-Select--flat ul li.rarity_mythical_weapon>h6:hover {
    color: #fff;
    background: #8847ff
}

.w-Select--flat ul li .tag.rarity_mythical_weapon.on>h6,
.w-Select--flat ul li .tag.rarity_mythical_weapon:hover>h6,
.w-Select--flat ul li.rarity_mythical_weapon.on>h6,
.w-Select--flat ul li.rarity_mythical_weapon:hover>h6,
.w-Select--flat ul li.rarity_mythical_weapon>h6.on>h6,
.w-Select--flat ul li.rarity_mythical_weapon>h6:hover>h6 {
    color: #fff;
    background: #8847ff
}

.w-Select--flat ul li .tag.rarity_legendary_weapon,
.w-Select--flat ul li.rarity_legendary_weapon,
.w-Select--flat ul li.rarity_legendary_weapon>h6 {
    color: #d32ce6
}

.w-Select--flat ul li .tag.rarity_legendary_weapon>h6,
.w-Select--flat ul li.rarity_legendary_weapon>h6,
.w-Select--flat ul li.rarity_legendary_weapon>h6>h6 {
    color: #d32ce6
}

.w-Select--flat ul li .tag.rarity_legendary_weapon.on,
.w-Select--flat ul li .tag.rarity_legendary_weapon:hover,
.w-Select--flat ul li.rarity_legendary_weapon.on,
.w-Select--flat ul li.rarity_legendary_weapon:hover,
.w-Select--flat ul li.rarity_legendary_weapon>h6.on,
.w-Select--flat ul li.rarity_legendary_weapon>h6:hover {
    color: #fff;
    background: #d32ce6
}

.w-Select--flat ul li .tag.rarity_legendary_weapon.on>h6,
.w-Select--flat ul li .tag.rarity_legendary_weapon:hover>h6,
.w-Select--flat ul li.rarity_legendary_weapon.on>h6,
.w-Select--flat ul li.rarity_legendary_weapon:hover>h6,
.w-Select--flat ul li.rarity_legendary_weapon>h6.on>h6,
.w-Select--flat ul li.rarity_legendary_weapon>h6:hover>h6 {
    color: #fff;
    background: #d32ce6
}

.w-Select--flat ul li .tag.rarity_uncommon_weapon,
.w-Select--flat ul li.rarity_uncommon_weapon,
.w-Select--flat ul li.rarity_uncommon_weapon>h6 {
    color: #5e98d9
}

.w-Select--flat ul li .tag.rarity_uncommon_weapon>h6,
.w-Select--flat ul li.rarity_uncommon_weapon>h6,
.w-Select--flat ul li.rarity_uncommon_weapon>h6>h6 {
    color: #5e98d9
}

.w-Select--flat ul li .tag.rarity_uncommon_weapon.on,
.w-Select--flat ul li .tag.rarity_uncommon_weapon:hover,
.w-Select--flat ul li.rarity_uncommon_weapon.on,
.w-Select--flat ul li.rarity_uncommon_weapon:hover,
.w-Select--flat ul li.rarity_uncommon_weapon>h6.on,
.w-Select--flat ul li.rarity_uncommon_weapon>h6:hover {
    color: #fff;
    background: #5e98d9
}

.w-Select--flat ul li .tag.rarity_uncommon_weapon.on>h6,
.w-Select--flat ul li .tag.rarity_uncommon_weapon:hover>h6,
.w-Select--flat ul li.rarity_uncommon_weapon.on>h6,
.w-Select--flat ul li.rarity_uncommon_weapon:hover>h6,
.w-Select--flat ul li.rarity_uncommon_weapon>h6.on>h6,
.w-Select--flat ul li.rarity_uncommon_weapon>h6:hover>h6 {
    color: #fff;
    background: #5e98d9
}

.w-Select--flat ul li .tag.rarity_common_weapon,
.w-Select--flat ul li.rarity_common_weapon,
.w-Select--flat ul li.rarity_common_weapon>h6 {
    color: #b0c3d9
}

.w-Select--flat ul li .tag.rarity_common_weapon>h6,
.w-Select--flat ul li.rarity_common_weapon>h6,
.w-Select--flat ul li.rarity_common_weapon>h6>h6 {
    color: #b0c3d9
}

.w-Select--flat ul li .tag.rarity_common_weapon.on,
.w-Select--flat ul li .tag.rarity_common_weapon:hover,
.w-Select--flat ul li.rarity_common_weapon.on,
.w-Select--flat ul li.rarity_common_weapon:hover,
.w-Select--flat ul li.rarity_common_weapon>h6.on,
.w-Select--flat ul li.rarity_common_weapon>h6:hover {
    color: #fff;
    background: #b0c3d9
}

.w-Select--flat ul li .tag.rarity_common_weapon.on>h6,
.w-Select--flat ul li .tag.rarity_common_weapon:hover>h6,
.w-Select--flat ul li.rarity_common_weapon.on>h6,
.w-Select--flat ul li.rarity_common_weapon:hover>h6,
.w-Select--flat ul li.rarity_common_weapon>h6.on>h6,
.w-Select--flat ul li.rarity_common_weapon>h6:hover>h6 {
    color: #fff;
    background: #b0c3d9
}

.w-Select--flat ul li .tag.rarity_common,
.w-Select--flat ul li.rarity_common,
.w-Select--flat ul li.rarity_common>h6 {
    color: #b0c3d9
}

.w-Select--flat ul li .tag.rarity_common>h6,
.w-Select--flat ul li.rarity_common>h6,
.w-Select--flat ul li.rarity_common>h6>h6 {
    color: #b0c3d9
}

.w-Select--flat ul li .tag.rarity_common.on,
.w-Select--flat ul li .tag.rarity_common:hover,
.w-Select--flat ul li.rarity_common.on,
.w-Select--flat ul li.rarity_common:hover,
.w-Select--flat ul li.rarity_common>h6.on,
.w-Select--flat ul li.rarity_common>h6:hover {
    color: #fff;
    background: #b0c3d9
}

.w-Select--flat ul li .tag.rarity_common.on>h6,
.w-Select--flat ul li .tag.rarity_common:hover>h6,
.w-Select--flat ul li.rarity_common.on>h6,
.w-Select--flat ul li.rarity_common:hover>h6,
.w-Select--flat ul li.rarity_common>h6.on>h6,
.w-Select--flat ul li.rarity_common>h6:hover>h6 {
    color: #fff;
    background: #b0c3d9
}

.w-Select--flat ul li .tag.rarity_rare,
.w-Select--flat ul li.rarity_rare,
.w-Select--flat ul li.rarity_rare>h6 {
    color: #4b69ff
}

.w-Select--flat ul li .tag.rarity_rare>h6,
.w-Select--flat ul li.rarity_rare>h6,
.w-Select--flat ul li.rarity_rare>h6>h6 {
    color: #4b69ff
}

.w-Select--flat ul li .tag.rarity_rare.on,
.w-Select--flat ul li .tag.rarity_rare:hover,
.w-Select--flat ul li.rarity_rare.on,
.w-Select--flat ul li.rarity_rare:hover,
.w-Select--flat ul li.rarity_rare>h6.on,
.w-Select--flat ul li.rarity_rare>h6:hover {
    color: #fff;
    background: #4b69ff
}

.w-Select--flat ul li .tag.rarity_rare.on>h6,
.w-Select--flat ul li .tag.rarity_rare:hover>h6,
.w-Select--flat ul li.rarity_rare.on>h6,
.w-Select--flat ul li.rarity_rare:hover>h6,
.w-Select--flat ul li.rarity_rare>h6.on>h6,
.w-Select--flat ul li.rarity_rare>h6:hover>h6 {
    color: #fff;
    background: #4b69ff
}

.w-Select--flat ul li .tag.rarity_legendary,
.w-Select--flat ul li.rarity_legendary,
.w-Select--flat ul li.rarity_legendary>h6 {
    color: #d32ce6
}

.w-Select--flat ul li .tag.rarity_legendary>h6,
.w-Select--flat ul li.rarity_legendary>h6,
.w-Select--flat ul li.rarity_legendary>h6>h6 {
    color: #d32ce6
}

.w-Select--flat ul li .tag.rarity_legendary.on,
.w-Select--flat ul li .tag.rarity_legendary:hover,
.w-Select--flat ul li.rarity_legendary.on,
.w-Select--flat ul li.rarity_legendary:hover,
.w-Select--flat ul li.rarity_legendary>h6.on,
.w-Select--flat ul li.rarity_legendary>h6:hover {
    color: #fff;
    background: #d32ce6
}

.w-Select--flat ul li .tag.rarity_legendary.on>h6,
.w-Select--flat ul li .tag.rarity_legendary:hover>h6,
.w-Select--flat ul li.rarity_legendary.on>h6,
.w-Select--flat ul li.rarity_legendary:hover>h6,
.w-Select--flat ul li.rarity_legendary>h6.on>h6,
.w-Select--flat ul li.rarity_legendary>h6:hover>h6 {
    color: #fff;
    background: #d32ce6
}

.w-Select--flat ul li .tag.rarity_mythical,
.w-Select--flat ul li.rarity_mythical,
.w-Select--flat ul li.rarity_mythical>h6 {
    color: #8847ff
}

.w-Select--flat ul li .tag.rarity_mythical>h6,
.w-Select--flat ul li.rarity_mythical>h6,
.w-Select--flat ul li.rarity_mythical>h6>h6 {
    color: #8847ff
}

.w-Select--flat ul li .tag.rarity_mythical.on,
.w-Select--flat ul li .tag.rarity_mythical:hover,
.w-Select--flat ul li.rarity_mythical.on,
.w-Select--flat ul li.rarity_mythical:hover,
.w-Select--flat ul li.rarity_mythical>h6.on,
.w-Select--flat ul li.rarity_mythical>h6:hover {
    color: #fff;
    background: #8847ff
}

.w-Select--flat ul li .tag.rarity_mythical.on>h6,
.w-Select--flat ul li .tag.rarity_mythical:hover>h6,
.w-Select--flat ul li.rarity_mythical.on>h6,
.w-Select--flat ul li.rarity_mythical:hover>h6,
.w-Select--flat ul li.rarity_mythical>h6.on>h6,
.w-Select--flat ul li.rarity_mythical>h6:hover>h6 {
    color: #fff;
    background: #8847ff
}

.w-Select--flat ul li .tag.rarity_ancient,
.w-Select--flat ul li.rarity_ancient,
.w-Select--flat ul li.rarity_ancient>h6 {
    color: #eb4b4b
}

.w-Select--flat ul li .tag.rarity_ancient>h6,
.w-Select--flat ul li.rarity_ancient>h6,
.w-Select--flat ul li.rarity_ancient>h6>h6 {
    color: #eb4b4b
}

.w-Select--flat ul li .tag.rarity_ancient.on,
.w-Select--flat ul li .tag.rarity_ancient:hover,
.w-Select--flat ul li.rarity_ancient.on,
.w-Select--flat ul li.rarity_ancient:hover,
.w-Select--flat ul li.rarity_ancient>h6.on,
.w-Select--flat ul li.rarity_ancient>h6:hover {
    color: #fff;
    background: #eb4b4b
}

.w-Select--flat ul li .tag.rarity_ancient.on>h6,
.w-Select--flat ul li .tag.rarity_ancient:hover>h6,
.w-Select--flat ul li.rarity_ancient.on>h6,
.w-Select--flat ul li.rarity_ancient:hover>h6,
.w-Select--flat ul li.rarity_ancient>h6.on>h6,
.w-Select--flat ul li.rarity_ancient>h6:hover>h6 {
    color: #fff;
    background: #eb4b4b
}

.w-Select--flat ul li .tag.rarity_contraband,
.w-Select--flat ul li.rarity_contraband,
.w-Select--flat ul li.rarity_contraband>h6 {
    color: #e4ae39
}

.w-Select--flat ul li .tag.rarity_contraband>h6,
.w-Select--flat ul li.rarity_contraband>h6,
.w-Select--flat ul li.rarity_contraband>h6>h6 {
    color: #e4ae39
}

.w-Select--flat ul li .tag.rarity_contraband.on,
.w-Select--flat ul li .tag.rarity_contraband:hover,
.w-Select--flat ul li.rarity_contraband.on,
.w-Select--flat ul li.rarity_contraband:hover,
.w-Select--flat ul li.rarity_contraband>h6.on,
.w-Select--flat ul li.rarity_contraband>h6:hover {
    color: #fff;
    background: #e4ae39
}

.w-Select--flat ul li .tag.rarity_contraband.on>h6,
.w-Select--flat ul li .tag.rarity_contraband:hover>h6,
.w-Select--flat ul li.rarity_contraband.on>h6,
.w-Select--flat ul li.rarity_contraband:hover>h6,
.w-Select--flat ul li.rarity_contraband>h6.on>h6,
.w-Select--flat ul li.rarity_contraband>h6:hover>h6 {
    color: #fff;
    background: #e4ae39
}

.w-Select--flat ul li .tag.rarity_ancient_character,
.w-Select--flat ul li.rarity_agent_quality_character {
    color: #eb4b4b
}

.w-Select--flat ul li .tag.rarity_ancient_character.on,
.w-Select--flat ul li .tag.rarity_ancient_character:hover,
.w-Select--flat ul li.rarity_agent_quality_character.on,
.w-Select--flat ul li.rarity_agent_quality_character:hover {
    color: #fff;
    background: #eb4b4b
}

.w-Select--flat ul li .tag.rarity_rare_character,
.w-Select--flat ul li.rarity_agent_quality_character {
    color: #4b69ff
}

.w-Select--flat ul li .tag.rarity_rare_character.on,
.w-Select--flat ul li .tag.rarity_rare_character:hover,
.w-Select--flat ul li.rarity_agent_quality_character.on,
.w-Select--flat ul li.rarity_agent_quality_character:hover {
    color: #fff;
    background: #4b69ff
}

.w-Select--flat ul li .tag.rarity_mythical_character,
.w-Select--flat ul li.rarity_agent_quality_character {
    color: #8847ff
}

.w-Select--flat ul li .tag.rarity_mythical_character.on,
.w-Select--flat ul li .tag.rarity_mythical_character:hover,
.w-Select--flat ul li.rarity_agent_quality_character.on,
.w-Select--flat ul li.rarity_agent_quality_character:hover {
    color: #fff;
    background: #8847ff
}

.w-Select--flat ul li .tag.rarity_legendary_character,
.w-Select--flat ul li.rarity_agent_quality_character {
    color: #d32ce6
}

.w-Select--flat ul li .tag.rarity_legendary_character.on,
.w-Select--flat ul li .tag.rarity_legendary_character:hover,
.w-Select--flat ul li.rarity_agent_quality_character.on,
.w-Select--flat ul li.rarity_agent_quality_character:hover {
    color: #fff;
    background: #d32ce6
}

.w-Select--flat ul li.colored_tag:active {
    opacity: .8
}

.w-Select--flat.on ul {
    display: flex
}

.w-Select-Multi h3 {
    padding: 0 15px 0 9px
}

.w-Select-Multi ul {
    overflow: visible
}

.w-Select-Multi ul li {
    position: relative;
    padding: 0
}

.w-Select-Multi ul li.hover div {
    display: block
}

.w-Select-Multi ul li div {
    position: absolute;
    left: 100px;
    top: -1px;
    background: #fff;
    border: 1px solid #F0F0F0;
    display: none;
    max-height: 330px;
    overflow-x: hidden;
    overflow-y: auto
}

.w-Select-Multi ul li div p {
    height: 32px;
    line-height: 30px;
    padding: 0 9px;
    white-space: nowrap;
    color: #515151;
    border-bottom: 1px solid #e3e3e3
}

.w-Select-Multi ul li div p.on,
.w-Select-Multi ul li div p:hover {
    background: #f5f5f5;
    color: #333
}

.w-Select-Multi ul li div p:active {
    background: #eaeaea;
    color: #515151
}

.w-Select-Multi ul li.off {
    border-bottom: none
}

.w-Select-Multi ul h6 {
    line-height: 32px;
    font-size: 12px;
    padding: 0 9px
}

.w-Select-Multi ul h6:active {
    background: #eaeaea;
    color: #515151
}

.w-Select-Multi ul .w-Search {
    position: relative;
    width: 100%
}

.w-Select-Multi ul .w-Search .i_Text {
    width: 100%;
    min-width: 118px;
    height: 26px;
    line-height: 26px;
    padding-right: 30px;
    box-sizing: border-box;
    border-color: #373A4C;
    background: 0 0
}

.w-Select-Multi ul .w-Search .i_Text:focus {
    border-color: #A1A1A1
}

.w-Select-Multi ul .w-Search .i_Text:focus~a {
    border-color: #A1A1A1
}

.w-Select-Multi ul .w-Search a {
    position: absolute;
    padding: 0 5px 0 6px;
    right: 0;
    margin-left: 0;
    background: #45536c;
    top: 2px;
    height: 24px;
    line-height: 24px;
    border: 1px solid #45536c;
    border-left: none
}

.w-Select-Multi ul .w-Search a .icon {
    margin: 0
}

.w-Select-Multi ul .w-Search a:hover {
    background: #3F5D97
}

.w-Select-Multi ul .w-Search.light .i_Text {
    border-color: rgba(233, 233, 233, .5)
}

.w-Select-Multi ul .w-Search.light .i_Text:focus {
    border-color: #CCC
}

.w-Select-Multi ul .w-Search.light .i_Text:focus~a {
    border-color: #CCC
}

.w-Select-Multi ul .w-Search.light a {
    background: #4773c8;
    border: 1px solid #4773c8
}

.w-Select-Multi ul .w-Search.light a:hover {
    background: #567fcd
}

.w-Select-Multi_wrap ul li div {
    width: 210px;
    height: auto;
    overflow: auto;
    padding: 0 0 6px
}

.w-Select-Multi_wrap ul li div p {
    height: 32px;
    line-height: 32px;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    border: none;
    width: 77px;
    margin: 6px 0 0 6px;
    float: left;
    background: #353748;
    border-radius: 3px
}

div.rust-Select-Multi ul li div {
    width: 300px;
    height: auto;
    overflow: auto;
    padding: 0 0 6px
}

div.rust-Select-Multi ul li div p {
    height: 32px;
    line-height: 32px;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    border: none;
    width: 120px;
    margin: 6px 0 0 6px;
    float: left;
    background: #353748;
    border-radius: 3px
}

.w-Select_big h3 {
    height: 46px;
    line-height: 46px;
    padding-left: 18px;
    color: #515151 !important;
    font-size: 14px !important
}

.w-Select_big .icon_drop {
    top: 33px
}

.w-Select_big ul {
    top: 49px;
    border-radius: 0;
    box-shadow: 0 0 5px #e0e0e0
}

.w-Select_big ul li {
    height: 46px;
    line-height: 46px;
    padding-left: 18px
}

.w-Select_mid h3 {
    height: 38px;
    line-height: 38px;
    padding-left: 16px;
    font-size: 14px !important
}

.w-Select_mid .icon_drop {
    top: 24px !important
}

.w-Select_mid ul {
    top: 39px !important
}

.w-Select_mid ul li {
    height: 38px;
    line-height: 38px;
    padding-left: 16px;
    font-size: 14px !important
}

.w-SelDate,
.w-SelHero,
.w-Selectsearch,
.w-Stone {
    color: #515151;
    display: inline-block;
    border-radius: 2px;
    position: relative;
    cursor: pointer;
    z-index: 80;
    padding: 0;
    margin: 0;
    font-size: 0;
    border: 1px solid #E3E3E3;
    background: #fff;
    min-width: 100px
}

.w-SelDate.on,
.w-SelDate:hover,
.w-SelHero.on,
.w-SelHero:hover,
.w-Selectsearch.on,
.w-Selectsearch:hover,
.w-Stone.on,
.w-Stone:hover {
    border-color: silver;
    color: #333
}

.w-SelDate h3,
.w-SelHero h3,
.w-Selectsearch h3,
.w-Stone h3 {
    padding: 0 28px 0 9px;
    height: 30px;
    line-height: 30px;
    z-index: 51;
    position: relative;
    font-size: 12px !important
}

.w-SelDate h3:active,
.w-SelHero h3:active,
.w-Selectsearch h3:active,
.w-Stone h3:active {
    background: #eaeaea;
    color: #515151
}

.w-SelDate .icon_drop,
.w-SelHero .icon_drop,
.w-Selectsearch .icon_drop,
.w-Stone .icon_drop {
    position: absolute;
    right: 7px;
    top: 18px
}

.w-SelDate:hover,
.w-SelHero:hover,
.w-Selectsearch:hover,
.w-Stone:hover {
    border-color: silver
}

.w-SelDate.on .w-date-drop,
.w-SelDate.on .w-hero-drop,
.w-SelHero.on .w-date-drop,
.w-SelHero.on .w-hero-drop,
.w-Selectsearch.on .w-date-drop,
.w-Selectsearch.on .w-hero-drop,
.w-Stone.on .w-date-drop,
.w-Stone.on .w-hero-drop {
    display: block
}

.w-SelDate {
    z-index: 60
}

.w-date-drop,
.w-hero-drop,
.w-stone-drop {
    position: absolute;
    top: 34px;
    left: -1px;
    background: #fff;
    padding: 12px 6px 18px;
    width: 840px;
    display: none;
    border-radius: 2px;
    border: 1px solid #F0F0F0
}

.w-date-drop .w-default,
.w-hero-drop .w-default,
.w-stone-drop .w-default {
    margin: 0 12px -18px 0
}

.w-hero-drop {
    width: 920px
}

.black .w-SelDate,
.black .w-SelHero {
    background: #2d2f3e;
    color: #90969c;
    border: 1px solid #2d2f3e
}

.black .w-SelDate.on,
.black .w-SelDate:hover,
.black .w-SelHero.on,
.black .w-SelHero:hover {
    background: #3a455a;
    color: #fff;
    border-color: #3a455a
}

.black .w-SelDate:active,
.black .w-SelHero:active {
    background: #2d2f3e;
    color: #90969c;
    border-color: #2d2f3e
}

.black .w-SelDate h3,
.black .w-SelHero h3 {
    height: 32px;
    line-height: 32px
}

.black .w-SelDate h3:active,
.black .w-SelHero h3:active {
    background: #1c202b;
    color: #c6cad0
}

.black .w-SelDate.on,
.black .w-SelHero.on {
    border-bottom-color: #fff
}

.black .w-SelDate[value]:not([value=""]):not([value=default]):not(.value-default),
.black .w-SelHero[value]:not([value=""]):not([value=default]):not(.value-default) {
    background: #353748;
    color: #899ab9;
    border-color: #899ab9
}

.black .w-SelDate[value]:not([value=""]):not([value=default]):not(.value-default):hover,
.black .w-SelHero[value]:not([value=""]):not([value=default]):not(.value-default):hover {
    background: #3a455a;
    color: #fff;
    border-color: #3a455a
}

.black .w-SelDate[value]:not([value=""]):not([value=default]):not(.value-default):active,
.black .w-SelHero[value]:not([value=""]):not([value=default]):not(.value-default):active {
    background: #353748;
    color: #899ab9;
    border-color: #899ab9
}

.black .w-date-drop,
.black .w-hero-drop,
.black .w-stone-drop {
    background: #2D2F3E;
    border: none;
    left: 0
}

.hero-type {
    float: left;
    width: 210px;
    margin: 0 10px
}

.hero-type h4 {
    margin: 0 0 12px 3px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    display: inline-block;
    width: 120px
}

.hero-type li {
    float: left;
    position: relative;
    margin: 2px;
    display: inline
}

.hero-type li i {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0
}

.hero-type li.on i,
.hero-type li:hover i {
    border: 1px solid #EEA20E
}

.w-Stone {
    z-index: 90
}

.w-Stone.on .w-Stone-mask,
.w-Stone.on .w-stone-drop {
    display: block
}

.w-stone-drop {
    font-size: 14px
}

.stone-tab {
    float: left;
    width: 92px
}

.stone-tab h5,
.stone-tab li {
    border: 1px solid #c8c7c9;
    text-align: center;
    height: 28px;
    line-height: 28px;
    margin-top: -1px;
    position: relative
}

.stone-tab h5:hover,
.stone-tab li:hover {
    background: #f0f0f0
}

.stone-tab h5.on,
.stone-tab li.on {
    border-color: #eea20e;
    background: #eea20e;
    color: #fff
}

.stone-tab li {
    border-radius: 2px
}

.stone-tab li.on {
    background: #fff;
    color: #333;
    border-width: 2px
}

.stone-tab ul {
    margin-top: 32px
}

.stone-list {
    margin-left: 120px
}

.stone-list li {
    float: left;
    border: 1px solid #c8c7c9;
    border-radius: 2px;
    margin: 0 9px 9px 0;
    white-space: nowrap
}

.stone-list li:hover {
    border-color: #999
}

.stone-list li.on {
    border-color: #eea20e
}

.stone-list li.on span {
    border-color: #eea20e
}

.stone-list li span {
    display: block;
    height: 26px;
    line-height: 26px;
    border-radius: 2px;
    border: 1px solid #fff;
    text-align: center;
    padding: 0 6px;
    min-width: 80px
}

.w-Sel-Hero {
    margin: 0 0 0 25px;
    float: left
}

.w-Sel-Hero .hero-type {
    width: 140px;
    position: relative;
    background: #2D2F3E;
    margin: 0 5px
}

.w-Sel-Hero .hero-type h4 {
    text-align: left;
    height: 42px;
    line-height: 42px;
    padding: 0 9px;
    margin: 0;
    position: relative;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
}

.w-Sel-Hero .hero-type h4 .icon_drop {
    position: absolute;
    right: 6px;
    top: 22px
}

.w-Sel-Hero .hero-type ul {
    width: 370px;
    display: none;
    position: absolute;
    background: #2D2F3E;
    padding: 4px 4px 6px;
    top: 42px;
    left: 0
}

.w-Sel-Hero .hero-type li {
    cursor: pointer
}

.w-Sel-Hero .hero-type.on ul {
    display: block
}

.w-Sel-Hero .ht1 {
    z-index: 33
}

.w-Sel-Hero .ht2 {
    z-index: 32
}

.w-Sel-Hero .ht3 {
    z-index: 31
}

.w-Sel-Hero .ht4 {
    z-index: 30
}

.w-Search {
    font-size: 0;
    display: inline-block
}

.w-Search .icon {
    vertical-align: middle
}

.w-Search .i_Text {
    width: 240px;
    font-size: 12px
}

.w-Search a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 32px;
    line-height: 1;
    padding: 0 22px;
    background: #3F5D97;
    color: #E1E5EC;
    font-size: 12px;
    vertical-align: middle;
    border-radius: 0 2px 2px 0;
    margin-left: -2px
}

.w-Search a:hover {
    background: #4773c8;
    color: #fff
}

.w-Search a:active {
    background: #3c61a8
}

.w-Search a .icon {
    margin: 0 6px 0 0
}

.w-SelType {
    width: 164px;
    float: left;
    margin: 0 6px 0 5px;
    height: 155px;
    overflow: hidden;
    position: relative;
    z-index: 20;
    background: #2D2F3E
}

.w-SelType.on {
    overflow: visible
}

.w-SelType h4 {
    height: 40px;
    line-height: 42px;
    padding: 0 9px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
}

.w-SelType h4 .icon_drop {
    position: absolute;
    right: 6px;
    top: 22px
}

.w-SelType ul {
    *zoom: 1;
    background: #2D2F3E;
    padding: 0 0 4px
}

.w-SelType ul:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
}

.w-SelType ul:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
}

.w-SelType ul:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
}

.w-SelType li {
    float: left;
    width: 76px;
    height: 33px;
    line-height: 33px;
    margin: 4px 0 0 4px;
    cursor: pointer;
    text-align: center;
    font-size: 12px;
    background: #353748;
    border-radius: 2px;
    color: #90969c;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
}

.w-SelType li.on,
.w-SelType li:hover {
    color: #fff;
    background: #484b5f
}

.w-SelType li:active {
    background: #3d4050;
    color: #90969c
}

.dota-heros .w-SelType {
    width: 130px;
    margin: 0 4px
}

.dota-heros .w-SelType ul {
    width: 256px
}

.dota-heros .w-SelType li {
    width: 114px;
    padding: 0 4px
}

.w-Tag span {
    height: 32px;
    line-height: 32px;
    min-width: 42px;
    text-align: center;
    display: inline-block;
    margin: 0 12px 0 0;
    border-radius: 2px;
    cursor: pointer;
    padding: 0 6px;
    font-size: 12px
}

.w-Tag span.on,
.w-Tag span.on:hover {
    background: #fc5600;
    color: #fff
}

.w-Tag span:hover {
    color: #eea20e
}

.w-Tag_big span {
    min-width: 140px;
    position: relative;
    border: 1px solid #E3E3E3;
    line-height: 46px;
    height: 46px;
    overflow: hidden;
    color: #999;
    margin: 0 20px 0 0;
    font-size: 16px
}

.w-Tag_big span .i_Text {
    border: none !important;
    background: 0 0;
    width: 200px;
    color: #999
}

.w-Tag_big span .icon {
    display: none;
    position: absolute;
    right: 0;
    bottom: 0
}

.w-Tag_big span:hover {
    border-color: #eea20e;
    color: #040507
}

.w-Tag_big span:hover .icon {
    display: block
}

.w-Tag_big span:active {
    background-color: #fafafa;
    border-color: #cd931d;
    color: #515151
}

.w-Tag_big span.on {
    font-weight: 700;
    border-color: #eea20e !important;
    color: #eea20e !important;
    background: 0 0 !important
}

.w-Tag_big span.on .i_Text {
    font-weight: 700;
    color: #eea20e !important
}

.w-Tag_big span.on .icon {
    display: block
}

.w-Tag_big span.on:hover {
    color: #ffbd3d !important
}

.w-Tag_big span.on:active {
    color: #cd931d !important;
    background-color: #fafafa !important;
    border-color: #cd931d !important
}

.w-Tag_error {
    border-color: #EE9482 !important;
    background: #FEF8F7
}

.w-Key span {
    height: 32px;
    line-height: 32px;
    min-width: 42px;
    text-align: center;
    display: inline-block;
    margin-right: 12px;
    border-radius: 2px;
    padding: 0 20px 0 6px;
    position: relative;
    font-size: 12px;
    border: 1px solid #c8c7c9
}

.w-Key span:hover {
    border-color: #999
}

.w-Key span i {
    position: absolute;
    right: 6px;
    top: -1px;
    font-style: normal;
    cursor: pointer;
    font-size: 16px;
    font-weight: 700
}

.w-Key.hasBot span {
    margin-bottom: 10px
}

.w-Counter {
    display: inline-block;
    position: relative;
    min-width: 186px;
    height: 30px;
    z-index: 10
}

.w-Counter .i_Text {
    width: 56px;
    margin: 0 6px;
    text-align: center;
    font-size: 12px
}

.w-Counter .i_Btn {
    min-width: 58px;
    width: 58px
}

.w-Counter .i_Btn_sub {
    margin: 0 18px 0 -1px
}

.w-Counter-pannel {
    position: absolute;
    top: -11px;
    left: -8px;
    width: 172px;
    padding: 54px 0 12px 15px;
    z-index: 35;
    background: #fff;
    display: none
}

.w-Counter-input {
    position: absolute;
    z-index: 40;
    width: 186px;
    left: 0;
    top: 0
}

.w-Counter-input2 {
    width: 192px
}

.w-Counter-input2:after,
.w-Counter-input2:before {
    content: attr(data-value);
    position: absolute;
    top: 0;
    font-size: 14px;
    width: 20px;
    text-align: center;
    line-height: 32px
}

.w-Counter-input2:before {
    left: 6px
}

.w-Counter-input2:after {
    left: 104px
}

.w-Counter-input2+.w-Counter-pannel {
    width: 190px
}

.w-Counter-input2+.w-Counter-pannel .i_Btn_small {
    width: 68px
}

.w-Counter-input2 .i_Text {
    width: 80px;
    box-sizing: border-box;
    padding: 3px 6px 3px 16px
}

.w-Counter-input3 {
    width: 210px
}

.w-Counter-input3+.w-Counter-pannel {
    width: 210px
}

.w-Counter-input3+.w-Counter-pannel .i_Btn_small {
    margin-left: 12px;
    min-width: 59px !important;
    width: 59px
}

.w-Counter-input3+.w-Counter-pannel .i_Btn_small:last-child {
    margin-left: 14px
}

.w-Counter-input4 {
    width: 212px
}

.w-Counter-input4 .i_Text {
    width: 74px
}

.w-Counter-input4+.w-Counter-pannel {
    width: 212px
}

.w-Counter-input4+.w-Counter-pannel .i_Btn_small {
    margin-left: -1px;
    min-width: 76px !important;
    width: 76px
}

.w-Counter-input4+.w-Counter-pannel .i_Btn_small:last-child {
    margin-left: 0
}

.w-Counter-input5 {
    width: 206px
}

.w-Counter-input5 .i_Text {
    width: 74px
}

.w-Counter-input5 .i_Text:first-child {
    margin-left: 4px
}

.w-Counter-input5 .i_Text:last-child {
    margin-right: 0
}

.w-Counter-input5+.w-Counter-pannel {
    width: 196px;
    left: -10px;
    padding: 55px 14px 15px;
    white-space: nowrap
}

.w-Counter-input5+.w-Counter-pannel .color-slider {
    width: 100%;
    height: 44px;
    padding: 0 0 12px;
    display: flex;
    align-items: center;
    box-sizing: border-box;
    position: relative
}

.w-Counter-input5+.w-Counter-pannel .color-slider .slider-thumb {
    width: 100%;
    height: 12px;
    position: relative;
    box-sizing: border-box;
    display: flex
}

.w-Counter-input5+.w-Counter-pannel .color-slider .slider-thumb::after,
.w-Counter-input5+.w-Counter-pannel .color-slider .slider-thumb::before {
    position: absolute;
    content: '';
    height: 100%;
    z-index: 1;
    background-color: rgba(0, 0, 0, .3)
}

.w-Counter-input5+.w-Counter-pannel .color-slider .slider-thumb::before {
    width: calc(var(--slider-min) + 12px);
    left: 0;
    border-radius: 6px 0 0 6px
}

.w-Counter-input5+.w-Counter-pannel .color-slider .slider-thumb::after {
    width: calc(100% - var(--slider-max) - 12px);
    right: 0;
    z-index: 2;
    border-radius: 0 6px 6px 0
}

.w-Counter-input5+.w-Counter-pannel .color-slider .slider-thumb .slider-track {
    top: 50%;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    position: absolute;
    box-sizing: border-box;
    transform: translateY(-50%);
    background-color: #c6cad0;
    border: 1px solid rgba(21, 9, 9, .16);
    z-index: 9;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center
}

.w-Counter-input5+.w-Counter-pannel .color-slider .slider-thumb .slider-track:first-of-type {
    left: -12px;
    z-index: 9
}

.w-Counter-input5+.w-Counter-pannel .color-slider .slider-thumb .slider-track:last-of-type {
    right: -12px;
    z-index: 10
}

.w-Counter-input5+.w-Counter-pannel .color-slider .slider-thumb .slider-bar {
    width: 100%;
    height: 100%;
    border-radius: 6px;
    background-color: #fff;
    position: absolute;
    box-sizing: border-box;
    overflow: hidden
}

.w-Counter-input5+.w-Counter-pannel .color-slider .slider-thumb .slider-bar:not([src]),
.w-Counter-input5+.w-Counter-pannel .color-slider .slider-thumb .slider-bar[src=""],
.w-Counter-input5+.w-Counter-pannel .color-slider .slider-thumb .slider-bar[src=" "] {
    display: block
}

.w-Counter-input5+.w-Counter-pannel .color-slider .slider-thumb .slider-bar:not([src])::before,
.w-Counter-input5+.w-Counter-pannel .color-slider .slider-thumb .slider-bar[src=""]::before,
.w-Counter-input5+.w-Counter-pannel .color-slider .slider-thumb .slider-bar[src=" "]::before {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: #fff;
    border-radius: 6px
}

.w-Counter-input5+.w-Counter-pannel .color-slider .slider-thumb .slider-track_inner {
    width: 14px
}

.w-Counter-input5+.w-Counter-pannel .color-slider .slider-thumb .slider-track_inner:not([src]),
.w-Counter-input5+.w-Counter-pannel .color-slider .slider-thumb .slider-track_inner[src=""] {
    background-color: #EDEDED
}

.w-Counter-input5+.w-Counter-pannel .color-slider .slider-thumb .slider-track-inner {
    width: 14px;
    height: 14px;
    border-radius: 50%;
    border: 1px solid rgba(0, 0, 0, .2);
    box-sizing: border-box
}

.w-Counter-input5+.w-Counter-pannel .i_Btn_small {
    min-width: 76px !important;
    width: 76px
}

.w-Counter-input5+.w-Counter-pannel .i_Btn_small:last-child {
    margin-left: 0
}

.w-Order {
    display: inline-block;
    cursor: pointer;
    background: #3A455A;
    color: #fff;
    height: 32px;
    line-height: 32px;
    border-radius: 2px;
    padding: 0 12px 0 18px;
    font-size: 12px;
    text-align: center
}

.w-Order .icon {
    margin-left: 9px
}

.w-Order:hover {
    color: #fff;
    background: #3a455a;
    border: 1px solid #536380
}

.w-Order:active {
    background: #1c202b;
    border-color: #3a465b
}

.w-OrderGroup {
    font-size: 0;
    border-radius: 2px;
    overflow: hidden;
    display: inline-block;
    line-height: 32px !important
}

.w-OrderGroup .w-Order {
    border-radius: 0;
    min-width: 60px;
    background: 0 0;
    border-right: 1px solid #45536c;
    color: #63779B;
    padding: 0 6px 0 22px;
    *padding: 0 12px 0 18px;
    border: 1px solid #45536c
}

.w-OrderGroup .w-Order:nth-child(n+2) {
    margin-left: -1px
}

.w-OrderGroup .w-Order:hover {
    color: #fff;
    background: #3a455a;
    border: 1px solid #536380
}

.w-OrderGroup .w-Order:active {
    background: #1c202b;
    border-color: #3a465b;
    color: #63779B
}

.w-OrderGroup .w-Order:first-child {
    padding: 0 12px
}

.w-OrderGroup .w-Order_asc,
.w-OrderGroup .w-Order_des {
    background: #45536c;
    color: #dee1e6
}

.w-OrderGroup .w-Order_asc:hover,
.w-OrderGroup .w-Order_des:hover {
    background: #536380;
    color: #fff
}

.w-OrderGroup .w-Order_asc:active,
.w-OrderGroup .w-Order_des:active {
    background: #3a465b;
    color: #dee1e6
}

.w-Switcher {
    font-size: 0;
    border-radius: 2px;
    overflow: hidden;
    display: inline-block;
    border-right: none
}

.w-Switcher span {
    display: inline-block;
    cursor: pointer;
    height: 32px;
    line-height: 32px;
    padding: 0 12px;
    font-size: 14px;
    text-align: center;
    color: #63779B;
    min-width: 60px;
    border: 1px solid #45536c
}

.w-Switcher span:nth-child(n+2) {
    margin-left: -1px
}

.w-Switcher span:hover {
    color: #fff;
    background: #3a455a;
    border: 1px solid #536380
}

.w-Switcher span:active {
    background: #1c202b;
    border-color: #3a465b
}

.w-Switcher span.on {
    background: #45536c;
    color: #fff
}

.w-Switcher span.on:hover {
    background: #536380
}

.w-Switcher span.on:active {
    background: #3a465b
}

.w-Steper {
    display: inline-block;
    vertical-align: middle;
    background: #EFF0F1
}

.w-Steper span {
    line-height: 0;
    cursor: pointer;
    padding: 20px 0;
    font-size: 28px;
    text-align: center;
    width: 32px;
    font-family: simhei;
    color: #45536c;
    display: inline-block
}

.w-Steper span.disabled {
    color: #C4C5C8;
    cursor: not-allowed
}

.w-Steper input {
    width: 56px;
    text-align: center
}

.w-Checkbox,
.w-Radio {
    display: inline-block;
    cursor: pointer;
    font-size: 12px
}

.w-Checkbox span,
.w-Radio span {
    margin: 0 12px 0 0;
    color: #959595
}

.w-Checkbox span:hover,
.w-Radio span:hover {
    color: #333
}

.w-Checkbox .icon,
.w-Radio .icon {
    margin: -2px 6px 0 0 !important
}

.w-Checkbox .login_checkbox,
.w-Radio .login_checkbox {
    width: 14px;
    height: 14px;
    display: inline-block;
    border: solid 1px #aaa;
    margin-bottom: -4px;
    margin-right: 5px
}

.w-Checkbox .on .login_checkbox,
.w-Radio .on .login_checkbox {
    background: url(https://urswebzj.nosdn.127.net/webzj_cdn101/right_d9fec1cfd3a1926f3a0eb37470ee5506.png) center center no-repeat !important
}

.w-Checkbox--green span,
.w-Radio--green span {
    color: #47AF52
}

.w-Checkbox--green span:hover,
.w-Radio--green span:hover {
    color: #47AF52
}

.w-Checkbox .disabled,
.w-Radio .disabled {
    cursor: not-allowed;
    opacity: .8
}

.w-Checkbox .disabled:hover,
.w-Radio .disabled:hover {
    color: #959595 !important
}

.w-Checkbox--icon i,
.w-Checkbox--icon span {
    margin: 0;
    display: block;
    width: 24px;
    height: 24px;
    background: center/cover no-repeat url(../images/2x/24_unselected_grey.svg)
}

.w-Checkbox--icon i.on,
.w-Checkbox--icon span.on {
    background-image: url(../images/2x/24_selected_yellow.svg)
}

.w-Checkbox--icon .icon {
    margin: 0 0 !important
}

.w-Switcher_tab {
    text-align: center;
    display: block;
    border: none
}

.w-Switcher_tab span {
    display: inline-block;
    position: relative;
    font-size: 16px;
    height: 32px;
    line-height: 32px;
    border: none;
    border-bottom: 3px solid transparent;
    margin: 0 10px;
    cursor: pointer;
    border-right: none;
    color: #4F4F4F;
    border-color: transparent
}

.w-Switcher_tab span:hover {
    color: #4773c8;
    background: 0 0;
    border: none;
    border-bottom: 3px solid transparent
}

.w-Switcher_tab span:active {
    color: #333;
    background: 0 0;
    border: none;
    border-bottom: 3px solid transparent
}

.w-Switcher_tab span.on {
    color: #4773c8;
    border-bottom-color: #4773c8;
    background: 0 0
}

.w-Switcher_tab span.on:hover {
    color: #567fcd;
    background: 0 0;
    border: none;
    border-bottom: 3px solid #4773c8
}

.w-Switcher_tab span.on:active {
    color: #3c61a8;
    border: none;
    border-bottom: 3px solid #4773c8;
    background: 0 0
}

.w-Switcher_tab span.on .icon {
    display: block;
    position: absolute;
    left: 50%;
    margin-left: -5px;
    top: 28px
}

.w-Switcher_tab span .icon {
    display: none
}

.black {
    color: #9a9b9e
}

.black .w-Counter .i_Text {
    border-color: #484B5F;
    background: 0 0
}

.black .w-Counter .i_Text:focus {
    border-color: #3F5D97
}

.black .w-Counter .i_Text::-webkit-input-placeholder {
    color: #535F6C
}

.black .w-Counter .i_Text:-moz-placeholder {
    color: #535F6C
}

.black .w-Counter .i_Text::-moz-placeholder {
    color: #535F6C
}

.black .w-Counter .i_Text:-ms-input-placeholder {
    color: #535F6C
}

.black .w-Counter-input2:hover {
    color: #fff
}

.black .w-Counter-input2:active {
    color: #515151
}

.black .w-Counter-pannel {
    background: #2D2F3E
}

.black .w-Counter-pannel .i_Btn_main {
    margin: 0
}

.black .i_Text {
    border-color: #3F5D97;
    color: #E4E8EE;
    background: #1c2942;
    background: rgba(72, 134, 255, .16)
}

.black .i_Text:focus {
    border-color: #4773c8;
    color: #E4E8EE
}

.black .i_Text::-webkit-input-placeholder {
    color: #657189
}

.black .i_Text:-moz-placeholder {
    color: #657189
}

.black .i_Text::-moz-placeholder {
    color: #657189
}

.black .i_Text:-ms-input-placeholder {
    color: #657189
}

.black .w-Counter-input {
    color: #888D94
}

.black .w-Tag span {
    border: none
}

.black .w-Tag span.on,
.black .w-Tag span:hover {
    color: #EEA20E
}

.black .w-Tag span.on {
    background: #EEA20E;
    color: #fff
}

.black .w-Key span {
    background: #353748;
    color: #9a9b9e;
    border: none
}

.black .w-Key span:hover {
    color: #E4E8EE
}

.black .w-Search span {
    background: #222E48;
    border-color: #3F5D97
}

.black .w-Search span:hover {
    background-color: #2a3959
}

.black .w-Checkbox,
.black .w-Radio {
    color: #929394
}

.black .w-Checkbox span:hover,
.black .w-Radio span:hover {
    color: #ccc !important
}

.black .w-Checkbox span.on,
.black .w-Radio span.on {
    color: #929394
}

.black .w-Checkbox span.disabled:hover,
.black .w-Radio span.disabled:hover {
    color: #929394 !important
}

.black .w-Select,
.black .w-Select-Multi {
    background: #2d2f3e;
    color: #90969c;
    border: 1px solid #2d2f3e
}

.black .w-Select-Multi:hover,
.black .w-Select:hover {
    background: #3a455a;
    color: #fff;
    border-color: #3a455a
}

.black .w-Select-Multi:active,
.black .w-Select:active {
    background: #2d2f3e;
    color: #90969c;
    border-color: #2d2f3e
}

.black .w-Select .icon_drop,
.black .w-Select-Multi .icon_drop {
    position: absolute;
    right: 7px;
    top: 18px
}

.black .w-Select h3,
.black .w-Select-Multi h3 {
    height: 30px;
    line-height: 30px
}

.black .w-Select h3 span.raw,
.black .w-Select-Multi h3 span.raw {
    color: #9a9b9e
}

.black .w-Select h3:active,
.black .w-Select-Multi h3:active {
    background: 0 0;
    color: #90969c
}

.black .w-Select ul,
.black .w-Select-Multi ul {
    background: #2d2f3e;
    top: 33px;
    border: none;
    left: 0
}

.black .w-Select ul li,
.black .w-Select-Multi ul li {
    border-color: #373a4c
}

.black .w-Select ul li:not(.tag),
.black .w-Select-Multi ul li:not(.tag) {
    color: #c6cad0
}

.black .w-Select ul li.on,
.black .w-Select ul li:hover,
.black .w-Select-Multi ul li.on,
.black .w-Select-Multi ul li:hover {
    background: #3a455a;
    color: #fff
}

.black .w-Select ul li.on p,
.black .w-Select ul li:hover p,
.black .w-Select-Multi ul li.on p,
.black .w-Select-Multi ul li:hover p {
    color: #fff
}

.black .w-Select ul li.on,
.black .w-Select-Multi ul li.on {
    color: #fff
}

.black .w-Select-Multi[value]:not([value=""]):not([value=default]):not(.value-default),
.black .w-Select[value]:not([value=""]):not([value=default]):not(.value-default) {
    background: #353748;
    color: #899ab9;
    border-color: #899ab9
}

.black .w-Select-Multi[value]:not([value=""]):not([value=default]):not(.value-default):hover,
.black .w-Select[value]:not([value=""]):not([value=default]):not(.value-default):hover {
    background: #3a455a;
    color: #fff;
    border-color: #3a455a
}

.black .w-Select-Multi[value]:not([value=""]):not([value=default]):not(.value-default):active,
.black .w-Select[value]:not([value=""]):not([value=default]):not(.value-default):active {
    background: #353748;
    color: #899ab9;
    border-color: #899ab9
}

.black .w-Select ul li:active {
    background: #1c202b
}

.black .w-Select:not(.Select-Blue) ul li:not(.colored_tag):active {
    color: #fff
}

.black .w-Select:not(.Select-Blue) ul li:not(.colored_tag):active {
    color: #c6cad0
}

.black .w-Select-Multi ul h6:active {
    background: #1c202b;
    color: #c6cad0
}

.black .w-Select-Multi ul li div {
    background: #2D2F3E;
    border: none;
    top: 1px
}

.black .w-Select-Multi ul li div p {
    color: #c6cad0;
    border-color: #373A4C
}

.black .w-Select-Multi ul li div p.on,
.black .w-Select-Multi ul li div p:hover {
    background: #3a455a;
    color: #fff
}

.black .w-Select-Multi ul li div p:active {
    background: #1c202b;
    color: #c6cad0
}

#j_w-Toast p,
.w-Checkbox,
.w-Counter,
.w-Key,
.w-Order,
.w-OrderGroup,
.w-Radio,
.w-Search,
.w-SelDate,
.w-SelHero,
.w-Select,
.w-Select-Multi,
.w-Selectsearch,
.w-Steper,
.w-Steper span,
.w-Stone,
.w-Switcher,
.w-Switcher span,
.w-Tag,
.w-Tag span {
    *display: inline;
    vertical-align: middle
}

.w-Checkbox,
.w-Key,
.w-Order,
.w-Radio,
.w-SelDate,
.w-SelHero,
.w-SelType,
.w-Select,
.w-Select-Multi,
.w-Selectsearch,
.w-Steper span,
.w-Stone,
.w-Switcher,
.w-Tag {
    user-select: none
}

#j_Message {
    position: fixed;
    right: 12px;
    top: 12px;
    z-index: 600
}

.w-Message {
    background: #616169;
    color: #fff;
    font-size: 15px;
    padding: 16px 20px;
    border-radius: 2px;
    max-width: 300px;
    min-width: 260px;
    text-align: center;
    margin-bottom: 12px;
    position: relative;
    animation: downIn .4s 0s ease-in-out 1 forwards;
    -webkit-animation: downIn .4s 0s ease-in-out 1 forwards
}

.w-Message .icon {
    margin: -2px 6px 0 0
}

.w-Message-cont {
    display: inline-block;
    text-align: left;
    margin: 0 auto;
    font-size: 15px;
    line-height: 20px
}

.w-Message-close {
    position: absolute;
    right: 10px;
    top: 6px;
    font-style: normal;
    font-size: 16px;
    cursor: pointer;
    color: #fff;
    display: none
}

.w-Message-close:hover {
    color: #ddd
}

.w-Message_success {
    background: #4CCAA1
}

.w-Message_warning {
    background: #F2B166
}

#j_w-Toast {
    background: #323B47;
    *filter: alpha(opacity=96);
    opacity: .96;
    border-radius: 2px;
    padding: 22px 50px;
    color: #E4E8EE;
    font-size: 16px;
    min-width: 150px;
    text-align: center;
    max-width: 460px;
    display: none;
    position: fixed;
    left: 50%;
    top: 50%;
    z-index: 100000;
    animation: upShow .2s 0s ease-in-out 1 forwards;
    -webkit-animation: upShow .2s 0s ease-in-out 1 forwards
}

#j_w-Toast p {
    display: inline-block;
    text-align: left;
    line-height: 26px
}

#j_w-Toast p .icon {
    margin: -2px 6px 0 0
}

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

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

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

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

@keyframes upShow {
    0% {
        transform: translateY(10px);
        -webkit-transform: translateY(10px);
        opacity: 0
    }

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

@-webkit-keyframes upShow {
    0% {
        transform: translateY(10px);
        -webkit-transform: translateY(10px);
        opacity: 0
    }

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

.w-Selectsearch {
    width: 268px;
    z-index: 8
}

.w-Selectsearch h3 {
    height: 40px;
    line-height: 40px;
    font-size: 12px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.w-Selectsearch h3 .icon_all {
    display: none
}

.w-Selectsearch .icon_drop {
    top: 28px
}

.w-Selectsearch .w-Selectsearch-drop {
    display: none
}

.w-Selectsearch:hover .w-Selectsearch-drop {
    border-color: silver
}

.w-Selectsearch.on {
    z-index: 90
}

.w-Selectsearch.on .w-Selectsearch-drop {
    display: block
}

.w-Selectsearch--disable {
    background: #F3F3F3;
    color: #959595;
    cursor: not-allowed
}

.w-Selectsearch--disable:hover {
    border-color: #e3e3e3
}

.w-Selectsearch-drop {
    position: absolute;
    width: 100%;
    top: 39px;
    left: -1px;
    background: #fff;
    border: 1px solid #E3E3E3;
    border-top: none
}

.w-Selectsearch-drop .w-Search {
    margin-left: 10px;
    position: relative
}

.w-Selectsearch-drop .w-Search .i_Text {
    width: 212px;
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 30px
}

.w-Selectsearch-drop .w-Search .icon_search {
    position: absolute;
    left: 10px;
    top: 7px
}

.w-Selectsearch-list {
    margin-top: 10px;
    height: 240px;
    overflow-y: auto;
    overflow-x: hidden
}

.w-Selectsearch-list li {
    font-size: 12px;
    padding: 0 10px;
    height: 40px;
    line-height: 40px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.w-Selectsearch-list li:hover {
    background: #F3F3F3
}

.w-Selectsearch-list li.none {
    height: auto;
    overflow: auto;
    white-space: pre-wrap;
    line-height: 24px;
    color: #959595;
    text-align: center;
    cursor: default;
    background: 0 0 !important
}

.w-Selectsearch-img {
    width: 40px;
    height: 40px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
    position: relative
}

.w-Selectsearch-img img {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
    margin: auto
}

.w-Selectsearch-img .icon_all {
    margin-top: -4px;
    margin-left: 5px
}

.w-SelectBtn {
    display: inline-block;
    height: 38px;
    line-height: 38px;
    vertical-align: middle;
    position: relative;
    font-size: 0;
    margin-left: 12px;
    z-index: 10
}

.w-SelectBtn .i_Btn {
    min-width: inherit;
    padding-left: 20px;
    padding-right: 40px;
    margin-left: 0;
    margin-right: 0
}

.w-SelectBtn .w-SelectBtn-arr {
    position: absolute;
    top: 0;
    right: 0;
    width: 18px;
    height: 38px;
    border-left: 1px solid #1D2940;
    background: #4773c8;
    border-radius: 0 2px 2px 0;
    text-align: center
}

.w-SelectBtn .w-SelectBtn-arr:hover {
    background: #5E89DC
}

.w-SelectBtn .w-SelectBtn-arr .icon_arr_down {
    margin-left: 4px;
    margin-top: 0
}

.w-SelectBtn .w-SelectBtn_options {
    display: none;
    position: absolute;
    width: 100%;
    top: 39px;
    left: 0;
    background: #45536c;
    border-radius: 2px;
    text-align: left
}

.w-SelectBtn .w-SelectBtn_options li {
    font-size: 16px;
    color: #fff;
    height: 36px;
    line-height: 36px;
    padding-left: 20px;
    border-bottom: 1px solid #111419;
    cursor: pointer
}

.w-SelectBtn .w-SelectBtn_options li:hover {
    background: #536380 url(../images/site/btn-bg-sub.png) no-repeat center 32px
}

.w-SelectBtn .w-SelectBtn_options li:last-child {
    border: none
}

.w-TypeGroup {
    line-height: 52px
}

.w-Type {
    display: inline-block;
    padding: 0 26px;
    color: #90969C;
    cursor: default
}

.w-Type .icon {
    margin-right: 6px;
    margin-top: -2px
}

.w-Type:hover {
    color: #fff
}

.w-Type.on {
    color: #fff;
    background: #2D2F3E
}

.w-Select-coupon {
    position: relative;
    min-width: 120px;
    margin: 8px 0 0;
    cursor: pointer;
    display: inline-block
}

.w-Select-coupon.on ul {
    display: block
}

.w-Select-coupon.setted h3 {
    color: #eea20e
}

.w-Select-coupon h3 {
    color: #959595
}

.w-Select-coupon h3 .icon {
    margin: 0 0 0 4px
}

.w-Select-coupon ul {
    display: none;
    position: absolute;
    background: #FFF;
    border: 1px solid #ECECEC;
    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .2);
    right: 0;
    top: 24px;
    width: 300px
}

.w-Select-coupon ul li {
    min-height: 18px;
    padding: 6px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    text-align: left
}

.w-Select-coupon ul li.on,
.w-Select-coupon ul li:hover {
    background: #F7F7F7
}

.w-Select-coupon ul li small {
    font-size: 12px;
    color: #959595;
    margin-left: 16px;
    white-space: nowrap
}

.w-Guide-tip {
    background-image: linear-gradient(126deg, #7dabe6 0, #4773c8 100%);
    color: #fff;
    font-size: 12px;
    display: inline-block;
    padding: 0 8px;
    border-radius: 4px;
    height: 26px;
    line-height: 26px;
    position: absolute
}

.w-Guide-tip:after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    top: 26px;
    left: 12px;
    border-left: 2px solid transparent;
    border-right: 8px solid transparent;
    border-top: 12px solid #74A1E1
}

.w-date-drop {
    width: 307px;
    padding: 0;
    line-height: 32px
}

.w-date-drop-header {
    padding: 16px;
    display: flex;
    justify-content: space-between;
    color: #90969C
}

.w-date-drop-header--select {
    height: 32px;
    width: 122px;
    background: #353748;
    border-radius: 2px;
    position: relative
}

.w-date-drop-header--select.on,
.w-date-drop-header--select:hover {
    color: #E4E8EE;
    background: #4B4B5F
}

.w-date-drop-confirm {
    padding: 0 16px
}

.w-date-drop-confirm .i_Btn {
    width: calc(100% - 32px);
    margin-left: 0
}

.w-date-drop-tips {
    padding: 8px 16px 16px;
    color: #90969C;
    font-size: 12px;
    text-align: center
}

.ui-datepicker {
    width: 307px;
    padding: 16px;
    padding-bottom: 8px;
    font-size: 12px;
    box-sizing: border-box
}

.ui-datepicker-header {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.ui-datepicker-next,
.ui-datepicker-prev {
    color: #90969C;
    border-radius: 4px;
    background: #353748;
    height: 24px;
    width: 52px;
    display: flex;
    align-items: center;
    justify-content: center
}

.ui-datepicker-next:hover,
.ui-datepicker-prev:hover {
    color: #C6CAD0;
    background: #4B4B5F
}

.ui-datepicker-next.ui-state-disabled,
.ui-datepicker-prev.ui-state-disabled {
    color: #515151;
    background: #353748;
    cursor: not-allowed
}

.ui-datepicker-next {
    order: 3
}

.ui-datepicker-next::after {
    content: '';
    display: block;
    transform: rotate(90deg)
}

.ui-datepicker-prev::before {
    content: '';
    display: block;
    transform: rotate(-90deg)
}

.ui-datepicker-title {
    position: relative
}

.ui-datepicker-title::after {
    content: '';
    display: inline-block;
    background-repeat: no-repeat;
    width: 6px;
    height: 6px;
    position: absolute;
    right: -2px;
    bottom: 3px
}

.ui-datepicker-calendar {
    width: 100%
}

.ui-datepicker-calendar thead span {
    display: inline-block;
    margin: 16px 0;
    color: #C6CAD0;
    font-weight: 400
}

.ui-datepicker-calendar .ui-datepicker-week-end span {
    color: #90969C
}

.ui-datepicker-calendar .ui-state-default {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    margin-bottom: 8px;
    color: #C6CAD0
}

.ui-datepicker-calendar tbody td:not(.ui-datepicker-unselectable) .ui-state-default:not(.ui-state-active):hover {
    background: rgba(238, 162, 14, .1)
}

.ui-datepicker-calendar tbody td.ui-datepicker-unselectable {
    cursor: not-allowed
}

.ui-datepicker-calendar tbody td.ui-datepicker-unselectable .ui-state-default {
    color: #515151
}

.ui-datepicker-calendar .ui-state-highlight {
    color: #4773c8;
    font-size: 14px;
    font-weight: 700
}

.ui-datepicker-calendar .ui-state-active {
    color: #fff;
    background: #EEA20E
}

.ui-datepicker-month,
.ui-datepicker-year {
    display: inline-block;
    font-size: 12px;
    padding: 0;
    color: #90969C;
    background-color: transparent;
    background-image: none;
    border: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    text-align: center;
    min-width: 36px
}

.ui-datepicker-month::-ms-expand,
.ui-datepicker-year::-ms-expand {
    display: none
}

.ui-datepicker-month:focus-visible,
.ui-datepicker-year:focus-visible {
    outline: 0
}

.ui-datepicker-month option,
.ui-datepicker-year option {
    display: inline-block;
    background: #2D2F3E;
    color: #9a9b9e;
    line-height: 20px;
    padding: 16px;
    cursor: pointer
}

.ui-datepicker-month option:checked,
.ui-datepicker-year option:checked {
    background: #3A455A;
    color: #E4E8EE
}

.w-SelDate.light {
    border-radius: 2px;
    border: 1px solid #CCC;
    background: #FFF;
    color: #515151
}

.w-SelDate.light.on,
.w-SelDate.light:hover {
    border-color: silver;
    background: #F8F8F8;
    color: #515151
}

.w-SelDate.light .w-date-drop {
    background: #FFF
}

.w-SelDate.light .w-date-drop-header {
    color: #515151
}

.w-SelDate.light .w-date-drop-header--select {
    box-sizing: border-box;
    border: 1px solid #CCC;
    background: #FFF;
    color: #515151
}

.w-SelDate.light .w-date-drop-header--select.on,
.w-SelDate.light .w-date-drop-header--select:hover {
    border-color: silver;
    background: #F8F8F8;
    color: #515151
}

.w-SelDate.light .w-date-drop-tips {
    color: #959595
}

.w-SelDate.light .ui-datepicker-next,
.w-SelDate.light .ui-datepicker-prev {
    color: #515151;
    background: #fff
}

.w-SelDate.light .ui-datepicker-next:hover,
.w-SelDate.light .ui-datepicker-prev:hover {
    color: #515151;
    background: #F9F9F9
}

.w-SelDate.light .ui-datepicker-next.ui-state-disabled,
.w-SelDate.light .ui-datepicker-prev.ui-state-disabled {
    color: #959595;
    background: #F9F9F9
}

.w-SelDate.light .ui-datepicker-calendar thead span {
    color: #515151
}

.w-SelDate.light .ui-datepicker-calendar .ui-datepicker-week-end span {
    color: #959595
}

.w-SelDate.light .ui-datepicker-calendar .ui-state-default {
    color: #515151
}

.w-SelDate.light .ui-datepicker-calendar .ui-state-highlight {
    color: #4773c8
}

.w-SelDate.light .ui-datepicker-calendar tbody td.ui-datepicker-unselectable .ui-state-default {
    color: #C6CAD0
}

.w-SelDate.light .ui-datepicker-calendar .ui-state-active {
    color: #fff
}

.w-SelDate.light .ui-datepicker-month,
.w-SelDate.light .ui-datepicker-year {
    color: #515151
}

.w-SelDate.light .ui-datepicker-month option,
.w-SelDate.light .ui-datepicker-year option {
    border: 1px solid #CCC;
    background: #FFF;
    color: #515151
}

.w-SelDate.light .ui-datepicker-month option:checked,
.w-SelDate.light .ui-datepicker-year option:checked {
    border-color: #EEA20E;
    background: #FFF;
    color: #515151
}

.market-list {
    min-height: 50%
}

.market-header {
    width: 1200px;
    background: url(../images/site/marcket-header-bg.png) no-repeat;
    color: #90969c;
    padding: 24px 0 0
}

.market-header .cont-tab,
.market-header .criteria,
.market-header .tab-games {
    margin: 0 30px
}

.market-header .export-btns .icon2x {
    margin: -3px 4px 0 0
}

.market-header .export-btns a {
    color: #4773c8
}

.market-header .export-btns a:hover {
    opacity: .9
}

.market-header .export-btns a:active {
    opacity: 1
}

.criteria {
    margin: 0
}

.criteria .i_Btn_trans_blue2,
.criteria .w-SelHero,
.criteria .w-Select,
.criteria .w-Select-Multi {
    margin-right: 12px
}

.criteria .i_Btn_trans_blue2.ellipsis h3,
.criteria .w-SelHero.ellipsis h3,
.criteria .w-Select-Multi.ellipsis h3,
.criteria .w-Select.ellipsis h3 {
    display: block
}

.criteria.search_auto_grow {
    display: flex;
    flex-wrap: wrap
}

.criteria.search_auto_grow .l_Right {
    margin-left: auto;
    flex: 1;
    display: inline-flex;
    justify-content: flex-end
}

.criteria.search_auto_grow .w-Search {
    flex: 1;
    margin-left: 12px;
    display: inline-flex;
    justify-content: flex-end;
    align-items: center
}

.criteria.search_auto_grow .w-Search>span {
    flex: 1;
    display: inline-flex;
    max-width: 240px;
    min-width: 120px
}

.criteria.search_auto_grow .w-Search .i_Text {
    width: 100% !important
}

.criteria:has(>.criteria-flex) {
    display: flex
}

.criteria:has(>.criteria-flex) .l_Right {
    white-space: nowrap;
    margin-left: auto
}

.criteria:has(>.criteria-flex) .l_Left {
    display: inline-flex;
    height: fit-content;
    gap: 8px 0;
    flex-wrap: wrap
}

.market-header_evaluation,
.market-header_shop {
    padding: 30px 30px 0;
    width: 1140px;
    height: auto !important
}

.market-header_evaluation .shop-account,
.market-header_shop .shop-account {
    padding: 0 0 25px
}

.market-header_shop,
.my-header-cont {
    position: relative
}

.market-header_shop .w-Switcher,
.my-header-cont .w-Switcher {
    position: absolute;
    right: 6px;
    top: 15px
}

.market-header_shop .w-Switcher span,
.my-header-cont .w-Switcher span {
    height: 20px;
    line-height: 20px;
    padding: 0 6px !important;
    font-size: 12px;
    min-width: auto
}

.market-header_shop .shop-info,
.my-header-cont .shop-info {
    margin: 10px 0 0
}

.evaluation-cont {
    text-align: center;
    padding: 26px 0 50px
}

.evaluation-cont .i_Text {
    padding: 6px 9px;
    width: 472px;
    margin: 0 12px
}

.evaluation-cont .i_Tips {
    margin: 0 12px
}

.evaluation-cont .i_Tips .icon {
    margin: 0 6px
}

.market-header_evaluation {
    background-image: url(../images/site/marcket-header-bg.png) !important
}

.market-header_evaluation .criteria {
    margin: 0
}

.market-header_evaluation .pubg-selType {
    padding: 20px 0 20px 0;
    width: 1140px;
    border-top: 1px solid #2c2f38;
    margin: 0
}

.market-header_evaluation .pubg-selType div {
    margin: 0 6px
}

.market-header_nobg {
    background-image: none;
    background-color: rgba(28, 32, 43, .8)
}

.filters-view {
    width: 60px;
    height: 34px;
    display: flex;
    margin-right: 8px;
    border-radius: 2px;
    align-items: center;
    box-sizing: border-box;
    justify-content: center;
    background-color: #FFF;
    border: 1px solid #E4E4E4;
    transition: all .3s ease;
    background-image: url(../images/custom_inspect/rectangle.svg);
    background-position: 3px 3px;
    background-repeat: no-repeat;
    background-size: 26px 26px
}

.filters-view:has(.view-item:last-of-type.on) {
    background-position: 28px 3px
}

.filters-view .view-item {
    width: 26px;
    height: 26px;
    display: flex;
    border-radius: 1px;
    align-items: center;
    justify-content: center;
    user-select: none;
    cursor: pointer
}

.filters-view .view-item:hover .icon_view_list {
    background-image: url(../images/custom_inspect/icon_view_list_hover.svg)
}

.filters-view .view-item:hover .icon_view_grid {
    background-image: url(../images/custom_inspect/icon_view_grid_hover.svg)
}

.filters-view .view-item:active .icon_view_list {
    background-image: url(../images/custom_inspect/icon_view_list_pressed.svg)
}

.filters-view .view-item:active .icon_view_grid {
    background-image: url(../images/custom_inspect/icon_view_grid_pressed.svg)
}

.filters-view .view-item.on .icon_view_list,
.filters-view .view-item.on:hover .icon_view_list {
    background-image: url(../images/custom_inspect/icon_view_list_pressed.svg)
}

.filters-view .view-item.on .icon_view_grid,
.filters-view .view-item.on:hover .icon_view_grid {
    background-image: url(../images/custom_inspect/icon_view_grid_pressed.svg)
}

.grid_tb {
    width: 100%;
    height: auto;
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    padding-top: 8px;
    box-sizing: border-box
}

.grid_tb .grid_tb_item {
    width: 112px;
    height: 110px;
    position: relative;
    cursor: pointer
}

.grid_tb .grid_tb_item .item_tag {
    position: absolute;
    left: 0;
    top: 0;
    width: 4px;
    height: 18px
}

.grid_tb .grid_tb_item .item_tag.rarity_ancient_weapon {
    background: #eb4b4b
}

.grid_tb .grid_tb_item .item_tag.rarity_rare_weapon {
    background: #4b69ff
}

.grid_tb .grid_tb_item .item_tag.rarity_mythical_weapon {
    background: #8847ff
}

.grid_tb .grid_tb_item .item_tag.rarity_legendary_weapon {
    background: #d32ce6
}

.grid_tb .grid_tb_item .item_tag.rarity_uncommon_weapon {
    background: #5e98d9
}

.grid_tb .grid_tb_item .item_tag.rarity_common_weapon {
    background: #b0c3d9
}

.grid_tb .grid_tb_item .item_tag.rarity_common {
    background: #b0c3d9
}

.grid_tb .grid_tb_item .item_tag.rarity_rare {
    background: #4b69ff
}

.grid_tb .grid_tb_item .item_tag.rarity_legendary {
    background: #d32ce6
}

.grid_tb .grid_tb_item .item_tag.rarity_mythical {
    background: #8847ff
}

.grid_tb .grid_tb_item .item_tag.rarity_ancient {
    background: #eb4b4b
}

.grid_tb .grid_tb_item .item_tag.rarity_contraband {
    background: #e4ae39
}

.grid_tb .grid_tb_item .item_tag.rarity_agent_quality_character {
    background: #eb4b4b
}

.grid_tb .grid_tb_item .item_tag.rarity_agent_quality_character {
    background: #4b69ff
}

.grid_tb .grid_tb_item .item_tag.rarity_agent_quality_character {
    background: #8847ff
}

.grid_tb .grid_tb_item .item_tag.rarity_agent_quality_character {
    background: #d32ce6
}

.grid_tb .grid_tb_item .item_img {
    width: 100%;
    height: 90px;
    background-image: url(../images/custom_inspect/grid_skin_BG.svg);
    background-size: cover;
    background-repeat: no-repeat;
    display: flex;
    align-items: center;
    justify-content: center
}

.grid_tb .grid_tb_item .item_img img {
    width: 80px;
    height: 80px;
    object-fit: contain
}

.grid_tb .grid_tb_item .item_price {
    width: 100%;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #2D2F3E
}

.grid_tb .grid_tb_item .item_price .f_Strong {
    font-size: 14px
}

.grid_tb .grid_tb_item:active .item_img img,
.grid_tb .grid_tb_item:hover .item_img img {
    width: 90px;
    height: 90px
}

.grid_tb .grid_tb_item:hover .item_img {
    background-image: url(../images/custom_inspect/grid_skin_BG_hover.svg)
}

.grid_tb .grid_tb_item:active .item_img {
    background-image: url(../images/custom_inspect/grid_skin_BG.svg)
}

.range-slider {
    width: 100%;
    height: 44px;
    padding: 12px 8px;
    display: flex;
    align-items: center;
    box-sizing: border-box
}

.range-slider .slider-thumb {
    width: 100%;
    height: 4px;
    position: relative;
    box-sizing: border-box;
    background: linear-gradient(90deg, #ff0004 0, #faff00 15%, #00ff30 29.74%, #00fffe 50.17%, #2b00ff 74.77%, #f200ff 87.36%, #ff0004 100%)
}

.range-slider .slider-thumb::after,
.range-slider .slider-thumb::before {
    position: absolute;
    content: '';
    height: 4px;
    z-index: 1;
    background-color: #EDEDED
}

.range-slider .slider-thumb::before {
    width: var(--slider-min);
    left: 0
}

.range-slider .slider-thumb::after {
    width: var(--slider-max);
    right: 0
}

.range-slider .slider-thumb .range-track {
    top: 50%;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    position: absolute;
    box-sizing: border-box;
    transform: translateY(-50%);
    background-color: #FAFAFA;
    border: 1px solid #CCC;
    z-index: 9;
    cursor: pointer
}

.range-slider .slider-thumb .range-track:first-of-type {
    left: 0
}

.range-slider .slider-thumb .range-track:last-of-type {
    right: 0
}

.range-slider .slider-thumb .range-track:hover {
    background-color: #F5F5F5
}

.range-slider .slider-thumb .range-track:active {
    background-color: #EAEAEA
}

.inspect-page-header {
    padding: 16px 80px 40px
}

.inspect-page-header h1 {
    font-size: 24px;
    color: #fff
}

.inspect-page-header p {
    line-height: 24px;
    margin: 16px 0 40px
}

.inspect-page-header .scope-form .i_Text {
    padding: 6px 6px;
    width: 890px;
    margin-right: 16px
}

.evaluation-desc {
    width: 1140px;
    height: 110px;
    margin: 0 auto 40px;
    background: url(../images/site/eval-bg.jpg) no-repeat;
    text-align: center;
    color: #646669
}

.evaluation-desc h5 {
    padding: 30px 0 20px
}

.evaluation-desc span {
    margin: 0 12px
}

.evaluation-wrap {
    min-height: 286px
}

.detail-header {
    width: 1200px;
    height: 194px;
    background: url(../images/site/detail-header-bg.jpg) no-repeat;
    border-radius: 2px
}

.detail-pic {
    float: left;
    position: relative;
    padding: 9px
}

.detail-pic-cover {
    position: absolute;
    width: 100%;
    height: 100%;
    background: url(../images/site/detail-pic-cover.png) repeat-y;
    left: 0;
    top: 0;
    z-index: 2
}

.detail-cont {
    margin-left: 310px;
    padding: 32px 30px 0 0;
    font-size: 12px;
    position: relative
}

.detail-cont h1 {
    font-size: 24px;
    line-height: 24px;
    color: #fff
}

.detail-cont h1 .tag {
    margin: 0 0 0 9px;
    position: relative;
    top: -3px
}

.detail-cont p {
    padding: 18px 0 0
}

.detail-cont p span {
    color: #c6cad0;
    margin: 0 24px 0 0
}

.detail-cont .csgo-name {
    box-sizing: border-box;
    position: absolute;
    top: 44px;
    left: 0;
    transform: translateY(-50%);
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding-right: 30px
}

.detail-cont .csgo-name~p {
    padding-top: 52px
}

.detail-cont .csgo-name h1 {
    max-width: 512px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    line-height: 32px
}

.detail-cont .csgo-name .detail-fav {
    order: 1
}

.detail-cont .line {
    background-image: linear-gradient(-270deg, rgba(238, 162, 14, .4) 0, rgba(238, 162, 14, .4) 2%, #16171c 100%);
    width: 350px;
    *width: auto
}

.detail-cont label {
    color: #90969c;
    margin-right: 9px;
    cursor: default
}

.detail-fav {
    font-size: 14px;
    cursor: pointer;
    position: relative
}

.detail-fav>div {
    display: inline-block;
    margin-left: 9px
}

.detail-fav>div:hover {
    color: #fff
}

.detail-fav .icon {
    margin: -3px 0 0 6px
}

.detail-fav-cates {
    position: absolute;
    right: 0;
    top: 24px;
    display: none
}

.detail-fav-cates ul {
    height: 396px;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap-reverse
}

.detail-fav-cates li {
    width: 172px;
    height: 32px;
    line-height: 32px;
    border-bottom: 1px solid #373a4c;
    margin-right: 1px;
    background: #2d2f3e;
    font-size: 12px;
    padding: 0 6px
}

.detail-fav-cates li.on,
.detail-fav-cates li:hover {
    background: #3a455a
}

.detail-fav-cates li .icon {
    margin: -2px 0 0 5px
}

.detail-fav-cates li span {
    display: inline-block;
    width: 60px;
    text-align: right;
    overflow: hidden;
    height: 32px;
    vertical-align: middle
}

.detail-fav-cates li span:first-child {
    width: 88px;
    text-align: left;
    padding-left: 6px;
    text-overflow: ellipsis;
    white-space: nowrap
}

.detail-summ span {
    margin-right: 24px
}

.detail-summ .l_Right {
    margin-top: -6px
}

.detail-summ .f_Strong {
    font-size: 14px
}

.detail-summ .f_Strong big {
    font-size: 18px
}

.detail-summ .f_Strong small {
    color: #45536c;
    font-size: 12px;
    margin-left: 6px
}

.detail-tab-cont {
    background: #fafafa;
    min-height: 466px
}

.detail-tab-cont .w-Switcher_tab {
    padding: 30px 0 30px 90px;
    text-align: left
}

.detail-tab-cont .w-Switcher_tab span {
    margin-right: 60px
}

.black h4 {
    color: #e4e8ee
}

.market-card {
    background: #fafafa;
    padding: 20px 25px
}

.market-tip {
    padding: 20px 25px;
    text-align: center
}

.market-tip div {
    height: 46px;
    line-height: 46px;
    background: #e6f5e7;
    border: 1px solid #069b17;
    padding: 0 12px;
    color: #069b17
}

.market-tip div a {
    color: #069b17;
    text-decoration: underline
}

.market-tip_warning div {
    border-color: #eea20e;
    background: #fdf5e6;
    color: #eea20e
}

.market-tip_warning div a {
    color: #eea20e
}

.menu_main {
    box-shadow: 1px 1px 2px #e0e0e0;
    width: 120px;
    float: left
}

.menu_main li a {
    display: block;
    height: 80px;
    line-height: 80px;
    border: 1px solid #e5e5e5;
    text-align: center;
    font-size: 15px;
    margin-bottom: -1px;
    color: #000
}

.menu_main li a:hover {
    color: #eea20e;
    background: #f3f3f3
}

.menu_main li a:active {
    color: #cd931d
}

.menu_main li.on a {
    background: #fc5600;
    color: #fff
}

.cont_main {
    margin-left: 260px
}

.cont_main_wide {
    margin: 0
}

.block-header {
    background: #1c202b;
    padding-bottom: 1px;
    min-height: 52px
}

.block-header .l_Right {
    line-height: 50px;
    margin: 0 25px 0 0
}

.block-header .l_Left {
    margin: 10px 0 0 25px
}

.block-header .l_Left .w-OrderGroup {
    margin-right: 12px
}

.tab {
    height: 52px;
    float: left
}

.tab li {
    float: left;
    font-size: 15px;
    text-align: center;
    cursor: pointer;
    color: #929394;
    border-right: 1px solid #303b4f
}

.tab li img {
    margin: -2px 9px 0 0
}

.tab li:hover {
    color: #ccc
}

.tab li.on {
    color: #fff;
    font-weight: 700
}

.tab li .icon_new {
    margin: 20px 0 0 9px
}

.card-inspect-btn {
    position: absolute;
    right: 3px;
    z-index: 3;
    top: 6px
}

.list_card {
    min-height: 466px
}

.list_card ul {
    width: 1180px
}

.list_card.unhover li.on,
.list_card.unhover li:hover {
    border-color: #e4e4e4
}

.list_card.unhover li.on .icon_check,
.list_card.unhover li:hover .icon_check {
    display: none
}

.list_card li {
    border: 1px solid #e4e4e4;
    float: left;
    margin: 0 25px 20px 0;
    position: relative;
    padding-bottom: 9px;
    width: 208px;
    height: 219px;
    background: #f9f9f9;
    border-radius: 2px;
    box-shadow: 0 0 4px 0 rgba(149, 149, 149, .3)
}

.list_card li img {
    position: relative;
    border-radius: 2px 2px 0 0
}

.list_card li.card_folder h3 {
    margin-top: 5px !important;
    line-height: 22px
}

.list_card li.card_folder p {
    margin-top: 4px
}

.list_card li.card_folder:after {
    content: '';
    position: absolute;
    left: 6px;
    bottom: -7px;
    height: 4px;
    width: 198px;
    border-radius: 0 0 2px 2px;
    background: #EDEDED;
    border: 1px solid #E4E4E4;
    border-top: 0;
    box-shadow: 0 0 4px 0 rgba(149, 149, 149, .3)
}

.list_card li.card_folder.on .icon_check {
    z-index: 2
}

.list_card li.card_folder.on:after {
    left: 0;
    bottom: 0;
    box-shadow: none;
    z-index: 1;
    border: 1px solid #E4E4E4
}

.list_card li.on,
.list_card li:not(.disabled):hover {
    border-color: #eea20e;
    background: #f8f6f1
}

.list_card li.on .icon_check,
.list_card li:not(.disabled):hover .icon_check {
    display: block
}

.list_card li.on .tag-stack span,
.list_card li:not(.disabled):hover .tag-stack span {
    border-color: #eea20e;
    color: #eea20e
}

.list_card li.on .bargain-price,
.list_card li:not(.disabled):hover .bargain-price {
    padding-right: 28px
}

.list_card li:not(.disabled):active {
    border-color: #cd931d;
    background: #f9f1e2
}

.list_card li h3 {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    font-size: 15px;
    line-height: 24px;
    margin: 8px 12px 22px;
    width: 190px
}

.list_card li p {
    margin: 6px 12px
}

.list_card li p .c_Strong small {
    font-size: 12px;
    font-weight: 400
}

.list_card li p .l_Right .i_Btn {
    margin: -6px 0 0;
    min-width: 48px
}

.list_card li .selling_price {
    display: none
}

.list_card li:hover .selling_price {
    display: block
}

.list_card li:hover .selling {
    display: none
}

.list_card li:hover .icon_recommend {
    display: block
}

.list_card li.salable {
    cursor: pointer
}

.list_card li.salable .img {
    border-top-left-radius: 2px;
    border-top-right-radius: 2px
}

.list_card li.disabled {
    cursor: not-allowed
}

.list_card li.disabled .f_Strong,
.list_card li.disabled h3,
.list_card li.disabled p {
    color: silver
}

.list_card li.not-allowed {
    opacity: .5;
    cursor: not-allowed
}

.list_card li .disabled-mask {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 161px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(0, 0, 0, .6);
    color: #fff;
    z-index: 9
}

.list_card li .tag {
    position: absolute;
    top: 9px;
    left: 9px
}

.list_card li .tag_autodeliver {
    left: auto !important;
    top: 119px !important;
    right: -1px;
    margin: 0;
    border-radius: 2px 0 0 0;
    color: #eea20e;
    background: #33353b
}

.list_card li .list_card-disabled {
    position: absolute;
    width: 210px;
    height: 162px;
    left: 0;
    top: 0;
    color: #fff;
    background-color: rgba(0, 0, 0, .6);
    text-align: center;
    z-index: 50;
    display: flex
}

.list_card li .list_card-disabled p {
    font-size: 12px;
    margin: auto;
    line-height: 22px;
    padding: 0 20px
}

.list_card li .card-status {
    position: absolute;
    width: 210px;
    height: 92px;
    line-height: 92px;
    text-align: center;
    color: #fff;
    left: -1px;
    bottom: -1px;
    background: rgba(137, 64, 64, .9);
    *background: #894040;
    border-radius: 0 0 2px 2px;
    *filter: alpha(opacity=90);
    font-size: 16px;
    font-weight: 700
}

.list_card li .icon_corner {
    position: absolute;
    right: -1px;
    top: -1px
}

.list_card li .icon_recommend {
    right: -6px;
    top: 3px;
    position: absolute;
    display: none
}

.list_card li .icon_recommend.on {
    display: block !important
}

.list_card li .icon_discount_tag {
    right: -1px;
    top: 6px;
    position: absolute
}

.list_card li .icon_small_no,
.list_card li .icon_small_yes,
.list_card li .icon_time {
    margin: -1px 2px 0 0
}

.list_card li .quick-sell-price {
    display: flex;
    align-items: center;
    gap: 4px
}

.list_card li .quick-sell-price .icon2x {
    margin: 0
}

.list_card li .quick-sell-price strong {
    font-size: 17px
}

.list_card li .blue-tips {
    box-sizing: border-box;
    position: absolute;
    top: 118px;
    width: 100%;
    font-size: 12px;
    color: #959595;
    text-indent: 12px;
    height: 20px;
    line-height: 20px;
    background: #2d2f3e;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-right: 8px
}

.list_card .icon_check {
    position: absolute;
    bottom: 0;
    right: 0;
    display: none
}

.list_card a:link,
.list_card a:visited {
    color: #333
}

.list_card a:hover {
    color: #eea20e
}

.list_card a:active {
    color: #cd931d
}

.list_card .pattern-color {
    position: absolute;
    top: 0;
    right: 0;
    display: inline-block;
    border-top: 8px solid;
    border-left: 8px solid transparent
}

.list_card .bargain-price {
    display: flex;
    align-items: center;
    gap: 4px;
    flex-wrap: nowrap
}

.list_card .bargain-price>:not(.f_Strong) {
    flex-shrink: 0
}

.list_card .bargain-price>.f_Strong {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.list_card_small {
    min-height: auto
}

.list_card_small ul {
    width: 1200px;
    min-height: 324px
}

.list_card_small li {
    margin: 0 21px 20px 0;
    width: 144px;
    height: 160px;
    padding: 0
}

.list_card_small li h3 {
    font-size: 12px;
    margin: 4px 9px 12px;
    width: 130px
}

.list_card_small li p {
    margin: 6px 9px
}

.list_card_small li .tag {
    left: 6px;
    top: 6px
}

.list_card_small li img {
    width: 146px;
    height: 96px
}

.list_card_small .l_BotRight {
    bottom: 5px;
    right: 5px
}

.list_card_big li,
.list_card_carousel li,
.list_card_small2 li,
.list_card_small3 li {
    width: 268px;
    height: 366px
}

.list_card_big li .img,
.list_card_carousel li .img,
.list_card_small2 li .img,
.list_card_small3 li .img {
    height: 248px;
    padding-bottom: 25px;
    position: relative;
    display: block;
    width: 100%;
    text-align: center;
    background: url(/img/item_bg.png);
    background-size: cover
}

.list_card_big li .img img,
.list_card_carousel li .img img,
.list_card_small2 li .img img,
.list_card_small3 li .img img {
    max-width: 210px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.list_card_big li .img img.inspect-img,
.list_card_carousel li .img img.inspect-img,
.list_card_small2 li .img img.inspect-img,
.list_card_small3 li .img img.inspect-img {
    object-fit: cover;
    max-width: 100%;
    margin-top: 0 !important;
    max-height: 100%;
    top: 0;
    left: 0;
    transform: translate(0, 0)
}

.list_card_big li h3,
.list_card_carousel li h3,
.list_card_small2 li h3,
.list_card_small3 li h3 {
    width: auto;
    margin-top: 15px !important
}

.list_card_big li a,
.list_card_carousel li a,
.list_card_small2 li a,
.list_card_small3 li a {
    cursor: default
}

.list_card_big li p .l_Right .i_Btn,
.list_card_carousel li p .l_Right .i_Btn,
.list_card_small2 li p .l_Right .i_Btn,
.list_card_small3 li p .l_Right .i_Btn {
    margin-left: 4px
}

.list_card_big li.salable a,
.list_card_carousel li.salable a,
.list_card_small2 li.salable a,
.list_card_small3 li.salable a {
    cursor: pointer
}

.list_card_big li.nowear .tagBoxB,
.list_card_carousel li.nowear .tagBoxB,
.list_card_small2 li.nowear .tagBoxB,
.list_card_small3 li.nowear .tagBoxB {
    top: 231px
}

.list_card_big li:hover .shalow-btn_hidden,
.list_card_carousel li:hover .shalow-btn_hidden,
.list_card_small2 li:hover .shalow-btn_hidden,
.list_card_small3 li:hover .shalow-btn_hidden {
    visibility: inherit
}

.list_card_big .wear,
.list_card_carousel .wear,
.list_card_small2 .wear,
.list_card_small3 .wear {
    position: absolute;
    top: 249px;
    width: 100%;
    overflow: hidden
}

.list_card_big .wear-value,
.list_card_carousel .wear-value,
.list_card_small2 .wear-value,
.list_card_small3 .wear-value {
    font-size: 12px;
    color: #959595;
    text-indent: 12px;
    margin-top: -1px;
    height: 20px;
    line-height: 20px;
    background: #2d2f3e;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-right: 8px
}

.list_card_big .wear .wear-pointer,
.list_card_carousel .wear .wear-pointer,
.list_card_small2 .wear .wear-pointer,
.list_card_small3 .wear .wear-pointer {
    width: 100%;
    margin-top: -3px;
    position: absolute;
    padding-bottom: 4px
}

.list_card_big .wear .progress,
.list_card_carousel .wear .progress,
.list_card_small2 .wear .progress,
.list_card_small3 .wear .progress {
    width: 100%;
    border-radius: 0;
    overflow: hidden;
    height: 5px
}

.list_card_big .wear .wear-pointer .wear-pointer-icon,
.list_card_carousel .wear .wear-pointer .wear-pointer-icon,
.list_card_small2 .wear .wear-pointer .wear-pointer-icon,
.list_card_small3 .wear .wear-pointer .wear-pointer-icon {
    margin-left: -6px;
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5px 5px 0 5px;
    border-color: #fff transparent transparent transparent
}

.list_card_big .tagBox,
.list_card_big .tagBoxB,
.list_card_carousel .tagBox,
.list_card_carousel .tagBoxB,
.list_card_small2 .tagBox,
.list_card_small2 .tagBoxB,
.list_card_small3 .tagBox,
.list_card_small3 .tagBoxB {
    position: absolute;
    top: 12px;
    left: 12px;
    right: 8px
}

.list_card_big .tagBox .tag,
.list_card_big .tagBoxB .tag,
.list_card_carousel .tagBox .tag,
.list_card_carousel .tagBoxB .tag,
.list_card_small2 .tagBox .tag,
.list_card_small2 .tagBoxB .tag,
.list_card_small3 .tagBox .tag,
.list_card_small3 .tagBoxB .tag {
    position: initial;
    margin-right: 1px;
    padding: 0 4px
}

.list_card_big .tagBoxB,
.list_card_carousel .tagBoxB,
.list_card_small2 .tagBoxB,
.list_card_small3 .tagBoxB {
    top: 206px;
    left: 6px;
    right: 6px;
    min-height: 28px
}

.list_card_big .tagBoxB .icon_stickers,
.list_card_carousel .tagBoxB .icon_stickers,
.list_card_small2 .tagBoxB .icon_stickers,
.list_card_small3 .tagBoxB .icon_stickers {
    position: relative;
    z-index: 2
}

.list_card_big .tagBoxB_R,
.list_card_carousel .tagBoxB_R,
.list_card_small2 .tagBoxB_R,
.list_card_small3 .tagBoxB_R {
    position: absolute;
    bottom: 8px;
    right: 0;
    left: 0;
    display: flex;
    flex-direction: column
}

.list_card_big .tagBoxB_R a,
.list_card_carousel .tagBoxB_R a,
.list_card_small2 .tagBoxB_R a,
.list_card_small3 .tagBoxB_R a {
    margin-left: auto
}

.list_card_big .tagBoxB_R a:nth-child(2),
.list_card_carousel .tagBoxB_R a:nth-child(2),
.list_card_small2 .tagBoxB_R a:nth-child(2),
.list_card_small3 .tagBoxB_R a:nth-child(2) {
    flex-shrink: 0;
    margin-top: 6px
}

.list_card_big .tagBoxB_R a.shalow-btn_long,
.list_card_carousel .tagBoxB_R a.shalow-btn_long,
.list_card_small2 .tagBoxB_R a.shalow-btn_long,
.list_card_small3 .tagBoxB_R a.shalow-btn_long {
    max-width: 198px;
    margin-right: auto;
    margin-left: 0
}

.list_card_big .tagBoxB_L,
.list_card_carousel .tagBoxB_L,
.list_card_small2 .tagBoxB_L,
.list_card_small3 .tagBoxB_L {
    position: absolute;
    left: 0;
    bottom: 0
}

.list_card_big .tag-stack,
.list_card_carousel .tag-stack,
.list_card_small2 .tag-stack,
.list_card_small3 .tag-stack {
    cursor: pointer
}

.list_card_big .tag-stack:hover span,
.list_card_carousel .tag-stack:hover span,
.list_card_small2 .tag-stack:hover span,
.list_card_small3 .tag-stack:hover span {
    background-color: #313A44
}

.list_card_big .tag-stack span,
.list_card_carousel .tag-stack span,
.list_card_small2 .tag-stack span,
.list_card_small3 .tag-stack span {
    display: inline-block;
    height: 20px;
    line-height: 20px;
    vertical-align: middle;
    border: 1px solid #313a44;
    color: #fff;
    font-size: 12px;
    padding: 0 2px;
    background-color: #1C202B;
    margin-right: 1px
}

.list_card_big .tag-stack span:last-child,
.list_card_carousel .tag-stack span:last-child,
.list_card_small2 .tag-stack span:last-child,
.list_card_small3 .tag-stack span:last-child {
    padding: 0 4px
}

.list_card_big .tagBoxB_inline,
.list_card_carousel .tagBoxB_inline,
.list_card_small2 .tagBoxB_inline,
.list_card_small3 .tagBoxB_inline {
    flex-direction: inherit
}

.list_card_big .tagBoxB_inline a:nth-child(2),
.list_card_carousel .tagBoxB_inline a:nth-child(2),
.list_card_small2 .tagBoxB_inline a:nth-child(2),
.list_card_small3 .tagBoxB_inline a:nth-child(2) {
    margin-top: 0;
    margin-left: 8px
}

.list_card_big .tagBoxB_inline a.shalow-btn_long,
.list_card_carousel .tagBoxB_inline a.shalow-btn_long,
.list_card_small2 .tagBoxB_inline a.shalow-btn_long,
.list_card_small3 .tagBoxB_inline a.shalow-btn_long {
    max-width: unset
}

.list_card_big .icon_stickers img,
.list_card_carousel .icon_stickers img,
.list_card_small2 .icon_stickers img,
.list_card_small3 .icon_stickers img {
    position: unset;
    height: 100%
}

.list_card_big .shalow-btn_hidden,
.list_card_carousel .shalow-btn_hidden,
.list_card_small2 .shalow-btn_hidden,
.list_card_small3 .shalow-btn_hidden {
    visibility: hidden
}

.list_card_big .shalow-btn_long,
.list_card_carousel .shalow-btn_long,
.list_card_small2 .shalow-btn_long,
.list_card_small3 .shalow-btn_long {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.list_card_big .tagBoxB {
    left: 12px;
    right: 12px
}

.list_card_big .tagBoxB_R a.shalow-btn_long {
    max-width: 244px
}

.list_card_carousel li,
.list_card_small2 li {
    width: 210px;
    height: 220px;
    margin-right: 23px;
    padding-bottom: 0
}

.list_card_carousel li .img,
.list_card_small2 li .img {
    height: 136px
}

.list_card_carousel li .img img,
.list_card_small2 li .img img {
    max-width: 70%
}

.list_card_carousel li .img img.inspect-img,
.list_card_small2 li .img img.inspect-img {
    max-width: 100%
}

.list_card_carousel li h3,
.list_card_small2 li h3 {
    margin-top: 6px !important;
    margin-bottom: 0;
    font-size: 14px
}

.list_card_carousel li p,
.list_card_small2 li p {
    margin-top: 4px
}

.list_card_carousel li>p,
.list_card_small2 li>p {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.list_card_carousel li.nowear .tagBoxB,
.list_card_small2 li.nowear .tagBoxB {
    top: 127px
}

.list_card_carousel .f_Strong,
.list_card_small2 .f_Strong {
    font-size: 14px
}

.list_card_carousel .wear,
.list_card_small2 .wear {
    top: 137px
}

.list_card_carousel .tagBox,
.list_card_small2 .tagBox {
    top: 0;
    left: 0
}

.list_card_carousel .tagBox .tag,
.list_card_small2 .tagBox .tag {
    padding: 0 2px;
    float: left;
    left: 0;
    top: 0;
    right: 0
}

.list_card_carousel .tagBox .g_Right,
.list_card_small2 .tagBox .g_Right {
    text-align: right
}

.list_card_carousel .tagBox .tag_discount,
.list_card_small2 .tagBox .tag_discount {
    position: absolute;
    top: 19px;
    right: -8px;
    text-align: right;
    margin-top: 2px;
    display: flex;
    flex-direction: column;
    align-items: flex-end
}

.list_card_carousel .tagBox .tag_discount>div,
.list_card_small2 .tagBox .tag_discount>div {
    width: fit-content;
    display: flex;
    align-items: center;
    gap: 2px;
    padding: 0 2px;
    font-size: 12px;
    height: 20px;
    line-height: 20px;
    background: rgba(0, 0, 0, .5);
    color: #fff
}

.list_card_carousel .tagBox .tag_discount>div:nth-child(n+2),
.list_card_small2 .tagBox .tag_discount>div:nth-child(n+2) {
    margin-top: 2px
}

.list_card_carousel .tagBox .tag_discount>div.yellow,
.list_card_small2 .tagBox .tag_discount>div.yellow {
    background: #eea20e
}

.list_card_carousel .tagBox .tag_discount>div.yellow-linear,
.list_card_small2 .tagBox .tag_discount>div.yellow-linear {
    background: linear-gradient(to right, #ff5300, #ff8b00)
}

.list_card_carousel .tag:has(~.examine_box),
.list_card_small2 .tag:has(~.examine_box) {
    margin-bottom: 2px !important
}

.list_card_carousel .tagBoxB,
.list_card_small2 .tagBoxB {
    top: 102px
}

.list_card_carousel .tagBoxB .icon_stickers,
.list_card_small2 .tagBoxB .icon_stickers {
    box-sizing: border-box;
    margin-top: 6px;
    float: left;
    height: 26px;
    width: 26px;
    margin-right: 1px
}

.list_card_carousel .tagBoxB .icon_stickers img,
.list_card_small2 .tagBoxB .icon_stickers img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.list_card_carousel .tagBoxB .icon_stickers.icon_charm,
.list_card_small2 .tagBoxB .icon_stickers.icon_charm {
    border: 1px solid rgba(21, 9, 9, .16);
    position: relative
}

.list_card_carousel .tagBoxB_R,
.list_card_small2 .tagBoxB_R {
    bottom: 2px
}

.list_card_carousel {
    width: 100%;
    min-height: auto;
    height: 222px;
    overflow-x: hidden;
    position: relative
}

.list_card_carousel .carousel_left,
.list_card_carousel .carousel_right {
    width: 32px;
    height: 32px;
    position: absolute;
    background-color: rgba(4, 5, 7, .4);
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    top: 50%;
    transform: translateY(-50%);
    z-index: 99;
    cursor: pointer
}

.list_card_carousel .carousel_left .icon,
.list_card_carousel .carousel_right .icon {
    margin: 0;
    border-color: #FFF
}

.list_card_carousel .carousel_left:hover,
.list_card_carousel .carousel_right:hover {
    background-color: rgba(4, 5, 7, .6)
}

.list_card_carousel .carousel_left:active,
.list_card_carousel .carousel_right:active {
    background-color: rgba(4, 5, 7, .7)
}

.list_card_carousel .carousel_left {
    display: none;
    left: 16px
}

.list_card_carousel .carousel_left .icon {
    margin-left: 2px
}

.list_card_carousel .carousel_right {
    right: 16px
}

.list_card_carousel .carousel_right .icon {
    margin-left: -2px
}

.list_card_carousel .card_csgo {
    display: flex;
    gap: 16px;
    width: auto;
    height: 220px;
    position: absolute;
    left: 0
}

.list_card_carousel .card_csgo li {
    margin: 0
}

.list_card_small2-nointr li {
    width: 210px;
    height: 161px
}

.list_card_small2-nointr li.nowear.on .tagBoxB_R,
.list_card_small2-nointr li.nowear:hover .tagBoxB_R {
    right: 40px
}

.list_card_small2-nointr li.nowear.disabled .tagBoxB_R,
.list_card_small2-nointr li.nowear.disabled:hover .tagBoxB_R {
    right: 0
}

.nodata {
    text-align: center;
    color: #999;
    padding: 120px 0
}

.nodata p {
    margin: 20px 0
}

.icon_nodata {
    background: url(../images/site/data-nodata.png);
    width: 240px;
    height: 56px
}

.icon_nodata--list {
    background: url(../images/site/data-nodata--list.png);
    width: 240px;
    height: 56px
}

.icon_unbind {
    background: url(../images/site/data-unbind.png);
    width: 199px;
    height: 74px
}

.icon_404 {
    background: url(../images/site/data-404.png);
    width: 313px;
    height: 106px
}

.icon_500 {
    background: url(../images/site/data-500.png);
    width: 313px;
    height: 106px
}

.icon_tip_auto {
    background: url(../images/site/data-tip-auto.png);
    width: 530px;
    height: 110px
}

.icon_tip_manual {
    background: url(../images/site/data-tip-manual.png);
    width: 530px;
    height: 110px
}

.nodata_tip {
    padding: 70px 0
}

.nodata_tip p {
    margin: 0 0 30px
}

.nodata_tip .icon_tip_auto,
.nodata_tip .icon_tip_manual {
    margin: 0 0 20px
}

.list_data_samll td,
.list_data_samll th {
    font-size: 12px;
    padding: 16px;
    color: #959595
}

.list_data_samll th {
    background: #f5f5f5;
    font-weight: 400;
    padding: 9px 16px
}

.list_tb tr:hover {
    background: #f5f5f5
}

.list_tb tr:hover .icon_check_small {
    display: none
}

.list_tb td,
.list_tb th {
    border-bottom: 1px solid #e9e9e9
}

.list_tb th {
    background: #f5f5f5;
    font-size: 14px;
    color: #959595;
    font-weight: 400;
    height: 30px;
    line-height: 30px
}

.list_tb th.tb-Order:hover {
    cursor: pointer;
    color: #515151
}

.list_tb td {
    padding: 20px 0;
    padding-right: 4px;
    height: 50px
}

.list_tb td .gM6 {
    vertical-align: text-bottom
}

.list_tb .pic-cont {
    display: inline-block;
    position: relative;
    width: 72px;
    height: 48px
}

.list_tb .pic-cont .item-count {
    position: absolute;
    width: 70px;
    height: 46px;
    border: 1px solid #eea20e;
    background: #f7e8cb;
    left: -5px;
    top: -5px
}

.list_tb .pic-cont .goods-count {
    height: 16px;
    padding: 0 2px;
    line-height: 16px;
    font-size: 12px;
    color: #C6CAD0;
    background: rgba(0, 0, 0, .5);
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 9
}

.list_tb .pic-cont .pic-cont-cover {
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(71, 115, 200, .8);
    left: 0;
    top: 0;
    display: none;
    *filter: alpha(opacity=80);
    *background: #4164a7
}

.list_tb .pic-cont .pic-cover_disabled {
    background: rgba(0, 0, 0, .8);
    display: block;
    line-height: 48px;
    text-align: center;
    color: #e4e8ee;
    *background: #000
}

.list_tb .pic-cont .icon_check_small {
    position: absolute;
    right: 0;
    bottom: 0;
    display: none
}

.list_tb .pic-cont:hover .icon_check_small {
    display: block
}

.list_tb .pic-cont.on .icon_check_small,
.list_tb .pic-cont.on .pic-cont-cover {
    display: block
}

.list_tb .with-gallery {
    cursor: pointer
}

.list_tb .with-gallery img {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 5
}

.list_tb .with-floatrank {
    cursor: pointer
}

.list_tb .with-floatrank .img-cont {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 5;
    width: 100%;
    height: 100%
}

.list_tb .tr_gallery {
    display: none;
    background-position: center top
}

.list_tb .tr_gallery>td {
    padding: 0;
    background: #f5f5f5
}

.list_tb .tr_gallery tr:hover {
    background: #efefef
}

.list_tb .tr_order_collapse {
    display: none;
    background: #F5F5F5
}

.list_tb .tr_order_collapse tr:hover {
    background: #EBEBEB
}

.list_tb .tr_floatrank {
    display: none;
    background-position: center top
}

.list_tb .tr_floatrank>td {
    padding: 0;
    background: #f5f5f5
}

.list_tb .tr_floatrank tr:hover {
    background: #EBEBEB
}

.list_tb .td_status p {
    margin: 6px 0
}

.list_tb .td_status p span {
    font-size: 14px
}

.list_tb .td_status a {
    color: #999;
    text-decoration: underline;
    font-size: 13px
}

.list_tb .td_status a:hover {
    color: #eea20e
}

.list_tb .td_operation p {
    display: flex;
    align-items: center;
    gap: 4px
}

.list_tb .td_operation p span {
    font-size: 12px;
    display: flex;
    align-items: center;
    gap: 4px
}

.list_tb .td_operation a {
    font-size: 12px;
    text-decoration: underline
}

.list_tb .td_operation a:hover {
    color: #eea20e
}

.list_tb .td_status--p2p {
    position: relative
}

.list_tb .td_status--p2p>div {
    display: flex;
    align-items: center
}

.list_tb .td_status--p2p>div:nth-child(n+2) {
    margin-top: 4px
}

.list_tb .td_status--p2p .count-down {
    font-size: 12px;
    color: rgba(73, 73, 73, .6)
}

.list_tb .td_status--p2p .i_Btn_mid2:nth-child(n+2) {
    margin-left: 8px
}

.list_tb .td_status--p2p .has-progress {
    position: relative
}

.list_tb .td_status--p2p .has-progress::after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    transform: translateX(100%);
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #eea20e
}

.list_tb .td_status--p2p .icon_p2p {
    width: 16px;
    height: 16px;
    margin-right: 4px
}

.list_tb .td_status--p2p .icon_cooldown {
    width: 12px;
    height: 12px;
    margin-right: 2px;
    background-image: url(../images/2x/icon_cooldown.svg)
}

.list_tb .td_status--p2p .c_Blue {
    color: #4773c8 !important
}

.list_tb .td_status--p2p .c_Blue .icon_p2p {
    background-image: url(../images/2x/icon_p2p--blue.svg)
}

.list_tb .td_status--p2p .c_Red {
    color: #dd2f0b
}

.list_tb .td_status--p2p .c_Red .icon_p2p {
    background-image: url(../images/2x/icon_p2p--red.svg)
}

.list_tb .td_status--p2p .c_Yellow {
    color: #eea20e
}

.list_tb .td_status--p2p .c_Yellow .icon_p2p {
    background-image: url(../images/2x/icon_p2p--yellow.svg)
}

.list_tb .td_status--p2p .c_Green {
    color: #1aad19
}

.list_tb .td_status--p2p .c_Green .icon_p2p {
    background-image: url(../images/2x/icon_p2p--green.svg)
}

.list_tb .p2p-expand {
    display: none;
    text-align: left;
    height: auto;
    box-sizing: border-box;
    padding: 0;
    line-height: 14px
}

.list_tb .p2p-expand a {
    cursor: pointer
}

.list_tb .p2p-expand h3 {
    display: flex;
    align-items: center;
    font-size: 12px;
    margin-bottom: 12px
}

.list_tb .p2p-expand-prices {
    display: flex;
    align-items: center;
    height: 32px;
    padding: 0 22px;
    font-size: 12px;
    background: #fafafa
}

.list_tb .p2p-expand-prices div:nth-child(n+2) {
    margin-left: 24px
}

.list_tb .p2p-expand-actions {
    padding: 16px 22px;
    background: #f0f0f0
}

.list_tb .p2p-expand-links {
    display: flex;
    align-items: center;
    gap: 16px
}

.list_tb .p2p-expand-links>div {
    flex: 1;
    display: flex;
    align-items: center;
    background: rgba(71, 115, 200, .06);
    border: .5px solid rgba(69, 83, 108, .06);
    border-radius: 2px;
    height: 72px;
    padding: 8px 10px;
    box-sizing: border-box
}

.list_tb .p2p-expand-links>div .logo_steam {
    margin-right: 8px
}

.list_tb .p2p-expand-links>div a {
    font-size: 14px;
    color: #45536c;
    display: flex;
    align-items: center
}

.list_tb .p2p-expand-links>div a .icon {
    margin: 0;
    margin-left: 2px
}

.list_tb .p2p-expand-links>div a:hover {
    color: #536380
}

.list_tb .p2p-expand-links>div a:active {
    color: #3a465b
}

.list_tb .p2p-expand-links>div img {
    width: 52px;
    height: 52px;
    border-radius: 2px;
    margin-left: auto;
    object-position: top center;
    object-fit: cover;
    cursor: pointer
}

.list_tb .p2p-expand-steps {
    margin-top: 17px;
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 12px
}

.list_tb .p2p-expand-steps>div {
    box-sizing: border-box;
    flex: 1;
    min-height: 272px;
    padding: 16px;
    background: #ededed;
    border: .5px solid #e4e4e4;
    border-radius: 2px;
    position: relative
}

.list_tb .p2p-expand-steps>div>:nth-child(n+2) {
    margin-top: 4px
}

.list_tb .p2p-expand-steps h3 {
    margin-bottom: 0;
    font-size: 14px;
    line-height: 20px;
    font-weight: 400
}

.list_tb .p2p-expand-steps h3 span {
    margin: 0 2px
}

.list_tb .p2p-expand-steps .tips {
    font-size: 10px
}

.list_tb .p2p-expand-steps .tips p {
    display: flex;
    align-items: center
}

.list_tb .p2p-expand-steps .tips p:nth-child(n+2) {
    margin-top: 4px
}

.list_tb .p2p-expand-steps .tips.c_Red {
    padding: 8px;
    border-radius: 2px;
    background: rgba(209, 13, 28, .06);
    color: #F55;
    font-size: 12px;
    line-height: 17px
}

.list_tb .p2p-expand-steps .i_Btn {
    box-sizing: border-box;
    width: 100%;
    font-size: 12px;
    height: 36px
}

.list_tb .p2p-expand-steps .i_Btn--text {
    display: inline-block;
    margin-top: 6px;
    margin-left: auto
}

.list_tb .p2p-expand-steps .icon_tips {
    position: absolute;
    top: 9px;
    right: 8px
}

.list_tb .p2p-expand-steps-footer {
    display: flex
}

.list_tb .p2p-expand-card {
    width: 336px;
    padding: 8px;
    border-radius: 2px;
    background: #1D1D1D
}

.list_tb .p2p-expand-card h3 {
    color: #fff;
    margin-bottom: 8px;
    font-weight: 400
}

.list_tb .p2p-expand-card-logo {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative
}

.list_tb .p2p-expand-card-logo::after,
.list_tb .p2p-expand-card-logo::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    height: 1px;
    width: 125px;
    background: #070707
}

.list_tb .p2p-expand-card-logo::after {
    left: auto;
    right: 0
}

.list_tb .p2p-expand-card-goods {
    box-sizing: border-box;
    width: 100%;
    display: flex;
    align-items: center;
    gap: 4px;
    padding: 2px;
    border-radius: 1px solid rgba(84, 84, 88, .3);
    background: #000
}

.list_tb .p2p-expand-card-goods>div {
    width: 64px;
    height: 64px;
    border-radius: 1px;
    background: #292929;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid transparent
}

.list_tb .p2p-expand-card-goods>div img {
    width: 40px;
    height: 40px;
    object-fit: contain
}

.list_tb .user-thum {
    margin-left: 0
}

.list_tb .user-info {
    max-width: 174px
}

.list_tb .user-info .user-name {
    flex: 1;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block
}

.list_tb_small {
    border: 1px solid #e9e9e9
}

.list_tb_small td {
    padding: 15px !important;
    height: auto;
    background: #fff
}

.gallery-list li {
    float: left;
    margin: 18px 12px
}

.gallery-list li h4 {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    margin: 6px 0 0;
    width: 100px
}

.list_tb-count {
    padding: 20px;
    border-top: 1px solid #c8c7c9;
    box-shadow: 0 -2px 2px #e0e0e0
}

.name-cont.has-premium {
    display: flex
}

.name-cont h3 {
    max-width: 190px;
    height: 21px;
    display: flex;
    align-items: center;
    line-height: 21px
}

.name-cont h3.show_sticker_false {
    max-width: 250px
}

.name-cont h3.short-name {
    max-width: 172px;
    min-height: 21px;
    height: auto;
    line-height: 17px;
    margin-bottom: 4px
}

.name-cont h3.short-name a {
    white-space: wrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical
}

.name-cont h3 a {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-right: 2px
}

.name-cont h3 .textOne {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-bottom: 6px
}

.name-cont h3 .bundle-count {
    white-space: nowrap;
    margin-bottom: 6px
}

.name-cont .sticker-premium {
    margin-left: 4px
}

.sticker-premium {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center
}

.sticker-premium span:nth-child(2) {
    margin-top: 4px
}

.list_tb-body {
    max-height: 404px;
    overflow-y: auto;
    overflow-x: hidden;
    position: relative;
    min-height: 314px
}

.list_lv_des {
    margin: 16px 0 32px
}

.list_lv_des tr {
    border: 1px solid #E9E9E9
}

.list_lv_des tr:nth-child(2n+1) {
    background: #F6F6F6
}

.list_lv_des tr.vip {
    background: #FDF3E2;
    color: #EEA20E
}

.list_lv_des tr.vip td:first-child {
    font-weight: 700
}

.list_lv_des td,
.list_lv_des th {
    padding: 12px 0
}

.list_lv_des td:first-child,
.list_lv_des th:first-child {
    border-right: 1px solid #E9E9E9
}

.list_tb--pending {
    border: 0;
    border-style: hidden
}

.list_tb--pending td,
.list_tb--pending th {
    border: none
}

.list_tb--pending th {
    height: 40px
}

.list_tb-fixed-header .list_tb-header {
    position: sticky;
    top: 0;
    z-index: 99999;
    box-shadow: 0 2px 3px 0 rgba(0, 0, 0, .1)
}

.lv-des {
    font-size: 14px
}

.lv-des h3 {
    font-weight: 700;
    line-height: 18px;
    margin-bottom: 12px
}

.lv-des p {
    line-height: 25px
}

.user-thum {
    border-radius: 50%;
    margin: 0 9px 0
}

.user-info {
    display: inline-flex;
    align-items: center;
    color: #959595;
    font-size: 14px;
    font-weight: 400;
    cursor: pointer
}

.user-info .user-avatar,
.user-info img {
    box-sizing: border-box;
    border-radius: 50%;
    border: 1px solid rgba(233, 233, 233, .5);
    display: inline-block
}

.user-info .user-avatar-wrapper {
    display: inline-block;
    position: relative
}

.user-info .user-avatar-multi {
    width: 38px;
    height: 30px;
    background: center/contain url(../images/pics/24vip.png) no-repeat, right center/contain url(../images/pics/24vip.png) no-repeat
}

.user-info .user-name {
    margin-left: 8px;
    display: inline-flex;
    align-items: center;
    font-weight: 400
}

.user-info .icon {
    margin-left: 4px
}

.user-info:not(.chat-user-info):hover {
    color: #333
}

.user-info:active:not(.chat-user-info) {
    color: silver
}

.user-info.lv_5-6 {
    color: #5e98d9
}

.user-info.lv_5-6 .user-name {
    color: #5e98d9
}

.user-info.lv_5-6:not(.chat-user-info):hover {
    color: #4d80e1
}

.user-info.lv_5-6:not(.chat-user-info):hover .user-name {
    color: #4d80e1
}

.user-info.lv_7-8 {
    color: #4773c8
}

.user-info.lv_7-8 .user-name {
    color: #4773c8
}

.user-info.lv_7-8:not(.chat-user-info):hover {
    color: #567fcd
}

.user-info.lv_7-8:not(.chat-user-info):hover .user-name {
    color: #567fcd
}

.user-info.lv_9-10 {
    color: #4b69ff
}

.user-info.lv_9-10 .user-name {
    color: #4b69ff
}

.user-info.lv_9-10:not(.chat-user-info):hover {
    color: #2e4ce1
}

.user-info.lv_9-10:not(.chat-user-info):hover .user-name {
    color: #2e4ce1
}

.user-info.lv_5-6:active:not(.chat-user-info),
.user-info.lv_7-8:active:not(.chat-user-info),
.user-info.lv_9-10:active:not(.chat-user-info) {
    color: #3c61a8
}

.user-info.lv_5-6:active:not(.chat-user-info) .user-name,
.user-info.lv_7-8:active:not(.chat-user-info) .user-name,
.user-info.lv_9-10:active:not(.chat-user-info) .user-name {
    color: #3c61a8
}

.user-info.is-vip {
    color: #e1ab60
}

.user-info.is-vip .user-name {
    color: #e1ab60
}

.user-info.is-vip:not(.chat-user-info):hover {
    color: #ffca80
}

.user-info.is-vip:not(.chat-user-info):hover .user-name {
    color: #ffca80
}

.user-info.is-vip:active:not(.chat-user-info) {
    color: #cd931d
}

.user-info.is-vip:active:not(.chat-user-info) .user-name {
    color: #cd931d
}

.user-info.is-vip .user-avatar-wrapper::after {
    content: '';
    display: block;
    position: absolute;
    bottom: 0;
    right: 0;
    width: 12px;
    height: 12px;
    background: center/contain url(../images/site/icon_VIP_bordered.png) no-repeat
}

.user-info.is-vip .user-avatar-wrapper.vip-icon--small::after {
    width: 10px;
    height: 10px
}

.user-info.is-vip .user-avatar-wrapper.vip-icon--large::after {
    width: 14px;
    height: 14px
}

.user-info.is-vip .user-avatar-wrapper.no-border::after {
    background-image: url(../images/site/icon_VIP.png)
}

.w-SelType_tag .tag,
.w-Select .tag {
    background: 0 0;
    border-radius: none;
    margin-right: 0
}

.w-SelType_tag .tag:hover,
.w-Select .tag:hover {
    color: #fff
}

.w-SelType_tag .tag_uncommon,
.w-SelType_tag ul li.tag_text_uncommon,
.w-Select .tag_uncommon,
.w-Select ul li.tag_text_uncommon {
    color: #82bdff
}

.w-SelType_tag .tag_rare,
.w-SelType_tag ul li.tag_text_rare,
.w-Select .tag_rare,
.w-Select ul li.tag_text_rare {
    color: #7c8ff5
}

.w-SelType_tag .tag_mythical,
.w-SelType_tag ul li.tag_text_mythical,
.w-Select .tag_mythical,
.w-Select ul li.tag_text_mythical {
    color: #a876f9
}

.w-SelType_tag .tag_legendary,
.w-SelType_tag ul li.tag_text_legendary,
.w-Select .tag_legendary,
.w-Select ul li.tag_text_legendary {
    color: #dc5eea
}

.w-SelType_tag .tag_ancient,
.w-SelType_tag ul li.tag_text_ancient,
.w-Select .tag_ancient,
.w-Select ul li.tag_text_ancient {
    color: #e06b6a
}

.w-SelType_tag .tag_immortal,
.w-SelType_tag ul li.tag_text_immortal,
.w-Select .tag_immortal,
.w-Select ul li.tag_text_immortal {
    color: #f2b166
}

.w-SelType_tag .tag_arcana,
.w-SelType_tag ul li.tag_text_arcana,
.w-Select .tag_arcana,
.w-Select ul li.tag_text_arcana {
    color: #9acc4c
}

.w-SelType_tag .tag_seasonal,
.w-SelType_tag ul li.tag_text_seasonal,
.w-Select .tag_seasonal,
.w-Select ul li.tag_text_seasonal {
    color: #3c3
}

.w-SelType_tag .tag_standard,
.w-SelType_tag ul li.tag_text_standard,
.w-Select .tag_standard,
.w-Select ul li.tag_text_standard {
    color: #acbfd6
}

.w-SelType_tag .tag_strange,
.w-SelType_tag ul li.tag_text_strange,
.w-Select .tag_strange,
.w-Select ul li.tag_text_strange {
    color: #d16a2b
}

.w-SelType_tag .tag_lucky,
.w-SelType_tag ul li.tag_text_lucky,
.w-Select .tag_lucky,
.w-Select ul li.tag_text_lucky {
    color: #25cf22
}

.w-SelType_tag .tag_genuine,
.w-SelType_tag ul li.tag_text_genuine,
.w-Select .tag_genuine,
.w-Select ul li.tag_text_genuine {
    color: #4b7553
}

.w-SelType_tag .tag_tournament,
.w-SelType_tag ul li.tag_text_tournament,
.w-Select .tag_tournament,
.w-Select ul li.tag_text_tournament {
    color: #864dae
}

.w-SelType_tag .tag_frozen,
.w-SelType_tag ul li.tag_text_frozen,
.w-Select .tag_frozen,
.w-Select ul li.tag_text_frozen {
    color: #4381b6
}

.w-SelType_tag .tag_autographed,
.w-SelType_tag ul li.tag_text_autographed,
.w-Select .tag_autographed,
.w-Select ul li.tag_text_autographed {
    color: #ace753
}

.w-SelType_tag .tag_haunted,
.w-SelType_tag ul li.tag_text_haunted,
.w-Select .tag_haunted,
.w-Select ul li.tag_text_haunted {
    color: #884bae
}

.w-SelType_tag .tag_base,
.w-SelType_tag ul li.tag_text_base,
.w-Select .tag_base,
.w-Select ul li.tag_text_base {
    color: #aeaeae
}

.w-SelType_tag .tag_corrupted,
.w-SelType_tag ul li.tag_text_corrupted,
.w-Select .tag_corrupted,
.w-Select ul li.tag_text_corrupted {
    color: #a82928
}

.w-SelType_tag .tag_unusual,
.w-SelType_tag ul li.tag_text_unusual,
.w-Select .tag_unusual,
.w-Select ul li.tag_text_unusual {
    color: #894dad
}

.w-SelType_tag .tag_infused,
.w-SelType_tag ul li.tag_text_infused,
.w-Select .tag_infused,
.w-Select ul li.tag_text_infused {
    color: #8239f2
}

.w-SelType_tag .tag_exalted,
.w-SelType_tag ul li.tag_text_exalted,
.w-Select .tag_exalted,
.w-Select ul li.tag_text_exalted {
    color: #ccc
}

.w-SelType_tag .tag_vintage,
.w-SelType_tag ul li.tag_text_vintage,
.w-Select .tag_vintage,
.w-Select ul li.tag_text_vintage {
    color: #455e90
}

.w-SelType_tag .tag_legacy,
.w-SelType_tag ul li.tag_text_legacy,
.w-Select .tag_legacy,
.w-Select ul li.tag_text_legacy {
    color: #fafafa
}

.criteria {
    padding: 14px 0;
    min-height: 32px
}

.criteria label {
    line-height: 32px
}

.criteria .w-Counter {
    margin: 0 32px;
    *left: 36px
}

.criteria-section .w-Key {
    margin-left: 80px
}

.criteria-cont {
    margin-left: 56px
}

.map_price {
    padding: 20px
}

.my-menu {
    float: left
}

.my-menu li {
    line-height: 60px;
    font-size: 14px
}

.my-menu li a {
    display: block;
    color: #90969c;
    position: relative;
    padding: 0 20px
}

.my-menu li a:hover {
    color: #fff
}

.my-menu li a:active {
    color: #90969c;
    background-color: #040507
}

.my-menu li.on a {
    color: #fff;
    text-shadow: 0 0 3px #fff
}

.my-menu li .icon_new {
    right: 30px;
    top: 20px;
    *top: 0
}

.my-header-cont {
    margin-left: 183px;
    width: 955px;
    background: url(../images/site/my-bg_pubg.png) no-repeat;
    max-height: 182px;
    padding: 36px 30px 0
}

.my-header-cont_sub {
    background-position: left -8px !important;
    padding: 30px 30px 10px
}

.market_header_sub {
    background-position: left -10px !important
}

.cont-tab {
    border-bottom: 2px solid #4773c8
}

.cont-tab ul {
    float: left
}

.cont-tab li {
    float: left;
    margin-right: 40px;
    cursor: pointer;
    font-weight: 700
}

.cont-tab li a {
    color: #90969c;
    display: inline-block;
    padding: 0 0 20px;
    position: relative
}

.cont-tab li .icon_top_cur {
    position: absolute;
    bottom: -1px;
    left: 50%;
    margin-left: -4px;
    display: none
}

.cont-tab li :hover {
    color: #fff
}

.cont-tab li :active {
    color: #515151
}

.cont-tab li.on a {
    color: #fff
}

.cont-tab li.on .icon_top_cur {
    display: block
}

.cont-tab li .tag_status {
    margin: 0 0 0 6px;
    position: relative;
    top: -1px;
    *top: -18px;
    *right: -6px
}

.cont-tab .l_Right span {
    margin-left: 20px;
    font-size: 12px
}

.cont-tab.admin-tab .new-tab {
    max-width: calc(100% - 122px);
    height: 100%;
    overflow-x: scroll;
    overflow-y: hidden;
    white-space: nowrap;
    height: 42px;
    position: relative
}

.cont-tab.admin-tab .new-tab li {
    float: none;
    display: inline-block
}

.cont-tab.admin-tab .new-tab li a {
    padding-bottom: 25px
}

.cont-tab.admin-tab .new-tab li:last-child {
    margin-right: 26px
}

.cont-tab.admin-tab .admin-tab-setting {
    position: relative;
    display: inline-flex
}

.cont-tab.admin-tab .admin-tab-setting.active::after {
    content: "";
    position: absolute;
    right: 100%;
    top: 0;
    width: 52px;
    height: 42px;
    background: linear-gradient(90deg, rgba(20, 20, 30, 0) 0, #14141e 100%)
}

.tab-games {
    height: 24px;
    padding: 15px 0;
    background: #e9e9e9
}

.tab-games .tag_status {
    margin: 0 0 0 6px
}

.tab-games li {
    float: left;
    font-size: 12px;
    border-right: 1px solid #d7d7d7;
    height: 24px;
    line-height: 24px;
    cursor: pointer
}

.tab-games li a {
    display: block;
    padding: 0 25px;
    opacity: .5;
    color: #333
}

.tab-games li img {
    margin: -2px 6px 0 0
}

.tab-games li a:hover {
    color: #eea20e;
    opacity: 1
}

.tab-games li a:active {
    color: #cd931d
}

.tab-games li.on a {
    color: #515151;
    opacity: 1
}

.tab-games li:last-child {
    border: none
}

.black .tab-games {
    background: #1e242d
}

.black .tab-games li {
    border-right: 1px solid #394150
}

.black .tab-games li a {
    color: #e4e8ee
}

.black .tab-games li a:hover {
    color: #eea20e
}

.black .tab-games li a:active {
    color: #cd931d
}

.black .tab-games li.on a {
    color: #e4e8ee
}

.col1 {
    width: 240px;
    float: left
}

.col1 .recent-deal {
    width: 240px;
    background: #343944
}

.col1 .recent-deal h2 {
    font-size: 16px;
    color: #fff;
    font-weight: 700;
    padding: 30px 20px
}

.col1 .recent-deal h2 .icon_pre {
    width: 2px;
    background: #4773c8;
    height: 12px;
    margin: -2px 6px 0 0
}

.col1 .recent-deal ul {
    background: 0 0;
    height: auto
}

.col1 .recent-deal li {
    padding: 20px 0 20px 20px
}

.col1 .recent-deal li h4 {
    width: 130px
}

.col1 .recent-deal .nodata {
    padding: 0 0 20px
}

.col2 {
    margin-left: 260px
}

.col2 .list_card li .i_Btn_small {
    display: none !important
}

.col2 .list_card li:hover .i_Btn_small {
    display: inline-block !important
}

.shop-user {
    height: 236px;
    background: url(../images/site/user-bg.png) no-repeat left top;
    text-align: center
}

.shop-user h3 {
    text-align: center;
    font-size: 15px;
    font-weight: 700;
    margin: 20px 0 0
}

.shop-user .user-head {
    margin: 54px auto 0
}

.shop-user .user-avatar,
.shop-user img {
    border-radius: 50%;
    border: 2px solid #9c9c9c;
    display: inline-block
}

.shop-user .user-avatar-wrapper {
    display: inline-block;
    position: relative
}

.shop-user .user-name {
    color: #E4E8EE;
    font-weight: 700;
    position: relative;
    width: fit-content;
    margin: 17px auto 0
}

.shop-user .user-name .icon {
    position: absolute;
    top: 50%;
    right: -4px;
    transform: translate(100%, -50%)
}

.shop-user.lv_5-6 .user-name {
    color: #5e98d9
}

.shop-user.lv_7-8 .user-name {
    color: #4773c8
}

.shop-user.lv_9-10 .user-name {
    color: #4b69ff
}

.shop-user.is-vip .user-name {
    color: #e1ab60
}

.shop-user.is-vip .user-avatar-wrapper::after {
    content: '';
    display: block;
    position: absolute;
    bottom: 0;
    right: 0;
    width: 24px;
    height: 24px;
    background: center/contain url(../images/site/icon_VIP.png) no-repeat
}

.shop-user.is-online .user-avatar,
.shop-user.is-online img {
    border: 2px solid #069b17
}

.shop-user.is-online .icon_user_online {
    display: inline-block
}

.user-head {
    position: relative;
    display: inline-block
}

.user-head .icon_user_online {
    width: 10px;
    height: 10px;
    background: #069b17;
    border-radius: 5px;
    position: absolute;
    display: none;
    bottom: 5px;
    right: 16px
}

.user-head .user-info {
    display: inline-flex;
    align-items: center;
    color: #959595;
    font-size: 14px;
    font-weight: 400;
    cursor: pointer
}

.user-head .user-info .user-name {
    margin-left: 8px
}

.user-head .user-info .icon {
    margin-left: 4px
}

.user-head .user-info:not(.chat-user-info):hover {
    color: #333
}

.user-head .user-info:active:not(.chat-user-info) {
    color: silver
}

.user-head .user-info.lv_5-6 {
    color: #5e98d9
}

.user-head .user-info.lv_5-6:not(.chat-user-info):hover {
    color: #4d80e1
}

.user-head .user-info.lv_5-6:active:not(.chat-user-info) {
    color: #3c61a8
}

.user-head .user-info.lv_7-8 {
    color: #4773c8
}

.user-head .user-info.lv_7-8:not(.chat-user-info):hover {
    color: #567fcd
}

.user-head .user-info.lv_7-8:active:not(.chat-user-info) {
    color: #3c61a8
}

.user-head .user-info.lv_9-10 {
    color: #4b69ff
}

.user-head .user-info.lv_9-10:not(.chat-user-info):hover {
    color: #2e4ce1
}

.user-head .user-info.lv_9-10:active:not(.chat-user-info) {
    color: #3c61a8
}

.user-head .user-info.is-vip {
    color: #e1ab60
}

.user-head .user-info.is-vip:not(.chat-user-info):hover {
    color: #ffca80
}

.user-head .user-info.is-vip:active:not(.chat-user-info) {
    color: #cd931d
}

.online .user-avatar,
.online img {
    border: 2px solid #069b17
}

.online .icon_user_online {
    display: inline-block
}

.shop-data {
    background: #3a3f4d
}

.shop-data .clear {
    height: 20px
}

.w-Switcher_small span {
    height: 20px;
    line-height: 20px;
    padding: 0 6px !important;
    font-size: 12px;
    min-width: auto
}

.shop-info {
    margin: 0 0 0 10px
}

.shop-info li {
    float: left;
    text-align: center;
    width: 100px
}

.shop-info li.split {
    height: 30px;
    width: 1px;
    background: #484f61;
    margin: 9px 10px 0
}

.shop-info li .f_Strong {
    font-size: 14px
}

.shop-info h5 {
    font-weight: 700;
    margin: 0 0 10px
}

.shop-info h5 big {
    font-size: 24px;
    margin: 0 6px
}

.shop-info p {
    font-size: 12px
}

.shop-account {
    float: left;
    width: 400px;
    padding: 0 0 20px
}

.shop-account img {
    border-radius: 50%;
    margin: 0 25px 0 0;
    float: left
}

.shop-account h3 {
    font-size: 16px;
    color: #e4e8ee;
    margin: 6px 0 9px
}

.shop-account h3 span {
    margin: -2px 0 0 9px
}

.shop-recommend {
    background: #fafafa;
    border-radius: 0 0 2px 2px
}

.slider-handle {
    width: 38px;
    height: 160px;
    border: 1px solid #e9e9e9;
    border-radius: 2px;
    background: #f0f0f0;
    text-align: center;
    cursor: not-allowed
}

.slider-handle.clickable:hover {
    background: #fefcf7;
    border: 1px solid #eea20e;
    box-shadow: 0 0 4px 0 rgba(149, 149, 149, .3);
    cursor: pointer
}

.slider-handle .icon {
    width: 16px;
    height: 16px;
    margin: 68px 0 0 0
}

.shop-recommend-cont {
    padding: 15px 20px
}

.shop-recommend-list {
    margin: 0 55px;
    overflow: hidden
}

.shop-recommend-list ul {
    min-height: auto;
    width: 1610px
}

.shop-recommend-list ul li {
    margin: 0 15px 0 0;
    box-shadow: 0 0 4px 0 rgba(149, 149, 149, .3)
}

.shop-list {
    border-radius: 0 0 2px 2px
}

.shop-list .list_card {
    background: #fafafa;
    padding-top: 20px;
    padding-left: 20px
}

.shop-list .list_card ul {
    width: 920px
}

.shop-list .list_card li {
    margin: 0 20px 20px 0
}

.shop-list .list_card_small2 li {
    margin-right: 18px
}

.shop-list .criteria {
    padding-bottom: 0
}

.shop-list .criteria .w-Search .i_Text {
    width: 160px
}

.shop-list .card-pager {
    padding: 30px 0;
    background: #fafafa
}

.shop-header {
    padding: 30px 20px 20px;
    background: rgba(17, 20, 25, .8);
    border-radius: 2px 2px 0 0
}

.shop-header .cont-tab .l_Right {
    margin-top: -10px
}

.shop-header .cont-tab .w-Order span {
    margin-left: 0
}

.shop-header .cont-tab.admin-tab .l_Right {
    margin-top: -8px
}

div.timepicker {
    position: relative
}

div.timepicker .i_Text {
    padding: 4px;
    text-align: center;
    width: 40px;
    font-size: 13px
}

div.timepicker span {
    margin: 0 9px
}

div.timepicker.disabled .i_Text {
    color: #dee1e6;
    cursor: not-allowed
}

.timepicker-drop {
    position: absolute;
    border: 1px solid #f0f0f0;
    width: 210px;
    padding: 6px;
    background: #fff;
    clear: both;
    overflow: hidden;
    left: 0;
    bottom: 36px;
    display: none
}

.timepicker-drop li {
    float: left;
    width: 25px;
    height: 20px;
    border-radius: 2px;
    line-height: 20px;
    margin: 5px 5px;
    text-align: center;
    cursor: pointer;
    color: #515151
}

.timepicker-drop li:hover {
    color: #eea20e
}

.timepicker-drop li.on {
    background: #eea20e;
    color: #fff
}

.timepicker-drop_minute {
    width: auto;
    left: 72px
}

.timepicker-drop_minute li {
    float: none
}

.sold-count {
    padding: 40px 0 0 98px;
    overflow: hidden
}

.count-item {
    width: 318px;
    height: 120px;
    border: 1px solid #e4e4e4;
    padding: 16px 0;
    float: left;
    margin: 0 24px 24px 0;
    background: #fff
}

.count-item h3 {
    font-size: 14px;
    font-weight: 700;
    color: #515151;
    border-left: 10px solid #4773c8;
    padding: 0 0 0 6px;
    line-height: 16px;
    height: 16px
}

.count-item li {
    float: left;
    width: 158px;
    text-align: center
}

.count-item .split {
    width: 1px;
    height: 30px;
    background: #bfbfbf;
    margin: 18px 0 0
}

.count-item h5 {
    font-weight: 700;
    line-height: 24px;
    margin: 20px 0 15px;
    font-size: 18px;
    color: #45536c
}

.count-item h6 {
    color: #bfbfbf;
    font-size: 12px
}

.count-item p {
    margin: 8px 0
}

.count-item .icon_down,
.count-item .icon_up {
    margin-right: 4px;
    margin-top: -2px
}

.count-item-all h5 {
    margin: 40px 0 0
}

.count-item-all .split {
    margin: 36px 0 0
}

.count-chart {
    margin: 20px 98px 0;
    padding: 20px 0;
    border: 1px solid #e4e4e4;
    background: #fff
}

.count-chart h3 {
    font-size: 16px;
    font-weight: 700;
    color: #515151;
    border-left: 10px solid #4773c8;
    padding: 0 0 0 6px;
    line-height: 16px;
    height: 16px;
    margin-bottom: 20px
}

.count-chart .w-Switcher {
    padding: 10px 0
}

.count-chart .w-Switcher span {
    font-size: 12px;
    margin: 0 40px;
    padding: 0;
    min-width: inherit
}

.list_card_small3 li {
    width: 208px;
    height: 219px
}

.list_card_small3 li .img {
    height: 138px;
    padding-bottom: 0
}

.list_card_small3 li.nowear .tagBoxB {
    top: 108px
}

.list_card_small3 .tagBoxB {
    top: 109px
}

.list_card_small3 .tagBoxB .gem_list {
    height: 26px;
    background-color: rgba(0, 0, 0, .33);
    margin-left: -6px;
    margin-right: -6px
}

.list_card_small3 .tagBoxB .other_gem_list {
    width: 100%;
    height: 28px
}

.list_card_small3 .tagBoxB .icon_stickers {
    margin-top: 6px;
    height: auto
}

.list_card_small3 .tagBoxB.tagBoxB2 {
    top: 83px
}

.list_card_small3 .tagBoxB_R.tagBoxB_RT {
    bottom: 34px
}

.list_card_small3 .tagBoxB_R.tagBoxB_RT2 {
    bottom: 60px
}

.list_card_small3 .tagBoxB_L {
    bottom: 6px
}

.list_card_small3 .icon_stickers img {
    position: unset;
    height: 16px;
    width: 24px;
    border-radius: 0
}

.list_card_small3 .icon_stickers img.little_gem {
    height: 14px;
    width: 22px
}

.list_card_small3 .icon_stickers span.little_gem {
    margin-left: 1px
}

.list_card_small3 .icon_stickers span {
    margin-left: 0;
    font-family: PingFangSC-Regular;
    font-size: 12px;
    color: #dedede
}

.has_notes td {
    padding-bottom: 40px
}

.has_notes td .notes {
    position: absolute;
    bottom: -32px;
    margin-top: 0
}

.has_notes td .notes a {
    display: block;
    white-space: nowrap
}

.notes {
    line-height: 0;
    margin-top: 10px
}

.notes-big {
    margin-top: 22px
}

.notes-big a.shalow-btn2 {
    padding-top: 4px;
    padding-bottom: 4px;
    margin: 0 !important;
    font-size: 16px;
    text-decoration: none !important
}

.notes-big a.shalow-btn2::after {
    display: none
}

.notes-inputbox {
    position: relative
}

.notes-inputbox textarea {
    width: 100% !important;
    height: 92px;
    box-sizing: border-box
}

.notes-inputbox .notes-num {
    position: absolute;
    bottom: 10px;
    right: 10px;
    color: #c2c2c2;
    font-size: 12px
}

.icon_notes {
    margin-right: 4px;
    width: 16px;
    height: 16px;
    background-image: url(../images/site/icon_clipboard_web.png);
    background-size: 100%
}

.icon_mynotes {
    width: 12px;
    height: 12px;
    background: url(../images/site/icon_mynote.svg);
    background-size: 100%
}

.user-rights {
    background: #fafafa;
    border-radius: 0 0 2px 2px;
    padding: 30px
}

.user-rights-header {
    display: flex;
    justify-content: space-between
}

.user-rights-header .g-market-header {
    width: 458px;
    height: 98px
}

.user-rights-header .g-market-header:first-child {
    background: url(../images/site/privilege_bg.png) top right no-repeat;
    background-size: contain
}

.user-rights-header .g-market-header:last-child {
    background: url(../images/site/coupon_bg.png) top right no-repeat;
    background-size: contain
}

.user-rights-header .g-market-header p {
    padding-left: 60px
}

.user-rights-header .g-market-header p strong {
    margin-left: 16px
}

.user-rights-header .g-market-header p strong big {
    font-size: 32px;
    margin-right: 4px
}

.user-rights-tag {
    padding: 0 6px;
    height: 20px;
    border-radius: 20px;
    font-size: 12px;
    font-weight: 400;
    margin-left: 4px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: rgba(0, 0, 0, .08)
}

.user-rights-tag_vip {
    color: #ffca80
}

.user-rights-tag_vip .icon_vip {
    width: 13px;
    height: 10px;
    background: url(../images/site/icon_VIP.png) 0 0 no-repeat;
    background-size: contain;
    margin-top: 2px
}

.user-rights-tag_points {
    color: #d0d0d0
}

.user-rights-list {
    display: flex;
    flex-wrap: wrap;
    margin-left: -20px;
    vertical-align: text-top
}

.user-rights-list h2 {
    white-space: nowrap
}

.user-rights-list li {
    margin-top: 20px;
    width: 280px;
    height: 110px;
    padding: 16px;
    padding-right: 0;
    border-radius: 4px;
    box-sizing: border-box;
    margin-left: 20px;
    background-image: url(../images/site/img_membership_bg.png);
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: cover;
    color: #fff
}

.user-rights-list li.off {
    background-color: transparent;
    background-image: url(../images/site/img_membership_bg.png), linear-gradient(134deg, #c4c4c4 0, #8c8c8c 100%)
}

.user-rights-list li h2 {
    font-size: 16px;
    margin-bottom: 16px;
    display: flex;
    align-items: center
}

.user-rights-list li p {
    font-size: 12px;
    opacity: .8;
    margin-top: 6px
}

.user-rights-list-tags {
    display: flex;
    flex-wrap: wrap
}

.user-rights-list-tags>span:nth-child(n+3) {
    margin-top: 4px
}

.user-rights-list-title {
    max-width: 120px;
    white-space: normal;
    line-height: 22px
}

.user-rights-search {
    display: flex;
    align-items: center;
    margin-bottom: 20px
}

.user-rights-search .i_Text {
    flex: 1;
    padding: 8px 6px !important
}

.user-rights-search .i_Btn {
    margin-left: 20px;
    padding-top: 6px;
    padding-bottom: 6px
}

.user-coupon-list2 {
    display: flex;
    flex-wrap: wrap;
    margin-left: -20px
}

.user-coupon-list2 li {
    width: 280px;
    height: 110px;
    margin-left: 20px;
    margin-bottom: 20px;
    display: flex;
    background: #fff
}

.user-coupon-list2 li>div:first-child {
    padding-top: 12px;
    padding-left: 8px;
    padding-right: 8px;
    flex: 1;
    height: 100%;
    overflow: hidden;
    box-sizing: border-box
}

.user-coupon-list2 li>div:first-child h2 {
    font-size: 16px;
    line-height: 1.3;
    color: #3e3e3e;
    margin-bottom: 8px
}

.user-coupon-list2 li>div:first-child>div {
    display: flex;
    margin-bottom: 8px
}

.user-coupon-list2 li>div:first-child>p {
    display: flex;
    font-size: 12px;
    color: rgba(73, 73, 73, .6);
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    cursor: pointer
}

.user-coupon-list2 li>div:first-child>p.gClamp1 {
    -webkit-line-clamp: 1;
    line-clamp: 1
}

.user-coupon-list2 li>div:first-child>p.gClamp3 {
    -webkit-line-clamp: 3;
    line-clamp: 3
}

.user-coupon-list2 li>div:first-child>p.gClamp4 {
    -webkit-line-clamp: 4;
    line-clamp: 4
}

.user-coupon-list2 li>div:last-child {
    width: 80px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    font-size: 12px;
    color: #fff;
    align-items: center;
    border-left: 1px dashed #fafafa;
    position: relative;
    background-image: linear-gradient(134deg, #c4c4c4 0, #8c8c8c 100%)
}

.user-coupon-list2 li>div:last-child::after,
.user-coupon-list2 li>div:last-child::before {
    content: '';
    width: 8px;
    height: 8px;
    border-radius: 100%;
    background: #fafafa;
    position: absolute;
    left: -4px
}

.user-coupon-list2 li>div:last-child::before {
    top: -4px
}

.user-coupon-list2 li>div:last-child::after {
    bottom: -4px
}

.user-coupon-list2 li>div:last-child .i_Btn {
    width: 44px;
    height: 16px;
    padding: 0;
    line-height: 16px;
    background: 0 0;
    border: 1px solid #fff;
    border-radius: 2px;
    min-width: auto;
    font-size: 12px;
    margin-top: 6px
}

.user-coupon-list2 .user-rights-tag {
    margin-left: 0;
    margin-right: 4px;
    cursor: pointer;
    box-sizing: border-box
}

.user-coupon-list2 .user-rights-tag_vip {
    color: #e1ab60;
    background: rgba(255, 225, 184, .2);
    border: 1px solid #e9bf84
}

.user-coupon-list2 .user-rights-tag_vip .icon_vip {
    margin-top: 1px
}

.user-coupon-list2 .user-rights-tag_points {
    background: rgba(71, 115, 200, .06);
    border: 1px solid #4a79d4;
    color: #4773c8
}

.user-vip-level {
    width: 100%;
    height: 149px;
    border-radius: 8px;
    position: relative;
    color: #FFF;
    background: center/cover no-repeat;
    box-shadow: 0 4px 16px 0 rgba(0, 0, 0, .16);
    margin-bottom: 32px
}

.user-vip-level .level-progress {
    position: absolute;
    top: 34px;
    left: 109px
}

.user-vip-level .level-progress-bar {
    height: 100%;
    border-radius: 3px
}

.user-vip-level .level-progress-bar-wrap {
    width: 240px;
    height: 6px;
    border-radius: 3px;
    background: rgba(0, 0, 0, .2);
    overflow: hidden
}

.user-vip-level .level-progress-tips {
    font-size: 14px;
    margin-top: 6px;
    opacity: .8
}

.user-vip-level .expire-tips,
.user-vip-level .history-tips {
    position: absolute;
    font-size: 12px;
    opacity: .8
}

.user-vip-level .expire-tips {
    left: 40px;
    bottom: 24px
}

.user-vip-level .history-tips {
    top: 50%;
    transform: translateY(-50%);
    left: 760px
}

.icon_vip_lv1 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv1.svg)
}

.icon_vip_lv2 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv2.svg)
}

.icon_vip_lv3 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv3.svg)
}

.icon_vip_lv4 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv4.svg)
}

.icon_vip_lv5 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv5.svg)
}

.icon_vip_lv6 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv6.svg)
}

.icon_vip_lv7 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv7.svg)
}

.icon_vip_lv8 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv8.svg)
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv8 {
    background-image: url(../images/vip/vip_card_lv8.png)
}

.user-vip-level.lv8 .level-progress-bar {
    background-color: #f4bb38
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv7 {
    background-image: url(../images/vip/vip_card_lv7.png)
}

.user-vip-level.lv7 .level-progress-bar {
    background-color: #eb9595
}

.icon_vip_lv8 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv8.svg)
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv8 {
    background-image: url(../images/vip/vip_card_lv8.png)
}

.user-vip-level.lv8 .level-progress-bar {
    background-color: #f4bb38
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv6 {
    background-image: url(../images/vip/vip_card_lv6.png)
}

.user-vip-level.lv6 .level-progress-bar {
    background-color: #c593e4
}

.icon_vip_lv7 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv7.svg)
}

.icon_vip_lv8 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv8.svg)
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv8 {
    background-image: url(../images/vip/vip_card_lv8.png)
}

.user-vip-level.lv8 .level-progress-bar {
    background-color: #f4bb38
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv7 {
    background-image: url(../images/vip/vip_card_lv7.png)
}

.user-vip-level.lv7 .level-progress-bar {
    background-color: #eb9595
}

.icon_vip_lv8 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv8.svg)
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv8 {
    background-image: url(../images/vip/vip_card_lv8.png)
}

.user-vip-level.lv8 .level-progress-bar {
    background-color: #f4bb38
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv5 {
    background-image: url(../images/vip/vip_card_lv5.png)
}

.user-vip-level.lv5 .level-progress-bar {
    background-color: #cfb1ff
}

.icon_vip_lv6 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv6.svg)
}

.icon_vip_lv7 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv7.svg)
}

.icon_vip_lv8 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv8.svg)
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv8 {
    background-image: url(../images/vip/vip_card_lv8.png)
}

.user-vip-level.lv8 .level-progress-bar {
    background-color: #f4bb38
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv7 {
    background-image: url(../images/vip/vip_card_lv7.png)
}

.user-vip-level.lv7 .level-progress-bar {
    background-color: #eb9595
}

.icon_vip_lv8 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv8.svg)
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv8 {
    background-image: url(../images/vip/vip_card_lv8.png)
}

.user-vip-level.lv8 .level-progress-bar {
    background-color: #f4bb38
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv6 {
    background-image: url(../images/vip/vip_card_lv6.png)
}

.user-vip-level.lv6 .level-progress-bar {
    background-color: #c593e4
}

.icon_vip_lv7 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv7.svg)
}

.icon_vip_lv8 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv8.svg)
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv8 {
    background-image: url(../images/vip/vip_card_lv8.png)
}

.user-vip-level.lv8 .level-progress-bar {
    background-color: #f4bb38
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv7 {
    background-image: url(../images/vip/vip_card_lv7.png)
}

.user-vip-level.lv7 .level-progress-bar {
    background-color: #eb9595
}

.icon_vip_lv8 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv8.svg)
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv8 {
    background-image: url(../images/vip/vip_card_lv8.png)
}

.user-vip-level.lv8 .level-progress-bar {
    background-color: #f4bb38
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv4 {
    background-image: url(../images/vip/vip_card_lv4.png)
}

.user-vip-level.lv4 .level-progress-bar {
    background-color: #bcc7ff
}

.icon_vip_lv5 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv5.svg)
}

.icon_vip_lv6 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv6.svg)
}

.icon_vip_lv7 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv7.svg)
}

.icon_vip_lv8 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv8.svg)
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv8 {
    background-image: url(../images/vip/vip_card_lv8.png)
}

.user-vip-level.lv8 .level-progress-bar {
    background-color: #f4bb38
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv7 {
    background-image: url(../images/vip/vip_card_lv7.png)
}

.user-vip-level.lv7 .level-progress-bar {
    background-color: #eb9595
}

.icon_vip_lv8 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv8.svg)
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv8 {
    background-image: url(../images/vip/vip_card_lv8.png)
}

.user-vip-level.lv8 .level-progress-bar {
    background-color: #f4bb38
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv6 {
    background-image: url(../images/vip/vip_card_lv6.png)
}

.user-vip-level.lv6 .level-progress-bar {
    background-color: #c593e4
}

.icon_vip_lv7 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv7.svg)
}

.icon_vip_lv8 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv8.svg)
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv8 {
    background-image: url(../images/vip/vip_card_lv8.png)
}

.user-vip-level.lv8 .level-progress-bar {
    background-color: #f4bb38
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv7 {
    background-image: url(../images/vip/vip_card_lv7.png)
}

.user-vip-level.lv7 .level-progress-bar {
    background-color: #eb9595
}

.icon_vip_lv8 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv8.svg)
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv8 {
    background-image: url(../images/vip/vip_card_lv8.png)
}

.user-vip-level.lv8 .level-progress-bar {
    background-color: #f4bb38
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv5 {
    background-image: url(../images/vip/vip_card_lv5.png)
}

.user-vip-level.lv5 .level-progress-bar {
    background-color: #cfb1ff
}

.icon_vip_lv6 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv6.svg)
}

.icon_vip_lv7 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv7.svg)
}

.icon_vip_lv8 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv8.svg)
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv8 {
    background-image: url(../images/vip/vip_card_lv8.png)
}

.user-vip-level.lv8 .level-progress-bar {
    background-color: #f4bb38
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv7 {
    background-image: url(../images/vip/vip_card_lv7.png)
}

.user-vip-level.lv7 .level-progress-bar {
    background-color: #eb9595
}

.icon_vip_lv8 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv8.svg)
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv8 {
    background-image: url(../images/vip/vip_card_lv8.png)
}

.user-vip-level.lv8 .level-progress-bar {
    background-color: #f4bb38
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv6 {
    background-image: url(../images/vip/vip_card_lv6.png)
}

.user-vip-level.lv6 .level-progress-bar {
    background-color: #c593e4
}

.icon_vip_lv7 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv7.svg)
}

.icon_vip_lv8 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv8.svg)
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv8 {
    background-image: url(../images/vip/vip_card_lv8.png)
}

.user-vip-level.lv8 .level-progress-bar {
    background-color: #f4bb38
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv7 {
    background-image: url(../images/vip/vip_card_lv7.png)
}

.user-vip-level.lv7 .level-progress-bar {
    background-color: #eb9595
}

.icon_vip_lv8 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv8.svg)
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv8 {
    background-image: url(../images/vip/vip_card_lv8.png)
}

.user-vip-level.lv8 .level-progress-bar {
    background-color: #f4bb38
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv3 {
    background-image: url(../images/vip/vip_card_lv3.png)
}

.user-vip-level.lv3 .level-progress-bar {
    background-color: #cae2ff
}

.icon_vip_lv4 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv4.svg)
}

.icon_vip_lv5 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv5.svg)
}

.icon_vip_lv6 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv6.svg)
}

.icon_vip_lv7 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv7.svg)
}

.icon_vip_lv8 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv8.svg)
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv8 {
    background-image: url(../images/vip/vip_card_lv8.png)
}

.user-vip-level.lv8 .level-progress-bar {
    background-color: #f4bb38
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv7 {
    background-image: url(../images/vip/vip_card_lv7.png)
}

.user-vip-level.lv7 .level-progress-bar {
    background-color: #eb9595
}

.icon_vip_lv8 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv8.svg)
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv8 {
    background-image: url(../images/vip/vip_card_lv8.png)
}

.user-vip-level.lv8 .level-progress-bar {
    background-color: #f4bb38
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv6 {
    background-image: url(../images/vip/vip_card_lv6.png)
}

.user-vip-level.lv6 .level-progress-bar {
    background-color: #c593e4
}

.icon_vip_lv7 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv7.svg)
}

.icon_vip_lv8 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv8.svg)
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv8 {
    background-image: url(../images/vip/vip_card_lv8.png)
}

.user-vip-level.lv8 .level-progress-bar {
    background-color: #f4bb38
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv7 {
    background-image: url(../images/vip/vip_card_lv7.png)
}

.user-vip-level.lv7 .level-progress-bar {
    background-color: #eb9595
}

.icon_vip_lv8 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv8.svg)
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv8 {
    background-image: url(../images/vip/vip_card_lv8.png)
}

.user-vip-level.lv8 .level-progress-bar {
    background-color: #f4bb38
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv5 {
    background-image: url(../images/vip/vip_card_lv5.png)
}

.user-vip-level.lv5 .level-progress-bar {
    background-color: #cfb1ff
}

.icon_vip_lv6 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv6.svg)
}

.icon_vip_lv7 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv7.svg)
}

.icon_vip_lv8 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv8.svg)
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv8 {
    background-image: url(../images/vip/vip_card_lv8.png)
}

.user-vip-level.lv8 .level-progress-bar {
    background-color: #f4bb38
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv7 {
    background-image: url(../images/vip/vip_card_lv7.png)
}

.user-vip-level.lv7 .level-progress-bar {
    background-color: #eb9595
}

.icon_vip_lv8 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv8.svg)
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv8 {
    background-image: url(../images/vip/vip_card_lv8.png)
}

.user-vip-level.lv8 .level-progress-bar {
    background-color: #f4bb38
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv6 {
    background-image: url(../images/vip/vip_card_lv6.png)
}

.user-vip-level.lv6 .level-progress-bar {
    background-color: #c593e4
}

.icon_vip_lv7 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv7.svg)
}

.icon_vip_lv8 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv8.svg)
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv8 {
    background-image: url(../images/vip/vip_card_lv8.png)
}

.user-vip-level.lv8 .level-progress-bar {
    background-color: #f4bb38
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv7 {
    background-image: url(../images/vip/vip_card_lv7.png)
}

.user-vip-level.lv7 .level-progress-bar {
    background-color: #eb9595
}

.icon_vip_lv8 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv8.svg)
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv8 {
    background-image: url(../images/vip/vip_card_lv8.png)
}

.user-vip-level.lv8 .level-progress-bar {
    background-color: #f4bb38
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv4 {
    background-image: url(../images/vip/vip_card_lv4.png)
}

.user-vip-level.lv4 .level-progress-bar {
    background-color: #bcc7ff
}

.icon_vip_lv5 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv5.svg)
}

.icon_vip_lv6 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv6.svg)
}

.icon_vip_lv7 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv7.svg)
}

.icon_vip_lv8 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv8.svg)
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv8 {
    background-image: url(../images/vip/vip_card_lv8.png)
}

.user-vip-level.lv8 .level-progress-bar {
    background-color: #f4bb38
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv7 {
    background-image: url(../images/vip/vip_card_lv7.png)
}

.user-vip-level.lv7 .level-progress-bar {
    background-color: #eb9595
}

.icon_vip_lv8 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv8.svg)
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv8 {
    background-image: url(../images/vip/vip_card_lv8.png)
}

.user-vip-level.lv8 .level-progress-bar {
    background-color: #f4bb38
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv6 {
    background-image: url(../images/vip/vip_card_lv6.png)
}

.user-vip-level.lv6 .level-progress-bar {
    background-color: #c593e4
}

.icon_vip_lv7 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv7.svg)
}

.icon_vip_lv8 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv8.svg)
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv8 {
    background-image: url(../images/vip/vip_card_lv8.png)
}

.user-vip-level.lv8 .level-progress-bar {
    background-color: #f4bb38
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv7 {
    background-image: url(../images/vip/vip_card_lv7.png)
}

.user-vip-level.lv7 .level-progress-bar {
    background-color: #eb9595
}

.icon_vip_lv8 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv8.svg)
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv8 {
    background-image: url(../images/vip/vip_card_lv8.png)
}

.user-vip-level.lv8 .level-progress-bar {
    background-color: #f4bb38
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv5 {
    background-image: url(../images/vip/vip_card_lv5.png)
}

.user-vip-level.lv5 .level-progress-bar {
    background-color: #cfb1ff
}

.icon_vip_lv6 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv6.svg)
}

.icon_vip_lv7 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv7.svg)
}

.icon_vip_lv8 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv8.svg)
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv8 {
    background-image: url(../images/vip/vip_card_lv8.png)
}

.user-vip-level.lv8 .level-progress-bar {
    background-color: #f4bb38
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv7 {
    background-image: url(../images/vip/vip_card_lv7.png)
}

.user-vip-level.lv7 .level-progress-bar {
    background-color: #eb9595
}

.icon_vip_lv8 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv8.svg)
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv8 {
    background-image: url(../images/vip/vip_card_lv8.png)
}

.user-vip-level.lv8 .level-progress-bar {
    background-color: #f4bb38
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv6 {
    background-image: url(../images/vip/vip_card_lv6.png)
}

.user-vip-level.lv6 .level-progress-bar {
    background-color: #c593e4
}

.icon_vip_lv7 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv7.svg)
}

.icon_vip_lv8 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv8.svg)
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv8 {
    background-image: url(../images/vip/vip_card_lv8.png)
}

.user-vip-level.lv8 .level-progress-bar {
    background-color: #f4bb38
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv7 {
    background-image: url(../images/vip/vip_card_lv7.png)
}

.user-vip-level.lv7 .level-progress-bar {
    background-color: #eb9595
}

.icon_vip_lv8 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv8.svg)
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv8 {
    background-image: url(../images/vip/vip_card_lv8.png)
}

.user-vip-level.lv8 .level-progress-bar {
    background-color: #f4bb38
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv2 {
    background-image: url(../images/vip/vip_card_lv2.png)
}

.user-vip-level.lv2 .level-progress-bar {
    background-color: #cae2ff
}

.icon_vip_lv3 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv3.svg)
}

.icon_vip_lv4 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv4.svg)
}

.icon_vip_lv5 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv5.svg)
}

.icon_vip_lv6 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv6.svg)
}

.icon_vip_lv7 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv7.svg)
}

.icon_vip_lv8 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv8.svg)
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv8 {
    background-image: url(../images/vip/vip_card_lv8.png)
}

.user-vip-level.lv8 .level-progress-bar {
    background-color: #f4bb38
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv7 {
    background-image: url(../images/vip/vip_card_lv7.png)
}

.user-vip-level.lv7 .level-progress-bar {
    background-color: #eb9595
}

.icon_vip_lv8 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv8.svg)
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv8 {
    background-image: url(../images/vip/vip_card_lv8.png)
}

.user-vip-level.lv8 .level-progress-bar {
    background-color: #f4bb38
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv6 {
    background-image: url(../images/vip/vip_card_lv6.png)
}

.user-vip-level.lv6 .level-progress-bar {
    background-color: #c593e4
}

.icon_vip_lv7 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv7.svg)
}

.icon_vip_lv8 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv8.svg)
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv8 {
    background-image: url(../images/vip/vip_card_lv8.png)
}

.user-vip-level.lv8 .level-progress-bar {
    background-color: #f4bb38
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv7 {
    background-image: url(../images/vip/vip_card_lv7.png)
}

.user-vip-level.lv7 .level-progress-bar {
    background-color: #eb9595
}

.icon_vip_lv8 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv8.svg)
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv8 {
    background-image: url(../images/vip/vip_card_lv8.png)
}

.user-vip-level.lv8 .level-progress-bar {
    background-color: #f4bb38
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv5 {
    background-image: url(../images/vip/vip_card_lv5.png)
}

.user-vip-level.lv5 .level-progress-bar {
    background-color: #cfb1ff
}

.icon_vip_lv6 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv6.svg)
}

.icon_vip_lv7 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv7.svg)
}

.icon_vip_lv8 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv8.svg)
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv8 {
    background-image: url(../images/vip/vip_card_lv8.png)
}

.user-vip-level.lv8 .level-progress-bar {
    background-color: #f4bb38
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv7 {
    background-image: url(../images/vip/vip_card_lv7.png)
}

.user-vip-level.lv7 .level-progress-bar {
    background-color: #eb9595
}

.icon_vip_lv8 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv8.svg)
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv8 {
    background-image: url(../images/vip/vip_card_lv8.png)
}

.user-vip-level.lv8 .level-progress-bar {
    background-color: #f4bb38
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv6 {
    background-image: url(../images/vip/vip_card_lv6.png)
}

.user-vip-level.lv6 .level-progress-bar {
    background-color: #c593e4
}

.icon_vip_lv7 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv7.svg)
}

.icon_vip_lv8 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv8.svg)
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv8 {
    background-image: url(../images/vip/vip_card_lv8.png)
}

.user-vip-level.lv8 .level-progress-bar {
    background-color: #f4bb38
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv7 {
    background-image: url(../images/vip/vip_card_lv7.png)
}

.user-vip-level.lv7 .level-progress-bar {
    background-color: #eb9595
}

.icon_vip_lv8 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv8.svg)
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv8 {
    background-image: url(../images/vip/vip_card_lv8.png)
}

.user-vip-level.lv8 .level-progress-bar {
    background-color: #f4bb38
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv4 {
    background-image: url(../images/vip/vip_card_lv4.png)
}

.user-vip-level.lv4 .level-progress-bar {
    background-color: #bcc7ff
}

.icon_vip_lv5 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv5.svg)
}

.icon_vip_lv6 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv6.svg)
}

.icon_vip_lv7 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv7.svg)
}

.icon_vip_lv8 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv8.svg)
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv8 {
    background-image: url(../images/vip/vip_card_lv8.png)
}

.user-vip-level.lv8 .level-progress-bar {
    background-color: #f4bb38
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv7 {
    background-image: url(../images/vip/vip_card_lv7.png)
}

.user-vip-level.lv7 .level-progress-bar {
    background-color: #eb9595
}

.icon_vip_lv8 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv8.svg)
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv8 {
    background-image: url(../images/vip/vip_card_lv8.png)
}

.user-vip-level.lv8 .level-progress-bar {
    background-color: #f4bb38
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv6 {
    background-image: url(../images/vip/vip_card_lv6.png)
}

.user-vip-level.lv6 .level-progress-bar {
    background-color: #c593e4
}

.icon_vip_lv7 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv7.svg)
}

.icon_vip_lv8 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv8.svg)
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv8 {
    background-image: url(../images/vip/vip_card_lv8.png)
}

.user-vip-level.lv8 .level-progress-bar {
    background-color: #f4bb38
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv7 {
    background-image: url(../images/vip/vip_card_lv7.png)
}

.user-vip-level.lv7 .level-progress-bar {
    background-color: #eb9595
}

.icon_vip_lv8 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv8.svg)
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv8 {
    background-image: url(../images/vip/vip_card_lv8.png)
}

.user-vip-level.lv8 .level-progress-bar {
    background-color: #f4bb38
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv5 {
    background-image: url(../images/vip/vip_card_lv5.png)
}

.user-vip-level.lv5 .level-progress-bar {
    background-color: #cfb1ff
}

.icon_vip_lv6 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv6.svg)
}

.icon_vip_lv7 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv7.svg)
}

.icon_vip_lv8 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv8.svg)
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv8 {
    background-image: url(../images/vip/vip_card_lv8.png)
}

.user-vip-level.lv8 .level-progress-bar {
    background-color: #f4bb38
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv7 {
    background-image: url(../images/vip/vip_card_lv7.png)
}

.user-vip-level.lv7 .level-progress-bar {
    background-color: #eb9595
}

.icon_vip_lv8 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv8.svg)
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv8 {
    background-image: url(../images/vip/vip_card_lv8.png)
}

.user-vip-level.lv8 .level-progress-bar {
    background-color: #f4bb38
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv6 {
    background-image: url(../images/vip/vip_card_lv6.png)
}

.user-vip-level.lv6 .level-progress-bar {
    background-color: #c593e4
}

.icon_vip_lv7 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv7.svg)
}

.icon_vip_lv8 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv8.svg)
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv8 {
    background-image: url(../images/vip/vip_card_lv8.png)
}

.user-vip-level.lv8 .level-progress-bar {
    background-color: #f4bb38
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv7 {
    background-image: url(../images/vip/vip_card_lv7.png)
}

.user-vip-level.lv7 .level-progress-bar {
    background-color: #eb9595
}

.icon_vip_lv8 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv8.svg)
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv8 {
    background-image: url(../images/vip/vip_card_lv8.png)
}

.user-vip-level.lv8 .level-progress-bar {
    background-color: #f4bb38
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv3 {
    background-image: url(../images/vip/vip_card_lv3.png)
}

.user-vip-level.lv3 .level-progress-bar {
    background-color: #cae2ff
}

.icon_vip_lv4 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv4.svg)
}

.icon_vip_lv5 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv5.svg)
}

.icon_vip_lv6 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv6.svg)
}

.icon_vip_lv7 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv7.svg)
}

.icon_vip_lv8 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv8.svg)
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv8 {
    background-image: url(../images/vip/vip_card_lv8.png)
}

.user-vip-level.lv8 .level-progress-bar {
    background-color: #f4bb38
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv7 {
    background-image: url(../images/vip/vip_card_lv7.png)
}

.user-vip-level.lv7 .level-progress-bar {
    background-color: #eb9595
}

.icon_vip_lv8 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv8.svg)
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv8 {
    background-image: url(../images/vip/vip_card_lv8.png)
}

.user-vip-level.lv8 .level-progress-bar {
    background-color: #f4bb38
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv6 {
    background-image: url(../images/vip/vip_card_lv6.png)
}

.user-vip-level.lv6 .level-progress-bar {
    background-color: #c593e4
}

.icon_vip_lv7 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv7.svg)
}

.icon_vip_lv8 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv8.svg)
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv8 {
    background-image: url(../images/vip/vip_card_lv8.png)
}

.user-vip-level.lv8 .level-progress-bar {
    background-color: #f4bb38
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv7 {
    background-image: url(../images/vip/vip_card_lv7.png)
}

.user-vip-level.lv7 .level-progress-bar {
    background-color: #eb9595
}

.icon_vip_lv8 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv8.svg)
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv8 {
    background-image: url(../images/vip/vip_card_lv8.png)
}

.user-vip-level.lv8 .level-progress-bar {
    background-color: #f4bb38
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv5 {
    background-image: url(../images/vip/vip_card_lv5.png)
}

.user-vip-level.lv5 .level-progress-bar {
    background-color: #cfb1ff
}

.icon_vip_lv6 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv6.svg)
}

.icon_vip_lv7 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv7.svg)
}

.icon_vip_lv8 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv8.svg)
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv8 {
    background-image: url(../images/vip/vip_card_lv8.png)
}

.user-vip-level.lv8 .level-progress-bar {
    background-color: #f4bb38
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv7 {
    background-image: url(../images/vip/vip_card_lv7.png)
}

.user-vip-level.lv7 .level-progress-bar {
    background-color: #eb9595
}

.icon_vip_lv8 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv8.svg)
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv8 {
    background-image: url(../images/vip/vip_card_lv8.png)
}

.user-vip-level.lv8 .level-progress-bar {
    background-color: #f4bb38
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv6 {
    background-image: url(../images/vip/vip_card_lv6.png)
}

.user-vip-level.lv6 .level-progress-bar {
    background-color: #c593e4
}

.icon_vip_lv7 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv7.svg)
}

.icon_vip_lv8 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv8.svg)
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv8 {
    background-image: url(../images/vip/vip_card_lv8.png)
}

.user-vip-level.lv8 .level-progress-bar {
    background-color: #f4bb38
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv7 {
    background-image: url(../images/vip/vip_card_lv7.png)
}

.user-vip-level.lv7 .level-progress-bar {
    background-color: #eb9595
}

.icon_vip_lv8 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv8.svg)
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv8 {
    background-image: url(../images/vip/vip_card_lv8.png)
}

.user-vip-level.lv8 .level-progress-bar {
    background-color: #f4bb38
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv4 {
    background-image: url(../images/vip/vip_card_lv4.png)
}

.user-vip-level.lv4 .level-progress-bar {
    background-color: #bcc7ff
}

.icon_vip_lv5 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv5.svg)
}

.icon_vip_lv6 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv6.svg)
}

.icon_vip_lv7 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv7.svg)
}

.icon_vip_lv8 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv8.svg)
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv8 {
    background-image: url(../images/vip/vip_card_lv8.png)
}

.user-vip-level.lv8 .level-progress-bar {
    background-color: #f4bb38
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv7 {
    background-image: url(../images/vip/vip_card_lv7.png)
}

.user-vip-level.lv7 .level-progress-bar {
    background-color: #eb9595
}

.icon_vip_lv8 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv8.svg)
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv8 {
    background-image: url(../images/vip/vip_card_lv8.png)
}

.user-vip-level.lv8 .level-progress-bar {
    background-color: #f4bb38
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv6 {
    background-image: url(../images/vip/vip_card_lv6.png)
}

.user-vip-level.lv6 .level-progress-bar {
    background-color: #c593e4
}

.icon_vip_lv7 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv7.svg)
}

.icon_vip_lv8 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv8.svg)
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv8 {
    background-image: url(../images/vip/vip_card_lv8.png)
}

.user-vip-level.lv8 .level-progress-bar {
    background-color: #f4bb38
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv7 {
    background-image: url(../images/vip/vip_card_lv7.png)
}

.user-vip-level.lv7 .level-progress-bar {
    background-color: #eb9595
}

.icon_vip_lv8 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv8.svg)
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv8 {
    background-image: url(../images/vip/vip_card_lv8.png)
}

.user-vip-level.lv8 .level-progress-bar {
    background-color: #f4bb38
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv5 {
    background-image: url(../images/vip/vip_card_lv5.png)
}

.user-vip-level.lv5 .level-progress-bar {
    background-color: #cfb1ff
}

.icon_vip_lv6 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv6.svg)
}

.icon_vip_lv7 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv7.svg)
}

.icon_vip_lv8 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv8.svg)
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv8 {
    background-image: url(../images/vip/vip_card_lv8.png)
}

.user-vip-level.lv8 .level-progress-bar {
    background-color: #f4bb38
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv7 {
    background-image: url(../images/vip/vip_card_lv7.png)
}

.user-vip-level.lv7 .level-progress-bar {
    background-color: #eb9595
}

.icon_vip_lv8 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv8.svg)
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv8 {
    background-image: url(../images/vip/vip_card_lv8.png)
}

.user-vip-level.lv8 .level-progress-bar {
    background-color: #f4bb38
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv6 {
    background-image: url(../images/vip/vip_card_lv6.png)
}

.user-vip-level.lv6 .level-progress-bar {
    background-color: #c593e4
}

.icon_vip_lv7 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv7.svg)
}

.icon_vip_lv8 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv8.svg)
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv8 {
    background-image: url(../images/vip/vip_card_lv8.png)
}

.user-vip-level.lv8 .level-progress-bar {
    background-color: #f4bb38
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv7 {
    background-image: url(../images/vip/vip_card_lv7.png)
}

.user-vip-level.lv7 .level-progress-bar {
    background-color: #eb9595
}

.icon_vip_lv8 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv8.svg)
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv8 {
    background-image: url(../images/vip/vip_card_lv8.png)
}

.user-vip-level.lv8 .level-progress-bar {
    background-color: #f4bb38
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv1 {
    background-image: url(../images/vip/vip_card_lv1.png)
}

.user-vip-level.lv1 .level-progress-bar {
    background-color: #cae2ff
}

.icon_vip_lv2 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv2.svg)
}

.icon_vip_lv3 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv3.svg)
}

.icon_vip_lv4 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv4.svg)
}

.icon_vip_lv5 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv5.svg)
}

.icon_vip_lv6 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv6.svg)
}

.icon_vip_lv7 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv7.svg)
}

.icon_vip_lv8 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv8.svg)
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv8 {
    background-image: url(../images/vip/vip_card_lv8.png)
}

.user-vip-level.lv8 .level-progress-bar {
    background-color: #f4bb38
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv7 {
    background-image: url(../images/vip/vip_card_lv7.png)
}

.user-vip-level.lv7 .level-progress-bar {
    background-color: #eb9595
}

.icon_vip_lv8 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv8.svg)
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv8 {
    background-image: url(../images/vip/vip_card_lv8.png)
}

.user-vip-level.lv8 .level-progress-bar {
    background-color: #f4bb38
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv6 {
    background-image: url(../images/vip/vip_card_lv6.png)
}

.user-vip-level.lv6 .level-progress-bar {
    background-color: #c593e4
}

.icon_vip_lv7 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv7.svg)
}

.icon_vip_lv8 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv8.svg)
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv8 {
    background-image: url(../images/vip/vip_card_lv8.png)
}

.user-vip-level.lv8 .level-progress-bar {
    background-color: #f4bb38
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv7 {
    background-image: url(../images/vip/vip_card_lv7.png)
}

.user-vip-level.lv7 .level-progress-bar {
    background-color: #eb9595
}

.icon_vip_lv8 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv8.svg)
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv8 {
    background-image: url(../images/vip/vip_card_lv8.png)
}

.user-vip-level.lv8 .level-progress-bar {
    background-color: #f4bb38
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv5 {
    background-image: url(../images/vip/vip_card_lv5.png)
}

.user-vip-level.lv5 .level-progress-bar {
    background-color: #cfb1ff
}

.icon_vip_lv6 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv6.svg)
}

.icon_vip_lv7 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv7.svg)
}

.icon_vip_lv8 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv8.svg)
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv8 {
    background-image: url(../images/vip/vip_card_lv8.png)
}

.user-vip-level.lv8 .level-progress-bar {
    background-color: #f4bb38
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv7 {
    background-image: url(../images/vip/vip_card_lv7.png)
}

.user-vip-level.lv7 .level-progress-bar {
    background-color: #eb9595
}

.icon_vip_lv8 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv8.svg)
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv8 {
    background-image: url(../images/vip/vip_card_lv8.png)
}

.user-vip-level.lv8 .level-progress-bar {
    background-color: #f4bb38
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv6 {
    background-image: url(../images/vip/vip_card_lv6.png)
}

.user-vip-level.lv6 .level-progress-bar {
    background-color: #c593e4
}

.icon_vip_lv7 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv7.svg)
}

.icon_vip_lv8 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv8.svg)
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv8 {
    background-image: url(../images/vip/vip_card_lv8.png)
}

.user-vip-level.lv8 .level-progress-bar {
    background-color: #f4bb38
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv7 {
    background-image: url(../images/vip/vip_card_lv7.png)
}

.user-vip-level.lv7 .level-progress-bar {
    background-color: #eb9595
}

.icon_vip_lv8 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv8.svg)
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv8 {
    background-image: url(../images/vip/vip_card_lv8.png)
}

.user-vip-level.lv8 .level-progress-bar {
    background-color: #f4bb38
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv4 {
    background-image: url(../images/vip/vip_card_lv4.png)
}

.user-vip-level.lv4 .level-progress-bar {
    background-color: #bcc7ff
}

.icon_vip_lv5 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv5.svg)
}

.icon_vip_lv6 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv6.svg)
}

.icon_vip_lv7 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv7.svg)
}

.icon_vip_lv8 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv8.svg)
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv8 {
    background-image: url(../images/vip/vip_card_lv8.png)
}

.user-vip-level.lv8 .level-progress-bar {
    background-color: #f4bb38
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv7 {
    background-image: url(../images/vip/vip_card_lv7.png)
}

.user-vip-level.lv7 .level-progress-bar {
    background-color: #eb9595
}

.icon_vip_lv8 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv8.svg)
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv8 {
    background-image: url(../images/vip/vip_card_lv8.png)
}

.user-vip-level.lv8 .level-progress-bar {
    background-color: #f4bb38
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv6 {
    background-image: url(../images/vip/vip_card_lv6.png)
}

.user-vip-level.lv6 .level-progress-bar {
    background-color: #c593e4
}

.icon_vip_lv7 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv7.svg)
}

.icon_vip_lv8 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv8.svg)
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv8 {
    background-image: url(../images/vip/vip_card_lv8.png)
}

.user-vip-level.lv8 .level-progress-bar {
    background-color: #f4bb38
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv7 {
    background-image: url(../images/vip/vip_card_lv7.png)
}

.user-vip-level.lv7 .level-progress-bar {
    background-color: #eb9595
}

.icon_vip_lv8 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv8.svg)
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv8 {
    background-image: url(../images/vip/vip_card_lv8.png)
}

.user-vip-level.lv8 .level-progress-bar {
    background-color: #f4bb38
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv5 {
    background-image: url(../images/vip/vip_card_lv5.png)
}

.user-vip-level.lv5 .level-progress-bar {
    background-color: #cfb1ff
}

.icon_vip_lv6 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv6.svg)
}

.icon_vip_lv7 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv7.svg)
}

.icon_vip_lv8 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv8.svg)
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv8 {
    background-image: url(../images/vip/vip_card_lv8.png)
}

.user-vip-level.lv8 .level-progress-bar {
    background-color: #f4bb38
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv7 {
    background-image: url(../images/vip/vip_card_lv7.png)
}

.user-vip-level.lv7 .level-progress-bar {
    background-color: #eb9595
}

.icon_vip_lv8 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv8.svg)
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv8 {
    background-image: url(../images/vip/vip_card_lv8.png)
}

.user-vip-level.lv8 .level-progress-bar {
    background-color: #f4bb38
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv6 {
    background-image: url(../images/vip/vip_card_lv6.png)
}

.user-vip-level.lv6 .level-progress-bar {
    background-color: #c593e4
}

.icon_vip_lv7 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv7.svg)
}

.icon_vip_lv8 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv8.svg)
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv8 {
    background-image: url(../images/vip/vip_card_lv8.png)
}

.user-vip-level.lv8 .level-progress-bar {
    background-color: #f4bb38
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv7 {
    background-image: url(../images/vip/vip_card_lv7.png)
}

.user-vip-level.lv7 .level-progress-bar {
    background-color: #eb9595
}

.icon_vip_lv8 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv8.svg)
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv8 {
    background-image: url(../images/vip/vip_card_lv8.png)
}

.user-vip-level.lv8 .level-progress-bar {
    background-color: #f4bb38
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv3 {
    background-image: url(../images/vip/vip_card_lv3.png)
}

.user-vip-level.lv3 .level-progress-bar {
    background-color: #cae2ff
}

.icon_vip_lv4 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv4.svg)
}

.icon_vip_lv5 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv5.svg)
}

.icon_vip_lv6 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv6.svg)
}

.icon_vip_lv7 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv7.svg)
}

.icon_vip_lv8 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv8.svg)
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv8 {
    background-image: url(../images/vip/vip_card_lv8.png)
}

.user-vip-level.lv8 .level-progress-bar {
    background-color: #f4bb38
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv7 {
    background-image: url(../images/vip/vip_card_lv7.png)
}

.user-vip-level.lv7 .level-progress-bar {
    background-color: #eb9595
}

.icon_vip_lv8 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv8.svg)
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv8 {
    background-image: url(../images/vip/vip_card_lv8.png)
}

.user-vip-level.lv8 .level-progress-bar {
    background-color: #f4bb38
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv6 {
    background-image: url(../images/vip/vip_card_lv6.png)
}

.user-vip-level.lv6 .level-progress-bar {
    background-color: #c593e4
}

.icon_vip_lv7 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv7.svg)
}

.icon_vip_lv8 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv8.svg)
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv8 {
    background-image: url(../images/vip/vip_card_lv8.png)
}

.user-vip-level.lv8 .level-progress-bar {
    background-color: #f4bb38
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv7 {
    background-image: url(../images/vip/vip_card_lv7.png)
}

.user-vip-level.lv7 .level-progress-bar {
    background-color: #eb9595
}

.icon_vip_lv8 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv8.svg)
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv8 {
    background-image: url(../images/vip/vip_card_lv8.png)
}

.user-vip-level.lv8 .level-progress-bar {
    background-color: #f4bb38
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv5 {
    background-image: url(../images/vip/vip_card_lv5.png)
}

.user-vip-level.lv5 .level-progress-bar {
    background-color: #cfb1ff
}

.icon_vip_lv6 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv6.svg)
}

.icon_vip_lv7 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv7.svg)
}

.icon_vip_lv8 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv8.svg)
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv8 {
    background-image: url(../images/vip/vip_card_lv8.png)
}

.user-vip-level.lv8 .level-progress-bar {
    background-color: #f4bb38
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv7 {
    background-image: url(../images/vip/vip_card_lv7.png)
}

.user-vip-level.lv7 .level-progress-bar {
    background-color: #eb9595
}

.icon_vip_lv8 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv8.svg)
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv8 {
    background-image: url(../images/vip/vip_card_lv8.png)
}

.user-vip-level.lv8 .level-progress-bar {
    background-color: #f4bb38
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv6 {
    background-image: url(../images/vip/vip_card_lv6.png)
}

.user-vip-level.lv6 .level-progress-bar {
    background-color: #c593e4
}

.icon_vip_lv7 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv7.svg)
}

.icon_vip_lv8 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv8.svg)
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv8 {
    background-image: url(../images/vip/vip_card_lv8.png)
}

.user-vip-level.lv8 .level-progress-bar {
    background-color: #f4bb38
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv7 {
    background-image: url(../images/vip/vip_card_lv7.png)
}

.user-vip-level.lv7 .level-progress-bar {
    background-color: #eb9595
}

.icon_vip_lv8 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv8.svg)
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv8 {
    background-image: url(../images/vip/vip_card_lv8.png)
}

.user-vip-level.lv8 .level-progress-bar {
    background-color: #f4bb38
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv4 {
    background-image: url(../images/vip/vip_card_lv4.png)
}

.user-vip-level.lv4 .level-progress-bar {
    background-color: #bcc7ff
}

.icon_vip_lv5 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv5.svg)
}

.icon_vip_lv6 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv6.svg)
}

.icon_vip_lv7 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv7.svg)
}

.icon_vip_lv8 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv8.svg)
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv8 {
    background-image: url(../images/vip/vip_card_lv8.png)
}

.user-vip-level.lv8 .level-progress-bar {
    background-color: #f4bb38
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv7 {
    background-image: url(../images/vip/vip_card_lv7.png)
}

.user-vip-level.lv7 .level-progress-bar {
    background-color: #eb9595
}

.icon_vip_lv8 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv8.svg)
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv8 {
    background-image: url(../images/vip/vip_card_lv8.png)
}

.user-vip-level.lv8 .level-progress-bar {
    background-color: #f4bb38
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv6 {
    background-image: url(../images/vip/vip_card_lv6.png)
}

.user-vip-level.lv6 .level-progress-bar {
    background-color: #c593e4
}

.icon_vip_lv7 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv7.svg)
}

.icon_vip_lv8 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv8.svg)
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv8 {
    background-image: url(../images/vip/vip_card_lv8.png)
}

.user-vip-level.lv8 .level-progress-bar {
    background-color: #f4bb38
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv7 {
    background-image: url(../images/vip/vip_card_lv7.png)
}

.user-vip-level.lv7 .level-progress-bar {
    background-color: #eb9595
}

.icon_vip_lv8 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv8.svg)
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv8 {
    background-image: url(../images/vip/vip_card_lv8.png)
}

.user-vip-level.lv8 .level-progress-bar {
    background-color: #f4bb38
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv5 {
    background-image: url(../images/vip/vip_card_lv5.png)
}

.user-vip-level.lv5 .level-progress-bar {
    background-color: #cfb1ff
}

.icon_vip_lv6 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv6.svg)
}

.icon_vip_lv7 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv7.svg)
}

.icon_vip_lv8 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv8.svg)
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv8 {
    background-image: url(../images/vip/vip_card_lv8.png)
}

.user-vip-level.lv8 .level-progress-bar {
    background-color: #f4bb38
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv7 {
    background-image: url(../images/vip/vip_card_lv7.png)
}

.user-vip-level.lv7 .level-progress-bar {
    background-color: #eb9595
}

.icon_vip_lv8 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv8.svg)
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv8 {
    background-image: url(../images/vip/vip_card_lv8.png)
}

.user-vip-level.lv8 .level-progress-bar {
    background-color: #f4bb38
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv6 {
    background-image: url(../images/vip/vip_card_lv6.png)
}

.user-vip-level.lv6 .level-progress-bar {
    background-color: #c593e4
}

.icon_vip_lv7 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv7.svg)
}

.icon_vip_lv8 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv8.svg)
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv8 {
    background-image: url(../images/vip/vip_card_lv8.png)
}

.user-vip-level.lv8 .level-progress-bar {
    background-color: #f4bb38
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv7 {
    background-image: url(../images/vip/vip_card_lv7.png)
}

.user-vip-level.lv7 .level-progress-bar {
    background-color: #eb9595
}

.icon_vip_lv8 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv8.svg)
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv8 {
    background-image: url(../images/vip/vip_card_lv8.png)
}

.user-vip-level.lv8 .level-progress-bar {
    background-color: #f4bb38
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv2 {
    background-image: url(../images/vip/vip_card_lv2.png)
}

.user-vip-level.lv2 .level-progress-bar {
    background-color: #cae2ff
}

.icon_vip_lv3 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv3.svg)
}

.icon_vip_lv4 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv4.svg)
}

.icon_vip_lv5 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv5.svg)
}

.icon_vip_lv6 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv6.svg)
}

.icon_vip_lv7 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv7.svg)
}

.icon_vip_lv8 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv8.svg)
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv8 {
    background-image: url(../images/vip/vip_card_lv8.png)
}

.user-vip-level.lv8 .level-progress-bar {
    background-color: #f4bb38
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv7 {
    background-image: url(../images/vip/vip_card_lv7.png)
}

.user-vip-level.lv7 .level-progress-bar {
    background-color: #eb9595
}

.icon_vip_lv8 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv8.svg)
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv8 {
    background-image: url(../images/vip/vip_card_lv8.png)
}

.user-vip-level.lv8 .level-progress-bar {
    background-color: #f4bb38
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv6 {
    background-image: url(../images/vip/vip_card_lv6.png)
}

.user-vip-level.lv6 .level-progress-bar {
    background-color: #c593e4
}

.icon_vip_lv7 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv7.svg)
}

.icon_vip_lv8 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv8.svg)
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv8 {
    background-image: url(../images/vip/vip_card_lv8.png)
}

.user-vip-level.lv8 .level-progress-bar {
    background-color: #f4bb38
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv7 {
    background-image: url(../images/vip/vip_card_lv7.png)
}

.user-vip-level.lv7 .level-progress-bar {
    background-color: #eb9595
}

.icon_vip_lv8 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv8.svg)
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv8 {
    background-image: url(../images/vip/vip_card_lv8.png)
}

.user-vip-level.lv8 .level-progress-bar {
    background-color: #f4bb38
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv5 {
    background-image: url(../images/vip/vip_card_lv5.png)
}

.user-vip-level.lv5 .level-progress-bar {
    background-color: #cfb1ff
}

.icon_vip_lv6 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv6.svg)
}

.icon_vip_lv7 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv7.svg)
}

.icon_vip_lv8 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv8.svg)
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv8 {
    background-image: url(../images/vip/vip_card_lv8.png)
}

.user-vip-level.lv8 .level-progress-bar {
    background-color: #f4bb38
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv7 {
    background-image: url(../images/vip/vip_card_lv7.png)
}

.user-vip-level.lv7 .level-progress-bar {
    background-color: #eb9595
}

.icon_vip_lv8 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv8.svg)
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv8 {
    background-image: url(../images/vip/vip_card_lv8.png)
}

.user-vip-level.lv8 .level-progress-bar {
    background-color: #f4bb38
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv6 {
    background-image: url(../images/vip/vip_card_lv6.png)
}

.user-vip-level.lv6 .level-progress-bar {
    background-color: #c593e4
}

.icon_vip_lv7 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv7.svg)
}

.icon_vip_lv8 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv8.svg)
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv8 {
    background-image: url(../images/vip/vip_card_lv8.png)
}

.user-vip-level.lv8 .level-progress-bar {
    background-color: #f4bb38
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv7 {
    background-image: url(../images/vip/vip_card_lv7.png)
}

.user-vip-level.lv7 .level-progress-bar {
    background-color: #eb9595
}

.icon_vip_lv8 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv8.svg)
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv8 {
    background-image: url(../images/vip/vip_card_lv8.png)
}

.user-vip-level.lv8 .level-progress-bar {
    background-color: #f4bb38
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv4 {
    background-image: url(../images/vip/vip_card_lv4.png)
}

.user-vip-level.lv4 .level-progress-bar {
    background-color: #bcc7ff
}

.icon_vip_lv5 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv5.svg)
}

.icon_vip_lv6 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv6.svg)
}

.icon_vip_lv7 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv7.svg)
}

.icon_vip_lv8 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv8.svg)
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv8 {
    background-image: url(../images/vip/vip_card_lv8.png)
}

.user-vip-level.lv8 .level-progress-bar {
    background-color: #f4bb38
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv7 {
    background-image: url(../images/vip/vip_card_lv7.png)
}

.user-vip-level.lv7 .level-progress-bar {
    background-color: #eb9595
}

.icon_vip_lv8 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv8.svg)
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv8 {
    background-image: url(../images/vip/vip_card_lv8.png)
}

.user-vip-level.lv8 .level-progress-bar {
    background-color: #f4bb38
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv6 {
    background-image: url(../images/vip/vip_card_lv6.png)
}

.user-vip-level.lv6 .level-progress-bar {
    background-color: #c593e4
}

.icon_vip_lv7 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv7.svg)
}

.icon_vip_lv8 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv8.svg)
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv8 {
    background-image: url(../images/vip/vip_card_lv8.png)
}

.user-vip-level.lv8 .level-progress-bar {
    background-color: #f4bb38
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv7 {
    background-image: url(../images/vip/vip_card_lv7.png)
}

.user-vip-level.lv7 .level-progress-bar {
    background-color: #eb9595
}

.icon_vip_lv8 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv8.svg)
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv8 {
    background-image: url(../images/vip/vip_card_lv8.png)
}

.user-vip-level.lv8 .level-progress-bar {
    background-color: #f4bb38
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv5 {
    background-image: url(../images/vip/vip_card_lv5.png)
}

.user-vip-level.lv5 .level-progress-bar {
    background-color: #cfb1ff
}

.icon_vip_lv6 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv6.svg)
}

.icon_vip_lv7 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv7.svg)
}

.icon_vip_lv8 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv8.svg)
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv8 {
    background-image: url(../images/vip/vip_card_lv8.png)
}

.user-vip-level.lv8 .level-progress-bar {
    background-color: #f4bb38
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv7 {
    background-image: url(../images/vip/vip_card_lv7.png)
}

.user-vip-level.lv7 .level-progress-bar {
    background-color: #eb9595
}

.icon_vip_lv8 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv8.svg)
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv8 {
    background-image: url(../images/vip/vip_card_lv8.png)
}

.user-vip-level.lv8 .level-progress-bar {
    background-color: #f4bb38
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv6 {
    background-image: url(../images/vip/vip_card_lv6.png)
}

.user-vip-level.lv6 .level-progress-bar {
    background-color: #c593e4
}

.icon_vip_lv7 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv7.svg)
}

.icon_vip_lv8 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv8.svg)
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv8 {
    background-image: url(../images/vip/vip_card_lv8.png)
}

.user-vip-level.lv8 .level-progress-bar {
    background-color: #f4bb38
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv7 {
    background-image: url(../images/vip/vip_card_lv7.png)
}

.user-vip-level.lv7 .level-progress-bar {
    background-color: #eb9595
}

.icon_vip_lv8 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv8.svg)
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv8 {
    background-image: url(../images/vip/vip_card_lv8.png)
}

.user-vip-level.lv8 .level-progress-bar {
    background-color: #f4bb38
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv3 {
    background-image: url(../images/vip/vip_card_lv3.png)
}

.user-vip-level.lv3 .level-progress-bar {
    background-color: #cae2ff
}

.icon_vip_lv4 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv4.svg)
}

.icon_vip_lv5 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv5.svg)
}

.icon_vip_lv6 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv6.svg)
}

.icon_vip_lv7 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv7.svg)
}

.icon_vip_lv8 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv8.svg)
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv8 {
    background-image: url(../images/vip/vip_card_lv8.png)
}

.user-vip-level.lv8 .level-progress-bar {
    background-color: #f4bb38
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv7 {
    background-image: url(../images/vip/vip_card_lv7.png)
}

.user-vip-level.lv7 .level-progress-bar {
    background-color: #eb9595
}

.icon_vip_lv8 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv8.svg)
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv8 {
    background-image: url(../images/vip/vip_card_lv8.png)
}

.user-vip-level.lv8 .level-progress-bar {
    background-color: #f4bb38
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv6 {
    background-image: url(../images/vip/vip_card_lv6.png)
}

.user-vip-level.lv6 .level-progress-bar {
    background-color: #c593e4
}

.icon_vip_lv7 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv7.svg)
}

.icon_vip_lv8 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv8.svg)
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv8 {
    background-image: url(../images/vip/vip_card_lv8.png)
}

.user-vip-level.lv8 .level-progress-bar {
    background-color: #f4bb38
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv7 {
    background-image: url(../images/vip/vip_card_lv7.png)
}

.user-vip-level.lv7 .level-progress-bar {
    background-color: #eb9595
}

.icon_vip_lv8 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv8.svg)
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv8 {
    background-image: url(../images/vip/vip_card_lv8.png)
}

.user-vip-level.lv8 .level-progress-bar {
    background-color: #f4bb38
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv5 {
    background-image: url(../images/vip/vip_card_lv5.png)
}

.user-vip-level.lv5 .level-progress-bar {
    background-color: #cfb1ff
}

.icon_vip_lv6 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv6.svg)
}

.icon_vip_lv7 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv7.svg)
}

.icon_vip_lv8 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv8.svg)
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv8 {
    background-image: url(../images/vip/vip_card_lv8.png)
}

.user-vip-level.lv8 .level-progress-bar {
    background-color: #f4bb38
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv7 {
    background-image: url(../images/vip/vip_card_lv7.png)
}

.user-vip-level.lv7 .level-progress-bar {
    background-color: #eb9595
}

.icon_vip_lv8 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv8.svg)
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv8 {
    background-image: url(../images/vip/vip_card_lv8.png)
}

.user-vip-level.lv8 .level-progress-bar {
    background-color: #f4bb38
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv6 {
    background-image: url(../images/vip/vip_card_lv6.png)
}

.user-vip-level.lv6 .level-progress-bar {
    background-color: #c593e4
}

.icon_vip_lv7 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv7.svg)
}

.icon_vip_lv8 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv8.svg)
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv8 {
    background-image: url(../images/vip/vip_card_lv8.png)
}

.user-vip-level.lv8 .level-progress-bar {
    background-color: #f4bb38
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv7 {
    background-image: url(../images/vip/vip_card_lv7.png)
}

.user-vip-level.lv7 .level-progress-bar {
    background-color: #eb9595
}

.icon_vip_lv8 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv8.svg)
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv8 {
    background-image: url(../images/vip/vip_card_lv8.png)
}

.user-vip-level.lv8 .level-progress-bar {
    background-color: #f4bb38
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv4 {
    background-image: url(../images/vip/vip_card_lv4.png)
}

.user-vip-level.lv4 .level-progress-bar {
    background-color: #bcc7ff
}

.icon_vip_lv5 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv5.svg)
}

.icon_vip_lv6 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv6.svg)
}

.icon_vip_lv7 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv7.svg)
}

.icon_vip_lv8 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv8.svg)
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv8 {
    background-image: url(../images/vip/vip_card_lv8.png)
}

.user-vip-level.lv8 .level-progress-bar {
    background-color: #f4bb38
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv7 {
    background-image: url(../images/vip/vip_card_lv7.png)
}

.user-vip-level.lv7 .level-progress-bar {
    background-color: #eb9595
}

.icon_vip_lv8 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv8.svg)
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv8 {
    background-image: url(../images/vip/vip_card_lv8.png)
}

.user-vip-level.lv8 .level-progress-bar {
    background-color: #f4bb38
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv6 {
    background-image: url(../images/vip/vip_card_lv6.png)
}

.user-vip-level.lv6 .level-progress-bar {
    background-color: #c593e4
}

.icon_vip_lv7 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv7.svg)
}

.icon_vip_lv8 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv8.svg)
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv8 {
    background-image: url(../images/vip/vip_card_lv8.png)
}

.user-vip-level.lv8 .level-progress-bar {
    background-color: #f4bb38
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv7 {
    background-image: url(../images/vip/vip_card_lv7.png)
}

.user-vip-level.lv7 .level-progress-bar {
    background-color: #eb9595
}

.icon_vip_lv8 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv8.svg)
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv8 {
    background-image: url(../images/vip/vip_card_lv8.png)
}

.user-vip-level.lv8 .level-progress-bar {
    background-color: #f4bb38
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv5 {
    background-image: url(../images/vip/vip_card_lv5.png)
}

.user-vip-level.lv5 .level-progress-bar {
    background-color: #cfb1ff
}

.icon_vip_lv6 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv6.svg)
}

.icon_vip_lv7 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv7.svg)
}

.icon_vip_lv8 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv8.svg)
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv8 {
    background-image: url(../images/vip/vip_card_lv8.png)
}

.user-vip-level.lv8 .level-progress-bar {
    background-color: #f4bb38
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv7 {
    background-image: url(../images/vip/vip_card_lv7.png)
}

.user-vip-level.lv7 .level-progress-bar {
    background-color: #eb9595
}

.icon_vip_lv8 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv8.svg)
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv8 {
    background-image: url(../images/vip/vip_card_lv8.png)
}

.user-vip-level.lv8 .level-progress-bar {
    background-color: #f4bb38
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv6 {
    background-image: url(../images/vip/vip_card_lv6.png)
}

.user-vip-level.lv6 .level-progress-bar {
    background-color: #c593e4
}

.icon_vip_lv7 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv7.svg)
}

.icon_vip_lv8 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv8.svg)
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv8 {
    background-image: url(../images/vip/vip_card_lv8.png)
}

.user-vip-level.lv8 .level-progress-bar {
    background-color: #f4bb38
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv7 {
    background-image: url(../images/vip/vip_card_lv7.png)
}

.user-vip-level.lv7 .level-progress-bar {
    background-color: #eb9595
}

.icon_vip_lv8 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv8.svg)
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.user-vip-level.lv8 {
    background-image: url(../images/vip/vip_card_lv8.png)
}

.user-vip-level.lv8 .level-progress-bar {
    background-color: #f4bb38
}

.icon_vip_lv9 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv9.svg)
}

.icon_vip_lv10 {
    width: 20px;
    height: 11px;
    background-image: url(../images/vip/icon_vip_lv10.svg)
}

.bundle-package .scope-price {
    display: inline-block;
    vertical-align: text-top
}

.bundle-package .scope-price span {
    display: inline-block;
    vertical-align: middle
}

.bundle-package .scope-price span i {
    font-style: normal;
    display: inline-block;
    padding: 0 3px
}

.examine_box {
    width: 18px;
    height: 18px
}

.examine_box .examine_hover {
    display: none;
    width: 76px;
    height: 36px;
    padding: 10px 8px;
    box-sizing: border-box;
    position: absolute;
    bottom: -44px;
    left: 50%;
    transform: translateX(-50%);
    font-weight: 400;
    font-size: 12px;
    color: #90969C;
    background-color: rgba(0, 0, 0, .9)
}

.with-gallery-examine {
    width: 100%;
    height: 18px;
    position: absolute;
    bottom: 0;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 400;
    font-size: 12px;
    line-height: 15.84px;
    color: #FFF;
    background-color: #EEA20E;
    z-index: 6
}

.with-gallery-examine .icon2x_examine:active,
.with-gallery-examine .icon2x_examine:hover {
    background: url(../images/2x/icon_examine.svg)
}

.with-gallery-examine:hover {
    background-color: #FFBD3D
}

.with-gallery-examine:hover .icon2x_examine {
    background: url(../images/2x/icon_examine_hover.svg)
}

.with-gallery-examine:active {
    background-color: #CD931D
}

.with-gallery-examine:active .icon2x_examine {
    background: url(../images/2x/icon_gallery_examine_pressed.svg)
}

.bundle-thums {
    position: relative;
    width: 88px;
    height: 66px;
    font-size: 0;
    margin: 0 auto;
    cursor: pointer;
    display: flex;
    background: linear-gradient(180deg, #eee 0, #ddd 100%)
}

.bundle-thums ul {
    margin: auto
}

.bundle-thums ul li {
    width: 44px;
    height: 33px;
    float: left;
    background-image: linear-gradient(10deg, #999 0, #555 60%, #60636b 100%);
    display: flex
}

.bundle-thums ul li img {
    margin: auto;
    max-width: 100%;
    max-height: 100%
}

.bundle-thums .tag_count:has(~.with-gallery-examine) {
    bottom: 18px
}

.bundle-thums .tagBox {
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    gap: 1px;
    z-index: 9
}

.bundle-thums .tagBox .tag {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 18px;
    padding: 1px;
    margin: 0;
    background: rgba(28, 32, 43, .5);
    color: #E4E8EE
}

.list_tb .bundle-thums {
    background-image: linear-gradient(0deg, #999 0, #444 60%, #60636b 100%);
    margin: 0
}

.bundle-items-list {
    background-color: #F5F5F5;
    padding: 0 0 10px
}

.bundle-items-list>ul {
    clear: both;
    overflow: hidden;
    padding: 8px 0 8px 18px
}

.bundle-items-list>ul>li {
    float: left;
    width: 88px;
    margin: 8px 5px 8px 4px;
    cursor: pointer
}

.bundle-items-list>ul>li h5 {
    font-size: 12px;
    color: #515151;
    overflow: hidden;
    height: 32px;
    line-height: 16px;
    margin: 6px 0 0;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    text-align: left
}

.bundle-items-list>ul>li h5:hover {
    color: #eea20e
}

.bundle-items-list .bundle-thums {
    cursor: pointer
}

.bundle-items-list .bundle-thums li {
    width: 88px;
    height: 66px
}

.bundle-items-list .scope-folder-handler {
    display: block;
    text-align: center;
    font-size: 12px;
    cursor: pointer;
    color: #515151;
    padding: 10px 0
}

.bundle-items-list .scope-folder-handler:hover {
    opacity: .7
}

.bundle-items-list .scope-folder-handler .icon_arr_down {
    background: 0 0;
    width: 0;
    height: 0;
    border-top: none;
    border-bottom: 4px solid #515151;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent
}

.bundle-items-list_folder>ul {
    height: 120px
}

.bundle-items-list_folder .scope-folder-handler .icon_arr_down {
    border-bottom: none;
    border-top: 4px solid #515151;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent
}

.bundle-card {
    min-height: 466px;
    background: #fafafa;
    padding-top: 20px;
    padding-left: 20px
}

.bundle-card>ul {
    width: 940px
}

.bundle-card>ul>li {
    border: 1px solid #e4e4e4;
    float: left;
    margin: 0 19px 20px 0;
    position: relative;
    width: 208px;
    height: 220px;
    background: #f9f9f9;
    border-radius: 2px;
    box-shadow: 0 0 4px 0 rgba(149, 149, 149, .3)
}

.bundle-card>ul>li:hover .bundle-card-btns {
    display: block
}

.bundle-card .bundle-card-btns {
    position: absolute;
    right: 12px;
    bottom: 6px;
    display: none
}

.bundle-card .bundle-card-btns .i_Btn_small {
    min-width: 48px
}

.bundle-card-pics {
    width: 208px;
    padding: 12px;
    box-sizing: border-box;
    background: linear-gradient(180deg, #f7f7f7 0, #e9e9e9 100%);
    height: 160px
}

.bundle-card-pics .bundle-thums {
    width: 179px;
    height: 135px
}

.bundle-card-pics .bundle-thums ul {
    width: 179px
}

.bundle-card-pics .bundle-thums ul li {
    width: 88px;
    height: 66px;
    margin: 0 3px 3px 0;
    border-radius: 2px
}

.bundle-card-pics .bundle-thums ul li:nth-of-type(even) {
    margin-right: 0
}

.bundle-card-desc h3 {
    white-space: nowrap;
    font-size: 15px;
    margin: 12px 9px 9px
}

.bundle-card-desc h3 a {
    max-width: 180px;
    display: flex
}

.bundle-card-desc h3 span {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.bundle-card-desc h3 small {
    font-size: 15px
}

.bundle-card-desc p {
    margin: 8px 12px 0
}

.flex_item {
    display: flex;
    align-items: center
}

.pattern-color-square {
    display: inline-block;
    box-sizing: border-box;
    width: 14px;
    height: 14px;
    border: 1px solid rgba(0, 0, 0, .08);
    border-radius: 2px;
    margin-right: 4px
}

.list_pattern_collect .i_Btn {
    box-sizing: border-box;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    width: 80px;
    min-width: 80px;
    height: 30px;
    font-size: 14px
}

.list_pattern_collect .i_Btn.trigger-btn {
    background: #f0f0f0;
    color: #515151 !important;
    gap: 4px
}

.list_pattern_collect .wear {
    width: 206px
}

.list_pattern_collect .wear .progress,
.list_pattern_collect .wear .wear-pointer {
    width: 166px
}

.list_pattern_collect .g-flex {
    align-items: center;
    padding-right: 4px
}

.list_pattern_collect .name-cont .stag,
.list_pattern_collect .name-cont .tag {
    margin-top: 8px
}

.list_pattern_collect .name-cont h3 {
    max-width: initial
}

.list_pattern_collect .csgo_sticker {
    width: 231px
}

.list_pattern_collect .f_Strong {
    width: 128px
}

.list_pattern_collect .user-fav {
    margin-left: auto
}

.quick-sell-list {
    background: #FFF;
    padding: 20px 25px
}

.quick-sell-list table:nth-child(n+2) {
    margin-top: 16px
}

.quick-sell-list tr {
    border: .5px solid #4773c8;
    background: rgba(71, 115, 200, .06)
}

.quick-sell-list td {
    padding: 12px 0
}

.quick-sell-list .view-detail {
    display: flex;
    align-items: center;
    gap: 2px;
    color: #515151
}

.quick-sell-list .view-detail:hover {
    color: #eea20e
}

.quick-sell-list .view-detail:active {
    color: #cd931d
}

.small-goods-card {
    box-sizing: border-box;
    position: relative;
    width: 88px;
    height: 66px;
    background-image: linear-gradient(10deg, #999 0, #555 60%, #60636b 100%);
    display: flex
}

.small-goods-card * {
    box-sizing: border-box
}

.small-goods-card .img {
    display: inline-flex;
    align-items: center;
    width: 100%
}

.small-goods-card img {
    margin: auto;
    max-width: 100%;
    max-height: 100%;
    height: 100%
}

.small-goods-card .tagBox {
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    gap: 1px;
    z-index: 9
}

.small-goods-card .wear {
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 1px 2px;
    font-size: 12px;
    line-height: 16px;
    background: rgba(28, 32, 43, .5);
    color: #E4E8EE
}

.hot-auction tr:last-child,
.presell-auction tr:last-child {
    background-image: linear-gradient(180deg, rgba(156, 100, 255, 0) 0, rgba(156, 100, 255, 0) 15.84%, rgba(156, 100, 255, .03) 49.49%, rgba(136, 68, 255, .06) 98.99%)
}

.hot-auction-header td,
.presell-auction-header td {
    height: 40px;
    padding: 0;
    border-bottom: none;
    background-image: linear-gradient(360deg, rgba(156, 100, 255, 0) 0, rgba(156, 100, 255, 0) 15.84%, rgba(156, 100, 255, .03) 49.49%, rgba(136, 68, 255, .06) 98.99%);
    cursor: pointer
}

.hot-auction-header td>div,
.presell-auction-header td>div {
    box-sizing: border-box;
    display: flex;
    align-items: center;
    height: 100%;
    width: 100%;
    padding: 0 22px
}

.hot-auction-header .transparent,
.presell-auction-header .transparent {
    opacity: .3
}

.hot-auction-content,
.presell-auction-content {
    flex: 1
}

.hot-auction-countdown,
.presell-auction-countdown {
    display: flex;
    align-items: center;
    font-weight: 700;
    margin: 0 8px;
    line-height: 20px
}

.hot-auction-countdown .countdown-item,
.presell-auction-countdown .countdown-item {
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #84F;
    border-radius: 1px;
    color: #fff
}

.presell-auction tr:last-child {
    background-image: linear-gradient(180deg, rgba(0, 153, 214, 0) 0, rgba(0, 153, 214, 0) 15.84%, rgba(0, 153, 214, .03) 49.49%, rgba(0, 153, 214, .06) 98.99%)
}

.presell-auction-header td {
    background-image: linear-gradient(360deg, rgba(0, 153, 214, 0) 0, rgba(0, 153, 214, 0) 15.84%, rgba(0, 153, 214, .03) 49.49%, rgba(0, 153, 214, .06) 98.99%)
}

.name-cont .name-cont-link {
    color: #515151
}

.name-cont .name-cont-link:hover {
    color: #eea20e;
    text-decoration: none
}

.name-cont .name-cont-link:active {
    color: #cd931d
}

.payment-list {
    margin-top: 4px;
    width: 80px;
    box-sizing: border-box;
    display: flex;
    gap: calc(5.33px)
}

.pay-channels-card .pay-channels-row {
    display: flex;
    gap: 8px;
    flex-wrap: wrap
}

.pay-channels-card .pay-channel-cell {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4px;
    padding: 4px;
    background: #383d46;
    border-radius: 4px
}

.pay-channels-card .pay-channel-cell .icon2x {
    width: 20px;
    height: 20px
}

.pay-channels-card .pay-channel-cell span {
    font-size: 12px;
    color: #90969c;
    white-space: nowrap
}

.pay-channels-card .pay-channels-desc {
    margin-top: 8px;
    font-size: 12px;
    line-height: 20px;
    color: #90969c;
    word-break: normal;
    overflow-wrap: break-word;
    text-align: left
}

.pay-channels-card .pay-channels-icons {
    display: flex;
    align-items: center;
    gap: 6px
}

.pay-channels-card .pay-channels-icons .icon2x {
    width: 20px;
    height: 20px
}

.sticker-craft {
    min-height: 600px
}

.sticker-craft .sticker-craft-content {
    background: #fff
}

.sticker-craft .l_Right .j_sticker_delete:active,
.sticker-craft .l_Right .j_sticker_delete:hover,
.sticker-craft .l_Right .j_sticker_delete:link,
.sticker-craft .l_Right .j_sticker_delete:visited {
    color: #fa5b5b !important
}

.sticker-craft .sticker-grid-wrap {
    padding: 20px 24px
}

.sticker-craft .sticker-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 20px
}

.sticker-craft .sticker-card {
    width: 273px;
    flex-shrink: 0;
    cursor: pointer
}

.sticker-craft .sticker-card .card-link {
    display: block;
    text-decoration: none
}

.sticker-craft .sticker-card .card-img-wrap {
    border: 1px solid rgba(0, 0, 0, .08);
    overflow: hidden
}

.sticker-craft .sticker-card .card-img-box {
    position: relative;
    width: 273px;
    height: 153px;
    overflow: hidden;
    transition: opacity .2s;
    background: url(../images/sticker_craft_bg.png) center center;
    background-size: cover
}

.sticker-craft .sticker-card .card-img-box .card-status-tag {
    position: absolute;
    top: 8px;
    left: 9px;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 40px;
    height: 24px;
    padding: 0 8px;
    border-radius: 1px;
    color: #fff;
    font-size: 12px;
    line-height: 1;
    white-space: nowrap;
    box-sizing: border-box
}

.sticker-craft .sticker-card .card-img-box .card-status-tag--private {
    background: #45536c;
    backdrop-filter: blur(2px);
    -webkit-backdrop-filter: blur(2px)
}

.sticker-craft .sticker-card .card-img-box .card-status-tag--review {
    background: #eea20e
}

.sticker-craft .sticker-card .card-img-box .card-hover-btns {
    position: absolute;
    top: 8px;
    right: 11px;
    z-index: 3;
    display: flex;
    align-items: center;
    gap: 8px;
    opacity: 0;
    transition: opacity .2s
}

.sticker-craft .sticker-card .card-img-box .card-hover-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    border-radius: 1px;
    background: rgba(0, 0, 0, .4);
    transition: background .2s
}

.sticker-craft .sticker-card .card-img-box .card-hover-btn:hover {
    background: rgba(0, 0, 0, .55)
}

.sticker-craft .sticker-card .card-img-box .card-hover-btn:active {
    background: rgba(0, 0, 0, .7)
}

.sticker-craft .sticker-card .card-img-box .card-hover-btn .icon_card_collect {
    width: 16px;
    height: 16px;
    background-image: url(../images/2x/pattern_uncollected_feature.svg)
}

.sticker-craft .sticker-card .card-img-box .card-hover-btn:hover .icon_card_collect {
    background-image: url(../images/2x/pattern_uncollected_hover_feature.svg)
}

.sticker-craft .sticker-card .card-img-box .card-hover-btn:active .icon_card_collect {
    background-image: url(../images/2x/pattern_uncollected_pressed_feature.svg)
}

.sticker-craft .sticker-card .card-img-box .card-hover-btn.on .icon_card_collect {
    background-image: url(../images/2x/pattern_collected.svg)
}

.sticker-craft .sticker-card .card-img-box .card-hover-btn.on:hover .icon_card_collect {
    background-image: url(../images/2x/pattern_collected_hover.svg)
}

.sticker-craft .sticker-card .card-img-box .card-hover-btn.on:active .icon_card_collect {
    background-image: url(../images/2x/pattern_collected_pressed.svg)
}

.sticker-craft .sticker-card .card-img-box .card-hover-btn .icon_card_delete {
    width: 16px;
    height: 16px;
    background-image: url(../images/2x/icon_card_delete.svg)
}

.sticker-craft .sticker-card .card-img-box .card-hover-btn:hover .icon_card_delete {
    background-image: url(../images/2x/icon_card_delete_hover.svg)
}

.sticker-craft .sticker-card .card-img-box .card-hover-btn:active .icon_card_delete {
    background-image: url(../images/2x/icon_card_delete_pressed.svg)
}

.sticker-craft .sticker-card:hover .card-hover-btns {
    opacity: 1
}

.sticker-craft .sticker-card .img-bg {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    pointer-events: none
}

.sticker-craft .sticker-card .img-weapon {
    width: 214px;
    height: 214px;
    object-fit: cover;
    pointer-events: none;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.sticker-craft .sticker-card .card-sticker-price {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 24px;
    box-sizing: border-box;
    padding: 0 8px;
    background: #353748;
    color: #fff;
    font-size: 12px;
    line-height: 1;
    white-space: nowrap
}

.sticker-craft .sticker-card .card-sticker-price .price-val {
    color: #eea20e;
    font-weight: 700
}

.sticker-craft .sticker-card .card-info {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 8px 0 0
}

.sticker-craft .sticker-card .card-name {
    color: #333;
    font-size: 16px;
    line-height: 21px;
    min-height: 21px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.sticker-craft .sticker-card .card-meta {
    display: flex;
    align-items: center;
    gap: 12px
}

.sticker-craft .sticker-card .card-user {
    position: relative;
    display: flex;
    flex: 1;
    align-items: center;
    gap: 4px;
    min-width: 0;
    overflow: hidden
}

.sticker-craft .sticker-card .card-user .avatar {
    display: block;
    box-sizing: border-box;
    width: 16px;
    height: 16px;
    border: 1px solid rgba(233, 233, 233, .5);
    border-radius: 50%;
    flex-shrink: 0
}

.sticker-craft .sticker-card .card-user .username {
    color: #959595;
    font-size: 12px;
    line-height: 16px;
    position: relative;
    top: -1px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.sticker-craft .sticker-card .card-user .icon {
    display: block;
    flex-shrink: 0
}

.sticker-craft .sticker-card .card-user.vip::after {
    content: '';
    position: absolute;
    left: 8px;
    bottom: 0;
    width: 10px;
    height: 10px;
    background: center/contain url(../images/site/icon_VIP_bordered.png) no-repeat
}

.sticker-craft .sticker-card .card-user.vip .username {
    color: #e1ab60
}

.sticker-craft .sticker-card .card-actions {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-shrink: 0
}

.sticker-craft .sticker-card .card-action-item {
    display: flex;
    align-items: center;
    gap: 4px;
    color: #90969c;
    font-size: 12px;
    line-height: 1;
    cursor: pointer
}

.sticker-craft .sticker-card .card-action-item .icon,
.sticker-craft .sticker-card .card-action-item img {
    display: block;
    flex-shrink: 0
}

.sticker-craft .sticker-card .card-action-item img {
    width: 16px;
    height: 16px
}

.sticker-craft .sticker-card .card-action-item .icon_comment,
.sticker-craft .sticker-card .card-action-item .icon_good2 {
    width: 16px;
    height: 16px;
    background: no-repeat center/contain;
    vertical-align: middle
}

.sticker-craft .sticker-card .card-action-item .icon_comment {
    background-image: url(../images/2x/icon_16_comment_light.svg)
}

.sticker-craft .sticker-card .card-action-item .icon_good2 {
    background-image: url(../images/2x/icon_16_like_light.svg);
    background-size: 14px 14px
}

.sticker-craft .sticker-card .card-action-item:hover {
    color: #515151
}

.sticker-craft .sticker-card .card-action-item:hover .icon_comment {
    background-image: url(../images/2x/icon_16_comment_light_hover.svg)
}

.sticker-craft .sticker-card .card-action-item:hover .icon_good2 {
    background-image: url(../images/2x/icon_16_like_light_hover.svg)
}

.sticker-craft .sticker-card .card-action-item:active {
    color: silver
}

.sticker-craft .sticker-card .card-action-item:active .icon_comment {
    background-image: url(../images/2x/icon_16_comment_light_pressed.svg)
}

.sticker-craft .sticker-card .card-action-item:active .icon_good2 {
    background-image: url(../images/2x/icon_16_like_light_pressed.svg)
}

.sticker-craft .sticker-card .card-action-item.on {
    color: #eea20e
}

.sticker-craft .sticker-card .card-action-item.on .icon_good2 {
    background-image: url(../images/2x/icon_16_like_light_on.svg)
}

.sticker-craft .sticker-card .card-action-item.on:hover {
    color: #ffbd3d
}

.sticker-craft .sticker-card .card-action-item.on:hover .icon_good2 {
    background-image: url(../images/2x/icon_16_like_light_on_hover.svg)
}

.sticker-craft .sticker-card .card-action-item.on:active {
    color: #cd931d
}

.sticker-craft .sticker-card .card-action-item.on:active .icon_good2 {
    background-image: url(../images/2x/icon_16_like_light_on_pressed.svg)
}

.pubg {
    background-image: url(../images/site/header-bg_pubg.jpg)
}

.pubg.bg {
    background-color: #20203A
}

.pubg .my-header-cont {
    max-height: 278px
}

.pubg .my-header .pubg-selType {
    padding: 20px 0;
    border-top: 1px solid #2c2f38;
    margin: 0
}

.pubg .my-header .pubg-selType div {
    padding: 14px 0 2px;
    width: 90px;
    margin: 0 17.5px 0 0
}

.pubg .roll-gifts-list li {
    background: #F0F0F0;
    background-image: linear-gradient(-180deg, #f7f7f7 0, #e9e9e9 100%)
}

.pubg .with-gallery img {
    border: 1px solid #D7D7D7
}

.pubgroom .room-album div {
    background: #F0F0F0;
    background-image: linear-gradient(-180deg, #f7f7f7 0, #e9e9e9 100%)
}

.pubg-selType {
    height: 90px;
    display: block;
    margin: 0 30px
}

.pubg-selType div {
    float: left;
    text-align: center;
    border-radius: 2px 2px 0 0;
    padding: 8px;
    margin: 0 18.5px 0 0;
    cursor: pointer;
    color: #8D9297;
    display: block;
    width: 94px
}

.pubg-selType div.last,
.pubg-selType div:last-child {
    margin: 0 !important
}

.pubg-selType div:hover {
    background: #2D2F3E
}

.pubg-selType div.on {
    background: #2D2F3E
}

.pubg-selType div p {
    height: 18px;
    line-height: 18px;
    padding: 12px 0;
    font-size: 12px
}

.packagebox {
    position: absolute;
    z-index: 1000;
    background: #16191e url(../images/site/lighting.png) right top no-repeat;
    text-align: center;
    padding: 0 20px 20px;
    display: none
}

.packagebox h3 {
    color: #fff;
    font-size: 16px;
    padding: 30px 0 20px
}

.packagebox ul {
    clear: both;
    overflow: hidden;
    display: inline-block;
    font-size: 0;
    max-width: 468px;
    text-align: left
}

.packagebox li {
    position: relative;
    border: 1px solid #434343;
    display: inline-block;
    margin: 4px;
    padding: 9px
}

.packagebox li .icon {
    position: absolute;
    left: -1px;
    top: -1px
}

.packagebox li img {
    width: 50px;
    height: 50px
}

.packagebox li .tag {
    position: absolute;
    right: -1px;
    bottom: -1px;
    margin: 0;
    border-radius: 2px 0 0 0;
    height: 16px;
    line-height: 18px;
    padding: 0 3px;
    color: #eea20e
}

.h1z1 {
    background-image: url(../images/site/header-bg_h1z1.jpg)
}

.h1z1.bg {
    background-color: #20222E
}

.h1z1 .my-header-cont {
    max-height: 278px
}

.h1z1 .my-header .h1z1-selType {
    padding: 20px 0 0;
    margin: 0
}

.h1z1 .my-header .h1z1-selType div {
    padding: 14px 0 2px;
    width: 90px;
    margin: 0 17.5px 0 0
}

.h1z1 .roll-gifts-list li {
    background: #F0F0F0;
    background-image: linear-gradient(-180deg, #f7f7f7 0, #e9e9e9 100%)
}

.h1z1 .with-gallery img {
    border: 1px solid #D7D7D7
}

.h1z1 .list_tb .img-cont {
    border: 1px solid #D7D7D7;
    width: 72px;
    height: 48px;
    display: inline-block;
    background: #f3f3f3;
    text-align: center;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 5
}

.h1z1 .list_tb .img-cont img {
    border: none;
    left: 13px;
    margin-top: 1px
}

.h1z1-selType {
    height: 90px;
    display: block;
    margin: 0 30px
}

.h1z1-selType .w-SelType {
    height: auto;
    background: 0 0
}

.h1z1-selType .selected.item {
    background: #2D2F3E;
    color: #fff6e9
}

.h1z1-selType .item {
    float: left;
    text-align: center;
    border-radius: 2px 2px 0 0;
    padding: 8px;
    margin: 0 18.5px 0 0;
    cursor: pointer;
    color: #8D9297;
    display: block;
    width: 64px;
    position: relative;
    z-index: 80;
    height: 74px
}

.h1z1-selType .item.last,
.h1z1-selType .item:last-child {
    margin: 0 !important
}

.h1z1-selType .item.last ul,
.h1z1-selType .item:last-child ul {
    left: auto;
    right: 0
}

.h1z1-selType .item.last .colsimg .img,
.h1z1-selType .item:last-child .colsimg .img {
    float: left;
    margin-left: 7px
}

.h1z1-selType .item:hover {
    background: #2D2F3E
}

.h1z1-selType .item p {
    height: 18px;
    line-height: 18px;
    padding: 12px 0;
    font-size: 12px
}

.h1z1-selType .item.on ul {
    display: block
}

.h1z1-selType .item ul {
    background: #2D2F3E;
    padding: 7px 7px 0 0;
    clear: both;
    overflow: hidden;
    position: absolute;
    left: 0;
    top: 90px;
    display: none
}

.h1z1-selType .item ul li {
    height: 32px;
    line-height: 32px;
    width: 96px;
    text-align: center;
    margin: 0 0 7px 7px;
    float: none;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.h1z1-selType .item .cols {
    width: 206px
}

.h1z1-selType .item .cols li {
    float: left
}

.h1z1-selType .item .colsimg {
    width: 365px
}

.h1z1-selType .item .colsimg .img {
    margin: 0;
    float: right;
    width: 152px;
    height: 227px;
    background: url(../images/site/item_bg2.png) 0 0 no-repeat;
    background-size: cover;
    position: relative;
    box-sizing: border-box
}

.h1z1-selType .item .colsimg .img img {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
    margin: auto;
    max-width: 90%;
    max-height: 90%
}

.h1z1-selType.type_csgo {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.h1z1-selType.type_csgo .item {
    width: 64px
}

.csgo {
    background-image: url(../images/site/header-bg_csgo.jpg)
}

.csgo.bg {
    background-color: #172034
}

.dota2.bg {
    background-color: #070A13
}

.pubg_recycle {
    background-image: url(../images/site/header-bg_pubg2.jpg)
}

.pubg_recycle.bg {
    background-color: #1C1F32
}

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

.popup {
    position: fixed;
    _position: absolute;
    background-color: #FAFAFA;
    display: none;
    left: 50%;
    top: 50%;
    z-index: 500;
    width: 360px;
    border-radius: 2px;
    transform: translate(-50%, -50%)
}

.popup .popup-close {
    position: absolute;
    top: 18px;
    right: 12px;
    font-size: 24px;
    color: #999
}

.popup .popup-close:active,
.popup .popup-close:hover {
    color: #666
}

.popup .popup-back {
    position: absolute;
    top: 20px;
    left: 48px;
    font-size: 14px;
    color: #929394;
    cursor: pointer
}

.popup .popup-back:hover {
    color: #666
}

.popup .popup-back:hover .icon_arr_left {
    border-color: #666
}

.popup .popup-cont {
    padding: 20px;
    background-position: right top;
    background-repeat: no-repeat
}

.popup .popup-cont h2 {
    font-size: 16px;
    font-weight: 700;
    color: #515151;
    border-left: 10px solid #EEA20E;
    padding: 0 12px;
    position: relative;
    left: -20px
}

.popup .popup-cont .nodata {
    height: 500px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 0
}

.popup .popup_error {
    background-image: url(../images/site/popup-error-bg.png)
}

.popup .popup_error h2 {
    border-color: #DD2F0B
}

.popup .popup_success {
    background-image: url(../images/site/popup-success-bg.png)
}

.popup .popup_success h2 {
    border-color: #18A228
}

.popup.popup_warn {
    background-color: #FFF
}

.popup.popup_warn .popup-cont {
    padding: 20px 30px
}

.popup.popup_warn h2 {
    border-color: #EEA20E;
    padding: 0 20px;
    left: -30px
}

.popup.popup_warn .popup-desc {
    color: #515151;
    font-size: 14px;
    font-weight: 400;
    line-height: 25px
}

.popup.popup_warn .popup-desc p {
    margin: 0
}

.popup.popup_warn .popup-desc-red {
    color: red;
    font-weight: 700
}

.popup.popup_warn .popup-desc-list {
    width: 300px;
    margin: 16px 0;
    list-style-type: decimal;
    padding-inline-start: 24px;
    box-sizing: border-box
}

.popup.popup_warn .popup-desc-list li {
    font-weight: 700;
    font-size: 14px;
    line-height: 25px
}

.popup.popup_warn .popup-desc-tips {
    width: 300px;
    padding: 12px;
    box-sizing: border-box;
    background-color: #FAFAFA;
    font-size: 14px;
    line-height: 25px;
    color: #959595;
    margin-top: 12px
}

.popup.popup_warn .popup-desc-tips .popup-desc-list {
    width: 276px;
    margin: 0
}

.popup.popup_warn .popup-desc-tips .popup-desc-list li {
    font-weight: 400
}

.popup.popup_warn .popup-desc-tips .popup-desc-list li .popup-desc-list {
    width: 252px;
    padding-inline-start: 16px;
    list-style-type: lower-alpha
}

.popup#j_popup_common_warn .popup-cont {
    padding: 20px 0
}

.popup#j_popup_common_warn .popup-cont h2 {
    margin: 32px 0 20px 0;
    left: 0
}

.popup#j_popup_common_warn .popup-cont .popup-desc {
    padding: 0 30px;
    max-height: 505px;
    overflow-y: scroll
}

.popup#j_popup_common_warn .popup-cont .popup-desc .popup-desc-red {
    width: 300px
}

.popup#j_popup_common_warn .popup-btns {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    text-align: center
}

.popup#j_popup_common_warn .popup-btns .i_Btn {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    display: flex !important;
    justify-content: center;
    align-items: center
}

.popup#j_popup_common_warn .popup-btns .i_Btn:nth-child(2) {
    margin-left: 20px
}

.popup#j_popup_common_warn .popup-btns .i_Btn_main,
.popup#j_popup_common_warn .popup-btns .i_Btn_sub {
    width: 140px;
    height: 42px
}

.popup#j_popup_common_warn .popup-btns .i_Btn_success {
    width: 300px;
    height: 42px;
    background-color: #069B17
}

.popup#j_popup_common_warn .popup-btns .i_Btn_success:hover {
    background-image: initial
}

.popup#j_popup_common_warn .popup-btns>.t_Center {
    width: 100%
}

.popup#j_popup_common_examine .popup-desc {
    width: 300px;
    margin: 0 auto
}

.popup#j_popup_common_examine .popup-desc p {
    font-weight: 400;
    font-size: 14px;
    line-height: 25px
}

.popup#j_popup_common_examine .popup-close {
    right: 16px
}

.popup.popup_common_bid .popup-desc {
    display: flex;
    flex-direction: column;
    gap: 12px
}

.popup.popup_common_bid .popup-desc .desc-price {
    display: flex;
    justify-content: space-between;
    color: #959595;
    font-size: 14px
}

.popup.popup_common_bid .popup-btns .i_Btn {
    margin: 0;
    width: 140px;
    height: 42px;
    box-sizing: border-box;
    line-height: 32px
}

.popup.popup_common_bid .popup-btns .i_Btn:last-of-type {
    margin-left: 20px
}

.popup .popup-btns {
    text-align: right;
    padding: 0 20px 20px
}

.popup .popup-btns .i_Btn {
    margin: 0 10px
}

.popup .popup-btns.t_Spacebetween {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.popup .popup-btns.t_Spacebetween .i_Btn {
    margin: 0;
    width: 120px
}

.popup .popup-tip {
    background: #F2F7F3;
    text-align: center;
    font-size: 12px;
    padding: 12px 30px
}

.popup .popup-tip a {
    color: #eea20e
}

.popup .popup-tip a:hover {
    color: #ffbd3d
}

.popup .popup-tip a:active {
    color: #cd931d
}

.popup .popup-tip.c_Yellow {
    background: rgba(238, 162, 14, .05)
}

.popup .popup-tip.c_Blue {
    background: rgba(71, 115, 200, .04)
}

.popup .popup-tip:has(.icon),
.popup .popup-tip:has(.icon2x) {
    display: flex;
    align-items: center
}

.popup .popup-tip .icon_shopsafety {
    width: 16px;
    height: 16px;
    margin-right: 9px
}

.popup .popup-tip>.icon,
.popup .popup-tip>.icon2x {
    flex-shrink: 0
}

.popup .popup-tip_notice {
    color: #EEA20E;
    background: rgba(238, 162, 14, .1)
}

.popup .popup-tip_error {
    background: #D10D1C;
    color: #fff
}

.popup .tag_error {
    font-size: 14px;
    height: 26px;
    line-height: 24px;
    padding: 0 6px
}

.popup .l_Tb td {
    height: 40px
}

.popup .discount-tips {
    box-sizing: border-box;
    display: inline-flex;
    align-items: center;
    color: #FA5B5B;
    border: .5px solid #FA5B5B;
    border-radius: 1px;
    padding: 0 2px;
    height: 16px;
    text-align: center;
    font-size: 10px;
    font-weight: 400
}

.popup .popup-steam-select {
    position: absolute;
    left: 16px;
    top: 14px;
    cursor: pointer;
    box-sizing: border-box;
    z-index: 9999
}

.popup .popup-steam-select * {
    box-sizing: border-box
}

.popup .popup-steam-select .user-avatar {
    position: relative;
    top: 0;
    left: 0;
    width: 32px;
    height: 32px
}

.popup .popup-steam-select .user-avatar img {
    border-radius: 50%;
    width: 100%;
    height: 100%;
    object-fit: cover
}

.popup .popup-steam-select .user-avatar::after {
    box-sizing: border-box;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    border: 1px solid rgba(233, 233, 233, .5)
}

.popup .popup-steam-select .steam-list {
    width: 182px;
    border: 1px solid #e4e4e4;
    box-shadow: 0 0 4px 0 rgba(0, 0, 0, .16);
    font-size: 12px;
    color: #959595;
    border-radius: 2px;
    margin-top: 8px;
    background: #fff
}

.popup .popup-steam-select .steam-list>div {
    padding: 0 11px;
    width: 100%;
    height: 52px;
    display: flex;
    align-items: center;
    background: #fff
}

.popup .popup-steam-select .steam-list>div.on,
.popup .popup-steam-select .steam-list>div:hover {
    background: #f5f5f5
}

.popup .popup-steam-select .steam-list>div:active {
    background: #eaeaea
}

.popup .popup-steam-select .steam-list>div:nth-child(n+2) {
    border-top: 1px solid rgba(233, 233, 233, .5)
}

.popup .popup-steam-select .steam-list>div.is-grey {
    opacity: .5
}

.popup .popup-steam-select .steam-list>div.is-grey .name {
    color: #959595
}

.popup .popup-steam-select .steam-list .user-avatar {
    margin-right: 6px
}

.popup .popup-steam-select .steam-list .user-avatar~div {
    flex: 1;
    overflow: hidden
}

.popup .popup-steam-select .steam-list .user-avatar~div>* {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.popup .popup-steam-select .steam-list .name {
    font-size: 14px;
    color: #515151;
    margin-bottom: 2px
}

.popup-steam-list {
    margin-top: 12px;
    font-size: 12px;
    color: #959595;
    box-sizing: border-box
}

.popup-steam-list * {
    box-sizing: border-box
}

.popup-steam-list-item {
    display: flex;
    align-items: center;
    height: 52px;
    padding: 0 12px;
    border-radius: 2px;
    border: 1px solid rgba(233, 233, 233, .5);
    cursor: pointer
}

.popup-steam-list-item:hover {
    background: #f8f6f1;
    border-color: #eea20e
}

.popup-steam-list-item.selected,
.popup-steam-list-item:active {
    background: #f9f1e2;
    border-color: #cd931d
}

.popup-steam-list-item.is-grey {
    opacity: .5
}

.popup-steam-list-item.is-grey .name {
    color: #959595
}

.popup-steam-list-item .name {
    font-size: 14px;
    color: #515151;
    margin-bottom: 2px
}

.popup-steam-list-item.selected {
    background: #f8f6f1;
    border-color: #eea20e
}

.popup-steam-list-item.selected .name {
    color: #eea20e
}

.popup-steam-list-item:nth-child(n+2) {
    margin-top: 8px
}

.popup-steam-list-item .user-avatar {
    position: relative;
    top: 0;
    left: 0;
    width: 32px;
    height: 32px;
    margin-right: 8px
}

.popup-steam-list-item .user-avatar img {
    border-radius: 50%;
    width: 100%;
    height: 100%;
    object-fit: cover
}

.popup-steam-list-item .user-avatar::after {
    box-sizing: border-box;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    border: 1px solid rgba(233, 233, 233, .5)
}

.popup-steam-list-item .user-avatar~div {
    flex: 1;
    overflow: hidden
}

.popup-steam-list-item .user-avatar~div>* {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.popup.popup_common .popup-btns {
    text-align: center
}

.popup-desc {
    padding: 20px 0 0;
    color: #90969C
}

.popup-desc p {
    margin: 12px 0;
    font-size: 14px;
    line-height: 22px
}

.popup-desc a:not(.no-suffix)::after {
    content: "»"
}

.popup-desc a:link {
    color: #666;
    margin: 0 4px;
    text-decoration: underline;
    white-space: nowrap
}

.popup-desc a:hover {
    color: #eea20e
}

.popup-desc .i_Text {
    width: 280px
}

.popup_charge .popup-cont {
    padding: 0
}

.popup-header {
    background: #fff;
    border-bottom: 1px solid #EBEBEB;
    text-align: center;
    position: relative
}

.popup-header h2 {
    font-size: 17px;
    font-weight: 700;
    text-align: center;
    padding: 20px 0;
    color: #515151
}

.popup-header .l_Right {
    line-height: 56px;
    position: absolute;
    right: 40px;
    top: 0
}

.popup-header .l_Right .i_Btn {
    margin: 0 0 0 12px
}

.popup-header-btns {
    display: flex;
    align-items: center;
    gap: 16px;
    position: absolute;
    top: 50%;
    right: 42px;
    transform: translateY(-50%)
}

.popup-tab {
    margin: 0 auto;
    display: inline-block
}

.popup-tab li {
    display: inline-block;
    height: 56px;
    line-height: 56px;
    min-width: 90px;
    font-size: 16px;
    color: #333;
    cursor: pointer;
    position: relative;
    padding: 0 10px
}

.popup-tab li:hover {
    color: #4773c8
}

.popup-tab li.on {
    font-weight: 700
}

.popup-tab li.on:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -25px;
    width: 50px;
    height: 3px;
    background: #4773c8
}

.popup-filters {
    box-sizing: border-box;
    width: 100%;
    height: 50px;
    padding: 0 8px;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.popup-filters .l_Left,
.popup-filters .l_Right {
    float: none;
    display: flex;
    align-items: center;
    gap: 8px
}

.popup-filters .l_Right {
    gap: 16px
}

.popup-filters .w-Select,
.popup-filters .w-Select-Multi {
    width: 112px
}

.popup-filters .w-Checkbox span {
    margin: 0
}

.popup-filters .w-Search {
    box-sizing: border-box
}

.popup-filters .w-Search * {
    box-sizing: border-box
}

.popup-filters .w-Search .i_Text {
    width: 200px;
    padding: 9px 12px;
    height: 34px
}

.popup-filters .w-Search a {
    padding: 0 9px;
    height: 34px
}

.popup-bottom {
    background: rgba(17, 20, 25, .85) url(../images/site/line-yellow.png) no-repeat center bottom;
    padding: 20px;
    line-height: 20px;
    *background-color: #33363A
}

.popup-bottom .f_Strong {
    font-size: 24px;
    margin-right: 9px;
    line-height: 40px
}

.popup-bottom .icon {
    margin: 0 6px
}

.popup-bottom a:link,
.popup-bottom a:visited {
    color: #ccc;
    text-decoration: underline
}

.popup-bottom a:hover {
    color: #eea20e;
    text-decoration: none
}

.popup-bottom a:active {
    color: #cd931d;
    text-decoration: none
}

.popup-bottom .i_Btn {
    margin-left: 12px
}

.popup-bottom-gray {
    padding: 14px 20px;
    background: #F2F2F2;
    border-radius: 2px
}

.popup-bottom-gray .w-Checkbox .icon_checkbox {
    vertical-align: top;
    margin: 4px 6px 0 0 !important
}

.popup-bottom-gray .w-Checkbox label {
    display: inline-block;
    width: 90%
}

.popup-good-summary {
    background: #fff;
    border: 1px solid #EBEBEB;
    padding: 20px
}

.popup-good-summary ul {
    margin: 0 0 0 20px
}

.popup-good-summary li {
    height: 28px;
    line-height: 28px;
    font-size: 16px
}

.popup-good-summary li .f_Strong {
    margin-right: 18px
}

.popup-section-title {
    color: #999;
    margin: 24px 0 12px;
    font-size: 16px
}

.popup-section-title .icon_qa {
    margin: -3px 0 0
}

.popup-cardlist {
    max-height: 240px;
    min-height: 108px;
    margin-bottom: 20px;
    padding: 0 30px;
    overflow-y: auto;
    overflow-x: hidden;
    position: relative
}

.popup-cardlist-item {
    display: flex;
    align-items: center;
    min-height: 54px;
    border-bottom: 1px solid rgba(233, 233, 233, .5)
}

.popup-cardlist-item-name {
    margin-left: 8px
}

.popup-cardlist-item-name .discount-tips {
    margin-top: 4px
}

.pay-way {
    line-height: 36px
}

.pay-way li {
    background-color: #fff;
    border: 1px solid #e4e4e4;
    padding: 0 10px;
    float: left;
    height: 36px;
    min-width: 115px;
    text-align: center;
    position: relative;
    border-radius: 2px;
    margin-right: 20px;
    overflow: hidden;
    cursor: pointer;
    color: #515151;
    min-width: 98px
}

.pay-way li small {
    font-size: 11px;
    font-weight: 400 !important;
    margin: 0 3px 0 6px
}

.pay-way li:hover {
    border-color: #eea20e;
    color: #040507
}

.pay-way li:hover .icon_check_small {
    display: block
}

.pay-way li:active {
    background-color: #fafafa;
    border-color: #cd931d;
    color: #515151
}

.pay-way li.on {
    border-color: #eea20e;
    font-weight: 700;
    color: #eea20e
}

.pay-way li.on:hover {
    color: #ffbd3d
}

.pay-way li.on:active {
    color: #cd931d;
    background-color: #fafafa;
    border-color: #cd931d
}

.pay-way li.on .icon_check_small {
    display: block
}

.pay-way li.disable {
    border: 1px solid #E3E3E3 !important;
    cursor: default
}

.pay-way .icon_check_small {
    position: absolute;
    right: -1px;
    bottom: -1px;
    display: none
}

.popup_card .card-name,
.popup_card .error {
    display: none;
    font-size: 12px;
    position: absolute;
    right: 42px;
    top: 6px
}

.popup_card .i_Text_error .error {
    display: block
}

.popup_card .card-name {
    display: block;
    color: #999;
    top: 8px
}

.popup_card .card-name .icon {
    position: relative;
    left: -2px
}

.popup_card .auth-type-entry ul {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    justify-content: space-between;
    margin: 0 40px
}

.popup_card .auth-type-entry li {
    background: #FFF;
    border: 1px solid #E3E3E3;
    border-radius: 2px;
    width: 0;
    box-sizing: border-box;
    flex: 1 1 30%;
    min-width: 200px;
    max-width: calc(50% - 5px);
    padding: 18px 12px;
    cursor: pointer
}

.popup_card .auth-type-entry li:hover {
    background: rgba(238, 162, 14, .03);
    border: 1px solid #EEA20E
}

.popup_card .auth-type-entry li .icon_arr_right {
    margin: -3px 0 0 4px
}

.popup_card .auth-type-entry li p {
    font-size: 13px;
    color: silver;
    margin: 9px 0 0
}

.popup_card .bind-tips td {
    height: auto
}

.popup_card .bind-tips-detail {
    cursor: pointer;
    display: flex;
    align-items: center;
    color: #FA5B5B;
    width: fit-content
}

.popup_card .bind-tips-detail .icon {
    margin: 0 2px
}

.popup_card .discount-tips {
    margin-right: 8px
}

.popup-foot {
    height: 70px;
    background: url(../images/site/btm_certf_epay.png) no-repeat
}

.popup-foot h5 {
    font-size: 12px;
    line-height: 58px;
    margin: 0 0 0 300px;
    color: #aaa;
    display: none
}

.popup-foot2 {
    background-image: url(../images/site/btm_certf_sesamecredit.png)
}

.popup-foot-normal {
    text-align: center;
    background: #F0F0F0;
    padding: 20px
}

.popup-foot-normal .icon {
    margin: -2px 6px 0 2px
}

.input-cont {
    position: relative
}

.input-cont .i_Text {
    width: 390px
}

.input-cont .i_Time {
    width: 181px
}

.input-cont .i_Btn_hollow {
    position: absolute;
    right: 30px;
    top: 0;
    min-width: 140px;
    height: 28px;
    line-height: 28px
}

.input-phone .input-phone-code {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    color: #515151;
    user-select: none
}

.input-phone .input-phone-code .icon {
    margin-left: 2px
}

.input-phone .input-phone-code:hover {
    color: #333
}

.input-phone .input-phone-code:active {
    color: #515151
}

.input-phone .input-phone-list {
    display: none;
    box-sizing: border-box;
    position: absolute;
    left: 0;
    bottom: 0;
    transform: translateY(104%);
    width: 220px;
    height: 150px;
    overflow-y: scroll;
    z-index: 999;
    border: 1px solid #e9e9e9;
    background: #f5f5f5
}

.input-phone .input-phone-list>div {
    padding: 4px 8px;
    font-size: 12px;
    color: #515151;
    cursor: pointer
}

.input-phone .input-phone-list>div:hover {
    color: #333;
    background: #f9f9f9
}

.input-phone .input-phone-list>div:active {
    color: #515151;
    background: #f5f5f5
}

.input-phone input {
    padding-left: 60px !important
}

.input-phone input.i_Text {
    width: 338px
}

.card-tip {
    box-shadow: 1px 1px 3px #ccc;
    border-radius: 2px;
    position: absolute;
    height: 42px;
    line-height: 42px;
    top: -44px;
    width: 406px;
    padding: 0 15px;
    border: 1px solid #ccc;
    background: #fff;
    left: -16px;
    color: #eea20e;
    font-size: 18px;
    font-weight: 700
}

.card-tip .card-name {
    top: 0;
    right: 12px
}

.input-cont_captcha .error {
    right: 216px
}

.guide-steps {
    width: 340px;
    margin: 0 auto;
    text-align: center;
    height: 56px;
    padding: 30px 0 20px
}

.guide-steps .failed h5 {
    color: #DD2F0B
}

.guide-steps .on h5 {
    color: #4773c8
}

.guide-steps .on span {
    background: #4773c8
}

.guide-steps .on.step-line {
    border-color: #4773c8
}

.guide-steps div {
    float: left;
    position: relative;
    height: 32px
}

.guide-steps div h5 {
    position: absolute;
    width: 120px;
    left: -44px;
    color: silver;
    font-size: 12px;
    line-height: 20px;
    top: 36px
}

.guide-steps span {
    display: block;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: silver;
    line-height: 32px;
    font-size: 14px;
    font-weight: 700;
    color: #fff
}

.step-line {
    width: 82px;
    height: 0 !important;
    border-bottom: 2px dashed silver;
    margin: 15px 20px;
    position: relative
}

.step-line p {
    position: absolute;
    left: 0;
    bottom: 12px;
    width: 82px;
    text-align: center;
    color: #959595;
    font-size: 12px
}

.guide-desc {
    text-align: center;
    width: 494px;
    margin: 0 auto;
    color: #515151
}

.guide-desc p {
    margin: 20px 0
}

.guide-desc .i_Btn_long {
    width: 470px
}

.guide-block_failed {
    background: url(../images/site/popup-error-bg.png) no-repeat top right
}

.guide-block_success {
    background: url(../images/site/popup-success-bg.png) no-repeat top right
}

.guide-block {
    background-color: #fff;
    border: 1px solid #f1f1f1;
    margin: 20px auto;
    padding: 20px 30px;
    height: 126px
}

.guide-block p {
    line-height: 24px
}

.guide-block p .i_Text {
    width: 260px
}

.guide-block .t_Left .i_Btn {
    margin-left: -2px
}

.guide-block_unbind p {
    margin: 0;
    color: auto;
    line-height: 36px
}

.guide-block_unbind p.c_Gray {
    margin-bottom: 6px
}

.account-bind {
    width: 620px;
    margin: 40px auto;
    background: #fafafa;
    border-radius: 2px;
    overflow: visible
}

.account-bind .login-cont {
    padding: 30px 32px 0;
    position: relative
}

.account-bind .login-frame {
    visibility: hidden
}

.account-bind .login-urs {
    min-height: 287px
}

.account-bind .pinterest-status {
    padding: 120px 0;
    position: absolute;
    left: 150px
}

.account-bind_withqr .pinterest-status {
    left: 400px
}

.bind-header {
    height: 100px;
    text-align: center;
    background: #161d23 url(../images/site/bkg-steam.jpg) no-repeat;
    color: #90969C
}

.bind-header h3 {
    font-weight: 700;
    color: #fff;
    padding: 25px 0 14px
}

.popup_guide_sell .guide-steps {
    width: 498px;
    padding-top: 50px
}

.popup_guide_sell .guide-steps h5 {
    color: #515151
}

.popup_guide_sell .guide-strong {
    margin: 48px 18px
}

.popup_guide_sell .guide-strong strong {
    font-size: 17px;
    color: #515151
}

.popup_login {
    animation: upIn .4s 0s ease-in-out 1 forwards;
    -webkit-animation: upIn .4s 0s ease-in-out 1 forwards;
    transform: translate(-50%, -50%) scale(1, 1)
}

@media (max-device-width:750px) {
    .popup_login {
        animation: none;
        -webkit-animation: none
    }
}

.popup_login .pinterest-status {
    position: absolute;
    width: 100%;
    left: 0;
    top: 200px
}

.login-cont {
    height: 412px;
    padding: 30px 36px 0
}

.login-cont h2 {
    font-size: 16px;
    color: #000;
    line-height: 20px
}

.login-cont h2 i {
    position: relative;
    z-index: 6
}

.login-cont .login-frame {
    float: right;
    margin: 0;
    width: 320px;
    flex: 1;
    position: relative
}

.login-cont .login-frame h2 {
    text-align: center;
    padding: 0 0 4px
}

.login-cont .login-frame #j_login {
    min-height: 287px
}

.login-cont .login-frame .w-Checkbox span {
    margin: 0
}

.login-cont .login-frame .w-Checkbox span:hover {
    color: #959595
}

.login-cont .login-frame .w-Checkbox .icon {
    margin: -2px 4px 0 0 !important
}

.login-qrcode {
    width: 172px;
    height: 400px;
    padding-right: 36px;
    border-right: 1px solid rgba(233, 233, 233, .5);
    float: left;
    text-align: center
}

.login-qrcode a {
    color: #4773c8
}

.login-qrcode a:hover {
    color: #6e91d4
}

.login-qrcode .qrcode-area {
    background: #FAFAFA;
    border: 1px solid #F3F3F3;
    padding: 10px;
    margin: 38px 0 12px;
    display: inline-block;
    position: relative
}

.login-qrcode .qrcode-area .qrcode-status {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, .9);
    left: 0;
    box-sizing: border-box;
    top: 0;
    padding-top: 40px;
    line-height: 16px
}

.login-qrcode .qrcode-area .qrcode-status p {
    margin: 9px 0 3px
}

.login-qrcode .qrcode-area:hover .qrcode-guide {
    display: block
}

.login-qrcode .qrcode-area .qrcode-guide {
    position: absolute;
    left: -240px;
    top: -94px;
    z-index: 100;
    display: none;
    opacity: 0;
    animation: qrleftIn 1s 0s ease-in-out 1 forwards
}

.login-qrcode .qrcode-footer {
    line-height: 20px
}

.popup_verify h3 {
    padding: 22px 0 0
}

.popup_verify .login-cont {
    padding: 0;
    height: auto
}

.popup_verify .login-qrcode {
    padding: 0 30px 0;
    border: none;
    height: 240px
}

.popup_verify .login-qrcode .qrcode-area {
    margin-top: 20px
}

@keyframes upIn {
    0% {
        transform: translate(-50%, -50%) scale(1.1, 1.1);
        -webkit-transform: translate(-50%, -50%) scale(1.1, 1.1)
    }

    100% {
        transform: translate(-50%, -50%) scale(1, 1);
        -webkit-transform: translate(-50%, -50%) scale(1, 1)
    }
}

@-webkit-keyframes upIn {
    0% {
        transform: translate(-50%, -50%) scale(1.1, 1.1);
        -webkit-transform: translate(-50%, -50%) scale(1.1, 1.1)
    }

    100% {
        transform: translate(-50%, -50%) scale(1, 1);
        -webkit-transform: translate(-50%, -50%) scale(1, 1)
    }
}

@keyframes qrleftIn {
    0% {
        transform: translateX(30px);
        opacity: 0
    }

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

.login-other {
    font-size: 12px;
    color: #959595;
    text-align: center;
    background: #f0f0f0;
    padding: 10px 0;
    position: relative;
    z-index: 99
}

.login-other .icon_steam_small {
    margin-top: -2px;
    margin-left: 4px
}

.popup_supply .popup-cont {
    padding: 30px 54px
}

.popup_supply .w-Steper span {
    width: 38px
}

.popup_supply .w-Steper .i_Text {
    width: 400px
}

.popup_supply .input-cont .i_Btn_hollow {
    right: 0;
    min-width: 120px
}

.popup_supply .check-result {
    height: 38px;
    line-height: 38px;
    position: absolute;
    right: 160px;
    top: 0
}

.packlist .nodata {
    padding: 20px 0
}

.packlist .list_card {
    min-height: unset;
    margin-top: 20px
}

.packlist .list_card_small2 li {
    margin-right: 26px
}

.packlist .card_csgo {
    width: 740px;
    max-height: 300px;
    overflow-y: auto
}

.packlist .card_csgo li .mask {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    border-radius: 2px;
    z-index: 20;
    background: #000;
    *filter: alpha(opacity=60);
    background: rgba(0, 0, 0, .6)
}

.packlist .card_csgo li.on .mask,
.packlist .card_csgo li:hover .mask {
    display: none
}

.packlist .card_csgo li .stip {
    position: absolute;
    width: 100%;
    text-align: center;
    top: 0;
    font-size: 12px;
    line-height: 24px;
    color: #E4E8EE;
    background: rgba(0, 0, 0, .5);
    border-radius: 2px 2px 0 0
}

.packcard {
    width: 740px;
    max-height: 200px;
    overflow-y: auto
}

.packcard li {
    width: 122px;
    height: 80px;
    position: relative;
    border-radius: 2px;
    overflow: hidden;
    float: left;
    margin: 20px 20px 0 0;
    cursor: pointer
}

.packcard li img {
    border-radius: 2px
}

.packcard li.on .mask,
.packcard li:hover .mask {
    display: none
}

.packcard li.on .icon_check_small,
.packcard li:hover .icon_check_small {
    display: block
}

.packcard .mask {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    border-radius: 2px;
    z-index: 20;
    background: #000;
    *filter: alpha(opacity=60);
    background: rgba(0, 0, 0, .6)
}

.packcard .icon_check_small {
    position: absolute;
    bottom: 0;
    right: 0;
    display: none
}

.packcard .tag {
    position: absolute;
    left: 0;
    bottom: 0
}

.packcard .stip {
    position: absolute;
    width: 100%;
    text-align: center;
    top: 0;
    font-size: 12px;
    line-height: 24px;
    color: #E4E8EE;
    background: rgba(0, 0, 0, .5);
    border-radius: 2px 2px 0 0
}

.floattip {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 200
}

.floattip-cont {
    padding: 24px;
    line-height: 22px;
    color: #aaa;
    width: 270px;
    background: #282b30 url(../images/site/lighting.png) no-repeat right top;
    font-size: 12px;
    text-align: justify
}

.floattip-cont.floattip-cont-detail {
    padding: 0 8px;
    width: 296px;
    display: flex;
    flex-direction: column;
    max-height: 899px;
    line-height: 20px;
    color: #90969c
}

.floattip-cont.floattip-cont-detail .t_White2 {
    color: #c6cad0
}

.floattip-cont.floattip-cont-detail .floattip-cont-img {
    width: calc(100% + 16px);
    margin-left: -8px;
    margin-bottom: 8px
}

.floattip-cont.floattip-cont-detail .floattip-cont-img .scope-btns {
    padding: 8px;
    box-sizing: border-box;
    z-index: 1
}

.floattip-cont.floattip-cont-detail .info-scroll-wrapper {
    flex: 1;
    overflow-y: scroll;
    padding-bottom: 12px
}

.floattip-cont.floattip-cont-detail .info-scroll-wrapper::-webkit-scrollbar {
    display: none
}

.floattip-cont.floattip-cont-detail .price-info {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 8px;
    flex-wrap: wrap;
    gap: 8px
}

.floattip-cont.floattip-cont-detail .price-info .small_btns {
    margin: 0;
    align-self: flex-end
}

.floattip-cont.floattip-cont-detail .price-info .small_btns .i_Btn:first-child {
    margin-left: 0
}

.floattip-cont.floattip-cont-detail .price-info .price {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 4px
}

.floattip-cont.floattip-cont-detail .w-Switcher {
    border: none;
    background: #383D46
}

.floattip-cont.floattip-cont-detail .w-Switcher span {
    height: 24px;
    line-height: 24px;
    background: #383D46;
    border: none;
    color: #c6cad0;
    min-width: 40px
}

.floattip-cont.floattip-cont-detail .w-Switcher span:hover {
    color: #fff
}

.floattip-cont.floattip-cont-detail .w-Switcher span:active {
    color: #515151
}

.floattip-cont.floattip-cont-detail .w-Switcher span.on {
    color: #4773c8;
    font-weight: 700
}

.floattip-cont.floattip-cont-detail .w-Switcher span.on:hover {
    color: #567fcd
}

.floattip-cont.floattip-cont-detail .w-Switcher span.on:active {
    color: #3c61a8
}

.floattip-cont.floattip-cont-detail .c_Blue2 {
    color: #567fcd !important
}

.floattip-cont.floattip-cont-detail .c_Blue3 {
    color: #6296fb !important
}

.floattip-cont h3 {
    font-weight: 700;
    color: #fff;
    font-size: 16px;
    line-height: 22px;
    margin-bottom: 6px
}

.floattip-cont .tag {
    position: relative;
    top: -1px;
    right: -6px
}

.floattip-cont h4 {
    color: #999;
    margin: 12px 0 9px;
    font-weight: 700;
    color: #fff
}

.floattip-cont p {
    margin: 3px 0
}

.floattip-cont ul {
    margin: 6px 0
}

.floattip-cont .transaction-intr {
    margin-top: 10px;
    background: #383D46;
    border: 1px solid #404651;
    border-radius: 4px;
    padding: 8px
}

.floattip-cont .transaction-intr .c_Blue2 {
    display: flex;
    align-items: center;
    color: #567fcd !important
}

.floattip-cont .transaction-intr.transaction-btn {
    cursor: pointer
}

.floattip-cont .transaction-intr.transaction-btn:hover .c_Blue2 {
    color: #6296fb !important
}

.floattip-cont .transaction-intr.transaction-btn:hover .icon_mynotes {
    background-image: url(../images/site/icon_mynote_hover.svg)
}

.floattip-cont .transaction-intr.transaction-btn:active .c_Blue2 {
    color: #3c61a8 !important
}

.floattip-cont .transaction-intr.transaction-btn:active .icon_mynotes {
    background-image: url(../images/site/icon_mynote_pressed.svg)
}

.floattip-cont .small_btns {
    margin-top: -4px
}

.floattip-cont .small_btns .i_Btn {
    min-width: 42px;
    margin-left: 4px
}

.floattip-cont .transaction-intr2 {
    padding: 20px 24px;
    background: #2E3135
}

.floattip-cont .transaction-intr2 .w-OrderGroup .w-Order {
    min-width: 30px;
    padding: 0 10px
}

.floattip-cont .login-user {
    color: #fff
}

.floattip-cont .login-user .user-thum {
    margin: 0;
    margin-right: 9px
}

.floattip-cont .user-info {
    font-weight: 700;
    font-size: 12px
}

.floattip-cont .user-info:hover {
    color: silver
}

.floattip-cont .user-info:active {
    color: #515151
}

.floattip-cont .user-info.lv_5-6 {
    color: #5e98d9
}

.floattip-cont .user-info.lv_5-6:hover {
    color: #4d80e1
}

.floattip-cont .user-info.lv_5-6:active {
    color: #3c61a8
}

.floattip-cont .user-info.lv_7-8 {
    color: #4773c8
}

.floattip-cont .user-info.lv_7-8:hover {
    color: #567fcd
}

.floattip-cont .user-info.lv_7-8:active {
    color: #3c61a8
}

.floattip-cont .user-info.lv_9-10 {
    color: #4b69ff
}

.floattip-cont .user-info.lv_9-10:hover {
    color: #2e4ce1
}

.floattip-cont .user-info.lv_9-10:active {
    color: #3c61a8
}

.floattip-cont .user-info.is-vip {
    color: #e1ab60
}

.floattip-cont .user-info.is-vip:hover {
    color: #ffca80
}

.floattip-cont .user-info.is-vip:active {
    color: #cd931d
}

.floattip-cont .user-info .user-name {
    margin-left: 4px
}

.floattip-cont .user-info .user-avatar,
.floattip-cont .user-info img {
    border-color: #2C2F38
}

.floattip-cont .des {
    word-break: normal;
    text-align: left
}

.floattip-cont .info-card {
    margin-top: 8px;
    padding: 8px;
    background: #2E3135;
    border-radius: 4px
}

.floattip-cont .info-card li {
    width: 100%;
    display: flex;
    align-items: center;
    margin: 0
}

.floattip-cont .info-card li:nth-child(n+2) {
    margin-top: 8px;
    margin-bottom: 0
}

.floattip-cont .info-card p {
    margin: 0
}

.floattip-cont .info-card p:nth-child(n+2) {
    margin-top: 3px
}

.floattip-cont .info-card li .l_Right,
.floattip-cont .info-card p .l_Right {
    margin-left: auto;
    color: #E4E8EE
}

.floattip-cont .info-card p .l_Right {
    font-weight: 700
}

.floattip-cont .info-card .store-info-header {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.floattip-cont .stickers-card {
    box-sizing: border-box;
    margin-top: 8px;
    background: #2E3135;
    border-radius: 4px;
    overflow: hidden
}

.floattip-cont .stickers-card-header {
    height: 32px;
    padding: 0 8px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #c6cad0
}

.floattip-cont .stickers-card-header a:hover {
    color: #fff
}

.floattip-cont .stickers-card-header a:active {
    color: #515151
}

.floattip-cont .stickers-card-item {
    display: flex;
    align-items: center;
    padding-right: 8px;
    cursor: pointer
}

.floattip-cont .stickers-card-item:hover {
    background: #383d46
}

.floattip-cont .stickers-card-item:active {
    background: #2a2b30
}

.floattip-cont .stickers-card-item img {
    width: 60px;
    height: 60px;
    object-fit: contain
}

.floattip-cont .stickers-card-item .img-wrapper {
    width: 60px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center
}

.floattip-cont .stickers-card-item-info {
    flex: 1
}

.floattip-cont .stickers-card-item-info div {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical
}

.floattip-cont .stickers-card-item-info div:nth-child(2) {
    color: #E4E8EE
}

.floattip-cont .stickers-card-item-info div.flex_item {
    display: flex;
    align-items: center
}

.floattip-cont .stickers-card .highlight-video {
    padding: 8px
}

.floattip-cont .stickers-card .highlight-video h3 {
    font-size: 12px;
    line-height: 16px
}

.floattip-cont .pattern-color-square {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 0 4px;
    border: .5px solid rgba(255, 255, 255, .2);
    border-radius: 1px
}

.floattip-cont .wear-btn {
    display: inline-block;
    box-sizing: border-box;
    margin-top: 8px;
    padding: 8px;
    background: #2E3135;
    border-radius: 4px;
    width: 100%;
    text-align: center;
    color: #c6cad0
}

.floattip-cont .wear-btn:hover {
    background: #383D46;
    color: #fff
}

.floattip-cont .wear-btn:active {
    background: #2A2B30;
    color: #515151
}

.floattip-cont-img {
    position: relative
}

.floattip-cont-img .scope-btns {
    display: flex;
    position: absolute;
    width: 100%;
    justify-content: space-between
}

.floattip-cont-img .scope-btns span {
    display: inline-flex;
    align-items: center;
    height: 22px;
    line-height: 22px;
    padding: 0 4px;
    background-color: rgba(0, 0, 0, .4);
    cursor: pointer;
    border-radius: 2px
}

.floattip-cont-img .scope-btns span>i {
    margin-right: 4px
}

.floattip-cont-img .scope-btns span:hover {
    color: #fff;
    background-color: rgba(0, 0, 0, .6)
}

.floattip-cont-img .scope-btns span:active {
    color: #aaa;
    background-color: rgba(0, 0, 0, .4)
}

.floattip-cont-img .scope-btns .icon_focus {
    cursor: pointer;
    opacity: .8
}

.floattip-cont-img .scope-btns .icon_focus:hover {
    opacity: 1
}

.fixedtip {
    background: #282b30 url(../images/site/lighting.png) no-repeat right top;
    background-color: rgba(0, 0, 0, .9);
    position: absolute;
    left: 0;
    top: 0;
    color: #E4E8EE;
    width: 160px;
    padding: 20px 16px;
    line-height: 20px;
    text-align: justify;
    display: none;
    z-index: 1000;
    white-space: pre-line
}

.fixedtip h3 {
    color: #90969C;
    margin: 0 0 3px;
    line-height: 20px
}

.fixedtip .icon_arr_big_right {
    position: absolute;
    top: 50%;
    margin-top: -7px;
    right: -7px
}

.fixedtip .icon_arr_big_left {
    position: absolute;
    top: 50%;
    margin-top: -7px;
    left: -7px
}

.fixedtip .line {
    margin: 12px 0 20px;
    background-image: linear-gradient(-90deg, rgba(39, 42, 44, 0) 0, #4773c8 49%, rgba(39, 42, 44, 0) 100%);
    *background: #4773c8
}

.fixedtip2 {
    width: auto;
    background-image: none;
    padding: 8px
}

.fixedtip2 .icon_arr_big_bot {
    transform: rotate(90deg);
    top: -9px;
    margin-top: 0;
    left: 50%;
    margin-left: -3px;
    z-index: -1;
    display: none
}

.fixedtip2 .icon_arr_big_top {
    top: unset;
    transform: rotate(270deg);
    bottom: -9px;
    margin-top: 0;
    left: 50%;
    margin-left: -3px;
    z-index: -1
}

.fixedtip2 h3 {
    margin: 0
}

.fixedtip_title {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.fixedtip_avatar {
    width: 24px;
    height: 24px;
    object-fit: cover;
    border-radius: 50%
}

.fixedtip_col {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 0;
    min-height: 25px;
    font-size: 12px;
    color: #c6cad0
}

.fixedtip_col:nth-child(n+2) {
    margin-top: 8px
}

.fixedtip_col .fixedtip_tips {
    color: #515151
}

.fixedtip_price {
    font-size: 14px;
    color: #E4E8EE
}

.fixedtip_notice {
    display: flex;
    align-items: center;
    color: #7a9ac2;
    font-size: 12px;
    margin-top: 8px;
    gap: 6px
}

.fixedtip_nickname {
    max-width: 109px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.fixedtip_sec {
    background: rgba(255, 255, 255, .06);
    padding: 8px;
    border-radius: 2px;
    margin-top: 8px
}

.fixedtip_sec>div {
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #90969C
}

.fixedtip_sec>div:nth-child(n+2) {
    margin-top: 10px
}

.fixedtip_sec>div .fixedtip_avatar {
    width: 16px;
    height: 16px;
    margin-right: 6px
}

.fixedtip_shop {
    width: 250px
}

.fixedtip_shop h2 {
    text-align: center;
    font-size: 16px;
    font-weight: 700;
    padding: 12px 0;
    color: #fff
}

.fixedtip_shop li {
    margin: 15px 25px;
    color: #90969C
}

.fixedtip_shop li label {
    width: 100px;
    display: inline-block
}

.fixedtip_shop li span {
    display: inline-block;
    width: 100px;
    text-align: right
}

.fixedtip_shop li strong {
    font-size: 18px;
    padding: 0 3px
}

.fixedtip_sticker {
    background-color: rgba(17, 20, 25, .9);
    box-sizing: border-box;
    border-radius: 4px;
    padding: 8px;
    padding-right: 12px;
    display: flex;
    align-items: center;
    font-size: 12px;
    text-align: left
}

.fixedtip_sticker .sticker {
    flex-shrink: 0;
    display: inline-block;
    width: 84px;
    height: 84px;
    background: center/cover no-repeat;
    margin-right: 8px
}

.fixedtip_sticker span {
    max-width: 112px;
    color: #fff;
    line-height: 16px;
    font-size: 12px
}

.fixedtip_sticker span>div:nth-child(n+2) {
    margin-top: 4px
}

.fixedtip_sticker h3 {
    max-width: 112px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    line-height: 16px;
    font-size: 12px;
    margin-bottom: 4px
}

.fixedtip_sticker h3.charm-title {
    -webkit-line-clamp: 2
}

.fixedtip_premium {
    background-color: rgba(17, 20, 25, .9);
    box-sizing: border-box;
    border-radius: 4px;
    padding: 8px;
    padding-right: 12px;
    font-size: 14px;
    text-align: left;
    color: #C6CAD0;
    width: 240px
}

.fixedtip_premium>div {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.fixedtip_premium>div:nth-child(3) {
    margin: 8px 0 4px
}

.fixedtip_premium .price {
    color: #EEA20E
}

.fixedtip_premium .rate {
    color: #4773c8
}

.fixedtip_premium .rate-tips {
    color: #90969C;
    font-size: 12px
}

.fixedtip_overpage {
    width: 330px;
    padding: 0
}

.fixedtip_overpage .icon_overpage {
    position: absolute;
    top: 12px;
    right: -3px
}

.fixedtip_overpage h3 {
    color: #90969C;
    padding: 15px
}

.fixedtip_overpage .line {
    margin: 0
}

.j_copy_handler {
    position: relative;
    cursor: pointer
}

.fixedtip_copy {
    font-size: 12px;
    height: 22px;
    line-height: 22px;
    padding: 0 6px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    position: absolute;
    right: 16px;
    bottom: -30px;
    border-radius: 2px;
    border: 1px solid rgba(78, 76, 89, .3);
    background: #fff;
    z-index: 999
}

.overpage-list {
    max-height: 320px;
    overflow: auto;
    margin: 0 5px 0 15px
}

.overpage-list .pic-cont {
    float: left
}

.overpage-list .img-cont {
    display: inline-block;
    width: 67px;
    height: 44px;
    text-align: center;
    background: url(../images/site/67x44.png) no-repeat
}

.overpage-list .overpage-del {
    width: 20px;
    padding-top: 13px;
    float: right
}

.overpage-list li {
    margin: 0 0 16px
}

.overpage-list li h5 {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    line-height: 44px;
    margin-left: 77px;
    margin-right: 24px
}

.overpage-btm {
    padding: 0 20px;
    color: #90969C;
    background: #33363A;
    height: 60px;
    line-height: 60px
}

.overpage-btm .f_Strong {
    font-size: 14px
}

.black ::-webkit-scrollbar {
    background: 0 0
}

.black ::-webkit-scrollbar-track {
    background: 0 0
}

.rolluutip {
    position: absolute;
    display: none;
    z-index: 1000;
    padding: 10px;
    background: #16191e url(../images/site/lighting.png) right top no-repeat
}

.fixedtip_wiki {
    width: 280px
}

.fixedtip_wiki h2 {
    text-align: center;
    font-size: 16px;
    font-weight: 700;
    padding: 12px 0;
    color: #fff
}

.fixedtip_wiki h2 img {
    border-radius: 100%;
    margin-right: 10px
}

.fixedtip_wiki li {
    margin: 15px 25px
}

.fixedtip_wiki li label {
    width: 120px;
    display: inline-block;
    color: #90969C
}

.fixedtip_wiki li span {
    display: inline-block;
    width: 100px;
    color: #E4E8EE
}

.floatbar {
    position: fixed;
    right: 6px;
    top: 50%;
    z-index: 70;
    font-size: 12px;
    margin-top: -158px
}

.floatbar ul {
    box-shadow: 0 0 4px 0 rgba(0, 0, 0, .3);
    border-radius: 2px;
    background: #343e4b
}

.floatbar li {
    position: relative
}

.floatbar li a {
    display: block;
    width: 60px;
    text-align: center;
    color: #959595
}

.floatbar li a:hover {
    background: #2f3744;
    color: #818C9B
}

.floatbar li p {
    border-bottom: 1px solid #2d3642;
    margin: 6px 0 0;
    padding-bottom: 5px
}

.floatbar li .icon {
    width: 20px;
    height: 20px;
    margin: 10px 0 0
}

.floatbar li .icon_bar_support--gold {
    width: 24px;
    height: 24px
}

.floatbar li .icon_new {
    width: 6px;
    height: 6px;
    top: 0;
    left: 12px
}

.floatbar li .fixedtip {
    right: 75px;
    left: auto;
    top: -16px;
    padding: 20px 20px 10px
}

.floatbar li .fixedtip .icon_arr_big_right {
    width: 7px;
    height: 14px;
    top: 36px;
    margin: 0
}

.floatbar li .fixedtip h3 {
    margin: 0 0 3px
}

.floatbar .gotop {
    background: #343e4b;
    margin-top: 20px;
    box-shadow: 0 0 4px 0 rgba(0, 0, 0, .3);
    border-radius: 2px
}

.floatbar .gotop:hover {
    background: #2f3744
}

.floatbar .qiyu {
    background: #343e4b;
    margin-top: 20px;
    width: 60px;
    height: 60px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    box-shadow: 0 0 4px 0 rgba(0, 0, 0, .3);
    border-radius: 50%
}

.floatbar .qiyu:hover {
    background: #2f3744
}

.floatbar .icon_bar_support--gold+p {
    background-image: linear-gradient(135.83deg, #ffd66c 2.17%, #be8d2d 100.73%);
    -webkit-background-clip: text;
    color: transparent
}

.floatbar .icon_bar_support--blue+p {
    background-image: linear-gradient(135.83deg, #85aeff 2.17%, #4773c8 100.73%);
    -webkit-background-clip: text;
    color: transparent
}

.floatbar .fixedtip {
    white-space: initial
}

.qqgroup-cont {
    width: 160px;
    height: 160px;
    overflow: hidden
}

#j_bar-qq-list li {
    float: left
}

#j_bar-qq-nav {
    text-align: center;
    margin: 3px 0;
    min-height: 6px
}

#j_bar-qq-nav span {
    display: inline-block;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    margin: 0 3px;
    cursor: pointer;
    background: #5B5D61
}

#j_bar-qq-nav span.on {
    background: #fff
}

.popup_roll .room-info {
    padding: 20px 86px;
    background: #F2F2F2
}

.popup_roll .room-info h3 {
    color: #515151;
    margin: 6px 0
}

.popup_roll .room-info .split {
    height: 20px;
    width: 2px;
    background: #ECECEC;
    float: right;
    margin: 16px 12px 0 0
}

.popup_roll table {
    margin: 0 auto
}

.popup_pubg .input-cont .i_Text {
    width: 534px
}

.popup_pubg .error {
    display: none;
    font-size: 12px;
    position: absolute;
    right: 90px;
    top: 6px
}

.popup_pubg .i_Text_error .i_Text {
    width: 410px;
    padding-right: 130px
}

.popup_pubg .i_Text_error .error {
    display: block
}

.popup_pubg .w-Selectsearch {
    float: left;
    margin-right: 10px;
    margin-bottom: 10px
}

.popup_pubg .pinterest-op {
    padding-right: 80px
}

.popup_slide {
    height: 540px;
    border-radius: 0;
    background: 0 0
}

.popup_slide .icon_close {
    position: absolute;
    top: -10px;
    right: -10px;
    z-index: 9
}

.popup_slide-main,
.popup_slide_list {
    position: absolute;
    top: 0;
    bottom: 0
}

.popup_slide-main {
    width: 950px;
    left: 0;
    background: #1c1c1d;
    overflow: hidden
}

.popup_slide-pic {
    width: 100%;
    height: 100%;
    display: flex
}

.popup_slide-pic li {
    height: 100%;
    flex-shrink: 0
}

.popup_slide-img {
    width: 100%;
    position: relative;
    height: 510px
}

.popup_slide-img img {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
    margin: auto
}

.popup_slide-intr {
    height: 30px;
    line-height: 30px;
    padding: 0 10px;
    background: rgba(0, 0, 0, .5);
    color: #fff;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.popup_slide-intr .pinterest-action {
    margin-left: 10px;
    margin-top: 5px
}

.popup_slide-next,
.popup_slide-prev {
    position: absolute;
    top: 50%;
    z-index: 99;
    opacity: .5
}

.popup_slide-next:hover,
.popup_slide-prev:hover {
    opacity: 1
}

.popup_slide-prev {
    left: 20px
}

.popup_slide-next {
    right: 20px
}

.nextStop,
.prevStop {
    display: none
}

.popup_slide_list {
    width: 162px;
    right: 0;
    background: #19191A;
    padding-top: 20px
}

.popup_slide_list h2 {
    margin: 0 20px;
    color: #FFF;
    font-weight: 700
}

.popup_slide_list ul {
    margin-top: 14px;
    height: 492px;
    overflow-y: auto;
    overflow-x: hidden;
    padding: 0 20px
}

.popup_slide_list ul::-webkit-scrollbar {
    width: 4px;
    height: 0;
    background-color: transparent
}

.popup_slide_list ul::-webkit-scrollbar-track {
    box-shadow: inset 0 0 2px rgba(0, 0, 0, 0);
    border-radius: 2px;
    background-color: transparent
}

.popup_slide_list ul::-webkit-scrollbar-thumb {
    border-radius: 10px;
    box-shadow: inset 0 0 2px rgba(0, 0, 0, 0);
    background-color: #404040
}

.popup_slide_list ul li {
    position: relative;
    margin-bottom: 10px;
    width: 122px;
    height: 80px;
    overflow: hidden;
    background: url(../images/site/122x80.png)
}

.popup_slide_list ul li img {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
    margin: auto
}

.popup_slide_list ul li span {
    position: absolute;
    right: 0;
    top: 0;
    font-size: 12px;
    color: #EEA20E;
    background: #33353B;
    border-radius: 2px;
    padding: 2px;
    z-index: 10
}

.swiper-button-disabled {
    display: none
}

.popup_trans .popup-cont {
    padding: 20px 54px
}

.popup_trans .popup-section-title {
    margin: 0 0 10px 0;
    font-size: 14px
}

.popup_trans .packcard {
    width: 665px;
    margin: 0
}

.popup_trans .packcard li {
    margin-top: 0;
    margin-right: 10px;
    margin-bottom: 10px
}

.popup_trans .check-result {
    height: 38px;
    line-height: 38px;
    position: absolute;
    right: 160px;
    top: 0
}

.popup_trans .upload-pics .upload-item {
    margin-right: 16px
}

.popup_trans .packcard2 {
    max-height: 120px
}

.popup_trans-tb {
    margin-top: 10px
}

.popup_trans-tb td {
    padding: 10px 0
}

.popup_trans-tb .i_Text {
    width: 100%;
    box-sizing: border-box
}

.popup_trans-tb .popup_trans-tip {
    position: absolute;
    right: 20px;
    top: 10px
}

.popup_trans-tip {
    text-align: center;
    font-size: 14px;
    color: #90969C
}

.popup_trans-tip .icon {
    margin-right: 6px
}

.popup .pay-way li {
    font-weight: inherit;
    font-size: 14px;
    padding: 0 10px;
    margin: 0 6px 6px 0
}

.popup .pay-way.offFlex ul {
    display: block
}

.popup .pay-way.offFlex li {
    margin-right: 20px
}

.popup .pay-way.splitpay-way ul {
    width: 278px;
    display: grid;
    gap: 8px;
    grid-template-columns: repeat(2, 1fr)
}

.popup .pay-way.splitpay-way li {
    margin: 0
}

.popup .pay-way li span {
    color: #A3A3A3
}

.popup .pay-way li.on span {
    color: #4773c8
}

.popup-error {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(4, 4, 4, .5);
    z-index: 999
}

.popup-error .popup-error-text {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center
}

.popup-error .popup-error-text .icon {
    margin-right: 6px
}

.popup-error .popup-error-text p {
    display: inline-block;
    max-width: 90%;
    min-width: 60%;
    padding: 24px 40px;
    line-height: 24px;
    text-align: left;
    color: #fff;
    background: #323B47;
    white-space: nowrap
}

.popup-real-types {
    display: flex;
    justify-content: space-between;
    padding: 40px 20px
}

.popup-real-types li {
    cursor: default;
    text-align: center;
    width: 240px;
    height: 80px;
    line-height: 80px;
    background: #FFF;
    border: 1px solid #E3E3E3;
    border-radius: 2px;
    font-size: 16px;
    color: #515151
}

.popup-real-types li .icon {
    margin-right: 12px
}

.popup-real-types li:hover {
    border-color: #EEA20E
}

.popup-qrbox {
    margin: 20px auto;
    width: 200px;
    height: 200px;
    line-height: 200px;
    text-align: center;
    border: 1px solid #979797;
    position: relative
}

.popup-qrbox img {
    line-height: 200px;
    display: inline-block;
    margin: 0 auto
}

.popup-qrbox .icon_qr {
    position: absolute;
    top: -6px;
    right: -6px;
    z-index: 99
}

.popup-qrbox2 {
    margin: 10px auto 0;
    width: 160px;
    height: 160px;
    box-sizing: border-box;
    padding: 10px;
    border: 1px solid #F3F3F3
}

.popup-qrbox2 img {
    line-height: 0;
    display: block
}

.popup-qrbox2 .i_Btn {
    display: none !important
}

.popup-qrbox2.off {
    position: relative
}

.popup-qrbox2.off .i_Btn {
    position: absolute;
    display: block !important;
    top: 50%;
    margin-top: -15px;
    left: 50%;
    margin-left: -40px
}

.popup-qrbox2.off:before {
    position: absolute;
    content: "";
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(243, 243, 243, .8)
}

.popup .popup-idcard-inter {
    padding: 40px 54px
}

.popup .popup-idcard-inter h3 {
    color: #959595
}

.popup .popup-idcard-inter ul li {
    padding: 30px 20px;
    background: #fff;
    margin: 16px 0;
    cursor: pointer;
    border: 1px solid #fff
}

.popup .popup-idcard-inter ul li:hover {
    border-color: #f0f0f0
}

.popup .popup-ways-inter {
    padding: 24px 54px
}

.popup .popup-ways-inter h3 {
    color: #959595
}

.popup .popup-ways-inter ul {
    display: flex;
    justify-content: space-between;
    margin: 16px 0 16px
}

.popup .popup-ways-inter ul li {
    background: #fff;
    cursor: pointer;
    border: 1px solid #fff;
    width: 240px;
    height: 168px;
    position: relative;
    text-align: center
}

.popup .popup-ways-inter ul li:hover {
    border-color: #f0f0f0
}

.popup .popup-ways-inter ul li div .icon2x {
    margin: 38px 0 0
}

.popup .popup-ways-inter ul li h4 {
    margin: 8px 0
}

.popup-cert-manual {
    margin: 0 30px
}

.popup-cert-manual .scope-uploads {
    margin: 0 0 20px
}

.popup-cert-manual .scope-uploads h4 {
    color: #959595;
    margin: 0 0 20px
}

.popup-cert-manual .scope-uploads h4 .icon_arr_right {
    border-color: #4D80E1
}

.popup-cert-manual .scope-uploads h4 a:hover .icon_arr_right {
    border-color: #6296FB
}

.popup-cert-manual .scope-file {
    display: flex;
    justify-content: space-between
}

.popup-cert-manual .scope-file>div {
    background: #FFF;
    border: 1px dashed #E3E3E3;
    border-radius: 2px;
    width: 240px;
    height: 168px;
    overflow: hidden;
    text-align: center;
    position: relative
}

.popup-cert-manual .scope-file>div .tag {
    position: absolute;
    left: 0;
    top: 0;
    background: #5F5F5F;
    color: #C6CAD0;
    border-radius: 0
}

.popup-cert-manual .scope-file>div div {
    width: 100%;
    height: 100%
}

.popup-cert-manual .scope-file .scope-pic {
    display: flex
}

.popup-cert-manual .scope-file img {
    max-width: 100%;
    max-height: 100%;
    margin: auto
}

.popup-cert-manual .scope-upload-btn {
    position: relative
}

.popup-cert-manual .scope-upload-btn input {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 20;
    opacity: 0
}

.popup-cert-manual .scope-upload-btn .icon_upload {
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -12px 0 0 -12px;
    cursor: pointer;
    z-index: 10
}

.popup-cert-manual .scope-upload-btn img {
    position: relative;
    z-index: 15
}

.inivte-frame {
    margin: -14px 0 0;
    position: relative;
    z-index: 3;
    height: 370px;
    text-align: center
}

.inivte-frame .input-cont {
    margin-top: 4px
}

.inivte-frame .input-cont .i_Text {
    width: 100%;
    box-sizing: border-box;
    padding-right: 160px
}

.inivte-frame .input-cont .error {
    font-size: 12px;
    position: absolute;
    right: 12px;
    top: 6px
}

.inivte-frame .i_Btn_long {
    width: 122px
}

.inivte-frame .i_Btn_hollow {
    width: 122px
}

.popup_wx .popup-cont {
    height: 278px;
    overflow: hidden
}

.popup_wx .icon_expired {
    display: block;
    margin: 110px auto 0
}

.epay {
    max-height: 480px;
    overflow-y: auto;
    margin: 0 -20px 20px;
    padding: 0 20px
}

.epay .del_price {
    width: 100%;
    height: 18px;
    margin-top: 4px;
    text-align: center;
    line-height: 18px
}

.epay .scope-count {
    margin: 10px 0 0
}

.epay .scope-count strong {
    color: #eea20e;
    font-size: 28px;
    margin-left: 8px
}

.epay .scope-count del {
    margin: 0 0 0 9px
}

.epay h4 {
    margin-left: 34px
}

.epay ul {
    margin: 10px -20px 0
}

.epay ul li {
    padding: 16px 54px;
    min-height: 40px;
    position: relative;
    width: 492px;
    display: flex;
    align-items: center;
    gap: 14.5px 20px;
    flex-wrap: wrap
}

.epay ul li .tag_recommand {
    border: 1px solid #EEA20E;
    color: #EEA20E;
    background: 0 0;
    margin-left: 10px
}

.epay ul li:hover {
    background: #f5f5f5
}

.epay ul li:hover .epay-check {
    background: #ebebeb
}

.epay ul li:active {
    background: #eaeaea
}

.epay ul li:active .epay-check {
    background: #eaeaea
}

.epay ul li>div {
    flex: 1
}

.epay ul li>div p {
    margin: 8px 0 0
}

.epay ul li>div p span {
    color: #515151;
    margin: 0 3px
}

.epay ul li .epay-check {
    width: 100%;
    box-sizing: border-box;
    flex: auto;
    height: 56px;
    display: flex;
    align-items: center;
    gap: 4px;
    background: #f0f0f0;
    margin-bottom: -16px
}

.epay ul li .epay-check:hover {
    background: #ebebeb
}

.epay ul li .epay-check:active {
    background: #eaeaea
}

.epay ul li .epay-check .epay-check-tips {
    margin-left: auto
}

.epay ul li .epay-check>span {
    flex: 1;
    height: 100%;
    padding: 0 36px 0 60px;
    margin: 0;
    display: flex;
    align-items: center;
    color: #515151;
    font-size: 14px
}

.epay ul li .epay-check>span .icon {
    margin: 0 8px 0 0 !important
}

.epay ul li .epay-check>span .icon.icon_qa {
    margin-top: 0 !important;
    margin-left: 4px !important;
    transform: scale(.75);
    transform-origin: left center
}

.epay ul li .epay-check>span label {
    line-height: 100%
}

.epay ul .scope-line {
    height: 0;
    overflow: hidden;
    border-top: 1px solid #E7E7E7;
    width: 492px;
    position: absolute;
    bottom: 0;
    left: 54px
}

.epay .a_Black {
    margin-left: 6px
}

.epay .a_Black:hover {
    color: #4D8FE7
}

.epay+div {
    padding-left: 34px
}

.epay .unselectable-pay-item {
    opacity: .32
}

.epay .unselectable-pay-item .icon_checkbox_big {
    display: none
}

.popup-payed {
    padding: 0 10px 10px
}

.popup-payed h3 {
    color: #90969C
}

.popup-payed div {
    margin: 20px 0 6px;
    position: relative
}

.popup-payed div .i_Btn {
    width: 100%;
    box-sizing: border-box
}

.popup-payed p {
    font-size: 12px;
    color: silver
}

.popup-payed .tag_recommand {
    position: absolute;
    top: 0;
    right: 0;
    background: #069B17;
    margin: 0
}

.popup-splitpay {
    background: #FAFAFA;
    position: relative;
    padding-bottom: 50px !important
}

.popup-splitpay .scroll-cont {
    max-height: 600px;
    min-height: 500px;
    overflow-y: scroll
}

.popup-splitpay.popup-cont {
    padding: 0
}

.popup-splitpay .icon_qa {
    margin: -3px 0 0 3px;
    opacity: .6
}

.splitpay-status {
    background: #fff;
    padding: 20px 54px
}

.splitpay-progress p {
    display: flex;
    justify-content: space-between
}

.splitpay-progress .scope-progress {
    background: rgba(238, 162, 14, .16);
    border-radius: 4px;
    height: 8px;
    overflow: hidden;
    margin: 6px 0 0
}

.splitpay-progress .scope-progress-bar {
    background: #EEA20E;
    border-radius: 4px;
    height: 8px;
    overflow: hidden
}

.splitpay-money {
    display: flex;
    justify-content: space-between;
    padding: 40px 54px 20px
}

.splitpay-money .i_Text_splitpay {
    box-sizing: border-box;
    width: 278px;
    height: 38px;
    line-height: 38px;
    background: #FFF;
    border: 1px solid #E3E3E3;
    border-radius: 2px;
    font-size: 20px;
    color: #EEA20E;
    text-align: center;
    font-weight: 700;
    margin: 8px 0
}

.splitpay-money .i_Text_splitpay:focus {
    border-color: #EEA20E
}

.splitpay-money .i_Text_splitpay_error {
    background: rgba(221, 47, 11, .03);
    border: 1px solid rgba(221, 47, 11, .5);
    color: #D10D1C
}

.splitpay-money .splitpay-moneys {
    font-size: 0
}

.splitpay-money .splitpay-moneys span {
    background: #FFF;
    border: 1px solid #E3E3E3;
    border-radius: 2px;
    width: 84px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    display: inline-block;
    font-size: 14px;
    margin-right: 10px;
    cursor: pointer
}

.splitpay-money .splitpay-moneys span:hover {
    border-color: #EEA20E
}

.splitpay-money .scope-qr {
    display: flex;
    flex-direction: column;
    justify-content: center
}

.splitpay-money .scope-qr .qr-cont {
    background: #FAFAFA;
    border: 1px solid #F3F3F3;
    width: 160px;
    height: 160px;
    box-sizing: border-box;
    padding: 10px;
    position: relative
}

.splitpay-money .scope-qr .qr-mask {
    position: absolute;
    left: 0;
    top: 0;
    background: rgba(243, 243, 243, .8);
    width: 100%;
    height: 100%;
    display: flex;
    flex-wrap: wrap
}

.splitpay-money .scope-qr .qr-mask .i_Btn_splitpay {
    margin: auto
}

.splitpay-money .scope-qr p {
    text-align: center;
    margin: 6px 0 0;
    color: #515151
}

.i_Btn_splitpay {
    background: #1aad19;
    border-radius: 2px;
    display: inline-block;
    height: 36px;
    line-height: 36px;
    width: 110px;
    text-align: center;
    color: #fff !important
}

.i_Btn_splitpay:hover {
    background: #28c724
}

.i_Btn_splitpay:active {
    background: #069b17
}

.i_Btn_splitpay.is-red {
    background: #E9513F
}

.i_Btn_splitpay.is-red:hover {
    background: #FA5B5B
}

.i_Btn_splitpay.is-red:active {
    background: #DD2F0B
}

.splitpay-list {
    padding: 20px 54px
}

.splitpay-list li {
    background: #FFF;
    border: 1px solid #E3E3E3;
    border-radius: 2px;
    padding: 12px;
    margin: 10px 0;
    color: #959595;
    position: relative
}

.splitpay-list li h4 {
    color: #515151
}

.splitpay-list li>span {
    position: absolute;
    right: 20px;
    top: 50%;
    margin-top: -10px
}

.splitpay-list li .c_Green {
    color: #089C19
}

.splitpay-list li .c_Red {
    color: #D10D1C
}

.splitpay-list .scope-desc {
    width: 390px
}

.splitpay-list .scope-reson {
    margin: 6px 0;
    line-height: 20px;
    min-height: 5px;
    max-height: 40px;
    overflow: hidden
}

.splitpay-foot {
    position: absolute;
    bottom: 20px;
    left: 0;
    width: 100%
}

.splitpay-foot a {
    margin: 0 9px
}

.splitpay-tips {
    font-size: 12px;
    margin-top: 8px;
    color: #FA5B5B;
    display: flex;
    align-items: center
}

.splitpay-tips span {
    margin: 0 2px
}

.popup_weixin {
    background-image: linear-gradient(180deg, #e4edff 0, #fafafa 60%);
    text-align: center
}

.popup_weixin .popup-close {
    top: 9px;
    right: 9px
}

.popup_weixin .scope-qr {
    margin: 6px 0 10px
}

.popup_weixin .scope-qr img {
    background: #fff;
    border: 1px solid #F3F3F3;
    padding: 10px
}

.popup_weixin .scope-title {
    letter-spacing: 4px
}

.popup_weixin .scope-code {
    width: 162px;
    margin: 4px auto 20px;
    background: #F1F6FF;
    border-radius: 3.84px;
    font-size: 24px;
    line-height: 24px;
    padding: 10px 0;
    text-align: center;
    position: relative;
    overflow: hidden
}

.popup_weixin .scope-code span {
    padding: 0 5px;
    display: inline-block
}

.popup_weixin .scope-code p {
    position: absolute;
    bottom: 0;
    width: 0%;
    left: 0;
    content: "";
    height: 2px;
    background: #4773c8
}

.popup_weixin h3 {
    color: #515151;
    padding-top: 20px
}

.popup_weixin ul {
    text-align: left;
    font-size: 12px;
    padding: 0 20px 20px 50px
}

.popup_weixin ul li {
    color: #A3A3A3;
    line-height: 24px
}

.popup_weixin ul li::before {
    content: "\2022";
    color: #4773c8;
    font-weight: 700;
    display: inline-block;
    width: 1.5em;
    margin-left: -1.5em
}

@keyframes flipInX {
    from {
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        animation-timing-function: ease-in
    }

    40% {
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        animation-timing-function: ease-in
    }

    60% {
        transform: perspective(400px) rotate3d(1, 0, 0, 10deg)
    }

    80% {
        transform: perspective(400px) rotate3d(1, 0, 0, -5deg)
    }

    to {
        transform: perspective(400px)
    }
}

.flipInX {
    backface-visibility: visible !important;
    -webkit-animation-name: flipInX;
    animation-name: flipInX;
    animation-duration: .1s;
    animation-fill-mode: both
}

.flipInX:nth-of-type(1) {
    animation-delay: .2s
}

.flipInX:nth-of-type(2) {
    animation-delay: .3s
}

.flipInX:nth-of-type(3) {
    animation-delay: .4s
}

.flipInX:nth-of-type(4) {
    animation-delay: .5s
}

.flipInX:nth-of-type(5) {
    animation-delay: .6s
}

.popup_custom {
    padding-top: 32px
}

.popup_custom .popup-btns {
    display: flex;
    padding: 0 10px 20px;
    justify-content: space-between
}

.popup_custom .popup-btns .i_Btn {
    flex: 1
}

.popup_custom .popup-btns>.t_Center {
    width: 100%
}

.popup_custom-title {
    font-size: 16px;
    color: #515151;
    font-weight: 700;
    margin-bottom: 20px
}

.popup_custom-input {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.popup_custom-input .i_Text {
    text-align: center;
    min-width: 124px
}

.popup_flower .popup-cont {
    flex-wrap: wrap
}

.popup_flower-filters {
    box-sizing: border-box;
    height: 50px;
    padding: 0 8px;
    display: flex;
    align-items: center;
    background: #fafafa;
    flex-basis: 100%;
    z-index: 999
}

.popup_flower-filters .w-Select {
    max-width: 112px;
    margin-right: 8px
}

.popup_flower-filters .w-Search {
    margin-left: auto;
    flex: 0 1 auto;
    align-items: center
}

.popup_flower-filters .w-Search a {
    height: 34px
}

.popup_flower-filters .w-Search .i_Text {
    height: 34px;
    box-sizing: border-box
}

.popup_flower .range-slider {
    height: 20px;
    padding: 0 8px;
    margin-bottom: 12px
}

.popup_flower .popup-cont {
    height: 454px;
    padding: 0;
    display: flex
}

.popup_flower .popup_flower-aside .i_Text {
    width: 100px !important;
    padding: 3px 6px !important
}

.popup_flower-aside {
    width: 160px;
    height: calc(100% - 50px);
    display: flex;
    flex-direction: column;
    border-right: 1px solid #e3e3e3;
    border-top: 1px solid rgba(217, 217, 217, .5);
    box-sizing: border-box
}

.popup_flower-aside-top {
    text-align: right;
    padding-top: 10px;
    padding-bottom: 6px
}

.popup_flower-aside-top .w-Search a {
    padding: 0 10px
}

.popup_flower-aside-con {
    flex: 1;
    overflow-y: auto
}

.popup_flower-aside-con li {
    cursor: pointer;
    height: 32px;
    line-height: 30px;
    padding: 0 9px;
    font-size: 12px;
    color: #515151;
    border-bottom: 1px solid #e3e3e3;
    background: #fff;
    box-sizing: border-box;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.popup_flower-aside-con li:hover {
    background: #F8F8F8
}

.popup_flower-con {
    width: 640px;
    padding: 0 16px;
    box-sizing: border-box;
    height: calc(100% - 50px);
    border-top: 1px solid rgba(217, 217, 217, .5);
    overflow-y: auto
}

.popup_flower-con .name-cont h3 {
    font-size: 16px;
    color: #515151;
    margin-bottom: 9px;
    max-width: 460px
}

.popup_flower-con .name-cont .f_Strong {
    font-size: 17px
}

.popup_flower-con .grid_tb {
    width: 608px
}

.popup_flower-list {
    display: flex;
    align-items: center
}

.popup_flower-list.disabled>li:before {
    content: "";
    display: none
}

.popup_flower-list>li {
    position: relative;
    margin-right: 16px;
    display: flex;
    align-items: center
}

.popup_flower-list>li .scope-copy {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 50px;
    background: rgba(0, 0, 0, .5);
    height: 16px;
    line-height: 15px;
    text-align: center;
    font-size: 12px;
    cursor: pointer;
    display: none
}

.popup_flower-list>li .scope-copy .icon_copy {
    opacity: .7;
    margin: -2px 3px 0 -1px
}

.popup_flower-list>li .scope-copy:hover {
    color: #fff
}

.popup_flower-list>li .scope-copy:hover .icon_copy {
    opacity: 1
}

.popup_flower-list>li:hover .scope-copy {
    display: block
}

.popup_flower-list>li:before {
    content: "";
    width: 16px;
    height: 16px;
    margin-right: 8px;
    text-align: center;
    font-size: 10px;
    line-height: 12px;
    color: #fff;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 16px 16px;
    background-image: url(../images/site/icon_seat_default.png)
}

.popup_flower-list>li:first-of-type:before {
    content: "1"
}

.popup_flower-list>li:nth-child(2):before {
    content: "2"
}

.popup_flower-list>li:nth-child(3):before {
    content: "3"
}

.popup_flower-list>li:nth-child(4):before {
    content: "4"
}

.popup_flower-list>li:first-of-type:before {
    content: "1"
}

.popup_flower-list>li.on:before {
    background-image: url(../images/site/icon_seat_selected.png)
}

.popup_flower-list>li>.icon_delete {
    position: absolute;
    top: -8px;
    right: -14px
}

.popup_flower-list>li>div {
    cursor: move;
    width: 48px;
    border: 1px dotted #979797;
    border-radius: 2px;
    height: 48px;
    display: flex;
    justify-content: center;
    align-items: center
}

.popup_flower-list>li>div img {
    max-width: 80%
}

.popup_weaponbox {
    background-color: #fff
}

.popup_weaponbox .popup-cont {
    display: flex;
    padding: 0
}

.popup_weaponbox .weapon-col1 {
    width: 360px;
    max-height: 600px;
    overflow-y: auto
}

.popup_weaponbox .weapon-col2 {
    background-color: #fafafa;
    max-height: 600px;
    overflow-y: auto;
    flex: 1
}

.popup_weaponbox .weapon-col2>div:first-child {
    margin-top: 16px !important
}

.popup_weaponbox .weapon-col2 li:hover {
    background-color: #F5F5F5
}

.popup_weaponbox .weapon-col2 li:after {
    width: 92.5%
}

.popup_weaponbox .weapon-cate {
    margin: 0 20px;
    text-align: center;
    color: #fff;
    height: 24px;
    line-height: 24px
}

.weapon-list li {
    display: flex;
    padding: 0 20px;
    position: relative;
    cursor: pointer;
    user-select: none
}

.weapon-list li.on .icon_arr_up_big {
    transform: rotate(180deg)
}

.weapon-list li:after {
    content: '';
    display: block;
    position: absolute;
    width: 89%;
    height: 1px;
    background: rgba(233, 233, 233, .5);
    left: 20px;
    bottom: 0
}

.weapon-list li.on,
.weapon-list li:hover {
    background: #FAFAFA
}

.weapon-list li .weapon-pic {
    display: flex;
    height: 98px
}

.weapon-list li .pic-cont {
    position: relative;
    text-align: center;
    background: url(/img/item_bg.png);
    background-size: cover;
    margin: auto;
    width: 88px;
    height: 66px;
    display: flex
}

.weapon-list li .pic-cont img {
    margin: auto;
    max-width: 80%;
    height: 80%
}

.weapon-list li .pic-cont .icon2x_examine {
    position: absolute;
    left: 0
}

.weapon-list li .pic-desc {
    margin-left: 9px;
    display: flex;
    width: 100%
}

.weapon-list li .pic-desc>div {
    margin: auto;
    width: 100%
}

.weapon-list li .pic-desc h3 {
    line-height: 20px;
    width: 100%
}

.weapon-list li .pic-desc h4 {
    color: #EEA20E;
    font-weight: 700;
    margin: 8px 0 2px
}

.weapon-list li .pic-desc a:link,
.weapon-list li .pic-desc a:visited {
    color: #515151
}

.weapon-list li .pic-desc a:hover {
    color: #eea20e
}

.weapon-list li .pic-desc a:active {
    color: #cd931d
}

.weapon-list-tb tr:hover {
    background: #FAFAFA
}

.weapon-list-tb td {
    padding: 16px 6px;
    border-bottom: 1px solid rgba(233, 233, 233, .5);
    cursor: pointer
}

.weapon-list-tb .pic-cont {
    text-align: center;
    background: url(/img/item_bg.png);
    background-size: cover;
    margin: 0 auto;
    width: 88px;
    height: 66px;
    margin-left: 14px
}

.weapon-list-tb .pic-cont img {
    margin: auto;
    max-width: 80%;
    height: 80%
}

.weapon-list-tb .pic-desc h3 {
    line-height: 20px
}

.weapon-list-tb .pic-desc h4 {
    color: #EEA20E;
    font-weight: 700;
    margin: 4px 0
}

.weapon-list-tb .pic-desc a:link,
.weapon-list-tb .pic-desc a:visited {
    color: #515151
}

.weapon-list-tb .pic-desc a:hover {
    color: #eea20e
}

.weapon-list-tb .pic-desc a:active {
    color: #cd931d
}

.goodsbg-list {
    width: 690px;
    height: 400px;
    overflow: auto
}

.goodsbg-list li {
    float: left;
    margin: 0 18px 18px 0;
    cursor: pointer;
    position: relative;
    box-sizing: border-box;
    width: 210px;
    height: 138px;
    overflow: hidden;
    border: 1px solid transparent
}

.goodsbg-list li.on {
    border: 1px solid #EEA20E
}

.goodsbg-list li.on .icon {
    display: block
}

.goodsbg-list li:hover {
    border: 1px solid #EEA20E
}

.goodsbg-list li:hover .icon {
    display: block
}

.goodsbg-list li .icon {
    position: absolute;
    right: 0;
    bottom: 0;
    display: none
}

.goodsbg-list li img {
    width: 210px;
    position: absolute;
    left: 0;
    top: 0
}

#j_popup_pay_password {
    border-radius: 2px;
    overflow: hidden;
    background-color: #fff
}

#j_popup_pay_password .popup-cont {
    padding: 10px 0 20px
}

#j_popup_pay_password .popup-header {
    border: none
}

#j_popup_pay_password .popup-header h2 {
    font-size: 14px;
    font-weight: 400
}

#j_password_hide {
    visibility: hidden
}

.popup-pay-password {
    padding: 10px 0
}

.popup-pay-password h3 {
    font-size: 28px;
    line-height: 32px;
    font-weight: 700;
    color: #EEA20E
}

.popup-pay-password .scope-password {
    font-size: 0;
    margin: 20px 0
}

.popup-pay-password .scope-password input {
    border-radius: 1px;
    box-sizing: border-box;
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    background: #F6F6F6;
    border: none;
    margin: 0 1px;
    font-size: 18px
}

.popup-pay-password .scope-password input:focus {
    background: rgba(238, 162, 14, .03);
    border: 1px solid #EEA20E
}

.popup-pay-password p {
    color: #999;
    font-size: 12px;
    margin: 30px 0 10px
}

.popup-pay-password p a {
    margin: 0 6px
}

.popup-select-bank {
    display: flex;
    flex-direction: column;
    height: 500px
}

.popup-select-bank .search {
    position: relative
}

.popup-select-bank .search .icon_search {
    position: absolute;
    left: 9px;
    top: 12px
}

.popup-select-bank .search input {
    width: 504px;
    height: 38px;
    border-radius: 2px;
    background: #FAFAFA;
    outline: 0;
    border: 1px solid #E9E9E9;
    padding-left: 28px;
    box-sizing: border-box
}

.popup-select-bank .search .active_ipt {
    background: rgba(238, 162, 14, .03);
    border: 1px solid #EEA20E
}

.popup-select-bank .bank_list {
    flex: 1;
    overflow-y: auto;
    margin: 18px 0 0;
    padding: 0 0 6px
}

.popup-select-bank .bank_list .bank_category {
    font-family: MicrosoftYaHei;
    letter-spacing: 0;
    font-weight: 400
}

.popup-select-bank .bank_list .bank_category .initial {
    margin: 15px 48px;
    font-size: 12px;
    color: #959595
}

.popup-select-bank .bank_list .bank_category .banks .bank {
    width: 100%;
    height: 40px;
    line-height: 40px;
    background-color: #fff;
    cursor: pointer
}

.popup-select-bank .bank_list .bank_category .banks .bank a {
    display: inline-block;
    box-sizing: border-box;
    width: 504px;
    height: 40px;
    padding-left: 20px;
    margin: 0 48px;
    border-bottom: 1px solid #E3E3E3;
    font-size: 14px;
    color: #515151
}

.popup-select-bank .bank_list .bank_category .banks .bank:last-child a {
    border-bottom: none
}

.popup-select-bank .bank_list .bank_category .banks .bank_hover {
    background-color: #F8F8F8
}

.popup-select-bank .bank_list .none {
    text-align: center;
    line-height: 442px
}

.popup_g101_bind {
    padding: 32px 0 20px;
    height: auto
}

.popup_g101_bind h3 {
    padding-left: 30px;
    font-size: 16px;
    line-height: 21px;
    font-weight: 700;
    position: relative;
    margin-bottom: 20px
}

.popup_g101_bind h3::before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 10px;
    height: 16px;
    background: #EEA20E
}

.popup_g101_bind h4 {
    font-size: 14px;
    line-height: 18px
}

.popup_g101_bind .popup-select {
    padding: 0 48px;
    display: flex;
    justify-content: space-between
}

.popup_g101_bind .popup-select>div {
    display: flex;
    flex-direction: column;
    align-items: center
}

.popup_g101_bind .popup-select a {
    display: block;
    width: 120px;
    height: 120px;
    border-radius: 50%;
    margin-bottom: 16px
}

.popup_g101_bind .popup-select-code {
    background: center/80px url(../images/g101/icon_code.png) no-repeat, linear-gradient(180deg, #d2bb75 .05%, #eee09e 100%)
}

.popup_g101_bind .popup-select-qr {
    background: center/80px url(../images/g101/icon_logo.png) no-repeat, linear-gradient(180deg, #1a1817 0, #3f0b0b 100%)
}

.popup_g101_bind .popup-content {
    padding: 0 30px
}

.popup_g101_bind .popup-content input {
    box-sizing: border-box;
    width: 300px;
    margin-top: 20px
}

.popup_g101_bind .bind-desc {
    font-size: 14px;
    line-height: 25px;
    color: #515151
}

.popup_g101_bind .bind-desc a {
    color: #4773c8
}

.popup_g101_bind .popup-button {
    margin-top: 20px;
    display: flex;
    justify-content: space-between
}

.popup_g101_bind .popup-button a {
    box-sizing: border-box;
    width: 140px;
    height: 42px
}

.popup_g101_bind_qr {
    padding: 40px 0
}

.popup_g101_bind_qr .popup-content {
    display: flex;
    flex-direction: column;
    align-items: center
}

.popup_g101_bind_qr h3 {
    font-size: 16px;
    line-height: 21px;
    margin-bottom: 32px
}

.popup_g101_bind_qr .popup-qrbox2 {
    margin: 0
}

.popup_g101_bind_qr .qr-desc {
    margin-top: 12px;
    text-align: center;
    color: #515151;
    font-size: 12px;
    line-height: 16px
}

.popup_bulkbuy .popup-cont {
    display: flex;
    padding: 24px 54px
}

.popup_bulkbuy_item {
    box-sizing: border-box;
    padding: 16px;
    border: 1px solid #E3E3E3;
    background: #FFF;
    width: 246px;
    margin-right: 24px
}

.popup_bulkbuy_item img {
    width: 100%;
    height: 140px
}

.popup_bulkbuy_item h3 {
    display: -webkit-box;
    width: 100%;
    color: #515151;
    margin-top: 16px;
    height: 44px;
    line-height: 22px;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical
}

.popup_bulkbuy_item p {
    margin-top: 12px
}

.popup_bulkbuy_info {
    flex: 1;
    display: flex;
    flex-direction: column
}

.popup_bulkbuy_price {
    flex: 1;
    box-sizing: border-box;
    border: 1px solid #E3E3E3;
    background: #FFF;
    display: flex;
    position: relative;
    min-height: 90px;
    max-height: 100px
}

.popup_bulkbuy_price::after {
    content: '';
    width: .5px;
    height: 32px;
    background: silver;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.popup_bulkbuy_price>div {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center
}

.popup_bulkbuy_price h3 {
    color: #EEA20E;
    font-size: 18px;
    margin-bottom: 4px
}

.popup_bulkbuy_row {
    display: flex;
    align-items: center;
    margin-top: 24px
}

.popup_bulkbuy_row_header {
    width: fit-content;
    min-width: 80px;
    display: flex;
    align-items: center;
    white-space: nowrap;
    margin-right: 6px
}

.popup_bulkbuy_row_content {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.popup_bulkbuy_row_content .w-Select,
.popup_bulkbuy_row_content .w-Select-Multi {
    width: 142px
}

.popup_bulkbuy_row_content .w-Select-Multi:nth-child(n+2),
.popup_bulkbuy_row_content .w-Select:nth-child(n+2) {
    margin-left: 12px
}

.popup_bulkbuy_input {
    flex: 1;
    position: relative
}

.popup_bulkbuy_input.input-price .input-price--prefix {
    position: absolute;
    left: 14px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 14px;
    text-align: center;
    z-index: 1;
    color: #959595
}

.popup_bulkbuy_input.input-price input.i_Text {
    padding-left: 28px
}

.popup_bulkbuy_input.input-price input.i_Text:focus+.input-price--prefix,
.popup_bulkbuy_input.input-price input.i_Text:not(:placeholder-shown)+.input-price--prefix {
    color: #333
}

.popup_bulkbuy_input.input-price .hide-cny {
    position: absolute;
    left: 14px;
    bottom: 0;
    transform: translateY(100%);
    color: #959595
}

.popup_bulkbuy_input input.i_Text {
    padding-left: 16px;
    box-sizing: border-box;
    width: 100%
}

.popup_bulkbuy_input_tips {
    position: absolute;
    right: 16px;
    top: 50%;
    transform: translateY(-50%)
}

.popup_bulkbuy_input_tips strong {
    color: #4773c8;
    font-weight: 400
}

.popup_bundle .list_card_small2 ul {
    margin-left: -4px;
    width: 1000px
}

.popup_bundle .list_card_small2 li {
    margin: 0 8px 8px 0
}

.popup_bundle .weapon-list {
    width: 900px
}

.popup_bundle .weapon-list li {
    color: #515151;
    width: 386px;
    margin: 0 8px 8px 0;
    float: left;
    border: none;
    background-color: #E9E9E980
}

.popup_bundle .weapon-list li .scope_count {
    font-weight: 700;
    display: flex
}

.popup_bundle .weapon-list li .scope_count span {
    margin: auto;
    color: #333
}

.popup_bundle .weapon-list li .pic-desc h4 span,
.popup_bundle .weapon-list li .pic-desc h4 strong {
    display: inline-block;
    vertical-align: middle;
    margin: 0 3px 0 0;
    line-height: 24px
}

.popup_dota2.popup_bundle .list_card_small2 li {
    height: 210px
}

.popup_dota2.popup_bundle .list_card_small2 li .img {
    padding-bottom: 0
}

.popup_dota2.popup_bundle .list_card_small2 li .img img {
    max-width: 100%
}

.popup_dota2.popup_bundle .weapon-list li .pic-cont {
    height: 58px
}

.popup_dota2.popup_bundle .weapon-list li .pic-cont img {
    max-width: 100%;
    height: auto
}

.popup_bundle-charge {
    padding: 0 20px 0;
    color: #515151
}

.popup_bundle-charge td {
    height: auto;
    padding: 0 6px
}

.floattip-bundle-list {
    margin-top: 16px !important;
    overflow: hidden
}

.floattip-bundle-list li {
    color: #E4E8EE;
    clear: both;
    overflow: hidden;
    margin: 9px 0 0;
    cursor: pointer
}

.floattip-bundle-list li .scope-thum {
    float: left;
    width: 66px;
    height: 50px;
    display: flex;
    position: relative;
    margin-right: 10px;
    background-image: linear-gradient(10deg, #999 0, #555 60%, #60636b 100%)
}

.floattip-bundle-list li .scope-thum img {
    max-width: 90%;
    max-height: 90%;
    margin: auto
}

.floattip-bundle-list li h5 {
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 12px;
    width: 190px;
    overflow: hidden;
    padding: 6px 0 3px
}

.bundle-list-more {
    text-align: center;
    background: #2E3135;
    height: 32px;
    line-height: 32px;
    border-radius: 2px;
    cursor: pointer;
    color: #aaa
}

.bundle-list-more:hover {
    color: #fff
}

.popup_bind_alipay .popup-cont {
    padding: 20px 65px 32px
}

.popup_bind_alipay .alipay-item {
    display: flex;
    align-items: center;
    width: 100%
}

.popup_bind_alipay .alipay-item:nth-child(n+2) {
    margin-top: 20px
}

.popup_bind_alipay .alipay-item .c_Gray {
    min-width: 76px;
    font-size: 12px
}

.popup_bind_alipay .alipay-item-info {
    flex: 1;
    display: flex;
    align-items: center;
    height: 38px;
    padding: 0 16px
}

.popup_bind_alipay .alipay-item .i_Input {
    flex: 1
}

.popup_bind_alipay_qr .popup-cont {
    padding: 40px 0 66px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center
}

.popup_bind_alipay_qr .qrbox {
    width: 160px;
    height: 160px;
    position: relative
}

.popup_bind_alipay_qr .qrbox img {
    width: 100%;
    height: 100%;
    object-fit: contain
}

.popup_bind_alipay_qr .qrbox-mask {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background-color: rgba(255, 255, 255, .92)
}

.popup_bind_alipay_qr .qrbox-mask p {
    margin-top: 8px;
    text-align: center
}

.popup_bind_alipay_qr .qrtips {
    color: #515151;
    text-align: center;
    line-height: 25px;
    margin-top: 16px
}

.popup_p2p {
    width: 360px;
    color: #515151;
    font-size: 14px
}

.popup_p2p .popup-cont {
    line-height: 25px
}

.popup_p2p .popup-cont>div {
    margin-top: 20px
}

.popup_p2p .popup-cont p:nth-child(n+2) {
    margin-top: 12px
}

.popup_p2p .popup-tips {
    font-size: 12px;
    line-height: 20px;
    padding: 8px;
    border-radius: 2px;
    color: #F55;
    background: rgba(209, 13, 28, .06)
}

.popup_p2p .popup-tips>div {
    display: flex;
    align-items: center
}

.popup_p2p .popup-tips>div .icon_light {
    margin-right: 4px
}

.popup_p2p .popup-tips>div:nth-child(n+2) {
    margin-top: 8px
}

.popup_p2p .popup-tips--green {
    color: #47AF52;
    background: rgba(71, 175, 82, .06)
}

.popup_p2p .popup-tips--green .w-Checkbox span {
    color: #47AF52
}

.popup_p2p .popup-reasons {
    display: flex;
    flex-wrap: wrap;
    gap: 8px
}

.popup_p2p .popup-reasons a {
    flex: 1;
    min-width: 146px;
    height: 28px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    border-radius: 1px;
    border: .5px solid #4773c8;
    color: #4773c8
}

.popup_p2p .popup-reasons a:hover {
    color: #fff;
    background: #4773c8
}

.popup_p2p .popup-reasons a:active {
    color: #fff;
    border-color: #3c61a8;
    background: #3c61a8
}

.popup_p2p .popup-reasons a.c_Red {
    color: #D10D1C;
    border-color: #D10D1C
}

.popup_p2p .popup-reasons a.c_Red:hover {
    color: #fff;
    background: #fa5b5b;
    border-color: #fa5b5b
}

.popup_p2p .popup-reasons a.c_Red:active {
    color: #fff;
    background: #DD2F0B;
    border-color: #DD2F0B
}

.popup_p2p .popup-btns {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px
}

.popup_p2p .popup-btns .i_Btn {
    flex: 1;
    margin: 0
}

.popup_p2p .popup-btns.align-center {
    justify-content: center
}

.popup_p2p .popup-btns.align-center .i_Btn {
    flex: 0
}

.popup_p2p .popup-progress {
    padding: 0 32px 38px;
    font-size: 16px;
    line-height: 21px;
    max-height: 458px;
    overflow-y: scroll
}

.popup_p2p .popup-progress>div {
    padding: 16px 0;
    display: flex;
    border-bottom: 1px solid rgba(233, 233, 233, .5)
}

.popup_p2p .popup-progress-title {
    width: 64px;
    margin-right: 24px;
    color: #959595;
    text-align: right
}

.popup_p2p .popup-progress-detail {
    flex: 1
}

.popup_p2p .popup-progress-detail-imgs {
    display: flex;
    flex-wrap: wrap;
    gap: 8px
}

.popup_p2p .popup-progress-detail-imgs img {
    width: 124px;
    height: 124px;
    object-fit: cover
}

.popup_p2p .popup-progress .c_Gray {
    margin-top: 16px;
    font-size: 12px;
    line-height: 16px;
    color: #959595
}

.popup_p2p .popup-progress-goods {
    display: flex
}

.popup_p2p .popup-progress-goods .goods-img {
    width: 88px;
    height: 66px;
    border-radius: 2px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: center/cover no-repeat url(/img/item_bg.png)
}

.popup_p2p .popup-progress-goods .goods-img img {
    width: 66px
}

.popup_p2p .popup-progress-goods .goods-info {
    align-self: center;
    flex: 1;
    margin: 0 6px
}

.popup_p2p .popup-progress-goods .goods-stickers {
    margin-top: 4px;
    display: flex;
    align-items: center;
    gap: 4px
}

.popup_p2p .popup-progress-goods .goods-stickers>div {
    width: 20px;
    height: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(180deg, #eee 0, #d8d8d8 100%)
}

.popup_p2p .popup-progress-goods .goods-stickers>div img {
    width: 16px
}

.popup_p2p .popup-progress-goods .goods-price {
    text-align: right
}

.popup_p2p .popup-progress-goods .goods-price h3 {
    font-size: 18px;
    line-height: 24px;
    font-weight: 700
}

.popup_p2p .popup-progress-goods .c_Gray {
    margin-top: 4px
}

.popup_p2p .popup-steam {
    box-sizing: border-box;
    width: 100%;
    background: rgba(71, 115, 200, .06);
    border: .5px solid rgba(69, 83, 108, .06);
    border-radius: .5px;
    height: 40px;
    padding: 0 8px;
    display: flex;
    align-items: center;
    font-size: 14px
}

.popup_p2p .popup-steam:nth-child(n+2) {
    margin-top: 16px
}

.popup_p2p .popup-steam .steam-links {
    margin-left: 4px;
    color: #45536c;
    display: flex;
    align-items: center
}

.popup_p2p .popup-steam .steam-links:hover {
    color: #536380
}

.popup_p2p .popup-steam .steam-links:active {
    color: #3a465b
}

.popup_p2p .popup-steam .c_Blue2 {
    margin-left: auto
}

.popup_p2p .popup-steam img {
    width: 24px;
    height: 24px;
    margin-left: 8px
}

.popup_p2p .popup-steam .logo_steam {
    width: 20px;
    height: 20px;
    background-size: contain
}

.popup_p2p .popup-steam .icon_arr_right {
    margin: 0;
    margin-left: 2px
}

.popup_custom_gloves {
    background: #fff
}

.popup_custom_gloves .popup-cont {
    padding: 30px 0
}

.popup_custom_gloves .popup-cont * {
    box-sizing: border-box
}

.popup_custom_gloves .popup-gloves-row {
    display: flex;
    gap: 20px;
    justify-content: space-between;
    position: relative
}

.popup_custom_gloves .popup-gloves-row>div {
    flex: 1;
    padding: 0 30px
}

.popup_custom_gloves .popup-gloves-row>div:first-child::after {
    content: '';
    position: absolute;
    top: 30px;
    left: 50%;
    transform: translateX(-50%);
    display: block;
    height: calc(100% - 60px);
    width: 1px;
    background-image: linear-gradient(to bottom, silver 0, silver 50%, transparent 50%);
    background-size: 1px 9px;
    background-repeat: y-repeat
}

.popup_custom_gloves .popup-gloves-row h3 {
    display: flex;
    align-items: center;
    color: #515151;
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 20px
}

.popup_custom_gloves .popup-gloves-row h3 .icon {
    margin-left: 8px
}

.popup_custom_gloves .popup-gloves-btns {
    display: flex;
    gap: 10px;
    margin-top: 10px
}

.popup_custom_gloves .popup-gloves-btns a {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 1;
    height: 32px;
    background: #fafafa;
    border-radius: 1px
}

.popup_custom_gloves .popup-gloves-btns a.on {
    background-color: #eea20e;
    color: #fff
}

.popup_custom_gloves .popup_custom-input .i_Text {
    width: 139px
}

#j_popup_api-tips .popup-cont .popup-tips {
    margin-top: 20px
}

#j_popup_api-tips .popup-cont .popup-tips p {
    gap: 8px
}

.popup_api {
    font-size: 12px;
    line-height: 18px
}

.popup_api .epay p {
    margin-bottom: 10px
}

.popup_api .epay .scope-count {
    margin: 0
}

.popup_api .epay .scope-count:has(.total_price) {
    display: flex;
    align-items: baseline;
    justify-content: center;
    padding-top: 11px
}

.popup_api .epay .scope-count:has(.total_price) div {
    display: flex;
    align-items: baseline
}

.popup_api .epay .scope-count .total_price {
    display: flex;
    align-items: center;
    font-size: 26px;
    margin-bottom: 2px
}

.popup_api .epay h4 {
    font-size: 12px
}

.popup_api .epay li p {
    margin-bottom: 0
}

.popup_api .popup-report {
    padding: 20px 54px 36px
}

.popup_api .popup-report span {
    margin-right: 16px;
    width: 48px;
    color: #959595
}

.popup_api .popup-report input,
.popup_api .popup-report textarea {
    flex: 1
}

.popup_api .popup-report textarea {
    min-height: 150px
}

.popup_api .api-cards {
    padding: 10px 36px 30px;
    display: flex;
    gap: 40px;
    flex-wrap: wrap
}

.popup_api .api-cards>li {
    box-sizing: border-box;
    width: 224px;
    height: 160px;
    padding: 16px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    cursor: pointer;
    background: center/cover no-repeat url(../images/api/api_card_bg.png);
    position: relative
}

.popup_api .api-cards>li::after {
    box-sizing: border-box;
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 2px;
    border: 1px solid rgba(233, 233, 233, .5)
}

.popup_api .api-cards>li:hover {
    background: linear-gradient(180deg, rgba(250, 250, 250, 0) 0, rgba(250, 250, 250, .7) 60%, #fafafa 100%), center/cover no-repeat url(../images/api/api_card_bg.png)
}

.popup_api .api-cards>li:active {
    background: center/cover no-repeat url(../images/api/api_card_bg.png)
}

.popup_api .api-cards>li.on::after {
    border: 2px solid #eea20e
}

.popup_api .api-cards>li h3 {
    display: flex;
    align-items: baseline;
    font-size: 20px
}

.popup_api .api-cards>li small {
    font-size: 16px
}

.popup_api .api-cards>li strong {
    font-size: 26px;
    color: #eea20e;
    position: relative;
    line-height: 24px
}

.popup_api .api-cards>li:hover strong {
    color: #ffbd3d
}

.popup_api .api-cards>li:active strong {
    color: #cd931d
}

.popup_api .api-cards .api-card {
    background: center/cover no-repeat url(../images/api/firm_card_bg.png)
}

.popup_api .api-cards .api-card:hover {
    background: linear-gradient(180deg, rgba(250, 250, 250, 0) 0, rgba(250, 250, 250, .7) 60%, #fafafa 100%), center/cover no-repeat url(../images/api/firm_card_bg.png)
}

.popup_api .api-cards .api-card:active {
    background: center/cover no-repeat url(../images/api/firm_card_bg.png)
}

.popup_api .api-cards .price {
    display: flex;
    align-items: flex-end;
    gap: 4px
}

.popup_api .epay-info {
    padding-right: 48px;
    box-sizing: border-box
}

.popup-pattern {
    box-sizing: border-box
}

.popup-pattern .popup-cont {
    padding: 0
}

.popup-pattern .popup-banner {
    width: 100%;
    height: 107px;
    background: center/cover url(../images/pattern/bg_pattern.png);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 16px
}

.popup-pattern .popup-banner h1 {
    font-size: 24px;
    line-height: 32px;
    display: flex;
    align-items: center;
    color: #fff
}

.popup-pattern .popup-banner h1 .icon_pattern {
    margin-right: 4px
}

.popup-pattern .popup-banner .tags {
    display: flex;
    align-items: center;
    gap: 8px
}

.popup-pattern .popup-banner .tags>div {
    font-size: 12px;
    height: 19px;
    padding: 0 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 2px;
    background: #45536c;
    color: #82BDFF
}

.popup-pattern .popup-banner .tags>div.price-tag {
    color: #fff
}

.popup-pattern .goods-list {
    padding: 8px;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    align-content: start;
    gap: 16px;
    box-sizing: border-box;
    height: 439px;
    overflow-y: scroll
}

.popup-pattern .goods-list .goods-card {
    display: block;
    width: 206px;
    height: 140px;
    position: relative;
    font-size: 12px;
    border: 1px solid #e4e4e4
}

.popup-pattern .goods-list .goods-card:hover:not( :has(.icon2x:hover)) {
    border-color: #eea20e;
    box-shadow: 0 0 4px 0 rgba(0, 0, 0, .3)
}

.popup-pattern .goods-list .goods-card:active:not( :has(.icon2x:active)) {
    border-color: #cd931d
}

.popup-pattern .goods-list .goods-card:active:not( :has(.icon2x:active))::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .5);
    z-index: 1;
    top: 0;
    left: 0
}

.popup-pattern .goods-list .goods-card img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 2px
}

.popup-pattern .goods-list .goods-card .rank-tag {
    position: absolute;
    z-index: 9;
    top: -5px;
    left: -5px;
    height: 23px;
    display: flex;
    align-items: center;
    gap: 2px;
    padding-left: 4px;
    padding-right: 5px;
    font-weight: 500;
    font-size: 14px;
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
    color: #fff;
    background: linear-gradient(90deg, #92bdf2 0, #4773c8 100%)
}

.popup-pattern .goods-list .goods-card .rank-tag::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    transform: translateY(100%);
    border-top: 5px solid #3c61a8;
    border-left: 5px solid transparent
}

.popup-pattern .goods-list .goods-card .rank-tag .icon2x {
    position: relative;
    top: -1px
}

.popup-pattern .goods-list .goods-card .top-tags {
    position: absolute;
    top: 0;
    right: 0;
    display: flex;
    align-items: center;
    gap: 4px;
    border-top-right-radius: 2px;
    overflow: hidden
}

.popup-pattern .goods-list .goods-card .top-tags div {
    background: #313a44;
    height: 16px;
    padding: 0 1px;
    display: flex;
    align-items: center;
    color: #E4E8EE
}

.popup-pattern .goods-list .goods-card .bottom-tags {
    position: absolute;
    bottom: 8px;
    right: 8px;
    display: flex;
    align-items: center;
    gap: 4px
}

.popup-pattern .goods-list .goods-card .bottom-tags div {
    background: rgba(255, 255, 255, .3);
    height: 16px;
    padding: 0 1px;
    display: flex;
    align-items: center;
    color: #fff;
    border-top-left-radius: 2px;
    border-bottom-left-radius: 2px;
    border-right: 2px solid transparent
}

.popup-ip-input {
    margin-top: 20px;
    position: relative
}

.popup-ip-input input {
    box-sizing: border-box
}

.popup-admin-tab .admin-tab-cont {
    background: #fff;
    padding: 30px
}

.popup-admin-tab .admin-tab-cont h3 {
    font-size: 16px;
    font-weight: 700
}

.popup-admin-tab .admin-tab-list {
    margin-top: 20px;
    display: flex;
    gap: 10px;
    flex-wrap: wrap
}

.popup-admin-tab .admin-tab-list div {
    box-sizing: border-box;
    min-width: 80px;
    padding: 0 8px;
    height: 34px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #515151;
    background: #fafafa;
    cursor: pointer;
    position: relative;
    user-select: none
}

.popup-admin-tab .admin-tab-list div:not(.dragging):hover {
    background: #f5f5f5
}

.popup-admin-tab .admin-tab-list div:not(.dragging):hover::after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 16px;
    height: 16px;
    background: center/cover no-repeat url(../images/2x/16_customsort_normal.svg)
}

.popup-admin-tab .admin-tab-list div:not(.dragging):active {
    background: #eaeaea !important;
    opacity: 1;
    box-shadow: 0 4px 4px 0 rgba(0, 0, 0, .25)
}

.popup-admin-tab .admin-tab-list div:not(.dragging):active::after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 16px;
    height: 16px;
    background: center/cover no-repeat url(../images/2x/16_customsort_active.svg) !important
}

.popup-admin-tab .admin-tab-list div.grey {
    background: #f5f5f5;
    color: silver
}

.popup-admin-tab .admin-tab-list div.moving {
    visibility: hidden
}

.popup-admin-tab .admin-tab-list div.moving::after {
    display: none
}

.popup-admin-tab .popup-btns {
    background: #fff
}

.popup-presell .popup-cont,
.popup-quick-sell .popup-cont {
    padding: 0
}

.popup-presell .popup-tips,
.popup-quick-sell .popup-tips {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 42px;
    background: rgba(238, 162, 14, .06);
    color: #eea20e
}

.popup-presell .list_tb-body,
.popup-quick-sell .list_tb-body {
    max-height: 532px
}

.popup-presell .list_tb-body tr.is-error,
.popup-quick-sell .list_tb-body tr.is-error {
    background: rgba(250, 91, 91, .1)
}

.popup-presell .list_tb-body td,
.popup-quick-sell .list_tb-body td {
    position: relative
}

@media (max-height:850px) {

    .popup-presell .list_tb-body,
    .popup-quick-sell .list_tb-body {
        max-height: 422px
    }
}

.popup-presell .list_tb-header,
.popup-quick-sell .list_tb-header {
    position: sticky;
    top: -1px;
    z-index: 99999;
    box-shadow: 0 2px 3px 0 rgba(0, 0, 0, .1)
}

.popup-presell .list_tb_csgo>tr>th:nth-child(2),
.popup-quick-sell .list_tb_csgo>tr>th:nth-child(2) {
    width: auto
}

.popup-presell .goods-info,
.popup-quick-sell .goods-info {
    display: flex;
    align-items: center
}

.popup-presell .wear .progress,
.popup-presell .wear .wear-pointer,
.popup-quick-sell .wear .progress,
.popup-quick-sell .wear .wear-pointer {
    width: 166px
}

.popup-presell .tagBox,
.popup-quick-sell .tagBox {
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    gap: 1px;
    z-index: 9
}

.popup-presell .tagBox .tag,
.popup-quick-sell .tagBox .tag {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 18px;
    padding: 1px;
    margin: 0;
    background: rgba(28, 32, 43, .5);
    color: #E4E8EE
}

.popup-presell .csgo_sticker,
.popup-quick-sell .csgo_sticker {
    margin-left: auto;
    padding-right: 30px;
    margin-top: 0;
    display: flex;
    align-items: center;
    gap: 4px
}

.popup-presell .csgo_sticker .stickers,
.popup-quick-sell .csgo_sticker .stickers {
    margin: 0;
    height: 28px
}

.popup-presell .dota_sticker,
.popup-quick-sell .dota_sticker {
    margin-left: auto;
    padding-right: 30px;
    margin-top: 0;
    display: flex;
    align-items: center;
    gap: 4px
}

.popup-presell .dota_sticker .stickers,
.popup-quick-sell .dota_sticker .stickers {
    margin: 0;
    width: 28px;
    height: 28px;
    background: linear-gradient(#f7f7f7, #e9e9e9);
    position: relative
}

.popup-presell .dota_sticker .stickers img,
.popup-quick-sell .dota_sticker .stickers img {
    width: 100%;
    height: 100%;
    vertical-align: unset;
    object-fit: contain
}

.popup-presell .error-tips,
.popup-quick-sell .error-tips {
    display: flex;
    align-items: center;
    position: absolute;
    left: 0;
    bottom: 19px;
    white-space: nowrap;
    color: #FA5B5B;
    gap: 1px
}

.popup-presell .quick-sell-price-wrapper,
.popup-quick-sell .quick-sell-price-wrapper {
    display: flex;
    flex-wrap: wrap
}

.popup-presell .quick-sell-price-wrapper .quick-sell-price,
.popup-quick-sell .quick-sell-price-wrapper .quick-sell-price {
    flex: 1
}

.popup-presell .quick-sell-price-wrapper .error-tips-wrapper,
.popup-quick-sell .quick-sell-price-wrapper .error-tips-wrapper {
    width: 100%;
    color: #FA5B5B;
    white-space: nowrap;
    margin-top: 8px
}

.popup-presell .quick-sell-price-wrapper .error-tips-wrapper>div,
.popup-quick-sell .quick-sell-price-wrapper .error-tips-wrapper>div {
    display: flex;
    align-items: center;
    gap: 1px
}

.popup-presell .quick-sell-price-wrapper .error-tips-wrapper>div:nth-child(n+2),
.popup-quick-sell .quick-sell-price-wrapper .error-tips-wrapper>div:nth-child(n+2) {
    margin-top: 8px
}

.popup-presell .stickers-tips,
.popup-quick-sell .stickers-tips {
    display: flex;
    align-items: center;
    gap: 2px;
    color: #4773c8
}

.popup-presell .service,
.popup-quick-sell .service {
    box-sizing: border-box;
    width: 100%;
    padding: 16px;
    background: #fff;
    border-top: 1px solid rgba(233, 233, 233, .5)
}

.popup-presell .service *,
.popup-quick-sell .service * {
    box-sizing: border-box
}

.popup-presell .service .service-header,
.popup-quick-sell .service .service-header {
    font-size: 14px;
    line-height: 17px;
    margin-bottom: 10px
}

.popup-presell .service .service-select,
.popup-quick-sell .service .service-select {
    display: flex;
    gap: 16px
}

.popup-presell .service .service-select>*,
.popup-quick-sell .service .service-select>* {
    flex: 1
}

.popup-presell .service .service-select-item,
.popup-quick-sell .service .service-select-item {
    padding: 8px;
    background: #fafafa;
    border-radius: 4px;
    border: 1px solid #e9e9e9;
    cursor: pointer;
    font-size: 12px;
    line-height: 20px;
    color: #3E3E3E
}

.popup-presell .service .service-select-item.quicksell,
.popup-quick-sell .service .service-select-item.quicksell {
    background: rgba(8, 156, 25, .04)
}

.popup-presell .service .service-select-item.quicksell .service-title,
.popup-quick-sell .service .service-select-item.quicksell .service-title {
    color: #069b17
}

.popup-presell .service .service-select-item.on,
.popup-quick-sell .service .service-select-item.on {
    border-color: #eea20e
}

.popup-presell .service .service-select-item:hover,
.popup-quick-sell .service .service-select-item:hover {
    border-color: #ffbd3d
}

.popup-presell .service .service-select-item:active,
.popup-quick-sell .service .service-select-item:active {
    border-color: #cd931d
}

.popup-presell .service .service-title,
.popup-quick-sell .service .service-title {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.popup-presell .service .service-tips,
.popup-quick-sell .service .service-tips {
    font-size: 12px;
    color: rgba(73, 73, 73, .6)
}

.popup-presell .service a,
.popup-quick-sell .service a {
    color: #4773c8;
    text-decoration: underline
}

.popup-presell .service a:hover,
.popup-quick-sell .service a:hover {
    color: #567fcd
}

.popup-presell .service a:active,
.popup-quick-sell .service a:active {
    color: #3c61a8
}

.popup-presell .service-ellipse,
.popup-quick-sell .service-ellipse {
    display: none;
    align-items: center;
    gap: 8px;
    padding: 8px;
    font-size: 12px;
    line-height: 20px;
    cursor: pointer
}

.popup-presell .service-ellipse.quicksell,
.popup-quick-sell .service-ellipse.quicksell {
    background: rgba(8, 156, 25, .04)
}

.popup-presell .service-label,
.popup-quick-sell .service-label {
    display: inline-block;
    background: center/contain no-repeat
}

.popup-presell .service-label.default,
.popup-quick-sell .service-label.default {
    width: 26px;
    height: 16px;
    background-image: url(../images/quick_sell/tag_default.svg)
}

.popup-presell .service-label.default_en,
.popup-quick-sell .service-label.default_en {
    width: 41px;
    height: 16px;
    background-image: url(../images/quick_sell/tag_default_en.svg)
}

.popup-presell .service-label.presettle,
.popup-quick-sell .service-label.presettle {
    width: 39px;
    height: 16px;
    background-image: url(../images/quick_sell/tag_presettle.svg)
}

.popup-presell .service-label.presettle_en,
.popup-quick-sell .service-label.presettle_en {
    width: 61px;
    height: 16px;
    background-image: url(../images/quick_sell/tag_presettle_en.svg)
}

.popup-presell .service-label.settlement,
.popup-quick-sell .service-label.settlement {
    width: 56px;
    height: 17px;
    background-image: url(../images/quick_sell/tag_service.svg)
}

.popup-presell .service-label.settlement_en,
.popup-quick-sell .service-label.settlement_en {
    width: 114px;
    height: 17px;
    background-image: url(../images/quick_sell/tag_service_en.svg)
}

.popup-presell .list_tb-body {
    min-height: 400px;
    overflow-y: auto;
    overflow-x: hidden
}

.popup-presell .presale-deposit-wrap {
    position: relative;
    width: fit-content
}

.popup-presell .presale-deposit-wrap .icon_drop_black {
    position: absolute;
    right: 4px;
    bottom: 8px;
    pointer-events: none
}

.popup-presell .j_presell_rate {
    cursor: pointer;
    user-select: none;
    caret-color: transparent;
    background: #fff url(../images/site/yuan-ico.png) no-repeat 12px center !important;
    padding-left: 28px !important
}

.popup-presell .presell-exchange {
    display: flex;
    align-items: center;
    gap: 2px;
    text-decoration: underline;
    margin-top: 8px
}

.presell-rate-dropdown {
    box-sizing: border-box;
    display: none;
    position: fixed;
    overflow: auto;
    max-height: 265px;
    margin: 0;
    padding: 8px 6px;
    list-style: none;
    background: #fff;
    border: 1px solid #e9e9e9;
    border-radius: 2px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, .12);
    z-index: 999
}

.presell-rate-dropdown.open {
    display: block
}

.presell-rate-dropdown li {
    padding: 8px 16px;
    font-size: 14px;
    color: #515151;
    cursor: pointer;
    line-height: 1.4;
    white-space: nowrap;
    background: #fafafa
}

.presell-rate-dropdown li+li {
    margin-top: 6px
}

.presell-rate-dropdown li:hover {
    background: #f5f5f5;
    color: #333
}

.presell-rate-dropdown li:active {
    background: #eaeaea
}

.presell-rate-dropdown li.on {
    background: #eea20e;
    color: #fff;
    font-weight: 700
}

.presell-rate-dropdown li.on:hover {
    background: #eea20e;
    color: #fff
}

.presell-coupon-dropdown {
    box-sizing: border-box;
    display: none;
    position: fixed;
    overflow: auto;
    max-height: 300px;
    margin: 0;
    padding: 4px 0;
    list-style: none;
    background: #fff;
    border: 1px solid #e9e9e9;
    border-radius: 2px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, .12);
    z-index: 999
}

.presell-coupon-dropdown.open {
    display: block
}

.presell-coupon-dropdown li {
    padding: 8px 12px;
    font-size: 13px;
    color: #515151;
    cursor: pointer;
    line-height: 1.4
}

.presell-coupon-dropdown li span {
    display: block;
    font-size: 13px;
    color: #333
}

.presell-coupon-dropdown li small {
    display: block;
    font-size: 11px;
    color: #959595;
    margin-top: 2px
}

.presell-coupon-dropdown li:hover {
    background: #fafafa
}

.presell-coupon-dropdown li:hover span {
    color: #eea20e
}

.presell-coupon-dropdown li.on {
    background: #eea20e
}

.presell-coupon-dropdown li.on span {
    color: #fff;
    font-weight: 700
}

.presell-coupon-dropdown li.on small {
    color: rgba(255, 255, 255, .8)
}

.presell-coupon-dropdown li.on:hover {
    background: #eea20e
}

.popup-pending-detail {
    font-size: 16px;
    line-height: 21px;
    padding-bottom: 40px
}

.popup-pending-detail .pending-header {
    font-size: 18px;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: rgba(238, 162, 14, .06);
    padding: 0 20px;
    height: 90px
}

.popup-pending-detail .pending-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    padding: 0 20px
}

.popup-pending-detail .pending-item:nth-child(n+2) {
    border-top: 1px solid rgba(233, 233, 233, .5)
}

.popup-pending-detail .pending-item>span {
    display: inline-flex;
    align-items: center;
    height: 71px
}

.popup-pending-detail .pending-sub {
    width: 100%;
    box-sizing: border-box;
    padding: 20px;
    background: #f5f5f5
}

.popup-pending-detail .pending-sub>div {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.popup-pending-detail .pending-sub>div:nth-child(n+2) {
    margin-top: 20px
}

.popup-price-tips {
    font-size: 12px;
    display: flex;
    align-items: center;
    gap: 2px;
    height: 16px;
    margin-top: 4px
}

.popup-price-tips a {
    text-decoration: underline
}

.popup-bargain .popup-cont {
    padding: 20px 29.5px 40px;
    max-height: 620px;
    overflow-y: auto
}

.popup-bargain .popup-good-summary {
    padding: 17px 30px
}

.popup-bargain-col {
    display: flex;
    align-items: flex-start;
    gap: 11px;
    margin-top: 20px
}

.popup-bargain-col>:nth-child(2) {
    flex: 1
}

.popup-bargain-col>:nth-child(2) .i_Text {
    box-sizing: border-box;
    width: 100%
}

.popup-bargain-col .hide-cny {
    margin-top: 2px
}

.popup-bargain-title {
    color: #959595;
    display: flex;
    align-items: center;
    gap: 4px;
    min-height: 38px;
    width: 76px;
    flex-shrink: 0
}

.popup-bargain-title>.icon {
    flex-shrink: 0
}

.popup-bargain-list {
    background: #fff;
    border: 1px solid #e4e4e4;
    border-radius: 2px
}

.popup-bargain-list .list_card {
    min-height: unset
}

.popup-bargain-list .card_csgo {
    width: 100%;
    padding: 6px 10px;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    box-sizing: border-box
}

.popup-bargain-list .card_csgo li {
    margin: 0;
    box-sizing: border-box;
    box-shadow: none
}

.popup-bargain-list .card_csgo .bargain-close-btn {
    position: absolute;
    top: -7px;
    right: -7px;
    width: auto;
    z-index: 999999;
    background: 0 0
}

.popup-bargain-list-title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 11px 10px;
    color: #959595
}

.popup-bargain-list-title>a {
    display: flex;
    align-items: center;
    gap: 6px
}

.popup-bargain-list-title .num {
    color: #515151;
    line-height: 14px;
    margin-left: 5px
}

.bargain-upload-btn {
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 4px;
    color: silver;
    width: 114px;
    height: 114px;
    border: 1px dashed #e3e3e3;
    position: relative;
    font-size: 12px
}

.bargain-upload-btn * {
    box-sizing: border-box
}

.bargain-upload-btn:hover {
    border-color: #ccc
}

.bargain-upload-btn:active {
    border-color: #e3e3e3
}

.bargain-upload-btn input {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 2px;
    top: 2px;
    opacity: 0;
    cursor: pointer;
    filter: alpha(opacity=0)
}

.bargain-message-btn {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 4px;
    min-height: 38px;
    box-sizing: border-box;
    padding: 10px 16px;
    color: silver;
    line-height: 18px;
    border: 1px solid #e3e3e3;
    cursor: pointer
}

.bargain-message-btn:hover {
    border-color: #eea20e;
    color: #959595;
    background: #f9f7f2
}

.bargain-message-btn:active {
    border-color: #cd931d;
    color: silver
}

.bargain-message-btn.filled {
    color: #515151
}

.bargain-message-btn .icon2x {
    flex-shrink: 0
}

a.bargain-switch-btn {
    font-size: 12px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    gap: 4px;
    height: 20px;
    padding: 4px;
    color: #4773c8;
    background: rgba(71, 115, 200, .12);
    border-radius: 2px
}

.popup-bargain-recommend {
    box-sizing: border-box;
    padding: 10px;
    background: #fff;
    border: 1px solid #e4e4e4;
    border-radius: 2px;
    min-height: 114px;
    width: 322px;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 99
}

.popup-bargain-recommend * {
    box-sizing: border-box
}

.popup-bargain-recommend::before {
    content: '';
    position: absolute;
    top: 10px;
    left: 0;
    transform: translateX(-100%);
    width: 8px;
    height: 17px;
    background-image: url(../images/2x/icon_bargain_recommend_arr.svg)
}

.popup-bargain-recommend:hover {
    border-color: rgba(71, 115, 200, .2);
    background: linear-gradient(0deg, rgba(71, 115, 200, .04), rgba(71, 115, 200, .04)), linear-gradient(0deg, #fff, #fff)
}

.popup-bargain-recommend:hover::before {
    background-image: url(../images/2x/icon_bargain_recommend_arr_hover.svg)
}

.popup-bargain-recommend-title {
    font-size: 14px !important;
    display: flex;
    align-items: center;
    gap: 4px;
    margin-bottom: 10px
}

.popup-bargain-recommend-title .name {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.popup-bargain-recommend-title>:not(.name) {
    flex-shrink: 0
}

.popup-bargain-recommend-list {
    display: flex;
    align-items: center;
    gap: 6px
}

.popup-bargain-recommend-list>* {
    flex-shrink: 0
}

.popup-bargain-recommend .list_card_carousel {
    height: auto
}

.popup-bargain-recommend .list_card_carousel .wear {
    top: unset
}

.popup-bargain-recommend .list_card_carousel .carousel_right {
    right: 6px
}

.popup-bargain-recommend .list_card_carousel .carousel_left {
    left: 6px
}

.popup-bargain-recommend-footer {
    display: none;
    margin-top: 10px;
    align-items: center;
    justify-content: space-between
}

.popup-bargain-recommend-footer .recommend-btns {
    display: flex;
    align-items: center;
    gap: 8px
}

.popup-bargain-recommend-footer .recommend-btns .i_Btn {
    height: 22px
}

.popup-bargain-recommend:hover .popup-bargain-recommend-footer {
    display: flex
}

.popup-bargain-message-list {
    max-height: 600px;
    overflow-y: auto
}

.popup-bargain-message-list a {
    box-sizing: border-box;
    display: flex;
    align-items: center;
    color: #515151;
    line-height: 18px;
    padding: 21px 11px;
    min-height: 60px
}

.popup-bargain-message-list a:nth-child(n+2) {
    border-top: 1px solid #e3e3e3
}

.popup-bargain-message-list a:hover {
    color: #eea20e;
    background: #f9f7f2
}

.popup-bargain-message-list a:active {
    color: #cd931d
}

.popup-bargain-add .popup-cont {
    padding: 0
}

.popup-bargain-add .list_card .card_csgo {
    padding: 16px;
    gap: 6px
}

.popup-bargain-add-content .list_card {
    height: 490px;
    overflow-y: auto
}

.popup-bargain-add-banner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 16px;
    background: right center/cover no-repeat url(../images/pics/bg_bargain_banner.png);
    gap: 16px
}

.popup-bargain-add-banner .banner-left .f_Bold {
    font-size: 26px;
    line-height: 34px
}

.popup-bargain-add-banner .banner-left-tips {
    display: flex;
    align-items: center;
    gap: 4px;
    padding: 0 4px;
    min-height: 20px;
    background: rgba(71, 115, 200, .06);
    border-radius: 2px;
    flex-wrap: wrap
}

.popup-bargain-add-banner .banner-left-price {
    margin-top: 6px;
    flex-wrap: wrap;
    gap: 4px
}

.popup-bargain-add-banner .banner-right {
    flex-shrink: 0;
    display: flex;
    width: 424px;
    height: 54px;
    position: relative;
    background: center/cover no-repeat url(../images/pics/bg_bargain_banner_right.svg)
}

.popup-bargain-add-banner .banner-right>div {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 4px
}

.popup-bargain-add-banner .banner-right .gapline {
    width: 1px;
    height: 10px;
    background: #fff;
    margin: 0 4px
}

.bargain-goods-wrapper {
    display: flex;
    flex-direction: column;
    gap: 8px
}

.bargain-goods-wrapper .card_input {
    width: 100%;
    height: 38px;
    position: relative
}

.bargain-goods-wrapper .card_input[data-has-value]::before {
    content: '¥';
    position: absolute;
    color: #4773C8;
    top: 50%;
    left: 16px;
    transform: translateY(-50%)
}

.bargain-goods-wrapper .card_input[data-has-value] .i_Text {
    padding-left: 26px
}

.bargain-goods-wrapper .card_input[data-has-value] .icon_clear {
    display: inline-block;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 16px;
    cursor: pointer
}

.bargain-goods-wrapper .card_input .icon_clear {
    display: none
}

.bargain-goods-wrapper .card_input .i_Text {
    width: 100%;
    height: 100%;
    padding: 10px 16px;
    box-sizing: border-box;
    color: #4773C8
}

.bargain-goods-wrapper .card_input .i_Text:focus {
    border-color: #4773C8;
    background: #fff
}

.popup-bargain-recommend-content {
    height: 620px;
    overflow-y: auto
}

.popup-bargain-recommend-content .popup-bargain-list {
    border-bottom: 1px solid #e3e3e3;
    background: #fafafa
}

.popup-bargain-recommend-content .popup-bargain-list-title {
    padding: 11px 16px;
    justify-content: unset
}

.popup-bargain-recommend-content .popup-bargain-list-title .w-Checkbox--icon {
    margin-right: 8px
}

.popup-bargain-recommend-content .popup-bargain-list-title>a:last-child {
    margin-left: auto
}

.popup-bargain-recommend-content .popup-bargain-list:hover {
    background: #f5f5f5
}

.popup-bargain-recommend-content .popup-bargain-list .card_csgo {
    padding: 0 16px 22px;
    gap: 7px
}

.popup-bargain-recommend-content .popup-bargain-list-title {
    padding: 16px
}

.index {
    background-image: url(/img/index-header-bg.jpg)
}

.index .l_Layout {
    width: 1142px
}

.index .header {
    border: none;
    background: url(/img/top-bg.png) no-repeat center top
}

.index .header .l_Layout {
    width: 1200px
}

.index .notice {
    display: none
}

.index>:not(.popup) .list_card {
    padding: 22px 0
}

.index>:not(.popup) .list_card ul {
    width: 1250px
}

.index>:not(.popup) .list_card li {
    margin: 0 25px 20px 0;
    border: 1px solid #e4e4e4;
    box-sizing: border-box
}

.index>:not(.popup) .list_card li:hover {
    border-color: #eea20e
}

.index>:not(.popup) .list_card li:active {
    border-color: #cd931d
}

.index .black2 li {
    border-color: #3f4347
}

.index .col1 {
    width: 280px;
    float: left;
    position: relative
}

.index .col2 {
    margin-left: 300px;
    width: 900px;
    overflow: hidden
}

.focus {
    height: 440px;
    position: relative;
    width: 100%;
    overflow-x: hidden;
    min-width: 1200px;
    z-index: 10
}

.focus .announcement {
    width: 1140px;
    height: 50px;
    line-height: 50px;
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -570px;
    color: #CED2D7
}

.focus-slider {
    height: 380px
}

.focus-slider li {
    display: none;
    height: 380px;
    cursor: pointer;
    position: absolute;
    width: 100%;
    left: 0;
    top: 0
}

.focus-pic {
    width: 960px;
    height: 400px;
    position: absolute;
    left: 50%;
    top: 12px;
    margin-left: 0;
    transform: translateX(80px);
    -webkit-transform: translateX(-80px);
    animation: leftIn .5s 0s ease-in-out 1 forwards;
    -webkit-animation: leftIn .5s 0s ease-in-out 1 forwards
}

.focus-text {
    width: 900px;
    position: absolute;
    left: 50%;
    margin-left: -600px;
    padding-left: 80px;
    color: #D3D4D6;
    height: 380px;
    cursor: pointer;
    transform: translateX(-80px);
    -webkit-transform: translateX(-80px);
    animation: rightIn .5s 0s ease-in-out 1 forwards;
    -webkit-animation: rightIn .5s 0s ease-in-out 1 forwards
}

.focus-text h1 {
    font-size: 60px;
    font-weight: 700;
    line-height: 72px;
    height: 72px;
    padding: 86px 0 32px;
    color: #fff
}

.focus-text p {
    font-size: 28px;
    line-height: 28px
}

@keyframes leftIn {
    0% {
        transform: translateX(80px);
        opacity: .5
    }

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

@-webkit-keyframes leftIn {
    0% {
        -webkit-transform: translateX(80px);
        opacity: .5
    }

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

@keyframes rightIn {
    0% {
        transform: translateX(-80px);
        opacity: .5
    }

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

@-webkit-keyframes rightIn {
    0% {
        -webkit-transform: translateX(-80px);
        opacity: .5
    }

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

.focus-slider-nav {
    position: absolute;
    left: 50%;
    margin-left: -514px;
    bottom: 100px
}

.area1 {
    height: 550px;
    background: #e5e5e5 url(/img/index-section1-bg.jpg) no-repeat center top;
    padding: 60px 0
}

.hot_col1 {
    width: 910px;
    float: left
}

.hot_col1 .list_card ul {
    width: 1000px
}

.hot_col2 {
    float: right;
    position: relative
}

.area2 {
    height: 552px;
    background: #25282d url(/img/index-section2-bg.jpg) no-repeat center top;
    padding: 60px 0
}

.area3 {
    height: 552px;
    background: #e8e8e8 url(/img/index-section3-bg.jpg) no-repeat center top;
    padding: 60px 0
}

.sec-title {
    border-bottom: 1px solid #BF9E4B;
    height: 38px;
    line-height: 38px
}

.sec-title h2 {
    float: left;
    width: 130px;
    height: 38px;
    color: #fff;
    font-size: 18px;
    text-align: center;
    line-height: 38px;
    border-radius: 2px 2px 0 0;
    margin-right: 40px;
    background: #BF9E4B;
    background-image: linear-gradient(270deg, rgba(206, 170, 52, .8) 0, rgba(189, 149, 42, .8) 36%, rgba(160, 113, 24, .8) 100%)
}

.sec-title li {
    float: left;
    margin: 0 40px 0 0;
    line-height: 35px;
    text-align: center;
    color: #929394;
    cursor: pointer
}

.sec-title li img {
    margin: -1px 6px 0 0
}

.sec-title li.on {
    border-bottom: 3px solid #BF9E4B
}

.sec-title li:hover {
    color: #eea20e
}

.sec-title li:active {
    color: #cd931d
}

.sec-title a:link,
.sec-title a:visited {
    color: #929394
}

.sec-title a:hover {
    color: #eea20e
}

.sec-title a:active {
    color: #cd931d
}

.sec-title_blue {
    border-bottom-color: #3D547D
}

.sec-title_blue h2 {
    background: #3D547D;
    background-image: linear-gradient(270deg, rgba(91, 126, 176, .8) 0, rgba(46, 71, 120, .8) 100%)
}

.sec-title_blue li.on {
    border-color: #3D547D
}

.newarrival {
    border-radius: 2px;
    margin-top: 22px;
    width: 280px;
    overflow: hidden
}

.recent-deal {
    width: 208px
}

.recent-deal h3 {
    height: 72px;
    background: url(../images/site/recent-deal-bg.jpg) no-repeat left top;
    text-align: center;
    line-height: 72px;
    font-size: 16px;
    font-weight: 700;
    color: #fff
}

.recent-deal h3 .icon {
    margin: -2px 9px 0 0
}

.recent-deal ul {
    background: #383F4B;
    background-image: linear-gradient(-180deg, #454e5c 13%, #262c35 100%);
    box-shadow: 0 0 8px 1px rgba(0, 0, 0, .03);
    height: 465px
}

.recent-deal li {
    padding: 16px 16px;
    clear: both;
    overflow: hidden
}

.recent-deal li img {
    float: left;
    margin: 0 12px 0 0
}

.recent-deal li h4 {
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 96px;
    height: 22px;
    line-height: 22px;
    overflow: hidden;
    float: left;
    margin: 0 0 4px
}

.recent-deal li a:hover h4 {
    color: #eea20e
}

.recent-deal li a:active h4 {
    color: #cd931d
}

.cont_panel {
    background: #181C23;
    border-radius: 2px;
    width: 240px;
    float: left
}

.cont_panel .my-menu {
    float: left
}

.cont_panel .my-menu li a {
    padding: 0 64px;
    white-space: nowrap
}

.cont_panel .my-menu .icon_new {
    right: 70px
}

.cont_main .i_Text,
.popup .i_Text {
    padding: 6px
}

.cont_main .w-Search .i_Text {
    padding: 3px 6px
}

.cont_main .news-list .user-fav {
    margin-top: 25px;
    margin-right: 22px
}

.cont_main .news-list-text {
    height: 60px;
    margin-left: 112px;
    margin-right: 120px
}

.cont_main .news-list-text h4 {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.cont_main .news-attr img {
    margin-top: -1px;
    margin-right: 6px
}

.my-thum {
    width: 100%;
    flex-direction: column;
    text-align: center;
    padding: 44px 0;
    margin: 0 auto
}

.my-thum .user-avatar,
.my-thum img {
    border: none
}

.my-thum .user-name {
    margin-left: 0;
    margin-top: 17px;
    color: #E4E8EE;
    font-size: 14px;
    position: relative
}

.my-thum .user-name .icon {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translate(108%, -50%)
}

.my-thum p {
    color: #E4E8EE
}

.my-thum h2 {
    font-size: 17px;
    font-weight: 700;
    color: #fff;
    margin: 24px 0 9px
}

.user-header {
    background: url(../images/site/user-header-bg.png) no-repeat center top;
    height: 152px;
    width: 940px;
    display: table-cell;
    vertical-align: middle;
    padding: 10px 0 0
}

.user-account {
    padding: 0 0 0 96px;
    *padding-top: 50px
}

.user-account span {
    margin-right: 20px
}

.user-account .icon {
    margin: -8px 0 0 12px
}

.user-account-tip {
    background: #222732;
    background: rgba(38, 43, 54, .8);
    padding: 0 16px;
    height: 36px;
    line-height: 36px;
    text-align: left;
    color: #B17C18;
    margin: 16px 96px 0;
    position: relative
}

.arr-up {
    color: rgba(38, 43, 54, .8);
    *color: #222732;
    font-style: normal;
    position: absolute;
    left: 66px;
    top: -18px;
    font-size: 30px
}

.cont_main.user_cont .user-header {
    height: 84px;
    padding-top: 6px
}

.cont_main.user_cont .user-header .header-items {
    padding: 0 !important;
    margin: 0 !important
}

.cont_main.user_cont .user-header .header-items .col {
    width: 25%;
    margin: 0;
    border: none;
    position: relative;
    box-sizing: border-box;
    padding-left: 20px
}

.cont_main.user_cont .user-header .header-items .col .info {
    margin-top: 3px
}

.cont_main.user_cont .user-header .header-items .col:first-of-type {
    padding-left: 30px
}

.cont_main.user_cont .user-header .header-items .col:last-of-type {
    margin: 0
}

.cont_main.user_cont .user-header .header-items .col:last-of-type::after {
    display: none
}

.cont_main.user_cont .user-header .header-items .col::after {
    content: "";
    width: 1px;
    height: 40px;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    background-color: rgba(44, 47, 56, .5)
}

.cont_main.user_cont .user-header .header-items .col .col-link {
    display: inline-flex;
    align-items: center;
    gap: 2px;
    margin-bottom: 2px;
    cursor: pointer;
    pointer-events: all
}

.cont_main.user_cont .user-header .header-items .col .col-link:hover {
    color: #fff
}

.cont_main.user_cont .user-header .header-items .col .col-link:active {
    color: #515151
}

.cont_main.user_cont .user-header .header-items .j_tips_handler {
    width: auto;
    height: 84px;
    display: flex;
    align-items: center
}

.cont_main.user_cont .user-header .header-items .j_tips_handler div {
    pointer-events: none
}

.cont_main.user_cont .user-header .header-items>:first-child:nth-last-child(5),
.cont_main.user_cont .user-header .header-items>:first-child:nth-last-child(5)~* {
    width: 182px
}

.cont_main.user_cont .user-header .header-items>:first-child:nth-last-child(5):first-of-type,
.cont_main.user_cont .user-header .header-items>:first-child:nth-last-child(5)~:first-of-type {
    width: 196px
}

.cont_main.user_cont .user-header .header-items>:first-child:nth-last-child(5) .icon2x,
.cont_main.user_cont .user-header .header-items>:first-child:nth-last-child(5)~* .icon2x {
    width: 32px;
    height: 32px
}

.cont_main.user_cont .user-header .header-items>:first-child:nth-last-child(5) .icon_right_arr_small,
.cont_main.user_cont .user-header .header-items>:first-child:nth-last-child(5)~* .icon_right_arr_small {
    width: 8px;
    height: 8px
}

.cont_main.user_cont .user-header .header-items>:first-child:nth-last-child(5) .info,
.cont_main.user_cont .user-header .header-items>:first-child:nth-last-child(5)~* .info {
    margin-left: 8px
}

.cont_main.user_cont .user-header .header-items>:first-child:nth-last-child(5) .f_Strong,
.cont_main.user_cont .user-header .header-items>:first-child:nth-last-child(5)~* .f_Strong {
    font-size: 16px !important
}

.cont_main.user_cont .scope-tab {
    width: 100%;
    height: auto;
    background: rgba(28, 32, 43, .8);
    padding: 0 30px;
    box-sizing: border-box
}

.cont_main.user_cont .scope-tab>ul {
    height: 64px
}

.cont_main.user_cont .scope-tab>ul li {
    height: 100%;
    display: flex;
    align-items: end;
    margin: 0
}

.cont_main.user_cont .scope-tab>ul li a {
    padding-bottom: 22px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.cont_main.user_cont .scope-tab>ul>li:nth-child(n+2) {
    margin-left: 40px
}

.cont_main.user_cont .scope-tab>ul .l_Right {
    float: none;
    padding-left: 16px;
    display: flex;
    justify-content: flex-end
}

.cont_main.user_cont .scope-tab .level-2-tab {
    width: 100%;
    height: 54px;
    display: flex;
    align-items: center;
    gap: 16px;
    box-sizing: border-box;
    font-size: 14px
}

.cont_main.user_cont .scope-tab .level-2-tab span {
    display: flex;
    align-items: center;
    justify-content: center
}

.cont_main.user_cont .scope-tab .level-2-tab span:nth-child(odd) {
    cursor: pointer
}

.cont_main.user_cont .scope-tab .level-2-tab span.on {
    color: #E4E8EE;
    font-weight: 700
}

.cont_main.user_cont .scope-tab .level-2-tab .tab-line {
    width: 1px;
    height: 25px;
    background-color: #2C2F38
}

.cont_main.user_cont .scope-tab .w-Select ul {
    height: auto !important
}

.cont_main.user_cont .scope-tab .w-Select ul li {
    font-weight: 400
}

.cont_main.user_cont .cont-tab {
    box-sizing: border-box;
    height: 70px
}

.cont_main.user_cont .cont-tab .l_Right {
    height: 100%;
    display: flex;
    align-items: center;
    gap: 16px
}

.cont_main.user_cont .cont-tab .l_Right span {
    margin-left: 0
}

.cont_main.user_cont .pay-way ul li {
    min-width: 116px
}

.cont_main.user_cont td .confirm_btn {
    min-width: 112px;
    padding: 6px 12px
}

.cont_main.user_cont .wallet_Tb .user-pay-desc {
    padding: 0;
    margin: 0 20px
}

.cont_main.user_cont .wallet_Tb .user-pay-desc ul {
    margin-top: 0;
    padding: 23px 20px
}

.cont_main.user_cont .t_Vtop {
    padding-left: 0
}

.cont_main.user_cont .payment-amount.is-pending .icon-prefix {
    display: block;
    left: 16px;
    top: 50%;
    transform: translateY(-50%)
}

.cont_main.user_cont .payment-amount.is-pending input {
    padding-left: 50px
}

.cont_main.user_cont .payment-amount.is-pending input.i_Text {
    width: 328px
}

.cont_main.user_cont .payment-amount span {
    position: relative;
    height: 44px
}

.cont_main.user_cont .payment-amount span input.i_Text {
    width: 364px;
    height: 44px;
    line-height: 44px;
    color: #515151 !important
}

.cont_main.user_cont .payment-amount span input.i_Text:not(:placeholder-shown)~.icon_clear {
    display: inline-block
}

.cont_main.user_cont .payment-amount span text {
    font-weight: 400 !important
}

.cont_main.user_cont .payment-amount span .icon_clear,
.cont_main.user_cont .payment-amount span text {
    display: none;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 16px;
    z-index: 9
}

.cont_main.user_cont .payment-amount~p {
    min-height: 20px;
    height: auto
}

.cont_main.user_cont .back-record .list_tb td,
.cont_main.user_cont .back-record .list_tb th,
.cont_main.user_cont .back-record .list_tb tr,
.cont_main.user_cont .money-record .list_tb td,
.cont_main.user_cont .money-record .list_tb th,
.cont_main.user_cont .money-record .list_tb tr,
.cont_main.user_cont .user-record .list_tb td,
.cont_main.user_cont .user-record .list_tb th,
.cont_main.user_cont .user-record .list_tb tr,
.cont_main.user_cont .withdraw-cash-record .list_tb td,
.cont_main.user_cont .withdraw-cash-record .list_tb th,
.cont_main.user_cont .withdraw-cash-record .list_tb tr {
    padding: 0;
    margin: 0;
    box-sizing: border-box
}

.cont_main.user_cont .back-record .list_tb th,
.cont_main.user_cont .money-record .list_tb th,
.cont_main.user_cont .user-record .list_tb th,
.cont_main.user_cont .withdraw-cash-record .list_tb th {
    height: 40px;
    line-height: 40px
}

.cont_main.user_cont .back-record .list_tb td,
.cont_main.user_cont .money-record .list_tb td,
.cont_main.user_cont .user-record .list_tb td,
.cont_main.user_cont .withdraw-cash-record .list_tb td {
    height: 90px
}

.cont_main.user_cont .back-record,
.cont_main.user_cont .money-record,
.cont_main.user_cont .withdraw-cash-record {
    width: calc(100% + 60px);
    margin-left: -30px
}

.cont_main.user_cont .back-record,
.cont_main.user_cont .money-record,
.cont_main.user_cont .user-record,
.cont_main.user_cont .withdraw-cash-record {
    background: #fafafa;
    border-radius: 0 0 2px 2px;
    padding: 0 0 36px
}

.cont_main.user_cont .back-record .payment-record,
.cont_main.user_cont .back-record h2,
.cont_main.user_cont .money-record .payment-record,
.cont_main.user_cont .money-record h2,
.cont_main.user_cont .user-record .payment-record,
.cont_main.user_cont .user-record h2,
.cont_main.user_cont .withdraw-cash-record .payment-record,
.cont_main.user_cont .withdraw-cash-record h2 {
    width: 100%;
    height: 66px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 30px;
    box-sizing: border-box
}

.cont_main.user_cont .back-record .list_tb td,
.cont_main.user_cont .back-record .list_tb th,
.cont_main.user_cont .money-record .list_tb td,
.cont_main.user_cont .money-record .list_tb th,
.cont_main.user_cont .user-record .list_tb td,
.cont_main.user_cont .user-record .list_tb th,
.cont_main.user_cont .withdraw-cash-record .list_tb td,
.cont_main.user_cont .withdraw-cash-record .list_tb th {
    text-align: left
}

.cont_main.user_cont .back-record .list_tb td p:has(a),
.cont_main.user_cont .money-record .list_tb td p:has(a),
.cont_main.user_cont .user-record .list_tb td p:has(a),
.cont_main.user_cont .withdraw-cash-record .list_tb td p:has(a) {
    margin-top: 8px
}

.cont_main.user_cont .w-Select-pay,
.cont_main.user_cont .withdraw-num {
    box-sizing: border-box;
    width: 405px;
    height: 44px;
    margin: 0;
    line-height: 44px
}

.cont_main.user_cont .w-Select-pay .icon,
.cont_main.user_cont .withdraw-num .icon {
    top: 14px
}

.cont_main.user_cont .w-Select-pay input,
.cont_main.user_cont .withdraw-num input {
    height: 100%
}

.cont_main.user_cont .w-Select-pay~small,
.cont_main.user_cont .withdraw-num~small {
    margin-left: 4px
}

.cont_main.user_cont .withdraw-num:nth-of-type(2) {
    margin-top: 30px
}

.cont_main.user_cont .user-wallet-section {
    margin-top: 20px;
    margin-bottom: 14px
}

.cont_main.user_cont .user-wallet {
    background: #fafafa;
    padding: 30px
}

.cont_main.user_cont .user-wallet .amount-desc td:first-child {
    line-height: 44px;
    vertical-align: top
}

.cont_main.user_cont .user-wallet .amount-desc td p {
    max-width: 405px;
    margin-top: 8px;
    line-height: 20px
}

.cont_main.user_cont .user-record {
    background: #fafafa
}

.cont_main.user_cont .pending-brief {
    background: #fafafa;
    font-size: 12px
}

.cont_main.user_cont .pending-col {
    padding: 16px 30px;
    font-size: 12px
}

.cont_main.user_cont .pending-detail {
    background: rgba(98, 150, 251, .1);
    height: 64px;
    display: flex;
    align-items: stretch;
    padding: 16px
}

.cont_main.user_cont .pending-detail>div {
    min-width: 160px;
    display: flex;
    flex-direction: column;
    justify-content: center
}

.cont_main.user_cont .pending-detail>div:first-child {
    margin-right: auto
}

.cont_main.user_cont .pending-detail .gapline {
    width: 1px;
    margin: 0 24px;
    background: rgba(233, 233, 233, .5)
}

.cont_main.user_cont .pending-value {
    margin-top: 4px;
    color: #515151;
    font-size: 18px;
    font-weight: 700;
    height: 24px;
    line-height: 24px;
    display: flex;
    align-items: center
}

.cont_main.user_cont .pending-notice {
    background: rgba(238, 162, 14, .05);
    color: #eea20e;
    padding: 12px 30px;
    line-height: 16px;
    text-align: center
}

.cont_main.user_cont .pending-tips {
    font-size: 12px;
    font-weight: 400;
    margin-left: 4px;
    display: inline-flex;
    align-items: center;
    gap: 2px
}

.cont_main.user_cont .pending-tips .icon {
    transform: scale(.75)
}

.cont_main.user_cont .pending-link {
    color: #959595;
    display: flex;
    align-items: center
}

.cont_main.user_cont .pending-link:hover {
    color: #515151
}

.cont_main.user_cont .pending-link:hover>.icon_right_arr_small {
    background-image: url(../images/2x/icon_right_arr_small-pressed.svg)
}

.cont_main.user_cont .pending-link:active {
    color: #959595
}

.cont_main.user_cont .pending-link:active>.icon_right_arr_small {
    background-image: url(../images/2x/icon_right_arr_small.svg)
}

.cont_main .list_tb td {
    padding: 5px 0;
    font-size: 14px
}

.user-setting {
    background: #fff;
    border-radius: 2px;
    padding: 40px 0;
    min-height: 580px
}

.user-setting>h3 {
    font-weight: 700;
    color: #515151;
    margin-bottom: 9px;
    padding: 0 54px
}

.user-setting .list_tb .tr_order_collapse td {
    border: none
}

.user-setting .list_tb .tb-padding {
    width: 54px;
    border: none
}

.user-setting .list_tb span {
    margin-right: 12px
}

.user-setting .list_tb .i_Btn_small {
    margin-left: 12px
}

.user-setting .list_tb .t_Vtop {
    line-height: 48px
}

.user-setting .list_tb .tr_steam_id:hover .t_Left:nth-child(2) {
    padding: 0
}

.user-setting .list_tb .tr_steam_id_item {
    display: flex;
    align-items: center;
    height: 38px;
    color: #959595
}

.user-setting .list_tb .tr_steam_id_item>span {
    font-size: 12px
}

.user-setting .list_tb .tr_steam_id_item .i_Btn_small {
    margin-left: 0;
    min-width: 36px
}

.user-setting .list_tb .tr_steam_id_item .hover-show {
    display: none
}

.user-setting .list_tb .tr_steam_id_item .hover-show .i_Btn_small:nth-child(n+2) {
    margin-left: 8px
}

.user-setting .list_tb .tr_steam_id_item:hover {
    color: #333;
    background: #f5f5f5
}

.user-setting .list_tb .tr_steam_id_item:hover .steam_full_name {
    color: #333
}

.user-setting .list_tb .tr_steam_id_item:hover .hover-show {
    display: flex
}

.user-setting .list_tb .tr_steam_id_item:hover .hover-hide {
    display: none
}

.user-setting .list_tb .steam_full_name {
    max-width: 260px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    text-decoration: none;
    color: #515151
}

.user-wallet {
    background: #fff;
    border-radius: 0 0 2px 2px;
    padding: 30px
}

.user-wallet h2 {
    font-size: 16px;
    color: #959595;
    margin: 0 0 12px
}

.user-wallet-section {
    margin-bottom: 42px
}

.user-wallet-section .nodata {
    height: 200px;
    line-height: 200px
}

.user-pay-desc {
    background: #FEFCF7;
    padding: 0 20px
}

.user-pay-desc ul {
    color: #929394;
    margin-top: -12px
}

.user-pay-desc li {
    line-height: 26px;
    font-size: 12px
}

.user-pay-desc .l_Right {
    width: 180px;
    text-align: center
}

.user-pay-desc .l_Right big {
    font-size: 28px
}

.user-pay-desc .l_Right p {
    margin: 9px 0
}

.user-pay-desc .l_Right .i_Btn {
    margin: 0
}

.line {
    height: 1px;
    font-size: 0;
    overflow: hidden;
    background-image: linear-gradient(-90deg, rgba(250, 250, 250, 0) 0, #eea20e 49%, rgba(250, 250, 250, 0) 100%);
    *background: #544B35
}

.line_blue {
    background-image: linear-gradient(-90deg, rgba(39, 42, 44, 0) 0, #4773c8 49%, rgba(39, 42, 44, 0) 100%);
    *background: #4773c8
}

.user-record {
    background: #fff;
    border-radius: 0 0 2px 2px;
    padding: 0 0 36px;
    min-height: 600px
}

.msg-title {
    text-align: left;
    color: #515151;
    padding: 0 30px;
    cursor: pointer;
    text-align: justify;
    line-height: 24px
}

.msg-folder-handler {
    cursor: pointer
}

.msg-folder-handler.on .msg-title,
.msg-folder-handler:hover .msg-title {
    color: #EEA20E
}

.msg-cont {
    line-height: 24px;
    padding: 5px 30px;
    color: #515151;
    text-align: justify
}

.msg-cont img {
    max-width: 100%
}

.msg-folder {
    background-image: linear-gradient(-180deg, #e2e2e2 0, #f5f5f5 23%) !important;
    *background: #F5F5F5;
    display: none
}

.msg-folder2 {
    background: #F2F3F4
}

.msg-folder2 td {
    padding: 0
}

.msg-folder2 .msg-cont {
    padding: 10px 30px
}

.user-msg-community {
    background: #fafafa;
    min-height: 630px
}

.user-msg-community .msg-community-subtab {
    display: flex;
    height: 48px;
    background: #f5f5f5;
    border: 1px solid rgba(233, 233, 233, .5);
    border-left: 0;
    border-right: 0;
    list-style: none;
    margin: 0;
    padding: 0
}

.user-msg-community .msg-community-subtab li {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    cursor: pointer;
    color: #333;
    font-size: 16px;
    border-bottom: 3px solid transparent;
    box-sizing: border-box;
    user-select: none
}

.user-msg-community .msg-community-subtab li.on {
    color: #4773c8;
    font-weight: 700;
    border-bottom-color: #4773c8
}

.user-msg-community .msg-community-subtab li .tag_unread {
    display: inline-block;
    min-width: 16px;
    padding: 1px 2px;
    box-sizing: border-box;
    background: #eea20e;
    color: #fff;
    border-radius: 2px;
    font-size: 12px;
    line-height: 14px;
    text-align: center
}

.user-msg-community .msg-community-list {
    list-style: none;
    margin: 0;
    padding: 0
}

.user-msg-community .pager {
    padding: 30px 0
}

.user-msg-community .msg-community-item {
    padding: 12px 20px;
    border-bottom: 1px solid rgba(233, 233, 233, .5);
    background: #fafafa;
    cursor: pointer;
    transition: background .15s ease
}

.user-msg-community .msg-community-item:hover {
    background: #f5f5f5
}

.user-msg-community .msg-community-item:active {
    background: #eaeaea
}

.user-msg-community .msg-community-main {
    display: flex;
    align-items: flex-start;
    gap: 12px
}

.user-msg-community .msg-community-left {
    flex: 1;
    min-width: 0;
    display: flex;
    gap: 12px;
    align-items: center
}

.user-msg-community .msg-community-tx {
    flex-shrink: 0;
    position: relative;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background: #e4e4e4
}

.user-msg-community .msg-community-tx img {
    display: block;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    object-fit: cover
}

.user-msg-community .msg-community-tx .vip-avatar-wrap {
    position: relative;
    display: block;
    width: 48px;
    height: 48px
}

.user-msg-community .msg-community-tx .vip-avatar-wrap::after {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    width: 16px;
    height: 16px;
    background: center/contain url(../images/site/icon_VIP_bordered.png) no-repeat
}

.user-msg-community .msg-community-info {
    flex: 1;
    min-width: 0;
    padding-top: 2px;
    display: flex;
    flex-direction: column;
    gap: 4px
}

.user-msg-community .msg-community-meta {
    display: flex;
    align-items: center;
    gap: 8px;
    white-space: nowrap;
    line-height: 1
}

.user-msg-community .msg-community-meta .name {
    color: #333;
    font-size: 16px
}

.user-msg-community .msg-community-meta .name.vip {
    color: #e1ab60
}

.user-msg-community .msg-community-meta .action,
.user-msg-community .msg-community-meta .time {
    color: #959595;
    font-size: 14px
}

.user-msg-community .msg-community-text {
    margin: 0;
    color: #333;
    font-size: 14px;
    line-height: 1.5;
    word-break: break-all;
    word-wrap: break-word
}

.user-msg-community .msg-community-quote {
    display: flex;
    align-items: stretch;
    gap: 4px;
    width: 100%
}

.user-msg-community .msg-community-quote .quote-bar {
    flex-shrink: 0;
    width: 4px;
    background: #e4e4e4;
    height: 18px;
    align-self: center;
    border-radius: 1px
}

.user-msg-community .msg-community-quote .quote-text {
    flex: 1;
    min-width: 0;
    margin: 0;
    color: #959595;
    font-size: 14px;
    line-height: 1.5;
    padding: 2px 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.user-msg-community .msg-community-thumb {
    flex-shrink: 0;
    display: block;
    width: 48px;
    height: 48px;
    border: 1px solid #e4e4e4;
    border-radius: 2px;
    overflow: hidden;
    background: #fff;
    box-sizing: border-box
}

.user-msg-community .msg-community-thumb img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover
}

.user-msg-community .msg-community-actions {
    margin-top: 12px;
    padding-left: 60px;
    display: flex;
    align-items: center;
    gap: 12px
}

.user-msg-community .msg-community-actions .action-btn {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    cursor: pointer;
    color: #959595;
    font-size: 12px;
    line-height: 1
}

.user-msg-community .msg-community-actions .action-btn:hover {
    color: #515151
}

.user-msg-community .msg-community-actions .action-btn:hover .icon_msg_like {
    background-image: url(../images/2x/icon_16_like_light_hover.svg)
}

.user-msg-community .msg-community-actions .action-btn:hover .icon_msg_comment {
    background-image: url(../images/2x/icon_16_comment_light_hover.svg)
}

.user-msg-community .msg-community-actions .action-btn:active {
    color: silver
}

.user-msg-community .msg-community-actions .action-btn:active .icon_msg_like {
    background-image: url(../images/2x/icon_16_like_light_pressed.svg)
}

.user-msg-community .msg-community-actions .action-btn:active .icon_msg_comment {
    background-image: url(../images/2x/icon_16_comment_light_pressed.svg)
}

.user-msg-community .icon_msg_comment,
.user-msg-community .icon_msg_like {
    display: inline-block;
    width: 16px;
    height: 16px;
    vertical-align: middle;
    background-repeat: no-repeat;
    background-size: contain
}

.user-msg-community .icon_msg_like {
    background-image: url(../images/2x/icon_16_like_light.svg);
    background-size: 14px 14px
}

.user-msg-community .icon_msg_comment {
    background-image: url(../images/2x/icon_16_comment_light.svg)
}

.user-msg-community .msg-community-actions .j_msg-like-btn.on {
    color: #eea20e
}

.user-msg-community .msg-community-actions .j_msg-like-btn.on .icon_msg_like {
    background-image: url(../images/2x/icon_16_like_light_on.svg)
}

.user-msg-community .msg-community-actions .j_msg-like-btn.on:hover {
    color: #ffbd3d
}

.user-msg-community .msg-community-actions .j_msg-like-btn.on:hover .icon_msg_like {
    background-image: url(../images/2x/icon_16_like_light_on_hover.svg)
}

.user-msg-community .msg-community-actions .j_msg-like-btn.on:active {
    color: #cd931d
}

.user-msg-community .msg-community-actions .j_msg-like-btn.on:active .icon_msg_like {
    background-image: url(../images/2x/icon_16_like_light_on_pressed.svg)
}

.user-msg-community .msg-community-replybox {
    margin-top: 12px;
    padding-left: 60px;
    display: flex;
    align-items: flex-start;
    gap: 12px
}

.user-msg-community .msg-community-replybox .replybox-input {
    flex: 1;
    min-width: 0;
    height: 38px;
    display: flex;
    align-items: center;
    overflow: hidden;
    box-sizing: border-box;
    padding: 0 16px;
    background: #fff;
    border: 1px solid #E4E4E4;
    border-radius: 2px;
    transition: background .2s, border-color .2s
}

.user-msg-community .msg-community-replybox .replybox-input:focus-within {
    background: #F8F6F1;
    border-color: #eea20e
}

.user-msg-community .msg-community-replybox .replybox-input textarea {
    display: block;
    width: 100%;
    height: 18px;
    background: 0 0;
    border: 0;
    outline: 0;
    color: #515151;
    font-size: 14px;
    line-height: 18px;
    resize: none;
    overflow-y: auto;
    font-family: "Microsoft YaHei", sans-serif
}

.user-msg-community .msg-community-replybox .replybox-input textarea::placeholder {
    color: silver
}

.user-msg-community .msg-community-replybox .replybox-btn {
    flex-shrink: 0;
    width: 85px;
    height: 38px;
    line-height: 38px;
    text-align: center;
    background: #4773c8;
    color: #fff;
    font-size: 14px;
    border-radius: 2px;
    cursor: pointer
}

.user-msg-community .msg-community-replybox .replybox-btn:hover {
    background: #567fcd
}

.user-msg-community .msg-community-replybox .replybox-btn:active {
    background: #3c61a8
}

.user-msg-community .nodata {
    padding: 80px 0
}

.user-feedback {
    padding: 40px 54px;
    background-color: #fff;
    min-height: 600px;
    border-radius: 2px
}

.user-feedback h2 {
    font-weight: 700;
    color: #515151;
    line-height: 30px
}

.user-feedback h5 {
    line-height: 22px
}

.user-feedback .list_tb td {
    padding: 14px 0;
    height: auto
}

.user-feedback .list_tb h5 {
    width: 200px;
    height: 24px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.user-feedback .list_tb .icon_new {
    margin-left: 6px
}

.upload-pics {
    display: inline-block
}

.upload-pics .upload-item {
    position: relative;
    display: inline-block;
    margin-right: 20px
}

.upload-pics .upload-item img {
    width: 80px;
    height: 80px;
    object-fit: contain
}

.upload-pics .upload-item .icon {
    position: absolute
}

.upload-pics .upload-item .icon_delete_small {
    top: 0;
    right: -20px
}

.upload-pics .upload-item .icon_uploading {
    position: static
}

.upload-btn {
    display: inline-block;
    padding: 27px;
    border: 1px dashed #e3e3e3;
    position: relative;
    vertical-align: middle;
    margin-right: 10px
}

.upload-btn:hover {
    border-color: #ccc
}

.upload-btn input {
    width: 76px;
    height: 76px;
    position: absolute;
    left: 2px;
    top: 2px;
    opacity: 0;
    cursor: pointer;
    filter: alpha(opacity=0)
}

.upload-progressing {
    position: absolute;
    left: 0;
    top: 0;
    background: #ccc;
    background: rgba(0, 0, 0, .8);
    padding: 25px
}

.upload-single-fail,
.upload-single-progressing {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: rgba(0, 0, 0, .8);
    color: #FFF;
    text-align: center;
    box-sizing: border-box;
    padding-top: 34px
}

.upload-single-fail {
    background: rgba(137, 64, 64, .8)
}

.upload-single-fail span {
    cursor: default;
    text-decoration: underline
}

.upload-single-fail span:hover {
    color: #EDEDED
}

.user-cont {
    background: #fff;
    border-radius: 2px;
    padding: 40px 54px
}

.user-cont h2 {
    font-weight: 700;
    color: #515151;
    margin-bottom: 9px
}

.change .list_tb td {
    padding: 6px 0
}

.change .list_tb tr.bookmark_order {
    min-height: 90px
}

.change .list_tb tr.bookmark_order .pattern-range {
    width: 180px
}

.change .list_tb tr.bookmark_order .csgo_charm img {
    height: 5px;
    border-radius: 2.5px
}

.change .list_pattern_collect td {
    padding: 12px 0
}

.user-change {
    padding: 30px 0
}

.user-change span {
    margin-right: 20px
}

.user-change .i_Text {
    width: 90px;
    text-transform: uppercase;
    margin: 0 6px;
    font-weight: 700;
    font-size: 18px
}

.feedback-form {
    margin: 20px 0 40px
}

.feedback-form .list_tb {
    border: none
}

.feedback-form .list_tb td {
    border: none;
    padding: 9px 24px 9px 0;
    height: auto
}

.feedback-form tr:hover {
    background: 0 0
}

.feedback-form .i_Text {
    width: 690px
}

.feedback-form textarea {
    height: 106px
}

.feedback-form .c_Red {
    line-height: 42px
}

.text-title {
    line-height: 30px;
    padding: 0 12px
}

.text-cont {
    text-align: justify;
    line-height: 26px;
    color: #515151;
    padding-right: 20px;
    word-break: break-word
}

.text-img {
    margin-top: 8px
}

.text-img img {
    margin-top: -3px;
    margin-right: 4px
}

.user-fav {
    margin-left: 24px;
    color: #959595;
    cursor: pointer;
    font-size: 14px;
    font-weight: 400
}

.user-fav .icon {
    margin: -2px 0 0 8px !important
}

.user-nick {
    width: 600px;
    text-align: left
}

.user-nick .i_Btn {
    min-width: auto;
    margin: 0 0 0 9px
}

.tb_user {
    border-collapse: collapse
}

.tb_user th {
    background: #F0F0F0;
    padding: 18px 9px;
    font-size: 15px
}

.tb_user td {
    border-bottom: 1px solid #c8c7c9;
    padding: 18px 9px
}

.user-fund {
    font-size: 15px;
    color: #666;
    padding: 32px 32px 32px 64px
}

.user-fund span {
    font-size: 24px;
    color: #000;
    margin: 0 32px 0 0
}

.user-fund .icon_info {
    margin: 0 9px 0 0
}

.user-countup {
    padding: 12px 32px
}

.user-countup li {
    line-height: 32px;
    height: 32px
}

.pay-method {
    padding: 20px 0;
    display: none
}

.pay-method .l_Tb td,
.pay-method .l_Tb th {
    padding: 12px 3px
}

.pay-method .tips {
    margin: 12px 0 0;
    line-height: 24px
}

.pay-method-title {
    padding: 20px;
    font-weight: 700;
    font-size: 15px
}

.user-mail .icon_unread {
    display: none
}

.user-mail .unread .icon_unread {
    display: inline-block
}

.mail-summary {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    width: 370px
}

.cont_panel_help {
    width: 274px;
    padding: 16px 0
}

.cont_main_help {
    margin-left: 294px
}

.help-section {
    padding: 16px 12px 16px 28px
}

.help-section a:link,
.help-section a:visited {
    color: #90969C
}

.help-section a:hover {
    color: #fff
}

.help-section a:active {
    color: #515151
}

.help-section h2 {
    font-size: 16px;
    font-weight: 700;
    color: #C4C8CE;
    border-left: 2px solid #4773c8;
    padding: 0 0 0 9px;
    cursor: pointer
}

.help-section h2:hover {
    color: #fff
}

.help-section ul {
    padding: 16px 0 16px 16px;
    margin: 16px 0 0;
    display: none;
    background-image: linear-gradient(-270deg, rgba(114, 125, 144, .2) 9%, rgba(23, 23, 23, .2) 91%);
    *background: #1F222B
}

.help-section .icon_arr_right_small {
    display: none
}

.help-section li {
    height: 36px;
    line-height: 36px
}

.help-section li.on a {
    color: #fff
}

.help-section li.on .icon {
    display: inline-block;
    margin-left: 0
}

.help-section.on h2 {
    color: #fff
}

.help-section.on ul {
    display: block
}

.help-wraper {
    color: #515151;
    font-size: 16px;
    background: #fff;
    padding: 40px 56px;
    border-radius: 2px;
    text-align: justify;
    line-height: 30px
}

.help-title {
    border-bottom: 1px solid #E3E3E3;
    padding: 0 0 20px
}

.help-title h1 {
    font-size: 22px;
    line-height: 24px;
    font-weight: 700
}

.help-title p {
    margin: 12px 0 0
}

.help-cont h3 {
    font-size: 18px;
    font-weight: 700;
    margin: 32px 0 24px
}

.help-cont p {
    margin: 12px 0
}

.help-cont a:link,
.help-cont a:visited {
    color: #4773c8
}

.help-cont a:hover {
    color: #eea20e
}

.help-cont a:active {
    color: #cd931d
}

.help-cont img {
    max-width: 100%
}

.user-coupon {
    background: #fff;
    border-radius: 0 0 2px 2px;
    padding: 30px
}

.user-coupon-list {
    display: flex;
    flex-wrap: wrap
}

.user-coupon-list li {
    width: 280px;
    height: 160px;
    margin-left: 20px;
    margin-bottom: 30px;
    border-radius: 4px;
    overflow: hidden;
    background: url(../images/site/couponbkg.jpg) 0 bottom no-repeat
}

.user-coupon-list li:nth-of-type(3n-2) {
    margin-left: 0
}

.user-coupon-head {
    color: #fff;
    height: 70px;
    padding: 0 20px;
    align-items: center;
    position: relative
}

.user-coupon-head:before {
    content: "";
    position: absolute;
    width: 100%;
    left: 0;
    bottom: -4px;
    border-bottom: 8px dotted #fff
}

.user-coupon-head h2 {
    font-size: 24px;
    font-weight: 700;
    line-height: 24px;
    padding: 10px 0 6px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 170px
}

.user-coupon-head p {
    font-size: 12px
}

.user-coupon-head .i_Btn {
    width: 80px;
    height: 30px;
    background: rgba(255, 255, 255, .3);
    border: 1px solid #FFF;
    border-radius: 2px;
    min-width: auto;
    padding: 0;
    position: absolute;
    right: 10px;
    top: 16px
}

.user-coupon-head .i_Btn:hover {
    background: #FFF
}

.user-coupon-body {
    padding: 12px 20px;
    font-size: 12px;
    color: #959595;
    letter-spacing: .55px;
    line-height: 20px;
    position: relative
}

.user-coupon-body:after,
.user-coupon-body:before {
    position: absolute;
    content: "";
    top: -10px;
    width: 20px;
    height: 20px;
    border-radius: 100%;
    background: #fff
}

.user-coupon-body:before {
    left: -10px
}

.user-coupon-body:after {
    right: -10px
}

.user-coupon-body p {
    padding-left: 10px;
    position: relative
}

.user-coupon-body p:before {
    position: absolute;
    content: "·";
    left: 0
}

.user-coupon-con {
    max-height: 66px;
    overflow-y: auto
}

.user-coupon-purple {
    background: #9800FF
}

.user-coupon-purple .i_Btn:hover {
    color: #9800FF !important
}

.user-coupon-orange {
    background: #FF8200
}

.user-coupon-orange .i_Btn:hover {
    color: #FF8200 !important
}

.user-coupon-blue {
    background: #007DFF
}

.user-coupon-blue .i_Btn:hover {
    color: #007DFF !important
}

.user-coupon-dblue {
    background: #46597A
}

.user-coupon-dblue .i_Btn:hover {
    color: #46597A !important
}

.user-coupon-yellow {
    background: #E4B92C
}

.user-coupon-yellow .i_Btn:hover {
    color: #E4B92C !important
}

.user-coupon-gray {
    background: #ABB1B6
}

.user-coupon-green {
    background: #55A12D
}

.user-coupon-green .i_Btn:hover {
    color: #55A12D !important
}

.user-refund {
    background: #fafafa;
    border-radius: 0 0 2px 2px;
    padding: 0 0 36px;
    min-height: 600px
}

.user-refund-header {
    display: flex;
    padding: 32px;
    align-content: center;
    gap: 16px
}

.user-refund-card {
    background: #fff;
    border: 1px solid #e4e4e4;
    border-radius: 2px;
    height: 90px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 8px;
    flex: 1;
    font-size: 16px
}

.user-refund-card h3 {
    font-size: 20px;
    line-height: 26px;
    font-weight: 700;
    color: #eea20e
}

.user-refund-card span {
    display: flex;
    align-items: center;
    gap: 4px
}

.tag_csgo {
    background: #EEA20E
}

.tag_csgo a {
    color: #fff
}

.tag_dota {
    background: #E13B1B
}

.tag_dota a {
    color: #fff
}

.tag_h1z1 {
    background: #A40506
}

.tag_h1z1 a {
    color: #fff
}

.tag_pubg {
    background: #C57519
}

.tag_pubg a {
    color: #fff
}

.news-cont {
    background: #fafafa
}

.news-cont_list {
    padding: 20px
}

.news-cont_detail {
    padding: 48px
}

.news-cont_comment {
    padding: 36px
}

.news-list li {
    overflow: hidden;
    *zoom: 1;
    padding: 12px;
    background: #F0F0F0;
    margin-bottom: 20px;
    position: relative
}

.news-list li:hover {
    background: #EBEBEB
}

.news-list li img {
    float: left
}

.news-list li p {
    margin: 6px 0;
    color: #959595
}

.news-list li .icon_stick {
    position: absolute;
    left: 8px;
    line-height: 39px;
    font-size: 16px;
    color: #fff;
    text-align: center
}

.news-list-text {
    margin-left: 220px;
    position: relative;
    height: 132px
}

.news-list-text h4 {
    font-size: 18px;
    font-weight: 700;
    padding: 12px 0 6px
}

.news-list-text .news-attr {
    position: absolute;
    left: 0;
    bottom: 0
}

.news-attr span {
    margin-right: 24px !important;
    color: #959595
}

.news-attr .tag {
    margin-right: 9px;
    height: 20px;
    line-height: 20px;
    font-weight: 700;
    color: #fff
}

.news-attr .icon {
    margin: -2px 6px 0 0
}

.news-detail-header h1 {
    font-size: 20px;
    color: #515151;
    font-weight: 700;
    line-height: 26px;
    margin-bottom: 20px
}

.news-detail-header .icon {
    margin: -4px 6px 0 0
}

.news-detail-header .user-fav {
    font-size: 16px
}

.news-detail-cont {
    font-size: 16px;
    color: #515151;
    line-height: 30px;
    text-align: justify
}

.news-detail-cont h4 {
    font-size: 18px;
    font-weight: 700
}

.news-detail-cont p {
    margin: 20px 0
}

.news-detail-cont img {
    max-width: 1100px
}

.news-detail-cont a:link,
.news-detail-cont a:visited {
    color: #4773c8
}

.news-detail-cont a:hover {
    color: #eea20e
}

.news-detail-cont a:active {
    color: #cd931d
}

.news-detail-cont .icon_stickers {
    display: flex
}

.news-detail-footer {
    padding-top: 20px;
    color: rgba(73, 73, 73, .6);
    font-size: 12px;
    line-height: 28px
}

.news-comment_title,
.news-comment_title2 {
    color: #515151;
    line-height: 30px;
    font-weight: 700
}

.news-comment_title {
    font-size: 20px;
    position: relative
}

.news-comment_title:before {
    position: absolute;
    content: "";
    width: 4px;
    height: 20px;
    background: #4886FF;
    left: -14px;
    top: 6px
}

.news-comment_title2 .icon {
    margin-top: -2px;
    margin-right: 10px
}

.news-comment_input {
    margin-top: 30px;
    position: relative
}

.news-comment_input .i_Text {
    width: 100%;
    box-sizing: border-box;
    padding: 20px
}

.news-comment_input .news-comment_inputBtn {
    text-align: right;
    margin-top: 20px
}

.news-comment_input .icon_comment_arr {
    position: absolute;
    content: "";
    top: -15px;
    right: 8px
}

.news-comment_item {
    padding: 20px 0 20px 70px;
    border-bottom: 1px solid #E8E8E8;
    position: relative
}

.news-comment_item img {
    width: 50px;
    height: 50px;
    border-radius: 100%;
    position: absolute;
    left: 0;
    top: 30px
}

.news-comment_item .news-comment_input {
    margin-top: 20px
}

.news-comment_item .news-comment_input .i_Text {
    padding-top: 10px;
    padding-bottom: 10px
}

.news-comment_intr {
    font-size: 14px;
    color: #515151;
    line-height: 26px
}

.news-comment_op {
    margin-top: 6px;
    overflow: hidden;
    zoom: 1;
    color: #959595
}

.news-comment_op .icon {
    margin-right: 6px;
    margin-top: -2px
}

.news-comment-good {
    margin-right: 20px
}

.news-comment-re {
    margin-left: 20px;
    cursor: pointer
}

.news-comment-re:hover {
    color: #EEA20E
}

.news-comment-re.on {
    color: #515151
}

.news-comment_reply {
    background: #F4F4F4;
    margin-top: 20px
}

.news-comment_reply li {
    padding: 20px 0;
    margin: 0 20px;
    border-bottom: 1px solid #E8E8E8
}

.news-comment_reply li:last-of-type {
    border-bottom: 0
}

.contest {
    width: 343px;
    margin: 20px auto;
    position: relative;
    background: #F6F6F6;
    padding: 16px
}

.contest .tag_win {
    background-image: linear-gradient(135deg, #b6ea1a 0, #63c710 100%);
    margin: 0
}

.contest .icon_tag_c {
    width: 12px;
    height: 12px;
    background: url(../images/uis/tag_c.png) no-repeat;
    background-size: contain
}

.contest .icon_tag_t {
    width: 12px;
    height: 12px;
    background: url(../images/uis/tag_t.png) no-repeat;
    background-size: contain
}

.contest .icon_switcher_left,
.contest .icon_switcher_right {
    width: 32px;
    height: 32px;
    background: #ccc url(../images/uis/switcher-left.png) no-repeat center center;
    background-size: 24px 24px;
    border-radius: 50%;
    cursor: pointer
}

.contest .icon_switcher_left:hover,
.contest .icon_switcher_right:hover {
    background-color: #C1C1C1
}

.contest .icon_switcher_right {
    background-image: url(../images/uis/switcher-right.png)
}

.contest .icon_switcher_disabled {
    background-color: #e9e9e9;
    cursor: not-allowed
}

.contest .icon_switcher_disabled:hover {
    background-color: #e9e9ee
}

.contest .switcher-left {
    position: absolute;
    left: -50px;
    top: 124px
}

.contest .switcher-right {
    position: absolute;
    right: -50px;
    top: 124px
}

.contest-header {
    overflow: hidden
}

.contest-header h3 {
    text-align: left;
    padding: 0 0 12px
}

.contest-header h3 img {
    margin: 0 6px 0 0
}

.contest-header img {
    border-radius: 50%;
    vertical-align: middle
}

.contest-header .scope-tag {
    background: rgba(0, 0, 0, .44);
    position: absolute;
    right: 0;
    top: 0;
    margin: 0
}

.contest-header .count_1 .banner-item {
    height: 192px;
    margin: 0
}

.contest-header .count_2 .banner-item {
    height: 94px;
    margin: 0 0 5px
}

.contest-header .count_3 .banner-item {
    height: 62px;
    margin: 0 0 3.5px
}

.contest-header .count_4 .banner-item,
.contest-header .count_5 .banner-item {
    height: 37px;
    margin: 0 0 2px
}

.contest-header .banner-item {
    border-radius: 4px;
    color: #fff;
    position: relative;
    background-size: cover !important;
    display: flex
}

.contest-header .scope-score {
    width: 300px;
    margin: auto
}

.contest-header .scope-score strong {
    font-size: 24px;
    line-height: 24px;
    display: inline-block;
    vertical-align: middle
}

.contest-header .scope-score img {
    margin: 0 9px 0
}

.contest-header .scope-score .s1 {
    width: 130px;
    float: left;
    text-align: right
}

.contest-header .scope-score .scope-mark {
    float: left;
    text-align: center;
    width: 40px;
    font-weight: 700
}

.contest-header .scope-score .s2 {
    width: 130px;
    float: left;
    text-align: left
}

.contest-header .count_1 .scope_single {
    width: 250px;
    margin: auto;
    background: rgba(0, 0, 0, .3);
    border-radius: 4px;
    overflow: hidden
}

.contest-header .count_1 .scope_single h4 {
    height: 25px;
    line-height: 25px;
    font-size: 12px;
    text-align: center;
    background: rgba(255, 255, 255, .13)
}

.contest-header .count_1 .scope-score {
    *zoom: 1;
    padding: 10px 0;
    width: auto
}

.contest-header .count_1 .scope-score:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
}

.contest-header .count_1 .scope-score:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
}

.contest-header .count_1 .scope-score:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
}

.contest-header .count_1 .scope-score .s1 {
    width: 100px
}

.contest-header .count_1 .scope-score .s1 img {
    margin-right: 36px
}

.contest-header .count_1 .scope-score .s2 {
    width: 100px
}

.contest-header .count_1 .scope-score .s2 img {
    margin-left: 36px
}

.contest-header .count_1 .scope-half {
    display: flex;
    justify-content: space-around
}

.contest-header .count_1 .scope-half .s1,
.contest-header .count_1 .scope-half .s3 {
    margin: auto
}

.contest-header .count_1 .scope-half .s2 table {
    margin: 0 auto
}

.contest-header .count_1 .scope-half .s2 td {
    font-size: 12px;
    padding: 0 4px
}

.contest-list {
    margin: 10px 0 0;
    display: none
}

.contest-list .c_Green {
    color: #0b0
}

.contest-list .c_Gray {
    color: #959595
}

.contest-list .c_Red {
    color: red
}

.contest-list td,
.contest-list th {
    text-align: left;
    font-size: 12px;
    color: #3E3E3E;
    border-bottom: 1px solid #eee;
    padding: 5px 3px
}

.contest-list th {
    font-weight: 400
}

.contest-list th img {
    border-radius: 50%
}

.contest-list h5 {
    font-size: 12px;
    width: 80px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.contest-switcher {
    height: 200px;
    overflow: hidden;
    position: relative
}

.contest-switcher .scope-banners {
    float: left;
    width: 343px
}

.contest-switcher-move {
    position: absolute;
    left: 0;
    top: 0
}

.vote {
    width: 450px;
    margin: 0 auto 30px;
    position: relative;
    padding: 20px 10px 10px;
    background: #F6F6F6
}

.vote p {
    margin: 0;
    line-height: 1.2;
    font-family: "Microsoft YaHei";
    color: #515151
}

.vote .flex-fs {
    display: flex;
    justify-content: flex-start;
    align-items: center
}

.vote .flex-sb {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.vote .flex-cen {
    display: flex;
    justify-content: center;
    align-items: center
}

.vote .vote-title {
    margin-top: 20px;
    font-size: 16px;
    color: #3E3E3E;
    line-height: 26px;
    letter-spacing: 1px
}

.vote-cont .vote-question {
    margin-bottom: 20px;
    font-size: 16px;
    color: #3E3E3E
}

.vote-cont .vote-list {
    box-sizing: border-box;
    margin-top: 12px;
    width: 100%
}

.vote-cont .vote-list-li {
    box-sizing: border-box;
    position: relative;
    margin-bottom: 12px;
    width: 100%;
    min-height: 54px;
    cursor: pointer
}

.vote-cont .vote-list-li-cont {
    box-sizing: border-box;
    z-index: 2;
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    min-height: 54px;
    padding: 16px;
    border: 1px solid #DFDFDF;
    border-radius: 2px
}

.vote-cont .vote-list-li-cont-txt {
    flex: 1;
    max-width: 310px;
    font-size: 16px;
    color: #3E3E3E;
    line-height: 26px
}

.vote-cont .vote-list-li-cont-right .vote-num {
    min-width: 50px;
    font-size: 14px;
    text-align: right;
    flex-shrink: 0;
    line-height: 26px
}

.vote-cont .vote-list-li-cont-right .vote-percentage {
    margin-left: 8px;
    width: 42px;
    font-size: 14px;
    color: #959595;
    text-align: right;
    flex-shrink: 0;
    line-height: 26px
}

.vote-cont .vote-list-li-cont-click {
    border-color: #4773c8
}

.vote-cont .vote-list-li-bg {
    z-index: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #fff
}

.vote-cont .vote-list-li .vote-progress {
    z-index: 1;
    position: absolute;
    top: 0;
    left: 0;
    width: 50%;
    height: 100%;
    background: rgba(116, 116, 116, .06)
}

.vote-cont .vote-list-li .vote-progress-click {
    background: rgba(71, 115, 200, .06)
}

.vote-cont .vote-list-li:last-child {
    margin-bottom: 0
}

.vote-cont .vote-foot {
    margin-top: 20px
}

.vote-cont .vote-foot-left-txt {
    font-size: 14px;
    color: #959595
}

.vote-cont .vote-foot .deadline {
    margin-top: 6px
}

.vote-cont .vote-foot .vote-btn {
    width: 120px;
    height: 38px;
    padding: 0;
    background: #4773c8;
    border-radius: 2px;
    font-size: 16px;
    color: #fff;
    text-align: center;
    line-height: 38px;
    outline: 0;
    border: none;
    cursor: pointer
}

.vote-cont .vote-foot .finished {
    background: #CBCBCB
}

.vip-banner {
    height: 300px;
    background: url(../images/vip/img_membership_VIPKV.png) no-repeat;
    background-size: contain;
    border-radius: 3px;
    overflow: hidden;
    position: relative;
    color: #fff
}

.vip-banner .vip-name {
    position: absolute;
    left: 54px;
    top: 54px
}

.vip-banner h3 {
    font-size: 22px;
    padding: 18px 0 9px 18px
}

.vip-banner p {
    padding: 0 0 0 18px
}

.vip-banner .vip-expired {
    background: #46351C;
    color: #fff;
    width: 152px;
    height: 24px;
    line-height: 24px;
    text-align: center;
    position: absolute;
    left: 251px;
    top: 54px;
    border-radius: 0 50px 0 120px;
    text-indent: 12px
}

.vip-banner .scope-btn {
    position: absolute;
    top: 194px;
    left: 692px
}

.vip-banner .vip-saletag {
    background: #D10D1C;
    width: 110px;
    height: 24px;
    line-height: 22px;
    text-align: center;
    text-indent: 12px;
    color: #fff;
    right: 0;
    top: -12px;
    position: absolute;
    border-radius: 0 0 0 120px;
    font-size: 12px
}

.vip-banner .vip-saletag strong {
    font-size: 16px;
    margin: 0 3px
}

.vip-banner .i_Btn_vip {
    line-height: 50px;
    position: relative;
    color: #fff;
    text-align: center;
    font-size: 22px
}

.vip-cont {
    background: #fff;
    padding: 32px 54px
}

.vip-cont .scope-title {
    height: 38px
}

.vip-cont .scope-title_nosubtitle h3 {
    padding-top: 10px
}

.vip-cont h3 {
    margin: 0 0 8px
}

.vip-cont .list-mode {
    float: right;
    margin: 6px 0 0
}

.vip-cont .list-mode span {
    background-color: #E4E8EE;
    width: 1px;
    overflow: hidden;
    height: 16px;
    display: inline-block;
    vertical-align: middle;
    margin: 0 8px
}

.vip-cont .list-mode .icon {
    cursor: pointer
}

.vip-cardview {
    font-size: 0;
    width: 860px;
    margin: 16px 0 16px -8px
}

.vip-cardview li {
    width: 196px;
    height: 110px;
    background: url(../images/site/img_membership_bg_small.png);
    overflow: hidden;
    background-size: contain;
    border-radius: 4px;
    color: #fff;
    display: inline-block;
    font-size: 14px;
    margin: 4px 8px
}

.vip-cardview li a {
    display: block;
    height: 100%;
    width: 100%;
    position: relative
}

.vip-cardview li a:link,
.vip-cardview li a:visited {
    color: #fff
}

.vip-cardview li a:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: #fff;
    opacity: 0
}

.vip-cardview li a:hover:after {
    opacity: .08
}

.vip-cardview li h4 {
    padding: 16px;
    position: relative
}

.vip-cardview li p {
    font-size: 12px;
    padding: 16px
}

.vip-listview {
    display: flex;
    margin: 24px 0 32px 0
}

.vip-listview>ul>li {
    margin: 0 0 16px;
    text-align: center;
    color: #fff;
    cursor: pointer;
    width: 124px;
    height: 56px;
    background: url(../images/vip/card_bg/img_membership_more_S.png);
    display: flex
}

.vip-listview>ul>li span {
    margin: auto
}

.vip-listview>ul>li:hover {
    opacity: .9
}

.vip-listview>ul>li.on:hover {
    opacity: 1
}

.vip-listview>ul>li:last-of-type {
    margin: 0
}

.vip-listview>ul>li.disabled {
    cursor: text;
    pointer-events: none
}

.listview-cont {
    background: #F5F5F5;
    padding: 24px;
    flex: 1;
    margin-left: 24px
}

.listview-cont .scope-content {
    display: none
}

.listview-cont h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 0 0 20px
}

.listview-cont div {
    line-height: 24px
}

.listview-cont div p {
    margin: 6px 0
}

.vip-qa li h5 {
    height: 48px;
    line-height: 48px;
    padding: 0 16px;
    background: #F5F5F5;
    cursor: pointer;
    position: relative
}

.vip-qa li h5:hover {
    background: #F8F8F8
}

.vip-qa li h5 .icon {
    position: absolute;
    right: 18px;
    top: 18px
}

.vip-qa li div {
    line-height: 28px;
    padding: 16px;
    display: none
}

.vip-qa li.on h5 {
    background: #F8F8F8
}

.vip-qa li.on div {
    display: block
}

.vip-mark {
    text-align: center;
    margin: 0 auto;
    display: inline-block;
    margin: 6px 0
}

.vip-mark a {
    display: block;
    height: 24px;
    line-height: 24px;
    border-radius: 12px;
    background: rgba(255, 255, 255, .08);
    padding: 0 4px;
    color: #fff;
    font-size: 12px
}

.vip-mark a:hover {
    background: rgba(255, 255, 255, .16)
}

.vip-mark .icon_arr_right {
    margin: -2px 3px 0 3px
}

.vip-mark_on {
    color: #CB964C
}

.vip-mark_on h3 {
    color: #CB964C
}

.vip-mark_on a {
    color: #CB964C
}

.vip-item .pic-cont {
    position: relative
}

.vip-item td {
    padding-bottom: 55px;
    position: relative
}

.vip-tip {
    position: absolute;
    background: #f6f2ec;
    border: 1px solid #e0c39b;
    padding: 4px 18px;
    width: 1096px;
    left: 25px;
    top: 85px;
    color: #CB964C;
    text-align: left;
    font-size: 12px
}

.vip-tip .icon_desc_corner {
    position: absolute;
    top: -4px;
    left: 30px
}

.plus-card {
    *zoom: 1
}

.plus-card:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
}

.plus-card:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
}

.plus-card:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
}

.plus-card ul {
    width: 584px;
    margin-left: -22px
}

.plus-card li {
    width: 268px;
    height: 128px;
    background: url(../images/vip/img_membership_method_normal.png) no-repeat center center;
    float: left;
    margin: 0 0 24px 24px;
    cursor: pointer;
    position: relative
}

.plus-card li:hover {
    opacity: .8
}

.plus-card li.on {
    background-image: url(../images/vip/img_membership_method_selected.png)
}

.plus-card li h5 {
    padding: 24px 20px 0;
    font-size: 20px;
    line-height: 26px
}

.plus-card li p {
    font-size: 16px;
    padding: 0 20px 0;
    margin-top: 12px
}

.plus-card li p strong {
    font-size: 32px;
    font-weight: 700;
    margin-right: 6px;
    color: #CB964C;
    line-height: 42px
}

.plus-card .scope-sales-tag {
    position: absolute;
    right: 2px;
    top: 2px;
    background-image: linear-gradient(135deg, #f8cf20 0, #eea20e 100%);
    border-radius: 0 8px 0 100px;
    height: 32px;
    line-height: 32px;
    padding: 0 10px 0 24px;
    text-align: center;
    color: #fff;
    font-size: 20px
}

.contribute-header {
    background: url(../images/contribute/header-bg.png) no-repeat;
    width: 1200px;
    height: 140px
}

.contribute-desc {
    padding: 30px 54px 0 54px
}

.contribute-desc h3 {
    color: #eea20e;
    margin-bottom: 9px
}

.contribute-desc p {
    line-height: 28px
}

.contribute-form {
    background: #FAFAFA;
    border-radius: 2px;
    padding: 42px
}

.contribute-form .i_Text {
    padding: 11px;
    font-size: 16px;
    width: 990px
}

.contribute-form .list_tb {
    margin: 0 auto
}

.contribute-form .list_tb tr td {
    border: none;
    font-size: 16px
}

.contribute-form .list_tb tr:hover {
    background: 0 0
}

.contribute-form .fake-editor {
    border: 1px solid #e3e3e3;
    width: 1016px;
    height: 300px
}

.contribute-list {
    background: #fff;
    padding: 20px;
    min-height: 600px
}

.contribute-list .news-list {
    min-height: 600px
}

.contribute-list .news-list li {
    position: relative
}

.contribute-list .news-list .scope-status {
    position: absolute;
    right: 30px;
    top: 36px
}

.contribute-list .news-list .scope-btns {
    position: absolute;
    right: 30px;
    top: 30px
}

.roll .block-header {
    font-size: 12px
}

.roll .block-header strong {
    margin: 0 24px 0 9px
}

.roll-header {
    background: url(../images/site/roll/roll-header-bg.png) no-repeat;
    width: 1200px;
    height: 140px
}

.roll-desc {
    padding: 30px 54px 0 54px
}

.roll-desc h3 {
    color: #eea20e;
    margin-bottom: 9px
}

.roll-desc p {
    line-height: 28px;
    font-size: 12px
}

.roll-cont {
    background: #fafafa;
    padding: 14px 30px
}

.room-list {
    font-size: 12px;
    padding: 14px 0;
    width: 1176px
}

.room-list li {
    float: left;
    width: 260px;
    height: 343px;
    position: relative;
    border: 1px solid #E4E4E4;
    box-shadow: 0 0 4px 0 rgba(149, 149, 149, .3);
    border-top: 5px solid #4773c8;
    margin: 0 30px 30px 0;
    border-radius: 5px 5px 2px 2px;
    background: #fff
}

.room-list li.room_official {
    border-top-color: #eea20e
}

.room-list li.room_official .room-info h3 strong {
    max-width: 180px
}

.room-list li a {
    display: block;
    height: 100%
}

.room-list li:hover {
    background: #fafafa
}

.room-list li h3 {
    color: #515151 !important
}

.room-filter {
    height: 34px
}

.room-filter .w-Checkbox {
    font-size: 14px;
    margin: 6px -6px 0 0
}

.room-info {
    padding: 18px
}

.room-info h3 {
    font-weight: 700;
    font-size: 15px;
    height: 20px;
    line-height: 20px;
    margin: 0 0 3px
}

.room-info h3 strong {
    display: inline-block;
    max-width: 230px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    margin-right: 6px;
    vertical-align: middle
}

.room-album {
    text-align: center;
    width: 168px;
    margin: 18px auto 0;
    font-size: 0
}

.room-album div {
    width: 78px;
    height: 52px;
    margin: 3px;
    border-radius: 2px;
    background: #4F4F50;
    float: left;
    position: relative;
    background-image: linear-gradient(-180deg, #414141 0, #4d4d4d 47%, #60636b 100%)
}

.room-album div p {
    position: absolute;
    width: 100%;
    height: 100%;
    background: #5C5E66;
    *filter: alpha(opacity=70);
    left: 0;
    top: 0;
    line-height: 52px;
    font-size: 12px;
    color: #FAFAFA;
    border-radius: 2px;
    background: rgba(28, 32, 43, .7)
}

.room-account {
    background: #F6F6F6;
    height: 85px;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 260px
}

.room-account div {
    width: 129px;
    float: left;
    text-align: center;
    color: #959595;
    padding: 28px 0 0
}

.room-account .split {
    height: 20px;
    width: 2px;
    background: #ECECEC;
    float: left;
    margin: 38px 0 0
}

.room-account h4 {
    padding: 0 0 4px;
    font-size: 14px;
    color: #eea20e
}

.room-account h4 small {
    font-size: 12px
}

.room-account .user-thum {
    position: absolute;
    left: 50%;
    margin: 0 0 0 -25px;
    bottom: 62px
}

.room-joined {
    width: 100%;
    height: 349px;
    position: absolute;
    left: 0;
    top: -5px;
    border-radius: 5px 5px 2px 2px;
    background: #45536c;
    *filter: alpha(opacity=95);
    background: rgba(69, 83, 108, .95);
    text-align: center
}

.room-joined h5 {
    margin: 140px 0 18px;
    font-size: 16px;
    font-weight: 700
}

.roll-user {
    background: url(../images/site/roll/roll-user-bg.png) no-repeat;
    width: 240px;
    height: 214px;
    float: left;
    text-align: center
}

.roll-user .user-thum {
    margin: 30px auto 0
}

.roll-user p {
    height: 24px;
    line-height: 24px
}

.roll-user h3 {
    font-size: 16px;
    font-weight: 700;
    margin: 12px 0
}

.roll-user .line {
    margin: 9px 36px 12px
}

.room-detail {
    background: url(../images/site/roll/roll-detail-bg.png) no-repeat;
    width: 940px;
    height: 214px;
    float: right;
    position: relative
}

.room-detail .roll-joinbtn {
    float: right;
    padding: 150px 30px 0 0
}

.room-desc {
    padding: 36px 0 0 42px;
    width: 600px;
    float: left
}

.room-desc h2 {
    font-size: 20px;
    margin: 0 0 10px;
    line-height: 22px
}

.room-text {
    background: rgba(48, 61, 84, .3);
    border-radius: 2px;
    padding: 10px 24px;
    line-height: 24px;
    margin: 20px 0;
    *background: #1D2430
}

.roll-gifts-list li {
    width: 122px;
    height: 80px;
    position: relative;
    float: left;
    border-radius: 2px;
    background: #4F4F50;
    background-image: linear-gradient(-180deg, #414141 0, #4d4d4d 47%, #60636b 100%);
    margin: 10px
}

.roll-gifts-list li .tag {
    position: absolute;
    top: 2px;
    right: 2px;
    color: #eea20e;
    background: #33353B;
    margin: 0
}

.roll-joined {
    min-height: 240px
}

.roll-joined-list {
    padding: 0 0 0 6px
}

.roll-joined-list li {
    width: 100px;
    margin: 10px 13px;
    text-align: center;
    float: left;
    position: relative
}

.roll-joined-list .tag_status {
    position: absolute;
    right: 2px;
    top: 2px
}

.roll-joined-list h4 {
    color: #90969C;
    margin: 9px 0
}

.roll-cont_table {
    background: #fafafa;
    min-height: 410px;
    padding-bottom: 20px
}

.roll-cont_table .list_tb_indent {
    text-indent: 54px
}

.invite {
    background: #29272a url(../images/site/invite/bg.jpg) no-repeat center top;
    color: #959595
}

.invite ol {
    padding-left: 12px
}

.invite ol li {
    margin: 0 0 9px;
    list-style: decimal
}

.invite .list_tb tr:hover {
    background: 0 0
}

.invite .list_tb .t_Center {
    text-align: center;
    color: #959595;
    font-size: 18px;
    font-weight: 700
}

.invite .list_tb td {
    font-size: 12px;
    border-top: 2px solid #4C4946;
    border-bottom: 2px solid #4C4946;
    padding: 12px 3px;
    text-align: left
}

.invite .list_tb td img {
    border-radius: 50%;
    vertical-align: middle;
    margin: -1px 6px 0 0
}

.invite .list_tb td h5 {
    font-size: 12px;
    color: #959595
}

.invi-header {
    width: 900px;
    margin: 0 auto;
    clear: both;
    overflow: hidden
}

.pack {
    width: 283px;
    height: 368px;
    background: url(../images/site/invite/pack.png) no-repeat;
    float: left;
    text-align: center
}

.pack img {
    border-radius: 50%;
    margin: 140px 0 15px
}

.pack h3 {
    font-size: 16px;
    color: #F8C9C9
}

.invi-desc {
    margin-left: 368px;
    color: #8D816B;
    text-align: center
}

.invi-desc .word1 {
    width: 502px;
    height: 58px;
    background: url(../images/site/invite/word2.png) no-repeat;
    margin: 60px auto 50px
}

.invi-desc .word2 {
    width: 454px;
    height: 63px;
    background: url(../images/site/invite/word1.png) no-repeat;
    margin: 60px auto 50px
}

.invi-desc .q {
    margin: 0 0 40px
}

.invi-desc .q p {
    display: inline-block;
    vertical-align: top;
    line-height: 22px;
    width: 340px
}

.invi-desc .q p span {
    color: #F8F0C2;
    margin: 0 3px
}

.invi-desc .q .icon_q1 {
    margin: -9px 0 0
}

.invi-desc .q .icon_q2 {
    margin: 0 0 -60px
}

.invi-cont {
    width: 890px;
    margin: 40px auto 0
}

.invi-cont h3 {
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    border-left: 3px solid #BB9C72;
    padding-left: 9px;
    line-height: 18px;
    margin: 20px 0
}

.invi-guide {
    margin: 100px auto;
    clear: both;
    overflow: hidden;
    width: 940px;
    color: #D1D4DB
}

.invi-guide .icon {
    width: 60px;
    height: 60px;
    margin: 0 9px 0 0;
    float: left
}

.invi-guide ul {
    margin-left: 30px
}

.invi-guide li {
    font-size: 12px;
    float: left;
    width: 180px;
    line-height: 20px
}

.invi-guide li.split {
    width: 24px;
    height: 8px;
    border-top: 2px dashed #7B7670;
    margin: 30px 16px 0
}

.invi-guide li span {
    margin: 10px 0 0;
    float: left
}

.invi-guide li .singleline {
    margin-top: 20px
}

.strong {
    color: #FFDFB5;
    font-weight: 700
}

.invi-rank {
    color: #E4E8EE;
    background: #363437;
    padding: 0 45px;
    float: left;
    width: 520px
}

.invi-rank .tip {
    text-align: right;
    color: #8D816B;
    font-size: 12px;
    padding: 14px 0
}

.invi-rank .tip .icon {
    margin: 0 9px 0 0
}

.invi-recent {
    float: right;
    width: 240px;
    color: #E4E8EE;
    background: #363437;
    height: 882px;
    overflow: hidden
}

.invi-recent h3 {
    margin-left: 24px
}

.invi-recent li {
    font-size: 12px;
    padding: 20px;
    height: 35px
}

.invi-recent li img {
    float: left;
    margin: 0 12px 0 0
}

.invi-recent li h5 {
    color: #959595;
    font-size: 12px;
    padding: 3px 0
}

.invi-recent li:nth-of-type(odd) {
    background: #3A3A3E
}

.invi-explain {
    margin: 30px 15px
}

.invi-explain h3 {
    font-weight: 700;
    color: #d0d0d0;
    font-size: 14px;
    border: none;
    padding: 0
}

.invi-explain ol {
    margin: 14px 30px 14px 0;
    padding-left: 20px
}

.invi-explain li {
    line-height: 18px;
    font-size: 12px
}

.i_Btn_invi {
    text-indent: -60em;
    width: 322px;
    height: 54px;
    padding: 0;
    overflow: hidden
}

.i_Btn_invi:link,
.i_Btn_invi:visited {
    background: url(../images/site/invite/btn-reg.png) no-repeat
}

.i_Btn_invi:active,
.i_Btn_invi:hover {
    background-position: 0 -54px
}

.i_Btn_copy {
    text-indent: -60em;
    width: 122px;
    height: 54px;
    padding: 0;
    overflow: hidden;
    position: relative;
    left: -2px
}

.i_Btn_copy:link,
.i_Btn_copy:visited {
    background: url(../images/site/invite/btn-copy.png) no-repeat
}

.i_Btn_copy:active,
.i_Btn_copy:hover {
    background-position: 0 -54px
}

.i_Text_copy {
    width: 260px;
    height: 52px;
    line-height: 52px;
    font-size: 16px;
    color: #E4E8EE;
    padding: 0 20px;
    background: #363437;
    border: 1px solid #484649
}

.i_Text_copy:focus {
    background: #363437;
    border: 1px solid #625f63
}

.invi-copy {
    margin-top: 60px
}

.icon_q1 {
    width: 38px;
    height: 31px;
    background: url(../images/site/invite/q1.png)
}

.icon_q2 {
    width: 38px;
    height: 31px;
    background: url(../images/site/invite/q2.png)
}

.icon_g1 {
    background: url(../images/site/invite/icon_s1.png)
}

.icon_g2 {
    background: url(../images/site/invite/icon_s2.png)
}

.icon_g3 {
    background: url(../images/site/invite/icon_s3.png)
}

.icon_g4 {
    background: url(../images/site/invite/icon_s4.png)
}

.icon_rank {
    width: 12px;
    height: 17px;
    background: url(../images/site/invite/icon_rank.png)
}

.icon_medal1 {
    background: url(../images/site/invite/medal1.png);
    width: 24px;
    height: 32px
}

.icon_medal2 {
    background: url(../images/site/invite/medal2.png);
    width: 24px;
    height: 32px
}

.icon_medal3 {
    background: url(../images/site/invite/medal3.png);
    width: 24px;
    height: 32px
}

.icon_success {
    width: 76px;
    height: 76px;
    background: url(../images/yes@3x.png)
}

.icon_pack {
    width: 140px;
    height: 152px;
    background: url(../images/site/invite/pack-small.png);
    float: left;
    margin-right: 9px
}

.popup-pack h4 {
    font-size: 16px;
    font-weight: 700;
    padding: 40px 0 16px 0
}

.popup-pack p {
    font-size: 14px;
    line-height: 24px
}

.pinterest {
    padding: 30px
}

.pinterest-cont {
    border-top: 1px solid #E4E4E4;
    padding-top: 20px
}

.pinterest-btns {
    line-height: 30px
}

.pinterest-btns h2 {
    line-height: 30px
}

.pinterest-op {
    font-size: 12px;
    color: #90969C;
    cursor: pointer
}

.pinterest-op .icon {
    margin-left: 4px
}

.pinterest-selects {
    padding-bottom: 16px;
    margin-right: -20px
}

.pinterest-selects .w-Selectsearch {
    float: left;
    margin-right: 20px;
    margin-bottom: 14px
}

.pinterest-list {
    margin-top: 15px;
    position: relative
}

.pinterest-item {
    position: absolute;
    width: 210px;
    border: 1px solid #E4E4E4;
    background: #fff;
    border-radius: 4px;
    box-shadow: 0 0 4px 0 rgba(149, 149, 149, .3);
    overflow: hidden
}

.pinterest-item:hover {
    background: #f8f6f1;
    border-color: #eea20e
}

.pinterest-item:hover .pinterest-user {
    box-sizing: border-box;
    background: #f8f6f1
}

.pinterest-item:active {
    background: #f9f1e2;
    border-color: #cd931d
}

.pinterest-item:active .pinterest-user {
    background: #f9f1e2
}

.pinterest-img {
    width: 100%;
    position: relative
}

.pinterest-img img {
    width: 100%;
    display: block
}

.pinterest-img .pinterest-action {
    position: absolute;
    bottom: 10px;
    right: 10px;
    background: rgba(2, 2, 2, .5);
    border-radius: 87px
}

.pinterest-intr {
    margin: 10px;
    height: 52px;
    line-height: 26px;
    padding: 0 6px;
    overflow: hidden
}

.pinterest-user {
    display: flex;
    height: 40px;
    background: #FAFAFA;
    padding: 0 10px;
    font-size: 12px;
    color: #959595;
    border-top: 1px solid #E9E9E9
}

.pinterest-user img {
    width: 20px;
    height: 20px;
    border-radius: 100%;
    display: inline-block;
    vertical-align: middle
}

.pinterest-action {
    padding: 2px 10px 0;
    color: #fff;
    cursor: pointer;
    line-height: 20px
}

.pinterest-action b {
    vertical-align: baseline
}

.pinterest-action span {
    margin-left: 4px
}

.loading-spinner {
    padding: 40px 0;
    margin: 0 auto;
    width: 70px;
    text-align: center
}

.loading-spinner>div {
    width: 18px;
    height: 18px;
    background-color: #D8D8D8;
    border-radius: 100%;
    display: inline-block;
    -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
    animation: sk-bouncedelay 1.4s infinite ease-in-out both
}

.loading-spinner .bounce1 {
    -webkit-animation-delay: -.32s;
    animation-delay: -.32s
}

.loading-spinner .bounce2 {
    -webkit-animation-delay: -.16s;
    animation-delay: -.16s
}

@-webkit-keyframes sk-bouncedelay {

    0%,
    100%,
    80% {
        -webkit-transform: scale(0)
    }

    40% {
        -webkit-transform: scale(1)
    }
}

@keyframes sk-bouncedelay {

    0%,
    100%,
    80% {
        -webkit-transform: scale(0);
        transform: scale(0)
    }

    40% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

.transaction-header {
    padding: 20px 30px 10px;
    position: relative;
    background: rgba(17, 20, 25, .8)
}

.transaction-header .icon_pre {
    width: 2px;
    background: #4773c8;
    height: 12px;
    margin: -2px 6px 0 0
}

.transaction-user img {
    width: 28px;
    height: 28px;
    border-radius: 100%;
    margin-right: 10px
}

.transaction-intr {
    padding: 20px 30px;
    background: rgba(48, 61, 84, .3);
    display: flex;
    justify-content: space-between;
    align-items: center
}

.transaction-intr strong {
    margin-left: 6px
}

.transaction-intr .c_White {
    color: #E4E8EE
}

.transaction-intr .icon {
    margin-right: 6px
}

.transaction-intr .line {
    margin: 10px 0;
    background-image: linear-gradient(-270deg, rgba(238, 162, 14, .4) 0, rgba(238, 162, 14, .4) 2%, #16171c 100%);
    width: 350px
}

.transaction-album {
    padding: 10px 20px 0;
    box-sizing: border-box;
    height: 138px;
    background-image: linear-gradient(-180deg, #f7f7f7 0, #e9e9e9 100%)
}

.transaction-album div {
    width: 78px;
    height: 52px;
    margin: 3px;
    border-radius: 2px;
    background: #4F4F50;
    float: left;
    position: relative;
    background-image: linear-gradient(-180deg, #414141 0, #4d4d4d 47%, #60636b 100%)
}

.transaction-album div p {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    line-height: 52px;
    font-size: 12px;
    color: #FAFAFA;
    border-radius: 2px;
    background: rgba(28, 32, 43, .7);
    margin: 0;
    padding: 0;
    text-align: center
}

.transaction-imgs ul {
    margin-top: 10px;
    text-align: center
}

.transaction-imgs ul li {
    width: 96px;
    height: 96px;
    font-size: 0;
    display: inline-block;
    margin: 0 10px
}

.transaction-title {
    font-weight: 700;
    color: #515151
}

.transaction-title a {
    color: #929394;
    font-weight: 400
}

.detail-tab-cont .transaction-title {
    margin: 0 25px;
    padding-top: 30px;
    border-top: 1px solid #E8E8E8
}

.transaction-con {
    padding: 5px 10px;
    background: #383D46
}

.transaction-con p {
    position: relative;
    padding-left: 10px
}

.transaction-con p:before {
    content: "";
    position: absolute;
    width: 3px;
    left: 0;
    top: 20%;
    bottom: 20%;
    background: #45536c
}

.transaction-con p span {
    color: #c7c7c7
}

.g-market-header {
    position: relative;
    padding-top: 42px;
    box-sizing: border-box;
    background: url(../images/site/marcket-right.png) right 5px no-repeat
}

.g-market-header:after,
.g-market-header:before {
    content: "";
    position: absolute
}

.g-market-header:before {
    width: 87px;
    height: 6px;
    top: 0;
    left: 0;
    background: url(../images/site/marcket-left.png)
}

.g-market-header:after {
    top: 5px;
    bottom: 0;
    left: 0;
    right: 0;
    background: #111419;
    filter: alpha(opacity=80);
    background: rgba(17, 20, 25, .8);
    z-index: -1;
    border-radius: 2px
}

.gM6 {
    margin: 0 6px
}

.gMT6 {
    margin-top: 6px
}

.g-w940 {
    width: 940px
}

.g-w860 {
    width: 860px
}

.g-w320 {
    width: 320px
}

.g-w1015 {
    width: 1015px
}

.g-w150 {
    width: 150px
}

.g-w270 {
    width: 270px
}

.g-w280 {
    width: 280px
}

.g-w480 {
    width: 480px
}

.g_Right {
    float: right
}

.g-mr30 {
    margin-right: 30px !important
}

.g-flex {
    display: flex;
    justify-content: space-between
}

.g-flex .g-w150 {
    flex: 0 0 0
}

.g-flex--center {
    display: flex;
    align-items: center
}

.g-flex--content-center {
    display: flex;
    justify-content: center
}

.g-flex--column {
    display: flex;
    flex-direction: column;
    gap: 4px
}

.g-nav {
    display: flex;
    font-size: 14px
}

.g-nav li {
    margin-right: 16px;
    cursor: pointer
}

.g-nav li.on {
    color: #515151;
    font-weight: 700;
    position: relative
}

.g-nav li.on:before {
    content: "";
    position: absolute;
    left: 10%;
    right: 10%;
    bottom: -10px;
    height: 2px;
    background: #4773c8;
    overflow: hidden
}

.g-inbock {
    display: inline-block;
    text-align: left
}

.g-inbock .t_1 {
    text-indent: 4px;
    margin-bottom: 5px;
    text-decoration: line-through
}

.g-inbock .f_Strong big {
    font-size: 18px
}

.g-inbock .hide-cny {
    display: none
}

.g-flex-center {
    display: flex;
    align-items: center
}

.g-grayBox {
    background: #F4F4F4;
    padding: 20px 60px
}

.g-grayBox .discount {
    font-size: 12px;
    font-weight: 400;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 16px;
    padding: 0 2px;
    border-radius: 2px;
    color: #F55;
    background: rgba(221, 47, 11, .06)
}

.g-grayBox_title {
    font-size: 16px;
    color: #515151;
    font-weight: 700;
    margin-bottom: 16px
}

.g-grayBox_more {
    font-size: 12px;
    text-align: center;
    color: #959595;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center
}

.g-grayBox_more .icon {
    margin-left: 4px
}

.g-grayBox_more:hover {
    color: silver
}

.g-grayBox_more:active {
    color: #040507
}

p.g-grayBox_more {
    margin: 0;
    margin-top: 16px
}

.g-whiteBox {
    display: flex;
    align-items: center;
    padding: 14px;
    padding-right: 30px;
    background: #F9F9F9;
    border: 1px solid #E4E4E4;
    box-shadow: 0 0 4px 0 rgba(149, 149, 149, .1);
    cursor: pointer
}

.g-whiteBox:hover {
    background: #F8F6F1
}

.g-whiteBox:active {
    background: #F9F1E2
}

.g-whiteBox_cont {
    flex: 1
}

.g-whiteBox_cont p {
    margin: 0
}

.g-whiteBox_cont2 {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px
}

.g-whiteBox_cont2 .g-whiteBox_info {
    flex: 1
}

.g-whiteBox_cont2 .g-whiteBox_info>* {
    display: flex;
    align-items: center;
    gap: 4px
}

.g-whiteBox_cont2 .g-whiteBox_title {
    margin-bottom: 0
}

.g-whiteBox_cont2 .goods-labels {
    gap: 8px;
    margin: 6px 0
}

.g-whiteBox_cont2 .goods-labels span {
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 18px;
    padding: 0 4px;
    font-size: 12px;
    border: 1px solid #E4E4E4;
    border-radius: 1px
}

.g-whiteBox_cont2 .goods-price span {
    color: #959595;
    font-size: 12px
}

.g-whiteBox_cont2 .goods-price .discount {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 16px;
    padding: 0 2px;
    border-radius: 2px;
    color: #F55;
    background: rgba(221, 47, 11, .06)
}

.g-whiteBox_img {
    width: 122px;
    height: 90px;
    margin-right: 14px;
    background: url(/img/item_bg.png);
    background-size: cover;
    position: relative
}

.g-whiteBox_img .inspect-btn {
    position: absolute;
    left: 2px;
    bottom: 2px;
    background: rgba(103, 101, 114, .4);
    border: 1px solid rgba(78, 76, 89, .4);
    display: flex;
    align-items: center;
    justify-content: center
}

.g-whiteBox_img .tags-list {
    position: absolute
}

.g-whiteBox_title {
    font-size: 16px;
    color: #515151;
    margin-bottom: 10px
}

.g-soldout {
    position: relative
}

.g-soldout:before {
    line-height: 48px;
    position: absolute;
    content: attr(data-text);
    font-size: 14px;
    color: #E4E8EE;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, .6)
}

.list_card_recommend {
    min-height: auto
}

.list_card_recommend ul {
    width: auto;
    min-height: auto;
    margin-right: -21px;
    margin-top: -20px
}

.list_card_recommend ul li {
    display: none;
    margin-top: 20px;
    margin-bottom: 0
}

.list_card_recommend ul li:nth-of-type(1),
.list_card_recommend ul li:nth-of-type(2),
.list_card_recommend ul li:nth-of-type(3),
.list_card_recommend ul li:nth-of-type(4),
.list_card_recommend ul li:nth-of-type(5),
.list_card_recommend ul li:nth-of-type(6) {
    display: inline-block
}

.list_card_recommend ul li p {
    line-height: 1em
}

.list_card_recommend a {
    color: #333 !important
}

.list_card_recommend.on li,
.list_card_recommend.on ul.card_csgo li {
    display: inline-block
}

.list_card_recommend ul.card_csgo {
    display: flex;
    gap: 20px 45px;
    flex-wrap: wrap;
    margin: 0
}

.list_card_recommend ul.card_csgo li {
    margin: 0;
    display: none
}

.list_card_recommend ul.card_csgo li:nth-of-type(1),
.list_card_recommend ul.card_csgo li:nth-of-type(2),
.list_card_recommend ul.card_csgo li:nth-of-type(3),
.list_card_recommend ul.card_csgo li:nth-of-type(4) {
    display: inline-block
}

.list_card_recommend ul.card_csgo .label-img {
    position: absolute;
    top: 4px;
    left: 4px;
    width: 48px;
    height: 48px;
    object-fit: contain
}

.goods-tags {
    display: flex;
    position: absolute;
    right: 0;
    top: 0
}

.goods-tags span {
    color: rgba(235, 235, 245, .9);
    height: 21px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    padding: 0 3px;
    background: rgba(0, 0, 0, .5)
}

.goods-tags span:nth-child(n+2) {
    margin-left: 2px
}

.goods-tags span.countdown {
    display: flex;
    align-items: center;
    color: #EEA20E
}

.goods-tags span.countdown .icon {
    width: 8px;
    height: 8px;
    margin-right: 2px
}

.goods-tags span.ended {
    color: rgba(235, 235, 245, .6)
}

.quicksell-tag {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 17px;
    padding: 0 3px;
    font-size: 12px;
    background: #eea20e;
    border-radius: 2px;
    color: #fff;
    margin-right: 4px
}

.wiki-search {
    height: 112px
}

.wiki-search .evaluation-cont {
    padding: 0
}

.wiki-box {
    padding: 0 30px;
    background: #181C25;
    outline: 1px solid rgba(30, 40, 64, .1);
    box-shadow: 0 0 8px 1px rgba(0, 0, 0, .03)
}

.wiki-header {
    padding-top: 30px;
    padding-bottom: 30px
}

.wiki-header h2 {
    font-weight: 700;
    color: #FFF;
    text-indent: 10px;
    position: relative
}

.wiki-header h2:before {
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -6px;
    content: "";
    width: 2px;
    height: 11px;
    background: #4773c8;
    overflow: hidden
}

.wiki-list a {
    float: left;
    position: relative;
    box-sizing: border-box;
    overflow: hidden
}

.wiki-list a:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

.wiki-list img {
    width: 100%;
    height: 100%
}

.wiki-list p {
    position: absolute;
    z-index: 2;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    cursor: default;
    font-size: 12px;
    color: #fff !important
}

.wiki-list--hero {
    margin-left: -11px
}

.wiki-list--hero a {
    width: 90px;
    height: 52px;
    margin-left: 11px;
    margin-bottom: 10px;
    text-align: center
}

.wiki-list--hero a:hover {
    outline: 1px solid #EEA20E
}

.wiki-list--hero a:hover:before {
    background: linear-gradient(-180deg, rgba(0, 0, 0, .2) 50%, #000 100%)
}

.wiki-list--hero a:hover p {
    display: block
}

.wiki-list--hero p {
    left: 4px;
    right: 4px;
    bottom: 4px;
    display: none
}

.wiki-list--type,
.wiki-list--type2 {
    margin-left: -20px
}

.wiki-list--type a,
.wiki-list--type2 a {
    width: 120px;
    height: 80px;
    margin-left: 20px;
    margin-bottom: 10px;
    border: 1px solid transparent;
    border: 1px solid rgba(30, 40, 64, .1);
    border-radius: 2px
}

.wiki-list--type a:before,
.wiki-list--type2 a:before {
    background: rgba(0, 0, 0, .2);
    background: linear-gradient(-1deg, rgba(0, 0, 0, .6) 0, rgba(0, 0, 0, 0) 78%, rgba(0, 0, 0, 0) 100%)
}

.wiki-list--type a.on,
.wiki-list--type a:hover,
.wiki-list--type2 a.on,
.wiki-list--type2 a:hover {
    border: 1px solid #EEA20E
}

.wiki-list--type p,
.wiki-list--type2 p {
    left: 10px;
    right: 10px;
    bottom: 10px
}

.wiki-list--type2 {
    padding: 18px 0;
    margin-left: -10px;
    display: flex;
    min-height: 60px;
    flex-wrap: nowrap;
    overflow-x: auto
}

.wiki-list--type2::-webkit-scrollbar {
    width: 100%;
    height: 6px;
    border-radius: 6px;
    background-color: #F5F5F5
}

.wiki-list--type2::-webkit-scrollbar-thumb {
    border-radius: 6px;
    -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0);
    background-color: #999
}

.wiki-list--type2::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0);
    border-radius: 6px;
    background-color: #e5e5e5
}

.wiki-list--type2 a {
    display: block;
    flex: 1;
    max-width: 128px;
    min-width: 90px;
    height: auto;
    margin-left: 10px;
    margin-bottom: 0
}

.wiki-list--type2 img {
    max-width: 100%;
    height: auto;
    object-fit: cover
}

.wiki-list2 {
    margin: 0 -30px
}

.wiki-list2 li {
    padding: 18px 30px;
    clear: both;
    overflow: hidden
}

.wiki-list2 img {
    float: left;
    margin: 0 12px 0 0
}

.wiki-list2 a {
    color: #E4E8EE
}

.wiki-list2 a:hover {
    color: #eea20e
}

.wiki-list2 h4 {
    width: 180px;
    height: 22px;
    line-height: 22px;
    float: left;
    margin: 0 0 4px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.wiki-list2 span {
    margin-right: 10px
}

.wiki-open {
    text-align: center;
    color: #90969C;
    cursor: default
}

.wiki-open:hover {
    color: #E4E8EE
}

.wiki-open .icon {
    margin-left: 6px;
    margin-top: -4px
}

.wiki-select {
    padding-left: 30px;
    padding-right: 30px
}

.wiki-intr {
    height: 100%;
    padding: 20px 14px 0;
    box-sizing: border-box;
    background: #191a1d url(../images/site/hero-bg.png) left bottom no-repeat;
    position: relative
}

.wiki-intr>h2 {
    margin-top: 30px;
    margin-bottom: 10px;
    font-size: 16px;
    color: #FFF
}

.wiki-intr>h3 {
    position: absolute;
    bottom: 16px;
    color: #E4E8EE
}

.wiki-intr-des {
    margin-top: 26px;
    margin-left: -12px
}

.wiki-intr-des img {
    float: left;
    margin-left: 12px;
    margin-bottom: 10px;
    width: 32px;
    height: 32px;
    border-radius: 100%
}

.wiki-type {
    padding: 20px 14px;
    background: #1b1f28;
    background: rgba(27, 31, 40, .94)
}

.wiki-type h2 {
    display: inline-block;
    font-size: 16px;
    color: #FFF;
    margin-left: 20px
}

.wiki-detail {
    padding: 20px;
    background: #1C202B;
    border: 1px solid rgba(30, 40, 64, .1)
}

.wiki-detail>h2 {
    font-size: 24px;
    color: #fff;
    margin-top: 20px;
    line-height: 32px;
    word-break: keep-all;
    word-wrap: break-word;
    white-space: pre-wrap
}

.wiki-detail>h3 {
    color: #FFF
}

.wiki-detail .icon_pre {
    width: 2px;
    background: #4773c8;
    height: 12px;
    margin: -2px 6px 0 0
}

.wiki-detail .line {
    margin: 40px 0;
    background-image: linear-gradient(-90deg, rgba(39, 42, 44, 0) 0, #4773c8 49%, rgba(39, 42, 44, 0) 100%);
    *background: #4773c8
}

.wiki-detail table td {
    padding: 10px 0;
    text-align: left;
    color: #E4E8EE
}

.wiki-detail table td:first-of-type {
    font-size: 12px;
    color: #959595
}

.wiki-detail table td p {
    margin-bottom: 10px
}

.wiki-detail table td p:last-of-type {
    margin-bottom: 0
}

.wiki-detail-des {
    line-height: 26px
}

.wiki-prices {
    padding: 30px 20px 30px 40px;
    background: #fafafa;
    font-size: 12px;
    color: #515151
}

.wiki-prices h3 {
    font-weight: 700
}

.wiki-prices .w-Select h3 {
    font-weight: 400
}

.wiki-prices .icon_pre {
    width: 2px;
    background: #4773c8;
    height: 12px;
    margin: -2px 6px 0 0
}

.wiki-prices .wiki-prices-list {
    background: #FFF;
    border: 1px solid #E9E9E9;
    padding: 20px
}

.wiki-prices .wiki-prices-list span {
    vertical-align: middle;
    display: inline-block;
    width: 100px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.wiki-prices .icon_color {
    width: 6px;
    height: 6px;
    margin-right: 6px
}

.wiki-prices table {
    width: 100%
}

.wiki-prices table td {
    padding: 8px 0
}

.wiki-prices .w-Select {
    margin-top: -10px
}

.wiki-prices .nodata {
    padding: 0
}

.wiki-prices .nodata p {
    margin: 0
}

.wiki-table-header:hover {
    background: 0 0 !important
}

.wiki-table-header h3 {
    color: #515151;
    font-weight: 700
}

.wiki-table-header .icon_pre {
    width: 2px;
    background: #4773c8;
    height: 12px;
    margin: -2px 6px 0 0
}

.wiki-table-header td {
    text-align: left;
    height: auto;
    border-bottom: none;
    padding-bottom: 0
}

.dicker_list {
    border: 1px solid #E9E9E9;
    border-bottom: 0;
    margin-bottom: 20px
}

.dicker_list .list_tb_header th {
    background: #FAFAFA
}

.dicker_list .i_Btn_hollow {
    margin-right: 10px
}

.dicker_list .f_Strong big {
    font-size: 18px
}

.dicker_list .c_Gray,
.dicker_list .f_Strong {
    vertical-align: middle
}

.dicker_list th {
    line-height: 100%;
    padding: 20px 0;
    background-color: #FFF
}

.dicker_list th .name-cont,
.dicker_list th .pic-cont {
    display: inline-block;
    vertical-align: middle
}

.dicker_list th .name-cont {
    margin-left: 28px
}

.dicker_list th .name-cont .textOne {
    font-size: 16px;
    margin-bottom: 4px;
    color: #515151
}

.dicker_list th .i_Btn_hollow {
    margin: 0;
    margin-left: 16px
}

.dicker_list th a {
    color: #515151
}

.dicker_list th a:hover {
    color: #eea20e
}

.dicker_list th .market-card {
    background-color: #F5F5F5
}

.dicker_list th .market-card .market-text {
    text-align: left;
    font-size: 14px;
    color: #515151
}

.dicker_list td:first-of-type,
.dicker_list th:first-of-type {
    padding-left: 30px
}

.dicker_list td:last-of-type,
.dicker_list th:last-of-type {
    padding-right: 30px
}

.dicker_list .lasttr {
    cursor: default;
    padding: 0;
    height: 42px;
    box-sizing: border-box
}

.dicker_list .lasttr .icon {
    margin-left: 4px
}

.dicker_list .tr_swiper {
    background-color: #FFF
}

.dicker_list .tr_swiper td {
    background-color: transparent;
    padding-bottom: 24px
}

.dicker_list .tr_swiper:hover {
    background-color: #FFF
}

.dicker_list .tr_swiper .market-card {
    background-color: #F5F5F5;
    padding: 24px 30px;
    border-radius: 2px
}

.dicker_list .tr_swiper .market-card .list_card_carousel {
    width: 789px
}

.dicker_list .deliver-expire~td p {
    height: 24px;
    line-height: 24px;
    display: flex;
    align-items: center
}

.dicker_list tr:has(+.tr_swiper) td {
    border-bottom: none
}

.dicker_list tr:has(+.tr_swiper):hover {
    background-color: initial
}

.dicker_list--off {
    background-color: #fff
}

.dicker_list--off tr {
    display: none
}

.dicker_list--off tr:first-of-type,
.dicker_list--off tr:last-of-type,
.dicker_list--off tr:nth-child(2),
.dicker_list--off tr:nth-child(3),
.dicker_list--off tr:nth-child(4) {
    display: table-row
}

#received_bargain_content .dicker_list--off tr {
    display: none !important
}

#received_bargain_content .dicker_list--off tr.list_tb_header,
#received_bargain_content .dicker_list--off tr.show_tr,
#received_bargain_content .dicker_list--off tr.show_tr+.tr_swiper,
#received_bargain_content .dicker_list--off tr:first-of-type,
#received_bargain_content .dicker_list--off tr:last-of-type {
    display: table-row !important
}

.market-list .market-card {
    background: #FFF
}

.list_tb_csgo:has(.tr_swiper) tr {
    border-top: 1px solid #e9e9e9
}

.list_tb_csgo:has(.tr_swiper) tr td {
    border-bottom: none
}

.list_tb_csgo:has(.tr_swiper) tr:first-of-type {
    border-top: none
}

.tr_swiper {
    border-top: none !important
}

.tr_swiper .market-card {
    background-color: #F0F0F0
}

.tr_swiper .market-title {
    text-align: left;
    color: #515151
}

.tr_swiper .market-text {
    display: flex;
    justify-content: space-between
}

.tr_swiper .market-text .calculator {
    display: flex;
    align-items: center;
    gap: 4px;
    color: #333
}

.tr_swiper .market-text .calculator:hover {
    color: #4773C8
}

.tr_swiper .market-text .calculator .fold {
    display: none
}

.tr_swiper .market-text .calculator.on {
    color: #4773C8
}

.tr_swiper .market-text .calculator.on .icon_calculator {
    background-image: url(../images/2x/icon_calculator_hover.png)
}

.tr_swiper .market-text .calculator.on:hover {
    color: #567FCD
}

.tr_swiper .market-text .calculator.on:active {
    color: #333
}

.tr_swiper .market-text .calculator.on:active .icon_calculator {
    background-image: url(../images/2x/icon_calculator.png)
}

.tr_swiper .market-text .calculator.on .fold {
    display: inline-block
}

.tr_swiper .market-text .calculator.on .unfold {
    display: none
}

.tr_swiper .market-input {
    width: 100%;
    display: none;
    align-items: center;
    justify-content: start;
    padding: 0 12px;
    box-sizing: border-box;
    margin-top: 16px;
    height: 38px;
    border: 1px solid #E4E4E4;
    background: #FFF
}

.tr_swiper .market-input span {
    color: #515151;
    display: flex;
    align-items: center
}

.tr_swiper .market-input strong {
    color: #4773C8;
    font-size: 17px
}

.tr_swiper .market-input .placeholder {
    font-size: 12px;
    margin-left: 16px;
    color: silver
}

.tr_swiper .tr_floatrank-content {
    display: flex;
    margin: 16px 0;
    gap: 20px
}

.tr_swiper .tr_floatrank-content .content-item-text {
    width: 183px;
    height: 222px;
    background-color: #F9F9F9;
    border: 1px solid #E4E4E4;
    box-sizing: border-box;
    font-size: 16px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-radius: 2px;
    gap: 32px;
    color: #333
}

.tr_swiper .tr_floatrank-content .content-item-text div {
    display: flex;
    flex-direction: column;
    gap: 8px
}

.tr_swiper .tr_floatrank-content .content-item-text strong {
    font-size: 17px
}

.tr_swiper .tr_floatrank-content .content-item-text span {
    max-width: 150px;
    font-size: 12px;
    color: silver;
    line-height: 20px
}

.tr_swiper .tr_floatrank-content .icon-add {
    height: 222px;
    display: flex;
    align-items: center
}

.tr_swiper .tr_floatrank-content .list_card_carousel {
    width: 897px
}

.tr_swiper .tr_floatrank-content .list_card_carousel .card_csgo .salable h3 {
    color: #333
}

.tr_swiper .tr_floatrank-content .list_card_carousel .card_csgo .salable p strong {
    float: left;
    color: #333
}

.tr_swiper .tr_floatrank-content .list_card_carousel .card_csgo .salable .wear-value {
    text-align: left
}

.tr_swiper .tr_floatrank-content .list_card_carousel .card_csgo .salable .card_input {
    display: none;
    width: 100%;
    height: 38px;
    top: 16px;
    position: relative
}

.tr_swiper .tr_floatrank-content .list_card_carousel .card_csgo .salable .card_input[data-has-value]::before {
    content: '¥';
    position: absolute;
    color: #4773C8;
    top: 50%;
    left: 16px;
    transform: translateY(-50%)
}

.tr_swiper .tr_floatrank-content .list_card_carousel .card_csgo .salable .card_input[data-has-value] .i_Text {
    padding-left: 26px
}

.tr_swiper .tr_floatrank-content .list_card_carousel .card_csgo .salable .card_input[data-has-value] .icon_clear {
    display: inline-block;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 16px;
    cursor: pointer
}

.tr_swiper .tr_floatrank-content .list_card_carousel .card_csgo .salable .card_input[data-has-value] .icon_clear:hover {
    background-image: url(../images/2x/icon_clear_hover.png)
}

.tr_swiper .tr_floatrank-content .list_card_carousel .card_csgo .salable .card_input[data-has-value] .icon_clear:active {
    background-image: url(../images/2x/icon_clear_selected.png)
}

.tr_swiper .tr_floatrank-content .list_card_carousel .card_csgo .salable .card_input .icon_clear {
    display: none
}

.tr_swiper .tr_floatrank-content .list_card_carousel .card_csgo .salable .card_input .i_Text {
    width: 100%;
    height: 100%;
    padding: 10px 16px;
    box-sizing: border-box;
    color: #4773C8
}

.tr_swiper .tr_floatrank-content .list_card_carousel .card_csgo .salable .card_input .i_Text:focus {
    border-color: #4773C8;
    background: #fff
}

.tr_swiper .tr_floatrank-content .list_card_carousel .card_csgo li:hover {
    border-color: #dbdbdb;
    background-color: #f9f9f9
}

.tr_swiper .tr_floatrank-content .list_card_carousel .card_csgo li:hover .icon_check {
    display: none
}

.tr_swiper .tr_floatrank-content .list_card_carousel.active {
    height: 268px
}

.tr_swiper .tr_floatrank-content .list_card_carousel.active .card_csgo {
    height: 266px
}

.tr_swiper .tr_floatrank-content .list_card_carousel.active .card_csgo .card_input {
    display: inline-block
}

#custom_inspect {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
    z-index: 400;
    display: flex;
    background-color: #ededed
}

#custom_inspect.three .header-scroll {
    background-color: rgba(0, 0, 0, .4)
}

#custom_inspect.three .header-scroll .custom-inspect-header-menu {
    background: rgba(0, 0, 0, .4);
    backdrop-filter: blur(40px)
}

#custom_inspect.three .header-scroll .header_label_span,
#custom_inspect.three .header-scroll .stickers_label {
    color: #E4E8EE !important
}

#custom_inspect.three .header-scroll .icon_refresh_normal {
    background-image: url(../images/2x/icon_refresh_dark_normal.svg)
}

#custom_inspect.three .header-scroll .refresh {
    color: #90969C !important
}

#custom_inspect.three .header-scroll .refresh:hover {
    color: #E4E8EE !important
}

#custom_inspect.three .header-scroll .refresh:hover .icon_arr_right {
    border-color: #E4E8EE !important
}

#custom_inspect.three .header-scroll .refresh:hover .icon_refresh_normal {
    background-image: url(../images/2x/icon_refresh_dark_hover.svg)
}

#custom_inspect.three .header-scroll .refresh:active {
    color: #515151 !important
}

#custom_inspect.three .header-scroll .refresh:active .icon_arr_right {
    border-color: #515151 !important
}

#custom_inspect.three .header-scroll .refresh:active .icon_refresh_normal {
    background-image: url(../images/2x/icon_refresh_dark_pressed.svg)
}

#custom_inspect.three .header-scroll .custom-inspect-col,
#custom_inspect.three .header-scroll .custom-inspect-label {
    color: #E4E8EE
}

#custom_inspect.three .header-scroll .custom-inspect-item {
    background-color: initial !important
}

#custom_inspect.three .header-scroll .custom-inspect-item .math_number {
    border-color: #4773C8 !important
}

#custom_inspect.three .header-scroll .custom-inspect-item .j_inspect_sticker_search {
    border: 1px solid #3F4347
}

#custom_inspect.three .header-scroll .custom-inspect-item .j_inspect_sticker_search .inspect-sticker-search-header {
    background-color: #040507;
    color: #E4E8EE;
    border-bottom: 1px solid #2C2F38
}

#custom_inspect.three .header-scroll .custom-inspect-item .j_inspect_sticker_search .w-Select--flat h3 {
    color: #C6CAD0
}

#custom_inspect.three .header-scroll .custom-inspect-item .j_inspect_sticker_search .w-Select--flat ul li:hover {
    background-color: #eea20e
}

#custom_inspect.three .header-scroll .custom-inspect-item .j_inspect_sticker_search .inspect-sticker-search-cont {
    background-color: #1C202B
}

#custom_inspect.three .header-scroll .custom-inspect-item .j_inspect_sticker_search .inspect-sticker-search-cont .popup_flower-aside-con::-webkit-scrollbar,
#custom_inspect.three .header-scroll .custom-inspect-item .j_inspect_sticker_search .inspect-sticker-search-cont .popup_flower-con::-webkit-scrollbar {
    background-color: initial
}

#custom_inspect.three .header-scroll .custom-inspect-item .j_inspect_sticker_search .inspect-sticker-search-cont .popup_flower-aside-con::-webkit-scrollbar-track,
#custom_inspect.three .header-scroll .custom-inspect-item .j_inspect_sticker_search .inspect-sticker-search-cont .popup_flower-con::-webkit-scrollbar-track {
    background-color: #1C202B !important
}

#custom_inspect.three .header-scroll .custom-inspect-item .j_inspect_sticker_search .inspect-sticker-search-cont .popup_flower-aside-con::-webkit-scrollbar-thumb,
#custom_inspect.three .header-scroll .custom-inspect-item .j_inspect_sticker_search .inspect-sticker-search-cont .popup_flower-con::-webkit-scrollbar-thumb {
    background-color: #3f4347 !important
}

#custom_inspect.three .header-scroll .custom-inspect-item .j_inspect_sticker_search .inspect-sticker-search-cont .popup_flower-aside-con {
    border-right: 1px solid #2C2F38;
    border-top-color: #1c202b
}

#custom_inspect.three .header-scroll .custom-inspect-item .j_inspect_sticker_search .inspect-sticker-search-cont .popup_flower-aside {
    border-right-color: #1c202b;
    border-top-color: #2c2f38
}

#custom_inspect.three .header-scroll .custom-inspect-item .j_inspect_sticker_search .inspect-sticker-search-cont .popup_flower-filters {
    background-color: initial
}

#custom_inspect.three .header-scroll .custom-inspect-item .j_inspect_sticker_search .inspect-sticker-search-cont .popup_flower-filters .filters-view {
    background-color: #2D2F3E;
    border: 1px solid #3F4347;
    background-image: url(../images/custom_inspect/rectangle_dark.svg)
}

#custom_inspect.three .header-scroll .custom-inspect-item .j_inspect_sticker_search .inspect-sticker-search-cont .popup_flower-filters .filters-view .view-item .icon_view_list {
    background-image: url(../images/custom_inspect/icon_view_list_dark.svg)
}

#custom_inspect.three .header-scroll .custom-inspect-item .j_inspect_sticker_search .inspect-sticker-search-cont .popup_flower-filters .filters-view .view-item .icon_view_grid {
    background-image: url(../images/custom_inspect/icon_view_grid_dark.svg)
}

#custom_inspect.three .header-scroll .custom-inspect-item .j_inspect_sticker_search .inspect-sticker-search-cont .popup_flower-filters .filters-view .view-item:hover .icon_view_list {
    background-image: url(../images/custom_inspect/icon_view_list_dark_hover.svg)
}

#custom_inspect.three .header-scroll .custom-inspect-item .j_inspect_sticker_search .inspect-sticker-search-cont .popup_flower-filters .filters-view .view-item:hover .icon_view_grid {
    background-image: url(../images/custom_inspect/icon_view_grid_dark_hover.svg)
}

#custom_inspect.three .header-scroll .custom-inspect-item .j_inspect_sticker_search .inspect-sticker-search-cont .popup_flower-filters .filters-view .view-item:active .icon_view_list {
    background-image: url(../images/custom_inspect/icon_view_list_dark_pressed.svg)
}

#custom_inspect.three .header-scroll .custom-inspect-item .j_inspect_sticker_search .inspect-sticker-search-cont .popup_flower-filters .filters-view .view-item:active .icon_view_grid {
    background-image: url(../images/custom_inspect/icon_view_grid_dark_pressed.svg)
}

#custom_inspect.three .header-scroll .custom-inspect-item .j_inspect_sticker_search .inspect-sticker-search-cont .popup_flower-filters .filters-view .view-item.on .icon_view_list,
#custom_inspect.three .header-scroll .custom-inspect-item .j_inspect_sticker_search .inspect-sticker-search-cont .popup_flower-filters .filters-view .view-item.on:hover .icon_view_list {
    background-image: url(../images/custom_inspect/icon_view_list_dark_pressed.svg)
}

#custom_inspect.three .header-scroll .custom-inspect-item .j_inspect_sticker_search .inspect-sticker-search-cont .popup_flower-filters .filters-view .view-item.on .icon_view_grid,
#custom_inspect.three .header-scroll .custom-inspect-item .j_inspect_sticker_search .inspect-sticker-search-cont .popup_flower-filters .filters-view .view-item.on:hover .icon_view_grid {
    background-image: url(../images/custom_inspect/icon_view_grid_dark_pressed.svg)
}

#custom_inspect.three .header-scroll .custom-inspect-item .j_inspect_sticker_search .inspect-sticker-search-cont .popup_flower-filters .w-Search input {
    background-color: #2D2F3E;
    color: #C6CAD0;
    border: 1px solid #3F4347
}

#custom_inspect.three .header-scroll .custom-inspect-item .j_inspect_sticker_search .inspect-sticker-search-cont .popup_flower-filters .w-Search input::placeholder {
    color: #515151
}

#custom_inspect.three .header-scroll .custom-inspect-item .j_inspect_sticker_search .inspect-sticker-search-cont .popup_flower-filters .w-Search input:focus,
#custom_inspect.three .header-scroll .custom-inspect-item .j_inspect_sticker_search .inspect-sticker-search-cont .popup_flower-filters .w-Search input:hover {
    border: 1px solid #3C61A8
}

#custom_inspect.three .header-scroll .custom-inspect-item .j_inspect_sticker_search .inspect-sticker-search-cont .range-slider {
    border-bottom: 1px solid #2C2F38
}

#custom_inspect.three .header-scroll .custom-inspect-item .j_inspect_sticker_search .inspect-sticker-search-cont .range-slider .slider-thumb::after,
#custom_inspect.three .header-scroll .custom-inspect-item .j_inspect_sticker_search .inspect-sticker-search-cont .range-slider .slider-thumb::before {
    background-color: #313A44
}

#custom_inspect.three .header-scroll .custom-inspect-item .j_inspect_sticker_search .inspect-sticker-search-cont .range-slider .slider-thumb .range-track {
    background-color: #C6CAD0;
    border: 1px solid #3F4347
}

#custom_inspect.three .header-scroll .custom-inspect-item .j_inspect_sticker_search .inspect-sticker-search-cont .range-slider .slider-thumb .range-track:hover {
    background-color: #E4E8EE
}

#custom_inspect.three .header-scroll .custom-inspect-item .j_inspect_sticker_search .inspect-sticker-search-cont .range-slider .slider-thumb .range-track:active {
    background-color: #90969C
}

#custom_inspect.three .header-scroll .custom-inspect-item .j_inspect_sticker_search .inspect-sticker-search-cont .popup_flower-con {
    border-top-color: #2c2f38
}

#custom_inspect.three .header-scroll .custom-inspect-item .j_inspect_sticker_search .inspect-sticker-search-cont .popup_flower-con .list_tb tr {
    border-bottom: 1px solid #2C2F38
}

#custom_inspect.three .header-scroll .custom-inspect-item .j_inspect_sticker_search .inspect-sticker-search-cont .popup_flower-con .list_tb tr .name-cont,
#custom_inspect.three .header-scroll .custom-inspect-item .j_inspect_sticker_search .inspect-sticker-search-cont .popup_flower-con .list_tb tr h3 .textOne {
    color: #C6CAD0
}

#custom_inspect.three .header-scroll .custom-inspect-item .j_inspect_sticker_search .inspect-sticker-search-cont .popup_flower-con .list_tb tr td {
    border: none
}

#custom_inspect.three .header-scroll .custom-inspect-item .j_inspect_sticker_search .inspect-sticker-search-cont .popup_flower-con .list_tb tr:last-of-type {
    border-bottom: none
}

#custom_inspect.three .header-scroll .custom-inspect-item .j_inspect_sticker_search .inspect-sticker-search-cont .popup_flower-con .list_tb tr:hover {
    background-color: #2D2F3E
}

#custom_inspect.three .header-scroll .custom-inspect-item .j_inspect_sticker_search .inspect-sticker-search-cont .popup_flower-con .pager ul {
    background-color: transparent
}

#custom_inspect.three .header-scroll .custom-inspect-item .j_inspect_sticker_search .inspect-sticker-search-cont .popup_flower-con .pager ul li {
    border: none
}

#custom_inspect.three .header-scroll .custom-inspect-item .j_inspect_sticker_search .inspect-sticker-search-cont .popup_flower-con .pager ul li * {
    border-color: #2C2F38;
    color: #C6CAD0
}

#custom_inspect.three .header-scroll .custom-inspect-item .j_inspect_sticker_search .inspect-sticker-search-cont .popup_flower-con .pager ul li:hover {
    background-color: transparent
}

#custom_inspect.three .header-scroll .custom-inspect-item .j_inspect_sticker_search .inspect-sticker-search-cont .popup_flower-con .pager ul li:hover * {
    border-color: #45536C
}

#custom_inspect.three .header-scroll .custom-inspect-item .j_inspect_sticker_search .inspect-sticker-search-cont .popup_flower-con .pager ul .disabled * {
    border: none;
    background-color: #313A44;
    color: #90969C
}

#custom_inspect.three .header-scroll .custom-inspect-item .j_inspect_sticker_search .inspect-sticker-search-cont .popup_flower-con .pager ul .disabled .ellipse {
    background-color: transparent
}

#custom_inspect.three .header-scroll .custom-inspect-item .j_inspect_sticker_search .inspect-sticker-search-cont .popup_flower-con .pager ul .active {
    border: none;
    color: #FFF;
    font-weight: 700
}

#custom_inspect.three .header-scroll .custom-inspect-item .j_inspect_sticker_search .inspect-sticker-search-cont .popup_flower-con .icon_nodata {
    background-image: url(../images/custom_inspect/data_nodata_dark.png);
    background-size: cover;
    background-repeat: no-repeat
}

#custom_inspect.three .header-scroll .custom-inspect-item .inspect-sticker {
    background-color: #1C202B;
    border: 1px solid #3F4347
}

#custom_inspect.three .header-scroll .custom-inspect-item .inspect-sticker .inspect-sticker-pos {
    color: #C6CAD0
}

#custom_inspect.three .header-scroll .custom-inspect-item .inspect-sticker .j_inspect_sticker_img,
#custom_inspect.three .header-scroll .custom-inspect-item .inspect-sticker .sticker-pos-text {
    background-color: #2D2F3E;
    color: #90969C
}

#custom_inspect.three .header-scroll .custom-inspect-item .inspect-sticker .j_inspect_sticker_img {
    border: 1px solid #3F4347
}

#custom_inspect.three .header-scroll .custom-inspect-item .inspect-sticker .j_inspect_sticker_img:hover {
    color: #C6CAD0
}

#custom_inspect.three .header-scroll .custom-inspect-item .inspect-sticker .j_inspect_sticker_img:active {
    color: #90969C
}

#custom_inspect.three .header-scroll .custom-inspect-item .inspect-sticker .j_inspect_sticker_img .scope-copy {
    background-color: #353748
}

#custom_inspect.three .header-scroll .custom-inspect-item .inspect-sticker .j_inspect_sticker_img .scope-copy:hover {
    color: #E4E8EE;
    background-color: #4B4B5F
}

#custom_inspect.three .header-scroll .custom-inspect-item .inspect-sticker .input_wrapper {
    color: #E4E8EE
}

#custom_inspect.three .header-scroll .custom-inspect-item .inspect-sticker .input_wrapper .i_Text {
    color: #E4E8EE;
    background-color: #2D2F3E;
    border: 1px solid #3F4347
}

#custom_inspect.three .header-scroll .custom-inspect-item .inspect-sticker input[disabled] {
    color: #90969C !important
}

#custom_inspect.three .header-scroll .custom-inspect-item .inspect-sticker input[disabled]+span {
    color: #90969C
}

#custom_inspect.three .header-scroll .custom-inspect-item .inspect-sticker .range_input,
#custom_inspect.three .header-scroll .custom-inspect-item .inspect-sticker .spin_button {
    background-color: #2D2F3E
}

#custom_inspect.three .header-scroll .custom-inspect-item .inspect-sticker .range_input .button_down,
#custom_inspect.three .header-scroll .custom-inspect-item .inspect-sticker .range_input .button_up,
#custom_inspect.three .header-scroll .custom-inspect-item .inspect-sticker .spin_button .button_down,
#custom_inspect.three .header-scroll .custom-inspect-item .inspect-sticker .spin_button .button_up {
    border: 1px solid #3F4347
}

#custom_inspect.three .header-scroll .custom-inspect-item .inspect-sticker .range_input {
    color: #E4E8EE;
    border: 1px solid #3F4347
}

#custom_inspect.three .header-scroll .custom-inspect-item .inspect-sticker .inspect-sticker-bar {
    background: linear-gradient(to right, #2d2f3e, #2d2f3e) no-repeat, linear-gradient(to right, #2d2f3e, #2d2f3e) no-repeat
}

#custom_inspect.three .header-scroll .custom-inspect-item .inspect-sticker .inspect-sticker-bar::-webkit-slider-runnable-track {
    border: 1px solid #3F4347
}

#custom_inspect.three .header-scroll .custom-inspect-item .inspect-sticker .inspect-sticker-bar::-webkit-slider-thumb {
    background-color: #E4E8EE;
    border: 1px solid #3F4347
}

#custom_inspect.three .header-scroll .custom-inspect-item #j_wear_input,
#custom_inspect.three .header-scroll .custom-inspect-item .aside_top_search,
#custom_inspect.three .header-scroll .custom-inspect-item .custom_sticker_search_input-result-list,
#custom_inspect.three .header-scroll .custom-inspect-item .i_Btn_hollow:link,
#custom_inspect.three .header-scroll .custom-inspect-item .item_search,
#custom_inspect.three .header-scroll .custom-inspect-item .math_input,
#custom_inspect.three .header-scroll .custom-inspect-item .w-Select,
#custom_inspect.three .header-scroll .custom-inspect-item ul {
    background-color: #2d2f3e;
    border-color: #3f4347
}

#custom_inspect.three .header-scroll .custom-inspect-item #j_wear_input::-webkit-scrollbar,
#custom_inspect.three .header-scroll .custom-inspect-item .aside_top_search::-webkit-scrollbar,
#custom_inspect.three .header-scroll .custom-inspect-item .custom_sticker_search_input-result-list::-webkit-scrollbar,
#custom_inspect.three .header-scroll .custom-inspect-item .i_Btn_hollow:link::-webkit-scrollbar,
#custom_inspect.three .header-scroll .custom-inspect-item .item_search::-webkit-scrollbar,
#custom_inspect.three .header-scroll .custom-inspect-item .math_input::-webkit-scrollbar,
#custom_inspect.three .header-scroll .custom-inspect-item .w-Select::-webkit-scrollbar,
#custom_inspect.three .header-scroll .custom-inspect-item ul::-webkit-scrollbar {
    background-color: initial
}

#custom_inspect.three .header-scroll .custom-inspect-item #j_wear_input::-webkit-scrollbar-track,
#custom_inspect.three .header-scroll .custom-inspect-item .aside_top_search::-webkit-scrollbar-track,
#custom_inspect.three .header-scroll .custom-inspect-item .custom_sticker_search_input-result-list::-webkit-scrollbar-track,
#custom_inspect.three .header-scroll .custom-inspect-item .i_Btn_hollow:link::-webkit-scrollbar-track,
#custom_inspect.three .header-scroll .custom-inspect-item .item_search::-webkit-scrollbar-track,
#custom_inspect.three .header-scroll .custom-inspect-item .math_input::-webkit-scrollbar-track,
#custom_inspect.three .header-scroll .custom-inspect-item .w-Select::-webkit-scrollbar-track,
#custom_inspect.three .header-scroll .custom-inspect-item ul::-webkit-scrollbar-track {
    background-color: #1C202B !important
}

#custom_inspect.three .header-scroll .custom-inspect-item #j_wear_input::-webkit-scrollbar-thumb,
#custom_inspect.three .header-scroll .custom-inspect-item .aside_top_search::-webkit-scrollbar-thumb,
#custom_inspect.three .header-scroll .custom-inspect-item .custom_sticker_search_input-result-list::-webkit-scrollbar-thumb,
#custom_inspect.three .header-scroll .custom-inspect-item .i_Btn_hollow:link::-webkit-scrollbar-thumb,
#custom_inspect.three .header-scroll .custom-inspect-item .item_search::-webkit-scrollbar-thumb,
#custom_inspect.three .header-scroll .custom-inspect-item .math_input::-webkit-scrollbar-thumb,
#custom_inspect.three .header-scroll .custom-inspect-item .w-Select::-webkit-scrollbar-thumb,
#custom_inspect.three .header-scroll .custom-inspect-item ul::-webkit-scrollbar-thumb {
    background-color: #3f4347 !important
}

#custom_inspect.three .header-scroll .custom-inspect-item #j_wear_input .sreach_item,
#custom_inspect.three .header-scroll .custom-inspect-item #j_wear_input li,
#custom_inspect.three .header-scroll .custom-inspect-item .aside_top_search .sreach_item,
#custom_inspect.three .header-scroll .custom-inspect-item .aside_top_search li,
#custom_inspect.three .header-scroll .custom-inspect-item .custom_sticker_search_input-result-list .sreach_item,
#custom_inspect.three .header-scroll .custom-inspect-item .custom_sticker_search_input-result-list li,
#custom_inspect.three .header-scroll .custom-inspect-item .i_Btn_hollow:link .sreach_item,
#custom_inspect.three .header-scroll .custom-inspect-item .i_Btn_hollow:link li,
#custom_inspect.three .header-scroll .custom-inspect-item .item_search .sreach_item,
#custom_inspect.three .header-scroll .custom-inspect-item .item_search li,
#custom_inspect.three .header-scroll .custom-inspect-item .math_input .sreach_item,
#custom_inspect.three .header-scroll .custom-inspect-item .math_input li,
#custom_inspect.three .header-scroll .custom-inspect-item .w-Select .sreach_item,
#custom_inspect.three .header-scroll .custom-inspect-item .w-Select li,
#custom_inspect.three .header-scroll .custom-inspect-item ul .sreach_item,
#custom_inspect.three .header-scroll .custom-inspect-item ul li {
    background-color: #1c202b;
    border-bottom: 1px solid #2c2f38;
    color: #e4e8ee !important
}

#custom_inspect.three .header-scroll .custom-inspect-item #j_wear_input .sreach_item:hover,
#custom_inspect.three .header-scroll .custom-inspect-item #j_wear_input li:hover,
#custom_inspect.three .header-scroll .custom-inspect-item .aside_top_search .sreach_item:hover,
#custom_inspect.three .header-scroll .custom-inspect-item .aside_top_search li:hover,
#custom_inspect.three .header-scroll .custom-inspect-item .custom_sticker_search_input-result-list .sreach_item:hover,
#custom_inspect.three .header-scroll .custom-inspect-item .custom_sticker_search_input-result-list li:hover,
#custom_inspect.three .header-scroll .custom-inspect-item .i_Btn_hollow:link .sreach_item:hover,
#custom_inspect.three .header-scroll .custom-inspect-item .i_Btn_hollow:link li:hover,
#custom_inspect.three .header-scroll .custom-inspect-item .item_search .sreach_item:hover,
#custom_inspect.three .header-scroll .custom-inspect-item .item_search li:hover,
#custom_inspect.three .header-scroll .custom-inspect-item .math_input .sreach_item:hover,
#custom_inspect.three .header-scroll .custom-inspect-item .math_input li:hover,
#custom_inspect.three .header-scroll .custom-inspect-item .w-Select .sreach_item:hover,
#custom_inspect.three .header-scroll .custom-inspect-item .w-Select li:hover,
#custom_inspect.three .header-scroll .custom-inspect-item ul .sreach_item:hover,
#custom_inspect.three .header-scroll .custom-inspect-item ul li:hover {
    background-color: #2d2f3e
}

#custom_inspect.three .header-scroll .custom-inspect-item #j_wear_input h3,
#custom_inspect.three .header-scroll .custom-inspect-item .aside_top_search h3,
#custom_inspect.three .header-scroll .custom-inspect-item .custom_sticker_search_input-result-list h3,
#custom_inspect.three .header-scroll .custom-inspect-item .i_Btn_hollow:link h3,
#custom_inspect.three .header-scroll .custom-inspect-item .item_search h3,
#custom_inspect.three .header-scroll .custom-inspect-item .math_input h3,
#custom_inspect.three .header-scroll .custom-inspect-item .w-Select h3,
#custom_inspect.three .header-scroll .custom-inspect-item ul h3 {
    color: #515151
}

#custom_inspect.three .header-scroll .custom-inspect-form #is_inspect_stickers,
#custom_inspect.three .header-scroll .custom-inspect-form .custom-inspect-left,
#custom_inspect.three .header-scroll .custom-inspect-header-card,
#custom_inspect.three .header-scroll .custom-inspect-skin-main {
    background-color: rgba(0, 0, 0, .4) !important;
    backdrop-filter: blur(40px);
    border: 1px solid #3f4347
}

#custom_inspect.three .header-scroll .custom-inspect-form,
#custom_inspect.three .header-scroll .custom-inspect-skin {
    background-color: initial
}

#custom_inspect.three .header-scroll .custom-inspect-form #j_wear_input:hover,
#custom_inspect.three .header-scroll .custom-inspect-form .item_search:hover,
#custom_inspect.three .header-scroll .custom-inspect-form .math_input:hover,
#custom_inspect.three .header-scroll .custom-inspect-form .w-Select:hover,
#custom_inspect.three .header-scroll .custom-inspect-skin #j_wear_input:hover,
#custom_inspect.three .header-scroll .custom-inspect-skin .item_search:hover,
#custom_inspect.three .header-scroll .custom-inspect-skin .math_input:hover,
#custom_inspect.three .header-scroll .custom-inspect-skin .w-Select:hover {
    border: 1px solid #567FCD
}

#custom_inspect.three .header-scroll .custom-inspect-form #j_wear_input:active,
#custom_inspect.three .header-scroll .custom-inspect-form .item_search:active,
#custom_inspect.three .header-scroll .custom-inspect-form .math_input:active,
#custom_inspect.three .header-scroll .custom-inspect-form .w-Select:active,
#custom_inspect.three .header-scroll .custom-inspect-skin #j_wear_input:active,
#custom_inspect.three .header-scroll .custom-inspect-skin .item_search:active,
#custom_inspect.three .header-scroll .custom-inspect-skin .math_input:active,
#custom_inspect.three .header-scroll .custom-inspect-skin .w-Select:active {
    border: 1px solid #567FCD
}

#custom_inspect.three .header-scroll .custom-inspect-form #j_wear_input:active h3,
#custom_inspect.three .header-scroll .custom-inspect-form .item_search:active h3,
#custom_inspect.three .header-scroll .custom-inspect-form .math_input:active h3,
#custom_inspect.three .header-scroll .custom-inspect-form .w-Select:active h3,
#custom_inspect.three .header-scroll .custom-inspect-skin #j_wear_input:active h3,
#custom_inspect.three .header-scroll .custom-inspect-skin .item_search:active h3,
#custom_inspect.three .header-scroll .custom-inspect-skin .math_input:active h3,
#custom_inspect.three .header-scroll .custom-inspect-skin .w-Select:active h3 {
    background-color: #2d2f3e
}

#custom_inspect.three .header-scroll .custom-inspect-form #j_wear_input:focus,
#custom_inspect.three .header-scroll .custom-inspect-form .item_search:focus,
#custom_inspect.three .header-scroll .custom-inspect-form .math_input:focus,
#custom_inspect.three .header-scroll .custom-inspect-form .w-Select:focus,
#custom_inspect.three .header-scroll .custom-inspect-skin #j_wear_input:focus,
#custom_inspect.three .header-scroll .custom-inspect-skin .item_search:focus,
#custom_inspect.three .header-scroll .custom-inspect-skin .math_input:focus,
#custom_inspect.three .header-scroll .custom-inspect-skin .w-Select:focus {
    border: 1px solid #567FCD
}

#custom_inspect.three .header-scroll .custom-inspect-form #j_wear_input h3,
#custom_inspect.three .header-scroll .custom-inspect-form #j_wear_input::placeholder,
#custom_inspect.three .header-scroll .custom-inspect-form .item_search h3,
#custom_inspect.three .header-scroll .custom-inspect-form .item_search::placeholder,
#custom_inspect.three .header-scroll .custom-inspect-form .math_input h3,
#custom_inspect.three .header-scroll .custom-inspect-form .math_input::placeholder,
#custom_inspect.three .header-scroll .custom-inspect-form .w-Select h3,
#custom_inspect.three .header-scroll .custom-inspect-form .w-Select::placeholder,
#custom_inspect.three .header-scroll .custom-inspect-skin #j_wear_input h3,
#custom_inspect.three .header-scroll .custom-inspect-skin #j_wear_input::placeholder,
#custom_inspect.three .header-scroll .custom-inspect-skin .item_search h3,
#custom_inspect.three .header-scroll .custom-inspect-skin .item_search::placeholder,
#custom_inspect.three .header-scroll .custom-inspect-skin .math_input h3,
#custom_inspect.three .header-scroll .custom-inspect-skin .math_input::placeholder,
#custom_inspect.three .header-scroll .custom-inspect-skin .w-Select h3,
#custom_inspect.three .header-scroll .custom-inspect-skin .w-Select::placeholder {
    color: #515151
}

#custom_inspect.three .header-scroll .custom-inspect-form #j_wear_input,
#custom_inspect.three .header-scroll .custom-inspect-form .item_search,
#custom_inspect.three .header-scroll .custom-inspect-form .math_input,
#custom_inspect.three .header-scroll .custom-inspect-form .w-Select[value] h3,
#custom_inspect.three .header-scroll .custom-inspect-skin #j_wear_input,
#custom_inspect.three .header-scroll .custom-inspect-skin .item_search,
#custom_inspect.three .header-scroll .custom-inspect-skin .math_input,
#custom_inspect.three .header-scroll .custom-inspect-skin .w-Select[value] h3 {
    color: #c6cad0
}

#custom_inspect.three .header-scroll .custom-inspect-form .icon_clear,
#custom_inspect.three .header-scroll .custom-inspect-skin .icon_clear {
    background-image: url(../images/2x/icon_clear_dark_normal.svg)
}

#custom_inspect.three .header-scroll .custom-inspect-form .icon_clear:hover,
#custom_inspect.three .header-scroll .custom-inspect-skin .icon_clear:hover {
    background-image: url(../images/2x/icon_clear_dark_hover.svg)
}

#custom_inspect.three .header-scroll .custom-inspect-form .icon_clear:active,
#custom_inspect.three .header-scroll .custom-inspect-skin .icon_clear:active {
    background-image: url(../images/2x/icon_clear_dark_selected.svg)
}

#custom_inspect.three .custom-inspect-main .custom-inspect-content-title .title_icon .clear_spread,
#custom_inspect.three .custom-inspect-main .custom-inspect-content-title .title_icon .icon_custom_view {
    background-color: #2D2F3E;
    border: 1px solid #3F4347;
    color: #C6CAD0
}

#custom_inspect.three .custom-inspect-main .custom-inspect-content-title .title_icon .clear_spread .icon_clear_spread,
#custom_inspect.three .custom-inspect-main .custom-inspect-content-title .title_icon .icon_custom_view .icon_clear_spread {
    background-image: url(../images/custom_inspect/icon_clear_spread_3D.svg)
}

#custom_inspect.three .custom-inspect-main .custom-inspect-content-title .title_icon .clear_spread .icon_custom_view_inspect,
#custom_inspect.three .custom-inspect-main .custom-inspect-content-title .title_icon .icon_custom_view .icon_custom_view_inspect {
    background-image: url(../images/custom_inspect/icon_customview_inspect_3D.svg)
}

#custom_inspect.three .custom-inspect-main .custom-inspect-content-title .title_icon .clear_spread:hover,
#custom_inspect.three .custom-inspect-main .custom-inspect-content-title .title_icon .icon_custom_view:hover {
    color: #E4E8EE;
    background-color: #3A455A
}

#custom_inspect.three .custom-inspect-main .custom-inspect-content-title .title_icon .clear_spread:hover .icon_clear_spread,
#custom_inspect.three .custom-inspect-main .custom-inspect-content-title .title_icon .icon_custom_view:hover .icon_clear_spread {
    background-image: url(../images/custom_inspect/icon_clear_spread_3D_hover.svg)
}

#custom_inspect.three .custom-inspect-main .custom-inspect-content-title .title_icon .clear_spread:hover .icon_custom_view_inspect,
#custom_inspect.three .custom-inspect-main .custom-inspect-content-title .title_icon .icon_custom_view:hover .icon_custom_view_inspect {
    background-image: url(../images/custom_inspect/icon_customview_inspect_3D_hover.svg)
}

#custom_inspect.three .custom-inspect-main .custom-inspect-content-title .title_icon .clear_spread:active {
    color: #90969C;
    background-color: #353748
}

#custom_inspect.three .custom-inspect-main .custom-inspect-content-title .title_icon .clear_spread:active .icon_clear_spread {
    background-image: url(../images/custom_inspect/icon_clear_spread_3D_pressed.svg)
}

#custom_inspect.three .custom-inspect-main .newfile-btn:hover .icon_customview_newfile,
#custom_inspect.three .custom-inspect-main .release-btn:hover .icon_customview_newfile {
    background-image: url(../images/2x/16_customview_newfile_dark_hover.svg)
}

#custom_inspect.three .custom-inspect-main .newfile-btn:hover .icon_customview_release,
#custom_inspect.three .custom-inspect-main .release-btn:hover .icon_customview_release {
    background-image: url(../images/2x/16_customview_release_dark_hover.svg)
}

#custom_inspect.three .custom-inspect-main .newfile-btn:active .icon_customview_newfile,
#custom_inspect.three .custom-inspect-main .release-btn:active .icon_customview_newfile {
    background-image: url(../images/2x/16_customview_newfile_dark_pressed.svg)
}

#custom_inspect.three .custom-inspect-main .newfile-btn:active .icon_customview_release,
#custom_inspect.three .custom-inspect-main .release-btn:active .icon_customview_release {
    background-image: url(../images/2x/16_customview_release_dark_pressed.svg)
}

#custom_inspect.three .custom-inspect-footer {
    background-color: #1c202b !important;
    backdrop-filter: blur(40px);
    border: 1px solid #3f4347
}

#custom_inspect.three .custom-inspect-footer .custom-inspect-footer-content:first-of-type {
    border-bottom: 1px solid #2c2f38
}

#custom_inspect.three .custom-inspect-footer .custom-inspect-footer-search input {
    background-color: #2d2f3e;
    border: 1px solid #3f4347
}

#custom_inspect.three .custom-inspect-footer .custom-inspect-footer-search .i_Btn_disabled:link {
    color: #515151 !important;
    background-color: #1C202B !important;
    border: 1px solid #3F4347 !important
}

#custom_inspect.three .custom-inspect-footer .custom-inspect-footer-search .i_Btn_hollow:link {
    background-color: #2D2F3E;
    color: #4773C8;
    border: 1px solid #4773C8
}

#custom_inspect.three .custom-inspect-footer .custom-inspect-footer-search .i_Btn_hollow:link:hover {
    background-color: #567FCD;
    border: 1px solid #567FCD
}

#custom_inspect.three .custom-inspect-footer .custom-inspect-footer-search .i_Btn_hollow:link:active {
    background-color: #3C61A8;
    border: 1px solid #3C61A8;
    color: #C6CAD0
}

#custom_inspect .custom-inspect-scroll {
    overflow: scroll;
    position: relative
}

#custom_inspect .custom-inspect-scroll::-webkit-scrollbar {
    width: 0;
    height: 0
}

#custom_inspect .custom-inspect-scroll::-webkit-scrollbar {
    background-color: initial
}

#custom_inspect .custom-inspect-scroll::-webkit-scrollbar-track {
    background-color: #1C202B !important
}

#custom_inspect .custom-inspect-scroll::-webkit-scrollbar-thumb {
    background-color: #3f4347 !important
}

#custom_inspect .custom-inspect-main {
    position: absolute;
    top: 0;
    left: 0;
    min-width: 1024px;
    min-height: 800px;
    justify-content: start;
    height: 100%
}

#custom_inspect .custom-inspect-main .share-btn {
    display: none
}

#custom_inspect .custom-inspect-main .title_icon {
    display: flex;
    gap: 12px;
    position: relative;
    height: auto;
    z-index: 99
}

#custom_inspect .custom-inspect-main .title_icon .hover_div {
    width: 108px;
    height: 4px;
    position: absolute;
    bottom: -4px
}

#custom_inspect .custom-inspect-main .title_icon .clear_spread,
#custom_inspect .custom-inspect-main .title_icon .icon_custom_view {
    height: 40px;
    background-color: #fff;
    color: #515151;
    display: flex;
    cursor: pointer;
    align-items: center;
    justify-content: center;
    border: 1px solid #e4e4e4;
    box-sizing: border-box
}

#custom_inspect .custom-inspect-main .title_icon .clear_spread:hover,
#custom_inspect .custom-inspect-main .title_icon .icon_custom_view:hover {
    background-color: #f5f5f5;
    color: #333
}

#custom_inspect .custom-inspect-main .title_icon .clear_spread:hover .icon_clear_spread,
#custom_inspect .custom-inspect-main .title_icon .icon_custom_view:hover .icon_clear_spread {
    background-image: url(../images/custom_inspect/icon_clear_spread_hover.svg)
}

#custom_inspect .custom-inspect-main .title_icon .icon_custom_view {
    width: 108px;
    font-size: 16px;
    font-weight: 400;
    line-height: 21.12px
}

#custom_inspect .custom-inspect-main .title_icon .clear_spread {
    width: 40px
}

#custom_inspect .custom-inspect-main .title_icon .clear_spread:active {
    background-color: #eaeaea
}

#custom_inspect .custom-inspect-main .title_icon .clear_spread:active .icon_clear_spread {
    background-image: url(../images/custom_inspect/icon_clear_spread_pressed.svg)
}

#custom_inspect .custom-inspect-main .title_icon .share-btn {
    display: flex;
    height: 40px;
    background: #2d2f3e
}

#custom_inspect .custom-inspect-main .title_icon .share-btn:hover {
    background: #3a455a
}

#custom_inspect .custom-inspect-main .title_icon .share-btn:active {
    background: #353748
}

#custom_inspect .custom-inspect-main .title_icon .newfile-btn,
#custom_inspect .custom-inspect-main .title_icon .release-btn {
    display: flex;
    align-items: center;
    height: 40px;
    padding: 0 12px;
    gap: 4px;
    color: #c6cad0;
    background: #2d2f3e;
    border: 1px solid #3f4347;
    box-sizing: border-box;
    cursor: pointer;
    white-space: nowrap
}

#custom_inspect .custom-inspect-main .title_icon .newfile-btn:hover,
#custom_inspect .custom-inspect-main .title_icon .release-btn:hover {
    color: #dee1e6;
    background: #3a455a
}

#custom_inspect .custom-inspect-main .title_icon .newfile-btn:active,
#custom_inspect .custom-inspect-main .title_icon .release-btn:active {
    color: #90969c;
    background: #353748
}

#custom_inspect .custom-inspect-content {
    width: 100%;
    height: 100%;
    aspect-ratio: 2.63736264;
    margin: 0 auto;
    background-position: 0;
    border: none;
    justify-content: end
}

#custom_inspect .custom-inspect-content .custom-inspect-content-image,
#custom_inspect .custom-inspect-content .custom-inspect-content-image-3D {
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    justify-content: start
}

#custom_inspect .custom-inspect-content .inspect-spread {
    display: none
}

#custom_inspect .custom-inspect-content .custom-inspect-content-title {
    height: 64px;
    font-size: 16px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 12
}

#custom_inspect .custom-inspect-content .custom-inspect-content-title .content-title-left .title_span,
#custom_inspect .custom-inspect-content .custom-inspect-content-title .content-title-left .title_span_3D {
    font-size: 14px
}

#custom_inspect .custom-inspect-content .custom-inspect-content-title .content-title-left .text_span {
    min-width: 96px
}

#custom_inspect .custom-inspect-content .custom-inspect-content-title .content-title-left .custom-inspect-tab {
    height: 40px
}

#custom_inspect .custom-inspect-content .custom-inspect-content-title .content-title-right .switch-wrapper {
    width: 77px
}

#custom_inspect .custom-inspect-content .custom-inspect-content-title .custom-inspect-footer .custom-inspect-footer-right .i_Btn {
    height: 38px
}

#custom_inspect .header-scroll {
    min-width: 1024px;
    padding: 4px;
    position: sticky;
    top: calc(100% - 344px);
    z-index: 99;
    box-sizing: border-box;
    background-color: #f0f0f0
}

#custom_inspect .header-scroll .custom-inspect-header-menu {
    width: 140px;
    height: 48px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #f0f0f0;
    color: #4773c8;
    font-size: 16px;
    font-weight: 700;
    line-height: 21.12px;
    cursor: pointer;
    position: absolute;
    left: 0
}

#custom_inspect .header-scroll .custom-inspect-header-menu .icon_fold,
#custom_inspect .header-scroll .custom-inspect-header-menu .icon_unfold {
    margin-left: 4px
}

#custom_inspect .header-scroll .custom-inspect-header-menu:not(.fold) {
    bottom: 0
}

#custom_inspect .header-scroll .custom-inspect-header-menu:not(.fold) .icon_fold,
#custom_inspect .header-scroll .custom-inspect-header-menu:not(.fold) .menu-unfold {
    display: none
}

#custom_inspect .header-scroll .custom-inspect-header-menu:not(.fold)+.custom-inspect-header {
    display: none
}

#custom_inspect .header-scroll .custom-inspect-header-menu.fold {
    bottom: 344px
}

#custom_inspect .header-scroll .custom-inspect-header-menu.fold .icon_unfold,
#custom_inspect .header-scroll .custom-inspect-header-menu.fold .menu-fold {
    display: none
}

#custom_inspect .header-scroll .custom-inspect-header-menu:hover {
    color: #567fcd
}

#custom_inspect .header-scroll .custom-inspect-header-menu:hover .icon_unfold {
    background-image: url(../images/2x/icon_unfold_hover.png)
}

#custom_inspect .header-scroll .custom-inspect-header-menu:hover .icon_fold {
    background-image: url(../images/2x/icon_fold_hover.png)
}

#custom_inspect .header-scroll .custom-inspect-header-menu:active {
    color: #3c61a8
}

#custom_inspect .header-scroll .custom-inspect-header-menu:active .icon_unfold {
    background-image: url(../images/2x/icon_unfold_pressed.png)
}

#custom_inspect .header-scroll .custom-inspect-header-menu:active .icon_fold {
    background-image: url(../images/2x/icon_fold_pressed.png)
}

#custom_inspect .header-scroll div {
    box-sizing: border-box
}

#custom_inspect .header-scroll .grid_tb {
    box-sizing: content-box;
    gap: 8px
}

#custom_inspect .header-scroll::-webkit-scrollbar {
    width: 0 !important
}

#custom_inspect .custom-inspect-header .custom-inspect-skin-main {
    width: 100%;
    flex: auto;
    height: 336px;
    padding: 24px;
    border: 1px solid #e4e4e4;
    box-sizing: border-box;
    padding-bottom: 58px;
    background-color: #fff
}

#custom_inspect .custom-inspect-header .custom-inspect-skin-main .skin-wrapper {
    margin-right: 24px;
    max-width: 320px;
    max-height: 210px;
    min-width: 200px
}

#custom_inspect .custom-inspect-header .custom-inspect-skin-main .skin-wrapper .go-marketplace {
    display: none !important
}

#custom_inspect .custom-inspect-header .custom-inspect-skin-main .skin-select-list {
    height: 150px;
    flex: 1
}

#custom_inspect .custom-inspect-header .custom-inspect-skin-main .skin-select-list .custom-inspect-items {
    width: 100%;
    min-width: 248px;
    height: 100%;
    flex: auto
}

#custom_inspect .custom-inspect-header .custom-inspect-skin-main .skin-select-list .custom-inspect-items div,
#custom_inspect .custom-inspect-header .custom-inspect-skin-main .skin-select-list .custom-inspect-items li,
#custom_inspect .custom-inspect-header .custom-inspect-skin-main .skin-select-list .custom-inspect-items ul {
    width: 100% !important
}

#custom_inspect .custom-inspect-header .custom-inspect-skin-main .skin-select-list .custom-inspect-items .select-bottom ul {
    border-bottom-width: 0
}

#custom_inspect .custom-inspect-header .custom-inspect-skin-main .skin-select-list .custom-inspect-items .aside_top_search {
    border-top-width: 1px;
    border-bottom-width: 0
}

#custom_inspect .custom-inspect-header .header_label {
    height: 20px;
    display: flex;
    justify-content: space-between;
    align-items: center
}

#custom_inspect .custom-inspect-header .header_label .header_label_span {
    font-size: 16px;
    font-weight: 600;
    color: #959595
}

#custom_inspect .custom-inspect-header .custom-inspect-skin {
    width: 100%;
    height: 100%;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    padding: 0;
    border: none
}

#custom_inspect .custom-inspect-header .custom-inspect-form {
    flex: auto;
    width: auto;
    height: 336px;
    flex-direction: row;
    padding: 0;
    margin: 0;
    background-color: initial;
    border: none
}

#custom_inspect .custom-inspect-header .custom-inspect-form .is_inspect_stickers {
    display: flex;
    justify-content: center;
    align-items: center;
    visibility: initial
}

#custom_inspect .custom-inspect-header .custom-inspect-form .is_inspect_stickers div {
    visibility: hidden
}

#custom_inspect .custom-inspect-header .custom-inspect-form .is_inspect_stickers .card_open {
    visibility: initial
}

#custom_inspect .custom-inspect-header .custom-inspect-form .is_inspect_stickers .card_text {
    width: 200px;
    height: 80px;
    background-image: url(../images/custom_inspect/sticker_bg.svg);
    background-repeat: no-repeat;
    justify-content: center;
    display: flex;
    align-items: end;
    visibility: initial;
    color: silver
}

#custom_inspect .custom-inspect-header .custom-inspect-form #is_inspect_stickers {
    width: auto !important;
    flex: 1;
    background-color: #fff;
    padding: 24px;
    flex-direction: column;
    justify-content: start;
    border: 1px solid #e4e4e4;
    box-sizing: border-box
}

#custom_inspect .custom-inspect-header .custom-inspect-form #is_inspect_stickers .stickers_label {
    width: 100%;
    height: 20px;
    margin-top: 0;
    margin-bottom: 20px;
    font-size: 16px;
    font-weight: 600;
    color: #959595;
    visibility: inherit;
    display: flex;
    justify-content: space-between;
    align-items: center
}

#custom_inspect .custom-inspect-header .custom-inspect-form #is_inspect_stickers .stickers_label span {
    display: none
}

#custom_inspect .custom-inspect-header .custom-inspect-form #is_inspect_stickers .stickers_label .refresh,
#custom_inspect .custom-inspect-header .custom-inspect-form #is_inspect_stickers .stickers_label span:last-of-type {
    display: flex
}

#custom_inspect .custom-inspect-header .custom-inspect-form #is_inspect_stickers .j_inspect_sticker_search {
    position: fixed
}

#custom_inspect .custom-inspect-header .custom-inspect-form .custom-inspect-left {
    height: 100%;
    margin-bottom: 0;
    background-color: #fff;
    border: 1px solid #e4e4e4;
    box-sizing: border-box;
    padding: 24px;
    margin: 0 4px
}

#custom_inspect .custom-inspect-header .custom-inspect-form .custom-inspect-left .custom-inspect-col .refresh {
    display: none
}

#custom_inspect .custom-inspect-header .custom-inspect-form .custom-inspect-left .custom-inspect-col:nth-of-type(2) {
    margin-bottom: 0
}

#custom_inspect .custom-inspect-header .custom-inspect-form .custom-inspect-left .inspect_left_label {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 24px;
    height: 20px
}

#custom_inspect .custom-inspect-header .custom-inspect-form .custom-inspect-left .inspect_left_label .header_label_span {
    font-size: 16px;
    font-weight: 600;
    color: #959595
}

#custom_inspect .custom-inspect-header .custom-inspect-form .custom-inspect-left .custom-inspect-item {
    width: 310px
}

#custom_inspect .custom-inspect-header .custom-inspect-form .custom-inspect-left .wear-bar {
    width: 224px;
    flex: none;
    position: relative;
    right: 0;
    margin-right: 0
}

#custom_inspect .custom-inspect-header .custom-inspect-form .custom-inspect-left .custom-inspect-col:nth-of-type(n+2) {
    display: block
}

#custom_inspect .custom-inspect-header .custom-inspect-form .custom-inspect-left .custom-inspect-col:nth-of-type(n+2) .custom-inspect-item:first-child {
    margin-bottom: 24px
}

#custom_inspect .custom-inspect-header .custom-inspect-form .custom-inspect-left .custom-inspect-col:nth-of-type(3) .custom-inspect-item:last-child {
    justify-content: end
}

#custom_inspect .custom-inspect-footer {
    position: absolute;
    top: 4px;
    right: 0;
    display: none;
    width: 896px;
    height: auto;
    margin: 0
}

@media screen and (max-width:1720px) {
    #custom_inspect .skin-wrapper {
        flex: 1;
        width: auto;
        height: auto;
        aspect-ratio: 1.52380952
    }
}

@media screen and (max-width:1580px) {
    #custom_inspect .skin-wrapper {
        display: none
    }
}

@media screen and (max-width:1375px) {
    #custom_inspect .skin-wrapper {
        display: flex
    }

    #custom_inspect #is_inspect_stickers,
    #custom_inspect .custom-inspect-skin-main {
        position: relative
    }

    #custom_inspect .custom-inspect-left {
        position: relative;
        flex: auto
    }

    #custom_inspect .custom-inspect-left .custom-inspect-col {
        display: flex !important
    }

    #custom_inspect .custom-inspect-left .custom-inspect-col:nth-of-type(n+2) {
        flex-direction: column;
        align-items: center
    }

    #custom_inspect .stickers_label {
        padding: 0 6px !important
    }

    #custom_inspect .custom-inspect-header-card {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        padding-bottom: 0 !important;
        padding-left: 0 !important;
        width: 156px;
        max-width: 156px;
        min-width: 156px;
        background-image: url(../images/custom_inspect/customview_shading.svg) !important;
        background-repeat: no-repeat;
        background-position-y: bottom !important;
        border: 1px solid #e4e4e4
    }

    #custom_inspect .custom-inspect-header-card .header_label,
    #custom_inspect .custom-inspect-header-card .inspect_left_label,
    #custom_inspect .custom-inspect-header-card .stickers_label {
        margin-left: 24px !important
    }

    #custom_inspect .custom-inspect-header-card:hover {
        background-color: #fafafa !important
    }

    #custom_inspect .custom-inspect-header-card:active {
        background-color: #f5f5f5 !important
    }

    #custom_inspect .custom-inspect-header-card .custom-inspect-col,
    #custom_inspect .custom-inspect-header-card .custom-inspect-skin,
    #custom_inspect .custom-inspect-header-card .custom-inspect-stickers,
    #custom_inspect .custom-inspect-header-card .header_label .go-marketplace,
    #custom_inspect .custom-inspect-header-card .refresh {
        display: none !important
    }

    #custom_inspect .custom-inspect-header-card .card_open {
        width: 96px;
        height: 18px;
        display: flex;
        justify-content: space-between;
        align-items: center;
        position: absolute;
        bottom: 24px;
        left: 30px;
        font-size: 14px;
        font-weight: 400
    }

    #custom_inspect.three .header-scroll .custom-inspect-header-card {
        background-image: url(../images/custom_inspect/customview_shading_dark.svg) !important
    }

    #custom_inspect.three .header-scroll .custom-inspect-header-card#is_inspect_stickers:hover,
    #custom_inspect.three .header-scroll .custom-inspect-header-card:hover {
        background-color: rgba(0, 0, 0, .04) !important
    }

    #custom_inspect.three .header-scroll .custom-inspect-header-card#is_inspect_stickers:active,
    #custom_inspect.three .header-scroll .custom-inspect-header-card:active {
        background-color: rgba(21, 9, 9, .16) !important
    }
}

@media screen and (max-width:1024px) {
    #custom_inspect .custom-inspect-scroll::-webkit-scrollbar {
        height: 4px
    }

    #custom_inspect .header-scroll {
        padding-bottom: 0;
        top: calc(100% - 340px)
    }

    #custom_inspect .header-scroll .custom-inspect-header-menu.fold {
        bottom: 340px
    }
}

@media screen and (max-height:800px) {
    #custom_inspect .custom-inspect-scroll::-webkit-scrollbar {
        width: 4px
    }

    #custom_inspect .header-scroll {
        padding-right: 0
    }
}

.custom-inspect {
    box-sizing: border-box;
    background: #fafafa;
    padding: 20px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 40px;
    color: #959595
}

.custom-inspect.three .custom-inspect-content {
    background-image: url(../images/custom_inspect/inspect3D_bg.png)
}

.custom-inspect.three .custom-inspect-content .custom-inspect-content-logo {
    display: none !important
}

.custom-inspect.three .custom-inspect-content .custom-inspect-content-title {
    background-color: rgba(0, 0, 0, .4);
    backdrop-filter: blur(40px);
    -webkit-backdrop-filter: blur(40px);
    border: none
}

.custom-inspect.three .custom-inspect-content .custom-inspect-content-title .text_span {
    color: #C6CAD0
}

.custom-inspect.three .custom-inspect-content .custom-inspect-content-title .title_span_3D {
    color: #90969C;
    display: inline-block
}

.custom-inspect.three .custom-inspect-content .custom-inspect-content-title .title_span_3D a {
    color: #4773c8;
    text-decoration: underline
}

.custom-inspect.three .custom-inspect-content .custom-inspect-content-title .title_span {
    display: none
}

.custom-inspect.three .custom-inspect-content .custom-inspect-content-title .custom-inspect-tabs {
    border-color: #3F4347
}

.custom-inspect.three .custom-inspect-content .custom-inspect-content-title .custom-inspect-tabs .custom-inspect-tab {
    color: #90969C
}

.custom-inspect.three .custom-inspect-content .custom-inspect-content-title .custom-inspect-tabs .custom-inspect-tab .icon_custom_inspect_2D {
    background-image: url(../images/custom_inspect/icon_custom_inspect_2D_night.svg)
}

.custom-inspect.three .custom-inspect-content .custom-inspect-content-title .custom-inspect-tabs .custom-inspect-tab .icon_custom_inspect_3D {
    background-image: url(../images/custom_inspect/icon_custom_inspect_3D_night.svg)
}

.custom-inspect.three .custom-inspect-content .custom-inspect-content-title .custom-inspect-tabs .custom-inspect-tab.active {
    background-color: #313A44;
    color: #E4E8EE
}

.custom-inspect.three .custom-inspect-content .custom-inspect-content-title .custom-inspect-tabs .custom-inspect-tab.active .icon_custom_inspect_3D {
    background-image: url(../images/custom_inspect/icon_custom_inspect_3D_night.svg)
}

.custom-inspect.three .custom-inspect-content .custom-inspect-content-title .custom-inspect-tabs .custom-inspect-tab:hover {
    color: #E4E8EE
}

.custom-inspect.three .custom-inspect-content .custom-inspect-content-title .custom-inspect-tabs .custom-inspect-tab:hover .icon_custom_inspect_2D {
    background-image: url(../images/custom_inspect/icon_custom_inspect_2D_night_hover.svg)
}

.custom-inspect.three .custom-inspect-content .custom-inspect-content-title .custom-inspect-tabs .custom-inspect-tab:active {
    color: #C6CAD0
}

.custom-inspect.three .custom-inspect-content .custom-inspect-content-title .custom-inspect-tabs .custom-inspect-tab:active .icon_custom_inspect_2D {
    background-image: url(../images/custom_inspect/icon_custom_inspect_2D_night_pressed.svg)
}

.custom-inspect.three .custom-inspect-content .custom-inspect-content-title .share-btn,
.custom-inspect.three .custom-inspect-content .custom-inspect-content-title .switch-wrapper {
    display: flex
}

.custom-inspect.three .custom-inspect-content .custom-inspect-content-title~.inspect-spread {
    background-color: rgba(0, 0, 0, .4);
    border: none
}

.custom-inspect.three .custom-inspect-content .custom-inspect-content-title~.inspect-spread .icon_spread {
    background-image: url(../images/2x/icon_spread_dark_normal.svg)
}

.custom-inspect.three .custom-inspect-content .custom_view {
    background-image: url(../images/custom_inspect/customview_logo_loading_dark.png)
}

.custom-inspect img[src=""] {
    display: none !important
}

.custom-inspect .custom-inspect-scroll {
    width: 100%;
    height: 100%
}

.custom-inspect .header-scroll {
    box-sizing: border-box;
    width: 100%
}

.custom-inspect .header-scroll .custom-inspect-header-menu {
    display: none
}

.custom-inspect .custom-inspect-header {
    width: 100%;
    display: flex;
    justify-content: space-between
}

.custom-inspect .custom-inspect-header .header_label,
.custom-inspect .custom-inspect-header .inspect_left_label {
    display: none
}

.custom-inspect .custom-inspect-header h3 {
    font-size: 14px !important;
    padding-left: 16px;
    height: 32px
}

.custom-inspect .custom-inspect-header input {
    font-size: 14px !important;
    padding-left: 16px;
    height: 34px
}

.custom-inspect .custom-inspect-header .i_Btn {
    height: 34px;
    font-size: 14px !important
}

.custom-inspect .custom-inspect-header .custom-inspect-form {
    user-select: none;
    padding: 24px;
    width: 772px;
    margin-left: 20px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    background-color: #fff;
    border: 1px solid #e4e4e4
}

.custom-inspect .custom-inspect-header .custom-inspect-form .custom-inspect-left {
    margin-bottom: 24px
}

.custom-inspect .custom-inspect-header .custom-inspect-form .stickers_label {
    height: 100%;
    margin-top: 70px
}

.custom-inspect .custom-inspect-header .custom-inspect-form .stickers_label .refresh,
.custom-inspect .custom-inspect-header .custom-inspect-form .stickers_label span:last-of-type {
    display: none
}

.custom-inspect .custom-inspect-header .custom-inspect-form .custom-inspect-item>div:first-of-type {
    width: 78px;
    text-align: left
}

.custom-inspect .custom-inspect-header .custom-inspect-form .custom-inspect-col:nth-of-type(2) {
    margin-bottom: 24px
}

.custom-inspect .custom-inspect-header .custom-inspect-form .custom-inspect-col:nth-of-type(3) {
    margin-bottom: 24px
}

.custom-inspect .custom-inspect-header .custom-inspect-form .is_inspect_col,
.custom-inspect .custom-inspect-header .custom-inspect-form .is_inspect_stickers {
    visibility: hidden
}

.custom-inspect .custom-inspect-header .custom-inspect-form .is_inspect_col .w-Select,
.custom-inspect .custom-inspect-header .custom-inspect-form .is_inspect_stickers .w-Select {
    visibility: hidden !important
}

.custom-inspect .custom-inspect-header .custom-inspect-form .custom-inspect-item {
    background-color: #fff;
    height: auto;
    box-sizing: border-box
}

.custom-inspect .custom-inspect-header .custom-inspect-form .custom-inspect-item .input_wrapper,
.custom-inspect .custom-inspect-header .custom-inspect-form .custom-inspect-item .range_input {
    height: 34px;
    box-sizing: border-box
}

.custom-inspect .custom-inspect-header .custom-inspect-form .custom-inspect-item .range_input {
    padding-left: 6px !important
}

.custom-inspect .custom-inspect-header .custom-inspect-form .custom-inspect-item .sticker_bar_input {
    width: 100%;
    height: 14px;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center
}

.custom-inspect .custom-inspect-header .custom-inspect-form .custom-inspect-item .sticker_bar_input div {
    width: 0;
    margin-right: 8px;
    height: 8px;
    border-radius: 2px;
    background-color: #959595;
    position: absolute;
    z-index: 9
}

.custom-inspect .custom-inspect-header .custom-inspect-form .custom-inspect-item .sticker_bar_input input[value="100"]::-webkit-slider-runnable-track {
    border-right: none
}

.custom-inspect .custom-inspect-header .custom-inspect-form .custom-inspect-item .sticker_bar_input input[value="0"]::-webkit-slider-runnable-track {
    border-left: none
}

.custom-inspect .custom-inspect-header .custom-inspect-form .custom-inspect-item .sticker_bar_input .inspect-sticker-bar {
    -webkit-appearance: none;
    appearance: none;
    width: 100%;
    height: 8px;
    padding: 0;
    border-radius: 2px;
    background: linear-gradient(to right, #fff, #fff) no-repeat, linear-gradient(to right, #fff, #fff) no-repeat
}

.custom-inspect .custom-inspect-header .custom-inspect-form .custom-inspect-item .sticker_bar_input .inspect-sticker-bar::-webkit-scrollbar-track {
    background: 0 0
}

.custom-inspect .custom-inspect-header .custom-inspect-form .custom-inspect-item .sticker_bar_input .inspect-sticker-bar::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 10px;
    height: 14px;
    border: 1px solid silver;
    background-color: #fff;
    margin-top: -4px
}

.custom-inspect .custom-inspect-header .custom-inspect-form .custom-inspect-item .sticker_bar_input .inspect-sticker-bar::-webkit-slider-runnable-track {
    -webkit-appearance: none;
    background: 0 0;
    appearance: none;
    height: 8px;
    border-radius: 2px;
    border: 1px solid silver
}

.custom-inspect .custom-inspect-header .custom-inspect-form .custom-inspect-item .sticker_bar_input .inspect-sticker-bar::-moz-range-track {
    -moz-appearance: none;
    height: 8px;
    border-radius: 2px;
    border: 1px solid silver;
    background-color: #959595
}

.custom-inspect .custom-inspect-header .custom-inspect-form .w-Select {
    z-index: 69
}

.custom-inspect .custom-inspect-header .refresh {
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    color: #959595;
    font-weight: 400;
    font-size: 14px;
    line-height: 100%
}

.custom-inspect .custom-inspect-header .refresh .icon_arr_right {
    border-width: 1px 1px 0 0;
    margin: 0;
    margin-left: 4px
}

.custom-inspect .custom-inspect-header .refresh .icon_refresh_normal {
    margin: 0;
    margin-left: 4px
}

.custom-inspect .custom-inspect-header .refresh:hover {
    color: silver
}

.custom-inspect .custom-inspect-header .refresh:hover .icon_arr_right {
    border-color: silver
}

.custom-inspect .custom-inspect-header .refresh:active {
    color: #515151
}

.custom-inspect .custom-inspect-header .refresh:active .icon_arr_right {
    border-color: #515151
}

.custom-inspect .custom-inspect-header .custom-inspect-skin {
    width: 368px;
    height: 474px;
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    padding: 24px;
    padding-bottom: 58px;
    background-color: #fff;
    border: 1px solid #e4e4e4
}

.custom-inspect .custom-inspect-header .custom-inspect-skin .skin-select-list {
    display: flex;
    position: relative;
    margin-left: 0;
    flex: none
}

.custom-inspect .custom-inspect-header .custom-inspect-skin .skin-select-list .custom-inspect-label {
    min-width: 58px
}

.custom-inspect .custom-inspect-header .custom-inspect-skin .skin-select-list .custom-inspect-label span:nth-child(n+2) {
    margin-top: 24px
}

.custom-inspect .custom-inspect-header .custom-inspect-skin .skin-select-list .custom-inspect-items {
    width: 260px
}

.custom-inspect .custom-inspect-header .custom-inspect-skin .skin-select-list .custom-inspect-items,
.custom-inspect .custom-inspect-header .custom-inspect-skin .skin-select-list .custom-inspect-label {
    display: flex;
    flex-direction: column
}

.custom-inspect .custom-inspect-header .custom-inspect-skin .skin-select-list .custom-inspect-items .w-Select ul,
.custom-inspect .custom-inspect-header .custom-inspect-skin .skin-select-list .custom-inspect-label .w-Select ul {
    border-bottom: 1px solid #F0F0F0
}

.custom-inspect .custom-inspect-header .custom-inspect-skin .skin-select-list .custom-inspect-items .w-Select ul li:last-of-type,
.custom-inspect .custom-inspect-header .custom-inspect-skin .skin-select-list .custom-inspect-label .w-Select ul li:last-of-type {
    border-bottom: none !important
}

.custom-inspect .custom-inspect-header .custom-inspect-skin .skin-select-list .custom-inspect-items .custom-inspect-item:nth-child(n+2),
.custom-inspect .custom-inspect-header .custom-inspect-skin .skin-select-list .custom-inspect-label .custom-inspect-item:nth-child(n+2) {
    margin-top: 24px
}

.custom-inspect .custom-inspect-header .custom-inspect-skin .skin-select-list .custom-inspect-items span,
.custom-inspect .custom-inspect-header .custom-inspect-skin .skin-select-list .custom-inspect-label span {
    line-height: 34px
}

.custom-inspect .custom-inspect-header .custom-inspect-skin .skin-select-list .custom-inspect-items .search_input,
.custom-inspect .custom-inspect-header .custom-inspect-skin .skin-select-list .custom-inspect-label .search_input {
    position: relative;
    display: flex;
    align-items: center;
    color: #515151
}

.custom-inspect .custom-inspect-header .custom-inspect-skin .skin-select-list .custom-inspect-items .search_input .input_delete,
.custom-inspect .custom-inspect-header .custom-inspect-skin .skin-select-list .custom-inspect-label .search_input .input_delete {
    position: absolute;
    right: 7px;
    display: none
}

.custom-inspect .custom-inspect-header .custom-inspect-skin .skin-select-list .custom-inspect-items .search_input .input_delete:hover,
.custom-inspect .custom-inspect-header .custom-inspect-skin .skin-select-list .custom-inspect-label .search_input .input_delete:hover {
    background-image: url(../images/2x/icon_clear_hover.png)
}

.custom-inspect .custom-inspect-header .custom-inspect-skin .skin-select-list .custom-inspect-items .search_input .input_delete:active,
.custom-inspect .custom-inspect-header .custom-inspect-skin .skin-select-list .custom-inspect-label .search_input .input_delete:active {
    background-image: url(../images/2x/icon_clear_selected.png)
}

.custom-inspect .custom-inspect-header .custom-inspect-skin .skin-select-list h3 {
    color: silver
}

.custom-inspect .custom-inspect-header .custom-inspect-skin .skin-select-list .w-Select[value] h3 {
    color: #515151
}

.custom-inspect .custom-inspect-header .custom-inspect-skin .skin-select-list .w-Select[value=" "] h3 {
    color: silver
}

.custom-inspect .custom-inspect-header .custom-inspect-skin .skin-select-list .custom-inspect-item:last-of-type {
    position: relative
}

.custom-inspect .custom-inspect-header .custom-inspect-skin .skin-select-list .custom-inspect-item:last-of-type .aside_top_search {
    position: absolute;
    width: 100%;
    max-height: 423px;
    box-sizing: border-box;
    z-index: 9999;
    background-color: #fff;
    border: 1px solid #e4e4e4;
    border-top-width: none;
    overflow-y: auto;
    display: none
}

.custom-inspect .custom-inspect-header .custom-inspect-skin .skin-select-list .custom-inspect-item:last-of-type .aside_top_search::-webkit-scrollbar-thumb {
    background-color: #E1E2E3
}

.custom-inspect .custom-inspect-header .custom-inspect-skin .skin-select-list .custom-inspect-item:last-of-type .aside_top_search::-webkit-scrollbar-track {
    background-color: #FFF
}

.custom-inspect .custom-inspect-header .custom-inspect-skin .skin-select-list .custom-inspect-item:last-of-type .aside_top_search .sreach_item {
    width: 100%;
    display: flex;
    align-items: center;
    gap: 12px;
    height: 76px;
    box-sizing: border-box;
    font-size: 16px;
    border-bottom: 1px solid rgba(233, 233, 233, .5);
    color: #515151;
    cursor: pointer
}

.custom-inspect .custom-inspect-header .custom-inspect-skin .skin-select-list .custom-inspect-item:last-of-type .aside_top_search .sreach_item:last-child {
    border-bottom: none
}

.custom-inspect .custom-inspect-header .custom-inspect-skin .skin-select-list .custom-inspect-item:last-of-type .aside_top_search .sreach_item:hover {
    background-color: #f5f5f5
}

.custom-inspect .custom-inspect-header .custom-inspect-skin .skin-select-list .custom-inspect-item:last-of-type .aside_top_search .sreach_item img {
    width: 88px;
    height: 68px;
    object-fit: contain;
    margin-left: 16px
}

.custom-inspect .custom-inspect-header .custom-inspect-skin .skin-select-list .custom-inspect-item:last-of-type .aside_top_search .sreach_item img[src=undefined],
.custom-inspect .custom-inspect-header .custom-inspect-skin .skin-select-list .custom-inspect-item:last-of-type .aside_top_search .sreach_item img[src=null],
.custom-inspect .custom-inspect-header .custom-inspect-skin .skin-select-list .custom-inspect-item:last-of-type .aside_top_search .sreach_item img[src=""] {
    display: block !important;
    visibility: hidden
}

.custom-inspect .custom-inspect-header .custom-inspect-skin .skin-select-list .custom-inspect-item:last-of-type .aside_top_search .sreach_item span {
    width: 126px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    max-height: 63px;
    line-height: 18px
}

.custom-inspect .custom-inspect-header .custom-inspect-skin .skin-select-list .custom-inspect-item>span {
    min-width: 0;
    margin-right: 30px;
    text-align: left
}

.custom-inspect .custom-inspect-header .custom-inspect-skin .skin {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.custom-inspect .custom-inspect-header .custom-inspect-skin .skin-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    width: 320px;
    height: 210px;
    position: relative;
    background: center/cover no-repeat url(../images/custom_inspect/bg_custom_inspect.png)
}

.custom-inspect .custom-inspect-header .custom-inspect-skin .skin-wrapper.skin-wrapper-action {
    background: center/cover no-repeat url(../images/custom_inspect/skinBG.png)
}

.custom-inspect .custom-inspect-header .custom-inspect-skin .skin-wrapper .skin {
    width: 60%;
    height: 60%
}

.custom-inspect .custom-inspect-header .custom-inspect-skin .skin-wrapper .go-marketplace {
    border-radius: 1px;
    position: absolute;
    display: none;
    bottom: 0;
    left: 0;
    z-index: 99;
    background: #45536c;
    line-height: 24px;
    text-align: center;
    font-size: 12px;
    cursor: pointer;
    color: #fff;
    width: 106px;
    height: 24px
}

.custom-inspect .custom-inspect-header .custom-inspect-skin .skin-wrapper .go-marketplace:hover {
    background-color: #536380
}

.custom-inspect .custom-inspect-header .custom-inspect-skin .skin-wrapper .go-marketplace .icon_arr_right {
    width: 3.66px;
    height: 3.66px;
    border-color: #fff
}

.custom-inspect .custom-inspect-header .card_open,
.custom-inspect .custom-inspect-header .card_text {
    display: none
}

.custom-inspect .default_inspect {
    width: 100%;
    margin-top: 20px;
    padding: 24px;
    background-color: #fff;
    border: 1px solid #e4e4e4;
    box-sizing: border-box;
    display: none
}

.custom-inspect .default_inspect span:last-child {
    color: silver;
    float: right
}

.custom-inspect .custom-inspect-main {
    display: flex;
    justify-content: center;
    width: 100%
}

.custom-inspect .custom-inspect-main .title_icon {
    display: none
}

.custom-inspect .custom-inspect-content {
    width: 100%;
    height: 652px;
    position: relative;
    margin-top: 20px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    background-image: url(../images/custom_inspect/preview_flowers_bg.png);
    background-size: cover;
    background-repeat: no-repeat;
    justify-content: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.custom-inspect .custom-inspect-content .title_span,
.custom-inspect .custom-inspect-content .title_span_3D {
    font-family: Microsoft YaHei;
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;
    color: silver;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

.custom-inspect .custom-inspect-content .custom-inspect-content-title {
    width: 100%;
    height: 48px;
    padding: 0 24px;
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
    background-color: #f9f9f9;
    border: 1px solid #e4e4e4
}

.custom-inspect .custom-inspect-content .custom-inspect-content-title .content-title-left,
.custom-inspect .custom-inspect-content .custom-inspect-content-title .content-title-right {
    display: flex;
    align-items: center
}

.custom-inspect .custom-inspect-content .custom-inspect-content-title .content-title-right {
    gap: 12px
}

.custom-inspect .custom-inspect-content .custom-inspect-content-title .title_span,
.custom-inspect .custom-inspect-content .custom-inspect-content-title .title_span_3D {
    margin: 0 24px
}

.custom-inspect .custom-inspect-content .custom-inspect-content-title .custom-inspect-tabs {
    display: flex;
    margin-left: 12px;
    border: 1px solid #e4e4e4
}

.custom-inspect .custom-inspect-content .custom-inspect-content-title .custom-inspect-tabs .custom-inspect-tab {
    width: 66px;
    height: 32px;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 16px;
    font-weight: 400;
    line-height: 21.12px;
    cursor: pointer;
    color: silver
}

.custom-inspect .custom-inspect-content .custom-inspect-content-title .custom-inspect-tabs .custom-inspect-tab .icon_custom_inspect_2D,
.custom-inspect .custom-inspect-content .custom-inspect-content-title .custom-inspect-tabs .custom-inspect-tab .icon_custom_inspect_3D {
    width: 16px;
    height: 16px;
    margin-right: 4px
}

.custom-inspect .custom-inspect-content .custom-inspect-content-title .custom-inspect-tabs .custom-inspect-tab .icon_custom_inspect_2D {
    background-image: url(../images/custom_inspect/icon_custom_inspect_2D.svg)
}

.custom-inspect .custom-inspect-content .custom-inspect-content-title .custom-inspect-tabs .custom-inspect-tab .icon_custom_inspect_3D {
    background-image: url(../images/custom_inspect/icon_custom_inspect_3D.svg)
}

.custom-inspect .custom-inspect-content .custom-inspect-content-title .custom-inspect-tabs .custom-inspect-tab.active {
    background-color: #fff;
    color: #515151
}

.custom-inspect .custom-inspect-content .custom-inspect-content-title .custom-inspect-tabs .custom-inspect-tab.active .icon_custom_inspect_2D {
    background-image: url(../images/custom_inspect/icon_custom_inspect_2D_hover.svg)
}

.custom-inspect .custom-inspect-content .custom-inspect-content-title .custom-inspect-tabs .custom-inspect-tab:hover {
    color: #515151
}

.custom-inspect .custom-inspect-content .custom-inspect-content-title .custom-inspect-tabs .custom-inspect-tab:hover .icon_custom_inspect_2D {
    background-image: url(../images/custom_inspect/icon_custom_inspect_2D_hover.svg)
}

.custom-inspect .custom-inspect-content .custom-inspect-content-title .custom-inspect-tabs .custom-inspect-tab:hover .icon_custom_inspect_3D {
    background-image: url(../images/custom_inspect/icon_custom_inspect_3D_hover.svg)
}

.custom-inspect .custom-inspect-content .custom-inspect-content-title .custom-inspect-tabs .custom-inspect-tab:active {
    color: #959595
}

.custom-inspect .custom-inspect-content .custom-inspect-content-title .custom-inspect-tabs .custom-inspect-tab:active .icon_custom_inspect_2D {
    background-image: url(../images/custom_inspect/icon_custom_inspect_2D_pressed.svg)
}

.custom-inspect .custom-inspect-content .custom-inspect-content-title .custom-inspect-tabs .custom-inspect-tab:active .icon_custom_inspect_3D {
    background-image: url(../images/custom_inspect/icon_custom_inspect_3D_pressed.svg)
}

.custom-inspect .custom-inspect-content .custom-inspect-content-title .title_span_3D {
    display: none
}

.custom-inspect .custom-inspect-content .custom-inspect-content-title .text_span {
    color: #959595;
    margin-right: 2px
}

.custom-inspect .custom-inspect-content img {
    width: 100%;
    height: 100%
}

.custom-inspect .custom-inspect-content>span {
    font-family: Microsoft YaHei;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
    letter-spacing: 0;
    text-align: left
}

.custom-inspect .custom-inspect-content .custom-inspect-content-image,
.custom-inspect .custom-inspect-content .custom-inspect-content-image-3D {
    height: 604px;
    position: relative;
    z-index: 10;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden
}

.custom-inspect .custom-inspect-content .custom-inspect-content-image-3D::-webkit-scrollbar,
.custom-inspect .custom-inspect-content .custom-inspect-content-image::-webkit-scrollbar {
    width: 0
}

.custom-inspect .custom-inspect-content .custom_view {
    width: 336px;
    height: 148px;
    position: absolute;
    background: center/cover no-repeat url(../images/custom_inspect/customview_logo_loading.png);
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 68;
    margin: auto
}

.custom-inspect .custom-inspect-content .custom-inspect-content-image-3D {
    display: none
}

.custom-inspect .custom-inspect-content .custom-inspect-content-logo {
    display: none;
    position: absolute;
    bottom: 16px;
    right: 24px;
    width: 176px;
    height: 90px;
    background: center/cover no-repeat url(../images/custom_inspect/customview_logo_mark.png)
}

.custom-inspect .custom-inspect-content .inspect-spread {
    position: absolute;
    bottom: 24px;
    left: 24px;
    padding: 8px;
    z-index: 999;
    border: 1px solid #e4e4e4
}

.custom-inspect .custom-inspect-footer {
    width: 100%;
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
    padding: 0 24px;
    justify-content: space-between;
    background: #fff;
    border: 1px solid #e4e4e4;
    margin-top: 20px
}

.custom-inspect .custom-inspect-footer .custom-inspect-footer-content {
    width: 100%;
    box-sizing: border-box;
    padding: 24px 0;
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #e9e9e980
}

.custom-inspect .custom-inspect-footer .custom-inspect-footer-content:last-of-type {
    border-bottom: none
}

.custom-inspect .custom-inspect-footer .custom-inspect-footer-content .custom-inspect-footer-left {
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

.custom-inspect .custom-inspect-footer .custom-inspect-footer-content .custom-inspect-footer-left span {
    font-size: 14px
}

.custom-inspect .custom-inspect-footer .custom-inspect-footer-content .custom-inspect-footer-left a {
    color: #4773c8;
    text-decoration: underline
}

.custom-inspect .custom-inspect-footer .custom-inspect-footer-content .custom-inspect-footer-left .custom-inspect-footer-search {
    margin-top: 12px
}

.custom-inspect .custom-inspect-footer .custom-inspect-footer-content .custom-inspect-footer-left .custom-inspect-footer-search .i_Btn {
    height: 38px;
    min-width: 80px;
    line-height: 28px;
    font-size: 14px;
    box-sizing: border-box
}

.custom-inspect .custom-inspect-footer .custom-inspect-footer-content .custom-inspect-footer-left .custom-inspect-footer-search .w-Search {
    width: 466px
}

.custom-inspect .custom-inspect-footer .custom-inspect-footer-content .custom-inspect-footer-left .custom-inspect-footer-search .w-Search .i_Text {
    height: 38px;
    box-sizing: border-box;
    width: 464px
}

.custom-inspect .custom-inspect-footer .custom-inspect-footer-content .custom-inspect-footer-right {
    display: flex;
    justify-content: flex-end;
    align-items: center
}

.custom-inspect .custom-inspect-footer .custom-inspect-footer-content .custom-inspect-footer-right .i_Btn {
    height: 38px;
    min-width: 160px;
    max-width: 246px;
    line-height: 30px;
    box-sizing: border-box
}

.custom-inspect-col {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.custom-inspect-col>div {
    width: 340px
}

.custom-inspect-item {
    display: flex;
    align-items: center
}

.custom-inspect-item>span {
    margin-right: 30px;
    min-width: 56px;
    text-align: left
}

.custom-inspect-item .w-Search,
.custom-inspect-item .w-Select {
    flex: 1
}

.custom-inspect-item .w-Search li,
.custom-inspect-item .w-Select li {
    padding-left: 16px
}

.custom-inspect-item .w-Search .i_Text {
    box-sizing: border-box;
    width: 100%
}

.custom-inspect-item .i_Btn {
    box-sizing: border-box;
    min-width: 64px;
    padding: 0 18px;
    height: 32px;
    line-height: 32px;
    margin-left: 8px
}

.custom-inspect-item .progress {
    height: 8px;
    border-radius: 0;
    width: 100%;
    overflow: auto;
    margin-top: 9.5px;
    position: relative
}

.custom-inspect-item .wear-bar {
    flex: 1
}

.custom-inspect-item .wear-pointer {
    position: relative
}

.custom-inspect-item .wear-pointer #j_wear_pointer {
    width: 30px;
    height: 30px;
    margin-left: -15px;
    position: absolute;
    top: -20px;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    cursor: pointer
}

.custom-inspect-item .wear-pointer-icon {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 12px 8px 0 8px;
    border-color: #515151 transparent transparent transparent;
    z-index: 1
}

.custom-inspect-item .wear-label {
    margin-left: 16px
}

.custom-inspect-stickers {
    width: 630px;
    height: 248px;
    box-sizing: border-box;
    border: none;
    position: relative;
    user-select: none
}

.custom-inspect-stickers .inspect-sticker {
    position: absolute;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 120px;
    height: 248px;
    padding: 4px;
    border: 1px solid #e4e4e4;
    background-color: #fafafa;
    box-sizing: border-box;
    border-radius: 2px;
    z-index: 60
}

.custom-inspect-stickers .inspect-sticker input[disabled] {
    cursor: not-allowed;
    color: silver
}

.custom-inspect-stickers .inspect-sticker input[disabled]+span {
    color: silver
}

.custom-inspect-stickers .inspect-sticker .inspect-sticker-pos {
    display: flex;
    height: 18px;
    justify-content: space-between;
    align-items: center;
    font-size: 14px;
    box-sizing: border-box;
    margin: 4px
}

.custom-inspect-stickers .inspect-sticker .inspect-sticker-pos .sticker-pos-text {
    font-size: 11px;
    padding: 0 4px;
    box-sizing: border-box;
    background: #f0f0f0
}

.custom-inspect-stickers .inspect-sticker .inspect-sticker-pos:hover {
    cursor: move
}

.custom-inspect-stickers .inspect-sticker:nth-of-type(2) {
    left: 128px
}

.custom-inspect-stickers .inspect-sticker:nth-of-type(3) {
    left: 256px
}

.custom-inspect-stickers .inspect-sticker:nth-of-type(4) {
    left: 384px
}

.custom-inspect-stickers .inspect-sticker:nth-of-type(5) {
    left: 512px
}

.custom-inspect-stickers .inspect-sticker>:nth-child(n+2) {
    margin-top: 4px
}

.custom-inspect-stickers .inspect-sticker-img {
    height: 116px;
    background: #fff;
    border: 1px solid #e4e4e4;
    color: silver;
    border-radius: 2px;
    position: relative;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center
}

.custom-inspect-stickers .inspect-sticker-img:hover {
    color: #959595
}

.custom-inspect-stickers .inspect-sticker-img .go-marketplace {
    width: 104px;
    height: 18px;
    margin: 2px;
    border-radius: 1px;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 99;
    background: #45536c;
    line-height: 18px;
    text-align: center;
    font-size: 12px;
    cursor: pointer;
    color: #fff;
    display: none
}

.custom-inspect-stickers .inspect-sticker-img .go-marketplace:hover {
    background-color: #536380
}

.custom-inspect-stickers .inspect-sticker-img .go-marketplace .icon_arr_right {
    width: 3.66px;
    height: 3.66px;
    border-color: #fff
}

.custom-inspect-stickers .inspect-sticker-img img {
    width: 88px;
    height: 88px;
    object-fit: cover
}

.custom-inspect-stickers .inspect-sticker-img .icon_drop {
    position: absolute;
    bottom: 4px;
    right: 4px
}

.custom-inspect-stickers .inspect-sticker-img .icon_delete {
    position: absolute;
    top: 2px;
    right: 2px;
    cursor: pointer
}

.custom-inspect-stickers .inspect-sticker-img .scope-copy {
    position: absolute;
    top: 2px;
    left: 2px;
    width: auto;
    background: #1c202b80;
    padding: 1px 2px;
    box-sizing: border-box;
    height: 18px;
    line-height: 16px;
    text-align: center;
    font-size: 12px;
    cursor: pointer;
    display: none;
    border-radius: 1px;
    color: #C6CAD0
}

.custom-inspect-stickers .inspect-sticker-img .scope-copy .icon_copy {
    margin: -2px 4px 0 2px;
    background-image: url(../images/2x/icon_copy_dark.png)
}

.custom-inspect-stickers .inspect-sticker-img .scope-copy:hover {
    color: #E4E8EE
}

.custom-inspect-stickers .inspect-sticker-img .scope-copy:hover .icon_copy {
    background-image: url(../images/2x/icon_copy_dark_hover.png)
}

.custom-inspect-stickers .inspect-sticker-img:hover .go-marketplace,
.custom-inspect-stickers .inspect-sticker-img:hover .scope-copy {
    display: block
}

.custom-inspect-stickers .inspect-sticker .input_wrapper {
    position: relative;
    color: #515151
}

.custom-inspect-stickers .inspect-sticker .input_wrapper input[disabled]~.spin_button {
    cursor: not-allowed
}

.custom-inspect-stickers .inspect-sticker .input_wrapper input[disabled]~.spin_button a {
    pointer-events: none
}

.custom-inspect-stickers .inspect-sticker .input_wrapper .spin_button {
    height: 34px;
    background-color: #fff;
    display: flex;
    flex-direction: column;
    text-align: center;
    box-sizing: border-box;
    position: absolute;
    right: 0;
    top: 0
}

.custom-inspect-stickers .inspect-sticker .input_wrapper .spin_button .button_down,
.custom-inspect-stickers .inspect-sticker .input_wrapper .spin_button .button_up {
    width: 22px;
    height: 50%;
    box-sizing: border-box;
    border: 1px solid #e4e4e4;
    border-radius: 2px;
    display: flex;
    justify-content: center;
    align-items: center
}

.custom-inspect-stickers .inspect-sticker .input_wrapper .spin_button .button_up {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.custom-inspect-stickers .inspect-sticker .input_wrapper .spin_button .button_down {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-top: none
}

.custom-inspect-stickers .inspect-sticker .input_wrapper span {
    position: absolute;
    left: 24px;
    display: inline-block;
    line-height: 34px
}

.custom-inspect-stickers .inspect-sticker .i_Text {
    text-align: center
}

.custom-inspect-stickers .inspect-sticker .i_Text[type=number] {
    width: 86px;
    padding-left: 42px;
    box-sizing: border-box
}

.custom-inspect-stickers .inspect-sticker .i_Text::-webkit-inner-spin-button,
.custom-inspect-stickers .inspect-sticker .i_Text::-webkit-outer-spin-button {
    display: none
}

.custom-inspect-stickers .inspect-sticker .i_Text::-moz-appearance {
    -moz-appearance: textfield
}

.custom-inspect-stickers .inspect-sticker .i_Text::-moz-spinner-down,
.custom-inspect-stickers .inspect-sticker .i_Text::-moz-spinner-up {
    display: none
}

.custom-inspect-stickers .inspect-sticker .i_Text::-ms-clear {
    display: none
}

.custom-inspect-stickers .inspect-sticker .i_Text::-ms-down,
.custom-inspect-stickers .inspect-sticker .i_Text::-ms-up {
    display: none
}

.custom-inspect .j_inspect_item_search {
    width: 644px
}

.custom-inspect .j_inspect_item_search .i_Text {
    width: auto
}

.custom-inspect .inspect-sticker-search {
    width: 100%;
    position: absolute;
    left: 0;
    top: 156px;
    z-index: 69;
    border: 1px solid #E4E4E4;
    background-color: #fafafa;
    display: none
}

.custom-inspect .inspect-sticker-search-header {
    height: 32px;
    padding: 0 12px;
    line-height: 32px;
    font-size: 14px;
    font-weight: 700;
    text-align: left;
    background: #fff;
    color: #515151;
    border-bottom: 1px solid rgba(233, 233, 233, .5);
    box-sizing: border-box
}

.custom-inspect .inspect-sticker-search-cont {
    width: 100%;
    height: 454px;
    background-color: #fafafa;
    display: flex;
    flex-wrap: wrap
}

.custom-inspect .inspect-sticker-search-cont .range-slider {
    padding-top: 0
}

.custom-inspect .inspect-sticker-search-cont .popup_flower-filters {
    height: 34px;
    padding: 0 8px;
    margin: 8px 0
}

.custom-inspect .inspect-sticker-search-cont .popup_flower-filters .w-Select--flat ul {
    border-color: #E4E4E4
}

.custom-inspect .inspect-sticker-search-cont .popup_flower-filters .w-Select--flat.on ul {
    display: flex !important
}

.custom-inspect .inspect-sticker-search-cont .popup_flower-filters .autocomplete-result,
.custom-inspect .inspect-sticker-search-cont .popup_flower-filters .custom_sticker_search_input-result-list {
    max-width: 172px !important;
    min-width: auto !important
}

.custom-inspect .inspect-sticker-search-cont .popup_flower-filters .custom_sticker_search_input-result-list {
    padding-bottom: 0;
    margin-top: 2px;
    box-shadow: none;
    border-color: #E4E4E4
}

.custom-inspect .inspect-sticker-search-cont .popup_flower-filters .custom_sticker_search_input-result-list .autocomplete-result {
    border-bottom: 1px solid rgba(233, 233, 233, .5);
    padding: 8px 12px !important;
    overflow: hidden;
    text-overflow: ellipsis
}

.custom-inspect .inspect-sticker-search-cont .popup_flower-filters .custom_sticker_search_input-result-list .autocomplete-result:last-child {
    border-bottom: none
}

.custom-inspect .inspect-sticker-search-cont .popup_flower-filters .w-Search {
    width: 148px
}

.custom-inspect .inspect-sticker-search-cont .popup_flower-filters .w-Search .i_Text {
    width: 118px;
    padding-left: 12px;
    font-size: 12px !important
}

.custom-inspect .inspect-sticker-search-cont .popup_flower-filters .w-Search a {
    padding: 0 8px
}

.custom-inspect .inspect-sticker-search-cont .popup_flower-filters .w-Search a .icon {
    margin: 0
}

.custom-inspect .inspect-sticker-search-cont .popup_flower-aside-top {
    position: relative;
    padding: 12px;
    background: #fafafa;
    border-bottom: 1px solid rgba(233, 233, 233, .5)
}

.custom-inspect .inspect-sticker-search-cont .popup_flower-aside-top .w-Search span {
    flex: 1
}

.custom-inspect .inspect-sticker-search-cont .popup_flower-aside-top .w-Search input {
    padding-left: 8px;
    font-size: 12px !important
}

.custom-inspect .inspect-sticker-search-cont .popup_flower-aside-top .w-Search a {
    margin: 0
}

.custom-inspect .inspect-sticker-search-cont .popup_flower-aside-top .w-Search a .icon {
    margin: 0
}

.custom-inspect .inspect-sticker-search-cont .popup_flower-aside-con ul {
    border: none
}

.custom-inspect .inspect-sticker-search-cont .popup_flower-aside-con ul li {
    text-align: left;
    padding: 0 12px
}

.custom-inspect .inspect-sticker-search-cont .popup_flower-aside-con ul li:last-of-type {
    border-bottom: none !important
}

.custom-inspect .inspect-sticker-search-cont .popup_flower-aside,
.custom-inspect .inspect-sticker-search-cont .popup_flower-con {
    border-top: 1px solid rgba(233, 233, 233, .5);
    height: 404px;
    box-sizing: border-box
}

.custom-inspect .inspect-sticker-search-cont .popup_flower-con {
    flex: 1;
    padding: 0;
    z-index: 99;
    overflow-x: hidden
}

.custom-inspect .inspect-sticker-search-cont .popup_flower-con .popup_order_tags_list {
    width: 470px;
    min-height: calc(100% - 76px)
}

.custom-inspect .inspect-sticker-search-cont .popup_flower-con .popup_order_tags_list .nodata {
    padding: 145px 0
}

.custom-inspect .inspect-sticker-search-cont .popup_flower-con .popup_order_tags_list .nodata p {
    margin: 0
}

.custom-inspect .inspect-sticker-search-cont .popup_flower-con .popup_order_tags_list .nodata p:first-child {
    margin-bottom: 20px
}

.custom-inspect .inspect-sticker-search-cont .popup_flower-con #pager_con ul {
    white-space: nowrap
}

.custom-inspect .inspect-sticker-search-cont .popup_flower-con #pager_con ul li * {
    width: 36px;
    height: 36px;
    line-height: 36px;
    padding: 0
}

.custom-inspect .inspect-sticker-search-cont .popup_flower-con #pager_con ul li .next,
.custom-inspect .inspect-sticker-search-cont .popup_flower-con #pager_con ul li .prev {
    width: 66px
}

.custom-inspect .inspect-sticker-search-cont .popup_flower-con #pager_con ul li:last-of-type {
    margin-right: 0
}

.custom-inspect .inspect-sticker-search-cont .popup_flower-con .blank20 {
    height: 8px
}

.custom-inspect .inspect-sticker-search-cont .popup_flower-con .icon_nodata {
    width: 240px;
    height: 56px
}

.custom-inspect .inspect-sticker-search-cont .popup_flower-con tr:last-child td {
    border-bottom: none
}

.custom-inspect .inspect-sticker-search-cont .popup_flower-con .tb_item {
    cursor: pointer
}

.custom-inspect .inspect-sticker-search-cont .popup_flower-con td {
    height: 48px;
    padding: 16px 0;
    border-bottom: 1px solid rgba(233, 233, 233, .5)
}

.custom-inspect .inspect-sticker-search-cont .popup_flower-con .pic-cont {
    margin: 0 16px
}

.custom-inspect .inspect-sticker-search-cont .popup_flower-con .name-cont {
    padding-right: 16px;
    font-size: 16px;
    color: #515151;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

.custom-inspect .inspect-sticker-search-cont .popup_flower-con .name-cont h3 {
    padding-left: 0;
    margin-bottom: 4px;
    height: auto
}

.custom-inspect .inspect-sticker-search-cont .popup_flower-con .name-cont .textOne {
    margin: 0
}

.custom-inspect .inspect-sticker-search-cont .popup_flower-con .name-cont .f_Strong {
    font-size: 16px
}

.custom-inspect .inspect-sticker-search-cont .popup_flower-con .grid_tb {
    width: 100%;
    gap: 7px;
    padding: 16px;
    padding-bottom: 0
}

.custom-inspect .inspect-sticker-search-cont .popup_flower-con .grid_tb .grid_tb_item {
    width: 104px;
    height: 106px
}

.custom-inspect .inspect-sticker-search-cont .popup_flower-con .grid_tb .grid_tb_item .item_img {
    width: 100%;
    height: 86px
}

.custom-inspect .inspect-sticker-search-cont .popup_flower-con .grid_tb .grid_tb_item .item_img img {
    width: 76px;
    height: 76px
}

.custom-inspect .inspect-sticker-search-cont .popup_flower-con .grid_tb .grid_tb_item:active .item_img img,
.custom-inspect .inspect-sticker-search-cont .popup_flower-con .grid_tb .grid_tb_item:hover .item_img img {
    width: 86px;
    height: 86px
}

.custom-inspect .popup_custom_inspect .custom-inspect {
    margin-bottom: 0;
    padding: 24px 54px
}

.custom-inspect .popup_custom_inspect .custom-inspect>div:nth-child(n+2) {
    padding: 0
}

.custom-inspect .popup_custom_inspect .custom-inspect-col>div {
    width: 276px
}

.custom-inspect .popup_custom_inspect .custom-inspect .i_Text {
    padding: 3px 6px
}

.custom-inspect .popup_custom_inspect .inspect-sticker-search-cont {
    display: flex;
    height: 324px
}

.custom-inspect .popup_custom_inspect .popup-bottom {
    display: flex;
    align-items: center;
    justify-content: center
}

.custom-inspect .popup_custom_inspect .popup-bottom .i_Btn {
    width: 160px
}

#custom_inspect:not(.three) .custom-inspect-main .custom-inspect-content-title .title_icon .newfile-btn,
#custom_inspect:not(.three) .custom-inspect-main .custom-inspect-content-title .title_icon .release-btn,
#custom_inspect:not(.three) .custom-inspect-main .custom-inspect-content-title .title_icon .share-btn {
    background: #fff;
    border: 1px solid #E4E4E4;
    color: #515151;
    box-sizing: border-box;
    height: 40px
}

#custom_inspect:not(.three) .custom-inspect-main .custom-inspect-content-title .title_icon .newfile-btn:hover,
#custom_inspect:not(.three) .custom-inspect-main .custom-inspect-content-title .title_icon .release-btn:hover,
#custom_inspect:not(.three) .custom-inspect-main .custom-inspect-content-title .title_icon .share-btn:hover {
    background: #F5F5F5;
    color: #333
}

#custom_inspect:not(.three) .custom-inspect-main .custom-inspect-content-title .title_icon .newfile-btn:active,
#custom_inspect:not(.three) .custom-inspect-main .custom-inspect-content-title .title_icon .release-btn:active,
#custom_inspect:not(.three) .custom-inspect-main .custom-inspect-content-title .title_icon .share-btn:active {
    background: #EAEAEA;
    color: #959595
}

#custom_inspect:not(.three) .custom-inspect-main .custom-inspect-content-title .title_icon .share-btn .icon_customview_share {
    background-image: url(../images/2x/16_customview_share_light_normal.svg) !important
}

#custom_inspect:not(.three) .custom-inspect-main .custom-inspect-content-title .title_icon .newfile-btn .icon_customview_newfile {
    background-image: url(../images/2x/16_customview_newfile_light_normal.svg) !important
}

#custom_inspect:not(.three) .custom-inspect-main .custom-inspect-content-title .title_icon .release-btn .icon_customview_release {
    background-image: url(../images/2x/16_customview_release_light_normal.svg) !important
}

#custom_inspect:not(.three) .custom-inspect-main .custom-inspect-content-title .title_icon :hover>.icon_customview_share {
    background-image: url(../images/2x/16_customview_share_light_hover.svg) !important
}

#custom_inspect:not(.three) .custom-inspect-main .custom-inspect-content-title .title_icon :hover>.icon_customview_newfile {
    background-image: url(../images/2x/16_customview_newfile_light_hover.svg) !important
}

#custom_inspect:not(.three) .custom-inspect-main .custom-inspect-content-title .title_icon :hover>.icon_customview_release {
    background-image: url(../images/2x/16_customview_release_light_hover.svg) !important
}

#custom_inspect:not(.three) .custom-inspect-main .custom-inspect-content-title .title_icon :active>.icon_customview_share {
    background-image: url(../images/2x/16_customview_share_light_pressed.svg) !important
}

#custom_inspect:not(.three) .custom-inspect-main .custom-inspect-content-title .title_icon :active>.icon_customview_newfile {
    background-image: url(../images/2x/16_customview_newfile_light_pressed.svg) !important
}

#custom_inspect:not(.three) .custom-inspect-main .custom-inspect-content-title .title_icon :active>.icon_customview_release {
    background-image: url(../images/2x/16_customview_release_light_pressed.svg) !important
}

.switch-wrapper {
    display: none;
    align-items: center;
    gap: 2px
}

.switch {
    position: relative;
    display: inline-block;
    width: 40px;
    height: 20px
}

.switch input {
    opacity: 0;
    width: 0;
    height: 0
}

.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    transition: .4s;
    border-radius: 20px
}

.slider:before {
    position: absolute;
    content: "";
    height: 16px;
    width: 16px;
    left: 2px;
    bottom: 2px;
    background-color: #fff;
    transition: .4s;
    border-radius: 50%
}

input:checked+.slider {
    background-color: #4773c8
}

input:checked+.slider:before {
    transform: translateX(20px)
}

.share-btn {
    box-sizing: border-box;
    display: none;
    align-items: center;
    height: 32px;
    padding: 0 12px;
    gap: 4px;
    color: #c6cad0;
    border: 1px solid #3f4347;
    cursor: pointer
}

.share-btn:hover {
    color: #dee1e6
}

.share-btn:active {
    color: #90969c
}

.release-btn {
    box-sizing: border-box;
    display: none;
    align-items: center;
    height: 32px;
    padding: 0 12px;
    gap: 4px;
    color: #c6cad0;
    border: 1px solid #3f4347;
    cursor: pointer
}

.release-btn:hover {
    color: #dee1e6
}

.release-btn:active {
    color: #90969c
}

.custom-inspect.three .custom-inspect-content .custom-inspect-content-title .release-btn {
    display: flex
}

.popup-release-inspect {
    width: 800px;
    background: #fff;
    padding-bottom: 20px;
    box-shadow: 0 0 5px rgba(0, 0, 0, .25);
    border-radius: 0
}

.popup-release-inspect .popup-title {
    height: 60px;
    line-height: 60px;
    text-align: center;
    font-size: 16px;
    font-weight: 700;
    color: #515151;
    border-bottom: 1px solid rgba(217, 217, 217, .5);
    margin: 0;
    padding: 0 16px
}

.popup-release-inspect .release-tip {
    padding: 12px 30px;
    text-align: center;
    font-size: 14px;
    color: #eea20e;
    background: rgba(238, 162, 14, .05)
}

.popup-release-inspect .release-section-title {
    font-size: 16px;
    font-weight: 700;
    color: #515151;
    margin: 0;
    padding: 0;
    line-height: 1
}

.popup-release-inspect .release-section-title .section-subtitle {
    margin-left: 16px;
    font-size: 14px;
    font-weight: 400;
    color: #959595
}

.popup-release-inspect .release-body {
    display: flex;
    gap: 30px;
    padding: 20px 30px 0
}

.popup-release-inspect .cover-preview {
    width: 273px;
    flex: none
}

.popup-release-inspect .cover-preview .preview-card {
    margin-top: 20px
}

.popup-release-inspect .cover-preview .preview-img-wrap {
    position: relative;
    width: 273px;
    border: 1px solid rgba(0, 0, 0, .08);
    overflow: hidden
}

.popup-release-inspect .cover-preview .preview-canvas {
    display: block;
    width: 273px;
    height: 153px;
    background: url(../images/sticker_craft_bg.png) center center;
    background-size: cover
}

.popup-release-inspect .cover-preview .preview-price-bar {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 4px 8px;
    background: #353748;
    color: #dee1e6;
    font-size: 12px;
    line-height: 1.4
}

.popup-release-inspect .cover-preview .preview-price-bar span {
    color: #dee1e6
}

.popup-release-inspect .cover-preview .preview-price-bar strong {
    color: #eea20e;
    font-weight: 700;
    margin-left: 2px
}

.popup-release-inspect .cover-preview .preview-info {
    padding-top: 8px
}

.popup-release-inspect .cover-preview .preview-title {
    font-size: 16px;
    color: #333;
    line-height: 1.3;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.popup-release-inspect .cover-preview .preview-title.empty {
    color: #959595
}

.popup-release-inspect .cover-preview .preview-meta {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 8px
}

.popup-release-inspect .cover-preview .preview-meta-left {
    display: flex;
    align-items: center;
    gap: 4px
}

.popup-release-inspect .cover-preview .preview-meta-left .avatar {
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background: linear-gradient(135deg, #4773c8 0, #7c8ff5 100%);
    flex: none
}

.popup-release-inspect .cover-preview .preview-meta-left .user-name {
    font-size: 12px;
    color: #959595;
    position: relative;
    top: -1px
}

.popup-release-inspect .cover-preview .preview-meta-left .game-tag {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 12px;
    padding: 0 4px;
    background: #7c8ff5;
    color: #fff;
    font-size: 10px;
    line-height: 12px;
    border-radius: 1px;
    margin-left: 2px;
    font-weight: 700
}

.popup-release-inspect .cover-preview .preview-meta-left .vip-avatar-wrap {
    position: relative;
    display: block;
    width: 16px;
    height: 16px;
    flex: none
}

.popup-release-inspect .cover-preview .preview-meta-left .vip-avatar-wrap img {
    display: block;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    object-fit: cover
}

.popup-release-inspect .cover-preview .preview-meta-left.vip .vip-avatar-wrap::after {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    width: 8px;
    height: 8px;
    background: center/contain url(../images/site/icon_VIP_bordered.png) no-repeat
}

.popup-release-inspect .cover-preview .preview-meta-left.vip .user-name {
    color: #e1ab60
}

.popup-release-inspect .cover-preview .preview-meta-left.vip .vip-avatar-wrap {
    position: relative;
    display: block;
    width: 16px;
    height: 16px;
    flex: none
}

.popup-release-inspect .cover-preview .preview-meta-left.vip .vip-avatar-wrap::after {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    width: 8px;
    height: 8px;
    background: center/contain url(../images/site/icon_VIP_bordered.png) no-repeat
}

.popup-release-inspect .cover-preview .preview-meta-left.vip .user-name {
    color: #e1ab60
}

.popup-release-inspect .cover-preview .preview-meta-right {
    display: flex;
    align-items: center;
    gap: 8px
}

.popup-release-inspect .cover-preview .preview-meta-right .card-action-item {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    color: #959595;
    font-size: 12px;
    line-height: 1;
    cursor: default
}

.popup-release-inspect .cover-preview .preview-meta-right .card-action-item em {
    font-style: normal
}

.popup-release-inspect .cover-preview .preview-meta-right .card-action-item .icon,
.popup-release-inspect .cover-preview .preview-meta-right .card-action-item img {
    display: block;
    flex-shrink: 0
}

.popup-release-inspect .cover-preview .preview-meta-right .card-action-item img {
    width: 16px;
    height: 16px
}

.popup-release-inspect .cover-preview .preview-meta-right .card-action-item .icon_comment,
.popup-release-inspect .cover-preview .preview-meta-right .card-action-item .icon_good2 {
    width: 16px;
    height: 16px;
    background: no-repeat center/contain
}

.popup-release-inspect .cover-preview .preview-meta-right .card-action-item .icon_comment {
    background-image: url(../images/2x/icon_16_comment_light.svg)
}

.popup-release-inspect .cover-preview .preview-meta-right .card-action-item .icon_good2 {
    background-image: url(../images/2x/icon_16_like_light.svg)
}

.popup-release-inspect .cover-setting {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 20px
}

.popup-release-inspect .cover-setting .setting-stage {
    position: relative;
    width: 100%;
    height: 245px;
    background: url(../images/sticker_craft_bg.png) center center;
    background-size: cover;
    overflow: hidden;
    user-select: none
}

.popup-release-inspect .cover-setting .source-img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    pointer-events: none;
    user-select: none;
    -webkit-user-drag: none
}

.popup-release-inspect .cover-setting .crop-frame {
    position: absolute;
    left: 0;
    top: 0;
    box-sizing: border-box;
    border: 2px solid #eea20e;
    cursor: move;
    box-shadow: 0 0 0 9999px rgba(0, 0, 0, .4)
}

.popup-release-inspect .cover-setting .crop-handle {
    position: absolute;
    width: 8px;
    height: 8px;
    background: #eea20e;
    border: 1px solid #fff;
    box-sizing: border-box
}

.popup-release-inspect .cover-setting .crop-handle.tl {
    left: -5px;
    top: -5px;
    cursor: nwse-resize
}

.popup-release-inspect .cover-setting .crop-handle.tr {
    right: -5px;
    top: -5px;
    cursor: nesw-resize
}

.popup-release-inspect .cover-setting .crop-handle.bl {
    left: -5px;
    bottom: -5px;
    cursor: nesw-resize
}

.popup-release-inspect .cover-setting .crop-handle.br {
    right: -5px;
    bottom: -5px;
    cursor: nwse-resize
}

.popup-release-inspect .release-desc {
    padding: 0 30px;
    margin-top: 30px
}

.popup-release-inspect .release-desc .release-section-title {
    margin-bottom: 20px
}

.popup-release-inspect .desc-input-wrap {
    position: relative
}

.popup-release-inspect .desc-input {
    display: block;
    width: 100%;
    height: 92px;
    box-sizing: border-box;
    padding: 10px 10px 22px;
    background: #fff;
    border: 1px solid #e4e4e4;
    border-radius: 2px;
    font-size: 16px;
    color: #333;
    line-height: 1.4;
    resize: none;
    outline: 0;
    font-family: inherit;
    transition: background-color .15s, border-color .15s
}

.popup-release-inspect .desc-input::placeholder {
    color: silver;
    font-size: 14px
}

.popup-release-inspect .desc-input:focus,
.popup-release-inspect .desc-input:not(:placeholder-shown) {
    background: #f8f6f1;
    border-color: #eea20e
}

.popup-release-inspect .char-counter {
    position: absolute;
    right: 8px;
    bottom: 6px;
    font-size: 12px;
    color: silver;
    pointer-events: none
}

.popup-release-inspect .release-actions {
    display: flex;
    justify-content: center;
    gap: 20px;
    margin-top: 30px
}

.popup-release-inspect .release-actions .i_Btn {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    width: 140px;
    height: 42px;
    padding: 0;
    line-height: 1;
    box-sizing: border-box
}

.trends-brief {
    box-sizing: border-box;
    margin-top: 1px;
    width: 100%;
    padding: 22px;
    background: rgba(4, 5, 7, .6);
    color: #90969c
}

.trends-brief>div:nth-child(n+2) {
    margin-top: 16px
}

.trends-brief .w-Select,
.trends-brief .w-Select-Multi {
    margin-left: 10px
}

.trends-brief-tabs {
    display: flex;
    align-items: center;
    gap: 12px
}

.trends-brief-tabs .tab-item {
    width: 128px;
    height: 66px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 6px;
    cursor: pointer;
    position: relative;
    background: #2A2F3B
}

.trends-brief-tabs .tab-item h2 {
    color: #fff;
    font-size: 16px;
    line-height: 21px;
    font-weight: 700
}

.trends-brief-tabs .tab-item>span {
    line-height: 15px;
    font-size: 11px;
    display: flex;
    align-items: center;
    gap: 4px
}

.trends-brief-tabs .tab-item>span .f_Bold {
    font-size: 14px !important
}

.trends-brief-tabs .tab-item.on {
    background: center/100% url(../images/pics/bg_price_trends_tab.png) no-repeat
}

.trends-brief-tabs .tab-item.on>span {
    color: #E4E8EE
}

.trends-brief-tabs .tab-item.on::after {
    content: '';
    width: 8px;
    height: 8px;
    background: #2D4D8A;
    position: absolute;
    bottom: -2px;
    left: 50%;
    transform: translateX(-50%) rotate(-45deg)
}

.trends-brief-infos {
    display: flex;
    align-items: center
}

.trends-brief-infos>div {
    gap: 8px;
    padding-right: 21px;
    line-height: 22px
}

.trends-brief-infos>div:nth-child(n+2) {
    padding-left: 21px;
    border-left: 1px solid #3f4347
}

.trends-brief-chart {
    box-sizing: border-box;
    width: 100%;
    height: 199px
}

.trends-brief-chart:has(.nodata) {
    display: flex;
    align-items: center;
    justify-content: center
}

.trends-brief-chart .nodata {
    padding: 0;
    margin: auto 0
}

.popup .popup-cont .trends-brief-chart .nodata {
    padding: 0;
    margin: auto 0;
    height: unset
}

.trends-list {
    background: #fff
}

.trends-list-header {
    padding: 14px 22px;
    background: #1c202b;
    display: flex;
    align-items: center
}

.trends-list-header .black {
    margin-left: auto
}

.trends-list-header .w-Select,
.trends-list-header .w-Select-Multi {
    margin-left: 10px
}

.trends-list-tabs {
    display: flex;
    align-items: center
}

.trends-list-tabs .tab-item {
    color: #90969c;
    height: 25px;
    line-height: 25px;
    padding-right: 16px;
    cursor: pointer
}

.trends-list-tabs .tab-item:nth-child(n+2) {
    padding-left: 16px;
    border-left: 1px solid #2c2f38
}

.trends-list-tabs .tab-item:hover {
    color: #fff
}

.trends-list-tabs .tab-item:active {
    color: #90969c
}

.trends-list-tabs .tab-item.on {
    color: #fff;
    font-weight: 700
}

.trends-type-list tr {
    background: #fff
}

.trends-type-list td {
    height: 64px;
    padding: 0 19px 0 0
}

.trends-type-list .i_Btn_small {
    min-width: 32px
}

.trends-type-list .trends-list-chart {
    width: 156px;
    height: 34px
}

.trends-type-list .trends-list-chart canvas {
    display: block
}

.trends-rank-list .rank-icon {
    padding-right: 26px
}

.trends-rank-list .name-cont {
    line-height: 21px;
    padding-left: 16px
}

.trends-rank-list .hot-icon-wrapper {
    padding-right: 16px;
    text-align: right;
    display: flex;
    justify-content: flex-end;
    gap: 2px;
    white-space: nowrap
}

.trends-rank-list .rank1 {
    background: linear-gradient(90deg, #fffbe9 0, rgba(255, 255, 255, .03) 100%)
}

.trends-rank-list .rank2 {
    background: linear-gradient(90deg, #eaf5ff 0, #fff 100%)
}

.trends-rank-list .rank3 {
    background: linear-gradient(90deg, #f8f3ee 0, #fff 100%)
}

.popup_trends {
    color: #515151
}

.popup_trends .popup-cont {
    background: #fff;
    padding: 0 0 10px
}

.popup_trends .trends-brief {
    background: 0 0;
    padding: 22px 38px
}

.popup_trends .trends-brief-infos>div:nth-child(n+2) {
    border-left: none;
    position: relative
}

.popup_trends .trends-brief-infos>div:nth-child(n+2)::before {
    content: '';
    width: 1px;
    height: 17px;
    background: #e4e4e4;
    position: absolute;
    left: 0;
    bottom: 0
}

.popup_trends .trends-list-header {
    margin: 10px 16px 0;
    background: 0 0;
    justify-content: space-between;
    padding: 11px 0 11px 16px;
    border-top: 1px solid rgba(233, 233, 233, .5);
    border-bottom: 1px solid rgba(233, 233, 233, .5)
}

.popup_trends .trends-list-tabs .tab-item.on,
.popup_trends .trends-list-tabs .tab-item:hover {
    color: #4773c8
}

.popup_trends .trends-list-tabs .tab-item:nth-child(n+2) {
    border-color: rgba(233, 233, 233, .5)
}

.popup_trends .trends-popup-list {
    max-height: 400px;
    padding: 0 16px
}

.popup_trends .trends-popup-list td {
    padding: 16px
}

.popup_trends .trends-popup-list .name-cont {
    margin-left: 16px;
    line-height: 21px
}

.f_Strong.big {
    font-size: 24px
}

.f_Strong.big small {
    font-size: 18px
}

.f_Strong small {
    line-height: normal
}

.spinner {
    margin: 0 auto;
    padding-top: 100px;
    width: 70px;
    text-align: center
}

.spinner>div {
    width: 18px;
    height: 18px;
    background-color: #CBCBCB;
    border-radius: 100%;
    display: inline-block;
    -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
    animation: sk-bouncedelay 1.4s infinite ease-in-out both
}

.spinner .bounce1 {
    -webkit-animation-delay: -.32s;
    animation-delay: -.32s
}

.spinner .bounce2 {
    -webkit-animation-delay: -.16s;
    animation-delay: -.16s
}

@-webkit-keyframes sk-bouncedelay {

    0%,
    100%,
    80% {
        -webkit-transform: scale(0)
    }

    40% {
        -webkit-transform: scale(1)
    }
}

@keyframes sk-bouncedelay {

    0%,
    100%,
    80% {
        -webkit-transform: scale(0);
        transform: scale(0)
    }

    40% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

.loading {
    position: fixed;
    left: 46%;
    top: 70%
}

#loading-cover {
    z-index: 9999;
    background: rgba(0, 0, 0, .3);
    left: 0;
    top: 0;
    position: fixed;
    height: 100%;
    width: 100%;
    display: none
}

.list_card.unhover li.on,
.list_card.unhover li:hover {
    border-color: #eea20e;
    background: #f8f6f1
}

.list_card.unhover li:active {
    border-color: #cd931d;
    background: #f9f1e2
}

.list_card.unhover li.on .icon_check,
.list_card.unhover li:hover .icon_check {
    display: none
}

.list_card li .l_BotRight .btn-buy-order {
    display: none !important;
    margin-bottom: -3px
}

.list_card li:hover .l_BotRight .btn-buy-order {
    display: inline-block !important
}

.tooltip-hover {
    position: absolute;
    z-index: 1001;
    overflow: hidden;
    overflow-y: auto
}

.floattip {
    display: block;
    position: initial
}

tr.empty,
tr.empty:hover {
    background: initial
}

.list_tb tr.empty td {
    border-bottom: 0
}

i.icon_new {
    display: none
}

.w-Select[name=quality] {
    width: 80px
}

.w-Select[name=rarity] {
    width: 80px
}

.w-Select[name=type] {
    width: 80px
}

.w-Select[name=slot] {
    width: 80px
}

.w-Select[name=order_type] {
    width: 122px
}

.w-Select[name=category] {
    width: 80px
}

.w-Select[name=state] {
    width: 80px
}

.w-Select[name=op_type] {
    width: 80px
}

.deliver-order .pic-cont:hover {
    cursor: pointer
}

#mode-select {
    border: none;
    background: 0 0;
    color: inherit;
    top: -1px;
    z-index: 0
}

#mode-select>ul {
    min-width: 60px
}

#mode-select>h3 {
    z-index: 1
}

.detail-cont p span a {
    color: inherit
}

#trade_message .msg-title small {
    font-size: inherit
}

.roll_tag_win {
    background: url(/static/images/tag_win.png) no-repeat;
    color: #fff;
    height: 25px;
    line-height: 25px;
    text-align: center;
    width: 52px;
    display: inline-block;
    position: absolute;
    top: 18px;
    right: -4px
}

.roll_tag_lose {
    background: url(/static/images/tag_lose.png) no-repeat;
    color: #fff;
    height: 25px;
    line-height: 25px;
    text-align: center;
    width: 52px;
    display: inline-block;
    position: absolute;
    top: 18px;
    right: -4px
}

#invitation_rule {
    width: 100%;
    height: 82px;
    background-color: #F6F6F6;
    padding-top: 40px;
    text-align: center
}

#invitation_rule img {
    width: 800px
}

a.recent-deal-img {
    background: url(/img/item_bg.png);
    background-size: cover
}

.list_card li>a {
    display: block;
    width: 100%;
    text-align: center;
    background: url(/img/item_bg.png);
    background-size: cover
}

.list_card .icon_shopsafety {
    width: 22px;
    height: 22px
}

.list_card li a img {
    max-width: 210px
}

.card_csgo li a img,
.card_h1z1 li a img,
.card_pubg li a img,
.card_rust li a img,
.card_tf2 li a img {
    width: unset
}

.card_csgo li .tag,
.card_dota2 li .tag,
.card_rust li .tag,
.card_tf2 li .tag {
    top: 0;
    left: 0
}

.card_csgo .card-top-btns {
    display: flex;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0
}

.card_csgo .card-top-btns .scope-tags span {
    position: inherit;
    margin: 0
}

.card_csgo .card-top-btns .scope-icons {
    flex: 1;
    text-align: right
}

.card_csgo .card-top-btns .scope-icons .icon,
.card_csgo .card-top-btns .scope-icons .icon2x {
    margin: 0 3px 3px 0
}

.room-album div {
    background: url(/img/item_bg.png);
    background-size: cover
}

.roll-gifts-list li.h1z1-gift-item,
.roll-gifts-list li.pubg-gift-item {
    background: url(/img/item_bg.png);
    background-size: cover
}

.recent-deal-img {
    float: left;
    background: rgba(33, 40, 50, .4);
    text-align: center;
    margin: 0 12px 0 0;
    width: 66px
}

.recent-deal-img img {
    width: unset;
    max-width: 66px;
    float: none !important;
    margin: 0 !important
}

.col1 .recent-deal li {
    padding-right: 10px
}

.csgo .with-gallery img,
.dota2 .with-gallery img,
.h1z1 .with-gallery img,
.pubg .with-gallery img,
.rust .with-gallery img {
    border: 0;
    position: relative
}

.col1 .recent-deal li {
    padding-right: 10px
}

.list_tb_csgo .pic-cont {
    width: 88px;
    height: 66px
}

.list_tb_csgo .pic-cont img {
    height: 66px;
    max-width: 88px
}

.list_tb_csgo>tr>th:nth-child(2) {
    width: 120px
}

.list_tb_csgo .pic-cont .img-cont2 {
    width: 88px;
    height: 66px
}

.list_tb_csgo .pic-cont .item-count {
    width: 88px;
    height: 66px
}

.list_tb_csgo .g-soldout:before {
    line-height: 66px
}

table .img-cont,
table .pic-cont {
    text-align: center;
    background: url(../images/item_bg.png);
    background-size: cover
}

table .pic-cont img {
    width: unset;
    max-width: 72px
}

.img-cont2 {
    border: 1px solid #D7D7D7;
    width: 72px;
    height: 48px;
    display: inline-block;
    text-align: center;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 5;
    background: url(/img/item_bg.png);
    background-size: cover
}

.gallery-list li a {
    width: 72px;
    text-align: center;
    display: inline-block;
    background: url(/img/item_bg.png);
    background-size: cover
}

.gallery-list li a img {
    width: unset;
    max-width: 72px
}

.login-other p a.qa {
    position: absolute;
    color: #959595;
    line-height: 20px;
    right: 0
}

.login-other p a.qa:hover {
    color: #eea20e
}

.help-cont ul {
    list-style: initial;
    padding-left: 50px
}

.nav .message {
    padding-left: 16px;
    float: right;
    position: relative
}

.nav .message .icon_new {
    top: 27px;
    left: 26px
}

.nav .message span {
    padding: 6px 10px 6px 10px;
    border-radius: 2px
}

.nav .message .icon_message {
    height: 20px;
    width: 20px;
    margin-right: 10px;
    background-image: url(/static/images/nav_msg_norm.png)
}

.nav .message .icon_message:hover {
    background-image: url(/static/images/nav_msg_hover.png)
}

.header .nav_entries {
    width: 582px
}

.header .nav_entries ul {
    margin-right: 0
}

.l_Tb td {
    height: 56px
}

.popup-cont .tip {
    padding-top: 5px;
    padding-bottom: 5px;
    margin-left: -20px;
    margin-right: -20px
}

.popup-cont .tip.c_Green {
    background: #ecf5ec
}

.user-header {
    height: 80px;
    display: block
}

.user-header .tag_highlight {
    background: #D10D1C;
    font-size: 14px;
    padding: 4px 10px;
    margin: 8px 28px 0 0
}

.user-header .tag_highlight a {
    text-decoration: underline
}

.user-header .col {
    float: left;
    width: 150px;
    margin-right: 50px;
    border-style: solid;
    border-width: 0 1px 0 0
}

.user-header .col>div {
    float: left
}

.user-header .col .info {
    margin-top: 3px;
    margin-left: 16px
}

.user-header-2 {
    display: flex;
    gap: 20px;
    height: 84px
}

.user-header-2 .header-title {
    display: flex;
    align-items: center
}

.user-header-2 .header-title:hover {
    color: #fff
}

.user-header-2 .header-title:active {
    color: #515151
}

.user-header-2 .header-value {
    margin-top: 4px;
    font-size: 18px;
    line-height: 24px;
    font-weight: 700
}

.user-header-2 .header-left {
    box-sizing: border-box;
    padding: 0 30px;
    width: 260px;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    background: right top/contain no-repeat url(../images/site/bg_user_header_left.png);
    background-color: #1c202b
}

.user-header-2 .header-left>div {
    width: fit-content
}

.user-header-2 .header-right {
    padding: 0 30px;
    flex: 1;
    display: flex;
    align-items: center;
    background: right center/cover no-repeat url(../images/site/bg_user_header_right.png), left top/contain no-repeat url(../images/site/bg_user_header_right_light.png);
    background-color: #1c202b
}

.user-header-2 .header-right>div {
    flex: 1
}

.user-header-2 .header-right>div>div {
    width: fit-content
}

.user-header-2 .header-right>div:nth-child(n+2) {
    padding-left: 30px;
    border-left: 1px solid #2c2f38
}

.w-Tag_big span {
    min-width: 90px;
    line-height: 38px;
    height: 36px
}

.w-Tag_big span.on {
    font-size: 18px
}

.w-Tag_big span .i_Text {
    padding: 0 14px;
    width: 168px;
    line-height: 38px;
    height: 38px;
    display: block
}

.w-Tag_big span.on .i_Text {
    font-size: 16px
}

.user-wallet {
    padding-top: 40px
}

.user-wallet h2 {
    font-size: 17px;
    margin: 0;
    color: inherit
}

.user-wallet-section h2 {
    color: #959595;
    margin: 0 0 12px;
    font-size: 16px
}

.user-wallet .w-Tag_big span {
    margin: 0 4px 0 0;
    color: #515151
}

.user-wallet .w-Tag_big span.on .i_Text {
    font-weight: 400;
    font-size: 16px
}

.user-wallet .a-bind-alipay {
    color: #4773c8
}

.user-wallet .a-bind-alipay:hover {
    color: #4886FF
}

table.wallet_Tb td {
    height: 44px;
    padding: 0;
    padding-right: 12px;
    padding-bottom: 30px
}

.w-Select-pay {
    width: 410px;
    height: 36px;
    border: 1px solid #E3E3E3;
    line-height: 36px;
    cursor: pointer;
    position: relative;
    background: #fff;
    z-index: 1
}

.w-Select-pay:hover {
    background: #F8F8F8
}

.w-Select-pay .card-list-add {
    color: #929394
}

.w-Select-pay .card-list-add:hover {
    color: #515151
}

.w-Select-pay i.icon {
    margin-left: 20px;
    margin-right: 11px
}

.w-Select-pay .icon_expand {
    position: absolute;
    top: 10px;
    right: 5px
}

.w-Select-pay strong {
    margin-left: 20px;
    color: #000
}

.w-Select-pay .select-list {
    position: absolute;
    margin-top: 8px;
    margin-left: -1px;
    box-shadow: 5px 5px 10px #f0f0f0;
    display: none
}

.w-Select-pay .select-list-item {
    width: 410px;
    height: 50px;
    border: 1px solid #f0f0f0;
    line-height: 50px;
    background: #fff
}

.w-Select-pay .select-list-item:hover {
    background: #F8F8F8
}

.w-Select-pay .select-list-item:nth-child(1) {
    border-bottom: 0
}

.w-Select-pay .bank-name {
    text-align: left;
    width: 176px;
    display: inline-block;
    color: #959595
}

.w-Select-pay .epay-name {
    color: #515151
}

.w-Select-pay .pay-tip {
    float: right;
    margin: 0 20px 0 0
}

.w-Select-pay .card-number {
    color: #515151
}

.w-Select-pay .coupon-name {
    color: #515151;
    margin: 0 0 0 20px;
    display: inline-block;
    width: 150px
}

.w-Select-pay .scope-none {
    text-align: center;
    height: auto;
    line-height: 1.2em;
    font-size: 12px;
    padding: 20px 0
}

.w-Select-pay h5 {
    padding: 0 0 10px;
    color: #959595;
    font-size: 12px
}

.w-Select-pay p {
    color: silver
}

.withdraw-num {
    height: 36px;
    line-height: 36px;
    width: 406px;
    display: inline-block;
    margin: 0 10px 20px 0;
    background: #FFF;
    border: 1px solid #f0f0f0;
    border-radius: 2px;
    position: relative
}

.withdraw-num .icon {
    margin: -2px 10px 0 20px
}

.withdraw-num input {
    height: 36px;
    line-height: 36px;
    width: 200px;
    border: none;
    background: 0 0;
    padding: 0;
    margin: 0;
    vertical-align: top
}

.withdraw-num small {
    position: absolute;
    right: 20px;
    color: #959595
}

.withdraw-num:hover {
    border-color: #eea20e
}

.withdraw-num:focus-within {
    border-color: #eea20e
}

.withdraw-num.is-error {
    border-color: #dd2f0b
}

.withdraw-num:has(input:focus) {
    border-color: #eea20e
}

.w-Select.Select-Blue {
    background: #4773c8;
    color: #fff
}

.w-Select.Select-Blue h3:active {
    background: #3c61a8
}

.w-Select.Select-Blue:hover {
    background: #567fcd
}

.w-Select.Select-Blue ul {
    background: #fff
}

.w-Select.Select-Blue ul li {
    color: #515151;
    border-color: #f0f0f0
}

.w-Select.Select-Blue ul li.on,
.w-Select.Select-Blue ul li:hover {
    background: #f5f5f5;
    color: #333
}

.w-Select.Select-Blue ul li:active {
    background: #eaeaea;
    color: #515151
}

.popup-alipay .popup-cont {
    padding-top: 0;
    padding-left: 54px
}

.popup-alipay .popup-cont .tip {
    margin-top: 0;
    margin-left: -54px
}

.popup-alipay .popup-cont .l_Tb td {
    height: 40px
}

.popup-alipay .popup-cont .input-cont .i_Btn_hollow {
    height: 28px;
    line-height: 28px;
    right: 26px
}

.popup_card .popup-cont .tip {
    margin-top: 0
}

.popup_pay .popup-cont {
    padding: 20px 54px 30px 54px
}

.popup_pay .popup-good-summary {
    padding: 18px
}

.popup_supply .popup-good-summary {
    padding: 16px;
    margin-bottom: 10px;
    position: relative
}

.popup_supply .popup-good-summary .w-Select-coupon {
    position: absolute;
    right: 24px;
    min-width: auto;
    top: 50%;
    transform: translateY(-50%);
    margin-top: 0
}

.popup_supply .popup-good-summary .w-Select-coupon li {
    font-size: 14px;
    height: auto;
    line-height: unset;
    text-align: left
}

.popup_supply .l_Tb td {
    padding: 6px 0;
    height: 46px
}

.popup_supply .popup-cont {
    padding: 20px 54px
}

.popup_supply .icon_qa,
.user-header .icon_qa,
.user-wallet .icon_qa {
    margin-left: 4px;
    margin-top: -3px;
    position: inherit
}

.inputfile {
    display: none
}

.inputfile+label {
    color: #515151;
    display: inline-block
}

.inputfile+label {
    cursor: pointer;
    line-height: 80px
}

.inputfile+label:hover,
.inputfile:focus+label {
    color: #888
}

.inputfile+label .fileupload {
    display: inline-block;
    box-sizing: border-box;
    width: 80px;
    height: 80px;
    text-align: center;
    border: 1px dashed #E3E3E3;
    margin-right: 10px
}

.inputfile+label .fileupload img {
    width: 100%
}

.my-header-cont {
    max-height: initial
}

.my-header-cont .h1z1-selType.type_csgo {
    margin: 0
}

.my-header-cont .h1z1-selType.type_csgo .item {
    width: 73px
}

img.has-store.store-online {
    padding: 1px;
    border: 1px solid #069B17
}

img.has-store.store-offline {
    padding: 1px;
    border: 1px solid #9C9C9C
}

i.icon-store {
    position: absolute;
    border-radius: 50%
}

.header .login-user i.icon-store {
    top: 46px;
    left: 27px;
    width: 6px;
    height: 6px
}

.shop-account i.icon-store {
    top: 80px;
    left: 80px;
    width: 10px;
    height: 10px
}

i.icon-store.store-online {
    background: #069B17
}

i.icon-store.store-offline {
    background: #9C9C9C
}

#j_mydrop {
    width: 140px;
    margin-left: -70px
}

.invisible {
    display: none !important
}

#j_popup_guide .guide-steps {
    width: 186px
}

.guide-block .t_Left .i_Btn {
    padding: 4px 12px
}

.tag_csgo_wearcategory0 {
    background: #397439
}

.tag_csgo_wearcategory1 {
    background: #488B48
}

.tag_csgo_wearcategory2 {
    background: #F1AD4D
}

.tag_csgo_wearcategory3 {
    background: #B7625F
}

.tag_csgo_wearcategory4 {
    background: #993A38
}

.tag.exterior_wearcategory0,
.w-Select.csgo-Select ul li.exterior_wearcategory0 {
    color: #397439
}

.tag.exterior_wearcategory1,
.w-Select.csgo-Select ul li.exterior_wearcategory1 {
    color: #488B48
}

.tag.exterior_wearcategory2,
.w-Select.csgo-Select ul li.exterior_wearcategory2 {
    color: #F1AD4D
}

.tag.exterior_wearcategory3,
.w-Select.csgo-Select ul li.exterior_wearcategory3 {
    color: #B7625F
}

.tag.exterior_wearcategory4,
.w-Select.csgo-Select ul li.exterior_wearcategory4 {
    color: #993A38
}

.tag.quality_normal,
.w-Select.csgo-Select ul li.quality_normal {
    color: #b2b2b2
}

.tag.quality_tournament,
.w-Select.csgo-Select ul li.quality_tournament {
    color: gold
}

.tag.quality_strange,
.w-Select.csgo-Select ul li.quality_strange {
    color: #cf6a32
}

.tag.quality_unusual,
.w-Select.csgo-Select ul li.quality_unusual {
    color: #8650ac
}

.tag.quality_unusual_strange,
.w-Select.csgo-Select ul li.quality_unusual_strange {
    color: #8650ac
}

.tag.rarity_ancient_weapon,
.w-Select-Multi.csgo-Select ul li.rarity_ancient_weapon,
.w-Select-Multi.csgo-Select ul li.rarity_ancient_weapon>h6 {
    color: #eb4b4b
}

.tag.rarity_rare_weapon,
.w-Select-Multi.csgo-Select ul li.rarity_rare_weapon,
.w-Select-Multi.csgo-Select ul li.rarity_rare_weapon>h6 {
    color: #4b69ff
}

.tag.rarity_mythical_weapon,
.w-Select-Multi.csgo-Select ul li.rarity_mythical_weapon,
.w-Select-Multi.csgo-Select ul li.rarity_mythical_weapon>h6 {
    color: #8847ff
}

.tag.rarity_legendary_weapon,
.w-Select-Multi.csgo-Select ul li.rarity_legendary_weapon,
.w-Select-Multi.csgo-Select ul li.rarity_legendary_weapon>h6 {
    color: #d32ce6
}

.tag.rarity_uncommon_weapon,
.w-Select-Multi.csgo-Select ul li.rarity_uncommon_weapon,
.w-Select-Multi.csgo-Select ul li.rarity_uncommon_weapon>h6 {
    color: #5e98d9
}

.tag.rarity_common_weapon,
.w-Select-Multi.csgo-Select ul li.rarity_common_weapon,
.w-Select-Multi.csgo-Select ul li.rarity_common_weapon>h6 {
    color: #b0c3d9
}

.tag.rarity_common,
.w-Select-Multi.csgo-Select ul li.rarity_common,
.w-Select-Multi.csgo-Select ul li.rarity_common>h6 {
    color: #b0c3d9
}

.tag.rarity_rare,
.w-Select-Multi.csgo-Select ul li.rarity_rare,
.w-Select-Multi.csgo-Select ul li.rarity_rare>h6 {
    color: #4b69ff
}

.tag.rarity_legendary,
.w-Select-Multi.csgo-Select ul li.rarity_legendary,
.w-Select-Multi.csgo-Select ul li.rarity_legendary>h6 {
    color: #d32ce6
}

.tag.rarity_mythical,
.w-Select-Multi.csgo-Select ul li.rarity_mythical,
.w-Select-Multi.csgo-Select ul li.rarity_mythical>h6 {
    color: #8847ff
}

.tag.rarity_ancient,
.w-Select-Multi.csgo-Select ul li.rarity_ancient,
.w-Select-Multi.csgo-Select ul li.rarity_ancient>h6 {
    color: #eb4b4b
}

.tag.rarity_contraband,
.w-Select-Multi.csgo-Select ul li.rarity_contraband,
.w-Select-Multi.csgo-Select ul li.rarity_contraband>h6 {
    color: #e4ae39
}

.tag.rarity_ancient_character,
.w-Select-Multi.csgo-Select ul li.rarity_agent_quality_character div p.rarity_ancient_character {
    color: #eb4b4b
}

.tag.rarity_rare_character,
.w-Select-Multi.csgo-Select ul li.rarity_agent_quality_character div p.rarity_rare_character {
    color: #4b69ff
}

.tag.rarity_mythical_character,
.w-Select-Multi.csgo-Select ul li.rarity_agent_quality_character div p.rarity_mythical_character {
    color: #8847ff
}

.tag.rarity_legendary_character,
.w-Select-Multi.csgo-Select ul li.rarity_agent_quality_character div p.rarity_legendary_character {
    color: #d32ce6
}

.progress {
    height: 20px;
    overflow: hidden;
    background-color: #f5f5f5;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
    box-sizing: border-box
}

.progress-bar {
    float: left;
    width: 0;
    height: 100%;
    font-size: 12px;
    line-height: 20px;
    color: #fff;
    text-align: center;
    background-color: #337ab7;
    -webkit-transition: width .6s ease;
    -o-transition: width .6s ease;
    transition: width .6s ease
}

.progress-bar-striped,
.progress-striped .progress-bar {
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    -webkit-background-size: 40px 40px;
    background-size: 40px 40px
}

.progress-bar.active,
.progress.active .progress-bar {
    -webkit-animation: progress-bar-stripes 2s linear infinite;
    -o-animation: progress-bar-stripes 2s linear infinite;
    animation: progress-bar-stripes 2s linear infinite
}

.progress-bar-success {
    background-color: #5cb85c
}

.progress-striped .progress-bar-success {
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent)
}

.progress-bar-info {
    background-color: #5bc0de
}

.progress-striped .progress-bar-info {
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent)
}

.progress-bar-warning {
    background-color: #f0ad4e
}

.progress-striped .progress-bar-warning {
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent)
}

.progress-bar-danger {
    background-color: #d9534f
}

.progress-striped .progress-bar-danger {
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent)
}

.progress-bar-fn {
    background-color: green
}

.progress-bar-bs {
    background-color: #993A38
}

.wear .wear-value {
    font-size: 12px;
    color: #959595
}

.wear .progress {
    overflow: hidden;
    height: 5px;
    width: 180px
}

.wear .wear-pointer {
    width: 180px;
    position: relative;
    padding-bottom: 4px;
    margin-top: 3px
}

.wear .wear-pointer .wear-pointer-icon {
    margin-left: -6px;
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px 6px 0 6px;
    border-color: #515151 transparent transparent transparent
}

.csgo_value {
    float: left
}

.csgo_value .ctag {
    margin-right: 2px
}

.csgo_sticker {
    float: left;
    margin-top: 8px;
    margin-left: 6px
}

.csgo_sticker .stickers {
    height: 26.3px;
    width: 35px;
    text-align: center;
    background: linear-gradient(#f7f7f7, #e9e9e9);
    float: left;
    margin-right: 6px;
    margin-top: 4px;
    position: relative
}

.csgo_sticker .stickers .pattern-color {
    width: 0;
    height: 0;
    border-top: 10px solid;
    border-left: 10px solid transparent;
    position: absolute;
    top: 0;
    right: 0
}

.csgo_sticker_inline .stickers {
    margin-top: 5px;
    height: 16px;
    width: 22px;
    text-align: center;
    background: linear-gradient(#f7f7f7, #e9e9e9);
    float: left;
    margin-right: 6px;
    position: relative
}

.csgo_sticker_inline .stickers .pattern-color {
    position: absolute;
    top: 0;
    right: 0;
    display: inline-block;
    border-top: 6px solid;
    border-left: 6px solid transparent
}

.csgo_sticker .stickers img,
.csgo_sticker_inline .stickers img {
    height: 100%;
    vertical-align: unset
}

.icon_stickers.masked {
    opacity: .32
}

.stickers.masked {
    opacity: .32
}

.sticker-cont {
    float: left;
    text-align: center
}

.csgo_sticker.has_wear .stickers {
    float: unset;
    margin: 0
}

.csgo_sticker.has_wear {
    margin-top: auto;
    margin-bottom: auto;
    display: flex;
    align-items: flex-start;
    gap: 4px
}

#market-selling-list .list_tb_csgo>tr>th:nth-child(2) {
    width: unset
}

#market-selling-list .list_tb_csgo tr td .cooldown {
    display: inline-flex;
    align-items: center;
    gap: 2px
}

#market-selling-list .csgo_value {
    min-width: 228px;
    margin: auto 0
}

#market-selling-list .csgo_sticker {
    display: flex;
    flex-wrap: wrap;
    gap: 4px
}

#market-selling-list .csgo_sticker .stickers {
    margin: 0
}

.csgo_charm {
    margin: auto 0
}

.csgo_charm h3 {
    display: flex;
    align-items: center;
    font-size: 12px;
    line-height: 16px;
    color: #959595
}

.csgo_charm .pattern-range {
    width: 160px;
    height: 6px;
    position: relative;
    display: flex;
    align-items: center;
    margin-top: 7px
}

.csgo_charm .pattern-range img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 3px
}

.csgo_charm .pattern-range .icon_charm_pointer {
    position: absolute;
    top: -4px;
    left: 0;
    transform: translateX(-50%)
}

.wear .gems {
    height: 23px;
    width: 34px;
    text-align: center;
    background: linear-gradient(#f7f7f7, #e9e9e9);
    float: left;
    margin-right: 2px;
    margin-top: 1px
}

.wear .gems img {
    height: 100%;
    vertical-align: unset;
    max-width: 100%
}

.iconWrapper {
    display: block;
    width: 122px;
    text-align: center;
    background: url(/img/item_bg.png);
    background-size: cover
}

.iconWrapper img {
    max-width: 122px
}

.guide-section {
    width: 228px
}

.footer {
    height: initial
}

.invi-desc .word3 {
    width: 341px;
    height: 66px;
    background: url(/static/images/site/invite/word3.png) no-repeat;
    margin: 60px auto 50px
}

.i_Btn_invi_reg:link,
.i_Btn_invi_reg:visited {
    background: url(/static/images/site/invite/btn-reg-only.png) no-repeat !important
}

.i_Btn_invi_reg:active,
.i_Btn_invi_reg:hover {
    background-position: 0 -54px !important
}

.csgo_toggle_text a {
    display: none
}

.csgo_toggle_text div {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    width: 191px
}

.csgo_toggle_text:hover a {
    display: block
}

.csgo_toggle_text:hover div {
    display: none
}

.csgo_inspect_tag {
    position: absolute;
    top: 110px;
    left: 9px;
    padding: 0 7px
}

.csgo_inspect_img_btn {
    position: absolute;
    left: 2px;
    bottom: 2px;
    cursor: pointer
}

.icon_zoom .detail-pic {
    background-size: cover
}

.shop-list .criteria {
    border-top: none
}

.transaction-header .criteria {
    border-top: none
}

.g-w940 .dota2-criteria .w-Search .i_Text {
    width: 150px
}

#bot-status .status {
    margin: 0
}

#recommend-container a img {
    width: unset
}

.price-set input {
    width: 130px
}

tr.des_row {
    display: none
}

tr.des_row td {
    height: 30px;
    padding: 0;
    border-top: 0
}

tr.des_row:hover {
    background: initial
}

tr.has_des:hover+tr.des_row {
    background: #f5f5f5
}

tr.has_des td {
    border-bottom: 0
}

.desc_content {
    width: 818px;
    height: 30px;
    line-height: 30px;
    border: 1px solid #eee;
    background: #F4F4F4;
    text-align: left;
    font-size: 12px;
    padding-left: 40px;
    margin-left: 21px;
    position: absolute;
    margin-top: -26px
}

.desc_arrow_up {
    background: url(../images/icon_desc_arrow.png) no-repeat;
    background-size: contain;
    width: 18px;
    height: 8px;
    position: absolute;
    margin-top: -30px;
    margin-left: 45px
}

.desc_dialog {
    background: url(../images/icon_desc_dialog.png) no-repeat;
    background-size: contain;
    width: 14px;
    height: 14px;
    position: absolute;
    margin-left: 43px;
    margin-top: -15px
}

.des_row_lv_5-6 .desc_content {
    background-color: #EAF0F7;
    border-color: #5e98d9;
    color: #5e98d9
}

.des_row_lv_5-6 .desc_arrow_up {
    background-image: url(../images/icon_desc_arrow_vip_5-6.png)
}

.des_row_lv_5-6 .desc_dialog {
    background-image: url(../images/icon_desc_dialog_vip_5-6.png)
}

.des_row_lv_7-8 .desc_content {
    background-color: #E8ECF5;
    border-color: #4773c8;
    color: #4773c8
}

.des_row_lv_7-8 .desc_arrow_up {
    background-image: url(../images/icon_desc_arrow_vip_7-8.png)
}

.des_row_lv_7-8 .desc_dialog {
    background-image: url(../images/icon_desc_dialog_vip_7-8.png)
}

.des_row_lv_9-10 .desc_content {
    background-color: #E8EBFA;
    border-color: #4b69ff;
    color: #4b69ff
}

.des_row_lv_9-10 .desc_arrow_up {
    background-image: url(../images/icon_desc_arrow_vip_9-10.png)
}

.des_row_lv_9-10 .desc_dialog {
    background-image: url(../images/icon_desc_dialog_vip_9-10.png)
}

.des_row_vip .desc_content {
    background-color: #F7F2EB;
    border-color: #e1ab60;
    color: #e1ab60
}

.des_row_vip .desc_arrow_up {
    background-image: url(../images/icon_desc_arrow_vip.png)
}

.des_row_vip .desc_dialog {
    background-image: url(../images/icon_desc_dialog_vip.png)
}

.addDesWrapper {
    position: relative;
    padding: 0 30px;
    margin-bottom: 30px
}

.addDesWrapper textarea {
    width: 100%;
    box-sizing: border-box
}

.addDesCount {
    position: absolute;
    bottom: 10px;
    right: 40px;
    color: #c1c1c1
}

.relative-goods {
    padding: 10px 44px;
    background: #1e2329;
    border-top: 1px solid #2A3C5A
}

.relative-goods .i_Btn_trans_bule {
    color: #899ab9 !important
}

.relative-goods .i_Btn_trans_bule:link {
    color: #899ab9 !important;
    background: 0 0;
    margin-right: 20px
}

.relative-goods .i_Btn_trans_bule:hover {
    color: #fff !important;
    background: #3a455a;
    border-color: #536380
}

.relative-goods .i_Btn_trans_bule:active {
    color: #899ab9 !important;
    border-color: #3a465b;
    background: 0 0
}

.relative-goods .i_Btn_trans_bule.active {
    color: #fff !important;
    background: #45536c
}

.relative-goods {
    display: flex
}

.relative-goods .scope-btns {
    flex: 1
}

.relative-goods .sticker-entry {
    position: relative;
    right: -15px;
    cursor: pointer;
    color: #fff;
    font-size: 0;
    z-index: 1
}

.relative-goods .sticker-entry:hover {
    color: rgba(255, 255, 255, .7)
}

.relative-goods .sticker-entry .scope-text {
    background: 0 0;
    width: 72px;
    border: 1px solid #CB8281;
    font-size: 13px;
    display: inline-block;
    height: 30px;
    line-height: 30px;
    text-align: center;
    vertical-align: middle;
    border-radius: 0 2px 2px 0
}

.relative-goods .sticker-entry .search-icon {
    background-image: linear-gradient(270deg, #cb8281 0, #8f3636 100%);
    border-radius: 2px 0 0 2px;
    display: inline-block;
    width: 32px;
    height: 32px;
    line-height: 30px;
    text-align: center;
    vertical-align: middle;
    position: relative;
    right: -2px
}

.highcharts-credits {
    display: none
}

.pinterest-img {
    cursor: pointer
}

.w-Selectsearch.isextra {
    display: none
}

.news-detail-cont {
    padding-top: 20px
}

.news-detail-cont .f_center,
.news-detail-cont .m-photo {
    text-align: center
}

.news-detail-cont div.f_center {
    margin-top: 20px
}

.fileupload img {
    max-height: 80px;
    max-width: 80px
}

.evaluation input.i_Btn {
    background: #4773c8;
    border: 0;
    color: #fff
}

.evaluation .h1z1-selType {
    margin: 0
}

.evaluation .steamid-history {
    width: 490px;
    position: absolute;
    background: #2D2F3E;
    border: 1px #373A4C solid;
    border-bottom: 0;
    display: none;
    max-height: 195px;
    overflow: hidden;
    overflow-y: scroll
}

.evaluation .steamid-history ul {
    text-align: left
}

.evaluation .steamid-history ul li {
    height: 38px;
    line-height: 38px;
    padding: 0 8px;
    border-bottom: 1px #373A4C solid;
    cursor: pointer
}

.evaluation .steamid-history ul li:hover {
    background: #3A455A
}

.evaluation .steamid-history ul li div {
    display: inline
}

.evaluation .steamid-history .steamid-delete {
    float: right
}

.evaluation #btn-refresh {
    margin-left: 10px;
    color: #4372d1
}

.evaluation #btn-refresh:hover {
    color: #4e7ad2
}

.evaluation .icon_delete {
    margin-top: 10px
}

.video-content {
    position: relative;
    height: 350px;
    width: 600px;
    margin: 0 auto
}

.video-content img {
    height: 350px;
    width: 600px
}

.video-content .video-play {
    position: absolute;
    background: url(/static/images/icon_btn_play.png);
    background-size: contain;
    width: 60px;
    height: 60px;
    left: 271px;
    top: 146px
}

#market-selling-list th.w-Order_asc:hover {
    cursor: default;
    color: #959595
}

.pubg_recycle:not(.index):not(.invite) {
    background-image: url(/static/images/site/header-bg_pubg2.jpg)
}

.tag_text_uncommon {
    color: #82bdff
}

.tag_text_rare {
    color: #7c8ff5
}

.tag_text_mythical {
    color: #a876f9
}

.tag_text_legendary {
    color: #dc5eea
}

.tag_text_ancient {
    color: #e06b6a
}

.tag_text_immortal {
    color: #f2b166
}

.tag_text_arcana {
    color: #9acc4c
}

.tag_text_seasonal {
    color: #3c3
}

.tag_text_standard {
    color: #acbfd6
}

.tag_text_strange {
    color: #d16a2b
}

.tag_text_lucky {
    color: #25cf22
}

.tag_text_genuine {
    color: #4b7553
}

.tag_text_tournament {
    color: #864dae
}

.tag_text_frozen {
    color: #4381b6
}

.tag_text_autographed {
    color: #ace753
}

.tag_text_haunted {
    color: #884bae
}

.tag_text_base {
    color: #aeaeae
}

.tag_text_corrupted {
    color: #a82928
}

.tag_text_unusual {
    color: #894dad
}

.tag_text_infused {
    color: #8239f2
}

.tag_text_exalted {
    color: #ccc
}

.tag_text_vintage {
    color: #455e90
}

.tag_text_legacy {
    color: #FAFAFA
}

.list_tb td .subtitle {
    color: #b9b9b9;
    margin-top: 6px
}

.upload-item:not(.progressing) .upload-single-progressing {
    display: none
}

.upload-item:not(.fail) .upload-single-fail {
    display: none
}

.upload-item.progressing .delete-upload-img {
    display: none
}

.j_Order {
    cursor: pointer
}

.wiki-prices .wiki-prices-list span {
    width: 175px
}

.g-w300 {
    width: 300px
}

p.name_tag {
    color: #EEA20E;
    background: rgba(238, 162, 14, .06);
    padding: 6px 8px;
    font-size: 12px;
    border-radius: 4px
}

.icon_alert {
    display: inline-block;
    height: 15px;
    width: 15px;
    background: url(/static/images/icon_alert.png) no-repeat center;
    background-size: cover;
    vertical-align: middle;
    vertical-align: -3px
}

.floattip-cont {
    word-break: break-all
}

.floattip-cont .scope-census span {
    margin: 0 6px 0 0;
    border-radius: 2px
}

.floattip-cont .scope-census span .icon2x {
    margin: -2px 2px 0 0
}

.floattip-cont .wear-pointer {
    position: relative;
    padding-bottom: 4px;
    margin-top: 3px
}

.floattip-cont .wear-pointer .wear-pointer-icon {
    margin-left: -6px;
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px 6px 0 6px;
    border-color: #fff transparent transparent transparent
}

.floattip-cont .des>div>div>div:nth-child(2) {
    max-width: 200px
}

.floattip-cont a.btn {
    background: #696969;
    padding: 3px 6px;
    color: #eaeaea;
    border-radius: 1px;
    font-size: 10px;
    line-height: 15px
}

.ajax-loading {
    cursor: progress
}

.lock_card_csgo a img,
.lock_card_h1z1 a img,
.lock_card_pubg a img,
.lock_card_rust a img,
.lock_card_tf2 a img {
    width: unset
}

#app-download-bar {
    position: fixed;
    top: 0;
    width: 100%;
    background-color: #fafafa;
    height: 200px;
    z-index: 222
}

#app-download-bar .app-logo {
    float: left;
    border-radius: 20px;
    margin: 40px;
    width: 120px;
    height: 120px
}

#app-download-bar .download-btn {
    position: fixed;
    display: inline-block;
    width: 260px;
    line-height: 120px;
    background-color: #4773c8;
    color: #fafafa;
    vertical-align: middle;
    text-align: center;
    right: 40px;
    top: 40px;
    font-size: 48px;
    text-decoration: none
}

#app-download-bar h3,
h5 {
    margin: 0;
    padding: 0;
    line-height: 1em;
    font-weight: 400
}

#app-download-bar h3 {
    margin-top: 25px;
    font-size: 54px;
    line-height: 90px
}

#app-download-bar h5 {
    font-size: 40px
}

.has-top-bar {
    margin-top: 200px
}

@media screen and (orientation:landscape) {
    #app-download-bar {
        height: 150px
    }

    #app-download-bar .app-logo {
        border-radius: 15px;
        margin: 30px;
        width: 90px;
        height: 90px
    }

    #app-download-bar .download-btn {
        width: 180px;
        line-height: 76px;
        right: 37px;
        top: 37px;
        font-size: 30px
    }

    #app-download-bar h3 {
        margin-top: 18px;
        font-size: 40px;
        line-height: 67px
    }

    #app-download-bar h5 {
        font-size: 30px
    }

    .has-top-bar {
        margin-top: 150px
    }
}

@media screen and (min-device-width:481px) {
    #app-download-bar {
        height: 100px
    }

    #app-download-bar .app-logo {
        border-radius: 10px;
        margin: 20px;
        width: 60px;
        height: 60px
    }

    #app-download-bar .download-btn {
        width: 120px;
        line-height: 50px;
        right: 25px;
        top: 25px;
        font-size: 20px
    }

    #app-download-bar h3 {
        margin-top: 12px;
        font-size: 26px;
        line-height: 45px
    }

    #app-download-bar h5 {
        font-size: 20px
    }

    .has-top-bar {
        margin-top: 100px
    }
}

@media screen and (max-width:799px) {
    #app-download-bar {
        height: 60px
    }

    #app-download-bar .app-logo {
        border-radius: 6px;
        margin: 12px;
        width: 36px;
        height: 36px
    }

    #app-download-bar .download-btn {
        width: 72px;
        line-height: 30px;
        right: 15px;
        top: 15px;
        font-size: 16px
    }

    #app-download-bar h3 {
        margin-top: 7px;
        font-size: 18px;
        line-height: 27px
    }

    #app-download-bar h5 {
        font-size: 14px
    }

    .has-top-bar {
        margin-top: 60px
    }
}

.sticker-wrapper {
    height: 60px;
    margin-bottom: 10px
}

.sticker-wrapper img {
    display: inline-block;
    vertical-align: initial;
    background: #333
}

.sticker-wrapper div.sticker-name {
    width: 170px;
    display: inline-block;
    vertical-align: top;
    line-height: 18px;
    font-size: 13px
}

.sticker-wrapper div.sticker-name>div {
    display: table;
    height: 60px
}

.sticker-wrapper div.sticker-name>div>div {
    display: table-cell;
    vertical-align: middle
}

.sticker-wrapper div.sticker-name>div>div>span {
    font-size: 10px;
    color: #fff
}

#market-selling-list .tb-Order {
    cursor: pointer !important
}

.live-rooms {
    padding: 0 24px
}

.live-rooms .rooms-title {
    font-size: 20px;
    font-weight: 700;
    height: 30px;
    line-height: 30px;
    margin-top: 26px;
    margin-bottom: 16px
}

.live-rooms .rooms-title .spin {
    width: 4px;
    height: 20px;
    background: #4886FF;
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px
}

.live-room-list li {
    width: 340px;
    height: 304px
}

.live-room-list .room-info {
    padding: 14px 14px 10px 20px
}

.live-room-list .room-info h3 {
    font-size: 17px;
    height: 22px;
    line-height: 22px
}

.live-room-list li .room-cover {
    position: relative
}

.live-room-list li .room-cover .room-hover {
    display: none;
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    font-size: 14px;
    color: #FFF;
    background: rgba(0, 0, 0, .45);
    line-height: 200px
}

.live-room-list li:hover .room-cover .room-hover {
    display: block
}

.live-room-list li .room-cover img {
    width: 100%;
    height: 200px
}

.live-room-list .room-live-extra p {
    line-height: 36px;
    margin-right: 10px
}

.header .nav_entries {
    width: initial
}

.help-section li {
    height: initial;
    line-height: 20px;
    padding-top: 10px;
    padding-bottom: 10px
}

.black .w-Key span {
    margin-bottom: 5px
}

.icon_reanalysis {
    display: inline-block;
    height: 15px;
    width: 15px;
    background: url(/static/images/icon_reanalysis.png) no-repeat center;
    background-size: cover;
    vertical-align: middle;
    vertical-align: -3px
}

.reanalysis {
    height: 44px;
    background: 0 0;
    cursor: pointer;
    -webkit-appearance: none;
    display: block;
    border: 0;
    padding: 0;
    margin: 0;
    float: right;
    opacity: .75;
    -webkit-transition: opacity .2s;
    transition: opacity .2s;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #fff;
    line-height: 44px;
    margin-right: 13px
}

.reanalysis:hover {
    opacity: .9
}

.g-whiteBox_img {
    text-align: center
}

.g-grayBox img.lazy.img_csgo {
    background: 0 0;
    width: auto;
    max-width: 122px
}

td.table-title {
    border: 0;
    text-align: left;
    font-size: 17px;
    padding-left: 24px;
    height: 0;
    font-weight: 700;
    background: #fbfbfb
}

td.table-title span {
    border-left: 5px solid #3971ff;
    padding-left: 10px
}

.my-paintwear-rank.need-hide {
    display: none
}

td.table-toggle {
    border: 0;
    background: #fbfbfb;
    height: 10px
}

.icon_arrow {
    display: inline-block;
    height: 8px;
    width: 8px;
    border: 1px solid #959595;
    border-width: 2px 2px 0 0
}

.icon_arrow.up {
    transform: rotate(135deg);
    margin-bottom: 2px
}

.icon_arrow.down {
    margin-bottom: -3px;
    transform: rotate(-45deg)
}

.rank-goods-name .csgo_sticker {
    margin-top: 0;
    margin-left: 12px;
    position: relative;
    top: 50%;
    transform: translateY(-50%)
}

.rank-goods-paintseed {
    position: relative
}

.collapse-btn,
.rank-goods-btn {
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 2px;
    background-color: #f0f0f0;
    cursor: pointer
}

.collapse-btn:hover,
.rank-goods-btn:hover {
    background-color: #ebebeb
}

.collapse-btn:active,
.rank-goods-btn:active {
    background-color: #f0f0f0
}

.collapse-btn i,
.rank-goods-btn i {
    width: 10px;
    height: 10px
}

.rank-goods-btn {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%)
}

.rank-goods-gallery tr {
    background: #f0f0f0
}

.rank-goods-name h3 {
    float: left;
    line-height: 66px;
    width: 370px;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center
}

.rank-goods-name h3 div {
    line-height: 32px
}

.rank-goods-name h3 div:first-child {
    display: flex;
    align-items: center
}

.rank-goods-name h3 div .goods-name {
    max-width: 256px;
    line-height: 18px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

.rank-goods-name h3 div .stag {
    height: auto
}

.rank-goods-name h3 span.sell_title {
    display: inline-block;
    width: 80%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.rank-goods-name h3 span.presell_tag,
.rank-goods-name h3 span.sell_tag {
    border: 1px solid #e59000;
    color: #e59000;
    padding: 0 5px;
    border-radius: 2px
}

.rank-goods-name h3 span.presell_tag {
    border-color: #0099D6;
    color: #0099D6
}

.rank-goods-name h3 .stag {
    margin-left: 4px;
    vertical-align: middle;
    max-width: 110px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.w-SelDate h3,
.w-SelHero h3,
.w-Select h3,
.w-Select-Multi h3 {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    padding-right: 10px
}

.g-w940 .w-SelDate,
.g-w940 .w-SelHero {
    max-width: 100px
}

.popup-inspect {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 200;
    background: rgba(0, 0, 0, .5);
    display: flex;
    overflow-x: scroll;
    flex-wrap: nowrap
}

@media (max-width:1536px) {
    .popup-inspect-cont {
        transform: scale(.88)
    }
}

@media (max-width:1440px) {
    .popup-inspect-cont {
        transform: scale(.8)
    }
}

@media (max-width:1240px) {
    .popup-inspect-cont {
        transform-origin: 30% center
    }
}

.popup-inspect-cont {
    margin: auto;
    display: flex
}

.popup-inspect-cont .pattern-color {
    display: inline-block;
    width: 0;
    height: 0;
    border-top: 20px solid;
    border-left: 20px solid transparent;
    position: absolute;
    top: 0;
    right: 0
}

.popup-inspect-cont .pattern-color-square {
    display: inline-block;
    width: 14px;
    height: 14px;
    border-radius: 2px;
    margin-right: 4px;
    border: .5px solid rgba(255, 255, 255, .2)
}

.popup-inspect-cont .inspect-thum {
    width: 560px;
    height: 656px;
    position: relative;
    background: #2A2B30;
    border-radius: 8px 0 0 8px;
    overflow: hidden
}

.popup-inspect-cont .inspect-thum-img {
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 10;
    display: flex;
    text-align: center;
    background: #050505;
    background-image: radial-gradient(circle at 50% 35%, rgba(95, 122, 172, .6) 0, rgba(10, 11, 13, .18) 73%)
}

.popup-inspect-cont .inspect-thum-img img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.popup-inspect-cont .inspect-thum-img_withbg {
    display: block
}

.popup-inspect-cont .inspect-thum-img_withbg::after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 1;
    background: url(../images/good_bgs/inspect_bg.png) no-repeat;
    background-size: cover
}

.popup-inspect-cont .inspect-thum-btns {
    display: flex;
    justify-content: space-between;
    z-index: 12;
    position: relative;
    padding: 16px
}

.popup-inspect-cont .inspect-thum-btns .scope-btns span {
    display: inline-block;
    height: 32px;
    line-height: 31px;
    border-radius: 16px;
    padding: 0 16px 0 9px;
    font-size: 16px;
    color: rgba(255, 255, 255, .8);
    cursor: pointer;
    background: rgba(56, 61, 70, .9);
    margin-right: 12px;
    user-select: none
}

.popup-inspect-cont .inspect-thum-btns .scope-btns span small {
    background-color: rgba(40, 40, 40, .3);
    display: inline-block;
    padding: 4px;
    border-radius: 12px;
    line-height: 0;
    font-size: 0;
    vertical-align: middle;
    margin: -3px 4px 0 -3px
}

.popup-inspect-cont .inspect-thum-btns .scope-btns span:hover {
    color: #4773c8;
    background: #383D46
}

.popup-inspect-cont .inspect-thum-btns .scope-btns span:active {
    color: rgba(255, 255, 255, .3);
    background: rgba(17, 20, 25, .9)
}

.popup-inspect-cont .inspect-thum-btns .scope-btns.scope-btns-left span {
    padding: 0 9px
}

.popup-inspect-cont .inspect-thum-btns .scope-btns.scope-btns-left span:hover {
    color: #fff
}

.popup-inspect-cont .inspect-thum-btns .scope-btns.scope-btns-left span:active {
    color: #515151
}

.popup-inspect-cont .inspect-thum-btns .scope-btns.scope-btns-left span:last-child {
    margin-right: 0
}

.popup-inspect-cont .inspect-thum-btns .i_Btn_mid {
    min-width: 60px
}

.popup-inspect-cont .inspect-thum-stickers {
    position: absolute;
    bottom: 8px;
    right: 8px;
    z-index: 12;
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.popup-inspect-cont .inspect-thum-stickers img {
    width: 80px;
    height: 80px;
    object-fit: contain
}

.popup-inspect-cont .inspect-thum-charms {
    position: absolute;
    bottom: 8px;
    left: 8px;
    z-index: 12;
    display: flex;
    align-items: center;
    gap: 2px
}

.popup-inspect-cont .inspect-thum-charms .charm-wrapper {
    position: relative;
    border: 1px solid rgba(21, 9, 9, .16);
    width: 80px;
    height: 80px
}

.popup-inspect-cont .inspect-thum-charms .charm-wrapper img {
    width: 100%;
    height: 100%;
    object-fit: contain
}

.popup-inspect-cont .inspect-desc {
    background: #2A2B30;
    width: 654px;
    color: #C2C2C2;
    border-radius: 0 8px 8px 0;
    overflow: hidden;
    padding: 6px;
    box-sizing: border-box;
    position: relative
}

.popup-inspect-cont .inspect-desc:has(.inspect-footer-bar) .inspect-desc-items {
    height: 512px
}

.popup-inspect-cont .inspect-desc:has(.countdown) .inspect-desc-items {
    height: 534px
}

.popup-inspect-cont .inspect-desc:has(.inspect-safety-notice) .inspect-desc-items {
    height: 524px
}

.popup-inspect-cont .inspect-desc:has(.inspect-safety-notice) .inspect-bottom {
    box-shadow: none
}

.popup-inspect-cont .icon_stattrak {
    position: absolute;
    bottom: 6px;
    z-index: 10
}

.inspect-nav {
    position: relative;
    width: 80px;
    margin: 0 16px 0 0
}

.inspect-nav span {
    display: block;
    position: absolute;
    width: 80px;
    height: 18px;
    border-radius: 4px 4px 0 0;
    background: rgba(52, 54, 58, .3);
    text-align: center;
    cursor: pointer;
    padding: 1px 0 0;
    z-index: 20;
    display: none
}

.inspect-nav span:hover {
    background: rgba(52, 54, 58, .6)
}

.inspect-nav span.scope-up {
    top: 0
}

.inspect-nav span.scope-down {
    bottom: 0;
    border-radius: 0 0 4px 4px
}

.inspect-nav .inspect-nav-list {
    overflow: hidden;
    height: 656px;
    border-radius: 4px
}

.inspect-nav li {
    height: 80px;
    width: 80px;
    position: relative;
    margin: 0 0 8px;
    cursor: pointer
}

.inspect-nav li:last-child {
    margin-bottom: 0
}

.inspect-nav li.on div {
    border: 1px solid #EEA20E
}

.inspect-nav li.on p {
    color: #EEA20E
}

.inspect-nav li:hover div {
    border: 1px solid #eea30e80
}

.inspect-nav li:hover p {
    color: #EEA20E
}

.inspect-nav li div {
    position: absolute;
    width: 100%;
    height: 100%;
    display: flex;
    background: url(../images/good_bgs/pic_goodsbg_thumbnail.png) no-repeat;
    background-size: 100% 100%;
    border-radius: 4px;
    box-sizing: border-box;
    font-size: 0;
    overflow: hidden
}

.inspect-nav li img {
    max-width: 90%;
    margin: auto;
    max-height: 90%
}

.inspect-nav li p {
    position: absolute;
    bottom: 4px;
    width: 100%;
    text-align: center;
    font-size: 12px;
    color: #FFF;
    opacity: .7
}

.inspect-nav .inspect-nav-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    float: right;
    width: 40px;
    height: 40px;
    border-radius: 4px;
    background: #2e3135;
    cursor: pointer
}

.inspect-nav .inspect-nav-btn:hover {
    background: #383d46
}

.inspect-nav .inspect-nav-btn:active {
    background: rgba(17, 20, 25, .9)
}

.inspect-nav_small {
    width: 48px
}

.inspect-nav_small span {
    width: 48px
}

.inspect-nav_small li {
    height: 48px;
    width: 48px
}

.inspect-nav_small li p {
    display: none
}

.inspect-desc-items {
    font-size: 16px;
    overflow-y: auto;
    height: 564px;
    padding: 16px;
    box-sizing: border-box;
    position: relative
}

.inspect-desc-items::-webkit-scrollbar {
    width: 5px;
    height: 0;
    background: 0 0
}

.inspect-desc-items::-webkit-scrollbar-track {
    background: 0 0
}

.inspect-desc-items::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: #2E3135
}

.inspect-desc-items h3 {
    font-size: 24px;
    color: #EBEBF5;
    line-height: 32px;
    font-weight: 700;
    margin: 0 24px 0 0
}

.inspect-desc-items .inspect-fav {
    position: absolute;
    right: 14px;
    top: 14px;
    padding: 9px;
    border-radius: 4px;
    cursor: pointer
}

.inspect-desc-items .inspect-fav:hover {
    background: #2E3135
}

.inspect-desc-items .inspect-fav:active {
    background: rgba(17, 20, 25, .9)
}

.inspect-desc-items .inspect-fav.inspect-fav--num {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 8px 10px;
    background: #2e3135;
    color: #eea20e;
    font-weight: 700;
    font-size: 12px
}

.inspect-desc-items .inspect-fav.inspect-fav--num:hover {
    background: #383d46;
    color: #ffbd3d
}

.inspect-desc-items .inspect-fav.inspect-fav--num:active {
    background: #2e3135;
    color: #cd931d
}

.inspect-desc-items .scope-tags {
    margin: 16px 0;
    font-size: 0
}

.inspect-desc-items .scope-tags span {
    margin-right: 16px;
    font-size: 16px
}

.inspect-desc-items .scope-census {
    font-size: 12px;
    color: #888;
    margin: 0 12px 0 0
}

.inspect-desc-items .scope-census span {
    margin: 0 12px 0 0
}

.inspect-desc-items .scope-census span .icon2x {
    margin: -3px 3px 0 0
}

.inspect-desc-items .scope-block {
    margin: 12px 0;
    background: #2E3135;
    border-radius: 4px;
    padding: 12px 16px
}

.inspect-desc-items .scope-block.name p {
    display: flex;
    align-items: center;
    font-size: 16px
}

.inspect-desc-items .scope-block.name p .icon_warning_svg {
    width: 16px;
    height: 16px;
    margin-right: 4px;
    background-size: cover
}

.inspect-desc-items .scope-block .a_Gray:hover {
    color: #fff
}

.inspect-desc-items .scope-block .a_Gray:active {
    color: #515151
}

.inspect-desc-items .scope-tab {
    font-weight: 700;
    font-size: 14px;
    line-height: 100%;
    color: #90969C;
    margin: 16px 0
}

.inspect-desc-items .scope-tab ul {
    display: flex;
    gap: 40px
}

.inspect-desc-items .scope-tab ul li {
    margin-right: 0
}

.inspect-desc-items .scope-tab ul li.on {
    color: #FFF
}

.inspect-desc-items .scope-tab ul li:hover a,
.inspect-desc-items .scope-tab ul li:hover span {
    color: #FFF !important
}

.inspect-desc-items .scope-tab ul li:not(.on):active a,
.inspect-desc-items .scope-tab ul li:not(.on):active span {
    color: #515151 !important
}

.inspect-desc-items .scope-tab .scope-tab-refresh {
    float: right;
    width: auto;
    font-weight: 400
}

.inspect-desc-items .scope-tab .scope-tab-refresh .a_Gray:hover {
    color: #fff
}

.inspect-desc-items .scope-tab .scope-tab-refresh .a_Gray:active {
    color: #515151
}

.inspect-desc-items .price-tab {
    padding: 8px 0
}

.inspect-desc-items .price-tab ul {
    display: flex
}

.inspect-desc-items .price-tab ul li {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    position: relative;
    font-size: 12px
}

.inspect-desc-items .price-tab ul li::after {
    position: absolute;
    top: 0;
    right: 0;
    content: ' ';
    width: 1px;
    height: 100%;
    background-color: #3F4347
}

.inspect-desc-items .price-tab ul li:last-child::after {
    display: none
}

.inspect-desc-items .price-tab ul li .icon_refresh_gray {
    margin: 0
}

.inspect-desc-items .bid-record-list {
    position: relative;
    padding-top: 0;
    padding-bottom: 0
}

.inspect-desc-items .bid-record-list .bid-record-list-items {
    width: 100%
}

.inspect-desc-items .bid-record-list .bid-record-list-items .bid-record-list-item {
    width: 100%;
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #C6CAD0
}

.inspect-desc-items .bid-record-list .bid-record-list-items .bid-record-list-item div {
    width: auto
}

.inspect-desc-items .bid-record-list .bid-record-list-items .bid-record-list-item.is-new {
    display: none
}

.inspect-desc-items .bid-record-list .bid-record-list-items .bid-record-list-item .bid-record-item-id {
    width: 110px;
    font-size: 13px;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.inspect-desc-items .bid-record-list .bid-record-list-items .bid-record-list-item .bid-record-item-price {
    width: 100px;
    text-align: center;
    font-size: 14px;
    font-weight: 700
}

.inspect-desc-items .bid-record-list .bid-record-list-items .bid-record-list-item .bid-record-item-time {
    width: 80px;
    font-size: 12px;
    text-align: right
}

.inspect-desc-items .bid-record-list .bid-record-list-items .bid-record-list-item.on .bid-record-item-id {
    width: 124px;
    color: rgba(235, 235, 245, .9)
}

.inspect-desc-items .bid-record-list .bid-record-list-items .bid-record-list-item.on .bid-record-item-price {
    margin-left: -14px
}

.inspect-desc-items .bid-record-list .bid-record-list-items .refresh-btn {
    position: fixed;
    z-index: 999;
    bottom: 17px;
    left: 50%;
    transform: translateX(-50%);
    box-sizing: border-box;
    font-weight: 700;
    height: 25px;
    display: none;
    gap: 2px;
    align-items: center;
    justify-content: center;
    padding: 4px;
    background: #EEA20E;
    border: 1px solid #739DF4;
    border-radius: 2px;
    color: #fff;
    text-decoration: none;
    font-size: 12px
}

.inspect-desc-items .bid-record-list .bid-record-list-items .refresh-btn .icon_market_fold {
    margin-left: 2px;
    position: relative;
    animation: bounce 1s infinite
}

@keyframes bounce {

    0%,
    100% {
        transform: translateY(0)
    }

    50% {
        transform: translateY(-2px)
    }
}

.inspect-desc-items .bid-list .bid-list-items {
    width: 100%
}

.inspect-desc-items .bid-list .bid-list-items .list-item {
    width: 100%;
    height: 42px
}

.inspect-desc-items .bid-list .bid-list-items .list-item .item-top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 8px;
    color: #E4E8EE
}

.inspect-desc-items .bid-list .bid-list-items .list-item .item-top div {
    display: flex;
    align-items: center;
    width: auto;
    gap: 8px;
    font-size: 13px
}

.inspect-desc-items .bid-list .bid-list-items .list-item .item-top div span:last-child {
    font-size: 12px;
    color: #90969C
}

.inspect-desc-items .bid-list .bid-list-items .list-item .item-top .top-price {
    font-size: 14px;
    font-weight: 700;
    display: flex;
    align-items: center;
    gap: 8px
}

.inspect-desc-items .bid-list .bid-list-items .list-item .item-top .top-price .icon_out {
    width: 20px;
    height: 20px
}

.inspect-desc-items .bid-list .bid-list-items .list-item .item-line {
    width: 1px;
    height: 34px;
    background-color: #4773C8;
    margin-left: 5px;
    margin-top: -4px
}

.inspect-desc-items .bid-list .bid-list-items .list-item:has(+.on) .item-line {
    background-color: #EEA20E
}

.inspect-desc-items .bid-list .bid-list-items .list-item.on .item-line {
    display: none
}

.inspect-desc-items .bid-list .bid-list-items .list-item.on .item-top .top-price,
.inspect-desc-items .bid-list .bid-list-items .list-item.on .item-top div span:first-of-type {
    color: #eea20e
}

.inspect-desc-items .bid-list .bid-list-items .list-item:last-child {
    height: auto
}

.inspect-desc-items .bid-list .bid-list-items .list-item .give-up-the-bid {
    color: #4773C8;
    font-size: 12px;
    text-align: right;
    margin-top: 8px
}

.inspect-desc-items .process-label {
    color: #4773C8;
    font-size: 13px
}

.inspect-desc-items .process-title {
    color: #90969C;
    font-size: 12px;
    padding: 8px;
    margin-top: 8px;
    margin-bottom: 16px
}

.inspect-desc-items .bid-process {
    display: flex;
    gap: 53px;
    margin: 8px 0
}

.inspect-desc-items .bid-process .bid-process-item {
    width: 48px;
    display: flex;
    flex-direction: column;
    align-items: center
}

.inspect-desc-items .bid-process .bid-process-item span {
    font-size: 12px;
    color: #90969C;
    text-wrap: nowrap
}

.inspect-desc-items .bid-process .bid-process-item span:first-of-type {
    font-size: 13px;
    color: #E4E8EE;
    margin-top: 6px;
    margin-bottom: 2px
}

.inspect-desc-items .bid-process .icon_process_arrow {
    margin-top: 14px
}

.inspect-desc-items .markup-rule ul {
    list-style: disc;
    padding: 0 8px
}

.inspect-desc-items .markup-rule ul li {
    color: #90969C;
    font-size: 13px
}

.inspect-desc-items .markup-rule ul li text {
    float: right
}

.inspect-desc-items .markup-rule ul li text span {
    color: #4773C8
}

.inspect-desc-items .deposit-price {
    padding: 16px;
    padding-top: 0
}

.inspect-desc-items .deposit-price .questions-and-answers {
    width: 100%;
    padding-top: 16px;
    padding-bottom: 8px;
    display: flex;
    flex-direction: column;
    gap: 12px;
    font-size: 13px
}

.inspect-desc-items .deposit-price .questions-and-answers .deposit-answers,
.inspect-desc-items .deposit-price .questions-and-answers .deposit-questions {
    width: 100%;
    display: flex;
    line-height: 22px
}

.inspect-desc-items .deposit-price .questions-and-answers .deposit-questions {
    color: #E4E8EE
}

.inspect-desc-items .deposit-price .questions-and-answers .deposit-questions .questions-label {
    color: #4773C8;
    margin-right: 8px
}

.inspect-desc-items .deposit-price .questions-and-answers .deposit-answers {
    color: #C6CAD0
}

.inspect-desc-items .deposit-price .questions-and-answers .deposit-answers .answers-label {
    color: #90969C;
    margin-right: 8px
}

.inspect-desc-items .deposit-price .questions-and-answers .deposit-answers .answers-text {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 8px
}

.inspect-desc-items .deposit-price .questions-and-answers .deposit-answers ul {
    padding: 8px 0;
    padding-left: 32px;
    list-style: disc;
    background-color: rgba(238, 162, 14, .06);
    color: #EEA20E;
    font-size: 13px
}

.inspect-desc-items .deposit-price .questions-and-answers .deposit-answers ul li {
    padding-bottom: 8px
}

.inspect-desc-items .deposit-price .questions-and-answers .deposit-answers ul li:last-of-type {
    padding-bottom: 0
}

.inspect-desc-items .scope-skins {
    display: flex;
    justify-content: space-between;
    margin: 12px 0;
    gap: 12px
}

.inspect-desc-items .scope-skins>div {
    display: flex;
    justify-content: space-between;
    flex: 1;
    margin: 0
}

.inspect-desc-items .scope-skins>div span small {
    font-size: 16px;
    color: #C2C2C2
}

.inspect-desc-items .scope-wear {
    padding: 8px 16px
}

.inspect-desc-items .scope-wear .wear-title {
    display: flex;
    justify-content: space-between;
    padding: 0 0 8px
}

.inspect-desc-items .scope-wear .wear-title strong {
    font-weight: 400;
    margin-left: 12px
}

.inspect-desc-items .scope-wear .wear .wear-pointer {
    margin-top: 0
}

.inspect-desc-items .scope-wear .wear .wear-pointer .wear-pointer-icon {
    border-color: #EEA20E transparent transparent transparent
}

.inspect-desc-items .scope-wear .wear .progress {
    width: auto
}

.inspect-desc-items .scope-tip {
    color: #4773c8
}

.inspect-desc-items .scope-print {
    padding: 0;
    overflow: hidden
}

.inspect-desc-items .scope-print .print-title {
    display: flex;
    justify-content: space-between;
    padding: 12px 16px
}

.inspect-desc-items .scope-print li {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 8px 16px
}

.inspect-desc-items .scope-print li:hover {
    background: #383D46
}

.inspect-desc-items .scope-print li>p {
    box-sizing: border-box;
    width: 40px;
    height: 40px;
    border: .5px solid transparent;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    position: relative;
    margin-right: 4px
}

.inspect-desc-items .scope-print li>p img {
    position: relative;
    width: 100%;
    height: 100%;
    object-fit: contain
}

.inspect-desc-items .scope-print li div {
    flex: 1;
    display: flex;
    flex-direction: column
}

.inspect-desc-items .scope-print li div h5 {
    margin: auto;
    text-align: left;
    width: 100%
}

.inspect-desc-items .scope-print li div p {
    font-size: 12px;
    color: #888;
    margin: 4px 0 0
}

.inspect-desc-items .scope-print li span {
    position: relative;
    top: 9px
}

.inspect-desc-items .scope-print .stag_sp {
    justify-self: left
}

.inspect-desc-items .scope-status {
    padding: 0 0 9px;
    overflow: hidden
}

.inspect-desc-items .scope-status .status-title {
    display: flex;
    justify-content: space-between;
    padding: 12px 16px
}

.inspect-desc-items .scope-status .status-title .scope-thum {
    position: relative;
    top: 7px
}

.inspect-desc-items .scope-status .status-title img:not(.user-avatar) {
    margin: -2px 4px 0 0;
    border-radius: 12px
}

.inspect-desc-items .scope-status .status-title .user-info:hover {
    color: silver
}

.inspect-desc-items .scope-status .status-title .user-info:active {
    color: #515151
}

.inspect-desc-items .scope-status .status-title .w-Switcher {
    border: none;
    background: #383D46
}

.inspect-desc-items .scope-status .status-title .w-Switcher span {
    height: 32px;
    line-height: 32px;
    background: #383D46;
    border: none;
    color: #c6cad0;
    min-width: 48px
}

.inspect-desc-items .scope-status .status-title .w-Switcher span:hover {
    color: #fff
}

.inspect-desc-items .scope-status .status-title .w-Switcher span:active {
    color: #515151
}

.inspect-desc-items .scope-status .status-title .w-Switcher span.on {
    color: #4773c8;
    font-weight: 700
}

.inspect-desc-items .scope-status .status-title .w-Switcher span.on:hover {
    color: #567fcd
}

.inspect-desc-items .scope-status .status-title .w-Switcher span.on:active {
    color: #3c61a8
}

.inspect-desc-items .scope-status li {
    display: flex;
    justify-content: space-between;
    padding: 9px 16px
}

.inspect-desc-items .scope-status li:hover {
    background: #383D46
}

.inspect-desc-items .scope-status .pay-channels-icons .icon2x {
    width: 20px;
    height: 20px
}

.inspect-desc-items .scope-desc h5 {
    font-size: 16px;
    margin: 0
}

.inspect-desc-items .scope-desc .scope-text {
    margin-top: 9px;
    font-size: 14px;
    line-height: 22px
}

.inspect-desc-items .scope-pattern {
    padding: 0;
    overflow: hidden
}

.inspect-desc-items .scope-pattern .pattern-header {
    display: flex;
    height: 56px;
    padding: 0 16px;
    align-items: center;
    justify-content: space-between
}

.inspect-desc-items .scope-pattern a {
    color: #90969c
}

.inspect-desc-items .scope-pattern a:hover {
    color: #fff
}

.inspect-desc-items .scope-pattern a:active {
    color: #515151
}

.inspect-desc-items .scope-pattern .active {
    color: #E4E8EE
}

.inspect-desc-items .scope-pattern .pattern-tab {
    display: flex;
    align-items: center;
    gap: 16px;
    font-size: 16px
}

.inspect-desc-items .scope-pattern .market-btn {
    display: flex;
    align-items: center;
    gap: 8px;
    color: #c6cad0
}

.inspect-desc-items .scope-pattern .pattern-list {
    max-height: 300px;
    overflow-y: auto;
    min-height: 65px
}

.inspect-desc-items .scope-pattern .pattern-list::-webkit-scrollbar {
    width: 2px;
    height: 0;
    background: 0 0
}

.inspect-desc-items .scope-pattern .pattern-list::-webkit-scrollbar-track {
    background: 0 0
}

.inspect-desc-items .scope-pattern .pattern-list::-webkit-scrollbar-thumb {
    border-radius: 1px;
    background-color: #383d46
}

.inspect-desc-items .scope-pattern .pattern-goods {
    height: 65px;
    padding: 0 16px;
    display: flex;
    align-items: center;
    cursor: pointer
}

.inspect-desc-items .scope-pattern .pattern-goods:hover {
    background: #383d46
}

.inspect-desc-items .scope-pattern .pattern-goods:active {
    background: #2a2b30
}

.inspect-desc-items .scope-pattern .pattern-goods .i_Btn {
    margin-left: auto;
    height: 30px;
    min-width: 64px;
    box-sizing: border-box;
    display: flex;
    padding: 0;
    align-items: center;
    justify-content: center;
    font-size: 14px
}

.inspect-desc-items .scope-pattern .pattern-goods .icon {
    margin-left: 12px
}

.inspect-desc-items .scope-pattern .pattern-goods .wear .wear-pointer {
    margin-top: 0
}

.inspect-desc-items .scope-pattern .pattern-goods .wear .wear-pointer .wear-pointer-icon {
    border-color: #EEA20E transparent transparent transparent
}

.inspect-desc-items .scope-pattern .goods-card {
    width: 72px;
    height: 48px;
    position: relative;
    background: center/cover no-repeat url(../images/custom_inspect/skinBG.png)
}

.inspect-desc-items .scope-pattern .goods-card img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.inspect-desc-items .scope-pattern .goods-card .tag {
    font-size: 12px;
    line-height: 16px;
    background: rgba(28, 32, 43, .5);
    border-left: 4px solid transparent;
    padding: 1px;
    position: absolute;
    top: 0;
    left: 0
}

.inspect-desc-items .scope-pattern .goods-info {
    flex: 1;
    margin-left: 8px;
    height: 48px;
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

.inspect-desc-items .scope-pattern .goods-info .wear .wear-pointer {
    width: 166px;
    margin-top: 0
}

.inspect-desc-items .scope-pattern .goods-info .wear .progress {
    width: 166px
}

.inspect-desc-items .scope-pattern .goods-info-detail {
    display: flex;
    align-items: flex-end;
    gap: 4px
}

.inspect-desc-items .scope-pattern .goods-info .stickers {
    width: 35px;
    height: 28px;
    background: #353748
}

.inspect-desc-items .scope-pattern .goods-info .stickers img {
    width: 100%;
    height: 100%;
    object-fit: contain
}

.inspect-desc-items .scope-pattern .goods-info .stickers .pattern-color {
    top: 0;
    right: 0
}

.inspect-desc-items .charm-wrapper {
    border-color: #3F4347 !important;
    position: relative
}

.inspect-desc-items .charm-wrapper .pattern-color {
    border-top-width: 12px;
    border-left-width: 12px;
    top: -1px;
    right: -1px
}

.inspect-btns {
    position: relative;
    height: 100px
}

.inspect-btns span {
    padding: 8px;
    border-radius: 4px;
    background: #2A2B30;
    display: block;
    margin: 0 0 12px 12px;
    cursor: pointer
}

.inspect-btns span:hover {
    background: #2E3135
}

.inspect-btns span:active {
    background: rgba(17, 20, 25, .9)
}

.inspect-btns .share-popup {
    position: absolute;
    background: #141E35;
    border: 1px solid #375287;
    padding: 16px;
    border-radius: 4px;
    top: 52px;
    left: 64px;
    display: none
}

.inspect-btns .share-popup.on {
    display: block
}

.inspect-btns .share-popup:before {
    content: '';
    display: block;
    border-style: solid;
    border-width: 7px 7px 7px 7px;
    border-color: transparent #375287 transparent transparent;
    position: absolute;
    left: -15px;
    top: 10px
}

.inspect-btns .share-popup .i_Btn {
    margin: 16px 0 0;
    width: 100%;
    box-sizing: border-box
}

.inspect-btns .qrcode-error {
    position: relative
}

.inspect-btns .qrcode-error-tip {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    text-align: center;
    background: rgba(255, 255, 255, .9);
    height: 106px;
    color: #000;
    padding-top: 24px
}

.inspect-btns .qrcode-error-tip a {
    color: #4773c8
}

.inspect-btns .qrcode-error-tip a:hover {
    color: #6e91d4
}

.inspect-btns .qrcode-error-tip p {
    margin: 9px 0 3px
}

#j_fixedtip .pay-channels-icons .icon2x {
    width: 20px;
    height: 20px
}

.inspect-bottom {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background: #34363A;
    height: 80px;
    box-shadow: 0 -2px 16px 5px rgba(0, 0, 0, .25);
    box-sizing: border-box;
    padding: 16px;
    display: flex;
    justify-content: space-between
}

.inspect-bottom .scope-price {
    display: flex;
    height: 80px;
    margin: -16px 0 0
}

.inspect-bottom .scope-price p {
    margin: auto 0
}

.inspect-bottom .scope-price strong {
    font-size: 32px;
    color: #EEA20E;
    font-weight: 700;
    line-height: 32px
}

.inspect-bottom .scope-price span {
    display: block;
    text-indent: 8px;
    margin: 4px 0 0
}

.inspect-bottom .i_Btn {
    margin-left: 16px;
    min-width: 60px
}

.inspect-footer-bar {
    height: auto;
    padding: 11px 16px;
    flex-wrap: wrap;
    row-gap: 16px;
    background: #2A2B30
}

.inspect-footer-bar .footer-bar-buts {
    width: 100%;
    height: 58px;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.inspect-footer-bar .footer-bar-buts .buts-price {
    display: flex;
    flex-direction: column;
    gap: 2px;
    font-size: 12px
}

.inspect-footer-bar .footer-bar-buts .buts-price .buts-item {
    max-width: 362px;
    height: 40px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    color: #C6CAD0
}

.inspect-footer-bar .footer-bar-buts .buts-price .buts-item .c_Yellow {
    font-weight: 700;
    font-size: 24px
}

.inspect-footer-bar .footer-bar-buts .buts-price .buts-item div {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px
}

.inspect-footer-bar .footer-bar-buts .buts-price .price-item {
    width: auto;
    height: 16px;
    display: flex;
    align-items: center;
    gap: 12px
}

.inspect-footer-bar .footer-bar-buts .buts-price .price-item div {
    font-size: 12px;
    color: #C6CAD0
}

.inspect-footer-bar .footer-bar-buts .buts-price .price-item .item-line {
    width: 1px;
    height: 9px;
    background-color: #3F4347
}

.inspect-footer-bar .scope-btn {
    display: flex;
    font-weight: 700;
    font-size: 16px;
    color: #C6CAD0
}

.inspect-footer-bar .scope-btn .i_Btn {
    width: 136px;
    height: 48px;
    box-sizing: border-box
}

.inspect-footer-bar .scope-btn span {
    display: flex;
    align-items: center;
    justify-content: end
}

.inspect-footer-bar .price_input {
    position: relative;
    width: 100%
}

.inspect-footer-bar .price_input .i_Text {
    width: 100%;
    height: 42px;
    box-sizing: border-box;
    background-color: #2e3135;
    border: 1px solid #2c2f38;
    color: #FFF;
    text-align: center;
    font-weight: 700;
    font-size: 20px
}

.inspect-footer-bar .price_input .add,
.inspect-footer-bar .price_input .reduction {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 42px;
    height: 38px;
    font-size: 18px;
    background-color: #353748;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer
}

.inspect-footer-bar .price_input a {
    padding: 0
}

.inspect-footer-bar .price_input .reduction {
    left: 0;
    color: #90969C
}

.inspect-footer-bar .price_input .add {
    right: 0;
    color: #E4E8EE
}

.inspect-footer-bar:has(.countdown) {
    padding-top: 0
}

.inspect-footer-bar .countdown {
    width: 100%;
    height: 32px;
    position: relative;
    top: 0;
    left: 0;
    z-index: 9;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px
}

.inspect-footer-bar .countdown::before {
    content: '';
    position: absolute;
    z-index: 8;
    top: 0;
    left: -16px;
    width: calc(100% + 32px);
    height: 100%;
    background: linear-gradient(0deg, rgba(238, 162, 14, .06), rgba(238, 162, 14, .06))
}

.inspect-footer-bar .countdown .countdown_time {
    display: flex;
    gap: 2px
}

.inspect-footer-bar .countdown .countdown_item {
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #EEA20E;
    color: #FFF;
    font-weight: 700;
    font-size: 15px;
    border-radius: 2px
}

.inspect-safety-notice {
    box-sizing: border-box;
    position: absolute;
    bottom: 80px;
    left: 0;
    min-height: 40px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(rgba(71, 115, 200, .04), rgba(71, 115, 200, .04)), #34363a;
    color: #4773c8;
    padding: 8px 16px
}

.inspect-safety-notice>* {
    flex-shrink: 0
}

.inspect-safety-notice .icon_shopsafety {
    width: 16px;
    height: 16px;
    margin-right: 4px
}

.price-tag {
    width: auto;
    height: 18px;
    padding: 0 2.67px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 2.67px;
    border: 1px solid #FA5B5B;
    color: #FA5B5B;
    font-size: 12px;
    font-weight: 700
}

.title_color {
    color: #ebebf5
}

.add_note_hover {
    color: #4773c8;
    cursor: pointer
}

.add_note_hover:hover {
    color: #567fcd
}

.sync_sticker_hover {
    color: #C2C2C2;
    cursor: pointer
}

.sync_sticker_hover:hover {
    color: #FFF
}

.inspect-desc-header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 8px
}

.inspect-desc-header h3 {
    margin: 0
}

.inspect-desc-header .inspect-fav {
    position: static
}

.inspect-desc-btns {
    display: flex;
    align-items: center;
    gap: 14px
}

.inspect-desc-btns .icon_market {
    width: 18px;
    height: 18px
}

.highlight-video {
    padding: 8px 16px 16px;
    display: flex;
    flex-direction: column
}

.highlight-video h3 {
    margin-bottom: 8px;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
    color: #c6cad0
}

.highlight-video .video-wrapper {
    position: relative;
    cursor: pointer
}

.highlight-video video {
    width: 100%
}

.shalow-btn_hidden {
    visibility: visible !important
}

.guestbook_wrap,
.popup-guestbook {
    background: #FFF;
    width: 950px;
    height: 720px
}

.guestbook_wrap .popup-header,
.popup-guestbook .popup-header {
    border: none
}

.guestbook_wrap .popup-header h2,
.popup-guestbook .popup-header h2 {
    font-size: 16px;
    padding: 22px 0
}

.guestbook_wrap {
    margin: 40px auto 60px
}

.guestbook_wrap,
.popup-guestbook,
.user-guestbook {
    background-color: #fff
}

.guestbook_wrap .popup-cont,
.popup-guestbook .popup-cont,
.user-guestbook .popup-cont {
    height: 660px;
    display: flex;
    padding: 0
}

.user-guestbook .popup-cont {
    height: 652px
}

.user-guestbook .guestbook-col1 .guestbook-col1-wrap {
    height: 592px
}

.popup-inspect .inspect-btns #j_bargaining_message:hover .icon_bargaining_message_svg {
    background-image: url(../images/2x/icon_bargaining_message_normal_h.svg);
    width: 24px;
    height: 24px
}

.popup-inspect .inspect-btns #j_bargaining_message:active .icon_bargaining_message_svg {
    background-image: url(../images/2x/icon_bargaining_message_c.svg);
    width: 24px;
    height: 24px
}

.popup-inspect .inspect-bottom .icon_bargaining_message_buy_box {
    display: inline-block;
    width: 48px;
    height: 48px;
    text-align: center;
    vertical-align: middle;
    box-sizing: border-box;
    padding-top: 12px
}

.popup-inspect .inspect-bottom .icon_bargaining_message_buy_box .icon {
    margin: 0 auto
}

.popup-inspect .inspect-bottom .icon_bargaining_message_buy_box:hover {
    background: #2E3135;
    border-radius: 2px
}

.popup-inspect .inspect-bottom .icon_bargaining_message_buy_box:hover .icon_bargaining_message_buy {
    display: block;
    background-image: url(../images/2x/icon_bargaining_message_buy_h.svg);
    width: 24px;
    height: 24px
}

.user-guestbook .guestbook-col2 .guestbook-col2-wrap {
    padding: 0 5px
}

.guestbook-col1 {
    width: 280px
}

.guestbook-col1 .guestbook-col1-wrap {
    overflow: hidden;
    max-height: 590px;
    overflow-y: scroll
}

.guestbook-col1 .guestbook-col1-wrap .tips {
    font-size: 12px;
    color: rgba(73, 73, 73, .6);
    text-align: center;
    padding: 10px 0
}

.guestbook-col1 .guestbook-col1-wrap ul {
    background: #FAFAFA
}

.guestbook-col1 .guestbook-tab {
    display: flex;
    height: 60px;
    background: #FAFAFA
}

.guestbook-col1 .guestbook-tab li {
    flex: 1;
    text-align: center;
    height: 60px;
    line-height: 60px;
    box-sizing: border-box
}

.guestbook-col1 .guestbook-tab li a {
    font-size: 16px;
    font-weight: 400;
    color: #959595
}

.guestbook-col1 .guestbook-tab li a:hover {
    color: #333
}

.guestbook-col1 .guestbook-tab li a:active {
    color: silver
}

.guestbook-col1 .guestbook-tab li.on {
    border-bottom: 3px solid #4773C8
}

.guestbook-col1 .guestbook-tab li.on a {
    font-weight: 700;
    color: #4773C8
}

.guestbook-col1 .guestbook-col1-item {
    display: flex;
    box-sizing: border-box;
    padding: 10px;
    height: 104px;
    border-bottom: 1px solid #EDEDED;
    position: relative;
    align-items: normal
}

.guestbook-col1 .guestbook-col1-item.on {
    background: #EDEDED
}

.guestbook-col1 .guestbook-col1-item:not(.on):hover {
    background: #F5F5F5
}

.guestbook-col1 .guestbook-col1-item .guestbook-list-tx {
    width: 32px;
    margin-right: 4px
}

.guestbook-col1 .guestbook-col1-item .guestbook-list-tx::after {
    bottom: auto;
    top: 20px
}

.guestbook-col1 .guestbook-col1-item .guestbook-list-tx img {
    display: block;
    width: 100%;
    border-radius: 100%;
    border: none
}

.guestbook-col1 .guestbook-col1-item .guestbook-list-text {
    width: 124px;
    position: relative;
    margin-right: 8px
}

.guestbook-col1 .guestbook-col1-item .guestbook-list-text .user-info {
    display: flex;
    align-items: center
}

.guestbook-col1 .guestbook-col1-item .guestbook-list-text .user-info i,
.guestbook-col1 .guestbook-col1-item .guestbook-list-text .user-info span {
    display: block
}

.guestbook-col1 .guestbook-col1-item .guestbook-list-text .user-info i {
    margin-left: 0
}

.guestbook-col1 .guestbook-col1-item .guestbook-list-text .user-name-box {
    height: 20px;
    margin-bottom: 2px;
    display: flex;
    align-items: center
}

.guestbook-col1 .guestbook-col1-item .guestbook-list-text .user-name-box .icon {
    margin-left: 0;
    display: block
}

.guestbook-col1 .guestbook-col1-item .guestbook-list-text .user-name {
    display: block;
    font-size: 12px;
    font-weight: 700;
    line-height: 16px;
    max-width: 84px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-right: 4px;
    margin-left: 0
}

.guestbook-col1 .guestbook-col1-item .guestbook-list-text .desc {
    font-size: 12px;
    color: #515151;
    font-weight: 400;
    line-height: 16px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

.guestbook-col1 .guestbook-col1-item .guestbook-list-text .desc.strong {
    color: #4773C8
}

.guestbook-col1 .guestbook-col1-item .guestbook-list-text .time_box {
    position: absolute;
    bottom: 0
}

.guestbook-col1 .guestbook-col1-item .guestbook-list-text .time_box .time {
    font-size: 12px;
    color: #959595;
    font-weight: 400;
    margin-right: 4px
}

.guestbook-col1 .guestbook-col1-item .guestbook-list-cardbox {
    width: 88px
}

.guestbook-col1 .guestbook-col1-item .guestbook-list-cardbox .img {
    height: 66px;
    display: block;
    width: 100%;
    text-align: center;
    background: url(/img/item_bg.png);
    background-size: cover;
    position: relative;
    margin-bottom: 2px
}

.guestbook-col1 .guestbook-col1-item .guestbook-list-cardbox .img img {
    max-width: 80%;
    border: none;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.guestbook-col1 .guestbook-col1-item .guestbook-list-cardbox .img .bottom_value {
    width: 100%;
    height: 18px;
    background: rgba(28, 32, 43, .5);
    position: absolute;
    bottom: 0;
    left: 0;
    font-size: 12px;
    font-weight: 400;
    color: #E4E8EE;
    line-height: 18px;
    box-sizing: border-box;
    padding: 0 2px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.guestbook-col1 .guestbook-col1-item .guestbook-list-cardbox .jg {
    font-size: 12px;
    font-weight: 700;
    line-height: 16px
}

.guestbook_tagBox {
    position: absolute;
    top: 0;
    left: 0;
    display: inline-flex;
    width: 100%;
    box-sizing: border-box
}

.guestbook_tagBox span {
    height: 18px;
    line-height: 18px;
    display: block;
    font-size: 12px;
    font-weight: 400;
    padding: 0 2px;
    margin-right: 0;
    white-space: nowrap;
    margin-right: 1px
}

.guestbook_tagBox span:last-child {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-right: 0
}

.guestbook_tagBox .zx {
    color: #58B658
}

.guestbook_tagBox .zy {
    color: #8847FF
}

.guestbook_tagBox .yellow {
    color: gold
}

.guestbook_tagBox i {
    font-style: normal
}

.guestbook_tagBox .line2 {
    width: 4px;
    height: 18px;
    background: #8847FF;
    display: block;
    padding: 0
}

.guestbook_tagBox .line3 {
    width: 4px;
    height: 18px;
    background: #529F52;
    display: block;
    padding: 0
}

.guestbook_tagBox .line1 {
    width: 4px;
    height: 18px;
    background: #EB4B4B;
    display: block;
    padding: 0
}

.guestbook_tagBox .star {
    font-size: 12px;
    color: #AE66E0;
    padding: 0
}

.guestbook-col2 {
    background-color: #EDEDED;
    flex: 1;
    padding-top: 10px;
    position: relative
}

.guestbook-col2 .guestbook-col2-goods-top {
    width: 650px;
    height: 90px;
    margin: 0 auto;
    background: #F9F9F9;
    border-radius: 2px;
    margin-bottom: 10px;
    box-sizing: border-box;
    padding: 8px
}

.guestbook-col2 .sell-info-box {
    display: flex;
    align-items: center;
    position: relative
}

.guestbook-col2 .sell-info-box .sell-info-right-box {
    position: absolute;
    height: 100%;
    right: 0;
    top: 0;
    display: flex;
    flex-direction: column;
    justify-content: center
}

.guestbook-col2 .sell-info-box .sell-info-right-box .g-flex {
    align-items: center;
    margin-top: 4px
}

.guestbook-col2 .sell-info-box .item-detail-img {
    width: 88px;
    height: 66px;
    position: relative;
    margin-right: 8px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: auto !important
}

.guestbook-col2 .sell-info-box .item-detail-img img {
    display: block;
    width: 100%
}

.guestbook-col2 .sell-info-box .item-detail-img .shalow-btn {
    position: absolute;
    left: 2px;
    bottom: 2px
}

.guestbook-col2 .sell-info-box .wear {
    margin-right: 4px
}

.guestbook-col2 .sell-info-box .wear .progress,
.guestbook-col2 .sell-info-box .wear .wear-pointer {
    width: 160px
}

.guestbook-col2 .sell-info-box .wear .ctag {
    max-width: 160px;
    border: none;
    padding: 0
}

.guestbook-col2 .sell-info-box .csgo_sticker {
    display: flex;
    align-items: center;
    gap: 2px
}

.guestbook-col2 .sell-info-box .csgo_sticker .stickers {
    margin: 0
}

.guestbook-col2 .sell-info-box .has_wear {
    margin-left: 0;
    margin-right: 6px
}

.guestbook-col2 .sell-info-box .pay_box {
    display: table-cell;
    vertical-align: middle;
    padding-left: 5px
}

.guestbook-col2 .guestbook-col2-wrap {
    width: 100%;
    max-height: 470px;
    box-sizing: border-box;
    padding: 0 10px;
    overflow-y: scroll
}

.guestbook-col2 .guestbook-col2-wrap .time,
.guestbook-col2 .guestbook-col2-wrap .tips {
    font-size: 12px;
    color: rgba(73, 73, 73, .6);
    text-align: center;
    line-height: 16px;
    margin-bottom: 16px
}

.guestbook-col2 .guestbook-col2-wrap .guestbook-message-list li {
    display: flex;
    margin-bottom: 16px;
    justify-content: flex-start;
    align-items: flex-start;
    cursor: auto
}

.guestbook-col2 .guestbook-col2-wrap .guestbook-message-list li:last-child {
    margin-bottom: 20px
}

.guestbook-col2 .guestbook-col2-wrap .guestbook-message-list li .tips {
    width: 100%;
    margin-bottom: 0
}

.guestbook-col2 .guestbook-col2-wrap .guestbook-message-list li .user_tx {
    width: 40px;
    height: 40px;
    order: 1;
    margin-right: 8px
}

.guestbook-col2 .guestbook-col2-wrap .guestbook-message-list li .user_tx img {
    display: block;
    width: 100%;
    border-radius: 100%
}

.guestbook-col2 .guestbook-col2-wrap .guestbook-message-list li .message_box {
    order: 2
}

.guestbook-col2 .guestbook-col2-wrap .guestbook-message-list li .user-info-com {
    display: flex;
    align-items: center;
    margin-bottom: 4px
}

.guestbook-col2 .guestbook-col2-wrap .guestbook-message-list li .user-info-com .icon {
    display: block
}

.guestbook-col2 .guestbook-col2-wrap .guestbook-message-list li .buy-user-info {
    justify-content: flex-end
}

.guestbook-col2 .guestbook-col2-wrap .guestbook-message-list li .buy-user-info .message_tit {
    order: 2;
    margin-left: 4px
}

.guestbook-col2 .guestbook-col2-wrap .guestbook-message-list li .buy-user-info .icon {
    order: 1
}

.guestbook-col2 .guestbook-col2-wrap .guestbook-message-list li .sell-user-info .message_tit {
    order: 1;
    margin-left: 0
}

.guestbook-col2 .guestbook-col2-wrap .guestbook-message-list li .sell-user-info .icon {
    order: 2;
    margin-left: 4px
}

.guestbook-col2 .guestbook-col2-wrap .guestbook-message-list li .message_tit {
    display: block;
    font-size: 12px;
    line-height: 16px;
    text-align: left
}

.guestbook-col2 .guestbook-col2-wrap .guestbook-message-list li .message {
    box-sizing: border-box;
    max-width: 247px;
    background: #FFF;
    border-radius: 4px 0 4px 4px;
    padding: 8px;
    line-height: 25px;
    color: #515151
}

.guestbook-col2 .guestbook-col2-wrap .guestbook-message-list li .bqb {
    width: 90px
}

.guestbook-col2 .guestbook-col2-wrap .guestbook-message-list li .bqb img {
    display: block;
    width: 100%;
    border: none;
    border-radius: 0
}

.guestbook-col2 .guestbook-col2-wrap .guestbook-message-list li.buy {
    justify-content: flex-end
}

.guestbook-col2 .guestbook-col2-wrap .guestbook-message-list li.buy .user_tx {
    order: 2;
    margin-left: 8px;
    margin-right: 0
}

.guestbook-col2 .guestbook-col2-wrap .guestbook-message-list li.buy .message_tit {
    text-align: right
}

.guestbook-col2 .guestbook-col2-wrap .guestbook-message-list li.buy .message_box {
    order: 1
}

.guestbook-col2 .guestbook-col2-wrap .guestbook-message-list li.buy .message_wrap {
    position: relative
}

.guestbook-col2 .guestbook-col2-wrap .guestbook-message-list li.buy .isread {
    position: absolute;
    left: -24px;
    bottom: 0;
    width: 16px;
    height: 16px
}

.guestbook-col2 .guestbook-col2-wrap .guestbook-message-list li .card_box {
    width: 247px;
    background: #FFF;
    border-radius: 4px 0 4px 4px;
    box-sizing: border-box;
    padding: 0 11px 4px
}

.guestbook-col2 .guestbook-col2-wrap .guestbook-message-list li .card_box.sell_card_box {
    border-radius: 0 4px 4px 4px
}

.guestbook-col2 .guestbook-col2-wrap .guestbook-message-list li .card_box .card_tit {
    font-size: 12px;
    color: #959595;
    height: 32px;
    line-height: 32px;
    border-bottom: 1px solid rgba(233, 233, 233, .5)
}

.guestbook-col2 .guestbook-col2-wrap .guestbook-message-list li .card_box p {
    font-size: 12px;
    line-height: 16px;
    color: #959595
}

.guestbook-col2 .guestbook-col2-wrap .guestbook-message-list li .card_box .yellow {
    color: #EEA20E
}

.guestbook-col2 .guestbook-col2-wrap .guestbook-message-list li .card_box .bold {
    font-weight: 700;
    font-size: 14px;
    line-height: 19px
}

.guestbook-col2 .guestbook-col2-wrap .guestbook-message-list li .card_box .card_price {
    padding: 8px 0 0
}

.guestbook-col2 .guestbook-col2-wrap .guestbook-message-list li .card_box .price_item {
    margin-bottom: 4px
}

.guestbook-col2 .guestbook-col2-wrap .guestbook-message-list li .card_box .btn_box {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 4px
}

.guestbook-col2 .guestbook-col2-wrap .guestbook-message-list li .card_box .price_btn {
    display: block;
    margin: 8px auto 4px;
    width: 107px;
    height: 30px;
    border-radius: 2px;
    line-height: 30px;
    text-align: center;
    font-size: 12px;
    color: #FFF;
    box-sizing: border-box;
    padding: 0
}

.guestbook-col2 .guestbook-col2-wrap .guestbook-message-list li .card_box .mj_price_btn {
    display: block;
    margin: 8px auto 4px;
    width: 107px;
    height: 30px;
    padding: 0;
    box-sizing: border-box;
    border-radius: 2px;
    line-height: 30px;
    text-align: center;
    font-size: 12px;
    color: #FFF
}

.guestbook-col2 .guestbook-col2-wrap .guestbook-message-list li .card_box .count-down {
    display: block;
    margin: 8px auto 4px;
    width: 107px;
    height: 30px;
    background: #CCC;
    border-radius: 2px;
    line-height: 30px;
    text-align: center;
    font-size: 12px;
    color: #FFF
}

.guestbook-col2 .guestbook-col2-bottom {
    width: 100%;
    height: 80px;
    background: #2A2B30;
    position: absolute;
    right: 0;
    bottom: 0
}

.guestbook-col2 .guestbook-col2-bottom .guestbook-col2-bottom-box {
    width: 100%;
    height: 80px;
    display: flex;
    justify-content: space-between;
    box-sizing: border-box;
    padding: 16px;
    align-items: center
}

.guestbook-col2 .guestbook-col2-bottom .bottom-txt {
    width: 100%;
    text-align: center;
    line-height: 80px;
    color: #C6CAD0;
    font-size: 12px
}

.guestbook-col2 .guestbook-col2-bottom .bottom-left-box {
    display: flex;
    align-items: center
}

.guestbook-col2 .guestbook-col2-bottom .bottom-left-box a {
    display: block;
    margin-right: 16px;
    transition: all .3s
}

.guestbook-col2 .guestbook-col2-bottom .bottom-left-box a:hover .icon_bargaining_message_bq {
    background-image: url(../images/2x/icon_bargaining_message_bq_h.svg);
    width: 24px;
    height: 24px
}

.guestbook-col2 .guestbook-col2-bottom .bottom-left-box a:hover .icon_bargaining_message_ly {
    background-image: url(../images/2x/icon_bargaining_message_ly_h.svg);
    width: 24px;
    height: 24px
}

.guestbook-col2 .guestbook-col2-bottom .bottom-left-box a:hover span {
    color: #FFF
}

.guestbook-col2 .guestbook-col2-bottom .bottom-left-box a:active .icon_bargaining_message_bq {
    background-image: url(../images/2x/icon_bargaining_message_bq_c.svg);
    width: 24px;
    height: 24px
}

.guestbook-col2 .guestbook-col2-bottom .bottom-left-box a:active .icon_bargaining_message_ly {
    background-image: url(../images/2x/icon_bargaining_message_ly_c.svg);
    width: 24px;
    height: 24px
}

.guestbook-col2 .guestbook-col2-bottom .bottom-left-box a:active span {
    color: #515151
}

.guestbook-col2 .guestbook-col2-bottom .bottom-left-box span {
    margin-right: 4px;
    font-size: 12px;
    color: #C6CAD0
}

.guestbook-col2 .guestbook-col2-bottom .bottom-right-box {
    display: flex;
    position: relative
}

.guestbook-col2 .guestbook-col2-bottom .bottom-right-box a:first-child {
    margin-right: 16px
}

.guestbook-col2 .guestbook-col2-bottom .bottom-right-box .i_Btn_more {
    font-size: 12px
}

.guestbook-col2 .guestbook-col2-bottom .bottom-right-box .pop-btn-small {
    width: 76px;
    height: 76px;
    position: absolute;
    top: -75px;
    left: -48px;
    display: none;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .3)
}

.guestbook-col2 .guestbook-col2-bottom .bottom-right-box .pop-btn-small a {
    display: block;
    width: 100%;
    background: #313A44;
    font-size: 12px;
    color: #C6CAD0;
    line-height: 38px;
    height: 38px;
    text-align: center
}

.guestbook-col2 .guestbook-col2-bottom .bottom-right-box .pop-btn-small a:hover {
    background: #3A4452
}

.guestbook-col2 .guestbook-col2-bottom .bottom-right-box .pop-btn-small a:first-child {
    border-radius: 2px 2px 0 0
}

.guestbook-col2 .guestbook-col2-bottom .bottom-right-box .pop-btn-small a:last-child {
    border-radius: 0 0 2px 2px
}

.guestbook-col2 .guestbook-col2-bottom .bottom-right-box .i_Btn {
    display: block;
    width: 136px;
    height: 48px;
    line-height: 48px;
    font-weight: 700;
    color: #FFF;
    font-size: 16px;
    padding: 0;
    box-sizing: border-box
}

.guestbook-col2 .guestbook-col2-bottom .bottom-right-box .i_Btn_more {
    display: block;
    margin-right: 16px;
    height: 48px;
    line-height: 48px;
    font-weight: 12px;
    color: #C6CAD0;
    position: relative
}

.guestbook-col2 .guestbook-col2-bottom .bottom-right-box .i_Btn_more:hover {
    color: #E4E8EE
}

.popup-guestbook-liuyan {
    width: 600px;
    height: 660px
}

.popup-guestbook-liuyan .liuyan_box {
    height: 600px;
    overflow: hidden;
    overflow-y: scroll
}

.popup-guestbook-liuyan .popup-cont {
    padding: 0
}

.popup-guestbook-liuyan .liuyan_item {
    position: relative;
    min-height: 63px;
    display: flex;
    background: #FAFAFA;
    border-bottom: 1px solid #EBEBEB;
    box-sizing: border-box;
    padding: 16px 11px;
    align-items: center;
    cursor: pointer
}

.popup-guestbook-liuyan .liuyan_item:not(.on):hover {
    background: #F5F5F5
}

.popup-guestbook-liuyan .liuyan_item .liuyan_item_left {
    width: 470px;
    margin-right: 10px
}

.popup-guestbook-liuyan .liuyan_item .liuyan_item_left p {
    display: inline;
    line-height: 20px
}

.popup-guestbook-liuyan .liuyan_item.on {
    background: #EBEBEB
}

.popup-guestbook-liuyan .liuyan_item:hover a {
    display: block !important
}

.popup-guestbook-liuyan .liuyan_item a {
    width: 80px;
    height: 30px;
    box-sizing: border-box;
    line-height: 30px;
    padding: 0;
    font-size: 14px;
    display: none !important
}

.popup-guestbook-liuyan .liuyan_item .input_box {
    position: relative;
    display: inline-flex;
    flex-direction: column
}

.popup-guestbook-liuyan .liuyan_item .input_box .input_bottom {
    box-sizing: border-box;
    padding-left: 18px
}

.popup-guestbook-liuyan .liuyan_item .input_box .input_bottom span {
    color: #959595;
    font-size: 12px
}

.popup-guestbook-liuyan .liuyan_item .input_box .input_bottom span:first-child {
    margin-right: 4px
}

.popup-guestbook-liuyan .liuyan_item .i_Text {
    width: 160px;
    height: 30px;
    margin: 0 8px;
    box-sizing: border-box;
    background: #fff url(../images/site/yuan-ico.png) no-repeat 8px center;
    background-size: 10px auto;
    padding-left: 22px !important
}

.popup-guestbook-biaoqing {
    width: 600px
}

.popup-guestbook-biaoqing .popup-cont {
    padding: 0
}

.popup-guestbook-biaoqing .biaoqing_box {
    height: 400px;
    background: #FAFAFA;
    overflow-y: scroll
}

.popup-guestbook-biaoqing .biaoqing_box_scroll {
    display: flex;
    align-items: center;
    flex-wrap: wrap
}

.popup-guestbook-biaoqing .biaoqing_box_scroll li {
    width: 98px;
    height: 134px;
    box-sizing: border-box;
    padding-top: 10px
}

.popup-guestbook-biaoqing .biaoqing_box_scroll li:hover {
    background: #F5F5F5
}

.popup-guestbook-biaoqing .biaoqing_box_scroll li:hover .i_Btn_main {
    display: block !important;
    font-size: 12px;
    width: 64px;
    height: 22px;
    box-sizing: border-box;
    padding: 0;
    line-height: 22px;
    min-width: 64px;
    margin: 0 auto
}

.popup-guestbook-biaoqing .biaoqing_box_scroll li img {
    display: block;
    width: 60px;
    height: 60px;
    margin: 0 auto 8px
}

.popup-guestbook-biaoqing .biaoqing_box_scroll li p {
    font-size: 12px;
    color: #3E3E3E;
    text-align: center;
    margin-bottom: 8px
}

.popup-guestbook-biaoqing .biaoqing_box_scroll li .i_Btn_main {
    display: none !important
}

.popup-guestbook-biaoqing .tab_box {
    width: 100%;
    height: 56px;
    background: #EDEDED
}

.popup-guestbook-biaoqing .tab_box .tab_box_scroll {
    display: flex
}

.popup-guestbook-biaoqing .tab_box .tab_box_scroll li {
    width: 56px;
    height: 56px;
    display: flex;
    justify-content: center;
    align-items: center
}

.popup-guestbook-biaoqing .tab_box .tab_box_scroll li.on {
    background: #FAFAFA
}

.popup-guestbook-biaoqing .tab_box .tab_box_scroll li img {
    display: block;
    width: 32px;
    height: 32px
}

#j_popup_common_chat_close_tips .popup-desc p {
    color: #515151
}

#j_popup_common_chat_close_tips .popup-btns {
    text-align: center
}

#j_popup_common_nochat_tips .popup-desc p {
    color: #515151
}

#j_popup_common_nochat_tips .popup-desc .desc-tips {
    color: #959595;
    margin-top: 0
}

#j_popup_common_nochat_tips .popup-btns {
    text-align: center
}

.i_Text_liuyan:focus {
    color: #EEA20E
}

/*! PhotoSwipe main CSS by Dmytro Semenov | photoswipe.com */
.pswp {
    --pswp-bg: #000;
    --pswp-placeholder-bg: #222;
    --pswp-root-z-index: 100;
    --pswp-preloader-color: rgba(79, 79, 79, 0.4);
    --pswp-preloader-color-secondary: rgba(255, 255, 255, 0.9);
    --pswp-icon-color: #fff;
    --pswp-icon-color-secondary: #4f4f4f;
    --pswp-icon-stroke-color: #4f4f4f;
    --pswp-icon-stroke-width: 2px;
    --pswp-error-text-color: var(--pswp-icon-color)
}

.pswp {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: var(--pswp-root-z-index);
    display: none;
    touch-action: none;
    outline: 0;
    opacity: .003;
    contain: layout style size;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

.pswp:focus {
    outline: 0
}

.pswp * {
    box-sizing: border-box
}

.pswp img {
    max-width: none
}

.pswp--open {
    display: block
}

.pswp,
.pswp__bg {
    transform: translateZ(0);
    will-change: opacity
}

.pswp__bg {
    opacity: .005;
    background: var(--pswp-bg)
}

.pswp,
.pswp__scroll-wrap {
    overflow: hidden
}

.pswp__bg,
.pswp__container,
.pswp__content,
.pswp__img,
.pswp__item,
.pswp__scroll-wrap,
.pswp__zoom-wrap {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.pswp__img,
.pswp__zoom-wrap {
    width: auto;
    height: auto
}

.pswp--click-to-zoom.pswp--zoom-allowed .pswp__img {
    cursor: -webkit-zoom-in;
    cursor: -moz-zoom-in;
    cursor: zoom-in
}

.pswp--click-to-zoom.pswp--zoomed-in .pswp__img {
    cursor: move;
    cursor: -webkit-grab;
    cursor: -moz-grab;
    cursor: grab
}

.pswp--click-to-zoom.pswp--zoomed-in .pswp__img:active {
    cursor: -webkit-grabbing;
    cursor: -moz-grabbing;
    cursor: grabbing
}

.pswp--no-mouse-drag.pswp--zoomed-in .pswp__img,
.pswp--no-mouse-drag.pswp--zoomed-in .pswp__img:active,
.pswp__img {
    cursor: -webkit-zoom-out;
    cursor: -moz-zoom-out;
    cursor: zoom-out
}

.pswp__button,
.pswp__container,
.pswp__counter,
.pswp__img {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.pswp__item {
    z-index: 1;
    overflow: hidden
}

.pswp__hidden {
    display: none !important
}

.pswp__content {
    pointer-events: none
}

.pswp__content>* {
    pointer-events: auto
}

.pswp__error-msg-container {
    display: grid
}

.pswp__error-msg {
    margin: auto;
    font-size: 1em;
    line-height: 1;
    color: var(--pswp-error-text-color)
}

.pswp .pswp__hide-on-close {
    opacity: .005;
    will-change: opacity;
    transition: opacity var(--pswp-transition-duration) cubic-bezier(.4, 0, .22, 1);
    z-index: 10;
    pointer-events: none
}

.pswp--ui-visible .pswp__hide-on-close {
    opacity: 1;
    pointer-events: auto
}

.pswp__icn {
    fill: var(--pswp-icon-color);
    color: var(--pswp-icon-color-secondary)
}

.pswp__icn {
    position: absolute;
    top: 14px;
    left: 9px;
    width: 32px;
    height: 32px;
    overflow: hidden;
    pointer-events: none
}

.pswp__icn-shadow {
    stroke: var(--pswp-icon-stroke-color);
    stroke-width: var(--pswp-icon-stroke-width);
    fill: none
}

.pswp__icn:focus {
    outline: 0
}

.pswp__img--with-bg,
div.pswp__img--placeholder {
    background: var(--pswp-placeholder-bg)
}

.pswp__top-bar {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 60px;
    z-index: 10;
    background: 0 0;
    pointer-events: none !important
}

.pswp__top-bar .pswp__button_items {
    width: 100%;
    display: flex;
    justify-content: space-between;
    padding: 0 20px;
    margin-top: 20px
}

.pswp__top-bar .pswp__button_items .pswp__button {
    width: 40px;
    height: 40px;
    position: relative;
    cursor: pointer;
    overflow: visible;
    -webkit-appearance: none;
    background: rgba(40, 40, 40, .5) !important;
    border: 0;
    padding: 0;
    margin: 0;
    -webkit-box-shadow: none;
    box-shadow: none
}

.pswp__top-bar .pswp__button_items .pswp__button>i {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%)
}

.pswp__top-bar .pswp__button_items .pswp__button:not(.disabled):hover {
    background: #1C202B !important
}

.pswp__top-bar .pswp__button_items .pswp__button:not(.disabled):hover .pswp__button_item_hover {
    display: block !important
}

.pswp__top-bar .pswp__button_items .pswp__button:not(.disabled):active {
    background: rgba(40, 40, 40, .5) !important
}

.pswp__top-bar .pswp__button_items .pswp__button:disabled {
    opacity: .3;
    cursor: auto
}

.pswp__top-bar .pswp__button_items .pswp__button_item {
    height: auto;
    box-sizing: border-box
}

.pswp__top-bar .pswp__button_items .pswp__button_item .pswp__button_item_bottom {
    width: auto;
    height: 40px;
    display: flex;
    justify-content: space-between;
    gap: 10px
}

.pswp__top-bar .pswp__button_items .pswp__button_item .pswp__button_item_bottom .disabled {
    cursor: no-drop;
    opacity: .5
}

.pswp__top-bar .pswp__button_items .pswp__button_item .pswp__button_item_bottom .disabled .pswp__button_item_hover {
    display: none
}

.pswp__top-bar .pswp__button_items .pswp__button_item .pswp__button_item_bottom .pswp__button_item_bottom_left {
    display: flex;
    gap: 10px
}

.pswp__top-bar .pswp__button_items .pswp__button_item .pswp__button_item_top {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    height: 40px;
    position: relative;
    margin-bottom: 20px
}

.pswp__top-bar .pswp__button_items .pswp__button_item .pswp__button_item_top .pswp__button_bookmark {
    padding: 10.5px 7.94px 9px 7.94px
}

.pswp__top-bar .pswp__button_items .pswp__button_item .pswp__button_item_top .pswp__button_inspect_cs2 {
    padding: 12px 8.39px 12.79px 9px
}

.pswp__top-bar .pswp__button_items .pswp__button_item .pswp__button_item_top .pswp__button_customview {
    padding: 8px 7.98px 8px 13px
}

.pswp__top-bar .pswp__button_items .pswp__button_item .pswp__button_item_hover {
    width: auto;
    position: absolute;
    top: 51px;
    left: 50%;
    transform: translateX(-50%);
    padding: 20px 16px;
    box-sizing: border-box;
    color: #e4e8ee;
    background-position: 70% 0;
    background-size: 260%;
    font-size: 14px;
    font-weight: 400;
    white-space: nowrap;
    display: none;
    border-radius: 2px
}

.pswp__top-bar .pswp__button_items .pswp__button_item .item_price {
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: start;
    color: #c6cad0;
    background: rgba(40, 40, 40, .5);
    font-size: 12px;
    font-weight: 400;
    margin-bottom: 20px
}

.pswp__top-bar .pswp__button_items .pswp__button_item .item_price .pswp__button_item_price {
    padding: 11px 4px;
    box-sizing: border-box;
    font-size: 14px;
    font-weight: 700;
    color: #eea20e
}

.pswp__top-bar .pswp__button_items .pswp__button_zoom_small {
    display: none
}

.pswp__top-bar .pswp__button_items .pswp__button_next,
.pswp__top-bar .pswp__button_items .pswp__button_prev {
    width: 60px
}

.pswp__top-bar .pswp__button_items .pswp__button_next:first-child,
.pswp__top-bar .pswp__button_items .pswp__button_prev:first-child {
    margin-left: 0
}

.pswp__top-bar .pswp__button_items .pswp__button_refresh {
    width: auto;
    padding: 10px 19px;
    margin-right: 20px;
    box-sizing: border-box;
    color: #c6cad0;
    font-size: 16px;
    font-weight: 400
}

.pswp__top-bar .pswp__button_items .pswp__button_refresh:hover {
    color: #e4e8ee
}

.pswp__top-bar .pswp__button_items .pswp__button_refresh:active {
    color: #c6cad0
}

.pswp__top-bar .pswp__button_items .pswp__button_refresh .icon_refresh_pswp {
    margin-right: 8px;
    position: static;
    transform: translate(0, 0)
}

.pswp__top-bar>* {
    pointer-events: auto;
    will-change: opacity
}

.pswp__button--close {
    margin-right: 6px
}

.pswp__button--arrow {
    position: absolute;
    top: 0;
    width: 75px;
    height: 100px;
    top: 50%;
    margin-top: -50px
}

.pswp__button--arrow:disabled {
    display: none;
    cursor: default
}

.pswp__button--arrow .pswp__icn {
    top: 50%;
    margin-top: -30px;
    width: 60px;
    height: 60px;
    background: 0 0;
    border-radius: 0
}

.pswp--one-slide .pswp__button--arrow {
    display: none
}

.pswp--touch .pswp__button--arrow {
    visibility: hidden
}

.pswp--has_mouse .pswp__button--arrow {
    visibility: visible
}

.pswp__button--arrow--prev {
    right: auto;
    left: 0
}

.pswp__button--arrow--next {
    right: 0
}

.pswp__button--arrow--next .pswp__icn {
    left: auto;
    right: 14px;
    transform: scale(-1, 1)
}

.pswp__button--zoom {
    display: none
}

.pswp--zoom-allowed .pswp__button--zoom {
    display: block
}

.pswp--zoomed-in .pswp__zoom-icn-bar-v {
    display: none
}

.pswp__preloader {
    position: absolute;
    overflow: hidden;
    width: 50px;
    height: 60px;
    margin-right: auto
}

.pswp__preloader .pswp__icn {
    opacity: 0;
    transition: opacity .2s linear;
    animation: pswp-clockwise .6s linear infinite
}

.pswp__preloader--active .pswp__icn {
    opacity: .85
}

@keyframes pswp-clockwise {
    0% {
        transform: rotate(0)
    }

    100% {
        transform: rotate(360deg)
    }
}

.pswp__counter {
    height: 30px;
    margin-top: 15px;
    margin-inline-start: 20px;
    font-size: 14px;
    line-height: 30px;
    color: var(--pswp-icon-color);
    text-shadow: 1px 1px 3px var(--pswp-icon-color-secondary);
    opacity: .85
}

.pswp--one-slide .pswp__counter {
    display: none
}

.api {
    box-sizing: border-box;
    width: 1024px;
    height: 100%;
    padding: 20px;
    padding-top: 30px;
    margin: 0 auto;
    margin-bottom: 130px;
    background: #fff
}

.api * {
    box-sizing: border-box
}

.api .popup {
    box-sizing: unset
}

.api-banner {
    height: auto;
    display: flex;
    flex-direction: column;
    row-gap: 40px;
    align-items: center
}

.api-banner .api-banner-content {
    width: 100%;
    height: 466px;
    display: flex;
    overflow: hidden;
    justify-content: center;
    padding: 0 40px;
    gap: 40px
}

.api-banner .api-banner-content .api-return {
    width: 80px;
    height: 40px
}

.api-banner .api-banner-content .banner-card {
    transition: cubic-bezier(.34, 1.26, .64, 1) .4s;
    width: 100%;
    min-width: 288px;
    max-width: 320px;
    height: 100%;
    border-radius: 2px;
    background-color: #F6F6F6;
    border: 1px solid rgba(233, 233, 233, .5)
}

.api-banner .api-banner-content .banner-card:nth-of-type(2) {
    z-index: 3
}

.api-banner .api-banner-content .banner-card:nth-of-type(3) {
    z-index: 2
}

.api-banner .api-banner-content .banner-card:last-of-type {
    z-index: 1
}

.api-banner .api-banner-content .banner-card .banner-header {
    width: 100%;
    height: 192px;
    padding: 16px;
    display: flex;
    row-gap: 4px;
    flex-wrap: wrap;
    justify-content: space-between;
    align-content: flex-start;
    background-size: cover;
    background-position: -1px -1px;
    background-repeat: no-repeat
}

.api-banner .api-banner-content .banner-card .banner-header .c_Yellow {
    height: 24px;
    display: flex;
    align-items: center
}

.api-banner .api-banner-content .banner-card .banner-header .header-title {
    width: auto;
    font-weight: 700;
    font-size: 18px;
    color: #515151;
    display: flex;
    align-items: center;
    gap: 6px;
    height: 21px;
    width: 100%
}

.api-banner .api-banner-content .banner-card .banner-header .header-title .title-right {
    margin-left: auto
}

.api-banner .api-banner-content .banner-card .banner-header .header-tag {
    width: 40px;
    height: 20px;
    background-image: url(../images/api/api_beta.png);
    background-size: cover;
    background-repeat: no-repeat
}

.api-banner .api-banner-content .banner-card .api-banner-footer {
    width: 100%;
    height: 88px;
    padding: 0 16px;
    padding-bottom: 0
}

.api-banner .api-banner-content .banner-card .api-banner-footer .footer-price {
    display: flex;
    align-items: center;
    height: 38px;
    font-size: 12px;
    gap: 4px
}

.api-banner .api-banner-content .banner-card .api-banner-footer .footer-price .c_Yellow {
    font-size: 26px
}

.api-banner .api-banner-content .banner-card .api-banner-footer .footer-price span {
    margin-top: 6px
}

.api-banner .api-banner-content .banner-card .api-banner-footer .footer-btn {
    display: flex;
    justify-content: space-between;
    margin-top: 8px;
    gap: 8px
}

.api-banner .api-banner-content .banner-card .api-banner-footer .footer-btn .i_Btn {
    width: 100%;
    max-width: 168px;
    height: 42px;
    padding: 0;
    display: flex !important;
    align-items: center;
    justify-content: center;
    font-size: 16px
}

.api-banner .api-banner-content .banner-card .api-banner-footer .footer-btn .i_Btn_sub {
    max-width: 120px
}

.api-banner .api-banner-content .banner-card .banner-desc {
    width: 100%;
    height: 144px;
    padding: 4px 16px;
    margin-top: 16px;
    margin-bottom: 10px;
    display: flex;
    flex-direction: column;
    row-gap: 8px
}

.api-banner .api-banner-content .banner-card .banner-desc .desc-text {
    width: 100%;
    display: flex;
    gap: 6px;
    min-height: 22px
}

.api-banner .api-banner-content .banner-card .banner-desc .desc-text span {
    line-height: 20px;
    max-width: 266px
}

.api-banner .api-banner-content .banner-card .banner-desc .desc-text .icon2x {
    margin-top: 2px
}

.api-banner .api-banner-content .banner-card .footer-price,
.api-banner .api-banner-content .banner-card .header-title {
    opacity: 1;
    transition: height opacity 0s;
    transition-delay: .4s
}

.api-banner .api-banner-content .dilatation-card .banner-header,
.api-banner .api-banner-content .firm-card .banner-header {
    background-image: url(../images/api/karambit_gradient.png)
}

.api-banner .api-banner-content .api-card .banner-header {
    background-image: url(../images/api/ak47_gradient.png)
}

.api-banner .api-banner-content .api-return {
    position: absolute;
    display: flex;
    left: 0;
    opacity: 0;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    line-height: 100%;
    cursor: pointer;
    gap: 8px;
    color: #515151;
    background-color: #F9F9F9;
    border: 1px solid rgba(233, 233, 233, .5)
}

.api-banner .api-banner-content .api-return:hover {
    color: #959595;
    background-color: #F0F0F0
}

.api-banner .api-banner-content .api-return:hover .icon_return {
    background-image: url(../images/2x/icon_return_dark_hover.png)
}

.api-banner .api-banner-content .api-return:active {
    color: #333;
    background-color: #EBEBEB
}

.api-banner .api-banner-content .api-return:active .icon_return {
    background-image: url(../images/2x/icon_return_dark_pressed.png)
}

.api-banner.open .api-banner-content {
    position: relative
}

.api-banner.open .api-banner-content .banner-card {
    position: absolute
}

.api-banner.open .api-banner-content .banner-card.api-card {
    background-image: url(../images/api/ak47_gradient.png)
}

.api-banner.open .api-banner-content .banner-card.firm-card {
    background-image: url(../images/api/karambit_gradient.png)
}

.api-banner.open .api-banner-content .banner-card:nth-of-type(2) {
    left: 332px;
    box-shadow: 4px 0 4px 0 rgba(0, 0, 0, .08)
}

.api-banner.open .api-banner-content .banner-card:nth-of-type(2).api-card {
    background-image: none
}

.api-banner.open .api-banner-content .banner-card:nth-of-type(2).firm-card {
    background-image: none
}

.api-banner.open .api-banner-content .banner-card:nth-of-type(3) {
    width: 240px;
    min-width: 240px;
    opacity: .5;
    top: -4px;
    left: calc(50% + 20px);
    transform: rotateZ(2deg);
    transform-origin: left bottom;
    background-size: 316px 192px;
    background-position: top center;
    background-repeat: no-repeat;
    cursor: pointer
}

.api-banner.open .api-banner-content .banner-card:nth-of-type(3) .banner-desc,
.api-banner.open .api-banner-content .banner-card:nth-of-type(3) .banner-header,
.api-banner.open .api-banner-content .banner-card:nth-of-type(3) .footer-price,
.api-banner.open .api-banner-content .banner-card:nth-of-type(3) .header-title {
    opacity: 0
}

.api-banner.open .api-banner-content .banner-card:nth-of-type(3) .footer-btn {
    justify-content: end
}

.api-banner.open .api-banner-content .banner-card:nth-of-type(3) .footer-btn .i_Btn {
    width: 88px
}

.api-banner.open .api-banner-content .banner-card:nth-of-type(3):hover {
    transition: .4s;
    opacity: 1
}

.api-banner.open .api-banner-content .banner-card:nth-of-type(3):hover .footer-btn .i_Btn_yellow:hover {
    background-color: #e1ab60
}

.api-banner.open .api-banner-content .banner-card:nth-of-type(4) {
    right: 332px;
    opacity: 0
}

.api-banner.open.upgrade .api-banner-content .banner-card:nth-of-type(2):has(~.banner-card:hover) .banner-desc .desc-text.promotion .icon2x {
    background-image: url(../images/2x/icon_promotion.png)
}

.api-banner.open.upgrade .api-banner-content .banner-card:nth-of-type(2):has(~.banner-card:hover) .banner-desc .desc-text.promotion .icon2x~span {
    border-bottom: 2.5px solid;
    border-image: linear-gradient(90deg, rgba(255, 202, 128, 0) 0, rgba(255, 202, 128, 0) 0, #ffca80 39.85%, #ffca80 100%);
    border-image-slice: 1;
    position: relative
}

.api-banner.open.upgrade .api-banner-content .banner-card:nth-of-type(2):has(~.banner-card:hover) .banner-desc .desc-text.promotion .icon2x~span::after {
    position: absolute;
    right: -14px;
    top: 2px;
    content: "";
    width: 20px;
    height: 20px;
    background-image: url(../images/2x/icon2x_frame.png);
    background-size: cover;
    background-repeat: no-repeat
}

.api-banner.open.upgrade .api-banner-content .banner-card:nth-of-type(3)::after {
    content: "";
    opacity: 0;
    width: 128px;
    height: 100px;
    position: absolute;
    transition: .4s;
    bottom: 58px;
    right: 34px;
    background-image: url(../images/api/lift_up.png);
    background-size: cover;
    background-repeat: no-repeat
}

.api-banner.open.upgrade .api-banner-content .banner-card:nth-of-type(3):hover::after {
    opacity: 1
}

.api-banner.active .api-banner-content {
    position: relative;
    overflow-x: scroll
}

.api-banner.active .api-banner-content .api-return {
    opacity: 1
}

.api-banner.active .api-banner-content .banner-card {
    position: absolute
}

.api-banner.active .api-banner-content .banner-card:last-child {
    opacity: 1
}

.api-banner.active .api-banner-content .banner-card .api-banner-footer .footer-btn .i_Btn_yellow {
    max-width: 100%
}

.api-mask {
    width: 100%;
    position: relative
}

.api-mask::after {
    content: " ";
    width: 40px;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 9;
    background: linear-gradient(270deg, #fff 32%, #fff 40%, rgba(255, 255, 255, 0) 100%)
}

.api-header {
    margin-bottom: 20px;
    font-size: 14px;
    line-height: 18px;
    font-weight: 700
}

.api-faq {
    margin-top: 40px;
    font-size: 14px;
    line-height: 16px;
    color: #515151
}

.api-faq-question {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 16px;
    background: #f5f5f5
}

.api-faq-question.j_collapse_handler {
    cursor: pointer
}

.api-faq-question.j_collapse_handler:hover {
    background: #ebebeb
}

.api-faq-question.j_collapse_handler:active {
    background: #f0f0f0
}

.api-faq-answer {
    width: 100%;
    padding: 16px;
    line-height: 22px
}

.api-faq-answer.tr_order_collapse {
    display: none
}

.api-set {
    display: flex;
    gap: 20px;
    font-size: 14px;
    color: #959595;
    border-bottom: 1px solid rgba(233, 233, 233, .5)
}

.api-set>div {
    display: flex;
    align-items: center;
    height: 60px;
    padding: 0 16px
}

.api-set .i_Text {
    height: 38px
}

.api-set .i_Btn,
.api-set .w-Checkbox {
    margin-left: auto
}

.api-set-left {
    width: 256px
}

.api-set-right {
    flex: 1;
    gap: 16px
}

.api-set-right .i_Input--toggle {
    flex: 1
}

.api-ip {
    margin-top: 20px;
    font-size: 12px;
    color: #959595
}

.api-ip h3 {
    font-size: 14px;
    display: flex;
    align-items: center;
    height: 60px;
    padding: 0 16px
}

.api-ip h3 .i_Btn {
    margin-left: auto
}

.api-ip h3 .icon2x {
    margin-left: 10px
}

.api-ip table {
    border-top: 1px solid rgba(233, 233, 233, .5)
}

.api-ip table tr {
    height: 60px;
    border-bottom: 1px solid rgba(233, 233, 233, .5)
}

.api-ip table th {
    font-weight: 400;
    font-size: 12px
}

.api-ip table td {
    color: #515151;
    font-size: 14px
}

.api-banner-notice {
    width: 100%;
    padding: 16px;
    background: linear-gradient(90deg, #fafafa 0, #fafafa 70.32%, rgba(250, 250, 250, .7) 90.33%, rgba(250, 250, 250, 0) 100%), center/contain url(../images/api/api_notice_bg.png) no-repeat
}

.api-banner-notice .content {
    margin-top: 8px;
    white-space: wrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    -webkit-box-orient: vertical
}

.api-report {
    width: 100%;
    height: 62px;
    font-size: 14px;
    padding: 0 16px;
    display: flex;
    align-items: center;
    color: #515151;
    justify-content: space-between;
    border: 1px solid rgba(233, 233, 233, .5);
    background: right center/contain url(../images/api/api_smile.png) no-repeat, linear-gradient(90deg, #fafafa 0, #fafafa 70.32%, rgba(250, 250, 250, .7) 90.33%, rgba(250, 250, 250, 0) 100%), right center/contain url(../images/api/api_report_bg.png) no-repeat
}

.api-ip-tips {
    padding: 0 16px;
    height: 32px;
    display: flex;
    align-items: center
}

.api-doc {
    width: 1064px;
    height: 100%;
    padding: 20px;
    box-sizing: border-box;
    margin: 0 auto;
    background: #fff
}

.api-doc-wrapper {
    background: #fafafa
}

.api-doc-wrapper .tab {
    margin-bottom: 1em
}

.api-doc-wrapper .tabitem {
    border-right: none;
    width: auto;
    height: auto;
    padding-right: 0 !important;
    margin-right: 10px;
    line-height: 10px;
    overflow: visible
}

.api-doc-wrapper .tabitem::after {
    right: -10px !important
}

.api-doc-wrapper .tabitem:last-of-type {
    margin-right: 0
}

.api-doc-wrapper .tabitem .tablinks {
    width: 100%
}

.api-doc-wrapper .renderedMarkdown ol,
.api-doc-wrapper .renderedMarkdown ul {
    list-style: revert;
    padding: revert
}

.api-doc-wrapper .renderedMarkdown ol {
    padding-left: 80px
}

.api-notice {
    box-sizing: border-box;
    padding: 12px 16px;
    width: 100%;
    line-height: 25px;
    background: linear-gradient(90deg, #f0f0f0 0, #f0f0f0 70.32%, rgba(240, 240, 240, .7) 90.33%, rgba(255, 255, 255, 0) 100%), right center/cover url(../images/api/api_notice_bg_large.png) no-repeat
}

.api-notice a {
    color: #4773c8
}

.api-notice a:hover {
    color: #567fcd
}

.api-notice a:active {
    color: #3c61a8
}

.switcher span {
    font-size: 14px;
    font-weight: 700;
    padding: 0
}

.legend {
    display: flex;
    gap: 4px;
    justify-content: center;
    align-items: center
}

.legend .legend-item {
    width: auto;
    height: 24px;
    text-align: center;
    padding: 5px 8px;
    box-sizing: border-box;
    font-size: 14px;
    background-color: #F5F5F5;
    color: #515151;
    cursor: pointer;
    border-radius: 2px
}

.legend .legend-item::before {
    content: "";
    display: inline-block;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    margin-right: 4px;
    margin-bottom: 1px
}

.legend .legend-item:hover {
    background-color: #F0F0F0
}

.legend .legend-item:active {
    background-color: #F5F5F5;
    color: #959595
}

.legend .legend-item.not-selected {
    background-color: transparent;
    color: silver
}

.legend .legend-item.not-selected::before {
    background-color: silver !important
}

.legend .legend-item.not-selected:hover {
    background-color: #F0F0F0
}

.legend .legend-item.not-selected:active {
    color: silver
}

.legend .legend-item.on-sale-min::before {
    background-color: #4963E2
}

.legend .legend-item.deal-record::before {
    background-color: #DBDB1A
}

.legend .legend-item.on-sale-count::before {
    background-color: #F38030
}

.legend .legend-item.to-buy-max::before {
    background-color: #BA6DE9
}

.legend .legend-item.rent::before {
    background-color: #00DBA2
}

.legend .legend-item.on-rent-count::before {
    background-color: #00DEDD
}

.legend .legend-item.to-buy-discount::before {
    background-color: #DB0016
}

.legend .legend-item.trade-points::before {
    background-color: #EEA20E
}

.legend .legend-item.existence-quantity::before {
    background-color: #0FDE0B
}

.popup_sticker_detail {
    padding: 0;
    overflow: visible;
    background: #1C202B;
    border: 1px solid #3F4347;
    border-radius: 0
}

.popup_sticker_detail .popup-cont {
    display: flex;
    flex-direction: row;
    height: 100%;
    padding: 0
}

.popup_sticker_detail .sticker-detail-actions {
    position: absolute;
    top: 0;
    right: -56px;
    display: flex;
    flex-direction: column;
    gap: 16px
}

.popup_sticker_detail .sticker-detail-actions .sticker-detail-action {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    background: #2A2B30;
    border-radius: 4px;
    color: #c6cad0;
    transition: background .15s
}

.popup_sticker_detail .sticker-detail-actions .sticker-detail-action .icon2x {
    width: 24px !important;
    height: 24px !important
}

.popup_sticker_detail .sticker-detail-actions .sticker-detail-action:active {
    background: rgba(17, 20, 25, .9)
}

.popup_sticker_detail .sticker-detail-actions .sticker-detail-action .icon_copy_action {
    display: inline-block;
    width: 24px;
    height: 24px;
    background-image: url(../images/2x/icon_copy_action_normal.svg);
    background-size: 24px 24px
}

.popup_sticker_detail .sticker-detail-actions .sticker-detail-action:hover .icon_copy_action {
    background-image: url(../images/2x/icon_copy_action_hover.svg)
}

.popup_sticker_detail .sticker-detail-actions .sticker-detail-action:active .icon_copy_action {
    background-image: url(../images/2x/icon_copy_action_pressed.svg)
}

.popup_sticker_detail .popup-sticker-left {
    flex: 0 0 952px;
    width: 952px;
    height: 720px;
    position: relative;
    background: #1C202B;
    overflow: visible
}

.popup_sticker_detail .popup-sticker-left .sticker-popup-toolbar {
    position: absolute;
    top: 16px;
    left: 16px;
    right: 0;
    min-height: 48px;
    border: 1px solid #3F4347;
    border-bottom: none;
    background: rgba(0, 0, 0, .4);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    z-index: 10;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 16px;
    box-sizing: border-box
}

.popup_sticker_detail .popup-sticker-left .sticker-popup-toolbar .toolbar-left {
    display: flex;
    align-items: center;
    gap: 24px;
    margin-right: 24px
}

.popup_sticker_detail .popup-sticker-left .sticker-popup-toolbar .toolbar-left .toolbar-title {
    font-size: 14px;
    color: #c6cad0;
    white-space: nowrap
}

.popup_sticker_detail .popup-sticker-left .sticker-popup-toolbar .toolbar-left .toolbar-note {
    font-size: 12px;
    color: #90969c;
    white-space: normal;
    max-width: 800px
}

.popup_sticker_detail .popup-sticker-left .sticker-popup-toolbar .toolbar-left .toolbar-note a {
    color: #4773c8
}

.popup_sticker_detail .popup-sticker-left .sticker-popup-toolbar .toolbar-right {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-shrink: 0
}

.popup_sticker_detail .popup-sticker-left .sticker-popup-toolbar .toolbar-right .toolbar-inspect-btn {
    display: flex;
    align-items: center;
    gap: 4px;
    font-size: 16px;
    color: #c6cad0;
    background: #2d2f3e;
    border: 1px solid #3F4347;
    padding: 0 12px;
    height: 32px;
    border-radius: 0;
    cursor: pointer
}

.popup_sticker_detail .popup-sticker-left .sticker-popup-toolbar .toolbar-right .toolbar-inspect-btn .icon_custom_view_inspect {
    background-image: url(../images/custom_inspect/icon_customview_inspect_3D.svg)
}

.popup_sticker_detail .popup-sticker-left .sticker-popup-toolbar .toolbar-right .toolbar-inspect-btn:hover {
    color: #dee1e6;
    background: #3A455A
}

.popup_sticker_detail .popup-sticker-left .sticker-popup-toolbar .toolbar-right .toolbar-inspect-btn:hover .icon_custom_view_inspect {
    background-image: url(../images/custom_inspect/icon_customview_inspect_3D_hover.svg)
}

.popup_sticker_detail .popup-sticker-left .sticker-popup-toolbar .toolbar-right .switch-wrapper {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 16px;
    color: #c6cad0
}

.popup_sticker_detail .popup-sticker-left .sticker-popup-toolbar .toolbar-right .switch-wrapper.vip>span:first-child {
    color: #e1ab60
}

.popup_sticker_detail .popup-sticker-left .custom-inspect-content-image-3D {
    position: absolute;
    top: 16px;
    left: 16px;
    right: 0;
    bottom: 177px;
    background: #2D2F3E;
    border: 1px solid #3F4347;
    box-sizing: border-box
}

.popup_sticker_detail .popup-sticker-left .inspect-spread {
    position: absolute;
    left: 27px;
    bottom: 188px;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #2A2B30;
    border-radius: 4px;
    cursor: pointer;
    z-index: 10
}

.popup_sticker_detail .popup-sticker-left .inspect-spread:active {
    background: rgba(17, 20, 25, .9)
}

.popup_sticker_detail .popup-sticker-left .inspect-spread .icon_spread {
    width: 24px !important;
    height: 24px !important;
    background-image: url(../images/2x/icon_spread_dark_normal.svg) !important;
    background-size: contain !important
}

.popup_sticker_detail .popup-sticker-left .inspect-spread:hover .icon_spread {
    background-image: url(../images/2x/icon_spread_hover.svg) !important
}

.popup_sticker_detail .popup-sticker-left .inspect-spread:active .icon_spread {
    background-image: url(../images/2x/icon_spread_pressed.svg) !important
}

.popup_sticker_detail .popup-sticker-left .inspect-like-fav {
    position: absolute;
    right: 11px;
    bottom: 188px;
    display: flex;
    align-items: center;
    gap: 8px;
    z-index: 10
}

.popup_sticker_detail .popup-sticker-left .inspect-like-fav .inspect-fav-btn,
.popup_sticker_detail .popup-sticker-left .inspect-like-fav .inspect-like-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 40px;
    box-sizing: border-box;
    background: rgba(0, 0, 0, .4);
    border-radius: 4px;
    cursor: pointer
}

.popup_sticker_detail .popup-sticker-left .inspect-like-fav .inspect-like-btn {
    padding: 0 8px;
    gap: 4px
}

.popup_sticker_detail .popup-sticker-left .inspect-like-fav .inspect-fav-btn {
    width: 40px
}

.popup_sticker_detail .popup-sticker-left .inspect-like-fav .icon_like {
    display: inline-block;
    width: 24px;
    height: 24px;
    background: center/21px 21px no-repeat url(../images/2x/icon_16_like_dark_normal.svg)
}

.popup_sticker_detail .popup-sticker-left .inspect-like-fav .like-count {
    font-size: 16px;
    line-height: 1;
    color: #c6cad0
}

.popup_sticker_detail .popup-sticker-left .inspect-like-fav .inspect-like-btn:hover .icon_like {
    background-image: url(../images/2x/icon_16_like_dark_hover.svg)
}

.popup_sticker_detail .popup-sticker-left .inspect-like-fav .inspect-like-btn:hover .like-count {
    color: #dee1e6
}

.popup_sticker_detail .popup-sticker-left .inspect-like-fav .inspect-like-btn:active .icon_like {
    background-image: url(../images/2x/icon_16_like_dark_pressed.svg)
}

.popup_sticker_detail .popup-sticker-left .inspect-like-fav .inspect-like-btn:active .like-count {
    color: #90969c
}

.popup_sticker_detail .popup-sticker-left .inspect-like-fav .inspect-like-btn.on .icon_like {
    background-image: url(../images/2x/icon_16_like_light_on.svg)
}

.popup_sticker_detail .popup-sticker-left .inspect-like-fav .inspect-like-btn.on .like-count {
    color: #eea20e
}

.popup_sticker_detail .popup-sticker-left .inspect-like-fav .inspect-like-btn.on:hover .icon_like {
    background-image: url(../images/2x/icon_16_like_light_on_hover.svg)
}

.popup_sticker_detail .popup-sticker-left .inspect-like-fav .inspect-like-btn.on:hover .like-count {
    color: #ffbd3d
}

.popup_sticker_detail .popup-sticker-left .inspect-like-fav .inspect-like-btn.on:active .icon_like {
    background-image: url(../images/2x/icon_16_like_light_on_pressed.svg)
}

.popup_sticker_detail .popup-sticker-left .inspect-like-fav .inspect-like-btn.on:active .like-count {
    color: #cd931d
}

.popup_sticker_detail .popup-sticker-left .inspect-like-fav .inspect-fav-btn .icon_collect {
    width: 24px;
    height: 24px;
    background: center no-repeat url(../images/2x/pattern_uncollected_feature.svg);
    background-size: 21px 21px !important
}

.popup_sticker_detail .popup-sticker-left .inspect-like-fav .inspect-fav-btn:hover .icon_collect {
    background-image: url(../images/2x/pattern_uncollected_hover_feature.svg)
}

.popup_sticker_detail .popup-sticker-left .inspect-like-fav .inspect-fav-btn:active .icon_collect {
    background-image: url(../images/2x/pattern_uncollected_pressed_feature.svg)
}

.popup_sticker_detail .popup-sticker-left .inspect-like-fav .inspect-fav-btn.on .icon_collect {
    background-image: url(../images/2x/pattern_collected.svg)
}

.popup_sticker_detail .popup-sticker-left .inspect-like-fav .inspect-fav-btn.on:hover .icon_collect {
    background-image: url(../images/2x/pattern_collected_hover.svg)
}

.popup_sticker_detail .popup-sticker-left .inspect-like-fav .inspect-fav-btn.on:active .icon_collect {
    background-image: url(../images/2x/pattern_collected_pressed.svg)
}

.popup_sticker_detail .popup-sticker-right {
    flex: 0 0 328px;
    width: 328px;
    height: 720px;
    overflow-y: auto;
    padding: 24px 24px 0 24px;
    box-sizing: border-box;
    background: #1C202B
}

.popup_sticker_detail .popup-sticker-right::-webkit-scrollbar {
    width: 5px;
    height: 0;
    background: 0 0
}

.popup_sticker_detail .popup-sticker-right::-webkit-scrollbar-track {
    background: 0 0
}

.popup_sticker_detail .popup-sticker-right::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: #2E3135
}

.popup_sticker_detail .sticker-detail-slots {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 177px;
    display: flex;
    gap: 8px;
    padding: 16px 0 16px 16px;
    box-sizing: border-box;
    background: #1C202B;
    z-index: 5
}

.popup_sticker_detail .slot-tip {
    position: absolute;
    bottom: 161px;
    width: auto;
    width: -webkit-max-content;
    width: max-content;
    max-width: 224px;
    padding: 8px 12px 8px 8px;
    background: rgba(17, 20, 25, .9);
    border-radius: 4px;
    box-sizing: border-box;
    transform: translateX(-50%);
    display: none;
    z-index: 30;
    pointer-events: auto;
    user-select: text
}

.popup_sticker_detail .slot-tip .slot-tip-name {
    font-size: 12px;
    line-height: normal;
    color: #90969c;
    word-break: break-word;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden
}

.popup_sticker_detail .slot-tip .slot-tip-wear {
    margin-top: 4px;
    font-size: 12px;
    line-height: normal;
    color: #fff;
    text-align: left
}

.popup_sticker_detail .slot-tip::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -7px;
    width: 0;
    height: 0;
    border: 7px solid transparent;
    border-top: 8px solid rgba(17, 20, 25, .9);
    border-bottom: none
}

.popup_sticker_detail .slot-tip.on {
    display: block
}

.popup_sticker_detail .sticker-detail-slot {
    flex: 0 0 126.86px;
    width: 126.86px;
    height: 145px;
    background: #2d2f3e;
    border: 1px solid #3f4347;
    position: relative;
    overflow: hidden;
    padding: 6px 8px 0;
    box-sizing: border-box;
    cursor: pointer;
    transition: background-color .15s, border-color .15s
}

.popup_sticker_detail .sticker-detail-slot .slot-go-market {
    position: absolute;
    left: -1px;
    right: -1px;
    bottom: 23px;
    height: 18px;
    display: none;
    align-items: center;
    justify-content: center;
    gap: 2px;
    background: #45536c;
    font-size: 12px;
    color: #fff
}

.popup_sticker_detail .sticker-detail-slot .slot-go-market .icon_arr_right {
    width: 4px;
    height: 4px;
    border-color: #fff;
    margin: -2px 0 0 2px
}

.popup_sticker_detail .sticker-detail-slot .slot-go-market:hover {
    background: #536380
}

.popup_sticker_detail .sticker-detail-slot .slot-go-market:active {
    background: #3a465b
}

.popup_sticker_detail .sticker-detail-slot:hover {
    background: #3a455a
}

.popup_sticker_detail .sticker-detail-slot:hover .slot-go-market {
    display: flex
}

.popup_sticker_detail .sticker-detail-slot.pressed,
.popup_sticker_detail .sticker-detail-slot:active {
    background: #353748
}

.popup_sticker_detail .sticker-detail-slot.pressed .slot-go-market,
.popup_sticker_detail .sticker-detail-slot:active .slot-go-market {
    display: flex
}

.popup_sticker_detail .sticker-detail-slot.selected {
    border-color: #eea20e
}

.popup_sticker_detail .sticker-detail-slot .slot-label-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 14px;
    color: #C6CAD0
}

.popup_sticker_detail .sticker-detail-slot .slot-label-row .slot-badge {
    background: rgba(0, 0, 0, .4);
    border-radius: 1px;
    height: 18px;
    line-height: 18px;
    padding: 0 4px;
    font-size: 12px;
    color: #90969C;
    position: relative;
    top: -2px
}

.popup_sticker_detail .sticker-detail-slot .slot-img {
    position: absolute;
    left: 50%;
    top: 25px;
    transform: translateX(-50%);
    width: 96px;
    height: 96px
}

.popup_sticker_detail .sticker-detail-slot .slot-img img {
    width: 96px;
    height: 96px;
    object-fit: contain
}

.popup_sticker_detail .sticker-detail-slot .slot-price {
    position: absolute;
    bottom: -1px;
    left: -1px;
    right: -1px;
    height: 24px;
    background: rgba(0, 0, 0, .4);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    font-weight: 700;
    color: #eea20e
}

.popup_sticker_detail .sticker-reply-input {
    display: none;
    margin-top: 8px;
    padding: 12px 0 12px 12px;
    overflow: hidden;
    background: #3D4050;
    border: 1px solid #3c61a8;
    border-radius: 2px;
    box-sizing: border-box
}

.popup_sticker_detail .sticker-reply-input.on {
    display: block
}

.popup_sticker_detail .sticker-reply-input .reply-input-header {
    font-size: 14px;
    line-height: 1;
    color: #c6cad0;
    margin-bottom: 4px;
    padding-right: 12px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.popup_sticker_detail .sticker-reply-input .reply-input-header .reply-target {
    color: #fff
}

.popup_sticker_detail .sticker-reply-input textarea.i_Text {
    display: block;
    width: 100%;
    box-sizing: border-box;
    background: 0 0;
    border: none;
    padding: 0 12px 0 0;
    margin: 0;
    min-height: 22px;
    max-height: 110px;
    line-height: 22px;
    color: #dee1e6;
    font-size: 14px;
    font-family: inherit;
    resize: none;
    overflow-y: auto;
    outline: 0;
    word-break: break-word;
    white-space: pre-wrap
}

.popup_sticker_detail .sticker-reply-input textarea.i_Text::placeholder {
    color: #90969c
}

.popup_sticker_detail .sticker-reply-input textarea.i_Text:focus {
    outline: 0;
    box-shadow: none
}

.popup_sticker_detail .sticker-reply-input textarea.i_Text::-webkit-scrollbar {
    width: 2px
}

.popup_sticker_detail .sticker-reply-input textarea.i_Text::-webkit-scrollbar-track {
    background: #3D4050
}

.popup_sticker_detail .sticker-reply-input textarea.i_Text::-webkit-scrollbar-thumb {
    background: rgba(255, 255, 255, .2);
    border-radius: 0
}

.popup_sticker_detail .sticker-reply-input .sticker-reply-btns {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
    margin-top: 12px;
    padding-right: 12px
}

.popup_sticker_detail .i_Btn_greyblue {
    background: #45536C;
    color: #dee1e6
}

.popup_sticker_detail .i_Btn_greyblue:hover {
    background: #4f5f7c
}

.popup_sticker_detail .i_Btn_greyblue:active {
    background: #3b475c
}

.popup_sticker_detail .j_comment-more-btn,
.popup_sticker_detail .popup-author-row .author-right .author-action.c_Gray {
    position: relative;
    display: inline-block;
    width: 16px;
    height: 16px;
    font-size: 0;
    color: #90969c;
    cursor: pointer;
    flex-shrink: 0
}

.popup_sticker_detail .j_comment-more-btn::before,
.popup_sticker_detail .popup-author-row .author-right .author-action.c_Gray::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 2px;
    height: 2px;
    margin: -1px 0 0 -1px;
    border-radius: 50%;
    background: currentColor;
    box-shadow: -5px 0 0 currentColor, 5px 0 0 currentColor
}

.popup_sticker_detail .j_comment-more-btn:hover,
.popup_sticker_detail .popup-author-row .author-right .author-action.c_Gray:hover {
    color: #dee1e6
}

.popup_sticker_detail .j_comment-more-btn:active,
.popup_sticker_detail .popup-author-row .author-right .author-action.c_Gray:active {
    color: #515151
}

.popup_sticker_detail .sticker-comment-drop {
    display: none;
    position: absolute;
    top: 20px;
    right: 0;
    width: 80px;
    background: #2D2F3E;
    z-index: 20;
    overflow: hidden
}

.popup_sticker_detail .sticker-comment-drop.on {
    display: block
}

.popup_sticker_detail .sticker-comment-drop .drop-item {
    height: 32px;
    line-height: 32px;
    padding: 0 10px;
    font-size: 12px;
    cursor: pointer;
    text-align: center;
    border-bottom: 1px solid #2C2F38
}

.popup_sticker_detail .sticker-comment-drop .drop-item:last-child {
    border-bottom: none
}

.popup_sticker_detail .sticker-comment-drop .drop-item:hover {
    background: #353748
}

.popup_sticker_detail .sticker-comment-drop .drop-item:active {
    background: #1C202B
}

.popup_sticker_detail .sticker-comment-drop .drop-item.drop-item--normal {
    color: #C6CAD0
}

.popup_sticker_detail .sticker-comment-drop .drop-item.drop-item--danger {
    color: #dd2f0b
}

.popup_sticker_detail .popup-comment-list {
    padding-bottom: 16px
}

.popup_sticker_detail .popup-comment-list .sticker-comment-item {
    padding-top: 16px;
    position: relative;
    display: flex;
    align-items: flex-start;
    gap: 8px
}

.popup_sticker_detail .popup-comment-list .sticker-comment-item.comment-highlight {
    z-index: 0
}

.popup_sticker_detail .popup-comment-list .sticker-comment-item.comment-highlight::after {
    content: "";
    position: absolute;
    top: 8px;
    left: -12px;
    right: -17px;
    bottom: -8px;
    background: #2d2f3e;
    border-radius: 0;
    z-index: -1
}

.popup_sticker_detail .popup-comment-list .sticker-comment-item.has-replies::before {
    content: "";
    position: absolute;
    left: 11px;
    top: 46px;
    bottom: 7px;
    width: 13px;
    border-left: 1px solid rgba(255, 255, 255, .2);
    border-bottom: 1px solid rgba(255, 255, 255, .2);
    pointer-events: none;
    z-index: 0
}

.popup_sticker_detail .popup-comment-list .sticker-comment-item .comment-avatar {
    flex-shrink: 0;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    object-fit: cover;
    margin-top: -2px
}

.popup_sticker_detail .popup-comment-list .sticker-comment-item .vip-avatar-wrap {
    position: relative;
    display: block;
    width: 24px;
    height: 24px;
    flex-shrink: 0
}

.popup_sticker_detail .popup-comment-list .sticker-comment-item.vip .vip-avatar-wrap::after {
    content: '';
    position: absolute;
    right: 0;
    bottom: 0;
    width: 10px;
    height: 10px;
    background: center/contain url(../images/site/icon_VIP_bordered.png) no-repeat
}

.popup_sticker_detail .popup-comment-list .sticker-comment-item.vip .comment-user-info>span:first-child {
    color: #e1ab60
}

.popup_sticker_detail .popup-comment-list .sticker-comment-item .comment-body {
    flex: 1;
    min-width: 0
}

.popup_sticker_detail .popup-comment-list .sticker-comment-item .comment-user-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 4px
}

.popup_sticker_detail .popup-comment-list .sticker-comment-item .comment-user-row .comment-user-info {
    display: flex;
    align-items: center;
    gap: 4px;
    font-size: 14px;
    color: #c6cad0
}

.popup_sticker_detail .popup-comment-list .sticker-comment-item .comment-user-row .comment-user-info.vip>span:first-child {
    color: #e1ab60
}

.popup_sticker_detail .popup-comment-list .sticker-comment-item .comment-user-row .comment-more-wrap {
    position: relative
}

.popup_sticker_detail .popup-comment-list .sticker-comment-item .comment-text {
    font-size: 14px;
    color: #dee1e6;
    line-height: 22px;
    margin-top: 4px;
    margin-bottom: 4px;
    word-break: break-word
}

.popup_sticker_detail .popup-comment-list .sticker-comment-item .comment-meta {
    display: flex;
    gap: 4px;
    font-size: 12px;
    color: #90969c;
    margin-bottom: 12px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.popup_sticker_detail .popup-comment-list .sticker-comment-item .comment-actions {
    display: flex;
    align-items: center;
    gap: 12px;
    font-size: 12px;
    color: #90969c
}

.popup_sticker_detail .popup-comment-list .sticker-comment-item .comment-actions .comment-action {
    display: flex;
    align-items: center;
    gap: 4px;
    cursor: pointer;
    line-height: 1
}

.popup_sticker_detail .popup-comment-list .sticker-comment-item .comment-actions .comment-action .icon_comment,
.popup_sticker_detail .popup-comment-list .sticker-comment-item .comment-actions .comment-action .icon_good2 {
    display: block;
    flex-shrink: 0;
    width: 16px;
    height: 16px;
    background: no-repeat center/contain;
    vertical-align: middle
}

.popup_sticker_detail .popup-comment-list .sticker-comment-item .comment-actions .comment-action .icon_comment {
    background-image: url(../images/2x/icon_16_comment_dark_normal.svg)
}

.popup_sticker_detail .popup-comment-list .sticker-comment-item .comment-actions .comment-action .icon_good2 {
    background-image: url(../images/2x/icon_16_like_dark_normal.svg);
    background-size: 14px 14px;
    background-position: center 42%;
    margin-top: -2px
}

.popup_sticker_detail .popup-comment-list .sticker-comment-item .comment-actions .comment-action:hover {
    color: #dee1e6
}

.popup_sticker_detail .popup-comment-list .sticker-comment-item .comment-actions .comment-action:hover .icon_good2 {
    background-image: url(../images/2x/icon_16_like_dark_hover.svg)
}

.popup_sticker_detail .popup-comment-list .sticker-comment-item .comment-actions .comment-action:active {
    color: #515151
}

.popup_sticker_detail .popup-comment-list .sticker-comment-item .comment-actions .comment-action:active .icon_good2 {
    background-image: url(../images/2x/icon_16_like_dark_pressed.svg)
}

.popup_sticker_detail .popup-comment-list .sticker-comment-item .comment-actions .comment-action.on {
    color: #eea20e
}

.popup_sticker_detail .popup-comment-list .sticker-comment-item .comment-actions .comment-action.on .icon_good2 {
    background-image: url(../images/2x/icon_16_like_light_on.svg)
}

.popup_sticker_detail .popup-comment-list .sticker-comment-item .comment-actions .comment-action.on:hover {
    color: #ffbd3d
}

.popup_sticker_detail .popup-comment-list .sticker-comment-item .comment-actions .comment-action.on:hover .icon_good2 {
    background-image: url(../images/2x/icon_16_like_light_on_hover.svg)
}

.popup_sticker_detail .popup-comment-list .sticker-comment-item .comment-actions .comment-action.on:active {
    color: #cd931d
}

.popup_sticker_detail .popup-comment-list .sticker-comment-item .comment-actions .comment-action.on:active .icon_good2 {
    background-image: url(../images/2x/icon_16_like_light_on_pressed.svg)
}

.popup_sticker_detail .popup-comment-list .sticker-comment-item .comment-actions .comment-count {
    display: flex;
    align-items: center;
    gap: 4px;
    line-height: 1
}

.popup_sticker_detail .popup-comment-list .sticker-comment-item .comment-actions .comment-count .icon_comment {
    display: block;
    flex-shrink: 0;
    width: 16px;
    height: 16px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    background-image: url(../images/2x/icon_16_comment_dark_normal.svg)
}

.popup_sticker_detail .popup-comment-list .sticker-comment-item .comment-expand-reply {
    display: flex;
    align-items: center;
    gap: 4px;
    margin-top: 12px;
    font-size: 12px;
    color: #4D80E1;
    cursor: pointer
}

.popup_sticker_detail .popup-comment-list .sticker-comment-item .comment-expand-reply:hover {
    color: #6296FB
}

.popup_sticker_detail .popup-comment-list .sticker-comment-item .comment-expand-reply:hover .icon_expand_reply {
    background-image: url(../images/2x/icon_expand_reply_hover.svg) !important
}

.popup_sticker_detail .popup-comment-list .sticker-comment-item .comment-expand-reply:active {
    color: #3F5D97
}

.popup_sticker_detail .popup-comment-list .sticker-comment-item .comment-expand-reply:active .icon_expand_reply {
    background-image: url(../images/2x/icon_expand_reply_pressed.svg) !important
}

.popup_sticker_detail .popup-comment-list .sticker-comment-item .comment-expand-reply .icon_expand_reply {
    transition: transform .2s ease
}

.popup_sticker_detail .popup-comment-list .sticker-comment-item .comment-expand-reply.on .icon_expand_reply {
    transform: rotate(180deg)
}

.popup_sticker_detail .popup-comment-list .sticker-comment-item .comment-reply-list.expanded+.comment-expand-reply {
    margin-top: 4px
}

.popup_sticker_detail .popup-comment-list .sticker-comment-item .comment-reply-list {
    display: none;
    margin-top: 8px;
    padding-left: 0
}

.popup_sticker_detail .popup-comment-list .sticker-comment-item .comment-reply-list.expanded {
    display: block
}

.popup_sticker_detail .popup-comment-list .sticker-comment-item .comment-reply-list .reply-item {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    padding: 8px 0
}

.popup_sticker_detail .popup-comment-list .sticker-comment-item .comment-reply-list .reply-item .vip-avatar-wrap {
    position: relative;
    display: block;
    width: 20px;
    height: 20px;
    flex-shrink: 0
}

.popup_sticker_detail .popup-comment-list .sticker-comment-item .comment-reply-list .reply-item .vip-avatar-wrap {
    position: relative;
    display: block;
    width: 20px;
    height: 20px;
    flex-shrink: 0
}

.popup_sticker_detail .popup-comment-list .sticker-comment-item .comment-reply-list .reply-item .reply-avatar {
    flex-shrink: 0;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    object-fit: cover
}

.popup_sticker_detail .popup-comment-list .sticker-comment-item .comment-reply-list .reply-item .reply-body {
    flex: 1;
    min-width: 0;
    position: relative
}

.popup_sticker_detail .popup-comment-list .sticker-comment-item .comment-reply-list .reply-item .reply-user-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 2px
}

.popup_sticker_detail .popup-comment-list .sticker-comment-item .comment-reply-list .reply-item .reply-user-row .reply-user-info {
    display: flex;
    align-items: center;
    gap: 4px;
    font-size: 14px;
    color: #c6cad0
}

.popup_sticker_detail .popup-comment-list .sticker-comment-item .comment-reply-list .reply-item .reply-user-row .reply-user-info.vip>span:first-child {
    color: #e1ab60
}

.popup_sticker_detail .popup-comment-list .sticker-comment-item .comment-reply-list .reply-item .reply-user-row .comment-more-wrap {
    position: relative
}

.popup_sticker_detail .popup-comment-list .sticker-comment-item .comment-reply-list .reply-item .reply-text {
    font-size: 14px;
    color: #dee1e6;
    line-height: 20px;
    margin-top: 4px;
    margin-bottom: 4px;
    word-break: keep-all;
    word-wrap: break-word;
    white-space: pre-wrap;
    word-break: normal
}

.popup_sticker_detail .popup-comment-list .sticker-comment-item .comment-reply-list .reply-item .reply-meta {
    display: flex;
    gap: 4px;
    font-size: 12px;
    color: #90969c;
    margin-bottom: 12px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.popup_sticker_detail .popup-author-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 12px
}

.popup_sticker_detail .popup-author-row .author-left {
    display: flex;
    align-items: center;
    gap: 6px
}

.popup_sticker_detail .popup-author-row .author-left .author-avatar {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    object-fit: cover
}

.popup_sticker_detail .popup-author-row .author-left .vip-avatar-wrap {
    position: relative;
    display: block;
    width: 32px;
    height: 32px;
    flex-shrink: 0
}

.popup_sticker_detail .popup-author-row .author-left .author-name {
    font-size: 14px;
    color: #c6cad0
}

.popup_sticker_detail .popup-author-row .author-left.vip .author-name {
    color: #e1ab60
}

.popup_sticker_detail .popup-author-row .author-left.vip .vip-avatar-wrap::after {
    content: '';
    position: absolute;
    right: 0;
    bottom: 0;
    width: 12px;
    height: 12px;
    background: center/contain url(../images/site/icon_VIP_bordered.png) no-repeat
}

.popup_sticker_detail .popup-author-row .author-right {
    display: flex;
    align-items: center;
    gap: 8px;
    color: #90969c;
    font-size: 12px
}

.popup_sticker_detail .popup-author-row .author-right .author-action {
    display: flex;
    align-items: center;
    gap: 3px;
    cursor: pointer
}

.popup_sticker_detail .popup-author-row .author-right .author-action .icon_comment,
.popup_sticker_detail .popup-author-row .author-right .author-action .icon_good2 {
    display: block;
    flex-shrink: 0;
    width: 16px;
    height: 16px;
    background: no-repeat center/contain;
    vertical-align: middle
}

.popup_sticker_detail .popup-author-row .author-right .author-action .icon_comment {
    background-image: url(../images/2x/icon_16_comment_dark_normal.svg)
}

.popup_sticker_detail .popup-author-row .author-right .author-action .icon_good2 {
    background-image: url(../images/2x/icon_16_like_dark_normal.svg);
    background-size: 14px 14px
}

.popup_sticker_detail .popup-author-row .author-right .author-action:hover {
    color: #dee1e6
}

.popup_sticker_detail .popup-author-row .author-right .author-action:hover .icon_comment {
    background-image: url(../images/2x/icon_16_comment_dark_hover.svg)
}

.popup_sticker_detail .popup-author-row .author-right .author-action:hover .icon_good2 {
    background-image: url(../images/2x/icon_16_like_dark_hover.svg)
}

.popup_sticker_detail .popup-author-row .author-right .author-action:active {
    color: #515151
}

.popup_sticker_detail .popup-author-row .author-right .author-action:active .icon_comment {
    background-image: url(../images/2x/icon_16_comment_dark_pressed.svg)
}

.popup_sticker_detail .popup-author-row .author-right .author-action:active .icon_good2 {
    background-image: url(../images/2x/icon_16_like_dark_pressed.svg)
}

.popup_sticker_detail .popup-author-row .author-right .author-action.on {
    color: #eea20e
}

.popup_sticker_detail .popup-author-row .author-right .author-action.on .icon_good2 {
    background-image: url(../images/2x/icon_16_like_light_on.svg)
}

.popup_sticker_detail .popup-author-row .author-right .author-action.on:hover {
    color: #ffbd3d
}

.popup_sticker_detail .popup-author-row .author-right .author-action.on:hover .icon_good2 {
    background-image: url(../images/2x/icon_16_like_light_on_hover.svg)
}

.popup_sticker_detail .popup-author-row .author-right .author-action.on:active {
    color: #cd931d
}

.popup_sticker_detail .popup-author-row .author-right .author-action.on:active .icon_good2 {
    background-image: url(../images/2x/icon_16_like_light_on_pressed.svg)
}

.popup_sticker_detail .popup-author-row .author-right .comment-more-wrap {
    position: relative
}

.popup_sticker_detail .popup-desc {
    font-size: 16px;
    color: #fff;
    line-height: 24px;
    padding-top: 0;
    margin-bottom: 12px
}

.popup_sticker_detail .popup-time-row {
    display: flex;
    gap: 4px;
    font-size: 12px;
    color: #90969c;
    margin-bottom: 24px
}

.popup_sticker_detail .popup-divider {
    height: 1px;
    background: rgba(255, 255, 255, .06);
    border-radius: 1px;
    margin-bottom: 12px
}

.popup_sticker_detail .popup-comment-label {
    font-size: 14px;
    color: #c6cad0;
    margin-bottom: 12px
}

.popup_sticker_detail .popup-comment-input-wrap {
    display: flex;
    flex-direction: column;
    gap: 16px;
    margin-bottom: 24px;
    min-height: 40px;
    padding: 12px 0 12px 12px;
    box-sizing: border-box;
    overflow: hidden;
    background: #2D2F3E;
    border: 1px solid #3F4347;
    border-radius: 2px;
    transition: background .15s ease, border-color .15s ease
}

.popup_sticker_detail .popup-comment-input-wrap .i_Text {
    display: block;
    width: 100%;
    box-sizing: border-box;
    background: 0 0;
    border: none;
    padding: 0 12px 0 0;
    color: #dee1e6;
    font-size: 14px;
    line-height: 22px;
    font-family: inherit;
    resize: none;
    outline: 0;
    overflow-x: hidden;
    overflow-y: hidden
}

.popup_sticker_detail .popup-comment-input-wrap .i_Text::placeholder {
    color: #90969c
}

.popup_sticker_detail .popup-comment-input-wrap .popup-comment-input-btns {
    display: none;
    justify-content: flex-end;
    gap: 8px;
    padding-right: 12px
}

.popup_sticker_detail .popup-comment-input-wrap .popup-comment-input-btns .i_Btn {
    height: 30px;
    width: 80px;
    line-height: 30px;
    padding: 0;
    box-sizing: border-box
}

.popup_sticker_detail .popup-comment-input-wrap.is-active {
    background: #3D4050;
    border-color: #3c61a8
}

.popup_sticker_detail .popup-comment-input-wrap.is-active .i_Text {
    min-height: 44px;
    max-height: 110px;
    height: auto;
    overflow-x: hidden;
    overflow-y: auto
}

.popup_sticker_detail .popup-comment-input-wrap.is-active .i_Text::-webkit-scrollbar {
    width: 2px
}

.popup_sticker_detail .popup-comment-input-wrap.is-active .i_Text::-webkit-scrollbar-track {
    background: #3D4050
}

.popup_sticker_detail .popup-comment-input-wrap.is-active .i_Text::-webkit-scrollbar-thumb {
    background: rgba(255, 255, 255, .2);
    border-radius: 0
}

.popup_sticker_detail .popup-comment-input-wrap.is-active .popup-comment-input-btns {
    display: flex
}

.popup_sticker_detail .popup-comment-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 4px;
    font-size: 14px;
    color: #c6cad0
}

.popup_sticker_detail .popup-comment-header .comment-sort {
    width: auto !important;
    min-width: auto !important;
    border: none !important;
    background: 0 0 !important;
    height: auto;
    line-height: normal
}

.popup_sticker_detail .popup-comment-header .comment-sort h3 {
    display: inline-flex;
    align-items: center;
    height: auto;
    line-height: normal;
    padding: 0;
    font-size: 14px !important;
    font-weight: 400;
    color: #c6cad0;
    white-space: nowrap
}

.popup_sticker_detail .popup-comment-header .comment-sort h3:active {
    background: 0 0 !important
}

.popup_sticker_detail .popup-comment-header .comment-sort h3::after {
    content: '';
    display: inline-block;
    width: 0;
    height: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 5px solid #c6cad0;
    margin-left: 6px;
    vertical-align: middle
}

.popup_sticker_detail .popup-comment-header .comment-sort .comment-sort-arrow {
    display: inline-block;
    width: 0;
    height: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 5px solid #c6cad0;
    margin-left: 6px;
    vertical-align: middle
}

.popup_sticker_detail .popup-comment-header .comment-sort:hover {
    border-color: transparent;
    color: #dee1e6
}

.popup_sticker_detail .popup-comment-header .comment-sort:hover h3 {
    color: #dee1e6
}

.popup_sticker_detail .popup-comment-header .comment-sort:hover h3::after {
    border-top-color: #dee1e6
}

.popup_sticker_detail .popup-comment-header .comment-sort:hover .comment-sort-arrow {
    border-top-color: #dee1e6
}

.popup_sticker_detail .popup-comment-header .comment-sort ul {
    right: 0;
    left: auto;
    top: 24px;
    width: auto !important;
    min-width: 100px;
    background: #353748 !important;
    border: 1px solid rgba(255, 255, 255, .1) !important;
    border-radius: 0;
    padding: 0;
    overflow: hidden
}

.popup_sticker_detail .popup-comment-header .comment-sort ul li {
    width: auto !important;
    padding: 0 24px;
    height: 36px;
    line-height: 36px;
    font-size: 14px;
    color: #c6cad0;
    border-bottom: none;
    text-align: center
}

.popup_sticker_detail .popup-comment-header .comment-sort ul li:hover {
    color: #dee1e6;
    background: rgba(255, 255, 255, .05) !important
}

.popup_sticker_detail .popup-comment-header .comment-sort ul li.on {
    color: #fff;
    background: rgba(255, 255, 255, .08) !important
}

#j_popup_report_comment .popup-cont {
    padding: 32px 30px 20px
}

#j_popup_report_comment .popup-cont h2 {
    left: -30px;
    padding: 0 20px;
    margin-bottom: 20px;
    line-height: 16px
}

#j_popup_report_comment .report-options {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-bottom: 20px
}

#j_popup_report_comment .report-option {
    border: 1px solid rgba(233, 233, 233, .5);
    border-radius: 2px;
    padding: 8px 12px;
    font-size: 14px;
    color: #515151;
    background: #fff;
    cursor: pointer;
    transition: all .2s
}

#j_popup_report_comment .report-option:hover {
    border-color: #eea20e
}

#j_popup_report_comment .report-option.on {
    background: #F8F6F1;
    border-color: #eea20e;
    color: #eea20e
}

#j_popup_report_comment .report-other-input {
    display: none;
    position: relative
}

#j_popup_report_comment .report-other-input.on {
    display: block
}

#j_popup_report_comment .report-other-input textarea {
    width: 100%;
    height: 92px;
    resize: none;
    border: 1px solid rgba(233, 233, 233, .5);
    border-radius: 2px;
    padding: 10px;
    font-size: 14px;
    color: #515151;
    box-sizing: border-box
}

#j_popup_report_comment .report-other-input textarea:focus {
    border-color: #eea20e
}

#j_popup_report_comment .report-other-input .report-char-count {
    position: absolute;
    right: 10px;
    bottom: 10px;
    font-size: 12px;
    color: silver
}

#j_popup_report_comment .report-btns {
    display: flex;
    gap: 20px;
    justify-content: center
}

#j_popup_report_comment .report-btns .i_Btn {
    width: 140px;
    height: 42px;
    line-height: 42px;
    text-align: center;
    font-size: 16px;
    padding: 0
}

.popup_sticker_detail.is-fullscreen {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    margin: 0 !important;
    transform: none !important;
    width: 100vw !important;
    height: 100vh !important;
    max-width: none !important;
    max-height: none !important;
    border: none !important;
    border-radius: 0 !important;
    z-index: 1000 !important
}

.popup_sticker_detail.is-fullscreen .popup-sticker-left {
    border-right: none !important
}

.popup_sticker_detail.is-fullscreen .popup-cont {
    height: 100vh
}

.popup_sticker_detail.is-fullscreen .popup-sticker-right {
    display: none !important
}

.popup_sticker_detail.is-fullscreen .sticker-detail-actions {
    display: none !important
}

.popup_sticker_detail.is-fullscreen .popup-sticker-left {
    flex: 1 1 auto !important;
    width: 100vw !important;
    height: 100vh !important
}

.popup_sticker_detail.is-fullscreen .inspect-spread {
    display: none !important
}

.popup_sticker_detail.is-fullscreen .sticker-popup-toolbar .clear_spread {
    display: flex !important
}

.popup_sticker_detail.is-fullscreen .sticker-popup-toolbar {
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    min-height: 64px !important;
    padding: 0 24px !important;
    border: none !important
}

.popup_sticker_detail.is-fullscreen .sticker-popup-toolbar .toolbar-left .toolbar-title {
    font-size: 16px;
    font-weight: 700
}

.popup_sticker_detail.is-fullscreen .sticker-popup-toolbar .toolbar-left .toolbar-note {
    font-size: 14px;
    white-space: nowrap;
    max-width: none
}

.popup_sticker_detail.is-fullscreen .sticker-popup-toolbar .toolbar-right .toolbar-inspect-btn {
    height: 40px
}

.popup_sticker_detail.is-fullscreen .custom-inspect-content-image-3D {
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    border: none !important
}

.popup_sticker_detail.is-fullscreen .sticker-detail-slots {
    left: 50% !important;
    right: auto !important;
    width: max-content !important;
    max-width: none !important;
    height: 161px !important;
    box-sizing: border-box !important;
    padding: 8px !important;
    transform: translateX(-50%) !important;
    bottom: 32px !important;
    background: rgba(0, 0, 0, .4) !important;
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    border-radius: 2px
}

.popup_sticker_detail.is-fullscreen .slot-tip {
    bottom: 185px !important
}

.popup_sticker_detail.is-fullscreen .inspect-like-fav {
    right: 24px !important;
    bottom: 32px !important
}

.popup_sticker_detail .sticker-popup-toolbar .clear_spread {
    display: none;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    background-color: #2D2F3E;
    border: 1px solid #3F4347;
    box-sizing: border-box;
    cursor: pointer
}

.popup_sticker_detail .sticker-popup-toolbar .clear_spread .icon_clear_spread {
    background-image: url(../images/custom_inspect/icon_clear_spread_3D.svg)
}

.popup_sticker_detail .sticker-popup-toolbar .clear_spread:hover {
    background-color: #3A455A
}

.popup_sticker_detail .sticker-popup-toolbar .clear_spread:hover .icon_clear_spread {
    background-image: url(../images/custom_inspect/icon_clear_spread_3D_hover.svg)
}

.popup_sticker_detail .sticker-popup-toolbar .clear_spread:active {
    background-color: #353748
}

.popup_sticker_detail .sticker-popup-toolbar .clear_spread:active .icon_clear_spread {
    background-image: url(../images/custom_inspect/icon_clear_spread_3D_pressed.svg)
}

.popup_sticker_detail .custom-inspect-footer {
    position: absolute;
    top: 68px;
    right: 16px;
    display: none;
    width: 896px;
    height: auto;
    margin: 0;
    z-index: 101;
    background-color: #1c202b !important;
    backdrop-filter: blur(40px);
    border: 1px solid #3f4347 !important
}

.popup_sticker_detail .custom-inspect-footer .custom-inspect-footer-content:first-of-type {
    border-bottom: 1px solid #2c2f38
}

.popup_sticker_detail .custom-inspect-footer .custom-inspect-footer-search input {
    background-color: #2d2f3e;
    border: 1px solid #3f4347;
    color: #c6cad0
}

.popup_sticker_detail .custom-inspect-footer .custom-inspect-footer-search .i_Btn_disabled:link {
    color: #515151 !important;
    background-color: #1C202B !important;
    border: 1px solid #3F4347 !important
}

.popup_sticker_detail .custom-inspect-footer .custom-inspect-footer-search .i_Btn_hollow:link {
    background-color: #2D2F3E;
    color: #4773C8;
    border: 1px solid #4773C8
}

.popup_sticker_detail .custom-inspect-footer .custom-inspect-footer-right a.i_Btn:link {
    background-color: #4773C8;
    border: 1px solid #4773C8;
    color: #fff
}

.popup_sticker_detail .custom-inspect-footer .custom-inspect-footer-right a.i_Btn:hover {
    background-color: #567FCD;
    border-color: #567FCD
}

.popup_sticker_detail .toolbar-inspect-btn {
    position: relative
}

.popup_sticker_detail .toolbar-inspect-hover-div {
    width: 120px;
    height: 8px;
    position: absolute;
    bottom: -8px;
    right: 0
}