* {
  box-sizing: border-box;
}
.body {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow-x: hidden !important;
  overflow-y: scroll !important;
  background: #FFFFFF;
  .body_c {
    display: block;
    .g_t {
      display: block;
      position: relative;
      min-height: 2.7rem;
      background: #00C79C url(../assets/bg01.png) no-repeat;
      background-position: 4.2rem top;
      background-size: 3rem 2.71rem;
      padding: 0.4rem;
      font-size: 0.48rem;
      font-weight: 600;
      color: #FFFFFF;
      line-height: 0.65rem;
      p {
        font-size: 0.24rem;
        font-weight: 400;
        color: #99FFE9;
        line-height: 0.4rem;
        margin-top: 0.3rem;
      }
    }
    .g_b {
      display: block;
      padding: 0.4rem 0.3rem;
      .g_b_p {
        .g_b_i {
          position: relative;
          height: 1.2rem;
          background: #F5F5F5;
          border-left: 0.08rem solid #00C79C;
          padding: 0 0.8rem 0 0.22rem;
          flex-direction: row;
          justify-content: space-between;
          align-items: center;
          font-size: 0.36rem;
          font-weight: 500;
          color: #444444;
          margin-bottom: 0.2rem;
          &:after {
            content: '';
            position: absolute;
            right: 0.3rem;
            width: 0.32rem;
            height: 0.2rem;
            background: url(../assets/icon01.png) center no-repeat;
            background-size: contain;
          }
          &.g_b_i_a:after {
            background-image: url(../assets/icon02.png);
          }
        }
        .g_b_c {
          display: none;
          &.g_b_c_a {
            display: flex;
          }
          .g_b_c_i {
            padding: 0.3rem 0.2rem 0.24rem;
            font-size: 0.28rem;
            font-weight: 400;
            color: #333333;
            line-height: 0.4rem;
            border-bottom: 1px solid #EDEDED;
          }
        }
      }
    }
  }
}