.header_container {

  header {
    width: 100%;
    height: 70px;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    font-size: 40px;
    color: #fff;
    text-align: center;
    padding-top: 10px;
    font-weight: bold;
    position: absolute;

    .back {
      position: absolute;
      top: 10px;
      left: 10px;
      cursor: pointer;
      font-size: 14px;
      font-weight: normal;
    }

    .title {
      background-image: linear-gradient(to bottom, #5bb4f7, #ffffff);
      -webkit-background-clip: text;
      background-clip: text;
      -webkit-text-fill-color: transparent;
      font-size: 34px;
    }

    .guang {
      background-size: 100% 100%;
      background-repeat: no-repeat;
      width: 707px;
      height: 85px;
      position: absolute;
      top: 25px;
      left: 50%;
      animation: headerContainerScale 2s infinite;

      @keyframes headerContainerScale {
        0% {
          transform: translateX(-50%) scale(1);
        }

        50% {
          transform: translateX(-50%) scale(0.5);
        }

        100% {
          transform: translateX(-50%) scale(1);
        }
      }
    }
    .time{
      position: absolute;
      right: 20px;
      top: 20px;
      font-size: 14px;
      border-style: solid;
      border-width: 1px;
      border-color: rgba(12,108,177,0.2);
      background-image: -moz-linear-gradient( 90deg, rgb(14,26,90) 0%, rgb(16,26,74) 100%);
      background-image: -webkit-linear-gradient( 90deg, rgb(14,26,90) 0%, rgb(16,26,74) 100%);
      background-image: -ms-linear-gradient( 90deg, rgb(14,26,90) 0%, rgb(16,26,74) 100%);
      box-shadow: inset 0px 3px 7px 0px rgba(21, 50, 102, 0.35);
      font-weight: normal;
      padding: 5px 10px;
      border-radius: 20px;
      color: #ffffff;
      z-index: 9999;
    }
  }
}
