@use "uni";
$white: #ffffff;
$blue: uni.$uni-color-primary;
$green: #1aad19;
$gray_ebedf0: #ebedf0;

button.btn-primary {
	border: 1px solid $blue;
	box-sizing: border-box;
	background-color: $blue;
    color: $white;
	&::after {
	}
}

.t-l {
	text-align: left;
}

radio-group text {
  font-size: 40rpx;
}
radio .wx-radio-input,
checkbox .wx-checkbox-input {
  border-radius: 50%; /* 圆角 */
  width: 40rpx;
  border: 2rpx solid #d5d5d5;
  height: 40rpx;
}
radio .wx-radio-input.wx-radio-input-checked,
checkbox .wx-checkbox-input.wx-checkbox-input-checked {
  border-color: $blue;
  background: $blue;
}
radio .wx-radio-input.wx-radio-input-checked::before,
checkbox .wx-checkbox-input.wx-checkbox-input-checked::before {
  border-radius: 50%; /* 圆角 */
  width: 40rpx; /* 选中后对勾大小，不要超过背景的尺寸 */
  height: 40rpx; /* 选中后对勾大小，不要超过背景的尺寸 */
  line-height: 40rpx;
  text-align: center;
  font-size: 30rpx; /* 对勾大小 30rpx */
  color: $white; /* 对勾颜色 白色 */
  background: $blue;
  transform: translate(-50%, -50%) scale(1);
}

@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(.5);
    }

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

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

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