.top {
    width: 100vw;
    background-color: #fff;
    padding: 40rpx 24rpx;
}

.top>view {
    width: 702rpx;
    box-sizing: border-box;
}

.img {
    background-color: #4660fd;
    position: relative;

}

.img>.bg {
    width: 100%;
    height: 100%;
    position: absolute;
}

.stauts {
    width: 120rpx;
    height: 112rpx;
    position: absolute;
    right: 24rpx;
    top: 54rpx;
}

.top-content {
    color: #FFF;
    font-size: 30rpx;
    font-weight: 500;
    padding: 54rpx 32rpx;

}

.order {
    font-size: 38rpx;
    margin-top: 15rpx;
    max-width: 500rpx;
}

.time-box,
.order-taking {
    font-size: 32rpx;
    font-weight: 500;
}

.time-box {
    line-height: 50rpx;
    padding: 24rpx;
    background-color: #f7f9fc;
}

.time-box,
.order-taking>view {
    margin-bottom: 15rpx;
}

.order-taking {
    margin-top: 24rpx;
    background-color: #fff5e9;
    padding: 24rpx;
    color: #d97018;
}

.order-taking>image {
    width: 96rpx;
    height: 96rpx;
    margin-right: 24rpx;
}

.flex {
    display: flex;
    justify-content: left;
    align-items: center;
}

.m0 {
    margin-top: 0;
}

.m-24 {
    margin-top: 24rpx;
}

.detail {
    color: rgba(58, 60, 101, 0.85);
    font-size: 32rpx;
    margin-top: 56rpx;
}

.detail-tit {
    color: #3A3C65;
    font-size: 40rpx;
    font-weight: 700;
    letter-spacing: 5rpx;
}

.detail-item {
    padding-left: 16rpx;
    margin-top: 16rpx;
    line-height: 52rpx;
}