/* 纵向 */

.flex-column {
    display: flex;
    flex-direction: column;
}


/* 横向*/

.flex-row {
    display: flex;
    flex-direction: row;
}


/* 按钮默认样式 */

.btn {
    background-color: #353535;
    width: 69.33%;
    border-radius: 50rpx;
    color: white;
    font-size: 32rpx;
    font-weight: 550;
    line-height: 2.875;
}


/* 解决ios 有边框的问题 */

.btn:after {
    border: none;
}

.btn-mini {
    background-color: #353535;
    border-radius: 30rpx;
    padding-left: 20rpx;
    padding-right: 20rpx;
    color: white;
    font-size: 24rpx;
    font-weight: normal;
    line-height: 2.16;
}


/* 默认按钮按下样式 */

.btn-hover {
    background-color: #999999;
    color: white;
}


/* 紫色按钮样式 */

.btn-primary {
    background-color: #684bbe;
}


/* 紫色按钮按下样式 */

.btn-primary-hover {
    background-color: #a78be0;
    color: white;
}


/* 取消按钮的样式*/

.btn-cancel {
    background-color: #999999;
}


/* 取消按钮按下的样式*/

.btn-cancel-hover {
    background-color: #ccc8c8;
    color: #5c5b5b;
}


/* 黑色 字重400 24rpx大小的文字 */

.black-normal-24rpx {
    font-size: 24rpx;
    font-weight: normal;
    color: #353535;
}


/* 黑色 字重550 24rpx大小的文字 */

.black-mudium-24rpx {
    font-size: 24rpx;
    font-weight: 550;
    color: #353535;
}


/* 黑色 字重550 28rpx大小的文字 */

.black-mudium-28rpx {
    font-size: 28rpx;
    font-weight: 550;
    color: #353535;
}


/* 黑色 字重550 30rpx大小的文字 */

.black-mudium-30rpx {
    font-size: 30rpx;
    font-weight: 550;
    color: #353535;
}


/* 灰色 字重400 24rpx大小的文字 */

.gray-normal-24rpx {
    font-size: 24rpx;
    font-weight: normal;
    color: #999999;
}


/* 紫色 字重400 24rpx大小的文字 */

.primary-normal-24rpx {
    font-size: 24rpx;
    font-weight: normal;
    color: #353535;
}


/* 横线 */

.line {
    width: 92%;
    height: 1px;
    opacity: 0.2;
    background-image: linear-gradient(to right, #c8c8c8, #484848, #979797);
}


/* 设备x1图片的大小*/

.device-x1 {
    width: 120rpx;
    height: 111rpx;
}


/* view 按下的样式 */

.view-hover {
    background: rgba(0, 0, 0, 0.1);
}