/*!
 * Quill Editor v1.3.4
 * https://quilljs.com/
 * Copyright (c) 2014, Jason Chen
 * Copyright (c) 2013, salesforce.com
 */
 .ql-container {
    box-sizing: border-box;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 13px;
    height: 100%;
    margin: 0px;
    position: relative;
  }
  .ql-container.ql-disabled .ql-tooltip {
    visibility: hidden;
  }
  .ql-container.ql-disabled .ql-editor ul[data-checked] > li::before {
    pointer-events: none;
  }
  .ql-clipboard {
    left: -100000px;
    height: 1px;
    overflow-y: hidden;
    position: absolute;
    top: 50%;
  }
  .ql-clipboard p {
    margin: 0;
    padding: 0;
  }
  .ql-editor {
    box-sizing: border-box;
    line-height: 1.42;
    height: 100%;
    outline: none;
    overflow-y: auto;
    padding: 12px 15px;
    tab-size: 4;
    -moz-tab-size: 4;
    text-align: left;
    white-space: pre-wrap;
    word-wrap: break-word;
  }
  .ql-editor > * {
    cursor: text;
  }
  .ql-editor p,
  .ql-editor ol,
  .ql-editor ul,
  .ql-editor pre,
  .ql-editor blockquote,
  .ql-editor h1,
  .ql-editor h2,
  .ql-editor h3,
  .ql-editor h4,
  .ql-editor h5,
  .ql-editor h6 {
    margin: 0;
    padding: 0;
    counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  }
  .ql-editor ol,
  .ql-editor ul {
    padding-left: 1.5em;
  }
  .ql-editor ol > li,
  .ql-editor ul > li {
    list-style-type: none;
  }
  .ql-editor ul > li::before {
    content: '\2022';
  }
  .ql-editor ul[data-checked=true],
  .ql-editor ul[data-checked=false] {
    pointer-events: none;
  }
  .ql-editor ul[data-checked=true] > li *,
  .ql-editor ul[data-checked=false] > li * {
    pointer-events: all;
  }
  .ql-editor ul[data-checked=true] > li::before,
  .ql-editor ul[data-checked=false] > li::before {
    color: #777;
    cursor: pointer;
    pointer-events: all;
  }
  .ql-editor ul[data-checked=true] > li::before {
    content: '\2611';
  }
  .ql-editor ul[data-checked=false] > li::before {
    content: '\2610';
  }
  .ql-editor li::before {
    display: inline-block;
    white-space: nowrap;
    width: 1.2em;
  }
  .ql-editor li:not(.ql-direction-rtl)::before {
    margin-left: -1.5em;
    margin-right: 0.3em;
    text-align: right;
  }
  .ql-editor li.ql-direction-rtl::before {
    margin-left: 0.3em;
    margin-right: -1.5em;
  }
  .ql-editor ol li:not(.ql-direction-rtl),
  .ql-editor ul li:not(.ql-direction-rtl) {
    padding-left: 1.5em;
  }
  .ql-editor ol li.ql-direction-rtl,
  .ql-editor ul li.ql-direction-rtl {
    padding-right: 1.5em;
  }
  .ql-editor ol li {
    counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
    counter-increment: list-0;
  }
  .ql-editor ol li:before {
    content: counter(list-0, decimal) '. ';
  }
  .ql-editor ol li.ql-indent-1 {
    counter-increment: list-1;
  }
  .ql-editor ol li.ql-indent-1:before {
    content: counter(list-1, lower-alpha) '. ';
  }
  .ql-editor ol li.ql-indent-1 {
    counter-reset: list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  }
  .ql-editor ol li.ql-indent-2 {
    counter-increment: list-2;
  }
  .ql-editor ol li.ql-indent-2:before {
    content: counter(list-2, lower-roman) '. ';
  }
  .ql-editor ol li.ql-indent-2 {
    counter-reset: list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  }
  .ql-editor ol li.ql-indent-3 {
    counter-increment: list-3;
  }
  .ql-editor ol li.ql-indent-3:before {
    content: counter(list-3, decimal) '. ';
  }
  .ql-editor ol li.ql-indent-3 {
    counter-reset: list-4 list-5 list-6 list-7 list-8 list-9;
  }
  .ql-editor ol li.ql-indent-4 {
    counter-increment: list-4;
  }
  .ql-editor ol li.ql-indent-4:before {
    content: counter(list-4, lower-alpha) '. ';
  }
  .ql-editor ol li.ql-indent-4 {
    counter-reset: list-5 list-6 list-7 list-8 list-9;
  }
  .ql-editor ol li.ql-indent-5 {
    counter-increment: list-5;
  }
  .ql-editor ol li.ql-indent-5:before {
    content: counter(list-5, lower-roman) '. ';
  }
  .ql-editor ol li.ql-indent-5 {
    counter-reset: list-6 list-7 list-8 list-9;
  }
  .ql-editor ol li.ql-indent-6 {
    counter-increment: list-6;
  }
  .ql-editor ol li.ql-indent-6:before {
    content: counter(list-6, decimal) '. ';
  }
  .ql-editor ol li.ql-indent-6 {
    counter-reset: list-7 list-8 list-9;
  }
  .ql-editor ol li.ql-indent-7 {
    counter-increment: list-7;
  }
  .ql-editor ol li.ql-indent-7:before {
    content: counter(list-7, lower-alpha) '. ';
  }
  .ql-editor ol li.ql-indent-7 {
    counter-reset: list-8 list-9;
  }
  .ql-editor ol li.ql-indent-8 {
    counter-increment: list-8;
  }
  .ql-editor ol li.ql-indent-8:before {
    content: counter(list-8, lower-roman) '. ';
  }
  .ql-editor ol li.ql-indent-8 {
    counter-reset: list-9;
  }
  .ql-editor ol li.ql-indent-9 {
    counter-increment: list-9;
  }
  .ql-editor ol li.ql-indent-9:before {
    content: counter(list-9, decimal) '. ';
  }
  .ql-editor .ql-indent-1:not(.ql-direction-rtl) {
    padding-left: 3em;
  }
  .ql-editor li.ql-indent-1:not(.ql-direction-rtl) {
    padding-left: 4.5em;
  }
  .ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right {
    padding-right: 3em;
  }
  .ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right {
    padding-right: 4.5em;
  }
  .ql-editor .ql-indent-2:not(.ql-direction-rtl) {
    padding-left: 6em;
  }
  .ql-editor li.ql-indent-2:not(.ql-direction-rtl) {
    padding-left: 7.5em;
  }
  .ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right {
    padding-right: 6em;
  }
  .ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right {
    padding-right: 7.5em;
  }
  .ql-editor .ql-indent-3:not(.ql-direction-rtl) {
    padding-left: 9em;
  }
  .ql-editor li.ql-indent-3:not(.ql-direction-rtl) {
    padding-left: 10.5em;
  }
  .ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right {
    padding-right: 9em;
  }
  .ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right {
    padding-right: 10.5em;
  }
  .ql-editor .ql-indent-4:not(.ql-direction-rtl) {
    padding-left: 12em;
  }
  .ql-editor li.ql-indent-4:not(.ql-direction-rtl) {
    padding-left: 13.5em;
  }
  .ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right {
    padding-right: 12em;
  }
  .ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right {
    padding-right: 13.5em;
  }
  .ql-editor .ql-indent-5:not(.ql-direction-rtl) {
    padding-left: 15em;
  }
  .ql-editor li.ql-indent-5:not(.ql-direction-rtl) {
    padding-left: 16.5em;
  }
  .ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right {
    padding-right: 15em;
  }
  .ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right {
    padding-right: 16.5em;
  }
  .ql-editor .ql-indent-6:not(.ql-direction-rtl) {
    padding-left: 18em;
  }
  .ql-editor li.ql-indent-6:not(.ql-direction-rtl) {
    padding-left: 19.5em;
  }
  .ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right {
    padding-right: 18em;
  }
  .ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right {
    padding-right: 19.5em;
  }
  .ql-editor .ql-indent-7:not(.ql-direction-rtl) {
    padding-left: 21em;
  }
  .ql-editor li.ql-indent-7:not(.ql-direction-rtl) {
    padding-left: 22.5em;
  }
  .ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right {
    padding-right: 21em;
  }
  .ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right {
    padding-right: 22.5em;
  }
  .ql-editor .ql-indent-8:not(.ql-direction-rtl) {
    padding-left: 24em;
  }
  .ql-editor li.ql-indent-8:not(.ql-direction-rtl) {
    padding-left: 25.5em;
  }
  .ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right {
    padding-right: 24em;
  }
  .ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right {
    padding-right: 25.5em;
  }
  .ql-editor .ql-indent-9:not(.ql-direction-rtl) {
    padding-left: 27em;
  }
  .ql-editor li.ql-indent-9:not(.ql-direction-rtl) {
    padding-left: 28.5em;
  }
  .ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right {
    padding-right: 27em;
  }
  .ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right {
    padding-right: 28.5em;
  }
  .ql-editor .ql-video {
    display: block;
    max-width: 100%;
  }
  .ql-editor .ql-video.ql-align-center {
    margin: 0 auto;
  }
  .ql-editor .ql-video.ql-align-right {
    margin: 0 0 0 auto;
  }
  .no-webp .ql-editor .ql-bg-black {background-color:#000}
  .webp .ql-editor .ql-bg-black {background-color:#000}
  .ql-editor .ql-bg-black {
  }
  .no-webp .ql-editor .ql-bg-red {background-color:#e60000}
  .webp .ql-editor .ql-bg-red {background-color:#e60000}
  .ql-editor .ql-bg-red {
  }
  .no-webp .ql-editor .ql-bg-orange {background-color:#f90}
  .webp .ql-editor .ql-bg-orange {background-color:#f90}
  .ql-editor .ql-bg-orange {
  }
  .no-webp .ql-editor .ql-bg-yellow {background-color:#ff0}
  .webp .ql-editor .ql-bg-yellow {background-color:#ff0}
  .ql-editor .ql-bg-yellow {
  }
  .no-webp .ql-editor .ql-bg-green {background-color:#008a00}
  .webp .ql-editor .ql-bg-green {background-color:#008a00}
  .ql-editor .ql-bg-green {
  }
  .no-webp .ql-editor .ql-bg-blue {background-color:#06c}
  .webp .ql-editor .ql-bg-blue {background-color:#06c}
  .ql-editor .ql-bg-blue {
  }
  .no-webp .ql-editor .ql-bg-purple {background-color:#93f}
  .webp .ql-editor .ql-bg-purple {background-color:#93f}
  .ql-editor .ql-bg-purple {
  }
  .ql-editor .ql-color-white {
    color: #fff;
  }
  .ql-editor .ql-color-red {
    color: #e60000;
  }
  .ql-editor .ql-color-orange {
    color: #f90;
  }
  .ql-editor .ql-color-yellow {
    color: #ff0;
  }
  .ql-editor .ql-color-green {
    color: #008a00;
  }
  .ql-editor .ql-color-blue {
    color: #06c;
  }
  .ql-editor .ql-color-purple {
    color: #93f;
  }
  .ql-editor .ql-font-serif {
    font-family: Georgia, Times New Roman, serif;
  }
  .ql-editor .ql-font-monospace {
    font-family: Monaco, Courier New, monospace;
  }
  .ql-editor .ql-size-small {
    font-size: 0.75em;
  }
  .ql-editor .ql-size-large {
    font-size: 1.5em;
  }
  .ql-editor .ql-size-huge {
    font-size: 2.5em;
  }
  .ql-editor .ql-direction-rtl {
    direction: rtl;
    text-align: inherit;
  }
  .ql-editor .ql-align-center {
    text-align: center;
  }
  .ql-editor .ql-align-justify {
    text-align: justify;
  }
  .ql-editor .ql-align-right {
    text-align: right;
  }
  .ql-editor.ql-blank::before {
    color: rgba(0,0,0,0.6);
    content: attr(data-placeholder);
    font-style: italic;
    left: 15px;
    pointer-events: none;
    position: absolute;
    right: 15px;
  }
/*!
 * Quill Editor v1.3.4
 * https://quilljs.com/
 * Copyright (c) 2014, Jason Chen
 * Copyright (c) 2013, salesforce.com
 */
 .ql-container {
    box-sizing: border-box;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 13px;
    height: 100%;
    margin: 0px;
    position: relative;
  }
  .ql-container.ql-disabled .ql-tooltip {
    visibility: hidden;
  }
  .ql-container.ql-disabled .ql-editor ul[data-checked] > li::before {
    pointer-events: none;
  }
  .ql-clipboard {
    left: -100000px;
    height: 1px;
    overflow-y: hidden;
    position: absolute;
    top: 50%;
  }
  .ql-clipboard p {
    margin: 0;
    padding: 0;
  }
  .ql-editor {
    box-sizing: border-box;
    line-height: 1.42;
    height: 100%;
    outline: none;
    overflow-y: auto;
    padding: 12px 15px;
    tab-size: 4;
    -moz-tab-size: 4;
    text-align: left;
    white-space: pre-wrap;
    word-wrap: break-word;
  }
  .ql-editor > * {
    cursor: text;
  }
  .ql-editor p,
  .ql-editor ol,
  .ql-editor ul,
  .ql-editor pre,
  .ql-editor blockquote,
  .ql-editor h1,
  .ql-editor h2,
  .ql-editor h3,
  .ql-editor h4,
  .ql-editor h5,
  .ql-editor h6 {
    margin: 0;
    padding: 0;
    counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  }
  .ql-editor ol,
  .ql-editor ul {
    padding-left: 1.5em;
  }
  .ql-editor ol > li,
  .ql-editor ul > li {
    list-style-type: none;
  }
  .ql-editor ul > li::before {
    content: '\2022';
  }
  .ql-editor ul[data-checked=true],
  .ql-editor ul[data-checked=false] {
    pointer-events: none;
  }
  .ql-editor ul[data-checked=true] > li *,
  .ql-editor ul[data-checked=false] > li * {
    pointer-events: all;
  }
  .ql-editor ul[data-checked=true] > li::before,
  .ql-editor ul[data-checked=false] > li::before {
    color: #777;
    cursor: pointer;
    pointer-events: all;
  }
  .ql-editor ul[data-checked=true] > li::before {
    content: '\2611';
  }
  .ql-editor ul[data-checked=false] > li::before {
    content: '\2610';
  }
  .ql-editor li::before {
    display: inline-block;
    white-space: nowrap;
    width: 1.2em;
  }
  .ql-editor li:not(.ql-direction-rtl)::before {
    margin-left: -1.5em;
    margin-right: 0.3em;
    text-align: right;
  }
  .ql-editor li.ql-direction-rtl::before {
    margin-left: 0.3em;
    margin-right: -1.5em;
  }
  .ql-editor ol li:not(.ql-direction-rtl),
  .ql-editor ul li:not(.ql-direction-rtl) {
    padding-left: 1.5em;
  }
  .ql-editor ol li.ql-direction-rtl,
  .ql-editor ul li.ql-direction-rtl {
    padding-right: 1.5em;
  }
  .ql-editor ol li {
    counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
    counter-increment: list-0;
  }
  .ql-editor ol li:before {
    content: counter(list-0, decimal) '. ';
  }
  .ql-editor ol li.ql-indent-1 {
    counter-increment: list-1;
  }
  .ql-editor ol li.ql-indent-1:before {
    content: counter(list-1, lower-alpha) '. ';
  }
  .ql-editor ol li.ql-indent-1 {
    counter-reset: list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  }
  .ql-editor ol li.ql-indent-2 {
    counter-increment: list-2;
  }
  .ql-editor ol li.ql-indent-2:before {
    content: counter(list-2, lower-roman) '. ';
  }
  .ql-editor ol li.ql-indent-2 {
    counter-reset: list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  }
  .ql-editor ol li.ql-indent-3 {
    counter-increment: list-3;
  }
  .ql-editor ol li.ql-indent-3:before {
    content: counter(list-3, decimal) '. ';
  }
  .ql-editor ol li.ql-indent-3 {
    counter-reset: list-4 list-5 list-6 list-7 list-8 list-9;
  }
  .ql-editor ol li.ql-indent-4 {
    counter-increment: list-4;
  }
  .ql-editor ol li.ql-indent-4:before {
    content: counter(list-4, lower-alpha) '. ';
  }
  .ql-editor ol li.ql-indent-4 {
    counter-reset: list-5 list-6 list-7 list-8 list-9;
  }
  .ql-editor ol li.ql-indent-5 {
    counter-increment: list-5;
  }
  .ql-editor ol li.ql-indent-5:before {
    content: counter(list-5, lower-roman) '. ';
  }
  .ql-editor ol li.ql-indent-5 {
    counter-reset: list-6 list-7 list-8 list-9;
  }
  .ql-editor ol li.ql-indent-6 {
    counter-increment: list-6;
  }
  .ql-editor ol li.ql-indent-6:before {
    content: counter(list-6, decimal) '. ';
  }
  .ql-editor ol li.ql-indent-6 {
    counter-reset: list-7 list-8 list-9;
  }
  .ql-editor ol li.ql-indent-7 {
    counter-increment: list-7;
  }
  .ql-editor ol li.ql-indent-7:before {
    content: counter(list-7, lower-alpha) '. ';
  }
  .ql-editor ol li.ql-indent-7 {
    counter-reset: list-8 list-9;
  }
  .ql-editor ol li.ql-indent-8 {
    counter-increment: list-8;
  }
  .ql-editor ol li.ql-indent-8:before {
    content: counter(list-8, lower-roman) '. ';
  }
  .ql-editor ol li.ql-indent-8 {
    counter-reset: list-9;
  }
  .ql-editor ol li.ql-indent-9 {
    counter-increment: list-9;
  }
  .ql-editor ol li.ql-indent-9:before {
    content: counter(list-9, decimal) '. ';
  }
  .ql-editor .ql-indent-1:not(.ql-direction-rtl) {
    padding-left: 3em;
  }
  .ql-editor li.ql-indent-1:not(.ql-direction-rtl) {
    padding-left: 4.5em;
  }
  .ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right {
    padding-right: 3em;
  }
  .ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right {
    padding-right: 4.5em;
  }
  .ql-editor .ql-indent-2:not(.ql-direction-rtl) {
    padding-left: 6em;
  }
  .ql-editor li.ql-indent-2:not(.ql-direction-rtl) {
    padding-left: 7.5em;
  }
  .ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right {
    padding-right: 6em;
  }
  .ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right {
    padding-right: 7.5em;
  }
  .ql-editor .ql-indent-3:not(.ql-direction-rtl) {
    padding-left: 9em;
  }
  .ql-editor li.ql-indent-3:not(.ql-direction-rtl) {
    padding-left: 10.5em;
  }
  .ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right {
    padding-right: 9em;
  }
  .ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right {
    padding-right: 10.5em;
  }
  .ql-editor .ql-indent-4:not(.ql-direction-rtl) {
    padding-left: 12em;
  }
  .ql-editor li.ql-indent-4:not(.ql-direction-rtl) {
    padding-left: 13.5em;
  }
  .ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right {
    padding-right: 12em;
  }
  .ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right {
    padding-right: 13.5em;
  }
  .ql-editor .ql-indent-5:not(.ql-direction-rtl) {
    padding-left: 15em;
  }
  .ql-editor li.ql-indent-5:not(.ql-direction-rtl) {
    padding-left: 16.5em;
  }
  .ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right {
    padding-right: 15em;
  }
  .ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right {
    padding-right: 16.5em;
  }
  .ql-editor .ql-indent-6:not(.ql-direction-rtl) {
    padding-left: 18em;
  }
  .ql-editor li.ql-indent-6:not(.ql-direction-rtl) {
    padding-left: 19.5em;
  }
  .ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right {
    padding-right: 18em;
  }
  .ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right {
    padding-right: 19.5em;
  }
  .ql-editor .ql-indent-7:not(.ql-direction-rtl) {
    padding-left: 21em;
  }
  .ql-editor li.ql-indent-7:not(.ql-direction-rtl) {
    padding-left: 22.5em;
  }
  .ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right {
    padding-right: 21em;
  }
  .ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right {
    padding-right: 22.5em;
  }
  .ql-editor .ql-indent-8:not(.ql-direction-rtl) {
    padding-left: 24em;
  }
  .ql-editor li.ql-indent-8:not(.ql-direction-rtl) {
    padding-left: 25.5em;
  }
  .ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right {
    padding-right: 24em;
  }
  .ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right {
    padding-right: 25.5em;
  }
  .ql-editor .ql-indent-9:not(.ql-direction-rtl) {
    padding-left: 27em;
  }
  .ql-editor li.ql-indent-9:not(.ql-direction-rtl) {
    padding-left: 28.5em;
  }
  .ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right {
    padding-right: 27em;
  }
  .ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right {
    padding-right: 28.5em;
  }
  .ql-editor .ql-video {
    display: block;
    max-width: 100%;
  }
  .ql-editor .ql-video.ql-align-center {
    margin: 0 auto;
  }
  .ql-editor .ql-video.ql-align-right {
    margin: 0 0 0 auto;
  }
  .no-webp .ql-editor .ql-bg-black {background-color:#000}
  .webp .ql-editor .ql-bg-black {background-color:#000}
  .ql-editor .ql-bg-black {
  }
  .no-webp .ql-editor .ql-bg-red {background-color:#e60000}
  .webp .ql-editor .ql-bg-red {background-color:#e60000}
  .ql-editor .ql-bg-red {
  }
  .no-webp .ql-editor .ql-bg-orange {background-color:#f90}
  .webp .ql-editor .ql-bg-orange {background-color:#f90}
  .ql-editor .ql-bg-orange {
  }
  .no-webp .ql-editor .ql-bg-yellow {background-color:#ff0}
  .webp .ql-editor .ql-bg-yellow {background-color:#ff0}
  .ql-editor .ql-bg-yellow {
  }
  .no-webp .ql-editor .ql-bg-green {background-color:#008a00}
  .webp .ql-editor .ql-bg-green {background-color:#008a00}
  .ql-editor .ql-bg-green {
  }
  .no-webp .ql-editor .ql-bg-blue {background-color:#06c}
  .webp .ql-editor .ql-bg-blue {background-color:#06c}
  .ql-editor .ql-bg-blue {
  }
  .no-webp .ql-editor .ql-bg-purple {background-color:#93f}
  .webp .ql-editor .ql-bg-purple {background-color:#93f}
  .ql-editor .ql-bg-purple {
  }
  .ql-editor .ql-color-white {
    color: #fff;
  }
  .ql-editor .ql-color-red {
    color: #e60000;
  }
  .ql-editor .ql-color-orange {
    color: #f90;
  }
  .ql-editor .ql-color-yellow {
    color: #ff0;
  }
  .ql-editor .ql-color-green {
    color: #008a00;
  }
  .ql-editor .ql-color-blue {
    color: #06c;
  }
  .ql-editor .ql-color-purple {
    color: #93f;
  }
  .ql-editor .ql-font-serif {
    font-family: Georgia, Times New Roman, serif;
  }
  .ql-editor .ql-font-monospace {
    font-family: Monaco, Courier New, monospace;
  }
  .ql-editor .ql-size-small {
    font-size: 0.75em;
  }
  .ql-editor .ql-size-large {
    font-size: 1.5em;
  }
  .ql-editor .ql-size-huge {
    font-size: 2.5em;
  }
  .ql-editor .ql-direction-rtl {
    direction: rtl;
    text-align: inherit;
  }
  .ql-editor .ql-align-center {
    text-align: center;
  }
  .ql-editor .ql-align-justify {
    text-align: justify;
  }
  .ql-editor .ql-align-right {
    text-align: right;
  }
  .ql-editor.ql-blank::before {
    color: rgba(0,0,0,0.6);
    content: attr(data-placeholder);
    font-style: italic;
    left: 15px;
    pointer-events: none;
    position: absolute;
    right: 15px;
  }
  .ql-snow.ql-toolbar:after,
  .ql-snow .ql-toolbar:after {
    clear: both;
    content: '';
    display: table;
  }
  .no-webp .ql-snow.ql-toolbar button, 
.no-webp .ql-snow .ql-toolbar button {background:none}
  .webp .ql-snow.ql-toolbar button, 
.webp .ql-snow .ql-toolbar button {background:none}
  .ql-snow.ql-toolbar button,
  .ql-snow .ql-toolbar button {
    border: none;
    cursor: pointer;
    display: inline-block;
    float: left;
    height: 24px;
    padding: 3px 5px;
    width: 28px;
  }
  .ql-snow.ql-toolbar button svg,
  .ql-snow .ql-toolbar button svg {
    float: left;
    height: 100%;
  }
  .ql-snow.ql-toolbar button:active:hover,
  .ql-snow .ql-toolbar button:active:hover {
    outline: none;
  }
  .ql-snow.ql-toolbar input.ql-image[type=file],
  .ql-snow .ql-toolbar input.ql-image[type=file] {
    display: none;
  }
  .ql-snow.ql-toolbar button:hover,
  .ql-snow .ql-toolbar button:hover,
  .ql-snow.ql-toolbar button:focus,
  .ql-snow .ql-toolbar button:focus,
  .ql-snow.ql-toolbar button.ql-active,
  .ql-snow .ql-toolbar button.ql-active,
  .ql-snow.ql-toolbar .ql-picker-label:hover,
  .ql-snow .ql-toolbar .ql-picker-label:hover,
  .ql-snow.ql-toolbar .ql-picker-label.ql-active,
  .ql-snow .ql-toolbar .ql-picker-label.ql-active,
  .ql-snow.ql-toolbar .ql-picker-item:hover,
  .ql-snow .ql-toolbar .ql-picker-item:hover,
  .ql-snow.ql-toolbar .ql-picker-item.ql-selected,
  .ql-snow .ql-toolbar .ql-picker-item.ql-selected {
    color: #06c;
  }
  .ql-snow.ql-toolbar button:hover .ql-fill,
  .ql-snow .ql-toolbar button:hover .ql-fill,
  .ql-snow.ql-toolbar button:focus .ql-fill,
  .ql-snow .ql-toolbar button:focus .ql-fill,
  .ql-snow.ql-toolbar button.ql-active .ql-fill,
  .ql-snow .ql-toolbar button.ql-active .ql-fill,
  .ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill,
  .ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill,
  .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,
  .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill,
  .ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill,
  .ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill,
  .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill,
  .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill,
  .ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill,
  .ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill,
  .ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill,
  .ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill,
  .ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill,
  .ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill,
  .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
  .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
  .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
  .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
  .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
  .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
  .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,
  .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill {
    fill: #06c;
  }
  .ql-snow.ql-toolbar button:hover .ql-stroke,
  .ql-snow .ql-toolbar button:hover .ql-stroke,
  .ql-snow.ql-toolbar button:focus .ql-stroke,
  .ql-snow .ql-toolbar button:focus .ql-stroke,
  .ql-snow.ql-toolbar button.ql-active .ql-stroke,
  .ql-snow .ql-toolbar button.ql-active .ql-stroke,
  .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke,
  .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke,
  .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,
  .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,
  .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke,
  .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke,
  .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
  .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
  .ql-snow.ql-toolbar button:hover .ql-stroke-miter,
  .ql-snow .ql-toolbar button:hover .ql-stroke-miter,
  .ql-snow.ql-toolbar button:focus .ql-stroke-miter,
  .ql-snow .ql-toolbar button:focus .ql-stroke-miter,
  .ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,
  .ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,
  .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
  .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
  .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
  .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
  .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
  .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
  .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,
  .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter {
    stroke: #06c;
  }
  @media (pointer: coarse) {
    .ql-snow.ql-toolbar button:hover:not(.ql-active),
    .ql-snow .ql-toolbar button:hover:not(.ql-active) {
      color: #444;
    }
    .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-fill,
    .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-fill,
    .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill,
    .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill {
      fill: #444;
    }
    .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke,
    .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke,
    .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter,
    .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter {
      stroke: #444;
    }
  }
  .ql-snow {
    box-sizing: border-box;
  }
  .ql-snow * {
    box-sizing: border-box;
  }
  .ql-snow .ql-hidden {
    display: none;
  }
  .ql-snow .ql-out-bottom,
  .ql-snow .ql-out-top {
    visibility: hidden;
  }
  .ql-snow .ql-tooltip {
    position: absolute;
    transform: translateY(10px);
  }
  .ql-snow .ql-tooltip a {
    cursor: pointer;
    text-decoration: none;
  }
  .ql-snow .ql-tooltip.ql-flip {
    transform: translateY(-10px);
  }
  .ql-snow .ql-formats {
    display: inline-block;
    vertical-align: middle;
  }
  .ql-snow .ql-formats:after {
    clear: both;
    content: '';
    display: table;
  }
  .ql-snow .ql-stroke {
    fill: none;
    stroke: #444;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 2;
  }
  .ql-snow .ql-stroke-miter {
    fill: none;
    stroke: #444;
    stroke-miterlimit: 10;
    stroke-width: 2;
  }
  .ql-snow .ql-fill,
  .ql-snow .ql-stroke.ql-fill {
    fill: #444;
  }
  .ql-snow .ql-empty {
    fill: none;
  }
  .ql-snow .ql-even {
    fill-rule: evenodd;
  }
  .ql-snow .ql-thin,
  .ql-snow .ql-stroke.ql-thin {
    stroke-width: 1;
  }
  .ql-snow .ql-transparent {
    opacity: 0.4;
  }
  .ql-snow .ql-direction svg:last-child {
    display: none;
  }
  .ql-snow .ql-direction.ql-active svg:last-child {
    display: inline;
  }
  .ql-snow .ql-direction.ql-active svg:first-child {
    display: none;
  }
  .ql-snow .ql-editor h1 {
    font-size: 2em;
  }
  .ql-snow .ql-editor h2 {
    font-size: 1.5em;
  }
  .ql-snow .ql-editor h3 {
    font-size: 1.17em;
  }
  .ql-snow .ql-editor h4 {
    font-size: 1em;
  }
  .ql-snow .ql-editor h5 {
    font-size: 0.83em;
  }
  .ql-snow .ql-editor h6 {
    font-size: 0.67em;
  }
  .ql-snow .ql-editor a {
    text-decoration: underline;
  }
  .ql-snow .ql-editor blockquote {
    border-left: 4px solid #ccc;
    margin-bottom: 5px;
    margin-top: 5px;
    padding-left: 16px;
  }
  .no-webp .ql-snow .ql-editor code, 
.no-webp .ql-snow .ql-editor pre {background-color:#f0f0f0}
  .webp .ql-snow .ql-editor code, 
.webp .ql-snow .ql-editor pre {background-color:#f0f0f0}
  .ql-snow .ql-editor code,
  .ql-snow .ql-editor pre {
    border-radius: 3px;
  }
  .ql-snow .ql-editor pre {
    white-space: pre-wrap;
    margin-bottom: 5px;
    margin-top: 5px;
    padding: 5px 10px;
  }
  .ql-snow .ql-editor code {
    font-size: 85%;
    padding: 2px 4px;
  }
  .no-webp .ql-snow .ql-editor pre.ql-syntax {background-color:#23241f}
  .webp .ql-snow .ql-editor pre.ql-syntax {background-color:#23241f}
  .ql-snow .ql-editor pre.ql-syntax {
    color: #f8f8f2;
    overflow: visible;
  }
  .ql-snow .ql-editor img {
    max-width: 100%;
  }
  .ql-snow .ql-picker {
    color: #444;
    display: inline-block;
    float: left;
    font-size: 14px;
    font-weight: 500;
    height: 24px;
    position: relative;
    vertical-align: middle;
  }
  .ql-snow .ql-picker-label {
    cursor: pointer;
    display: inline-block;
    height: 100%;
    padding-left: 8px;
    padding-right: 2px;
    position: relative;
    width: 100%;
  }
  .ql-snow .ql-picker-label::before {
    display: inline-block;
    line-height: 22px;
  }
  .no-webp .ql-snow .ql-picker-options {background-color:#fff}
  .webp .ql-snow .ql-picker-options {background-color:#fff}
  .ql-snow .ql-picker-options {
    display: none;
    min-width: 100%;
    padding: 4px 8px;
    position: absolute;
    white-space: nowrap;
  }
  .ql-snow .ql-picker-options .ql-picker-item {
    cursor: pointer;
    display: block;
    padding-bottom: 5px;
    padding-top: 5px;
  }
  .ql-snow .ql-picker.ql-expanded .ql-picker-label {
    color: #ccc;
    z-index: 2;
  }
  .ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill {
    fill: #ccc;
  }
  .ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
    stroke: #ccc;
  }
  .ql-snow .ql-picker.ql-expanded .ql-picker-options {
    display: block;
    margin-top: -1px;
    top: 100%;
    z-index: 1;
  }
  .ql-snow .ql-color-picker,
  .ql-snow .ql-icon-picker {
    width: 28px;
  }
  .ql-snow .ql-color-picker .ql-picker-label,
  .ql-snow .ql-icon-picker .ql-picker-label {
    padding: 2px 4px;
  }
  .ql-snow .ql-color-picker .ql-picker-label svg,
  .ql-snow .ql-icon-picker .ql-picker-label svg {
    right: 4px;
  }
  .ql-snow .ql-icon-picker .ql-picker-options {
    padding: 4px 0px;
  }
  .ql-snow .ql-icon-picker .ql-picker-item {
    height: 24px;
    width: 24px;
    padding: 2px 4px;
  }
  .ql-snow .ql-color-picker .ql-picker-options {
    padding: 3px 5px;
    width: 152px;
  }
  .ql-snow .ql-color-picker .ql-picker-item {
    border: 1px solid transparent;
    float: left;
    height: 16px;
    margin: 2px;
    padding: 0px;
    width: 16px;
  }
  .ql-snow .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg {
    position: absolute;
    margin-top: -9px;
    right: 0;
    top: 50%;
    width: 18px;
  }
  .ql-snow .ql-picker.ql-header .ql-picker-label[data-label]:not([data-label=''])::before,
  .ql-snow .ql-picker.ql-font .ql-picker-label[data-label]:not([data-label=''])::before,
  .ql-snow .ql-picker.ql-size .ql-picker-label[data-label]:not([data-label=''])::before,
  .ql-snow .ql-picker.ql-header .ql-picker-item[data-label]:not([data-label=''])::before,
  .ql-snow .ql-picker.ql-font .ql-picker-item[data-label]:not([data-label=''])::before,
  .ql-snow .ql-picker.ql-size .ql-picker-item[data-label]:not([data-label=''])::before {
    content: attr(data-label);
  }
  .ql-snow .ql-picker.ql-header {
    width: 98px;
  }
  .ql-snow .ql-picker.ql-header .ql-picker-label::before,
  .ql-snow .ql-picker.ql-header .ql-picker-item::before {
    content: '\6B63\6587';
  }
  .ql-snow .ql-picker.ql-header .ql-picker-label[data-value="1"]::before,
  .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]::before {
    content: '\6807\9898   1';
  }
  .ql-snow .ql-picker.ql-header .ql-picker-label[data-value="2"]::before,
  .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]::before {
    content: '\6807\9898   2';
  }
  .ql-snow .ql-picker.ql-header .ql-picker-label[data-value="3"]::before,
  .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]::before {
    content: '\6807\9898   3';
  }
  .ql-snow .ql-picker.ql-header .ql-picker-label[data-value="4"]::before,
  .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]::before {
    content: '\6807\9898   4';
  }
  .ql-snow .ql-picker.ql-header .ql-picker-label[data-value="5"]::before,
  .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]::before {
    content: '\6807\9898   5';
  }
  .ql-snow .ql-picker.ql-header .ql-picker-label[data-value="6"]::before,
  .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]::before {
    content: '\6807\9898   6';
  }
  .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]::before {
    font-size: 2em;
  }
  .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]::before {
    font-size: 1.5em;
  }
  .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]::before {
    font-size: 1.17em;
  }
  .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]::before {
    font-size: 1em;
  }
  .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]::before {
    font-size: 0.83em;
  }
  .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]::before {
    font-size: 0.67em;
  }
  .ql-snow .ql-picker.ql-font {
    width: 108px;
  }
  .ql-snow .ql-picker.ql-font .ql-picker-label::before,
  .ql-snow .ql-picker.ql-font .ql-picker-item::before {
    content: 'Sans Serif';
  }
  .ql-snow .ql-picker.ql-font .ql-picker-label[data-value=serif]::before,
  .ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]::before {
    content: 'Serif';
  }
  .ql-snow .ql-picker.ql-font .ql-picker-label[data-value=monospace]::before,
  .ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before {
    content: 'Monospace';
  }
  .ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]::before {
    font-family: Georgia, Times New Roman, serif;
  }
  .ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before {
    font-family: Monaco, Courier New, monospace;
  }
  .ql-snow .ql-picker.ql-size {
    width: 98px;
  }
  .ql-snow .ql-picker.ql-size .ql-picker-label::before,
  .ql-snow .ql-picker.ql-size .ql-picker-item::before {
    content: '\6B63\6587';
  }
  .ql-snow .ql-picker.ql-size .ql-picker-label[data-value=small]::before,
  .ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]::before {
    content: 'Small';
  }
  .ql-snow .ql-picker.ql-size .ql-picker-label[data-value=large]::before,
  .ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]::before {
    content: '\6807\9898  1';
  }
  .ql-snow .ql-picker.ql-size .ql-picker-label[data-value=huge]::before,
  .ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]::before {
    content: '\6807\9898  2';
  }
  .ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]::before {
    font-size: 10px;
  }
  .ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]::before {
    font-size: 18px;
  }
  .ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]::before {
    font-size: 32px;
  }
  .no-webp .ql-snow .ql-color-picker.ql-background .ql-picker-item {background-color:#fff}
  .webp .ql-snow .ql-color-picker.ql-background .ql-picker-item {background-color:#fff}
  .ql-snow .ql-color-picker.ql-background .ql-picker-item {
  }
  .no-webp .ql-snow .ql-color-picker.ql-color .ql-picker-item {background-color:#000}
  .webp .ql-snow .ql-color-picker.ql-color .ql-picker-item {background-color:#000}
  .ql-snow .ql-color-picker.ql-color .ql-picker-item {
  }
  .ql-toolbar.ql-snow {
    border: 1px solid #ccc;
    box-sizing: border-box;
    font-family: 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
    padding: 8px;
  }
  .ql-toolbar.ql-snow .ql-formats {
    margin-right: 15px;
  }
  .ql-toolbar.ql-snow .ql-picker-label {
    border: 1px solid transparent;
  }
  .ql-toolbar.ql-snow .ql-picker-options {
    border: 1px solid transparent;
    box-shadow: rgba(0,0,0,0.2) 0 2px 8px;
  }
  .ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label {
    border-color: #ccc;
  }
  .ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options {
    border-color: #ccc;
  }
  .ql-toolbar.ql-snow .ql-color-picker .ql-picker-item.ql-selected,
  .ql-toolbar.ql-snow .ql-color-picker .ql-picker-item:hover {
    border-color: #000;
  }
  .ql-toolbar.ql-snow + .ql-container.ql-snow {
    border-top: 0px;
  }
  .no-webp .ql-snow .ql-tooltip {background-color:#fff}
  .webp .ql-snow .ql-tooltip {background-color:#fff}
  .ql-snow .ql-tooltip {
    border: 1px solid #ccc;
    box-shadow: 0px 0px 5px #ddd;
    color: #444;
    padding: 5px 12px;
    white-space: nowrap;
  }
  .ql-snow .ql-tooltip::before {
    content: "Visit URL:";
    line-height: 26px;
    margin-right: 8px;
  }
  .ql-snow .ql-tooltip input[type=text] {
    display: none;
    border: 1px solid #ccc;
    font-size: 13px;
    height: 26px;
    margin: 0px;
    padding: 3px 5px;
    width: 170px;
  }
  .ql-snow .ql-tooltip a.ql-preview {
    display: inline-block;
    max-width: 200px;
    overflow-x: hidden;
    text-overflow: ellipsis;
    vertical-align: top;
  }
  .ql-snow .ql-tooltip a.ql-action::after {
    border-right: 1px solid #ccc;
    content: 'Edit';
    margin-left: 16px;
    padding-right: 8px;
  }
  .ql-snow .ql-tooltip a.ql-remove::before {
    content: 'Remove';
    margin-left: 8px;
  }
  .ql-snow .ql-tooltip a {
    line-height: 26px;
  }
  .ql-snow .ql-tooltip.ql-editing a.ql-preview,
  .ql-snow .ql-tooltip.ql-editing a.ql-remove {
    display: none;
  }
  .ql-snow .ql-tooltip.ql-editing input[type=text] {
    display: inline-block;
  }
  .ql-snow .ql-tooltip.ql-editing a.ql-action::after {
    border-right: 0px;
    content: 'Save';
    padding-right: 0px;
  }
  .ql-snow .ql-tooltip[data-mode=link]::before {
    content: "Enter link:";
  }
  .ql-snow .ql-tooltip[data-mode=formula]::before {
    content: "Enter formula:";
  }
  .ql-snow .ql-tooltip[data-mode=video]::before {
    content: "Enter video:";
  }
  .ql-snow a {
    color: #06c;
  }
  .ql-container.ql-snow {
    border: 1px solid #ccc;
  }
/*!
 * Quill Editor v1.3.4
 * https://quilljs.com/
 * Copyright (c) 2014, Jason Chen
 * Copyright (c) 2013, salesforce.com
 */
 .ql-container {
    box-sizing: border-box;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 13px;
    height: 100%;
    margin: 0px;
    position: relative;
  }
  .ql-container.ql-disabled .ql-tooltip {
    visibility: hidden;
  }
  .ql-container.ql-disabled .ql-editor ul[data-checked] > li::before {
    pointer-events: none;
  }
  .ql-clipboard {
    left: -100000px;
    height: 1px;
    overflow-y: hidden;
    position: absolute;
    top: 50%;
  }
  .ql-clipboard p {
    margin: 0;
    padding: 0;
  }
  .ql-editor {
    box-sizing: border-box;
    line-height: 1.42;
    height: 100%;
    outline: none;
    overflow-y: auto;
    padding: 12px 15px;
    tab-size: 4;
    -moz-tab-size: 4;
    text-align: left;
    white-space: pre-wrap;
    word-wrap: break-word;
  }
  .ql-editor > * {
    cursor: text;
  }
  .ql-editor p,
  .ql-editor ol,
  .ql-editor ul,
  .ql-editor pre,
  .ql-editor blockquote,
  .ql-editor h1,
  .ql-editor h2,
  .ql-editor h3,
  .ql-editor h4,
  .ql-editor h5,
  .ql-editor h6 {
    margin: 0;
    padding: 0;
    counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  }
  .ql-editor ol,
  .ql-editor ul {
    padding-left: 1.5em;
  }
  .ql-editor ol > li,
  .ql-editor ul > li {
    list-style-type: none;
  }
  .ql-editor ul > li::before {
    content: '\2022';
  }
  .ql-editor ul[data-checked=true],
  .ql-editor ul[data-checked=false] {
    pointer-events: none;
  }
  .ql-editor ul[data-checked=true] > li *,
  .ql-editor ul[data-checked=false] > li * {
    pointer-events: all;
  }
  .ql-editor ul[data-checked=true] > li::before,
  .ql-editor ul[data-checked=false] > li::before {
    color: #777;
    cursor: pointer;
    pointer-events: all;
  }
  .ql-editor ul[data-checked=true] > li::before {
    content: '\2611';
  }
  .ql-editor ul[data-checked=false] > li::before {
    content: '\2610';
  }
  .ql-editor li::before {
    display: inline-block;
    white-space: nowrap;
    width: 1.2em;
  }
  .ql-editor li:not(.ql-direction-rtl)::before {
    margin-left: -1.5em;
    margin-right: 0.3em;
    text-align: right;
  }
  .ql-editor li.ql-direction-rtl::before {
    margin-left: 0.3em;
    margin-right: -1.5em;
  }
  .ql-editor ol li:not(.ql-direction-rtl),
  .ql-editor ul li:not(.ql-direction-rtl) {
    padding-left: 1.5em;
  }
  .ql-editor ol li.ql-direction-rtl,
  .ql-editor ul li.ql-direction-rtl {
    padding-right: 1.5em;
  }
  .ql-editor ol li {
    counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
    counter-increment: list-0;
  }
  .ql-editor ol li:before {
    content: counter(list-0, decimal) '. ';
  }
  .ql-editor ol li.ql-indent-1 {
    counter-increment: list-1;
  }
  .ql-editor ol li.ql-indent-1:before {
    content: counter(list-1, lower-alpha) '. ';
  }
  .ql-editor ol li.ql-indent-1 {
    counter-reset: list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  }
  .ql-editor ol li.ql-indent-2 {
    counter-increment: list-2;
  }
  .ql-editor ol li.ql-indent-2:before {
    content: counter(list-2, lower-roman) '. ';
  }
  .ql-editor ol li.ql-indent-2 {
    counter-reset: list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  }
  .ql-editor ol li.ql-indent-3 {
    counter-increment: list-3;
  }
  .ql-editor ol li.ql-indent-3:before {
    content: counter(list-3, decimal) '. ';
  }
  .ql-editor ol li.ql-indent-3 {
    counter-reset: list-4 list-5 list-6 list-7 list-8 list-9;
  }
  .ql-editor ol li.ql-indent-4 {
    counter-increment: list-4;
  }
  .ql-editor ol li.ql-indent-4:before {
    content: counter(list-4, lower-alpha) '. ';
  }
  .ql-editor ol li.ql-indent-4 {
    counter-reset: list-5 list-6 list-7 list-8 list-9;
  }
  .ql-editor ol li.ql-indent-5 {
    counter-increment: list-5;
  }
  .ql-editor ol li.ql-indent-5:before {
    content: counter(list-5, lower-roman) '. ';
  }
  .ql-editor ol li.ql-indent-5 {
    counter-reset: list-6 list-7 list-8 list-9;
  }
  .ql-editor ol li.ql-indent-6 {
    counter-increment: list-6;
  }
  .ql-editor ol li.ql-indent-6:before {
    content: counter(list-6, decimal) '. ';
  }
  .ql-editor ol li.ql-indent-6 {
    counter-reset: list-7 list-8 list-9;
  }
  .ql-editor ol li.ql-indent-7 {
    counter-increment: list-7;
  }
  .ql-editor ol li.ql-indent-7:before {
    content: counter(list-7, lower-alpha) '. ';
  }
  .ql-editor ol li.ql-indent-7 {
    counter-reset: list-8 list-9;
  }
  .ql-editor ol li.ql-indent-8 {
    counter-increment: list-8;
  }
  .ql-editor ol li.ql-indent-8:before {
    content: counter(list-8, lower-roman) '. ';
  }
  .ql-editor ol li.ql-indent-8 {
    counter-reset: list-9;
  }
  .ql-editor ol li.ql-indent-9 {
    counter-increment: list-9;
  }
  .ql-editor ol li.ql-indent-9:before {
    content: counter(list-9, decimal) '. ';
  }
  .ql-editor .ql-indent-1:not(.ql-direction-rtl) {
    padding-left: 3em;
  }
  .ql-editor li.ql-indent-1:not(.ql-direction-rtl) {
    padding-left: 4.5em;
  }
  .ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right {
    padding-right: 3em;
  }
  .ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right {
    padding-right: 4.5em;
  }
  .ql-editor .ql-indent-2:not(.ql-direction-rtl) {
    padding-left: 6em;
  }
  .ql-editor li.ql-indent-2:not(.ql-direction-rtl) {
    padding-left: 7.5em;
  }
  .ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right {
    padding-right: 6em;
  }
  .ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right {
    padding-right: 7.5em;
  }
  .ql-editor .ql-indent-3:not(.ql-direction-rtl) {
    padding-left: 9em;
  }
  .ql-editor li.ql-indent-3:not(.ql-direction-rtl) {
    padding-left: 10.5em;
  }
  .ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right {
    padding-right: 9em;
  }
  .ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right {
    padding-right: 10.5em;
  }
  .ql-editor .ql-indent-4:not(.ql-direction-rtl) {
    padding-left: 12em;
  }
  .ql-editor li.ql-indent-4:not(.ql-direction-rtl) {
    padding-left: 13.5em;
  }
  .ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right {
    padding-right: 12em;
  }
  .ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right {
    padding-right: 13.5em;
  }
  .ql-editor .ql-indent-5:not(.ql-direction-rtl) {
    padding-left: 15em;
  }
  .ql-editor li.ql-indent-5:not(.ql-direction-rtl) {
    padding-left: 16.5em;
  }
  .ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right {
    padding-right: 15em;
  }
  .ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right {
    padding-right: 16.5em;
  }
  .ql-editor .ql-indent-6:not(.ql-direction-rtl) {
    padding-left: 18em;
  }
  .ql-editor li.ql-indent-6:not(.ql-direction-rtl) {
    padding-left: 19.5em;
  }
  .ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right {
    padding-right: 18em;
  }
  .ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right {
    padding-right: 19.5em;
  }
  .ql-editor .ql-indent-7:not(.ql-direction-rtl) {
    padding-left: 21em;
  }
  .ql-editor li.ql-indent-7:not(.ql-direction-rtl) {
    padding-left: 22.5em;
  }
  .ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right {
    padding-right: 21em;
  }
  .ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right {
    padding-right: 22.5em;
  }
  .ql-editor .ql-indent-8:not(.ql-direction-rtl) {
    padding-left: 24em;
  }
  .ql-editor li.ql-indent-8:not(.ql-direction-rtl) {
    padding-left: 25.5em;
  }
  .ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right {
    padding-right: 24em;
  }
  .ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right {
    padding-right: 25.5em;
  }
  .ql-editor .ql-indent-9:not(.ql-direction-rtl) {
    padding-left: 27em;
  }
  .ql-editor li.ql-indent-9:not(.ql-direction-rtl) {
    padding-left: 28.5em;
  }
  .ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right {
    padding-right: 27em;
  }
  .ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right {
    padding-right: 28.5em;
  }
  .ql-editor .ql-video {
    display: block;
    max-width: 100%;
  }
  .ql-editor .ql-video.ql-align-center {
    margin: 0 auto;
  }
  .ql-editor .ql-video.ql-align-right {
    margin: 0 0 0 auto;
  }
  .no-webp .ql-editor .ql-bg-black {background-color:#000}
  .webp .ql-editor .ql-bg-black {background-color:#000}
  .ql-editor .ql-bg-black {
  }
  .no-webp .ql-editor .ql-bg-red {background-color:#e60000}
  .webp .ql-editor .ql-bg-red {background-color:#e60000}
  .ql-editor .ql-bg-red {
  }
  .no-webp .ql-editor .ql-bg-orange {background-color:#f90}
  .webp .ql-editor .ql-bg-orange {background-color:#f90}
  .ql-editor .ql-bg-orange {
  }
  .no-webp .ql-editor .ql-bg-yellow {background-color:#ff0}
  .webp .ql-editor .ql-bg-yellow {background-color:#ff0}
  .ql-editor .ql-bg-yellow {
  }
  .no-webp .ql-editor .ql-bg-green {background-color:#008a00}
  .webp .ql-editor .ql-bg-green {background-color:#008a00}
  .ql-editor .ql-bg-green {
  }
  .no-webp .ql-editor .ql-bg-blue {background-color:#06c}
  .webp .ql-editor .ql-bg-blue {background-color:#06c}
  .ql-editor .ql-bg-blue {
  }
  .no-webp .ql-editor .ql-bg-purple {background-color:#93f}
  .webp .ql-editor .ql-bg-purple {background-color:#93f}
  .ql-editor .ql-bg-purple {
  }
  .ql-editor .ql-color-white {
    color: #fff;
  }
  .ql-editor .ql-color-red {
    color: #e60000;
  }
  .ql-editor .ql-color-orange {
    color: #f90;
  }
  .ql-editor .ql-color-yellow {
    color: #ff0;
  }
  .ql-editor .ql-color-green {
    color: #008a00;
  }
  .ql-editor .ql-color-blue {
    color: #06c;
  }
  .ql-editor .ql-color-purple {
    color: #93f;
  }
  .ql-editor .ql-font-serif {
    font-family: Georgia, Times New Roman, serif;
  }
  .ql-editor .ql-font-monospace {
    font-family: Monaco, Courier New, monospace;
  }
  .ql-editor .ql-size-small {
    font-size: 0.75em;
  }
  .ql-editor .ql-size-large {
    font-size: 1.5em;
  }
  .ql-editor .ql-size-huge {
    font-size: 2.5em;
  }
  .ql-editor .ql-direction-rtl {
    direction: rtl;
    text-align: inherit;
  }
  .ql-editor .ql-align-center {
    text-align: center;
  }
  .ql-editor .ql-align-justify {
    text-align: justify;
  }
  .ql-editor .ql-align-right {
    text-align: right;
  }
  .ql-editor.ql-blank::before {
    color: rgba(0,0,0,0.6);
    content: attr(data-placeholder);
    font-style: italic;
    left: 15px;
    pointer-events: none;
    position: absolute;
    right: 15px;
  }
  .ql-bubble.ql-toolbar:after,
  .ql-bubble .ql-toolbar:after {
    clear: both;
    content: '';
    display: table;
  }
  .no-webp .ql-bubble.ql-toolbar button, 
.no-webp .ql-bubble .ql-toolbar button {background:none}
  .webp .ql-bubble.ql-toolbar button, 
.webp .ql-bubble .ql-toolbar button {background:none}
  .ql-bubble.ql-toolbar button,
  .ql-bubble .ql-toolbar button {
    border: none;
    cursor: pointer;
    display: inline-block;
    float: left;
    height: 24px;
    padding: 3px 5px;
    width: 28px;
  }
  .ql-bubble.ql-toolbar button svg,
  .ql-bubble .ql-toolbar button svg {
    float: left;
    height: 100%;
  }
  .ql-bubble.ql-toolbar button:active:hover,
  .ql-bubble .ql-toolbar button:active:hover {
    outline: none;
  }
  .ql-bubble.ql-toolbar input.ql-image[type=file],
  .ql-bubble .ql-toolbar input.ql-image[type=file] {
    display: none;
  }
  .ql-bubble.ql-toolbar button:hover,
  .ql-bubble .ql-toolbar button:hover,
  .ql-bubble.ql-toolbar button:focus,
  .ql-bubble .ql-toolbar button:focus,
  .ql-bubble.ql-toolbar button.ql-active,
  .ql-bubble .ql-toolbar button.ql-active,
  .ql-bubble.ql-toolbar .ql-picker-label:hover,
  .ql-bubble .ql-toolbar .ql-picker-label:hover,
  .ql-bubble.ql-toolbar .ql-picker-label.ql-active,
  .ql-bubble .ql-toolbar .ql-picker-label.ql-active,
  .ql-bubble.ql-toolbar .ql-picker-item:hover,
  .ql-bubble .ql-toolbar .ql-picker-item:hover,
  .ql-bubble.ql-toolbar .ql-picker-item.ql-selected,
  .ql-bubble .ql-toolbar .ql-picker-item.ql-selected {
    color: #fff;
  }
  .ql-bubble.ql-toolbar button:hover .ql-fill,
  .ql-bubble .ql-toolbar button:hover .ql-fill,
  .ql-bubble.ql-toolbar button:focus .ql-fill,
  .ql-bubble .ql-toolbar button:focus .ql-fill,
  .ql-bubble.ql-toolbar button.ql-active .ql-fill,
  .ql-bubble .ql-toolbar button.ql-active .ql-fill,
  .ql-bubble.ql-toolbar .ql-picker-label:hover .ql-fill,
  .ql-bubble .ql-toolbar .ql-picker-label:hover .ql-fill,
  .ql-bubble.ql-toolbar .ql-picker-label.ql-active .ql-fill,
  .ql-bubble .ql-toolbar .ql-picker-label.ql-active .ql-fill,
  .ql-bubble.ql-toolbar .ql-picker-item:hover .ql-fill,
  .ql-bubble .ql-toolbar .ql-picker-item:hover .ql-fill,
  .ql-bubble.ql-toolbar .ql-picker-item.ql-selected .ql-fill,
  .ql-bubble .ql-toolbar .ql-picker-item.ql-selected .ql-fill,
  .ql-bubble.ql-toolbar button:hover .ql-stroke.ql-fill,
  .ql-bubble .ql-toolbar button:hover .ql-stroke.ql-fill,
  .ql-bubble.ql-toolbar button:focus .ql-stroke.ql-fill,
  .ql-bubble .ql-toolbar button:focus .ql-stroke.ql-fill,
  .ql-bubble.ql-toolbar button.ql-active .ql-stroke.ql-fill,
  .ql-bubble .ql-toolbar button.ql-active .ql-stroke.ql-fill,
  .ql-bubble.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
  .ql-bubble .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
  .ql-bubble.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
  .ql-bubble .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
  .ql-bubble.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
  .ql-bubble .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
  .ql-bubble.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,
  .ql-bubble .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill {
    fill: #fff;
  }
  .ql-bubble.ql-toolbar button:hover .ql-stroke,
  .ql-bubble .ql-toolbar button:hover .ql-stroke,
  .ql-bubble.ql-toolbar button:focus .ql-stroke,
  .ql-bubble .ql-toolbar button:focus .ql-stroke,
  .ql-bubble.ql-toolbar button.ql-active .ql-stroke,
  .ql-bubble .ql-toolbar button.ql-active .ql-stroke,
  .ql-bubble.ql-toolbar .ql-picker-label:hover .ql-stroke,
  .ql-bubble .ql-toolbar .ql-picker-label:hover .ql-stroke,
  .ql-bubble.ql-toolbar .ql-picker-label.ql-active .ql-stroke,
  .ql-bubble .ql-toolbar .ql-picker-label.ql-active .ql-stroke,
  .ql-bubble.ql-toolbar .ql-picker-item:hover .ql-stroke,
  .ql-bubble .ql-toolbar .ql-picker-item:hover .ql-stroke,
  .ql-bubble.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
  .ql-bubble .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
  .ql-bubble.ql-toolbar button:hover .ql-stroke-miter,
  .ql-bubble .ql-toolbar button:hover .ql-stroke-miter,
  .ql-bubble.ql-toolbar button:focus .ql-stroke-miter,
  .ql-bubble .ql-toolbar button:focus .ql-stroke-miter,
  .ql-bubble.ql-toolbar button.ql-active .ql-stroke-miter,
  .ql-bubble .ql-toolbar button.ql-active .ql-stroke-miter,
  .ql-bubble.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
  .ql-bubble .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
  .ql-bubble.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
  .ql-bubble .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
  .ql-bubble.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
  .ql-bubble .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
  .ql-bubble.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,
  .ql-bubble .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter {
    stroke: #fff;
  }
  @media (pointer: coarse) {
    .ql-bubble.ql-toolbar button:hover:not(.ql-active),
    .ql-bubble .ql-toolbar button:hover:not(.ql-active) {
      color: #ccc;
    }
    .ql-bubble.ql-toolbar button:hover:not(.ql-active) .ql-fill,
    .ql-bubble .ql-toolbar button:hover:not(.ql-active) .ql-fill,
    .ql-bubble.ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill,
    .ql-bubble .ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill {
      fill: #ccc;
    }
    .ql-bubble.ql-toolbar button:hover:not(.ql-active) .ql-stroke,
    .ql-bubble .ql-toolbar button:hover:not(.ql-active) .ql-stroke,
    .ql-bubble.ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter,
    .ql-bubble .ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter {
      stroke: #ccc;
    }
  }
  .ql-bubble {
    box-sizing: border-box;
  }
  .ql-bubble * {
    box-sizing: border-box;
  }
  .ql-bubble .ql-hidden {
    display: none;
  }
  .ql-bubble .ql-out-bottom,
  .ql-bubble .ql-out-top {
    visibility: hidden;
  }
  .ql-bubble .ql-tooltip {
    position: absolute;
    transform: translateY(10px);
  }
  .ql-bubble .ql-tooltip a {
    cursor: pointer;
    text-decoration: none;
  }
  .ql-bubble .ql-tooltip.ql-flip {
    transform: translateY(-10px);
  }
  .ql-bubble .ql-formats {
    display: inline-block;
    vertical-align: middle;
  }
  .ql-bubble .ql-formats:after {
    clear: both;
    content: '';
    display: table;
  }
  .ql-bubble .ql-stroke {
    fill: none;
    stroke: #ccc;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 2;
  }
  .ql-bubble .ql-stroke-miter {
    fill: none;
    stroke: #ccc;
    stroke-miterlimit: 10;
    stroke-width: 2;
  }
  .ql-bubble .ql-fill,
  .ql-bubble .ql-stroke.ql-fill {
    fill: #ccc;
  }
  .ql-bubble .ql-empty {
    fill: none;
  }
  .ql-bubble .ql-even {
    fill-rule: evenodd;
  }
  .ql-bubble .ql-thin,
  .ql-bubble .ql-stroke.ql-thin {
    stroke-width: 1;
  }
  .ql-bubble .ql-transparent {
    opacity: 0.4;
  }
  .ql-bubble .ql-direction svg:last-child {
    display: none;
  }
  .ql-bubble .ql-direction.ql-active svg:last-child {
    display: inline;
  }
  .ql-bubble .ql-direction.ql-active svg:first-child {
    display: none;
  }
  .ql-bubble .ql-editor h1 {
    font-size: 2em;
  }
  .ql-bubble .ql-editor h2 {
    font-size: 1.5em;
  }
  .ql-bubble .ql-editor h3 {
    font-size: 1.17em;
  }
  .ql-bubble .ql-editor h4 {
    font-size: 1em;
  }
  .ql-bubble .ql-editor h5 {
    font-size: 0.83em;
  }
  .ql-bubble .ql-editor h6 {
    font-size: 0.67em;
  }
  .ql-bubble .ql-editor a {
    text-decoration: underline;
  }
  .ql-bubble .ql-editor blockquote {
    border-left: 4px solid #ccc;
    margin-bottom: 5px;
    margin-top: 5px;
    padding-left: 16px;
  }
  .no-webp .ql-bubble .ql-editor code, 
.no-webp .ql-bubble .ql-editor pre {background-color:#f0f0f0}
  .webp .ql-bubble .ql-editor code, 
.webp .ql-bubble .ql-editor pre {background-color:#f0f0f0}
  .ql-bubble .ql-editor code,
  .ql-bubble .ql-editor pre {
    border-radius: 3px;
  }
  .ql-bubble .ql-editor pre {
    white-space: pre-wrap;
    margin-bottom: 5px;
    margin-top: 5px;
    padding: 5px 10px;
  }
  .ql-bubble .ql-editor code {
    font-size: 85%;
    padding: 2px 4px;
  }
  .no-webp .ql-bubble .ql-editor pre.ql-syntax {background-color:#23241f}
  .webp .ql-bubble .ql-editor pre.ql-syntax {background-color:#23241f}
  .ql-bubble .ql-editor pre.ql-syntax {
    color: #f8f8f2;
    overflow: visible;
  }
  .ql-bubble .ql-editor img {
    max-width: 100%;
  }
  .ql-bubble .ql-picker {
    color: #ccc;
    display: inline-block;
    float: left;
    font-size: 14px;
    font-weight: 500;
    height: 24px;
    position: relative;
    vertical-align: middle;
  }
  .ql-bubble .ql-picker-label {
    cursor: pointer;
    display: inline-block;
    height: 100%;
    padding-left: 8px;
    padding-right: 2px;
    position: relative;
    width: 100%;
  }
  .ql-bubble .ql-picker-label::before {
    display: inline-block;
    line-height: 22px;
  }
  .no-webp .ql-bubble .ql-picker-options {background-color:#444}
  .webp .ql-bubble .ql-picker-options {background-color:#444}
  .ql-bubble .ql-picker-options {
    display: none;
    min-width: 100%;
    padding: 4px 8px;
    position: absolute;
    white-space: nowrap;
  }
  .ql-bubble .ql-picker-options .ql-picker-item {
    cursor: pointer;
    display: block;
    padding-bottom: 5px;
    padding-top: 5px;
  }
  .ql-bubble .ql-picker.ql-expanded .ql-picker-label {
    color: #777;
    z-index: 2;
  }
  .ql-bubble .ql-picker.ql-expanded .ql-picker-label .ql-fill {
    fill: #777;
  }
  .ql-bubble .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
    stroke: #777;
  }
  .ql-bubble .ql-picker.ql-expanded .ql-picker-options {
    display: block;
    margin-top: -1px;
    top: 100%;
    z-index: 1;
  }
  .ql-bubble .ql-color-picker,
  .ql-bubble .ql-icon-picker {
    width: 28px;
  }
  .ql-bubble .ql-color-picker .ql-picker-label,
  .ql-bubble .ql-icon-picker .ql-picker-label {
    padding: 2px 4px;
  }
  .ql-bubble .ql-color-picker .ql-picker-label svg,
  .ql-bubble .ql-icon-picker .ql-picker-label svg {
    right: 4px;
  }
  .ql-bubble .ql-icon-picker .ql-picker-options {
    padding: 4px 0px;
  }
  .ql-bubble .ql-icon-picker .ql-picker-item {
    height: 24px;
    width: 24px;
    padding: 2px 4px;
  }
  .ql-bubble .ql-color-picker .ql-picker-options {
    padding: 3px 5px;
    width: 152px;
  }
  .ql-bubble .ql-color-picker .ql-picker-item {
    border: 1px solid transparent;
    float: left;
    height: 16px;
    margin: 2px;
    padding: 0px;
    width: 16px;
  }
  .ql-bubble .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg {
    position: absolute;
    margin-top: -9px;
    right: 0;
    top: 50%;
    width: 18px;
  }
  .ql-bubble .ql-picker.ql-header .ql-picker-label[data-label]:not([data-label=''])::before,
  .ql-bubble .ql-picker.ql-font .ql-picker-label[data-label]:not([data-label=''])::before,
  .ql-bubble .ql-picker.ql-size .ql-picker-label[data-label]:not([data-label=''])::before,
  .ql-bubble .ql-picker.ql-header .ql-picker-item[data-label]:not([data-label=''])::before,
  .ql-bubble .ql-picker.ql-font .ql-picker-item[data-label]:not([data-label=''])::before,
  .ql-bubble .ql-picker.ql-size .ql-picker-item[data-label]:not([data-label=''])::before {
    content: attr(data-label);
  }
  .ql-bubble .ql-picker.ql-header {
    width: 98px;
  }
  .ql-bubble .ql-picker.ql-header .ql-picker-label::before,
  .ql-bubble .ql-picker.ql-header .ql-picker-item::before {
    content: '\6B63\6587';
  }
  .ql-bubble .ql-picker.ql-header .ql-picker-label[data-value="1"]::before,
  .ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="1"]::before {
    content: '\6807\9898   1';
  }
  .ql-bubble .ql-picker.ql-header .ql-picker-label[data-value="2"]::before,
  .ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="2"]::before {
    content: '\6807\9898   2';
  }
  .ql-bubble .ql-picker.ql-header .ql-picker-label[data-value="3"]::before,
  .ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="3"]::before {
    content: '\6807\9898   3';
  }
  .ql-bubble .ql-picker.ql-header .ql-picker-label[data-value="4"]::before,
  .ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="4"]::before {
    content: '\6807\9898   4';
  }
  .ql-bubble .ql-picker.ql-header .ql-picker-label[data-value="5"]::before,
  .ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="5"]::before {
    content: '\6807\9898   5';
  }
  .ql-bubble .ql-picker.ql-header .ql-picker-label[data-value="6"]::before,
  .ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="6"]::before {
    content: '\6807\9898   6';
  }
  .ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="1"]::before {
    font-size: 2em;
  }
  .ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="2"]::before {
    font-size: 1.5em;
  }
  .ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="3"]::before {
    font-size: 1.17em;
  }
  .ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="4"]::before {
    font-size: 1em;
  }
  .ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="5"]::before {
    font-size: 0.83em;
  }
  .ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="6"]::before {
    font-size: 0.67em;
  }
  .ql-bubble .ql-picker.ql-font {
    width: 108px;
  }
  .ql-bubble .ql-picker.ql-font .ql-picker-label::before,
  .ql-bubble .ql-picker.ql-font .ql-picker-item::before {
    content: 'Sans Serif';
  }
  .ql-bubble .ql-picker.ql-font .ql-picker-label[data-value=serif]::before,
  .ql-bubble .ql-picker.ql-font .ql-picker-item[data-value=serif]::before {
    content: 'Serif';
  }
  .ql-bubble .ql-picker.ql-font .ql-picker-label[data-value=monospace]::before,
  .ql-bubble .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before {
    content: 'Monospace';
  }
  .ql-bubble .ql-picker.ql-font .ql-picker-item[data-value=serif]::before {
    font-family: Georgia, Times New Roman, serif;
  }
  .ql-bubble .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before {
    font-family: Monaco, Courier New, monospace;
  }
  .ql-bubble .ql-picker.ql-size {
    width: 98px;
  }
  .ql-bubble .ql-picker.ql-size .ql-picker-label::before,
  .ql-bubble .ql-picker.ql-size .ql-picker-item::before {
    content: '\6B63\6587';
  }
  .ql-bubble .ql-picker.ql-size .ql-picker-label[data-value=small]::before,
  .ql-bubble .ql-picker.ql-size .ql-picker-item[data-value=small]::before {
    content: 'Small';
  }
  .ql-bubble .ql-picker.ql-size .ql-picker-label[data-value=large]::before,
  .ql-bubble .ql-picker.ql-size .ql-picker-item[data-value=large]::before {
    content: '\6807\9898  1';
  }
  .ql-bubble .ql-picker.ql-size .ql-picker-label[data-value=huge]::before,
  .ql-bubble .ql-picker.ql-size .ql-picker-item[data-value=huge]::before {
    content: '\6807\9898  2';
  }
  .ql-bubble .ql-picker.ql-size .ql-picker-item[data-value=small]::before {
    font-size: 10px;
  }
  .ql-bubble .ql-picker.ql-size .ql-picker-item[data-value=large]::before {
    font-size: 18px;
  }
  .ql-bubble .ql-picker.ql-size .ql-picker-item[data-value=huge]::before {
    font-size: 32px;
  }
  .no-webp .ql-bubble .ql-color-picker.ql-background .ql-picker-item {background-color:#fff}
  .webp .ql-bubble .ql-color-picker.ql-background .ql-picker-item {background-color:#fff}
  .ql-bubble .ql-color-picker.ql-background .ql-picker-item {
  }
  .no-webp .ql-bubble .ql-color-picker.ql-color .ql-picker-item {background-color:#000}
  .webp .ql-bubble .ql-color-picker.ql-color .ql-picker-item {background-color:#000}
  .ql-bubble .ql-color-picker.ql-color .ql-picker-item {
  }
  .ql-bubble .ql-toolbar .ql-formats {
    margin: 8px 12px 8px 0px;
  }
  .ql-bubble .ql-toolbar .ql-formats:first-child {
    margin-left: 12px;
  }
  .ql-bubble .ql-color-picker svg {
    margin: 1px;
  }
  .ql-bubble .ql-color-picker .ql-picker-item.ql-selected,
  .ql-bubble .ql-color-picker .ql-picker-item:hover {
    border-color: #fff;
  }
  .no-webp .ql-bubble .ql-tooltip {background-color:#444}
  .webp .ql-bubble .ql-tooltip {background-color:#444}
  .ql-bubble .ql-tooltip {
    border-radius: 25px;
    color: #fff;
  }
  .ql-bubble .ql-tooltip-arrow {
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    content: " ";
    display: block;
    left: 50%;
    margin-left: -6px;
    position: absolute;
  }
  .ql-bubble .ql-tooltip:not(.ql-flip) .ql-tooltip-arrow {
    border-bottom: 6px solid #444;
    top: -6px;
  }
  .ql-bubble .ql-tooltip.ql-flip .ql-tooltip-arrow {
    border-top: 6px solid #444;
    bottom: -6px;
  }
  .ql-bubble .ql-tooltip.ql-editing .ql-tooltip-editor {
    display: block;
  }
  .ql-bubble .ql-tooltip.ql-editing .ql-formats {
    visibility: hidden;
  }
  .ql-bubble .ql-tooltip-editor {
    display: none;
  }
  .no-webp .ql-bubble .ql-tooltip-editor input[type=text] {background:transparent}
  .webp .ql-bubble .ql-tooltip-editor input[type=text] {background:transparent}
  .ql-bubble .ql-tooltip-editor input[type=text] {
    border: none;
    color: #fff;
    font-size: 13px;
    height: 100%;
    outline: none;
    padding: 10px 20px;
    position: absolute;
    width: 100%;
  }
  .ql-bubble .ql-tooltip-editor a {
    top: 10px;
    position: absolute;
    right: 20px;
  }
  .ql-bubble .ql-tooltip-editor a:before {
    color: #ccc;
    content: "\D7";
    font-size: 16px;
    font-weight: bold;
  }
  .ql-container.ql-bubble:not(.ql-disabled) a {
    position: relative;
    white-space: nowrap;
  }
  .no-webp .ql-container.ql-bubble:not(.ql-disabled) a::before {background-color:#444}
  .webp .ql-container.ql-bubble:not(.ql-disabled) a::before {background-color:#444}
  .ql-container.ql-bubble:not(.ql-disabled) a::before {
    border-radius: 15px;
    top: -5px;
    font-size: 12px;
    color: #fff;
    content: attr(href);
    font-weight: normal;
    overflow: hidden;
    padding: 5px 15px;
    text-decoration: none;
    z-index: 1;
  }
  .ql-container.ql-bubble:not(.ql-disabled) a::after {
    border-top: 6px solid #444;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    top: 0;
    content: " ";
    height: 0;
    width: 0;
  }
  .ql-container.ql-bubble:not(.ql-disabled) a::before,
  .ql-container.ql-bubble:not(.ql-disabled) a::after {
    left: 0;
    margin-left: 50%;
    position: absolute;
    transform: translate(-50%, -100%);
    transition: visibility 0s ease 200ms;
    visibility: hidden;
  }
  .ql-container.ql-bubble:not(.ql-disabled) a:hover::before,
  .ql-container.ql-bubble:not(.ql-disabled) a:hover::after {
    visibility: visible;
  }
@charset "utf-8";
/* CSS Document */
html,
body,
h1,
h2,
h3,
h4,
h5,
h6,
div,
dl,
dt,
dd,
ul,
ol,
li,
p,
blockquote,
pre,
hr,
figure,
table,
caption,
th,
td,
form,
fieldset,
legend,
input,
button,
textarea,
menu {
  margin: 0 auto 0;
  padding: 0;
}
body {
  padding: 0;
  margin: 0 auto 0;
}
html,
body,
fieldset,
img,
iframe,
abbr {
  border: 0;
}
li {
  list-style: none;
}
textarea {
  overflow: auto;
  resize: none;
}
input {
  outline: none;
  font-size: inherit;
  color: inherit;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
a,
button {
  cursor: pointer;
  color: inherit;
}
h1,
h2,
h3,
h4,
h5,
h6,
em {
  font-weight: normal;
  font-style: normal;
}
a,
a:hover {
  text-decoration: none;
}
html,
body {
  width: 100%;
  min-width: 1440px;
  margin: 0 auto;
  height: auto;
  font-family: "\5FAE\8F6F\96C5\9ED1", HelveticaNeue, Helvetica, "sans-serif";
}
::-webkit-input-placeholder {
  /* WebKit browsers */
  color: #454545;
}
:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #454545;
}
::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #454545;
}
:-ms-input-placeholder {
  /* Internet Explorer 10+ */
  color: #454545;
}
/*宽度限制板块*/
.wbox {
  width: 1440px;
  margin: 0 auto;
  clear: both;
}
.wbox:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.wbox {
  display: inline-block;
}
/* Hides from IE-mac \*/
* html .wbox {
  zoom: 1;
}
.wbox {
  display: block;
  position: relative;
}
/* End hide from IE-mac */
body {
  width: 100%;
}
input,
textarea,
a,
div,
button,
select {
  margin: 0;
  padding: 0;
  border: 0;
  outline: none;
}
select {
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
}
.hide {
  display: none;
}
/**** DEMO单行
.text-overflow-ellipsis(1);
多行
 .text-overflow-ellipsis(2);
****/
.main {
  width: 1400px;
  margin: 0 auto;
  position: relative;
}
audio::-webkit-media-controls {
  overflow: hidden !important;
}
audio::-webkit-media-controls-enclosure {
  margin-left: auto;
}
.noSize {
  font-size: 0;
  text-indent: -9999em;
}
.flex {
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;
  /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* NEW - Chrome */
  display: flex;
  /* NEW, Spec - Opera 12.1, Firefox 20+ */
}
.pr {
  position: relative;
}
.fl {
  float: left;
}
.fr {
  float: right;
}
.clear {
  clear: both;
}
.clearfix {
  *zoom: 1;
}
.clearfix:after {
  content: " ";
  display: block;
  height: 0;
  clear: both;
}
@font-face {
  font-family: 'fzskbxk';
  src: url('https://nie.res.netease.com/comm/js/nie/ref/fonts/fzskbxk.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'fzqkbys';
  src: url('https://nie.res.netease.com/comm/js/nie/ref/fonts/fzqkbys.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'fzbysong';
  src: url('https://nie.res.netease.com/comm/js/nie/ref/fonts/fzbysong.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'fzcysong';
  src: url('https://nie.res.netease.com/comm/js/nie/ref/fonts/fzcysong.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'fzxysong';
  src: url('https://nie.res.netease.com/comm/js/nie/ref/fonts/fzxysong.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
@-webkit-keyframes fadeInOut {
  0%,
  25%,
  100% {
    opacity: 0;
  }
  50%,
  75% {
    opacity: 1;
  }
}
@-moz-keyframes fadeInOut {
  0%,
  25%,
  100% {
    opacity: 0;
  }
  50%,
  75% {
    opacity: 1;
  }
}
@-o-keyframes fadeInOut {
  0%,
  25%,
  100% {
    opacity: 0;
  }
  50%,
  75% {
    opacity: 1;
  }
}
@keyframes fadeInOut {
  0%,
  25%,
  100% {
    opacity: 0;
  }
  50%,
  75% {
    opacity: 1;
  }
}
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-moz-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-o-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-50px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
  }
}
@-moz-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -moz-transform: translateX(-50px);
  }
  100% {
    opacity: 1;
    -moz-transform: translateX(0);
  }
}
@-o-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -o-transform: translateX(-50px);
  }
  100% {
    opacity: 1;
    -o-transform: translateX(0);
  }
}
@keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-50px);
            transform: translateX(-50px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-50px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
}
@-moz-keyframes fadeInDown {
  0% {
    opacity: 0;
    -moz-transform: translateY(-50px);
  }
  100% {
    opacity: 1;
    -moz-transform: translateY(0);
  }
}
@-o-keyframes fadeInDown {
  0% {
    opacity: 0;
    -ms-transform: translateY(-50px);
  }
  100% {
    opacity: 1;
    -ms-transform: translateY(0);
  }
}
@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-50px);
            transform: translateY(-50px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(50px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
}
@-moz-keyframes fadeInUp {
  0% {
    opacity: 0;
    -moz-transform: translateY(50px);
  }
  100% {
    opacity: 1;
    -moz-transform: translateY(0);
  }
}
@-o-keyframes fadeInUp {
  0% {
    opacity: 0;
    -o-transform: translateY(50px);
  }
  100% {
    opacity: 1;
    -o-transform: translateY(0);
  }
}
@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(50px);
            transform: translateY(50px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(50px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
  }
}
@-moz-keyframes fadeInRight {
  0% {
    opacity: 0;
    -moz-transform: translateX(50px);
  }
  100% {
    opacity: 1;
    -moz-transform: translateX(0);
  }
}
@-o-keyframes fadeInRight {
  0% {
    opacity: 0;
    -o-transform: translateX(50px);
  }
  100% {
    opacity: 1;
    -o-transform: translateX(0);
  }
}
@keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(50px);
            transform: translateX(50px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@-webkit-keyframes zoomInAndOut {
  0% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }
  50% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  100% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }
}
@-webkit-keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(2, 2, 2);
    transform: scale3d(2, 2, 2);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(2, 2, 2);
    transform: scale3d(2, 2, 2);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale(0.9);
  }
  50% {
    -webkit-transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(0.9);
    opacity: 1;
  }
}
@-moz-keyframes pulse {
  0% {
    -moz-transform: scale(0.9);
  }
  50% {
    -moz-transform: scale(1.1);
  }
  100% {
    -moz-transform: scale(0.9);
    opacity: 1;
  }
}
@-o-keyframes pulse {
  0% {
    -o-transform: scale(0.9);
  }
  50% {
    -o-transform: scale(1.1);
  }
  100% {
    -o-transform: scale(0.9);
    opacity: 1;
  }
}
@keyframes pulse {
  0% {
    -webkit-transform: scale(0.9);
            transform: scale(0.9);
  }
  50% {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(0.9);
            transform: scale(0.9);
    opacity: 1;
  }
}
@-webkit-keyframes hinge {
  0% {
    -webkit-transform: rotate(0);
    -webkit-transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
  }
  20%,
  60% {
    -webkit-transform: rotate(80deg);
    -webkit-transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
  }
  40% {
    -webkit-transform: rotate(60deg);
    -webkit-transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
  }
  80% {
    -webkit-transform: rotate(60deg) translateY(0);
    opacity: 1;
    -webkit-transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
  }
  100% {
    -webkit-transform: translateY(700px);
    opacity: 0;
  }
}
@-moz-keyframes hinge {
  0% {
    -moz-transform: rotate(0);
    -moz-transform-origin: top left;
    -moz-animation-timing-function: ease-in-out;
  }
  20%,
  60% {
    -moz-transform: rotate(80deg);
    -moz-transform-origin: top left;
    -moz-animation-timing-function: ease-in-out;
  }
  40% {
    -moz-transform: rotate(60deg);
    -moz-transform-origin: top left;
    -moz-animation-timing-function: ease-in-out;
  }
  80% {
    -moz-transform: rotate(60deg) translateY(0);
    opacity: 1;
    -moz-transform-origin: top left;
    -moz-animation-timing-function: ease-in-out;
  }
  100% {
    -moz-transform: translateY(700px);
    opacity: 0;
  }
}
@-o-keyframes hinge {
  0% {
    -o-transform: rotate(0);
    -o-transform-origin: top left;
    -o-animation-timing-function: ease-in-out;
  }
  20%,
  60% {
    -o-transform: rotate(80deg);
    -o-transform-origin: top left;
    -o-animation-timing-function: ease-in-out;
  }
  40% {
    -o-transform: rotate(60deg);
    -o-transform-origin: top left;
    -o-animation-timing-function: ease-in-out;
  }
  80% {
    -o-transform: rotate(60deg) translateY(0);
    opacity: 1;
    -o-transform-origin: top left;
    -o-animation-timing-function: ease-in-out;
  }
  100% {
    -o-transform: translateY(700px);
    opacity: 0;
  }
}
@keyframes hinge {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
    -webkit-transform-origin: top left;
            transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out;
  }
  20%,
  60% {
    -webkit-transform: rotate(80deg);
            transform: rotate(80deg);
    -webkit-transform-origin: top left;
            transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out;
  }
  40% {
    -webkit-transform: rotate(60deg);
            transform: rotate(60deg);
    -webkit-transform-origin: top left;
            transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out;
  }
  80% {
    -webkit-transform: rotate(60deg) translateY(0);
            transform: rotate(60deg) translateY(0);
    opacity: 1;
    -webkit-transform-origin: top left;
            transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out;
  }
  100% {
    -webkit-transform: translateY(700px);
            transform: translateY(700px);
    opacity: 0;
  }
}
@-webkit-keyframes rotate {
  0% {
    -webkit-transform-origin: center center;
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform-origin: center center;
    -webkit-transform: rotate(360deg);
  }
}
@-moz-keyframes rotate {
  0% {
    -moz-transform-origin: center center;
    -moz-transform: rotate(0deg);
  }
  100% {
    -moz-transform-origin: center center;
    -moz-transform: rotate(360deg);
  }
}
@-o-keyframes rotate {
  0% {
    -o-transform-origin: center center;
    -o-transform: rotate(0deg);
  }
  100% {
    -o-transform-origin: center center;
    -o-transform: rotate(360deg);
  }
}
@keyframes rotate {
  0% {
    -webkit-transform-origin: center center;
            transform-origin: center center;
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform-origin: center center;
            transform-origin: center center;
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@-webkit-keyframes wobble {
  0% {
    -webkit-transform: translateX(0%);
  }
  15% {
    -webkit-transform: translateX(-25%) rotate(-5deg);
  }
  30% {
    -webkit-transform: translateX(20%) rotate(3deg);
  }
  45% {
    -webkit-transform: translateX(-15%) rotate(-3deg);
  }
  60% {
    -webkit-transform: translateX(10%) rotate(2deg);
  }
  75% {
    -webkit-transform: translateX(-5%) rotate(-1deg);
  }
  100% {
    -webkit-transform: translateX(0%);
    opacity: 1;
  }
}
@-moz-keyframes wobble {
  0% {
    -moz-transform: translateX(0%);
  }
  15% {
    -moz-transform: translateX(-25%) rotate(-5deg);
  }
  30% {
    -moz-transform: translateX(20%) rotate(3deg);
  }
  45% {
    -moz-transform: translateX(-15%) rotate(-3deg);
  }
  60% {
    -moz-transform: translateX(10%) rotate(2deg);
  }
  75% {
    -moz-transform: translateX(-5%) rotate(-1deg);
  }
  100% {
    -moz-transform: translateX(0%);
    opacity: 1;
  }
}
@-o-keyframes wobble {
  0% {
    -o-transform: translateX(0%);
  }
  15% {
    -o-transform: translateX(-25%) rotate(-5deg);
  }
  30% {
    -o-transform: translateX(20%) rotate(3deg);
  }
  45% {
    -o-transform: translateX(-15%) rotate(-3deg);
  }
  60% {
    -o-transform: translateX(10%) rotate(2deg);
  }
  75% {
    -o-transform: translateX(-5%) rotate(-1deg);
  }
  100% {
    -o-transform: translateX(0%);
    opacity: 1;
  }
}
@keyframes wobble {
  0% {
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
  }
  15% {
    -webkit-transform: translateX(-25%) rotate(-5deg);
            transform: translateX(-25%) rotate(-5deg);
  }
  30% {
    -webkit-transform: translateX(20%) rotate(3deg);
            transform: translateX(20%) rotate(3deg);
  }
  45% {
    -webkit-transform: translateX(-15%) rotate(-3deg);
            transform: translateX(-15%) rotate(-3deg);
  }
  60% {
    -webkit-transform: translateX(10%) rotate(2deg);
            transform: translateX(10%) rotate(2deg);
  }
  75% {
    -webkit-transform: translateX(-5%) rotate(-1deg);
            transform: translateX(-5%) rotate(-1deg);
  }
  100% {
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
    opacity: 1;
  }
}
@-webkit-keyframes shake {
  50% {
    -webkit-transform: rotate(10deg);
    -moz-transform: rotate(10deg);
    -ms-transform: rotate(10deg);
    -o-transform: rotate(10deg);
    transform: rotate(10deg);
  }
  0%,
  100% {
    -webkit-transform: rotate(-10deg);
    -moz-transform: rotate(-10deg);
    -ms-transform: rotate(-10deg);
    -o-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }
}
@keyframes shake {
  50% {
    -webkit-transform: rotate(10deg);
    -moz-transform: rotate(10deg);
    -ms-transform: rotate(10deg);
    -o-transform: rotate(10deg);
    transform: rotate(10deg);
  }
  0%,
  100% {
    -webkit-transform: rotate(-10deg);
    -moz-transform: rotate(-10deg);
    -ms-transform: rotate(-10deg);
    -o-transform: rotate(-10deg);
    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);
    transform: translateY(0);
  }
  50% {
    -webkit-transform: translateY(15px);
    -moz-transform: translateY(15px);
    -ms-transform: translateY(15px);
    -o-transform: translateY(15px);
    transform: translateY(15px);
  }
}
@keyframes translateDown {
  0%,
  100% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  50% {
    -webkit-transform: translateY(15px);
    -moz-transform: translateY(15px);
    -ms-transform: translateY(15px);
    -o-transform: translateY(15px);
    transform: translateY(15px);
  }
}
@-webkit-keyframes translateLeft {
  0%,
  100% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
  50% {
    -webkit-transform: translateX(-5px);
    -moz-transform: translateX(-5px);
    -ms-transform: translateX(-5px);
    -o-transform: translateX(-5px);
    transform: translateX(-5px);
  }
}
@keyframes translateLeft {
  0%,
  100% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
  50% {
    -webkit-transform: translateX(-5px);
    -moz-transform: translateX(-5px);
    -ms-transform: translateX(-5px);
    -o-transform: translateX(-5px);
    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);
    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);
    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);
    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);
    transform: translate(0, 0.15rem);
  }
}
@-webkit-keyframes show {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
            transform: translateY(-20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
@keyframes show {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
            transform: translateY(-20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
@-webkit-keyframes fylLeft {
  0% {
    opacity: 1;
    -webkit-transform: translateX(-6rem);
            transform: translateX(-6rem);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@-moz-keyframes fylLeft {
  0% {
    opacity: 1;
    transform: translateX(-6rem);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
@-ms-keyframes fylLeft {
  0% {
    opacity: 1;
    transform: translateX(-6rem);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
@-o-keyframes fylLeft {
  0% {
    opacity: 1;
    transform: translateX(-6rem);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes fylLeft {
  0% {
    opacity: 1;
    -webkit-transform: translateX(-6rem);
            transform: translateX(-6rem);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@-webkit-keyframes fylLeft {
  0% {
    opacity: 1;
    -webkit-transform: translateX(-6rem);
            transform: translateX(-6rem);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@-moz-keyframes fylLeft {
  0% {
    opacity: 1;
    transform: translateX(-6rem);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
@-ms-keyframes fylLeft {
  0% {
    opacity: 1;
    transform: translateX(-6rem);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
@-o-keyframes fylLeft {
  0% {
    opacity: 1;
    transform: translateX(-6rem);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes fylLeft {
  0% {
    opacity: 1;
    -webkit-transform: translateX(-6rem);
            transform: translateX(-6rem);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@-webkit-keyframes fylLeft {
  0% {
    opacity: 1;
    -webkit-transform: translateX(-6rem);
            transform: translateX(-6rem);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@-moz-keyframes fylLeft {
  0% {
    opacity: 1;
    transform: translateX(-6rem);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
@-ms-keyframes fylLeft {
  0% {
    opacity: 1;
    transform: translateX(-6rem);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
@-o-keyframes fylLeft {
  0% {
    opacity: 1;
    transform: translateX(-6rem);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes fylLeft {
  0% {
    opacity: 1;
    -webkit-transform: translateX(-6rem);
            transform: translateX(-6rem);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@-webkit-keyframes scaleSkill {
  0% {
    -webkit-transform: translate(-50%, -50%) scale(1);
            transform: translate(-50%, -50%) scale(1);
  }
  50% {
    -webkit-transform: translate(-50%, -50%) scale(1.2);
            transform: translate(-50%, -50%) scale(1.2);
  }
  100% {
    -webkit-transform: translate(-50%, -50%) scale(1);
            transform: translate(-50%, -50%) scale(1);
  }
}
@-moz-keyframes scaleSkill {
  0% {
    transform: translate(-50%, -50%) scale(1);
  }
  50% {
    transform: translate(-50%, -50%) scale(1.2);
  }
  100% {
    transform: translate(-50%, -50%) scale(1);
  }
}
@-ms-keyframes scaleSkill {
  0% {
    transform: translate(-50%, -50%) scale(1);
  }
  50% {
    transform: translate(-50%, -50%) scale(1.2);
  }
  100% {
    transform: translate(-50%, -50%) scale(1);
  }
}
@-o-keyframes scaleSkill {
  0% {
    transform: translate(-50%, -50%) scale(1);
  }
  50% {
    transform: translate(-50%, -50%) scale(1.2);
  }
  100% {
    transform: translate(-50%, -50%) scale(1);
  }
}
@keyframes scaleSkill {
  0% {
    -webkit-transform: translate(-50%, -50%) scale(1);
            transform: translate(-50%, -50%) scale(1);
  }
  50% {
    -webkit-transform: translate(-50%, -50%) scale(1.2);
            transform: translate(-50%, -50%) scale(1.2);
  }
  100% {
    -webkit-transform: translate(-50%, -50%) scale(1);
            transform: translate(-50%, -50%) scale(1);
  }
}
@-webkit-keyframes scaleSkill {
  0% {
    -webkit-transform: translate(-50%, -50%) scale(1);
            transform: translate(-50%, -50%) scale(1);
  }
  50% {
    -webkit-transform: translate(-50%, -50%) scale(1.2);
            transform: translate(-50%, -50%) scale(1.2);
  }
  100% {
    -webkit-transform: translate(-50%, -50%) scale(1);
            transform: translate(-50%, -50%) scale(1);
  }
}
@-moz-keyframes scaleSkill {
  0% {
    transform: translate(-50%, -50%) scale(1);
  }
  50% {
    transform: translate(-50%, -50%) scale(1.2);
  }
  100% {
    transform: translate(-50%, -50%) scale(1);
  }
}
@-ms-keyframes scaleSkill {
  0% {
    transform: translate(-50%, -50%) scale(1);
  }
  50% {
    transform: translate(-50%, -50%) scale(1.2);
  }
  100% {
    transform: translate(-50%, -50%) scale(1);
  }
}
@-o-keyframes scaleSkill {
  0% {
    transform: translate(-50%, -50%) scale(1);
  }
  50% {
    transform: translate(-50%, -50%) scale(1.2);
  }
  100% {
    transform: translate(-50%, -50%) scale(1);
  }
}
@keyframes scaleSkill {
  0% {
    -webkit-transform: translate(-50%, -50%) scale(1);
            transform: translate(-50%, -50%) scale(1);
  }
  50% {
    -webkit-transform: translate(-50%, -50%) scale(1.2);
            transform: translate(-50%, -50%) scale(1.2);
  }
  100% {
    -webkit-transform: translate(-50%, -50%) scale(1);
            transform: translate(-50%, -50%) scale(1);
  }
}
@-webkit-keyframes scaleSkill {
  0% {
    -webkit-transform: translate(-50%, -50%) scale(1);
            transform: translate(-50%, -50%) scale(1);
  }
  50% {
    -webkit-transform: translate(-50%, -50%) scale(1.2);
            transform: translate(-50%, -50%) scale(1.2);
  }
  100% {
    -webkit-transform: translate(-50%, -50%) scale(1);
            transform: translate(-50%, -50%) scale(1);
  }
}
@-moz-keyframes scaleSkill {
  0% {
    transform: translate(-50%, -50%) scale(1);
  }
  50% {
    transform: translate(-50%, -50%) scale(1.2);
  }
  100% {
    transform: translate(-50%, -50%) scale(1);
  }
}
@-ms-keyframes scaleSkill {
  0% {
    transform: translate(-50%, -50%) scale(1);
  }
  50% {
    transform: translate(-50%, -50%) scale(1.2);
  }
  100% {
    transform: translate(-50%, -50%) scale(1);
  }
}
@-o-keyframes scaleSkill {
  0% {
    transform: translate(-50%, -50%) scale(1);
  }
  50% {
    transform: translate(-50%, -50%) scale(1.2);
  }
  100% {
    transform: translate(-50%, -50%) scale(1);
  }
}
@keyframes scaleSkill {
  0% {
    -webkit-transform: translate(-50%, -50%) scale(1);
            transform: translate(-50%, -50%) scale(1);
  }
  50% {
    -webkit-transform: translate(-50%, -50%) scale(1.2);
            transform: translate(-50%, -50%) scale(1.2);
  }
  100% {
    -webkit-transform: translate(-50%, -50%) scale(1);
            transform: translate(-50%, -50%) scale(1);
  }
}
@-webkit-keyframes btnShake {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  25% {
    -webkit-transform: translateX(-2px);
            transform: translateX(-2px);
  }
  50% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  75% {
    -webkit-transform: translateX(2px);
            transform: translateX(2px);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@-moz-keyframes btnShake {
  0% {
    transform: translateX(0);
  }
  25% {
    transform: translateX(-2px);
  }
  50% {
    transform: translateX(0);
  }
  75% {
    transform: translateX(2px);
  }
  100% {
    transform: translateX(0);
  }
}
@-ms-keyframes btnShake {
  0% {
    transform: translateX(0);
  }
  25% {
    transform: translateX(-2px);
  }
  50% {
    transform: translateX(0);
  }
  75% {
    transform: translateX(2px);
  }
  100% {
    transform: translateX(0);
  }
}
@-o-keyframes btnShake {
  0% {
    transform: translateX(0);
  }
  25% {
    transform: translateX(-2px);
  }
  50% {
    transform: translateX(0);
  }
  75% {
    transform: translateX(2px);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes btnShake {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  25% {
    -webkit-transform: translateX(-2px);
            transform: translateX(-2px);
  }
  50% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  75% {
    -webkit-transform: translateX(2px);
            transform: translateX(2px);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@-webkit-keyframes btnShake {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  25% {
    -webkit-transform: translateX(-2px);
            transform: translateX(-2px);
  }
  50% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  75% {
    -webkit-transform: translateX(2px);
            transform: translateX(2px);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@-moz-keyframes btnShake {
  0% {
    transform: translateX(0);
  }
  25% {
    transform: translateX(-2px);
  }
  50% {
    transform: translateX(0);
  }
  75% {
    transform: translateX(2px);
  }
  100% {
    transform: translateX(0);
  }
}
@-ms-keyframes btnShake {
  0% {
    transform: translateX(0);
  }
  25% {
    transform: translateX(-2px);
  }
  50% {
    transform: translateX(0);
  }
  75% {
    transform: translateX(2px);
  }
  100% {
    transform: translateX(0);
  }
}
@-o-keyframes btnShake {
  0% {
    transform: translateX(0);
  }
  25% {
    transform: translateX(-2px);
  }
  50% {
    transform: translateX(0);
  }
  75% {
    transform: translateX(2px);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes btnShake {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  25% {
    -webkit-transform: translateX(-2px);
            transform: translateX(-2px);
  }
  50% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  75% {
    -webkit-transform: translateX(2px);
            transform: translateX(2px);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@-webkit-keyframes btnShake {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  25% {
    -webkit-transform: translateX(-2px);
            transform: translateX(-2px);
  }
  50% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  75% {
    -webkit-transform: translateX(2px);
            transform: translateX(2px);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@-moz-keyframes btnShake {
  0% {
    transform: translateX(0);
  }
  25% {
    transform: translateX(-2px);
  }
  50% {
    transform: translateX(0);
  }
  75% {
    transform: translateX(2px);
  }
  100% {
    transform: translateX(0);
  }
}
@-ms-keyframes btnShake {
  0% {
    transform: translateX(0);
  }
  25% {
    transform: translateX(-2px);
  }
  50% {
    transform: translateX(0);
  }
  75% {
    transform: translateX(2px);
  }
  100% {
    transform: translateX(0);
  }
}
@-o-keyframes btnShake {
  0% {
    transform: translateX(0);
  }
  25% {
    transform: translateX(-2px);
  }
  50% {
    transform: translateX(0);
  }
  75% {
    transform: translateX(2px);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes btnShake {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  25% {
    -webkit-transform: translateX(-2px);
            transform: translateX(-2px);
  }
  50% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  75% {
    -webkit-transform: translateX(2px);
            transform: translateX(2px);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@-webkit-keyframes innerIn {
  0% {
    -webkit-transform: translateX(1000px);
            transform: translateX(1000px);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@-moz-keyframes innerIn {
  0% {
    transform: translateX(1000px);
  }
  100% {
    transform: translateX(0);
  }
}
@-ms-keyframes innerIn {
  0% {
    transform: translateX(1000px);
  }
  100% {
    transform: translateX(0);
  }
}
@-o-keyframes innerIn {
  0% {
    transform: translateX(1000px);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes innerIn {
  0% {
    -webkit-transform: translateX(1000px);
            transform: translateX(1000px);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@-webkit-keyframes innerIn {
  0% {
    -webkit-transform: translateX(1000px);
            transform: translateX(1000px);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@-moz-keyframes innerIn {
  0% {
    transform: translateX(1000px);
  }
  100% {
    transform: translateX(0);
  }
}
@-ms-keyframes innerIn {
  0% {
    transform: translateX(1000px);
  }
  100% {
    transform: translateX(0);
  }
}
@-o-keyframes innerIn {
  0% {
    transform: translateX(1000px);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes innerIn {
  0% {
    -webkit-transform: translateX(1000px);
            transform: translateX(1000px);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@-webkit-keyframes innerIn {
  0% {
    -webkit-transform: translateX(1000px);
            transform: translateX(1000px);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@-moz-keyframes innerIn {
  0% {
    transform: translateX(1000px);
  }
  100% {
    transform: translateX(0);
  }
}
@-ms-keyframes innerIn {
  0% {
    transform: translateX(1000px);
  }
  100% {
    transform: translateX(0);
  }
}
@-o-keyframes innerIn {
  0% {
    transform: translateX(1000px);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes innerIn {
  0% {
    -webkit-transform: translateX(1000px);
            transform: translateX(1000px);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@-webkit-keyframes barAni {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 0 -8000px;
  }
}
@-moz-keyframes barAni {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 0 -8000px;
  }
}
@-ms-keyframes barAni {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 0 -8000px;
  }
}
@-o-keyframes barAni {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 0 -8000px;
  }
}
@keyframes barAni {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 0 -8000px;
  }
}
@-webkit-keyframes barAni {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 0 -8000px;
  }
}
@-moz-keyframes barAni {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 0 -8000px;
  }
}
@-ms-keyframes barAni {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 0 -8000px;
  }
}
@-o-keyframes barAni {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 0 -8000px;
  }
}
@keyframes barAni {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 0 -8000px;
  }
}
@-webkit-keyframes barAni {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 0 -8000px;
  }
}
@-moz-keyframes barAni {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 0 -8000px;
  }
}
@-ms-keyframes barAni {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 0 -8000px;
  }
}
@-o-keyframes barAni {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 0 -8000px;
  }
}
@keyframes barAni {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 0 -8000px;
  }
}
@-webkit-keyframes kvAni {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 0 -17720px;
  }
}
@-moz-keyframes kvAni {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 0 -17720px;
  }
}
@-ms-keyframes kvAni {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 0 -17720px;
  }
}
@-o-keyframes kvAni {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 0 -17720px;
  }
}
@keyframes kvAni {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 0 -17720px;
  }
}
@-webkit-keyframes kvAni {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 0 -17720px;
  }
}
@-moz-keyframes kvAni {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 0 -17720px;
  }
}
@-ms-keyframes kvAni {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 0 -17720px;
  }
}
@-o-keyframes kvAni {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 0 -17720px;
  }
}
@keyframes kvAni {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 0 -17720px;
  }
}
@-webkit-keyframes kvAni {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 0 -17720px;
  }
}
@-moz-keyframes kvAni {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 0 -17720px;
  }
}
@-ms-keyframes kvAni {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 0 -17720px;
  }
}
@-o-keyframes kvAni {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 0 -17720px;
  }
}
@keyframes kvAni {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 0 -17720px;
  }
}
@-webkit-keyframes yaoAni {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 0 -23036px;
  }
}
@-moz-keyframes yaoAni {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 0 -23036px;
  }
}
@-ms-keyframes yaoAni {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 0 -23036px;
  }
}
@-o-keyframes yaoAni {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 0 -23036px;
  }
}
@keyframes yaoAni {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 0 -23036px;
  }
}
@-webkit-keyframes yaoAni {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 0 -23036px;
  }
}
@-moz-keyframes yaoAni {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 0 -23036px;
  }
}
@-ms-keyframes yaoAni {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 0 -23036px;
  }
}
@-o-keyframes yaoAni {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 0 -23036px;
  }
}
@keyframes yaoAni {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 0 -23036px;
  }
}
@-webkit-keyframes yaoAni {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 0 -23036px;
  }
}
@-moz-keyframes yaoAni {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 0 -23036px;
  }
}
@-ms-keyframes yaoAni {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 0 -23036px;
  }
}
@-o-keyframes yaoAni {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 0 -23036px;
  }
}
@keyframes yaoAni {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 0 -23036px;
  }
}
@-webkit-keyframes kvAniMh {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 0 -6000px;
  }
}
@-moz-keyframes kvAniMh {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 0 -6000px;
  }
}
@-ms-keyframes kvAniMh {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 0 -6000px;
  }
}
@-o-keyframes kvAniMh {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 0 -6000px;
  }
}
@keyframes kvAniMh {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 0 -6000px;
  }
}
@-webkit-keyframes kvAniMh {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 0 -6000px;
  }
}
@-moz-keyframes kvAniMh {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 0 -6000px;
  }
}
@-ms-keyframes kvAniMh {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 0 -6000px;
  }
}
@-o-keyframes kvAniMh {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 0 -6000px;
  }
}
@keyframes kvAniMh {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 0 -6000px;
  }
}
@-webkit-keyframes kvAniMh {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 0 -6000px;
  }
}
@-moz-keyframes kvAniMh {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 0 -6000px;
  }
}
@-ms-keyframes kvAniMh {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 0 -6000px;
  }
}
@-o-keyframes kvAniMh {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 0 -6000px;
  }
}
@keyframes kvAniMh {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 0 -6000px;
  }
}
@-webkit-keyframes yaoAniMh {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 0 -9000px;
  }
}
@-moz-keyframes yaoAniMh {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 0 -9000px;
  }
}
@-ms-keyframes yaoAniMh {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 0 -9000px;
  }
}
@-o-keyframes yaoAniMh {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 0 -9000px;
  }
}
@keyframes yaoAniMh {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 0 -9000px;
  }
}
@-webkit-keyframes yaoAniMh {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 0 -9000px;
  }
}
@-moz-keyframes yaoAniMh {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 0 -9000px;
  }
}
@-ms-keyframes yaoAniMh {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 0 -9000px;
  }
}
@-o-keyframes yaoAniMh {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 0 -9000px;
  }
}
@keyframes yaoAniMh {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 0 -9000px;
  }
}
@-webkit-keyframes yaoAniMh {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 0 -9000px;
  }
}
@-moz-keyframes yaoAniMh {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 0 -9000px;
  }
}
@-ms-keyframes yaoAniMh {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 0 -9000px;
  }
}
@-o-keyframes yaoAniMh {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 0 -9000px;
  }
}
@keyframes yaoAniMh {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 0 -9000px;
  }
}
@-webkit-keyframes kvAniM {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 0 -4720px;
  }
}
@-moz-keyframes kvAniM {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 0 -4720px;
  }
}
@-ms-keyframes kvAniM {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 0 -4720px;
  }
}
@-o-keyframes kvAniM {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 0 -4720px;
  }
}
@keyframes kvAniM {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 0 -4720px;
  }
}
@-webkit-keyframes kvAniM {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 0 -4720px;
  }
}
@-moz-keyframes kvAniM {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 0 -4720px;
  }
}
@-ms-keyframes kvAniM {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 0 -4720px;
  }
}
@-o-keyframes kvAniM {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 0 -4720px;
  }
}
@keyframes kvAniM {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 0 -4720px;
  }
}
@-webkit-keyframes kvAniM {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 0 -4720px;
  }
}
@-moz-keyframes kvAniM {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 0 -4720px;
  }
}
@-ms-keyframes kvAniM {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 0 -4720px;
  }
}
@-o-keyframes kvAniM {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 0 -4720px;
  }
}
@keyframes kvAniM {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 0 -4720px;
  }
}
@-webkit-keyframes aniBtn {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 0 -3200px;
  }
}
@-moz-keyframes aniBtn {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 0 -3200px;
  }
}
@-ms-keyframes aniBtn {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 0 -3200px;
  }
}
@-o-keyframes aniBtn {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 0 -3200px;
  }
}
@keyframes aniBtn {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 0 -3200px;
  }
}
@-webkit-keyframes aniBtn {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 0 -3200px;
  }
}
@-moz-keyframes aniBtn {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 0 -3200px;
  }
}
@-ms-keyframes aniBtn {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 0 -3200px;
  }
}
@-o-keyframes aniBtn {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 0 -3200px;
  }
}
@keyframes aniBtn {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 0 -3200px;
  }
}
@-webkit-keyframes aniBtn {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 0 -3200px;
  }
}
@-moz-keyframes aniBtn {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 0 -3200px;
  }
}
@-ms-keyframes aniBtn {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 0 -3200px;
  }
}
@-o-keyframes aniBtn {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 0 -3200px;
  }
}
@keyframes aniBtn {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 0 -3200px;
  }
}
@-webkit-keyframes flash {
  from,
  50%,
  to {
    opacity: 1;
  }
  25%,
  75% {
    opacity: 0;
  }
}
@-moz-keyframes flash {
  from,
  50%,
  to {
    opacity: 1;
  }
  25%,
  75% {
    opacity: 0;
  }
}
@-ms-keyframes flash {
  from,
  50%,
  to {
    opacity: 1;
  }
  25%,
  75% {
    opacity: 0;
  }
}
@-o-keyframes flash {
  from,
  50%,
  to {
    opacity: 1;
  }
  25%,
  75% {
    opacity: 0;
  }
}
@keyframes flash {
  from,
  50%,
  to {
    opacity: 1;
  }
  25%,
  75% {
    opacity: 0;
  }
}
@-webkit-keyframes flash {
  from,
  50%,
  to {
    opacity: 1;
  }
  25%,
  75% {
    opacity: 0;
  }
}
@-moz-keyframes flash {
  from,
  50%,
  to {
    opacity: 1;
  }
  25%,
  75% {
    opacity: 0;
  }
}
@-ms-keyframes flash {
  from,
  50%,
  to {
    opacity: 1;
  }
  25%,
  75% {
    opacity: 0;
  }
}
@-o-keyframes flash {
  from,
  50%,
  to {
    opacity: 1;
  }
  25%,
  75% {
    opacity: 0;
  }
}
@keyframes flash {
  from,
  50%,
  to {
    opacity: 1;
  }
  25%,
  75% {
    opacity: 0;
  }
}
@-webkit-keyframes flash {
  from,
  50%,
  to {
    opacity: 1;
  }
  25%,
  75% {
    opacity: 0;
  }
}
@-moz-keyframes flash {
  from,
  50%,
  to {
    opacity: 1;
  }
  25%,
  75% {
    opacity: 0;
  }
}
@-ms-keyframes flash {
  from,
  50%,
  to {
    opacity: 1;
  }
  25%,
  75% {
    opacity: 0;
  }
}
@-o-keyframes flash {
  from,
  50%,
  to {
    opacity: 1;
  }
  25%,
  75% {
    opacity: 0;
  }
}
@keyframes flash {
  from,
  50%,
  to {
    opacity: 1;
  }
  25%,
  75% {
    opacity: 0;
  }
}
@-webkit-keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@-moz-keyframes slideInUp {
  from {
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
@-ms-keyframes slideInUp {
  from {
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
@-o-keyframes slideInUp {
  from {
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
@keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@-webkit-keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@-moz-keyframes slideInUp {
  from {
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
@-ms-keyframes slideInUp {
  from {
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
@-o-keyframes slideInUp {
  from {
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
@keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@-webkit-keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@-moz-keyframes slideInUp {
  from {
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
@-ms-keyframes slideInUp {
  from {
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
@-o-keyframes slideInUp {
  from {
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
@keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@-webkit-keyframes translateRewrad {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    -webkit-transform: translateY(-5px);
            transform: translateY(-5px);
  }
}
@-moz-keyframes translateRewrad {
  0% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(-5px);
  }
}
@-ms-keyframes translateRewrad {
  0% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(-5px);
  }
}
@-o-keyframes translateRewrad {
  0% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(-5px);
  }
}
@keyframes translateRewrad {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    -webkit-transform: translateY(-5px);
            transform: translateY(-5px);
  }
}
@-webkit-keyframes translateRewrad {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    -webkit-transform: translateY(-5px);
            transform: translateY(-5px);
  }
}
@-moz-keyframes translateRewrad {
  0% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(-5px);
  }
}
@-ms-keyframes translateRewrad {
  0% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(-5px);
  }
}
@-o-keyframes translateRewrad {
  0% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(-5px);
  }
}
@keyframes translateRewrad {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    -webkit-transform: translateY(-5px);
            transform: translateY(-5px);
  }
}
@-webkit-keyframes translateRewrad {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    -webkit-transform: translateY(-5px);
            transform: translateY(-5px);
  }
}
@-moz-keyframes translateRewrad {
  0% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(-5px);
  }
}
@-ms-keyframes translateRewrad {
  0% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(-5px);
  }
}
@-o-keyframes translateRewrad {
  0% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(-5px);
  }
}
@keyframes translateRewrad {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    -webkit-transform: translateY(-5px);
            transform: translateY(-5px);
  }
}
@-webkit-keyframes eyesAnimation {
  0% {
    background-position: 0px 0px;
  }
  2.04% {
    background-position: -50px 0px;
  }
  4.08% {
    background-position: -100px 0px;
  }
  6.12% {
    background-position: -150px 0px;
  }
  8.16% {
    background-position: -200px 0px;
  }
  10.20% {
    background-position: -250px 0px;
  }
  12.24% {
    background-position: -300px 0px;
  }
  14.29% {
    background-position: -350px 0px;
  }
  16.33% {
    background-position: -400px 0px;
  }
  18.37% {
    background-position: -450px 0px;
  }
  20.41% {
    background-position: -500px 0px;
  }
  22.45% {
    background-position: -550px 0px;
  }
  24.49% {
    background-position: -600px 0px;
  }
  26.53% {
    background-position: -650px 0px;
  }
  28.57% {
    background-position: -700px 0px;
  }
  30.61% {
    background-position: -750px 0px;
  }
  32.65% {
    background-position: -800px 0px;
  }
  34.69% {
    background-position: -850px 0px;
  }
  36.73% {
    background-position: -900px 0px;
  }
  38.78% {
    background-position: -950px 0px;
  }
  40.82% {
    background-position: -1000px 0px;
  }
  42.86% {
    background-position: -1050px 0px;
  }
  44.90% {
    background-position: -1100px 0px;
  }
  46.94% {
    background-position: -1150px 0px;
  }
  48.98% {
    background-position: -1200px 0px;
  }
  51.02% {
    background-position: -1250px 0px;
  }
  53.06% {
    background-position: -1300px 0px;
  }
  55.10% {
    background-position: -1350px 0px;
  }
  57.14% {
    background-position: -1400px 0px;
  }
  59.18% {
    background-position: -1450px 0px;
  }
  61.22% {
    background-position: -1500px 0px;
  }
  63.27% {
    background-position: -1550px 0px;
  }
  65.31% {
    background-position: -1600px 0px;
  }
  67.35% {
    background-position: -1650px 0px;
  }
  69.39% {
    background-position: -1700px 0px;
  }
  71.43% {
    background-position: -1750px 0px;
  }
  73.47% {
    background-position: -1800px 0px;
  }
  75.51% {
    background-position: -1850px 0px;
  }
  77.55% {
    background-position: -1900px 0px;
  }
  79.59% {
    background-position: -1950px 0px;
  }
  81.63% {
    background-position: -2000px 0px;
  }
  83.67% {
    background-position: -2050px 0px;
  }
  85.71% {
    background-position: -2100px 0px;
  }
  87.76% {
    background-position: -2150px 0px;
  }
  89.80% {
    background-position: -2200px 0px;
  }
  91.84% {
    background-position: -2250px 0px;
  }
  93.88% {
    background-position: -2300px 0px;
  }
  95.92% {
    background-position: -2350px 0px;
  }
  97.96% {
    background-position: -2400px 0px;
  }
  100.00% {
    background-position: -2450px 0px;
  }
}
@-moz-keyframes eyesAnimation {
  0% {
    background-position: 0px 0px;
  }
  2.04% {
    background-position: -50px 0px;
  }
  4.08% {
    background-position: -100px 0px;
  }
  6.12% {
    background-position: -150px 0px;
  }
  8.16% {
    background-position: -200px 0px;
  }
  10.20% {
    background-position: -250px 0px;
  }
  12.24% {
    background-position: -300px 0px;
  }
  14.29% {
    background-position: -350px 0px;
  }
  16.33% {
    background-position: -400px 0px;
  }
  18.37% {
    background-position: -450px 0px;
  }
  20.41% {
    background-position: -500px 0px;
  }
  22.45% {
    background-position: -550px 0px;
  }
  24.49% {
    background-position: -600px 0px;
  }
  26.53% {
    background-position: -650px 0px;
  }
  28.57% {
    background-position: -700px 0px;
  }
  30.61% {
    background-position: -750px 0px;
  }
  32.65% {
    background-position: -800px 0px;
  }
  34.69% {
    background-position: -850px 0px;
  }
  36.73% {
    background-position: -900px 0px;
  }
  38.78% {
    background-position: -950px 0px;
  }
  40.82% {
    background-position: -1000px 0px;
  }
  42.86% {
    background-position: -1050px 0px;
  }
  44.90% {
    background-position: -1100px 0px;
  }
  46.94% {
    background-position: -1150px 0px;
  }
  48.98% {
    background-position: -1200px 0px;
  }
  51.02% {
    background-position: -1250px 0px;
  }
  53.06% {
    background-position: -1300px 0px;
  }
  55.10% {
    background-position: -1350px 0px;
  }
  57.14% {
    background-position: -1400px 0px;
  }
  59.18% {
    background-position: -1450px 0px;
  }
  61.22% {
    background-position: -1500px 0px;
  }
  63.27% {
    background-position: -1550px 0px;
  }
  65.31% {
    background-position: -1600px 0px;
  }
  67.35% {
    background-position: -1650px 0px;
  }
  69.39% {
    background-position: -1700px 0px;
  }
  71.43% {
    background-position: -1750px 0px;
  }
  73.47% {
    background-position: -1800px 0px;
  }
  75.51% {
    background-position: -1850px 0px;
  }
  77.55% {
    background-position: -1900px 0px;
  }
  79.59% {
    background-position: -1950px 0px;
  }
  81.63% {
    background-position: -2000px 0px;
  }
  83.67% {
    background-position: -2050px 0px;
  }
  85.71% {
    background-position: -2100px 0px;
  }
  87.76% {
    background-position: -2150px 0px;
  }
  89.80% {
    background-position: -2200px 0px;
  }
  91.84% {
    background-position: -2250px 0px;
  }
  93.88% {
    background-position: -2300px 0px;
  }
  95.92% {
    background-position: -2350px 0px;
  }
  97.96% {
    background-position: -2400px 0px;
  }
  100.00% {
    background-position: -2450px 0px;
  }
}
@-ms-keyframes eyesAnimation {
  0% {
    background-position: 0px 0px;
  }
  2.04% {
    background-position: -50px 0px;
  }
  4.08% {
    background-position: -100px 0px;
  }
  6.12% {
    background-position: -150px 0px;
  }
  8.16% {
    background-position: -200px 0px;
  }
  10.20% {
    background-position: -250px 0px;
  }
  12.24% {
    background-position: -300px 0px;
  }
  14.29% {
    background-position: -350px 0px;
  }
  16.33% {
    background-position: -400px 0px;
  }
  18.37% {
    background-position: -450px 0px;
  }
  20.41% {
    background-position: -500px 0px;
  }
  22.45% {
    background-position: -550px 0px;
  }
  24.49% {
    background-position: -600px 0px;
  }
  26.53% {
    background-position: -650px 0px;
  }
  28.57% {
    background-position: -700px 0px;
  }
  30.61% {
    background-position: -750px 0px;
  }
  32.65% {
    background-position: -800px 0px;
  }
  34.69% {
    background-position: -850px 0px;
  }
  36.73% {
    background-position: -900px 0px;
  }
  38.78% {
    background-position: -950px 0px;
  }
  40.82% {
    background-position: -1000px 0px;
  }
  42.86% {
    background-position: -1050px 0px;
  }
  44.90% {
    background-position: -1100px 0px;
  }
  46.94% {
    background-position: -1150px 0px;
  }
  48.98% {
    background-position: -1200px 0px;
  }
  51.02% {
    background-position: -1250px 0px;
  }
  53.06% {
    background-position: -1300px 0px;
  }
  55.10% {
    background-position: -1350px 0px;
  }
  57.14% {
    background-position: -1400px 0px;
  }
  59.18% {
    background-position: -1450px 0px;
  }
  61.22% {
    background-position: -1500px 0px;
  }
  63.27% {
    background-position: -1550px 0px;
  }
  65.31% {
    background-position: -1600px 0px;
  }
  67.35% {
    background-position: -1650px 0px;
  }
  69.39% {
    background-position: -1700px 0px;
  }
  71.43% {
    background-position: -1750px 0px;
  }
  73.47% {
    background-position: -1800px 0px;
  }
  75.51% {
    background-position: -1850px 0px;
  }
  77.55% {
    background-position: -1900px 0px;
  }
  79.59% {
    background-position: -1950px 0px;
  }
  81.63% {
    background-position: -2000px 0px;
  }
  83.67% {
    background-position: -2050px 0px;
  }
  85.71% {
    background-position: -2100px 0px;
  }
  87.76% {
    background-position: -2150px 0px;
  }
  89.80% {
    background-position: -2200px 0px;
  }
  91.84% {
    background-position: -2250px 0px;
  }
  93.88% {
    background-position: -2300px 0px;
  }
  95.92% {
    background-position: -2350px 0px;
  }
  97.96% {
    background-position: -2400px 0px;
  }
  100.00% {
    background-position: -2450px 0px;
  }
}
@-o-keyframes eyesAnimation {
  0% {
    background-position: 0px 0px;
  }
  2.04% {
    background-position: -50px 0px;
  }
  4.08% {
    background-position: -100px 0px;
  }
  6.12% {
    background-position: -150px 0px;
  }
  8.16% {
    background-position: -200px 0px;
  }
  10.20% {
    background-position: -250px 0px;
  }
  12.24% {
    background-position: -300px 0px;
  }
  14.29% {
    background-position: -350px 0px;
  }
  16.33% {
    background-position: -400px 0px;
  }
  18.37% {
    background-position: -450px 0px;
  }
  20.41% {
    background-position: -500px 0px;
  }
  22.45% {
    background-position: -550px 0px;
  }
  24.49% {
    background-position: -600px 0px;
  }
  26.53% {
    background-position: -650px 0px;
  }
  28.57% {
    background-position: -700px 0px;
  }
  30.61% {
    background-position: -750px 0px;
  }
  32.65% {
    background-position: -800px 0px;
  }
  34.69% {
    background-position: -850px 0px;
  }
  36.73% {
    background-position: -900px 0px;
  }
  38.78% {
    background-position: -950px 0px;
  }
  40.82% {
    background-position: -1000px 0px;
  }
  42.86% {
    background-position: -1050px 0px;
  }
  44.90% {
    background-position: -1100px 0px;
  }
  46.94% {
    background-position: -1150px 0px;
  }
  48.98% {
    background-position: -1200px 0px;
  }
  51.02% {
    background-position: -1250px 0px;
  }
  53.06% {
    background-position: -1300px 0px;
  }
  55.10% {
    background-position: -1350px 0px;
  }
  57.14% {
    background-position: -1400px 0px;
  }
  59.18% {
    background-position: -1450px 0px;
  }
  61.22% {
    background-position: -1500px 0px;
  }
  63.27% {
    background-position: -1550px 0px;
  }
  65.31% {
    background-position: -1600px 0px;
  }
  67.35% {
    background-position: -1650px 0px;
  }
  69.39% {
    background-position: -1700px 0px;
  }
  71.43% {
    background-position: -1750px 0px;
  }
  73.47% {
    background-position: -1800px 0px;
  }
  75.51% {
    background-position: -1850px 0px;
  }
  77.55% {
    background-position: -1900px 0px;
  }
  79.59% {
    background-position: -1950px 0px;
  }
  81.63% {
    background-position: -2000px 0px;
  }
  83.67% {
    background-position: -2050px 0px;
  }
  85.71% {
    background-position: -2100px 0px;
  }
  87.76% {
    background-position: -2150px 0px;
  }
  89.80% {
    background-position: -2200px 0px;
  }
  91.84% {
    background-position: -2250px 0px;
  }
  93.88% {
    background-position: -2300px 0px;
  }
  95.92% {
    background-position: -2350px 0px;
  }
  97.96% {
    background-position: -2400px 0px;
  }
  100.00% {
    background-position: -2450px 0px;
  }
}
@keyframes eyesAnimation {
  0% {
    background-position: 0px 0px;
  }
  2.04% {
    background-position: -50px 0px;
  }
  4.08% {
    background-position: -100px 0px;
  }
  6.12% {
    background-position: -150px 0px;
  }
  8.16% {
    background-position: -200px 0px;
  }
  10.20% {
    background-position: -250px 0px;
  }
  12.24% {
    background-position: -300px 0px;
  }
  14.29% {
    background-position: -350px 0px;
  }
  16.33% {
    background-position: -400px 0px;
  }
  18.37% {
    background-position: -450px 0px;
  }
  20.41% {
    background-position: -500px 0px;
  }
  22.45% {
    background-position: -550px 0px;
  }
  24.49% {
    background-position: -600px 0px;
  }
  26.53% {
    background-position: -650px 0px;
  }
  28.57% {
    background-position: -700px 0px;
  }
  30.61% {
    background-position: -750px 0px;
  }
  32.65% {
    background-position: -800px 0px;
  }
  34.69% {
    background-position: -850px 0px;
  }
  36.73% {
    background-position: -900px 0px;
  }
  38.78% {
    background-position: -950px 0px;
  }
  40.82% {
    background-position: -1000px 0px;
  }
  42.86% {
    background-position: -1050px 0px;
  }
  44.90% {
    background-position: -1100px 0px;
  }
  46.94% {
    background-position: -1150px 0px;
  }
  48.98% {
    background-position: -1200px 0px;
  }
  51.02% {
    background-position: -1250px 0px;
  }
  53.06% {
    background-position: -1300px 0px;
  }
  55.10% {
    background-position: -1350px 0px;
  }
  57.14% {
    background-position: -1400px 0px;
  }
  59.18% {
    background-position: -1450px 0px;
  }
  61.22% {
    background-position: -1500px 0px;
  }
  63.27% {
    background-position: -1550px 0px;
  }
  65.31% {
    background-position: -1600px 0px;
  }
  67.35% {
    background-position: -1650px 0px;
  }
  69.39% {
    background-position: -1700px 0px;
  }
  71.43% {
    background-position: -1750px 0px;
  }
  73.47% {
    background-position: -1800px 0px;
  }
  75.51% {
    background-position: -1850px 0px;
  }
  77.55% {
    background-position: -1900px 0px;
  }
  79.59% {
    background-position: -1950px 0px;
  }
  81.63% {
    background-position: -2000px 0px;
  }
  83.67% {
    background-position: -2050px 0px;
  }
  85.71% {
    background-position: -2100px 0px;
  }
  87.76% {
    background-position: -2150px 0px;
  }
  89.80% {
    background-position: -2200px 0px;
  }
  91.84% {
    background-position: -2250px 0px;
  }
  93.88% {
    background-position: -2300px 0px;
  }
  95.92% {
    background-position: -2350px 0px;
  }
  97.96% {
    background-position: -2400px 0px;
  }
  100.00% {
    background-position: -2450px 0px;
  }
}
@-webkit-keyframes eyesAnimation {
  0% {
    background-position: 0px 0px;
  }
  2.04% {
    background-position: -50px 0px;
  }
  4.08% {
    background-position: -100px 0px;
  }
  6.12% {
    background-position: -150px 0px;
  }
  8.16% {
    background-position: -200px 0px;
  }
  10.20% {
    background-position: -250px 0px;
  }
  12.24% {
    background-position: -300px 0px;
  }
  14.29% {
    background-position: -350px 0px;
  }
  16.33% {
    background-position: -400px 0px;
  }
  18.37% {
    background-position: -450px 0px;
  }
  20.41% {
    background-position: -500px 0px;
  }
  22.45% {
    background-position: -550px 0px;
  }
  24.49% {
    background-position: -600px 0px;
  }
  26.53% {
    background-position: -650px 0px;
  }
  28.57% {
    background-position: -700px 0px;
  }
  30.61% {
    background-position: -750px 0px;
  }
  32.65% {
    background-position: -800px 0px;
  }
  34.69% {
    background-position: -850px 0px;
  }
  36.73% {
    background-position: -900px 0px;
  }
  38.78% {
    background-position: -950px 0px;
  }
  40.82% {
    background-position: -1000px 0px;
  }
  42.86% {
    background-position: -1050px 0px;
  }
  44.90% {
    background-position: -1100px 0px;
  }
  46.94% {
    background-position: -1150px 0px;
  }
  48.98% {
    background-position: -1200px 0px;
  }
  51.02% {
    background-position: -1250px 0px;
  }
  53.06% {
    background-position: -1300px 0px;
  }
  55.10% {
    background-position: -1350px 0px;
  }
  57.14% {
    background-position: -1400px 0px;
  }
  59.18% {
    background-position: -1450px 0px;
  }
  61.22% {
    background-position: -1500px 0px;
  }
  63.27% {
    background-position: -1550px 0px;
  }
  65.31% {
    background-position: -1600px 0px;
  }
  67.35% {
    background-position: -1650px 0px;
  }
  69.39% {
    background-position: -1700px 0px;
  }
  71.43% {
    background-position: -1750px 0px;
  }
  73.47% {
    background-position: -1800px 0px;
  }
  75.51% {
    background-position: -1850px 0px;
  }
  77.55% {
    background-position: -1900px 0px;
  }
  79.59% {
    background-position: -1950px 0px;
  }
  81.63% {
    background-position: -2000px 0px;
  }
  83.67% {
    background-position: -2050px 0px;
  }
  85.71% {
    background-position: -2100px 0px;
  }
  87.76% {
    background-position: -2150px 0px;
  }
  89.80% {
    background-position: -2200px 0px;
  }
  91.84% {
    background-position: -2250px 0px;
  }
  93.88% {
    background-position: -2300px 0px;
  }
  95.92% {
    background-position: -2350px 0px;
  }
  97.96% {
    background-position: -2400px 0px;
  }
  100.00% {
    background-position: -2450px 0px;
  }
}
@-moz-keyframes eyesAnimation {
  0% {
    background-position: 0px 0px;
  }
  2.04% {
    background-position: -50px 0px;
  }
  4.08% {
    background-position: -100px 0px;
  }
  6.12% {
    background-position: -150px 0px;
  }
  8.16% {
    background-position: -200px 0px;
  }
  10.20% {
    background-position: -250px 0px;
  }
  12.24% {
    background-position: -300px 0px;
  }
  14.29% {
    background-position: -350px 0px;
  }
  16.33% {
    background-position: -400px 0px;
  }
  18.37% {
    background-position: -450px 0px;
  }
  20.41% {
    background-position: -500px 0px;
  }
  22.45% {
    background-position: -550px 0px;
  }
  24.49% {
    background-position: -600px 0px;
  }
  26.53% {
    background-position: -650px 0px;
  }
  28.57% {
    background-position: -700px 0px;
  }
  30.61% {
    background-position: -750px 0px;
  }
  32.65% {
    background-position: -800px 0px;
  }
  34.69% {
    background-position: -850px 0px;
  }
  36.73% {
    background-position: -900px 0px;
  }
  38.78% {
    background-position: -950px 0px;
  }
  40.82% {
    background-position: -1000px 0px;
  }
  42.86% {
    background-position: -1050px 0px;
  }
  44.90% {
    background-position: -1100px 0px;
  }
  46.94% {
    background-position: -1150px 0px;
  }
  48.98% {
    background-position: -1200px 0px;
  }
  51.02% {
    background-position: -1250px 0px;
  }
  53.06% {
    background-position: -1300px 0px;
  }
  55.10% {
    background-position: -1350px 0px;
  }
  57.14% {
    background-position: -1400px 0px;
  }
  59.18% {
    background-position: -1450px 0px;
  }
  61.22% {
    background-position: -1500px 0px;
  }
  63.27% {
    background-position: -1550px 0px;
  }
  65.31% {
    background-position: -1600px 0px;
  }
  67.35% {
    background-position: -1650px 0px;
  }
  69.39% {
    background-position: -1700px 0px;
  }
  71.43% {
    background-position: -1750px 0px;
  }
  73.47% {
    background-position: -1800px 0px;
  }
  75.51% {
    background-position: -1850px 0px;
  }
  77.55% {
    background-position: -1900px 0px;
  }
  79.59% {
    background-position: -1950px 0px;
  }
  81.63% {
    background-position: -2000px 0px;
  }
  83.67% {
    background-position: -2050px 0px;
  }
  85.71% {
    background-position: -2100px 0px;
  }
  87.76% {
    background-position: -2150px 0px;
  }
  89.80% {
    background-position: -2200px 0px;
  }
  91.84% {
    background-position: -2250px 0px;
  }
  93.88% {
    background-position: -2300px 0px;
  }
  95.92% {
    background-position: -2350px 0px;
  }
  97.96% {
    background-position: -2400px 0px;
  }
  100.00% {
    background-position: -2450px 0px;
  }
}
@-ms-keyframes eyesAnimation {
  0% {
    background-position: 0px 0px;
  }
  2.04% {
    background-position: -50px 0px;
  }
  4.08% {
    background-position: -100px 0px;
  }
  6.12% {
    background-position: -150px 0px;
  }
  8.16% {
    background-position: -200px 0px;
  }
  10.20% {
    background-position: -250px 0px;
  }
  12.24% {
    background-position: -300px 0px;
  }
  14.29% {
    background-position: -350px 0px;
  }
  16.33% {
    background-position: -400px 0px;
  }
  18.37% {
    background-position: -450px 0px;
  }
  20.41% {
    background-position: -500px 0px;
  }
  22.45% {
    background-position: -550px 0px;
  }
  24.49% {
    background-position: -600px 0px;
  }
  26.53% {
    background-position: -650px 0px;
  }
  28.57% {
    background-position: -700px 0px;
  }
  30.61% {
    background-position: -750px 0px;
  }
  32.65% {
    background-position: -800px 0px;
  }
  34.69% {
    background-position: -850px 0px;
  }
  36.73% {
    background-position: -900px 0px;
  }
  38.78% {
    background-position: -950px 0px;
  }
  40.82% {
    background-position: -1000px 0px;
  }
  42.86% {
    background-position: -1050px 0px;
  }
  44.90% {
    background-position: -1100px 0px;
  }
  46.94% {
    background-position: -1150px 0px;
  }
  48.98% {
    background-position: -1200px 0px;
  }
  51.02% {
    background-position: -1250px 0px;
  }
  53.06% {
    background-position: -1300px 0px;
  }
  55.10% {
    background-position: -1350px 0px;
  }
  57.14% {
    background-position: -1400px 0px;
  }
  59.18% {
    background-position: -1450px 0px;
  }
  61.22% {
    background-position: -1500px 0px;
  }
  63.27% {
    background-position: -1550px 0px;
  }
  65.31% {
    background-position: -1600px 0px;
  }
  67.35% {
    background-position: -1650px 0px;
  }
  69.39% {
    background-position: -1700px 0px;
  }
  71.43% {
    background-position: -1750px 0px;
  }
  73.47% {
    background-position: -1800px 0px;
  }
  75.51% {
    background-position: -1850px 0px;
  }
  77.55% {
    background-position: -1900px 0px;
  }
  79.59% {
    background-position: -1950px 0px;
  }
  81.63% {
    background-position: -2000px 0px;
  }
  83.67% {
    background-position: -2050px 0px;
  }
  85.71% {
    background-position: -2100px 0px;
  }
  87.76% {
    background-position: -2150px 0px;
  }
  89.80% {
    background-position: -2200px 0px;
  }
  91.84% {
    background-position: -2250px 0px;
  }
  93.88% {
    background-position: -2300px 0px;
  }
  95.92% {
    background-position: -2350px 0px;
  }
  97.96% {
    background-position: -2400px 0px;
  }
  100.00% {
    background-position: -2450px 0px;
  }
}
@-o-keyframes eyesAnimation {
  0% {
    background-position: 0px 0px;
  }
  2.04% {
    background-position: -50px 0px;
  }
  4.08% {
    background-position: -100px 0px;
  }
  6.12% {
    background-position: -150px 0px;
  }
  8.16% {
    background-position: -200px 0px;
  }
  10.20% {
    background-position: -250px 0px;
  }
  12.24% {
    background-position: -300px 0px;
  }
  14.29% {
    background-position: -350px 0px;
  }
  16.33% {
    background-position: -400px 0px;
  }
  18.37% {
    background-position: -450px 0px;
  }
  20.41% {
    background-position: -500px 0px;
  }
  22.45% {
    background-position: -550px 0px;
  }
  24.49% {
    background-position: -600px 0px;
  }
  26.53% {
    background-position: -650px 0px;
  }
  28.57% {
    background-position: -700px 0px;
  }
  30.61% {
    background-position: -750px 0px;
  }
  32.65% {
    background-position: -800px 0px;
  }
  34.69% {
    background-position: -850px 0px;
  }
  36.73% {
    background-position: -900px 0px;
  }
  38.78% {
    background-position: -950px 0px;
  }
  40.82% {
    background-position: -1000px 0px;
  }
  42.86% {
    background-position: -1050px 0px;
  }
  44.90% {
    background-position: -1100px 0px;
  }
  46.94% {
    background-position: -1150px 0px;
  }
  48.98% {
    background-position: -1200px 0px;
  }
  51.02% {
    background-position: -1250px 0px;
  }
  53.06% {
    background-position: -1300px 0px;
  }
  55.10% {
    background-position: -1350px 0px;
  }
  57.14% {
    background-position: -1400px 0px;
  }
  59.18% {
    background-position: -1450px 0px;
  }
  61.22% {
    background-position: -1500px 0px;
  }
  63.27% {
    background-position: -1550px 0px;
  }
  65.31% {
    background-position: -1600px 0px;
  }
  67.35% {
    background-position: -1650px 0px;
  }
  69.39% {
    background-position: -1700px 0px;
  }
  71.43% {
    background-position: -1750px 0px;
  }
  73.47% {
    background-position: -1800px 0px;
  }
  75.51% {
    background-position: -1850px 0px;
  }
  77.55% {
    background-position: -1900px 0px;
  }
  79.59% {
    background-position: -1950px 0px;
  }
  81.63% {
    background-position: -2000px 0px;
  }
  83.67% {
    background-position: -2050px 0px;
  }
  85.71% {
    background-position: -2100px 0px;
  }
  87.76% {
    background-position: -2150px 0px;
  }
  89.80% {
    background-position: -2200px 0px;
  }
  91.84% {
    background-position: -2250px 0px;
  }
  93.88% {
    background-position: -2300px 0px;
  }
  95.92% {
    background-position: -2350px 0px;
  }
  97.96% {
    background-position: -2400px 0px;
  }
  100.00% {
    background-position: -2450px 0px;
  }
}
@keyframes eyesAnimation {
  0% {
    background-position: 0px 0px;
  }
  2.04% {
    background-position: -50px 0px;
  }
  4.08% {
    background-position: -100px 0px;
  }
  6.12% {
    background-position: -150px 0px;
  }
  8.16% {
    background-position: -200px 0px;
  }
  10.20% {
    background-position: -250px 0px;
  }
  12.24% {
    background-position: -300px 0px;
  }
  14.29% {
    background-position: -350px 0px;
  }
  16.33% {
    background-position: -400px 0px;
  }
  18.37% {
    background-position: -450px 0px;
  }
  20.41% {
    background-position: -500px 0px;
  }
  22.45% {
    background-position: -550px 0px;
  }
  24.49% {
    background-position: -600px 0px;
  }
  26.53% {
    background-position: -650px 0px;
  }
  28.57% {
    background-position: -700px 0px;
  }
  30.61% {
    background-position: -750px 0px;
  }
  32.65% {
    background-position: -800px 0px;
  }
  34.69% {
    background-position: -850px 0px;
  }
  36.73% {
    background-position: -900px 0px;
  }
  38.78% {
    background-position: -950px 0px;
  }
  40.82% {
    background-position: -1000px 0px;
  }
  42.86% {
    background-position: -1050px 0px;
  }
  44.90% {
    background-position: -1100px 0px;
  }
  46.94% {
    background-position: -1150px 0px;
  }
  48.98% {
    background-position: -1200px 0px;
  }
  51.02% {
    background-position: -1250px 0px;
  }
  53.06% {
    background-position: -1300px 0px;
  }
  55.10% {
    background-position: -1350px 0px;
  }
  57.14% {
    background-position: -1400px 0px;
  }
  59.18% {
    background-position: -1450px 0px;
  }
  61.22% {
    background-position: -1500px 0px;
  }
  63.27% {
    background-position: -1550px 0px;
  }
  65.31% {
    background-position: -1600px 0px;
  }
  67.35% {
    background-position: -1650px 0px;
  }
  69.39% {
    background-position: -1700px 0px;
  }
  71.43% {
    background-position: -1750px 0px;
  }
  73.47% {
    background-position: -1800px 0px;
  }
  75.51% {
    background-position: -1850px 0px;
  }
  77.55% {
    background-position: -1900px 0px;
  }
  79.59% {
    background-position: -1950px 0px;
  }
  81.63% {
    background-position: -2000px 0px;
  }
  83.67% {
    background-position: -2050px 0px;
  }
  85.71% {
    background-position: -2100px 0px;
  }
  87.76% {
    background-position: -2150px 0px;
  }
  89.80% {
    background-position: -2200px 0px;
  }
  91.84% {
    background-position: -2250px 0px;
  }
  93.88% {
    background-position: -2300px 0px;
  }
  95.92% {
    background-position: -2350px 0px;
  }
  97.96% {
    background-position: -2400px 0px;
  }
  100.00% {
    background-position: -2450px 0px;
  }
}
@-webkit-keyframes eyesAnimation {
  0% {
    background-position: 0px 0px;
  }
  2.04% {
    background-position: -50px 0px;
  }
  4.08% {
    background-position: -100px 0px;
  }
  6.12% {
    background-position: -150px 0px;
  }
  8.16% {
    background-position: -200px 0px;
  }
  10.20% {
    background-position: -250px 0px;
  }
  12.24% {
    background-position: -300px 0px;
  }
  14.29% {
    background-position: -350px 0px;
  }
  16.33% {
    background-position: -400px 0px;
  }
  18.37% {
    background-position: -450px 0px;
  }
  20.41% {
    background-position: -500px 0px;
  }
  22.45% {
    background-position: -550px 0px;
  }
  24.49% {
    background-position: -600px 0px;
  }
  26.53% {
    background-position: -650px 0px;
  }
  28.57% {
    background-position: -700px 0px;
  }
  30.61% {
    background-position: -750px 0px;
  }
  32.65% {
    background-position: -800px 0px;
  }
  34.69% {
    background-position: -850px 0px;
  }
  36.73% {
    background-position: -900px 0px;
  }
  38.78% {
    background-position: -950px 0px;
  }
  40.82% {
    background-position: -1000px 0px;
  }
  42.86% {
    background-position: -1050px 0px;
  }
  44.90% {
    background-position: -1100px 0px;
  }
  46.94% {
    background-position: -1150px 0px;
  }
  48.98% {
    background-position: -1200px 0px;
  }
  51.02% {
    background-position: -1250px 0px;
  }
  53.06% {
    background-position: -1300px 0px;
  }
  55.10% {
    background-position: -1350px 0px;
  }
  57.14% {
    background-position: -1400px 0px;
  }
  59.18% {
    background-position: -1450px 0px;
  }
  61.22% {
    background-position: -1500px 0px;
  }
  63.27% {
    background-position: -1550px 0px;
  }
  65.31% {
    background-position: -1600px 0px;
  }
  67.35% {
    background-position: -1650px 0px;
  }
  69.39% {
    background-position: -1700px 0px;
  }
  71.43% {
    background-position: -1750px 0px;
  }
  73.47% {
    background-position: -1800px 0px;
  }
  75.51% {
    background-position: -1850px 0px;
  }
  77.55% {
    background-position: -1900px 0px;
  }
  79.59% {
    background-position: -1950px 0px;
  }
  81.63% {
    background-position: -2000px 0px;
  }
  83.67% {
    background-position: -2050px 0px;
  }
  85.71% {
    background-position: -2100px 0px;
  }
  87.76% {
    background-position: -2150px 0px;
  }
  89.80% {
    background-position: -2200px 0px;
  }
  91.84% {
    background-position: -2250px 0px;
  }
  93.88% {
    background-position: -2300px 0px;
  }
  95.92% {
    background-position: -2350px 0px;
  }
  97.96% {
    background-position: -2400px 0px;
  }
  100.00% {
    background-position: -2450px 0px;
  }
}
@-moz-keyframes eyesAnimation {
  0% {
    background-position: 0px 0px;
  }
  2.04% {
    background-position: -50px 0px;
  }
  4.08% {
    background-position: -100px 0px;
  }
  6.12% {
    background-position: -150px 0px;
  }
  8.16% {
    background-position: -200px 0px;
  }
  10.20% {
    background-position: -250px 0px;
  }
  12.24% {
    background-position: -300px 0px;
  }
  14.29% {
    background-position: -350px 0px;
  }
  16.33% {
    background-position: -400px 0px;
  }
  18.37% {
    background-position: -450px 0px;
  }
  20.41% {
    background-position: -500px 0px;
  }
  22.45% {
    background-position: -550px 0px;
  }
  24.49% {
    background-position: -600px 0px;
  }
  26.53% {
    background-position: -650px 0px;
  }
  28.57% {
    background-position: -700px 0px;
  }
  30.61% {
    background-position: -750px 0px;
  }
  32.65% {
    background-position: -800px 0px;
  }
  34.69% {
    background-position: -850px 0px;
  }
  36.73% {
    background-position: -900px 0px;
  }
  38.78% {
    background-position: -950px 0px;
  }
  40.82% {
    background-position: -1000px 0px;
  }
  42.86% {
    background-position: -1050px 0px;
  }
  44.90% {
    background-position: -1100px 0px;
  }
  46.94% {
    background-position: -1150px 0px;
  }
  48.98% {
    background-position: -1200px 0px;
  }
  51.02% {
    background-position: -1250px 0px;
  }
  53.06% {
    background-position: -1300px 0px;
  }
  55.10% {
    background-position: -1350px 0px;
  }
  57.14% {
    background-position: -1400px 0px;
  }
  59.18% {
    background-position: -1450px 0px;
  }
  61.22% {
    background-position: -1500px 0px;
  }
  63.27% {
    background-position: -1550px 0px;
  }
  65.31% {
    background-position: -1600px 0px;
  }
  67.35% {
    background-position: -1650px 0px;
  }
  69.39% {
    background-position: -1700px 0px;
  }
  71.43% {
    background-position: -1750px 0px;
  }
  73.47% {
    background-position: -1800px 0px;
  }
  75.51% {
    background-position: -1850px 0px;
  }
  77.55% {
    background-position: -1900px 0px;
  }
  79.59% {
    background-position: -1950px 0px;
  }
  81.63% {
    background-position: -2000px 0px;
  }
  83.67% {
    background-position: -2050px 0px;
  }
  85.71% {
    background-position: -2100px 0px;
  }
  87.76% {
    background-position: -2150px 0px;
  }
  89.80% {
    background-position: -2200px 0px;
  }
  91.84% {
    background-position: -2250px 0px;
  }
  93.88% {
    background-position: -2300px 0px;
  }
  95.92% {
    background-position: -2350px 0px;
  }
  97.96% {
    background-position: -2400px 0px;
  }
  100.00% {
    background-position: -2450px 0px;
  }
}
@-ms-keyframes eyesAnimation {
  0% {
    background-position: 0px 0px;
  }
  2.04% {
    background-position: -50px 0px;
  }
  4.08% {
    background-position: -100px 0px;
  }
  6.12% {
    background-position: -150px 0px;
  }
  8.16% {
    background-position: -200px 0px;
  }
  10.20% {
    background-position: -250px 0px;
  }
  12.24% {
    background-position: -300px 0px;
  }
  14.29% {
    background-position: -350px 0px;
  }
  16.33% {
    background-position: -400px 0px;
  }
  18.37% {
    background-position: -450px 0px;
  }
  20.41% {
    background-position: -500px 0px;
  }
  22.45% {
    background-position: -550px 0px;
  }
  24.49% {
    background-position: -600px 0px;
  }
  26.53% {
    background-position: -650px 0px;
  }
  28.57% {
    background-position: -700px 0px;
  }
  30.61% {
    background-position: -750px 0px;
  }
  32.65% {
    background-position: -800px 0px;
  }
  34.69% {
    background-position: -850px 0px;
  }
  36.73% {
    background-position: -900px 0px;
  }
  38.78% {
    background-position: -950px 0px;
  }
  40.82% {
    background-position: -1000px 0px;
  }
  42.86% {
    background-position: -1050px 0px;
  }
  44.90% {
    background-position: -1100px 0px;
  }
  46.94% {
    background-position: -1150px 0px;
  }
  48.98% {
    background-position: -1200px 0px;
  }
  51.02% {
    background-position: -1250px 0px;
  }
  53.06% {
    background-position: -1300px 0px;
  }
  55.10% {
    background-position: -1350px 0px;
  }
  57.14% {
    background-position: -1400px 0px;
  }
  59.18% {
    background-position: -1450px 0px;
  }
  61.22% {
    background-position: -1500px 0px;
  }
  63.27% {
    background-position: -1550px 0px;
  }
  65.31% {
    background-position: -1600px 0px;
  }
  67.35% {
    background-position: -1650px 0px;
  }
  69.39% {
    background-position: -1700px 0px;
  }
  71.43% {
    background-position: -1750px 0px;
  }
  73.47% {
    background-position: -1800px 0px;
  }
  75.51% {
    background-position: -1850px 0px;
  }
  77.55% {
    background-position: -1900px 0px;
  }
  79.59% {
    background-position: -1950px 0px;
  }
  81.63% {
    background-position: -2000px 0px;
  }
  83.67% {
    background-position: -2050px 0px;
  }
  85.71% {
    background-position: -2100px 0px;
  }
  87.76% {
    background-position: -2150px 0px;
  }
  89.80% {
    background-position: -2200px 0px;
  }
  91.84% {
    background-position: -2250px 0px;
  }
  93.88% {
    background-position: -2300px 0px;
  }
  95.92% {
    background-position: -2350px 0px;
  }
  97.96% {
    background-position: -2400px 0px;
  }
  100.00% {
    background-position: -2450px 0px;
  }
}
@-o-keyframes eyesAnimation {
  0% {
    background-position: 0px 0px;
  }
  2.04% {
    background-position: -50px 0px;
  }
  4.08% {
    background-position: -100px 0px;
  }
  6.12% {
    background-position: -150px 0px;
  }
  8.16% {
    background-position: -200px 0px;
  }
  10.20% {
    background-position: -250px 0px;
  }
  12.24% {
    background-position: -300px 0px;
  }
  14.29% {
    background-position: -350px 0px;
  }
  16.33% {
    background-position: -400px 0px;
  }
  18.37% {
    background-position: -450px 0px;
  }
  20.41% {
    background-position: -500px 0px;
  }
  22.45% {
    background-position: -550px 0px;
  }
  24.49% {
    background-position: -600px 0px;
  }
  26.53% {
    background-position: -650px 0px;
  }
  28.57% {
    background-position: -700px 0px;
  }
  30.61% {
    background-position: -750px 0px;
  }
  32.65% {
    background-position: -800px 0px;
  }
  34.69% {
    background-position: -850px 0px;
  }
  36.73% {
    background-position: -900px 0px;
  }
  38.78% {
    background-position: -950px 0px;
  }
  40.82% {
    background-position: -1000px 0px;
  }
  42.86% {
    background-position: -1050px 0px;
  }
  44.90% {
    background-position: -1100px 0px;
  }
  46.94% {
    background-position: -1150px 0px;
  }
  48.98% {
    background-position: -1200px 0px;
  }
  51.02% {
    background-position: -1250px 0px;
  }
  53.06% {
    background-position: -1300px 0px;
  }
  55.10% {
    background-position: -1350px 0px;
  }
  57.14% {
    background-position: -1400px 0px;
  }
  59.18% {
    background-position: -1450px 0px;
  }
  61.22% {
    background-position: -1500px 0px;
  }
  63.27% {
    background-position: -1550px 0px;
  }
  65.31% {
    background-position: -1600px 0px;
  }
  67.35% {
    background-position: -1650px 0px;
  }
  69.39% {
    background-position: -1700px 0px;
  }
  71.43% {
    background-position: -1750px 0px;
  }
  73.47% {
    background-position: -1800px 0px;
  }
  75.51% {
    background-position: -1850px 0px;
  }
  77.55% {
    background-position: -1900px 0px;
  }
  79.59% {
    background-position: -1950px 0px;
  }
  81.63% {
    background-position: -2000px 0px;
  }
  83.67% {
    background-position: -2050px 0px;
  }
  85.71% {
    background-position: -2100px 0px;
  }
  87.76% {
    background-position: -2150px 0px;
  }
  89.80% {
    background-position: -2200px 0px;
  }
  91.84% {
    background-position: -2250px 0px;
  }
  93.88% {
    background-position: -2300px 0px;
  }
  95.92% {
    background-position: -2350px 0px;
  }
  97.96% {
    background-position: -2400px 0px;
  }
  100.00% {
    background-position: -2450px 0px;
  }
}
@keyframes eyesAnimation {
  0% {
    background-position: 0px 0px;
  }
  2.04% {
    background-position: -50px 0px;
  }
  4.08% {
    background-position: -100px 0px;
  }
  6.12% {
    background-position: -150px 0px;
  }
  8.16% {
    background-position: -200px 0px;
  }
  10.20% {
    background-position: -250px 0px;
  }
  12.24% {
    background-position: -300px 0px;
  }
  14.29% {
    background-position: -350px 0px;
  }
  16.33% {
    background-position: -400px 0px;
  }
  18.37% {
    background-position: -450px 0px;
  }
  20.41% {
    background-position: -500px 0px;
  }
  22.45% {
    background-position: -550px 0px;
  }
  24.49% {
    background-position: -600px 0px;
  }
  26.53% {
    background-position: -650px 0px;
  }
  28.57% {
    background-position: -700px 0px;
  }
  30.61% {
    background-position: -750px 0px;
  }
  32.65% {
    background-position: -800px 0px;
  }
  34.69% {
    background-position: -850px 0px;
  }
  36.73% {
    background-position: -900px 0px;
  }
  38.78% {
    background-position: -950px 0px;
  }
  40.82% {
    background-position: -1000px 0px;
  }
  42.86% {
    background-position: -1050px 0px;
  }
  44.90% {
    background-position: -1100px 0px;
  }
  46.94% {
    background-position: -1150px 0px;
  }
  48.98% {
    background-position: -1200px 0px;
  }
  51.02% {
    background-position: -1250px 0px;
  }
  53.06% {
    background-position: -1300px 0px;
  }
  55.10% {
    background-position: -1350px 0px;
  }
  57.14% {
    background-position: -1400px 0px;
  }
  59.18% {
    background-position: -1450px 0px;
  }
  61.22% {
    background-position: -1500px 0px;
  }
  63.27% {
    background-position: -1550px 0px;
  }
  65.31% {
    background-position: -1600px 0px;
  }
  67.35% {
    background-position: -1650px 0px;
  }
  69.39% {
    background-position: -1700px 0px;
  }
  71.43% {
    background-position: -1750px 0px;
  }
  73.47% {
    background-position: -1800px 0px;
  }
  75.51% {
    background-position: -1850px 0px;
  }
  77.55% {
    background-position: -1900px 0px;
  }
  79.59% {
    background-position: -1950px 0px;
  }
  81.63% {
    background-position: -2000px 0px;
  }
  83.67% {
    background-position: -2050px 0px;
  }
  85.71% {
    background-position: -2100px 0px;
  }
  87.76% {
    background-position: -2150px 0px;
  }
  89.80% {
    background-position: -2200px 0px;
  }
  91.84% {
    background-position: -2250px 0px;
  }
  93.88% {
    background-position: -2300px 0px;
  }
  95.92% {
    background-position: -2350px 0px;
  }
  97.96% {
    background-position: -2400px 0px;
  }
  100.00% {
    background-position: -2450px 0px;
  }
}
@-webkit-keyframes footprintAnimation {
  0% {
    background-position: 0px 0px;
  }
  2.04% {
    background-position: -500px 0px;
  }
  4.08% {
    background-position: -1000px 0px;
  }
  6.12% {
    background-position: -1500px 0px;
  }
  8.16% {
    background-position: -2000px 0px;
  }
  10.20% {
    background-position: -2500px 0px;
  }
  12.24% {
    background-position: -3000px 0px;
  }
  14.29% {
    background-position: -3500px 0px;
  }
  16.33% {
    background-position: -4000px 0px;
  }
  18.37% {
    background-position: -4500px 0px;
  }
  20.41% {
    background-position: 0px -500px;
  }
  22.45% {
    background-position: -500px -500px;
  }
  24.49% {
    background-position: -1000px -500px;
  }
  26.53% {
    background-position: -1500px -500px;
  }
  28.57% {
    background-position: -2000px -500px;
  }
  30.61% {
    background-position: -2500px -500px;
  }
  32.65% {
    background-position: -3000px -500px;
  }
  34.69% {
    background-position: -3500px -500px;
  }
  36.73% {
    background-position: -4000px -500px;
  }
  38.78% {
    background-position: -4500px -500px;
  }
  40.82% {
    background-position: 0px -1000px;
  }
  42.86% {
    background-position: -500px -1000px;
  }
  44.90% {
    background-position: -1000px -1000px;
  }
  46.94% {
    background-position: -1500px -1000px;
  }
  48.98% {
    background-position: -2000px -1000px;
  }
  51.02% {
    background-position: -2500px -1000px;
  }
  53.06% {
    background-position: -3000px -1000px;
  }
  55.10% {
    background-position: -3500px -1000px;
  }
  57.14% {
    background-position: -4000px -1000px;
  }
  59.18% {
    background-position: -4500px -1000px;
  }
  61.22% {
    background-position: 0px -1500px;
  }
  63.27% {
    background-position: -500px -1500px;
  }
  65.31% {
    background-position: -1000px -1500px;
  }
  67.35% {
    background-position: -1500px -1500px;
  }
  69.39% {
    background-position: -2000px -1500px;
  }
  71.43% {
    background-position: -2500px -1500px;
  }
  73.47% {
    background-position: -3000px -1500px;
  }
  75.51% {
    background-position: -3500px -1500px;
  }
  77.55% {
    background-position: -4000px -1500px;
  }
  79.59% {
    background-position: -4500px -1500px;
  }
  81.63% {
    background-position: 0px -2000px;
  }
  83.67% {
    background-position: -500px -2000px;
  }
  85.71% {
    background-position: -1000px -2000px;
  }
  87.76% {
    background-position: -1500px -2000px;
  }
  89.80% {
    background-position: -2000px -2000px;
  }
  91.84% {
    background-position: -2500px -2000px;
  }
  93.88% {
    background-position: -3000px -2000px;
  }
  95.92% {
    background-position: -3500px -2000px;
  }
  97.96% {
    background-position: -4000px -2000px;
  }
  100.00% {
    background-position: -4500px -2000px;
  }
}
@-moz-keyframes footprintAnimation {
  0% {
    background-position: 0px 0px;
  }
  2.04% {
    background-position: -500px 0px;
  }
  4.08% {
    background-position: -1000px 0px;
  }
  6.12% {
    background-position: -1500px 0px;
  }
  8.16% {
    background-position: -2000px 0px;
  }
  10.20% {
    background-position: -2500px 0px;
  }
  12.24% {
    background-position: -3000px 0px;
  }
  14.29% {
    background-position: -3500px 0px;
  }
  16.33% {
    background-position: -4000px 0px;
  }
  18.37% {
    background-position: -4500px 0px;
  }
  20.41% {
    background-position: 0px -500px;
  }
  22.45% {
    background-position: -500px -500px;
  }
  24.49% {
    background-position: -1000px -500px;
  }
  26.53% {
    background-position: -1500px -500px;
  }
  28.57% {
    background-position: -2000px -500px;
  }
  30.61% {
    background-position: -2500px -500px;
  }
  32.65% {
    background-position: -3000px -500px;
  }
  34.69% {
    background-position: -3500px -500px;
  }
  36.73% {
    background-position: -4000px -500px;
  }
  38.78% {
    background-position: -4500px -500px;
  }
  40.82% {
    background-position: 0px -1000px;
  }
  42.86% {
    background-position: -500px -1000px;
  }
  44.90% {
    background-position: -1000px -1000px;
  }
  46.94% {
    background-position: -1500px -1000px;
  }
  48.98% {
    background-position: -2000px -1000px;
  }
  51.02% {
    background-position: -2500px -1000px;
  }
  53.06% {
    background-position: -3000px -1000px;
  }
  55.10% {
    background-position: -3500px -1000px;
  }
  57.14% {
    background-position: -4000px -1000px;
  }
  59.18% {
    background-position: -4500px -1000px;
  }
  61.22% {
    background-position: 0px -1500px;
  }
  63.27% {
    background-position: -500px -1500px;
  }
  65.31% {
    background-position: -1000px -1500px;
  }
  67.35% {
    background-position: -1500px -1500px;
  }
  69.39% {
    background-position: -2000px -1500px;
  }
  71.43% {
    background-position: -2500px -1500px;
  }
  73.47% {
    background-position: -3000px -1500px;
  }
  75.51% {
    background-position: -3500px -1500px;
  }
  77.55% {
    background-position: -4000px -1500px;
  }
  79.59% {
    background-position: -4500px -1500px;
  }
  81.63% {
    background-position: 0px -2000px;
  }
  83.67% {
    background-position: -500px -2000px;
  }
  85.71% {
    background-position: -1000px -2000px;
  }
  87.76% {
    background-position: -1500px -2000px;
  }
  89.80% {
    background-position: -2000px -2000px;
  }
  91.84% {
    background-position: -2500px -2000px;
  }
  93.88% {
    background-position: -3000px -2000px;
  }
  95.92% {
    background-position: -3500px -2000px;
  }
  97.96% {
    background-position: -4000px -2000px;
  }
  100.00% {
    background-position: -4500px -2000px;
  }
}
@-ms-keyframes footprintAnimation {
  0% {
    background-position: 0px 0px;
  }
  2.04% {
    background-position: -500px 0px;
  }
  4.08% {
    background-position: -1000px 0px;
  }
  6.12% {
    background-position: -1500px 0px;
  }
  8.16% {
    background-position: -2000px 0px;
  }
  10.20% {
    background-position: -2500px 0px;
  }
  12.24% {
    background-position: -3000px 0px;
  }
  14.29% {
    background-position: -3500px 0px;
  }
  16.33% {
    background-position: -4000px 0px;
  }
  18.37% {
    background-position: -4500px 0px;
  }
  20.41% {
    background-position: 0px -500px;
  }
  22.45% {
    background-position: -500px -500px;
  }
  24.49% {
    background-position: -1000px -500px;
  }
  26.53% {
    background-position: -1500px -500px;
  }
  28.57% {
    background-position: -2000px -500px;
  }
  30.61% {
    background-position: -2500px -500px;
  }
  32.65% {
    background-position: -3000px -500px;
  }
  34.69% {
    background-position: -3500px -500px;
  }
  36.73% {
    background-position: -4000px -500px;
  }
  38.78% {
    background-position: -4500px -500px;
  }
  40.82% {
    background-position: 0px -1000px;
  }
  42.86% {
    background-position: -500px -1000px;
  }
  44.90% {
    background-position: -1000px -1000px;
  }
  46.94% {
    background-position: -1500px -1000px;
  }
  48.98% {
    background-position: -2000px -1000px;
  }
  51.02% {
    background-position: -2500px -1000px;
  }
  53.06% {
    background-position: -3000px -1000px;
  }
  55.10% {
    background-position: -3500px -1000px;
  }
  57.14% {
    background-position: -4000px -1000px;
  }
  59.18% {
    background-position: -4500px -1000px;
  }
  61.22% {
    background-position: 0px -1500px;
  }
  63.27% {
    background-position: -500px -1500px;
  }
  65.31% {
    background-position: -1000px -1500px;
  }
  67.35% {
    background-position: -1500px -1500px;
  }
  69.39% {
    background-position: -2000px -1500px;
  }
  71.43% {
    background-position: -2500px -1500px;
  }
  73.47% {
    background-position: -3000px -1500px;
  }
  75.51% {
    background-position: -3500px -1500px;
  }
  77.55% {
    background-position: -4000px -1500px;
  }
  79.59% {
    background-position: -4500px -1500px;
  }
  81.63% {
    background-position: 0px -2000px;
  }
  83.67% {
    background-position: -500px -2000px;
  }
  85.71% {
    background-position: -1000px -2000px;
  }
  87.76% {
    background-position: -1500px -2000px;
  }
  89.80% {
    background-position: -2000px -2000px;
  }
  91.84% {
    background-position: -2500px -2000px;
  }
  93.88% {
    background-position: -3000px -2000px;
  }
  95.92% {
    background-position: -3500px -2000px;
  }
  97.96% {
    background-position: -4000px -2000px;
  }
  100.00% {
    background-position: -4500px -2000px;
  }
}
@-o-keyframes footprintAnimation {
  0% {
    background-position: 0px 0px;
  }
  2.04% {
    background-position: -500px 0px;
  }
  4.08% {
    background-position: -1000px 0px;
  }
  6.12% {
    background-position: -1500px 0px;
  }
  8.16% {
    background-position: -2000px 0px;
  }
  10.20% {
    background-position: -2500px 0px;
  }
  12.24% {
    background-position: -3000px 0px;
  }
  14.29% {
    background-position: -3500px 0px;
  }
  16.33% {
    background-position: -4000px 0px;
  }
  18.37% {
    background-position: -4500px 0px;
  }
  20.41% {
    background-position: 0px -500px;
  }
  22.45% {
    background-position: -500px -500px;
  }
  24.49% {
    background-position: -1000px -500px;
  }
  26.53% {
    background-position: -1500px -500px;
  }
  28.57% {
    background-position: -2000px -500px;
  }
  30.61% {
    background-position: -2500px -500px;
  }
  32.65% {
    background-position: -3000px -500px;
  }
  34.69% {
    background-position: -3500px -500px;
  }
  36.73% {
    background-position: -4000px -500px;
  }
  38.78% {
    background-position: -4500px -500px;
  }
  40.82% {
    background-position: 0px -1000px;
  }
  42.86% {
    background-position: -500px -1000px;
  }
  44.90% {
    background-position: -1000px -1000px;
  }
  46.94% {
    background-position: -1500px -1000px;
  }
  48.98% {
    background-position: -2000px -1000px;
  }
  51.02% {
    background-position: -2500px -1000px;
  }
  53.06% {
    background-position: -3000px -1000px;
  }
  55.10% {
    background-position: -3500px -1000px;
  }
  57.14% {
    background-position: -4000px -1000px;
  }
  59.18% {
    background-position: -4500px -1000px;
  }
  61.22% {
    background-position: 0px -1500px;
  }
  63.27% {
    background-position: -500px -1500px;
  }
  65.31% {
    background-position: -1000px -1500px;
  }
  67.35% {
    background-position: -1500px -1500px;
  }
  69.39% {
    background-position: -2000px -1500px;
  }
  71.43% {
    background-position: -2500px -1500px;
  }
  73.47% {
    background-position: -3000px -1500px;
  }
  75.51% {
    background-position: -3500px -1500px;
  }
  77.55% {
    background-position: -4000px -1500px;
  }
  79.59% {
    background-position: -4500px -1500px;
  }
  81.63% {
    background-position: 0px -2000px;
  }
  83.67% {
    background-position: -500px -2000px;
  }
  85.71% {
    background-position: -1000px -2000px;
  }
  87.76% {
    background-position: -1500px -2000px;
  }
  89.80% {
    background-position: -2000px -2000px;
  }
  91.84% {
    background-position: -2500px -2000px;
  }
  93.88% {
    background-position: -3000px -2000px;
  }
  95.92% {
    background-position: -3500px -2000px;
  }
  97.96% {
    background-position: -4000px -2000px;
  }
  100.00% {
    background-position: -4500px -2000px;
  }
}
@keyframes footprintAnimation {
  0% {
    background-position: 0px 0px;
  }
  2.04% {
    background-position: -500px 0px;
  }
  4.08% {
    background-position: -1000px 0px;
  }
  6.12% {
    background-position: -1500px 0px;
  }
  8.16% {
    background-position: -2000px 0px;
  }
  10.20% {
    background-position: -2500px 0px;
  }
  12.24% {
    background-position: -3000px 0px;
  }
  14.29% {
    background-position: -3500px 0px;
  }
  16.33% {
    background-position: -4000px 0px;
  }
  18.37% {
    background-position: -4500px 0px;
  }
  20.41% {
    background-position: 0px -500px;
  }
  22.45% {
    background-position: -500px -500px;
  }
  24.49% {
    background-position: -1000px -500px;
  }
  26.53% {
    background-position: -1500px -500px;
  }
  28.57% {
    background-position: -2000px -500px;
  }
  30.61% {
    background-position: -2500px -500px;
  }
  32.65% {
    background-position: -3000px -500px;
  }
  34.69% {
    background-position: -3500px -500px;
  }
  36.73% {
    background-position: -4000px -500px;
  }
  38.78% {
    background-position: -4500px -500px;
  }
  40.82% {
    background-position: 0px -1000px;
  }
  42.86% {
    background-position: -500px -1000px;
  }
  44.90% {
    background-position: -1000px -1000px;
  }
  46.94% {
    background-position: -1500px -1000px;
  }
  48.98% {
    background-position: -2000px -1000px;
  }
  51.02% {
    background-position: -2500px -1000px;
  }
  53.06% {
    background-position: -3000px -1000px;
  }
  55.10% {
    background-position: -3500px -1000px;
  }
  57.14% {
    background-position: -4000px -1000px;
  }
  59.18% {
    background-position: -4500px -1000px;
  }
  61.22% {
    background-position: 0px -1500px;
  }
  63.27% {
    background-position: -500px -1500px;
  }
  65.31% {
    background-position: -1000px -1500px;
  }
  67.35% {
    background-position: -1500px -1500px;
  }
  69.39% {
    background-position: -2000px -1500px;
  }
  71.43% {
    background-position: -2500px -1500px;
  }
  73.47% {
    background-position: -3000px -1500px;
  }
  75.51% {
    background-position: -3500px -1500px;
  }
  77.55% {
    background-position: -4000px -1500px;
  }
  79.59% {
    background-position: -4500px -1500px;
  }
  81.63% {
    background-position: 0px -2000px;
  }
  83.67% {
    background-position: -500px -2000px;
  }
  85.71% {
    background-position: -1000px -2000px;
  }
  87.76% {
    background-position: -1500px -2000px;
  }
  89.80% {
    background-position: -2000px -2000px;
  }
  91.84% {
    background-position: -2500px -2000px;
  }
  93.88% {
    background-position: -3000px -2000px;
  }
  95.92% {
    background-position: -3500px -2000px;
  }
  97.96% {
    background-position: -4000px -2000px;
  }
  100.00% {
    background-position: -4500px -2000px;
  }
}
@-webkit-keyframes footprintAnimation {
  0% {
    background-position: 0px 0px;
  }
  2.04% {
    background-position: -500px 0px;
  }
  4.08% {
    background-position: -1000px 0px;
  }
  6.12% {
    background-position: -1500px 0px;
  }
  8.16% {
    background-position: -2000px 0px;
  }
  10.20% {
    background-position: -2500px 0px;
  }
  12.24% {
    background-position: -3000px 0px;
  }
  14.29% {
    background-position: -3500px 0px;
  }
  16.33% {
    background-position: -4000px 0px;
  }
  18.37% {
    background-position: -4500px 0px;
  }
  20.41% {
    background-position: 0px -500px;
  }
  22.45% {
    background-position: -500px -500px;
  }
  24.49% {
    background-position: -1000px -500px;
  }
  26.53% {
    background-position: -1500px -500px;
  }
  28.57% {
    background-position: -2000px -500px;
  }
  30.61% {
    background-position: -2500px -500px;
  }
  32.65% {
    background-position: -3000px -500px;
  }
  34.69% {
    background-position: -3500px -500px;
  }
  36.73% {
    background-position: -4000px -500px;
  }
  38.78% {
    background-position: -4500px -500px;
  }
  40.82% {
    background-position: 0px -1000px;
  }
  42.86% {
    background-position: -500px -1000px;
  }
  44.90% {
    background-position: -1000px -1000px;
  }
  46.94% {
    background-position: -1500px -1000px;
  }
  48.98% {
    background-position: -2000px -1000px;
  }
  51.02% {
    background-position: -2500px -1000px;
  }
  53.06% {
    background-position: -3000px -1000px;
  }
  55.10% {
    background-position: -3500px -1000px;
  }
  57.14% {
    background-position: -4000px -1000px;
  }
  59.18% {
    background-position: -4500px -1000px;
  }
  61.22% {
    background-position: 0px -1500px;
  }
  63.27% {
    background-position: -500px -1500px;
  }
  65.31% {
    background-position: -1000px -1500px;
  }
  67.35% {
    background-position: -1500px -1500px;
  }
  69.39% {
    background-position: -2000px -1500px;
  }
  71.43% {
    background-position: -2500px -1500px;
  }
  73.47% {
    background-position: -3000px -1500px;
  }
  75.51% {
    background-position: -3500px -1500px;
  }
  77.55% {
    background-position: -4000px -1500px;
  }
  79.59% {
    background-position: -4500px -1500px;
  }
  81.63% {
    background-position: 0px -2000px;
  }
  83.67% {
    background-position: -500px -2000px;
  }
  85.71% {
    background-position: -1000px -2000px;
  }
  87.76% {
    background-position: -1500px -2000px;
  }
  89.80% {
    background-position: -2000px -2000px;
  }
  91.84% {
    background-position: -2500px -2000px;
  }
  93.88% {
    background-position: -3000px -2000px;
  }
  95.92% {
    background-position: -3500px -2000px;
  }
  97.96% {
    background-position: -4000px -2000px;
  }
  100.00% {
    background-position: -4500px -2000px;
  }
}
@-moz-keyframes footprintAnimation {
  0% {
    background-position: 0px 0px;
  }
  2.04% {
    background-position: -500px 0px;
  }
  4.08% {
    background-position: -1000px 0px;
  }
  6.12% {
    background-position: -1500px 0px;
  }
  8.16% {
    background-position: -2000px 0px;
  }
  10.20% {
    background-position: -2500px 0px;
  }
  12.24% {
    background-position: -3000px 0px;
  }
  14.29% {
    background-position: -3500px 0px;
  }
  16.33% {
    background-position: -4000px 0px;
  }
  18.37% {
    background-position: -4500px 0px;
  }
  20.41% {
    background-position: 0px -500px;
  }
  22.45% {
    background-position: -500px -500px;
  }
  24.49% {
    background-position: -1000px -500px;
  }
  26.53% {
    background-position: -1500px -500px;
  }
  28.57% {
    background-position: -2000px -500px;
  }
  30.61% {
    background-position: -2500px -500px;
  }
  32.65% {
    background-position: -3000px -500px;
  }
  34.69% {
    background-position: -3500px -500px;
  }
  36.73% {
    background-position: -4000px -500px;
  }
  38.78% {
    background-position: -4500px -500px;
  }
  40.82% {
    background-position: 0px -1000px;
  }
  42.86% {
    background-position: -500px -1000px;
  }
  44.90% {
    background-position: -1000px -1000px;
  }
  46.94% {
    background-position: -1500px -1000px;
  }
  48.98% {
    background-position: -2000px -1000px;
  }
  51.02% {
    background-position: -2500px -1000px;
  }
  53.06% {
    background-position: -3000px -1000px;
  }
  55.10% {
    background-position: -3500px -1000px;
  }
  57.14% {
    background-position: -4000px -1000px;
  }
  59.18% {
    background-position: -4500px -1000px;
  }
  61.22% {
    background-position: 0px -1500px;
  }
  63.27% {
    background-position: -500px -1500px;
  }
  65.31% {
    background-position: -1000px -1500px;
  }
  67.35% {
    background-position: -1500px -1500px;
  }
  69.39% {
    background-position: -2000px -1500px;
  }
  71.43% {
    background-position: -2500px -1500px;
  }
  73.47% {
    background-position: -3000px -1500px;
  }
  75.51% {
    background-position: -3500px -1500px;
  }
  77.55% {
    background-position: -4000px -1500px;
  }
  79.59% {
    background-position: -4500px -1500px;
  }
  81.63% {
    background-position: 0px -2000px;
  }
  83.67% {
    background-position: -500px -2000px;
  }
  85.71% {
    background-position: -1000px -2000px;
  }
  87.76% {
    background-position: -1500px -2000px;
  }
  89.80% {
    background-position: -2000px -2000px;
  }
  91.84% {
    background-position: -2500px -2000px;
  }
  93.88% {
    background-position: -3000px -2000px;
  }
  95.92% {
    background-position: -3500px -2000px;
  }
  97.96% {
    background-position: -4000px -2000px;
  }
  100.00% {
    background-position: -4500px -2000px;
  }
}
@-ms-keyframes footprintAnimation {
  0% {
    background-position: 0px 0px;
  }
  2.04% {
    background-position: -500px 0px;
  }
  4.08% {
    background-position: -1000px 0px;
  }
  6.12% {
    background-position: -1500px 0px;
  }
  8.16% {
    background-position: -2000px 0px;
  }
  10.20% {
    background-position: -2500px 0px;
  }
  12.24% {
    background-position: -3000px 0px;
  }
  14.29% {
    background-position: -3500px 0px;
  }
  16.33% {
    background-position: -4000px 0px;
  }
  18.37% {
    background-position: -4500px 0px;
  }
  20.41% {
    background-position: 0px -500px;
  }
  22.45% {
    background-position: -500px -500px;
  }
  24.49% {
    background-position: -1000px -500px;
  }
  26.53% {
    background-position: -1500px -500px;
  }
  28.57% {
    background-position: -2000px -500px;
  }
  30.61% {
    background-position: -2500px -500px;
  }
  32.65% {
    background-position: -3000px -500px;
  }
  34.69% {
    background-position: -3500px -500px;
  }
  36.73% {
    background-position: -4000px -500px;
  }
  38.78% {
    background-position: -4500px -500px;
  }
  40.82% {
    background-position: 0px -1000px;
  }
  42.86% {
    background-position: -500px -1000px;
  }
  44.90% {
    background-position: -1000px -1000px;
  }
  46.94% {
    background-position: -1500px -1000px;
  }
  48.98% {
    background-position: -2000px -1000px;
  }
  51.02% {
    background-position: -2500px -1000px;
  }
  53.06% {
    background-position: -3000px -1000px;
  }
  55.10% {
    background-position: -3500px -1000px;
  }
  57.14% {
    background-position: -4000px -1000px;
  }
  59.18% {
    background-position: -4500px -1000px;
  }
  61.22% {
    background-position: 0px -1500px;
  }
  63.27% {
    background-position: -500px -1500px;
  }
  65.31% {
    background-position: -1000px -1500px;
  }
  67.35% {
    background-position: -1500px -1500px;
  }
  69.39% {
    background-position: -2000px -1500px;
  }
  71.43% {
    background-position: -2500px -1500px;
  }
  73.47% {
    background-position: -3000px -1500px;
  }
  75.51% {
    background-position: -3500px -1500px;
  }
  77.55% {
    background-position: -4000px -1500px;
  }
  79.59% {
    background-position: -4500px -1500px;
  }
  81.63% {
    background-position: 0px -2000px;
  }
  83.67% {
    background-position: -500px -2000px;
  }
  85.71% {
    background-position: -1000px -2000px;
  }
  87.76% {
    background-position: -1500px -2000px;
  }
  89.80% {
    background-position: -2000px -2000px;
  }
  91.84% {
    background-position: -2500px -2000px;
  }
  93.88% {
    background-position: -3000px -2000px;
  }
  95.92% {
    background-position: -3500px -2000px;
  }
  97.96% {
    background-position: -4000px -2000px;
  }
  100.00% {
    background-position: -4500px -2000px;
  }
}
@-o-keyframes footprintAnimation {
  0% {
    background-position: 0px 0px;
  }
  2.04% {
    background-position: -500px 0px;
  }
  4.08% {
    background-position: -1000px 0px;
  }
  6.12% {
    background-position: -1500px 0px;
  }
  8.16% {
    background-position: -2000px 0px;
  }
  10.20% {
    background-position: -2500px 0px;
  }
  12.24% {
    background-position: -3000px 0px;
  }
  14.29% {
    background-position: -3500px 0px;
  }
  16.33% {
    background-position: -4000px 0px;
  }
  18.37% {
    background-position: -4500px 0px;
  }
  20.41% {
    background-position: 0px -500px;
  }
  22.45% {
    background-position: -500px -500px;
  }
  24.49% {
    background-position: -1000px -500px;
  }
  26.53% {
    background-position: -1500px -500px;
  }
  28.57% {
    background-position: -2000px -500px;
  }
  30.61% {
    background-position: -2500px -500px;
  }
  32.65% {
    background-position: -3000px -500px;
  }
  34.69% {
    background-position: -3500px -500px;
  }
  36.73% {
    background-position: -4000px -500px;
  }
  38.78% {
    background-position: -4500px -500px;
  }
  40.82% {
    background-position: 0px -1000px;
  }
  42.86% {
    background-position: -500px -1000px;
  }
  44.90% {
    background-position: -1000px -1000px;
  }
  46.94% {
    background-position: -1500px -1000px;
  }
  48.98% {
    background-position: -2000px -1000px;
  }
  51.02% {
    background-position: -2500px -1000px;
  }
  53.06% {
    background-position: -3000px -1000px;
  }
  55.10% {
    background-position: -3500px -1000px;
  }
  57.14% {
    background-position: -4000px -1000px;
  }
  59.18% {
    background-position: -4500px -1000px;
  }
  61.22% {
    background-position: 0px -1500px;
  }
  63.27% {
    background-position: -500px -1500px;
  }
  65.31% {
    background-position: -1000px -1500px;
  }
  67.35% {
    background-position: -1500px -1500px;
  }
  69.39% {
    background-position: -2000px -1500px;
  }
  71.43% {
    background-position: -2500px -1500px;
  }
  73.47% {
    background-position: -3000px -1500px;
  }
  75.51% {
    background-position: -3500px -1500px;
  }
  77.55% {
    background-position: -4000px -1500px;
  }
  79.59% {
    background-position: -4500px -1500px;
  }
  81.63% {
    background-position: 0px -2000px;
  }
  83.67% {
    background-position: -500px -2000px;
  }
  85.71% {
    background-position: -1000px -2000px;
  }
  87.76% {
    background-position: -1500px -2000px;
  }
  89.80% {
    background-position: -2000px -2000px;
  }
  91.84% {
    background-position: -2500px -2000px;
  }
  93.88% {
    background-position: -3000px -2000px;
  }
  95.92% {
    background-position: -3500px -2000px;
  }
  97.96% {
    background-position: -4000px -2000px;
  }
  100.00% {
    background-position: -4500px -2000px;
  }
}
@keyframes footprintAnimation {
  0% {
    background-position: 0px 0px;
  }
  2.04% {
    background-position: -500px 0px;
  }
  4.08% {
    background-position: -1000px 0px;
  }
  6.12% {
    background-position: -1500px 0px;
  }
  8.16% {
    background-position: -2000px 0px;
  }
  10.20% {
    background-position: -2500px 0px;
  }
  12.24% {
    background-position: -3000px 0px;
  }
  14.29% {
    background-position: -3500px 0px;
  }
  16.33% {
    background-position: -4000px 0px;
  }
  18.37% {
    background-position: -4500px 0px;
  }
  20.41% {
    background-position: 0px -500px;
  }
  22.45% {
    background-position: -500px -500px;
  }
  24.49% {
    background-position: -1000px -500px;
  }
  26.53% {
    background-position: -1500px -500px;
  }
  28.57% {
    background-position: -2000px -500px;
  }
  30.61% {
    background-position: -2500px -500px;
  }
  32.65% {
    background-position: -3000px -500px;
  }
  34.69% {
    background-position: -3500px -500px;
  }
  36.73% {
    background-position: -4000px -500px;
  }
  38.78% {
    background-position: -4500px -500px;
  }
  40.82% {
    background-position: 0px -1000px;
  }
  42.86% {
    background-position: -500px -1000px;
  }
  44.90% {
    background-position: -1000px -1000px;
  }
  46.94% {
    background-position: -1500px -1000px;
  }
  48.98% {
    background-position: -2000px -1000px;
  }
  51.02% {
    background-position: -2500px -1000px;
  }
  53.06% {
    background-position: -3000px -1000px;
  }
  55.10% {
    background-position: -3500px -1000px;
  }
  57.14% {
    background-position: -4000px -1000px;
  }
  59.18% {
    background-position: -4500px -1000px;
  }
  61.22% {
    background-position: 0px -1500px;
  }
  63.27% {
    background-position: -500px -1500px;
  }
  65.31% {
    background-position: -1000px -1500px;
  }
  67.35% {
    background-position: -1500px -1500px;
  }
  69.39% {
    background-position: -2000px -1500px;
  }
  71.43% {
    background-position: -2500px -1500px;
  }
  73.47% {
    background-position: -3000px -1500px;
  }
  75.51% {
    background-position: -3500px -1500px;
  }
  77.55% {
    background-position: -4000px -1500px;
  }
  79.59% {
    background-position: -4500px -1500px;
  }
  81.63% {
    background-position: 0px -2000px;
  }
  83.67% {
    background-position: -500px -2000px;
  }
  85.71% {
    background-position: -1000px -2000px;
  }
  87.76% {
    background-position: -1500px -2000px;
  }
  89.80% {
    background-position: -2000px -2000px;
  }
  91.84% {
    background-position: -2500px -2000px;
  }
  93.88% {
    background-position: -3000px -2000px;
  }
  95.92% {
    background-position: -3500px -2000px;
  }
  97.96% {
    background-position: -4000px -2000px;
  }
  100.00% {
    background-position: -4500px -2000px;
  }
}
@-webkit-keyframes footprintAnimation {
  0% {
    background-position: 0px 0px;
  }
  2.04% {
    background-position: -500px 0px;
  }
  4.08% {
    background-position: -1000px 0px;
  }
  6.12% {
    background-position: -1500px 0px;
  }
  8.16% {
    background-position: -2000px 0px;
  }
  10.20% {
    background-position: -2500px 0px;
  }
  12.24% {
    background-position: -3000px 0px;
  }
  14.29% {
    background-position: -3500px 0px;
  }
  16.33% {
    background-position: -4000px 0px;
  }
  18.37% {
    background-position: -4500px 0px;
  }
  20.41% {
    background-position: 0px -500px;
  }
  22.45% {
    background-position: -500px -500px;
  }
  24.49% {
    background-position: -1000px -500px;
  }
  26.53% {
    background-position: -1500px -500px;
  }
  28.57% {
    background-position: -2000px -500px;
  }
  30.61% {
    background-position: -2500px -500px;
  }
  32.65% {
    background-position: -3000px -500px;
  }
  34.69% {
    background-position: -3500px -500px;
  }
  36.73% {
    background-position: -4000px -500px;
  }
  38.78% {
    background-position: -4500px -500px;
  }
  40.82% {
    background-position: 0px -1000px;
  }
  42.86% {
    background-position: -500px -1000px;
  }
  44.90% {
    background-position: -1000px -1000px;
  }
  46.94% {
    background-position: -1500px -1000px;
  }
  48.98% {
    background-position: -2000px -1000px;
  }
  51.02% {
    background-position: -2500px -1000px;
  }
  53.06% {
    background-position: -3000px -1000px;
  }
  55.10% {
    background-position: -3500px -1000px;
  }
  57.14% {
    background-position: -4000px -1000px;
  }
  59.18% {
    background-position: -4500px -1000px;
  }
  61.22% {
    background-position: 0px -1500px;
  }
  63.27% {
    background-position: -500px -1500px;
  }
  65.31% {
    background-position: -1000px -1500px;
  }
  67.35% {
    background-position: -1500px -1500px;
  }
  69.39% {
    background-position: -2000px -1500px;
  }
  71.43% {
    background-position: -2500px -1500px;
  }
  73.47% {
    background-position: -3000px -1500px;
  }
  75.51% {
    background-position: -3500px -1500px;
  }
  77.55% {
    background-position: -4000px -1500px;
  }
  79.59% {
    background-position: -4500px -1500px;
  }
  81.63% {
    background-position: 0px -2000px;
  }
  83.67% {
    background-position: -500px -2000px;
  }
  85.71% {
    background-position: -1000px -2000px;
  }
  87.76% {
    background-position: -1500px -2000px;
  }
  89.80% {
    background-position: -2000px -2000px;
  }
  91.84% {
    background-position: -2500px -2000px;
  }
  93.88% {
    background-position: -3000px -2000px;
  }
  95.92% {
    background-position: -3500px -2000px;
  }
  97.96% {
    background-position: -4000px -2000px;
  }
  100.00% {
    background-position: -4500px -2000px;
  }
}
@-moz-keyframes footprintAnimation {
  0% {
    background-position: 0px 0px;
  }
  2.04% {
    background-position: -500px 0px;
  }
  4.08% {
    background-position: -1000px 0px;
  }
  6.12% {
    background-position: -1500px 0px;
  }
  8.16% {
    background-position: -2000px 0px;
  }
  10.20% {
    background-position: -2500px 0px;
  }
  12.24% {
    background-position: -3000px 0px;
  }
  14.29% {
    background-position: -3500px 0px;
  }
  16.33% {
    background-position: -4000px 0px;
  }
  18.37% {
    background-position: -4500px 0px;
  }
  20.41% {
    background-position: 0px -500px;
  }
  22.45% {
    background-position: -500px -500px;
  }
  24.49% {
    background-position: -1000px -500px;
  }
  26.53% {
    background-position: -1500px -500px;
  }
  28.57% {
    background-position: -2000px -500px;
  }
  30.61% {
    background-position: -2500px -500px;
  }
  32.65% {
    background-position: -3000px -500px;
  }
  34.69% {
    background-position: -3500px -500px;
  }
  36.73% {
    background-position: -4000px -500px;
  }
  38.78% {
    background-position: -4500px -500px;
  }
  40.82% {
    background-position: 0px -1000px;
  }
  42.86% {
    background-position: -500px -1000px;
  }
  44.90% {
    background-position: -1000px -1000px;
  }
  46.94% {
    background-position: -1500px -1000px;
  }
  48.98% {
    background-position: -2000px -1000px;
  }
  51.02% {
    background-position: -2500px -1000px;
  }
  53.06% {
    background-position: -3000px -1000px;
  }
  55.10% {
    background-position: -3500px -1000px;
  }
  57.14% {
    background-position: -4000px -1000px;
  }
  59.18% {
    background-position: -4500px -1000px;
  }
  61.22% {
    background-position: 0px -1500px;
  }
  63.27% {
    background-position: -500px -1500px;
  }
  65.31% {
    background-position: -1000px -1500px;
  }
  67.35% {
    background-position: -1500px -1500px;
  }
  69.39% {
    background-position: -2000px -1500px;
  }
  71.43% {
    background-position: -2500px -1500px;
  }
  73.47% {
    background-position: -3000px -1500px;
  }
  75.51% {
    background-position: -3500px -1500px;
  }
  77.55% {
    background-position: -4000px -1500px;
  }
  79.59% {
    background-position: -4500px -1500px;
  }
  81.63% {
    background-position: 0px -2000px;
  }
  83.67% {
    background-position: -500px -2000px;
  }
  85.71% {
    background-position: -1000px -2000px;
  }
  87.76% {
    background-position: -1500px -2000px;
  }
  89.80% {
    background-position: -2000px -2000px;
  }
  91.84% {
    background-position: -2500px -2000px;
  }
  93.88% {
    background-position: -3000px -2000px;
  }
  95.92% {
    background-position: -3500px -2000px;
  }
  97.96% {
    background-position: -4000px -2000px;
  }
  100.00% {
    background-position: -4500px -2000px;
  }
}
@-ms-keyframes footprintAnimation {
  0% {
    background-position: 0px 0px;
  }
  2.04% {
    background-position: -500px 0px;
  }
  4.08% {
    background-position: -1000px 0px;
  }
  6.12% {
    background-position: -1500px 0px;
  }
  8.16% {
    background-position: -2000px 0px;
  }
  10.20% {
    background-position: -2500px 0px;
  }
  12.24% {
    background-position: -3000px 0px;
  }
  14.29% {
    background-position: -3500px 0px;
  }
  16.33% {
    background-position: -4000px 0px;
  }
  18.37% {
    background-position: -4500px 0px;
  }
  20.41% {
    background-position: 0px -500px;
  }
  22.45% {
    background-position: -500px -500px;
  }
  24.49% {
    background-position: -1000px -500px;
  }
  26.53% {
    background-position: -1500px -500px;
  }
  28.57% {
    background-position: -2000px -500px;
  }
  30.61% {
    background-position: -2500px -500px;
  }
  32.65% {
    background-position: -3000px -500px;
  }
  34.69% {
    background-position: -3500px -500px;
  }
  36.73% {
    background-position: -4000px -500px;
  }
  38.78% {
    background-position: -4500px -500px;
  }
  40.82% {
    background-position: 0px -1000px;
  }
  42.86% {
    background-position: -500px -1000px;
  }
  44.90% {
    background-position: -1000px -1000px;
  }
  46.94% {
    background-position: -1500px -1000px;
  }
  48.98% {
    background-position: -2000px -1000px;
  }
  51.02% {
    background-position: -2500px -1000px;
  }
  53.06% {
    background-position: -3000px -1000px;
  }
  55.10% {
    background-position: -3500px -1000px;
  }
  57.14% {
    background-position: -4000px -1000px;
  }
  59.18% {
    background-position: -4500px -1000px;
  }
  61.22% {
    background-position: 0px -1500px;
  }
  63.27% {
    background-position: -500px -1500px;
  }
  65.31% {
    background-position: -1000px -1500px;
  }
  67.35% {
    background-position: -1500px -1500px;
  }
  69.39% {
    background-position: -2000px -1500px;
  }
  71.43% {
    background-position: -2500px -1500px;
  }
  73.47% {
    background-position: -3000px -1500px;
  }
  75.51% {
    background-position: -3500px -1500px;
  }
  77.55% {
    background-position: -4000px -1500px;
  }
  79.59% {
    background-position: -4500px -1500px;
  }
  81.63% {
    background-position: 0px -2000px;
  }
  83.67% {
    background-position: -500px -2000px;
  }
  85.71% {
    background-position: -1000px -2000px;
  }
  87.76% {
    background-position: -1500px -2000px;
  }
  89.80% {
    background-position: -2000px -2000px;
  }
  91.84% {
    background-position: -2500px -2000px;
  }
  93.88% {
    background-position: -3000px -2000px;
  }
  95.92% {
    background-position: -3500px -2000px;
  }
  97.96% {
    background-position: -4000px -2000px;
  }
  100.00% {
    background-position: -4500px -2000px;
  }
}
@-o-keyframes footprintAnimation {
  0% {
    background-position: 0px 0px;
  }
  2.04% {
    background-position: -500px 0px;
  }
  4.08% {
    background-position: -1000px 0px;
  }
  6.12% {
    background-position: -1500px 0px;
  }
  8.16% {
    background-position: -2000px 0px;
  }
  10.20% {
    background-position: -2500px 0px;
  }
  12.24% {
    background-position: -3000px 0px;
  }
  14.29% {
    background-position: -3500px 0px;
  }
  16.33% {
    background-position: -4000px 0px;
  }
  18.37% {
    background-position: -4500px 0px;
  }
  20.41% {
    background-position: 0px -500px;
  }
  22.45% {
    background-position: -500px -500px;
  }
  24.49% {
    background-position: -1000px -500px;
  }
  26.53% {
    background-position: -1500px -500px;
  }
  28.57% {
    background-position: -2000px -500px;
  }
  30.61% {
    background-position: -2500px -500px;
  }
  32.65% {
    background-position: -3000px -500px;
  }
  34.69% {
    background-position: -3500px -500px;
  }
  36.73% {
    background-position: -4000px -500px;
  }
  38.78% {
    background-position: -4500px -500px;
  }
  40.82% {
    background-position: 0px -1000px;
  }
  42.86% {
    background-position: -500px -1000px;
  }
  44.90% {
    background-position: -1000px -1000px;
  }
  46.94% {
    background-position: -1500px -1000px;
  }
  48.98% {
    background-position: -2000px -1000px;
  }
  51.02% {
    background-position: -2500px -1000px;
  }
  53.06% {
    background-position: -3000px -1000px;
  }
  55.10% {
    background-position: -3500px -1000px;
  }
  57.14% {
    background-position: -4000px -1000px;
  }
  59.18% {
    background-position: -4500px -1000px;
  }
  61.22% {
    background-position: 0px -1500px;
  }
  63.27% {
    background-position: -500px -1500px;
  }
  65.31% {
    background-position: -1000px -1500px;
  }
  67.35% {
    background-position: -1500px -1500px;
  }
  69.39% {
    background-position: -2000px -1500px;
  }
  71.43% {
    background-position: -2500px -1500px;
  }
  73.47% {
    background-position: -3000px -1500px;
  }
  75.51% {
    background-position: -3500px -1500px;
  }
  77.55% {
    background-position: -4000px -1500px;
  }
  79.59% {
    background-position: -4500px -1500px;
  }
  81.63% {
    background-position: 0px -2000px;
  }
  83.67% {
    background-position: -500px -2000px;
  }
  85.71% {
    background-position: -1000px -2000px;
  }
  87.76% {
    background-position: -1500px -2000px;
  }
  89.80% {
    background-position: -2000px -2000px;
  }
  91.84% {
    background-position: -2500px -2000px;
  }
  93.88% {
    background-position: -3000px -2000px;
  }
  95.92% {
    background-position: -3500px -2000px;
  }
  97.96% {
    background-position: -4000px -2000px;
  }
  100.00% {
    background-position: -4500px -2000px;
  }
}
@keyframes footprintAnimation {
  0% {
    background-position: 0px 0px;
  }
  2.04% {
    background-position: -500px 0px;
  }
  4.08% {
    background-position: -1000px 0px;
  }
  6.12% {
    background-position: -1500px 0px;
  }
  8.16% {
    background-position: -2000px 0px;
  }
  10.20% {
    background-position: -2500px 0px;
  }
  12.24% {
    background-position: -3000px 0px;
  }
  14.29% {
    background-position: -3500px 0px;
  }
  16.33% {
    background-position: -4000px 0px;
  }
  18.37% {
    background-position: -4500px 0px;
  }
  20.41% {
    background-position: 0px -500px;
  }
  22.45% {
    background-position: -500px -500px;
  }
  24.49% {
    background-position: -1000px -500px;
  }
  26.53% {
    background-position: -1500px -500px;
  }
  28.57% {
    background-position: -2000px -500px;
  }
  30.61% {
    background-position: -2500px -500px;
  }
  32.65% {
    background-position: -3000px -500px;
  }
  34.69% {
    background-position: -3500px -500px;
  }
  36.73% {
    background-position: -4000px -500px;
  }
  38.78% {
    background-position: -4500px -500px;
  }
  40.82% {
    background-position: 0px -1000px;
  }
  42.86% {
    background-position: -500px -1000px;
  }
  44.90% {
    background-position: -1000px -1000px;
  }
  46.94% {
    background-position: -1500px -1000px;
  }
  48.98% {
    background-position: -2000px -1000px;
  }
  51.02% {
    background-position: -2500px -1000px;
  }
  53.06% {
    background-position: -3000px -1000px;
  }
  55.10% {
    background-position: -3500px -1000px;
  }
  57.14% {
    background-position: -4000px -1000px;
  }
  59.18% {
    background-position: -4500px -1000px;
  }
  61.22% {
    background-position: 0px -1500px;
  }
  63.27% {
    background-position: -500px -1500px;
  }
  65.31% {
    background-position: -1000px -1500px;
  }
  67.35% {
    background-position: -1500px -1500px;
  }
  69.39% {
    background-position: -2000px -1500px;
  }
  71.43% {
    background-position: -2500px -1500px;
  }
  73.47% {
    background-position: -3000px -1500px;
  }
  75.51% {
    background-position: -3500px -1500px;
  }
  77.55% {
    background-position: -4000px -1500px;
  }
  79.59% {
    background-position: -4500px -1500px;
  }
  81.63% {
    background-position: 0px -2000px;
  }
  83.67% {
    background-position: -500px -2000px;
  }
  85.71% {
    background-position: -1000px -2000px;
  }
  87.76% {
    background-position: -1500px -2000px;
  }
  89.80% {
    background-position: -2000px -2000px;
  }
  91.84% {
    background-position: -2500px -2000px;
  }
  93.88% {
    background-position: -3000px -2000px;
  }
  95.92% {
    background-position: -3500px -2000px;
  }
  97.96% {
    background-position: -4000px -2000px;
  }
  100.00% {
    background-position: -4500px -2000px;
  }
}
.fade-enter-active,
.fade-leave-active {
  -webkit-transition: opacity .3s;
  transition: opacity .3s;
}
.fade-enter,
.fade-leave-active {
  opacity: 0;
}
.vux-fade-enter-active,
.vux-fade-leave-active {
  opacity: 1;
  -webkit-transition: opacity linear 0.2s;
  transition: opacity linear 0.2s;
}
.vux-fade-enter,
.vux-fade-leave-to {
  opacity: 0;
}
.vux-dialog-enter-active,
.vux-dialog-leave-active {
  opacity: 1;
  -webkit-transition-duration: 400ms;
          transition-duration: 400ms;
  -webkit-transform: translate(-50%, -50%) scale(1) !important;
          transform: translate(-50%, -50%) scale(1) !important;
  -webkit-transition-property: opacity, -webkit-transform!important;
  transition-property: opacity, -webkit-transform!important;
  transition-property: transform, opacity!important;
  transition-property: transform, opacity, -webkit-transform!important;
}
.vux-dialog-leave-active {
  -webkit-transition-duration: 300ms;
          transition-duration: 300ms;
}
.vux-dialog-enter {
  opacity: 0;
  -webkit-transform: translate(-50%, -50%) scale(1.185) !important;
          transform: translate(-50%, -50%) scale(1.185) !important;
}
.vux-dialog-leave-active {
  opacity: 0;
  -webkit-transform: translate(-50%, -50%) scale(0.85) !important;
          transform: translate(-50%, -50%) scale(0.85) !important;
}
.vux-mask-enter,
.vux-mask-leave-active {
  opacity: 0;
}
.vux-mask-leave-active,
.vux-mask-enter-active {
  -webkit-transition: opacity 300ms;
  transition: opacity 300ms;
}
@-webkit-keyframes slideInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@keyframes slideInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@-webkit-keyframes slideOutRight {
  from {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0);
  }
}
@keyframes slideOutRight {
  from {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0);
  }
}
.slideRight-enter-active,
.slideInRight,
.slideRight-leave-active,
.slideOutRight {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.slideRight-enter-active,
.slideInRight {
  -webkit-animation-name: slideInRight;
  animation-name: slideInRight;
}
.slideRight-leave-active,
.slideOutRight {
  -webkit-animation-name: slideOutRight;
  animation-name: slideOutRight;
}
html,
body {
  width: 100%;
  height: 100%;
  margin: 0 auto;
  min-width: 1440px;
}
body {
  position: relative;
  color: #505050;
}
.em {
  color: #fffee1;
}
#leihuo-top {
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 10;
}
.no-webp #leihuo-top #logo {background:url(https://tym.res.netease.com/pc/zt/20211119142453234/img/sprite-3e9872_3e9872c5.png) no-repeat;background-size:519px 516px;
background-position:-0px -66px}
.webp #leihuo-top #logo {background:url(https://tym.res.netease.com/pc/zt/20211119142453234/img/sprite-3e9872_3e9872c5.webp) no-repeat;background-size:519px 516px;
background-position:-0px -66px}
.no-webp #leihuo-top #logo {background-size:519px 516px}
.webp #leihuo-top #logo {background-size:519px 516px}
.no-webp #leihuo-top #logo {background-position:-0px -66px}
.webp #leihuo-top #logo {background-position:-0px -66px}
#leihuo-top #logo {
  position: absolute;
  top: 20px;
  left: 64px;
  display: block;
  width: 210px;
  height: 98px;
  font-size: 0;

  z-index: 9;
  -webkit-transform-origin: left top;
  -moz-transform-origin: left top;
  -ms-transform-origin: left top;
  -o-transform-origin: left top;
  transform-origin: left top;
}
#leihuo-top #leihuo_top_content {
  position: absolute;
  right: 58px;
  top: 102px;
  vertical-align: middle;
  display: inline-block;
  width: auto;
  z-index: 19;
}
#leihuo-top.inner #leihuo_top_content {
  top: 35px !important;
}
@media (max-width: 1660px) {
  #leihuo-top.inner #logo {
    left: 0;
    -webkit-transform: scale(0.82);
    -moz-transform: scale(0.82);
    -ms-transform: scale(0.82);
    -o-transform: scale(0.82);
    transform: scale(0.82);
  }
}
.no-webp #copyright .footer {background:rgba(0, 0, 0, 0.5)}
.webp #copyright .footer {background:rgba(0, 0, 0, 0.5)}
#copyright .footer {
}
.navs {
  position: fixed;
  right: 40px;
  top: 50%;
  z-index: 10;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
.no-webp .navs::after {background:url(https://tym.res.netease.com/pc/zt/20211119142453234/img/fudie_b527882c.png)}
.webp .navs::after {background:url(https://tym.res.netease.com/pc/zt/20211119142453234/img/fudie_b527882c.webp)}
.navs::after {
  content: '';
  display: block;
  position: relative;
  left: 45px;
  width: 72px;
  height: 95px;
}
.no-webp .navs a {background:url(https://tym.res.netease.com/pc/zt/20211119142453234/img/nav-item-bg_4b9d1eda.png)}
.webp .navs a {background:url(https://tym.res.netease.com/pc/zt/20211119142453234/img/nav-item-bg_4b9d1eda.webp)}
.navs a {
  display: block;
  font-size: 22px;
  color: #fff;
  margin: 10px 20px;
  line-height: 76px;
  text-align: center;
  position: relative;
  width: 167px;
  height: 81px;
}
.no-webp .navs a:hover, 
.no-webp .navs a.active {background:url(https://tym.res.netease.com/pc/zt/20211119142453234/img/nav-item-bg-h_d71db4f4.png)}
.webp .navs a:hover, 
.webp .navs a.active {background:url(https://tym.res.netease.com/pc/zt/20211119142453234/img/nav-item-bg-h_d71db4f4.webp)}
.navs a:hover,
.navs a.active {
}
.no-webp .navs a::after {background:url(https://tym.res.netease.com/pc/zt/20211119142453234/img/nav-item-after_63001fc9.png) no-repeat}
.webp .navs a::after {background:url(https://tym.res.netease.com/pc/zt/20211119142453234/img/nav-item-after_63001fc9.webp) no-repeat}
.navs a::after {
  content: '';
  display: block;
  position: absolute;
  left: 50%;
  bottom: -35px;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 10px;
  height: 48px;
}
.no-webp #app {background:url(https://tym.res.netease.com/pc/zt/20211119142453234/img/bg_6fffa92b.jpg) top center no-repeat;
  background-size: cover}
.webp #app {background:url(https://tym.res.netease.com/pc/zt/20211119142453234/img/bg_6fffa92b.webp) top center no-repeat;
  background-size: cover}
.no-webp #app {background-size:cover}
.webp #app {background-size:cover}
#app {
  width: 100%;
  height: 100%;
  padding-bottom: 0;
  overflow: hidden;
}
.no-webp .bg-out {background:url(https://tym.res.netease.com/pc/zt/20211119142453234/img/bg-out_da8f732a.png) no-repeat;
  background-size: 100%}
.webp .bg-out {background:url(https://tym.res.netease.com/pc/zt/20211119142453234/img/bg-out_da8f732a.webp) no-repeat;
  background-size: 100%}
.no-webp .bg-out {background-size:100%}
.webp .bg-out {background-size:100%}
.bg-out {
  width: 1345px;
  min-height: 100%;
  margin: 0 auto;
  padding: 236px 0 0;
  margin-top: 107px;
}
.no-webp .bg-inner {background:url(https://tym.res.netease.com/pc/zt/20211119142453234/img/bg-rep_cd7d58a2.png) repeat-y;
  background-size: 100%}
.webp .bg-inner {background:url(https://tym.res.netease.com/pc/zt/20211119142453234/img/bg-rep_cd7d58a2.webp) repeat-y;
  background-size: 100%}
.no-webp .bg-inner {background-size:100%}
.webp .bg-inner {background-size:100%}
.bg-inner {
  position: relative;
  width: 1250px;
  min-height: 750px;
  margin: 0 auto;
}
.no-webp .bg-inner::before {background:url(https://tym.res.netease.com/pc/zt/20211119142453234/img/bg-top_1a6d7648.png) repeat-y;
  background-size: 100%}
.webp .bg-inner::before {background:url(https://tym.res.netease.com/pc/zt/20211119142453234/img/bg-top_1a6d7648.webp) repeat-y;
  background-size: 100%}
.no-webp .bg-inner::before {background-size:100%}
.webp .bg-inner::before {background-size:100%}
.bg-inner::before {
  content: '';
  display: block;
  position: absolute;
  top: -226px;
  left: 0;
  width: 1250px;
  height: 226px;
}
.container-inner {
  position: relative;
  top: -150px;
  width: 100%;
  height: auto;
  min-height: 1000px;
}
.container-inner .center {
  width: 1304px;
  height: 100%;
  margin: 0 auto 0;
  position: relative;
}
.no-webp .container-inner .center .back {background:url(https://tym.res.netease.com/pc/zt/20211119142453234/img/sprite-3e9872_3e9872c5.png);background-size:519px 516px;
background-position:-0px -367px}
.webp .container-inner .center .back {background:url(https://tym.res.netease.com/pc/zt/20211119142453234/img/sprite-3e9872_3e9872c5.webp);background-size:519px 516px;
background-position:-0px -367px}
.no-webp .container-inner .center .back {background-size:519px 516px}
.webp .container-inner .center .back {background-size:519px 516px}
.no-webp .container-inner .center .back {background-position:-0px -367px}
.webp .container-inner .center .back {background-position:-0px -367px}
.container-inner .center .back {
  width: 114px;
  height: 61px;
  display: block;
  position: absolute;
  top: -22px;
  left: 44px;

}
.no-webp .container-inner .center .back:hover {background:url(https://tym.res.netease.com/pc/zt/20211119142453234/img/sprite-3e9872_3e9872c5.png);background-size:519px 516px;
background-position:-116px -367px}
.webp .container-inner .center .back:hover {background:url(https://tym.res.netease.com/pc/zt/20211119142453234/img/sprite-3e9872_3e9872c5.webp);background-size:519px 516px;
background-position:-116px -367px}
.no-webp .container-inner .center .back:hover {background-size:519px 516px}
.webp .container-inner .center .back:hover {background-size:519px 516px}
.no-webp .container-inner .center .back:hover {background-position:-116px -367px}
.webp .container-inner .center .back:hover {background-position:-116px -367px}
.container-inner .center .back:hover {
width:114px;
height:61px;

}
.container-inner .center .nav-change {
  width: 1108px;
  margin: auto;
}
.container-inner .center .nav-change p.title {
  margin: 15px 0;
  color: #2992d2;
  font-size: 28px;
}
.no-webp .container-inner .center .nav-change p.title::after, 
.no-webp .container-inner .center .nav-change p.title::before {background:url(https://tym.res.netease.com/pc/zt/20211119142453234/img/num-before-icon_2b5f74a7.png)}
.webp .container-inner .center .nav-change p.title::after, 
.webp .container-inner .center .nav-change p.title::before {background:url(https://tym.res.netease.com/pc/zt/20211119142453234/img/num-before-icon_2b5f74a7.webp)}
.container-inner .center .nav-change p.title::after,
.container-inner .center .nav-change p.title::before {
  content: '';
  display: inline-block;
  width: 38px;
  height: 26px;
  position: relative;
  top: 5px;
}
.container-inner .center .nav-change p.title::after {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.container-inner .center .nav-change .nav-server-list {
  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 */
  /* NEW - Chrome */
  /* NEW, Spec - Opera 12.1, Firefox 20+ */
  display: -webkit-flex;
  display: flex;
  /* 09版 */
  -webkit-box-align: center;
  /* 12版 */
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  -ms-flex-align: center;
      align-items: center;
  /* 09版 */
  -webkit-box-pack: center;
  /* 12版 */
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -o-justify-content: center;
  -ms-flex-pack: center;
      justify-content: center;
}
.no-webp .container-inner .center .nav-change .nav-server-list .nav-server-item {background:url(https://tym.res.netease.com/pc/zt/20211119142453234/img/tab-item-bg_1ec2e2b9.png)}
.webp .container-inner .center .nav-change .nav-server-list .nav-server-item {background:url(https://tym.res.netease.com/pc/zt/20211119142453234/img/tab-item-bg_1ec2e2b9.webp)}
.container-inner .center .nav-change .nav-server-list .nav-server-item {
  font-size: 26px;
  line-height: 54px;
  text-align: center;
  color: #fff;
  cursor: pointer;
  margin: 0 10px;
  position: relative;
  width: 240px;
  height: 54px;
}
.no-webp .container-inner .center .nav-change .nav-server-list .nav-server-item:hover {background:url(https://tym.res.netease.com/pc/zt/20211119142453234/img/tab-item-bg-h_a9540b54.png)}
.webp .container-inner .center .nav-change .nav-server-list .nav-server-item:hover {background:url(https://tym.res.netease.com/pc/zt/20211119142453234/img/tab-item-bg-h_a9540b54.webp)}
.container-inner .center .nav-change .nav-server-list .nav-server-item:hover {
}
.no-webp .container-inner .center .nav-change .nav-server-list .nav-server-item.active {background:url(https://tym.res.netease.com/pc/zt/20211119142453234/img/tab-item-bg-active_271eaac9.png)}
.webp .container-inner .center .nav-change .nav-server-list .nav-server-item.active {background:url(https://tym.res.netease.com/pc/zt/20211119142453234/img/tab-item-bg-active_271eaac9.webp)}
.container-inner .center .nav-change .nav-server-list .nav-server-item.active {
}
.no-webp .container-inner .center .nav-change .nav-server-list .nav-server-item.active:hover {background:url(https://tym.res.netease.com/pc/zt/20211119142453234/img/tab-item-bg-active-h_45a55b16.png)}
.webp .container-inner .center .nav-change .nav-server-list .nav-server-item.active:hover {background:url(https://tym.res.netease.com/pc/zt/20211119142453234/img/tab-item-bg-active-h_45a55b16.webp)}
.container-inner .center .nav-change .nav-server-list .nav-server-item.active:hover {
}
.container-inner .center .nav-change .nav-server-list .nav-server-item a {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.container-inner .center h3 {
  font-size: 0;
  text-align: center;
}
.container-inner .center h4 {
  margin: 15px 0;
  color: #2992d2;
  font-size: 28px;
  font-weight: 400;
}
.no-webp .container-inner .center h4::after, 
.no-webp .container-inner .center h4::before {background:url(https://tym.res.netease.com/pc/zt/20211119142453234/img/num-before-icon_2b5f74a7.png)}
.webp .container-inner .center h4::after, 
.webp .container-inner .center h4::before {background:url(https://tym.res.netease.com/pc/zt/20211119142453234/img/num-before-icon_2b5f74a7.webp)}
.container-inner .center h4::after,
.container-inner .center h4::before {
  content: '';
  display: inline-block;
  width: 38px;
  height: 26px;
  position: relative;
  top: 5px;
}
.container-inner .center h4::after {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
/* CSS Document */
html,
body,
h1,
h2,
h3,
h4,
h5,
h6,
div,
dl,
dt,
dd,
ul,
ol,
li,
p,
blockquote,
pre,
hr,
figure,
table,
caption,
th,
td,
form,
fieldset,
legend,
input,
button,
textarea,
menu {
  margin: 0 auto 0;
  padding: 0;
}
body {
  padding: 0;
  margin: 0 auto 0;
}
html,
body,
fieldset,
img,
iframe,
abbr {
  border: 0;
}
li {
  list-style: none;
}
textarea {
  overflow: auto;
  resize: none;
}
input {
  outline: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
a,
button {
  cursor: pointer;
}
h1,
h2,
h3,
h4,
h5,
h6,
em,
strong,
b {
  font-weight: normal;
  font-style: normal;
}
a,
a:hover {
  text-decoration: none;
}
body,
textarea,
input,
button {
  color: #62a1c9;
}
.no-webp html, 
.no-webp body {background:#fff}
.webp html, 
.webp body {background:#fff}
html,
body {
  width: 100%;
  min-width: 1440px;
  min-height: 900px;
  height: auto;
  font-family: "Microsoft YaHei", "Helvetica Neue", Helvetica, STHeiTi, sans-serif;
  line-height: 1.5;
}
::-webkit-input-placeholder {
  /* WebKit browsers */
  color: #454545;
}
:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #454545;
}
::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #454545;
}
:-ms-input-placeholder {
  /* Internet Explorer 10+ */
  color: #454545;
}
/*宽度限制板块*/
.wbox {
  width: 1440px;
  margin: 0 auto;
  clear: both;
}
.wbox:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.wbox {
  display: inline-block;
}
/* Hides from IE-mac \*/
* html .wbox {
  zoom: 1;
}
.wbox {
  display: block;
  position: relative;
}
/* End hide from IE-mac */
body {
  width: 100%;
  min-width: 1440px;
}
input,
textarea,
a,
div,
button,
select {
  margin: 0;
  padding: 0;
  border: 0;
  outline: none;
}
select {
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
}
.hide {
  display: none;
}
/**** DEMO单行
.text-overflow-ellipsis(1);
多行
 .text-overflow-ellipsis(2);
****/
[v-cloak] {
  display: none;
}
.container-index {
  width: 100%;
  min-height: 1000px;
}
.container-index .kv {
  width: 100%;
  height: auto;
  font-size: 0;
  position: relative;
}
.container-index .kv img {
  width: 100%;
}
.no-webp .container-index .kv .kv-mask {background:url(https://tym.res.netease.com/pc/zt/20211119142453234/img/kv-bg_e47c3c7c.png) center top no-repeat}
.webp .container-index .kv .kv-mask {background:url(https://tym.res.netease.com/pc/zt/20211119142453234/img/kv-bg_e47c3c7c.webp) center top no-repeat}
.container-index .kv .kv-mask {
  width: 100%;
  height: 247px;
  position: absolute;
  left: 0;
  bottom: 5px;
  z-index: 1;
}
.no-webp .container-index .btn-login {background:url(https://tym.res.netease.com/pc/zt/20211119142453234/img/sprite-3e9872_3e9872c5.png);background-size:519px 516px;
background-position:-211px -237px}
.webp .container-index .btn-login {background:url(https://tym.res.netease.com/pc/zt/20211119142453234/img/sprite-3e9872_3e9872c5.webp);background-size:519px 516px;
background-position:-211px -237px}
.no-webp .container-index .btn-login {background-size:519px 516px}
.webp .container-index .btn-login {background-size:519px 516px}
.no-webp .container-index .btn-login {background-position:-211px -237px}
.webp .container-index .btn-login {background-position:-211px -237px}
.container-index .btn-login {
  width: 170px;
  height: 57px;
  position: absolute;
  right: 41px;
  top: 22px;
  z-index: 5;
  cursor: pointer;

}
.no-webp .container-index .btn-login:hover {background:url(https://tym.res.netease.com/pc/zt/20211119142453234/img/sprite-3e9872_3e9872c5.png);background-size:519px 516px;
background-position:-0px -308px}
.webp .container-index .btn-login:hover {background:url(https://tym.res.netease.com/pc/zt/20211119142453234/img/sprite-3e9872_3e9872c5.webp);background-size:519px 516px;
background-position:-0px -308px}
.no-webp .container-index .btn-login:hover {background-size:519px 516px}
.webp .container-index .btn-login:hover {background-size:519px 516px}
.no-webp .container-index .btn-login:hover {background-position:-0px -308px}
.webp .container-index .btn-login:hover {background-position:-0px -308px}
.container-index .btn-login:hover {
width:170px;
height:57px;

}
.container-index .myInfo {
  position: absolute;
  right: 41px;
  top: 48px;
  z-index: 5;
}
.container-index .myInfo h4,
.container-index .myInfo .nick,
.container-index .myInfo .changeNick,
.container-index .myInfo .nickSubmit {
  display: none;
}
.container-index .myInfo .account b {
  display: none;
}
.container-index .myInfo .account span {
  color: #fff;
  font-size: 16px;
  font-weight: 700;
}
.no-webp .container-index .myInfo .account .loginOut {background:#7bbef7}
.webp .container-index .myInfo .account .loginOut {background:#7bbef7}
.no-webp .container-index .myInfo .account .loginOut {background-clip:padding-box}
.webp .container-index .myInfo .account .loginOut {background-clip:padding-box}
.container-index .myInfo .account .loginOut {
  width: 60px;
  display: inline-block;
  vertical-align: top;
  color: #ffffff;
  font-size: 14px;
  line-height: 25px;
  text-align: center;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  margin-left: 20px;
}
.no-webp .container-index .myInfo .account .loginOut:hover {background:#3e8ed4}
.webp .container-index .myInfo .account .loginOut:hover {background:#3e8ed4}
.container-index .myInfo .account .loginOut:hover {
}
.container-index .btns {
  font-size: 0;
  text-align: center;
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 90px;
  z-index: 2;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-left: 440px;
}
.container-index .btns a {
  width: 182px;
  height: 61px;
  margin: 0 26px;
  display: inline-block;
}
.no-webp .container-index .btns a.btn-tg {background:url(https://tym.res.netease.com/pc/zt/20211119142453234/img/btn-tg_1d2a9711.png);
  background-size: 100%}
.webp .container-index .btns a.btn-tg {background:url(https://tym.res.netease.com/pc/zt/20211119142453234/img/btn-tg_1d2a9711.webp);
  background-size: 100%}
.no-webp .container-index .btns a.btn-tg {background-size:100%}
.webp .container-index .btns a.btn-tg {background-size:100%}
.container-index .btns a.btn-tg {
}
.no-webp .container-index .btns a.btn-tg:hover {background:url(https://tym.res.netease.com/pc/zt/20211119142453234/img/btn-tg-h_13c883d6.png);
  background-size: 100%}
.webp .container-index .btns a.btn-tg:hover {background:url(https://tym.res.netease.com/pc/zt/20211119142453234/img/btn-tg-h_13c883d6.webp);
  background-size: 100%}
.no-webp .container-index .btns a.btn-tg:hover {background-size:100%}
.webp .container-index .btns a.btn-tg:hover {background-size:100%}
.container-index .btns a.btn-tg:hover {
}
.no-webp .container-index .btns a.btn-rule {background:url(https://tym.res.netease.com/pc/zt/20211119142453234/img/btn-rule_ac0ad99c.png);
  background-size: 100%}
.webp .container-index .btns a.btn-rule {background:url(https://tym.res.netease.com/pc/zt/20211119142453234/img/btn-rule_ac0ad99c.webp);
  background-size: 100%}
.no-webp .container-index .btns a.btn-rule {background-size:100%}
.webp .container-index .btns a.btn-rule {background-size:100%}
.container-index .btns a.btn-rule {
}
.no-webp .container-index .btns a.btn-rule:hover {background:url(https://tym.res.netease.com/pc/zt/20211119142453234/img/btn-rule-h_0d076644.png);
  background-size: 100%}
.webp .container-index .btns a.btn-rule:hover {background:url(https://tym.res.netease.com/pc/zt/20211119142453234/img/btn-rule-h_0d076644.webp);
  background-size: 100%}
.no-webp .container-index .btns a.btn-rule:hover {background-size:100%}
.webp .container-index .btns a.btn-rule:hover {background-size:100%}
.container-index .btns a.btn-rule:hover {
}
.no-webp .container-index .mainPage {background:#76aedf url(https://tym.res.netease.com/pc/zt/20211119142453234/img/kv-bg_e47c3c7c.png) center -240px no-repeat}
.webp .container-index .mainPage {background:#76aedf url(https://tym.res.netease.com/pc/zt/20211119142453234/img/kv-bg_e47c3c7c.webp) center -240px no-repeat}
.container-index .mainPage {
  width: 100%;
  height: auto;
  position: relative;
  z-index: 2;
  margin-top: -12px;
}
.no-webp .container-index .bannerBox {background:url(https://tym.res.netease.com/pc/zt/20211119142453234/img/bg1_87367505.png)}
.webp .container-index .bannerBox {background:url(https://tym.res.netease.com/pc/zt/20211119142453234/img/bg1_87367505.webp)}
.container-index .bannerBox {
  width: 1344px;
  height: 571px;
  margin: 0 auto 0;
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.container-index .bannerBox .left {
  width: 454px;
  height: 340px;
  display: inline-block;
  vertical-align: top;
  padding: 84px 0 0 94px;
}
.container-index .bannerBox .left h3 {
  color: #196276;
  font-size: 24px;
  padding-left: 30px;
  line-height: 30px;
  position: relative;
}
.no-webp .container-index .bannerBox .left h3 i {background:url(https://tym.res.netease.com/pc/zt/20211119142453234/img/sprite-3e9872_3e9872c5.png) no-repeat;background-size:519px 516px;
background-position:-421px -306px}
.webp .container-index .bannerBox .left h3 i {background:url(https://tym.res.netease.com/pc/zt/20211119142453234/img/sprite-3e9872_3e9872c5.webp) no-repeat;background-size:519px 516px;
background-position:-421px -306px}
.no-webp .container-index .bannerBox .left h3 i {background-size:519px 516px}
.webp .container-index .bannerBox .left h3 i {background-size:519px 516px}
.no-webp .container-index .bannerBox .left h3 i {background-position:-421px -306px}
.webp .container-index .bannerBox .left h3 i {background-position:-421px -306px}
.container-index .bannerBox .left h3 i {
  display: block;
  position: absolute;
  left: 0;
  top: 7px;
  width: 21px;
  height: 17px;

}
.no-webp .container-index .bannerBox .left .banner {background-clip:padding-box}
.webp .container-index .bannerBox .left .banner {background-clip:padding-box}
.container-index .bannerBox .left .banner {
  width: 454px;
  height: 340px;
  margin-top: 12px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  position: relative;
}
.container-index .bannerBox .left .banner .bannerSwiper {
  width: 100%;
  height: 100%;
}
.container-index .bannerBox .left .banner .bannerSwiper .swiper-slide {
  position: relative;
}
.no-webp .container-index .bannerBox .left .banner .bannerSwiper .swiper-slide:after {background:url(https://tym.res.netease.com/pc/zt/20211119142453234/img/cover2_b2a0e200.png)}
.webp .container-index .bannerBox .left .banner .bannerSwiper .swiper-slide:after {background:url(https://tym.res.netease.com/pc/zt/20211119142453234/img/cover2_b2a0e200.webp)}
.container-index .bannerBox .left .banner .bannerSwiper .swiper-slide:after {
  width: 100%;
  height: 100%;
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
}
.container-index .bannerBox .left .banner .bannerSwiper a {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 3;
}
.no-webp .container-index .bannerBox .left .banner .bannerSwiper .img {background-clip:padding-box}
.webp .container-index .bannerBox .left .banner .bannerSwiper .img {background-clip:padding-box}
.container-index .bannerBox .left .banner .bannerSwiper .img {
  width: 434px;
  height: 323px;
  margin: 8px auto 0;
  font-size: 0;
  z-index: 1;
  position: relative;
  overflow: hidden;
  -webkit-border-radius: 21px;
  -moz-border-radius: 21px;
  border-radius: 21px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
}
.container-index .bannerBox .left .banner .bannerSwiper .img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.container-index .bannerBox .left .banner .swiper-pagination {
  width: 100%;
  text-align: center;
}
.no-webp .container-index .bannerBox .left .banner .swiper-pagination .swiper-pagination-bullet {background:url(https://tym.res.netease.com/pc/zt/20211119142453234/img/dot_7262fc68.png) center 12px no-repeat}
.webp .container-index .bannerBox .left .banner .swiper-pagination .swiper-pagination-bullet {background:url(https://tym.res.netease.com/pc/zt/20211119142453234/img/dot_7262fc68.webp) center 12px no-repeat}
.container-index .bannerBox .left .banner .swiper-pagination .swiper-pagination-bullet {
  width: 18px;
  height: 30px;
  margin-right: 16px;
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  filter: alpha(opacity=100);
}
.container-index .bannerBox .left .banner .swiper-pagination .swiper-pagination-bullet:last-child {
  margin-right: 0;
}
.no-webp .container-index .bannerBox .left .banner .swiper-pagination .swiper-pagination-bullet-active {background:url(https://tym.res.netease.com/pc/zt/20211119142453234/img/dot-cur_e4bb3670.png) center bottom no-repeat}
.webp .container-index .bannerBox .left .banner .swiper-pagination .swiper-pagination-bullet-active {background:url(https://tym.res.netease.com/pc/zt/20211119142453234/img/dot-cur_e4bb3670.webp) center bottom no-repeat}
.container-index .bannerBox .left .banner .swiper-pagination .swiper-pagination-bullet-active {
}
.container-index .bannerBox .right {
  width: 684px;
  height: 364px;
  display: inline-block;
  vertical-align: top;
  padding: 84px 0 0 52px;
}
.container-index .bannerBox .right h3 {
  color: #196276;
  font-size: 24px;
  padding-left: 30px;
  line-height: 30px;
  position: relative;
}
.no-webp .container-index .bannerBox .right h3 i {background:url(https://tym.res.netease.com/pc/zt/20211119142453234/img/sprite-3e9872_3e9872c5.png) no-repeat;background-size:519px 516px;
background-position:-421px -306px}
.webp .container-index .bannerBox .right h3 i {background:url(https://tym.res.netease.com/pc/zt/20211119142453234/img/sprite-3e9872_3e9872c5.webp) no-repeat;background-size:519px 516px;
background-position:-421px -306px}
.no-webp .container-index .bannerBox .right h3 i {background-size:519px 516px}
.webp .container-index .bannerBox .right h3 i {background-size:519px 516px}
.no-webp .container-index .bannerBox .right h3 i {background-position:-421px -306px}
.webp .container-index .bannerBox .right h3 i {background-position:-421px -306px}
.container-index .bannerBox .right h3 i {
  display: block;
  position: absolute;
  left: 0;
  top: 7px;
  width: 21px;
  height: 17px;

}
.no-webp .container-index .bannerBox .right h3 .btn-change {background:url(https://tym.res.netease.com/pc/zt/20211119142453234/img/sprite-3e9872_3e9872c5.png) no-repeat;background-size:519px 516px;
background-position:-490px -150px}
.webp .container-index .bannerBox .right h3 .btn-change {background:url(https://tym.res.netease.com/pc/zt/20211119142453234/img/sprite-3e9872_3e9872c5.webp) no-repeat;background-size:519px 516px;
background-position:-490px -150px}
.no-webp .container-index .bannerBox .right h3 .btn-change {background-size:519px 516px}
.webp .container-index .bannerBox .right h3 .btn-change {background-size:519px 516px}
.no-webp .container-index .bannerBox .right h3 .btn-change {background-position:-490px -150px}
.webp .container-index .bannerBox .right h3 .btn-change {background-position:-490px -150px}
.container-index .bannerBox .right h3 .btn-change {
  position: absolute;
  right: 0;
  top: 0;
  cursor: pointer;
  width: 29px;
  height: 23px;

  /* .transition(all 0.3s);
                    &:hover{
                        .transform(scale(1.05));
                    } */
}
.container-index .bannerBox .right ul {
  margin-top: 12px;
  font-size: 0;
}
.container-index .bannerBox .right ul li {
  display: inline-block;
  vertical-align: top;
  cursor: pointer;
  width: 216px;
  height: 160px;
  overflow: hidden;
  position: relative;
  margin: 0 17px 15px 0;
}
.container-index .bannerBox .right ul li:nth-child(3n) {
  margin-right: 0;
}
.container-index .bannerBox .right ul li:hover img {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
}
.no-webp .container-index .bannerBox .right ul li::before {background:url(https://tym.res.netease.com/pc/zt/20211119142453234/img/cover1_a6ac6649.png) left top no-repeat}
.webp .container-index .bannerBox .right ul li::before {background:url(https://tym.res.netease.com/pc/zt/20211119142453234/img/cover1_a6ac6649.webp) left top no-repeat}
.container-index .bannerBox .right ul li::before {
  width: 216px;
  height: 161px;
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
}
.container-index .bannerBox .right ul li a {
  display: block;
  width: 214px;
  height: 97px;
  margin: 0 auto 0;
  position: relative;
  z-index: 1;
  border-top-right-radius: 15px;
  border-top-left-radius: 15px;
  overflow: hidden;
}
.container-index .bannerBox .right ul li img {
  width: 100%;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.container-index .bannerBox .right ul li .info {
  width: 214px;
  height: 63px;
  /* background: #fff;
                        border-bottom-left-radius: 15px;
                        border-bottom-right-radius: 15px; */
  position: absolute;
  left: 1px;
  bottom: 1px;
  z-index: 3;
}
.container-index .bannerBox .right ul li .info .title {
  color: #3496e9;
  font-size: 16px;
  padding: 0 4px;
  font-weight: 700;
  line-height: 20px;
  margin-top: 8px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.container-index .bannerBox .right ul li .info .autor {
  color: #54636f;
  font-size: 16px;
  line-height: 22px;
  padding-left: 32px;
  font-style: italic;
  position: relative;
  margin-top: 6px;
}
.no-webp .container-index .bannerBox .right ul li .info .autor i {background:url(https://tym.res.netease.com/pc/zt/20211119142453234/img/user-icon_feb1a6e6.png)}
.webp .container-index .bannerBox .right ul li .info .autor i {background:url(https://tym.res.netease.com/pc/zt/20211119142453234/img/user-icon_feb1a6e6.webp)}
.container-index .bannerBox .right ul li .info .autor i {
  width: 19px;
  height: 21px;
  display: block;
  position: absolute;
  left: 7px;
  top: 0;
}
.container-index .listBox {
  margin-top: 64px;
}
.container-index .listBox h3 {
  font-size: 0;
  text-align: center;
}
.no-webp .container-index .listBox .center {background:url(https://tym.res.netease.com/pc/zt/20211119142453234/img/bg2_97e14344.png) left top repeat-y}
.webp .container-index .listBox .center {background:url(https://tym.res.netease.com/pc/zt/20211119142453234/img/bg2_97e14344.webp) left top repeat-y}
.container-index .listBox .center {
  width: 1344px;
  min-height: 1000px;
  margin: 91px auto 0;
  padding-bottom: 100px;
  position: relative;
}
.container-inner .center h3 {
  margin-bottom: 80px;
}
.container-inner .center .content {
  width: 1174px;
  height: auto;
  margin: 0 auto 0;
  position: relative;
  font-size: 0;
  padding-bottom: 100px;
}
.no-webp .container-inner .center .content .card {background:#ffffff}
.webp .container-inner .center .content .card {background:#ffffff}
.container-inner .center .content .card {
  width: 282px;
  height: 333px;
  display: inline-block;
  vertical-align: top;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 13px 0 0 0;
  position: relative;
  -webkit-box-shadow: 0 0 5px rgba(87, 178, 244, 0.35);
          box-shadow: 0 0 5px rgba(87, 178, 244, 0.35);
  margin: 0 15px 12px 0;
}
.container-inner .center .content .card:nth-child(4n) {
  margin-right: 0;
}
.container-inner .center .content .card .card-img {
  width: 247px;
  height: 198px;
  overflow: hidden;
  margin: 0 auto 0;
  border: 1px solid #9fe1f8;
}
.container-inner .center .content .card .card-img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.container-inner .center .content .card .title {
  color: #3496e9;
  font-size: 16px;
  font-style: italic;
  padding-left: 19px;
  width: 200px;
  height: 20px;
  line-height: 20px;
  font-weight: 700;
  margin-top: 10px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.container-inner .center .content .card .autor {
  color: #54636f;
  font-size: 16px;
  line-height: 22px;
  padding-left: 47px;
  font-style: italic;
  position: relative;
  margin-top: 4px;
}
.no-webp .container-inner .center .content .card .autor i {background:url(https://tym.res.netease.com/pc/zt/20211119142453234/img/user-icon_feb1a6e6.png)}
.webp .container-inner .center .content .card .autor i {background:url(https://tym.res.netease.com/pc/zt/20211119142453234/img/user-icon_feb1a6e6.webp)}
.container-inner .center .content .card .autor i {
  width: 19px;
  height: 21px;
  display: block;
  position: absolute;
  left: 22px;
  top: 0;
}
.no-webp .container-inner .center .content .card .btn-like {background:url(https://tym.res.netease.com/pc/zt/20211119142453234/img/like_d5fe29eb.png) center top no-repeat}
.webp .container-inner .center .content .card .btn-like {background:url(https://tym.res.netease.com/pc/zt/20211119142453234/img/like_d5fe29eb.webp) center top no-repeat}
.container-inner .center .content .card .btn-like {
  min-width: 28px;
  position: absolute;
  right: 17px;
  bottom: 66px;
  padding-top: 26px;
  color: #54636f;
  font-size: 14px;
  line-height: 20px;
  cursor: pointer;
}
.container-inner .center .content .card .label {
  padding-left: 14px;
  margin-top: 20px;
}
.no-webp .container-inner .center .content .card .label span {background:#8db5d8}
.webp .container-inner .center .content .card .label span {background:#8db5d8}
.no-webp .container-inner .center .content .card .label span {background-clip:padding-box}
.webp .container-inner .center .content .card .label span {background-clip:padding-box}
.container-inner .center .content .card .label span {
  font-size: 14px;
  line-height: 24px;
  display: inline-block;
  padding: 0 12px 0 10px;
  font-style: italic;
  color: #ffffff;
  margin-right: 24px;
  cursor: pointer;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
}
.no-webp .container-inner .center .content .card .label span:hover {background:#7bbef7}
.webp .container-inner .center .content .card .label span:hover {background:#7bbef7}
.container-inner .center .content .card .label span:hover {
}
@media (max-width: 1760px) {
  .container-inner .center .back {
    top: 116px;
  }
}
.my .center h3 {
  margin-bottom: 0;
}
.my .center .myInfo {
  width: 1052px;
  padding-top: 44px;
  position: relative;
  margin: 0 auto 0;
}
.my .center .myInfo .account {
  width: 1050px;
  height: 60px;
  position: relative;
  padding-left: 22px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: 1px solid #3e8ed4;
}
.my .center .myInfo .account span {
  line-height: 58px;
  color: rgba(27, 86, 132, 0.5);
  font-size: 20px;
}
.no-webp .my .center .myInfo .account span .inputAuthor {background:none}
.webp .my .center .myInfo .account span .inputAuthor {background:none}
.no-webp .my .center .myInfo .account span .inputAuthor {background-clip:padding-box}
.webp .my .center .myInfo .account span .inputAuthor {background-clip:padding-box}
.my .center .myInfo .account span .inputAuthor {
  width: 210px;
  font-size: 20px;
  height: 24px;
  color: rgba(27, 86, 132, 0.5);
  line-height: 24px;
  border: 1px solid rgba(27, 86, 132, 0.5);
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  text-indent: 5px;
}
.my .center .myInfo .account span .inputAuthor:focus {
  outline: none;
}
.no-webp .my .center .myInfo .account .loginOut, 
.no-webp .my .center .myInfo .account .changeNick, 
.no-webp .my .center .myInfo .account .nickSubmit {background:#7bbef7}
.webp .my .center .myInfo .account .loginOut, 
.webp .my .center .myInfo .account .changeNick, 
.webp .my .center .myInfo .account .nickSubmit {background:#7bbef7}
.no-webp .my .center .myInfo .account .loginOut, 
.no-webp .my .center .myInfo .account .changeNick, 
.no-webp .my .center .myInfo .account .nickSubmit {background-clip:padding-box}
.webp .my .center .myInfo .account .loginOut, 
.webp .my .center .myInfo .account .changeNick, 
.webp .my .center .myInfo .account .nickSubmit {background-clip:padding-box}
.my .center .myInfo .account .loginOut,
.my .center .myInfo .account .changeNick,
.my .center .myInfo .account .nickSubmit {
  width: 110px;
  display: inline-block;
  vertical-align: top;
  color: #ffffff;
  font-size: 20px;
  line-height: 32px;
  text-align: center;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  margin-top: 13px;
}
.no-webp .my .center .myInfo .account .loginOut:hover, 
.no-webp .my .center .myInfo .account .changeNick:hover, 
.no-webp .my .center .myInfo .account .nickSubmit:hover {background:#3e8ed4}
.webp .my .center .myInfo .account .loginOut:hover, 
.webp .my .center .myInfo .account .changeNick:hover, 
.webp .my .center .myInfo .account .nickSubmit:hover {background:#3e8ed4}
.my .center .myInfo .account .loginOut:hover,
.my .center .myInfo .account .changeNick:hover,
.my .center .myInfo .account .nickSubmit:hover {
}
.my .center .myInfo .account .changeNick,
.my .center .myInfo .account .nickSubmit {
  position: absolute;
  right: 78px;
  top: 0;
}
.my .center .myInfo .account .nick {
  position: absolute;
  right: 210px;
  top: 0;
}
.my .center .nav-change {
  width: 1052px;
}
.my .center .myWorks {
  width: 1052px;
  padding-top: 40px;
  position: relative;
  margin: 0 auto 0;
}
.my .center .myWorks .work-tab {
  font-size: 0;
  text-align: left;
  margin-top: 18px;
  margin-bottom: 40px;
}
.no-webp .my .center .myWorks .work-tab a {background:url(https://tym.res.netease.com/pc/zt/20211119142453234/img/sprite-3e9872_3e9872c5.png);background-size:519px 516px;
background-position:-232px -367px}
.webp .my .center .myWorks .work-tab a {background:url(https://tym.res.netease.com/pc/zt/20211119142453234/img/sprite-3e9872_3e9872c5.webp);background-size:519px 516px;
background-position:-232px -367px}
.no-webp .my .center .myWorks .work-tab a {background-size:519px 516px}
.webp .my .center .myWorks .work-tab a {background-size:519px 516px}
.no-webp .my .center .myWorks .work-tab a {background-position:-232px -367px}
.webp .my .center .myWorks .work-tab a {background-position:-232px -367px}
.my .center .myWorks .work-tab a {
  width: 129px;
  height: 46px;
  display: inline-block;
  vertical-align: top;
  color: #ffffff;
  font-size: 22px;
  text-align: center;
  margin-right: 30px;
  line-height: 46px;

}
.no-webp .my .center .myWorks .work-tab a:hover, 
.no-webp .my .center .myWorks .work-tab a.on {background:url(https://tym.res.netease.com/pc/zt/20211119142453234/img/sprite-3e9872_3e9872c5.png);background-size:519px 516px;
background-position:-363px -367px}
.webp .my .center .myWorks .work-tab a:hover, 
.webp .my .center .myWorks .work-tab a.on {background:url(https://tym.res.netease.com/pc/zt/20211119142453234/img/sprite-3e9872_3e9872c5.webp);background-size:519px 516px;
background-position:-363px -367px}
.no-webp .my .center .myWorks .work-tab a:hover, 
.no-webp .my .center .myWorks .work-tab a.on {background-size:519px 516px}
.webp .my .center .myWorks .work-tab a:hover, 
.webp .my .center .myWorks .work-tab a.on {background-size:519px 516px}
.no-webp .my .center .myWorks .work-tab a:hover, 
.no-webp .my .center .myWorks .work-tab a.on {background-position:-363px -367px}
.webp .my .center .myWorks .work-tab a:hover, 
.webp .my .center .myWorks .work-tab a.on {background-position:-363px -367px}
.my .center .myWorks .work-tab a:hover,
.my .center .myWorks .work-tab a.on {
width:129px;
height:46px;

}
.my .center .myWorks .works {
  width: 1050px;
  height: auto;
  font-size: 0;
  padding-bottom: 100px;
  position: relative;
}
.my .center .myWorks .works .nodata {
  width: 438px;
  height: 350px;
  position: absolute;
  left: 50%;
  top: 0;
  margin-left: -219px;
}
.no-webp .my .center .myWorks .works .nodata div {background:rgba(121, 189, 246, 0.25) url(https://tym.res.netease.com/pc/zt/20211119142453234/img/none_324531b0.png) center no-repeat}
.webp .my .center .myWorks .works .nodata div {background:rgba(121, 189, 246, 0.25) url(https://tym.res.netease.com/pc/zt/20211119142453234/img/none_324531b0.webp) center no-repeat}
.my .center .myWorks .works .nodata div {
  width: 438px;
  height: 222px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: 1px solid #79bdf6;
}
.my .center .myWorks .works .nodata p {
  color: #86a9c1;
  font-size: 20px;
  text-align: center;
  line-height: 32px;
}
.no-webp .my .center .myWorks .works .nodata a {background:url(https://tym.res.netease.com/pc/zt/20211119142453234/img/sprite-3e9872_3e9872c5.png);background-size:519px 516px;
background-position:-0px -166px}
.webp .my .center .myWorks .works .nodata a {background:url(https://tym.res.netease.com/pc/zt/20211119142453234/img/sprite-3e9872_3e9872c5.webp);background-size:519px 516px;
background-position:-0px -166px}
.no-webp .my .center .myWorks .works .nodata a {background-size:519px 516px}
.webp .my .center .myWorks .works .nodata a {background-size:519px 516px}
.no-webp .my .center .myWorks .works .nodata a {background-position:-0px -166px}
.webp .my .center .myWorks .works .nodata a {background-position:-0px -166px}
.my .center .myWorks .works .nodata a {
  width: 209px;
  height: 69px;
  display: block;
  margin: 26px auto 0;

}
.no-webp .my .center .myWorks .works .nodata a:hover {background:url(https://tym.res.netease.com/pc/zt/20211119142453234/img/sprite-3e9872_3e9872c5.png);background-size:519px 516px;
background-position:-0px -237px}
.webp .my .center .myWorks .works .nodata a:hover {background:url(https://tym.res.netease.com/pc/zt/20211119142453234/img/sprite-3e9872_3e9872c5.webp);background-size:519px 516px;
background-position:-0px -237px}
.no-webp .my .center .myWorks .works .nodata a:hover {background-size:519px 516px}
.webp .my .center .myWorks .works .nodata a:hover {background-size:519px 516px}
.no-webp .my .center .myWorks .works .nodata a:hover {background-position:-0px -237px}
.webp .my .center .myWorks .works .nodata a:hover {background-position:-0px -237px}
.my .center .myWorks .works .nodata a:hover {
width:209px;
height:69px;

}
.my .center .myWorks .works .listBox .center {
  width: 1050px;
}
@media (max-width: 1760px) {
  .my .center .back {
    top: 116px;
  }
}
.detail .detailbg {
  display: none;
}
.no-webp .detail .center .btn-share {background:url(https://tym.res.netease.com/pc/zt/20211119142453234/img/sprite-3e9872_3e9872c5.png);background-size:519px 516px;
background-position:-172px -308px}
.webp .detail .center .btn-share {background:url(https://tym.res.netease.com/pc/zt/20211119142453234/img/sprite-3e9872_3e9872c5.webp);background-size:519px 516px;
background-position:-172px -308px}
.no-webp .detail .center .btn-share {background-size:519px 516px}
.webp .detail .center .btn-share {background-size:519px 516px}
.no-webp .detail .center .btn-share {background-position:-172px -308px}
.webp .detail .center .btn-share {background-position:-172px -308px}
.detail .center .btn-share {
  width: 115px;
  height: 53px;
  font-size: 0;
  line-height: 53px;
  display: block;
  text-align: center;
  position: absolute;
  top: -20px;
  right: 70px;

}
.no-webp .detail .center .btn-share:hover {background:url(https://tym.res.netease.com/pc/zt/20211119142453234/img/sprite-3e9872_3e9872c5.png);background-size:519px 516px;
background-position:-289px -308px}
.webp .detail .center .btn-share:hover {background:url(https://tym.res.netease.com/pc/zt/20211119142453234/img/sprite-3e9872_3e9872c5.webp);background-size:519px 516px;
background-position:-289px -308px}
.no-webp .detail .center .btn-share:hover {background-size:519px 516px}
.webp .detail .center .btn-share:hover {background-size:519px 516px}
.no-webp .detail .center .btn-share:hover {background-position:-289px -308px}
.webp .detail .center .btn-share:hover {background-position:-289px -308px}
.detail .center .btn-share:hover {
width:115px;
height:53px;

}
.no-webp .detail .center .workInfo {background:url(https://tym.res.netease.com/pc/zt/20211119142453234/img/line_e55f566c.png) center top no-repeat}
.webp .detail .center .workInfo {background:url(https://tym.res.netease.com/pc/zt/20211119142453234/img/line_e55f566c.webp) center top no-repeat}
.detail .center .workInfo {
  width: 1050px;
  height: 78px;
  margin: 48px auto 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
}
.detail .center .workInfo .title {
  color: #1b5684;
  font-size: 24px;
  line-height: 24px;
  padding-left: 46px;
  font-weight: 700;
}
.no-webp .detail .center .workInfo .author {background:url(https://tym.res.netease.com/pc/zt/20211119142453234/img/author-icon_c5ec0448.png) left top no-repeat}
.webp .detail .center .workInfo .author {background:url(https://tym.res.netease.com/pc/zt/20211119142453234/img/author-icon_c5ec0448.webp) left top no-repeat}
.detail .center .workInfo .author {
  width: 280px;
  height: 34px;
  color: #1b5684;
  font-size: 24px;
  line-height: 34px;
  margin-left: 49px;
  padding-left: 44px;
  margin-top: 20px;
  cursor: pointer;
}
.detail .center .workInfo .author:hover {
  color: #7abdf6;
}
.no-webp .detail .center .workInfo .btnlike {background:url(https://tym.res.netease.com/pc/zt/20211119142453234/img/like_ba166c8d.png) center top no-repeat}
.webp .detail .center .workInfo .btnlike {background:url(https://tym.res.netease.com/pc/zt/20211119142453234/img/like_ba166c8d.webp) center top no-repeat}
.detail .center .workInfo .btnlike {
  min-width: 51px;
  padding-top: 54px;
  color: #1b5684;
  font-size: 26px;
  line-height: 26px;
  display: block;
  text-align: center;
  position: absolute;
  top: 0;
  left: 416px;
}
.no-webp .detail .center .workInfo .btnlike:hover {background-image:url(https://tym.res.netease.com/pc/zt/20211119142453234/img/like-h_83b3c79b.png)}
.webp .detail .center .workInfo .btnlike:hover {background-image:url(https://tym.res.netease.com/pc/zt/20211119142453234/img/like-h_83b3c79b.webp)}
.detail .center .workInfo .btnlike:hover {
}
.detail .center .workInfo .type {
  position: absolute;
  right: 0;
  top: 10px;
  font-size: 0;
  width: 460px;
}
.no-webp .detail .center .workInfo .type a {background:url(https://tym.res.netease.com/pc/zt/20211119142453234/img/sprite-3e9872_3e9872c5.png);background-size:519px 516px;
background-position:-0px -430px}
.webp .detail .center .workInfo .type a {background:url(https://tym.res.netease.com/pc/zt/20211119142453234/img/sprite-3e9872_3e9872c5.webp);background-size:519px 516px;
background-position:-0px -430px}
.no-webp .detail .center .workInfo .type a {background-size:519px 516px}
.webp .detail .center .workInfo .type a {background-size:519px 516px}
.no-webp .detail .center .workInfo .type a {background-position:-0px -430px}
.webp .detail .center .workInfo .type a {background-position:-0px -430px}
.detail .center .workInfo .type a {
  display: inline-block;
  vertical-align: top;
  width: 142px;
  height: 38px;
  color: #ffffff;
  font-size: 18px;
  text-align: center;
  line-height: 38px;
  margin-bottom: 5px;

}
.detail .center .workInfo .type a:first-child {
  margin-right: 10px;
}
.no-webp .detail .center .workInfo .type a:hover {background:url(https://tym.res.netease.com/pc/zt/20211119142453234/img/sprite-3e9872_3e9872c5.png);background-size:519px 516px;
background-position:-144px -430px}
.webp .detail .center .workInfo .type a:hover {background:url(https://tym.res.netease.com/pc/zt/20211119142453234/img/sprite-3e9872_3e9872c5.webp);background-size:519px 516px;
background-position:-144px -430px}
.no-webp .detail .center .workInfo .type a:hover {background-size:519px 516px}
.webp .detail .center .workInfo .type a:hover {background-size:519px 516px}
.no-webp .detail .center .workInfo .type a:hover {background-position:-144px -430px}
.webp .detail .center .workInfo .type a:hover {background-position:-144px -430px}
.detail .center .workInfo .type a:hover {
width:142px;
height:38px;

}
.detail .center .workAll {
  width: 100%;
  position: relative;
  padding-bottom: 134px;
}
.detail .center .workAll.isarticle {
  padding-bottom: 160px;
}
.no-webp .detail .center .workAll .articleBox {background:url(https://tym.res.netease.com/pc/zt/20211119142453234/img/article-bg-y_b80ef143.png) repeat-y}
.webp .detail .center .workAll .articleBox {background:url(https://tym.res.netease.com/pc/zt/20211119142453234/img/article-bg-y_b80ef143.webp) repeat-y}
.detail .center .workAll .articleBox {
  position: relative;
  width: 997px;
  min-height: 370px;
  margin: 88px auto 0;
  line-height: 1.4;
  color: #1b5684;
  padding: 0 60px 94px;
  white-space: pre-wrap;
  word-wrap: break-word;
  /* .article_title{
                    color: #1b5684;
                    font-size: 32px;
                    font-weight: 700;
                    text-align: center;
                    line-height: 1.4;
                    margin-bottom: 30px;
                }
                .NIE-art{
                    width: 986px;
                    margin: 0 auto 0;
                    p{
                        color: #1b5684;
                        font-size: 22px;
                        line-height: 30px;
                        margin-bottom: 32px;
                    }
                    img{
                        width: 100%;
                        height: auto;
                    }
                } */
}
.no-webp .detail .center .workAll .articleBox:after, 
.no-webp .detail .center .workAll .articleBox:before {background:url(https://tym.res.netease.com/pc/zt/20211119142453234/img/article-bg_30383220.png)}
.webp .detail .center .workAll .articleBox:after, 
.webp .detail .center .workAll .articleBox:before {background:url(https://tym.res.netease.com/pc/zt/20211119142453234/img/article-bg_30383220.webp)}
.detail .center .workAll .articleBox:after,
.detail .center .workAll .articleBox:before {
  width: 100%;
  height: 40px;
  content: "";
  position: absolute;
  left: 0;
}
.detail .center .workAll .articleBox:before {
  top: -40px;
}
.detail .center .workAll .articleBox:after {
  bottom: -40px;
  left: 1px;
  -webkit-transform: rotate(-180deg);
  -moz-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  -o-transform: rotate(-180deg);
  transform: rotate(-180deg);
}
.detail .center .workAll .articleBox strong,
.detail .center .workAll .articleBox b {
  font-weight: 700;
}
.detail .center .workAll .articleBox img {
  display: block;
  margin: 10px auto 0;
  max-width: 100%;
}
.detail .center .workAll .articleBox p {
  font-size: 16px;
  text-align: left;
}
.detail .center .workAll .articleBox h1,
.detail .center .workAll .articleBox h2,
.detail .center .workAll .articleBox h3,
.detail .center .workAll .articleBox h4 {
  margin: 0;
  padding: 0;
  text-align: center;
  font-weight: 700;
}
.detail .center .workAll .articleBox h1 {
  font-size: 32px;
}
.detail .center .workAll .articleBox h2 {
  font-size: 28px;
}
.detail .center .workAll .articleBox h3 {
  font-size: 22px;
}
.detail .center .workAll .articleBox h4 {
  font-size: 18px;
}
.no-webp .detail .center .workAll .pictureBox {background:url(https://tym.res.netease.com/pc/zt/20211119142453234/img/pic-bg-y_d17133f2.png) left top repeat-y}
.webp .detail .center .workAll .pictureBox {background:url(https://tym.res.netease.com/pc/zt/20211119142453234/img/pic-bg-y_d17133f2.webp) left top repeat-y}
.detail .center .workAll .pictureBox {
  width: 791px;
  min-height: 200px;
  position: relative;
  margin: 67px auto 0;
}
.detail .center .workAll .pictureBox:before,
.detail .center .workAll .pictureBox:after {
  content: "";
  width: 100%;
  height: 24px;
  position: absolute;
  left: 0;
}
.no-webp .detail .center .workAll .pictureBox:before {background:url(https://tym.res.netease.com/pc/zt/20211119142453234/img/pic-bg_1e14ee6d.png) left top no-repeat}
.webp .detail .center .workAll .pictureBox:before {background:url(https://tym.res.netease.com/pc/zt/20211119142453234/img/pic-bg_1e14ee6d.webp) left top no-repeat}
.detail .center .workAll .pictureBox:before {
  top: -24px;
}
.no-webp .detail .center .workAll .pictureBox:after {background:url(https://tym.res.netease.com/pc/zt/20211119142453234/img/pic-bg_1e14ee6d.png) left bottom no-repeat}
.webp .detail .center .workAll .pictureBox:after {background:url(https://tym.res.netease.com/pc/zt/20211119142453234/img/pic-bg_1e14ee6d.webp) left bottom no-repeat}
.detail .center .workAll .pictureBox:after {
  bottom: -24px;
}
.detail .center .workAll .pictureBox .swiper-button-prev,
.detail .center .workAll .pictureBox .swiper-button-next {
  margin: 0;
  top: 50%;
  margin-top: -80px;
}
.detail .center .workAll .pictureBox .swiper-button-prev:hover,
.detail .center .workAll .pictureBox .swiper-button-next:hover {
  -webkit-opacity: 0.8;
  -moz-opacity: 0.8;
  opacity: 0.8;
  filter: alpha(opacity=80);
}
.no-webp .detail .center .workAll .pictureBox .swiper-button-prev {background:url(https://tym.res.netease.com/pc/zt/20211119142453234/img/sprite-3e9872_3e9872c5.png);background-size:519px 516px;
background-position:-421px -80px}
.webp .detail .center .workAll .pictureBox .swiper-button-prev {background:url(https://tym.res.netease.com/pc/zt/20211119142453234/img/sprite-3e9872_3e9872c5.webp);background-size:519px 516px;
background-position:-421px -80px}
.no-webp .detail .center .workAll .pictureBox .swiper-button-prev {background-size:519px 516px}
.webp .detail .center .workAll .pictureBox .swiper-button-prev {background-size:519px 516px}
.no-webp .detail .center .workAll .pictureBox .swiper-button-prev {background-position:-421px -80px}
.webp .detail .center .workAll .pictureBox .swiper-button-prev {background-position:-421px -80px}
.detail .center .workAll .pictureBox .swiper-button-prev {
  left: -88px;
  width: 68px;
  height: 68px;

}
.no-webp .detail .center .workAll .pictureBox .swiper-button-next {background:url(https://tym.res.netease.com/pc/zt/20211119142453234/img/sprite-3e9872_3e9872c5.png);background-size:519px 516px;
background-position:-421px -150px}
.webp .detail .center .workAll .pictureBox .swiper-button-next {background:url(https://tym.res.netease.com/pc/zt/20211119142453234/img/sprite-3e9872_3e9872c5.webp);background-size:519px 516px;
background-position:-421px -150px}
.no-webp .detail .center .workAll .pictureBox .swiper-button-next {background-size:519px 516px}
.webp .detail .center .workAll .pictureBox .swiper-button-next {background-size:519px 516px}
.no-webp .detail .center .workAll .pictureBox .swiper-button-next {background-position:-421px -150px}
.webp .detail .center .workAll .pictureBox .swiper-button-next {background-position:-421px -150px}
.detail .center .workAll .pictureBox .swiper-button-next {
  right: -88px;
  width: 67px;
  height: 67px;

}
.detail .center .workAll .pictureBox .bigcover {
  width: 746px;
  font-size: 0;
  text-align: center;
  margin: 0 auto 0;
}
.detail .center .workAll .pictureBox .bigcover img {
  width: 100%;
}
.detail .center .workAll .pictureBox .pictureswiper {
  width: 744px;
  height: 108px;
  margin-top: 7px;
}
.detail .center .workAll .pictureBox .pictureswiper .swiper-slide {
  width: 243px;
  height: 108px;
  font-size: 0;
}
.detail .center .workAll .pictureBox .pictureswiper .swiper-slide img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.detail .center .workAll .videoBox {
  width: 791px;
  height: auto;
  margin: 66px auto 0;
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.no-webp .detail .center .workAll .videoBox .bgBorder {background:url(https://tym.res.netease.com/pc/zt/20211119142453234/img/video-bg-t_1cd74840.png) left top no-repeat, url(https://tym.res.netease.com/pc/zt/20211119142453234/img/video-bg-b_9e6b28a1.png) left bottom no-repeat}
.webp .detail .center .workAll .videoBox .bgBorder {background:url(https://tym.res.netease.com/pc/zt/20211119142453234/img/video-bg-t_1cd74840.webp) left top no-repeat, url(https://tym.res.netease.com/pc/zt/20211119142453234/img/video-bg-b_9e6b28a1.webp) left bottom no-repeat}
.detail .center .workAll .videoBox .bgBorder {
  width: 791px;
  padding-top: 25px;
  padding-bottom: 25px;
  position: relative;
}
.no-webp .detail .center .workAll .videoBox .cont {background:#282a3b}
.webp .detail .center .workAll .videoBox .cont {background:#282a3b}
.no-webp .detail .center .workAll .videoBox .cont {background:url(https://tym.res.netease.com/pc/zt/20211119142453234/img/video-bg-c_25b23c42.png) left top repeat-y}
.webp .detail .center .workAll .videoBox .cont {background:url(https://tym.res.netease.com/pc/zt/20211119142453234/img/video-bg-c_25b23c42.webp) left top repeat-y}
.detail .center .workAll .videoBox .cont {
  width: 100%;
  margin: 0 auto 0;
  position: relative;
  text-align: center;
  font-size: 0;
}
.no-webp .detail .center .workAll .videoBox .cont:before {background:#282a3b}
.webp .detail .center .workAll .videoBox .cont:before {background:#282a3b}
.detail .center .workAll .videoBox .cont:before {
  width: 746px;
  height: 100%;
  content: "";
  position: absolute;
  left: 50%;
  margin-left: -373px;
  top: 0;
}
.detail .center .workAll .videoBox .cont img {
  width: 746px;
  -webkit-opacity: 0.4;
  -moz-opacity: 0.4;
  opacity: 0.4;
  filter: alpha(opacity=40);
}
.no-webp .detail .center .workAll .videoBox .cont .videoBtn {background:url(https://tym.res.netease.com/pc/zt/20211119142453234/img/sprite-3e9872_3e9872c5.png);background-size:519px 516px;
background-position:-421px -0px}
.webp .detail .center .workAll .videoBox .cont .videoBtn {background:url(https://tym.res.netease.com/pc/zt/20211119142453234/img/sprite-3e9872_3e9872c5.webp);background-size:519px 516px;
background-position:-421px -0px}
.no-webp .detail .center .workAll .videoBox .cont .videoBtn {background-size:519px 516px}
.webp .detail .center .workAll .videoBox .cont .videoBtn {background-size:519px 516px}
.no-webp .detail .center .workAll .videoBox .cont .videoBtn {background-position:-421px -0px}
.webp .detail .center .workAll .videoBox .cont .videoBtn {background-position:-421px -0px}
.detail .center .workAll .videoBox .cont .videoBtn {
  width: 98px;
  height: 78px;
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -39px 0 0 -49px;

  -webkit-animation: videobtn 2s linear infinite 300ms 0 ease;
  -moz-animation: videobtn 2s linear infinite 300ms 0 ease;
  -ms-animation: videobtn 2s linear infinite 300ms 0 ease;
  animation: videobtn 2s linear infinite 300ms 0 ease;
  -moz-animation: videobtn 2s linear infinite;
  -webkit-animation: videobtn 2s linear infinite;
  -o-animation: videobtn 2s linear infinite;
  -ms-animation: videobtn 2s linear infinite;
  animation: videobtn 2s linear infinite;
}
.detail .center .workAll .videoBox .descText {
  text-align: left;
  font-size: 16px;
  color: #1b5684;
  line-height: 22px;
  margin-top: 20px;
}
.no-webp .detail .center .upload-btn {background:url(https://tym.res.netease.com/pc/zt/20211119142453234/img/upload-btn_e2456f86.png);
  background-size: 100%}
.webp .detail .center .upload-btn {background:url(https://tym.res.netease.com/pc/zt/20211119142453234/img/upload-btn_e2456f86.webp);
  background-size: 100%}
.no-webp .detail .center .upload-btn {background-size:100%}
.webp .detail .center .upload-btn {background-size:100%}
.detail .center .upload-btn {
  width: 289px;
  height: 53px;
  line-height: 53px;
  display: block;
  font-size: 26px;
  color: #fff;
  margin: 15px auto;
  text-align: center;
}
.detail .center .upload-btn:hover {
  opacity: .8;
}
@media (max-width: 1760px) {
  .detail .center .back {
    top: -22px;
  }
  .detail .center .btn-share {
    top: -20px;
  }
}
@-webkit-keyframes videobtn {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
  50% {
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    -o-transform: scale(0.8);
    transform: scale(0.8);
  }
  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
}
@-moz-keyframes videobtn {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
  50% {
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    -o-transform: scale(0.8);
    transform: scale(0.8);
  }
  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
}
@-ms-keyframes videobtn {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
  50% {
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    -o-transform: scale(0.8);
    transform: scale(0.8);
  }
  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
}
@-o-keyframes videobtn {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
  50% {
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    -o-transform: scale(0.8);
    transform: scale(0.8);
  }
  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes videobtn {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
  50% {
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    -o-transform: scale(0.8);
    transform: scale(0.8);
  }
  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
}
@-webkit-keyframes videobtn {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
  50% {
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    -o-transform: scale(0.8);
    transform: scale(0.8);
  }
  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
}
@-moz-keyframes videobtn {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
  50% {
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    -o-transform: scale(0.8);
    transform: scale(0.8);
  }
  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
}
@-ms-keyframes videobtn {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
  50% {
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    -o-transform: scale(0.8);
    transform: scale(0.8);
  }
  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
}
@-o-keyframes videobtn {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
  50% {
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    -o-transform: scale(0.8);
    transform: scale(0.8);
  }
  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes videobtn {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
  50% {
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    -o-transform: scale(0.8);
    transform: scale(0.8);
  }
  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
}
@-webkit-keyframes videobtn {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
  50% {
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    -o-transform: scale(0.8);
    transform: scale(0.8);
  }
  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
}
@-moz-keyframes videobtn {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
  50% {
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    -o-transform: scale(0.8);
    transform: scale(0.8);
  }
  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
}
@-ms-keyframes videobtn {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
  50% {
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    -o-transform: scale(0.8);
    transform: scale(0.8);
  }
  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
}
@-o-keyframes videobtn {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
  50% {
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    -o-transform: scale(0.8);
    transform: scale(0.8);
  }
  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes videobtn {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
  50% {
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    -o-transform: scale(0.8);
    transform: scale(0.8);
  }
  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
}
.upload .center {
  padding-bottom: 100px;
}
.upload .center .rule-title {
  font-size: 24px;
  position: absolute;
  right: -210px;
  top: -80px;
  color: #2c629d;
  cursor: pointer;
}
.upload .center .rule-title:hover::before {
  opacity: 0.8;
}
.no-webp .upload .center .rule-title::before {background:url(https://tym.res.netease.com/pc/zt/20211119142453234/img/sprite-3e9872_3e9872c5.png);background-size:519px 516px;
background-position:-457px -270px}
.webp .upload .center .rule-title::before {background:url(https://tym.res.netease.com/pc/zt/20211119142453234/img/sprite-3e9872_3e9872c5.webp);background-size:519px 516px;
background-position:-457px -270px}
.no-webp .upload .center .rule-title::before {background-size:519px 516px}
.webp .upload .center .rule-title::before {background-size:519px 516px}
.no-webp .upload .center .rule-title::before {background-position:-457px -270px}
.webp .upload .center .rule-title::before {background-position:-457px -270px}
.upload .center .rule-title::before {
  content: '';
  display: inline-block;
  position: relative;
  top: 2px;
  right: 2px;
width:23px;
height:23px;

}
.upload .center h4 {
  position: relative;
}
.upload .center h4 span {
  font-weight: 400;
  font-size: 14px;
}
.upload .center .myInfo {
  width: 1108px;
  padding-top: 44px;
  position: relative;
  margin: 0 auto 0;
}
.no-webp .upload .center .myInfo .account {background-clip:padding-box}
.webp .upload .center .myInfo .account {background-clip:padding-box}
.upload .center .myInfo .account {
  width: 1108px;
  height: 137px;
  position: relative;
  padding: 26px 0 0 12px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: 1px solid #3e8ed4;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
}
.upload .center .myInfo .account:after {
  width: 1098px;
  height: 0;
  content: "";
  position: absolute;
  left: 50%;
  top: 67px;
  margin-left: -549px;
  border-bottom: 1px dashed #c0cccf;
}
.upload .center .myInfo .account span {
  line-height: 20px;
  color: #1b5684;
  font-size: 16px;
  display: inline-block;
}
.upload .center .myInfo .account span.nick {
  line-height: 24px;
}
.upload .center .myInfo .account span b {
  color: #1b5684;
  font-weight: 700;
}
.no-webp .upload .center .myInfo .account span .inputAuthor {background:none}
.webp .upload .center .myInfo .account span .inputAuthor {background:none}
.no-webp .upload .center .myInfo .account span .inputAuthor {background-clip:padding-box}
.webp .upload .center .myInfo .account span .inputAuthor {background-clip:padding-box}
.upload .center .myInfo .account span .inputAuthor {
  width: 180px;
  font-size: 16px;
  height: 24px;
  color: #1b5684;
  line-height: 24px;
  border: 1px solid #1b5684;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  text-indent: 5px;
}
.upload .center .myInfo .account span .inputAuthor:focus {
  outline: none;
}
.no-webp .upload .center .myInfo .account .loginOut, 
.no-webp .upload .center .myInfo .account .changeNick, 
.no-webp .upload .center .myInfo .account .nickSubmit {background:#7bbef7}
.webp .upload .center .myInfo .account .loginOut, 
.webp .upload .center .myInfo .account .changeNick, 
.webp .upload .center .myInfo .account .nickSubmit {background:#7bbef7}
.no-webp .upload .center .myInfo .account .loginOut, 
.no-webp .upload .center .myInfo .account .changeNick, 
.no-webp .upload .center .myInfo .account .nickSubmit {background-clip:padding-box}
.webp .upload .center .myInfo .account .loginOut, 
.webp .upload .center .myInfo .account .changeNick, 
.webp .upload .center .myInfo .account .nickSubmit {background-clip:padding-box}
.upload .center .myInfo .account .loginOut,
.upload .center .myInfo .account .changeNick,
.upload .center .myInfo .account .nickSubmit {
  width: 60px;
  display: inline-block;
  vertical-align: top;
  color: #ffffff;
  font-size: 14px;
  line-height: 25px;
  text-align: center;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  margin-left: 20px;
}
.no-webp .upload .center .myInfo .account .loginOut:hover, 
.no-webp .upload .center .myInfo .account .changeNick:hover, 
.no-webp .upload .center .myInfo .account .nickSubmit:hover {background:#3e8ed4}
.webp .upload .center .myInfo .account .loginOut:hover, 
.webp .upload .center .myInfo .account .changeNick:hover, 
.webp .upload .center .myInfo .account .nickSubmit:hover {background:#3e8ed4}
.upload .center .myInfo .account .loginOut:hover,
.upload .center .myInfo .account .changeNick:hover,
.upload .center .myInfo .account .nickSubmit:hover {
}
.upload .center .myInfo .account .changeNick {
  width: 88px;
  margin-top: 42px;
}
.upload .center .myInfo .account .nick,
.upload .center .myInfo .account .nickSubmit {
  margin-top: 42px;
}
.upload .center .workInfo {
  width: 1108px;
  margin: 34px auto 0;
  position: relative;
  z-index: 2;
  /* 公共样式start */
  /* 公共样式end */
}
.upload .center .workInfo h4 {
  display: inline-block;
}
.upload .center .workInfo .label {
  margin-top: 14px;
  font-size: 0;
}
.upload .center .workInfo .label.edit a {
  display: none;
}
.upload .center .workInfo .label.edit p .delete {
  display: none;
}
.upload .center .workInfo .label h4 {
  margin-bottom: 15px;
  display: block;
}
.upload .center .workInfo .label span {
  display: block;
  font-size: 16px;
  position: relative;
  left: 255px;
  bottom: 45px;
}
.no-webp .upload .center .workInfo .label a, 
.no-webp .upload .center .workInfo .label p {background-clip:padding-box}
.webp .upload .center .workInfo .label a, 
.webp .upload .center .workInfo .label p {background-clip:padding-box}
.no-webp .upload .center .workInfo .label a, 
.no-webp .upload .center .workInfo .label p {background:#52a6ed}
.webp .upload .center .workInfo .label a, 
.webp .upload .center .workInfo .label p {background:#52a6ed}
.upload .center .workInfo .label a,
.upload .center .workInfo .label p {
  display: inline-block;
  vertical-align: top;
  position: relative;
  color: #ffffff;
  font-size: 16px;
  line-height: 24px;
  padding: 0 12px;
  margin-right: 15px;
  border: 1px solid #fff;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
}
.upload .center .workInfo .label a:last-child,
.upload .center .workInfo .label p:last-child {
  margin-right: 0;
}
.no-webp .upload .center .workInfo .label a .delete, 
.no-webp .upload .center .workInfo .label p .delete {background:url(https://tym.res.netease.com/pc/zt/20211119142453234/img/upload-close_031610e5.png);
  background-size: 100%}
.webp .upload .center .workInfo .label a .delete, 
.webp .upload .center .workInfo .label p .delete {background:url(https://tym.res.netease.com/pc/zt/20211119142453234/img/upload-close_031610e5.webp);
  background-size: 100%}
.no-webp .upload .center .workInfo .label a .delete, 
.no-webp .upload .center .workInfo .label p .delete {background-size:100%}
.webp .upload .center .workInfo .label a .delete, 
.webp .upload .center .workInfo .label p .delete {background-size:100%}
.upload .center .workInfo .label a .delete,
.upload .center .workInfo .label p .delete {
  width: 20px;
  height: 20px;
  display: block;
  position: absolute;
  right: -12px;
  top: -12px;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  z-index: 4;
  cursor: pointer;
  font-size: 0;
}
.upload .center .workInfo .label a .delete:hover,
.upload .center .workInfo .label p .delete:hover {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}
.upload .center .workInfo .recommend {
  margin-top: 20px;
  font-size: 0;
}
.upload .center .workInfo .recommend.none {
  display: none;
}
.upload .center .workInfo .recommend .tit {
  color: #1b5684;
  font-size: 18px;
  text-align: left;
  font-weight: 700;
  line-height: 22px;
  margin-bottom: 8px;
}
.upload .center .workInfo .recommend .tit .explain {
  font-size: 15px;
  font-weight: normal;
  color: #62A1C9;
}
.no-webp .upload .center .workInfo .recommend p {background-clip:padding-box}
.webp .upload .center .workInfo .recommend p {background-clip:padding-box}
.no-webp .upload .center .workInfo .recommend p {background:#74a6d2}
.webp .upload .center .workInfo .recommend p {background:#74a6d2}
.upload .center .workInfo .recommend p {
  height: 26px;
  display: inline-block;
  vertical-align: top;
  position: relative;
  color: #ffffff;
  font-size: 16px;
  line-height: 26px;
  padding: 0 12px;
  margin-right: 15px;
  border: 1px solid #fff;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  cursor: pointer;
}
.upload .center .workInfo .recommend p:last-child {
  margin-right: 0;
}
.no-webp .upload .center .workInfo .recommend p.cur {background:#66b2f2}
.webp .upload .center .workInfo .recommend p.cur {background:#66b2f2}
.upload .center .workInfo .recommend p.cur {
  cursor: auto;
}
.upload .center .workInfo .rule {
  margin-top: 94px;
}
.upload .center .workInfo .rule p {
  width: 186px;
  text-align: center;
  color: #1b5684;
  font-size: 16px;
  line-height: 28px;
  margin: 0 auto 0;
  position: relative;
  cursor: pointer;
  border-bottom: 1px solid #1b5684;
}
.no-webp .upload .center .workInfo .rule p.cur i:after {background:#67b2f2}
.webp .upload .center .workInfo .rule p.cur i:after {background:#67b2f2}
.no-webp .upload .center .workInfo .rule p.cur i:after {background-clip:padding-box}
.webp .upload .center .workInfo .rule p.cur i:after {background-clip:padding-box}
.upload .center .workInfo .rule p.cur i:after {
  width: 12px;
  height: 12px;
  content: "";
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -6px 0 0 -6px;
}
.upload .center .workInfo .rule p a {
  color: #092235;
}
.no-webp .upload .center .workInfo .rule p i {background-clip:padding-box}
.webp .upload .center .workInfo .rule p i {background-clip:padding-box}
.upload .center .workInfo .rule p i {
  display: block;
  width: 20px;
  height: 20px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: 1px solid #67b2f2;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  position: absolute;
  left: -28px;
  top: 4px;
}
.no-webp .upload .center .workInfo .uploadImg {background-clip:padding-box}
.webp .upload .center .workInfo .uploadImg {background-clip:padding-box}
.no-webp .upload .center .workInfo .uploadImg {background:url(https://tym.res.netease.com/pc/zt/20211119142453234/img/icon-add_80c17674.png) center center no-repeat, url(https://tym.res.netease.com/pc/zt/20211119142453234/img/upload-img_1f46be25.png) left top no-repeat;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box}
.webp .upload .center .workInfo .uploadImg {background:url(https://tym.res.netease.com/pc/zt/20211119142453234/img/icon-add_80c17674.webp) center center no-repeat, url(https://tym.res.netease.com/pc/zt/20211119142453234/img/upload-img_1f46be25.webp) left top no-repeat;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box}
.upload .center .workInfo .uploadImg {
  width: 125px;
  height: 126px;
  position: relative;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  overflow: hidden;
}
.no-webp .upload .center .workInfo .uploadImg.start {background:url(https://tym.res.netease.com/pc/zt/20211119142453234/img/upload-img_1f46be25.png) left top no-repeat}
.webp .upload .center .workInfo .uploadImg.start {background:url(https://tym.res.netease.com/pc/zt/20211119142453234/img/upload-img_1f46be25.webp) left top no-repeat}
.upload .center .workInfo .uploadImg.start {
}
.upload .center .workInfo .uploadImg.start .progress {
  display: block;
}
.upload .center .workInfo .uploadImg.end .end-img {
  display: block;
}
.upload .center .workInfo .uploadImg.end input {
  display: none;
}
.upload .center .workInfo .uploadImg.end .btn-close {
  display: block;
}
.no-webp .upload .center .workInfo .uploadImg .btn-close {background:url(https://tym.res.netease.com/pc/zt/20211119142453234/img/upload-close_031610e5.png);
  background-size: 100%}
.webp .upload .center .workInfo .uploadImg .btn-close {background:url(https://tym.res.netease.com/pc/zt/20211119142453234/img/upload-close_031610e5.webp);
  background-size: 100%}
.no-webp .upload .center .workInfo .uploadImg .btn-close {background-size:100%}
.webp .upload .center .workInfo .uploadImg .btn-close {background-size:100%}
.upload .center .workInfo .uploadImg .btn-close {
  width: 20px;
  height: 20px;
  text-align: center;
  position: absolute;
  z-index: 5;
  color: #fff;
  font-size: 0;
  right: -1px;
  top: -1px;
  cursor: pointer;
  display: none;
}
.no-webp .upload .center .workInfo .uploadImg input, 
.no-webp .upload .center .workInfo .uploadImg .input {background:none}
.webp .upload .center .workInfo .uploadImg input, 
.webp .upload .center .workInfo .uploadImg .input {background:none}
.upload .center .workInfo .uploadImg input,
.upload .center .workInfo .uploadImg .input {
  display: block;
  border: none;
  width: 100%;
  height: 100%;
  font-size: 0;
  opacity: 0;
  cursor: pointer;
  position: absolute;
  left: 0;
  top: 0;
}
.upload .center .workInfo .uploadImg .progress {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
  display: none;
  color: #fff;
  font-size: 18px;
  text-align: center;
  line-height: 126px;
}
.no-webp .upload .center .workInfo .uploadImg .end-img {background-color:#a4bbce}
.webp .upload .center .workInfo .uploadImg .end-img {background-color:#a4bbce}
.no-webp .upload .center .workInfo .uploadImg .end-img {background-repeat:no-repeat}
.webp .upload .center .workInfo .uploadImg .end-img {background-repeat:no-repeat}
.no-webp .upload .center .workInfo .uploadImg .end-img {background-position:center}
.webp .upload .center .workInfo .uploadImg .end-img {background-position:center}
.upload .center .workInfo .uploadImg .end-img {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
  display: none;
}
.upload .center .workInfo .uploadImg .end-img img {
  display: none;
}
.no-webp .upload .center .workInfo .btnSubmit {background:#66b2f2}
.webp .upload .center .workInfo .btnSubmit {background:#66b2f2}
.no-webp .upload .center .workInfo .btnSubmit {background-clip:padding-box}
.webp .upload .center .workInfo .btnSubmit {background-clip:padding-box}
.upload .center .workInfo .btnSubmit {
  width: 246px;
  height: 50px;
  display: block;
  text-align: center;
  line-height: 50px;
  color: #ffffff;
  font-size: 24px;
  font-weight: 700;
  letter-spacing: 1px;
  margin: 12px auto 0;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
}
.no-webp .upload .center .workInfo .btnSubmit:hover {background:#ff6985}
.webp .upload .center .workInfo .btnSubmit:hover {background:#ff6985}
.upload .center .workInfo .btnSubmit:hover {
}
.no-webp .upload .center .workInfo .workTitle {background-clip:padding-box}
.webp .upload .center .workInfo .workTitle {background-clip:padding-box}
.upload .center .workInfo .workTitle {
  width: 1108px;
  height: 47px;
  position: relative;
  padding: 12px 0 12px 12px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: 1px solid #3e8ed4;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
}
.no-webp .upload .center .workInfo .workTitle input {background:transparent}
.webp .upload .center .workInfo .workTitle input {background:transparent}
.upload .center .workInfo .workTitle input {
  color: #1b5684;
  font-size: 16px;
  line-height: 20px;
  height: 20px;
  width: 300px;
  border: none;
}
.upload .center .workInfo .workTitle input:focus {
  outline: none;
}
.upload .center .workInfo .workTitle span {
  color: #1b5684;
  font-size: 14px;
  position: absolute;
  right: 12px;
  top: 14px;
  line-height: 20px;
}
.upload .center .workInfo .workType {
  width: 100%;
  font-size: 0;
  margin-top: 52px;
}
.upload .center .workInfo .workType:nth-child(4) {
  margin-top: 38px;
}
.upload .center .workInfo .workType ul {
  display: inline-block;
  vertical-align: middle;
  font-size: 0;
}
.no-webp .upload .center .workInfo .workType ul li {background-clip:padding-box}
.webp .upload .center .workInfo .workType ul li {background-clip:padding-box}
.upload .center .workInfo .workType ul li {
  width: 78px;
  height: 26px;
  cursor: pointer;
  color: #43a2f3;
  font-size: 16px;
  line-height: 26px;
  margin-right: 22px;
  text-align: center;
  display: inline-block;
  vertical-align: middle;
  border: 1px solid #43a2f3;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
}
.no-webp .upload .center .workInfo .workType ul li:hover, 
.no-webp .upload .center .workInfo .workType ul li.on {background:#43a2f3}
.webp .upload .center .workInfo .workType ul li:hover, 
.webp .upload .center .workInfo .workType ul li.on {background:#43a2f3}
.upload .center .workInfo .workType ul li:hover,
.upload .center .workInfo .workType ul li.on {
  color: #ffffff;
}
.no-webp .upload .center .workInfo .workType ul li.link {background:none}
.webp .upload .center .workInfo .workType ul li.link {background:none}
.upload .center .workInfo .workType ul li.link {
  width: 245px;
  border: none;
  color: #62A1C9;
  text-decoration: underline;
}
.no-webp .upload .center .workInfo .workType ul li.link:hover, 
.no-webp .upload .center .workInfo .workType ul li.link.on {background:none}
.webp .upload .center .workInfo .workType ul li.link:hover, 
.webp .upload .center .workInfo .workType ul li.link.on {background:none}
.upload .center .workInfo .workType ul li.link:hover,
.upload .center .workInfo .workType ul li.link.on {
  color: #62A1C9;
  border: none;
}
.upload .center .workInfo .workType ul li.link a {
  color: #62A1C9;
}
.upload .center .workInfo .articleBox {
  width: 1108px;
  height: auto;
  margin-top: 32px;
}
.no-webp .upload .center .workInfo .articleBox #vueapp {background-clip:padding-box}
.webp .upload .center .workInfo .articleBox #vueapp {background-clip:padding-box}
.no-webp .upload .center .workInfo .articleBox #vueapp {background:#fff}
.webp .upload .center .workInfo .articleBox #vueapp {background:#fff}
.upload .center .workInfo .articleBox #vueapp {
  width: 1108px;
  height: 540px;
  color: #1b5684;
  margin-bottom: 32px;
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: 1px solid #7bbef7;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
}
.upload .center .workInfo .articleBox #vueapp .sizeTips {
  position: absolute;
  right: 0px;
  bottom: -22px;
  z-index: 2;
  color: #555;
  font-size: 14px;
}
.upload .center .workInfo .pictureBox {
  margin-top: 40px;
}
.upload .center .workInfo .pictureBox h4 {
  height: auto;
}
.upload .center .workInfo .pictureBox ul {
  font-size: 0;
  margin-bottom: 28px;
}
.upload .center .workInfo .pictureBox ul li {
  width: 123px;
  height: 123px;
  font-size: 0;
  border: 1px solid #fff;
  position: relative;
  margin-right: 44px;
  margin-bottom: 15px;
  display: inline-block;
  vertical-align: top;
}
.upload .center .workInfo .pictureBox ul li:hover p {
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  filter: alpha(opacity=100);
  z-index: 3;
}
.upload .center .workInfo .pictureBox ul li.iscover .iscover {
  display: block;
}
.upload .center .workInfo .pictureBox ul li.iscover p {
  display: none;
}
.no-webp .upload .center .workInfo .pictureBox ul li .img {background-color:#a4bbce}
.webp .upload .center .workInfo .pictureBox ul li .img {background-color:#a4bbce}
.no-webp .upload .center .workInfo .pictureBox ul li .img {background-repeat:no-repeat}
.webp .upload .center .workInfo .pictureBox ul li .img {background-repeat:no-repeat}
.no-webp .upload .center .workInfo .pictureBox ul li .img {background-position:center}
.webp .upload .center .workInfo .pictureBox ul li .img {background-position:center}
.upload .center .workInfo .pictureBox ul li .img {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
}
.upload .center .workInfo .pictureBox ul li img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.no-webp .upload .center .workInfo .pictureBox ul li .delete {background:url(https://tym.res.netease.com/pc/zt/20211119142453234/img/sprite-3e9872_3e9872c5.png);background-size:519px 516px;
background-position:-491px -107px}
.webp .upload .center .workInfo .pictureBox ul li .delete {background:url(https://tym.res.netease.com/pc/zt/20211119142453234/img/sprite-3e9872_3e9872c5.webp);background-size:519px 516px;
background-position:-491px -107px}
.no-webp .upload .center .workInfo .pictureBox ul li .delete {background-size:519px 516px}
.webp .upload .center .workInfo .pictureBox ul li .delete {background-size:519px 516px}
.no-webp .upload .center .workInfo .pictureBox ul li .delete {background-position:-491px -107px}
.webp .upload .center .workInfo .pictureBox ul li .delete {background-position:-491px -107px}
.upload .center .workInfo .pictureBox ul li .delete {
  width: 25px;
  height: 25px;
  display: block;
  position: absolute;
  right: -8px;
  top: -8px;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  z-index: 4;
  cursor: pointer;

}
.upload .center .workInfo .pictureBox ul li .delete:hover {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}
.no-webp .upload .center .workInfo .pictureBox ul li .iscover {background:url(https://tym.res.netease.com/pc/zt/20211119142453234/img/sprite-3e9872_3e9872c5.png);background-size:519px 516px;
background-position:-473px -219px}
.webp .upload .center .workInfo .pictureBox ul li .iscover {background:url(https://tym.res.netease.com/pc/zt/20211119142453234/img/sprite-3e9872_3e9872c5.webp);background-size:519px 516px;
background-position:-473px -219px}
.no-webp .upload .center .workInfo .pictureBox ul li .iscover {background-size:519px 516px}
.webp .upload .center .workInfo .pictureBox ul li .iscover {background-size:519px 516px}
.no-webp .upload .center .workInfo .pictureBox ul li .iscover {background-position:-473px -219px}
.webp .upload .center .workInfo .pictureBox ul li .iscover {background-position:-473px -219px}
.upload .center .workInfo .pictureBox ul li .iscover {
  width: 44px;
  height: 46px;
  display: none;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;

}
.no-webp .upload .center .workInfo .pictureBox ul li p {background:rgba(38, 45, 51, 0.4)}
.webp .upload .center .workInfo .pictureBox ul li p {background:rgba(38, 45, 51, 0.4)}
.upload .center .workInfo .pictureBox ul li p {
  width: 100%;
  height: 100%;
  z-index: 1;
  position: absolute;
  left: 0;
  top: 0;
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  filter: alpha(opacity=0);
  z-index: -1;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.no-webp .upload .center .workInfo .pictureBox ul li p b {background-clip:padding-box}
.webp .upload .center .workInfo .pictureBox ul li p b {background-clip:padding-box}
.no-webp .upload .center .workInfo .pictureBox ul li p b {background:#61aff1}
.webp .upload .center .workInfo .pictureBox ul li p b {background:#61aff1}
.upload .center .workInfo .pictureBox ul li p b {
  width: 82px;
  height: 28px;
  cursor: pointer;
  text-align: center;
  color: #ffffff;
  font-size: 16px;
  display: block;
  line-height: 28px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -14px 0 0 -41px;
}
.upload .center .workInfo .videoBox {
  margin-top: 42px;
  position: relative;
}
.upload .center .workInfo .videoBox h4 {
  height: auto;
}
.upload .center .workInfo .videoBox span {
  line-height: 20px;
  display: block;
}
.no-webp .upload .center .workInfo .videoBox .upload_video {background:#66b2f2}
.webp .upload .center .workInfo .videoBox .upload_video {background:#66b2f2}
.no-webp .upload .center .workInfo .videoBox .upload_video {background-clip:padding-box}
.webp .upload .center .workInfo .videoBox .upload_video {background-clip:padding-box}
.upload .center .workInfo .videoBox .upload_video {
  width: 185px;
  height: 42px;
  color: #ffffff;
  font-size: 16px;
  text-indent: 77px;
  line-height: 42px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  position: relative;
  display: inline-block;
  vertical-align: top;
  margin-right: 10px;
  margin-bottom: 30px;
  overflow: hidden;
}
.no-webp .upload .center .workInfo .videoBox .upload_video:hover {background:#74a6d2}
.webp .upload .center .workInfo .videoBox .upload_video:hover {background:#74a6d2}
.upload .center .workInfo .videoBox .upload_video:hover {
}
.upload .center .workInfo .videoBox .upload_video.upload input {
  display: none;
}
.upload .center .workInfo .videoBox .upload_video input {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
  -webkit-opacity: 0.01;
  -moz-opacity: 0.01;
  opacity: 0.01;
  filter: alpha(opacity=1);
  cursor: pointer;
}
.no-webp .upload .center .workInfo .videoBox .upload_video i {background:url(https://tym.res.netease.com/pc/zt/20211119142453234/img/sprite-3e9872_3e9872c5.png);background-size:519px 516px;
background-position:-490px -175px}
.webp .upload .center .workInfo .videoBox .upload_video i {background:url(https://tym.res.netease.com/pc/zt/20211119142453234/img/sprite-3e9872_3e9872c5.webp);background-size:519px 516px;
background-position:-490px -175px}
.no-webp .upload .center .workInfo .videoBox .upload_video i {background-size:519px 516px}
.webp .upload .center .workInfo .videoBox .upload_video i {background-size:519px 516px}
.no-webp .upload .center .workInfo .videoBox .upload_video i {background-position:-490px -175px}
.webp .upload .center .workInfo .videoBox .upload_video i {background-position:-490px -175px}
.upload .center .workInfo .videoBox .upload_video i {
  width: 25px;
  height: 25px;
  display: block;
  position: absolute;
  left: 40px;
  top: 8px;

}
.no-webp .upload .center .workInfo .videoBox .loading {background:#74a6d2}
.webp .upload .center .workInfo .videoBox .loading {background:#74a6d2}
.no-webp .upload .center .workInfo .videoBox .loading {background-clip:padding-box}
.webp .upload .center .workInfo .videoBox .loading {background-clip:padding-box}
.upload .center .workInfo .videoBox .loading {
  width: 185px;
  height: 42px;
  color: #ffffff;
  font-size: 16px;
  text-indent: 77px;
  line-height: 42px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  position: relative;
  display: inline-block;
  vertical-align: top;
}
.upload .center .workInfo .videoBox .loading.start i {
  -webkit-animation: loading 2s linear infinite 300ms 0 ease;
  -moz-animation: loading 2s linear infinite 300ms 0 ease;
  -ms-animation: loading 2s linear infinite 300ms 0 ease;
  animation: loading 2s linear infinite 300ms 0 ease;
  -moz-animation: loading 2s linear infinite;
  -webkit-animation: loading 2s linear infinite;
  -o-animation: loading 2s linear infinite;
  -ms-animation: loading 2s linear infinite;
  animation: loading 2s linear infinite;
}
.upload .center .workInfo .videoBox .loading.end {
  text-indent: 66px;
}
.upload .center .workInfo .videoBox .loading.end i {
  display: none;
}
.no-webp .upload .center .workInfo .videoBox .loading i {background:url(https://tym.res.netease.com/pc/zt/20211119142453234/img/sprite-3e9872_3e9872c5.png);background-size:519px 516px;
background-position:-491px -80px}
.webp .upload .center .workInfo .videoBox .loading i {background:url(https://tym.res.netease.com/pc/zt/20211119142453234/img/sprite-3e9872_3e9872c5.webp);background-size:519px 516px;
background-position:-491px -80px}
.no-webp .upload .center .workInfo .videoBox .loading i {background-size:519px 516px}
.webp .upload .center .workInfo .videoBox .loading i {background-size:519px 516px}
.no-webp .upload .center .workInfo .videoBox .loading i {background-position:-491px -80px}
.webp .upload .center .workInfo .videoBox .loading i {background-position:-491px -80px}
.upload .center .workInfo .videoBox .loading i {
  width: 26px;
  height: 25px;
  display: block;
  position: absolute;
  left: 40px;
  top: 8px;

}
.upload .center .workInfo .videoBox .loading .progress {
  line-height: 42px;
}
.upload .center .workInfo .videoBox .name {
  max-width: 100px;
  height: 28px;
  color: #1b5684;
  font-size: 16px;
  line-height: 28px;
  display: inline-block;
  vertical-align: top;
  margin: 5px 0 0 10px;
  position: relative;
  border-bottom: 1px solid #1b5684;
}
.upload .center .workInfo .videoBox .name b {
  display: block;
  max-width: 100px;
  height: 28px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.no-webp .upload .center .workInfo .videoBox .name .delete {background:url(https://tym.res.netease.com/pc/zt/20211119142453234/img/upload-close_031610e5.png);
  background-size: 100%}
.webp .upload .center .workInfo .videoBox .name .delete {background:url(https://tym.res.netease.com/pc/zt/20211119142453234/img/upload-close_031610e5.webp);
  background-size: 100%}
.no-webp .upload .center .workInfo .videoBox .name .delete {background-size:100%}
.webp .upload .center .workInfo .videoBox .name .delete {background-size:100%}
.upload .center .workInfo .videoBox .name .delete {
  width: 16px;
  height: 16px;
  display: block;
  position: absolute;
  right: -14px;
  top: -5px;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  z-index: 3;
  cursor: pointer;
}
.upload .center .workInfo .videoBox .name .delete:hover {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}
.upload .center .workInfo .videoBox .cover {
  position: absolute;
  left: 524px;
  top: 0;
}
.upload .center .workInfo .videoBox .videoDesc {
  margin-bottom: 10px;
}
.no-webp .upload .center .workInfo .videoBox .videoDesc .descText {background:#fff}
.webp .upload .center .workInfo .videoBox .videoDesc .descText {background:#fff}
.no-webp .upload .center .workInfo .videoBox .videoDesc .descText {background-clip:padding-box}
.webp .upload .center .workInfo .videoBox .videoDesc .descText {background-clip:padding-box}
.upload .center .workInfo .videoBox .videoDesc .descText {
  width: 625px;
  height: 70px;
  padding: 10px;
  color: #1b5684;
  margin-top: 10px;
  border: 1px solid #7bbef7;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  font-size: 14px;
  line-height: 22px;
  display: block;
  font-family: '\5FAE\8F6F\96C5\9ED1';
}
@media (max-width: 1660px) {
  .upload .center .back {
    top: 116px;
  }
}
@-webkit-keyframes loading {
  0% {
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-moz-keyframes loading {
  0% {
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-ms-keyframes loading {
  0% {
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-o-keyframes loading {
  0% {
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes loading {
  0% {
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-webkit-keyframes loading {
  0% {
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-moz-keyframes loading {
  0% {
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-ms-keyframes loading {
  0% {
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-o-keyframes loading {
  0% {
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes loading {
  0% {
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-webkit-keyframes loading {
  0% {
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-moz-keyframes loading {
  0% {
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-ms-keyframes loading {
  0% {
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-o-keyframes loading {
  0% {
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes loading {
  0% {
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
::-webkit-input-placeholder {
  /* WebKit browsers */
  color: #1b5684;
}
:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #1b5684;
}
::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #1b5684;
}
:-ms-input-placeholder {
  /* Internet Explorer 10+ */
  color: #1b5684;
}
.no-webp .Layer {background:rgba(0, 0, 0, 0.8)}
.webp .Layer {background:rgba(0, 0, 0, 0.8)}
.Layer {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
}
.pop {
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 100;
}
.pop .cont {
  position: absolute;
  z-index: 2;
  left: 50%;
  top: 50%;
  margin-top: -40px;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.no-webp .pop .closeBg {background:url(https://tym.res.netease.com/pc/zt/20211119142453234/img/sprite-3e9872_3e9872c5.png);background-size:519px 516px;
background-position:-0px -0px}
.webp .pop .closeBg {background:url(https://tym.res.netease.com/pc/zt/20211119142453234/img/sprite-3e9872_3e9872c5.webp);background-size:519px 516px;
background-position:-0px -0px}
.no-webp .pop .closeBg {background-size:519px 516px}
.webp .pop .closeBg {background-size:519px 516px}
.no-webp .pop .closeBg {background-position:-0px -0px}
.webp .pop .closeBg {background-position:-0px -0px}
.pop .closeBg {
  width: 419px;
  height: 64px;
  position: absolute;
  left: 50%;
  bottom: -40px;
  margin-left: -210px;

}
.no-webp .pop .closeBg .close {background:url(https://tym.res.netease.com/pc/zt/20211119142453234/img/sprite-3e9872_3e9872c5.png);background-size:519px 516px;
background-position:-421px -219px}
.webp .pop .closeBg .close {background:url(https://tym.res.netease.com/pc/zt/20211119142453234/img/sprite-3e9872_3e9872c5.webp);background-size:519px 516px;
background-position:-421px -219px}
.no-webp .pop .closeBg .close {background-size:519px 516px}
.webp .pop .closeBg .close {background-size:519px 516px}
.no-webp .pop .closeBg .close {background-position:-421px -219px}
.webp .pop .closeBg .close {background-position:-421px -219px}
.pop .closeBg .close {
  width: 50px;
  height: 49px;
  position: absolute;
  left: 50%;
  top: 38px;
  margin-left: -25px;

  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.pop .closeBg .close:hover {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}
.no-webp .rulePop .cont {background:url(https://tym.res.netease.com/pc/zt/20211119142453234/img/pop-rule_4a99d10c.png) no-repeat}
.webp .rulePop .cont {background:url(https://tym.res.netease.com/pc/zt/20211119142453234/img/pop-rule_4a99d10c.webp) no-repeat}
.rulePop .cont {
  width: 608px;
  height: 536px;
}
.rulePop .cont .scroll {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 500px;
  height: 420px;
  margin: -210px 0 0 -260px;
  padding: 0 10px;
}
.rulePop .cont .scroll h6 {
  color: #1e65a1;
  text-align: center;
  font-size: 22px;
  font-weight: 700;
  line-height: 30px;
  margin-bottom: 24px;
}
.rulePop .cont .scroll p {
  color: #1b5684;
  font-size: 16px;
  line-height: 24px;
  text-align: left;
  margin-bottom: 10px;
  margin-top: 35%;
  text-align: center;
}
.no-webp .inputPop .cont {background:url(https://tym.res.netease.com/pc/zt/20211119142453234/img/pop-input_2a6725ce.png)}
.webp .inputPop .cont {background:url(https://tym.res.netease.com/pc/zt/20211119142453234/img/pop-input_2a6725ce.webp)}
.inputPop .cont {
  width: 608px;
  height: 252px;
}
.inputPop .cont h6 {
  color: #1e65a1;
  text-align: center;
  font-size: 22px;
  font-weight: 700;
  line-height: 30px;
  margin-top: 52px;
  margin-bottom: 18px;
}
.no-webp .inputPop .cont p {background-clip:padding-box}
.webp .inputPop .cont p {background-clip:padding-box}
.inputPop .cont p {
  width: 492px;
  height: 46px;
  margin: 0 auto 0;
  font-size: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: 1px solid #73bcf4;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  padding: 12px 8px;
}
.no-webp .inputPop .cont .pop-input {background:none}
.webp .inputPop .cont .pop-input {background:none}
.inputPop .cont .pop-input {
  height: 20px;
  line-height: 20px;
  color: #1b5684;
  font-size: 14px;
  border: none;
}
.inputPop .cont .pop-input:focus {
  outline: none;
}
.no-webp .inputPop .cont .pop-submit {background:#66b2f2}
.webp .inputPop .cont .pop-submit {background:#66b2f2}
.no-webp .inputPop .cont .pop-submit {background-clip:padding-box}
.webp .inputPop .cont .pop-submit {background-clip:padding-box}
.inputPop .cont .pop-submit {
  width: 162px;
  height: 30px;
  color: #ffffff;
  font-size: 16px;
  font-weight: 700;
  line-height: 30px;
  text-align: center;
  display: block;
  margin: 26px auto 0;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
}
.no-webp .inputPop .cont .pop-submit:hover {background:#79aad3}
.webp .inputPop .cont .pop-submit:hover {background:#79aad3}
.inputPop .cont .pop-submit:hover {
}
.no-webp .loginPop .cont {background:#fff}
.webp .loginPop .cont {background:#fff}
.no-webp .loginPop .cont {background-clip:padding-box}
.webp .loginPop .cont {background-clip:padding-box}
.loginPop .cont {
  padding-top: 20px;
  padding-bottom: 20px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
}
.loginPop #urs-login {
  width: 714px;
  height: 300px;
}
.no-webp .NIE-leihuo_share-pop.NIE-leihuo_share-pop {background:rgba(0, 0, 0, 0.7)}
.webp .NIE-leihuo_share-pop.NIE-leihuo_share-pop {background:rgba(0, 0, 0, 0.7)}
.NIE-leihuo_share-pop.NIE-leihuo_share-pop {
}
.no-webp .NIE-leihuo_share-pop.NIE-leihuo_share-pop .leihuo_share-pop {background:url(https://tym.res.netease.com/pc/zt/20211119142453234/img/pop-share_93b7f59d.png)}
.webp .NIE-leihuo_share-pop.NIE-leihuo_share-pop .leihuo_share-pop {background:url(https://tym.res.netease.com/pc/zt/20211119142453234/img/pop-share_93b7f59d.webp)}
.NIE-leihuo_share-pop.NIE-leihuo_share-pop .leihuo_share-pop {
  color: #fff;
  border: none;
  width: 1111px;
  height: 700px;
  padding: 190px 100px 120px;
  margin: -350px 0 0 -555px;
}
.NIE-leihuo_share-pop.NIE-leihuo_share-pop .leihuo_share-pop .leihuo_share-pop-title {
  display: none;
}
.NIE-leihuo_share-pop.NIE-leihuo_share-pop .leihuo_share-pop .leihuo_share-pop-way.way1 {
  margin-bottom: 60px;
}
.NIE-leihuo_share-pop.NIE-leihuo_share-pop .leihuo_share-pop .leihuo_share-pop-text {
  color: #1b5684;
  font-size: 24px;
}
.no-webp .NIE-leihuo_share-pop.NIE-leihuo_share-pop .leihuo_share-pop .leihuo_share-pop-copy-wrap {background:rgba(0, 0, 0, 0)}
.webp .NIE-leihuo_share-pop.NIE-leihuo_share-pop .leihuo_share-pop .leihuo_share-pop-copy-wrap {background:rgba(0, 0, 0, 0)}
.NIE-leihuo_share-pop.NIE-leihuo_share-pop .leihuo_share-pop .leihuo_share-pop-copy-wrap {
  border-radius: 63px;
  height: 63px;
  padding-left: 40px;
  margin-top: 20px;
}
.NIE-leihuo_share-pop.NIE-leihuo_share-pop .leihuo_share-pop .leihuo_share-pop-copy-wrap input {
  color: #1b5684;
  font-size: 24px;
}
.no-webp .NIE-leihuo_share-pop.NIE-leihuo_share-pop .leihuo_share-pop .leihuo_share-pop-copy-wrap .leihuo_share-pop-copy-btn {background-color:rgba(0, 0, 0, 0) !important}
.webp .NIE-leihuo_share-pop.NIE-leihuo_share-pop .leihuo_share-pop .leihuo_share-pop-copy-wrap .leihuo_share-pop-copy-btn {background-color:rgba(0, 0, 0, 0) !important}
.no-webp .NIE-leihuo_share-pop.NIE-leihuo_share-pop .leihuo_share-pop .leihuo_share-pop-copy-wrap .leihuo_share-pop-copy-btn {background:url(https://tym.res.netease.com/pc/zt/20211119142453234/img/sprite-3e9872_3e9872c5.png);background-size:519px 516px;
background-position:-212px -66px}
.webp .NIE-leihuo_share-pop.NIE-leihuo_share-pop .leihuo_share-pop .leihuo_share-pop-copy-wrap .leihuo_share-pop-copy-btn {background:url(https://tym.res.netease.com/pc/zt/20211119142453234/img/sprite-3e9872_3e9872c5.webp);background-size:519px 516px;
background-position:-212px -66px}
.no-webp .NIE-leihuo_share-pop.NIE-leihuo_share-pop .leihuo_share-pop .leihuo_share-pop-copy-wrap .leihuo_share-pop-copy-btn {background-size:519px 516px}
.webp .NIE-leihuo_share-pop.NIE-leihuo_share-pop .leihuo_share-pop .leihuo_share-pop-copy-wrap .leihuo_share-pop-copy-btn {background-size:519px 516px}
.no-webp .NIE-leihuo_share-pop.NIE-leihuo_share-pop .leihuo_share-pop .leihuo_share-pop-copy-wrap .leihuo_share-pop-copy-btn {background-position:-212px -66px}
.webp .NIE-leihuo_share-pop.NIE-leihuo_share-pop .leihuo_share-pop .leihuo_share-pop-copy-wrap .leihuo_share-pop-copy-btn {background-position:-212px -66px}
.NIE-leihuo_share-pop.NIE-leihuo_share-pop .leihuo_share-pop .leihuo_share-pop-copy-wrap .leihuo_share-pop-copy-btn {
  top: -2px;
  right: -1px;
  width: 170px;
  height: 66px;

}
.no-webp .NIE-leihuo_share-pop.NIE-leihuo_share-pop .leihuo_share-pop .leihuo_share-pop-copy-wrap .leihuo_share-pop-copy-btn:hover {background:url(https://tym.res.netease.com/pc/zt/20211119142453234/img/sprite-3e9872_3e9872c5.png);background-size:519px 516px;
background-position:-211px -166px}
.webp .NIE-leihuo_share-pop.NIE-leihuo_share-pop .leihuo_share-pop .leihuo_share-pop-copy-wrap .leihuo_share-pop-copy-btn:hover {background:url(https://tym.res.netease.com/pc/zt/20211119142453234/img/sprite-3e9872_3e9872c5.webp);background-size:519px 516px;
background-position:-211px -166px}
.no-webp .NIE-leihuo_share-pop.NIE-leihuo_share-pop .leihuo_share-pop .leihuo_share-pop-copy-wrap .leihuo_share-pop-copy-btn:hover {background-size:519px 516px}
.webp .NIE-leihuo_share-pop.NIE-leihuo_share-pop .leihuo_share-pop .leihuo_share-pop-copy-wrap .leihuo_share-pop-copy-btn:hover {background-size:519px 516px}
.no-webp .NIE-leihuo_share-pop.NIE-leihuo_share-pop .leihuo_share-pop .leihuo_share-pop-copy-wrap .leihuo_share-pop-copy-btn:hover {background-position:-211px -166px}
.webp .NIE-leihuo_share-pop.NIE-leihuo_share-pop .leihuo_share-pop .leihuo_share-pop-copy-wrap .leihuo_share-pop-copy-btn:hover {background-position:-211px -166px}
.NIE-leihuo_share-pop.NIE-leihuo_share-pop .leihuo_share-pop .leihuo_share-pop-copy-wrap .leihuo_share-pop-copy-btn:hover {
width:170px;
height:66px;

}
.no-webp .NIE-leihuo_share-pop.NIE-leihuo_share-pop .leihuo_share-pop .leihuo_share-pop-close {background:url(https://tym.res.netease.com/pc/zt/20211119142453234/img/sprite-3e9872_3e9872c5.png);background-size:519px 516px;
background-position:-421px -270px}
.webp .NIE-leihuo_share-pop.NIE-leihuo_share-pop .leihuo_share-pop .leihuo_share-pop-close {background:url(https://tym.res.netease.com/pc/zt/20211119142453234/img/sprite-3e9872_3e9872c5.webp);background-size:519px 516px;
background-position:-421px -270px}
.no-webp .NIE-leihuo_share-pop.NIE-leihuo_share-pop .leihuo_share-pop .leihuo_share-pop-close {background-size:519px 516px}
.webp .NIE-leihuo_share-pop.NIE-leihuo_share-pop .leihuo_share-pop .leihuo_share-pop-close {background-size:519px 516px}
.no-webp .NIE-leihuo_share-pop.NIE-leihuo_share-pop .leihuo_share-pop .leihuo_share-pop-close {background-position:-421px -270px}
.webp .NIE-leihuo_share-pop.NIE-leihuo_share-pop .leihuo_share-pop .leihuo_share-pop-close {background-position:-421px -270px}
.NIE-leihuo_share-pop.NIE-leihuo_share-pop .leihuo_share-pop .leihuo_share-pop-close {
  width: 34px;
  height: 34px;

  top: 98px;
  right: -12px;
  -webkit-transition: transform 0.5s;
  -moz-transition: transform 0.5s;
  -ms-transition: transform 0.5s;
  -o-transition: transform 0.5s;
  -webkit-transition: -webkit-transform 0.5s;
  transition: -webkit-transform 0.5s;
  transition: transform 0.5s;
  transition: transform 0.5s, -webkit-transform 0.5s;
}
.NIE-leihuo_share-pop.NIE-leihuo_share-pop .leihuo_share-pop .leihuo_share-pop-close:before {
  content: '';
  display: none;
}
.NIE-leihuo_share-pop.NIE-leihuo_share-pop .leihuo_share-pop .leihuo_share-pop-close:hover {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}
::-webkit-input-placeholder {
  /* WebKit browsers */
  color: #1b5684;
}
:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #1b5684;
}
::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #1b5684;
}
:-ms-input-placeholder {
  /* Internet Explorer 10+ */
  color: #1b5684;
}
.main-content {
  width: 1190px;
  min-height: 791px;
  position: relative;
  margin: 0 auto 0;
  font-size: 0;
}
.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%;
  margin: 0 auto;
  height: 200px;
}
.no-webp .main-content .vote-card-waterfall .vote-card-list .vote-card {background:url(https://tym.res.netease.com/pc/zt/20211119142453234/img/card-c_14ed7305.png) left top repeat-y;
  background-size: 100%}
.webp .main-content .vote-card-waterfall .vote-card-list .vote-card {background:url(https://tym.res.netease.com/pc/zt/20211119142453234/img/card-c_14ed7305.webp) left top repeat-y;
  background-size: 100%}
.no-webp .main-content .vote-card-waterfall .vote-card-list .vote-card {background-size:100%}
.webp .main-content .vote-card-waterfall .vote-card-list .vote-card {background-size:100%}
.main-content .vote-card-waterfall .vote-card-list .vote-card {
  width: 288px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0;
  position: absolute;
  border: none;
  overflow: visible;
  margin-top: 18px;
  margin-bottom: 26px;
}
.main-content .vote-card-waterfall .vote-card-list .vote-card:after,
.main-content .vote-card-waterfall .vote-card-list .vote-card:before {
  width: 288px;
  content: "";
  display: block;
  position: absolute;
  left: 0;
}
.no-webp .main-content .vote-card-waterfall .vote-card-list .vote-card:before {background:url(https://tym.res.netease.com/pc/zt/20211119142453234/img/card-t_bd817ade.png) left top no-repeat;
  background-size: 100%}
.webp .main-content .vote-card-waterfall .vote-card-list .vote-card:before {background:url(https://tym.res.netease.com/pc/zt/20211119142453234/img/card-t_bd817ade.webp) left top no-repeat;
  background-size: 100%}
.no-webp .main-content .vote-card-waterfall .vote-card-list .vote-card:before {background-size:100%}
.webp .main-content .vote-card-waterfall .vote-card-list .vote-card:before {background-size:100%}
.main-content .vote-card-waterfall .vote-card-list .vote-card:before {
  height: 18px;
  top: -18px;
}
.no-webp .main-content .vote-card-waterfall .vote-card-list .vote-card:after {background:url(https://tym.res.netease.com/pc/zt/20211119142453234/img/card-b_8790f8d2.png) left bottom no-repeat;
  background-size: 100%}
.webp .main-content .vote-card-waterfall .vote-card-list .vote-card:after {background:url(https://tym.res.netease.com/pc/zt/20211119142453234/img/card-b_8790f8d2.webp) left bottom no-repeat;
  background-size: 100%}
.no-webp .main-content .vote-card-waterfall .vote-card-list .vote-card:after {background-size:100%}
.webp .main-content .vote-card-waterfall .vote-card-list .vote-card:after {background-size:100%}
.main-content .vote-card-waterfall .vote-card-list .vote-card:after {
  height: 16px;
  bottom: -16px;
}
.main-content .vote-card-waterfall .vote-card-list .vote-card .card-vertical-img {
  width: 247px;
  height: auto;
  overflow: hidden;
  margin: 0 auto 0;
  text-align: center;
  border: 1px solid #9fe1f8;
  position: relative;
  z-index: 2;
}
.main-content .vote-card-waterfall .vote-card-list .vote-card .card-vertical-img img {
  width: auto;
  height: auto;
  max-width: 100%;
}
.main-content .vote-card-waterfall .vote-card-list .vote-card .card-vertical-detail {
  padding: 0;
  z-index: 2;
}
.main-content .vote-card-waterfall .vote-card-list .vote-card .card-vertical-detail .info {
  width: 100%;
}
.main-content .vote-card-waterfall .vote-card-list .vote-card .card-vertical-detail .info1 {
  width: 182px;
}
.main-content .vote-card-waterfall .vote-card-list .vote-card .card-vertical-detail .info1 .text {
  color: #3496e9;
  font-size: 16px;
  padding-left: 13px;
  width: 200px;
  min-height: 20px;
  line-height: 20px;
  font-weight: 700;
  margin-top: 10px;
}
.main-content .vote-card-waterfall .vote-card-list .vote-card .card-vertical-detail .info2 .text {
  color: #54636f;
  font-size: 16px;
  line-height: 22px;
  padding-left: 44px;
  font-style: italic;
  position: relative;
  margin-top: 4px;
}
.main-content .vote-card-waterfall .vote-card-list .vote-card .card-vertical-detail .info2::before {
  color: #475865;
  position: absolute;
  left: 20px;
  top: 0;
  font-size: 20px;
}
.no-webp .main-content .vote-card-waterfall .vote-card-list .vote-card .card-vertical-detail .info3, 
.no-webp .main-content .vote-card-waterfall .vote-card-list .vote-card .card-vertical-detail .info4 {background:#8db5d8}
.webp .main-content .vote-card-waterfall .vote-card-list .vote-card .card-vertical-detail .info3, 
.webp .main-content .vote-card-waterfall .vote-card-list .vote-card .card-vertical-detail .info4 {background:#8db5d8}
.no-webp .main-content .vote-card-waterfall .vote-card-list .vote-card .card-vertical-detail .info3, 
.no-webp .main-content .vote-card-waterfall .vote-card-list .vote-card .card-vertical-detail .info4 {background-clip:padding-box}
.webp .main-content .vote-card-waterfall .vote-card-list .vote-card .card-vertical-detail .info3, 
.webp .main-content .vote-card-waterfall .vote-card-list .vote-card .card-vertical-detail .info4 {background-clip:padding-box}
.main-content .vote-card-waterfall .vote-card-list .vote-card .card-vertical-detail .info3,
.main-content .vote-card-waterfall .vote-card-list .vote-card .card-vertical-detail .info4 {
  width: auto;
  height: 24px;
  font-size: 14px;
  line-height: 24px;
  display: inline-block;
  vertical-align: top;
  font-style: italic;
  color: #ffffff;
  margin-right: 24px;
  cursor: pointer;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  margin-top: 20px;
}
.no-webp .main-content .vote-card-waterfall .vote-card-list .vote-card .card-vertical-detail .info3:hover, 
.no-webp .main-content .vote-card-waterfall .vote-card-list .vote-card .card-vertical-detail .info4:hover {background:#7bbef7}
.webp .main-content .vote-card-waterfall .vote-card-list .vote-card .card-vertical-detail .info3:hover, 
.webp .main-content .vote-card-waterfall .vote-card-list .vote-card .card-vertical-detail .info4:hover {background:#7bbef7}
.main-content .vote-card-waterfall .vote-card-list .vote-card .card-vertical-detail .info3:hover,
.main-content .vote-card-waterfall .vote-card-list .vote-card .card-vertical-detail .info4:hover {
}
.main-content .vote-card-waterfall .vote-card-list .vote-card .card-vertical-detail .info3 .lable,
.main-content .vote-card-waterfall .vote-card-list .vote-card .card-vertical-detail .info4 .lable {
  display: none;
}
.main-content .vote-card-waterfall .vote-card-list .vote-card .card-vertical-detail .info3 .text,
.main-content .vote-card-waterfall .vote-card-list .vote-card .card-vertical-detail .info4 .text {
  color: #ffffff;
  padding: 0 12px 0 10px;
}
.main-content .vote-card-waterfall .vote-card-list .vote-card .card-vertical-detail .info3 {
  margin-left: 14px;
}
.main-content .vote-card-waterfall .vote-card-list .vote-card .card-vertical-btns {
  padding: 0;
  margin: 0;
  position: relative;
  z-index: 3;
}
.no-webp .main-content .vote-card-waterfall .vote-card-list .vote-card .card-vertical-btns .btn {background-color:transparent !important}
.webp .main-content .vote-card-waterfall .vote-card-list .vote-card .card-vertical-btns .btn {background-color:transparent !important}
.no-webp .main-content .vote-card-waterfall .vote-card-list .vote-card .card-vertical-btns .btn {background:url(https://tym.res.netease.com/pc/zt/20211119142453234/img/like_d5fe29eb.png) center top no-repeat}
.webp .main-content .vote-card-waterfall .vote-card-list .vote-card .card-vertical-btns .btn {background:url(https://tym.res.netease.com/pc/zt/20211119142453234/img/like_d5fe29eb.webp) center top no-repeat}
.main-content .vote-card-waterfall .vote-card-list .vote-card .card-vertical-btns .btn {
  width: 70px;
  position: absolute;
  right: 0;
  bottom: 50px;
  padding-top: 26px;
  color: #54636f;
  font-size: 14px;
  line-height: 20px;
  cursor: pointer;
}
.main-content .vote-card-waterfall .vote-card-list .vote-card .card-vertical-btns .btn.btn-vote.clicked {
  -webkit-filter: brightness(1.2);
          filter: brightness(1.2);
}
.myWorks .main-content {
  width: 1050px;
}
.myWorks .main-content .vote-card-waterfall .vote-card-list .vote-card .card-vertical-btns .btn {
  bottom: 94px;
}
.no-webp .myWorks .main-content .vote-card-waterfall .vote-card-list .vote-card .state {background-clip:padding-box}
.webp .myWorks .main-content .vote-card-waterfall .vote-card-list .vote-card .state {background-clip:padding-box}
.no-webp .myWorks .main-content .vote-card-waterfall .vote-card-list .vote-card .state {background:#fff}
.webp .myWorks .main-content .vote-card-waterfall .vote-card-list .vote-card .state {background:#fff}
.myWorks .main-content .vote-card-waterfall .vote-card-list .vote-card .state {
  width: 105px;
  height: 36px;
  font-size: 20px;
  text-align: center;
  line-height: 36px;
  position: absolute;
  top: 0px;
  right: 23px;
  z-index: 5;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
}
.myWorks .main-content .vote-card-waterfall .vote-card-list .vote-card .state.going {
  color: #42a8ee;
  border: 1px solid #42a8ee;
}
.myWorks .main-content .vote-card-waterfall .vote-card-list .vote-card .state.fail {
  color: #e61a40;
  border: 1px solid #e61a40;
}
.myWorks .main-content .vote-card-waterfall .vote-card-list .vote-card .state.succ {
  color: #1ae6c2;
  border: 1px solid #1ae6c2;
}
.no-webp .myWorks .main-content .vote-card-waterfall .vote-card-list .vote-card .btn-edit {background:url(https://tym.res.netease.com/pc/zt/20211119142453234/img/my-btns_a52357fa.png) no-repeat;
  background-size: 100%}
.webp .myWorks .main-content .vote-card-waterfall .vote-card-list .vote-card .btn-edit {background:url(https://tym.res.netease.com/pc/zt/20211119142453234/img/my-btns_a52357fa.webp) no-repeat;
  background-size: 100%}
.no-webp .myWorks .main-content .vote-card-waterfall .vote-card-list .vote-card .btn-edit {background-size:100%}
.webp .myWorks .main-content .vote-card-waterfall .vote-card-list .vote-card .btn-edit {background-size:100%}
.myWorks .main-content .vote-card-waterfall .vote-card-list .vote-card .btn-edit {
  width: 100px;
  height: 36px;
  display: block;
  color: #ffffff;
  font-size: 16px;
  text-align: center;
  margin: 0 auto 10px;
  line-height: 36px;
  cursor: pointer;
}
.no-webp .myWorks .main-content .vote-card-waterfall .vote-card-list .vote-card .btn-edit:hover {background-image:url(https://tym.res.netease.com/pc/zt/20211119142453234/img/my-btns-h_23220063.png)}
.webp .myWorks .main-content .vote-card-waterfall .vote-card-list .vote-card .btn-edit:hover {background-image:url(https://tym.res.netease.com/pc/zt/20211119142453234/img/my-btns-h_23220063.webp)}
.myWorks .main-content .vote-card-waterfall .vote-card-list .vote-card .btn-edit:hover {
}
.myWorks .main-content .vote-card-waterfall .vote-card-list .vote-card .btn-edit.none {
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  filter: alpha(opacity=0);
  pointer-events: none;
  cursor: auto;
}
.no-data {
  display: none;
}
.get-no-data {
  text-align: center;
  width: 100%;
  color: #858585;
  margin-top: 0;
  font-size: 26px;
}
.tab-wrap {
  padding: 80px 0 64px 73px;
  height: 46px;
  font-size: 0;
}
.no-webp .tab-wrap::before {background:url(https://tym.res.netease.com/pc/zt/20211119142453234/img/bg2-top_c80c9618.png) no-repeat}
.webp .tab-wrap::before {background:url(https://tym.res.netease.com/pc/zt/20211119142453234/img/bg2-top_c80c9618.webp) no-repeat}
.tab-wrap::before {
  width: 100%;
  height: 45px;
  content: "";
  position: absolute;
  left: 0;
  top: -45px;
}
.tab-wrap .vote-filter-tab .split-line {
  display: none;
}
.tab-wrap .vote-filter-tab .filter-wrap .contest-search {
  width: 374px;
  height: 46px;
  position: absolute;
  top: -60px;
  right: 0;
  margin: 0;
}
.tab-wrap .vote-filter-tab .filter-wrap .contest-search .search {
  width: 372px;
  height: 46px;
}
.no-webp .tab-wrap .vote-filter-tab .filter-wrap .contest-search .search-btn {background:url(https://tym.res.netease.com/pc/zt/20211119142453234/img/searchbtn_c1496b46.png) left top no-repeat !important;
  background-size: 100%}
.webp .tab-wrap .vote-filter-tab .filter-wrap .contest-search .search-btn {background:url(https://tym.res.netease.com/pc/zt/20211119142453234/img/searchbtn_c1496b46.webp) left top no-repeat !important;
  background-size: 100%}
.no-webp .tab-wrap .vote-filter-tab .filter-wrap .contest-search .search-btn {background-size:100%}
.webp .tab-wrap .vote-filter-tab .filter-wrap .contest-search .search-btn {background-size:100%}
.tab-wrap .vote-filter-tab .filter-wrap .contest-search .search-btn {
  width: 86px!important;
  height: 40px!important;
  line-height: 40px!important;
  right: 3px;
}
.tab-wrap .vote-filter-tab .filter-wrap .contest-search .search-btn:hover {
  -webkit-opacity: 0.8;
  -moz-opacity: 0.8;
  opacity: 0.8;
  filter: alpha(opacity=80);
}
.tab-wrap .vote-filter-tab .filter-wrap .contest-search .el-input input {
  height: 46px!important;
  line-height: 46px!important;
  border: solid 1px #78bceb !important;
}
.tab-wrap .vote-filter-tab .filter-wrap .contest-tab {
  width: 100%;
  z-index: 10;
  font-size: 0;
  white-space: nowrap;
}
.tab-wrap .vote-filter-tab .filter-wrap .contest-tab .circle {
  display: none;
}
.tab-wrap .vote-filter-tab.tab-list1 {
  width: 232px;
  height: 46px;
  position: absolute;
  right: 75px;
  top: 80px;
  z-index: 10;
  font-size: 0;
  white-space: nowrap;
  display: block;
}
.tab-wrap .vote-filter-tab.tab-list1 .contest-tab {
  width: 100%;
  height: 100%;
}
.tab-wrap .vote-filter-tab.tab-list1 .contest-tab .tab {
  display: inline-block;
  width: 100px;
  height: 46px;
}
.no-webp .tab-wrap .vote-filter-tab.tab-list1 .contest-tab .tab:nth-child(1) {background:url(https://tym.res.netease.com/pc/zt/20211119142453234/img/sprite-3e9872_3e9872c5.png);background-size:519px 516px;
background-position:-0px -470px}
.webp .tab-wrap .vote-filter-tab.tab-list1 .contest-tab .tab:nth-child(1) {background:url(https://tym.res.netease.com/pc/zt/20211119142453234/img/sprite-3e9872_3e9872c5.webp);background-size:519px 516px;
background-position:-0px -470px}
.no-webp .tab-wrap .vote-filter-tab.tab-list1 .contest-tab .tab:nth-child(1) {background-size:519px 516px}
.webp .tab-wrap .vote-filter-tab.tab-list1 .contest-tab .tab:nth-child(1) {background-size:519px 516px}
.no-webp .tab-wrap .vote-filter-tab.tab-list1 .contest-tab .tab:nth-child(1) {background-position:-0px -470px}
.webp .tab-wrap .vote-filter-tab.tab-list1 .contest-tab .tab:nth-child(1) {background-position:-0px -470px}
.tab-wrap .vote-filter-tab.tab-list1 .contest-tab .tab:nth-child(1) {
  margin-right: 32px;
width:100px;
height:46px;

}
.no-webp .tab-wrap .vote-filter-tab.tab-list1 .contest-tab .tab:nth-child(1).active, 
.no-webp .tab-wrap .vote-filter-tab.tab-list1 .contest-tab .tab:nth-child(1):hover {background:url(https://tym.res.netease.com/pc/zt/20211119142453234/img/sprite-3e9872_3e9872c5.png);background-size:519px 516px;
background-position:-102px -470px}
.webp .tab-wrap .vote-filter-tab.tab-list1 .contest-tab .tab:nth-child(1).active, 
.webp .tab-wrap .vote-filter-tab.tab-list1 .contest-tab .tab:nth-child(1):hover {background:url(https://tym.res.netease.com/pc/zt/20211119142453234/img/sprite-3e9872_3e9872c5.webp);background-size:519px 516px;
background-position:-102px -470px}
.no-webp .tab-wrap .vote-filter-tab.tab-list1 .contest-tab .tab:nth-child(1).active, 
.no-webp .tab-wrap .vote-filter-tab.tab-list1 .contest-tab .tab:nth-child(1):hover {background-size:519px 516px}
.webp .tab-wrap .vote-filter-tab.tab-list1 .contest-tab .tab:nth-child(1).active, 
.webp .tab-wrap .vote-filter-tab.tab-list1 .contest-tab .tab:nth-child(1):hover {background-size:519px 516px}
.no-webp .tab-wrap .vote-filter-tab.tab-list1 .contest-tab .tab:nth-child(1).active, 
.no-webp .tab-wrap .vote-filter-tab.tab-list1 .contest-tab .tab:nth-child(1):hover {background-position:-102px -470px}
.webp .tab-wrap .vote-filter-tab.tab-list1 .contest-tab .tab:nth-child(1).active, 
.webp .tab-wrap .vote-filter-tab.tab-list1 .contest-tab .tab:nth-child(1):hover {background-position:-102px -470px}
.tab-wrap .vote-filter-tab.tab-list1 .contest-tab .tab:nth-child(1).active,
.tab-wrap .vote-filter-tab.tab-list1 .contest-tab .tab:nth-child(1):hover {
width:100px;
height:46px;

}
.no-webp .tab-wrap .vote-filter-tab.tab-list1 .contest-tab .tab:nth-child(2) {background:url(https://tym.res.netease.com/pc/zt/20211119142453234/img/sprite-3e9872_3e9872c5.png);background-size:519px 516px;
background-position:-204px -470px}
.webp .tab-wrap .vote-filter-tab.tab-list1 .contest-tab .tab:nth-child(2) {background:url(https://tym.res.netease.com/pc/zt/20211119142453234/img/sprite-3e9872_3e9872c5.webp);background-size:519px 516px;
background-position:-204px -470px}
.no-webp .tab-wrap .vote-filter-tab.tab-list1 .contest-tab .tab:nth-child(2) {background-size:519px 516px}
.webp .tab-wrap .vote-filter-tab.tab-list1 .contest-tab .tab:nth-child(2) {background-size:519px 516px}
.no-webp .tab-wrap .vote-filter-tab.tab-list1 .contest-tab .tab:nth-child(2) {background-position:-204px -470px}
.webp .tab-wrap .vote-filter-tab.tab-list1 .contest-tab .tab:nth-child(2) {background-position:-204px -470px}
.tab-wrap .vote-filter-tab.tab-list1 .contest-tab .tab:nth-child(2) {
  margin-right: 0;
width:100px;
height:46px;

}
.no-webp .tab-wrap .vote-filter-tab.tab-list1 .contest-tab .tab:nth-child(2).active, 
.no-webp .tab-wrap .vote-filter-tab.tab-list1 .contest-tab .tab:nth-child(2):hover {background:url(https://tym.res.netease.com/pc/zt/20211119142453234/img/sprite-3e9872_3e9872c5.png);background-size:519px 516px;
background-position:-306px -470px}
.webp .tab-wrap .vote-filter-tab.tab-list1 .contest-tab .tab:nth-child(2).active, 
.webp .tab-wrap .vote-filter-tab.tab-list1 .contest-tab .tab:nth-child(2):hover {background:url(https://tym.res.netease.com/pc/zt/20211119142453234/img/sprite-3e9872_3e9872c5.webp);background-size:519px 516px;
background-position:-306px -470px}
.no-webp .tab-wrap .vote-filter-tab.tab-list1 .contest-tab .tab:nth-child(2).active, 
.no-webp .tab-wrap .vote-filter-tab.tab-list1 .contest-tab .tab:nth-child(2):hover {background-size:519px 516px}
.webp .tab-wrap .vote-filter-tab.tab-list1 .contest-tab .tab:nth-child(2).active, 
.webp .tab-wrap .vote-filter-tab.tab-list1 .contest-tab .tab:nth-child(2):hover {background-size:519px 516px}
.no-webp .tab-wrap .vote-filter-tab.tab-list1 .contest-tab .tab:nth-child(2).active, 
.no-webp .tab-wrap .vote-filter-tab.tab-list1 .contest-tab .tab:nth-child(2):hover {background-position:-306px -470px}
.webp .tab-wrap .vote-filter-tab.tab-list1 .contest-tab .tab:nth-child(2).active, 
.webp .tab-wrap .vote-filter-tab.tab-list1 .contest-tab .tab:nth-child(2):hover {background-position:-306px -470px}
.tab-wrap .vote-filter-tab.tab-list1 .contest-tab .tab:nth-child(2).active,
.tab-wrap .vote-filter-tab.tab-list1 .contest-tab .tab:nth-child(2):hover {
width:100px;
height:46px;

}
.tab-wrap .vote-filter-tab.tab-list2 {
  position: relative;
  z-index: 5;
}
.tab-wrap .vote-filter-tab.tab-list2 .contest-tab .tab {
  width: 118px;
  height: 38px;
  display: inline-block;
  vertical-align: top;
  margin-right: 2px;
  color: #1b5684;
  font-size: 20px;
  line-height: 38px;
  text-align: center;
}
.tab-wrap .vote-filter-tab.tab-list2 .contest-tab .tab:nth-child(1) {
  width: 100px;
}
.no-webp .tab-wrap .vote-filter-tab.tab-list2 .contest-tab .tab:nth-child(1):hover, 
.no-webp .tab-wrap .vote-filter-tab.tab-list2 .contest-tab .tab:nth-child(1).active {background:url(https://tym.res.netease.com/pc/zt/20211119142453234/img/btns-bg1_e163144e.png);
  background-size: 100%}
.webp .tab-wrap .vote-filter-tab.tab-list2 .contest-tab .tab:nth-child(1):hover, 
.webp .tab-wrap .vote-filter-tab.tab-list2 .contest-tab .tab:nth-child(1).active {background:url(https://tym.res.netease.com/pc/zt/20211119142453234/img/btns-bg1_e163144e.webp);
  background-size: 100%}
.no-webp .tab-wrap .vote-filter-tab.tab-list2 .contest-tab .tab:nth-child(1):hover, 
.no-webp .tab-wrap .vote-filter-tab.tab-list2 .contest-tab .tab:nth-child(1).active {background-size:100%}
.webp .tab-wrap .vote-filter-tab.tab-list2 .contest-tab .tab:nth-child(1):hover, 
.webp .tab-wrap .vote-filter-tab.tab-list2 .contest-tab .tab:nth-child(1).active {background-size:100%}
.tab-wrap .vote-filter-tab.tab-list2 .contest-tab .tab:nth-child(1):hover,
.tab-wrap .vote-filter-tab.tab-list2 .contest-tab .tab:nth-child(1).active {
  color: #fff;
}
.no-webp .tab-wrap .vote-filter-tab.tab-list2 .contest-tab .tab:hover, 
.no-webp .tab-wrap .vote-filter-tab.tab-list2 .contest-tab .tab.active {background:url(https://tym.res.netease.com/pc/zt/20211119142453234/img/btns-bg2_07b3bd05.png);
  background-size: 100%}
.webp .tab-wrap .vote-filter-tab.tab-list2 .contest-tab .tab:hover, 
.webp .tab-wrap .vote-filter-tab.tab-list2 .contest-tab .tab.active {background:url(https://tym.res.netease.com/pc/zt/20211119142453234/img/btns-bg2_07b3bd05.webp);
  background-size: 100%}
.no-webp .tab-wrap .vote-filter-tab.tab-list2 .contest-tab .tab:hover, 
.no-webp .tab-wrap .vote-filter-tab.tab-list2 .contest-tab .tab.active {background-size:100%}
.webp .tab-wrap .vote-filter-tab.tab-list2 .contest-tab .tab:hover, 
.webp .tab-wrap .vote-filter-tab.tab-list2 .contest-tab .tab.active {background-size:100%}
.tab-wrap .vote-filter-tab.tab-list2 .contest-tab .tab:hover,
.tab-wrap .vote-filter-tab.tab-list2 .contest-tab .tab.active {
  color: #fff;
}
.tab-list2 .contest-search {
  display: none !important;
}
.no-webp .img-num {background:rgba(90, 90, 90, 0.7)}
.webp .img-num {background:rgba(90, 90, 90, 0.7)}
.img-num {
  position: absolute;
  z-index: 10;
  right: 28px;
  top: 8px;
  width: 30px;
  height: 30px;
  text-align: center;
  line-height: 30px;
  font-size: 18px;
  color: #fff;
  border-radius: 100%;
}
#vueapp .ql-editor.ql-blank::before {
  font-style: normal;
  line-height: 22px;
}
#vueapp .quill-editor .ql-toolbar.ql-snow {
  border-color: #7bbef7;
  border-top: none;
  border-left: none;
  border-right: none;
}
#vueapp .quill-editor .ql-container {
  border: none;
  padding: 12px 12px 12px 15px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
#vueapp .quill-editor .ql-snow .ql-editor {
  height: 484px;
  line-height: 1.4;
  color: #1b5684;
  white-space: pre-wrap;
  word-wrap: break-word;
  overflow-y: auto;
  padding: 0;
}
#vueapp .quill-editor .ql-snow .ql-editor strong,
#vueapp .quill-editor .ql-snow .ql-editor b {
  font-weight: 700;
}
#vueapp .quill-editor .ql-snow .ql-editor img {
  display: block;
  margin: 10px auto 0;
}
#vueapp .quill-editor .ql-snow .ql-editor p {
  font-size: 16px;
}
#vueapp .quill-editor .ql-snow .ql-editor h1,
#vueapp .quill-editor .ql-snow .ql-editor h2,
#vueapp .quill-editor .ql-snow .ql-editor h3,
#vueapp .quill-editor .ql-snow .ql-editor h4 {
  margin: 0;
  padding: 0;
  text-align: center;
  font-weight: 700;
}
#vueapp .quill-editor .ql-snow .ql-editor h1 {
  font-size: 32px;
}
#vueapp .quill-editor .ql-snow .ql-editor h2 {
  font-size: 28px;
}
#vueapp .quill-editor .ql-snow .ql-editor h3 {
  font-size: 22px;
}
#vueapp .quill-editor .ql-snow .ql-editor h4 {
  font-size: 18px;
}