@charset "utf-8";
@import "../lib/widget/yo-switchable";

/**
 * yo-switchable扩展
 */

@include yo-switchable(
    $name: help
){
    height: 1.35rem;
    >.cont {
        .item {
            .guide-wrap {
                @include align($justify-content: flex-start);
                @include rect(100%,100%);
            }
            background: map-get($base,base-blue-v1);
            height: 1.35rem;
            .help-guide {
                width: 33.33%;
                font-size: map-get($benmu-font,font-15);
                font-weight: bold;
                color: map-get($base,base-white);
                img {
                    margin-bottom: .1rem;
                    @include square(.45rem);
                }
                p{
                    line-height: .24rem;
                }
            }
        }
    }
    >.index {
        z-index: 2;
        bottom: .15rem;
        li {
            @include rect(.1rem,.03rem);
            @include border-radius(.03rem);
        }
    }
}
@include yo-switchable(
    $name: banner
)