.y_box_main {} .zlgl-box>div { height: 100%; flex: 1; align-items: center; justify-content: center; } .zlgl-number { height: 1.5375rem; width: 1.8125rem; background-image: url(../imags/q01.png); color: #00FFFF; font-size: .425rem; text-align: center; } .zlgl-label { color: #63CAFF; font-size: .175rem; } /* 计量器具数据 */ .jlq-box { width: 100%; height: 100%; background-image: url(../imags/q02.png); display: grid; grid-template-columns: 50% 50%; grid-template-rows: 50% 50%; padding: .25rem; } .jlq-number>p:nth-of-type(1) { color: #00FFFF; font-size: .375rem; white-space: nowrap; } .jlq-number>span { font-size: .175rem; } .jlq-number>p { font-size: .175rem; color: #FFFFFF; } .jlq-label { font-size: .175rem; color: #FFFFFF; text-align: left; width: 100%; } /* 质量培训数据 */ .zlpx-box { background-position: center .25rem; background-image: url(../imags/q03.png); background-size: 80% 90%; } .zlpx-label { font-size: .175rem; color: #FFFFFF; } .zlpx-item { width: 50%; justify-content: flex-start; align-items: flex-end; } .zlpx-number { font-size: .375rem; color: #00FFFF; } /* 焊接数据 */ .hj-box { display: grid; grid-template-columns: 33% 33% 33%; grid-template-rows: 50% 50%; } .hj-box>div { background: rgba(14, 22, 95, 0.2); box-shadow: inset 0px 0px .2125rem 0px rgba(125, 183, 240, 0.5); border-radius: 0px 0px 0px 0px; border: 1px solid #19509E; margin: .125rem; padding: .25rem; justify-content: space-between; align-items: center; } .hj-box_number { font-size: .3rem; color: #00FFFF; } .hj-box_label { font-size: .175rem; color: #FFFFFF; } /* 质量问题治理数据 */ .zl-card { margin-top: .125rem; justify-content: space-between; } .zl-card>div { width: 1.8375rem; height: .875rem; background-image: url(../imags/r01.png); justify-content: space-around; align-items: center; } /* 质量问题质量数据 */ .zl-label{ font-size: .175rem; color: #A9DDEE; } .zl-number{ font-size: .25rem; } #zlmap,#ncrmap,#zlysmap{ height: calc(100% - 1rem); }