132 lines
2.2 KiB
CSS
132 lines
2.2 KiB
CSS
|
.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);
|
||
|
}
|