.yo-list-map-hospital {
    @include border($border-width: 0 0 1px 0, $border-color:map-get($base, border-color));
    .item {
        .mark {
            @include border($border-width: 1px, $border-color:map-get($base, border-color), $radius: 50%);
        }
        .flex {
            margin: 0 .15rem;
        }
        .title {
            color: map-get($base, base-color);
            font-size: map-get($benmu-font, font-18);
        }
        .detail {
            color: map-get($base, base-color);
            margin-top: .1rem;
            font-size: map-get($benmu-font, font-14);
            min-height: 27px;
        }
    }
}

.yo-list-map-address {
    .item {
        .flex {
            @include ellipsis();
            @include border($border-width: 0 1px 0 0, $border-color:map-get($base, border-color));
            padding: .05rem .1rem .05rem 0;
            margin: 0 .2rem 0 0;
        }
    }
}

.map-detail {
    margin-top: .05rem;
    .title {
        font-size: map-get($benmu-font, font-15);
        color: map-get($base, base-color);
    }
    .item {
        .flex {
            @include border($border-width: 0, $border-color:map-get($base, border-color));
        }
    }
    .detail {
        font-size: map-get($benmu-font, font-13);
        margin-top: .1rem;
        color: map-get($base, base-color);
        white-space: normal;
        line-height: .2rem;
    }
}

.anxious-tag {
    font-size: map-get($benmu-font, font-12);
    color: map-get($base, base-white);
    background-color: map-get($base, base-orange);
    padding: .02rem;
    border-radius: .05rem;
    margin-left: .1rem;
}






/*日间手术名称列表*/

.yo-list-surgery-name {
    .title {
        font-size: map-get($benmu-font, font-17);
        font-weight: bold;
        @include ellipsis();
    }
    .detail {
        font-size: map-get($benmu-font, font-13);
        color: map-get($base, base-gray);
        @include ellipsis();
        margin-top: .05rem;
    }
    .info {
        font-size: map-get($benmu-font, font-15);
        margin-right: .05rem;
    }
}

.yo-list-surgery-hospital {
    .item:first-child {
        padding: .17rem .15rem;
    }
    .item-col {
        @include flex-direction($flex-direction: column);
        @include align-items($align-items: flex-start);
        .item {
            @include flexbox;
            @include flex-direction($flex-direction: row);
            width: 100%;
            @include align-items($align-items: center);
        }
        .flex {
            @include flex();
            font-size: map-get($benmu-font, font-13);
            color: map-get($base, base-gray);
            @include ellipsis();
            margin-top: .05rem;
        }
    }
    .title {
        font-size: map-get($benmu-font, font-17);
        font-weight: bold;
        width: 100%;
        @include ellipsis();
    }
    .flex {
        @include ellipsis();
    }
    .hos-tag {
        margin-right: .05rem;
    }
    .info {
        font-size: map-get($benmu-font, font-13);
        color: map-get($base, base-gray);
    }
}

.map-hos-info {
    &::after {
        border-width: 0;
    }
    .item {
        padding: 0;

        &::after {
            border-width: 0;
        }
        .flex {
            padding-top: .2rem;
        }
        .detail {
            span {
                margin-right: .06rem;
                color: #999;
            }
            .map-recently-text {
                display: inline-block;
                color: map-get($base, base-green);
                @include border($border-width: 1px, $border-color:map-get($base, base-green), $radius: 5px);
                padding: .025rem .07rem;
                margin-bottom: .01rem;
            }
        }
    }
}






/*急诊地图改版*/

.yo-list-urgent-select {
    @include border($border-width: 0 0 1px 0, $border-color:map-get($base, border-color));
    z-index: 1100;
    .info {
        .c-blue {
            font-weight: bold;
            @include border($border-width: 0 0 0 1px, $border-color:map-get($base, border-color));
            padding-left: .2rem;
        }
    }
}

.urgent-select-circle {
    @include border($border-width: 0);
    margin: .1rem .1rem 0;
    .item {
        border-radius: .05rem;
        padding: .1rem .15rem;
    }
}

.open-bar {
    .item {
        border-radius: .05rem .05rem 0 0;
    }
}

.doctor-scroll-height {
    position: relative;
    height: 1.3rem;

    &-pos {
        position: absolute;
        height: 1rem;
        top: 0;
        bottom: 0;
        margin: auto;
        line-height: 1rem;
    }
}






/*知名专家团队*/

.yo-list-specialist {
    .item {
        @include border($border-width: 0 0 1px);
        &:first-child::after {
            border-width: 0 0 1px;
            left: .15rem;
        }
        &::after {
            left: .15rem;
        }
        @include align($align-items:flex-start);
        background: map-get($base, base-white);
        .mark {
            @include border($border-width: 5px, $border-color:#e6e6e6, $radius:50%);
            img {
                @include circle(.6rem);
            }
        }
        .flex {
            margin: 0 0 0 .12rem;
            font-size: map-get($benmu-font, font-13);
            .title {
                @include flexbox;
                .team-name {
                    font-size: map-get($benmu-font, font-17);
                    @extend .limit-one;
                    line-height: .2rem;
                    font-weight: bold;
                    color: map-get($base, base-color);
                    @include flex;
                }
                .status-no {
                    position: relative;
                    padding: .03rem .08rem .01rem;
                    margin: -2px 2px 2px 0;
                    font-size: map-get($benmu-font, font-12);
                    text-align: center;
                    color: map-get($base, base-blue);
                    @include border($border-color: map-get($base, base-blue), $radius:.2rem);
                }
                .status-full {
                    @include border($border-color: map-get($base, base-gray), $radius:.2rem);
                    color: map-get($base, base-gray);
                }
            }

            .details-text {
                position: relative;
                padding: 0 .1rem 0 0;
                color: map-get($base, base-gray);
                line-height: .2rem;
            }
        }
    }
}






/*知名专家团队表格*/

.yo-list-scroll {
    @include flexbox();
    @include flex-direction(row);

    >.item {
        position: relative;
        @include flex-direction(column);
        -moz-flex-shrink: 0;
        -webkit-flex-shrink: 0;
        flex-shrink: 0;
        @include border($border-width: 0 0 0 1px, $border-color: #e4f0f0, $width-percent: 200%);

        .col {
            padding: 0;
            @include rect(.65rem, .45rem);
            @include flex-direction(column);
            @include align();
            &:not(:last-child) {
                @include border($border-width: 0 0 1px, $border-color: #e4f0f0);
            }
            p {
                color: map-get($base, base-white);
                font-size: map-get($benmu-font, font-15);
                line-height: .16rem;
                &:nth-child(2) {
                    font-size: map-get($benmu-font, font-13);
                }
            }
        }
        .col-date p {
            font-size: map-get($benmu-font, font-13);
            color: map-get($base, base-color);
            line-height: .16rem;
        }
        .bookable,
        .booked-full {
            p {
                width: .5rem;
                height: .3rem;
                line-height: .3rem;
                text-align: center;
                background-color: map-get($base, base-blue-v1);
                @include border($border-color: map-get($base, base-blue-v1), $radius: .04rem);
            }
        }
        .booked-full p {
            background-color: #d9d9d9;
            @include border($border-color: #d9d9d9, $radius: .04rem);
            color: #999;
        }
    }
}






/*竖线问题*/

.level-two-tit {
    @include flexbox();
    @include align-items();
    margin: .02rem 0 .05rem;
    /*line-height: .2rem;*/
    color: map-get($base, base-color);
    overflow: visible;
    @include flex-wrap($flex-wrap: wrap);
    span.tag-text02 {
        margin-left: .05rem;
        padding: 0 0 0 .05rem;
        position: relative;
        &::after {
            content: "";
            display: block;
            position: absolute;
            left: 0;
            top: .03rem;
            width: 1px;
            height: .12rem;
            background: #ddd;
        }
    }
}

.level-two-tit-white {
    margin-top: .04rem;
    span {
        color: #fff;
    }
    span.tag-text02 {
        &::after {
            background: #fff;
        }
    }
}

.yo-list-team {
    @include flexbox();
    @include flex-direction(row);
    @include align-items();
    margin-left: -.15rem;
    >.item {
        position: relative;
        padding: 0 0 .25rem 0;
        @include rect(.84rem, auto);
        /*width: 22.5vw;*/
        @include flex-direction(column);
        -moz-flex-shrink: 0;
        -webkit-flex-shrink: 0;
        flex-shrink: 0;
        line-height: 1.2;

        >.mark {
            @include circle(.47rem);
            @include border($border-color: map-get($base, base-white));
            margin-bottom: .13rem;

            &::after {
                z-index: 1;
            }

            img {
                @include circle(.47rem);
            }
        }
        &::after {
            content: none;
        }
        .name {
            padding: 0 0 .05rem;
            font-size: map-get($benmu-font, font-15);
        }
        .level {
            font-size: map-get($benmu-font, font-13);
            color: map-get($base, base-gray);
        }
        .level-img {
            position: absolute;
            width: .56rem;
            top: .35rem;
            left: 0;
            right: 0;
            margin: auto;
            z-index: 2;
        }
    }
}

.card-team {
    height: 1.25rem;
    background: #fff!important;
    @include flexbox();
    @include align-items();
    @include flex();
    width: 100%;
    overflow: hidden;
}

.pad-left {
    padding: 0 0 0 .15rem!important;
}






/*医生主页tag优化*/

.doctor-index-level {
    margin-top: -.02rem;
}

.flex-column {
    .doctor-index-level {
        margin-top: .1rem;
    }
}






/* 医生主页所在团队滚动优化 */

.item-no-pad {
    margin-left: 0;
    >.item {
        box-shadow: 0 2px 2px #f4f4f4;
        &:first-child {
            @include border($border-width:1px, $border-color:#eee,$radius: 4px);
        }
        &:not(:nth-child(3n)) {
            margin-right: 2.9%;
        }
        padding: .1rem 0;
        width: 31.4%;
        @include border($border-width:1px, $border-color:#eee,$radius: 4px);
        >.level-img {
            top: .44rem;
        }
    }
    .name {
        font-size: map-get($benmu-font, font-15);
    }
    .level {
        font-size: map-get($benmu-font, font-13);
        color: map-get($base, base-gray);
    }
}

.specialist-date-bg {
    .item {
        background-color: #f5fbfc;
    }
}





/*帮助中心*/

.yo-list-help {
    .item {
        padding-left: .2rem;
        height: .9rem;
        .flex {
            margin-left: .15rem;
            line-height: 1;
            .help-self-complaint {
                font-size: map-get($benmu-font, font-17);
                margin-bottom: .05rem;
            }
            .description {
                font-size: map-get($benmu-font, font-14);
                color: map-get($base, base-gray)
            }
            p {
                line-height: .24rem;
            }
        }
    }
}





/*排队叫号*/

.queue-box {
    background: #fafafa;
    height: 3.4rem;
    margin: 0 .1rem .1rem;
    /*margin: 0 0 .1rem;*/
    border-radius: .06rem;
    position: relative;
    &:before {
        content: "";
        display: block;
        background: map-get($base, base-blue-v1);
        position: absolute;
        top: 0;
        left: 0;
        @include rect(100%, .03rem);
        border-radius: .06rem .06rem 0 0;
    }
    h2 {
        font-size: map-get($benmu-font, font-15);
        font-weight: bold;
        padding-top: .3rem;
        text-align: center;
    }
    .queue-peo-box {
        text-align: center;
        font-size: map-get($benmu-font, font-15);
        color: #fab43b;
        margin-top: -.1rem;
        .queue-peo {
            font-size: .6rem;
            color: #fab43b;
        }
    }

    .queue-tab {
        @include flexbox;
        .queue-tab-list {
            @include flex;
            @include flex-direction($flex-direction: column);
            @include align;
            padding-bottom: .25rem;
            color: #999;
            font-size: map-get($benmu-font, font-15);
            position: relative;
            /*@include border(0 0 0 1px);*/
            .tab-list-num {
                font-size: .25rem;
                color: map-get($base, base-color);
            }
            &:before {
                content: "";
                display: block;
                position: absolute;
                left: 0;
                top: .1rem;
                width: 1px;
                height: .45rem;
                background: #f5efef;
            }
        }
    }
    .queue-box-hd {
        height: 1.9rem;
    }
    .queue-stats-box {
        @include align;
        @include flexbox;
        @include flex-direction($flex-direction: column);
        position: relative;
        p {
            font-size: map-get($benmu-font, font-15);
        }

        .queue-stats {
            font-weight: bold;
            font-size: .23rem;
            text-align: center;
            line-height: .45rem;
        }
    }
}

.yo-list-queue {
    padding: .2rem .2rem 0;
    position: relative;
    border-top: 1px dotted #e6e6e6;
    &:before,
    &:after {
        content: "";
        display: block;
        @include rect(.1rem, .2rem);
        background: #eee;
        border-radius: 0 .2rem .2rem 0;
        position: absolute;
        left: 0;
        top: -.1rem;
    }
    &:after {
        border-radius: .2rem 0 0 .2rem;
        left: auto;
        right: 0;
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    .item {
        background: #fafafa;
        padding: .03rem 0;
        font-size: map-get($benmu-font, font-15);
        &:after {
            border-width: 0;
        }
    }
    .mark {
        position: relative;
        padding-left: .15rem;
        &:before {
            content: "";
            display: inline-block;
            @include circle(.05rem);
            background: #e6e6e6;
            position: absolute;
            left: 0;
            top: .09rem;
        }
    }
}
/*会诊*/
.consutants-banner{
    background: url(map-get($base,image-path) + 'banner.png');
    background-size: cover;
    padding-top: 58.67%;
    position: relative;
    .banner-bd{
        @include rect(100%,1.18rem);
        @include flexbox;
        @include flex-direction($flex-direction: column);
        @include justify-content($justify-content: center);
        padding: 0 .5rem;
        position: absolute;
        left: 0;
        top: 0;
        h1{
            font-size: .23rem;
            text-align: center;
            margin-bottom: .06rem;
            line-height: .28rem;
        }
        span{
            text-align: center;
            font-size: map-get($benmu-font, font-15);
            color: #fff;
            padding: .01rem .15rem;
            background: #63bfcd;
            border-radius: .2rem;
            @include align-self($align-self: center);
        }
    }
}
.consutants {
    .panel-hd-consutants {
        .hd-tit {
            font-size: map-get($benmu-font, font-18);
            font-weight: bold;
        }
    }
    .consutants-text {
        font-size: map-get($benmu-font, font-15);
        padding: 0 .15rem;
        position: relative;
        margin: -.1rem 0 .05rem 0;
        z-index: 2;
        .consutants-time {
            position: relative;
            padding-left: .1rem;
            margin-left: .1rem;
            &:first-child{
                padding-left: 0;
                margin-left: 0;
            }
            &:not(:first-child):after{
                content:"";
                display: inline-block;
                position: absolute;
                left: 0;
                top: .02rem;
                background: #e6e6e6;
                width: 1px;
                height: .15rem;
            }
        }
    }
    .clinic-arrow{
        padding-right: .2rem;
        .arr-icon-2{
            right: .15rem;
        }
        span{
            line-height: .24rem;
        }
    }
    .consutants-ellipsis {
        margin: -.1rem 0 .05rem 0;
        padding-top: 0;
        .bd {
            padding: 0 .3rem 0 .15rem;
            .arr-icon {
                bottom: .03rem;
            }
        }
    }
}
.queue-img {
    background: url(map-get($base,image-path) + 'queue/queue-v1.png');
    background-size: 1.25rem;
    display: block;
}

.queue-img-wait {
    background-position: 0 -1.2rem;
    @include rect(1.2rem,
    .8rem);
}

.queue-img-noTriage {
    background-position: 0 -2.1rem;
    @include rect(1.2rem,
    .85rem);
}

.queue-img-looking {
    background-position: 0 -3rem;
    @include square(.66rem);
    margin-bottom: .05rem;
}

.queue-img-over {
    background-position: 0 -3.9rem;
    @include square(.66rem);
    margin-bottom: .05rem;
}
.queue-img-underway{
    background-position: 0 -4.8rem;
    @include square(.66rem);
    margin-bottom: .05rem;
}
.queue-img-null {
    background-position: 0 0;
    @include rect(1.25rem,
    .91rem);
}

.queue-null-box {
    @include flexbox;
    @include flex-direction($flex-direction: column);
    @include align-items($align-items: center);
    padding-top: 1.5rem;
}

.queue-tip-bd {
    @include border($border-width: 2px,$border-color: #dedede,$border-style: dashed, $radius: .04rem);
    margin: 0 .1rem 0;
    padding: .13rem .15rem .15rem;
    .queue-tip-list {
        .item {
            background: #eee;
            padding: .04rem 0;
            font-size: map-get($benmu-font, font-15);
            @include align-items($align-items: flex-start);
            &:after {
                border-width: 0;
            }
            .mark {
                padding-left: .15rem;
                &:before {
                    content: "";
                    display: inline-block;
                    @include circle(.05rem);
                    background: #c7ced4;
                    position: absolute;
                    left: 0;
                    top: .12rem;
                }
            }
            .flex{
                margin: 0;
                /*@include ellipsis;*/
            }
        }
        .queue-bind{
            padding: .01rem .12rem 0;
            color: map-get($base,base-blue-v1);
            margin-left: .14rem;
            font-size: map-get($benmu-font, font-13);
            @include border($border-color: map-get($base,base-blue-v1),$radius: .2rem)
        }
    }
}
.queue-tip{
    font-size: map-get($benmu-font, font-15);
    font-weight: bold;
    margin: 0 0 .05rem -.07rem;
    }
.benmu-flex {
    .consutants-fix {
        .ft-fix-left {
            @include flex-direction($flex-direction: row);
            @include justify-content($justify-content: flex-start);
            @include align-items($align-items: center);
            p {
                font-size: map-get($benmu-font, font-15);
                color: map-get($base, base-orange);
            }
        }
    }
}
/*健康学院*/
.college-qa-title{
    background: #fff;
    font-size: map-get($benmu-font, font-17);
    padding: .15rem;
}
.college-qa-answer{
    background: #fff;
    padding-bottom: .15rem;
    .ans-texts{
        background: #fff;
        font-size: map-get($benmu-font, font-17);
        padding: 0 .15rem 0 ;
    }
    .bd{
        margin-left: .15rem;
        padding-bottom: .15rem;
        @include border(1px 0 0 0);
        .item,.ans-texts,.college-piclist-ft{
            padding-left: 0;
        }
        &:nth-child(1){
            @include border(0);
        }
    }

}
.college-qa-index{
    padding-bottom: 0;
}
.college-aw-hd{
    .team-hos-name{
        font-size: map-get($benmu-font, font-15);
    }
    .team-name{
        font-size: map-get($benmu-font, font-17);
        font-weight: bold;
    }
    .level-two-tit{
        font-size: map-get($benmu-font, font-13);
    }
    img{
        @include circle(.4rem);
    }
}
.yo-card-college{
    .img-cover{
        @include rect(1.15rem,.7rem);
        border-radius: .05rem;
    }
    .bd{
        padding: .15rem .15rem .15rem 0;
        margin-left: .15rem;
        @include border(1px 0 0 0);
        &:nth-child(1){
            @include border(0);
        }
        .title{
            font-size: map-get($benmu-font, font-17);
        }
        .desc{
            margin-top: .12rem;
            font-size: map-get($benmu-font, font-13);
        }
    }
}
.college-piclist{
    .img-cover{
        order: 2;
        @include rect(.9rem,.7rem);
    }
    .title{
        line-height: .24rem;
    }
    .cols{
        .flex{
            height: .79rem;
            @include flexbox;
            @include flex-direction($flex-direction: column);
            @include justify-content($justify-content: space-between);
        }
    }
}
.college-piclist-ft{
    @include flexbox;
    @include align-items($align-items:flex-end);
    @include justify-content($justify-content: space-between);
}
.college-qa-ft{
    padding: .12rem .15rem 0;
}