.icon-tel {
    display: inline-block;
    width: 28rpx;
    height: 28rpx;
    background: url(http://image.jxc4.com/image/cb1ecb5937d8e6b87d0b0b27c1117fc3.png) center center no-repeat;
    background-size: 100%;
}

// 顶部系统信息
.top-system-root {
    padding: 30rpx 25rpx 0 25rpx;
    box-sizing: border-box;

    .stop-delivery {
        border-radius: 10rpx;
        margin-bottom: 20rpx;
        box-shadow: 0rpx 0rpx 10rpx 5rpx rgb(220, 220, 220);
    }

    .vender-store-money {
        background-color: #fff;
        padding: 0 20rpx;
        border-radius: 10rpx;
        box-shadow: 0rpx 0rpx 10rpx 5rpx rgb(220, 220, 220);

        .vender,
        .store {
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding: 26rpx 0;
        }

        .vender {
            border-bottom: 1rpx solid rgb(220, 220, 220);
        }

        .btn {
            background-color: #ffa652;
            padding: 10rpx 20rpx;
            border-radius: 50rpx;
            font-size: 27rpx;
            color: #fff;
        }

        .right {
            display: flex;
            align-items: center;

            .money {
                width: 100rpx;
                display: flex;
                align-items: center;
                margin-right: 10rpx;
                border-radius: 5rpx;
                padding-left: 10rpx;
                color: $jx-primary;
                border-bottom: 1rpx solid $jx-primary;
            }
        }
    }

    .address-tip {
        display: flex;
        justify-content: space-between;
        margin-top: 50rpx;

        .addres,
        .tip {
            border-radius: 10rpx;
            width: 48%;
            background-color: #fff;
            box-shadow: 0rpx 0rpx 10rpx 5rpx rgb(220, 220, 220);
            text-align: center;
            padding: 20rpx 30rpx 30rpx 30rpx;
            box-sizing: border-box;
        }

        .icon {
            .banner {
                width: 220rpx;
                height: 220rpx;
            }

            .address-icon {
                width: 30rpx;
                height: 42rpx;
            }

            .text {
                display: flex;
                align-items: center;
                font-weight: bold;
                justify-content: center;

                .distance {
                    color: $jx-primary;
                    text-decoration: underline;
                }
            }
        }

        .sd-btn,
        .tip-btn {
            padding: 10rpx 15rpx;
            background-color: $jx-primary;
            color: #fff;
            border-radius: 10rpx;
            margin-top: 25rpx;
        }

        .sd-ing-btn {
            background-image: linear-gradient(135deg, #ec903f, #ff6a20);
        }

        .waybill-price {
            font-size: 28rpx;
            color: $jx-warring;
            margin-top: 15rpx;
            margin-bottom: -15rpx;
        }
    }

    .delivery-info {
        position: relative;
        margin-top: 50rpx;
        height: 210rpx;
        width: 100%;

        image {
            position: absolute;
            width: 100%;
            height: 230rpx;
            z-index: -1;
        }

        .delivery-status,
        .delivery-person {
            display: flex;
            margin-top: 17rpx;
            padding: 0 45rpx;
            box-sizing: border-box;
            font-weight: bold;
            justify-content: space-between;
        }

        .deliver-name>text {
            color: $jx-primary;
        }

        .complain{
            text-decoration:underline ;
            margin-right: 40rpx;
            margin-top: 17rpx;
            padding: 0 45rpx;
            box-sizing: border-box;
        }

        .status {
            color: $jx-warring;
        }

        .delivery-status {
            padding-top: 20rpx;
        }

        .delivery-person,
        .money {
            font-size: 31rpx;
        }

        .money {
            margin-top: 17rpx;
            padding: 0 45rpx;
            box-sizing: border-box;
        }

        .number {
            color: #666;
        }
    }
}

.bottom-info {
    position: relative;
    background-color: #fff;
    margin-top: 18rpx;

    .bg {
        position: absolute;
        background-color: rgb(255, 255, 255);
        height: 180rpx;
        width: 100%;
        z-index: -2;
        top: -70rpx;
    }

    .thead {
        padding: 20rpx;
        display: flex;
        justify-content: space-between;

        .right {
            display: flex;
            justify-content: space-between;

            .de-money {
                margin-right: 90rpx;
            }
        }
    }

    .dleivery-list {
        padding: 0 15rpx;
        box-sizing: border-box;
    }

    .ther-btn {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        padding: 22rpx 0;
        color: #2a89ec;
        border-top: 1rpx solid rgb(225, 225, 225);
    }

    .icon-jiantou_yemian_xiangxia {
        font-size: 40rpx;
    }

    .info {
        padding: 0 15rpx 15rpx 20rpx;
        box-sizing: border-box;
    }

    .info>view {
        box-sizing: border-box;
        background-color: #f5f7ed;
        padding: 20rpx 0;
    }
}

.dy-root {
    background-color: #fff;
    border-radius: 0 0 20rpx 20rpx;
    padding: 30rpx;
    box-sizing: border-box;

    .delivering-title {
        width: 100%;
        text-align: center;
        margin-bottom: 30rpx;
    }

    .ipt {
        margin-bottom: 20rpx;
        background-color: #f5f5f5;
        line-height: 70rpx;
        border-radius: 7rpx;

        text {
            white-space: nowrap;
        }

        input {
            width: 100%;
            padding: 10rpx 0rpx;
            border-bottom: 1rpx solid rgb(209, 209, 209);
        }
    }

    .btn-root {
        display: flex;
        justify-content: space-between;

        .cancel,
        .confirm {
            width: 42%;
            padding: 20rpx;
            text-align: center;
            border: 3rpx solid $jx-primary;
            color: $jx-primary;
            border-radius: 7rpx;
        }

        .confirm {
            border: none;
            background-color: $jx-primary;
            color: #fff;
        }
    }
}

.delivery-flex {
    max-height: 110rpx;
    overflow: hidden;
    transition: all 0.5s;
}

.active {
    max-height: 550rpx !important;
    overflow: auto !important;
}

.iconfont {
    display: inline-block;
    transition: all 0.5s;
}

.rotate {
    transform: rotateZ(180deg);
}

.stop-schedule ,.cancel-all {
    text-align: center;
    color: #fff;
    margin: 15rpx 20rpx;
    border-radius: 6rpx;
    padding: 10rpx 0;
}

.stop-schedule{
    background-color:#f56c6c;
}

.cancel-all{
    background-color: #000;
}