TMS/plg-tms-std-web-vue/public/jq/pages/home/css/home.css

[home] h3 {
  color: #888;
  font-size: 0.18rem;
  font-weight: bold;
}
[home] .home-grid {
  padding: 0.15rem;
  width: 100%;
  height: 100%;
  display: grid;
  grid-gap: 0.2rem;
  grid-template-columns: 1fr 1fr 1fr;
  grid-template-rows: 1fr 1fr 2fr;
}
[home] .home-grid .home-grid-item {
  background: #fff;
}
[home] .home-grid .home-grid-item .plg-flex {
  height: 100%;
  align-items: center;
  justify-content: space-between;
}
[home] .home-grid .home-grid-item-wrap {
  width: 50%;
  display: inline-block;
}
[home] .home-grid .home-grid-item-wrap .title {
  flex: 0 0 0;
  padding: 0 0 20px 0;
}
[home] .home-grid .home-grid-item-wrap .value {
  font-size: 0.38rem;
  font-weight: bold;
}
[home] .home-grid .user-map {
  grid-column: 3 / 4;
  grid-row: 1 / 3;
}
[home] .home-grid .port-map {
  grid-column: 1 / 4;
  grid-row: 3 / 3;
}
[home] [class^="home-icon-"] {
  margin-left: 25%;
  display: inline-block;
  width: 0.8rem;
  height: 0.8rem;
  background: no-repeat center center;
  background-size: cover;
}
[home] .home-icon-a {
  background-image: url(/ops/images/home/ill_registration.png);
}
[home] .home-icon-b {
  background-image: url(/ops/images/home/ill_service.png);
}
[home] .home-icon-c {
  background-image: url(/ops/images/home/ill_instance.png);
}
[home] .home-icon-d {
  background-image: url(/ops/images/home/ill_interface.png);
}
[home] .title {
  padding: 0.15rem;
}