.index_container {
  width: 100%;
  min-height: 100vh;
  background: rgba(247, 247, 247, 1);
  padding-bottom: 1.8rem;
  .index_top {
    height: 3.62rem;
    .index_head {
      width: 100%;
      height: 2.82rem;
      background-image: url(../assets/index/topbg11.png);
      background-size: 100% 100%;
      .index_head_top {
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        padding: 0.26rem 0.26rem 0.2rem;
        box-sizing: border-box;
        .index_head_left {
          .index_head_left_p {
            margin: 0;
            .index_head_left_name {
              font-size: 0.36rem;
              font-weight: 600;
              color: rgba(77, 77, 77, 1);
              line-height: 0.5rem;
              margin-right: 0.15rem;
            }
            .index_head_left_a {
              margin-left: 0.15rem;
              font-size: 0.24rem;
              font-weight: 500;
              color: rgba(117, 117, 117, 1);
              line-height: 0.33rem;
            }
          }
          .index_head_left_endtime {
            font-size: 0.2rem;
            margin: 0;
            font-weight: 600;
            color: rgba(94, 94, 94, 1);
            line-height: 0.28rem;
          }
        }
        .index_head_right {
          .index_head_right_button {
            height: 0.6rem;
            background: rgba(247, 247, 247, 0);
            border-radius: 30px;
            border: 0.02rem solid rgba(77, 77, 77, 1);
            font-size: 0.24rem;
            font-weight: 600;
            line-height: 0.6rem;

            display: flex;
            flex-direction: row;
            justify-content: center;
            align-items: center;
          }
        }
      }
      .index_top_img {
        padding: 0 10px;
        width: 100%;
        position: absolute;
        top: 1.26rem;
        height: 2.36rem;
        background-image: url(../assets/index/topbg21.png);
        background-size: 100% 100%;
        justify-content: space-between;
        flex-direction: row;
        align-items: flex-end;
        padding: 0 0.6rem 0.73rem;
        box-sizing: border-box;
        .index_button {
          .index_top_button {
            height: 0.6rem;
            width: 1.28rem;
            border-radius: 30px;
            font-size: 0.24rem;
            font-weight: 600;
            color: rgba(77, 77, 77, 1);
            line-height: 0.6rem;
            background: rgba(235, 235, 235, 1);
          }
        }

        .index_membercode {
          p {
            margin: 0;
            height: 0.6rem;
            font-size: 0.24rem;
            font-weight: 400;
            color: rgba(188, 207, 238, 1);
            line-height: 0.6rem;
          }
        }
      }
      .index_top_img1 {
        background-image: url(../assets/index/topbg21.png);
      }
      .index_top_img2 {
        background-image: url(../assets/index/topbg22.png);
      }
      .index_top_img3 {
        background-image: url(../assets/index/topbg23.png);
      }
      .index_top_img4 {
        background-image: url(../assets/index/topbg24.png);
      }
      .index_top_img5 {
        background-image: url(../assets/index/topbg25.png);
      }
    }
    .index_head1 {
      background-image: url(../assets/index/topbg11.png);
    }
    .index_head2 {
      background-image: url(../assets/index/topbg12.png);
    }
    .index_head3 {
      background-image: url(../assets/index/topbg13.png);
    }
    .index_head4 {
      background-image: url(../assets/index/topbg14.png);
    }
    .index_head5 {
      background-image: url(../assets/index/topbg15.png);
    }
  }
  .index_content {
    :global .am-tabs-default-bar-underline {
      border: none;
      &:before {
        content: '';
        position: absolute;
        left: 30%;
        right: 30%;
        height: 2px;
        background: rgba(46, 46, 46, 1);
      }
    }
    :global .am-tabs-content-wrap {
      flex-direction: row;
    }
    :global .am-tabs-tab-bar-wrap {
      .am-tabs-default-bar-tab {
        font-size: 0.32rem;
        font-weight: 500;
        color: rgba(168, 168, 168, 1);
        line-height: 0.45rem;
      }
      .am-tabs-default-bar-tab::after {
        height: 0;
      }
      .am-tabs-default-bar-tab-active {
        font-weight: 500;
        color: rgba(46, 46, 46, 1);
      }
    }
    :global .am-list-body {
      background: rgba(247, 247, 247, 1);
    }
    :global .am-list-body::before {
      height: 0;
    }
    :global .am-list-body::after {
      height: 0;
    }
    .index_content_item {
      margin: 0.18rem 0;
      background: rgba(255, 255, 255, 1);
      border-radius: 0.12rem;
      padding: 0.24rem 0.3rem;
      box-sizing: border-box;
      .first_col {
        flex-direction: row;
        font-size: 0.28rem;
        font-weight: 400;
        color: rgba(46, 46, 46, 1);
        line-height: 0.32rem;
        padding-bottom: 0.24rem;
        border-bottom: 0.02rem solid rgba(247, 247, 247, 1);
        justify-content: space-between;
        .endTime {
          height: 0.32rem;
          font-size: 0.22rem;
          font-weight: 400;
          color: rgba(168, 168, 168, 1);
          line-height: 0.32rem;
        }
      }
      .second_col {
        flex-direction: row;
        margin-top: 0.3rem;
        .second_col_left {
          img {
            width: 1.8rem;
            height: 1.8rem;
          }
        }
        .second_col_right {
          flex: 1;
          padding-left: 0.2rem;
          p {
            margin: 0;
          }
          .dog_name {
            height: 0.4rem;
            font-size: 0.36rem;
            font-weight: 600;
            color: rgba(46, 46, 46, 1);
            line-height: 0.4rem;
            align-items: center;
            white-space: nowrap;
            text-overflow: ellipsis;
            width: 4.5rem;
            overflow: hidden;
            img {
              width: 0.4rem;
            }
          }
          .dog_color {
            height: 0.32rem;
            font-size: 0.28rem;
            font-weight: 400;
            color: rgba(46, 46, 46, 1);
            line-height: 0.32rem;
            margin-bottom: 0.3rem;
            white-space: nowrap;
            text-overflow: ellipsis;
            width: 4.5rem;
            overflow: hidden;
          }
          .dog_birth {
            height: 0.32rem;
            font-size: 0.24rem;
            font-weight: 400;
            color: rgba(168, 168, 168, 1);
            line-height: 0.32rem;
            white-space: nowrap;
            text-overflow: ellipsis;
            width: 4.5rem;
            overflow: hidden;
          }
        }
      }
      .third_col {
        flex-direction: row;
        justify-content: flex-end;
        margin: 0.4rem 0.2rem 0.2rem;
        .third_col_btn1 {
          height: 0.6rem;
          border-radius: 0.3rem;
          border: 0.01rem solid rgba(168, 168, 168, 1);
          font-size: 0.24rem;
          font-weight: 600;
          color: rgba(77, 77, 77, 1);
          line-height: 0.6rem;
        }
        .third_col_btn2 {
          margin-left: 0.1rem;
          height: 0.6rem;
          border-radius: 0.3rem;
          border: 0.01rem solid rgba(38, 96, 255, 1);
          font-size: 0.24rem;
          font-weight: 600;
          color: rgba(38, 96, 255, 1);
          line-height: 0.6rem;
        }
      }
    }
  }
  .fixedButtonWrap {
    position: fixed;
    bottom: 0;
    padding: 0.4rem 0.75rem;
    width: 100%;
    box-sizing: border-box;
    .fixedButton {
      height: 1rem;
      background: rgba(38, 96, 255, 1);
      border-radius: 0.5rem;
      font-size: 0.32rem;
      font-weight: 400;
      color: rgba(255, 255, 255, 1);
      line-height: 1rem;
    }
  }
  :global(.am-pull-to-refresh-indicator .am-icon-loading){
      margin: 0 auto;
  }
}
