.recommend{margin:5px;height:calc(100% - 10px)}.recommend .el-row{height:100%}.recommend .el-col{margin:0 5px;min-height:50vh;border:1px solid #dedede;border-radius:10px;font-size:15px}.recommend .el-col .header{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;padding:10px 15px;line-height:28px;font-weight:700;font-size:15px;background-color:#1d2343;color:#fff;border-top-left-radius:10px;border-top-right-radius:10px;border-bottom:1px solid #dedede}.recommend .el-col .header .el-button--text{padding:0}.recommend .el-col .content{height:calc(100% - 70px);padding:10px 0;overflow-y:auto}.recommend .el-col .content li{cursor:pointer;padding:0 15px;line-height:2.5;margin-bottom:10px}.recommend .el-col .content li.active,.recommend .el-col .content li:hover{border-left:3px solid #409eff;color:#409eff;-webkit-box-shadow:2px 3px 2px rgba(64,158,255,.1);box-shadow:2px 3px 2px rgba(64,158,255,.1)}.recommend .el-col .content .coverImg{width:120px;height:auto}.recommend .el-col .videolist{display:-webkit-box;display:-ms-flexbox;display:flex}.recommend .el-drawer:focus,.recommend .el-drawer :focus{outline:0}.recommend .el-col-24{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;overflow:hidden}.recommend .el-col-24 table{width:100%;text-align:center;font-size:14px;border-collapse:collapse}.recommend .el-col-24 table thead{font-weight:500;color:#999}.recommend .el-col-24 table td,.recommend .el-col-24 table th{padding:12px 0;min-width:0;overflow:hidden;text-overflow:ellipsis;border-bottom:1px solid #ebeef5}.recommend .el-col-24 table .course-name{text-align:left}.recommend .el-col-24 table .el-checkbox__input.is-checked .el-checkbox__inner{background-color:#67c23a;border-color:#67c23a}.recommend .el-col-24 table .el-checkbox__inner{width:18px;height:18px}.recommend .el-col-24 table .el-checkbox__inner:after{width:5px;height:10px;left:5px}