.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;
}



/*reset.less*/
/* CSS Document */
html {
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  font-size: 312.5%;
}
ul,
li,
div,
p,
body,
h1,
h2,
h3,
h4,
h5,
h6,
dl,
dt,
dd {
  margin: 0;
  padding: 0;
}
input {
  -webkit-appearance: button;
}
li {
  list-style: none;
}
a {
  text-decoration: none;
  outline: none;
  color: inherit;
}
input {
  -webkit-appearance: none;
  outline: none;
  font-size: inherit;
}
* {
  outline: none;
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
  -webkit-focus-ring-color: rgba(0, 0, 0, 0);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.hide {
  display: none;
}
body,
html {
  width: 100%;
  font-family: "Microsoft YaHei", "Helvetica Neue", Arial, HelveticaNeue, Helvetica, "BBAlpha Sans", sans-serif;
  font-weight: normal;
}
* {
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
}
body {
  opacity: 1;
  -webkit-transition: opacity 500ms ease-in;
  transition: opacity 500ms ease-in;
  font-family: "Microsoft YaHei", "\5FAE\8F6F\96C5\9ED1", "Helvetica Neue", Helvetica, STHeiTi;
}
button {
  border: none;
  background: none;
  display: block;
  outline: none;
}
table {
  border-collapse: collapse;
}
/* mobile media-query */
html {
  font-size: 312.5%;
}
@media screen and (min-width: 360px) and (max-width: 374px) and (orientation: portrait) {
  html {
    font-size: 351.5%;
  }
}
@media screen and (min-width: 384px) and (max-width: 399px) and (orientation: portrait) {
  html {
    font-size: 375%;
  }
}
@media screen and (min-width: 400px) and (max-width: 413px) and (orientation: portrait) {
  html {
    font-size: 390.625%;
  }
}
@media screen and (min-width: 414px) and (max-width: 431px) and (orientation: portrait) {
  html {
    font-size: 404.3%;
  }
}
@media screen and (min-width: 432px) and (max-width: 479px) and (orientation: portrait) {
  html {
    font-size: 421.875%;
  }
}
@media screen and (min-width: 480px) and (max-width: 639px) and (orientation: portrait) {
  html {
    font-size: 468.75%;
  }
}
@media screen and (min-width: 640px) and (orientation: portrait) {
  html {
    font-size: 625%;
  }
}
html,
body {
  width: 100%;
  height: 100%;
}
.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;
}
@-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% {
    -webkit-transform: rotate(10deg);
    -moz-transform: rotate(10deg);
    -ms-transform: rotate(10deg);
    -o-transform: rotate(10deg);
  }
  0%,
  100% {
    -webkit-transform: rotate(-10deg);
    -moz-transform: rotate(-10deg);
    -ms-transform: rotate(-10deg);
    -o-transform: rotate(-10deg);
  }
}
@keyframes shake {
  50% {
    -webkit-transform: rotate(10deg);
    -moz-transform: rotate(10deg);
    -ms-transform: rotate(10deg);
    -o-transform: rotate(10deg);
  }
  0%,
  100% {
    -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% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
  }
  50% {
    -webkit-transform: translateY(15px);
    -moz-transform: translateY(15px);
    -ms-transform: translateY(15px);
    -o-transform: translateY(15px);
  }
}
@keyframes translateDown {
  0%,
  100% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
  }
  50% {
    -webkit-transform: translateY(15px);
    -moz-transform: translateY(15px);
    -ms-transform: translateY(15px);
    -o-transform: translateY(15px);
  }
}
@-webkit-keyframes translateLeft {
  0%,
  100% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
  }
  50% {
    -webkit-transform: translateX(-5px);
    -moz-transform: translateX(-5px);
    -ms-transform: translateX(-5px);
    -o-transform: translateX(-5px);
  }
}
@keyframes translateLeft {
  0%,
  100% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
  }
  50% {
    -webkit-transform: translateX(-5px);
    -moz-transform: translateX(-5px);
    -ms-transform: translateX(-5px);
    -o-transform: translateX(-5px);
  }
}
@keyframes arrow {
  0%,
  100% {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
  }
  50% {
    -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% {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
  }
  50% {
    -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 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 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 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 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 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 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 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 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;
  }
}
@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;
}
body {
  position: relative;
  font-size: 0.24rem;
}
.em {
  color: #E85353;
}
#forhorview {
  display: none;
  width: 100%;
  height: 100%;
  position: fixed;
  background: #000;
  -webkit-opacity: 0.85;
  -moz-opacity: 0.85;
  opacity: 0.85;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 9999;
}
#forhorview p {
  color: #fff;
  position: relative;
  top: 35%;
  text-align: center;
  font-size: .3rem;
}
#leihuo-top #logo {
  position: absolute;
  top: .1rem;
  left: .02rem;
  width: 2.26rem;
  height: 1.06rem;
  background: url(https://tym.res.netease.com/pc/zt/20200325173243/img/logo_20dfd11b.png) no-repeat;
  background-size: 100%;
  font-size: 0;
  z-index: 9;
}
#leihuo-top #leihuo_top_content {
  display: none;
}
#copyright .leihuo-copyright {
  padding: 0.4rem 0;
  background: #ffffff;
}
#copyright .NIE-copyRight_m {
  color: #ffffff;
}
#copyright .NIE-copyRight_m a {
  color: inherit;
}
.body-inner #leihuo-top {
  display: none !important;
}
.body-inner #copyright {
  display: none !important;
}
#top-btn {
  left: auto;
  right: -0.04rem;
  bottom: 1.2rem;
  width: 0.8rem;
  height: 0.8rem;
  z-index: 99;
  background: url(https://tym.res.netease.com/pc/zt/20200325173243/img/top_c96583d5.png) no-repeat;
  background-size: contain;
}
#top-btn span {
  display: none;
}
#NIE-share-m {
  font-size: 0.8rem;
}
#NIE-share-m .NIE-share_buttons a i {
  background: #6790c3;
}
#NIE-share-m .NIE-share-guide {
  padding-bottom: .6em;
  height: auto;
}
.login-info {
  position: absolute;
  top: 1.4rem;
  right: 0.3rem;
  color: #99b6d1;
  z-index: 9;
}
.xcxCss .login-info {
  top: .5rem;
}
.body-inner .login-info {
  top: 2.5rem;
}
.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;
}
.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;
  padding: 0.03rem 0 0.07rem;
  width: 2.72rem;
  height: 0.77rem;
  font-size: 0.26rem;
  line-height: 0.7rem;
  background: url(https://tym.res.netease.com/pc/zt/20200325173243/img/btn-m_3839e0b4.png) no-repeat;
  background-size: contain;
}
.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;
  padding: 0.03rem 0 0.07rem;
  width: 4.01rem;
  height: 106rem;
  font-size: 0.36rem;
  line-height: 0.96rem;
  background: url(https://tym.res.netease.com/pc/zt/20200325173243/img/btn-l_40c69df4.png) no-repeat;
  background-size: contain;
}
.el-message-box {
  width: 80%;
}
.header {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 1.01rem;
  background: url(https://tym.res.netease.com/pc/zt/20200325173243/img/header_2571322e.png) center no-repeat;
  background-size: contain;
  z-index: 99;
}
.header a {
  display: block;
  position: absolute;
  top: 0;
  height: .94rem;
}
.header .icon-logo {
  left: 0;
  width: 1.35rem;
  height: 100%;
}
.header .btn-query-zige {
  right: 2.06rem;
  width: 1.57rem;
}
.header .btn-yuyue {
  right: 0.35rem;
  width: 2.1rem;
}
.body-inner .header {
  position: fixed;
  background-color: #c1e9fc;
}
.xcxCss .top-nav-wrap:not(.index-nav) {
  top: 0;
  background-color: #b6d8f1 !important;
}
.top-nav-wrap {
  position: fixed;
  top: 1rem;
  left: 0;
  right: 0;
  height: 1.2rem;
  -webkit-box-shadow: 0 0.04rem 0.1rem rgba(112, 175, 206, 0.22);
          box-shadow: 0 0.04rem 0.1rem rgba(112, 175, 206, 0.22);
  z-index: 99;
}
.top-nav-wrap.index1 {
  background: url(https://tym.res.netease.com/pc/zt/20200325173243/img/nav-bg-1_4c872a98.png) no-repeat;
  background-size: 100% 100%;
}
.top-nav-wrap.index2 {
  background: url(https://tym.res.netease.com/pc/zt/20200325173243/img/nav-bg-2_e7da7ed1.png) no-repeat;
  background-size: 100% 100%;
}
.top-nav-wrap.index3 {
  background: url(https://tym.res.netease.com/pc/zt/20200325173243/img/nav-bg-3_9f9c8cf3.png) no-repeat;
  background-size: 100% 100%;
}
.top-nav-wrap .nav-list {
  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;
  padding: 0 0 0 0.3rem;
  height: 100%;
}
.top-nav-wrap .nav,
.top-nav-wrap .nav-home {
  text-align: center;
  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;
  font-size: .24rem;
  font-family: fzbysong;
  color: #fff;
}
.top-nav-wrap .nav {
  position: relative;
  border-radius: 0.38rem;
  width: 1.48rem;
  height: 0.77rem;
  margin-right: .33rem;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
}
.top-nav-wrap .nav-home {
  padding-left: 0;
  border-top-left-radius: 0.46rem;
  border-bottom-left-radius: 0.46rem;
  width: 1.4rem;
  height: 0.92rem;
}
.top-nav-wrap.index-nav {
  top: auto;
  bottom: 0;
  height: 1.01rem;
  background: url(https://tym.res.netease.com/pc/zt/20200325173243/img/index-nav-bg_578fedd7.png) no-repeat;
  background-size: 100% 100%;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.top-nav-wrap.index-nav .nav-list {
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  padding: 0 0.26rem;
}
.top-nav-wrap.index-nav .nav-list .nav {
  color: #3e66b3;
  margin-top: -0.05rem;
  margin-right: .23rem;
  width: 2.18rem;
  height: 0.85rem;
  background: url(https://tym.res.netease.com/pc/zt/20200325173243/img/index-nav-inner_53210416.png) no-repeat;
  background-size: 100%;
}
.top-nav-wrap.index-nav .nav-list .nav:before,
.top-nav-wrap.index-nav .nav-list .nav:after {
  display: none;
}
.top-nav-wrap .btn-paper {
  position: fixed;
  text-align: center;
  display: block;
  right: 0.1rem;
  bottom: 2rem;
  width: 0.55rem;
  height: 1.92rem;
  font-size: 0;
  text-indent: -9999em;
  background: url(https://tym.res.netease.com/pc/zt/20200325173243/img/btn-paper_bc90ad87.png) center no-repeat;
  background-size: contain;
}
#copyright {
  position: relative;
  z-index: 110;
}
#copyright .leihuo-copyright {
  padding: 0!important;
}
#copyright .leihuo-copyright .btn-copyright {
  bottom: 1rem!important;
  background: rgba(255, 255, 255, 0.4) !important;
}
.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: 0.8rem .3rem 0 0.5rem;
  width: 6.54rem;
  height: 5.69rem;
  background: url(https://tym.res.netease.com/pc/zt/20200325173243/img/pop-bg-upload_96f7cb0a.png) top no-repeat;
  background-size: 100% auto;
  background-clip: border-box, content-box;
  border-radius: 0.05rem;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  color: #ffffff;
}
.pop-bg .btn-close {
  background: url(https://tym.res.netease.com/pc/zt/20200325173243/img/close-upload_f69e0b0e.png) top no-repeat;
  background-size: 100% 100%;
  position: absolute;
  bottom: -0.1rem;
  left: 2.94rem;
  width: 0.76rem;
  height: 0.76rem;
  z-index: 3;
}
.pop-bg.group-pop-bg {
  width: 6.54rem;
  height: 5.19rem;
  background: url(https://tym.res.netease.com/pc/zt/20200325173243/img/group-pop-bg_a684380e.png) top no-repeat;
  background-size: 100%;
  -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: 50%;
  top: auto;
  right: auto;
  bottom: -0.15rem;
  margin-left: -0.32rem;
  width: 0.76rem;
  height: 0.76rem;
  background: url(https://tym.res.netease.com/pc/zt/20200325173243/img/close-upload1_768887ee.png) no-repeat;
  background-size: 100%;
  cursor: pointer;
}
.msg-pop {
  padding: 0.2rem 0.6rem 0;
}
.msg-pop .title {
  text-align: center;
  margin-bottom: 0.2rem;
  font-size: 0.32rem;
}
.msg-pop .message {
  font-size: 0.24rem;
  height: 2rem;
  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;
}
.msg-pop .message.center {
  text-align: center;
}
.msg-pop .btn-wrap {
  text-align: center;
  margin-top: 0.5rem;
}
.login-pop {
  min-height: 3rem;
  color: #ffffff;
  font-size: .26rem;
  line-height: .38rem;
}
.login-pop .hint {
  margin: 0 auto;
  width: 4.94rem;
  height: 1.4rem;
  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: .28rem;
  margin-bottom: .25rem;
  text-align: center;
}
.login-pop .box-code {
  height: 1.71rem;
  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: 1.71rem;
  height: auto;
}
.login-pop .box-code p {
  font-size: .24rem;
  line-height: .34rem;
  padding-left: .29rem;
}
.login-pop #urs-login {
  text-align: center;
  width: auto !important;
}
.nickname-pop {
  padding: 0.3rem 0.64rem;
}
.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 0.2rem;
  height: 0.75rem;
  width: 100%;
  border: 1px solid #a0c6e8;
  border-radius: 0.2rem;
  background: rgba(255, 255, 255, 0.5);
  color: #535353;
}
.nickname-pop .input::-webkit-input-placeholder {
  /* WebKit browsers */
  color: #999999;
}
.nickname-pop .input:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #999999;
}
.nickname-pop .input::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #999999;
}
.nickname-pop .input:-ms-input-placeholder {
  /* Internet Explorer 10+ */
  color: #999999;
}
.nickname-pop .btn-wrap {
  position: relative;
  text-align: center;
  margin-top: 0.9rem;
}
.nickname-pop .error-msg {
  position: absolute;
  text-align: center;
  top: -0.4rem;
  left: 0;
  right: 0;
  font-size: 0.24rem;
  color: #c90000;
}
.upload-pop {
  padding: .7rem .70rem 0;
}
.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: 0.22rem;
  color: #fff;
  line-height: .3rem;
}
.upload-pop-wrap .choose-box {
  width: 2.9rem;
}
.upload-pop-wrap .choose-box .upload-btn {
  width: 2.16rem;
  height: 1.37rem;
  background: url(https://tym.res.netease.com/pc/zt/20200325173243/img/load-btn_a9b5388b.png) no-repeat;
  background-size: 100%;
}
.upload-pop-wrap .choose-box .upload-btn input {
  cursor: pointer;
}
.upload-pop-wrap .choose-box p {
  margin-top: .25rem;
}
.upload-pop-wrap .line {
  width: 1px;
  height: 1.37rem;
  background-color: #e0e7ec;
  margin: 0 .80rem 0 0;
}
.upload-pop-wrap .avatar-info {
  position: relative;
}
.upload-pop-wrap .avatar-info .avatar {
  width: 1.44rem;
  height: 1.44rem;
  border-radius: 50%;
  overflow: hidden;
}
.upload-pop-wrap .avatar-info .avatar img {
  width: 1.44rem;
  height: 1.44rem;
}
.upload-pop-wrap .avatar-info .avatar .delete-btn {
  left: 50%;
  top: 1.31rem;
  -webkit-transform: translate(-50%, 0);
  -moz-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  -o-transform: translate(-50%, 0);
  width: 0.26rem;
  height: 0.26rem;
  background: url(https://tym.res.netease.com/pc/zt/20200325173243/img/delete1_d1ac66c8.png) no-repeat;
  background-size: 100%;
  cursor: pointer;
  font-size: 0;
}
.upload-pop-wrap .avatar-info p {
  margin-top: .18rem;
  text-align: center;
}
.upload-pop-wrap .avatar-info .delete-btn {
  position: absolute;
  width: .50rem;
  height: .50rem;
  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: 50rem;
  background-color: rgba(0, 0, 0, 0.4);
}
.upload-pop .error-msg {
  position: absolute;
  text-align: center;
  top: 3.6\7rem;
  left: 0;
  right: 0;
  font-size: 0.24rem;
  color: #c90000;
}
.upload-pop .confirm-btn {
  margin: .45rem auto 0;
  width: 2.27rem;
  height: 0.63rem;
  background: url(https://tym.res.netease.com/pc/zt/20200325173243/img/confirm_745e7859.png) no-repeat;
  background-size: 100%;
}
.group-pop {
  margin: 0 auto;
  padding: 1.7rem 0 0 1.93rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.group-pop .code {
  position: absolute;
  margin-top: .10rem;
  width: 1.2rem;
  height: 1.2rem;
  top: 2.73rem;
  right: 1.75rem;
}
.group-pop .code img {
  width: 1.2rem;
  height: 1.2rem;
}
.group-pop .girl {
  position: absolute;
  width: 3.65rem;
  height: 4.36rem;
  background: url(https://tym.res.netease.com/pc/zt/20200325173243/img/girl_a7512b2f.png) no-repeat;
  background-size: 100%;
  left: -0.1rem;
  bottom: .2rem;
  z-index: 2;
}
.group-pop p {
  text-align: center;
  color: #fff;
  font-size: 0.24rem;
  line-height: .3rem;
}
.group-pop p span {
  color: #ffe1a8;
}
.download-pop {
  padding: 0  .05rem 0.05rem;
}
.download-pop .hint {
  text-align: center;
  margin: 0.1rem 0;
  font-size: 0.3rem;
  -moz-user-select: none;
  /* Firefox私有属性 */
  -webkit-user-select: none;
  /* WebKit内核私有属性 */
  -ms-user-select: none;
  /* IE私有属性(IE10及以后) */
  -khtml-user-select: none;
  /* KHTML内核私有属性 */
  -o-user-select: none;
  /* Opera私有属性 */
  user-select: none;
  /* CSS3属性 */
}
.download-pop .img-wrap {
  position: relative;
}
.download-pop .img-wrap img {
  width: 100%;
  -webkit-touch-callout: default;
  margin-top: .2rem;
}
.download-pop .btn-copy {
  width: 2.45rem;
  height: 0.75rem;
  background: url(https://tym.res.netease.com/pc/zt/20200325173243/img/btn1_526c9cfc.png) no-repeat;
  background-size: 100%;
  font-size: .24rem;
  color: #fff;
  line-height: .72rem;
  text-align: center;
  margin: 0 auto;
}
.detail-mask {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 9;
  overflow-y: auto;
}
.detail-mask .bg {
  padding: 5.5rem 0.24rem 1rem;
  background: #0f1317 url(https://tym.res.netease.com/pc/zt/20200325173243/img/bg-inner_1927a6e3.jpg) center 0 no-repeat;
  background-size: 100% auto;
}
.detail-mask .btn-back {
  position: absolute;
  top: 0.4rem;
  right: 0.3rem;
}
.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: .1rem .1rem;
  height: 3.3rem;
}
.list-avatar li {
  width: .9rem;
  height: .9rem;
  border-radius: 50%;
  overflow: hidden;
  margin: .1rem .1rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: .04rem solid transparent;
  cursor: pointer;
}
.list-avatar li.active {
  border-color: #ffffff;
}
.list-avatar li img {
  width: 100%;
  height: auto;
}
.btn-qd {
  width: 2.28rem;
  height: .63rem;
  background: url(https://tym.res.netease.com/pc/zt/20200325173243/img/btn-m_dc9eed2c.png) no-repeat 50% 0%;
  background-size: 100% ;
  margin: 0 auto;
  font-family: fzxysong;
  font-size: .3rem;
  letter-spacing: .05rem;
  color: #ffffff;
  line-height: .63rem;
  text-align: center;
  cursor: pointer;
}
.toast-tips {
  min-width: 4.6rem;
  max-width: 6rem;
  min-height: .8rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 0.08rem;
  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: .15rem;
  font-size: .32rem;
  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;
}
.fxzy-bg {
  padding-top: 1rem;
}
.fxzy-bg img {
  width: .63rem;
  height: .79rem;
  margin-left: 75%;
  margin-bottom: .1rem;
}
.fxzy-bg .txt-fxzy {
  width: 6rem;
  height: .7rem;
  text-align: center;
  background: #ffffff;
  border-radius: .1rem;
  font-size: .3rem;
  line-height: .7rem;
  color: #000000;
  margin: 0 auto;
}
.index-page {
  position: relative;
  height: 100%;
  min-height: 12.4rem;
  background: url(https://tym.res.netease.com/pc/zt/20200325173243/img/bg_30927212.jpg) no-repeat;
  background-size: 100%;
  overflow: hidden;
}
.index-page .slogan {
  position: absolute;
  right: 0;
  top: 2.1rem;
  width: 3.17rem;
  height: 9.75rem;
  background: url(https://tym.res.netease.com/pc/zt/20200325173243/img/slogan_4e20616a.png) no-repeat;
  background-size: contain;
  z-index: 9;
}
.index-page .text {
  position: absolute;
  top: 7.24rem;
  right: -0.3rem;
  padding-top: .2rem;
  padding-left: 1.5rem;
  font-size: 0.26rem;
  font-style: italic;
  line-height: 0.46rem;
  color: #3d688c;
  width: 3.62rem;
  height: 0.99rem;
  background: url(https://tym.res.netease.com/pc/zt/20200325173243/img/index-text_dd059107.png) no-repeat;
  background-size: 100%;
}
.index-page .text p {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.index-page .text p:nth-child(2) {
  margin-left: -0.1rem;
}
.index-page .text span {
  font-weight: bold;
  color: #ffa800;
}
.index-page .qrcode {
  position: absolute;
  right: 2rem;
  top: 9.5rem;
  width: 0.9rem;
  z-index: 15;
}
.index-page .figure1 {
  position: absolute;
  left: 0;
  top: 2.48rem;
  width: 7.5rem;
  height: 13.95rem;
  background: url(https://tym.res.netease.com/pc/zt/20200325173243/img/index-figure1_619a39fe.png) no-repeat;
  background-size: 100%;
}
.inner-page {
  position: relative;
  padding: 5.5rem 0.24rem 1rem;
  min-height: 100%;
  background: #ebebea url(https://tym.res.netease.com/pc/zt/20200325173243/img/bg-inner_1927a6e3.jpg) center 0.5rem no-repeat;
  background-size: 100% auto;
}
.inner-page .join-group {
  position: absolute;
  width: 1.98rem;
  height: 0.75rem;
  background: url(https://tym.res.netease.com/pc/zt/20200325173243/img/group-btn_570202b0.png) no-repeat;
  background-size: 100%;
  top: 3rem;
  right: 0;
}
.xcxCss .inner-page {
  background: #ebebea url(https://tym.res.netease.com/pc/zt/20200325173243/img/bg-inner_1927a6e3.jpg) center 0 no-repeat;
  background-size: 100% auto;
}
.container-inner {
  overflow: hidden;
  margin: 0 auto;
  border-radius: 0.1rem;
  -webkit-box-shadow: 0 0.1rem 0.43rem rgba(91, 173, 216, 0.1);
          box-shadow: 0 0.1rem 0.43rem rgba(91, 173, 216, 0.1);
  background: url(https://tym.res.netease.com/pc/zt/20200325173243/img/bg-top_c73a2215.png) top no-repeat;
  background-size: 100% auto;
}
.container-inner .top-wrap {
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding-top: 1px;
  height: 2.65rem;
  border-top-left-radius: 0.1rem;
  border-top-right-radius: 0.1rem;
  background: rgba(255, 255, 255, 0.7);
}
.container-inner .content-wrap {
  padding: 0.4rem 0.3rem 1rem;
  background: rgba(255, 255, 255, 0.7);
  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;
  right: 0;
  bottom: -0.41rem;
  height: 0.63rem;
  background-size: 100% auto;
}
.container-inner.fix .content-wrap {
  background-repeat: no-repeat;
  background-position: top;
  background-size: 100% auto;
}
.container-inner.fixed {
  padding-top: 2.65rem;
}
.container-inner.fixed .top-wrap {
  position: fixed;
  top: 0.8rem;
  left: 0.24rem;
  right: 0.24rem;
  background-color: rgba(255, 255, 255, 0.95);
  border-radius: 0;
}
.container-inner.fixed .top-wrap:before {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  bottom: -0.41rem;
  height: 0.42rem;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.95)), to(rgba(255, 255, 255, 0)));
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.95) 0%, rgba(255, 255, 255, 0) 100%);
}
.container-inner.fixed .content-wrap {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}
.container-inner .inner-title-wrap {
  position: relative;
  margin-left: 0.14rem;
  margin-top: 0.4rem;
  height: 0.97rem;
  line-height: 1;
  font-family: fzbysong;
}
.container-inner .inner-title-wrap .inner-title {
  padding-left: 0.7rem;
  font-size: 0.52rem;
  font-style: italic;
  color: #fff;
  text-shadow: 0 0 0.16rem rgba(255, 255, 255, 0.9);
}
.container-inner .inner-title-wrap .inner-subtitle {
  position: absolute;
  text-align: center;
  white-space: nowrap;
  bottom: -0.1rem;
  left: 0.2rem;
  width: 4rem;
  font-size: 0.28rem;
  text-transform: uppercase;
  color: #fff;
  -webkit-transform: scale(0.6);
  -moz-transform: scale(0.6);
  -ms-transform: scale(0.6);
  -o-transform: scale(0.6);
}
.container-inner .split {
  width: 6.5rem;
  margin: 0.2rem auto;
  border-top: 1px solid #d9eff3;
}
.container-inner .split.white {
  border-color: #ffffff;
}
.xcxCss .container-inner.fixed .top-wrap {
  top: 0;
}
.container-my.fixed {
  padding-top: 3.5rem;
}
.container-my.fixed .top-wrap .inner-title-wrap {
  background: none;
}
.container-my.fixed .top-wrap {
  height: 3.5rem;
}
.container-my.fixed .user-info-avatar {
  display: none;
}
.container-my.fixed .user-info-right {
  padding-top: 0;
}
.container-my.fixed .user-info-right .data {
  margin: 0.1rem auto 0.1rem;
}
.container-my.fixed .main-content {
  min-height: 9rem;
}
.container-my.ta .contest-stage {
  /* 09版 */
  -webkit-box-pack: center !important;
  /* 12版 */
  -webkit-justify-content: center !important;
  -moz-justify-content: center !important;
  -ms-justify-content: center !important;
  -o-justify-content: center !important;
  -ms-flex-pack: center !important;
      justify-content: center !important;
}
.container-my .top-wrap {
  height: 6.8rem;
  z-index: 2;
}
.container-my .top-wrap .inner-title-wrap {
  background: url(https://tym.res.netease.com/pc/zt/20200325173243/img/inner-title-my_b8e31d31.png) left bottom no-repeat;
  background-size: 2.97rem .97rem;
}
.container-my .user-info-avatar {
  position: relative;
  width: 2.75rem;
  height: 2.65rem;
  background: url(https://tym.res.netease.com/pc/zt/20200325173243/img/avatar-bg_202b2d65.png) no-repeat;
  background-size: 100%;
  margin: 0 auto;
}
.container-my .user-info-avatar img {
  position: absolute;
  width: 1.28rem;
  height: 1.28rem;
  left: 50%;
  top: 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;
  top: -1rem;
  right: -1.8rem;
  width: 1.31rem;
  height: 0.47rem;
  background: url(https://tym.res.netease.com/pc/zt/20200325173243/img/change-avatar_5fcc37a7.png) no-repeat;
  background-size: 100%;
  z-index: 2;
}
.container-my .user-info-right {
  padding-top: .15rem;
}
.container-my .user-info-right .username {
  color: #639AC8;
  font-weight: bold;
  font-size: .36rem;
  line-height: .54rem;
  text-align: center;
}
.container-my .user-info-right .data {
  margin: .2rem auto .3rem;
  width: 4.4rem;
  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: space-between;
  /* 12版 */
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  -o-justify-content: space-between;
  -ms-flex-pack: justify;
      justify-content: space-between;
}
.container-my .user-info-right .data .like,
.container-my .user-info-right .data .download {
  padding-left: .35rem;
  font-size: .24rem;
  color: #6C84A9;
  line-height: .30rem;
}
.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;
  background-size: .23rem .21rem;
}
.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;
  background-size: .27rem .26rem;
}
.container-my .user-info .vote-filter-tab.ta .contest-stage .stage {
  width: 1.95rem;
  height: 0.54rem;
  background: url(https://tym.res.netease.com/pc/zt/20200325173243/img/btn2_276b9e09.png) no-repeat;
  background-size: 100%;
  color: #FFFFFF;
}
.container-my .user-info .vote-filter-tab .contest-stage {
  margin: 0 auto;
  /* 09版 */
  -webkit-box-pack: center !important;
  /* 12版 */
  -webkit-justify-content: center !important;
  -moz-justify-content: center !important;
  -ms-justify-content: center !important;
  -o-justify-content: center !important;
  -ms-flex-pack: center !important;
      justify-content: center !important;
}
.container-my .user-info .vote-filter-tab .contest-stage .stage {
  width: 1.95rem;
  height: 0.54rem;
  background: url(https://tym.res.netease.com/pc/zt/20200325173243/img/btn1_526c9cfc.png) no-repeat;
  background-size: 100%;
  font-size: .24rem;
  color: #6C84A9;
  border: none;
  line-height: .54rem;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  font-family: fzxysong;
}
.container-my .user-info .vote-filter-tab .contest-stage .stage.active {
  width: 1.95rem;
  height: 0.54rem;
  background: url(https://tym.res.netease.com/pc/zt/20200325173243/img/btn2_276b9e09.png) no-repeat;
  background-size: 100%;
  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-my .content-wrap {
  padding: 0.4rem 0 1rem;
}
.container-award.entity .top-wrap {
  height: 8.2rem;
  background-position: center 2rem;
}
.container-award.virtual .top-wrap {
  height: 16.12rem;
  background-position: center 2rem;
}
.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;
  background-size: auto .97rem;
}
.container-award .content-wrap {
  padding-top: 11rem;
  padding-left: 0.16rem;
  padding-right: 0.16rem;
  color: #639AC8;
}
.container-award .award-wrap {
  position: relative;
}
.container-award .tab-list {
  text-align: center;
  margin: 0.4rem 0;
}
.container-award .tab-item {
  text-align: center;
  display: inline-block;
  margin-left: 0.7rem;
  width: 2.03rem;
  height: 0.55rem;
  font-size: 0.24rem;
  line-height: 0.55rem;
  background: url(https://tym.res.netease.com/pc/zt/20200325173243/img/tab_33f51451.png) no-repeat;
  background-size: contain;
  color: #639AC8;
}
.container-award .tab-item.active {
  background-image: url(https://tym.res.netease.com/pc/zt/20200325173243/img/tab-h_c73a66e3.png);
  color: #639AC8;
}
.container-award .tab-item:nth-child(1) {
  margin-left: 0;
}
.container-award .award1 {
  padding: 0 -0.24rem;
  height: 4.72rem;
  background: url(https://tym.res.netease.com/pc/zt/20200325173243/img/award1_e1f96080.png) top center no-repeat;
  background-size: auto 100%;
}
.container-award .award2 {
  height: 10.71rem;
  background: url(https://tym.res.netease.com/pc/zt/20200325173243/img/award2_2b734c54.png) top center no-repeat;
  background-size: auto 100%;
}
.container-award .table-wrap {
  position: relative;
  width: 6.9rem;
  margin: 0 auto;
  padding: .1rem;
  background: url(https://tym.res.netease.com/pc/zt/20200325173243/img/table-repeat_bb15fdf8.png);
  background-size: 100% auto;
}
.container-award .table-wrap:before,
.container-award .table-wrap:after {
  width: 6.9rem;
  content: '';
  position: absolute;
  display: block;
  left: 0;
  right: 0;
  background: center no-repeat;
  background-size: 100% auto;
}
.container-award .table-wrap:before {
  top: -10.88rem;
  height: 10.89rem;
  background-image: url(https://tym.res.netease.com/pc/zt/20200325173243/img/table-top_f50a11e5.png);
}
.container-award .table-wrap:after {
  bottom: -0.44rem;
  height: 0.45rem;
  background-image: url(https://tym.res.netease.com/pc/zt/20200325173243/img/table-bottom_18f9c791.png);
}
.container-award .table-wrap h3 {
  font-size: .24rem;
  font-weight: 600;
}
.container-award .table-wrap .detail p {
  font-size: .22rem;
}
.container-award .table-wrap .detail p::before {
  display: inline-block;
  border: 1px solid #8f81ce;
  color: #8f81ce;
  width: .2rem;
  height: .2rem;
  border-radius: 100%;
  text-align: center;
  line-height: .2rem;
  margin-right: .05rem;
}
.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: 0.5rem;
  padding: 0 0.14rem;
  font-size: 0.24rem;
  line-height: 1.5;
  opacity: 0.8;
}
.xcxCSS .container-list.fixed {
  padding-top: 2.9rem;
}
.xcxCSS .container-list.fixed .top-wrap {
  height: 2.9rem;
  top: 0;
}
.xcxCSS .container-list.fixed .top-wrap .inner-title-wrap {
  background: none;
}
.container-list.fixed {
  padding-top: 2.9rem;
}
.container-list.fixed .top-wrap {
  height: 2.9rem;
}
.container-list.fixed .top-wrap .inner-title-wrap {
  background: none;
}
.container-list .top-wrap {
  height: 2.9rem;
  z-index: 2;
}
.container-list .top-wrap .inner-title-wrap {
  background: url(https://tym.res.netease.com/pc/zt/20200325173243/img/inner-title-list_b274a130.png) left bottom no-repeat;
  background-size: 2.97rem .97rem;
}
.container-list .tab-wrap {
  width: 7rem;
  margin: 0.25rem auto 0;
  position: relative;
}
.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: #639AC8;
}
.container-list .tab-wrap .vote-filter-tab .filter-wrap .contest-tab .tab .circle {
  border-color: #8ABAE2;
  width: 0.35rem;
  height: 0.35rem;
}
.container-list .tab-wrap .vote-filter-tab .filter-wrap .contest-tab .tab .circle::before {
  width: 0.25rem;
  height: 0.25rem;
}
.container-list .tab-wrap .vote-filter-tab .filter-wrap .contest-tab .tab.active .circle::before {
  background-color: #8ABAE2;
}
.container-list .tab-wrap .select-filter {
  position: relative;
  width: 100%;
  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-top: .15rem;
  /* 09版 */
  -webkit-box-pack: space-between;
  /* 12版 */
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  -o-justify-content: space-between;
  -ms-flex-pack: justify;
      justify-content: space-between;
}
.container-list .tab-wrap .select-filter .el-select {
  width: 1.7rem;
  vertical-align: top;
}
.container-list .tab-wrap .select-filter .el-select .el-input .el-input__inner {
  height: .48rem;
  padding: 0 .20rem;
  border-radius: .2rem;
  font-size: .24rem;
  line-height: .48rem;
  border: 1px solid #639AC8;
  color: #6C84A9;
  background: transparent;
}
.container-list .tab-wrap .select-filter .el-select .el-input .el-input__suffix {
  height: .38rem;
  top: 0.03rem;
}
.container-list .tab-wrap .select-filter .el-select .el-input .el-input__suffix .el-select__caret {
  font-size: 0.3rem;
  color: #639AC8;
  line-height: 0.35rem;
}
.container-list .content-wrap {
  padding: 0.4rem 0 1rem;
}
.container-detail-wrap .container-detail .top-wrap {
  padding-bottom: 0.5rem;
  height: auto;
}
.container-detail-wrap .container-detail .content-wrap {
  *zoom: 1;
  padding-left: 0.8rem;
  padding-right: 0.8rem;
  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 .btn-txt {
  text-align: center;
  display: inline-block;
  width: 2.03rem;
  height: 0.55rem;
  font-size: 0.24rem;
  line-height: 0.55rem;
  background: url(https://tym.res.netease.com/pc/zt/20200325173243/img/tab_33f51451.png) no-repeat;
  background-size: contain;
  color: #639AC8;
}
.container-detail-wrap .container-detail .img-wrap {
  position: relative;
  margin: 0.5rem auto 0;
  width: 4.6rem;
  height: 5.3rem;
}
.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 {
  line-height: 1.4;
}
.container-detail-wrap .container-detail .info-wrap .name {
  font-size: 0.36rem;
  font-weight: bold;
  word-wrap: break-word;
  word-break: break-all;
}
.container-detail-wrap .container-detail .info-wrap .mark {
  margin-top: 0.2rem;
  margin-bottom: 0.4rem;
  font-size: 0.26rem;
  line-height: 1.5;
  word-wrap: break-word;
  word-break: break-all;
}
.container-detail-wrap .container-detail .info-wrap .home-wrap .btn-txt {
  margin-left: 0.5rem;
}
.container-detail-wrap .container-detail .info-wrap .home-wrap .btn-txt:nth-child(1) {
  margin-left: 0;
}
.container-detail-wrap .container-detail .info-wrap .btn-share {
  position: relative;
  padding-left: 0.3rem;
}
.container-detail-wrap .container-detail .info-wrap .btn-share:before {
  content: '';
  position: absolute;
  display: block;
  left: 0.5rem;
  width: .21rem;
  height: 100%;
  background: url(https://tym.res.netease.com/pc/zt/20200325173243/img/icon-share_afde8fc4.png) center no-repeat;
  background-size: contain;
}
.container-detail-wrap .container-detail .info-wrap .info-group {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  margin-top: 0.3rem;
  height: 1.7rem;
}
.container-detail-wrap .container-detail .info-wrap .info-item {
  white-space: nowrap;
  line-height: 0.52rem;
  background: url(https://tym.res.netease.com/pc/zt/20200325173243/img/disc_63d5d8f2.png) left no-repeat;
  background-size: 0.12rem;
}
.container-detail-wrap .container-detail .info-wrap .info-item .label {
  padding-left: 0.26rem;
}
.container-detail-wrap .container-detail .info-wrap .btn-wrap {
  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;
  margin: 0.3rem -0.08rem 0;
}
.container-detail-wrap .container-detail .info-wrap .btn-wrap .btn-like,
.container-detail-wrap .container-detail .info-wrap .btn-wrap .btn-dl {
  font-size: 0.24rem;
}
.container-detail-wrap .container-detail .info-wrap .btn-wrap .vciconfont {
  font-size: 0.36rem;
}
.container-detail-wrap .container-detail .info-wrap .btn-wrap .btn-like.liked .vciconfont {
  color: #dd7373;
}
.container-detail-wrap .comments {
  position: relative;
  width: 100%;
  margin: 0 auto;
  margin-top: .5rem;
  color: #838383;
}
.container-detail-wrap .comments-header {
  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-detail-wrap .comments-rank {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 0.3rem;
}
.container-detail-wrap .comments-rank-time {
  cursor: pointer;
}
.container-detail-wrap .comments-rank-time-icon {
  position: relative;
  display: inline-block;
  width: 0.23rem;
  height: 0.24rem;
  top: 0.04rem;
  background: url(https://tym.res.netease.com/pc/zt/20200325173243/img/time-icon_86048309.png) no-repeat;
  background-size: contain;
}
.container-detail-wrap .comments-rank-time-active {
  cursor: pointer;
}
.container-detail-wrap .comments-rank-time-active .comments-rank-time-icon {
  background: url(https://tym.res.netease.com/pc/zt/20200325173243/img/time-icon-active_b9abccd8.png) no-repeat;
  background-size: contain;
}
.container-detail-wrap .comments-rank-time-active .comments-rank-text {
  color: #eb5d81;
}
.container-detail-wrap .comments-rank-hot {
  cursor: pointer;
}
.container-detail-wrap .comments-rank-hot-icon {
  position: relative;
  display: inline-block;
  width: 0.15rem;
  height: 0.26rem;
  top: 0.04rem;
  background-size: contain;
}
.container-detail-wrap .comments-rank-hot-active .comments-rank-hot-icon {
  background-size: contain;
}
.container-detail-wrap .comments-rank-hot-active .comments-rank-text {
  color: #eb5d81;
}
.container-detail-wrap .comments-rank-text {
  font-weight: 600;
  height: 0.3rem;
  line-height: 0.3rem;
  font-size: 0.24rem;
  color: #879cc2;
}
.container-detail-wrap .comments-rank-line {
  width: 0.02rem;
  height: 0.35rem;
  background-size: contain;
  margin: 0.03rem 0.2rem;
}
.container-detail-wrap .comments-title {
  font-size: 0.36rem;
  line-height: .52rem;
  color: #639AC8;
}
.container-detail-wrap .comments .header-pic {
  margin-left: .18rem;
  width: 0.55rem;
  height: 0.55rem;
}
.container-detail-wrap .comments .md-frame #topic.comm {
  border-bottom: 1px dashed #dbdce0;
  margin: .15rem .18rem 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-size: 0.28rem;
  font-weight: 600;
  color: #639AC8;
}
.container-detail-wrap .comments .message-time {
  font-size: 0.21rem;
}
.container-detail-wrap .comments .message-del {
  float: right;
  cursor: pointer;
  color: #9eafcf;
}
.container-detail-wrap .comments .md-frame.message {
  width: 7.1rem;
  padding-left: 0;
  background: none;
  margin-bottom: .2rem;
}
.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: 5.6rem;
  margin-top: .04rem;
  margin-left: .15rem;
}
.container-detail-wrap .comments .comment-box {
  width: 100%;
  background-color: #fff;
  margin-bottom: .4rem;
  margin-top: .1rem;
  border-radius: .1rem;
}
.container-detail-wrap .comments .comment-box-reply {
  padding-top: .15rem;
}
.container-detail-wrap .comments .comment-box a img {
  border-radius: 100%;
  width: .6rem;
  height: .6rem;
}
.container-detail-wrap .comments .comment-box canvas {
  border-radius: 100%;
  width: .6rem;
  height: .6rem;
}
.container-detail-wrap .comments .comment-content {
  width: 85%;
  font-size: 0.24rem;
}
.container-detail-wrap .comments .comment-content .icon-wrap .icon {
  line-height: .32rem;
  background-image: url(https://tym.res.netease.com/pc/zt/20200325173243/img/icon-emoji1_6cb3fbfd.png);
}
.container-detail-wrap .comments .comment-content .comment-text {
  padding: 0.05rem;
  width: 100%;
  height: 0.9rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 0.28rem;
  color: #838383;
  border: none;
  resize: none;
  background: #f9fdff;
  border: 1px solid #d6ecfc;
  border-radius: .1rem;
}
.container-detail-wrap .comments .comment-content .comment-list {
  width: 100%;
  margin-top: .2rem;
}
.container-detail-wrap .comments .comment-content .comment-list .infinite-status-prompt {
  display: none;
}
.container-detail-wrap .comments .comment-content .comment-list li {
  padding: .1rem 0 .15rem;
  border-top: 1px dashed #dbdce0;
}
.container-detail-wrap .comments .comment-content .comment-list li .comment-item {
  width: 95%;
  position: relative;
  overflow: hidden;
  margin-bottom: .1rem;
}
.container-detail-wrap .comments .comment-content .comment-list li .comment-item .item-avatar {
  width: .6rem;
  height: .6rem;
}
.container-detail-wrap .comments .comment-content .comment-list li .comment-item .item-detail {
  margin-left: .1rem;
  width: 3.8rem;
  color: #639AC8;
  font-size: 0.24rem;
}
.container-detail-wrap .comments .comment-content .comment-list li .comment-item .item-detail .nickname {
  font-weight: 500;
  font-size: 0.24rem;
}
.container-detail-wrap .comments .comment-content .comment-list li .comment-item .item-detail .content {
  color: #639AC8;
}
.container-detail-wrap .comments .comment-content .comment-list li .comment-item .item-detail .content img {
  height: .3rem;
  vertical-align: middle;
}
.container-detail-wrap .comments .comment-content .comment-list li .comment-item .btn-con {
  position: absolute;
  right: .2rem;
  bottom: 0;
  color: #9eafcf;
}
.container-detail-wrap .comments .comment-content .comment-list li .comment-item .btn-con.my-delete {
  right: .6rem;
}
.container-detail-wrap .comments .comment-content .comment-list li .comment-item .btn-con.my-reply {
  right: .2rem;
}
.container-detail-wrap .comments .comment-content .comment-list li .comment-item .time {
  font-size: 0.24rem;
  margin-top: .05rem;
}
.container-detail-wrap .comments .comment-content #face-box {
  width: 5.1rem;
  top: auto;
  bottom: 1.42rem;
}
.container-detail-wrap .comments .comment-content .content {
  word-break: break-all;
}
.container-detail-wrap .comments .add-reply {
  padding-bottom: 0.2rem;
}
.container-detail-wrap .comments .mes-bg {
  position: relative;
  width: 100%;
  background-size: 100% 100%;
  margin-top: .2rem;
}
.container-detail-wrap .comments .mes-bg .topic {
  color: #639AC8;
  width: 100%;
  height: 1.65rem;
  background: #ffffff;
  padding: .15rem .2rem;
  border: 1px solid #d6ecfc;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 0.24rem;
  border-radius: .1rem;
  /* firefox 19+ */
  /* Internet Explorer 10+ */
  /* firefox 14-18 */
}
.container-detail-wrap .comments .mes-bg .topic::-webkit-input-placeholder {
  color: #838383;
}
.container-detail-wrap .comments .mes-bg .topic::-moz-placeholder {
  color: #838383;
}
.container-detail-wrap .comments .mes-bg .topic:-ms-input-placeholder {
  color: #838383;
}
.container-detail-wrap .comments .mes-bg .topic:-moz-placeholder {
  color: #838383;
}
.container-detail-wrap .comments .topic-avatar {
  width: 1.05rem;
  height: 1.05rem;
}
.container-detail-wrap .comments .topic-avatar img {
  display: inline-block;
  width: 1.05rem;
  height: 1.05rem;
  border-radius: 100%;
}
.container-detail-wrap .comments .operation-right {
  margin-top: .1rem;
  color: #639AC8;
}
.container-detail-wrap .comments .operation-right .txt-len {
  padding-right: .05rem;
  vertical-align: top;
  font-size: 0.24rem;
  height: .41rem;
  line-height: .41rem;
}
.container-detail-wrap .comments .operation-right .btn-common {
  display: inline-block;
  vertical-align: top;
  width: 1.36rem;
  height: 0.38rem;
  background: url(https://tym.res.netease.com/pc/zt/20200325173243/img/express_48d3dd72.png) no-repeat;
  background-size: 100%;
}
.container-detail-wrap .comments .comment-form {
  width: 95%;
}
.container-detail-wrap .comments .comment-form .form-control {
  height: .29rem;
}
.container-detail-wrap .comments .comment-form .form-control .submit {
  display: inline-block;
  width: .85rem;
  height: .45rem;
  text-align: center;
  line-height: .45rem;
  font-size: 0.28rem;
  background: #e0e0e3;
  border-radius: .25rem;
  margin-left: .05rem;
}
.container-detail-wrap .comments .comment-form .form-control .submit-box {
  margin-top: 5px;
}
.container-detail-wrap .comments .comment-form .form-control .submit-box .text-count {
  font-size: 0.24rem;
  color: #639AC8;
  height: .33rem;
  line-height: .33rem;
  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: 1.08rem;
  height: 0.33rem;
  background: url(https://tym.res.netease.com/pc/zt/20200325173243/img/express3_b5b75e24.png) no-repeat;
  background-size: 100%;
  cursor: pointer;
  vertical-align: top;
}
.container-detail-wrap .operation-topic {
  margin-top: 0.1rem;
}
.container-detail-wrap .icon-wrap {
  position: relative;
  display: inline-block;
  margin-top: .1rem;
}
.container-detail-wrap .icon-wrap .icon {
  display: inline-block;
  color: #639AC8;
  font-size: 0.24rem;
  padding-left: .4rem;
  margin-right: .1rem;
  width: auto;
  line-height: .35rem;
}
.container-detail-wrap .icon-wrap .icon-face {
  background: url(https://tym.res.netease.com/pc/zt/20200325173243/img/icon-emoji_c88fde93.png) no-repeat left center;
  background-size: contain;
}
.container-detail-wrap .icon-wrap .icon-face span {
  position: relative;
  top: 0.02rem;
}
.container-detail-wrap #face-box {
  position: absolute;
  left: 0;
  top: .42rem;
  background-color: #fff;
  border: 1px solid #ccc;
  -webkit-box-shadow: 0 0.04rem 0.2rem 1px rgba(0, 0, 0, 0.2);
          box-shadow: 0 0.04rem 0.2rem 1px rgba(0, 0, 0, 0.2);
  z-index: 100000;
  color: #000;
  padding-bottom: .1rem;
  width: 6.5rem;
}
.container-detail-wrap #face-box .face-list {
  position: relative;
  padding: .6rem .15rem .2rem;
  width: 100%;
}
.container-detail-wrap #face-box .face-list li {
  float: left;
  padding: .1rem;
  font-size: 0;
  border: 1px solid #eeeac9;
}
.container-detail-wrap #face-box .face-list li .emoji-sel {
  display: block;
  width: .44rem;
  height: .44rem;
}
.container-detail-wrap #face-box .face-list li .emoji-sel img {
  width: .44rem;
  height: .44rem;
}
.container-detail-wrap #face-box .btn-close {
  display: block;
  width: .4rem;
  height: .4rem;
  background: url(https://tym.res.netease.com/pc/zt/20200325173243/img/close_abc085c2.png) no-repeat;
  -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 #face-box .face-pager {
  float: right;
  margin-top: .1rem;
}
.container-detail-wrap #face-box .face-pager a {
  margin-right: .1rem;
  color: #000;
}
.container-detail-wrap #face-box .face-pager a.dis {
  color: #ccc;
}
.container-detail-wrap #face-box .close-face {
  position: absolute;
  right: .04rem;
  top: .06rem;
  display: block;
  width: .4rem;
  height: .4rem;
  background: url(https://tym.res.netease.com/pc/zt/20200325173243/img/close_abc085c2.png) no-repeat;
  -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 .topic-text {
  margin-top: .1rem;
  margin-bottom: .01rem;
  font-size: 0.24rem;
  color: #639AC8;
}
.container-detail-wrap .topic-text p {
  word-break: break-all;
}
.container-detail-wrap .topic-text img {
  height: 0.4rem;
  vertical-align: middle;
}
.container-rule .top-wrap {
  overflow: hidden;
  height: auto;
}
.container-rule .content-wrap {
  padding-top: 0;
}
.container-rule .h2 {
  color: #fff;
  margin: 0.4rem 0 0.2rem;
  font-size: 0.36rem;
  font-family: fzbysong;
  font-style: italic;
  line-height: 1;
  text-shadow: 0 0 16px rgba(255, 255, 255, 0.9);
}
.container-rule .img-wrap {
  position: relative;
  overflow: hidden;
  margin: 0.2rem auto;
  font-size: 0;
  border-radius: 0.1rem;
}
.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: 0.07rem;
  font-size: 0.24rem;
  line-height: 0.5rem;
  background: rgba(0, 0, 0, 0.32);
  color: #ffffff;
}
.container-rule .img-wrap.step {
  padding-bottom: 0.57rem;
}
.container-rule .img-wrap.step.qrcode {
  width: 4rem;
  height: 4rem;
}
.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: 0.4rem auto 0;
}
.container-rule .btn-info {
  display: inline-block;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 0 0.04rem;
  width: 4.01rem;
  height: 1.06rem;
  font-size: 0.36rem;
  font-family: fzbysong;
  line-height: 1.02rem;
  background: url(https://tym.res.netease.com/pc/zt/20200325173243/img/rule-btn_fdc18ab5.png) no-repeat;
  background-size: contain;
  color: #ffffff;
}
.container-rule p.text {
  text-indent: 2em;
}
.container-rule p.center {
  text-align: center;
}
.container-rule p a {
  text-decoration: underline;
}
.container-rule p .qrcode {
  max-width: 3.6rem;
}
.container-chart.fixed {
  padding-top: 2.95rem;
}
.container-chart.fixed .top-wrap {
  height: 2.95rem;
}
.container-chart.fixed .top-wrap .inner-title-wrap {
  background: none;
}
.container-chart.fixed .tab-wrap {
  text-align: center;
  margin-top: .8rem;
}
.container-chart.fixed .tab-wrap .select-filter {
  top: -0.6rem;
}
.container-chart .top-wrap {
  height: 3.2rem;
  z-index: 2;
}
.container-chart .top-wrap .inner-title-wrap {
  background: url(https://tym.res.netease.com/pc/zt/20200325173243/img/inner-title-chart_320c7ace.png) left bottom no-repeat;
  background-size: auto .97rem;
}
.container-chart .tab-wrap {
  width: 6.75rem;
  margin: 1rem auto 0;
  position: relative;
}
.container-chart .tab-wrap .select-filter {
  position: absolute;
}
.container-chart .tab-wrap .select-filter .el-select .el-input .el-input__inner {
  height: .50rem;
  padding: 0 .20rem;
  border-radius: .25rem;
  font-size: .24rem;
  line-height: .50rem;
  border: 1px solid #8ABAE2;
  color: #639AC8;
  background: transparent;
}
.container-chart .tab-wrap .select-filter .el-select .el-input .el-input__suffix {
  height: .45rem;
  top: .03rem;
}
.container-chart .tab-wrap .select-filter .el-select .el-input .el-input__suffix .el-select__caret {
  font-size: .24rem;
  color: #639AC8;
  line-height: .48rem;
}
.container-chart .tab-wrap .select-filter1 {
  position: absolute;
  left: 2.9rem;
  top: -0.8rem;
}
.container-chart .tab-wrap .select-filter1 .el-select {
  width: 1.36rem;
}
.container-chart .tab-wrap .select-filter2 {
  position: absolute;
  left: 0.1rem;
  top: -0.8rem;
}
.container-chart .tab-wrap .select-filter2 .el-select {
  width: 2.7rem;
}
.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 {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.container-chart .tab-wrap .vote-filter-tab .contest-stage .stage {
  width: 1.95rem;
  height: 0.54rem;
  background: url(https://tym.res.netease.com/pc/zt/20200325173243/img/btn1_526c9cfc.png) no-repeat;
  background-size: 100%;
  font-size: .24rem;
  color: #6C84A9;
  border: none;
  line-height: .54rem;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  font-family: fzxysong;
}
.container-chart .tab-wrap .vote-filter-tab .contest-stage .stage.active {
  width: 1.95rem;
  height: 0.54rem;
  background: url(https://tym.res.netease.com/pc/zt/20200325173243/img/btn2_276b9e09.png) no-repeat;
  background-size: 100%;
  color: #FFFFFF;
}
.container-chart .content-wrap {
  padding: 0.4rem 0 1rem;
}
.main-content {
  position: relative;
}
.main-content .vote-card-waterfall {
  position: relative;
  left: auto;
  right: auto;
  top: auto;
  bottom: auto;
  overflow-y: hidden;
}
.main-content .vote-card-waterfall .vote-card-list {
  width: 100%;
  min-height: 2rem;
}
.main-content .vote-card-waterfall .vote-card-list .vote-card {
  border: none;
  width: 3.35rem;
  background: #fff;
  -webkit-box-shadow: 0 0.1rem 0.1rem rgba(0, 0, 0, 0.1);
          box-shadow: 0 0.1rem 0.1rem rgba(0, 0, 0, 0.1);
  padding: 0 0 .15rem;
  border-radius: .2rem;
  margin-left: .1rem;
}
.main-content .vote-card-waterfall .vote-card-list .vote-card .card-vertical-img {
  width: 100%;
  height: 3.50rem;
  margin-top: 0;
}
.main-content .vote-card-waterfall .vote-card-list .vote-card .card-vertical-img img {
  width: 100%;
  height: 100%;
}
.main-content .vote-card-waterfall .vote-card-list .vote-card .card-vertical-detail {
  padding: 0.1rem .15rem 0;
}
.main-content .vote-card-waterfall .vote-card-list .vote-card .card-vertical-detail .info1 .text {
  padding-left: 0;
  color: #7AB4E6;
  font-size: .26rem;
  font-weight: bold;
}
.main-content .vote-card-waterfall .vote-card-list .vote-card .card-vertical-detail .info2 {
  margin-top: .1rem;
}
.main-content .vote-card-waterfall .vote-card-list .vote-card .card-vertical-detail .info2 .text {
  padding-left: 0;
  color: #535353;
  font-size: .24rem;
}
.main-content .vote-card-waterfall .vote-card-list .vote-card .card-vertical-detail .info3 {
  margin-top: .1rem;
  font-size: .24rem;
}
.main-content .vote-card-waterfall .vote-card-list .vote-card .card-vertical-detail .info3 .lable {
  color: #010101!important;
  font-weight: bold;
  width: 1.4rem;
}
.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: 0.1rem .2rem 0;
}
.main-content .vote-card-waterfall .vote-card-list .vote-card .card-vertical-btns .btn {
  height: .53rem;
  width: 1.30rem;
  background-color: #fff!important;
  border: 1px solid #dde8e9;
  line-height: .5rem;
  border-radius: .28rem;
  color: #535353;
}
.main-content .vote-card-waterfall .vote-card-list .vote-card .card-vertical-btns .btn .vciconfont {
  font-size: .3rem;
}
.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 {
  width: 1.3rem !important;
  height: 0.53rem !important;
  background: url(https://tym.res.netease.com/pc/zt/20200325173243/img/btn2_236a6cdf.png) no-repeat !important;
  background-size: 100% !important;
  border: none;
  line-height: .55rem;
}
.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-customized {
  position: absolute;
  top: 0;
  right: 0;
  width: .8rem;
  height: .8rem;
  background: url(https://tym.res.netease.com/pc/zt/20200325173243/img/btn3_69dedf0d.png) no-repeat 50% 50%;
  background-size: .41rem .41rem;
  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 {
  background: url(https://tym.res.netease.com/pc/zt/20200325173243/img/btn3-on_26c9d8ac.png) no-repeat 50% 50%;
  background-size: .41rem .41rem;
}