@charset "utf-8";
/* CSS Document */
html,
body,
h1,
h2,
h3,
h4,
h5,
h6,
div,
dl,
dt,
dd,
ul,
ol,
li,
p,
blockquote,
pre,
hr,
figure,
table,
caption,
th,
td,
form,
fieldset,
legend,
input,
button,
textarea,
menu {
  margin: 0;
  padding: 0;
}
body {
  padding: 0;
  margin: 0;
}
html,
body,
fieldset,
img,
iframe,
abbr {
  border: 0;
}
li {
  list-style: none;
}
textarea {
  overflow: auto;
  resize: none;
}
input {
  outline: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
a,
button {
  cursor: pointer;
}
h1,
h2,
h3,
h4,
h5,
h6,
em,
b {
  font-weight: normal;
  font-style: normal;
}
a,
a:hover {
  text-decoration: none;
}
@font-face {
  font-family: 'fzltdh';
  src: url('https://nie.weidahai.com/comm/js/nie/ref/fonts/fzltdh.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
.no-webp html, 
.no-webp body {background:#fff}
.webp html, 
.webp body {background:#fff}
html,
body {
  width: 100%;
  min-width: 1200px;
  max-width: 1920px;
  min-height: 900px;
  height: auto;
  font-family: "Microsoft YaHei", "Helvetica Neue", Helvetica, STHeiTi, sans-serif;
  line-height: 1.5;
}
::-webkit-input-placeholder {
  /* WebKit browsers */
  color: #454545;
}
:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #454545;
}
::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #454545;
}
:-ms-input-placeholder {
  /* Internet Explorer 10+ */
  color: #454545;
}
/*宽度限制板块*/
.wbox {
  width: 1200px;
  margin: 0 auto;
  clear: both;
}
.wbox:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.wbox {
  display: inline-block;
}
/* Hides from IE-mac \*/
* html .wbox {
  zoom: 1;
}
.wbox {
  display: block;
  position: relative;
}
/* End hide from IE-mac */
body {
  width: 100%;
  min-width: 1200px;
}
input,
textarea,
a,
div,
button,
select {
  margin: 0;
  padding: 0;
  border: 0;
  outline: none;
}
select {
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
}
.hide {
  display: none;
}
/**** DEMO单行
.text-overflow-ellipsis(1);
多行
 .text-overflow-ellipsis(2);
****/
.noSize {
  font-size: 0;
  text-indent: -9999em;
}
.flex {
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;
  /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* NEW - Chrome */
  display: flex;
  /* NEW, Spec - Opera 12.1, Firefox 20+ */
}
.fade-enter-active,
.fade-leave-active {
  -webkit-transition: opacity .3s;
  transition: opacity .3s;
}
.fade-enter,
.fade-leave-active {
  opacity: 0;
}
.vux-fade-enter-active,
.vux-fade-leave-active {
  opacity: 1;
  -webkit-transition: opacity linear 0.2s;
  transition: opacity linear 0.2s;
}
.vux-fade-enter,
.vux-fade-leave-to {
  opacity: 0;
}
.vux-dialog-enter-active,
.vux-dialog-leave-active {
  opacity: 1;
  -webkit-transition-duration: 400ms;
          transition-duration: 400ms;
  -webkit-transform: translate(-50%, -50%) scale(1) !important;
          transform: translate(-50%, -50%) scale(1) !important;
  -webkit-transition-property: opacity, -webkit-transform!important;
  transition-property: opacity, -webkit-transform!important;
  transition-property: transform, opacity!important;
  transition-property: transform, opacity, -webkit-transform!important;
}
.vux-dialog-leave-active {
  -webkit-transition-duration: 300ms;
          transition-duration: 300ms;
}
.vux-dialog-enter {
  opacity: 0;
  -webkit-transform: translate(-50%, -50%) scale(1.185) !important;
          transform: translate(-50%, -50%) scale(1.185) !important;
}
.vux-dialog-leave-active {
  opacity: 0;
  -webkit-transform: translate(-50%, -50%) scale(0.85) !important;
          transform: translate(-50%, -50%) scale(0.85) !important;
}
.vux-mask-enter,
.vux-mask-leave-active {
  opacity: 0;
}
.vux-mask-leave-active,
.vux-mask-enter-active {
  -webkit-transition: opacity 300ms;
  transition: opacity 300ms;
}
.no-webp .music {background:url(/img/music-bg_72c1556b.jpg) no-repeat center top;
  background-size: 1920px}
.webp .music {background:url(/img/music-bg_72c1556b.webp) no-repeat center top;
  background-size: 1920px}
.no-webp .music {background-size:1920px}
.webp .music {background-size:1920px}
.music {
  position: relative;
  overflow: hidden;
  height: 1080px;
}
.no-webp .music .music-decor {background-image:url(/img/music-docor_0aa58b8d.png);
  background-repeat: no-repeat;
  background-size: 100%}
.webp .music .music-decor {background-image:url(/img/music-docor_0aa58b8d.webp);
  background-repeat: no-repeat;
  background-size: 100%}
.no-webp .music .music-decor {background-repeat:no-repeat}
.webp .music .music-decor {background-repeat:no-repeat}
.no-webp .music .music-decor {background-size:100%}
.webp .music .music-decor {background-size:100%}
.music .music-decor {
  position: absolute;
  top: 605px;
  left: 50%;
  margin-left: -960px;
  width: 1920px;
  height: 23px;
}
.music .content {
  position: relative;
  margin: 0 auto;
  margin-top: 80px;
  width: 1200px;
  height: 100%;
}
.no-webp .music .content .bg-cd {background:url(/img/bg_cd_4277db75.png)}
.webp .music .content .bg-cd {background:url(/img/bg_cd_4277db75.webp)}
.music .content .bg-cd {
  width: 455px;
  height: 439px;
  position: absolute;
  top: 63px;
  left: 237px;
}
.music .content .bg-cd .name {
  width: 417px;
  position: absolute;
  top: 325px;
  left: 11px;
  color: #d7eaff;
  text-align: center;
  font-size: 15px;
}
.no-webp .music .content .bg-cd .cover {background:url(/img/cover-bg_635e5f25.png)}
.webp .music .content .bg-cd .cover {background:url(/img/cover-bg_635e5f25.webp)}
.music .content .bg-cd .cover {
  width: 417px;
  height: 417px;
  position: absolute;
  top: 11px;
  left: 11px;
}
.music .content .bg-cd .play {
  -webkit-animation: play 8s linear infinite 300ms 0 ease;
  -moz-animation: play 8s linear infinite 300ms 0 ease;
  -ms-animation: play 8s linear infinite 300ms 0 ease;
  animation: play 8s linear infinite 300ms 0 ease;
  -o-animation: play 8s linear infinite;
  -webkit-animation: play 8s linear infinite;
  -moz-animation: play 8s linear infinite;
  -ms-animation: play 8s linear infinite;
  animation: play 8s linear infinite;
}
.music .content .bg-cd .pause {
  animation-play-state: paused;
  -webkit-animation-play-state: paused;
}
.no-webp .music .content .bg-cd .cover-img {background-image:url(/img/cover_f754b89e.png);
  background-repeat: no-repeat}
.webp .music .content .bg-cd .cover-img {background-image:url(/img/cover_f754b89e.webp);
  background-repeat: no-repeat}
.no-webp .music .content .bg-cd .cover-img {background-repeat:no-repeat}
.webp .music .content .bg-cd .cover-img {background-repeat:no-repeat}
.music .content .bg-cd .cover-img {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 133px;
  height: 118px;
}
.music .content .bg-cd .number {
  color: #caa24f;
  font-size: 30px;
  width: 150px;
  text-align: center;
  position: absolute;
  top: 0;
  left: 275px;
  z-index: 2;
  font-family: '\6977\4F53', '\6977\4F53_GB2312', 'Kaiti', 'KaiTi_GB2312', 'Kaiti SC', 'Kaiti TC', 'STKaiti';
}
.music .content .music-list {
  width: 430px;
  height: 300px;
  position: absolute;
  top: 139px;
  left: 725px;
  overflow: hidden;
}
.music .content .music-list .swiper-container {
  height: 100%;
}
.music .content .music-list .swiper-container-songs,
.music .content .music-list .lists-songs {
  position: absolute;
  top: 0;
  width: 430px;
  height: 300px;
}
.music .content .music-list .swiper-slide,
.music .content .music-list .swiper-slide-active,
.music .content .music-list .swiper-slide-next {
  height: 60px !important;
}
.no-webp .music .content .arrow {background-repeat:no-repeat}
.webp .music .content .arrow {background-repeat:no-repeat}
.music .content .arrow {
  right: 50px !important;
  left: auto !important;
  width: 22px;
  height: 17px;
  cursor: pointer;
}
.no-webp .music .content .swiper-button-next {background:url(/img/arrow-bottom_dad21525.png);
  background-repeat: no-repeat}
.webp .music .content .swiper-button-next {background:url(/img/arrow-bottom_dad21525.webp);
  background-repeat: no-repeat}
.no-webp .music .content .swiper-button-next {background-repeat:no-repeat}
.webp .music .content .swiper-button-next {background-repeat:no-repeat}
.music .content .swiper-button-next {
  top: 61% !important;
}
.no-webp .music .content .swiper-button-next:hover {background:url(/img/arrow-bottom-2_126cea89.png)}
.webp .music .content .swiper-button-next:hover {background:url(/img/arrow-bottom-2_126cea89.webp)}
.music .content .swiper-button-next:hover {
}
.no-webp .music .content .swiper-button-prev {background:url(/img/arrow-top_156aef2e.png);
  background-repeat: no-repeat}
.webp .music .content .swiper-button-prev {background:url(/img/arrow-top_156aef2e.webp);
  background-repeat: no-repeat}
.no-webp .music .content .swiper-button-prev {background-repeat:no-repeat}
.webp .music .content .swiper-button-prev {background-repeat:no-repeat}
.music .content .swiper-button-prev {
  top: 47% !important;
}
.no-webp .music .content .swiper-button-prev:hover {background:url(/img/arrow-top-2_c007f9fe.png)}
.webp .music .content .swiper-button-prev:hover {background:url(/img/arrow-top-2_c007f9fe.webp)}
.music .content .swiper-button-prev:hover {
}
.music .content .swiper-button-disabled {
  opacity: 0.4;
  cursor: auto;
  pointer-events: none;
}
.music .content .song {
  height: 60px;
  padding-top: 13px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.no-webp .music .content .song .btn-pause {background:url(/img/icon-pause_cffdda84.png) no-repeat}
.webp .music .content .song .btn-pause {background:url(/img/icon-pause_cffdda84.webp) no-repeat}
.music .content .song .btn-pause {
  float: left;
  display: block;
  width: 50px;
  height: 33px;
  margin-right: 10px;
}
.no-webp .music .content .song .btn-pause:hover {background:url(/img/icon-start_dd93aed1.png) no-repeat}
.webp .music .content .song .btn-pause:hover {background:url(/img/icon-start_dd93aed1.webp) no-repeat}
.music .content .song .btn-pause:hover {
}
.no-webp .music .content .song .btn-start {background:url(/img/icon-start_dd93aed1.png) no-repeat}
.webp .music .content .song .btn-start {background:url(/img/icon-start_dd93aed1.webp) no-repeat}
.music .content .song .btn-start {
  float: left;
  display: block;
  width: 50px;
  height: 33px;
  margin-right: 10px;
}
.no-webp .music .content .song .btn-start:hover {background:url(/img/icon-pause_cffdda84.png) no-repeat}
.webp .music .content .song .btn-start:hover {background:url(/img/icon-pause_cffdda84.webp) no-repeat}
.music .content .song .btn-start:hover {
}
.music .content .song p {
  float: left;
  width: 220px;
  font-family: '\6977\4F53', '\6977\4F53_GB2312', 'Kaiti', 'KaiTi_GB2312', 'Kaiti SC', 'Kaiti TC', 'STKaiti';
  color: #153d72;
  font-size: 18px;
  line-height: 33px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.no-webp .music .content .song .btn-download {background-image:url(/img/btn-download_99de7096.png);
  background-repeat: no-repeat}
.webp .music .content .song .btn-download {background-image:url(/img/btn-download_99de7096.webp);
  background-repeat: no-repeat}
.no-webp .music .content .song .btn-download {background-repeat:no-repeat}
.webp .music .content .song .btn-download {background-repeat:no-repeat}
.music .content .song .btn-download {
  float: left;
  display: block;
  margin-left: 10px;
  margin-top: 5px;
  width: 24px;
  height: 24px;
}
.no-webp .music .content .song .btn-download:hover {background-image:url(/img/btn-download2_ec5264c4.png);
  background-repeat: no-repeat}
.webp .music .content .song .btn-download:hover {background-image:url(/img/btn-download2_ec5264c4.webp);
  background-repeat: no-repeat}
.no-webp .music .content .song .btn-download:hover {background-repeat:no-repeat}
.webp .music .content .song .btn-download:hover {background-repeat:no-repeat}
.music .content .song .btn-download:hover {
  width: 24px;
  height: 24px;
}
.music .content .control {
  position: absolute;
  top: 519px;
  left: 235px;
}
.no-webp .music .content .control .btn-pre {background-image:url(/img/btn-pre_75bd7556.png);
  background-repeat: no-repeat}
.webp .music .content .control .btn-pre {background-image:url(/img/btn-pre_75bd7556.webp);
  background-repeat: no-repeat}
.no-webp .music .content .control .btn-pre {background-repeat:no-repeat}
.webp .music .content .control .btn-pre {background-repeat:no-repeat}
.music .content .control .btn-pre {
  float: left;
  display: block;
  margin-right: 10px;
  width: 31px;
  height: 31px;
}
.no-webp .music .content .control .btn-pre:hover {background-image:url(/img/btn-pre2_e41f41b2.png);
  background-repeat: no-repeat}
.webp .music .content .control .btn-pre:hover {background-image:url(/img/btn-pre2_e41f41b2.webp);
  background-repeat: no-repeat}
.no-webp .music .content .control .btn-pre:hover {background-repeat:no-repeat}
.webp .music .content .control .btn-pre:hover {background-repeat:no-repeat}
.music .content .control .btn-pre:hover {
  width: 31px;
  height: 31px;
}
.no-webp .music .content .control .btn-next {background-image:url(/img/btn-next_2448877e.png);
  background-repeat: no-repeat}
.webp .music .content .control .btn-next {background-image:url(/img/btn-next_2448877e.webp);
  background-repeat: no-repeat}
.no-webp .music .content .control .btn-next {background-repeat:no-repeat}
.webp .music .content .control .btn-next {background-repeat:no-repeat}
.music .content .control .btn-next {
  float: left;
  display: block;
  margin-right: 10px;
  width: 31px;
  height: 31px;
}
.no-webp .music .content .control .btn-next:hover {background-image:url(/img/btn-next2_28bc5de3.png);
  background-repeat: no-repeat}
.webp .music .content .control .btn-next:hover {background-image:url(/img/btn-next2_28bc5de3.webp);
  background-repeat: no-repeat}
.no-webp .music .content .control .btn-next:hover {background-repeat:no-repeat}
.webp .music .content .control .btn-next:hover {background-repeat:no-repeat}
.music .content .control .btn-next:hover {
  width: 31px;
  height: 31px;
}
.no-webp .music .content .control .btn-play {background-image:url(/img/btn-pause2_3e04e484.png);
  background-repeat: no-repeat}
.webp .music .content .control .btn-play {background-image:url(/img/btn-pause2_3e04e484.webp);
  background-repeat: no-repeat}
.no-webp .music .content .control .btn-play {background-repeat:no-repeat}
.webp .music .content .control .btn-play {background-repeat:no-repeat}
.music .content .control .btn-play {
  float: left;
  display: block;
  margin-right: 10px;
  width: 31px;
  height: 31px;
}
.no-webp .music .content .control .btn-play:hover {background-image:url(/img/btn-pause_5591e322.png);
  background-repeat: no-repeat}
.webp .music .content .control .btn-play:hover {background-image:url(/img/btn-pause_5591e322.webp);
  background-repeat: no-repeat}
.no-webp .music .content .control .btn-play:hover {background-repeat:no-repeat}
.webp .music .content .control .btn-play:hover {background-repeat:no-repeat}
.music .content .control .btn-play:hover {
  width: 31px;
  height: 31px;
}
.no-webp .music .content .control .btn-pause {background-image:url(/img/btn-pause_5591e322.png);
  background-repeat: no-repeat}
.webp .music .content .control .btn-pause {background-image:url(/img/btn-pause_5591e322.webp);
  background-repeat: no-repeat}
.no-webp .music .content .control .btn-pause {background-repeat:no-repeat}
.webp .music .content .control .btn-pause {background-repeat:no-repeat}
.music .content .control .btn-pause {
  float: left;
  display: block;
  margin-right: 10px;
  width: 31px;
  height: 31px;
}
.no-webp .music .content .control .btn-pause:hover {background-image:url(/img/btn-pause2_3e04e484.png);
  background-repeat: no-repeat}
.webp .music .content .control .btn-pause:hover {background-image:url(/img/btn-pause2_3e04e484.webp);
  background-repeat: no-repeat}
.no-webp .music .content .control .btn-pause:hover {background-repeat:no-repeat}
.webp .music .content .control .btn-pause:hover {background-repeat:no-repeat}
.music .content .control .btn-pause:hover {
  width: 31px;
  height: 31px;
}
.music .content .control .bar {
  float: left;
  height: 31px;
  width: 380px;
  cursor: pointer;
}
.no-webp .music .content .control .bar-bg {background:#6a92ec}
.webp .music .content .control .bar-bg {background:#6a92ec}
.music .content .control .bar-bg {
  margin-top: 14px;
  margin-right: 10px;
  width: 380px;
  height: 5px;
  border-radius: 5px;
  position: relative;
}
.no-webp .music .content .control .bar-bg .bar-img {background:#cfa972}
.webp .music .content .control .bar-bg .bar-img {background:#cfa972}
.music .content .control .bar-bg .bar-img {
  position: absolute;
  left: 0;
  width: 10px;
  right: 370px;
  height: 5px;
  border-radius: 5px;
}
.no-webp .music .content .control .bar-bg .bar-btn {background:url(/img/bar-button_e0a183b0.png) no-repeat}
.webp .music .content .control .bar-bg .bar-btn {background:url(/img/bar-button_e0a183b0.webp) no-repeat}
.music .content .control .bar-bg .bar-btn {
  width: 19px;
  height: 19px;
  position: absolute;
  right: -10px;
  top: -7px;
  pointer-events: none;
}
.music .content .control p {
  float: left;
  line-height: 31px;
  margin-right: 10px;
}
.music .content .control p:last-child {
  margin-left: 10px;
}
@-webkit-keyframes play {
  0% {
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
  }
  50% {
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
  }
  100% {
    transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
  }
}
@-moz-keyframes play {
  0% {
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
  }
  50% {
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
  }
  100% {
    transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
  }
}
@-ms-keyframes play {
  0% {
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
  }
  50% {
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
  }
  100% {
    transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
  }
}
@-o-keyframes play {
  0% {
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
  }
  50% {
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
  }
  100% {
    transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
  }
}
@keyframes play {
  0% {
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
  }
  50% {
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
  }
  100% {
    transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
  }
}
@-webkit-keyframes play {
  0% {
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
  }
  50% {
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
  }
  100% {
    transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
  }
}
@-moz-keyframes play {
  0% {
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
  }
  50% {
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
  }
  100% {
    transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
  }
}
@-ms-keyframes play {
  0% {
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
  }
  50% {
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
  }
  100% {
    transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
  }
}
@-o-keyframes play {
  0% {
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
  }
  50% {
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
  }
  100% {
    transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
  }
}
@keyframes play {
  0% {
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
  }
  50% {
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
  }
  100% {
    transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
  }
}
.no-webp .cartoon {background:url(/img/cartoon-bg-top_d88801c5.jpg) no-repeat center top, url(/img/cartoon-bg-bottom_d7c4ac52.jpg) no-repeat center bottom;
  background-size: 1907px;
  background-color: #6c94ec}
.webp .cartoon {background:url(/img/cartoon-bg-top_d88801c5.webp) no-repeat center top, url(/img/cartoon-bg-bottom_d7c4ac52.webp) no-repeat center bottom;
  background-size: 1907px;
  background-color: #6c94ec}
.no-webp .cartoon {background-size:1907px}
.webp .cartoon {background-size:1907px}
.no-webp .cartoon {background-color:#6c94ec}
.webp .cartoon {background-color:#6c94ec}
.cartoon {
  position: relative;
  overflow: hidden;
  min-height: 1518px;
}
.cartoon .content {
  position: relative;
  margin: 0 auto;
  padding-top: 80px;
  width: 1200px;
  height: 100%;
}
.cartoon .content .cartoon-swiper {
  position: relative;
  width: 1137px;
  margin: 0 auto;
  padding-top: 60px;
}
.no-webp .cartoon .content .cartoon-swiper::before {background-color:#fff}
.webp .cartoon .content .cartoon-swiper::before {background-color:#fff}
.cartoon .content .cartoon-swiper::before {
  content: ' ';
  position: absolute;
  top: 27px;
  left: 86px;
  right: 86px;
  bottom: 122px;
}
.cartoon .content .cartoon-swiper .swiper-slide {
  cursor: pointer;
}
.cartoon .content .cartoon-swiper .swiper-slide img {
  position: relative;
  width: 912px;
  display: block;
  margin: 0 auto;
}
.no-webp .cartoon .content .cartoon-swiper .swiper-button-prev {background-image:url(/img/btn-next_f9c2785b.png);
  background-repeat: no-repeat;
  background-size: 100%}
.webp .cartoon .content .cartoon-swiper .swiper-button-prev {background-image:url(/img/btn-next_f9c2785b.webp);
  background-repeat: no-repeat;
  background-size: 100%}
.no-webp .cartoon .content .cartoon-swiper .swiper-button-prev {background-repeat:no-repeat}
.webp .cartoon .content .cartoon-swiper .swiper-button-prev {background-repeat:no-repeat}
.no-webp .cartoon .content .cartoon-swiper .swiper-button-prev {background-size:100%}
.webp .cartoon .content .cartoon-swiper .swiper-button-prev {background-size:100%}
.cartoon .content .cartoon-swiper .swiper-button-prev {
  position: absolute;
  top: 311px;
  left: 0;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
  width: 62px;
  height: 62px;
  margin: auto;
}
.no-webp .cartoon .content .cartoon-swiper .swiper-button-prev:hover, 
.no-webp .cartoon .content .cartoon-swiper .swiper-button-prev.swiper-button-disabled {background-image:url(/img/btn-next2_afee30b4.png);
  background-repeat: no-repeat;
  background-size: 100%}
.webp .cartoon .content .cartoon-swiper .swiper-button-prev:hover, 
.webp .cartoon .content .cartoon-swiper .swiper-button-prev.swiper-button-disabled {background-image:url(/img/btn-next2_afee30b4.webp);
  background-repeat: no-repeat;
  background-size: 100%}
.no-webp .cartoon .content .cartoon-swiper .swiper-button-prev:hover, 
.no-webp .cartoon .content .cartoon-swiper .swiper-button-prev.swiper-button-disabled {background-repeat:no-repeat}
.webp .cartoon .content .cartoon-swiper .swiper-button-prev:hover, 
.webp .cartoon .content .cartoon-swiper .swiper-button-prev.swiper-button-disabled {background-repeat:no-repeat}
.no-webp .cartoon .content .cartoon-swiper .swiper-button-prev:hover, 
.no-webp .cartoon .content .cartoon-swiper .swiper-button-prev.swiper-button-disabled {background-size:100%}
.webp .cartoon .content .cartoon-swiper .swiper-button-prev:hover, 
.webp .cartoon .content .cartoon-swiper .swiper-button-prev.swiper-button-disabled {background-size:100%}
.cartoon .content .cartoon-swiper .swiper-button-prev:hover,
.cartoon .content .cartoon-swiper .swiper-button-prev.swiper-button-disabled {
  width: 62px;
  height: 62px;
}
.no-webp .cartoon .content .cartoon-swiper .swiper-button-next {background-image:url(/img/btn-next_f9c2785b.png);
  background-repeat: no-repeat;
  background-size: 100%}
.webp .cartoon .content .cartoon-swiper .swiper-button-next {background-image:url(/img/btn-next_f9c2785b.webp);
  background-repeat: no-repeat;
  background-size: 100%}
.no-webp .cartoon .content .cartoon-swiper .swiper-button-next {background-repeat:no-repeat}
.webp .cartoon .content .cartoon-swiper .swiper-button-next {background-repeat:no-repeat}
.no-webp .cartoon .content .cartoon-swiper .swiper-button-next {background-size:100%}
.webp .cartoon .content .cartoon-swiper .swiper-button-next {background-size:100%}
.cartoon .content .cartoon-swiper .swiper-button-next {
  position: absolute;
  top: 311px;
  right: 0;
  width: 62px;
  height: 62px;
  margin: auto;
}
.no-webp .cartoon .content .cartoon-swiper .swiper-button-next:hover, 
.no-webp .cartoon .content .cartoon-swiper .swiper-button-next.swiper-button-disabled {background-image:url(/img/btn-next2_afee30b4.png);
  background-repeat: no-repeat;
  background-size: 100%}
.webp .cartoon .content .cartoon-swiper .swiper-button-next:hover, 
.webp .cartoon .content .cartoon-swiper .swiper-button-next.swiper-button-disabled {background-image:url(/img/btn-next2_afee30b4.webp);
  background-repeat: no-repeat;
  background-size: 100%}
.no-webp .cartoon .content .cartoon-swiper .swiper-button-next:hover, 
.no-webp .cartoon .content .cartoon-swiper .swiper-button-next.swiper-button-disabled {background-repeat:no-repeat}
.webp .cartoon .content .cartoon-swiper .swiper-button-next:hover, 
.webp .cartoon .content .cartoon-swiper .swiper-button-next.swiper-button-disabled {background-repeat:no-repeat}
.no-webp .cartoon .content .cartoon-swiper .swiper-button-next:hover, 
.no-webp .cartoon .content .cartoon-swiper .swiper-button-next.swiper-button-disabled {background-size:100%}
.webp .cartoon .content .cartoon-swiper .swiper-button-next:hover, 
.webp .cartoon .content .cartoon-swiper .swiper-button-next.swiper-button-disabled {background-size:100%}
.cartoon .content .cartoon-swiper .swiper-button-next:hover,
.cartoon .content .cartoon-swiper .swiper-button-next.swiper-button-disabled {
  width: 62px;
  height: 62px;
}
.no-webp .cartoon .content .cartoon-swiper .page {background-color:#1e5ae2}
.webp .cartoon .content .cartoon-swiper .page {background-color:#1e5ae2}
.cartoon .content .cartoon-swiper .page {
  position: relative;
  width: 912px;
  margin: 0 auto;
  z-index: 10;
  margin-top: -6px;
  height: 40px;
  text-align: center;
  line-height: 40px;
  font-size: 18px;
  color: #fff;
}
.cartoon .content .cartoon-swiper .zhanwei {
  position: relative;
  margin-top: 44px;
  height: 108px;
}
.no-webp .cartoon .content .cartoon-swiper .chapter-swiper {background-color:#1e5ae2}
.webp .cartoon .content .cartoon-swiper .chapter-swiper {background-color:#1e5ae2}
.cartoon .content .cartoon-swiper .chapter-swiper {
  position: relative;
  width: 971px;
  height: 108px;
  margin: 0 auto;
  margin-top: 44px;
  border-radius: 20px;
}
.cartoon .content .cartoon-swiper .chapter-swiper .chapter-text {
  height: 108px;
  line-height: 108px;
  text-align: center;
  font-size: 24px;
  color: #fff;
}
.cartoon .content .cartoon-swiper .chapter-swiper .chapter-text:hover,
.cartoon .content .cartoon-swiper .chapter-swiper .chapter-text-active {
  color: #cfa972;
}
.cartoon .content .cartoon-swiper .chapter-swiper .swiper-container {
  width: 720px;
}
.no-webp .cartoon .content .cartoon-swiper .chapter-swiper .chapter-button-prev {background-image:url(/img/btn-pre_0bff5534.png);
  background-repeat: no-repeat;
  background-size: 100%}
.webp .cartoon .content .cartoon-swiper .chapter-swiper .chapter-button-prev {background-image:url(/img/btn-pre_0bff5534.webp);
  background-repeat: no-repeat;
  background-size: 100%}
.no-webp .cartoon .content .cartoon-swiper .chapter-swiper .chapter-button-prev {background-repeat:no-repeat}
.webp .cartoon .content .cartoon-swiper .chapter-swiper .chapter-button-prev {background-repeat:no-repeat}
.no-webp .cartoon .content .cartoon-swiper .chapter-swiper .chapter-button-prev {background-size:100%}
.webp .cartoon .content .cartoon-swiper .chapter-swiper .chapter-button-prev {background-size:100%}
.cartoon .content .cartoon-swiper .chapter-swiper .chapter-button-prev {
  position: absolute;
  top: 36px;
  left: 39px;
  width: 22px;
  height: 36px;
  cursor: pointer;
}
.no-webp .cartoon .content .cartoon-swiper .chapter-swiper .chapter-button-prev:hover, 
.no-webp .cartoon .content .cartoon-swiper .chapter-swiper .chapter-button-prev.swiper-button-disabled {background-image:url(/img/btn-pre2_e7792bcc.png);
  background-repeat: no-repeat;
  background-size: 100%}
.webp .cartoon .content .cartoon-swiper .chapter-swiper .chapter-button-prev:hover, 
.webp .cartoon .content .cartoon-swiper .chapter-swiper .chapter-button-prev.swiper-button-disabled {background-image:url(/img/btn-pre2_e7792bcc.webp);
  background-repeat: no-repeat;
  background-size: 100%}
.no-webp .cartoon .content .cartoon-swiper .chapter-swiper .chapter-button-prev:hover, 
.no-webp .cartoon .content .cartoon-swiper .chapter-swiper .chapter-button-prev.swiper-button-disabled {background-repeat:no-repeat}
.webp .cartoon .content .cartoon-swiper .chapter-swiper .chapter-button-prev:hover, 
.webp .cartoon .content .cartoon-swiper .chapter-swiper .chapter-button-prev.swiper-button-disabled {background-repeat:no-repeat}
.no-webp .cartoon .content .cartoon-swiper .chapter-swiper .chapter-button-prev:hover, 
.no-webp .cartoon .content .cartoon-swiper .chapter-swiper .chapter-button-prev.swiper-button-disabled {background-size:100%}
.webp .cartoon .content .cartoon-swiper .chapter-swiper .chapter-button-prev:hover, 
.webp .cartoon .content .cartoon-swiper .chapter-swiper .chapter-button-prev.swiper-button-disabled {background-size:100%}
.cartoon .content .cartoon-swiper .chapter-swiper .chapter-button-prev:hover,
.cartoon .content .cartoon-swiper .chapter-swiper .chapter-button-prev.swiper-button-disabled {
  width: 22px;
  height: 36px;
}
.cartoon .content .cartoon-swiper .chapter-swiper .chapter-button-prev.swiper-button-disabled {
  cursor: default;
}
.no-webp .cartoon .content .cartoon-swiper .chapter-swiper .chapter-button-next {background-image:url(/img/btn-pre_0bff5534.png);
  background-repeat: no-repeat;
  background-size: 100%}
.webp .cartoon .content .cartoon-swiper .chapter-swiper .chapter-button-next {background-image:url(/img/btn-pre_0bff5534.webp);
  background-repeat: no-repeat;
  background-size: 100%}
.no-webp .cartoon .content .cartoon-swiper .chapter-swiper .chapter-button-next {background-repeat:no-repeat}
.webp .cartoon .content .cartoon-swiper .chapter-swiper .chapter-button-next {background-repeat:no-repeat}
.no-webp .cartoon .content .cartoon-swiper .chapter-swiper .chapter-button-next {background-size:100%}
.webp .cartoon .content .cartoon-swiper .chapter-swiper .chapter-button-next {background-size:100%}
.cartoon .content .cartoon-swiper .chapter-swiper .chapter-button-next {
  position: absolute;
  top: 36px;
  right: 39px;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
  width: 22px;
  height: 36px;
  cursor: pointer;
}
.no-webp .cartoon .content .cartoon-swiper .chapter-swiper .chapter-button-next:hover, 
.no-webp .cartoon .content .cartoon-swiper .chapter-swiper .chapter-button-next.swiper-button-disabled {background-image:url(/img/btn-pre2_e7792bcc.png);
  background-repeat: no-repeat;
  background-size: 100%}
.webp .cartoon .content .cartoon-swiper .chapter-swiper .chapter-button-next:hover, 
.webp .cartoon .content .cartoon-swiper .chapter-swiper .chapter-button-next.swiper-button-disabled {background-image:url(/img/btn-pre2_e7792bcc.webp);
  background-repeat: no-repeat;
  background-size: 100%}
.no-webp .cartoon .content .cartoon-swiper .chapter-swiper .chapter-button-next:hover, 
.no-webp .cartoon .content .cartoon-swiper .chapter-swiper .chapter-button-next.swiper-button-disabled {background-repeat:no-repeat}
.webp .cartoon .content .cartoon-swiper .chapter-swiper .chapter-button-next:hover, 
.webp .cartoon .content .cartoon-swiper .chapter-swiper .chapter-button-next.swiper-button-disabled {background-repeat:no-repeat}
.no-webp .cartoon .content .cartoon-swiper .chapter-swiper .chapter-button-next:hover, 
.no-webp .cartoon .content .cartoon-swiper .chapter-swiper .chapter-button-next.swiper-button-disabled {background-size:100%}
.webp .cartoon .content .cartoon-swiper .chapter-swiper .chapter-button-next:hover, 
.webp .cartoon .content .cartoon-swiper .chapter-swiper .chapter-button-next.swiper-button-disabled {background-size:100%}
.cartoon .content .cartoon-swiper .chapter-swiper .chapter-button-next:hover,
.cartoon .content .cartoon-swiper .chapter-swiper .chapter-button-next.swiper-button-disabled {
  width: 22px;
  height: 36px;
}
.cartoon .content .cartoon-swiper .chapter-swiper .chapter-button-next.swiper-button-disabled {
  cursor: default;
}
.cartoon .content .qidai {
  margin-bottom: 70px;
}
.no-webp .show {background:url(/img/show-bg_c3234b47.jpg) no-repeat center top;
  background-size: 1920px}
.webp .show {background:url(/img/show-bg_c3234b47.webp) no-repeat center top;
  background-size: 1920px}
.no-webp .show {background-size:1920px}
.webp .show {background-size:1920px}
.show {
  position: relative;
  overflow: hidden;
  height: 1453px;
}
.show .content {
  position: relative;
  margin-top: 80px;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.show .content .tab-wrap {
  margin-top: 135px;
}
.no-webp .show .content .video-wrap {background-color:#ffffff}
.webp .show .content .video-wrap {background-color:#ffffff}
.show .content .video-wrap {
  position: relative;
  margin: 0 auto;
  margin-top: 37px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 1011px;
  height: 569px;
  padding: 22px 38px;
}
.show .content .video-wrap video {
  position: relative;
  width: 934px;
  height: 526px;
  margin: 0 auto;
}
.no-webp .show .content .tip-wrap {background-color:#fff}
.webp .show .content .tip-wrap {background-color:#fff}
.show .content .tip-wrap {
  position: relative;
  margin: 0 auto;
  margin-top: 23px;
  width: 1011px;
  height: 159px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 23px;
}
.show .content .tip-wrap .title-wrap {
  position: relative;
  width: 100%;
}
.show .content .tip-wrap .title-wrap .title {
  position: relative;
  display: inline-block;
  font-size: 18px;
  font-weight: bold;
  color: #cfa972;
  margin-left: 25px;
  margin-right: 25px;
  padding-bottom: 4px;
  cursor: pointer;
}
.show .content .tip-wrap .title-wrap .title-active {
  color: #1e5ae2;
  border-bottom: 3px solid #1e5ae2;
}
.no-webp .show .content .tip-wrap .line {background-color:#1e5ae2}
.webp .show .content .tip-wrap .line {background-color:#1e5ae2}
.show .content .tip-wrap .line {
  position: relative;
  width: 943px;
  margin: 0 auto;
  margin-top: 12px;
  height: 1px;
}
.show .content .tip-wrap .tip {
  position: relative;
  width: 928px;
  margin: 0 auto;
  margin-top: 12px;
  font-size: 16px;
  color: #434343;
  line-height: 1.2;
}
.show .content .grab-votes {
  position: relative;
  margin: 0 auto;
  width: 930px;
  margin-top: 66px;
  height: 65px;
}
.show .content .grab-votes .vote {
  position: absolute;
  height: 100%;
}
.show .content .grab-votes .vote .p1 {
  position: absolute;
  top: 8px;
  font-size: 24px;
  color: #fff;
  line-height: 24px;
}
.show .content .grab-votes .vote .p2 {
  position: absolute;
  bottom: 5px;
  font-size: 16px;
  color: #fff;
  line-height: 16px;
}
.show .content .grab-votes .vote1 {
  width: 423px;
  left: 0;
}
.no-webp .show .content .grab-votes .vote1 .icon {background-image:url(/img/btn-grab_574914db.png);
  background-repeat: no-repeat}
.webp .show .content .grab-votes .vote1 .icon {background-image:url(/img/btn-grab_574914db.webp);
  background-repeat: no-repeat}
.no-webp .show .content .grab-votes .vote1 .icon {background-repeat:no-repeat}
.webp .show .content .grab-votes .vote1 .icon {background-repeat:no-repeat}
.show .content .grab-votes .vote1 .icon {
  position: absolute;
  right: 0;
  width: 65px;
  height: 65px;
  cursor: pointer;
}
.no-webp .show .content .grab-votes .vote1 .icon:hover {background-image:url(/img/btn-grab2_103555f7.png);
  background-repeat: no-repeat}
.webp .show .content .grab-votes .vote1 .icon:hover {background-image:url(/img/btn-grab2_103555f7.webp);
  background-repeat: no-repeat}
.no-webp .show .content .grab-votes .vote1 .icon:hover {background-repeat:no-repeat}
.webp .show .content .grab-votes .vote1 .icon:hover {background-repeat:no-repeat}
.show .content .grab-votes .vote1 .icon:hover {
  width: 65px;
  height: 65px;
}
.show .content .grab-votes .vote2 {
  width: 363px;
  right: 0;
}
.no-webp .show .content .grab-votes .vote2 .icon {background-image:url(/img/btn-luntan_fc1bbc06.png);
  background-repeat: no-repeat}
.webp .show .content .grab-votes .vote2 .icon {background-image:url(/img/btn-luntan_fc1bbc06.webp);
  background-repeat: no-repeat}
.no-webp .show .content .grab-votes .vote2 .icon {background-repeat:no-repeat}
.webp .show .content .grab-votes .vote2 .icon {background-repeat:no-repeat}
.show .content .grab-votes .vote2 .icon {
  position: absolute;
  right: 0;
  width: 65px;
  height: 65px;
  cursor: pointer;
}
.no-webp .show .content .grab-votes .vote2 .icon:hover {background-image:url(/img/btn-luntan2_b7131169.png);
  background-repeat: no-repeat}
.webp .show .content .grab-votes .vote2 .icon:hover {background-image:url(/img/btn-luntan2_b7131169.webp);
  background-repeat: no-repeat}
.no-webp .show .content .grab-votes .vote2 .icon:hover {background-repeat:no-repeat}
.webp .show .content .grab-votes .vote2 .icon:hover {background-repeat:no-repeat}
.show .content .grab-votes .vote2 .icon:hover {
  width: 65px;
  height: 65px;
}
.modal-wrap {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1001;
}
.no-webp .modal-wrap .mask {background-color:#000}
.webp .modal-wrap .mask {background-color:#000}
.modal-wrap .mask {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0.7;
}
.no-webp .modal-wrap .close {background-image:url(/img/btn-close_26f36c98.png)}
.webp .modal-wrap .close {background-image:url(/img/btn-close_26f36c98.webp)}
.modal-wrap .close {
  position: absolute;
  width: 56px;
  height: 56px;
  top: 50%;
  left: 50%;
  margin-top: -406px;
  margin-left: 304px;
  cursor: pointer;
  z-index: 3;
}
.no-webp .modal-wrap .close:hover {background-image:url(/img/btn-close2_580089c6.png)}
.webp .modal-wrap .close:hover {background-image:url(/img/btn-close2_580089c6.webp)}
.modal-wrap .close:hover {
}
.no-webp .modal-wrap .modal-content-wrap {background-image:url(/img/bg_8ecdc2d3.png);
  background-size: 100% 100%}
.webp .modal-wrap .modal-content-wrap {background-image:url(/img/bg_8ecdc2d3.webp);
  background-size: 100% 100%}
.no-webp .modal-wrap .modal-content-wrap {background-size:100% 100%}
.webp .modal-wrap .modal-content-wrap {background-size:100% 100%}
.modal-wrap .modal-content-wrap {
  position: absolute;
  width: 650px;
  height: 740px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  text-align: center;
  padding-bottom: 1%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  z-index: 2;
  color: #1e5ae2;
}
.modal-wrap .modal-content-wrap h3 {
  margin: 60px auto 0;
  font-size: 20px;
}
.modal-wrap .modal-content-wrap .title {
  font-size: 30px;
  margin-bottom: 40px;
}
.no-webp .modal-wrap .modal-content-wrap .title:before, 
.no-webp .modal-wrap .modal-content-wrap .title:after {background:url(/img/icon_4ddd789a.png) no-repeat}
.webp .modal-wrap .modal-content-wrap .title:before, 
.webp .modal-wrap .modal-content-wrap .title:after {background:url(/img/icon_4ddd789a.webp) no-repeat}
.modal-wrap .modal-content-wrap .title:before,
.modal-wrap .modal-content-wrap .title:after {
  content: '';
  width: 20px;
  height: 15px;
  display: inline-block;
  margin: 0 5px;
}
.modal-wrap .modal-content-wrap .item {
  margin-bottom: 20px;
}
.modal-wrap .modal-content-wrap .item h4 {
  font-size: 22px;
  font-weight: bold;
}
.modal-wrap .modal-content-wrap .item p {
  font-size: 18px;
  width: 90%;
  margin: 0 auto;
  text-align: center;
}
.wrap-pictures {
  position: relative;
  margin: 0 auto;
  width: 895px;
  height: 515;
  top: 20px;
}
.wrap-pictures .swiper-container {
  width: 895px;
  height: 515px;
  margin: 0;
}
.no-webp .wrap-pictures .swiper-button-prev, 
.no-webp .wrap-pictures .swiper-button-next {background:url(/img/btn-arrow_131cbce9.png) no-repeat}
.webp .wrap-pictures .swiper-button-prev, 
.webp .wrap-pictures .swiper-button-next {background:url(/img/btn-arrow_131cbce9.webp) no-repeat}
.wrap-pictures .swiper-button-prev,
.wrap-pictures .swiper-button-next {
  width: 27px;
  height: 51px;
  margin-top: -41px;
}
.no-webp .wrap-pictures .swiper-button-prev:hover, 
.no-webp .wrap-pictures .swiper-button-next:hover {background:url(/img/btn-arrow_131cbce9.png) no-repeat}
.webp .wrap-pictures .swiper-button-prev:hover, 
.webp .wrap-pictures .swiper-button-next:hover {background:url(/img/btn-arrow_131cbce9.webp) no-repeat}
.wrap-pictures .swiper-button-prev:hover,
.wrap-pictures .swiper-button-next:hover {
}
.wrap-pictures .swiper-button-prev {
  left: -40px;
}
.no-webp .wrap-pictures .swiper-button-prev:hover {background-position:left bottom}
.webp .wrap-pictures .swiper-button-prev:hover {background-position:left bottom}
.wrap-pictures .swiper-button-prev:hover {
}
.no-webp .wrap-pictures .swiper-button-next {background-position:right top}
.webp .wrap-pictures .swiper-button-next {background-position:right top}
.wrap-pictures .swiper-button-next {
  right: -40px;
}
.no-webp .wrap-pictures .swiper-button-next:hover {background-position:right bottom}
.webp .wrap-pictures .swiper-button-next:hover {background-position:right bottom}
.wrap-pictures .swiper-button-next:hover {
}
.wrap-pictures .item-img {
  position: absolute;
  cursor: pointer;
}
.no-webp .wrap-pictures .item-img:after {background:url(/img/btn-show-bp_18001c5b.png) no-repeat}
.webp .wrap-pictures .item-img:after {background:url(/img/btn-show-bp_18001c5b.webp) no-repeat}
.wrap-pictures .item-img:after {
  content: '';
  display: block;
  width: 0.25rem;
  height: 0.25rem;
  position: absolute;
  right: 15px;
  bottom: 20px;
}
.wrap-pictures .item-img-1 {
  top: 0;
  left: 0;
}
.wrap-pictures .item-img-1 img {
  width: 305px;
  height: 345px;
}
.wrap-pictures .item-img-2 {
  top: 0;
  left: 315px;
}
.wrap-pictures .item-img-2 img {
  width: 400px;
  height: 260px;
}
.wrap-pictures .item-img-3 {
  right: 0;
}
.wrap-pictures .item-img-3 img {
  width: 170px;
  height: 260px;
}
.wrap-pictures .item-img-4 {
  left: 0;
  bottom: 0;
}
.wrap-pictures .item-img-4 img {
  width: 305px;
  height: 160px;
}
.wrap-pictures .item-img-5 {
  right: 0;
  bottom: 0;
}
.wrap-pictures .item-img-5 img {
  width: 580px;
  height: 245px;
}
.pop-wrap {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 100;
}
.no-webp .pop-wrap .mask {background:#000}
.webp .pop-wrap .mask {background:#000}
.pop-wrap .mask {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: .8;
}
.pop-wrap .pop-pictures {
  position: absolute;
  top: 50%;
  left: 50%;
  max-width: 1036px;
  max-height: 606px;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.no-webp .pop-wrap .pop-pictures .btn-close {background:url(/img/btn-close_26f36c98.png) no-repeat}
.webp .pop-wrap .pop-pictures .btn-close {background:url(/img/btn-close_26f36c98.webp) no-repeat}
.pop-wrap .pop-pictures .btn-close {
  width: 56px;
  height: 56px;
  position: absolute;
  top: -46px;
  right: -46px;
  -webkit-transition: all .3s;
  transition: all .3s;
}
.pop-wrap .pop-pictures .btn-close:hover {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.no-webp .pop-wrap .pop-pictures .swiper-button-prev, 
.no-webp .pop-wrap .pop-pictures .swiper-button-next {background:url(/img/pop-btn-slide_3c6df2d9.png) no-repeat}
.webp .pop-wrap .pop-pictures .swiper-button-prev, 
.webp .pop-wrap .pop-pictures .swiper-button-next {background:url(/img/pop-btn-slide_3c6df2d9.webp) no-repeat}
.pop-wrap .pop-pictures .swiper-button-prev,
.pop-wrap .pop-pictures .swiper-button-next {
  width: 36px;
  height: 68px;
  margin-top: -34px;
}
.no-webp .pop-wrap .pop-pictures .swiper-button-prev:hover, 
.no-webp .pop-wrap .pop-pictures .swiper-button-next:hover {background:url(/img/pop-btn-slide-h_212ecc50.png) no-repeat}
.webp .pop-wrap .pop-pictures .swiper-button-prev:hover, 
.webp .pop-wrap .pop-pictures .swiper-button-next:hover {background:url(/img/pop-btn-slide-h_212ecc50.webp) no-repeat}
.pop-wrap .pop-pictures .swiper-button-prev:hover,
.pop-wrap .pop-pictures .swiper-button-next:hover {
}
.pop-wrap .pop-pictures .swiper-button-prev {
  left: -48px;
}
.pop-wrap .pop-pictures .swiper-button-next {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
  right: -48px;
}
.no-webp .pop-wrap .img-wrap img {background:#fff}
.webp .pop-wrap .img-wrap img {background:#fff}
.pop-wrap .img-wrap img {
  display: block;
  margin: 0 auto;
  max-height: 590px;
  padding: 5px;
  border: 3px solid #cab590;
}
.no-webp .exhibition {background:url(/img/exhibition-bg_27b166f4.jpg) no-repeat center 80px;
  background-size: 1920px}
.webp .exhibition {background:url(/img/exhibition-bg_27b166f4.webp) no-repeat center 80px;
  background-size: 1920px}
.no-webp .exhibition {background-size:1920px}
.webp .exhibition {background-size:1920px}
.exhibition {
  position: relative;
  overflow: hidden;
  height: 2487px;
}
.exhibition .content {
  position: relative;
  margin-top: 80px;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.exhibition .content .reward-item {
  position: relative;
  width: 1400px;
  margin: 0 auto;
}
.exhibition .content .reward-item .reward-title {
  position: relative;
  z-index: 2;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  margin: 0 auto;
}
.exhibition .content .reward-item .reward-title,
.exhibition .content .reward-item .reward-intro,
.exhibition .content .reward-item .reward-intro-l,
.exhibition .content .reward-item .reward-intro-r {
  opacity: 1;
}
.exhibition .content .reward-item.reward-1 {
  margin-top: 120px;
}
.no-webp .exhibition .content .reward-item.reward-1 .reward-title {background-color:#fff}
.webp .exhibition .content .reward-item.reward-1 .reward-title {background-color:#fff}
.exhibition .content .reward-item.reward-1 .reward-title {
  position: relative;
  margin: 0 auto;
  width: 1010px;
  height: 552px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-transform: translateX(-113px);
          transform: translateX(-113px);
  -webkit-transition: all ease-in-out 0.6s;
  transition: all ease-in-out 0.6s;
}
.exhibition .content .reward-item.reward-1.transparent .reward-title {
  -webkit-transform: translateX(-600px);
          transform: translateX(-600px);
}
.exhibition .content .reward-item.transparent .reward-title,
.exhibition .content .reward-item.transparent .reward-intro,
.exhibition .content .reward-item.transparent .reward-intro-l,
.exhibition .content .reward-item.transparent .reward-intro-r {
  opacity: 0;
}
.exhibition .content .reward-item.reward-singer {
  margin-top: 240px;
}
.no-webp .exhibition .content .reward-item.reward-singer .reward-title {background:url(/img/content2_9b87eb91.png) no-repeat}
.webp .exhibition .content .reward-item.reward-singer .reward-title {background:url(/img/content2_9b87eb91.webp) no-repeat}
.exhibition .content .reward-item.reward-singer .reward-title {
  position: relative;
  margin: 0 auto;
  width: 760px;
  height: 433px;
  -webkit-transform: translateX(-94px);
          transform: translateX(-94px);
}
.exhibition .content .reward-item.reward-singer ul {
  overflow: hidden;
  width: 760px;
  height: 433px;
  position: relative;
}
.exhibition .content .reward-item.reward-singer li {
  position: relative;
  width: 164px;
  height: 164px;
  font-size: 0;
  margin-right: 34px;
  float: left;
}
.exhibition .content .reward-item.reward-singer li:nth-of-type(4n+4) {
  margin-right: 0;
}
.exhibition .content .reward-item.reward-singer li:nth-of-type(5),
.exhibition .content .reward-item.reward-singer li:nth-of-type(6),
.exhibition .content .reward-item.reward-singer li:nth-of-type(7),
.exhibition .content .reward-item.reward-singer li:nth-of-type(8) {
  margin-top: 105px;
}
.no-webp .exhibition .content .reward-item.reward-singer li i {background:url(/img/btn-click_b1465898.png) no-repeat}
.webp .exhibition .content .reward-item.reward-singer li i {background:url(/img/btn-click_b1465898.webp) no-repeat}
.exhibition .content .reward-item.reward-singer li i {
  position: absolute;
  top: 128px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  display: block;
  width: 29px;
  height: 29px;
  cursor: pointer;
}
.no-webp .exhibition .content .reward-item.reward-singer li i:hover {background:url(/img/btn-click2_b1b701b0.png) no-repeat}
.webp .exhibition .content .reward-item.reward-singer li i:hover {background:url(/img/btn-click2_b1b701b0.webp) no-repeat}
.exhibition .content .reward-item.reward-singer li i:hover {
}
.exhibition .content .reward-item.reward-singer.transparent .reward-title {
  -webkit-transform: translateX(600px);
          transform: translateX(600px);
}
.no-webp .exhibition .content .video-wrap {background-color:#ffffff}
.webp .exhibition .content .video-wrap {background-color:#ffffff}
.exhibition .content .video-wrap {
  position: relative;
  margin: 0 auto;
  margin-top: 246px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 1011px;
  height: 569px;
  -webkit-transform: translateX(-113px);
          transform: translateX(-113px);
  padding: 22px 38px;
}
.exhibition .content .video-wrap video {
  position: relative;
  width: 934px;
  height: 526px;
  margin: 0 auto;
}
.no-webp .exhibition .content .tip-wrap {background-color:#fff}
.webp .exhibition .content .tip-wrap {background-color:#fff}
.exhibition .content .tip-wrap {
  position: relative;
  margin: 0 auto;
  margin-top: 23px;
  width: 1011px;
  height: 159px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 23px;
}
.exhibition .content .tip-wrap .title-wrap {
  position: relative;
  width: 100%;
}
.exhibition .content .tip-wrap .title-wrap .title {
  position: relative;
  display: inline-block;
  font-size: 18px;
  font-weight: bold;
  color: #cfa972;
  margin-left: 25px;
  margin-right: 25px;
  padding-bottom: 4px;
  cursor: pointer;
}
.exhibition .content .tip-wrap .title-wrap .title-active {
  color: #1e5ae2;
  border-bottom: 3px solid #1e5ae2;
}
.no-webp .exhibition .content .tip-wrap .line {background-color:#1e5ae2}
.webp .exhibition .content .tip-wrap .line {background-color:#1e5ae2}
.exhibition .content .tip-wrap .line {
  position: relative;
  width: 943px;
  margin: 0 auto;
  margin-top: 12px;
  height: 1px;
}
.exhibition .content .tip-wrap .tip {
  position: relative;
  width: 928px;
  margin: 0 auto;
  margin-top: 12px;
  font-size: 16px;
  color: #434343;
  line-height: 1.2;
}
.exhibition .content .grab-votes {
  position: relative;
  margin: 0 auto;
  width: 930px;
  margin-top: 66px;
  height: 65px;
}
.exhibition .content .grab-votes .vote {
  position: absolute;
  height: 100%;
}
.exhibition .content .grab-votes .vote .p1 {
  position: absolute;
  top: 8px;
  font-size: 24px;
  color: #fff;
  line-height: 24px;
}
.exhibition .content .grab-votes .vote .p2 {
  position: absolute;
  bottom: 5px;
  font-size: 16px;
  color: #fff;
  line-height: 16px;
}
.no-webp .exhibition .content .grab-votes .vote .icon {background-image:url(/img/btn-grab_574914db.png);
  background-repeat: no-repeat}
.webp .exhibition .content .grab-votes .vote .icon {background-image:url(/img/btn-grab_574914db.webp);
  background-repeat: no-repeat}
.no-webp .exhibition .content .grab-votes .vote .icon {background-repeat:no-repeat}
.webp .exhibition .content .grab-votes .vote .icon {background-repeat:no-repeat}
.exhibition .content .grab-votes .vote .icon {
  position: absolute;
  right: 0;
  width: 65px;
  height: 65px;
  cursor: pointer;
}
.no-webp .exhibition .content .grab-votes .vote .icon:hover {background-image:url(/img/btn-grab2_103555f7.png);
  background-repeat: no-repeat}
.webp .exhibition .content .grab-votes .vote .icon:hover {background-image:url(/img/btn-grab2_103555f7.webp);
  background-repeat: no-repeat}
.no-webp .exhibition .content .grab-votes .vote .icon:hover {background-repeat:no-repeat}
.webp .exhibition .content .grab-votes .vote .icon:hover {background-repeat:no-repeat}
.exhibition .content .grab-votes .vote .icon:hover {
  width: 65px;
  height: 65px;
}
.exhibition .content .grab-votes .vote1 {
  width: 423px;
  left: 0;
}
.exhibition .content .grab-votes .vote2 {
  width: 363px;
  right: 0;
}
.performance {
  position: relative;
  overflow: hidden;
}
.no-webp .performance.performance-index {background:url(/img/bg_c15f4682.jpg) no-repeat center top;
  background-size: 1920px}
.webp .performance.performance-index {background:url(/img/bg_c15f4682.webp) no-repeat center top;
  background-size: 1920px}
.no-webp .performance.performance-index {background-size:1920px}
.webp .performance.performance-index {background-size:1920px}
.performance.performance-index {
}
.no-webp .performance.performance-list {background:url(/img/bg2_fdadc938.jpg) no-repeat center top;
  background-size: 1920px}
.webp .performance.performance-list {background:url(/img/bg2_fdadc938.webp) no-repeat center top;
  background-size: 1920px}
.no-webp .performance.performance-list {background-size:1920px}
.webp .performance.performance-list {background-size:1920px}
.performance.performance-list {
}
.no-webp .performance.performance-detail {background:url(/img/bg3_f2789d45.jpg) no-repeat center top;
  background-size: 1920px}
.webp .performance.performance-detail {background:url(/img/bg3_f2789d45.webp) no-repeat center top;
  background-size: 1920px}
.no-webp .performance.performance-detail {background-size:1920px}
.webp .performance.performance-detail {background-size:1920px}
.performance.performance-detail {
  height: 928px;
}
.performance .content {
  position: relative;
  margin-top: 200px;
  width: 100%;
  overflow: hidden;
}
.performance .content .live-box {
  margin-top: 173px;
}
.performance .content .live-box {
  width: 1406px;
  height: 565px;
  margin: 0 auto;
  overflow: hidden;
}
.performance .content .live-bar {
  width: 460px;
  height: 100%;
}
.performance .content .cc-wrap,
.performance .content .live-bar {
  float: left;
}
.no-webp .performance .content .cc-wrap {background-color:#ffffff}
.webp .performance .content .cc-wrap {background-color:#ffffff}
.performance .content .cc-wrap {
  position: relative;
  margin: 0 auto;
  width: 946px;
  height: 565px;
  padding: 22px 10px 28px 20px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.performance .content .cc-wrap #player {
  z-index: 1;
}
.no-webp .performance .content .cc-wrap #no-live {background:#000}
.webp .performance .content .cc-wrap #no-live {background:#000}
.performance .content .cc-wrap #no-live {
  padding-top: 250px;
  text-align: center;
  font-size: 20px;
  height: 270px;
  width: 100%;
  color: #fff;
}
.performance .content .cc-wrap .video-watermark {
  display: block!important;
  position: absolute;
  right: 0px!important;
  top: 25px;
}
.performance .list-wrap {
  padding-top: 55px;
  height: 425px;
}
.performance .title {
  position: relative;
  margin: 0px auto 40px;
  color: #fff;
  text-align: center;
  font-size: 40px;
}
.no-webp .performance .title:after {background-image:url(/img/title-bg_f7049457.png);
  background-repeat: no-repeat}
.webp .performance .title:after {background-image:url(/img/title-bg_f7049457.webp);
  background-repeat: no-repeat}
.no-webp .performance .title:after {background-repeat:no-repeat}
.webp .performance .title:after {background-repeat:no-repeat}
.performance .title:after {
  display: block;
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  margin-top: -15px;
  margin-left: -116px;
  width: 232px;
  height: 30px;
}
.performance .list {
  width: 1412px;
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
}
.performance .list .live-item {
  float: left;
  position: relative;
  width: 338px;
  height: 190.125px;
  margin-right: 20px;
  overflow: hidden;
  cursor: pointer;
  margin-bottom: 40px;
  outline: 1px solid #96aeee;
}
.performance .list .live-item .img-wrap {
  width: 100%;
  height: 100%;
}
.performance .list .live-item .img-wrap img {
  display: block;
  width: 100%;
  height: auto;
  min-height: 100%;
  -webkit-transition: transform .5s;
  -moz-transition: transform .5s;
  -ms-transition: transform .5s;
  -o-transition: transform .5s;
  -webkit-transition: -webkit-transform .5s;
  transition: -webkit-transform .5s;
  transition: transform .5s;
  transition: transform .5s, -webkit-transform .5s;
}
.performance .list .live-item:nth-of-type(4n + 4) {
  margin-right: 0;
}
.performance .list .live-item:hover .img-wrap img {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
}
.no-webp .performance .list .info-wrap {background:rgba(0, 0, 0, 0.6)}
.webp .performance .list .info-wrap {background:rgba(0, 0, 0, 0.6)}
.performance .list .info-wrap {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  color: #fff;
  line-height: 40px;
}
.performance .list .nick-name {
  display: block;
  width: 208px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  padding-left: 15px;
}
.performance .list .info-bar {
  position: absolute;
  top: 0;
  right: 15px;
  bottom: 0;
}
.no-webp .performance .list .info-bar:before {background-image:url(/img/icon-hot_e4a42b58.png);
  background-repeat: no-repeat}
.webp .performance .list .info-bar:before {background-image:url(/img/icon-hot_e4a42b58.webp);
  background-repeat: no-repeat}
.no-webp .performance .list .info-bar:before {background-repeat:no-repeat}
.webp .performance .list .info-bar:before {background-repeat:no-repeat}
.performance .list .info-bar:before {
  display: block;
  content: "";
  position: absolute;
  top: 50%;
  left: -18px;
  margin-top: -6px;
  width: 13px;
  height: 13px;
}
.no-webp .performance .btn-more {background-image:url(/img/btn-more_4a492132.png);
  background-repeat: no-repeat}
.webp .performance .btn-more {background-image:url(/img/btn-more_4a492132.webp);
  background-repeat: no-repeat}
.no-webp .performance .btn-more {background-repeat:no-repeat}
.webp .performance .btn-more {background-repeat:no-repeat}
.performance .btn-more {
  display: block;
  margin: 10px auto 0;
  width: 121px;
  height: 31px;
}
.no-webp .performance .btn-more:hover {background-image:url(/img/btn-more-h_0450b26c.png);
  background-repeat: no-repeat}
.webp .performance .btn-more:hover {background-image:url(/img/btn-more-h_0450b26c.webp);
  background-repeat: no-repeat}
.no-webp .performance .btn-more:hover {background-repeat:no-repeat}
.webp .performance .btn-more:hover {background-repeat:no-repeat}
.performance .btn-more:hover {
  width: 121px;
  height: 31px;
}
.performance-index .content {
  margin-top: 250px;
}
.performance-index .content .cc-wrap,
.performance-index .content .live-bar {
  float: right;
}
.performance-index .index-content {
  height: 688px;
}
.no-webp .performance-index .live-bar {background:#6a92ec}
.webp .performance-index .live-bar {background:#6a92ec}
.performance-index .live-bar {
  padding-top: 20px;
  padding-bottom: 5px;
}
.performance-index .live-bar .list {
  width: 446px;
  margin: 0 auto;
  font-size: 12px;
}
.performance-index .live-bar .list .live-item {
  width: 218px;
  height: 122.625px;
  margin-right: 10px;
  margin-bottom: 10px;
}
.performance-index .live-bar .list .live-item:nth-of-type(2n+2) {
  margin-right: 0;
}
.performance-index .live-bar .list .nick-name {
  width: 120px;
}
.performance-index .live-bar .list .info-wrap {
  line-height: 30px;
}
.performance-index .btn-groups {
  width: 1200px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}
.no-webp .performance-index .btn-go-back {background:rgba(255, 255, 255, 0.5)}
.webp .performance-index .btn-go-back {background:rgba(255, 255, 255, 0.5)}
.performance-index .btn-go-back {
  text-align: center;
  margin-left: -445px;
  margin-top: 30px;
}
.performance-list .live-content {
  padding-bottom: 340px;
}
.performance-list .list-wrap {
  height: auto;
  margin-top: 80px;
  padding-top: 0;
}
.no-webp .performance-list .tab-wrap {background:url(/img/tab-bg_b9cc30c7.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100% 100%}
.webp .performance-list .tab-wrap {background:url(/img/tab-bg_b9cc30c7.webp);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100% 100%}
.no-webp .performance-list .tab-wrap {background-position:center}
.webp .performance-list .tab-wrap {background-position:center}
.no-webp .performance-list .tab-wrap {background-repeat:no-repeat}
.webp .performance-list .tab-wrap {background-repeat:no-repeat}
.no-webp .performance-list .tab-wrap {background-size:100% 100%}
.webp .performance-list .tab-wrap {background-size:100% 100%}
.performance-list .tab-wrap {
  text-align: center;
  width: 1424px;
  height: 94px;
  margin: 0px auto 0;
}
.no-webp .performance-list .tab-wrap .tab-item {background-image:url(/img/tab1_a7aef60b.png);
  background-repeat: no-repeat}
.webp .performance-list .tab-wrap .tab-item {background-image:url(/img/tab1_a7aef60b.webp);
  background-repeat: no-repeat}
.no-webp .performance-list .tab-wrap .tab-item {background-repeat:no-repeat}
.webp .performance-list .tab-wrap .tab-item {background-repeat:no-repeat}
.performance-list .tab-wrap .tab-item {
  display: inline-block;
  text-align: center;
  line-height: 40px;
  cursor: pointer;
  margin-top: 30px;
  color: #fff;
  margin-right: 80px;
  width: 174px;
  height: 40px;
}
.performance-list .tab-wrap .tab-item:last-child {
  margin-right: 0;
}
.performance-list .tab-wrap .tab-item span {
  position: relative;
  display: inline-block;
  padding: 0 20px;
  font-size: 20px;
}
.no-webp .performance-list .tab-wrap .tab-item span:before, 
.no-webp .performance-list .tab-wrap .tab-item span:after {background:#fff}
.webp .performance-list .tab-wrap .tab-item span:before, 
.webp .performance-list .tab-wrap .tab-item span:after {background:#fff}
.performance-list .tab-wrap .tab-item span:before,
.performance-list .tab-wrap .tab-item span:after {
  position: absolute;
  top: 50%;
  margin-top: -5px;
  display: block;
  content: "";
  width: 6px;
  height: 6px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
.performance-list .tab-wrap .tab-item span:before {
  left: 0;
}
.performance-list .tab-wrap .tab-item span:after {
  right: 0;
}
.no-webp .performance-list .tab-wrap .tab-item:hover, 
.no-webp .performance-list .tab-wrap .tab-item.tab-active {background-image:url(/img/tab2_36a7904b.png);
  background-repeat: no-repeat}
.webp .performance-list .tab-wrap .tab-item:hover, 
.webp .performance-list .tab-wrap .tab-item.tab-active {background-image:url(/img/tab2_36a7904b.webp);
  background-repeat: no-repeat}
.no-webp .performance-list .tab-wrap .tab-item:hover, 
.no-webp .performance-list .tab-wrap .tab-item.tab-active {background-repeat:no-repeat}
.webp .performance-list .tab-wrap .tab-item:hover, 
.webp .performance-list .tab-wrap .tab-item.tab-active {background-repeat:no-repeat}
.performance-list .tab-wrap .tab-item:hover,
.performance-list .tab-wrap .tab-item.tab-active {
  color: #0040d0;
  width: 174px;
  height: 40px;
}
.no-webp .performance-list .tab-wrap .tab-item:hover:before, 
.no-webp .performance-list .tab-wrap .tab-item.tab-active:before, 
.no-webp .performance-list .tab-wrap .tab-item:hover:after, 
.no-webp .performance-list .tab-wrap .tab-item.tab-active:after {background:#0040d0}
.webp .performance-list .tab-wrap .tab-item:hover:before, 
.webp .performance-list .tab-wrap .tab-item.tab-active:before, 
.webp .performance-list .tab-wrap .tab-item:hover:after, 
.webp .performance-list .tab-wrap .tab-item.tab-active:after {background:#0040d0}
.performance-list .tab-wrap .tab-item:hover:before,
.performance-list .tab-wrap .tab-item.tab-active:before,
.performance-list .tab-wrap .tab-item:hover:after,
.performance-list .tab-wrap .tab-item.tab-active:after {
}
.performance-detail .content {
  width: 946px;
  margin-left: auto;
  margin-right: auto;
}
.performance-detail .side-bar {
  z-index: 999!important;
}
.performance-detail .live-box {
  width: auto;
  margin-top: 120px;
}
.performance-detail .cc-wrap {
  margin: 0 auto;
}
.no-webp .performance-detail .section-comment {background:url(/img/comment-bg_fc333205.png);
  background-size: 100%;
  background-repeat: no-repeat}
.webp .performance-detail .section-comment {background:url(/img/comment-bg_fc333205.webp);
  background-size: 100%;
  background-repeat: no-repeat}
.no-webp .performance-detail .section-comment {background-size:100%}
.webp .performance-detail .section-comment {background-size:100%}
.no-webp .performance-detail .section-comment {background-repeat:no-repeat}
.webp .performance-detail .section-comment {background-repeat:no-repeat}
.performance-detail .section-comment {
  position: relative;
  width: 404px;
  height: 566px;
  padding-top: 25px;
}
.performance-detail .live-info-wrap {
  margin: 10px auto 0;
}
.no-webp .performance-detail .info-wrap {background-size:auto 100%}
.webp .performance-detail .info-wrap {background-size:auto 100%}
.no-webp .performance-detail .info-wrap {background-position:0 0}
.webp .performance-detail .info-wrap {background-position:0 0}
.performance-detail .info-wrap {
  position: relative;
  color: #1e5ae2;
  line-height: 40px;
  height: 40px;
  padding-left: 0px;
  font-size: 20px;
  margin-bottom: 10px;
  overflow: visible;
}
.performance-detail .info-wrap .nick-name {
  display: inline-block;
  margin-right: 60px;
}
.performance-detail .info-wrap .info-bar {
  position: relative;
  display: inline-block;
  color: #313131;
}
.no-webp .performance-detail .info-wrap .info-bar:before {background-image:url(/img/icon-hot2_5a79a90a.png);
  background-repeat: no-repeat}
.webp .performance-detail .info-wrap .info-bar:before {background-image:url(/img/icon-hot2_5a79a90a.webp);
  background-repeat: no-repeat}
.no-webp .performance-detail .info-wrap .info-bar:before {background-repeat:no-repeat}
.webp .performance-detail .info-wrap .info-bar:before {background-repeat:no-repeat}
.performance-detail .info-wrap .info-bar:before {
  display: block;
  content: "";
  position: absolute;
  top: 50%;
  left: -30px;
  margin-top: -13px;
  width: 21px;
  height: 24px;
}
.performance-detail .btn-go-back {
  top: -2px;
  position: absolute;
  right: -90px;
  cursor: pointer;
  width: 120px;
  height: 38px;
  line-height: 38px;
  border: 1px solid #0040d0;
  color: #0040d0;
  -webkit-border-radius: 40px;
  -moz-border-radius: 40px;
  border-radius: 40px;
  text-align: center;
  font-weight: bolder;
}
.no-webp .performance-detail .btn-go-back:hover {background:#1e5ae2}
.webp .performance-detail .btn-go-back:hover {background:#1e5ae2}
.performance-detail .btn-go-back:hover {
  color: #fff;
  border-color: #1e5ae2;
}
.performance-detail .comment-wrap {
  position: relative;
  padding: 0 30px;
  height: 450px;
}
.performance-detail .list-comment {
  position: relative;
  font-size: 16px;
  line-height: 1.3;
  overflow: auto;
}
.performance-detail .list-comment .item {
  margin-bottom: 8px;
  word-break: break-all;
}
.performance-detail .list-comment .nickname {
  color: #4071de;
}
.performance-detail .list-comment .comment {
  color: #4b4b4b;
}
.performance-detail .comment-bar {
  font-size: 20px;
  width: 1400px;
  margin: 10px auto 0;
}
.performance-detail .comment-bar .tips {
  display: inline-block;
  color: red;
  font-size: 12px;
  height: 20px;
  line-height: 50px;
  text-align: center;
  margin-left: 20px;
}
.no-webp .performance-detail .comment-bar .input-wrap {background:#d4def6}
.webp .performance-detail .comment-bar .input-wrap {background:#d4def6}
.performance-detail .comment-bar .input-wrap {
  display: inline-block;
  position: relative;
  height: 52px;
  width: 600px;
  padding-right: 120px;
}
.performance-detail .comment-bar .input-mask {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  line-height: 52px;
  height: 52px;
  right: 0;
  z-index: 2;
  text-align: center;
}
.performance-detail .comment-bar .input-mask .go-login {
  font-size: 14px;
  color: #4171de;
  text-decoration: underline;
  cursor: pointer;
}
.performance-detail .comment-bar .input-mask .go-login:hover {
  color: #0340d0;
}
.no-webp .performance-detail .comment-bar input {background:transparent}
.webp .performance-detail .comment-bar input {background:transparent}
.performance-detail .comment-bar input {
  position: relative;
  z-index: 1;
  line-height: 52px;
  width: 100%;
  padding: 0  15px;
}
.no-webp .performance-detail .comment-bar .btn-send {background:#5e7fcd}
.webp .performance-detail .comment-bar .btn-send {background:#5e7fcd}
.performance-detail .comment-bar .btn-send {
  position: absolute;
  display: block;
  right: 0;
  top: 0;
  width: 88px;
  height: 52px;
  color: #fff;
  outline: none;
  border: none;
}
.no-webp .performance-detail .comment-bar .btn-send:hover {background:#4d69a9}
.webp .performance-detail .comment-bar .btn-send:hover {background:#4d69a9}
.performance-detail .comment-bar .btn-send:hover {
}
.btn-go-back {
  display: inline-block;
  cursor: pointer;
  width: 120px;
  height: 38px;
  line-height: 38px;
  border: 1px solid #0040d0;
  color: #0040d0;
  -webkit-border-radius: 40px;
  -moz-border-radius: 40px;
  border-radius: 40px;
  text-align: center;
  font-weight: bolder;
}
.no-webp .btn-go-back:hover {background:#1e5ae2}
.webp .btn-go-back:hover {background:#1e5ae2}
.btn-go-back:hover {
  color: #fff;
  border-color: #1e5ae2;
}
.no-webp .loading2 {background:url(https://img.weidahai.com/images/leihuologo.png) no-repeat}
.webp .loading2 {background:url(https://img.weidahai.com/images/leihuologo.png) no-repeat}
.loading2 {
  position: absolute;
  width: 100px;
  height: 90px;
}
.videoElement {
  display: block;
}
.no-data {
  text-align: center;
}
.page-wrap {
  text-align: center;
}
html,
body {
  max-width: 1920px;
  min-width: 1440px;
  position: relative;
  margin: 0 auto;
}
#wrap {
  position: relative;
  width: 100%;
  height: 100%;
}
#app {
  position: relative;
  width: 100%;
  height: 100%;
  font-family: 'Microsoft Yahei';
  overflow: hidden;
}
#app .side-bar,
#app .side-bar2 {
  position: fixed;
  width: 229px;
  height: 430px;
  right: 17px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  z-index: 3;
}
.no-webp #app .side-bar .icon-close, 
.no-webp #app .side-bar2 .icon-close {background-image:url(/img/btn-close_bf286031.png);
  background-repeat: no-repeat}
.webp #app .side-bar .icon-close, 
.webp #app .side-bar2 .icon-close {background-image:url(/img/btn-close_bf286031.webp);
  background-repeat: no-repeat}
.no-webp #app .side-bar .icon-close, 
.no-webp #app .side-bar2 .icon-close {background-repeat:no-repeat}
.webp #app .side-bar .icon-close, 
.webp #app .side-bar2 .icon-close {background-repeat:no-repeat}
#app .side-bar .icon-close,
#app .side-bar2 .icon-close {
  position: absolute;
  top: 16px;
  right: 16px;
  cursor: pointer;
  width: 30px;
  height: 30px;
}
.no-webp #app .side-bar .icon-close:hover, 
.no-webp #app .side-bar2 .icon-close:hover {background-image:url(/img/btn-close2_d43ead75.png);
  background-repeat: no-repeat}
.webp #app .side-bar .icon-close:hover, 
.webp #app .side-bar2 .icon-close:hover {background-image:url(/img/btn-close2_d43ead75.webp);
  background-repeat: no-repeat}
.no-webp #app .side-bar .icon-close:hover, 
.no-webp #app .side-bar2 .icon-close:hover {background-repeat:no-repeat}
.webp #app .side-bar .icon-close:hover, 
.webp #app .side-bar2 .icon-close:hover {background-repeat:no-repeat}
#app .side-bar .icon-close:hover,
#app .side-bar2 .icon-close:hover {
  width: 30px;
  height: 30px;
}
#app .side-bar2 {
  left: 17px;
  right: auto;
}
.qidai {
  position: relative;
  margin: 0 auto;
  margin-top: 47px;
  width: 600px;
  font-family: 'fzltdh';
  font-size: 24px;
  color: #fff;
  text-align: center;
}
.qidai span {
  margin-left: 20px;
  margin-right: 20px;
}
.index {
  position: relative;
  height: 100%;
  overflow: hidden;
}
.index .content {
  position: relative;
  margin-top: 80px;
  width: 100%;
  height: 2682px;
}
.index .content .home-swiper {
  position: absolute;
  width: 1920px;
  height: 767px;
  left: 50%;
  top: 0;
  margin-left: -960px;
}
.index .content .home-swiper .swiper-slide {
  cursor: pointer;
}
.index .content .home-swiper .swiper-slide img {
  position: relative;
  margin: 0 auto;
  width: 1920px;
  height: 767px;
}
.index .content .home-swiper .swiper-pagination {
  bottom: 49px;
}
.no-webp .index .content .home-swiper .swiper-pagination .swiper-pagination-bullet {background-color:#fff}
.webp .index .content .home-swiper .swiper-pagination .swiper-pagination-bullet {background-color:#fff}
.index .content .home-swiper .swiper-pagination .swiper-pagination-bullet {
  width: 88px;
  height: 6px;
  border-radius: 0;
  opacity: 1;
}
.no-webp .index .content .home-swiper .swiper-pagination .swiper-pagination-bullet-active {background-color:#f0c381}
.webp .index .content .home-swiper .swiper-pagination .swiper-pagination-bullet-active {background-color:#f0c381}
.index .content .home-swiper .swiper-pagination .swiper-pagination-bullet-active {
}
.no-webp .index .content .home-swiper .swiper-button-prev {background-image:url(/img/btn-next_f9c2785b.png);
  background-repeat: no-repeat;
  background-size: 100%}
.webp .index .content .home-swiper .swiper-button-prev {background-image:url(/img/btn-next_f9c2785b.webp);
  background-repeat: no-repeat;
  background-size: 100%}
.no-webp .index .content .home-swiper .swiper-button-prev {background-repeat:no-repeat}
.webp .index .content .home-swiper .swiper-button-prev {background-repeat:no-repeat}
.no-webp .index .content .home-swiper .swiper-button-prev {background-size:100%}
.webp .index .content .home-swiper .swiper-button-prev {background-size:100%}
.index .content .home-swiper .swiper-button-prev {
  position: absolute;
  top: 353px;
  left: 282px;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
  width: 62px;
  height: 62px;
  margin: auto;
}
.no-webp .index .content .home-swiper .swiper-button-prev:hover, 
.no-webp .index .content .home-swiper .swiper-button-prev.swiper-button-disabled {background-image:url(/img/btn-next2_afee30b4.png);
  background-repeat: no-repeat;
  background-size: 100%}
.webp .index .content .home-swiper .swiper-button-prev:hover, 
.webp .index .content .home-swiper .swiper-button-prev.swiper-button-disabled {background-image:url(/img/btn-next2_afee30b4.webp);
  background-repeat: no-repeat;
  background-size: 100%}
.no-webp .index .content .home-swiper .swiper-button-prev:hover, 
.no-webp .index .content .home-swiper .swiper-button-prev.swiper-button-disabled {background-repeat:no-repeat}
.webp .index .content .home-swiper .swiper-button-prev:hover, 
.webp .index .content .home-swiper .swiper-button-prev.swiper-button-disabled {background-repeat:no-repeat}
.no-webp .index .content .home-swiper .swiper-button-prev:hover, 
.no-webp .index .content .home-swiper .swiper-button-prev.swiper-button-disabled {background-size:100%}
.webp .index .content .home-swiper .swiper-button-prev:hover, 
.webp .index .content .home-swiper .swiper-button-prev.swiper-button-disabled {background-size:100%}
.index .content .home-swiper .swiper-button-prev:hover,
.index .content .home-swiper .swiper-button-prev.swiper-button-disabled {
  width: 62px;
  height: 62px;
}
.no-webp .index .content .home-swiper .swiper-button-next {background-image:url(/img/btn-next_f9c2785b.png);
  background-repeat: no-repeat;
  background-size: 100%}
.webp .index .content .home-swiper .swiper-button-next {background-image:url(/img/btn-next_f9c2785b.webp);
  background-repeat: no-repeat;
  background-size: 100%}
.no-webp .index .content .home-swiper .swiper-button-next {background-repeat:no-repeat}
.webp .index .content .home-swiper .swiper-button-next {background-repeat:no-repeat}
.no-webp .index .content .home-swiper .swiper-button-next {background-size:100%}
.webp .index .content .home-swiper .swiper-button-next {background-size:100%}
.index .content .home-swiper .swiper-button-next {
  position: absolute;
  top: 353px;
  right: 277px;
  width: 62px;
  height: 62px;
  margin: auto;
}
.no-webp .index .content .home-swiper .swiper-button-next:hover, 
.no-webp .index .content .home-swiper .swiper-button-next.swiper-button-disabled {background-image:url(/img/btn-next2_afee30b4.png);
  background-repeat: no-repeat;
  background-size: 100%}
.webp .index .content .home-swiper .swiper-button-next:hover, 
.webp .index .content .home-swiper .swiper-button-next.swiper-button-disabled {background-image:url(/img/btn-next2_afee30b4.webp);
  background-repeat: no-repeat;
  background-size: 100%}
.no-webp .index .content .home-swiper .swiper-button-next:hover, 
.no-webp .index .content .home-swiper .swiper-button-next.swiper-button-disabled {background-repeat:no-repeat}
.webp .index .content .home-swiper .swiper-button-next:hover, 
.webp .index .content .home-swiper .swiper-button-next.swiper-button-disabled {background-repeat:no-repeat}
.no-webp .index .content .home-swiper .swiper-button-next:hover, 
.no-webp .index .content .home-swiper .swiper-button-next.swiper-button-disabled {background-size:100%}
.webp .index .content .home-swiper .swiper-button-next:hover, 
.webp .index .content .home-swiper .swiper-button-next.swiper-button-disabled {background-size:100%}
.index .content .home-swiper .swiper-button-next:hover,
.index .content .home-swiper .swiper-button-next.swiper-button-disabled {
  width: 62px;
  height: 62px;
}
.no-webp .index .content .section2 {background-image:url(/img/intro-bg_f0c4151f.jpg);
  background-repeat: no-repeat;
  background-size: 100%}
.webp .index .content .section2 {background-image:url(/img/intro-bg_f0c4151f.webp);
  background-repeat: no-repeat;
  background-size: 100%}
.no-webp .index .content .section2 {background-repeat:no-repeat}
.webp .index .content .section2 {background-repeat:no-repeat}
.no-webp .index .content .section2 {background-size:100%}
.webp .index .content .section2 {background-size:100%}
.index .content .section2 {
  position: absolute;
  top: 765px;
  left: 50%;
  margin-left: -960px;
  width: 1920px;
  height: 400px;
  z-index: 1;
}
.index .content .section2 h2 {
  margin-top: 93px;
  text-align: center;
  font-size: 30px;
  line-height: 30px;
  font-weight: bold;
  color: #ffffff;
}
.index .content .section2 .intro {
  position: relative;
  margin: 0 auto;
  margin-top: 28px;
  width: 1048px;
  font-size: 16px;
  line-height: 3;
  color: #ffffff;
  text-align: center;
}
.no-webp .index .content .section3 {background-image:url(/img/product-bg_1db6fb7b.jpg);
  background-repeat: no-repeat;
  background-size: 100%}
.webp .index .content .section3 {background-image:url(/img/product-bg_1db6fb7b.webp);
  background-repeat: no-repeat;
  background-size: 100%}
.no-webp .index .content .section3 {background-repeat:no-repeat}
.webp .index .content .section3 {background-repeat:no-repeat}
.no-webp .index .content .section3 {background-size:100%}
.webp .index .content .section3 {background-size:100%}
.index .content .section3 {
  position: absolute;
  top: 1165px;
  left: 50%;
  margin-left: -960px;
  width: 1920px;
  height: 688px;
  z-index: 1;
}
.index .content .section3 .product {
  position: relative;
  margin: 0 auto;
  margin-top: 225px;
  width: 1200px;
}
.index .content .section3 .product-item {
  position: relative;
  display: inline-block;
  margin-left: 28px;
  margin-right: 28px;
  cursor: pointer;
}
.no-webp .index .content .section3 .product-item:nth-of-type(1) {background-image:url(/img/btn-product1_e7931e55.png);
  background-repeat: no-repeat}
.webp .index .content .section3 .product-item:nth-of-type(1) {background-image:url(/img/btn-product1_e7931e55.webp);
  background-repeat: no-repeat}
.no-webp .index .content .section3 .product-item:nth-of-type(1) {background-repeat:no-repeat}
.webp .index .content .section3 .product-item:nth-of-type(1) {background-repeat:no-repeat}
.index .content .section3 .product-item:nth-of-type(1) {
  margin-left: 0;
  width: 194px;
  height: 321px;
}
.no-webp .index .content .section3 .product-item:nth-of-type(1):hover {background-image:url(/img/btn-product1-hover_f5761e9a.png);
  background-repeat: no-repeat}
.webp .index .content .section3 .product-item:nth-of-type(1):hover {background-image:url(/img/btn-product1-hover_f5761e9a.webp);
  background-repeat: no-repeat}
.no-webp .index .content .section3 .product-item:nth-of-type(1):hover {background-repeat:no-repeat}
.webp .index .content .section3 .product-item:nth-of-type(1):hover {background-repeat:no-repeat}
.index .content .section3 .product-item:nth-of-type(1):hover {
  width: 194px;
  height: 321px;
}
.no-webp .index .content .section3 .product-item:nth-of-type(2) {background-image:url(/img/btn-product2_459e300f.png);
  background-repeat: no-repeat}
.webp .index .content .section3 .product-item:nth-of-type(2) {background-image:url(/img/btn-product2_459e300f.webp);
  background-repeat: no-repeat}
.no-webp .index .content .section3 .product-item:nth-of-type(2) {background-repeat:no-repeat}
.webp .index .content .section3 .product-item:nth-of-type(2) {background-repeat:no-repeat}
.index .content .section3 .product-item:nth-of-type(2) {
  width: 194px;
  height: 321px;
}
.no-webp .index .content .section3 .product-item:nth-of-type(2):hover {background-image:url(/img/btn-product2-hover_0d480173.png);
  background-repeat: no-repeat}
.webp .index .content .section3 .product-item:nth-of-type(2):hover {background-image:url(/img/btn-product2-hover_0d480173.webp);
  background-repeat: no-repeat}
.no-webp .index .content .section3 .product-item:nth-of-type(2):hover {background-repeat:no-repeat}
.webp .index .content .section3 .product-item:nth-of-type(2):hover {background-repeat:no-repeat}
.index .content .section3 .product-item:nth-of-type(2):hover {
  width: 194px;
  height: 321px;
}
.no-webp .index .content .section3 .product-item:nth-of-type(3) {background-image:url(/img/btn-product3_8e06a9b1.png);
  background-repeat: no-repeat}
.webp .index .content .section3 .product-item:nth-of-type(3) {background-image:url(/img/btn-product3_8e06a9b1.webp);
  background-repeat: no-repeat}
.no-webp .index .content .section3 .product-item:nth-of-type(3) {background-repeat:no-repeat}
.webp .index .content .section3 .product-item:nth-of-type(3) {background-repeat:no-repeat}
.index .content .section3 .product-item:nth-of-type(3) {
  width: 194px;
  height: 321px;
}
.no-webp .index .content .section3 .product-item:nth-of-type(3):hover {background-image:url(/img/btn-product3-hover_3b436a36.png);
  background-repeat: no-repeat}
.webp .index .content .section3 .product-item:nth-of-type(3):hover {background-image:url(/img/btn-product3-hover_3b436a36.webp);
  background-repeat: no-repeat}
.no-webp .index .content .section3 .product-item:nth-of-type(3):hover {background-repeat:no-repeat}
.webp .index .content .section3 .product-item:nth-of-type(3):hover {background-repeat:no-repeat}
.index .content .section3 .product-item:nth-of-type(3):hover {
  width: 194px;
  height: 321px;
}
.no-webp .index .content .section3 .product-item:nth-of-type(4) {background-image:url(/img/btn-product4_f7d23daa.png);
  background-repeat: no-repeat}
.webp .index .content .section3 .product-item:nth-of-type(4) {background-image:url(/img/btn-product4_f7d23daa.webp);
  background-repeat: no-repeat}
.no-webp .index .content .section3 .product-item:nth-of-type(4) {background-repeat:no-repeat}
.webp .index .content .section3 .product-item:nth-of-type(4) {background-repeat:no-repeat}
.index .content .section3 .product-item:nth-of-type(4) {
  width: 194px;
  height: 321px;
}
.no-webp .index .content .section3 .product-item:nth-of-type(4):hover {background-image:url(/img/btn-product4-hover_28638bb7.png);
  background-repeat: no-repeat}
.webp .index .content .section3 .product-item:nth-of-type(4):hover {background-image:url(/img/btn-product4-hover_28638bb7.webp);
  background-repeat: no-repeat}
.no-webp .index .content .section3 .product-item:nth-of-type(4):hover {background-repeat:no-repeat}
.webp .index .content .section3 .product-item:nth-of-type(4):hover {background-repeat:no-repeat}
.index .content .section3 .product-item:nth-of-type(4):hover {
  width: 194px;
  height: 321px;
}
.no-webp .index .content .section3 .product-item:nth-of-type(5) {background-image:url(/img/btn-product5_0d7497ae.png);
  background-repeat: no-repeat}
.webp .index .content .section3 .product-item:nth-of-type(5) {background-image:url(/img/btn-product5_0d7497ae.webp);
  background-repeat: no-repeat}
.no-webp .index .content .section3 .product-item:nth-of-type(5) {background-repeat:no-repeat}
.webp .index .content .section3 .product-item:nth-of-type(5) {background-repeat:no-repeat}
.index .content .section3 .product-item:nth-of-type(5) {
  margin-right: 0;
  width: 194px;
  height: 321px;
}
.no-webp .index .content .section3 .product-item:nth-of-type(5):hover {background-image:url(/img/btn-product5-hover_5c1e5a49.png);
  background-repeat: no-repeat}
.webp .index .content .section3 .product-item:nth-of-type(5):hover {background-image:url(/img/btn-product5-hover_5c1e5a49.webp);
  background-repeat: no-repeat}
.no-webp .index .content .section3 .product-item:nth-of-type(5):hover {background-repeat:no-repeat}
.webp .index .content .section3 .product-item:nth-of-type(5):hover {background-repeat:no-repeat}
.index .content .section3 .product-item:nth-of-type(5):hover {
  width: 194px;
  height: 321px;
}
.no-webp .index .content .section4 {background-image:url(/img/server-bg_37616076.jpg);
  background-repeat: no-repeat;
  background-size: 100%}
.webp .index .content .section4 {background-image:url(/img/server-bg_37616076.webp);
  background-repeat: no-repeat;
  background-size: 100%}
.no-webp .index .content .section4 {background-repeat:no-repeat}
.webp .index .content .section4 {background-repeat:no-repeat}
.no-webp .index .content .section4 {background-size:100%}
.webp .index .content .section4 {background-size:100%}
.index .content .section4 {
  position: absolute;
  top: 1853px;
  left: 50%;
  margin-left: -960px;
  width: 1920px;
  height: 829px;
  z-index: 1;
}
.index .content .section4 p {
  position: relative;
  width: 1005px;
  height: 157px;
  font-size: 14px;
  color: #535353;
  margin-left: 550px;
  line-height: 1.5;
}
.index .content .section4 p:nth-of-type(1) {
  margin-top: 252px;
}
.index .content .section4 p:nth-of-type(2) {
  margin-top: 17px;
}
.index .content .section4 p:nth-of-type(3) {
  margin-top: 17px;
}
#art {
  text-align: center;
}
.no-webp #copyright {background-color:#272a2c}
.webp #copyright {background-color:#272a2c}
#copyright {
  position: relative;
  z-index: 2;
  width: 100%;
  height: 230px;
  overflow: hidden;
}
#copyright .content {
  position: relative;
  width: 1200px;
  margin: 0 auto;
  font-size: 14px;
  height: 100%;
  color: #e1e2e2;
  overflow: hidden;
}
#copyright .content a {
  color: #e1e2e2;
}
#copyright .content a:hover {
  color: #cfa972;
}
#copyright .content p {
  line-height: 14px;
}
#copyright .content .p1 {
  position: absolute;
  top: 69px;
  left: 214px;
}
#copyright .content .p2 {
  position: absolute;
  top: 102px;
  left: 179px;
}
#copyright .content .p3 {
  position: absolute;
  top: 69px;
  left: 496px;
}
#copyright .content .p4 {
  position: absolute;
  top: 102px;
  left: 496px;
}
.no-webp #copyright .content .icon-police {background-image:url(/img/icon-police_2fd15da1.png);
  background-repeat: no-repeat}
.webp #copyright .content .icon-police {background-image:url(/img/icon-police_2fd15da1.webp);
  background-repeat: no-repeat}
.no-webp #copyright .content .icon-police {background-repeat:no-repeat}
.webp #copyright .content .icon-police {background-repeat:no-repeat}
#copyright .content .icon-police {
  position: absolute;
  left: 180px;
  top: 67px;
  width: 18px;
  height: 20px;
}
.no-webp #copyright .content .icon-wen {background-image:url(/img/icon-wenhuabu_011ed594.png);
  background-repeat: no-repeat}
.webp #copyright .content .icon-wen {background-image:url(/img/icon-wenhuabu_011ed594.webp);
  background-repeat: no-repeat}
.no-webp #copyright .content .icon-wen {background-repeat:no-repeat}
.webp #copyright .content .icon-wen {background-repeat:no-repeat}
#copyright .content .icon-wen {
  position: absolute;
  left: 437px;
  top: 69px;
  width: 47px;
  height: 46px;
}
.no-webp .section-contact {background:#0040d0}
.webp .section-contact {background:#0040d0}
.section-contact {
  height: 200px;
}
.section-contact .contact-content {
  width: 1200px;
  margin: 0 auto;
  padding-top: 60px;
  overflow: hidden;
}
.section-contact .contact-item {
  position: relative;
  width: 500px;
  float: left;
  font-size: 14px;
  color: #fff;
}
.section-contact .contact-item:after {
  position: absolute;
  display: block;
  content: "";
  height: 100px;
  top: 50%;
  right: 0;
  margin-top: -50px;
  border-right: 1px solid #fff;
}
.section-contact .contact-item:last-child:after {
  display: none;
}
.section-contact .contact-item .contact {
  padding-left: 30px;
}
.section-contact .contact-item .contact a {
  color: #fff;
}
.section-contact .contact-item .contact a:hover {
  text-decoration: underline;
}
.section-contact .contact-item .contact-text {
  line-height: 2;
}
.section-contact .contact-item.contact-icon {
  width: 150px;
}
.no-webp .section-contact .contact-item.contact-icon h2 {background-image:url(/img/icon-contact_e54db32a.png);
  background-repeat: no-repeat;
  background-size: 100%}
.webp .section-contact .contact-item.contact-icon h2 {background-image:url(/img/icon-contact_e54db32a.webp);
  background-repeat: no-repeat;
  background-size: 100%}
.no-webp .section-contact .contact-item.contact-icon h2 {background-repeat:no-repeat}
.webp .section-contact .contact-item.contact-icon h2 {background-repeat:no-repeat}
.no-webp .section-contact .contact-item.contact-icon h2 {background-size:100%}
.webp .section-contact .contact-item.contact-icon h2 {background-size:100%}
.section-contact .contact-item.contact-icon h2 {
  margin-top: -18px;
  width: 124px;
  height: 112px;
}
.section-contact .contact-item .contact-title {
  display: block;
  font-size: 18px;
  font-weight: bold;
}


.top-bar[data-v-09cf8159] {
  position: relative;
  width: 1090px;
  height: 80px;
  left: 50%;
  margin-left: -620px;
  z-index: 20;
  overflow: hidden;
}
.top-bar__item[data-v-09cf8159] {
  display: inline-block;
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  vertical-align: middle;
  margin-top: 20px;
  margin-left: 4px;
  margin-right: 4px;
  width: 145px;
  height: 40px;
  line-height: 38px;
  color: #707070;
  font-size: 20px;
  text-align: center;
  font-weight: bold;
  letter-spacing: 1px;
}
.top-bar__item[data-v-09cf8159]:nth-of-type(1) {
  margin-left: 0;
}
.top-bar__item[data-v-09cf8159]:nth-of-type(6) {
  margin-right: 0;
}
.no-webp .top-bar__item[data-v-09cf8159]:hover, 
.no-webp .top-bar__item--clicked[data-v-09cf8159] {background-color:#cfa972}
.webp .top-bar__item[data-v-09cf8159]:hover, 
.webp .top-bar__item--clicked[data-v-09cf8159] {background-color:#cfa972}
.top-bar__item[data-v-09cf8159]:hover,
.top-bar__item--clicked[data-v-09cf8159] {
  border: 1px solid #cfa972;
  border-radius: 20px;
  color: #ffffff;
}
.no-webp .top-bar__wrapper[data-v-09cf8159] {background-color:#ffffff}
.webp .top-bar__wrapper[data-v-09cf8159] {background-color:#ffffff}
.top-bar__wrapper[data-v-09cf8159] {
  position: fixed;
  width: 100%;
  height: 80px;
  z-index: 20;
  overflow: hidden;
}
.top-bar__wrapper .top-bar-content[data-v-09cf8159] {
  position: relative;
  width: 1400px;
  margin: 0 auto;
}
.no-webp .top-bar__wrapper .logo[data-v-09cf8159] {background:url(https://img.weidahai.com/images/leihuologo.png)}
.webp .top-bar__wrapper .logo[data-v-09cf8159] {background:url(https://img.weidahai.com/images/leihuologo.png)}
.top-bar__wrapper .logo[data-v-09cf8159] {
  position: absolute;
  width: 59px;
  height: 51px;
  left: 0;
  top: 16px;
}
.no-webp .top-bar__wrapper .btn-join[data-v-09cf8159] {background:url(/img/btn-join_69e29a72.png)}
.webp .top-bar__wrapper .btn-join[data-v-09cf8159] {background:url(/img/btn-join_69e29a72.webp)}
.top-bar__wrapper .btn-join[data-v-09cf8159] {
  display: inline-block;
  width: 155px;
  height: 40px;
  vertical-align: bottom;
  margin-left: 10px;
}
.no-webp .top-bar__wrapper .btn-join[data-v-09cf8159]:hover {background:url(/img/btn-join2_80eb140e.png)}
.webp .top-bar__wrapper .btn-join[data-v-09cf8159]:hover {background:url(/img/btn-join2_80eb140e.webp)}
.top-bar__wrapper .btn-join[data-v-09cf8159]:hover {
}
.top-bar__wrapper .login-bar[data-v-09cf8159] {
  position: absolute;
  left: 1175px;
  top: 20px;
}
.top-bar__wrapper .btn-logout[data-v-09cf8159] {
  color: #1e5ae2;
  cursor: pointer;
}
.top-bar__wrapper .btn-logout[data-v-09cf8159]:hover {
  text-decoration: underline;
}
.top-bar__wrapper .btn-login[data-v-09cf8159] {
  display: inline-block;
  cursor: pointer;
  font-size: 18px;
  margin-top: 2px;
  line-height: 35px;
  border: 1px solid #0040d0;
  color: #0040d0;
  padding: 0 20px;
  -webkit-border-radius: 40px;
  -moz-border-radius: 40px;
  border-radius: 40px;
  text-align: center;
  font-weight: bolder;
  /* background: url("../img/btn-login.png");

         &:hover {
             background: url("../img/btn-login-h.png");
         }*/
}
.no-webp .top-bar__wrapper .btn-login[data-v-09cf8159]:hover {background:#1e5ae2}
.webp .top-bar__wrapper .btn-login[data-v-09cf8159]:hover {background:#1e5ae2}
.top-bar__wrapper .btn-login[data-v-09cf8159]:hover {
  color: #fff;
  border-color: #1e5ae2;
}
.top-bar__wrapper .login-info[data-v-09cf8159] {
  line-height: 44px;
}
.top-bar__wrapper .btn-login[data-v-09cf8159],
.top-bar__wrapper .btn-logout[data-v-09cf8159] {
  display: inline-block;
  vertical-align: top;
}
.top-bar__wrapper .user-name[data-v-09cf8159] {
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
  -ms-text-overflow: ellipsis;
  text-overflow: ellipsis;
}
@media screen and (max-width: 1400px) {
.login-info .user-name[data-v-09cf8159] {
    display: none;
    width: 0;
    overflow: hidden;
}
}




.tab-wrap[data-v-a4ae1a74] {
  position: relative;
  margin: 0 auto;
  margin-top: 229px;
  width: 971px;
  font-family: 'fzltdh';
}
.no-webp .tab-wrap .tab[data-v-a4ae1a74] {background-color:#fff}
.webp .tab-wrap .tab[data-v-a4ae1a74] {background-color:#fff}
.tab-wrap .tab[data-v-a4ae1a74] {
  position: relative;
  display: inline-block;
  width: 294px;
  height: 59px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: 1px solid #1e5ae2;
  color: #1e5ae2;
  text-align: center;
  font-size: 24px;
  line-height: 59px;
  border-radius: 30px;
  cursor: pointer;
}
.no-webp .tab-wrap .tab[data-v-a4ae1a74]:hover, 
.no-webp .tab-wrap .tab-active[data-v-a4ae1a74] {background-color:#1e5ae2}
.webp .tab-wrap .tab[data-v-a4ae1a74]:hover, 
.webp .tab-wrap .tab-active[data-v-a4ae1a74] {background-color:#1e5ae2}
.tab-wrap .tab[data-v-a4ae1a74]:hover,
.tab-wrap .tab-active[data-v-a4ae1a74] {
  color: #fff;
}
.tab-wrap .tab[data-v-a4ae1a74]:nth-of-type(2) {
  margin-left: 44px;
  margin-right: 44px;
}