.voice_changer_online{background:url(https://images.imyfone.com/filme/assets/overview/magicvoice/audio-top-bg.png) no-repeat;background-size:100% 100%;padding:40px 0 0;max-width:664px;min-width:320px;width:664px;margin:0 auto;border-radius:28px;position:relative;border:1px solid #3C4598}.voice_changer_online .go-back{position:absolute;top:40px;left:42px;width:30px;height:30px;cursor:pointer;display:none}.voice_changer_online .go-back:hover{opacity:.7}.voice_changer_online h2{color:#fff;text-align:center;font-size:18px;font-weight:700;line-height:30px}.voice_changer_online .ok-box{display:flex;align-items:center;justify-content:space-between;margin-top:38px}.voice_changer_online .ok-box .bottom-btn{display:flex;align-items:center;justify-content:center;width:200px;height:40px;background:#fff;color:#000;font-size:16px;font-weight:500;border-radius:8px;margin-right:10px;border:none}.voice_changer_online h2 span{background:linear-gradient(114deg,#0DD3FF 0%,#B402FF 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.voice_changer_online .voice-content{margin:0 auto;text-align:center;position:relative;z-index:2}.voice_changer_online .record-upload,.voice_changer_online .record-uploads,.voice_changer_online .file-upload{display:flex;justify-content:center;align-items:center;flex-direction:column}.voice_changer_online .record-upload{margin:0 20px}.voice_changer_online .file-upload{justify-content:center}.voice_changer_online .common-btn{display:flex;align-items:center;width:180px;height:180px;border:none;cursor:pointer;flex-direction:column;padding:40px 16px 0}.voice_changer_online .common-btn.record-btn:hover,.record-btns:hover,.primary-btn:hover{animation:zoom 1s ease-in-out infinite alternate}.voice_changer_online .common-btn p{color:#CFE2F1;font-size:14px;font-weight:600;line-height:21px}@keyframes zoom{from{transform:scale(.95)}to{transform:scale(1)}}.voice_changer_online .common-btn.record-finish{width:64px;height:64px;background:url(https://images.imyfone.com/filme/assets/overview/magicvoice/record_stop_btn.svg) no-repeat;background-size:100% 100%;padding:0;margin:0 auto 10px;position:relative}.voice_changer_online .common-btn.record-finish::after{position:absolute;width:231px;height:72px;top:50%;left:-241px;transform:translateY(-50%);content:"";background:url(https://images.imyfone.com/filme/assets/overview/magicvoice/record-lr.png) no-repeat;background-size:100% 100%}.voice_changer_online .record-finish-content{width:87px;margin-top:18px}.voice_changer_online .common-btn.record-finish::before{position:absolute;width:231px;height:72px;top:50%;right:-241px;transform:translateY(-50%);content:"";background:url(https://images.imyfone.com/filme/assets/overview/magicvoice/record-lr.png) no-repeat;background-size:100% 100%}.voice_changer_online .common-btn.primary-btn{background:url(https://images.imyfone.com/filme/assets/overview/magicvoice/document-bg.png) no-repeat;background-size:100% 100%}.voice_changer_online .common-btn.record-btn{background:url(https://images.imyfone.com/filme/assets/overview/magicvoice/recording-bg.png) no-repeat;background-size:100% 100%}.voice_changer_online .common-btn.record-btns{background:url(https://images.imyfone.com/filme/assets/overview/magicvoice/Disable-bg.png) no-repeat;background-size:100% 100%}.voice_changer_online .common-btn.primary-btn:hover{background:url(https://images.imyfone.com/filme/assets/overview/magicvoice/document-bg-hover.png) no-repeat;background-size:100% 100%}.voice_changer_online .common-btn.record-btn:hover{background:url(https://images.imyfone.com/filme/assets/overview/magicvoice/recording-bg-hover.png) no-repeat;background-size:100% 100%}.voice_changer_online .common-btn.record-btns:hover{background:url(https://images.imyfone.com/filme/assets/overview/magicvoice/Disable-bg-hover.png) no-repeat;background-size:100% 100%}.voice_changer_online .common-btn.record-btn p{color:#DDCDF4}.voice_changer_online .common-btn.record-btns p{color:#D3F0FF}.voice_changer_online .changing-img{display:none}.voice_changer_online .changing-imgs,.voice_changer_online .changing-imgs-two{border-radius:26px;margin-bottom:10px;width:160px;height:160px}.voice_changer_online .voices{width:100%;height:138px;position:relative;padding:0 42px 18px}.voice_changer_online .voice-box-content{padding:30px 42px 40px;display:flex;justify-content:center}.voice_changer_online .voice-box-content.act-over{padding:10px}.voice_changer_online .voices>p{text-align:start;font-size:14px;font-weight:600;line-height:23px;padding:10px 0;border-top:1px solid #262B63}.voice_changer_online .duration-all{font-weight:400;font-size:14px;line-height:21px;color:#FFF}.voice_changer_online ul{display:flex;justify-content:space-between;align-items:center;height:78px;margin-top:0}.voice_changer_online li.oringinal{display:none}.voice_changer_online li{margin:0;list-style:none!important}.voice_changer_online li::before{background:unset}.voice_changer_online li a{display:block;width:100%;height:100%;text-align:center;text-decoration:none}.voice_changer_online .voice-img{position:relative;width:max-content;margin:0 auto}.voice_changer_online .voice-img img{width:48px;height:48px;border-radius:8px}.voice_changer_online li .play-state{display:none;position:absolute;top:0;left:0;width:100%;height:100%;border-radius:8px;background:rgba(17,12,49,.8);justify-content:center;align-items:center;border:2px solid #7A30EA}.voice_changer_online .act-play .play,.voice_changer_online .act-playing .playing,.voice_changer_online .act-loading .loading{display:flex}@-webkit-keyframes line-scale-pulse-out{0%{-webkit-transform:scaley(1);transform:scaley(1)}50%{-webkit-transform:scaley(.4);transform:scaley(.4)}100%{-webkit-transform:scaley(1);transform:scaley(1)}}@keyframes line-scale-pulse-out{0%{-webkit-transform:scaley(1);transform:scaley(1)}50%{-webkit-transform:scaley(.4);transform:scaley(.4)}100%{-webkit-transform:scaley(1);transform:scaley(1)}}.voice_changer_online .line-scale-pulse-out>div{background-color:#fff;width:3px;height:25px;border-radius:2px;margin:2px;-webkit-animation-fill-mode:both;animation-fill-mode:both;display:inline-block;-webkit-animation:line-scale-pulse-out 0.9s 0s infinite cubic-bezier(.85,.25,.37,.85);animation:line-scale-pulse-out 0.9s 0s infinite cubic-bezier(.85,.25,.37,.85)}.voice_changer_online .switch-icons{width:108px;height:32px;border-radius:20px;padding:4px;display:flex;justify-content:space-between;background:#252552;margin:5px auto 0}.voice_changer_online .changing-img-content,.voice_changer_online .changing-img-content-two{line-height:23px;font-size:14px}.voice_changer_online .changing-imgs-two,.voice_changer_online .changing-img-content-two{display:none}.voice_changer_online .switch-icons div{width:48px;height:24px;font-size:14px;font-weight:700;line-height:24px;text-align:center;color:#FFF;border-radius:16px;cursor:pointer}.voice_changer_online .switch-icons .clik.active{background:linear-gradient(94.12deg,#66FFCC 0%,#33FFFF 98.76%);color:#1F1F1F}.voice_changer_online .line-scale-pulse-out>div:nth-child(2),.voice_changer_online .line-scale-pulse-out>div:nth-child(4){-webkit-animation-delay:0.2s!important;animation-delay:0.2s!important}.voice_changer_online .line-scale-pulse-out>div:nth-child(1),.voice_changer_online .line-scale-pulse-out>div:nth-child(5){-webkit-animation-delay:0.4s!important;animation-delay:0.4s!important}@-webkit-keyframes ball-spin-fade-loader{50%{opacity:.3;-webkit-transform:scale(.4);transform:scale(.4)}100%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes ball-spin-fade-loader{50%{opacity:.3;-webkit-transform:scale(.4);transform:scale(.4)}100%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}.voice_changer_online .ball-spin-fade-loader{position:relative;width:100%;height:100%;background:url(https://images.imyfone.com/filme/assets/article_product/loading-logo.gif) center center/cover}.voice_changer_online .voice-text{display:block;color:#FFFFFF80;font-size:12px;font-weight:400;line-height:24px;text-align:center;margin-top:6px}.voice_changer_online .voice-cards img{opacity:.5}.voice_changer_online .voice-tip{position:relative}.voice_changer_online .tip-content{display:none;width:236px;border-radius:10px;background:linear-gradient(180deg,#282744 0%,rgba(40,39,68,.75) 100%);border:1px solid #FFFFFF1A;backdrop-filter:blur(5px);position:absolute;padding:10px;color:#FFF;font-size:12px;font-weight:600;line-height:20px;z-index:1;text-align:start}.voice_changer_online .tip-content.more{top:50px;right:0;padding:20px;width:300px;text-align:center}.voice_changer_online .tip-content.trump{top:50px;left:50%;transform:translate(-50%);padding:20px;width:300px;text-align:center}.voice_changer_online .tip-content.more span,.voice_changer_online .tip-content.trump span{color:#FFFC;font-size:14px;font-weight:400;line-height:22px;display:block;margin-bottom:16px}.voice_changer_online .tip-content.more a,.voice_changer_online .tip-content.trump a{margin-top:16px}.voice_changer_online .tip-content .amt-utils a{display:flex;width:200px;height:40px;border-radius:8px;background:linear-gradient(142deg,#9966FF 16.55%,#6666FF 78.07%);color:#fff;font-size:16px;font-weight:500;line-height:24px;text-align:center;align-items:center;justify-content:center;margin:0 auto}.voice_changer_online .tip-content .amt-utils a:hover{background:linear-gradient(142deg,#7639F1 16.55%,#4040F5 78.07%)}.voice_changer_online .tip-content.file{top:56px;left:-67px}.voice_changer_online .tip-content.record{top:56px;left:-67px}.voice_changer_online .tip-content.upload{width:236px;top:143px;left:107px}.voice_changer_online .record-example{bottom:0;left:0;width:100%;margin-top:-10px;position:relative;border-radius:24px;border:0;background:#3B3BA1;padding:20px;text-align:left;display:none}.voice_changer_online .record-example p{color:#FFF;font-size:12px;font-weight:400;line-height:20px}.voice_changer_online .record-example .title{font-size:16px;font-weight:600;line-height:24px}.voice_changer_online .record-example .mt10{margin-top:10px}.voice_changer_dialog .dialog{display:none;justify-content:center;align-items:center;position:absolute;top:0;height:100%;width:100%;background:rgba(22,19,30,.85);z-index:1001;border-radius:26px}.voice_changer_dialog .dialog-main{position:relative;display:flex;flex-direction:column;align-items:center;padding:40px 30px 30px;backdrop-filter:blur(27px);background-size:100% 100%;background-color:rgba(17,12,49,.4)}.voice_changer_dialog .dialog.error-dialog .dialog-main{width:500px;height:auto;padding:30px}.voice_changer_dialog .dialog.error-dialog .dialog-main .failed{font-size:20px;font-weight:700;line-height:30px;text-align:center;margin-top:10px}.voice_changer_dialog .dialog-main .dialog-img{width:40px}.voice_changer_dialog .dialog-main .close{position:absolute;right:20px;top:20px;width:16px;height:16px;background:url(https://images.imyfone.com/filme/assets/overview/magicvoice/audio-popu-close.png) no-repeat;background-size:100% 100%;cursor:pointer}.voice_changer_dialog .dialog-main .title{margin-bottom:30px;font-weight:400;font-size:24px;line-height:30px;color:#FFF}.voice_changer_dialog .dialog-body{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%}.voice_changer_dialog .main-text{font-size:14px;font-weight:400;line-height:22px;color:#FFFFFFB2;text-align:center;margin-top:10px}.voice_changer_dialog .common-btn{display:flex;justify-content:center;align-items:center;width:200px;height:40px;border-radius:8px;font-size:16px;border:none;font-weight:600;color:#fff}.voice_changer_dialog .common-btn.primary-btn{background:linear-gradient(142deg,#9966FF 16.55%,#6666FF 78.07%);padding:0}.voice_changer_dialog .common-btn.primary-btn:hover{background:linear-gradient(142deg,#7639F1 16.55%,#4040F5 78.07%)}.voice_changer_online .real-time{width:100%;height:100%;position:absolute;background:#00000080;justify-content:center;align-items:center;top:0;left:0;display:none;z-index:2;border-radius:26px}.voice_changer_online .real-time .box{width:500px;height:250px;border-radius:16px;background:#20213D;display:flex;align-items:center;justify-content:center;flex-direction:column;position:relative}.voice_changer_online .real-time .box p{max-width:420px;font-size:14px;font-weight:400;line-height:22px;text-align:center;color:#FFFFFFB2;margin:20px 0 22px}.voice_changer_online .real-time .box img{width:64px}.voice_changer_online .real-time .close{position:absolute;top:16px;right:16px;cursor:pointer}.voice_changer_online .amt-utils a{width:200px;height:40px;border-radius:8px;color:#fff;display:flex;align-items:center;justify-content:center;font-size:16px;text-align:center;font-weight:500;background:linear-gradient(142deg,#9966FF 16.55%,#6666FF 78.07%)}.voice_changer_online .amt-utils a:hover{color:#fff;background:linear-gradient(142deg,#7639F1 16.55%,#4040F5 78.07%)}@media screen and (max-width:1024px){.voice_changer_online .voice-card .play{display:flex;opacity:0}}@media screen and (max-width:768px){.voice_changer_online{border-radius:16px;width:auto;padding:30px 0 0}.voice_changer_online .record-upload{margin:0 10px}.voice_changer_online h2{line-height:27px;padding:0 20px}.voice_changer_online .voice-box-content{padding:20px;overflow:hidden}.voice_changer_online .common-btn{width:95px;height:110px;padding:20px 2px 19px}.voice_changer_online .common-btn img{width:32px}.voice_changer_online .common-btn p{font-size:12px;line-height:16px;margin-top:7px}.voice_changer_online .voices li.voice-cards{display:none}.voice_changer_online .voices>p{line-height:21px}.voice_changer_dialog .dialog{border-radius:16px}.voice_changer_online .voice-box-content.act-over{padding:20px 20px 10px}.voice_changer_online .go-back svg{width:30px;height:30px}.voice_changer_online .changing-imgs,.voice_changer_online .changing-imgs-two{width:80px;height:80px}.voice_changer_online .changing-img-content,.voice_changer_online .changing-img-content-two{line-height:21px}.voice_changer_online .voices{border-radius:20px;height:161px;padding:0 20px 40px}.voice_changer_online .real-time .box,.voice_changer_dialog .dialog.error-dialog .dialog-main{width:325px}.voice_changer_dialog .dialog.error-dialog .dialog-main{padding:30px 20px}.voice_changer_dialog .ok-box{margin-top:16px;flex-direction:column}.voice_changer_online .ok-box .bottom-btn{margin-bottom:16px;margin-right:0}.voice_changer_online .real-time .box img{width:40px}.voice_changer_online .real-time .box p{margin:10px 0 16px}.voice_changer_online .voice-img img{width:48px;height:auto}.voice_changer_online .voice-text{font-size:12px}.voice_changer_online .go-back{top:30px;left:30px}.voice_changer_online .record-example{border-radius:16px;bottom:0;left:0;width:100%;margin-top:0}.voice_changer_online .download-close svg{width:19px;height:19px}}@media screen and (max-width:390px){.voice_changer_online .voice-box-content{padding:20px 5px}.voice_changer_online .common-btn{width:96px}}@media screen and (max-width:340px){.voice_changer_online{min-width:100%}}