@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.recent-mask{position:absolute;top:0;left:0;right:0;bottom:0;z-index:33;display:none;pointer-events:none;border-radius:8px;@media screen and (max-width:1200px){border-radius:.11rem}background:rgba(255,255,255,0.7)}@media screen and (min-width:1200px){.pc-show{display:block!important}.pc-flex{display:flex}.mob-show{display:none!important}.mob-flex{display:none!important}}@media screen and (max-width:1200px){.pc-show{display:none!important}.pc-flex{display:none}.mob-show{display:block!important}.mob-flex{display:flex!important}}.recent-wrapper-list{width:inherit!important;height:56px;@media screen and (max-width:1200px){min-height:1.3rem}.thumbnail-theme{display:none}.list-theme{height:56px;display:flex!important;align-items:center;transition:.16s ease-in-out all;padding:0 12px;border-radius:8px;justify-content:space-between;&.loading{pointer-events:none;.toolbar-shareAndD{display:none}.generate-wrapper-list{display:flex}@media screen and (max-width:1200px){.list-toolbar{display:none}}}&.failed{.list-toolbar{display:flex;flex-direction:row-reverse}.toolbar-shareAndD{.share-btn{display:none}.down-btn{display:none}}.generate-wrapper-list{display:flex}}@media screen and (max-width:1200px){height:1.3rem;padding:unset;margin-top:.16rem}&.generate-state{background:rgba(139,61,255,0.06) 0 0 no-repeat padding-box}&:hover{background:rgba(101,108,134,0.06) 0 0 no-repeat padding-box;@media screen and (max-width:1200px){background:unset}}&.failed-state{background:rgba(238,26,61,0.06) 0 0 no-repeat padding-box}}.list-toolbar{&.disabled{pointer-events:none}.generate-wrapper-list{display:none;align-items:center;&.loading{.generate-text{display:block}.generate-loading{display:block}}&.failed{.failed-retry{display:block}.failed-text{display:block}}.failed-retry{font:normal normal normal 12px/16px Poppins;letter-spacing:0;color:#ee1a3d;padding:5px 18px;background:rgba(238,26,61,0.12) 0 0 no-repeat padding-box;border-radius:4px;display:none;cursor:pointer;margin-left:16px;&:hover{background:rgba(238,26,61,0.2) 0 0 no-repeat padding-box}}.failed-text{font:normal normal 500 11px/15px Poppins;letter-spacing:0;color:#ee1a3d;display:none}.generate-loading{width:16px;height:17px;background:url("./images/icon_loading_red.svg") no-repeat center;background-size:100% 100%;animation:spin 1s linear infinite;display:none;@media screen and (max-width:1200px){width:.26rem;height:.26rem}}.generate-text{font:normal normal 500 11px/15px Poppins;letter-spacing:0;color:#282e48;display:none;margin-left:8px}}.mob-extend-icon{width:.32rem;height:.08rem;background:url("./images/icon_more.svg") no-repeat center;background-size:100% 100%}.toolbar-shareAndD{.share-btn{width:26px;height:26px;display:flex;align-items:center;justify-content:center;cursor:pointer;& i{width:16px;height:16px;background:url("./images/icon_share.svg") no-repeat center;background-size:100% 100%;object-fit:contain;display:inline-block}@media screen and (min-width:1200px){&:hover{background:rgba(40,46,72,0.1) 0 0 no-repeat padding-box;border-radius:4px}}}.down-btn{width:26px;height:26px;display:flex;align-items:center;justify-content:center;cursor:pointer;margin-left:22px;& i{width:16px;height:16px;background:url("./images/icon_download.svg") no-repeat center;background-size:100% 100%;object-fit:contain;display:inline-block}@media screen and (min-width:1200px){&:hover{background:rgba(40,46,72,0.1) 0 0 no-repeat padding-box;border-radius:4px}}}.extend-btn{width:20px;height:20px;background:url("./images/icon_more.svg") no-repeat center;object-fit:contain;cursor:pointer;margin-left:22px;position:relative;&:hover{.recent-drop{visibility:visible;opacity:1}}.recent-drop{width:188px;height:max-content;background:rgba(255,255,255,1) 0 0 no-repeat padding-box;box-shadow:0 2px 8px rgba(0,0,0,0.12);border-radius:6px;position:absolute;right:0;opacity:0;transition:.16s ease-in-out all;visibility:hidden;top:36px;z-index:99;padding:15px 8px;.recent-drop-item{height:31px;background:#fff;border-radius:8px;margin-top:4px;padding:0 10px;display:flex;align-items:center;& p{font:normal normal normal 14px/19px Poppins;letter-spacing:0;color:rgba(40,46,72,1);margin-left:10px}&:hover{background:rgba(40,46,72,0.06) 0 0 no-repeat padding-box}&.restore,&.edit{display:none}}.recent-line{width:100%;height:1px;margin-top:7px;background:rgba(233,236,246,1)}.delete{margin-top:7px;height:41px;display:flex;align-items:center;.recent-drop-item{width:100%;& p{color:rgba(238,26,61,1)}}}}}}}.list-left-wrapper{display:flex;align-items:center;padding:0 12px;border-radius:8px;transition:.16s ease-in-out all;height:56px;@media screen and (max-width:1200px){height:1.3rem;padding:unset}.list-mob-detail{margin-left:.19rem;.time{font:normal normal normal .22rem/0.29rem Poppins;letter-spacing:0;margin-top:.08rem;color:#a1a4b3;&.three-days{color:rgba(255,153,0,1)}}.title{font:normal normal bold .26rem/0.34rem Poppins;width:4rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:0;color:#282e48;&.disabled{pointer-events:none}
}.details{background:rgba(40,46,72,0.06) 0 0 no-repeat padding-box;border-radius:.06rem;display:flex;align-items:center;justify-content:space-between;padding:.07rem .16rem;margin-top:.15rem;width:fit-content;& span{font:normal normal normal .18rem/0.24rem Poppins;letter-spacing:0;color:#282e48;&:nth-child(2){margin-left:.16rem}}}}&.generate-state{background:rgba(139,61,255,0.006) 0 0 no-repeat padding-box;opacity:.6;pointer-events:none}&.failed-state{opacity:.6;background:rgba(238,26,61,0.006) 0 0 no-repeat padding-box}}.list-title{margin-left:11px;width:200px;display:flex;align-items:center;cursor:pointer;@media(min-width:600px) and (max-width:1650px){width:100px}&.disabled{pointer-events:none}& p{max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:normal normal 500 14px/19px Poppins;letter-spacing:0;color:#282e48}& i{background:url("./images/icon_rename_h.svg") no-repeat center;width:24px;height:24px;display:none;margin-left:6px}&:hover{& p{color:rgba(139,61,255,1)}& i{display:inline-block}}}.list-tag-container{width:150px;margin-left:48px}.list-tag{font:normal normal normal 12px/16px Poppins;letter-spacing:0;color:rgba(40,46,72,1);background:rgba(40,46,72,0.1) 0 0 no-repeat padding-box;border-radius:4px;padding:4px 10px;width:fit-content}.list-time{text-align:left;font:normal normal normal 12px/16px Poppins;letter-spacing:0;color:rgba(40,46,72,1);margin-left:160px;width:80px;@media(min-width:600px) and (max-width:1650px){margin-left:50px}}.time-tip{font:normal normal normal 12px/16px Poppins;letter-spacing:0;color:#282e48;margin-left:200px;width:110px;@media(min-width:600px) and (max-width:1650px){margin-left:50px;width:90px}&.five-days{color:rgba(255,153,0,1)}&.three-days{color:rgba(255,153,0,1)}}.list-video-box{width:40px;height:40px;border-radius:5px;margin-left:11px;position:relative;display:flex;align-items:center;justify-content:center;cursor:pointer;@media screen and (max-width:1200px){height:1.26rem;width:1.26rem;border-radius:.11rem;margin-left:.17rem;&.loading{& img{opacity:.6}.play-icon{display:none}.list-generate-flag{display:flex;background:rgba(139,61,255,0.6) 0 0 no-repeat padding-box;.loading-icon{display:block}}}&.failed{& img{opacity:.6}.play-icon{display:none}.list-generate-flag{display:flex;background:rgba(238,26,61,0.6) 0 0 no-repeat padding-box;.generate-icon{display:block}}}.list-generate-flag{width:.48rem;height:.48rem;border-radius:.12rem;display:none;align-items:center;justify-content:center;position:relative;.loading-icon{width:.32rem;height:.32rem;background:url("./images/icon_loading.svg") no-repeat center;background-size:100% 100%;display:none;animation:spin 1s linear infinite}.generate-icon{width:.32rem;height:.32rem;background:url("./images/icon_restore_w.svg") no-repeat center;background-size:100% 100%;display:none}}}.page-toolbar{width:14px;height:14px;right:4px;bottom:4px;border-radius:4px;background:rgba(255,255,255,0.7) 0 0 no-repeat padding-box;position:absolute;display:none;align-items:center;justify-content:center;.page-icon{background:url("./images/icon_page.svg") no-repeat center;background-size:100% 100%;width:10px;height:10px;display:inline-block}}.play-icon{width:24px;height:24px;position:relative;z-index:11;display:inline-block;background:url("./images/icon_play.svg") no-repeat center;background-size:100% 100%;@media screen and (max-width:1200px){height:.52rem;width:.52rem}}& img{width:100%;position:absolute;top:0;border-radius:5px;height:100%;object-fit:cover;@media screen and (max-width:1200px){border-radius:.11rem}}}.enable-checkbox{background:rgba(139,61,255,1) 0 0 no-repeat padding-box!important;border-radius:.12rem;border:none!important;width:.43rem;height:.43rem;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:11;box-sizing:border-box;.enable-icon{background:url("./images/icon_check.svg") no-repeat center;width:.24rem;height:.24rem;object-fit:contain}}.checkbox-list{background:rgba(255,255,255,1) 0 0 no-repeat padding-box;border:1px solid rgba(101,108,134,0.6);border-radius:4px;width:20px;height:20px;cursor:pointer;box-sizing:border-box;transition:.16s ease-in-out all;@media screen and (max-width:1200px){width:.42rem;opacity:0;visibility:hidden;height:.42rem;border-radius:.12rem;border:.01rem solid rgba(101,108,134,0.6)}&:hover{border:1px solid rgba(101,108,134,1);@media screen and (max-width:1200px){border:.01rem solid rgba(101,108,134,1)}}}}.recent-wrapper{position:relative;width:100%;.list-theme{display:none}.thumbnail-theme{&.loading{.recent-video-box{cursor:unset}.generate-wrapper{display:block}.checkbox{display:none}.recent-more{display:none}.video-play-tool{display:none}.toolbar-shareAndD{display:none}}&.failed{.generate-wrapper{display:block}.video-play-tool{display:none}.toolbar-shareAndD{display:none}}}.generate-wrapper{height:24px;border-radius:4px;position:absolute;bottom:8px;left:8px;right:8px;z-index:11;display:none;@media screen and (max-width:1200px){height:.48rem;bottom:.08rem;left:.08rem;right:.08rem;border-radius:.11rem}
.generate-wrapper-thumbnail{width:100%;height:24px;background:rgba(139,61,255,0.34) 0 0 no-repeat padding-box;border-radius:4px;position:absolute;left:0;top:0;display:flex;padding:0 12px;align-items:center;&.failed{justify-content:space-between;background:rgba(238,26,61,0.6) 0 0 no-repeat padding-box;.failed-text{display:block}.failed-icon{display:block}.generate-loading{display:none}.generate{display:none}}&.loading{.failed-text{display:none}.failed-icon{display:none}.generate-loading{display:block}.generate{display:block}}@media screen and (max-width:1200px){height:.48rem;border-radius:.11rem}.generate{text-align:left;font:normal normal 500 11px/15px Poppins;letter-spacing:0;color:rgba(255,255,255,1);margin-left:8px;@media screen and (max-width:1200px){font:normal normal 500 .22rem/0.29rem Poppins}}.failed-text{text-align:left;font:normal normal 500 11px/15px Poppins;letter-spacing:0;color:rgba(255,255,255,1);margin-left:8px;@media screen and (max-width:1200px){font:normal normal 500 .22rem/0.29rem Poppins}}.failed-icon{width:14px;height:14px;background:url("./images/icon_restore_w.svg") no-repeat center;background-size:100% 100%;cursor:pointer;@media screen and (max-width:1200px){width:.26rem;height:.26rem}}.generate-loading{width:14px;height:14px;background:url("./images/icon_loading.svg") no-repeat center;background-size:100% 100%;display:inline-block;animation:spin 1s linear infinite;@media screen and (max-width:1200px){width:.26rem;height:.26rem}}}}.recent-video-box{background:#656c860a 0 0 no-repeat padding-box;border:1px solid #656c861f;border-radius:8px;height:166px;position:relative;cursor:pointer;max-width:306px;display:flex;align-items:center;justify-content:center;@media screen and (max-width:1200px){height:1.84rem;border-radius:.11rem;border:.01rem solid #282e481a;max-width:3.4rem}&.mask{pointer-events:none;opacity:.6}&:hover{.recent-mask{display:block;background:rgba(0,0,0,0.12)}.play-icon{visibility:visible;opacity:1}.checkbox{visibility:visible;opacity:1}.recent-more{visibility:visible;opacity:1}}.pause-icon{display:none}.play-icon{visibility:hidden;opacity:0;transition:.16s ease-in-out all;@media screen and (max-width:1200px){visibility:visible;opacity:1}}.video-play-tool{width:52px;height:52px;position:absolute;z-index:11;left:calc(50% - 26px);top:calc(50% - 26px);cursor:pointer;@media screen and (max-width:1200px){width:.52rem;height:.52rem;left:calc(50% - .26rem);top:calc(50% - .26rem)}& img{width:100%;height:100%;object-fit:contain}}.recent-video{width:100%;height:100%;object-fit:cover;border-radius:8px}.image-page{position:absolute;bottom:8px;right:8px;justify-content:space-between;align-items:center;display:none;border:1px solid #f2f3f9;padding:6px;border-radius:4px;background:#ffffffb3 0 0 no-repeat padding-box;@media screen and (max-width:1200px){border-radius:.12rem;padding:.12rem .16rem;background:#ffffffb3 0 0 no-repeat padding-box;bottom:.14rem;right:.2rem}& i{background:url("./images/icon_page.svg") no-repeat center;background-size:100% 100%;width:16px;height:16px;@media screen and (max-width:1200px){width:.26rem;height:.26rem}}& p{font:normal normal 500 13px / 18px Poppins;letter-spacing:0;color:#282e48;margin-left:6px;@media screen and (max-width:1200px){font:normal normal 500 .22rem/0.29rem Roboto;letter-spacing:0;color:#282e48;margin-left:.12rem}}}.video-tag{background:rgba(0,0,0,0.7) 0 0 no-repeat padding-box;border-radius:16px;max-width:fit-content;letter-spacing:0;padding:8px 22px;position:absolute;bottom:6px;left:12px;z-index:11;line-height:0;& span{font:normal normal normal 12px/16px Poppins;color:rgba(255,255,255,1)}@media screen and (max-width:1200px){padding:.07rem .16rem;bottom:.07rem;left:.1rem;border-radius:.19rem}.tag-number-video{margin-left:8px}}.enable-checkbox{background:rgba(139,61,255,1) 0 0 no-repeat padding-box!important;border-radius:4px;border:none!important;width:21px;height:21px;position:absolute;left:10px;top:10px;cursor:pointer;visibility:visible!important;opacity:1!important;display:flex;align-items:center;justify-content:center;z-index:11;.enable-icon{background:url("./images/icon_check.svg") no-repeat center;background-size:100% 100%;width:12px;height:12px;object-fit:contain;@media screen and (max-width:1200px){width:.24rem;height:.24rem}}@media screen and (max-width:1200px){width:.43rem;height:.43rem;left:.16rem;top:.16rem}}.checkbox{background:rgba(255,255,255,1) 0 0 no-repeat padding-box;border:1px solid rgba(101,108,134,0.6);border-radius:4px;width:20px;height:20px;position:absolute;left:10px;top:10px;cursor:pointer;box-sizing:border-box;opacity:0;transition:.16s ease-in-out all;visibility:hidden;z-index:44;@media screen and (max-width:1200px){width:.42rem;height:.42rem;left:.16rem;top:.16rem;display:none;opacity:1;visibility:visible}&:hover{border:1px solid rgba(101,108,134,1)}}.recent-more{width:28px;height:28px;display:flex;align-items:center;position:absolute;justify-content:center;right:10px;top:10px;z-index:44;background:rgba(255,255,255,1) 0 0 no-repeat padding-box;border-radius:4px;visibility:hidden;opacity:0;&.disabled{pointer-events:none}
@media screen and (max-width:1200px){width:.32rem;height:.32rem;top:.09rem;right:.09rem;opacity:1;visibility:visible}@media screen and (min-width:1200px){&:hover{.recent-drop{opacity:1;visibility:visible}}}.recent-drop{width:188px;height:max-content;background:rgba(255,255,255,1) 0 0 no-repeat padding-box;box-shadow:0 2px 8px rgba(0,0,0,0.12);border-radius:6px;position:absolute;right:0;opacity:0;transition:.16s ease-in-out all;visibility:hidden;top:36px;z-index:99;padding:15px 8px;.recent-drop-item{height:31px;background:#fff;border-radius:8px;margin-top:4px;padding:0 10px;display:flex;align-items:center;& p{font:normal normal normal 14px/19px Poppins;letter-spacing:0;color:rgba(40,46,72,1);margin-left:10px}&:hover{background:rgba(40,46,72,0.06) 0 0 no-repeat padding-box}&.restore,&.edit{display:none}}.recent-line{width:100%;height:1px;margin-top:7px;background:rgba(233,236,246,1)}.delete{margin-top:7px;height:41px;display:flex;align-items:center;.recent-drop-item{width:100%;& p{color:rgba(238,26,61,1)}}}}& i{background:url("./images/icon_more.svg") no-repeat center;background-size:100% 100%;display:inline-block;width:20px;height:6px;@media screen and (max-width:1200px){width:.2rem;height:.05rem}}}}.recent-toolbar-box{padding-top:10px;max-width:306px;@media screen and (max-width:1200px){max-width:3.4rem;padding-top:.13rem}}.toolbar-btn{display:flex;justify-content:space-between;&.disabled{pointer-events:none}.toolbar-text{width:fit-content;cursor:pointer;height:20px;display:flex;align-items:center;& p{max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:normal normal bold 14px/19px Poppins;letter-spacing:0;color:#282e48;@media screen and (max-width:1200px){max-width:2rem;font:normal normal bold .26rem/0.34rem Poppins}}& i{background:url("./images/icon_rename_h.svg") no-repeat center;width:24px;height:24px;display:none;margin-left:6px;@media screen and (max-width:1200px){width:.24rem;height:.24rem;margin-left:.1rem;display:none}}&:hover{@media screen and (min-width:1200px){& p{color:rgba(139,61,255,1)}& i{display:inline-block}}}@media screen and (max-width:1200px){height:.3rem}}.toolbar-shareAndD{display:flex}.share-btn{width:26px;height:26px;display:flex;align-items:center;justify-content:center;cursor:pointer;margin-right:6px;& i{width:16px;height:16px;background:url("./images/icon_share.svg") no-repeat center;background-size:100% 100%;object-fit:contain;display:inline-block;@media screen and (max-width:1200px){width:.28rem;height:.28rem}}@media screen and (min-width:1200px){&:hover{background:rgba(40,46,72,0.1) 0 0 no-repeat padding-box;border-radius:4px}}@media screen and (max-width:1200px){width:.28rem;height:.28rem;margin-right:.2rem}}.down-btn{width:26px;height:26px;display:flex;align-items:center;justify-content:center;cursor:pointer;& i{width:16px;height:16px;background:url("./images/icon_download.svg") no-repeat center;background-size:100% 100%;object-fit:contain;display:inline-block;@media screen and (max-width:1200px){width:.28rem;height:.28rem}}@media screen and (min-width:1200px){&:hover{background:rgba(40,46,72,0.1) 0 0 no-repeat padding-box;border-radius:4px}}@media screen and (max-width:1200px){width:.28rem;height:.28rem}}}.toolbar-area{display:flex;align-items:center;margin-top:4px;.tag-tip{font:normal normal normal 12px/16px Poppins;letter-spacing:0;color:#282e48;background:#f0f1f2 0 0 no-repeat padding-box;border-radius:4px;max-width:fit-content;padding:4px 10px;@media screen and (max-width:1200px){display:none}}.time-tip{font:normal normal normal 12px/16px Poppins;letter-spacing:0;color:#282e48;margin-left:18px;@media screen and (max-width:1200px){margin-left:0;font:normal normal normal .22rem/0.29rem Poppins;color:#a1a4b3}&.five-days{color:rgba(255,153,0,1)}&.three-days{color:rgba(255,153,0,1)}}}}