@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;}
#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;}
#banner div:first-child{text-align: center;}
#banner h1{display: inline-block;}
#banner h1+img{display: inline-block;background: rgba(255, 255, 255, .9);margin-left: 20px;padding: 9px 15px 7px;border-radius: 30px;vertical-align: -2px;}
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 #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: inline-block;vertical-align: top;margin-left: 75px;}
.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{margin-left: 20px;}
.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;}
/* free-image-composer */
#banner.free-image-composer p.rec_down{font-size: 18px;}
#banner.free-image-composer p.rec_down a{display: inline-block;margin: 10px auto;color: #00ff45;}

/*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%);}
#banner.pdf_compressor p.rec_btn{font-size: 18px;}
#banner.pdf_compressor p.rec_btn a{display: inline;color: #00ff45;}
#banner.free_audio_recorder a.download{color: #ffcc00;}

#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: 290px;height: 58px;text-align: center;color:#2777ea;font-size:24px;line-height: 56px;text-decoration: none;text-indent: 38px;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 50px center;border-radius: 5px;}
#compare .right a.free_sup_ver_mac{background:#fff url(/images/free-online-audio-converter/mac.png) no-repeat 50px 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;}
/*compress*/
#compress_main{display:none;position:fixed;width:100%;height: 455px;width: 686px;left: 0;right: 0;top: 0;bottom: 0;margin:auto;border-radius:6px;background-color: #fff;box-shadow: 0 0 30px 5px rgba(74,40,32,.10);z-index:100;}
#compress_main .top_info{position:relative;width:100%;height: 85px;border-bottom:1px solid #ebebeb;}
#compress_main .file_changing{float:left;margin:30px 0 0 30px;padding:0 30px;line-height: 32px;font-size: 14px;color:#fff;background-color: rgba(2,130,217,1);cursor: pointer;border-radius: 40px;transition: all .5s;}
#compress_main .file_changing:hover{background-color: rgba(2,130,217,1);}
#compress_main .info_simple_key{font-size:16px;color:#222;}
#compress_main .info_simple{float:right;margin:50px 30px 0 0;font-size:16px;color:#666;}
#compress_main .top_info .info_simple span{float:left;}
#compress_main .top_info .name{margin:0 25px 0 10px;max-width:200px;line-height: 22px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
#compress_main .top_info .top_info_close{display: block;position:absolute;top:14px;right: 15px;width: 16px;height: 16px;background: url(/images/free-online-video-compressor/close.png) 0 0 no-repeat;cursor: pointer;}
#compress_main .info_menu{margin:0 auto;height: 50px;line-height: 50px;text-align: left;}
#compress_main .info_menu p{font-size:22px;color:rgba(2,130,217,1);line-height: 50px;}
#compress_main .info_menu p span:nth-child(1){display: inline-block;width: 100px;margin-left: 86px;vertical-align: middle;}
#compress_main .info_menu p span:nth-child(3){display: inline-block;width: 100px;vertical-align: middle;}
#compress_main .info_menu p img:nth-child(2){width: 57px;display: inline-block;margin:0 30px 0 44px;vertical-align: middle;}
#compress_main .top_info .top_info_close:hover{background-position: 0 -16px;}
#compress_main .info_section{position:relative;width:100%;height: 233px;color:#666;z-index:10;background-color: #f6f6f6;}
#compress_main .info_section .info_container{width: 630px;height: 233px;margin:0 auto;padding:25px 0 0;}
#compress_main .info_container{position: relative;}
#compress_main .info_container>div{position: absolute;;margin-bottom: 11px;width:100%;left: 0;font-size:16px;height: 24px;overflow: visible;}
#compress_main .info_container>div:nth-of-type(2){z-index: 12;top:62px;}
#compress_main .info_container>div:nth-of-type(3){z-index: 11;top: 97px;}
#compress_main .info_container>div:nth-of-type(4){z-index: 10;top:132px;}
#compress_main .info_container>div>span{float:left;min-width:100px;height: 24px;line-height: 24px;}
#compress_main .info_container>div>span:nth-child(1){max-width:104px;width:100%;text-align: right;}
#compress_main .info_container>div>div:nth-child(2){float:left;margin-right: 40px;padding-left: 10px;max-width:146px;width:100%;background: url(/images/free-online-video-compressor/arrow-s.png) 107px 6px no-repeat;}
#compress_main .info_container>div>div:nth-child(2)>span{float:left;}
#compress_main .info_container>div>div:nth-child(2)>span:nth-child(2){text-indent: 6px;}
#compress_main .info_container .select_arguments{float:left;position:relative;width: 176px;height: 24px;text-indent:12px;border:1px solid #bcbcbc;border-radius: 2px;font-size: 12px;line-height: 22px;overflow: hidden;background-color: #f6f6f6;z-index:10;}
#compress_main .info_container .select_arguments.select_center{cursor: pointer;}
#compress_main .info_container .bitrate_select .select_arguments.select_center{cursor: unset;}
#compress_main .info_container .select_arguments.active{height:auto;overflow: visible;}
#compress_main .info_container .select_arguments .convert_size{margin-right: 6px;}
#compress_main .info_container .select_arguments>div{width: 100%;height: 24px;box-sizing:border-box;text-indent:12px;background-color: #fff;}
#compress_main .info_container .select_arguments>div:hover{background-color: rgba(2,130,217,1);color:#fff;}
#compress_main .info_container .select_arguments i{position: absolute;display: block;width: 10px;height: 4px;background: url(/images/free-online-video-compressor/dropdown-arrow.png) 0 -1px no-repeat;cursor: pointer;}
#compress_main .info_container .select_arguments .arguments_up{top:5px;right: 7px;background-position: 0 -13px;}
#compress_main .info_container .select_arguments .arguments_up:hover{background-position: 0 -19px;}
#compress_main .info_container .select_arguments .arguments_down{top:13px;right: 7px;background-position: 0 -1px;}
#compress_main .info_container .select_arguments .arguments_down:hover{background-position: 0 -7px;}
#compress_main .info_container .select_arguments .arguments_select{top: 10px;right: 7px;background-position: 0 -1px;}
#compress_main .info_container .select_arguments.select_center:hover .arguments_select{background-position: 0 -7px;}
#compress_main .info_container .all_ranges{float:left;position:relative;width:136px;height: 24px;line-height: 24px;margin-left: 16px;background-color: #f6f6f6;}
#compress_main .info_container .range{float:left;margin: 0 10px 0 0;border-top: 10px solid #f6f6f6;position: relative;width: 80px;height: 2px;overflow: visible;background-color: #fff;cursor: pointer;}
#compress_main .info_container .range>span{display: inline-block;position: absolute;top: 0;left: 0;width: 80px;height: 2px;background-color: rgba(2,130,217,1);;}
#compress_main .info_container .range .range_i{display: inline-block;position: absolute;left:100%;top:0;width: 8px;height: 8px;margin:-3px 0 0 -3px;background-color: rgba(2,130,217,1);;border-radius:8px;}
#compress_main .info_container .download_desktop{display:inline-block;position:absolute;top: 167px;margin:10px auto;height: 30px;border: 1px solid rgba(2,130,217,1);padding: 0 15px 0 30px;line-height: 30px;text-align: center;font: 14px/40px;border-radius: 40px;color: rgba(2,130,217,1);text-decoration: none;background: url(/images/free-online-video-compressor/down.png) 12px 4px no-repeat;}
#compress_main .info_container .download_desktop:hover{background:rgba(2,130,217,1)  url(/images/free-online-video-compressor/down.png) 12px -12px no-repeat;color: #fff;}
#compress_main .footer_info{position: relative;width:100%;height: 80px;padding:10px 28px 0;color:#666;font-size:16px;z-index: 9;}
#compress_main .footer_info .percent_show{position: relative;width:100%;}
#compress_main .compressing_zoon{display: block;visibility: hidden;}
#compress_main .compressing_zoon.active{display: block;visibility: visible;}
#compress_main .total{display:none;position: absolute;width: 468px;height: 8px;top:14px;background-color: #ebebeb;}
#compress_main .total.active{display: block;}
#compress_main .total .proccessing{position: absolute;height: 8px;background-color: rgba(2,130,217,1);}
#compress_main .percent_show #convert_button{float:right;width: 97px;height: 32px;font-size: 14px;line-height: 32px;color: #fff;background-color: rgba(2,130,217,1);cursor: pointer;border-radius: 40px;transition: all .5s;text-align: center;}
#compress_main .percent_show #convert_button:hover{background-color: rgba(2,130,217,1);}
#compress_main .percent_show #stop{display:none;float:right;width: 97px;height: 32px;font-size:16px;line-height: 32px;color: #fff;background-color: rgba(2,130,217,1);cursor: pointer;border-radius: 40px;transition: all .5s;text-align: center;}
#compress_main .percent_show #stop:hover{background-color: rgba(2,130,217,1);}
.oversize{display:none;box-sizing:border-box;position: absolute;z-index:99;width: 606px;height: 190px;border-radius:10px;box-shadow: 0 0 30px 5px rgba(74,40,32,.10);left: 50%;top: 50%;transform: -webkit-translate(-50%,-50%);transform: -moz-translate(-50%,-50%);transform: -o-translate(-50%,-50%);transform: translate(-50%,-50%);background-color: #fff;}
.oversize.active{display: block;}
.oversize i.oversize_close{position: absolute;top: 10px;right: 10px;width: 16px;height: 16px;background: url(/images/free-online-video-compressor/close.png) 0 0 no-repeat;cursor: pointer;}
.oversize i.oversize_close:hover{background-position: 0 -16px;}
.oversize .tip_zoon{margin: 42px auto 0;}
.oversize .tip_zoon img{float:left;margin:0 22px 0 36px;}
.oversize .tip_zoon p{float:left;width: 100%;max-width: 460px;font-size: 16px;line-height: 24px;color:#222;}
.oversize_down{position: absolute;right: 22px;bottom: 24px;text-align: right;}
.oversize .oversize_down a,.oversize .oversize_down span{position:static;display: inline-block;padding:0 30px;height: 32px;text-align: center;line-height: 32px;background-color:rgba(2,130,217,1);;border-radius: 32px;font-size:16px;color:#fff;text-decoration: none;}
.oversize .oversize_down a:hover,.oversize .oversize_down span:hover{background-color: #0682fe;}
.oversize .oversize_down a{margin-right: 24px;}
.conversion-complete{display: none;position: absolute;margin: auto;left: 0;top: 0;right: 0;bottom: 0;width: 300px;height: 150px;padding: 46px 0 0;text-align: center;background-color: #fff;border-radius: 6px;box-shadow: 0 0 30px 5px rgba(74,40,32,.10);font-size: 16px;z-index: 50;color:#222;}
.conversion-complete i{display: block;position: absolute;top: 14px;right: 15px;width: 16px;height: 16px;background: url(/images/free-online-video-compressor/close.png) 0 0 no-repeat;cursor: pointer;}
.conversion-complete i:hover{background-position: 0 -16px;}
.conversion-complete>span{display: block;margin: 16px auto;width: 40px;padding: 5px 30px;border-radius: 20px;color: #fff;background-color: rgba(2,130,217,1);cursor: pointer;transition: all .5s;}
.conversion-complete>span:hover{background-color: rgba(2,130,217,1);}
.conversion-failed{display: none;position: absolute;margin: auto;left: 0;top: 0;right: 0;bottom: 0;width: 300px;height: 150px;padding: 46px 0 0;text-align: center;background-color: #fff;border-radius: 6px;box-shadow: 0 0 30px 5px rgba(74,40,32,.10);font-size: 16px;z-index: 50;color:#222;}
.conversion-failed i{display: block;position: absolute;top: 14px;right: 15px;width: 16px;height: 16px;background: url(/images/free-online-video-compressor/close.png) 0 0 no-repeat;cursor: pointer;}
.conversion-failed i:hover{background-position: 0 -16px;}
.conversion-failed>span{display: block;margin: 16px auto;width: 40px;padding: 5px 30px;border-radius: 20px;color: #fff;background-color: rgba(2,130,217,1);cursor: pointer;transition: all .5s;}
.conversion-failed>span:hover{background-color: rgba(2,130,217,1);;}
.transition_chosing{display:none;position: absolute;left: 0;right: 0;top: 0;bottom: 0;margin:auto;width: 610px;height: 193px;background-color: #fff;box-shadow: 0 0 30px 5px rgba(74,40,32,.10);z-index: inherit;}
.video_change.active{display: block;}
.stop_progress.active{display: block;max-width: 610px;}
.exit_progress.active{display: block;}
.transition_chosing i{display: block;position: absolute;top: 14px;right: 15px;width: 16px;height: 16px;background: url(/images/free-online-video-compressor/close.png) 0 0 no-repeat;cursor: pointer;}
.transition_chosing i:hover{background-position: 0 -16px;}
.transition_chosing .info{position: absolute;left:0;top: 48px;box-sizing: border-box;padding-left: 36px;width:100%;height: 46px;line-height: 46px;}
.transition_chosing .info>span:nth-child(1){float:left;width: 46px;height: 46px;line-height: 44px;box-sizing: border-box;border:2px solid rgba(2,130,217,1);border-radius:30px;text-align: center;font-size:30px;color:rgba(2,130,217,1);}
.transition_chosing .info>span:nth-child(2){float:left;padding-left:22px;height: 46px;line-height: 46px;box-sizing: border-box;text-align: center;font-size:16px;color:#222;}
.transition_chosing .chosen{position: absolute;width: 206px;height: 30px;top: 138px;right: 26px;}
.transition_chosing .chosen>span{display: block;width: 92px;height: 30px;border-radius:30px;color:#fff;font-size:16px;line-height: 30px;text-align: center;background-color: rgba(2,130,217,1);cursor: pointer;}
.transition_chosing .chosen>span:hover{background-color: rgba(2,130,217,1);}
.chosing_mask{display:none;position: absolute;width: 100%;height: 100%;left: 0;top: 0;}
.chosing_mask.active{display: block;}
#compress_main .type_error{display:none;position: absolute;left: 50%;top: 50%;width: 315px;height:100px;border-radius:4px;font-size:18px;line-height: 24px;padding:14px;background-color: #fff;box-shadow: 0 2px 14px 0 rgba(253,105,76,.3);z-index: inherit;text-align: center;color:#222;transform: -webkit-translate(-50%,-50%);transform: -moz-translate(-50%,-50%);transform: -o-translate(-50%,-50%);transform: translate(-50%,-50%);}
.compress_main_mask{display: none;width: 100%;height: 1920px;position: absolute;left: 0;top: 0;background: rgba(0,0,0,.3);z-index: 99;}
.compress_main_mask.active{display: block;}
.compressing_mask{display: none;position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0,0,0,.3);z-index: 40;}
.compressing_mask.active{display: block;}
.compressing_mask_fit{display: none;position: absolute;left: 0;top: 0;width: 100%;height: 320px;z-index: 40;}
.compressing_mask_fit.active{display: block;}
/* online pdf compressor*/
#banner.pdf_compressor .rev{margin-bottom: 47px;}
#banner.pdf_compressor .pdf_box>div{padding: 0 20px 15px;max-width: 460px;margin: auto;width: 100%;border: 2px dashed #fff;position: relative;box-sizing: border-box;}
#banner.pdf_compressor .pdf_box>div.active{max-width: 644px;}
#banner.pdf_compressor .pdf_box>div.uploadBox{padding-bottom: 0;}
#banner.pdf_compressor #upload_zone{cursor: pointer;padding:44px 0 23px;}
#banner.pdf_compressor #upload_zone>img{display: none;}
#banner.pdf_compressor .btn{display: block;width: 300px;height: 60px;line-height: 60px;margin: 0 auto;border: 0;border-radius: 33px;color: #fff;font-size: 20px;outline: 0;cursor: pointer;transition: all .3s;background: #ff9600;text-align: center;}
#banner.pdf_compressor .btn:hover{box-shadow: 0 0 20px 4px rgba(252,113,81,.51);}
#banner.pdf_compressor .btn img{display: inline-block;vertical-align: -2px;margin-right: 15px;}
#banner.pdf_compressor #upload_zone p{text-align: center;font-size: 20px;color: #fff;margin-top: 7px;}
#banner.pdf_compressor #pdf_commit{padding-bottom: 15px;}
#banner.pdf_compressor .compressingContent{padding-bottom: 50px;}
#banner.pdf_compressor .compressingContent>div{width: 50px;display:-webkit-box;display:-webkit-flex;display: flex;margin: 20px auto 0;-webkit-box-pack:justify;-webkit-justify-content: space-between;justify-content: space-between;-webkit-align-items: center;align-items: center;height: 14px;position: relative;}
#banner.pdf_compressor .compressingContent>div i{width: 8px;height: 8px;display: inline-block;border-radius: 50%;background: #fdccc8;transition: all .5s linear;}
#banner.pdf_compressor .compressingContent>div i:nth-child(1){left: 0px;position: absolute;}
#banner.pdf_compressor .compressingContent>div i:nth-child(2){left: 50%;position: absolute;-webkit-transform: translate(-50%);transform: translate(-50%);}
#banner.pdf_compressor .compressingContent>div i:nth-child(3){right: 0px;position: absolute;}
#banner.pdf_compressor .compressingContent>div i.active{width: 12px;height: 12px;background: #ff5e54;}
#banner.pdf_compressor #result{padding-bottom: 20px;}
#loader img{position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%,-50%);transform: translate(-50%,-50%);}
#loader{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: #fff;}
#banner.pdf_compressor #pdf_commit span{font-size: 16px;color: #fff;float: left;}
#banner.pdf_compressor #pdf_commit a:nth-child(1),.compressingContent a:nth-child(1){position: absolute;right: 19px;top: 14px;}
#banner.pdf_compressor #pdf_commit a:nth-child(1):hover,.compressingContent a:nth-child(1):hover{-webkit-animation: rotate 2s infinite linear;-moz-animation: rotate 2s infinite linear;-o-animation: rotate 2s infinite linear;animation: rotate 2s infinite linear;}
@-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)}}
@-ms-keyframes rotate {0% {-ms-transform: rotate(0deg)}100% {-ms-transform: rotate(360deg)}}
@-o-keyframes rotate {0% {-o-transform: rotate(0deg)}100% {-o-transform: rotate(360deg)}}
@keyframes rotate {0% {transform: rotate(0deg)}100% {transform: rotate(360deg)}}
#banner.pdf_compressor #pdf_commit img:nth-child(2),.compressingContent img:nth-child(2){margin: 16px auto 0;display: block;}
#banner.pdf_compressor #pdf_commit img:nth-child(3),.compressingContent img:nth-child(3){position: absolute;top: 30px;left: 50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);}
#banner.pdf_compressor #pdf_commit div{max-width: 572px;width: 100%;margin: 30px auto 0;overflow: hidden;}
#banner.pdf_compressor #pdf_commit div p{border-radius: 8px;background: #fff;height: 16px;line-height: 16px;text-align: center;margin-top: 30px;color: #fff;overflow: hidden;position: relative;}
#banner.pdf_compressor #pdf_commit div p i{width: 0%;height: 100%;display: block;background: #2fd8b4;position: absolute;z-index: 1;border-radius: 40px;}
#banner.pdf_compressor #pdf_commit span:nth-child(2){float: right;}
#banner.pdf_compressor #pdf_commit div p span{position: relative;z-index: 2;float: none !important;color: #fff;font-size: 12px;}
#banner.pdf_compressor #result>img{margin:16px auto;display: block;}
#banner.pdf_compressor #result>p#filename{font-size: 14px;color: #606060;text-align: center;margin-bottom: 30px;}
#banner.pdf_compressor #result>p{text-align: center;color: #fff;font-size: 14px;margin:0 auto;}
#banner.pdf_compressor #result>p span{font-size: 20px;color: #fff;}
#banner.pdf_compressor #result div{max-width: 500px; width: 100%;margin:10px auto 0px;display:-webkit-box;display:-webkit-flex;display: flex;-webkit-box-pack:justify;-webkit-justify-content: space-between;justify-content: space-between;flex-wrap: wrap;}
#banner.pdf_compressor #result div a{box-sizing: border-box;border: 2px solid #2c3846;text-align: center;width: 237px;height: 45px;line-height: 41px;display: block;background: #2c3846;color: #fff;font-size: 18px;border-radius: 4px;}
#banner.pdf_compressor #result div a:hover{text-decoration: none;background: #36475f;}
#banner.pdf_compressor #result div a img{margin-right: 12px;vertical-align:-3px;}
#banner.pdf_compressor #result div a:nth-child(2){border-color: #ff5e56;color: #ff5e56;background: #fff;}
#banner.pdf_compressor #result div a:nth-child(2):hover{background: #ff5e56;color: #fff;}
#steps.pdf_compressor .container{border-bottom: 2px solid #eee;padding: 74px 0 37px;}
/*online image compressor*/
#banner .progress .download{display: none;}
.banner .btn-download{display:block;margin:22px auto 49px;box-sizing:border-box;width: 207px;height: 46px;padding-left: 20px;border:0;border-radius:30px;background:#32bfb4 url(/images/free-online-image-compressor/down.png) no-repeat 32px 10px;color:#fff;font-size:16px;line-height: 32px;cursor: pointer;outline: 0;}
.banner .btn-download:hover{background-color: #2fd4c7;}
.compressor{position:relative;margin:0 auto;box-sizing:border-box;width:100%;max-width:525px;cursor: pointer;}
.compressor:hover .file span{box-shadow: 0 0 20px 4px rgba(252,113,81,.51);}
#banner .compressor>.file{margin:36px auto 0;}
.compressor>.file{display:block;width: 100%;}
.compressor>.file span{display: block;width: 300px;height: 60px;line-height: 60px;margin: 0 auto;border: 0;border-radius: 33px;color: #fff;font-size: 20px;outline: 0;cursor: pointer;transition: all .3s;background:linear-gradient(to right,#ff855b ,#fc694c);text-align: center;cursor:pointer;transition:all linear .2s;}
.compressor>.file span:hover{box-shadow: 0 0 20px 4px rgba(252,113,81,.51);}
.compressor>.file:hover{background-position-y: -110px;}
.compressor>.file span img {display: inline-block;margin-right: 16px;vertical-align: -4px;}
.compressor>.file input{display: block;width:100%;height: 100%;opacity: 0;position: absolute;left: 0;top: 0;cursor: pointer;}
.compressor>.file p{display: inherit;margin: 30px auto 0;font-size:18px;color:#222;}
#banner .compressor>.file p:nth-of-type(1){    margin: 10px auto 0;color: #fff;font-size: 18px;}
#banner .compressor>.file p:nth-of-type(2){margin: 0 auto;font-size: 14px;color: #fff;line-height: 14px;}
.compressor>span{display: inherit;margin: 30px auto 0;font-size:28px;color:#222;}
.compressor>p{margin:20px auto 0;color:#444;}
.progress ul{max-width: 1200px;width: 100%;margin:0px auto;}
.progress ul li{margin-top: 10px;height: 47px;background: #edf1fa;border-radius: 50px;line-height: 47px;box-sizing: border-box;text-align: left;}
.progress ul li span{display: inline-block;vertical-align: middle;font-size: 16px;}
.progress ul li span.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 ul li span.size{color: #06a475;width: 8.272%;display: inline-block;vertical-align: top;}
.progress ul li div{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 ul li div i{float:left;width: 0%;height: 100%;max-width:510px;height: 18px;font-size: 12px;line-height: 18px;border-radius: 30px;overflow: hidden;color:#fff;font-style: normal;}
.progress ul li div i.progress-bar{width: 0%;background-color: #3c97e6;height: 18px;border-radius: 30px;font-size: 12px;color: #fff;line-height: 16px;}
.progress ul li div i.progress-bar-success{background-color: #32bfb4;}
.progress ul li div i.progress-bar-danger{background-color:#fb6a4d;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;padding:0 2px;}
.progress ul li a{width: 90px;line-height: 45px;height: 47px;text-align: left;display: inline-block;vertical-align: top;margin-left: 35px;}
.progress ul li a.fit{color:#b7b7b7;}
.progress ul li .reduce{display: inline-block;width: 100px;line-height: 47px;height: 47px;text-align: left;margin-left: 60px;color: #fc6a4d;vertical-align: top;}
#banner .progress .download{display:none;margin:22px auto 0;box-sizing:border-box;width: 207px;height: 46px;line-height: 46px;padding-left: 20px;border:0;border-radius:30px;background:#32bfb4 url(/images/free-image-compressor/down-i.png) no-repeat 32px 10px;color:#fff;font-size:16px;line-height: 46px;cursor: pointer;outline: 0;text-align: center;}
.progress .download:hover{background-color: #2fd4c7;}
.progress ul li span.original-size{display: inline-block;width:90px;height: 47px;white-space: nowrap;text-overflow: ellipsis;color:#32bfb4;line-height: 47px;text-align: left;text-indent: 10px;vertical-align: top;}
.progress ul li span.original-retry{margin:6px 30px 0;width:90px;white-space: nowrap;text-overflow: ellipsis;color:#fff;font-size:12px;line-height: 18px;text-align: left;text-align:center;background-color: #0682fe;vertical-align: 1px;border-radius:18px;cursor: pointer;}
.progress ul li span.original-feedback{width:90px;white-space: nowrap;text-overflow: ellipsis;color:#222;font-size:12px;line-height: 32px;text-align: left;text-indent: 10px;cursor: pointer;}
.error-message{max-width: 450px;width: 100%;position: fixed;top: 50%;left: 50%;-webkit-transform: translate(-50%,-50%);transform: translate(-50%,-50%);background: #fff;border-radius: 10px;padding: 10px 16px 30px;box-shadow: 0 0 10px rgba(0, 0, 0, .2);z-index: 2;display: none;}
.error-message>img{margin: 20px auto 10px;display: block;}
.error-message p.info{font-size: 16px;line-height: 20px;margin-bottom: 20px;text-align: center;}
.error-message p img{vertical-align: -7px;margin-left: -5px;}
.error-message span{font-size: 18px;color: #fff;background-color: #30adfc;border-radius: 30px;width: 100px;line-height: 30px;text-align: center;margin: auto;display: block;cursor: pointer;}
.compress{background: #5283fa;padding-top: 80px;height: 460px;box-sizing: border-box;margin-bottom: 160px;}
.compress_box h2{font-size: 36px;color: #fff;line-height: 36px;text-align: center;}
.compress_box>p{max-width: 730px;width: 100%;font-size: 16px;color: #fff;line-height: 30px;text-align: center;margin: 35px auto 10px;}
.compress_box ul li:last-child{margin-right: 0px;}
.compress_box ul li{max-width: 378px;width: 100%;background: #fff;text-align: center;overflow: hidden;padding: 0 30px;box-sizing: border-box;float: left;margin-top: 40px;min-height: 300px;border-radius: 5px;box-shadow: 0 0 20px rgba(0, 0, 0,.18);padding-bottom: 50px;}
.compress_box ul li img{margin: 46px auto 10px;}
.compress_box ul li span{font-size: 22px;color: #222;margin: 10px auto 10px;display: block;}
.compress_box ul li p{font-size: 16px;color: #666;line-height: 30px;}
/*online video converter*/
.clearfloat:after {content: "";display: block;height: 0;clear: both;overflow: hidden;visibility: hidden;}
div {box-sizing: border-box;}     
.converter-main select {appearance: none;-moz-appearance: none;-webkit-appearance: none;padding: 0 14px;font: 16px;background: url(/images/free-online-video-converter/point.png) 93px -12px no-repeat;background-size: 10px 98px;color: #666;}
.converter-main select::-ms-expand {display: none;}
.free_btn{position: relative;z-index: 5;box-sizing:border-box;background: rgba(2,130,217,1);color: #fff;max-width: 473px;width: 100%;height: 73px;line-height: 73px;font-size: 26px;display: block;border:1px solid transparent;border-radius: 68px;margin: 30px auto;cursor: pointer;transition: all 1s;}
#support{position:relative;top:-20px;width:100%;text-align: center;height:20px;font-size:16px;}
.select-mac{background: url(/images/free-online-video-converter/point_mac.png) 100px -12px no-repeat;background-size: 10px 98px;}
.converter-main select:hover{background: url(/images/free-online-video-converter/point.png) 93px -38px no-repeat;}
.converter-main select.select-mac:hover{background: url(/images/free-online-video-converter/point_hover_mac.png) 100px -12px no-repeat;background-size: 10px 98px;}
.select-hover-win{background: url(/images/free-online-video-converter/point_hover.png) 100px -12px no-repeat;background-size: 10px 98px;}
.select-hover-mac{background: url(/images/free-online-video-converter/point_hover_mac.png) 100px -12px no-repeat;background-size: 10px 98px;}
.settings_title select.profile{max-width:490px;width:73%;background: url(/images/free-online-video-converter/point.png) 444px -12px no-repeat;background-size: 10px 98px;}
.settings_title select.profile:hover{background-position: 444px -38px;}
.converter-main{position: absolute;top: 0;left: 0;width:100%;height:100%;background-color: transparent;}
.converter_container{position:fixed;top: 0;;left: 0;right: 0;bottom: 0;margin:auto;width:1000px;height:682px;border-radius:8px;background-color: #fff;box-shadow:0 0 30px 5px rgba(74,40,32,.10);z-index:40;}
.converter_container>div{position:absolute;left: 0;right: 0;top: 0;bottom: 0;margin:auto;width:100%;}
.file_page{width: 1000px;height: 682px;font-size:16px;}
#free_btn_container_1,#free_btn_container_2{position: relative;}
.botton_mask{position: absolute;left: 0;top:0;width: 1000px;height: 98px;border-radius:8px;background-color: transparent;}
.file_page .item_file_menu{margin:0 auto;border-bottom:1px solid #ddd;width: 92%;height: 99px;vertical-align: middle;}
.file_page .item_file_menu input{float:left;margin-top:40px;padding:0 30px;height: 38px;outline:0;border:1px solid rgba(2,130,217,1);border-radius:40px;font:16px bold;color:#fff;background-color: rgba(2,130,217,1);transition:.5s;cursor: pointer;}
.file_page .item_file_menu input:hover{background-color: rgba(2,130,217,1);color:#fff;border:1px solid rgba(2,130,217,1);}
.file_page .item_file_menu i{display:inline-block;position:absolute;right:14px;top:14px;width: 22px;height: 22px;background:url(/images/free-online-video-converter/close.png) 0 0 no-repeat;background-size: 22px 66px;cursor: pointer;}
.file_page .item_file_menu i:hover{background-position: 0 -22px;}
.file_page .item_files_list{position:relative;width: 92%;height:420px;margin:0 auto;overflow-y:auto;overflow-y:-moz-scrollbars-none;}
.file_page .item_files_list .item_files{position:relative;width:100%;height:106px;-moz-width: 900px;padding:14px 14px 2px;border-bottom:1px dashed #e6e6e6;}
.file_page .item_files_list .item_files:hover{background-color: #f6f6f6;transition:1s;}
.file_page .item_files_list .item_files.ch{background:#f6f6f6;border-bottom: 1px dashed transparent;}
.file_page .item_files_list .item_files.ch_f{border-bottom: 1px dashed transparent;}
.file_page .item_files_list .item_files>div{position:relative;height: 80px;}
.file_page .item_files_left,.file_page .item_files_middle,.file_page .item_files_right{float:left;height:88px;}
.file_page .item_files_right{float:right;height: 88px;}
.file_page .item_files_left{margin-right: 30px;border-radius:6px;background-color: #000;overflow: hidden;cursor: pointer;}
.file_page .item_files_left>div{position: relative;display:inline-block;width:120px;height: 80px;overflow: hidden;}
.file_page .item_files_left>div img{display:block;position: absolute;left:0;right:0;bottom:0;top:0;margin:auto;max-width:120px;max-height:80px;}
.file_page .item_files_left>div .video_play{position: absolute;left:0;top:0;width: 100%;height: 100%;background-size: 34px 34px;}
.file_page .item_files_left>div .video_play:hover{background:rgba(0,0,0,.4) url(/images/free-online-video-converter/play.png) 44px 24px no-repeat;background-size: 34px 34px;}
.file_page .item_files_left>div .video_play_hover{background:rgba(0,0,0,.4) url(/images/free-online-video-converter/play.png) 44px 24px no-repeat;background-size: 34px 34px;}
.file_page .item_files_middle{width:400px;}
.file_page .item_files_middle p{text-align: left;margin:10px auto;color:#666;}
.file_page .item_files_middle p:nth-of-type(1){font-size:18px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.file_page .item_files_middle p:nth-of-type(2) span{display:inline-block;width:80px;height: 18px;font-size:16px;line-height: 18px;color:#888;vertical-align: bottom;}
.file_page .item_files_middle p:nth-of-type(2) i{display: inline-block;margin-right:16px;width: 18px;height: 18px;border-radius:16px;background: url(/images/free-online-video-converter/information.png) 0 no-repeat;vertical-align: middle;cursor: pointer;background-size: 18px 54px;}
.file_page .item_files_middle p:nth-of-type(2) i:hover{background-position: 0 -36px;}
.file_page .item_files_right{width:300px;}
.file_page .item_files_right .item_format{display:inline-block;position:absolute;top:24px;right:72px;width: 67px;height: 30px;border:1px solid rgba(2,130,217,1);border-radius:6px;text-align: center;line-height: 30px;font-size:15px;vertical-align: middle;color:rgba(2,130,217,1);}
.file_page .item_files_right .item_format.right{right:120px}
.file_page .item_files_right .info_show_fail{display:inline-block;position:absolute;top:28px;right:24px;width: 24px;height: 24px;border-radius:30px;background: url(/images/free-online-video-converter/question.png) 0 0 no-repeat;background-size: 24px 24px;}
.file_page .item_files_right .info_waiting{display:inline-block;position:absolute;top:24px;right:24px;width: 32px;height: 32px;background:url(/images/free-online-video-converter/wait.png) 0 0 no-repeat;background-size: 32px 32px;}
.file_page .item_files_right .info_loading{display:inline-block;position:absolute;top:24px;right:24px;width: 32px;height: 32px;background:url(/images/free-online-video-converter/loading.gif) 0 0 no-repeat;background-size: 32px 32px;text-align: center;line-height: 32px;color:#222;font-size:12px;}
.file_page .item_files_right .info_show{display:inline-block;position:absolute;top:28px;right:26px;width: 24px;height: 24px;background:url(/images/free-online-video-converter/file.png) 0 0 no-repeat;background-size: 24px 96x;}
.file_page .item_files_right .info_show:hover{background-position: 0 -72px;}
.file_page .item_files_right .info_show-fid{background:rgba(2,130,217,1) url(/images/free-online-video-converter/file_d.png) 0 0 no-repeat;background-size: 24px 96x;}
.file_page .item_files_right .info_show-p{background:url(/images/free-online-video-converter/file_p.png) 0 0 no-repeat;background-size: 24px 96x;}
.file_page .item_files_right .convert_complete{display:inline-block;position:absolute;top:24px;right:24px;width: 32px;height: 32px;background:url(/images/free-online-video-converter/success.png) 0 0 no-repeat;background-size: 32px 32px;}
.file_page .item_files_right i.settings{display:inline-block;position:absolute;top:28px;right:24px;width: 24px;height: 24px;border-radius:30px;font-size:30px;color:#ccc;background: url(/images/free-online-video-converter/set.png) 0 0 no-repeat;background-size: 24px 96px;cursor: pointer;}
.file_page .item_files_right i.settings.right{right:72px;}
.file_page .item_files_right i.settings:hover{background-position: 0 -72px;}
.file_page .item_files_right i.settings-fid{background:rgba(2,130,217,1) url(/images/free-online-video-converter/set_press-d.png) 0 0 no-repeat;background-size: 24px 24px;}
.file_page .item_files_right i.item_files_delete{position:absolute;right:-6px;top:-6px;width: 20px;height: 20px;border-radius:30px;background: url(/images/free-online-video-converter/close.png) 0 0 no-repeat;background-size: 20px 60px;cursor: pointer;visibility: hidden;}
.file_page .item_files_list .item_files:hover i.item_files_delete{visibility: visible;}
.file_page .item_files_right i.item_files_delete:hover{background-position: 0 -20px;}
.file_page .item_files_list .conversion-complete{display:none;position: absolute;margin:auto;left: 0;top: 0;right: 0;bottom: 0;width:300px;height: 150px;padding:46px 0 0;text-align: center;background-color: #fff;border-radius: 6px;box-shadow: 0 0 30px 5px rgba(74,40,32,.10);font-size:16px;z-index:50;}
.conversion-complete>p{margin:0;color:#222;}
.conversion-complete>span{display:block;margin:16px auto;width:40px;padding:5px 30px;border-radius:20px;color:#fff;background-color: rgba(2,130,217,1);cursor: pointer;transition: all .5s;}
.conversion-complete>span:hover{background-color: rgba(2,130,217,1);}
.file_page .item_type{position:absolute;left:40px;top: 498px;width:920px;height: 80px;border-top:1px solid #ccc;border-bottom:1px solid #ccc;padding:7px 0;overflow: hidden;background-color: #fff;}
.file_page .item_type>div{position:absolute;width:820px;height: 64px;text-align: center;background-color: #fff;}
.file_page .item_type>div:nth-of-type(1){border:0;left:0;}
.file_page .item_type>div>div{float:left;}
.file_page .item_type>div:nth-of-type(2){left:821px;width: 801px;height: 64px;border-left:1px solid #ccc;}
.file_page .item_type .video_c,.file_page .item_type .audio_c{width: 700px;padding:0;height: 64px;}
.file_page .item_type .video_i{width: 100px;height: 64px;background:url(/images/free-online-video-converter/video_choose.png) 8px 0 no-repeat;background-size: 64px 64px;}
.file_page .item_type .video_i_hover{background:url(/images/free-online-video-converter/video.png) 8px 0 no-repeat;background-size: 64px 64px;}
.file_page .item_type .audio_i{width: 99px;height: 64px;background:url(/images/free-online-video-converter/audio.png) 8px 0 no-repeat;background-size: 64px 64px;}
.file_page .item_type .audio_i_hover{background:url(/images/free-online-video-converter/audio_choose.png) 16px 0 no-repeat;background-size: 64px 64px;}
.file_page .item_type .video_c span,.file_page .item_type .audio_c span{float:left;min-width: 100px;height: 30px;line-height: 30px;text-align:left;color:#222;font-size:16px;}
.video_c span input,.audio_c span input{outline:0;}
.video_c span label,.audio_c span label{display: inline-block;padding:0 30px 0 9px;width:40px;}
.file_page .item_type .video_i img,.file_page .item_type .audio_i img{float:left;margin: 0 28px 0 8px;width: 60px;height: 60px;line-height: 80px;}
.file_page #item_type_1{position:absolute;left:40px;top: 498px;width:920px;height: 80px;border-top:1px solid #ccc;border-bottom:1px solid #ccc;padding:7px 0;overflow: hidden;z-index:10;}
.file_page #item_type_1>div{position:absolute;width:800px;height: 64px;text-align: center;background-color: #fff;}
.file_page #item_type_1>div:nth-of-type(1){border:0;left:0;}
.file_page #item_type_1>div>div{float:left;}
.file_page #item_type_1>div:nth-of-type(2){left:821px;width: 801px;height: 64px;border-left:1px solid #ccc;}
.file_page #item_type_1 .video_i_1 img,.file_page #item_type_1 .audio_i_1 img{float:left;margin: 0 28px 0 8px;width: 60px;height: 60px;line-height: 80px;}
.file_page #item_type_1 .video_c_1,.file_page #item_type_1 .audio_c_1{position:relative;width: 700px;padding:0;height: 64px;}
.file_page #item_type_1 .video_i_1{width: 100px;height: 64px;background:url(/images/free-online-video-converter/video_choose.png) 8px 0 no-repeat;}
.file_page #item_type_1 .video_i_hover{background:url(/images/free-online-video-converter/video.png) 8px 0 no-repeat;}
.file_page #item_type_1 .audio_i_1{width: 99px;height: 64px;background:url(/images/free-online-video-converter/audio.png) 8px 0 no-repeat;}
.file_page #item_type_1 .audio_i_hover{background:url(/images/free-online-video-converter/audio_choose.png) 16px 0 no-repeat;}
.file_page #item_type_1 .video_c_1 span,.file_page #item_type_1 .audio_c_1 span{float:left;min-width: 100px;height: 30px;line-height: 30px;text-align:left;font-size:16px;color:#222;}
.video_c_1 span input,.audio_c_1 span input{outline:0;}
.video_c_1 span label,.audio_c_1 span label{display: inline-block;padding:0 30px 0 9px;width:40px;}
.converter_container #item_type_1 .video_i img,.converter_container #item_type_1 .audio_i img{float:left;margin: 0 28px 0 8px;width: 60px;height: 60px;line-height: 80px;}
.converter_container .item_footer{position:absolute;left:40px;top: 578px;width: 920px;height: 104px;box-sizing:border-box;padding:24px 0;vertical-align: middle;}
.converter_container .item_footer a{float:left;height: 38px;border:1px solid rgba(2,130,217,1);padding:0 20px 0 70px;line-height: 40px;text-align: center;font:14px/40px;border-radius:40px;color:rgba(2,130,217,1);text-decoration: none;background: url(/images/free-online-video-converter/down-s.png) 15px 3px no-repeat;transition:all .5;}
.converter_container .item_footer a:hover{background:rgba(2,130,217,1) url(/images/free-online-video-converter/down_hover.png) 15px 3px no-repeat;color:#fff;border:1px solid rgba(2,130,217,1);}
.converter_container .item_footer .item_footer_convert{float:right;padding:0 40px;height: 38px;background-color: rgba(2,130,217,1);border:1px solid rgba(2,130,217,1);border-radius:40px;text-align: center;line-height: 40px;color:snow;font:18px/38px;color:#fff;transition:.5s;-webkit-user-select:none;user-select:none;cursor: pointer;}
.converter_container .item_footer .item_footer_stop{float:right;display:none;width: 136px;height: 38px;background-color: rgba(2,130,217,1);border:1px solid rgba(2,130,217,1);border-radius:40px;text-align: center;line-height: 40px;color:snow;font:18px/38px;color:#fff;transition:.5s;-webkit-user-select:none;user-select:none;cursor: pointer;}
.converter_container .item_footer .item_footer_convert:hover{background-color: rgba(2,130,217,1);border:1px solid rgba(2,130,217,1);}
.converter_container .item_footer .item_footer_stop:hover{background-color: rgba(2,130,217,1);border:1px solid rgba(2,130,217,1);}
.converter_container .item_info{position: absolute;left:0;top:56%;right: 0;margin:-28% auto 0;width:70%;padding:0 0 30px 0;z-index:40;background-color: #fff;border-radius:6px;box-shadow:0 0 30px 5px rgba(74,40,32,.10);font-size:16px;}
.converter_container .item_info .item_info_top{width: 100%;height:60px;}
.converter_container .item_info >div:nth-of-type(2){max-height:400px;min-height:120px;overflow-y:auto;}
.converter_container .item_info fieldset{border:0;border-top:1px solid #e2e2e2;width:80%;margin:0 auto;}
.converter_container .item_info legend{text-align: center;padding:0 6px;color:#222;}
.item_info>div:nth-of-type(1) >i{float:right;margin-top: 15px;margin-right: 15px;width: 22px;height: 22px;background: url(/images/free-online-video-converter/close.png) 0 0 no-repeat;border-radius:22px;cursor: pointer;background-size: 22px 66px;}
.item_info>div:nth-of-type(1) >i:hover{background-position: 0 -22px;}
.item_info fieldset>div{float:left;width:50%;color:#666;}
.item_info fieldset>div.general_right,.item_info fieldset>div.audio_right,.item_info fieldset>div.video_right{padding:0 0 0 50px;}
.item_info fieldset>div p{text-align: left;margin:10px 0;}
.item_info fieldset>div span{display: inline-block;min-width:120px;text-align: left;}
.item_info p{display:block;width:216px;margin:10px 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:16px;color:#666;}
.converter_container .item_settings{font-size:16px;}
.converter_container .item_settings_one{position: absolute;top: 0;right: 0;bottom: 0;left: 0;z-index:999;margin:auto;border-radius:8px;width: 642px;height: 470px;box-shadow:0 0 30px 5px rgba(74,40,32,.10);background-color: #fff;}
.converter_container .item_settings_two{position: absolute;top: 0;right: 0;bottom: 0;left: 0;z-index:999;margin:auto;border-radius:8px;width: 642px;height: 282px;box-shadow:0 0 30px 5px rgba(74,40,32,.10);background-color: #fff;}
.converter_container .item_settings_three{position: absolute;top: 0;right: 0;bottom: 0;left: 0;z-index:999;margin:auto;border-radius:8px;width: 642px;height: 282px;box-shadow:0 0 30px 5px rgba(74,40,32,.10);background-color: #fff;}
.converter_container .item_settings_one .settings_title{margin:0 auto;width: 88%;height: 96px;}
.converter_container .item_settings_two .settings_title,.converter_container .item_settings_three .settings_title{margin:0 auto;width: 88%;height: 50px;}
.settings_title >span{position: absolute;vertical-align: middle;left: 38px;top: 50px;color:#222;font-size:16px;}
.settings_title >select{position: absolute;left: 134px;top: 50px;width: 184px;height: 24px;border:1px solid #e2e2e2;border-radius:2px;}
.settings_title >i{float:right;margin-top: 15px;margin-right: -23px;width: 22px;height: 22px;background: url(/images/free-online-video-converter/close.png) 0 0 no-repeat;background-size: 22px 66px;cursor: pointer;}
.settings_title >i:hover{background-position: 0 -22px;}
.item_info_settings fieldset{margin:0 auto 18px;width:88%;border:0;border-top:1px solid #e2e2e2;padding:0;text-align: left;font-size:16px;}
.item_info_settings fieldset:nth-last-of-type(1){padding-bottom: 12px;}
.item_info_settings fieldset legend{text-align: center;padding:0 6px;color:#222;}
.item_info_settings fieldset >div:nth-of-type(1){float:left;width:43%;}
.item_info_settings fieldset >div:nth-of-type(2){float:right;width:44%;}
.item_info_settings fieldset >div >div:nth-of-type(1){float:left;width: 50%;}
.item_info_settings fieldset >div >div:nth-of-type(2){float:right;width: 120px;}
.item_info_settings fieldset div p{margin:0;font-size:16px;color:#222;text-align: left;}
.item_info_settings fieldset div p:nth-of-type(1){margin-top: 20px;}
.item_info_settings fieldset div p:nth-of-type(2){margin-top: 16px;}
.item_info_settings fieldset div select{margin:0;width: 120px;height: 24px;border:1px solid #e2e2e2;border-radius:2px;}
.item_info_settings fieldset div select:nth-of-type(1){margin-top: 19px;}
.item_info_settings fieldset div select:nth-of-type(2){margin-top: 13px;}
.item_info_settings fieldset >p{float:left;margin:0;}
.item_info_settings fieldset .input_loop{margin:15px 0;}
.item_info_settings fieldset .label_loop{font-size:16px;}
.item_info_settings .button{margin:0 auto;width: 88%;height: 100px;border-top:1px solid #e2e2e2;}
.converter_container .button *{float:left;width: 106px;height: 30px;margin-top: 30px;border:1px solid rgba(2,130,217,1);font-size:16px;line-height:30px;text-align: center;border-radius:30px;}
.converter_container .button .item_settings_default{color:rgba(2,130,217,1);cursor:pointer;}
.converter_container .button .item_settings_default:hover{color:#fff;background-color: rgba(2,130,217,1);}
.converter_container .button .item_settings_submit{color:#fff;background-color: rgba(2,130,217,1);margin-top: 30px;margin-left: 226px;width: 108px;height: 32px;outline:0;cursor:pointer;}
.converter_container .button .item_settings_cancel{color:rgba(2,130,217,1);margin-left: 14px;cursor:pointer;}
.converter_container .button .item_settings_cancel:hover{color:#fff;background-color: rgba(2,130,217,1);}
.converter-main .file_page .btn-hover{background-color: rgba(2,130,217,1);color:#fff;border:1px solid rgba(2,130,217,1);}
.converter-main .file_page .btn-fid{background-color: rgba(2,130,217,1);color:#fff;border:1px solid rgba(2,130,217,1);}
.btn-fid{background-color: rgba(2,130,217,1);;}
.converter-main .file_page .btn-press{background-color: #fff;color:#ff612b;border:1px solid rgba(2,130,217,1);}
.converter-main .file_page .settings-press{background: url(/images/set_d.png) 0 0 no-repeat;}
.file_page-mask{position: absolute;top: 0;left: 0;width:100%;height:100%;z-index:900;}
.mask{position: fixed;z-index:999;top: 0;left: 0;width:100%;height:100%;background-color: rgba(0,0,0,.36);}
.mask_info{position: absolute;top: 0;left: 0;width:100%;height:100%;background-color: rgba(0,0,0,.36);}
.maskover{position:fixed;left:0;top: 0;width: 100%;height: 100%;background-color: rgba(0,0,0,.36);z-index:900;}
.maskadd{position:fixed;left:0;top: 0;width: 100%;height: 100%;background-color: rgba(0,0,0,.36);z-index:999;}
.btn-mask{position: absolute;top: 0;left: 720px;width:200px;height:80px;background-color: transparent;z-index: 999;}
.file_page #item_type_1 .btn-mask_1{position: absolute;top: 0;left: 0;width:100%;height:80px;background-color: transparent;z-index: 999;}
.btn-span-mask{position: absolute;top: 0;left: 0;width:100%;height:100%;background-color: transparent;}
.files-mask{position: absolute;top: 0;left: 0;width:100%;height: 100%;}
.file_page #item_type_1 #input_mask{position: absolute;;left:0;top: 0;width: 100%;height: 100%;background-color: transparent;}
.file_page .item_type .item_type_mask{position: absolute;left: 0;top: 0;width:100%;height: 100%;background-color: transparent;}
.convert-mask{position: absolute;top: 0;left: 0;width:100%;height:100%;}
.app-mask{position: absolute;top: 0;left: 0;width:100%;height:100%;z-index:21;}
.body_mask{position: fixed;top: 0;left: 0;width:100%;height:100%;background-color: rgba(0,0,0,.36);}
.item_files_list-mask{position: absolute;top: 0;left: 0;width:100%;background-color: transparent;}
.converter-main .video_change.active{display: block;}
.converter-main .stop_progress.active{display: block;}
.converter-main .exit_progress.active{display: block;}
.converter-main .transition_chosing {display: none;position: absolute;left: 50%;top: 30%;transform: -webkit-translate(-50%,-50%);transform: -moz-translate(-50%,-50%);transform: -o-translate(-50%,-50%);transform: translate(-50%,-50%); width: 610px;height: 193px;background-color: #fff;	box-shadow: 0 0 30px 5px rgba(74,40,32,.10);z-index: inherit;}
.converter-main .transition_chosing i{display: block;position: absolute;top: 14px;right: 15px;width: 16px;height: 16px;background: url(/images/free-online-video-compressor/close.png) 0 0 no-repeat;cursor: pointer;}
.converter-main .transition_chosing i:hover{background-position: 0 -16px;}
.converter-main .transition_chosing .info{position: absolute;left:0;top: 48px;box-sizing: border-box;padding-left: 36px;width:100%;height: 46px;line-height: 46px;}
.converter-main .transition_chosing .info>span:nth-child(1){float:left;width: 46px;height: 46px;line-height: 44px;box-sizing: border-box;border:2px solid #0682fe;border-radius:30px;text-align: center;font-size:30px;color:#0682fe;}
.converter-main .transition_chosing .info>span:nth-child(2){float:left;padding-left:22px;height: 46px;line-height: 46px;box-sizing: border-box;text-align: center;font-size:16px;color:#222;}
.converter-main .transition_chosing .chosen{position: absolute;width: 206px;height: 30px;top: 138px;right: 26px;}
.converter-main .transition_chosing .chosen>span{display: block;width: 92px;height: 30px;border-radius:30px;color:#fff;font-size:16px;line-height: 30px;text-align: center;background-color: #0682fe;cursor: pointer;}
.converter-main .transition_chosing .chosen>span:hover{background-color: #0682fe;}
.converter-main .chosing_mask{display:none;position: absolute;width: 100%;height: 100%;left: 0;top: 0;}
.converter-main .chosing_mask.active{display: block;}
/*video joiner*/
.mask_box{position: fixed;z-index: 999;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0,0,0,.36);display: none;}
.joiner{width: 850px;height: 420px;background: #fff;border-radius: 5px;position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%,-50%);transform: translate(-50%,-50%);z-index: 10;-webkit-user-seletct: none;-moz-user-seletct: none;-ms-user-seletct: none;user-seletct: none;}
.joiner>.close{position: absolute;top: 14px;right: 30px;}
.joiner span.title{font-size: 24px;color: #222;display: block;text-align: center;margin-top: 26px;margin-bottom: 17px;font-weight: 550;}
.joiner_files_box{width: 264px;height: 176px;border-radius: 8px;border: 1px dashed #0682fe;margin: 0 auto 30px;cursor: pointer;}
.joiner_files_box img{margin: 36px auto 22px;display: block;}
.joiner_files_box span{font-size: 16px;color: #666;display: block;text-align: center;}
.joiner .format>span{font-size: 16px;color: #222;display: inline-block;margin-right: 12px;font-weight: 550;}
.joiner .format{width: 514px;margin: auto;padding-top: 8px;}
.joiner .format>*{vertical-align: top;min-height: 30px;line-height: 30px;}
.joiner_merge{position: relative;z-index: 10;}
select {appearance: none;-moz-appearance: none;-webkit-appearance: none;padding: 0 14px;font-size: 14px;background: url(/images/free-online-video-converter/point.png) 93px -12px no-repeat;background-size: 10px 98px;color: #666;}
select::-ms-expand {display: none;}
.joiner .format select:nth-of-type(1){margin-right: 46px;}
.joiner .format select{width: 130px;height: 30px;border: 1px solid #e2e2e2;border-radius: 2px;padding: 0 14px;box-sizing: border-box;background-size: 10px 98px;background-position: 102px -8px;}
.joiner .format div.Format{display:inline-block;margin:0;width: 130px;height: 30px;font-size:16px;line-height: 30px;border: 1px solid #e2e2e2;border-radius: 2px;padding: 0;text-indent:14px;box-sizing: border-box;overflow: hidden;background-color: #fff;}
.joiner .format .Format_confirm,.joiner .format .Resolution_confirm{background:#fff url(/images/free-online-video-converter/point.png) no-repeat 102px -8px;background-size: 10px 98px;}
.joiner .format div.Format.active{overflow: visible;height:auto;}
.joiner .format div.Resolution{display:inline-block;margin:0 48px 0 0;width: 130px;height: 30px;font-size:16px;line-height: 30px;border: 1px solid #e2e2e2;border-radius: 2px;padding: 0;text-indent:14px;box-sizing: border-box;overflow: hidden;background-color: #fff;}
.joiner .format div.Resolution.active{overflow: visible;height:auto;}
.joiner_footer{position:relative;border-top: 1px solid rgba(153, 153, 153, .57);padding:20px 30px;position: absolute;width: 100%;box-sizing: border-box;bottom: 0;}
.joiner_footer .down{border-radius: 40px;color: #0682fe;text-align: center;border: 1px solid #0682fe;display: block;height: 32px;line-height: 30px;width: 194px;text-align: center;font-size: 14px;background: url(/images/free-online-video-converter/down-s.png) 15px 3px no-repeat;}
.joiner_footer .down{float:left;height: 38px;border:1px solid #0682fe;padding:0 20px 0 50px;line-height: 36px;text-align: center;font:14px/40px;border-radius:40px;color:#0682fe;text-decoration: none;background: url(/images/free-online-video-converter/down-s.png) 15px 3px no-repeat;transition:all .5;box-sizing: border-box;width: 220px;}
.joiner_footer .down:hover{background:#0682fe url(/images/free-online-video-converter/down_hover.png) 15px 3px no-repeat;color:#fff;border:1px solid #0682fe;}
.joiner_footer span{font-size: 16px;color: #fff;width: 120px;height: 32px;background: #d5d5d5;float: right;text-align: center;line-height: 32px;border-radius: 16px;box-shadow: 0 0 4px rgba(213, 213, 213, .28);cursor: pointer;}
.joiner_footer span.active{background: #0682fe;}
.joiner_footer span.stop{background: #0682fe;}
.joiner_merge_scroll{width: 723px;overflow-x: auto;margin: auto;box-sizing: border-box;height: 184px;overflow-y: hidden;}
.joiner_merge_scroll::-webkit-scrollbar{height:5px;background: #dadada;border-radius: 5px;}
.joiner_merge_scroll::-webkit-scrollbar-track{background: #f5f5f5;border-radius: 5px;}
.joiner_merge_scroll::-webkit-scrollbar-thumb{border-radius: 5px;background-clip: padding-box;background-color: rgba(232,232,232,.9);}
.joiner_merge_box{width:unset;position:relative;height: 119px;padding-top: 40px;margin: auto;padding-bottom: 20px;display:-webkit-box;display:-webkit-flex;display: flex;-webkit-align-items: flex-start;align-items: flex-start;-webkit-box-pack:center;-webkit-justify-content: center;justify-content: center;flex-wrap: nowrap;}
.joiner_merge_box div{position: absolute;top: 40px;}
.joiner_merge_box .video{width: 110px;}
.joiner_merge_box .video:hover img:last-child{display: block;}
.joiner_merge_box .video span{display: block;text-align: center;font-size: 16px;color: #888;height: 22px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.joiner_merge_box .video img:nth-child(1),.joiner_merge_box .video video{width: 100%;height: 90px;}
.joiner_merge_box .video img:last-child{position: absolute;top: -9px;right: -9px;display: none;cursor: pointer;}
.joiner_merge_box .front_push,.joiner_merge_box .after_push{width: 60px;height: 90px;font-size: 16px;color: #222;text-align: center;cursor: pointer;}
.joiner_merge_box .front_push img,.joiner_merge_box .after_push img{display: block;margin: 30px auto;}
.joiner_merge .format{width: 700px;margin-top: 30px;height: 40px;overflow: visible;}
.joiner_merge .format>span:nth-child(1){margin-right: 46px;}
.joiner_wait{overflow: hidden;}
.joiner_wait_box{margin: 50px auto 0;max-width: 547px;position: relative;}
.joiner_wait_box img{width: 100%;}
.joiner_wait_box img:last-child{position: absolute;left: 100px;top: 50%;-webkit-transform: translateY(-50%);transform: translateY(-50%);-webkit-animation: left 3s infinite linear;-moz-animation: left 3s infinite linear;-o-animation: left 3s infinite linear;animation: left 3s infinite linear;}
.Successfully,.Failed{position: absolute;z-index:10;top: 50%;left: 50%;width:300px;height: 150px;padding:46px 0 0;text-align: center;background-color: #fff;border-radius: 6px;box-shadow: 0 0 30px 5px rgba(74,40,32,.10);font-size:16px;-webkit-transform: translate(-50%,-50%);transform: translate(-50%,-50%);box-sizing: border-box;}
.Successfully>p,.Failed>p{margin:0;color:#222;}
.Successfully>span,.Failed>span{display:block;margin:16px auto;width:40px;padding:5px 30px;border-radius:20px;color:#fff;background-color: #0682fe;cursor: pointer;transition: all .5s;}
.Successfully>span:hover,.Failed>span:hover{background-color: #0682fe;}
.type_error{display:none;position:absolute;z-index:10;left: 50%;top: 50%;transform:-webkit-translate(-50%,-50%);transform:-moz-translate(-50%,-50%);transform:-o-translate(-50%,-50%);transform:translate(-50%,-50%);width: 321px;height: 55px;padding:30px;font-size: 16px;line-height: 30px;color:#222;white-space: pre-wrap;box-shadow: 0 0 10px 0 rgba(0,0,0,.18);border-radius: 10px;background-color: #fff; word-break:break-word;font-weight: bold;}
.joiner_converter_mask{display:none;position:absolute;z-index:1;left: 50%;top: 0%;width: 100%;height: 342px;transform: -webkit-translateX(-50%);transform: -moz-translateX(-50%);transform: -o-translateX(-50%);transform: translateX(-50%);}
@-webkit-keyframes left {0% {left: 100px;opacity: 1;}70% {left: 400px;opacity: 1}80% {left: 400px;}100%{opacity: 0;left: 400px}}
@-moz-keyframes left {0% {left: 100px;opacity: 1;}70% {left: 400px;opacity: 1}80% {left: 400px;}100%{opacity: 0;left: 400px}}
@-o-keyframes left {0% {left: 100px;opacity: 1;}70% {left: 400px;opacity: 1}80% {left: 400px;}100%{opacity: 0;left: 400px}}
.mask_box .transition_chosing{display:none;position: absolute;left: 0;right: 0;top: 0;bottom: 0;margin:auto;width: 610px;height: 193px;background-color: #fff;box-shadow: 0 0 30px 5px rgba(74,40,32,.10);z-index: inherit;}
.mask_box .video_change.active{display: block;}
.mask_box .stop_progress.active{display: block;}
.mask_box .exit_progress.active{display: block;}
.mask_box .transition_chosing i{display: block;position: absolute;top: 14px;right: 15px;width: 16px;height: 16px;background: url(/images/free-online-video-compressor/close.png) 0 0 no-repeat;cursor: pointer;}
.mask_box .transition_chosing i:hover{background-position: 0 -16px;}
.mask_box .transition_chosing .info{position: absolute;left:0;top: 48px;box-sizing: border-box;padding-left: 36px;width:100%;height: 46px;line-height: 46px;}
.mask_box .transition_chosing .info>span:nth-child(1){float:left;width: 46px;height: 46px;line-height: 44px;box-sizing: border-box;border:2px solid #0682fe;border-radius:30px;text-align: center;font-size:30px;color:#0682fe;}
.mask_box .transition_chosing .info>span:nth-child(2){float:left;padding-left:22px;height: 46px;line-height: 46px;box-sizing: border-box;text-align: center;font-size:16px;color:#222;}
.mask_box .transition_chosing .chosen{position: absolute;width: 206px;height: 30px;top: 138px;right: 26px;}
.mask_box .transition_chosing .chosen>span{display: block;width: 92px;height: 30px;border-radius:30px;color:#fff;font-size:16px;line-height: 30px;text-align: center;background-color: #0682fe;cursor: pointer;}
.mask_box .transition_chosing .chosen>span:hover{background-color: #0682fe;}
@media all and (-webkit-min-device-pixel-ratio: 1.5){
	.guide_loading{background: url(/images/free-online-video-converter/guide_loading@2x.gif) no-repeat 0 0;}
	.guide_guidechrome{background: url(/images/free-online-video-converter/guidechrome@2x.gif) no-repeat 0 0;}
	.guide_guidefirefox{background: url(/images/free-online-video-converter/guidefirefox@2x.gif) no-repeat 0 0;}
	.guide_guidefirefox_mac{background: url(/images/free-online-video-converter/guidefirefox_mac@2x.gif) no-repeat 0 0;}
	.guide_guideie{background: url(/images/free-online-video-converter/guideie@2x.gif) no-repeat 0 0;}
	.guide_guidesafari{background: url(/images/free-online-video-converter/guidesafari@2x.gif) no-repeat 0 0;}
	.guide_loading1{background: url(/images/free-online-video-converter/loading@2x.gif) no-repeat 0 0;}
	.guide_loading-percent{background: url(/images/free-online-video-converter/loading-percent@2x.gif) no-repeat 0 0;}
	.converter-main select{ appearance:none;-moz-appearance:none;  -webkit-appearance:none;background: url(/images/free-online-video-converter/point@2x.png) 100px -12px no-repeat;background-size: 10px 140px;}
	.select-mac{background-position: 444px -59px;}
	.converter-main select:hover{background-position: 100px -59px;}
	.converter-main select.select-mac:hover{background: url(/images/free-online-video-converter/point_hover_mac@2x.png) 100px -12px no-repeat;background-size: 10px 98px;}
	.select-hover-win{background: url(/images/free-online-video-converter/point_hover@2x.png) 100px -12px no-repeat;background-size: 10px 98px;}
	.select-hover-mac{background: url(/images/free-online-video-converter/point_hover_mac@2x.png) 100px -12px no-repeat;background-size: 10px 98px;}
	.settings_title select.profile{max-width:490px;width:73%;background: url(/images/free-online-video-converter/point@2x.png) 444px -12px no-repeat;background-size: 10px 140px;}
	.settings_title select.profile:hover{background-position: 444px -59px;}
	.file_page .item_file_menu i{background:url(/images/free-online-video-converter/close@2x.png) 0 0 no-repeat;background-size: 22px 66px;}
	.file_page .item_file_menu i:hover{background-position: 0 -22px;}
	.file_page .item_files_left>div .video_play:hover{background:rgba(0,0,0,.4) url(/images/free-online-video-converter/play@2x.png) 44px 24px no-repeat;background-size: 34px 34px;}
	.file_page .item_files_left>div .video_play_hover{background:rgba(0,0,0,.4) url(/images/free-online-video-converter/play@2x.png) 44px 24px no-repeat;background-size: 34px 34px;}
	.file_page .item_files_middle p:nth-of-type(2) i{background: url(/images/free-online-video-converter/information@2x.png) 0 no-repeat;background-size: 18px 54px;}
	.file_page .item_files_middle p:nth-of-type(2) i:hover{background-position: 0 -36px;}
	.file_page .item_files_right .info_show_fail{display:inline-block;position:absolute;top:28px;right:24px;width: 24px;height: 24px;border-radius:30px;background: url(/images/free-online-video-converter/question@2x.png) 0 0 no-repeat;background-size: 24px 24px;}
	.file_page .item_files_right .info_waiting{display:inline-block;position:absolute;top:24px;right:24px;width: 32px;height: 32px;background:url(/images/free-online-video-converter/wait@2x.png) 0 0 no-repeat;background-size: 32px 32px;}
	.file_page .item_files_right .info_loading{display:inline-block;position:absolute;top:24px;right:24px;width: 32px;height: 32px;background:url(/images/free-online-video-converter/loading@2x.gif) 0 0 no-repeat;background-size: 32px 32px;text-align: center;line-height: 32px;color:#222;font-size:12px;}
	.file_page .item_files_right .info_show{background:url(/images/free-online-video-converter/file@2x.png) 0 0 no-repeat;background-size: 24px 96px;}
	.file_page .item_files_right .info_show:hover{background-position: 0 -72px;}
	.file_page .item_files_right .info_show-fid{background:url(/images/free-online-video-converter/file_d@2x.png) 0 0 no-repeat;background-size: 24px 96px;}
	.file_page .item_files_right .info_show-p{background:url(/images/free-online-video-converter/file_p@2x.png) 0 0 no-repeat;background-size: 24px 96px;}
	.file_page .item_files_right .convert_complete{display:inline-block;position:absolute;top:24px;right:24px;width: 32px;height: 32px;background:url(/images/free-online-video-converter/success@2x.png) 0 0 no-repeat;background-size: 32px 32px;}
	.file_page .item_files_right i.settings{background: url(/images/free-online-video-converter/set@2x.png) 0 0 no-repeat;background-size: 24px 96px;}
	.file_page .item_files_right i.settings:hover{background-position: 0 -72px;}
	.file_page .item_files_right i.settings-fid{background:url(/images/free-online-video-converter/set_press-d@2x.png) 0 0 no-repeat;background-size: 24px 24px;}
	.file_page .item_files_right i.item_files_delete{background: url(/images/free-online-video-converter/close@2x.png) 0 0 no-repeat;background-size: 20px 60px;}
	.file_page .item_files_right i.item_files_delete:hover{background-position: 0 -20px;}
	.file_page .item_type .video_i{background:url(/images/free-online-video-converter/video_choose@2x.png) 8px 0 no-repeat;background-size: 64px 64px;}
	.file_page .item_type .video_i_hover{background:url(/images/free-online-video-converter/video@2x.png) 8px 0 no-repeat;background-size: 64px 64px;}
	.file_page .item_type .audio_i{background:url(/images/free-online-video-converter/audio@2x.png) 8px 0 no-repeat;background-size: 64px 64px;}
	.file_page .item_type .audio_i_hover{background:url(/images/free-online-video-converter/audio_choose@2x.png) 16px 0 no-repeat;background-size: 64px 64px;}
	.file_page #item_type_1 .video_i_1{background:url(/images/free-online-video-converter/video_choose@2x.png) 8px 0 no-repeat;background-size: 64px 64px;}
	.file_page #item_type_1 .video_i_hover{background:url(/images/free-online-video-converter/video@2x.png) 8px 0 no-repeat;}
	.file_page #item_type_1 .audio_i_1{background:url(/images/free-online-video-converter/audio@2x.png) 8px 0 no-repeat;background-size: 64px 64px;}
	.file_page #item_type_1 .audio_i_hover{background:url(/images/free-online-video-converter/audio_choose@2x.png) 16px 0 no-repeat;}
	.file_page .item_footer a{border:1px solid rgba(2,130,217,1);color:rgba(2,130,217,1);text-decoration: none;background: url(/images/free-online-video-converter/down@2x.png) 15px 3px no-repeat;background-size: 28px 28px;}
	.file_page .item_footer a:hover{background:rgba(2,130,217,1) url(/images/free-online-video-converter/down_hover@2x.png) 15px 3px no-repeat;color:#fff;border:1px solid rgba(2,130,217,1);background-size: 28px 28px;}
	.item_info>div:nth-of-type(1) >i{background: url(/images/free-online-video-converter/close@2x.png) 0 0 no-repeat;border-radius:22px;background-size: 22px 66px;}
	.item_info>div:nth-of-type(1) >i:hover{background-position: 0 -22px;}
	.converter-main .file_page .settings-press{background: url(/images/set_d@2x.png) 0 0 no-repeat;background-size: 24px 24px;}
	.settings_title >i{background: url(/images/free-online-video-converter/close@2x.png) 0 0 no-repeat;background-size: 22px 66px;}
	.settings_title >i:hover{background-position: 0 -22px;}
	.addfiles-mask{display:block!important;position: absolute!important;top:0!important;right:0!important;width: 175px!important;height: 60px!important;}
}
@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;}
	#banner h1+img{display: block;margin: 10px auto 0px;}
	#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;}
	.progress{width: 96%;}
	.progress ul li div{max-width:350px;}
	.progress ul li a,.progress ul li .reduce{margin-left: 0;}
  .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;}
	.progress ul li div{max-width:270px;}
	.progress ul li .reduce{width: 50px;}
	.progress ul li span.name{width: 100%;max-width:166px;}
	.progress ul li span.size{width: 100%;max-width:80px;}
	#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;}
	#btn{top: 185px;}
	#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 {margin-left: 10px;}
	.progress-box .progress-item{max-width:250px;}
	.progress ul li span.name{width: 100%;max-width:130px;}
	.center{padding: 0 10px;}
	ul.rec-article li {width: 98%;margin: 10px auto;}
	.online-btn img{display: none;}
}
@media (max-width:640px){
	#btn{top:167px;}
	#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;}
	.progress ul li span.original-size,.progress ul li a{width: 80px;}
	.progress ul li div{max-width: 175px;}
	.progress ul li span.name{max-width:120px;}
	#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 {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}
	#btn{top:195px;}
	#btn>.btn-top-container.top-btn-bg-singleshow{top: -120px;}
	#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{margin-left: 5px;}
	.progress ul li span.original-size,.progress ul li .reduce{display: none;}
	.progress ul li div{max-width: 100px;}
	.progress ul li a{margin-left: 10px;}
	#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){
	#btn{top: 232px;}
	#btn>.btn-top-container.top-btn-bg-singleshow{top: -100px;background-size: 100% auto;}
	#btn>div{width: 100%;max-width:300px;}
	#btn>.btn-top-container.top-btn-bg-singleshow span:nth-of-type(1){top: 44px;}
	#btn>.btn-top-container.top-btn-bg-singleshow span:nth-of-type(2){top: 102px;}
	#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;}
}
@media(max-width:360px){
	#btn>.btn-top-container.top-btn-bg-singleshow{top:-80px;}
	#banner .upload_zone p button{width: 260px;height: 50px;}
	.progress-box .name{width: 100px;}
	.progress-box .download-box a{width: 80px;text-indent: 4px;}
}
@media screen and (max-width:340px){
	#btn>.btn-top-container.top-btn-bg-singleshow{width: 100%;top:-140px;background: url(/images/free-online-video-converter/top-btn-bg-show-320.png) no-repeat center 0;background-size: 300px 204px;}
	.btn-top-container .btn-top-close{margin:26px 34px 0 0;}
	#btn>.btn-top-container.top-btn-bg-singleshow span:nth-of-type(1){top: 50px;width: 80%;}
	#btn>.btn-top-container.top-btn-bg-singleshow span:nth-of-type(2){top: 120px;}
	#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;}
}