108 lines
1.9 KiB
SCSS
108 lines
1.9 KiB
SCSS
.table-box {
|
|
flex-direction: row;
|
|
height: auto;
|
|
font-family: "Source Han Sans CN-Regular", "Source Han Sans CN";
|
|
color: #ffffff;
|
|
}
|
|
.leftBox,
|
|
.rightBox {
|
|
float: left;
|
|
width: 376px;
|
|
}
|
|
.centerBox {
|
|
float: left;
|
|
width: 858px;
|
|
margin: 0 20px;
|
|
}
|
|
.mapBox {
|
|
height: 630px;
|
|
margin-bottom: 20px;
|
|
}
|
|
.blockBox {
|
|
margin-bottom: 20px;
|
|
.blockTitle {
|
|
width: 100%;
|
|
height: 38px;
|
|
margin-bottom: 10px;
|
|
background-image: url("../../../../assets/images/hzImg/xm/titleBg.png");
|
|
background-size: 100% 100%;
|
|
&.blockTitle2 {
|
|
background-image: url("../../../../assets/images/hzImg/xm/titleBg2.png");
|
|
}
|
|
.title {
|
|
margin: 8px 0 0 42px;
|
|
}
|
|
}
|
|
.blockContent {
|
|
padding: 10px 20px;
|
|
background: rgb(39 88 192 / 10%);
|
|
border: 1px solid rgb(39 88 192 / 60%);
|
|
border-radius: 0;
|
|
box-shadow: inset 0 0 2px 2px #051220;
|
|
.playWnd {
|
|
margin: 30px 0 0 400px;
|
|
width: 1000px; /*播放容器的宽和高设定*/
|
|
height: 600px;
|
|
border: 1px solid red;
|
|
}
|
|
}
|
|
.middle-video {
|
|
width: 300px;
|
|
height: 300px;
|
|
}
|
|
.chartContent {
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: space-around;
|
|
height: 234px;
|
|
.chartBox {
|
|
width: 170px;
|
|
height: 170px;
|
|
background-image: url("../../../../assets/images/hzImg/xm/circle.png");
|
|
background-repeat: no-repeat;
|
|
background-size: 100% 100%;
|
|
}
|
|
}
|
|
.detailBox {
|
|
font-size: 12px;
|
|
font-weight: 400;
|
|
line-height: 14px;
|
|
.item {
|
|
display: flex;
|
|
align-items: center;
|
|
margin-bottom: 12px;
|
|
&:last-child {
|
|
margin-bottom: 0;
|
|
}
|
|
.name {
|
|
width: 90px;
|
|
display: inline-flex;
|
|
margin: 0 0 0 12px;
|
|
}
|
|
.rect {
|
|
display: inline-block;
|
|
width: 9px;
|
|
height: 9px;
|
|
&.color1 {
|
|
background: #eea959;
|
|
}
|
|
&.color2 {
|
|
background: #4cc4f8;
|
|
}
|
|
&.color3 {
|
|
background: #6375c7;
|
|
}
|
|
&.color4 {
|
|
background: #ec6266;
|
|
}
|
|
&.color5 {
|
|
background: #82fbea;
|
|
}
|
|
&.color6 {
|
|
background: #4cc4f8;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|