@charset "utf-8";
/* CSS Document */
html,
body,
h1,
h2,
h3,
h4,
h5,
h6,
div,
dl,
dt,
dd,
ul,
ol,
li,
p,
blockquote,
pre,
hr,
figure,
table,
caption,
th,
td,
form,
fieldset,
legend,
input,
button,
textarea,
menu {
  margin: 0;
  padding: 0;
}
body {
  padding: 0;
  margin: 0;
}
html,
body,
fieldset,
img,
iframe,
abbr {
  border: 0;
}
li {
  list-style: none;
}
textarea {
  overflow: auto;
  resize: none;
}
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;
}
input,
textarea,
a,
div,
button,
select {
  margin: 0;
  padding: 0;
  border: 0;
  outline: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
select {
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
}
html,
body {
  width: 100%;
  min-width: 1200px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
input:-webkit-autofill {
  background: #787a8b!important;
  -webkit-box-shadow: 0 0 0 999px #787a8b inset;
}
/*宽度限制板块*/
.wbox {
  width: 1200px;
  margin: 0 auto;
  clear: both;
}
.wbox:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.wbox {
  display: inline-block;
}
/* Hides from IE-mac \*/
* html .wbox {
  zoom: 1;
}
.wbox {
  display: block;
  position: relative;
}
/* End hide from IE-mac */
.hide {
  display: none;
}
/***背景渐变***/
/***文字渐变 暂时只支持谷歌***/
/**** DEMO
单行
.text-overflow-ellipsis(1);
多行
 .text-overflow-ellipsis(2);
****/
/***左右摇摆***/
@-webkit-keyframes male {
  0% {
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
  }
  100% {
    transform: rotate(10deg);
    -webkit-transform: rotate(10deg);
    -moz-transform: rotate(10deg);
    -ms-transform: rotate(10deg);
    -o-transform: rotate(10deg);
  }
}
@-moz-keyframes male {
  0% {
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
  }
  100% {
    transform: rotate(10deg);
    -webkit-transform: rotate(10deg);
    -moz-transform: rotate(10deg);
    -ms-transform: rotate(10deg);
    -o-transform: rotate(10deg);
  }
}
@-ms-keyframes male {
  0% {
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
  }
  100% {
    transform: rotate(10deg);
    -webkit-transform: rotate(10deg);
    -moz-transform: rotate(10deg);
    -ms-transform: rotate(10deg);
    -o-transform: rotate(10deg);
  }
}
@-o-keyframes male {
  0% {
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
  }
  100% {
    transform: rotate(10deg);
    -webkit-transform: rotate(10deg);
    -moz-transform: rotate(10deg);
    -ms-transform: rotate(10deg);
    -o-transform: rotate(10deg);
  }
}
@keyframes male {
  0% {
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
  }
  100% {
    transform: rotate(10deg);
    -webkit-transform: rotate(10deg);
    -moz-transform: rotate(10deg);
    -ms-transform: rotate(10deg);
    -o-transform: rotate(10deg);
  }
}
@-webkit-keyframes male {
  0% {
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
  }
  100% {
    transform: rotate(10deg);
    -webkit-transform: rotate(10deg);
    -moz-transform: rotate(10deg);
    -ms-transform: rotate(10deg);
    -o-transform: rotate(10deg);
  }
}
@-moz-keyframes male {
  0% {
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
  }
  100% {
    transform: rotate(10deg);
    -webkit-transform: rotate(10deg);
    -moz-transform: rotate(10deg);
    -ms-transform: rotate(10deg);
    -o-transform: rotate(10deg);
  }
}
@-ms-keyframes male {
  0% {
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
  }
  100% {
    transform: rotate(10deg);
    -webkit-transform: rotate(10deg);
    -moz-transform: rotate(10deg);
    -ms-transform: rotate(10deg);
    -o-transform: rotate(10deg);
  }
}
@-o-keyframes male {
  0% {
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
  }
  100% {
    transform: rotate(10deg);
    -webkit-transform: rotate(10deg);
    -moz-transform: rotate(10deg);
    -ms-transform: rotate(10deg);
    -o-transform: rotate(10deg);
  }
}
@keyframes male {
  0% {
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
  }
  100% {
    transform: rotate(10deg);
    -webkit-transform: rotate(10deg);
    -moz-transform: rotate(10deg);
    -ms-transform: rotate(10deg);
    -o-transform: rotate(10deg);
  }
}
.noSize {
  font-size: 0;
  text-indent: -9999em;
}
.text_overflow {
  white-space: nowrap;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  overflow: hidden;
}
.container {
  width: 100%;
  min-height: 100%;
  min-width: 1200px;
  font-family: "\5FAE\8F6F\96C5\9ED1", "Microsoft YaHei";
  position: relative;
  overflow: hidden;
}
.container img {
  width: auto;
  height: auto;
  vertical-align: middle;
}
.pointer_event_none {
  pointer-events: none;
}
/*********头部导航*********/
#NIE-topBar {
  width: 100%;
  transition: all 0.4s ease;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
}
#NIE-topBar.show {
  top: 0;
}
/*********底部版权*********/
.footer {
  width: 100%;
  position: absolute;
  bottom: -192px;
  left: 0;
  background: #000;
  overflow: hidden;
  transition: all 0.4s ease;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  z-index: 10020;
}
.footer.show {
  bottom: 0;
}
#NIE-copyRight {
  background: #000;
  color: #fff;
}
#NIE-copyRight a {
  color: #fff;
}
#NIE-copyRight #ncp-l1 {
  color: #fff;
}
#NIE-copyRight .nie-copyright-new-inner {
  padding: 15px 0 10px!important;
}
/*********alert组件样式修改*********/
.alert_box .alert_wrap .alert_main .btns.btnsConfirm {
  background-color: #f28144;
}
.alert_box .alert_wrap .alert_main .btns.btnsConfirm:hover {
  background-color: #f28144;
}
.alert_box .alert_wrap .alertClose em {
  background-color: #f28144;
}
.alert_box .alert_wrap .alertClose:hover em {
  background-color: #f28144;
}
/*********分享组件样式修改*********/
#tpl #NIE-share {
  height: 22px;
  text-align: center;
  background: #000;
  margin-top: 15px;
}
#tpl .NIE-share-txt {
  height: 22px;
  line-height: 22px;
  font-size: 12px;
  color: #6b6b6b;
  margin-right: 10px;
}
#tpl .NIE-share-iconBtn a {
  width: auto;
  padding-right: 10px;
  margin-right: 0px;
  line-height: 22px;
  font-size: 22px;
  color: #6b6b6b;
}
#tpl .NIE-share-iconBtn a span {
  height: 22px;
  line-height: 22px;
  font-size: 22px;
}
#tpl .NIE-share-iconBtn a:hover {
  color: #b62d15;
}
#tpl .NIE-share-iconBtn a em {
  font-size: 12px;
  height: 22px;
  line-height: 22px;
  margin-left: 5px;
}
/******动画******/
@-webkit-keyframes rotate {
  100% {
    transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
  }
}
@-moz-keyframes rotate {
  100% {
    transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
  }
}
@-ms-keyframes rotate {
  100% {
    transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
  }
}
@-o-keyframes rotate {
  100% {
    transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
  }
}
@keyframes rotate {
  100% {
    transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
  }
}
@-webkit-keyframes rotate {
  100% {
    transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
  }
}
@-moz-keyframes rotate {
  100% {
    transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
  }
}
@-ms-keyframes rotate {
  100% {
    transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
  }
}
@-o-keyframes rotate {
  100% {
    transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
  }
}
@keyframes rotate {
  100% {
    transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
  }
}
@-webkit-keyframes rotate2 {
  100% {
    transform: rotate(-360deg);
    -webkit-transform: rotate(-360deg);
    -moz-transform: rotate(-360deg);
    -ms-transform: rotate(-360deg);
    -o-transform: rotate(-360deg);
  }
}
@-moz-keyframes rotate2 {
  100% {
    transform: rotate(-360deg);
    -webkit-transform: rotate(-360deg);
    -moz-transform: rotate(-360deg);
    -ms-transform: rotate(-360deg);
    -o-transform: rotate(-360deg);
  }
}
@-ms-keyframes rotate2 {
  100% {
    transform: rotate(-360deg);
    -webkit-transform: rotate(-360deg);
    -moz-transform: rotate(-360deg);
    -ms-transform: rotate(-360deg);
    -o-transform: rotate(-360deg);
  }
}
@-o-keyframes rotate2 {
  100% {
    transform: rotate(-360deg);
    -webkit-transform: rotate(-360deg);
    -moz-transform: rotate(-360deg);
    -ms-transform: rotate(-360deg);
    -o-transform: rotate(-360deg);
  }
}
@keyframes rotate2 {
  100% {
    transform: rotate(-360deg);
    -webkit-transform: rotate(-360deg);
    -moz-transform: rotate(-360deg);
    -ms-transform: rotate(-360deg);
    -o-transform: rotate(-360deg);
  }
}
@-webkit-keyframes rotate2 {
  100% {
    transform: rotate(-360deg);
    -webkit-transform: rotate(-360deg);
    -moz-transform: rotate(-360deg);
    -ms-transform: rotate(-360deg);
    -o-transform: rotate(-360deg);
  }
}
@-moz-keyframes rotate2 {
  100% {
    transform: rotate(-360deg);
    -webkit-transform: rotate(-360deg);
    -moz-transform: rotate(-360deg);
    -ms-transform: rotate(-360deg);
    -o-transform: rotate(-360deg);
  }
}
@-ms-keyframes rotate2 {
  100% {
    transform: rotate(-360deg);
    -webkit-transform: rotate(-360deg);
    -moz-transform: rotate(-360deg);
    -ms-transform: rotate(-360deg);
    -o-transform: rotate(-360deg);
  }
}
@-o-keyframes rotate2 {
  100% {
    transform: rotate(-360deg);
    -webkit-transform: rotate(-360deg);
    -moz-transform: rotate(-360deg);
    -ms-transform: rotate(-360deg);
    -o-transform: rotate(-360deg);
  }
}
@keyframes rotate2 {
  100% {
    transform: rotate(-360deg);
    -webkit-transform: rotate(-360deg);
    -moz-transform: rotate(-360deg);
    -ms-transform: rotate(-360deg);
    -o-transform: rotate(-360deg);
  }
}
@-webkit-keyframes cHei {
  0% {
    height: 10%;
  }
  100% {
    height: 100%;
  }
}
@-moz-keyframes cHei {
  0% {
    height: 10%;
  }
  100% {
    height: 100%;
  }
}
@-ms-keyframes cHei {
  0% {
    height: 10%;
  }
  100% {
    height: 100%;
  }
}
@-o-keyframes cHei {
  0% {
    height: 10%;
  }
  100% {
    height: 100%;
  }
}
@keyframes cHei {
  0% {
    height: 10%;
  }
  100% {
    height: 100%;
  }
}
@-webkit-keyframes cHei {
  0% {
    height: 10%;
  }
  100% {
    height: 100%;
  }
}
@-moz-keyframes cHei {
  0% {
    height: 10%;
  }
  100% {
    height: 100%;
  }
}
@-ms-keyframes cHei {
  0% {
    height: 10%;
  }
  100% {
    height: 100%;
  }
}
@-o-keyframes cHei {
  0% {
    height: 10%;
  }
  100% {
    height: 100%;
  }
}
@keyframes cHei {
  0% {
    height: 10%;
  }
  100% {
    height: 100%;
  }
}
@-webkit-keyframes fadeIn {
  0% {
    filter: alpha(opacity=50);
    -webkit-opacity: 0.5;
    -moz-opacity: 0.5;
    opacity: 0.5;
  }
  100% {
    filter: alpha(opacity=100);
    -webkit-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
  }
}
@-moz-keyframes fadeIn {
  0% {
    filter: alpha(opacity=50);
    -webkit-opacity: 0.5;
    -moz-opacity: 0.5;
    opacity: 0.5;
  }
  100% {
    filter: alpha(opacity=100);
    -webkit-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
  }
}
@-ms-keyframes fadeIn {
  0% {
    filter: alpha(opacity=50);
    -webkit-opacity: 0.5;
    -moz-opacity: 0.5;
    opacity: 0.5;
  }
  100% {
    filter: alpha(opacity=100);
    -webkit-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
  }
}
@-o-keyframes fadeIn {
  0% {
    filter: alpha(opacity=50);
    -webkit-opacity: 0.5;
    -moz-opacity: 0.5;
    opacity: 0.5;
  }
  100% {
    filter: alpha(opacity=100);
    -webkit-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    filter: alpha(opacity=50);
    -webkit-opacity: 0.5;
    -moz-opacity: 0.5;
    opacity: 0.5;
  }
  100% {
    filter: alpha(opacity=100);
    -webkit-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
  }
}
@-webkit-keyframes fadeIn {
  0% {
    filter: alpha(opacity=50);
    -webkit-opacity: 0.5;
    -moz-opacity: 0.5;
    opacity: 0.5;
  }
  100% {
    filter: alpha(opacity=100);
    -webkit-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
  }
}
@-moz-keyframes fadeIn {
  0% {
    filter: alpha(opacity=50);
    -webkit-opacity: 0.5;
    -moz-opacity: 0.5;
    opacity: 0.5;
  }
  100% {
    filter: alpha(opacity=100);
    -webkit-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
  }
}
@-ms-keyframes fadeIn {
  0% {
    filter: alpha(opacity=50);
    -webkit-opacity: 0.5;
    -moz-opacity: 0.5;
    opacity: 0.5;
  }
  100% {
    filter: alpha(opacity=100);
    -webkit-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
  }
}
@-o-keyframes fadeIn {
  0% {
    filter: alpha(opacity=50);
    -webkit-opacity: 0.5;
    -moz-opacity: 0.5;
    opacity: 0.5;
  }
  100% {
    filter: alpha(opacity=100);
    -webkit-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    filter: alpha(opacity=50);
    -webkit-opacity: 0.5;
    -moz-opacity: 0.5;
    opacity: 0.5;
  }
  100% {
    filter: alpha(opacity=100);
    -webkit-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
  }
}
@-webkit-keyframes transY {
  0% {
    transform: translateY(0);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
  }
  50% {
    transform: translateY(5px);
    -webkit-transform: translateY(5px);
    -moz-transform: translateY(5px);
    -ms-transform: translateY(5px);
    -o-transform: translateY(5px);
  }
  100% {
    transform: translateY(0);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
  }
}
@-moz-keyframes transY {
  0% {
    transform: translateY(0);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
  }
  50% {
    transform: translateY(5px);
    -webkit-transform: translateY(5px);
    -moz-transform: translateY(5px);
    -ms-transform: translateY(5px);
    -o-transform: translateY(5px);
  }
  100% {
    transform: translateY(0);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
  }
}
@-ms-keyframes transY {
  0% {
    transform: translateY(0);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
  }
  50% {
    transform: translateY(5px);
    -webkit-transform: translateY(5px);
    -moz-transform: translateY(5px);
    -ms-transform: translateY(5px);
    -o-transform: translateY(5px);
  }
  100% {
    transform: translateY(0);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
  }
}
@-o-keyframes transY {
  0% {
    transform: translateY(0);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
  }
  50% {
    transform: translateY(5px);
    -webkit-transform: translateY(5px);
    -moz-transform: translateY(5px);
    -ms-transform: translateY(5px);
    -o-transform: translateY(5px);
  }
  100% {
    transform: translateY(0);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
  }
}
@keyframes transY {
  0% {
    transform: translateY(0);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
  }
  50% {
    transform: translateY(5px);
    -webkit-transform: translateY(5px);
    -moz-transform: translateY(5px);
    -ms-transform: translateY(5px);
    -o-transform: translateY(5px);
  }
  100% {
    transform: translateY(0);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
  }
}
@-webkit-keyframes transY {
  0% {
    transform: translateY(0);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
  }
  50% {
    transform: translateY(5px);
    -webkit-transform: translateY(5px);
    -moz-transform: translateY(5px);
    -ms-transform: translateY(5px);
    -o-transform: translateY(5px);
  }
  100% {
    transform: translateY(0);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
  }
}
@-moz-keyframes transY {
  0% {
    transform: translateY(0);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
  }
  50% {
    transform: translateY(5px);
    -webkit-transform: translateY(5px);
    -moz-transform: translateY(5px);
    -ms-transform: translateY(5px);
    -o-transform: translateY(5px);
  }
  100% {
    transform: translateY(0);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
  }
}
@-ms-keyframes transY {
  0% {
    transform: translateY(0);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
  }
  50% {
    transform: translateY(5px);
    -webkit-transform: translateY(5px);
    -moz-transform: translateY(5px);
    -ms-transform: translateY(5px);
    -o-transform: translateY(5px);
  }
  100% {
    transform: translateY(0);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
  }
}
@-o-keyframes transY {
  0% {
    transform: translateY(0);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
  }
  50% {
    transform: translateY(5px);
    -webkit-transform: translateY(5px);
    -moz-transform: translateY(5px);
    -ms-transform: translateY(5px);
    -o-transform: translateY(5px);
  }
  100% {
    transform: translateY(0);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
  }
}
@keyframes transY {
  0% {
    transform: translateY(0);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
  }
  50% {
    transform: translateY(5px);
    -webkit-transform: translateY(5px);
    -moz-transform: translateY(5px);
    -ms-transform: translateY(5px);
    -o-transform: translateY(5px);
  }
  100% {
    transform: translateY(0);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
  }
}
@-webkit-keyframes scaleFade {
  0% {
    filter: alpha(opacity=0);
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
  }
  50% {
    filter: alpha(opacity=85);
    -webkit-opacity: 0.85;
    -moz-opacity: 0.85;
    opacity: 0.85;
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
  }
  100% {
    filter: alpha(opacity=0);
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
  }
}
@-moz-keyframes scaleFade {
  0% {
    filter: alpha(opacity=0);
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
  }
  50% {
    filter: alpha(opacity=85);
    -webkit-opacity: 0.85;
    -moz-opacity: 0.85;
    opacity: 0.85;
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
  }
  100% {
    filter: alpha(opacity=0);
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
  }
}
@-ms-keyframes scaleFade {
  0% {
    filter: alpha(opacity=0);
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
  }
  50% {
    filter: alpha(opacity=85);
    -webkit-opacity: 0.85;
    -moz-opacity: 0.85;
    opacity: 0.85;
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
  }
  100% {
    filter: alpha(opacity=0);
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
  }
}
@-o-keyframes scaleFade {
  0% {
    filter: alpha(opacity=0);
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
  }
  50% {
    filter: alpha(opacity=85);
    -webkit-opacity: 0.85;
    -moz-opacity: 0.85;
    opacity: 0.85;
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
  }
  100% {
    filter: alpha(opacity=0);
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
  }
}
@keyframes scaleFade {
  0% {
    filter: alpha(opacity=0);
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
  }
  50% {
    filter: alpha(opacity=85);
    -webkit-opacity: 0.85;
    -moz-opacity: 0.85;
    opacity: 0.85;
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
  }
  100% {
    filter: alpha(opacity=0);
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
  }
}
@-webkit-keyframes scaleFade {
  0% {
    filter: alpha(opacity=0);
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
  }
  50% {
    filter: alpha(opacity=85);
    -webkit-opacity: 0.85;
    -moz-opacity: 0.85;
    opacity: 0.85;
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
  }
  100% {
    filter: alpha(opacity=0);
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
  }
}
@-moz-keyframes scaleFade {
  0% {
    filter: alpha(opacity=0);
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
  }
  50% {
    filter: alpha(opacity=85);
    -webkit-opacity: 0.85;
    -moz-opacity: 0.85;
    opacity: 0.85;
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
  }
  100% {
    filter: alpha(opacity=0);
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
  }
}
@-ms-keyframes scaleFade {
  0% {
    filter: alpha(opacity=0);
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
  }
  50% {
    filter: alpha(opacity=85);
    -webkit-opacity: 0.85;
    -moz-opacity: 0.85;
    opacity: 0.85;
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
  }
  100% {
    filter: alpha(opacity=0);
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
  }
}
@-o-keyframes scaleFade {
  0% {
    filter: alpha(opacity=0);
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
  }
  50% {
    filter: alpha(opacity=85);
    -webkit-opacity: 0.85;
    -moz-opacity: 0.85;
    opacity: 0.85;
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
  }
  100% {
    filter: alpha(opacity=0);
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
  }
}
@keyframes scaleFade {
  0% {
    filter: alpha(opacity=0);
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
  }
  50% {
    filter: alpha(opacity=85);
    -webkit-opacity: 0.85;
    -moz-opacity: 0.85;
    opacity: 0.85;
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
  }
  100% {
    filter: alpha(opacity=0);
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
  }
}
@-webkit-keyframes scaleFadeIn {
  0% {
    filter: alpha(opacity=0);
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    transform: scale(0);
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
  }
  50% {
    filter: alpha(opacity=50);
    -webkit-opacity: 0.5;
    -moz-opacity: 0.5;
    opacity: 0.5;
    transform: scale(0.5);
    -webkit-transform: scale(0.5);
    -moz-transform: scale(0.5);
    -ms-transform: scale(0.5);
    -o-transform: scale(0.5);
  }
  100% {
    filter: alpha(opacity=100);
    -webkit-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
  }
}
@-moz-keyframes scaleFadeIn {
  0% {
    filter: alpha(opacity=0);
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    transform: scale(0);
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
  }
  50% {
    filter: alpha(opacity=50);
    -webkit-opacity: 0.5;
    -moz-opacity: 0.5;
    opacity: 0.5;
    transform: scale(0.5);
    -webkit-transform: scale(0.5);
    -moz-transform: scale(0.5);
    -ms-transform: scale(0.5);
    -o-transform: scale(0.5);
  }
  100% {
    filter: alpha(opacity=100);
    -webkit-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
  }
}
@-ms-keyframes scaleFadeIn {
  0% {
    filter: alpha(opacity=0);
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    transform: scale(0);
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
  }
  50% {
    filter: alpha(opacity=50);
    -webkit-opacity: 0.5;
    -moz-opacity: 0.5;
    opacity: 0.5;
    transform: scale(0.5);
    -webkit-transform: scale(0.5);
    -moz-transform: scale(0.5);
    -ms-transform: scale(0.5);
    -o-transform: scale(0.5);
  }
  100% {
    filter: alpha(opacity=100);
    -webkit-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
  }
}
@-o-keyframes scaleFadeIn {
  0% {
    filter: alpha(opacity=0);
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    transform: scale(0);
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
  }
  50% {
    filter: alpha(opacity=50);
    -webkit-opacity: 0.5;
    -moz-opacity: 0.5;
    opacity: 0.5;
    transform: scale(0.5);
    -webkit-transform: scale(0.5);
    -moz-transform: scale(0.5);
    -ms-transform: scale(0.5);
    -o-transform: scale(0.5);
  }
  100% {
    filter: alpha(opacity=100);
    -webkit-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
  }
}
@keyframes scaleFadeIn {
  0% {
    filter: alpha(opacity=0);
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    transform: scale(0);
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
  }
  50% {
    filter: alpha(opacity=50);
    -webkit-opacity: 0.5;
    -moz-opacity: 0.5;
    opacity: 0.5;
    transform: scale(0.5);
    -webkit-transform: scale(0.5);
    -moz-transform: scale(0.5);
    -ms-transform: scale(0.5);
    -o-transform: scale(0.5);
  }
  100% {
    filter: alpha(opacity=100);
    -webkit-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
  }
}
@-webkit-keyframes scaleFadeIn {
  0% {
    filter: alpha(opacity=0);
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    transform: scale(0);
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
  }
  50% {
    filter: alpha(opacity=50);
    -webkit-opacity: 0.5;
    -moz-opacity: 0.5;
    opacity: 0.5;
    transform: scale(0.5);
    -webkit-transform: scale(0.5);
    -moz-transform: scale(0.5);
    -ms-transform: scale(0.5);
    -o-transform: scale(0.5);
  }
  100% {
    filter: alpha(opacity=100);
    -webkit-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
  }
}
@-moz-keyframes scaleFadeIn {
  0% {
    filter: alpha(opacity=0);
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    transform: scale(0);
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
  }
  50% {
    filter: alpha(opacity=50);
    -webkit-opacity: 0.5;
    -moz-opacity: 0.5;
    opacity: 0.5;
    transform: scale(0.5);
    -webkit-transform: scale(0.5);
    -moz-transform: scale(0.5);
    -ms-transform: scale(0.5);
    -o-transform: scale(0.5);
  }
  100% {
    filter: alpha(opacity=100);
    -webkit-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
  }
}
@-ms-keyframes scaleFadeIn {
  0% {
    filter: alpha(opacity=0);
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    transform: scale(0);
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
  }
  50% {
    filter: alpha(opacity=50);
    -webkit-opacity: 0.5;
    -moz-opacity: 0.5;
    opacity: 0.5;
    transform: scale(0.5);
    -webkit-transform: scale(0.5);
    -moz-transform: scale(0.5);
    -ms-transform: scale(0.5);
    -o-transform: scale(0.5);
  }
  100% {
    filter: alpha(opacity=100);
    -webkit-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
  }
}
@-o-keyframes scaleFadeIn {
  0% {
    filter: alpha(opacity=0);
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    transform: scale(0);
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
  }
  50% {
    filter: alpha(opacity=50);
    -webkit-opacity: 0.5;
    -moz-opacity: 0.5;
    opacity: 0.5;
    transform: scale(0.5);
    -webkit-transform: scale(0.5);
    -moz-transform: scale(0.5);
    -ms-transform: scale(0.5);
    -o-transform: scale(0.5);
  }
  100% {
    filter: alpha(opacity=100);
    -webkit-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
  }
}
@keyframes scaleFadeIn {
  0% {
    filter: alpha(opacity=0);
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    transform: scale(0);
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
  }
  50% {
    filter: alpha(opacity=50);
    -webkit-opacity: 0.5;
    -moz-opacity: 0.5;
    opacity: 0.5;
    transform: scale(0.5);
    -webkit-transform: scale(0.5);
    -moz-transform: scale(0.5);
    -ms-transform: scale(0.5);
    -o-transform: scale(0.5);
  }
  100% {
    filter: alpha(opacity=100);
    -webkit-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
  }
}
@-webkit-keyframes scaleFadeIn2 {
  0% {
    filter: alpha(opacity=0);
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    transform: scale(0);
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
  }
  50% {
    filter: alpha(opacity=50);
    -webkit-opacity: 0.5;
    -moz-opacity: 0.5;
    opacity: 0.5;
    transform: scale(0.5);
    -webkit-transform: scale(0.5);
    -moz-transform: scale(0.5);
    -ms-transform: scale(0.5);
    -o-transform: scale(0.5);
  }
  100% {
    filter: alpha(opacity=0);
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
  }
}
@-moz-keyframes scaleFadeIn2 {
  0% {
    filter: alpha(opacity=0);
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    transform: scale(0);
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
  }
  50% {
    filter: alpha(opacity=50);
    -webkit-opacity: 0.5;
    -moz-opacity: 0.5;
    opacity: 0.5;
    transform: scale(0.5);
    -webkit-transform: scale(0.5);
    -moz-transform: scale(0.5);
    -ms-transform: scale(0.5);
    -o-transform: scale(0.5);
  }
  100% {
    filter: alpha(opacity=0);
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
  }
}
@-ms-keyframes scaleFadeIn2 {
  0% {
    filter: alpha(opacity=0);
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    transform: scale(0);
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
  }
  50% {
    filter: alpha(opacity=50);
    -webkit-opacity: 0.5;
    -moz-opacity: 0.5;
    opacity: 0.5;
    transform: scale(0.5);
    -webkit-transform: scale(0.5);
    -moz-transform: scale(0.5);
    -ms-transform: scale(0.5);
    -o-transform: scale(0.5);
  }
  100% {
    filter: alpha(opacity=0);
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
  }
}
@-o-keyframes scaleFadeIn2 {
  0% {
    filter: alpha(opacity=0);
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    transform: scale(0);
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
  }
  50% {
    filter: alpha(opacity=50);
    -webkit-opacity: 0.5;
    -moz-opacity: 0.5;
    opacity: 0.5;
    transform: scale(0.5);
    -webkit-transform: scale(0.5);
    -moz-transform: scale(0.5);
    -ms-transform: scale(0.5);
    -o-transform: scale(0.5);
  }
  100% {
    filter: alpha(opacity=0);
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
  }
}
@keyframes scaleFadeIn2 {
  0% {
    filter: alpha(opacity=0);
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    transform: scale(0);
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
  }
  50% {
    filter: alpha(opacity=50);
    -webkit-opacity: 0.5;
    -moz-opacity: 0.5;
    opacity: 0.5;
    transform: scale(0.5);
    -webkit-transform: scale(0.5);
    -moz-transform: scale(0.5);
    -ms-transform: scale(0.5);
    -o-transform: scale(0.5);
  }
  100% {
    filter: alpha(opacity=0);
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
  }
}
@-webkit-keyframes scaleFadeIn2 {
  0% {
    filter: alpha(opacity=0);
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    transform: scale(0);
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
  }
  50% {
    filter: alpha(opacity=50);
    -webkit-opacity: 0.5;
    -moz-opacity: 0.5;
    opacity: 0.5;
    transform: scale(0.5);
    -webkit-transform: scale(0.5);
    -moz-transform: scale(0.5);
    -ms-transform: scale(0.5);
    -o-transform: scale(0.5);
  }
  100% {
    filter: alpha(opacity=0);
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
  }
}
@-moz-keyframes scaleFadeIn2 {
  0% {
    filter: alpha(opacity=0);
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    transform: scale(0);
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
  }
  50% {
    filter: alpha(opacity=50);
    -webkit-opacity: 0.5;
    -moz-opacity: 0.5;
    opacity: 0.5;
    transform: scale(0.5);
    -webkit-transform: scale(0.5);
    -moz-transform: scale(0.5);
    -ms-transform: scale(0.5);
    -o-transform: scale(0.5);
  }
  100% {
    filter: alpha(opacity=0);
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
  }
}
@-ms-keyframes scaleFadeIn2 {
  0% {
    filter: alpha(opacity=0);
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    transform: scale(0);
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
  }
  50% {
    filter: alpha(opacity=50);
    -webkit-opacity: 0.5;
    -moz-opacity: 0.5;
    opacity: 0.5;
    transform: scale(0.5);
    -webkit-transform: scale(0.5);
    -moz-transform: scale(0.5);
    -ms-transform: scale(0.5);
    -o-transform: scale(0.5);
  }
  100% {
    filter: alpha(opacity=0);
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
  }
}
@-o-keyframes scaleFadeIn2 {
  0% {
    filter: alpha(opacity=0);
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    transform: scale(0);
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
  }
  50% {
    filter: alpha(opacity=50);
    -webkit-opacity: 0.5;
    -moz-opacity: 0.5;
    opacity: 0.5;
    transform: scale(0.5);
    -webkit-transform: scale(0.5);
    -moz-transform: scale(0.5);
    -ms-transform: scale(0.5);
    -o-transform: scale(0.5);
  }
  100% {
    filter: alpha(opacity=0);
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
  }
}
@keyframes scaleFadeIn2 {
  0% {
    filter: alpha(opacity=0);
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    transform: scale(0);
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
  }
  50% {
    filter: alpha(opacity=50);
    -webkit-opacity: 0.5;
    -moz-opacity: 0.5;
    opacity: 0.5;
    transform: scale(0.5);
    -webkit-transform: scale(0.5);
    -moz-transform: scale(0.5);
    -ms-transform: scale(0.5);
    -o-transform: scale(0.5);
  }
  100% {
    filter: alpha(opacity=0);
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
  }
}
@-webkit-keyframes rotateY {
  0% {
    filter: alpha(opacity=0);
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    transform: rotateY(180deg);
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
  }
  100% {
    filter: alpha(opacity=100);
    -webkit-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
    transform: none;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
  }
}
@-moz-keyframes rotateY {
  0% {
    filter: alpha(opacity=0);
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    transform: rotateY(180deg);
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
  }
  100% {
    filter: alpha(opacity=100);
    -webkit-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
    transform: none;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
  }
}
@-ms-keyframes rotateY {
  0% {
    filter: alpha(opacity=0);
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    transform: rotateY(180deg);
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
  }
  100% {
    filter: alpha(opacity=100);
    -webkit-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
    transform: none;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
  }
}
@-o-keyframes rotateY {
  0% {
    filter: alpha(opacity=0);
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    transform: rotateY(180deg);
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
  }
  100% {
    filter: alpha(opacity=100);
    -webkit-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
    transform: none;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
  }
}
@keyframes rotateY {
  0% {
    filter: alpha(opacity=0);
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    transform: rotateY(180deg);
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
  }
  100% {
    filter: alpha(opacity=100);
    -webkit-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
    transform: none;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
  }
}
@-webkit-keyframes rotateY {
  0% {
    filter: alpha(opacity=0);
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    transform: rotateY(180deg);
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
  }
  100% {
    filter: alpha(opacity=100);
    -webkit-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
    transform: none;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
  }
}
@-moz-keyframes rotateY {
  0% {
    filter: alpha(opacity=0);
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    transform: rotateY(180deg);
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
  }
  100% {
    filter: alpha(opacity=100);
    -webkit-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
    transform: none;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
  }
}
@-ms-keyframes rotateY {
  0% {
    filter: alpha(opacity=0);
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    transform: rotateY(180deg);
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
  }
  100% {
    filter: alpha(opacity=100);
    -webkit-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
    transform: none;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
  }
}
@-o-keyframes rotateY {
  0% {
    filter: alpha(opacity=0);
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    transform: rotateY(180deg);
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
  }
  100% {
    filter: alpha(opacity=100);
    -webkit-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
    transform: none;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
  }
}
@keyframes rotateY {
  0% {
    filter: alpha(opacity=0);
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    transform: rotateY(180deg);
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
  }
  100% {
    filter: alpha(opacity=100);
    -webkit-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
    transform: none;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
  }
}
a {
  text-decoration: none;
}
.zxx_text_overflow {
  white-space: nowrap;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  overflow: hidden;
}
.main {
  width: 100%;
  height: 100%;
  background: url(https://qnm.res.netease.com/pc/zt/20180821163735/img/bg_4faa6cf6.jpg) no-repeat center center, url(https://qnm.res.netease.com/pc/zt/20180821163735/img/cj_pic_6a343515.jpg) no-repeat center center;
  background-size: auto 100%;
  display: none;
}
.main.show {
  display: block;
}
.linkgp {
  position: absolute;
  top: 20px;
  right: 200px;
  z-index: 109;
}
.linkgp > li {
  display: inline-block;
  margin: 0 2px;
  height: 50px;
  width: 46px;
  background-image: url(https://qnm.res.netease.com/pc/zt/20180821163735/img/topbtn_d1e0393d.png);
  position: relative;
}
.linkgp > li a {
  display: block;
  width: 100%;
  height: 100%;
}
.linkgp > li:nth-child(1) {
  background-position: 0 0;
}
.linkgp > li:nth-child(2) {
  width: 10px;
  background-position: 25% 0;
}
.linkgp > li:nth-child(3) {
  background-position: 40% 0;
}
.linkgp > li:nth-child(4) {
  background-position: 70% 0;
}
.linkgp > li:nth-child(5) {
  background-position: 100% 0;
}
.linkgp > li:hover {
  background-image: url(https://qnm.res.netease.com/pc/zt/20180821163735/img/topbtn1_eee08e8a.png);
}
.linkgp > li:nth-child(4):hover .linkgp-ul {
  display: block;
}
.linkgp > li:nth-child(5):hover .linkgp-qrcode {
  display: block;
}
.linkgp .linkgp-ul {
  position: absolute;
  display: none;
  top: 100%;
  left: 10px;
  padding-top: 10px;
}
.linkgp .linkgp-ul li {
  opacity: 0.7;
  width: 26px;
  height: 27.75px;
  background-image: url(https://qnm.res.netease.com/pc/zt/20180821163735/img/topbtn-hover_13c37454.png);
}
.linkgp .linkgp-ul li:nth-child(1) {
  background-position: 0 0;
}
.linkgp .linkgp-ul li:nth-child(2) {
  background-position: 0 33.3%;
}
.linkgp .linkgp-ul li:nth-child(3) {
  background-position: 0 66.6%;
}
.linkgp .linkgp-ul li:nth-child(4) {
  background-position: 0 100%;
}
.linkgp .linkgp-ul li:hover {
  opacity: 1;
}
.linkgp .linkgp-qrcode {
  display: none;
  position: absolute;
  top: 100%;
  left: -45%;
}
.music-wrap {
  position: absolute;
  right: 150px;
  top: 23px;
  width: 47px;
  height: 47px;
  z-index: 109;
}
.music-wrap .icon-music {
  background: #d3bc9c;
  border-radius: 10px;
  margin-left: 5px;
  text-align: center;
  line-height: 33px;
  width: 100%;
  height: 100%;
  display: block;
  font-size: 0;
}
.music-wrap .icon-music i {
  width: 3px;
  display: inline-block;
  background: #816b4e;
  vertical-align: bottom;
  margin: 0 2px;
  -webkit-transform-origin: 0 100%;
  -ms-transform-origin: 0 100%;
}
.music-wrap .icon-music i:nth-child(1) {
  height: 20px;
}
.music-wrap .icon-music i:nth-child(2) {
  height: 10px;
}
.music-wrap .icon-music i:nth-child(3) {
  height: 15px;
}
.music-wrap .icon-music i:nth-child(4) {
  height: 20px;
}
.music-wrap .icon-music.active,
.music-wrap .icon-music:hover {
  background: #a58d6e;
}
.music-wrap .icon-music.active i,
.music-wrap .icon-music:hover i {
  background: #f2e3c1;
}
.music-wrap .icon-music.active i:nth-child(1) {
  -webkit-animation: music 0.5s 0.1s infinite 300ms 0 ease;
  -moz-animation: music 0.5s 0.1s infinite 300ms 0 ease;
  -ms-animation: music 0.5s 0.1s infinite 300ms 0 ease;
  animation: music 0.5s 0.1s infinite 300ms 0 ease;
  -o-animation: music 0.5s 0.1s infinite;
  -webkit-animation: music 0.5s 0.1s infinite;
  -moz-animation: music 0.5s 0.1s infinite;
  -ms-animation: music 0.5s 0.1s infinite;
  animation: music 0.5s 0.1s infinite;
}
.music-wrap .icon-music.active i:nth-child(2) {
  -webkit-animation: music 0.5s 0.4s infinite 300ms 0 ease;
  -moz-animation: music 0.5s 0.4s infinite 300ms 0 ease;
  -ms-animation: music 0.5s 0.4s infinite 300ms 0 ease;
  animation: music 0.5s 0.4s infinite 300ms 0 ease;
  -o-animation: music 0.5s 0.4s infinite;
  -webkit-animation: music 0.5s 0.4s infinite;
  -moz-animation: music 0.5s 0.4s infinite;
  -ms-animation: music 0.5s 0.4s infinite;
  animation: music 0.5s 0.4s infinite;
}
.music-wrap .icon-music.active i:nth-child(3) {
  -webkit-animation: music 0.5s 0.3s infinite 300ms 0 ease;
  -moz-animation: music 0.5s 0.3s infinite 300ms 0 ease;
  -ms-animation: music 0.5s 0.3s infinite 300ms 0 ease;
  animation: music 0.5s 0.3s infinite 300ms 0 ease;
  -o-animation: music 0.5s 0.3s infinite;
  -webkit-animation: music 0.5s 0.3s infinite;
  -moz-animation: music 0.5s 0.3s infinite;
  -ms-animation: music 0.5s 0.3s infinite;
  animation: music 0.5s 0.3s infinite;
}
.music-wrap .icon-music.active i:nth-child(4) {
  -webkit-animation: music 0.5s 0.2s infinite 300ms 0 ease;
  -moz-animation: music 0.5s 0.2s infinite 300ms 0 ease;
  -ms-animation: music 0.5s 0.2s infinite 300ms 0 ease;
  animation: music 0.5s 0.2s infinite 300ms 0 ease;
  -o-animation: music 0.5s 0.2s infinite;
  -webkit-animation: music 0.5s 0.2s infinite;
  -moz-animation: music 0.5s 0.2s infinite;
  -ms-animation: music 0.5s 0.2s infinite;
  animation: music 0.5s 0.2s infinite;
}
#loading {
  display: block;
  overflow: hidden;
}
#loading .jz_line {
  color: #ab8245;
  width: 70px;
  height: 45px;
  position: absolute;
  top: 50%;
  left: 50%;
  font-size: 34px;
  margin: 0 0 0 -35px;
  z-index: 2;
  transition: opacity 1s linear;
  -webkit-transition: opacity 1s linear;
  -moz-transition: opacity 1s linear;
  -ms-transition: opacity 1s linear;
  -o-transition: opacity 1s linear;
}
#loading .bg-video {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  overflow: hidden;
}
#loading .bg-video video {
  position: absolute;
  top: 0;
  left: 50%;
  height: 100%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
}
.logo {
  position: absolute;
  left: 1%;
  top: 1%;
  width: 10.26041667%;
  z-index: 109;
  overflow: hidden;
}
.logo img {
  width: 100%;
}
.slogan {
  position: absolute;
  width: 819px;
  height: 333px;
  background: url(https://qnm.res.netease.com/pc/zt/20180821163735/img/slogan_e1b21bd3.png) center center;
  top: 50%;
  left: 50%;
  margin: -166.5px 0 0 -409.5px;
}
.detail {
  position: absolute;
  width: 398px;
  height: 85px;
  background-image: url(https://qnm.res.netease.com/pc/zt/20180821163735/img/detail1-anim_7a5b7933.png);
  background-size: 100% auto;
  top: 50%;
  left: 50%;
  margin: 100px 0 0 -199px;
  -webkit-animation: kf-detail steps(12) 1.6s infinite 300ms 0 ease;
  -moz-animation: kf-detail steps(12) 1.6s infinite 300ms 0 ease;
  -ms-animation: kf-detail steps(12) 1.6s infinite 300ms 0 ease;
  animation: kf-detail steps(12) 1.6s infinite 300ms 0 ease;
  -o-animation: kf-detail steps(12) 1.6s infinite;
  -webkit-animation: kf-detail steps(12) 1.6s infinite;
  -moz-animation: kf-detail steps(12) 1.6s infinite;
  -ms-animation: kf-detail steps(12) 1.6s infinite;
  animation: kf-detail steps(12) 1.6s infinite;
}
.detail:hover {
  background-image: url(https://qnm.res.netease.com/pc/zt/20180821163735/img/detail-anim_894fdf5c.png);
  background-size: 100% auto;
}
.jz_left,
.jz_right {
  width: 50%;
  height: 100%;
  background-size: auto 100%;
  background-repeat: no-repeat;
  position: absolute;
  top: 0;
  pointer-events: none;
  z-index: 109;
}
.jz_left {
  background-image: url(https://qnm.res.netease.com/pc/zt/20180821163735/img/scroll_l_3dab9f9c.png);
  left: 0;
  background-position: left center;
}
.jz_right {
  background-image: url(https://qnm.res.netease.com/pc/zt/20180821163735/img/scroll_r_66bc147f.png);
  right: 0;
  background-position: right center;
}
.jzMain {
  opacity: 1;
  width: 100%;
  height: 100%;
  position: relative;
  box-sizing: border-box;
  margin: 0 auto;
}
.jzBox {
  width: 100%;
  height: 100%;
  background: url(https://qnm.res.netease.com/pc/zt/20180821163735/img/jz_bg_7393fb1c.jpg) no-repeat;
  background-size: 100% 100%;
  box-sizing: border-box;
}
.flash_pic {
  width: 100%;
  height: 940px;
  display: block;
}
.jz_pic {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
}
.jz_pic .cj_pic {
  height: 100%;
  position: absolute;
  top: 0;
  overflow: hidden;
  white-space: nowrap;
  font-size: 0;
}
.jz_pic .cj_pic .img_pic {
  display: none;
}
.jz_pic .cj_pic .img_pic.on {
  display: inline-block;
  vertical-align: top;
}
.jz_pic .cj_pic .img_pic {
  height: 100%;
}
.jz_pic .cj_pic .kv {
  position: absolute;
  z-index: 2;
  height: 100%;
  width: 7.23654455%;
  bottom: 0;
  right: 0px;
}
.jz_pic .cj_pic .kv .rolebg {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
}
.jz_pic .cj_pic .kv .role {
  position: relative;
  z-index: 1;
  height: 100%;
  width: 100%;
  transform: translateZ(1px);
  -webkit-transform: translateZ(1px);
  -moz-transform: translateZ(1px);
  -ms-transform: translateZ(1px);
  -o-transform: translateZ(1px);
}
.jz_pic .cj_pic .kv .more {
  position: absolute;
  z-index: 1;
  right: 34.375%;
  top: 11.11111111%;
  height: 8.55555556%;
  width: 1.19791667%;
  display: block;
  background: url(https://qnm.res.netease.com/pc/zt/20180821163735/img/more_fedc0e01.png);
  background-size: 100% 100%;
}
.jz_pic .cj_pic .kv .more:hover {
  background: url(https://qnm.res.netease.com/pc/zt/20180821163735/img/more1_bb7ac977.png);
  background-size: 100% 100%;
}
.jz_pic .cj_pic .kv .video {
  position: absolute;
  z-index: 1;
  right: 27.08333333%;
  top: 34.44444444%;
  height: 5.77777778%;
  width: 2.70833333%;
  display: block;
  background: url(https://qnm.res.netease.com/pc/zt/20180821163735/img/video_c8c2d397.png);
  background-size: 100% 100%;
}
.jz_pic .cj_pic .kv .video:hover {
  background: url(https://qnm.res.netease.com/pc/zt/20180821163735/img/video1_aa465409.png);
  background-size: 100% 100%;
}
.jz_pic .cj_pic .kv .word {
  position: absolute;
  z-index: 1;
  right: 27.08333333%;
  top: 11.11111111%;
  height: 32.33333333%;
}
.jz_pic .cj_pic .f-yl {
  z-index: 20;
}
.jz_pic .cj_pic .f-yl .rolebg {
  background: url(https://qnm.res.netease.com/pc/zt/20180821163735/img/bg_7ba86248.png) center bottom no-repeat;
  background-size: auto 100%;
}
.jz_pic .cj_pic .f-yl .role {
  background: url(https://qnm.res.netease.com/pc/zt/20180821163735/img/kv_65fa0c17.png) center bottom no-repeat;
  background-size: auto 100%;
}
.jz_pic .cj_pic .f-yl .word {
  top: 16.66666667%;
  left: 25%;
}
.jz_pic .cj_pic .f-yl .more {
  top: 16.66666667%;
  left: 22.91666667%;
}
.jz_pic .cj_pic .f-yl .video {
  top: 37.77777778%;
  left: 32.29166667%;
}
.jz_pic .cj_pic .m-diek {
  z-index: 20;
}
.jz_pic .cj_pic .m-diek .rolebg {
  background: url(https://qnm.res.netease.com/pc/zt/20180821163735/img/bg_5bfc2c6a.png) center bottom no-repeat;
  background-size: auto 100%;
}
.jz_pic .cj_pic .m-diek .role {
  background: url(https://qnm.res.netease.com/pc/zt/20180821163735/img/kv_ca353a14.png) center bottom no-repeat;
  background-size: auto 100%;
}
.jz_pic .cj_pic .m-diek .word {
  top: 16.66666667%;
  left: 19.79166667%;
}
.jz_pic .cj_pic .m-diek .more {
  top: 16.66666667%;
  left: 17.44791667%;
}
.jz_pic .cj_pic .m-diek .video {
  top: 40.55555556%;
  left: 23.95833333%;
}
.jz_pic .cj_pic .m-zhankuang {
  z-index: 20;
}
.jz_pic .cj_pic .m-zhankuang .rolebg {
  background: url(https://qnm.res.netease.com/pc/zt/20180821163735/img/bg_743edaca.png) center bottom no-repeat;
  background-size: auto 100%;
}
.jz_pic .cj_pic .m-zhankuang .role {
  background: url(https://qnm.res.netease.com/pc/zt/20180821163735/img/kv_ffc50dff.png) center bottom no-repeat;
  background-size: auto 100%;
}
.jz_pic .cj_pic .m-zhankuang .word {
  top: 16.66666667%;
  left: 19.79166667%;
}
.jz_pic .cj_pic .m-zhankuang .more {
  top: 16.66666667%;
  left: 20.3125%;
}
.jz_pic .cj_pic .m-zhankuang .video {
  top: 40.55555556%;
  left: 25.52083333%;
}
.jz_pic .cj_pic .m-jianxian {
  z-index: 21;
}
.jz_pic .cj_pic .m-jianxian .rolebg {
  background: url(https://qnm.res.netease.com/pc/zt/20180821163735/img/bg_743edaca.png) center bottom no-repeat;
  background-size: auto 100%;
}
.jz_pic .cj_pic .m-jianxian .role {
  background: url(https://qnm.res.netease.com/pc/zt/20180821163735/img/kv_4a2b346d.png) center bottom no-repeat;
  background-size: auto 100%;
}
.jz_pic .cj_pic .m-jianxian .word {
  top: 16.66666667%;
  left: 19.79166667%;
}
.jz_pic .cj_pic .m-jianxian .more {
  top: 16.66666667%;
  left: 17.91666667%;
}
.jz_pic .cj_pic .m-jianxian .video {
  top: 40.55555556%;
  left: 23.4375%;
}
.jz_pic .cj_pic .f-dk {
  z-index: 20;
}
.jz_pic .cj_pic .f-dk .rolebg {
  background: url(https://qnm.res.netease.com/pc/zt/20180821163735/img/bg_8fd218fa.png) center bottom no-repeat;
  background-size: auto 100%;
}
.jz_pic .cj_pic .f-dk .role {
  background: url(https://qnm.res.netease.com/pc/zt/20180821163735/img/kv_5018f174.png) center bottom no-repeat;
  background-size: auto 100%;
}
.jz_pic .cj_pic .f-hh {
  z-index: 19;
}
.jz_pic .cj_pic .f-hh .rolebg {
  background: url(https://qnm.res.netease.com/pc/zt/20180821163735/img/bg_8278bfe1.png) center bottom no-repeat;
  background-size: auto 100%;
}
.jz_pic .cj_pic .f-hh .role {
  background: url(https://qnm.res.netease.com/pc/zt/20180821163735/img/kv_fd5c6221.png) center bottom no-repeat;
  background-size: auto 100%;
}
.jz_pic .cj_pic .f-yans {
  z-index: 20;
}
.jz_pic .cj_pic .f-yans .rolebg {
  background: url(https://qnm.res.netease.com/pc/zt/20180821163735/img/bg_8906b918.png) center bottom no-repeat;
  background-size: auto 100%;
}
.jz_pic .cj_pic .f-yans .role {
  background: url(https://qnm.res.netease.com/pc/zt/20180821163735/img/kv_4632cdd9.png) center bottom no-repeat;
  background-size: auto 100%;
}
.jz_pic .cj_pic .f-yans .word {
  right: 46.875%;
}
.jz_pic .cj_pic .f-yans .more {
  right: 54.16666667%;
}
.jz_pic .cj_pic .f-yans .video {
  right: 46.875%;
}
.jz_pic .cj_pic .f-yans .word-f-hh {
  right: auto;
  left: 16.14583333%;
}
.jz_pic .cj_pic .f-yans .more-f-hh {
  right: auto;
  left: 14.0625%;
}
.jz_pic .cj_pic .f-yans .video-f-hh {
  right: auto;
  left: 19.79166667%;
}
.jz_pic .cj_pic .f-yans .more-f-fs {
  top: 28.88888889%;
  right: 7.8057242%;
}
.jz_pic .cj_pic .f-yans .video-f-fs {
  top: 53.33333333%;
  right: 0%;
}
.jz_pic .cj_pic .f-yans .word-f-fs {
  top: 28.88888889%;
  right: 0%;
}
.jz_pic .cj_pic .f-fs {
  width: 8.69139153%;
  z-index: 18;
}
.jz_pic .cj_pic .f-fs .rolebg {
  background: url(https://qnm.res.netease.com/pc/zt/20180821163735/img/bg_146cf793.png) center bottom no-repeat;
  background-size: auto 100%;
}
.jz_pic .cj_pic .f-fs .role {
  background: url(https://qnm.res.netease.com/pc/zt/20180821163735/img/kv_f4958245.png) center bottom no-repeat;
  background-size: auto 100%;
}
.jz_pic .cj_pic .f-fs .more {
  top: 28.88888889%;
  right: 62.01214224%;
  width: 0.99739809%;
}
.jz_pic .cj_pic .f-fs .video {
  top: 53.33333333%;
  right: 55.94102342%;
  width: 2.25498699%;
}
.jz_pic .cj_pic .f-fs .word {
  top: 28.88888889%;
  right: 55.94102342%;
}
.jz_pic .cj_pic .f-xk {
  z-index: 19;
}
.jz_pic .cj_pic .f-xk .rolebg {
  background: url(https://qnm.res.netease.com/pc/zt/20180821163735/img/bg_82ac76b3.png) center bottom no-repeat;
  background-size: auto 100%;
}
.jz_pic .cj_pic .f-xk .role {
  background: url(https://qnm.res.netease.com/pc/zt/20180821163735/img/kv_567a87d4.png) center bottom no-repeat;
  background-size: auto 100%;
}
.jz_pic .cj_pic .f-xk .word {
  left: 33.85416667%;
}
.jz_pic .cj_pic .f-xk .more {
  left: 31.77083333%;
}
.jz_pic .cj_pic .f-xk .video {
  top: 35.55555556%;
  left: 37.76041667%;
}
.jz_pic .cj_pic .m-yans {
  z-index: 19;
}
.jz_pic .cj_pic .m-yans .rolebg {
  background: url(https://qnm.res.netease.com/pc/zt/20180821163735/img/bg_fd22d14e.png) center bottom no-repeat;
  background-size: auto 100%;
}
.jz_pic .cj_pic .m-yans .role {
  background: url(https://qnm.res.netease.com/pc/zt/20180821163735/img/kv_f91991c0.png) center bottom no-repeat;
  background-size: auto 100%;
}
.jz_pic .cj_pic .m-yans .word {
  top: 28.88888889%;
  right: 64.0625%;
}
.jz_pic .cj_pic .m-yans .more {
  top: 28.88888889%;
  right: 71.35416667%;
}
.jz_pic .cj_pic .m-yans .video {
  top: 53.33333333%;
  right: 64.0625%;
}
.jz_pic .cj_pic .m-js {
  z-index: 19;
}
.jz_pic .cj_pic .m-js .rolebg {
  background: url(https://qnm.res.netease.com/pc/zt/20180821163735/img/bg_ed6c2719.png) center bottom no-repeat;
  background-size: auto 100%;
}
.jz_pic .cj_pic .m-js .role {
  background: url(https://qnm.res.netease.com/pc/zt/20180821163735/img/kv_6ede8da7.png) center bottom no-repeat;
  background-size: auto 100%;
}
.jz_pic .cj_pic .m-js .word {
  top: 28.88888889%;
  right: 74.47916667%;
}
.jz_pic .cj_pic .m-js .more {
  top: 28.88888889%;
  right: 81.77083333%;
}
.jz_pic .cj_pic .m-js .video {
  top: 53.33333333%;
  right: 74.47916667%;
}
.jz_pic .cj_pic .f-mz {
  z-index: 19;
}
.jz_pic .cj_pic .f-mz .rolebg {
  background: url(https://qnm.res.netease.com/pc/zt/20180821163735/img/bg_411efcf8.png) center bottom no-repeat;
  background-size: auto 100%;
}
.jz_pic .cj_pic .f-mz .role {
  background: url(https://qnm.res.netease.com/pc/zt/20180821163735/img/kv_671620ab.png) center bottom no-repeat;
  background-size: auto 100%;
}
.jz_pic .cj_pic .f-mz .word {
  top: 13.33333333%;
  right: 62.5%;
}
.jz_pic .cj_pic .f-mz .more {
  top: 13.33333333%;
  right: 69.79166667%;
}
.jz_pic .cj_pic .f-mz .video {
  top: 36.66666667%;
  right: 62.5%;
}
.jz_pic .cj_pic .m-ss {
  z-index: 19;
}
.jz_pic .cj_pic .m-ss .rolebg {
  background: url(https://qnm.res.netease.com/pc/zt/20180821163735/img/bg_89c812d4.png) center bottom no-repeat;
  background-size: auto 100%;
}
.jz_pic .cj_pic .m-ss .role {
  background: url(https://qnm.res.netease.com/pc/zt/20180821163735/img/kv_c0568119.png) center bottom no-repeat;
  background-size: auto 100%;
}
.jz_pic .cj_pic .m-hh {
  z-index: 19;
}
.jz_pic .cj_pic .m-hh .rolebg {
  background: url(https://qnm.res.netease.com/pc/zt/20180821163735/img/bg_1fa9e26d.png) center bottom no-repeat;
  background-size: auto 100%;
}
.jz_pic .cj_pic .m-hh .role {
  background: url(https://qnm.res.netease.com/pc/zt/20180821163735/img/kv_9a1e746f.png) center bottom no-repeat;
  background-size: auto 100%;
}
.jz_pic .cj_pic .m-hh .word {
  right: 17.70833333%;
}
.jz_pic .cj_pic .m-hh .more {
  right: 24.89583333%;
}
.jz_pic .cj_pic .m-hh .video {
  right: 17.60416667%;
}
.jz_pic .cj_pic .m-hh .word-m-ss {
  top: 25.55555556%;
  right: 67.70833333%;
  z-index: 10;
}
.jz_pic .cj_pic .m-hh .more-m-ss {
  top: 25.55555556%;
  right: 75%;
  z-index: 10;
}
.jz_pic .cj_pic .m-hh .video-m-ss {
  top: 50%;
  right: 67.70833333%;
  z-index: 10;
}
.jz_pic .cj_pic .m-mz {
  z-index: 19;
}
.jz_pic .cj_pic .m-mz .rolebg {
  background: url(https://qnm.res.netease.com/pc/zt/20180821163735/img/bg_79091ab7.png) center bottom no-repeat;
  background-size: auto 100%;
}
.jz_pic .cj_pic .m-mz .role {
  background: url(https://qnm.res.netease.com/pc/zt/20180821163735/img/kv_8735e9ee.png) center bottom no-repeat;
  background-size: auto 100%;
}
.jz_pic .cj_pic .m-mz .word {
  top: 17.77777778%;
  left: 23.4375%;
}
.jz_pic .cj_pic .m-mz .more {
  top: 17.77777778%;
  left: 21.30208333%;
}
.jz_pic .cj_pic .m-mz .video {
  top: 42.22222222%;
  left: 27.08333333%;
}
.jz_pic .cj_pic .f-yr {
  z-index: 19;
}
.jz_pic .cj_pic .f-yr .rolebg {
  background: url(https://qnm.res.netease.com/pc/zt/20180821163735/img/bg_4696fd8e.png) center bottom no-repeat;
  background-size: auto 100%;
}
.jz_pic .cj_pic .f-yr .role {
  background: url(https://qnm.res.netease.com/pc/zt/20180821163735/img/kv_47b2d3cf.png) center bottom no-repeat;
  background-size: auto 100%;
}
.jz_pic .cj_pic .f-yr .word {
  top: 13.33333333%;
  left: 26.5625%;
}
.jz_pic .cj_pic .f-yr .more {
  top: 13.33333333%;
  left: 24.47916667%;
}
.jz_pic .cj_pic .f-yr .video {
  top: 37.77777778%;
  left: 30.46875%;
}
.jz_pic .cj_pic .m-ys {
  z-index: 19;
}
.jz_pic .cj_pic .m-ys .rolebg {
  background: url(https://qnm.res.netease.com/pc/zt/20180821163735/img/bg_04466b7a.png) center bottom no-repeat;
  background-size: auto 100%;
}
.jz_pic .cj_pic .m-ys .role {
  background: url(https://qnm.res.netease.com/pc/zt/20180821163735/img/kv_7bacac06.png) center bottom no-repeat;
  background-size: auto 100%;
}
.jz_pic .cj_pic .m-ys .word {
  top: 41.11111111%;
  left: 35.41666667%;
}
.jz_pic .cj_pic .m-ys .more {
  top: 41.11111111%;
  left: 33.33333333%;
}
.jz_pic .cj_pic .m-ys .video {
  top: 65.55555556%;
  left: 39.0625%;
}
.jz_pic .cj_pic .m-xk {
  z-index: 19;
}
.jz_pic .cj_pic .m-xk .rolebg {
  background: url(https://qnm.res.netease.com/pc/zt/20180821163735/img/bg_9e1b5b19.png) center bottom no-repeat;
  background-size: auto 100%;
}
.jz_pic .cj_pic .m-xk .role {
  background: url(https://qnm.res.netease.com/pc/zt/20180821163735/img/kv_a885314e.png) center bottom no-repeat;
  background-size: auto 100%;
}
.jz_pic .cj_pic .m-xk .word {
  top: 48.88888889%;
  left: 33.85416667%;
}
.jz_pic .cj_pic .m-xk .more {
  top: 48.88888889%;
  left: 31.77083333%;
}
.jz_pic .cj_pic .m-xk .video {
  top: 73.33333333%;
  left: 37.5%;
}
.jz_pic .cj_pic .m-fs {
  z-index: 20;
}
.jz_pic .cj_pic .m-fs .rolebg {
  background: url(https://qnm.res.netease.com/pc/zt/20180821163735/img/bg_502987c1.png) center bottom no-repeat;
  background-size: auto 100%;
}
.jz_pic .cj_pic .m-fs .role {
  background: url(https://qnm.res.netease.com/pc/zt/20180821163735/img/kv_0cfcf1bb.png) center bottom no-repeat;
  background-size: auto 100%;
}
.jz_pic .cj_pic .m-fs .word {
  top: 11.11111111%;
  right: 26.04166667%;
}
.jz_pic .cj_pic .m-fs .more {
  top: 11.11111111%;
  right: 33.33333333%;
}
.jz_pic .cj_pic .m-fs .video {
  top: 35.55555556%;
  right: 26.04166667%;
}
.jz_pic .cj_pic .f-ss {
  z-index: 19;
}
.jz_pic .cj_pic .f-ss .rolebg {
  background: url(https://qnm.res.netease.com/pc/zt/20180821163735/img/bg_c7b24c94.png) center bottom no-repeat;
  background-size: auto 100%;
}
.jz_pic .cj_pic .f-ss .role {
  background: url(https://qnm.res.netease.com/pc/zt/20180821163735/img/kv_ed19b955.png) center bottom no-repeat;
  background-size: auto 100%;
}
.jz_pic .cj_pic .f-ss .word {
  top: 8.88888889%;
  right: 43.75%;
}
.jz_pic .cj_pic .f-ss .more {
  top: 8.88888889%;
  right: 51.04166667%;
}
.jz_pic .cj_pic .f-ss .video {
  top: 33.33333333%;
  right: 43.75%;
}
.jz_pic .cj_pic .m-yr {
  z-index: 18;
}
.jz_pic .cj_pic .m-yr .rolebg {
  background: url(https://qnm.res.netease.com/pc/zt/20180821163735/img/bg_c300df3b.png) center bottom no-repeat;
  background-size: auto 100%;
}
.jz_pic .cj_pic .m-yr .role {
  background: url(https://qnm.res.netease.com/pc/zt/20180821163735/img/kv_9ab0a387.png) center bottom no-repeat;
  background-size: auto 100%;
}
.jz_pic .cj_pic .m-yr .word {
  top: 17.77777778%;
  right: 27.60416667%;
}
.jz_pic .cj_pic .m-yr .more {
  top: 17.77777778%;
  right: 34.89583333%;
}
.jz_pic .cj_pic .m-yr .video {
  top: 42.22222222%;
  right: 27.60416667%;
}
.jz_pic .cj_pic .f-js {
  z-index: 17;
}
.jz_pic .cj_pic .f-js .rolebg {
  background: url(https://qnm.res.netease.com/pc/zt/20180821163735/img/bg_e114f75d.png) center bottom no-repeat;
  background-size: auto 100%;
}
.jz_pic .cj_pic .f-js .role {
  background: url(https://qnm.res.netease.com/pc/zt/20180821163735/img/kv_80973d90.png) center bottom no-repeat;
  background-size: auto 100%;
}
.jz_pic .cj_pic .f-js .word {
  top: 8.88888889%;
  right: 30.20833333%;
}
.jz_pic .cj_pic .f-js .more {
  top: 8.88888889%;
  right: 37.5%;
}
.jz_pic .cj_pic .f-js .video {
  top: 33.33333333%;
  right: 30.20833333%;
}
.jz_pic .cj_pic .f-js .word-f-dk {
  top: 16.66666667%;
  right: 0%;
}
.jz_pic .cj_pic .f-js .more-f-dk {
  top: 16.66666667%;
  right: 7.29166667%;
}
.jz_pic .cj_pic .f-js .video-f-dk {
  top: 41.11111111%;
  right: 0%;
}
.jz_pic .cj_pic .m-dk {
  z-index: 16;
}
.jz_pic .cj_pic .m-dk .rolebg {
  background: url(https://qnm.res.netease.com/pc/zt/20180821163735/img/bg_4f8d2011.png) center bottom no-repeat;
  background-size: auto 100%;
}
.jz_pic .cj_pic .m-dk .role {
  background: url(https://qnm.res.netease.com/pc/zt/20180821163735/img/kv_797b9887.png) center bottom no-repeat;
  background-size: auto 100%;
}
.jz_pic .cj_pic .m-dk .word {
  top: 16.66666667%;
  left: 31.25%;
}
.jz_pic .cj_pic .m-dk .more {
  top: 16.66666667%;
  left: 29.16666667%;
}
.jz_pic .cj_pic .m-dk .video {
  top: 41.11111111%;
  left: 35.15625%;
}
.jz_pic .cj_pic .f-ys {
  z-index: 19;
}
.jz_pic .cj_pic .f-ys .rolebg {
  background: url(https://qnm.res.netease.com/pc/zt/20180821163735/img/bg_709f69ed.png) center bottom no-repeat;
  background-size: auto 100%;
}
.jz_pic .cj_pic .f-ys .role {
  background: url(https://qnm.res.netease.com/pc/zt/20180821163735/img/kv_77b494d4.png) center bottom no-repeat;
  background-size: auto 100%;
}
.jz_pic .cj_pic .f-ys .word {
  top: 11.11111111%;
  right: 23.4375%;
}
.jz_pic .cj_pic .f-ys .more {
  top: 11.11111111%;
  right: 30.72916667%;
}
.jz_pic .cj_pic .f-ys .video {
  top: 35.55555556%;
  right: 23.4375%;
}
.jz_pic .drow {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: relative;
}
.jz_pic .drow .leftBox,
.jz_pic .drow .rightBox {
  width: 240px;
  height: 100%;
  cursor: pointer;
  background: url(https://qnm.res.netease.com/pc/zt/20180821163735/img/prev_18fbd256.png) no-repeat 90% center;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 100;
}
.jz_pic .drow .rightBox {
  left: auto;
  right: 0;
  background-image: url(https://qnm.res.netease.com/pc/zt/20180821163735/img/next_85eb2391.png);
  background-position: 10% center;
  -webkit-animation: kf-next 2s infinite 300ms 0 ease;
  -moz-animation: kf-next 2s infinite 300ms 0 ease;
  -ms-animation: kf-next 2s infinite 300ms 0 ease;
  animation: kf-next 2s infinite 300ms 0 ease;
  -o-animation: kf-next 2s infinite;
  -webkit-animation: kf-next 2s infinite;
  -moz-animation: kf-next 2s infinite;
  -ms-animation: kf-next 2s infinite;
  animation: kf-next 2s infinite;
}
.jz_pic .drow .leftBox {
  -webkit-animation: kf-prev 2s infinite 300ms 0 ease;
  -moz-animation: kf-prev 2s infinite 300ms 0 ease;
  -ms-animation: kf-prev 2s infinite 300ms 0 ease;
  animation: kf-prev 2s infinite 300ms 0 ease;
  -o-animation: kf-prev 2s infinite;
  -webkit-animation: kf-prev 2s infinite;
  -moz-animation: kf-prev 2s infinite;
  -ms-animation: kf-prev 2s infinite;
  animation: kf-prev 2s infinite;
}
.pagination-container {
  position: absolute;
  width: 100%;
  bottom: 5%;
  text-align: center;
  z-index: 110;
}
.pagination-container .pagination {
  width: 847px;
  margin: 0 auto;
  overflow: hidden;
}
.pagination-container .pagination .swiper-slide {
  height: 121px;
  width: 56.27272727px;
}
.pagination-container .pagination .swiper-slide:nth-child(1) .pagination-item {
  background: url(https://qnm.res.netease.com/pc/zt/20180821163735/img/nav-jianxian_f093d88e.png) left center / 30px no-repeat !important;
}
.pagination-container .pagination .swiper-slide:nth-child(1) .pagination-item:hover,
.pagination-container .pagination .swiper-slide:nth-child(1) .pagination-item.active {
  background: url(https://qnm.res.netease.com/pc/zt/20180821163735/img/nav-jianxian-h_5812d13f.png) left center / 36px no-repeat !important;
}
.pagination-container .pagination .swiper-slide:nth-child(23) .pagination-item {
  background-position: -1186px 0;
}
.pagination-container .pagination .swiper-slide:nth-child(24) .pagination-item {
  background-position: -1245px 0;
}
.pagination-container .pagination .pagination-item {
  display: block;
  width: 100%;
  height: 100%;
  background-image: url(https://qnm.res.netease.com/pc/zt/20180821163735/img/nav1_82b242fd.png);
  background-size: auto 100%;
}
.pagination-container .pagination .pagination-item:hover,
.pagination-container .pagination .pagination-item.active {
  background-image: url(https://qnm.res.netease.com/pc/zt/20180821163735/img/nav_9e13dae2.png);
}
.pagination-container .pagination .swiper-slide:nth-child(1) .pagination-item {
  background-position: 56.27272727px 0;
}
.pagination-container .pagination .swiper-slide:nth-child(2) .pagination-item {
  background-position: 0px 0;
}
.pagination-container .pagination .swiper-slide:nth-child(3) .pagination-item {
  background-position: -56.27272727px 0;
}
.pagination-container .pagination .swiper-slide:nth-child(4) .pagination-item {
  background-position: -112.54545455px 0;
}
.pagination-container .pagination .swiper-slide:nth-child(5) .pagination-item {
  background-position: -168.81818182px 0;
}
.pagination-container .pagination .swiper-slide:nth-child(6) .pagination-item {
  background-position: -225.09090909px 0;
}
.pagination-container .pagination .swiper-slide:nth-child(7) .pagination-item {
  background-position: -281.36363636px 0;
}
.pagination-container .pagination .swiper-slide:nth-child(8) .pagination-item {
  background-position: -337.63636364px 0;
}
.pagination-container .pagination .swiper-slide:nth-child(9) .pagination-item {
  background-position: -393.90909091px 0;
}
.pagination-container .pagination .swiper-slide:nth-child(10) .pagination-item {
  background-position: -450.18181818px 0;
}
.pagination-container .pagination .swiper-slide:nth-child(11) .pagination-item {
  background-position: -506.45454545px 0;
}
.pagination-container .pagination .swiper-slide:nth-child(12) .pagination-item {
  background-position: -562.72727273px 0;
}
.pagination-container .pagination .swiper-slide:nth-child(13) .pagination-item {
  background-position: -619px 0;
}
.pagination-container .pagination .swiper-slide:nth-child(14) .pagination-item {
  background-position: -675.27272727px 0;
}
.pagination-container .pagination .swiper-slide:nth-child(15) .pagination-item {
  background-position: -731.54545455px 0;
}
.pagination-container .pagination .swiper-slide:nth-child(16) .pagination-item {
  background-position: -787.81818182px 0;
}
.pagination-container .pagination .swiper-slide:nth-child(17) .pagination-item {
  background-position: -844.09090909px 0;
}
.pagination-container .pagination .swiper-slide:nth-child(18) .pagination-item {
  background-position: -900.36363636px 0;
}
.pagination-container .pagination .swiper-slide:nth-child(19) .pagination-item {
  background-position: -956.63636364px 0;
}
.pagination-container .pagination .swiper-slide:nth-child(20) .pagination-item {
  background-position: -1012.90909091px 0;
}
.pagination-container .pagination .swiper-slide:nth-child(21) .pagination-item {
  background-position: -1069.18181818px 0;
}
.pagination-container .pagination .swiper-slide:nth-child(22) .pagination-item {
  background-position: -1125.45454545px 0;
}
.pagination-container .pagination-prev {
  background: url(https://qnm.res.netease.com/pc/zt/20180821163735/img/mini-prev_f9205395.png);
  left: 50%;
  margin-left: -470px;
  -webkit-animation: kf-prev 2s infinite 300ms 0 ease;
  -moz-animation: kf-prev 2s infinite 300ms 0 ease;
  -ms-animation: kf-prev 2s infinite 300ms 0 ease;
  animation: kf-prev 2s infinite 300ms 0 ease;
  -o-animation: kf-prev 2s infinite;
  -webkit-animation: kf-prev 2s infinite;
  -moz-animation: kf-prev 2s infinite;
  -ms-animation: kf-prev 2s infinite;
  animation: kf-prev 2s infinite;
}
.pagination-container .pagination-next {
  background: url(https://qnm.res.netease.com/pc/zt/20180821163735/img/mini-next_971394a3.png);
  left: 50%;
  margin-left: 450px;
  -webkit-animation: kf-next 2s infinite 300ms 0 ease;
  -moz-animation: kf-next 2s infinite 300ms 0 ease;
  -ms-animation: kf-next 2s infinite 300ms 0 ease;
  animation: kf-next 2s infinite 300ms 0 ease;
  -o-animation: kf-next 2s infinite;
  -webkit-animation: kf-next 2s infinite;
  -moz-animation: kf-next 2s infinite;
  -ms-animation: kf-next 2s infinite;
  animation: kf-next 2s infinite;
}
.pagination-container .pagination-prev,
.pagination-container .pagination-next {
  display: block;
  position: absolute;
  width: 41px;
  height: 66px;
  top: 30px;
  z-index: 120;
}
.pagination-container .swiper-button-disabled {
  display: none;
}
@-webkit-keyframes kf-prev {
  0% {
    transform: translateX(0px);
    -webkit-transform: translateX(0px);
    -moz-transform: translateX(0px);
    -ms-transform: translateX(0px);
    -o-transform: translateX(0px);
  }
  50% {
    transform: translateX(-20px);
    -webkit-transform: translateX(-20px);
    -moz-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    -o-transform: translateX(-20px);
  }
  100% {
    transform: translateX(0px);
    -webkit-transform: translateX(0px);
    -moz-transform: translateX(0px);
    -ms-transform: translateX(0px);
    -o-transform: translateX(0px);
  }
}
@-moz-keyframes kf-prev {
  0% {
    transform: translateX(0px);
    -webkit-transform: translateX(0px);
    -moz-transform: translateX(0px);
    -ms-transform: translateX(0px);
    -o-transform: translateX(0px);
  }
  50% {
    transform: translateX(-20px);
    -webkit-transform: translateX(-20px);
    -moz-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    -o-transform: translateX(-20px);
  }
  100% {
    transform: translateX(0px);
    -webkit-transform: translateX(0px);
    -moz-transform: translateX(0px);
    -ms-transform: translateX(0px);
    -o-transform: translateX(0px);
  }
}
@-ms-keyframes kf-prev {
  0% {
    transform: translateX(0px);
    -webkit-transform: translateX(0px);
    -moz-transform: translateX(0px);
    -ms-transform: translateX(0px);
    -o-transform: translateX(0px);
  }
  50% {
    transform: translateX(-20px);
    -webkit-transform: translateX(-20px);
    -moz-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    -o-transform: translateX(-20px);
  }
  100% {
    transform: translateX(0px);
    -webkit-transform: translateX(0px);
    -moz-transform: translateX(0px);
    -ms-transform: translateX(0px);
    -o-transform: translateX(0px);
  }
}
@-o-keyframes kf-prev {
  0% {
    transform: translateX(0px);
    -webkit-transform: translateX(0px);
    -moz-transform: translateX(0px);
    -ms-transform: translateX(0px);
    -o-transform: translateX(0px);
  }
  50% {
    transform: translateX(-20px);
    -webkit-transform: translateX(-20px);
    -moz-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    -o-transform: translateX(-20px);
  }
  100% {
    transform: translateX(0px);
    -webkit-transform: translateX(0px);
    -moz-transform: translateX(0px);
    -ms-transform: translateX(0px);
    -o-transform: translateX(0px);
  }
}
@keyframes kf-prev {
  0% {
    transform: translateX(0px);
    -webkit-transform: translateX(0px);
    -moz-transform: translateX(0px);
    -ms-transform: translateX(0px);
    -o-transform: translateX(0px);
  }
  50% {
    transform: translateX(-20px);
    -webkit-transform: translateX(-20px);
    -moz-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    -o-transform: translateX(-20px);
  }
  100% {
    transform: translateX(0px);
    -webkit-transform: translateX(0px);
    -moz-transform: translateX(0px);
    -ms-transform: translateX(0px);
    -o-transform: translateX(0px);
  }
}
@-webkit-keyframes kf-prev {
  0% {
    transform: translateX(0px);
    -webkit-transform: translateX(0px);
    -moz-transform: translateX(0px);
    -ms-transform: translateX(0px);
    -o-transform: translateX(0px);
  }
  50% {
    transform: translateX(-20px);
    -webkit-transform: translateX(-20px);
    -moz-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    -o-transform: translateX(-20px);
  }
  100% {
    transform: translateX(0px);
    -webkit-transform: translateX(0px);
    -moz-transform: translateX(0px);
    -ms-transform: translateX(0px);
    -o-transform: translateX(0px);
  }
}
@-moz-keyframes kf-prev {
  0% {
    transform: translateX(0px);
    -webkit-transform: translateX(0px);
    -moz-transform: translateX(0px);
    -ms-transform: translateX(0px);
    -o-transform: translateX(0px);
  }
  50% {
    transform: translateX(-20px);
    -webkit-transform: translateX(-20px);
    -moz-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    -o-transform: translateX(-20px);
  }
  100% {
    transform: translateX(0px);
    -webkit-transform: translateX(0px);
    -moz-transform: translateX(0px);
    -ms-transform: translateX(0px);
    -o-transform: translateX(0px);
  }
}
@-ms-keyframes kf-prev {
  0% {
    transform: translateX(0px);
    -webkit-transform: translateX(0px);
    -moz-transform: translateX(0px);
    -ms-transform: translateX(0px);
    -o-transform: translateX(0px);
  }
  50% {
    transform: translateX(-20px);
    -webkit-transform: translateX(-20px);
    -moz-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    -o-transform: translateX(-20px);
  }
  100% {
    transform: translateX(0px);
    -webkit-transform: translateX(0px);
    -moz-transform: translateX(0px);
    -ms-transform: translateX(0px);
    -o-transform: translateX(0px);
  }
}
@-o-keyframes kf-prev {
  0% {
    transform: translateX(0px);
    -webkit-transform: translateX(0px);
    -moz-transform: translateX(0px);
    -ms-transform: translateX(0px);
    -o-transform: translateX(0px);
  }
  50% {
    transform: translateX(-20px);
    -webkit-transform: translateX(-20px);
    -moz-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    -o-transform: translateX(-20px);
  }
  100% {
    transform: translateX(0px);
    -webkit-transform: translateX(0px);
    -moz-transform: translateX(0px);
    -ms-transform: translateX(0px);
    -o-transform: translateX(0px);
  }
}
@keyframes kf-prev {
  0% {
    transform: translateX(0px);
    -webkit-transform: translateX(0px);
    -moz-transform: translateX(0px);
    -ms-transform: translateX(0px);
    -o-transform: translateX(0px);
  }
  50% {
    transform: translateX(-20px);
    -webkit-transform: translateX(-20px);
    -moz-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    -o-transform: translateX(-20px);
  }
  100% {
    transform: translateX(0px);
    -webkit-transform: translateX(0px);
    -moz-transform: translateX(0px);
    -ms-transform: translateX(0px);
    -o-transform: translateX(0px);
  }
}
@-webkit-keyframes kf-next {
  0% {
    transform: translateX(0px);
    -webkit-transform: translateX(0px);
    -moz-transform: translateX(0px);
    -ms-transform: translateX(0px);
    -o-transform: translateX(0px);
  }
  50% {
    transform: translateX(20px);
    -webkit-transform: translateX(20px);
    -moz-transform: translateX(20px);
    -ms-transform: translateX(20px);
    -o-transform: translateX(20px);
  }
  100% {
    transform: translateX(0px);
    -webkit-transform: translateX(0px);
    -moz-transform: translateX(0px);
    -ms-transform: translateX(0px);
    -o-transform: translateX(0px);
  }
}
@-moz-keyframes kf-next {
  0% {
    transform: translateX(0px);
    -webkit-transform: translateX(0px);
    -moz-transform: translateX(0px);
    -ms-transform: translateX(0px);
    -o-transform: translateX(0px);
  }
  50% {
    transform: translateX(20px);
    -webkit-transform: translateX(20px);
    -moz-transform: translateX(20px);
    -ms-transform: translateX(20px);
    -o-transform: translateX(20px);
  }
  100% {
    transform: translateX(0px);
    -webkit-transform: translateX(0px);
    -moz-transform: translateX(0px);
    -ms-transform: translateX(0px);
    -o-transform: translateX(0px);
  }
}
@-ms-keyframes kf-next {
  0% {
    transform: translateX(0px);
    -webkit-transform: translateX(0px);
    -moz-transform: translateX(0px);
    -ms-transform: translateX(0px);
    -o-transform: translateX(0px);
  }
  50% {
    transform: translateX(20px);
    -webkit-transform: translateX(20px);
    -moz-transform: translateX(20px);
    -ms-transform: translateX(20px);
    -o-transform: translateX(20px);
  }
  100% {
    transform: translateX(0px);
    -webkit-transform: translateX(0px);
    -moz-transform: translateX(0px);
    -ms-transform: translateX(0px);
    -o-transform: translateX(0px);
  }
}
@-o-keyframes kf-next {
  0% {
    transform: translateX(0px);
    -webkit-transform: translateX(0px);
    -moz-transform: translateX(0px);
    -ms-transform: translateX(0px);
    -o-transform: translateX(0px);
  }
  50% {
    transform: translateX(20px);
    -webkit-transform: translateX(20px);
    -moz-transform: translateX(20px);
    -ms-transform: translateX(20px);
    -o-transform: translateX(20px);
  }
  100% {
    transform: translateX(0px);
    -webkit-transform: translateX(0px);
    -moz-transform: translateX(0px);
    -ms-transform: translateX(0px);
    -o-transform: translateX(0px);
  }
}
@keyframes kf-next {
  0% {
    transform: translateX(0px);
    -webkit-transform: translateX(0px);
    -moz-transform: translateX(0px);
    -ms-transform: translateX(0px);
    -o-transform: translateX(0px);
  }
  50% {
    transform: translateX(20px);
    -webkit-transform: translateX(20px);
    -moz-transform: translateX(20px);
    -ms-transform: translateX(20px);
    -o-transform: translateX(20px);
  }
  100% {
    transform: translateX(0px);
    -webkit-transform: translateX(0px);
    -moz-transform: translateX(0px);
    -ms-transform: translateX(0px);
    -o-transform: translateX(0px);
  }
}
@-webkit-keyframes kf-next {
  0% {
    transform: translateX(0px);
    -webkit-transform: translateX(0px);
    -moz-transform: translateX(0px);
    -ms-transform: translateX(0px);
    -o-transform: translateX(0px);
  }
  50% {
    transform: translateX(20px);
    -webkit-transform: translateX(20px);
    -moz-transform: translateX(20px);
    -ms-transform: translateX(20px);
    -o-transform: translateX(20px);
  }
  100% {
    transform: translateX(0px);
    -webkit-transform: translateX(0px);
    -moz-transform: translateX(0px);
    -ms-transform: translateX(0px);
    -o-transform: translateX(0px);
  }
}
@-moz-keyframes kf-next {
  0% {
    transform: translateX(0px);
    -webkit-transform: translateX(0px);
    -moz-transform: translateX(0px);
    -ms-transform: translateX(0px);
    -o-transform: translateX(0px);
  }
  50% {
    transform: translateX(20px);
    -webkit-transform: translateX(20px);
    -moz-transform: translateX(20px);
    -ms-transform: translateX(20px);
    -o-transform: translateX(20px);
  }
  100% {
    transform: translateX(0px);
    -webkit-transform: translateX(0px);
    -moz-transform: translateX(0px);
    -ms-transform: translateX(0px);
    -o-transform: translateX(0px);
  }
}
@-ms-keyframes kf-next {
  0% {
    transform: translateX(0px);
    -webkit-transform: translateX(0px);
    -moz-transform: translateX(0px);
    -ms-transform: translateX(0px);
    -o-transform: translateX(0px);
  }
  50% {
    transform: translateX(20px);
    -webkit-transform: translateX(20px);
    -moz-transform: translateX(20px);
    -ms-transform: translateX(20px);
    -o-transform: translateX(20px);
  }
  100% {
    transform: translateX(0px);
    -webkit-transform: translateX(0px);
    -moz-transform: translateX(0px);
    -ms-transform: translateX(0px);
    -o-transform: translateX(0px);
  }
}
@-o-keyframes kf-next {
  0% {
    transform: translateX(0px);
    -webkit-transform: translateX(0px);
    -moz-transform: translateX(0px);
    -ms-transform: translateX(0px);
    -o-transform: translateX(0px);
  }
  50% {
    transform: translateX(20px);
    -webkit-transform: translateX(20px);
    -moz-transform: translateX(20px);
    -ms-transform: translateX(20px);
    -o-transform: translateX(20px);
  }
  100% {
    transform: translateX(0px);
    -webkit-transform: translateX(0px);
    -moz-transform: translateX(0px);
    -ms-transform: translateX(0px);
    -o-transform: translateX(0px);
  }
}
@keyframes kf-next {
  0% {
    transform: translateX(0px);
    -webkit-transform: translateX(0px);
    -moz-transform: translateX(0px);
    -ms-transform: translateX(0px);
    -o-transform: translateX(0px);
  }
  50% {
    transform: translateX(20px);
    -webkit-transform: translateX(20px);
    -moz-transform: translateX(20px);
    -ms-transform: translateX(20px);
    -o-transform: translateX(20px);
  }
  100% {
    transform: translateX(0px);
    -webkit-transform: translateX(0px);
    -moz-transform: translateX(0px);
    -ms-transform: translateX(0px);
    -o-transform: translateX(0px);
  }
}
@-webkit-keyframes kf-pulse {
  0% {
    transform: scale(0.9);
    -webkit-transform: scale(0.9);
    -moz-transform: scale(0.9);
    -ms-transform: scale(0.9);
    -o-transform: scale(0.9);
    opacity: 0.5;
  }
  50% {
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    opacity: 1;
  }
  100% {
    transform: scale(0.9);
    -webkit-transform: scale(0.9);
    -moz-transform: scale(0.9);
    -ms-transform: scale(0.9);
    -o-transform: scale(0.9);
    opacity: 0.5;
  }
}
@-moz-keyframes kf-pulse {
  0% {
    transform: scale(0.9);
    -webkit-transform: scale(0.9);
    -moz-transform: scale(0.9);
    -ms-transform: scale(0.9);
    -o-transform: scale(0.9);
    opacity: 0.5;
  }
  50% {
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    opacity: 1;
  }
  100% {
    transform: scale(0.9);
    -webkit-transform: scale(0.9);
    -moz-transform: scale(0.9);
    -ms-transform: scale(0.9);
    -o-transform: scale(0.9);
    opacity: 0.5;
  }
}
@-ms-keyframes kf-pulse {
  0% {
    transform: scale(0.9);
    -webkit-transform: scale(0.9);
    -moz-transform: scale(0.9);
    -ms-transform: scale(0.9);
    -o-transform: scale(0.9);
    opacity: 0.5;
  }
  50% {
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    opacity: 1;
  }
  100% {
    transform: scale(0.9);
    -webkit-transform: scale(0.9);
    -moz-transform: scale(0.9);
    -ms-transform: scale(0.9);
    -o-transform: scale(0.9);
    opacity: 0.5;
  }
}
@-o-keyframes kf-pulse {
  0% {
    transform: scale(0.9);
    -webkit-transform: scale(0.9);
    -moz-transform: scale(0.9);
    -ms-transform: scale(0.9);
    -o-transform: scale(0.9);
    opacity: 0.5;
  }
  50% {
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    opacity: 1;
  }
  100% {
    transform: scale(0.9);
    -webkit-transform: scale(0.9);
    -moz-transform: scale(0.9);
    -ms-transform: scale(0.9);
    -o-transform: scale(0.9);
    opacity: 0.5;
  }
}
@keyframes kf-pulse {
  0% {
    transform: scale(0.9);
    -webkit-transform: scale(0.9);
    -moz-transform: scale(0.9);
    -ms-transform: scale(0.9);
    -o-transform: scale(0.9);
    opacity: 0.5;
  }
  50% {
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    opacity: 1;
  }
  100% {
    transform: scale(0.9);
    -webkit-transform: scale(0.9);
    -moz-transform: scale(0.9);
    -ms-transform: scale(0.9);
    -o-transform: scale(0.9);
    opacity: 0.5;
  }
}
@-webkit-keyframes kf-pulse {
  0% {
    transform: scale(0.9);
    -webkit-transform: scale(0.9);
    -moz-transform: scale(0.9);
    -ms-transform: scale(0.9);
    -o-transform: scale(0.9);
    opacity: 0.5;
  }
  50% {
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    opacity: 1;
  }
  100% {
    transform: scale(0.9);
    -webkit-transform: scale(0.9);
    -moz-transform: scale(0.9);
    -ms-transform: scale(0.9);
    -o-transform: scale(0.9);
    opacity: 0.5;
  }
}
@-moz-keyframes kf-pulse {
  0% {
    transform: scale(0.9);
    -webkit-transform: scale(0.9);
    -moz-transform: scale(0.9);
    -ms-transform: scale(0.9);
    -o-transform: scale(0.9);
    opacity: 0.5;
  }
  50% {
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    opacity: 1;
  }
  100% {
    transform: scale(0.9);
    -webkit-transform: scale(0.9);
    -moz-transform: scale(0.9);
    -ms-transform: scale(0.9);
    -o-transform: scale(0.9);
    opacity: 0.5;
  }
}
@-ms-keyframes kf-pulse {
  0% {
    transform: scale(0.9);
    -webkit-transform: scale(0.9);
    -moz-transform: scale(0.9);
    -ms-transform: scale(0.9);
    -o-transform: scale(0.9);
    opacity: 0.5;
  }
  50% {
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    opacity: 1;
  }
  100% {
    transform: scale(0.9);
    -webkit-transform: scale(0.9);
    -moz-transform: scale(0.9);
    -ms-transform: scale(0.9);
    -o-transform: scale(0.9);
    opacity: 0.5;
  }
}
@-o-keyframes kf-pulse {
  0% {
    transform: scale(0.9);
    -webkit-transform: scale(0.9);
    -moz-transform: scale(0.9);
    -ms-transform: scale(0.9);
    -o-transform: scale(0.9);
    opacity: 0.5;
  }
  50% {
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    opacity: 1;
  }
  100% {
    transform: scale(0.9);
    -webkit-transform: scale(0.9);
    -moz-transform: scale(0.9);
    -ms-transform: scale(0.9);
    -o-transform: scale(0.9);
    opacity: 0.5;
  }
}
@keyframes kf-pulse {
  0% {
    transform: scale(0.9);
    -webkit-transform: scale(0.9);
    -moz-transform: scale(0.9);
    -ms-transform: scale(0.9);
    -o-transform: scale(0.9);
    opacity: 0.5;
  }
  50% {
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    opacity: 1;
  }
  100% {
    transform: scale(0.9);
    -webkit-transform: scale(0.9);
    -moz-transform: scale(0.9);
    -ms-transform: scale(0.9);
    -o-transform: scale(0.9);
    opacity: 0.5;
  }
}
@-webkit-keyframes kf-detail {
  100% {
    background-position: 0 -1020px;
  }
}
@-moz-keyframes kf-detail {
  100% {
    background-position: 0 -1020px;
  }
}
@-ms-keyframes kf-detail {
  100% {
    background-position: 0 -1020px;
  }
}
@-o-keyframes kf-detail {
  100% {
    background-position: 0 -1020px;
  }
}
@keyframes kf-detail {
  100% {
    background-position: 0 -1020px;
  }
}
@-webkit-keyframes kf-detail {
  100% {
    background-position: 0 -1020px;
  }
}
@-moz-keyframes kf-detail {
  100% {
    background-position: 0 -1020px;
  }
}
@-ms-keyframes kf-detail {
  100% {
    background-position: 0 -1020px;
  }
}
@-o-keyframes kf-detail {
  100% {
    background-position: 0 -1020px;
  }
}
@keyframes kf-detail {
  100% {
    background-position: 0 -1020px;
  }
}
@-webkit-keyframes music {
  0%,
  100% {
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
  }
  20% {
    transform: scaleY(0.5);
    -webkit-transform: scaleY(0.5);
    -moz-transform: scaleY(0.5);
    -ms-transform: scaleY(0.5);
    -o-transform: scaleY(0.5);
  }
  40% {
    transform: scaleY(0.7);
    -webkit-transform: scaleY(0.7);
    -moz-transform: scaleY(0.7);
    -ms-transform: scaleY(0.7);
    -o-transform: scaleY(0.7);
  }
  60% {
    transform: scaleY(0.3);
    -webkit-transform: scaleY(0.3);
    -moz-transform: scaleY(0.3);
    -ms-transform: scaleY(0.3);
    -o-transform: scaleY(0.3);
  }
  80% {
    transform: scaleY(0.6);
    -webkit-transform: scaleY(0.6);
    -moz-transform: scaleY(0.6);
    -ms-transform: scaleY(0.6);
    -o-transform: scaleY(0.6);
  }
}
@-moz-keyframes music {
  0%,
  100% {
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
  }
  20% {
    transform: scaleY(0.5);
    -webkit-transform: scaleY(0.5);
    -moz-transform: scaleY(0.5);
    -ms-transform: scaleY(0.5);
    -o-transform: scaleY(0.5);
  }
  40% {
    transform: scaleY(0.7);
    -webkit-transform: scaleY(0.7);
    -moz-transform: scaleY(0.7);
    -ms-transform: scaleY(0.7);
    -o-transform: scaleY(0.7);
  }
  60% {
    transform: scaleY(0.3);
    -webkit-transform: scaleY(0.3);
    -moz-transform: scaleY(0.3);
    -ms-transform: scaleY(0.3);
    -o-transform: scaleY(0.3);
  }
  80% {
    transform: scaleY(0.6);
    -webkit-transform: scaleY(0.6);
    -moz-transform: scaleY(0.6);
    -ms-transform: scaleY(0.6);
    -o-transform: scaleY(0.6);
  }
}
@-ms-keyframes music {
  0%,
  100% {
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
  }
  20% {
    transform: scaleY(0.5);
    -webkit-transform: scaleY(0.5);
    -moz-transform: scaleY(0.5);
    -ms-transform: scaleY(0.5);
    -o-transform: scaleY(0.5);
  }
  40% {
    transform: scaleY(0.7);
    -webkit-transform: scaleY(0.7);
    -moz-transform: scaleY(0.7);
    -ms-transform: scaleY(0.7);
    -o-transform: scaleY(0.7);
  }
  60% {
    transform: scaleY(0.3);
    -webkit-transform: scaleY(0.3);
    -moz-transform: scaleY(0.3);
    -ms-transform: scaleY(0.3);
    -o-transform: scaleY(0.3);
  }
  80% {
    transform: scaleY(0.6);
    -webkit-transform: scaleY(0.6);
    -moz-transform: scaleY(0.6);
    -ms-transform: scaleY(0.6);
    -o-transform: scaleY(0.6);
  }
}
@-o-keyframes music {
  0%,
  100% {
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
  }
  20% {
    transform: scaleY(0.5);
    -webkit-transform: scaleY(0.5);
    -moz-transform: scaleY(0.5);
    -ms-transform: scaleY(0.5);
    -o-transform: scaleY(0.5);
  }
  40% {
    transform: scaleY(0.7);
    -webkit-transform: scaleY(0.7);
    -moz-transform: scaleY(0.7);
    -ms-transform: scaleY(0.7);
    -o-transform: scaleY(0.7);
  }
  60% {
    transform: scaleY(0.3);
    -webkit-transform: scaleY(0.3);
    -moz-transform: scaleY(0.3);
    -ms-transform: scaleY(0.3);
    -o-transform: scaleY(0.3);
  }
  80% {
    transform: scaleY(0.6);
    -webkit-transform: scaleY(0.6);
    -moz-transform: scaleY(0.6);
    -ms-transform: scaleY(0.6);
    -o-transform: scaleY(0.6);
  }
}
@keyframes music {
  0%,
  100% {
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
  }
  20% {
    transform: scaleY(0.5);
    -webkit-transform: scaleY(0.5);
    -moz-transform: scaleY(0.5);
    -ms-transform: scaleY(0.5);
    -o-transform: scaleY(0.5);
  }
  40% {
    transform: scaleY(0.7);
    -webkit-transform: scaleY(0.7);
    -moz-transform: scaleY(0.7);
    -ms-transform: scaleY(0.7);
    -o-transform: scaleY(0.7);
  }
  60% {
    transform: scaleY(0.3);
    -webkit-transform: scaleY(0.3);
    -moz-transform: scaleY(0.3);
    -ms-transform: scaleY(0.3);
    -o-transform: scaleY(0.3);
  }
  80% {
    transform: scaleY(0.6);
    -webkit-transform: scaleY(0.6);
    -moz-transform: scaleY(0.6);
    -ms-transform: scaleY(0.6);
    -o-transform: scaleY(0.6);
  }
}
@-webkit-keyframes music {
  0%,
  100% {
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
  }
  20% {
    transform: scaleY(0.5);
    -webkit-transform: scaleY(0.5);
    -moz-transform: scaleY(0.5);
    -ms-transform: scaleY(0.5);
    -o-transform: scaleY(0.5);
  }
  40% {
    transform: scaleY(0.7);
    -webkit-transform: scaleY(0.7);
    -moz-transform: scaleY(0.7);
    -ms-transform: scaleY(0.7);
    -o-transform: scaleY(0.7);
  }
  60% {
    transform: scaleY(0.3);
    -webkit-transform: scaleY(0.3);
    -moz-transform: scaleY(0.3);
    -ms-transform: scaleY(0.3);
    -o-transform: scaleY(0.3);
  }
  80% {
    transform: scaleY(0.6);
    -webkit-transform: scaleY(0.6);
    -moz-transform: scaleY(0.6);
    -ms-transform: scaleY(0.6);
    -o-transform: scaleY(0.6);
  }
}
@-moz-keyframes music {
  0%,
  100% {
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
  }
  20% {
    transform: scaleY(0.5);
    -webkit-transform: scaleY(0.5);
    -moz-transform: scaleY(0.5);
    -ms-transform: scaleY(0.5);
    -o-transform: scaleY(0.5);
  }
  40% {
    transform: scaleY(0.7);
    -webkit-transform: scaleY(0.7);
    -moz-transform: scaleY(0.7);
    -ms-transform: scaleY(0.7);
    -o-transform: scaleY(0.7);
  }
  60% {
    transform: scaleY(0.3);
    -webkit-transform: scaleY(0.3);
    -moz-transform: scaleY(0.3);
    -ms-transform: scaleY(0.3);
    -o-transform: scaleY(0.3);
  }
  80% {
    transform: scaleY(0.6);
    -webkit-transform: scaleY(0.6);
    -moz-transform: scaleY(0.6);
    -ms-transform: scaleY(0.6);
    -o-transform: scaleY(0.6);
  }
}
@-ms-keyframes music {
  0%,
  100% {
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
  }
  20% {
    transform: scaleY(0.5);
    -webkit-transform: scaleY(0.5);
    -moz-transform: scaleY(0.5);
    -ms-transform: scaleY(0.5);
    -o-transform: scaleY(0.5);
  }
  40% {
    transform: scaleY(0.7);
    -webkit-transform: scaleY(0.7);
    -moz-transform: scaleY(0.7);
    -ms-transform: scaleY(0.7);
    -o-transform: scaleY(0.7);
  }
  60% {
    transform: scaleY(0.3);
    -webkit-transform: scaleY(0.3);
    -moz-transform: scaleY(0.3);
    -ms-transform: scaleY(0.3);
    -o-transform: scaleY(0.3);
  }
  80% {
    transform: scaleY(0.6);
    -webkit-transform: scaleY(0.6);
    -moz-transform: scaleY(0.6);
    -ms-transform: scaleY(0.6);
    -o-transform: scaleY(0.6);
  }
}
@-o-keyframes music {
  0%,
  100% {
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
  }
  20% {
    transform: scaleY(0.5);
    -webkit-transform: scaleY(0.5);
    -moz-transform: scaleY(0.5);
    -ms-transform: scaleY(0.5);
    -o-transform: scaleY(0.5);
  }
  40% {
    transform: scaleY(0.7);
    -webkit-transform: scaleY(0.7);
    -moz-transform: scaleY(0.7);
    -ms-transform: scaleY(0.7);
    -o-transform: scaleY(0.7);
  }
  60% {
    transform: scaleY(0.3);
    -webkit-transform: scaleY(0.3);
    -moz-transform: scaleY(0.3);
    -ms-transform: scaleY(0.3);
    -o-transform: scaleY(0.3);
  }
  80% {
    transform: scaleY(0.6);
    -webkit-transform: scaleY(0.6);
    -moz-transform: scaleY(0.6);
    -ms-transform: scaleY(0.6);
    -o-transform: scaleY(0.6);
  }
}
@keyframes music {
  0%,
  100% {
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
  }
  20% {
    transform: scaleY(0.5);
    -webkit-transform: scaleY(0.5);
    -moz-transform: scaleY(0.5);
    -ms-transform: scaleY(0.5);
    -o-transform: scaleY(0.5);
  }
  40% {
    transform: scaleY(0.7);
    -webkit-transform: scaleY(0.7);
    -moz-transform: scaleY(0.7);
    -ms-transform: scaleY(0.7);
    -o-transform: scaleY(0.7);
  }
  60% {
    transform: scaleY(0.3);
    -webkit-transform: scaleY(0.3);
    -moz-transform: scaleY(0.3);
    -ms-transform: scaleY(0.3);
    -o-transform: scaleY(0.3);
  }
  80% {
    transform: scaleY(0.6);
    -webkit-transform: scaleY(0.6);
    -moz-transform: scaleY(0.6);
    -ms-transform: scaleY(0.6);
    -o-transform: scaleY(0.6);
  }
}