.unboxing {
    height: 100vh;
    padding: 0 24rpx;
    overflow: hidden;

    .input-box {
        margin-top: 24rpx;
        margin-bottom: 24rpx;
        height: 88rpx;
        background: #ffffff;
        border-radius: 4rpx;
        padding: 0 24rpx;

        .uni-input {
            font-weight: bold;
            font-size: 28rpx;
            color: #404547;
        }

        .btn {
            width: 144rpx;
            height: 48rpx;
            background: #197adb;
            border-radius: 4rpx;
            font-size: 24rpx;
            color: #ffffff;
        }
        .btn1 {
            width: 144rpx;
            height: 48rpx;
            background: #ffffff;
            border-radius: 4rpx;
            border: 1px solid #197adb;
            font-size: 24rpx;
            color: #197adb;
        }
        .icon-jinggao2 {
            font-size: 30rpx;
            color: #c6c7cc;
            margin-right: 30rpx;
        }
    }
    .column-box {
        padding: 0 24rpx;
        height: 88rpx;
        background: #ffffff;
        border-radius: 4rpx;
        margin-bottom: 16rpx;
        .action-bar {
            .btn {
                width: 144rpx;
                height: 48rpx;
                background: #197adb;
                border-radius: 4rpx;
                font-size: 24rpx;
                color: #ffffff;
            }
            .btn1 {
                width: 144rpx;
                height: 48rpx;
                background: #ffffff;
                border-radius: 4rpx;
                border: 1px solid #197adb;
                font-size: 24rpx;
                color: #197adb;
            }
            .icon-jinggao2 {
                font-size: 30rpx;
                color: #c6c7cc;
                margin-right: 30rpx;
            }
        }
        .select-box {
            width: 129rpx;
            margin-right: 22rpx;
            .wrap {
                .uni-input {
                    font-weight: bold;
                    font-size: 28rpx;
                    color: #404547;
                }
            }
            .uni-arrow {
                font-size: 17rpx;
                color: #9ca8ad;
            }
        }
        .input-box {
            .uni-input {
                font-weight: bold;
                font-size: 28rpx;
                color: #404547;
                &.disabled {
                    opacity: 0.8;
                }
            }
        }
    }
    .list {
        padding-bottom: 30rpx;
        height: calc(100% - 240rpx);
        .box {
            background: #ffffff;
            border-radius: 4rpx;
            margin-bottom: 16rpx;
            padding: 24rpx;
            transition: all 0.4s ease;
            &.disabled {
                background-color: #f2f9ff;
                border: 1px solid #bbdcfd;
            }
            .pb16 {
                padding-bottom: 16rpx;
            }
            .w130 {
                width: 156rpx;
            }
            .t1 {
                font-size: 28rpx;
                color: #404547;
                font-weight: bold;
            }
            .t2 {
                width: 48rpx;
                height: 36rpx;
                border-radius: 4rpx;
                border: 1px solid #197adb;
                font-size: 24rpx;
                color: #197adb;
                margin-left: 16rpx;
            }
            .t3 {
                font-size: 26rpx;
                color: #6e767a;
            }
            .t4 {
                font-size: 26rpx;
                color: #404547;
            }
            .t5 {
                font-size: 24rpx;
                color: #197adb;
                margin-left: 16rpx;
            }
            .input-text {
                position: relative;
                z-index: 2;
                .uni-input {
                    width: 173rpx;
                    height: 48rpx;
                    background: #e6edf0;
                    border-radius: 4rpx;
                    padding-left: 20rpx;
                    font-size: 26rpx;
                    color: #404547;
                    font-weight: bold;
                }
            }
            .upload-list {
                .default {
                    width: 88rpx;
                    height: 88rpx;
                    background-color: #f1f4f6;
                    border: 1px solid #e6edf0;
                    .iconfont {
                        font-size: 48rpx;
                        color: #d8d8d8;
                    }
                }
                .pic-box {
                    position: relative;
                    width: 88rpx;
                    height: 88rpx;
                    margin-right: 10rpx;
                    &:nth-of-type(4n) {
                        margin-right: 0;
                    }
                    image {
                        width: 88rpx;
                        height: 88rpx;
                    }
                    .delete {
                        position: absolute;
                        right: 0rpx;
                        top: -13rpx;
                        width: 30rpx;
                        height: 30rpx;
                        border-radius: 50%;
                        background-color: #bb3434;
                        z-index: 9;
                        .iconfont {
                            font-size: 20rpx;
                            color: #ffffff;
                        }
                    }
                }
            }
            .btn {
                width: 190rpx;
                height: 88rpx;
                background: #197adb;
                border-radius: 4rpx;
                font-size: 26rpx;
                color: #ffffff;
                &.disabled {
                    background: #9ca8ad;
                }
            }
        }
    }
    .scroll-Y {
        height: 100%;
    }
}

.popup-content {
    padding: 28rpx 24rpx 24rpx 24rpx;
    .selected-items {
        flex-wrap: wrap;
        .box {
            padding: 0 12rpx;
            height: 44rpx;
            background: #ffffff;
            border-radius: 4rpx;
            border: 1px solid #197adb;
            margin-right: 16rpx;
            margin-bottom: 16rpx;
            .text {
                font-size: 24rpx;
                color: #197adb;
            }
            .close {
                margin-left: 5rpx;
                font-size: 36rpx;
                color: #197adb;
            }
        }
    }
    .search-baar {
        height: 88rpx;
        background: #ffffff;
        border-radius: 4rpx;
        padding-left: 24rpx;
        margin-bottom: 16rpx;
        .iconfont {
            font-size: 36rpx;
            color: #6e767a;
        }
        .uni-input {
            margin-left: 15rpx;
            font-size: 28rpx;
            color: #404547;
        }
    }
    .data-list {
        background: #ffffff;
        border-radius: 4rpx;
        margin-bottom: 22rpx;
        max-height: 504rpx;
        overflow-y: auto;
        .box {
            margin: 0 24rpx;
            height: 84rpx;
            border-bottom: 1rpx solid #e6edf0;
            &:last-child {
                border-bottom: none;
            }
            .text {
                font-size: 26rpx;
                color: #404547;
            }
            .check-ico {
                width: 24rpx;
                height: 25rpx;
                background: url('https://img.ichunt.com/images/ichunt/202309/14/3743c01230310f62a2afa41a6c2eea96.png') no-repeat center;
                background-size: contain;
                display: block;
            }
            &.curr {
                .text {
                    color: #197adb;
                }
                .check-ico {
                    background: url('https://img.ichunt.com/images/ichunt/202309/14/e651ddae61b5f02af4129f723b2cf74f.png') no-repeat center;
                    background-size: contain;
                }
            }
        }
    }
    .pop-btn {
        height: 88rpx;
        background: #197adb;
        border-radius: 4rpx;
        font-size: 28rpx;
        color: #ffffff;
    }
}