.bank-card{
  min-height: 100vh;
  box-sizing: border-box;
  background-color: #fff;
  padding:60rpx 30rpx;
}

.page-title{
  font-size: 40rpx;
  display: flex;
  align-items: flex-end;
}
.page-title .tag{
  font-size: 24rpx;
  background-color: rgba(255, 195, 0, 0.1);
  padding:5rpx 8rpx;
  color: #FFC300;
  margin-left:22rpx;
}
.card{
  background: linear-gradient(298deg, #FFC300 0%, #FFDE74 98%);
  box-shadow: 0px 3px 6px 2px rgba(0, 0, 0, 0.1);
  border-radius: 20rpx;
  padding:30rpx 0 40rpx 30rpx;
  margin-top:46rpx;
}
.card .head{
  display: flex;
  align-items: center;
  padding-right:30rpx;
}
.card .head .icon-card{
  width:44rpx;height:44rpx;
}
.card .head .name{
  font-size: 33rpx;
  flex: 1;
  margin-left:18rpx;
}
.card .head .icon-delete{
  width:32rpx;height:32rpx;
  padding:4rpx;
}
.card .spliter{
  margin:24rpx 0 0 0;
}
.card .info-item{
  margin-top:40rpx;
}
.card .info-item .key{
  color: #555555;
  font-size: 24rpx;
}
.card .info-item .value{
  font-size: 36rpx;
  margin-top:24rpx;
}
.card .info-item .card-no{
  font-weight: 500;
}

.add-card-btn{
  margin-top:40rpx;
  background-color: rgba(153, 153, 153, 0.15);
}

.list-empty{
  padding:200rpx 0;
}
.list-empty .icon{
  margin-top:0;
}