Sinopec-Anxin/src/app/pages/home/home.component.scss

.box {
  width: 100%;
  height: 100%;
  overflow: hidden;
  // background-image: radial-gradient(closest-side at 50% 55%,#03447c, #02325c, #002046);
  background: radial-gradient(closest-side at 50% 55%, #004988 0%, #00122D 100%);
  display: flex;
  flex-direction: column;
}

.menu {
  height: 56px;
  width: 100%;
  display: flex;
  justify-content: center;
  font-size: 17px;
  background: url('../../../assets/images/navbg.png') no-repeat;
  background-size: 100% 100%;
  position: relative;

  li {
    width: 10%;
    height: 46px;
    line-height: 46px;
    text-align: center;
    cursor: pointer;
    font-family: sybold;
    color: #EBFAFF;
  }

}

.backbtn {
  position: absolute;
  right: 26px;
  bottom: 6px;

  button {
    width: 64px;
    height: 32px;
    background: rgba(0, 129, 255, 0.3);
    border: 1px solid #36A2FF;
    border-radius: 0px;
    color: #91CCFF;
  }
}

.warningnumber {
  position: absolute;
  left: 20px;
  top: 0;
  display: flex;
  align-items: flex-start;

  img {
    margin-bottom: 30px;
  }

  .num {
    font-size: 50px;
    text-shadow: 0px 0px 6px #8df;
    color: white;
    font-weight: 600;
    margin-top: -5px;
  }

  .today {
    font-size: 19px;
    font-family: titlefont;
    color: #D0EAFF;
    margin-top: 11px;
    margin-left: 10px;
  }
}

.content {
  flex: 1;
  overflow: hidden;

}

.router-link-active {
  background: linear-gradient(270deg, rgba(35, 153, 255, 0) 0%, #1c8199 50%, rgba(35, 153, 255, 0) 100%);
}