@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;
  font-size: inherit;
  color: inherit;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
a,
button {
  cursor: pointer;
  color: inherit;
}
h1,
h2,
h3,
h4,
h5,
h6,
em {
  font-weight: normal;
  font-style: normal;
}
a,
a:hover {
  text-decoration: none;
}
html,
body {
  width: 100%;
  max-width: 1920px;
  margin: 0 auto;
  height: auto;
  font-family: "\5FAE\8F6F\96C5\9ED1", HelveticaNeue, Helvetica, "sans-serif";
}
::-webkit-input-placeholder {
  /* WebKit browsers */
  color: #92addd;
}
:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #92addd;
}
::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #92addd;
}
:-ms-input-placeholder {
  /* Internet Explorer 10+ */
  color: #92addd;
}
/*宽度限制板块*/
.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);
****/
.main {
  width: 1400px;
  margin: 0 auto;
  position: relative;
}
audio::-webkit-media-controls {
  overflow: hidden !important;
}
audio::-webkit-media-controls-enclosure {
  margin-left: auto;
}
.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+ */
}
.pr {
  position: relative;
}
.fl {
  float: left;
}
.fr {
  float: right;
}
.clear {
  clear: both;
}
.clearfix {
  *zoom: 1;
}
.clearfix:after {
  content: " ";
  display: block;
  height: 0;
  clear: both;
}
@font-face {
  font-family: 'fzskbxk';
  src: url('https://nie.res.netease.com/comm/js/nie/ref/fonts/fzskbxk.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'fzqkbys';
  src: url('https://nie.res.netease.com/comm/js/nie/ref/fonts/fzqkbys.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'fzbysong';
  src: url('https://nie.res.netease.com/comm/js/nie/ref/fonts/fzbysong.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
@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: 'fzxysong';
  src: url('https://nie.res.netease.com/comm/js/nie/ref/fonts/fzxysong.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
@-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;
    -webkit-transform: translateX(-50px);
            transform: translateX(-50px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
            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;
    -webkit-transform: translateY(-50px);
            transform: translateY(-50px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
            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;
    -webkit-transform: translateY(50px);
            transform: translateY(50px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
            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;
    -webkit-transform: translateX(50px);
            transform: translateX(50px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
            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% {
    -webkit-transform: scale(0.9);
            transform: scale(0.9);
  }
  50% {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(0.9);
            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% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
    -webkit-transform-origin: top left;
            transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out;
  }
  20%,
  60% {
    -webkit-transform: rotate(80deg);
            transform: rotate(80deg);
    -webkit-transform-origin: top left;
            transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out;
  }
  40% {
    -webkit-transform: rotate(60deg);
            transform: rotate(60deg);
    -webkit-transform-origin: top left;
            transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out;
  }
  80% {
    -webkit-transform: rotate(60deg) translateY(0);
            transform: rotate(60deg) translateY(0);
    opacity: 1;
    -webkit-transform-origin: top left;
            transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out;
  }
  100% {
    -webkit-transform: translateY(700px);
            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% {
    -webkit-transform-origin: center center;
            transform-origin: center center;
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform-origin: center center;
            transform-origin: center center;
    -webkit-transform: rotate(360deg);
            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% {
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
  }
  15% {
    -webkit-transform: translateX(-25%) rotate(-5deg);
            transform: translateX(-25%) rotate(-5deg);
  }
  30% {
    -webkit-transform: translateX(20%) rotate(3deg);
            transform: translateX(20%) rotate(3deg);
  }
  45% {
    -webkit-transform: translateX(-15%) rotate(-3deg);
            transform: translateX(-15%) rotate(-3deg);
  }
  60% {
    -webkit-transform: translateX(10%) rotate(2deg);
            transform: translateX(10%) rotate(2deg);
  }
  75% {
    -webkit-transform: translateX(-5%) rotate(-1deg);
            transform: translateX(-5%) rotate(-1deg);
  }
  100% {
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
    opacity: 1;
  }
}
@-webkit-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);
  }
}
@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% {
    -webkit-transform: perspective(400px) rotateY(90deg);
            transform: perspective(400px) rotateY(90deg);
  }
  40% {
    -webkit-transform: perspective(400px) rotateY(-10deg);
            transform: perspective(400px) rotateY(-10deg);
  }
  70% {
    -webkit-transform: perspective(400px) rotateY(10deg);
            transform: perspective(400px) rotateY(10deg);
  }
  100% {
    -webkit-transform: perspective(400px) rotateY(0deg);
            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% {
    -webkit-transform: perspective(400px) rotateY(-90deg);
            transform: perspective(400px) rotateY(-90deg);
  }
  40% {
    -webkit-transform: perspective(400px) rotateY(-10deg);
            transform: perspective(400px) rotateY(-10deg);
  }
  70% {
    -webkit-transform: perspective(400px) rotateY(10deg);
            transform: perspective(400px) rotateY(10deg);
  }
  100% {
    -webkit-transform: perspective(400px) rotateY(0deg);
            transform: perspective(400px) rotateY(0deg);
  }
}
@-webkit-keyframes shine {
  0%,
  100% {
    opacity: 1;
  }
  50% {
    opacity: .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% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  50% {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            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% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.05);
            transform: scale(1.05);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@-webkit-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(15px);
    -webkit-transform: translateY(15px);
    -moz-transform: translateY(15px);
    -ms-transform: translateY(15px);
    -o-transform: translateY(15px);
  }
}
@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(15px);
    -webkit-transform: translateY(15px);
    -moz-transform: translateY(15px);
    -ms-transform: translateY(15px);
    -o-transform: translateY(15px);
  }
}
@-webkit-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 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);
  }
}
@-webkit-keyframes show {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
            transform: translateY(-20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
@keyframes show {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
            transform: translateY(-20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
@-webkit-keyframes fylLeft {
  0% {
    opacity: 1;
    -webkit-transform: translateX(-6rem);
            transform: translateX(-6rem);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
            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;
    -webkit-transform: translateX(-6rem);
            transform: translateX(-6rem);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@-webkit-keyframes fylLeft {
  0% {
    opacity: 1;
    -webkit-transform: translateX(-6rem);
            transform: translateX(-6rem);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
            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;
    -webkit-transform: translateX(-6rem);
            transform: translateX(-6rem);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@-webkit-keyframes scaleSkill {
  0% {
    -webkit-transform: translate(-50%, -50%) scale(1);
            transform: translate(-50%, -50%) scale(1);
  }
  50% {
    -webkit-transform: translate(-50%, -50%) scale(1.2);
            transform: translate(-50%, -50%) scale(1.2);
  }
  100% {
    -webkit-transform: translate(-50%, -50%) scale(1);
            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% {
    -webkit-transform: translate(-50%, -50%) scale(1);
            transform: translate(-50%, -50%) scale(1);
  }
  50% {
    -webkit-transform: translate(-50%, -50%) scale(1.2);
            transform: translate(-50%, -50%) scale(1.2);
  }
  100% {
    -webkit-transform: translate(-50%, -50%) scale(1);
            transform: translate(-50%, -50%) scale(1);
  }
}
@-webkit-keyframes scaleSkill {
  0% {
    -webkit-transform: translate(-50%, -50%) scale(1);
            transform: translate(-50%, -50%) scale(1);
  }
  50% {
    -webkit-transform: translate(-50%, -50%) scale(1.2);
            transform: translate(-50%, -50%) scale(1.2);
  }
  100% {
    -webkit-transform: translate(-50%, -50%) scale(1);
            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% {
    -webkit-transform: translate(-50%, -50%) scale(1);
            transform: translate(-50%, -50%) scale(1);
  }
  50% {
    -webkit-transform: translate(-50%, -50%) scale(1.2);
            transform: translate(-50%, -50%) scale(1.2);
  }
  100% {
    -webkit-transform: translate(-50%, -50%) scale(1);
            transform: translate(-50%, -50%) scale(1);
  }
}
@-webkit-keyframes btnShake {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  25% {
    -webkit-transform: translateX(-2px);
            transform: translateX(-2px);
  }
  50% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  75% {
    -webkit-transform: translateX(2px);
            transform: translateX(2px);
  }
  100% {
    -webkit-transform: translateX(0);
            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% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  25% {
    -webkit-transform: translateX(-2px);
            transform: translateX(-2px);
  }
  50% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  75% {
    -webkit-transform: translateX(2px);
            transform: translateX(2px);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@-webkit-keyframes btnShake {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  25% {
    -webkit-transform: translateX(-2px);
            transform: translateX(-2px);
  }
  50% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  75% {
    -webkit-transform: translateX(2px);
            transform: translateX(2px);
  }
  100% {
    -webkit-transform: translateX(0);
            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% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  25% {
    -webkit-transform: translateX(-2px);
            transform: translateX(-2px);
  }
  50% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  75% {
    -webkit-transform: translateX(2px);
            transform: translateX(2px);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@-webkit-keyframes innerIn {
  0% {
    -webkit-transform: translateX(1000px);
            transform: translateX(1000px);
  }
  100% {
    -webkit-transform: translateX(0);
            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% {
    -webkit-transform: translateX(1000px);
            transform: translateX(1000px);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@-webkit-keyframes innerIn {
  0% {
    -webkit-transform: translateX(1000px);
            transform: translateX(1000px);
  }
  100% {
    -webkit-transform: translateX(0);
            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% {
    -webkit-transform: translateX(1000px);
            transform: translateX(1000px);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@-webkit-keyframes barAni {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 0 -8000px;
  }
}
@-moz-keyframes barAni {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 0 -8000px;
  }
}
@-ms-keyframes barAni {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 0 -8000px;
  }
}
@-o-keyframes barAni {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 0 -8000px;
  }
}
@keyframes barAni {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 0 -8000px;
  }
}
@-webkit-keyframes barAni {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 0 -8000px;
  }
}
@-moz-keyframes barAni {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 0 -8000px;
  }
}
@-ms-keyframes barAni {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 0 -8000px;
  }
}
@-o-keyframes barAni {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 0 -8000px;
  }
}
@keyframes barAni {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 0 -8000px;
  }
}
@-webkit-keyframes kvAni {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 0 -17720px;
  }
}
@-moz-keyframes kvAni {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 0 -17720px;
  }
}
@-ms-keyframes kvAni {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 0 -17720px;
  }
}
@-o-keyframes kvAni {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 0 -17720px;
  }
}
@keyframes kvAni {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 0 -17720px;
  }
}
@-webkit-keyframes kvAni {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 0 -17720px;
  }
}
@-moz-keyframes kvAni {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 0 -17720px;
  }
}
@-ms-keyframes kvAni {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 0 -17720px;
  }
}
@-o-keyframes kvAni {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 0 -17720px;
  }
}
@keyframes kvAni {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 0 -17720px;
  }
}
@-webkit-keyframes yaoAni {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 0 -23036px;
  }
}
@-moz-keyframes yaoAni {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 0 -23036px;
  }
}
@-ms-keyframes yaoAni {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 0 -23036px;
  }
}
@-o-keyframes yaoAni {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 0 -23036px;
  }
}
@keyframes yaoAni {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 0 -23036px;
  }
}
@-webkit-keyframes yaoAni {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 0 -23036px;
  }
}
@-moz-keyframes yaoAni {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 0 -23036px;
  }
}
@-ms-keyframes yaoAni {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 0 -23036px;
  }
}
@-o-keyframes yaoAni {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 0 -23036px;
  }
}
@keyframes yaoAni {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 0 -23036px;
  }
}
@-webkit-keyframes kvAniMh {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 0 -6000px;
  }
}
@-moz-keyframes kvAniMh {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 0 -6000px;
  }
}
@-ms-keyframes kvAniMh {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 0 -6000px;
  }
}
@-o-keyframes kvAniMh {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 0 -6000px;
  }
}
@keyframes kvAniMh {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 0 -6000px;
  }
}
@-webkit-keyframes kvAniMh {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 0 -6000px;
  }
}
@-moz-keyframes kvAniMh {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 0 -6000px;
  }
}
@-ms-keyframes kvAniMh {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 0 -6000px;
  }
}
@-o-keyframes kvAniMh {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 0 -6000px;
  }
}
@keyframes kvAniMh {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 0 -6000px;
  }
}
@-webkit-keyframes yaoAniMh {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 0 -9000px;
  }
}
@-moz-keyframes yaoAniMh {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 0 -9000px;
  }
}
@-ms-keyframes yaoAniMh {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 0 -9000px;
  }
}
@-o-keyframes yaoAniMh {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 0 -9000px;
  }
}
@keyframes yaoAniMh {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 0 -9000px;
  }
}
@-webkit-keyframes yaoAniMh {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 0 -9000px;
  }
}
@-moz-keyframes yaoAniMh {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 0 -9000px;
  }
}
@-ms-keyframes yaoAniMh {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 0 -9000px;
  }
}
@-o-keyframes yaoAniMh {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 0 -9000px;
  }
}
@keyframes yaoAniMh {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 0 -9000px;
  }
}
@-webkit-keyframes kvAniM {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 0 -4720px;
  }
}
@-moz-keyframes kvAniM {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 0 -4720px;
  }
}
@-ms-keyframes kvAniM {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 0 -4720px;
  }
}
@-o-keyframes kvAniM {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 0 -4720px;
  }
}
@keyframes kvAniM {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 0 -4720px;
  }
}
@-webkit-keyframes kvAniM {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 0 -4720px;
  }
}
@-moz-keyframes kvAniM {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 0 -4720px;
  }
}
@-ms-keyframes kvAniM {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 0 -4720px;
  }
}
@-o-keyframes kvAniM {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 0 -4720px;
  }
}
@keyframes kvAniM {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 0 -4720px;
  }
}
@-webkit-keyframes aniBtn {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 0 -3200px;
  }
}
@-moz-keyframes aniBtn {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 0 -3200px;
  }
}
@-ms-keyframes aniBtn {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 0 -3200px;
  }
}
@-o-keyframes aniBtn {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 0 -3200px;
  }
}
@keyframes aniBtn {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 0 -3200px;
  }
}
@-webkit-keyframes aniBtn {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 0 -3200px;
  }
}
@-moz-keyframes aniBtn {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 0 -3200px;
  }
}
@-ms-keyframes aniBtn {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 0 -3200px;
  }
}
@-o-keyframes aniBtn {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 0 -3200px;
  }
}
@keyframes aniBtn {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 0 -3200px;
  }
}
@-webkit-keyframes flash {
  from,
  50%,
  to {
    opacity: 1;
  }
  25%,
  75% {
    opacity: 0;
  }
}
@-moz-keyframes flash {
  from,
  50%,
  to {
    opacity: 1;
  }
  25%,
  75% {
    opacity: 0;
  }
}
@-ms-keyframes flash {
  from,
  50%,
  to {
    opacity: 1;
  }
  25%,
  75% {
    opacity: 0;
  }
}
@-o-keyframes flash {
  from,
  50%,
  to {
    opacity: 1;
  }
  25%,
  75% {
    opacity: 0;
  }
}
@keyframes flash {
  from,
  50%,
  to {
    opacity: 1;
  }
  25%,
  75% {
    opacity: 0;
  }
}
@-webkit-keyframes flash {
  from,
  50%,
  to {
    opacity: 1;
  }
  25%,
  75% {
    opacity: 0;
  }
}
@-moz-keyframes flash {
  from,
  50%,
  to {
    opacity: 1;
  }
  25%,
  75% {
    opacity: 0;
  }
}
@-ms-keyframes flash {
  from,
  50%,
  to {
    opacity: 1;
  }
  25%,
  75% {
    opacity: 0;
  }
}
@-o-keyframes flash {
  from,
  50%,
  to {
    opacity: 1;
  }
  25%,
  75% {
    opacity: 0;
  }
}
@keyframes flash {
  from,
  50%,
  to {
    opacity: 1;
  }
  25%,
  75% {
    opacity: 0;
  }
}
@-webkit-keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@-moz-keyframes slideInUp {
  from {
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
@-ms-keyframes slideInUp {
  from {
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
@-o-keyframes slideInUp {
  from {
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
@keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@-webkit-keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@-moz-keyframes slideInUp {
  from {
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
@-ms-keyframes slideInUp {
  from {
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
@-o-keyframes slideInUp {
  from {
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
@keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@-webkit-keyframes translateRewrad {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    -webkit-transform: translateY(-5px);
            transform: translateY(-5px);
  }
}
@-moz-keyframes translateRewrad {
  0% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(-5px);
  }
}
@-ms-keyframes translateRewrad {
  0% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(-5px);
  }
}
@-o-keyframes translateRewrad {
  0% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(-5px);
  }
}
@keyframes translateRewrad {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    -webkit-transform: translateY(-5px);
            transform: translateY(-5px);
  }
}
@-webkit-keyframes translateRewrad {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    -webkit-transform: translateY(-5px);
            transform: translateY(-5px);
  }
}
@-moz-keyframes translateRewrad {
  0% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(-5px);
  }
}
@-ms-keyframes translateRewrad {
  0% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(-5px);
  }
}
@-o-keyframes translateRewrad {
  0% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(-5px);
  }
}
@keyframes translateRewrad {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    -webkit-transform: translateY(-5px);
            transform: translateY(-5px);
  }
}
@-webkit-keyframes eyesAnimation {
  0% {
    background-position: 0px 0px;
  }
  2.04% {
    background-position: -50px 0px;
  }
  4.08% {
    background-position: -100px 0px;
  }
  6.12% {
    background-position: -150px 0px;
  }
  8.16% {
    background-position: -200px 0px;
  }
  10.20% {
    background-position: -250px 0px;
  }
  12.24% {
    background-position: -300px 0px;
  }
  14.29% {
    background-position: -350px 0px;
  }
  16.33% {
    background-position: -400px 0px;
  }
  18.37% {
    background-position: -450px 0px;
  }
  20.41% {
    background-position: -500px 0px;
  }
  22.45% {
    background-position: -550px 0px;
  }
  24.49% {
    background-position: -600px 0px;
  }
  26.53% {
    background-position: -650px 0px;
  }
  28.57% {
    background-position: -700px 0px;
  }
  30.61% {
    background-position: -750px 0px;
  }
  32.65% {
    background-position: -800px 0px;
  }
  34.69% {
    background-position: -850px 0px;
  }
  36.73% {
    background-position: -900px 0px;
  }
  38.78% {
    background-position: -950px 0px;
  }
  40.82% {
    background-position: -1000px 0px;
  }
  42.86% {
    background-position: -1050px 0px;
  }
  44.90% {
    background-position: -1100px 0px;
  }
  46.94% {
    background-position: -1150px 0px;
  }
  48.98% {
    background-position: -1200px 0px;
  }
  51.02% {
    background-position: -1250px 0px;
  }
  53.06% {
    background-position: -1300px 0px;
  }
  55.10% {
    background-position: -1350px 0px;
  }
  57.14% {
    background-position: -1400px 0px;
  }
  59.18% {
    background-position: -1450px 0px;
  }
  61.22% {
    background-position: -1500px 0px;
  }
  63.27% {
    background-position: -1550px 0px;
  }
  65.31% {
    background-position: -1600px 0px;
  }
  67.35% {
    background-position: -1650px 0px;
  }
  69.39% {
    background-position: -1700px 0px;
  }
  71.43% {
    background-position: -1750px 0px;
  }
  73.47% {
    background-position: -1800px 0px;
  }
  75.51% {
    background-position: -1850px 0px;
  }
  77.55% {
    background-position: -1900px 0px;
  }
  79.59% {
    background-position: -1950px 0px;
  }
  81.63% {
    background-position: -2000px 0px;
  }
  83.67% {
    background-position: -2050px 0px;
  }
  85.71% {
    background-position: -2100px 0px;
  }
  87.76% {
    background-position: -2150px 0px;
  }
  89.80% {
    background-position: -2200px 0px;
  }
  91.84% {
    background-position: -2250px 0px;
  }
  93.88% {
    background-position: -2300px 0px;
  }
  95.92% {
    background-position: -2350px 0px;
  }
  97.96% {
    background-position: -2400px 0px;
  }
  100.00% {
    background-position: -2450px 0px;
  }
}
@-moz-keyframes eyesAnimation {
  0% {
    background-position: 0px 0px;
  }
  2.04% {
    background-position: -50px 0px;
  }
  4.08% {
    background-position: -100px 0px;
  }
  6.12% {
    background-position: -150px 0px;
  }
  8.16% {
    background-position: -200px 0px;
  }
  10.20% {
    background-position: -250px 0px;
  }
  12.24% {
    background-position: -300px 0px;
  }
  14.29% {
    background-position: -350px 0px;
  }
  16.33% {
    background-position: -400px 0px;
  }
  18.37% {
    background-position: -450px 0px;
  }
  20.41% {
    background-position: -500px 0px;
  }
  22.45% {
    background-position: -550px 0px;
  }
  24.49% {
    background-position: -600px 0px;
  }
  26.53% {
    background-position: -650px 0px;
  }
  28.57% {
    background-position: -700px 0px;
  }
  30.61% {
    background-position: -750px 0px;
  }
  32.65% {
    background-position: -800px 0px;
  }
  34.69% {
    background-position: -850px 0px;
  }
  36.73% {
    background-position: -900px 0px;
  }
  38.78% {
    background-position: -950px 0px;
  }
  40.82% {
    background-position: -1000px 0px;
  }
  42.86% {
    background-position: -1050px 0px;
  }
  44.90% {
    background-position: -1100px 0px;
  }
  46.94% {
    background-position: -1150px 0px;
  }
  48.98% {
    background-position: -1200px 0px;
  }
  51.02% {
    background-position: -1250px 0px;
  }
  53.06% {
    background-position: -1300px 0px;
  }
  55.10% {
    background-position: -1350px 0px;
  }
  57.14% {
    background-position: -1400px 0px;
  }
  59.18% {
    background-position: -1450px 0px;
  }
  61.22% {
    background-position: -1500px 0px;
  }
  63.27% {
    background-position: -1550px 0px;
  }
  65.31% {
    background-position: -1600px 0px;
  }
  67.35% {
    background-position: -1650px 0px;
  }
  69.39% {
    background-position: -1700px 0px;
  }
  71.43% {
    background-position: -1750px 0px;
  }
  73.47% {
    background-position: -1800px 0px;
  }
  75.51% {
    background-position: -1850px 0px;
  }
  77.55% {
    background-position: -1900px 0px;
  }
  79.59% {
    background-position: -1950px 0px;
  }
  81.63% {
    background-position: -2000px 0px;
  }
  83.67% {
    background-position: -2050px 0px;
  }
  85.71% {
    background-position: -2100px 0px;
  }
  87.76% {
    background-position: -2150px 0px;
  }
  89.80% {
    background-position: -2200px 0px;
  }
  91.84% {
    background-position: -2250px 0px;
  }
  93.88% {
    background-position: -2300px 0px;
  }
  95.92% {
    background-position: -2350px 0px;
  }
  97.96% {
    background-position: -2400px 0px;
  }
  100.00% {
    background-position: -2450px 0px;
  }
}
@-ms-keyframes eyesAnimation {
  0% {
    background-position: 0px 0px;
  }
  2.04% {
    background-position: -50px 0px;
  }
  4.08% {
    background-position: -100px 0px;
  }
  6.12% {
    background-position: -150px 0px;
  }
  8.16% {
    background-position: -200px 0px;
  }
  10.20% {
    background-position: -250px 0px;
  }
  12.24% {
    background-position: -300px 0px;
  }
  14.29% {
    background-position: -350px 0px;
  }
  16.33% {
    background-position: -400px 0px;
  }
  18.37% {
    background-position: -450px 0px;
  }
  20.41% {
    background-position: -500px 0px;
  }
  22.45% {
    background-position: -550px 0px;
  }
  24.49% {
    background-position: -600px 0px;
  }
  26.53% {
    background-position: -650px 0px;
  }
  28.57% {
    background-position: -700px 0px;
  }
  30.61% {
    background-position: -750px 0px;
  }
  32.65% {
    background-position: -800px 0px;
  }
  34.69% {
    background-position: -850px 0px;
  }
  36.73% {
    background-position: -900px 0px;
  }
  38.78% {
    background-position: -950px 0px;
  }
  40.82% {
    background-position: -1000px 0px;
  }
  42.86% {
    background-position: -1050px 0px;
  }
  44.90% {
    background-position: -1100px 0px;
  }
  46.94% {
    background-position: -1150px 0px;
  }
  48.98% {
    background-position: -1200px 0px;
  }
  51.02% {
    background-position: -1250px 0px;
  }
  53.06% {
    background-position: -1300px 0px;
  }
  55.10% {
    background-position: -1350px 0px;
  }
  57.14% {
    background-position: -1400px 0px;
  }
  59.18% {
    background-position: -1450px 0px;
  }
  61.22% {
    background-position: -1500px 0px;
  }
  63.27% {
    background-position: -1550px 0px;
  }
  65.31% {
    background-position: -1600px 0px;
  }
  67.35% {
    background-position: -1650px 0px;
  }
  69.39% {
    background-position: -1700px 0px;
  }
  71.43% {
    background-position: -1750px 0px;
  }
  73.47% {
    background-position: -1800px 0px;
  }
  75.51% {
    background-position: -1850px 0px;
  }
  77.55% {
    background-position: -1900px 0px;
  }
  79.59% {
    background-position: -1950px 0px;
  }
  81.63% {
    background-position: -2000px 0px;
  }
  83.67% {
    background-position: -2050px 0px;
  }
  85.71% {
    background-position: -2100px 0px;
  }
  87.76% {
    background-position: -2150px 0px;
  }
  89.80% {
    background-position: -2200px 0px;
  }
  91.84% {
    background-position: -2250px 0px;
  }
  93.88% {
    background-position: -2300px 0px;
  }
  95.92% {
    background-position: -2350px 0px;
  }
  97.96% {
    background-position: -2400px 0px;
  }
  100.00% {
    background-position: -2450px 0px;
  }
}
@-o-keyframes eyesAnimation {
  0% {
    background-position: 0px 0px;
  }
  2.04% {
    background-position: -50px 0px;
  }
  4.08% {
    background-position: -100px 0px;
  }
  6.12% {
    background-position: -150px 0px;
  }
  8.16% {
    background-position: -200px 0px;
  }
  10.20% {
    background-position: -250px 0px;
  }
  12.24% {
    background-position: -300px 0px;
  }
  14.29% {
    background-position: -350px 0px;
  }
  16.33% {
    background-position: -400px 0px;
  }
  18.37% {
    background-position: -450px 0px;
  }
  20.41% {
    background-position: -500px 0px;
  }
  22.45% {
    background-position: -550px 0px;
  }
  24.49% {
    background-position: -600px 0px;
  }
  26.53% {
    background-position: -650px 0px;
  }
  28.57% {
    background-position: -700px 0px;
  }
  30.61% {
    background-position: -750px 0px;
  }
  32.65% {
    background-position: -800px 0px;
  }
  34.69% {
    background-position: -850px 0px;
  }
  36.73% {
    background-position: -900px 0px;
  }
  38.78% {
    background-position: -950px 0px;
  }
  40.82% {
    background-position: -1000px 0px;
  }
  42.86% {
    background-position: -1050px 0px;
  }
  44.90% {
    background-position: -1100px 0px;
  }
  46.94% {
    background-position: -1150px 0px;
  }
  48.98% {
    background-position: -1200px 0px;
  }
  51.02% {
    background-position: -1250px 0px;
  }
  53.06% {
    background-position: -1300px 0px;
  }
  55.10% {
    background-position: -1350px 0px;
  }
  57.14% {
    background-position: -1400px 0px;
  }
  59.18% {
    background-position: -1450px 0px;
  }
  61.22% {
    background-position: -1500px 0px;
  }
  63.27% {
    background-position: -1550px 0px;
  }
  65.31% {
    background-position: -1600px 0px;
  }
  67.35% {
    background-position: -1650px 0px;
  }
  69.39% {
    background-position: -1700px 0px;
  }
  71.43% {
    background-position: -1750px 0px;
  }
  73.47% {
    background-position: -1800px 0px;
  }
  75.51% {
    background-position: -1850px 0px;
  }
  77.55% {
    background-position: -1900px 0px;
  }
  79.59% {
    background-position: -1950px 0px;
  }
  81.63% {
    background-position: -2000px 0px;
  }
  83.67% {
    background-position: -2050px 0px;
  }
  85.71% {
    background-position: -2100px 0px;
  }
  87.76% {
    background-position: -2150px 0px;
  }
  89.80% {
    background-position: -2200px 0px;
  }
  91.84% {
    background-position: -2250px 0px;
  }
  93.88% {
    background-position: -2300px 0px;
  }
  95.92% {
    background-position: -2350px 0px;
  }
  97.96% {
    background-position: -2400px 0px;
  }
  100.00% {
    background-position: -2450px 0px;
  }
}
@keyframes eyesAnimation {
  0% {
    background-position: 0px 0px;
  }
  2.04% {
    background-position: -50px 0px;
  }
  4.08% {
    background-position: -100px 0px;
  }
  6.12% {
    background-position: -150px 0px;
  }
  8.16% {
    background-position: -200px 0px;
  }
  10.20% {
    background-position: -250px 0px;
  }
  12.24% {
    background-position: -300px 0px;
  }
  14.29% {
    background-position: -350px 0px;
  }
  16.33% {
    background-position: -400px 0px;
  }
  18.37% {
    background-position: -450px 0px;
  }
  20.41% {
    background-position: -500px 0px;
  }
  22.45% {
    background-position: -550px 0px;
  }
  24.49% {
    background-position: -600px 0px;
  }
  26.53% {
    background-position: -650px 0px;
  }
  28.57% {
    background-position: -700px 0px;
  }
  30.61% {
    background-position: -750px 0px;
  }
  32.65% {
    background-position: -800px 0px;
  }
  34.69% {
    background-position: -850px 0px;
  }
  36.73% {
    background-position: -900px 0px;
  }
  38.78% {
    background-position: -950px 0px;
  }
  40.82% {
    background-position: -1000px 0px;
  }
  42.86% {
    background-position: -1050px 0px;
  }
  44.90% {
    background-position: -1100px 0px;
  }
  46.94% {
    background-position: -1150px 0px;
  }
  48.98% {
    background-position: -1200px 0px;
  }
  51.02% {
    background-position: -1250px 0px;
  }
  53.06% {
    background-position: -1300px 0px;
  }
  55.10% {
    background-position: -1350px 0px;
  }
  57.14% {
    background-position: -1400px 0px;
  }
  59.18% {
    background-position: -1450px 0px;
  }
  61.22% {
    background-position: -1500px 0px;
  }
  63.27% {
    background-position: -1550px 0px;
  }
  65.31% {
    background-position: -1600px 0px;
  }
  67.35% {
    background-position: -1650px 0px;
  }
  69.39% {
    background-position: -1700px 0px;
  }
  71.43% {
    background-position: -1750px 0px;
  }
  73.47% {
    background-position: -1800px 0px;
  }
  75.51% {
    background-position: -1850px 0px;
  }
  77.55% {
    background-position: -1900px 0px;
  }
  79.59% {
    background-position: -1950px 0px;
  }
  81.63% {
    background-position: -2000px 0px;
  }
  83.67% {
    background-position: -2050px 0px;
  }
  85.71% {
    background-position: -2100px 0px;
  }
  87.76% {
    background-position: -2150px 0px;
  }
  89.80% {
    background-position: -2200px 0px;
  }
  91.84% {
    background-position: -2250px 0px;
  }
  93.88% {
    background-position: -2300px 0px;
  }
  95.92% {
    background-position: -2350px 0px;
  }
  97.96% {
    background-position: -2400px 0px;
  }
  100.00% {
    background-position: -2450px 0px;
  }
}
@-webkit-keyframes eyesAnimation {
  0% {
    background-position: 0px 0px;
  }
  2.04% {
    background-position: -50px 0px;
  }
  4.08% {
    background-position: -100px 0px;
  }
  6.12% {
    background-position: -150px 0px;
  }
  8.16% {
    background-position: -200px 0px;
  }
  10.20% {
    background-position: -250px 0px;
  }
  12.24% {
    background-position: -300px 0px;
  }
  14.29% {
    background-position: -350px 0px;
  }
  16.33% {
    background-position: -400px 0px;
  }
  18.37% {
    background-position: -450px 0px;
  }
  20.41% {
    background-position: -500px 0px;
  }
  22.45% {
    background-position: -550px 0px;
  }
  24.49% {
    background-position: -600px 0px;
  }
  26.53% {
    background-position: -650px 0px;
  }
  28.57% {
    background-position: -700px 0px;
  }
  30.61% {
    background-position: -750px 0px;
  }
  32.65% {
    background-position: -800px 0px;
  }
  34.69% {
    background-position: -850px 0px;
  }
  36.73% {
    background-position: -900px 0px;
  }
  38.78% {
    background-position: -950px 0px;
  }
  40.82% {
    background-position: -1000px 0px;
  }
  42.86% {
    background-position: -1050px 0px;
  }
  44.90% {
    background-position: -1100px 0px;
  }
  46.94% {
    background-position: -1150px 0px;
  }
  48.98% {
    background-position: -1200px 0px;
  }
  51.02% {
    background-position: -1250px 0px;
  }
  53.06% {
    background-position: -1300px 0px;
  }
  55.10% {
    background-position: -1350px 0px;
  }
  57.14% {
    background-position: -1400px 0px;
  }
  59.18% {
    background-position: -1450px 0px;
  }
  61.22% {
    background-position: -1500px 0px;
  }
  63.27% {
    background-position: -1550px 0px;
  }
  65.31% {
    background-position: -1600px 0px;
  }
  67.35% {
    background-position: -1650px 0px;
  }
  69.39% {
    background-position: -1700px 0px;
  }
  71.43% {
    background-position: -1750px 0px;
  }
  73.47% {
    background-position: -1800px 0px;
  }
  75.51% {
    background-position: -1850px 0px;
  }
  77.55% {
    background-position: -1900px 0px;
  }
  79.59% {
    background-position: -1950px 0px;
  }
  81.63% {
    background-position: -2000px 0px;
  }
  83.67% {
    background-position: -2050px 0px;
  }
  85.71% {
    background-position: -2100px 0px;
  }
  87.76% {
    background-position: -2150px 0px;
  }
  89.80% {
    background-position: -2200px 0px;
  }
  91.84% {
    background-position: -2250px 0px;
  }
  93.88% {
    background-position: -2300px 0px;
  }
  95.92% {
    background-position: -2350px 0px;
  }
  97.96% {
    background-position: -2400px 0px;
  }
  100.00% {
    background-position: -2450px 0px;
  }
}
@-moz-keyframes eyesAnimation {
  0% {
    background-position: 0px 0px;
  }
  2.04% {
    background-position: -50px 0px;
  }
  4.08% {
    background-position: -100px 0px;
  }
  6.12% {
    background-position: -150px 0px;
  }
  8.16% {
    background-position: -200px 0px;
  }
  10.20% {
    background-position: -250px 0px;
  }
  12.24% {
    background-position: -300px 0px;
  }
  14.29% {
    background-position: -350px 0px;
  }
  16.33% {
    background-position: -400px 0px;
  }
  18.37% {
    background-position: -450px 0px;
  }
  20.41% {
    background-position: -500px 0px;
  }
  22.45% {
    background-position: -550px 0px;
  }
  24.49% {
    background-position: -600px 0px;
  }
  26.53% {
    background-position: -650px 0px;
  }
  28.57% {
    background-position: -700px 0px;
  }
  30.61% {
    background-position: -750px 0px;
  }
  32.65% {
    background-position: -800px 0px;
  }
  34.69% {
    background-position: -850px 0px;
  }
  36.73% {
    background-position: -900px 0px;
  }
  38.78% {
    background-position: -950px 0px;
  }
  40.82% {
    background-position: -1000px 0px;
  }
  42.86% {
    background-position: -1050px 0px;
  }
  44.90% {
    background-position: -1100px 0px;
  }
  46.94% {
    background-position: -1150px 0px;
  }
  48.98% {
    background-position: -1200px 0px;
  }
  51.02% {
    background-position: -1250px 0px;
  }
  53.06% {
    background-position: -1300px 0px;
  }
  55.10% {
    background-position: -1350px 0px;
  }
  57.14% {
    background-position: -1400px 0px;
  }
  59.18% {
    background-position: -1450px 0px;
  }
  61.22% {
    background-position: -1500px 0px;
  }
  63.27% {
    background-position: -1550px 0px;
  }
  65.31% {
    background-position: -1600px 0px;
  }
  67.35% {
    background-position: -1650px 0px;
  }
  69.39% {
    background-position: -1700px 0px;
  }
  71.43% {
    background-position: -1750px 0px;
  }
  73.47% {
    background-position: -1800px 0px;
  }
  75.51% {
    background-position: -1850px 0px;
  }
  77.55% {
    background-position: -1900px 0px;
  }
  79.59% {
    background-position: -1950px 0px;
  }
  81.63% {
    background-position: -2000px 0px;
  }
  83.67% {
    background-position: -2050px 0px;
  }
  85.71% {
    background-position: -2100px 0px;
  }
  87.76% {
    background-position: -2150px 0px;
  }
  89.80% {
    background-position: -2200px 0px;
  }
  91.84% {
    background-position: -2250px 0px;
  }
  93.88% {
    background-position: -2300px 0px;
  }
  95.92% {
    background-position: -2350px 0px;
  }
  97.96% {
    background-position: -2400px 0px;
  }
  100.00% {
    background-position: -2450px 0px;
  }
}
@-ms-keyframes eyesAnimation {
  0% {
    background-position: 0px 0px;
  }
  2.04% {
    background-position: -50px 0px;
  }
  4.08% {
    background-position: -100px 0px;
  }
  6.12% {
    background-position: -150px 0px;
  }
  8.16% {
    background-position: -200px 0px;
  }
  10.20% {
    background-position: -250px 0px;
  }
  12.24% {
    background-position: -300px 0px;
  }
  14.29% {
    background-position: -350px 0px;
  }
  16.33% {
    background-position: -400px 0px;
  }
  18.37% {
    background-position: -450px 0px;
  }
  20.41% {
    background-position: -500px 0px;
  }
  22.45% {
    background-position: -550px 0px;
  }
  24.49% {
    background-position: -600px 0px;
  }
  26.53% {
    background-position: -650px 0px;
  }
  28.57% {
    background-position: -700px 0px;
  }
  30.61% {
    background-position: -750px 0px;
  }
  32.65% {
    background-position: -800px 0px;
  }
  34.69% {
    background-position: -850px 0px;
  }
  36.73% {
    background-position: -900px 0px;
  }
  38.78% {
    background-position: -950px 0px;
  }
  40.82% {
    background-position: -1000px 0px;
  }
  42.86% {
    background-position: -1050px 0px;
  }
  44.90% {
    background-position: -1100px 0px;
  }
  46.94% {
    background-position: -1150px 0px;
  }
  48.98% {
    background-position: -1200px 0px;
  }
  51.02% {
    background-position: -1250px 0px;
  }
  53.06% {
    background-position: -1300px 0px;
  }
  55.10% {
    background-position: -1350px 0px;
  }
  57.14% {
    background-position: -1400px 0px;
  }
  59.18% {
    background-position: -1450px 0px;
  }
  61.22% {
    background-position: -1500px 0px;
  }
  63.27% {
    background-position: -1550px 0px;
  }
  65.31% {
    background-position: -1600px 0px;
  }
  67.35% {
    background-position: -1650px 0px;
  }
  69.39% {
    background-position: -1700px 0px;
  }
  71.43% {
    background-position: -1750px 0px;
  }
  73.47% {
    background-position: -1800px 0px;
  }
  75.51% {
    background-position: -1850px 0px;
  }
  77.55% {
    background-position: -1900px 0px;
  }
  79.59% {
    background-position: -1950px 0px;
  }
  81.63% {
    background-position: -2000px 0px;
  }
  83.67% {
    background-position: -2050px 0px;
  }
  85.71% {
    background-position: -2100px 0px;
  }
  87.76% {
    background-position: -2150px 0px;
  }
  89.80% {
    background-position: -2200px 0px;
  }
  91.84% {
    background-position: -2250px 0px;
  }
  93.88% {
    background-position: -2300px 0px;
  }
  95.92% {
    background-position: -2350px 0px;
  }
  97.96% {
    background-position: -2400px 0px;
  }
  100.00% {
    background-position: -2450px 0px;
  }
}
@-o-keyframes eyesAnimation {
  0% {
    background-position: 0px 0px;
  }
  2.04% {
    background-position: -50px 0px;
  }
  4.08% {
    background-position: -100px 0px;
  }
  6.12% {
    background-position: -150px 0px;
  }
  8.16% {
    background-position: -200px 0px;
  }
  10.20% {
    background-position: -250px 0px;
  }
  12.24% {
    background-position: -300px 0px;
  }
  14.29% {
    background-position: -350px 0px;
  }
  16.33% {
    background-position: -400px 0px;
  }
  18.37% {
    background-position: -450px 0px;
  }
  20.41% {
    background-position: -500px 0px;
  }
  22.45% {
    background-position: -550px 0px;
  }
  24.49% {
    background-position: -600px 0px;
  }
  26.53% {
    background-position: -650px 0px;
  }
  28.57% {
    background-position: -700px 0px;
  }
  30.61% {
    background-position: -750px 0px;
  }
  32.65% {
    background-position: -800px 0px;
  }
  34.69% {
    background-position: -850px 0px;
  }
  36.73% {
    background-position: -900px 0px;
  }
  38.78% {
    background-position: -950px 0px;
  }
  40.82% {
    background-position: -1000px 0px;
  }
  42.86% {
    background-position: -1050px 0px;
  }
  44.90% {
    background-position: -1100px 0px;
  }
  46.94% {
    background-position: -1150px 0px;
  }
  48.98% {
    background-position: -1200px 0px;
  }
  51.02% {
    background-position: -1250px 0px;
  }
  53.06% {
    background-position: -1300px 0px;
  }
  55.10% {
    background-position: -1350px 0px;
  }
  57.14% {
    background-position: -1400px 0px;
  }
  59.18% {
    background-position: -1450px 0px;
  }
  61.22% {
    background-position: -1500px 0px;
  }
  63.27% {
    background-position: -1550px 0px;
  }
  65.31% {
    background-position: -1600px 0px;
  }
  67.35% {
    background-position: -1650px 0px;
  }
  69.39% {
    background-position: -1700px 0px;
  }
  71.43% {
    background-position: -1750px 0px;
  }
  73.47% {
    background-position: -1800px 0px;
  }
  75.51% {
    background-position: -1850px 0px;
  }
  77.55% {
    background-position: -1900px 0px;
  }
  79.59% {
    background-position: -1950px 0px;
  }
  81.63% {
    background-position: -2000px 0px;
  }
  83.67% {
    background-position: -2050px 0px;
  }
  85.71% {
    background-position: -2100px 0px;
  }
  87.76% {
    background-position: -2150px 0px;
  }
  89.80% {
    background-position: -2200px 0px;
  }
  91.84% {
    background-position: -2250px 0px;
  }
  93.88% {
    background-position: -2300px 0px;
  }
  95.92% {
    background-position: -2350px 0px;
  }
  97.96% {
    background-position: -2400px 0px;
  }
  100.00% {
    background-position: -2450px 0px;
  }
}
@keyframes eyesAnimation {
  0% {
    background-position: 0px 0px;
  }
  2.04% {
    background-position: -50px 0px;
  }
  4.08% {
    background-position: -100px 0px;
  }
  6.12% {
    background-position: -150px 0px;
  }
  8.16% {
    background-position: -200px 0px;
  }
  10.20% {
    background-position: -250px 0px;
  }
  12.24% {
    background-position: -300px 0px;
  }
  14.29% {
    background-position: -350px 0px;
  }
  16.33% {
    background-position: -400px 0px;
  }
  18.37% {
    background-position: -450px 0px;
  }
  20.41% {
    background-position: -500px 0px;
  }
  22.45% {
    background-position: -550px 0px;
  }
  24.49% {
    background-position: -600px 0px;
  }
  26.53% {
    background-position: -650px 0px;
  }
  28.57% {
    background-position: -700px 0px;
  }
  30.61% {
    background-position: -750px 0px;
  }
  32.65% {
    background-position: -800px 0px;
  }
  34.69% {
    background-position: -850px 0px;
  }
  36.73% {
    background-position: -900px 0px;
  }
  38.78% {
    background-position: -950px 0px;
  }
  40.82% {
    background-position: -1000px 0px;
  }
  42.86% {
    background-position: -1050px 0px;
  }
  44.90% {
    background-position: -1100px 0px;
  }
  46.94% {
    background-position: -1150px 0px;
  }
  48.98% {
    background-position: -1200px 0px;
  }
  51.02% {
    background-position: -1250px 0px;
  }
  53.06% {
    background-position: -1300px 0px;
  }
  55.10% {
    background-position: -1350px 0px;
  }
  57.14% {
    background-position: -1400px 0px;
  }
  59.18% {
    background-position: -1450px 0px;
  }
  61.22% {
    background-position: -1500px 0px;
  }
  63.27% {
    background-position: -1550px 0px;
  }
  65.31% {
    background-position: -1600px 0px;
  }
  67.35% {
    background-position: -1650px 0px;
  }
  69.39% {
    background-position: -1700px 0px;
  }
  71.43% {
    background-position: -1750px 0px;
  }
  73.47% {
    background-position: -1800px 0px;
  }
  75.51% {
    background-position: -1850px 0px;
  }
  77.55% {
    background-position: -1900px 0px;
  }
  79.59% {
    background-position: -1950px 0px;
  }
  81.63% {
    background-position: -2000px 0px;
  }
  83.67% {
    background-position: -2050px 0px;
  }
  85.71% {
    background-position: -2100px 0px;
  }
  87.76% {
    background-position: -2150px 0px;
  }
  89.80% {
    background-position: -2200px 0px;
  }
  91.84% {
    background-position: -2250px 0px;
  }
  93.88% {
    background-position: -2300px 0px;
  }
  95.92% {
    background-position: -2350px 0px;
  }
  97.96% {
    background-position: -2400px 0px;
  }
  100.00% {
    background-position: -2450px 0px;
  }
}
@-webkit-keyframes footprintAnimation {
  0% {
    background-position: 0px 0px;
  }
  2.04% {
    background-position: -500px 0px;
  }
  4.08% {
    background-position: -1000px 0px;
  }
  6.12% {
    background-position: -1500px 0px;
  }
  8.16% {
    background-position: -2000px 0px;
  }
  10.20% {
    background-position: -2500px 0px;
  }
  12.24% {
    background-position: -3000px 0px;
  }
  14.29% {
    background-position: -3500px 0px;
  }
  16.33% {
    background-position: -4000px 0px;
  }
  18.37% {
    background-position: -4500px 0px;
  }
  20.41% {
    background-position: 0px -500px;
  }
  22.45% {
    background-position: -500px -500px;
  }
  24.49% {
    background-position: -1000px -500px;
  }
  26.53% {
    background-position: -1500px -500px;
  }
  28.57% {
    background-position: -2000px -500px;
  }
  30.61% {
    background-position: -2500px -500px;
  }
  32.65% {
    background-position: -3000px -500px;
  }
  34.69% {
    background-position: -3500px -500px;
  }
  36.73% {
    background-position: -4000px -500px;
  }
  38.78% {
    background-position: -4500px -500px;
  }
  40.82% {
    background-position: 0px -1000px;
  }
  42.86% {
    background-position: -500px -1000px;
  }
  44.90% {
    background-position: -1000px -1000px;
  }
  46.94% {
    background-position: -1500px -1000px;
  }
  48.98% {
    background-position: -2000px -1000px;
  }
  51.02% {
    background-position: -2500px -1000px;
  }
  53.06% {
    background-position: -3000px -1000px;
  }
  55.10% {
    background-position: -3500px -1000px;
  }
  57.14% {
    background-position: -4000px -1000px;
  }
  59.18% {
    background-position: -4500px -1000px;
  }
  61.22% {
    background-position: 0px -1500px;
  }
  63.27% {
    background-position: -500px -1500px;
  }
  65.31% {
    background-position: -1000px -1500px;
  }
  67.35% {
    background-position: -1500px -1500px;
  }
  69.39% {
    background-position: -2000px -1500px;
  }
  71.43% {
    background-position: -2500px -1500px;
  }
  73.47% {
    background-position: -3000px -1500px;
  }
  75.51% {
    background-position: -3500px -1500px;
  }
  77.55% {
    background-position: -4000px -1500px;
  }
  79.59% {
    background-position: -4500px -1500px;
  }
  81.63% {
    background-position: 0px -2000px;
  }
  83.67% {
    background-position: -500px -2000px;
  }
  85.71% {
    background-position: -1000px -2000px;
  }
  87.76% {
    background-position: -1500px -2000px;
  }
  89.80% {
    background-position: -2000px -2000px;
  }
  91.84% {
    background-position: -2500px -2000px;
  }
  93.88% {
    background-position: -3000px -2000px;
  }
  95.92% {
    background-position: -3500px -2000px;
  }
  97.96% {
    background-position: -4000px -2000px;
  }
  100.00% {
    background-position: -4500px -2000px;
  }
}
@-moz-keyframes footprintAnimation {
  0% {
    background-position: 0px 0px;
  }
  2.04% {
    background-position: -500px 0px;
  }
  4.08% {
    background-position: -1000px 0px;
  }
  6.12% {
    background-position: -1500px 0px;
  }
  8.16% {
    background-position: -2000px 0px;
  }
  10.20% {
    background-position: -2500px 0px;
  }
  12.24% {
    background-position: -3000px 0px;
  }
  14.29% {
    background-position: -3500px 0px;
  }
  16.33% {
    background-position: -4000px 0px;
  }
  18.37% {
    background-position: -4500px 0px;
  }
  20.41% {
    background-position: 0px -500px;
  }
  22.45% {
    background-position: -500px -500px;
  }
  24.49% {
    background-position: -1000px -500px;
  }
  26.53% {
    background-position: -1500px -500px;
  }
  28.57% {
    background-position: -2000px -500px;
  }
  30.61% {
    background-position: -2500px -500px;
  }
  32.65% {
    background-position: -3000px -500px;
  }
  34.69% {
    background-position: -3500px -500px;
  }
  36.73% {
    background-position: -4000px -500px;
  }
  38.78% {
    background-position: -4500px -500px;
  }
  40.82% {
    background-position: 0px -1000px;
  }
  42.86% {
    background-position: -500px -1000px;
  }
  44.90% {
    background-position: -1000px -1000px;
  }
  46.94% {
    background-position: -1500px -1000px;
  }
  48.98% {
    background-position: -2000px -1000px;
  }
  51.02% {
    background-position: -2500px -1000px;
  }
  53.06% {
    background-position: -3000px -1000px;
  }
  55.10% {
    background-position: -3500px -1000px;
  }
  57.14% {
    background-position: -4000px -1000px;
  }
  59.18% {
    background-position: -4500px -1000px;
  }
  61.22% {
    background-position: 0px -1500px;
  }
  63.27% {
    background-position: -500px -1500px;
  }
  65.31% {
    background-position: -1000px -1500px;
  }
  67.35% {
    background-position: -1500px -1500px;
  }
  69.39% {
    background-position: -2000px -1500px;
  }
  71.43% {
    background-position: -2500px -1500px;
  }
  73.47% {
    background-position: -3000px -1500px;
  }
  75.51% {
    background-position: -3500px -1500px;
  }
  77.55% {
    background-position: -4000px -1500px;
  }
  79.59% {
    background-position: -4500px -1500px;
  }
  81.63% {
    background-position: 0px -2000px;
  }
  83.67% {
    background-position: -500px -2000px;
  }
  85.71% {
    background-position: -1000px -2000px;
  }
  87.76% {
    background-position: -1500px -2000px;
  }
  89.80% {
    background-position: -2000px -2000px;
  }
  91.84% {
    background-position: -2500px -2000px;
  }
  93.88% {
    background-position: -3000px -2000px;
  }
  95.92% {
    background-position: -3500px -2000px;
  }
  97.96% {
    background-position: -4000px -2000px;
  }
  100.00% {
    background-position: -4500px -2000px;
  }
}
@-ms-keyframes footprintAnimation {
  0% {
    background-position: 0px 0px;
  }
  2.04% {
    background-position: -500px 0px;
  }
  4.08% {
    background-position: -1000px 0px;
  }
  6.12% {
    background-position: -1500px 0px;
  }
  8.16% {
    background-position: -2000px 0px;
  }
  10.20% {
    background-position: -2500px 0px;
  }
  12.24% {
    background-position: -3000px 0px;
  }
  14.29% {
    background-position: -3500px 0px;
  }
  16.33% {
    background-position: -4000px 0px;
  }
  18.37% {
    background-position: -4500px 0px;
  }
  20.41% {
    background-position: 0px -500px;
  }
  22.45% {
    background-position: -500px -500px;
  }
  24.49% {
    background-position: -1000px -500px;
  }
  26.53% {
    background-position: -1500px -500px;
  }
  28.57% {
    background-position: -2000px -500px;
  }
  30.61% {
    background-position: -2500px -500px;
  }
  32.65% {
    background-position: -3000px -500px;
  }
  34.69% {
    background-position: -3500px -500px;
  }
  36.73% {
    background-position: -4000px -500px;
  }
  38.78% {
    background-position: -4500px -500px;
  }
  40.82% {
    background-position: 0px -1000px;
  }
  42.86% {
    background-position: -500px -1000px;
  }
  44.90% {
    background-position: -1000px -1000px;
  }
  46.94% {
    background-position: -1500px -1000px;
  }
  48.98% {
    background-position: -2000px -1000px;
  }
  51.02% {
    background-position: -2500px -1000px;
  }
  53.06% {
    background-position: -3000px -1000px;
  }
  55.10% {
    background-position: -3500px -1000px;
  }
  57.14% {
    background-position: -4000px -1000px;
  }
  59.18% {
    background-position: -4500px -1000px;
  }
  61.22% {
    background-position: 0px -1500px;
  }
  63.27% {
    background-position: -500px -1500px;
  }
  65.31% {
    background-position: -1000px -1500px;
  }
  67.35% {
    background-position: -1500px -1500px;
  }
  69.39% {
    background-position: -2000px -1500px;
  }
  71.43% {
    background-position: -2500px -1500px;
  }
  73.47% {
    background-position: -3000px -1500px;
  }
  75.51% {
    background-position: -3500px -1500px;
  }
  77.55% {
    background-position: -4000px -1500px;
  }
  79.59% {
    background-position: -4500px -1500px;
  }
  81.63% {
    background-position: 0px -2000px;
  }
  83.67% {
    background-position: -500px -2000px;
  }
  85.71% {
    background-position: -1000px -2000px;
  }
  87.76% {
    background-position: -1500px -2000px;
  }
  89.80% {
    background-position: -2000px -2000px;
  }
  91.84% {
    background-position: -2500px -2000px;
  }
  93.88% {
    background-position: -3000px -2000px;
  }
  95.92% {
    background-position: -3500px -2000px;
  }
  97.96% {
    background-position: -4000px -2000px;
  }
  100.00% {
    background-position: -4500px -2000px;
  }
}
@-o-keyframes footprintAnimation {
  0% {
    background-position: 0px 0px;
  }
  2.04% {
    background-position: -500px 0px;
  }
  4.08% {
    background-position: -1000px 0px;
  }
  6.12% {
    background-position: -1500px 0px;
  }
  8.16% {
    background-position: -2000px 0px;
  }
  10.20% {
    background-position: -2500px 0px;
  }
  12.24% {
    background-position: -3000px 0px;
  }
  14.29% {
    background-position: -3500px 0px;
  }
  16.33% {
    background-position: -4000px 0px;
  }
  18.37% {
    background-position: -4500px 0px;
  }
  20.41% {
    background-position: 0px -500px;
  }
  22.45% {
    background-position: -500px -500px;
  }
  24.49% {
    background-position: -1000px -500px;
  }
  26.53% {
    background-position: -1500px -500px;
  }
  28.57% {
    background-position: -2000px -500px;
  }
  30.61% {
    background-position: -2500px -500px;
  }
  32.65% {
    background-position: -3000px -500px;
  }
  34.69% {
    background-position: -3500px -500px;
  }
  36.73% {
    background-position: -4000px -500px;
  }
  38.78% {
    background-position: -4500px -500px;
  }
  40.82% {
    background-position: 0px -1000px;
  }
  42.86% {
    background-position: -500px -1000px;
  }
  44.90% {
    background-position: -1000px -1000px;
  }
  46.94% {
    background-position: -1500px -1000px;
  }
  48.98% {
    background-position: -2000px -1000px;
  }
  51.02% {
    background-position: -2500px -1000px;
  }
  53.06% {
    background-position: -3000px -1000px;
  }
  55.10% {
    background-position: -3500px -1000px;
  }
  57.14% {
    background-position: -4000px -1000px;
  }
  59.18% {
    background-position: -4500px -1000px;
  }
  61.22% {
    background-position: 0px -1500px;
  }
  63.27% {
    background-position: -500px -1500px;
  }
  65.31% {
    background-position: -1000px -1500px;
  }
  67.35% {
    background-position: -1500px -1500px;
  }
  69.39% {
    background-position: -2000px -1500px;
  }
  71.43% {
    background-position: -2500px -1500px;
  }
  73.47% {
    background-position: -3000px -1500px;
  }
  75.51% {
    background-position: -3500px -1500px;
  }
  77.55% {
    background-position: -4000px -1500px;
  }
  79.59% {
    background-position: -4500px -1500px;
  }
  81.63% {
    background-position: 0px -2000px;
  }
  83.67% {
    background-position: -500px -2000px;
  }
  85.71% {
    background-position: -1000px -2000px;
  }
  87.76% {
    background-position: -1500px -2000px;
  }
  89.80% {
    background-position: -2000px -2000px;
  }
  91.84% {
    background-position: -2500px -2000px;
  }
  93.88% {
    background-position: -3000px -2000px;
  }
  95.92% {
    background-position: -3500px -2000px;
  }
  97.96% {
    background-position: -4000px -2000px;
  }
  100.00% {
    background-position: -4500px -2000px;
  }
}
@keyframes footprintAnimation {
  0% {
    background-position: 0px 0px;
  }
  2.04% {
    background-position: -500px 0px;
  }
  4.08% {
    background-position: -1000px 0px;
  }
  6.12% {
    background-position: -1500px 0px;
  }
  8.16% {
    background-position: -2000px 0px;
  }
  10.20% {
    background-position: -2500px 0px;
  }
  12.24% {
    background-position: -3000px 0px;
  }
  14.29% {
    background-position: -3500px 0px;
  }
  16.33% {
    background-position: -4000px 0px;
  }
  18.37% {
    background-position: -4500px 0px;
  }
  20.41% {
    background-position: 0px -500px;
  }
  22.45% {
    background-position: -500px -500px;
  }
  24.49% {
    background-position: -1000px -500px;
  }
  26.53% {
    background-position: -1500px -500px;
  }
  28.57% {
    background-position: -2000px -500px;
  }
  30.61% {
    background-position: -2500px -500px;
  }
  32.65% {
    background-position: -3000px -500px;
  }
  34.69% {
    background-position: -3500px -500px;
  }
  36.73% {
    background-position: -4000px -500px;
  }
  38.78% {
    background-position: -4500px -500px;
  }
  40.82% {
    background-position: 0px -1000px;
  }
  42.86% {
    background-position: -500px -1000px;
  }
  44.90% {
    background-position: -1000px -1000px;
  }
  46.94% {
    background-position: -1500px -1000px;
  }
  48.98% {
    background-position: -2000px -1000px;
  }
  51.02% {
    background-position: -2500px -1000px;
  }
  53.06% {
    background-position: -3000px -1000px;
  }
  55.10% {
    background-position: -3500px -1000px;
  }
  57.14% {
    background-position: -4000px -1000px;
  }
  59.18% {
    background-position: -4500px -1000px;
  }
  61.22% {
    background-position: 0px -1500px;
  }
  63.27% {
    background-position: -500px -1500px;
  }
  65.31% {
    background-position: -1000px -1500px;
  }
  67.35% {
    background-position: -1500px -1500px;
  }
  69.39% {
    background-position: -2000px -1500px;
  }
  71.43% {
    background-position: -2500px -1500px;
  }
  73.47% {
    background-position: -3000px -1500px;
  }
  75.51% {
    background-position: -3500px -1500px;
  }
  77.55% {
    background-position: -4000px -1500px;
  }
  79.59% {
    background-position: -4500px -1500px;
  }
  81.63% {
    background-position: 0px -2000px;
  }
  83.67% {
    background-position: -500px -2000px;
  }
  85.71% {
    background-position: -1000px -2000px;
  }
  87.76% {
    background-position: -1500px -2000px;
  }
  89.80% {
    background-position: -2000px -2000px;
  }
  91.84% {
    background-position: -2500px -2000px;
  }
  93.88% {
    background-position: -3000px -2000px;
  }
  95.92% {
    background-position: -3500px -2000px;
  }
  97.96% {
    background-position: -4000px -2000px;
  }
  100.00% {
    background-position: -4500px -2000px;
  }
}
@-webkit-keyframes footprintAnimation {
  0% {
    background-position: 0px 0px;
  }
  2.04% {
    background-position: -500px 0px;
  }
  4.08% {
    background-position: -1000px 0px;
  }
  6.12% {
    background-position: -1500px 0px;
  }
  8.16% {
    background-position: -2000px 0px;
  }
  10.20% {
    background-position: -2500px 0px;
  }
  12.24% {
    background-position: -3000px 0px;
  }
  14.29% {
    background-position: -3500px 0px;
  }
  16.33% {
    background-position: -4000px 0px;
  }
  18.37% {
    background-position: -4500px 0px;
  }
  20.41% {
    background-position: 0px -500px;
  }
  22.45% {
    background-position: -500px -500px;
  }
  24.49% {
    background-position: -1000px -500px;
  }
  26.53% {
    background-position: -1500px -500px;
  }
  28.57% {
    background-position: -2000px -500px;
  }
  30.61% {
    background-position: -2500px -500px;
  }
  32.65% {
    background-position: -3000px -500px;
  }
  34.69% {
    background-position: -3500px -500px;
  }
  36.73% {
    background-position: -4000px -500px;
  }
  38.78% {
    background-position: -4500px -500px;
  }
  40.82% {
    background-position: 0px -1000px;
  }
  42.86% {
    background-position: -500px -1000px;
  }
  44.90% {
    background-position: -1000px -1000px;
  }
  46.94% {
    background-position: -1500px -1000px;
  }
  48.98% {
    background-position: -2000px -1000px;
  }
  51.02% {
    background-position: -2500px -1000px;
  }
  53.06% {
    background-position: -3000px -1000px;
  }
  55.10% {
    background-position: -3500px -1000px;
  }
  57.14% {
    background-position: -4000px -1000px;
  }
  59.18% {
    background-position: -4500px -1000px;
  }
  61.22% {
    background-position: 0px -1500px;
  }
  63.27% {
    background-position: -500px -1500px;
  }
  65.31% {
    background-position: -1000px -1500px;
  }
  67.35% {
    background-position: -1500px -1500px;
  }
  69.39% {
    background-position: -2000px -1500px;
  }
  71.43% {
    background-position: -2500px -1500px;
  }
  73.47% {
    background-position: -3000px -1500px;
  }
  75.51% {
    background-position: -3500px -1500px;
  }
  77.55% {
    background-position: -4000px -1500px;
  }
  79.59% {
    background-position: -4500px -1500px;
  }
  81.63% {
    background-position: 0px -2000px;
  }
  83.67% {
    background-position: -500px -2000px;
  }
  85.71% {
    background-position: -1000px -2000px;
  }
  87.76% {
    background-position: -1500px -2000px;
  }
  89.80% {
    background-position: -2000px -2000px;
  }
  91.84% {
    background-position: -2500px -2000px;
  }
  93.88% {
    background-position: -3000px -2000px;
  }
  95.92% {
    background-position: -3500px -2000px;
  }
  97.96% {
    background-position: -4000px -2000px;
  }
  100.00% {
    background-position: -4500px -2000px;
  }
}
@-moz-keyframes footprintAnimation {
  0% {
    background-position: 0px 0px;
  }
  2.04% {
    background-position: -500px 0px;
  }
  4.08% {
    background-position: -1000px 0px;
  }
  6.12% {
    background-position: -1500px 0px;
  }
  8.16% {
    background-position: -2000px 0px;
  }
  10.20% {
    background-position: -2500px 0px;
  }
  12.24% {
    background-position: -3000px 0px;
  }
  14.29% {
    background-position: -3500px 0px;
  }
  16.33% {
    background-position: -4000px 0px;
  }
  18.37% {
    background-position: -4500px 0px;
  }
  20.41% {
    background-position: 0px -500px;
  }
  22.45% {
    background-position: -500px -500px;
  }
  24.49% {
    background-position: -1000px -500px;
  }
  26.53% {
    background-position: -1500px -500px;
  }
  28.57% {
    background-position: -2000px -500px;
  }
  30.61% {
    background-position: -2500px -500px;
  }
  32.65% {
    background-position: -3000px -500px;
  }
  34.69% {
    background-position: -3500px -500px;
  }
  36.73% {
    background-position: -4000px -500px;
  }
  38.78% {
    background-position: -4500px -500px;
  }
  40.82% {
    background-position: 0px -1000px;
  }
  42.86% {
    background-position: -500px -1000px;
  }
  44.90% {
    background-position: -1000px -1000px;
  }
  46.94% {
    background-position: -1500px -1000px;
  }
  48.98% {
    background-position: -2000px -1000px;
  }
  51.02% {
    background-position: -2500px -1000px;
  }
  53.06% {
    background-position: -3000px -1000px;
  }
  55.10% {
    background-position: -3500px -1000px;
  }
  57.14% {
    background-position: -4000px -1000px;
  }
  59.18% {
    background-position: -4500px -1000px;
  }
  61.22% {
    background-position: 0px -1500px;
  }
  63.27% {
    background-position: -500px -1500px;
  }
  65.31% {
    background-position: -1000px -1500px;
  }
  67.35% {
    background-position: -1500px -1500px;
  }
  69.39% {
    background-position: -2000px -1500px;
  }
  71.43% {
    background-position: -2500px -1500px;
  }
  73.47% {
    background-position: -3000px -1500px;
  }
  75.51% {
    background-position: -3500px -1500px;
  }
  77.55% {
    background-position: -4000px -1500px;
  }
  79.59% {
    background-position: -4500px -1500px;
  }
  81.63% {
    background-position: 0px -2000px;
  }
  83.67% {
    background-position: -500px -2000px;
  }
  85.71% {
    background-position: -1000px -2000px;
  }
  87.76% {
    background-position: -1500px -2000px;
  }
  89.80% {
    background-position: -2000px -2000px;
  }
  91.84% {
    background-position: -2500px -2000px;
  }
  93.88% {
    background-position: -3000px -2000px;
  }
  95.92% {
    background-position: -3500px -2000px;
  }
  97.96% {
    background-position: -4000px -2000px;
  }
  100.00% {
    background-position: -4500px -2000px;
  }
}
@-ms-keyframes footprintAnimation {
  0% {
    background-position: 0px 0px;
  }
  2.04% {
    background-position: -500px 0px;
  }
  4.08% {
    background-position: -1000px 0px;
  }
  6.12% {
    background-position: -1500px 0px;
  }
  8.16% {
    background-position: -2000px 0px;
  }
  10.20% {
    background-position: -2500px 0px;
  }
  12.24% {
    background-position: -3000px 0px;
  }
  14.29% {
    background-position: -3500px 0px;
  }
  16.33% {
    background-position: -4000px 0px;
  }
  18.37% {
    background-position: -4500px 0px;
  }
  20.41% {
    background-position: 0px -500px;
  }
  22.45% {
    background-position: -500px -500px;
  }
  24.49% {
    background-position: -1000px -500px;
  }
  26.53% {
    background-position: -1500px -500px;
  }
  28.57% {
    background-position: -2000px -500px;
  }
  30.61% {
    background-position: -2500px -500px;
  }
  32.65% {
    background-position: -3000px -500px;
  }
  34.69% {
    background-position: -3500px -500px;
  }
  36.73% {
    background-position: -4000px -500px;
  }
  38.78% {
    background-position: -4500px -500px;
  }
  40.82% {
    background-position: 0px -1000px;
  }
  42.86% {
    background-position: -500px -1000px;
  }
  44.90% {
    background-position: -1000px -1000px;
  }
  46.94% {
    background-position: -1500px -1000px;
  }
  48.98% {
    background-position: -2000px -1000px;
  }
  51.02% {
    background-position: -2500px -1000px;
  }
  53.06% {
    background-position: -3000px -1000px;
  }
  55.10% {
    background-position: -3500px -1000px;
  }
  57.14% {
    background-position: -4000px -1000px;
  }
  59.18% {
    background-position: -4500px -1000px;
  }
  61.22% {
    background-position: 0px -1500px;
  }
  63.27% {
    background-position: -500px -1500px;
  }
  65.31% {
    background-position: -1000px -1500px;
  }
  67.35% {
    background-position: -1500px -1500px;
  }
  69.39% {
    background-position: -2000px -1500px;
  }
  71.43% {
    background-position: -2500px -1500px;
  }
  73.47% {
    background-position: -3000px -1500px;
  }
  75.51% {
    background-position: -3500px -1500px;
  }
  77.55% {
    background-position: -4000px -1500px;
  }
  79.59% {
    background-position: -4500px -1500px;
  }
  81.63% {
    background-position: 0px -2000px;
  }
  83.67% {
    background-position: -500px -2000px;
  }
  85.71% {
    background-position: -1000px -2000px;
  }
  87.76% {
    background-position: -1500px -2000px;
  }
  89.80% {
    background-position: -2000px -2000px;
  }
  91.84% {
    background-position: -2500px -2000px;
  }
  93.88% {
    background-position: -3000px -2000px;
  }
  95.92% {
    background-position: -3500px -2000px;
  }
  97.96% {
    background-position: -4000px -2000px;
  }
  100.00% {
    background-position: -4500px -2000px;
  }
}
@-o-keyframes footprintAnimation {
  0% {
    background-position: 0px 0px;
  }
  2.04% {
    background-position: -500px 0px;
  }
  4.08% {
    background-position: -1000px 0px;
  }
  6.12% {
    background-position: -1500px 0px;
  }
  8.16% {
    background-position: -2000px 0px;
  }
  10.20% {
    background-position: -2500px 0px;
  }
  12.24% {
    background-position: -3000px 0px;
  }
  14.29% {
    background-position: -3500px 0px;
  }
  16.33% {
    background-position: -4000px 0px;
  }
  18.37% {
    background-position: -4500px 0px;
  }
  20.41% {
    background-position: 0px -500px;
  }
  22.45% {
    background-position: -500px -500px;
  }
  24.49% {
    background-position: -1000px -500px;
  }
  26.53% {
    background-position: -1500px -500px;
  }
  28.57% {
    background-position: -2000px -500px;
  }
  30.61% {
    background-position: -2500px -500px;
  }
  32.65% {
    background-position: -3000px -500px;
  }
  34.69% {
    background-position: -3500px -500px;
  }
  36.73% {
    background-position: -4000px -500px;
  }
  38.78% {
    background-position: -4500px -500px;
  }
  40.82% {
    background-position: 0px -1000px;
  }
  42.86% {
    background-position: -500px -1000px;
  }
  44.90% {
    background-position: -1000px -1000px;
  }
  46.94% {
    background-position: -1500px -1000px;
  }
  48.98% {
    background-position: -2000px -1000px;
  }
  51.02% {
    background-position: -2500px -1000px;
  }
  53.06% {
    background-position: -3000px -1000px;
  }
  55.10% {
    background-position: -3500px -1000px;
  }
  57.14% {
    background-position: -4000px -1000px;
  }
  59.18% {
    background-position: -4500px -1000px;
  }
  61.22% {
    background-position: 0px -1500px;
  }
  63.27% {
    background-position: -500px -1500px;
  }
  65.31% {
    background-position: -1000px -1500px;
  }
  67.35% {
    background-position: -1500px -1500px;
  }
  69.39% {
    background-position: -2000px -1500px;
  }
  71.43% {
    background-position: -2500px -1500px;
  }
  73.47% {
    background-position: -3000px -1500px;
  }
  75.51% {
    background-position: -3500px -1500px;
  }
  77.55% {
    background-position: -4000px -1500px;
  }
  79.59% {
    background-position: -4500px -1500px;
  }
  81.63% {
    background-position: 0px -2000px;
  }
  83.67% {
    background-position: -500px -2000px;
  }
  85.71% {
    background-position: -1000px -2000px;
  }
  87.76% {
    background-position: -1500px -2000px;
  }
  89.80% {
    background-position: -2000px -2000px;
  }
  91.84% {
    background-position: -2500px -2000px;
  }
  93.88% {
    background-position: -3000px -2000px;
  }
  95.92% {
    background-position: -3500px -2000px;
  }
  97.96% {
    background-position: -4000px -2000px;
  }
  100.00% {
    background-position: -4500px -2000px;
  }
}
@keyframes footprintAnimation {
  0% {
    background-position: 0px 0px;
  }
  2.04% {
    background-position: -500px 0px;
  }
  4.08% {
    background-position: -1000px 0px;
  }
  6.12% {
    background-position: -1500px 0px;
  }
  8.16% {
    background-position: -2000px 0px;
  }
  10.20% {
    background-position: -2500px 0px;
  }
  12.24% {
    background-position: -3000px 0px;
  }
  14.29% {
    background-position: -3500px 0px;
  }
  16.33% {
    background-position: -4000px 0px;
  }
  18.37% {
    background-position: -4500px 0px;
  }
  20.41% {
    background-position: 0px -500px;
  }
  22.45% {
    background-position: -500px -500px;
  }
  24.49% {
    background-position: -1000px -500px;
  }
  26.53% {
    background-position: -1500px -500px;
  }
  28.57% {
    background-position: -2000px -500px;
  }
  30.61% {
    background-position: -2500px -500px;
  }
  32.65% {
    background-position: -3000px -500px;
  }
  34.69% {
    background-position: -3500px -500px;
  }
  36.73% {
    background-position: -4000px -500px;
  }
  38.78% {
    background-position: -4500px -500px;
  }
  40.82% {
    background-position: 0px -1000px;
  }
  42.86% {
    background-position: -500px -1000px;
  }
  44.90% {
    background-position: -1000px -1000px;
  }
  46.94% {
    background-position: -1500px -1000px;
  }
  48.98% {
    background-position: -2000px -1000px;
  }
  51.02% {
    background-position: -2500px -1000px;
  }
  53.06% {
    background-position: -3000px -1000px;
  }
  55.10% {
    background-position: -3500px -1000px;
  }
  57.14% {
    background-position: -4000px -1000px;
  }
  59.18% {
    background-position: -4500px -1000px;
  }
  61.22% {
    background-position: 0px -1500px;
  }
  63.27% {
    background-position: -500px -1500px;
  }
  65.31% {
    background-position: -1000px -1500px;
  }
  67.35% {
    background-position: -1500px -1500px;
  }
  69.39% {
    background-position: -2000px -1500px;
  }
  71.43% {
    background-position: -2500px -1500px;
  }
  73.47% {
    background-position: -3000px -1500px;
  }
  75.51% {
    background-position: -3500px -1500px;
  }
  77.55% {
    background-position: -4000px -1500px;
  }
  79.59% {
    background-position: -4500px -1500px;
  }
  81.63% {
    background-position: 0px -2000px;
  }
  83.67% {
    background-position: -500px -2000px;
  }
  85.71% {
    background-position: -1000px -2000px;
  }
  87.76% {
    background-position: -1500px -2000px;
  }
  89.80% {
    background-position: -2000px -2000px;
  }
  91.84% {
    background-position: -2500px -2000px;
  }
  93.88% {
    background-position: -3000px -2000px;
  }
  95.92% {
    background-position: -3500px -2000px;
  }
  97.96% {
    background-position: -4000px -2000px;
  }
  100.00% {
    background-position: -4500px -2000px;
  }
}
.fade-enter-active,
.fade-leave-active {
  -webkit-transition: opacity .3s;
  transition: opacity .3s;
}
.fade-enter,
.fade-leave-active {
  opacity: 0;
}
.vux-fade-enter-active,
.vux-fade-leave-active {
  opacity: 1;
  -webkit-transition: opacity linear 0.2s;
  transition: opacity linear 0.2s;
}
.vux-fade-enter,
.vux-fade-leave-to {
  opacity: 0;
}
.vux-dialog-enter-active,
.vux-dialog-leave-active {
  opacity: 1;
  -webkit-transition-duration: 400ms;
          transition-duration: 400ms;
  -webkit-transform: translate(-50%, -50%) scale(1) !important;
          transform: translate(-50%, -50%) scale(1) !important;
  -webkit-transition-property: opacity, -webkit-transform!important;
  transition-property: opacity, -webkit-transform!important;
  transition-property: transform, opacity!important;
  transition-property: transform, opacity, -webkit-transform!important;
}
.vux-dialog-leave-active {
  -webkit-transition-duration: 300ms;
          transition-duration: 300ms;
}
.vux-dialog-enter {
  opacity: 0;
  -webkit-transform: translate(-50%, -50%) scale(1.185) !important;
          transform: translate(-50%, -50%) scale(1.185) !important;
}
.vux-dialog-leave-active {
  opacity: 0;
  -webkit-transform: translate(-50%, -50%) scale(0.85) !important;
          transform: translate(-50%, -50%) scale(0.85) !important;
}
.vux-mask-enter,
.vux-mask-leave-active {
  opacity: 0;
}
.vux-mask-leave-active,
.vux-mask-enter-active {
  -webkit-transition: opacity 300ms;
  transition: opacity 300ms;
}
@-webkit-keyframes slideInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@keyframes slideInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@-webkit-keyframes slideOutRight {
  from {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0);
  }
}
@keyframes slideOutRight {
  from {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0);
  }
}
.slideRight-enter-active,
.slideInRight,
.slideRight-leave-active,
.slideOutRight {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.slideRight-enter-active,
.slideInRight {
  -webkit-animation-name: slideInRight;
  animation-name: slideInRight;
}
.slideRight-leave-active,
.slideOutRight {
  -webkit-animation-name: slideOutRight;
  animation-name: slideOutRight;
}
html,
body {
  width: 100%;
  height: 100%;
}
html {
  overflow-x: hidden;
}
body {
  position: relative;
  color: #505050;
}
.em {
  color: #E85353;
}
#top-btn {
  position: fixed;
  right: 90px;
  bottom: 40px;
  width: 90px;
  height: 91px;
  z-index: 99;
  cursor: pointer;
  background: url(https://tym.res.netease.com/pc/zt/20200325173243/img/sprite-55b87f_55b87fa4.png) no-repeat;background-size:648px 535px;
background-position:-0px -401px;

}
#top-btn:hover {
  background-image: url(https://tym.res.netease.com/pc/zt/20200325173243/img/sprite-55b87f_55b87fa4.png);background-size:648px 535px;
background-position:-92px -401px;
width:90px;
height:91px;

}
#top-btn span {
  display: none;
}
#video-wrap {
  position: absolute;
  width: 100%;
  height: 1080px;
  overflow: hidden;
}
.body-inner #video-wrap {
  display: none;
}
#intro {
  position: absolute;
  top: 0;
  right: 0;
  left: 50%;
  margin-left: -960px;
  width: 1920px;
  z-index: 999;
}
#loop {
  position: absolute;
  top: 0;
  right: 0;
  width: 1920px;
  left: 50%;
  margin-left: -960px;
  z-index: 2;
}
#leihuo-top #logo {
  position: absolute;
  top: 11px;
  left: 208px;
  vertical-align: middle;
  display: inline-block;
  width: 252px;
  height: 111px;
  font-size: 0;
  background: url(https://tym.res.netease.com/pc/zt/20200325173243/img/logo_8ca0f437.png) no-repeat;
  z-index: 9;
}
#leihuo-top #leihuo_top_content {
  position: absolute;
  right: 70px;
  top: 23px;
  vertical-align: middle;
  display: inline-block;
  width: auto;
  z-index: 19;
}
#leihuo-top #leihuo_top_content #btn_gw {
  display: none;
}
#copyright .footer {
  background: rgba(255, 255, 255, 0.4);
}
.body-inner #leihuo-top #logo {
  left: 50px;
}
.body-inner #leihuo-top #leihuo_top_content {
  right: 270px;
  display: none;
}
.body-inner #leihuo-top #leihuo_top_content .wrap_share {
  display: none;
}
.body-inner #leihuo-top #leihuo_top_content #btn_gw {
  margin: 0;
  padding: 0;
  display: inline-block;
  width: 124px;
  height: 40px;
}
.body-inner #leihuo-top #leihuo_top_content #btn_gw .border {
  border: none !important;
  border-radius: 0;
  width: 124px;
  height: 39px;
  background: url(https://tym.res.netease.com/pc/zt/20200325173243/img/btn-gw_89c39b10.png) no-repeat;
}
.body-inner #leihuo-top #leihuo_top_content #btn_gw .border:before {
  content: '\8FD4\56DE\5B98\7F51';
  font-size: 18px;
  font-style: normal;
  line-height: 40px;
  color: #fff;
}
.body-inner #leihuo-top #leihuo_top_content #btn_gw .border:hover {
  width: 124px;
  height: 39px;
  background: url(https://tym.res.netease.com/pc/zt/20200325173243/img/btn-gw2_0a08edee.png) no-repeat;
}
.body-inner #leihuo-top #leihuo_top_content #btn_gw .border:hover:before {
  color: #fff;
}
.body-inner #leihuo-top #leihuo_top_content .icon-zhuye {
  display: none;
}
.body-inner #copyright {
  display: none;
}
@media (max-width: 1500px) {
  .to-top {
    left: auto;
    margin-left: auto;
    right: 20px;
  }
}
.login-info {
  position: absolute;
  top: 30px;
  right: 415px;
  color: #639AC8;
  z-index: 19;
  text-shadow: 0 1px 3px rgba(255, 255, 255, 0.8);
}
.login-info .btn-nickname,
.login-info .btn-logout {
  cursor: pointer;
}
.login-info .btn-nickname:hover,
.login-info .btn-logout:hover {
  color: #89420e;
  text-decoration: underline;
}
.g-btn {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  text-align: center;
  display: inline-block;
  font-family: fzbysong;
  color: #FFFFFF;
  cursor: pointer;
  background: no-repeat;
  background-size: auto !important;
}
.g-btn:disabled {
  cursor: default;
}
.g-btn-m {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  text-align: center;
  display: inline-block;
  font-family: fzbysong;
  color: #FFFFFF;
  cursor: pointer;
  background: no-repeat;
  background-size: auto !important;
  padding: 3px 0 7px;
  width: 227px;
  height: 64px;
  font-size: 26px;
  line-height: 56px;
  background-image: url(https://tym.res.netease.com/pc/zt/20200325173243/img/sprite-55b87f_55b87fa4.png);background-size:645.1578947368421px 475.55555555555554px;
background-position:-0px -215.05263157894737px;

}
.g-btn-m:disabled {
  cursor: default;
}
.g-btn-s {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  text-align: center;
  display: inline-block;
  font-family: fzbysong;
  color: #FFFFFF;
  cursor: pointer;
  background: no-repeat;
  background-size: auto !important;
  width: 174px;
  height: 49px;
  font-size: 22px;
  line-height: 49px;
  background-image: url(https://tym.res.netease.com/pc/zt/20200325173243/img/sprite-55b87f_55b87fa4.png);background-size:648px 535px;
background-position:-403px -120px;

}
.g-btn-s:disabled {
  cursor: default;
}
.g-btn-s:hover {
  background-image: url(https://tym.res.netease.com/pc/zt/20200325173243/img/sprite-55b87f_55b87fa4.png);background-size:648px 535px;
background-position:-403px -171px;
width:174px;
height:49px;

}
.g-btn-l {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  text-align: center;
  display: inline-block;
  font-family: fzbysong;
  color: #FFFFFF;
  cursor: pointer;
  background: no-repeat;
  background-size: auto !important;
  padding: 3px 0 7px;
  width: 401px;
  height: 106px;
  font-size: 36px;
  line-height: 96px;
  background-image: url(https://tym.res.netease.com/pc/zt/20200325173243/img/sprite-55b87f_55b87fa4.png);background-size:648px 484.52830188679246px;
background-position:-0px -0px;

}
.g-btn-l:disabled {
  cursor: default;
}
.g-btn-l:hover {
  background-image: url(https://tym.res.netease.com/pc/zt/20200325173243/img/sprite-55b87f_55b87fa4.png);background-size:648px 535px;
background-position:-0px -108px;
width:401px;
height:106px;

}
.mask {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.8);
  z-index: 999;
}
.pop-bg {
  position: absolute;
  left: 50%;
  top: 50%;
  padding-top: 20px;
  width: 680px;
  height: 441px;
  background: url(https://tym.res.netease.com/pc/zt/20200325173243/img/pop-bg-upload_664b7b2d.png) top no-repeat;
  background-clip: border-box, content-box;
  border-radius: 5px;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  color: #ffffff;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.pop-bg .btn-close {
  position: absolute;
  left: auto;
  right: 6px;
  top: 176px;
  width: 76px;
  height: 76px;
  cursor: pointer;
  -webkit-transition: 0s!important;
  transition: 0s!important;
}
.pop-bg.upload-pop-bg {
  width: 680px;
  height: 441px;
  background: url(https://tym.res.netease.com/pc/zt/20200325173243/img/pop-bg-upload_664b7b2d.png) top no-repeat;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.pop-bg.upload-pop-bg:before {
  display: none;
}
.pop-bg.upload-pop-bg .btn-close {
  left: auto;
  right: 6px;
  top: 176px;
  width: 76px;
  height: 76px;
  cursor: pointer;
  -webkit-transition: 0s!important;
  transition: 0s!important;
}
.pop-bg.group-pop-bg {
  width: 705px;
  height: 471px;
  background: url(https://tym.res.netease.com/pc/zt/20200325173243/img/group-pop-bg_f17dfbf5.png) top no-repeat;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.pop-bg.group-pop-bg:before {
  display: none;
}
.pop-bg.group-pop-bg .btn-close {
  left: auto;
  width: 76px;
  height: 76px;
  top: 175px;
  right: 6px;
  bottom: -86px;
  background: url(https://tym.res.netease.com/pc/zt/20200325173243/img/sprite-55b87f_55b87fa4.png);background-size:648px 535px;
background-position:-340px -401px;

  cursor: pointer;
  -webkit-transition: 0s!important;
  transition: 0s!important;
}
.pop-bg.group-pop-bg .btn-close:hover {
  background: url(https://tym.res.netease.com/pc/zt/20200325173243/img/sprite-55b87f_55b87fa4.png);background-size:648px 535px;
background-position:-418px -401px;
width:76px;
height:76px;

  transform: rotate(none);
  -webkit-transform: rotate(none);
  -moz-transform: rotate(none);
  -ms-transform: rotate(none);
  -o-transform: rotate(none);
}
.msg-pop {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%;
  height: 100%;
  padding-right: 50px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.msg-pop .title {
  text-align: center;
  margin-bottom: 12px;
  font-size: 22px;
}
.msg-pop .message {
  font-size: 16px;
}
.msg-pop .message.center {
  text-align: center;
}
.msg-pop .btn-wrap {
  text-align: center;
  margin-top: 50px;
}
.login-pop {
  padding-right: 25px;
  color: #FFFFFF;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  font-size: 18px;
  line-height: 26px;
}
.login-pop .hint {
  margin: 0 auto;
  width: 495px;
  height: 132px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}
.login-pop .hint .em {
  color: #6FBDFF;
  cursor: pointer;
}
.login-pop .code-title {
  margin-top: 35px;
  margin-bottom: 25px;
  text-align: center;
}
.login-pop .box-code {
  height: 131px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.login-pop .box-code img {
  width: 131px;
  height: auto;
}
.login-pop .box-code p {
  font-size: 16px;
  line-height: 26px;
  padding-left: 27px;
}
.login-pop #urs-login {
  text-align: center;
  width: auto !important;
}
.nickname-pop {
  padding: 70px 70px 40px;
}
.nickname-pop .input-wrap {
  margin-top: 10px;
}
.nickname-pop .input {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 20px;
  height: 64px;
  width: 90%;
  border: 1px solid #a0c6e8;
  border-radius: 5px;
  background: rgba(255, 255, 255, 0.5);
  color: #639AC8;
}
.nickname-pop .input::-webkit-input-placeholder {
  /* WebKit browsers */
  color: #ffffff;
}
.nickname-pop .input:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #ffffff;
}
.nickname-pop .input::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #ffffff;
}
.nickname-pop .input:-ms-input-placeholder {
  /* Internet Explorer 10+ */
  color: #ffffff;
}
.nickname-pop .btn-wrap {
  position: relative;
  text-align: center;
  margin-top: 90px;
}
.nickname-pop .error-msg {
  position: absolute;
  text-align: center;
  top: -30px;
  left: 0;
  right: 0;
  font-size: 14px;
  color: #c90000;
}
.upload-pop {
  padding: 40px 70px 40px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.upload-pop-wrap {
  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+ */
}
.upload-pop-wrap p {
  font-size: 16px;
  color: #fff;
  line-height: 24px;
}
.upload-pop-wrap .choose-box {
  width: 310px;
}
.upload-pop-wrap .choose-box .upload-btn {
  width: 216px;
  height: 137px;
  background: url(https://tym.res.netease.com/pc/zt/20200325173243/img/load-btn_04089d1d.png) no-repeat;
  cursor: pointer;
  margin: 0 auto;
}
.upload-pop-wrap .choose-box .upload-btn:hover {
  opacity: 0.9;
}
.upload-pop-wrap .choose-box .upload-btn input {
  cursor: pointer;
}
.upload-pop-wrap .choose-box p {
  margin-top: 25px;
}
.upload-pop-wrap .line {
  width: 1px;
  height: 137px;
  background-color: #e0e7ec;
  margin: 0 45px 0 0;
}
.upload-pop-wrap .avatar-info {
  position: relative;
}
.upload-pop-wrap .avatar-info .avatar {
  width: 144px;
  height: 144px;
  border-radius: 50%;
  overflow: hidden;
}
.upload-pop-wrap .avatar-info .avatar img {
  width: 144px;
  height: 144px;
}
.upload-pop-wrap .avatar-info .avatar .delete-btn {
  left: 50%;
  top: 131px;
  transform: translate(-50%, 0);
  -webkit-transform: translate(-50%, 0);
  -moz-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  -o-transform: translate(-50%, 0);
  width: 26px;
  height: 26px;
  background: url(https://tym.res.netease.com/pc/zt/20200325173243/img/sprite-55b87f_55b87fa4.png) no-repeat;background-size:648px 535px;
background-position:-613px -424px;

  cursor: pointer;
  font-size: 0;
}
.upload-pop-wrap .avatar-info .avatar .delete-btn:hover {
  width: 26px;
  height: 26px;
  background: url(https://tym.res.netease.com/pc/zt/20200325173243/img/sprite-55b87f_55b87fa4.png) no-repeat;background-size:648px 535px;
background-position:-613px -452px;

}
.upload-pop-wrap .avatar-info p {
  margin-top: 18px;
  text-align: center;
}
.upload-pop-wrap .avatar-info .delete-btn {
  position: absolute;
  width: 50px;
  height: 50px;
  right: 0;
  top: 0;
  cursor: pointer;
  background-color: transparent;
  background: none;
  background-position: 50%;
  background-repeat: no-repeat;
  z-index: 3;
  text-align: center;
  line-height: 50px;
  background-color: rgba(0, 0, 0, 0.4);
}
.upload-pop .error-msg {
  position: absolute;
  text-align: center;
  top: 285px;
  left: 0;
  right: 0;
  font-size: 14px;
  color: #c90000;
}
.upload-pop .confirm-btn {
  margin: 55px auto 0;
  width: 174px;
  height: 49px;
  background: url(https://tym.res.netease.com/pc/zt/20200325173243/img/sprite-55b87f_55b87fa4.png) no-repeat;background-size:648px 535px;
background-position:-403px -222px;

  cursor: pointer;
}
.upload-pop .confirm-btn:hover {
  width: 174px;
  height: 49px;
  background: url(https://tym.res.netease.com/pc/zt/20200325173243/img/sprite-55b87f_55b87fa4.png) no-repeat;background-size:648px 535px;
background-position:-403px -273px;

}
.group-pop {
  margin: 0 auto;
  padding: 136px 0 0 193px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.group-pop .code {
  position: absolute;
  margin-top: 10px;
  width: 120px;
  height: 120px;
  top: 227px;
  right: 196px;
}
.group-pop .code img {
  width: 120px;
  height: 120px;
}
.group-pop .girl {
  position: absolute;
  width: 365px;
  height: 436px;
  background: url(https://tym.res.netease.com/pc/zt/20200325173243/img/girl_a7512b2f.png) no-repeat;
  left: 29px;
  bottom: 75px;
  z-index: 2;
}
.group-pop p {
  text-align: center;
  color: #fff;
  font-size: 18px;
  line-height: 24px;
}
.group-pop p span {
  color: #ffe1a8;
}
.download-mask {
  overflow-x: hidden;
  overflow-y: auto;
}
.download-pop-bg {
  position: relative;
  -webkit-transform: none;
          transform: none;
  left: 0;
  top: 0;
  margin: 70px auto;
  width: 1303px;
  height: 867px;
  background: url(https://tym.res.netease.com/pc/zt/20200325173243/img/pop-bg-l_c84ef678.png) top no-repeat;
  background-clip: border-box, content-box;
  padding-top: 87px;
}
.download-pop-bg::before {
  display: none;
}
.download-pop-bg .btn-close {
  width: 76px;
  height: 76px;
  margin-left: -29px;
  top: -2px;
  left: 50%;
  background: url(https://tym.res.netease.com/pc/zt/20200325173243/img/sprite-55b87f_55b87fa4.png);background-size:648px 535px;
background-position:-340px -401px;

  -webkit-transition: 0s!important;
  transition: 0s!important;
}
.download-pop-bg .btn-close:hover {
  background: url(https://tym.res.netease.com/pc/zt/20200325173243/img/sprite-55b87f_55b87fa4.png);background-size:648px 535px;
background-position:-418px -401px;
width:76px;
height:76px;

  transform: rotate(none);
  -webkit-transform: rotate(none);
  -moz-transform: rotate(none);
  -ms-transform: rotate(none);
  -o-transform: rotate(none);
}
.download-pop {
  padding: 0 50px 10px 65px;
}
.download-pop .img-wrap {
  background-color: #888888;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  height: 670px;
  width: 1188px;
}
.download-pop .btn-wrap {
  text-align: center;
  margin-top: 13px;
  padding-left: 15px;
}
.download-pop .btn-wrap div:nth-child(2) {
  margin-left: 142px;
}
.list-avatar {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-align-content: flex-start;
      -ms-flex-line-pack: start;
          align-content: flex-start;
  padding: 15px 60px 0;
  height: 280px;
}
.list-avatar li {
  width: 90px;
  height: 90px;
  border-radius: 50%;
  overflow: hidden;
  margin: 10px 5px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: 4px solid transparent;
  cursor: pointer;
}
.list-avatar li.active {
  border-color: #ffffff;
}
.list-avatar li img {
  width: 100%;
  height: auto;
}
.btn-qd {
  width: 228px;
  height: 63px;
  background: url(https://tym.res.netease.com/pc/zt/20200325173243/img/btn-m_dc9eed2c.png) no-repeat 50% 0%;
  margin: 0 auto;
  font-family: fzxysong;
  font-size: 30px;
  letter-spacing: 5px;
  color: #ffffff;
  line-height: 63px;
  text-align: center;
  cursor: pointer;
}
.toast-tips {
  min-width: 360px;
  max-width: 600px;
  min-height: 60px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 8px;
  position: fixed;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  background-color: rgba(255, 255, 255, 0.9);
  overflow: hidden;
  padding: 15px;
  font-size: 22px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: #639AC8;
  z-index: 99;
}
.slide-fade-enter,
.slide-fade-leave-to {
  margin-top: -0.3rem;
  opacity: 0;
}
.slide-fade-enter-active,
.slide-fade-leave-active {
  -webkit-transition: all .3s ease;
  transition: all .3s ease;
}
.slide-fade-enter-to,
.slide-fade-leave {
  margin-top: 0px;
  opacity: 1;
}
.top-nav-wrap {
  position: fixed;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  right: 40px;
  top: 0;
  width: 202px;
  height: 825px;
  background: url(https://tym.res.netease.com/pc/zt/20200325173243/img/side-nav-bg_452808a4.png);
  z-index: 9;
  transition: right 0.3s;
  -webkit-transition: right 0.3s;
  -moz-transition: right 0.3s;
  -ms-transition: right 0.3s;
  -o-transition: right 0.3s;
}
.top-nav-wrap.index-nav {
  width: 202px;
  height: 826px;
  padding-top: 396px;
  background: url(https://tym.res.netease.com/pc/zt/20200325173243/img/index-nav-bg_f027f1c6.png);
  left: 36px;
  -webkit-animation: swing 3s ease-in-out alternate infinite 300ms 0 ease;
  -moz-animation: swing 3s ease-in-out alternate infinite 300ms 0 ease;
  -ms-animation: swing 3s ease-in-out alternate infinite 300ms 0 ease;
  animation: swing 3s ease-in-out alternate infinite 300ms 0 ease;
  -o-animation: swing 3s ease-in-out alternate infinite;
  -webkit-animation: swing 3s ease-in-out alternate infinite;
  -moz-animation: swing 3s ease-in-out alternate infinite;
  -ms-animation: swing 3s ease-in-out alternate infinite;
  animation: swing 3s ease-in-out alternate infinite;
  transform-origin: center top;
  -webkit-transform-origin: center top;
  -moz-transform-origin: center top;
  -ms-transform-origin: center top;
  -o-transform-origin: center top;
}
.top-nav-wrap.index-nav .nav {
  margin-left: 43px;
  width: 134px;
  height: 126px;
  background: url(https://tym.res.netease.com/pc/zt/20200325173243/img/button-bg1_22679a5c.png) no-repeat;
  -webkit-animation: navbg 1s steps(20) infinite 300ms 0 ease;
  -moz-animation: navbg 1s steps(20) infinite 300ms 0 ease;
  -ms-animation: navbg 1s steps(20) infinite 300ms 0 ease;
  animation: navbg 1s steps(20) infinite 300ms 0 ease;
  -o-animation: navbg 1s steps(20) infinite;
  -webkit-animation: navbg 1s steps(20) infinite;
  -moz-animation: navbg 1s steps(20) infinite;
  -ms-animation: navbg 1s steps(20) infinite;
  animation: navbg 1s steps(20) infinite;
  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+ */
  /* 09版 */
  -webkit-box-pack: center;
  /* 12版 */
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -o-justify-content: center;
  -ms-flex-pack: center;
      justify-content: center;
  /* 09版 */
  -webkit-box-align: center;
  /* 12版 */
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  -ms-flex-align: center;
      align-items: center;
  z-index: 2;
}
.top-nav-wrap.index-nav .nav:hover {
  background: url(https://tym.res.netease.com/pc/zt/20200325173243/img/button-bg2_0310fab1.png) no-repeat;
}
.top-nav-wrap.index-nav .nav.nav1 .btn {
  width: 72px !important;
  height: 64px !important;
  background: url(https://tym.res.netease.com/pc/zt/20200325173243/img/nav1_ef895ec6.png) no-repeat !important;
}
.top-nav-wrap.index-nav .nav.nav1 .btn:hover {
  background-image: url(https://tym.res.netease.com/pc/zt/20200325173243/img/nav1-on_c570afc7.png) !important;
}
.top-nav-wrap.index-nav .nav.nav2 .btn {
  width: 72px !important;
  height: 64px !important;
  background: url(https://tym.res.netease.com/pc/zt/20200325173243/img/nav2_0c2d6552.png) no-repeat !important;
}
.top-nav-wrap.index-nav .nav.nav2 .btn:hover {
  background-image: url(https://tym.res.netease.com/pc/zt/20200325173243/img/nav2-on_93067bc9.png) !important;
}
.top-nav-wrap.index-nav .nav.nav3 .btn {
  width: 72px !important;
  height: 64px !important;
  background: url(https://tym.res.netease.com/pc/zt/20200325173243/img/nav3_6cc93c80.png) no-repeat !important;
}
.top-nav-wrap.index-nav .nav.nav3 .btn:hover {
  background-image: url(https://tym.res.netease.com/pc/zt/20200325173243/img/nav3-on_9e623946.png) !important;
}
.top-nav-wrap.index-nav .butterfly {
  position: absolute;
  top: 322px;
  right: -31px;
  width: 150px;
  height: 150px;
  background: url(https://tym.res.netease.com/pc/zt/20200325173243/img/butterfly_968f00e6.png) no-repeat;
  -webkit-animation: butterfly 1s steps(20) infinite 300ms 0 ease;
  -moz-animation: butterfly 1s steps(20) infinite 300ms 0 ease;
  -ms-animation: butterfly 1s steps(20) infinite 300ms 0 ease;
  animation: butterfly 1s steps(20) infinite 300ms 0 ease;
  -o-animation: butterfly 1s steps(20) infinite;
  -webkit-animation: butterfly 1s steps(20) infinite;
  -moz-animation: butterfly 1s steps(20) infinite;
  -ms-animation: butterfly 1s steps(20) infinite;
  animation: butterfly 1s steps(20) infinite;
}
.top-nav-wrap .nav-list {
  font-family: fzbysong;
}
.top-nav-wrap .nav-list .nav {
  font-size: 0;
}
.top-nav-wrap .nav-list .nav.nav-worklist .btn {
  width: 128px;
  height: 123px;
  background: url(https://tym.res.netease.com/pc/zt/20200325173243/img/zpzs1_0e894afe.png) no-repeat;
}
.top-nav-wrap .nav-list .nav.nav-worklist:hover .btn,
.top-nav-wrap .nav-list .nav.nav-worklist.active .btn {
  width: 128px;
  height: 123px;
  background: url(https://tym.res.netease.com/pc/zt/20200325173243/img/zpzs2_4a71ec23.png) no-repeat;
}
.top-nav-wrap .nav-list .nav.nav-award .btn {
  width: 128px;
  height: 123px;
  background: url(https://tym.res.netease.com/pc/zt/20200325173243/img/hdjl1_483ee1d9.png) no-repeat;
}
.top-nav-wrap .nav-list .nav.nav-award:hover .btn,
.top-nav-wrap .nav-list .nav.nav-award.active .btn {
  width: 128px;
  height: 123px;
  background: url(https://tym.res.netease.com/pc/zt/20200325173243/img/hdjl2_fb352227.png) no-repeat;
}
.top-nav-wrap .nav-list .nav.nav-my .btn {
  width: 128px;
  height: 123px;
  background: url(https://tym.res.netease.com/pc/zt/20200325173243/img/grzx1_b3fc31b6.png) no-repeat;
}
.top-nav-wrap .nav-list .nav.nav-my:hover .btn,
.top-nav-wrap .nav-list .nav.nav-my.active .btn {
  width: 128px;
  height: 123px;
  background: url(https://tym.res.netease.com/pc/zt/20200325173243/img/grzx2_6cee081b.png) no-repeat;
}
.top-nav-wrap .nav-list .nav.nav-chartlist .btn {
  width: 128px;
  height: 123px;
  background: url(https://tym.res.netease.com/pc/zt/20200325173243/img/nlphb1_5278017c.png) no-repeat;
}
.top-nav-wrap .nav-list .nav.nav-chartlist:hover .btn,
.top-nav-wrap .nav-list .nav.nav-chartlist.active .btn {
  width: 128px;
  height: 123px;
  background: url(https://tym.res.netease.com/pc/zt/20200325173243/img/nlphb2_2bb344b7.png) no-repeat;
}
.top-nav-wrap .qrcode-wrap {
  text-align: center;
  margin-top: 10px;
  padding-left: 3px;
}
.top-nav-wrap .qrcode-wrap .qrcode {
  width: 110px;
}
.top-nav-wrap .qrcode-wrap .tip {
  position: relative;
  display: inline-block;
  font-size: 14px;
  color: #fff;
}
.top-nav-wrap .qrcode-wrap .tip:before,
.top-nav-wrap .qrcode-wrap .tip:after {
  content: '';
  position: absolute;
  display: block;
  top: 50%;
  margin-top: -2px;
  width: 4px;
  height: 4px;
  background: #fff;
  border-radius: 50%;
}
.top-nav-wrap .qrcode-wrap .tip:before {
  left: -10px;
}
.top-nav-wrap .qrcode-wrap .tip:after {
  right: -10px;
}
.top-nav-wrap .join-group {
  margin: 5px 0 0 35px;
  width: 125px;
  height: 50px;
  background: url(https://tym.res.netease.com/pc/zt/20200325173243/img/sprite-55b87f_55b87fa4.png) no-repeat;background-size:648px 535px;
background-position:-210px -281px;

  cursor: pointer;
}
.top-nav-wrap .join-group:hover {
  width: 125px;
  height: 50px;
  background: url(https://tym.res.netease.com/pc/zt/20200325173243/img/sprite-55b87f_55b87fa4.png) no-repeat;background-size:648px 535px;
background-position:-210px -341px;

}
.top-nav-wrap .nav {
  position: relative;
  display: block;
  text-align: center;
  width: 128px;
  height: 123px;
  margin-left: 47px;
}
.top-nav-wrap .nav-home {
  display: block;
  text-align: center;
  margin: 200px auto 157px;
  color: #ffffff;
  font-size: 0;
  text-shadow: 0 0 3px rgba(98, 159, 210, 0.56);
  width: 50px;
  height: 49px;
  background: url(https://tym.res.netease.com/pc/zt/20200325173243/img/sprite-55b87f_55b87fa4.png) no-repeat;background-size:648px 535px;
background-position:-337px -281px;

}
.top-nav-wrap .nav-home:hover {
  text-shadow: 0 0 3px rgba(255, 255, 255, 0.5);
  width: 50px;
  height: 49px;
  background: url(https://tym.res.netease.com/pc/zt/20200325173243/img/sprite-55b87f_55b87fa4.png) no-repeat;background-size:648px 535px;
background-position:-337px -341px;

}
.top-nav-wrap .btn-open,
.top-nav-wrap .btn-close {
  position: absolute;
  left: -2px;
  top: 64%;
  margin-top: 15px;
  width: 35px;
  height: 104px;
  cursor: pointer;
}
.top-nav-wrap .btn-close {
  background: url(https://tym.res.netease.com/pc/zt/20200325173243/img/sprite-55b87f_55b87fa4.png) no-repeat;background-size:648px 535px;
background-position:-613px -0px;
width:35px;
height:104px;

}
.top-nav-wrap .btn-close:hover {
  background-image: url(https://tym.res.netease.com/pc/zt/20200325173243/img/sprite-55b87f_55b87fa4.png);background-size:648px 535px;
background-position:-613px -106px;
width:35px;
height:104px;

}
.top-nav-wrap .btn-open {
  background: url(https://tym.res.netease.com/pc/zt/20200325173243/img/sprite-55b87f_55b87fa4.png) no-repeat;background-size:648px 535px;
background-position:-613px -212px;
width:34px;
height:104px;

}
.top-nav-wrap .btn-open:hover {
  background-image: url(https://tym.res.netease.com/pc/zt/20200325173243/img/sprite-55b87f_55b87fa4.png);background-size:648px 535px;
background-position:-613px -318px;
width:34px;
height:104px;

}
.top-nav-wrap.hide-nav {
  right: -170px;
}
.top-nav-wrap.hide-nav:before {
  opacity: 0;
}
@-webkit-keyframes circle1 {
  0% {
    transform: rotate(-35deg);
    -webkit-transform: rotate(-35deg);
    -moz-transform: rotate(-35deg);
    -ms-transform: rotate(-35deg);
    -o-transform: rotate(-35deg);
  }
  100% {
    transform: rotate(35deg);
    -webkit-transform: rotate(35deg);
    -moz-transform: rotate(35deg);
    -ms-transform: rotate(35deg);
    -o-transform: rotate(35deg);
  }
}
@-moz-keyframes circle1 {
  0% {
    transform: rotate(-35deg);
    -webkit-transform: rotate(-35deg);
    -moz-transform: rotate(-35deg);
    -ms-transform: rotate(-35deg);
    -o-transform: rotate(-35deg);
  }
  100% {
    transform: rotate(35deg);
    -webkit-transform: rotate(35deg);
    -moz-transform: rotate(35deg);
    -ms-transform: rotate(35deg);
    -o-transform: rotate(35deg);
  }
}
@-ms-keyframes circle1 {
  0% {
    transform: rotate(-35deg);
    -webkit-transform: rotate(-35deg);
    -moz-transform: rotate(-35deg);
    -ms-transform: rotate(-35deg);
    -o-transform: rotate(-35deg);
  }
  100% {
    transform: rotate(35deg);
    -webkit-transform: rotate(35deg);
    -moz-transform: rotate(35deg);
    -ms-transform: rotate(35deg);
    -o-transform: rotate(35deg);
  }
}
@-o-keyframes circle1 {
  0% {
    transform: rotate(-35deg);
    -webkit-transform: rotate(-35deg);
    -moz-transform: rotate(-35deg);
    -ms-transform: rotate(-35deg);
    -o-transform: rotate(-35deg);
  }
  100% {
    transform: rotate(35deg);
    -webkit-transform: rotate(35deg);
    -moz-transform: rotate(35deg);
    -ms-transform: rotate(35deg);
    -o-transform: rotate(35deg);
  }
}
@keyframes circle1 {
  0% {
    transform: rotate(-35deg);
    -webkit-transform: rotate(-35deg);
    -moz-transform: rotate(-35deg);
    -ms-transform: rotate(-35deg);
    -o-transform: rotate(-35deg);
  }
  100% {
    transform: rotate(35deg);
    -webkit-transform: rotate(35deg);
    -moz-transform: rotate(35deg);
    -ms-transform: rotate(35deg);
    -o-transform: rotate(35deg);
  }
}
@-webkit-keyframes circle1 {
  0% {
    transform: rotate(-35deg);
    -webkit-transform: rotate(-35deg);
    -moz-transform: rotate(-35deg);
    -ms-transform: rotate(-35deg);
    -o-transform: rotate(-35deg);
  }
  100% {
    transform: rotate(35deg);
    -webkit-transform: rotate(35deg);
    -moz-transform: rotate(35deg);
    -ms-transform: rotate(35deg);
    -o-transform: rotate(35deg);
  }
}
@-moz-keyframes circle1 {
  0% {
    transform: rotate(-35deg);
    -webkit-transform: rotate(-35deg);
    -moz-transform: rotate(-35deg);
    -ms-transform: rotate(-35deg);
    -o-transform: rotate(-35deg);
  }
  100% {
    transform: rotate(35deg);
    -webkit-transform: rotate(35deg);
    -moz-transform: rotate(35deg);
    -ms-transform: rotate(35deg);
    -o-transform: rotate(35deg);
  }
}
@-ms-keyframes circle1 {
  0% {
    transform: rotate(-35deg);
    -webkit-transform: rotate(-35deg);
    -moz-transform: rotate(-35deg);
    -ms-transform: rotate(-35deg);
    -o-transform: rotate(-35deg);
  }
  100% {
    transform: rotate(35deg);
    -webkit-transform: rotate(35deg);
    -moz-transform: rotate(35deg);
    -ms-transform: rotate(35deg);
    -o-transform: rotate(35deg);
  }
}
@-o-keyframes circle1 {
  0% {
    transform: rotate(-35deg);
    -webkit-transform: rotate(-35deg);
    -moz-transform: rotate(-35deg);
    -ms-transform: rotate(-35deg);
    -o-transform: rotate(-35deg);
  }
  100% {
    transform: rotate(35deg);
    -webkit-transform: rotate(35deg);
    -moz-transform: rotate(35deg);
    -ms-transform: rotate(35deg);
    -o-transform: rotate(35deg);
  }
}
@keyframes circle1 {
  0% {
    transform: rotate(-35deg);
    -webkit-transform: rotate(-35deg);
    -moz-transform: rotate(-35deg);
    -ms-transform: rotate(-35deg);
    -o-transform: rotate(-35deg);
  }
  100% {
    transform: rotate(35deg);
    -webkit-transform: rotate(35deg);
    -moz-transform: rotate(35deg);
    -ms-transform: rotate(35deg);
    -o-transform: rotate(35deg);
  }
}
@-webkit-keyframes circle2 {
  0% {
    transform: rotate(-9deg);
    -webkit-transform: rotate(-9deg);
    -moz-transform: rotate(-9deg);
    -ms-transform: rotate(-9deg);
    -o-transform: rotate(-9deg);
  }
  100% {
    transform: rotate(9deg);
    -webkit-transform: rotate(9deg);
    -moz-transform: rotate(9deg);
    -ms-transform: rotate(9deg);
    -o-transform: rotate(9deg);
  }
}
@-moz-keyframes circle2 {
  0% {
    transform: rotate(-9deg);
    -webkit-transform: rotate(-9deg);
    -moz-transform: rotate(-9deg);
    -ms-transform: rotate(-9deg);
    -o-transform: rotate(-9deg);
  }
  100% {
    transform: rotate(9deg);
    -webkit-transform: rotate(9deg);
    -moz-transform: rotate(9deg);
    -ms-transform: rotate(9deg);
    -o-transform: rotate(9deg);
  }
}
@-ms-keyframes circle2 {
  0% {
    transform: rotate(-9deg);
    -webkit-transform: rotate(-9deg);
    -moz-transform: rotate(-9deg);
    -ms-transform: rotate(-9deg);
    -o-transform: rotate(-9deg);
  }
  100% {
    transform: rotate(9deg);
    -webkit-transform: rotate(9deg);
    -moz-transform: rotate(9deg);
    -ms-transform: rotate(9deg);
    -o-transform: rotate(9deg);
  }
}
@-o-keyframes circle2 {
  0% {
    transform: rotate(-9deg);
    -webkit-transform: rotate(-9deg);
    -moz-transform: rotate(-9deg);
    -ms-transform: rotate(-9deg);
    -o-transform: rotate(-9deg);
  }
  100% {
    transform: rotate(9deg);
    -webkit-transform: rotate(9deg);
    -moz-transform: rotate(9deg);
    -ms-transform: rotate(9deg);
    -o-transform: rotate(9deg);
  }
}
@keyframes circle2 {
  0% {
    transform: rotate(-9deg);
    -webkit-transform: rotate(-9deg);
    -moz-transform: rotate(-9deg);
    -ms-transform: rotate(-9deg);
    -o-transform: rotate(-9deg);
  }
  100% {
    transform: rotate(9deg);
    -webkit-transform: rotate(9deg);
    -moz-transform: rotate(9deg);
    -ms-transform: rotate(9deg);
    -o-transform: rotate(9deg);
  }
}
@-webkit-keyframes circle2 {
  0% {
    transform: rotate(-9deg);
    -webkit-transform: rotate(-9deg);
    -moz-transform: rotate(-9deg);
    -ms-transform: rotate(-9deg);
    -o-transform: rotate(-9deg);
  }
  100% {
    transform: rotate(9deg);
    -webkit-transform: rotate(9deg);
    -moz-transform: rotate(9deg);
    -ms-transform: rotate(9deg);
    -o-transform: rotate(9deg);
  }
}
@-moz-keyframes circle2 {
  0% {
    transform: rotate(-9deg);
    -webkit-transform: rotate(-9deg);
    -moz-transform: rotate(-9deg);
    -ms-transform: rotate(-9deg);
    -o-transform: rotate(-9deg);
  }
  100% {
    transform: rotate(9deg);
    -webkit-transform: rotate(9deg);
    -moz-transform: rotate(9deg);
    -ms-transform: rotate(9deg);
    -o-transform: rotate(9deg);
  }
}
@-ms-keyframes circle2 {
  0% {
    transform: rotate(-9deg);
    -webkit-transform: rotate(-9deg);
    -moz-transform: rotate(-9deg);
    -ms-transform: rotate(-9deg);
    -o-transform: rotate(-9deg);
  }
  100% {
    transform: rotate(9deg);
    -webkit-transform: rotate(9deg);
    -moz-transform: rotate(9deg);
    -ms-transform: rotate(9deg);
    -o-transform: rotate(9deg);
  }
}
@-o-keyframes circle2 {
  0% {
    transform: rotate(-9deg);
    -webkit-transform: rotate(-9deg);
    -moz-transform: rotate(-9deg);
    -ms-transform: rotate(-9deg);
    -o-transform: rotate(-9deg);
  }
  100% {
    transform: rotate(9deg);
    -webkit-transform: rotate(9deg);
    -moz-transform: rotate(9deg);
    -ms-transform: rotate(9deg);
    -o-transform: rotate(9deg);
  }
}
@keyframes circle2 {
  0% {
    transform: rotate(-9deg);
    -webkit-transform: rotate(-9deg);
    -moz-transform: rotate(-9deg);
    -ms-transform: rotate(-9deg);
    -o-transform: rotate(-9deg);
  }
  100% {
    transform: rotate(9deg);
    -webkit-transform: rotate(9deg);
    -moz-transform: rotate(9deg);
    -ms-transform: rotate(9deg);
    -o-transform: rotate(9deg);
  }
}
@-webkit-keyframes butterfly {
  to {
    background-position: 0 -3000px;
  }
}
@-moz-keyframes butterfly {
  to {
    background-position: 0 -3000px;
  }
}
@-ms-keyframes butterfly {
  to {
    background-position: 0 -3000px;
  }
}
@-o-keyframes butterfly {
  to {
    background-position: 0 -3000px;
  }
}
@keyframes butterfly {
  to {
    background-position: 0 -3000px;
  }
}
@-webkit-keyframes butterfly {
  to {
    background-position: 0 -3000px;
  }
}
@-moz-keyframes butterfly {
  to {
    background-position: 0 -3000px;
  }
}
@-ms-keyframes butterfly {
  to {
    background-position: 0 -3000px;
  }
}
@-o-keyframes butterfly {
  to {
    background-position: 0 -3000px;
  }
}
@keyframes butterfly {
  to {
    background-position: 0 -3000px;
  }
}
@-webkit-keyframes navbg {
  to {
    background-position: 0 -2680px;
  }
}
@-moz-keyframes navbg {
  to {
    background-position: 0 -2680px;
  }
}
@-ms-keyframes navbg {
  to {
    background-position: 0 -2680px;
  }
}
@-o-keyframes navbg {
  to {
    background-position: 0 -2680px;
  }
}
@keyframes navbg {
  to {
    background-position: 0 -2680px;
  }
}
@-webkit-keyframes navbg {
  to {
    background-position: 0 -2680px;
  }
}
@-moz-keyframes navbg {
  to {
    background-position: 0 -2680px;
  }
}
@-ms-keyframes navbg {
  to {
    background-position: 0 -2680px;
  }
}
@-o-keyframes navbg {
  to {
    background-position: 0 -2680px;
  }
}
@keyframes navbg {
  to {
    background-position: 0 -2680px;
  }
}
@-webkit-keyframes windChime {
  to {
    background-position: 0 -4000px;
  }
}
@-moz-keyframes windChime {
  to {
    background-position: 0 -4000px;
  }
}
@-ms-keyframes windChime {
  to {
    background-position: 0 -4000px;
  }
}
@-o-keyframes windChime {
  to {
    background-position: 0 -4000px;
  }
}
@keyframes windChime {
  to {
    background-position: 0 -4000px;
  }
}
@-webkit-keyframes windChime {
  to {
    background-position: 0 -4000px;
  }
}
@-moz-keyframes windChime {
  to {
    background-position: 0 -4000px;
  }
}
@-ms-keyframes windChime {
  to {
    background-position: 0 -4000px;
  }
}
@-o-keyframes windChime {
  to {
    background-position: 0 -4000px;
  }
}
@keyframes windChime {
  to {
    background-position: 0 -4000px;
  }
}
@-webkit-keyframes swing {
  0% {
    transform: rotate(3deg);
    -webkit-transform: rotate(3deg);
    -moz-transform: rotate(3deg);
    -ms-transform: rotate(3deg);
    -o-transform: rotate(3deg);
  }
  50% {
    transform: rotate(-3deg);
    -webkit-transform: rotate(-3deg);
    -moz-transform: rotate(-3deg);
    -ms-transform: rotate(-3deg);
    -o-transform: rotate(-3deg);
  }
}
@-moz-keyframes swing {
  0% {
    transform: rotate(3deg);
    -webkit-transform: rotate(3deg);
    -moz-transform: rotate(3deg);
    -ms-transform: rotate(3deg);
    -o-transform: rotate(3deg);
  }
  50% {
    transform: rotate(-3deg);
    -webkit-transform: rotate(-3deg);
    -moz-transform: rotate(-3deg);
    -ms-transform: rotate(-3deg);
    -o-transform: rotate(-3deg);
  }
}
@-ms-keyframes swing {
  0% {
    transform: rotate(3deg);
    -webkit-transform: rotate(3deg);
    -moz-transform: rotate(3deg);
    -ms-transform: rotate(3deg);
    -o-transform: rotate(3deg);
  }
  50% {
    transform: rotate(-3deg);
    -webkit-transform: rotate(-3deg);
    -moz-transform: rotate(-3deg);
    -ms-transform: rotate(-3deg);
    -o-transform: rotate(-3deg);
  }
}
@-o-keyframes swing {
  0% {
    transform: rotate(3deg);
    -webkit-transform: rotate(3deg);
    -moz-transform: rotate(3deg);
    -ms-transform: rotate(3deg);
    -o-transform: rotate(3deg);
  }
  50% {
    transform: rotate(-3deg);
    -webkit-transform: rotate(-3deg);
    -moz-transform: rotate(-3deg);
    -ms-transform: rotate(-3deg);
    -o-transform: rotate(-3deg);
  }
}
@keyframes swing {
  0% {
    transform: rotate(3deg);
    -webkit-transform: rotate(3deg);
    -moz-transform: rotate(3deg);
    -ms-transform: rotate(3deg);
    -o-transform: rotate(3deg);
  }
  50% {
    transform: rotate(-3deg);
    -webkit-transform: rotate(-3deg);
    -moz-transform: rotate(-3deg);
    -ms-transform: rotate(-3deg);
    -o-transform: rotate(-3deg);
  }
}
@-webkit-keyframes swing {
  0% {
    transform: rotate(3deg);
    -webkit-transform: rotate(3deg);
    -moz-transform: rotate(3deg);
    -ms-transform: rotate(3deg);
    -o-transform: rotate(3deg);
  }
  50% {
    transform: rotate(-3deg);
    -webkit-transform: rotate(-3deg);
    -moz-transform: rotate(-3deg);
    -ms-transform: rotate(-3deg);
    -o-transform: rotate(-3deg);
  }
}
@-moz-keyframes swing {
  0% {
    transform: rotate(3deg);
    -webkit-transform: rotate(3deg);
    -moz-transform: rotate(3deg);
    -ms-transform: rotate(3deg);
    -o-transform: rotate(3deg);
  }
  50% {
    transform: rotate(-3deg);
    -webkit-transform: rotate(-3deg);
    -moz-transform: rotate(-3deg);
    -ms-transform: rotate(-3deg);
    -o-transform: rotate(-3deg);
  }
}
@-ms-keyframes swing {
  0% {
    transform: rotate(3deg);
    -webkit-transform: rotate(3deg);
    -moz-transform: rotate(3deg);
    -ms-transform: rotate(3deg);
    -o-transform: rotate(3deg);
  }
  50% {
    transform: rotate(-3deg);
    -webkit-transform: rotate(-3deg);
    -moz-transform: rotate(-3deg);
    -ms-transform: rotate(-3deg);
    -o-transform: rotate(-3deg);
  }
}
@-o-keyframes swing {
  0% {
    transform: rotate(3deg);
    -webkit-transform: rotate(3deg);
    -moz-transform: rotate(3deg);
    -ms-transform: rotate(3deg);
    -o-transform: rotate(3deg);
  }
  50% {
    transform: rotate(-3deg);
    -webkit-transform: rotate(-3deg);
    -moz-transform: rotate(-3deg);
    -ms-transform: rotate(-3deg);
    -o-transform: rotate(-3deg);
  }
}
@keyframes swing {
  0% {
    transform: rotate(3deg);
    -webkit-transform: rotate(3deg);
    -moz-transform: rotate(3deg);
    -ms-transform: rotate(3deg);
    -o-transform: rotate(3deg);
  }
  50% {
    transform: rotate(-3deg);
    -webkit-transform: rotate(-3deg);
    -moz-transform: rotate(-3deg);
    -ms-transform: rotate(-3deg);
    -o-transform: rotate(-3deg);
  }
}
@media screen and (max-height: 850px) {
  .top-nav-wrap {
    top: -100px;
  }
}
.index-page {
  position: relative;
  overflow: hidden;
  height: 1080px;
  background: url(https://tym.res.netease.com/pc/zt/20200325173243/img/bg_211f9d78.jpg) no-repeat center top;
}
.index-page .text {
  position: absolute;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  top: 205px;
  left: 50%;
  margin-left: 353px;
  padding-left: 34px;
  padding-top: 58px;
  width: 382px;
  height: 141px;
  font-size: 30px;
  font-style: italic;
  line-height: 37px;
  color: #ffffff;
  background: url(https://tym.res.netease.com/pc/zt/20200325173243/img/index-text_c57acc82.png) top center no-repeat;
  z-index: 9;
}
.index-page .text p:nth-child(1) {
  font-family: fzbysong;
  padding: 27px 0 0 43px;
}
.index-page .text p:nth-child(2) {
  font-family: fzbysong;
  padding-left: 64px;
}
.index-page .text span {
  font-weight: bold;
  color: #fbe48c;
}
.index-page .qrcode {
  position: absolute;
  top: 650px;
  left: 50%;
  margin-left: 359px;
  width: 179px;
  height: 110px;
  background: url(https://tym.res.netease.com/pc/zt/20200325173243/img/qrcode-index_d8b762be.png);
  z-index: 9;
}
.inner-page {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding-top: 480px;
  padding-bottom: 73px;
  width: 100%;
  min-height: 100%;
  background: #141215 url(https://tym.res.netease.com/pc/zt/20200325173243/img/bg-inner_73080be4.jpg) center top no-repeat;
  background-size: 1920px;
  background-attachment: fixed;
}
.inner-page.inner-detail {
  background-attachment: initial;
}
.container-inner {
  overflow: hidden;
  margin: 0 auto;
  width: 1250px;
  border-radius: 10px;
  -webkit-box-shadow: 0 10px 43px rgba(91, 173, 216, 0.1);
          box-shadow: 0 10px 43px rgba(91, 173, 216, 0.1);
}
.container-inner .top-wrap {
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding-top: 20px;
  width: 1250px;
  height: 230px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  background: rgba(255, 255, 255, 0.6);
}
.container-inner .content-wrap {
  padding: 40px 80px 100px;
  background: rgba(255, 255, 255, 0.8);
  font-size: 18px;
  line-height: 2;
  color: #8f81ce;
}
.container-inner.fix .top-wrap {
  -webkit-transition: 0.3s;
  transition: 0.3s;
  -webkit-transition-property: background-color, height;
  transition-property: background-color, height;
}
.container-inner.fix .top-wrap:after {
  content: '';
  position: absolute;
  left: 0;
  bottom: -41px;
  width: 1250px;
  height: 63px;
  background: url(https://tym.res.netease.com/pc/zt/20200325173243/img/bg-top-trans_9d91adf5.png) center no-repeat;
}
.container-inner.fixed {
  padding-top: 240px;
}
.container-inner.fixed .top-wrap {
  position: fixed;
  background-color: rgba(255, 255, 255, 0.95);
  top: -131px;
  border-radius: 0;
  height: 240px;
}
.container-inner.fixed .top-wrap:before {
  content: '';
  position: absolute;
  left: 0;
  bottom: -41px;
  width: 1250px;
  height: 63px;
  background: linear-gradient(180deg, transparent 22px, rgba(255, 255, 255, 0.95) 22px, transparent 100%);
}
.container-inner.fixed .content-wrap {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}
.container-inner .inner-title-wrap {
  position: relative;
  height: 97px;
  margin-left: 14px;
  margin-bottom: 20px;
  line-height: 1;
  font-family: fzbysong;
  background: url(https://tym.res.netease.com/pc/zt/20200325173243/img/inner-title-dec_a4c2ed7d.png) left bottom no-repeat;
}
.container-inner .inner-title-wrap .inner-title {
  padding-left: 70px;
  font-size: 52px;
  font-style: italic;
  color: #fff;
  text-shadow: 0 0 16px rgba(255, 255, 255, 0.9);
}
.container-inner .inner-title-wrap .inner-subtitle {
  text-align: center;
  white-space: nowrap;
  margin-top: 4px;
  padding-left: 100px;
  width: 240px;
  font-size: 14px;
  text-transform: uppercase;
  color: #fff;
}
.container-inner .split {
  width: 1100px;
  margin: 20px auto;
  border-top: 1px solid #d9eff3;
}
.container-inner .split.white {
  border-color: #ffffff;
}
.container-award .inner-title-wrap {
  background: url(https://tym.res.netease.com/pc/zt/20200325173243/img/inner-title-award_d06ca750.png) left bottom no-repeat;
}
.container-award.entity .top-wrap {
  height: 626px;
  background-position: center top;
}
.container-award.virtual .top-wrap {
  height: 1124px;
  background-position: center top;
}
.container-award .content-wrap {
  padding-top: 800px;
  padding-left: 62px;
  padding-right: 62px;
  color: #8f81ce;
}
.container-award .award-wrap {
  position: relative;
}
.container-award .tab-list {
  position: absolute;
  left: 40px;
  top: 30px;
}
.container-award .tab-item {
  text-align: center;
  display: block;
  margin-bottom: 28px;
  width: 156px;
  height: 41px;
  font-size: 16px;
  line-height: 41px;
  background: url(https://tym.res.netease.com/pc/zt/20200325173243/img/sprite-55b87f_55b87fa4.png) no-repeat;background-size:652.1806451612903px 535px;
background-position:-405.59999999999997px -326.09032258064514px;

  color: #639AC8;
  cursor: pointer;
}
.container-award .tab-item:hover,
.container-award .tab-item.active {
  background-image: url(https://tym.res.netease.com/pc/zt/20200325173243/img/sprite-55b87f_55b87fa4.png);background-size:648px 535px;
background-position:-230px -216px;
width:155px;
height:41px;

}
.container-award .award1 {
  height: 524px;
  background: url(https://tym.res.netease.com/pc/zt/20200325173243/img/award1_ee422a10.png) center no-repeat;
}
.container-award .award2 {
  height: 793px;
  background: url(https://tym.res.netease.com/pc/zt/20200325173243/img/award2_f7d3697e.png) center no-repeat;
}
.container-award .table-wrap {
  width: 1100px;
  position: relative;
  padding: 0 30px 5px;
  background: url(https://tym.res.netease.com/pc/zt/20200325173243/img/table-repeat_058dbfac.png);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.container-award .table-wrap:before,
.container-award .table-wrap:after {
  content: '';
  position: absolute;
  display: block;
  left: 0;
  right: 0;
  background: center no-repeat;
}
.container-award .table-wrap:before {
  top: -708px;
  height: 709px;
  background-image: url(https://tym.res.netease.com/pc/zt/20200325173243/img/table-top_c130a946.png);
}
.container-award .table-wrap:after {
  bottom: -12px;
  height: 13px;
  background-image: url(https://tym.res.netease.com/pc/zt/20200325173243/img/table-bottom_49b8ad2e.png);
}
.container-award .table-wrap h3 {
  font-size: 20px;
  font-weight: 600;
}
.container-award .table-wrap .detail p {
  font-size: 18px;
}
.container-award .table-wrap .detail p::before {
  display: inline-block;
  border: 1px solid #8f81ce;
  color: #8f81ce;
  width: 16px;
  height: 16px;
  border-radius: 100%;
  text-align: center;
  line-height: 16px;
  margin-right: 4px;
}
.container-award .table-wrap .detail p:nth-child(1)::before {
  content: '1';
}
.container-award .table-wrap .detail p:nth-child(2)::before {
  content: '2';
}
.container-award .table-wrap .detail p:nth-child(3)::before {
  content: '3';
}
.container-award .table-wrap .detail p:nth-child(4)::before {
  content: '4';
}
.container-award .table-wrap .detail p:nth-child(5)::before {
  content: '5';
}
.container-award .table-wrap .detail p:nth-child(6)::before {
  content: '6';
}
.container-award .tip {
  margin-top: 40px;
  margin-left: 30px;
  font-size: 16px;
  line-height: 1.8;
  opacity: 0.8;
}
.container-chart.fixed {
  margin-bottom: 55px;
}
.container-chart.fixed .tab-wrap .select-filter1 {
  left: 72px;
  top: 16px;
  width: 168px;
  z-index: 2;
}
.container-chart.fixed .tab-wrap .select-filter2 {
  right: 72px;
  top: 16px;
  width: 168px;
  z-index: 2;
}
.container-chart.fixed .top-wrap .split {
  margin-bottom: 17px;
}
.container-chart.fixed .content-wrap {
  padding-top: 60px;
}
.container-chart .top-wrap {
  z-index: 2;
  height: 315px;
}
.container-chart .top-wrap .split {
  margin-bottom: 60px;
}
.container-chart .top-wrap .inner-title-wrap {
  background: url(https://tym.res.netease.com/pc/zt/20200325173243/img/chart-title_3eb4473a.png) left bottom no-repeat;
}
.container-chart .tab-wrap {
  position: relative;
}
.container-chart .tab-wrap .select-filter {
  position: absolute;
}
.container-chart .tab-wrap .select-filter .el-select.bodytype {
  margin-left: 20px;
}
.container-chart .tab-wrap .select-filter .el-select .el-input .el-input__inner {
  height: 38px;
  padding: 0 28px 0 15px;
  border-radius: 25px;
  font-size: 16px;
  line-height: 38px;
  border: 1px solid #639AC8;
  color: #639AC8;
  background: transparent;
}
.container-chart .tab-wrap .select-filter .el-select .el-input .el-input__suffix {
  height: 33px;
  top: 3px;
}
.container-chart .tab-wrap .select-filter .el-select .el-input .el-input__suffix .el-select__caret {
  font-size: 24px;
  color: #639AC8;
  line-height: 35px;
}
.container-chart .tab-wrap .select-filter1 {
  right: 72px;
  top: -122px;
}
.container-chart .tab-wrap .select-filter1 .el-select {
  width: 120px;
}
.container-chart .tab-wrap .select-filter2 {
  right: 215px;
  top: -122px;
}
.container-chart .tab-wrap .select-filter2 .el-select {
  width: 200px;
}
.container-chart .tab-wrap .vote-filter-tab .split-line {
  display: none;
}
.container-chart .tab-wrap .vote-filter-tab .filter-wrap {
  display: none;
}
.container-chart .tab-wrap .vote-filter-tab .contest-stage {
  width: 815px;
  margin: 0 auto;
  /* 09版 */
  -webkit-box-pack: center;
  /* 12版 */
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -o-justify-content: center;
  -ms-flex-pack: center;
      justify-content: center;
}
.container-chart .tab-wrap .vote-filter-tab .contest-stage .stage {
  width: 208px;
  height: 58px;
  background: url(https://tym.res.netease.com/pc/zt/20200325173243/img/sprite-55b87f_55b87fa4.png) no-repeat;background-size:648px 535px;
background-position:-403px -0px;

  font-size: 24px;
  color: #6C84A9;
  font-family: fzbysong;
  border: none;
  line-height: 58px;
}
.container-chart .tab-wrap .vote-filter-tab .contest-stage .stage:last-child {
  margin-right: 0;
}
.container-chart .tab-wrap .vote-filter-tab .contest-stage .stage:hover,
.container-chart .tab-wrap .vote-filter-tab .contest-stage .stage.active {
  width: 208px;
  height: 58px;
  background: url(https://tym.res.netease.com/pc/zt/20200325173243/img/sprite-55b87f_55b87fa4.png) no-repeat;background-size:648px 535px;
background-position:-403px -60px;

  color: #FFFFFF;
}
.container-list .top-wrap {
  z-index: 2;
}
.container-list .top-wrap .split {
  margin-bottom: 37px;
}
.container-list .tab-wrap {
  position: relative;
  width: 1045px;
  margin: 0 auto;
}
.container-list .tab-wrap .select-filter {
  position: absolute;
  right: 0;
  top: 0;
  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+ */
}
.container-list .tab-wrap .select-filter .el-select {
  width: 112px;
  margin-left: 20px;
}
.container-list .tab-wrap .select-filter .el-select.time {
  width: 196px;
}
.container-list .tab-wrap .select-filter .el-select .el-input .el-input__inner {
  height: 38px;
  padding: 0 28px 0 15px;
  border-radius: 25px;
  font-size: 16px;
  line-height: 38px;
  border: 1px solid #8ABAE2;
  color: #8ABAE2;
  background: transparent;
}
.container-list .tab-wrap .select-filter .el-select .el-input .el-input__suffix {
  height: 33px;
  top: 3px;
}
.container-list .tab-wrap .select-filter .el-select .el-input .el-input__suffix .el-select__caret {
  font-size: 24px;
  color: #8ABAE2;
  line-height: 35px;
}
.container-list .tab-wrap .vote-filter-tab .split-line {
  display: none;
}
.container-list .tab-wrap .vote-filter-tab .filter-wrap .contest-search {
  display: none;
}
.container-list .tab-wrap .vote-filter-tab .filter-wrap .contest-tab .tab {
  color: #8ABAE2;
}
.container-list .tab-wrap .vote-filter-tab .filter-wrap .contest-tab .tab .circle {
  border-color: #8ABAE2;
}
.container-list .tab-wrap .vote-filter-tab .filter-wrap .contest-tab .tab.active .circle::before,
.container-list .tab-wrap .vote-filter-tab .filter-wrap .contest-tab .tab:hover .circle::before {
  background-color: #8ABAE2;
}
.container-detail-wrap {
  margin: 0 auto;
  width: 1250px;
  overflow: hidden;
}
.container-detail-wrap .container-detail {
  border-radius: 10px;
}
.container-detail-wrap .container-detail .top-wrap {
  overflow: hidden;
  height: auto;
}
.container-detail-wrap .container-detail .content-wrap {
  *zoom: 1;
  color: #639AC8;
}
.container-detail-wrap .container-detail .content-wrap:after {
  content: " ";
  display: block;
  height: 0;
  clear: both;
}
.container-detail-wrap .container-detail .content-wrap:after {
  content: " ";
  display: block;
  height: 0;
  clear: both;
}
.container-detail-wrap .container-detail .img-wrap {
  float: left;
  position: relative;
  width: 461px;
  height: 529px;
}
.container-detail-wrap .container-detail .img-wrap .img {
  width: 100%;
  height: 100%;
  background: center no-repeat;
  background-size: cover;
}
.container-detail-wrap .container-detail .img-wrap:before {
  content: '';
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  background: url(https://tym.res.netease.com/pc/zt/20200325173243/img/img-frame_9ed37241.png) no-repeat;
  background-size: 100% 100%;
}
.container-detail-wrap .container-detail .info-wrap {
  margin-left: 570px;
  line-height: 1.4;
}
.container-detail-wrap .container-detail .info-wrap .name {
  font-size: 36px;
  font-weight: bold;
  word-wrap: break-word;
  word-break: break-all;
}
.container-detail-wrap .container-detail .info-wrap .mark {
  margin-top: 16px;
  margin-bottom: 16px;
  font-size: 22px;
  line-height: 1.5;
  word-wrap: break-word;
  word-break: break-all;
}
.container-detail-wrap .container-detail .info-wrap .home-link {
  text-align: center;
  display: inline-block;
  width: 155px;
  height: 41px;
  font-size: 16px;
  line-height: 41px;
  background: url(https://tym.res.netease.com/pc/zt/20200325173243/img/tab_c8e53413.png) no-repeat;
  color: #6C84A9;
  cursor: pointer;
}
.container-detail-wrap .container-detail .info-wrap .home-link:hover {
  opacity: 0.7;
}
.container-detail-wrap .container-detail .info-wrap .info-group {
  margin-top: 28px;
  font-size: 20px;
}
.container-detail-wrap .container-detail .info-wrap .info-item {
  background: url(https://tym.res.netease.com/pc/zt/20200325173243/img/disc_761f0626.png) left no-repeat;
}
.container-detail-wrap .container-detail .info-wrap .info-item .label {
  padding-left: 24px;
}
.container-detail-wrap .container-detail .info-wrap .info-item + .info-item {
  margin-top: 12px;
}
.container-detail-wrap .container-detail .info-wrap .share-wrap {
  overflow: hidden;
  margin-top: 24px;
  padding: 16px 0;
  border-top: 1px solid rgba(120, 165, 227, 0.14);
  border-bottom: 1px solid rgba(120, 165, 227, 0.14);
}
.container-detail-wrap .container-detail .info-wrap .share-wrap .NIE-share2 .NIE-share-txt {
  font-size: 24px;
  font-family: inherit;
  font-weight: normal;
}
.container-detail-wrap .container-detail .info-wrap .share-wrap .NIE-share2 .NIE-share-iconBtn {
  margin-left: 30px;
}
.container-detail-wrap .container-detail .info-wrap .share-wrap .NIE-share2 .NIE-share-iconBtn a {
  margin-right: 10px;
  font-size: 28px;
  color: #78A5E3;
}
.container-detail-wrap .container-detail .info-wrap .share-wrap .NIE-share2 .NIE-share-iconBtn a.morebtn {
  display: none;
}
.container-detail-wrap .container-detail .info-wrap .btn-wrap {
  overflow: hidden;
  margin-top: 36px;
  font-size: 0;
}
.container-detail-wrap .container-detail .info-wrap .btn-wrap .btn-like,
.container-detail-wrap .container-detail .info-wrap .btn-wrap .btn-dl {
  float: left;
  font-size: 24px;
}
.container-detail-wrap .container-detail .info-wrap .btn-wrap .vciconfont {
  font-size: 32px;
}
.container-detail-wrap .container-detail .info-wrap .btn-wrap .btn-dl {
  margin-left: 28px;
}
.container-detail-wrap .container-detail .info-wrap .btn-wrap .btn-like.liked .vciconfont {
  color: #dd7373;
}
.container-detail-wrap .comments {
  margin-top: 30px;
}
.container-detail-wrap .comments-title {
  font-size: 36px;
  line-height: 52px;
  color: #639AC8;
}
.container-detail-wrap .comments .icon-wrap {
  position: relative;
  display: inline-block;
}
.container-detail-wrap .comments .icon-wrap .icon {
  display: inline-block;
  color: #639AC8;
  font-size: 18px;
  padding-left: 42px;
  width: auto;
  height: 32px;
  line-height: 32px;
}
.container-detail-wrap .comments .icon-wrap .icon-face {
  background: url(https://tym.res.netease.com/pc/zt/20200325173243/img/icon-emoji_c88fde93.png) no-repeat left center;
}
.container-detail-wrap .comments .add-reply .mes-bg {
  margin-top: 20px;
}
.container-detail-wrap .comments .add-reply .mes-bg .topic {
  color: #838383;
  width: 100%;
  height: 180px;
  background: #ffffff;
  padding: 20px 30px;
  border: 1px solid #d6ecfc;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 16px;
  border-radius: 7px;
}
.container-detail-wrap .comments .add-reply .mes-bg .topic::-webkit-input-placeholder {
  /* WebKit browsers */
  color: #639AC8;
}
.container-detail-wrap .comments .add-reply .mes-bg .topic:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #639AC8;
}
.container-detail-wrap .comments .add-reply .mes-bg .topic::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #639AC8;
}
.container-detail-wrap .comments .add-reply .mes-bg .topic:-ms-input-placeholder {
  /* Internet Explorer 10+ */
  color: #639AC8;
}
.container-detail-wrap .comments .add-reply .operation-topic {
  margin-top: 20px;
}
.container-detail-wrap .comments .add-reply .operation-right {
  color: #639AC8;
  line-height: 41px;
}
.container-detail-wrap .comments .add-reply .operation-right .txt-len {
  font-size: 18px;
  padding-right: 5px;
  font-style: normal;
  height: 41px;
  line-height: 41px;
  vertical-align: top;
}
.container-detail-wrap .comments .add-reply .operation-right .btn-common {
  display: inline-block;
  vertical-align: top;
  margin-left: 15px;
  width: 135px;
  height: 41px;
  background: url(https://tym.res.netease.com/pc/zt/20200325173243/img/sprite-55b87f_55b87fa4.png) no-repeat;background-size:648px 535px;
background-position:-0px -494px;

}
.container-detail-wrap .comments .md-frame #topic.comm {
  border-bottom: 1px dashed #dbdce0;
  margin: 15px 18px 0 0;
}
.container-detail-wrap .comments .md-frame #topic.comm:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.container-detail-wrap .comments .nickname {
  font-weight: 600;
  font-size: 26px;
  color: #639AC8;
}
.container-detail-wrap .comments .message-time {
  font-size: 16px;
  color: #d0bef3;
}
.container-detail-wrap .comments .message-time-img {
  position: relative;
  top: 1.48px;
}
.container-detail-wrap .comments .message-del {
  float: right;
  cursor: pointer;
  color: #9eafcf;
}
.container-detail-wrap .comments .message-del:hover {
  color: #a9b9e0;
}
.container-detail-wrap .comments .md-frame.message {
  width: 1250px;
  padding-left: 0px;
  background: none;
  margin-bottom: 20px;
}
.container-detail-wrap .comments .opcity-0 {
  opacity: 0;
}
.container-detail-wrap .comments .opcity-1 {
  opacity: 1;
}
.container-detail-wrap .comments .content-box {
  position: relative;
  width: 1130px;
  margin-top: 4px;
  margin-left: 15px;
}
.container-detail-wrap .comments .comment-box {
  background-color: #ffffff;
  margin-bottom: 40px;
  border: 1px solid #d6ecfc;
  margin-top: 20px;
  border-radius: 7px;
}
.container-detail-wrap .comments .comment-box.visi-box {
  visibility: hidden;
}
.container-detail-wrap .comments .comment-box-reply {
  padding-top: 15px;
}
.container-detail-wrap .comments .comment-box a img {
  display: inline-block;
  border-radius: 100%;
  width: 39px;
  height: 39px;
}
.container-detail-wrap .comments .comment-content {
  width: 1065px;
  font-size: 14px;
}
.container-detail-wrap .comments .comment-content .icon-wrap .icon {
  line-height: 18px;
  background-image: url(https://tym.res.netease.com/pc/zt/20200325173243/img/icon-emoji1_a0500a3c.png);
}
.container-detail-wrap .comments .comment-content #face-box {
  bottom: 100px;
}
.container-detail-wrap .comments .comment-content .comment-text {
  padding: 5px;
  width: 100%;
  height: 52px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 16px;
  color: #838383;
  background: #f9fdff;
  border: 1px solid #d6ecfc;
  border-radius: 7px;
}
.container-detail-wrap .comments .comment-content .comment-list {
  width: 100%;
}
.container-detail-wrap .comments .comment-content .comment-list .infinite-status-prompt {
  display: none;
}
.container-detail-wrap .comments .comment-content .comment-list li {
  padding: 10px 0 15px;
  border-top: 1px dashed #dbdce0;
}
.container-detail-wrap .comments .comment-content .comment-list li .comment-item {
  width: 95%;
  position: relative;
  overflow: hidden;
  margin-bottom: 10px;
}
.container-detail-wrap .comments .comment-content .comment-list li .comment-item .item-avatar {
  width: 44px;
  height: 44px;
}
.container-detail-wrap .comments .comment-content .comment-list li .comment-item .item-detail {
  margin-left: 10px;
  width: 550px;
  color: #639AC8;
  font-size: 16px;
}
.container-detail-wrap .comments .comment-content .comment-list li .comment-item .item-detail .nickname {
  font-weight: 500;
  font-size: 16px;
}
.container-detail-wrap .comments .comment-content .comment-list li .comment-item .item-detail .content {
  margin-top: 5px;
}
.container-detail-wrap .comments .comment-content .comment-list li .comment-item .item-detail .content img {
  height: 30px;
  vertical-align: middle;
}
.container-detail-wrap .comments .comment-content .comment-list li .comment-item .btn-con {
  position: absolute;
  right: 20px;
  bottom: 0;
  color: #9eafcf;
}
.container-detail-wrap .comments .comment-content .comment-list li .comment-item .btn-con:hover {
  color: #a9b9e0;
}
.container-detail-wrap .comments .comment-content .comment-list li .comment-item .btn-con.my-delete {
  right: 60px;
}
.container-detail-wrap .comments .comment-content .comment-list li .comment-item .btn-con.my-reply {
  right: 20px;
}
.container-detail-wrap .comments .comment-content .comment-list li .comment-item .time {
  font-size: 12px;
  margin-top: 5px;
}
.container-detail-wrap .comments .topic-avatar {
  width: 86px;
  height: 86px;
}
.container-detail-wrap .comments .topic-avatar img {
  display: inline-block;
  width: 86px;
  height: 86px;
  border-radius: 100%;
}
.container-detail-wrap .comments .topic-text {
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 16px;
  color: #639AC8;
  margin-right: 57px;
}
.container-detail-wrap .comments .topic-text p {
  word-break: break-all;
}
.container-detail-wrap .comments .topic-text img {
  height: 30px;
  vertical-align: middle;
}
.container-detail-wrap .comments .topic-text .star-comment .icon-comment {
  cursor: pointer;
}
.container-detail-wrap .comments .topic-text .star-comment .icon-comment:hover {
  color: #fbecc5;
}
.container-detail-wrap .comments .comment-form {
  width: 95%;
  margin-bottom: 20px;
}
.container-detail-wrap .comments .comment-form .form-control {
  height: 29px;
}
.container-detail-wrap .comments .comment-form .form-control .operations {
  width: auto;
}
.container-detail-wrap .comments .comment-form .form-control .icon-wrap {
  margin-top: 15px;
}
.container-detail-wrap .comments .comment-form .form-control .icon-wrap .icon {
  height: 26px;
  line-height: 26px;
  background-size: 26px;
}
.container-detail-wrap .comments .comment-form .form-control .submit {
  display: inline-block;
  width: 58px;
  height: 23px;
  text-align: center;
  line-height: 23px;
  font-size: 14px;
  background: #e0e0e3;
  border-radius: 25px;
  margin-left: 5px;
  cursor: pointer;
}
.container-detail-wrap .comments .comment-form .form-control .submit:hover {
  background: #e7eaf7;
}
.container-detail-wrap .comments .comment-form .form-control .submit-box {
  margin-top: 10px;
}
.container-detail-wrap .comments .comment-form .form-control .submit-box .text-count {
  font-size: 16px;
  color: #639AC8;
  height: 28px;
  line-height: 28px;
  vertical-align: top;
}
.container-detail-wrap .comments .comment-form .form-control .submit-box .text-count i {
  font-style: normal;
}
.container-detail-wrap .comments .comment-form .form-control .submit-box .submit {
  width: 94px;
  height: 28px;
  background: url(https://tym.res.netease.com/pc/zt/20200325173243/img/sprite-55b87f_55b87fa4.png) no-repeat;background-size:648px 535px;
background-position:-403px -367px;

  cursor: pointer;
  vertical-align: top;
}
.container-detail-wrap .comments .header-pic {
  margin-left: 18px;
}
.container-detail-wrap .comments #face-box {
  position: absolute;
  left: 0;
  bottom: 235px;
  background-color: #fff;
  border: 1px solid #ccc;
  -webkit-box-shadow: 0 4px 20px 1px rgba(0, 0, 0, 0.2);
          box-shadow: 0 4px 20px 1px rgba(0, 0, 0, 0.2);
  z-index: 100000;
  color: #000;
  padding-bottom: 10px;
}
.container-detail-wrap .comments #face-box .face-list {
  position: relative;
  padding: 30px 20px 20px;
  width: 408px;
  height: 200px;
}
.container-detail-wrap .comments #face-box .face-list li {
  float: left;
  padding: 5px;
  font-size: 0;
  border: 1px solid #eeeac9;
}
.container-detail-wrap .comments #face-box .face-list li .emoji-sel {
  display: block;
  width: 22px;
  height: 22px;
}
.container-detail-wrap .comments #face-box .face-list li .emoji-sel img {
  width: 22px;
  height: 22px;
}
.container-detail-wrap .comments #face-box .btn-close {
  display: block;
  width: 19px;
  height: 20px;
  background: url(https://tym.res.netease.com/pc/zt/20200325173243/img/sprite-55b87f_55b87fa4.png) no-repeat;background-size:648px 535px;
background-position:-579px -142px;

  -webkit-transition: -webkit-transform .5s ease;
  transition: -webkit-transform .5s ease;
  transition: transform .5s ease;
  transition: transform .5s ease, -webkit-transform .5s ease;
  z-index: 9;
  font-size: 0;
}
.container-detail-wrap .comments #face-box .btn-close:hover {
  background: url(https://tym.res.netease.com/pc/zt/20200325173243/img/sprite-55b87f_55b87fa4.png) no-repeat;background-size:648px 535px;
background-position:-579px -142px;
width:19px;
height:20px;

  -webkit-transform: rotate(360deg);
          transform: rotate(360deg);
}
.container-detail-wrap .comments #face-box .face-pager {
  float: right;
}
.container-detail-wrap .comments #face-box .face-pager a {
  margin-right: 10px;
  color: #000;
}
.container-detail-wrap .comments #face-box .face-pager a:hover {
  text-decoration: underline;
}
.container-detail-wrap .comments #face-box .face-pager a.dis {
  color: #ccc;
}
.container-detail-wrap .comments #face-box .face-pager a.dis:hover {
  text-decoration: none;
}
.container-detail-wrap .comments #face-box .close-face {
  position: absolute;
  right: 4px;
  top: 6px;
  display: block;
  width: 19px;
  height: 20px;
  background: url(https://tym.res.netease.com/pc/zt/20200325173243/img/sprite-55b87f_55b87fa4.png) no-repeat;background-size:648px 535px;
background-position:-579px -142px;

  -webkit-transition: -webkit-transform .5s ease;
  transition: -webkit-transform .5s ease;
  transition: transform .5s ease;
  transition: transform .5s ease, -webkit-transform .5s ease;
  z-index: 9;
  font-size: 0;
}
.container-detail-wrap .comments #face-box .close-face:hover {
  background: url(https://tym.res.netease.com/pc/zt/20200325173243/img/sprite-55b87f_55b87fa4.png) no-repeat;background-size:648px 535px;
background-position:-579px -142px;
width:19px;
height:20px;

  -webkit-transform: rotate(360deg);
          transform: rotate(360deg);
}
.container-detail-wrap .comments .pagination {
  width: 1140px;
  margin: 0 auto;
  margin-top: 30px;
  margin-bottom: 30px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.container-detail-wrap .comments .pagination .el-pagination button {
  background-color: transparent;
  color: #b887e2;
}
.container-detail-wrap .comments .pagination .el-pagination button:hover {
  color: #fbecc5;
}
.container-detail-wrap .comments .pagination .el-pagination button:disabled {
  color: #C0C4CC;
}
.container-detail-wrap .comments .pagination .el-pagination .el-pager li {
  background-color: transparent;
  color: #b887e2;
}
.container-detail-wrap .comments .pagination .el-pagination .el-pager li:hover,
.container-detail-wrap .comments .pagination .el-pagination .el-pager li.active {
  color: #fbecc5;
}
.container-detail-wrap .comments .pagination .el-pagination .el-pagination__jump {
  color: #b887e2;
}
.container-my.fixed {
  margin-bottom: 167px;
}
.container-my.fixed .top-wrap .split {
  margin-bottom: 17px;
}
.container-my.fixed .content-wrap {
  padding-top: 80px;
}
.container-my.fixed .user-info-avatar {
  display: none;
}
.container-my.fixed .user-info-right {
  padding-top: 0;
  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+ */
}
.container-my.fixed .user-info-right .data {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.container-my.fixed .user-info-right .info-wrap {
  margin: -13px 30px 0 0;
  width: 400px;
}
.container-my .top-wrap {
  z-index: 2;
  height: 470px;
}
.container-my .top-wrap .split {
  margin-bottom: 35px;
}
.container-my .top-wrap .inner-title-wrap {
  background: url(https://tym.res.netease.com/pc/zt/20200325173243/img/my-title_4f16bc50.png) left bottom no-repeat;
}
.container-my .user-info {
  width: 1030px;
  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+ */
  margin: 0 auto;
}
.container-my .user-info-avatar {
  position: relative;
  width: 275px;
  height: 265px;
  background: url(https://tym.res.netease.com/pc/zt/20200325173243/img/avatar-bg_202b2d65.png) no-repeat;
  margin-right: 100px;
}
.container-my .user-info-avatar img {
  position: absolute;
  width: 128px;
  height: 128px;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  border-radius: 50%;
  background-color: #151618;
}
.container-my .user-info-avatar-change {
  position: absolute;
  bottom: -15px;
  left: 50%;
  transform: translate(-50%, 0);
  -webkit-transform: translate(-50%, 0);
  -moz-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  -o-transform: translate(-50%, 0);
  width: 96px;
  height: 41px;
  background: url(https://tym.res.netease.com/pc/zt/20200325173243/img/sprite-55b87f_55b87fa4.png) no-repeat;background-size:648px 535px;
background-position:-496px -401px;

  cursor: pointer;
  z-index: 2;
}
.container-my .user-info-avatar-change:hover {
  width: 96px;
  height: 41px;
  background: url(https://tym.res.netease.com/pc/zt/20200325173243/img/sprite-55b87f_55b87fa4.png) no-repeat;background-size:648px 535px;
background-position:-137px -494px;

}
.container-my .user-info-right {
  padding-top: 35px;
}
.container-my .user-info-right .username {
  color: #6790C3;
  font-size: 36px;
  line-height: 54px;
  font-weight: bold;
}
.container-my .user-info-right .data {
  margin-bottom: 15px;
  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+ */
}
.container-my .user-info-right .data .like,
.container-my .user-info-right .data .download {
  padding-left: 35px;
  font-size: 26px;
  color: #5991cf;
  line-height: 40px;
  margin-right: 20px;
}
.container-my .user-info-right .data .like span,
.container-my .user-info-right .data .download span {
  color: #E85353;
}
.container-my .user-info-right .data .like {
  background: url(https://tym.res.netease.com/pc/zt/20200325173243/img/zan_b964c9df.png) left center no-repeat;
}
.container-my .user-info-right .data .download {
  background: url(https://tym.res.netease.com/pc/zt/20200325173243/img/download_74593b50.png) left center no-repeat;
}
.container-my .user-info .vote-filter-tab .contest-stage .stage {
  width: 208px;
  height: 58px;
  background: url(https://tym.res.netease.com/pc/zt/20200325173243/img/sprite-55b87f_55b87fa4.png) no-repeat;background-size:648px 535px;
background-position:-403px -0px;

  font-size: 24px;
  color: #6C84A9;
  font-family: fzbysong;
  border: none;
  line-height: 58px;
}
.container-my .user-info .vote-filter-tab .contest-stage .stage:hover,
.container-my .user-info .vote-filter-tab .contest-stage .stage.active {
  width: 208px;
  height: 58px;
  background: url(https://tym.res.netease.com/pc/zt/20200325173243/img/sprite-55b87f_55b87fa4.png) no-repeat;background-size:648px 535px;
background-position:-403px -60px;

  color: #FFFFFF;
}
.container-my .user-info .vote-filter-tab .split-line {
  display: none;
}
.container-my .user-info .vote-filter-tab .filter-wrap {
  display: none;
}
.container-rule .top-wrap {
  overflow: hidden;
  height: auto;
}
.container-rule .content-wrap {
  padding-top: 0;
}
.container-rule .h2 {
  margin: 40px 0 20px;
  font-size: 36px;
  font-family: fzbysong;
  font-style: italic;
  line-height: 1;
  text-shadow: 0 0 16px rgba(255, 255, 255, 0.9);
  color: #fff;
}
.container-rule .img-wrap {
  position: relative;
  overflow: hidden;
  margin: 20px auto;
  width: 684px;
  font-size: 0;
  border-radius: 10px;
}
.container-rule .img-wrap img {
  float: left;
  width: 100%;
}
.container-rule .img-wrap .img-title {
  position: absolute;
  text-align: center;
  bottom: 0;
  left: 0;
  right: 0;
  padding-bottom: 7px;
  font-size: 18px;
  line-height: 40px;
  background: rgba(0, 0, 0, 0.32);
  color: #ffffff;
}
.container-rule .img-wrap.step {
  padding-bottom: 47px;
}
.container-rule .img-wrap.step.qrcode {
  width: 250px;
  height: 250px;
}
.container-rule .img-wrap:after {
  content: '';
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  background: url(https://tym.res.netease.com/pc/zt/20200325173243/img/img-border_73262671.png) no-repeat;
  background-size: 100% 100%;
  pointer-events: none;
}
.container-rule .btn-wrap {
  text-align: center;
  margin: 40px auto 0;
}
.container-rule p.text {
  text-indent: 2em;
}
.container-rule p span {
  color: #dabf7c;
}
.container-rule p.center {
  text-align: center;
}
.container-rule p a {
  text-decoration: underline;
}
.container-rule p a:hover {
  color: #93b9d7;
}
.main-content {
  position: relative;
  width: 1080px;
  margin-left: 23px;
}
.main-content .vote-card-waterfall {
  position: relative;
  left: auto;
  right: auto;
  top: auto;
  bottom: auto;
  overflow-y: hidden;
}
.main-content .vote-card-waterfall .no-data {
  color: #6C84A9;
}
.main-content .vote-card-waterfall .vote-card-list {
  width: 100%;
  min-height: 100px;
}
.main-content .vote-card-waterfall .vote-card-list .vote-card {
  border: none;
  width: 230px;
  background: #fff;
  padding: 0 0 15px;
  border-radius: 7px;
  -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
  margin-left: 10px;
  margin-bottom: 30px;
}
.main-content .vote-card-waterfall .vote-card-list .vote-card:hover {
  -webkit-box-shadow: 0 10px 10px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 10px 10px rgba(0, 0, 0, 0.1);
  box-shadow: 0 10px 10px rgba(0, 0, 0, 0.1);
}
.main-content .vote-card-waterfall .vote-card-list .vote-card .card-vertical-img {
  width: 100%;
  margin-top: 0;
}
.main-content .vote-card-waterfall .vote-card-list .vote-card .card-vertical-img img {
  width: 100%;
}
.main-content .vote-card-waterfall .vote-card-list .vote-card .card-vertical-detail {
  padding: 10px 13px 0;
}
.main-content .vote-card-waterfall .vote-card-list .vote-card .card-vertical-detail .info1 .text {
  padding-left: 0;
  color: #7AB4E6;
  font-size: 18px;
  font-weight: bold;
}
.main-content .vote-card-waterfall .vote-card-list .vote-card .card-vertical-detail .info2 {
  margin-top: 10px;
}
.main-content .vote-card-waterfall .vote-card-list .vote-card .card-vertical-detail .info2 .text {
  padding-left: 0;
  color: #535353;
  font-size: 14px;
}
.main-content .vote-card-waterfall .vote-card-list .vote-card .card-vertical-detail .info3 {
  margin-top: 10px;
  font-size: 14px;
}
.main-content .vote-card-waterfall .vote-card-list .vote-card .card-vertical-detail .info3 .lable {
  color: #010101 !important;
  font-weight: bold;
  width: 115px;
  padding-left: 0;
}
.main-content .vote-card-waterfall .vote-card-list .vote-card .card-vertical-detail .info3 .text {
  color: #535353;
}
.main-content .vote-card-waterfall .vote-card-list .vote-card .card-vertical-btns {
  padding: 10px 12px 0;
}
.main-content .vote-card-waterfall .vote-card-list .vote-card .card-vertical-btns .btn {
  height: 37px;
  width: 90px;
  background-color: #fff !important;
  border: 1px solid #dde8e9;
  line-height: 34px;
  border-radius: 28px;
  color: #535353;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.main-content .vote-card-waterfall .vote-card-list .vote-card .card-vertical-btns .btn .vciconfont {
  font-size: 21px;
}
.main-content .vote-card-waterfall .vote-card-list .vote-card .card-vertical-btns .btn.btn-vote .vciconfont {
  color: #dd7373;
}
.main-content .vote-card-waterfall .vote-card-list .vote-card .card-vertical-btns .btn.btn-vote.clicked,
.main-content .vote-card-waterfall .vote-card-list .vote-card .card-vertical-btns .btn.btn-vote:hover {
  color: #fff;
  font-weight: bold;
  width: 90px;
  height: 37px;
  background: url(https://tym.res.netease.com/pc/zt/20200325173243/img/sprite-55b87f_55b87fa4.png) no-repeat;background-size:648px 535px;
background-position:-235px -494px;

  border: none;
  line-height: 37px;
}
.main-content .vote-card-waterfall .vote-card-list .vote-card .card-vertical-btns .btn.btn-share .vciconfont {
  color: #8ABAE2;
}
.main-content .vote-card-waterfall .vote-card-list .vote-card .card-vertical-btns .btn.btn-share:hover {
  color: #fff;
  font-weight: bold;
  width: 90px;
  height: 37px;
  background: url(https://tym.res.netease.com/pc/zt/20200325173243/img/sprite-55b87f_55b87fa4.png) no-repeat;background-size:648px 535px;
background-position:-327px -494px;

  border: none;
  line-height: 37px;
}
.main-content .vote-card-waterfall .vote-card-list .vote-card .card-vertical-btns .btn.btn-share:hover .vciconfont {
  color: #fff;
}
.main-content .vote-card-waterfall .vote-card-list .vote-card .card-vertical-btns .btn.btn-customized {
  position: absolute;
  top: 0;
  right: 0;
  width: 50px;
  height: 50px;
  background: url(https://tym.res.netease.com/pc/zt/20200325173243/img/btn3_69dedf0d.png) no-repeat 50% 50%;
  background-color: transparent !important;
  border: none;
  border-radius: 0;
  font-size: 0;
}
.main-content .vote-card-waterfall .vote-card-list .vote-card .card-vertical-btns .btn.btn-customized.clicked {
  color: #fff;
  font-weight: bold;
  background: url(https://tym.res.netease.com/pc/zt/20200325173243/img/btn3-on_26c9d8ac.png) no-repeat 50% 50%;
  border: none;
}
#sougou_bottom {
  display: none !important;
}
@media screen and (max-height: 850px) {
  #top-btn {
    bottom: -10px;
    right: 10px;
  }
}





.comment-list li[data-v-2aaec073] {
  border-top: none !important;
  border-bottom: 1px dashed #dbdce0;
}
.comment-list li[data-v-2aaec073]:last-child {
  border-bottom: none;
}
.btn-operate[data-v-2aaec073] {
  position: absolute;
  right: 0;
  bottom: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.btn-operate-con[data-v-2aaec073] {
  color: #c0a4f2;
  cursor: pointer;
}
.btn-operate-con[data-v-2aaec073]:hover {
  opacity: 0.8;
}
.btn-operate .reply[data-v-2aaec073] {
  margin-right: 10px;
}