.index-container {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  height: 90vh;
  
  .banner {
    display: flex;
    flex:3;
    margin: 50rpx;
    background-size:100%;
    .card-container {      
      box-shadow: 0px 10rpx 10rpx rgba(0, 0, 0, 0.35);
      font-size: 36rpx;
      font-weight: 550;
      display: flex;
      flex-direction: column;
      padding: 50rpx;
      justify-content: space-around;
      .card-col-1 {
        display: flex;
        width: auto;  
      }
    
    }
  }

  .btn-list {
    flex:2;
    display: flex;
    flex-direction: column;
    $btn-item-height: 100rpx;
    $btn-item-icon: 70rpx;
    align-items: flex-start;
    .btn-item {
      display: flex;
      // border-bottom: 1px solid gray;
      justify-content: center;
      align-items: center;

      image {
        background-color: rgb(146, 206, 248);
        width: $btn-item-icon;
        height: $btn-item-icon;
        border-radius: 100%;
        position: relative;
        right: 50rpx;
        margin: ($btn-item-height - $btn-item-icon) / 2;
        box-shadow: rgba(128, 128, 128, 0.4) 5rpx 15rpx 10rpx 3rpx;
      }
    }

    text {
      border-radius: 25rpx;
      height: $btn-item-height;
      line-height: $btn-item-height;
      font-size: 40rpx;
      font-weight: 600;
      color: rgb(54, 54, 68);
      display: block;
      letter-spacing:3rpx;
    }
  }
}

/*分割线样式*/
.divLine{
  background: #cbccc8;
  height: 3rpx;
  align-self:center;
  width: 100%;
 }