@charset "UTF-8";
body {
  background: #1F1F1F; }
.uiwu-box-download{
  background: url("../image/video-converter/pc/videoconverter.png") no-repeat right center #ffffff;
}

@media screen and (min-width: 320px) and (max-width: 767px) {
  .uiwu-box-download{
    background:  #fff;
  }
}

.footer-zhangkai{
  content: url(../image/common/vc_open_ipad.png);
}
.footer-close{
  content: url(../image/common/vc_close_ipad.png);
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .footer-zhangkai {
      transform: scale(0.6);
  }

  .footer-close {
      transform: scale(0.6);
  }
}

@media screen and (min-width: 320px) and (max-width: 767px) {
  .footer-zhangkai {
      width: 0.34rem;
      height: auto;
  }
  .footer-close {
      width: 0.33rem;
     height: auto;
  }
}

.uiwu-box-swiper {
  width: 100%;
  height: 693px;
  background: #ffffff;
  box-shadow: 0px 0px 11px 6px rgba(117, 117, 117, 0.23);
  border-radius: 30px;
  display: none; }
  .uiwu-box-swiper-item {
    width: 100%;
    height: 100%;
    background: url("../image/free-youtube-downloader/pc/youtube_banner.png") no-repeat right 87px;
    background-size: 763 auto;
    padding: 40px 0 0 48px; }
    .uiwu-box-swiper-item .title p {
      margin-left: 12px;
      color: #000000;
      font-weight: bold;
      font-size: 29px;
      line-height: 21px; }
    .uiwu-box-swiper-item h4 {
      margin-top: 20px;
      font: bold 32px/40px  'Montserrat';
      color: #000000; }
    .uiwu-box-swiper-item .p {
      margin-top: 17px;
      font: 400 18px/32px 'Montserrat';
      color: #000000; }
    .uiwu-box-swiper-item .score {
      color: #000;
      font: 400 18px/32px 'Montserrat';
      margin-top: 29px; }
      .uiwu-box-swiper-item .score span {
        color: #ff4800; }
    .uiwu-box-swiper-item .btn {
      margin-top: 26px; }
      .uiwu-box-swiper-item .btn button {
        width: 231px;
        height: 52px;
        border: 2px solid #dedede;
        border-radius: 10px;
        background: #fff;
        margin-right: 14px;
        font: 500 20px/32px  'Montserrat'; }
        .uiwu-box-swiper-item .btn button.active {
          background: #0045ff;
          color: #ffffff;
          border-color: #0045ff; }
        .uiwu-box-swiper-item .btn button img {
          margin-right: 7px; }
    .uiwu-box-swiper-item .btn1 p {
      width: 231px;
      text-align: center;
      margin-right: 14px;
      font: 400 18px/28px  'Montserrat'; }
    .uiwu-box-swiper-item .version {
      color: #000000;
      font: 500 16px/21px  'Montserrat';
      margin-top: 20px; }
      .uiwu-box-swiper-item .version img {
        margin-left: 12px; }

.uiwu-box hgroup h2 {
  color: #C3C3C3; }

.uiwu-box hgroup h3 {
  color: #ABABAB; }

.uiwu-box-swiperPc {
  padding: 0 75px;
  position: relative;
  margin-top: 60px; }
  @media screen and (min-width: 1025px) {
    .uiwu-box-swiperPc {
      display: block !important; } }
  .uiwu-box-swiperPc h2 {
    font-size: 56px;
    font-weight: bold;
    color: #C3C3C3;
    line-height: 68px;
    padding: 0 109px;
    margin-bottom: 25px; }
    .uiwu-box-swiperPc h2 span:nth-child(1) {
      color: #C345FF; }
    .uiwu-box-swiperPc h2 span:nth-child(2) {
      color: #34C2F6; }
  .uiwu-box-swiperPc .p {
    font-size: 18px;
    font-weight: 400;
    color: #ABABAB;
    line-height: 32px;
    padding: 0 109px;
    margin-bottom: 40px; }
  .uiwu-box-swiperPc .box {
    position: absolute;
    right: 75px;
    bottom: 60px;
    width: 411px;
    height: 660px;
    background: #F7F7F7;
    box-shadow: 0px 0px 34px 36px rgba(0, 0, 0, 0.23);
    border-radius: 30px;
    align-items: center; }
    .uiwu-box-swiperPc .box img {
      width: 88px;
      margin-top: 75px; }
    .uiwu-box-swiperPc .box h3 {
      font-size: 29px;
      font-weight: bold;
      color: #000000;
      line-height: 21px;
      margin-top: 20px; }
    .uiwu-box-swiperPc .box .score {
      color: #000;
      font: 400 18px/32px 'Montserrat';
      margin-top: 70px;
      /*margin-bottom: 10px; */}
      .uiwu-box-swiperPc .box .score span {
        color: #ff4800; }
      .uiwu-box-swiperPc .box .score a {
        color: #000;
        font: 400 16px/32px 'Montserrat';
        margin-left: 5px; }
        .uiwu-box-swiperPc .box .score a:hover {
          text-decoration: underline;
          color: #207CFB;
          transition: all .3s; }
    .uiwu-box-swiperPc .box button {
      width: 306px;
      height: 52px;
      border: 2px solid #DEDEDE;
      border-radius: 10px;
      font-size: 20px;
      /*font-weight: 500;*/
      line-height: 32px;
      color: #2E2E2E;
      margin-top: 24px;
      cursor: pointer; }
      .uiwu-box-swiperPc .box button.active {
        background: #0045FF;
        border-color: #0045FF;
        color: #FFFFFF;
        /*font-weight: 500;*/ }
        .uiwu-box-swiperPc .box button div {
          width: 20px;
          height: 20px;
          margin-right: 7px; }
          .uiwu-box-swiperPc .box button.active div.win {
            background: url("../image/win1.png") no-repeat 0 0;
            background-size: 100% 100%; }
          .uiwu-box-swiperPc .box button.active div.mac {
            background: url("../image/macos1.png") no-repeat 0 0;
            background-size: 100% 100%; }
          .uiwu-box-swiperPc .box button div.shopping_black {
            background: url("../image/shopping_black.png") no-repeat 0 0;
            background-size: 100% 100%; }
        .uiwu-box-swiperPc .box button.active:hover {
          color: #ffffff;
          background: #1a58ff;
          border-color: #1a58ff; }
      .uiwu-box-swiperPc .box button:hover {
        border-color: #ababab; }
    .uiwu-box-swiperPc .box p {
      font-size: 14px;
      font-weight: 400;
      color: #777777;
      line-height: 20px;
      margin-top: 3px; }
    .uiwu-box-swiperPc .box .version {
      color: #000000;
      font: 500 16px/21px  'Montserrat';
      margin-top: 30px; }
      .uiwu-box-swiperPc .box .version div {
        width: 20px;
        height: 20px;
        margin-left: 12px;
        background: no-repeat 0 0;
        background-size: 100% 100%;
        cursor: pointer; }
        .uiwu-box-swiperPc .box .version div:nth-child(1) {
          background-image: url("../image/dvd-creator/pc/dvdcreator_win3.png"); }
          .uiwu-box-swiperPc .box .version div:nth-child(1).active {
            background-image: url("../image/dvd-creator/pc/dvdcreator_win2.png"); }
        .uiwu-box-swiperPc .box .version div:nth-child(2) {
          background-image: url("../image/dvd-creator/pc/dvdcreator_macos3.png"); }
          .uiwu-box-swiperPc .box .version div:nth-child(2).active {
            background-image: url("../image/dvd-creator/pc/dvdcreator_macos2.png"); }
        .uiwu-box-swiperPc .box .version div:hover:nth-child(1) {
          background-image: url("../image/dvd-creator/pc/dvdcreator_win2.png"); }
        .uiwu-box-swiperPc .box .version div:hover:nth-child(2) {
          background-image: url("../image/dvd-creator/pc/dvdcreator_macos2.png"); }

.uiwu-box-audio {
  background: rgba(255, 255, 255, 0.09);
  border-radius: 30px;
  margin-top: 113px;
  padding-top: 1px;
  padding-bottom: 59px; }
  .uiwu-box-audio-box {
    padding: 15px 50px 0; }
    .uiwu-box-audio-box ul {
      flex-wrap: wrap;
      justify-content: space-between; }
      @media screen and (min-width: 1025px) and (max-width: 1379px) {
        .uiwu-box-audio-box ul {
          padding-top: 20px; } }
      .uiwu-box-audio-box ul li {
        width: calc(100% / 3 - 12px);
        height: 359px;
        background: #D0D0D0;
        border-radius: 30px;
        padding: 0 15px;
        text-align: center;
        margin-top: 18px; }
        @media screen and (min-width: 1380px) {
          .uiwu-box-audio-box ul li {
            width: 408px;
            margin-top: 38px;
            padding: 0 35px; } }
        .uiwu-box-audio-box ul li p {
          font-size: 20px;
          font-weight: bold;
          color: #1E1E1E;
          line-height: 30px;
          margin-bottom: 14px; }
        .uiwu-box-audio-box ul li span {
          display: block;
          font-size: 16px;
          font-weight: 400;
          color: #000000;
          line-height: 28px;
          padding: 0 10px; }
        .uiwu-box-audio-box ul li img {
          margin: 39px auto 26px; }
    .uiwu-box-audio-box .tips {
      font-size: 18px;
      font-weight: 400;
      color: #ABABAB;
      line-height: 32px;
      margin-top: 68px;
      text-align: center; }

.uiwu-box-discs {
  padding: 51px 76px 64px;
  background: #000;
  border-radius: 30px;
  margin-top: 55px;
  align-items: center; }
  @media screen and (min-width: 1025px) and (max-width: 1379px) {
    .uiwu-box-discs {
      padding-right: 26px;
      padding-left: 26px; } }
  .uiwu-box-discs .left {
    flex: 1;
    padding-right: 100px; }
    @media screen and (min-width: 1025px) and (max-width: 1379px) {
      .uiwu-box-discs .left {
        padding-right: 100px; } }
    .uiwu-box-discs .left p {
      font-size: 28px;
      font-weight: bold;
      color: #C3C3C3;
      line-height: 52px;
      margin-bottom: 30px; }
    .uiwu-box-discs .left span {
      font-size: 17px;
      font-weight: 400;
      color: #ABABAB;
      line-height: 32px; }
  .uiwu-box-discs ul {
    flex-wrap: wrap;
    justify-content: space-between;
    width: 610px; }
    .uiwu-box-discs ul li {
      width: 294px;
      height: 335px;
      border-radius: 30px;
      display: flex;
      flex-direction: column;
      align-items: center;
      text-align: center; }
      .uiwu-box-discs ul li p {
        font-size: 20px;
        font-weight: bold;
        color: #D3D3D3;
        line-height: 30px;
        padding: 0 17px;
        margin-bottom: 15px; }
      .uiwu-box-discs ul li span {
        font-size: 16px;
        font-weight: 400;
        color: #BBBBBB;
        line-height: 28px;
        padding: 0 40px;
        display: block; }
      .uiwu-box-discs ul li img {
        margin: 35px 0 30px; }
      .uiwu-box-discs ul li:nth-child(1) {
        background-color: #202736;
        margin-bottom: 24px; }
      .uiwu-box-discs ul li:nth-child(2) {
        background-color: #332917;
        margin-bottom: 24px; }
      .uiwu-box-discs ul li:nth-child(3) {
        background-color: #212D28; }
      .uiwu-box-discs ul li:nth-child(4) {
        background-color: #301D1D; }

.uiwu-box-creative {
  margin-top: 100px; }
  .uiwu-box-creative h2 {
    width: 691px;
    font-size: 28px;
    font-weight: bold;
    color: #C3C3C3;
    line-height: 52px;
    text-align: center;
    margin: auto; }
  .uiwu-box-creative-box {
    display: flex;
    flex-wrap: wrap;
    width: 1237px;
    margin: auto;
    margin-top: 70px; }
    @media screen and (min-width: 1025px) and (max-width: 1379px) {
      .uiwu-box-creative-box {
        width: 100%;
        max-width: 1237px; } }
    .uiwu-box-creative-box .img {
      width: 925px;
      height: 620px;
      border-radius: 10px;
      position: relative; }
      @media screen and (min-width: 1025px) and (max-width: 1379px) {
        .uiwu-box-creative-box .img {
          width: 911px; } }
      .uiwu-box-creative-box .img img {
        width: 100%;
        display: none; }
        .uiwu-box-creative-box .img img.active {
          display: block; }
      .uiwu-box-creative-box .img div {
        height: 85px;
        display: flex;
        align-items: center;
        justify-content: center;
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0; }
        .uiwu-box-creative-box .img div p {
          font-size: 20px;
          font-weight: 400;
          color: #FFFFFF;
          text-align: center;
          display: none; }
          .uiwu-box-creative-box .img div p.active {
            display: block; }
    .uiwu-box-creative-box ul {
      display: flex;
      flex-wrap: wrap;
      position: relative;
      padding-top: 25px;
      width: 100%; }
      .uiwu-box-creative-box ul li {
        width: 289px;
        height: 190px;
        background: #202736;
        border-radius: 10px;
        margin-right: 27px;
        cursor: pointer;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center; }
        .uiwu-box-creative-box ul li img:nth-child(2) {
          display: none; }
        .uiwu-box-creative-box ul li p {
          font-size: 22px;
          font-weight: bold;
          color: #C3C3C3;
          line-height: 30px;
          margin-top: 20px; }
        .uiwu-box-creative-box ul li.active {
          background: #FF4800; }
          .uiwu-box-creative-box ul li.active p {
            color: #FFF; }
          .uiwu-box-creative-box ul li.active img {
            display: none; }
            .uiwu-box-creative-box ul li.active img:nth-child(2) {
              display: block; }
        @media screen and (min-width: 1025px) {
          .uiwu-box-creative-box ul li:nth-child(4) {
            margin-right: 0; }
          .uiwu-box-creative-box ul li:nth-child(5) {
            position: absolute;
            right: 0;
            margin-right: 0;
            top: -190px; }
          .uiwu-box-creative-box ul li:nth-child(6) {
            position: absolute;
            right: 0;
            margin-right: 0;
            top: -405px; }
          .uiwu-box-creative-box ul li:nth-child(7) {
            position: absolute;
            right: 0;
            margin-right: 0;
            top: -620px; } }
        @media screen and (min-width: 1025px) and (max-width: 1379px) {
          .uiwu-box-creative-box ul li {
            margin-right: 23px; }
            .uiwu-box-creative-box ul li:nth-child(4) {
              width: 253px; }
            .uiwu-box-creative-box ul li:nth-child(5) {
              width: 253px; }
            .uiwu-box-creative-box ul li:nth-child(6) {
              width: 253px; }
            .uiwu-box-creative-box ul li:nth-child(7) {
              width: 253px; } }

.uiwu-box-sites {
  padding: 0 20px; }
  .uiwu-box-sites hgroup h2 {
    max-width: 695px; }
  .uiwu-box-sites-box {
    justify-content: space-between;
    margin-top: 90px;
    align-items: center; }
    .uiwu-box-sites-box ul {
      flex: 1; }
      .uiwu-box-sites-box ul li {
        display: flex;
        align-items: flex-start;
        margin-bottom: 20px; }
        .uiwu-box-sites-box ul li:last-child {
          margin-bottom: 0; }
        .uiwu-box-sites-box ul li img {
          margin-top: 15px;
          margin-right: 16px; }
          @media screen and (min-width: 1025px) and (max-width: 1379px) {
            .uiwu-box-sites-box ul li img {
              margin-left: 0; } }
        .uiwu-box-sites-box ul li p {
          font-size: 22px;
          font-weight: bold;
          color: #D3D3D3;
          line-height: 68px; }
          @media screen and (min-width: 1025px) and (max-width: 1379px) {
            .uiwu-box-sites-box ul li p {
              font-size: 22px; } }
        .uiwu-box-sites-box ul li span {
          display: block;
          font-size: 17px;
          font-weight: 400;
          color: #ABABAB;
          line-height: 28px; }
          @media screen and (min-width: 1025px) and (max-width: 1379px) {
            .uiwu-box-sites-box ul li span {
              font-size: 17px; } }
    .uiwu-box-sites-box img {
      margin-left: 80px; }
      @media screen and (min-width: 1025px) and (max-width: 1379px) {
        .uiwu-box-sites-box img {
          margin-left: 46px; } }

.uiwu-box-screenshots p {
  text-align: center;
  padding-bottom: 30px;
  color: #D3D3D3; }

.uiwu-box-screenshots img {
  height: 600px;
  margin: 0 auto; }

.uiwu-box-screenshots .swiper-pagination-bullet {
  background: #FFF;
  opacity: 0.5; }
  .uiwu-box-screenshots .swiper-pagination-bullet.swiper-pagination-bullet-active {
    color: #ff4800;
    background: #ff4800;
    opacity: 1; }

.uiwu-box-download {
  width: calc(100% - 40px);
  margin-left: auto;
  margin-right: auto; }

@media screen and (min-width: 768px) and (max-width: 1024px) {
  .uiwu-box-screenshots img {
    object-fit: contain;
    width: auto;
    height: 450px;}

  .uiwu-box {
    width: 100%; }
    .uiwu-box .uiwu-max-width {
      padding: 0 30px; }
    .uiwu-box-swiper {
      width: 100%;
      height: 1000px;
      display: block; }
      .uiwu-box-swiper-item {
        background: url("../image/videos/ipad/vc_banner_ipad.png") no-repeat center 640px;
        background-size: 640px auto;
        text-align: center;
        padding-left: 0; }
        .uiwu-box-swiper-item .title {
          justify-content: center; }
        .uiwu-box-swiper-item .score {
          margin-top: 19px; }
        .uiwu-box-swiper-item .btn {
          justify-content: center;
          margin-top: 16px; }
        .uiwu-box-swiper-item .btn1 {
          justify-content: center; }
          .uiwu-box-swiper-item .btn1 p {
            font-size: 15px; }
        .uiwu-box-swiper-item .version {
          justify-content: center; }
    .uiwu-box hgroup {
      /*padding: 0 70px;*/ }
    .uiwu-box-audio {
      padding-top: 0.1px !important;
      margin-top: 59px;
      border-radius: 0; }
      .uiwu-box-audio hgroup {
        padding: 0 50px;
        margin-top: 60px; }
      .uiwu-box-audio-box {
        padding: 0;
        margin-top: 20px;
        padding-bottom: 70px; }
        .uiwu-box-audio-box ul {
          justify-content: space-between; }
          .uiwu-box-audio-box ul li {
            width: calc(100% / 2 - 15px);
            padding: 0 15px; }
            .uiwu-box-audio-box ul li span {
              padding: 0; }
    .uiwu-box-discs {
      flex-wrap: wrap;
      padding-top: 87px !important;
      margin-top: 0;
      border-radius: 0;
      padding-bottom: 90px !important; }
      .uiwu-box-discs .left {
        padding-right: 0;
        text-align: center;
        padding: 0 60px;
        margin-bottom: 55px; }
        .uiwu-box-discs .left p {
          margin-bottom: 20px; }
        .uiwu-box-discs .left span {
          display: block; }
      .uiwu-box-discs ul {
        width: 100%; }
        .uiwu-box-discs ul li {
          width: calc(100% / 2 - 15px); }
    .uiwu-box-creative-box {
      display: flex;
      flex-direction: column-reverse;
      width: 100%; }
      .uiwu-box-creative-box .img {
        width: 100%;
        height: auto; }
        .uiwu-box-creative-box .img img {
          width: 100%; }
        .uiwu-box-creative-box .img div {
          height: 71px;
          display: flex;
          align-items: center;
          justify-content: center;
          position: absolute;
          left: 0;
          right: 0;
          bottom: 0; }
          .uiwu-box-creative-box .img div p {
            font-size: 20px;
            font-weight: 400;
            color: #FFFFFF;
            text-align: center;
            display: none; }
            .uiwu-box-creative-box .img div p.active {
              display: block; }
      .uiwu-box-creative-box ul {
        width: 100%;
        overflow: scroll;
        scrollbar-width: none;
        /* 隐藏Firefox的滚动条 */
        -ms-overflow-style: none;
        /* 隐藏IE/Edge的滚动条 */
        flex-wrap: nowrap;
        margin-bottom: 36px;
        flex-direction: row-reverse; }
        .uiwu-box-creative-box ul::-webkit-scrollbar {
          display: none;
          /* 隐藏Chrome/Safari的滚动条 */ }
        .uiwu-box-creative-box ul li {
          flex-shrink: 0;
          margin-right: 34px; }
          .uiwu-box-creative-box ul li:nth-child(1) {
            margin-right: 0; }
          .uiwu-box-creative-box ul li p {
            white-space: nowrap; }
    .uiwu-box-sites hgroup {
      padding: 0 6px;
      margin-top: 120px; }
    .uiwu-box-sites-box {
      flex-wrap: wrap;
      justify-content: center;
      margin-top: 0px; }
      .uiwu-box-sites-box img {
        margin-left: 0;
        width: 100%;
        margin-top: 50px; }
      .uiwu-box-sites-box ul {
        flex: none;
        width: 80%;
        margin-top: 20px;
        /*margin: auto;*/ }
        .uiwu-box-sites-box ul li div {
          margin-left: 15px; }
        .uiwu-box-sites-box ul li picture {
          margin-top: 5px;
          width: 80px;
          height: auto;
        }

    .uiwu-box-screenshots p {
      font-size: 18px;
      color: #C3C3C3; }
    .uiwu-box-screenshots .swiper-pagination-bullet {
      color: #FFF; }
    .uiwu-box-download {
      width: 100%;
      height: 500px;
      background: #ffffff;
      text-align: center; }
      .uiwu-box-download > img {
        margin: 0 auto; }
      .uiwu-box-download > p {
        color: #000000;
        font: bold 32px/68px  'Montserrat';
        margin-top: 30px; }
      .uiwu-box-download > span {
        color: #000000;
        font: 400 18px/32px 'Montserrat'; }
      .uiwu-box-download .btn {
        width: 100%;
        justify-content: center;
        text-align: left; }
        .uiwu-box-download .btn button.active {
          background: #0045ff;
          color: #ffffff;
          border-color: #0045ff; }
        .uiwu-box-download .btn button img {
          margin-right: 7px; } }

@media screen and (min-width: 320px) and (max-width: 767px) {
  .uiwu-box {
    width: 100%; }
    .uiwu-box .uiwu-max-width {
      padding: 0 0.53rem; }
    .uiwu-box-swiper {
      width: 100%;
      height: 20.89rem;
      background: #ffffff;
      box-shadow: 0px 0px 0.15rem 0.08rem rgba(117, 117, 117, 0.23);
      border-radius: .4rem;
      display: block; }
      .uiwu-box-swiper-item {
        width: 100%;
        height: 100%;
        background: url("../image/videos/ipad/vc_banner_ipad.png") no-repeat center 15.5rem;
        background-size: 8.6rem auto;
        padding: .53rem .4rem; }
        .uiwu-box-swiper-item .title img {
          width: 1.17rem; }
        .uiwu-box-swiper-item .title p {
          margin-left: .16rem;
          font: bold .45rem/0.28rem  'Montserrat'; }
        .uiwu-box-swiper-item h4 {
          margin-top: .4rem;
          font: bold .6rem/0.6rem  'Montserrat'; }
        .uiwu-box-swiper-item .p {
          margin-top: 0.49rem;
          font: 400 .34rem/.43rem  'Montserrat'; }
        .uiwu-box-swiper-item .score {
          font: 400 .37rem/.43rem  'Montserrat';
          margin-top: 0.4rem; }
        .uiwu-box-swiper-item .btn {
          margin-top: 0.53rem; }
          .uiwu-box-swiper-item .btn button {
            width: 100%;
            height: 0.97rem;
            border: .03rem solid #dedede;
            border-radius: 0.13rem;
            margin-right: 0;
            font: .37rem/.6rem  'Montserrat'; }
            .uiwu-box-swiper-item .btn button:last-child {
              margin-left: 0.31rem; }
            .uiwu-box-swiper-item .btn button.active {
              font-weight: 500; }
            .uiwu-box-swiper-item .btn button img {
              margin-right: 0.13rem;
              width: 0.37rem; }
        .uiwu-box-swiper-item .btn1 p {
          width: 4.03rem;
          text-align: center;
          font: 400 .27rem/.6rem  'Montserrat';
          margin: 0; }
          .uiwu-box-swiper-item .btn1 p:last-child {
            margin-left: .31rem; }
        .uiwu-box-swiper-item .version {
          color: #000000;
          font: 500 13px/18px  'Montserrat';
          margin-top: 10px; }
          .uiwu-box-swiper-item .version img {
            width: 0.37rem;
            margin-left: 0.24rem; }
    .uiwu-box hgroup {
      padding: 0; }
      .uiwu-box hgroup h2 {
        color: #C3C3C3;
        margin: 0 auto;
        font: bold .5rem/.75rem  'Montserrat';
        text-align: left; }
      .uiwu-box hgroup h3 {
        color: #ABABAB;
        font: 400 .37rem/.56rem  'Montserrat';
        text-align: left;
        width: 100%;
        margin: 0 auto;
        margin-top: 0.3rem; }
    .uiwu-box-audio {
      margin-top: 1.15rem;
      padding-top: 0.1px !important;
      border-radius: 0; }
      .uiwu-box-audio-box {
        padding: 0;
        padding-top: 0.2rem; }
        .uiwu-box-audio-box ul li {
          padding: 0 0.18rem 0 0.25rem;
          width: 100%;
          height: 3.03rem;
          display: flex;
          text-align: left;
          border-radius: 0.4rem;
          align-items: center;
          margin-top: 0.39rem; }
          .uiwu-box-audio-box ul li img {
            width: 1.72rem;
            margin: 0; }
          .uiwu-box-audio-box ul li div {
            margin-left: 0.4rem;
            flex: 1; }
            .uiwu-box-audio-box ul li div p {
              font-size: 0.35rem;
              line-height: 0.44rem;
              margin-bottom: 0.2rem; }
            .uiwu-box-audio-box ul li div span {
              font-size: 0.27rem;
              line-height: 0.41rem;
              padding: 0;
              padding-right: 0.2rem; }
        .uiwu-box-audio-box .tips {
          margin-top: 0.67rem;
          font-size: 0.32rem;
          line-height: 0.43rem;
          padding-bottom: 1.07rem; }
    .uiwu-box-discs {
      flex-wrap: wrap;
      border-radius: 0;
      margin-top: 0; }
      .uiwu-box-discs .left {
        padding-right: 0;
        padding-top: 1.2rem; }
        .uiwu-box-discs .left p {
          font-size: 0.5rem;
          line-height: 0.75rem;
          margin-bottom: 0.4rem; }
        .uiwu-box-discs .left span {
          font-size: 0.37rem;
          line-height: 0.56rem;
          display: block; }
      .uiwu-box-discs ul {
        padding: 0.67rem 0 1.19rem; }
        .uiwu-box-discs ul li {
          width: calc(100% / 2 - 0.2rem);
          height: 4.92rem;
          border-radius: 0.4rem; }
          .uiwu-box-discs ul li img {
            width: 0.93rem;
            margin: 0.5rem 0 .4rem; }
          .uiwu-box-discs ul li p {
            font-size: 0.32rem;
            line-height: 0.44rem;
            padding: 0; }
          .uiwu-box-discs ul li span {
            font-size: 0.27rem;
            line-height: 0.41rem;
            padding: 0 0.3rem; }
    .uiwu-box-creative {
      margin-top: 1.07rem; }
      .uiwu-box-creative h2 {
        width: 100%;
        text-align: left;
        font-size: 0.59rem;
        line-height: 0.75rem; }
      .uiwu-box-creative-box {
        flex-wrap: wrap;
        flex-direction: column-reverse;
        width: 100%;
        margin-top: 0.93rem; }
        .uiwu-box-creative-box .img {
          width: 100%;
          height: 8.11rem; }
          .uiwu-box-creative-box .img img {
            height: 100%;
            width: 100%; }
          .uiwu-box-creative-box .img div {
            height: 1.1rem;
            display: flex;
            align-items: center;
            justify-content: center;
            position: absolute;
            left: 0;
            right: 0;
            bottom: 0; }
            .uiwu-box-creative-box .img div p {
              font-size: 0.37rem; }
        .uiwu-box-creative-box ul {
          padding-top: 0;
          width: 100%;
          overflow: scroll;
          scrollbar-width: none;
          /* 隐藏Firefox的滚动条 */
          -ms-overflow-style: none;
          /* 隐藏IE/Edge的滚动条 */
          flex-wrap: nowrap;
          margin-bottom: 36px;
          flex-direction: row-reverse; }
          .uiwu-box-creative-box ul::-webkit-scrollbar {
            display: none;
            /* 隐藏Chrome/Safari的滚动条 */ }
          .uiwu-box-creative-box ul li {
            flex-shrink: 0;
            width: 4.24rem;
            height: 2.79rem; }
            .uiwu-box-creative-box ul li img {
              width: 0.63rem; }
            .uiwu-box-creative-box ul li p {
              font-size: 0.35rem;
              line-height: 0.44rem; }
    .uiwu-box-sites-box {
      flex-wrap: wrap;
      margin-top: -10px; }
      .uiwu-box-sites-box img {
        width: 100%;
        margin-left: 0;
        margin-top: 0.93rem; }
      .uiwu-box-sites-box ul li {
        margin-top: 10px;
        margin-bottom: 0.4rem; }
        .uiwu-box-sites-box ul li img {
          width: 0.73rem; }
        .uiwu-box-sites-box ul li div p {
          font-size: 0.41rem;
          line-height: 30px; }
        .uiwu-box-sites-box ul li div span {
          font-size: 0.29rem;
          line-height: 0.45rem; }
    .uiwu-box-screenshots {
      margin-top: 30px; }
    .uiwu-box-screenshots ul {
        height: 300px; }
      .uiwu-box-screenshots ul li {
        padding: 0 15px; }
      .uiwu-box-screenshots p {
        margin-top: 20px;
        color: #D3D3D3; }
      .uiwu-box-screenshots img {
        /*width: 100%;*/ }
      .uiwu-box-screenshots .swiper-pagination-bullet {
        color: #FFF; }
    .uiwu-box-screenshots {
      margin-top: 0.67rem; }
      .uiwu-box-screenshots p {
        text-align: center;
        padding-bottom: 0.4rem;
        font-size: 0.37rem;
        line-height: 0.43rem;
        margin-top: 0.1rem; }
      .uiwu-box-screenshots img {
        /*width: 100%;*/
        height: 200px;
        margin: 0 auto; }
      .uiwu-box-screenshots .swiper-pagination-bullet.swiper-pagination-bullet-active {
        color: #ff4800;
        background: #ff4800; }
    .uiwu-box-download {
      margin-top: 1.6rem;
      width: 100%;
      min-height: 6.67rem;
      background: #FFF;
      box-shadow: 0px 0px 0.15rem 0.08rem rgba(117, 117, 117, 0.23);
      border-radius: 0.4rem;
      padding: 0;
      padding-top: .8rem;
      padding-bottom: 0.6rem; }
      .uiwu-box-download > img {
        width: 1.17rem; }
      .uiwu-box-download > p {
        color: #000000;
        font: bold .55rem/.91rem  'Montserrat';
        margin-top: 0.53rem;
        text-align: left; }
      .uiwu-box-download > span {
        color: #000000;
        font: 400 .37rem/.43rem  'Montserrat';
        text-align: left;
        display: block;
        margin-top: 0.27rem;
        padding: 0 0.4rem; }
      .uiwu-box-download .btn {
        margin-top: 0.53rem;
        justify-content: center; }
        .uiwu-box-download .btn button {
          width: 100%;
          height: 0.97rem;
          border: 1px solid #dedede;
          border-radius: 0.13rem;
          background: #fff;
          margin: 0;
          font: .37rem/.6rem  'Montserrat'; }
          .uiwu-box-download .btn button:last-child {
            margin-left: 0; }
          .uiwu-box-download .btn button.active {
            background: #0045ff;
            color: #ffffff;
            border-color: #0045ff;
            font-weight: 500; }
          .uiwu-box-download .btn button img {
            margin-right: 0.13rem;
            width: 0.37rem; } }