修改首页
This commit is contained in:
@@ -0,0 +1,226 @@
|
||||
* {
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
@font-face {
|
||||
font-family: "DIN";
|
||||
src: url("../font/DIN-Medium.otf") format("truetype");
|
||||
}
|
||||
html,
|
||||
body {
|
||||
height: 13.5rem;
|
||||
width: 100vw;
|
||||
}
|
||||
|
||||
.wrap {
|
||||
height: 13.5rem;
|
||||
width: 100vw;
|
||||
background-image: url('../imags/bj.jpg');
|
||||
}
|
||||
|
||||
|
||||
html::-webkit-scrollbar{
|
||||
display: none;
|
||||
}
|
||||
|
||||
|
||||
.y_image_default {
|
||||
background-position: center;
|
||||
background-repeat: no-repeat;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
|
||||
.y_row {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
|
||||
}
|
||||
|
||||
.y_column {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
.y_action1 {
|
||||
background: #00FFFF !important;
|
||||
color: #010E3B !important;
|
||||
}
|
||||
|
||||
/* 头部样式 */
|
||||
.y_head {
|
||||
width: 100vw;
|
||||
overflow: hidden;
|
||||
padding: 0 .25rem;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
.y_head>.y_logo {
|
||||
width: 100%;
|
||||
height: .725rem;
|
||||
}
|
||||
|
||||
.y_logo {
|
||||
background-image: url(../imags/01.png);
|
||||
}
|
||||
|
||||
.y_logo>div {
|
||||
flex: 1;
|
||||
}
|
||||
|
||||
.y_title {
|
||||
color: #00FFFF;
|
||||
font-size: .375rem;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.y_navbars {
|
||||
align-items: flex-end;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.y_navbars > .y_navbar {
|
||||
/* width: .85rem;
|
||||
height: .275rem; */
|
||||
padding: 0.02rem 0.135rem;
|
||||
border-radius: .25rem .25rem .25rem .25rem;
|
||||
border: .0125rem solid #63CAFF;
|
||||
color: #63CAFF;
|
||||
font-size: .15rem;
|
||||
/* line-height: .275rem; */
|
||||
text-align: center;
|
||||
margin-right: .125rem;
|
||||
}
|
||||
|
||||
.y_setting {
|
||||
justify-content: flex-end;
|
||||
align-items: flex-end;
|
||||
}
|
||||
|
||||
.y_set {
|
||||
/* width: .35rem;
|
||||
height: .175rem; */
|
||||
padding-left: .275rem;
|
||||
font-size: .175rem;
|
||||
font-family: Alibaba PuHuiTi 2.0-55 Regular, Alibaba PuHuiTi 20;
|
||||
font-weight: normal;
|
||||
color: #63CAFF;
|
||||
background-position: left center;
|
||||
background-size: .175rem .175rem;
|
||||
margin-left: .25rem;
|
||||
}
|
||||
|
||||
.mine {
|
||||
background-image: url(../imags/02.png);
|
||||
}
|
||||
|
||||
.set {
|
||||
background-image: url(../imags/03.png);
|
||||
}
|
||||
|
||||
.help {
|
||||
background-image: url(../imags/04.png);
|
||||
}
|
||||
|
||||
.exit {
|
||||
background-image: url(../imags/05.png);
|
||||
}
|
||||
|
||||
.full {
|
||||
background-image: url(../imags/06.png);
|
||||
}
|
||||
|
||||
.y_navs {
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.y_navs>.y_nav {
|
||||
width: 1.2rem;
|
||||
height: .425rem;
|
||||
background: #072761;
|
||||
line-height: .425rem;
|
||||
text-align: center;
|
||||
color: #00FFFF;
|
||||
background-image: url(../imags/07.png);
|
||||
margin: .1875rem .25rem;
|
||||
}
|
||||
|
||||
|
||||
/* 内容部分 */
|
||||
|
||||
.y_body {
|
||||
height: calc(100% - 1.525rem);
|
||||
width: 100vw;
|
||||
}
|
||||
|
||||
.y_body>.site {
|
||||
width: 7.3375rem;
|
||||
height: 100%;
|
||||
justify-content: space-between;
|
||||
}
|
||||
|
||||
.y_body>.site:nth-child(1) {
|
||||
padding: 0 .2375rem .25rem .25rem;
|
||||
}
|
||||
|
||||
.y_body>.site:nth-child(2) {
|
||||
width: calc(100% - 14.675rem);
|
||||
padding-bottom: .25rem;
|
||||
}
|
||||
|
||||
.y_body>.site:nth-child(3) {
|
||||
padding: 0 .25rem .25rem .2375rem;
|
||||
}
|
||||
|
||||
.y_box {
|
||||
width: 6.85rem;
|
||||
height: 3.7rem;
|
||||
border: 1px solid red;
|
||||
background: rgba(14, 22, 95, 0.3);
|
||||
box-shadow: inset 0px 0px 4px 0px rgba(12, 81, 149, 0.5);
|
||||
border: 1px solid #1B538B;
|
||||
|
||||
}
|
||||
.y_box_label{
|
||||
height: .35rem;
|
||||
background-image: url(../imags/09.png);
|
||||
background-size: 2.55rem;
|
||||
text-align: center;
|
||||
line-height: .35rem;
|
||||
font-size: .175rem;
|
||||
color: #ffffff;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.y_box_main{
|
||||
width: 100%;
|
||||
height: calc(100% - .35rem);
|
||||
padding: 0 .25rem;
|
||||
}
|
||||
.y_more{
|
||||
position: absolute;
|
||||
top: .125rem;
|
||||
right: .125rem;
|
||||
color: #63CAFF;
|
||||
font-size: .15rem;
|
||||
line-height: .15rem;
|
||||
}
|
||||
|
||||
|
||||
|
||||
.swiper-box{
|
||||
height: calc(100% - 3.7rem);
|
||||
width: 100%;
|
||||
padding-top: .375rem;
|
||||
}
|
||||
|
||||
.swiper {
|
||||
width: 100%;
|
||||
height: 80%;
|
||||
background-color: #ffffff;
|
||||
}
|
||||
.swiper-slide>img{
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
}
|
||||
@@ -0,0 +1,313 @@
|
||||
/* 人工时 */
|
||||
.y_rgss {
|
||||
justify-content: space-between;
|
||||
padding: 20px 0;
|
||||
}
|
||||
|
||||
.y_rgs {
|
||||
width: 149px;
|
||||
height: 70px;
|
||||
background-image: url(../imags/10.png);
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.y_rgs>.y_rgs_val {
|
||||
width: 100%;
|
||||
font-size: .275rem;
|
||||
color: #00FFFF;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.y_rgs>.y_rgs_label {
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
font-size: 14px;
|
||||
color: #FFFFFF;
|
||||
}
|
||||
|
||||
/* 安全管理人员 */
|
||||
.y_aq {
|
||||
width: 100%;
|
||||
justify-content: space-between;
|
||||
}
|
||||
|
||||
.y_aq_box {
|
||||
width: 239px;
|
||||
height: 54px;
|
||||
background-image: url(../imags/11.png);
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
padding: 0 20px;
|
||||
}
|
||||
|
||||
.y_aq_label {
|
||||
font-size: 14px;
|
||||
color: #ffffff;
|
||||
}
|
||||
|
||||
.y_aq_value {
|
||||
font-size: 22px;
|
||||
color: #00FFFF;
|
||||
}
|
||||
|
||||
/* 整改 */
|
||||
.y_zg {
|
||||
margin-top: 20px;
|
||||
}
|
||||
|
||||
.y_zg_title {
|
||||
font-size: 14px;
|
||||
color: #ffffff;
|
||||
}
|
||||
|
||||
.y_zg_box {
|
||||
flex: 1;
|
||||
}
|
||||
|
||||
.y_zg_main {
|
||||
margin-top: 10px;
|
||||
}
|
||||
|
||||
.y_zg_value {
|
||||
height: 20px;
|
||||
text-align: center;
|
||||
line-height: 20px;
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
.y_zg_label {
|
||||
margin-top: 8px;
|
||||
text-align: center;
|
||||
font-size: 14px;
|
||||
color: #FFFFFF;
|
||||
}
|
||||
|
||||
/* 质量 */
|
||||
.y_zlry {
|
||||
height: .5rem;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
margin-top: .25rem;
|
||||
background-image: url(../imags/18.png);
|
||||
padding: 0 .25rem;
|
||||
}
|
||||
|
||||
.y_zlry_label {
|
||||
font-size: .175rem;
|
||||
color: #FFFFFF;
|
||||
}
|
||||
|
||||
.y_zlry_value {
|
||||
color: #63CAFF;
|
||||
font-size: .3rem;
|
||||
}
|
||||
|
||||
.y_zlmap {
|
||||
width: 100%;
|
||||
height: calc(100% - 1.5rem);
|
||||
}
|
||||
|
||||
.zgmap {
|
||||
flex: 1;
|
||||
}
|
||||
|
||||
/* 关键事项 */
|
||||
.y_gjzg {
|
||||
width: 100%;
|
||||
height: calc(100% - .75rem);
|
||||
}
|
||||
|
||||
.y_gjzg_box {
|
||||
flex: 1;
|
||||
justify-content: space-around;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.y_gjzg_zg {
|
||||
width: 2.7375rem;
|
||||
height: .875rem;
|
||||
background-image: url(../imags/21.png);
|
||||
padding: 0 .25rem;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.y_gjzg_zg>label {
|
||||
font-size: .175rem;
|
||||
color: #ffffff;
|
||||
}
|
||||
|
||||
.y_gjzg_zg>p {
|
||||
font-size: .3rem;
|
||||
color: #ffffff;
|
||||
}
|
||||
|
||||
/* 人员信息 */
|
||||
|
||||
.y_rys {
|
||||
padding: .25rem;
|
||||
justify-content: space-between;
|
||||
padding-bottom: 0;
|
||||
}
|
||||
|
||||
.y_ry {
|
||||
width: 1.95rem;
|
||||
height: .5rem;
|
||||
background-image: url(../imags/19.png);
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
padding: 0 .125rem;
|
||||
}
|
||||
|
||||
.y_ry_label {
|
||||
font-size: .175rem;
|
||||
color: #ffffff;
|
||||
}
|
||||
|
||||
.y_ry_value {
|
||||
font-size: .3rem;
|
||||
color: #E9E931;
|
||||
}
|
||||
|
||||
.y_rymap {
|
||||
height: calc(100% - 1rem);
|
||||
}
|
||||
|
||||
/* 材料到货 */
|
||||
.y_tabs {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
color: #96DBFF;
|
||||
width: 1.925rem;
|
||||
}
|
||||
|
||||
.y_tabs>span {
|
||||
width: .9625rem;
|
||||
height: .275rem;
|
||||
text-align: center;
|
||||
line-height: .275rem;
|
||||
}
|
||||
.y_tab-action{
|
||||
background-image: url(../imags/20.png);
|
||||
}
|
||||
.table{
|
||||
width: 100%;
|
||||
border: 1px solid #1B538B;
|
||||
border-collapse:collapse;
|
||||
margin-top: .25rem;
|
||||
}
|
||||
.tr{
|
||||
width: 100%;
|
||||
height: .425rem;
|
||||
background: rgba(33, 55, 113, .4);
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
line-height: .425rem;
|
||||
}
|
||||
.tr:nth-child(2n -1) {
|
||||
background-color: rgba(33, 55, 113, 0);
|
||||
}
|
||||
|
||||
.tr>span{
|
||||
flex:1;
|
||||
font-weight: 0;
|
||||
color: #ffffff;
|
||||
width: .9rem;
|
||||
text-align: center;
|
||||
}
|
||||
.tbody{
|
||||
height: 2.5375rem;
|
||||
overflow: hidden;
|
||||
overflow-y: scroll;
|
||||
}
|
||||
.tbody::-webkit-scrollbar{
|
||||
width: 0;
|
||||
}
|
||||
/* 居中项目简介 */
|
||||
.y_top_boxs{
|
||||
margin-top: .625rem;
|
||||
height: 1.85rem;
|
||||
width: 100%;
|
||||
justify-content: space-between;
|
||||
}
|
||||
.y_top_box{
|
||||
width: 2.925rem;
|
||||
height: 1.85rem;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
background-image: url(../imags/c01.png);
|
||||
color: #ffffff;
|
||||
}
|
||||
.y_top_box_label{
|
||||
font-size: .225rem;
|
||||
}
|
||||
.y_top_box_value{
|
||||
font-size: .5rem;
|
||||
font-family: 'DIN';
|
||||
}
|
||||
/* 地图样式 */
|
||||
|
||||
.y_map_container{
|
||||
height: calc(100% - 2.475rem);
|
||||
padding-top: .25rem;
|
||||
width: 100%;
|
||||
/* background-color: red; */
|
||||
}
|
||||
#y_map{
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
.BMap_cpyCtrl,.anchorBL{
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
|
||||
/* mark点显示信息 */
|
||||
.y_mark_info{
|
||||
max-width:3.125rem;
|
||||
position: relative;
|
||||
z-index: 99999;
|
||||
color: #ffffff;
|
||||
background-color: #051146;
|
||||
border: 1px solid #0070de;
|
||||
padding-bottom: .375rem;
|
||||
font-size: .175rem;
|
||||
}
|
||||
.y_mark_info>.title{font-weight: 700;border-bottom: 1px solid #0070de;padding: .05rem .125rem;}
|
||||
.y_mark_info>.row{
|
||||
padding: .05rem .125rem;
|
||||
}
|
||||
.y_mark_info>.row>.label{
|
||||
width: 1rem;
|
||||
}
|
||||
.row_more{
|
||||
font-size: .15rem;
|
||||
color: #0055ff;
|
||||
position: absolute;
|
||||
right: .125rem;
|
||||
bottom: .125rem;
|
||||
}
|
||||
.BMap_bubble_pop{
|
||||
background-color: rgba(0, 0, 0, 0) !important;
|
||||
border: none !important;
|
||||
top: 30px !important;
|
||||
left: 366px !important;
|
||||
}
|
||||
.BMap_bubble_pop>img{
|
||||
display: none !important;
|
||||
}
|
||||
.BMap_bubble_title{
|
||||
display: none !important;
|
||||
}
|
||||
.BMap_bubble_center{
|
||||
width: auto !important;
|
||||
}
|
||||
.BMap_bubble_buttons{
|
||||
top: 0;
|
||||
|
||||
}
|
||||
|
||||
.BMap_bubble_top{
|
||||
height: 0 !important;
|
||||
}
|
||||
@@ -0,0 +1,542 @@
|
||||
|
||||
.selectbar{
|
||||
color: #63CAFF;
|
||||
font-size: .175rem;
|
||||
margin-right: .125rem;
|
||||
padding-right: .25rem;
|
||||
background-image: url(../imags/select.png);
|
||||
background-position: right center;
|
||||
background-size: .15rem .15rem;
|
||||
background-repeat: no-repeat;
|
||||
}
|
||||
/* 人工时 */
|
||||
.y_rgss {
|
||||
justify-content: space-between;
|
||||
padding: 20px 0;
|
||||
}
|
||||
|
||||
.y_rgs {
|
||||
width: 149px;
|
||||
height: 70px;
|
||||
background-image: url(../imags/10.png);
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.y_rgs>.y_rgs_val {
|
||||
width: 100%;
|
||||
font-size: .275rem;
|
||||
color: #00FFFF;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.y_rgs>.y_rgs_label {
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
font-size: 14px;
|
||||
color: #FFFFFF;
|
||||
}
|
||||
|
||||
/* 安全管理人员 */
|
||||
.y_aq {
|
||||
width: 100%;
|
||||
justify-content: space-between;
|
||||
}
|
||||
|
||||
.y_aq_box {
|
||||
width: 239px;
|
||||
height: 54px;
|
||||
background-image: url(../imags/11.png);
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
padding: 0 20px;
|
||||
}
|
||||
|
||||
.y_aq_label {
|
||||
font-size: 14px;
|
||||
color: #ffffff;
|
||||
}
|
||||
|
||||
.y_aq_value {
|
||||
font-size: 22px;
|
||||
color: #00FFFF;
|
||||
}
|
||||
|
||||
/* 整改 */
|
||||
.y_zg {
|
||||
margin-top: 20px;
|
||||
}
|
||||
|
||||
.y_zg_title {
|
||||
font-size: 14px;
|
||||
color: #ffffff;
|
||||
}
|
||||
|
||||
.y_zg_box {
|
||||
flex: 1;
|
||||
}
|
||||
|
||||
.y_zg_main {
|
||||
margin-top: 10px;
|
||||
}
|
||||
|
||||
.y_zg_value {
|
||||
height: 20px;
|
||||
text-align: center;
|
||||
line-height: 20px;
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
.y_zg_label {
|
||||
margin-top: 8px;
|
||||
text-align: center;
|
||||
font-size: 14px;
|
||||
color: #FFFFFF;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
/* 人员信息 */
|
||||
|
||||
.y_rys {
|
||||
padding: .25rem;
|
||||
justify-content: space-between;
|
||||
padding-bottom: 0;
|
||||
}
|
||||
|
||||
.y_ry {
|
||||
width: 1.95rem;
|
||||
height: .5rem;
|
||||
background-image: url(../imags/19.png);
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
padding: 0 .125rem;
|
||||
}
|
||||
|
||||
.y_ry_label {
|
||||
font-size: .175rem;
|
||||
color: #ffffff;
|
||||
}
|
||||
|
||||
.y_ry_value {
|
||||
font-size: .3rem;
|
||||
color: #E9E931;
|
||||
}
|
||||
|
||||
.y_rymap {
|
||||
height: calc(100% - 1rem);
|
||||
}
|
||||
|
||||
/* 材料到货 */
|
||||
.y_tabs {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 0;
|
||||
color: #96DBFF;
|
||||
width: 1.925rem;
|
||||
}
|
||||
|
||||
.y_tabs>span {
|
||||
width: .9625rem;
|
||||
height: .275rem;
|
||||
text-align: center;
|
||||
line-height: .275rem;
|
||||
}
|
||||
.y_tab-action{
|
||||
background-image: url(../imags/20.png);
|
||||
}
|
||||
/* .table{
|
||||
width: 100%;
|
||||
border: 1px solid #1B538B;
|
||||
border-collapse:collapse;
|
||||
margin-top: .25rem;
|
||||
}
|
||||
.tr{
|
||||
width: 100%;
|
||||
height: .425rem;
|
||||
background: rgba(33, 55, 113, .4);
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
line-height: .425rem;
|
||||
}
|
||||
.tr:nth-child(2n -1) {
|
||||
background-color: rgba(33, 55, 113, 0);
|
||||
}
|
||||
|
||||
.tr>span{
|
||||
flex:1;
|
||||
font-weight: 0;
|
||||
color: #ffffff;
|
||||
width: .9rem;
|
||||
text-align: center;
|
||||
}
|
||||
.tbody{
|
||||
height: 2.5375rem;
|
||||
overflow: hidden;
|
||||
overflow-y: scroll;
|
||||
}
|
||||
.tbody::-webkit-scrollbar{
|
||||
width: 0;
|
||||
} */
|
||||
/* 居中项目简介 */
|
||||
.y_top_boxs{
|
||||
margin-top: .625rem;
|
||||
height: 1.85rem;
|
||||
width: 100%;
|
||||
justify-content: space-between;
|
||||
}
|
||||
.y_top_box{
|
||||
width: 2.925rem;
|
||||
height: 1.85rem;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
background-image: url(../imags/c01.png);
|
||||
color: #ffffff;
|
||||
}
|
||||
.y_top_box_label{
|
||||
font-size: .225rem;
|
||||
}
|
||||
.y_top_box_value{
|
||||
font-size: .5rem;
|
||||
font-family: 'DIN';
|
||||
}
|
||||
/* 地图样式 */
|
||||
|
||||
.y_map_container{
|
||||
height: calc(100% - 2.475rem);
|
||||
padding-top: .25rem;
|
||||
width: 100%;
|
||||
/* background-color: red; */
|
||||
}
|
||||
#y_map{
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
.BMap_cpyCtrl,.anchorBL{
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
|
||||
/* mark点显示信息 */
|
||||
.y_mark_info{
|
||||
max-width:3.125rem;
|
||||
position: relative;
|
||||
z-index: 99999;
|
||||
color: #ffffff;
|
||||
background-color: #051146;
|
||||
border: 1px solid #0070de;
|
||||
padding-bottom: .375rem;
|
||||
font-size: .175rem;
|
||||
}
|
||||
.y_mark_info>.title{font-weight: 700;border-bottom: 1px solid #0070de;padding: .05rem .125rem;}
|
||||
.y_mark_info>.row{
|
||||
padding: .05rem .125rem;
|
||||
}
|
||||
.y_mark_info>.row>.label{
|
||||
width: 1rem;
|
||||
}
|
||||
.row_more{
|
||||
font-size: .15rem;
|
||||
color: #0055ff;
|
||||
position: absolute;
|
||||
right: .125rem;
|
||||
bottom: .125rem;
|
||||
}
|
||||
.BMap_bubble_pop{
|
||||
background-color: rgba(0, 0, 0, 0) !important;
|
||||
border: none !important;
|
||||
top: 30px !important;
|
||||
left: 366px !important;
|
||||
}
|
||||
.BMap_bubble_pop>img{
|
||||
display: none !important;
|
||||
}
|
||||
.BMap_bubble_title{
|
||||
display: none !important;
|
||||
}
|
||||
.BMap_bubble_center{
|
||||
width: auto !important;
|
||||
}
|
||||
.BMap_bubble_buttons{
|
||||
top: 0;
|
||||
|
||||
}
|
||||
|
||||
.BMap_bubble_top{
|
||||
height: 0 !important;
|
||||
}
|
||||
|
||||
/* 风险预警 */
|
||||
.fxmap{
|
||||
width: 45%;
|
||||
height: 100%;
|
||||
}
|
||||
.fx{
|
||||
width: 55%;
|
||||
height: 100%;
|
||||
}
|
||||
.yj-item{
|
||||
width: 50%;
|
||||
padding-left: .625rem;
|
||||
|
||||
background-position: left center;
|
||||
background-repeat: no-repeat;
|
||||
background-size: .5rem .5rem;
|
||||
}
|
||||
.zz{
|
||||
background-image: url(../imags/12.png);
|
||||
}
|
||||
.jx{
|
||||
background-image: url(../imags/13.png);
|
||||
}
|
||||
.yj-label{
|
||||
font-size: .175rem;
|
||||
color: #ffffff;
|
||||
}
|
||||
.yj-number{
|
||||
font-size: .3rem;
|
||||
color: #63CAFF;
|
||||
}
|
||||
.wd-title{
|
||||
padding-left: .1rem;
|
||||
font-size: .15rem;
|
||||
height: .3rem;
|
||||
line-height: .3rem;
|
||||
color: #00FFFF;
|
||||
background: linear-gradient(90deg, #4174D2 0%, rgba(5,20,75,0) 100%);
|
||||
}
|
||||
.wd-main{
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
}
|
||||
.wd-item{
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
flex:1;
|
||||
}
|
||||
.wd-label{
|
||||
color: #63CAFF;
|
||||
font-size: .15rem;
|
||||
}
|
||||
.wd-number{
|
||||
font-size: .325rem;
|
||||
color: #1C92FF;
|
||||
}
|
||||
/* 作业票许可 */
|
||||
.ry,.zyp{
|
||||
margin-top: .25rem;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
justify-content: space-between;
|
||||
}
|
||||
.zyp_box{
|
||||
width: 1.4rem;
|
||||
height: .5rem;
|
||||
background: rgba(14,22,95,0.2);
|
||||
box-shadow: inset 0px 0px .2125rem 0px rgba(125,183,240,0.5);
|
||||
}
|
||||
.ry_box,.zyp_box{
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
padding: .125rem;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
}
|
||||
.ry_label,.zyp_label{
|
||||
color: #ffffff;
|
||||
font-size: .175rem;
|
||||
}
|
||||
.ry_number,.zyp_number{
|
||||
color: #00FFFF;
|
||||
font-size:.325rem;
|
||||
}
|
||||
.zyp-lis{
|
||||
height: calc(100% - 1.25rem);
|
||||
margin-top: .25rem;
|
||||
overflow: hidden;
|
||||
overflow-y: scroll;
|
||||
}
|
||||
.zyp-lis::-webkit-scrollbar{
|
||||
display: none;
|
||||
}
|
||||
.li{
|
||||
height: .425rem;
|
||||
line-height: .425rem;
|
||||
color: #FFFFFF;
|
||||
font-size: .175rem;
|
||||
padding: 0 .25rem;
|
||||
}
|
||||
.li:nth-child(2n-1){
|
||||
background: #213771;
|
||||
}
|
||||
.li>span{
|
||||
margin-right: .25rem;
|
||||
}
|
||||
/* 人员信息 */
|
||||
.table{
|
||||
width: 6.35rem;
|
||||
margin-top: .25rem;
|
||||
height: calc(100% - .375rem);
|
||||
border: 1px solid #1B538B;
|
||||
overflow: hidden;
|
||||
}
|
||||
.ry_box{
|
||||
width: 1.95rem;
|
||||
height: .5rem;
|
||||
background: rgba(14,22,95,0.2);
|
||||
box-shadow: inset 0px 0px .2125rem 0px rgba(125,183,240,0.5);
|
||||
}
|
||||
.ry_map{
|
||||
height: calc(100% - .75rem);
|
||||
}
|
||||
.trth{
|
||||
width: 100%;
|
||||
height: .85rem;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
|
||||
}
|
||||
.th{
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
color: #ffffff;
|
||||
font-size: .175rem;
|
||||
justify-content: center;
|
||||
text-align: center;
|
||||
height: 100%;
|
||||
}
|
||||
.th>p{
|
||||
text-align: center;
|
||||
height: 50%;
|
||||
line-height: .425rem;
|
||||
text-align: center;
|
||||
}
|
||||
.b-line{
|
||||
border-bottom: 1px solid #1B538B;
|
||||
}
|
||||
.r-line{
|
||||
border-right: 1px solid #1B538B;
|
||||
}
|
||||
.th>p>span{
|
||||
width: 50%;
|
||||
display: inline-block;
|
||||
text-align: center;
|
||||
height: 100%;
|
||||
line-height: .475rem;
|
||||
}
|
||||
|
||||
.tr{
|
||||
display: flex;
|
||||
color: #FFFFFF ;
|
||||
font-size: .175rem;
|
||||
height: .425rem;
|
||||
line-height: .425rem;
|
||||
}
|
||||
.tr>span{
|
||||
text-align: center;
|
||||
}
|
||||
.tr:nth-child(2n){
|
||||
background-color: rgba(33, 55, 113, .6);
|
||||
}
|
||||
|
||||
.tbody{
|
||||
height: calc(100% - .85rem);
|
||||
overflow: hidden;
|
||||
overflow-y: scroll;
|
||||
}
|
||||
|
||||
.tbody::-webkit-scrollbar{display: none;}
|
||||
/* 工程概况 */
|
||||
.gk-box{
|
||||
height: 100%;
|
||||
}
|
||||
.gk-box>.row{
|
||||
min-height: .425rem;
|
||||
line-height: .425rem;
|
||||
padding: 0 .125rem;
|
||||
font-size: .175rem;
|
||||
color: #63CAFF;
|
||||
word-break: break-all;
|
||||
|
||||
text-overflow: ellipsis;
|
||||
|
||||
display: -webkit-box;
|
||||
|
||||
-webkit-box-orient: vertical;
|
||||
|
||||
-webkit-line-clamp: 2; /* 这里是超出几行省略 */
|
||||
|
||||
overflow: hidden;
|
||||
}
|
||||
.gk-box>.row:nth-child(2n-1){
|
||||
background: rgba(33,55,113,0.4);
|
||||
}
|
||||
.swiper{
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.gk-card{
|
||||
padding: .125rem;
|
||||
width: 2rem;
|
||||
height: .825rem;
|
||||
background-image: url(../imags/17.png);
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: space-between;
|
||||
}
|
||||
.gk-label{
|
||||
font-size: .175rem;
|
||||
color: #ffffff;
|
||||
}
|
||||
.gk-number{
|
||||
width: 100%;
|
||||
text-align: right;
|
||||
}
|
||||
.gj{
|
||||
position: absolute;
|
||||
top: .125rem;
|
||||
right: .25rem;
|
||||
}
|
||||
.gj>span{
|
||||
font-size: .175rem;
|
||||
color: #ffffff;
|
||||
}
|
||||
.gj>span:nth-child(2){
|
||||
color: #E9E931;
|
||||
font-size: .3rem;
|
||||
margin-left: .125rem;
|
||||
}
|
||||
|
||||
|
||||
/* 质量 */
|
||||
.y_zlry {
|
||||
height: .5rem;
|
||||
width: 4.275rem;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
background-image: url(../imags/18.png);
|
||||
padding: 0 .25rem;
|
||||
}
|
||||
|
||||
.y_zlry_label {
|
||||
font-size: .175rem;
|
||||
color: #FFFFFF;
|
||||
}
|
||||
|
||||
.y_zlry_value {
|
||||
color: #63CAFF;
|
||||
font-size: .3rem;
|
||||
}
|
||||
|
||||
.y_zlmap {
|
||||
width: 100%;
|
||||
height: calc(100% - .75rem);
|
||||
}
|
||||
|
||||
.zgmap {
|
||||
flex: 1;
|
||||
}
|
||||
@@ -0,0 +1,132 @@
|
||||
.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);
|
||||
}
|
||||
@@ -0,0 +1,601 @@
|
||||
* {
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: "DIN";
|
||||
src: url("../font/DIN-Medium.otf") format("truetype");
|
||||
}
|
||||
|
||||
html,
|
||||
body {
|
||||
height: 13.5rem;
|
||||
width: 100vw;
|
||||
}
|
||||
|
||||
.wrap {
|
||||
height: 13.5rem;
|
||||
width: 100vw;
|
||||
background-image: url('../imags/bj.jpg');
|
||||
}
|
||||
|
||||
|
||||
html::-webkit-scrollbar {
|
||||
display: none;
|
||||
}
|
||||
|
||||
|
||||
.y_image_default {
|
||||
background-position: center;
|
||||
background-repeat: no-repeat;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
|
||||
.y_row {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
|
||||
}
|
||||
|
||||
.y_column {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
.y_action1 {
|
||||
background: #00FFFF !important;
|
||||
color: #010E3B !important;
|
||||
}
|
||||
|
||||
/* 头部样式 */
|
||||
.y_head {
|
||||
width: 100vw;
|
||||
overflow: hidden;
|
||||
padding: 0 .25rem;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
.y_head>.y_logo {
|
||||
width: 100%;
|
||||
height: .725rem;
|
||||
}
|
||||
|
||||
.y_logo {
|
||||
background-image: url(../imags/01.png);
|
||||
}
|
||||
|
||||
.y_logo>div {
|
||||
flex: 1;
|
||||
}
|
||||
|
||||
.y_title {
|
||||
color: #00FFFF;
|
||||
font-size: .375rem;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.y_navbars {
|
||||
align-items: flex-end;
|
||||
}
|
||||
|
||||
.y_navbars>.y_navbar {
|
||||
width: .85rem;
|
||||
height: .275rem;
|
||||
border-radius: .25rem .25rem .25rem .25rem;
|
||||
border: .0125rem solid #63CAFF;
|
||||
color: #63CAFF;
|
||||
font-size: .15rem;
|
||||
line-height: .275rem;
|
||||
text-align: center;
|
||||
margin-right: .125rem;
|
||||
}
|
||||
|
||||
.y_setting {
|
||||
justify-content: flex-end;
|
||||
align-items: flex-end;
|
||||
}
|
||||
|
||||
.y_set {
|
||||
/* width: .35rem;
|
||||
height: .175rem; */
|
||||
padding-left: .275rem;
|
||||
font-size: .175rem;
|
||||
font-family: Alibaba PuHuiTi 2.0-55 Regular, Alibaba PuHuiTi 20;
|
||||
font-weight: normal;
|
||||
color: #63CAFF;
|
||||
background-position: left center;
|
||||
background-size: .175rem .175rem;
|
||||
margin-left: .25rem;
|
||||
}
|
||||
|
||||
.mine {
|
||||
background-image: url(../imags/02.png);
|
||||
}
|
||||
|
||||
.set {
|
||||
background-image: url(../imags/03.png);
|
||||
}
|
||||
|
||||
.help {
|
||||
background-image: url(../imags/04.png);
|
||||
}
|
||||
|
||||
.exit {
|
||||
background-image: url(../imags/05.png);
|
||||
}
|
||||
|
||||
.full {
|
||||
background-image: url(../imags/06.png);
|
||||
}
|
||||
|
||||
.y_navs {
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.y_navs>.y_nav {
|
||||
width: 1.2rem;
|
||||
height: .425rem;
|
||||
background: #072761;
|
||||
line-height: .425rem;
|
||||
text-align: center;
|
||||
color: #00FFFF;
|
||||
background-image: url(../imags/07.png);
|
||||
margin: .1875rem .25rem;
|
||||
}
|
||||
|
||||
|
||||
/* 内容部分 */
|
||||
|
||||
.y_body {
|
||||
height: 8.325rem;
|
||||
width: 100vw;
|
||||
}
|
||||
|
||||
.y_body>.site {
|
||||
width: 6.5rem;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.y_body>.site:nth-child(1) {
|
||||
padding: 0 .2375rem .25rem .25rem;
|
||||
}
|
||||
|
||||
.y_body>.site:nth-child(2) {
|
||||
width: calc(100% - 13rem);
|
||||
padding-bottom: .25rem;
|
||||
}
|
||||
|
||||
.y_body>.site:nth-child(3) {
|
||||
padding: 0 .25rem .25rem .2375rem;
|
||||
}
|
||||
|
||||
.y_box {
|
||||
width: 6rem;
|
||||
height: 4.85rem;
|
||||
border: 1px solid red;
|
||||
background: rgba(14, 22, 95, 0.3);
|
||||
box-shadow: inset 0px 0px 4px 0px rgba(12, 81, 149, 0.5);
|
||||
border: 1px solid #1B538B;
|
||||
|
||||
}
|
||||
|
||||
.y_box_label {
|
||||
height: .35rem;
|
||||
background-image: url(../imags/09.png);
|
||||
background-size: 2.55rem;
|
||||
text-align: center;
|
||||
line-height: .35rem;
|
||||
font-size: .175rem;
|
||||
color: #ffffff;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.y_box_main {
|
||||
width: 100%;
|
||||
height: calc(100% - .35rem);
|
||||
padding: 0 .25rem;
|
||||
}
|
||||
|
||||
.y_more {
|
||||
position: absolute;
|
||||
top: .125rem;
|
||||
right: .125rem;
|
||||
color: #63CAFF;
|
||||
font-size: .15rem;
|
||||
line-height: .15rem;
|
||||
}
|
||||
|
||||
.y_rs_row {
|
||||
width: 100%;
|
||||
height: 1.25rem;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
}
|
||||
|
||||
.y_rs_item {
|
||||
border: 1px solid #0E4378;
|
||||
width: 2.6875rem;
|
||||
height: 1.25rem;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.y_rs_item_label {
|
||||
padding: .125rem .25rem;
|
||||
color: #63CAFF;
|
||||
font-size: .175rem;
|
||||
background-image: url(../imags/Slice\ 21.png), url(../imags/Slice\ 22.png);
|
||||
background-position: left center, right center;
|
||||
background-repeat: no-repeat;
|
||||
}
|
||||
|
||||
.y_rs_item_value {
|
||||
height: calc(100% - .5rem);
|
||||
width: 100%;
|
||||
background-image: url(../imags/Slice\ 20.png);
|
||||
background-position: 50% center;
|
||||
background-repeat: no-repeat;
|
||||
}
|
||||
|
||||
.y_rs_box {
|
||||
flex: 1;
|
||||
color: #ffffff;
|
||||
justify-content: space-around;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.y_rs_box>.y_rs_number {
|
||||
color: #00FFFF;
|
||||
font-size: .3rem;
|
||||
}
|
||||
|
||||
.y_rs_box>.y_rs_text {
|
||||
font-size: .175rem;
|
||||
}
|
||||
|
||||
.img2 {
|
||||
background-image: url(../imags//Slice\ 20.png), url(../imags//Slice\ 20.png) !important;
|
||||
background-position: 33% center, 66% center !important;
|
||||
}
|
||||
|
||||
|
||||
/* 安全会议数据 */
|
||||
.anj {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background-image: url(../imags/left2-1.png);
|
||||
}
|
||||
|
||||
.anj_row {
|
||||
justify-content: space-between;
|
||||
position: relative;
|
||||
height: 50%;
|
||||
}
|
||||
|
||||
.anj_box {
|
||||
height: 100%;
|
||||
position: absolute;
|
||||
}
|
||||
|
||||
.anj_label {
|
||||
font-size: .175rem;
|
||||
color: #FFFFFF;
|
||||
padding: 0 .5rem;
|
||||
}
|
||||
|
||||
.anj_box1 {
|
||||
left: 0;
|
||||
}
|
||||
|
||||
.anj_box2 {
|
||||
right: 0;
|
||||
}
|
||||
|
||||
.anj_value {
|
||||
color: #63CAFF;
|
||||
font-size: .375rem;
|
||||
/* margin-top: 10%; */
|
||||
}
|
||||
|
||||
/* 居中项目 */
|
||||
.y_top_boxs {
|
||||
justify-content: space-between;
|
||||
}
|
||||
|
||||
.y_top_boxs {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.y_top_box {
|
||||
height: .875rem;
|
||||
width: 2.55rem;
|
||||
background-image: url(../imags/t01.png);
|
||||
justify-content: space-between;
|
||||
padding: 0 .25rem;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.y_top_box_value {
|
||||
font-size: .325rem;
|
||||
}
|
||||
|
||||
.y_top_box_label {
|
||||
font-size: .175rem;
|
||||
}
|
||||
|
||||
.y_video {
|
||||
margin-top: .25rem;
|
||||
height: calc(100% - 1.125rem);
|
||||
width: 100%;
|
||||
display: grid;
|
||||
grid-template-columns: 50% 50%;
|
||||
grid-template-rows: 50% 50%;
|
||||
}
|
||||
|
||||
.video,
|
||||
.videos {
|
||||
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.videos {
|
||||
border: 1px solid #1B538B;
|
||||
}
|
||||
|
||||
.video>video {
|
||||
height: calc(100% - .7rem);
|
||||
width: 100%;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.videos>img {
|
||||
height: calc(100% - .7rem);
|
||||
width: 100%;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.video_title {
|
||||
padding-left: .25rem;
|
||||
height: .35rem;
|
||||
font-size: .175rem;
|
||||
color: #FFFFFF;
|
||||
line-height: .35rem;
|
||||
background: linear-gradient(270deg, rgba(7, 39, 97, 0) 0%, rgba(68, 121, 216, 0.69) 100%);
|
||||
}
|
||||
|
||||
.video_value {
|
||||
padding: 0 .125rem;
|
||||
height: .35rem;
|
||||
font-size: .175rem;
|
||||
color: #7ECEF7;
|
||||
background-color: #0E2C68;
|
||||
line-height: .35rem;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
justify-content: space-between;
|
||||
}
|
||||
|
||||
/* 安全费用等数据 */
|
||||
.y_box1 {
|
||||
justify-content: space-between;
|
||||
margin-bottom: .25rem;
|
||||
}
|
||||
|
||||
.item-label {
|
||||
color: #63CAFF;
|
||||
font-size: .175rem;
|
||||
text-align: center;
|
||||
line-height: .175rem;
|
||||
}
|
||||
|
||||
.item_card {
|
||||
width: 1.6rem;
|
||||
height: 1.025rem;
|
||||
background-color: #172B5C;
|
||||
margin-top: .25rem;
|
||||
padding: .175rem .05rem;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.item_card-label {
|
||||
color: #ffffff;
|
||||
font-size: .175rem;
|
||||
text-align: center;
|
||||
line-height: .175rem;
|
||||
}
|
||||
|
||||
.item_card-value {
|
||||
font-size: .325rem;
|
||||
color: #00FFFF;
|
||||
}
|
||||
|
||||
.y_tabs {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 0;
|
||||
color: #7ECEF7;
|
||||
width: 1.925rem;
|
||||
}
|
||||
|
||||
.y_tabs>span {
|
||||
width: .9625rem;
|
||||
height: .35rem;
|
||||
text-align: center;
|
||||
line-height: .35rem;
|
||||
}
|
||||
|
||||
.y_tab-action {
|
||||
background-image: url(../imags/30.png);
|
||||
color: #FFFFFF !important;
|
||||
}
|
||||
|
||||
/* 隐患排查治理数据 */
|
||||
.pc-item {
|
||||
width: 50%;
|
||||
/* height: 1.875rem; */
|
||||
}
|
||||
|
||||
.pc-item-card {
|
||||
height: .875rem;
|
||||
width: 2.5rem;
|
||||
background-image: url(../imags/r01.png);
|
||||
justify-content: space-around;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.pc-item-card_label {
|
||||
font-size: .175rem;
|
||||
color: #A9DDEE;
|
||||
}
|
||||
|
||||
.pc-item-card_number {
|
||||
font-size: .25rem;
|
||||
color: #2BFAFF;
|
||||
}
|
||||
|
||||
.pc_box-map {
|
||||
height: calc(100% - 2.125rem);
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.body1 {
|
||||
height: 3.275rem;
|
||||
width: 100vw;
|
||||
padding: 0 .25rem;
|
||||
justify-content: space-between;
|
||||
}
|
||||
|
||||
.card1 {
|
||||
width: 3.7084rem;
|
||||
height: 3.275rem;
|
||||
border: 1px solid #1B538B;
|
||||
}
|
||||
|
||||
.card1_title {
|
||||
padding-left: .25rem;
|
||||
height: .35rem;
|
||||
background-image: url(../imags/14.png);
|
||||
color: #FFFFFF;
|
||||
font-size: .175rem;
|
||||
line-height: .35rem;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.card1-body {
|
||||
height: calc(100% - .35rem);
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
/* 故事时间数据 */
|
||||
.sj-box {
|
||||
justify-content: space-between;
|
||||
}
|
||||
|
||||
.sj-box_item {
|
||||
width: 1.65rem;
|
||||
height: .4875rem;
|
||||
padding: 0 .125rem;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
background: #15255E;
|
||||
}
|
||||
|
||||
.sj-item_label {
|
||||
color: #ffffff;
|
||||
font-size: .15rem;
|
||||
}
|
||||
|
||||
.sj-item-number {
|
||||
color: #63CAFF;
|
||||
font-size: .275rem;
|
||||
}
|
||||
|
||||
.sjmap {
|
||||
height: calc(100% - .4875rem);
|
||||
}
|
||||
|
||||
/* 应急管理数据 */
|
||||
.yj-body {
|
||||
background-image: url(../imags/b01.png);
|
||||
display: grid;
|
||||
grid-template-columns: 50% 50%;
|
||||
grid-template-rows: 50% 50%;
|
||||
}
|
||||
|
||||
.yj-number {
|
||||
color: #00FFFF;
|
||||
font-size: .375rem;
|
||||
}
|
||||
|
||||
.yj-label {
|
||||
margin-top: .125rem;
|
||||
color: #63CAFF;
|
||||
font-size: .175rem;
|
||||
}
|
||||
|
||||
.yj-body>div {
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
/* 安全教育 */
|
||||
.aqjy {
|
||||
padding: .25rem;
|
||||
width: 100%;
|
||||
/* grid-template-columns: 100%;
|
||||
grid-template-rows: .725rem .725rem .725rem; */
|
||||
/* grid-template-rows: 50%; */
|
||||
justify-content: space-between;
|
||||
}
|
||||
|
||||
.aqjy>div {
|
||||
height: .725rem;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
/* 安全教育培训人次数数据 */
|
||||
.aqjy>div {
|
||||
padding: .125rem;
|
||||
background: rgba(14, 22, 95, 0.2);
|
||||
box-shadow: inset 0px 0px 17px 0px rgba(125, 183, 240, 0.5);
|
||||
border-radius: 0px 0px 0px 0px;
|
||||
border: 1px solid #19509E;
|
||||
}
|
||||
|
||||
.aqjy-label {
|
||||
color: #ffffff;
|
||||
font-size: .175rem;
|
||||
align-self: flex-start;
|
||||
}
|
||||
|
||||
.aqjy-value {
|
||||
font-size: .2rem;
|
||||
color: #00FFFF;
|
||||
align-self: flex-end;
|
||||
}
|
||||
/* 应急管理数据 */
|
||||
.yj-box{
|
||||
width: 100%; height: 100%;
|
||||
background-image: url(../imags/b03.png);
|
||||
display: grid;
|
||||
grid-template-columns: 50% 50%;
|
||||
grid-template-rows: 50% 50%;
|
||||
}
|
||||
.yj-box>div{
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: flex-start;
|
||||
}
|
||||
.yj-box_label{
|
||||
color: #7ECEF7;
|
||||
font-size: .175rem;
|
||||
}
|
||||
.yj-box_number{
|
||||
font-size: .325rem;
|
||||
color: #00FFFF;
|
||||
}
|
||||
File diff suppressed because one or more lines are too long
Reference in New Issue
Block a user