.uiwu-box-download{
  background: url("../image/dvd-ripper/pc/dvdripper.png") no-repeat right center #ffffff;
}

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

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

.uiwu-box {
  max-width: 100%; }
  .uiwu-box-swiper-item {
    background: url("../image/dvd-ripper/pc/dvdripper_banner_1200.png") no-repeat right bottom;
    background-size: 589px auto; }
    @media screen and (min-width: 1380px) {
      .uiwu-box-swiper-item {
        background: url("../image/dvd-ripper/pc/dvdripper_banner.png") no-repeat right bottom;
        background-size: 762px auto; } }
  .uiwu-box-created {
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 65px; }
    .uiwu-box-created-item {
      width: calc(100% / 4 - 10px);
      height: 481px;
      background: #FFFFFF;
      border-radius: 30px;
      display: flex;
      flex-direction: column;
      align-items: center;
      padding-top: 40px;
      text-align: center;
      margin-bottom: 12px; }
      .uiwu-box-created-item p {
        font-size: 18px;
        font-weight: bold;
        color: #1E1E1E;
        line-height: 30px;
        padding: 30px 10px 24px; }
      .uiwu-box-created-item span {
        padding: 0 20px;
        font-size: 17px;
        font-weight: 400;
        color: #000000;
        line-height: 28px;
        display: block; }
      @media screen and (min-width: 1380px) {
        .uiwu-box-created-item {
          width: calc(100% / 4 - 17px);
          height: 400px;
          margin-bottom: 23px; }
          .uiwu-box-created-item p {
            padding: 30px 22px 24px; }
          .uiwu-box-created-item span {
            padding: 0 20px; } }
  .uiwu-box-device {
    margin-top: 137px; }
    .uiwu-box-device .left {
      align-items: self-start;
      margin-right: 98px; }
      .uiwu-box-device .left p {
        font-size: 28px;
        font-weight: bold;
        color: #1E1E1E;
        margin-bottom: 10px;
        line-height: 48px; }
      .uiwu-box-device .left span {
        font-size: 17px;
        font-weight: 400;
        color: #000000;
        line-height: 32px; }
    .uiwu-box-device .right li {
      background: url("../image/dvd-ripper/pc/dvdripper_dbg_pc.png") no-repeat 0 0;
      background-size: 481px 182px;
      margin-bottom: 26px; }
      .uiwu-box-device .right li:last-child {
        margin-bottom: 0; }
      .uiwu-box-device .right li .l {
        width: 161px;
        height: 182px; }
      .uiwu-box-device .right li .r {
        width: 508px;
        padding-left: 30px; }
        .uiwu-box-device .right li .r p {
          font-size: 20px;
          font-weight: bold;
          color: #1E1E1E;
          line-height: 32px;
          margin-bottom: 10px; }
        .uiwu-box-device .right li .r span {
          font-size: 17px;
          font-weight: 400;
          color: #000000;
          line-height: 28px;
          display: block; }
  .uiwu-box-users {
    margin-top: 110px; }
    .uiwu-box-users .right {
      margin-left: 97px; }
      .uiwu-box-users .right p {
        font-size: 28px;
        font-weight: bold;
        color: #1E1E1E;
        line-height: 48px;
        margin-bottom: 20px; }
      .uiwu-box-users .right span {
        font-size: 17px;
        font-weight: 400;
        color: #000000;
        line-height: 32px;
        display: block; }
  .uiwu-box-level {
    width: 100%;
    height: 1043px;
    position: relative;
    background: #051B2D;
    padding: 80px 20px 0; }
    .uiwu-box-level h2 {
      font-size: 28px;
      font-weight: bold;
      color: #FFFFFF;
      line-height: 48px;
      text-align: center; }
    .uiwu-box-level-menu {
      margin-top: 55px; }
      .uiwu-box-level-menu ul li {
        cursor: pointer;
        padding: 0 20px;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        flex-shrink: 0; }
        @media screen and (min-width: 1380px) {
          .uiwu-box-level-menu ul li {
            padding: 0 50px; } }
        .uiwu-box-level-menu ul li .image {
          width: 73px;
          height: 73px; }
        .uiwu-box-level-menu ul li p {
          font-size: 20px;
          font-weight: bold;
          color: #A2BCCB;
          line-height: 33px;
          text-align: center;
          margin-top: 30px; }
        .uiwu-box-level-menu ul li.active p {
          color: #FFFFFF; }
        .uiwu-box-level-menu ul li:nth-child(1) .image {
          background: url("../image/dvd-ripper/pc/dvdripper_trim2.png") no-repeat 0 0;
          background-size: 100% 100%; }
        .uiwu-box-level-menu ul li:nth-child(1).active .image {
          background: url("../image/dvd-ripper/pc/dvdripper_trim1.png") no-repeat 0 0;
          background-size: 100% 100%; }
        .uiwu-box-level-menu ul li:nth-child(2) .image {
          background: url("../image/dvd-ripper/pc/dvdripper_corp2.png") no-repeat 0 0;
          background-size: 100% 100%; }
        .uiwu-box-level-menu ul li:nth-child(2).active .image {
          background: url("../image/dvd-ripper/pc/dvdripper_crop1.png") no-repeat 0 0;
          background-size: 100% 100%; }
        .uiwu-box-level-menu ul li:nth-child(3) .image {
          background: url("../image/dvd-ripper/pc/dvdripper_effects2.png") no-repeat 0 0;
          background-size: 100% 100%; }
        .uiwu-box-level-menu ul li:nth-child(3).active .image {
          background: url("../image/dvd-ripper/pc/dvdripper_effects1.png") no-repeat 0 0;
          background-size: 100% 100%; }
        .uiwu-box-level-menu ul li:nth-child(4) .image {
          background: url("../image/dvd-ripper/pc/dvdripper_rotate2.png") no-repeat 0 0;
          background-size: 100% 100%; }
        .uiwu-box-level-menu ul li:nth-child(4).active .image {
          background: url("../image/dvd-ripper/pc/dvdripper_rotate1.png") no-repeat 0 0;
          background-size: 100% 100%; }
        .uiwu-box-level-menu ul li:nth-child(5) .image {
          background: url("../image/dvd-ripper/pc/dvdripper_add2.png") no-repeat 0 0;
          background-size: 100% 100%; }
        .uiwu-box-level-menu ul li:nth-child(5).active .image {
          background: url("../image/dvd-ripper/pc/dvdripper_add1.png") no-repeat 0 0;
          background-size: 100% 100%; }
        .uiwu-box-level-menu ul li:nth-child(6) .image {
          background: url("../image/dvd-ripper/pc/dvdripper_volume2.png") no-repeat 0 0;
          background-size: 100% 100%; }
        .uiwu-box-level-menu ul li:nth-child(6).active .image {
          background: url("../image/dvd-ripper/pc/dvdripper_volume1.png") no-repeat 0 0;
          background-size: 100% 100%; }
    .uiwu-box-level-box {
      margin-top: 100px; }
      .uiwu-box-level-box .left {
        width: 530px;
        height: 290px;
        background: #186384;
        box-shadow: 0px 0px 11px 6px rgba(117, 117, 117, 0.23);
        border-radius: 15px;
        font-size: 20px;
        font-weight: 400;
        color: #BCCAD5;
        line-height: 31px;
        margin-right: 77px;
        padding: 0 50px;
        text-align: center; }
        @media screen and (min-width: 1380px) {
          .uiwu-box-level-box .left {
            padding: 0 95px; } }
        .uiwu-box-level-box .left p {
          display: none; }
          .uiwu-box-level-box .left p.active {
            font-size: 17px;
            display: block; }
      .uiwu-box-level-box .right img {
        display: none; }
        .uiwu-box-level-box .right img.active {
          display: block; }
  .uiwu-box-ripper {
    width: 100%;
    height: auto;
    background: #F7FAFF;
    padding: 90px 20px 100px; }
    .uiwu-box-ripper h4 {
      font-size: 28px;
      font-weight: bold;
      color: #1E1E1E;
      line-height: 68px;
      text-align: center; }
    .uiwu-box-ripper-box {
      max-width: 1400px;
      margin: 0 auto;
      flex-wrap: wrap;
      justify-content: space-between; }
      .uiwu-box-ripper-box .item {
        width: calc(100% / 3.2);
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        text-align: center;
        margin-top: 60px; }
        @media screen and (min-width: 1380px) {
          .uiwu-box-ripper-box .item {
            width: calc(100% / 3.5); } }
        .uiwu-box-ripper-box .item p {
          font-size: 22px;
          font-weight: bold;
          color: #1E1E1E;
          line-height: 30px;
          margin-bottom: 10px;
          margin-top: 25px; }
        .uiwu-box-ripper-box .item span {
          font-size: 17px;
          font-weight: 400;
          color: #000000;
          line-height: 28px;
          display: block; }

        @media screen and (min-width: 320px) and (max-width: 767px) {
          .uiwu-box-level-box .left p.active{
            font-size: 0.37rem;
          }
        }

@media screen and (min-width: 1025px) {
  .uiwu-box {
    min-width: 1025px; }
    .uiwu-box-div {
      width: 100%;
      padding: 0 20px; }
    .uiwu-box-swiper {
      max-width: 1440px;
      margin: 0 auto 0; }
    .uiwu-box-created {
      max-width: 1440px;
      margin: 65px auto 0; }
    .uiwu-box-device {
      max-width: 1440px;
      margin: 137px auto 0; }
    .uiwu-box-users {
      max-width: 1440px;
      margin: 110px auto 90px; }
    .uiwu-box-screenshots {
      max-width: 1440px;
      margin: 34px auto 0; }
    .uiwu-box-download {
      margin: 100px auto 0; } }

@media screen and (min-width: 768px) and (max-width: 1024px) {
  .uiwu-box-device .left{
    align-items: normal;
  }
  .uiwu-box {
    padding: 0; }
    .uiwu-box-swiper {
      margin: 0 30px;
      width: calc(100% - 60px); }
      .uiwu-box-swiper-item {
        background: url("../image/dvd-ripper/ipad/dvdripper_banner_ipad.png") no-repeat center bottom; }
    .uiwu-box-created {
      padding: 0 30px; }
      .uiwu-box-created-item {
        width: calc(100% / 2 - 15px);
        height: auto;
        padding-bottom: 40px; }
        .uiwu-box-created-item:nth-child(1) p {
          padding: 30px 60px 24px; }
    .uiwu-box-device {
      margin-top: 60px;
      padding: 0 30px; }
      .uiwu-box-device-item {
        flex-wrap: wrap; }
        .uiwu-box-device-item .left {
          text-align: center;
          margin-right: 0; }
          .uiwu-box-device-item .left span {
            display: block;
            margin-top: 25px; }
        .uiwu-box-device-item .right {
          margin-top: 50px; }
    .uiwu-box-users {
      flex-direction: column-reverse;
      padding: 0 30px; }
      .uiwu-box-users .right {
        margin-left: 0;
        text-align: center;
        margin-bottom: 45px; }
    .uiwu-box-level {
      margin-top: 80px;
      height: auto;
      padding-bottom: 84px; }
      .uiwu-box-level-menu {
        width: 100%;
        margin-top: 80px; }
        .uiwu-box-level-menu ul {
          overflow-x: auto;
          width: 100%;
          justify-content: flex-start; }
          .uiwu-box-level-menu ul::-webkit-scrollbar {
            display: none; }
          .uiwu-box-level-menu ul li {
            min-width: 300px; }
      .uiwu-box-level-box {
        flex-direction: column-reverse;
        margin-top: 80px; }
        .uiwu-box-level-box .left {
          width: 648px;
          height: 122px;
          background: #186384;
          box-shadow: 0px 0px 11px 6px rgba(117, 117, 117, 0.23);
          border-radius: 15px;
          margin-right: 0;
          margin-top: 20px;
          padding: 0 22px;
          font-size: 17px; }
    .uiwu-box-ripper {
      padding: 70px 30px 80px;
      height: auto; }
      .uiwu-box-ripper-box {
        width: 100%;
        margin-top: 0; }
        .uiwu-box-ripper-box .item {
          width: 42%; }
          .uiwu-box-ripper-box .item span {
            padding: 0 20px; }
          .uiwu-box-ripper-box .item:nth-child(2n + 0) {
            width: 50%; }
            .uiwu-box-ripper-box .item:nth-child(2n + 0) span {
              height: 120px;
              padding: 0 40px; }
    .uiwu-box-download {
      width: calc(100% - 60px);
      margin: 60px auto 0; } }

@media screen and (min-width: 320px) and (max-width: 767px) {
  .uiwu-box {
    padding: 0; }
    .uiwu-box-swiper {
      width: calc(100% - 0.8rem);
      margin: 0 auto; }
      .uiwu-box-swiper-item {
        background: url("../image/dvd-ripper/ipad/dvdripper_banner_ipad.png") no-repeat center bottom;
        background-size: 8.37rem auto; }
    .uiwu-box hgroup {
      padding: 0 0.4rem; }
    .uiwu-box-created {
      padding: 0 0.4rem;
      margin-top: 0.67rem; }
      .uiwu-box-created-item {
        width: 100%;
        height: 3.45rem;
        flex-direction: row;
        padding: 0 0.53rem;
        border-radius: 0.4rem;
        text-align: left;
        margin-bottom: 0.32rem; }
        .uiwu-box-created-item img {
          width: 0.91rem;
          margin-right: 0.6rem; }
        .uiwu-box-created-item p {
          font-size: 0.39rem;
          line-height: 0.56rem;
          padding: 0;
          margin-bottom: 0.27rem; }
        .uiwu-box-created-item span {
          font-size: 0.27rem;
          line-height: 0.41rem;
          padding: 0; }
    .uiwu-box-device {
      padding: 0 0.4rem;
      margin-top: 1.33rem; }
      .uiwu-box-device-item {
        flex-wrap: wrap; }
        .uiwu-box-device-item .left {
          margin-right: 0; }
          .uiwu-box-device-item .left p {
            font-size: 0.5rem;
            line-height: 0.75rem;
            margin-bottom: 0.47rem; }
          .uiwu-box-device-item .left span {
            font-size: 0.37rem;
            line-height: 0.56rem; }
        .uiwu-box-device-item .right {
          margin-top: 0.72rem; }
          .uiwu-box-device-item .right li {
            background: url("../image/dvd-ripper/pc/dvdripper_dbg1_ios.png") no-repeat 0 0;
            background-size: 6.56rem 2.67rem;
            align-items: flex-start;
            height: 2.67rem;
            margin-bottom: 0.39rem; }
            .uiwu-box-device-item .right li:last-child {
              height: 3.56rem;
              background-size: 6.56rem 3.56rem; }
            .uiwu-box-device-item .right li .l {
              width: 2.36rem;
              height: 100%; }
              .uiwu-box-device-item .right li .l img {
                width: 1.07rem; }
            .uiwu-box-device-item .right li .r {
              width: 6.65rem;
              height: 100%;
              padding-left: 0.4rem;
              display: flex;
              flex-direction: column;
              justify-content: center; }
              .uiwu-box-device-item .right li .r p {
                font-size: 0.39rem;
                line-height: 0.47rem;
                margin-bottom: 0.27rem; }
              .uiwu-box-device-item .right li .r span {
                font-size: 0.27rem;
                line-height: 0.41rem; }
    .uiwu-box-users {
      flex-wrap: wrap;
      flex-direction: column-reverse;
      padding: 0 0.4rem;
      margin-top: 1.47rem; }
      .uiwu-box-users img {
        width: calc(100% - 0.53rem); }
      .uiwu-box-users .right {
        margin-left: 0;
        margin-bottom: 0.73rem; }
        .uiwu-box-users .right p {
          font-size: 0.5rem;
          line-height: 0.75rem;
          margin-bottom: 0.47rem; }
        .uiwu-box-users .right span {
          font-size: 0.37rem;
          line-height: 0.56rem; }
    .uiwu-box-level {
      margin-top: 1.47rem;
      height: auto;
      padding-bottom: 1.19rem;
      padding-top: 1rem; }
      .uiwu-box-level h2 {
        font-size: 0.5rem;
        line-height: 0.75rem; }
      .uiwu-box-level-menu {
        width: 100%;
        margin-top: 1.47rem; }
        .uiwu-box-level-menu ul {
          overflow-x: auto;
          width: 100%;
          justify-content: flex-start; }
          .uiwu-box-level-menu ul::-webkit-scrollbar {
            display: none; }
          .uiwu-box-level-menu ul li {
            min-width: 3.27rem;
            padding: 0; }
            .uiwu-box-level-menu ul li p {
              font-size: 0.29rem;
              line-height: 0.44rem;
              margin-top: 0.4rem; }
            .uiwu-box-level-menu ul li .image {
              width: 1.07rem;
              height: 1.07rem; }
            .uiwu-box-level-menu ul li:nth-child(1) .image {
              background: url("../image/dvd-ripper/ios/dvdripper_trim2_ios.png") no-repeat 0 0;
              background-size: 100% 100%; }
            .uiwu-box-level-menu ul li:nth-child(1).active .image {
              background: url("../image/dvd-ripper/ios/dvdripper_trim1_ios.png") no-repeat 0 0;
              background-size: 100% 100%; }
            .uiwu-box-level-menu ul li:nth-child(2) .image {
              background: url("../image/dvd-ripper/ios/dvdripper_corp2_ios.png") no-repeat 0 0;
              background-size: 100% 100%; }
            .uiwu-box-level-menu ul li:nth-child(2).active .image {
              background: url("../image/dvd-ripper/ios/dvdripper_crop1_ios.png") no-repeat 0 0;
              background-size: 100% 100%; }
            .uiwu-box-level-menu ul li:nth-child(3) .image {
              background: url("../image/dvd-ripper/ios/dvdripper_effects2_ios.png") no-repeat 0 0;
              background-size: 100% 100%; }
            .uiwu-box-level-menu ul li:nth-child(3).active .image {
              background: url("../image/dvd-ripper/ios/dvdripper_effects1_ios.png") no-repeat 0 0;
              background-size: 100% 100%; }
            .uiwu-box-level-menu ul li:nth-child(4) .image {
              background: url("../image/dvd-ripper/ios/dvdripper_rotate2_ios.png") no-repeat 0 0;
              background-size: 100% 100%; }
            .uiwu-box-level-menu ul li:nth-child(4).active .image {
              background: url("../image/dvd-ripper/ios/dvdripper_rotate1_ios.png") no-repeat 0 0;
              background-size: 100% 100%; }
            .uiwu-box-level-menu ul li:nth-child(5) .image {
              background: url("../image/dvd-ripper/ios/dvdripper_add2_ios.png") no-repeat 0 0;
              background-size: 100% 100%; }
            .uiwu-box-level-menu ul li:nth-child(5).active .image {
              background: url("../image/dvd-ripper/ios/dvdripper_add1_ios.png") no-repeat 0 0;
              background-size: 100% 100%; }
            .uiwu-box-level-menu ul li:nth-child(6) .image {
              background: url("../image/dvd-ripper/ios/dvdripper_volume2_ios.png") no-repeat 0 0;
              background-size: 100% 100%; }
            .uiwu-box-level-menu ul li:nth-child(6).active .image {
              background: url("../image/dvd-ripper/ios/dvdripper_volume1_ios.png") no-repeat 0 0;
              background-size: 100% 100%; }
      .uiwu-box-level-box {
        flex-direction: column-reverse;
        margin-top: 1.47rem; }
        .uiwu-box-level-box .left {
          width: 8.64rem;
          height: 2.61rem;
          background: #186384;
          box-shadow: 0px 0px 0.15rem 0.08rem rgba(117, 117, 117, 0.23);
          border-radius: 0.2rem;
          margin-right: 0;
          margin-top: 0.53rem;
          padding: 0 0.4rem;
          font-size: 0.37rem;
          line-height: 0.56rem; }
        .uiwu-box-level-box .right {
          padding: 0 1rem; }
          .uiwu-box-level-box .right img {
            width: 100%; }
    .uiwu-box-ripper {
      height: auto;
      padding: 0.8rem 0.4rem 1.33rem; }
      .uiwu-box-ripper h4 {
        font-size: 0.5rem;
        line-height: 0.75rem;
        text-align: left; }
      .uiwu-box-ripper-box {
        width: 100%;
        padding: 0 0.27rem;
        margin-top: 0; }
        .uiwu-box-ripper-box .item {
          width: 100%;
          flex-direction: row;
          text-align: left;
          margin-top: .8rem; }
          .uiwu-box-ripper-box .item img {
            margin-right: 0.53rem;
            width: 0.91rem; }
          .uiwu-box-ripper-box .item p {
            font-size: 0.39rem;
            line-height: 0.44rem;
            margin-top: 0; }
          .uiwu-box-ripper-box .item span {
            font-size: 0.27rem;
            line-height: 0.41rem; }
    .uiwu-box .uiwu-box-screenshotsbox {
      padding: 0 0.4rem; }
    .uiwu-box-download {
      margin-left: auto;
      margin-right: auto; } }