main{transition:all .3s ease-in-out}.slide-bottom-base{opacity:0;transform:translateY(-1.25rem)}.slide-bottom{transition:all .8s ease-out .2s;opacity:1;transform:translate(0)}.slide-bottom-3d-base li{opacity:0;transform:translate3d(0,100px,0)}.slide-bottom-3d li{opacity:1;transition:opacity,transform 1s ease .2s;transform:translateZ(0)}.slide-bottom-style1{animation:slide-bottom-style1 .8s ease-out .2s both}@keyframes slide-bottom-style1{0%{opacity:0;transform:translateY(-1.25rem)}to{opacity:1;transform:translateY(1)}}.btn-hover-special{position:relative;overflow:hidden}.btn-hover-special:after{transition:left .5s;content:"";background:#00000000;width:100%;height:100%;left:-100%;top:0;position:absolute;transform:skewX(-25deg);z-index:2}.btn-hover-special:hover:after{left:110%;background:linear-gradient(90deg,#ffffff00,#ffffffc2,#ffffff00)}.btn-hover-special-style1:hover{color:#fff!important;background:#ffa323!important}.btn-hover-special-style1:hover .btn-content p{color:#fff!important}.btn-hover-special-style1:hover:after{transition-delay:.1s}main{background-color:#020b13}h1{font-weight:700;font-size:56px}.h1-desc{font-weight:400;font-size:18px;line-height:24px;color:#ffffff99;margin-top:16px}h2{font-size:32px;line-height:42px}h2,h3{font-weight:600}h3{font-size:20px;line-height:27px}.h3-desc{font-weight:400;font-size:16px;line-height:24px}main{position:relative}.color-green{color:#1ed760}.color-red{color:#ff3131}.transfer-music-btn{display:block;width:fit-content;min-width:272px;padding:14.5px 24px;font-weight:600;font-size:20px;line-height:27px;color:#fff;background:linear-gradient(90deg,#2ce1ff,#008aff);box-shadow:0 1px 3px 0 #1c8dfc4d,0 4px 8px 3px #1c8dfc26;margin:48px auto 0;border-radius:8px;text-decoration:none}.music-animation{width:100%;height:166px;background-color:#020b13}.section{padding:0 64px;color:#fff;background-color:#020b13;text-align:center}.section-1:before{content:"";display:block;width:100%;height:64px}.section-1 .container-page{max-width:950px;width:100%;margin:124px auto 0}.section-3{padding-top:80px}.section-3 .container{padding-top:48px;max-width:1132px;width:100%;margin:auto;display:grid;grid-template-columns:repeat(2,minmax(300px,1fr));gap:40px}.section-3 .container li{background-color:#102330;border-radius:16px;padding:32px 40px;text-align:left}.section-3 .container li h3{font-weight:700;background-image:linear-gradient(90deg,#3ecbff,#078de0);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;display:flex;justify-content:flex-start;align-items:center;column-gap:12px}.section-3 .container li h3:before{flex-shrink:0;content:"";width:40px;height:40px;background-size:40px;background-position:50%;background-repeat:no-repeat}.section-3 .container li h3 span,.section-3 .container li h3 span .tip{display:inline-block;vertical-align:middle}.section-3 .container li h3 span .tip{cursor:pointer;width:24px;height:24px;margin-left:8px;background:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTEyIDIwYTggOCAwIDExMC0xNiA4IDggMCAwMTAgMTZ6bTAtMS4zMzRhNi42NjcgNi42NjcgMCAxMDAtMTMuMzMzIDYuNjY3IDYuNjY3IDAgMDAwIDEzLjMzM3oiIGZpbGw9IiM1MzY5NzgiIHN0cm9rZT0iIzUzNjk3OCIgc3Ryb2tlLXdpZHRoPSIuNSIvPjxyZWN0IHg9IjExIiB5PSI3IiB3aWR0aD0iMiIgaGVpZ2h0PSI3IiByeD0iMSIgZmlsbD0iIzUzNjk3OCIvPjxjaXJjbGUgY3g9IjEyIiBjeT0iMTYiIHI9IjEiIGZpbGw9IiM1MzY5NzgiLz48L3N2Zz4=) no-repeat 50%/24px;position:relative}.section-3 .container li h3 span .tip:hover{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTEyIDIwYTggOCAwIDExMC0xNiA4IDggMCAwMTAgMTZ6bTAtMS4zMzRhNi42NjcgNi42NjcgMCAxMDAtMTMuMzMzIDYuNjY3IDYuNjY3IDAgMDAwIDEzLjMzM3oiIGZpbGw9IiM1MzY5NzgiIHN0cm9rZT0iIzUzNjk3OCIgc3Ryb2tlLXdpZHRoPSIuNSIvPjxjaXJjbGUgY3g9IjExLjUiIGN5PSIxMS41IiByPSI3LjUiIGZpbGw9IiM1MzY5NzgiLz48Y2lyY2xlIGN4PSIxMiIgY3k9IjE2IiByPSIxIiBmaWxsPSIjZmZmIi8+PHJlY3QgeD0iMTEiIHk9IjciIHdpZHRoPSIyIiBoZWlnaHQ9IjciIHJ4PSIxIiBmaWxsPSIjZmZmIi8+PC9zdmc+)}.section-3 .container li h3 span .tip label{visibility:hidden;position:absolute;top:28px;left:50%;transform:translateX(-50%);display:block;-webkit-text-fill-color:#fff;font-size:12px;line-height:20px;color:#fff;padding:2px 6px;background:#43708e;border-radius:4px;white-space:nowrap}.section-3 .container li h3 span .tip label:before{content:"";width:0;height:0;position:absolute;top:-6px;left:50%;transform:translateX(-50%);border-left:7.5px solid transparent;border-right:7.5px solid transparent;border-bottom:6px solid #43708e}.section-3 .container li .h3-desc{margin-top:16px;color:#ffffffb2}.section-3 .container li:first-of-type h3::before{background-image:url(/asset/tools/youtube-to-mp3/css/images/section3-1-9c889454.svg)}.section-3 .container li:nth-of-type(2) h3:before{background-image:url(/asset/tools/youtube-to-mp3/css/images/section3-2-241967ae.svg)}.section-3 .container li:nth-of-type(3) h3:before{background-image:url(/asset/tools/youtube-to-mp3/css/images/section3-3-5dd514c1.svg)}.section-3 .container li:nth-of-type(4) h3:before{background-image:url(/asset/tools/youtube-to-mp3/css/images/section3-4-9a5e1cb5.svg)}.section-3 .container li:nth-of-type(5) h3:before{background-image:url(/asset/tools/youtube-to-mp3/css/images/section3-5-a12fa5d0.svg)}.section-3 .container li:nth-of-type(6) h3:before{background-image:url(/asset/tools/youtube-to-mp3/css/images/section3-6-9ba2e417.svg)}.section-4{padding-top:120px}.section-4 .container{padding-top:48px;max-width:1224px;width:100%;margin:auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:24px}.section-4 .container li{border-radius:16px;padding:23.5px 16px}.section-4 .container li .h3-desc{color:#ffffff99;margin-top:12px}.section-4 .container li:first-of-type{background:linear-gradient(237.95deg,#263a68 -41.47%,#1f2336 61.65%)}.section-4 .container li:nth-of-type(2){background:linear-gradient(53.76deg,#1b2225 3.61%,#1d4a47 146.25%)}.section-4 .container li:nth-of-type(3){background:linear-gradient(235.18deg,#352e56 -39.5%,#1c1c25 62.63%)}.section-4 .container li:nth-of-type(4){background:linear-gradient(235.73deg,#4b1a25 -23.54%,#1a1215 68.04%)}.section-5{padding-top:120px}.section-5 .container{max-width:1192px;width:100%;margin:auto;display:flex;justify-content:space-between;align-items:center;gap:24px;text-align:left}.section-5 .container .img{flex-shrink:1;min-width:0;width:660px;max-width:100%;border-radius:12px;overflow:hidden}.section-5 .container .img img{display:block;width:100%;height:auto;border-radius:12px}.section-5 .container .content{flex:1 1 468px;min-width:0;max-width:468px;display:flex;flex-direction:column;align-items:flex-start;gap:24px}.section-5 .container .content h2{font-size:24px;line-height:32px}.section-5 .container .content .h3-desc{font-weight:600;font-size:16px;line-height:26px;color:hsla(0,0%,100%,.75)}.section-5 .container .content .transfer-music-btn{margin:0;text-align:center}.section-faq{padding-top:120px}.section-faq h2{font-size:28px;line-height:36px}.section-faq .questions-list{text-align:left;margin:44px auto 0;max-width:960px;width:100%}.section-faq .questions-list li{border-bottom:1px solid #ffffff1a;padding:20px 0;margin:0 auto}.section-faq .questions-list li:first-child{padding-top:0}.section-faq .questions-list li h3{font-weight:600;font-size:18px;line-height:28px;padding-left:36px;position:relative;cursor:pointer}.section-faq .questions-list li h3:before{content:"";position:absolute;width:24px;height:24px;top:50%;transform:translateY(-50%);left:0;background:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTYgMmwxMiAxMEw2IDIyVjJ6IiBmaWxsPSIjM0RDQUZGIi8+PC9zdmc+) no-repeat 50%/contain;background-size:24px}.section-faq .questions-list li .question-desc{display:none;padding-top:20px;line-height:36px;font-size:16px;color:#fff}.section-faq .questions-list li .question-desc>a{text-emphasis:none;background:linear-gradient(90deg,#3ecbff,#078de0);background-clip:text;-webkit-text-fill-color:transparent;color:transparent;position:relative}.section-faq .questions-list li .question-desc>a:after{content:"";position:absolute;left:0;bottom:-1px;width:100%;height:1px;background:linear-gradient(90deg,#3ecbff,#078de0);transform-origin:center;transition:transform .3s ease}.section-faq .questions-list li .question-desc>a:hover:after{transform:scaleX(0)}.section-faq .questions-list li[data-active=true] h3{font-weight:700;background-image:linear-gradient(90deg,#3ecbff,#078de0);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}.section-faq .questions-list li[data-active=true] h3:before{background:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTIyIDhMMTIgMjAgMiA4aDIweiIgZmlsbD0iIzNEQ0FGRiIvPjwvc3ZnPg==) no-repeat 50%/contain}.section-faq .questions-list li[data-active=true] .question-desc{display:block}.section-star{padding-top:120px;padding-bottom:48px}.section-star h2{font-weight:600;font-size:28px;line-height:42px}.section-star p{margin-top:10px;font-size:20px;line-height:27px;color:#9c9c9c;text-align:center}.section-star #star-list{display:flex;width:224px!important;margin:24px auto 0;justify-content:space-between}.section-star .desc{margin-top:24px;line-height:21px}.section-star .desc .star-score{color:#ffd538}.section-star .update{font-weight:400;margin-top:80px;font-size:14px;line-height:19px}.search-input-page{position:relative;display:flex;align-items:center;max-width:900px;width:100%;min-height:56px;margin:48px auto 0;padding:8px 12px 8px 24px;background-color:#FFFFFF1A;border:none;border-radius:50px;box-shadow:0 0 8px 0 #008AFF40;text-align:left;transition:box-shadow .3s ease}.search-input-page:before{content:"";position:absolute;inset:0;padding:1px;border-radius:inherit;background:linear-gradient(91.18deg,rgba(44,225,255,.5) -1.94%,rgba(0,138,255,.5) 54.75%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude;pointer-events:none}.search-input-page:focus-within{box-shadow:0 0 20px 0 rgba(44,225,255,.5)}.search-input-page .input{flex:1;min-width:0;height:100%;padding:0;border:none;outline:none;background:transparent;font-family:inherit;font-size:16px;line-height:24px;color:#fff}.search-input-page .input::placeholder{color:#9c9c9c}.search-input-page .search-btn-box{display:flex;flex-shrink:0;align-items:center;margin-left:20px}.search-input-page .search-btn-box .search-input-close{display:none;position:relative;flex-shrink:0;width:24px;height:24px;margin-right:16px;border-radius:50%;background-color:#ffffff1a;cursor:pointer}.search-input-page .search-btn-box .search-input-close:after,.search-input-page .search-btn-box .search-input-close:before{content:"";position:absolute;top:50%;left:50%;width:12px;height:2px;border-radius:1px;background-color:#fff}.search-input-page .search-btn-box .search-input-close:before{transform:translate(-50%,-50%) rotate(45deg)}.search-input-page .search-btn-box .search-input-close:after{transform:translate(-50%,-50%) rotate(-45deg)}.search-input-page .search-btn-box .search-input-close:hover{background-color:#ffffff33}.search-input-page .search-btn-box .search-btn{display:flex;align-items:center;justify-content:center;width:120px;height:40px;border-radius:31px;background:linear-gradient(90deg,#2ce1ff,#0a8bff);font-size:0;cursor:pointer;transition:opacity .3s ease}.search-input-page .search-btn-box .search-btn:before{content:"";display:block;width:26px;height:26px;background:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTIxIDIxbC00LjM0LTQuMzRNMTkgMTFhOCA4IDAgMTEtMTYgMCA4IDggMCAwMTE2IDB6IiBzdHJva2Utd2lkdGg9IjIuNjY3IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZT0iI2ZmZiIvPjwvc3ZnPg==) no-repeat 50%/contain}.search-input-page .search-btn-box .search-btn:hover{opacity:.8}.search-input-page .input:not(:placeholder-shown)~.search-btn-box .search-input-close{display:block}.g-guide{display:flex;align-items:center;box-sizing:border-box;max-width:900px;width:100%;min-height:107px;margin:56px auto 0;padding:21px 40px;background-color:hsla(0,0%,100%,.1);border-radius:65px;text-align:left}.g-guide:before{content:"";flex-shrink:0;width:64px;height:64px;margin-right:27px;background:url(/asset/tools/youtube-to-mp3/css/images/diamond-1569ab8f.png) no-repeat 50%/contain}.g-guide .text{flex:1;min-width:0;max-width:437px;font-weight:600;font-size:18px;line-height:32px;color:#fff}.g-guide .text .color{color:#fed928}.g-guide .btn{display:flex;flex-shrink:0;align-items:center;justify-content:center;min-width:195px;width:auto;padding:8px;height:56px;margin-left:auto;border-radius:8px;background:linear-gradient(90deg,rgba(44,225,255,.175),rgba(0,138,255,.175));font-weight:600;font-size:16px;line-height:24px;color:#fff;text-decoration:none;white-space:nowrap;transition:opacity .3s ease}.g-guide .btn:before{content:"";flex-shrink:0;width:22px;height:22px;margin-right:8px;background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjgiIGhlaWdodD0iMjYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTEyLjgxMyAyLjA4djEwLjU2SDI4VjBMMTIuODEzIDIuMDh6TTAgMTIuNzZoMTEuODYzVjIuMThMMCAzLjc5NnY4Ljk2NHptMTIuODEzIDExLjEyMkwyOCAyNS45NjNWMTMuNjM2SDEyLjgxM3YxMC4yNDZ6TTAgMjIuMTY3bDExLjg2MyAxLjYxNlYxMy42MzZIMHY4LjUzeiIgZmlsbD0iI2ZmZiIvPjwvc3ZnPg==);background-repeat:no-repeat;background-position:50%;background-size:contain}.g-guide .btn[data-platform=mac]:before{background-image:url(/asset/tools/youtube-to-mp3/css/images/mac-os-platform-c1a38650.svg)}.g-guide .btn[data-platform=android]:before{background-image:url(/asset/tools/youtube-to-mp3/css/images/android-platform-f6705493.svg)}.g-guide .btn:hover{opacity:.8}@media screen and (max-width:1280px){h1,h2{max-width:1024px;margin-left:auto;margin-right:auto}}@media screen and (max-width:1215px){.section-4 .container{grid-template-columns:repeat(2,minmax(250px,1fr))}}@media screen and (max-width:768px){.music-animation{display:none}.transfer-music-btn{min-width:200px;padding:12px 24px;font-size:16px;line-height:24px;margin:28px auto 0}h1{font-size:24px;line-height:32px}.h1-desc{font-size:12px}h2{font-size:20px;line-height:30px}h3{font-size:16px;line-height:24px}.h3-desc{font-size:14px;line-height:22px}.section{padding:0 16px}.section-1:before{height:44px}.section-1 .container-page{margin:32px auto 0}.section-1 .music-animation{width:100%;height:166px}.section-3{padding-top:60px}.section-3 .container{padding-top:28px;grid-template-columns:repeat(1,1fr);gap:24px}.section-3 .container li{padding:16px 20px}.section-3 .container li h3{column-gap:12px}.section-3 .container li h3:before{width:32px;height:32px;background-size:32px}.section-3 .container li h3 span .tip{width:20px;height:20px;margin-left:6px;background-size:20px}.section-3 .container li h3 span .tip label{top:26px}.section-3 .container li .h3-desc{margin-top:16px}.section-4{padding-top:60px}.section-4 .container{padding-top:28px;grid-template-columns:repeat(1,1fr)}.section-4 .container li{padding:12px 8px}.section-4 .container li .h3-desc{margin-top:12px}.section-faq{padding-top:60px}.section-faq h2{font-size:20px;line-height:30px}.section-faq .questions-list{margin:28px auto 0}.section-faq .questions-list>li{padding:16px 0}.section-faq .questions-list>li h3{font-size:16px;line-height:24px;padding-left:26px}.section-faq .questions-list>li .question-desc{font-size:14px;line-height:22px;padding-top:5px;padding-right:0}.section-faq .questions-list>li .question-desc a{background:linear-gradient(90deg,#3ecbff,#078de0);background-clip:text;-webkit-text-fill-color:transparent;color:transparent}.section-5{padding-top:60px}.section-5 .container{flex-direction:column;align-items:flex-start;gap:24px}.section-5 .container .img{width:100%}.section-5 .container .content{width:100%;max-width:none;gap:16px;flex:none}.section-5 .container .content h2{font-size:20px;line-height:30px;letter-spacing:normal;text-align:center}.section-5 .container .content .h3-desc{font-size:14px;line-height:22px;text-align:center}.section-5 .container .content .transfer-music-btn{min-width:0;margin-top:8px;margin-left:auto;margin-right:auto}.section-star{padding-top:60px;padding-bottom:48px}.section-star h2{font-size:20px;line-height:32px}.section-star p{margin-top:16px;font-size:14px;line-height:24px;text-align:center}.section-star #star-list{margin-top:22px;display:flex;width:224px!important;justify-content:space-between}.section-star .desc{margin-top:16px;line-height:21px}.section-star .update{margin-top:48px;font-size:12px}.search-input-page{min-height:48px;margin-top:24px;padding:2px 8px 2px 16px;font-size:14px}.search-input-page .input{font-size:14px;line-height:22px}.search-input-page .search-btn-box{margin-left:8px}.search-input-page .search-btn-box .search-input-close{width:18px;height:18px;margin-right:8px}.search-input-page .search-btn-box .search-input-close:after,.search-input-page .search-btn-box .search-input-close:before{width:9px}.search-input-page .search-btn-box .search-btn{width:72px;height:34px}.search-input-page .search-btn-box .search-btn:before{width:18px;height:18px}.g-guide{flex-wrap:wrap;min-height:auto;margin-top:20px;padding:16px;border-radius:24px}.g-guide:before{width:40px;height:40px;margin-right:12px}.g-guide .text{max-width:none;font-size:14px;line-height:22px}.g-guide .btn{width:100%;height:44px;margin-top:16px;font-size:14px;line-height:20px}.g-guide .btn:before{width:18px;height:18px;margin-right:6px}}.banner{position:absolute;top:88px;left:0;right:0;height:48px;background:linear-gradient(91.21deg,rgba(26,178,255,.4) 38.51%,rgba(249,102,255,.4) 51.59%);display:flex;justify-content:center;align-items:center;column-gap:4px;font-weight:600;font-size:16px;line-height:21px;color:#fff;backdrop-filter:blur(6px)}.banner a{color:#ffd538;cursor:pointer}.banner a:hover{opacity:.8}.banner:before{flex-shrink:0;content:"";width:22px;height:22px;background:url(/asset/common/components/banner/css/images/banner-pointer-aaeaff02.svg) no-repeat 50%/contain}.banner .banner-pc{display:block}.banner .banner-close,.banner .banner-mobile{display:none}@media screen and (max-width:768px){.banner{z-index:94035;font-size:14px;line-height:22px;height:auto;position:fixed;top:auto;bottom:0;padding:4px 8px 4px 20px;justify-content:space-between;align-items:flex-start;text-align:left;background:linear-gradient(85.43deg,rgba(26,178,255,.4) 20.15%,rgba(249,102,255,.4) 57.03%)}.banner:before{content:none}.banner .banner-pc{display:none}.banner .banner-mobile{display:block}.banner .banner-close{flex-shrink:0;display:block;width:16px;height:16px;cursor:pointer;position:relative}.banner .banner-close:after,.banner .banner-close:before{content:"";position:absolute;height:2px;top:50%;left:0;right:0;background:#c8c8c8;border-radius:8px;transform-origin:center}.banner .banner-close:before{transform:translateY(-50%) rotate(45deg)}.banner .banner-close:after{transform:translateY(-50%) rotate(-45deg)}}