HTML, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote,
pre, form, fieldset, table, th, td {
    border:none;
    font-family:"微软雅黑","黑体","宋体";
    margin:0px;
    padding:0px;
}
html,body{
    height: 100%;
    width: 100%;
}
address, caption, cite, code, dfn, em, strong, th, var {
    font-style: normal;
    font-weight: normal;
}
a{
    text-decoration:none;
}
a:link{
    color:#fff;
}
a:visited{
    color:#fff;
}
a:hover{
    color:#fff;
}
a:active{
    color:#fff;
}
button[disabled], input[disabled] {
    cursor: default;
}
img{
    border:none;
}
ul,ol,li{
    list-style-type:none;
}

body{padding-top: constant(safe-area-inset-top)}
.topArea{background-color: #fff;padding: 10px 5% 10px 3%;color: #333;text-align: center;}
.topArea > div{display: inline-block;vertical-align: middle;}
.barName{color: #333;font-size: 18px;width: 90%;}
.backMap{width: 9%;}
.backMap > img{width: 28px;height: 28px;}
.backBtn{width: 9%;}
.backBtn > img{width: 9px;height: 16px;}
.selectArea{width: 100%;background-color: #F2F2F2;}
.selectBtn{text-align: center;width: 50%;display: inline-block;padding: 15px 0 ;}
.selectBtn > img{display: inline-block;margin-left: 8px;width: 12px;height: 6px;vertical-align: middle;margin-top: 4px;}
.selectList{width: 100%;height: 250px;overflow-y: scroll;overflow-x: hidden;display: none;position: absolute;z-index: 100;top:100px;background-color: #fff;}
.selectList:first-child{height: 150px;}
.liCursor{color: #1E82F6 !important;}
.level .li{width: 100%;display:inline-block;text-align:left;padding: 15px 0 15px 30px;color: #333;}
.departments .li{width: 100%;display:inline-block;text-align:left;padding: 15px 0 15px 30px;color: #333;}
.organs .li{width: 100%;display:inline-block;text-align:left;padding: 15px 0 15px 30px;color: #333;}
.cursor{color: #1E82F6;}
.hospitalList{width: 96%;padding: 0 2%;margin-top: 103px;}
.hospitalDetail{padding: 10px 0 10px 70px;background: url('../img/navigation.png') no-repeat left center;background-size: 50px;}
.listLeft{width: 70%;display: inline-block;vertical-align: middle;}
.listRight{margin-left:2%;width: 25%;display: inline-block;vertical-align: middle;text-align: right;margin-right: 2%;}
.hospitalName{color: #333;}
.hospitalType ,.address{color: #8f8f8f;font-size: 12px;margin-top: 3px;}
.distance span{display: inline-block;color: #333;vertical-align: middle;}
.distance img{display: inline-block;vertical-align: middle;width: 12px;height: 12px;margin-left: 10px}
.bg-r-c-s{display:none;position: fixed;
    background-color: rgba(33,33,33,0.7);
    left: 0;
    top: 101px;
    width: 100%;
    height: 100%;
    z-index: 99;}
.selecterOrgans ,.selecterDepartments{max-width:130px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;display: inline-block;vertical-align: middle;}
.forFixed{top: 0;width: 100%;z-index: 200;position: fixed;}