schoolReportPDF/css/common.css

html,
body {
  margin: 0;
  padding: 0;
  font-size: 3mm;
  font-family: "Microsoft YaHei", "微软雅黑" !important;
  color: #333;
  box-sizing: border-box;
}
h1,h2,h3,h4 {
  margin: 0;
  padding: 0;
  font-weight: normal;
}
.root_body {
  background-color: #f5f5f5;
}
.pdf_root {
  margin: 0 auto;
  width: 210mm;
  background-color: #fff;
}
.page_root {
  position: relative;
  margin: 0 auto;
  padding: 0 8mm;
  width: 210mm;
  height: 277mm;
  box-sizing: border-box;
  background-color: #fff;
  /* 强制分页 */
  page-break-after: always;
}
.section_title_1 {
  padding-top: 11mm;
  padding-bottom: 8mm;
  font-size: 7mm;
  text-align: center;
  font-weight: bold;
}
.section_title_2 {
  padding-bottom: 5mm;
  font-size: 4mm;
  font-weight: bold;
}
.section_title_3 {
  padding-bottom: 5mm;
  font-size: 3mm;
  color: #666;
}
.section_title_4 {
  padding-bottom: 5mm;
  font-size: 3mm;
  color: #666;
}
.abstract_box {
  margin-bottom: 6mm;
  height: 38mm;
  border-radius: 5mm;
  color: #fff;
  background-color: #2D8CF0;
  overflow: hidden;
}
.abstract_left {
  float: left;
  margin: 4mm 0;
  width: 60mm;
  height: calc(100% - 8mm);
  text-align: center;
  border-right: 0.5mm dashed #f5f5f5;
  box-sizing: border-box;
}
.abstract_left img {
  display: block;
  margin: 0 auto;
  width: 38mm;
  height: 30mm;
}
.abstract_right {
  float: right;
  margin: 4mm 10mm;
  width: calc(100% - 80mm);
  height: calc(100% - 8mm);
  box-sizing: border-box;
}
.abstract_content {
  font-size: 4mm;
  line-height: 10mm;
}
.echarts_result {
  margin-bottom: 4mm;
  padding: 3mm;
  background-color: #F5F7F9;
}
.my_table {
  margin-bottom: 4mm;
  width: 100%;
  empty-cells: show;
  border-collapse: collapse;
  table-layout: fixed;
  border: 0.2mm solid #dcdee2;
  border-spacing: 0;
  box-sizing: border-box;
  color: #333;
}
.my_table th {
  padding: 0 0.5mm;
  line-height: 8mm;
  font-weight: bold;
  text-align: center;
  vertical-align: middle;
  white-space: nowrap;
  background-color: #ebf5ff;
  border: 0.2mm solid #dcdee2;
}
.my_table td {
  position: relative;
  padding: 0.5mm;
  line-height: 6mm;
  text-align: center;
  vertical-align: middle;
  white-space: nowrap;
  border: 0.2mm solid #dcdee2;
}
.my_table .my_cell {
  width: 100%;
  text-align: center;
  word-break: break-all;
  white-space: pre-wrap;
  box-sizing: border-box;
}
.bg_5699FF {
  background-color: #5699FF;
}
.c_5699FF {
  color: #5699FF;
}
.bg_FF5F56 {
  background-color: #FF5F56;
}
.c_FF5F56 {
  color: #FF5F56;
}
.bg_5EC5C8 {
  background-color: #5EC5C8;
}
.c_5EC5C8 {
  color: #5EC5C8;
}
.bg_F1982B {
  background-color: #F1982B;
}
.c_F1982B {
  color: #F1982B;
}
.margin_left_6mm  {
  margin-left: 6mm;
}
.margin_right_6mm  {
  margin-right: 6mm;
}
.w10mm {
  width: 10mm;
}
.w12mm {
  width: 12mm;
}
.w14mm {
  width: 14mm;
}
.w16mm {
  width: 16mm;
}
.w29mm {
  width: 29mm;
}