/*!PhotoSwipe main CSS by Dmitry Semenov | photoswipe.com | MIT license */
.pswp {
   display: none;
   position: absolute;
   width: 100%;
   height: 100%;
   left: 0;
   top: 0;
   overflow: hidden;
   -ms-touch-action: none;
   touch-action: none;
   z-index: 1500;
   -webkit-text-size-adjust: 100%;
   -webkit-backface-visibility: hidden;
   outline: none
}

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

.pswp img {
   max-width: none
}

.pswp--animate_opacity {
   opacity: .001;
   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--open {
   display: block
}

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

.pswp--zoomed-in .pswp__img {
   cursor: -webkit-grab;
   cursor: -moz-grab;
   cursor: grab
}

.pswp--dragging .pswp__img {
   cursor: -webkit-grabbing;
   cursor: -moz-grabbing;
   cursor: grabbing
}

.pswp__bg {
   position: absolute;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
   background: #000;
   opacity: 0;
   -webkit-transform: translateZ(0);
   transform: translateZ(0);
   -webkit-backface-visibility: hidden;
   will-change: opacity
}

.pswp__scroll-wrap {
   position: absolute;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
   overflow: hidden
}

.pswp__container,
.pswp__zoom-wrap {
   -ms-touch-action: none;
   touch-action: none;
   position: absolute;
   left: 0;
   right: 0;
   top: 0;
   bottom: 0
}

.pswp__container,
.pswp__img {
   -webkit-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
   -webkit-tap-highlight-color: transparent;
   -webkit-touch-callout: none
}

.pswp__zoom-wrap {
   position: absolute;
   width: 100%;
   -webkit-transform-origin: left top;
   -ms-transform-origin: left top;
   transform-origin: left top;
   -webkit-transition: -webkit-transform 333ms cubic-bezier(0.4, 0, 0.22, 1);
   transition: transform 333ms cubic-bezier(0.4, 0, 0.22, 1)
}

.pswp__bg {
   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--animated-in .pswp__bg,
.pswp--animated-in .pswp__zoom-wrap {
   -webkit-transition: none;
   transition: none
}

.pswp__container,
.pswp__zoom-wrap {
   -webkit-backface-visibility: hidden
}

.pswp__item {
   position: absolute;
   left: 0;
   right: 0;
   top: 0;
   bottom: 0;
   overflow: hidden
}

.pswp__img {
   position: absolute;
   width: auto;
   height: auto;
   top: 0;
   left: 0
}

.pswp__img--placeholder {
   -webkit-backface-visibility: hidden
}

.pswp__img--placeholder--blank {
   background: #222
}

.pswp--ie .pswp__img {
   width: 100% !important;
   height: auto !important;
   left: 0;
   top: 0
}

.pswp__error-msg {
   position: absolute;
   left: 0;
   top: 50%;
   width: 100%;
   text-align: center;
   font-size: 14px;
   line-height: 16px;
   margin-top: -8px;
   color: #CCC
}

.pswp__error-msg a {
   color: #CCC;
   text-decoration: underline
}

/*!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 {
   color: #959595;
   text-decoration: none
}

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

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

a:active {
   color: #eea20e
}

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
}

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

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

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

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

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

.icon_drop_small {
   background-position: -140px -262px;
   width: 8px;
   height: 4px
}

.on .icon_drop_small {
   background-position: -466px -67px
}

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

.icon_status_progressing {
   background-position: -545px -211px
}

.icon_status_success {
   background-position: -56px -582px
}

.icon_status_failed {
   background-position: -362px -460px
}

.icon_status_waiting {
   background-position: -40px -584px
}

.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: -228px -398px
}

.icon_menu_gift {
   background-position: -482px -160px
}

.icon_menu_fav {
   background-position: -190px -489px
}

.icon_menu_coupon {
   background-position: -26px -524px
}

.icon_menu_vip {
   background-position: -394px -386px;
   margin: 0 9px -2px 0
}

.icon_menu_contribute {
   background-position: -130px -537px
}

.on .icon_menu_wallet {
   background-position: -368px -374px
}

.on .icon_menu_setting {
   background-position: -398px -342px
}

.on .icon_menu_msg {
   background-position: 0 -526px
}

.on .icon_menu_invite {
   background-position: -48px -524px
}

.on .icon_menu_gift {
   background-position: -510px -133px
}

.on .icon_menu_fav {
   background-position: -86px -520px
}

.on .icon_menu_coupon {
   background-position: -254px -462px
}

.on .icon_menu_vip {
   background-position: -542px -104px
}

.on .icon_menu_contribute {
   background-position: -552px -44px
}

.icon_bar_app {
   background-position: -280px -448px
}

.icon_bar_feedback {
   background-position: -504px -160px
}

.icon_bar_help {
   background-position: -460px -262px
}

.icon_bar_msg {
   background-position: -108px -520px
}

.icon_bar_qq {
   background-position: -350px -400px
}

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

.icon_bar_weixin {
   background-position: -132px -515px
}

.icon_bar_fav {
   background-position: -530px -52px
}

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

.icon_search {
   background-position: -70px -524px;
   width: 14px;
   height: 14px
}

.icon_check {
   background-position: -144px -334px;
   width: 40px;
   height: 40px
}

.on .icon_check {
   background-position: -242px -272px
}

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

.list_card_small .on .icon_check,
.on .icon_check_small {
   background-position: -270px -394px
}

.icon_card {
   width: 30px;
   height: 23px;
   background-position: -510px -108px
}

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

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

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

.tag_rise .icon_order,
.w-Order_asc .icon_order {
   background-position: -466px -54px
}

.tag_reduce .icon_order,
.w-Order_des .icon_order {
   background-position: -188px -537px
}

.tb-Order.w-Order_asc .icon_order {
   background-position: -56px -568px
}

.tb-Order.w-Order_des .icon_order {
   background-position: -564px -157px
}

.icon_success {
   background-position: -394px -407px;
   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: -566px -110px
}

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

.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: -574px -52px;
   width: 11px;
   height: 10px;
   margin: 0 6px 0 0
}

.ht2 .icon_hero_pre {
   background-position: -324px -489px
}

.ht3 .icon_hero_pre {
   background-position: -216px -546px
}

.ht4 .icon_hero_pre {
   background-position: -543px -224px
}

.icon_checkbox {
   width: 12px;
   height: 12px;
   background-position: -570px -80px
}

.on .icon_checkbox {
   background-position: -522px -254px
}

span:hover .icon_checkbox {
   background-position: -310px -491px
}

span.on:hover .icon_checkbox {
   background-position: -188px -550px
}

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

.on .icon_radio {
   background-position: -40px -568px
}

.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: -44px -262px;
   margin: 0 6px
}

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

.icon_arr_light_up,
.on .icon_arr_light,
.showdrop .icon_arr_light {
   width: 11px;
   height: 11px;
   background-position: -572px -125px
}

.icon_arr_light,
.icon_arr_light_down {
   width: 11px;
   height: 11px;
   background-position: -258px -526px
}

.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: -368px -307px;
   width: 34px;
   height: 4px;
   cursor: pointer;
   margin-right: 4px
}

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

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

.lv-normal {
   background-position: -476px -82px
}

.lv-high {
   background-position: -484px 0
}

.lv-super {
   background-position: -484px -26px
}

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

.lv-text-normal {
   background-position: -342px -348px
}

.lv-text-high {
   background-position: -402px -281px
}

.lv-text-super {
   background-position: -456px -184px
}

.icon_success_big {
   width: 32px;
   height: 32px;
   background-position: -326px -314px
}

.icon_error_big {
   width: 32px;
   height: 32px;
   background-position: -368px -272px
}

.icon_success_mid {
   width: 24px;
   height: 24px;
   background-position: -298px -394px
}

.icon_error_mid {
   width: 24px;
   height: 24px;
   background-position: -484px -108px
}

.icon_warning_mid {
   width: 24px;
   height: 24px;
   background-position: -452px -210px
}

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

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

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

.icon_rank_s {
   background-position: -186px -334px
}

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

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

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

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

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

.icon_waiting_big {
   width: 32px;
   height: 32px;
   background-position: -38px -464px
}

.icon_steam_big {
   width: 32px;
   height: 32px;
   background-position: 0 -466px
}

.icon_buff_big {
   width: 32px;
   height: 32px;
   background-position: -72px -464px
}

.icon_mysold_big {
   width: 32px;
   height: 32px;
   background-position: -308px -356px
}

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

.icon_deal {
   width: 24px;
   height: 24px;
   background-position: -34px -498px
}

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

.icon_delete {
   width: 18px;
   height: 18px;
   background-position: -86px -498px
}

.icon_delete:hover {
   background-position: -462px -306px
}

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

.icon_recommend {
   width: 52px;
   height: 26px;
   background-position: -360px -314px
}

.on.icon_recommend {
   background-position: -476px -54px
}

.icon_top_cur {
   width: 9px;
   height: 5px;
   background-position: -129px -262px
}

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

a:hover .icon_refresh {
   background-position: 0 -570px
}

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

a:hover .icon_refresh2 {
   background-position: -258px -510px
}

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

a:hover .icon_setting {
   background-position: -132px -557px
}

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

a:hover .icon_shop {
   background-position: -294px -492px
}

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

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

.icon_comment {
   background-position: -498px -284px;
   width: 14px;
   height: 14px
}

.icon_time {
   background-position: -570px -64px;
   width: 14px;
   height: 14px
}

.icon_overpage {
   width: 88px;
   height: 25px;
   background-position: -138px -462px
}

.b_default {
   background-position: -480px -284px
}

.on .b_default {
   background-position: -558px 0
}

.b_0001 {
   background-position: -152px -537px
}

.b_0002 {
   background-position: -558px -18px
}

.b_0003 {
   background-position: -298px -473px
}

.b_0004 {
   background-position: -508px -235px
}

.b_0005 {
   background-position: -212px -489px
}

.b_0006 {
   background-position: -534px -177px
}

.b_0007 {
   background-position: -170px -537px
}

.b_0008 {
   background-position: -240px -510px
}

.b_0009 {
   background-position: -276px -492px
}

.b_0011 {
   background-position: -420px -377px
}

.b_0013 {
   background-position: -442px -351px
}

.b_0014 {
   background-position: -527px -204px
}

.b_0016 {
   background-position: -504px -257px
}

.b_0022 {
   background-position: -344px -451px
}

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

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

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

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

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

.icon_add_2 {
   background-position: -434px -249px;
   width: 24px;
   height: 24px
}

.icon_add_bank {
   background-position: -284px -272px;
   width: 20px;
   height: 20px
}

.icon_add_bank:hover {
   background-position: -242px -314px
}

.icon_add_alipay {
   background-position: -274px -510px;
   width: 14px;
   height: 14px
}

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

.on .icon_select_alipay {
   background-position: -484px -134px
}

.icon_select_alipay_hover {
   background-position: -484px -134px;
   width: 24px;
   height: 24px
}

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

.on .icon_select_bank {
   background-position: -280px -422px
}

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

.on .icon_select_huabei {
   background-position: -138px -489px
}

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

.on .icon_select_wx_small {
   background-position: -510px 0
}

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

.on .icon_select_huabei_small {
   background-position: -420px -333px
}

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

.on .icon_select_alipay_small {
   background-position: -536px -22px
}

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

.on .icon_select_bank_small {
   background-position: -154px -515px
}

.icon_expand {
   background-position: -566px -94px;
   width: 16px;
   height: 16px
}

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

.icon_footer_bank {
   background-position: -458px -284px;
   width: 20px;
   height: 20px
}

.icon_footer_wx {
   width: 20px;
   height: 20px;
   background-position: -398px -364px
}

.icon_footer_alipay {
   background-position: -486px -235px;
   width: 20px;
   height: 20px
}

.icon_all {
   background-position: -106px -462px;
   width: 30px;
   height: 30px
}

.icon_good {
   width: 14px;
   height: 14px;
   background-position: -220px -530px
}

.pinterest-action:hover .icon_good {
   background-position: -418px -395px
}

.on .icon_good,
.on:hover .icon_good {
   background-position: -574px -36px
}

.icon_close {
   width: 40px;
   height: 40px;
   background-position: -144px -376px
}

.icon_close:hover {
   background-position: -186px -376px
}

.icon_slide_left2 {
   width: 40px;
   height: 40px;
   background-position: -228px -356px
}

.icon_slide_left2:hover {
   background-position: -284px -314px
}

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

.icon_slide_right2:hover {
   background-position: -326px -272px
}

.icon_fav,
.icon_fav2 {
   width: 12px;
   height: 12px;
   background-position: -564px -143px
}

.icon_fav2.on,
.on>.icon_fav {
   background-position: -514px -275px
}

.icon_tranintrs {
   width: 14px;
   height: 14px;
   background-position: -168px -555px
}

.icon_tranintrs2 {
   width: 12px;
   height: 12px;
   background-position: -500px -300px
}

.icon_comment_new {
   width: 40px;
   height: 20px;
   background-position: -234px -488px
}

.icon_comment_hot {
   width: 40px;
   height: 20px;
   background-position: -302px -451px
}

.icon_good2 {
   width: 14px;
   height: 14px;
   background-position: -152px -555px
}

.news-comment-good:hover .icon_good2 {
   background-position: -418px -395px
}

.on .icon_good2,
.on:hover .icon_good2 {
   background-position: -574px -36px
}

.icon_comment_arr {
   width: 16px;
   height: 16px;
   background-position: -66px -564px
}

.i_Text:focus+.icon_comment_arr {
   background-position: -554px -125px
}

.icon_open {
   width: 11px;
   height: 11px;
   background-position: -202px -550px
}

.pinterest-op:hover .icon_open {
   background-position: 0 -586px
}

.icon_packup {
   width: 11px;
   height: 11px;
   background-position: -84px -580px
}

.pinterest-op:hover .icon_packup {
   background-position: -69px -582px
}

.w-Search .icon_search {
   background-position: -442px -369px
}

.icon-wikiopen {
   width: 11px;
   height: 11px;
   background-position: -13px -586px
}

.wiki-open:hover .icon-wikiopen {
   background-position: -114px -575px
}

.wiki-open.on .icon-wikiopen {
   background-position: -289px -510px
}

.wiki-open.on:hover .icon-wikiopen {
   background-position: -26px -586px
}

.icon_grid {
   width: 14px;
   height: 14px;
   background-position: -576px 0
}

.w-Type:hover .icon_grid {
   background-position: -576px -16px
}

.w-Type.on .icon_grid {
   background-position: -576px -16px
}

.icon_table {
   width: 14px;
   height: 14px;
   background-position: -526px -238px
}

.w-Type:hover .icon_table {
   background-position: -552px -171px
}

.w-Type.on .icon_table {
   background-position: -552px -171px
}

.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: 0 -428px
}

.icon_epaycredit_small {
   width: 20px;
   height: 20px;
   background-position: -372px -396px
}

a:hover .icon_epaycredit_small {
   background-position: -512px -182px
}

.icon_zhimacredit_small {
   width: 20px;
   height: 20px;
   background-position: -176px -515px
}

a:hover .icon_zhimacredit_small {
   background-position: -276px -470px
}

.icon_logo {
   width: 14px;
   height: 14px;
   background-position: -332px -473px
}

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

.icon_up {
   width: 7px;
   height: 10px;
   background-position: -554px -143px
}

.icon_down {
   width: 7px;
   height: 10px;
   background-position: -100px -579px
}

.icon_warntip {
   width: 20px;
   height: 20px;
   background-position: -22px -546px
}

.icon_warntip:hover {
   background-position: -70px -542px
}

.icon_eye {
   width: 20px;
   height: 20px;
   background-position: -44px -546px
}

.icon_eye:hover {
   background-position: 0 -548px
}

.icon_stickers {
   height: 28px
}

.icon_steam_small {
   width: 20px;
   height: 20px;
   background-position: -198px -511px
}

.login-other a:hover .icon_steam_small {
   background-position: -526px -155px
}

.icon_warn-blue {
   width: 18px;
   height: 18px;
   background-position: -550px -74px
}

.icon_focus {
   width: 16px;
   height: 15px;
   background-position: -198px -533px
}

.icon_focus.on,
.on>.icon_focus {
   background-position: -482px -302px
}

.icon_2arrow {
   width: 16px;
   height: 16px;
   background-position: -22px -568px
}

.active .icon_2arrow {
   background-position: -114px -557px
}

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

.icon_expired {
   width: 36px;
   height: 36px;
   background-position: -270px -356px
}

.icon_payment_alipay {
   width: 24px;
   height: 24px;
   background-position: -510px -26px
}

.icon_payment_others {
   width: 24px;
   height: 24px;
   background-position: -324px -400px
}

.icon_payment_mixed {
   width: 24px;
   height: 24px;
   background-position: -228px -462px
}

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

a:hover .icon_change {
   background-position: -240px -528px
}

.icon_checkbox_big {
   width: 24px;
   height: 24px;
   background-position: -414px -307px
}

li.on .icon_checkbox_big,
li.on:hover .icon_checkbox_big {
   background-position: -164px -489px
}

li:hover .icon_checkbox_big {
   background-position: -460px -236px
}

.icon_3d {
   width: 12px;
   height: 12px;
   background-position: -378px -444px
}

a:hover .icon_3d {
   background-position: -438px -385px
}

.icon_game {
   width: 12px;
   height: 12px;
   background-position: -489px -319px
}

a:hover .icon_game {
   background-position: -348px -469px
}

.icon_3dpersp {
   width: 20px;
   height: 20px;
   background-position: -532px -133px
}

.icon_3dpersp:hover {
   background-position: -482px -262px
}

.icon_spect {
   width: 20px;
   height: 20px;
   background-position: -92px -542px
}

.icon_spect:hover {
   background-position: -420px -355px
}

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

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

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

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

.icon_discount_tag {
   width: 47px;
   height: 23px;
   background-position: -478px -210px
}

.icon_discount_tag_en {
   background-position: -306px -426px
}

.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_small,
.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_weibo,
.icon_bar_weixin,
.icon_buff_big,
.icon_card,
.icon_change,
.icon_check,
.icon_check_small,
.icon_checkbox,
.icon_checkbox_big,
.icon_close,
.icon_close:hover,
.icon_comment,
.icon_comment_arr,
.icon_comment_hot,
.icon_comment_new,
.icon_corner,
.icon_deal,
.icon_delete,
.icon_delete:hover,
.icon_discount,
.icon_discount_en,
.icon_discount_tag,
.icon_discount_tag_en,
.icon_down,
.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_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_invitebg,
.icon_link,
.icon_lock,
.icon_logo,
.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_open,
.icon_overpage,
.icon_packup,
.icon_payment_alipay,
.icon_payment_mixed,
.icon_payment_others,
.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_search,
.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_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_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_upload,
.icon_uploading,
.icon_vip,
.icon_vip_on,
.icon_waiting_big,
.icon_warn-blue,
.icon_warning_mid,
.icon_warntip,
.icon_warntip:hover,
.icon_zhimacredit,
.icon_zhimacredit_small,
.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_arr_light,
.on .icon_check,
.on .icon_check_small,
.on .icon_checkbox,
.on .icon_drop,
.on .icon_drop_small,
.on .icon_good,
.on .icon_good2,
.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_radio,
.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_recommend,
.on:hover .icon_good,
.on:hover .icon_good2,
.on>.icon_fav,
.on>.icon_focus,
.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,
.vip-mark_on .icon_vip,
.w-Order_asc .icon_order,
.w-Order_des .icon_order,
.w-Search .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,
.wiki-open.on .icon-wikiopen,
.wiki-open.on:hover .icon-wikiopen,
.wiki-open:hover .icon-wikiopen,
a:hover .icon_3d,
a:hover .icon_change,
a:hover .icon_epaycredit_small,
a:hover .icon_game,
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:hover .icon_checkbox {
   background-image: url(../images/sprite/icon.less.png?20230802115347)
}

.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?20230802115347)
}

.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?20230802115347)
}

.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_tool_sticker,
.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?20230802115347)
}

.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?20230802115347)
}

.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?20230802115347)
}

.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?20230802115347)
}

.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?20230802115347)
}

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

.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_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: 30px;
   height: 36px;
   margin: 6px 0 0
}

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

.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_close_svg {
   background-image: url(../images/2x/icon_goodsdetail_24_close_normal.svg);
   width: 24px;
   height: 24px
}

.icon_share_svg {
   background-image: url(../images/2x/icon_goodsdetail_24_share_normal.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)
}

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

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

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

span:hover small>.icon2x_inspect_commodity_cs2 {
   background: url(../images/2x/20_inspect_cs2_blue.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 {
   background-image: url(../images/2x/icon_goodsdetail_24_zoom_hover.png)
}

.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: 13px;
   height: 13px;
   background-image: url(../images/2x/icon_goodsdetail_16_spread_normal.svg);
   margin: -2px 3px 0 0
}

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

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

a:hover .icon_refresh_gray {
   background-image: url(../images/2x/icon_goodsdetail_16_refresh_hover.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/12_gotocollection.svg);
   width: 12px;
   height: 12px;
   cursor: pointer;
   margin: -2px 4px 0
}

.detail-pic .icon_weaponbox {
   width: 24px;
   height: 24px;
   position: absolute;
   bottom: 16px;
   left: 16px;
   z-index: 3
}

.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_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_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
}

.c_Green {
   color: #0b0
}

.c_White {
   color: #fff
}

.c_Gray {
   color: #959595 !important
}

.c_DGray {
   color: #666
}

.c_Red {
   color: red
}

.c_DRed {
   color: #c00
}

.c_Highlight {
   color: #eea20e
}

.c_Blue {
   color: #4d80e1 !important
}

.c_Blue2 {
   color: #4571cb !important
}

.c_Blue3 {
   color: #72a2ff
}

.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_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_Black:link {
   color: #515151
}

.a_Black:visited {
   color: #515151
}

.a_Black:active,
.a_Black:hover {
   color: #eea20e
}

.a_Gray:link {
   color: #c2c2c2
}

.a_Gray:visited {
   color: #c2c2c2
}

.a_Gray:active,
.a_Gray:hover {
   color: #EEA20E
}

.a_White:link,
.a_White:visited {
   color: #fff
}

.a_White:active,
.a_White:hover {
   color: #eea20e
}

.a_Black:active,
.a_Blue:hover {
   color: #4773c8
}

.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
}

.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_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
}

.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
}

.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: #4773c8
}

.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: #45536c
}

.i_Btn_hollow:link,
.i_Btn_hollow:visited {
   line-height: 28px;
   min-width: 94px;
   background: 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: #4773c8
}

.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: #773535
}

.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_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;
   border-color: #f5be54;
   color: #f5be54
}

.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
}

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
}

.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_rise {
   background: #247224
}

.tag_reduce {
   background: #894040
}

.tag_black {
   background: #14181f
}

.tag_gray2 {
   cursor: default;
   background: #5f5f5f;
   color: #b1b7bc
}

.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
}

.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
}

.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
}

.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;
   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 a {
   display: block;
   height: 70px;
   line-height: 70px;
   padding: 0 12px
}

.header .nav li a strong {
   font-weight: 400;
   display: inline-block;
   height: 68px;
   line-height: 68px;
   cursor: pointer
}

.header .nav li:hover {
   background: #3d475d;
   background: rgba(70, 72, 94, .4)
}

.header .nav li.on:hover {
   background: 0 0
}

.header .nav li.on a strong {
   border-bottom: 2px solid #4886ff;
   color: #fff
}

.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;
   line-height: 70px
}

.header .nav_entries ul {
   float: right;
   margin-right: 9px
}

.header .login-user {
   float: right;
   position: relative
}

.header .login-user img {
   border-radius: 50%
}

.header .login-user strong {
   margin: 0 9px;
   font-weight: 400
}

.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;
   right: 0
}

.header-switcher .j_drop p {
   height: 36px;
   line-height: 36px;
   white-space: nowrap;
   padding: 0 20px 0 10px
}

.header-switcher .j_drop p .icon {
   margin: -2px 6px 0 0
}

.header-switcher .j_drop p:hover {
   background: #3a4452
}

.header-switcher .j_drop p.on {
   color: #eea20e
}

.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(../images/language/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;
   min-height: 180px;
   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
}

.store-user {
   padding: 20px;
   background: #313a45;
   font-size: 0
}

.store-user img {
   float: left;
   margin: 0 12px 0 0
}

.store-user h3 {
   padding: 6px 0 9px;
   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-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 .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: #ccc
}

.notice a:hover {
   color: #eea20e
}

.notice .close {
   font-size: 20px;
   color: #778ba5
}

.notice .l_Right {
   margin-left: 10px
}

.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(../images/site/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:link.shalow-btn {
   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,
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)
}

.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 {
   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 .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
}

.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: 52;
   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:hover,
.w-Select-Multi ul li:hover {
   background: #F8F8F8
}

.w-Select ul li.on,
.w-Select-Multi ul li.on {
   background: #F8F8F8
}

.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 h3 {
   padding: 0 15px 0 9px
}

.w-Select-Multi ul {
   overflow: visible
}

.w-Select-Multi ul li {
   position: relative
}

.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:hover {
   background: #F8F8F8
}

.w-Select-Multi ul li div p.on {
   background: #F8F8F8
}

.w-Select-Multi ul li.off {
   border-bottom: none
}

.w-Select-Multi ul h6 {
   line-height: 30px;
   font-size: 12px
}

.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_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 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 .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: #9a9b9e;
   border: none
}

.black .w-SelDate.on,
.black .w-SelDate:hover,
.black .w-SelHero.on,
.black .w-SelHero:hover {
   background: #3A455A;
   color: #fff
}

.black .w-SelDate h3,
.black .w-SelHero h3 {
   height: 32px;
   line-height: 32px
}

.black .w-SelDate.on,
.black .w-SelHero.on {
   border-bottom-color: #fff
}

.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-block;
   height: 32px;
   line-height: 30px;
   padding: 0 22px;
   background: #3F5D97;
   color: #E1E5EC;
   font-size: 14px;
   vertical-align: middle;
   border-radius: 0 2px 2px 0;
   margin-left: -2px
}

.w-Search a:hover {
   background: #4773c8;
   color: #fff
}

.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
}

.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;
   width: 200px;
   color: #999
}

.w-Tag_big span .icon {
   display: none;
   position: absolute;
   right: 0;
   bottom: 0
}

.w-Tag_big span.on {
   font-weight: 700;
   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,
.w-Tag_big span:hover {
   border-color: #EEA20E
}

.w-Tag_big span.on .icon,
.w-Tag_big span:hover .icon {
   display: block
}

.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-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 {
   background: #45536C
}

.w-OrderGroup {
   font-size: 0;
   border-radius: 2px;
   overflow: hidden;
   border: 1px solid #45536C;
   border-right: none;
   display: inline-block;
   line-height: 32px !important
}

.w-OrderGroup .w-Order {
   border-radius: 0;
   min-width: 60px;
   background: 0;
   border-right: 1px solid #45536C;
   color: #63779B;
   padding: 0 6px 0 22px;
   *padding: 0 12px 0 18px
}

.w-OrderGroup .w-Order:first-child {
   padding: 0 12px
}

.w-OrderGroup .w-Order_asc,
.w-OrderGroup .w-Order_des {
   background: #45536C;
   color: #fff
}

.w-Switcher {
   font-size: 0;
   border-radius: 2px;
   overflow: hidden;
   border: 1px solid #45536C;
   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-right: 1px solid #45536C
}

.w-Switcher span.on {
   color: #fff;
   background: #45536C
}

.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-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-bottom: 3px solid transparent;
   margin: 0 10px;
   cursor: pointer;
   border-right: none;
   color: #4F4F4F
}

.w-Switcher_tab span:hover {
   color: #4773C8
}

.w-Switcher_tab span.on {
   color: #4773C8;
   border-color: #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:active,
.black .w-Counter-input2:hover {
   color: #fff
}

.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-Select,
.black .w-Select-Multi {
   background: #2D2F3E;
   color: #9a9b9e;
   border: none
}

.black .w-Select-Multi:hover,
.black .w-Select:hover {
   background: #3A455A;
   color: #E4E8EE
}

.black .w-Select .icon_drop,
.black .w-Select-Multi .icon_drop {
   position: absolute;
   right: 7px;
   top: 18px
}

.black .w-Select h3 span.raw,
.black .w-Select-Multi h3 span.raw {
   color: #9a9b9e
}

.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 {
   color: #E4E8EE;
   border-color: #373A4C
}

.black .w-Select ul li:hover,
.black .w-Select-Multi ul li:hover {
   background: #3A455A
}

.black .w-Select ul li.on,
.black .w-Select-Multi ul li.on {
   background: #3A455A
}

.black .w-Select-Multi ul li div {
   background: #2D2F3E;
   border: none;
   top: 1px
}

.black .w-Select-Multi ul li div p {
   color: #E4E8EE;
   border-color: #373A4C
}

.black .w-Select-Multi ul li div p:hover {
   background: #3A455A
}

.black .w-Select-Multi ul li div p.on {
   background: #3A455A
}

#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: #FF8200
}

.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 {
   height: 30px;
   line-height: 30px;
   padding: 0 6px;
   display: flex;
   justify-content: space-between
}

.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
}

.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 .icon_drop {
   background-position: -28px -262px
}

.w-date-drop-header--select.on,
.w-date-drop-header--select:hover {
   color: #E4E8EE;
   background: #4B4B5F
}

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

.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;
   background-image: url(../images/sprite/icon.less.png);
   background-position: -258px -526px;
   width: 11px;
   height: 11px;
   transform: rotate(-90deg)
}

.ui-datepicker-prev::before {
   content: '';
   display: block;
   background-image: url(../images/sprite/icon.less.png);
   background-position: -258px -526px;
   width: 10px;
   height: 10px;
   transform: rotate(90deg)
}

.ui-datepicker-title {
   position: relative
}

.ui-datepicker-title::after {
   content: '';
   display: block;
   background-image: url(../images/sprite/icon.less.png);
   background-position: -28px -262px;
   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 .w-SelHero,
.criteria .w-Select,
.criteria .w-Select-Multi {
   margin-right: 12px
}

.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
}

.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
}

.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
}

.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
}

.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 .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.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;
   top: -1px;
   left: -1px;
   border-radius: 2px 2px 0 0
}

.list_card li.on,
.list_card li:hover {
   border-color: #eea20e;
   background: #fefcf7
}

.list_card li.on .icon_check,
.list_card li:hover .icon_check {
   display: block
}

.list_card li h3 {
   text-overflow: ellipsis;
   white-space: nowrap;
   overflow: hidden;
   font-size: 15px;
   line-height: 24px;
   margin: 8px 12px 27px;
   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 .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 .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_time {
   margin-top: -2px
}

.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_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_small2 li,
.list_card_small3 li {
   width: 268px;
   height: 366px
}

.list_card_big 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(/static/images/item_bg.png);
   background-size: cover
}

.list_card_big 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 h3,
.list_card_small2 li h3,
.list_card_small3 li h3 {
   width: auto;
   margin-top: 15px !important
}

.list_card_big 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_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_small2 li.salable a,
.list_card_small3 li.salable a {
   cursor: pointer
}

.list_card_big 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_small2 li:hover .shalow-btn_hidden,
.list_card_small3 li:hover .shalow-btn_hidden {
   visibility: inherit
}

.list_card_big .wear,
.list_card_small2 .wear,
.list_card_small3 .wear {
   position: absolute;
   top: 249px;
   width: 100%;
   overflow: hidden
}

.list_card_big .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_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_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_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_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_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_small2 .tagBoxB,
.list_card_small3 .tagBoxB {
   top: 206px;
   left: 6px;
   right: 6px;
   min-height: 28px
}

.list_card_big .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_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_small2 .tagBoxB_R a,
.list_card_small3 .tagBoxB_R a {
   margin-left: auto
}

.list_card_big .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_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_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_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_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_small2 .icon_stickers img,
.list_card_small3 .icon_stickers img {
   position: unset;
   height: 100%
}

.list_card_big .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_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_small2 li {
   width: 210px;
   height: 220px;
   margin-right: 23px;
   padding-bottom: 0
}

.list_card_small2 li .img {
   height: 136px
}

.list_card_small2 li .img img {
   max-width: 70%
}

.list_card_small2 li h3 {
   margin-top: 6px !important;
   margin-bottom: 0;
   font-size: 14px
}

.list_card_small2 li p {
   margin-top: 4px
}

.list_card_small2 li.nowear .tagBoxB {
   top: 127px
}

.list_card_small2 .f_Strong {
   font-size: 14px
}

.list_card_small2 .wear {
   top: 137px
}

.list_card_small2 .tagBox {
   top: 0;
   left: 0
}

.list_card_small2 .tagBox .tag {
   padding: 0 2px;
   float: left
}

.list_card_small2 .tagBoxB {
   top: 102px
}

.list_card_small2 .tagBoxB .icon_stickers {
   margin-top: 6px;
   float: left;
   height: 22.5px;
   width: 25px
}

.list_card_small2 .tagBoxB_R {
   bottom: 2px
}

.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: 313px;
   height: 106px
}

.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;
   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 .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 .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 .td_status p {
   margin: 6px 0
}

.list_tb .td_status p span {
   font-size: 14px;
   margin-left: 9px
}

.list_tb .td_status a {
   color: #999;
   text-decoration: underline;
   font-size: 13px
}

.list_tb .td_status a:hover {
   color: #eea20e
}

.list_tb .user-thum {
   margin-left: 0
}

.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 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 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
}

.list_tb-body {
   max-height: 404px;
   overflow-y: auto;
   overflow-x: hidden;
   position: relative;
   min-height: 314px
}

.user-thum {
   border-radius: 50%;
   margin: 0 9px 0
}

.w-SelType_tag .tag,
.w-Select .tag {
   background: 0 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 {
   border-top: 1px solid #2c2f38;
   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;
   text-shadow: 0 0 3px #fff
}

.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.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
}

.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.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.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;
   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
}

.user-head {
   position: relative;
   display: inline-block
}

.user-head img {
   padding: 1px
}

.user-head .icon_user_online {
   width: 10px;
   height: 10px;
   background: #069b17;
   border-radius: 5px;
   position: absolute;
   display: none;
   bottom: 5px;
   right: 16px
}

.online img {
   border: 1px 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
}

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 .gem_list .icon_stickers {
   float: left;
   height: 26px
}

.list_card_small3 .tagBoxB .other_gem_list {
   width: 100%;
   height: 28px
}

.list_card_small3 .tagBoxB .icon_stickers {
   float: left;
   height: 28px
}

.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 .icon_stickers img {
   position: unset;
   height: 16px;
   width: 24px;
   margin: 4px 0 4px 2px;
   border-radius: 0
}

.list_card_small3 .icon_stickers img.little_gem {
   height: 14px;
   width: 22px;
   margin: 5px 0 5px 2px
}

.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.png);
   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
}

.user-rights-list li {
   margin-top: 20px;
   width: 280px;
   height: 110px;
   padding: 16px;
   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-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;
   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
}

.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: 94px;
   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%
}

.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
}

.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_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-btns {
   text-align: right;
   padding: 0 20px 20px
}

.popup .popup-btns .i_Btn {
   margin: 0 10px
}

.popup .popup-tip {
   background: #F2F7F3;
   text-align: center;
   font-size: 12px;
   padding: 12px 30px
}

.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-desc {
   padding: 16px 0 0;
   color: #90969C
}

.popup-desc p {
   margin: 12px 0;
   font-size: 14px;
   line-height: 22px
}

.popup-desc a: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
}

.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
}

.popup-header .l_Right .i_Btn {
   margin: 0 0 0 12px
}

.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:active,
.popup-bottom a:hover {
   color: #eea20e;
   text-decoration: none
}

.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
}

.pay-way {
   line-height: 36px
}

.pay-way li {
   border: 1px solid #E3E3E3;
   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.on {
   border-color: #EEA20E;
   font-weight: 700;
   color: #EEA20E
}

.pay-way li.on .icon_check_small {
   display: block
}

.pay-way li:hover {
   border-color: #EEA20E
}

.pay-way li:hover .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;
   justify-content: space-between;
   margin: 0 40px
}

.popup_card .auth-type-entry li {
   background: #FFF;
   border: 1px solid #E3E3E3;
   border-radius: 2px;
   width: 0;
   flex: 1;
   box-sizing: border-box;
   padding: 18px 12px;
   cursor: pointer;
   margin: 0 5px
}

.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-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
}

.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: 320px
}

.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: 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: 300px;
   flex: 1
}

.login-cont .login-frame h2 {
   text-align: center;
   padding: 0 0 4px
}

.login-cont .login-frame #j_login {
   min-height: 300px
}

.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: scale(1.1, 1.1) translate(-50%, -50%);
      -webkit-transform: scale(1.1, 1.1) translate(-50%, -50%);
   }

   100% {
      transform: scale(1, 1) translate(-50%, -50%);
      -webkit-transform: scale(1, 1) translate(-50%, -50%)
   }
}

@-webkit-keyframes upIn {
   0% {
      transform: scale(1.1, 1.1) translate(-50%, -50%);
      -webkit-transform: scale(1.1, 1.1) translate(-50%, -50%);
   }

   100% {
      transform: scale(1, 1) translate(-50%, -50%);
      -webkit-transform: scale(1, 1) translate(-50%, -50%)
   }
}

@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 h3 {
   font-weight: 700;
   color: #fff;
   font-size: 15px;
   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;
   padding: 10px
}

.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;
   margin-left: -24px;
   margin-right: -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 .des {
   word-break: normal;
   text-align: left
}

.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-block;
   padding: 1px 9px;
   background-color: rgba(0, 0, 0, .1);
   cursor: pointer;
   border-radius: 2px
}

.floattip-cont-img .scope-btns span:hover {
   color: #fff;
   background-color: rgba(0, 0, 0, .2)
}

.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: 9px 15px;
   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_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_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
}

.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_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
}

.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;
   color: #515151;
   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 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)
}

.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 .scope-count {
   margin: 10px 0 0
}

.epay .scope-count strong {
   color: #eea20e;
   font-size: 28px;
   margin-left: 6px
}

.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;
   height: 40px;
   position: relative;
   display: table;
   width: 492px
}

.epay ul li .tag_recommand {
   border: 1px solid #EEA20E;
   color: #EEA20E;
   background: 0;
   margin-left: 10px
}

.epay ul li:hover {
   background: #F5F5F5
}

.epay ul li img {
   float: left
}

.epay ul li div {
   display: table-cell;
   vertical-align: middle;
   text-align: left;
   width: 432px
}

.epay ul li div p {
   margin: 8px 0 0
}

.epay ul li div p span {
   color: #515151;
   margin: 0 3px
}

.epay ul li .icon_checkbox_big {
   position: absolute;
   right: 54px;
   top: 24px
}

.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: 60px;
   line-height: 60px;
   background: #FFF;
   border: 1px solid #E3E3E3;
   border-radius: 2px;
   font-size: 20px;
   color: #EEA20E;
   text-align: center;
   font-weight: 700;
   margin: 18px 0 30px
}

.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 .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
}

.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: #1bb61a
}

.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
}

.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-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 {
   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: 100%;
   display: flex;
   flex-direction: column
}

.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 ul {
   border-top: 1px solid #e3e3e3
}

.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;
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis
}

.popup_flower-aside-con li:hover {
   background: #F8F8F8
}

.popup_flower-con {
   flex: 1;
   padding: 0 16px;
   height: 100%;
   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-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 {
   text-align: center;
   background: url(/static/images/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-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: #FFBD3D
}

.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(/static/images/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: #FFBD3D
}

.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
}

.index {
   background-image: url(../images/site/index-header-bg.jpg)
}

.index .l_Layout {
   width: 1142px
}

.index .header {
   border: none;
   background: url(../images/site/top-bg.png) no-repeat center top
}

.index .header .l_Layout {
   width: 1200px
}

.index .notice {
   display: none
}

.index .list_card {
   padding: 22px 0
}

.index .list_card ul {
   width: 1250px
}

.index .list_card li {
   margin: 0 25px 20px 0;
   border: 1px solid #ccc
}

.index .list_card li:hover {
   border-color: #ccc
}

.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(../images/site/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(../images/site/index-section2-bg.jpg) no-repeat center top;
   padding: 60px 0
}

.area3 {
   height: 552px;
   background: #e8e8e8 url(../images/site/index-section3-bg.jpg) no-repeat center top;
   padding: 60px 0
}

.area3 .list_card li {
   border-color: #d0d0d0 !important
}

.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 a:link,
.sec-title a:visited {
   color: #929394
}

.sec-title a:hover {
   color: #eea20e
}

.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
}

.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
}

.cont_panel .my-menu .icon_new {
   right: 70px
}

.cont_main .i_Text,
.popup .i_Text {
   padding: 6px
}

.cont_main .list_tb tr:hover {
   background: 0 0
}

.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 {
   text-align: center;
   padding: 36px 20px
}

.my-thum img {
   border-radius: 50%
}

.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 .list_tb td {
   padding: 5px 0;
   font-size: 14px
}

.user-setting {
   background: #fff;
   border-radius: 2px;
   padding: 40px 54px;
   min-height: 580px
}

.user-setting h3 {
   font-weight: 700;
   color: #515151;
   margin-bottom: 9px
}

.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-wallet {
   background: #fff;
   border-radius: 0 0 2px 2px;
   padding: 36px
}

.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-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
}

.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: 20px 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:active,
.help-section a:hover {
   color: #FFF
}

.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:active,
.help-cont a:hover {
   color: #eea20e
}

.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
}

.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:active,
.news-detail-cont a:hover {
   color: #eea20e
}

.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-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 {
   height: 40px;
   line-height: 40px;
   background: #FAFAFA;
   padding: 0 10px;
   font-size: 12px;
   color: #959595
}

.pinterest-user img {
   width: 20px;
   height: 20px;
   border-radius: 100%;
   display: inline-block;
   vertical-align: middle;
   margin-right: 10px
}

.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: #DEE1E6
}

.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-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-grayBox {
   background: #F4F4F4;
   padding: 20px 60px
}

.g-grayBox_title {
   font-size: 16px;
   color: #515151;
   font-weight: 700;
   margin-bottom: 16px
}

.g-grayBox_more {
   font-size: 12px;
   padding-top: 14px;
   text-align: center;
   color: #90969C;
   cursor: default
}

.g-grayBox_more .icon {
   margin-left: 4px
}

.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)
}

.g-whiteBox_cont {
   flex: 1
}

.g-whiteBox_cont p {
   margin: 0
}

.g-whiteBox_img {
   width: 122px;
   height: 90px;
   margin-right: 14px;
   background: url(/static/images/item_bg.png);
   background-size: cover
}

.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 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 {
   display: inline-block
}

.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 .i_Btn_hollow {
   margin-right: 10px
}

.dicker_list .f_Strong big {
   font-size: 18px
}

.dicker_list th {
   padding: 20px 0
}

.dicker_list th .name-cont,
.dicker_list th .pic-cont {
   display: inline-block;
   vertical-align: middle
}

.dicker_list th .name-cont {
   margin-left: 10px
}

.dicker_list th a {
   color: #515151
}

.dicker_list th a:hover {
   color: #eea20e
}

.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: 4px 0
}

.dicker_list .lasttr .icon {
   margin-left: 4px
}

.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) {
   display: table-row
}

.f_Strong.big {
   font-size: 24px
}

.f_Strong.big small {
   font-size: 18px
}

.f_Strong small {
   line-height: normal
}

.index .list_card li {
   border: 0
}

.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: #E4E4E4
}

.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;
   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(/static/images/item_bg.png);
   background-size: cover
}

.list_card li>a {
   display: block;
   width: 100%;
   text-align: center;
   background: url(/static/images/item_bg.png);
   background-size: cover
}

.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_dota2 li,
.card_rust li {
   overflow: hidden
}

.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(/static/images/item_bg.png);
   background-size: cover
}

.roll-gifts-list li.h1z1-gift-item,
.roll-gifts-list li.pubg-gift-item {
   background: url(/static/images/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,
.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 .pic-cont {
   text-align: center;
   background: url(/static/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(/static/images/item_bg.png);
   background-size: cover
}

.gallery-list li a {
   width: 72px;
   text-align: center;
   display: inline-block;
   background: url(/static/images/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
}

.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: 200px;
   margin-right: 50px;
   border-style: solid;
   border-width: 0 1px 0 0;
   -moz-border-image: url(/static/images/icon_split.png) 1 stretch;
   -webkit-border-image: url(/static/images/icon_split.png) 1 stretch;
   -o-border-image: url(/static/images/icon_split.png) 1 stretch;
   border-image: url(/static/images/icon_split.png) 1 fill stretch
}

.user-header .col>div {
   float: left
}

.user-header .col .info {
   margin-top: 3px;
   margin-left: 16px
}

.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: 10px
}

.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: 56px;
   margin: 20px
}

.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;
   padding: 0;
   margin: 0;
   vertical-align: top
}

.withdraw-num small {
   position: absolute;
   right: 20px;
   color: #959595
}

.w-Select.Select-Blue {
   background: #4773C8;
   color: #fff
}

.w-Select.Select-Blue:hover {
   background: #3667c5
}

.w-Select.Select-Blue ul {
   background: #fff
}

.w-Select.Select-Blue ul li {
   color: #929394;
   border-color: #F0F0F0
}

.w-Select.Select-Blue ul li.on,
.w-Select.Select-Blue ul li:hover {
   background: #F8F8F8
}

.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
}

.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 {
   color: #eb4b4b
}

.tag.rarity_rare_weapon,
.w-Select-Multi.csgo-Select ul li.rarity_rare_weapon {
   color: #4b69ff
}

.tag.rarity_mythical_weapon,
.w-Select-Multi.csgo-Select ul li.rarity_mythical_weapon {
   color: #8847ff
}

.tag.rarity_legendary_weapon,
.w-Select-Multi.csgo-Select ul li.rarity_legendary_weapon {
   color: #d32ce6
}

.tag.rarity_uncommon_weapon,
.w-Select-Multi.csgo-Select ul li.rarity_uncommon_weapon {
   color: #5e98d9
}

.tag.rarity_common_weapon,
.w-Select-Multi.csgo-Select ul li.rarity_common_weapon {
   color: #b0c3d9
}

.tag.rarity_common,
.w-Select-Multi.csgo-Select ul li.rarity_common {
   color: #b0c3d9
}

.tag.rarity_rare,
.w-Select-Multi.csgo-Select ul li.rarity_rare {
   color: #4b69ff
}

.tag.rarity_legendary,
.w-Select-Multi.csgo-Select ul li.rarity_legendary {
   color: #d32ce6
}

.tag.rarity_mythical,
.w-Select-Multi.csgo-Select ul li.rarity_mythical {
   color: #8847ff
}

.tag.rarity_ancient,
.w-Select-Multi.csgo-Select ul li.rarity_ancient {
   color: #eb4b4b
}

.tag.rarity_contraband,
.w-Select-Multi.csgo-Select ul li.rarity_contraband {
   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
}

.csgo_sticker_inline .stickers {
   margin-top: 5px;
   height: 16px;
   width: 22px;
   text-align: center;
   background: linear-gradient(#f7f7f7, #e9e9e9);
   float: left;
   margin-right: 6px
}

.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-left: 3px;
   margin-right: 3px
}

.csgo_sticker.has_wear {
   margin-top: 0
}

.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(/static/images/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: -31px;
   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_vip .desc_content {
   background: #f6f2ec;
   border: 1px solid #e0c39b;
   color: #CB964C
}

.des_row_vip .desc_arrow_up {
   background: url(../images/icon_desc_arrow_vip.png) no-repeat;
   background-size: contain
}

.des_row_vip .desc_dialog {
   background: url(../images/icon_desc_dialog_vip.png) no-repeat
}

.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:link {
   background: initial;
   margin-right: 20px
}

.relative-goods .i_Btn_trans_bule:hover {
   background: #495B7E
}

.relative-goods .i_Btn_trans_bule.active {
   background: #495B7E
}

.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;
   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(0, 0, 0, .08);
   padding: 10px 8px;
   font-size: 12px
}

.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;
   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;
   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: 20px
}

.rank-goods-name h3 {
   float: left;
   line-height: 66px;
   max-width: 350px
}

.rank-goods-name h3 div {
   line-height: 32px
}

.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.sell_tag {
   border: 1px solid #e59000;
   color: #e59000;
   padding: 0 5px;
   border-radius: 2px
}

.rank-goods-name h3 .stag {
   margin-left: 10px;
   margin-top: -2px;
   vertical-align: middle
}

.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 .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 {
   margin: auto
}

.popup-inspect-cont .inspect-thum-img_withbg {
   display: block;
   background: #38415e url(../images/good_bgs/inspect_bg.jpeg) no-repeat;
   background-size: cover
}

.popup-inspect-cont .inspect-thum-btns {
   display: flex;
   justify-content: space-between;
   z-index: 11;
   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: #383D46;
   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: -2px 4px 0 0
}

.popup-inspect-cont .inspect-thum-btns .scope-btns span:hover {
   color: #4773C8
}

.popup-inspect-cont .inspect-thum-btns .i_Btn_mid {
   min-width: 60px
}

.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
}

.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_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 .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: 16px 0;
   background: #2E3135;
   border-radius: 4px;
   padding: 12px 16px
}

.inspect-desc-items .scope-block .a_Gray:active,
.inspect-desc-items .scope-block .a_Gray:hover {
   color: #fff
}

.inspect-desc-items .scope-skins {
   display: flex;
   justify-content: space-between;
   margin: 16px 0
}

.inspect-desc-items .scope-skins>div {
   display: flex;
   justify-content: space-between;
   flex: 1;
   margin: 0
}

.inspect-desc-items .scope-skins>div:first-child {
   margin-right: 16px
}

.inspect-desc-items .scope-skins>div span small {
   font-size: 16px;
   color: #C2C2C2
}

.inspect-desc-items .scope-wear .wear-title {
   display: flex;
   justify-content: space-between;
   padding: 6px 0 12px
}

.inspect-desc-items .scope-wear .wear-title strong {
   font-weight: 400;
   margin-left: 12px
}

.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: 9px 0 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;
   justify-content: space-between;
   padding: 9px 16px;
   height: 36px
}

.inspect-desc-items .scope-print li:hover {
   background: #383D46
}

.inspect-desc-items .scope-print li>p {
   width: 36px
}

.inspect-desc-items .scope-print li>p img {
   position: relative;
   top: 5px
}

.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-status {
   padding: 9px 0;
   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 {
   margin: -2px 4px 0 0;
   border-radius: 12px
}

.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: #C2C2C2;
   min-width: 48px
}

.inspect-desc-items .scope-status .status-title .w-Switcher span.on {
   color: #4773C8;
   font-weight: 700
}

.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-desc h5 {
   font-size: 16px;
   margin: 12px 0 0
}

.inspect-desc-items .scope-desc .scope-text {
   margin: 9px 0;
   font-size: 14px;
   line-height: 22px
}

.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 .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
}

.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
}

.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
}


#auto-id-1694725413128, #auto-id-1694725413128 textarea, #auto-id-1694725413128 input, #auto-id-1694725413128 button, 
#auto-id-1694725413128 #auto-id-1694725413128 select, #auto-id-1694725413128 keygen, #auto-id-1694725413128 legend {
   font: 12px/1.14 "Microsoft YaHei","微软雅黑","宋体",helvetica,"Hiragino Sans GB";
   color: #666;
   outline: 0;
}

html {
   -webkit-text-size-adjust: 100%;
}

#login-form #auto-id-1694725413135:hover, .j-country.u-country a:hover {
   color: inherit;
}

#j_lang-switcher h3 {
   height: 70px;
   display: flex;
   justify-content: center;
   align-items: center;
}