@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:0.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:0.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:0.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:0.26rem;height:0.26rem;}}.generate-text{font:normal normal 500 11px/15px Poppins;letter-spacing:0px;color:#282e48;display:none;margin-left:8px;}}.mob-extend-icon{width:0.32rem;height:0.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:0px 2px 8px rgba(0,0,0,0.12);border-radius:6px;position:absolute;right:0;opacity:0;transition:0.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:0px;color:rgba(40,46,72,1);margin-left:10px;}&:hover{background:rgba(40,46,72,0.06) 0% 0% no-repeat padding-box;}&.restore{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:0.16s ease-in-out all;height:56px;@media screen and (max-width:1200px){height:1.3rem;padding:unset;}.list-mob-detail{margin-left:0.19rem;.time{font:normal normal normal 0.22rem/0.29rem Poppins;letter-spacing:0;margin-top:0.08rem;color:#a1a4b3;&.three-days{color:rgba(255,153,0,1);}}.title{font:normal normal bold 0.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:0.06rem;display:flex;align-items:center;justify-content:space-between;padding:0.07rem 0.16rem;margin-top:0.15rem;width:fit-content;& span{font:normal normal normal 0.18rem/0.24rem Poppins;letter-spacing:0;color:#282e48;&:nth-child(2){margin-left:0.16rem;}}}}&.generate-state{background:rgba(139,61,255,0.006) 0% 0% no-repeat padding-box;opacity:0.6;pointer-events:none;}&.failed-state{opacity:0.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:0px;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:0px;color:rgba(40,46,72,1);margin-left:160px;width:80px;@media (min-width:600px) and (max-width:1650px){margin-left:50px;}}.list-date{}.time-tip{font:normal normal normal 12px/16px Poppins;letter-spacing:0px;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:0.11rem;margin-left:0.17rem;&.loading{& img{opacity:0.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:0.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:0.48rem;height:0.48rem;border-radius:0.12rem;display:none;align-items:center;justify-content:center;position:relative;.loading-icon{width:0.32rem;height:0.32rem;background:url("./images/icon_loading.svg") no-repeat center;background-size:100% 100%;display:none;animation:spin 1s linear infinite;}.generate-icon{width:0.32rem;height:0.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:0.52rem;width:0.52rem;}}& img{width:100%;position:absolute;top:0;border-radius:5px;height:100%;object-fit:cover;@media screen and (max-width:1200px){border-radius:0.11rem;}}}.enable-checkbox{background:rgba(139,61,255,1) 0% 0% no-repeat padding-box !important;border-radius:0.12rem;border:none !important;width:0.43rem;height:0.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:0.24rem;height:0.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:0.16s ease-in-out all;@media screen and (max-width:1200px){width:0.42rem;opacity:0;visibility:hidden;height:0.42rem;border-radius:0.12rem;border:0.01rem solid rgba(101,108,134,0.6);}&:hover{border:1px solid rgba(101,108,134,1);@media screen and (max-width:1200px){border:0.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:0.48rem;bottom:0.08rem;left:0.08rem;right:0.08rem;border-radius:0.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:0.48rem;border-radius:0.11rem;}.generate{text-align:left;font:normal normal 500 11px/15px Poppins;letter-spacing:0px;color:rgba(255,255,255,1);margin-left:8px;@media screen and (max-width:1200px){font:normal normal 500 0.22rem/0.29rem Poppins;}}.failed-text{text-align:left;font:normal normal 500 11px/15px Poppins;letter-spacing:0px;color:rgba(255,255,255,1);margin-left:8px;@media screen and (max-width:1200px){font:normal normal 500 0.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:0.26rem;height:0.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:0.26rem;height:0.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:0.11rem;border:0.01rem solid #282e481a;max-width:3.4rem;}&.mask{pointer-events:none;opacity:0.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:0.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:0.52rem;height:0.52rem;left:calc(50% - 0.26rem);top:calc(50% - 0.26rem);}& img{width:100%;height:100%;object-fit:contain;position:absolute;}}.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:0.12rem;padding:0.12rem 0.16rem;background:#ffffffb3 0% 0% no-repeat padding-box;bottom:0.14rem;right:0.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:0.26rem;height:0.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 0.22rem/.29rem Roboto;letter-spacing:0;color:#282e48;margin-left:0.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:0px;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:0.07rem 0.16rem;bottom:0.07rem;left:0.1rem;border-radius:0.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:0.24rem;height:0.24rem;}}@media screen and (max-width:1200px){width:0.43rem;height:0.43rem;left:0.16rem;top:0.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:0.16s ease-in-out all;visibility:hidden;z-index:44;@media screen and (max-width:1200px){width:0.42rem;height:0.42rem;left:0.16rem;top:0.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:0.32rem;height:0.32rem;top:0.09rem;right:0.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:0px 2px 8px rgba(0,0,0,0.12);border-radius:6px;position:absolute;right:0;opacity:0;transition:0.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:0px;color:rgba(40,46,72,1);margin-left:10px;}&:hover{background:rgba(40,46,72,0.06) 0% 0% no-repeat padding-box;}&.restore{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:0.2rem;height:0.05rem;}}}}.recent-toolbar-box{padding-top:10px;max-width:306px;@media screen and (max-width:1200px){max-width:3.4rem;padding-top:0.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 0.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:0.24rem;height:0.24rem;margin-left:0.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:0.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:0.28rem;height:0.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:0.28rem;height:0.28rem;margin-right:0.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:0.28rem;height:0.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:0.28rem;height:0.28rem;}}}.toolbar-area{display:flex;align-items:center;margin-top:4px;.tag-tip{font:normal normal normal 12px/16px Poppins;letter-spacing:0px;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:0px;color:#282e48;margin-left:18px;@media screen and (max-width:1200px){margin-left:0;font:normal normal normal 0.22rem/0.29rem Poppins;color:#a1a4b3;}&.five-days{color:rgba(255,153,0,1);}&.three-days{color:rgba(255,153,0,1);}}}}