.download-popup {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 102;
    display: none;
    background-color: rgba(0, 0, 0, 0.3);
  }
  .download-popup .popup-wrap {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 420px;
    height: 376px;
    overflow: hidden;
    -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    border-radius: 8px;
    background-color: #ffffff;
  }
  .download-popup .popup-wrap .popup-title {
    position: relative;
    padding: 0;
    height: 60px;
    color: #333333;
    font-size: 16px;
    line-height: 60px;
    text-align: center;
    background-color: #ffffff;
    border-bottom: 1px solid #eeeeee;
  }
  .download-popup .popup-wrap .popup-title .popup-close {
    position: absolute;
    top: 24px;
    right: 26px;
    width: 13px;
    height: 13px;
    background:  no-repeat;
    background-size: 100%;
  }
  .download-popup .popup-wrap .popup-qrcode {
    text-align: center;
  }
  .download-popup .popup-wrap .popup-qrcode img {
    margin-top: 36px;
    width: 138px;
    height: 138px;
    vertical-align: top;
  }
  .download-popup .popup-wrap .popup-qrcode p {
    margin-top: 8px;
    color: #333333;
    font-size: 13px;
  }
  .download-popup .popup-wrap .popup-btn {
    margin-top: 35px;
    text-align: center;
  }
  .download-popup .popup-wrap .popup-btn .install-btn {
    position: static;
    padding: 9px 33px;
    display: inline-block;
    width: auto;
  }
  html,
  body,
  div,
  h1,
  h2,
  h3,
  h4,
  h5,
  h6,
  form,
  input,
  ul,
  ol,
  li,
  p {
    margin: 0;
    padding: 0;
  }
  article,
  aside,
  details,
  figcaption,
  figure,
  footer,
  header,
  hgroup,
  menu,
  nav,
  section {
    display: block;
  }
  ul,
  ol,
  li {
    list-style: none;
  }
  a,
  abbr,
  acronym acronym,
  address,
  applet,
  article,
  aside,
  audio,
  b,
  big,
  blockquote,
  body,
  canvas,
  caption,
  center,
  cite,
  code,
  dd,
  del,
  details,
  dfn,
  div,
  dl,
  dt,
  em,
  embed,
  fieldset,
  figcaption,
  figure,
  footer,
  form,
  h1,
  h2,
  h3,
  h4,
  h5,
  h6,
  header,
  hgroup,
  html,
  i,
  iframe,
  img,
  ins,
  kbd,
  label,
  legend,
  li,
  mark,
  menu,
  nav,
  object,
  ol,
  output,
  p,
  pre,
  q,
  ruby,
  s,
  samp,
  section,
  small,
  span,
  strike,
  strong,
  sub,
  summary,
  sup,
  table,
  tbody,
  td,
  tfoot,
  th,
  thead,
  time,
  tr,
  tt,
  u,
  ul,
  var,
  videott,
  u,
  ul,
  var,
  video {
    margin: 0;
    padding: 0;
    border: 0;
    font: inherit;
    font-size: 100%;
    vertical-align: baseline;
  }
  img {
    border: 0;
    vertical-align: top;
  }
  .clearfix {
    *height: 1%;
    zoom: 1;
  }
  .clearfix:before,
  .clearfix:after {
    content: " ";
    display: block;
    height: 0;
    overflow: hidden;
  }
  .clearfix:after {
    clear: both;
  }
  body {
    background-color: #f5f5f5;
    font-family: "pingfang sc", "lantinghei sc", "hiragino sans gb", "microsoft yahei", "helvetica neue", helvetica, arial, sans-serif;
    font-size: 16px;
    -webkit-font-smoothing: antialiased;
    -webkit-text-size-adjust: none;
  }
  * {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  }
  a {
    text-decoration: none;
    color: #2f7c2f;
    -webkit-transition: color 0.3s ease-out;
  }
  img {
    -ms-interpolation-mode: bicubic;
  }
  .show {
    display: block;
  }
  .hide {
    display: none;
  }
  textarea,
  input {
    outline: none;
  }
  blockquote {
    margin: 10px 0;
    color: #999;
    padding-left: 10px;
    border-left: 5px solid #efefef;
  }
  .block-title {
    display: block;
    margin: 10px;
    color: #666;
    padding-left: 7px;
    border-left: 3px solid #45cab6;
  }
  .module-block-title {
    position: relative;
    font-family: roboto-bold;
    font-size: 18px;
    font-weight: 600;
    line-height: 21px;
    color: #333;
    margin: 0 0 15px;
    border-left: none;
    padding-left: 0;
  }
  .module-block-title .title-more {
    position: static;
    width: auto;
    height: 16px;
    float: right;
    margin-top: 2px;
    color: #24aa42;
    font-size: 14px;
    background: none;
  }
  .module-block-title .title-more.bg {
    width: 16px;
    background:  no-repeat center center;
    background-size: 100% 100%;
    display: inline-block;
    position: absolute;
    right: 8px;
    top: 4px;
  }
  .module-block-title.seller {
    margin-top: 10px;
  }
  .module-block-title a {
    font-size: 14px;
    color: #24aa42;
  }
  .module-block-title .title-more,
  .module-block-title span {
    float: right;
    font-weight: 400;
  }
  .module-block-title span {
    color: #999;
    font-size: 12px;
  }
  .load-more {
    text-align: center;
    margin: 10px 0 20px;
  }
  .load-more .refresh-btn {
    background: #ddd;
    display: inline-block;
    font-size: 0.875em;
    padding: 8px 20px;
    color: #333;
  }
  .mobile .app-box,
  .tablet .app-box {
    margin-top: 10px;
  }
  .mip-search-form form {
    position: static;
  }
  .mip-search-form form .key-ipt {
    width: 198px;
    height: 38px;
  }
  .mip-search-form form .submit {
    display: inline-block;
  }
  .search-form {
    margin: 0 5px;
    width: 200px;
    position: relative;
    *margin-top: -54px;
    _margin-top: -40px;
  }
  .search-form .key-ipt {
    border: 1px solid #eee;
    border-radius: 3px;
    display: inline-block;
    font-size: 14px;
    height: 32px;
    margin-right: -28px;
    outline: 0;
    padding: 3px 30px 3px 8px;
    vertical-align: middle;
    width: 160px;
  }
  .search-form .key-ipt::-ms-clear {
    display: none;
  }
  .search-form .key-ipt:focus {
    border: 1px solid #e6e6e6;
  }
  .search-form .submit {
    background: #f6f6f6  no-repeat center center;
    width: 17px;
    height: 17px;
    background-color: transparent;
    border: none;
    cursor: pointer;
    text-indent: -100px;
    outline: 0;
    vertical-align: middle;
  }
  .search-wp {
    height: 46px;
    line-height: 46px;
    border-bottom: 1px solid #dedede;
  }
  @media (min-resolution: 192dpi) {
    .search-form .submit {
      background:  no-repeat center center;
      background-size: 17px 17px;
    }
  }
  @media screen and (max-width: 699px) {
    .search-form {
      text-align: right;
      padding: 0 50px 0 0;
      margin: 0;
      width: 120px;
    }
    .search-form .key-ipt {
      float: left;
      margin-right: 10px;
      vertical-align: middle;
      border: 1px solid #eee;
      border-radius: 3px 0 0 3px;
      border-right: 0;
      font-size: 13px;
      color: #999;
      height: 26px;
      padding: 3px 5px 2px 7px;
      width: 100%;
      *width: 96%;
      _position: absolute;
      box-shadow: none;
      appearance: none;
      outline: 0;
      background-color: #f6f6f6;
    }
    .search-form .submit {
      outline: 0;
      box-shadow: none;
      cursor: pointer;
      vertical-align: middle;
      width: 40px;
      height: 33px;
      text-indent: 100px;
      color: #fff;
      border: 1px solid #eee;
      border-left: 0;
      border-radius: 0 3px 3px 0;
      margin: 0;
      position: absolute;
      right: 0;
      *right: 12px;
      *top: 19px;
      _top: 0;
      *height: 29px;
      _height: 30px;
      background: #f6f6f6  no-repeat center center;
      _background: #f6f6f6  no-repeat center center;
      background-size: 14px 14px;
    }
    .search-form.mip-element .key-ipt {
      width: 100%;
      height: 33px;
    }
    .mip-header-container header .inner {
      position: absolute;
      left: 0;
    }
    .mip-header-container header .search-form {
      padding-right: 40px;
    }
    .mip-header-container .parent-menu {
      position: absolute;
      left: 0;
      top: 0;
    }
  }
  .drawer {
    display: inline-block;
    width: 16px;
    height: 14px;
    margin: 22px 20px 0 17px;
    vertical-align: top;
    background:  no-repeat center center;
  }
  @media (min-resolution: 192dpi) {
    .drawer {
      background:  no-repeat center center;
      background-size: 16px 14px;
    }
  }
  .login-modal,
  .user-modal {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 199;
    background: rgba(0, 0, 0, 0.6);
    display: none;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: center;
        justify-content: center;
  }
  .login-modal.show,
  .user-modal.show {
    display: -ms-flexbox;
    display: flex;
  }
  .login-modal .modal-wrap,
  .user-modal .modal-wrap {
    background: #fff;
    max-width: 500px;
    width: 90%;
    border-radius: 16px;
    position: relative;
  }
  .login-modal .modal-wrap .close-btn,
  .user-modal .modal-wrap .close-btn {
    width: 32px;
    height: 32px;
    position: absolute;
    right: 20px;
    top: 20px;
    cursor: pointer;
    background:  center center / 100% no-repeat;
  }
  .login-modal .modal-wrap .login-modal-content,
  .user-modal .modal-wrap .login-modal-content {
    padding: 20px 30px 30px;
    font-size: 14px;
  }
  .login-modal .modal-wrap .login-modal-content .title,
  .user-modal .modal-wrap .login-modal-content .title {
    font-size: 24px;
    font-weight: bold;
    text-align: center;
  }
  .login-modal .modal-wrap .login-modal-content .tips,
  .user-modal .modal-wrap .login-modal-content .tips {
    color: #999999;
    font-size: 14px;
    text-align: center;
    margin: 10px 0 40px;
  }
  .login-modal .modal-wrap .login-modal-content .input-wrap,
  .user-modal .modal-wrap .login-modal-content .input-wrap {
    height: 50px;
    border-bottom: 1px solid #eee;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    background: #fff;
    font-size: 16px;
  }
  .login-modal .modal-wrap .login-modal-content .input-wrap .inner-input,
  .user-modal .modal-wrap .login-modal-content .input-wrap .inner-input {
    -ms-flex: 1;
        flex: 1;
    border: none;
    outline: 0;
    height: 100%;
    resize: none;
    font-size: 16px;
    color: #222426;
  }
  .login-modal .modal-wrap .login-modal-content .input-wrap .clear-input,
  .user-modal .modal-wrap .login-modal-content .input-wrap .clear-input {
    margin-left: 6px;
    width: 20px;
    height: 20px;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    display: none;
    cursor: pointer;
    background:  center center / 100% 100%;
  }
  .login-modal .modal-wrap .login-modal-content .input-wrap .clear-input.show,
  .user-modal .modal-wrap .login-modal-content .input-wrap .clear-input.show {
    display: block;
  }
  .login-modal .modal-wrap .login-modal-content .input-wrap .verify-btn,
  .user-modal .modal-wrap .login-modal-content .input-wrap .verify-btn {
    -ms-flex: 0 0 120px;
        flex: 0 0 120px;
    text-align: right;
    color: #c2c5cc;
  }
  .login-modal .modal-wrap .login-modal-content .input-wrap .verify-btn.active,
  .user-modal .modal-wrap .login-modal-content .input-wrap .verify-btn.active {
    color: #29a245;
    cursor: pointer;
  }
  .login-modal .modal-wrap .login-modal-content .input-wrap input::-webkit-input-placeholder,
  .user-modal .modal-wrap .login-modal-content .input-wrap input::-webkit-input-placeholder,
  .login-modal .modal-wrap .login-modal-content .input-wrap textarea::-webkit-input-placeholder,
  .user-modal .modal-wrap .login-modal-content .input-wrap textarea::-webkit-input-placeholder {
    color: #c2c5cc;
  }
  .login-modal .modal-wrap .login-modal-content .input-wrap input:-moz-placeholder,
  .user-modal .modal-wrap .login-modal-content .input-wrap input:-moz-placeholder,
  .login-modal .modal-wrap .login-modal-content .input-wrap textarea:-moz-placeholder,
  .user-modal .modal-wrap .login-modal-content .input-wrap textarea:-moz-placeholder {
    color: #c2c5cc;
  }
  .login-modal .modal-wrap .login-modal-content .input-wrap input::-moz-placeholder,
  .user-modal .modal-wrap .login-modal-content .input-wrap input::-moz-placeholder,
  .login-modal .modal-wrap .login-modal-content .input-wrap textarea::-moz-placeholder,
  .user-modal .modal-wrap .login-modal-content .input-wrap textarea::-moz-placeholder {
    color: #c2c5cc;
  }
  .login-modal .modal-wrap .login-modal-content .input-wrap input:-ms-input-placeholder,
  .user-modal .modal-wrap .login-modal-content .input-wrap input:-ms-input-placeholder,
  .login-modal .modal-wrap .login-modal-content .input-wrap textarea:-ms-input-placeholder,
  .user-modal .modal-wrap .login-modal-content .input-wrap textarea:-ms-input-placeholder {
    color: #c2c5cc;
  }
  .login-modal .modal-wrap .login-modal-content .input-wrap input::-webkit-outer-spin-button,
  .user-modal .modal-wrap .login-modal-content .input-wrap input::-webkit-outer-spin-button,
  .login-modal .modal-wrap .login-modal-content .input-wrap input::-webkit-inner-spin-button,
  .user-modal .modal-wrap .login-modal-content .input-wrap input::-webkit-inner-spin-button {
    -webkit-appearance: none !important;
    margin: 0;
  }
  .login-modal .modal-wrap .login-modal-content .input-error-tips,
  .user-modal .modal-wrap .login-modal-content .input-error-tips {
    margin: 10px 0;
  }
  .login-modal .modal-wrap .login-modal-content .input-error-tips .error-text,
  .user-modal .modal-wrap .login-modal-content .input-error-tips .error-text {
    padding-left: 28px;
    font-size: 14px;
    background:  left center / 16px 16px no-repeat;
    color: #f93636;
  }
  .login-modal .modal-wrap .login-modal-content .login-btn,
  .user-modal .modal-wrap .login-modal-content .login-btn {
    height: 50px;
    border-radius: 50px;
    color: #fff;
    background-color: #29a245;
    text-align: center;
    line-height: 50px;
    font-size: 18px;
    font-weight: bold;
    margin-top: 20px;
    cursor: pointer;
  }
  .login-modal .modal-wrap .login-modal-content .check-privacy,
  .user-modal .modal-wrap .login-modal-content .check-privacy {
    margin-top: 40px;
    color: #666;
    font-size: 14px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
  }
  .login-modal .modal-wrap .login-modal-content .check-privacy .checkbox,
  .user-modal .modal-wrap .login-modal-content .check-privacy .checkbox {
    width: 20px;
    height: 20px;
    display: block;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    background: #fff;
    margin-right: 10px;
    cursor: pointer;
    background:  center center / 16px 16px no-repeat;
  }
  .login-modal .modal-wrap .login-modal-content .check-privacy .checkbox.active,
  .user-modal .modal-wrap .login-modal-content .check-privacy .checkbox.active {
    border: none;
    background-image: ;
  }
  .login-modal .modal-wrap .user-modal-content,
  .user-modal .modal-wrap .user-modal-content {
    padding: 30px;
  }
  .login-modal .modal-wrap .user-modal-content .user-info,
  .user-modal .modal-wrap .user-modal-content .user-info {
    margin: 100px 0 80px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: center;
        justify-content: center;
    -ms-flex-direction: column;
        flex-direction: column;
  }
  .login-modal .modal-wrap .user-modal-content .user-info .avatar,
  .user-modal .modal-wrap .user-modal-content .user-info .avatar {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    object-fit: cover;
  }
  .login-modal .modal-wrap .user-modal-content .user-info .name,
  .user-modal .modal-wrap .user-modal-content .user-info .name {
    font-size: 24px;
    font-weight: bold;
    color: #222426;
    margin-top: 20px;
  }
  .login-modal .modal-wrap .user-modal-content .logout-btn,
  .user-modal .modal-wrap .user-modal-content .logout-btn {
    height: 50px;
    line-height: 50px;
    border-radius: 50px;
    text-align: center;
    background-color: #e6faeb;
    color: #29a245;
    font-size: 18px;
    font-weight: bold;
    cursor: pointer;
  }
  .login-modal .modal-wrap.pc .login-modal-content .nc-wrap,
  .user-modal .modal-wrap.pc .login-modal-content .nc-wrap {
    margin-top: 20px;
  }
  .login-modal .modal-wrap.pc .login-modal-content .nc-wrap .nc_scale,
  .user-modal .modal-wrap.pc .login-modal-content .nc-wrap .nc_scale {
    height: 40px;
  }
  .login-modal .modal-wrap.pc .login-modal-content .nc-wrap .nc_scale .nc_iconfont,
  .user-modal .modal-wrap.pc .login-modal-content .nc-wrap .nc_scale .nc_iconfont {
    width: 38px;
    height: 38px;
  }
  .login-modal .modal-wrap.pc .login-modal-content .nc-wrap .nc_scale span,
  .user-modal .modal-wrap.pc .login-modal-content .nc-wrap .nc_scale span {
    height: 38px;
    line-height: 38px;
  }
  .login-modal .modal-wrap.pc .login-modal-content .nc-wrap .nc_scale .nc-lang-cnt,
  .user-modal .modal-wrap.pc .login-modal-content .nc-wrap .nc_scale .nc-lang-cnt {
    font-size: 14px;
  }
  .login-modal .modal-wrap.mobile .close-btn,
  .user-modal .modal-wrap.mobile .close-btn {
    width: 24px;
    height: 24px;
    right: 12px;
    top: 12px;
  }
  .login-modal .modal-wrap.mobile .login-modal-content,
  .user-modal .modal-wrap.mobile .login-modal-content {
    padding: 20px;
  }
  .login-modal .modal-wrap.mobile .login-modal-content .nc-wrap,
  .user-modal .modal-wrap.mobile .login-modal-content .nc-wrap {
    margin-top: 12px;
  }
  .login-modal .modal-wrap.mobile .login-modal-content .title,
  .user-modal .modal-wrap.mobile .login-modal-content .title {
    font-size: 18px;
  }
  .login-modal .modal-wrap.mobile .login-modal-content .tips,
  .user-modal .modal-wrap.mobile .login-modal-content .tips {
    font-size: 12px;
    margin-bottom: 30px;
  }
  .login-modal .modal-wrap.mobile .login-modal-content .input-error-tips,
  .user-modal .modal-wrap.mobile .login-modal-content .input-error-tips {
    margin: 6px 0;
  }
  .login-modal .modal-wrap.mobile .login-modal-content .input-error-tips .error-text,
  .user-modal .modal-wrap.mobile .login-modal-content .input-error-tips .error-text {
    padding-left: 20px;
    background-size: 14px 14px;
    font-size: 12px;
  }
  .login-modal .modal-wrap.mobile .login-modal-content .input-wrap,
  .user-modal .modal-wrap.mobile .login-modal-content .input-wrap {
    font-size: 14px;
    height: 40px;
  }
  .login-modal .modal-wrap.mobile .login-modal-content .input-wrap .inner-input,
  .user-modal .modal-wrap.mobile .login-modal-content .input-wrap .inner-input {
    font-size: 14px;
  }
  .login-modal .modal-wrap.mobile .login-modal-content .input-wrap .verify-btn,
  .user-modal .modal-wrap.mobile .login-modal-content .input-wrap .verify-btn {
    -ms-flex: 0 0 100px;
        flex: 0 0 100px;
  }
  .login-modal .modal-wrap.mobile .login-modal-content .input-wrap .clear-input,
  .user-modal .modal-wrap.mobile .login-modal-content .input-wrap .clear-input {
    width: 16px;
    height: 16px;
  }
  .login-modal .modal-wrap.mobile .login-modal-content .check-privacy,
  .user-modal .modal-wrap.mobile .login-modal-content .check-privacy {
    font-size: 12px;
  }
  .login-modal .modal-wrap.mobile .login-modal-content .login-btn,
  .user-modal .modal-wrap.mobile .login-modal-content .login-btn {
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    margin-top: 12px;
  }
  .login-modal .modal-wrap.mobile .user-modal-content,
  .user-modal .modal-wrap.mobile .user-modal-content {
    padding: 20px;
  }
  .login-modal .modal-wrap.mobile .user-modal-content .user-info,
  .user-modal .modal-wrap.mobile .user-modal-content .user-info {
    margin: 30px 0 20px;
  }
  .login-modal .modal-wrap.mobile .user-modal-content .user-info .avatar,
  .user-modal .modal-wrap.mobile .user-modal-content .user-info .avatar {
    width: 60px;
    height: 60px;
  }
  .login-modal .modal-wrap.mobile .user-modal-content .user-info .name,
  .user-modal .modal-wrap.mobile .user-modal-content .user-info .name {
    font-size: 16px;
    margin-top: 12px;
  }
  .login-modal .modal-wrap.mobile .user-modal-content .logout-btn,
  .user-modal .modal-wrap.mobile .user-modal-content .logout-btn {
    font-size: 14px;
    height: 40px;
    line-height: 40px;
  }
  .modal-tips {
    position: fixed;
    top: 36%;
    left: 50%;
    z-index: 9999;
    -ms-transform: translatex(-50%);
        transform: translatex(-50%);
    background: rgba(0, 0, 0, 0.7);
    padding: 6px 16px;
    border-radius: 8px;
    word-break: break-all;
    max-width: 85%;
    color: #fff;
    display: none;
    font-size: 15px;
  }
  .modal-tips.show {
    display: block;
  }
  .header-container {
    width: 100%;
    background: #fff;
    border-bottom: 1px solid #eee;
  }
  header {
    height: 80px;
    position: relative;
  }
  header .inner {
    position: relative;
    max-width: 960px;
    _width: 960px;
    height: 80px;
    margin: 0 auto;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: justify;
        justify-content: space-between;
  }
  header .inner .logo-wp {
    margin: 20px 13px;
    display: inline-block;
    vertical-align: top;
  }
  header .inner .logo-wp .logo {
    text-indent: 100%;
    overflow: hidden;
    *overflow: initial;
    *text-indent: -9866px;
    white-space: nowrap;
    width: 103px;
    height: 39px;
    display: block;
    background:  no-repeat center center;
    background-size: 103px 40px;
  }
  header .inner .logo-wp .logo:hover {
    text-decoration: none;
  }
  header .inner .search-right {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: end;
        justify-content: flex-end;
    padding-right: 12px;
  }
  header .inner .search-right .user-info {
    margin-left: 6px;
  }
  header .inner .search-right .user-info .avatar {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    object-fit: cover;
    cursor: pointer;
  }
  header .drawer {
    display: none;
  }
  .header-nav {
    display: inline-block;
    vertical-align: top;
  }
  .header-nav li {
    display: inline-block;
    text-align: center;
  }
  .header-nav li a {
    text-decoration: none;
    padding: 33px 15px 0;
    font-size: 14px;
    color: #999;
    transition: color .5s;
    display: block;
  }
  .header-nav li a.green {
    color: #24aa42;
  }
  .menu-list {
    display: block;
    position: relative;
    max-width: 960px;
    _width: 960px;
    z-index: 10;
    margin: 0 auto;
    box-shadow: none;
  }
  .menu-list .parent-menu {
    overflow: hidden;
  }
  .menu-list .nav-item {
    width: auto;
    display: inline-block;
    *line-height: 36px;
    border-bottom: 0;
    text-align: center;
  }
  .menu-list .nav-item .first-link {
    line-height: 36px;
    display: inline-block;
  }
  .menu-list .nav-item span {
    cursor: pointer;
    _top: 7px;
    position: relative;
    display: inline-block;
    height: 20px;
    line-height: 20px;
    font-size: 14px;
    color: #666;
    padding: 0 20px;
  }
  .menu-list .nav-item .new-tip {
    display: none;
    font-size: 12px;
    color: #24aa42;
    margin-left: 10px;
  }
  .menu-list .nav-item.last span {
    border-right: 0;
  }
  .menu-list .game-tag-wrap,
  .menu-list .app-tag-wrap {
    position: relative;
  }
  .menu-list .current .first-link {
    line-height: 20px;
    padding: 8px 0 6px 0;
    padding-top: 7px\9;
    border-bottom: 3px solid #4cc8b5;
    *margin-bottom: -7px;
    _padding-bottom: 8px;
  }
  .menu-list .current .first-link span {
    _top: 1px;
    margin-bottom: -3px;
  }
  .menu-list.pc-main-menu {
    display: block;
  }
  .menu-list.pc-main-menu .arrow-down {
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: transparent;
    border-top-color: #333;
    border-width: 4px;
    margin-left: 4px;
    _font-size: 0;
    _line-height: 0;
    _border-right-color: pink;
    _border-left-color: pink;
    _border-bottom-color: pink;
    _filter: chroma(color=pink);
    top: 7px;
    right: 12px;
  }
  .menu-list.menu-list-hide {
    display: none;
  }
  .j-mask {
    display: none;
    position: fixed;
    background: rgba(0, 0, 0, 0.1);
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 100;
  }
  .mobile .menu-list .arrow-down,
  .tablet .menu-list .arrow-down {
    display: none;
  }
  .extra {
    position: absolute;
    right: 0;
    top: 20px;
  }
  .extra .launcher {
    margin-top: 3px;
    display: inline-block;
    float: right;
    opacity: 0.9;
    width: 17px;
    height: 22px;
    background:  no-repeat 0 center;
  }
  .extra .launcher:hover {
    opacity: 1;
  }
  @media screen and (min-width: 700px) {
    .header-container {
      min-width: 960px;
    }
    .menu-list .parent-menu {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
          align-items: center;
      -ms-flex-pack: justify;
          justify-content: space-between;
      padding: 0 20px;
    }
  }
  @media screen and (max-width: 699px) {
    .header-container {
      border-bottom: none;
    }
    header {
      height: 44px;
    }
    header .inner {
      position: absolute;
      top: 0;
      width: 100%;
      height: 44px;
      background-color: #fff;
    }
    header .inner .logo-wp {
      margin: 7px 13px;
    }
    header .inner .logo-wp .logo {
      width: 76px;
      height: 30px;
      background-size: 76px 30px;
    }
    .menu-list {
      height: 36px;
    }
    .parent-menu {
      position: absolute;
      top: 0;
      width: 100%;
      height: 35px;
      border-bottom: 1px solid #eee;
      background-color: #ffffff;
    }
    .header-fixed header .inner {
      position: fixed;
    }
    .header-fixed .parent-menu {
      position: fixed;
      top: 44px;
    }
    .mask {
      display: none;
    }
    .menu-list {
      width: 100%;
    }
    .menu-list .nav-item {
      float: left;
      width: 25%;
      font-size: 0;
    }
    .menu-list .nav-item a {
      font-size: 14px;
    }
    .menu-list .nav-item span {
      padding: 0;
      color: #999;
    }
    .menu-list .nav-item .new-tip {
      display: inline-block;
    }
    .menu-list .nav-item.nav-item .first-link span {
      border: none;
    }
    .menu-list .current .first-link {
      position: relative;
      border-bottom: none;
    }
    .menu-list .current .first-link span {
      color: #333333;
    }
    .menu-list .current .first-link:after {
      content: '';
      position: absolute;
      bottom: -2px;
      left: 50%;
      width: 9px;
      height: 3px;
      -ms-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
      -webkit-transform: translate(-50%, 0);
      background-color: #333333;
    }
  }
  @media screen and (min-width: 700px) and (max-width: 959px) {
    .menu-list li span {
      padding: 0 15px;
    }
  }
  footer {
    border-top: 1px solid #eee;
    padding: 0.8em;
    font-size: 12px;
    color: #999;
    text-align: center;
    background-color: #fff;
  }
  footer nav {
    margin-top: 0.5em;
  }
  footer nav a {
    color: #999;
    margin-right: 0.85em;
  }
  footer nav .last {
    margin-right: 0;
  }
  footer .useless,
  footer .intellectual {
    margin: 10px 10%;
    font-size: 0.8em;
  }
  footer .useless a,
  footer .intellectual a {
    color: #aaa;
  }
  footer .useless .meta-text,
  footer .intellectual .meta-text {
    margin-right: 10px;
  }
  footer .guohui {
    display: inline-block;
    background:  no-repeat center 0;
    background-size: 20px 20px;
    width: 20px;
    height: 20px;
    vertical-align: middle;
  }
  footer .network-report {
    position: relative;
    top: 6px;
    display: inline-block;
    width: 180px;
    height: 30px;
    vertical-align: bottom;
  }
  footer .network-report .network-report-icon {
    display: inline-block;
    width: 20px;
    height: 20px;
    background:  no-repeat;
    background-size: 100%;
  }
  footer .network-report .network-report-text {
    vertical-align: top;
    display: inline-block;
    line-height: 20px;
    height: 20px;
  }
  footer .network-110-icon {
    display: inline-block;
    width: 54px;
    height: 26px;
    vertical-align: middle;
    background:  no-repeat 10px center;
      background-size: 16px 16px;
    }
    .links {
      text-align: center;
      width: 100%;
      padding: 4px 0 0;
      margin-bottom: 60px;
      overflow: hidden;
      line-height: 18px;
    }
    .m-links-list {
      float: left;
      width: 90px;
      text-align: left;
    }
    .m-links-list:first-child {
      width: 72px;
    }
    .m-links-list a {
      display: block;
      padding: 0;
      line-height: 24px;
      text-align: left;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
    }
    .wdj-web-view-index .links,
    .wdj-web-view-apps .links {
      margin-bottom: 0;
    }
    .wdj-web-view-index footer {
      padding-bottom: 16px;
    }
    .links-short {
      height: 48px;
    }
    .links-mobile {
      overflow: hidden;
    }
    .links-more {
      height: 48px;
    }
    .links-more.links-arrow-up {
      background:  no-repeat center center;
      background-size: 12px 12px;
    }
    .links-more.links-arrow-down {
      background:  no-repeat center center;
      background-size: 12px 12px;
    }
  }
  .tag {
    height: 15px;
    width: 35px;
    overflow: hidden;
    display: inline-block;
  }
  .tag.safe {
    width: 46px;
    height: 15px;
    background:  no-repeat;
  }
  .tag.unknown,
  .tag.maysafe {
    width: 35px;
    height: 15px;
    background:  no-repeat;
  }
  .tag.danger {
    width: 27px;
    height: 15px;
    background:  no-repeat;
  }
  .tag.no-ad {
    width: 16px;
    height: 16px;
    background:  no-repeat;
    background-size: 100%;
  }
  .tag.adv-embed {
    width: 16px;
    height: 16px;
    background:  no-repeat;
  }
  .tag.adv {
    width: 47px;
    height: 15px;
    background:  no-repeat;
  }
  .tag.permission-info.dangerous {
    width: 16px;
    height: 16px;
    background:  no-repeat;
    background-size: 100%;
  }
  .tag.permission-info.normal,
  .tag.permission-info.trusted {
    width: 16px;
    height: 16px;
    background:  no-repeat;
    background-size: 100%;
  }
  .tag.verify-info.google-verified {
    width: 71px;
    height: 15px;
    background:  no-repeat;
  }
  .tag.verify-info.official-verified {
    width: 61px;
    height: 15px;
    background:  no-repeat;
  }
  .tag.verify-info.not-verified {
    width: 71px;
    height: 15px;
    background:  no-repeat;
  }
  .tag.verify-info.wdj-verified {
    width: 16px;
    height: 16px;
    background:  no-repeat;
    background-size: 100%;
  }
  .tag.verify-info.not-wdj-verified {
    width: 46px;
    height: 15px;
    background:  no-repeat;
  }
  .tag.gooddev {
    width: 15px;
    height: 13px;
    background:  no-repeat;
    vertical-align: middle;
    margin-right: 2px;
  }
  .tag.promotion {
    width: 25px;
    height: 13px;
    vertical-align: middle;
    background:  no-repeat;
  }
  .tag-popup {
    display: none;
    position: absolute;
    left: 0;
    top: 32px;
    _top: 30px;
    text-align: left;
    z-index: 20;
    padding: 15px 15px 5px 15px;
    background: #f7f7f7;
    border: 1px solid #ddd;
    width: 660px;
  }
  .tag-popup .parent-cate {
    line-height: 22px;
    float: left;
    width: 50%;
    margin-bottom: 10px;
  }
  .tag-popup .parent-cate .cate-link {
    font-size: 0.875em;
    color: #333;
    padding: 0;
    padding-left: 10px;
    display: inline-block;
    line-height: 16px;
    border-left: 3px solid #4cc9b6;
    border-bottom: 0;
    width: 80%;
  }
  .tag-popup .parent-cate ul {
    margin-left: 8px;
  }
  .tag-popup .child-cate {
    float: left;
  }
  .tag-popup .child-cate a {
    font-size: 0.75em;
    color: #999;
    padding: 0 5px;
    margin-right: 2px;
    border-left: 0;
    display: inline-block;
  }
  .tag-popup .child-cate a:hover {
    text-decoration: underline;
    color: #2f7c2f;
  }
  .game-popup {
    width: 680px;
  }
  @media screen and (max-width: 674px) {
    .tag-popup {
      visibility: hidden;
    }
  }
  .arrow-up,
  .arrow-down {
    display: inline-block;
    width: 18px;
    height: 18px;
    background:  no-repeat;
    background-size: 100%;
  }
  .arrow-up {
    -ms-transform: rotate(180deg);
        transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
  }
  .crumb,
  .crumb-new {
    vertical-align: middle;
    max-width: 940px;
    _width: 940px;
    margin: 15px 10px;
    font-size: 0.75em;
    color: #999;
  }
  .crumb a,
  .crumb-new a,
  .crumb .sep,
  .crumb-new .sep {
    color: #999;
    margin: 0 1px;
  }
  .crumb .last,
  .crumb-new .last {
    color: #666;
  }
  .crumb .index,
  .crumb-new .index,
  .crumb .second,
  .crumb-new .second,
  .crumb .third,
  .crumb-new .third {
    display: inline;
  }
  .crumb .crumb-h1,
  .crumb-new .crumb-h1 {
    margin: 0;
    font-size: 1em;
    font-weight: normal;
    display: inline;
  }
  .crumb .current,
  .crumb-new .current {
    cursor: default;
    color: #666;
  }
  @media screen and (max-width: 699px) {
    .crumb {
      margin: 10px;
    }
  }
  .wx-dialog {
    z-index: 99999;
  }
  .wx-download-tip {
    height: 239px;
    position: fixed;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, 0.8);
    filter: alpha(opacity=80);
    width: 100%;
    height: 100%;
    z-index: 99999;
  }
  .wx-download-tip .inner {
    text-align: center;
    margin-top: 10%;
    padding: 0 5%;
    position: relative;
  }
  .wx-download-tip .inner img {
    max-width: 100%;
    height: auto;
  }
  .wx-download-tip .inner .close {
    color: #fff;
    padding: 5px;
    font: bold 20px/20px simsun;
    text-shadow: 0 1px 0 #ddd;
    position: absolute;
    top: 0;
    left: 5%;
  }
  .mobile-popup.ios-dialog .popop-close {
    display: none;
  }
  .mobile-popup.ios-dialog .close {
    top: 0px;
  }
  .mobile-popup.ios-dialog .ios-download-tip {
    margin: 30px 10px 20px;
    text-align: center;
    color: #333;
  }
  .mobile-popup.ios-dialog .ensure {
    display: inline-block;
    margin-top: 20px;
    letter-spacing: 2px;
  }
  .card {
    float: left;
    width: 96%;
    width: 298px\9;
    margin: 0 2% 2% 2%;
    margin: 0 10px 20px 12px\9;
    _margin: 0 12px 20px 6px;
    position: relative;
    box-shadow: 0 1px 2px #d6d6d6;
    border-bottom: 1px solid #d4d4d4;
    min-height: 48px;
    background: #fff;
    overflow: hidden;
  }
  .card .icon-wrap {
    float: left;
    width: 68px;
    margin: 15px 10px;
    _margin-left: 5px;
  }
  .card .icon-wrap img {
    display: block;
  }
  .card .app-desc {
    margin: 15px 0 25px 88px;
    *padding-bottom: 25px;
  }
  .card .app-desc .app-title-h2 {
    margin: 0;
    padding: 0;
    font-weight: normal;
    font-size: 1em;
  }
  .card .app-desc .name {
    display: block;
    height: 1.125em;
    line-height: 1;
    margin-top: 3px;
    width: 150px;
    width: 132px\9;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    color: #333;
    font-size: 1em;
  }
  .card .app-desc .name em {
    font-style: normal;
  }
  .card .app-desc .meta {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-top: 5px;
  }
  .card .app-desc .meta .promoted-text {
    vertical-align: middle;
    color: #fba217;
    font-size: 0.75em;
    font-weight: normal;
    *margin-left: 4px;
  }
  .card .app-desc .meta span {
    vertical-align: middle;
    color: #ccc;
    font-size: 0.75em;
  }
  .card .app-desc .meta .install-count {
    *margin-left: 4px;
  }
  .card .comment {
    color: #999;
    font-size: 13px;
    margin-top: 8px;
    margin-right: 15px;
    height: 60px;
    line-height: 20px;
    overflow: hidden;
  }
  .card .tag-link {
    position: absolute;
    bottom: 0;
    right: 0;
    display: inline-block;
    height: 22px;
    width: 76px;
    line-height: 24px;
    font-size: 0.75em;
    text-align: center;
    color: #999;
    background: #ebebeb;
  }
  .card.small .app-desc {
    margin: 18px 0 0 88px;
  }
  .card.small .app-desc .meta {
    margin-top: 5px;
  }
  .card.small .install-btn,
  .card.small .detail-check-btn {
    top: 13px;
  }
  .card.small .icon-wrap {
    margin: 10px;
    _margin-left: 5px;
  }
  .card.small .bubble {
    width: auto;
  }
  .simple-card {
    overflow: hidden;
    position: relative;
    margin-top: -1px;
    border-top: 1px solid #efefef;
  }
  .simple-card .icon-wrap {
    float: left;
    width: 48px;
    height: 48px;
    margin: 10px;
  }
  .simple-card .icon-wrap img {
    display: block;
    width: 48px;
    height: 48px;
    vertical-align: top;
  }
  .simple-card .app-desc {
    margin: 15px 15px 10px 68px;
  }
  .simple-card .app-desc .name {
    display: block;
    height: 1.125em;
    line-height: 1;
    margin-top: 3px;
    width: 150px;
    width: 132px\9;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    color: #333;
    font-size: 1em;
  }
  .simple-card .app-desc .meta span {
    vertical-align: middle;
    color: #ccc;
    font-size: 0.75em;
  }
  .compound-card {
    position: relative;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.06);
    background-color: #ffffff;
  }
  .compound-card.fixed-top {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 100;
  }
  .compound-card .compound-card-wrap {
    padding: 10px 16px;
  }
  .compound-card .icon-wrap {
    float: left;
    width: 44px;
    height: 44px;
  }
  .compound-card .icon-wrap img {
    display: block;
    width: 100%;
    height: 100%;
    vertical-align: top;
  }
  .compound-card .app-desc {
    margin-left: 52px;
    font-size: 12px;
  }
  .compound-card .app-desc .name {
    display: block;
    margin: 3px 80px 3px 0;
    color: #000;
    line-height: 18px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
  }
  .compound-card .app-desc .download,
  .compound-card .app-desc .text {
    margin-right: 80px;
    color: #999999;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .compound-card .normal-dl-btn {
    display: none;
  }
  .compound-card .install-btn {
    right: 16px;
    width: 70px;
    font-size: 12px;
  }
  .compound-card .check-box {
    position: absolute;
    right: 16px;
    bottom: 3px;
    color: #999999;
    font-size: 12px;
    text-align: right;
    padding-left: 22px;
    background:  5px 1px no-repeat;
    background-size: 12px 12px;
  }
  .compound-card .check-box.active {
    background:  5px 1px no-repeat;
    background-size: 12px 12px;
  }
  .compound-card .check-box.active .common-download-text {
    display: none;
  }
  .compound-card .check-box.active .save-download-text {
    display: block;
  }
  .compound-card .check-box .common-download-text {
    display: block;
  }
  .compound-card .check-box .save-download-text {
    display: none;
  }
  .install-btn,
  .detail-check-btn {
    letter-spacing: 1px;
    font-size: 0.875em;
    position: absolute;
    top: 12px;
    right: 10px;
    text-align: center;
    width: 64px;
    height: 26px;
    line-height: 26px;
    color: #fff;
    border-radius: 3px;
    background: #24aa42;
  }
  .install-btn:hover,
  .detail-check-btn:hover {
    color: #fff;
    opacity: 0.9;
  }
  .install-btn.disabled,
  .detail-check-btn.disabled {
    color: #666;
    background: #ccc;
    font-size: 0.75em;
  }
  .ng-install-btn {
    position: absolute;
    top: 18px;
    right: 18px;
    text-align: center;
    width: 64px;
    height: 26px;
    line-height: 26px;
    color: #fff;
    border-radius: 3px;
    background-image: linear-gradient(148deg, #faa12a 0%, #ff4e37 100%);
    font-family: pingfangsc;
    font-weight: 600;
    font-size: 12px;
  }
  .ng-install-btn:hover {
    color: #fff;
    opacity: 0.9;
  }
  @media screen and (min-width: 600px) and (max-width: 919px) {
    .card {
      width: 48%;
      margin: 0 1% 2% 1%;
    }
  }
  @media screen and (min-width: 920px) {
    .card {
      width: 31%;
      margin: 0 1.1666% 2.3332% 1.1666%;
    }
    .card .app-desc .name {
      width: 132px;
    }
  }
  @media (min-resolution: 192dpi) {
    .card .app-desc .gooddev {
      background:  no-repeat center center;
      background-size: 15px 13px;
    }
    .card .app-desc .promotion {
      background:  no-repeat center center;
      background-size: 25px 13px;
    }
  }
  .pagination {
    font-size: 14px;
    margin: 25px auto;
    text-align: center;
  }
  .pagination .dot {
    font-family: "microsoft yahei", "hiragino sans gb", "helvetica neue", helvetica, arial, sans-serif;
  }
  .pagination .current {
    font-size: 16px;
    text-shadow: 0 0 1px #2f7c2f;
  }
  .pagination .prev-page,
  .pagination .next-page {
    position: relative;
    padding: 0;
  }
  .pagination .prev-page:before {
    right: 48px;
    content: "";
    display: block;
    position: absolute;
    height: 41px;
    width: 40px;
    top: -12px;
    background-image: ;
    background-repeat: no-repeat;
    background-position: 0 0;
  }
  .pagination .prev-page.prev-disabled {
    text-decoration: none;
    color: #d5d5d5;
    cursor: default;
  }
  .pagination .prev-page.prev-disabled:before {
    background-position: 0 -41px;
  }
  .pagination .next-page:after {
    left: 48px;
    content: "";
    display: block;
    position: absolute;
    height: 41px;
    width: 40px;
    top: -12px;
    background-image: ;
    background-repeat: no-repeat;
    background-position: 0 -82px;
  }
  .pagination .next-page.next-disabled {
    text-decoration: none;
    color: #d5d5d5;
    cursor: default;
  }
  .pagination .next-page.next-disabled:after {
    background-position: 0 -123px;
  }
  .pagination a {
    color: #58af1e;
    padding: 0 6px;
  }
  @media all and (max-width: 699px) {
    .pagination .page-item {
      display: none;
    }
    .pagination .prev-page {
      display: inline;
    }
    .pagination .next-page {
      display: inline;
    }
  }
  .offline-info .offline-icon {
    margin: 80px auto 20px;
    width: 110px;
    height: 110px;
    background:  no-repeat;
  }
  .offline-info .offline-title {
    color: #333;
    font-size: 26px;
    text-align: center;
  }
  @media screen and (max-width: 850px) {
    .offline-info .offline-icon {
      margin: 40px auto 15px;
      width: 100px;
      height: 100px;
      background-size: 100%;
    }
    .offline-info .offline-title {
      margin-bottom: 40px;
      color: #999;
      font-size: 15px;
    }
  }
  .big-btn {
    display: block;
    color: #ffffff;
    height: 26px;
    padding: 8px 0;
    font-size: 16px;
    line-height: 26px;
    border-radius: 3px;
    text-align: center;
    background-color: #24aa42;
  }
  .big-btn.hollow {
    height: 22px;
    color: #24aa42;
    font-size: 14px;
    border: 1px solid #24aa42;
    background-color: #ffffff;
  }
  .module-more .btn-common {
    display: block;
    color: #24aa42;
    font-size: 14px;
    height: 40px;
    line-height: 40px;
    text-align: center;
  }
  .article-info {
    padding: 16px;
    color: #999;
  }
  .article-info .article-list .article-item {
    position: relative;
    display: block;
    height: 60px;
    line-height: 60px;
    border-bottom: 1px solid #f4f4f4;
  }
  .article-info .article-list .article-item:last-child {
    border-bottom: 0;
  }
  .article-info .article-list a {
    display: block;
  }
  .article-info .article-list p {
    margin-left: 60px;
    color: #333;
    font-size: 15px;
    line-height: 60px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
  }
  .article-info .article-list img {
    position: absolute;
    left: 0;
    top: 10px;
    width: 40px;
    height: 40px;
  }
  @media screen and (max-width: 850px) {
    .article-info .article-list p {
      margin-right: 60px;
      margin-left: 0;
    }
    .article-info .article-list img {
      left: auto;
      right: 0;
    }
  }
  .new-download,
  .pc-download {
    margin: 23px 13px 0 13px;
    display: -ms-flexbox;
    display: flex;
  }
  .new-download .new-app,
  .pc-download .new-app {
    position: relative;
    display: inline-block;
    width: 0;
    -ms-flex: 1;
        flex: 1;
    margin-left: 5%;
  }
  .new-download .new-app img,
  .pc-download .new-app img {
    width: 60px;
    height: 60px;
    margin: 0 auto;
    display: block;
  }
  .new-download .new-app .app-name,
  .pc-download .new-app .app-name {
    font-size: 0.8125em;
    color: #333;
    text-align: center;
    margin-top: 11px;
    max-width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    padding: 1px 0;
  }
  .new-download .new-app p,
  .pc-download .new-app p {
    text-align: center;
    color: #999;
    font-size: 10px;
  }
  .new-download .new-app a,
  .pc-download .new-app a {
    display: block;
    font-size: .875em;
  }
  .new-download .new-app .d-btn,
  .pc-download .new-app .d-btn,
  .new-download .new-app .detail-check-btn,
  .pc-download .new-app .detail-check-btn {
    width: 30px;
    letter-spacing: 1px;
    font-size: .875em;
    text-align: center;
    padding: 4px 15px;
    color: #fff;
    background: #24aa42;
    margin: 9px auto 0;
    border-radius: 2px;
  }
  .new-download .new-app .detail-check-btn,
  .pc-download .new-app .detail-check-btn {
    position: static;
    height: auto;
    line-height: inherit;
  }
  .new-download li:first-child,
  .pc-download li:first-child {
    margin-left: 0;
  }
  .pc-download {
    margin: 23px 0 0;
  }
  .pc-download li:last-child {
    display: none;
  }
  @media screen and (max-width: 359px) {
    .new-download li:last-child {
      display: none;
    }
  }
  .comments {
    padding: 16px;
    border-bottom: 1px solid #f4f4f4;
  }
  .comments .no-comments {
    font-size: 0.875em;
    color: #ccc;
    margin: 10px auto;
  }
  .comments .comment-join {
    margin-bottom: 6px;
  }
  .comments .comments-list {
    background: #fff;
  }
  .comments .comments-list li {
    position: relative;
    padding: 16px 0;
    border-bottom: 1px solid #f4f4f4;
  }
  .comments .comments-list li:last-child {
    border-bottom: 0;
  }
  .comments .comments-list li.normal-li-detail {
    border-top: none;
    padding-top: 0;
  }
  .comments .comments-list li .comment-avatar {
    position: absolute;
    left: 0;
    top: 16px;
    width: 32px;
    height: 32px;
    -webkit-border-top-left-radius: 50%;
    -webkit-border-top-right-radius: 50%;
    -webkit-border-bottom-right-radius: 50%;
    -webkit-border-bottom-left-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-top-left-radius: 50%;
    border-top-right-radius: 50%;
    border-bottom-right-radius: 50%;
    border-bottom-left-radius: 50%;
    border-radius: 50%;
    overflow: hidden;
  }
  .comments .comments-list li .comment-avatar img {
    width: 100%;
    height: 100%;
    vertical-align: top;
  }
  .comments .comments-list li .comment-main {
    padding-left: 40px;
  }
  .comments .comments-list li .first,
  .comments .comments-list li .last {
    font-size: 0.75em;
    color: #999;
  }
  .comments .comments-list li .first .name,
  .comments .comments-list li .last .name {
    display: inline-block;
    margin-right: 10px;
    font-size: 14px;
    color: #333333;
  }
  .comments .comments-list li .first .time,
  .comments .comments-list li .last .time,
  .comments .comments-list li .first .praise,
  .comments .comments-list li .last .praise {
    float: right;
  }
  .comments .comments-list li .first .praise,
  .comments .comments-list li .last .praise {
    color: #333333;
    line-height: 20px;
    padding-right: 20px;
    background:  right 0 no-repeat;
    background-size: 16px 16px;
  }
  .comments .comments-list li .cmt-time {
    margin-bottom: 14px;
    color: #999999;
    font-size: 12px;
    line-height: 17px;
  }
  .comments .comments-list li .cmt-recommend {
    color: #23aa43;
  }
  .comments .comments-list li .cmt-ip {
    color: #999999;
  }
  .comments .comments-list li .cmt-deprecated {
    color: #f29a33;
  }
  .comments .comments-list li .superior {
    font-size: 0.75em;
    color: #ccc;
  }
  .comments .comments-list li span.comment-quality {
    display: inline-block;
    margin-left: 10px;
    color: #24aa42;
    line-height: 16px;
    padding: 0 5px;
    border: 1px solid #eee;
    border-radius: 2px;
  }
  .comments .comments-list li i.comment-quality {
    position: absolute;
    right: 70px;
    top: 12px;
    width: 74px;
    height: 34px;
    -ms-transform: rotate(10deg);
        transform: rotate(10deg);
    -webkit-transform: rotate(10deg);
    background:  no-repeat;
    background-size: 100%;
  }
  .comments .comments-list .comment-replies {
    background-color: #f5f5f5;
    padding: 10px;
    color: #666;
    font-size: 0.75em;
    line-height: 20px;
  }
  .comments .comments-list .comment-replies .respondent {
    color: #999;
  }
  .comments .comments-list .comment-replies .reply-item {
    word-break: break-all;
  }
  .comments .comments-list .comment-replies .reply-item.reply-item-hide {
    display: none;
  }
  .comments .comments-list .comment-replies .reply-ip {
    margin-left: 6px;
    color: #999;
    font-size: 12px;
  }
  .comments .comments-list .comment-replies .reply-more {
    margin-top: 6px;
    color: #24aa42;
    cursor: pointer;
  }
  .comments .comments-list .comment-replies .reply-more.reply-loading {
    color: #999;
  }
  .comments .comment-submit-wrap textarea {
    padding: 4%;
    width: 92%;
    height: 20px;
    resize: none;
    color: #999;
    font-size: 13px;
    line-height: 20px;
    border: 0;
    background: #f5f5f5;
    border-radius: 5px;
  }
  .comments .comment-submit-wrap .comment-opera {
    height: 36px;
    line-height: 36px;
    margin-top: 10px;
  }
  .comments .comment-submit-wrap .comment-opera .tip {
    color: #999;
    font-size: 0.875em;
  }
  .comments .comment-submit-wrap .comment-opera .comment-submit {
    float: right;
    width: 60px;
    height: 28px;
    color: #ffffff;
    cursor: pointer;
    line-height: 28px;
    text-align: center;
    font-size: 0.875em;
    border-radius: 2px;
    background-color: #24aa44;
  }
  .comments .cmt-content {
    margin: 15px 0 8px;
    line-height: 1.6;
    color: #666;
    font-size: 0.8125em;
  }
  .comments .cmt-content span {
    word-wrap: break-word;
    word-break: break-all;
  }
  .comments.order-operate-comments .cmt-content {
    color: #333333;
    font-size: 15px;
    line-height: 1.4;
  }
  .comments.order-operate-comments .comment-replies .reply-item {
    color: #666666;
    font-size: 14px;
    line-height: 20px;
  }
  .avg-score-star,
  .comment-score {
    position: relative;
    display: inline-block;
    width: 68px;
    height: 12px;
    margin-right: 12px;
    background:  no-repeat;
    background-size: 68px 12px;
  }
  .avg-score-current,
  .score-current {
    position: absolute;
    left: 0;
    top: 0;
    height: 12px;
    background:  no-repeat;
    background-size: 68px 12px;
  }
  .load-more-comment {
    text-align: left;
    margin: 10px 0 20px;
  }
  .load-more-comment .refresh-comment-btn {
    background: #e7e7e7;
    display: inline-block;
    font-size: 0.875em;
    padding: 8px 20px;
    color: #333;
  }
  .load-more-comment .refresh-comment-btn:hover {
    background: #dedede;
  }
  @media screen and (max-width: 850px) {
    .comments .comments-list li.normal-li-detail {
      padding-bottom: 6px;
    }
    .detail-comment-more .tip {
      font-size: 1em;
    }
  }
  .static-brand {
    margin: 16px 0;
    padding: 0 16px;
  }
  .static-brand.has-bt-border {
    padding-bottom: 16px;
    border-bottom: 1px solid #f4f4f4;
  }
  .static-brand .wdj-icon {
    display: inline-block;
    width: 37px;
    height: 40px;
    vertical-align: middle;
    background:  no-repeat;
    background-size: 37px auto;
  }
  .static-brand .text {
    font-size: 14px;
  }
  .static-brand .text b {
    color: #24aa42;
  }
  .static-brand .wdj-download {
    float: right;
    width: 30px;
    margin-top: 5px;
    letter-spacing: 1px;
    font-size: .875em;
    text-align: center;
    padding: 5px 15px;
    color: #fff;
    background: #24aa42;
    border-radius: 2px;
    /* 箭头按钮样式注释掉 */
    /*display: inline-block;
          width: 50px;
          height: 36px;
          vertical-align: middle;
          border-left: 1px solid #f0f0f0;
          background:  center right no-repeat;
          background-size: 33px 28px;*/
  }
  @media screen and (min-width: 960px) {
    .static-brand .wdj-download {
      float: none;
      margin-left: 10px;
    }
  }
  .app-news-list li {
    margin: 0;
    padding: 16px 0;
    position: relative;
    border-bottom: 1px solid #f4f4f4;
    overflow: hidden;
    font-size: 14px;
    line-height: 20px;
  }
  .app-news-list li:last-child {
    border-bottom: 0;
  }
  .app-news-list li span {
    font-size: 12px;
    float: right;
  }
  .app-news-list li p {
    float: left;
    width: 60%;
  }
  .app-news-list li p.block {
    float: none;
    width: 100%;
  }
  .app-news-list li a {
    color: #333;
    display: block;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
  }
  .topbanner,
  .midbanner {
    position: relative;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
  }
  .topbanner > a,
  .midbanner > a {
    display: block;
    width: 100%;
  }
  .topbanner > a > img,
  .midbanner > a > img {
    width: 100%;
  }
  .botbanner {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
  }
  .botbanner.hide {
    display: none;
  }
  .botbanner .botbanner-close {
    position: absolute;
    bottom: 0;
    right: 16%;
    width: 40px;
    height: 100%;
    cursor: pointer;
  }
  .botbanner .botbanner-close-m {
    position: absolute;
    top: -20px;
    right: 0;
    width: 40px;
    height: 40px;
    cursor: pointer;
  }
  .botbanner > a {
    display: block;
    width: 100%;
  }
  .botbanner > a > img {
    width: 100%;
  }
  .botbannerblock {
    position: relative;
    width: 100%;
  }
  .sign-app {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-pack: center;
        justify-content: center;
    -ms-flex-align: center;
        align-items: center;
  }
  .sign-app .icon {
    width: 72px;
    height: 72px;
    border-radius: 12px;
  }
  .sign-app .name {
    font-size: 18px;
    font-weight: bold;
    margin-top: 8px;
    color: #333;
  }
  .sign-info {
    margin-top: 32px;
    color: #222426;
  }
  .sign-info .info-title {
    font-weight: bold;
    margin-bottom: 4px;
    font-size: 16px;
  }
  .sign-info .info-text {
    font-size: 14px;
    margin-bottom: 4px;
  }
  .sign-info .info-desc {
    font-size: 14px;
    color: #919499;
  }
  body {
    background-color: #ffffff;
  }
  .app-title-h1 {
    display: none;
  }
  .crumb-new {
    margin: 10px 16px 0;
  }
  .detail-wrap {
    max-width: 960px;
    margin: 10px 0 20px;
    background: #fff;
    /*box-shadow: 0 1px 0 #eee;*/
  }
  .permission-modal .permission-modal-mask {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 999;
    background: rgba(0, 0, 0, 0.5);
  }
  .permission-modal .permission-wrap {
    position: fixed;
    z-index: 999;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    height: 80%;
    width: 70%;
    max-height: 560px;
    background: #fff;
    border-radius: 4px;
    overflow-y: auto;
    padding: 12px;
    font-size: 12px;
    color: #999999;
  }
  .permission-modal .permission-wrap .permission-tips {
    color: #404040;
    margin-bottom: 6px;
  }
  .permission-modal .permission-wrap .permission-desc {
    color: #aaa;
    padding-left: 6px;
  }
  .permission-modal .permission-wrap p {
    margin-bottom: 4px;
    color: #666;
  }
  .detail-video-wrap,
  .detail-picture-wrap {
    margin: 10px 16px 8px 16px;
  }
  .detail-video-wrap {
    position: relative;
    height: 186px;
  }
  .detail-video-wrap .video-mask {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
  }
  .detail-video-wrap .video-mask .mask-img {
    width: 100%;
    height: 100%;
  }
  .detail-video-wrap .video-mask .video-play {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 64px;
    height: 64px;
    background:  50% no-repeat;
    background-size: 64px 64px;
  }
  .detail-video-wrap .video {
    display: none;
    width: 100%;
    height: 186px;
  }
  .detail-picture-wrap {
    border-radius: 3px;
    overflow: hidden;
  }
  .detail-picture-wrap img {
    vertical-align: top;
    width: 100%;
    height: 100%;
  }
  .detail-top {
    position: relative;
    padding: 15px 0 15px 15px;
    width: 70%;
  }
  .detail-top .app-icon {
    float: left;
  }
  .detail-top .app-icon img {
    width: 160px;
    height: 160px;
    display: block;
  }
  .detail-top .tagline {
    color: #999;
    min-height: 10px;
    font-size: 0.875em;
    margin: 5px 0 10px;
  }
  .detail-top .app-info .title {
    font-size: 24px;
    font-weight: 500;
    vertical-align: middle;
    display: inline-block;
    max-width: 210px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
  }
  .detail-top .app-info .app-name {
    color: #333;
    font-size: 24px;
    margin: 10px 0 0 190px;
  }
  .detail-top .app-info .app-name .tag {
    top: -2px;
  }
  .detail-top .app-info .app-name .app-offline-tips {
    position: relative;
    top: 2px;
    left: 4px;
  }
  .detail-top .app-info .app-sign-tag {
    width: 62px;
    height: 16px;
    vertical-align: middle;
    cursor: pointer;
  }
  .detail-top .app-info .app-meta {
    margin-top: 5px;
    color: #ccc;
    font-size: .75em;
  }
  .detail-top .qr-info {
    position: absolute;
    top: 12px;
    right: 30px;
    text-align: center;
  }
  .detail-top .qr-info img {
    display: block;
    width: 100px;
    height: 100px;
    margin: 0 auto;
  }
  .detail-top .qr-info a {
    color: #333;
    font-weight: 500;
    text-align: center;
    font-size: 13px;
  }
  .detail-top .install-btn[data-btn-status="default"] {
    margin-left: 0;
  }
  .detail-top .dir-install-btn,
  .detail-top .install-btn,
  .detail-top .push-btn {
    letter-spacing: 1px;
    display: inline-block;
    font-size: 0.875em;
    text-align: center;
    padding: 5px 15px;
    color: #fff;
    background: #4cc9b6;
  }
  .detail-top .dir-install-btn.disabled,
  .detail-top .install-btn.disabled,
  .detail-top .push-btn.disabled {
    color: #666;
    background: #ccc;
    font-size: 0.75em;
  }
  .detail-top .dir-install-btn.sem-btn,
  .detail-top .install-btn.sem-btn,
  .detail-top .push-btn.sem-btn {
    background: #24aa42;
    font-size: 1em;
  }
  .detail-top .dir-install-btn.sem-btn .wd-icon,
  .detail-top .install-btn.sem-btn .wd-icon,
  .detail-top .push-btn.sem-btn .wd-icon {
    display: inline-block;
    width: 24px;
    height: 24px;
    margin-top: -4px;
    margin-right: 4px;
    line-height: 24px;
    vertical-align: text-top;
    background-image: ;
  }
  .detail-top .install-btn {
    font-size: 1em;
  }
  .detail-top .app-security {
    position: absolute;
    right: 20px;
    top: 80px;
  }
  @media screen and (max-width: 540px) {
    .detail-top.app-offline-game .num-list .item {
      margin-top: 5px;
    }
  }
  .detail-top.app-offline-game .num-list .item.last {
    padding-left: 0;
  }
  .detail-top .app-offline-tips {
    display: inline-block;
    width: 154px;
    height: 15px;
    background:  no-repeat;
    background-size: 100%;
  }
  .detail-top .app-offline-wrap {
    margin: 10px 10px 10px 190px;
  }
  .detail-top .app-offline-wrap .app-offline-tips {
    display: none;
  }
  .detail-top .app-offline-wrap .app-offline-ng,
  .detail-top .app-offline-wrap .app-offline-down {
    display: inline-block;
    padding: 0 35px;
    height: 40px;
    cursor: pointer;
    border-radius: 3px;
    text-align: center;
    background-color: #24aa42;
  }
  .detail-top .app-offline-wrap .app-offline-ng img,
  .detail-top .app-offline-wrap .app-offline-down img {
    display: inline-block;
    margin-top: 12.5px;
    width: 208px;
    height: 15px;
  }
  .detail-top .app-offline-wrap .app-offline-ng .app-offline-down-ng,
  .detail-top .app-offline-wrap .app-offline-down .app-offline-down-ng,
  .detail-top .app-offline-wrap .app-offline-ng .app-offline-down-text,
  .detail-top .app-offline-wrap .app-offline-down .app-offline-down-text {
    display: inline-block;
    width: 208px;
    color: #ffffff;
    height: 40px;
    font-size: 15px;
    line-height: 40px;
    text-align: center;
  }
  .screenshot {
    overflow: hidden;
    padding: 16px;
  }
  .screenshot img {
    margin-right: 5px;
  }
  .tag-info {
    margin: 0 16px;
  }
  .tag-info a {
    display: inline-block;
    margin-bottom: 6px;
    padding: 6px 11px;
    color: #999;
    font-size: 12px;
    border-radius: 27px;
    border: 1px solid #edeef0;
  }
  .tag-info a i {
    color: #2faa49;
  }
  /* screenshot for mobile&tablet*/
  .scroll-wp {
    position: relative;
    height: 266px;
    overflow-x: auto;
    overflow-y: hidden;
  }
  .scroll-wp img {
    box-sizing: border-box;
    float: left;
    display: block;
    display: inline-block;
    height: 266px;
  }
  .scroll-wp img:last-child {
    margin-right: 0;
  }
  .carousel {
    overflow: hidden;
  }
  .carousel .item {
    display: block;
    float: left;
    text-align: center;
  }
  .carousel .carousel-wp {
    width: 100%;
    position: relative;
  }
  .j-scrollbar-wrap {
    position: relative;
    height: 284px;
    overflow: hidden;
  }
  .j-scrollbar-wrap .view-box {
    overflow: hidden;
    position: relative;
    margin-bottom: 5px;
    height: 266px;
  }
  .j-scrollbar-wrap .view-box .overview {
    position: absolute;
    top: 0;
    left: 0;
    height: 266px;
  }
  .j-scrollbar-wrap .view-box .overview img {
    float: left;
    margin-right: 5px;
    width: auto;
    height: 266px;
  }
  .j-scrollbar-wrap .scrollbar {
    position: relative;
    height: 7px;
  }
  .j-scrollbar-wrap .scrollbar .track {
    background: #efefef;
    border: 1px solid #ccc;
    border-radius: 8px;
    width: 100%;
    height: 7px;
    position: relative;
  }
  .j-scrollbar-wrap .scrollbar .track .thumb {
    background: #bbb;
    border: 1px solid #ccc;
    border-radius: 8px;
    height: 7px;
    cursor: pointer;
    overflow: hidden;
    position: absolute;
    left: 0;
    top: -1px;
  }
  .screen-pic-big {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: -1;
    background: rgba(0, 0, 0, 0.9);
    opacity: 0;
  }
  .screen-pic-big .swipe {
    display: block;
    height: 100%;
  }
  .screen-pic-big .swipe ul {
    height: 100%;
  }
  .screen-pic-big .swipe li {
    width: 100%;
    height: 100%;
    position: relative;
    float: left;
    text-align: center;
  }
  .screen-pic-big .swipe img {
    max-width: 80%;
    max-height: 80%;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
  }
  .always-visible.ps-container > .ps-scrollbar-x-rail,
  .always-visible.ps-container > .ps-scrollbar-y-rail {
    opacity: 0.6;
  }
  .block-title {
    font-family: roboto-bold;
    font-size: 18px;
    font-weight: 600;
    line-height: 21px;
    color: #333;
    margin: 0 0 15px;
    border-left: none;
    padding-left: 0;
  }
  .block-title a {
    font-size: 14px;
    color: #24aa42;
  }
  .block-title .title-more,
  .block-title span {
    float: right;
    font-weight: 400;
  }
  .block-title span {
    color: #999;
    font-size: 12px;
  }
  .editorcomment .con {
    background: #f7f7f7;
    padding: 20px;
    color: #333;
    border-radius: 3px;
  }
  .editorcomment .con .editorcomment-title {
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 12px;
  }
  .editorcomment .con .editorcomment-title i {
    display: inline-block;
    margin-right: 4px;
    width: 16px;
    height: 16px;
    background:  no-repeat;
    background-size: 100%;
  }
  .editorcomment,
  .use-skills,
  .comments,
  .infos {
    border-bottom: 1px solid #f4f4f4;
  }
  .desc-info,
  .article-info,
  .change-info,
  .app-offline-recommend,
  .editorcomment,
  .gift-info,
  .award-info,
  .all-version,
  .use-skills,
  .app-news {
    padding: 16px;
    color: #999;
  }
  .desc-info .con,
  .article-info .con,
  .change-info .con,
  .app-offline-recommend .con,
  .editorcomment .con,
  .gift-info .con,
  .award-info .con,
  .all-version .con,
  .use-skills .con,
  .app-news .con,
  .desc-info .more-link,
  .article-info .more-link,
  .change-info .more-link,
  .app-offline-recommend .more-link,
  .editorcomment .more-link,
  .gift-info .more-link,
  .award-info .more-link,
  .all-version .more-link,
  .use-skills .more-link,
  .app-news .more-link {
    line-height: 1.6;
    font-size: 0.8125em;
  }
  .desc-info .more-link,
  .article-info .more-link,
  .change-info .more-link,
  .app-offline-recommend .more-link,
  .editorcomment .more-link,
  .gift-info .more-link,
  .award-info .more-link,
  .all-version .more-link,
  .use-skills .more-link,
  .app-news .more-link {
    position: relative;
    display: block;
    text-align: right;
    margin-top: 4px;
    padding-right: 0;
    color: #999;
    cursor: pointer;
  }
  .desc-info .more-link .arrow-down,
  .article-info .more-link .arrow-down,
  .change-info .more-link .arrow-down,
  .app-offline-recommend .more-link .arrow-down,
  .editorcomment .more-link .arrow-down,
  .gift-info .more-link .arrow-down,
  .award-info .more-link .arrow-down,
  .all-version .more-link .arrow-down,
  .use-skills .more-link .arrow-down,
  .app-news .more-link .arrow-down {
    top: 6px;
    right: 12px;
  }
  .desc-info .more-link .arrow-up,
  .article-info .more-link .arrow-up,
  .change-info .more-link .arrow-up,
  .app-offline-recommend .more-link .arrow-up,
  .editorcomment .more-link .arrow-up,
  .gift-info .more-link .arrow-up,
  .award-info .more-link .arrow-up,
  .all-version .more-link .arrow-up,
  .use-skills .more-link .arrow-up,
  .app-news .more-link .arrow-up {
    top: 0;
    right: 12px;
  }
  .relative-rec.infos .block-title .title-more,
  .download-rank.infos .block-title .title-more {
    position: static;
    width: auto;
    float: right;
    margin-top: 2px;
    color: #24aa42;
    font-size: 14px;
    background: none;
  }
  .old-version-list li {
    margin: 0;
    padding: 10px 0;
    position: relative;
    border-bottom: 1px solid #f4f4f4;
  }
  .old-version-list li:last-child {
    border-bottom: 0;
  }
  .old-version-list li .icon-wrap {
    float: left;
    margin-right: 10px;
  }
  .old-version-list li img {
    width: 40px;
    height: 40px;
    display: block;
  }
  .old-version-list li p {
    font-size: .8125em;
    color: #555;
  }
  .old-version-list li span {
    font-size: 0.75em;
    color: #555;
  }
  .old-version-list li a.i-source,
  .old-version-list li .detail-check-btn {
    position: absolute;
    top: 16px;
    right: 0;
    letter-spacing: 1px;
    font-size: .875em;
    text-align: center;
    padding: 7px 15px;
    color: #fff;
    height: auto;
    line-height: inherit;
    border-radius: 3px;
    background: #24aa42;
  }
  .old-version-list li .latest-version-tag {
    display: inline-block;
    color: #fff;
    font-size: 12px;
    padding: 2px 4px;
    margin-left: 10px;
    background: #24aa42;
    border-radius: 3px;
  }
  .arrow-up,
  .arrow-down {
    display: inline-block;
    width: 18px;
    height: 18px;
    background:  no-repeat;
    background-size: 100%;
  }
  .arrow-up {
    -ms-transform: rotate(180deg);
        transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
  }
  .num-list {
    position: relative;
    margin: 10px 10px 10px 190px;
    font-size: 12px;
  }
  .num-list .app-info-data {
    margin-top: 10px;
  }
  .num-list .item {
    text-align: center;
    display: inline-block;
    padding-right: 10px;
  }
  .num-list .item i {
    font-family: arial;
    font-style: normal;
    color: #999;
    font-size: 16px;
  }
  .num-list .item i.color-red {
    color: #f00;
  }
  .num-list .item b {
    font-size: 12px;
    font-weight: normal;
    color: #999;
    text-align: center;
  }
  .num-list .item.love {
    padding-left: 10px;
    border-left: 1px solid #eee;
    border-right: 1px solid #eee;
  }
  .num-list .item.last {
    padding-left: 10px;
  }
  .num-list .item.last:hover {
    text-decoration: none;
    color: #2f7c2f;
  }
  .num-list .item.last:hover b,
  .num-list .item.last:hover i {
    color: #2f7c2f;
  }
  .num-list .verified-info {
    position: relative;
    color: #999;
  }
  .num-list .verified-info .verified-link {
    margin-right: 6px;
    color: #23aa43;
  }
  .num-list .verified-info s {
    margin-left: 8px;
    margin-right: 4px;
    vertical-align: top;
  }
  .num-list .verified-info s:first-child {
    margin-left: 0;
  }
  .num-list .update-time {
    color: #999;
  }
  .num-list .more-info {
    position: absolute;
    right: 0;
    height: 18px;
    line-height: 18px;
    padding-right: 16px;
    z-index: 2;
  }
  .num-list .more-info i {
    position: absolute;
    right: 0;
    top: 0;
  }
  .num-list .comment-area {
    display: inline-block;
  }
  .download-wp {
    margin: 15px 0 0 190px;
  }
  .download-wp .install-btn {
    position: static;
    width: auto;
    height: auto;
    min-height: 26px;
    margin-left: 16px;
    line-height: 26px;
    border-radius: 5px;
    background-color: #24aa42;
  }
  .download-wp .bubble {
    z-index: 1;
    top: 45px;
  }
  .download-wp .bubble .arrow {
    right: 86px;
  }
  .download-wp .install-btn {
    vertical-align: middle;
  }
  .download-wp .install-btn.hide {
    display: none;
  }
  .download-wp .n-download {
    display: inline-block;
    vertical-align: middle;
    font-size: 12px;
    color: #999;
    padding-left: 10px;
  }
  .download-wp .normal-dl-btn {
    color: #666;
    margin-left: 16px;
    border-radius: 3px;
    letter-spacing: 1px;
    background-color: #f0f0f0;
    cursor: pointer;
  }
  .download-wp .normal-dl-btn.show {
    display: block;
    color: #ffffff;
    background-color: #24aa42;
  }
  .download-wp .normal-dl-btn.wdj-app-download-now {
    display: none;
  }
  .download-wp .check-box {
    float: left;
    color: #888;
    padding-left: 22px;
    font-size: 12px;
    cursor: pointer;
    -webkit-user-select: none;
        -ms-user-select: none;
            user-select: none;
    background:  0 4px no-repeat;
    background-size: 15px 15px;
  }
  .download-wp .check-box.active {
    background:  0 4px no-repeat;
    background-size: 15px 15px;
  }
  .download-wp.ng .install-btn {
    background-image: linear-gradient(134deg, #ff7f2a, #ff5244);
  }
  .download-wp.ng .check-box {
    background:  0 4px no-repeat;
    background-size: 15px 15px;
  }
  .download-wp.ng .check-box.active {
    background:  0 4px no-repeat;
    background-size: 15px 15px;
  }
  .download-tips {
    position: relative;
    font-size: 12px;
    margin-top: 10px;
    color: #999;
    text-align: center;
  }
  .download-tips.hide {
    display: none;
  }
  .desc-info .con,
  .change-info .con,
  .award-info .con {
    line-height: 20px;
    height: 100px;
    overflow: hidden;
  }
  .desc-info .con {
    height: 40px;
  }
  .desc-info .block-title {
    margin-top: 10px;
  }
  .related-article {
    word-break: break-all;
  }
  .related-article p {
    margin: 0 0 10px;
    white-space: pre-line;
  }
  .related-article img {
    margin: 10px 0;
    max-width: 100% !important;
    height: auto !important;
  }
  .use-skills .con,
  .app-news .con {
    height: 0;
    overflow: hidden;
  }
  .use-skills .more-link,
  .app-news .more-link {
    margin-top: 0;
  }
  .award-info .issue {
    color: #999;
    font-size: 0.875em;
  }
  .award-info .con h2 {
    margin: 20px 0;
  }
  .award-info .con img {
    border-radius: 100%;
    width: 30px;
    height: 30px;
    vertical-align: top;
    margin: -3px 5px -3px 10px;
  }
  .col-left {
    width: 70%;
    float: left;
  }
  .col-right {
    width: 30%;
    float: right;
  }
  .col-right.detail-col-right {
    margin-top: -194px;
  }
  .col-right .mp-pic {
    width: 100%;
    padding: 15px;
    display: block;
    box-sizing: border-box;
  }
  .app-offline-recommend {
    border-bottom: 1px solid #f2f2f2;
  }
  .app-offline-recommend.infos {
    padding-bottom: 20px;
  }
  .app-nonexistent-offline-recommend {
    margin-bottom: 40px;
  }
  .app-nonexistent-offline-recommend .block-title {
    margin: 10px;
  }
  .infos {
    padding: 15px;
  }
  .infos .center-title {
    color: #333;
    font-size: 16px;
    text-align: center;
    margin-top: 10px;
    margin-right: 10px;
    position: relative;
  }
  .infos .center-title .title-more {
    width: 16px;
    height: 16px;
    background:  no-repeat center center;
    background-size: 100% 100%;
    display: inline-block;
    position: absolute;
    right: 0;
    top: 4px;
  }
  .infos .block-title {
    position: relative;
  }
  .infos .block-title .title-more {
    width: 16px;
    height: 16px;
    background:  no-repeat center center;
    background-size: 100% 100%;
    display: inline-block;
    position: absolute;
    right: 8px;
    top: 4px;
  }
  .infos .block-title.seller {
    margin-top: 10px;
  }
  .infos .little-title {
    font-size: 12px;
    color: #777;
    text-align: center;
    margin-top: 5px;
  }
  .infos .app-seller {
    float: right;
    color: #666;
    font-size: 16px;
  }
  .infos .infos-list {
    padding: 0;
    line-height: 1.8;
    font-size: 0.8125em;
    color: #999;
    overflow: hidden;
    line-height: 28px;
  }
  .infos .infos-list dt {
    float: left;
    color: #aaa;
  }
  .infos .infos-list dd {
    color: #666;
    margin-left: 50px;
  }
  .infos .infos-list dd a {
    color: #999;
  }
  .infos .infos-list dd a:hover {
    color: #2f7c2f;
  }
  .infos .infos-list dd .history {
    width: 48px;
    height: 15px;
    text-align: center;
    line-height: 15px;
    background: #4cc9b6;
    border-radius: 2px;
    color: #fff;
    font-size: 10px;
    padding: 2px 4px;
  }
  .infos .infos-list dd .history:hover {
    color: #fff;
  }
  .infos .infos-list dd .side-tags .tag-box {
    float: left;
  }
  .infos .infos-list .perms .perms-desc {
    padding-left: 6px;
    color: #aaa;
  }
  .infos .infos-list .perms .perms-list {
    display: none;
    max-height: 300px;
    overflow-y: auto;
    line-height: 1.6;
    font-size: 0.75em;
    padding: 10px;
    color: #666;
    background: #f5f5f5;
    margin: 5px 0;
  }
  .infos .infos-list .perms .perms-list-show .perms-list {
    display: block;
  }
  .infos .infos-list .perms .view-perms {
    line-height: 1.6;
    position: relative;
    padding-right: 30px;
  }
  .infos .infos-list .perms .view-perms .arrow-down {
    @include arrow(6px, #999);
    top: 6px;
    right: 12px;
  }
  .infos .infos-list .perms .privacy-link {
    color: #23aa43;
  }
  .infos .infos-list .tag-box a {
    position: relative;
    display: inline-block;
    background: #ebebeb;
    padding: 0.1em 4px;
    text-decoration: none;
    color: #999;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
    margin: 0 15px 10px 0;
  }
  .infos .infos-list .tag-box a::before,
  .infos .infos-list .tag-box a::after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    width: 0.5em;
    background: #ebebeb;
    -ms-transform: skew(-6deg);
    transform: skew(-6deg);
  }
  .infos .infos-list .tag-box a::before {
    left: -0.3em;
    border-radius: 5px 0 0 5px;
  }
  .infos .infos-list .tag-box a::after {
    right: -0.3em;
    border-radius: 0 5px 5px 0;
  }
  .relative-download li,
  .app-top-rank li {
    padding: 5px 0;
    counter-increment: top-counter;
    position: relative;
  }
  .relative-download .left,
  .app-top-rank .left {
    float: left;
    margin-right: 10px;
  }
  .relative-download .left img,
  .app-top-rank .left img {
    width: 40px;
    height: 40px;
    display: block;
  }
  .relative-download span,
  .app-top-rank span {
    font-size: .8125em;
    color: #aaa;
  }
  .relative-download a,
  .app-top-rank a {
    display: block;
    color: #555;
    font-size: .875em;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .relative-download .detail-check-btn,
  .app-top-rank .detail-check-btn {
    color: #fff;
  }
  .relative-download .app-name,
  .app-top-rank .app-name {
    margin-right: 5rem;
  }
  .relative-download .nano,
  .app-top-rank .nano {
    padding: 8px 0;
  }
  .relative-download .nano a,
  .app-top-rank .nano a {
    display: inline;
  }
  .relative-download .nano::before,
  .app-top-rank .nano::before {
    content: counter(top-counter);
    display: inline-block;
    width: 20px;
    font-size: .8125em;
    color: #999;
    text-align: center;
    margin-right: 5px;
  }
  .relative-download .nano-title,
  .app-top-rank .nano-title {
    vertical-align: middle;
  }
  .relative-download .nano-icon,
  .app-top-rank .nano-icon {
    width: 24px;
    height: 24px;
    vertical-align: middle;
  }
  .relative-download .d-btn,
  .app-top-rank .d-btn {
    position: absolute;
    top: 10px;
    right: 10px;
    letter-spacing: 1px;
    font-size: .875em;
    text-align: center;
    padding: 5px 15px;
    color: #fff;
    background: #4cc9b6;
  }
  .relative-download .nano .d-btn,
  .app-top-rank .nano .d-btn {
    top: 8px;
    padding: 2px 15px;
  }
  .award-title {
    display: inline-block;
    color: #666;
    margin: 0 0 5px;
    padding-bottom: 5px;
    border-bottom: 1px solid #ededed;
    font-size: 0.8125em;
  }
  .award-title .tip {
    color: #999;
  }
  .award-title:hover {
    color: #2f7c2f;
  }
  .award-title:hover .tip {
    color: #ccc;
  }
  .view-stat {
    display: none;
  }
  .detail-comment-more .tip {
    display: block;
    color: #24aa42;
    font-size: 0.875em;
    text-align: center;
    height: 40px;
    line-height: 40px;
    vertical-align: middle;
  }
  .fix-banner {
    position: fixed;
    bottom: 0;
    background: rgba(0, 0, 0, 0.8);
    width: 100%;
    overflow: hidden;
    z-index: 999999;
  }
  .fix-banner .jr-title {
    height: 30px;
    line-height: 30px;
    background: #f24949;
    padding-left: 20px;
    color: #fff;
  }
  .jr-list {
    width: 25%;
    height: 122px;
    float: left;
    text-align: center;
    position: relative;
    padding-top: 12px;
  }
  .jr-list .app-title {
    margin: 4px 0;
    font-size: 12px;
    color: #fff;
    height: 20px;
    overflow: hidden;
    vertical-align: middle;
  }
  .jr-list .download-btn {
    letter-spacing: 1px;
    display: inline-block;
    font-size: 12px;
    text-align: center;
    padding: 4px 8px;
    color: #fff;
    background: #4cc9b6;
  }
  .hot-tags {
    padding: 15px;
  }
  .hot-tags .tag-box {
    padding: 0 10px;
  }
  .hot-tags .tag-box a {
    position: relative;
    display: inline-block;
    background: #ebebeb;
    padding: 0.1em .5em;
    text-decoration: none;
    color: #999;
    margin: 0 7px 10px;
    line-height: 20px;
    font-size: .75em;
    transition: all 0.5s;
  }
  .hot-tags .tag-box a:hover {
    background-color: #4cc9b6;
    color: #fff;
  }
  .hot-tags .tag-box a:hover::before,
  .hot-tags .tag-box a:hover::after {
    background-color: #4cc9b6;
  }
  .hot-tags .tag-box a::before,
  .hot-tags .tag-box a::after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    width: 1em;
    background: #ebebeb;
    transition: all 0.5s;
    -ms-transform: skew(-10deg);
    transform: skew(-10deg);
  }
  .hot-tags .tag-box a::before {
    left: -0.5em;
    border-radius: 5px 0 0 5px;
  }
  .hot-tags .tag-box a::after {
    right: -0.5em;
    border-radius: 0 5px 5px 0;
  }
  .detail-menu {
    margin: 10px 10px 5px 10px;
    height: 41px;
    line-height: 40px;
    overflow: hidden;
  }
  .detail-menu ul {
    display: -ms-flexbox;
    display: flex;
    display: -webkit-flex;
    border-bottom: 1px solid #d7d7d7;
  }
  .detail-menu ul li {
    float: left;
    font-size: 14px;
    text-align: center;
    -ms-flex: 1;
        flex: 1;
  }
  .detail-menu ul li a {
    color: #000000;
  }
  .detail-menu ul li.current {
    position: relative;
    -ms-flex: 0.8;
        flex: 0.8;
  }
  .detail-menu ul li.current a,
  .detail-menu ul li.current span {
    color: #009900;
  }
  .detail-menu ul li.current i {
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 1px;
    left: 0;
    bottom: -1px;
    background-color: #009900;
  }
  .detail-menu ul li:nth-child(1) {
    width: 15%;
  }
  .detail-menu ul li:nth-child(2) {
    width: 25%;
  }
  .detail-menu ul li:nth-child(3) {
    width: 22.5%;
  }
  .detail-menu ul li:nth-child(4) {
    width: 22.5%;
  }
  .detail-menu ul li:nth-child(5) {
    -ms-flex: 0.6;
        flex: 0.6;
    width: 15%;
  }
  .detail-ad.infos {
    padding-top: 0;
    border-bottom: none;
  }
  .detail-ad img {
    width: 100%;
  }
  .detail-ad .text {
    display: block;
    text-align: center;
    font-size: 14px;
  }
  .scroll-msg.infos {
    padding-top: 0;
    padding-bottom: 0;
    border-bottom: none;
  }
  .scroll-msg .scroll-msg-list {
    height: 40px;
    font-size: 14px;
    line-height: 40px;
    overflow: hidden;
    text-align: center;
  }
  .scroll-msg .scroll-msg-list .scroll-msg-item {
    height: 100%;
    transition: margin-top 0.8s;
  }
  .accelerate {
    position: relative;
  }
  .accelerate img {
    width: 100%;
    height: 88px;
  }
  .accelerate .accelerate-text {
    margin-right: 100px;
    color: #333333;
    font-size: 14px;
  }
  .accelerate .accelerate-btn {
    position: absolute;
    top: 18px;
    right: 16px;
    padding: 7px 15px;
    width: 64px;
    height: auto;
    color: #ffffff;
    font-size: 14px;
    line-height: inherit;
    border-radius: 3px;
    background: #24aa42;
  }
  .gift-info .gift-more {
    margin-top: 10px;
    border-radius: 3px;
  }
  .detail-game-more,
  .detail-app-more {
    margin: 10px 16px 16px 16px;
  }
  .similar-app .similar-item {
    width: 33.3%;
    float: left;
  }
  .similar-app .similar-item:nth-child(3n   1) {
    margin-left: -6px;
  }
  .similar-app .similar-item a {
    font-size: 13px;
    text-align: center;
    color: #333;
    padding: 10px 8px;
    margin: 0 0 11px 12px;
    background: #f0f0f0;
    border-radius: 3px;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .detail-bottom-btn {
    position: fixed;
    z-index: 100;
    left: 0;
    bottom: 0;
    display: none;
    width: 100%;
    box-shadow: 0 0 5px #999;
    background-color: #ffffff;
  }
  .detail-bottom-btn .btn-wrap {
    padding: 12px 20px;
  }
  .detail-bottom-btn .bottom-btn {
    width: 44%;
    font-size: 16px;
    text-align: center;
    border-radius: 3px;
    border: 1px solid #24aa42;
  }
  .detail-bottom-btn .bottom-btn a {
    display: block;
    height: 100%;
    padding: 6px 20px;
  }
  .detail-bottom-btn .bottom-btn.download-common {
    float: left;
  }
  .detail-bottom-btn .bottom-btn.download-common a {
    display: block;
    color: #24aa42;
  }
  .detail-bottom-btn .bottom-btn.download-save {
    float: right;
    background-color: #24aa42;
  }
  .detail-bottom-btn .bottom-btn.download-save a {
    display: block;
    color: #fff;
  }
  @media screen and (max-width: 850px) {
    .detail-wrap {
      margin-top: 0;
    }
    .detail-top {
      width: auto;
    }
    .detail-top .app-icon img {
      width: 78px;
      height: 78px;
    }
    .detail-top .app-info .title {
      font-size: 20px;
      max-width: 100%;
    }
    .detail-top .app-info .app-name {
      margin: 5px 0 0 95px;
    }
    .detail-top .app-info .app-name .app-offline-tips {
      display: none;
    }
    .detail-top .app-offline-wrap {
      margin: 0;
    }
    .detail-top .app-offline-wrap .app-offline-tips {
      display: block;
      margin: 10px auto 0;
    }
    .detail-top .app-offline-wrap .app-offline-ng,
    .detail-top .app-offline-wrap .app-offline-down {
      display: block;
      margin-top: 20px;
    }
    .detail-top.app-offline-game .num-list .app-info-data {
      float: none;
    }
    .col-left,
    .col-right {
      float: none;
      width: auto;
    }
    .download-wp {
      clear: both;
      position: relative;
      margin: 0 0 20px 0;
      top: 20px;
      text-align: center;
    }
    .download-wp .check-box {
      margin-top: 6px;
    }
    .download-wp .install-btn {
      display: block;
      margin-left: 95px;
      padding: 9px 0;
      border-radius: 3px;
    }
    .download-wp .install-btn[data-sem="1"],
    .download-wp .install-btn[data-btn-status="default"] {
      margin-left: 0;
    }
    .download-wp .normal-dl-btn {
      display: none;
      margin-left: 95px;
      height: 44px;
      line-height: 44px;
      text-align: center;
    }
    .download-wp.ng-six .install-btn {
      margin-left: 125px;
    }
    .download-wp.ng-six .normal-dl-btn {
      margin-left: 125px;
    }
    .num-list {
      border: none;
      margin: 0 0 0 95px;
      overflow: hidden;
      transition: height 0.5s;
    }
    .num-list .avg-score-star {
      margin-top: 6px;
    }
    .num-list .app-info-data {
      float: left;
      margin-top: 0;
    }
    .num-list .verified-info {
      display: block;
      margin-top: 6px;
    }
    .num-list .item {
      border-right: none;
      padding-right: 0;
    }
    .num-list .item i {
      font-size: 12px;
    }
    .num-list .item b {
      display: inline-block;
    }
    .num-list .item.install {
      padding-top: 0;
      padding-right: 10px;
    }
    .num-list .item.love {
      display: none;
      padding-left: 5px;
    }
    .num-list .item.last {
      padding-top: 10px;
      padding-left: 0px;
      text-align: left;
    }
    .num-list .item.comment-open {
      display: none;
    }
    .num-list .item.tag {
      margin: 2px 0 0 8px;
    }
    .num-list .comment-area {
      display: block;
    }
    .num-list .comment-area .verified-info {
      position: relative;
      top: 4px;
      left: 4px;
    }
    .app-nonexistent-offline-recommend {
      margin-bottom: 80px;
    }
    .app-nonexistent-offline-recommend .block-title {
      margin: 0 0 10px;
    }
    .editorcomment .con {
      position: relative;
      padding: 16px 22px;
      color: #999;
      border-radius: 5px;
      background-color: #ffffff;
      border: 1px solid #eeeeee;
    }
    .editorcomment .con .editorcomment-title {
      position: absolute;
      top: -10px;
      left: 20px;
      width: 92px;
      height: 20px;
      color: #333;
      font-size: 14px;
      line-height: 20px;
      text-align: center;
      background-color: #ffffff;
    }
    .col-right.detail-col-right {
      margin-top: 0;
    }
    .old-version-list li p {
      margin-right: 100px;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
    }
    .download-tips {
      margin-top: 30px;
    }
  }
  @media screen and (min-width: 851px) {
    .download-wp .normal-dl-btn {
      display: none;
      height: 26px;
      line-height: 26px;
      padding: 5px 15px;
      margin-left: 16px;
    }
  }
  @media screen and (max-width: 650px) {
    .qr-info {
      display: none;
    }
  }
  @media screen and (max-width: 450px) {
    .detail-top,
    .screenshot,
    .desc-info,
    .change-info,
    .app-offline-recommend,
    .editorcomment,
    .award-info,
    .infos,
    .comments {
      padding: 16px;
    }
    .editorcomment {
      margin-top: 20px;
      padding-bottom: 0;
      border-bottom: none;
    }
    .desc-info {
      padding: 6px 16px 0;
    }
    .detail-top {
      border: none;
    }
    .detail-top .app-icon img {
      width: 78px;
      height: 78px;
    }
    .detail-top .app-info .app-name {
      font-size: 1em;
    }
    .detail-top .tagline {
      min-height: 15px;
      margin: 2px 0 5px;
    }
    /*.detail-top .app-info .title{
          max-width: 150px;
      }*/
  }
  @media (min-resolution: 192dpi) {
    .detail-top .app-info .gooddev {
      background:  no-repeat center center;
      background-size: 15px 13px;
    }
  }
  .detail-sign-mask {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 999;
    background: rgba(0, 0, 0, 0.6);
    display: none;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: center;
        justify-content: center;
  }
  .detail-sign-mask.show {
    display: -ms-flexbox;
    display: flex;
  }
  .detail-sign-mask .detail-sign-wrap {
    background: #fff;
    width: 460px;
    border-radius: 16px;
  }
  .detail-sign-mask .detail-sign-wrap .header {
    font-size: 20px;
    padding: 20px 20px 0;
    font-weight: bold;
    text-align: center;
    position: relative;
  }
  .detail-sign-mask .detail-sign-wrap .header .detail-sign-close {
    width: 32px;
    height: 32px;
    position: absolute;
    right: 12px;
    top: 20px;
    cursor: pointer;
    background:  center center / 100% no-repeat;
  }
  .detail-sign-mask .detail-sign-wrap .detail-sign-content {
    padding: 20px;
  }
  .download-entry {
    padding-top: 16px;
    padding-left: 16px;
    background: white;
    margin-top: 6px;
    line-height: 36px;
    font-size: 14px;
    color: #000;
    border-top: 1px solid #f4f4f4;
  }
  .download-entry .link {
    display: inline-block;
    color: #000;
  }
  /* perfect-scrollbar v0.6.16 */
  .ps-container{-ms-touch-action:auto;touch-action:auto;overflow:hidden !important;-ms-overflow-style:none}@supports (-ms-overflow-style: none){.ps-container{overflow:auto !important}}@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none){.ps-container{overflow:auto !important}}.ps-container.ps-active-x>.ps-scrollbar-x-rail,.ps-container.ps-active-y>.ps-scrollbar-y-rail{display:block;background-color:transparent}.ps-container.ps-in-scrolling.ps-x>.ps-scrollbar-x-rail{background-color:#eee;opacity:.9}.ps-container.ps-in-scrolling.ps-x>.ps-scrollbar-x-rail>.ps-scrollbar-x{background-color:#999;height:11px}.ps-container.ps-in-scrolling.ps-y>.ps-scrollbar-y-rail{background-color:#eee;opacity:.9}.ps-container.ps-in-scrolling.ps-y>.ps-scrollbar-y-rail>.ps-scrollbar-y{background-color:#999;width:11px}.ps-container>.ps-scrollbar-x-rail{display:none;position:absolute;opacity:0;transition:background-color .2s linear, opacity .2s linear;bottom:0px;height:15px}.ps-container>.ps-scrollbar-x-rail>.ps-scrollbar-x{position:absolute;background-color:#aaa;border-radius:6px;transition:background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out;bottom:2px;height:6px}.ps-container>.ps-scrollbar-x-rail:hover>.ps-scrollbar-x,.ps-container>.ps-scrollbar-x-rail:active>.ps-scrollbar-x{height:11px}.ps-container>.ps-scrollbar-y-rail{display:none;position:absolute;opacity:0;transition:background-color .2s linear, opacity .2s linear;right:0;width:15px}.ps-container>.ps-scrollbar-y-rail>.ps-scrollbar-y{position:absolute;background-color:#aaa;border-radius:6px;transition:background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out;right:2px;width:6px}.ps-container>.ps-scrollbar-y-rail:hover>.ps-scrollbar-y,.ps-container>.ps-scrollbar-y-rail:active>.ps-scrollbar-y{width:11px}.ps-container:hover.ps-in-scrolling.ps-x>.ps-scrollbar-x-rail{background-color:#eee;opacity:.9}.ps-container:hover.ps-in-scrolling.ps-x>.ps-scrollbar-x-rail>.ps-scrollbar-x{background-color:#999;height:11px}.ps-container:hover.ps-in-scrolling.ps-y>.ps-scrollbar-y-rail{background-color:#eee;opacity:.9}.ps-container:hover.ps-in-scrolling.ps-y>.ps-scrollbar-y-rail>.ps-scrollbar-y{background-color:#999;width:11px}.ps-container:hover>.ps-scrollbar-x-rail,.ps-container:hover>.ps-scrollbar-y-rail{opacity:.6}.ps-container:hover>.ps-scrollbar-x-rail:hover{background-color:#eee;opacity:.9}.ps-container:hover>.ps-scrollbar-x-rail:hover>.ps-scrollbar-x{background-color:#999}.ps-container:hover>.ps-scrollbar-y-rail:hover{background-color:#eee;opacity:.9}.ps-container:hover>.ps-scrollbar-y-rail:hover>.ps-scrollbar-y{background-color:#999}
  
  /**
   * mixin.less
   * 常用的less类库
   * created by chenjr on 2016/5/7.
   */
  /**!
   * mixin.less
   * 常用的less类库
   * 
   * copyright(c) alibaba group holding limited.
   *
   * authors:
   * 	 陈精任 <jingren.cjr@alibaba-inc.com> (https://work.alibaba-inc.com/work/u/89291)
   *   徐闻东 <wendong.xwd@alibaba-inc.com> (https://work.alibaba-inc.com/work/u/106725)
   */
  /* 文字排版 */
  /* 定位 */
  .clearfix:after {
    content: '';
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
  }
  /* 长度高度 */
  /* 边距 */
  /* 单行显示点点点 */
  /* 多行显示点点点 */
  /* 去掉点击后出现的蓝色背景 */
  /***** absolute *****/
  /* 水平居中 */
  /* 垂直居中 */
  /* 垂直居中 fix定位写法*/
  /* 圆角 ps：这里加上top-left等的规则是为了解决android2.x某些机型下border-radius不生效的问题 */
  /* 旋转 */
  /* animation 动画 */
  /* 绝对定位 */
  .gift-card:first-child .gift-item-wrap {
    padding-top: 0;
  }
  .gift-card .gift-item-wrap {
    position: relative;
    padding: 10px 96px 10px 0;
    border-bottom: 1px solid #eeeeee;
  }
  .gift-card .gift-item-wrap .gift-title {
    color: #333333;
    line-height: 20px;
    font-size: 0.875em;
  }
  .gift-card .gift-item-wrap p {
    color: #999999;
    font-size: 0.75em;
    line-height: 18px;
  }
  .gift-card .gift-item-wrap .gift-content {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .gift-card .gift-item-wrap a {
    border-radius: 3px;
    background-color: #24aa42;
  }
  .gift-card .gift-item-wrap .gift-receive {
    width: 94px;
    font-size: 12px;
    right: 0;
    letter-spacing: 0;
  }
  .gift-card .gift-item-wrap .gift-receive[data-sem="1"] {
    width: 60px;
    right: 10px;
    font-size: 0.875em;
  }
  .gift-card .gift-item-wrap img {
    width: 60%;
  }
  .mobile .app-box,
  .tablet .app-box {
    margin-top: 10px;
  }
  .mip-search-form form {
    position: static;
  }
  .mip-search-form form .key-ipt {
    width: 198px;
    height: 38px;
  }
  .mip-search-form form .submit {
    display: inline-block;
  }
  .search-form {
    margin: 0 5px;
    width: 200px;
    position: relative;
    *margin-top: -54px;
    _margin-top: -40px;
  }
  .search-form .key-ipt {
    border: 1px solid #eee;
    border-radius: 3px;
    display: inline-block;
    font-size: 14px;
    height: 32px;
    margin-right: -28px;
    outline: 0;
    padding: 3px 30px 3px 8px;
    vertical-align: middle;
    width: 160px;
  }
  .search-form .key-ipt::-ms-clear {
    display: none;
  }
  .search-form .key-ipt:focus {
    border: 1px solid #e6e6e6;
  }
  .search-form .submit {
    background: #f6f6f6  no-repeat center center;
    width: 17px;
    height: 17px;
    background-color: transparent;
    border: none;
    cursor: pointer;
    text-indent: -100px;
    outline: 0;
    vertical-align: middle;
  }
  .search-wp {
    height: 46px;
    line-height: 46px;
    border-bottom: 1px solid #dedede;
  }
  @media (min-resolution: 192dpi) {
    .search-form .submit {
      background:  no-repeat center center;
      background-size: 17px 17px;
    }
  }
  @media screen and (max-width: 699px) {
    .search-form {
      text-align: right;
      padding: 0 50px 0 0;
      margin: 0;
      width: 120px;
    }
    .search-form .key-ipt {
      float: left;
      margin-right: 10px;
      vertical-align: middle;
      border: 1px solid #eee;
      border-radius: 3px 0 0 3px;
      border-right: 0;
      font-size: 13px;
      color: #999;
      height: 26px;
      padding: 3px 5px 2px 7px;
      width: 100%;
      *width: 96%;
      _position: absolute;
      box-shadow: none;
      appearance: none;
      outline: 0;
      background-color: #f6f6f6;
    }
    .search-form .submit {
      outline: 0;
      box-shadow: none;
      cursor: pointer;
      vertical-align: middle;
      width: 40px;
      height: 33px;
      text-indent: 100px;
      color: #fff;
      border: 1px solid #eee;
      border-left: 0;
      border-radius: 0 3px 3px 0;
      margin: 0;
      position: absolute;
      right: 0;
      *right: 12px;
      *top: 19px;
      _top: 0;
      *height: 29px;
      _height: 30px;
      background: #f6f6f6  no-repeat center center;
      _background: #f6f6f6  no-repeat center center;
      background-size: 14px 14px;
    }
    .search-form.mip-element .key-ipt {
      width: 100%;
      height: 33px;
    }
    .mip-header-container header .inner {
      position: absolute;
      left: 0;
    }
    .mip-header-container header .search-form {
      padding-right: 40px;
    }
    .mip-header-container .parent-menu {
      position: absolute;
      left: 0;
      top: 0;
    }
  }
  .drawer {
    display: inline-block;
    width: 16px;
    height: 14px;
    margin: 22px 20px 0 17px;
    vertical-align: top;
    background:  no-repeat center center;
  }
  @media (min-resolution: 192dpi) {
    .drawer {
      background:  no-repeat center center;
      background-size: 16px 14px;
    }
  }
  .arrow-up,
  .arrow-down {
    display: inline-block;
    width: 18px;
    height: 18px;
    background:  no-repeat;
    background-size: 100%;
  }
  .arrow-up {
    -ms-transform: rotate(180deg);
        transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
  }
  .tag-popup {
    display: none;
    position: absolute;
    left: 0;
    top: 32px;
    _top: 30px;
    text-align: left;
    z-index: 20;
    padding: 15px 15px 5px 15px;
    background: #f7f7f7;
    border: 1px solid #ddd;
    width: 660px;
  }
  .tag-popup .parent-cate {
    line-height: 22px;
    float: left;
    width: 50%;
    margin-bottom: 10px;
  }
  .tag-popup .parent-cate .cate-link {
    font-size: 0.875em;
    color: #333;
    padding: 0;
    padding-left: 10px;
    display: inline-block;
    line-height: 16px;
    border-left: 3px solid #4cc9b6;
    border-bottom: 0;
    width: 80%;
  }
  .tag-popup .parent-cate ul {
    margin-left: 8px;
  }
  .tag-popup .child-cate {
    float: left;
  }
  .tag-popup .child-cate a {
    font-size: 0.75em;
    color: #999;
    padding: 0 5px;
    margin-right: 2px;
    border-left: 0;
    display: inline-block;
  }
  .tag-popup .child-cate a:hover {
    text-decoration: underline;
    color: #2f7c2f;
  }
  .game-popup {
    width: 680px;
  }
  @media screen and (max-width: 674px) {
    .tag-popup {
      visibility: hidden;
    }
  }
  .login-modal,
  .user-modal {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 199;
    background: rgba(0, 0, 0, 0.6);
    display: none;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: center;
        justify-content: center;
  }
  .login-modal.show,
  .user-modal.show {
    display: -ms-flexbox;
    display: flex;
  }
  .login-modal .modal-wrap,
  .user-modal .modal-wrap {
    background: #fff;
    max-width: 500px;
    width: 90%;
    border-radius: 16px;
    position: relative;
  }
  .login-modal .modal-wrap .close-btn,
  .user-modal .modal-wrap .close-btn {
    width: 32px;
    height: 32px;
    position: absolute;
    right: 20px;
    top: 20px;
    cursor: pointer;
    background:  center center / 100% no-repeat;
  }
  .login-modal .modal-wrap .login-modal-content,
  .user-modal .modal-wrap .login-modal-content {
    padding: 20px 30px 30px;
    font-size: 14px;
  }
  .login-modal .modal-wrap .login-modal-content .title,
  .user-modal .modal-wrap .login-modal-content .title {
    font-size: 24px;
    font-weight: bold;
    text-align: center;
  }
  .login-modal .modal-wrap .login-modal-content .tips,
  .user-modal .modal-wrap .login-modal-content .tips {
    color: #999999;
    font-size: 14px;
    text-align: center;
    margin: 10px 0 40px;
  }
  .login-modal .modal-wrap .login-modal-content .input-wrap,
  .user-modal .modal-wrap .login-modal-content .input-wrap {
    height: 50px;
    border-bottom: 1px solid #eee;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    background: #fff;
    font-size: 16px;
  }
  .login-modal .modal-wrap .login-modal-content .input-wrap .inner-input,
  .user-modal .modal-wrap .login-modal-content .input-wrap .inner-input {
    -ms-flex: 1;
        flex: 1;
    border: none;
    outline: 0;
    height: 100%;
    resize: none;
    font-size: 16px;
    color: #222426;
  }
  .login-modal .modal-wrap .login-modal-content .input-wrap .clear-input,
  .user-modal .modal-wrap .login-modal-content .input-wrap .clear-input {
    margin-left: 6px;
    width: 20px;
    height: 20px;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    display: none;
    cursor: pointer;
    background:  center center / 100% 100%;
  }
  .login-modal .modal-wrap .login-modal-content .input-wrap .clear-input.show,
  .user-modal .modal-wrap .login-modal-content .input-wrap .clear-input.show {
    display: block;
  }
  .login-modal .modal-wrap .login-modal-content .input-wrap .verify-btn,
  .user-modal .modal-wrap .login-modal-content .input-wrap .verify-btn {
    -ms-flex: 0 0 120px;
        flex: 0 0 120px;
    text-align: right;
    color: #c2c5cc;
  }
  .login-modal .modal-wrap .login-modal-content .input-wrap .verify-btn.active,
  .user-modal .modal-wrap .login-modal-content .input-wrap .verify-btn.active {
    color: #29a245;
    cursor: pointer;
  }
  .login-modal .modal-wrap .login-modal-content .input-wrap input::-webkit-input-placeholder,
  .user-modal .modal-wrap .login-modal-content .input-wrap input::-webkit-input-placeholder,
  .login-modal .modal-wrap .login-modal-content .input-wrap textarea::-webkit-input-placeholder,
  .user-modal .modal-wrap .login-modal-content .input-wrap textarea::-webkit-input-placeholder {
    color: #c2c5cc;
  }
  .login-modal .modal-wrap .login-modal-content .input-wrap input:-moz-placeholder,
  .user-modal .modal-wrap .login-modal-content .input-wrap input:-moz-placeholder,
  .login-modal .modal-wrap .login-modal-content .input-wrap textarea:-moz-placeholder,
  .user-modal .modal-wrap .login-modal-content .input-wrap textarea:-moz-placeholder {
    color: #c2c5cc;
  }
  .login-modal .modal-wrap .login-modal-content .input-wrap input::-moz-placeholder,
  .user-modal .modal-wrap .login-modal-content .input-wrap input::-moz-placeholder,
  .login-modal .modal-wrap .login-modal-content .input-wrap textarea::-moz-placeholder,
  .user-modal .modal-wrap .login-modal-content .input-wrap textarea::-moz-placeholder {
    color: #c2c5cc;
  }
  .login-modal .modal-wrap .login-modal-content .input-wrap input:-ms-input-placeholder,
  .user-modal .modal-wrap .login-modal-content .input-wrap input:-ms-input-placeholder,
  .login-modal .modal-wrap .login-modal-content .input-wrap textarea:-ms-input-placeholder,
  .user-modal .modal-wrap .login-modal-content .input-wrap textarea:-ms-input-placeholder {
    color: #c2c5cc;
  }
  .login-modal .modal-wrap .login-modal-content .input-wrap input::-webkit-outer-spin-button,
  .user-modal .modal-wrap .login-modal-content .input-wrap input::-webkit-outer-spin-button,
  .login-modal .modal-wrap .login-modal-content .input-wrap input::-webkit-inner-spin-button,
  .user-modal .modal-wrap .login-modal-content .input-wrap input::-webkit-inner-spin-button {
    -webkit-appearance: none !important;
    margin: 0;
  }
  .login-modal .modal-wrap .login-modal-content .input-error-tips,
  .user-modal .modal-wrap .login-modal-content .input-error-tips {
    margin: 10px 0;
  }
  .login-modal .modal-wrap .login-modal-content .input-error-tips .error-text,
  .user-modal .modal-wrap .login-modal-content .input-error-tips .error-text {
    padding-left: 28px;
    font-size: 14px;
    background:  left center / 16px 16px no-repeat;
    color: #f93636;
  }
  .login-modal .modal-wrap .login-modal-content .login-btn,
  .user-modal .modal-wrap .login-modal-content .login-btn {
    height: 50px;
    border-radius: 50px;
    color: #fff;
    background-color: #29a245;
    text-align: center;
    line-height: 50px;
    font-size: 18px;
    font-weight: bold;
    margin-top: 20px;
    cursor: pointer;
  }
  .login-modal .modal-wrap .login-modal-content .check-privacy,
  .user-modal .modal-wrap .login-modal-content .check-privacy {
    margin-top: 40px;
    color: #666;
    font-size: 14px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
  }
  .login-modal .modal-wrap .login-modal-content .check-privacy .checkbox,
  .user-modal .modal-wrap .login-modal-content .check-privacy .checkbox {
    width: 20px;
    height: 20px;
    display: block;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    background: #fff;
    margin-right: 10px;
    cursor: pointer;
    background:  center center / 16px 16px no-repeat;
  }
  .login-modal .modal-wrap .login-modal-content .check-privacy .checkbox.active,
  .user-modal .modal-wrap .login-modal-content .check-privacy .checkbox.active {
    border: none;
    background-image: ;
  }
  .login-modal .modal-wrap .user-modal-content,
  .user-modal .modal-wrap .user-modal-content {
    padding: 30px;
  }
  .login-modal .modal-wrap .user-modal-content .user-info,
  .user-modal .modal-wrap .user-modal-content .user-info {
    margin: 100px 0 80px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: center;
        justify-content: center;
    -ms-flex-direction: column;
        flex-direction: column;
  }
  .login-modal .modal-wrap .user-modal-content .user-info .avatar,
  .user-modal .modal-wrap .user-modal-content .user-info .avatar {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    object-fit: cover;
  }
  .login-modal .modal-wrap .user-modal-content .user-info .name,
  .user-modal .modal-wrap .user-modal-content .user-info .name {
    font-size: 24px;
    font-weight: bold;
    color: #222426;
    margin-top: 20px;
  }
  .login-modal .modal-wrap .user-modal-content .logout-btn,
  .user-modal .modal-wrap .user-modal-content .logout-btn {
    height: 50px;
    line-height: 50px;
    border-radius: 50px;
    text-align: center;
    background-color: #e6faeb;
    color: #29a245;
    font-size: 18px;
    font-weight: bold;
    cursor: pointer;
  }
  .login-modal .modal-wrap.pc .login-modal-content .nc-wrap,
  .user-modal .modal-wrap.pc .login-modal-content .nc-wrap {
    margin-top: 20px;
  }
  .login-modal .modal-wrap.pc .login-modal-content .nc-wrap .nc_scale,
  .user-modal .modal-wrap.pc .login-modal-content .nc-wrap .nc_scale {
    height: 40px;
  }
  .login-modal .modal-wrap.pc .login-modal-content .nc-wrap .nc_scale .nc_iconfont,
  .user-modal .modal-wrap.pc .login-modal-content .nc-wrap .nc_scale .nc_iconfont {
    width: 38px;
    height: 38px;
  }
  .login-modal .modal-wrap.pc .login-modal-content .nc-wrap .nc_scale span,
  .user-modal .modal-wrap.pc .login-modal-content .nc-wrap .nc_scale span {
    height: 38px;
    line-height: 38px;
  }
  .login-modal .modal-wrap.pc .login-modal-content .nc-wrap .nc_scale .nc-lang-cnt,
  .user-modal .modal-wrap.pc .login-modal-content .nc-wrap .nc_scale .nc-lang-cnt {
    font-size: 14px;
  }
  .login-modal .modal-wrap.mobile .close-btn,
  .user-modal .modal-wrap.mobile .close-btn {
    width: 24px;
    height: 24px;
    right: 12px;
    top: 12px;
  }
  .login-modal .modal-wrap.mobile .login-modal-content,
  .user-modal .modal-wrap.mobile .login-modal-content {
    padding: 20px;
  }
  .login-modal .modal-wrap.mobile .login-modal-content .nc-wrap,
  .user-modal .modal-wrap.mobile .login-modal-content .nc-wrap {
    margin-top: 12px;
  }
  .login-modal .modal-wrap.mobile .login-modal-content .title,
  .user-modal .modal-wrap.mobile .login-modal-content .title {
    font-size: 18px;
  }
  .login-modal .modal-wrap.mobile .login-modal-content .tips,
  .user-modal .modal-wrap.mobile .login-modal-content .tips {
    font-size: 12px;
    margin-bottom: 30px;
  }
  .login-modal .modal-wrap.mobile .login-modal-content .input-error-tips,
  .user-modal .modal-wrap.mobile .login-modal-content .input-error-tips {
    margin: 6px 0;
  }
  .login-modal .modal-wrap.mobile .login-modal-content .input-error-tips .error-text,
  .user-modal .modal-wrap.mobile .login-modal-content .input-error-tips .error-text {
    padding-left: 20px;
    background-size: 14px 14px;
    font-size: 12px;
  }
  .login-modal .modal-wrap.mobile .login-modal-content .input-wrap,
  .user-modal .modal-wrap.mobile .login-modal-content .input-wrap {
    font-size: 14px;
    height: 40px;
  }
  .login-modal .modal-wrap.mobile .login-modal-content .input-wrap .inner-input,
  .user-modal .modal-wrap.mobile .login-modal-content .input-wrap .inner-input {
    font-size: 14px;
  }
  .login-modal .modal-wrap.mobile .login-modal-content .input-wrap .verify-btn,
  .user-modal .modal-wrap.mobile .login-modal-content .input-wrap .verify-btn {
    -ms-flex: 0 0 100px;
        flex: 0 0 100px;
  }
  .login-modal .modal-wrap.mobile .login-modal-content .input-wrap .clear-input,
  .user-modal .modal-wrap.mobile .login-modal-content .input-wrap .clear-input {
    width: 16px;
    height: 16px;
  }
  .login-modal .modal-wrap.mobile .login-modal-content .check-privacy,
  .user-modal .modal-wrap.mobile .login-modal-content .check-privacy {
    font-size: 12px;
  }
  .login-modal .modal-wrap.mobile .login-modal-content .login-btn,
  .user-modal .modal-wrap.mobile .login-modal-content .login-btn {
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    margin-top: 12px;
  }
  .login-modal .modal-wrap.mobile .user-modal-content,
  .user-modal .modal-wrap.mobile .user-modal-content {
    padding: 20px;
  }
  .login-modal .modal-wrap.mobile .user-modal-content .user-info,
  .user-modal .modal-wrap.mobile .user-modal-content .user-info {
    margin: 30px 0 20px;
  }
  .login-modal .modal-wrap.mobile .user-modal-content .user-info .avatar,
  .user-modal .modal-wrap.mobile .user-modal-content .user-info .avatar {
    width: 60px;
    height: 60px;
  }
  .login-modal .modal-wrap.mobile .user-modal-content .user-info .name,
  .user-modal .modal-wrap.mobile .user-modal-content .user-info .name {
    font-size: 16px;
    margin-top: 12px;
  }
  .login-modal .modal-wrap.mobile .user-modal-content .logout-btn,
  .user-modal .modal-wrap.mobile .user-modal-content .logout-btn {
    font-size: 14px;
    height: 40px;
    line-height: 40px;
  }
  .modal-tips {
    position: fixed;
    top: 36%;
    left: 50%;
    z-index: 9999;
    -ms-transform: translatex(-50%);
        transform: translatex(-50%);
    background: rgba(0, 0, 0, 0.7);
    padding: 6px 16px;
    border-radius: 8px;
    word-break: break-all;
    max-width: 85%;
    color: #fff;
    display: none;
    font-size: 15px;
  }
  .modal-tips.show {
    display: block;
  }
  .header-container {
    width: 100%;
    background: #fff;
    border-bottom: 1px solid #eee;
  }
  header {
    height: 80px;
    position: relative;
  }
  header .inner {
    position: relative;
    max-width: 960px;
    _width: 960px;
    height: 80px;
    margin: 0 auto;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: justify;
        justify-content: space-between;
  }
  header .inner .logo-wp {
    margin: 20px 13px;
    display: inline-block;
    vertical-align: top;
  }
  header .inner .logo-wp .logo {
    text-indent: 100%;
    overflow: hidden;
    *overflow: initial;
    *text-indent: -9866px;
    white-space: nowrap;
    width: 103px;
    height: 39px;
    display: block;
    background:  no-repeat center center;
    background-size: 103px 40px;
  }
  header .inner .logo-wp .logo:hover {
    text-decoration: none;
  }
  header .inner .search-right {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: end;
        justify-content: flex-end;
    padding-right: 12px;
  }
  header .inner .search-right .user-info {
    margin-left: 6px;
  }
  header .inner .search-right .user-info .avatar {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    object-fit: cover;
    cursor: pointer;
  }
  header .drawer {
    display: none;
  }
  .header-nav {
    display: inline-block;
    vertical-align: top;
  }
  .header-nav li {
    display: inline-block;
    text-align: center;
  }
  .header-nav li a {
    text-decoration: none;
    padding: 33px 15px 0;
    font-size: 14px;
    color: #999;
    transition: color .5s;
    display: block;
  }
  .header-nav li a.green {
    color: #24aa42;
  }
  .menu-list {
    display: block;
    position: relative;
    max-width: 960px;
    _width: 960px;
    z-index: 10;
    margin: 0 auto;
    box-shadow: none;
  }
  .menu-list .parent-menu {
    overflow: hidden;
  }
  .menu-list .nav-item {
    width: auto;
    display: inline-block;
    *line-height: 36px;
    border-bottom: 0;
    text-align: center;
  }
  .menu-list .nav-item .first-link {
    line-height: 36px;
    display: inline-block;
  }
  .menu-list .nav-item span {
    cursor: pointer;
    _top: 7px;
    position: relative;
    display: inline-block;
    height: 20px;
    line-height: 20px;
    font-size: 14px;
    color: #666;
    padding: 0 20px;
  }
  .menu-list .nav-item .new-tip {
    display: none;
    font-size: 12px;
    color: #24aa42;
    margin-left: 10px;
  }
  .menu-list .nav-item.last span {
    border-right: 0;
  }
  .menu-list .game-tag-wrap,
  .menu-list .app-tag-wrap {
    position: relative;
  }
  .menu-list .current .first-link {
    line-height: 20px;
    padding: 8px 0 6px 0;
    padding-top: 7px\9;
    border-bottom: 3px solid #4cc8b5;
    *margin-bottom: -7px;
    _padding-bottom: 8px;
  }
  .menu-list .current .first-link span {
    _top: 1px;
    margin-bottom: -3px;
  }
  .menu-list.pc-main-menu {
    display: block;
  }
  .menu-list.pc-main-menu .arrow-down {
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: transparent;
    border-top-color: #333;
    border-width: 4px;
    margin-left: 4px;
    _font-size: 0;
    _line-height: 0;
    _border-right-color: pink;
    _border-left-color: pink;
    _border-bottom-color: pink;
    _filter: chroma(color=pink);
    top: 7px;
    right: 12px;
  }
  .menu-list.menu-list-hide {
    display: none;
  }
  .j-mask {
    display: none;
    position: fixed;
    background: rgba(0, 0, 0, 0.1);
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 100;
  }
  .mobile .menu-list .arrow-down,
  .tablet .menu-list .arrow-down {
    display: none;
  }
  .extra {
    position: absolute;
    right: 0;
    top: 20px;
  }
  .extra .launcher {
    margin-top: 3px;
    display: inline-block;
    float: right;
    opacity: 0.9;
    width: 17px;
    height: 22px;
    background:  no-repeat 0 center;
  }
  .extra .launcher:hover {
    opacity: 1;
  }
  @media screen and (min-width: 700px) {
    .header-container {
      min-width: 960px;
    }
    .menu-list .parent-menu {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
          align-items: center;
      -ms-flex-pack: justify;
          justify-content: space-between;
      padding: 0 20px;
    }
  }
  @media screen and (max-width: 699px) {
    .header-container {
      border-bottom: none;
    }
    header {
      height: 44px;
    }
    header .inner {
      position: absolute;
      top: 0;
      width: 100%;
      height: 44px;
      background-color: #fff;
    }
    header .inner .logo-wp {
      margin: 7px 13px;
    }
    header .inner .logo-wp .logo {
      width: 76px;
      height: 30px;
      background-size: 76px 30px;
    }
    .menu-list {
      height: 36px;
    }
    .parent-menu {
      position: absolute;
      top: 0;
      width: 100%;
      height: 35px;
      border-bottom: 1px solid #eee;
      background-color: #ffffff;
    }
    .header-fixed header .inner {
      position: fixed;
    }
    .header-fixed .parent-menu {
      position: fixed;
      top: 44px;
    }
    .mask {
      display: none;
    }
    .menu-list {
      width: 100%;
    }
    .menu-list .nav-item {
      float: left;
      width: 25%;
      font-size: 0;
    }
    .menu-list .nav-item a {
      font-size: 14px;
    }
    .menu-list .nav-item span {
      padding: 0;
      color: #999;
    }
    .menu-list .nav-item .new-tip {
      display: inline-block;
    }
    .menu-list .nav-item.nav-item .first-link span {
      border: none;
    }
    .menu-list .current .first-link {
      position: relative;
      border-bottom: none;
    }
    .menu-list .current .first-link span {
      color: #333333;
    }
    .menu-list .current .first-link:after {
      content: '';
      position: absolute;
      bottom: -2px;
      left: 50%;
      width: 9px;
      height: 3px;
      -ms-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
      -webkit-transform: translate(-50%, 0);
      background-color: #333333;
    }
  }
  @media screen and (min-width: 700px) and (max-width: 959px) {
    .menu-list li span {
      padding: 0 15px;
    }
  }