.box {
  width: 100%;
  height: 700px;
  color: #fff;
  display: flex;
  flex-direction: column;
}

.titlebox {
  width: 100%;
  height: 48px;
  background: #041d3c;
  display: flex;
  align-items: center;

  .title {
    width: 100%;
    height: 32px;
    background: linear-gradient(270deg, rgba(35, 153, 255, 0) 0%, rgba(35, 153, 255, 0.57) 50%, rgba(35, 153, 255, 0) 100%);
    display: flex;
    justify-content: center;

    div {
      width: 120px;
      height: 32px;
      text-align: center;
      line-height: 32px;
      font-family: sybold;
      font-size: 16px;
      position: relative;
        cursor: pointer;
        margin: 0 18px;
      .border {
        position: absolute;
        bottom: -7px;
        left: -18px;
        width: 120px;
        height: 4px;
      }
    }

    .selected {
      background: linear-gradient(90deg, #1662a9 0%, #25b7d4 50%, #1662a9 100%);

      .border {
        background: linear-gradient(90deg, rgba(35, 217, 255, 0) 0%, #25b7d4 50%, rgba(35, 217, 255, 0) 100%);
      }

    }
  }
}

.ant-modal-close {
  color: #fff;
}

.content {
  flex: 1;
  box-sizing: border-box;
  padding: 18px;
}