@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;
}
html,
body,
fieldset,
img,
iframe,
abbr {
  border: 0;
}
li {
  list-style: none;
}
textarea {
  overflow: auto;
  resize: none;
}
input {
  outline: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
a,
button {
  cursor: pointer;
}
h1,
h2,
h3,
h4,
h5,
h6,
em,
strong,
b {
  font-weight: normal;
  font-style: normal;
}
a,
a:hover {
  text-decoration: none;
}
body,
textarea,
input,
button {
  color: #62a1c9;
}
html,
body {
  width: 100%;
  height: auto;
}
::-webkit-input-placeholder {
  /* WebKit browsers */
  color: #454545;
}
:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #454545;
}
::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #454545;
}
:-ms-input-placeholder {
  /* Internet Explorer 10+ */
  color: #454545;
}
/*宽度限制板块*/
.wbox {
  width: 1200px;
  margin: 0 auto;
  clear: both;
}
.wbox:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.wbox {
  display: inline-block;
}
/* Hides from IE-mac \*/
* html .wbox {
  zoom: 1;
}
.wbox {
  display: block;
  position: relative;
}
/* End hide from IE-mac */
body {
  width: 100%;
}
input,
textarea,
a,
div,
button,
select {
  margin: 0;
  padding: 0;
  border: 0;
  outline: none;
}
select {
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
}
.hide {
  display: none;
}
/**** DEMO单行
.text-overflow-ellipsis(1);
多行
 .text-overflow-ellipsis(2);
****/
.noSize {
  font-size: 0;
  text-indent: -9999em;
}
.flex {
  display: box;
  /* OLD - Android 4.4- */
  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+ */
}
/**** DEMO单行
.text-overflow-ellipsis(1);
多行
 .text-overflow-ellipsis(2);
****/
#share_pic {
  display: none;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
}
@-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 0px;
    -webkit-transform-origin: center center 0px;
  }
  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 0px;
    -webkit-transform-origin: center center 0px;
  }
}
@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 0px;
    -webkit-transform-origin: center center 0px;
  }
  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 0px;
    -webkit-transform-origin: center center 0px;
  }
}
@-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: scale(0);
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
  }
  100% {
    transform: scale(1.3);
    -webkit-transform: scale(1.3);
    -moz-transform: scale(1.3);
    -ms-transform: scale(1.3);
    -o-transform: scale(1.3);
  }
}
@-moz-keyframes scaleSkill {
  0% {
    transform: scale(0);
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
  }
  100% {
    transform: scale(1.3);
    -webkit-transform: scale(1.3);
    -moz-transform: scale(1.3);
    -ms-transform: scale(1.3);
    -o-transform: scale(1.3);
  }
}
@-ms-keyframes scaleSkill {
  0% {
    transform: scale(0);
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
  }
  100% {
    transform: scale(1.3);
    -webkit-transform: scale(1.3);
    -moz-transform: scale(1.3);
    -ms-transform: scale(1.3);
    -o-transform: scale(1.3);
  }
}
@-o-keyframes scaleSkill {
  0% {
    transform: scale(0);
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
  }
  100% {
    transform: scale(1.3);
    -webkit-transform: scale(1.3);
    -moz-transform: scale(1.3);
    -ms-transform: scale(1.3);
    -o-transform: scale(1.3);
  }
}
@keyframes scaleSkill {
  0% {
    transform: scale(0);
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
  }
  100% {
    transform: scale(1.3);
    -webkit-transform: scale(1.3);
    -moz-transform: scale(1.3);
    -ms-transform: scale(1.3);
    -o-transform: scale(1.3);
  }
}
@-webkit-keyframes scaleSkill {
  0% {
    transform: scale(0);
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
  }
  100% {
    transform: scale(1.3);
    -webkit-transform: scale(1.3);
    -moz-transform: scale(1.3);
    -ms-transform: scale(1.3);
    -o-transform: scale(1.3);
  }
}
@-moz-keyframes scaleSkill {
  0% {
    transform: scale(0);
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
  }
  100% {
    transform: scale(1.3);
    -webkit-transform: scale(1.3);
    -moz-transform: scale(1.3);
    -ms-transform: scale(1.3);
    -o-transform: scale(1.3);
  }
}
@-ms-keyframes scaleSkill {
  0% {
    transform: scale(0);
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
  }
  100% {
    transform: scale(1.3);
    -webkit-transform: scale(1.3);
    -moz-transform: scale(1.3);
    -ms-transform: scale(1.3);
    -o-transform: scale(1.3);
  }
}
@-o-keyframes scaleSkill {
  0% {
    transform: scale(0);
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
  }
  100% {
    transform: scale(1.3);
    -webkit-transform: scale(1.3);
    -moz-transform: scale(1.3);
    -ms-transform: scale(1.3);
    -o-transform: scale(1.3);
  }
}
@keyframes scaleSkill {
  0% {
    transform: scale(0);
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
  }
  100% {
    transform: scale(1.3);
    -webkit-transform: scale(1.3);
    -moz-transform: scale(1.3);
    -ms-transform: scale(1.3);
    -o-transform: scale(1.3);
  }
}
@-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);
  }
}
.container-inner {
  position: relative;
  width: 100%;
  height: 100%;
  max-width: 1920px;
  max-height: 1080px;
  min-height: 900px;
  margin: 0 auto;
}
.container-inner .content-inner {
  position: absolute;
  width: 1920px;
  height: 100%;
  min-width: 1440px;
  min-height: 900px;
  overflow: hidden;
  top: 0;
  left: 50%;
  margin-left: -960px;
  background: url(https://tianyu.res.netease.com/pc/zt/20200610145553/img/bg_4eb45355.jpg) no-repeat top center;
}
.container-inner .content-inner .main-content {
  position: absolute;
  width: 1200px;
  top: 80px;
  left: 50%;
  margin-left: -600px;
  z-index: 2;
  opacity: 0;
  -webkit-animation: fadeIn 0.2s 0.5s forwards 300ms 0 ease;
  -moz-animation: fadeIn 0.2s 0.5s forwards 300ms 0 ease;
  -ms-animation: fadeIn 0.2s 0.5s forwards 300ms 0 ease;
  animation: fadeIn 0.2s 0.5s forwards 300ms 0 ease;
  -o-animation: fadeIn 0.2s 0.5s forwards;
  -webkit-animation: fadeIn 0.2s 0.5s forwards;
  -moz-animation: fadeIn 0.2s 0.5s forwards;
  -ms-animation: fadeIn 0.2s 0.5s forwards;
  animation: fadeIn 0.2s 0.5s forwards;
}
.container-inner .content-inner .main-content [class^="content-title"] {
  color: #313d58;
  font-size: 60px;
  width: 500px;
  height: 60px;
  margin: 30px auto 0 auto;
  font-family: "\5B8B\4F53", "\5B8B\4F53";
}
.container-inner .content-inner .main-content .content-title-1 {
  background: url(https://tianyu.res.netease.com/pc/zt/20200610145553/img/title1_6b8c7930.png) no-repeat center center;
}
.container-inner .content-inner .main-content .content-title-2 {
  background: url(https://tianyu.res.netease.com/pc/zt/20200610145553/img/title2_2ac1f291.png) no-repeat center center;
}
.container-inner .content-inner .main-content .content-title-3 {
  background: url(https://tianyu.res.netease.com/pc/zt/20200610145553/img/title3_080e8578.png) no-repeat center center;
}
.container-inner .content-inner .main-content .content-title-4 {
  background: url(https://tianyu.res.netease.com/pc/zt/20200610145553/img/title4_f898c3a7.png) no-repeat center center;
}
.container-inner .content-inner .main-content .content-title-5 {
  background: url(https://tianyu.res.netease.com/pc/zt/20200610145553/img/title5_103e951f.png) no-repeat center center;
}
.container-inner .content-inner .main-content .content-title-6 {
  background: url(https://tianyu.res.netease.com/pc/zt/20200610145553/img/title6_e4b7ac74.png) no-repeat center center;
}
.container-inner .content-inner .main-content .content-title-7 {
  background: url(https://tianyu.res.netease.com/pc/zt/20200610145553/img/title7_0ad9b8f3.png) no-repeat center center;
}
.container-inner .content-inner .main-content .content-title-8 {
  background: url(https://tianyu.res.netease.com/pc/zt/20200610145553/img/title8_6eb999ee.png) no-repeat center center;
}
.container-inner .content-inner .main-content .content-title-9 {
  background: url(https://tianyu.res.netease.com/pc/zt/20200610145553/img/title9_1aace5a6.png) no-repeat center center;
}
.container-inner .content-inner .main-content .content-title-10 {
  background: url(https://tianyu.res.netease.com/pc/zt/20200610145553/img/title10_80f09145.png) no-repeat center center;
}
.container-inner .content-inner .main-content .content-title-11 {
  background: url(https://tianyu.res.netease.com/pc/zt/20200610145553/img/title11_b1679353.png) no-repeat center center;
}
.container-inner .content-inner .main-content .content-title-12 {
  background: url(https://tianyu.res.netease.com/pc/zt/20200610145553/img/title12_51de236f.png) no-repeat center center;
}
.container-inner .content-inner .main-content .content-title-13 {
  background: url(https://tianyu.res.netease.com/pc/zt/20200610145553/img/title13_50c16000.png) no-repeat center center;
}
.container-inner .content-inner .main-content .content-title-14 {
  background: url(https://tianyu.res.netease.com/pc/zt/20200610145553/img/title14_e4f7cc42.png) no-repeat bottom left;
}
.container-inner .content-inner .main-content .line {
  height: 7px;
  width: 1135px;
  margin-top: 15px;
  background-size: 1135px;
}
.container-inner .content-inner .main-content .line.isSmall {
  background-size: 780px;
}
.container-inner .content-inner .birds {
  position: absolute;
  width: 1003px;
  height: 1006px;
  top: 50%;
  left: 50%;
  margin-top: -501px;
  margin-left: -503px;
}
.container-inner .content-inner .birds1 {
  background: url(https://tianyu.res.netease.com/pc/zt/20200610145553/img/bird1_d86ffe2d.png) no-repeat center;
  -webkit-animation: rotate2 15s linear reverse infinite 300ms 0 ease;
  -moz-animation: rotate2 15s linear reverse infinite 300ms 0 ease;
  -ms-animation: rotate2 15s linear reverse infinite 300ms 0 ease;
  animation: rotate2 15s linear reverse infinite 300ms 0 ease;
  -o-animation: rotate2 15s linear reverse infinite;
  -webkit-animation: rotate2 15s linear reverse infinite;
  -moz-animation: rotate2 15s linear reverse infinite;
  -ms-animation: rotate2 15s linear reverse infinite;
  animation: rotate2 15s linear reverse infinite;
}
.container-inner .content-inner .birds2 {
  background: url(https://tianyu.res.netease.com/pc/zt/20200610145553/img/bird2_7333f28e.png) no-repeat center;
  -webkit-animation: rotate 15s linear reverse infinite 300ms 0 ease;
  -moz-animation: rotate 15s linear reverse infinite 300ms 0 ease;
  -ms-animation: rotate 15s linear reverse infinite 300ms 0 ease;
  animation: rotate 15s linear reverse infinite 300ms 0 ease;
  -o-animation: rotate 15s linear reverse infinite;
  -webkit-animation: rotate 15s linear reverse infinite;
  -moz-animation: rotate 15s linear reverse infinite;
  -ms-animation: rotate 15s linear reverse infinite;
  animation: rotate 15s linear reverse infinite;
}
.container-inner .nav-wrap {
  position: absolute;
  background: url(https://tianyu.res.netease.com/pc/zt/20200610145553/img/left_nav_bar_4fbabbc6.png) no-repeat top center;
  width: 256px;
  min-height: 900px;
  overflow: hidden;
  bottom: 0;
  top: 0;
  left: 0;
  -webkit-animation: fadeInLeft 1s forwards 300ms 0 ease;
  -moz-animation: fadeInLeft 1s forwards 300ms 0 ease;
  -ms-animation: fadeInLeft 1s forwards 300ms 0 ease;
  animation: fadeInLeft 1s forwards 300ms 0 ease;
  -o-animation: fadeInLeft 1s forwards;
  -webkit-animation: fadeInLeft 1s forwards;
  -moz-animation: fadeInLeft 1s forwards;
  -ms-animation: fadeInLeft 1s forwards;
  animation: fadeInLeft 1s forwards;
}
.container-inner .nav-wrap nav {
  position: absolute;
  height: 815px;
  width: 100%;
  top: 50%;
  margin-top: -300px;
  box-sizing: border-box;
  opacity: 0;
  -webkit-animation: fadeIn 0.3s 0.3s forwards 300ms 0 ease;
  -moz-animation: fadeIn 0.3s 0.3s forwards 300ms 0 ease;
  -ms-animation: fadeIn 0.3s 0.3s forwards 300ms 0 ease;
  animation: fadeIn 0.3s 0.3s forwards 300ms 0 ease;
  -o-animation: fadeIn 0.3s 0.3s forwards;
  -webkit-animation: fadeIn 0.3s 0.3s forwards;
  -moz-animation: fadeIn 0.3s 0.3s forwards;
  -ms-animation: fadeIn 0.3s 0.3s forwards;
  animation: fadeIn 0.3s 0.3s forwards;
}
.container-inner .nav-wrap nav .nav-item {
  text-align: center;
  font-size: 18px;
  color: #bca9e8;
  line-height: 32px;
  margin-bottom: 20px;
  padding-bottom: 2px;
  cursor: pointer;
}
.container-inner .nav-wrap nav .nav-item:hover {
  font-size: 21px;
}
.container-inner .nav-wrap nav .nav-item.active {
  width: 100%;
  height: 32px;
  color: #412453;
  background: url(https://tianyu.res.netease.com/pc/zt/20200610145553/img/activeTab_354188b3.png) no-repeat center;
}
.container-inner .nav-wrap nav .nav-item.active:hover {
  font-size: 18px;
}
@keyframes rotate2 {
  0% {
    transform: rotate(0deg);
  }
  50% {
    transform: rotate(-180deg);
  }
  100% {
    transform: rotate(-360deg);
  }
}
.text-wrap,
.text-wrap2 {
  font-family: "\5FAE\8F6F\96C5\9ED1", "Microsoft YaHei";
  font-size: 16px;
  color: #ffffff;
  line-height: 36px;
  padding-top: 45px;
}
.text-wrap p,
.text-wrap2 p {
  width: 100%;
  overflow: hidden;
  margin: 20px 0;
  zoom: 1;
}
.text-wrap p span,
.text-wrap2 p span {
  display: block;
  float: left;
}
.text-wrap p span:first-child,
.text-wrap2 p span:first-child {
  font-size: 18px;
  color: #f4e7b5;
  width: 110px;
  margin: 0 10px;
  text-align: center;
  background: url(https://tianyu.res.netease.com/pc/zt/20200610145553/img/spr_236cda1c.png) no-repeat;
  background-size: 200px 200px;
  background-position: 0px -78px;
}
.text-wrap p b,
.text-wrap2 p b {
  color: #c0a660;
}
.text-wrap ul,
.text-wrap2 ul {
  float: left;
  font-size: 0;
}
.text-wrap ul li,
.text-wrap2 ul li {
  display: inline-block;
  position: relative;
  width: 115px;
  height: 105px;
  vertical-align: top;
  text-align: center;
  background: url(https://tianyu.res.netease.com/pc/zt/20200610145553/img/1_8ee3234f.png) no-repeat center top;
}
.text-wrap ul li img,
.text-wrap2 ul li img {
  display: block;
  position: absolute;
  width: 56px;
  height: 61px;
  top: 23px;
  left: 50%;
  margin-left: -28px;
}
.text-wrap ul li i,
.text-wrap2 ul li i {
  display: block;
  position: absolute;
  color: #ffffff;
  top: 110px;
  width: 140px;
  left: 50%;
  margin-left: -70px;
  font-size: 16px;
  line-height: 23px;
  font-style: normal;
}
.text-wrap .tips_first_bg,
.text-wrap2 .tips_first_bg {
  display: block;
  float: left;
}
.text-wrap .tips_first_bg:first-child,
.text-wrap2 .tips_first_bg:first-child {
  font-size: 18px;
  color: #f4e7b5;
  width: 110px;
  margin: 0 10px;
  text-align: center;
  background: url(https://tianyu.res.netease.com/pc/zt/20200610145553/img/spr_236cda1c.png) no-repeat;
  background-size: 200px 200px;
  background-position: 0px -78px;
}
.text-wrap .screen_shot,
.text-wrap2 .screen_shot {
  position: absolute;
  right: 40px;
}
.text-wrap .screen_shot2,
.text-wrap2 .screen_shot2 {
  position: relative;
  margin: 40px auto 0;
  display: block;
}
.text-wrap .screen_shot3,
.text-wrap2 .screen_shot3 {
  position: relative;
  margin: 48px auto 0 auto;
  display: block;
  width: 672px;
  height: 274px;
}
.text-wrap {
  width: 1200px;
  background: url(https://tianyu.res.netease.com/pc/zt/20200610145553/img/main_bg_73674ff0.png) no-repeat center top;
  background-size: 100% auto;
  min-height: 800px;
  position: relative;
  padding: 45px 48px 0 48px;
  box-sizing: border-box;
  margin-top: 10px;
}
.text-wrap p span:last-child {
  width: 970px;
}
.text-wrap ul {
  width: 970px;
}
.text-wrap ul li {
  margin: 0 30px 46px 0;
}
.text-wrap ul .imporantIcon {
  background: url(https://tianyu.res.netease.com/pc/zt/20200610145553/img/2_b87b5fa2.png) no-repeat center top;
  position: relative;
}
.text-wrap ul .imporantIcon .mask {
  position: absolute;
  width: 115px;
  height: 105px;
  background: rgba(255, 255, 255, 0.5);
  left: 0;
  top: 0;
}
.text-wrap .detailBox {
  position: absolute;
  width: 734px;
  height: 475px;
  left: 445px;
  top: 186px;
  background: url(https://tianyu.res.netease.com/pc/zt/20200610145553/img/detail_b6c1dca2.png) no-repeat center top;
}
.text-wrap .detailBox .jl_con {
  width: 690px;
  margin-left: 40px;
  margin-top: 60px;
  color: #fff;
  font-size: 15px;
  line-height: 25px;
}
.text-wrap .detailBox .jl_con .split {
  height: 10px;
  width: 100%;
  float: none;
}
.text-wrap .detailBox .jl_con .color_red {
  color: #f3e4ac;
  font-weight: normal;
  font-size: 15px;
}
.text-wrap .detailBox .jl_con .tips {
  font-size: 12px;
}
.text-wrap .detailBox .jl_con div {
  float: left;
  width: 50%;
  padding-right: 15px;
  box-sizing: border-box;
}
.text-wrap .left_shot_img {
  width: 560px;
  float: left;
}
.text-wrap .left_shot_img ul {
  width: 420px;
}
.text-wrap2 {
  width: 1200px;
  background: url(https://tianyu.res.netease.com/pc/zt/20200610145553/img/main_bg_73674ff0.png) no-repeat center top;
  background-size: 100% auto;
  min-height: 800px;
  padding: 45px 48px 0 48px;
  box-sizing: border-box;
  margin-top: 10px;
}
.text-wrap2 p span:last-child {
  width: 970px;
}
.text-wrap2 ul {
  width: 970px;
}
.text-wrap2 ul li {
  margin: 0 30px 45px 0;
}
.text-wrap2 .iconWrap {
  position: relative;
  height: 140px;
}
.text-wrap2 .iconWrap span {
  display: block;
  float: left;
  width: 90px;
}
.text-wrap2 .iconWrap .iconList {
  float: left;
  width: 843px;
  padding-top: 10px;
  position: relative;
  margin-left: 60px;
  box-sizing: border-box;
}
.text-wrap2 .iconWrap .iconList .swiper-slide .item {
  position: relative;
  width: 115px;
  height: 150px;
  vertical-align: top;
  text-align: center;
  background: url(https://tianyu.res.netease.com/pc/zt/20200610145553/img/1_8ee3234f.png) no-repeat center top;
}
.text-wrap2 .iconWrap .iconList .swiper-slide .item img {
  display: block;
  position: absolute;
  width: 56px;
  height: 61px;
  top: 23px;
  left: 50%;
  margin-left: -28px;
}
.text-wrap2 .iconWrap .iconList .swiper-slide .item i {
  display: block;
  position: absolute;
  top: 112px;
  width: 115px;
  font-size: 16px;
  line-height: 16px;
  font-style: normal;
}
.text-wrap2 .iconWrap .iconList .swiper-slide .item.tabname {
  width: 29px;
  height: 105px;
  background: #c0a660;
  border-radius: 20px;
}
.text-wrap2 .iconWrap .iconList .swiper-slide .item.tabname i {
  line-height: 20px;
  font-size: 16px;
  color: #fff;
  text-align: center;
  height: 50px;
  top: 30px;
  width: 29px;
  left: 0;
  margin-left: -1px;
  font-style: normal;
}
.text-wrap2 .iconWrap .iconList .swiper-button-next {
  position: absolute;
  width: 56px;
  height: 45px;
  right: -65px;
  background: url(https://tianyu.res.netease.com/pc/zt/20200610145553/img/spr_236cda1c.png) no-repeat;
  background-size: 200px 200px;
  background-position: -149px -43px;
  margin-top: 0;
  top: 40px;
}
.text-wrap2 .iconWrap .iconList .swiper-button-next:hover {
  opacity: 0.8;
}
.text-wrap2 .iconWrap .iconList .swiper-button-prev {
  position: absolute;
  width: 56px;
  height: 45px;
  left: -65px;
  background: url(https://tianyu.res.netease.com/pc/zt/20200610145553/img/spr_236cda1c.png) no-repeat;
  background-size: 200px 200px;
  background-position: -149px -43px;
  transform: rotate(180deg);
  margin-top: 0;
  top: 40px;
}
.text-wrap2 .iconWrap .iconList .swiper-button-prev:hover {
  opacity: 0.7;
}
.text-wrap2 .imgShow {
  width: 1135px;
  margin-top: 40px;
  font-size: 0;
  box-sizing: border-box;
}
.text-wrap2 .imgShow .one-per-line {
  width: 672px;
  height: 274px;
  margin: 0 auto;
}
.text-wrap2 .imgShow .one-per-line .item {
  width: 672px;
  height: 274px;
}
.text-wrap2 .imgShow .one-per-line .image {
  width: 672px;
  height: 274px;
}
.text-wrap2 .imgShow .one-per-line .image img {
  vertical-align: top;
  width: 672px;
  height: 274px;
}
.text-wrap2 .imgShow .one-per-line .text {
  position: absolute;
  width: 672px;
  font-size: 16px;
  color: #fff;
  text-align: center;
  height: 40px;
  background: rgba(47, 47, 47, 0.3);
  line-height: 40px;
  bottom: 0;
}
.text-wrap2 .imgShow .tow-per-line,
.text-wrap2 .imgShow .three-per-line,
.text-wrap2 .imgShow .five-per-line {
  width: 100%;
  overflow: hidden;
}
.text-wrap2 .imgShow .tow-per-line .item,
.text-wrap2 .imgShow .three-per-line .item,
.text-wrap2 .imgShow .five-per-line .item {
  margin-right: 28px;
}
.text-wrap2 .imgShow .tow-per-line .item:last-child,
.text-wrap2 .imgShow .three-per-line .item:last-child,
.text-wrap2 .imgShow .five-per-line .item:last-child {
  margin-right: 0;
}
.text-wrap2 .imgShow .three-per-line .item {
  width: 351px;
  height: 244px;
}
.text-wrap2 .imgShow .tow-per-line {
  display: flex;
  justify-content: center;
}
.text-wrap2 .imgShow .tow-per-line .item {
  width: 471px;
  height: 244px;
}
.text-wrap2 .imgShow .tow-per-line .item .image {
  width: 471px;
  height: 244px;
}
.text-wrap2 .imgShow .tow-per-line .item .image img {
  width: 471px;
  height: 244px;
}
.text-wrap2 .imgShow .tow-per-line .item .text {
  width: 471px;
}
.text-wrap2 .imgShow .tow-per-line.xianxia {
  height: 390px;
}
.text-wrap2 .imgShow .tow-per-line.xianxia .item {
  height: 390px;
}
.text-wrap2 .imgShow .tow-per-line.xianxia .item .image {
  height: 390px;
}
.text-wrap2 .imgShow .tow-per-line.xianxia .item .image img {
  height: 390px;
}
.text-wrap2 .imgShow .five-per-line .item {
  width: 210px;
  margin-right: 21px;
}
.text-wrap2 .imgShow .five-per-line .item .image {
  width: 210px;
}
.text-wrap2 .imgShow .five-per-line .item .image img {
  width: 210px;
}
.text-wrap2 .imgShow .five-per-line .item .text {
  width: 210px;
}
.text-wrap2.yuzhi .special {
  width: 39px !important;
}
.text-wrap2 .a_link {
  color: #f4e7b5;
  text-decoration: underline;
}
.copyright_btn {
  position: fixed;
  right: 100px;
  bottom: 30px;
  font-size: 18px;
  color: #afa3a0;
  cursor: pointer;
  z-index: 20;
  padding-left: 25px;
}
.copyright_btn:hover {
  filter: brightness(1.2);
}
.copyright_btn:after {
  position: absolute;
  left: 0;
  top: 0;
  content: '';
  width: 22px;
  height: 22px;
  background: url(https://tianyu.res.netease.com/pc/zt/20200610145553/img/spr_236cda1c.png) no-repeat;
  background-size: 200px 200px;
  background-position: 0px -119px;
}
.copyright_btn:hover:after,
.copyright_btn.show_foot:after {
  background-position: -29px -119px;
}
#footer,
#NIE-copyRight {
  width: 100%;
  z-index: 10;
  font-size: 12px;
  min-width: 1200px;
  position: fixed;
  bottom: 0;
  display: flex;
  align-items: center;
  color: #d5d3e3;
}
#footer .nie-copyright-new-inner,
#NIE-copyRight .nie-copyright-new-inner {
  background: rgba(59, 41, 81, 0.61);
  width: 100%;
  display: none;
}
#footer .nie-copyright-new-inner a,
#NIE-copyRight .nie-copyright-new-inner a {
  color: #fff;
}
#footer .nie-cn-part1,
#NIE-copyRight .nie-cn-part1 {
  width: 1114px;
  margin: 0 auto;
}
#footer .nie-cn-part1 a,
#NIE-copyRight .nie-cn-part1 a {
  color: #fff;
}
#footer .nie-cn-part2,
#NIE-copyRight .nie-cn-part2 {
  text-align: left;
  width: 1114px;
  margin: 0 auto;
}
#footer .foot-main,
#NIE-copyRight .foot-main {
  text-align: left;
  margin: 0 auto;
  padding: 15px 0 10px;
  font-size: 12px;
  line-height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
}
#footer .foot-main .nie-cn-logo,
#NIE-copyRight .foot-main .nie-cn-logo {
  display: inline-block;
  vertical-align: middle;
  height: 48px;
  min-width: 253px;
  margin-right: 15px;
}
#footer .foot-main .nie-cn-nav,
#NIE-copyRight .foot-main .nie-cn-nav {
  display: inline-block;
  vertical-align: top;
  position: relative;
  z-index: 1;
}
#footer .foot-main i,
#NIE-copyRight .foot-main i {
  font-style: normal;
}
#footer .foot-main a,
#NIE-copyRight .foot-main a {
  color: #d5d3e3;
  font-size: 12px;
}
html,
body {
  width: 100%;
  height: 100%;
}
body {
  background: #dae2f8;
  overflow: hidden;
}
#wrap {
  position: relative;
}
.spr {
  background: url(https://tianyu.res.netease.com/pc/zt/20200610145553/img/spr_236cda1c.png) no-repeat;
  background-size: 200px 200px;
}
#app {
  position: relative;
  width: 100%;
  height: 100%;
  overflow-x: auto;
}
#app .topCom {
  position: absolute;
  width: 100%;
  height: 110px;
  top: 36px;
  z-index: 10;
}
#app .topCom #logo {
  position: absolute;
  width: 145px;
  height: 110px;
  left: 65px;
  background: url(https://tianyu.res.netease.com/pc/zt/20200610145553/img/logo_58da1529.png) no-repeat top center;
  background-size: 100% auto;
  z-index: 10;
  text-indent: -9999em;
}
#app .topCom .back {
  width: 128px;
  height: 34px;
  position: absolute;
  background-position: 0px 0px;
  right: 190px;
  top: 8px;
}
#app .topCom .back:hover {
  background-position: 0px -38px;
}
#app .topCom #leihuo_top_content {
  position: absolute;
  width: auto;
  right: 40px;
  z-index: 10;
  top: 6px;
}
.container-index {
  position: relative;
  width: 100%;
  height: 100%;
  max-width: 1920px;
  max-height: 1080px;
  margin: 0 auto;
  overflow: hidden;
}
.container-index .video-wrap {
  position: absolute;
  width: 1920px;
  height: 1080px;
  margin-left: -960px;
  left: 50%;
  top: 50%;
  margin-top: -540px;
}
.container-index .toInner {
  position: absolute;
  width: 53px;
  height: 41px;
  bottom: 145px;
  left: 50%;
  margin-left: -26px;
  background-position: -147px 0px;
  -webkit-animation: arrowAni 1.5s forwards ease-in-out infinite 300ms 0 ease;
  -moz-animation: arrowAni 1.5s forwards ease-in-out infinite 300ms 0 ease;
  -ms-animation: arrowAni 1.5s forwards ease-in-out infinite 300ms 0 ease;
  animation: arrowAni 1.5s forwards ease-in-out infinite 300ms 0 ease;
  -o-animation: arrowAni 1.5s forwards ease-in-out infinite;
  -webkit-animation: arrowAni 1.5s forwards ease-in-out infinite;
  -moz-animation: arrowAni 1.5s forwards ease-in-out infinite;
  -ms-animation: arrowAni 1.5s forwards ease-in-out infinite;
  animation: arrowAni 1.5s forwards ease-in-out infinite;
  z-index: 11;
}
.container-index .toInner:hover {
  filter: brightness(2);
}
@-webkit-keyframes scaleAnim {
  0% {
    transform: scale(1.3);
    -webkit-transform: scale(1.3);
    -moz-transform: scale(1.3);
    -ms-transform: scale(1.3);
    -o-transform: scale(1.3);
  }
  50% {
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
  }
  100% {
    transform: scale(1.3);
    -webkit-transform: scale(1.3);
    -moz-transform: scale(1.3);
    -ms-transform: scale(1.3);
    -o-transform: scale(1.3);
  }
}
@-moz-keyframes scaleAnim {
  0% {
    transform: scale(1.3);
    -webkit-transform: scale(1.3);
    -moz-transform: scale(1.3);
    -ms-transform: scale(1.3);
    -o-transform: scale(1.3);
  }
  50% {
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
  }
  100% {
    transform: scale(1.3);
    -webkit-transform: scale(1.3);
    -moz-transform: scale(1.3);
    -ms-transform: scale(1.3);
    -o-transform: scale(1.3);
  }
}
@-ms-keyframes scaleAnim {
  0% {
    transform: scale(1.3);
    -webkit-transform: scale(1.3);
    -moz-transform: scale(1.3);
    -ms-transform: scale(1.3);
    -o-transform: scale(1.3);
  }
  50% {
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
  }
  100% {
    transform: scale(1.3);
    -webkit-transform: scale(1.3);
    -moz-transform: scale(1.3);
    -ms-transform: scale(1.3);
    -o-transform: scale(1.3);
  }
}
@-o-keyframes scaleAnim {
  0% {
    transform: scale(1.3);
    -webkit-transform: scale(1.3);
    -moz-transform: scale(1.3);
    -ms-transform: scale(1.3);
    -o-transform: scale(1.3);
  }
  50% {
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
  }
  100% {
    transform: scale(1.3);
    -webkit-transform: scale(1.3);
    -moz-transform: scale(1.3);
    -ms-transform: scale(1.3);
    -o-transform: scale(1.3);
  }
}
@keyframes scaleAnim {
  0% {
    transform: scale(1.3);
    -webkit-transform: scale(1.3);
    -moz-transform: scale(1.3);
    -ms-transform: scale(1.3);
    -o-transform: scale(1.3);
  }
  50% {
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
  }
  100% {
    transform: scale(1.3);
    -webkit-transform: scale(1.3);
    -moz-transform: scale(1.3);
    -ms-transform: scale(1.3);
    -o-transform: scale(1.3);
  }
}
@-webkit-keyframes scaleAnim {
  0% {
    transform: scale(1.3);
    -webkit-transform: scale(1.3);
    -moz-transform: scale(1.3);
    -ms-transform: scale(1.3);
    -o-transform: scale(1.3);
  }
  50% {
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
  }
  100% {
    transform: scale(1.3);
    -webkit-transform: scale(1.3);
    -moz-transform: scale(1.3);
    -ms-transform: scale(1.3);
    -o-transform: scale(1.3);
  }
}
@-moz-keyframes scaleAnim {
  0% {
    transform: scale(1.3);
    -webkit-transform: scale(1.3);
    -moz-transform: scale(1.3);
    -ms-transform: scale(1.3);
    -o-transform: scale(1.3);
  }
  50% {
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
  }
  100% {
    transform: scale(1.3);
    -webkit-transform: scale(1.3);
    -moz-transform: scale(1.3);
    -ms-transform: scale(1.3);
    -o-transform: scale(1.3);
  }
}
@-ms-keyframes scaleAnim {
  0% {
    transform: scale(1.3);
    -webkit-transform: scale(1.3);
    -moz-transform: scale(1.3);
    -ms-transform: scale(1.3);
    -o-transform: scale(1.3);
  }
  50% {
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
  }
  100% {
    transform: scale(1.3);
    -webkit-transform: scale(1.3);
    -moz-transform: scale(1.3);
    -ms-transform: scale(1.3);
    -o-transform: scale(1.3);
  }
}
@-o-keyframes scaleAnim {
  0% {
    transform: scale(1.3);
    -webkit-transform: scale(1.3);
    -moz-transform: scale(1.3);
    -ms-transform: scale(1.3);
    -o-transform: scale(1.3);
  }
  50% {
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
  }
  100% {
    transform: scale(1.3);
    -webkit-transform: scale(1.3);
    -moz-transform: scale(1.3);
    -ms-transform: scale(1.3);
    -o-transform: scale(1.3);
  }
}
@keyframes scaleAnim {
  0% {
    transform: scale(1.3);
    -webkit-transform: scale(1.3);
    -moz-transform: scale(1.3);
    -ms-transform: scale(1.3);
    -o-transform: scale(1.3);
  }
  50% {
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
  }
  100% {
    transform: scale(1.3);
    -webkit-transform: scale(1.3);
    -moz-transform: scale(1.3);
    -ms-transform: scale(1.3);
    -o-transform: scale(1.3);
  }
}
@-webkit-keyframes arrowAni {
  0% {
    transform: translateY(0px);
  }
  50% {
    transform: translateY(-20px);
  }
  100% {
    transform: translateY(0px);
  }
}
@-moz-keyframes arrowAni {
  0% {
    transform: translateY(0px);
  }
  50% {
    transform: translateY(-20px);
  }
  100% {
    transform: translateY(0px);
  }
}
@-ms-keyframes arrowAni {
  0% {
    transform: translateY(0px);
  }
  50% {
    transform: translateY(-20px);
  }
  100% {
    transform: translateY(0px);
  }
}
@-o-keyframes arrowAni {
  0% {
    transform: translateY(0px);
  }
  50% {
    transform: translateY(-20px);
  }
  100% {
    transform: translateY(0px);
  }
}
@keyframes arrowAni {
  0% {
    transform: translateY(0px);
  }
  50% {
    transform: translateY(-20px);
  }
  100% {
    transform: translateY(0px);
  }
}
@-webkit-keyframes arrowAni {
  0% {
    transform: translateY(0px);
  }
  50% {
    transform: translateY(-20px);
  }
  100% {
    transform: translateY(0px);
  }
}
@-moz-keyframes arrowAni {
  0% {
    transform: translateY(0px);
  }
  50% {
    transform: translateY(-20px);
  }
  100% {
    transform: translateY(0px);
  }
}
@-ms-keyframes arrowAni {
  0% {
    transform: translateY(0px);
  }
  50% {
    transform: translateY(-20px);
  }
  100% {
    transform: translateY(0px);
  }
}
@-o-keyframes arrowAni {
  0% {
    transform: translateY(0px);
  }
  50% {
    transform: translateY(-20px);
  }
  100% {
    transform: translateY(0px);
  }
}
@keyframes arrowAni {
  0% {
    transform: translateY(0px);
  }
  50% {
    transform: translateY(-20px);
  }
  100% {
    transform: translateY(0px);
  }
}
@media screen and (max-width: 1680px) {
  #app .topCom #logo {
    transform: scale(0.95);
    left: 20px;
  }
  #app .container-inner .nav-wrap {
    width: 200px;
  }
  #app .container-inner .nav-wrap nav .nav-item {
    line-height: 25px;
  }
  #app .container-inner .nav-wrap nav .nav-item.active {
    line-height: 32px;
  }
  #app .container-inner .main-content {
    top: 0;
    margin-left: -500px;
  }
}
@media screen and (max-height: 920px) {
  /*当屏幕尺寸小于600px时，应用下面的CSS样式*/
}


.item[data-v-ca842be2] {
  width: 351px;
  height: 244px;
  float: left;
  position: relative;
}
.item .tabwrap[data-v-ca842be2] {
  position: relative;
  /*left:50%; */
  /*float:left;*/
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
.item .tabwrap .tab[data-v-ca842be2] {
  position: relative;
  /*right:50%; */
  z-index: 2;
  /*float:left;*/
  font-size: 13px;
  line-height: 16px;
  color: #f4e7b5;
  padding: 0 8px;
  margin-top: 10px;
  border-right: solid 1px #fff;
  cursor: pointer;
}
.item .tabwrap .tab.active[data-v-ca842be2] {
  color: #fff;
}
.item .tabwrap .tab[data-v-ca842be2]:last-child {
  border: none;
}
.item .image[data-v-ca842be2] {
  position: absolute;
  top: 0;
  width: 351px;
  height: 244px;
}
.item .image img[data-v-ca842be2] {
  width: 351px;
  height: 244px;
  vertical-align: top;
}
.item .tip[data-v-ca842be2] {
  position: absolute;
  top: 0;
  left: 0;
  width: 118px;
  height: 34px;
  background: url(https://tianyu.res.netease.com/pc/zt/20200610145553/img/tip-bg_f2da0317.png) no-repeat center;
  color: #fff;
  font-size: 16px;
  line-height: 27px;
  z-index: 3;
  box-sizing: border-box;
  transform: rotate(-45deg);
  margin-left: -30px;
  margin-top: 12px;
  padding-left: 36px;
  padding-top: 3px;
}
.item .text[data-v-ca842be2] {
  position: absolute;
  width: 351px;
  height: 40px;
  line-height: 40px;
  color: #ffffff;
  text-align: center;
  bottom: 0;
  font-size: 18px;
  background: rgba(0, 0, 0, 0.7);
}