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);
 | |
| } |