@import '@/static/style/mixin-svg.scss';

.new-skuName-cell {
    display: flex;
    align-items: center;

    #{&}-left {
        flex: none;
        margin-right: 20rpx;
        @include svg_icon(loading, 4EB331);
        background-repeat: no-repeat;
        background-position: center;
        background-size: 40rpx;

        img {
            border-radius: 10rpx;
            width: 280rpx;
            height: 280rpx;
            border: 2rpx solid #efefef;
            // background: white;
        }
    }

    #{&}-right {
        flex: auto;
    }

    .name {
        font-size: 36rpx;
        color: #333;
    }

    .update-price {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .price {
        font-size: 38rpx;
        font-weight: 500;
        color: $jx-primary;
    }

    .btn-updatePrice {
        @include svg_icon(modify, 999);
        width: 60rpx;
        height: 60rpx;
        background-repeat: no-repeat;
        background-position: center;
        background-size: 40rpx;
        background-color: white;
    }

    .tips {
        font-size: 28rpx;
        color: #999;
    }

    .check-display {
        color: #f44;
        font-size: 24rpx;
        font-weight: bold;
        animation: rubberBand 1s infinite alternate;
    }

    .update-price-input {
        padding: 20rpx;

        .top {
            font-size: 24rpx;
            color: #666;
        }

        .audit {
            color: red;
        }

        input {
            border: 1rpx solid #cdcdcd;
            border-radius: 10rpx;
            font-size: 36rpx;
            padding: 10rpx;
            text-align: center;
            color: #333;
        }
    }
}

.new-sku-cell {
    padding: 20rpx 0;
    border-bottom: 1rpx solid #cdcdcd;

    .flex-wrapper {
        display: flex;
        align-items: center;
        justify-content: space-between;

    }

    #{&}-left {
        position: relative;
        // display: flex;
        text-align: center;
        // background: red;
        width: 190rpx;
    }

    #{&}-right {
        display: flex;
        justify-content: space-between;
        width: 500rpx;
        font-size: 30rpx;
        color: #333;
        text-align: center;
    }

    .btn-status {
        color: $jx-primary;
        border-radius: 10rpx;
        padding: 20rpx 30rpx;
        border: 2rpx solid $jx-primary;
        font-size: 28rpx;
    }

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

    .price {
        color: $jx-primary
    }

    .promotion-price {
        color: $jx-primary;
    }

    .cell-bottom,
    .auto-at {
        text-align: center;
        font-size: 26rpx;
        color: #ccc;
    }

    .flex-wrapper-3{
        display: flex;
        justify-content: center;
        color:#666;
        margin-top:20rpx;
    }

    .locationCode{
        margin-left: 20rpx;
    }

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

    .cell-bottom {
        flex: auto;
    }

    .auto-at {
        flex: none;
        width: 460rpx;
        color: $jx-primary;
    }
}