.fl-rc{display:flex;flex-flow:row}.fl-cc{display:flex;flex-flow:column}.clearfix:after{content:"";display:block;height:0;clear:both;visibility:hidden}.clearfix{*zoom:1}.el-link{font-size:13px}.dialog-title{font-size:20px;color:#3075ef;text-align:center;line-height:27px}.line{display:flex;justify-content:center;align-items:center}.line .key{padding-right:20px}.dialog-sub-detail{font-size:12px;color:#141d45;text-align:center;margin-top:26px}.dialog-footer{text-align:center}.dialog-footer button{width:100px;margin:0 30px}.start-course-page-content{box-sizing:border-box;background-color:#fff;height:calc(100vh - 96px);padding:22px 40px;box-shadow:2px 2px 5px 2px #edf3ff;position:relative}.start-course-page-content .top-action-panel{display:flex;align-content:center}.start-course-page-content .main-content{margin-top:10px;display:flex;height:calc(100vh - 190px);box-sizing:border-box}.start-course-page-content .main-content .class-list{border:1px solid #eee;background:#f8f8f8;box-sizing:border-box;height:100%;overflow-y:scroll;min-width:456px;border-radius:4px;padding:6px 0}.start-course-page-content .main-content .class-list .class-item .inner-item-box{min-height:116px;box-sizing:border-box;border-bottom:1px solid #ddd;display:flex;justify-content:space-between;align-items:center;cursor:pointer;margin:8px 16px}.start-course-page-content .main-content .class-list .class-item .inner-item-box .left-box{width:310px;height:100%;display:flex;flex-direction:column;justify-content:center}.start-course-page-content .main-content .class-list .class-item .inner-item-box .left-box .class-name{margin-bottom:14px;color:#404040;font-size:15px}.start-course-page-content .main-content .class-list .class-item .inner-item-box .left-box .class-text1,.start-course-page-content .main-content .class-list .class-item .inner-item-box .left-box .class-text2{width:260px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:13px;color:#979797}.start-course-page-content .main-content .class-list .class-item .inner-item-box .left-box .class-text2{padding:8px 0}.start-course-page-content .main-content .class-list .class-item .inner-item-box .left-box .sub-info-box{font-size:13px;font-weight:700;color:#979797}.start-course-page-content .main-content .class-list .class-item .inner-item-box .right-box{display:flex;flex-direction:column}.start-course-page-content .main-content .class-list .class-item .inner-item-box .right-box .el-button+.el-button{margin:0;width:108px;box-sizing:border-box}.start-course-page-content .main-content .class-list .class-item .inner-item-box .right-box .el-button{width:108px;box-sizing:border-box;margin-bottom:6px!important}.start-course-page-content .main-content .class-list .class-item:last-child .inner-item-box{border-bottom:0}.start-course-page-content .main-content .class-list .active{border-left:3px solid #3075ff}.start-course-page-content .main-content .class-list .active .inner-item-box .right-box div:first-child .el-button{color:#d0021b;border:1px solid #d0021b!important}.start-course-page-content .main-content .class-list .active .inner-item-box .right-box .el-button{color:#3075ef;border:1px solid #3075ef!important}.start-course-page-content .main-content .class-list .active .inner-item-box .left-box .class-name{color:#3075ff}.start-course-page-content .main-content .course-list{border:1px solid #eee;background:#f8f8f8;box-sizing:border-box;height:100%;overflow-y:scroll;padding:10px 0;width:100%;border-radius:4px;margin-left:20px}.start-course-page-content .main-content .course-list .course-item{margin:0 20px;border-bottom:1px dashed #ddd;padding:8px 0}.start-course-page-content .main-content .course-list .course-item:last-child{border-bottom:0}.start-course-page-content .main-content .course-list .course-item .line{display:flex;justify-content:space-between;align-items:center;padding-top:9px}.start-course-page-content .main-content .course-list .course-item .line .course-name{color:#404040;font-size:14px}.start-course-page-content .main-content .course-list .course-item .line .sub-desc{font-size:12px;color:#979797}.start-course-page-content .main-content .course-list .course-item .line .action-box{display:flex;align-items:center}.start-course-page-content .main-content .course-list .course-item .line .action-box .column-line{height:10px;width:1px;margin:0 10px;background:#ddd}.start-course-page-content .progress-dialog .line{padding:0 20px;display:flex;align-items:flex-start}.start-course-page-content .progress-dialog .line .key{min-width:90px}.start-course-page-content .progress-dialog .line .date{flex:1}.start-course-page-content .conflict-dialog .conflict-list{width:100%;display:flex;flex-direction:column;justify-content:center}.start-course-page-content .conflict-dialog .conflict-list .list-item{text-align:center;font-size:18px;line-height:30px}.start-course-page-content .start-project-dialog .fl-rc{align-items:center}.start-course-page-content .start-project-dialog .start-title{font-size:14px;color:#d0021b;line-height:18px;text-align:center;padding-bottom:20px}.start-course-page-content .start-project-dialog .line{display:flex;width:100%}.start-course-page-content .start-project-dialog .line .key{font-size:18px;color:#3075ef;display:flex;align-items:center;height:20px;min-width:100px}.start-course-page-content .start-project-dialog .line .line-box{display:flex;align-items:center}.start-course-page-content .start-project-dialog .line .edit-box{flex:1}.start-course-page-content .start-project-dialog .line .edit-box .inner-line{margin:10px 0}.start-course-page-content .start-project-dialog .line .edit-box .inner-line .inner-key{margin-right:10px}.start-course-page-content .start-project-dialog .line .action-box{display:flex;flex-direction:column;margin-left:18px;width:100%}.start-course-page-content .start-project-dialog .line .action-box .inner-line{display:flex;align-items:center;margin-bottom:10px}.start-course-page-content .start-project-dialog .line .action-box .inner-line .inner-key{margin-right:10px;font-size:12px;min-width:80px}