@charset "utf-8";
@import "~yo3/style/lib/fragment/yo-header";
/**
 * yo-header通用或全局扩展
 */

@include yo-header( $name: white, $bgcolor: #fff, $color: #000, $border-color: #eee) {
    min-height: 0.44rem;
    .regret,
    .affirm,
    .affirm .yo-ico,
    .regret .yo-ico {
        color: #000 ;
        position: absolute;
    }
    .regret.yo-ico {
        padding-left: .1rem;
    }
    .affirm {
        font-size: .14rem;
    }
    .affirm.yo-ico {
        padding-right: .2rem;
    }
    .title {
        height: 100%;
        font-weight: normal;
    }
}

@include yo-header(
    $name: transparent,
    $bgcolor: #fff,
    $color: #333,
    $item-ico-color: #333,
    $border-color: #fff
) {
    overflow: visible;
    .title {
        font-weight: 400;
    }
    .regret{
        padding-left: .1rem;
    }
}

@include yo-header(
    $name: select,
    $height: .54rem,
    $bgcolor: #fff,
    $color: #333,
    $item-ico-color: #bdbdbd,
    $border-color: #eee
) {
    .title {
        font-weight: 400;
    }
    .regret {
        padding-left: .12rem;
        font-size: .24rem !important;
        color: #ddd !important;
    }
}

@include yo-header(
    $name: borrowTo,
    $bgcolor: #fff,
    $color: #333,
    $height: auto,
    $item-ico-color: #bdbdbd,
    $border-color: #eee
) {
    .title {
        font-weight: 400;
        line-height: .2rem;
        margin: .18rem 0 0 0;
    }
    .sub-title {
        font-size: .12rem;
        color: #919191;
        padding: .15rem;
        text-align: left;
        white-space: normal;
        font-weight: 100;
        line-height: .18rem;
        .bank-title {
            color: #ff8300;
            font-weight: bold;
        }
    }
    .regret {
        line-height: .54rem;
    }
}

@include yo-header(
    $name: extra,
    $bgcolor: #fff,
    $color: #333,
    $height: .74rem,
    $item-ico-color: #bdbdbd,
    $border-color: #eee
) {
    .title {
        font-weight: 400;
        height: .18rem;
        line-height: .18rem;
        margin: .18rem 0 0 0;
    }
    .sub-title {
        font-size: .12rem;
        height: .12rem;
        line-height: .12rem;
        color: #bdbdbd;
        margin: .08rem 0 .18rem 0;
    }
    .regret {
        line-height: .54rem;
    }
}

@include yo-header(
     $name : ios
){
    height: .64rem;
    .statusbar {
        display: block;
        height: .2rem;
    }

    .regret, .affirm {
        top: .2rem;
        bottom: 0;
    }
};


@include yo-header(
    $name: home,
    $bgcolor: #fff,
    $color: #212121,
    $item-ico-color: #212121,
    $border-color: #fff
) {

    .affirm{
        width: auto;
        font-size: .14rem;
        color: #212121;
        .redNotice{
            position: absolute;
            z-index: 1001;
            color: #ff5555 !important;
            top: -.08rem;
            right: .04rem;
            background-color: transparent;
            font-size: .16rem;
        }
    }
    .regret{
        padding-left: .1rem;
    }
    .title{
        font-weight: normal;
    }
}

@include yo-header(
    $name: opacity,
    $bgcolor: #fff,
    $color: #212121,
    $item-ico-color: #212121,
    $border-color: #fff
) {
    width: 100%;
    background: transparent;

    &:after {
        background: transparent;
        border-color: transparent;
    };
}

@include yo-header(
    $name: protocol,
    $bgcolor: #fff,
    $item-ico-color: #212121
) {
    &:after {
        border-width: 0;
    }
    .regret {
        padding-left: .12rem;
        font-size: .2rem !important;
    }
}

@include yo-header(
    $name: coupon
) {
    .affirm {
        width: auto;
        font-size: .14rem;
        color: #9E9E9E;
    }
}