/* 主体内容 */
.container {
    margin-top: 100upx;
    padding: 20rpx;
}

/* 仓库卡片 */
.warehouse-card {
    background: #fff;
    border-radius: 12rpx;
    padding: 30rpx;
    margin-bottom: 20upx;
    /*box-shadow: 0 2rpx 8rpx rgba(0,0,0,0.1);*/
}

/*仓库按钮组*/
.warehouse-btn-group{
    padding-left: 30upx;
    display: flex;
}

/*仓库按钮*/
.warehouse-btn{
    background-color: #cccccc; /* 默认灰色 */
    color: #ffffff;
    font-size: var(--f30);
    /*使按钮靠左对齐*/
    margin-left: inherit;
    /*margin: 10upx;*/
    padding: 10upx;
    width: 45%;
    text-align: center;
    border-radius: 10upx;
}

.warehouse-btn.active {
    background-color: #007AFF; /* 选中蓝色 */
    /* 如果需要渐变效果可以加transition */
    transition: background-color 0.3s ease;
}

/*基础信息卡片*/
.base-card{
    padding: 30rpx;
    margin-bottom: 20rpx;
    background: #fff;
    border-radius: 12rpx;
    /*padding-top: 20upx;*/
    /*padding: 30rpx;*/
}

/*会员提示语*/
.member-notice{
    color: red;
    font-size: var(--f28);
}


.info-item{
    display: flex;
    margin-bottom: 30rpx;
    /*margin-bottom: 20rpx;*/
    font-size: var(--f32);
    /*font-size: 28rpx;*/
}

/*会员编号样式*/
.member-no{
    margin-bottom: 20upx;
    font-weight: 700;
    color: red;
    font-size: var(--f40);
}

.item-label {
    margin-left: 10upx;
    margin-right: 5upx;
    width: 160rpx;
    color: #666;
    /*让文字两端对齐*/
    text-align-last: justify;
}

.item-value {
    /*flex: 1;*/
    color: #333;
}

.copy-text{
    padding-top: 5upx;
    margin-left: 20upx;
    font-size: var(--f28);
    color: var(--c427);
}

.from-item-radio{
    display: flex;
    align-items: center;
    margin-bottom: 10upx;
    margin-right: 15upx;
    position: relative;
}

/*基础信息卡片*/
.option-card{
    padding: 30rpx;
    margin-bottom: 20rpx;
    background: #fff;
    border-radius: 12rpx;
}

.footer-nav{
    display: flex;
    width: 100%;
}

.footer-btn{
    /*根据页面宽度向两边拉伸，不会因为内容过长换行*/
    flex: 1;
    margin: 10upx;
    padding: 25upx;
    border-radius: 10upx;
    text-align: center;
    color: #fff;
}
