.student-lesson{display:-webkit-box;display:-ms-flexbox;display:flex;overflow-y:hidden}.student-lesson__list{width:404px;height:100%}.student-lesson__detail{-webkit-box-flex:1;-ms-flex:1;flex:1;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex}.student-lesson__detail .interaction-form{border-radius:10px;width:800px}.student-lesson__detail .interaction-form .row{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.student-lesson__detail .interaction-form .row .item{width:50%}.student-lesson__detail .interaction-form .row .submit-btn-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:end;width:50%}.student-lesson__detail .interaction-form .row .submit-btn{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:30px;min-width:60px;border-radius:5px}.student-lesson__detail .interaction-form .required .el-form-item__label:after{vertical-align:middle;content:"*";font-size:20px;color:#dd1b1b}.student-lesson__detail .interaction-form .required .error input,.student-lesson__detail .interaction-form .required .error textarea{border-color:#ef4577}.student-lesson__detail.no-item-selected{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}.student-lesson__detail p.student-detail-loading{font-size:60px}.student-lesson__detail__info{width:268px}.student-lesson__detail__main{-webkit-box-flex:1;-ms-flex:1;flex:1;position:relative}.student-lesson__detail__main .add-interaction{z-index:999;cursor:pointer;position:absolute;bottom:30px;right:30px}.student-lesson__detail__main .tab-header .tab-list{overflow:hidden;-webkit-box-sizing:border-box;box-sizing:border-box;border:1px solid #ccc;border-radius:8px;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around;margin:32px 48px 40px}.student-lesson__detail__main .tab-header .tab-list .tab-item{width:33.33333%;padding:12px 0;font-size:15px;font-weight:600;text-align:center}.student-lesson__detail__main .tab-header .tab-list .tab-item.active{background-color:#c4c4c4}.student-lesson__detail__main .tab-header .tab-list .tab-item:hover{cursor:pointer;-webkit-transition:.5s;transition:.5s;background-color:#c4c4c4}.student-lesson__detail__main .tab-content .chat-history{-webkit-overflow-scrolling:touch;height:calc(100vh - 176px);overflow:auto;margin-right:8px}.student-lesson__detail__main .tab-content .chat-history::-webkit-scrollbar{width:6px}.student-lesson__detail__main .tab-content .chat-history::-webkit-scrollbar-thumb{border-radius:3px;background-color:#929bad;z-index:999}.student-lesson .interaction-form .el-dialog__body{padding:20px px 20px 20px}.student-lesson .interaction-form .el-dialog__body .row .el-form-item:first-child{padding-right:15px}.student-lesson .interaction-form .el-dialog__body .row .el-form-item:nth-child(2){padding-left:15px}.student-lesson .interaction-form .el-dialog__body .el-form-item.is-error{margin-bottom:36px}.student-lesson .interaction-form .el-date-editor,.student-lesson .interaction-form .el-input,.student-lesson .interaction-form .el-select{width:100%!important}.student-lesson .interaction-form .cs-picker .el-select .el-input input::-webkit-input-placeholder{color:#c0c4cc;font-weight:400}.student-lesson .interaction-form .cs-picker .el-select .el-input input::-moz-placeholder{color:#c0c4cc;font-weight:400}.student-lesson .interaction-form .cs-picker .el-select .el-input input:-ms-input-placeholder{color:#c0c4cc;font-weight:400}.student-lesson .interaction-form .cs-picker .el-select .el-input input::-ms-input-placeholder{color:#c0c4cc;font-weight:400}.student-lesson .interaction-form .cs-picker .el-select .el-input input::placeholder{color:#c0c4cc;font-weight:400}