| | |
|---|
| | | width: 100%; |
|---|
| | | } |
|---|
| | | |
|---|
| | | .homePage-main { |
|---|
| | | height: 100vh; |
|---|
| | | background-color: #EFF8FF; |
|---|
| | | } |
|---|
| | | |
|---|
| | | .main { |
|---|
| | | padding: 16rpx var(--padding-my); |
|---|
| | | } |
|---|
| | | |
|---|
| | | .main_title { |
|---|
| | | padding: var(--padding-my) 0 24rpx; |
|---|
| | | font-size: 32rpx; |
|---|
| | | line-height: 48rpx; |
|---|
| | | } |
|---|
| | | |
|---|
| | | .main_subTitle { |
|---|
| | | font-size: 32rpx; |
|---|
| | | line-height: 48rpx; |
|---|
| | | } |
|---|
| | | |
|---|
| | | .main_color { |
|---|
| | | color: var(--main-color); |
|---|
| | | } |
|---|
| | | |
|---|
| | | .flex { |
|---|
| | | display: flex; |
|---|
| | | gap: 30rpx; |
|---|
| | | |
|---|
| | | } |
|---|
| | | |
|---|
| | | .flex_1 { |
|---|
| | | flex: 1; |
|---|
| | | color: #fff; |
|---|
| | | padding: 12px; |
|---|
| | | border-radius: 4px; |
|---|
| | | } |
|---|
| | | |
|---|
| | | .flex_2 { |
|---|
| | | flex: 1; |
|---|
| | | padding: 12px; |
|---|
| | | border-radius: 4px; |
|---|
| | | display: flex; |
|---|
| | | gap: 16rpx; |
|---|
| | | } |
|---|
| | | |
|---|
| | | .flex_2_image { |
|---|
| | | width: 166rpx; |
|---|
| | | height: 100rpx; |
|---|
| | | } |
|---|
| | | |
|---|
| | | .flex_2_image1 { |
|---|
| | | width: 96rpx; |
|---|
| | | height: 96rpx; |
|---|
| | | } |
|---|
| | | |
|---|
| | | .flex_dt { |
|---|
| | | display: flex; |
|---|
| | | justify-content: space-between; |
|---|
| | | } |
|---|
| | | |
|---|
| | | .flex_zy_title { |
|---|
| | | color: rgba(23, 26, 29, 0.60); |
|---|
| | | font-size: 28rpx; |
|---|
| | | white-space: nowrap; |
|---|
| | | } |
|---|
| | | |
|---|
| | | .flex_num { |
|---|
| | | font-family: DingTalk; |
|---|
| | | color: var(--main-color); |
|---|
| | | font-size: 20px; |
|---|
| | | line-height: 28px; |
|---|
| | | } |
|---|
| | | |
|---|
| | | .flex_dt_more { |
|---|
| | | color: rgba(26, 111, 184, 0.60); |
|---|
| | | display: flex; |
|---|
| | | align-items: center; |
|---|
| | | } |
|---|
| | | |
|---|
| | | .flex_dt_more_img { |
|---|
| | | width: 14px; |
|---|
| | | height: 14px; |
|---|
| | | } |
|---|
| | | |
|---|
| | | .dt_card { |
|---|
| | | border-radius: 2px; |
|---|
| | | background-color: #fff; |
|---|
| | | display: flex; |
|---|
| | | justify-content: space-between; |
|---|
| | | padding: 8px 12px; |
|---|
| | | } |
|---|
| | | |
|---|
| | | .dt_card_l { |
|---|
| | | flex: 2; |
|---|
| | | } |
|---|
| | | |
|---|
| | | .dt_card_time { |
|---|
| | | color: rgba(23, 26, 29, 0.40); |
|---|
| | | } |
|---|
| | | |
|---|
| | | .dt_card_r { |
|---|
| | | flex: 1; |
|---|
| | | background: #ef6c24; |
|---|
| | | } |
|---|
| | | |
|---|
| | | .dt_card_title { |
|---|
| | | margin-bottom: 4px; |
|---|
| | | } |
|---|
| | | |
|---|
| | | .flex_blue { |
|---|
| | | background: linear-gradient(90deg, #5fa6d4, #3a8ac6 50%, #1a6fb8 100%); |
|---|
| | | } |
|---|
| | | |
|---|
| | | .flex_orange { |
|---|
| | | background: linear-gradient(90deg, #ffa940, #fa8c16 50%, #ef6c24 100%); |
|---|
| | | } |
|---|
| | | |
|---|
| | | .flex_green { |
|---|
| | | background: linear-gradient(90deg, #36cfc9, #13c2c2 50%, #08979c 100%); |
|---|
| | | } |
|---|
| | | |
|---|
| | | .marginTop_12 { |
|---|
| | | margin-top: 24rpx; |
|---|
| | | } |
|---|
| | | |
|---|
| | | .mediate { |
|---|
| | | height: 140rpx; |
|---|
| | | height: 92rpx; |
|---|
| | | background-color: #fff; |
|---|
| | | border-radius: 4px; |
|---|
| | | display: flex; |
|---|
| | | align-items: center; |
|---|
| | | padding: 0 32rpx; |
|---|
| | | justify-content: space-between; |
|---|
| | | } |
|---|
| | | |
|---|
| | | .mediate-image { |
|---|
