Bonus-AI-LargeScreen/src/assets/styles/updateFace.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;
}