/* 头部 header */
.hospital .header{
    display:flex;
    flex-direction:row;
    justify-content:space-between;
    align-items: center;
    padding:0.5rem;
    background:#1DB1AF;
    color:#fff;
    height:2.45rem;
}
.hospital .header a{
    display: inline-block;
}
.hospital .header .logo{
    width:4rem;
    height:1.25rem;
    vertical-align: text-bottom;
}
.hospital .header .middle{
    display:flex;
    flex-direction: row;
    justify-content: center;
    align-items:center;
    position: absolute;
    margin-left:5.75rem;

}
.hospital .header .nav{
    width:1.4rem;
    height:1.4rem;
}
/* nav点击显示块 */
.hospital .header .nav_list{
    display:none;
}
.hospital .header .nav_list.active{
    display:flex;
    z-index:2;
    width:6.5rem;
    height:7.5rem;
    color:#1DB1AF;
    font-size:0.75rem;
    position: absolute;
    top:2.05rem;
    right:0;
    padding-top:0.35rem;
    flex-direction: column;
    justify-content: space-between;
    align-items:start;
    background:#fff;
    background:url("https://www.boutiquality.com/style/mhos/image/nav_list_bg.png") no-repeat left top;
    background-size:cover;
}
.hospital .header .nav_list .nav_list_item{
    width:100%;
    padding:0.07rem 0.3rem 0.05rem 0.3rem;
}
.hospital .header .nav_list .nav_list_item img{
    width:0.7rem;
    height:0.7rem;
}
.hospital .header .nav_list .active{
    color:#fff;
    background:#1DB1AF ;
}
.hospital .header .hospital{
    font-size:0.75rem;
    font-weight: bold;
    padding:0.35rem 0.6rem;
    color:#1DB1AF;
    background:#fff;
}
.hospital .header .doctor{
    font-size:0.75rem;
    padding:0.3rem 0.6rem;
    background:rgba(24,140,138,1);
}
/* 医院列表 hospital_list */
.hospital .hospital_list .list_title{
    width:100%;
    padding:0.75rem 4rem;
    display:flex;
    flex-direction: row;
    justify-content:space-between;
    align-items:center;
}
.hospital .hospital_list .list_title .title{
    font-size:0.7rem;
    color:rgba(52,52,52,1);
    line-height:0.65rem;
}
.hospital .hospital_list .list_title .title img{
    position: absolute;
    margin-left:0.2rem;
    margin-top:0.3rem;
    width:0.35rem;
    height:0.2rem;
}
.hospital .hospital_list .list_item{
    display: block;
    display:flex;
    flex-direction: row;
    justify-content: start;
    align-items: center;
    margin:0 0.5rem 0.75rem 0.5rem;
    border:0.05rem solid rgba(204, 204, 204, 1);
    border-radius:0.25rem;
    padding:0.5rem;
    overflow:hidden;
}
.hospital .hospital_list .list_item .hos_img{
    width:5.15rem;
    height:4.12rem;
    flex-shrink: 0;
}
.hospital .hospital_list .list_item .item_right{
    margin-left:0.6rem;
}
.hospital .hospital_list .list_item .item_right .hos_name{
    font-size:0.75rem;
    color:rgba(52,52,52,1);
    line-height:0.65rem;
}
.hospital .hospital_list .list_item .item_right .hos_name i{
    font-size:0.6rem;
    color:rgba(102,102,102,1);
    line-height:0.65rem;
    margin-left:0.5rem;
}
.hospital .hospital_list .list_item .item_right .hos_ke{
    display:block;
    overflow:hidden;
}
.hospital .hospital_list .list_item .item_right .recommend{
    font-size:0.6rem;
    color:rgba(102,102,102,1);
    margin:0.1rem;
}
.hospital .hospital_list .list_item .item_right .hos_ke span{
    font-size:0.5rem;
    padding:0 0.37rem;
    color:rgba(29,178,175,1);
    text-align:center;
    margin-right:0.5rem;
    background:rgba(29,178,176,0.2);
}
.hospital .hospital_list .list_item .item_right .recommend{
    font-size:0.6rem;
    color:rgba(102,102,102,1);
}
.hospital_list .list_item .item_right .first::after{
    content: '';
    display:inline-block;
    height:0.6rem;;
    width:0.05rem;
    vertical-align: middle;
    margin:0 0.25rem;
    background:rgba(102,102,102,1);
}
.hospital_list .list_item .item_right .export_addre{
    font-size:0;
    display:flex;
    flex-direction: row;
    justify-content: flex-start;
}
.hospital_list .list_item .item_right .address_icon{
    width:0.4rem;
    height:0.5rem;
}
.hospital_list .list_item .item_right .address_desc{
    flex: 1;
    display:inline-block;
    font-size:0.6rem;
    color:rgba(102,102,102,1);
    line-height:0.6rem;
    margin-left:0.1rem;
}
/* 点击显示地区筛选 area_container*/
.hospital .hospital_list .area_container{
    position: absolute;
    top:4.3rem;
    left:0;
    right:0;
    bottom:0;
    background:#f8f8f8;
}
.hospital .hospital_list .area_container > div{
    border-top: 0.1rem solid #f8f8f8;
}
.hospital .hospital_list .area_container .area_item .area_item_list{
    line-height: 2.3rem;
    border-left: 0.15rem solid transparent;
    border-bottom: .5px solid #EBECF1;
    padding: 0 0.6rem;
    color: #555;
}
.hospital .hospital_list .area_container .area_item .area_item_list:last-child{
    border-bottom: 0;
}
.hospital .hospital_list .area_container .area_item .area_item_list.active{
    border-left-color: #22A9A7;
    color: #22A9A7;
}
.hospital .hospital_list .area_container .area_item .area_item_list .city_list{
    left: 6rem;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: #F8F8F8;
    display: none;
    color:#555;
}
.hospital .hospital_list .area_container .area_item .area_item_list.active .city_list{
    display:block;
}
.hospital .hospital_list .area_container .area_item .area_item_list .city_list a{
    margin-right: 0.8rem;
    margin-bottom: 0.8rem;
    width: 5.3rem;
    height: 1.8rem;
    line-height: 1.8rem;
    border-radius: 0.25rem;
    border: 0.025rem solid #eee;
    background-color: #fff;
}
.hospital .hospital_list .area_container .area_item .area_item_list .city_list a:nth-child(2n){
    margin-right: 0;
}
/* 科室搜索列表keshi_container */
.hospital .hospital_list .keshi_container{
    position: absolute;
    top:4.3rem;
    left:0;
    right:0;
    bottom:0;
    background:#f8f8f8;
}
.keshi_container > div{
    border-top: 0.1rem solid #f8f8f8;
}
.keshi_container .area_item .area_item_list{
    line-height: 2.3rem;
    border-left: 0.15rem solid transparent;
    border-bottom: .5px solid #EBECF1;
    padding: 0 0.6rem;
    color: #555;
}
.keshi_container .area_item .area_item_list:last-child{
    border-bottom: 0;
}
.keshi_container .area_item .area_item_list.active{
    border-left-color: #22A9A7;
    color: #22A9A7;
}
.keshi_container .area_item .area_item_list .city_list{
    left: 6rem;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: #F8F8F8;
    display: none;
    color:#555;
}
.keshi_container .area_item .area_item_list.active .city_list{
    display:block;
}
.keshi_container .area_item .area_item_list .city_list a{
    margin-right: 0.8rem;
    margin-bottom: 0.8rem;
    width: 5.3rem;
    height: 1.8rem;
    line-height: 1.8rem;
    border-radius: 0.25rem;
    border: 0.025rem solid #eee;
    background-color: #fff;
}
.keshi_container .area_item .area_item_list .city_list a:nth-child(2n){
    margin-right: 0;
}