@charset "utf-8";
.flex {
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;
  /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* NEW - Chrome */
  display: flex;
  /* NEW, Spec - Opera 12.1, Firefox 20+ */
}
.clearfix {
  content: " ";
  display: block;
  height: 0;
  width: 0;
  clear: both;
  visibility: hidden;
}
.noSize {
  font-size: 0;
  text-indent: -9999px;
}
/* CSS Document */
html,
body,
h1,
h2,
h3,
h4,
h5,
h6,
div,
dl,
dt,
dd,
ul,
ol,
li,
p,
blockquote,
pre,
hr,
figure,
table,
caption,
th,
td,
form,
fieldset,
legend,
input,
button,
textarea,
menu {
  margin: 0;
  padding: 0;
}
body {
  padding: 0;
  margin: 0;
}
html,
body,
fieldset,
img,
iframe,
abbr {
  border: 0;
}
li {
  list-style: none;
}
textarea {
  overflow: auto;
  resize: none;
}
input {
  outline: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
a,
button {
  cursor: pointer;
}
h1,
h2,
h3,
h4,
h5,
h6,
em,
strong,
b {
  font-weight: normal;
  font-style: normal;
}
a,
a:hover {
  text-decoration: none;
}
body,
textarea,
input,
button {
  color: #333;
}
::-webkit-input-placeholder {
  /* WebKit browsers */
  color: #a69472;
}
:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #a69472;
}
::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #a69472;
}
:-ms-input-placeholder {
  /* Internet Explorer 10+ */
  color: #a69472;
}
input,
textarea,
a,
div,
button,
select {
  margin: 0;
  padding: 0;
  border: 0;
  outline: none;
}
select {
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
}
/* 常用动画 */
@-webkit-keyframes fade-in {
  from {
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
  }
  to {
    -webkit-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
  }
}
@-moz-keyframes fade-in {
  from {
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
  }
  to {
    -webkit-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
  }
}
@-ms-keyframes fade-in {
  from {
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
  }
  to {
    -webkit-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
  }
}
@-o-keyframes fade-in {
  from {
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
  }
  to {
    -webkit-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
  }
}
@keyframes fade-in {
  from {
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
  }
  to {
    -webkit-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
  }
}
@-webkit-keyframes fade-out {
  from {
    -webkit-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
  }
  to {
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
  }
}
@-moz-keyframes fade-out {
  from {
    -webkit-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
  }
  to {
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
  }
}
@-ms-keyframes fade-out {
  from {
    -webkit-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
  }
  to {
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
  }
}
@-o-keyframes fade-out {
  from {
    -webkit-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
  }
  to {
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
  }
}
@keyframes fade-out {
  from {
    -webkit-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
  }
  to {
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
  }
}
@-webkit-keyframes zoom-in {
  from {
    -webkit-transform: scale3d(0, 0, 1);
    -moz-transform: scale3d(0, 0, 1);
    -ms-transform: scale3d(0, 0, 1);
    -o-transform: scale3d(0, 0, 1);
    transform: scale3d(0, 0, 1);
  }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    -moz-transform: scale3d(1, 1, 1);
    -ms-transform: scale3d(1, 1, 1);
    -o-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@-moz-keyframes zoom-in {
  from {
    -webkit-transform: scale3d(0, 0, 1);
    -moz-transform: scale3d(0, 0, 1);
    -ms-transform: scale3d(0, 0, 1);
    -o-transform: scale3d(0, 0, 1);
    transform: scale3d(0, 0, 1);
  }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    -moz-transform: scale3d(1, 1, 1);
    -ms-transform: scale3d(1, 1, 1);
    -o-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@-ms-keyframes zoom-in {
  from {
    -webkit-transform: scale3d(0, 0, 1);
    -moz-transform: scale3d(0, 0, 1);
    -ms-transform: scale3d(0, 0, 1);
    -o-transform: scale3d(0, 0, 1);
    transform: scale3d(0, 0, 1);
  }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    -moz-transform: scale3d(1, 1, 1);
    -ms-transform: scale3d(1, 1, 1);
    -o-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@-o-keyframes zoom-in {
  from {
    -webkit-transform: scale3d(0, 0, 1);
    -moz-transform: scale3d(0, 0, 1);
    -ms-transform: scale3d(0, 0, 1);
    -o-transform: scale3d(0, 0, 1);
    transform: scale3d(0, 0, 1);
  }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    -moz-transform: scale3d(1, 1, 1);
    -ms-transform: scale3d(1, 1, 1);
    -o-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@keyframes zoom-in {
  from {
    -webkit-transform: scale3d(0, 0, 1);
    -moz-transform: scale3d(0, 0, 1);
    -ms-transform: scale3d(0, 0, 1);
    -o-transform: scale3d(0, 0, 1);
    transform: scale3d(0, 0, 1);
  }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    -moz-transform: scale3d(1, 1, 1);
    -ms-transform: scale3d(1, 1, 1);
    -o-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@-webkit-keyframes article {
  from {
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    -webkit-transform: translateY(30px);
    -moz-transform: translateY(30px);
    -ms-transform: translateY(30px);
    -o-transform: translateY(30px);
    transform: translateY(30px);
  }
  to {
    -webkit-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
}
@-moz-keyframes article {
  from {
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    -webkit-transform: translateY(30px);
    -moz-transform: translateY(30px);
    -ms-transform: translateY(30px);
    -o-transform: translateY(30px);
    transform: translateY(30px);
  }
  to {
    -webkit-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
}
@-ms-keyframes article {
  from {
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    -webkit-transform: translateY(30px);
    -moz-transform: translateY(30px);
    -ms-transform: translateY(30px);
    -o-transform: translateY(30px);
    transform: translateY(30px);
  }
  to {
    -webkit-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
}
@-o-keyframes article {
  from {
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    -webkit-transform: translateY(30px);
    -moz-transform: translateY(30px);
    -ms-transform: translateY(30px);
    -o-transform: translateY(30px);
    transform: translateY(30px);
  }
  to {
    -webkit-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes article {
  from {
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    -webkit-transform: translateY(30px);
    -moz-transform: translateY(30px);
    -ms-transform: translateY(30px);
    -o-transform: translateY(30px);
    transform: translateY(30px);
  }
  to {
    -webkit-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
}
@-webkit-keyframes slideInDown {
  from {
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    -webkit-transform: translateY(-50px);
    -moz-transform: translateY(-50px);
    -ms-transform: translateY(-50px);
    -o-transform: translateY(-50px);
    transform: translateY(-50px);
  }
  to {
    -webkit-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
}
@-moz-keyframes slideInDown {
  from {
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    -webkit-transform: translateY(-50px);
    -moz-transform: translateY(-50px);
    -ms-transform: translateY(-50px);
    -o-transform: translateY(-50px);
    transform: translateY(-50px);
  }
  to {
    -webkit-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
}
@-ms-keyframes slideInDown {
  from {
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    -webkit-transform: translateY(-50px);
    -moz-transform: translateY(-50px);
    -ms-transform: translateY(-50px);
    -o-transform: translateY(-50px);
    transform: translateY(-50px);
  }
  to {
    -webkit-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
}
@-o-keyframes slideInDown {
  from {
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    -webkit-transform: translateY(-50px);
    -moz-transform: translateY(-50px);
    -ms-transform: translateY(-50px);
    -o-transform: translateY(-50px);
    transform: translateY(-50px);
  }
  to {
    -webkit-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes slideInDown {
  from {
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    -webkit-transform: translateY(-50px);
    -moz-transform: translateY(-50px);
    -ms-transform: translateY(-50px);
    -o-transform: translateY(-50px);
    transform: translateY(-50px);
  }
  to {
    -webkit-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
}
@-webkit-keyframes slideInUp {
  from {
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    -webkit-transform: translateY(80px);
    -moz-transform: translateY(80px);
    -ms-transform: translateY(80px);
    -o-transform: translateY(80px);
    transform: translateY(80px);
  }
  to {
    -webkit-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
}
@-moz-keyframes slideInUp {
  from {
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    -webkit-transform: translateY(80px);
    -moz-transform: translateY(80px);
    -ms-transform: translateY(80px);
    -o-transform: translateY(80px);
    transform: translateY(80px);
  }
  to {
    -webkit-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
}
@-ms-keyframes slideInUp {
  from {
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    -webkit-transform: translateY(80px);
    -moz-transform: translateY(80px);
    -ms-transform: translateY(80px);
    -o-transform: translateY(80px);
    transform: translateY(80px);
  }
  to {
    -webkit-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
}
@-o-keyframes slideInUp {
  from {
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    -webkit-transform: translateY(80px);
    -moz-transform: translateY(80px);
    -ms-transform: translateY(80px);
    -o-transform: translateY(80px);
    transform: translateY(80px);
  }
  to {
    -webkit-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes slideInUp {
  from {
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    -webkit-transform: translateY(80px);
    -moz-transform: translateY(80px);
    -ms-transform: translateY(80px);
    -o-transform: translateY(80px);
    transform: translateY(80px);
  }
  to {
    -webkit-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
}
@-webkit-keyframes slideInLeft {
  from {
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    -webkit-transform: translateX(-50px);
    -moz-transform: translateX(-50px);
    -ms-transform: translateX(-50px);
    -o-transform: translateX(-50px);
    transform: translateX(-50px);
  }
  to {
    -webkit-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
}
@-moz-keyframes slideInLeft {
  from {
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    -webkit-transform: translateX(-50px);
    -moz-transform: translateX(-50px);
    -ms-transform: translateX(-50px);
    -o-transform: translateX(-50px);
    transform: translateX(-50px);
  }
  to {
    -webkit-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
}
@-ms-keyframes slideInLeft {
  from {
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    -webkit-transform: translateX(-50px);
    -moz-transform: translateX(-50px);
    -ms-transform: translateX(-50px);
    -o-transform: translateX(-50px);
    transform: translateX(-50px);
  }
  to {
    -webkit-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
}
@-o-keyframes slideInLeft {
  from {
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    -webkit-transform: translateX(-50px);
    -moz-transform: translateX(-50px);
    -ms-transform: translateX(-50px);
    -o-transform: translateX(-50px);
    transform: translateX(-50px);
  }
  to {
    -webkit-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes slideInLeft {
  from {
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    -webkit-transform: translateX(-50px);
    -moz-transform: translateX(-50px);
    -ms-transform: translateX(-50px);
    -o-transform: translateX(-50px);
    transform: translateX(-50px);
  }
  to {
    -webkit-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
}
@-webkit-keyframes slideInRight {
  from {
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%);
  }
  to {
    -webkit-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
}
@-moz-keyframes slideInRight {
  from {
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%);
  }
  to {
    -webkit-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
}
@-ms-keyframes slideInRight {
  from {
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%);
  }
  to {
    -webkit-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
}
@-o-keyframes slideInRight {
  from {
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%);
  }
  to {
    -webkit-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes slideInRight {
  from {
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%);
  }
  to {
    -webkit-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
}
@-webkit-keyframes wave {
  from {
    -webkit-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
    -webkit-transform: scale3d(0.95, 0.95, 1);
    -moz-transform: scale3d(0.95, 0.95, 1);
    -ms-transform: scale3d(0.95, 0.95, 1);
    -o-transform: scale3d(0.95, 0.95, 1);
    transform: scale3d(0.95, 0.95, 1);
  }
  to {
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    -webkit-transform: scale3d(1.15, 1.15, 1);
    -moz-transform: scale3d(1.15, 1.15, 1);
    -ms-transform: scale3d(1.15, 1.15, 1);
    -o-transform: scale3d(1.15, 1.15, 1);
    transform: scale3d(1.15, 1.15, 1);
  }
}
@-moz-keyframes wave {
  from {
    -webkit-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
    -webkit-transform: scale3d(0.95, 0.95, 1);
    -moz-transform: scale3d(0.95, 0.95, 1);
    -ms-transform: scale3d(0.95, 0.95, 1);
    -o-transform: scale3d(0.95, 0.95, 1);
    transform: scale3d(0.95, 0.95, 1);
  }
  to {
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    -webkit-transform: scale3d(1.15, 1.15, 1);
    -moz-transform: scale3d(1.15, 1.15, 1);
    -ms-transform: scale3d(1.15, 1.15, 1);
    -o-transform: scale3d(1.15, 1.15, 1);
    transform: scale3d(1.15, 1.15, 1);
  }
}
@-ms-keyframes wave {
  from {
    -webkit-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
    -webkit-transform: scale3d(0.95, 0.95, 1);
    -moz-transform: scale3d(0.95, 0.95, 1);
    -ms-transform: scale3d(0.95, 0.95, 1);
    -o-transform: scale3d(0.95, 0.95, 1);
    transform: scale3d(0.95, 0.95, 1);
  }
  to {
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    -webkit-transform: scale3d(1.15, 1.15, 1);
    -moz-transform: scale3d(1.15, 1.15, 1);
    -ms-transform: scale3d(1.15, 1.15, 1);
    -o-transform: scale3d(1.15, 1.15, 1);
    transform: scale3d(1.15, 1.15, 1);
  }
}
@-o-keyframes wave {
  from {
    -webkit-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
    -webkit-transform: scale3d(0.95, 0.95, 1);
    -moz-transform: scale3d(0.95, 0.95, 1);
    -ms-transform: scale3d(0.95, 0.95, 1);
    -o-transform: scale3d(0.95, 0.95, 1);
    transform: scale3d(0.95, 0.95, 1);
  }
  to {
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    -webkit-transform: scale3d(1.15, 1.15, 1);
    -moz-transform: scale3d(1.15, 1.15, 1);
    -ms-transform: scale3d(1.15, 1.15, 1);
    -o-transform: scale3d(1.15, 1.15, 1);
    transform: scale3d(1.15, 1.15, 1);
  }
}
@keyframes wave {
  from {
    -webkit-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
    -webkit-transform: scale3d(0.95, 0.95, 1);
    -moz-transform: scale3d(0.95, 0.95, 1);
    -ms-transform: scale3d(0.95, 0.95, 1);
    -o-transform: scale3d(0.95, 0.95, 1);
    transform: scale3d(0.95, 0.95, 1);
  }
  to {
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    -webkit-transform: scale3d(1.15, 1.15, 1);
    -moz-transform: scale3d(1.15, 1.15, 1);
    -ms-transform: scale3d(1.15, 1.15, 1);
    -o-transform: scale3d(1.15, 1.15, 1);
    transform: scale3d(1.15, 1.15, 1);
  }
}
@-webkit-keyframes waveSlim {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    -moz-transform: scale3d(1, 1, 1);
    -ms-transform: scale3d(1, 1, 1);
    -o-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  to {
    -webkit-transform: scale3d(1.05, 1.05, 1);
    -moz-transform: scale3d(1.05, 1.05, 1);
    -ms-transform: scale3d(1.05, 1.05, 1);
    -o-transform: scale3d(1.05, 1.05, 1);
    transform: scale3d(1.05, 1.05, 1);
  }
}
@-moz-keyframes waveSlim {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    -moz-transform: scale3d(1, 1, 1);
    -ms-transform: scale3d(1, 1, 1);
    -o-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  to {
    -webkit-transform: scale3d(1.05, 1.05, 1);
    -moz-transform: scale3d(1.05, 1.05, 1);
    -ms-transform: scale3d(1.05, 1.05, 1);
    -o-transform: scale3d(1.05, 1.05, 1);
    transform: scale3d(1.05, 1.05, 1);
  }
}
@-ms-keyframes waveSlim {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    -moz-transform: scale3d(1, 1, 1);
    -ms-transform: scale3d(1, 1, 1);
    -o-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  to {
    -webkit-transform: scale3d(1.05, 1.05, 1);
    -moz-transform: scale3d(1.05, 1.05, 1);
    -ms-transform: scale3d(1.05, 1.05, 1);
    -o-transform: scale3d(1.05, 1.05, 1);
    transform: scale3d(1.05, 1.05, 1);
  }
}
@-o-keyframes waveSlim {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    -moz-transform: scale3d(1, 1, 1);
    -ms-transform: scale3d(1, 1, 1);
    -o-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  to {
    -webkit-transform: scale3d(1.05, 1.05, 1);
    -moz-transform: scale3d(1.05, 1.05, 1);
    -ms-transform: scale3d(1.05, 1.05, 1);
    -o-transform: scale3d(1.05, 1.05, 1);
    transform: scale3d(1.05, 1.05, 1);
  }
}
@keyframes waveSlim {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    -moz-transform: scale3d(1, 1, 1);
    -ms-transform: scale3d(1, 1, 1);
    -o-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  to {
    -webkit-transform: scale3d(1.05, 1.05, 1);
    -moz-transform: scale3d(1.05, 1.05, 1);
    -ms-transform: scale3d(1.05, 1.05, 1);
    -o-transform: scale3d(1.05, 1.05, 1);
    transform: scale3d(1.05, 1.05, 1);
  }
}
@-webkit-keyframes rotate {
  from {
    -webkit-transform: rotateZ(360deg);
    -moz-transform: rotateZ(360deg);
    -ms-transform: rotateZ(360deg);
    -o-transform: rotateZ(360deg);
    transform: rotateZ(360deg);
  }
  to {
    -webkit-transform: rotateZ(0);
    -moz-transform: rotateZ(0);
    -ms-transform: rotateZ(0);
    -o-transform: rotateZ(0);
    transform: rotateZ(0);
  }
}
@-moz-keyframes rotate {
  from {
    -webkit-transform: rotateZ(360deg);
    -moz-transform: rotateZ(360deg);
    -ms-transform: rotateZ(360deg);
    -o-transform: rotateZ(360deg);
    transform: rotateZ(360deg);
  }
  to {
    -webkit-transform: rotateZ(0);
    -moz-transform: rotateZ(0);
    -ms-transform: rotateZ(0);
    -o-transform: rotateZ(0);
    transform: rotateZ(0);
  }
}
@-ms-keyframes rotate {
  from {
    -webkit-transform: rotateZ(360deg);
    -moz-transform: rotateZ(360deg);
    -ms-transform: rotateZ(360deg);
    -o-transform: rotateZ(360deg);
    transform: rotateZ(360deg);
  }
  to {
    -webkit-transform: rotateZ(0);
    -moz-transform: rotateZ(0);
    -ms-transform: rotateZ(0);
    -o-transform: rotateZ(0);
    transform: rotateZ(0);
  }
}
@-o-keyframes rotate {
  from {
    -webkit-transform: rotateZ(360deg);
    -moz-transform: rotateZ(360deg);
    -ms-transform: rotateZ(360deg);
    -o-transform: rotateZ(360deg);
    transform: rotateZ(360deg);
  }
  to {
    -webkit-transform: rotateZ(0);
    -moz-transform: rotateZ(0);
    -ms-transform: rotateZ(0);
    -o-transform: rotateZ(0);
    transform: rotateZ(0);
  }
}
@keyframes rotate {
  from {
    -webkit-transform: rotateZ(360deg);
    -moz-transform: rotateZ(360deg);
    -ms-transform: rotateZ(360deg);
    -o-transform: rotateZ(360deg);
    transform: rotateZ(360deg);
  }
  to {
    -webkit-transform: rotateZ(0);
    -moz-transform: rotateZ(0);
    -ms-transform: rotateZ(0);
    -o-transform: rotateZ(0);
    transform: rotateZ(0);
  }
}
@-webkit-keyframes rot {
  0% {
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-moz-keyframes rot {
  0% {
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-ms-keyframes rot {
  0% {
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-o-keyframes rot {
  0% {
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes rot {
  0% {
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
/* 以下字体没找到对应的FontFace: */
/* SF Pro Text,Inter,Microsoft YaHei */
/* 方正粗金陵简体 */
@font-face {
  font-family: 'FZJinLS-B-GB';
  src: url('https://nie.res.netease.com/comm/js/leihuo/fonts/FZJinLSBGB-Regular.woff2') format('woff2'), url('https://nie.res.netease.com/comm/js/leihuo/fonts/FZJinLSBGB-Regular.woff') format('woff');
  font-weight: 400;
}
/* Noto黑体简体 */
@font-face {
  font-family: 'Noto Sans SC';
  src: url('https://nie.res.netease.com/comm/js/leihuo/fonts/noto/noto-sans-sc-v26-latin_chinese-simplified-300.woff2') format('woff2'), url('https://nie.res.netease.com/comm/js/leihuo/fonts/noto/noto-sans-sc-v26-latin_chinese-simplified-300.woff') format('woff');
  font-weight: 300;
}
@font-face {
  font-family: 'Noto Sans SC';
  src: url('https://nie.res.netease.com/comm/js/leihuo/fonts/noto/noto-sans-sc-v26-latin_chinese-simplified-regular.woff2') format('woff2'), url('https://nie.res.netease.com/comm/js/leihuo/fonts/noto/noto-sans-sc-v26-latin_chinese-simplified-regular.woff') format('woff');
  font-weight: 400;
}
@font-face {
  font-family: 'Noto Sans SC';
  src: url('https://nie.res.netease.com/comm/js/leihuo/fonts/noto/noto-sans-sc-v26-latin_chinese-simplified-500.woff2') format('woff2'), url('https://nie.res.netease.com/comm/js/leihuo/fonts/noto/noto-sans-sc-v26-latin_chinese-simplified-500.woff') format('woff');
  font-weight: 500;
}
@font-face {
  font-family: 'Noto Sans SC';
  src: url('https://nie.res.netease.com/comm/js/leihuo/fonts/noto/noto-sans-sc-v26-latin_chinese-simplified-700.woff2') format('woff2'), url('https://nie.res.netease.com/comm/js/leihuo/fonts/noto/noto-sans-sc-v26-latin_chinese-simplified-700.woff') format('woff');
  font-weight: 700;
}
.page-index {
  position: relative;
  width: 100%;
  min-width: 1200px;
  height: 1080px;
  background: url("https://qn.v.netease.com/2025/1121/4d17e697db434688fb54b94b835272dc.jpg") center top no-repeat;
  overflow: hidden;
}
.page-index .slogan2 {
  position: absolute;
  bottom: 580px;
  right: 0;
  left: 0;
  margin: 0 auto;
  background: url(https://qn.res.netease.com/pc/zt/20200217142915/img/fubiaoti_078775b5.png) no-repeat;
  background-size: 100% 100%;
  width: 1014px;
  height: 58px;
  -moz-animation: slideInUp 1s ease 3s backwards;
  -webkit-animation: slideInUp 1s ease 3s backwards;
  -o-animation: slideInUp 1s ease 3s backwards;
  -ms-animation: slideInUp 1s ease 3s backwards;
  animation: slideInUp 1s ease 3s backwards;
  z-index: 99;
  pointer-events: none;
}
.page-index .btn-more {
  display: none;
  width: 300px;
  height: 88px;
  z-index: 10;
  -moz-animation: slideInUp 0.5s ease 0.5s backwards;
  -webkit-animation: slideInUp 0.5s ease 0.5s backwards;
  -o-animation: slideInUp 0.5s ease 0.5s backwards;
  -ms-animation: slideInUp 0.5s ease 0.5s backwards;
  animation: slideInUp 0.5s ease 0.5s backwards;
}
.page-index .btn-more.BX_AEComposition {
  background: transparent;
  width: 300px;
  height: 88px;
  display: none;
  overflow: hidden;
  position: relative;
  -webkit-transform: translate3D(0, 0, 0) scale(1, 1);
          transform: translate3D(0, 0, 0) scale(1, 1);
  -webkit-transform-origin: 50% 0%;
          transform-origin: 50% 0%;
}
.page-index .btn-more.BX_AEComposition .BX_Class1 {
  left: 500px;
  top: 640px;
  width: 300px;
  height: 88px;
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
  -webkit-transform: translate3D(0, 0, 0px) rotate(0deg) scale(1, 1);
          transform: translate3D(0, 0, 0px) rotate(0deg) scale(1, 1);
  opacity: 1.00;
  -webkit-transform-origin: 50.00% 50.00%;
          transform-origin: 50.00% 50.00%;
  display: block;
  position: absolute;
}
.page-index .btn-more.BX_AEComposition .BX_BG1 {
  background: transparent;
}
.page-index .btn-more.BX_AEComposition .BX_Ani1 {
  -webkit-animation: translateScale 1.5s infinite alternate linear;
          animation: translateScale 1.5s infinite alternate linear;
  /* animation: name duration timing-function delay iteration-count direction fill-mode; */
}
@-webkit-keyframes translateScale {
  0% {
    -webkit-transform: scale(0.9);
    -moz-transform: scale(0.9);
    -ms-transform: scale(0.9);
    -o-transform: scale(0.9);
    transform: scale(0.9);
  }
  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes translateScale {
  0% {
    -webkit-transform: scale(0.9);
    -moz-transform: scale(0.9);
    -ms-transform: scale(0.9);
    -o-transform: scale(0.9);
    transform: scale(0.9);
  }
  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
}
@-webkit-keyframes BX_AniKey1 {
  /* 		This layer has no animations to export */
}
@keyframes BX_AniKey1 {
  /* 		This layer has no animations to export */
}
.page-index .btn-more.BX_AEComposition .BX_Sprite1 {
  background: url(https://qn.res.netease.com/pc/zt/20200217142915/img/sprite-8ddf67_8ddf67e3.png);background-size:1014px 937px;
background-position:-235px -510px;

  width: 300px;
  height: 88px;
  -webkit-transition: -webkit-filter 0.3s;
  transition: -webkit-filter 0.3s;
  transition: filter 0.3s;
  transition: filter 0.3s, -webkit-filter 0.3s;
}
@-webkit-keyframes BX_SprAniKey1 {
  0% {
    background-position: 0px 0px;
  }
  4.35% {
    background-position: 0px -197px;
  }
  8.70% {
    background-position: 0px -394px;
  }
  13.04% {
    background-position: 0px -591px;
  }
  17.39% {
    background-position: 0px -788px;
  }
  21.74% {
    background-position: 0px -985px;
  }
  26.09% {
    background-position: 0px -1182px;
  }
  30.43% {
    background-position: 0px -1379px;
  }
  34.78% {
    background-position: 0px -1576px;
  }
  39.13% {
    background-position: 0px -1773px;
  }
  43.48% {
    background-position: 0px -1970px;
  }
  47.83% {
    background-position: 0px -2167px;
  }
  52.17% {
    background-position: 0px -2364px;
  }
  56.52% {
    background-position: 0px -2561px;
  }
  60.87% {
    background-position: 0px -2758px;
  }
  65.22% {
    background-position: 0px -2955px;
  }
  69.57% {
    background-position: 0px -3152px;
  }
  73.91% {
    background-position: 0px -3349px;
  }
  78.26% {
    background-position: 0px -3546px;
  }
  82.61% {
    background-position: 0px -3743px;
  }
  86.96% {
    background-position: 0px -3940px;
  }
  91.30% {
    background-position: 0px -4137px;
  }
  95.65% {
    background-position: 0px -4334px;
  }
  100.00% {
    background-position: 0px -4531px;
  }
}
@keyframes BX_SprAniKey1 {
  0% {
    background-position: 0px 0px;
  }
  4.35% {
    background-position: 0px -197px;
  }
  8.70% {
    background-position: 0px -394px;
  }
  13.04% {
    background-position: 0px -591px;
  }
  17.39% {
    background-position: 0px -788px;
  }
  21.74% {
    background-position: 0px -985px;
  }
  26.09% {
    background-position: 0px -1182px;
  }
  30.43% {
    background-position: 0px -1379px;
  }
  34.78% {
    background-position: 0px -1576px;
  }
  39.13% {
    background-position: 0px -1773px;
  }
  43.48% {
    background-position: 0px -1970px;
  }
  47.83% {
    background-position: 0px -2167px;
  }
  52.17% {
    background-position: 0px -2364px;
  }
  56.52% {
    background-position: 0px -2561px;
  }
  60.87% {
    background-position: 0px -2758px;
  }
  65.22% {
    background-position: 0px -2955px;
  }
  69.57% {
    background-position: 0px -3152px;
  }
  73.91% {
    background-position: 0px -3349px;
  }
  78.26% {
    background-position: 0px -3546px;
  }
  82.61% {
    background-position: 0px -3743px;
  }
  86.96% {
    background-position: 0px -3940px;
  }
  91.30% {
    background-position: 0px -4137px;
  }
  95.65% {
    background-position: 0px -4334px;
  }
  100.00% {
    background-position: 0px -4531px;
  }
}
@-webkit-keyframes sprite_chakanwanfaanniu_hecheng_2_2 {
  0% {
    background-position: 0px 0px;
  }
  1% {
    background-position: -200px 0px;
  }
  2.1% {
    background-position: -400px 0px;
  }
  3.1% {
    background-position: -600px 0px;
  }
  4.2% {
    background-position: -800px 0px;
  }
  5.2% {
    background-position: -1000px 0px;
  }
  6.3% {
    background-position: -1200px 0px;
  }
  7.3% {
    background-position: -1400px 0px;
  }
  8.3% {
    background-position: -1600px 0px;
  }
  9.4% {
    background-position: -1800px 0px;
  }
  10.4% {
    background-position: 0px -200px;
  }
  11.5% {
    background-position: -200px -200px;
  }
  12.5% {
    background-position: -400px -200px;
  }
  13.5% {
    background-position: -600px -200px;
  }
  14.6% {
    background-position: -800px -200px;
  }
  15.6% {
    background-position: -1000px -200px;
  }
  16.7% {
    background-position: -1200px -200px;
  }
  17.7% {
    background-position: -1400px -200px;
  }
  18.8% {
    background-position: -1600px -200px;
  }
  19.8% {
    background-position: -1800px -200px;
  }
  20.8% {
    background-position: 0px -400px;
  }
  21.9% {
    background-position: -200px -400px;
  }
  22.9% {
    background-position: -400px -400px;
  }
  24% {
    background-position: -600px -400px;
  }
  25% {
    background-position: -800px -400px;
  }
  26% {
    background-position: -1000px -400px;
  }
  27.1% {
    background-position: -1200px -400px;
  }
  28.1% {
    background-position: -1400px -400px;
  }
  29.2% {
    background-position: -1600px -400px;
  }
  30.2% {
    background-position: -1800px -400px;
  }
  31.3% {
    background-position: 0px -600px;
  }
  32.3% {
    background-position: -200px -600px;
  }
  33.3% {
    background-position: -400px -600px;
  }
  34.4% {
    background-position: -600px -600px;
  }
  35.4% {
    background-position: -800px -600px;
  }
  36.5% {
    background-position: -1000px -600px;
  }
  37.5% {
    background-position: -1200px -600px;
  }
  38.5% {
    background-position: -1400px -600px;
  }
  39.6% {
    background-position: -1600px -600px;
  }
  40.6% {
    background-position: -1800px -600px;
  }
  41.7% {
    background-position: 0px -800px;
  }
  42.7% {
    background-position: -200px -800px;
  }
  43.8% {
    background-position: -400px -800px;
  }
  44.8% {
    background-position: -600px -800px;
  }
  45.8% {
    background-position: -800px -800px;
  }
  46.9% {
    background-position: -1000px -800px;
  }
  47.9% {
    background-position: -1200px -800px;
  }
  49% {
    background-position: -1400px -800px;
  }
  50% {
    background-position: -1600px -800px;
  }
  51% {
    background-position: -1800px -800px;
  }
  52.1% {
    background-position: 0px -1000px;
  }
  53.1% {
    background-position: -200px -1000px;
  }
  54.2% {
    background-position: -400px -1000px;
  }
  55.2% {
    background-position: -600px -1000px;
  }
  56.3% {
    background-position: -800px -1000px;
  }
  57.3% {
    background-position: -1000px -1000px;
  }
  58.3% {
    background-position: -1200px -1000px;
  }
  59.4% {
    background-position: -1400px -1000px;
  }
  60.4% {
    background-position: -1600px -1000px;
  }
  61.5% {
    background-position: -1800px -1000px;
  }
  62.5% {
    background-position: 0px -1200px;
  }
  63.5% {
    background-position: -200px -1200px;
  }
  64.6% {
    background-position: -400px -1200px;
  }
  65.6% {
    background-position: -600px -1200px;
  }
  66.7% {
    background-position: -800px -1200px;
  }
  67.7% {
    background-position: -1000px -1200px;
  }
  68.8% {
    background-position: -1200px -1200px;
  }
  69.8% {
    background-position: -1400px -1200px;
  }
  70.8% {
    background-position: -1600px -1200px;
  }
  71.9% {
    background-position: -1800px -1200px;
  }
  72.9% {
    background-position: 0px -1400px;
  }
  74% {
    background-position: -200px -1400px;
  }
  75% {
    background-position: -400px -1400px;
  }
  76% {
    background-position: -600px -1400px;
  }
  77.1% {
    background-position: -800px -1400px;
  }
  78.1% {
    background-position: -1000px -1400px;
  }
  79.2% {
    background-position: -1200px -1400px;
  }
  80.2% {
    background-position: -1400px -1400px;
  }
  81.3% {
    background-position: -1600px -1400px;
  }
  82.3% {
    background-position: -1800px -1400px;
  }
  83.3% {
    background-position: 0px -1600px;
  }
  84.4% {
    background-position: -200px -1600px;
  }
  85.4% {
    background-position: -400px -1600px;
  }
  86.5% {
    background-position: -600px -1600px;
  }
  87.5% {
    background-position: -800px -1600px;
  }
  88.5% {
    background-position: -1000px -1600px;
  }
  89.6% {
    background-position: -1200px -1600px;
  }
  90.6% {
    background-position: -1400px -1600px;
  }
  91.7% {
    background-position: -1600px -1600px;
  }
  92.7% {
    background-position: -1800px -1600px;
  }
  93.8% {
    background-position: 0px -1800px;
  }
  94.8% {
    background-position: -200px -1800px;
  }
  95.8% {
    background-position: -400px -1800px;
  }
  96.9% {
    background-position: -600px -1800px;
  }
  97.9% {
    background-position: -800px -1800px;
  }
  99% {
    background-position: -1000px -1800px;
  }
  100% {
    background-position: -1000px -1800px;
  }
}
@keyframes sprite_chakanwanfaanniu_hecheng_2_2 {
  0% {
    background-position: 0px 0px;
  }
  1% {
    background-position: -200px 0px;
  }
  2.1% {
    background-position: -400px 0px;
  }
  3.1% {
    background-position: -600px 0px;
  }
  4.2% {
    background-position: -800px 0px;
  }
  5.2% {
    background-position: -1000px 0px;
  }
  6.3% {
    background-position: -1200px 0px;
  }
  7.3% {
    background-position: -1400px 0px;
  }
  8.3% {
    background-position: -1600px 0px;
  }
  9.4% {
    background-position: -1800px 0px;
  }
  10.4% {
    background-position: 0px -200px;
  }
  11.5% {
    background-position: -200px -200px;
  }
  12.5% {
    background-position: -400px -200px;
  }
  13.5% {
    background-position: -600px -200px;
  }
  14.6% {
    background-position: -800px -200px;
  }
  15.6% {
    background-position: -1000px -200px;
  }
  16.7% {
    background-position: -1200px -200px;
  }
  17.7% {
    background-position: -1400px -200px;
  }
  18.8% {
    background-position: -1600px -200px;
  }
  19.8% {
    background-position: -1800px -200px;
  }
  20.8% {
    background-position: 0px -400px;
  }
  21.9% {
    background-position: -200px -400px;
  }
  22.9% {
    background-position: -400px -400px;
  }
  24% {
    background-position: -600px -400px;
  }
  25% {
    background-position: -800px -400px;
  }
  26% {
    background-position: -1000px -400px;
  }
  27.1% {
    background-position: -1200px -400px;
  }
  28.1% {
    background-position: -1400px -400px;
  }
  29.2% {
    background-position: -1600px -400px;
  }
  30.2% {
    background-position: -1800px -400px;
  }
  31.3% {
    background-position: 0px -600px;
  }
  32.3% {
    background-position: -200px -600px;
  }
  33.3% {
    background-position: -400px -600px;
  }
  34.4% {
    background-position: -600px -600px;
  }
  35.4% {
    background-position: -800px -600px;
  }
  36.5% {
    background-position: -1000px -600px;
  }
  37.5% {
    background-position: -1200px -600px;
  }
  38.5% {
    background-position: -1400px -600px;
  }
  39.6% {
    background-position: -1600px -600px;
  }
  40.6% {
    background-position: -1800px -600px;
  }
  41.7% {
    background-position: 0px -800px;
  }
  42.7% {
    background-position: -200px -800px;
  }
  43.8% {
    background-position: -400px -800px;
  }
  44.8% {
    background-position: -600px -800px;
  }
  45.8% {
    background-position: -800px -800px;
  }
  46.9% {
    background-position: -1000px -800px;
  }
  47.9% {
    background-position: -1200px -800px;
  }
  49% {
    background-position: -1400px -800px;
  }
  50% {
    background-position: -1600px -800px;
  }
  51% {
    background-position: -1800px -800px;
  }
  52.1% {
    background-position: 0px -1000px;
  }
  53.1% {
    background-position: -200px -1000px;
  }
  54.2% {
    background-position: -400px -1000px;
  }
  55.2% {
    background-position: -600px -1000px;
  }
  56.3% {
    background-position: -800px -1000px;
  }
  57.3% {
    background-position: -1000px -1000px;
  }
  58.3% {
    background-position: -1200px -1000px;
  }
  59.4% {
    background-position: -1400px -1000px;
  }
  60.4% {
    background-position: -1600px -1000px;
  }
  61.5% {
    background-position: -1800px -1000px;
  }
  62.5% {
    background-position: 0px -1200px;
  }
  63.5% {
    background-position: -200px -1200px;
  }
  64.6% {
    background-position: -400px -1200px;
  }
  65.6% {
    background-position: -600px -1200px;
  }
  66.7% {
    background-position: -800px -1200px;
  }
  67.7% {
    background-position: -1000px -1200px;
  }
  68.8% {
    background-position: -1200px -1200px;
  }
  69.8% {
    background-position: -1400px -1200px;
  }
  70.8% {
    background-position: -1600px -1200px;
  }
  71.9% {
    background-position: -1800px -1200px;
  }
  72.9% {
    background-position: 0px -1400px;
  }
  74% {
    background-position: -200px -1400px;
  }
  75% {
    background-position: -400px -1400px;
  }
  76% {
    background-position: -600px -1400px;
  }
  77.1% {
    background-position: -800px -1400px;
  }
  78.1% {
    background-position: -1000px -1400px;
  }
  79.2% {
    background-position: -1200px -1400px;
  }
  80.2% {
    background-position: -1400px -1400px;
  }
  81.3% {
    background-position: -1600px -1400px;
  }
  82.3% {
    background-position: -1800px -1400px;
  }
  83.3% {
    background-position: 0px -1600px;
  }
  84.4% {
    background-position: -200px -1600px;
  }
  85.4% {
    background-position: -400px -1600px;
  }
  86.5% {
    background-position: -600px -1600px;
  }
  87.5% {
    background-position: -800px -1600px;
  }
  88.5% {
    background-position: -1000px -1600px;
  }
  89.6% {
    background-position: -1200px -1600px;
  }
  90.6% {
    background-position: -1400px -1600px;
  }
  91.7% {
    background-position: -1600px -1600px;
  }
  92.7% {
    background-position: -1800px -1600px;
  }
  93.8% {
    background-position: 0px -1800px;
  }
  94.8% {
    background-position: -200px -1800px;
  }
  95.8% {
    background-position: -400px -1800px;
  }
  96.9% {
    background-position: -600px -1800px;
  }
  97.9% {
    background-position: -800px -1800px;
  }
  99% {
    background-position: -1000px -1800px;
  }
  100% {
    background-position: -1000px -1800px;
  }
}
.page-index .btn-more:hover .BX_Sprite1 {
  -webkit-filter: brightness(1.1);
          filter: brightness(1.1);
}
.page-index #index-anim {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  bottom: 0;
}
.page-index #index-anim .video-wrap {
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 5;
  overflow: hidden;
}
.page-index #index-anim .video-wrap video {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
}
.page-index #index-anim .video-wrap #intro-loop {
  display: none;
}
.bg {
  position: absolute;
  width: 1360px;
  height: 479px;
  left: -60px;
  top: 200px;
  background: url(https://qn.res.netease.com/pc/zt/20200217142915/img/st2-bg_68d9b379.png) center center no-repeat;
}
.content-top {
  width: 100%;
  height: 5535px;
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  background: url(https://qn.res.netease.com/pc/zt/20200217142915/img/content-top_517b822c.png) no-repeat;
  background-size: 100%;
  z-index: 9;
}
.content-bottom {
  position: absolute;
  bottom: -8px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 100%;
  height: 715px;
  background: url(https://qn.res.netease.com/pc/zt/20200217142915/img/content-bottom_390c7a5f.png) no-repeat;
  z-index: 99;
  pointer-events: none;
}
.page-content {
  background: #040909;
  background-size: 100% 100%;
  width: 100%;
  position: relative;
  /* 设置每个背景图的位置 */
}
.page-content .con-inner {
  height: 5000px;
  background: url(https://qn.res.netease.com/pc/zt/20200217142915/img/content-bg2_9a122eb1.png);
  background-size: 100% 100%;
  position: absolute;
  left: 50%;
  top: 233px;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 1134px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  z-index: 99;
}
.page-content .con-inner.scap-cet {
  height: 4950px;
}
.page-content .con-inner.bwgz-cet {
  height: 4750px;
  padding-top: 10px;
}
.page-content .con-inner.ylwf-cet {
  padding-top: 10px;
  height: 5850px;
}
.page-content .con-inner.fsjl-cet {
  height: 11520px;
  background: url(https://qn.res.netease.com/pc/zt/20200217142915/img/content-bg_bd57fe9b.png);
  background-size: 100% 100%;
  padding-top: 33px;
}
.page-content .con-inner.jsgz-cet1 {
  height: 850px;
  background: url(https://qn.res.netease.com/pc/zt/20200217142915/img/content-bg3_57e63d18.png);
  background-size: 100% 100%;
}
.page-content .con-inner.jsgz-cet1::before {
  height: 800px;
  background: url(https://qn.res.netease.com/pc/zt/20200217142915/img/content-before2_f202179d.png) no-repeat;
  background-size: 100% 100%;
}
.page-content .con-inner.jsgz-cet {
  height: 3800px;
}
.page-content .con-inner.jsgz-cet .pcon-juesai .title {
  top: -188px;
}
.page-content .con-inner.jfph-cet {
  height: 3600px;
}
.page-content .con-inner.jfph-cet::before {
  height: 3400px;
}
.page-content .con-inner::after,
.page-content .con-inner::before {
  content: '';
  display: block;
  position: absolute;
  pointer-events: none;
  left: calc(50% + 1px);
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.page-content .con-inner::after {
  width: 1187px;
  height: 89px;
  top: -16px;
  background: url(https://qn.res.netease.com/pc/zt/20200217142915/img/content-after_427041fa.png) no-repeat;
  background-size: 100%;
}
.page-content .con-inner::before {
  top: 13px;
  width: 1108px;
  height: 4029px;
  background: url(https://qn.res.netease.com/pc/zt/20200217142915/img/content-before_c6eb3800.png) no-repeat;
  background-size: 100% 100%;
}
.page-content.scap {
  height: 5500px;
}
.page-content.bwgz {
  height: 5300px;
}
.page-content.ylwf {
  height: 6323px;
}
.page-content.fsjl {
  height: 12000px;
}
.page-content.jsgz {
  height: 4300px;
}
.page-content.jsgz.page-content .p-con .login-button {
  top: 160px;
}
.page-content.jsgz1 {
  height: 125vh;
}
.page-content.jfph {
  height: 4120px;
}
.page-content.jfph .jfph-cet > div {
  padding-top: 10px;
}
.page-content::after {
  width: 100%;
  height: 4244px;
  position: absolute;
  top: 250px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  content: '';
  display: block;
  background: url(https://qn.res.netease.com/pc/zt/20200217142915/img/content-bg-after_4780a5c2.png) top center no-repeat;
  z-index: 98;
  pointer-events: none;
}
.page-content .page-con-bg2 {
  min-height: 1500px;
  padding: 57px 0 210px;
}
.page-content .title {
  width: 1080px;
  height: 38px;
  margin: 0 auto 0;
  text-indent: -999px;
  font-size: 0;
  position: absolute;
  top: -161px;
  left: 0;
  right: 0;
}
.page-content .p-con {
  position: relative;
  z-index: 1;
  display: none;
  width: 1048px;
  line-height: 30px;
  padding: 15px 0 73px 0;
  margin: 0 auto 115px auto;
  font-size: 16px;
  min-height: 750px;
  font-family: "SF Pro Text";
  font-style: normal;
  font-weight: 400;
  -moz-animation: slideInUp 0.5s ease backwards;
  -webkit-animation: slideInUp 0.5s ease backwards;
  -o-animation: slideInUp 0.5s ease backwards;
  -ms-animation: slideInUp 0.5s ease backwards;
  animation: slideInUp 0.5s ease backwards;
}
.page-content .p-con .pr {
  position: relative;
  left: 50%;
  -webkit-transform: translateX(-53%);
          transform: translateX(-53%);
}
.page-content .p-con .pr1 {
  position: relative;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.page-content .p-con.pcon-juesai {
  height: 3700px;
  margin: 20px auto 0 auto;
  padding: 88px 0px 0px 0px;
  background-size: 1875px 3700px;
}
.page-content .p-con.pcon-juesai .content,
.page-content .p-con.pcon-juesai .empty {
  position: absolute;
  left: 0;
  top: 0px;
  color: #fff;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.page-content .p-con.pcon-juesai .content .login-box,
.page-content .p-con.pcon-juesai .empty .login-box {
  display: inline-block;
  vertical-align: middle;
}
.page-content .p-con.pcon-juesai .content .login-box:before,
.page-content .p-con.pcon-juesai .empty .login-box:before {
  left: -8px;
}
.page-content .p-con.pcon-juesai .content .login-box:nth-child(1),
.page-content .p-con.pcon-juesai .empty .login-box:nth-child(1) {
  margin-top: 0;
}
.page-content .p-con.pcon-juesai .content {
  padding: 20px 0 0 0;
}
.page-content .p-con.pcon-juesai .content .login-info {
  margin: 6px 0 0;
}
.page-content .p-con.pcon-juesai .content .team-name {
  text-indent: 0;
}
.page-content .p-con.pcon-juesai .content .indent {
  text-indent: 0;
}
.page-content .p-con.pcon-juesai p {
  color: #C4D3D8;
  font-family: "SF Pro Text";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 30px;
}
.page-content .p-con.pcon-juesai1 {
  height: 100%;
  width: 100%;
  margin: 139px auto 0 auto;
  padding: 88px 0px 0px 0px;
  background-size: 1875px 3700px;
}
.page-content .p-con.pcon-juesai1 .content,
.page-content .p-con.pcon-juesai1 .empty {
  width: 100%;
  color: #fff;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.page-content .p-con.pcon-juesai1 .content .login-box,
.page-content .p-con.pcon-juesai1 .empty .login-box {
  display: inline-block;
  vertical-align: middle;
}
.page-content .p-con.pcon-juesai1 .content .login-box:before,
.page-content .p-con.pcon-juesai1 .empty .login-box:before {
  left: -8px;
}
.page-content .p-con.pcon-juesai1 .content .login-box:nth-child(1),
.page-content .p-con.pcon-juesai1 .empty .login-box:nth-child(1) {
  margin-top: 0;
}
.page-content .p-con.pcon-juesai1 #nie-login-info {
  display: block;
  text-align: center;
}
.page-content .p-con.pcon-juesai1 #nie-login-info .login-out {
  font-size: 38px;
  line-height: 65px;
  letter-spacing: 2px;
  width: 201px;
  height: 62px;
  background: url(https://qn.res.netease.com/pc/zt/20200217142915/img/login_d5a3ed3d.png) no-repeat;
  background-size: 100%;
}
.page-content .p-con.pcon-juesai1 #nie-login-info .login-out span {
  color: #FDFDFD;
  font-weight: 500;
}
.page-content .p-con.active {
  display: block;
}
.page-content .p-con .table-rank {
  margin: 25px auto;
  border-color: #7b9de3;
  background-color: #c6deff;
  position: relative;
}
.page-content .p-con .table-rank::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 898px;
  height: 3249px;
  border: 3px solid #7b9de3;
  pointer-events: none;
}
.page-content .p-con .table-rank th,
.page-content .p-con .table-rank td {
  font-size: 16px;
}
.page-content .p-con .table-rank th {
  color: #1a1f32;
  text-align: center;
  font-weight: normal;
  height: 52px;
}
.page-content .p-con .table-rank th:nth-child(1) {
  width: 133px;
}
.page-content .p-con .table-rank th:nth-child(2) {
  width: 312px;
}
.page-content .p-con .table-rank th:nth-child(3) {
  width: 231px;
}
.page-content .p-con .bg-top,
.page-content .p-con .bg-cet,
.page-content .p-con .bg-bottom {
  position: absolute;
  width: 100%;
  left: 0;
}
.page-content .p-con .jewelry-table {
  width: auto;
  height: auto;
  background: transparent;
  border-collapse: collapse;
  border: 3px solid #9eecfe;
  -webkit-box-shadow: 0px 0px 6px #085ded;
          box-shadow: 0px 0px 6px #085ded;
}
.page-content .p-con .jewelry-table td {
  border: 1px solid #8698d6;
  padding: 10px;
}
.page-content .p-con .jewelry-table img {
  display: block;
  width: 320px;
  height: 180px;
}
.page-content .p-con h3 {
  width: 117px;
  height: 39px;
  position: relative;
  z-index: 1;
  margin-top: 30px;
  margin-bottom: 10px;
  color: #fff;
  text-align: center;
  line-height: 40px;
  font-family: FZJinLS-B-GB;
  font-size: 27px;
  font-style: normal;
  font-weight: 400;
  background: url(https://qn.res.netease.com/pc/zt/20200217142915/img/name-3_b09d398e.png) no-repeat;
}
.page-content .p-con h3 img {
  height: 24px;
  display: block;
  margin: 0 auto;
}
.page-content .p-con h3 .icon-new {
  position: absolute;
  top: -20px;
  left: -17px;
  width: 46px;
  height: 38px;
  background: url(https://qn.res.netease.com/pc/zt/20200217142915/img/icon-new_e6d3c062.png) no-repeat;
  background-size: 100% 100%;
}
.page-content .p-con h3:before {
  display: block;
  content: "";
  position: absolute;
  z-index: -1;
  top: 50%;
  left: 0;
  width: 15px;
  height: 25px;
  margin-top: -13px;
}
.page-content .p-con h3.wordsRed {
  color: #f8efdf;
}
.page-content .p-con strong,
.page-content .p-con .red {
  color: #fff;
  font-weight: bold;
}
.page-content .p-con .biueColor {
  color: #FBBC52;
}
.page-content .p-con .top {
  margin-top: 30px;
  display: block;
}
.page-content .p-con .desc-icon::before {
  content: '';
  display: inline-block;
  width: 15px;
  height: 15px;
  background: url(https://qn.res.netease.com/pc/zt/20200217142915/img/sprite-8ddf67_8ddf67e3.png);background-size:1014px 937px;
background-position:-831px -567px;

  -webkit-transform: translate(-4px, 2px);
          transform: translate(-4px, 2px);
}
.page-content .p-con .desc-icon::after {
  content: '';
  display: inline-block;
  width: 111px;
  height: 1px;
  background: url(https://qn.res.netease.com/pc/zt/20200217142915/img/sprite-8ddf67_8ddf67e3.png);background-size:1014px 937px;
background-position:-855px -551px;

  -webkit-transform: translate(10px, -5px);
          transform: translate(10px, -5px);
}
.page-content .p-con strong {
  color: #6e4236;
}
.page-content .p-con a {
  color: #e94d24;
  text-decoration: underline;
}
.page-content .p-con a:hover {
  color: #fb7653;
}
.page-content .p-con .cet {
  text-align: center;
  text-indent: 0;
}
.page-content .p-con .m50 {
  margin-top: 20px;
}
.page-content .p-con .m20 {
  margin-bottom: 20px;
}
.page-content .p-con .m60 {
  margin-top: 30px;
  font-weight: bold;
}
.page-content .p-con .gif {
  width: 700px;
  height: 300px;
  margin: 20px auto;
}
.page-content .p-con .gif img {
  display: block;
  width: 100%;
  height: 100%;
  border: none;
}
.page-content .p-con .mt15 {
  margin: 15px 0;
}
.page-content .p-con .color-fff {
  color: #C4D3D8;
  font-family: "SF Pro Text";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 29.998px;
}
.page-content .p-con .pad-bor {
  border: 1px solid #b09b95;
  padding: 5px;
}
.page-content .p-con p {
  position: relative;
  text-indent: 2em;
  margin: 0 0;
  color: #C4D3D8;
}
.page-content .p-con p.bold {
  font-size: 20px;
  font-weight: bold;
  text-indent: 1em;
}
.page-content .p-con p.explain {
  text-indent: 0;
  margin-top: -5px;
  margin-bottom: 25px;
  color: #85A3AD;
  text-align: center;
  font-family: "SF Pro Text";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 29.999px;
}
.page-content .p-con p.imgs-border.mb10 {
  margin-bottom: 10px;
}
.page-content .p-con p.imgs-border2 {
  background: url(https://qn.res.netease.com/pc/zt/20200217142915/img/img-con-bg2_489a5875.png) center center no-repeat;
  width: 702px;
  height: 301px;
  margin: 0 auto 11px;
}
.page-content .p-con p.imgs-border2 img {
  border: 0;
  padding: 0;
}
.page-content .p-con p.imgs-border3 {
  background: url(https://qn.res.netease.com/pc/zt/20200217142915/img/img-con-bg3_573ebd5e.png) center center no-repeat;
  width: 705px;
  height: 303px;
  margin: 0 auto 11px;
}
.page-content .p-con p.imgs-border3 img {
  border: 0;
  padding: 0;
}
.page-content .p-con p.chdy {
  background: url(https://qn.res.netease.com/pc/zt/20200217142915/img/img-con-bg_bb0296bc.png) center center no-repeat;
  background-size: 100% 100%;
  width: 702px;
  height: 301px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.page-content .p-con p.img-ylwf {
  background: none;
  width: 702px;
  height: 449px;
  -webkit-mask-image: url(https://qn.res.netease.com/pc/zt/20200217142915/img/hsdj_d5e40099.png);
          mask-image: url(https://qn.res.netease.com/pc/zt/20200217142915/img/hsdj_d5e40099.png);
  -webkit-mask-size: cover;
          mask-size: cover;
}
.page-content .p-con p.img-ylwf img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.page-content .p-con p .icon-new {
  display: block;
  position: absolute;
  bottom: 15px;
  left: -20px;
  width: 46px;
  height: 38px;
  background: url(https://qn.res.netease.com/pc/zt/20200217142915/img/icon-new_e6d3c062.png) no-repeat;
  background-size: 100% 100%;
}
.page-content .p-con p .icon-new2 {
  bottom: 23px;
  left: 0;
}
.page-content .p-con p i {
  display: inline-block;
  width: 5px;
  height: 5px;
  background: #1a1f32;
  margin-right: 5px;
  vertical-align: top;
  border-radius: 50%;
  -webkit-transform: translateY(13px);
  -moz-transform: translateY(13px);
  -ms-transform: translateY(13px);
  -o-transform: translateY(13px);
  transform: translateY(13px);
}
.page-content .p-con p.num-left {
  margin-left: 15px;
}
.page-content .p-con p.noindent {
  text-indent: 2em;
}
.page-content .p-con p.li {
  position: relative;
  padding-left: 0px;
}
.page-content .p-con p.li.noindent {
  text-indent: 2;
}
.page-content .p-con p.no-indent {
  text-indent: 0;
}
.page-content .p-con p.ph4 {
  margin-top: 30px;
}
.page-content .p-con p span.indent {
  display: block;
  text-indent: 2em;
}
.page-content .p-con p span.no-indent {
  text-indent: 0;
}
.page-content .p-con .img-wrap {
  margin: 15px 0;
  line-height: 0;
  text-align: center;
}
.page-content .p-con .img-wrap.with-text .img-con {
  padding-bottom: 40px;
}
.page-content .p-con .img-wrap.with-text .img-con2 .img-text {
  bottom: -40px;
}
.page-content .p-con .img-wrap.with-text .img-con2 .img-text > i {
  background: #b09b95;
}
.page-content .p-con .img-wrap .img-con {
  position: relative;
  display: inline-block;
  padding: 5px;
}
.page-content .p-con .img-wrap .img-con.hm {
  width: 702px;
  height: 301px;
  background: url(https://qn.res.netease.com/pc/zt/20200217142915/img/img-con-bg_bb0296bc.png) center center no-repeat;
}
.page-content .p-con .img-wrap .img-con2 {
  position: relative;
  display: inline-block;
  margin: 5px;
}
.page-content .p-con .img-wrap .img-con2 img {
  display: block;
  max-width: 100%;
}
.page-content .p-con .img-wrap .img-con2 .img-text {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 40px;
  line-height: 40px;
  margin: 0;
  color: #ffffff;
  font-size: 16px;
  text-indent: 0;
}
.page-content .p-con .img-wrap .img-con2 .img-text > span {
  position: relative;
  z-index: 2;
}
.page-content .p-con .img-wrap .img-con2 .img-text > i {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: #000;
  -webkit-opacity: 0.6;
  -moz-opacity: 0.6;
  opacity: 0.6;
}
.page-content .p-con table {
  width: 903px;
  height: 1303px;
  margin: 60px auto 0;
  text-align: center;
  background: url(https://qn.res.netease.com/pc/zt/20200217142915/img/border-table_d891659c.png) no-repeat;
  background-size: 100% 100%;
}
.page-content .p-con table tr {
  height: 50px;
}
.page-content .p-con table th,
.page-content .p-con table td {
  min-width: 120px;
  padding: 20px 19px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: #fff;
}
.page-content .p-con table th {
  padding-top: 19px;
}
.page-content .scap-cet .title {
  top: -187px;
  width: 506px;
  height: 168px;
  background: url(https://qn.res.netease.com/pc/zt/20200217142915/img/sprite-8ddf67_8ddf67e3.png);background-size:1014px 937px;
background-position:-0px -0px;

}
.page-content .pcon-rank .title {
  width: 506px;
  height: 168px;
  background: url(https://qn.res.netease.com/pc/zt/20200217142915/img/sprite-8ddf67_8ddf67e3.png);background-size:1014px 937px;
background-position:-0px -170px;

  top: -187px;
}
.page-content .pcon-rank h3.words {
  width: 417px;
  background: url(https://qn.res.netease.com/pc/zt/20200217142915/img/name-14_6ab42df7.png) no-repeat;
  margin: 0 0 30px;
}
.page-content .pcon-rank .content {
  margin-top: 40px;
}
.page-content .pcon-rank table {
  width: 901px;
  background: none;
}
.page-content .pcon-rank table th,
.page-content .pcon-rank table td {
  padding: 0;
}
.page-content .pcon-rank table th {
  padding-top: 3px;
}
.page-content .pcon-rank .prize-skills-table {
  margin-top: 20px;
  background: none;
  border-color: #5D8290;
  margin-bottom: 20px;
}
.page-content .pcon-rank .prize-skills-table td,
.page-content .pcon-rank .prize-skills-table th {
  background: #0F181C;
  font-size: 16px;
  padding: 6px 15px;
}
.page-content .pcon-rank .prize-skills-table p {
  text-indent: 0;
}
.page-content .pcon-rank .prize-skills-table img {
  width: 300px;
  height: 179px;
}
.page-content .pcon-rank .prize-skills-table.sp img {
  height: auto;
}
.page-content .pcon-rule .title {
  width: 506px;
  height: 168px;
  background: url(https://qn.res.netease.com/pc/zt/20200217142915/img/sprite-8ddf67_8ddf67e3.png);background-size:1014px 937px;
background-position:-508px -0px;

  top: -197px;
}
.page-content .pcon-rule h3.words6 {
  width: 199px;
  background: url(https://qn.res.netease.com/pc/zt/20200217142915/img/name-6_24478f64.png) no-repeat;
}
.page-content .pcon-rule h3.new {
  width: 225px;
  background: url(https://qn.res.netease.com/pc/zt/20200217142915/img/name-7_2e06c7d2.png) no-repeat;
  background-size: 100% 100%;
}
.page-content .pcon-rule h3.words2 {
  width: 117px;
  background: url(https://qn.res.netease.com/pc/zt/20200217142915/img/name-3_b09d398e.png) no-repeat;
}
.page-content .pcon-happy .title {
  width: 506px;
  height: 168px;
  background: url(https://qn.res.netease.com/pc/zt/20200217142915/img/sprite-8ddf67_8ddf67e3.png);background-size:1014px 937px;
background-position:-508px -170px;

  top: -197px;
}
.page-content .pcon-happy h3.new,
.page-content .pcon-happy h3.tit1 {
  width: 144px;
  background: url(https://qn.res.netease.com/pc/zt/20200217142915/img/name-4_4451261c.png) no-repeat;
}
.page-content .pcon-happy h3.new2 {
  width: 189px;
  background: url(https://qn.res.netease.com/pc/zt/20200217142915/img/tille-name-bg3_d35e228f.png) no-repeat;
}
.page-content .pcon-happy .margin-l5 {
  margin-left: 5em;
}
.page-content .pcon-train .title {
  width: 469px;
  height: 39px;
  background: url(https://qn.res.netease.com/pc/zt/20200217142915/img/sprite-8ddf67_8ddf67e3.png);background-size:1014px 937px;
background-position:-537px -510px;

}
.page-content .pcon-prize .title {
  width: 506px;
  height: 168px;
  background: url(https://qn.res.netease.com/pc/zt/20200217142915/img/sprite-8ddf67_8ddf67e3.png);background-size:1014px 937px;
background-position:-0px -340px;

  top: -220px;
}
.page-content .pcon-prize h3.words8 {
  width: 306px;
  background: url(https://qn.res.netease.com/pc/zt/20200217142915/img/name-10_c3a8bfab.png) no-repeat;
  margin-top: 20px;
  margin-bottom: 26px;
}
.page-content .pcon-prize h3.words8.new {
  width: 225px;
  background: url(https://qn.res.netease.com/pc/zt/20200217142915/img/name-7_2e06c7d2.png) no-repeat;
  margin-top: 6px;
  margin-bottom: 26px;
  background-size: 100% 100%;
}
.page-content .pcon-prize h3.words11 {
  width: 333px;
  background: url(https://qn.res.netease.com/pc/zt/20200217142915/img/name-11_203787d7.png) no-repeat;
  background-size: 100% 100%;
}
.page-content .pcon-prize h3.words9 {
  width: 279px;
  background: url(https://qn.res.netease.com/pc/zt/20200217142915/img/name-9_ca9949dc.png) no-repeat;
  background-size: 100% 100%;
}
.page-content .pcon-prize h3.words12 {
  width: 199px;
  background: url(https://qn.res.netease.com/pc/zt/20200217142915/img/name-6_24478f64.png) no-repeat;
  background-size: 100% 100%;
}
.page-content .pcon-prize h3.words6 {
  width: 171px;
  background: url(https://qn.res.netease.com/pc/zt/20200217142915/img/name-5_54f35373.png) no-repeat;
  background-size: 100% 100%;
}
.page-content .pcon-prize .prize {
  position: relative;
  width: 1100px;
  height: 380px;
}
.page-content .pcon-prize .prize ul:nth-child(1) {
  position: relative;
}
.page-content .pcon-prize .prize ul:nth-child(1) li {
  position: absolute;
  margin: 40px 25px 0;
}
.page-content .pcon-prize .prize ul:nth-child(1) li:nth-child(-n+3) {
  width: 233px;
  height: 210px;
  background: url(https://qn.res.netease.com/pc/zt/20200217142915/img/sprite-8ddf67_8ddf67e3.png);background-size:1014px 937px;
background-position:-0px -510px;

}
.page-content .pcon-prize .prize ul:nth-child(1) li:nth-child(-n+3)::before {
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  -webkit-transform: translate(-50%, -45%);
          transform: translate(-50%, -45%);
}
.page-content .pcon-prize .prize ul:nth-child(1) li:nth-child(1) {
  left: 50%;
  -webkit-transform: translateX(-200%);
          transform: translateX(-200%);
}
.page-content .pcon-prize .prize ul:nth-child(1) li:nth-child(1)::before {
  width: 86px;
  height: 85px;
  background: url(https://qn.res.netease.com/pc/zt/20200217142915/img/sprite-8ddf67_8ddf67e3.png);background-size:1014px 937px;
background-position:-179px -852px;

}
.page-content .pcon-prize .prize ul:nth-child(1) li:nth-child(2) {
  left: 50%;
  -webkit-transform: translateX(-65%);
          transform: translateX(-65%);
}
.page-content .pcon-prize .prize ul:nth-child(1) li:nth-child(2)::before {
  width: 87px;
  height: 85px;
  background: url(https://qn.res.netease.com/pc/zt/20200217142915/img/sprite-8ddf67_8ddf67e3.png);background-size:1014px 937px;
background-position:-90px -852px;

}
.page-content .pcon-prize .prize ul:nth-child(1) li:nth-child(3) {
  left: 50%;
  -webkit-transform: translateX(70%);
          transform: translateX(70%);
}
.page-content .pcon-prize .prize ul:nth-child(1) li:nth-child(3)::before {
  width: 88px;
  height: 85px;
  background: url(https://qn.res.netease.com/pc/zt/20200217142915/img/sprite-8ddf67_8ddf67e3.png);background-size:1014px 937px;
background-position:-0px -852px;

}
.page-content .pcon-prize .prize ul:nth-child(1) li p {
  margin-top: 30%;
  text-indent: 0;
}
.page-content .pcon-prize .prize ul:nth-child(1) li span {
  display: block;
  margin: 0 auto;
  text-align: center;
}
.page-content .pcon-prize .prize ul:nth-child(1) li span:nth-child(2) {
  font-size: 25px;
  font-weight: bold;
}
.page-content .pcon-prize .prize ul:nth-child(1) li span:nth-child(4) {
  font-size: 20px;
  font-weight: bold;
}
.page-content .pcon-prize .prize ul:nth-child(2) {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  position: absolute;
  bottom: 0;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.page-content .pcon-prize .prize ul:nth-child(2) li {
  width: 198px;
  height: 99px;
  background: url(https://qn.res.netease.com/pc/zt/20200217142915/img/sprite-8ddf67_8ddf67e3.png);background-size:1014px 937px;
background-position:-235px -600px;

}
.page-content .pcon-prize .prize ul:nth-child(2) span {
  text-indent: 0;
  display: block;
  margin: 0 auto;
  text-align: center;
}
.page-content .pcon-prize .prize ul:nth-child(2) span:nth-child(1) {
  margin-top: 16px;
}
.page-content .pcon-prize .prize ul:nth-child(2) span:nth-child(2) {
  font-size: 20px;
  font-weight: bold;
}
.page-content .pcon-prize .margin-l60 {
  margin: 6px 60px 6px 60px;
}
.page-content .pcon-prize .prize-skills-table {
  margin-top: 20px;
  background: none;
  border-color: #5D8290;
}
.page-content .pcon-prize .prize-skills-table td {
  background: #0F181C;
  font-size: 16px;
  padding: 6px 15px;
}
.page-content .pcon-prize .prize-skills-table p {
  text-indent: 0;
}
.page-content .pcon-prize .prize-skills-table img {
  width: 300px;
  height: 179px;
}
.page-content .pcon-prize .prize-skills-table.sp img {
  height: auto;
}
.page-content .pcon-process h3.words3.m50 {
  width: 144px;
  background: url(https://qn.res.netease.com/pc/zt/20200217142915/img/name-4_4451261c.png) no-repeat;
}
.page-content .pcon-juesai h3.words1 {
  width: 144px;
  background: url(https://qn.res.netease.com/pc/zt/20200217142915/img/name-4_4451261c.png) no-repeat;
}
.page-content .pcon-juesai h3.words2 {
  width: 253px;
  background: url(https://qn.res.netease.com/pc/zt/20200217142915/img/name-8_a7979d9e.png) no-repeat;
  background-size: 100% 100%;
}
.page-content .pcon-juesai h3.words3 {
  width: 279px;
  background: url(https://qn.res.netease.com/pc/zt/20200217142915/img/name-9_ca9949dc.png) no-repeat;
  background-size: 100% 100%;
}
.page-content .pcon-juesai h3.words6 {
  width: 199px;
  background: url(https://qn.res.netease.com/pc/zt/20200217142915/img/name-6_24478f64.png) no-repeat;
  background-size: 100% 100%;
}
.page-content .pcon-juesai .error-msg {
  font-size: 20px;
  margin: 30px 0;
  text-align: center;
  color: #FDFDFD;
  font-family: "SF Pro Text";
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 30px;
}
.page-content .pcon-juesai .login-button {
  display: inline-block;
  width: 201px;
  height: 62px;
  position: absolute;
  z-index: 1;
  top: 90px;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background: url(https://qn.res.netease.com/pc/zt/20200217142915/img/login_d5a3ed3d.png) no-repeat;
  background-size: 100% 100%;
  color: #FFF;
  font-family: FZJinLS-B-GB;
  font-size: 38px;
  font-style: normal;
  font-weight: 400;
  line-height: 65px;
  letter-spacing: 2px;
  text-align: center;
  cursor: pointer;
}
.page-content .pcon-juesai .login-button:hover {
  -webkit-filter: brightness(1.2);
          filter: brightness(1.2);
}
.page-content .pcon-juesai .title {
  width: 506px;
  height: 168px;
  background: url(https://qn.res.netease.com/pc/zt/20200217142915/img/sprite-8ddf67_8ddf67e3.png);background-size:1014px 937px;
background-position:-508px -340px;

  margin: 0 auto;
  top: -326px;
}
.page-content .pcon-juesai .reward-list {
  padding: 6px 0;
}
.page-content .pcon-juesai .reward-list::after {
  content: "";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.page-content .pcon-juesai .reward-list .reward-info {
  height: 33px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  float: left;
  margin-right: 45px;
  margin-bottom: 30px;
}
.page-content .pcon-juesai .reward-list .reward-info .name {
  color: #C4D3D8;
  font-family: "SF Pro Text";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 29.998px;
  margin-right: 18px;
}
.page-content .pcon-juesai .reward-list .reward-info .percent {
  font-size: 16px;
  margin-left: 5px;
  color: #C4D3D8;
}
.page-content .pcon-juesai .reward-list .reward-info .reward-num {
  width: 88px;
  height: 26px;
  display: inline-block;
  text-indent: 5px;
  color: #fff;
  background-color: #77919A;
}
.page-content .pcon-juesai .info {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 6px 0;
}
.page-content .pcon-juesai .info .info-base::after {
  content: "";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.page-content .pcon-juesai .info .info-base .info-text {
  width: 291px;
  float: left;
  margin-right: 45px;
  margin-top: 15px;
}
.page-content .pcon-juesai .info .info-base .info-text.yhk {
  width: 627px;
}
.page-content .pcon-juesai .info .info-base .info-text.yhk .info-input {
  width: 619px;
}
.page-content .pcon-juesai .info .info-base .info-text.khh,
.page-content .pcon-juesai .info .info-base .info-text.lxdz {
  width: 963px;
}
.page-content .pcon-juesai .info .info-base .info-text.khh .info-input,
.page-content .pcon-juesai .info .info-base .info-text.lxdz .info-input {
  width: 955px;
}
.page-content .pcon-juesai .info .info-base .info-input {
  display: inline-block;
  width: 294px;
  min-height: 39px;
  line-height: 39px;
  margin-top: 5px;
  padding-left: 5px;
  background-color: #77919A;
  color: #fff;
  font-size: 14px;
}
.page-content .pcon-juesai .info .info-base .info-input::-webkit-input-placeholder {
  color: #C4D3D8;
}
.page-content .pcon-juesai .info .info-base .info-input::-moz-placeholder {
  color: #C4D3D8;
}
.page-content .pcon-juesai .info .info-base .info-input:-ms-input-placeholder {
  color: #C4D3D8;
}
.page-content .pcon-juesai .info .info-base .info-input::-ms-input-placeholder {
  color: #C4D3D8;
}
.page-content .pcon-juesai .info .info-base .info-input::placeholder {
  color: #C4D3D8;
}
.page-content .pcon-juesai .card-box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.page-content .pcon-juesai .card-box .card {
  width: 186px;
  margin-top: 15px;
}
.page-content .pcon-juesai .card-box .card .card-front {
  position: relative;
  width: 186px;
  height: 128px;
  background: url(https://qn.res.netease.com/pc/zt/20200217142915/img/sprite-8ddf67_8ddf67e3.png) no-repeat;background-size:1019.481081081081px 937px;
background-position:-0px -725.9027027027026px;

  margin-top: 4px;
}
.page-content .pcon-juesai .card-box .card .card-front .add {
  position: absolute;
  width: 56px;
  height: 56px;
  left: 50%;
  top: 50%;
  margin-left: -28px;
  margin-top: -28px;
  background: url(https://qn.res.netease.com/pc/zt/20200217142915/img/sprite-8ddf67_8ddf67e3.png) no-repeat;background-size:1014px 937px;
background-position:-847px -600px;

}
.page-content .pcon-juesai .card-box .card .card-front:hover .add {
  background: url(https://qn.res.netease.com/pc/zt/20200217142915/img/sprite-8ddf67_8ddf67e3.png) no-repeat;background-size:1014px 937px;
background-position:-905px -600px;
width:56px;
height:56px;

}
.page-content .pcon-juesai .card-box .card .card-front .img-card {
  display: inline-block;
  position: absolute;
  width: 186px;
  height: 128px;
  left: 50%;
  top: 50%;
  margin-left: -93px;
  margin-top: -64px;
}
.page-content .pcon-juesai .card-box .card .card-front .upload-file {
  display: inline-block;
  position: absolute;
  width: 186px;
  height: 128px;
  left: 50%;
  top: 50%;
  margin-left: -93px;
  margin-top: -64px;
  cursor: pointer;
  opacity: 0;
}
.page-content .pcon-juesai .card-box .card .card-back {
  background: url(https://qn.res.netease.com/pc/zt/20200217142915/img/sprite-8ddf67_8ddf67e3.png) no-repeat;background-size:1014px 937px;
background-position:-187px -722px;
width:185px;
height:128px;

}
.page-content .pcon-juesai .card-box .left-45 {
  margin-left: 45px;
}
.page-content .pcon-juesai .info-bank {
  padding: 0 0;
}
.page-content .pcon-juesai .info-bank .info-base .info-text {
  margin-top: 0px;
  margin-bottom: 15px;
}
.page-content .pcon-juesai .login-info {
  margin: 6px 0 12px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.page-content .pcon-juesai .login-info span {
  margin: 30px 0;
  text-align: center;
  display: block;
  font-family: "SF Pro Text";
  font-size: 16px;
  font-style: normal;
  line-height: 30px;
  color: #C4D3D8;
  font-weight: 400;
}
.page-content .pcon-juesai .terms {
  width: 195px;
  height: 30px;
  background: url(https://qn.res.netease.com/pc/zt/20200217142915/img/aggree-bg_1d1ba92b.png) no-repeat;
  margin-top: 31.5px;
  cursor: pointer;
}
.page-content .pcon-juesai .terms .terms-agree {
  position: relative;
  left: 0px;
  top: 0px;
  width: 27px;
  height: 26px;
  background: url(https://qn.res.netease.com/pc/zt/20200217142915/img/sprite-8ddf67_8ddf67e3.png) no-repeat center;background-size:1244.4545454545455px 1740.142857142857px;
background-position:-1019.8636363636364px -676.2272727272727px;

}
.page-content .pcon-juesai .submit {
  position: relative;
  margin: 0 auto;
  margin-top: 48px;
  width: 236px;
  height: 62px;
  background: url(https://qn.res.netease.com/pc/zt/20200217142915/img/submit_ae15d0af.png) no-repeat;
  background-size: 100% 100%;
  cursor: pointer;
  color: #FFF;
  font-family: FZJinLS-B-GB;
  font-size: 36px;
  font-style: normal;
  font-weight: 400;
  line-height: 62px;
  letter-spacing: 2px;
  text-align: center;
}
.page-content .pcon-juesai .submit::before,
.page-content .pcon-juesai .submit::after {
  content: '';
  position: absolute;
  width: 303px;
  height: 87px;
}
.page-content .pcon-juesai .submit:hover {
  -webkit-filter: brightness(1.2);
          filter: brightness(1.2);
}
.page-content .pcon-juesai .login-out {
  display: inline-block;
  margin-left: 10px;
  color: #FFF;
  font-family: FZJinLS-B-GB;
  font-style: normal;
  font-weight: 400;
  text-align: center;
  font-size: 27px;
  line-height: 42px;
  letter-spacing: 3px;
  text-decoration: none;
  width: 129px;
  height: 39px;
  background: url(https://qn.res.netease.com/pc/zt/20200217142915/img/logout_17875bc0.png) no-repeat;
  background-size: 100% 100%;
}
.page-content .pcon-juesai .login-out:hover {
  color: #fff;
  -webkit-filter: brightness(1.2);
          filter: brightness(1.2);
}
.reward-box {
  margin-top: 30px;
}
.reward-box img {
  display: block;
  margin: 0 auto;
}
.reward-box .m-title {
  height: .9rem;
}
.txt-sjxg {
  color: #7f90cf !important;
  text-align: center;
  margin: 0 !important;
}
.pic-name {
  display: block;
  margin: 0 auto;
}
.txt-normal {
  font-weight: normal !important;
}
.txt-white {
  color: #1a1f32 !important;
}
.redb {
  color: #e94d24;
  font-weight: 600;
}
input {
  background: none;
  outline: none;
}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  /* WebKit browsers */
  color: #a3a4be;
}
input:-moz-placeholder,
textarea:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #a3a4be;
}
input::-moz-placeholder,
textarea::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #a3a4be;
}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
  /* Internet Explorer 10+ */
  color: #a3a4be;
}
.login-mask {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1000;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.65);
}
/* 当屏幕宽度小于 1670 像素时应用的样式 */
@media screen and (max-width: 1720px) {
  .login {
    position: fixed;
    left: 50%;
    top: 50%;
    margin-top: -150px;
    margin-left: -180px;
    width: 430px;
    min-height: 360px;
    z-index: 999;
    background-color: #fff;
    border-radius: 10px;
  }
  .login #loginContent {
    margin: 0 auto;
    width: 380px !important;
    height: 390px !important;
  }
  .login__close {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 10;
    padding: 0;
    color: rgba(0, 0, 0, 0.45);
    font-weight: 700;
    line-height: 1;
    text-decoration: none;
    background: transparent;
    border: 0;
    outline: 0;
    cursor: pointer;
    -webkit-transition: color 0.3s;
    transition: color 0.3s;
    padding: 10px;
  }
  .login__title {
    position: relative;
    width: 168px;
    height: 44px;
    background: url(https://qn.res.netease.com/pc/zt/20200217142915/img/sprite-8ddf67_8ddf67e3.png) no-repeat;background-size:1014px 937px;
background-position:-750px -722px;

    margin: 10px auto 0;
  }
  .login__input {
    margin-top: 20px;
  }
}
/* 当屏幕宽度大于或等于 1670 像素时应用的样式 */
@media screen and (min-width: 1720px) {
  .login {
    position: fixed;
    left: 50%;
    top: 50%;
    margin-top: -150px;
    margin-left: -180px;
    width: 360px;
    height: 360px;
    z-index: 999;
    background-color: #fff;
    border-radius: 10px;
  }
  .login #loginContent {
    margin: 0 auto;
    width: 360px;
    height: 300px;
  }
  .login__close {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 10;
    padding: 0;
    color: rgba(0, 0, 0, 0.45);
    font-weight: 700;
    line-height: 1;
    text-decoration: none;
    background: transparent;
    border: 0;
    outline: 0;
    cursor: pointer;
    -webkit-transition: color 0.3s;
    transition: color 0.3s;
    padding: 10px;
  }
  .login__title {
    position: relative;
    width: 168px;
    height: 44px;
    background: url(https://qn.res.netease.com/pc/zt/20200217142915/img/sprite-8ddf67_8ddf67e3.png) no-repeat;background-size:1014px 937px;
background-position:-750px -722px;

    margin: 10px auto 0;
  }
  .login__input {
    margin-top: 20px;
  }
}
.nav-wrap {
  position: fixed;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%) scale(0.9);
  -moz-transform: translateY(-50%) scale(0.9);
  -ms-transform: translateY(-50%) scale(0.9);
  -o-transform: translateY(-50%) scale(0.9);
  transform: translateY(-50%) scale(0.9);
  z-index: 99;
  width: 324px;
}
.nav-wrap .btn-top {
  width: 201px;
  height: 58px;
  margin: 0 auto;
  z-index: 9;
  cursor: pointer;
  width: 204px;
  height: 60px;
  background: url(https://qn.res.netease.com/pc/zt/20200217142915/img/sprite-8ddf67_8ddf67e3.png);background-size:1014px 937px;
background-position:-435px -600px;

  -webkit-transition: top 0.5s ease-out;
  -moz-transition: top 0.5s ease-out;
  -ms-transition: top 0.5s ease-out;
  -o-transition: top 0.5s ease-out;
  transition: top 0.5s ease-out;
}
.nav-wrap .btn-top:hover {
  -webkit-filter: brightness(1.2);
          filter: brightness(1.2);
}
.nav {
  width: 301px;
  margin: 0 auto;
  padding-top: 45px;
}
.nav > li {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 16px auto;
  width: 250px;
  height: 55px;
  cursor: pointer;
  -webkit-animation: fadeIn 0.5s linear;
          animation: fadeIn 0.5s linear;
}
.nav > li .nav-label::before {
  content: "";
  position: absolute;
  top: 8px;
  left: 10px;
  width: 46px;
  height: 38px;
  background: url(https://qn.res.netease.com/pc/zt/20200217142915/img/new-label_e6d3c062.png) no-repeat;
  background-size: contain;
}
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.nav > li > a {
  color: #FFF;
  font-family: FZJinLS-B-GB;
  font-size: 26px;
  font-style: normal;
  font-weight: 400;
  text-align: center;
  line-height: 60px;
  width: 204px;
  height: 58px;
  background: url(https://qn.res.netease.com/pc/zt/20200217142915/img/sprite-8ddf67_8ddf67e3.png);background-size:1014px 937px;
background-position:-641px -600px;

}
.nav > li > a:hover,
.nav > li > a.active {
  color: #413422;
  width: 204px;
  height: 58px;
  background: url(https://qn.res.netease.com/pc/zt/20200217142915/img/sprite-8ddf67_8ddf67e3.png);background-size:1014px 937px;
background-position:-374px -722px;

}
.global-pop .mask {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
  background: rgba(0, 0, 0, 0.8);
}
.global-pop .pop-main {
  width: 668px;
  height: 457px;
  position: fixed;
  left: 50%;
  top: 50%;
  margin-left: -348px;
  margin-top: -212px;
  z-index: 10000;
}
.global-pop .pop-close {
  background: url(https://qn.res.netease.com/pc/zt/20200217142915/img/sprite-8ddf67_8ddf67e3.png);background-size:1014px 937px;
background-position:-963px -600px;

  width: 46px;
  height: 46px;
  position: absolute;
  right: 18px;
  top: 18px;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
  z-index: 10001;
}
.global-pop .pop-wrap {
  background: url(https://qn.res.netease.com/pc/zt/20200217142915/img/alert-bg_f5c107d5.png) no-repeat;
  background-size: 100% 100%;
  position: absolute;
  z-index: 2;
  top: 0;
  width: 668px;
  height: 457px;
}
.global-pop .pop-wrap .pop-content {
  position: relative;
  width: 550px;
  height: 325px;
  margin: 30px auto 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.global-pop .pop-wrap .pop-content .tips {
  color: #FFF;
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 30px;
}
.global-pop .pop-wrap .confirm {
  position: absolute;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
  -moz-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  -o-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  bottom: 30px;
  bottom: 100px;
  width: 237px;
  height: 62px;
  background: url(https://qn.res.netease.com/pc/zt/20200217142915/img/button-confirm_d3ae4800.png);
  background-size: 100%;
  cursor: pointer;
  color: #FFF;
  font-family: FZJinLS-B-GB;
  font-size: 38px;
  font-style: normal;
  font-weight: 400;
  line-height: 62px;
  letter-spacing: 2px;
  text-align: center;
}
.global-pop .pop-wrap .confirm:hover {
  -webkit-filter: brightness(1.2);
          filter: brightness(1.2);
}
.global-pop .rewardpop-main {
  width: 668px;
  height: 513px;
  position: fixed;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  z-index: 10000;
}
.global-pop .rewardpop-main .pop-close {
  top: 45px;
  right: 50px;
}
.global-pop .rewardpop-wrap {
  background: url(https://qn.res.netease.com/pc/zt/20200217142915/img/reward-bg_f5c107d5.png) no-repeat;
  background-size: 100% 100%;
  position: absolute;
  z-index: 2;
  left: 0;
  top: 0;
  width: 668px;
  height: 600px;
}
.global-pop .rewardpop-wrap .rewardpop-content {
  position: relative;
  width: 100%;
  margin: 65px auto 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: #fff;
}
.global-pop .rewardpop-wrap .rewardpop-content .title {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 44px;
  font-size: 22px;
  text-align: center;
  margin-bottom: 14px;
}
.global-pop .rewardpop-wrap .rewardpop-content .reward-list {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 115px;
}
.global-pop .rewardpop-wrap .rewardpop-content .reward-list::after {
  content: "";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.global-pop .rewardpop-wrap .rewardpop-content .reward-list .reward-info {
  height: 33px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  float: left;
  margin-right: 100px;
  margin-top: 14px;
  color: #fff;
}
.global-pop .rewardpop-wrap .rewardpop-content .reward-list .reward-info .name {
  width: 260px;
  color: #FFF;
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 30px;
}
.global-pop .rewardpop-wrap .rewardpop-content .reward-list .reward-info .percent {
  display: inline-block;
  width: 99px;
  height: 33px;
  line-height: 33px;
  text-align: center;
  font-size: 16px;
  color: #fff;
  background-color: #77919A;
  margin-right: 5px;
}
.global-pop .rewardpop-wrap .button {
  position: absolute;
  bottom: 50px;
  width: 540px;
  height: 81px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin-left: 0;
  color: #FFF;
  font-family: FZJinLS-B-GB;
  font-size: 38px;
  font-style: normal;
  font-weight: 400;
  line-height: 62px;
  letter-spacing: 2px;
  text-align: center;
}
.global-pop .rewardpop-wrap .button .button-update,
.global-pop .rewardpop-wrap .button .button-confirm {
  width: 237px;
  height: 62px;
  background: url(https://qn.res.netease.com/pc/zt/20200217142915/img/button-confirm_d3ae4800.png);
  background-size: 100%;
}
.global-pop .rewardpop-wrap .button .button-update:hover,
.global-pop .rewardpop-wrap .button .button-confirm:hover {
  -webkit-filter: brightness(1.2);
          filter: brightness(1.2);
}
body {
  min-height: 650px;
  min-width: 1300px;
  margin-left: auto;
  margin-right: auto;
  overflow: auto;
}
#app {
  min-width: 1300px;
  position: relative;
  overflow: hidden;
}
#sougou_bottom {
  display: none !important;
}
.hide {
  display: none;
}
.hide-text {
  text-indent: -999px;
  font-size: 0;
}
/* common */
html,
body {
  position: relative;
  width: 100%;
  min-width: 1200px;
  background: #000;
  font-family: "Microsoft YaHei", "Helvetica Neue", Helvetica, STHeiTi, sans-serif;
}
@font-face {
  font-family: 'fzcjljt';
  src: url('https://nie.res.netease.com/comm/js/nie/ref/fonts/fzcjljt.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
.con-inner {
  width: 1268px;
  margin: 0 auto;
}
.main-body {
  position: relative;
  top: 0;
  width: 100%;
  overflow: hidden;
}
.top-wrap {
  width: calc(100% - 356px);
  position: absolute;
  top: 0;
  left: 78px;
  right: 278px;
  z-index: 1;
  -moz-animation: slideInDown 0.5s ease backwards;
  -webkit-animation: slideInDown 0.5s ease backwards;
  -o-animation: slideInDown 0.5s ease backwards;
  -ms-animation: slideInDown 0.5s ease backwards;
  animation: slideInDown 0.5s ease backwards;
}
.top-wrap .logo {
  position: absolute;
  width: 246px;
  height: 64px;
  left: 20px;
  top: 10px;
  float: left;
  margin-top: 30px;
  background: url(https://qn.res.netease.com/pc/zt/20200217142915/img/logo_4bfbd9b0.png);
  background-size: 100%;
}
.top-wrap .link {
  float: right;
  line-height: 29px;
  font-size: 14px;
  width: 292px;
  height: 35px;
  background: url(https://qn.res.netease.com/pc/zt/20200217142915/img/sprite-8ddf67_8ddf67e3.png);background-size:1014px 937px;
background-position:-537px -551px;

}
.top-wrap .link > a {
  float: left;
  margin-right: 20px;
  color: #ffffff;
}
.top-wrap .link > a:hover {
  color: #cee4ff;
}
.top-wrap .link .gw {
  margin-left: 43px;
}
.top-wrap .share-wrap {
  position: absolute;
  right: 95px;
  top: 39px;
  height: 22px;
  font-size: 14px;
  line-height: 20px;
  color: #fff;
  overflow: hidden;
}
.anim-movin {
  position: relative;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}
.anim-movin svg {
  position: absolute;
  width: 100%;
  left: 50%;
  margin-left: -960px;
}
.btn {
  display: inline-block;
  cursor: pointer;
}
/* 版权 */
.main-footer {
  padding-top: 10px;
  padding-bottom: 30px;
  background: #000;
}
#NIE-copyRight {
  margin-top: 10px;
  color: #fff !important;
}
#NIE-copyRight a {
  color: #fff !important;
}
#NIE-copyRight #ncp-l3 {
  display: none !important;
}
#NIE-copyRight .nie-copyright-new-inner {
  padding-bottom: 0;
}
#NIE-copyRight a.nie-cn-guardianship {
  color: #fff !important;
}
#NIE-copyRight .nie-cn-logo > img {
  display: none;
}
#NIE-copyRight .nie-cn-part2 {
  display: none;
}
/* 头部 */
#NIE-topBar {
  height: 55px;
  background: #fff;
}
/* 分享组件 */
#share {
  position: relative;
  z-index: 9;
  display: inline-block;
  vertical-align: middle;
}
#share .NIE-share-txt {
  display: none;
}
#share .NIE-share-iconBtn a {
  width: auto;
  margin-left: 5px;
  font-size: 20px;
  line-height: 20px;
  color: #fff;
}
#share .NIE-share-iconBtn a:hover {
  color: #5872b6;
}
#share .NIE-share-iconBtn a.morebtn {
  display: none;
}
#leihuo-top {
  width: calc(100% - 156px);
  position: absolute;
  top: 32px;
  left: 78px;
  right: 78px;
}
#leihuo-top #leihuo-top-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
#leihuo-top #leihuo-top-wrap #logo {
  width: 246px;
  height: 64px;
}
#leihuo-top #leihuo-top-wrap #logo img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
#leihuo-top #leihuo-top-wrap #leihuo_top_content {
  width: auto;
}
#leihuo-top #leihuo-top-wrap #leihuo_top_content .btn .label,
#leihuo-top #leihuo-top-wrap #leihuo_top_content .wrap_share .label {
  display: none;
}
#leihuo-top #leihuo-top-wrap #leihuo_top_content a {
  margin: 0 10px;
}