.price-value {

    .price-item {
        display: flex;
        width: 100%;
        position: relative;

        .s1 {
            flex: 120rpx;
        }

        .s2,
        .s3 {
            flex: 1;
        }

        .common {
            font-size: 28rpx;
            color: #999;
            margin-bottom: 10rpx;
            border-top: 1rpx solid #e5e5e5;
            border-bottom: 1rpx solid #e5e5e5;
            background: white;
            height: 60rpx;
            display: flex;
            justify-content: center;
            align-items: center;

            .num {
                color: $jx-primary;
            }
        }
    }
}

.btn {
    box-sizing: border-box;
    margin: 20rpx 10rpx 20rpx 10rpx;
    background-color: $jx-primary;
    color: #fff;
}


.modal {
    width: 100%;
    height: 100%;
    background-color: #fff;

    .price-item {
        display: flex;
        width: 100%;
        position: relative;

        .icon-x {
            flex: 0 0 60rpx;
        }

        .news1 {
            flex: 0 0 290rpx;
        }

        .news2 {
            flex: 0 0 200rpx;
        }

        .news3 {
            flex: 0 0 190rpx;
        }

        .common {
            font-size: 28rpx;
            color: #999;
            margin-bottom: 10rpx;
            border-top: 1rpx solid #e5e5e5;
            border-bottom: 1rpx solid #e5e5e5;
            background: white;
            height: 60rpx;
            display: flex;
            justify-content: center;
            align-items: center;

            text {
                white-space: nowrap;
            }

            .num-ipt {
                margin-left: 6rpx;
                width: 60rpx;
            }

            .num {
                color: $jx-primary;
            }
        }
    }

    .btn-group {
        display: flex;
        justify-content: space-evenly;

        .btn2 {
            width: 30%;
        }

        .btn-update {
            background-color: $jx-primary;
            color: #fff;
        }
    }
}


/* 元素进入之前的动画 */
.fade-enter-from {
    opacity: 0;
}

/* 进入中 */
.fade-enter-active {
    transition: all 0.7s ease-in-out;
}

/* 进入之后 */
.fade-enter-to {
    opacity: 1;
}

/* 元素离开之前 */
.fade-leave-from {
    opacity: 1;
    transform: rotate(0);
}

/* 离开中 */
.fade-leave-active {
    transition: all 0.3s ease-in;
}

/* 离开之后 */
.fade-leave-to {
    opacity: 0;
    transform: rotate(360deg);
}

/* 移动元素的动画 */
.fade-move {
    transition: transform 0.3s ease-out;
}