.v27_minisite_content {
  max-width: 100vw;
  overflow : hidden; }
  .v27_minisite_content a: hover,
  .v27_minisite_content a: active,
  .v27_minisite_content a: visited,
  .v27_minisite_content a: link,
  .v27_minisite_content a: focus,
  .v27_minisite_content div,
  .v27_minisite_content span.swiper-pagination-bullet {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-tap-highlight-color: transparent;
    outline                    : none;
    text-decoration            : none;
    color                      : #000; }
  .v27_minisite_content ::-moz-selection {
    background: #eee;
    color     : #666; }
  .v27_minisite_content ::selection {
    background: #eee;
    color     : #666; }
  .v27_minisite_content .hidden-lg {
    display: none; }
  .v27_minisite_content .hidden-mobi {
    display: inline-block; }
  .v27_minisite_content .nowrap {
    white-space: nowrap; }
  .v27_minisite_content sup {
    top: -.5em; }
  .v27_minisite_content sub {
    top: .5em; }
  .v27_minisite_content sub,
  .v27_minisite_content sup {
    position      : relative;
    font-size     : 75%;
    line-height   : 0;
    vertical-align: baseline; }
  .v27_minisite_content sup.ie {
    top: -.75em; }
  .v27_minisite_content #HW-p {
    width                      : 100%;
    min-width                  : 1px;
    margin-top                 : 60px;
    -webkit-font-smoothing     : antialiased;
    -webkit-tap-highlight-color: transparent;
    overflow                   : hidden; }
  .v27_minisite_content #HW-p * {
    font-family: "Microsoft YaHei", "Manrope", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
  .v27_minisite_content .HW-p-spacer {
    min-height : 0px;
    font-size  : 0;
    line-height: 0; }
  .v27_minisite_content .text-bold {
    font-weight: bold; }
  .v27_minisite_content .text-normal {
    font-weight: normal; }
  .v27_minisite_content .text-size-large {
    font-size: 3.515625vw; }
  .v27_minisite_content .HW-soundx-section {
    position  : relative;
    min-height: 39.0625vw; }
  .v27_minisite_content .HW-section-img {
    width : 100%;
    margin: 0 auto; }
  .v27_minisite_content .HW-section-title {
    font-size      : 2.5vw;
    text-align     : center;
    width          : 100%;
    justify-content: center;
    display        : flex;
    line-height    : 1.2; }
  .v27_minisite_content .HW-section-desc {
    padding-top    : 1.5625vw;
    text-align     : center;
    width          : 100%;
    justify-content: center;
    line-height    : 1.5;
    font-size      : 1.25vw; }
  .v27_minisite_content .HW-soundx-kv {
    margin-top: -4.140625vw;
    height    : 49.53125vw; }
  .v27_minisite_content .kv-wrap {
    position: absolute;
    top     : 21vw;
    left    : 45.703125vw;
    width   : 44.140625vw;
    height  : 8.203125vw; }
    .v27_minisite_content .kv-wrap > img {
      width: 100%; }
  .v27_minisite_content .icon-play {
    width : 2.109375vw;
    height: 2.109375vw; }
  .v27_minisite_content .kv-title svg {
    width : 35.15625vw;
    height: 4.53125vw; }
  .v27_minisite_content .kv-slogan {
    padding-top : 1.953125vw;
    font-size   : 2.5vw;
    width       : 24.0234375vw;
    text-align  : justify;
    text-justify: distribute-all-lines; }
  .v27_minisite_content .span_hid {
    display: inline-block;
    width  : 100%; }
  .v27_minisite_content .kv-points {
    display           : -webkit-box;
    display           : -ms-flexbox;
    display           : flex;
    font-size         : 1.09375vw;
    line-height       : 1.5;
    font-weight       : 300;
    letter-spacing    : 1px;
    -webkit-box-orient: horizontal;
    flex-direction    : row;
    justify-content   : space-between;
    align-items       : center;
    margin-top        : 1vw; }
    .v27_minisite_content .kv-points .split {
      margin: 0 auto; }
  .v27_minisite_content .kv-video-txt {
    position       : relative;
    justify-content: center;
    padding-top    : 12px;
    display        : flex;
    font-size      : 1.015625vw;
    line-height    : 1.5;
    font-weight    : 300;
    margin-top     : 20px; }
  .v27_minisite_content .kv-video-play {
    position: relative;
    width   : 1.40625vw;
    height  : 1.40625vw;
    left    : 0vw;
    top     : 0.390625vw; }
    .v27_minisite_content .kv-video-play svg {
      width : 1.40625vw;
      height: 1.40625vw; }
  .v27_minisite_content .HW-soundx-p1 {
    height: 64.84375vw; }
    .v27_minisite_content .HW-soundx-p1 .img-bass {
      position  : relative;
      margin-top: 8.59375vw;
      z-index   : -1; }
    .v27_minisite_content .HW-soundx-p1 .bass-wrap {
      position   : absolute;
      top        : 6.25vw;
      left       : 50%;
      width      : 62.5vw;
      margin-left: -31.25vw; }
    .v27_minisite_content .HW-soundx-p1 .bass-points {
      padding-top    : 3.125vw;
      text-align     : center;
      width          : 30vw;
      display        : flex;
      line-height    : 1.2;
      font-size      : 1.171875vw;
      justify-content: space-between;
      margin         : 0 auto; }
  .v27_minisite_content .HW-soundx-p2 {
    width : 100vw;
    height: 63.359375vw; }
    .v27_minisite_content .HW-soundx-p2 .img-horn {
      position: relative;
      width   : 30.0390625vw;
      height  : 31.5234375vw;
      top     : 26.09375vw;
      left    : 35vw; }
    .v27_minisite_content .HW-soundx-p2 .horn-wrap {
      position   : absolute;
      top        : 10.9375vw;
      left       : 50%;
      width      : 60.9375vw;
      margin-left: -30.46875vw; }
  .v27_minisite_content .HW-soundx-p3 {
    width   : 100vw;
    height  : 55.078125vw;
    overflow: hidden; }
    .v27_minisite_content .HW-soundx-p3 .volume-wrap {
      position   : absolute;
      top        : 6.25vw;
      left       : 50%;
      width      : 58.59375vw;
      margin-left: -29.296875vw;
      z-index    : 125; }
    .v27_minisite_content .HW-soundx-p3 .volume-horn {
      position: absolute;
      width   : 100vw;
      top     : -1.5625vw;
      left    : 0;
      z-index : 120; }
    .v27_minisite_content .HW-soundx-p3 .volume-img {
      width   : 100vw;
      position: absolute;
      top     : 25.9765625vw;
      opacity : 0;
      z-index : 110; }
    .v27_minisite_content .HW-soundx-p3 .volume-bg {
      position: relative;
      top     : -1.5625vw;
      z-index : 100; }
    .v27_minisite_content .HW-soundx-p3 .volume-imgl1 {
      left   : 7.03125vw;
      z-index: 110; }
    .v27_minisite_content .HW-soundx-p3 .volume-imgl2 {
      left   : 1.171875vw;
      z-index: 109; }
    .v27_minisite_content .HW-soundx-p3 .volume-imgl3 {
      left   : 1.5625vw;
      z-index: 108; }
    .v27_minisite_content .HW-soundx-p3 .volume-imgl4 {
      left   : 3.359375vw;
      z-index: 107; }
    .v27_minisite_content .HW-soundx-p3 .volume-imgl5 {
      left   : 5.078125vw;
      z-index: 106; }
    .v27_minisite_content .HW-soundx-p3 .volume-imgl6 {
      left   : 1.9140625vw;
      z-index: 104; }
    .v27_minisite_content .HW-soundx-p3 .volume-imgl7 {
      left   : 2.8125vw;
      z-index: 103; }
    .v27_minisite_content .HW-soundx-p3 .volume-imgl8 {
      left   : 2.6171875vw;
      z-index: 102; }
    .v27_minisite_content .HW-soundx-p3 .volume-imgr1 {
      right  : 7.03125vw;
      z-index: 110; }
    .v27_minisite_content .HW-soundx-p3 .volume-imgr2 {
      right  : 1.171875vw;
      z-index: 109; }
    .v27_minisite_content .HW-soundx-p3 .volume-imgr3 {
      right  : 1.5625vw;
      z-index: 108; }
    .v27_minisite_content .HW-soundx-p3 .volume-imgr4 {
      right  : 3.359375vw;
      z-index: 107; }
    .v27_minisite_content .HW-soundx-p3 .volume-imgr5 {
      right  : 5.078125vw;
      z-index: 106; }
    .v27_minisite_content .HW-soundx-p3 .volume-imgr6 {
      right  : 1.9140625vw;
      z-index: 104; }
    .v27_minisite_content .HW-soundx-p3 .volume-imgr7 {
      right  : 2.8125vw;
      z-index: 103; }
    .v27_minisite_content .HW-soundx-p3 .volume-imgr8 {
      right  : 2.6171875vw;
      z-index: 102; }
  .v27_minisite_content .HW-soundx-p4 {
    height: 55.46875vw; }
    .v27_minisite_content .HW-soundx-p4 .HW-section-img {
      margin-top: 2.34375vw; }
    .v27_minisite_content .HW-soundx-p4 .s360-wrap {
      position   : absolute;
      top        : 6.25vw;
      left       : 50%;
      width      : 60.9375vw;
      margin-left: -30.46875vw;
      z-index    : 15; }
      .v27_minisite_content .HW-soundx-p4 .s360-wrap .HW-section-desc {
        width : 57.8125vw;
        margin: auto; }
    .v27_minisite_content .HW-soundx-p4 .img-360horn {
      position: absolute;
      top     : -1.5625vw;
      left    : -1vw;
      z-index : 10; }
    .v27_minisite_content .HW-soundx-p4 .img-360p {
      position: absolute;
      top     : -1.5625vw;
      z-index : 5;
      opacity : 1; }
    .v27_minisite_content .HW-soundx-p4 .ieonly {
      display: none; }
    .v27_minisite_content .HW-soundx-p4 .s360-points {
      padding-top    : 3.125vw;
      text-align     : center;
      display        : flex;
      justify-content: space-between;
      line-height    : 1.2;
      font-size      : 1.09375vw;
      width          : 27.96875vw;
      margin         : 0 auto; }
  .v27_minisite_content .HW-soundx-p5 {
    height: 57.8125vw; }
    .v27_minisite_content .HW-soundx-p5 .videobg {
      opacity: 0; }
    .v27_minisite_content .HW-soundx-p5 .video-wrap {
      position   : absolute;
      top        : 6.25vw;
      left       : 50%;
      width      : 44.921875vw;
      margin-left: -22.4609375vw; }
    .v27_minisite_content .HW-soundx-p5 .hw-video {
      position   : absolute;
      top        : 19.140625vw;
      left       : 50%;
      width      : 62.5vw;
      margin-left: -31.25vw; }
    .v27_minisite_content .HW-soundx-p5 .videoplay img {
      position: absolute;
      z-index : 100;
      bottom  : 1vw;
      right   : 1.5625vw;
      width   : 2.65625vw;
      cursor  : pointer; }
    .v27_minisite_content .HW-soundx-p5 #h5-video {
      width : 62.5vw;
      height: 35.15625vw; }
  .v27_minisite_content .HW-soundx-p6 {
    height  : 56.0546875vw;
    overflow: hidden; }
    .v27_minisite_content .HW-soundx-p6 .touch-wrap {
      position   : absolute;
      top        : 6.25vw;
      left       : 50%;
      width      : 50.78125vw;
      margin-left: -25.390625vw; }
      .v27_minisite_content .HW-soundx-p6 .touch-wrap sup {
        top: 0.2em; }
    .v27_minisite_content .HW-soundx-p6 .touch-horn {
      position: absolute;
      top     : 24.8828125vw;
      left    : 31.09375vw;
      width   : 22.5390625vw;
      height  : 35.8984375vw; }
    .v27_minisite_content .HW-soundx-p6 .touch-hand {
      position: absolute;
      top     : -4.8828125vw;
      left    : 0; }
    .v27_minisite_content .HW-soundx-p6 .touch-wave {
      position: absolute;
      top     : 37.65625vw;
      left    : 16.484375vw;
      width   : 50vw;
      height  : 25vw; }
      .v27_minisite_content .HW-soundx-p6 .touch-wave .wave {
        opacity         : 0;
        display         : block;
        position        : absolute;
        top             : 0;
        left            : 0;
        width           : 100%;
        height          : 100%;
        border-radius   : 50%;
        border          : 2px solid #f0f3fd;
        background-color: rgba(200, 225, 255, 0.5);
        scale           : 0; }
  .v27_minisite_content .HW-soundx-p8 {
    height: 57.8125vw; }
    .v27_minisite_content .HW-soundx-p8 .music-wrap {
      position   : absolute;
      top        : 6.25vw;
      left       : 50%;
      width      : 58.59375vw;
      margin-left: -29.296875vw;
      z-index    : 10; }
    .v27_minisite_content .HW-soundx-p8 .music-desc {
      padding-top: 1.5625vw; }
    .v27_minisite_content .HW-soundx-p8 .p8-video {
      position: absolute;
      top     : 2.34375vw;
      width   : 100vw;
      height  : 55.859375vw;
      overflow: hidden; }
      .v27_minisite_content .HW-soundx-p8 .p8-video > canvas {
        margin-top: -0.1171875vw;
        width     : 100vw;
        height    : 56.25vw; }
  .v27_minisite_content .HW-soundx-p12 {
    height: 49.3359375vw; }
    .v27_minisite_content .HW-soundx-p12 .swiper-wrap {
      position   : absolute;
      top        : 5.2734375vw;
      left       : 50%;
      width      : 44.921875vw;
      margin-left: -22.4609375vw; }
    .v27_minisite_content .HW-soundx-p12 .swiper-img {
      width     : 100vw;
      margin    : 0 auto;
      position  : absolute !important;
      overflow  : visible !important;
      list-style: none;
      top       : 24.0234375vw;
      padding   : 0;
      z-index   : 1; }
    .v27_minisite_content .HW-soundx-p12 .swiper-img img {
      width: 90%; }
    .v27_minisite_content .HW-soundx-p12 .swiper-img .swiper-slide-prev,
    .v27_minisite_content .HW-soundx-p12 .swiper-img .swiper-slide-next {
      z-index: 1;
      opacity: 0.6; }
    .v27_minisite_content .HW-soundx-p12 .swiper-slide {
      text-align     : center !important;
      font-size      : 18px !important;
      display        : flex !important;
      justify-content: center !important;
      align-items    : center !important;
      transition     : 300ms !important; }
    .v27_minisite_content .HW-soundx-p12 .swiper-img .swiper-slide-active {
      transform: scale(1.1) !important;
      z-index  : 2 !important; }
    .v27_minisite_content .HW-soundx-p12 .swiper-pagination-bullets {
      bottom: -5.078125vw !important; }
    .v27_minisite_content .HW-soundx-p12 .swiper-pagination-bullet {
      outline      : none;
      position     : relative !important;
      width        : 7.734375vw !important;
      height       : 0.234375vw !important;
      display      : inline-block !important;
      border-radius: 0 !important;
      background   : #e3e3e3 !important;
      border-color : #e3e3e3 !important;
      opacity      : 1 !important;
      margin       : 0 0.78125vw !important; }
    .v27_minisite_content .HW-soundx-p12 .swiper-pagination-bullet i {
      background: #a7a7a7 !important;
      width     : 0px !important;
      display   : inline-block !important;
      height    : 0.234375vw !important;
      position  : absolute !important;
      left      : 0 !important; }
    .v27_minisite_content .HW-soundx-p12 .swiper-pagination-bullet-active {
      border-color: #a7a7a7 !important; }
    .v27_minisite_content .HW-soundx-p12 .swiper-pagination-bullet-active i {
      background: #a7a7a7 !important;
      width     : 7.734375vw !important; }
    .v27_minisite_content .HW-soundx-p12 .swiper-txt {
      position       : absolute;
      left           : 5vw;
      font-size      : 1.3vw;
      display        : flex;
      flex-direction : column;
      justify-content: left;
      line-height    : 1.2; }
      .v27_minisite_content .HW-soundx-p12 .swiper-txt > span {
        display        : flex;
        justify-content: left;
        letter-spacing : 3px; }
    .v27_minisite_content .HW-soundx-p12 .swiper-txt1 {
      left: 32.421875vw; }
    .v27_minisite_content .HW-soundx-p12 .swiper-txt2 {
      left: 5.078125vw; }
    .v27_minisite_content .HW-soundx-p12 .swiper-txt3 {
      left: 3.90625vw; }
  .v27_minisite_content .HW-soundx-comment {
    position: relative;
    width   : 58.59375vw;
    display : block;
    margin  : 10.9375vw auto; }
  .v27_minisite_content .footer-comment {
    list-style: decimal;
    padding   : 0 30px;
    color     : #c2c0c0;
    font-size : 14px; }
    .v27_minisite_content .footer-comment li {
      line-height: 1.5; }
  .v27_minisite_content .footer-comment li.current {
    color: #1e1e1e; }

@media screen and (max-width: 1024px) and (orientation: portrait) {
  body {
    background-color: #fff; }

  .v27_minisite_content {
    max-width: 100vw;
    overflow : hidden; }
    .v27_minisite_content .hidden-mobi {
      display: none !important; }
    .v27_minisite_content .hidden-lg {
      display: block; }
    .v27_minisite_content .HW-soundx-section {
      min-height: 106.6666666667vw; }
      .v27_minisite_content .HW-soundx-section h2 {
        font-size: 6.9333333333vw; }
      .v27_minisite_content .HW-soundx-section p {
        font-size: 4.2666666667vw; }
    .v27_minisite_content .text-size-large {
      font-size: 10vw; }
    .v27_minisite_content .HW-section-title {
      text-align     : center;
      width          : 100%;
      justify-content: center;
      display        : flex;
      line-height    : 1.3; }
    .v27_minisite_content .HW-section-slogan {
      font-size: 4.2666666667vw; }
    .v27_minisite_content .HW-section-desc {
      padding-top    : 2vw;
      text-align     : center;
      width          : 100%;
      justify-content: center;
      line-height    : 1.5; }
    .v27_minisite_content .HW-soundx-kv {
      margin-top: 0;
      height    : 142vw;
      overflow  : hidden; }
    .v27_minisite_content .kv-wrap {
      position: absolute;
      top     : 24vw;
      width   : 90vw;
      height  : auto;
      left    : 5vw; }
    .v27_minisite_content .kv-title img {
      width      : 68vw;
      height     : 8vw;
      margin-left: 21.3333333333vw; }
    .v27_minisite_content .kv-slogan {
      padding-top: 4vw;
      font-size  : 4.2666666667vw;
      width      : 43.3333333333vw;
      margin     : 0 auto;
      height     : 1em; }
    .v27_minisite_content .kv-points {
      width          : 90vw;
      padding-top    : 2vw;
      justify-content: center;
      display        : flex;
      font-size      : 2.4vw;
      line-height    : 1.5;
      font-weight    : 300;
      letter-spacing : 0px;
      margin         : 0 auto; }
    .v27_minisite_content .kv-video-txt {
      position       : relative;
      justify-content: center;
      display        : flex;
      font-size      : 2.4vw;
      width          : 100%;
      line-height    : 5.3333333333vw;
      height         : 5.3333333333vw;
      font-weight    : 300;
      margin         : 0 auto;
      padding-top    : 4.2666666667vw; }
    .v27_minisite_content .icon-play {
      width     : 4vw;
      height    : 4vw;
      margin-top: -0.4vw;
    }
    .v27_minisite_content .kv-video-play {
      position: relative;
      float   : left;
      width   : 5.3333333333vw;
      height  : 5.3333333333vw; }
      .v27_minisite_content .kv-video-play svg {
        width : 4vw;
        height: 4vw; }
    .v27_minisite_content .HW-soundx-p1 {
      position: relative;
      width   : 100vw;
      height  : 226.3vw;
      overflow: hidden; }
      .v27_minisite_content .HW-soundx-p1 .img-bass {
        position: relative;
        width   : 50.4vw;
        top     : 20vw; }
      .v27_minisite_content .HW-soundx-p1 .bass-wrap {
        position   : relative;
        top        : 16vw;
        left       : 50%;
        width      : 78.1333333333vw;
        margin-left: -39.0666666667vw; }
      .v27_minisite_content .HW-soundx-p1 .bass-points {
        position       : relative;
        padding-top    : 8vw;
        text-align     : center;
        width          : 64vw;
        line-height    : 1.3;
        font-size      : 3.4666666667vw;
        justify-content: space-between;
        margin         : 0 auto; }
    .v27_minisite_content .HW-soundx-p2 {
      width   : 100vw;
      height  : 190vw;
      position: relative; }
      .v27_minisite_content .HW-soundx-p2 .img-horn {
        position: relative;
        width   : 50.1333333333vw;
        height  : 52.6666666667vw;
        top     : 40vw;
        left    : 0vw; }
      .v27_minisite_content .HW-soundx-p2 .horn-wrap {
        position   : relative;
        top        : 24vw;
        left       : 50%;
        width      : 77.0666666667vw;
        margin-left: -38.5333333333vw; }
    .v27_minisite_content .HW-soundx-p3 {
      width   : 100vw;
      height  : 159.5333333333vw;
      position: relative; }
      .v27_minisite_content .HW-soundx-p3 .volume-bg1 {
        height: 98.2vw; }
      .v27_minisite_content .HW-soundx-p3 .volume-wrap {
        position   : absolute;
        top        : 16vw;
        left       : 50%;
        width      : 80vw;
        margin-left: -40vw; }
        .v27_minisite_content .HW-soundx-p3 .volume-wrap .HW-section-desc {
          width: 100%; }
      .v27_minisite_content .HW-soundx-p3 .volume-img {
        opacity : 0;
        position: absolute;
        width   : 100vw;
        top     : 120vw; }
      .v27_minisite_content .HW-soundx-p3 .volume-bg2 {
        position: relative;
        top     : 0vw; }
    .v27_minisite_content .HW-soundx-p4 {
      height: 212.6666666667vw; }
      .v27_minisite_content .HW-soundx-p4 .s360-wrap {
        position   : absolute;
        top        : 16vw;
        left       : 50%;
        width      : 88vw;
        margin-left: -44vw;
        z-index    : 10; }
        .v27_minisite_content .HW-soundx-p4 .s360-wrap .HW-section-desc {
          width: 77.3333333333vw; }
      .v27_minisite_content .HW-soundx-p4 .img-360p {
        position: absolute;
        top     : 73.3333333333vw;
        left    : -73.3333333333vw;
        width   : 246.6666666667vw;
        opacity : 1; }
      .v27_minisite_content .HW-soundx-p4 .img-360horn {
        top : 30vw;
        left: 1vw; }
      .v27_minisite_content .HW-soundx-p4 .s360-points {
        padding-top    : 8vw;
        text-align     : center;
        width          : 66.6666666667vw;
        justify-content: center;
        display        : flex;
        line-height    : 1.3;
        font-size      : 3.4666666667vw;
        justify-content: space-between;
        margin         : 0 auto; }
    .v27_minisite_content .HW-soundx-p5 {
      width   : 100vw;
      height  : 156.4vw;
      position: relative; }
      .v27_minisite_content .HW-soundx-p5 .video-wrap {
        position   : absolute;
        top        : 16vw;
        left       : 50%;
        width      : 77.0666666667vw;
        margin-left: -38.5333333333vw; }
      .v27_minisite_content .HW-soundx-p5 .hw-video {
        position   : absolute;
        top        : 87.2vw;
        left       : 50%;
        width      : 92.9333333333vw;
        margin-left: -46.4666666667vw; }
      .v27_minisite_content .HW-soundx-p5 .videoplay img {
        position: absolute;
        bottom  : 3vw;
        right   : 4.9333333333vw;
        width   : 6.6666666667vw;
        z-index : 100; }
      .v27_minisite_content .HW-soundx-p5 #h5-video {
        width : 93.3333333333vw;
        height: 52.5333333333vw; }
    .v27_minisite_content .HW-soundx-p6 {
      height: 145.8666666667vw; }
      .v27_minisite_content .HW-soundx-p6 .touch-hand {
        top: 0vw; }
      .v27_minisite_content .HW-soundx-p6 .touch-horn {
        position: absolute;
        top     : 6.6666666667vw;
        left    : 0;
        width   : 100vw;
        height  : 145.8666666667vw; }
      .v27_minisite_content .HW-soundx-p6 .touch-wrap {
        position   : absolute;
        top        : 16vw;
        left       : 50%;
        width      : 88vw;
        margin-left: -44vw; }
      .v27_minisite_content .HW-soundx-p6 .touch-wave {
        position: absolute;
        top     : 121.6vw;
        left    : 12.5333333333vw;
        width   : 50vw;
        height  : 25vw; }
    .v27_minisite_content .HW-soundx-p7 .remix-wrap {
      position   : absolute;
      top        : 16vw;
      left       : 50%;
      width      : 89.3333333333vw;
      margin-left: -44.6666666667vw; }
    .v27_minisite_content .HW-soundx-p8 {
      width   : 100vw;
      height  : 166.6666666667vw;
      position: relative; }
      .v27_minisite_content .HW-soundx-p8 .music-wrap {
        position   : relative;
        top        : 16vw;
        left       : 50%;
        width      : 88vw;
        margin-left: -44vw;
        z-index    : 10; }
      .v27_minisite_content .HW-soundx-p8 .music-desc {
        width : 80vw;
        margin: auto; }
      .v27_minisite_content .HW-soundx-p8 .p8-video {
        position: absolute;
        top     : 31.3333333333vw;
        height  : auto;
        overflow: hidden; }
        .v27_minisite_content .HW-soundx-p8 .p8-video > canvas {
          width      : 260%;
          height     : 260%;
          margin-left: -80%;
          margin-top : -1px; }
    .v27_minisite_content .HW-soundx-p12 {
      width           : 100vw;
      height          : 141.3333333333vw;
      background-color: #fff; }
      .v27_minisite_content .HW-soundx-p12 .swiper-wrap {
        position   : relative;
        top        : 1.3333333333vw;
        left       : 50%;
        width      : 88vw;
        margin-left: -44vw; }
      .v27_minisite_content .HW-soundx-p12 .swiper-img {
        width     : 100vw;
        height    : 62vw;
        margin    : 0 auto;
        position  : absolute !important;
        overflow  : visible !important;
        list-style: none;
        top       : 88vw;
        padding   : 0;
        z-index   : 1; }
      .v27_minisite_content .HW-soundx-p12 .swiper-img img {
        width: 100vw; }
      .v27_minisite_content .HW-soundx-p12 .swiper-pagination-bullets {
        bottom: -9.0666666667vw !important; }
      .v27_minisite_content .HW-soundx-p12 .swiper-pagination-bullet {
        outline                    : none;
        position     : relative !important;
        width        : 21.3333333333vw !important;
        height       : 3px !important;
        display      : inline-block !important;
        border-radius: 0 !important;
        background   : #e3e3e3 !important;
        border-color : #e3e3e3 !important;
        opacity      : 1 !important;
        margin       : 0 2.6666666667vw !important; }
      .v27_minisite_content .HW-soundx-p12 .swiper-pagination-bullet i {
        background: #a7a7a7 !important;
        width     : 0px !important;
        display   : inline-block !important;
        height    : 3px !important;
        position  : absolute !important;
        left      : 0 !important; }
      .v27_minisite_content .HW-soundx-p12 .swiper-pagination-bullet-active i {
        background: #a7a7a7 !important;
        width     : 21.3333333333vw !important; }
      .v27_minisite_content .HW-soundx-p12 .swiper-pagination-bullet-active {
        border-color: #a7a7a7 !important; }
      .v27_minisite_content .HW-soundx-p12 .swiper-img .swiper-slide-active {
        transform: scale(1) !important;
        z-index  : 2 !important; }
      .v27_minisite_content .HW-soundx-p12 .swiper-txt {
        position  : absolute;
        left      : 5vw;
        top       : 50%;
        margin-top: -1.5vw;
        font-size : 2.3vw; }
      .v27_minisite_content .HW-soundx-p12 .swiper-txt1 {
        left : 68vw;
        width: 53.3333333333vw; }
      .v27_minisite_content .HW-soundx-p12 .swiper-txt2 {
        left: 6vw; }
      .v27_minisite_content .HW-soundx-p12 .swiper-txt3 {
        left: 4vw; }
    .v27_minisite_content .HW-soundx-comment {
      position: relative;
      width   : 93.3333333333vw;
      display : block;
      margin  : 40vw auto 23vw; }
    .v27_minisite_content .footer-comment {
      list-style: decimal;
      padding   : 0 8vw 0 10vw;
      font-size : 12px; }
      .v27_minisite_content .footer-comment li {
        line-height: 1.5; } }
@media screen and (max-width: 1024px) and (orientation: landscape) {
  .v27_minisite_content .HW-section-title {
    white-space: nowrap; }
  .v27_minisite_content .kv-wrap {
    width: 50vw; }
  .v27_minisite_content .kv-title img {
    width : 50vw;
    height: 6.015625vw; }
  .v27_minisite_content .kv-video-play {
    position: relative;
    top     : 0.3125vw; }
  .v27_minisite_content .bass-wrap {
    width      : 50vw;
    margin-left: -25vw; }
    .v27_minisite_content .HW-soundx-p4 .s360-wrap {
      position   : absolute;
      top        : 6.25vw;
      left       : 50%;
      width      : 66vw;
      margin-left: -33vw;
      z-index    : 15;}
  .v27_minisite_content .HW-soundx-p8 .music-wrap {
    width      : 43.984375vw;
    margin-left: -21.9921875vw;
    z-index    : 10; }
  .v27_minisite_content .HW-soundx-p8 .p8-video {
    position: relative;
    top     : 4.046875vw;
    width   : 100vw;
    height  : 55.859375vw;
    overflow: hidden; }
    .v27_minisite_content .HW-soundx-p8 .p8-video > canvas {
      width     : 100vw;
      height    : 56.25vw;
      margin-top: -0.078125vw; }
  .v27_minisite_content .HW-soundx-p9 .voice-wrap {
    width      : 43.984375vw;
    margin-left: -21.9921875vw; }
  .v27_minisite_content .HW-soundx-p10 .xiaoyi-wrap {
    width      : 43.984375vw;
    margin-left: -21.9921875vw; }
  .v27_minisite_content .HW-soundx-p11 .listen-wrap {
    width      : 46.875vw;
    margin-left: -23.4375vw; }
  .v27_minisite_content .HW-soundx-p12 .swiper-wrap {
    width      : 45.9375vw;
    margin-left: -22.96875vw; }
    .v27_minisite_content .HW-soundx-p12 .swiper-pagination-bullet {
      outline                    : none;}
  .v27_minisite_content .HW-soundx-comment {
    width: 62.5vw; } }
    @media screen and (max-width: 1194px) and (orientation: landscape) {
      .v27_minisite_content .HW-section-title {
        white-space: nowrap; }
      .v27_minisite_content .kv-wrap {
        width: 50vw; }
      .v27_minisite_content .kv-title img {
        width : 50vw;
        height: 6.015625vw; }
      .v27_minisite_content .kv-video-play {
        position: relative;
        top     : 0.3125vw; }
      .v27_minisite_content .bass-wrap {
        width      : 50vw;
        margin-left: -25vw; }
        .v27_minisite_content .HW-soundx-p4 .s360-wrap {
          position   : absolute;
          top        : 6.25vw;
          left       : 50%;
          width      : 70vw;
          margin-left: -35vw;
          z-index    : 15;}
      .v27_minisite_content .HW-soundx-p8 .music-wrap {
        width      : 43.984375vw;
        margin-left: -21.9921875vw;
        z-index    : 10; }
      .v27_minisite_content .HW-soundx-p8 .p8-video {
        position: relative;
        top     : 4.046875vw;
        width   : 100vw;
        height  : 55.859375vw;
        overflow: hidden; }
        .v27_minisite_content .HW-soundx-p8 .p8-video > canvas {
          width     : 100vw;
          height    : 56.25vw;
          margin-top: -0.078125vw; }
      .v27_minisite_content .HW-soundx-p9 .voice-wrap {
        width      : 43.984375vw;
        margin-left: -21.9921875vw; }
      .v27_minisite_content .HW-soundx-p10 .xiaoyi-wrap {
        width      : 43.984375vw;
        margin-left: -21.9921875vw; }
      .v27_minisite_content .HW-soundx-p11 .listen-wrap {
        width      : 46.875vw;
        margin-left: -23.4375vw; }
      .v27_minisite_content .HW-soundx-p12 .swiper-wrap {
        width      : 45.9375vw;
        margin-left: -22.96875vw; }
        .v27_minisite_content .HW-soundx-p12 .swiper-pagination-bullet {
          outline                    : none;}
      .v27_minisite_content .HW-soundx-comment {
        width: 62.5vw; } }

/*# sourceMappingURL=style.css.map */