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% 115%;
  position: relative;
  .libox{
    width: 33%;
    display: flex;
    li {
      flex: 1;
      height: 52px;
      line-height: 52px;
      text-align: center;
      cursor: pointer;
      font-family: sybold;
      color: #EBFAFF;
    }
  }
 

}

.boxleft {
  position: absolute;
  left: 24px;
  top: 16px;
  img{
    width: 154px;
  }
}

.boxright {
  position: absolute;
  right: 24px;
  top: 12px;
  display: flex;
  align-items: center;

  span {
    font-size: 16px;
    color: #FFFFFF;
    opacity: 0.6;
  }

  img {
    width: 36px;
    height: 36px;
  }
}


.backbtn {
  position: absolute;
  left: 205px;
  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%);

  background: linear-gradient(270deg, rgba(35, 153, 255, 0) 0%, #36A2FF 50%, rgba(35, 153, 255, 0) 100%);
}