.empty-page{display:flex;justify-content:center;flex-direction:column;position:relative;padding:40px 0 106px;width:100%}.empty-page .top-box{display:block;position:relative;height:42px;margin-bottom:30px}.empty-page .top-box img{display:inline-block;width:auto;height:100%}.empty-page .title{width:286px;height:42px;margin-bottom:38px}.empty-page .title{font-size:0;color:transparent}.empty-page .title.empty-page{display:flex;justify-content:center;flex-direction:column;position:relative;padding:40px 0 106px;width:100%}.empty-page .title.empty-page .top-box{display:block;position:relative;height:42px;margin-bottom:30px}.empty-page .title.empty-page .top-box img{display:inline-block;width:auto;height:100%}.empty-page .title.empty-page .title{width:286px;height:42px;margin-bottom:38px;@extend %hide-font,;}.empty-page .title.empty-page .empty-content{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;padding:150px 0}.empty-page .title.empty-page .empty-content .empty-icon{display:block;width:146px;height:96px;margin-bottom:20px;@extend %hide-font,;}.empty-page .title.empty-page .empty-content .empty-tips{font-size:18px;text-align:center;color:#fff}.empty-page *.title{box-sizing:border-box}.empty-page #root.title{display:flex;flex-direction:column}.empty-page .title.openlight-container{flex:1;background-color:#f4f4f4}.empty-page .title.open-light-detail-page,.empty-page .title.open-light-page{width:1200px;margin:36px auto 0;height:100%}.empty-page .title.dialog-close{height:30px;width:30px;background-color:#d0e2fa;display:flex;align-items:center;justify-content:center;cursor:pointer}.empty-page .title.dialog-close svg{width:20px;height:20px}.empty-page .title.tips-dialog{background-color:#fff;display:flex;align-items:center;justify-content:center}.empty-page .title.tips-dialog .link{color:#0084ff;text-decoration:underline;padding:0 3px}.empty-page .title.tips-dialog .text-box{text-align:center;line-height:30px}.empty-page .title.tips-dialog .dialog-close{height:20px;width:20px}.empty-page .title.tips-dialog .dialog-close svg{width:15px;height:15px}.empty-page .title.phone-view-btn{font-size:13px;display:flex;align-items:center;justify-content:center;width:120px;height:30px;line-height:30px;border-radius:14px;border:1px solid #ddd;cursor:pointer;position:relative;color:#000}.empty-page .title.phone-view-btn:hover{background-color:#136fe4;font-size:14px;border:none}.empty-page .title.phone-view-btn:hover .qr-code-box{display:inline-block!important}.empty-page .title.phone-view-btn:hover .txt{color:#fff}.empty-page .title.phone-view-btn:hover .phone-icon{background:url(https://xyp.qpic.cn/remix-gameinstitute/build/_assets/phone-LNRXFQK4.png) no-repeat 0 0}.empty-page .title.phone-view-btn .text{color:#000}.empty-page .title.phone-view-btn .qr-code-box{position:absolute;top:34px;left:-3px;padding:10px;border:1px solid #ececec;border-radius:5px;background-color:#fff;z-index:5;display:flex;align-items:center;justify-content:center}.empty-page .title.phone-view-btn .qr-code-box.no-padding{padding:0}.empty-page .title.phone-view-btn .qr-code-box .view-arrow-t{display:block;height:14px;position:absolute;top:-13px;left:0;right:0}.empty-page .title.phone-view-btn .qr-code-box .view-arrow-t:before,.empty-page .title.phone-view-btn .qr-code-box .view-arrow-t:after{content:"";position:absolute;left:50%;transform:translate(-50%)}.empty-page .title.phone-view-btn .qr-code-box .view-arrow-t:before{top:6px;display:inline-block;width:0;height:0;font-size:0;border-bottom:8px solid #ececec;border-left:8px solid transparent;border-right:8px solid transparent}.empty-page .title.phone-view-btn .qr-code-box .view-arrow-t:after{top:7px;display:inline-block;width:0;height:0;font-size:0;border-bottom:7px solid #fff;border-left:7px solid transparent;border-right:7px solid transparent}.empty-page .title.phone-view-btn .qr-code{width:102px;-o-object-fit:contain;object-fit:contain}.empty-page .title.phone-view-btn .phone-icon{display:inline-block;height:16px;width:11px;margin-right:3px;background:url(https://xyp.qpic.cn/remix-gameinstitute/build/_assets/phone-gray-P2ID56XB.png) no-repeat 0 0}.empty-page .title.m-breadcrumb.course-breadcrumb{font-size:16px;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;max-height:1.5em;color:#555;margin:35px 0 20px}.empty-page .title.m-breadcrumb.course-breadcrumb .icon-arrow-r{margin-right:8px;display:inline-block;height:13px;width:9px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAANBAMAAACJLlk1AAAALVBMVEVHcEwTb+QTb+QTb+QTb+QTb+QTb+QTb+QTb+QTb+QTb+QTb+QTb+QTb+QTb+Qig793AAAADnRSTlMA+nMJ9Ke15sKMOz4aGEccg9AAAAA0SURBVAjXY1CczAAEfi8OAMl376rB5EMFEPnuqQGIfJcAJgUQbLA4RE0VWO8FIKkyAUgAAH4TI4LWKgNpAAAAAElFTkSuQmCC) no-repeat 0 0}.empty-page .title.m-breadcrumb.course-breadcrumb a.m-breadcrumb__item{color:#555;max-width:15em}.empty-page .title.m-breadcrumb.course-breadcrumb .m-breadcrumb__split{margin:0 3px}.empty-page .title.m-breadcrumb.course-breadcrumb .m-breadcrumb__item{max-width:15em;color:#999}.empty-page .title.m-upload{--upload-theme: var(--form-theme-color);--upload-radius: 5px;--upload-add-size: 40px}.empty-page .title.m-upload__handler>*{cursor:pointer}.empty-page .title.m-upload__handler__input{display:none}.empty-page .title.m-upload__handler__select{border-radius:var(--upload-radius);border:solid 1px#ececec;background-color:#eee;display:flex;align-items:center;justify-content:center}.empty-page .title.m-upload__handler+.m-upload__thumbs{margin-top:20px}.empty-page .title.m-upload__handler__btn{cursor:pointer}.empty-page .title.m-upload__icon{display:inline-flex;align-items:center;justify-content:center;width:var(--upload-add-size);height:var(--upload-add-size);background-color:var(--upload-theme);border-radius:50%;cursor:pointer}.empty-page .title.m-upload__icon__add{display:inline-block;position:relative;width:20px;height:20px}.empty-page .title.m-upload__icon__add:before,.empty-page .title.m-upload__icon__add:after{position:absolute;content:"";display:inline-block;background-color:#fff}.empty-page .title.m-upload__icon__add:before{left:0;top:9px;width:20px;height:2px}.empty-page .title.m-upload__icon__add:after{left:9px;top:0;width:2px;height:20px}.empty-page .title.m-upload__thumbs{display:flex;flex-wrap:wrap}.empty-page .title.m-upload__thumb{border-radius:var(--upload-radius);overflow:hidden;margin:0 10px 10px 0;position:relative;border:1px solid #ededed}.empty-page .title.m-upload__thumb:first-child{margin-right:0}.empty-page .title.m-upload__thumb__pic[src=""]{opacity:0}.empty-page .title.m-upload__thumb__handler{background-color:#00000080;display:flex;align-items:center;justify-content:center;@extend %pos-center;}.empty-page .title.m-upload__thumb__handler__item{display:inline-block;cursor:pointer;margin:8px}.empty-page .title.m-upload__thumb__handler__preview{width:30px;height:24px;background:url(https://xyp.qpic.cn/remix-gameinstitute/build/_assets/view-white-PHXVFPNJ.svg) no-repeat center center/20px 14px}.empty-page .title.m-upload__thumb__handler__delete{width:24px;height:26px;background:url(https://xyp.qpic.cn/remix-gameinstitute/build/_assets/delete-white-NVIDNNMV.svg) no-repeat center center/14px 16px}.empty-page .title.m-upload__thumb__process{display:flex;width:100%;background-color:#eee;position:absolute;inset:0;align-items:center;justify-content:center}.empty-page .title.m-upload__thumb__process__text{color:#333;text-align:center;font-size:16px}.empty-page .title.m-upload__file{display:flex}.empty-page .title.m-upload__file__name{font-size:16px;display:flex;align-items:center}.empty-page .title.m-upload__file .icon-file{display:inline-block;width:20px;height:22px;background:url(https://xyp.qpic.cn/remix-gameinstitute/build/_assets/file-OYEDO3EQ.svg) no-repeat 0 0/100% 100%;margin-right:10px}.empty-page .title.m-upload__file__handler{margin-left:20px;display:flex;align-items:center}.empty-page .title.m-upload__file__handler__item{margin-right:10px}.empty-page .title.m-upload__file__handler__delete{display:inline-block;width:20px;height:22px;cursor:pointer;background:url(https://xyp.qpic.cn/remix-gameinstitute/build/_assets/delete-5U56U4GE.svg) no-repeat 0 0/100% 100%}.empty-page .title.open-light-detail-page .banner{margin-top:20px;height:90px;width:100%}.empty-page .title.open-light-detail-page .banner img.banner{cursor:pointer;height:90px;width:100%;-o-object-fit:cover;object-fit:cover}.empty-page .title.open-light-detail-page .title-bar{margin:20px 0;display:flex;justify-content:space-between}.empty-page .title.open-light-detail-page .title-bar .left{display:flex;align-items:center}.empty-page .title.open-light-detail-page .title-bar .btn{color:#fff;background-color:#31b775;padding:0 8px;font-size:16px;display:inline-block;line-height:30px}.empty-page .title.open-light-detail-page .title-bar .text{font-size:18px;color:#1664e2;padding-left:10px}.empty-page .title.video-container{position:relative;height:516px;background-color:#000;width:1200px}.empty-page .title.video-container .video-mark{display:flex;align-items:center;justify-content:center;font-size:16px;position:absolute;background-color:#000000e6;top:0;left:0;width:1200px;height:515px;color:#fff}.empty-page .title.video-container .video-mark .text-btn{cursor:pointer;padding:0 3px;color:#0084ff}.empty-page .title.video-container .video-mark .image{position:absolute;left:0;right:0;z-index:1;width:1200px;height:515px;-o-object-fit:cover;object-fit:cover}.empty-page .title.video-container .video-mark .video-text{margin-top:150px;position:relative;z-index:2;width:310px;height:45px;display:flex;align-items:center;justify-content:center;border-radius:100px;background-color:#fff;color:#000;font-size:14px}.empty-page #video-box.title{height:515px;width:1200px}.empty-page .title.author-info{background-color:#fff;width:100%;margin-top:30px;display:grid;grid-template-rows:163px 1fr;grid-template-areas:"hd" "content"}.empty-page .title.author-info.has-work{grid-template-rows:163px 1fr 88px;grid-template-areas:"hd" "content" "ft"}.empty-page .title.author-info .content{grid-area:content;padding:20px 30px 28px 20px;border-bottom:2px solid #f0f0f0}.empty-page .title.author-info .content .title{color:#1570e4;font-size:18px;font-weight:400;margin-bottom:7px}.empty-page .title.author-info .footer-btns{grid-area:ft;display:flex;justify-content:center;align-items:center}.empty-page .title.author-info .footer-btns .text{display:flex;justify-content:center;align-items:center;padding-left:10px}.empty-page .title.author-info .footer-btns .checked-icon{width:15px;height:15px;margin-left:3px}.empty-page .title.author-info .top-info{grid-area:hd;display:flex;border-bottom:2px solid #f0f0f0}.empty-page .title.author-info .top-info .left-box{flex:1;padding:18px 16px;display:flex}.empty-page .title.author-info .top-info .left-box .avatar{width:120px;height:120px;-o-object-fit:cover;object-fit:cover}.empty-page .title.author-info .top-info .left-box .info{margin-left:16px;display:flex;flex-direction:column;color:#555;font-size:14px}.empty-page .title.author-info .top-info .left-box .info .name{font-size:18px}.empty-page .title.author-info .top-info .left-box .info .job{font-size:14px}.empty-page .title.author-info .top-info .left-box .info .text{display:inline-block;margin-top:15px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;max-height:4.5em}.empty-page .title.author-info .top-info .right-box{padding-top:20px;border-left:2px solid #f0f0f0;padding-left:25px;padding-right:15px;width:466px}.empty-page .title.author-info .top-info .right-box .title{color:#1570e4;font-size:18px;font-weight:400;margin-bottom:7px}.empty-page .title.author-info .top-info .right-box .text{font-size:14px;color:#555;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;max-height:6em}.empty-page .title.desc-info{background-color:#fff;white-space:pre-wrap}.empty-page .title.desc-info img{-o-object-fit:cover;object-fit:cover}.empty-page .title.homework-dialog{background-color:#fff;min-height:502px;width:589px;padding:20px;border-radius:10px}.empty-page .title.homework-dialog .dialog-title{text-align:center;font-size:24px;font-weight:200;color:#000}.empty-page .title.homework-dialog .dialog-desc{text-align:center;font-size:14px;color:#999}.empty-page .title.homework-dialog .dialog-footer{justify-content:center}.empty-page .title.homework-dialog .submit-btn{background-color:#0084ff;color:#fff;font-size:14px;padding:0 36px}.empty-page .title.homework-dialog .label{color:#999}.empty-page .title.homework-dialog textarea{width:100%;height:200px;background-color:#f4f4f4;border-radius:4px;padding:15px;margin-top:10px}.empty-page .title.homework-dialog .m-new-upload{display:flex;align-items:center;justify-content:center}.empty-page .title.homework-dialog .m-upload__handler{cursor:pointer;align-items:center;padding:5px 10px;border-radius:8px;width:144px;height:42px;border:1px solid #0084ff;color:#0084ff}.empty-page .title.homework-dialog .m-form-input-tips{margin-top:10px;font-size:12px;color:#999;text-align:center}.empty-page .title.homework-dialog .progress-box{width:100%}.empty-page .title.homework-dialog .progress-box .indicator-bar{background-color:#0084ff}.empty-page .title.homework-dialog .progress-box .progress-bar{background-color:#fff}.empty-page .title.upload-delete-popper-content{z-index:101;background-color:#f4f4f4}.empty-page .title.upload-delete-popper-content .text{color:#000}.empty-page .title.upload-delete-popper-content .action-box{color:#0084ff}.empty-page .title.course-content{background-color:#fff;padding:20px;margin-bottom:40px;margin-top:28px}.empty-page .title.tags{margin-top:30px;padding-top:20px;border-top:1px solid #ececec}.empty-page .title.tags .tag-item{display:inline-block;min-width:30px;padding:0 14px;text-align:center;border-radius:16px;line-height:32px;font-size:14px;color:#136fe4;border:1px solid #136fe4;margin-right:10px}.empty-page .empty-content{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;padding:150px 0}.empty-page .empty-content .empty-icon{display:block;width:146px;height:96px;margin-bottom:20px}.empty-page .empty-content .empty-icon{font-size:0;color:transparent}.empty-page .empty-content .empty-icon.empty-page{display:flex;justify-content:center;flex-direction:column;position:relative;padding:40px 0 106px;width:100%}.empty-page .empty-content .empty-icon.empty-page .top-box{display:block;position:relative;height:42px;margin-bottom:30px}.empty-page .empty-content .empty-icon.empty-page .top-box img{display:inline-block;width:auto;height:100%}.empty-page .empty-content .empty-icon.empty-page .title{width:286px;height:42px;margin-bottom:38px}.empty-page .empty-content .empty-icon.empty-page .title{font-size:0;color:transparent}.empty-page .empty-content .empty-icon.empty-page .title.empty-page{display:flex;justify-content:center;flex-direction:column;position:relative;padding:40px 0 106px;width:100%}.empty-page .empty-content .empty-icon.empty-page .title.empty-page .top-box{display:block;position:relative;height:42px;margin-bottom:30px}.empty-page .empty-content .empty-icon.empty-page .title.empty-page .top-box img{display:inline-block;width:auto;height:100%}.empty-page .empty-content .empty-icon.empty-page .title.empty-page .title{width:286px;height:42px;margin-bottom:38px;@extend %hide-font,;}.empty-page .empty-content .empty-icon.empty-page .title.empty-page .empty-content{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;padding:150px 0}.empty-page .empty-content .empty-icon.empty-page .title.empty-page .empty-content .empty-icon{display:block;width:146px;height:96px;margin-bottom:20px;@extend %hide-font,;}.empty-page .empty-content .empty-icon.empty-page .title.empty-page .empty-content .empty-tips{font-size:18px;text-align:center;color:#fff}.empty-page .empty-content .empty-icon.empty-page *.title{box-sizing:border-box}.empty-page .empty-content .empty-icon.empty-page #root.title{display:flex;flex-direction:column}.empty-page .empty-content .empty-icon.empty-page .title.openlight-container{flex:1;background-color:#f4f4f4}.empty-page .empty-content .empty-icon.empty-page .title.open-light-detail-page,.empty-page .empty-content .empty-icon.empty-page .title.open-light-page{width:1200px;margin:36px auto 0;height:100%}.empty-page .empty-content .empty-icon.empty-page .title.dialog-close{height:30px;width:30px;background-color:#d0e2fa;display:flex;align-items:center;justify-content:center;cursor:pointer}.empty-page .empty-content .empty-icon.empty-page .title.dialog-close svg{width:20px;height:20px}.empty-page .empty-content .empty-icon.empty-page .title.tips-dialog{background-color:#fff;display:flex;align-items:center;justify-content:center}.empty-page .empty-content .empty-icon.empty-page .title.tips-dialog .link{color:#0084ff;text-decoration:underline;padding:0 3px}.empty-page .empty-content .empty-icon.empty-page .title.tips-dialog .text-box{text-align:center;line-height:30px}.empty-page .empty-content .empty-icon.empty-page .title.tips-dialog .dialog-close{height:20px;width:20px}.empty-page .empty-content .empty-icon.empty-page .title.tips-dialog .dialog-close svg{width:15px;height:15px}.empty-page .empty-content .empty-icon.empty-page .title.phone-view-btn{font-size:13px;display:flex;align-items:center;justify-content:center;width:120px;height:30px;line-height:30px;border-radius:14px;border:1px solid #ddd;cursor:pointer;position:relative;color:#000}.empty-page .empty-content .empty-icon.empty-page .title.phone-view-btn:hover{background-color:#136fe4;font-size:14px;border:none}.empty-page .empty-content .empty-icon.empty-page .title.phone-view-btn:hover .qr-code-box{display:inline-block!important}.empty-page .empty-content .empty-icon.empty-page .title.phone-view-btn:hover .txt{color:#fff}.empty-page .empty-content .empty-icon.empty-page .title.phone-view-btn:hover .phone-icon{background:url(https://xyp.qpic.cn/remix-gameinstitute/build/_assets/phone-LNRXFQK4.png) no-repeat 0 0}.empty-page .empty-content .empty-icon.empty-page .title.phone-view-btn .text{color:#000}.empty-page .empty-content .empty-icon.empty-page .title.phone-view-btn .qr-code-box{position:absolute;top:34px;left:-3px;padding:10px;border:1px solid #ececec;border-radius:5px;background-color:#fff;z-index:5;display:flex;align-items:center;justify-content:center}.empty-page .empty-content .empty-icon.empty-page .title.phone-view-btn .qr-code-box.no-padding{padding:0}.empty-page .empty-content .empty-icon.empty-page .title.phone-view-btn .qr-code-box .view-arrow-t{display:block;height:14px;position:absolute;top:-13px;left:0;right:0}.empty-page .empty-content .empty-icon.empty-page .title.phone-view-btn .qr-code-box .view-arrow-t:before,.empty-page .empty-content .empty-icon.empty-page .title.phone-view-btn .qr-code-box .view-arrow-t:after{content:"";position:absolute;left:50%;transform:translate(-50%)}.empty-page .empty-content .empty-icon.empty-page .title.phone-view-btn .qr-code-box .view-arrow-t:before{top:6px;display:inline-block;width:0;height:0;font-size:0;border-bottom:8px solid #ececec;border-left:8px solid transparent;border-right:8px solid transparent}.empty-page .empty-content .empty-icon.empty-page .title.phone-view-btn .qr-code-box .view-arrow-t:after{top:7px;display:inline-block;width:0;height:0;font-size:0;border-bottom:7px solid #fff;border-left:7px solid transparent;border-right:7px solid transparent}.empty-page .empty-content .empty-icon.empty-page .title.phone-view-btn .qr-code{width:102px;-o-object-fit:contain;object-fit:contain}.empty-page .empty-content .empty-icon.empty-page .title.phone-view-btn .phone-icon{display:inline-block;height:16px;width:11px;margin-right:3px;background:url(https://xyp.qpic.cn/remix-gameinstitute/build/_assets/phone-gray-P2ID56XB.png) no-repeat 0 0}.empty-page .empty-content .empty-icon.empty-page .title.m-breadcrumb.course-breadcrumb{font-size:16px;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;max-height:1.5em;color:#555;margin:35px 0 20px}.empty-page .empty-content .empty-icon.empty-page .title.m-breadcrumb.course-breadcrumb .icon-arrow-r{margin-right:8px;display:inline-block;height:13px;width:9px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAANBAMAAACJLlk1AAAALVBMVEVHcEwTb+QTb+QTb+QTb+QTb+QTb+QTb+QTb+QTb+QTb+QTb+QTb+QTb+QTb+Qig793AAAADnRSTlMA+nMJ9Ke15sKMOz4aGEccg9AAAAA0SURBVAjXY1CczAAEfi8OAMl376rB5EMFEPnuqQGIfJcAJgUQbLA4RE0VWO8FIKkyAUgAAH4TI4LWKgNpAAAAAElFTkSuQmCC) no-repeat 0 0}.empty-page .empty-content .empty-icon.empty-page .title.m-breadcrumb.course-breadcrumb a.m-breadcrumb__item{color:#555;max-width:15em}.empty-page .empty-content .empty-icon.empty-page .title.m-breadcrumb.course-breadcrumb .m-breadcrumb__split{margin:0 3px}.empty-page .empty-content .empty-icon.empty-page .title.m-breadcrumb.course-breadcrumb .m-breadcrumb__item{max-width:15em;color:#999}.empty-page .empty-content .empty-icon.empty-page .title.m-upload{--upload-theme: var(--form-theme-color);--upload-radius: 5px;--upload-add-size: 40px}.empty-page .empty-content .empty-icon.empty-page .title.m-upload__handler>*{cursor:pointer}.empty-page .empty-content .empty-icon.empty-page .title.m-upload__handler__input{display:none}.empty-page .empty-content .empty-icon.empty-page .title.m-upload__handler__select{border-radius:var(--upload-radius);border:solid 1px#ececec;background-color:#eee;display:flex;align-items:center;justify-content:center}.empty-page .empty-content .empty-icon.empty-page .title.m-upload__handler+.m-upload__thumbs{margin-top:20px}.empty-page .empty-content .empty-icon.empty-page .title.m-upload__handler__btn{cursor:pointer}.empty-page .empty-content .empty-icon.empty-page .title.m-upload__icon{display:inline-flex;align-items:center;justify-content:center;width:var(--upload-add-size);height:var(--upload-add-size);background-color:var(--upload-theme);border-radius:50%;cursor:pointer}.empty-page .empty-content .empty-icon.empty-page .title.m-upload__icon__add{display:inline-block;position:relative;width:20px;height:20px}.empty-page .empty-content .empty-icon.empty-page .title.m-upload__icon__add:before,.empty-page .empty-content .empty-icon.empty-page .title.m-upload__icon__add:after{position:absolute;content:"";display:inline-block;background-color:#fff}.empty-page .empty-content .empty-icon.empty-page .title.m-upload__icon__add:before{left:0;top:9px;width:20px;height:2px}.empty-page .empty-content .empty-icon.empty-page .title.m-upload__icon__add:after{left:9px;top:0;width:2px;height:20px}.empty-page .empty-content .empty-icon.empty-page .title.m-upload__thumbs{display:flex;flex-wrap:wrap}.empty-page .empty-content .empty-icon.empty-page .title.m-upload__thumb{border-radius:var(--upload-radius);overflow:hidden;margin:0 10px 10px 0;position:relative;border:1px solid #ededed}.empty-page .empty-content .empty-icon.empty-page .title.m-upload__thumb:first-child{margin-right:0}.empty-page .empty-content .empty-icon.empty-page .title.m-upload__thumb__pic[src=""]{opacity:0}.empty-page .empty-content .empty-icon.empty-page .title.m-upload__thumb__handler{background-color:#00000080;display:flex;align-items:center;justify-content:center;@extend %pos-center;}.empty-page .empty-content .empty-icon.empty-page .title.m-upload__thumb__handler__item{display:inline-block;cursor:pointer;margin:8px}.empty-page .empty-content .empty-icon.empty-page .title.m-upload__thumb__handler__preview{width:30px;height:24px;background:url(https://xyp.qpic.cn/remix-gameinstitute/build/_assets/view-white-PHXVFPNJ.svg) no-repeat center center/20px 14px}.empty-page .empty-content .empty-icon.empty-page .title.m-upload__thumb__handler__delete{width:24px;height:26px;background:url(https://xyp.qpic.cn/remix-gameinstitute/build/_assets/delete-white-NVIDNNMV.svg) no-repeat center center/14px 16px}.empty-page .empty-content .empty-icon.empty-page .title.m-upload__thumb__process{display:flex;width:100%;background-color:#eee;position:absolute;inset:0;align-items:center;justify-content:center}.empty-page .empty-content .empty-icon.empty-page .title.m-upload__thumb__process__text{color:#333;text-align:center;font-size:16px}.empty-page .empty-content .empty-icon.empty-page .title.m-upload__file{display:flex}.empty-page .empty-content .empty-icon.empty-page .title.m-upload__file__name{font-size:16px;display:flex;align-items:center}.empty-page .empty-content .empty-icon.empty-page .title.m-upload__file .icon-file{display:inline-block;width:20px;height:22px;background:url(https://xyp.qpic.cn/remix-gameinstitute/build/_assets/file-OYEDO3EQ.svg) no-repeat 0 0/100% 100%;margin-right:10px}.empty-page .empty-content .empty-icon.empty-page .title.m-upload__file__handler{margin-left:20px;display:flex;align-items:center}.empty-page .empty-content .empty-icon.empty-page .title.m-upload__file__handler__item{margin-right:10px}.empty-page .empty-content .empty-icon.empty-page .title.m-upload__file__handler__delete{display:inline-block;width:20px;height:22px;cursor:pointer;background:url(https://xyp.qpic.cn/remix-gameinstitute/build/_assets/delete-5U56U4GE.svg) no-repeat 0 0/100% 100%}.empty-page .empty-content .empty-icon.empty-page .title.open-light-detail-page .banner{margin-top:20px;height:90px;width:100%}.empty-page .empty-content .empty-icon.empty-page .title.open-light-detail-page .banner img.banner{cursor:pointer;height:90px;width:100%;-o-object-fit:cover;object-fit:cover}.empty-page .empty-content .empty-icon.empty-page .title.open-light-detail-page .title-bar{margin:20px 0;display:flex;justify-content:space-between}.empty-page .empty-content .empty-icon.empty-page .title.open-light-detail-page .title-bar .left{display:flex;align-items:center}.empty-page .empty-content .empty-icon.empty-page .title.open-light-detail-page .title-bar .btn{color:#fff;background-color:#31b775;padding:0 8px;font-size:16px;display:inline-block;line-height:30px}.empty-page .empty-content .empty-icon.empty-page .title.open-light-detail-page .title-bar .text{font-size:18px;color:#1664e2;padding-left:10px}.empty-page .empty-content .empty-icon.empty-page .title.video-container{position:relative;height:516px;background-color:#000;width:1200px}.empty-page .empty-content .empty-icon.empty-page .title.video-container .video-mark{display:flex;align-items:center;justify-content:center;font-size:16px;position:absolute;background-color:#000000e6;top:0;left:0;width:1200px;height:515px;color:#fff}.empty-page .empty-content .empty-icon.empty-page .title.video-container .video-mark .text-btn{cursor:pointer;padding:0 3px;color:#0084ff}.empty-page .empty-content .empty-icon.empty-page .title.video-container .video-mark .image{position:absolute;left:0;right:0;z-index:1;width:1200px;height:515px;-o-object-fit:cover;object-fit:cover}.empty-page .empty-content .empty-icon.empty-page .title.video-container .video-mark .video-text{margin-top:150px;position:relative;z-index:2;width:310px;height:45px;display:flex;align-items:center;justify-content:center;border-radius:100px;background-color:#fff;color:#000;font-size:14px}.empty-page .empty-content .empty-icon.empty-page #video-box.title{height:515px;width:1200px}.empty-page .empty-content .empty-icon.empty-page .title.author-info{background-color:#fff;width:100%;margin-top:30px;display:grid;grid-template-rows:163px 1fr;grid-template-areas:"hd" "content"}.empty-page .empty-content .empty-icon.empty-page .title.author-info.has-work{grid-template-rows:163px 1fr 88px;grid-template-areas:"hd" "content" "ft"}.empty-page .empty-content .empty-icon.empty-page .title.author-info .content{grid-area:content;padding:20px 30px 28px 20px;border-bottom:2px solid #f0f0f0}.empty-page .empty-content .empty-icon.empty-page .title.author-info .content .title{color:#1570e4;font-size:18px;font-weight:400;margin-bottom:7px}.empty-page .empty-content .empty-icon.empty-page .title.author-info .footer-btns{grid-area:ft;display:flex;justify-content:center;align-items:center}.empty-page .empty-content .empty-icon.empty-page .title.author-info .footer-btns .text{display:flex;justify-content:center;align-items:center;padding-left:10px}.empty-page .empty-content .empty-icon.empty-page .title.author-info .footer-btns .checked-icon{width:15px;height:15px;margin-left:3px}.empty-page .empty-content .empty-icon.empty-page .title.author-info .top-info{grid-area:hd;display:flex;border-bottom:2px solid #f0f0f0}.empty-page .empty-content .empty-icon.empty-page .title.author-info .top-info .left-box{flex:1;padding:18px 16px;display:flex}.empty-page .empty-content .empty-icon.empty-page .title.author-info .top-info .left-box .avatar{width:120px;height:120px;-o-object-fit:cover;object-fit:cover}.empty-page .empty-content .empty-icon.empty-page .title.author-info .top-info .left-box .info{margin-left:16px;display:flex;flex-direction:column;color:#555;font-size:14px}.empty-page .empty-content .empty-icon.empty-page .title.author-info .top-info .left-box .info .name{font-size:18px}.empty-page .empty-content .empty-icon.empty-page .title.author-info .top-info .left-box .info .job{font-size:14px}.empty-page .empty-content .empty-icon.empty-page .title.author-info .top-info .left-box .info .text{display:inline-block;margin-top:15px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;max-height:4.5em}.empty-page .empty-content .empty-icon.empty-page .title.author-info .top-info .right-box{padding-top:20px;border-left:2px solid #f0f0f0;padding-left:25px;padding-right:15px;width:466px}.empty-page .empty-content .empty-icon.empty-page .title.author-info .top-info .right-box .title{color:#1570e4;font-size:18px;font-weight:400;margin-bottom:7px}.empty-page .empty-content .empty-icon.empty-page .title.author-info .top-info .right-box .text{font-size:14px;color:#555;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;max-height:6em}.empty-page .empty-content .empty-icon.empty-page .title.desc-info{background-color:#fff;white-space:pre-wrap}.empty-page .empty-content .empty-icon.empty-page .title.desc-info img{-o-object-fit:cover;object-fit:cover}.empty-page .empty-content .empty-icon.empty-page .title.homework-dialog{background-color:#fff;min-height:502px;width:589px;padding:20px;border-radius:10px}.empty-page .empty-content .empty-icon.empty-page .title.homework-dialog .dialog-title{text-align:center;font-size:24px;font-weight:200;color:#000}.empty-page .empty-content .empty-icon.empty-page .title.homework-dialog .dialog-desc{text-align:center;font-size:14px;color:#999}.empty-page .empty-content .empty-icon.empty-page .title.homework-dialog .dialog-footer{justify-content:center}.empty-page .empty-content .empty-icon.empty-page .title.homework-dialog .submit-btn{background-color:#0084ff;color:#fff;font-size:14px;padding:0 36px}.empty-page .empty-content .empty-icon.empty-page .title.homework-dialog .label{color:#999}.empty-page .empty-content .empty-icon.empty-page .title.homework-dialog textarea{width:100%;height:200px;background-color:#f4f4f4;border-radius:4px;padding:15px;margin-top:10px}.empty-page .empty-content .empty-icon.empty-page .title.homework-dialog .m-new-upload{display:flex;align-items:center;justify-content:center}.empty-page .empty-content .empty-icon.empty-page .title.homework-dialog .m-upload__handler{cursor:pointer;align-items:center;padding:5px 10px;border-radius:8px;width:144px;height:42px;border:1px solid #0084ff;color:#0084ff}.empty-page .empty-content .empty-icon.empty-page .title.homework-dialog .m-form-input-tips{margin-top:10px;font-size:12px;color:#999;text-align:center}.empty-page .empty-content .empty-icon.empty-page .title.homework-dialog .progress-box{width:100%}.empty-page .empty-content .empty-icon.empty-page .title.homework-dialog .progress-box .indicator-bar{background-color:#0084ff}.empty-page .empty-content .empty-icon.empty-page .title.homework-dialog .progress-box .progress-bar{background-color:#fff}.empty-page .empty-content .empty-icon.empty-page .title.upload-delete-popper-content{z-index:101;background-color:#f4f4f4}.empty-page .empty-content .empty-icon.empty-page .title.upload-delete-popper-content .text{color:#000}.empty-page .empty-content .empty-icon.empty-page .title.upload-delete-popper-content .action-box{color:#0084ff}.empty-page .empty-content .empty-icon.empty-page .title.course-content{background-color:#fff;padding:20px;margin-bottom:40px;margin-top:28px}.empty-page .empty-content .empty-icon.empty-page .title.tags{margin-top:30px;padding-top:20px;border-top:1px solid #ececec}.empty-page .empty-content .empty-icon.empty-page .title.tags .tag-item{display:inline-block;min-width:30px;padding:0 14px;text-align:center;border-radius:16px;line-height:32px;font-size:14px;color:#136fe4;border:1px solid #136fe4;margin-right:10px}.empty-page .empty-content .empty-icon.empty-page .empty-content{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;padding:150px 0}.empty-page .empty-content .empty-icon.empty-page .empty-content .empty-icon{display:block;width:146px;height:96px;margin-bottom:20px;@extend %hide-font,;}.empty-page .empty-content .empty-icon.empty-page .empty-content .empty-tips{font-size:18px;text-align:center;color:#fff}.empty-page .empty-content *.empty-icon{box-sizing:border-box}.empty-page .empty-content #root.empty-icon{display:flex;flex-direction:column}.empty-page .empty-content .empty-icon.openlight-container{flex:1;background-color:#f4f4f4}.empty-page .empty-content .empty-icon.open-light-detail-page,.empty-page .empty-content .empty-icon.open-light-page{width:1200px;margin:36px auto 0;height:100%}.empty-page .empty-content .empty-icon.dialog-close{height:30px;width:30px;background-color:#d0e2fa;display:flex;align-items:center;justify-content:center;cursor:pointer}.empty-page .empty-content .empty-icon.dialog-close svg{width:20px;height:20px}.empty-page .empty-content .empty-icon.tips-dialog{background-color:#fff;display:flex;align-items:center;justify-content:center}.empty-page .empty-content .empty-icon.tips-dialog .link{color:#0084ff;text-decoration:underline;padding:0 3px}.empty-page .empty-content .empty-icon.tips-dialog .text-box{text-align:center;line-height:30px}.empty-page .empty-content .empty-icon.tips-dialog .dialog-close{height:20px;width:20px}.empty-page .empty-content .empty-icon.tips-dialog .dialog-close svg{width:15px;height:15px}.empty-page .empty-content .empty-icon.phone-view-btn{font-size:13px;display:flex;align-items:center;justify-content:center;width:120px;height:30px;line-height:30px;border-radius:14px;border:1px solid #ddd;cursor:pointer;position:relative;color:#000}.empty-page .empty-content .empty-icon.phone-view-btn:hover{background-color:#136fe4;font-size:14px;border:none}.empty-page .empty-content .empty-icon.phone-view-btn:hover .qr-code-box{display:inline-block!important}.empty-page .empty-content .empty-icon.phone-view-btn:hover .txt{color:#fff}.empty-page .empty-content .empty-icon.phone-view-btn:hover .phone-icon{background:url(https://xyp.qpic.cn/remix-gameinstitute/build/_assets/phone-LNRXFQK4.png) no-repeat 0 0}.empty-page .empty-content .empty-icon.phone-view-btn .text{color:#000}.empty-page .empty-content .empty-icon.phone-view-btn .qr-code-box{position:absolute;top:34px;left:-3px;padding:10px;border:1px solid #ececec;border-radius:5px;background-color:#fff;z-index:5;display:flex;align-items:center;justify-content:center}.empty-page .empty-content .empty-icon.phone-view-btn .qr-code-box.no-padding{padding:0}.empty-page .empty-content .empty-icon.phone-view-btn .qr-code-box .view-arrow-t{display:block;height:14px;position:absolute;top:-13px;left:0;right:0}.empty-page .empty-content .empty-icon.phone-view-btn .qr-code-box .view-arrow-t:before,.empty-page .empty-content .empty-icon.phone-view-btn .qr-code-box .view-arrow-t:after{content:"";position:absolute;left:50%;transform:translate(-50%)}.empty-page .empty-content .empty-icon.phone-view-btn .qr-code-box .view-arrow-t:before{top:6px;display:inline-block;width:0;height:0;font-size:0;border-bottom:8px solid #ececec;border-left:8px solid transparent;border-right:8px solid transparent}.empty-page .empty-content .empty-icon.phone-view-btn .qr-code-box .view-arrow-t:after{top:7px;display:inline-block;width:0;height:0;font-size:0;border-bottom:7px solid #fff;border-left:7px solid transparent;border-right:7px solid transparent}.empty-page .empty-content .empty-icon.phone-view-btn .qr-code{width:102px;-o-object-fit:contain;object-fit:contain}.empty-page .empty-content .empty-icon.phone-view-btn .phone-icon{display:inline-block;height:16px;width:11px;margin-right:3px;background:url(https://xyp.qpic.cn/remix-gameinstitute/build/_assets/phone-gray-P2ID56XB.png) no-repeat 0 0}.empty-page .empty-content .empty-icon.m-breadcrumb.course-breadcrumb{font-size:16px;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;max-height:1.5em;color:#555;margin:35px 0 20px}.empty-page .empty-content .empty-icon.m-breadcrumb.course-breadcrumb .icon-arrow-r{margin-right:8px;display:inline-block;height:13px;width:9px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAANBAMAAACJLlk1AAAALVBMVEVHcEwTb+QTb+QTb+QTb+QTb+QTb+QTb+QTb+QTb+QTb+QTb+QTb+QTb+QTb+Qig793AAAADnRSTlMA+nMJ9Ke15sKMOz4aGEccg9AAAAA0SURBVAjXY1CczAAEfi8OAMl376rB5EMFEPnuqQGIfJcAJgUQbLA4RE0VWO8FIKkyAUgAAH4TI4LWKgNpAAAAAElFTkSuQmCC) no-repeat 0 0}.empty-page .empty-content .empty-icon.m-breadcrumb.course-breadcrumb a.m-breadcrumb__item{color:#555;max-width:15em}.empty-page .empty-content .empty-icon.m-breadcrumb.course-breadcrumb .m-breadcrumb__split{margin:0 3px}.empty-page .empty-content .empty-icon.m-breadcrumb.course-breadcrumb .m-breadcrumb__item{max-width:15em;color:#999}.empty-page .empty-content .empty-icon.m-upload{--upload-theme: var(--form-theme-color);--upload-radius: 5px;--upload-add-size: 40px}.empty-page .empty-content .empty-icon.m-upload__handler>*{cursor:pointer}.empty-page .empty-content .empty-icon.m-upload__handler__input{display:none}.empty-page .empty-content .empty-icon.m-upload__handler__select{border-radius:var(--upload-radius);border:solid 1px#ececec;background-color:#eee;display:flex;align-items:center;justify-content:center}.empty-page .empty-content .empty-icon.m-upload__handler+.m-upload__thumbs{margin-top:20px}.empty-page .empty-content .empty-icon.m-upload__handler__btn{cursor:pointer}.empty-page .empty-content .empty-icon.m-upload__icon{display:inline-flex;align-items:center;justify-content:center;width:var(--upload-add-size);height:var(--upload-add-size);background-color:var(--upload-theme);border-radius:50%;cursor:pointer}.empty-page .empty-content .empty-icon.m-upload__icon__add{display:inline-block;position:relative;width:20px;height:20px}.empty-page .empty-content .empty-icon.m-upload__icon__add:before,.empty-page .empty-content .empty-icon.m-upload__icon__add:after{position:absolute;content:"";display:inline-block;background-color:#fff}.empty-page .empty-content .empty-icon.m-upload__icon__add:before{left:0;top:9px;width:20px;height:2px}.empty-page .empty-content .empty-icon.m-upload__icon__add:after{left:9px;top:0;width:2px;height:20px}.empty-page .empty-content .empty-icon.m-upload__thumbs{display:flex;flex-wrap:wrap}.empty-page .empty-content .empty-icon.m-upload__thumb{border-radius:var(--upload-radius);overflow:hidden;margin:0 10px 10px 0;position:relative;border:1px solid #ededed}.empty-page .empty-content .empty-icon.m-upload__thumb:first-child{margin-right:0}.empty-page .empty-content .empty-icon.m-upload__thumb__pic[src=""]{opacity:0}.empty-page .empty-content .empty-icon.m-upload__thumb__handler{background-color:#00000080;display:flex;align-items:center;justify-content:center;@extend %pos-center;}.empty-page .empty-content .empty-icon.m-upload__thumb__handler__item{display:inline-block;cursor:pointer;margin:8px}.empty-page .empty-content .empty-icon.m-upload__thumb__handler__preview{width:30px;height:24px;background:url(https://xyp.qpic.cn/remix-gameinstitute/build/_assets/view-white-PHXVFPNJ.svg) no-repeat center center/20px 14px}.empty-page .empty-content .empty-icon.m-upload__thumb__handler__delete{width:24px;height:26px;background:url(https://xyp.qpic.cn/remix-gameinstitute/build/_assets/delete-white-NVIDNNMV.svg) no-repeat center center/14px 16px}.empty-page .empty-content .empty-icon.m-upload__thumb__process{display:flex;width:100%;background-color:#eee;position:absolute;inset:0;align-items:center;justify-content:center}.empty-page .empty-content .empty-icon.m-upload__thumb__process__text{color:#333;text-align:center;font-size:16px}.empty-page .empty-content .empty-icon.m-upload__file{display:flex}.empty-page .empty-content .empty-icon.m-upload__file__name{font-size:16px;display:flex;align-items:center}.empty-page .empty-content .empty-icon.m-upload__file .icon-file{display:inline-block;width:20px;height:22px;background:url(https://xyp.qpic.cn/remix-gameinstitute/build/_assets/file-OYEDO3EQ.svg) no-repeat 0 0/100% 100%;margin-right:10px}.empty-page .empty-content .empty-icon.m-upload__file__handler{margin-left:20px;display:flex;align-items:center}.empty-page .empty-content .empty-icon.m-upload__file__handler__item{margin-right:10px}.empty-page .empty-content .empty-icon.m-upload__file__handler__delete{display:inline-block;width:20px;height:22px;cursor:pointer;background:url(https://xyp.qpic.cn/remix-gameinstitute/build/_assets/delete-5U56U4GE.svg) no-repeat 0 0/100% 100%}.empty-page .empty-content .empty-icon.open-light-detail-page .banner{margin-top:20px;height:90px;width:100%}.empty-page .empty-content .empty-icon.open-light-detail-page .banner img.banner{cursor:pointer;height:90px;width:100%;-o-object-fit:cover;object-fit:cover}.empty-page .empty-content .empty-icon.open-light-detail-page .title-bar{margin:20px 0;display:flex;justify-content:space-between}.empty-page .empty-content .empty-icon.open-light-detail-page .title-bar .left{display:flex;align-items:center}.empty-page .empty-content .empty-icon.open-light-detail-page .title-bar .btn{color:#fff;background-color:#31b775;padding:0 8px;font-size:16px;display:inline-block;line-height:30px}.empty-page .empty-content .empty-icon.open-light-detail-page .title-bar .text{font-size:18px;color:#1664e2;padding-left:10px}.empty-page .empty-content .empty-icon.video-container{position:relative;height:516px;background-color:#000;width:1200px}.empty-page .empty-content .empty-icon.video-container .video-mark{display:flex;align-items:center;justify-content:center;font-size:16px;position:absolute;background-color:#000000e6;top:0;left:0;width:1200px;height:515px;color:#fff}.empty-page .empty-content .empty-icon.video-container .video-mark .text-btn{cursor:pointer;padding:0 3px;color:#0084ff}.empty-page .empty-content .empty-icon.video-container .video-mark .image{position:absolute;left:0;right:0;z-index:1;width:1200px;height:515px;-o-object-fit:cover;object-fit:cover}.empty-page .empty-content .empty-icon.video-container .video-mark .video-text{margin-top:150px;position:relative;z-index:2;width:310px;height:45px;display:flex;align-items:center;justify-content:center;border-radius:100px;background-color:#fff;color:#000;font-size:14px}.empty-page .empty-content #video-box.empty-icon{height:515px;width:1200px}.empty-page .empty-content .empty-icon.author-info{background-color:#fff;width:100%;margin-top:30px;display:grid;grid-template-rows:163px 1fr;grid-template-areas:"hd" "content"}.empty-page .empty-content .empty-icon.author-info.has-work{grid-template-rows:163px 1fr 88px;grid-template-areas:"hd" "content" "ft"}.empty-page .empty-content .empty-icon.author-info .content{grid-area:content;padding:20px 30px 28px 20px;border-bottom:2px solid #f0f0f0}.empty-page .empty-content .empty-icon.author-info .content .title{color:#1570e4;font-size:18px;font-weight:400;margin-bottom:7px}.empty-page .empty-content .empty-icon.author-info .footer-btns{grid-area:ft;display:flex;justify-content:center;align-items:center}.empty-page .empty-content .empty-icon.author-info .footer-btns .text{display:flex;justify-content:center;align-items:center;padding-left:10px}.empty-page .empty-content .empty-icon.author-info .footer-btns .checked-icon{width:15px;height:15px;margin-left:3px}.empty-page .empty-content .empty-icon.author-info .top-info{grid-area:hd;display:flex;border-bottom:2px solid #f0f0f0}.empty-page .empty-content .empty-icon.author-info .top-info .left-box{flex:1;padding:18px 16px;display:flex}.empty-page .empty-content .empty-icon.author-info .top-info .left-box .avatar{width:120px;height:120px;-o-object-fit:cover;object-fit:cover}.empty-page .empty-content .empty-icon.author-info .top-info .left-box .info{margin-left:16px;display:flex;flex-direction:column;color:#555;font-size:14px}.empty-page .empty-content .empty-icon.author-info .top-info .left-box .info .name{font-size:18px}.empty-page .empty-content .empty-icon.author-info .top-info .left-box .info .job{font-size:14px}.empty-page .empty-content .empty-icon.author-info .top-info .left-box .info .text{display:inline-block;margin-top:15px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;max-height:4.5em}.empty-page .empty-content .empty-icon.author-info .top-info .right-box{padding-top:20px;border-left:2px solid #f0f0f0;padding-left:25px;padding-right:15px;width:466px}.empty-page .empty-content .empty-icon.author-info .top-info .right-box .title{color:#1570e4;font-size:18px;font-weight:400;margin-bottom:7px}.empty-page .empty-content .empty-icon.author-info .top-info .right-box .text{font-size:14px;color:#555;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;max-height:6em}.empty-page .empty-content .empty-icon.desc-info{background-color:#fff;white-space:pre-wrap}.empty-page .empty-content .empty-icon.desc-info img{-o-object-fit:cover;object-fit:cover}.empty-page .empty-content .empty-icon.homework-dialog{background-color:#fff;min-height:502px;width:589px;padding:20px;border-radius:10px}.empty-page .empty-content .empty-icon.homework-dialog .dialog-title{text-align:center;font-size:24px;font-weight:200;color:#000}.empty-page .empty-content .empty-icon.homework-dialog .dialog-desc{text-align:center;font-size:14px;color:#999}.empty-page .empty-content .empty-icon.homework-dialog .dialog-footer{justify-content:center}.empty-page .empty-content .empty-icon.homework-dialog .submit-btn{background-color:#0084ff;color:#fff;font-size:14px;padding:0 36px}.empty-page .empty-content .empty-icon.homework-dialog .label{color:#999}.empty-page .empty-content .empty-icon.homework-dialog textarea{width:100%;height:200px;background-color:#f4f4f4;border-radius:4px;padding:15px;margin-top:10px}.empty-page .empty-content .empty-icon.homework-dialog .m-new-upload{display:flex;align-items:center;justify-content:center}.empty-page .empty-content .empty-icon.homework-dialog .m-upload__handler{cursor:pointer;align-items:center;padding:5px 10px;border-radius:8px;width:144px;height:42px;border:1px solid #0084ff;color:#0084ff}.empty-page .empty-content .empty-icon.homework-dialog .m-form-input-tips{margin-top:10px;font-size:12px;color:#999;text-align:center}.empty-page .empty-content .empty-icon.homework-dialog .progress-box{width:100%}.empty-page .empty-content .empty-icon.homework-dialog .progress-box .indicator-bar{background-color:#0084ff}.empty-page .empty-content .empty-icon.homework-dialog .progress-box .progress-bar{background-color:#fff}.empty-page .empty-content .empty-icon.upload-delete-popper-content{z-index:101;background-color:#f4f4f4}.empty-page .empty-content .empty-icon.upload-delete-popper-content .text{color:#000}.empty-page .empty-content .empty-icon.upload-delete-popper-content .action-box{color:#0084ff}.empty-page .empty-content .empty-icon.course-content{background-color:#fff;padding:20px;margin-bottom:40px;margin-top:28px}.empty-page .empty-content .empty-icon.tags{margin-top:30px;padding-top:20px;border-top:1px solid #ececec}.empty-page .empty-content .empty-icon.tags .tag-item{display:inline-block;min-width:30px;padding:0 14px;text-align:center;border-radius:16px;line-height:32px;font-size:14px;color:#136fe4;border:1px solid #136fe4;margin-right:10px}.empty-page .empty-content .empty-tips{font-size:18px;text-align:center;color:#fff}*{box-sizing:border-box}pre{white-space:pre-wrap;color:#555;font:12px/1.5 Microsoft YaHei,PingFang SC,Heiti SC,sans-serif;font-size:16px}#root{display:flex;flex-direction:column}.openlight-container{flex:1;background-color:#f4f4f4}.open-light-detail-page,.open-light-page{width:1200px;margin:36px auto 0;height:100%}.dialog-close{height:30px;width:30px;background-color:#d0e2fa;display:flex;align-items:center;justify-content:center;cursor:pointer}.dialog-close svg{width:20px;height:20px}.tips-dialog{background-color:#fff;display:flex;align-items:center;justify-content:center}.tips-dialog .link{color:#0084ff;text-decoration:underline;padding:0 3px}.tips-dialog .text-box{text-align:center;line-height:30px}.tips-dialog .dialog-close{height:20px;width:20px}.tips-dialog .dialog-close svg{width:15px;height:15px}.phone-view-btn{font-size:13px;display:flex;align-items:center;justify-content:center;width:120px;height:30px;line-height:30px;border-radius:14px;border:1px solid #ddd;cursor:pointer;position:relative;color:#000}.phone-view-btn:hover{background-color:#136fe4;font-size:14px;border:none}.phone-view-btn:hover .qr-code-box{display:inline-block!important}.phone-view-btn:hover .txt{color:#fff}.phone-view-btn:hover .phone-icon{background:url(https://xyp.qpic.cn/remix-gameinstitute/build/_assets/phone-LNRXFQK4.png) no-repeat 0 0}.phone-view-btn .text{color:#000}.phone-view-btn .qr-code-box{position:absolute;top:34px;left:-3px;padding:10px;border:1px solid #ececec;border-radius:5px;background-color:#fff;z-index:5;display:flex;align-items:center;justify-content:center}.phone-view-btn .qr-code-box.no-padding{padding:0}.phone-view-btn .qr-code-box .view-arrow-t{display:block;height:14px;position:absolute;top:-13px;left:0;right:0}.phone-view-btn .qr-code-box .view-arrow-t:before,.phone-view-btn .qr-code-box .view-arrow-t:after{content:"";position:absolute;left:50%;transform:translate(-50%)}.phone-view-btn .qr-code-box .view-arrow-t:before{top:6px;display:inline-block;width:0;height:0;font-size:0;border-bottom:8px solid #ececec;border-left:8px solid transparent;border-right:8px solid transparent}.phone-view-btn .qr-code-box .view-arrow-t:after{top:7px;display:inline-block;width:0;height:0;font-size:0;border-bottom:7px solid #fff;border-left:7px solid transparent;border-right:7px solid transparent}.phone-view-btn .qr-code{width:102px;-o-object-fit:contain;object-fit:contain}.phone-view-btn .phone-icon{display:inline-block;height:16px;width:11px;margin-right:3px;background:url(https://xyp.qpic.cn/remix-gameinstitute/build/_assets/phone-gray-P2ID56XB.png) no-repeat 0 0}.m-breadcrumb.course-breadcrumb{font-size:16px;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;max-height:1.5em;color:#555;margin:35px 0 20px}.m-breadcrumb.course-breadcrumb .icon-arrow-r{margin-right:8px;display:inline-block;height:13px;width:9px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAANBAMAAACJLlk1AAAALVBMVEVHcEwTb+QTb+QTb+QTb+QTb+QTb+QTb+QTb+QTb+QTb+QTb+QTb+QTb+QTb+Qig793AAAADnRSTlMA+nMJ9Ke15sKMOz4aGEccg9AAAAA0SURBVAjXY1CczAAEfi8OAMl376rB5EMFEPnuqQGIfJcAJgUQbLA4RE0VWO8FIKkyAUgAAH4TI4LWKgNpAAAAAElFTkSuQmCC) no-repeat 0 0}.m-breadcrumb.course-breadcrumb a.m-breadcrumb__item{color:#555;max-width:15em}.m-breadcrumb.course-breadcrumb .m-breadcrumb__split{margin:0 3px}.m-breadcrumb.course-breadcrumb .m-breadcrumb__item{max-width:15em;color:#999}.m-upload{--upload-theme: var(--form-theme-color);--upload-radius: 5px;--upload-add-size: 40px}.m-upload__handler>*{cursor:pointer}.m-upload__handler__input{display:none}.m-upload__handler__select{border-radius:var(--upload-radius);border:solid 1px#ececec;background-color:#eee;display:flex;align-items:center;justify-content:center}.m-upload__handler+.m-upload__thumbs{margin-top:20px}.m-upload__handler__btn{cursor:pointer}.m-upload__icon{display:inline-flex;align-items:center;justify-content:center;width:var(--upload-add-size);height:var(--upload-add-size);background-color:var(--upload-theme);border-radius:50%;cursor:pointer}.m-upload__icon__add{display:inline-block;position:relative;width:20px;height:20px}.m-upload__icon__add:before,.m-upload__icon__add:after{position:absolute;content:"";display:inline-block;background-color:#fff}.m-upload__icon__add:before{left:0;top:9px;width:20px;height:2px}.m-upload__icon__add:after{left:9px;top:0;width:2px;height:20px}.m-upload__thumbs{display:flex;flex-wrap:wrap}.m-upload__thumb{border-radius:var(--upload-radius);overflow:hidden;margin:0 10px 10px 0;position:relative;border:1px solid #ededed}.m-upload__thumb:first-child{margin-right:0}.m-upload__thumb__pic[src=""]{opacity:0}.m-upload__thumb__handler{background-color:#00000080;display:flex;align-items:center;justify-content:center}.m-upload__thumb__handler{position:absolute;inset:0}.m-upload__thumb__handler__item{display:inline-block;cursor:pointer;margin:8px}.m-upload__thumb__handler__preview{width:30px;height:24px;background:url(https://xyp.qpic.cn/remix-gameinstitute/build/_assets/view-white-PHXVFPNJ.svg) no-repeat center center/20px 14px}.m-upload__thumb__handler__delete{width:24px;height:26px;background:url(https://xyp.qpic.cn/remix-gameinstitute/build/_assets/delete-white-NVIDNNMV.svg) no-repeat center center/14px 16px}.m-upload__thumb__process{display:flex;width:100%;background-color:#eee;position:absolute;inset:0;align-items:center;justify-content:center}.m-upload__thumb__process__text{color:#333;text-align:center;font-size:16px}.m-upload__file{display:flex}.m-upload__file__name{font-size:16px;display:flex;align-items:center}.m-upload__file .icon-file{display:inline-block;width:20px;height:22px;background:url(https://xyp.qpic.cn/remix-gameinstitute/build/_assets/file-OYEDO3EQ.svg) no-repeat 0 0/100% 100%;margin-right:10px}.m-upload__file__handler{margin-left:20px;display:flex;align-items:center}.m-upload__file__handler__item{margin-right:10px}.m-upload__file__handler__delete{display:inline-block;width:20px;height:22px;cursor:pointer;background:url(https://xyp.qpic.cn/remix-gameinstitute/build/_assets/delete-5U56U4GE.svg) no-repeat 0 0/100% 100%}.open-light-detail-page .banner{margin-top:20px;height:90px;width:100%}.open-light-detail-page .banner img.banner{cursor:pointer;height:90px;width:100%;-o-object-fit:cover;object-fit:cover}.open-light-detail-page .title-bar{margin:20px 0;display:flex;justify-content:space-between}.open-light-detail-page .title-bar .left{display:flex;align-items:center}.open-light-detail-page .title-bar .btn{color:#fff;background-color:#31b775;padding:0 8px;font-size:16px;display:inline-block;line-height:30px}.open-light-detail-page .title-bar .text{font-size:18px;color:#1664e2;padding-left:10px}.video-container{position:relative;height:516px;background-color:#000;width:1200px}.video-container .video-mark{display:flex;align-items:center;justify-content:center;font-size:16px;position:absolute;background-color:#000000e6;top:0;left:0;width:1200px;height:515px;color:#fff}.video-container .video-mark .text-btn{cursor:pointer;padding:0 3px;color:#0084ff}.video-container .video-mark .image{position:absolute;left:0;right:0;z-index:1;width:1200px;height:515px;-o-object-fit:cover;object-fit:cover}.video-container .video-mark .video-text{margin-top:150px;position:relative;z-index:2;width:310px;height:45px;display:flex;align-items:center;justify-content:center;border-radius:100px;background-color:#fff;color:#000;font-size:14px}#video-box{height:515px;width:1200px}.author-info{background-color:#fff;width:100%;margin-top:30px;display:grid;grid-template-rows:163px 1fr;grid-template-areas:"hd" "content"}.author-info.has-work{grid-template-rows:163px 1fr 88px;grid-template-areas:"hd" "content" "ft"}.author-info .content{grid-area:content;padding:20px 30px 28px 20px;border-bottom:2px solid #f0f0f0}.author-info .content .title{color:#1570e4;font-size:18px;font-weight:400;margin-bottom:7px}.author-info .footer-btns{grid-area:ft;display:flex;justify-content:center;align-items:center}.author-info .footer-btns .text{display:flex;justify-content:center;align-items:center;padding-left:10px}.author-info .footer-btns .checked-icon{width:15px;height:15px;margin-left:3px}.author-info .top-info{grid-area:hd;display:flex;border-bottom:2px solid #f0f0f0}.author-info .top-info .left-box{flex:1;padding:18px 16px;display:flex}.author-info .top-info .left-box .avatar{width:120px;height:120px;-o-object-fit:cover;object-fit:cover}.author-info .top-info .left-box .info{margin-left:16px;display:flex;flex-direction:column;color:#555;font-size:14px}.author-info .top-info .left-box .info .name{font-size:18px}.author-info .top-info .left-box .info .job{font-size:14px}.author-info .top-info .left-box .info .text{display:inline-block;margin-top:15px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;max-height:4.5em}.author-info .top-info .right-box{padding-top:20px;border-left:2px solid #f0f0f0;padding-left:25px;padding-right:15px;width:466px}.author-info .top-info .right-box .title{color:#1570e4;font-size:18px;font-weight:400;margin-bottom:7px}.author-info .top-info .right-box .text{font-size:14px;color:#555;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;max-height:6em}.desc-info{background-color:#fff;white-space:pre-wrap}.desc-info img{-o-object-fit:cover;object-fit:cover}.homework-dialog{background-color:#fff;min-height:502px;width:589px;padding:20px;border-radius:10px}.homework-dialog .dialog-title{text-align:center;font-size:24px;font-weight:200;color:#000}.homework-dialog .dialog-desc{text-align:center;font-size:14px;color:#999}.homework-dialog .dialog-footer{justify-content:center}.homework-dialog .submit-btn{background-color:#0084ff;color:#fff;font-size:14px;padding:0 36px}.homework-dialog .label{color:#999}.homework-dialog textarea{width:100%;height:200px;background-color:#f4f4f4;border-radius:4px;padding:15px;margin-top:10px}.homework-dialog .m-new-upload{display:flex;align-items:center;justify-content:center}.homework-dialog .m-upload__handler{cursor:pointer;align-items:center;padding:5px 10px;border-radius:8px;width:144px;height:42px;border:1px solid #0084ff;color:#0084ff}.homework-dialog .m-form-input-tips{margin-top:10px;font-size:12px;color:#999;text-align:center}.homework-dialog .progress-box{width:100%}.homework-dialog .progress-box .indicator-bar{background-color:#0084ff}.homework-dialog .progress-box .progress-bar{background-color:#fff}.upload-delete-popper-content{z-index:101;background-color:#f4f4f4}.upload-delete-popper-content .text{color:#000}.upload-delete-popper-content .action-box{color:#0084ff}.course-content{background-color:#fff;padding:20px;margin-bottom:40px;margin-top:28px}.tags{margin-top:30px;padding-top:20px;border-top:1px solid #ececec}.tags .tag-item{display:inline-block;min-width:30px;padding:0 14px;text-align:center;border-radius:16px;line-height:32px;font-size:14px;color:#136fe4;border:1px solid #136fe4;margin-right:10px}button:disabled{background-color:#999}