@media screen and (max-width:768px){#app .content-body{padding:0!important}#app .content,#app .content-body,#app .content-height-body,#app .content-wrapper{width:100%!important;min-width:unset!important}}.mainBox{width:100%;max-width:1400px;margin:auto;padding:0 15px;-webkit-box-sizing:border-box;box-sizing:border-box;background:#fff}.title-wrapper{padding:20px 0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-bottom:1px solid #eee}.title-wrapper h1{margin:0;color:#333}.demo-upload-list{display:inline-block;width:60px;height:60px;text-align:center;line-height:60px;border:1px solid transparent;border-radius:4px;overflow:hidden;background:#fff;position:relative;-webkit-box-shadow:0 1px 1px rgba(0,0,0,.2);box-shadow:0 1px 1px rgba(0,0,0,.2);margin-right:4px}.demo-upload-list img{width:100%;height:100%}.demo-upload-list-cover{display:none;position:absolute;top:0;bottom:0;left:0;right:0;background:rgba(0,0,0,.6)}.demo-upload-list:hover .demo-upload-list-cover{display:block}.demo-upload-list-cover i{color:#fff;font-size:20px;cursor:pointer;margin:0 2px}.ivu-icon-ios-cloud-upload{color:#5fb878!important}.pc-table{display:block;margin:20px 0}@media screen and (max-width:768px){.pc-table{display:none}.mobile-list{display:block}}@media screen and (min-width:769px){.pc-table{display:block}.mobile-list{display:none}}.pay-button{padding:8px 30px;font-size:20px}.mobile-list{display:none}.course-card{background:#fff;border-radius:8px;padding:15px;margin-bottom:15px;-webkit-box-shadow:0 2px 8px rgba(0,0,0,.1);box-shadow:0 2px 8px rgba(0,0,0,.1)}.course-header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:10px;padding-bottom:10px;border-bottom:1px solid #eee}.course-name{margin-left:10px;font-weight:700;font-size:16px;-webkit-box-flex:1;-ms-flex:1;flex:1;word-break:break-all}.course-info{margin-bottom:15px}.info-item{display:-webkit-box;display:-ms-flexbox;display:flex;margin-bottom:8px;font-size:14px}.info-item .label{color:#666;min-width:80px;-ms-flex-negative:0;flex-shrink:0}.info-item .value{color:#333;-webkit-box-flex:1;-ms-flex:1;flex:1;word-break:break-all}.course-actions{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:8px}.course-actions button{margin:0!important;-webkit-box-flex:1;-ms-flex:1;flex:1;min-width:calc(45% - 4px);max-width:calc(45% - 4px);white-space:nowrap;font-size:18px}@media screen and (max-width:480px){.course-actions button{min-width:calc(50% - 4px)}}.ivu-modal{top:50px}@media screen and (max-width:768px){.mainBox{padding:10px;margin:0}.title-wrapper{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:15px 0}.title-wrapper h1{font-size:20px;margin:0;-webkit-box-flex:1;-ms-flex:1;flex:1}.title-wrapper span{width:auto}.pay-button{padding:4px 15px;font-size:14px;white-space:nowrap;margin-right:20px}.pc-table{display:none}.mobile-list{display:block;width:100%}.course-card{margin:10px 0;border-radius:4px}.info-item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;margin-bottom:8px;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.info-item .label{min-width:70px;margin-bottom:0;-ms-flex-negative:0;flex-shrink:0;padding-right:8px}.info-item .value{-webkit-box-flex:1;-ms-flex:1;flex:1;padding-left:0;word-break:break-all}.course-actions{grid-template-columns:1fr}}@media screen and (max-width:480px){.mainBox{padding:5px}.course-card{padding:10px}.course-name{font-size:16px}.info-item{font-size:13px}.info-item .label{min-width:65px}}.select-all-button{display:none}@media screen and (max-width:768px){.select-all-button{display:inline-block}}.tui-uploader{display:inline-block;vertical-align:middle}.tui-upload-btn{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:6px 14px;border:1px dashed #dcdee2;border-radius:4px;background:#fff;color:#5fb878;cursor:pointer;-webkit-transition:border-color .2s;transition:border-color .2s}.tui-upload-btn:hover{border-color:#5fb878}.tui-upload-text{margin-left:8px;font-size:14px;color:#5fb878}.tui-form-actions{text-align:right;margin-bottom:0}.tui-action-btn{min-width:96px}.tui-action-cancel{margin-left:16px}.tui-action-primary{margin-right:0}.tui-modal-footer{display:-webkit-box;display:-ms-flexbox;display:flex;gap:16px;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.tui-modal-footer .tui-action-cancel{margin-left:0}@media screen and (max-width:768px){.tui-tk-modal .ivu-modal{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;top:0}.tui-tk-modal .ivu-modal-content{position:relative;top:0;left:0;right:0;margin:0 auto;width:92%!important;max-width:92%;max-height:88vh;overflow:hidden;border-radius:8px}.tui-tk-modal .ivu-form-item-error-tip{padding-top:6px;padding-bottom:14px}.tui-tk-modal .ivu-modal-body{padding:14px 12px 18px;max-height:70vh;overflow-y:auto}.tui-tk-modal .ivu-form .ivu-form-item-label{padding-right:8px!important;white-space:nowrap}.tui-tk-modal .ivu-form-item-content{margin-left:0!important}.tui-upload-wrap{gap:6px;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.tui-uploader,.tui-uploader .ivu-upload{text-align:left;display:inline-block;vertical-align:top}.tui-form-actions{text-align:right}.tui-form-actions .ivu-form-item-content{margin-left:0!important;display:-webkit-box;display:-ms-flexbox;display:flex;gap:12px;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.tui-action-btn{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;min-width:96px}.tui-action-cancel{margin-left:0}.tui-modal-footer{gap:12px}}