epmet-resi-rizhao/subpages/points/assets/scss/c-select5Address.scss

//引入全局配置
@import "../../../../assets/scss/c/conf";
@import "../../../../assets/scss/c/mx";
@import "../../../../assets/scss/c/f";
@import "../../../../assets/scss/a/c";
.m-hint {
    text-align: center;
    padding: 150rpx 50rpx;
    line-height: 50rpx;
    color: $fc3;
    text-align: center;
    font-size: 32rpx;
    font-family: PingFang SC;
    font-weight: 500;
}

.m-select {
    @include shield;
    z-index: 1000;

    .wrap {
        position: absolute;
        box-sizing: border-box;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 85%;
        background-color: #ffffff;
        border-radius: 10rpx 10rpx 0 0;
    }

    .wrap2 {
        box-sizing: border-box;
        height: 100%;
        padding-top: 10rpx;
        padding-bottom: 220rpx;
        overflow-y: scroll;
    }

    .nav {
        display: flex;
        padding: 20rpx 15rpx;
        line-height: 80rpx;

        .nav-item {
            @include toe;
            position: relative;
            box-sizing: border-box;
            padding: 0 15rpx;
            max-width: 25%;
            min-width: 10%;
            height: 80rpx;
            text-align: center;
            font-size: 30rpx;
            font-family: PingFang SC;
            // font-weight: bold;
            color: rgba(153, 153, 153, 1);
            color: #333;

            &::after {
                content: "";
                display: block;
                position: absolute;
                bottom: 0;
                left: 0;
                right: 0;
                margin: 0 auto;
                width: 50rpx;
                height: 8rpx;
                // border-radius: 3rpx;
                background: linear-gradient(to right, #ffcdac, #ec0c0c);
                background: linear-gradient(to left, #ffcdac, #f4594c 85%, #ec0c0c 85%, #ec0c0c);
                transform: scale(0);
                opacity: 0;
                transition: all ease 0.13s;
            }

            &.z-on {
                color: #333;
                font-weight: bold;
                &::after {
                    opacity: 1;
                    transform: scale(1);
                }
            }
        }
    }

    .title {
        position: relative;
        margin: 0 auto;
        padding: 20rpx 0;
        width: 710rpx;
        line-height: 60rpx;
        border-bottom: 1rpx solid #e7eeee;
        font-size: 32rpx;
        font-family: PingFang SC;
        font-weight: 500;
        color: #999;
        .row {
            overflow: hidden;
        }
        .title-ico {
            position: relative;
            width: 60rpx;
            height: 60rpx;
            opacity: 0.4;
            image {
                @include hub;
                &.title-ico-back {
                    width: 19rpx;
                    height: 34rpx;
                }
                &.title-ico-close {
                    width: 35rpx;
                    height: 35rpx;
                }
            }
        }
        .title-btn {
            width: 140rpx;
            height: 60rpx;
            line-height: 60rpx;
            background: rgba(230, 0, 0, 1);
            border-radius: 30rpx;
            font-size: 30rpx;
            font-family: PingFang SC;
            font-weight: 500;
            color: rgba(255, 255, 255, 1);
            text-align: center;
        }
    }

    .back-btn {
        box-sizing: border-box;
        margin: 15rpx 20rpx;
        padding: 10rpx 5rpx;
        width: 200rpx;
        border: 1rpx solid #e5e5e5;
        line-height: 60rpx;
        border-radius: 10rpx;
        font-size: $fz6;
        font-family: PingFang SC;
        font-weight: 500;
        color: $c2;
        text-align: center;
    }

    .menu-title {
        margin-top: 20rpx;
        padding: 0 20rpx;
        line-height: 50rpx;
        font-size: 28rpx;
        font-family: PingFang SC;
        font-weight: 500;
        color: rgba(153, 153, 153, 1);
    }

    .menu {
        @include cs;
        box-sizing: border-box;
        margin: 0 auto;
        padding: 20rpx 10rpx;
        width: 710rpx;
        border-top: 1rpx solid #fefefe;
        line-height: 40rpx;

        .ico-radio {
            position: relative;
            display: block;
            width: 50rpx;
            height: 40rpx;
            margin-right: 10rpx;
            transition: all $ad1 ease-in-out;

            &::before {
                @include hub;
                content: "";
                display: block;
                width: 22rpx;
                height: 22rpx;
                border-radius: 100%;
                border: 3rpx solid #aaa;
                transition: all $ad1 ease-in-out;
            }

            &::after {
                @include hub;
                content: "";
                display: block;
                width: 10rpx;
                height: 10rpx;
                border-radius: 100%;
                background-color: #aaa;
                transform: scale(0);
                transition: all $ad1 ease-in-out;
            }

            &.z-disabled {
                &::before {
                    border-color: #e5e5e5;
                }
                &::after {
                    background-color: #e5e5e5;
                }
            }

            &.z-on {
                &::before {
                    border-color: $c1;
                }
                &::after {
                    background-color: $c1;
                    transform: scale(1);
                }
            }
        }

        .ico-fold {
            display: inline-block;
            margin-left: -20rpx;
            padding: 4rpx 10rpx;
            width: 32rpx;
            height: 32rpx;
            vertical-align: bottom;
            transition: all $ad1 ease-in-out;

            &.z-unfold {
                transform: rotate(90deg);
            }
        }

        .name {
            // @include toe;
            width: 400rpx;
            font-size: 28rpx;
            font-family: PingFang SC;
            font-weight: 500;
            color: rgba(51, 51, 51, 1);
        }

        .num {
            font-size: 26rpx;
            font-family: PingFang SC;
            font-weight: 500;
            color: rgba(230, 0, 0, 1);
        }

        .ico-go {
            display: block;
            margin: 10rpx 15rpx;
            width: 13rpx;
            height: 24rpx;
            transition: all $ad1 ease-in-out;
            opacity: 0.7;

            &.z-unfold {
                transform: rotate(90deg);
            }
        }
    }
}