/*
 * Copyright 2016.06.16, kugou.com
 * Creator: mingke
 * HIFI
 */
@charset "utf-8";
html {
  -webkit-text-size-adjust: none;
}
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
fieldset,
input,
textarea,
p,
blockquote,
th,
td,
a,
img {
  margin: 0;
  padding: 0;
}
body {
  font: 12px/1.5 \5fae\8f6f\96c5\9ed1, Arial, \5b8b\4f53, Verdana;
}
h1,
h2,
h3,
h4,
h5,
h6,
p,
a {
  font-size: 100%;
}
ul,
ol,
li {
  list-style: none;
}
table {
  border-collapse: collapse;
  border-style: none;
}
button {
  border: 0 none;
  padding: 0;
  cursor: pointer;
}
iframe {
  display: block;
}
img {
  border: 0;
}
input,
select,
img {
  vertical-align: middle;
}
input {
  outline: none;
}
textarea {
  resize: vertical;
}
a {
  outline: 0;
  text-decoration: none;
}
.clear {
  clear: both;
  height: 0;
  width: 100%;
  font-size: 0;
  line-height: 0;
  overflow: hidden;
}
.clear_fix {
  zoom: 1;
}
.clear_fix:after {
  display: block;
  clear: both;
  content: '.';
  visibility: hidden;
  height: 0;
  font-size: 0;
}
.fl {
  float: left;
}
.fr {
  float: right;
}
.hide {
  display: none !important;
}
body,
html {
  font: 12px/1.5 \5fae\8f6f\96c5\9ed1, simsun, sans-serif;
  font-family: Microsoft Yahei, '\5b8b\4f53', Arial, Verdana;
}
body {
  overflow-x: hidden;
}

/* icon 皮肤 */
.icon {
  background: url('../images/new-icon.png?20180117') no-repeat;
  background-size: cover;
}

/* <!-- 顶部导航条 begin --> */
.navTop-module {
  position: absolute;
  width: 100%;
  height: 9.25rem;

  z-index: 1000;
  overflow: hidden;
  background-color: rgba(0, 0, 0, 0.3);
}
.navTop-module .navTop-bg {
  width: 100%;
  height: 9.25rem;
  opacity: 0.3;
  filter: alpha(opacity=30); /* background-color: rgba(0,0,0,0.3); */
}
.navTop-module .navTop-context {
  display: flex;
  align-items: center;
  /* width: ; */
  margin-left: 53.8rem;
  height: 9.25rem;
}
.navTop-module .navTop-context .navTop-context-left {
  /* margin-top: 2.05rem; */
  width: 19.2rem;
  /* height: 9.25rem; */
}
.navTop-context .navTop-context-left .navTop-logoTitle {
  width: 150px;
  height: 20px;
  background-position: 0 -145px;
  _background-position: 0 0;
  _background: none;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.kugou.com/hifi/images/logoTitle.png?20160623',sizingMethod="crop");
}
.navTop-context .navTop-context-right {
  width: 470px;
  height: 24px;
  color: #bbb;
  font-size: 12px;
  margin-left: 12.5rem;
}
.navTop-context .navTop-context-right a,
.navTop-context .navTop-context-right span {
  color: #fff;
  font-size: 1.33rem;
  margin-right: 4.5rem;
}
.navTop-context .navTop-context-right .share-btn {
}
.navTop-context .navTop-context-right-ie6 {
  display: none;
  position: absolute;
  margin-left: 360px;
  margin-top: 27px;
  width: 424px;
  height: 24px;
  color: #bbb;
  font-size: 14px;
}
.navTop-context .navTop-context-right-ie6 a,
.navTop-context .navTop-context-right-ie6 span {
  color: #fff;
  font-size: 16px;
}
.navTop-context .navTop-context-right-ie6 .share-btn {
}

/* <!-- 分页导航按钮 begin --> */
.navPage-module {
  position: fixed;
  right: 20px;
  top: 50%;
  margin-top: -75px;
  width: 10px;
  height: 140px;
  z-index: 1000;
}
.navPage-module .navPage {
  width: 10px;
  height: 140px;
}
.navPage-module .navPage .navPage-btn {
  margin-top: 10px;
  width: 10px;
  height: 10px;
}
.navPage-module .navPage-btn .navPage-icon {
  position: absolute;
  width: 10px;
  height: 10px;
  background-position: -50px -53px;
  _background-position: 0 0;
  _background: none;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.kugou.com/hifi/images/navPage.png?20160623',sizingMethod="crop");
}
.navPage-module .navPage-btn .selected {
  background-position: -61px -53px;
  _background-position: 0 0;
  _background: none;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.kugou.com/hifi/images/navPagehover.png?20160623',sizingMethod="crop");
}
.navPage-module .navPage-btn .nav-btn {
  position: absolute;
  width: 10px;
  height: 10px;
}

/* <!-- 下一页按钮 begin --> */
.nextPage-module {
  position: fixed;
  bottom: 20px;
  left: 50%;
  margin-left: -17px;
  width: 34px;
  height: 20px;
  z-index: 1000;
}
.nextPage-module .nextPage-btn {
  position: absolute;
  display: block;
  width: 34px;
  height: 20px;
  background-position: -72px -53px;
  _background-position: 0 0;
  _background: none;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.kugou.com/hifi/images/nextPage.png?20160623',sizingMethod="crop");
}
.nextPage-module:hover .nextPage-btn {
  background-position: -107px -53px;
  _background-position: 0 0;
  _background: none;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.kugou.com/hifi/images/nextPagehover.png?20160623',sizingMethod="crop");
}
.nextPage-module .next-btn {
  position: absolute;
  display: block;
  width: 34px;
  height: 20px;
}

/* <!-- 内容区 begin --> */
.display-module {
  /* overflow: hidden; */
  overflow: hidden;
  position: absolute;
  top: 9rem;
  z-index: 9999;
}
.display-module .dpm {
  position: relative;
}
.display-module .dpm-bg {
  position: absolute;
  width: 100%;
}
.display-module .bg-img {
  display: none;
  position: absolute;
  margin-left: -460px;
}

/* <!-- 头屏 --> */
.display-module .display1 {
  /* display: none; */
  height: 87.25rem;
}
.display-module .display1 .display1-bg {
}
.display-module .display1 .display1-cont {
  width: 100vw;
  height: 80%;
}
.display1 .display1-cont .display1-logo {
  position: absolute;
  margin-left: 415px;
  margin-top: 230px;
  width: 168px;
  height: 167px;
  background-position: -579px -74px;
  _background-position: 0 0;
  _background: none;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.kugou.com/hifi/images/biglogo.png?20160623',sizingMethod="crop");
}
.display1 .display1-cont .display1-title {
  position: absolute;
  margin-left: 247px;
  margin-top: 420px;
  width: 512px;
  height: 163px;
  background-position: 0 -238px;
  _background-position: 0 0;
  _background: none;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.kugou.com/hifi/images/display1-title.png?20160623',sizingMethod="crop");
}
.display1 .display1-cont .display1-name {
  position: absolute;
  margin-left: 372px;
  margin-top: 566px;
  width: 242px;
  height: 72px;
  background: url(../images/dl/viper_logo.png) no-repeat;
}


.display1-cont {
  margin-left: 53.8rem;
}
.display1 .display1-download .d1-download {
  /* position: absolute; */
}

.display1 .display1-cont .display1-logo {
  opacity: 1;
  -webkit-transform: translate3d(0, -120px, 0);
  -moz-transform: translate3d(0, -120px, 0);
  -ms-transform: translate3d(0, -120px, 0);
  -o-transform: translate3d(0, -120px, 0);
  transform: translate3d(0, -120px, 0);
  -webkit-transition: -webkit-transform 1s 0.6s, opacity 1s 0.6s;
  -moz-transition: -moz-transform 1s 0.6s, opacity 1s 0.6s;
  -ms-transition: -ms-transform 1s 0.6s, opacity 1s 0.6s;
  -o-transition: -o-transform 1s 0.6s, opacity 1s 0.6s;
  transition: transform 1s 0.6s, opacity 1s 0.6s;
}
.display1 .display1-cont .animation {
  opacity: 1;
  transition: transform 1s 0.6s, opacity 1s 0.6s;
}
.display1 .display1-cont .display1-title {
  opacity: 1;
  -webkit-transform: translate3d(0, -110px, 0);
  -moz-transform: translate3d(0, -110px, 0);
  -ms-transform: translate3d(0, -110px, 0);
  -o-transform: translate3d(0, -110px, 0);
  transform: translate3d(0, -110px, 0);
  -webkit-transition: -webkit-transform 1.2s 0.5s, opacity 1.2s 0.5s;
  -moz-transition: -moz-transform 1.2s 0.5s, opacity 1.2s 0.5s;
  -ms-transition: -ms-transform 1.2s 0.5s, opacity 1.2s 0.5s;
  -o-transition: -o-transform 1.2s 0.5s, opacity 1.2s 0.5s;
  transition: transform 1.2s 0.5s, opacity 1.2s 0.5s;
}
.display1 .display1-cont .display1-name {
  opacity: 1;
  -webkit-transform: translate3d(0, -100px, 0);
  -moz-transform: translate3d(0, -100px, 0);
  -ms-transform: translate3d(0, -100px, 0);
  -o-transform: translate3d(0, -100px, 0);
  transform: translate3d(0, -100px, 0);
  -webkit-transition: -webkit-transform 1.4s 0.6s, opacity 1.4s 0.6s;
  -moz-transition: -moz-transform 1.4s 0.6s, opacity 1.4s 0.6s;
  -ms-transition: -ms-transform 1.4s 0.6s, opacity 1.4s 0.6s;
  -o-transition: -o-transform 1.4s 0.6s, opacity 1.4s 0.6s;
  transition: transform 1.4s 0.6s, opacity 1.4s 0.6s;
}
.display1.actived .display1-cont .display1-logo,
.display1.actived .display1-cont .display1-title,
.display1.actived .display1-cont .display1-name,
.display1.actived .display1-cont .display1-animation,
.display1.actived .display1-cont .display1-download {
  opacity: 1;
  -webkit-transform: none;
  -moz-transform: none;
  -ms-transform: none;
  -o-transform: none;
  transform: none;
}
.display1.actived .display1-cont .display1-animation1 {
  opacity: 0.6;
  -webkit-transform: none;
  -moz-transform: none;
  -ms-transform: none;
  -o-transform: none;
  transform: none;
}

/* <!-- HiFi级全音频格式解码 --> */
.display-module .display2 {
  /* display: none; */
}
.display-module .display2 .display2-bg {
  background: url(../images/displayBg2.jpg?20160623) no-repeat center top;
}
.display-module .display2 .display2-cont {
  width: 1000px;
  height: 1000px;
  margin: 0px auto;
}
.display2 .display2-cont .display2-bg {
  position: absolute;
  margin-left: -138px;
  width: 1138px;
  height: 810px;
  background: url('../images/display2-bg.png?20160623') no-repeat;
  _background: none;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.kugou.com/hifi/images/display2-bg.png?20160623',sizingMethod="crop");
}
.display2 .display2-cont .display2-title {
  position: absolute;
  margin-top: 216px;
  margin-left: 205px;
  width: 590px;
  height: 60px;
  background: url('../images/bg2-title1.png?20160623') no-repeat;
  _background: none;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.kugou.com/hifi/images/bg2-title1.png?20160623',sizingMethod="crop");
}
.display2 .display2-cont .display2-txt {
  position: absolute;
  margin-top: 300px;
  margin-left: 225px;
  width: calc(10vw + 300px);
  height: 26px;
  background: url('../images/bg2-title2.png?20160623') no-repeat;
  _background: none;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.kugou.com/hifi/images/bg2-title2.png?20160623',sizingMethod="crop");
}
.display2 .display2-cont .display2-ape {
  position: absolute;
  margin-left: -64px;
  margin-top: 538px;
  width: 100px;
  height: 100px;
}
.display2 .display2-cont .display2-ape .display2-ape-icon {
  position: absolute;
  display: block;
  width: 100px;
  height: 100px;
  background: url('../images/ape.png?20160623') no-repeat;
  _background: none;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.kugou.com/hifi/images/ape.png?20160623',sizingMethod="crop");
}
.display2 .display2-cont .display2-wv {
  position: absolute;
  margin-left: 183px;
  margin-top: 578px;
  width: 54px;
  height: 54px;
}
.display2 .display2-cont .display2-wv .display2-wv-icon {
  position: absolute;
  display: block;
  width: 54px;
  height: 54px;
  background: url('../images/wv.png?20160623') no-repeat;
  _background: none;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.kugou.com/hifi/images/wv.png?20160623',sizingMethod="crop");
}
.display2 .display2-cont .display2-dsd {
  position: absolute;
  margin-left: 334px;
  margin-top: 452px;
  width: 100px;
  height: 100px;
}
.display2 .display2-cont .display2-dsd .display2-dsd-icon {
  position: absolute;
  display: block;
  width: 100px;
  height: 100px;
  background: url('../images/dsd.png?20160623') no-repeat;
  _background: none;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.kugou.com/hifi/images/dsd.png?20160623',sizingMethod="crop");
}
.display2 .display2-cont .display2-flac {
  position: absolute;
  margin-left: 439px;
  margin-top: 741px;
  width: 122px;
  height: 122px;
}
.display2 .display2-cont .display2-flac .display2-flac-icon {
  position: absolute;
  display: block;
  width: 122px;
  height: 122px;
  background: url('../images/flac.png?20160623') no-repeat;
  _background: none;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.kugou.com/hifi/images/flac.png?20160623',sizingMethod="crop");
}
.display2 .display2-cont .display2-tta {
  position: absolute;
  margin-left: 523px;
  margin-top: 543px;
  width: 86px;
  height: 86px;
}
.display2 .display2-cont .display2-tta .display2-tta-icon {
  position: absolute;
  display: block;
  width: 86px;
  height: 86px;
  background: url('../images/tta.png?20160623') no-repeat;
  _background: none;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.kugou.com/hifi/images/tta.png?20160623',sizingMethod="crop");
}
.display2 .display2-cont .display2-alac {
  position: absolute;
  margin-left: 640px;
  margin-top: 482px;
  width: 62px;
  height: 62px;
}
.display2 .display2-cont .display2-alac .display2-alac-icon {
  position: absolute;
  display: block;
  width: 62px;
  height: 62px;
  background: url('../images/alac.png?20160623') no-repeat;
  _background: none;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.kugou.com/hifi/images/alac.png?20160623',sizingMethod="crop");
}
.display2 .display2-cont .display2-wav {
  position: absolute;
  margin-left: 750px;
  margin-top: 640px;
  width: 76px;
  height: 76px;
}
.display2 .display2-cont .display2-wav .display2-wav-icon {
  position: absolute;
  display: block;
  width: 76px;
  height: 76px;
  background: url('../images/wav.png?20160623') no-repeat;
  _background: none;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.kugou.com/hifi/images/wav.png?20160623',sizingMethod="crop");
}
.display2 .display2-cont .display2-cd {
  position: absolute;
  margin-left: 892px;
  margin-top: 440px;
  width: 100px;
  height: 100px;
}
.display2 .display2-cont .display2-cd .display2-cd-icon {
  position: absolute;
  display: block;
  width: 100px;
  height: 100px;
  background: url('../images/cd.png?20160623') no-repeat;
  _background: none;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.kugou.com/hifi/images/cd.png?20160623',sizingMethod="crop");
}
.display2 .display2-cont .display2-bg {
  opacity: 1;
  -webkit-transition: opacity 1s 0.2s;
  -moz-transition: opacity 1s 0.2s;
  -ms-transition: opacity 1s 0.2s;
  -o-transition: opacity 1s 0.2s;
  transition: opacity 1s 0.2s;
}
.display2 .display2-cont .display2-title {
  opacity: 1;
  -webkit-transform: translate3d(0, -120px, 0);
  -moz-transform: translate3d(0, -120px, 0);
  -ms-transform: translate3d(0, -120px, 0);
  -o-transform: translate3d(0, -120px, 0);
  transform: translate3d(0, -120px, 0);
  -webkit-transition: -webkit-transform 1s 0.2s, opacity 1s 0.2s;
  -moz-transition: -moz-transform 1s 0.2s, opacity 1s 0.2s;
  -ms-transition: -ms-transform 1s 0.2s, opacity 1s 0.2s;
  -o-transition: -o-transform 1s 0.2s, opacity 1s 0.2s;
  transition: transform 1s 0.2s, opacity 1s 0.2s;
}
.display2 .display2-cont .display2-txt {
  opacity: 1;
  -webkit-transform: translate3d(0, -110px, 0);
  -moz-transform: translate3d(0, -110px, 0);
  -ms-transform: translate3d(0, -110px, 0);
  -o-transform: translate3d(0, -110px, 0);
  transform: translate3d(0, -110px, 0);
  -webkit-transition: -webkit-transform 0.8s 0.3s, opacity 0.8s 0.3s;
  -moz-transition: -moz-transform 0.8s 0.3s, opacity 0.8s 0.3s;
  -ms-transition: -ms-transform 0.8s 0.3s, opacity 0.8s 0.3s;
  -o-transition: -o-transform 0.8s 0.3s, opacity 0.8s 0.3s;
  transition: transform 0.8s 0.3s, opacity 0.8s 0.3s;
}
.display2.actived .display2-cont .display2-bg,
.display2.actived .display2-cont .display2-title,
.display2.actived .display2-cont .display2-txt {
  opacity: 1;
  -webkit-transform: none;
  -moz-transform: none;
  -ms-transform: none;
  -o-transform: none;
  transform: none;
}
.display2 .display2-cont .display2-ape.hasCss3,
.display2 .display2-cont .display2-wv.hasCss3,
.display2 .display2-cont .display2-dsd.hasCss3,
.display2 .display2-cont .display2-flac.hasCss3,
.display2 .display2-cont .display2-tta.hasCss3,
.display2 .display2-cont .display2-alac.hasCss3,
.display2 .display2-cont .display2-wav.hasCss3,
.display2 .display2-cont .display2-cd.hasCss3 {
  margin-top: -150px;
}
@-webkit-keyframes animationAPE /* Safari 和 Chrome */ {
  0% {
    margin-left: -109px;
    margin-top: -100px;
  }
  5.26% {
    margin-left: -130px;
    margin-top: -58px;
  }
  10.52% {
    margin-left: -144px;
    margin-top: -22px;
  }
  15.78% {
    margin-left: -158px;
    margin-top: 16px;
  }
  21.04% {
    margin-left: -169px;
    margin-top: 55px;
  }
  26.30% {
    margin-left: -178px;
    margin-top: 94px;
  }
  31.56% {
    margin-left: -184px;
    margin-top: 136px;
  }
  36.82% {
    margin-left: -186px;
    margin-top: 179px;
  }
  42.08% {
    margin-left: -185px;
    margin-top: 222px;
  }
  47.34% {
    margin-left: -181px;
    margin-top: 262px;
  }
  52.60% {
    margin-left: -174px;
    margin-top: 299px;
  }
  57.86% {
    margin-left: -167px;
    margin-top: 337px;
  }
  63.12% {
    margin-left: -157.95px;
    margin-top: 367px;
  }
  68.38% {
    margin-left: -148.95px;
    margin-top: 396.95px;
  }
  73.64% {
    margin-left: -136.95px;
    margin-top: 424px;
  }
  78.90% {
    margin-left: -123.95px;
    margin-top: 452px;
  }
  84.16% {
    margin-left: -112.95px;
    margin-top: 476.9px;
  }
  89.42% {
    margin-left: -95.95px;
    margin-top: 499px;
  }
  94.68% {
    margin-left: -77.95px;
    margin-top: 520px;
  }
  100% {
    margin-left: -64px;
    margin-top: 538px;
  }
}
@-moz-keyframes animationAPE /* Firefox */ {
  0% {
    margin-left: -109px;
    margin-top: -100px;
  }
  5.26% {
    margin-left: -130px;
    margin-top: -58px;
  }
  10.52% {
    margin-left: -144px;
    margin-top: -22px;
  }
  15.78% {
    margin-left: -158px;
    margin-top: 16px;
  }
  21.04% {
    margin-left: -169px;
    margin-top: 55px;
  }
  26.30% {
    margin-left: -178px;
    margin-top: 94px;
  }
  31.56% {
    margin-left: -184px;
    margin-top: 136px;
  }
  36.82% {
    margin-left: -186px;
    margin-top: 179px;
  }
  42.08% {
    margin-left: -185px;
    margin-top: 222px;
  }
  47.34% {
    margin-left: -181px;
    margin-top: 262px;
  }
  52.60% {
    margin-left: -174px;
    margin-top: 299px;
  }
  57.86% {
    margin-left: -167px;
    margin-top: 337px;
  }
  63.12% {
    margin-left: -157.95px;
    margin-top: 367px;
  }
  68.38% {
    margin-left: -148.95px;
    margin-top: 396.95px;
  }
  73.64% {
    margin-left: -136.95px;
    margin-top: 424px;
  }
  78.90% {
    margin-left: -123.95px;
    margin-top: 452px;
  }
  84.16% {
    margin-left: -112.95px;
    margin-top: 476.9px;
  }
  89.42% {
    margin-left: -95.95px;
    margin-top: 499px;
  }
  94.68% {
    margin-left: -77.95px;
    margin-top: 520px;
  }
  100% {
    margin-left: -64px;
    margin-top: 538px;
  }
}
@-ms-keyframes animationAPE /* IE */ {
  0% {
    margin-left: -109px;
    margin-top: -100px;
  }
  5.26% {
    margin-left: -130px;
    margin-top: -58px;
  }
  10.52% {
    margin-left: -144px;
    margin-top: -22px;
  }
  15.78% {
    margin-left: -158px;
    margin-top: 16px;
  }
  21.04% {
    margin-left: -169px;
    margin-top: 55px;
  }
  26.30% {
    margin-left: -178px;
    margin-top: 94px;
  }
  31.56% {
    margin-left: -184px;
    margin-top: 136px;
  }
  36.82% {
    margin-left: -186px;
    margin-top: 179px;
  }
  42.08% {
    margin-left: -185px;
    margin-top: 222px;
  }
  47.34% {
    margin-left: -181px;
    margin-top: 262px;
  }
  52.60% {
    margin-left: -174px;
    margin-top: 299px;
  }
  57.86% {
    margin-left: -167px;
    margin-top: 337px;
  }
  63.12% {
    margin-left: -157.95px;
    margin-top: 367px;
  }
  68.38% {
    margin-left: -148.95px;
    margin-top: 396.95px;
  }
  73.64% {
    margin-left: -136.95px;
    margin-top: 424px;
  }
  78.90% {
    margin-left: -123.95px;
    margin-top: 452px;
  }
  84.16% {
    margin-left: -112.95px;
    margin-top: 476.9px;
  }
  89.42% {
    margin-left: -95.95px;
    margin-top: 499px;
  }
  94.68% {
    margin-left: -77.95px;
    margin-top: 520px;
  }
  100% {
    margin-left: -64px;
    margin-top: 538px;
  }
}
@-o-keyframes animationAPE /* Opera */ {
  0% {
    margin-left: -109px;
    margin-top: -100px;
  }
  5.26% {
    margin-left: -130px;
    margin-top: -58px;
  }
  10.52% {
    margin-left: -144px;
    margin-top: -22px;
  }
  15.78% {
    margin-left: -158px;
    margin-top: 16px;
  }
  21.04% {
    margin-left: -169px;
    margin-top: 55px;
  }
  26.30% {
    margin-left: -178px;
    margin-top: 94px;
  }
  31.56% {
    margin-left: -184px;
    margin-top: 136px;
  }
  36.82% {
    margin-left: -186px;
    margin-top: 179px;
  }
  42.08% {
    margin-left: -185px;
    margin-top: 222px;
  }
  47.34% {
    margin-left: -181px;
    margin-top: 262px;
  }
  52.60% {
    margin-left: -174px;
    margin-top: 299px;
  }
  57.86% {
    margin-left: -167px;
    margin-top: 337px;
  }
  63.12% {
    margin-left: -157.95px;
    margin-top: 367px;
  }
  68.38% {
    margin-left: -148.95px;
    margin-top: 396.95px;
  }
  73.64% {
    margin-left: -136.95px;
    margin-top: 424px;
  }
  78.90% {
    margin-left: -123.95px;
    margin-top: 452px;
  }
  84.16% {
    margin-left: -112.95px;
    margin-top: 476.9px;
  }
  89.42% {
    margin-left: -95.95px;
    margin-top: 499px;
  }
  94.68% {
    margin-left: -77.95px;
    margin-top: 520px;
  }
  100% {
    margin-left: -64px;
    margin-top: 538px;
  }
}
@keyframes animationAPE {
  0% {
    margin-left: -109px;
    margin-top: -100px;
  }
  5.26% {
    margin-left: -130px;
    margin-top: -58px;
  }
  10.52% {
    margin-left: -144px;
    margin-top: -22px;
  }
  15.78% {
    margin-left: -158px;
    margin-top: 16px;
  }
  21.04% {
    margin-left: -169px;
    margin-top: 55px;
  }
  26.30% {
    margin-left: -178px;
    margin-top: 94px;
  }
  31.56% {
    margin-left: -184px;
    margin-top: 136px;
  }
  36.82% {
    margin-left: -186px;
    margin-top: 179px;
  }
  42.08% {
    margin-left: -185px;
    margin-top: 222px;
  }
  47.34% {
    margin-left: -181px;
    margin-top: 262px;
  }
  52.60% {
    margin-left: -174px;
    margin-top: 299px;
  }
  57.86% {
    margin-left: -167px;
    margin-top: 337px;
  }
  63.12% {
    margin-left: -157.95px;
    margin-top: 367px;
  }
  68.38% {
    margin-left: -148.95px;
    margin-top: 396.95px;
  }
  73.64% {
    margin-left: -136.95px;
    margin-top: 424px;
  }
  78.90% {
    margin-left: -123.95px;
    margin-top: 452px;
  }
  84.16% {
    margin-left: -112.95px;
    margin-top: 476.9px;
  }
  89.42% {
    margin-left: -95.95px;
    margin-top: 499px;
  }
  94.68% {
    margin-left: -77.95px;
    margin-top: 520px;
  }
  100% {
    margin-left: -64px;
    margin-top: 538px;
  }
}
.display2.actived .display2-cont .display2-ape {
  -webkit-animation: animationAPE 1.1s ease-out 0.5s forwards;
  -moz-animation: animationAPE 1.1s ease-out 0.5s forwards;
  -ms-animation: animationAPE 1.1s ease-out 0.5s forwards;
  -o-animation: animationAPE 1.1s ease-out 0.5s forwards;
  animation: animationAPE 1.1s ease-out 0.5s forwards;
}
@-webkit-keyframes animationWV /* Safari 和 Chrome */ {
  0% {
    margin-left: -23px;
    margin-top: -54px;
  }
  5.26% {
    margin-left: -46px;
    margin-top: -6px;
  }
  10.52% {
    margin-left: -64px;
    margin-top: 40px;
  }
  15.78% {
    margin-left: -78px;
    margin-top: 88px;
  }
  21.04% {
    margin-left: -86px;
    margin-top: 138px;
  }
  26.30% {
    margin-left: -89px;
    margin-top: 189px;
  }
  31.56% {
    margin-left: -85px;
    margin-top: 239px;
  }
  36.82% {
    margin-left: -75px;
    margin-top: 286px;
  }
  42.08% {
    margin-left: -60px;
    margin-top: 332px;
  }
  47.34% {
    margin-left: -42px;
    margin-top: 376px;
  }
  52.60% {
    margin-left: -20px;
    margin-top: 416px;
  }
  57.86% {
    margin-left: 5px;
    margin-top: 450px;
  }
  63.12% {
    margin-left: 26px;
    margin-top: 474px;
  }
  68.38% {
    margin-left: 49px;
    margin-top: 494.95px;
  }
  73.64% {
    margin-left: 71px;
    margin-top: 514.95px;
  }
  78.90% {
    margin-left: 95px;
    margin-top: 529.95px;
  }
  84.16% {
    margin-left: 120px;
    margin-top: 545.95px;
  }
  89.42% {
    margin-left: 146px;
    margin-top: 557.95px;
  }
  94.68% {
    margin-left: 169px;
    margin-top: 568.95px;
  }
  100% {
    margin-left: 184px;
    margin-top: 575px;
  }
}
@-moz-keyframes animationWV /* Firefox */ {
  0% {
    margin-left: -23px;
    margin-top: -54px;
  }
  5.26% {
    margin-left: -46px;
    margin-top: -6px;
  }
  10.52% {
    margin-left: -64px;
    margin-top: 40px;
  }
  15.78% {
    margin-left: -78px;
    margin-top: 88px;
  }
  21.04% {
    margin-left: -86px;
    margin-top: 138px;
  }
  26.30% {
    margin-left: -89px;
    margin-top: 189px;
  }
  31.56% {
    margin-left: -85px;
    margin-top: 239px;
  }
  36.82% {
    margin-left: -75px;
    margin-top: 286px;
  }
  42.08% {
    margin-left: -60px;
    margin-top: 332px;
  }
  47.34% {
    margin-left: -42px;
    margin-top: 376px;
  }
  52.60% {
    margin-left: -20px;
    margin-top: 416px;
  }
  57.86% {
    margin-left: 5px;
    margin-top: 450px;
  }
  63.12% {
    margin-left: 26px;
    margin-top: 474px;
  }
  68.38% {
    margin-left: 49px;
    margin-top: 494.95px;
  }
  73.64% {
    margin-left: 71px;
    margin-top: 514.95px;
  }
  78.90% {
    margin-left: 95px;
    margin-top: 529.95px;
  }
  84.16% {
    margin-left: 120px;
    margin-top: 545.95px;
  }
  89.42% {
    margin-left: 146px;
    margin-top: 557.95px;
  }
  94.68% {
    margin-left: 169px;
    margin-top: 568.95px;
  }
  100% {
    margin-left: 184px;
    margin-top: 575px;
  }
}
@-ms-keyframes animationWV /* IE */ {
  0% {
    margin-left: -23px;
    margin-top: -54px;
  }
  5.26% {
    margin-left: -46px;
    margin-top: -6px;
  }
  10.52% {
    margin-left: -64px;
    margin-top: 40px;
  }
  15.78% {
    margin-left: -78px;
    margin-top: 88px;
  }
  21.04% {
    margin-left: -86px;
    margin-top: 138px;
  }
  26.30% {
    margin-left: -89px;
    margin-top: 189px;
  }
  31.56% {
    margin-left: -85px;
    margin-top: 239px;
  }
  36.82% {
    margin-left: -75px;
    margin-top: 286px;
  }
  42.08% {
    margin-left: -60px;
    margin-top: 332px;
  }
  47.34% {
    margin-left: -42px;
    margin-top: 376px;
  }
  52.60% {
    margin-left: -20px;
    margin-top: 416px;
  }
  57.86% {
    margin-left: 5px;
    margin-top: 450px;
  }
  63.12% {
    margin-left: 26px;
    margin-top: 474px;
  }
  68.38% {
    margin-left: 49px;
    margin-top: 494.95px;
  }
  73.64% {
    margin-left: 71px;
    margin-top: 514.95px;
  }
  78.90% {
    margin-left: 95px;
    margin-top: 529.95px;
  }
  84.16% {
    margin-left: 120px;
    margin-top: 545.95px;
  }
  89.42% {
    margin-left: 146px;
    margin-top: 557.95px;
  }
  94.68% {
    margin-left: 169px;
    margin-top: 568.95px;
  }
  100% {
    margin-left: 184px;
    margin-top: 575px;
  }
}
@-o-keyframes animationWV /* Opera */ {
  0% {
    margin-left: -23px;
    margin-top: -54px;
  }
  5.26% {
    margin-left: -46px;
    margin-top: -6px;
  }
  10.52% {
    margin-left: -64px;
    margin-top: 40px;
  }
  15.78% {
    margin-left: -78px;
    margin-top: 88px;
  }
  21.04% {
    margin-left: -86px;
    margin-top: 138px;
  }
  26.30% {
    margin-left: -89px;
    margin-top: 189px;
  }
  31.56% {
    margin-left: -85px;
    margin-top: 239px;
  }
  36.82% {
    margin-left: -75px;
    margin-top: 286px;
  }
  42.08% {
    margin-left: -60px;
    margin-top: 332px;
  }
  47.34% {
    margin-left: -42px;
    margin-top: 376px;
  }
  52.60% {
    margin-left: -20px;
    margin-top: 416px;
  }
  57.86% {
    margin-left: 5px;
    margin-top: 450px;
  }
  63.12% {
    margin-left: 26px;
    margin-top: 474px;
  }
  68.38% {
    margin-left: 49px;
    margin-top: 494.95px;
  }
  73.64% {
    margin-left: 71px;
    margin-top: 514.95px;
  }
  78.90% {
    margin-left: 95px;
    margin-top: 529.95px;
  }
  84.16% {
    margin-left: 120px;
    margin-top: 545.95px;
  }
  89.42% {
    margin-left: 146px;
    margin-top: 557.95px;
  }
  94.68% {
    margin-left: 169px;
    margin-top: 568.95px;
  }
  100% {
    margin-left: 184px;
    margin-top: 575px;
  }
}
@keyframes animationWV {
  0% {
    margin-left: -23px;
    margin-top: -54px;
  }
  5.26% {
    margin-left: -46px;
    margin-top: -6px;
  }
  10.52% {
    margin-left: -64px;
    margin-top: 40px;
  }
  15.78% {
    margin-left: -78px;
    margin-top: 88px;
  }
  21.04% {
    margin-left: -86px;
    margin-top: 138px;
  }
  26.30% {
    margin-left: -89px;
    margin-top: 189px;
  }
  31.56% {
    margin-left: -85px;
    margin-top: 239px;
  }
  36.82% {
    margin-left: -75px;
    margin-top: 286px;
  }
  42.08% {
    margin-left: -60px;
    margin-top: 332px;
  }
  47.34% {
    margin-left: -42px;
    margin-top: 376px;
  }
  52.60% {
    margin-left: -20px;
    margin-top: 416px;
  }
  57.86% {
    margin-left: 5px;
    margin-top: 450px;
  }
  63.12% {
    margin-left: 26px;
    margin-top: 474px;
  }
  68.38% {
    margin-left: 49px;
    margin-top: 494.95px;
  }
  73.64% {
    margin-left: 71px;
    margin-top: 514.95px;
  }
  78.90% {
    margin-left: 95px;
    margin-top: 529.95px;
  }
  84.16% {
    margin-left: 120px;
    margin-top: 545.95px;
  }
  89.42% {
    margin-left: 146px;
    margin-top: 557.95px;
  }
  94.68% {
    margin-left: 169px;
    margin-top: 568.95px;
  }
  100% {
    margin-left: 184px;
    margin-top: 575px;
  }
}
.display2.actived .display2-cont .display2-wv {
  -webkit-animation: animationWV 1.1s ease-out 0.5s forwards;
  -moz-animation: animationWV 1.1s ease-out 0.5s forwards;
  -ms-animation: animationWV 1.1s ease-out 0.5s forwards;
  -o-animation: animationWV 1.1s ease-out 0.5s forwards;
  animation: animationWV 1.1s ease-out 0.5s forwards;
}
@-webkit-keyframes animationDSD /* Safari 和 Chrome */ {
  0% {
    margin-left: 27px;
    margin-top: -100px;
  }
  5.88% {
    margin-left: -0.65px;
    margin-top: -39.65px;
  }
  11.76% {
    margin-left: -24.65px;
    margin-top: 9.35px;
  }
  17.64% {
    margin-left: -40.65px;
    margin-top: 62.35px;
  }
  23.52% {
    margin-left: -48.65px;
    margin-top: 115.35px;
  }
  29.40% {
    margin-left: -47.65px;
    margin-top: 169.35px;
  }
  35.28% {
    margin-left: -35.65px;
    margin-top: 223.35px;
  }
  41.16% {
    margin-left: -16.65px;
    margin-top: 274.35px;
  }
  47.04% {
    margin-left: 10.35px;
    margin-top: 319.35px;
  }
  52.92% {
    margin-left: 44.35px;
    margin-top: 359.3px;
  }
  58.80% {
    margin-left: 78.35px;
    margin-top: 391.3px;
  }
  64.68% {
    margin-left: 116.35px;
    margin-top: 416.3px;
  }
  70.56% {
    margin-left: 160.35px;
    margin-top: 437.3px;
  }
  76.44% {
    margin-left: 200.35px;
    margin-top: 449.3px;
  }
  82.32% {
    margin-left: 241.35px;
    margin-top: 456.3px;
  }
  88.20% {
    margin-left: 276.35px;
    margin-top: 459.3px;
  }
  94.08% {
    margin-left: 315.35px;
    margin-top: 456.3px;
  }
  100% {
    margin-left: 334px;
    margin-top: 452px;
  }
}
@-moz-keyframes animationDSD /* Firefox */ {
  0% {
    margin-left: 27px;
    margin-top: -100px;
  }
  5.88% {
    margin-left: -0.65px;
    margin-top: -39.65px;
  }
  11.76% {
    margin-left: -24.65px;
    margin-top: 9.35px;
  }
  17.64% {
    margin-left: -40.65px;
    margin-top: 62.35px;
  }
  23.52% {
    margin-left: -48.65px;
    margin-top: 115.35px;
  }
  29.40% {
    margin-left: -47.65px;
    margin-top: 169.35px;
  }
  35.28% {
    margin-left: -35.65px;
    margin-top: 223.35px;
  }
  41.16% {
    margin-left: -16.65px;
    margin-top: 274.35px;
  }
  47.04% {
    margin-left: 10.35px;
    margin-top: 319.35px;
  }
  52.92% {
    margin-left: 44.35px;
    margin-top: 359.3px;
  }
  58.80% {
    margin-left: 78.35px;
    margin-top: 391.3px;
  }
  64.68% {
    margin-left: 116.35px;
    margin-top: 416.3px;
  }
  70.56% {
    margin-left: 160.35px;
    margin-top: 437.3px;
  }
  76.44% {
    margin-left: 200.35px;
    margin-top: 449.3px;
  }
  82.32% {
    margin-left: 241.35px;
    margin-top: 456.3px;
  }
  88.20% {
    margin-left: 276.35px;
    margin-top: 459.3px;
  }
  94.08% {
    margin-left: 315.35px;
    margin-top: 456.3px;
  }
  100% {
    margin-left: 334px;
    margin-top: 452px;
  }
}
@-ms-keyframes animationDSD /* IE */ {
  0% {
    margin-left: 27px;
    margin-top: -100px;
  }
  5.88% {
    margin-left: -0.65px;
    margin-top: -39.65px;
  }
  11.76% {
    margin-left: -24.65px;
    margin-top: 9.35px;
  }
  17.64% {
    margin-left: -40.65px;
    margin-top: 62.35px;
  }
  23.52% {
    margin-left: -48.65px;
    margin-top: 115.35px;
  }
  29.40% {
    margin-left: -47.65px;
    margin-top: 169.35px;
  }
  35.28% {
    margin-left: -35.65px;
    margin-top: 223.35px;
  }
  41.16% {
    margin-left: -16.65px;
    margin-top: 274.35px;
  }
  47.04% {
    margin-left: 10.35px;
    margin-top: 319.35px;
  }
  52.92% {
    margin-left: 44.35px;
    margin-top: 359.3px;
  }
  58.80% {
    margin-left: 78.35px;
    margin-top: 391.3px;
  }
  64.68% {
    margin-left: 116.35px;
    margin-top: 416.3px;
  }
  70.56% {
    margin-left: 160.35px;
    margin-top: 437.3px;
  }
  76.44% {
    margin-left: 200.35px;
    margin-top: 449.3px;
  }
  82.32% {
    margin-left: 241.35px;
    margin-top: 456.3px;
  }
  88.20% {
    margin-left: 276.35px;
    margin-top: 459.3px;
  }
  94.08% {
    margin-left: 315.35px;
    margin-top: 456.3px;
  }
  100% {
    margin-left: 334px;
    margin-top: 452px;
  }
}
@-o-keyframes animationDSD /* Opera */ {
  0% {
    margin-left: 27px;
    margin-top: -100px;
  }
  5.88% {
    margin-left: -0.65px;
    margin-top: -39.65px;
  }
  11.76% {
    margin-left: -24.65px;
    margin-top: 9.35px;
  }
  17.64% {
    margin-left: -40.65px;
    margin-top: 62.35px;
  }
  23.52% {
    margin-left: -48.65px;
    margin-top: 115.35px;
  }
  29.40% {
    margin-left: -47.65px;
    margin-top: 169.35px;
  }
  35.28% {
    margin-left: -35.65px;
    margin-top: 223.35px;
  }
  41.16% {
    margin-left: -16.65px;
    margin-top: 274.35px;
  }
  47.04% {
    margin-left: 10.35px;
    margin-top: 319.35px;
  }
  52.92% {
    margin-left: 44.35px;
    margin-top: 359.3px;
  }
  58.80% {
    margin-left: 78.35px;
    margin-top: 391.3px;
  }
  64.68% {
    margin-left: 116.35px;
    margin-top: 416.3px;
  }
  70.56% {
    margin-left: 160.35px;
    margin-top: 437.3px;
  }
  76.44% {
    margin-left: 200.35px;
    margin-top: 449.3px;
  }
  82.32% {
    margin-left: 241.35px;
    margin-top: 456.3px;
  }
  88.20% {
    margin-left: 276.35px;
    margin-top: 459.3px;
  }
  94.08% {
    margin-left: 315.35px;
    margin-top: 456.3px;
  }
  100% {
    margin-left: 334px;
    margin-top: 452px;
  }
}
@keyframes animationDSD {
  0% {
    margin-left: 27px;
    margin-top: -100px;
  }
  5.88% {
    margin-left: -0.65px;
    margin-top: -39.65px;
  }
  11.76% {
    margin-left: -24.65px;
    margin-top: 9.35px;
  }
  17.64% {
    margin-left: -40.65px;
    margin-top: 62.35px;
  }
  23.52% {
    margin-left: -48.65px;
    margin-top: 115.35px;
  }
  29.40% {
    margin-left: -47.65px;
    margin-top: 169.35px;
  }
  35.28% {
    margin-left: -35.65px;
    margin-top: 223.35px;
  }
  41.16% {
    margin-left: -16.65px;
    margin-top: 274.35px;
  }
  47.04% {
    margin-left: 10.35px;
    margin-top: 319.35px;
  }
  52.92% {
    margin-left: 44.35px;
    margin-top: 359.3px;
  }
  58.80% {
    margin-left: 78.35px;
    margin-top: 391.3px;
  }
  64.68% {
    margin-left: 116.35px;
    margin-top: 416.3px;
  }
  70.56% {
    margin-left: 160.35px;
    margin-top: 437.3px;
  }
  76.44% {
    margin-left: 200.35px;
    margin-top: 449.3px;
  }
  82.32% {
    margin-left: 241.35px;
    margin-top: 456.3px;
  }
  88.20% {
    margin-left: 276.35px;
    margin-top: 459.3px;
  }
  94.08% {
    margin-left: 315.35px;
    margin-top: 456.3px;
  }
  100% {
    margin-left: 334px;
    margin-top: 452px;
  }
}
.display2.actived .display2-cont .display2-dsd {
  -webkit-animation: animationDSD 1.1s ease-out 0.5s forwards;
  -moz-animation: animationDSD 1.1s ease-out 0.5s forwards;
  -ms-animation: animationDSD 1.1s ease-out 0.5s forwards;
  -o-animation: animationDSD 1.1s ease-out 0.5s forwards;
  animation: animationDSD 1.1s ease-out 0.5s forwards;
}
@-webkit-keyframes animationFLAC /* Safari 和 Chrome */ {
  0% {
    margin-left: -108px;
    margin-top: -122px;
  }
  5.00% {
    margin-left: -136.65px;
    margin-top: -65.65px;
  }
  10.00% {
    margin-left: -162.6px;
    margin-top: -10.65px;
  }
  15.00% {
    margin-left: -180.6px;
    margin-top: 47.35px;
  }
  20.00% {
    margin-left: -192.6px;
    margin-top: 111.35px;
  }
  25.00% {
    margin-left: -196.6px;
    margin-top: 181.35px;
  }
  30.00% {
    margin-left: -191.6px;
    margin-top: 256.35px;
  }
  35.00% {
    margin-left: -173.6px;
    margin-top: 340.3px;
  }
  40.00% {
    margin-left: -143.6px;
    margin-top: 421.35px;
  }
  45.00% {
    margin-left: -102.65px;
    margin-top: 492.35px;
  }
  50.00% {
    margin-left: -54.65px;
    margin-top: 553.35px;
  }
  55.00% {
    margin-left: -5.65px;
    margin-top: 604.3px;
  }
  60.00% {
    margin-left: 46.35px;
    margin-top: 643.3px;
  }
  65.00% {
    margin-left: 96.35px;
    margin-top: 675.3px;
  }
  70.00% {
    margin-left: 147.35px;
    margin-top: 702.3px;
  }
  75.00% {
    margin-left: 200.35px;
    margin-top: 721.3px;
  }
  80.00% {
    margin-left: 254.35px;
    margin-top: 734.3px;
  }
  85.00% {
    margin-left: 305.35px;
    margin-top: 742.3px;
  }
  90.00% {
    margin-left: 356.35px;
    margin-top: 747.3px;
  }
  95.00% {
    margin-left: 405.35px;
    margin-top: 745.3px;
  }
  100% {
    margin-left: 439px;
    margin-top: 741px;
  }
}
@-moz-keyframes animationFLAC /* Firefox */ {
  0% {
    margin-left: -108px;
    margin-top: -122px;
  }
  5.00% {
    margin-left: -136.65px;
    margin-top: -65.65px;
  }
  10.00% {
    margin-left: -162.6px;
    margin-top: -10.65px;
  }
  15.00% {
    margin-left: -180.6px;
    margin-top: 47.35px;
  }
  20.00% {
    margin-left: -192.6px;
    margin-top: 111.35px;
  }
  25.00% {
    margin-left: -196.6px;
    margin-top: 181.35px;
  }
  30.00% {
    margin-left: -191.6px;
    margin-top: 256.35px;
  }
  35.00% {
    margin-left: -173.6px;
    margin-top: 340.3px;
  }
  40.00% {
    margin-left: -143.6px;
    margin-top: 421.35px;
  }
  45.00% {
    margin-left: -102.65px;
    margin-top: 492.35px;
  }
  50.00% {
    margin-left: -54.65px;
    margin-top: 553.35px;
  }
  55.00% {
    margin-left: -5.65px;
    margin-top: 604.3px;
  }
  60.00% {
    margin-left: 46.35px;
    margin-top: 643.3px;
  }
  65.00% {
    margin-left: 96.35px;
    margin-top: 675.3px;
  }
  70.00% {
    margin-left: 147.35px;
    margin-top: 702.3px;
  }
  75.00% {
    margin-left: 200.35px;
    margin-top: 721.3px;
  }
  80.00% {
    margin-left: 254.35px;
    margin-top: 734.3px;
  }
  85.00% {
    margin-left: 305.35px;
    margin-top: 742.3px;
  }
  90.00% {
    margin-left: 356.35px;
    margin-top: 747.3px;
  }
  95.00% {
    margin-left: 405.35px;
    margin-top: 745.3px;
  }
  100% {
    margin-left: 439px;
    margin-top: 741px;
  }
}
@-ms-keyframes animationFLAC /* IE */ {
  0% {
    margin-left: -108px;
    margin-top: -122px;
  }
  5.00% {
    margin-left: -136.65px;
    margin-top: -65.65px;
  }
  10.00% {
    margin-left: -162.6px;
    margin-top: -10.65px;
  }
  15.00% {
    margin-left: -180.6px;
    margin-top: 47.35px;
  }
  20.00% {
    margin-left: -192.6px;
    margin-top: 111.35px;
  }
  25.00% {
    margin-left: -196.6px;
    margin-top: 181.35px;
  }
  30.00% {
    margin-left: -191.6px;
    margin-top: 256.35px;
  }
  35.00% {
    margin-left: -173.6px;
    margin-top: 340.3px;
  }
  40.00% {
    margin-left: -143.6px;
    margin-top: 421.35px;
  }
  45.00% {
    margin-left: -102.65px;
    margin-top: 492.35px;
  }
  50.00% {
    margin-left: -54.65px;
    margin-top: 553.35px;
  }
  55.00% {
    margin-left: -5.65px;
    margin-top: 604.3px;
  }
  60.00% {
    margin-left: 46.35px;
    margin-top: 643.3px;
  }
  65.00% {
    margin-left: 96.35px;
    margin-top: 675.3px;
  }
  70.00% {
    margin-left: 147.35px;
    margin-top: 702.3px;
  }
  75.00% {
    margin-left: 200.35px;
    margin-top: 721.3px;
  }
  80.00% {
    margin-left: 254.35px;
    margin-top: 734.3px;
  }
  85.00% {
    margin-left: 305.35px;
    margin-top: 742.3px;
  }
  90.00% {
    margin-left: 356.35px;
    margin-top: 747.3px;
  }
  95.00% {
    margin-left: 405.35px;
    margin-top: 745.3px;
  }
  100% {
    margin-left: 439px;
    margin-top: 741px;
  }
}
@-o-keyframes animationFLAC /* Opera */ {
  0% {
    margin-left: -108px;
    margin-top: -122px;
  }
  5.00% {
    margin-left: -136.65px;
    margin-top: -65.65px;
  }
  10.00% {
    margin-left: -162.6px;
    margin-top: -10.65px;
  }
  15.00% {
    margin-left: -180.6px;
    margin-top: 47.35px;
  }
  20.00% {
    margin-left: -192.6px;
    margin-top: 111.35px;
  }
  25.00% {
    margin-left: -196.6px;
    margin-top: 181.35px;
  }
  30.00% {
    margin-left: -191.6px;
    margin-top: 256.35px;
  }
  35.00% {
    margin-left: -173.6px;
    margin-top: 340.3px;
  }
  40.00% {
    margin-left: -143.6px;
    margin-top: 421.35px;
  }
  45.00% {
    margin-left: -102.65px;
    margin-top: 492.35px;
  }
  50.00% {
    margin-left: -54.65px;
    margin-top: 553.35px;
  }
  55.00% {
    margin-left: -5.65px;
    margin-top: 604.3px;
  }
  60.00% {
    margin-left: 46.35px;
    margin-top: 643.3px;
  }
  65.00% {
    margin-left: 96.35px;
    margin-top: 675.3px;
  }
  70.00% {
    margin-left: 147.35px;
    margin-top: 702.3px;
  }
  75.00% {
    margin-left: 200.35px;
    margin-top: 721.3px;
  }
  80.00% {
    margin-left: 254.35px;
    margin-top: 734.3px;
  }
  85.00% {
    margin-left: 305.35px;
    margin-top: 742.3px;
  }
  90.00% {
    margin-left: 356.35px;
    margin-top: 747.3px;
  }
  95.00% {
    margin-left: 405.35px;
    margin-top: 745.3px;
  }
  100% {
    margin-left: 439px;
    margin-top: 741px;
  }
}
@keyframes animationFLAC {
  0% {
    margin-left: -108px;
    margin-top: -122px;
  }
  5.00% {
    margin-left: -136.65px;
    margin-top: -65.65px;
  }
  10.00% {
    margin-left: -162.6px;
    margin-top: -10.65px;
  }
  15.00% {
    margin-left: -180.6px;
    margin-top: 47.35px;
  }
  20.00% {
    margin-left: -192.6px;
    margin-top: 111.35px;
  }
  25.00% {
    margin-left: -196.6px;
    margin-top: 181.35px;
  }
  30.00% {
    margin-left: -191.6px;
    margin-top: 256.35px;
  }
  35.00% {
    margin-left: -173.6px;
    margin-top: 340.3px;
  }
  40.00% {
    margin-left: -143.6px;
    margin-top: 421.35px;
  }
  45.00% {
    margin-left: -102.65px;
    margin-top: 492.35px;
  }
  50.00% {
    margin-left: -54.65px;
    margin-top: 553.35px;
  }
  55.00% {
    margin-left: -5.65px;
    margin-top: 604.3px;
  }
  60.00% {
    margin-left: 46.35px;
    margin-top: 643.3px;
  }
  65.00% {
    margin-left: 96.35px;
    margin-top: 675.3px;
  }
  70.00% {
    margin-left: 147.35px;
    margin-top: 702.3px;
  }
  75.00% {
    margin-left: 200.35px;
    margin-top: 721.3px;
  }
  80.00% {
    margin-left: 254.35px;
    margin-top: 734.3px;
  }
  85.00% {
    margin-left: 305.35px;
    margin-top: 742.3px;
  }
  90.00% {
    margin-left: 356.35px;
    margin-top: 747.3px;
  }
  95.00% {
    margin-left: 405.35px;
    margin-top: 745.3px;
  }
  100% {
    margin-left: 439px;
    margin-top: 741px;
  }
}
.display2.actived .display2-cont .display2-flac {
  -webkit-animation: animationFLAC 1.1s ease-out 0.5s forwards;
  -moz-animation: animationFLAC 1.1s ease-out 0.5s forwards;
  -ms-animation: animationFLAC 1.1s ease-out 0.5s forwards;
  -o-animation: animationFLAC 1.1s ease-out 0.5s forwards;
  animation: animationFLAC 1.1s ease-out 0.5s forwards;
}
@-webkit-keyframes animationTTA /* Safari 和 Chrome */ {
  0% {
    margin-left: 680px;
    margin-top: -86px;
  }
  7.69% {
    margin-left: 701.35px;
    margin-top: -43.65px;
  }
  15.38% {
    margin-left: 725.35px;
    margin-top: 12.35px;
  }
  23.07% {
    margin-left: 746.35px;
    margin-top: 88.35px;
  }
  30.76% {
    margin-left: 753.35px;
    margin-top: 167.35px;
  }
  38.45% {
    margin-left: 746.35px;
    margin-top: 242.35px;
  }
  46.14% {
    margin-left: 727.35px;
    margin-top: 312.35px;
  }
  53.83% {
    margin-left: 694.35px;
    margin-top: 380.35px;
  }
  61.52% {
    margin-left: 664.35px;
    margin-top: 427.3px;
  }
  69.21% {
    margin-left: 627.3px;
    margin-top: 468.3px;
  }
  76.90% {
    margin-left: 592.3px;
    margin-top: 502.3px;
  }
  84.59% {
    margin-left: 562.3px;
    margin-top: 525.3px;
  }
  92.28% {
    margin-left: 537.3px;
    margin-top: 540.3px;
  }
  100% {
    margin-left: 523px;
    margin-top: 543px;
  }
}
@-moz-keyframes animationTTA /* Firefox */ {
  0% {
    margin-left: 680px;
    margin-top: -86px;
  }
  7.69% {
    margin-left: 701.35px;
    margin-top: -43.65px;
  }
  15.38% {
    margin-left: 725.35px;
    margin-top: 12.35px;
  }
  23.07% {
    margin-left: 746.35px;
    margin-top: 88.35px;
  }
  30.76% {
    margin-left: 753.35px;
    margin-top: 167.35px;
  }
  38.45% {
    margin-left: 746.35px;
    margin-top: 242.35px;
  }
  46.14% {
    margin-left: 727.35px;
    margin-top: 312.35px;
  }
  53.83% {
    margin-left: 694.35px;
    margin-top: 380.35px;
  }
  61.52% {
    margin-left: 664.35px;
    margin-top: 427.3px;
  }
  69.21% {
    margin-left: 627.3px;
    margin-top: 468.3px;
  }
  76.90% {
    margin-left: 592.3px;
    margin-top: 502.3px;
  }
  84.59% {
    margin-left: 562.3px;
    margin-top: 525.3px;
  }
  92.28% {
    margin-left: 537.3px;
    margin-top: 540.3px;
  }
  100% {
    margin-left: 523px;
    margin-top: 543px;
  }
}
@-ms-keyframes animationTTA /* IE */ {
  0% {
    margin-left: 680px;
    margin-top: -86px;
  }
  7.69% {
    margin-left: 701.35px;
    margin-top: -43.65px;
  }
  15.38% {
    margin-left: 725.35px;
    margin-top: 12.35px;
  }
  23.07% {
    margin-left: 746.35px;
    margin-top: 88.35px;
  }
  30.76% {
    margin-left: 753.35px;
    margin-top: 167.35px;
  }
  38.45% {
    margin-left: 746.35px;
    margin-top: 242.35px;
  }
  46.14% {
    margin-left: 727.35px;
    margin-top: 312.35px;
  }
  53.83% {
    margin-left: 694.35px;
    margin-top: 380.35px;
  }
  61.52% {
    margin-left: 664.35px;
    margin-top: 427.3px;
  }
  69.21% {
    margin-left: 627.3px;
    margin-top: 468.3px;
  }
  76.90% {
    margin-left: 592.3px;
    margin-top: 502.3px;
  }
  84.59% {
    margin-left: 562.3px;
    margin-top: 525.3px;
  }
  92.28% {
    margin-left: 537.3px;
    margin-top: 540.3px;
  }
  100% {
    margin-left: 523px;
    margin-top: 543px;
  }
}
@-o-keyframes animationTTA /* Opera */ {
  0% {
    margin-left: 680px;
    margin-top: -86px;
  }
  7.69% {
    margin-left: 701.35px;
    margin-top: -43.65px;
  }
  15.38% {
    margin-left: 725.35px;
    margin-top: 12.35px;
  }
  23.07% {
    margin-left: 746.35px;
    margin-top: 88.35px;
  }
  30.76% {
    margin-left: 753.35px;
    margin-top: 167.35px;
  }
  38.45% {
    margin-left: 746.35px;
    margin-top: 242.35px;
  }
  46.14% {
    margin-left: 727.35px;
    margin-top: 312.35px;
  }
  53.83% {
    margin-left: 694.35px;
    margin-top: 380.35px;
  }
  61.52% {
    margin-left: 664.35px;
    margin-top: 427.3px;
  }
  69.21% {
    margin-left: 627.3px;
    margin-top: 468.3px;
  }
  76.90% {
    margin-left: 592.3px;
    margin-top: 502.3px;
  }
  84.59% {
    margin-left: 562.3px;
    margin-top: 525.3px;
  }
  92.28% {
    margin-left: 537.3px;
    margin-top: 540.3px;
  }
  100% {
    margin-left: 523px;
    margin-top: 543px;
  }
}
@keyframes animationTTA {
  0% {
    margin-left: 680px;
    margin-top: -86px;
  }
  7.69% {
    margin-left: 701.35px;
    margin-top: -43.65px;
  }
  15.38% {
    margin-left: 725.35px;
    margin-top: 12.35px;
  }
  23.07% {
    margin-left: 746.35px;
    margin-top: 88.35px;
  }
  30.76% {
    margin-left: 753.35px;
    margin-top: 167.35px;
  }
  38.45% {
    margin-left: 746.35px;
    margin-top: 242.35px;
  }
  46.14% {
    margin-left: 727.35px;
    margin-top: 312.35px;
  }
  53.83% {
    margin-left: 694.35px;
    margin-top: 380.35px;
  }
  61.52% {
    margin-left: 664.35px;
    margin-top: 427.3px;
  }
  69.21% {
    margin-left: 627.3px;
    margin-top: 468.3px;
  }
  76.90% {
    margin-left: 592.3px;
    margin-top: 502.3px;
  }
  84.59% {
    margin-left: 562.3px;
    margin-top: 525.3px;
  }
  92.28% {
    margin-left: 537.3px;
    margin-top: 540.3px;
  }
  100% {
    margin-left: 523px;
    margin-top: 543px;
  }
}
.display2.actived .display2-cont .display2-tta {
  -webkit-animation: animationTTA 1.1s ease-out 0.5s forwards;
  -moz-animation: animationTTA 1.1s ease-out 0.5s forwards;
  -ms-animation: animationTTA 1.1s ease-out 0.5s forwards;
  -o-animation: animationTTA 1.1s ease-out 0.5s forwards;
  animation: animationTTA 1.1s ease-out 0.5s forwards;
}
@-webkit-keyframes animationALAC /* Safari 和 Chrome */ {
  0% {
    margin-left: 705px;
    margin-top: -62px;
  }
  8.33% {
    margin-left: 720.3px;
    margin-top: -18.65px;
  }
  16.66% {
    margin-left: 743.3px;
    margin-top: 40.35px;
  }
  24.99% {
    margin-left: 759.3px;
    margin-top: 104.35px;
  }
  33.32% {
    margin-left: 764.3px;
    margin-top: 168.35px;
  }
  41.65% {
    margin-left: 762.3px;
    margin-top: 230.35px;
  }
  49.98% {
    margin-left: 748.3px;
    margin-top: 291.35px;
  }
  58.31% {
    margin-left: 731.3px;
    margin-top: 347.3px;
  }
  66.64% {
    margin-left: 709.3px;
    margin-top: 389.3px;
  }
  74.97% {
    margin-left: 688.3px;
    margin-top: 422.3px;
  }
  83.30% {
    margin-left: 670.3px;
    margin-top: 444.3px;
  }
  91.63% {
    margin-left: 654.3px;
    margin-top: 467.3px;
  }
  100% {
    margin-left: 640px;
    margin-top: 482px;
  }
}
@-moz-keyframes animationALAC /* Firefox */ {
  0% {
    margin-left: 705px;
    margin-top: -62px;
  }
  8.33% {
    margin-left: 720.3px;
    margin-top: -18.65px;
  }
  16.66% {
    margin-left: 743.3px;
    margin-top: 40.35px;
  }
  24.99% {
    margin-left: 759.3px;
    margin-top: 104.35px;
  }
  33.32% {
    margin-left: 764.3px;
    margin-top: 168.35px;
  }
  41.65% {
    margin-left: 762.3px;
    margin-top: 230.35px;
  }
  49.98% {
    margin-left: 748.3px;
    margin-top: 291.35px;
  }
  58.31% {
    margin-left: 731.3px;
    margin-top: 347.3px;
  }
  66.64% {
    margin-left: 709.3px;
    margin-top: 389.3px;
  }
  74.97% {
    margin-left: 688.3px;
    margin-top: 422.3px;
  }
  83.30% {
    margin-left: 670.3px;
    margin-top: 444.3px;
  }
  91.63% {
    margin-left: 654.3px;
    margin-top: 467.3px;
  }
  100% {
    margin-left: 640px;
    margin-top: 482px;
  }
}
@-ms-keyframes animationALAC /* IE */ {
  0% {
    margin-left: 705px;
    margin-top: -62px;
  }
  8.33% {
    margin-left: 720.3px;
    margin-top: -18.65px;
  }
  16.66% {
    margin-left: 743.3px;
    margin-top: 40.35px;
  }
  24.99% {
    margin-left: 759.3px;
    margin-top: 104.35px;
  }
  33.32% {
    margin-left: 764.3px;
    margin-top: 168.35px;
  }
  41.65% {
    margin-left: 762.3px;
    margin-top: 230.35px;
  }
  49.98% {
    margin-left: 748.3px;
    margin-top: 291.35px;
  }
  58.31% {
    margin-left: 731.3px;
    margin-top: 347.3px;
  }
  66.64% {
    margin-left: 709.3px;
    margin-top: 389.3px;
  }
  74.97% {
    margin-left: 688.3px;
    margin-top: 422.3px;
  }
  83.30% {
    margin-left: 670.3px;
    margin-top: 444.3px;
  }
  91.63% {
    margin-left: 654.3px;
    margin-top: 467.3px;
  }
  100% {
    margin-left: 640px;
    margin-top: 482px;
  }
}
@-o-keyframes animationALAC /* Opera */ {
  0% {
    margin-left: 705px;
    margin-top: -62px;
  }
  8.33% {
    margin-left: 720.3px;
    margin-top: -18.65px;
  }
  16.66% {
    margin-left: 743.3px;
    margin-top: 40.35px;
  }
  24.99% {
    margin-left: 759.3px;
    margin-top: 104.35px;
  }
  33.32% {
    margin-left: 764.3px;
    margin-top: 168.35px;
  }
  41.65% {
    margin-left: 762.3px;
    margin-top: 230.35px;
  }
  49.98% {
    margin-left: 748.3px;
    margin-top: 291.35px;
  }
  58.31% {
    margin-left: 731.3px;
    margin-top: 347.3px;
  }
  66.64% {
    margin-left: 709.3px;
    margin-top: 389.3px;
  }
  74.97% {
    margin-left: 688.3px;
    margin-top: 422.3px;
  }
  83.30% {
    margin-left: 670.3px;
    margin-top: 444.3px;
  }
  91.63% {
    margin-left: 654.3px;
    margin-top: 467.3px;
  }
  100% {
    margin-left: 640px;
    margin-top: 482px;
  }
}
@keyframes animationALAC {
  0% {
    margin-left: 705px;
    margin-top: -62px;
  }
  8.33% {
    margin-left: 720.3px;
    margin-top: -18.65px;
  }
  16.66% {
    margin-left: 743.3px;
    margin-top: 40.35px;
  }
  24.99% {
    margin-left: 759.3px;
    margin-top: 104.35px;
  }
  33.32% {
    margin-left: 764.3px;
    margin-top: 168.35px;
  }
  41.65% {
    margin-left: 762.3px;
    margin-top: 230.35px;
  }
  49.98% {
    margin-left: 748.3px;
    margin-top: 291.35px;
  }
  58.31% {
    margin-left: 731.3px;
    margin-top: 347.3px;
  }
  66.64% {
    margin-left: 709.3px;
    margin-top: 389.3px;
  }
  74.97% {
    margin-left: 688.3px;
    margin-top: 422.3px;
  }
  83.30% {
    margin-left: 670.3px;
    margin-top: 444.3px;
  }
  91.63% {
    margin-left: 654.3px;
    margin-top: 467.3px;
  }
  100% {
    margin-left: 640px;
    margin-top: 482px;
  }
}
.display2.actived .display2-cont .display2-alac {
  -webkit-animation: animationALAC 1.1s ease-out 0.5s forwards;
  -moz-animation: animationALAC 1.1s ease-out 0.5s forwards;
  -ms-animation: animationALAC 1.1s ease-out 0.5s forwards;
  -o-animation: animationALAC 1.1s ease-out 0.5s forwards;
  animation: animationALAC 1.1s ease-out 0.5s forwards;
}
@-webkit-keyframes animationWAV /* Safari 和 Chrome */ {
  0% {
    margin-left: 894.3px;
    margin-top: -77.65px;
  }
  7.14% {
    margin-left: 900.3px;
    margin-top: -51.65px;
  }
  14.28% {
    margin-left: 928.3px;
    margin-top: 14.35px;
  }
  21.42% {
    margin-left: 947.3px;
    margin-top: 84.35px;
  }
  28.56% {
    margin-left: 957.3px;
    margin-top: 161.35px;
  }
  35.70% {
    margin-left: 958.3px;
    margin-top: 234.35px;
  }
  42.84% {
    margin-left: 949.3px;
    margin-top: 307.35px;
  }
  49.98% {
    margin-left: 931.3px;
    margin-top: 378.35px;
  }
  57.12% {
    margin-left: 906.3px;
    margin-top: 442.3px;
  }
  64.26% {
    margin-left: 877.3px;
    margin-top: 497.3px;
  }
  71.40% {
    margin-left: 849.3px;
    margin-top: 539.3px;
  }
  78.54% {
    margin-left: 821.3px;
    margin-top: 576.3px;
  }
  85.68% {
    margin-left: 795.3px;
    margin-top: 603.3px;
  }
  92.82% {
    margin-left: 768.3px;
    margin-top: 628.3px;
  }
  100% {
    margin-left: 750px;
    margin-top: 635px;
  }
}
@-moz-keyframes animationWAV /* Firefox */ {
  0% {
    margin-left: 894.3px;
    margin-top: -77.65px;
  }
  7.14% {
    margin-left: 900.3px;
    margin-top: -51.65px;
  }
  14.28% {
    margin-left: 928.3px;
    margin-top: 14.35px;
  }
  21.42% {
    margin-left: 947.3px;
    margin-top: 84.35px;
  }
  28.56% {
    margin-left: 957.3px;
    margin-top: 161.35px;
  }
  35.70% {
    margin-left: 958.3px;
    margin-top: 234.35px;
  }
  42.84% {
    margin-left: 949.3px;
    margin-top: 307.35px;
  }
  49.98% {
    margin-left: 931.3px;
    margin-top: 378.35px;
  }
  57.12% {
    margin-left: 906.3px;
    margin-top: 442.3px;
  }
  64.26% {
    margin-left: 877.3px;
    margin-top: 497.3px;
  }
  71.40% {
    margin-left: 849.3px;
    margin-top: 539.3px;
  }
  78.54% {
    margin-left: 821.3px;
    margin-top: 576.3px;
  }
  85.68% {
    margin-left: 795.3px;
    margin-top: 603.3px;
  }
  92.82% {
    margin-left: 768.3px;
    margin-top: 628.3px;
  }
  100% {
    margin-left: 750px;
    margin-top: 635px;
  }
}
@-ms-keyframes animationWAV /* IE */ {
  0% {
    margin-left: 894.3px;
    margin-top: -77.65px;
  }
  7.14% {
    margin-left: 900.3px;
    margin-top: -51.65px;
  }
  14.28% {
    margin-left: 928.3px;
    margin-top: 14.35px;
  }
  21.42% {
    margin-left: 947.3px;
    margin-top: 84.35px;
  }
  28.56% {
    margin-left: 957.3px;
    margin-top: 161.35px;
  }
  35.70% {
    margin-left: 958.3px;
    margin-top: 234.35px;
  }
  42.84% {
    margin-left: 949.3px;
    margin-top: 307.35px;
  }
  49.98% {
    margin-left: 931.3px;
    margin-top: 378.35px;
  }
  57.12% {
    margin-left: 906.3px;
    margin-top: 442.3px;
  }
  64.26% {
    margin-left: 877.3px;
    margin-top: 497.3px;
  }
  71.40% {
    margin-left: 849.3px;
    margin-top: 539.3px;
  }
  78.54% {
    margin-left: 821.3px;
    margin-top: 576.3px;
  }
  85.68% {
    margin-left: 795.3px;
    margin-top: 603.3px;
  }
  92.82% {
    margin-left: 768.3px;
    margin-top: 628.3px;
  }
  100% {
    margin-left: 750px;
    margin-top: 635px;
  }
}
@-o-keyframes animationWAV /* Opera */ {
  0% {
    margin-left: 894.3px;
    margin-top: -77.65px;
  }
  7.14% {
    margin-left: 900.3px;
    margin-top: -51.65px;
  }
  14.28% {
    margin-left: 928.3px;
    margin-top: 14.35px;
  }
  21.42% {
    margin-left: 947.3px;
    margin-top: 84.35px;
  }
  28.56% {
    margin-left: 957.3px;
    margin-top: 161.35px;
  }
  35.70% {
    margin-left: 958.3px;
    margin-top: 234.35px;
  }
  42.84% {
    margin-left: 949.3px;
    margin-top: 307.35px;
  }
  49.98% {
    margin-left: 931.3px;
    margin-top: 378.35px;
  }
  57.12% {
    margin-left: 906.3px;
    margin-top: 442.3px;
  }
  64.26% {
    margin-left: 877.3px;
    margin-top: 497.3px;
  }
  71.40% {
    margin-left: 849.3px;
    margin-top: 539.3px;
  }
  78.54% {
    margin-left: 821.3px;
    margin-top: 576.3px;
  }
  85.68% {
    margin-left: 795.3px;
    margin-top: 603.3px;
  }
  92.82% {
    margin-left: 768.3px;
    margin-top: 628.3px;
  }
  100% {
    margin-left: 750px;
    margin-top: 635px;
  }
}
@keyframes animationWAV {
  0% {
    margin-left: 894.3px;
    margin-top: -77.65px;
  }
  7.14% {
    margin-left: 900.3px;
    margin-top: -51.65px;
  }
  14.28% {
    margin-left: 928.3px;
    margin-top: 14.35px;
  }
  21.42% {
    margin-left: 947.3px;
    margin-top: 84.35px;
  }
  28.56% {
    margin-left: 957.3px;
    margin-top: 161.35px;
  }
  35.70% {
    margin-left: 958.3px;
    margin-top: 234.35px;
  }
  42.84% {
    margin-left: 949.3px;
    margin-top: 307.35px;
  }
  49.98% {
    margin-left: 931.3px;
    margin-top: 378.35px;
  }
  57.12% {
    margin-left: 906.3px;
    margin-top: 442.3px;
  }
  64.26% {
    margin-left: 877.3px;
    margin-top: 497.3px;
  }
  71.40% {
    margin-left: 849.3px;
    margin-top: 539.3px;
  }
  78.54% {
    margin-left: 821.3px;
    margin-top: 576.3px;
  }
  85.68% {
    margin-left: 795.3px;
    margin-top: 603.3px;
  }
  92.82% {
    margin-left: 768.3px;
    margin-top: 628.3px;
  }
  100% {
    margin-left: 750px;
    margin-top: 635px;
  }
}
.display2.actived .display2-cont .display2-wav {
  -webkit-animation: animationWAV 1.1s ease-out 0.5s forwards;
  -moz-animation: animationWAV 1.1s ease-out 0.5s forwards;
  -ms-animation: animationWAV 1.1s ease-out 0.5s forwards;
  -o-animation: animationWAV 1.1s ease-out 0.5s forwards;
  animation: animationWAV 1.1s ease-out 0.5s forwards;
}
@-webkit-keyframes animationCD /* Safari 和 Chrome */ {
  0% {
    margin-left: 862px;
    margin-top: -100px;
  }
  9.09% {
    margin-left: 888.3px;
    margin-top: -68.65px;
  }
  18.18% {
    margin-left: 915.3px;
    margin-top: 1.35px;
  }
  27.27% {
    margin-left: 934.3px;
    margin-top: 68.35px;
  }
  36.36% {
    margin-left: 943.3px;
    margin-top: 132.35px;
  }
  45.45% {
    margin-left: 946.3px;
    margin-top: 197.35px;
  }
  54.54% {
    margin-left: 943.3px;
    margin-top: 260.35px;
  }
  63.63% {
    margin-left: 933.3px;
    margin-top: 312.35px;
  }
  72.72% {
    margin-left: 923.3px;
    margin-top: 358.3px;
  }
  81.81% {
    margin-left: 912.3px;
    margin-top: 394.3px;
  }
  90.90% {
    margin-left: 899.3px;
    margin-top: 423.3px;
  }
  100% {
    margin-left: 892px;
    margin-top: 440px;
  }
}
@-moz-keyframes animationCD /* Firefox */ {
  0% {
    margin-left: 862px;
    margin-top: -100px;
  }
  9.09% {
    margin-left: 888.3px;
    margin-top: -68.65px;
  }
  18.18% {
    margin-left: 915.3px;
    margin-top: 1.35px;
  }
  27.27% {
    margin-left: 934.3px;
    margin-top: 68.35px;
  }
  36.36% {
    margin-left: 943.3px;
    margin-top: 132.35px;
  }
  45.45% {
    margin-left: 946.3px;
    margin-top: 197.35px;
  }
  54.54% {
    margin-left: 943.3px;
    margin-top: 260.35px;
  }
  63.63% {
    margin-left: 933.3px;
    margin-top: 312.35px;
  }
  72.72% {
    margin-left: 923.3px;
    margin-top: 358.3px;
  }
  81.81% {
    margin-left: 912.3px;
    margin-top: 394.3px;
  }
  90.90% {
    margin-left: 899.3px;
    margin-top: 423.3px;
  }
  100% {
    margin-left: 892px;
    margin-top: 440px;
  }
}
@-ms-keyframes animationCD /* IE */ {
  0% {
    margin-left: 862px;
    margin-top: -100px;
  }
  9.09% {
    margin-left: 888.3px;
    margin-top: -68.65px;
  }
  18.18% {
    margin-left: 915.3px;
    margin-top: 1.35px;
  }
  27.27% {
    margin-left: 934.3px;
    margin-top: 68.35px;
  }
  36.36% {
    margin-left: 943.3px;
    margin-top: 132.35px;
  }
  45.45% {
    margin-left: 946.3px;
    margin-top: 197.35px;
  }
  54.54% {
    margin-left: 943.3px;
    margin-top: 260.35px;
  }
  63.63% {
    margin-left: 933.3px;
    margin-top: 312.35px;
  }
  72.72% {
    margin-left: 923.3px;
    margin-top: 358.3px;
  }
  81.81% {
    margin-left: 912.3px;
    margin-top: 394.3px;
  }
  90.90% {
    margin-left: 899.3px;
    margin-top: 423.3px;
  }
  100% {
    margin-left: 892px;
    margin-top: 440px;
  }
}
@-o-keyframes animationCD /* Opera */ {
  0% {
    margin-left: 862px;
    margin-top: -100px;
  }
  9.09% {
    margin-left: 888.3px;
    margin-top: -68.65px;
  }
  18.18% {
    margin-left: 915.3px;
    margin-top: 1.35px;
  }
  27.27% {
    margin-left: 934.3px;
    margin-top: 68.35px;
  }
  36.36% {
    margin-left: 943.3px;
    margin-top: 132.35px;
  }
  45.45% {
    margin-left: 946.3px;
    margin-top: 197.35px;
  }
  54.54% {
    margin-left: 943.3px;
    margin-top: 260.35px;
  }
  63.63% {
    margin-left: 933.3px;
    margin-top: 312.35px;
  }
  72.72% {
    margin-left: 923.3px;
    margin-top: 358.3px;
  }
  81.81% {
    margin-left: 912.3px;
    margin-top: 394.3px;
  }
  90.90% {
    margin-left: 899.3px;
    margin-top: 423.3px;
  }
  100% {
    margin-left: 892px;
    margin-top: 440px;
  }
}
@keyframes animationCD {
  0% {
    margin-left: 862px;
    margin-top: -100px;
  }
  9.09% {
    margin-left: 888.3px;
    margin-top: -68.65px;
  }
  18.18% {
    margin-left: 915.3px;
    margin-top: 1.35px;
  }
  27.27% {
    margin-left: 934.3px;
    margin-top: 68.35px;
  }
  36.36% {
    margin-left: 943.3px;
    margin-top: 132.35px;
  }
  45.45% {
    margin-left: 946.3px;
    margin-top: 197.35px;
  }
  54.54% {
    margin-left: 943.3px;
    margin-top: 260.35px;
  }
  63.63% {
    margin-left: 933.3px;
    margin-top: 312.35px;
  }
  72.72% {
    margin-left: 923.3px;
    margin-top: 358.3px;
  }
  81.81% {
    margin-left: 912.3px;
    margin-top: 394.3px;
  }
  90.90% {
    margin-left: 899.3px;
    margin-top: 423.3px;
  }
  100% {
    margin-left: 892px;
    margin-top: 440px;
  }
}
.display2.actived .display2-cont .display2-cd {
  -webkit-animation: animationCD 1.1s ease-out 0.5s forwards;
  -moz-animation: animationCD 1.1s ease-out 0.5s forwards;
  -ms-animation: animationCD 1.1s ease-out 0.5s forwards;
  -o-animation: animationCD 1.1s ease-out 0.5s forwards;
  animation: animationCD 1.1s ease-out 0.5s forwards;
}

/* <!-- 系统级本地音乐管理 --> */
.display-module .display3 {
  /* display: none; */
}
.display-module .display3 .display3-bg {
  background: url(../images/displayBg3.jpg?20160623) no-repeat center top;
}
.display-module .display3 .display3-cont {
  width: 1000px;
  height: 1000px;
  margin: 0px auto;
}
.display3 .display3-cont .display3-title {
  position: absolute;
  margin-top: 216px;
  margin-left: 199px;
  width: 603px;
  height: 60px;
  background: url('../images/bg3-title1.png?20160623') no-repeat;
  _background: none;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.kugou.com/hifi/images/bg3-title1.png?20160623',sizingMethod="crop");
}
.display3 .display3-cont .display3-txt {
  position: absolute;
  margin-top: 300px;
  margin-left: 279px;
  width: 442px;
  height: 26px;
  background: url('../images/bg3-title2.png?20160623') no-repeat;
  _background: none;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.kugou.com/hifi/images/bg3-title2.png?20160623',sizingMethod="crop");
}
.display3 .display3-cont .display3-left {
  position: absolute;
  margin-left: -100px;
  margin-top: 460px;
  width: 640px;
  height: 387px;
}
.display3 .display3-cont .display3-right {
  position: absolute;
  margin-left: 460px;
  margin-top: 460px;
  width: 640px;
  height: 387px;
}
.display3 .display3-cont .display3-middle {
  position: absolute;
  margin-left: 80px;
  margin-top: 400px;
  width: 840px;
  height: 508px;
}
.display3 .display3-cont .display3-title {
  opacity: 1;
  -webkit-transform: translate3d(0, -120px, 0);
  -moz-transform: translate3d(0, -120px, 0);
  -ms-transform: translate3d(0, -120px, 0);
  -o-transform: translate3d(0, -120px, 0);
  transform: translate3d(0, -120px, 0);
  -webkit-transition: -webkit-transform 1s 0.2s, opacity 1s 0.2s;
  -moz-transition: -moz-transform 1s 0.2s, opacity 1s 0.2s;
  -ms-transition: -ms-transform 1s 0.2s, opacity 1s 0.2s;
  -o-transition: -o-transform 1s 0.2s, opacity 1s 0.2s;
  transition: transform 1s 0.2s, opacity 1s 0.2s;
}
.display3 .display3-cont .display3-txt {
  opacity: 1;
  -webkit-transform: translate3d(0, -110px, 0);
  -moz-transform: translate3d(0, -110px, 0);
  -ms-transform: translate3d(0, -110px, 0);
  -o-transform: translate3d(0, -110px, 0);
  transform: translate3d(0, -110px, 0);
  -webkit-transition: -webkit-transform 0.8s 0.3s, opacity 0.8s 0.3s;
  -moz-transition: -moz-transform 0.8s 0.3s, opacity 0.8s 0.3s;
  -ms-transition: -ms-transform 0.8s 0.3s, opacity 0.8s 0.3s;
  -o-transition: -o-transform 0.8s 0.3s, opacity 0.8s 0.3s;
  transition: transform 0.8s 0.3s, opacity 0.8s 0.3s;
}
.display3 .display3-cont .display3-left {
  opacity: 1;
  -webkit-transform: translate3d(-1100px, 0, 0);
  -moz-transform: translate3d(-1100px, 0, 0);
  -ms-transform: translate3d(-1100px, 0, 0);
  -o-transform: translate3d(-1100px, 0, 0);
  transform: translate3d(-1100px, 0, 0);
  -webkit-transition: -webkit-transform 0.5s 1.2s, opacity 0.5s 1.2s;
  -moz-transition: -moz-transform 0.5s 1.2s, opacity 0.5s 1.2s;
  -ms-transition: -ms-transform 0.5s 1.2s, opacity 0.5s 1.2s;
  -o-transition: -o-transform 0.5s 1.2s, opacity 0.5s 1.2s;
  transition: transform 0.5s 1.2s, opacity 0.5s 1.2s;
}
.display3 .display3-cont .display3-right {
  opacity: 1;
  -webkit-transform: translate3d(1100px, 0, 0);
  -moz-transform: translate3d(1100px, 0, 0);
  -ms-transform: translate3d(1100px, 0, 0);
  -o-transform: translate3d(1100px, 0, 0);
  transform: translate3d(1100px, 0, 0);
  -webkit-transition: -webkit-transform 0.5s 1.7s, opacity 0.5s 1.7s;
  -moz-transition: -moz-transform 0.5s 1.7s, opacity 0.5s 1.7s;
  -ms-transition: -ms-transform 0.5s 1.7s, opacity 0.5s 1.7s;
  -o-transition: -o-transform 0.5s 1.7s, opacity 0.5s 1.7s;
  transition: transform 0.5s 1.7s, opacity 0.5s 1.7s;
}
.display3 .display3-cont .display3-middle {
  opacity: 1;
  -webkit-transform: translate3d(0, 600px, 0);
  -moz-transform: translate3d(0, 600px, 0);
  -ms-transform: translate3d(0, 600px, 0);
  -o-transform: translate3d(0, 600px, 0);
  transform: translate3d(0, 600px, 0);
  -webkit-transition: -webkit-transform 0.5s 2.2s, opacity 0.5s 2.2s;
  -moz-transition: -moz-transform 0.5s 2.2s, opacity 0.5s 2.2s;
  -ms-transition: -ms-transform 0.5s 2.2s, opacity 0.5s 2.2s;
  -o-transition: -o-transform 0.5s 2.2s, opacity 0.5s 2.2s;
  transition: transform 0.5s 2.2s, opacity 0.5s 2.2s;
}
.display3.actived .display3-cont .display3-title,
.display3.actived .display3-cont .display3-txt,
.display3.actived .display3-cont .display3-left,
.display3.actived .display3-cont .display3-right,
.display3.actived .display3-cont .display3-middle {
  opacity: 1;
  -webkit-transform: none;
  -moz-transform: none;
  -ms-transform: none;
  -o-transform: none;
  transform: none;
}

/* <!-- 专业级蝰蛇音效 --> */
.display-module .display4 {
  /* display: none; */
}
.display-module .display4-bg {
  background: url(../images/displayBg4.jpg?20160623) no-repeat center top;
}
.display-module .display4-cont {
  width: 1000px;
  height: 1000px;
  margin: 0px auto;
}
.display4-cont .display4-title {
  position: absolute;
  margin-top: 216px;
  margin-left: 267px;
  width: 466px;
  height: 56px;
  background: url('../images/bg4-title1.png?20160623') no-repeat;
  _background: none;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.kugou.com/hifi/images/bg4-title1.png?20160623',sizingMethod="crop");
}
.display4-cont .display4-txt {
  position: absolute;
  margin-top: 300px;
  margin-left: 225px;
  width: calc(10vw + 300px);
  height: 26px;
  background: url('../images/bg4-title2.png?20160623') no-repeat;
  _background: none;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.kugou.com/hifi/images/bg4-title2.png?20160623',sizingMethod="crop");
}
.display4-cont .display4-cont1-icon,
.display4-cont .display4-cont2-icon,
.display4-cont .display4-cont3-icon,
.display4-cont .display4-cont4-icon {
  display: block;
  width: 256px;
  height: 456px;
}
.display4-cont .display4-cont1-icon {
  background: url('../images/d4-icon1.png?20160623') no-repeat;
  _background: none;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.kugou.com/hifi/images/d4-icon1.png?20160623',sizingMethod="crop");
}
.display4-cont .display4-cont2-icon {
  margin-top: -32px;
  height: 488px;
  background: url('../images/d4-icon2.png?20160623') no-repeat;
  _background: none;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.kugou.com/hifi/images/d4-icon2.png?20160623',sizingMethod="crop");
}
.display4-cont .display4-cont3-icon {
  margin-top: -32px;
  height: 488px;
  background: url('../images/d4-icon3.png?20160623') no-repeat;
  _background: none;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.kugou.com/hifi/images/d4-icon3.png?20160623',sizingMethod="crop");
}
.display4-cont .display4-cont4-icon {
  margin-top: -34px;
  height: 490px;
  width: 260px;
  background: url('../images/d4-icon4.png?20160623') no-repeat;
  _background: none;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.kugou.com/hifi/images/d4-icon4.png?20160623',sizingMethod="crop");
}
.display4-cont .display4-cont1,
.display4-cont .display4-cont2,
.display4-cont .display4-cont3,
.display4-cont .display4-cont4 {
  position: absolute;
  margin-top: 394px;
  width: 256px;
  height: 456px;
}
.display4-cont .display4-cont1 {
  margin-left: -3px;
}
.display4-cont .display4-cont2 {
  margin-left: 247px;
}
.display4-cont .display4-cont3 {
  margin-left: 498px;
}
.display4-cont .display4-cont4 {
  margin-left: 747px;
}
.display4-cont .display4-title {
  opacity: 1;
  -webkit-transform: translate3d(0, -120px, 0);
  -moz-transform: translate3d(0, -120px, 0);
  -ms-transform: translate3d(0, -120px, 0);
  -o-transform: translate3d(0, -120px, 0);
  transform: translate3d(0, -120px, 0);
  -webkit-transition: -webkit-transform 1s 0.2s, opacity 1s 0.2s;
  -moz-transition: -moz-transform 1s 0.2s, opacity 1s 0.2s;
  -ms-transition: -ms-transform 1s 0.2s, opacity 1s 0.2s;
  -o-transition: -o-transform 1s 0.2s, opacity 1s 0.2s;
  transition: transform 1s 0.2s, opacity 1s 0.2s;
}
.display4-cont .display4-txt {
  opacity: 1;
  -webkit-transform: translate3d(0, -110px, 0);
  -moz-transform: translate3d(0, -110px, 0);
  -ms-transform: translate3d(0, -110px, 0);
  -o-transform: translate3d(0, -110px, 0);
  transform: translate3d(0, -110px, 0);
  -webkit-transition: -webkit-transform 0.8s 0.3s, opacity 0.8s 0.3s;
  -moz-transition: -moz-transform 0.8s 0.3s, opacity 0.8s 0.3s;
  -ms-transition: -ms-transform 0.8s 0.3s, opacity 0.8s 0.3s;
  -o-transition: -o-transform 0.8s 0.3s, opacity 0.8s 0.3s;
  transition: transform 0.8s 0.3s, opacity 0.8s 0.3s;
}
.display4-cont .display4-cont1 {
  opacity: 1;
  -webkit-transform: translate3d(0, 150px, 0);
  -moz-transform: translate3d(0, 150px, 0);
  -ms-transform: translate3d(0, 150px, 0);
  -o-transform: translate3d(0, 150px, 0);
  transform: translate3d(0, 150px, 0);
  -webkit-transition: -webkit-transform 1s 0.6s, opacity 1s 0.6s;
  -moz-transition: -moz-transform 1s 0.6s, opacity 1s 0.6s;
  -ms-transition: -ms-transform 1s 0.6s, opacity 1s 0.6s;
  -o-transition: -o-transform 1s 0.6s, opacity 1s 0.6s;
  transition: transform 1s 0.6s, opacity 1s 0.6s;
}
.display4-cont .display4-cont2 {
  opacity: 1;
  -webkit-transform: translate3d(0, -150px, 0);
  -moz-transform: translate3d(0, -150px, 0);
  -ms-transform: translate3d(0, -150px, 0);
  -o-transform: translate3d(0, -150px, 0);
  transform: translate3d(0, -150px, 0);
  -webkit-transition: -webkit-transform 1s 0.9s, opacity 1s 0.9s;
  -moz-transition: -moz-transform 1s 0.9s, opacity 1s 0.9s;
  -ms-transition: -ms-transform 1s 0.9s, opacity 1s 0.9s;
  -o-transition: -o-transform 1s 0.9s, opacity 1s 0.9s;
  transition: transform 1s 0.9s, opacity 1s 0.9s;
}
.display4-cont .display4-cont3 {
  opacity: 1;
  -webkit-transform: translate3d(0, 150px, 0);
  -moz-transform: translate3d(0, 150px, 0);
  -ms-transform: translate3d(0, 150px, 0);
  -o-transform: translate3d(0, 150px, 0);
  transform: translate3d(0, 150px, 0);
  -webkit-transition: -webkit-transform 1s 1.2s, opacity 1s 1.2s;
  -moz-transition: -moz-transform 1s 1.2s, opacity 1s 1.2s;
  -ms-transition: -ms-transform 1s 1.2s, opacity 1s 1.2s;
  -o-transition: -o-transform 1s 1.2s, opacity 1s 1.2s;
  transition: transform 1s 1.2s, opacity 1s 1.2s;
}
.display4-cont .display4-cont4 {
  opacity: 1;
  -webkit-transform: translate3d(0, -150px, 0);
  -moz-transform: translate3d(0, -150px, 0);
  -ms-transform: translate3d(0, -150px, 0);
  -o-transform: translate3d(0, -150px, 0);
  transform: translate3d(0, -150px, 0);
  -webkit-transition: -webkit-transform 1s 1.5s, opacity 1s 1.5s;
  -moz-transition: -moz-transform 1s 1.5s, opacity 1s 1.5s;
  -ms-transition: -ms-transform 1s 1.5s, opacity 1s 1.5s;
  -o-transition: -o-transform 1s 1.5s, opacity 1s 1.5s;
  transition: transform 1s 1.5s, opacity 1s 1.5s;
}
.actived .display4-cont .display4-title,
.actived .display4-cont .display4-txt,
.actived .display4-cont .display4-cont1,
.actived .display4-cont .display4-cont2,
.actived .display4-cont .display4-cont3,
.actived .display4-cont .display4-cont4 {
  opacity: 1;
  -webkit-transform: none;
  -moz-transform: none;
  -ms-transform: none;
  -o-transform: none;
  transform: none;
}

/* <!-- 品质检测极速甄别假无损 --> */
.display-module .display5 {
  /* display: none; */
}
.display-module .display5-bg {
  background: url(../images/displayBg5.jpg?20160623) no-repeat center top;
}
.display-module .display5-cont {
  width: 1000px;
  height: 1000px;
  margin: 0px auto;
}
.display5-cont .display5-title {
  position: absolute;
  margin-top: 216px;
  margin-left: 233px;
  width: 534px;
  height: 60px;
  background: url('../images/bg5-title1.png?20160623') no-repeat;
  _background: none;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.kugou.com/hifi/images/bg5-title1.png?20160623',sizingMethod="crop");
}
.display5-cont .display5-txt {
  position: absolute;
  margin-top: 300px;
  margin-left: 118px;
  width: 764px;
  height: 26px;
  background: url('../images/bg5-title2.png?20160623') no-repeat;
  _background: none;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.kugou.com/hifi/images/bg5-title2.png?20160623',sizingMethod="crop");
}
.display5-cont .display5-cont-icon {
  position: absolute;
  display: block;
  width: 36px;
  height: 14px;
  background-position: -143px -53px;
  _background-position: 0 0;
  _background: none;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.kugou.com/hifi/images/bg5-icon.png?20160623',sizingMethod="crop");
}
.display5-cont .display5-cont2-txt {
  position: absolute;
  margin-left: 46px;
  display: block;
  width: 124px;
  height: 18px;
  background: url('../images/bg5-icon2.png?20160623') no-repeat;
  _background: none;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.kugou.com/hifi/images/bg5-icon2.png?20160623',sizingMethod="crop");
}
.display5-cont .display5-cont4-txt {
  position: absolute;
  margin-left: 46px;
  display: block;
  width: 150px;
  height: 18px;
  background: url('../images/bg5-icon4.png?20160623') no-repeat;
  _background: none;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.kugou.com/hifi/images/bg5-icon4.png?20160623',sizingMethod="crop");
}
.display5-cont .display5-cont5-txt {
  position: absolute;
  margin-left: 46px;
  display: block;
  width: 190px;
  height: 18px;
  background: url('../images/bg5-icon5.png?20160623') no-repeat;
  _background: none;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.kugou.com/hifi/images/bg5-icon5.png?20160623',sizingMethod="crop");
}
.display5-cont .display5-cont7-txt {
  position: absolute;
  margin-left: 46px;
  display: block;
  width: 182px;
  height: 16px;
  background: url('../images/bg5-icon7.png?20160623') no-repeat;
  _background: none;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.kugou.com/hifi/images/bg5-icon7.png?20160623',sizingMethod="crop");
}
.display5-cont .display5-cont-txt1 {
  position: absolute;
  margin-left: 8px;
  margin-top: 520px;
  width: 242px;
  height: 18px;
  background: url('../images/bg5-icon1.png?20160623') no-repeat;
  _background: none;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.kugou.com/hifi/images/bg5-icon1.png?20160623',sizingMethod="crop");
}
.display5-cont .display5-cont-txt2 {
  position: absolute;
  margin-left: -88px;
  margin-top: 674px;
  width: 170px;
}
.display5-cont .display5-cont-txt3 {
  position: absolute;
  margin-left: 16px;
  margin-top: 752px;
  width: 270px;
  height: 18px;
  background: url('../images/bg5-icon3.png?20160623') no-repeat;
  _background: none;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.kugou.com/hifi/images/bg5-icon3.png?20160623',sizingMethod="crop");
}
.display5-cont .display5-cont-txt4 {
  position: absolute;
  margin-left: 320px;
  margin-top: 880px;
  width: 196px;
}
.display5-cont .display5-cont-txt5 {
  position: absolute;
  margin-left: 753px;
  margin-top: 795px;
  width: 236px;
}
.display5-cont .display5-cont-txt6 {
  position: absolute;
  margin-left: 868px;
  margin-top: 686px;
  width: 216px;
  height: 16px;
  background: url('../images/bg5-icon6.png?20160623') no-repeat;
  _background: none;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.kugou.com/hifi/images/bg5-icon6.png?20160623',sizingMethod="crop");
}
.display5-cont .display5-cont-txt7 {
  position: absolute;
  margin-left: 733px;
  margin-top: 556px;
  width: 228px;
}
.display5-cont .display5-circle {
  position: absolute;
  width: 365px;
  height: 365px;
  margin-left: 317px;
  margin-top: 443px;
}
.display5-circle .display5-circle-icon {
  position: absolute;
  width: 365px;
  height: 365px;
  background: url('../images/circle-icon.png?20160623') no-repeat;
  _background: none;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.kugou.com/hifi/images/circle-icon.png?20160623',sizingMethod="crop");
}
.display5-circle .display5-circle-icon2 {
  position: absolute;
  width: 365px;
  height: 365px;
  background: url('../images/circle-icon2.png?20160623') no-repeat;
  _background: none;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.kugou.com/hifi/images/circle-icon2.png?20160623',sizingMethod="crop");
}
.display5-circle #canvas_draw {
  position: absolute;
  width: 365px;
  height: 365px;
  -webkit-transform: rotate(-90deg); /* Safari and Chrome */
  -moz-transform: rotate(-90deg); /* Firefox */
  -ms-transform: rotate(-90deg); /* IE 9 */
  -o-transform: rotate(-90deg); /* Opera */
  transform: rotate(-90deg);
}
.display5-circle .display5-circle-head {
  position: absolute;
  width: 365px;
  height: 365px;
}
.display5-circle-head .display5-head-icon {
  position: absolute;
  margin-left: 173px;
  margin-top: 0px;
  width: 22px;
  height: 22px;
  background-position: -1px -53px;
  _background-position: 0 0;
  _background: none;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.kugou.com/hifi/images/head.png?20160623',sizingMethod="crop");
}
.display5-circle .display5-circle-draw {
  position: absolute;
  width: 115px;
  height: 100px;
  margin-left: 126px;
  margin-top: 133px;
}
.display5-circle-draw .display5-circle1 {
  position: absolute;
  margin-left: 0px;
  margin-top: 35px;
  background-color: #00b6ed;
  width: 7px;
  height: 30px;
  border-radius: 5px;
}
.display5-circle-draw .display5-circle2 {
  position: absolute;
  margin-left: 27px;
  margin-top: 20px;
  background-color: #00b6ed;
  width: 7px;
  height: 60px;
  border-radius: 5px;
}
.display5-circle-draw .display5-circle3 {
  position: absolute;
  margin-left: 54px;
  margin-top: 0px;
  background-color: #00b6ed;
  width: 7px;
  height: 100px;
  border-radius: 5px;
}
.display5-circle-draw .display5-circle4 {
  position: absolute;
  margin-left: 81px;
  margin-top: 20px;
  background-color: #00b6ed;
  width: 7px;
  height: 60px;
  border-radius: 5px;
}
.display5-circle-draw .display5-circle5 {
  position: absolute;
  margin-left: 108px;
  margin-top: 35px;
  background-color: #00b6ed;
  width: 7px;
  height: 30px;
  border-radius: 5px;
}
.display5-cont .display5-title {
  opacity: 1;
  -webkit-transform: translate3d(0, -120px, 0);
  -moz-transform: translate3d(0, -120px, 0);
  -ms-transform: translate3d(0, -120px, 0);
  -o-transform: translate3d(0, -120px, 0);
  transform: translate3d(0, -120px, 0);
  -webkit-transition: -webkit-transform 1s 0.2s, opacity 1s 0.2s;
  -moz-transition: -moz-transform 1s 0.2s, opacity 1s 0.2s;
  -ms-transition: -ms-transform 1s 0.2s, opacity 1s 0.2s;
  -o-transition: -o-transform 1s 0.2s, opacity 1s 0.2s;
  transition: transform 1s 0.2s, opacity 1s 0.2s;
}
.display5-cont .display5-txt {
  opacity: 1;
  -webkit-transform: translate3d(0, -110px, 0);
  -moz-transform: translate3d(0, -110px, 0);
  -ms-transform: translate3d(0, -110px, 0);
  -o-transform: translate3d(0, -110px, 0);
  transform: translate3d(0, -110px, 0);
  -webkit-transition: -webkit-transform 0.8s 0.3s, opacity 0.8s 0.3s;
  -moz-transition: -moz-transform 0.8s 0.3s, opacity 0.8s 0.3s;
  -ms-transition: -ms-transform 0.8s 0.3s, opacity 0.8s 0.3s;
  -o-transition: -o-transform 0.8s 0.3s, opacity 0.8s 0.3s;
  transition: transform 0.8s 0.3s, opacity 0.8s 0.3s;
}
.display5-cont .display5-cont-txt1,
.display5-cont .display5-cont-txt2,
.display5-cont .display5-cont-txt3,
.display5-cont .display5-cont-txt4,
.display5-cont .display5-cont-txt5,
.display5-cont .display5-cont-txt6,
.display5-cont .display5-cont-txt7,
.display5-cont .display5-circle {
  opacity: 1;
  -webkit-transform: scale(0.5, 0.5);
  -moz-transform: scale(0.5, 0.5);
  -ms-transform: scale(0.5, 0.5);
  -o-transform: scale(0.5, 0.5);
  transform: scale(0.5, 0.5);
  -webkit-transition: -webkit-transform 0.5s 0.3s, opacity 0.5s 0.3s;
  -moz-transition: -moz-transform 0.5s 0.3s, opacity 0.5s 0.3s;
  -ms-transition: -ms-transform 0.5s 0.3s, opacity 0.5s 0.3s;
  -o-transition: -o-transform 0.5s 0.3s, opacity 0.5s 0.3s;
  transition: transform 0.5s 0.3s, opacity 0.5s 0.3s;
}
.display5-cont-txt2 .display5-cont-icon {
  opacity: 1;
  -webkit-transform: rotateX(360deg);
  -moz-transform: rotateX(360deg);
  -ms-transform: rotateX(360deg);
  -o-transform: rotateX(360deg);
  transform: rotateX(360deg);
  -webkit-transition: -webkit-transform 0.5s 1s, opacity 0.5s 1s;
  -moz-transition: -moz-transform 0.5s 1s, opacity 0.5s 1s;
  -ms-transition: -ms-transform 0.5s 1s, opacity 0.5s 1s;
  -o-transition: -o-transform 0.5s 1s, opacity 0.5s 1s;
  transition: transform 0.5s 1s, opacity 0.5s 1s;
}
.display5-cont-txt4 .display5-cont-icon {
  opacity: 1;
  -webkit-transform: rotateX(360deg);
  -moz-transform: rotateX(360deg);
  -ms-transform: rotateX(360deg);
  -o-transform: rotateX(360deg);
  transform: rotateX(360deg);
  -webkit-transition: -webkit-transform 0.5s 1.5s, opacity 0.5s 1.5s;
  -moz-transition: -moz-transform 0.5s 1.5s, opacity 0.5s 1.5s;
  -ms-transition: -ms-transform 0.5s 1.5s, opacity 0.5s 1.5s;
  -o-transition: -o-transform 0.5s 1.5s, opacity 0.5s 1.5s;
  transition: transform 0.5s 1.5s, opacity 0.5s 1.5s;
}
.display5-cont-txt5 .display5-cont-icon {
  opacity: 1;
  -webkit-transform: rotateX(360deg);
  -moz-transform: rotateX(360deg);
  -ms-transform: rotateX(360deg);
  -o-transform: rotateX(360deg);
  transform: rotateX(360deg);
  -webkit-transition: -webkit-transform 0.5s 2.5s, opacity 0.5s 2.5s;
  -moz-transition: -moz-transform 0.5s 2.5s, opacity 0.5s 2.5s;
  -ms-transition: -ms-transform 0.5s 2.5s, opacity 0.5s 2.5s;
  -o-transition: -o-transform 0.5s 2.5s, opacity 0.5s 2.5s;
  transition: transform 0.5s 2.5s, opacity 0.5s 2.5s;
}
.display5-cont-txt7 .display5-cont-icon {
  opacity: 1;
  -webkit-transform: rotateX(360deg);
  -moz-transform: rotateX(360deg);
  -ms-transform: rotateX(360deg);
  -o-transform: rotateX(360deg);
  transform: rotateX(360deg);
  -webkit-transition: -webkit-transform 0.5s 2s, opacity 0.5s 2s;
  -moz-transition: -moz-transform 0.5s 2s, opacity 0.5s 2s;
  -ms-transition: -ms-transform 0.5s 2s, opacity 0.5s 2s;
  -o-transition: -o-transform 0.5s 2s, opacity 0.5s 2s;
  transition: transform 0.5s 2s, opacity 0.5s 2s;
}
.actived .display5-cont .display5-title,
.actived .display5-cont .display5-txt,
.actived .display5-cont .display5-cont-txt1,
.actived .display5-cont .display5-cont-txt2,
.actived .display5-cont-txt2 .display5-cont-icon,
.actived .display5-cont .display5-cont-txt3,
.actived .display5-cont .display5-cont-txt4,
.actived .display5-cont-txt4 .display5-cont-icon,
.actived .display5-cont .display5-cont-txt5,
.actived .display5-cont-txt5 .display5-cont-icon,
.actived .display5-cont .display5-cont-txt6,
.actived .display5-cont .display5-cont-txt7,
.actived .display5-cont-txt7 .display5-cont-icon,
.actived .display5-cont .display5-circle {
  opacity: 1;
  -webkit-transform: none;
  -moz-transform: none;
  -ms-transform: none;
  -o-transform: none;
  transform: none;
}
.display5-circle .display5-circle-head {
  /* -webkit-transform: rotate(-360deg);
	    -moz-transform: rotate(-360deg);
	    -ms-transform: rotate(-360deg);
	    -o-transform: rotate(-360deg);
	    transform: rotate(-360deg);
	    -webkit-transition: -webkit-transform 3s linear .6s;
	    -moz-transition: -moz-transform 3s linear .6s;
	    -ms-transition: -ms-transform 3s linear .6s;
	    -o-transition: -o-transform 3s linear .6s;
	    transition: transform 3s linear .6s; */
}
.actived .display5-circle .display5-circle-head {
  /* -webkit-transform: none;
	    -moz-transform: none;
	    -ms-transform: none;
	    -o-transform: none;
	    transform: none; */
}
.actived .display5-circle .display5-circle-head {
}
@-webkit-keyframes circle1 /* Safari 和 Chrome */ {
  0% {
    -webkit-transform: none;
  }
  20% {
    -webkit-transform: scaleY(2);
  }
  40% {
    -webkit-transform: scaleY(0.5);
  }
  60% {
    -webkit-transform: scaleY(1.5);
  }
  80% {
    -webkit-transform: scaleY(0.5);
  }
  100% {
    -webkit-transform: none;
  }
}
@-moz-keyframes circle1 /* Firefox */ {
  0% {
    -moz-transform: none;
  }
  20% {
    -moz-transform: scaleY(2);
  }
  40% {
    -moz-transform: scaleY(0.5);
  }
  60% {
    -moz-transform: scaleY(1.5);
  }
  80% {
    -moz-transform: scaleY(0.5);
  }
  100% {
    -moz-transform: none;
  }
}
@-ms-keyframes circle1 /* IE */ {
  0% {
    -ms-transform: none;
  }
  20% {
    -ms-transform: scaleY(2);
  }
  40% {
    -ms-transform: scaleY(0.5);
  }
  60% {
    -ms-transform: scaleY(1.5);
  }
  80% {
    -ms-transform: scaleY(0.5);
  }
  100% {
    -ms-transform: none;
  }
}
@-o-keyframes circle1 /* Opera */ {
  0% {
    -o-transform: none;
  }
  20% {
    -o-transform: scaleY(2);
  }
  40% {
    -o-transform: scaleY(0.5);
  }
  60% {
    -o-transform: scaleY(1.5);
  }
  80% {
    -o-transform: scaleY(0.5);
  }
  100% {
    -o-transform: none;
  }
}
@keyframes circle1 {
  0% {
    transform: none;
  }
  20% {
    transform: scaleY(2);
  }
  40% {
    transform: scaleY(0.5);
  }
  60% {
    transform: scaleY(1.5);
  }
  80% {
    transform: scaleY(0.5);
  }
  100% {
    transform: none;
  }
}
.actived .display5-circle-draw .display5-circle1 {
  -webkit-animation: circle1 3s ease-out 0.5s;
  -moz-animation: circle1 3s ease-out 0.5s;
  -ms-animation: circle1 3s ease-out 0.5s;
  -o-animation: circle1 3s ease-out 0.5s;
  animation: circle1 3s ease-out 0.5s;
}
@-webkit-keyframes circle2 /* Safari 和 Chrome */ {
  0% {
    -webkit-transform: none;
  }
  25% {
    -webkit-transform: scaleY(0.3);
  }
  50% {
    -webkit-transform: scaleY(0.8);
  }
  75% {
    -webkit-transform: scaleY(0.3);
  }
  100% {
    -webkit-transform: none;
  }
}
@-moz-keyframes circle2 /* Firefox */ {
  0% {
    -moz-transform: none;
  }
  25% {
    -moz-transform: scaleY(0.3);
  }
  50% {
    -moz-transform: scaleY(0.8);
  }
  75% {
    -moz-transform: scaleY(0.3);
  }
  100% {
    -moz-transform: none;
  }
}
@-ms-keyframes circle2 /* IE */ {
  0% {
    -ms-transform: none;
  }
  25% {
    -ms-transform: scaleY(0.3);
  }
  50% {
    -ms-transform: scaleY(0.8);
  }
  75% {
    -ms-transform: scaleY(0.3);
  }
  100% {
    -ms-transform: none;
  }
}
@-o-keyframes circle2 /* Opera */ {
  0% {
    -o-transform: none;
  }
  25% {
    -o-transform: scaleY(0.3);
  }
  50% {
    -o-transform: scaleY(0.8);
  }
  75% {
    -o-transform: scaleY(0.3);
  }
  100% {
    -o-transform: none;
  }
}
@keyframes circle2 {
  0% {
    transform: none;
  }
  25% {
    transform: scaleY(0.3);
  }
  50% {
    transform: scaleY(0.8);
  }
  75% {
    transform: scaleY(0.3);
  }
  100% {
    transform: none;
  }
}
.actived .display5-circle-draw .display5-circle2 {
  -webkit-animation: circle2 3s ease-out 0.5s;
  -moz-animation: circle2 3s ease-out 0.5s;
  -ms-animation: circle2 3s ease-out 0.5s;
  -o-animation: circle2 3s ease-out 0.5s;
  animation: circle2 3s ease-out 0.5s;
}
@-webkit-keyframes circle3 /* Safari 和 Chrome */ {
  0% {
    -webkit-transform: none;
  }
  16% {
    -webkit-transform: scaleY(0.5);
  }
  32% {
    -webkit-transform: scaleY(0.8);
  }
  49% {
    -webkit-transform: scaleY(0.3);
  }
  66% {
    -webkit-transform: scaleY(0.8);
  }
  83% {
    -webkit-transform: scaleY(0.3);
  }
  100% {
    -webkit-transform: none;
  }
}
@-moz-keyframes circle3 /* Firefox */ {
  0% {
    -moz-transform: none;
  }
  16% {
    -moz-transform: scaleY(0.5);
  }
  32% {
    -moz-transform: scaleY(0.8);
  }
  49% {
    -moz-transform: scaleY(0.3);
  }
  66% {
    -moz-transform: scaleY(0.8);
  }
  83% {
    -moz-transform: scaleY(0.3);
  }
  100% {
    -moz-transform: none;
  }
}
@-ms-keyframes circle3 /* IE */ {
  0% {
    -ms-transform: none;
  }
  16% {
    -ms-transform: scaleY(0.5);
  }
  32% {
    -ms-transform: scaleY(0.8);
  }
  49% {
    -ms-transform: scaleY(0.3);
  }
  66% {
    -ms-transform: scaleY(0.8);
  }
  83% {
    -ms-transform: scaleY(0.3);
  }
  100% {
    -ms-transform: none;
  }
}
@-o-keyframes circle3 /* Opera */ {
  0% {
    -o-transform: none;
  }
  16% {
    -o-transform: scaleY(0.5);
  }
  32% {
    -o-transform: scaleY(0.8);
  }
  49% {
    -o-transform: scaleY(0.3);
  }
  66% {
    -o-transform: scaleY(0.8);
  }
  83% {
    -o-transform: scaleY(0.3);
  }
  100% {
    -o-transform: none;
  }
}
@keyframes circle3 {
  0% {
    transform: none;
  }
  16% {
    transform: scaleY(0.5);
  }
  32% {
    transform: scaleY(0.8);
  }
  49% {
    transform: scaleY(0.3);
  }
  66% {
    transform: scaleY(0.8);
  }
  83% {
    transform: scaleY(0.3);
  }
  100% {
    transform: none;
  }
}
.actived .display5-circle-draw .display5-circle3 {
  -webkit-animation: circle3 2.9s ease-out 0.6s;
  -moz-animation: circle3 2.9s ease-out 0.6s;
  -ms-animation: circle3 2.9s ease-out 0.6s;
  -o-animation: circle3 2.9s ease-out 0.6s;
  animation: circle3 2.9s ease-out 0.6s;
}
@-webkit-keyframes circle4 /* Safari 和 Chrome */ {
  0% {
    -webkit-transform: none;
  }
  16% {
    -webkit-transform: scaleY(0.5);
  }
  32% {
    -webkit-transform: scaleY(0.8);
  }
  49% {
    -webkit-transform: scaleY(0.5);
  }
  66% {
    -webkit-transform: scaleY(0.8);
  }
  83% {
    -webkit-transform: scaleY(0.5);
  }
  100% {
    -webkit-transform: none;
  }
}
@-moz-keyframes circle4 /* Firefox */ {
  0% {
    -moz-transform: none;
  }
  16% {
    -moz-transform: scaleY(0.5);
  }
  32% {
    -moz-transform: scaleY(0.8);
  }
  49% {
    -moz-transform: scaleY(0.5);
  }
  66% {
    -moz-transform: scaleY(0.8);
  }
  83% {
    -moz-transform: scaleY(0.5);
  }
  100% {
    -moz-transform: none;
  }
}
@-ms-keyframes circle4 /* IE */ {
  0% {
    -ms-transform: none;
  }
  16% {
    -ms-transform: scaleY(0.5);
  }
  32% {
    -ms-transform: scaleY(0.8);
  }
  49% {
    -ms-transform: scaleY(0.5);
  }
  66% {
    -ms-transform: scaleY(0.8);
  }
  83% {
    -ms-transform: scaleY(0.5);
  }
  100% {
    -ms-transform: none;
  }
}
@-o-keyframes circle4 /* Opera */ {
  0% {
    -o-transform: none;
  }
  16% {
    -o-transform: scaleY(0.5);
  }
  32% {
    -o-transform: scaleY(0.8);
  }
  49% {
    -o-transform: scaleY(0.5);
  }
  66% {
    -o-transform: scaleY(0.8);
  }
  83% {
    -o-transform: scaleY(0.5);
  }
  100% {
    -o-transform: none;
  }
}
@keyframes circle4 {
  0% {
    transform: none;
  }
  16% {
    transform: scaleY(0.5);
  }
  32% {
    transform: scaleY(0.8);
  }
  49% {
    transform: scaleY(0.5);
  }
  66% {
    transform: scaleY(0.8);
  }
  83% {
    transform: scaleY(0.5);
  }
  100% {
    transform: none;
  }
}
.actived .display5-circle-draw .display5-circle4 {
  -webkit-animation: circle4 3s ease-out 0.5s;
  -moz-animation: circle4 3s ease-out 0.5s;
  -ms-animation: circle4 3s ease-out 0.5s;
  -o-animation: circle4 3s ease-out 0.5s;
  animation: circle4 3s ease-out 0.5s;
}
@-webkit-keyframes circle5 /* Safari 和 Chrome */ {
  0% {
    -webkit-transform: none;
  }
  20% {
    -webkit-transform: scaleY(2);
  }
  40% {
    -webkit-transform: scaleY(0.5);
  }
  60% {
    -webkit-transform: scaleY(1.5);
  }
  80% {
    -webkit-transform: scaleY(0.5);
  }
  100% {
    -webkit-transform: none;
  }
}
@-moz-keyframes circle5 /* Firefox */ {
  0% {
    -moz-transform: none;
  }
  20% {
    -moz-transform: scaleY(2);
  }
  40% {
    -moz-transform: scaleY(0.5);
  }
  60% {
    -moz-transform: scaleY(1.5);
  }
  80% {
    -moz-transform: scaleY(0.5);
  }
  100% {
    -moz-transform: none;
  }
}
@-ms-keyframes circle5 /* IE */ {
  0% {
    -ms-transform: none;
  }
  20% {
    -ms-transform: scaleY(2);
  }
  40% {
    -ms-transform: scaleY(0.5);
  }
  60% {
    -ms-transform: scaleY(1.5);
  }
  80% {
    -ms-transform: scaleY(0.5);
  }
  100% {
    -ms-transform: none;
  }
}
@-o-keyframes circle5 /* Opera */ {
  0% {
    -o-transform: none;
  }
  20% {
    -o-transform: scaleY(2);
  }
  40% {
    -o-transform: scaleY(0.5);
  }
  60% {
    -o-transform: scaleY(1.5);
  }
  80% {
    -o-transform: scaleY(0.5);
  }
  100% {
    -o-transform: none;
  }
}
@keyframes circle5 {
  0% {
    transform: none;
  }
  20% {
    transform: scaleY(2);
  }
  40% {
    transform: scaleY(0.5);
  }
  60% {
    transform: scaleY(1.5);
  }
  80% {
    transform: scaleY(0.5);
  }
  100% {
    transform: none;
  }
}
.actived .display5-circle-draw .display5-circle5 {
  -webkit-animation: circle5 3s ease-out 0.5s;
  -moz-animation: circle5 3s ease-out 0.5s;
  -ms-animation: circle5 3s ease-out 0.5s;
  -o-animation: circle5 3s ease-out 0.5s;
  animation: circle5 3s ease-out 0.5s;
}

/* <!-- 丰富的可视化工具 --> */
.display-module .display6 {
  /* display: none; */
}
.display-module .display6-bg {
  background: url(../images/displayBg6.jpg?20160623) no-repeat center top;
}
.display-module .display6-cont {
  width: 1000px;
  height: 1000px;
  margin: 0px auto;
}
.display6-cont .display6-title {
  position: absolute;
  margin-top: 216px;
  margin-left: 233px;
  width: 534px;
  height: 60px;
  background: url('../images/bg6-title1.png?20160623') no-repeat;
  _background: none;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.kugou.com/hifi/images/bg6-title1.png?20160623',sizingMethod="crop");
}
.display6-cont .display6-txt {
  position: absolute;
  margin-top: 300px;
  margin-left: 78px;
  width: 844px;
  height: 26px;
  background: url('../images/bg6-title2.png?20160623') no-repeat;
  _background: none;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.kugou.com/hifi/images/bg6-title2.png?20160623',sizingMethod="crop");
}
.display6-cont .display6-cont1-icon,
.display6-cont .display6-cont2-icon,
.display6-cont .display6-cont3-icon,
.display6-cont .display6-cont4-icon {
  display: block;
  width: 200px;
  height: 256px;
}
.display6-cont .display6-cont1-icon {
  background: url('../images/d6-icon1.png?20160623') no-repeat;
  _background: none;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.kugou.com/hifi/images/d6-icon1.png?20160623',sizingMethod="crop");
}
.display6-cont .display6-cont2-icon {
  background: url('../images/d6-icon2.png?20160623') no-repeat;
  _background: none;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.kugou.com/hifi/images/d6-icon2.png?20160623',sizingMethod="crop");
}
.display6-cont .display6-cont3-icon {
  background: url('../images/d6-icon3.png?20160623') no-repeat;
  _background: none;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.kugou.com/hifi/images/d6-icon3.png?20160623',sizingMethod="crop");
}
.display6-cont .display6-cont4-icon {
  background: url('../images/d6-icon4.png?20160623') no-repeat;
  _background: none;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.kugou.com/hifi/images/d6-icon4.png?20160623',sizingMethod="crop");
}
.display6-cont .display6-cont1,
.display6-cont .display6-cont2,
.display6-cont .display6-cont3,
.display6-cont .display6-cont4 {
  position: absolute;
  margin-top: 488px;
  width: 200px;
  height: 256px;
}
.display6-cont .display6-cont1 {
  margin-left: 0;
}
.display6-cont .display6-cont2 {
  margin-left: 266px;
}
.display6-cont .display6-cont3 {
  margin-left: 533px;
}
.display6-cont .display6-cont4 {
  margin-left: 800px;
}
.display6-cont .display6-title {
  opacity: 1;
  -webkit-transform: translate3d(0, -120px, 0);
  -moz-transform: translate3d(0, -120px, 0);
  -ms-transform: translate3d(0, -120px, 0);
  -o-transform: translate3d(0, -120px, 0);
  transform: translate3d(0, -120px, 0);
  -webkit-transition: -webkit-transform 1s 0.2s, opacity 1s 0.2s;
  -moz-transition: -moz-transform 1s 0.2s, opacity 1s 0.2s;
  -ms-transition: -ms-transform 1s 0.2s, opacity 1s 0.2s;
  -o-transition: -o-transform 1s 0.2s, opacity 1s 0.2s;
  transition: transform 1s 0.2s, opacity 1s 0.2s;
}
.display6-cont .display6-txt {
  opacity: 1;
  -webkit-transform: translate3d(0, -110px, 0);
  -moz-transform: translate3d(0, -110px, 0);
  -ms-transform: translate3d(0, -110px, 0);
  -o-transform: translate3d(0, -110px, 0);
  transform: translate3d(0, -110px, 0);
  -webkit-transition: -webkit-transform 0.8s 0.3s, opacity 0.8s 0.3s;
  -moz-transition: -moz-transform 0.8s 0.3s, opacity 0.8s 0.3s;
  -ms-transition: -ms-transform 0.8s 0.3s, opacity 0.8s 0.3s;
  -o-transition: -o-transform 0.8s 0.3s, opacity 0.8s 0.3s;
  transition: transform 0.8s 0.3s, opacity 0.8s 0.3s;
}
.display6-cont .display6-cont1 {
  opacity: 1;
  -webkit-transform: translate3d(0, 150px, 0);
  -moz-transform: translate3d(0, 150px, 0);
  -ms-transform: translate3d(0, 150px, 0);
  -o-transform: translate3d(0, 150px, 0);
  transform: translate3d(0, 150px, 0);
  -webkit-transition: -webkit-transform 1s 0.6s, opacity 1s 0.6s;
  -moz-transition: -moz-transform 1s 0.6s, opacity 1s 0.6s;
  -ms-transition: -ms-transform 1s 0.6s, opacity 1s 0.6s;
  -o-transition: -o-transform 1s 0.6s, opacity 1s 0.6s;
  transition: transform 1s 0.6s, opacity 1s 0.6s;
}
.display6-cont .display6-cont2 {
  opacity: 1;
  -webkit-transform: translate3d(0, 150px, 0);
  -moz-transform: translate3d(0, 150px, 0);
  -ms-transform: translate3d(0, 150px, 0);
  -o-transform: translate3d(0, 150px, 0);
  transform: translate3d(0, 150px, 0);
  -webkit-transition: -webkit-transform 1s 0.9s, opacity 1s 0.9s;
  -moz-transition: -moz-transform 1s 0.9s, opacity 1s 0.9s;
  -ms-transition: -ms-transform 1s 0.9s, opacity 1s 0.9s;
  -o-transition: -o-transform 1s 0.9s, opacity 1s 0.9s;
  transition: transform 1s 0.9s, opacity 1s 0.9s;
}
.display6-cont .display6-cont3 {
  opacity: 1;
  -webkit-transform: translate3d(0, 150px, 0);
  -moz-transform: translate3d(0, 150px, 0);
  -ms-transform: translate3d(0, 150px, 0);
  -o-transform: translate3d(0, 150px, 0);
  transform: translate3d(0, 150px, 0);
  -webkit-transition: -webkit-transform 1s 1.2s, opacity 1s 1.2s;
  -moz-transition: -moz-transform 1s 1.2s, opacity 1s 1.2s;
  -ms-transition: -ms-transform 1s 1.2s, opacity 1s 1.2s;
  -o-transition: -o-transform 1s 1.2s, opacity 1s 1.2s;
  transition: transform 1s 1.2s, opacity 1s 1.2s;
}
.display6-cont .display6-cont4 {
  opacity: 1;
  -webkit-transform: translate3d(0, 150px, 0);
  -moz-transform: translate3d(0, 150px, 0);
  -ms-transform: translate3d(0, 150px, 0);
  -o-transform: translate3d(0, 150px, 0);
  transform: translate3d(0, 150px, 0);
  -webkit-transition: -webkit-transform 1s 1.5s, opacity 1s 1.5s;
  -moz-transition: -moz-transform 1s 1.5s, opacity 1s 1.5s;
  -ms-transition: -ms-transform 1s 1.5s, opacity 1s 1.5s;
  -o-transition: -o-transform 1s 1.5s, opacity 1s 1.5s;
  transition: transform 1s 1.5s, opacity 1s 1.5s;
}
.actived .display6-cont .display6-title,
.actived .display6-cont .display6-txt,
.actived .display6-cont .display6-cont1,
.actived .display6-cont .display6-cont2,
.actived .display6-cont .display6-cont3,
.actived .display6-cont .display6-cont4 {
  opacity: 1;
  -webkit-transform: none;
  -moz-transform: none;
  -ms-transform: none;
  -o-transform: none;
  transform: none;
}
.display6-cont.dip600 {
  -webkit-transform: scale(0.7, 0.7);
  -moz-transform: scale(0.7, 0.7);
  -ms-transform: scale(0.7, 0.7);
  -o-transform: scale(0.7, 0.7);
  transform: scale(0.7, 0.7);
}
.display6-cont.dip680 {
  -webkit-transform: scale(0.8, 0.8);
  -moz-transform: scale(0.8, 0.8);
  -ms-transform: scale(0.8, 0.8);
  -o-transform: scale(0.8, 0.8);
  transform: scale(0.8, 0.8);
}
.display6-cont.dip760 {
  -webkit-transform: scale(0.9, 0.9);
  -moz-transform: scale(0.9, 0.9);
  -ms-transform: scale(0.9, 0.9);
  -o-transform: scale(0.9, 0.9);
  transform: scale(0.9, 0.9);
}
.display6-cont.dip840 {
  -webkit-transform: scale(1, 1);
  -moz-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  -o-transform: scale(1, 1);
  transform: scale(1, 1);
}

/* <!-- 页脚 --> */
.display-module .display7 {
  /* display: none; */
}
.display-module .display7-bg {
  background: url(../images/displayBg7.jpg?20160623) no-repeat center top;
}
.display-module .display7-cont {
  width: 1000px;
  height: 1000px;
  margin: 0px auto;
}
.display7-cont .display7-logo {
  position: absolute;
  margin-left: 415px;
  margin-top: 230px;
  width: 168px;
  height: 167px;
  background-position: -579px -74px;
  _background-position: 0 0;
  _background: none;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.kugou.com/hifi/images/biglogo.png?20160623',sizingMethod="crop");
}
.display7-cont .display7-title {
  position: absolute;
  margin-left: 372px;
  margin-top: 425px;
  width: 332px;
  height: 38px;
  background-position: 0 -199px;
  _background-position: 0 0;
  _background: none;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.kugou.com/hifi/images/display7-title.png?20160623',sizingMethod="crop");
}
.display7-cont .display7-download {
  position: absolute;
  margin-left: 170px;
  margin-top: 524px;
  width: 280px;
  height: 70px;
}
.display7-cont .display7-download.ad {
  margin-left: calc(10vw + 300px);
}
.display7-download .d7-download {
  position: absolute;
  display: block;
  width: 280px;
  height: 70px;
  background: url(../images/dl/pc_dl.png) no-repeat;
}
.display7-download.ad .d7-download {
  position: absolute;
  display: block;
  width: 280px;
  height: 70px;
  background: url(../images/dl/ad_dl.png) no-repeat;
}
.display7-download:hover .d7-download,
.display7-download .d7-download.downloadhover {
  background: url(../images/dl/pc_dl_highlight.png) no-repeat;
}
.display7-download.ad:hover .d7-download,
.display7-download.ad .d7-download.downloadhover {
  background: url(../images/dl/ad_dl_highlight.png) no-repeat;
}
.display7-download .d7-download-btn {
  position: absolute;
  display: block;
  width: 280px;
  height: 70px;
}
.display7-line {
  position: absolute;
  margin-top: -270px;
  width: 100%;
  *width: 1000px;
  border-top: 1px solid rgb(255, 255, 255);
  opacity: 0.08;
  filter: alpha(opacity=8);
}
.line-dip600 {
  margin-top: -400px;
}
.line-dip680 {
  margin-top: -380px;
}
.line-dip760 {
  margin-top: -350px;
}
.line-dip840 {
  margin-top: -310px;
}
.foot {
  position: absolute;
  text-align: center;
  color: #bbb;
  left: 0;
  right: 0;
  padding-top: 1rem;
  padding-bottom: 3rem;
  background-color: #000;
  z-index: 99999;
}
.foot p {
  color: #bbb;
  line-height: 22px;
}
.foot a,
.foot a:hover {
  color: #666;
  text-decoration: none;
  padding: 0px 3px;
  _padding: 0;
}
.links {
  position: relative;
  zoom: 1;
  padding-top: 8px;
  padding: 10px 0px;
  padding-bottom: 0;
  font-size: 12px;
  color: #666;
}
.links a {
  color: #bbb;
  font-size: 12px;
}
.links-ie7 {
  display: none;
  position: relative;
  zoom: 1;
  margin-top: 15px;
  padding: 15px 0px;
  font-size: 14px;
  color: #666;
}
.links-ie7 a {
  color: #bbb;
  font-size: 14px;
}
.foot .office-verification {
  position: absolute;
  width: 20px;
  height: 22px;
  margin-left: 10px;
  margin-top: 6px;
  *margin-top: 0px;
  _margin-top: -2px;
  background: url('../images/verification.png?20160623') no-repeat;
  _background: none;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.kugou.com/hifi/images/verification.png?20160623',sizingMethod="crop");
}
.copyright {
  margin-top: 10px;
  font-size: 12px;
}
.copyright_bottom {
  width: 100%;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}
.copyright_bottom p a{
  margin: 0 16px;
  display: inline-flex;
  align-items: center;
}
.copyright_bottom i {
  display: block;
  width: 18px;
  height: 18px;
  background: url("../images/bottom_icon.png") no-repeat center/contain;
  margin-right: 4px;
}

.copyright .footerIcon {
  position: absolute;
  width: 16px;
  height: 16px;
  margin-top: 8px;
  *margin-top: 2px;
  _margin-top: 0px;
  zoom: 1;
  cursor: pointer;
  background: url('../images/copyright.png?20160623') no-repeat;
  _background: none;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.kugou.com/hifi/images/copyright.png?20160623',sizingMethod="crop");
}
.copyright .copyright-btn {
  position: absolute;
  margin-top: -24px;
  margin-left: 815px;
  display: block;
  zoom: 1;
  width: 26px;
  height: 16px;
  padding: 0;
}
.copyright a {
  color: #bbb;
}
.copyright .office-btn {
  position: absolute;
  margin-left: 8px;
  margin-top: 4px;
  *margin-top: 0px;
  _margin-top: -2px;
  width: 20px;
  height: 24px;
  z-index: 10;
}
.display7-cont .display7-logo {
  opacity: 1;
  -webkit-transform: translate3d(0, -120px, 0);
  -moz-transform: translate3d(0, -120px, 0);
  -ms-transform: translate3d(0, -120px, 0);
  -o-transform: translate3d(0, -120px, 0);
  transform: translate3d(0, -120px, 0);
  -webkit-transition: -webkit-transform 1s 0.3s, opacity 1s 0.3s;
  -moz-transition: -moz-transform 1s 0.3s, opacity 1s 0.3s;
  -ms-transition: -ms-transform 1s 0.3s, opacity 1s 0.3s;
  -o-transition: -o-transform 1s 0.3s, opacity 1s 0.3s;
  transition: transform 1s 0.3s, opacity 1s 0.3s;
}
.display7-cont .display7-title {
  opacity: 1;
  -webkit-transform: translate3d(0, -110px, 0);
  -moz-transform: translate3d(0, -110px, 0);
  -ms-transform: translate3d(0, -110px, 0);
  -o-transform: translate3d(0, -110px, 0);
  transform: translate3d(0, -110px, 0);
  -webkit-transition: -webkit-transform 1s 0.25s, opacity 1s 0.25s;
  -moz-transition: -moz-transform 1s 0.25s, opacity 1s 0.25s;
  -ms-transition: -ms-transform 1s 0.25s, opacity 1s 0.25s;
  -o-transition: -o-transform 1s 0.25s, opacity 1s 0.25s;
  transition: transform 1s 0.25s, opacity 1s 0.25s;
}
.display7-cont .display7-download {
  opacity: 1;
  -webkit-transform: translate3d(0, 150px, 0);
  -moz-transform: translate3d(0, 150px, 0);
  -ms-transform: translate3d(0, 150px, 0);
  -o-transform: translate3d(0, 150px, 0);
  transform: translate3d(0, 150px, 0);
  -webkit-transition: -webkit-transform 1.2s 0.2s, opacity 1.2s 0.2s;
  -moz-transition: -moz-transform 1.2s 0.2s, opacity 1.2s 0.2s;
  -ms-transition: -ms-transform 1.2s 0.2s, opacity 1.2s 0.2s;
  -o-transition: -o-transform 1.2s 0.2s, opacity 1.2s 0.2s;
  transition: transform 1.2s 0.2s, opacity 1.2s 0.2s;
}
.display7-line {
  -webkit-transform: translate3d(0, 290px, 0);
  -moz-transform: translate3d(0, 290px, 0);
  -ms-transform: translate3d(0, 290px, 0);
  -o-transform: translate3d(0, 290px, 0);
  transform: translate3d(0, 290px, 0);
  -webkit-transition: -webkit-transform 0.8s 0.2s;
  -moz-transition: -moz-transform 0.8s 0.2s;
  -ms-transition: -ms-transform 0.8s 0.2s;
  -o-transition: -o-transform 0.8s 0.2s;
  transition: transform 0.8s 0.2s;
}
.actived .display7-cont .display7-logo,
.actived .display7-cont .display7-title,
.actived .display7-cont .display7-download,
.actived .foot {
  opacity: 1;
  -webkit-transform: none;
  -moz-transform: none;
  -ms-transform: none;
  -o-transform: none;
  transform: none;
}
.actived .display7-line {
  -webkit-transform: none;
  -moz-transform: none;
  -ms-transform: none;
  -o-transform: none;
  transform: none;
}
.display7-cont.dip600 {
  -webkit-transform: scale(0.7, 0.7);
  -moz-transform: scale(0.7, 0.7);
  -ms-transform: scale(0.7, 0.7);
  -o-transform: scale(0.7, 0.7);
  transform: scale(0.7, 0.7);
}
.display7-cont.dip680 {
  -webkit-transform: scale(0.8, 0.8);
  -moz-transform: scale(0.8, 0.8);
  -ms-transform: scale(0.8, 0.8);
  -o-transform: scale(0.8, 0.8);
  transform: scale(0.8, 0.8);
}
.display7-cont.dip760 {
  -webkit-transform: scale(0.9, 0.9);
  -moz-transform: scale(0.9, 0.9);
  -ms-transform: scale(0.9, 0.9);
  -o-transform: scale(0.9, 0.9);
  transform: scale(0.9, 0.9);
}
.display7-cont.dip840 {
  -webkit-transform: scale(1, 1);
  -moz-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  -o-transform: scale(1, 1);
  transform: scale(1, 1);
}

/* <!-- 分享弹窗模块 begin --> */
.share-module {
  display: none;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 92000;
}
.share-module .share-maskBg {
  width: 100%;
  height: 100%;
  background-color: #000;
  opacity: 0.5;
  filter: alpha(opacity=50);
}
.share-module .share-context {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -240px;
  margin-top: -150px;
  width: 480px;
  height: 300px;
  color: #bbb;
}
.share-module .share-context .share-bg {
  position: absolute;
  width: 480px;
  height: 300px;
  background-color: #000;
  opacity: 0.7;
  filter: alpha(opacity=70);
}
.share-module .share-context .share-title {
  position: absolute;
  margin-left: 40px;
  margin-top: 35px;
  font-size: 16px;
}
.share-module .share-context .close-cont {
  position: absolute;
  right: 10px;
  margin-top: 10px;
  width: 11px;
  height: 11px;
}
.share-module .close-cont .share-close {
  position: absolute;
  display: block;
  width: 11px;
  height: 11px;
  background-position: -24px -54px;
  _background-position: 0 0;
  _background: none;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.kugou.com/hifi/images/close.png?20160623',sizingMethod="crop");
  background: url(../images/close.png?20180117) no-repeat;
}
.share-module .close-cont .close-btn {
  position: absolute;
  display: block;
  width: 11px;
  height: 11px;
}
.share-module .share-context .share-left {
  position: absolute;
  margin-left: 30px;
  margin-top: 84px;
  width: 180px;
  height: 185px;
}
.share-context .share-left .share-context-left {
  float: left;
  width: 90px;
  height: 92px;
}
.share-context .share-left .share-icon {
  position: absolute;
  display: block;
  margin-left: 20px;
  width: 52px;
  height: 74px;
}
.share-context .share-left .share-sina {
  background: url('../images/sina.png?20160623') no-repeat;
  _background: none;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.kugou.com/hifi/images/sina.png?20160623',sizingMethod="crop");
}
.share-context .share-left .share-qqzone {
  background: url('../images/qqzone.png?20160623') no-repeat;
  _background: none;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.kugou.com/hifi/images/qqzone.png?20160623',sizingMethod="crop");
}
.share-context .share-left .share-qq {
  background: url('../images/qq.png?20160623') no-repeat;
  _background: none;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.kugou.com/hifi/images/qq.png?20160623',sizingMethod="crop");
}
.share-context .share-left .share-twb {
  background: url('../images/twb.png?20160623') no-repeat;
  _background: none;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.kugou.com/hifi/images/twb.png?20160623',sizingMethod="crop");
}
.share-context .share-left a {
  position: absolute;
  margin-left: 20px;
  display: block;
  width: 52px;
  height: 51px;
}
.share-context .share-line {
  position: absolute;
  margin-left: 240px;
  margin-top: 84px;
  height: 170px;
  border-right: 1px solid rgb(255, 255, 255);
  opacity: 0.13;
  filter: alpha(opacity=13);
}
.share-context .share-right {
  position: absolute;
  margin-left: 295px;
  margin-top: 84px;
  width: 130px;
  height: 180px;
}
.share-context .share-right .share-img {
  width: 130px;
  height: 130px;
}
.share-context .share-right .share-img img {
  width: 130px;
  height: 130px;
}
.share-context .share-right .share-right-txt {
  display: block;
  margin-top: 6px;
  width: 130px;
  text-align: center;
  line-height: 19px;
}

/* <!-- 暂不支持MAC系统 begin --> */
.mac-module {
  display: none;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 2000;
}
.mac-module .mac-context {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -180px;
  margin-top: -50px;
  width: 360px;
  height: 100px;
  background: url('../images/tips.png?20160623') no-repeat;
}

/* <!-- 请加顶栏标注的官方Q群 --> */
.q-module {
  display: none;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 2000;
}
.q-module .q-context {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -250px;
  margin-top: -50px;
  width: 500px;
  height: 100px;
  border-radius: 8px;
  background-color: #000;
  opacity: 0.6;
  filter: alpha(opacity=60);
}
.q-module .q-text {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -250px;
  margin-top: -50px;
  width: 500px;
  height: 100px;
  font-size: 24px;
  color: #fff;
  text-align: center;
  line-height: 100px;
}

.bodyScroll::-webkit-scrollbar {
  /* 1 */
  display: none;
}
.bodyScroll::-webkit-scrollbar-button {
  /* 2 */
  display: none;
}
.bodyScroll::-webkit-scrollbar-track {
  /* 3 */
  display: none;
}
.bodyScroll::-webkit-scrollbar-track-piece {
  /* 4 */
  display: none;
}
.bodyScroll::-webkit-scrollbar-thumb {
  /* 5 */
  display: none;
}
.bodyScroll::-webkit-scrollbar-thumb:hover {
  /* 5 */
  display: none;
}
.bodyScroll::-webkit-scrollbar-corner {
  /* 6 */
  display: none;
}
.bodyScroll::-webkit-resizer {
  /* 7 */
  display: none;
}
.bodyScroll {
  background-color: #030301;
}
.display1 .white-title {
  display: block;
  margin-top: 10.45rem;
  font-family: PingFangSC-Semibold;
  font-size: 5.48rem;
  color: #fafcfc;
}

.display1 .orange-title {
  display: block;
  font-family: PingFangSC-Semibold;
  font-size: 5.48rem;
  color: #ffd283;
}
.display1 .desc {
  display: block;
  opacity: 0.8;
  font-family: PingFangSC-Light;
  font-size: 2.05rem;
  color: #fafcfc;
  line-height: 2.75rem;
  width: 23.57rem;
  /* height: 5.5rem; */
  font-weight: 200;
}
.download-father {
  left: -5.14rem;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  /* width: 713px; */
  margin-top: 4.54rem;
  position: relative;
}
.download-father::after {
  content: "";
  position: absolute;
  width: 2px;
  height: 25.71rem;
  left: 33.51rem;
  top: 0;
  /* transform: translate(-50%); */
  opacity: 0.8;
  background-image: linear-gradient(180deg, rgba(255,255,255,0.00) 0%, #FFFFFF 17%, #FFFFFF 44%, #FFFFFF 79%, rgba(255,255,255,0.00) 98%);
}
.download-father .display1-container:first-child {
  width: 33.42rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.download-father .display1-container:last-child {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 32.57rem;
}
.download-father .display1-container .display1-container-title {
  width: 23.14rem;
  height: 3.85rem;
  margin-bottom: 1.11rem;
}
.download-father .display1-container .display1-container-title:last-child {
  width: 22.28rem;
}

.download-father .display1-container .display1-container-title.ad {
  background: url("../images/android_title.png") no-repeat center;
  background-size: contain;
}
.download-father .display1-container .display1-container-title.ios {
  /* margin-left: 5.14rem; */
  width: 22.28rem;
  background: url("../images/ios_title.png") no-repeat center;
  background-size: contain;
}
.display1 .display1-cont .display1-download {
  width: 18rem;
  height: 4.62rem;
  cursor: pointer;
  border-radius: 2.31rem;
  overflow: hidden;
}
.display1-download.ad {
  background: url("../images/android_download.png") no-repeat center;
  background-size: cover;
}
.display1-download.ios {
  background: url("../images/ios_download.png") no-repeat center;
  background-size: cover;
}

.display1 .display1-download .d1-download-btn {
  width: 100%;
  height: 100%;
  display: block;
}

.qr-code {
  display: block;
  width: 14.57rem;
  height: 14.57rem;
  background: #d8d8d8;
  margin-top: 2.14rem;
  border: 1px solid #979797;
  border-radius: 8px;
  border-radius: 8px;
}

.qr-code-desc {
  display: block;
  font-family: PingFangSC-Regular;
  font-size: 1.2rem;
  margin-top: 0.63rem;
  color: #ffffff;
  line-height: 150%;
  width: 13.3rem;
  text-align: center;
}

.group-container {
  margin-top: 6.94rem;
  display: flex;
}
.group-container-item.ios {
  margin-left: 5.48rem;
}
.group-title {
  display: block;
  font-family: PingFangSC-Medium;
  font-size: 16px;
  color: #ffffff;
  line-height: 150%;
}
.group-desc1 {
  margin-top: 0.6rem;
  display: block;
  line-height: 150%;
  opacity: 0.8;
  font-family: PingFangSC-Regular;
  font-size: 16px;
  color: #ffffff;
  font-weight: 400;
}

.group-desc2 {
  display: block;
  line-height: 150%;
  opacity: 0.8;
  font-family: PingFangSC-Regular;
  font-size: 16px;
  color: #ffffff;
}

.phone-img {
  position: absolute;
  top: 11.74rem;
  /* right: 19.62rem; */
  left: 114.94rem;
  width: 57.42rem;
  z-index: 999;
}

.swiper-container-father {
  position: absolute;
  top: 0;
  right: 0;
  height: 92.25rem;
  overflow: hidden;
  width: 100vw;
}
.swiper-img {
  width: 100vw;
}