.p-teaching-chart .header{min-width:1200px}.p-teaching-chart .header li{display:inline-block;-webkit-box-sizing:border-box;box-sizing:border-box;width:354px;height:142px;margin-left:24px;padding:24px;border-radius:4px;overflow:hidden;background:#fff;-webkit-box-shadow:0 1px 4px 0 #e5e9f2;box-shadow:0 1px 4px 0 #e5e9f2}.p-teaching-chart .header li:first-child{margin-left:0}.p-teaching-chart .header li .title{color:#202224;font-size:14px}.p-teaching-chart .header li div{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;width:306px;height:60px}.p-teaching-chart .header li div strong{font-size:32px}.p-teaching-chart .filter-date{padding-top:24px}.p-teaching-chart .filter-date li{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.p-teaching-chart .filter-date .filter-name{margin-right:18px;color:#a0a4aa}.p-teaching-chart .filter-date .el-range-separator{color:#a0a4aa}.p-teaching-chart .filter-date .filter-btn{width:104px;height:40px;margin-left:18px;border-radius:2px;color:#fff;line-height:40px;text-align:center;background-image:linear-gradient(107deg,#2bd9cf 1%,#2ab1e8);cursor:pointer;-webkit-box-shadow:0 6px 12px 0 rgba(64,138,255,.05);box-shadow:0 6px 12px 0 rgba(64,138,255,.05)}.p-teaching-chart .chart-area{margin-top:24px}.p-teaching-chart .chart-area li{display:inline-block;width:496px;height:360px;margin-bottom:20px;padding:27px 24px;position:relative;border-radius:4px;background:#fff;-webkit-box-shadow:0 6px 12px 0 rgba(64,138,255,.05);box-shadow:0 6px 12px 0 rgba(64,138,255,.05)}.p-teaching-chart .chart-area li .chart{width:496px;height:360px}.p-teaching-chart .chart-area li .average-box{position:absolute;top:27px;left:262px;z-index:1}.p-teaching-chart .chart-area li .average-item{margin-bottom:8px;position:relative;color:#a0a4aa;font-size:12px}.p-teaching-chart .chart-area li .average-item:before{display:inline-block;width:6px;height:6px;margin-top:-3px;position:absolute;top:50%;left:-15px;border-radius:50%;background:#2accd7;content:""}.p-teaching-chart .chart-area li .average-item.yellow:before{background:#f7b500}.p-teaching-chart .chart-area li .average-item span{color:#333}.p-teaching-chart .chart-area li:first-child{margin-right:24px}