@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}.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}}