* {
  box-sizing: border-box;
}
.body {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #F8F8F8;
  .body_t {
    flex: 1;
    overflow-x: hidden !important;
    overflow-y: scroll !important;
    -webkit-overflow-scrolling : touch;
    .body_c {
      display: block;
      position: relative;
      padding: 0.3rem;
      .b_t_bg {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        height: 3.2rem;
        background: url(../assets/bg01.png) center -1.25rem no-repeat;
        background-size: cover;
        z-index: -1;
      }
      .b_t_box {
        background: #FFFFFF;
        border-radius: 0.3rem;
        padding: 0.1rem;
        margin-bottom: 0.4rem;
        .b_t_box_c {
          position: relative;
          border-radius: 0.26rem;
          border: 0.02rem solid rgba(229, 36, 131, .05);
          align-items: center;
          padding: 1.8rem 0.3rem 0.4rem;
          z-index: 0;
          &:before {
            content: '';
            width: 5.92rem;
            height: 0.85rem;
            background: url(../assets/icon01.png) center no-repeat;
            background-size: contain;
            position: absolute;
            top: 0.16rem;
            z-index: -1;
          }
          .b_t_box_c_i {
            position: relative;
            margin-bottom: 0.8rem;
            &:after {
              content: '';
              width: 1.05rem;
              height: 1.03rem;
              background: url(../assets/icon04.png) center no-repeat;
              background-size: contain;
              position: absolute;
              right: -0.57rem;
              bottom: -0.11rem;
            }
            img {
              display: block;
              width: 2.64rem;
              height: 4rem;
              object-fit: cover;
            }
          }
          .b_t_box_i {
            width: 100%;
            flex-direction: row;
            justify-content: space-between;
            font-size: 0.32rem;
            color: #072315;
            line-height: 0.45rem;
            margin-bottom: 0.2rem;
            span {
              color: #999999;
            }
          }
        }
      }
      .b_title {
        flex-direction: row;
        justify-content: center;
        align-items: center;
        font-size: 0.30rem;
        font-weight: 500;
        color: #333333;
        margin-top: 0.3rem;
        margin-bottom: 0.3rem;
        &:before,&:after {
          content: '';
          width: 0.38rem;
          height: 0.12rem;
          background: url(../assets/icon06.png) center no-repeat;
          background-size: contain;
          margin: 0 0.24rem;
        }
        &:after {
          background-image: url(../assets/icon05.png);
        }
      }
      .b_c_box {
        border-radius: 0.12rem;
        padding: 0.4rem 0.3rem 0;
        margin-bottom: 0.2rem;
        background: #FFFFFF url(../assets/icon03.png) no-repeat;
        background-position: 4.28rem center;
        background-size: 2.44rem 2.44rem;
        .b_c_box_i {
          flex-direction: row;
          font-size: 0.3rem;
          font-weight: 600;
          color: #333333;
          margin-bottom: 0.2rem;
          span {
            width: 1.4rem;
            font-weight: 400;
          }
        }
        .b_c_box_b {
          border-top: 0.02rem solid #F7F7F7;
          flex-direction: row;
          padding: 0.3rem 0;
          font-size: 0.24rem;
          color: #999999;
          span {
            margin-right: 0.34rem;
          }
        }
      }
    }
  }
  .body_b {
    height: 0.98rem;
    background: #FFFFFF;
    justify-content: center;
    align-items: center;
    .btn {
      width: 6rem;
      height: 0.8rem;
      background: #E53082;
      border-radius: 0.4rem;
      justify-content: center;
      align-items: center;
      font-size: 0.32rem;
      font-weight: 600;
      color: #FFFFFF;
    }
  }
}
.normal{
  height: 1.47rem;
  width: 100%;
  background-color: #FFF;
  border-radius: .12rem;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  .icon{
    height: .36rem;
    width: .36rem;
    background: url(../assets/icon.png) center center no-repeat;
    background-size: 100% 100%;
    margin-right: .16rem;
  }
  .text{
    font-size: .3rem;
    color: #999999;
  }
}