100 lines
2.6 KiB
Plaintext
100 lines
2.6 KiB
Plaintext
.TodayTrendBox {
|
|
width: 100%;
|
|
box-sizing: border-box;
|
|
// padding: 20px 20px 0;
|
|
|
|
.TodayTrendUnit {
|
|
width: 100%;
|
|
display: flex;
|
|
justify-content: space-between;
|
|
color: #686B79;
|
|
font-family: Microsoft YaHei, Microsoft YaHei;
|
|
font-weight: 400;
|
|
font-size: 10px;
|
|
text-align: center;
|
|
font-style: normal;
|
|
box-sizing: border-box;
|
|
padding: 0 10px;
|
|
margin-top: 10px;
|
|
}
|
|
|
|
|
|
.TodayTrendContent {
|
|
width: 100%;
|
|
margin-top: 5px;
|
|
|
|
.TodayTrend {
|
|
width: 100%;
|
|
height: 170px;
|
|
}
|
|
}
|
|
|
|
.onlineServiceBox {
|
|
width: 100%;
|
|
margin-top: 24px;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: space-between;
|
|
|
|
.onlineServiceItem {
|
|
width: calc((100% - 10px) /2);
|
|
height: 66px;
|
|
box-sizing: border-box;
|
|
padding: 10px 15px;
|
|
background: linear-gradient(180deg, rgba(0, 148, 255, 0.1) 0%, rgba(0, 148, 255, 0) 100%);
|
|
display: flex;
|
|
align-items: center;
|
|
|
|
|
|
.onlineServiceItemLeft {
|
|
width: 46px;
|
|
height: 46px;
|
|
margin-right: 10px;
|
|
|
|
.onlineServiceItemImg {
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
}
|
|
|
|
.onlineServiceItemRight {
|
|
flex: 1;
|
|
|
|
.onlineServiceItemRightTop {
|
|
font-family: "Microsoft YaHei";
|
|
font-weight: 400;
|
|
font-size: 14px;
|
|
color: #FFFFFF;
|
|
text-align: left;
|
|
font-style: normal;
|
|
}
|
|
|
|
.onlineServiceItemRightBottom {
|
|
display: flex;
|
|
align-items: flex-end;
|
|
justify-content: space-between;
|
|
|
|
.onlineServiceItemBottomLeft {
|
|
font-family: Impact;
|
|
font-weight: 400;
|
|
font-size: 25px;
|
|
color: #FFFFFF;
|
|
letter-spacing: 2px;
|
|
text-align: right;
|
|
font-style: normal;
|
|
}
|
|
|
|
.onlineServiceItemBottomUnit {
|
|
font-family: Inter, Inter;
|
|
font-weight: 400;
|
|
font-size: 12px;
|
|
color: #7C8693;
|
|
text-align: right;
|
|
font-style: normal;
|
|
}
|
|
}
|
|
}
|
|
|
|
}
|
|
}
|
|
} |