/* 保持原有样式不变 */
.orderafterdiv { max-width: 800px; margin: 0 auto; padding: 20px; font-family: Arial, sans-serif; }
.orderaftertitle { font-size: 24px; font-weight: 600; text-align: center; margin-bottom: 10px; color: #333; }
.orderaftercontentdivtitle { font-size: 14px; text-align: center; color: #666; margin-bottom: 30px; }
.pick-product-placeholder { border: 1px dashed #d9d9d9; border-radius: 4px; height: 50px; display: flex; align-items: center; justify-content: center; cursor: pointer; color: #666; transition: border-color 0.3s; }
.pick-product-placeholder:hover { border-color: #409EFF; color: #409EFF; }
.solution-item { display: flex; align-items: center; margin-bottom: 10px; margin-left: 0 !important; width: 100%; border: 1px solid #dcdfe6; padding: 10px 15px; border-radius: 4px; }
.solution-item.is-checked { border-color: #409EFF; background-color: #f2f6fc; }
.el-form-item__label { font-weight: bold; }
.form-subtitle { font-size: 14px; font-weight: bold; color: #606266; margin-bottom: 10px; margin-top: 10px; }

/* 修复 input append 按钮在部分移动端布局问题 */
.el-input-group__append { cursor: pointer; background-color: #f5f7fa; color: #909399; }
.el-input-group__append:hover { color: #409EFF; }
/* 自定义下拉框容器样式 */
.custom-order-dropdown .el-select-dropdown__item {
    height: auto !important; /* 允许高度自适应 */
    padding: 10px 20px;
    line-height: 1.4;
    border-bottom: 1px solid #f0f0f0;
}

/* 选中状态 */
.custom-order-dropdown .el-select-dropdown__item.selected {
    background-color: #f5f7fa;
    color: #606266; /* 保持文字颜色，不要全变蓝，以免看不清图片信息 */
    font-weight: bold;
}

/* 订单号标题 */
.order-option-header {
    font-size: 14px;
    font-weight: bold;
    color: #333;
    margin-bottom: 8px;
}

/* 商品列表容器 */
.order-option-products {
    display: flex;
    gap: 10px;
    overflow-x: auto; /* 如果商品太多，允许横向滚动 */
}

/* 单个商品预览 */
.product-preview-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 60px;
}

.product-preview-img {
    width: 50px;
    height: 50px;
    object-fit: cover;
    border-radius: 4px;
    border: 1px solid #eee;
}

.product-preview-sku {
    font-size: 10px;
    color: #999;
    margin-top: 4px;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: center;
}
/* 未选择订单时的提示框 */
.no-order-selected-tip {
    background-color: #f4f4f5;
    color: #909399;
    padding: 10px 15px;
    border-radius: 4px;
    font-size: 13px;
    border: 1px dashed #d9d9d9;
}

/* 单个商品行样式 */
.product-checkbox-item {
    margin-bottom: 10px;
    border: 1px solid #EBEEF5;
    border-radius: 4px;
    padding: 10px;
    transition: all 0.3s;
}
.product-checkbox-item:hover {
    background-color: #f9f9f9;
    border-color: #409EFF;
}

/* 让Element的checkbox内容占满整行并flex布局 */
.custom-checkbox-layout {
    display: flex;
    align-items: center;
    width: 100%;
    white-space: normal; /* 允许文字换行 */
    height: auto; /* 覆盖element默认高度 */
}
/* 覆盖Element默认样式 */
.product-checkbox-item .el-checkbox__label {
    width: 100%;
    display: inline-block;
}

/* 商品内部布局 */
.product-info-container {
    display: flex;
    align-items: center;
    width: 100%;
}

.product-thumb {
    width: 50px;
    height: 50px;
    object-fit: cover;
    border-radius: 4px;
    margin-right: 15px;
    border: 1px solid #eee;
    flex-shrink: 0; /* 防止图片被挤压 */
}

.product-details {
    flex: 1;
    line-height: 1.4;
}

.product-name {
    font-size: 14px;
    color: #333;
    font-weight: bold;
    margin-bottom: 4px;
}

.product-sku {
    font-size: 12px;
    color: #999;
}
span.imagetip {
    font-size: 16px;
    color: dodgerblue;
    text-decoration: underline;
    margin-left: 10px;
    cursor: pointer;
}

/* 隐藏弹窗的头部标题区域和多余内边距 */
.image-tip-msgbox .el-message-box__header {
    display: none;
}
.image-tip-msgbox .el-message-box__content {
    padding: 0;
}
/* 设置弹窗宽度自适应图片，或者固定宽度 */
.image-tip-msgbox {
    width: 50%;
    max-width: 800px; /* 限制最大宽度，防止图片过大超屏 */
    border: none;
    background-color: transparent; /* 如果图片自带圆角，这里可以透明 */
}