.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;
}
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 {
  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: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAAUVBMVEUAAAAkqkIlq0IqqkolqkIkqkIlqkIkqkIlqkInrEQmq0MkqkL///+o3rQtrkry+vTn9urd8uG85cWe2auN05xewXVOu2c+tVlsxoHR7dd8zI5RoOtPAAAAC3RSTlMA9JYY49nHv4JHLZ9lSgUAAADQSURBVDjLhVNZFoMgEAMUEUGtu+39D9oqVsJUO/njTUhmFQCrjJZSG2XFBTIl3QmpMhov9zBQyvR74X5QgEiVuwvk1fkf48j4aoA+cTnyc7codwN5T5CbiXJ/oD6EKLA826EhEkLY+Kq9948pZVihkLChblIP46JF5z0VMULDqxk8FdEiLXIOIj1kSbowtxuhBYJ26DEeHmBhID51IT5CkljmGsL9gmVio/q9yJU0CrIcY4XQavR4DTMdFjtubmG4lWOXll17/nD40+OPlz3/N1XWIp8vt/XEAAAAAElFTkSuQmCC) 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;
}
.quark_ad_container {
  position: fixed;
  top: 10px;
  left: 50%;
  -ms-transform: translateX(-50%);
      transform: translateX(-50%);
  z-index: 1000;
  height: 48px;
  min-width: 657px;
  background-color: rgba(0, 0, 0, 0.85);
  border-radius: 5px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: start;
      justify-content: flex-start;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
.quark_ad_container--logo {
  height: 28px;
  width: 28px;
  background-color: #FFFFFF;
  border-radius: 50%;
  margin-left: 16px;
}
.quark_ad_container--name {
  font-weight: 600;
  font-size: 16px;
  color: #FFFFFF;
  letter-spacing: 0;
  line-height: 16px;
  margin-left: 10px;
  white-space: nowrap;
}
.quark_ad_container--slogen {
  font-weight: 400;
  font-size: 14px;
  color: rgba(255, 255, 255, 0.8);
  letter-spacing: 0;
  line-height: 14px;
  margin-left: 10px;
  white-space: nowrap;
}
.quark_ad_container--btn {
  height: 30px;
  width: 90px;
  background-color: #185AFB;
  border-radius: 15px;
  margin-left: auto;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  font-weight: 400;
  font-size: 14px;
  color: #FFFFFF;
  letter-spacing: 0;
  line-height: 14px;
  border: none;
  cursor: pointer;
}
.quark_ad_container--options {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: start;
      justify-content: flex-start;
  margin-left: 0;
  margin-right: 16px;
  font-weight: 400;
  font-size: 12px;
  color: #FFFFFF;
  letter-spacing: 0;
  line-height: 12px;
  white-space: nowrap;
  margin-left: 16px;
}
.quark_ad_container--checkbox {
  margin-right: 4px;
  height: 16px;
  width: 16px;
  background-color: #FAFAFA;
  border: 1px solid #979797;
  border-radius: 4px;
  overflow: hidden;
  border: none;
  cursor: pointer;
}
.quark_ad_container--close {
  height: 18px;
  width: 18px;
  opacity: 0.8;
  margin-right: 16px;
  margin-left: 0;
  cursor: pointer;
}
.quark_ad_side_container {
  position: fixed;
  top: 274px;
  right: 4px;
  z-index: 100;
  cursor: pointer;
}
.quark_ad_side_container--img {
  height: 160px;
  width: 124px;
  background-color: #1978FD;
}
.quark_ad_side_container--close {
  position: absolute;
  right: 0;
  top: 0;
  height: 18px;
  width: 18px;
  background-color: rgba(0, 0, 0, 0.25);
}
.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 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAARCAMAAAAMs7fIAAAARVBMVEUAAAD///83NzczMzM9PT0zMzM6Ojo1NTU2NjY1NTU0NDQ0NDQ0NDQzMzM0NDQ0NDQzMzMzMzMzMzMzMzMzMzMzMzMzMzOvc+2DAAAAFnRSTlMAAQ4UFRkfRExNbHp7grbA0NLh5fP+tvdWvQAAAHJJREFUGJVtj1kOgCAMRMumiFYWce5/VAMEo+L8tHnptB0iIskh58CSuuaEqjR3cMJbY6zH2ZBMYFEawUjVyPCiDQsPLjXA9oUWoZQM04lB/icP19Jc4+bx+vND903hjl03dCfdETW9pCOiGtD2JqTW6QLRJgeAKb5dOAAAAABJRU5ErkJggg==) 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: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAAiCAMAAAANmfvwAAAAY1BMVEUAAAD///9AQEA5OTk4ODg5OTk2NjY3Nzc1NTU2NjY1NTU0NDQ1NTU0NDQ1NTUzMzMzMzMzMzM0NDQzMzMzMzM0NDQ0NDQzMzM0NDQzMzMzMzM0NDQzMzMzMzM0NDQ0NDQzMzNXDurKAAAAIHRSTlMAAQwbICQmM0RMUlRXWW+CkJaoqaq/y9PZ2+7y8/n7/HGtJDgAAADkSURBVDjLjZPREkNADEXXFi3FttQWRc//f2VfUHYNuU/ZmbOT5CZRatbV1E3fN7W5ql0FWcuiNgt8IrJsZCOXuHU46m4OMQIMZR5rHeflADBumKgDqML5Hb4AulWuwALfYv2p+AL2X3MGUGxTFwDZ8myBym2gAtrFMWAIXSQcgNlDA5S+UyVgprgGch/JgXqKGyD2kRhoprgHtI9ooJcjgkSCcgVNC6zbH8BrPQDJGAXLIFip/cXkrc/W+419JMdHoi2M9+NTe+Ay3sEm4w7j6C5m0nPmo8+ZyyGi0g9PdSJ9UeoHy6op+4hRxjkAAAAASUVORK5CYII=) 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 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcCAMAAABF0y+mAAAAgVBMVEUAAABPT08zMzM0NDQzMzMzMzM1NTUzMzMzMzMzMzMzMzMzMzM3Nzc7OzszMzM0NDQ4ODgzMzMzMzMzMzM1NTU9PT09PT0zMzMzMzMzMzMzMzMzMzM1NTU0NDQzMzM0NDQ0NDQzMzM1NTU0NDQ1NTU0NDQzMzM0NDQ3Nzc2NjYzMzNS/EBxAAAAKnRSTlMABftf9tMx2sm2sJIaCd+qH+6MbjkVD+bjoZpLE+i9hIBoW1NIQDcsKiNqie0kAAAA+klEQVQoz3WQWZaCMBBFMwIJM4iAYjtPb/8LbAUlhMj9qZdzCyoVYujut4ySX3hhghdMHeO5ilIAuQwSBjTcdqsdROG90/oUABs6dQIqGk9cQE/+ubN7vRz78ZBC2Ze8Mvb4NkJExCaEHlNBZlQC1ZASeGSOxrBPh5w4lAj7eod05RlpX28IXHmB6muGxJUcbV8pY2tHFjgMQeHkSB+rIRzdoVvUnxQ34LaLJUozXXiWbOGbx94gv06+S8EmzVSDhdV3ngTwFxPDnkHo8nzhhQ/429q2D40PdUnJs0FgLV/xMFXtYdjvmRjrkvmQ3aKNXpYuW4mMLEIz8g8w+hSmxuLi5wAAAABJRU5ErkJggg==) no-repeat center center;
    _background: #F6F6F6 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUAQMAAAC3R49OAAAABlBMVEX///////9VfPVsAAAAAnRSTlP/AOW3MEoAAABISURBVAhbY/jA/4HhAPMHhubDHxj6H35gkP8AxD8+MNiD8B8o/gER4wfKtQPVNDZ8YHjAUMDwgcOA4f8fAYb//xgY/v8H4QYAVDIoHk08rAgAAAAASUVORK5CYII=) 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: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAOCAYAAAAmL5yKAAAALElEQVQoFWM0MTHZ+v//fy8GMgAjI+M2JjL0jWpBCwHG0VhAC5GB4A58LAAAqC0P/Z3BejAAAAAASUVORK5CYII=) no-repeat center center;
}
@media (min-resolution: 192dpi) {
  .drawer {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAcAgMAAAB9rFWxAAAADFBMVEUAAAA0NDQ0NDQzMzPCChFqAAAAA3RSTlMASePizoNQAAAAG0lEQVQIW2PI/w8GPxn2Qxj/EAy4FLXAILMLAIjnWpeDuD9zAAAAAElFTkSuQmCC) no-repeat center center;
    background-size: 16px 14px;
  }
}
.arrow-up,
.arrow-down {
  display: inline-block;
  width: 18px;
  height: 18px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAA8UExURUdwTMzMzM7OzszMzM/Pz87Ozs3NzczMzMzMzOPj49LS0szMzMzMzM3NzczMzMzMzMzMzM7Ozs3NzczMzIUX5k0AAAATdFJOUwDUQS0QWGVL+QQc8OSQqsFzH8zKvpsVAAAAbklEQVR42u3OSQ6AIBBE0XZgEud//7saTUwjRt3ozrehKyka5Pcy5x4ydGnuwOUFRo0jeSH0gNmTAfogB2EAX8qm9DAEydQFxGqdqghFLSdNC22j55He1E0pfXue9S9nho2RS9aDt3JjsnaS3ycWTjQFY9ZAjVcAAAAASUVORK5CYII=) 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: url('//cdn.wandoujia.com/wdjweb/assets/images/icon_popupbox_close.png') 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: url('//cdn.wandoujia.com/wdjweb/assets/images/icon_input_clean.png') 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: url('//cdn.wandoujia.com/wdjweb/assets/images/icon_wrong_tips.png') 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: url(//cdn.wandoujia.com/wdjweb/assets/images/icon_set_nor.png) 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: url(//cdn.wandoujia.com/wdjweb/assets/images/icon_set_wdj_sel.png);
}
.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;
}
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 {
  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: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAAUVBMVEUAAAAkqkIlq0IqqkolqkIkqkIlqkIkqkIlqkInrEQmq0MkqkL///+o3rQtrkry+vTn9urd8uG85cWe2auN05xewXVOu2c+tVlsxoHR7dd8zI5RoOtPAAAAC3RSTlMA9JYY49nHv4JHLZ9lSgUAAADQSURBVDjLhVNZFoMgEAMUEUGtu+39D9oqVsJUO/njTUhmFQCrjJZSG2XFBTIl3QmpMhov9zBQyvR74X5QgEiVuwvk1fkf48j4aoA+cTnyc7codwN5T5CbiXJ/oD6EKLA826EhEkLY+Kq9948pZVihkLChblIP46JF5z0VMULDqxk8FdEiLXIOIj1kSbowtxuhBYJ26DEeHmBhID51IT5CkljmGsL9gmVio/q9yJU0CrIcY4XQavR4DTMdFjtubmG4lWOXll17/nD40+OPlz3/N1XWIp8vt/XEAAAAAElFTkSuQmCC) 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;
}
.quark_ad_container {
  position: fixed;
  top: 10px;
  left: 50%;
  -ms-transform: translateX(-50%);
      transform: translateX(-50%);
  z-index: 1000;
  height: 48px;
  min-width: 657px;
  background-color: rgba(0, 0, 0, 0.85);
  border-radius: 5px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: start;
      justify-content: flex-start;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
.quark_ad_container--logo {
  height: 28px;
  width: 28px;
  background-color: #FFFFFF;
  border-radius: 50%;
  margin-left: 16px;
}
.quark_ad_container--name {
  font-weight: 600;
  font-size: 16px;
  color: #FFFFFF;
  letter-spacing: 0;
  line-height: 16px;
  margin-left: 10px;
  white-space: nowrap;
}
.quark_ad_container--slogen {
  font-weight: 400;
  font-size: 14px;
  color: rgba(255, 255, 255, 0.8);
  letter-spacing: 0;
  line-height: 14px;
  margin-left: 10px;
  white-space: nowrap;
}
.quark_ad_container--btn {
  height: 30px;
  width: 90px;
  background-color: #185AFB;
  border-radius: 15px;
  margin-left: auto;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  font-weight: 400;
  font-size: 14px;
  color: #FFFFFF;
  letter-spacing: 0;
  line-height: 14px;
  border: none;
  cursor: pointer;
}
.quark_ad_container--options {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: start;
      justify-content: flex-start;
  margin-left: 0;
  margin-right: 16px;
  font-weight: 400;
  font-size: 12px;
  color: #FFFFFF;
  letter-spacing: 0;
  line-height: 12px;
  white-space: nowrap;
  margin-left: 16px;
}
.quark_ad_container--checkbox {
  margin-right: 4px;
  height: 16px;
  width: 16px;
  background-color: #FAFAFA;
  border: 1px solid #979797;
  border-radius: 4px;
  overflow: hidden;
  border: none;
  cursor: pointer;
}
.quark_ad_container--close {
  height: 18px;
  width: 18px;
  opacity: 0.8;
  margin-right: 16px;
  margin-left: 0;
  cursor: pointer;
}
.quark_ad_side_container {
  position: fixed;
  top: 274px;
  right: 4px;
  z-index: 100;
  cursor: pointer;
}
.quark_ad_side_container--img {
  height: 160px;
  width: 124px;
  background-color: #1978FD;
}
.quark_ad_side_container--close {
  position: absolute;
  right: 0;
  top: 0;
  height: 18px;
  width: 18px;
  background-color: rgba(0, 0, 0, 0.25);
}
.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: url(../logo2.png) 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: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAFSOl20AAAABlBMVEVmZmZmZmao2cBkAAAAAXRSTlMAQObYZgAAACdJREFUCFtjOMDEwOAAxAwMGxguAMkLQPZtMP82jIaRjJ/vgJnoDACr8w0cp9OaIAAAAABJRU5ErkJggg==) 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: 20%;
    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;
  }
}
@charset "utf-8";
/**
 * 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 动画 */
/* 绝对定位 */
.download-guide {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 5;
}
.download-guide::before {
  content: "";
  position: absolute;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.4);
}
.download-guide span {
  border-radius: 5px;
  position: absolute;
  right: 10px;
  top: 20px;
  padding: 12px 15px 10px 15px;
  background: #fff;
}
.download-guide span::before {
  content: "";
  position: absolute;
  top: -7px;
  right: 10px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 10px 10px 10px;
  border-color: transparent transparent #fff transparent;
}
.qrcode-box {
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
  border-radius: 3px;
  transform: translate3d(-50%, 0, 0);
  display: none;
  position: absolute;
  left: 50%;
  top: 130px;
  width: 160px;
  padding: 24px 24px 16px;
  background: #fff;
  color: #333;
  font-size: 13px;
}
.qrcode-box::after {
  box-shadow: -1px -1px 2px rgba(0, 0, 0, 0.17);
  -ms-transform: rotate(40deg);
      transform: rotate(40deg);
  content: "";
  position: absolute;
  top: -4px;
  left: 50%;
  z-index: -1;
  width: 10px;
  height: 10px;
  margin-left: -5px;
  background: #fff;
}
.qrcode-box::before {
  -ms-transform: rotate(40deg);
      transform: rotate(40deg);
  content: "";
  position: absolute;
  top: -2px;
  left: 50%;
  z-index: 1;
  width: 16px;
  height: 16px;
  margin-left: -8px;
  background: #fff;
}
.qrcode-box img {
  width: 160px;
  height: 160px;
  padding: 0 0 8px;
}
.qrcode-box.append {
  transform: translate3d(-50%, -50%, 0);
  display: block;
  position: fixed;
  top: 50%;
  left: 50%;
  z-index: 4;
  padding: 20px;
  text-align: center;
}
.qrcode-box.append::before,
.qrcode-box.append::after {
  display: none;
}
.overlay {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 4;
  height: 100%;
  width: 100%;
  background: rgba(0, 0, 0, 0.4);
}
@charset "utf-8";
/* autoprefixer: off */
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: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAAUVBMVEUAAAAkqkIlq0IqqkolqkIkqkIlqkIkqkIlqkInrEQmq0MkqkL///+o3rQtrkry+vTn9urd8uG85cWe2auN05xewXVOu2c+tVlsxoHR7dd8zI5RoOtPAAAAC3RSTlMA9JYY49nHv4JHLZ9lSgUAAADQSURBVDjLhVNZFoMgEAMUEUGtu+39D9oqVsJUO/njTUhmFQCrjJZSG2XFBTIl3QmpMhov9zBQyvR74X5QgEiVuwvk1fkf48j4aoA+cTnyc7codwN5T5CbiXJ/oD6EKLA826EhEkLY+Kq9948pZVihkLChblIP46JF5z0VMULDqxk8FdEiLXIOIj1kSbowtxuhBYJ26DEeHmBhID51IT5CkljmGsL9gmVio/q9yJU0CrIcY4XQavR4DTMdFjtubmG4lWOXll17/nD40+OPlz3/N1XWIp8vt/XEAAAAAElFTkSuQmCC) 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;
}
.suggestion-wp {
  border: 1px solid #e6e6e6;
  background: #fff;
  font-size: 12px;
  display: none;
  z-index: 102;
  padding-bottom: 10px;
}
.suggestion-wp em {
  font-weight: bold;
  font-style: normal;
}
.suggestion-wp li {
  padding: 0 10px;
  height: 25px;
  line-height: 25px;
  overflow: hidden;
  cursor: default;
}
.suggestion-wp .current,
.suggestion-wp li:hover {
  background: #ededed;
}
.quark-suggestion-container {
  display: block;
  height: 32px;
  line-height: 32px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 13px;
  margin-bottom: 12px;
  padding-left: 10px;
  padding-right: 10px;
  font-weight: 400;
  font-size: 12px;
  color: #000000;
  letter-spacing: 0;
  box-sizing: border-box;
  cursor: pointer;
}
.quark-suggestion-container--content {
  display: block;
  background-color: rgba(76, 200, 181, 0.1);
  border-radius: 3px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding-left: 10px;
  padding-right: 10px;
}
.quark-suggestion-container--img {
  margin-top: 10px;
  height: 12.6px;
  width: 12px;
  margin-right: 10px;
}
.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 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAARCAMAAAAMs7fIAAAARVBMVEUAAAD///83NzczMzM9PT0zMzM6Ojo1NTU2NjY1NTU0NDQ0NDQ0NDQzMzM0NDQ0NDQzMzMzMzMzMzMzMzMzMzMzMzMzMzOvc+2DAAAAFnRSTlMAAQ4UFRkfRExNbHp7grbA0NLh5fP+tvdWvQAAAHJJREFUGJVtj1kOgCAMRMumiFYWce5/VAMEo+L8tHnptB0iIskh58CSuuaEqjR3cMJbY6zH2ZBMYFEawUjVyPCiDQsPLjXA9oUWoZQM04lB/icP19Jc4+bx+vND903hjl03dCfdETW9pCOiGtD2JqTW6QLRJgeAKb5dOAAAAABJRU5ErkJggg==) 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: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAAiCAMAAAANmfvwAAAAY1BMVEUAAAD///9AQEA5OTk4ODg5OTk2NjY3Nzc1NTU2NjY1NTU0NDQ1NTU0NDQ1NTUzMzMzMzMzMzM0NDQzMzMzMzM0NDQ0NDQzMzM0NDQzMzMzMzM0NDQzMzMzMzM0NDQ0NDQzMzNXDurKAAAAIHRSTlMAAQwbICQmM0RMUlRXWW+CkJaoqaq/y9PZ2+7y8/n7/HGtJDgAAADkSURBVDjLjZPREkNADEXXFi3FttQWRc//f2VfUHYNuU/ZmbOT5CZRatbV1E3fN7W5ql0FWcuiNgt8IrJsZCOXuHU46m4OMQIMZR5rHeflADBumKgDqML5Hb4AulWuwALfYv2p+AL2X3MGUGxTFwDZ8myBym2gAtrFMWAIXSQcgNlDA5S+UyVgprgGch/JgXqKGyD2kRhoprgHtI9ooJcjgkSCcgVNC6zbH8BrPQDJGAXLIFip/cXkrc/W+419JMdHoi2M9+NTe+Ay3sEm4w7j6C5m0nPmo8+ZyyGi0g9PdSJ9UeoHy6op+4hRxjkAAAAASUVORK5CYII=) 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;
    -webkit-appearance: none;
    -moz-appearance: 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 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcCAMAAABF0y+mAAAAgVBMVEUAAABPT08zMzM0NDQzMzMzMzM1NTUzMzMzMzMzMzMzMzMzMzM3Nzc7OzszMzM0NDQ4ODgzMzMzMzMzMzM1NTU9PT09PT0zMzMzMzMzMzMzMzMzMzM1NTU0NDQzMzM0NDQ0NDQzMzM1NTU0NDQ1NTU0NDQzMzM0NDQ3Nzc2NjYzMzNS/EBxAAAAKnRSTlMABftf9tMx2sm2sJIaCd+qH+6MbjkVD+bjoZpLE+i9hIBoW1NIQDcsKiNqie0kAAAA+klEQVQoz3WQWZaCMBBFMwIJM4iAYjtPb/8LbAUlhMj9qZdzCyoVYujut4ySX3hhghdMHeO5ilIAuQwSBjTcdqsdROG90/oUABs6dQIqGk9cQE/+ubN7vRz78ZBC2Ze8Mvb4NkJExCaEHlNBZlQC1ZASeGSOxrBPh5w4lAj7eod05RlpX28IXHmB6muGxJUcbV8pY2tHFjgMQeHkSB+rIRzdoVvUnxQ34LaLJUozXXiWbOGbx94gv06+S8EmzVSDhdV3ngTwFxPDnkHo8nzhhQ/429q2D40PdUnJs0FgLV/xMFXtYdjvmRjrkvmQ3aKNXpYuW4mMLEIz8g8w+hSmxuLi5wAAAABJRU5ErkJggg==) no-repeat center center;
    _background: #F6F6F6 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUAQMAAAC3R49OAAAABlBMVEX///////9VfPVsAAAAAnRSTlP/AOW3MEoAAABISURBVAhbY/jA/4HhAPMHhubDHxj6H35gkP8AxD8+MNiD8B8o/gER4wfKtQPVNDZ8YHjAUMDwgcOA4f8fAYb//xgY/v8H4QYAVDIoHk08rAgAAAAASUVORK5CYII=) 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: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAOCAYAAAAmL5yKAAAALElEQVQoFWM0MTHZ+v//fy8GMgAjI+M2JjL0jWpBCwHG0VhAC5GB4A58LAAAqC0P/Z3BejAAAAAASUVORK5CYII=) no-repeat center center;
}
@media (min-resolution: 192dpi) {
  .drawer {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAcAgMAAAB9rFWxAAAADFBMVEUAAAA0NDQ0NDQzMzPCChFqAAAAA3RSTlMASePizoNQAAAAG0lEQVQIW2PI/w8GPxn2Qxj/EAy4FLXAILMLAIjnWpeDuD9zAAAAAElFTkSuQmCC) no-repeat center center;
    background-size: 16px 14px;
  }
}
.arrow-up,
.arrow-down {
  display: inline-block;
  width: 18px;
  height: 18px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAA8UExURUdwTMzMzM7OzszMzM/Pz87Ozs3NzczMzMzMzOPj49LS0szMzMzMzM3NzczMzMzMzMzMzM7Ozs3NzczMzIUX5k0AAAATdFJOUwDUQS0QWGVL+QQc8OSQqsFzH8zKvpsVAAAAbklEQVR42u3OSQ6AIBBE0XZgEud//7saTUwjRt3ozrehKyka5Pcy5x4ydGnuwOUFRo0jeSH0gNmTAfogB2EAX8qm9DAEydQFxGqdqghFLSdNC22j55He1E0pfXue9S9nho2RS9aDt3JjsnaS3ycWTjQFY9ZAjVcAAAAASUVORK5CYII=) no-repeat;
  background-size: 100%;
}
.arrow-up {
  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;
  align-items: center;
  justify-content: center;
}
.login-modal.show,
.user-modal.show {
  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: url('//cdn.wandoujia.com/wdjweb/assets/images/icon_popupbox_close.png') 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: flex;
  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 {
  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;
  flex-shrink: 0;
  display: none;
  cursor: pointer;
  background: url('//cdn.wandoujia.com/wdjweb/assets/images/icon_input_clean.png') 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 {
  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: url('//cdn.wandoujia.com/wdjweb/assets/images/icon_wrong_tips.png') 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: flex;
  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;
  flex-shrink: 0;
  background: #fff;
  margin-right: 10px;
  cursor: pointer;
  background: url(//cdn.wandoujia.com/wdjweb/assets/images/icon_set_nor.png) 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: url(//cdn.wandoujia.com/wdjweb/assets/images/icon_set_wdj_sel.png);
}
.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: flex;
  align-items: center;
  justify-content: center;
  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 {
  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;
  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;
}
.quark_ad_container {
  position: fixed;
  top: 10px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1000;
  height: 48px;
  min-width: 657px;
  background-color: rgba(0, 0, 0, 0.85);
  border-radius: 5px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: nowrap;
}
.quark_ad_container--logo {
  height: 28px;
  width: 28px;
  background-color: #FFFFFF;
  border-radius: 50%;
  margin-left: 16px;
}
.quark_ad_container--name {
  font-weight: 600;
  font-size: 16px;
  color: #FFFFFF;
  letter-spacing: 0;
  line-height: 16px;
  margin-left: 10px;
  white-space: nowrap;
}
.quark_ad_container--slogen {
  font-weight: 400;
  font-size: 14px;
  color: rgba(255, 255, 255, 0.8);
  letter-spacing: 0;
  line-height: 14px;
  margin-left: 10px;
  white-space: nowrap;
}
.quark_ad_container--btn {
  height: 30px;
  width: 90px;
  background-color: #185AFB;
  border-radius: 15px;
  margin-left: auto;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  font-weight: 400;
  font-size: 14px;
  color: #FFFFFF;
  letter-spacing: 0;
  line-height: 14px;
  border: none;
  cursor: pointer;
}
.quark_ad_container--options {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  margin-left: 0;
  margin-right: 16px;
  font-weight: 400;
  font-size: 12px;
  color: #FFFFFF;
  letter-spacing: 0;
  line-height: 12px;
  white-space: nowrap;
  margin-left: 16px;
}
.quark_ad_container--checkbox {
  margin-right: 4px;
  height: 16px;
  width: 16px;
  background-color: #FAFAFA;
  border: 1px solid #979797;
  border-radius: 4px;
  overflow: hidden;
  border: none;
  cursor: pointer;
}
.quark_ad_container--close {
  height: 18px;
  width: 18px;
  opacity: 0.8;
  margin-right: 16px;
  margin-left: 0;
  cursor: pointer;
}
.quark_ad_side_container {
  position: fixed;
  top: 274px;
  right: 4px;
  z-index: 100;
  cursor: pointer;
}
.quark_ad_side_container--img {
  height: 160px;
  width: 124px;
  background-color: #1978FD;
}
.quark_ad_side_container--close {
  position: absolute;
  right: 0;
  top: 0;
  height: 18px;
  width: 18px;
  background-color: rgba(0, 0, 0, 0.25);
}
.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: flex;
  align-items: center;
  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: url(../logo2.png) no-repeat center center;
  background-size: 103px 40px;
}
header .inner .logo-wp .logo:hover {
  text-decoration: none;
}
header .inner .search-right {
  display: flex;
  align-items: center;
  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;
  -moz-transition: color .5s;
  -o-transition: color .5s;
  -webkit-transition: color .5s;
  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: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAFSOl20AAAABlBMVEVmZmZmZmao2cBkAAAAAXRSTlMAQObYZgAAACdJREFUCFtjOMDEwOAAxAwMGxguAMkLQPZtMP82jIaRjJ/vgJnoDACr8w0cp9OaIAAAAABJRU5ErkJggg==) 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: flex;
    align-items: center;
    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: 20%;
    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;
    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;
  }
}
html,
body {
  background-color: #fff;
  color: #333;
  position: relative;
  width: 100%;
}
ol {
  list-style-type: decimal;
}
.header {
  position: relative;
}
@media screen and (max-width: 959px) {
  .header {
    display: none;
  }
}
.header .header-inner {
  height: 80px;
  margin: 0 auto;
  position: relative;
  max-width: 900px;
}
.header .logo {
  float: left;
  padding: 12px 0 0;
}
.header .logo a {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIIAAAAyCAYAAAHnzjMeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo2QzczMzk2RDAwQkYxMUUzQUYxOUIxMUUzMzVGRTMwRSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo2QzczMzk2RTAwQkYxMUUzQUYxOUIxMUUzMzVGRTMwRSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjZDNzMzOTZCMDBCRjExRTNBRjE5QjExRTMzNUZFMzBFIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjZDNzMzOTZDMDBCRjExRTNBRjE5QjExRTMzNUZFMzBFIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+eKMR0gAADntJREFUeNpi+P//PwMlAKSfCcSwXqXymxKDmKA0C9AgFVI1p6WlSSAbAgK3gQaxoSlKAOL/QPwPiwEJQMoDbsjRsDuMUDkdoEEJSGrjgVgQiD8haYYF4t5Zs2YtgAcMUOMEIP4PwtAw+k9KwDIgxw5Q8xtyYgcggBgoBlAvvKA0asVx+R8YgGZYxERgbEa0wCsDxk43ltB/CMQNoBgAigkA2QFAPB+IE2He8IDSmUC8AsmAeTBDkAyDyUWBXQDU8AVIcyNLIqURkgKzipxABAggWIL6zzBAAGQ/C3KSAFKdQFwOxEbAoDhPL4fAktMUKF0Opa8SGzrASH2AJfUQ0iOAzGcEBQcjIyMoJEKA/NVo6sWA+BW2BILFwo9A/AGYbBWwyIEKmr9AvA6IQ4H4PVSMYebMmR9YkBTCHNABxBVQ9isg3gl04DMgPRnomHYk9YlQ2gCIZ0MNFwA6YAOQ3ojmCFCJ9hOI9wMd+QGWH4FqpwOpTOSQuA4U0ADie0CsBPI9UOwBkFYA0n5Qly8H8n9RO2ECBBADWhlNdwBKlH1AR6gOpANAwXsLmj3ZB8IBy5DKhl/0LqyYgAkrGokPquRJjg5oQ4AYdQ7Y2LDKEhm7ExMSQEMmkOFYZpRCCeqAA0DKHk2tMxCfAobQF2wWA/N1AVLJCKo3twDFZEAFEpBmRC68QHykUJID4kcweRZoteiAxcd7gVgGKP4ZV6mIbBEQ2BAookEF1WUgjoLS8JIROSo+gopnIDZHbkEA6UQ0yxWB2BmJb4AmH4DEFkR3OBC/w9VUQS7j+YE4GIjXoocAUnDuBuJSUHTAogVaJKODQlAVAMSBQDVfoWaAPNkDc4A3tO0jiif9+AAdspVW1fMWID6O3FSC+noP1FGgKPhKt8IBGCKfQA0/etgFEIAcawdpIIiCipEDQdDCQhBMY1IJphAUbFNYaCxtBRsFMY2lYq2gBLTSTgU/jZZaWkURjBaCnTZaCCYgmAQFnZG5sC6XcDlESLIw3O3t527f7Xs781yqdgZsNjVgKYlClDgwa3jeDnDSKIYIGcKk14gMGfhCDPfb6jODer5ejfBDEEeO+sY9mCXLqAJFLrCmqgF3MFlyJS7QIUrOI/xJLLoYgBfY70gB8+X660ivhq3FAJKedb8DoFeaQ+ZxUMEQOV0dpWQK6DuHMRtV2mEaGDMWycN02Wh/A9oNtliNITqlhTLoH7baukRLUpXOR78phKLchqmHtMEq4z6N0E+uhI8lhUnoWVYfn1X7g3berTV2igbxgscOSop0vup+1X2uOnfLnks0S+5gndGXuAz63H4UmwX+CRgxF8RFjL/N+dwExiOleID5DnCJWo/Don03Hu4wELIW3yr5FhZfjMoVKL8nrfErSkDSAPs0AMZnyB9xv1DmAyek0A6Bd4B/gsQ3oi4fQsSDCJ9SPgCL1rTXMh7LPbDEOSU3yFGpT9pg0DzmYn0NuAOYOriyEynHov30y7BHjDjXxPzINNqH1e7ITdzi/HWK4d/yaigvwC4WkNSu6LF3Dto+DaXhKI5Qb/+KG6pfoG2oZniCGROwgC1FUorHBBbyZe2IZ6Cb0RttLfXAE74FINdqQpsIovDUitoiRQoi4kVRRC9tD0VBLIh6k6ggKCg0sYKWFBW9FQ8Ff8CjoHgrJiq51p+iIhZFK4gHGz0ULEUPKupBRKxK0aLf1/0mTre72TTGQ7oDj935yey8l/fmzfve2NhhrYlpcWOHYRPjMscNXWMvBJ7UIIiMA7EtiKMQWJJgvo1oGk9bcRWCPQ/wgHSQZwdQRxyFwDIG93dVwuiFIL7HUQjcF35BECnjAcJ1qLfMdiG8DOirBePMPTYZLwXY9D8XolsVjRWcbxNoTUj78iBkiaHw3ZD5XkAQzUw74H0hqBv1s2UsapHCZVuORYAfWeOlKPpK/UYZIMx1RJE7S0WWBsD4VoxhYMRI8wrq7RX4t34H4QFoZzSaR1+qQlrBP+AH5huPgtcYK2wuMtdNML7dCqIcvNFNyRBYQb3BMclvxrknIqDFhtJDpWiBxgelA4/K6/nnuQBNGHXhtS0R2pBA/w2Mm0dvAarF+8QM5bDDp7JEj7gG3n3YLdW3yHdNEJMBgiU81+M05UO+/S6gbyzIO2QjmKAg7oD5erx/0Mny6z9q60Y3dikHTfIJKyPghlBapnDDzJinev/k9E3e0prrwxhTYCoZ8R1mqYcwdjGedJ+89pZFPVnqPuBrGpQmzPR3xeyfpdl3FadOde5lq5y+KbdjCoO5iUR8qwWMvwfjS/HMaeJkqXYboAnXwpjFb/J+04goD/R87ryznALt0fuo09cSBrQyiX0alDZenoGxBIHK9frnxuXu5muP4B0n5q7bUf8Z5Q2cZ4Ps8hmItt0X4i0Yzzz096H9BNcZtl9oDLX1EYjJ3TaMHQz1DmL+iPmLzV8EQ11oqzfT09H8t4gqfTQeps8xS0Cvw7wGFlMvgaa0AfLwZfeTx6BD9EDGS/J80QGN7niFxriAqi05He3TVmvwnVaaAogxzwbQJbR3aA3UcEbHBFlvg97AO+Tdu3tM+q92PsAE7S4xZ7Qoa7s1gtcsGMvYYl2xY7j6iF/SFvfL7A6o7zIW2o9F0iscV1uvhNttDzbSFreM6GnbiWafN14aoAdz3vOZFvcF8twF6gQtm2IOYoaLPKdJqdZnnE1z8vIa3Zfe3xrvltyAGGIhGNtZbfCaXwhMk+2NODS5hVKnS0s4bZ8hiMaqFYJrz6hb+ylogj/K1EnssJme8WFZid+8qjYhnDRedier0xtV/AnI5g4SYKpfAuBmWLjdinqrNjDaO/MXI+gbrjpNEDNN2rm5IaXBSB/a3GPphPYKasg+9OeqHUuYJoQiAAtt/JbOCfdB22bLzRXy/0eAds42RIsqiuPX8kP5obUShKWFsrX60JKrFUZi+YKWWFBkJNinyE8RBCtEGagUUkGbfTBXKBCkwAwrIhPL1kroxQILItiNthJpXQgk1qyF6vx2/lfv3p2ZZ+ZxH9mXOTA8M/femfvMPWfOPffc/znTfLzEorfmAtzCKLnVXvCMq2hKkOd/aNswK4KR+EtWcEVTiEKNMBQtrHF3LET9mWCAgl7HEsauP6+GbXJrhNixgMFwWhA1oPBgXDrlStpWDeHkolAQsvyErxjj8RnMNoG4RetzQg7nVMM3OaeGI2JyHuEGvF8QJtZZW4I6vNlrre6zalgn9tSwv8B9OK7+NSFYbwzHbwuAr1t1OKk+tbqj1fBO7KlhZ4n7uoTwutEEYon9NrskghZaYHXrqqGdoFODXGsYgY+XfMZPTCkmECeFYjlsB8tPvNDsG7BD9d9EGRDtZvsAlHbtfGW1vdaNdC6PJRGCMGB9oHUvDcqJl9yt8zed9lpyCIe5D+4jDUKIKRnq6uoaTFspdOjGWSX+MIPRb0KAL3aZMb3JzvFJfONfQDhvbJCVVj94AZgJkOb9nCYE6iwSw9lJ/CKqP6zfl+1ZYTl+ZKATu4QbYZzubNBrsMc0IEF7LOP/Nbtg+zaHfPuFUXtcARtHaQQxrc2NDrgpQ+wiPiDgP7F1e12ykzhsm9hxndX1joMv/z53LjBoS8F7NsgWAuHwxjjTZCGO5wn7f4XC9s/yPxYECUMehK0ovWfHGgnEKgkEGmKrlT11AQbGq3jgKD7NwHDUawBq6vNlESEkfS4dIDUqICtiQthfUWKnqknnPpQvfH6jptYlNjV0p00Nw2SMOmjMu80FofN1ENqA8B+vIWbY+WL5JTqkJQYkMM9afV+DXrbDY5VyBvQaa9MnuOBNUd0pq5sp0OfPZforIbSb3EjA2QjKA56cr0YwQXCZgiBhIN4THMYPJW2GmO6RQGAjsGM3T5lqDuprBJvxiHDjbQ3YvF4Rp09qMM23/sqGhN5QQmi8FjtkzF5W8J7NLomOhFrsvuNxm+l5DzCm8MUCztvhEhTR+dDtdhAy2iOjkQRNM2XUUTdDBublY8QQgoHjL7M9o+0HNlhgc6+vsy/GKXS7lzUgfw/u/ztiYpqWgpbmaLhOq8tCiv8WGcDTMm2EVC7uaSXt4ZcuScOTReDjQHUccgkyY1DMJsZwhUvAjR5+hh8CL+XH1obOwQiCyrpkLEJq7WVbZRFj2G2366vUx3d2/VL0dcVTQ2gjAMEJU9ectLbrM/pswY+iy+54rk9pz1jO1yUpz07V+a7N0tyslvq1mlhpz6tp53n+Ty/0Ke9pZX4kCpZcCb0ANK1slqSYAb/XyvplZGIIEjx+URAuDL7hgGyFb62cL+9DOz5SGxi00eqetmtSO71t11fIRllu5fWEGwEMf9gObJ3tGEYSxE3B3Ht1gecMKrVBEUK4fTwGQvhcjfZbtVw/bn20lGQ+0/ajLslOSI4JgueXkqzJ6vAbHJDGIMK508p/LOxQChjfpHXsHTXU2WqXQIZxTy8v8R47jLlsXK3WctMT7mnCsU9YHev11+1YDGS65CDVMuy2adpIWxX8KeEGpdyTtaqwgX1HmQ/2ucZQuwC5WVPDGRnaL1q7ozkaCsN8rctI2EX2lCw/gs+rQxTD3XYNM3x+M1Qd6+eH9MUOe6cCP4GTilogxwvhZFeq/B/ZGZeJEb2ak++KVK9vC1butcr521jK9CMozWfWF9gjF+WGGpbuJ5qvwiQspMZ5RoLhEdtPGrOftz6/ltcujb6SP+LXim2NE4Q0G8EDMufZ4B+LbAUg/m3yEGYR97CZdTpwbZ5dyukXFOzFgbbIM6oIF/hFtsQLsiWGKhaOLaVpBJBJfqOF6JidftNIeWXeDSzdNNpr7dfkGJ5h5uO5sjVOuHNJtWoRmgUX+IPWT0/FwgZNDWIWF5tl+WatK3EIEUeGtzDe+BjS/a8as/5Quipy97G2nSMb4Gar+75ixTgWhLq8RUlqDdbnTTnN8GgBatlfsWCcCkJFU5v+B1NJh1Mp7ywhAAAAAElFTkSuQmCC);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  overflow: hidden;
  cursor: pointer;
  display: block;
  height: 50px;
  text-indent: -9876px;
  width: 130px;
  _height: 50px;
}
@media (-webkit-min-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 3/2), (min-device-pixel-ratio: 2) {
  .header .logo a {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAQQAAABkCAYAAAEXjH5yAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo2QzczMzk3MTAwQkYxMUUzQUYxOUIxMUUzMzVGRTMwRSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo2QzczMzk3MjAwQkYxMUUzQUYxOUIxMUUzMzVGRTMwRSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjZDNzMzOTZGMDBCRjExRTNBRjE5QjExRTMzNUZFMzBFIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjZDNzMzOTcwMDBCRjExRTNBRjE5QjExRTMzNUZFMzBFIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+pxHIUAAAH4xJREFUeNpi+P//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);
  }
}
.header .logo a:hover {
  color: #444;
  text-decoration: none;
}
.header .header-nav {
  float: left;
  margin-left: 10px;
}
.header .header-nav li {
  display: inline-block;
  text-align: center;
}
.header .header-nav li a {
  text-decoration: none;
  padding: 0 15px;
  line-height: 80px;
  font-size: 14px;
  color: #999;
  transition: color 0.5s;
}
.header .header-nav li a:hover {
  color: #24aa42;
}
.header .header-nav li .green {
  color: #24aa42;
}
.header .search-box {
  float: right;
  height: 28px;
  margin: 20px 0 0;
  width: 230px;
}
.header .search-ipt {
  display: inline-block;
  border-radius: 3px;
  border: 1px solid #eee;
  font-size: 14px;
  height: 20px;
  line-height: 18px;
  margin-right: -5px;
  outline: none;
  padding: 8px 25px 8px 10px;
  width: 192px;
  *float: left;
}
.header .search-ipt::-ms-clear {
  display: none;
}
.header .search-btn {
  cursor: pointer;
  height: 26px;
  line-height: 26px;
  margin-left: -30px;
  width: 30px;
  overflow: hidden;
  *float: left;
}
.header .search-btn input {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAARCAYAAAA7bUf6AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDIxIDc5LjE1NTc3MiwgMjAxNC8wMS8xMy0xOTo0NDowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTQgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NzNDNkJBQUY5OUE4MTFFNTkzMUJGNEUzMkJCNDI5MDAiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NzNDNkJBQjA5OUE4MTFFNTkzMUJGNEUzMkJCNDI5MDAiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo3M0M2QkFBRDk5QTgxMUU1OTMxQkY0RTMyQkI0MjkwMCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo3M0M2QkFBRTk5QTgxMUU1OTMxQkY0RTMyQkI0MjkwMCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PjKT3LYAAAE4SURBVHjapJO9isJAFIUn0WLfQAIWguQFAmkVUkteYBsbCzuxkcVaFhYMwcZmwX2BbfIAYi+ksRTBYiH9VoKFnoETuE4GFL3wkfm5Obkz98RRIoIgaOIxAjFocfkIMpDmef6nLOEIgT4eS/Cm7HECQwj9mBuuEFhRYA16oEF6XNN7K+beVsIj7Jn0Cab42sU4pq54Bj5YkS+P5vIOygoqAjq4NhUVjczjxBwnNgFDKOE0NkXKLmzV/ShzWpWLfTVc+kBH+EB+KLxzI5JxPGYXrMG9MaeZKZKybZFuo01ItDhiblpxrDCbYhsTcYkhK4g4/0KnJq/YfgEGYAfeS8O5wgf6n/DBnA4+kz3XfFagBTpgQ7erexepLL+AfnED2uAAus4zvjCEFrVnRIqi+Pc87xfDOvi+CjAATURqLpCj8coAAAAASUVORK5CYII=);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  overflow: hidden;
  background-color: transparent;
  border: none;
  cursor: pointer;
  height: 17px;
  line-height: 15px;
  text-indent: -9876px;
  vertical-align: middle;
  color: #999;
  width: 17px;
}
@media (-webkit-min-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 3/2), (min-device-pixel-ratio: 2) {
  .header .search-btn input {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAAiCAYAAAA6RwvCAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDIxIDc5LjE1NTc3MiwgMjAxNC8wMS8xMy0xOTo0NDowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTQgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NzNDNkJBQUI5OUE4MTFFNTkzMUJGNEUzMkJCNDI5MDAiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NzNDNkJBQUM5OUE4MTFFNTkzMUJGNEUzMkJCNDI5MDAiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDoyQzAzOUM1MDk4QzgxMUU1OTMxQkY0RTMyQkI0MjkwMCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo3M0M2QkFBQTk5QTgxMUU1OTMxQkY0RTMyQkI0MjkwMCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PtgoyhoAAAKOSURBVHjaxJexaxRBFMZ37xC7K7RarrDQQ1KI4SJ4/4FyokdAEBRsBIvD5gpT5g9IinQnaCcaECIhBg6SykoPMYdWFkcQlbii2KQQomj8DbyV9TmZ29td9z74mPDm5u2X997MvPG9EajX62WGc7AJG7AGKzK9C4ewD3twYzAY/PRSwHcIOMTQhrdhNaG/HbgIuwj6kVkIIqYZluGUlw5v4FXEvEq6oGQRcVlCnVaEJ2v74mv8iMjCRxaBJu9rcBVuwVDsAZyBs7AFy2rdL3iFyKwkFiLpMJE4rH6zDjs42x5R1McZluBFNbVninxUmvxYYb62pGMOB4vj5ARfprgXLDVz2lXAUQraeYgwkDVzlpppOyMi58Q7tUXXcXgpQ7GayDxRaTJb+9hB50xJDquqKsyOlx0d8RWhKt86MDVNZVsbVZgJU7QtOy2OpktIQ9lWvfygfTVcQmrKtpWjEO2r5hJSUbYwRyHaVyXxET8plOQqjyPI0b/2tesSMlS2mRyFaF9Dl5C+ss3mKET76ruE9JStJRdYJoiPljL3XEI25PiNUJZbNCuWVFuwI9+yohyG4X4QBOYoPh+zn8T2jblnKaNhbuBbyjzPaft81PbtylUdx4I4TCPC1gZ0J90YfYdnEzVG/7FVNHgPzyDky1hdvIh5YInMuDAt4gd4QlKzCV8gaLnw5wR8C5/C6dhcGzF3/tk11psqDD+xa+7y51d4ynVZWR5Y8/AGH/uInz38TKnr/wK2z8y9TPTSy+vJyXpTPyuWuvsrMn7Kc8KXLmw/4e+vMdx3ifG9guAQcxMx9woT4hBj3jpBoY0R//lDhuvyFI1gHndHCu/QYmKiV99jbMOJtYak6Sj800z/FmAABy7tPXF/o+AAAAAASUVORK5CYII=);
  }
}
.m-paginator {
  text-align: center;
  padding: 50px 20px 50px;
  overflow: hidden;
}
.m-paginator a {
  display: inline-block;
  transition: all, .2s;
  border-radius: 3px;
  margin: 0 5px;
  background: #eee;
  color: #333;
  line-height: 36px;
  text-align: center;
  text-decoration: none;
  width: 72px;
}
.m-paginator a:hover,
.m-paginator a:active {
  background: #eee;
}
@media screen and (max-width: 959px) {
  .m-paginator {
    padding: 10px 20px;
  }
}
.faq-banner {
  margin: 0 auto;
  padding: 20px 40px 5px;
  width: 200px;
  height: auto;
}
.faq-banner img {
  width: 100%;
}
@media screen and (max-width: 959px) {
  .faq-banner {
    width: 160px;
  }
}
@media screen and (max-width: 660px) {
  .faq-banner {
    width: 120px;
  }
}
.faq-footer {
  display: block;
  margin: 0 auto;
  padding: 20px 40px;
  width: 256px;
  height: auto;
}
.faq-footer img {
  width: 100%;
}
@media screen and (max-width: 959px) {
  .faq-footer {
    width: 160px;
  }
}
@media screen and (max-width: 660px) {
  .faq-footer {
    width: 128px;
  }
}
.preloader {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #fff url(data:image/gif;base64,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) center center no-repeat;
  background-size: 26px;
}
.btn-module {
  border-radius: 3px;
  width: 150px;
  padding: 12px 0;
  border: none;
  font-size: 16px;
  line-height: 1;
  color: #fff;
  text-align: center;
  background: #24AA42;
  outline: none;
  cursor: pointer;
}
.btn-module:hover {
  background: #1F9439;
}
.nodata {
  margin: 30px auto;
  color: #666;
}
.list-wrap {
  text-align: center;
}
@media screen and (max-width: 660px) {
  .list-wrap {
    padding: 0 16px;
  }
}
.list-wrap .faq-ul {
  display: inline-block;
  width: 100%;
  max-width: 1008px;
  margin: 0 auto;
  font-size: 0;
  text-align: center;
}
.list-wrap .faq-li {
  display: inline-block;
  position: relative;
  vertical-align: top;
  width: 100%;
  margin: 30px auto 0;
  font-size: 14px;
  overflow: hidden;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
  -webkit-border-top-left-radius: 6px;
  -webkit-border-top-right-radius: 6px;
  -webkit-border-bottom-right-radius: 6px;
  -webkit-border-bottom-left-radius: 6px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
  border-bottom-left-radius: 6px;
  border-radius: 6px;
}
@media screen and (min-width: 660px) {
  .list-wrap .faq-li {
    width: 312px;
    margin: 30px 12px 0;
  }
}
.list-wrap .mask {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 52px;
  height: auto;
  z-index: 3;
  font-size: 0;
  text-indent: -9999em;
  background: transparent;
}
.list-wrap .title {
  font-size: 16px;
  text-align: left;
  font-weight: bold;
  line-height: 24px;
  max-height: 48px;
  height: 48px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
}
@media screen and (max-width: 660px) {
  .list-wrap .title {
    height: auto;
  }
}
.list-wrap .time {
  color: #999;
  font-size: 14px;
  text-align: left;
}
.list-wrap .content {
  position: relative;
  background: #f4f4f4;
  margin-top: 12px;
  border-radius: 4px;
}
.list-wrap .content::before {
  content: '';
  position: absolute;
  width: 0;
  height: 0;
  left: 16px;
  top: -8px;
  border-top: 0px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 8px solid #f4f4f4;
  border-left: 10px solid transparent;
}
.list-wrap .answer {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  padding: 16px 0;
  margin: 0 16px;
  height: 88px;
  overflow: hidden;
  border-bottom: 1px solid #e9e9e9;
  border-bottom: 0.5px solid #e9e9e9;
}
.list-wrap .answer .item-text {
  flex: 1;
  height: 100%;
  line-height: 22px;
  font-size: 14px;
  text-align: left;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
}
.list-wrap .answer .item-cover-wrap {
  position: relative;
  display: inline-block;
  margin-left: 16px;
  width: 66px;
  height: 88px;
}
.list-wrap .answer .preloader {
  width: 48px;
}
.list-wrap .answer .item-cover {
  position: absolute;
  bottom: 0;
  border-radius: 4px;
  background-repeat: no-repeat;
}
.list-wrap .answer .cover1 {
  left: 0;
  width: 48px;
  height: 100%;
  z-index: 2;
  background-position: center top;
  background-size: cover;
  box-shadow: 5px 0px 4px -2px rgba(60, 63, 68, 0.1);
}
.list-wrap .answer .cover2 {
  right: 0;
  width: 24px;
  height: 80%;
  z-index: 1;
  background-position: bottom right;
  background-size: 300% 300%;
}
.list-wrap .app-box {
  padding: 16px;
  margin-top: 0;
  position: relative;
}
.list-wrap .icon {
  float: left;
  position: relative;
  width: 28px;
  height: 28px;
  border-radius: 8px;
  overflow: hidden;
}
.list-wrap .icon.lazy {
  background: #fff;
}
.list-wrap .icon img {
  display: block;
  width: 100%;
  height: 100%;
}
.list-wrap .app-title {
  margin: 0 70px 0 36px;
  height: 28px;
  line-height: 28px;
  font-size: 14px;
  text-align: left;
  color: #333;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
}
.list-wrap .app-title:active,
.list-wrap .app-title:hover {
  text-decoration: none;
}
.list-wrap .download-btn-cont {
  position: absolute;
  bottom: 14px;
  right: 16px;
}
.list-wrap .download-btn-cont .download-btn {
  display: block;
  width: 60px;
  height: 26px;
  padding: 0;
  color: #ffffff;
  font-size: 12px;
  line-height: 26px;
  text-decoration: none;
  background-color: #24AA42;
  -webkit-border-top-left-radius: 3px;
  -webkit-border-top-right-radius: 3px;
  -webkit-border-bottom-right-radius: 3px;
  -webkit-border-bottom-left-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
  border-radius: 3px;
}
.load-more {
  margin: 30px auto;
}
.load-more a {
  text-decoration: none;
}
.rolling-none {
  display: none;
  color: #999;
  font-size: 12px;
  text-align: center;
  padding-bottom: 20px;
}
.download-guide {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 5;
}
.download-guide::before {
  content: "";
  position: absolute;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.4);
}
.download-guide span {
  border-radius: 5px;
  position: absolute;
  right: 10px;
  top: 20px;
  padding: 12px 15px 10px 15px;
  background: #fff;
}
.download-guide span::before {
  content: "";
  position: absolute;
  top: -7px;
  right: 10px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 10px 10px 10px;
  border-color: transparent transparent #fff transparent;
}
.qrcode-box {
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
  border-radius: 3px;
  transform: translate3d(-50%, 0, 0);
  display: none;
  position: absolute;
  left: 50%;
  top: 130px;
  width: 160px;
  padding: 24px 24px 16px;
  background: #fff;
  color: #333;
  font-size: 13px;
}
.qrcode-box::after {
  box-shadow: -1px -1px 2px rgba(0, 0, 0, 0.17);
  transform: rotate(40deg);
  content: "";
  position: absolute;
  top: -4px;
  left: 50%;
  z-index: -1;
  width: 10px;
  height: 10px;
  margin-left: -5px;
  background: #fff;
}
.qrcode-box::before {
  transform: rotate(40deg);
  content: "";
  position: absolute;
  top: -2px;
  left: 50%;
  z-index: 1;
  width: 16px;
  height: 16px;
  margin-left: -8px;
  background: #fff;
}
.qrcode-box img {
  width: 160px;
  height: 160px;
  padding: 0 0 8px;
}
.qrcode-box.append {
  transform: translate3d(-50%, -50%, 0);
  display: block;
  position: fixed;
  top: 50%;
  left: 50%;
  z-index: 99;
  padding: 20px;
  text-align: center;
}
.qrcode-box.append::before,
.qrcode-box.append::after {
  display: none;
}
.overlay {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 4;
  height: 100%;
  width: 100%;
  background: rgba(0, 0, 0, 0.4);
}