.ClassInfoPanel{max-width:1200px;margin:0 auto}.ClassInfoPanel .InfoArea{margin-bottom:18px}.ClassInfoPanel .InfoArea .InfoWrapper{display:flex;flex:1}.ClassInfoPanel .InfoArea .InfoWrapper .EditIcon{margin-left:10px;cursor:pointer;font-size:20px;transition:color .15s ease-in-out}.ClassInfoPanel .InfoArea .InfoWrapper .EditIcon:hover{color:#1890ff}.ClassInfoPanel .InfoArea .InfoWrapper .Title{margin:0;flex:1;position:relative}.ClassInfoPanel .InfoArea .InfoWrapper>img{width:360px;height:auto}.ClassInfoPanel .InfoArea .InfoWrapper>section{flex:1;display:flex;flex-direction:column;padding:0 18px;border-right:1px solid #ccc}.ClassInfoPanel .InfoArea .InfoWrapper>section>p{margin:0;flex:none}.ClassInfoPanel .InfoArea .OperationAreaWrapper{position:relative;flex:none;width:300px;padding:40px 0}.ClassInfoPanel .InfoArea .OperationAreaWrapper .SwitchButton{display:flex;align-items:center;justify-content:space-around;padding:0 20px;margin-bottom:12px}.ClassInfoPanel .InfoArea .OperationAreaWrapper .InviteCodeWrapper{text-align:center}.ClassInfoPanel .InfoArea .OperationAreaWrapper .InviteCodeWrapper .InviteCode{border:1px solid #ccc;width:200px;height:60px;position:relative;bottom:0;display:inline-flex;align-items:center;justify-content:center;font-size:20px;font-weight:700}.ClassInfoPanel .InfoArea .NoticeWrapper{position:absolute;top:0;right:0}.ClassInfoPanel .InfoArea .NoticeWrapper .NoticeIcon{font-size:20px;margin-left:12px;transition:color .15s ease-in-out}.ClassInfoPanel .InfoArea .NoticeWrapper .NoticeIcon:hover{color:#1890ff}@media screen and (max-width:823px){.ClassInfoPanel .InfoArea .InfoWrapper{width:52%}.ClassInfoPanel .InfoArea .OperationAreaWrapper{width:48%}.ClassInfoPanel .InfoArea .InfoWrapper{display:block;border-right:1px solid #ccc}.ClassInfoPanel .InfoArea .InfoWrapper>section{border:none}.ClassInfoPanel .InfoArea .InfoWrapper>section>p>span:nth-child(2){width:100%;margin-top:5px}.ClassInfoPanel .InfoArea .InfoWrapper .Title{margin-top:10px}.ClassInfoPanel .InfoArea .InfoWrapper>img{width:90%;height:55%}.ClassInfoPanel .ant-card-body .ant-btn-group{float:left;width:100%;margin:20px 0}.ClassInfoPanel .ant-card-body>div:nth-child(2){height:90px}}.table-action-footer{height:32px;line-height:32px}.table-action-footer .action-button{margin:0 3px}.TimeLineWrapper{display:flex;align-items:center;font-weight:700;font-size:16px}.TimeLineWrapper .Icon{font-size:24px;color:#1890ff}.TimeLineWrapper .Line{flex:1;position:relative}.TimeLineWrapper .Line:before{position:absolute;top:50%;display:table-cell;width:90%;border-top:1px solid #1890ff;transform:translateY(50%);margin:0 5%;box-sizing:border-box;content:""}.TimeLineWrapper span{margin-left:10px}.StepContent{display:flex;flex-direction:column;background-color:#f0f0f0;text-align:center;margin:20px;height:130px;width:50%;padding:20px}.StepContent p{margin:0;padding:0;flex:1;margin-bottom:10px}.StepContent .ant-upload,.StepContent .ant-upload.ant-upload-select{display:block}.FolderSelecortSelect .ant-select-selection-selected-value{overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical;display:-webkit-box;-webkit-line-clamp:1;word-wrap:break-word;white-space:normal}.ApplyTableFooter .ApplyActionButton{margin:0 6px}.ApplyTableFooter:after{content:" ";display:block;clear:both}