.navbar {
    padding-bottom: 24rpx;
    color: #fff;
    &-box {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 20rpx 32rpx 16rpx 32rpx;
        &-info {
            display: flex;
            flex-direction: column;
            image {
                width: 150rpx;
                height: 70rpx;
            }
        }
        &-weather{
            color: #1D2129;
            text-align: right;
            display: flex;
            align-items: center;
            image{
                width: 80rpx;
                height: 80rpx;
            }
            .info{
                .place{
                    font-size: 28rpx;
                }
                .txt{
                    margin-left: 8rpx;
                    font-size: 24rpx;
                }
            }
        }
    }
   
    &-bottom-list {
        background: #fff;
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin: 0 32rpx;
        border-radius: 16rpx;
        padding: 12rpx 128rpx 12rpx 128rpx;
        .list-item {
            text-align: center;
            &-image {
                width: 84rpx;
                height: 84rpx;
            }
            &-title {
                font-size: 24rpx;
                color: #4e5969;
            }
            &-txt {
                font-weight: bold;
                font-size: 40rpx;
                color: #1d2129;
                line-height: 56rpx;
            }
            &-line {
                width: 2rpx;
                height: 58rpx;
                background: #e4f1ff;
            }
        }
    }
}
