base.less 1.1 KB
.water_top_box {
  width: 437px;
  flex:1;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: space-between;

  > .half_title {
    width: 437px;
     height: 48px;
    display: flex;
    align-items: center;
    padding-left: 24px;
    box-sizing: border-box;
    background: url('/images/ydhsk/element-18.png');
    background-size: cover;

    > .half_title_text {
      // height: 33px;
      height: 80%;
      display: flex;
      align-items: center;

      > .half_title_text_center {
        color: #fff;
        font-size: 18px;
        font-weight: 800;
        margin-right: 8px;
      }

      > .half_title_text_right {
        color: #bdcae0;
        font-size: 18px;
        font-weight: 500;
      }
    }
  }

  > .water_top_box_main {
    width: 437px;
    flex:1;
    display: flex;
    align-items: center;
    box-sizing: border-box;
    background: linear-gradient(180deg, #051229 0%,#051229aa 88%);
    border: 1px solid ;
    border-image-source: linear-gradient(to bottom, #00AAFF 0% ,#00AAFF 100%);
    border-image-slice: 1;
    border-top: 0;
  }
}