$white: #fff;
$gray_ebedf0: #ebedf0;

@mixin displayFlex($alignItems, $justifyContent) {
    display: flex;
    align-items: alignItems;
    justify-content: $justifyContent;
}

.row {
    position: relative;
    @include displayFlex("", space-between);
    background: $white;
    padding: 20rpx 32rpx;

    &::after {
        position: absolute;
        box-sizing: border-box;
        transform-origin: center;
        content: " ";
        pointer-events: none;
        top: auto;
        right: 0;
        bottom: 0;
        left: 16px;
        border-bottom: 1px solid $gray_ebedf0;
        transform: scaleY(0.5);
    }

    label {
        display: block;
        width: 200rpx;
        font-size: 28rpx;
    }

    .row-right {
        flex: 1;
        @include displayFlex(center, "");
    }

    input {
        width: 100%;
        font-size: 28rpx;
    }
}

/* pages/addCard/visitorEntry.wxss */
.visitorEntry {
    padding: 15rpx;

    .step-content {
        padding: 40rpx 0;
        background: $white;
        margin-bottom: 20rpx;
    }

    .value {
        position: relative;

        .code {
            position: absolute;
			// #ifdef MP
            bottom: 136rpx;
			// #endif
			// #ifdef H5
			bottom: 128rpx;
			// #endif
            right: 14rpx;
            height: 60rpx;
            line-height: 60rpx;
            color: rgb(0, 121, 254);
            z-index: 2;
            font-size: 26rpx;
            border: 0;
            display: flex;
            align-items: center;
            border: 0;
            background: transparent;
            &::after {
                display: none;
            }

            &.disabled {
                padding-left: 40rpx;
                color: #b1b1b1;
                background: transparent;
            }
        }

        .gender {
            height: 100%;

            .gleft {
                width: 20%;
            }
        }
    }

    .control-count-down {
        z-index: 2;
    }

    .next {
        margin-top: 30rpx;
        text-align: center;

        button {
            width: 100%;
            border-radius: 10rpx;
            height: 100rpx;
            font-size: 32rpx;
        }

        .agree {
            margin: 15rpx 2rpx;
        }
    }

    .haveCard {
        text-align: center;
        margin-top: 30rpx;
        color: #1890ff;
    }

    .success {
        text-align: center;
        background-color: #fff;
        height: 2000rpx;

        .hook {
            color: #0079fe;
            font-size: 100rpx;

            .image {
                width: 220rpx;
                height: 220rpx;
            }
        }

        .successPro {
            font-size: 50rpx;
        }
    }

    .nationValue {
        position: fixed;
        bottom: 15%;
        width: 100%;
        height: 430rpx;
        z-index: 3;
        left: 0rpx;
    }

    .field-index--van-field {
        z-index: 0;
    }

    .time {
        position: fixed;
        z-index: 3;
        width: 100%;
        bottom: 0rpx;
        left: 0rpx;
    }

    .van-uploader__upload {
        width: 20rpx !important;
        height: 20rpx !important;
    }

    .van-uploader {
        width: 20rpx;
        height: 20rpx;
        z-index: 1;
    }

    .uploaderCard {
        background-color: white;
        z-index: 2;
        width: 20rpx;
        height: 20rpx;
        position: absolute;
        right: 60rpx;
        top: 30rpx;
    }

    .cardIcon {
        /* height: 88rpx; */
        position: relative;
    }

    .sexListValue {
        position: fixed;
        z-index: 3;
        width: 100%;
        bottom: 0rpx;
        left: 0rpx;
    }

    .van-steps--horizontal {
        padding: 48rpx 100rpx;
        margin-bottom: 10rpx;
    }

    .node {
        display: none;
    }

    .show {
        display: block;
    }

    .van-transition {
        z-index: 3 !important;
    }

    .view-text-name {
        background-color: #fff;
        height: 88rpx;
        line-height: 88rpx;
        border-bottom: 2rpx solid #ebedf0e0;
    }

    .textName {
        width: 170rpx;
        display: inline-block;
        padding-left: 35rpx;
    }

    .text-input {
        display: inline-block;
        width: 64%;
        color: var(--field-input-text-color, #323233);
        font-size: 26rpx;
        vertical-align: sub;
    }

    .van-picker-column__item--selected {
        font-weight: 700;
        background-color: #f9f9f9;
    }

    .van-field__input {
        width: 70%;
    }

    .wrapper {
        width: 100%;
        height: 100%;
    }

    .camera-modal-content {
        height: calc(100% - 400rpx);
    }

    .camera-modal-btn {
        width: 100%;
        height: 400rpx;
        padding: 24rpx 30rpx 0;
        box-sizing: border-box;
        overflow: auto;
        background-color: #fff;

        .van-button {
            width: 100%;
            margin-top: 24rpx;
            font-size: 32rpx;
        }
    }
	&.ov-h {
		position: relative !important;
		z-index: 1 !important;
		height: 100% !important;
		overflow: hidden !important;
	}
}

.control-count-down .van-count-down {
    color: rgb(0, 121, 254);
}

.urgent {
    color: #fe9400;
    margin: 20rpx 0;
    padding: 0 20rpx;
}

.LinkList {
    margin-top: 110rpx;
}

.LinkList .info button {
    background-color: #fff;
    color: #0079fe;
}

.LinkList .info .van-button--active:before {
    background: #fff;
}

.read {
    display: flex;
    padding: 30rpx 30rpx 0 30rpx;
    font-size: 26rpx;
}

.agree-css {
    float: left;
    line-height: 50rpx;
    height: 90rpx;
    margin-right: 17rpx;
}

.button_agree {
    width: 100% !important;
    color: #1890ff !important;
}


/** 隐私政策弹窗样式start */
.privacy-modal {
	position: fixed; 
	z-index: 10000;
	bottom:0
}
.privacy-box {
    box-sizing: border-box;
    width: 100vw;
	height: 100%;
	overflow: auto;
    padding: 0;
    background: #fff;
}
.privacy-title {
    display: block;
    font-size: 36rpx;
    font-weight: 700;
    padding-top: 30rpx;
    text-align: center;
}
.privacy-content {
    padding: 0 30rpx;
    line-height: 70rpx;
    font-size: 24rpx;
    padding-bottom: 120rpx;
}
.privacy-content .h1 {
    font-size: 28rpx;
    font-weight: 700;
    margin: 30rpx 0;
}
.privacy-content .p {
    padding: 6rpx 0;
}
.privacy-btn {
    position: fixed;
	bottom: 0;
    z-index:10001;
    width: 100%;
	.button_agree {
		border-radius: 0 !important;
		&:after {
			border-top: 1px solid rgba(0, 0, 0, 0.2) !important;
			border-radius: 0 !important;
		}
	}
}
/** 隐私政策弹窗样式end */