html,
    body {
      width: 100%;
      height: 100%;
      margin: 0;
      padding: 0;
    }

    .source {
      width: 100%;
      height: 100%;
      overflow: scroll;
    }

    .source_top {
      height: 146px;
      width: 100%;

    }

    .source_top img {
      width: 100%;
      height: 100%;
    }

    .source_container {
      width: 100%;
      height: calc(100% - 174px);
      position: relative;
    }

    .source_list {
      width: 100%;
      background: #FFFFFF;
      border-radius: 30px 30px 0px 0px;
      box-sizing: border-box;
      position: absolute;
      top: -36px;
      left: 50%;
      transform: translateX(-50%);
    }

    .list_title {
      width: calc(100% - 40px);
      margin: 0 auto;
      height: 26px;
      font-size: 19px;
      font-weight: 500;
      color: #5E677D;
      line-height: 26px;
      margin-top: 23px;
      overflow: hidden;
    }

    .list_label {
      width: calc(100% - 40px);
      margin: 20px auto 0;
      font-size: 12px;
      font-weight: 400;
      color: #B7BCC4;
      line-height: 16px;
      padding-left: 4px;
    }

    .list_label img {
      width: 16px;
      height: 16px;
      vertical-align: middle;
    }

    .list_richText {
      width: calc(100% - 40px);
      margin: 16px auto 0;
      min-height: 300px;
      background: #F9F9F9;
      border-radius: 10px;
    }