@charset "utf-8";

.floating-nav-v1m {
  position: relative;
}

.floating-nav-box-v1m {
  position: fixed;
  top: 0;
  left: 0;
  width: 100% !important;
  background-color: #fff;
  z-index: 9999;
  -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.2);
  display: none;
  -moz-user-select: none; /*火狐*/
  -webkit-user-select: none; /*webkit浏览器*/
  -ms-user-select: none; /*IE10*/
  -khtml-user-select: none; /*早期浏览器*/
  user-select: none;
}

.floating-nav-contaniner-v1m {
  width: 1320px;
  margin:0 auto;
  display: flex;
  height: 70px;
  justify-content: space-between;
  align-items: center;
}

.floating-nav-list-v1m {
  display: flex;
  align-items: center;
  gap: 50px;
}

.floating-nav-list-v1m li {
  position: relative;
  font-size: 17px;
  list-style: none;
}

.floating-nav-list-v1m a {
  color: inherit;
  text-decoration: none;
}

.floating-nav-list-v1m li > a:hover {
  text-decoration: none;
  color: #ff9500;
}

.floating-nav-list-v1m .ai-features {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  cursor: pointer;
}

.floating-nav-list-v1m .ai-features::after {
  content: "";
  display: inline-block;
  width: 6px;
  height: 6px;
  color: #333;
  transform: rotate(-45deg) translateY(-2px);
  border-left: 2px solid currentColor;
  border-bottom: 2px solid currentColor;
}

.floating-nav-list-v1m .ai-features.current {
  color: #ff9500;
}

.floating-nav-list-v1m .ai-features.current::after {
  transform: rotate(180deg);
}

.floating-nav-list-v1m .ai-features.current + .list-ai-href {
  opacity: 1;
  visibility: visible;
  height: auto;
}
.float-nav-down-v1m {
  display: flex;
  background-color: #80cb1b;
  color: #fff !important;
  height: 40px;
  justify-content: center;
  align-items: center;
  font-size: 19px;
  padding: 0 10px;
  border-radius: 5px;
  gap: 10px;
}

.float-nav-down-v1m:hover {
  color: #ffffff !important;
}

.float-nav-down-v1m::after {
  content: "";
  display: inline-block;
  width: 26px;
  height: 26px;
  background: url(../dvd-ripper-platinum/images/index-new/icon-win.svg) no-repeat;
}

.float-nav-down-v1m.mac-plat::after {
  content: "";
  display: inline-block;
  width: 26px;
  height: 26px;
  background: url(../dvd-ripper-platinum/images/index-new/icon-mac.svg) no-repeat;
}

.float-nav-down-v1m.mobile-plat::after {
  display: none;
}

.floating-nav-logo-v1m {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  font-size: 23px;
}

.floating-nav-logo-v1m strong {
  font-weight: bold;
}

.floating-nav-logo-v1m::before {
  content: "";
  display: inline-block;
  width: 48px;
  height: 48px;
  background: url(../../icon/iconpng128/dvd-ripper-pro.png) no-repeat;
  background-size: contain;
}

.floating-nav-logo-v1m span {
  color: #ff9500;
  font-size: 27px;
}
.float-nav-buy-v1m{display: inline-flex;align-items: center;gap:10px;background: #FEAF14;border-radius: 5px;line-height: 40px;font-size: 19px;color: #fff!important;padding: 0 10px;;}

@media (max-width: 1320px) {
  .floating-nav-contaniner-v1m {
    width: auto;
    padding: 0 3%;
  }
}
@media (max-width: 1200px) {
  .floating-nav-v1m {
    display: none !important;
  }
}
/*---------------------*/

.part4 {
    text-align: center;
    padding-top:20px;
    background-color:#F6F6F7;
}
.part4-h2 {
	font-size: 45px;
	color: #000;
	line-height: 1;
	margin-bottom: 15px;
}
.part4-desc {
	font-size: 19px;
	color: #666;
	line-height: 1.4;
}
.part4-desc a {
    color: inherit;
	border-bottom: 1px dashed;
}
.part4-desc a:hover {
    text-decoration: none;
}
.part4-pic img {
    width: 100%;
    height: auto;
}
.part4-thumbs-wrap {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}
.part4-thumbs-list {
    background-color: #fff;
    padding: 15px 60px;
    border-radius: 100px;
    display: flex;
    justify-content: center;
    align-items: stretch;
    gap: 25px;
}
.part4-thumb {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}
.part4-thumb-icon {
    display: block;
    width: 94px;
    height: 94px;
    background: transparent;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.part4-thumb:hover .part4-thumb-icon{
   background: linear-gradient(180deg, #f0f2f2, #f0f2f2 50%, #fff);
}
.part4-thumb.active .part4-thumb-icon{
   background: linear-gradient(180deg, #f0f2f2, #f0f2f2 50%, #fff);
}
.part4-thumb-name {
    position: relative;
    font-size: 15px;
    color: #000000;
    line-height: 1;
    display: flex;
    justify-content: center;
    align-items: baseline;
    gap: 8px;
    white-space: nowrap;
}
.part4-thumb-name::before {
    content: '';
    display: block;
    width: 4px;
    height: 10px;
    border: 1px solid transparent;
    transform: rotate(45deg);
    border-right-color: #000;
    border-bottom-color: #000;
}
.part4-thumbs-line {
    display: block;
    width: 400px;
    height: 90px;
    border: 1px dashed transparent;
    border-left-color: #fff;
    border-bottom-color: #fff;
    position: absolute;
    bottom: 0;
    left: 105px;
    transform: translateY(100%);
}
.part4-content-list {
    text-align: left;
    position: absolute;
    left: 100%;
    top: 30px;
    width: 495px;
}

.part4-content-list .swiper-slide {
    background: rgba(0 0 0 / .8);
    color: #fff;
    padding: 15px 30px ;
    border-radius: 15px;
    box-sizing: border-box;
}

.part4-content-title {
    font-weight: 700;
    font-size: 27px;
    line-height: 1.4;
    margin-bottom: 5px;
}
.part4-content-desc {
    font-weight: 400;
    font-size: 17px;
    line-height: 1.4;
}
.part4-content-tips {
    position: absolute;
    left: -220px;
    top: 160px;
    color: #fff;
}
@media (max-width: 1900px) {
    .part4-content-tips {
        color: #000;
    }
}
@media (max-width: 1200px) {
    .part4-thumbs-wrap {
        position: relative;
        top: 0;
        left: 0;
        transform: translate(0, 0);
        background-color: #f3f1ec;
    }
    .part4-thumbs-line {
        display: none;
    }
}
@media (max-width: 760px) {
    .part4-thumbs-list {
        flex-wrap: wrap;
    }
}
/* CSS Document */

.drp-speed{padding:90px 0; background:linear-gradient(#F4F1EC 150px, #fff 300px) no-repeat; position:relative; z-index:0;}
.drp-speed::before{content:''; position:absolute; top:0; bottom:0; left:10px; right:10px; max-width:1700px; margin:0 auto; border-radius:3vw; background-color:#fff; z-index:-1;}
.drp-speed .details{padding:0 20px;}
.drp-speed-title-tip{font-size:19px; color:#ff9c00; border:1px solid; border-radius:100vw; background-color:rgba(255, 156, 0, .1); display:inline-block; padding:0 1.5%; margin-bottom:7px;}
.drp-speed-title{font-size:45px; line-height:1; margin-bottom:4.5%;}
.drp-speed-x{display:flex; justify-content:space-between; align-items:center;}
.drp-speed-pic, .drp-speed-info-x{margin:0 5px;}
.drp-speed-pic{display:grid; width:690px;}
.drp-speed-img, .drp-speed-pic-con{grid-area:1 / 1;}
.drp-speed-img{width:100%; height:auto;}
.drp-speed-pic-con{margin:53% 46% 10px 6%; font-size:81px; font-weight:700; line-height:1; color:#000; align-content:center;}
.drp-speed-pic-desc{font-size:17px; color:#4c4c4c; line-height:1.25; margin-top:10px;}
.drp-speed-info-x{width:440px; min-width:0;}
.drp-speed-info{display:flex; flex-flow:column;}
.drp-speed-info-title{font-size:24px; margin:13px 0;}
.drp-speed-info-logos{order:-1; display:grid; grid-auto-flow:column; justify-content:start; grid-gap:10px;}
.drp-speed-info-logo{width:60px; height:50px; border:1px solid rgba(0, 0, 0, .4); border-radius:5px; display:grid; place-items:center; fill:#3C3A36;}
.drp-speed-info-desc{color:#666; font-size:17px; line-height:1.2;}
.drp-speed-info-times{display:flex; margin:10% -12px 7%;}
.drp-speed-info-hardware, .drp-speed-info-software{width:205px; height:210px; box-sizing:border-box; padding:13px 20px 16px; display:flex; flex-flow:column; justify-content:space-between; border-radius:8px; position:relative; z-index:0; margin:0 12px; min-width:0;}
.drp-speed-info-hardware::before, .drp-speed-info-software::before{content:''; position:absolute; top:0; right:0; bottom:0; left:0; background:linear-gradient(rgba(255, 255, 255, .5), transparent) no-repeat; z-index:-1;}
.drp-speed-info-hardware{background-image:linear-gradient(rgba(121, 196, 133, .4) 1px, transparent 0), linear-gradient(to right, rgba(121, 196, 133, .4) 1px, transparent 0); background-position:10px 20px; background-size:31px 31px; background-color:#97F17C;}
.drp-speed-hardware-title{font-size:60px; line-height:1;}
.drp-speed-hardware-min{color:rgba(73, 133, 82, .4);}
.drp-speed-hardware-svg{margin-top:auto; fill:#33693b;}
.drp-speed-hardware-tip{font-size:20px; color:#33693b; line-height:1; margin-top:7px;}
.drp-speed-info-software{background-color:#E3E5E7;}
.drp-speed-software-title{font-size:40px; line-height:1; color:#666; padding-top:18px;}
.drp-speed-software-min{color:#c5c5c5;}
.drp-speed-software-tip{font-size:17px; color:#7b7b7b; line-height:1; margin-top:7px;}
.drp-speed-gpu-cmp{}
.drp-speed-gc-item{display:flex; align-items:center; font-size:19px; color:rgba(0, 0, 0, .5); background:linear-gradient(to right, rgba(3, 0, 0, .05), rgba(233, 173, 53, .05)) no-repeat; padding:5px;}
.drp-sgc-tip-x{display:flex; justify-content:center; margin-left:8px;}
.drp-speed-gc-btn{width:20px; height:20px; background-color:#FF7D00; border:0 none; border-radius:50%; color:#fff; font-size:16px;}
.drp-speed-gc-tip{position:absolute; font-size:13px; line-height:1; color:#666; max-width:260px; background-color:#fff; transform:translateY(-100%); border-radius:5px; border:1px solid; padding:5px; box-sizing:border-box; margin-top:-8px; visibility:hidden;}
.drp-speed-gc-tip::after{content:''; border:8px solid transparent; border-top-color:currentColor; position:absolute; top:100%; left:50%; transform:translate(-50%);}
.drp-speed-gc-btn:hover + .drp-speed-gc-tip, .drp-speed-gc-btn:focus + .drp-speed-gc-tip, .drp-speed-gc-tip:hover{visibility:visible;}
.drp-speed-gc-item.others{color:rgba(108, 105, 102, .6); background-image:linear-gradient(to right, rgba(3, 0, 0, .05), transparent);}
.drp-speed-gc-item + .drp-speed-gc-item{margin-top:13px;}
@media(max-width:979px){
  .drp-speed-x{flex-flow:wrap; justify-content:center;}
  .drp-speed-pic{margin-bottom:20px;}
}
@media(max-width:479px){
  .drp-speed-pic{display:initial;}
  .drp-speed-pic-con{margin:0; font-size:60px;}
  .drp-speed-info-times{flex-flow:wrap;}
  .drp-speed-info-logos{display:flex; flex-flow:wrap;}
  .drp-speed-info-hardware{margin-bottom:10px;}
}
/* CSS Document */

.drp-features{padding:60px 0 80px; background:linear-gradient(#fff, #FBF8F4) no-repeat;}
.drp-features-wrap{display:flex; justify-content:space-between;}
.drp-features-items, .drp-features-imgs{margin:0 10px;}
.drp-features-items{width:460px;}
.drp-features-item + .drp-features-item{margin-top:35vh;}
.drp-features-item-title{font-size:36px; line-height:1.1; color:#000; margin-bottom:10%;}
.drp-features-it-tag{font-size:19px; color:#ff9c00; border:1px solid; border-radius:100vw; background-color:rgba(255, 156, 0, .1); display:inline-block; padding:2px 10px; transform:translateY(-35%);}
.drp-features-item-ul{}
.drp-features-item-li{font-size:17px; background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3E%3Ccircle cx='4' cy='4' r='4'/%3E%3C/svg%3E") no-repeat 0 8px; padding-left:15px; line-height:1.33; margin:5% 0;}
.drp-features-il-hlt{font-weight:700;}
.drp-features-il-a{color:inherit; text-decoration:underline dashed; text-underline-offset:5px;}
.drp-features-item-btn{font-size:19px; color:#fff; background-color:#92CF3F; border-radius:5px; display:inline-block; min-width:180px; padding:12px; box-sizing:border-box; text-align:center;}
.drp-features-item-btn:hover{text-decoration:none; color:#fff;}
.drp-features-imgs{/*图片比例*/--ratio:11.24 / 16; --wid:680px; width:var(--wid); display:grid; align-self:flex-start; position:sticky; position:-webkit-sticky; top:calc(50vh - var(--wid) * var(--ratio) / 2);}
.drp-features-figure{grid-area:1 / 1;}
.drp-features-figure:not(.show){opacity:0; visibility:hidden; transition:.2s;}
.drp-features-img{width:100%; height:auto; border-radius:20px;}
@media(max-width:767px){
  .drp-features-wrap{flex-flow:wrap;}
  .drp-features-imgs{display:none;}
  .drp-features-item + .drp-features-item{margin:50px 0;}
}
/* CSS Document */

.drp-comparison{display:grid;}
.drp-comparison-text, .drp-comparison-imgs{grid-area:1 / 1;}
.drp-comparison-text{z-index:1; display:flex; flex-flow:column; padding:60px 0; pointer-events:none;}
.drp-comparison-text > *{pointer-events:initial;}
.drp-comparison-header{text-align:center; margin:0 auto;}
.drp-comparison-title{font-size:45px; color:#fff; line-height:1; margin-bottom:15px;}
.drp-comparison-desc{font-size:19px; color:#e5e5e5; margin:15px 0;}
.drp-comparison-desc-a{color:inherit; text-decoration:underline;}
.drp-comparison-list-x{margin:auto auto 0 0; color:#e5e5e5; font-size:21px;}
.drp-comparison-list{margin:13px 0; background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 8 8'%3E%3Ccircle fill='%23e5e5e5' cx='4' cy='4' r='4'/%3E%3C/svg%3E") no-repeat 0 9px; padding-left:17px;}
.drp-comparison-imgs{position:relative; overflow:hidden;}
.drp-comparison-upscale{position:absolute; left:70%; right:11.29%; top:50%; transform:translateY(-50%);}
.drp-comparison-upscale-img{border-radius:12px; width:100%; height:auto;}
.drp-comparison-upscale-info{position:absolute; top:0; right:0; bottom:0; left:0; font-size:23px; color:#000; line-height:1; display:flex; flex-flow:column; align-items:flex-end; justify-content:space-between; padding:10px 15px;}
.drp-comparison-upscale-b{color:#fff; font-size:50px; display:block; margin-bottom:3px;}
.drp-comparison-upscale-detail{color:#e5e5e5; font-size:80%; position:relative; z-index:0; display:flex; align-items:center; padding:5px 7px;}
.drp-comparison-upscale-detail::before{content:''; width:21px; height:21px; border-radius:50%; background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='9' viewBox='0 0 10 9'%3E%3Cpath d='M9.883 1.322A.872.872 0 0 0 9.551.115a.919.919 0 0 0-1.238.324L3.895 6.691 1.581 4.748A.923.923 0 0 0 .3 4.707a.868.868 0 0 0-.042 1.249l3.215 2.753a.922.922 0 0 0 1.281.041c.111-.102 5.129-7.428 5.129-7.428z' fill='%2300b318' /%3E%3C/svg%3E") no-repeat 50% 57%, #fff; margin-right:8px;}
.drp-comparison-upscale-detail::after{content:''; position:absolute; top:0; right:0; bottom:0; left:0; background:linear-gradient(to right, #1ed94f, #ffaa00) no-repeat; z-index:-1; border-radius:100vw; mask:linear-gradient(to right, #0008 50%, transparent) no-repeat; -webkit-mask:linear-gradient(to right, #0008 50%, transparent) no-repeat;}
.drp-comparison-before-x{position:absolute; clip-path:inset(0 calc(100% - var(--pos, .5) * 100%) 0 0); width:100%;}
.drp-comparison-after-img, .drp-comparison-before-img{width:100%; height:auto;}
.drp-comparison-line{position:absolute; top:0; bottom:0; left:calc(var(--pos, .5) * 100%); display:flex; flex-flow:column; align-items:center; width:1px;}
.drp-comparison-line::before, .drp-comparison-line::after{content:''; flex:1; width:100%; background-color:rgba(255 255 255 / .8);}
.drp-comparison-line::before{background:linear-gradient(transparent 47%, rgba(255 255 255 / .8)) no-repeat;}
.drp-comparison-range{position:absolute; top:0; bottom:0; left:0; right:0; opacity:0; -webkit-appearance:none; appearance:none; cursor:ew-resize;}
.drp-comparison-range::-moz-range-thumb{width:0;}
.drp-comparison-range::-webkit-slider-thumb{-webkit-appearance:none; appearance:none; width:0;}
@media(max-width:1200px){
  .drp-comparison-upscale{right:1%; transform:translateY(0);}
}
@media(max-width:767px){
  .drp-comparison{display:block; padding:40px 0;}
  .drp-comparison-upscale{display:none;}
  .drp-comparison-title{color:#000;}
  .drp-comparison-desc, .drp-comparison-list-x{color:#666;}
}
/* CSS Document */

.drp-cards{padding:70px 0; text-align:center; background:linear-gradient(#F5F5F5, #fff) no-repeat;}
.drp-cards-title{font-size:45px; line-height:1; margin-bottom:15px;}
.drp-cards-desc{font-size:19px; color:#444; margin:15px 0;}
.drp-cards-wrap{display:flex; align-items:center; margin-top:40px; justify-content:center;}
.drp-cards-items{}
.drp-cards-item{position:relative; margin:10px 5px; overflow:hidden; border-radius:10px;}
.drp-cards-item::before{content:''; position:absolute; top:0; right:0; bottom:0; left:0; background:linear-gradient(transparent, #C6B19A 70%) no-repeat; transform:translateY(100%); transition:transform .3s;}
.drp-cards-item:hover::before, .drp-cards-item:focus-visible::before{transform:translateY(0);}
.drp-cards-item-text{position:absolute; left:0; right:0; bottom:0; padding:10px clamp(10px, 2vw, 30px) 0; display:grid; grid-template-rows:auto 0fr; transition:grid-template-rows .5s;}
.drp-cards-item:hover .drp-cards-item-text, .drp-cards-item:focus-visible .drp-cards-item-text{grid-template-rows:auto 1fr; transition:grid-template-rows .3s;}
.drp-cards-item-title{font-size:23px; margin-bottom:15px; align-self:end;}
.drp-cards-item-dt{text-align:left; font-size:17px; overflow:hidden;}
.drp-cards-item-desc{line-height:1.25;}
.drp-cards-item-tag{color:#fff; margin:6px 12px 8px 0; display:inline-block;}
.drp-cards-item-figure{}
.drp-cards-item-img{max-width:100%; height:auto;}
@media(max-width:979px){
  .drp-cards-wrap{flex-flow:wrap;}
}
@media(max-width:479px){
  .drp-cards-item-text, .drp-cards-item-text{grid-template-rows:auto 1fr;}
  .drp-cards-item::before, .drp-cards-item::before{transform:translateY(0);}
}
/* CSS Document */

.DivMain04 { background: #f7f7f7; padding:60px 0; }
.DivMain04 .details { text-align: center; }
.DivMain04 h2 { font-size: 45px;  margin: 15px 0; line-height: 1;}
.DivMain04 p { color: #666; margin:15px 0; font-size: 19px;}
.DivMain04 ul {  width: 990px; margin: 0 auto; padding: 15px 0 5px; }
.DivMain04 ul li { width: 110px; float: left; text-align: center; }
.DivMain04 ul li img { padding: 0 0 5px 0; }
.DivMain04 .row { max-width: 1080px; text-align: center; padding: 20px 0 0;  margin:0 auto;}
.DivMain04 .slider {width:100%; height:620px; position:relative; }
.DivMain04 .slider .wrapper {width:880px; height:620px; position:relative; left:100px; overflow:hidden; text-align: center; }
.DivMain04 .slider .wrapper .content { position:absolute;width:8000px;height:530px;}
.DivMain04 .slider .wrapper .content .slider-item { width:880px; height:620px; float:left; text-align:center;}
.DivMain04 .slider .prev {position:absolute; left:0px; top:308px; width:22px; height:44px; cursor:pointer; z-index: 100;}
.DivMain04 .slider .next {position:absolute; right:0px; top:308px; width:22px; height:44px; cursor:pointer; z-index: 100;}
.DivMain04 .Bnt { padding: 40px 0 0; text-decoration: none;  }
.DivMain04 .Bnt .Downlaod { width: 245px; height: 65px; background: url(../dvd-ripper-platinum/img/div01-img05-nine.png) 240px 17px no-repeat #92cf3f;
font-size: 23px; color: #fff; line-height: 65px; padding: 0 45px 0 0px; cursor: pointer; display: inline-block; transition: background-color 0.5s;
-o-transition: background-color 0.5s; -moz-transition: background-color 0.5s; -webkit-transition: background-color 0.5s; }
.DivMain04 .Bnt .mac-plat .Downlaod{background-image:url(../dvd-ripper-platinum/img/div01-img05-nine-mac.png);}
.DivMain04 .Bnt .mac-plat .Downlaod:hover{background-image:url(../dvd-ripper-platinum/img/div01-img05-nine-mac.png);}
.DivMain04 .Bnt .Downlaod:hover { background: url(../dvd-ripper-platinum/img/div01-img05-nine.png) 240px 17px no-repeat #7ecb16; }
.DivMain04 .Bnt .mac-icon{background: url(../dvd-ripper-platinum/img/div01-img05-nine-mac.png) 240px 17px no-repeat #7ecb16;}
.DivMain04 .Bnt .mac-icon:hover{background: url(../dvd-ripper-platinum/img/div01-img05-nine-mac.png) 240px 17px no-repeat #7ecb16;}
.DivMain04 .Bnt .Buy { width: 245px; height: 65px; background: url(../dvd-ripper-platinum/img/div01-img06-nine.png) 225px 17px no-repeat #feb91a;
font-size: 23px; color: #fff; line-height: 65px; padding: 0 45px 0 0px; cursor: pointer; display: inline-block; margin: 0 0 0 40px; transition: background-color 0.5s;
-o-transition: background-color 0.5s; -moz-transition: background-color 0.5s; -webkit-transition: background-color 0.5s; }
.DivMain04 .Bnt .Buy:hover { background: url(../dvd-ripper-platinum/img/div01-img06-nine.png) 225px 17px no-repeat #eaa60a; }
.DivMain04 .Bnt ol { padding: 10px 0; width: 640px;  margin: 0 auto; }
.DivMain04 .Bnt ol li { list-style: none; width: 300px; text-align: center; float: left; }
.DivMain04 .Bnt ol li:nth-child(1) {  background: url(../dvd-ripper-platinum/img/div01-img11-nine.png) 50px 5px no-repeat; }
.DivMain04 .Bnt ol li:nth-child(1).win-icon {  background: url(../dvd-ripper-platinum/img/div01-img11-nine-win.png) 50px 5px no-repeat; }
.DivMain04 .Bnt ol li:nth-child(2) { margin: 0 0 0 40px; }
.DivMain04 .Bnt ol li a {  color: #333; }
@media(max-width:1200px){
  .DivMain04 .row{display:none;}
  .DivMain04 ul {  width: 90%; margin: 0 auto; padding: 25px 0 5px; }
  .DivMain04 ul li { padding: 10px 0; }
  .DivMain04 .Bnt .Downlaod, .DivMain04 .Bnt .Buy { font-size: 21px; }
}
/* CSS Document */

.DivMain05 { background:url(../dvd-ripper-platinum/images/index-new/bg5.jpg) no-repeat 0 / cover; padding:60px 0;  text-align: center;}
.DivMain05 .details { position: relative;}
.DivMain05 h2 { font-size:45px; line-height:1;}
.m05-left-btn {  width: 60px; height: 60px; border:1px solid #e0e0e0; border-radius:50%; display:grid; place-items:center; position: absolute; left: 5%; top: 175px; cursor: pointer; }
.m05-right-btn {  width: 60px; height: 60px; border:1px solid #e0e0e0; border-radius:50%; display:grid; place-items:center; position: absolute; right: 5%; top: 175px; cursor: pointer;  }
.DivMain05 .comment { width: 900px; overflow: hidden; position:relative; margin: 0 auto; }
.DivMain05 .comment .Textual { white-space:nowrap; font-size:0; position:relative;}
.DivMain05 .comment .Textual .text {  width:100%; display:inline-block; padding:10px 0 0;  white-space:initial;}
.DivMain05 .comment .Textual .text .web { padding: 10px 0; }
.DivMain05 .comment .Textual p { font-size: 21px; text-align: center; padding: 5px 20px; line-height: 34px; color: #333; }
.DivMain05 .comment .Textual .ple { width: 264px; margin: 0 auto; padding: 15px 0 0; }
.DivMain05 .comment .Textual .ple .cit { width: 64px; height: 64px; float: left; }
.DivMain05 .comment .Textual .ple .stat {  width: 180px; float: right; padding: 5px 0 0; text-align: left; }
.DivMain05 .comment .Textual .ple .stat h4 {  font-size: 17px; }
@media(max-width:979px){
  .DivMain05 .comment { width: 700px;  height: 450px;  }
	.DivMain05 .comment .Textual .text {  width: 700px;  }
}
@media(max-width:767px){
  .DivMain05 .comment { width: 400px;  height: 650px;  }
  .DivMain05 .comment .Textual .text {  width: 400px;  }
  .DivMain05 .comment .Textual .ple { display: none; }
  .DivMain05 .comment .Textual p { font-size: 17px;  line-height: 27px;  }
}
@media(max-width:479px){
  .DivMain05 .comment { width: 300px; height: 300px;  }
	.DivMain05 .comment .Textual .text {  width: 300px;  height: 300px;  }
	.DivMain05 .comment .Textual p { font-size: 15px;  line-height: 25px;  }
}
/* CSS Document */

.drp-aq{background-color:#fff; padding:60px 0;}
.drp-aq-info{display:flex; justify-content:space-between;}
.drp-aq-title-x{width:450px; margin-right:10px;}
.drp-aq-title{font-size:45px; line-height:1.3; margin-bottom:25px;}
.drp-aq-desc{font-size:17px; color:#4c4c4c; line-height:1.3; margin:10px 0;}
.drp-aq-video-x{width:490px; border-top:1px solid #0002}
.drp-aq-subtitle{font-size:21px; line-height:1.1; font-weight:700; margin:10px 0;}
.drp-aq-video-wrap{position:relative;}
.drp-aq-video-wrap::after{content:''; display:block; padding-top:56.25%;}
.drp-aq-video{position:absolute; width:100%; height:100%;}
.drp-aq-list-x{}
.drp-aq-list{padding:30px 0; border-bottom:1px solid #0002; cursor:pointer;}
.drp-aq-list-title{font-size:23px; display:flex; justify-content:space-between;}
.drp-aq-list-title::after{content:'+'; margin-left:10px; border:2px solid; border-radius:50%; width:18px; height:18px; display:flex; justify-content:center; align-items:center; font-family:Arial; transition:transform .2s;}
.active > .drp-aq-list-title::after{transform:rotate(135deg);}
.drp-aq-list-q{font-size:17px; color:#595959; line-height:1.25; margin-top:20px; cursor:initial; display:none;}
@media(max-width:767px){
  .drp-aq-info{flex-flow:wrap; justify-content:center;}
}
/* CSS Document */

.SEO-exhibit {text-align: center;background:linear-gradient(#fff, #F5F5F5) no-repeat;padding:40px 0 80px;}
.SEO-exhibit h2 {font-size: 45px;line-height: 1; margin-bottom:35px;}
.SEO-exhibit p { color: #525c66; padding: 0 0 20px 100px; text-align: center; color: #808080;}
.SEO-exhibit-container {display: flex;justify-content: center;flex-wrap: wrap;row-gap: 30px;column-gap: 30px;}
.SEO-exhibit-item {background-color: #ffffff;box-shadow: rgba(0, 0, 0, 0.05) 0px 1px 2px 0px;width: 375px;border-radius: 5px;overflow: hidden;}
.SEO-item-data {display: flex;align-items: center;gap: 25px;padding: 5px 10px 0;color: #999;font-size: 15px;line-height: 1.4;}
.SEO-item-title {font-size: 21px;line-height: 1.4;color: #000;margin-bottom: 10px;}
.SEO-item-title a {color: #575757;text-decoration: none;}
.SEO-item-title a:hover {color: #006cff;}
.SEO-item-desc {font-size: 17px;line-height: 1.4;color: #808080;}
.SEO-item-content {padding: 15px 30px;}
.SEO-item-author::before {content: '';display: inline-block;width: 13px;height: 13px;margin-right: 5px;background: url("https://www.winxdvd.com/img/homepage/icon-author.jpg") no-repeat center;}
.SEO-item-update::before {content: '';display: inline-block;width: 13px;height: 13px;margin-right: 5px;background: url("https://www.winxdvd.com/img/homepage/icon-update.jpg") no-repeat center;}

@media  (max-width: 1200px) {.SEO-exhibit .details {width: 100%;padding: 0 10px;box-sizing: border-box;}.SEO-item-cover img {max-width: 100%;width: 100%;}.SEO-exhibit h3 {font-size: calc(1.67rem + .3vw);}}
@media  (max-width: 479px) {.SEO-item-desc {font-size: 13px;}.SEO-item-title  {font-size: 17px;}.SEO-item-content {padding: 10px 15px;}.SEO-item-data {font-size: 13px;}}
/* CSS Document */

@media (max-width: 979px) {
	.mobileNo{display:none;}
	#clientBottomFixedBanner,#clientSideFixedBanner {display:none;}

	.nav-wap {  background: #fff; padding:15px 20px; position: relative; display: block;  border-bottom: 1px solid #f4f4f4; }
	.nav-wap .Logo { width: 143px; height: 45px;   }
	.nav-wap .More { width: 50px; height: 50px; position: absolute; right: 20px; top: 10px; cursor: pointer; padding: 10px 0 0;  }
	.nav-wap .xznor {  background: url(../index-wap-img/nav-jt02.png) no-repeat;  }
	.nav-wap .xzlas {  background: url(../index-wap-img/nav-jt01.png) no-repeat;  }


	.nav-wap .softlist {  position: absolute; top: 76px; left: 0; z-index: 100;  width: 100%; display: none; }
	.nav-wap .softlist ul {  border-top: 1px solid #f4f4f4;  background: #fff;  display: block; }
	.nav-wap .softlist ul li {  padding: 10px; border-bottom: 1px solid #f4f4f4; font-size: 21px; padding: 20px 0 20px 85px; height: 50px; line-height: 50px;  }
	.nav-wap .softlist ul li:nth-child(1) { background: url(../index-wap-img/nav-dr01.png) 2% center no-repeat; }
	.nav-wap .softlist ul li:nth-child(2) { background: url(../index-wap-img/nav-vc01.png) 2% center no-repeat; }
	.nav-wap .softlist ul li:nth-child(3) { background: url(../index-wap-img/nav-mt01.png) 2% center no-repeat; }
	.nav-wap .softlist ul li:nth-child(4) { background: url(../index-wap-img/nav-by01.png) 2% center no-repeat; }
	.nav-wap .softlist ul li:nth-child(5) { background: url(../index-wap-img/nav-sp01.png) 2% center no-repeat; }
	.nav-wap .softlist ul li:nth-child(6) { background: url(../index-wap-img/nav-bk01.png) 2% center no-repeat; }
	.nav-wap .softlist ul a { color: #333; text-decoration: none; }

	.Movenav .left, .Movenav .Right { width: 100%; float: none; margin: 5px 0; }
	.Movenav .left h3 {  font-size: 21px; line-height: 26px; padding: 10px 0 0; }
	.Movenav .left h3 i { font-size: 15px; display: block; font-style: normal; }
	/* CSS Document */
	.DivMain01 h2 {  font-size: 35px; line-height: 45px;  font-weight: 800; color: #fff; padding: 50px 0 0; }
	.DivMain01 h1 { font-size: 19px; color: #000; padding: 15px 30px 0; line-height: 30px; }
	.DivMain01 .Bnt { padding: 10px 0 0; }
	.DivMain01 .Bnt .Downlaod, .DivMain01 .Bnt .Buy { font-size: 21px; }
	.DivMain01 .flag {  right: 35%; }
	.DivMain01 .tech {  top: 10px; right: 55px; color: #fff; font-size: 15px; }
	.DivMain01 .Bum ul {  width: 90%; margin: 0 auto; font-size: 17px; padding: 0; }

	/* CSS Document */
	.DivMain02 { height: auto; background: none; }
	.DivMain02 .details { width: 100%; margin: 0 auto; padding: 0;}
	.DivMain02 .col01, .DivMain02 .col02, .DivMain02 .col03, .DivMain02 .col04 { width: calc(50% - 60px); height: 480px; float: left; padding: 25px 30px 0; }
	.DivMain02 .col01 { background: #fbf5eb; }
	.DivMain02 .col02, .DivMain02 .col03 { background: #fae9cd; }
	.DivMain02 .col04 { background: url(../dvd-ripper-platinum/img/div02-col09-nine.png) bottom right no-repeat #fbf5eb; }
	.DivMain02 h2 { font-size: 32px; line-height: 42px; font-weight: 800; padding: 20px 0 0;  }
	.DivMain02 .col01 ul { padding: 20px 0 0; }
	.DivMain02 .col02 p { padding: 20px 20px 0; font-size: 17px; line-height: 28px; text-align: left; }
	.DivMain02 .col03 .top { margin: 20px 0 0; }
	.DivMain02 .col03 ul { width: 250px; margin: 0 auto; padding: 10px 0 0; }
	/* CSS Document */
	.DivMain03 .Col01, .DivMain03 .Col02, .DivMain03 .Col03, .DivMain03 .Col04 { width: calc(50% - 4px); }
	.DivMain03 .Col01 .tav, .DivMain03 .Col02 .tav, .DivMain03 .Col03 .tav, .DivMain03 .Col04 .tav {  width: 90%; padding: 0; margin: 0 auto; }
	.DivMain03 .Col03 .table { width: 90%;  }
	.DivMain03 .rightfloat { float: none; }
	.DivMain03 .Col01 h2, .DivMain03 .Col02 h3, .DivMain03 .Col03 h3, .DivMain03 .Col04 h3 { font-size: 19px; }
	/* CSS Document */
	.DivMain04 .row { display: none; }
	.DivMain04 ul {  width: 90%; margin: 0 auto; padding: 25px 0 5px; }
	.DivMain04 ul li { padding: 10px 0; }
	.DivMain04 .Bnt .Downlaod, .DivMain04 .Bnt .Buy { font-size: 21px; }
	/* CSS Document */
	.DivMain05 h3 { font-size: 21px; }
	.DivMain05 .comment { width: 700px;  height: 450px;  }
	.DivMain05 .comment .Textual .text {  width: 700px;  }
	/* CSS Document */
	.DivMain06 .Left { width: 95%; height: 420px; float: none; margin: 0 auto; }
	.DivMain06 .Right { width: 95%; float: none; margin: 0 auto; padding: 0; padding: 50px 0 0; }
}

@media (max-width: 767px) {

	.DivMain01 { padding: 0 0 160px 0; }
	.DivMain01 .Bnt .Downlaod, .DivMain01 .Bnt .Buy { display: block;  margin: 10px auto;  }
	.DivMain01 .flag {  right: 25%; }
	.DivMain01 h2 {  font-size: 29px; line-height: 35px;  font-weight: 400;  padding: 50px 0 0; }
	.DivMain01 h2 b { font-size: 19px;  }
	.DivMain01 h1 { font-size: 17px;  line-height: 26px; }
	.DivMain01 ul {  width: 95%; }
	.DivMain01 ul li {  width: calc(25% - 30px); padding: 0 15px; }
	.DivMain01 h3 { font-size: 15px; padding: 15px 0 0; }
	.DivMain01 .tech {  top: 10px; right: 15px; color: #fff;  }
	.DivMain01 .Bum ul li:nth-child(1) { display: none; }
	.DivMain01 .Bum ul li:nth-child(3) { display: none; }
	/* CSS Document */
	.DivMain02 .col01 h4 i, .DivMain02 .col02 h4 i, .DivMain02 .col03 h4 i, .DivMain02 .col04 h4 i { font-size: 17px; padding: 15px 15px 0; }
	.DivMain02 .col01 ul { padding: 0px 0 0; }
	/* CSS Document */
	.DivMain03 .Col01, .DivMain03 .Col02, .DivMain03 .Col03, .DivMain03 .Col04 { width: calc(100% - 4px); float: none; }
	.DivMain03 .Col01 .tav, .DivMain03 .Col02 .tav, .DivMain03 .Col03 .tav, .DivMain03 .Col04 .tav {  width: 90%; padding: 0; margin: 0 auto; }
	.DivMain03 .Col01 h2, .DivMain03 .Col02 h3, .DivMain03 .Col03 h3, .DivMain03 .Col04 h3 { font-size: 21px; }
	/* CSS Document */
	.DivMain04 .Bnt .Downlaod, .DivMain04 .Bnt .Buy { display: block;  margin: 10px auto;  }
	.DivMain04 h3 { font-size: 23px; }
	/* CSS Document */
	.DivMain05 .comment { width: 400px;  height: 650px;  }
	.DivMain05 .comment .Textual .text {  width: 400px;  }
	.DivMain05 .comment .Textual .ple { display: none; }
	.DivMain05 .comment .Textual p { font-size: 17px;  line-height: 27px;  }

	.DivMain01 .Bnt ol, .DivMain04 .Bnt ol { padding: 10px 0; width: 100%;  margin: 0 auto; }
	.DivMain01 .Bnt ol li, .DivMain04 .Bnt ol li { list-style: none; width: 300px; text-align: center; float: none; margin: 0 auto; }
	.DivMain01 .Bnt ol li:nth-child(2), .DivMain04 .Bnt ol li:nth-child(2) { margin: 0px auto; }

	.Tops { display: none; }

}

@media (max-width: 479px) {
	.nav-wap .softlist ul li { font-size:17px;padding: 10px 0 10px 75px;}

	.DivMain01 { background-size: cover;  }
	.DivMain01 .flag { position: absolute; top: 50px; right: 65px; width: 280px; text-align: right; }
	.DivMain01 .tech { font-size: 15px; }

	.DivMain01 h2 {  font-size: 21px; line-height: 30px; padding: 90px 0 0;}
	.DivMain01 h2 b { font-size: 17px; }
	.DivMain01 .tech {  top: 10px; right: 0px; color: #fff; }
	.DivMain01 ul li {  width: calc(50% - 30px); padding: 0 15px;  margin: 10px auto; }

	.DivMain02 .col01, .DivMain02 .col02, .DivMain02 .col03, .DivMain02 .col04 { width: calc(100% - 60px); float: none;  }
	.DivMain02 .col01 { background: #fbf5eb; }
	.DivMain02 .col02 { background: #fae9cd; }
	.DivMain02 .col03 { background: #fbf5eb; }
	.DivMain02 .col04 { background: url(../dvd-ripper-platinum/img/div02-col09-nine.png) bottom right no-repeat #fae9cd; }

	.DivMain03 .Col01, .DivMain03 .Col03 { background: #f7f7f7;  }
	.DivMain03 .Col02, .DivMain03 .Col04 { background: #dddee0; }

	.DivMain03 .Col03 .table .Put {  width: 115px; height: 35px; font-size: 13px; }

	.DivMain05 .comment { width: 300px; height: 300px;  }
	.DivMain05 .comment .Textual .text {  width: 300px;  height: 300px;  }
	.DivMain05 .comment .Textual p { font-size: 15px;  line-height: 25px;  }

	.DivMain06 .Left { display: none; }
	.DivMain06 .Right {  padding: 0px 0 0; }
	.DivMain06 .Right h3 {  padding: 0 30px 15px 0;  font-size: 17px;  }
}