/*#region 公立 */
.content {
    padding - top: 0;
    background: #eee;
}

.m-banner {
    width: 100%;
    height: 3.76rem;
    overflow: hidden;
}

    .m-banner img {
        width: 100%;
    }

.doctor-address {
    background: #fff;
    padding: .12rem .3rem;
    border-bottom: 1px solid #f1f1f1;
}

.doctor-photo {
    width: 1.5rem;
    height: 1.5rem;
    border-radius: 8px;
}

.doctor-header {
    background: #fff;
}

.doctor-header-content {
    width: calc(7.5rem - .6rem - 1.5rem - .2rem);
    margin-left: .2rem;
    margin-right: 0;
}

    .doctor-header-content > div:first-child i:nth-child(2n) {
        padding: 0 .05rem;
        font-size: calc(0.13 * 24vw);
    }

.doctor-tag-content {
    width: calc(7.5rem - .6rem - 1.5rem - .2rem - 2rem);
    -webkit-line-clamp: 1;
}

.doctor-sc {
    width: 100%;
    margin-top: .2rem;
}

    .doctor-sc i {
        display: block;
        width: .24rem;
        height: .24rem;
        margin-right: .15rem;
        background: url("../image/title.png");
        background-size: cover;
    }

    .doctor-sc span {
        margin - right: .36rem;
        /*font-size: calc(0.13 * 24vw);*/
        color: #666;
    }

        .doctor-sc span:last-child {
            margin - right: 0;
        }

.doctor-list-city {
    border - left: 1px solid #FF8B8C;
    height: .26rem;
    overflow: hidden;
}

.doct-btn {
    width: 1.6rem;
    height: 0.5rem;
    font-size: 0.3rem;
    line-height: 0.5rem;
    position: absolute;
    right: .3rem;
    top: .8rem;
}

.doctor-header-tag {
    position: relative;
}
/*#endregion */

/*#region 弹窗 */
[v-cloak] {
    display: none;
}

.m-popup {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    display: none;
    z-index: 10;
}

.m-mask {
    width: 100%;
    height: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 11;
    background: #000;
    opacity: .7;
}

.popup {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}

.m-popup-content {
    width: 6.1rem;
    position: relative;
    z-index: 12;
    animation: doctorIn 1s;
    -webkit-animation: doctorIn 500ms;
    animation-fill-mode: forwards;
    -webkit-animation-fill-mode: forwards;
    -ms-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    border-radius: 8px;
    background: #fff;
    overflow: hidden;
}

.m-popup-body {
    height: auto;
    max-height: 9.2rem;
    /*border-radius: 8px;*/
    overflow-x: hidden;
    overflow-y: scroll;
}

.m-popup-close {
    position: absolute;
    top: .15rem;
    right: .15rem;
    width: .3rem;
    height: .3rem;
    z-index: 13;
}

    .m-popup-close img {
        width: 100%;
    }

.m-t-25 {
    margin - top: .25rem;
}

.lhz-split {
    color: #ccc;
}

.b10 {
    width: 100%;
    height: .1rem;
    background: #f5f5f5;
}

.labelling {
    /*font-size: calc(0.13 * 24vw);*/
    height: .4rem;
    line-height: .4rem;
    padding: 0 .15rem;
    margin-right: .1rem;
}

.m-sc img {
    width: .24rem;
    height: .32rem;
    margin-right: .2rem;
}

.bottomLeave {
    animation: doctorLeave 1s;
    -webkit-animation: doctorLeave 500ms;
    animation-fill-mode: forwards;
}

.hosp {
    color: #666;
}

.add {
    width: 100%;
    height: .7rem;
    border-radius: .05rem;
    line-height: .7rem;
    -moz-box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.1), 0 1px 8px 0 rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.1), 0 1px 8px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.1), 0 1px 8px 0 rgba(0, 0, 0, 0.2);
}

    .add img {
        width: .24rem;
        height: .34rem;
    }

    .add span {
        color: #b2b2b2;
    }

.experience {
    color: #666;
    line-height: .42rem;
}
/*#endregion */