body{margin: 0 auto;max-width: 1920px;}
.banner{background: #9e5be9;background: linear-gradient(45deg, #9e5be9, #5128c2);padding-top: 70px;height: 350px;}
.banner_box h1{font-size: 48px;color: #fff;font-weight: 550;text-align: center;}
.banner_box>span:nth-of-type(1){font-size: 28px;color: #fff;text-align: center;display: block;margin-top: 15px;}
.banner_box>p:nth-of-type(1){font-size: 18px;color: #fff;text-align: center;max-width: 950px;padding-top: 10px;padding-bottom: 5px;}
.banner_box>p.reviews{font-size: 16px;text-align: center;color: #fff;margin-top: 8px;}
.banner_box>p.reviews img{margin-left: 15px;vertical-align: -2px;}
.banner_box>.btn{max-width: 540px;width: 100%;margin: auto;}
.banner_box>.btn div>a{width: 216px;height: 47px;background: #fff;text-align: center;font-size: 18px;color: #305bfc;display: block;line-height: 47px;margin: 20px auto 0px;border-radius: 5px;}
.banner_box>.btn div>a i{display: inline-block;width: 20px;height: 20px;vertical-align: -3px;margin-right: 10px;}
.banner_box>.btn div>a.win i{background: url(/images/video-converter-ultimate/win.png);}
.banner_box>.btn div>a.mac i{background: url(/images/video-converter-ultimate/mac.png);}
.banner_box>.btn div>a:hover{background: #34a2ff;color: #fff;text-decoration: none;}
.banner_box>.btn div>a.win:hover i{background-position-y: -20px;}
.banner_box>.btn div>a.mac:hover i{background-position-y: -20px;}
.banner_box>.btn div>p{font-size: 14px;color: #fff;margin-top: 10px;text-align: center;}
.banner_box>.btn div>p a{color: #fff;}
.banner_box>a{font-size: 18px;color: #fff;display: block;width: 138px;height: 38px;border: 2px solid #fff;box-sizing: border-box;margin: 15px auto 0px;border-radius: 30px;text-align: center;line-height: 34px;}
.banner_box>.img{height: 494px;position: relative;}
.banner_box>.img img{position: absolute;left: 50%;-webkit-transform: translateX(-50%);transform: translateX(-50%);transition: all .5s linear;}
.banner_box>.img img:nth-child(1){z-index: 2;top: 86px;margin-left: -250px;}
.banner_box>.img img:nth-child(2){z-index: 1;top: 89px;margin-left: 70px;}
.banner_box>.img img:nth-child(3){margin-left: 70px;}
h2{font-size: 42px;color: #000445;text-align: center;font-weight: normal;}
.quality{background: #f6f4ff;background: linear-gradient(90deg, #f6f4ff, #eaf9ff);padding-top: 60px;padding-bottom: 60px;}
.quality_box *{margin: 0;}
.quality_box>div{margin-top: 45px;-webkit-align-items: center;align-items: center;}
.quality_box .left{height: 432px;position: relative;}
.quality_box .left img{transition: all .8s linear;}
.quality_box .left img:nth-child(1){position: initial;}
.quality_box .left img:nth-child(2){position: absolute;left: 271px;top: 150px;-webkit-animation: rotate 3s infinite linear;-moz-animation: rotate 3s infinite linear;-o-animation: rotate 3s infinite linear;animation: rotate 3s infinite linear;z-index: 2;}
@-webkit-keyframes rotate {0% {-webkit-transform: rotate(0deg)}100% {-webkit-transform: rotate(360deg)}}
@-moz-keyframes rotate {0% {-moz-transform: rotate(0deg)}100% {-moz-transform: rotate(360deg)}}
@-o-keyframes rotate {0% {-o-transform: rotate(0deg)}100% {-o-transform: rotate(360deg)}}
.quality_box .left img:nth-child(3){position: absolute;left: 260px;top: 65px;}
.quality_box .left img:nth-child(4){position: absolute;left: 260px;top: 86px;}
.quality_box .left img:nth-child(5){position: absolute;left: 260px;top: 161px;}
.quality_box .left img:nth-child(6){position: absolute;left: 260px;top: 171px;}
.quality_box .left img:nth-child(7){position: absolute;left: 260px;top: 255px;}
.quality_box .left img:nth-child(8){position: absolute;left: 260px;top: 299px;}
.quality_box .left img:last-child{position: absolute;top: 0;left: 0;}
.quality_box .right{max-width: 530px;width: 100%;font-size: 18px;color: #000445;line-height: 30px;}
.quality_box .right p{margin-top: -20px;}
.processing{background: url(/images/video-converter-ultimate/bg1.jpg) no-repeat center center/cover;padding-top: 80px;padding-bottom: 40px;}
.processing h2{color: #fff;max-width: 1050px;}
.processing_box>p{font-size: 18px;color: #fff;line-height: 30px;text-align: center;margin-top: 25px;max-width: 1100px;}
.processing_box div{margin: 0;padding-top: 130px;position: relative;width: 1px;overflow: hidden;transition: all 2s linear;padding-bottom: 30px;}
.processing_box div>ul li{position: absolute;max-width: 170px;width: 100%;text-align: center;}
.processing_box div>ul li:nth-child(1){left: 325px;top: 193px;}
.processing_box div>ul li:nth-child(2){left: 580px;top: 120px;}
.processing_box div>ul li:nth-child(3){left: 860px;top: 15px;}
.processing_box div>ul li *{font-size: 18px;color: #fff;font-weight: 550;}
.processing_box div>ul li img{display: block;}
.processing_box div>ul li img:nth-of-type(1){margin-top: 12px;}
.processing_box div>ul li:nth-child(1) img:nth-of-type(2){margin-top: 15px;}
.processing_box div>ul li:nth-child(2) img:nth-of-type(2){margin-top: 22px;}
.processing_box div>ul li:nth-child(3) img:nth-of-type(2){margin-top: 12px;}
.processing_box div>ul li p{margin-top: 35px;}
.powerful{padding-top: 70px;padding-bottom: 80px;background: #f6f4ff;background: linear-gradient(90deg, #f6f4ff, #eaf9ff);position: relative;}
.powerful>img{position: absolute;right: 0px;top: 0px;}
.powerful_box{overflow: initial;}
.powerful_box>div *{margin: 0;}
.powerful_box>div{-webkit-align-items: center;align-items: center;}
.powerful_box .left span{font-size: 36px;color: #000445;line-height: 40px;display: block;margin-bottom: 30px;}
.powerful_box .left p{font-size: 18px;color: #000445;line-height: 30px;}
.powerful_box .left{max-width: 500px;width: 100%;}
.powerful_box .right{max-width:592px;width:100%;height: 487px;position: relative;}
.powerful_box .right img{position: absolute;transition:  all .5s linear;}
.powerful_box .right img:nth-child(1){left: 50%;-webkit-transform: translateX(-50%);transform: translateX(-50%);margin-top: 83px;z-index: 2;opacity: 1;}
.powerful_box .right img:nth-child(2){top:50%;left: 50%;-webkit-transform: translate(-50%,-50%);transform: translate(-50%,-50%);opacity: 1;}
.powerful_box .right img:nth-child(3){bottom: -10px;left: 112px;opacity: 0;}
.powerful_box .right img:nth-child(4){bottom: -10px;left: 251px;opacity: 0;}
.powerful_box .right img:nth-child(5){bottom: -10px;left: 387px;opacity: 0;}
.powerful_box .right img:nth-child(6){top: 133px;right: -20px;opacity: 0;}
.powerful_box .right img:nth-child(7){top: 244px;right: -20px;opacity: 0;}
.adjust{padding-top: 50px;padding-bottom: 50px;background: #9e5be9;background: linear-gradient(45deg, #9e5be9, #4822ab);}
.adjust_box{overflow: initial}
.adjust_box div{-webkit-align-items: center;align-items: center;}
.adjust_box div *{margin: 0;}
.adjust_box .left{height: 520px;position: relative;}
.adjust_box .left *{position: absolute;}
.adjust_box .left img{transition:  all .5s linear;}
.adjust_box .left p{font-size: 20px;color: #fff;position: absolute;top: 352px;left: 73px;width: 430px;text-align: center;display: none;}
.adjust_box .left img:nth-child(1){top: 67px;}
.adjust_box .left img:nth-child(2){margin-left: -20px;}
.adjust_box .right{max-width: 464px;width: 100%;}
.adjust_box .right span{font-size: 36px;color: #fff;line-height: 40px;display: block;margin-bottom: 30px;}
.adjust_box .right p{font-size: 18px;color: #fff;line-height: 30px;}
.three_d{padding-top: 70px;padding-bottom: 80px;background: #f6f4ff;background: linear-gradient(90deg, #f6f4ff, #eaf9ff);position: relative;}
.three_d>img{position: absolute;right: 0px;top: 0px;}
.three_d .container{overflow: initial;}
.three_d .container *{margin: 0;}
.three_d .container{-webkit-align-items: center;align-items: center;}
.three_d .container .left span{font-size: 36px;color: #000445;line-height: 40px;display: block;margin-bottom: 30px;}
.three_d .container .left p{font-size: 18px;color: #000445;line-height: 30px;}
.three_d .container .left{max-width: 500px;width: 100%;}
.three_d .container .right{max-width:592px;width:100%;height: 487px;position: relative;}
.three_d .container .right img{position: absolute;transition:  all .5s linear;}
.three_d .container .right img:nth-child(1){left:130px;top: 0;width: 100%;max-width: 484px;}
.three_d .container .right img:nth-child(2){left:415px;top: 50%;width: 100%;max-width: 592px;transform: -webkit-translate(-50%,-50%);transform: -moz-translate(-50%,-50%);transform: -o-translate(-50%,-50%);transform: translate(-50%,-50%);}
.three_d .container .right img:nth-child(3){left:0;top: 87px;width: 100%;max-width: 246px;opacity: 0;}
.split{padding-top: 50px;padding-bottom: 50px;background: #9E5BE9;background: -webkit-linear-gradient(90deg, #9E5BE9, #4822AB);background: -moz-linear-gradient(90deg, #9E5BE9, #4822AB);background: -o-linear-gradient(90deg, #9E5BE9, #4822AB);background: linear-gradient(90deg, #9E5BE9, #4822AB);}
.split_box{overflow: initial}
.split_box div{-webkit-align-items: center;align-items: center;}
.split_box div *{margin: 0;}
.split_box .left{height: 520px;position: relative;}
.split_box .left *{position: absolute;}
.split_box .left img{transition:  all .5s linear;}
.split_box .left p{font-size: 20px;color: #fff;position: absolute;top: 352px;left: 73px;width: 430px;text-align: center;display: none;}
.split_box .left img:nth-child(1){top: 11px;}
.split_box .left img:nth-child(2){margin-left: 0;top: 51px;}
.split_box .left img:nth-child(3){left: 473px;top: 71px;opacity: 0;}
.split_box .left img:nth-child(4){left: 473px;top: 122px;opacity: 0;}
.split_box .left img:nth-child(5){left: 473px;top: 173px;opacity: 0;}
.split_box .left img:nth-child(6){left: 473px;top: 224px;opacity: 0;}
.split_box .left img:nth-child(7){left: 473px;top: 275px;opacity: 0;}
.split_box .left img:nth-child(8){top: 375px;left: 20px;opacity: 0;}
.split_box .left img:nth-child(9){top: 375px;left: 142px;opacity: 0;}
.split_box .left img:nth-child(10){top: 375px;left: 264px;opacity: 0;}
.split_box .left img:nth-child(11){top: 375px;left: 386px;opacity: 0;}
.split_box .right{max-width: 464px;width: 100%;}
.split_box .right span{font-size: 36px;color: #fff;line-height: 40px;display: block;margin-bottom: 30px;}
.split_box .right p{font-size: 18px;color: #fff;line-height: 30px;}
.function{overflow: initial;padding-top: 60px;}
.function li{max-width: 380px;position: relative;border-radius: 10px;box-shadow: 0 0 20px rgba(0, 0, 0, .3);overflow: hidden;margin-bottom: 50px;transition: all .4s linear;opacity: 0;}
.function li:nth-child(1){transform:translateY(-100px)}
.function li:nth-child(2){transform:translateY(-80px)}
.function li:nth-child(3){transform:translateY(-60px)}
.function li:nth-child(4){transform:translateY(-100px)}
.function li:nth-child(5){transform:translateY(-80px)}
.function li:nth-child(6){transform:translateY(-60px)}
.function li:hover div{height: 100%;}
.function li:hover div span{margin-top: 60px}
.function li:hover div p{margin-top: 5px;display: block;}
.function li>img{max-width:380px;width: 100%;display: block;}
.function li div{width: 100%;height: 140px;position: absolute;bottom: 0px;background: rgba(158,91,233,.8);background: linear-gradient(45deg, rgba(158,91,233,.8),rgba(27,34,171,.8));}
.function li div span{font-size: 24px;color: #fff;font-weight: bold;display: block;text-align: center;margin-top: 20px;}
.function li div p{font-size: 18px;color: #fff;line-height: 24px;width: 264px;text-align: center;margin-top: 10px;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.showoff.iphone-data-recovery{width: 100%;background: #9e5be9;background: -webkit-linear-gradient(-45deg,#9e5be9 0%,#5128c2 100%);background: -moz-linear-gradient(-45deg,#9e5be9 0%,#5128c2 100%);background: -o-linear-gradient(-45deg,#9e5be9 0%,#5128c2 100%);background: linear-gradient(-45deg,#9e5be9 0%,#5128c2 100%);}
#recommend{background: url(/images/video-converter-ultimate/download-bg.jpg) no-repeat center center/cover;}
#more-recommendations{background: #9e5be9;background: linear-gradient(45deg, #9e5be9, #5128c2);}
#affordable{padding-top: 240px;background: #f6f4ff;background: linear-gradient(90deg, #f6f4ff, #eaf9ff);}
#affordable .container{overflow: initial;}
#affordable .container>div:nth-child(2){box-shadow: 0 0 16px 0 rgba(0,0,0,.21);}
#affordable h2,.rec_article_box h2,#more-recommendations h2,.recorder h2{font-weight: normal;}
.recorder ul:nth-child(2) p span{color: #0382da;}
.recorder ul:nth-child(1) li.active{background: #8426e8;color: #fff;}
.recorder ul:nth-child(1) li i{background: url(/images/video-converter-ultimate/icon1.png)}
.recorder{background: #3c4353;}
.recorder ul:nth-child(1) li{background: #3c4353;}
.recorder ul:nth-child(1) li:nth-child(2){border-top: 1px solid #343b45;border-bottom: 1px solid #343b45;box-sizing: border-box;}
.pad,.iphone{display: none;}
.recorder ul:nth-child(2) img{margin-bottom: 15px;}
.convenient{background: #f5f5f5;padding-top: 60px;padding-bottom: 26px;}
.convenient_box>p{font-size: 16px;color: #666;line-height: 30px;text-align: center;margin-top: 10px;}
.convenient_box>div{position: relative;}
.convenient_box>div i{position: absolute;top: 50%;width: 66px;height: 66px !important;background: url(/images/video-converter-ultimate/button-icon.png);cursor: pointer;-webkit-transform: translateY(-50%);transform: translateY(-50%);z-index: 2;}
.convenient_box>div i.left{left: 0px;}
.convenient_box>div i.left.no{background-position-y: -0px;}
.convenient_box>div i.left.active{background-position-y: -132px;}
.convenient_box>div i.right{right: 0px;}
.convenient_box>div i.right.no{background-position-y: -66px;}
.convenient_box>div i.right.active{background-position-y: -198px;}
.convenient_box ul{margin-bottom: 0px;margin-top: 35px;}
.convenient_box ul li{text-align: center;max-width: 1000px;margin: auto;display: none;}
.convenient_box ul li.active{display: block;}
.convenient_box ul li div{position: relative;}
.convenient_box ul li img{width: 100%;}
.convenient_box ul li p{position: absolute;bottom: 0px;left: 0px;font-size: 16px;line-height: 26px;color: #fff;background: rgba(0, 0, 0, .6);width: 100%;border-radius: 0 0 10px 10px;padding:12px 30px;box-sizing: border-box;}
.convenient_box ul li span{font-size: 22px;color: #333;margin-top: 20px;display: block;font-weight: 550;}
.convenient_box .tab_nav{text-align: center;display: none;}
.convenient_box .tab_nav li{width:6px;height: 6px;background: #fcc1d6;border-radius: 10px;margin: 0px 4px;display: inline-block;opacity: 1 !important;}
.convenient_box .tab_nav li.active{background: #ff3d7f;width: 34px;display: inline-block !important;}
#reading_more{width: 100%;margin:0 auto;background-color: #fff;padding:90px 0 70px;}
#reading_more h2{display: block;width: 96%;max-width:960px;font-size: 42px;line-height: 48px;text-align: center;color:#222;border-radius: 6px;}
#reading_more .container{margin:50px auto 0;}
#reading_more .container>ul{float:left;margin:0 0 30px;width: 50%;max-width:586px;box-sizing: border-box;background-color: #fafafa;padding:40px 40px 40px 70px;}
#reading_more .container>ul:nth-child(2){float:right;}
#reading_more .container>ul li{list-style-type: disc;color:#3cade8;padding:4px 0;}
#reading_more li a{font-size:16px;line-height: 24px;color:#333;}
@media screen and (max-width: 1440px){
    .three_d{overflow: hidden;}
    .three_d>img{display: none;}
}
@media screen and (max-width: 1180px){
    .left>img,.right>img,.banner_box>.img img{display: none;}
    .left,.right{height: auto !important;}
    .pad{display: block !important;position: initial !important;transform:initial !important;margin:auto !important;}
    .quality{padding-top: 200px;}
    .quality_box .right,.powerful_box .left,.adjust_box .right,.split_box .right{order: 1;max-width: initial;text-align: center;}
    .quality_box .left,.powerful_box .right,.adjust_box .left,.split_box .left{order: 2;margin: 30px auto 0;}
    #affordable{padding-top: 78px;}
    .function_box{max-width: 800px;margin: auto;}
    .processing_box div{width: 100%;zoom:.9;}
    .processing_box div>img:nth-child(1){display: none;}
    .processing_box div ul{display: flex;justify-content: space-between;display: none;}
    .processing_box div ul li{position: initial;max-width: 300px;}
    .processing_box div ul li img{display: none;}
    .processing_box div>ul li p{margin-top: 5px;}
    .processing_box div{padding-top: 20px;}
    .function li{transform: initial !important;opacity: 1 !important;}
    .powerful>img,.three_d>img{display: none;}
    .three_d .container{flex-direction: column;}
    .three_d .container .left{width: 100%;max-width: 1180px;text-align: center;}
    .three_d .container .right img{position: relative;}
}
@media screen and (max-width: 850px){
    .banner{padding-top: 70px;height: 660px}
    .function li{max-width: 350px;}
    .quality{padding-top: 155px;}
    .quality_box>div{margin-top: 30px}
    .processing{padding-top: 100px;}
    .powerful{padding-bottom: 60px;}
    .adjust_box .left{height: auto;}
    .adjust{padding-bottom: 20px;}
    .function{padding-top: 40px;padding-bottom: 0px;}
    #reading_more h2{font-size: 36px;line-height: 40px;}
    #reading_more .container>ul,#reading_more .container>ul:nth-child(2){float:none;margin:0 auto 20px;width: 96%;}
}
@media screen and (max-width: 600px){
    .banner_box h1{font-size: 36px;color: #fff;line-height: 42px;}
    .banner_box>span:nth-of-type(1){font-size: 24px;margin-bottom: 10px;}
    .banner{height:730px;}
    .banner_box>.img{height: auto;}
    .quality,.processing,.powerful{padding-top: 70px;}
    .quality{padding-top: 90px;}
    h2{font-size: 30px !important;line-height: 36px !important;color: #000445;}
    .quality_box>div{margin-top: 30px;}
    .processing_box div ul{display: none;}
    .processing_box div ul li{margin: 20px auto 0px;}
    .powerful_box>div{margin-top: 10px;}
    .powerful_box .left span{font-size: 24px;line-height: 28px;margin-bottom: 10px}
    .rec_article_box{margin-top: 70px;margin-bottom: 70px;}
    ul.rec-article{margin-top: 10px;}
    .showoff.iphone-data-recovery h2{padding-top: 70px;}
    #affordable h2{margin-bottom: 0px;}
    .processing_box .pad{display: none !important;}
    .processing_box .iphone{display: block !important;}
    .convenient_box ul{margin-top: 20px;}
    .convenient_box ul li p{position: static;background: none;color: #333;padding:12px 0px;}
    .convenient_box ul li span{margin-top: 0px;}
    .convenient_box>div i{display: none;}
    .convenient_box .tab_nav{display: block;margin-top: 10px;}
}