/*文字中的分隔线*/

.cut-line {
    display: inline-block;
    /*vertical-align: middle;*/
    margin: 0 .04rem;
    @include rect(1px, .12rem);
    background: rgba(125, 132, 144, .7);
    &-blue {
        background: map-get($base, base-blue);
    }
    &-white {
        background: map-get($base, base-white);
    }
    &-gray-white {
        background: rgba(255, 255, 255, .8);
    }
}




/*定义一些暂无状态*/

.card-null {
    padding: .25rem 0;
    @include flex-direction(column);
    text-align: center;
    .content-null,
    .link-other-options {
        @include flexbox();
        @include align();
        font-size: map-get($benmu-font, font-15);
        color: map-get($base, base-blue);
        line-height: 1;
    }
    .content-null {
        padding: 0 0 .15rem;
        color: map-get($base, base-gray);
    }
    &-bg {
        background: map-get($base, base-white);
    }
}

.link-color-text {
    color: #00b4cb;
    position: relative;
    margin-left: .05rem;
    padding-left: .07rem;
    &:after {
        content: "";
        display: block;
        position: absolute;
        left: 0;
        top: .01rem;
        width: 1px;
        height: .13rem;
        background: map-get($base, base-blue);
    }
}

.fill-screen {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.fill-remain-screen {
    @include flexbox();
    flex: 1;
}

.flex-column {
    @include flexbox();
    @include flex-direction(column);
}

.flex-box {
    @include flexbox;
    @include align-items($align-items: center);
}

.flex {
    @include flex();
}

.flex-1 {
    @include flex();
    width: 100% !important;
}

.flex-align {
    @include align;
}

.overflow-show {
    overflow: visible;
}

.set-scroller {
    position: absolute;
    left: 0;
    right: 0;
}

.text-left {
    text-align: left !important;
}

.text-center {
    text-align: center !important;
}

.text-right {
    text-align: right !important;
}



/*设置arrow 位置*/

.arr-icon {
    position: absolute;
    right: .15rem;
    left: auto;
    bottom: .1rem;
    line-height: .18rem;
}

.arr-icon-2 {
    position: absolute;
    right: 0;
    left: auto;
    bottom: -2px;
    line-height: .18rem;
}

.arr-icon-3 {
    position: absolute;
    right: .15rem;
    left: auto;
    bottom: 0;
    line-height: .18rem;
}

.icon-num {
    vertical-align: .005rem;
}

.flex-1 {
    @include flexbox();
    @include flex();
}

.text-ellipsis {
    @include ellipsis;
}

.dn {
    display: none !important;
}

.hidden {
    overflow: hidden;
}

.fontB {
    font-weight: bold !important;
}

.bm-pos-static {
    position: static;
}

.place-block {
    background: map-get($base, bg-color);
    height: .1rem;
    width: 100%;
    position: relative;
    z-index: 10;
}



/* pop */

.bm-pop-wrap {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
}

.bm-pop-main {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    overflow: hidden;
    z-index: 1002;
    background-color: #fff;
}



/*用ionic框架弹层重置代码*/

.popup-container {
    .popup-bm-box {
        .popup-head {
            color: #4e5a6c;
            padding: 20px 10px 0;
            .popup-title {
                font-size: 18px;
            }
        }
        .popup-body {
            padding: .1rem .15rem .15rem;
            p.bm-ionic-popup {
                color: #999 !important;
                font-size: 15px;
                text-align: left !important;
            }
        }
    }
}

.loading-container .toast-bm-noIcon {
    padding: 10px 18px 12px;
}

.bg-tint {
    background: #f9f9f9;
}

.benmu-flex {
    .guide-white {
        .item {
            background: #fff;
        }
        .flex {
            font-size: map-get($benmu-font, font-13);
            text-align: center;
        }
    }
}



/*tag签*/

.bm-tag {
    @include flexbox;
    span {
        padding: .01rem .05rem;
        background: #fff;
        font-size: map-get($benmu-font, font-12);
        margin-right: .06rem;
        @include border($radius: .03rem);
        color: map-get($base, base-blue);
    }
}


/*排队叫号二维码扫描区*/

.queue-code {
    height: .9rem;
    background: #fafafa;
    border-radius: .06rem;
    margin: 0 .1rem .1rem;
    padding: 0 .1rem 0 .15rem;
    @include flexbox;
    @include flex-direction($flex-direction: row);
    &-left {
        @include flex;
        @include flexbox;
        @include flex-direction($flex-direction: column);
        @include justify-content($justify-content: center);
        .s01 {
            font-size: .17rem;
            margin-bottom: .02rem;
        }
        .s02 {
            font-size: .13rem;
        }
    }
    &-right {
        @include align;
        .jyt-code {
            @include square(.7rem);
        }
    }
}

.current-num-box {
    .queue-stats {
        margin-top: -.2rem;
    }
    .current-number {
        font-size: map-get($benmu-font, font-15);
        color: map-get($base, base-gray);
        position: absolute;
        bottom: .18rem;
        left: 50%;
        @include transform(translate(-50%, 0));
    }
}

.jyt-freshen {
    @include border($radius: .2rem);
    @include rect(.75rem, .25rem);
    @include flexbox;
    @include align-items($align-items: center);
    color: map-get($base, base-blue);
    padding: 0 0 0 .15rem;
    position: absolute;
    right: .08rem;
    top: .1rem;
    z-index: 2;
    span {
        line-height: .1rem;
    }
}

.jyt-freshen-disabled {
    color: map-get($base, base-gray-light);
    .ff-freshen-icon:before {
        color: map-get($base, base-gray-light);
    }
}

.fs45-text {
    font-size: .45rem;
    padding: 0 .03rem;
}

.iscroll-box-queue-pt {
    padding: .1rem 0 0 0;
}

.iscroll-box-queue-pb {
    padding: 0 0 .1rem 0;
}

.iscroll-box-queue {
    padding: .1rem 0 .15rem 0
}

.iscroll-box-list01 {
    padding: .1rem 0 0 0;
}

.iscroll-box-list02 {
    padding: 0 .1rem 0;
}

.pos-ios9 {
    position: absolute;
    left: 0;
    right: 0;
}

.code-guide {
    margin-top: .1rem;
}


/*ionic reset*/

body {
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: -apple-system, Helvetica Neue, Roboto, Segoe UI, sans-serif;
    font-weight: 500;
    line-height: 1.2;
}

input[type=text] {
    line-height: 16px;
}

input[type=color],
input[type=date],
input[type=datetime-local],
input[type=datetime],
input[type=email],
input[type=month],
input[type=number],
input[type=password],
input[type=search],
input[type=tel],
input[type=text],
input[type=time],
input[type=url],
input[type=week],
textarea {
    border: 0;
}
pre{
    white-space: pre-wrap;
}
.consutants-banner .banner-bd h1,
.college-piclist .title {
    font-family: -apple-system, Helvetica Neue, Roboto, Segoe UI, sans-serif;
}

.item {
    position: relative;
    z-index: 2;
}

.yo-tab-helper .item {
    background: #fff;
}

.feedback-textarea {
    font-size: 0;
}