.section_list{ height: 20mm; margin-bottom: 5mm; } .section2 .section_item{ width: 36mm; background-color: #f5f7f9; border-radius: 3mm; height: 20mm; float: left; margin-right: 3mm; padding-top: 4mm; box-sizing: border-box; } .section2 .item_num{ height: 5mm; font-size: 3mm; color: #999999; text-align: center; margin-bottom: 2mm; } .section2 .item_num>span{ font-size: 5mm; color: #ff6b00; margin-right: 1mm; } .section2 .item_title{ text-align: center; height: 4mm; font-size: 4mm; color: #333333; } .section2 .subjectinfo{ font-weight: bold; margin-bottom: 2mm; } .section2 .jj{ text-indent: 8mm; color: #999999; line-height: 6mm; } .section2 .blue { color: #2D8CF0; } .section2 .dj{ width: 8%; } .section2 .pm { width: 14%; } .section2 .comm { width: 70%; } .section2 .line { display: inline-block; width: 8mm; } .echarts_result{ margin-bottom: 4mm; padding: 3mm; background-color: #F5F7F9; } .echarts_result_content .yj{ display: inline-block; margin-right: 2mm; width: 2mm; height: 2mm; border-radius: 50%; } .echarts_result_content { margin-top: 3mm; padding: 3mm; background-color: #fff; } .curscorelevel{ background-color: rgba(245, 247, 249, 1); padding: 3mm 0 3mm 2mm; } .section2 .multicolumn .tr{ background-color: #ebf5ff; } .section2 .green { color: green; } .section2 .red { color: red; }