body {
  background: #fff;
  /* height: 100%;
  -webkit-overflow-scrolling: touch; */
}


/* header */
.nav {
  border-bottom: 1px solid #e4e4e4;
  background: #fff;
  // position: fixed;
  // top: 0;
  // left: 0;
}

.header-title {
  color: #222222 !important;
}

// .main{
//   margin-top: 112rem;
// }

.filter-box {
  display: flex;
  align-items: center;
  width: 100%;
  height: 66rem;
  background: #fff;
}

.filter-item {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 30%;
  text-align: center;
  margin: 0 15rem;
}

.filter-item .name {
  font-size: 24rem;
  font-family: PingFangSC, PingFangSC-Medium;
  font-weight: 600;
  color: #545454;
  overflow: hidden;
}

.filter-item.active .name {
  color: #1890ff;
}

.filter-item .arrows-img {
  margin-left: 10rem;
  width: 16rem;
  height: 12rem;
}

/* 医院省市 */
.filter-wrapper {
  position: fixed;
  top: 175rem;
  height: calc(100% - 175rem);
  left: 0;
  width: 100%;
  z-index: 2000;
  background: rgba(0, 0, 0, 0.5);
}

.list-box {
  display: flex;
  height: 100%;
  font-size: 32rem;
  color: #666666;
  background: #ffffff;
}

.list-left {
  width: 300rem;
  background: #f7faff;
  overflow: auto;
}

.list-left .left-item {
  display: flex;
  align-items: center;
  height: 85rem;
  padding: 0 30rem;
}

.list-right {
  flex: 1;
  width: calc(100% - 290rem);
  height: 100%;
  background: #fff;
  position: absolute;
  top: 0;
  right: 0;
  overflow: auto;
}

.right-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 85rem;
  padding: 0 30rem;
}

.right-item .checked-img {
  width: 24rem;
  height: 24rem;
  margin-left: 10rem;
}

.right-item{
  color: #666666;
  font-family: PingFangSC, PingFangSC-Medium;
  font-weight: normal;
  background: #fff;
}

.list-left .active,
.right-item .active {
  color: #007cff;
  font-family: PingFangSC, PingFangSC-Medium;
  font-weight: 700;
  background: #fff;
}

/* 类型 */
.sort-box {
  padding: 0 30rem;
  box-sizing: border-box;
  background: #fff;
}

.sort-box .sort-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 85rem;
  font-size: 32rem;
  color: #666666;
}

.sort-box .sort-item.active {
  font-family: PingFangSC, PingFangSC-Medium;
  font-weight: 700;
  color: #007cff;
}

.sort-box .sort-item .checked-img {
  width: 24rem;
  height: 24rem;
}

/* 医院筛选 */
.screen-box {
  background: #fff;
}

.screen-box .title {
  padding: 30rem 30rem 20rem;
  font-size: 32rem;
  color: #333333;
  font-weight: 600;
}

.screen-box .tag-box {
  display: flex;
  margin: 0 -10rem;
  padding: 0 30rem;
  flex-wrap: wrap;
}

.tag-box .tag-item {
  margin: 0 10rem 10rem 0;
  padding: 11rem 20rem;
  font-size: 24rem;
  text-align: center;
  color: #999;
  line-height: 33rem;
  background: #f3f3f3;
  border-radius: 8px;
}

.tag-box .tag-item.active {
  color: #007cff;
  background: #e5f1ff;
}

.btn-box {
  display: flex;
  align-items: center;
  margin-top: 50rem;
  padding: 20rem 30rem;
}

.border-1px {
  border-bottom: 1px solid #eeeeee;
}

.btn {
  width: 230rem;
  height: 90rem;
  border: 2rem solid #007cff;
  border-radius: 52rem;
  background: #fff;
  font-size: 38rem;
  color: #007cff;
  display: flex;
  align-items: center;
  justify-content: center;
}

.btn-primary {
  flex: 1;
  margin-left: 30rem;
  background: #007cff;
  color: #fff;
  font-family: PingFangSC, PingFangSC-Medium;
  font-weight: 700;
}


/* 医院列表 */
.container {
  background: #fff;
  width: 100%;
}

.container .item {
  display: flex;
  align-items: center;
  padding: 0 20rem;
  box-sizing: border-box;
}

.container .item .lf {
  width: 158rem;
  height: 158rem;
  margin-right: 18rem;
  padding: 24rem 24rem;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  overflow: hidden;
}
.distance{
  font-size: 24rem;
  font-weight: 400;
  color: #181818;
}
.container .item .rt {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 24rem 0;
  border-bottom: 1rem solid #E7E7E7;
}

.item .logo {
  width: 100%;
  height: 100%;
  border-radius: 12rem;

}

.item .hospital-name {
  width: 400rem;
  font-size: 28rem;
  color: #0F0F0F;
  font-weight: 600;
  overflow:hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  -o-text-overflow:ellipsis;
}

.item .label {
  display: flex;
  align-items: center;
  margin: 6rem 0;
}

.item .label .li {
  font-size: 24rem;
  color: #007CFF;
  margin-right: 18rem;
}

.item .department {
  font-size: 24rem;
  color: #7C7C7C;
}
.tags{
  display: flex;
  flex-wrap: nowrap;
}
.hospital-rank {
  display: inline-block;
  max-width: 340rem;
  height: 40rem;
  line-height: 40rem;
  font-size: 24rem;
  font-weight: bold;
  color: #BD7346;
  padding: 0 15rem;
  background: #FFEEDF;
  margin: 0 10rem 10rem 0;
}

.hospital-address {
  font-size: 24rem;
  color: #181818;
}

.not-doctor {
  display: flex;
  flex-direction: column;
  align-items: center;
  font-size: 28rem;
  color: #999;
}

.not-doctor img {
  width: 500rem;
}