@keyframes loading{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@keyframes progress-loading{0%{background-position:0}100%{background-position:27.8px}}@keyframes progressgenerate{0%{opacity:0}30%{opacity:1}70.1%{opacity:1}100%{opacity:0}}.template-wrapper *{display:none !important}[type=progress]{display:none !important}#video-compressor{background-image:linear-gradient(306deg, rgba(199, 204, 255, 0.56) 0%, rgba(240, 226, 255, 0.56) 100%);padding:44px 0}#video-compressor h1{text-align:center;font:normal normal bold 36px/55px Poppins;color:#39325a}#video-compressor h1+p{margin-top:9px;text-align:center;font:normal normal 300 20px/30px Poppins;color:#39325a}#video-compressor .compress-wrapper{width:967px;margin:22px auto;background:hsla(0,0%,100%,.85) 0 0 no-repeat padding-box;box-shadow:0 2px 10px rgba(0,0,0,.1725490196);border:1px solid #e2e2e2;border-radius:10px;padding:30px 35px}#video-compressor .compress-wrapper.uploaded .upload-wrapper{display:none}#video-compressor .compress-wrapper.uploaded .uploaded-wrapper{display:flex}#video-compressor .compress-wrapper.compressing{pointer-events:none}#video-compressor .compress-wrapper.compressing .upload-wrapper,#video-compressor .compress-wrapper.compressing .uploaded-wrapper,#video-compressor .compress-wrapper.compressing .quality-wrapper,#video-compressor .compress-wrapper.compressing .mini-info{opacity:.5}#video-compressor .section-title{font:normal normal 500 15px/23px Poppins;color:#39325a;margin-top:10px;margin-bottom:20px}#video-compressor .upload-wrapper{width:100%;padding:72px 0;background:#fafafa 0 0 no-repeat padding-box;border:1px dashed #a0a0a0;border-radius:4px;display:flex;align-items:center;justify-content:center;cursor:pointer}#video-compressor .upload-wrapper .upload-wrap{display:flex;align-items:flex-start;justify-content:center;transition:all .2s ease-in-out;opacity:0}#video-compressor .upload-wrapper .upload-wrap img{width:40px;display:block;margin-right:14px;-webkit-user-select:none;-moz-user-select:none;user-select:none}#video-compressor .upload-wrapper .upload-wrap .upload-desc p{font:normal normal normal 14px/21px Poppins;color:#b4b0c6}#video-compressor .upload-wrapper .upload-wrap .upload-desc p:first-child{color:#39325a}#video-compressor .upload-wrapper .upload-loading{display:none;flex-direction:column;align-items:center;justify-content:center}#video-compressor .upload-wrapper .upload-loading img{width:40px;display:block;margin-bottom:6px;-webkit-user-select:none;-moz-user-select:none;user-select:none;animation:loading 1s linear infinite}#video-compressor .upload-wrapper .upload-loading p{display:flex;align-items:baseline}#video-compressor .upload-wrapper .upload-loading p span{font:normal normal normal 15px/23px Poppins;color:#39325a}#video-compressor .upload-wrapper .upload-loading p .multi-generating-animate span{background-color:#39325a}#video-compressor .upload-wrapper.loading{pointer-events:none}#video-compressor .upload-wrapper.loading .upload-wrap{display:none}#video-compressor .upload-wrapper.loading .upload-loading,#video-compressor .upload-wrapper.loading .multi-generating-animate{display:flex}#video-compressor .uploaded-wrapper{background:#f2f3f8 0 0 no-repeat padding-box;border-radius:4px;padding:27px;position:relative;width:100%;display:none;align-items:stretch}#video-compressor .uploaded-wrapper>svg{position:absolute;top:16px;right:12px;width:20px;cursor:pointer}@media screen and (min-width: 1200px){#video-compressor .uploaded-wrapper>svg:hover path{fill:#6d4dff}}#video-compressor .uploaded-wrapper .video-wrapper{position:relative;margin-right:37px;cursor:pointer}@media screen and (min-width: 1200px){#video-compressor .uploaded-wrapper .video-wrapper:hover .video-play-btn::before{border-bottom:15px solid #6d4dff}}#video-compressor .uploaded-wrapper .video-wrapper .video-play-btn{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);z-index:1;background:rgba(0,0,0,.5882352941) 0 0 no-repeat padding-box;border-radius:50%;width:47px;height:47px;display:flex;align-items:center;justify-content:center}#video-compressor .uploaded-wrapper .video-wrapper .video-play-btn::before{content:"";display:block;border-color:rgba(0,0,0,0);border-left:9px solid rgba(0,0,0,0);border-right:9px solid rgba(0,0,0,0);border-bottom:15px solid #fff;transform:rotate(90deg);margin-right:-3px;transition:all .2s ease-in-out}#video-compressor .uploaded-wrapper video{display:block;margin:0 auto;width:270px;height:152px;-o-object-fit:scale-down;object-fit:scale-down;-o-object-position:center;object-position:center;border-radius:4px;background-color:silver}#video-compressor .uploaded-wrapper .video-info{padding-top:23px;display:flex;align-items:flex-start;flex-direction:column;overflow:hidden;width:100%}#video-compressor .uploaded-wrapper .video-info span{font:inherit;color:inherit;margin-left:5px}#video-compressor .uploaded-wrapper .video-info .video-name{font:normal normal 600 17px/26px Poppins;color:#39325a;width:90%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#video-compressor .uploaded-wrapper .video-info .video-duration{font:normal normal normal 13px/20px Poppins;color:#505050}#video-compressor .uploaded-wrapper .video-info .video-size{display:flex;align-items:center}#video-compressor .uploaded-wrapper .video-info .video-size>div{font:normal normal normal 13px/20px Poppins;color:#505050;margin-right:33px}#video-compressor .multi-generating-animate{display:none;align-items:center}#video-compressor .multi-generating-animate span{width:8px;height:8px;border-radius:8px;display:block;transform:scale(0.3);background:#fff;margin:0 -1px;animation:progressgenerate 1.5s linear infinite}#video-compressor .multi-generating-animate span:nth-child(2){animation-delay:.2s}#video-compressor .multi-generating-animate span:nth-child(3){animation-delay:.3s}#video-compressor .quality-wrapper{display:flex;justify-content:space-between;margin-top:20px}#video-compressor .quality-wrapper .quality-item{border:1px solid #e0e0e0;border-radius:4px;padding:7px 15px;background-color:#fff;margin-right:14px;width:100%;cursor:pointer;transition:all .2s ease-in-out}#video-compressor .quality-wrapper .quality-item:last-child{margin-right:0}#video-compressor .quality-wrapper .quality-item>div{font:normal normal 500 14px/21px Poppins;color:#39325a}#video-compressor .quality-wrapper .quality-item>p{font:normal normal normal 13px/20px Poppins;color:#9994af}@media screen and (min-width: 1200px){#video-compressor .quality-wrapper .quality-item:hover{border:1px solid #af9dff}#video-compressor .quality-wrapper .quality-item:hover>div{color:#6d4dff}}#video-compressor .quality-wrapper .quality-item.active{background:#efedff 0 0 no-repeat padding-box;border:1px solid #af9dff}#video-compressor .quality-wrapper .quality-item.active>div{color:#6d4dff}#video-compressor .mini-info{margin:32px auto 16px;display:flex;justify-content:center;align-items:center;opacity:0;visibility:hidden;transition:all .2s ease-in-out}#video-compressor .mini-info img{margin:0 12px}#video-compressor .mini-info .video-origin-size{font:normal normal 500 17px/26px Poppins;color:#39325a}#video-compressor .mini-info .video-compressed-size{font:normal normal 600 17px/26px Poppins;color:#22acb7}#video-compressor .mini-info.show{visibility:visible;opacity:1}#video-compressor .compress-btn-wrap{display:flex;justify-content:center}#video-compressor .compress-btn{display:inline-flex;align-items:center;justify-content:center;cursor:pointer;margin:0 auto;padding:10px 0;width:277px;border-radius:99px;background:#6d4dff 0 0 no-repeat padding-box;transition:all .2s ease-in-out}#video-compressor .compress-btn>div{display:flex;align-items:baseline;justify-content:center}#video-compressor .compress-btn>div>span{font:normal normal 500 17px/26px Poppins;color:#fff}#video-compressor .compress-btn.disabled{opacity:.4;cursor:auto}#video-compressor .compress-btn.loading{pointer-events:none}#video-compressor .compress-btn.loading .multi-generating-animate{display:flex}@media screen and (min-width: 1200px){#video-compressor .compress-btn:hover:not(.disabled){background:#5534ea 0 0 no-repeat padding-box}}#video-compressor .compressed-wrapper{width:967px;margin:0 auto}#video-compressor .compressed-item{padding:14px;background:hsla(0,0%,100%,.85) 0 0 no-repeat padding-box;box-shadow:0 2px 10px rgba(0,0,0,.1019607843);border:1px solid #e2e2e2;border-radius:10px;margin-bottom:12px;display:flex;align-items:center;justify-content:space-between;transition:all .2s ease-in-out;cursor:pointer}#video-compressor .compressed-item:has(.compressing-progress){cursor:auto}#video-compressor .compressed-item:has(.compressing-progress)>div{width:100%;margin:10px 14px;border-radius:99px;overflow:hidden}#video-compressor .compressed-item .compressing-progress{width:120%;height:10px;background:repeating-linear-gradient(-45deg, #eae6ff 0, #eae6ff 10px, #6d4dff 10px, #6d4dff 20px);animation:progress-loading .5s linear infinite;transform:translate3d(-10%, 0, 0)}#video-compressor .compressed-item .compressed-video{width:300px;display:flex;align-items:center}#video-compressor .compressed-item .compressed-video .compressed-cover{width:89px;height:50px;-o-object-fit:scale-down;object-fit:scale-down;-o-object-position:center;object-position:center;border-radius:4px;background-color:silver;margin-right:12px;flex-shrink:0}#video-compressor .compressed-item .compressed-video .compressed-video-info{width:85%}#video-compressor .compressed-item .compressed-video .compressed-video-name{font:normal normal 600 15px/23px Poppins;color:#39325a;width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#video-compressor .compressed-item .compressed-video .compressed-video-size{display:flex;align-items:center;font:normal normal normal 13px/20px Poppins;color:#9994af}#video-compressor .compressed-item .compressed-video .compressed-video-size .compressed-size,#video-compressor .compressed-item .compressed-video .compressed-video-size .compressed-duration{font:inherit;color:inherit;display:flex;align-items:center;margin-right:10px}#video-compressor .compressed-item .compressed-video .compressed-video-size .compressed-size:last-child,#video-compressor .compressed-item .compressed-video .compressed-video-size .compressed-duration:last-child{margin-right:0}#video-compressor .compressed-item .compressed-video .compressed-video-size .compressed-size::before,#video-compressor .compressed-item .compressed-video .compressed-video-size .compressed-duration::before{content:"";display:inline-block;width:16px;height:16px;margin-right:3px;background-size:contain;background-repeat:no-repeat}#video-compressor .compressed-item .compressed-video .compressed-video-size .compressed-size::before{background-image:url("../img/video-compressor/icon_Resolution.svg")}#video-compressor .compressed-item .compressed-video .compressed-video-size .compressed-duration::before{background-image:url("../img/video-compressor/icon_time.svg")}#video-compressor .compressed-item .compressed-trans{display:flex;align-items:center;justify-content:center}#video-compressor .compressed-item .compressed-trans img{display:block;width:22px;margin:0 10px}#video-compressor .compressed-item .compressed-trans .video-origin-size{font:normal normal 500 14px/21px Poppins;color:#39325a}#video-compressor .compressed-item .compressed-trans .video-compressed-size{font:normal normal 600 14px/21px Poppins;color:#22acb7}#video-compressor .compressed-item .compressed-tools{display:flex;align-items:center;justify-content:flex-end;padding-right:10px;width:300px}#video-compressor .compressed-item .compressed-tools .compressed-tool{display:flex;align-items:center;margin-right:20px;cursor:pointer}#video-compressor .compressed-item .compressed-tools .compressed-tool:last-child{margin-right:0}#video-compressor .compressed-item .compressed-tools .compressed-tool svg{display:block;width:12px;margin-right:4px}#video-compressor .compressed-item .compressed-tools .compressed-tool span{font:normal normal normal 13px/20px Poppins;color:#39325a}@media screen and (min-width: 1200px){#video-compressor .compressed-item .compressed-tools .compressed-tool:hover svg path{fill:#6d4dff}#video-compressor .compressed-item .compressed-tools .compressed-tool:hover span{color:#6d4dff}}@media screen and (max-width: 1200px){#video-compressor{padding:.66rem .6rem;width:100%;overflow:hidden}#video-compressor h1{font:normal normal bold .45rem/.6rem Poppins}#video-compressor h1+p{margin-top:.17rem;font:normal normal 300 .32rem/.44rem Poppins}#video-compressor .compress-wrapper{width:100%;margin:.53rem auto;border-radius:.1rem;padding:.5rem .2rem}#video-compressor .section-title{font:normal normal 500 .28rem/.42rem Poppins;margin-top:.06rem;margin-bottom:.26rem;text-align:center}#video-compressor .upload-wrapper{padding:0;height:4.84rem;border-radius:.06rem}#video-compressor .upload-wrapper .upload-wrap img{width:.55rem;margin-right:.17rem}#video-compressor .upload-wrapper .upload-wrap .upload-desc p{font:normal normal normal .24rem/.35rem Poppins}#video-compressor .upload-wrapper .upload-wrap .upload-desc p:first-child{font:normal normal normal .28rem/.42rem Poppins}#video-compressor .upload-wrapper .upload-loading img{width:.54rem;margin-bottom:.06rem}#video-compressor .upload-wrapper .upload-loading p{font:normal normal normal .2rem/.3rem Poppins}#video-compressor .uploaded-wrapper{background:#fafafa 0 0 no-repeat padding-box;border:1px dashed #a0a0a0;border-radius:.04rem;padding:.26rem;width:100%;display:none;align-items:stretch;flex-direction:column}#video-compressor .uploaded-wrapper>svg{position:absolute;top:3.42rem;right:.26rem;width:.32rem}#video-compressor .uploaded-wrapper .video-wrapper{margin-right:0}#video-compressor .uploaded-wrapper .video-wrapper .video-play-btn{width:.93rem;height:.93rem}#video-compressor .uploaded-wrapper .video-wrapper .video-play-btn::before{border-left:.18rem solid rgba(0,0,0,0);border-right:.18rem solid rgba(0,0,0,0);border-bottom:.3rem solid #fff}#video-compressor .uploaded-wrapper video{width:100%;height:3.03rem;border-radius:.08rem}#video-compressor .uploaded-wrapper .video-info{padding-top:.13rem}#video-compressor .uploaded-wrapper .video-info .video-name{font:normal normal 600 .24rem/.35rem Poppins}#video-compressor .uploaded-wrapper .video-info .video-duration{margin-top:.07rem;font:normal normal normal .2rem/.3rem Poppins}#video-compressor .uploaded-wrapper .video-info .video-size{margin-top:.3rem;width:100%;display:flex;align-items:center;justify-content:space-between}#video-compressor .uploaded-wrapper .video-info .video-size>div{font:normal normal normal .2rem/.3rem Poppins;margin-right:0}#video-compressor .quality-wrapper{display:flex;justify-content:space-between;margin-top:.3rem}#video-compressor .quality-wrapper .quality-item{border-radius:.06rem;padding:.14rem 0;margin-right:.1rem}#video-compressor .quality-wrapper .quality-item>div{font:normal normal 500 .24rem/.35rem Poppins;text-align:center}#video-compressor .quality-wrapper .quality-item>p{display:none}#video-compressor .mini-info{margin:.67rem auto .42rem}#video-compressor .mini-info img{margin:0 .27rem}#video-compressor .mini-info .video-origin-size{font:normal normal 500 .26rem/.39rem Poppins}#video-compressor .mini-info .video-compressed-size{font:normal normal 600 .26rem/.39rem Poppins}#video-compressor .compress-btn{padding:.3rem 0;width:5.4rem}#video-compressor .compress-btn>div>span{font:normal normal 500 .28rem/.42rem Poppins}#video-compressor .compressed-wrapper{width:100%}#video-compressor .compressed-item{padding:.15rem .1rem;border-radius:.1rem;margin-bottom:.28rem}#video-compressor .compressed-item:has(.compressing-progress){cursor:auto}#video-compressor .compressed-item:has(.compressing-progress)>div{margin:.17rem .2rem}#video-compressor .compressed-item.hasVideo{flex-wrap:wrap}#video-compressor .compressed-item .compressing-progress{height:.14rem}#video-compressor .compressed-item .compressed-video{width:50%;display:flex;align-items:center}#video-compressor .compressed-item .compressed-video .compressed-cover{width:1.07rem;height:.6rem;border-radius:.04rem;margin-right:.13rem}#video-compressor .compressed-item .compressed-video .compressed-video-info{width:100%}#video-compressor .compressed-item .compressed-video .compressed-video-name{font:normal normal 600 .24rem/.35rem Poppins}#video-compressor .compressed-item .compressed-video .compressed-video-size{font:normal normal normal .17rem/.26rem Poppins}#video-compressor .compressed-item .compressed-video .compressed-video-size .compressed-size,#video-compressor .compressed-item .compressed-video .compressed-video-size .compressed-duration{margin-right:.18rem}#video-compressor .compressed-item .compressed-video .compressed-video-size .compressed-size::before,#video-compressor .compressed-item .compressed-video .compressed-video-size .compressed-duration::before{width:.22rem;height:.22rem}#video-compressor .compressed-item .compressed-trans{order:3;width:100%;border-top:1px solid #e2e2e2;padding-top:.15rem;margin-top:.15rem}#video-compressor .compressed-item .compressed-trans img{display:block;width:.37rem;margin:0 .15rem}#video-compressor .compressed-item .compressed-trans .video-origin-size{font:normal normal 500 .22rem/.33rem Poppins}#video-compressor .compressed-item .compressed-trans .video-compressed-size{font:normal normal 600 .22rem/.33rem Poppins}#video-compressor .compressed-item .compressed-tools{opacity:1;padding-right:0;width:50%}#video-compressor .compressed-item .compressed-tools .compressed-tool{display:flex;align-items:center;margin-right:.43rem;cursor:pointer}#video-compressor .compressed-item .compressed-tools .compressed-tool:last-child{margin-right:0}#video-compressor .compressed-item .compressed-tools .compressed-tool svg{display:block;width:.24rem;height:.4rem;margin-right:0}#video-compressor .compressed-item .compressed-tools .compressed-tool span{display:none}}.learning-production{padding:95px 0;background-color:#f8f8f8}.learning-production h2{width:804px;margin:0 auto;text-align:center;font:normal normal 500 44px/60px Poppins;letter-spacing:-0.7px;color:#000;margin-bottom:55px}.learning-production .production-wapper{display:flex;flex-wrap:wrap;justify-content:space-between;width:1086px;margin:0 auto}.learning-production .production-wapper .production-item{width:310px;margin-bottom:65px}.learning-production .production-wapper .production-item .img-container{width:109px;height:85px;margin:0 auto;display:flex;align-items:center;justify-content:center}.learning-production .production-wapper .production-item .item-title{font:normal normal 500 16px/25px Poppins;color:#000;margin:15px 0 12px;text-align:center}.learning-production .production-wapper .production-item .item-des{font:normal normal 300 14px/24px Poppins;color:#000;text-align:center}.learning-production .production-wapper .production-item .item-des a{font:normal normal 300 14px/24px Poppins;letter-spacing:0px;color:#8b3dff}.learning-production .production-wapper .production-item .item-des a:hover{text-decoration:underline}.learning-production .reason-btn{width:386px;height:49px;border-radius:25px;margin:0 auto;display:flex;justify-content:center;align-items:center;background-color:#8b3dff;color:#fff;font-weight:500;font-size:18px;margin-top:40px;cursor:pointer}@media screen and (min-width: 1201px){.learning-production .reason-btn:hover{background:#8b3dff linear-gradient(95deg, #8b3dff 0%, #bc8fff 100%)}}@media screen and (max-width: 1200px){.learning-production{padding:1rem 0;background-color:#f8f8f8}.learning-production h2{width:100%;padding:0 .6rem;margin:0 auto;text-align:center;font:normal normal 500 .44rem/.77rem Poppins;letter-spacing:-0.7px;color:#000;margin-bottom:1rem}.learning-production .production-wapper{width:100%;padding:0 .6rem}.learning-production .production-wapper .production-item{width:100%;margin-bottom:1rem}.learning-production .production-wapper .production-item .img-container{width:1.1rem;height:.85rem;margin:0 auto;display:flex;align-items:center;justify-content:center}.learning-production .production-wapper .production-item .img-container img{width:100%;height:auto}.learning-production .production-wapper .production-item .item-title{font:normal normal 500 .34rem/.77rem Poppins;color:#000;margin:.43rem 0 .16rem;text-align:center}.learning-production .production-wapper .production-item .item-des{font:normal normal 300 .32rem/.55rem Poppins;color:#000;text-align:center}.learning-production .production-wapper .production-item .item-des a{font:normal normal 300 .32rem/.55rem Poppins;letter-spacing:0px;color:#8b3dff}.learning-production .reason-btn{width:88%;margin:0 auto;height:1rem;border-radius:.5rem;display:flex;justify-content:center;align-items:center;background-color:#8b3dff;color:#fff;font-weight:500;font-size:.32rem;margin-top:.5rem}}