191 lines
3.1 KiB
CSS
191 lines
3.1 KiB
CSS
body {
|
|
background-image: url('../images/backimg.png');
|
|
background-size: 100% 100%;
|
|
z-index: -100;
|
|
width: 120rem;
|
|
height: 61rem;
|
|
margin: 0;
|
|
padding: 0;
|
|
box-sizing: border-box;
|
|
max-height: 61rem;
|
|
max-width: 118rem;
|
|
display: flex;
|
|
}
|
|
|
|
.mainContent {
|
|
display: flex;
|
|
/* background-color: antiquewhite; */
|
|
width: 116rem;
|
|
height: 51rem;
|
|
margin-left: 2.5rem;
|
|
|
|
}
|
|
|
|
.boxLevelOne {
|
|
display: flex;
|
|
/* padding-left: .625rem; */
|
|
margin-right: .75rem;
|
|
|
|
}
|
|
|
|
.leftBoxLevelOne {
|
|
flex: 3;
|
|
/* background-color: blue; */
|
|
flex-direction: column;
|
|
|
|
}
|
|
|
|
.midBoxLevelOne {
|
|
flex: 5;
|
|
position: relative;
|
|
display: flex;
|
|
flex-direction: column;
|
|
border: .0625rem solid rgba(204, 252, 253, 0.3);
|
|
border-radius: 1.5rem;
|
|
|
|
}
|
|
|
|
.rightBoxLevelOne {
|
|
flex: 3;
|
|
/* background-color:yellow ; */
|
|
flex-direction: column;
|
|
|
|
}
|
|
|
|
.boxLevelTwo {
|
|
flex: 1;
|
|
/* background-color: hotpink; */
|
|
position: relative;
|
|
}
|
|
|
|
/* 二级标题图片 */
|
|
.boxLevelTwoHeaderPic {
|
|
width: 29.0625rem;
|
|
/* 宽度 */
|
|
height: 2.4375rem;
|
|
opacity: .51;
|
|
/* 高度 */
|
|
}
|
|
|
|
.boxLevelTwo {
|
|
border: .0625rem solid rgba(204, 252, 253, 0.3);
|
|
border-radius: .6rem;
|
|
}
|
|
|
|
|
|
|
|
.boxLevelTwoFst {
|
|
margin-bottom: 1rem;
|
|
|
|
}
|
|
|
|
.boxLevelTwoText {
|
|
position: absolute;
|
|
top: .6rem;
|
|
left: 2.1rem;
|
|
font-size: 1.125rem;
|
|
font-weight: bold;
|
|
color: #FFFFFF;
|
|
letter-spacing: .3rem;
|
|
}
|
|
|
|
|
|
.faceContentBox {
|
|
padding-left: 1.25rem;
|
|
padding-right: 1.25rem;
|
|
position: relative;
|
|
|
|
}
|
|
|
|
.faceContentTable {
|
|
width: 100%;
|
|
|
|
|
|
}
|
|
|
|
tbody {
|
|
height: 14.5rem;
|
|
overflow: auto;
|
|
display: block;
|
|
scroll-behavior: smooth;
|
|
}
|
|
|
|
.faceContentRow {
|
|
width: 100%;
|
|
background: linear-gradient(to bottom, rgba(47, 47, 214, .6), rgba(255, 255, 255, .7));
|
|
display: flex;
|
|
height: 2.1rem;
|
|
/* 底部边框为2像素宽的黑色边框 */
|
|
}
|
|
|
|
.faceContentRowPrime {
|
|
background-color: RGBA(13, 31, 75, .8);
|
|
display: flex;
|
|
}
|
|
|
|
.faceContentRowEven {
|
|
background-color: RGBA(6, 19, 48, .9);
|
|
display: flex;
|
|
|
|
}
|
|
|
|
.faceContentColume {
|
|
font-size: 1rem;
|
|
padding-top: .3rem;
|
|
padding-bottom: .4rem;
|
|
text-align: center;
|
|
height: 2rem;
|
|
color: #FFFFFF;
|
|
|
|
}
|
|
|
|
.faceContentColumeSort {
|
|
/* border: #51AEFE 1px solid; */
|
|
flex: 1
|
|
}
|
|
|
|
.faceContentColumeIPAddr {
|
|
/* border: #55636f 1px solid; */
|
|
text-align: center;
|
|
flex: 2
|
|
}
|
|
|
|
.faceContentColumeDate {
|
|
/* border: #2f6ca2 1px solid; */
|
|
flex: 2
|
|
}
|
|
|
|
.faceContentColumeTime {
|
|
/* border: #530303 1px solid; */
|
|
flex: 1
|
|
}
|
|
|
|
|
|
.myEcharts {
|
|
width: 90%;
|
|
height: 90%;
|
|
margin-left: 5%;
|
|
/* background-color: #51AEFE; */
|
|
}
|
|
|
|
.resultHeader {
|
|
width: 100%;
|
|
height: 3.0625rem;
|
|
}
|
|
|
|
.el-upload-list__item-thumbnail,
|
|
.el-upload-list__item,
|
|
.el-upload-list__item-actions>li {
|
|
width: calc(var(--custom-size) *4.6) !important;
|
|
background-color: transparent;
|
|
border-radius: 0rem;
|
|
}
|
|
|
|
|
|
.el-upload-dragger,
|
|
.el-upload {
|
|
height: calc(var(--custom-size) *3.0) !important;
|
|
width: calc(var(--custom-size) *4.6) !important;
|
|
background-color: transparent !important;
|
|
border-radius: 0rem;
|
|
} |