.info{
    text-align: center;

    .logo{
        display: flex;
        align-items: center;
        justify-content: center;
        margin-top:20px;
    
        .vendor {
            display: flex;
            flex-shrink: 0;
            width: 150rpx;
            height: 150rpx;
        
            .icon {
                width: 150rpx;
                height: 150rpx;
                flex-shrink: 0;
                background-size: 100%;
                background-repeat: no-repeat;
                border: 1rpx solid #efefef;
                border-radius: 10rpx;
                opacity: 1;
                transition: all 0.5s;
            }
        }
    }
    
    // /.sync,
    .vendorName,.onlineStatus{
        margin-top: 10rpx;
        text-align: center;
    }
    // .sync,
    .onlineStatus{
        margin: 20rpx;
        height: 120rpx;
        background:linear-gradient(180deg, #a4e8f5, #fff);
        border-top-right-radius: 20rpx;
        border-top-left-radius: 20rpx;
        padding: 20rpx;
    }
    
    .time{
        background: #fff;
        height: 220rpx;
        margin:-40rpx 20rpx 20rpx 20rpx;
        border-radius: 20rpx;
        border: 1rpx solid #eee;
        padding: 20rpx;
        display: flex;
        flex-direction: column;
        justify-content: space-around;
        text-align: center;
    }
    
    .timeItem{
        background-color: #cccccc;
        border-radius: 20rpx;
        padding: 10rpx;
        color:#fff;
    }
    
    .disabledColor{
        opacity: 0.6;
        background-color: #ffad49;
    }
    
    .notice{
        border: 1rpx solid #eee;
        text-align: left;
        margin:20rpx;
        padding: 20rpx;
        color:rgb(241, 167, 114);
        font-size: 28rpx;
        border-radius: 20rpx;

        .text::before{
            content: "*";
        }
    }
}

