| | |
| | | <div class="gridCont"> |
| | | <div class="grid-content grid-content-1 cont-bg-1" v-throttle @click="toRiskPlatform"> |
| | | <div class="toplayer"> |
| | | <div> |
| | | <img class="iconImg" src="../../assets/newMenu/icon1.png"/> |
| | | <div> |
| | | <div class="itemTit1">安全风险综合预警<br/>预报平台</div> |
| | | <div class="enTit1">Security risk comprehensive early warning and forecast platform</div> |
| | | </div> |
| | | </div> |
| | | </div> |
| | | <img class="bgImg1" src="../../assets/newMenu/card1.png" /> |
| | |
| | | } |
| | | &:hover { |
| | | background-image: radial-gradient(ellipse farthest-side at 50% 100%,#48A3FF 0%,#fff 120%); |
| | | box-shadow: 0 8px 32px rgba(20, 97, 234, 0.4); |
| | | box-shadow: 8px 8px 24px rgba(20,97,234,.2), -8px -8px 24px #fafafa; |
| | | } |
| | | |
| | | .itemTit { |
| | | font-size: 32px; |
| | | font-size: 29px; |
| | | line-height: 36px; |
| | | height: 40%; |
| | | font-family: 'PingFang SC'; |
| | |
| | | left: 0; |
| | | top: 0; |
| | | display: flex; |
| | | align-items: flex-start; |
| | | padding: 40px 20px; |
| | | align-items: center; |
| | | z-index: 99; |
| | | |
| | | &>div{ |
| | | display: flex; |
| | | align-items: flex-start; |
| | | } |
| | | } |
| | | } |
| | | |