.wrapper-loading{width:100%;height:100%;z-index:50;position:fixed;left:0;top:0}.wrapper-loading .loading-mask{width:100%;height:100%;position:absolute;left:0;top:0;z-index:11;background:rgba(0,0,0,.56)}.wrapper-loading .loading-content{width:100%;height:100%;position:absolute;left:0;top:0;z-index:12;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#fff;font-size:14px}.wrapper-loading .loading-content .loading-icon{animation:Loading 1s linear infinite}@keyframes Loading{0%{transform:rotate(0)}50%{transform:rotate(180deg)}to{transform:rotate(1turn)}}.wrapper-loading .loading-content .loading-precent{margin:10px 0;font-size:20px}
.upload-container-new{width:100%;max-width:1200px;padding:3rem 2rem;margin:0 auto}.upload-container-new-small{max-width:950px}.upload-block{box-shadow:0 2px 40px 0 rgba(0,0,0,.14);border-radius:5px;background-color:#fff}.upload-block .upload-files{min-height:340px}.upload-block .upload-config-top{padding:10px 0;display:flex;justify-content:space-between;align-items:center;background-color:#fcfcfc;border-bottom:1px solid #dee2e6}.upload-block .upload-config-top .upload-gloab-setting{display:flex;align-items:center;justify-content:center}.upload-block .upload-config{position:static;bottom:0;z-index:11;background-color:#fff}.upload-block .upload-config .config-list{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap}.Hide500{display:block!important}.Hide500-flex{display:flex!important}.Show500,.Show500-flex{display:none!important}@media (max-width:500px){.upload-container-new{padding:3rem 0}.upload-container-new .dropdown .dropdown-menu{width:100%!important}.upload-container-new>div:first-child{padding:0 .5rem}.upload-block .upload-config-top{flex-wrap:wrap;justify-content:center}.upload-block .upload-config-top .upload-add-mores{display:none!important}.upload-block .compress-upload-config-top{padding:10px 0;display:flex;align-items:center;background-color:#fcfcfc;border-bottom:1px solid #dee2e6}.upload-block .compress-upload-config-top .conf-list{width:33.33%;display:flex;flex-direction:column;justify-content:space-between;align-items:center;color:rgba(0,0,0,.72);font-size:12px;border-right:1px solid rgba(0,0,0,.08)}.upload-block .compress-upload-config-top .conf-list:last-child{border-right:0}.upload-block .compress-upload-config-top .conf-list .conf-set{margin-top:5px}.upload-block .compress-upload-config-top .conf-list .conf-set .dropdown button{border:0;padding:0;margin:0;background-color:transparent;color:#000;font-size:16px}.upload-block .compress-upload-config-top .conf-list .conf-set .conf-param{font-weight:500;font-size:16px;color:#000}.upload-block .upload-files{min-height:240px}.upload-block .upload-files .file-mobile{position:relative;padding:24px;border-bottom:1px solid rgba(0,0,0,.08)}.upload-block .upload-files .file-mobile .file-left{display:flex;align-items:center}.upload-block .upload-files .file-mobile .file-left .file-image{width:48px;height:48px;position:relative}.upload-block .upload-files .file-mobile .file-left .file-image .error-img{position:absolute;left:-6px;top:-6px}.upload-block .upload-files .file-mobile .file-left .file-content{display:flex;flex:1;flex-direction:column;justify-content:space-between;text-align:left;margin:0 12px}.upload-block .upload-files .file-mobile .file-left .file-content .file-name{overflow:hidden;text-overflow:ellipsis;word-break:break-all;font-size:14px;color:#000}.upload-block .upload-files .file-mobile .file-left .file-content .file-params{display:flex;align-items:center;font-size:10px}.upload-block .upload-files .file-mobile .file-left .file-content .file-params .file-size{color:rgba(0,0,0,.72)}.upload-block .upload-files .file-mobile .file-left .file-content .file-params .file-output,.upload-block .upload-files .file-mobile .file-left .file-set{display:flex;align-items:center}.upload-block .upload-files .file-mobile .file-left .file-set .uploadListItem .cloud-save .dropdown-item{width:100%;height:45px;line-height:45px;padding:0 10px;background-color:#fff!important;font-size:14px;border-bottom:1px solid rgba(0,0,0,.08)}.upload-block .upload-files .file-mobile .file-close{position:absolute;top:5px;right:5px}.upload-block .upload-files .file-mobile .progress-line{width:0;height:1px;position:absolute;left:0;bottom:0;z-index:2;background-color:#58d191}.upload-block .upload-config-mobile{width:100%;height:75px;padding:12px;display:flex;justify-content:space-between;align-items:center;border-top:1px solid rgba(0,0,0,.08);z-index:11}.Hide500{display:none!important}.Show500{display:block!important}.Hide500-flex{display:none!important}.Show500-flex{display:flex!important}}.btn{border-width:1px!important}ul.uploadList{min-width:144px;background:#fff;border-radius:2px;padding:0;margin:0}ul.uploadList .uploadListItem{width:100%;height:45px;padding:0 10px;display:flex;align-items:center;font-size:14px;color:rgba(0,0,0,.72);cursor:pointer;border-bottom:1px solid rgba(0,0,0,.08)}ul.uploadList .uploadListItem:last-child{border-bottom:0}ul.uploadList .uploadListItem .label-input{display:flex;align-items:center;width:100%;height:100%}ul.uploadList .uploadListItem i{margin-right:5px}.config-icon{width:24px;height:24px;display:inline-block;vertical-align:middle;cursor:pointer;background:url("../png/icon_setting.png") no-repeat 50%}.config-icon-active{background:url("../png/icon_setting_active.png") no-repeat 50%}.config-icon-disabled{pointer-events:none;cursor:not-allowed;background:url("../png/icon_setting_disabled.png") no-repeat 50%}.tool-data{width:310px;height:120px;padding:0 10px;cursor:pointer}.tool-data .bg-light{transition:all .15s ease-in-out}.tool-data .bg-light:hover{transform:translateY(-5px);box-shadow:0 11px 55px 0 rgba(0,0,0,.13)!important}@media (max-width:1366px){.tool-left,.tool-right{flex:0 0 100%;max-width:100%}.tool-right .row{justify-content:center}}.title-convert{margin-right:12px}.title-to{margin:0 10px}@media (min-width:501px){.recommend-area{height:64px;border-top:1px solid rgba(0,0,0,.08);background:#fff;justify-content:center;font-size:12px}.recommend-area,.recommend-area span{display:flex;align-items:center}.recommend-area span i{width:1px;background-color:rgba(0,0,0,.08);height:24px}.recommend-area .recommend-item{height:50px;margin:0 12px;display:flex;justify-content:center;align-items:center;flex-wrap:wrap}.recommend-area .recommend-item .recommend-image{width:32px;height:32px}.recommend-area .warp-border{flex-wrap:nowrap;padding:0 16px;margin:0 24px;height:40px;border:1px solid rgba(0,0,0,.08)}}@media (min-width:501px) and (max-width:1366px){.recommend-area .recommend-item{padding:0 12px}}@media (min-width:501px) and (max-width:414px){.recommend-area .recommend-item{padding:0}}@media (min-width:501px) and (max-height:768px){.recommend-area{height:52px}.recommend-area .recommend-item .recommend-image{width:24px;height:24px}}@media (max-width:500px){.recommend-area{display:flex;flex-wrap:wrap;border-top:1px solid rgba(0,0,0,.08);background:#fff}.recommend-area .recommend-item{width:50%;padding:12px 8px 12px 24px;display:flex;align-items:center;position:relative}.recommend-area .recommend-item:nth-child(odd):after{content:"";width:1px;height:24px;position:absolute;top:50%;right:0;transform:translateY(-50%);background-color:rgba(0,0,0,.08)}.recommend-area .recommend-item .recommend-image{width:32px;height:32px}}.converter-more-files-btn{margin-right:10px!important}.border-width-1{border-width:1px!important}.border-radius-2{border-radius:2px!important}.border-left-0{border-left-width:0!important}.padding-l-24-r-32{padding-left:24px!important;padding-right:32px!important}.padding-l-12-r-16{padding-left:12px!important;padding-right:16px!important}@media (max-width:992px){.border-white{right:9px}}@media (max-width:414px){.converter-more-files-btn{margin-right:0!important}}.upload-file-convert{position:absolute;z-index:-1}.text-truncate span{font-weight:600;font-size:14px;line-height:18px;color:rgba(0,0,0,.72)}
.box1{min-height:340px}.box2{width:120%;left:0;top:0;z-index:9;box-shadow:0 2px 40px 0 rgba(0,0,0,.14);border-radius:2px;position:absolute}@media (max-width:1600px){.box2{width:100%}}@media (max-width:960px){.box2{width:100%;position:relative}}input[type=file]{position:absolute;left:0;top:0;clip:rect(0 0 0 0)}.fade-enter-active,.fade-leave-active{transition:all .5s}.fade-enter,.fade-leave-to{opacity:0}label{cursor:pointer}
.sprite-convert_tools_3_7{background-image:url(../png/convert_tools_3_7.png);background-size:2880px 73px}.sprite-convert_tool1{width:72px;height:72px;background-position:0 0}.sprite-convert_tool10{width:72px;height:72px;background-position:-72px 0}.sprite-convert_tool11{width:72px;height:72px;background-position:-144px 0}.sprite-convert_tool12{width:72px;height:72px;background-position:-216px 0}.sprite-convert_tool13{width:72px;height:72px;background-position:-288px 0}.sprite-convert_tool14{width:72px;height:72px;background-position:-360px 0}.sprite-convert_tool15{width:72px;height:72px;background-position:-432px 0}.sprite-convert_tool16{width:72px;height:72px;background-position:-504px 0}.sprite-convert_tool17{width:72px;height:72px;background-position:-576px 0}.sprite-convert_tool18{width:72px;height:72px;background-position:-648px 0}.sprite-convert_tool19{width:72px;height:72px;background-position:-720px 0}.sprite-convert_tool2{width:72px;height:72px;background-position:-792px 0}.sprite-convert_tool20{width:72px;height:72px;background-position:-864px 0}.sprite-convert_tool21{width:72px;height:72px;background-position:-936px 0}.sprite-convert_tool22{width:72px;height:72px;background-position:-1008px 0}.sprite-convert_tool23{width:72px;height:72px;background-position:-1080px 0}.sprite-convert_tool24{width:72px;height:72px;background-position:-1152px 0}.sprite-convert_tool25{width:72px;height:72px;background-position:-1224px 0}.sprite-convert_tool26{width:72px;height:72px;background-position:-1296px 0}.sprite-convert_tool27{width:72px;height:72px;background-position:-1368px 0}.sprite-convert_tool28{width:72px;height:72px;background-position:-1440px 0}.sprite-convert_tool29{width:72px;height:72px;background-position:-1512px 0}.sprite-convert_tool3{width:72px;height:72px;background-position:-1584px 0}.sprite-convert_tool30{width:72px;height:72px;background-position:-1656px 0}.sprite-convert_tool31{width:72px;height:72px;background-position:-1728px 0}.sprite-convert_tool32{width:72px;height:72px;background-position:-1800px 0}.sprite-convert_tool33{width:72px;height:72px;background-position:-1872px 0}.sprite-convert_tool34{width:72px;height:72px;background-position:-1944px 0}.sprite-convert_tool35{width:72px;height:72px;background-position:-2016px 0}.sprite-convert_tool36{width:72px;height:72px;background-position:-2088px 0}.sprite-convert_tool37{width:72px;height:72px;background-position:-2160px 0}.sprite-convert_tool38{width:72px;height:72px;background-position:-2232px 0}.sprite-convert_tool39{width:72px;height:72px;background-position:-2304px 0}.sprite-convert_tool4{width:72px;height:73px;background-position:-2376px 0}.sprite-convert_tool40{width:72px;height:72px;background-position:-2448px 0}.sprite-convert_tool5{width:72px;height:72px;background-position:-2520px 0}.sprite-convert_tool6{width:72px;height:72px;background-position:-2592px 0}.sprite-convert_tool7{width:72px;height:72px;background-position:-2664px 0}.sprite-convert_tool8{width:72px;height:72px;background-position:-2736px 0}.sprite-convert_tool9{width:72px;height:72px;background-position:-2808px 0}
.fast-convert{width:fit-content;width:max-content;height:40px;display:none;opacity:0;margin:5px auto 15px;border:1px solid #58d191;background-color:#f2fff8;border-radius:100px;align-items:center;padding:0 16px;font-size:14px;color:#000}@media (max-width:414px){.fast-convert{display:none!important}}.fast-convert-active{display:flex;animation:opacity 2s forwards}@keyframes opacity{0%{opacity:0}to{opacity:1}}
.sprite-convert_upload{background-image:url(../png/convert_upload.png);background-size:48px 16px}.sprite-convert_upload1{width:16px;height:16px;background-position:0 0}.sprite-convert_upload2{width:16px;height:16px;background-position:-16px 0}.sprite-convert_upload3{width:16px;height:16px;background-position:-32px 0}
.editor-direct[data-v-6346c92b]{background:url("../png/convert-editor.png") no-repeat;display:flex;margin:0 103px 24px;height:88px;justify-content:space-between;padding:20px 56px;border-radius:8px}.editor-direct p[data-v-6346c92b]{font-weight:700;font-size:20px;line-height:24px;text-align:left;color:#fff}.editor-direct button.primary[data-v-6346c92b]{width:160px;height:40px}@media screen and (max-width:800px){.editor-direct[data-v-6346c92b]{padding:0 24px;align-items:center}}@media screen and (max-width:450px){.editor-direct[data-v-6346c92b]{display:none}}