.deliver-cell {
    padding: 20rpx 10rpx;
    display: flex;
    align-items: center;
    background: #f5f7ed;
    border-bottom: 1rpx solid rgba(#ccc, .4);

    // 左边快递
    .vendor-name {
        font-size: 30rpx;
        color: #666;
        width: 50%;

        .map-op {
            display: flex;
            align-items: center;
            justify-content: space-between;
            width: 100%;

            .switch-group {
                width: 190rpx;
                display: flex;
                margin-right: 15rpx;
                align-items: center;
                font-size: 22rpx;
                border: 1rpx solid rgb(235, 235, 235);
                border-radius: 10rpx;
                overflow: hidden;

                .left-check,
                .right-check {
                    flex: 0.5;
                    background-color: white;
                    color: #000000;
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    padding: 16rpx 0;
                    transition: all 0.5s;
                }

                .left-check {
                    flex: 0.5;
                }

                .active {
                    background-color: $jx-primary;
                    color: white;
                }

                .activeWarring {
                    background-color: $jx-warring;
                    color: white;
                }
            }

            .group-active {
                .left-check {
                    background-color: #d0d0d0;
                    color: #fff;
                }

                .active {
                    background-color: #a6a6a6;
                    color: white;
                }
            }
        }
    }

    // 右边状态
    .right-handler {
        width: 50%;
        display: flex;
        align-items: center;
        justify-content: space-between;

        .waybill-price {
            font-size: 26rpx;
            color: #666;
            text-align: center;
            margin-left: 20rpx;
        }

        .operation {
            text-align: right;
            display: flex;
            flex-wrap: wrap;

            .text {
                color: #4EB331;
                font-size: 30rpx;
                text-align: center;
                font-weight: bold;
            }

            .text-ing {
                color: $jx-warring;
                font-weight: bold;
            }
        }

        .operation-text {
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;

            .text {
                color: #9a9a9a;
                font-size: 27rpx;
                text-align: center;
            }
        }
    }

    .btn {
        width: 150rpx;
        height: 50rpx;
        background: #4EB331;
        border-radius: 6rpx;
        border: 1rpx solid rgba(0, 0, 0, 0.08);
        color: white;
        font-size: 27rpx;
        line-height: 50rpx;
        text-align: center;
    }

    .cancel {
        background: #D34B3B;
    }

    .errStr {
        color: #D34B3B;
        font-size: 30rpx;
    }

    .delivering101 {
        color: #0073EA;
    }

    .delivering102 {
        color: #ff6a20;
    }
}

.deActive {
    position: relative;
    background-color: #f5f5f5;

    .deActive-mak {
        position: absolute;
        left: 0;
        top: 0;
        background-color: transparent;
        height: 100rpx;
        width: 100%;
    }
}