.search-dropdown-button[data-v-d12b1ed6]{width:128px;height:56px;color:#fff;font-family:Poppins Bold;font-size:16px;line-height:24px;border-radius:16px;background:#2c2e2e;border:1px solid #373737;box-shadow:0 0 0 3px #000}.search-dropdown-button .el-icon--right[data-v-d12b1ed6]{margin-left:10px;font-size:24px}.search-dropdown-button.is-highlight[data-v-d12b1ed6]{border-color:#2cf370}.search-dropdown-button[data-v-d12b1ed6]:hover,.search-dropdown-button[aria-describedby][data-v-d12b1ed6]{background:#fff;color:#000}.search-dropdown-button[aria-describedby] .el-icon--right[data-v-d12b1ed6]{transform:rotate(180deg)}.search-dropdown-content .el-input[data-v-d12b1ed6]{height:46px;font-size:16px;line-height:24px;border-bottom:1px solid #444545;width:calc(100% - 10px)}.search-dropdown-content .icon-search[data-v-d12b1ed6]{font-size:24px}.search-dropdown-content[data-v-d12b1ed6] .el-input__wrapper{box-shadow:none;background:none}.search-dropdown-content[data-v-d12b1ed6] .el-input__inner{color:#fff}.search-dropdown-content .el-scrollbar[data-v-d12b1ed6]{margin-top:14px}.search-dropdown-content .search-dropdown-list[data-v-d12b1ed6]{display:flex;flex-wrap:wrap;font-family:Poppins Bold;font-size:16px;color:#ffffffe6}.search-dropdown-content .search-dropdown-list-item[data-v-d12b1ed6]{width:90px;height:42px;display:flex;justify-content:center;align-items:center;background:#444545;border-radius:12px;margin-bottom:10px;margin-right:10px;cursor:pointer}.search-dropdown-content .search-dropdown-list-item[data-v-d12b1ed6]:hover{background:#fff;color:#000}.search-dropdown-content .search-dropdown-list-item.curr[data-v-d12b1ed6]{border:1px solid #2cf370}@media (max-width:768px){.search-dropdown-button[data-v-d12b1ed6]{width:100px;height:42px;font-size:14px}.search-dropdown-button .el-icon--right[data-v-d12b1ed6]{margin-left:5px;font-size:21px}}.el-popover.el-popper.search-dropdown{background:#2c2e2e;border:3px solid #000;border-radius:24px;padding:17px 7px 0 21px}.el-popover.el-popper.search-dropdown.is-mobile{padding:17px 3px 0 17px}.top-banner[data-v-783d7f98]{padding:123px 0 0;background:url(https://images.musicful.ai/musicfulen/assets/converter/converter_banner_bg.png) no-repeat;background-size:1920px auto;background-position:35% 0;letter-spacing:-.011em}.top-banner .banner-wrap[data-v-783d7f98]{max-width:1380px;margin:0 auto}.top-banner .banner-title[data-v-783d7f98]{font-family:Bowlby One;font-size:48px;line-height:1.5;font-weight:400;color:#fff;text-align:center}.top-banner .banner-title-highlight[data-v-783d7f98]{color:#2cf370}.top-banner .banner-desc[data-v-783d7f98]{margin-top:20px;font-size:18px;line-height:26px;color:#fff;text-align:center}.top-banner .banner-content[data-v-783d7f98]{margin-top:60px;padding:70px 74px;border:2px dashed #4f4f4f;border-radius:23px;background:#191919;box-shadow:0 0 0 3px #000}.top-banner .banner-content.is-dragover[data-v-783d7f98]{border-color:#2cf370;background:#333}.top-banner .banner-operate[data-v-783d7f98]{display:flex;justify-content:space-between;align-items:center}.top-banner .banner-operate-lft[data-v-783d7f98]{position:relative;padding-right:69px;padding-bottom:26px;max-width:68%}.top-banner .banner-operate-lft[data-v-783d7f98]:after{content:"";position:absolute;top:5px;right:-1px;width:1px;height:calc(100% - 10px);background:#373737}.top-banner .banner-operate-title[data-v-783d7f98]{font-family:Poppins Bold;font-size:24px;line-height:24px;color:#fff}.top-banner .banner-operate-subtitle[data-v-783d7f98]{margin-top:22px;font-size:16px;line-height:26px;font-weight:600;color:#fff}.top-banner .banner-operate-desc[data-v-783d7f98]{position:relative;margin-top:6px;font-size:14px;line-height:26px;color:#fff9}.top-banner .toggle-more[data-v-783d7f98]{display:none}.top-banner .banner-operate-rit[data-v-783d7f98]{display:flex;flex-direction:column;align-items:flex-start}.top-banner .banner-operate-choose[data-v-783d7f98]{margin-top:24px;display:flex;align-items:center}.top-banner .connect-word[data-v-783d7f98]{margin-right:40px;font-size:18px;line-height:27px;font-weight:700;color:#fff;white-space:nowrap}.top-banner .banner-choosed[data-v-783d7f98]{position:relative;padding:26px 235px 5px 0;display:flex;align-items:center}.top-banner .banner-choosed-lft[data-v-783d7f98]{flex-grow:1}.top-banner .convert-more[data-v-783d7f98]{position:absolute;top:-28px;display:flex;align-items:center;font-size:16px;line-height:24px;color:#ffffffe6;cursor:pointer;transition:color .5s ease}.top-banner .convert-more[data-v-783d7f98]:hover{color:#2cf370;text-decoration:underline}.top-banner .choosed-file-name[data-v-783d7f98]{font-size:24px;line-height:24px;color:#fff;font-weight:700}.top-banner .choosed-file-size[data-v-783d7f98]{margin:20px 0 23px;font-size:16px;line-height:24px;color:#fff9;letter-spacing:1px}.top-banner .uploading-progress-bar[data-v-783d7f98]{margin-top:20px;height:10px;background:#5effb926;border-radius:5px;overflow:hidden}.top-banner .uploading-progress-bar .uploading-progress[data-v-783d7f98]{height:10px;background:#5effb9;border-radius:5px}.top-banner .converter-state-tips[data-v-783d7f98]{margin-top:8px;font-size:16px;line-height:24px;color:#5effb9}.top-banner .banner-choosed-rit[data-v-783d7f98]{display:flex;align-items:center;margin-left:20px}.top-banner .output-tips[data-v-783d7f98]{margin-right:20px;font-size:24px;line-height:24px;color:#fff;font-weight:700;white-space:nowrap}.top-banner .remove-file[data-v-783d7f98]{position:absolute;right:0;background-color:#2c2e2e;border-radius:50%;cursor:pointer;transition:background-color .5s ease}.top-banner .remove-file[data-v-783d7f98]:hover{background-color:#ff4d47}.top-banner .converter-button[data-v-783d7f98]{margin-top:53px;margin-left:0;width:100%;height:60px;background:#2cf370;border:none;border-radius:30px;font-family:Poppins Bold;font-size:24px;color:#141516}.top-banner .converter-button.is-disabled[data-v-783d7f98]{background:#167938}.top-banner .converter-button .el-icon--right[data-v-783d7f98]{font-size:36px;margin-left:12px}.top-banner .converter-button[data-v-783d7f98]:hover:not(.is-disabled){background:#fff}.top-banner .banner-steps[data-v-783d7f98]{margin-top:100px}.top-banner .banner-steps-title[data-v-783d7f98]{font-family:Bowlby One;font-size:34px;line-height:51px;font-weight:400;color:#fff;text-align:center}.top-banner .banner-steps-wrap[data-v-783d7f98]{margin-top:50px;display:flex;justify-content:space-between}.top-banner .banner-steps-item[data-v-783d7f98]{width:392px;padding:22px 16px;background:#191919;border:1px solid #373737;border-radius:23px;box-shadow:0 0 0 3px #000}.top-banner .banner-steps-item[data-v-783d7f98]:first-child{background:#191919 url(https://images.musicful.ai/musicfulen/assets/converter/step_1.svg) 100% 0 no-repeat}.top-banner .banner-steps-item[data-v-783d7f98]:nth-child(2){background:#191919 url(https://images.musicful.ai/musicfulen/assets/converter/step_2.svg) 100% 0 no-repeat}.top-banner .banner-steps-item[data-v-783d7f98]:nth-child(3){background:#191919 url(https://images.musicful.ai/musicfulen/assets/converter/step_3.svg) 100% 0 no-repeat}.top-banner .banner-steps-subtitle[data-v-783d7f98]{font-size:18px;line-height:27px;color:#2cf370}.top-banner .banner-steps-introduction[data-v-783d7f98]{font-size:18px;line-height:27px;color:#fff;font-weight:700}.top-banner .banner-steps-details[data-v-783d7f98]{margin-top:20px;font-size:16px;line-height:24px;color:#fff9}.top-banner .banner-steps-details-highlight[data-v-783d7f98]{color:#fff}.top-banner .file-error-dialog[data-v-783d7f98]{position:fixed;width:100%;height:100%;top:0;left:0}.top-banner .msk[data-v-783d7f98]{width:100%;height:100%}.top-banner .file-error-dialog-wrap[data-v-783d7f98]{position:absolute;width:80%;max-width:500px;padding:30px 40px;left:50%;top:50%;transform:translate(-50%,-50%);background:#000000f2;display:flex;flex-direction:column;align-items:center;border-radius:16px}.top-banner .icon-close[data-v-783d7f98]{position:absolute;right:16px;top:16px;cursor:pointer;color:#fff9}.top-banner .icon-close[data-v-783d7f98]:hover{color:#fff}.top-banner .icon-info[data-v-783d7f98]{position:relative;font-size:40px}.top-banner .file-error-dialog-content[data-v-783d7f98]{margin-top:20px;font-size:16px;line-height:30px;color:#fff;text-align:center}@media (max-width:1420px){.top-banner .banner-wrap[data-v-783d7f98]{margin:0 20px}.top-banner .banner-content[data-v-783d7f98]{padding:50px 60px}}@media (max-width:1270px){.top-banner .banner-content[data-v-783d7f98]{padding:38px 18px}.top-banner .banner-steps-item[data-v-783d7f98]{width:335px}}@media (max-width:1080px){.top-banner[data-v-783d7f98]{padding:113px 0 0}.top-banner .banner-desc[data-v-783d7f98]{margin-top:16px}.top-banner .banner-content[data-v-783d7f98]{margin-top:30px}.top-banner .banner-operate[data-v-783d7f98]{flex-direction:column}.top-banner .banner-operate-lft[data-v-783d7f98]{max-width:none;padding-right:0;text-align:center;padding-bottom:30px}.top-banner .banner-operate-lft[data-v-783d7f98]:after{width:100%;height:1px;top:auto;bottom:-1px}.top-banner .banner-operate-desc[data-v-783d7f98]{margin-top:10px}.top-banner .banner-operate-rit[data-v-783d7f98]{margin-top:30px;align-items:center}.top-banner .banner-choosed[data-v-783d7f98]{padding:29px 0 23px;flex-direction:column}.top-banner .banner-choosed-lft[data-v-783d7f98]{width:100%}.top-banner .convert-more[data-v-783d7f98]{top:-11px}.top-banner .choosed-file-name[data-v-783d7f98]{text-align:center}.top-banner .choosed-file-size[data-v-783d7f98]{position:relative;margin:10px 0 25px;text-align:center}.top-banner .choosed-file-size[data-v-783d7f98]:after{content:"";position:absolute;width:100%;height:1px;bottom:-25px;left:0;background:#373737}.top-banner .uploading-progress-bar[data-v-783d7f98]{margin-top:79px;margin-right:63px}.top-banner .converter-state-tips[data-v-783d7f98]{margin-top:10px}.top-banner .banner-choosed-rit[data-v-783d7f98]{margin-left:0;margin-top:79px}.top-banner .output-tips[data-v-783d7f98]{margin-right:16px}.top-banner .remove-file[data-v-783d7f98]{bottom:30px}.top-banner .converter-button[data-v-783d7f98]{margin-top:30px;height:42px;font-size:16px}.top-banner .converter-button .el-icon--right[data-v-783d7f98]{font-size:24px}.top-banner .banner-steps[data-v-783d7f98]{margin-top:50px}.top-banner .banner-steps-wrap[data-v-783d7f98]{margin-top:20px;flex-direction:column}.top-banner .banner-steps-item[data-v-783d7f98]{width:100%}.top-banner .banner-steps-item+.banner-steps-item[data-v-783d7f98]{margin-top:20px}}@media (max-width:768px){.top-banner .banner-title[data-v-783d7f98]{font-size:22px;line-height:32px}.top-banner .banner-desc[data-v-783d7f98],.top-banner .banner-operate-title[data-v-783d7f98]{font-size:16px}.top-banner .banner-operate-subtitle[data-v-783d7f98]{margin-top:12px;font-size:14px;line-height:26px}.top-banner .banner-operate-desc[data-v-783d7f98]{margin-top:6px;padding-bottom:24px;height:auto;font-size:14px;line-height:24px;overflow:hidden}.top-banner .banner-operate-desc.is-hide[data-v-783d7f98]{height:48px;padding-bottom:0}.top-banner .toggle-more[data-v-783d7f98]{position:absolute;display:block;bottom:0;right:50%;transform:translate(50%);background:linear-gradient(90deg,#19191900,#191919 30%);color:#2cf370}.top-banner .toggle-more.is-hide[data-v-783d7f98]{padding-left:20px;right:0;transform:translate(0)}.top-banner .connect-word[data-v-783d7f98]{font-size:16px;line-height:24px;margin-right:45px}.top-banner .convert-more[data-v-783d7f98]{font-size:14px}.top-banner .choosed-file-name[data-v-783d7f98]{font-size:18px}.top-banner .choosed-file-size[data-v-783d7f98],.top-banner .converter-state-tips[data-v-783d7f98]{font-size:14px}.top-banner .output-tips[data-v-783d7f98]{font-size:18px}.top-banner .banner-steps-title[data-v-783d7f98]{font-size:18px;line-height:30px}}@media (max-width:456px){.top-banner .banner-choosed-rit[data-v-783d7f98]{align-self:flex-start}}@media (max-width:400px){.top-banner .connect-word[data-v-783d7f98]{margin:0 10px}}