You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
124 lines
3.2 KiB
124 lines
3.2 KiB
.home-page-content {
|
|
padding: 24px;
|
|
background: #F9F9F9;
|
|
.top-number {
|
|
display: flex;
|
|
justify-content: flex-start;
|
|
.top-number-item {
|
|
width: 527px;
|
|
height: 152px;
|
|
background: #FFFFFF;
|
|
.top-number-content {
|
|
padding: 26px;
|
|
.top-number-content-title {
|
|
font-size: 19px;
|
|
font-weight: 600;
|
|
color: #333333;
|
|
display: flex;
|
|
justify-content: center;
|
|
}
|
|
.top-number-content-tag {
|
|
width: 213px;
|
|
height: 35px;
|
|
background: #F9F9F9;
|
|
border-radius: 21px;
|
|
display: flex;
|
|
justify-content: space-between
|
|
};
|
|
.top-number-total {
|
|
font-size: 35px;
|
|
font-family: MiSans-Bold, MiSans;
|
|
font-weight: bold;
|
|
color: rgba(0, 0, 0, 0.85);
|
|
line-height: 85px;
|
|
}
|
|
}
|
|
};
|
|
.grey-line {
|
|
width: 1px;
|
|
height: 93px;
|
|
margin-top: 29.5px;
|
|
background: #E8E8E8;
|
|
}
|
|
.top-number-item-small {
|
|
width: 260px;
|
|
height: 152px;
|
|
background: #FFFFFF;
|
|
.top-number-content {
|
|
padding: 26px 0px 0px 25px;
|
|
.top-number-content-title {
|
|
font-size: 17px;
|
|
font-weight: 400;
|
|
color: #333333;
|
|
display: flex;
|
|
justify-content: center;
|
|
}
|
|
.top-number-total {
|
|
font-size: 27px;
|
|
font-family: MiSans-Bold, MiSans;
|
|
font-weight: bold;
|
|
color: rgba(0, 0, 0, 0.85);
|
|
line-height: 90px;
|
|
}
|
|
}
|
|
}
|
|
};
|
|
.grey-line-cross {
|
|
width: 90%;
|
|
margin-left: 24px;
|
|
height: 1px;
|
|
background: #E8E8E8;
|
|
}
|
|
|
|
}
|
|
.average {
|
|
font-size: 16px;
|
|
font-weight: 400;
|
|
color: #999999;
|
|
}
|
|
.average-number {
|
|
font-size: 16px;
|
|
font-family: MiSans-Regular, MiSans;
|
|
font-weight: 700;
|
|
color: rgba(0, 0, 0, 0.85);
|
|
}
|
|
.bottom-table {
|
|
padding: 11px 24px 0px 24px;
|
|
background: #FFF;
|
|
display: flex;
|
|
justify-content: space-between;
|
|
}
|
|
.chart-content {
|
|
padding: 0px 24px 24px 24px;
|
|
background: #FFF;
|
|
width: 1486px;
|
|
height: 280px;
|
|
.chart-item {
|
|
width: 70%;
|
|
height: calc(115%);
|
|
}
|
|
.chart-title {
|
|
font-size: 20px;
|
|
font-family: MiSans-Regular, MiSans;
|
|
font-weight: 700;
|
|
color: rgba(0, 0, 0, 0.85);
|
|
}
|
|
}
|
|
.transValue-number {
|
|
font-size: 19px;
|
|
font-family: MiSans-Bold, MiSans;
|
|
font-weight: bold;
|
|
color: #3AA0FF;
|
|
line-height: 29px;
|
|
}
|
|
.table-content {
|
|
padding: 0px 24px 24px 24px;
|
|
background: #FFF;
|
|
}
|
|
.middle-charts {
|
|
padding: 11px 24px 0px 24px;
|
|
background: #FFF;
|
|
display: flex;
|
|
justify-content: space-between;
|
|
}
|