@charset "utf-8";
/* 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;
  width: 100%;
  min-width: 1600px;
}
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;
}
input,
textarea,
a,
div,
button,
select {
  margin: 0;
  padding: 0;
  border: 0;
  outline: none;
}
a,
a:hover {
  text-decoration: none;
}
body,
textarea,
input,
button {
  color: #62a1c9;
}
html,
body {
  width: 100%;
  min-width: 1600px;
  height: 100%;
  font-family: sans-serif, "Microsoft YaHei", "Helvetica Neue", Helvetica, STHeiTi;
  background: #fff;
  line-height: 1.5;
}
::-webkit-input-placeholder {
  /* WebKit browsers */
  color: #454545;
}
:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #454545;
}
:-ms-input-placeholder {
  /* Internet Explorer 10+ */
  color: #454545;
}
/* 宽度限制板块 */
.wbox {
  width: 1200px;
  display: block;
  position: relative;
  margin: 0 auto;
  clear: both;
}
.wbox::after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
/* Hides from IE-mac \ */
* html .wbox {
  zoom: 1;
}
/* End hide from IE-mac */
select {
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
}
.hide {
  display: none;
}
/**** DEMO单行
.text-overflow-ellipsis(1);
多行
 .text-overflow-ellipsis(2);
****/
.fade-enter-active,
.fade-leave-active {
  transition: opacity 0.3s;
}
.fade-enter,
.fade-leave-active {
  opacity: 0;
}
.vux-fade-enter-active,
.vux-fade-leave-active {
  opacity: 1;
  transition: opacity linear 0.2s;
}
.vux-fade-enter,
.vux-fade-leave-to {
  opacity: 0;
}
.vux-dialog-enter-active,
.vux-dialog-leave-active {
  opacity: 1;
  transition-duration: 400ms;
  transform: translate(-50%, -50%) scale(1) !important;
  transition-property: transform, opacity !important;
}
.vux-dialog-leave-active {
  transition-duration: 300ms;
  opacity: 0;
  transform: translate(-50%, -50%) scale(0.85) !important;
}
.vux-dialog-enter {
  opacity: 0;
  transform: translate(-50%, -50%) scale(1.185) !important;
}
.vux-mask-enter,
.vux-mask-leave-active {
  opacity: 0;
}
.vux-mask-leave-active,
.vux-mask-enter-active {
  transition: opacity 300ms;
}
@-webkit-keyframes fadeInOut {
  0%,
  25%,
  100% {
    opacity: 0;
  }
  50%,
  75% {
    opacity: 1;
  }
}
@-moz-keyframes fadeInOut {
  0%,
  25%,
  100% {
    opacity: 0;
  }
  50%,
  75% {
    opacity: 1;
  }
}
@-o-keyframes fadeInOut {
  0%,
  25%,
  100% {
    opacity: 0;
  }
  50%,
  75% {
    opacity: 1;
  }
}
@keyframes fadeInOut {
  0%,
  25%,
  100% {
    opacity: 0;
  }
  50%,
  75% {
    opacity: 1;
  }
}
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-moz-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-o-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-50px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
  }
}
@-moz-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -moz-transform: translateX(-50px);
  }
  100% {
    opacity: 1;
    -moz-transform: translateX(0);
  }
}
@-o-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -o-transform: translateX(-50px);
  }
  100% {
    opacity: 1;
    -o-transform: translateX(0);
  }
}
@keyframes fadeInLeft {
  0% {
    opacity: 0;
    transform: translateX(-50px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-50px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
}
@-moz-keyframes fadeInDown {
  0% {
    opacity: 0;
    -moz-transform: translateY(-50px);
  }
  100% {
    opacity: 1;
    -moz-transform: translateY(0);
  }
}
@-o-keyframes fadeInDown {
  0% {
    opacity: 0;
    -ms-transform: translateY(-50px);
  }
  100% {
    opacity: 1;
    -ms-transform: translateY(0);
  }
}
@keyframes fadeInDown {
  0% {
    opacity: 0;
    transform: translateY(-50px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(50px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
}
@-moz-keyframes fadeInUp {
  0% {
    opacity: 0;
    -moz-transform: translateY(50px);
  }
  100% {
    opacity: 1;
    -moz-transform: translateY(0);
  }
}
@-o-keyframes fadeInUp {
  0% {
    opacity: 0;
    -o-transform: translateY(50px);
  }
  100% {
    opacity: 1;
    -o-transform: translateY(0);
  }
}
@keyframes fadeInUp {
  0% {
    opacity: 0;
    transform: translateY(50px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(50px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
  }
}
@-moz-keyframes fadeInRight {
  0% {
    opacity: 0;
    -moz-transform: translateX(50px);
  }
  100% {
    opacity: 1;
    -moz-transform: translateX(0);
  }
}
@-o-keyframes fadeInRight {
  0% {
    opacity: 0;
    -o-transform: translateX(50px);
  }
  100% {
    opacity: 1;
    -o-transform: translateX(0);
  }
}
@keyframes fadeInRight {
  0% {
    opacity: 0;
    transform: translateX(50px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
@-webkit-keyframes zoomInAndOut {
  0% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }
  50% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  100% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }
}
@-webkit-keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(2, 2, 2);
    transform: scale3d(2, 2, 2);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(2, 2, 2);
    transform: scale3d(2, 2, 2);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale(0.9);
  }
  50% {
    -webkit-transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(0.9);
    opacity: 1;
  }
}
@-moz-keyframes pulse {
  0% {
    -moz-transform: scale(0.9);
  }
  50% {
    -moz-transform: scale(1.1);
  }
  100% {
    -moz-transform: scale(0.9);
    opacity: 1;
  }
}
@-o-keyframes pulse {
  0% {
    -o-transform: scale(0.9);
  }
  50% {
    -o-transform: scale(1.1);
  }
  100% {
    -o-transform: scale(0.9);
    opacity: 1;
  }
}
@keyframes pulse {
  0% {
    transform: scale(0.9);
  }
  50% {
    transform: scale(1.1);
  }
  100% {
    transform: scale(0.9);
    opacity: 1;
  }
}
@-webkit-keyframes hinge {
  0% {
    -webkit-transform: rotate(0);
    -webkit-transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
  }
  20%,
  60% {
    -webkit-transform: rotate(80deg);
    -webkit-transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
  }
  40% {
    -webkit-transform: rotate(60deg);
    -webkit-transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
  }
  80% {
    -webkit-transform: rotate(60deg) translateY(0);
    opacity: 1;
    -webkit-transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
  }
  100% {
    -webkit-transform: translateY(700px);
    opacity: 0;
  }
}
@-moz-keyframes hinge {
  0% {
    -moz-transform: rotate(0);
    -moz-transform-origin: top left;
    -moz-animation-timing-function: ease-in-out;
  }
  20%,
  60% {
    -moz-transform: rotate(80deg);
    -moz-transform-origin: top left;
    -moz-animation-timing-function: ease-in-out;
  }
  40% {
    -moz-transform: rotate(60deg);
    -moz-transform-origin: top left;
    -moz-animation-timing-function: ease-in-out;
  }
  80% {
    -moz-transform: rotate(60deg) translateY(0);
    opacity: 1;
    -moz-transform-origin: top left;
    -moz-animation-timing-function: ease-in-out;
  }
  100% {
    -moz-transform: translateY(700px);
    opacity: 0;
  }
}
@-o-keyframes hinge {
  0% {
    -o-transform: rotate(0);
    -o-transform-origin: top left;
    -o-animation-timing-function: ease-in-out;
  }
  20%,
  60% {
    -o-transform: rotate(80deg);
    -o-transform-origin: top left;
    -o-animation-timing-function: ease-in-out;
  }
  40% {
    -o-transform: rotate(60deg);
    -o-transform-origin: top left;
    -o-animation-timing-function: ease-in-out;
  }
  80% {
    -o-transform: rotate(60deg) translateY(0);
    opacity: 1;
    -o-transform-origin: top left;
    -o-animation-timing-function: ease-in-out;
  }
  100% {
    -o-transform: translateY(700px);
    opacity: 0;
  }
}
@keyframes hinge {
  0% {
    transform: rotate(0);
    transform-origin: top left;
    animation-timing-function: ease-in-out;
  }
  20%,
  60% {
    transform: rotate(80deg);
    transform-origin: top left;
    animation-timing-function: ease-in-out;
  }
  40% {
    transform: rotate(60deg);
    transform-origin: top left;
    animation-timing-function: ease-in-out;
  }
  80% {
    transform: rotate(60deg) translateY(0);
    opacity: 1;
    transform-origin: top left;
    animation-timing-function: ease-in-out;
  }
  100% {
    transform: translateY(700px);
    opacity: 0;
  }
}
@-webkit-keyframes rotate {
  0% {
    -webkit-transform-origin: center center;
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform-origin: center center;
    -webkit-transform: rotate(360deg);
  }
}
@-moz-keyframes rotate {
  0% {
    -moz-transform-origin: center center;
    -moz-transform: rotate(0deg);
  }
  100% {
    -moz-transform-origin: center center;
    -moz-transform: rotate(360deg);
  }
}
@-o-keyframes rotate {
  0% {
    -o-transform-origin: center center;
    -o-transform: rotate(0deg);
  }
  100% {
    -o-transform-origin: center center;
    -o-transform: rotate(360deg);
  }
}
@keyframes rotate {
  0% {
    transform-origin: center center;
    transform: rotate(0deg);
  }
  100% {
    transform-origin: center center;
    transform: rotate(360deg);
  }
}
@-webkit-keyframes wobble {
  0% {
    -webkit-transform: translateX(0%);
  }
  15% {
    -webkit-transform: translateX(-25%) rotate(-5deg);
  }
  30% {
    -webkit-transform: translateX(20%) rotate(3deg);
  }
  45% {
    -webkit-transform: translateX(-15%) rotate(-3deg);
  }
  60% {
    -webkit-transform: translateX(10%) rotate(2deg);
  }
  75% {
    -webkit-transform: translateX(-5%) rotate(-1deg);
  }
  100% {
    -webkit-transform: translateX(0%);
    opacity: 1;
  }
}
@-moz-keyframes wobble {
  0% {
    -moz-transform: translateX(0%);
  }
  15% {
    -moz-transform: translateX(-25%) rotate(-5deg);
  }
  30% {
    -moz-transform: translateX(20%) rotate(3deg);
  }
  45% {
    -moz-transform: translateX(-15%) rotate(-3deg);
  }
  60% {
    -moz-transform: translateX(10%) rotate(2deg);
  }
  75% {
    -moz-transform: translateX(-5%) rotate(-1deg);
  }
  100% {
    -moz-transform: translateX(0%);
    opacity: 1;
  }
}
@-o-keyframes wobble {
  0% {
    -o-transform: translateX(0%);
  }
  15% {
    -o-transform: translateX(-25%) rotate(-5deg);
  }
  30% {
    -o-transform: translateX(20%) rotate(3deg);
  }
  45% {
    -o-transform: translateX(-15%) rotate(-3deg);
  }
  60% {
    -o-transform: translateX(10%) rotate(2deg);
  }
  75% {
    -o-transform: translateX(-5%) rotate(-1deg);
  }
  100% {
    -o-transform: translateX(0%);
    opacity: 1;
  }
}
@keyframes wobble {
  0% {
    transform: translateX(0%);
  }
  15% {
    transform: translateX(-25%) rotate(-5deg);
  }
  30% {
    transform: translateX(20%) rotate(3deg);
  }
  45% {
    transform: translateX(-15%) rotate(-3deg);
  }
  60% {
    transform: translateX(10%) rotate(2deg);
  }
  75% {
    transform: translateX(-5%) rotate(-1deg);
  }
  100% {
    transform: translateX(0%);
    opacity: 1;
  }
}
@keyframes shake {
  50% {
    transform: rotate(10deg);
    -webkit-transform: rotate(10deg);
    -moz-transform: rotate(10deg);
    -ms-transform: rotate(10deg);
    -o-transform: rotate(10deg);
  }
  0%,
  100% {
    transform: rotate(-10deg);
    -webkit-transform: rotate(-10deg);
    -moz-transform: rotate(-10deg);
    -ms-transform: rotate(-10deg);
    -o-transform: rotate(-10deg);
  }
}
@-webkit-keyframes flip1 {
  0% {
    -webkit-transform: perspective(400px) rotateY(90deg);
  }
  25% {
    -webkit-transform: perspective(400px) rotateY(-10deg);
  }
  50% {
    -webkit-transform: perspective(400px) rotateY(10deg);
  }
  100% {
    -webkit-transform: perspective(400px) rotateY(0deg);
  }
}
@keyframes flip1 {
  0% {
    transform: perspective(400px) rotateY(90deg);
  }
  40% {
    transform: perspective(400px) rotateY(-10deg);
  }
  70% {
    transform: perspective(400px) rotateY(10deg);
  }
  100% {
    transform: perspective(400px) rotateY(0deg);
  }
}
@-webkit-keyframes flip2 {
  0% {
    -webkit-transform: perspective(400px) rotateY(-90deg);
  }
  25% {
    -webkit-transform: perspective(400px) rotateY(-10deg);
  }
  50% {
    -webkit-transform: perspective(400px) rotateY(10deg);
  }
  100% {
    -webkit-transform: perspective(400px) rotateY(0deg);
  }
}
@keyframes flip2 {
  0% {
    transform: perspective(400px) rotateY(-90deg);
  }
  40% {
    transform: perspective(400px) rotateY(-10deg);
  }
  70% {
    transform: perspective(400px) rotateY(10deg);
  }
  100% {
    transform: perspective(400px) rotateY(0deg);
  }
}
@-webkit-keyframes shine {
  0%,
  100% {
    opacity: 1;
  }
  50% {
    opacity: 0.1;
  }
}
@-webkit-keyframes gif {
  0% {
    background-position: 0%;
    opacity: 1;
  }
  100% {
    background-position: 200%;
    opacity: 1;
  }
}
@keyframes gif {
  0% {
    background-position: 0%;
    opacity: 1;
  }
  100% {
    background-position: 200%;
    opacity: 1;
  }
}
@-webkit-keyframes zoom2 {
  0% {
    -webkit-transform: scale3d(0.98, 1, 1);
    transform: scale3d(0.98, 1, 1);
  }
  50% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  100% {
    -webkit-transform: scale3d(0.98, 1, 1);
    transform: scale3d(0.98, 1, 1);
  }
}
@keyframes zoom2 {
  0% {
    -webkit-transform: scale3d(0.98, 1, 1);
    transform: scale3d(0.98, 1, 1);
  }
  50% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  100% {
    -webkit-transform: scale3d(0.98, 1, 1);
    transform: scale3d(0.98, 1, 1);
  }
}
@-webkit-keyframes matrix {
  0% {
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, -0.0015, 0, 0, 1, 0, 0, 0, 0, 1);
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, -0.0015, 0, 0, 1, 0, 0, 0, 0, 1);
    transform-origin: center center 0;
    -webkit-transform-origin: center center 0;
  }
  100% {
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform-origin: center center 0;
    -webkit-transform-origin: center center 0;
  }
}
@keyframes matrix {
  0% {
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, -0.0015, 0, 0, 1, 0, 0, 0, 0, 1);
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, -0.0015, 0, 0, 1, 0, 0, 0, 0, 1);
    transform-origin: center center 0;
    -webkit-transform-origin: center center 0;
  }
  100% {
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform-origin: center center 0;
    -webkit-transform-origin: center center 0;
  }
}
@-webkit-keyframes rotate {
  0% {
    -webkit-transform: rotate(0deg);
  }
  50% {
    -webkit-transform: rotate(180deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes rotate {
  0% {
    transform: rotate(0deg);
  }
  50% {
    transform: rotate(180deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@-webkit-keyframes zoomIn2 {
  0% {
    -webkit-transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.05);
  }
  100% {
    -webkit-transform: scale(1);
  }
}
@keyframes zoomIn2 {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.05);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes translateDown {
  0%,
  100% {
    transform: translateY(0);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
  }
  50% {
    transform: translateY(10px);
    -webkit-transform: translateY(10px);
    -moz-transform: translateY(10px);
    -ms-transform: translateY(10px);
    -o-transform: translateY(10px);
  }
}
@keyframes translateLeft {
  0%,
  100% {
    transform: translateX(0);
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
  }
  50% {
    transform: translateX(-5px);
    -webkit-transform: translateX(-5px);
    -moz-transform: translateX(-5px);
    -ms-transform: translateX(-5px);
    -o-transform: translateX(-5px);
  }
}
@keyframes arrow {
  0%,
  100% {
    transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
  }
  50% {
    transform: translate(0, 0.15rem);
    -webkit-transform: translate(0, 0.15rem);
    -moz-transform: translate(0, 0.15rem);
    -ms-transform: translate(0, 0.15rem);
    -o-transform: translate(0, 0.15rem);
  }
}
@-webkit-keyframes arrow {
  0%,
  100% {
    transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
  }
  50% {
    transform: translate(0, 0.15rem);
    -webkit-transform: translate(0, 0.15rem);
    -moz-transform: translate(0, 0.15rem);
    -ms-transform: translate(0, 0.15rem);
    -o-transform: translate(0, 0.15rem);
  }
}
@keyframes show {
  0% {
    opacity: 0;
    transform: translateY(-20px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@-webkit-keyframes fylLeft {
  0% {
    opacity: 1;
    transform: translateX(-6rem);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
@-moz-keyframes fylLeft {
  0% {
    opacity: 1;
    transform: translateX(-6rem);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
@-ms-keyframes fylLeft {
  0% {
    opacity: 1;
    transform: translateX(-6rem);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
@-o-keyframes fylLeft {
  0% {
    opacity: 1;
    transform: translateX(-6rem);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes fylLeft {
  0% {
    opacity: 1;
    transform: translateX(-6rem);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
@-webkit-keyframes fylLeft {
  0% {
    opacity: 1;
    transform: translateX(-6rem);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
@-moz-keyframes fylLeft {
  0% {
    opacity: 1;
    transform: translateX(-6rem);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
@-ms-keyframes fylLeft {
  0% {
    opacity: 1;
    transform: translateX(-6rem);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
@-o-keyframes fylLeft {
  0% {
    opacity: 1;
    transform: translateX(-6rem);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes fylLeft {
  0% {
    opacity: 1;
    transform: translateX(-6rem);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
@-webkit-keyframes scaleSkill {
  0% {
    transform: translate(-50%, -50%) scale(1);
  }
  50% {
    transform: translate(-50%, -50%) scale(1.2);
  }
  100% {
    transform: translate(-50%, -50%) scale(1);
  }
}
@-moz-keyframes scaleSkill {
  0% {
    transform: translate(-50%, -50%) scale(1);
  }
  50% {
    transform: translate(-50%, -50%) scale(1.2);
  }
  100% {
    transform: translate(-50%, -50%) scale(1);
  }
}
@-ms-keyframes scaleSkill {
  0% {
    transform: translate(-50%, -50%) scale(1);
  }
  50% {
    transform: translate(-50%, -50%) scale(1.2);
  }
  100% {
    transform: translate(-50%, -50%) scale(1);
  }
}
@-o-keyframes scaleSkill {
  0% {
    transform: translate(-50%, -50%) scale(1);
  }
  50% {
    transform: translate(-50%, -50%) scale(1.2);
  }
  100% {
    transform: translate(-50%, -50%) scale(1);
  }
}
@keyframes scaleSkill {
  0% {
    transform: translate(-50%, -50%) scale(1);
  }
  50% {
    transform: translate(-50%, -50%) scale(1.2);
  }
  100% {
    transform: translate(-50%, -50%) scale(1);
  }
}
@-webkit-keyframes scaleSkill {
  0% {
    transform: translate(-50%, -50%) scale(1);
  }
  50% {
    transform: translate(-50%, -50%) scale(1.2);
  }
  100% {
    transform: translate(-50%, -50%) scale(1);
  }
}
@-moz-keyframes scaleSkill {
  0% {
    transform: translate(-50%, -50%) scale(1);
  }
  50% {
    transform: translate(-50%, -50%) scale(1.2);
  }
  100% {
    transform: translate(-50%, -50%) scale(1);
  }
}
@-ms-keyframes scaleSkill {
  0% {
    transform: translate(-50%, -50%) scale(1);
  }
  50% {
    transform: translate(-50%, -50%) scale(1.2);
  }
  100% {
    transform: translate(-50%, -50%) scale(1);
  }
}
@-o-keyframes scaleSkill {
  0% {
    transform: translate(-50%, -50%) scale(1);
  }
  50% {
    transform: translate(-50%, -50%) scale(1.2);
  }
  100% {
    transform: translate(-50%, -50%) scale(1);
  }
}
@keyframes scaleSkill {
  0% {
    transform: translate(-50%, -50%) scale(1);
  }
  50% {
    transform: translate(-50%, -50%) scale(1.2);
  }
  100% {
    transform: translate(-50%, -50%) scale(1);
  }
}
@-webkit-keyframes btnShake {
  0% {
    transform: translateX(0);
  }
  25% {
    transform: translateX(-2px);
  }
  50% {
    transform: translateX(0);
  }
  75% {
    transform: translateX(2px);
  }
  100% {
    transform: translateX(0);
  }
}
@-moz-keyframes btnShake {
  0% {
    transform: translateX(0);
  }
  25% {
    transform: translateX(-2px);
  }
  50% {
    transform: translateX(0);
  }
  75% {
    transform: translateX(2px);
  }
  100% {
    transform: translateX(0);
  }
}
@-ms-keyframes btnShake {
  0% {
    transform: translateX(0);
  }
  25% {
    transform: translateX(-2px);
  }
  50% {
    transform: translateX(0);
  }
  75% {
    transform: translateX(2px);
  }
  100% {
    transform: translateX(0);
  }
}
@-o-keyframes btnShake {
  0% {
    transform: translateX(0);
  }
  25% {
    transform: translateX(-2px);
  }
  50% {
    transform: translateX(0);
  }
  75% {
    transform: translateX(2px);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes btnShake {
  0% {
    transform: translateX(0);
  }
  25% {
    transform: translateX(-2px);
  }
  50% {
    transform: translateX(0);
  }
  75% {
    transform: translateX(2px);
  }
  100% {
    transform: translateX(0);
  }
}
@-webkit-keyframes btnShake {
  0% {
    transform: translateX(0);
  }
  25% {
    transform: translateX(-2px);
  }
  50% {
    transform: translateX(0);
  }
  75% {
    transform: translateX(2px);
  }
  100% {
    transform: translateX(0);
  }
}
@-moz-keyframes btnShake {
  0% {
    transform: translateX(0);
  }
  25% {
    transform: translateX(-2px);
  }
  50% {
    transform: translateX(0);
  }
  75% {
    transform: translateX(2px);
  }
  100% {
    transform: translateX(0);
  }
}
@-ms-keyframes btnShake {
  0% {
    transform: translateX(0);
  }
  25% {
    transform: translateX(-2px);
  }
  50% {
    transform: translateX(0);
  }
  75% {
    transform: translateX(2px);
  }
  100% {
    transform: translateX(0);
  }
}
@-o-keyframes btnShake {
  0% {
    transform: translateX(0);
  }
  25% {
    transform: translateX(-2px);
  }
  50% {
    transform: translateX(0);
  }
  75% {
    transform: translateX(2px);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes btnShake {
  0% {
    transform: translateX(0);
  }
  25% {
    transform: translateX(-2px);
  }
  50% {
    transform: translateX(0);
  }
  75% {
    transform: translateX(2px);
  }
  100% {
    transform: translateX(0);
  }
}
@-webkit-keyframes innerIn {
  0% {
    transform: translateX(1000px);
  }
  100% {
    transform: translateX(0);
  }
}
@-moz-keyframes innerIn {
  0% {
    transform: translateX(1000px);
  }
  100% {
    transform: translateX(0);
  }
}
@-ms-keyframes innerIn {
  0% {
    transform: translateX(1000px);
  }
  100% {
    transform: translateX(0);
  }
}
@-o-keyframes innerIn {
  0% {
    transform: translateX(1000px);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes innerIn {
  0% {
    transform: translateX(1000px);
  }
  100% {
    transform: translateX(0);
  }
}
@-webkit-keyframes innerIn {
  0% {
    transform: translateX(1000px);
  }
  100% {
    transform: translateX(0);
  }
}
@-moz-keyframes innerIn {
  0% {
    transform: translateX(1000px);
  }
  100% {
    transform: translateX(0);
  }
}
@-ms-keyframes innerIn {
  0% {
    transform: translateX(1000px);
  }
  100% {
    transform: translateX(0);
  }
}
@-o-keyframes innerIn {
  0% {
    transform: translateX(1000px);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes innerIn {
  0% {
    transform: translateX(1000px);
  }
  100% {
    transform: translateX(0);
  }
}
.act_saishi_bg {
  position: absolute;
  left: 52px;
  top: -60px;
  /* 节点名：预合成 13 */
  /* 节点名：预合成 14 */
  /* 节点名：i;装饰底部 */
}
.act_saishi_bg .z_yuhecheng_13_000 {
  position: absolute;
  left: 11px;
  top: 135px;
  height: 454px;
  width: 392px;
  mix-blend-mode: normal;
  animation: sprite_z_yuhecheng_13_000 2s 0s steps(1) infinite normal;
  background: url(https://n.res.netease.com/pc/zt/20200629153243/img/sprite_z_yuhecheng_13_000_45cc5fd2.png);
  background-size: 600% 500%;
}
@keyframes sprite_z_yuhecheng_13_000 {
  0% {
    background-position: 0px 0px;
  }
  3.3% {
    background-position: -392px 0px;
  }
  6.7% {
    background-position: -784px 0px;
  }
  10% {
    background-position: -1176px 0px;
  }
  13.3% {
    background-position: -1568px 0px;
  }
  16.7% {
    background-position: -1960px 0px;
  }
  20% {
    background-position: 0px -454px;
  }
  23.3% {
    background-position: -392px -454px;
  }
  26.7% {
    background-position: -784px -454px;
  }
  30% {
    background-position: -1176px -454px;
  }
  33.3% {
    background-position: -1568px -454px;
  }
  36.7% {
    background-position: -1960px -454px;
  }
  40% {
    background-position: 0px -908px;
  }
  43.3% {
    background-position: -392px -908px;
  }
  46.7% {
    background-position: -784px -908px;
  }
  50% {
    background-position: -1176px -908px;
  }
  53.3% {
    background-position: -1568px -908px;
  }
  56.7% {
    background-position: -1960px -908px;
  }
  60% {
    background-position: 0px -1362px;
  }
  63.3% {
    background-position: -392px -1362px;
  }
  66.7% {
    background-position: -784px -1362px;
  }
  70% {
    background-position: -1176px -1362px;
  }
  73.3% {
    background-position: -1568px -1362px;
  }
  76.7% {
    background-position: -1960px -1362px;
  }
  80% {
    background-position: 0px -1816px;
  }
  83.3% {
    background-position: -392px -1816px;
  }
  86.7% {
    background-position: -784px -1816px;
  }
  90% {
    background-position: -1176px -1816px;
  }
  93.3% {
    background-position: -1568px -1816px;
  }
  96.7% {
    background-position: -1960px -1816px;
  }
  100% {
    background-position: -1960px -1816px;
  }
}
.act_saishi_bg .z_yuhecheng_14_000 {
  position: absolute;
  left: 1503px;
  top: 137px;
  height: 432px;
  width: 226px;
  mix-blend-mode: normal;
  animation: sprite_z_yuhecheng_14_000 2s 0s steps(1) infinite normal;
  background: url(https://n.res.netease.com/pc/zt/20200629153243/img/sprite_z_yuhecheng_14_000_15266156.png);
  background-size: 600% 500%;
}
@keyframes sprite_z_yuhecheng_14_000 {
  0% {
    background-position: 0px 0px;
  }
  3.3% {
    background-position: -226px 0px;
  }
  6.7% {
    background-position: -452px 0px;
  }
  10% {
    background-position: -678px 0px;
  }
  13.3% {
    background-position: -904px 0px;
  }
  16.7% {
    background-position: -1130px 0px;
  }
  20% {
    background-position: 0px -432px;
  }
  23.3% {
    background-position: -226px -432px;
  }
  26.7% {
    background-position: -452px -432px;
  }
  30% {
    background-position: -678px -432px;
  }
  33.3% {
    background-position: -904px -432px;
  }
  36.7% {
    background-position: -1130px -432px;
  }
  40% {
    background-position: 0px -864px;
  }
  43.3% {
    background-position: -226px -864px;
  }
  46.7% {
    background-position: -452px -864px;
  }
  50% {
    background-position: -678px -864px;
  }
  53.3% {
    background-position: -904px -864px;
  }
  56.7% {
    background-position: -1130px -864px;
  }
  60% {
    background-position: 0px -1296px;
  }
  63.3% {
    background-position: -226px -1296px;
  }
  66.7% {
    background-position: -452px -1296px;
  }
  70% {
    background-position: -678px -1296px;
  }
  73.3% {
    background-position: -904px -1296px;
  }
  76.7% {
    background-position: -1130px -1296px;
  }
  80% {
    background-position: 0px -1728px;
  }
  83.3% {
    background-position: -226px -1728px;
  }
  86.7% {
    background-position: -452px -1728px;
  }
  90% {
    background-position: -678px -1728px;
  }
  93.3% {
    background-position: -904px -1728px;
  }
  96.7% {
    background-position: -1130px -1728px;
  }
  100% {
    background-position: -1130px -1728px;
  }
}
.act_saishi_bg .z_i_zhuangshidebu_000 {
  position: absolute;
  left: 0px;
  top: 384px;
  height: 256px;
  width: 442px;
  mix-blend-mode: normal;
  background: url(https://n.res.netease.com/pc/zt/20200629153243/img/z_i_zhuangshidebu_000_b92b3753.png);
  background-size: 100% 100%;
}
.news-video-wrap {
  /* 节点名：剑 合成 1 */
  /* 节点名：飘带 2 */
  /* 节点名：飘带 */
  /* 节点名：剑 合成 2 */
}
.news-video-wrap .z_jian_hecheng_1_000 {
  position: absolute;
  left: 1229px;
  top: 556px;
  height: 96px;
  width: 410px;
  mix-blend-mode: normal;
  animation: sprite_z_jian_hecheng_1_000 2s 0s steps(1) infinite normal;
  background: url(https://n.res.netease.com/pc/zt/20200629153243/img/sprite_z_jian_hecheng_1_000_39815996.png);
  background-size: 600% 500%;
}
.news-video-wrap .z_yuhecheng_16_000 {
  position: absolute;
  left: 1543px;
  top: 84px;
  height: 156px;
  width: 36px;
  mix-blend-mode: normal;
  animation: sprite_z_yuhecheng_16_000 2s 0s steps(1) infinite normal;
  background: url(https://n.res.netease.com/pc/zt/20200629153243/img/sprite_z_yuhecheng_16_000_28e12f63.png);
  background-size: 600% 500%;
}
.news-video-wrap .z_yuhecheng_17_000 {
  position: absolute;
  left: 53px;
  top: 86px;
  height: 156px;
  width: 42px;
  mix-blend-mode: normal;
  animation: sprite_z_yuhecheng_17_000 2s 0s steps(1) infinite normal;
  background: url(https://n.res.netease.com/pc/zt/20200629153243/img/sprite_z_yuhecheng_17_000_4b003cc9.png);
  background-size: 600% 500%;
}
.news-video-wrap .z_jian_hecheng_2_000 {
  position: absolute;
  left: 41px;
  top: 254px;
  height: 356px;
  width: 66px;
  mix-blend-mode: normal;
  animation: sprite_z_jian_hecheng_2_000 2s 0s steps(1) infinite normal;
  background: url(https://n.res.netease.com/pc/zt/20200629153243/img/sprite_z_jian_hecheng_2_000_274560a8.png);
  background-size: 600% 500%;
}
.news-content {
  /* 节点名：剑 合成 1 */
  /* 节点名：剑 合成 2 */
  /* 节点名：飘带 2 */
  /* 节点名：飘带 */
}
.news-content .z_jian_hecheng_1_000 {
  position: absolute;
  left: 1228px;
  top: 1033px;
  height: 96px;
  width: 410px;
  mix-blend-mode: normal;
  animation: sprite_z_jian_hecheng_1_000 2s 0s steps(1) infinite normal;
  background: url(https://n.res.netease.com/pc/zt/20200629153243/img/sprite_z_jian_hecheng_1_000_39815996.png);
  background-size: 600% 500%;
}
.news-content .z_jian_hecheng_2_000 {
  position: absolute;
  left: 41px;
  top: 730px;
  height: 356px;
  width: 66px;
  mix-blend-mode: normal;
  transform-origin: 1049% 45%;
  animation: sprite_z_jian_hecheng_2_000 2s 0s steps(1) infinite normal;
  background: url(https://n.res.netease.com/pc/zt/20200629153243/img/sprite_z_jian_hecheng_2_000_274560a8.png);
  background-size: 600% 500%;
}
.news-content .z_yuhecheng_16_000 {
  position: absolute;
  left: 1544px;
  top: 35px;
  height: 156px;
  width: 36px;
  mix-blend-mode: normal;
  transform-origin: -1819% 197%;
  animation: sprite_z_yuhecheng_16_000 2s 0s steps(1) infinite normal;
  background: url(https://n.res.netease.com/pc/zt/20200629153243/img/sprite_z_yuhecheng_16_000_28e12f63.png);
  background-size: 600% 500%;
}
.news-content .z_yuhecheng_17_000 {
  position: absolute;
  left: 53px;
  top: 35px;
  height: 156px;
  width: 42px;
  mix-blend-mode: normal;
  transform-origin: 1607% 197%;
  animation: sprite_z_yuhecheng_17_000 2s 0s steps(1) infinite normal;
  background: url(https://n.res.netease.com/pc/zt/20200629153243/img/sprite_z_yuhecheng_17_000_4b003cc9.png);
  background-size: 600% 500%;
}
@keyframes sprite_z_jian_hecheng_1_000 {
  0% {
    background-position: 0px 0px;
  }
  3.3% {
    background-position: -410px 0px;
  }
  6.7% {
    background-position: -820px 0px;
  }
  10% {
    background-position: -1230px 0px;
  }
  13.3% {
    background-position: -1640px 0px;
  }
  16.7% {
    background-position: -2050px 0px;
  }
  20% {
    background-position: 0px -96px;
  }
  23.3% {
    background-position: -410px -96px;
  }
  26.7% {
    background-position: -820px -96px;
  }
  30% {
    background-position: -1230px -96px;
  }
  33.3% {
    background-position: -1640px -96px;
  }
  36.7% {
    background-position: -2050px -96px;
  }
  40% {
    background-position: 0px -192px;
  }
  43.3% {
    background-position: -410px -192px;
  }
  46.7% {
    background-position: -820px -192px;
  }
  50% {
    background-position: -1230px -192px;
  }
  53.3% {
    background-position: -1640px -192px;
  }
  56.7% {
    background-position: -2050px -192px;
  }
  60% {
    background-position: 0px -288px;
  }
  63.3% {
    background-position: -410px -288px;
  }
  66.7% {
    background-position: -820px -288px;
  }
  70% {
    background-position: -1230px -288px;
  }
  73.3% {
    background-position: -1640px -288px;
  }
  76.7% {
    background-position: -2050px -288px;
  }
  80% {
    background-position: 0px -384px;
  }
  83.3% {
    background-position: -410px -384px;
  }
  86.7% {
    background-position: -820px -384px;
  }
  90% {
    background-position: -1230px -384px;
  }
  93.3% {
    background-position: -1640px -384px;
  }
  96.7% {
    background-position: -2050px -384px;
  }
  100% {
    background-position: -2050px -384px;
  }
}
@keyframes sprite_z_yuhecheng_16_000 {
  0% {
    background-position: 0px 0px;
  }
  3.3% {
    background-position: -36px 0px;
  }
  6.7% {
    background-position: -72px 0px;
  }
  10% {
    background-position: -108px 0px;
  }
  13.3% {
    background-position: -144px 0px;
  }
  16.7% {
    background-position: -180px 0px;
  }
  20% {
    background-position: 0px -156px;
  }
  23.3% {
    background-position: -36px -156px;
  }
  26.7% {
    background-position: -72px -156px;
  }
  30% {
    background-position: -108px -156px;
  }
  33.3% {
    background-position: -144px -156px;
  }
  36.7% {
    background-position: -180px -156px;
  }
  40% {
    background-position: 0px -312px;
  }
  43.3% {
    background-position: -36px -312px;
  }
  46.7% {
    background-position: -72px -312px;
  }
  50% {
    background-position: -108px -312px;
  }
  53.3% {
    background-position: -144px -312px;
  }
  56.7% {
    background-position: -180px -312px;
  }
  60% {
    background-position: 0px -468px;
  }
  63.3% {
    background-position: -36px -468px;
  }
  66.7% {
    background-position: -72px -468px;
  }
  70% {
    background-position: -108px -468px;
  }
  73.3% {
    background-position: -144px -468px;
  }
  76.7% {
    background-position: -180px -468px;
  }
  80% {
    background-position: 0px -624px;
  }
  83.3% {
    background-position: -36px -624px;
  }
  86.7% {
    background-position: -72px -624px;
  }
  90% {
    background-position: -108px -624px;
  }
  93.3% {
    background-position: -144px -624px;
  }
  96.7% {
    background-position: -180px -624px;
  }
  100% {
    background-position: -180px -624px;
  }
}
@keyframes sprite_z_yuhecheng_17_000 {
  0% {
    background-position: 0px 0px;
  }
  3.3% {
    background-position: -42px 0px;
  }
  6.7% {
    background-position: -84px 0px;
  }
  10% {
    background-position: -126px 0px;
  }
  13.3% {
    background-position: -168px 0px;
  }
  16.7% {
    background-position: -210px 0px;
  }
  20% {
    background-position: 0px -156px;
  }
  23.3% {
    background-position: -42px -156px;
  }
  26.7% {
    background-position: -84px -156px;
  }
  30% {
    background-position: -126px -156px;
  }
  33.3% {
    background-position: -168px -156px;
  }
  36.7% {
    background-position: -210px -156px;
  }
  40% {
    background-position: 0px -312px;
  }
  43.3% {
    background-position: -42px -312px;
  }
  46.7% {
    background-position: -84px -312px;
  }
  50% {
    background-position: -126px -312px;
  }
  53.3% {
    background-position: -168px -312px;
  }
  56.7% {
    background-position: -210px -312px;
  }
  60% {
    background-position: 0px -468px;
  }
  63.3% {
    background-position: -42px -468px;
  }
  66.7% {
    background-position: -84px -468px;
  }
  70% {
    background-position: -126px -468px;
  }
  73.3% {
    background-position: -168px -468px;
  }
  76.7% {
    background-position: -210px -468px;
  }
  80% {
    background-position: 0px -624px;
  }
  83.3% {
    background-position: -42px -624px;
  }
  86.7% {
    background-position: -84px -624px;
  }
  90% {
    background-position: -126px -624px;
  }
  93.3% {
    background-position: -168px -624px;
  }
  96.7% {
    background-position: -210px -624px;
  }
  100% {
    background-position: -210px -624px;
  }
}
@keyframes sprite_z_jian_hecheng_2_000 {
  0% {
    background-position: 0px 0px;
  }
  3.3% {
    background-position: -66px 0px;
  }
  6.7% {
    background-position: -132px 0px;
  }
  10% {
    background-position: -198px 0px;
  }
  13.3% {
    background-position: -264px 0px;
  }
  16.7% {
    background-position: -330px 0px;
  }
  20% {
    background-position: 0px -356px;
  }
  23.3% {
    background-position: -66px -356px;
  }
  26.7% {
    background-position: -132px -356px;
  }
  30% {
    background-position: -198px -356px;
  }
  33.3% {
    background-position: -264px -356px;
  }
  36.7% {
    background-position: -330px -356px;
  }
  40% {
    background-position: 0px -712px;
  }
  43.3% {
    background-position: -66px -712px;
  }
  46.7% {
    background-position: -132px -712px;
  }
  50% {
    background-position: -198px -712px;
  }
  53.3% {
    background-position: -264px -712px;
  }
  56.7% {
    background-position: -330px -712px;
  }
  60% {
    background-position: 0px -1068px;
  }
  63.3% {
    background-position: -66px -1068px;
  }
  66.7% {
    background-position: -132px -1068px;
  }
  70% {
    background-position: -198px -1068px;
  }
  73.3% {
    background-position: -264px -1068px;
  }
  76.7% {
    background-position: -330px -1068px;
  }
  80% {
    background-position: 0px -1424px;
  }
  83.3% {
    background-position: -66px -1424px;
  }
  86.7% {
    background-position: -132px -1424px;
  }
  90% {
    background-position: -198px -1424px;
  }
  93.3% {
    background-position: -264px -1424px;
  }
  96.7% {
    background-position: -330px -1424px;
  }
  100% {
    background-position: -330px -1424px;
  }
}
@font-face {
  font-family: 'fzcysong';
  src: url('https://nie.res.netease.com/comm/js/nie/ref/fonts/fzcysong.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
@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;
}
.noSize {
  font-size: 0;
  text-indent: -9999em;
}
.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+ */
}
.pop_video_bg {
  position: fixed;
  top: 0;
  left: 0;
  background: #000;
  opacity: .75;
  filter: alpha(opacity=75);
  width: 100%;
  z-index: 9999;
  min-width: 1200px;
}
.pop_video {
  position: fixed;
  left: 50%;
  z-index: 10000;
  display: none;
}
.pop_hd {
  background: #94949466;
  width: 725px;
  height: 367px;
}
.pop_hd .pop_hd_content {
  width: 700px;
  height: 350px;
  left: 12px;
  top: 14px;
  position: absolute;
}
.pop_hd .pop_hd_content img {
  display: block;
  width: 700px;
  height: 350px;
}
.close_pv {
  position: absolute;
  right: -48px;
  top: 0;
  width: 48px;
  height: 48px;
  text-indent: -9999em;
  outline: 0;
  background: url(https://n.res.netease.com/pc/zt/20200629153243/img/close-pv_87330efe.jpg) 0 0 no-repeat;
}
.close_pv:hover {
  background-position: -48px 0;
}
html {
  margin: 0 auto;
}
body {
  width: 100%;
  position: relative;
}
body.frozen {
  overflow-y: hidden;
}
#wrap {
  position: relative;
  width: 100%;
  height: auto;
  overflow-x: hidden;
}
#app {
  width: 100%;
}
.index {
  position: relative;
  min-width: 1600px;
  background-repeat: no-repeat;
  background-position: top center;
  overflow-x: hidden;
  background-image: url(https://n.res.netease.com/pc/zt/20200629153243/img/bg_b033bdce.jpg);
  height: 3750px;
  overflow: hidden;
}
.index .activity-wrap {
  margin: 42px auto 120px;
}
.index .activity-wrap .title {
  width: 1420px;
  height: 38px;
  background: url(https://n.res.netease.com/pc/zt/20200629153243/img/ac-title_c78d7e10.png) no-repeat;
  margin: 0 auto 45px;
  position: relative;
}
.index .activity-wrap .btn-more {
  width: 60px;
  height: 18px;
  background: url(https://n.res.netease.com/pc/zt/20200629153243/img/btn-news-1_55789f8e.png) no-repeat;
  display: block;
  position: absolute;
  right: 0px;
  top: 26px;
  cursor: pointer;
}
.index .activity-wrap .btn-more:hover {
  width: 74px;
  height: 22px;
  background: url(https://n.res.netease.com/pc/zt/20200629153243/img/btn-news-2_ec94b874.png) no-repeat;
}
.index .activity-wrap .ac_Swiper {
  width: 1420px;
  height: 330px;
  overflow: visible;
}
.index .activity-wrap .ac_Swiper .swiper-slide {
  width: 221px;
  height: 326px;
  background-size: 100%;
  background-position: center top;
  background-repeat: no-repeat;
  font-size: 0;
}
.index .activity-wrap .ac_Swiper .item {
  width: 221px;
  height: 326px;
  background: url(https://n.res.netease.com/pc/zt/20200629153243/img/activity_bg_a4caeb42.png) no-repeat;
  transition: all 0.3s;
  overflow: hidden;
  font-family: 'fzcysong';
}
.index .activity-wrap .ac_Swiper .item.item1 {
  filter: saturate(180%) contrast(110%);
}
.index .activity-wrap .ac_Swiper .item.item2 {
  width: 221px;
  height: 326px;
  background: url(https://n.res.netease.com/pc/zt/20200629153243/img/activity_bg3_58e583fe.png) no-repeat;
  filter: saturate(40%);
}
.index .activity-wrap .ac_Swiper .item:hover {
  transform: scale(1.05);
}
.index .activity-wrap .ac_Swiper .item a {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.index .activity-wrap .ac_Swiper .item .tit {
  margin: 6px auto 6px;
}
.index .activity-wrap .ac_Swiper .item .tit.tit0 {
  width: 79px;
  height: 36px;
  background: url(https://n.res.netease.com/pc/zt/20200629153243/img/activity_tt1_d1bfb532.png) no-repeat;
}
.index .activity-wrap .ac_Swiper .item .tit.tit1 {
  width: 78px;
  height: 36px;
  background: url(https://n.res.netease.com/pc/zt/20200629153243/img/activity_tt2_663104cd.png) no-repeat;
}
.index .activity-wrap .ac_Swiper .item .tit.tit2 {
  width: 79px;
  height: 36px;
  background: url(https://n.res.netease.com/pc/zt/20200629153243/img/activity_tt3_d65231bb.png) no-repeat;
}
.index .activity-wrap .ac_Swiper .item .icon {
  width: 163px;
  height: 180px;
  margin: 0 auto 0;
}
.index .activity-wrap .ac_Swiper .item .icon img {
  width: 100%;
  height: 100%;
}
.index .activity-wrap .ac_Swiper .item .name {
  width: 156px;
  height: 27px;
  background: url(https://n.res.netease.com/pc/zt/20200629153243/img/activity_name_26f04da7.png) no-repeat;
  margin: -30px auto 0;
  font-size: 16px;
  color: #ffffff;
  line-height: 27px;
  text-align: center;
  position: relative;
}
.index .activity-wrap .ac_Swiper .item .time {
  font-size: 16px;
  color: #ffffff;
  line-height: 20px;
  text-align: center;
  margin: 14px auto 0;
}
.index .news-video-wrap {
  width: 1637px;
  height: 755px;
  left: 50%;
  margin-left: -818px;
  position: relative;
}
.index .news-video-wrap .news-video_bg {
  width: 1637px;
  height: 755px;
  background: url(https://n.res.netease.com/pc/zt/20200629153243/img/bg-news_de8b4694.png) no-repeat;
  background-position: center;
  position: absolute;
  top: 0;
  left: 0;
}
.index .news-video-wrap .video-container {
  position: relative;
}
.index .news-video-wrap .video-container .video-not-support {
  font-size: 20px;
  color: #3c4a68;
  position: absolute;
  top: 122px;
  left: 142px;
  text-align: center;
}
.index .news-video-wrap .video-container .btns {
  position: absolute;
  left: 41px;
  top: 212px;
}
.index .news-video-wrap .video-container .btns .btn {
  cursor: pointer;
  font-size: 16px;
  color: #3c2a13;
  line-height: 46px;
  text-align: center;
  padding-left: 30px;
  box-sizing: border-box;
  width: 95px;
  height: 46px;
  background: url(https://n.res.netease.com/pc/zt/20200629153243/img/sprite-441f2f_441f2f4a.png) no-repeat;background-size:1567px 1304px;
background-position:-208px -1150px;

  font-family: 'fzcysong';
}
.index .news-video-wrap .video-container .btns .btn:hover,
.index .news-video-wrap .video-container .btns .btn.active {
  font-size: 18px;
  color: #261308;
  width: 95px;
  height: 46px;
  background: url(https://n.res.netease.com/pc/zt/20200629153243/img/sprite-441f2f_441f2f4a.png) no-repeat;background-size:1567px 1304px;
background-position:-305px -1150px;

}
.index .news-video-wrap #ccplayer {
  width: 834px;
  height: 469px;
  position: absolute;
  top: 122px;
  left: 143px;
}
.index .news-container {
  position: absolute;
  right: 174px;
  top: 154px;
  font-size: 14px;
  color: #3c4a68;
}
.index .news-container .btn-more {
  width: 60px;
  height: 18px;
  background: url(https://n.res.netease.com/pc/zt/20200629153243/img/btn-news-1_55789f8e.png) no-repeat;
  display: block;
  position: absolute;
  right: -64px;
  top: -122px;
  cursor: pointer;
}
.index .news-container .btn-more:hover {
  width: 74px;
  height: 22px;
  background: url(https://n.res.netease.com/pc/zt/20200629153243/img/btn-news-2_ec94b874.png) no-repeat;
}
.index .news-container .fr {
  float: right;
}
.index .news-container li {
  width: 426px;
  margin: 0 auto;
  position: relative;
  padding: 8px 0;
}
.index .news-container li .link {
  width: 426px;
  display: inline-block;
  vertical-align: middle;
  color: #50382b;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.index .news-container li .link:hover {
  color: #a78c3d;
}
.index .news-container li .link:hover .type:before {
  border-color: #a78c3d;
}
.index .news-container li .link .type {
  padding-left: 14px;
  max-width: 350px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.index .news-container li .link .cnt {
  width: 280px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.index .news-container li span {
  display: inline-block;
  vertical-align: middle;
}
.index .news-container li:nth-child(1) {
  padding: 20px 0;
  margin-bottom: 20px;
}
.index .news-container li:nth-child(1)::after {
  content: '';
  width: 428px;
  height: 2px;
  background: url(https://n.res.netease.com/pc/zt/20200629153243/img/news_line_d0d32b2c.png) no-repeat;
  display: block;
  position: absolute;
  bottom: -8px;
  left: 0;
}
.index .news-container li:nth-child(1):hover h2,
.index .news-container li:nth-child(1):hover .cnt {
  color: #a78c3d;
}
.index .news-container li:nth-child(1) a {
  display: block;
}
.index .news-container li:nth-child(1) img {
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  left: 3px;
  width: 180px;
  height: 100px;
  object-fit: contain;
}
.index .news-container li:nth-child(1) h2 {
  font-size: 20px;
  color: #50382b;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-bottom: 16px;
  font-weight: bold;
}
.index .news-container li:nth-child(1) .cnt {
  color: #50382b;
  overflow: hidden;
  display: -webkit-box;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  word-break: break-all;
  line-height: 22px;
  height: 44px;
}
.index .news-container li .right {
  margin-left: 202px;
}
.index .news-container li .type {
  position: relative;
}
.index .news-container li .type:before {
  content: '';
  display: block;
  width: 6px;
  height: 6px;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  position: absolute;
  left: 2px;
  top: 50%;
  margin-top: -3px;
  border: 1px solid #50382b;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.index .player-club-wrap {
  margin: 60px auto;
  width: 1400px;
  display: flex;
}
.index .player-club-wrap .noData {
  text-align: center;
  margin-top: 80px;
  font-size: 20px;
  color: #fff;
  width: 100%;
}
.index .player-club-wrap .player-wrap {
  width: 944px;
}
.index .player-club-wrap .player-wrap .title {
  width: 932px;
  height: 42px;
  background: url(https://n.res.netease.com/pc/zt/20200629153243/img/player-title_203e1baf.png) no-repeat;
  position: relative;
}
.index .player-club-wrap .player-wrap .title .tab-wrap {
  position: absolute;
  left: 346px;
  top: 10px;
  display: flex;
}
.index .player-club-wrap .player-wrap .title .tab-wrap .tab {
  cursor: pointer;
}
.index .player-club-wrap .player-wrap .title .tab-wrap .tab1 {
  width: 123px;
  height: 37px;
  background: url(https://n.res.netease.com/pc/zt/20200629153243/img/sprite-441f2f_441f2f4a.png) no-repeat;background-size:1567px 1304px;
background-position:-1133px -989px;

  margin-right: 30px;
}
.index .player-club-wrap .player-wrap .title .tab-wrap .tab1:hover,
.index .player-club-wrap .player-wrap .title .tab-wrap .tab1.active {
  width: 123px;
  height: 37px;
  background: url(https://n.res.netease.com/pc/zt/20200629153243/img/sprite-441f2f_441f2f4a.png) no-repeat;background-size:1567px 1304px;
background-position:-1258px -989px;

}
.index .player-club-wrap .player-wrap .title .tab-wrap .tab2 {
  width: 123px;
  height: 37px;
  background: url(https://n.res.netease.com/pc/zt/20200629153243/img/sprite-441f2f_441f2f4a.png) no-repeat;background-size:1567px 1304px;
background-position:-1383px -989px;

}
.index .player-club-wrap .player-wrap .title .tab-wrap .tab2:hover,
.index .player-club-wrap .player-wrap .title .tab-wrap .tab2.active {
  width: 123px;
  height: 37px;
  background: url(https://n.res.netease.com/pc/zt/20200629153243/img/sprite-441f2f_441f2f4a.png) no-repeat;background-size:1567px 1304px;
background-position:-376px -1066px;

}
.index .player-club-wrap .player-wrap .title .btn-more {
  width: 60px;
  height: 18px;
  background: url(https://n.res.netease.com/pc/zt/20200629153243/img/sprite-441f2f_441f2f4a.png) no-repeat;background-size:1567px 1304px;
background-position:-766px -744px;

  display: block;
  position: absolute;
  right: 5px;
  top: 18px;
}
.index .player-club-wrap .player-wrap .title .btn-more:hover {
  width: 74px;
  height: 22px;
  background: url(https://n.res.netease.com/pc/zt/20200629153243/img/sprite-441f2f_441f2f4a.png) no-repeat;background-size:1567px 1304px;
background-position:-773px -1028px;

}
.index .player-club-wrap .player-wrap .player-content {
  display: flex;
  flex-wrap: wrap;
  width: 940px;
  margin: 20px 0 0 2px;
  min-height: 332px;
}
.index .player-club-wrap .player-wrap .player-content .player-item {
  width: 302px;
  height: 156px;
  background: url(https://n.res.netease.com/pc/zt/20200629153243/img/player-bg_693bdbb2.png) no-repeat;
  margin: 5px;
  cursor: pointer;
  display: flex;
  align-items: center;
  transition: transform 0.3s ease-in;
}
.index .player-club-wrap .player-wrap .player-content .player-item:hover {
  transform: scale(1.02);
}
.index .player-club-wrap .player-wrap .player-content .player-item img {
  width: 80px;
  height: 80px;
  border-radius: 40px;
  margin-left: 22px;
  margin-top: -6px;
  margin-right: 20px;
}
.index .player-club-wrap .player-wrap .player-content .player-item .info-wrap {
  width: 174px;
  overflow: hidden;
}
.index .player-club-wrap .player-wrap .player-content .player-item .info-wrap p {
  color: #fff;
  font-size: 14px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-bottom: 3px;
}
.index .player-club-wrap .player-wrap .player-content .player-item .info-wrap p::before {
  width: 5px;
  height: 5px;
  background: url(https://n.res.netease.com/pc/zt/20200629153243/img/news-icon-1_7c360836.png) no-repeat;
  content: ' ';
  display: inline-block;
  vertical-align: middle;
  margin-right: 5px;
}
.index .player-club-wrap .player-wrap .player-content .player-item .info-wrap p label {
  color: #f2efd2;
  font-weight: bold;
  cursor: pointer;
}
.index .player-club-wrap .club-wrap {
  margin-left: 20px;
}
.index .player-club-wrap .club-wrap .title {
  margin-top: 5px;
  width: 452px;
  height: 38px;
  background: url(https://n.res.netease.com/pc/zt/20200629153243/img/club-title_7ecc3d72.png) no-repeat;
  position: relative;
}
.index .player-club-wrap .club-wrap .btn-more {
  width: 60px;
  height: 18px;
  background: url(https://n.res.netease.com/pc/zt/20200629153243/img/sprite-441f2f_441f2f4a.png) no-repeat;background-size:1567px 1304px;
background-position:-766px -744px;

  display: block;
  position: absolute;
  right: 5px;
  top: 14px;
}
.index .player-club-wrap .club-wrap .btn-more:hover {
  width: 74px;
  height: 22px;
  background: url(https://n.res.netease.com/pc/zt/20200629153243/img/sprite-441f2f_441f2f4a.png) no-repeat;background-size:1567px 1304px;
background-position:-773px -1028px;

}
.index .player-club-wrap .club-wrap .club-table {
  width: 100%;
  text-align: center;
  margin-top: 23px;
}
.index .player-club-wrap .club-wrap .club-table thead tr {
  background: #7c85a4;
  color: #ccd6e8;
  font-family: 'fzcysong';
  font-size: 20px;
  letter-spacing: 2px;
}
.index .player-club-wrap .club-wrap .club-table thead tr th {
  font-weight: normal;
  padding: 5px 10px;
}
.index .player-club-wrap .club-wrap .club-table tbody tr {
  border-bottom: 1px solid #7c85a4;
}
.index .player-club-wrap .club-wrap .club-table tbody tr:first-of-type td {
  color: #a78c3d;
}
.index .player-club-wrap .club-wrap .club-table tbody tr:first-of-type td.num::before {
  border: 1px solid #a78c3d;
}
.index .player-club-wrap .club-wrap .club-table tbody tr td {
  padding: 11px 10px;
  font-size: 16px;
  color: #445c90;
}
.index .player-club-wrap .club-wrap .club-table tbody tr td.num {
  position: relative;
  width: 100px;
}
.index .player-club-wrap .club-wrap .club-table tbody tr td.num::before {
  content: ' ';
  width: 21px;
  height: 21px;
  position: absolute;
  border: 1px solid #445c90;
  transform: rotateZ(45deg);
  left: 49px;
}
.index .player-club-wrap .club-wrap .club-table tbody tr td#noData {
  text-align: center;
  font-size: 22px;
  padding-top: 30PX;
}
.index .ac-video-wrap {
  width: 1567px;
  margin: 30px auto;
}
.index .ac-video-wrap .title {
  width: 1420px;
  height: 38px;
  background: url(https://n.res.netease.com/pc/zt/20200629153243/img/video-title_919c5755.png) no-repeat;
  position: relative;
  margin: 0 auto 0;
}
.index .ac-video-wrap .title .btn-more {
  width: 60px;
  height: 18px;
  background: url(https://n.res.netease.com/pc/zt/20200629153243/img/sprite-441f2f_441f2f4a.png) no-repeat;background-size:1567px 1304px;
background-position:-766px -744px;

  display: block;
  position: absolute;
  right: 0px;
  top: 26px;
}
.index .ac-video-wrap .title .btn-more:hover {
  width: 74px;
  height: 22px;
  background: url(https://n.res.netease.com/pc/zt/20200629153243/img/sprite-441f2f_441f2f4a.png) no-repeat;background-size:1567px 1304px;
background-position:-773px -1028px;

}
.index .ac-video-wrap .tab-wrap {
  width: 1433px;
  height: 50px;
  background: url(https://n.res.netease.com/pc/zt/20200629153243/img/sprite-441f2f_441f2f4a.png) no-repeat;background-size:1567px 1304px;
background-position:-0px -577px;

  display: flex;
  justify-content: center;
  margin: 50px auto 25px;
}
.index .ac-video-wrap .tab-wrap .tab {
  cursor: pointer;
}
.index .ac-video-wrap .tab-wrap .tab1 {
  width: 252px;
  height: 75px;
  background: url(https://n.res.netease.com/pc/zt/20200629153243/img/sprite-441f2f_441f2f4a.png) no-repeat;background-size:1567px 1304px;
background-position:-328px -765px;

}
.index .ac-video-wrap .tab-wrap .tab1:hover,
.index .ac-video-wrap .tab-wrap .tab1.active {
  width: 252px;
  height: 75px;
  background: url(https://n.res.netease.com/pc/zt/20200629153243/img/sprite-441f2f_441f2f4a.png) no-repeat;background-size:1567px 1304px;
background-position:-582px -765px;

}
.index .ac-video-wrap .tab-wrap .tab2 {
  width: 252px;
  height: 75px;
  background: url(https://n.res.netease.com/pc/zt/20200629153243/img/sprite-441f2f_441f2f4a.png) no-repeat;background-size:1567px 1304px;
background-position:-836px -765px;

}
.index .ac-video-wrap .tab-wrap .tab2:hover,
.index .ac-video-wrap .tab-wrap .tab2.active {
  width: 252px;
  height: 75px;
  background: url(https://n.res.netease.com/pc/zt/20200629153243/img/sprite-441f2f_441f2f4a.png) no-repeat;background-size:1567px 1304px;
background-position:-1090px -765px;

}
.index .ac-video-wrap .tab-wrap .tab3 {
  width: 252px;
  height: 75px;
  background: url(https://n.res.netease.com/pc/zt/20200629153243/img/sprite-441f2f_441f2f4a.png) no-repeat;background-size:1567px 1304px;
background-position:-328px -842px;

}
.index .ac-video-wrap .tab-wrap .tab3:hover,
.index .ac-video-wrap .tab-wrap .tab3.active {
  width: 252px;
  height: 75px;
  background: url(https://n.res.netease.com/pc/zt/20200629153243/img/sprite-441f2f_441f2f4a.png) no-repeat;background-size:1567px 1304px;
background-position:-582px -842px;

}
.index .ac-video-wrap .tab-wrap .tab4 {
  width: 252px;
  height: 75px;
  background: url(https://n.res.netease.com/pc/zt/20200629153243/img/sprite-441f2f_441f2f4a.png) no-repeat;background-size:1567px 1304px;
background-position:-836px -842px;

}
.index .ac-video-wrap .tab-wrap .tab4:hover,
.index .ac-video-wrap .tab-wrap .tab4.active {
  width: 252px;
  height: 75px;
  background: url(https://n.res.netease.com/pc/zt/20200629153243/img/sprite-441f2f_441f2f4a.png) no-repeat;background-size:1567px 1304px;
background-position:-1090px -842px;

}
.index .ac-video-wrap .tab-wrap .tab5 {
  width: 252px;
  height: 75px;
  background: url(https://n.res.netease.com/pc/zt/20200629153243/img/sprite-441f2f_441f2f4a.png) no-repeat;background-size:1567px 1304px;
background-position:-0px -989px;

}
.index .ac-video-wrap .tab-wrap .tab5:hover,
.index .ac-video-wrap .tab-wrap .tab5.active {
  width: 252px;
  height: 75px;
  background: url(https://n.res.netease.com/pc/zt/20200629153243/img/sprite-441f2f_441f2f4a.png) no-repeat;background-size:1567px 1304px;
background-position:-254px -989px;

}
.index .ac-video-wrap .video-content {
  width: 1567px;
  height: 575px;
  background: url(https://n.res.netease.com/pc/zt/20200629153243/img/sprite-441f2f_441f2f4a.png) no-repeat;background-size:1567px 1304px;
background-position:-0px -0px;

  display: flex;
  flex-wrap: wrap;
  align-content: flex-start;
  padding: 56px 78px 0;
  position: relative;
  box-sizing: border-box;
}
.index .ac-video-wrap .video-content .tips {
  font-size: 28px;
  color: #9d8355;
  line-height: 60px;
  text-align: center;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  box-sizing: border-box;
  width: 350px;
  height: 134px;
  background: url(https://n.res.netease.com/pc/zt/20200629153243/img/sprite-441f2f_441f2f4a.png) no-repeat;background-size:1567px 1304px;
background-position:-352px -629px;

  padding: 40px 0 0 104px;
  font-family: 'fzcysong';
}
.index .ac-video-wrap .video-content .player-item {
  width: 270px;
  height: 238px;
  background: url(https://n.res.netease.com/pc/zt/20200629153243/img/video-li-bg_8c09caa8.png) no-repeat;
  margin: 0 6px 14px 6px;
  position: relative;
  padding: 4px 4px 0;
  box-sizing: border-box;
  cursor: pointer;
  transition: all 0.3s;
}
.index .ac-video-wrap .video-content .player-item:hover {
  width: 270px;
  height: 238px;
  background: url(https://n.res.netease.com/pc/zt/20200629153243/img/video-li-bg2_1d3801c5.png) no-repeat;
}
.index .ac-video-wrap .video-content .player-item:hover .video-play {
  opacity: 1;
}
.index .ac-video-wrap .video-content .player-item:hover .imgBox .cover {
  scale: 1.1;
}
.index .ac-video-wrap .video-content .player-item:hover .video-name,
.index .ac-video-wrap .video-content .player-item:hover .desc {
  color: #fff;
}
.index .ac-video-wrap .video-content .player-item .imgBox {
  width: 100%;
  height: 140px;
  overflow: hidden;
}
.index .ac-video-wrap .video-content .player-item .imgBox .cover {
  width: 100%;
  height: 100%;
  transition: all 0.3s;
}
.index .ac-video-wrap .video-content .player-item .video-play {
  width: 52px;
  height: 52px;
  background: url(https://n.res.netease.com/pc/zt/20200629153243/img/sprite-441f2f_441f2f4a.png) no-repeat;background-size:1567px 1304px;
background-position:-522px -1216px;

  position: absolute;
  left: 50%;
  top: 48px;
  transform: translate(-50%, 0);
  opacity: 0;
  transition: all 0.3s;
}
.index .ac-video-wrap .video-content .player-item .video-name {
  width: 100%;
  color: #2b1a0a;
  padding: 0 8px 0;
  font-family: 'fzcysong';
  box-sizing: border-box;
  overflow: hidden;
  display: -webkit-box;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  word-break: break-all;
  margin: 8px auto 0;
  transition: all 0.3s;
}
.index .ac-video-wrap .video-content .player-item .desc {
  text-align: right;
  font-size: 16px;
  color: #50382b;
  line-height: 24px;
  font-family: 'fzcysong';
  margin-top: 8px;
  transition: all 0.3s;
}
.ban-container {
  position: relative;
  width: 100%;
  height: 700px;
  margin-top: 68px;
}
.ban-container .swiper-button-next {
  display: none;
  width: 102px;
  height: 148px;
  background: url(https://n.res.netease.com/pc/zt/20200629153243/img/sprite-441f2f_441f2f4a.png) no-repeat;background-size:1567px 1304px;
background-position:-0px -1066px;

  left: auto;
  margin-left: 0;
  margin-top: -79px;
}
.ban-container .swiper-button-next.swiper-button-next2 {
  width: 76px;
  height: 88px;
  background: url(https://n.res.netease.com/pc/zt/20200629153243/img/sprite-441f2f_441f2f4a.png) no-repeat;background-size:1567px 1304px;
background-position:-312px -1216px;

  left: 50%;
  right: auto;
  margin: 720px 0 0 664px;
}
.ban-container .swiper-button-next:hover {
  filter: brightness(1.2);
}
.ban-container .swiper-button-prev {
  display: none;
  width: 102px;
  height: 148px;
  background: url(https://n.res.netease.com/pc/zt/20200629153243/img/sprite-441f2f_441f2f4a.png) no-repeat;background-size:1567px 1304px;
background-position:-104px -1066px;

  left: 0;
  margin-left: 0;
  margin-top: -79px;
}
.ban-container .swiper-button-prev.swiper-button-prev2 {
  width: 76px;
  height: 88px;
  background: url(https://n.res.netease.com/pc/zt/20200629153243/img/sprite-441f2f_441f2f4a.png) no-repeat;background-size:1567px 1304px;
background-position:-390px -1216px;

  left: 50%;
  right: auto;
  margin: 720px 0 0 -740px;
}
.ban-container .swiper-button-prev:hover {
  filter: brightness(1.2);
}
.ban-container .swiper-pagination {
  bottom: 10px;
  left: 50%;
  transform: translate(-50%, 0);
}
.ban-container .swiper-pagination.swiper-pagination2 {
  bottom: -578px;
}
.ban-container .swiper-pagination .swiper-pagination-bullet {
  opacity: 1;
  width: 33px;
  height: 30px;
  background: url(https://n.res.netease.com/pc/zt/20200629153243/img/sprite-441f2f_441f2f4a.png) no-repeat;background-size:1567px 1304px;
background-position:-1504px -765px;

  margin: 0 16px 0;
  cursor: pointer;
}
.ban-container .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  width: 33px;
  height: 30px;
  background: url(https://n.res.netease.com/pc/zt/20200629153243/img/sprite-441f2f_441f2f4a.png) no-repeat;background-size:1567px 1304px;
background-position:-1504px -801px;

}
.ban-container .swiper-pagination .swiper-pagination-bullet:focus {
  outline: none;
}
.ban-container .swiper-container-horizontal > .swiper-pagination-bullets,
.ban-container .swiper-pagination-custom,
.ban-container .swiper-pagination-fraction {
  bottom: 141px;
  text-align: right;
}
.ban-container .swp_zz {
  width: 100%;
  height: 72px;
  background: linear-gradient(to bottom, transparent 0%, rgba(25, 15, 7, 0.5) 50%, rgba(25, 15, 7, 0.92) 100%);
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 2;
  pointer-events: none;
}
.ban_Swiper {
  width: 1920px;
  height: 700px;
  position: absolute !important;
  left: 50% !important;
  margin-left: -960px !important;
  top: 0;
}
.ban_Swiper .swiper-slide {
  width: 100%;
  background-size: 100%;
  background-position: center top;
  background-repeat: no-repeat;
}
.ban_Swiper .item {
  width: 100%;
  height: 100%;
}
.ban_Swiper .item a {
  display: block;
  position: relative;
  width: 1920px;
  height: 700px;
}
.ban_Swiper .item img {
  width: 1920px;
  position: absolute;
  left: 50%;
  margin-left: -960px;
  top: 0;
}
#NIE-copyRight {
  color: #fff;
  background: #222;
}
#NIE-copyRight p,
#NIE-copyRight span,
#NIE-copyRight a {
  color: #fff;
}
#test-top {
  position: absolute;
  top: 2px;
  left: 80px;
  z-index: 100;
}
#test-top img {
  display: block;
  width: 146px;
  height: auto;
  object-fit: contain;
}
#test-top #leihuo_top_content {
  display: none;
}
.index-pop-wrap {
  position: fixed;
  left: 0;
  bottom: 0;
  right: 0;
  top: 0;
  width: 100%;
  height: 100%;
  color: #fff;
  z-index: 99;
}
.index-pop-wrap::before {
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #111;
  opacity: 0.7;
  content: " ";
  display: block;
}
.index-pop-wrap .pop-box {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.index-pop-wrap .btn-close {
  position: absolute;
  width: 57px;
  height: 117px;
  background: url(https://n.res.netease.com/pc/zt/20200629153243/img/btn-close-1_56405774.png) no-repeat;
  right: -57px;
  top: 16px;
  cursor: pointer;
}
.index-pop-wrap .btn-close:hover {
  width: 57px;
  height: 117px;
  background: url(https://n.res.netease.com/pc/zt/20200629153243/img/btn-close-2_686c280a.png) no-repeat;
}
.index-pop-wrap .pop-content {
  padding-top: 1px;
  font-size: 16px;
  width: 933px;
  height: 535px;
  background: url(https://n.res.netease.com/pc/zt/20200629153243/img/bg_538ae310.png) no-repeat;
}
.index-pop-wrap .pop-content.content-1 {
  padding: 80px 200px;
  box-sizing: border-box;
}
.index-pop-wrap .pop-content.content-1 #loginWrap {
  padding: 50px 0;
}
.index-pop-wrap .pop-content.content-2 {
  padding: 130px 200px;
  box-sizing: border-box;
}
.index-pop-wrap .pop-content.content-2 #captcha {
  margin-top: 100px;
}
.index-pop-wrap .pop-content.content-2 .role-wrap select {
  width: 100%;
  height: 68px;
  font-size: 16px;
  text-align: center;
  background: none;
  color: #fff;
  position: relative;
  z-index: 2;
  background: #4f5d6f;
  margin-bottom: 30px;
}
.index-pop-wrap .pop-content.content-2 .role-wrap .btns {
  display: flex;
  margin-top: 20px;
}
.index-pop-wrap .pop-content.content-2 .role-wrap .btns .btn-submit {
  width: 251px;
  height: 60px;
  background: url(https://n.res.netease.com/pc/zt/20200629153243/img/btn-1-1_f17a37c8.png) no-repeat;
  margin-right: 30px;
}
.index-pop-wrap .pop-content.content-2 .role-wrap .btns .btn-submit:hover {
  width: 251px;
  height: 60px;
  background: url(https://n.res.netease.com/pc/zt/20200629153243/img/btn-1-2_4d60e451.png) no-repeat;
}
.index-pop-wrap .pop-content.content-2 .role-wrap .btns .btn-cancel {
  width: 251px;
  height: 60px;
  background: url(https://n.res.netease.com/pc/zt/20200629153243/img/btn-2-1_47bdb221.png) no-repeat;
}
.index-pop-wrap .pop-content.content-2 .role-wrap .btns .btn-cancel:hover {
  width: 251px;
  height: 60px;
  background: url(https://n.res.netease.com/pc/zt/20200629153243/img/btn-2-2_3b889682.png) no-repeat;
}
.index-pop-wrap .pop-content.content-3 {
  padding: 180px 200px 0 200px;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.index-pop-wrap .pop-content.content-3 p {
  font-size: 24px;
  color: #f2efd2;
  margin-bottom: 20px;
  width: 445px;
}
.index-pop-wrap .pop-content.content-3 input {
  background: #e5e9f3;
  width: 415px;
  height: 45px;
  appearance: none;
  padding-left: 30px;
  color: #222;
  font-size: 20px;
}
.index-pop-wrap .pop-content.content-3 input::-webkit-outer-spin-button,
.index-pop-wrap .pop-content.content-3 input::-webkit-inner-spin-button {
  -webkit-appearance: none !important;
}
.index-pop-wrap .pop-content.content-3 input[type="number"] {
  -moz-appearance: textfield;
}
.index-pop-wrap .pop-content.content-3 .btn-recommend {
  width: 251px;
  height: 60px;
  background: url(https://n.res.netease.com/pc/zt/20200629153243/img/btn-3-1_f4acf0d5.png) no-repeat;
  cursor: pointer;
  margin: 60px auto 0;
}
.index-pop-wrap .pop-content.content-3 .btn-recommend:hover {
  width: 251px;
  height: 60px;
  background: url(https://n.res.netease.com/pc/zt/20200629153243/img/btn-3-2_02befb76.png) no-repeat;
}
.index-pop-wrap .pop-content.content-5 {
  padding: 180px 200px 0 200px;
  box-sizing: border-box;
}
.index-pop-wrap .pop-content.content-5 p {
  font-size: 24px;
  color: #f2efd2;
  margin-bottom: 20px;
  text-align: center;
}
.index-pop-wrap .pop-content.content-4 {
  padding: 40px 100px 40px 60px;
  box-sizing: border-box;
  display: flex;
}
.index-pop-wrap .pop-content.content-4 .left-box {
  position: relative;
}
.index-pop-wrap .pop-content.content-4 .left-box::before {
  width: 12px;
  height: 223px;
  background: url(https://n.res.netease.com/pc/zt/20200629153243/img/line_517a3e96.png) no-repeat;
  content: '';
  position: absolute;
  top: 185px;
  left: 0;
}
.index-pop-wrap .pop-content.content-4 .left-box .head-wrap {
  width: 176px;
  height: 176px;
  background: url(https://n.res.netease.com/pc/zt/20200629153243/img/head_06851081.png) no-repeat;
  text-align: center;
  margin: 0 auto 2px;
  position: relative;
}
.index-pop-wrap .pop-content.content-4 .left-box .head-wrap img {
  width: 150px;
  height: 150px;
  border-radius: 80px;
  margin-top: 13px;
}
.index-pop-wrap .pop-content.content-4 .left-box .nickname {
  font-size: 24px;
  color: #f2efd2;
  font-weight: bold;
  margin-bottom: 8px;
}
.index-pop-wrap .pop-content.content-4 .left-box p,
.index-pop-wrap .pop-content.content-4 .left-box .honor-box {
  margin-bottom: 6px;
}
.index-pop-wrap .pop-content.content-4 .left-box p label,
.index-pop-wrap .pop-content.content-4 .left-box .honor-box label {
  font-weight: bold;
  color: #f2efd2;
}
.index-pop-wrap .pop-content.content-4 .left-box .honor-box .honor-scroll {
  max-height: 112px;
  width: 200px;
  border: none;
}
.index-pop-wrap .pop-content.content-4 .left-box .honor-box .honor-scroll p::before {
  width: 5px;
  height: 5px;
  background: #fff;
  content: '';
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
  border-radius: 5px;
}
.index-pop-wrap .pop-content.content-4 .left-box .info-box {
  margin-left: 27px;
  width: 208px;
  position: relative;
}
.index-pop-wrap .pop-content.content-4 .left-box .info-box .club {
  white-space: nowrap;
}
.index-pop-wrap .pop-content.content-4 .left-box .nickname-wrap {
  display: flex;
  align-items: center;
}
.index-pop-wrap .pop-content.content-4 .left-box .btn-tag {
  width: 78px;
  height: 21px;
  background: url(https://n.res.netease.com/pc/zt/20200629153243/img/sprite-441f2f_441f2f4a.png) no-repeat;background-size:1567px 1304px;
background-position:-1469px -878px;

  cursor: pointer;
  margin-left: 10px;
  position: relative;
}
.index-pop-wrap .pop-content.content-4 .left-box .btn-tag:hover {
  width: 78px;
  height: 21px;
  background: url(https://n.res.netease.com/pc/zt/20200629153243/img/sprite-441f2f_441f2f4a.png) no-repeat;background-size:1567px 1304px;
background-position:-748px -958px;

}
.index-pop-wrap .pop-content.content-4 .left-box .btn-tag:hover .tag-wrap {
  display: flex;
}
.index-pop-wrap .pop-content.content-4 .left-box .btn-tag .tag-wrap {
  position: absolute;
  width: 336px;
  z-index: 2;
  left: -126px;
  bottom: 65px;
  display: none;
}
.index-pop-wrap .pop-content.content-4 .left-box .btn-tag .tag-wrap .tag-box {
  background: url(https://n.res.netease.com/pc/zt/20200629153243/img/tag-pop-2_3bae684c.png) repeat-y;
  width: 336px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
}
.index-pop-wrap .pop-content.content-4 .left-box .btn-tag .tag-wrap::before {
  width: 336px;
  height: 32px;
  background: url(https://n.res.netease.com/pc/zt/20200629153243/img/tag-pop-1_866809e3.png) no-repeat;
  content: ' ';
  display: block;
  position: absolute;
  top: -31px;
}
.index-pop-wrap .pop-content.content-4 .left-box .btn-tag .tag-wrap::after {
  width: 336px;
  height: 41px;
  background: url(https://n.res.netease.com/pc/zt/20200629153243/img/tag-pop-3_bc6eabd7.png) no-repeat;
  content: ' ';
  display: block;
  position: absolute;
  bottom: -40px;
}
.index-pop-wrap .pop-content.content-4 .left-box .btn-tag .tag-wrap .tag-item {
  line-height: 26px;
  font-size: 13px;
  color: #e9e9e9;
  font-family: 'fzcysong';
  text-align: center;
  font-weight: bold;
  margin: 10px;
}
.index-pop-wrap .pop-content.content-4 .left-box .btn-tag .tag-wrap .tag-item-SSR {
  width: 138px;
  height: 26px;
  background: url(https://n.res.netease.com/pc/zt/20200629153243/img/sprite-441f2f_441f2f4a.png) no-repeat;background-size:1567px 1304px;
background-position:-328px -958px;

}
.index-pop-wrap .pop-content.content-4 .left-box .btn-tag .tag-wrap .tag-item-SR {
  width: 138px;
  height: 26px;
  background: url(https://n.res.netease.com/pc/zt/20200629153243/img/sprite-441f2f_441f2f4a.png) no-repeat;background-size:1567px 1304px;
background-position:-468px -958px;

}
.index-pop-wrap .pop-content.content-4 .left-box .btn-tag .tag-wrap .tag-item-F {
  width: 138px;
  height: 26px;
  background: url(https://n.res.netease.com/pc/zt/20200629153243/img/sprite-441f2f_441f2f4a.png) no-repeat;background-size:1567px 1304px;
background-position:-608px -958px;

}
.index-pop-wrap .pop-content.content-4 .right-box {
  margin-left: 17px;
  margin-top: 17px;
}
.index-pop-wrap .pop-content.content-4 .right-box .video-nodata {
  position: relative;
}
.index-pop-wrap .pop-content.content-4 .right-box .video-nodata .video-box {
  margin-top: 49px;
  width: 552px;
  height: 301px;
  background: url(https://n.res.netease.com/pc/zt/20200629153243/img/no-video_937473df.png) no-repeat;
}
.index-pop-wrap .pop-content.content-4 .right-box .video-nodata .btn-user {
  width: 117px;
  height: 20px;
  background: url(https://n.res.netease.com/pc/zt/20200629153243/img/btn-upload-1_87588198.png) no-repeat;
  cursor: pointer;
  position: absolute;
  right: 0;
  bottom: -40px;
}
.index-pop-wrap .pop-content.content-4 .right-box .video-nodata .btn-user:hover {
  width: 117px;
  height: 20px;
  background: url(https://n.res.netease.com/pc/zt/20200629153243/img/btn-upload-2_f1539bd7.png) no-repeat;
}
.index-pop-wrap .pop-content.content-4 .right-box .video-wrap .big-video-wrap {
  width: 545px;
  height: 295px;
  position: relative;
  margin-bottom: 20px;
}
.index-pop-wrap .pop-content.content-4 .right-box .video-wrap .big-video-wrap .btn-video-play {
  width: 82px;
  height: 82px;
  background: url(https://n.res.netease.com/pc/zt/20200629153243/img/sprite-441f2f_441f2f4a.png) no-repeat;background-size:1567px 1304px;
background-position:-208px -1066px;

  cursor: pointer;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.index-pop-wrap .pop-content.content-4 .right-box .video-wrap .big-video-wrap .btn-video-play:hover {
  width: 82px;
  height: 82px;
  background: url(https://n.res.netease.com/pc/zt/20200629153243/img/sprite-441f2f_441f2f4a.png) no-repeat;background-size:1567px 1304px;
background-position:-292px -1066px;

}
.index-pop-wrap .pop-content.content-4 .right-box .video-wrap .ac_Swiper {
  width: 545px;
  height: 140px;
}
.index-pop-wrap .pop-content.content-4 .right-box .video-wrap .ac_Swiper .item {
  width: 180px;
  height: 100px;
  cursor: pointer;
}
.index-pop-wrap .pop-content.content-4 .right-box .video-wrap .ac_Swiper .swiper-pagination .swiper-pagination-bullet-active {
  background: #d5ccaa !important;
  width: 30px;
  height: 10px;
  border-radius: 5px;
  border: none !important;
}
.index-pop-wrap .pop-content.content-4 .right-box .video-wrap .ac_Swiper .swiper-pagination .swiper-pagination-bullet {
  border: 3px solid #fff;
  background: none;
  opacity: 1;
  vertical-align: middle;
}
.inner {
  position: relative;
  min-width: 1600px;
  height: 2100px;
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-position: bottom center;
  background-image: url(https://n.res.netease.com/pc/zt/20200629153243/img/bg_b6ffe500.jpg);
  overflow: hidden;
  padding-top: 150px;
  box-sizing: border-box;
}
.inner .noData {
  text-align: center;
  margin-top: 30px;
  font-size: 20px;
  color: #fff;
  width: 100%;
  line-height: 160px;
}
.inner.news {
  height: 1500px;
  padding-top: 132px;
}
.inner.news .news-content {
  width: 1637px;
  height: 1232px;
  box-sizing: border-box;
  padding: 138px 238px 0;
  position: relative;
  left: 50%;
  margin-left: -818px;
}
.inner.news .news-content .news-content_bg {
  width: 1637px;
  height: 1232px;
  background: url(https://n.res.netease.com/pc/zt/20200629153243/img/bg_8b8d9eef.png) no-repeat;
  position: absolute;
  top: 0;
  left: 0;
}
.inner.news .news-content .news-item {
  position: relative;
  margin-bottom: 14px;
  cursor: pointer;
  display: block;
  background: url(https://n.res.netease.com/pc/zt/20200629153243/img/line_74e80787.png) bottom no-repeat;
  background-size: 100% auto;
  padding-bottom: 8px;
}
.inner.news .news-content .news-item:nth-child(11) {
  background: none;
}
.inner.news .news-content .news-item:hover p {
  color: #bf953d;
}
.inner.news .news-content .news-item p {
  font-size: 18px;
  color: #7f4d20;
}
.inner.news .news-content .news-item .tit {
  font-family: 'fzcysong';
}
.inner.news .news-content .news-item .desc,
.inner.news .news-content .news-item .time {
  font-size: 16px;
  color: #50382b;
  line-height: 24px;
}
.inner.news .news-content .news-item .desc {
  height: 48px;
  overflow: hidden;
  display: -webkit-box;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  word-break: break-all;
  margin-top: 8px;
}
.inner.news .news-content .news-item .time {
  text-align: right;
}
.inner.news .news-content #paging {
  width: 100%;
  position: absolute;
  bottom: 40px;
  left: 0;
  margin: 0;
}
.inner.video {
  height: 1600px;
  position: relative;
  box-sizing: border-box;
  padding: 138px 260px;
}
.inner.video .video-content {
  width: 1420px;
  display: flex;
  flex-wrap: wrap;
  margin-top: 40px;
}
.inner.video .video-content .player-item {
  width: 270px;
  height: 238px;
  background: url(https://n.res.netease.com/pc/zt/20200629153243/img/video-li-bg_8c09caa8.png) no-repeat;
  margin: 0 6px 14px 6px;
  position: relative;
  padding: 4px 4px 0;
  box-sizing: border-box;
  cursor: pointer;
  transition: all 0.3s;
}
.inner.video .video-content .player-item:hover {
  width: 270px;
  height: 238px;
  background: url(https://n.res.netease.com/pc/zt/20200629153243/img/video-li-bg2_1d3801c5.png) no-repeat;
}
.inner.video .video-content .player-item:hover .video-play {
  opacity: 1;
}
.inner.video .video-content .player-item:hover .imgBox .cover {
  scale: 1.1;
}
.inner.video .video-content .player-item:hover .video-name,
.inner.video .video-content .player-item:hover .desc {
  color: #fff;
}
.inner.video .video-content .player-item .imgBox {
  width: 100%;
  height: 140px;
  overflow: hidden;
}
.inner.video .video-content .player-item .imgBox .cover {
  width: 100%;
  height: 100%;
  transition: all 0.3s;
}
.inner.video .video-content .player-item .video-play {
  width: 52px;
  height: 52px;
  background: url(https://n.res.netease.com/pc/zt/20200629153243/img/sprite-441f2f_441f2f4a.png) no-repeat;background-size:1567px 1304px;
background-position:-522px -1216px;

  position: absolute;
  left: 50%;
  top: 48px;
  transform: translate(-50%, 0);
  opacity: 0;
  transition: all 0.3s;
}
.inner.video .video-content .player-item .video-name {
  width: 100%;
  color: #2b1a0a;
  padding: 0 8px 0;
  font-family: 'fzcysong';
  box-sizing: border-box;
  overflow: hidden;
  display: -webkit-box;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  word-break: break-all;
  font-size: 16px;
  height: 44px;
  line-height: 22px;
  margin: 8px auto 0;
  transition: all 0.3s;
}
.inner.video .video-content .player-item .desc {
  box-sizing: border-box;
  padding: 0 8px 0;
  width: 100%;
  text-align: right;
  font-family: 'fzcysong';
  color: #2b1a0a;
  font-size: 16px;
  margin-top: 14px;
  transition: all 0.3s;
}
.inner.video .noData {
  font-size: 28px;
  color: #fff4cc;
  line-height: 60px;
  text-align: center;
  box-sizing: border-box;
  width: 350px;
  height: 134px;
  background: url(https://n.res.netease.com/pc/zt/20200629153243/img/sprite-441f2f_441f2f4a.png) no-repeat;background-size:1567px 1304px;
background-position:-352px -629px;

  padding: 40px 0 0 104px;
  font-family: 'fzcysong';
  margin: 80px auto;
}
.inner.club {
  margin-top: 100px;
  position: relative;
  left: 50%;
  margin-left: -960px;
  box-sizing: border-box;
  padding: 180px 310px;
}
.inner.club .club-content {
  position: relative;
  padding-top: 1px;
}
.inner.club .club-nostalgic {
  cursor: pointer;
  position: absolute;
  right: -140px;
  top: 260px;
  width: 54px;
  height: 238px;
  background: url(https://n.res.netease.com/pc/zt/20200629153243/img/1-club_67641cd0.png);
}
.inner.club .club-nostalgic:hover {
  background: url(https://n.res.netease.com/pc/zt/20200629153243/img/1-club-h_75d2aed1.png);
}
.inner.club .club-routine {
  cursor: pointer;
  position: absolute;
  right: -140px;
  top: 260px;
  width: 54px;
  height: 238px;
  background: url(https://n.res.netease.com/pc/zt/20200629153243/img/2-club_c4b0afe0.png);
}
.inner.club .club-routine:hover {
  background: url(https://n.res.netease.com/pc/zt/20200629153243/img/2-club-h_e273541c.png);
}
.inner.club .input-wrap {
  display: table;
  position: absolute;
  right: 0;
}
.inner.club .input-wrap .btn-search {
  position: absolute;
  right: 0;
  top: 0;
  width: 70px;
  height: 31px;
  cursor: pointer;
}
.inner.club .search-input {
  width: 241px;
  height: 31px;
  background: url(https://n.res.netease.com/pc/zt/20200629153243/img/search_d82ab47b.png) no-repeat;
  padding: 0px 70px 0 18px;
  color: #8f96a5;
  box-sizing: border-box;
  font-size: 16px;
}
.inner.club .club-wrap {
  display: flex;
  flex-wrap: wrap;
  margin-top: 100px;
}
.inner.club .club-wrap .club-item {
  margin-right: 115px;
  margin-top: 60px;
  width: 238px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.inner.club .club-wrap .club-item:nth-of-type(4n) {
  margin-right: 0;
}
.inner.club .club-wrap .club-item .club-head {
  width: 176px;
  height: 176px;
  background: url(https://n.res.netease.com/pc/zt/20200629153243/img/head_06851081.png) no-repeat;
  text-align: center;
}
.inner.club .club-wrap .club-item .club-head img {
  width: 158px;
  height: 158px;
  border-radius: 80px;
  margin-top: 9px;
}
.inner.club .club-wrap .club-item .club-name {
  text-align: center;
  font-size: 24px;
  color: #455073;
  margin-top: 5px;
  white-space: nowrap;
}
.inner.club .club-wrap .club-item .club-name::before {
  width: 43px;
  height: 12px;
  background: url(https://n.res.netease.com/pc/zt/20200629153243/img/icon-1_176825b4.png) no-repeat;
  content: '';
  display: inline-block;
  margin-right: 15px;
  vertical-align: middle;
  margin-top: -2px;
}
.inner.club .club-wrap .club-item .club-name::after {
  width: 43px;
  height: 12px;
  background: url(https://n.res.netease.com/pc/zt/20200629153243/img/icon-2_e74d77be.png) no-repeat;
  content: '';
  display: inline-block;
  margin-left: 15px;
  vertical-align: middle;
  margin-top: -2px;
}
.inner.club .club-wrap .club-item .club-info {
  text-align: center;
  font-size: 16px;
  color: #455073;
  margin-top: 5px;
}
.inner.club-detail .detail-content {
  width: 1606px;
  height: 1643px;
  background: url(https://n.res.netease.com/pc/zt/20200629153243/img/bg_2ecb320f.png) no-repeat;
  margin-top: 60px;
  box-sizing: border-box;
  padding: 180px 180px;
  position: relative;
  left: 50%;
  margin-left: -803px;
  color: #455073;
}
.inner.club-detail .detail-content .main-info {
  display: flex;
  align-items: center;
}
.inner.club-detail .detail-content .main-info .club-head {
  width: 176px;
  height: 176px;
  background: url(https://n.res.netease.com/pc/zt/20200629153243/img/head_06851081.png) no-repeat;
  text-align: center;
}
.inner.club-detail .detail-content .main-info .club-head img {
  width: 158px;
  height: 158px;
  border-radius: 80px;
  margin-top: 9px;
}
.inner.club-detail .detail-content .main-info .left-info {
  margin-top: 70px;
  margin-left: 30px;
  width: 800px;
}
.inner.club-detail .detail-content .main-info .left-info .club-name {
  font-size: 24px;
  margin-bottom: 10px;
}
.inner.club-detail .detail-content .main-info .left-info .desc {
  width: 600px;
}
.inner.club-detail .detail-content .main-info .left-info .club-desc {
  font-size: 16px;
}
.inner.club-detail .detail-content .main-info .right-info {
  margin-top: 30px;
}
.inner.club-detail .detail-content .main-info .right-info p {
  font-size: 24px;
  text-align: center;
  white-space: nowrap;
}
.inner.club-detail .detail-content .main-info .right-info p label {
  color: #a78c3d;
}
.inner.club-detail .detail-content .club-info {
  margin-top: 60px;
}
.inner.club-detail .detail-content .club-info .title {
  width: 1257px;
  height: 23px;
  background: url(https://n.res.netease.com/pc/zt/20200629153243/img/title1_3a9eaad4.png) no-repeat;
  margin-bottom: 30px;
}
.inner.club-detail .detail-content .club-info .boss-info {
  display: flex;
  padding-left: 130px;
}
.inner.club-detail .detail-content .club-info .boss-info p {
  margin-right: 50px;
  font-size: 16px;
}
.inner.club-detail .detail-content .player-info {
  margin-top: 60px;
  position: relative;
}
.inner.club-detail .detail-content .player-info .title {
  width: 1256px;
  height: 23px;
  background: url(https://n.res.netease.com/pc/zt/20200629153243/img/title2_20c491db.png) no-repeat;
  margin-bottom: 70px;
  position: relative;
}
.inner.club-detail .detail-content .player-info .title .tab-wrap {
  position: absolute;
  right: 0;
  top: -20px;
  display: flex;
}
.inner.club-detail .detail-content .player-info .title .tab-wrap .tab {
  cursor: pointer;
}
.inner.club-detail .detail-content .player-info .title .tab-wrap .tab1 {
  width: 123px;
  height: 37px;
  background: url(https://n.res.netease.com/pc/zt/20200629153243/img/sprite-441f2f_441f2f4a.png) no-repeat;background-size:1567px 1304px;
background-position:-1133px -989px;

  margin-right: 30px;
}
.inner.club-detail .detail-content .player-info .title .tab-wrap .tab1:hover,
.inner.club-detail .detail-content .player-info .title .tab-wrap .tab1.active {
  width: 123px;
  height: 37px;
  background: url(https://n.res.netease.com/pc/zt/20200629153243/img/sprite-441f2f_441f2f4a.png) no-repeat;background-size:1567px 1304px;
background-position:-1258px -989px;

}
.inner.club-detail .detail-content .player-info .title .tab-wrap .tab2 {
  width: 123px;
  height: 37px;
  background: url(https://n.res.netease.com/pc/zt/20200629153243/img/sprite-441f2f_441f2f4a.png) no-repeat;background-size:1567px 1304px;
background-position:-1383px -989px;

  margin-right: 10px;
}
.inner.club-detail .detail-content .player-info .title .tab-wrap .tab2:hover,
.inner.club-detail .detail-content .player-info .title .tab-wrap .tab2.active {
  width: 123px;
  height: 37px;
  background: url(https://n.res.netease.com/pc/zt/20200629153243/img/sprite-441f2f_441f2f4a.png) no-repeat;background-size:1567px 1304px;
background-position:-376px -1066px;

}
.inner.club-detail .detail-content .player-info .ac_Swiper {
  width: 1030px;
  margin: 0px auto;
}
.inner.club-detail .detail-content .player-info .item {
  width: 302px;
  height: 156px;
  background: url(https://n.res.netease.com/pc/zt/20200629153243/img/player_632d637f.png) no-repeat;
  position: relative;
  cursor: pointer;
}
.inner.club-detail .detail-content .player-info .item img {
  width: 87px;
  height: 87px;
  border-radius: 44px;
  position: absolute;
  left: 18px;
  top: 32px;
}
.inner.club-detail .detail-content .player-info .item .info-wrap {
  width: 174px;
  overflow: hidden;
  position: absolute;
  left: 125px;
  top: 51px;
}
.inner.club-detail .detail-content .player-info .item .info-wrap p {
  color: #fff;
  font-size: 14px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-bottom: 3px;
}
.inner.club-detail .detail-content .player-info .item .info-wrap p::before {
  width: 5px;
  height: 5px;
  background: url(https://n.res.netease.com/pc/zt/20200629153243/img/news-icon-1_7c360836.png) no-repeat;
  content: ' ';
  display: inline-block;
  vertical-align: middle;
  margin-right: 5px;
}
.inner.club-detail .detail-content .player-info .item .info-wrap p label {
  color: #f2efd2;
  font-weight: bold;
  cursor: pointer;
}
.inner.club-detail .detail-content .player-info .swiper-button-prev {
  width: 63px;
  height: 63px;
  background: url(https://n.res.netease.com/pc/zt/20200629153243/img/btn-prev-1_4b86c236.png) no-repeat;
  margin-top: 10px;
}
.inner.club-detail .detail-content .player-info .swiper-button-prev:hover {
  width: 63px;
  height: 63px;
  background: url(https://n.res.netease.com/pc/zt/20200629153243/img/btn-prev-2_c43aacc5.png) no-repeat;
}
.inner.club-detail .detail-content .player-info .swiper-button-prev.swiper-button-disabled {
  opacity: 1;
}
.inner.club-detail .detail-content .player-info .swiper-button-next {
  width: 63px;
  height: 63px;
  background: url(https://n.res.netease.com/pc/zt/20200629153243/img/btn-next-1_ad52ab0e.png) no-repeat;
  margin-top: 10px;
}
.inner.club-detail .detail-content .player-info .swiper-button-next:hover {
  width: 63px;
  height: 63px;
  background: url(https://n.res.netease.com/pc/zt/20200629153243/img/btn-next-2_7e09fe6d.png) no-repeat;
}
.inner.club-detail .detail-content .player-info .swiper-button-next.swiper-button-disabled {
  opacity: 1;
}
.inner.club-detail .detail-content .data-info {
  margin-top: 60px;
  position: relative;
}
.inner.club-detail .detail-content .data-info .title {
  width: 1257px;
  height: 23px;
  background: url(https://n.res.netease.com/pc/zt/20200629153243/img/title4_9b4d2562.png) no-repeat;
  margin-bottom: 40px;
  position: relative;
}
.inner.club-detail .detail-content .data-info .title .tab-wrap {
  position: absolute;
  right: 0;
  top: -20px;
  display: flex;
}
.inner.club-detail .detail-content .data-info .title .tab-wrap .tab {
  cursor: pointer;
}
.inner.club-detail .detail-content .data-info .title .tab-wrap .tab1 {
  width: 123px;
  height: 37px;
  background: url(https://n.res.netease.com/pc/zt/20200629153243/img/sprite-441f2f_441f2f4a.png) no-repeat;background-size:1567px 1304px;
background-position:-1078px -919px;

  margin-right: 30px;
}
.inner.club-detail .detail-content .data-info .title .tab-wrap .tab1:hover,
.inner.club-detail .detail-content .data-info .title .tab-wrap .tab1.active {
  width: 123px;
  height: 37px;
  background: url(https://n.res.netease.com/pc/zt/20200629153243/img/sprite-441f2f_441f2f4a.png) no-repeat;background-size:1567px 1304px;
background-position:-1203px -919px;

}
.inner.club-detail .detail-content .data-info .title .tab-wrap .tab2 {
  width: 123px;
  height: 37px;
  background: url(https://n.res.netease.com/pc/zt/20200629153243/img/sprite-441f2f_441f2f4a.png) no-repeat;background-size:1567px 1304px;
background-position:-1328px -919px;

  margin-right: 10px;
}
.inner.club-detail .detail-content .data-info .title .tab-wrap .tab2:hover,
.inner.club-detail .detail-content .data-info .title .tab-wrap .tab2.active {
  width: 123px;
  height: 37px;
  background: url(https://n.res.netease.com/pc/zt/20200629153243/img/sprite-441f2f_441f2f4a.png) no-repeat;background-size:1567px 1304px;
background-position:-508px -989px;

}
.inner.club-detail .detail-content .data-info .block-1 .t1 {
  width: 131px;
  height: 22px;
  background: url(https://n.res.netease.com/pc/zt/20200629153243/img/icon_a434f5b9.png) no-repeat;
  margin-left: 10px;
  margin-bottom: 20px;
}
.inner.club-detail .detail-content .data-info .block-1 .info {
  display: flex;
  margin-left: 45px;
  margin-bottom: 25px;
}
.inner.club-detail .detail-content .data-info .block-1 .info p {
  font-size: 24px;
  font-weight: bold;
  margin-right: 60px;
}
.inner.club-detail .detail-content .data-info .block-1 .info p label {
  color: #a78c3d;
}
.inner.club-detail .detail-content .data-info .block-2 .t2 {
  width: 218px;
  height: 50px;
  background: url(https://n.res.netease.com/pc/zt/20200629153243/img/t1_325779ed.png) no-repeat;
  margin: 20px auto 50px;
}
.inner.club-detail .detail-content .data-info .block-2 .info {
  display: flex;
  justify-content: space-between;
}
.inner.club-detail .detail-content .data-info .block-2 .info .data-item {
  width: 123px;
  height: 106px;
  background: url(https://n.res.netease.com/pc/zt/20200629153243/img/data-bg_cdc7015a.png) no-repeat;
}
.inner.club-detail .detail-content .data-info .block-2 .info .data-item p {
  font-size: 14px;
  text-align: center;
  line-height: 65px;
  color: #fff;
}
.inner.club-detail .detail-content .data-info .block-2 .info .data-item p:first-of-type {
  font-weight: bold;
  color: #f3efcb;
  line-height: 39px;
}
.inner.player {
  margin-top: 100px;
  position: relative;
  left: 50%;
  margin-left: -960px;
  box-sizing: border-box;
  padding: 180px 310px;
}
.inner.player .select-wrap {
  display: flex;
  justify-content: space-between;
  position: relative;
  width: 1360px;
}
.inner.player .select-wrap .tab-wrap {
  display: flex;
}
.inner.player .select-wrap .tab-wrap .tab {
  cursor: pointer;
}
.inner.player .select-wrap .tab-wrap .tab1 {
  width: 123px;
  height: 37px;
  background: url(https://n.res.netease.com/pc/zt/20200629153243/img/sprite-441f2f_441f2f4a.png) no-repeat;background-size:1567px 1304px;
background-position:-1133px -989px;

  margin-right: 30px;
}
.inner.player .select-wrap .tab-wrap .tab1:hover,
.inner.player .select-wrap .tab-wrap .tab1.active {
  width: 123px;
  height: 37px;
  background: url(https://n.res.netease.com/pc/zt/20200629153243/img/sprite-441f2f_441f2f4a.png) no-repeat;background-size:1567px 1304px;
background-position:-1258px -989px;

}
.inner.player .select-wrap .tab-wrap .tab2 {
  width: 123px;
  height: 37px;
  background: url(https://n.res.netease.com/pc/zt/20200629153243/img/sprite-441f2f_441f2f4a.png) no-repeat;background-size:1567px 1304px;
background-position:-1383px -989px;

}
.inner.player .select-wrap .tab-wrap .tab2:hover,
.inner.player .select-wrap .tab-wrap .tab2.active {
  width: 123px;
  height: 37px;
  background: url(https://n.res.netease.com/pc/zt/20200629153243/img/sprite-441f2f_441f2f4a.png) no-repeat;background-size:1567px 1304px;
background-position:-376px -1066px;

}
.inner.player .select-wrap .input-wrap {
  display: table;
}
.inner.player .select-wrap .input-wrap .search-input {
  width: 241px;
  height: 31px;
  background: url(https://n.res.netease.com/pc/zt/20200629153243/img/search_d82ab47b.png) no-repeat;
  padding: 0px 70px 0 18px;
  color: #8f96a5;
  box-sizing: border-box;
  font-size: 16px;
}
.inner.player .select-wrap .input-wrap .btn-search {
  position: absolute;
  right: 0;
  top: 0;
  width: 70px;
  height: 31px;
  cursor: pointer;
}
.inner.player .item-content {
  width: 1420px;
  margin: 40px auto;
  display: flex;
  flex-wrap: wrap;
}
.inner.player .item-content .item {
  width: 458px;
  height: 238px;
  background: url(https://n.res.netease.com/pc/zt/20200629153243/img/player_6187163b.png) no-repeat;
  position: relative;
  margin-right: 15px;
  margin-bottom: 18px;
  cursor: pointer;
  transition: transform 0.3s ease-in;
}
.inner.player .item-content .item:hover {
  transform: scale(1.02);
}
.inner.player .item-content .item:nth-of-type(3n) {
  margin-right: 0;
}
.inner.player .item-content .item img {
  width: 130px;
  height: 130px;
  border-radius: 65px;
  position: absolute;
  left: 29px;
  top: 49px;
}
.inner.player .item-content .item .info-wrap {
  width: 245px;
  overflow: hidden;
  position: absolute;
  left: 194px;
  top: 68px;
}
.inner.player .item-content .item .info-wrap p {
  color: #fff;
  font-size: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-bottom: 3px;
}
.inner.player .item-content .item .info-wrap p::before {
  width: 5px;
  height: 5px;
  background: url(https://n.res.netease.com/pc/zt/20200629153243/img/news-icon-1_7c360836.png) no-repeat;
  content: ' ';
  display: inline-block;
  vertical-align: middle;
  margin-right: 5px;
}
.inner.player .item-content .item .info-wrap p label {
  color: #f2efd2;
  font-weight: bold;
}
.select .el-input__inner {
  width: 242px;
  height: 32px;
  background: url(https://n.res.netease.com/pc/zt/20200629153243/img/select-bg_cb3d82f2.png) no-repeat;
  margin-right: 12px;
  font-size: 16px;
  color: #fff4cc;
  padding: 0 72px 0 22px;
  border: none;
  line-height: 31px;
}
.select .el-input__suffix-inner {
  display: none;
}
.el-select-dropdown {
  background: #4a3f29 !important;
  border: 1px solid #685a40;
}
.el-select-dropdown .option {
  font-size: 18px;
  color: #fff4cc;
}
.el-select-dropdown .option:hover,
.el-select-dropdown .option.hover,
.el-select-dropdown .option:checked {
  background: #685a40 !important;
}
.el-select-dropdown .option:focus {
  outline: none;
}
.popper__arrow {
  border-bottom-color: #685a40 !important;
}
.popper__arrow:after {
  content: '';
  border-bottom-color: #685a40 !important;
}
#paging {
  text-align: center;
  margin-top: 30px;
  margin-bottom: 90px;
}
#paging .btn-prev,
#paging .btn-next {
  background: none;
  border: none;
  color: #fff4cc;
}
#paging .el-pager li {
  background: none;
  border: none;
  color: #fff4cc;
  min-width: 26px;
  margin: 0 2px 0;
}
#paging .el-pager li.active {
  color: #ec8a32;
}
#paging .el-pagination__jump {
  color: #fff4cc;
}
#paging .el-pagination__jump .el-input input {
  background: #34210f;
  border: 1px solid #fff4cc;
  color: #fff4cc;
}
#paging li {
  vertical-align: middle;
}
.auth {
  margin-top: 100px;
  position: relative;
  left: 50%;
  margin-left: -960px;
  box-sizing: border-box;
  padding: 180px 220px;
  color: #fff;
  font-size: 16px;
}
.auth .content-wrap {
  display: flex;
  margin-top: 110px;
  justify-content: center;
}
.auth .content-wrap .content {
  width: 620px;
  height: 545px;
  background: url(https://n.res.netease.com/pc/zt/20200629153243/img/c-bg_28a5cf6e.png) no-repeat;
  margin: 0 50px;
  padding: 0 90px 0 70px;
}
.auth .content-wrap .content .title {
  margin: -62px auto 100px;
}
.auth .content-wrap .content .title-1 {
  width: 276px;
  height: 37px;
  background: url(https://n.res.netease.com/pc/zt/20200629153243/img/title1_c0248820.png) no-repeat;
}
.auth .content-wrap .content .title-2 {
  width: 276px;
  height: 37px;
  background: url(https://n.res.netease.com/pc/zt/20200629153243/img/title2_ead70a8a.png) no-repeat;
}
.auth .content-wrap .content .info {
  display: flex;
  margin-bottom: 40px;
}
.auth .content-wrap .content .info label {
  margin-right: 10px;
}
.auth .content-wrap .content .btn {
  margin: 30px auto 0;
  cursor: pointer;
}
.auth .content-wrap .content .btn.btn-disable {
  width: 251px;
  height: 60px;
  background: url(https://n.res.netease.com/pc/zt/20200629153243/img/btn-2_4d4766e3.png) no-repeat;
  cursor: default;
}
.auth .content-wrap .content .btn.btn-dis {
  width: 251px;
  height: 60px;
  background: url(https://n.res.netease.com/pc/zt/20200629153243/img/btn-4_e92d4417.png) no-repeat;
  cursor: default;
}
.auth .content-wrap .content .btn.btn-auth {
  width: 251px;
  height: 60px;
  background: url(https://n.res.netease.com/pc/zt/20200629153243/img/btn-1-1_e066e73b.png) no-repeat;
}
.auth .content-wrap .content .btn.btn-auth:hover {
  width: 251px;
  height: 60px;
  background: url(https://n.res.netease.com/pc/zt/20200629153243/img/btn-1-2_b69cd433.png) no-repeat;
}
.auth .content-wrap .content .btn.btn-bind {
  width: 251px;
  height: 60px;
  background: url(https://n.res.netease.com/pc/zt/20200629153243/img/btn-6-1_8f772726.png) no-repeat;
}
.auth .content-wrap .content .btn.btn-bind:hover {
  width: 251px;
  height: 60px;
  background: url(https://n.res.netease.com/pc/zt/20200629153243/img/btn-6-2_7b6af7ed.png) no-repeat;
}
.auth .content-wrap .content .btn.btn-info {
  width: 251px;
  height: 60px;
  background: url(https://n.res.netease.com/pc/zt/20200629153243/img/btn-5-1_cebe50c8.png) no-repeat;
}
.auth .content-wrap .content .btn.btn-info:hover {
  width: 251px;
  height: 60px;
  background: url(https://n.res.netease.com/pc/zt/20200629153243/img/btn-5-2_929b0fec.png) no-repeat;
}
.auth .content-wrap .content .btn.btn-into {
  width: 251px;
  height: 60px;
  background: url(https://n.res.netease.com/pc/zt/20200629153243/img/btn-7-1_e878c8fb.png) no-repeat;
}
.auth .content-wrap .content .btn.btn-into:hover {
  width: 251px;
  height: 60px;
  background: url(https://n.res.netease.com/pc/zt/20200629153243/img/btn-7-2_f8596a2e.png) no-repeat;
}
.auth .content-form {
  color: #848ca5;
}
.auth .content-form .title {
  width: 331px;
  height: 38px;
  background: url(https://n.res.netease.com/pc/zt/20200629153243/img/title3_1b620d76.png) no-repeat;
  margin: 50px auto;
}
.auth .content-form .form-wrap {
  width: 450px;
  margin: 0 auto 0;
}
.auth .content-form .form-wrap .info {
  margin-bottom: 20px;
}
.auth .content-form .form-wrap .item {
  display: flex;
  margin-bottom: 20px;
  width: 691px;
  align-items: center;
}
.auth .content-form .form-wrap .item.item-head {
  position: relative;
}
.auth .content-form .form-wrap .item.item-head::before {
  content: '*';
  color: #F56C6C;
  margin-right: 4px;
  position: absolute;
  left: 29px;
}
.auth .content-form .form-wrap .item label {
  width: 140px;
  display: block;
  text-align: right;
  padding: 0 12px 0 0;
  box-sizing: border-box;
}
.auth .content-form .form-wrap .item label.upload-label {
  width: 130px;
  flex-shrink: 0;
}
.auth .content-form .form-wrap .item span {
  margin-right: 15px;
}
.auth .content-form .form-wrap .item .btn-role {
  text-decoration: underline;
  cursor: pointer;
}
.auth .content-form .form-wrap .item .btn-upload {
  width: 200px;
  height: 36px;
  line-height: 36px;
  background: #8f99a6;
  color: #fff;
  text-align: center;
  margin-right: 10px;
  cursor: pointer;
  position: relative;
}
.auth .content-form .form-wrap .item .btn-upload:hover {
  background: #727a83;
}
.auth .content-form .form-wrap .item .btn-upload #btn_upload {
  cursor: pointer;
  opacity: 0;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.auth .content-form .form-wrap .item .video-info {
  width: 200px;
}
.auth .content-form .form-wrap .item .upload-info {
  white-space: nowrap;
  margin: 5px 0;
}
.auth .content-form .form-wrap .item .warn-info {
  width: 100%;
  text-align: justify;
  white-space: nowrap;
  font-size: 14px;
  color: #d93333;
  padding: 0 12px 0 0;
  box-sizing: border-box;
}
.auth .content-form .form-wrap .item.videos {
  align-items: flex-start;
}
.auth .content-form .form-wrap .item.images {
  align-items: flex-start;
}
.auth .content-form .form-wrap .item.images .upload-label {
  position: relative;
}
.auth .content-form .form-wrap .item.images .upload-label::before {
  content: '*';
  color: #F56C6C;
  margin-right: 4px;
  position: absolute;
  left: -2px;
}
.auth .content-form .form-wrap .item .images-upload .btn-wrap {
  cursor: pointer;
  width: 100px;
  height: 100px;
  background: url(https://n.res.netease.com/pc/zt/20200629153243/img/upload_166eba53.png) no-repeat;
  position: relative;
}
.auth .content-form .form-wrap .item .images-upload #btn_images_upload {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  z-index: 2;
  cursor: pointer;
}
.auth .content-form .form-wrap .item .images-upload .images-name-wrap {
  display: flex;
  flex-wrap: wrap;
  width: 560px;
  margin-right: 10px;
}
.auth .content-form .form-wrap .item .images-upload .images-name-wrap .images_name {
  width: 100px;
  height: 100px;
  position: relative;
  background-size: cover;
  background-position: center;
  margin: 0 10px 10px 0px;
}
.auth .content-form .form-wrap .item .images-upload .images-name-wrap .delete-btn {
  position: absolute;
  top: 0;
  right: 0;
  cursor: pointer;
  background-color: transparent;
  background: none;
  background-position: center;
  background-repeat: no-repeat;
  z-index: 3;
  text-align: right;
  font-size: 0;
  display: block;
  width: 100%;
  height: 100%;
}
.auth .content-form .form-wrap .item .images-upload .images-name-wrap .delete-btn:hover {
  background-color: rgba(0, 0, 0, 0.4);
  color: #ddd;
  font-size: 14px;
  padding-right: 5px;
  font-style: normal;
  box-sizing: border-box;
}
.auth .content-form .form-wrap #codeCaptcha {
  width: 310px;
  margin-left: 140px;
  margin-bottom: 22px;
}
.auth .content-form .form-wrap .code {
  position: absolute;
  width: 100px;
  height: 40px;
  font-size: 16px;
  line-height: 40px;
  background: #8f99a6;
  color: #fff;
  text-align: center;
  cursor: pointer;
  right: 0;
  top: 0;
}
.auth .content-form .form-wrap .code:hover {
  background: #727a83;
}
.auth .content-form .el-form-item__label {
  color: #848ca5;
  font-size: 16px;
  white-space: nowrap;
}
.auth .content-form .video-extra {
  display: flex;
  width: 691px;
  margin-left: 129px;
}
.auth .content-form .video-extra .video_name {
  display: flex;
}
.auth .content-form .video-extra .video_name .name {
  width: 220px;
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.auth .content-form .video-extra .video_name .del_video {
  font-style: normal;
  cursor: pointer;
  color: #d93333;
}
.auth .content-form .video-extra .video_name .del_video:hover {
  text-decoration: underline;
}
.auth .content-form .btn-submit {
  width: 251px;
  height: 60px;
  background: url(https://n.res.netease.com/pc/zt/20200629153243/img/btn-3-1_de202207.png) no-repeat;
  margin: 60px auto 0;
  cursor: pointer;
}
.auth .content-form .btn-submit:hover {
  width: 251px;
  height: 60px;
  background: url(https://n.res.netease.com/pc/zt/20200629153243/img/btn-3-2_f565732c.png) no-repeat;
}
.auth .upload-btn {
  cursor: pointer;
  width: 100px;
  height: 100px;
  background: url(https://n.res.netease.com/pc/zt/20200629153243/img/upload_166eba53.png) no-repeat;
}
.auth .upload-btn input {
  cursor: pointer;
}
.auth .upload-btn img,
.auth .upload-btn .delete-btn {
  display: block;
  width: 100px;
  height: 100px;
}
.auth .upload-btn .delete-btn {
  position: absolute;
  top: 0;
  right: 0;
  cursor: pointer;
  background-color: transparent;
  background: none;
  background-position: center;
  background-repeat: no-repeat;
  z-index: 3;
  text-align: right;
  font-size: 0;
}
.auth .upload-btn .delete-btn:hover {
  background-color: rgba(0, 0, 0, 0.4);
  color: #ddd;
  font-size: 14px;
  padding-right: 5px;
}
.auth .btn-recommend {
  position: fixed;
  width: 54px;
  height: 168px;
  background: url(https://n.res.netease.com/pc/zt/20200629153243/img/btn-r-1_ae6fb434.png) no-repeat;
  right: 30px;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
}
.auth .btn-recommend:hover {
  width: 54px;
  height: 168px;
  background: url(https://n.res.netease.com/pc/zt/20200629153243/img/btn-r-2_a8460b7f.png) no-repeat;
}
.user .user-content {
  width: 1637px;
  height: 1232px;
  background: url(https://n.res.netease.com/pc/zt/20200629153243/img/bg_8b8d9eef.png) no-repeat;
  margin-top: 80px;
  box-sizing: border-box;
  padding: 180px 160px 180px 200px;
  position: relative;
  left: 50%;
  margin-left: -900px;
  color: #455073;
  font-size: 16px;
}
.user .user-content .top-info {
  display: flex;
  align-items: center;
  margin-bottom: 80px;
}
.user .user-content .top-info .head-wrap {
  width: 176px;
  height: 176px;
  background: url(https://n.res.netease.com/pc/zt/20200629153243/img/head_06851081.png) no-repeat;
  text-align: center;
  margin-right: 30px;
  position: relative;
}
.user .user-content .top-info .head-wrap img {
  width: 158px;
  height: 158px;
  border-radius: 80px;
  margin-top: 9px;
}
.user .user-content .top-info .head-wrap .upload-btn {
  width: 100%;
  height: 100%;
  opacity: 0;
  position: absolute;
  left: 0;
  top: 0;
}
.user .user-content .top-info .head-wrap .upload-btn input {
  cursor: pointer;
}
.user .user-content .top-info .right-info {
  margin-top: 50px;
}
.user .user-content .top-info .right-info .name {
  font-size: 24px;
  margin-bottom: 10px;
}
.user .user-content .top-info .right-info .btn-role {
  margin-left: 100px;
  cursor: pointer;
}
.user .user-content .top-info .right-info .btn-role:hover {
  text-decoration: underline;
}
.user .user-content .noData {
  text-align: center;
  margin-top: 30px;
  font-size: 20px;
}
.user .user-content .wrap-content {
  display: flex;
  flex-wrap: wrap;
}
.user .user-content .left-wrap {
  display: inline-block;
  margin-right: 60px;
}
.user .user-content .left-wrap .base-info {
  height: 200px;
  margin-bottom: 70px;
}
.user .user-content .left-wrap .base-info .title {
  width: 570px;
  height: 42px;
  background: url(https://n.res.netease.com/pc/zt/20200629153243/img/title1_0328b415.png) no-repeat;
  margin-bottom: 50px;
}
.user .user-content .left-wrap .base-info label {
  font-weight: bold;
}
.user .user-content .left-wrap .base-info p {
  margin-bottom: 10px;
}
.user .user-content .left-wrap .base-info .left-box {
  width: 280px;
  padding-left: 30px;
}
.user .user-content .left-wrap .base-info .right-box {
  width: 260px;
}
.user .user-content .left-wrap .base-info .right-box p {
  position: relative;
}
.user .user-content .left-wrap .base-info .right-box input {
  color: #455073;
  font-size: 14px;
  width: 132px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.user .user-content .left-wrap .base-info .right-box input:disabled {
  background: none;
}
.user .user-content .left-wrap .base-info .right-box select {
  color: #455073;
  width: 100px;
  background: #fff;
}
.user .user-content .left-wrap .base-info .right-box select:disabled {
  background: none;
}
.user .user-content .left-wrap .base-info .right-box .btn-edit {
  position: absolute;
  width: 51px;
  height: 20px;
  background: url(https://n.res.netease.com/pc/zt/20200629153243/img/btn-edit-1_8f7cd835.png) no-repeat;
  display: inline-block;
  cursor: pointer;
  right: 0;
  top: 2px;
}
.user .user-content .left-wrap .base-info .right-box .btn-edit:hover,
.user .user-content .left-wrap .base-info .right-box .btn-edit.active {
  width: 51px;
  height: 20px;
  background: url(https://n.res.netease.com/pc/zt/20200629153243/img/btn-edit-2_79a23791.png) no-repeat;
}
.user .user-content .left-wrap .base-info .left-box,
.user .user-content .left-wrap .base-info .right-box {
  display: inline-block;
  vertical-align: top;
}
.user .user-content .right-wrap {
  display: inline-block;
  vertical-align: top;
}
.user .user-content .right-wrap .title {
  width: 751px;
  height: 41px;
  background: url(https://n.res.netease.com/pc/zt/20200629153243/img/title2_7cb48959.png) no-repeat;
  margin-bottom: 30px;
  position: relative;
}
.user .user-content .right-wrap .title .tab-wrap {
  position: absolute;
  right: 0;
  top: 9px;
  display: flex;
}
.user .user-content .right-wrap .title .tab-wrap .tab {
  cursor: pointer;
}
.user .user-content .right-wrap .title .tab-wrap .tab1 {
  width: 123px;
  height: 37px;
  background: url(https://n.res.netease.com/pc/zt/20200629153243/img/sprite-441f2f_441f2f4a.png) no-repeat;background-size:1567px 1304px;
background-position:-1133px -989px;

  margin-right: 30px;
}
.user .user-content .right-wrap .title .tab-wrap .tab1:hover,
.user .user-content .right-wrap .title .tab-wrap .tab1.active {
  width: 123px;
  height: 37px;
  background: url(https://n.res.netease.com/pc/zt/20200629153243/img/sprite-441f2f_441f2f4a.png) no-repeat;background-size:1567px 1304px;
background-position:-1258px -989px;

}
.user .user-content .right-wrap .title .tab-wrap .tab2 {
  width: 123px;
  height: 37px;
  background: url(https://n.res.netease.com/pc/zt/20200629153243/img/sprite-441f2f_441f2f4a.png) no-repeat;background-size:1567px 1304px;
background-position:-1383px -989px;

  margin-right: 10px;
}
.user .user-content .right-wrap .title .tab-wrap .tab2:hover,
.user .user-content .right-wrap .title .tab-wrap .tab2.active {
  width: 123px;
  height: 37px;
  background: url(https://n.res.netease.com/pc/zt/20200629153243/img/sprite-441f2f_441f2f4a.png) no-repeat;background-size:1567px 1304px;
background-position:-376px -1066px;

}
.user .user-content .right-wrap .s-title {
  font-size: 24px;
  margin-bottom: 20px;
}
.user .user-content .right-wrap .base-role {
  padding-left: 56px;
  box-sizing: border-box;
  margin-bottom: 30px;
}
.user .user-content .right-wrap .base-role p {
  margin-bottom: 5px;
}
.user .user-content .right-wrap .base-role label {
  font-weight: bold;
}
.user .user-content .right-wrap .base-role .left-box {
  width: 300px;
}
.user .user-content .right-wrap .base-role .right-box label {
  margin-bottom: 5px;
  display: block;
}
.user .user-content .right-wrap .base-role .right-box p::before {
  width: 5px;
  height: 5px;
  background: url(https://n.res.netease.com/pc/zt/20200629153243/img/icon_e4f4f556.png) no-repeat;
  content: '';
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
}
.user .user-content .right-wrap .base-role .left-box,
.user .user-content .right-wrap .base-role .right-box {
  display: inline-block;
  vertical-align: top;
}
.user .user-content .right-wrap .base-role .honor-scroll {
  max-height: 113px;
  width: 300px;
}
.user .user-content .right-wrap .user-video {
  padding-left: 56px;
  box-sizing: border-box;
}
.user .user-content .right-wrap .user-video .btn-upload {
  width: 117px;
  height: 20px;
  background: url(https://n.res.netease.com/pc/zt/20200629153243/img/btn-upload-1_a940a24b.png) no-repeat;
  display: inline-block;
  margin-left: 60px;
  cursor: pointer;
  position: relative;
}
.user .user-content .right-wrap .user-video .btn-upload:hover {
  width: 117px;
  height: 20px;
  background: url(https://n.res.netease.com/pc/zt/20200629153243/img/btn-upload-2_1796d40a.png) no-repeat;
}
.user .user-content .right-wrap .user-video .btn-upload #btn_upload {
  cursor: pointer;
  width: 100%;
  height: 100%;
  opacity: 0;
  position: absolute;
  left: 0;
  top: 0;
}
.user .user-content .right-wrap .user-video .video-wrap {
  display: flex;
  flex-wrap: wrap;
  width: 696px;
}
.user .user-content .right-wrap .user-video .video-wrap .video-item {
  width: 215px;
  height: 115px;
  position: relative;
  margin-right: 10px;
  margin-bottom: 40px;
}
.user .user-content .right-wrap .user-video .video-wrap .video-item:nth-of-type(3n) {
  margin-right: 0;
}
.user .user-content .right-wrap .user-video .video-wrap .video-item .mask {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}
.user .user-content .right-wrap .user-video .video-wrap .video-item .mask::before {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: #222;
  opacity: 0.8;
  content: '';
}
.user .user-content .right-wrap .user-video .video-wrap .video-item .mask .btn-delete {
  position: absolute;
  font-size: 40px;
  right: 10px;
  top: 0px;
  color: #ccc;
  line-height: 1;
}
.user .user-content .right-wrap .user-video .video-wrap .video-item .mask .btn-delete:hover {
  color: #fff;
}
.user .user-content .right-wrap .user-video .video-wrap .video-item .btn-video-play {
  position: absolute;
  width: 39px;
  height: 38px;
  background: url(https://n.res.netease.com/pc/zt/20200629153243/img/btn-play_1ec3e70c.png) no-repeat;
  cursor: pointer;
  animation: zoomInAndOut 1s infinite;
  top: 40px;
  left: 90px;
}
.user .user-content .right-wrap .user-video .video-wrap .video-item .btn-wrap {
  position: absolute;
  right: 0;
  bottom: -26px;
}
.user .user-content .right-wrap .user-video .video-wrap .video-item .btn-wrap p {
  text-align: center;
}
.user .user-content .right-wrap .user-video .video-wrap .video-item .btn-wrap p.fail {
  color: #D9001B;
}
.user .user-content .right-wrap .user-video .video-wrap .video-item .btn-wrap a:hover {
  color: #b6ac54;
}
.user .user-content .right-wrap .user-video .video-wrap .video-item .btn-wrap .btn-edit {
  margin-right: 10px;
  position: relative;
  cursor: pointer;
}
.user .user-content .right-wrap .user-video .video-wrap .video-item .btn-wrap .btn-edit input {
  cursor: pointer;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
}
.user .user-content .right-wrap .reason-box {
  margin-top: 60px;
}
.user .user-content .right-wrap .reason-box p {
  color: #D9001B;
  text-align: center;
  width: 500px;
  margin: 0 auto;
}
.user .user-content .right-wrap .reason-box p span {
  text-decoration: underline;
  color: #02A7F0;
  cursor: pointer;
}
.user .user-content .club-wrap {
  display: inline-block;
}
.user .user-content .club-wrap .title {
  width: 570px;
  height: 42px;
  background: url(https://n.res.netease.com/pc/zt/20200629153243/img/title3_6aa39d00.png) no-repeat;
  margin-bottom: 50px;
}
.user .user-content .club-wrap .club-box {
  padding-left: 50px;
  box-sizing: border-box;
  display: table;
  position: relative;
}
.user .user-content .club-wrap .club-box .head {
  width: 176px;
  height: 176px;
  background: url(https://n.res.netease.com/pc/zt/20200629153243/img/head_06851081.png) no-repeat;
  text-align: center;
  margin: 0 auto 10px;
  position: relative;
}
.user .user-content .club-wrap .club-box .head img {
  width: 158px;
  height: 158px;
  border-radius: 80px;
  margin-top: 9px;
}
.user .user-content .club-wrap .club-box .head .upload-btn {
  width: 100%;
  height: 100%;
  opacity: 0;
  position: absolute;
  left: 0;
  top: 0;
}
.user .user-content .club-wrap .club-box .head .upload-btn input {
  cursor: pointer;
}
.user .user-content .club-wrap .club-box .desc {
  position: absolute;
  top: 12px;
  left: 261px;
  width: 309px;
  text-align: left;
}
.user .user-content .club-wrap .club-box .desc textarea {
  background: #cacfdc;
  font-size: 20px;
  color: #455073;
  font-family: 'yahei';
  margin-top: 10px;
  appearance: none;
  resize: none;
  border: none;
  overflow: hidden;
  padding: 10px;
  height: 133px;
}
.user .user-content .club-wrap .club-box .desc textarea:disabled,
.user .user-content .club-wrap .club-box .desc textarea.disable {
  background: none;
}
.user .user-content .club-wrap .club-box .desc textarea.showEdit {
  background: #cacfdc;
}
.user .user-content .club-wrap .club-box p {
  text-align: center;
  font-size: 24px;
  color: #455073;
}
.activity {
  position: relative;
  box-sizing: border-box;
  padding: 150px 0 100px 0;
  height: 2000px;
  background-size: cover;
}
.activity .info-wrap {
  margin-bottom: 18px;
}
.activity .info-wrap .title {
  width: 835px;
  height: 37px;
  background: url(https://n.res.netease.com/pc/zt/20200629153243/img/sprite-441f2f_441f2f4a.png) no-repeat;background-size:1567px 1304px;
background-position:-704px -669px;

  margin: 0px auto;
  position: relative;
}
.activity .info-wrap .select-wrap {
  margin: 50px auto 30px;
  display: flex;
}
.activity .info-wrap .select-wrap .btn-search {
  width: 111px;
  height: 31px;
  background: url(https://n.res.netease.com/pc/zt/20200629153243/img/sprite-441f2f_441f2f4a.png) no-repeat;background-size:1567px 1304px;
background-position:-1453px -919px;

  cursor: pointer;
}
.activity .info-wrap .select-wrap .btn-search:hover {
  width: 111px;
  height: 31px;
  background: url(https://n.res.netease.com/pc/zt/20200629153243/img/sprite-441f2f_441f2f4a.png) no-repeat;background-size:1567px 1304px;
background-position:-508px -1028px;

}
.activity .info-wrap .team-wrap {
  min-height: 309px;
}
.activity .info-wrap .team-wrap .tab-wrap {
  width: 1433px;
  height: 49px;
  background: url(https://n.res.netease.com/pc/zt/20200629153243/img/tab-bg_b269fb76.png) no-repeat;
  display: flex;
  justify-content: center;
  align-items: flex-end;
  margin: 0 auto 3px;
  padding-top: 26px;
  position: relative;
}
.activity .info-wrap .team-wrap .tab-wrap .tab {
  cursor: pointer;
  margin: 0 0px;
}
.activity .info-wrap .team-wrap .tab-wrap .tab-1 {
  width: 252px;
  height: 75px;
  background: url(https://n.res.netease.com/pc/zt/20200629153243/img/tab-1-1_b51b55de.png) no-repeat;
}
.activity .info-wrap .team-wrap .tab-wrap .tab-1:hover,
.activity .info-wrap .team-wrap .tab-wrap .tab-1.active {
  width: 252px;
  height: 75px;
  background: url(https://n.res.netease.com/pc/zt/20200629153243/img/tab-1-2_029b6125.png) no-repeat;
}
.activity .info-wrap .team-wrap .tab-wrap .tab-2 {
  width: 252px;
  height: 75px;
  background: url(https://n.res.netease.com/pc/zt/20200629153243/img/tab-2-1_23b9eeb6.png) no-repeat;
}
.activity .info-wrap .team-wrap .tab-wrap .tab-2:hover,
.activity .info-wrap .team-wrap .tab-wrap .tab-2.active {
  width: 252px;
  height: 75px;
  background: url(https://n.res.netease.com/pc/zt/20200629153243/img/tab-2-2_9590ec28.png) no-repeat;
}
.activity .info-wrap .team-wrap .tab-wrap .tab-3 {
  width: 252px;
  height: 75px;
  background: url(https://n.res.netease.com/pc/zt/20200629153243/img/tab-3-1_871dcf07.png) no-repeat;
}
.activity .info-wrap .team-wrap .tab-wrap .tab-3:hover,
.activity .info-wrap .team-wrap .tab-wrap .tab-3.active {
  width: 252px;
  height: 75px;
  background: url(https://n.res.netease.com/pc/zt/20200629153243/img/tab-3-2_303ae6eb.png) no-repeat;
}
.activity .info-wrap .team-wrap .tab-wrap .tab-4 {
  width: 252px;
  height: 75px;
  background: url(https://n.res.netease.com/pc/zt/20200629153243/img/tab-4-1_bb619340.png) no-repeat;
}
.activity .info-wrap .team-wrap .tab-wrap .tab-4:hover,
.activity .info-wrap .team-wrap .tab-wrap .tab-4.active {
  width: 252px;
  height: 75px;
  background: url(https://n.res.netease.com/pc/zt/20200629153243/img/tab-4-2_4108a993.png) no-repeat;
}
.activity .info-wrap .team-wrap .role-box {
  width: 1920px;
  height: 601px;
  background: url(https://n.res.netease.com/pc/zt/20200629153243/img/team-bg_db6b0f40.png) no-repeat;
  min-height: 309px;
  box-sizing: border-box;
  padding: 20px 0 0 15px;
  position: relative;
  left: 50%;
  margin: 0 0 -90px -960px;
}
.activity .info-wrap .team-wrap .role-box.role-box-table .role-table {
  width: 1340px;
  height: auto;
  margin: 0 auto 0;
}
.activity .info-wrap .team-wrap .role-box.role-box1 {
  width: 1920px;
  height: 601px;
  background: url(https://n.res.netease.com/pc/zt/20200629153243/img/team-bg_db6b0f40.png) no-repeat;
}
.activity .info-wrap .team-wrap .role-box.role-box2 {
  width: 1920px;
  height: 601px;
  background: url(https://n.res.netease.com/pc/zt/20200629153243/img/team-bg2_3c85eefd.png) no-repeat;
}
.activity .info-wrap .team-wrap .role-box.role-box3 {
  width: 1920px;
  height: 601px;
  background: url(https://n.res.netease.com/pc/zt/20200629153243/img/team-bg3_5da08461.png) no-repeat;
}
.activity .info-wrap .team-wrap .role-box.role-box4 {
  width: 1920px;
  height: 601px;
  background: url(https://n.res.netease.com/pc/zt/20200629153243/img/team-bg4_930070e2.png) no-repeat;
}
.activity .info-wrap .team-wrap .role-box::after {
  content: '';
  width: 625px;
  height: 601px;
  background: url(https://n.res.netease.com/pc/zt/20200629153243/img/zhuangshi_right_996dd989.png) no-repeat;
  position: absolute;
  top: 0;
  right: 0;
  pointer-events: none;
}
.activity .info-wrap .team-wrap .role-box .team-name {
  font-size: 24px;
  line-height: 68px;
  color: #262626;
  text-align: center;
  margin-bottom: 31px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.activity .info-wrap .team-wrap .role-box .team-name::after {
  content: '';
  display: block;
  width: 179px;
  height: 15px;
  background: url(https://n.res.netease.com/pc/zt/20200629153243/img/icon_2_d630d2f3.png) no-repeat;
  margin-left: 40px;
}
.activity .info-wrap .team-wrap .role-box .team-name::before {
  content: '';
  display: block;
  width: 178px;
  height: 15px;
  background: url(https://n.res.netease.com/pc/zt/20200629153243/img/icon_1_7eaf2cd9.png) no-repeat;
  margin-right: 40px;
}
.activity .info-wrap .team-wrap .role-box table {
  width: 1340px;
  border: 1px solid #6a593d;
  margin: 28px auto 0;
}
.activity .info-wrap .team-wrap .role-box table tr {
  cursor: pointer;
}
.activity .info-wrap .team-wrap .role-box table tr.active {
  background: url(https://n.res.netease.com/pc/zt/20200629153243/img/table_tr_22b9107b.png) center no-repeat;
  background-size: 100% 100%;
}
.activity .info-wrap .team-wrap .role-box table tr:nth-child(1) {
  width: 1342px;
  height: 66px;
  background: url(https://n.res.netease.com/pc/zt/20200629153243/img/table_head_936fe40b.png) no-repeat;
  height: 56px;
}
.activity .info-wrap .team-wrap .role-box table tr:nth-child(2) {
  color: #ba8b25;
}
.activity .info-wrap .team-wrap .role-box table tr:nth-child(3) {
  color: #797979;
}
.activity .info-wrap .team-wrap .role-box table tr:nth-child(4) {
  color: #895b36;
}
.activity .info-wrap .team-wrap .role-box table tr:nth-child(5) {
  color: #2d516b;
}
.activity .info-wrap .team-wrap .role-box table tr th,
.activity .info-wrap .team-wrap .role-box table tr td {
  width: 25%;
  text-align: center;
  line-height: 36px;
  padding: 14px 0;
  border: 1px solid #6a593d;
}
.activity .info-wrap .team-wrap .role-box table tr th {
  font-family: 'fzcjljt';
  font-size: 30px;
  color: #7a572c;
  font-weight: normal;
}
.activity .info-wrap .team-wrap .role-box table tr td {
  font-size: 24px;
}
.activity .info-wrap .team-wrap .noData {
  width: 1920px;
  height: 601px;
  background: url(https://n.res.netease.com/pc/zt/20200629153243/img/team-bg_db6b0f40.png) no-repeat;
  min-height: 309px;
  box-sizing: border-box;
  padding: 60px 0 57px 15px;
  color: #000;
  left: 50%;
  margin: 0 0 -90px -960px;
  line-height: 314px;
  position: relative;
}
.activity .info-wrap .team-wrap .noData::after {
  content: '';
  width: 625px;
  height: 601px;
  background: url(https://n.res.netease.com/pc/zt/20200629153243/img/zhuangshi_right_996dd989.png) no-repeat;
  position: absolute;
  top: 0;
  right: 0;
  pointer-events: none;
}
.activity .info-wrap .team-wrap .noData2 {
  background: transparent;
}
.activity .info-wrap .team-wrap .noData2::after {
  display: none;
}
.activity .info-wrap .team-wrap .role-wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 230px;
  width: 1314px;
  padding: 0 0 0 20px;
  position: relative;
  left: -20px;
}
.activity .info-wrap .team-wrap .role-wrap .swiper-wrapper {
  width: auto;
  max-width: 100%;
}
.activity .info-wrap .team-wrap .role-wrap .role-item {
  width: 162px;
  height: 222px;
  background: url(https://n.res.netease.com/pc/zt/20200629153243/img/sprite-441f2f_441f2f4a.png) no-repeat;background-size:1567px 1304px;
background-position:-164px -765px;

  position: relative;
  box-sizing: border-box;
  margin: 8px 0 0 0;
}
.activity .info-wrap .team-wrap .role-wrap .role-item:hover .role-head-box .role-head {
  scale: 1.1;
}
.activity .info-wrap .team-wrap .role-wrap .role-item .role-name {
  width: 146px;
  text-align: center;
  position: absolute;
  bottom: 7px;
  left: 7px;
  font-size: 18px;
  color: #ffffff;
  background: rgba(0, 0, 0, 0.78);
}
.activity .info-wrap .team-wrap .role-wrap .role-item .role-server {
  text-align: center;
  position: absolute;
  bottom: -48px;
  width: 162px;
  left: -2px;
  font-size: 16px;
  color: #fff;
  font-weight: bold;
  display: none;
}
.activity .info-wrap .team-wrap .role-wrap .role-item .role-head-box {
  position: absolute;
  left: 7px;
  top: 8px;
  width: 146px;
  height: 207px;
  overflow: hidden;
}
.activity .info-wrap .team-wrap .role-wrap .role-item .role-head-box .role-head {
  width: 100%;
  height: 100%;
  transition: all 0.3s;
}
.activity .info-wrap .team-wrap .role-wrap .role-item .role-tag {
  position: absolute;
  left: -20px;
  top: -5px;
  z-index: 1;
}
.activity .info-wrap .team-wrap .role-wrap .role-item .role-tag.tag-1 {
  width: 158px;
  height: 34px;
  background: url(https://n.res.netease.com/pc/zt/20200629153243/img/sprite-441f2f_441f2f4a.png) no-repeat;background-size:1567px 1304px;
background-position:-1344px -708px;

}
.activity .info-wrap .team-wrap .role-wrap .role-item .role-tag.tag-2 {
  width: 158px;
  height: 34px;
  background: url(https://n.res.netease.com/pc/zt/20200629153243/img/sprite-441f2f_441f2f4a.png) no-repeat;background-size:1567px 1304px;
background-position:-1344px -765px;

}
.activity .info-wrap .team-wrap .role-wrap .role-item .role-tag.tag-3 {
  width: 158px;
  height: 34px;
  background: url(https://n.res.netease.com/pc/zt/20200629153243/img/sprite-441f2f_441f2f4a.png) no-repeat;background-size:1567px 1304px;
background-position:-1344px -801px;

}
.activity .info-wrap .team-wrap .role-wrap .role-item .role-tag.tag-4 {
  width: 158px;
  height: 34px;
  background: url(https://n.res.netease.com/pc/zt/20200629153243/img/sprite-441f2f_441f2f4a.png) no-repeat;background-size:1567px 1304px;
background-position:-1344px -842px;

}
.activity .info-wrap .team-wrap .swiper-next {
  width: 76px;
  height: 88px;
  background: url(https://n.res.netease.com/pc/zt/20200629153243/img/sprite-441f2f_441f2f4a.png) no-repeat;background-size:1567px 1304px;
background-position:-312px -1216px;

  position: absolute;
  top: 188px;
  right: 220px;
  cursor: pointer;
  z-index: 2;
}
.activity .info-wrap .team-wrap .swiper-next:hover {
  filter: brightness(1.2);
}
.activity .info-wrap .team-wrap .swiper-prev {
  width: 76px;
  height: 88px;
  background: url(https://n.res.netease.com/pc/zt/20200629153243/img/sprite-441f2f_441f2f4a.png) no-repeat;background-size:1567px 1304px;
background-position:-390px -1216px;

  position: absolute;
  top: 188px;
  left: 220px;
  cursor: pointer;
  z-index: 2;
}
.activity .info-wrap .team-wrap .swiper-prev:hover {
  filter: brightness(1.2);
}
.activity .info-wrap .team-wrap .swiper-button-disabled {
  opacity: 0.3;
  pointer-events: none;
}
.activity .info-wrap .act_saishi_bg {
  top: 234px;
  left: 69px;
  left: 50%;
  margin-left: -891px;
}
.activity .title2 {
  width: 835px;
  height: 38px;
  background: url(https://n.res.netease.com/pc/zt/20200629153243/img/sprite-441f2f_441f2f4a.png) no-repeat;background-size:1567px 1304px;
background-position:-704px -629px;

  margin: 0 auto 40px;
}
.activity .select-wrap {
  width: 1426px;
  margin: 0 auto 0;
}
.activity .item-content {
  width: 1426px;
  display: flex;
  flex-wrap: wrap;
  margin: 24px auto 0;
}
.activity .item-content .item {
  width: 270px;
  height: 238px;
  background: url(https://n.res.netease.com/pc/zt/20200629153243/img/video-li-bg_8c09caa8.png) no-repeat;
  margin: 0 18px 18px 0;
  position: relative;
  padding: 4px;
  box-sizing: border-box;
  transition: all 0.3s;
}
.activity .item-content .item:nth-child(5n+1) {
  margin: 0 0px 18px 0;
}
.activity .item-content .item:hover {
  width: 270px;
  height: 238px;
  background: url(https://n.res.netease.com/pc/zt/20200629153243/img/video-li-bg2_1d3801c5.png) no-repeat;
}
.activity .item-content .item:hover .tt,
.activity .item-content .item:hover .msg .time {
  color: #fff;
}
.activity .item-content .item:hover .imgBox .cover {
  scale: 1.1;
}
.activity .item-content .item .imgBox {
  width: 100%;
  height: 140px;
  overflow: hidden;
}
.activity .item-content .item .imgBox .cover {
  width: 100%;
  height: 100%;
  transition: all 0.3s;
}
.activity .item-content .item .tt {
  width: 100%;
  color: #2b1a0a;
  padding: 0 8px 0;
  font-family: 'fzcysong';
  box-sizing: border-box;
  overflow: hidden;
  display: -webkit-box;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  word-break: break-all;
  min-height: 44px;
  font-size: 18px;
  margin: 8px auto 0;
  transition: all 0.3s;
}
.activity .item-content .item .msg {
  width: 100%;
  padding: 0 12px;
  position: absolute;
  bottom: 6px;
  left: 0;
  display: flex;
  justify-content: space-between;
  box-sizing: border-box;
  transition: all 0.3s;
}
.activity .item-content .item .msg .stauts {
  font-size: 18px;
  color: #2b1a0a;
  line-height: 22px;
}
.activity .item-content .item .msg .stauts.stauts1 {
  color: #cc2b0b;
}
.activity .item-content .item .msg .stauts.stauts2 {
  color: #ffffff;
}
.activity .item-content .item .msg .time {
  font-size: 18px;
  color: #2b1a0a;
  line-height: 22px;
}
.activity .item-content .item a {
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}
.activity .item-content .noData {
  height: 100px;
}
.activity #paging {
  margin-top: 22px;
}
.activity #paging .btn-prev,
.activity #paging .btn-next {
  background: none;
  border: none;
  color: #fff4cc;
}
.activity #paging .el-pager li {
  background: none;
  border: none;
  color: #fff4cc;
  min-width: 26px;
  margin: 0 2px 0;
}
.activity #paging .el-pager li.active {
  color: #ec8a32;
}
.activity #paging .el-pagination__jump {
  color: #fff4cc;
}
.activity #paging .el-pagination__jump .el-input input {
  background: #34210f;
  border: 1px solid #fff4cc;
  color: #fff4cc;
}
.game-result-wrap {
  margin-top: 40px;
}
.game-result-wrap .title {
  width: 1420px;
  height: 38px;
  margin: 0 auto 24px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.game-result-wrap .title.fadeOut,
.game-result-wrap .title.fadeIn {
  animation: opacAni 0.44s 0s 1 normal;
}
.game-result-wrap .title h6 {
  font-size: 39px;
  color: #fae5a3;
  line-height: 38px;
  font-family: 'fzcysong';
}
.game-result-wrap .title .zs_l {
  width: 297px;
  height: 14px;
  background: url(https://n.res.netease.com/pc/zt/20200629153243/img/title_l_574953e6.png) no-repeat;
  margin-right: 26px;
}
.game-result-wrap .title .zs_r {
  width: 297px;
  height: 14px;
  background: url(https://n.res.netease.com/pc/zt/20200629153243/img/title_r_792e33c4.png) no-repeat;
  margin-left: 26px;
}
@keyframes opacAni {
  0%,
  100% {
    opacity: 1;
  }
  48% {
    opacity: 0;
  }
  52% {
    opacity: 0;
  }
}
.game-result-wrap .btn-more {
  width: 60px;
  height: 18px;
  background: url(https://n.res.netease.com/pc/zt/20200629153243/img/btn-news-1_55789f8e.png) no-repeat;
  background-size: 100% auto;
  display: block;
  position: absolute;
  right: -6px;
  top: 26px;
  cursor: pointer;
  transition: all 0.3s;
}
.game-result-wrap .btn-more:hover {
  background: url(https://n.res.netease.com/pc/zt/20200629153243/img/btn-news-2_ec94b874.png) center no-repeat;
  background-size: 100% auto;
  scale: 1.22;
}
.game-result-wrap .team-wrap {
  min-height: 309px;
  width: 1920px;
  margin: 0 0 0 -960px;
  position: relative;
  left: 50%;
}
.game-result-wrap .team-wrap .tab-wrap {
  width: 1433px;
  height: 49px;
  background: url(https://n.res.netease.com/pc/zt/20200629153243/img/tab-bg_b269fb76.png) no-repeat;
  display: flex;
  justify-content: center;
  align-items: flex-end;
  margin: 0 auto 3px;
  padding-top: 26px;
  transition: all 0.3s;
}
.game-result-wrap .team-wrap .tab-wrap.hideThis {
  opacity: 0;
  pointer-events: none;
}
.game-result-wrap .team-wrap .tab-wrap .tab {
  cursor: pointer;
  margin: 0 0px;
}
.game-result-wrap .team-wrap .tab-wrap .tab-1 {
  width: 252px;
  height: 75px;
  background: url(https://n.res.netease.com/pc/zt/20200629153243/img/tab-1-1_b51b55de.png) no-repeat;
}
.game-result-wrap .team-wrap .tab-wrap .tab-1:hover,
.game-result-wrap .team-wrap .tab-wrap .tab-1.active {
  width: 252px;
  height: 75px;
  background: url(https://n.res.netease.com/pc/zt/20200629153243/img/tab-1-2_029b6125.png) no-repeat;
}
.game-result-wrap .team-wrap .tab-wrap .tab-2 {
  width: 252px;
  height: 75px;
  background: url(https://n.res.netease.com/pc/zt/20200629153243/img/tab-2-1_23b9eeb6.png) no-repeat;
}
.game-result-wrap .team-wrap .tab-wrap .tab-2:hover,
.game-result-wrap .team-wrap .tab-wrap .tab-2.active {
  width: 252px;
  height: 75px;
  background: url(https://n.res.netease.com/pc/zt/20200629153243/img/tab-2-2_9590ec28.png) no-repeat;
}
.game-result-wrap .team-wrap .tab-wrap .tab-3 {
  width: 252px;
  height: 75px;
  background: url(https://n.res.netease.com/pc/zt/20200629153243/img/tab-3-1_871dcf07.png) no-repeat;
}
.game-result-wrap .team-wrap .tab-wrap .tab-3:hover,
.game-result-wrap .team-wrap .tab-wrap .tab-3.active {
  width: 252px;
  height: 75px;
  background: url(https://n.res.netease.com/pc/zt/20200629153243/img/tab-3-2_303ae6eb.png) no-repeat;
}
.game-result-wrap .team-wrap .tab-wrap .tab-4 {
  width: 252px;
  height: 75px;
  background: url(https://n.res.netease.com/pc/zt/20200629153243/img/tab-4-1_bb619340.png) no-repeat;
}
.game-result-wrap .team-wrap .tab-wrap .tab-4:hover,
.game-result-wrap .team-wrap .tab-wrap .tab-4.active {
  width: 252px;
  height: 75px;
  background: url(https://n.res.netease.com/pc/zt/20200629153243/img/tab-4-2_4108a993.png) no-repeat;
}
.game-result-wrap .team-wrap .role-box {
  width: 1920px;
  height: 601px;
  background: url(https://n.res.netease.com/pc/zt/20200629153243/img/team-bg_db6b0f40.png) no-repeat;
  min-height: 309px;
  box-sizing: border-box;
  padding: 20px 0 0px 15px;
  position: relative;
  margin-bottom: -80px;
}
.game-result-wrap .team-wrap .role-box.role-box1 {
  width: 1920px;
  height: 601px;
  background: url(https://n.res.netease.com/pc/zt/20200629153243/img/team-bg_db6b0f40.png) no-repeat;
}
.game-result-wrap .team-wrap .role-box.role-box2 {
  width: 1920px;
  height: 601px;
  background: url(https://n.res.netease.com/pc/zt/20200629153243/img/team-bg2_3c85eefd.png) no-repeat;
}
.game-result-wrap .team-wrap .role-box.role-box3 {
  width: 1920px;
  height: 601px;
  background: url(https://n.res.netease.com/pc/zt/20200629153243/img/team-bg3_5da08461.png) no-repeat;
}
.game-result-wrap .team-wrap .role-box.role-box4 {
  width: 1920px;
  height: 601px;
  background: url(https://n.res.netease.com/pc/zt/20200629153243/img/team-bg4_930070e2.png) no-repeat;
}
.game-result-wrap .team-wrap .role-box::after {
  content: '';
  width: 625px;
  height: 601px;
  background: url(https://n.res.netease.com/pc/zt/20200629153243/img/zhuangshi_right_996dd989.png) no-repeat;
  position: absolute;
  top: 0;
  right: 0;
  pointer-events: none;
}
.game-result-wrap .team-wrap .role-box .team-name {
  font-size: 24px;
  line-height: 68px;
  color: #262626;
  text-align: center;
  margin-bottom: 31px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.game-result-wrap .team-wrap .role-box .team-name::after {
  content: '';
  display: block;
  width: 179px;
  height: 15px;
  background: url(https://n.res.netease.com/pc/zt/20200629153243/img/icon_2_d630d2f3.png) no-repeat;
  margin-left: 40px;
}
.game-result-wrap .team-wrap .role-box .team-name::before {
  content: '';
  display: block;
  width: 178px;
  height: 15px;
  background: url(https://n.res.netease.com/pc/zt/20200629153243/img/icon_1_7eaf2cd9.png) no-repeat;
  margin-right: 40px;
}
.game-result-wrap .team-wrap .noData {
  width: 1920px;
  height: 601px;
  background: url(https://n.res.netease.com/pc/zt/20200629153243/img/team-bg_db6b0f40.png) no-repeat;
  min-height: 309px;
  box-sizing: border-box;
  padding: 60px 0 57px 15px;
  color: #fff;
  margin: 0;
}
.game-result-wrap .team-wrap .role-wrap-box {
  width: 1380px;
  height: 400px;
  position: relative;
  margin: 0 auto 0;
  overflow: hidden;
}
.game-result-wrap .team-wrap .role-wrap-box .noData {
  background: transparent;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: auto;
  height: auto;
  z-index: 11;
  padding: 0;
  min-height: initial;
  line-height: initial;
  margin-top: 55px;
  color: #888;
  font-size: 20px;
}
.game-result-wrap .team-wrap .role-wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 230px;
  width: 1314px;
  padding: 0 0 0 20px;
  position: relative;
  left: -20px;
  margin: 0 auto 0;
}
.game-result-wrap .team-wrap .role-wrap.fadeOut {
  animation: fadeOutAndIn 0.44s 0s 1 normal;
}
.game-result-wrap .team-wrap .role-wrap.fadeIn {
  animation: fadeOutAndIn2 0.44s 0s 1 normal;
}
.game-result-wrap .team-wrap .role-wrap .role-item {
  width: 162px;
  height: 222px;
  background: url(https://n.res.netease.com/pc/zt/20200629153243/img/sprite-441f2f_441f2f4a.png) no-repeat;background-size:1567px 1304px;
background-position:-164px -765px;

  position: relative;
  box-sizing: border-box;
  margin: 8px 30px 0 0;
}
.game-result-wrap .team-wrap .role-wrap .role-item:hover .role-head-box .role-head {
  scale: 1.1;
}
.game-result-wrap .team-wrap .role-wrap .role-item .role-name {
  width: 146px;
  text-align: center;
  position: absolute;
  bottom: 7px;
  left: 7px;
  font-size: 18px;
  color: #ffffff;
  background: rgba(0, 0, 0, 0.78);
}
.game-result-wrap .team-wrap .role-wrap .role-item .role-server {
  text-align: center;
  position: absolute;
  bottom: -48px;
  width: 162px;
  left: -2px;
  font-size: 16px;
  color: #fff;
  font-weight: bold;
  display: none;
}
.game-result-wrap .team-wrap .role-wrap .role-item .role-head-box {
  position: absolute;
  left: 7px;
  top: 8px;
  width: 146px;
  height: 207px;
  overflow: hidden;
}
.game-result-wrap .team-wrap .role-wrap .role-item .role-head-box .role-head {
  width: 100%;
  height: 100%;
  transition: all 0.3s;
}
.game-result-wrap .team-wrap .role-wrap .role-item .role-tag {
  position: absolute;
  left: -20px;
  top: -5px;
  z-index: 1;
}
.game-result-wrap .team-wrap .role-wrap .role-item .role-tag.tag-1 {
  width: 158px;
  height: 34px;
  background: url(https://n.res.netease.com/pc/zt/20200629153243/img/sprite-441f2f_441f2f4a.png) no-repeat;background-size:1567px 1304px;
background-position:-1344px -708px;

}
.game-result-wrap .team-wrap .role-wrap .role-item .role-tag.tag-2 {
  width: 158px;
  height: 34px;
  background: url(https://n.res.netease.com/pc/zt/20200629153243/img/sprite-441f2f_441f2f4a.png) no-repeat;background-size:1567px 1304px;
background-position:-1344px -765px;

}
.game-result-wrap .team-wrap .role-wrap .role-item .role-tag.tag-3 {
  width: 158px;
  height: 34px;
  background: url(https://n.res.netease.com/pc/zt/20200629153243/img/sprite-441f2f_441f2f4a.png) no-repeat;background-size:1567px 1304px;
background-position:-1344px -801px;

}
.game-result-wrap .team-wrap .role-wrap .role-item .role-tag.tag-4 {
  width: 158px;
  height: 34px;
  background: url(https://n.res.netease.com/pc/zt/20200629153243/img/sprite-441f2f_441f2f4a.png) no-repeat;background-size:1567px 1304px;
background-position:-1344px -842px;

}
.game-result-wrap .team-wrap .role-wrap .role-item:last-of-type {
  margin-right: 0px;
}
.game-result-wrap .team-wrap .role-wrap table {
  width: 1340px;
  border: 1px solid #6a593d;
  margin: 136px auto 0;
}
.game-result-wrap .team-wrap .role-wrap table tr {
  cursor: pointer;
}
.game-result-wrap .team-wrap .role-wrap table tr.active,
.game-result-wrap .team-wrap .role-wrap table tr:hover {
  background: url(https://n.res.netease.com/pc/zt/20200629153243/img/table_tr_22b9107b.png) center no-repeat;
  background-size: 100% 100%;
}
.game-result-wrap .team-wrap .role-wrap table tr:nth-child(1) {
  width: 1342px;
  height: 66px;
  background: url(https://n.res.netease.com/pc/zt/20200629153243/img/table_head_936fe40b.png) no-repeat;
  height: 56px;
}
.game-result-wrap .team-wrap .role-wrap table tr:nth-child(2) {
  color: #ba8b25;
}
.game-result-wrap .team-wrap .role-wrap table tr:nth-child(3) {
  color: #797979;
}
.game-result-wrap .team-wrap .role-wrap table tr:nth-child(4) {
  color: #895b36;
}
.game-result-wrap .team-wrap .role-wrap table tr:nth-child(5) {
  color: #2d516b;
}
.game-result-wrap .team-wrap .role-wrap table tr th,
.game-result-wrap .team-wrap .role-wrap table tr td {
  width: 25%;
  text-align: center;
  line-height: 36px;
  padding: 10px 0;
  border: 1px solid #6a593d;
}
.game-result-wrap .team-wrap .role-wrap table tr th {
  font-family: 'fzcjljt';
  font-size: 30px;
  color: #7a572c;
  font-weight: normal;
}
.game-result-wrap .team-wrap .role-wrap table tr td {
  font-size: 24px;
}
@keyframes fadeOutAndIn {
  0%,
  100% {
    opacity: 1;
    transform: translate(0, 0);
  }
  49% {
    opacity: 0;
    transform: translate(-400px, 0);
  }
  50% {
    opacity: 0;
    transform: translate(400px, 0);
  }
}
@keyframes fadeOutAndIn2 {
  0%,
  100% {
    opacity: 1;
    transform: translate(0, 0);
  }
  49% {
    opacity: 0;
    transform: translate(400px, 0);
  }
  50% {
    opacity: 0;
    transform: translate(-400px, 0);
  }
}
.game-result-wrap .team-wrap .swiper-next {
  width: 76px;
  height: 88px;
  background: url(https://n.res.netease.com/pc/zt/20200629153243/img/sprite-441f2f_441f2f4a.png) no-repeat;background-size:1567px 1304px;
background-position:-312px -1216px;

  position: absolute;
  top: 188px;
  right: 220px;
  cursor: pointer;
  z-index: 2;
}
.game-result-wrap .team-wrap .swiper-next:hover {
  filter: brightness(1.2);
}
.game-result-wrap .team-wrap .swiper-prev {
  width: 76px;
  height: 88px;
  background: url(https://n.res.netease.com/pc/zt/20200629153243/img/sprite-441f2f_441f2f4a.png) no-repeat;background-size:1567px 1304px;
background-position:-390px -1216px;

  position: absolute;
  top: 188px;
  left: 220px;
  cursor: pointer;
  z-index: 2;
}
.game-result-wrap .team-wrap .swiper-prev:hover {
  filter: brightness(1.2);
}
.game-result-wrap .team-wrap .swiper-button-disabled {
  opacity: 0.3;
  pointer-events: none;
}
.game-result-wrap .team-wrap table {
  width: 1466px;
}
.game-result-wrap .team-wrap table thead tr {
  width: 1433px;
  height: 49px;
  background: url(https://n.res.netease.com/pc/zt/20200629153243/img/tab-bg_b269fb76.png) no-repeat;
  color: #ffffff;
  font-size: 24px;
  font-weight: normal;
}
.game-result-wrap .team-wrap table thead tr th:first-of-type {
  color: #f3efcb;
}
.game-result-wrap .team-wrap table tbody {
  background: #a4acc3;
}
.game-result-wrap .team-wrap table tbody tr:first-of-type {
  height: 100px;
}
.game-result-wrap .team-wrap table tbody tr:first-of-type td:first-of-type {
  color: #f3e4ac;
}
.game-result-wrap .team-wrap table tbody tr:nth-of-type(2) td:first-of-type {
  color: #cfd9f6;
}
.game-result-wrap .team-wrap table tbody td {
  border: 1px solid #fff;
  text-align: center;
  color: #ffffff;
  font-size: 20px;
  padding: 10px;
  max-width: 100px;
}
.game-result-wrap .team-wrap table tbody td.long {
  width: 1000px;
}
.game-result-wrap .team-wrap table tbody td:first-of-type {
  font-weight: bold;
  border-left: none;
}
.game-result-wrap .team-wrap table tbody td:last-of-type {
  border-right: none;
}
.game-result-wrap .outBox {
  width: 1343px;
  height: 332px;
  margin: 0 auto 0;
  overflow: hidden;
  position: relative;
  left: -6px;
}
.game-result-wrap .outBox .tableNone {
  padding-top: 174px;
  box-sizing: border-box;
  width: 1343px;
  height: 332px;
  background: url(https://n.res.netease.com/pc/zt/20200629153243/img/table_none_947bc356.png) no-repeat;
}
.game-result-wrap .outBox .tableNone.fadeOut {
  animation: fadeOutAndIn 0.44s 0s 1 normal;
}
.game-result-wrap .outBox .tableNone.fadeIn {
  animation: fadeOutAndIn2 0.44s 0s 1 normal;
}
.game-result-wrap .outBox .tableNone .tips {
  font-size: 24px;
  color: #9d8355;
  line-height: 32px;
  text-align: center;
  font-family: 'fzcysong';
}
.ccc-toast {
  width: 737px !important;
  height: 44px !important;
  background: url(https://n.res.netease.com/pc/zt/20200629153243/img/tips2_a8fb9050.png) no-repeat !important;
  font-size: 16px;
}


@font-face {
  font-family: 'fzcysong';
  src: url('https://nie.res.netease.com/comm/js/nie/ref/fonts/fzcysong.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
@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;
}
.noSize[data-v-599dc033] {
  font-size: 0;
  text-indent: -9999em;
}
.flex[data-v-599dc033] {
  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+ */
}
#leihuo-top[data-v-599dc033] {
  position: absolute;
  z-index: 12;
  width: 100%;
  height: 0px;
  top: 0;
  left: 0;
}
#leihuo-top .btn-index[data-v-599dc033] {
  width: 44px;
  height: 44px;
  background: url(https://n.res.netease.com/pc/zt/20200629153243/img/sprite-ba7c5d_ba7c5d7e.png) no-repeat;background-size:137px 127px;
background-position:-0px -46px;

  position: absolute;
  right: 184px;
  top: 12px;
}
#leihuo-top .btn-index[data-v-599dc033]:hover {
  width: 44px;
  height: 44px;
  background: url(https://n.res.netease.com/pc/zt/20200629153243/img/sprite-ba7c5d_ba7c5d7e.png) no-repeat;background-size:137px 127px;
background-position:-46px -46px;
}
#leihuo-top .btn-download[data-v-599dc033] {
  width: 43px;
  height: 43px;
  background: url(https://n.res.netease.com/pc/zt/20200629153243/img/sprite-ba7c5d_ba7c5d7e.png) no-repeat;background-size:137px 127px;
background-position:-94px -0px;

  position: absolute;
  right: 46px;
  top: 12px;
}
#leihuo-top .btn-download[data-v-599dc033]:hover {
  width: 43px;
  height: 43px;
  background: url(https://n.res.netease.com/pc/zt/20200629153243/img/sprite-ba7c5d_ba7c5d7e.png) no-repeat;background-size:137px 127px;
background-position:-94px -45px;
}
#leihuo-top .btn-reg[data-v-599dc033] {
  width: 45px;
  height: 44px;
  background: url(https://n.res.netease.com/pc/zt/20200629153243/img/sprite-ba7c5d_ba7c5d7e.png) no-repeat;background-size:137px 127px;
background-position:-0px -0px;

  position: absolute;
  right: 114px;
  top: 12px;
}
#leihuo-top .btn-reg[data-v-599dc033]:hover {
  width: 45px;
  height: 44px;
  background: url(https://n.res.netease.com/pc/zt/20200629153243/img/sprite-ba7c5d_ba7c5d7e.png) no-repeat;background-size:137px 127px;
background-position:-47px -0px;
}
.nav-wrap[data-v-599dc033] {
  position: absolute;
  z-index: 10;
  top: 0px;
  left: 0;
  width: 1920px;
  height: 68px;
  background: url(https://n.res.netease.com/pc/zt/20200629153243/img/bg2_1cf815fb.png) no-repeat;
  width: 100%;
  background-position: center;
}
.nav-wrap .btn-text-1[data-v-599dc033] {
  cursor: pointer;
  position: absolute;
  left: 50%;
  margin-left: -650px;
  width: 195px;
  height: 25px;
  top: 30px;
  background: url(https://n.res.netease.com/pc/zt/20200629153243/img/1_3d76c635.png);
}
.nav-wrap .btn-text-1[data-v-599dc033]:hover {
  background: url(https://n.res.netease.com/pc/zt/20200629153243/img/1-h_fd3e883e.png);
}
.nav-wrap .btn-text-2[data-v-599dc033] {
  position: absolute;
  left: 50%;
  margin-left: -650px;
  width: 195px;
  height: 25px;
  top: 30px;
  background: url(https://n.res.netease.com/pc/zt/20200629153243/img/2_edfaa540.png);
  /* &:hover {
        background: url(../img/index/title/2-h.png);
    } */
}
.nav-wrap .btn-1[data-v-599dc033] {
  position: absolute;
  left: 50%;
  margin-left: -657px;
  top: 20px;
  width: 146px;
  height: 41px;
}
.nav-wrap .router-wrap[data-v-599dc033] {
  position: absolute;
  left: 50%;
  margin-left: -480px;
  top: 0px;
  font-family: "fzcysong";
}
.nav-wrap .router-wrap .item[data-v-599dc033] {
  color: #3a270f;
  font-size: 20px;
  margin-right: 70px;
  letter-spacing: 2px;
  line-height: 68px;
  position: relative;
}
.nav-wrap .router-wrap .item[data-v-599dc033]::before {
  content: '';
  display: none;
  width: 7px;
  height: 9px;
  background: url(https://n.res.netease.com/pc/zt/20200629153243/img/sprite-ba7c5d_ba7c5d7e.png) no-repeat;background-size:137px 127px;
background-position:-37px -92px;

  position: absolute;
  top: 7px;
  left: -16px;
}
.nav-wrap .router-wrap .item.router-link-active[data-v-599dc033],
.nav-wrap .router-wrap .item[data-v-599dc033]:hover {
  color: #b47700;
}
.nav-wrap .router-wrap .item.router-link-active[data-v-599dc033]::before,
.nav-wrap .router-wrap .item[data-v-599dc033]:hover::before {
  display: block;
}
.nav-wrap .login-wrap[data-v-599dc033] {
  position: absolute;
  left: 50%;
  margin-left: 495px;
  top: 15px;
  display: flex;
  align-items: center;
}
.nav-wrap .login-wrap[data-v-599dc033]::before {
  width: 35px;
  height: 35px;
  background: url(https://n.res.netease.com/pc/zt/20200629153243/img/sprite-ba7c5d_ba7c5d7e.png) no-repeat;background-size:137px 127px;
background-position:-0px -92px;

  content: " ";
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
}
.nav-wrap .login-wrap.line[data-v-599dc033] {
  top: 20px;
}
.nav-wrap .login-wrap .info-box[data-v-599dc033] {
  display: inline-block;
}
.nav-wrap .login-wrap p[data-v-599dc033] {
  font-size: 16px;
  color: #d5ccaa;
  white-space: nowrap;
}
.nav-wrap .login-wrap p .urs[data-v-599dc033] {
  max-width: 150px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  display: inline-block;
  vertical-align: bottom;
}
.nav-wrap .login-wrap p a[data-v-599dc033] {
  margin-right: 10px;
  color: #d5ccaa;
}
.nav-wrap .login-wrap p a[data-v-599dc033]:hover {
  text-decoration: underline;
}
.path-wrap[data-v-599dc033],
.path-wrap2[data-v-599dc033] {
  position: absolute;
  z-index: 10;
  top: 134px;
  left: 0;
  width: 1920px;
  height: 96px;
  background: url(https://n.res.netease.com/pc/zt/20200629153243/img/bg3_66eff4e4.png) no-repeat;
  width: 100%;
  background-position: center;
}
.path-wrap .btn-2[data-v-599dc033],
.path-wrap2 .btn-2[data-v-599dc033] {
  position: absolute;
  left: 50%;
  margin-left: -657px;
  top: 23px;
  width: 96px;
  height: 41px;
}
.path-wrap .btn-3[data-v-599dc033],
.path-wrap2 .btn-3[data-v-599dc033] {
  position: absolute;
  left: 50%;
  margin-left: -548px;
  top: 23px;
  width: 96px;
  height: 41px;
}
.path-wrap p[data-v-599dc033],
.path-wrap2 p[data-v-599dc033] {
  font-family: "fzcysong";
  font-size: 25px;
  color: #455073;
  letter-spacing: 2px;
  position: absolute;
  left: 50%;
  margin-left: -540px;
  top: 27px;
}
.path-wrap2[data-v-599dc033] {
  width: 1920px;
  height: 72px;
  background: url(https://n.res.netease.com/pc/zt/20200629153243/img/bg4_19e5c907.png) no-repeat;
  width: 100%;
  top: 141px;
  background-position: center;
}
.path-wrap2 .btn-2[data-v-599dc033] {
  display: none;
}
.path-wrap2 .btn-3[data-v-599dc033] {
  margin-left: -651px;
  top: 17px;
}
.path-wrap2 p[data-v-599dc033] {
  font-family: "fzcysong";
  font-size: 25px;
  color: #455073;
  letter-spacing: 2px;
  position: absolute;
  left: 50%;
  top: 18px;
  margin-left: -645px;
}
@media (max-width: 1600px) {
.login-wrap[data-v-599dc033] {
    margin-left: 425px !important;
}
.login-wrap p .urs[data-v-599dc033] {
    max-width: 100px !important;
}
}



.left-qrcode[data-v-07b61a26] {
  width: 222px;
  height: 450px;
  background: url(https://n.res.netease.com/pc/zt/20200629153243/img/qrcode_bg_d809421f.png) no-repeat;
  position: fixed;
  right: 10px;
  z-index: 16;
  top: 50%;
  margin-top: -129px;
  display: none;
  padding: 14px 0 0 0;
}
.left-qrcode ul[data-v-07b61a26] {
  width: 207px;
  margin: 0 auto 0;
}
.left-qrcode ul li[data-v-07b61a26] {
  width: 207px;
  height: 45px;
  font-size: 20px;
  color: #d1bda1;
  line-height: 44px;
  text-align: center;
  cursor: pointer;
  font-family: 'fzcysong';
}
.left-qrcode ul li.on[data-v-07b61a26],
.left-qrcode ul li[data-v-07b61a26]:hover {
  background: url(https://n.res.netease.com/pc/zt/20200629153243/img/qrcode_btn_3f39d128.png) center no-repeat;
  background-size: 100% auto;
  color: #493018;
}
.left-qrcode .qrcode[data-v-07b61a26] {
  width: 120px;
  height: 164px;
  background: url(https://n.res.netease.com/pc/zt/20200629153243/img/qrcode_6da1d839.png) center no-repeat;
  background-size: 100% auto;
  margin: 20px auto 0;
}
.left-qrcode .top[data-v-07b61a26] {
  width: 55px;
  height: 26px;
  background: url(https://n.res.netease.com/pc/zt/20200629153243/img/qrcode_top_a4f3e8a4.png) center no-repeat;
  background-size: 100% auto;
  margin: 18px auto 0;
  cursor: pointer;
}
.left-qrcode .top[data-v-07b61a26]:hover {
  filter: brightness(1.2);
}