@charset "utf-8";
html, div, body, p, form, img, dd, h1, h2, h3, h4, input{box-sizing:border-box;margin:0 auto;padding:0;font-style:normal; font-family:"Segoe UI", "Arial", "Helvetica", "Verdana", "sans-serif";}
ul li{list-style:none; }
ul{padding:0;}
a, a:link, a:visited{text-decoration:none;color:#222;}
a:hover, a:active{text-decoration:underline;color:#222;}
.clearfloat::after{content:"";display: block;height: 0;clear:both;overflow: hidden;visibility: hidden;}
.clearfloat{zoom:1;}
.flex-box{display:-webkit-box;display: -webkit-flex;display: flex;flex-direction: row;-webkit-box-pack:justify;-webkit-justify-content: space-between;justify-content: space-between;flex-wrap: wrap;}
.container{max-width:1200px; overflow:hidden;padding:0 5px;width:100%;box-sizing: border-box;}
.guide_loading{background: url(/images/free-online-video-converter/guide_loading.gif) no-repeat 0 0;}
.guide_guidechrome{background: url(/images/free-online-video-converter/guidechrome.gif) no-repeat 0 0;}
.guide_guidefirefox{background: url(/images/free-online-video-converter/guidefirefox.gif) no-repeat 0 0;}
.guide_guidefirefox_mac{background: url(/images/free-online-video-converter/guidefirefox_mac.gif) no-repeat 0 0;}
.guide_guideie{background: url(/images/free-online-video-converter/guideie.gif) no-repeat 0 0;}
.guide_guidesafari{background: url(/images/free-online-video-converter/guidesafari.gif) no-repeat 0 0;}
.guide_loading1{background: url(/images/free-online-video-converter/loading.gif) no-repeat 0 0;}
.guide_loading-percent{background: url(/images/free-online-video-converter/loading-percent.gif) no-repeat 0 0;}
.setpoint{position: relative;top: -90px;}
.deeper{position:relative;opacity: 0;top: 90px;}
.upper{top: 0;opacity: 1;}
.bold{font-weight: bold;}
.fixbar a.fix-down{float:left;}
.fixbar span.free_online_video_converter_2 {display: inline-block;border: 2px #fe9601 solid;background-color: #fe9601;color: #fff;border-radius: 50px;font-size: 14px;margin-left: 14px;width: 117px;height: 28px;line-height: 28px;text-align: center;overflow: hidden;cursor: pointer;}
#header .slidingDiv{display:none;margin:0 auto;clear:both;z-index:10000;position:absolute;border:0;box-sizing:unset;top:75px;background-color:#fff;width:100%;padding:19px 0;height:45px;}
#header .slidingDiv #searchcontainer{max-width:1000px;width:95%;margin:0 auto;overflow:hidden}
#header .slidingDiv #search-container{width:100%}
#header .slidingDiv #search-container input#q{width:80%;height:40px;border:1px solid #d3d8dc;border-radius:5px 0 0 5px;font-size:18px;padding-left:5px;color:#CCC}
#header .slidingDiv #search-container input#q,#search-container input#search_btn{float:left}
#header .slidingDiv #search-container input#search_btn{width:60px;height:42px;border-radius:0 5px 5px 0;cursor:pointer;border:1px solid #222;border-left:none;background-color:#222;color:#fff}
#header .slidingDiv #search-container input#search_btn:hover{background-color:#222;color:#fff}
.slidingDiv .topic_wrap h1{background-color:#504e4f;font-size:24px;color:#fff;height:50px;border-radius:5px;line-height:50px;padding-left:19px;max-width:1000px;width:100%}
.slidingDiv #search_result{height:1250px}
.slidingDiv #exclusive_discount{line-height:14px;margin-top:10px;color:#7c7c7c}
#banner{width: 100%;max-width:1920px;padding:64px 0 30px;background: #9c5be9;background:-webkit-linear-gradient(90deg,#9c5be9 0%,#5128c2 100%);background:-moz-linear-gradient(90deg,#9c5be9 0%,#5128c2 100%);background:-o-linear-gradient(90deg,#9c5be9 0%,#5128c2 100%);background:linear-gradient(90deg,#9c5be9 0%,#5128c2 100%);}
#banner.video_compressor{background: #48befb;background: -webkit-linear-gradient(90deg,#48befb 0%,#4c7bf4 100%);background: -moz-linear-gradient(90deg,#48befb 0%,#4c7bf4 100%);background: -o-linear-gradient(90deg,#48befb 0%,#4c7bf4 100%);background: linear-gradient(90deg,#48befb 0%,#4c7bf4 100%);}
#banner .container:nth-child(1){padding:0 0 40px;}
h1{display: block;margin:0 auto;font-size:48px;line-height: 60px;color:#fff;text-align: center;font-weight: 400;}
#banner p{display: block;margin:20px auto 5px;font-size:26px;line-height: 32px;color:#fff;text-align: center;}
#banner .info{font-size:18px;}
#banner .rev{display: block;margin:10px auto;font-size:16px;}
#banner #free_btn_container_1{display: block;position: relative;width: 90%;max-width:480px;height: 84px;line-height: 80px;border-radius:84px;margin:52px auto 13px;font-size:30px;color:#fff;text-align: left;background-color: #ff9600;cursor: pointer;transition: all linear .3s;}
#banner #free_btn_container_1:hover{background-color: #ffb516;box-shadow: 0 0 36px rgba(253, 223, 49, 0.7);}
#banner #free_btn_container_1 img{float:left;margin:25px 15px 0 64px;}
#banner #free_btn_container_1.audio_converter{background-color: #ff9600;max-width:462px;}
#banner #free_btn_container_1.audio_recorder img{margin:25px 30px 0 88px;}
#banner.video_compressor #free_btn_container_1 img{margin:25px 15px 0 80px;}
#banner .download{display:block;margin:0 auto;text-align: center;font-size:18px;line-height: 24px;color:#fff;}
/*heic banner*/
#banner.heic_converter{background: #529bff;background:-webkit-linear-gradient(90deg,#529bff 0%,#17cac2 100%);background:-moz-linear-gradient(90deg,#529bff 0%,#17cac2 100%);background:-o-linear-gradient(90deg,#529bff 0%,#17cac2 100%);background:linear-gradient(90deg,#529bff 0%,#17cac2 100%);}
#banner.heic_converter a.download{color: #ffcc00;}
#banner #dropBox{position:relative;margin:36px auto 24px;box-sizing:border-box;width:100%;max-width:468px;height: 170px;padding:29px 30px 0;border:1px dashed rgba(255,255,255,.6);}
#banner #dropBox .drop_box_mask{display:block;position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-color: #fff;}
#banner #dropBox .drop_box_mask img{display: inherit;margin:30px auto 0;}
#banner #dropBox .drop_box_mask p{display: inherit;margin: 30px auto 0;font-size:28px;color:#222;}
#banner .desktop{display: block;margin:0 auto;width: 100%;max-width:375px;text-align: center;font-size:18px;color:rgba(2,130,217,1);}
#banner .desktop i{display: inline-block;margin-right: 14px;width: 17px;height: 17px;background: url(/images/free-online-heic-converter/icon.png) 0 -51px no-repeat;vertical-align: -3px;}
#banner .desktop:hover{color:rgba(2,130,217,1);}
#banner .desktop:hover i{background-position: 0 -51px;}
#banner .upload_zone p:nth-child(1){margin:0 auto;}
#banner .upload_zone p:nth-child(2){margin:10px auto 0;color:#fff;font-size: 18px;}
#banner .upload_zone p:nth-child(3){margin:0 auto;font-size:14px;color:#fff;line-height: 14px;}
#banner .upload_zone p button{display:block;width: 300px;height: 60px;margin:0 auto;border:0;border-radius:33px;background:linear-gradient(to right,#ff855b ,#fc694c);color:#fff;font-size:20px;outline: 0;cursor: pointer;transition: all .3s;}
#banner .upload_zone p button img{display: inline-block;margin-right: 16px;vertical-align: -4px;}
#banner .upload_zone p button:hover{box-shadow: 0 0 20px 4px rgba(252,113,81,.51);}
#banner .progress-box{display:block;width:100%; text-align: center; max-width: 1200px;}
.iphone-eraser-nav>div>a{width: 180px;border-radius: 34px;}
#banner .clear_down{display:none;margin:0 30px;width: 94%;max-width:120px;height: 40px;color:#fff;font-size:16px;line-height: 40px;}
#banner .clear_down span{float:left;cursor: pointer;}
#banner .clear_down span:hover{color:#fff;}
#banner .clear_down span i{display: inline-block;margin-right: 6px;width: 24px;height: 24px;vertical-align: -3px; background: url(/images/free-online-heic-converter/remove.png) no-repeat 0 0;}
#banner .clear_down a{float:right;color:#666;}
.progress-box .item{margin-top: 10px;height: 47px;background: #edf1fa;border-radius: 50px;line-height: 47px;box-sizing: border-box;text-align: left;}
.progress-box .item::after{content:"";display: block;height: 0;clear:both;overflow: hidden;visibility: hidden;}
.progress-box .name{display: inline-block;width: 23.272%;overflow: hidden;margin-right: 1.818%;color: #666;padding-left: 3.636%;box-sizing: border-box;white-space: nowrap;text-overflow: ellipsis;vertical-align: top;line-height: 47px;}
.progress-box .original-size{color: #06a475;width: 8.272%;display: inline-block;vertical-align: top;}
.progress-box .size{display:none;color: #06a475;width: 8.272%;vertical-align: top;}
.progress-box .progress-item{display: inline-block;margin:15px 0;position: relative;box-sizing:border-box;width:100%;max-width:395px;height: 16px;font-size: 12px;line-height: 32px;border-radius: 30px;overflow: hidden;text-align: center;vertical-align: top;}
.progress-box .progress-item .progress-bar{width:0%;background-color: #3c97e6;height: 18px;border-radius: 30px;font-size:12px;color:#fff;line-height: 16px;}
.progress-box .progress-item .progress-bar-success{background-color: #32bfb4;}
.progress-box .progress-item .progress-bar-danger{background-color:#fb6a4d;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;padding:0 2px;}
.progress-box .download-box{width:90px;line-height: 47px;height: 47px;text-align: left;display: none;vertical-align: top;margin-left: 75px;}
.progress-box .download-box.active{display: inline-block;}
.progress-box .download-box a{display: inline-block;width: 0;height: 0;}
.progress-box .download-box a:nth-child(1){display: inline-block;width: 180px;color:#32bfb4;}
.progress-box .download-box span{display: inline-block;color:#666;}
.progress-box .clearfix{display:inline-block;width:100px;line-height: 47px;height: 47px;text-align: left;cursor: pointer;margin-left: 60px;color:#fc6a4d;}
.progress-box .clearfix:hover{color:#fc6a4d;}
.progress-box .original-feedback{width:90px;line-height: 47px;height: 47px;text-align: left;display: none;vertical-align: top;margin-left: 75px;color:#2777ea;cursor: pointer;}
.progress-box .original-feedback.active{display: inline-block;}
.button-container{margin:0 auto;}
#banner .btn-download{width: 265px;height: 54px;display: none;margin: 30px auto 0px;text-align: center;border-radius: 50px;background: #5282fb;font-size: 20px;color: #fff;line-height: 54px;box-shadow: 0 11px 19px rgba(32, 83, 213, .35);cursor: pointer;}
#banner .btn-download i{width: 26px;height: 22px;background: url(/images/free-online-image-compressor/down.png);display: inline-block;vertical-align: -3px;margin-right: 15px;}
#banner .btn-download:hover{text-decoration: none;background: #6792ff;}
/*pdf compressor*/
#banner.pdf_compressor{background: #529bff;background:-webkit-linear-gradient(90deg,#529bff 0%,#54adf2 100%);background:-moz-linear-gradient(90deg,#529bff 0%,#54adf2 100%);background:-o-linear-gradient(90deg,#529bff 0%,#54adf2 100%);background:linear-gradient(90deg,#529bff 0%,#54adf2 100%);}
#steps{width: 100%;text-align: center;}
#steps h2{display: block;margin:0 auto 47px;font-size:42px;line-height: 48px;color:#222;font-weight: 550;}
#steps .container{justify-content: space-around;max-width:1160px;width: 90%;padding:74px 0 85px;}
#steps .container>div{margin:0 0 20px;width: 210px;}
#steps.pdf_compressor .container>div{width: 240px;}
#steps.audio_recorder .container>div{width: 280px;}
#steps .container>div:nth-child(2n){width: 168px;margin:0 -10px;}
#steps .arrow{display: block;margin:50px auto;}
#steps .img_step{display: block;margin:0 auto 18px;}
#steps p{display: block;font-size:18px;line-height: 24px;color:rgba(51,51,51,1)}
#compare{width: 100%;margin:0 auto;padding:0 0 104px;}
#compare .container{-webkit-align-items: center;align-items: center;overflow: visible;max-width: 1210px;}
#compare .left{width: 600px;min-height:520px;padding:54px 90px 34px;box-shadow: 0 0 15px 0 rgba(0,0,0,.14);border-radius: 10px;}
#compare .left img{display: block;margin:0 auto;}
#compare .left .title{display: block;margin:22px auto 25px;text-align: center;font-size:30px;line-height: 30px;color:#333;font-weight: 550;}
#compare .left li{list-style: disc;list-style-position:inside ;font-size:18px;line-height: 30px;color:#333;}
#compare .free_online_video_converter_2{display: block;margin:31px auto 0;width: 225px;height: 58px;text-align: center;color:#fff;line-height: 56px;text-align: center;font-size:24px;border-radius:5px;background-color: #2777ea;cursor: pointer;}
#compare .free_online_video_converter_2:hover{background-color: #5299ff;}
#compare .right{position:relative;width: 600px;min-height:586px;padding:54px 40px 0;box-shadow: 0 0 15px 0 rgba(0,0,0,.14);border-radius: 10px;background-color: #30a8e5;background:-webkit-linear-gradient(90deg,#30a8e5 0%,#a67bff 100%);background:-moz-linear-gradient(90deg,#30a8e5 0%,#a67bff 100%);background:-o-linear-gradient(90deg,#30a8e5 0%,#a67bff 100%);background:linear-gradient(90deg,#30a8e5 0%,#a67bff 100%);}
#compare.video_compressor .right{background: #48befb;background: -webkit-linear-gradient(90deg,#48befb 0%,#4c7bf4 100%);background: -moz-linear-gradient(90deg,#48befb 0%,#4c7bf4 100%);background: -o-linear-gradient(90deg,#48befb 0%,#4c7bf4 100%);background: linear-gradient(90deg,#48befb 0%,#4c7bf4 100%);}
#compare .right ul{width: 80%;margin:0 auto 5px;}
#compare .right img{display: block;margin:0 auto;}
#compare .right .title{display: block;margin:25px auto 16px;text-align: center;font-size:30px;line-height: 30px;color:#fff;font-weight: 550;}
#compare .right li{list-style: disc;list-style-position:inside ;font-size:18px;line-height: 30px;color:#fff;}
#compare .right a{display: block;margin:30px auto 0;width: 225px;height: 58px;text-align: center;color:#2777ea;font-size:24px;line-height: 56px;text-decoration: none;text-indent: 8px;transition: all linear .3s;}
#compare .right>a:hover{box-shadow: 0 0 15px 0 rgba(0,0,0,.3);background-color: #e2eeff;}
#compare .right a.free_sup_ver_win{background:#fff url(/images/free-online-audio-converter/win.png) no-repeat 33px center;border-radius: 5px;}
#compare .right a.free_sup_ver_mac{background:#fff url(/images/free-online-audio-converter/mac.png) no-repeat 33px center;border-radius: 5px;}
#compare .right .pro{position: absolute;right: -11px;top: 25px;}
#compare .right .nowatermark{text-align: center;font-size:16px;line-height: 20px;color:#fff;}
#compare .safe{display: block;margin:10px auto 0;text-align: center;font-size:16px;color:#fff;}
#compare .safe img{display: inline-block;margin:0 12px 0 0;vertical-align: -7px;}
#compare .banner_intell{margin:10px auto;font-size: 16px;line-height: 20px;height: 20px;color:#fff;text-align: center;}
#compare .banner_intell a {font-size: 16px;display: inline-block;margin: 0;width: unset;height: unset;line-height: 20px;vertical-align: -4px;}
#compare.heic_converter .container h2{color: #222222;margin: 20px auto 44px;font-size: 36px;}
#compare .dee_div{min-width: 1197px;box-shadow: 0px 4px 27px 0px rgba(130, 135, 142, 0.25);border-radius: 23px;}
#compare .dee_div .left{width: 600px;min-height:520px;padding:49px 87px 80px 46px;background: #F6F6FF;border-radius: 23px 0px 0px 23px;}
#compare .dee_div .left .l_img{width: 220px;height: 200px;}
#compare .dee_div .left .l_img img{display: block;margin:0 auto;}
#compare .dee_div .left li{list-style: disc;list-style-position:inside ;font-size:18px;line-height: 30px;}
#compare .dee_div .free_online_video_converter_2{display: block;margin:31px auto 0;width: 225px;height: 58px;text-align: center;color:#fff;line-height: 56px;text-align: center;font-size:24px;border-radius:5px;background-color: #2777ea;cursor: pointer;}
#compare .dee_div .free_online_video_converter_2:hover{background-color: #5299ff;}
#compare .dee_div .center{width: 86px;height: 163px;position: absolute;transform: translate(555px,50%)}
#compare .dee_div .right{position:relative;width: 600px;min-height:520px;padding:49px 46px 80px 83px;border-radius: 0px 23px 23px 0px;background-color: #30a8e5;background:-webkit-linear-gradient(90deg,#30a8e5 0%,#a67bff 100%);background:-moz-linear-gradient(90deg,#30a8e5 0%,#a67bff 100%);background:-o-linear-gradient(90deg,#30a8e5 0%,#a67bff 100%);background:linear-gradient(90deg,#30a8e5 0%,#a67bff 100%);}
#compare .dee_div.video_compressor .right{background: #48befb;background: -webkit-linear-gradient(90deg,#48befb 0%,#4c7bf4 100%);background: -moz-linear-gradient(90deg,#48befb 0%,#4c7bf4 100%);background: -o-linear-gradient(90deg,#48befb 0%,#4c7bf4 100%);background: linear-gradient(90deg,#48befb 0%,#4c7bf4 100%);}
#compare .dee_div .right ul{width: 80%;margin:0 auto 5px;}
#compare .dee_div .right .r_img{width: 220px;height: 200px;}
#compare .dee_div .right .r_img img{display: block;margin:0 auto;}
#compare .dee_div .title{display: block;margin:25px auto 24px;text-align: center;font-size:26px;line-height: 30px;font-weight: 550;width: 100%;color: #1D1749;}
#compare .dee_div .info{font-size: 16px;line-height: 26px;text-align: center;width: 100%;display: block;color: #1D1749;}
#compare .dee_div .right a{display: block;margin:30px auto 0;width: 225px;height: 58px;text-align: center;color:#2777ea;font-size:24px;line-height: 56px;text-decoration: none;text-indent: 8px;transition: all linear .3s;}
#compare .dee_div .right>a:hover{background-color: #e2eeff;}
#compare .dee_div .right a.free_sup_ver_win{background:#fff url(/images/free-online-audio-converter/win.png) no-repeat 33px center;border-radius: 5px;}
#compare .dee_div.heic_converter .right a.download{background:#2777ea url(/images/free-online-heic-converter/win.png) no-repeat 33px center;border-radius: 5px;color:#fff;}
#compare .dee_div.heic_converter .right a.download:hover{background-color: #5299ff;box-shadow: none;}
#compare .dee_div .right a.free_sup_ver_mac{background:#fff url(/images/free-online-audio-converter/mac.png) no-repeat 33px center;border-radius: 5px;}
#compare .dee_div .right .pro{position: absolute;right: -11px;top: 25px;}
#compare .dee_div .right .nowatermark{text-align: center;font-size:16px;line-height: 20px;color:#fff;}
#compare .dee_div .safe{display: block;margin:10px auto 0;text-align: center;font-size:16px;color:#fff;}
#compare .dee_div .safe img{display: inline-block;margin:0 12px 0 0;vertical-align: -7px;}
#compare .dee_div .banner_intell{margin:10px auto;font-size: 16px;line-height: 20px;height: 20px;color:#fff;text-align: center;}
#compare .dee_div .banner_intell a {font-size: 16px;display: inline-block;margin: 0;width: unset;height: unset;line-height: 20px;vertical-align: -4px;}
#compare.heic_converter .left li,#compare.heic_converter .right li,#compare.heic_converter .safe{color:#222;}
#compare.heic_converter .right{background: #FFFFFF;}
#formats{width: 100%;max-width: 1920px;padding:42px 0;position: relative;}
#formats .container{position: relative;z-index: 2;}
#formats >img{display: block;width: 80%;max-width: 952px;position: absolute;right: 0;bottom: 0;z-index: 1;}
#formats .left{padding:20px 0 0;margin: 0 0 30px;max-width:550px;}
#formats .right{max-width:526px;margin:0;}
#formats .right img{display: block;margin:0 auto;width: 100%;}
#formats .left h2{display: block;width: 100%;margin: 0 0 24px;font-weight:450;font-size:36px;line-height: 45px;color:#333;text-align: left;}
#formats .left .info{display: block;width: 100%;margin: 0;font-size:16px;line-height: 30px;color:#333;text-align: left;}
#formats .free_online_video_converter_2{display: block;margin:33px 0 0;width: 225px;height: 58px;text-align: center;color:#fff;line-height: 56px;text-align: center;font-size:24px;border-radius:5px;background-color: #2777ea;cursor: pointer;}
#formats .free_online_video_converter_2:hover{background-color: #5299ff;}
#video_types{width: 100%;max-width: 1920px;padding:44px 0 68px;position: relative;background: #fff;}
#video_types .container{position: relative;z-index: 2;}
#video_types >img{display: block;width: 80%;max-width: 897px;position: absolute;left: 0;bottom: 0;z-index:1;}
#video_types .right{padding:10px 0;margin: 0 0 30px;max-width:550px;}
#video_types .left{max-width:496px;margin:0;}
#video_types .left img{display: block;margin:0 auto;width: 100%;max-width:496px;}
#video_types .right h2{display: block;width: 100%;margin: 0 0 24px;font-weight:450;font-size:36px;line-height: 45px;color:#333;text-align: left;}
#video_types .right .info{display: block;width: 100%;margin: 0;font-size:16px;line-height: 30px;color:#333;text-align: left;}
#video_types .free_online_video_converter_2{display: block;margin:33px 0 0;width: 225px;height: 58px;text-align: center;color:#fff;line-height: 56px;text-align: center;font-size:24px;border-radius:5px;background-color: #2777ea;cursor: pointer;}
#video_types .free_online_video_converter_2:hover{background-color: #5299ff;}
#rocket{width: 100%;max-width: 1920px;padding:42px 0 92px;position: relative;}
#rocket .container{position: relative;z-index: 2;}
#rocket >img{display: block;width: 80%;max-width: 952px;position: absolute;right: 0;bottom: 0;z-index: 1;}
#rocket .left{padding:20px 0 0;margin: 0 0 30px;max-width:550px;}
#rocket .right{width:518px;margin:0;}
#rocket .right img{display: block;margin:0 auto;width: 100%;max-width: 518px;}
#rocket .left h2{display: block;width: 100%;margin: 0 0 24px;font-weight:450;font-size:36px;line-height: 45px;color:#333;text-align: left;}
#rocket .left .info{display: block;width: 100%;margin: 0;font-size:16px;line-height: 30px;color:#333;text-align: left;}
#rocket .free_online_video_converter_2{display: block;margin:33px 0 0;width: 225px;height: 58px;text-align: center;color:#fff;line-height: 56px;text-align: center;font-size:24px;border-radius:5px;background-color: #2777ea;cursor: pointer;}
#rocket .free_online_video_converter_2:hover{background-color: #5299ff;}
.types{border-top:1px solid #e0e0e0;border-right:1px solid #e0e0e0;border-collapse:collapse;}
.types tr{border-bottom:1px solid #e0e0e0;height:95px;}
.types tr td:first-child{width:25%;background:#0382da;color:#fff;font-size:20px;text-align:center;line-height: 30px;word-break: break-all;}
.types tr td:last-child{box-sizing:border-box;width:70%;line-height:34px;padding-right:2%;font-size:18px;vertical-align:middle;padding-left: 2%;color: #666;word-break: break-all;}
.product_comparison tr td{word-break: break-all;background: #0382da;height: 77px;text-align: center;font-size: 20px;color: #fff;border: 1px solid #fff;border-left:none;border-top: none;}
.product_comparison tr td.active{background: #fff;border: 1px solid #eee;border-top: none;border-left: none;}
#all_supply{width: 100%;margin:0 auto;padding:94px 0 101px;background: #eff3fc;}
#all_supply h2{display: block;margin:0 auto;font-size:42px;line-height: 48px;color: #222;width: 96%;max-width:960px;text-align: center;font-weight: 450;}
#all_supply .container{margin:47px auto 0;max-width:1210px;}
#all_supply .item_supply{margin:0 0 15px;width: 392px;min-height:385px;padding:60px 40px;background-color: #fff;border-radius: 20px;text-align: center;}
#all_supply .item_supply img{display: block;margin:0 auto;}
#all_supply .item_supply .title{display: block;margin:28px auto 12px;font-size: 24px;line-height: 24px;color:#222;}
#all_supply .item_supply .info{display: block;margin:0 auto;font-size: 16px;line-height: 30px;color:#222;}
.requirements{margin-top:70px;margin-bottom: 80px;overflow:hidden;width: 96%;}
.requirements h2{font-size:42px;color:#222;line-height:42px;text-align:center;margin-bottom:70px;font-weight:550;}
.requirements ul{width:98%;color:#666;font-size:16px;line-height:30px;max-width: 400px;margin:16px auto;}
.requirements ul li{margin-bottom:10px}
.requirements ul li span{font-weight:700;color:#222}
.requirements_main ul{float: none !important;margin: auto;}
.showoff.iphone-data-recovery{width:100%;background: url(/images/video-converter-ultimate/bg3.jpg) no-repeat center center/cover;}
.showoff.iphone-data-recovery.audio_recorder{background: #179cd6;background:-webkit-linear-gradient(90deg,#179cd6 0%,#a67bff 100%);background:-moz-linear-gradient(90deg,#179cd6 0%,#a67bff 100%);background:-o-linear-gradient(90deg,#179cd6 0%,#a67bff 100%);background:linear-gradient(90deg,#179cd6 0%,#a67bff 100%);}
.showoff.iphone-data-recovery.heic_converter{background: #529bff;background:-webkit-linear-gradient(90deg,#529bff 0%,#17cac2 100%);background:-moz-linear-gradient(90deg,#529bff 0%,#17cac2 100%);background:-o-linear-gradient(90deg,#529bff 0%,#17cac2 100%);background:linear-gradient(90deg,#529bff 0%,#17cac2 100%);}
.showoff.iphone-data-recovery.video_compressor{background: #48befb;background: -webkit-linear-gradient(90deg,#48befb 0%,#4c7bf4 100%);background: -moz-linear-gradient(90deg,#48befb 0%,#4c7bf4 100%);background: -o-linear-gradient(90deg,#48befb 0%,#4c7bf4 100%);background: linear-gradient(90deg,#48befb 0%,#4c7bf4 100%);}
.showoff.iphone-data-recovery.pdf_compressor{background: #529bff;background:-webkit-linear-gradient(90deg,#529bff 0%,#54adf2 100%);background:-moz-linear-gradient(90deg,#529bff 0%,#54adf2 100%);background:-o-linear-gradient(90deg,#529bff 0%,#54adf2 100%);background:linear-gradient(90deg,#529bff 0%,#54adf2 100%);}
.showoff.iphone-data-recovery .container{padding:0 100px 90px;}
.showoff.iphone-data-recovery .info-slides{margin:0 auto;max-width:1040px;min-height:286px;border-radius:10px;background-color: #fff;}
.showoff.iphone-data-recovery .info-slides ul{position: absolute;}
.showoff.iphone-data-recovery h2{padding:100px 0 40px;font-size:42px;line-height: 48px;text-align: center;color:#fff;font-weight: 400;}
.showoff.iphone-data-recovery .unslider-arrow.prev{width: 42px;height: 85px;left:-80px;background: url(/images/iphone-data-recovery/next.png) 0 0 no-repeat;-webkit-transform: rotate(180deg);transform: rotate(180deg);}
.showoff.iphone-data-recovery .unslider-arrow.next{width: 42px;height: 85px;right:-80px;background: url(/images/iphone-data-recovery/next.png) 0 0 no-repeat;}
.showoff.iphone-data-recovery li{float:left;max-width:1040px;font-size:16px;line-height: 52px;color:#333;text-align: center;}
.showoff.iphone-data-recovery li p{display:block;position:relative;margin:31px auto 35px;width: 90%;font-size:16px;line-height: 30px;color:#222;text-indent: 40px;}
.showoff.iphone-data-recovery li p::before{position:absolute;left:0;top: -26px;content:"";display: block;width: 32px;height: 26px;background: url(/images/iphone-data-recovery/singles.png) 0 0 no-repeat;}
.showoff.iphone-data-recovery li p::after{position:absolute;bottom:-26px;right:0;content:"";display: block;width: 32px;height: 26px;background: url(/images/iphone-data-recovery/singles.png) 0 0 no-repeat;transform: rotate(180deg)}
.showoff.iphone-data-recovery li img{vertical-align: middle;margin-right: 20px;}
.showoff.iphone-data-recovery .five_stars{margin:35px auto 0;max-width: 122px;}
.showoff.iphone-data-recovery .five_stars i{float:left;width: 16px;height: 16px;margin:0 4px;background: url(/images/iphone-data-recovery/star.png) no-repeat;}
.unslider{margin:0;padding:0;clear:both;position:relative;max-width:1350px;margin:0 auto;}.unslider-wrap{position:relative}.unslider-wrap.unslider-carousel li{float:left}.unslider-vertical>ul{height:100%}.unslider-vertical li{float:none;width:100%}.unslider-fade{position:relative}.unslider-fade .unslider-wrap li{position:absolute;left:0;top:0;right:0;z-index:8}.unslider-fade .unslider-wrap li.unslider-active{z-index:10}.unslider li,.unslider ol,.unslider ul{list-style:none;margin:20px auto;padding:0;border:none}.unslider-arrow{position:absolute;left:0px;z-index:0;cursor:pointer}.unslider-arrow.next{left:auto;right:0px}
.unslider-arrow{text-indent:-999em;width:34px;height:88px;display:block;top:206px;}
.unslider-arrow.next{background:url(/images/3d-converter/arrow-right.png) no-repeat;left:auto;top:35%;}
.unslider-arrow.prev{background:url(/images/3d-converter/arrow-left.png) no-repeat;right:auto;top:35%;}
.unslider-nav{position:absolute;top:280px;left:50%;-webkit-transform: translateX(-50%);transform: translateX(-50%);}
.unslider-nav ol{list-style:none;text-align:center;}
.unslider-nav ol li{display:inline-block;float:none;width:6px;height:6px;margin:0 4px;padding:3px;background:transparent;border-radius:100px;overflow:hidden;text-indent:-999em;cursor:pointer;opacity: .4;}
.unslider-nav ol li.unslider-active{cursor:default;opacity:1;}
/*faq section*/
#faq_section{width: 100%;box-sizing:border-box;margin:30px auto 0;padding:60px 0 20px;}
#faq_section h2{display: block;width: 90%;margin:0 auto 30px;font-size:36px;line-height: 48px;text-align: center;color:#222;font-weight: 600;}
#faq_section.others{margin:76px auto;max-width:1200px;}
#faq_section.others h2{margin:0 auto 40px;}
#faq_section .faq_items{border-top:1px solid #e2e7ea;}
#faq_section .faq_inner{border-bottom:1px solid #e2e7ea;}
#faq_section .faq_questions{position:relative;box-sizing: border-box;padding:17px 30px 22px 22px;cursor: pointer;}
#faq_section .faq_questions p{display: block;box-sizing:border-box;margin:0;font-size:18px;color:#222;}
#faq_section .faq_questions::before{display: block;position: absolute;content: "";top:24px;left: 5px;width: 0;height: 24.5%;border-left:3px solid #3d81d4;}
#faq_section .faq_questions::after{display: block;position: absolute;content: "";top:20px;right: 13px;width: 26px;height: 14px;background: url(/images/article/slide-down.png) 0 0 no-repeat;}
#faq_section .faq_items:hover .faq_questions{color:#3d81d4;}
#faq_section .faq_questions.active::after{background: url(/images/article/slide-up.png) 0 0 no-repeat;}
#faq_section .faq_answers{box-sizing:border-box;display:none;margin:-8px 0 0;box-sizing: border-box;padding:0 22px 16px;}
#faq_section .faq_answers p{box-sizing:border-box;font-size:16px;color:#222;}
#desktop_zoon{width: 100%;margin:0 auto;padding:52px 0 47px;background:url(/images/free-online-audio-converter/desktop-zoon-bg.jpg) no-repeat center 0;}
#desktop_zoon h2{display: block;margin:0 auto;width: 96%;max-width:960px;font-size: 40px; line-height: 48px;color:#2777ea;font-weight: 550;text-align: center;}
#desktop_zoon .info{display: block;margin:7px auto 32px;font-size: 18px; line-height: 30px;color:#333;font-weight: bold;text-align: center;}
#desktop_zoon .info span{font-size: 24px;color:#ff9600;}
#desktop_zoon a{display: block;margin:0 auto;width: 96%;max-width:360px;height: 50px;line-height: 50px;text-align: left;border-radius: 50px;color:#fff;background-color: #2777ea;}
#desktop_zoon a img{display: inline-block;vertical-align: -4px;margin:0 26px 0 50px;}
#desktop_zoon .free_online_image_compressor {display: block;margin: 0 auto;width: 96%;max-width: 360px;height: 50px;line-height: 50px;text-align: center;border-radius: 50px;color: #fff;background-color: #2777ea;cursor: pointer;}
#more_tips{padding: 70px 0 40px;}
.distance-top h2{font-weight: lighter;font-size: 42px;text-align: center;padding: 20px 0;line-height: 42px;}
ul.rec-article{display:block;overflow:hidden;margin:35px auto 45px;width:100%;}
ul.rec-article li{float:left;width:25%;margin:13px 2%;background:url(/images/iphone-data-recovery/down-buy.png) no-repeat 0 -166px;padding-left:30px;}
ul.rec-article li.img-text-a{background:url(/images/screen-recorder/movie2k.jpg) no-repeat 30px 0;width:302px;height:139px;}
ul.rec-article li.img-text-b{background:url(/images/screen-recorder/viki.jpg) no-repeat 30px 0;width:302px;height:139px;}
ul.rec-article li.img-text-c{background:url(/images/screen-recorder/anime.jpg) no-repeat 30px 0;width:302px;height:139px;}
ul.rec-article li a{color:#666;}
ul.rec-article li.img-text-a a span, ul.rec-article li.img-text-b a span, ul.rec-article li.img-text-c a span{display:block;width:100%;background:rgba(34,34,34,0.5);color:#fff;text-align:center;font-size:14px;padding:10px 0;margin-top:100px;}
ul.rec-article li.img-text-a a:hover span, ul.rec-article li.img-text-b a:hover span, ul.rec-article li.img-text-c a:hover span{padding:20px 0;margin-top:80px;}
#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;font-weight: 400;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;}
/* more recommendations */
#more-recommendations{background: #9e5be9;background:-webkit-linear-gradient(90deg,#9e5be9 0%,#32b2e6 100%);background:-moz-linear-gradient(90deg,#9e5be9 0%,#32b2e6 100%);background:-o-linear-gradient(90deg,#9e5be9 0%,#32b2e6 100%);background:linear-gradient(90deg,#9e5be9 0%,#32b2e6 100%);}
#more-recommendations{padding:75px 0 30px;}
#more-recommendations h2{margin-bottom:40px;color:#fff;font-size:42px;text-align: center;font-weight: normal;}
#more-recommendations .flex-box{-webkit-flex-wrap:wrap;width:1200px;justify-content:space-around;-webkit-justify-content:space-around;}
#more-recommendations .flex-box a{display:block;}
#more-recommendations .flex-box>div{background:#fff;width:380px;min-height:323px;border-radius:10px;text-align:center;margin:0 0 30px;padding-bottom:20px;}
#more-recommendations .flex-box>div:hover{box-shadow:0 0 27px rgba(20,68,141,.79);}
#more-recommendations .flex-box>div .app-img{width:67px;height:67px;margin:33px auto 10px;}
#more-recommendations .flex-box>div .app-img img{max-width:100%;}
#more-recommendations .flex-box>div .app-name{display:inline-block;font-size:18px;margin-bottom:10px;}
#more-recommendations .flex-box>div p{font-size:16px;line-height:28px;color:#666;margin:0 auto;text-align:center;max-width:340px;width:95%;}
#more-recommendations .flex-box>div .btn-box{-webkit-flex-wrap:wrap;margin-top:15px;max-width:335px;}
#more-recommendations .flex-box>div .btn-box a{background:#2a80d0;width:162px;height:36px;line-height:36px;text-align:center;color:#fff;border-radius:5px;vertical-align: middle;margin-bottom:10px;}
#more-recommendations .flex-box>div .btn-box a.win-down i{display:inline-block;width:20px;height:20px;background:url(/images/ios-data-backup-and-restore/windows.png);margin-right:10px;vertical-align: -15%;}
#more-recommendations .flex-box>div .btn-box a.mac-down i{display:inline-block;width:20px;height:20px;background:url(/images/ios-data-backup-and-restore/mac.png);margin-right:10px;vertical-align: -15%;}
#more-recommendations .flex-box>div .btn-box a:hover{background:#3f96e6;text-decoration: none;}
@media(max-width:1366px){
.center{width: 1200px;}
}
@media(max-width:1200px){
.center{width: 100%;}
#compare .container{justify-content: center;}
#compare .left{width: 500px;margin: 0;padding:54px 40px 0;}
#compare .right{width: 500px;margin: 0;padding:74px 40px 0;}
#all_supply .container{justify-content: center;}
#all_supply .item_supply{margin:0 8px 15px;}
.progress-box .progress-item{max-width:350px;}
/* more-recommendations */
#more-recommendations .flex-box{width:100%;max-width:1200px;}
#more-recommendations .flex-box>div{width:95%;max-width:380px;}
#compare.heic_converter{padding-bottom: 34px;}
#compare .dee_div{min-width: 0px;}
#compare .dee_div .left{width: 500px;margin: 0;padding:54px 40px 30px;}
#compare .dee_div .right{width: 500px;margin: 0;padding:54px 40px 30px;}
}
@media(max-width:1080px){
.progress-box .item{width: 96%;}
.progress-box .progress-item{max-width:300px;}
.progress-box .download-box{margin-left: 55px;}
.progress-box .clearfix{margin-left: 40px;}
.showoff.iphone-data-recovery li p::after,.showoff.iphone-data-recovery li p::before{display: none;}
#formats .left,#rocket .left{width:500px;padding:0 0 0 40px;}
#steps .container>div:nth-child(2n){display: none;}
}
@media(max-width:1024px){
#compare .dee_div .center{transform: translate(456px,50%);}
#formats .left,#rocket .left,#video_types .left,#formats .right,#rocket .right,#video_types .right{width:90%;max-width:550px;padding:0;margin:0 auto 30px;}
#video_types .left{order:2;}
#faq_section .faq_questions{padding:17px 60px 22px 22px;}
#faq_section .faq_questions::after{top: 24px;right: 20px;}
#desktop_zoon{padding:40px 0;}
#desktop_zoon .info{margin: 12px auto 20px;}
}
@media (max-width:840px){
#banner{background-position: center 0;padding:60px 0 0;}
h1{font-size:44px;width: 90%;line-height: 48px;}
#banner .container>p{width: 90%;}
#banner #free_btn_container_1{margin:30px auto 13px;}
#compare .dee_div{background: #FFFFFF;box-shadow: none;}
#compare .dee_div .left{border-radius: 23px;}
#compare.heic_converter .left{background: #F6F6FF;margin: 20px 0 20px;}
#compare.heic_converter .right{background: #F6F6FF;margin: 20px 0 20px;border-radius: 23px;}
#compare .dee_div .left{box-shadow: 0px 4px 27px 0px rgb(130 135 142 / 25%);}
#compare .dee_div .right{box-shadow: 0px 4px 27px 0px rgb(130 135 142 / 25%);}
#compare .dee_div .center{width: 0;height: 0;}
.progress-box .original-size{width: 100%;max-width:80px;}
.progress-box .progress-item{max-width:200px;}
.progress-box .download-box{margin-left: 20px;}
.progress-box .clearfix{margin-left: 20px;}
#steps .arrow{display: none;}
#compare .dee_div .center{display: none;}
#compare .left{width: 600px;margin: 0;padding:54px 60px 0;}
#compare .right{width: 600px;margin: 0;padding:74px 60px 0;}
#header .slidingDiv{top: 66px;}
#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 (max-width:780px){
#compare .dee_div{-webkit-justify-content: center;justify-content: center;}
.progress-box .clearfix {display: none;}
.progress-box .progress-item{max-width:250px;}
.center{padding: 0 10px;}
ul.rec-article li {width: 98%;margin: 10px auto;}
.online-btn img{display: none;}
}
@media (max-width:640px){
#compare .dee_div .left,#compare .dee_div .right{width: 100%;max-width: 500px;}
.progress-box .original-size{width: 100%;max-width:80px;}
.progress-box .progress-item{max-width:100px;}
.progress-box .download-box{margin-left: 10px;width: 75px;}
.progress-box .clearfix{margin-left: 10px;width: 66px;}
#steps .container{flex-direction: column;}
}
@media screen and (max-width:480px){
.free_btn{width: 98%;}
.online-btn{padding-top:0;}
.online-btn img{display: none;}
#banner {background: none;padding:0;}
#banner .container:nth-child(1){padding:60px 0 40px;}
#banner.video_converter .container:nth-child(1){background-color: #2372e7;padding:60px 0 40px;}
#banner #free_btn_container_1{margin: 13px auto;height: 60px;line-height: 58px;font-size: 26px;}
#banner #free_btn_container_1 img{margin:10px 15px 0 36px}
#banner #free_btn_container_1.audio_recorder img{margin:10px 15px 0 56px}
#banner #dropBox{padding:37px 0 0;margin:30px auto;height: 200px;}
#banner #dropBox .drop_box_mask p{margin:10px auto 0;}
#banner.pdf_compressor #upload_zone{width: 96%;}
.progress-box .original-size{display: none;}
.progress-box .progress-item{width: 60px;}
.progress-box .download-box{margin-left: 5px;}
.progress-box .clearfix{display: none;}
#compare .left,#compare .right{max-width: 500px;width: 96%;margin: 0;padding:30px 20px;}
.requirements h2,#desktop_zoon h2,#faq_section h2,.showoff.iphone-data-recovery h2,#all_supply h2,#rocket .left h2,#video_types .right h2,#formats .left h2,#steps h2{font-size: 32px;}
.requirements h2,#desktop_zoon h2,#faq_section h2{line-height: 36px;}
#desktop_zoon .info{margin:10px auto;}
#formats.pdf_compressor,#video_types.pdf_compressor,#rocket.pdf_compressor{padding-bottom: 0;}
#video_types.pdf_compressor{padding-top: 0;}
#formats.pdf_compressor .right{margin-bottom: 0;}
.showoff.iphone-data-recovery .unslider-arrow.prev, .showoff.iphone-data-recovery .unslider-arrow.next{display: none;}
.showoff.iphone-data-recovery .container{padding-left:10px;padding-right: 10px;}
.showoff.iphone-data-recovery .info-slides ul{position: initial;}
#all_supply .item_supply{padding: 50px 30px;width: 100%;max-width: 380px;}
#steps .container>div{margin:0 auto 20px;}
}
@media(max-width:375px){
#banner #free_btn_container_1{font-size:22px;}
.progress-box .name{width: 100px;text-indent: 10px;}
.progress-box .original-size, .progress-box .size,.progress ul li span.size{display: none;}
#banner .upload_zone p button{width: 260px;height: 50px;}
.progress-box .download-box a{width: 80px;text-indent: 4px;}
.progress-box .original-feedback{margin-left: 30px;}
}
@media screen and (max-width:340px){
#banner #free_btn_container_1{font-size:20px;}
#banner #free_btn_container_1 img{margin:10px 15px 0 26px}
#banner .upload_zone p button{width: 230px;height: 50px;}
.progress-box .name,.progress ul li span.name{width: 80px;}
.progress-box .download-box a{width: 80px;text-indent: 4px;}
}