.user_page {
  width: 100%;
  margin: 0 auto;
  overflow: hidden;
  font-family: "Microsoft YaHei";
}
.user_page img {
  display: block;
  width: 100%;
}
.user_page .swiper-slide {
  width: 100%;
  height: 100%;
  overflow: hidden;
  display: flex;
}
.user_page .main {
  margin: 0 auto;
  width: 100%;
  height: 100%;
  position: relative;
}
.user_page .main.maintop {
  padding-top: 0;
}

.user_page .jd_icon {
  width: 38vw;
  height: 19.7vw;
  position: absolute;
  right: 0;
  top: 0;
  background: url("../img/jd-icon.png") no-repeat center center;
  background-size: 100% 100%;
  z-index: 5;
}
.user_page .fixed-right {
  position: absolute;
  right: 0;
  bottom: 2.19444444rem;
  width: 1.7037037rem;
  height: 1.15740741rem;
  background: url("../img/fixed-right.png") no-repeat center center;
  background-size: 100% 100%;
  z-index: 5;
}
.user_page .txt {
  margin: 0 auto;
}
.user_page .user_tc {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
  display: none;
  background: rgba(0, 0, 0, 0.8);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#B2787675, endColorstr=#B2787675);
}
.user_page .user_tc .tc_main {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 10rem;
  height: 4.37962963rem;
  margin-left: -5rem;
  margin-top: -2.18981481rem;
}
.user_page .user_tc .cha_btn {
  width: 0.75925926rem;
  height: 0.75925926rem;
  background: url("../img/tc-close.png") no-repeat;
  background-size: 100% 100%;
  position: absolute;
  right: 0.51851852rem;
  top: -0.07407407rem;
}
.user_page .arr {
  width: 6.2vw;
  height: 7vw;
  position: absolute;
  left: 50%;
  margin-left: -2.5vw;
  bottom: 10vw;
  z-index: 5;
  opacity: 0;
  background: url("../img/arr.png") no-repeat center center;
  background-size: 100% 100%;
  display: none;
}

.user_page .swiper-slide-active .arr {
  animation-duration: 1s;
  animation-name: arr_anim;
  animation-iteration-count: infinite;
  animation-delay: 0.6s;
}
@keyframes arr_anim {
  0% {
    opacity: 1;
    transform: translateY(0px);
  }
  50% {
    opacity: 1;
    transform: translateY(10px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

.user_page .user_slide1 {
  width: 100%;
  position: relative;
  top: 0%;
  left: 0%;
}


.btn1{
    width: 7vw;
    height: 2.5vw;
    position: absolute;
    top: 4vw;
    left: 1.5vw;
    z-index: 8;
    display: block;
}
.btn2{
        width: 10vw;
    height: 2.5vw;
    position: absolute;
    top: 4vw;
    left: 11vw;
    z-index: 8;
    display: block;
}

.btn3{
    width: 7vw;
    height: 2.5vw;
    position: absolute;
    top: 4vw;
    left: 23vw;
    z-index: 8;
    display: block;
}
.music {
  position: absolute;
  z-index: 99;
  width: 0.64814815rem;
  height: 0.64814815rem;
  left: 5vw;
  top: 5vw;
  background: url(../img/music.png) no-repeat;
  background-size: 100% 100%;
}
.user_slide1 .music {
  right: 0.46296296rem;
  top: 0.46296296rem;
}
.music.on {
  animation: music_anim 2s linear infinite;
}
@keyframes music_anim {
  0% {
    -webkit-transform: rotateZ(0deg);
  }
  100% {
    -webkit-transform: rotateZ(360deg);
  }
}
.copyrighta{
  padding: 20px;
  text-align: center;
}