su_nan-mobile_wx/uni.scss

$uni-color-primary: #007aff;
$uni-color-success: #4cd964;
$uni-color-warning: #f0ad4e;
$uni-color-error: #dd524d;

$uni-text-color:#333; //基本色
$uni-text-color-inverse:#fff; //反色
$uni-text-color-grey:#999; //辅助灰色，如加载更多的提示信息
$uni-text-color-placeholder: #808080;
$uni-text-color-disable:#c0c0c0;
$uni-bg-color:#ffffff;
$uni-bg-color-grey:#f8f8f8;
$uni-bg-color-hover:#f1f1f1; //点击状态颜色
$uni-bg-color-mask:rgba(0, 0, 0, 0.4); //遮罩颜色
$uni-border-color:#e5e5e5;
$uni-font-size-sm:12rpx;
$uni-font-size-base:14rpx;
$uni-font-size-lg:16;
$uni-img-size-sm:20rpx;
$uni-img-size-base:26rpx;
$uni-img-size-lg:40rpx;
$uni-border-radius-sm: 2rpx;
$uni-border-radius-base: 3rpx;
$uni-border-radius-lg: 6rpx;
$uni-border-radius-circle: 50%;
$uni-spacing-row-sm: 5rpx;
$uni-spacing-row-base: 10rpx;
$uni-spacing-row-lg: 15rpx;
$uni-spacing-col-sm: 4rpx;
$uni-spacing-col-base: 8rpx;
$uni-spacing-col-lg: 12rpx;
$uni-opacity-disabled: 0.3; // 组件禁用态的透明度
$uni-color-title: #2C405A; // 文章标题颜色
$uni-font-size-title:20rpx;
$uni-color-subtitle: #555555; // 二级标题颜色
$uni-font-size-subtitle:26rpx;
$uni-color-paragraph: #3F536E; // 文章段落颜色
$uni-font-size-paragraph:15rpx;
$blue: #1890FF;
$orange: #ffb420;
$red: #FF6B01;
$bc: #f0f3f5;
$green: #54d378;
$bc_light: #F7F7F7;
$fc: #fff;
$bg:rgba(242, 242, 242, 1);
$bg2:#f2f2f2;
$main:rgba(102, 0, 255, 1);
$color1:#c8c9cc;
$color2:#976DEC;
$color3:#DDDDDD;
$color4:#666666;
$color5:#f7f7f7;
$color6:#DFDFDF;
$color7:#FFC122;
$color8:#FFD111;
$color9:#f7f8fa;
$color10:#b4bbc5;
$text1:#797979;
$text2:#c8c9cc;
$text3:#333333;
$text4:#CCCCCC;
$text5:#999999;
$text6:#6600FF;
$text7:#7238E7;
$text8:#BCBCBC;
$text9:#D7D7D7;
$page-color-base: #f8f8f8;
$page-row-spacing: 30upx;
$page-color-base: #f8f8f8;
$page-color-light: #f8f6fc;
$page-bg-dark: #000000;
$base-color: #1890FF;
$home-bg-color: #f8f8f8;
/* 文字尺寸 */
$font-ti: 18rpx;
$font-sm: 24rpx;
$font-base: 28rpx;
$font-lg: 32rpx;
$font-lg-more: 36rpx;
/*文字颜色*/
$font-color-dark: #303133;
$font-color-base: #606266;
$font-color-light: #909399;
$font-color-disabled: #C0C4CC;
$font-color-spec: #4399fc;
$font-color-white: #ffffff;
/* 边框颜色 */
$border-color-dark: #DCDFE6;
$border-color-base: #E4E7ED;
$border-color-light: #EBEEF5;
/* 图片加载中颜色 */
$image-bg-color: #eee;
/* 行为相关颜色 */
$uni-color-primary:#1890FF;
$uni-color-success: #4cd964;
$uni-color-warning: #f0ad4e;
$uni-color-error: #dd524d;
// 商品价格
$uni-color-red:#EC5C52;
$uni-color-orange:#FF9603;

.normal-tip {
    //  display: inline-block;
    font-size: 24rpx;
    line-height: 40rpx;
    padding: 4rpx 10rpx;

    &.by {
        border-radius: 20rpx;
    }

    &.yd {
        border-radius: 5rspx;
    }

    ;
}

@mixin flex {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

@mixin line-clamp () {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.fixed-page-content {
    width: 100%;
    height: 100%;
    padding-bottom: 120rpx;
    box-sizing: border-box;
}

.page-content {
    width: 100%;
    height: 100%;
}

.white-box {
    width: 100%;
    font-size: 28rpx;
    padding: 0 40rpx;
    background-color: #ffffff;
    box-sizing: border-box;

    &:not(:last-child) {
        margin-bottom: 30rpx;
    }

    .flex-item {
        align-items: center;

        .tel-box {
            display: flex;
            align-items: center;
            justify-content: flex-end;

            .custom-tel-component {
                margin-left: 20rpx;
            }
        }
    }

    .cell-item {
        color: var(--Black);
        padding: 30rpx 0;
        display: flex;
        justify-content: space-between;
        position: relative;

        &::after {
            position: absolute;
            box-sizing: border-box;
            content: ' ';
            pointer-events: none;
            right: 0;
            bottom: 0;
            left: 0;
            border-bottom: 2rpx solid #ebedf0;
            -webkit-transform: scaleY(0.5);
            transform: scaleY(0.5);
        }

        >.label {
            flex: 1;
            width: 30%;

            .tips {
                font-size: 22rpx;
                color: var(--greyColor);
            }

            &.required {
                position: relative;

                &::after {
                    content: '*';
                    color: var(--Red);
                    position: absolute;
                    font-size: 30rpx;
                    top: -15rpx;
                    left: -15rpx;
                }
            }
        }

        >.tit {
            color: var(--Black);
            flex: 1;
            width: 70%;
            text-align: right;

            .van-radio-group {
                display: flex;
                justify-content: flex-end;

                .van-radio {
                    &:not(:first-child) {
                        margin-left: 30rpx;
                    }
                }
            }
        }
    }

    .block-cell-item {
        color: var(--Black);
        padding: 30rpx 0;
        position: relative;

        &::after {
            position: absolute;
            box-sizing: border-box;
            content: " ";
            pointer-events: none;
            right: 16rpx;
            bottom: 0;
            left: 16rpx;
            border-bottom: 2rpx solid #ebedf0;
            -webkit-transform: scaleY(0.5);
            transform: scaleY(0.5);
        }

        .label {
            width: 100%;
            padding-bottom: 30rpx;

            &.required {
                position: relative;

                &::after {
                    content: '*';
                    color: var(--Red);
                    position: absolute;
                    font-size: 30rpx;
                    top: -15rpx;
                    left: -15rpx;
                }
            }

            .tips {
                font-size: 22rpx;
                color: var(--greyColor);
            }
        }

        .tit {
            width: 100%;
            color: var(--Black);

            .van-radio-group {
                display: flex;
                justify-content: flex-end;

                .van-radio {
                    &:not(:first-child) {
                        margin-left: 30rpx;
                    }
                }
            }

            .textarea {
                background-color: #F8F8F8;
                font-size: 30rpx;
                color: #B7B7B7;
                border-radius: 10rpx;
                padding: 30rpx;
                word-break: break-all;
            }
        }
    }

    ;

    .custom-white-box-content {
        padding-bottom: 30rpx;
    }
}

.z-bg {
    background: $main;
    color: #fff;
}

// 蓝色背景白色字体
.l-bg {
    background: #0000FF;
    color: #fff;
}

// 红色背景
.h-bg {
    background: #F87A7A;
    color: #fff;
}

//紫色边框紫色字体
.z-br {
    background: #fff;
    border: 1px solid $main;
    color: $main;
}

.chaochuyincang {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}