* {
  margin: 0;
  padding: 0;
}

body {
  background: #000;
}

.head,
.content,
.footer {
  width: 100%;
}

.content {
  position: relative;
  width: 1920px;
  height: 100%;
  margin: 0 auto;
}
.head > .inner,
.footer > .inner,
.content > .inner {
  position: relative;
  width: 1920px;
  margin: 0 auto;
}

.head .inner a {
  display: block;
  position: absolute;
  top: 15px;
  left: 826px;
  width: 282px;
  height: 66px;
  cursor: pointer;
}

.floating {
  position: absolute;
  top: 0px;
  width: 131px;
  box-sizing: border-box;
  background-color: rgba(0, 0, 0, 0.75);
  z-index: 9;
}

.floating a {
  opacity: 0.5;
}
.floating a:hover {
  opacity: 0.75;
}
.floating a.current {
  opacity: 1;
}

.inner.music {
  height: 533px;
  background: url("../img/bg_player.jpg") no-repeat top center;
}
.inner.music .list.controller {
  position: absolute;
  top: 430px;
  left: 540px;
  width: 534px;
}

.tab a.btn {
  position: absolute;
  left: 1100px;
  width: 230px;
  height: 30px;
  cursor: pointer;
}
.tab a.btn.music1 {
  top: 360px;
  background: url("../img/btn_music1_off.jpg") no-repeat top center;
}
.tab a.btn.music2 {
  top: 390px;
  background: url("../img/btn_music2_off.jpg") no-repeat top center;
}
.tab a.btn.music3 {
  top: 420px;
  background: url("../img/btn_music3_off.jpg") no-repeat top center;
}
.tab a.btn.music4 {
  top: 450px;
  background: url("../img/btn_music4_off.jpg") no-repeat top center;
}
.tab a.btn.music1.active,
.tab a.btn.music1:hover {
  background: url("../img/btn_music1_on.jpg") no-repeat top center;
}
.tab a.btn.music2.active,
.tab a.btn.music2:hover {
  background: url("../img/btn_music2_on.jpg") no-repeat top center;
}
.tab a.btn.music3.active,
.tab a.btn.music3:hover {
  background: url("../img/btn_music3_on.jpg") no-repeat top center;
}
.tab a.btn.music4.active,
.tab a.btn.music4:hover {
  background: url("../img/btn_music4_on.jpg") no-repeat top center;
}

.title {
  position: absolute;
  top: 372px;
  left: 542px;
}

.title .text {
  display: block;
  width: 490px;
  height: 42px;
}

.title .text.music1 {
  background: url("../img/title_music1.jpg") no-repeat top center;
}
.title .text.music2 {
  background: url("../img/title_music2.jpg") no-repeat top center;
}
.title .text.music3 {
  background: url("../img/title_music3.jpg") no-repeat top center;
}
.title .text.music4 {
  background: url("../img/title_music4.jpg") no-repeat top center;
}

video {
  position: absolute;
  top: 0;
  left: 0;
  width: 1920px;
  height: 1080px;
}

.visuals {
  position: relative;
}

.title .text,
.visual .inner,
.list .inner,
.desc .inner {
  display: none;
}

.title .text.active,
.visual .inner.active,
.list .inner.active,
.desc .inner.active {
  display: block;
}

.tab2 .btn {
  position: absolute;
  display: block;
  top: 15px;
  width: 450px;
  height: 71px;
  cursor: pointer;
}
.tab2 .page1 {
  left: 458px;
}
.tab2 .page2 {
  left: 1010px;
}

.to_top {
  display: block;
  position: absolute;
  top: 10px;
  right: 60px;
  width: 70px;
  height: 45px;
}

audio {
  width: 534px;
  height: 40px;
  background-color: white !important;
  font-size: 10px;
  border-radius: 36px;
}
audio #shadow-root .videocontrols #controlBar.controlBar {
  background-color: transparent !important;
}

.top_button {
  display: block;
  position: absolute;
  left: 813px;
}

/* .create {
  top: 812px;
}
.youtube {
  top: 966px;
} */

.play {
  top: 800px;
}

.create {
  top: 942px;
}

.audiomovie {
  top: 1637px;
  left: 813px;
}

.pv {
  top: 2623px;
  left: 813px;
}
.download {
  display: block;
  position: absolute;
  top: 1003px;
  left: 481px;
  width: 476px;
  height: 74px;
}