@charset "utf-8";
@import "~yo3/style/lib/element/yo-checked";

/**
 * yo-checked通用或全局扩展
 */

@include yo-checked(
    $name: c,
    $radius: 50%,
    $border-width: 1px,
    $border-color: #ddd,
    $on-border-color: #099fde,
    $on-bgcolor: #099fde,
    $on-color: #fff
);

@include yo-checked(
    $name: loan,
    $radius: 0.05rem,
    $border-width: 1px,
    $border-color: #999,
    $on-border-color: #099fde,
    $on-bgcolor: #099fde,
    $on-color: #fff
) {
    width: 0.3rem;
    height: 0.3rem;
    @include transform(scale(0.67));
    > input {
        width: 0.3rem;
        height: 0.3rem;
    }
    > .protocol-type {
        width: 0.18rem;
        height: 0.18rem;
        position: absolute;
        left: 50%;
        top: 50%;
        @include transform(translate(-30%, -50%));
    }
};

// 人行征信协议 yo-checked

@include yo-checked(
    $name: protocol,
    $font-size: .14rem,
    $on-bgcolor: #099FDE,
    $on-color: #fff,
    $on-border-color: #099FDE,
    $radius: 50%,
    $border-color: #ddd,
    $border-width: 1px
) {
    margin: 0 .15rem;
    width: .23rem;
    height: .23rem;

    > input {
        ~ .number {
            position: absolute;
            left: 0px;
            top:0px;
            display: inline-block;
            padding:.03rem 0 .02rem 0;
            line-height: .18rem;
            font-size:.18rem;
            font-family: "Arial";
            color: #c7ced4;
            text-align: center;
            width: .23rem;
            z-index: -1;
        }
    }

    > input:checked {
        + .type::after {
            border: none;
        }
    }

    > input:disabled {
        + .type {
            border: none;
            background-color: transparent !important;   //去掉yo-check的圆球
            + .number {
                display: inline-block;
                z-index: 0;
            }
        }
        + .type::after {
            color: transparent !important;  // 去掉yo-check的勾
        }
    }
}