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.
149 lines
2.2 KiB
149 lines
2.2 KiB
.upItem {
|
|
height: 90px;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: space-between;
|
|
}
|
|
|
|
.upItemLeft {
|
|
display: flex;
|
|
display: flex;
|
|
align-items: center;
|
|
|
|
}
|
|
|
|
.upLeftIcon {
|
|
width: 46px;
|
|
height: 46px;
|
|
border-radius: 50%;
|
|
background-color: rgba(255, 255, 255, 0.364705882352941);
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
margin: 0 20px;
|
|
}
|
|
|
|
.upLeftText {
|
|
color: #fff;
|
|
font-size: 18px;
|
|
}
|
|
|
|
.upItemRight {
|
|
color: #fff;
|
|
font-size: 30px;
|
|
margin-right: 20px;
|
|
}
|
|
|
|
.middleItem {
|
|
background: #fff;
|
|
height: 255px;
|
|
}
|
|
|
|
.middleTtile {
|
|
padding: 10px 0 30px 10px;
|
|
}
|
|
|
|
.middleTtileOther {
|
|
padding: 10px 0 10px 10px;
|
|
}
|
|
|
|
.middleItemC {
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: space-between;
|
|
margin-bottom: 30px;
|
|
}
|
|
|
|
.middleItemCLeft {
|
|
display: flex;
|
|
align-items: center;
|
|
margin-left: 30px;
|
|
}
|
|
|
|
.middleCLeftIcon {
|
|
margin-right: 10px;
|
|
}
|
|
|
|
.middleItemCRight {
|
|
display: flex;
|
|
align-items: center;
|
|
margin-right: 20px;
|
|
}
|
|
|
|
.middleCRightNum {
|
|
font-size: 18px;
|
|
}
|
|
|
|
.middleCRightUnit {
|
|
color: #AAAAAA;
|
|
}
|
|
|
|
.xmdbItem {
|
|
display: flex;
|
|
align-items: flex-start;
|
|
justify-content: center;
|
|
height: 95px
|
|
}
|
|
|
|
.gdInner {
|
|
height: 83px;
|
|
display: flex;
|
|
padding: 10px;
|
|
}
|
|
|
|
.gdItem {
|
|
height: 100%;
|
|
width: 100%;
|
|
border: 1px solid #E1E1E1;
|
|
}
|
|
|
|
.gdItemUp {
|
|
height: 41px;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: space-between;
|
|
|
|
}
|
|
|
|
.gdItemUpTitle {
|
|
font-weight: bolder;
|
|
margin-left: 15px;
|
|
}
|
|
|
|
.gdItemUpStatus {
|
|
padding: 2px 5px 2px 5px;
|
|
background: #F59A23;
|
|
color: #fff;
|
|
margin-right: 15px;
|
|
}
|
|
|
|
.gdItemDown {
|
|
height: 41px;
|
|
display: flex;
|
|
align-items: center;
|
|
color: #AAAAAA;
|
|
margin-left: 15px;
|
|
|
|
}
|
|
|
|
.downItem {
|
|
background: #fff;
|
|
height: 410px;
|
|
}
|
|
|
|
.divColor1 {
|
|
background: #3B9FFF;
|
|
}
|
|
|
|
.divColor2 {
|
|
background: #33CABB;
|
|
}
|
|
|
|
.divColor3 {
|
|
background: #F59A23;
|
|
}
|
|
|
|
.divColor4 {
|
|
background: #BE95FF;
|
|
|
|
} |