.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.course-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(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAAQBAMAAAAyk5hNAAAAJFBMVEX///9HcEz///////////////////////////////////////8l87hfAAAAC3RSTlOAAJDCoIIG0+8QXUY7vPsAAABASURBVAjXY9DeDQQODDuqd++u2MCwNcnFKXUDwwZBQUEBcigpJS0QJbx7M5DaKjZzmugGhh3GxsYWGxjAFikAAPsCI+k2JcADAAAAAElFTkSuQmCC) 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(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAAQBAMAAAAyk5hNAAAAIVBMVEVVVVVHcExVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVUo0KntAAAACnRSTlOAAJDCoAbv0xBdKTAqawAAADtJREFUCNdj0FoFBA4My6pWrSpbwLAgyMUpAEgJCgoKkENJKmmCKOFVi0GUaEcrkFpmbGxstoABbJECAFUeIPr8+KHJAAAAAElFTkSuQmCC) 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.uploading>*{cursor:not-allowed}.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__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%}.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__icon__uploading{-o-object-fit:contain;object-fit:contain;width:32px;height:32px}.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("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'%20standalone='no'?%3e%3csvg%20class='icon-view'%20width='16px'%20height='12px'%20viewBox='0%200%2016%2012'%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%3e%3cdefs%3e%3cstyle%3e%20.icon-view%20{%20fill:%20%23fff;%20}%20%3c/style%3e%3c/defs%3e%3cg%20id='Group-29'%3e%3cpath%20d='M7.82675596,10.4197%20C4.82465533,10.3577%202.16585093,8.5257%201.00660425,5.7507%20C2.18177191,2.8427%205.05252442,0.9377%208.17303737,1.0017%20C11.175138,1.0647%2013.8349375,2.8957%2014.9931891,5.6707%20C13.8180214,8.5787%2010.9542343,10.4817%207.82675596,10.4197%20M15.9703395,5.4097%20C14.6887003,2.1957%2011.6368466,0.0737%208.1929386,0.0017%20C4.60773192,-0.0723%201.32900418,2.1327%200.0314439481,5.4887%20C-0.00139308238,5.5727%20-0.0023881439,5.6587%200.010547656,5.7417%20C-0.00537332849,5.8307%20-0.00636839002,5.9217%200.029453825,6.0117%20C1.31009801,9.2257%204.36294678,11.3477%207.80585967,11.4197%20C7.86556336,11.4207%207.92427199,11.4217%207.98198556,11.4217%20C11.4975379,11.4217%2014.6916854,9.2337%2015.9693444,5.9327%20C16.0011864,5.8487%2016.0021815,5.7627%2015.9902407,5.6797%20C16.0051667,5.5907%2016.0061617,5.4997%2015.9703395,5.4097'%20id='Fill-1'%3e%3c/path%3e%3cpath%20d='M8.0394,7.7571%20C6.9114,7.7571%205.9934,6.8391%205.9934,5.7111%20C5.9934,4.5821%206.9114,3.6641%208.0394,3.6641%20C9.1684,3.6641%2010.0864,4.5821%2010.0864,5.7111%20C10.0864,6.8391%209.1684,7.7571%208.0394,7.7571%20M8.0394,2.6641%20C6.3594,2.6641%204.9934,4.0311%204.9934,5.7111%20C4.9934,7.3901%206.3594,8.7571%208.0394,8.7571%20C9.7194,8.7571%2011.0864,7.3901%2011.0864,5.7111%20C11.0864,4.0311%209.7194,2.6641%208.0394,2.6641'%20id='Fill-4'%3e%3c/path%3e%3c/g%3e%3c/svg%3e") no-repeat center center/20px 14px}.empty-page .title.m-upload__thumb__handler__delete{width:24px;height:26px;background:url("data:image/svg+xml,%3c?xml%20version='1.0'%20standalone='no'?%3e%3c!DOCTYPE%20svg%20PUBLIC%20'-//W3C//DTD%20SVG%201.1//EN'%20'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3e%3csvg%20t='1683268588002'%20class='icon'%20viewBox='0%200%201024%201024'%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%20p-id='1011'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20width='200'%20height='200'%3e%3cpath%20d='M799.2%20874.4c0%2034.4-28.001%2062.4-62.4%2062.4H287.2c-34.4%200-62.4-28-62.4-62.4V212h574.4v662.4zM349.6%20100c0-7.2%205.6-12.8%2012.8-12.8h300c7.2%200%2012.8%205.6%2012.8%2012.8v37.6H349.6V100z%20m636.8%2037.6H749.6V100c0-48.001-39.2-87.2-87.2-87.2h-300c-48%200-87.2%2039.199-87.2%2087.2v37.6H37.6C16.8%20137.6%200%20154.4%200%20175.2s16.8%2037.6%2037.6%2037.6h112v661.6c0%2076%2061.6%20137.6%20137.6%20137.6h449.6c76%200%20137.6-61.6%20137.6-137.6V212h112c20.8%200%2037.6-16.8%2037.6-37.6s-16.8-36.8-37.6-36.8zM512%20824c20.8%200%2037.6-16.8%2037.6-37.6v-400c0-20.8-16.8-37.6-37.6-37.6s-37.6%2016.8-37.6%2037.6v400c0%2020.8%2016.8%2037.6%2037.6%2037.6m-175.2%200c20.8%200%2037.6-16.8%2037.6-37.6v-400c0-20.8-16.8-37.6-37.6-37.6s-37.6%2016.8-37.6%2037.6v400c0.8%2020.8%2017.6%2037.6%2037.6%2037.6m350.4%200c20.8%200%2037.6-16.8%2037.6-37.6v-400c0-20.8-16.8-37.6-37.6-37.6s-37.6%2016.8-37.6%2037.6v400c0%2020.8%2016.8%2037.6%2037.6%2037.6'%20fill='%23fff'%20p-id='1012'%3e%3c/path%3e%3c/svg%3e") no-repeat center center/14px 16px}.empty-page .title.m-upload__thumb__process{display:flex;width:100%;background-color:#eee;position:absolute;top:0;left:0;right:0;bottom: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("data:image/svg+xml,%3c?xml%20version='1.0'%20standalone='no'?%3e%3c!DOCTYPE%20svg%20PUBLIC%20'-//W3C//DTD%20SVG%201.1//EN'%20'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3e%3csvg%20t='1683268581430'%20class='icon'%20viewBox='0%200%201024%201024'%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%20p-id='868'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20width='200'%20height='200'%3e%3cpath%20d='M574.23644445%20989.12711112H183.86488889c-49.03822222%200-88.86044445-39.82222222-88.86044444-88.86044445V102.68444445c0-49.03822222%2039.82222222-88.86044445%2088.86044444-88.86044445h677.09155556c49.03822222%200%2088.86044445%2039.82222222%2088.86044444%2088.86044445v534.528c0%2019.00088889-7.96444445%2037.20533333-21.95911111%2050.06222222L620.43022222%20971.03644445c-12.62933333%2011.60533333-29.01333333%2018.09066667-46.19377777%2018.09066667zM183.86488889%2085.84533334c-9.10222222%200-16.83911111%207.73688889-16.83911111%2016.83911111v797.58222222c0%209.10222222%207.73688889%2016.83911111%2016.83911111%2016.83911111h388.77866666l306.28977778-282.73777778-1.25155555-531.68355555c0-9.10222222-7.73688889-16.83911111-16.83911111-16.83911111h-676.97777778z'%20fill='%23333333'%20p-id='869'%3e%3c/path%3e%3cpath%20d='M590.62044445%20989.12711112c-19.91111111%200-36.06755555-16.15644445-36.06755556-36.06755556V759.86488889c0-93.75288889%2068.15288889-169.984%20151.89333333-169.984h190.69155556c19.91111111%200%2036.06755555%2016.15644445%2036.06755555%2036.06755556s-16.15644445%2036.06755555-36.06755555%2036.06755555H706.44622222c-43.23555555%200-79.75822222%2044.82844445-79.75822222%2097.84888889v193.19466667c0%2019.91111111-16.15644445%2036.06755555-36.06755555%2036.06755556zM676.864%20270.16533334H367.95733333c-19.91111111%200-36.06755555-16.15644445-36.06755555-36.06755556s16.15644445-36.06755555%2036.06755555-36.06755556h308.90666667c19.91111111%200%2036.06755555%2016.15644445%2036.06755555%2036.06755556s-16.15644445%2036.06755555-36.06755555%2036.06755556zM676.864%20478.72H367.95733333c-19.91111111%200-36.06755555-16.15644445-36.06755555-36.06755555s16.15644445-36.06755555%2036.06755555-36.06755556h308.90666667c19.91111111%200%2036.06755555%2016.15644445%2036.06755555%2036.06755556s-16.15644445%2036.06755555-36.06755555%2036.06755555zM498.00533333%20687.27466667h-108.43022222c-19.91111111%200-36.06755555-16.15644445-36.06755556-36.06755555s16.15644445-36.06755555%2036.06755556-36.06755556h108.43022222c19.91111111%200%2036.06755555%2016.15644445%2036.06755556%2036.06755556s-16.15644445%2036.06755555-36.06755556%2036.06755555z'%20fill='%23333333'%20p-id='870'%3e%3c/path%3e%3c/svg%3e") 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("data:image/svg+xml,%3c?xml%20version='1.0'%20standalone='no'?%3e%3c!DOCTYPE%20svg%20PUBLIC%20'-//W3C//DTD%20SVG%201.1//EN'%20'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3e%3csvg%20t='1683268588002'%20class='icon'%20viewBox='0%200%201024%201024'%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%20p-id='1011'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20width='200'%20height='200'%3e%3cpath%20d='M799.2%20874.4c0%2034.4-28.001%2062.4-62.4%2062.4H287.2c-34.4%200-62.4-28-62.4-62.4V212h574.4v662.4zM349.6%20100c0-7.2%205.6-12.8%2012.8-12.8h300c7.2%200%2012.8%205.6%2012.8%2012.8v37.6H349.6V100z%20m636.8%2037.6H749.6V100c0-48.001-39.2-87.2-87.2-87.2h-300c-48%200-87.2%2039.199-87.2%2087.2v37.6H37.6C16.8%20137.6%200%20154.4%200%20175.2s16.8%2037.6%2037.6%2037.6h112v661.6c0%2076%2061.6%20137.6%20137.6%20137.6h449.6c76%200%20137.6-61.6%20137.6-137.6V212h112c20.8%200%2037.6-16.8%2037.6-37.6s-16.8-36.8-37.6-36.8zM512%20824c20.8%200%2037.6-16.8%2037.6-37.6v-400c0-20.8-16.8-37.6-37.6-37.6s-37.6%2016.8-37.6%2037.6v400c0%2020.8%2016.8%2037.6%2037.6%2037.6m-175.2%200c20.8%200%2037.6-16.8%2037.6-37.6v-400c0-20.8-16.8-37.6-37.6-37.6s-37.6%2016.8-37.6%2037.6v400c0.8%2020.8%2017.6%2037.6%2037.6%2037.6m350.4%200c20.8%200%2037.6-16.8%2037.6-37.6v-400c0-20.8-16.8-37.6-37.6-37.6s-37.6%2016.8-37.6%2037.6v400c0%2020.8%2016.8%2037.6%2037.6%2037.6'%20fill='%23333333'%20p-id='1012'%3e%3c/path%3e%3c/svg%3e") no-repeat 0 0/100% 100%}.empty-page .title.course-detail-page .banner{margin-top:20px;height:90px;width:100%}.empty-page .title.course-detail-page .banner img.banner{cursor:pointer;height:90px;width:100%;-o-object-fit:cover;object-fit:cover}.empty-page .title.course-detail-page .title-bar{margin:20px 0;display:flex;justify-content:space-between}.empty-page .title.course-detail-page .title-bar .left{display:flex;align-items:center}.empty-page .title.course-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.course-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:auto 1fr;grid-template-areas:"hd" "content"}.empty-page .title.author-info.has-work{grid-template-rows:auto 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{margin-top:15px}.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.course-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(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAAQBAMAAAAyk5hNAAAAJFBMVEX///9HcEz///////////////////////////////////////8l87hfAAAAC3RSTlOAAJDCoIIG0+8QXUY7vPsAAABASURBVAjXY9DeDQQODDuqd++u2MCwNcnFKXUDwwZBQUEBcigpJS0QJbx7M5DaKjZzmugGhh3GxsYWGxjAFikAAPsCI+k2JcADAAAAAElFTkSuQmCC) 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(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAAQBAMAAAAyk5hNAAAAIVBMVEVVVVVHcExVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVUo0KntAAAACnRSTlOAAJDCoAbv0xBdKTAqawAAADtJREFUCNdj0FoFBA4My6pWrSpbwLAgyMUpAEgJCgoKkENJKmmCKOFVi0GUaEcrkFpmbGxstoABbJECAFUeIPr8+KHJAAAAAElFTkSuQmCC) 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.uploading>*{cursor:not-allowed}.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__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%}.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__icon__uploading{-o-object-fit:contain;object-fit:contain;width:32px;height:32px}.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("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'%20standalone='no'?%3e%3csvg%20class='icon-view'%20width='16px'%20height='12px'%20viewBox='0%200%2016%2012'%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%3e%3cdefs%3e%3cstyle%3e%20.icon-view%20{%20fill:%20%23fff;%20}%20%3c/style%3e%3c/defs%3e%3cg%20id='Group-29'%3e%3cpath%20d='M7.82675596,10.4197%20C4.82465533,10.3577%202.16585093,8.5257%201.00660425,5.7507%20C2.18177191,2.8427%205.05252442,0.9377%208.17303737,1.0017%20C11.175138,1.0647%2013.8349375,2.8957%2014.9931891,5.6707%20C13.8180214,8.5787%2010.9542343,10.4817%207.82675596,10.4197%20M15.9703395,5.4097%20C14.6887003,2.1957%2011.6368466,0.0737%208.1929386,0.0017%20C4.60773192,-0.0723%201.32900418,2.1327%200.0314439481,5.4887%20C-0.00139308238,5.5727%20-0.0023881439,5.6587%200.010547656,5.7417%20C-0.00537332849,5.8307%20-0.00636839002,5.9217%200.029453825,6.0117%20C1.31009801,9.2257%204.36294678,11.3477%207.80585967,11.4197%20C7.86556336,11.4207%207.92427199,11.4217%207.98198556,11.4217%20C11.4975379,11.4217%2014.6916854,9.2337%2015.9693444,5.9327%20C16.0011864,5.8487%2016.0021815,5.7627%2015.9902407,5.6797%20C16.0051667,5.5907%2016.0061617,5.4997%2015.9703395,5.4097'%20id='Fill-1'%3e%3c/path%3e%3cpath%20d='M8.0394,7.7571%20C6.9114,7.7571%205.9934,6.8391%205.9934,5.7111%20C5.9934,4.5821%206.9114,3.6641%208.0394,3.6641%20C9.1684,3.6641%2010.0864,4.5821%2010.0864,5.7111%20C10.0864,6.8391%209.1684,7.7571%208.0394,7.7571%20M8.0394,2.6641%20C6.3594,2.6641%204.9934,4.0311%204.9934,5.7111%20C4.9934,7.3901%206.3594,8.7571%208.0394,8.7571%20C9.7194,8.7571%2011.0864,7.3901%2011.0864,5.7111%20C11.0864,4.0311%209.7194,2.6641%208.0394,2.6641'%20id='Fill-4'%3e%3c/path%3e%3c/g%3e%3c/svg%3e") 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("data:image/svg+xml,%3c?xml%20version='1.0'%20standalone='no'?%3e%3c!DOCTYPE%20svg%20PUBLIC%20'-//W3C//DTD%20SVG%201.1//EN'%20'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3e%3csvg%20t='1683268588002'%20class='icon'%20viewBox='0%200%201024%201024'%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%20p-id='1011'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20width='200'%20height='200'%3e%3cpath%20d='M799.2%20874.4c0%2034.4-28.001%2062.4-62.4%2062.4H287.2c-34.4%200-62.4-28-62.4-62.4V212h574.4v662.4zM349.6%20100c0-7.2%205.6-12.8%2012.8-12.8h300c7.2%200%2012.8%205.6%2012.8%2012.8v37.6H349.6V100z%20m636.8%2037.6H749.6V100c0-48.001-39.2-87.2-87.2-87.2h-300c-48%200-87.2%2039.199-87.2%2087.2v37.6H37.6C16.8%20137.6%200%20154.4%200%20175.2s16.8%2037.6%2037.6%2037.6h112v661.6c0%2076%2061.6%20137.6%20137.6%20137.6h449.6c76%200%20137.6-61.6%20137.6-137.6V212h112c20.8%200%2037.6-16.8%2037.6-37.6s-16.8-36.8-37.6-36.8zM512%20824c20.8%200%2037.6-16.8%2037.6-37.6v-400c0-20.8-16.8-37.6-37.6-37.6s-37.6%2016.8-37.6%2037.6v400c0%2020.8%2016.8%2037.6%2037.6%2037.6m-175.2%200c20.8%200%2037.6-16.8%2037.6-37.6v-400c0-20.8-16.8-37.6-37.6-37.6s-37.6%2016.8-37.6%2037.6v400c0.8%2020.8%2017.6%2037.6%2037.6%2037.6m350.4%200c20.8%200%2037.6-16.8%2037.6-37.6v-400c0-20.8-16.8-37.6-37.6-37.6s-37.6%2016.8-37.6%2037.6v400c0%2020.8%2016.8%2037.6%2037.6%2037.6'%20fill='%23fff'%20p-id='1012'%3e%3c/path%3e%3c/svg%3e") 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;top:0;left:0;right:0;bottom: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("data:image/svg+xml,%3c?xml%20version='1.0'%20standalone='no'?%3e%3c!DOCTYPE%20svg%20PUBLIC%20'-//W3C//DTD%20SVG%201.1//EN'%20'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3e%3csvg%20t='1683268581430'%20class='icon'%20viewBox='0%200%201024%201024'%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%20p-id='868'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20width='200'%20height='200'%3e%3cpath%20d='M574.23644445%20989.12711112H183.86488889c-49.03822222%200-88.86044445-39.82222222-88.86044444-88.86044445V102.68444445c0-49.03822222%2039.82222222-88.86044445%2088.86044444-88.86044445h677.09155556c49.03822222%200%2088.86044445%2039.82222222%2088.86044444%2088.86044445v534.528c0%2019.00088889-7.96444445%2037.20533333-21.95911111%2050.06222222L620.43022222%20971.03644445c-12.62933333%2011.60533333-29.01333333%2018.09066667-46.19377777%2018.09066667zM183.86488889%2085.84533334c-9.10222222%200-16.83911111%207.73688889-16.83911111%2016.83911111v797.58222222c0%209.10222222%207.73688889%2016.83911111%2016.83911111%2016.83911111h388.77866666l306.28977778-282.73777778-1.25155555-531.68355555c0-9.10222222-7.73688889-16.83911111-16.83911111-16.83911111h-676.97777778z'%20fill='%23333333'%20p-id='869'%3e%3c/path%3e%3cpath%20d='M590.62044445%20989.12711112c-19.91111111%200-36.06755555-16.15644445-36.06755556-36.06755556V759.86488889c0-93.75288889%2068.15288889-169.984%20151.89333333-169.984h190.69155556c19.91111111%200%2036.06755555%2016.15644445%2036.06755555%2036.06755556s-16.15644445%2036.06755555-36.06755555%2036.06755555H706.44622222c-43.23555555%200-79.75822222%2044.82844445-79.75822222%2097.84888889v193.19466667c0%2019.91111111-16.15644445%2036.06755555-36.06755555%2036.06755556zM676.864%20270.16533334H367.95733333c-19.91111111%200-36.06755555-16.15644445-36.06755555-36.06755556s16.15644445-36.06755555%2036.06755555-36.06755556h308.90666667c19.91111111%200%2036.06755555%2016.15644445%2036.06755555%2036.06755556s-16.15644445%2036.06755555-36.06755555%2036.06755556zM676.864%20478.72H367.95733333c-19.91111111%200-36.06755555-16.15644445-36.06755555-36.06755555s16.15644445-36.06755555%2036.06755555-36.06755556h308.90666667c19.91111111%200%2036.06755555%2016.15644445%2036.06755555%2036.06755556s-16.15644445%2036.06755555-36.06755555%2036.06755555zM498.00533333%20687.27466667h-108.43022222c-19.91111111%200-36.06755555-16.15644445-36.06755556-36.06755555s16.15644445-36.06755555%2036.06755556-36.06755556h108.43022222c19.91111111%200%2036.06755555%2016.15644445%2036.06755556%2036.06755556s-16.15644445%2036.06755555-36.06755556%2036.06755555z'%20fill='%23333333'%20p-id='870'%3e%3c/path%3e%3c/svg%3e") 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("data:image/svg+xml,%3c?xml%20version='1.0'%20standalone='no'?%3e%3c!DOCTYPE%20svg%20PUBLIC%20'-//W3C//DTD%20SVG%201.1//EN'%20'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3e%3csvg%20t='1683268588002'%20class='icon'%20viewBox='0%200%201024%201024'%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%20p-id='1011'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20width='200'%20height='200'%3e%3cpath%20d='M799.2%20874.4c0%2034.4-28.001%2062.4-62.4%2062.4H287.2c-34.4%200-62.4-28-62.4-62.4V212h574.4v662.4zM349.6%20100c0-7.2%205.6-12.8%2012.8-12.8h300c7.2%200%2012.8%205.6%2012.8%2012.8v37.6H349.6V100z%20m636.8%2037.6H749.6V100c0-48.001-39.2-87.2-87.2-87.2h-300c-48%200-87.2%2039.199-87.2%2087.2v37.6H37.6C16.8%20137.6%200%20154.4%200%20175.2s16.8%2037.6%2037.6%2037.6h112v661.6c0%2076%2061.6%20137.6%20137.6%20137.6h449.6c76%200%20137.6-61.6%20137.6-137.6V212h112c20.8%200%2037.6-16.8%2037.6-37.6s-16.8-36.8-37.6-36.8zM512%20824c20.8%200%2037.6-16.8%2037.6-37.6v-400c0-20.8-16.8-37.6-37.6-37.6s-37.6%2016.8-37.6%2037.6v400c0%2020.8%2016.8%2037.6%2037.6%2037.6m-175.2%200c20.8%200%2037.6-16.8%2037.6-37.6v-400c0-20.8-16.8-37.6-37.6-37.6s-37.6%2016.8-37.6%2037.6v400c0.8%2020.8%2017.6%2037.6%2037.6%2037.6m350.4%200c20.8%200%2037.6-16.8%2037.6-37.6v-400c0-20.8-16.8-37.6-37.6-37.6s-37.6%2016.8-37.6%2037.6v400c0%2020.8%2016.8%2037.6%2037.6%2037.6'%20fill='%23333333'%20p-id='1012'%3e%3c/path%3e%3c/svg%3e") no-repeat 0 0/100% 100%}.empty-page .empty-content .empty-icon.empty-page .title.course-detail-page .banner{margin-top:20px;height:90px;width:100%}.empty-page .empty-content .empty-icon.empty-page .title.course-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.course-detail-page .title-bar{margin:20px 0;display:flex;justify-content:space-between}.empty-page .empty-content .empty-icon.empty-page .title.course-detail-page .title-bar .left{display:flex;align-items:center}.empty-page .empty-content .empty-icon.empty-page .title.course-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.course-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:auto 1fr;grid-template-areas:"hd" "content"}.empty-page .empty-content .empty-icon.empty-page .title.author-info.has-work{grid-template-rows:auto 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{margin-top:15px}.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.course-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(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAAQBAMAAAAyk5hNAAAAJFBMVEX///9HcEz///////////////////////////////////////8l87hfAAAAC3RSTlOAAJDCoIIG0+8QXUY7vPsAAABASURBVAjXY9DeDQQODDuqd++u2MCwNcnFKXUDwwZBQUEBcigpJS0QJbx7M5DaKjZzmugGhh3GxsYWGxjAFikAAPsCI+k2JcADAAAAAElFTkSuQmCC) 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(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAAQBAMAAAAyk5hNAAAAIVBMVEVVVVVHcExVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVUo0KntAAAACnRSTlOAAJDCoAbv0xBdKTAqawAAADtJREFUCNdj0FoFBA4My6pWrSpbwLAgyMUpAEgJCgoKkENJKmmCKOFVi0GUaEcrkFpmbGxstoABbJECAFUeIPr8+KHJAAAAAElFTkSuQmCC) 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.uploading>*{cursor:not-allowed}.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__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%}.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__icon__uploading{-o-object-fit:contain;object-fit:contain;width:32px;height:32px}.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("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'%20standalone='no'?%3e%3csvg%20class='icon-view'%20width='16px'%20height='12px'%20viewBox='0%200%2016%2012'%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%3e%3cdefs%3e%3cstyle%3e%20.icon-view%20{%20fill:%20%23fff;%20}%20%3c/style%3e%3c/defs%3e%3cg%20id='Group-29'%3e%3cpath%20d='M7.82675596,10.4197%20C4.82465533,10.3577%202.16585093,8.5257%201.00660425,5.7507%20C2.18177191,2.8427%205.05252442,0.9377%208.17303737,1.0017%20C11.175138,1.0647%2013.8349375,2.8957%2014.9931891,5.6707%20C13.8180214,8.5787%2010.9542343,10.4817%207.82675596,10.4197%20M15.9703395,5.4097%20C14.6887003,2.1957%2011.6368466,0.0737%208.1929386,0.0017%20C4.60773192,-0.0723%201.32900418,2.1327%200.0314439481,5.4887%20C-0.00139308238,5.5727%20-0.0023881439,5.6587%200.010547656,5.7417%20C-0.00537332849,5.8307%20-0.00636839002,5.9217%200.029453825,6.0117%20C1.31009801,9.2257%204.36294678,11.3477%207.80585967,11.4197%20C7.86556336,11.4207%207.92427199,11.4217%207.98198556,11.4217%20C11.4975379,11.4217%2014.6916854,9.2337%2015.9693444,5.9327%20C16.0011864,5.8487%2016.0021815,5.7627%2015.9902407,5.6797%20C16.0051667,5.5907%2016.0061617,5.4997%2015.9703395,5.4097'%20id='Fill-1'%3e%3c/path%3e%3cpath%20d='M8.0394,7.7571%20C6.9114,7.7571%205.9934,6.8391%205.9934,5.7111%20C5.9934,4.5821%206.9114,3.6641%208.0394,3.6641%20C9.1684,3.6641%2010.0864,4.5821%2010.0864,5.7111%20C10.0864,6.8391%209.1684,7.7571%208.0394,7.7571%20M8.0394,2.6641%20C6.3594,2.6641%204.9934,4.0311%204.9934,5.7111%20C4.9934,7.3901%206.3594,8.7571%208.0394,8.7571%20C9.7194,8.7571%2011.0864,7.3901%2011.0864,5.7111%20C11.0864,4.0311%209.7194,2.6641%208.0394,2.6641'%20id='Fill-4'%3e%3c/path%3e%3c/g%3e%3c/svg%3e") no-repeat center center/20px 14px}.empty-page .empty-content .empty-icon.m-upload__thumb__handler__delete{width:24px;height:26px;background:url("data:image/svg+xml,%3c?xml%20version='1.0'%20standalone='no'?%3e%3c!DOCTYPE%20svg%20PUBLIC%20'-//W3C//DTD%20SVG%201.1//EN'%20'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3e%3csvg%20t='1683268588002'%20class='icon'%20viewBox='0%200%201024%201024'%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%20p-id='1011'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20width='200'%20height='200'%3e%3cpath%20d='M799.2%20874.4c0%2034.4-28.001%2062.4-62.4%2062.4H287.2c-34.4%200-62.4-28-62.4-62.4V212h574.4v662.4zM349.6%20100c0-7.2%205.6-12.8%2012.8-12.8h300c7.2%200%2012.8%205.6%2012.8%2012.8v37.6H349.6V100z%20m636.8%2037.6H749.6V100c0-48.001-39.2-87.2-87.2-87.2h-300c-48%200-87.2%2039.199-87.2%2087.2v37.6H37.6C16.8%20137.6%200%20154.4%200%20175.2s16.8%2037.6%2037.6%2037.6h112v661.6c0%2076%2061.6%20137.6%20137.6%20137.6h449.6c76%200%20137.6-61.6%20137.6-137.6V212h112c20.8%200%2037.6-16.8%2037.6-37.6s-16.8-36.8-37.6-36.8zM512%20824c20.8%200%2037.6-16.8%2037.6-37.6v-400c0-20.8-16.8-37.6-37.6-37.6s-37.6%2016.8-37.6%2037.6v400c0%2020.8%2016.8%2037.6%2037.6%2037.6m-175.2%200c20.8%200%2037.6-16.8%2037.6-37.6v-400c0-20.8-16.8-37.6-37.6-37.6s-37.6%2016.8-37.6%2037.6v400c0.8%2020.8%2017.6%2037.6%2037.6%2037.6m350.4%200c20.8%200%2037.6-16.8%2037.6-37.6v-400c0-20.8-16.8-37.6-37.6-37.6s-37.6%2016.8-37.6%2037.6v400c0%2020.8%2016.8%2037.6%2037.6%2037.6'%20fill='%23fff'%20p-id='1012'%3e%3c/path%3e%3c/svg%3e") 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;top:0;left:0;right:0;bottom: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("data:image/svg+xml,%3c?xml%20version='1.0'%20standalone='no'?%3e%3c!DOCTYPE%20svg%20PUBLIC%20'-//W3C//DTD%20SVG%201.1//EN'%20'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3e%3csvg%20t='1683268581430'%20class='icon'%20viewBox='0%200%201024%201024'%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%20p-id='868'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20width='200'%20height='200'%3e%3cpath%20d='M574.23644445%20989.12711112H183.86488889c-49.03822222%200-88.86044445-39.82222222-88.86044444-88.86044445V102.68444445c0-49.03822222%2039.82222222-88.86044445%2088.86044444-88.86044445h677.09155556c49.03822222%200%2088.86044445%2039.82222222%2088.86044444%2088.86044445v534.528c0%2019.00088889-7.96444445%2037.20533333-21.95911111%2050.06222222L620.43022222%20971.03644445c-12.62933333%2011.60533333-29.01333333%2018.09066667-46.19377777%2018.09066667zM183.86488889%2085.84533334c-9.10222222%200-16.83911111%207.73688889-16.83911111%2016.83911111v797.58222222c0%209.10222222%207.73688889%2016.83911111%2016.83911111%2016.83911111h388.77866666l306.28977778-282.73777778-1.25155555-531.68355555c0-9.10222222-7.73688889-16.83911111-16.83911111-16.83911111h-676.97777778z'%20fill='%23333333'%20p-id='869'%3e%3c/path%3e%3cpath%20d='M590.62044445%20989.12711112c-19.91111111%200-36.06755555-16.15644445-36.06755556-36.06755556V759.86488889c0-93.75288889%2068.15288889-169.984%20151.89333333-169.984h190.69155556c19.91111111%200%2036.06755555%2016.15644445%2036.06755555%2036.06755556s-16.15644445%2036.06755555-36.06755555%2036.06755555H706.44622222c-43.23555555%200-79.75822222%2044.82844445-79.75822222%2097.84888889v193.19466667c0%2019.91111111-16.15644445%2036.06755555-36.06755555%2036.06755556zM676.864%20270.16533334H367.95733333c-19.91111111%200-36.06755555-16.15644445-36.06755555-36.06755556s16.15644445-36.06755555%2036.06755555-36.06755556h308.90666667c19.91111111%200%2036.06755555%2016.15644445%2036.06755555%2036.06755556s-16.15644445%2036.06755555-36.06755555%2036.06755556zM676.864%20478.72H367.95733333c-19.91111111%200-36.06755555-16.15644445-36.06755555-36.06755555s16.15644445-36.06755555%2036.06755555-36.06755556h308.90666667c19.91111111%200%2036.06755555%2016.15644445%2036.06755555%2036.06755556s-16.15644445%2036.06755555-36.06755555%2036.06755555zM498.00533333%20687.27466667h-108.43022222c-19.91111111%200-36.06755555-16.15644445-36.06755556-36.06755555s16.15644445-36.06755555%2036.06755556-36.06755556h108.43022222c19.91111111%200%2036.06755555%2016.15644445%2036.06755556%2036.06755556s-16.15644445%2036.06755555-36.06755556%2036.06755555z'%20fill='%23333333'%20p-id='870'%3e%3c/path%3e%3c/svg%3e") 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("data:image/svg+xml,%3c?xml%20version='1.0'%20standalone='no'?%3e%3c!DOCTYPE%20svg%20PUBLIC%20'-//W3C//DTD%20SVG%201.1//EN'%20'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3e%3csvg%20t='1683268588002'%20class='icon'%20viewBox='0%200%201024%201024'%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%20p-id='1011'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20width='200'%20height='200'%3e%3cpath%20d='M799.2%20874.4c0%2034.4-28.001%2062.4-62.4%2062.4H287.2c-34.4%200-62.4-28-62.4-62.4V212h574.4v662.4zM349.6%20100c0-7.2%205.6-12.8%2012.8-12.8h300c7.2%200%2012.8%205.6%2012.8%2012.8v37.6H349.6V100z%20m636.8%2037.6H749.6V100c0-48.001-39.2-87.2-87.2-87.2h-300c-48%200-87.2%2039.199-87.2%2087.2v37.6H37.6C16.8%20137.6%200%20154.4%200%20175.2s16.8%2037.6%2037.6%2037.6h112v661.6c0%2076%2061.6%20137.6%20137.6%20137.6h449.6c76%200%20137.6-61.6%20137.6-137.6V212h112c20.8%200%2037.6-16.8%2037.6-37.6s-16.8-36.8-37.6-36.8zM512%20824c20.8%200%2037.6-16.8%2037.6-37.6v-400c0-20.8-16.8-37.6-37.6-37.6s-37.6%2016.8-37.6%2037.6v400c0%2020.8%2016.8%2037.6%2037.6%2037.6m-175.2%200c20.8%200%2037.6-16.8%2037.6-37.6v-400c0-20.8-16.8-37.6-37.6-37.6s-37.6%2016.8-37.6%2037.6v400c0.8%2020.8%2017.6%2037.6%2037.6%2037.6m350.4%200c20.8%200%2037.6-16.8%2037.6-37.6v-400c0-20.8-16.8-37.6-37.6-37.6s-37.6%2016.8-37.6%2037.6v400c0%2020.8%2016.8%2037.6%2037.6%2037.6'%20fill='%23333333'%20p-id='1012'%3e%3c/path%3e%3c/svg%3e") no-repeat 0 0/100% 100%}.empty-page .empty-content .empty-icon.course-detail-page .banner{margin-top:20px;height:90px;width:100%}.empty-page .empty-content .empty-icon.course-detail-page .banner img.banner{cursor:pointer;height:90px;width:100%;-o-object-fit:cover;object-fit:cover}.empty-page .empty-content .empty-icon.course-detail-page .title-bar{margin:20px 0;display:flex;justify-content:space-between}.empty-page .empty-content .empty-icon.course-detail-page .title-bar .left{display:flex;align-items:center}.empty-page .empty-content .empty-icon.course-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.course-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:auto 1fr;grid-template-areas:"hd" "content"}.empty-page .empty-content .empty-icon.author-info.has-work{grid-template-rows:auto 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{margin-top:15px}.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}.course-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(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAAQBAMAAAAyk5hNAAAAJFBMVEX///9HcEz///////////////////////////////////////8l87hfAAAAC3RSTlOAAJDCoIIG0+8QXUY7vPsAAABASURBVAjXY9DeDQQODDuqd++u2MCwNcnFKXUDwwZBQUEBcigpJS0QJbx7M5DaKjZzmugGhh3GxsYWGxjAFikAAPsCI+k2JcADAAAAAElFTkSuQmCC) 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(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAAQBAMAAAAyk5hNAAAAIVBMVEVVVVVHcExVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVUo0KntAAAACnRSTlOAAJDCoAbv0xBdKTAqawAAADtJREFUCNdj0FoFBA4My6pWrSpbwLAgyMUpAEgJCgoKkENJKmmCKOFVi0GUaEcrkFpmbGxstoABbJECAFUeIPr8+KHJAAAAAElFTkSuQmCC) 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.uploading>*{cursor:not-allowed}.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__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%}.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__icon__uploading{-o-object-fit:contain;object-fit:contain;width:32px;height:32px}.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;top:0;left:0;right:0;bottom:0}.m-upload__thumb__handler__item{display:inline-block;cursor:pointer;margin:8px}.m-upload__thumb__handler__preview{width:30px;height:24px;background:url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'%20standalone='no'?%3e%3csvg%20class='icon-view'%20width='16px'%20height='12px'%20viewBox='0%200%2016%2012'%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%3e%3cdefs%3e%3cstyle%3e%20.icon-view%20{%20fill:%20%23fff;%20}%20%3c/style%3e%3c/defs%3e%3cg%20id='Group-29'%3e%3cpath%20d='M7.82675596,10.4197%20C4.82465533,10.3577%202.16585093,8.5257%201.00660425,5.7507%20C2.18177191,2.8427%205.05252442,0.9377%208.17303737,1.0017%20C11.175138,1.0647%2013.8349375,2.8957%2014.9931891,5.6707%20C13.8180214,8.5787%2010.9542343,10.4817%207.82675596,10.4197%20M15.9703395,5.4097%20C14.6887003,2.1957%2011.6368466,0.0737%208.1929386,0.0017%20C4.60773192,-0.0723%201.32900418,2.1327%200.0314439481,5.4887%20C-0.00139308238,5.5727%20-0.0023881439,5.6587%200.010547656,5.7417%20C-0.00537332849,5.8307%20-0.00636839002,5.9217%200.029453825,6.0117%20C1.31009801,9.2257%204.36294678,11.3477%207.80585967,11.4197%20C7.86556336,11.4207%207.92427199,11.4217%207.98198556,11.4217%20C11.4975379,11.4217%2014.6916854,9.2337%2015.9693444,5.9327%20C16.0011864,5.8487%2016.0021815,5.7627%2015.9902407,5.6797%20C16.0051667,5.5907%2016.0061617,5.4997%2015.9703395,5.4097'%20id='Fill-1'%3e%3c/path%3e%3cpath%20d='M8.0394,7.7571%20C6.9114,7.7571%205.9934,6.8391%205.9934,5.7111%20C5.9934,4.5821%206.9114,3.6641%208.0394,3.6641%20C9.1684,3.6641%2010.0864,4.5821%2010.0864,5.7111%20C10.0864,6.8391%209.1684,7.7571%208.0394,7.7571%20M8.0394,2.6641%20C6.3594,2.6641%204.9934,4.0311%204.9934,5.7111%20C4.9934,7.3901%206.3594,8.7571%208.0394,8.7571%20C9.7194,8.7571%2011.0864,7.3901%2011.0864,5.7111%20C11.0864,4.0311%209.7194,2.6641%208.0394,2.6641'%20id='Fill-4'%3e%3c/path%3e%3c/g%3e%3c/svg%3e") no-repeat center center/20px 14px}.m-upload__thumb__handler__delete{width:24px;height:26px;background:url("data:image/svg+xml,%3c?xml%20version='1.0'%20standalone='no'?%3e%3c!DOCTYPE%20svg%20PUBLIC%20'-//W3C//DTD%20SVG%201.1//EN'%20'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3e%3csvg%20t='1683268588002'%20class='icon'%20viewBox='0%200%201024%201024'%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%20p-id='1011'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20width='200'%20height='200'%3e%3cpath%20d='M799.2%20874.4c0%2034.4-28.001%2062.4-62.4%2062.4H287.2c-34.4%200-62.4-28-62.4-62.4V212h574.4v662.4zM349.6%20100c0-7.2%205.6-12.8%2012.8-12.8h300c7.2%200%2012.8%205.6%2012.8%2012.8v37.6H349.6V100z%20m636.8%2037.6H749.6V100c0-48.001-39.2-87.2-87.2-87.2h-300c-48%200-87.2%2039.199-87.2%2087.2v37.6H37.6C16.8%20137.6%200%20154.4%200%20175.2s16.8%2037.6%2037.6%2037.6h112v661.6c0%2076%2061.6%20137.6%20137.6%20137.6h449.6c76%200%20137.6-61.6%20137.6-137.6V212h112c20.8%200%2037.6-16.8%2037.6-37.6s-16.8-36.8-37.6-36.8zM512%20824c20.8%200%2037.6-16.8%2037.6-37.6v-400c0-20.8-16.8-37.6-37.6-37.6s-37.6%2016.8-37.6%2037.6v400c0%2020.8%2016.8%2037.6%2037.6%2037.6m-175.2%200c20.8%200%2037.6-16.8%2037.6-37.6v-400c0-20.8-16.8-37.6-37.6-37.6s-37.6%2016.8-37.6%2037.6v400c0.8%2020.8%2017.6%2037.6%2037.6%2037.6m350.4%200c20.8%200%2037.6-16.8%2037.6-37.6v-400c0-20.8-16.8-37.6-37.6-37.6s-37.6%2016.8-37.6%2037.6v400c0%2020.8%2016.8%2037.6%2037.6%2037.6'%20fill='%23fff'%20p-id='1012'%3e%3c/path%3e%3c/svg%3e") no-repeat center center/14px 16px}.m-upload__thumb__process{display:flex;width:100%;background-color:#eee;position:absolute;top:0;left:0;right:0;bottom: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("data:image/svg+xml,%3c?xml%20version='1.0'%20standalone='no'?%3e%3c!DOCTYPE%20svg%20PUBLIC%20'-//W3C//DTD%20SVG%201.1//EN'%20'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3e%3csvg%20t='1683268581430'%20class='icon'%20viewBox='0%200%201024%201024'%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%20p-id='868'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20width='200'%20height='200'%3e%3cpath%20d='M574.23644445%20989.12711112H183.86488889c-49.03822222%200-88.86044445-39.82222222-88.86044444-88.86044445V102.68444445c0-49.03822222%2039.82222222-88.86044445%2088.86044444-88.86044445h677.09155556c49.03822222%200%2088.86044445%2039.82222222%2088.86044444%2088.86044445v534.528c0%2019.00088889-7.96444445%2037.20533333-21.95911111%2050.06222222L620.43022222%20971.03644445c-12.62933333%2011.60533333-29.01333333%2018.09066667-46.19377777%2018.09066667zM183.86488889%2085.84533334c-9.10222222%200-16.83911111%207.73688889-16.83911111%2016.83911111v797.58222222c0%209.10222222%207.73688889%2016.83911111%2016.83911111%2016.83911111h388.77866666l306.28977778-282.73777778-1.25155555-531.68355555c0-9.10222222-7.73688889-16.83911111-16.83911111-16.83911111h-676.97777778z'%20fill='%23333333'%20p-id='869'%3e%3c/path%3e%3cpath%20d='M590.62044445%20989.12711112c-19.91111111%200-36.06755555-16.15644445-36.06755556-36.06755556V759.86488889c0-93.75288889%2068.15288889-169.984%20151.89333333-169.984h190.69155556c19.91111111%200%2036.06755555%2016.15644445%2036.06755555%2036.06755556s-16.15644445%2036.06755555-36.06755555%2036.06755555H706.44622222c-43.23555555%200-79.75822222%2044.82844445-79.75822222%2097.84888889v193.19466667c0%2019.91111111-16.15644445%2036.06755555-36.06755555%2036.06755556zM676.864%20270.16533334H367.95733333c-19.91111111%200-36.06755555-16.15644445-36.06755555-36.06755556s16.15644445-36.06755555%2036.06755555-36.06755556h308.90666667c19.91111111%200%2036.06755555%2016.15644445%2036.06755555%2036.06755556s-16.15644445%2036.06755555-36.06755555%2036.06755556zM676.864%20478.72H367.95733333c-19.91111111%200-36.06755555-16.15644445-36.06755555-36.06755555s16.15644445-36.06755555%2036.06755555-36.06755556h308.90666667c19.91111111%200%2036.06755555%2016.15644445%2036.06755555%2036.06755556s-16.15644445%2036.06755555-36.06755555%2036.06755555zM498.00533333%20687.27466667h-108.43022222c-19.91111111%200-36.06755555-16.15644445-36.06755556-36.06755555s16.15644445-36.06755555%2036.06755556-36.06755556h108.43022222c19.91111111%200%2036.06755555%2016.15644445%2036.06755556%2036.06755556s-16.15644445%2036.06755555-36.06755556%2036.06755555z'%20fill='%23333333'%20p-id='870'%3e%3c/path%3e%3c/svg%3e") 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("data:image/svg+xml,%3c?xml%20version='1.0'%20standalone='no'?%3e%3c!DOCTYPE%20svg%20PUBLIC%20'-//W3C//DTD%20SVG%201.1//EN'%20'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3e%3csvg%20t='1683268588002'%20class='icon'%20viewBox='0%200%201024%201024'%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%20p-id='1011'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20width='200'%20height='200'%3e%3cpath%20d='M799.2%20874.4c0%2034.4-28.001%2062.4-62.4%2062.4H287.2c-34.4%200-62.4-28-62.4-62.4V212h574.4v662.4zM349.6%20100c0-7.2%205.6-12.8%2012.8-12.8h300c7.2%200%2012.8%205.6%2012.8%2012.8v37.6H349.6V100z%20m636.8%2037.6H749.6V100c0-48.001-39.2-87.2-87.2-87.2h-300c-48%200-87.2%2039.199-87.2%2087.2v37.6H37.6C16.8%20137.6%200%20154.4%200%20175.2s16.8%2037.6%2037.6%2037.6h112v661.6c0%2076%2061.6%20137.6%20137.6%20137.6h449.6c76%200%20137.6-61.6%20137.6-137.6V212h112c20.8%200%2037.6-16.8%2037.6-37.6s-16.8-36.8-37.6-36.8zM512%20824c20.8%200%2037.6-16.8%2037.6-37.6v-400c0-20.8-16.8-37.6-37.6-37.6s-37.6%2016.8-37.6%2037.6v400c0%2020.8%2016.8%2037.6%2037.6%2037.6m-175.2%200c20.8%200%2037.6-16.8%2037.6-37.6v-400c0-20.8-16.8-37.6-37.6-37.6s-37.6%2016.8-37.6%2037.6v400c0.8%2020.8%2017.6%2037.6%2037.6%2037.6m350.4%200c20.8%200%2037.6-16.8%2037.6-37.6v-400c0-20.8-16.8-37.6-37.6-37.6s-37.6%2016.8-37.6%2037.6v400c0%2020.8%2016.8%2037.6%2037.6%2037.6'%20fill='%23333333'%20p-id='1012'%3e%3c/path%3e%3c/svg%3e") no-repeat 0 0/100% 100%}.course-detail-page .banner{margin-top:20px;height:90px;width:100%}.course-detail-page .banner img.banner{cursor:pointer;height:90px;width:100%;-o-object-fit:cover;object-fit:cover}.course-detail-page .title-bar{margin:20px 0;display:flex;justify-content:space-between}.course-detail-page .title-bar .left{display:flex;align-items:center}.course-detail-page .title-bar .btn{color:#fff;background-color:#31b775;padding:0 8px;font-size:16px;display:inline-block;line-height:30px}.course-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:auto 1fr;grid-template-areas:"hd" "content"}.author-info.has-work{grid-template-rows:auto 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{margin-top:15px}.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}