| | |
| | | <style scoped lang="scss"> |
| | | .synergy { |
| | | width: 390px; |
| | | height: hToV(108); |
| | | height: 108px; |
| | | background: linear-gradient( |
| | | 270deg, |
| | | #1f3e7a 0%, |
| | |
| | | rgba(31, 62, 122, 0) 100% |
| | | ); |
| | | opacity: 0.85; |
| | | margin: hToV(2) 0 hToV(13) 0; |
| | | margin: 2px 0 13 0; |
| | | display: flex; |
| | | justify-content: space-between; |
| | | padding: hToV(11) 27px 0; |
| | | padding: 11px 27px 0; |
| | | |
| | | .synergy-item { |
| | | width: 95px; |
| | | height: hToV(77); |
| | | padding-top: hToV(7); |
| | | height: 77px; |
| | | padding-top: 7px; |
| | | background: url('@/assets/images/home/homeRight/synergyBg.png') no-repeat center center / 100% 100%; |
| | | |
| | | .title { |
| | |
| | | text-align: center; |
| | | font-style: normal; |
| | | text-transform: none; |
| | | margin-bottom: hToV(4); |
| | | margin-bottom: 4px; |
| | | } |
| | | |
| | | .value { |
| | |
| | | font-weight: 400; |
| | | font-size: 26px; |
| | | color: #ffffff; |
| | | line-height: hToV(26); |
| | | line-height: 26px; |
| | | font-style: normal; |
| | | text-transform: none; |
| | | text-align: center; |