﻿.main {
  background: url(/Content/Areas/Hospitals/images/Main/docViewBg.png) no-repeat center;
  margin-bottom: 0;
  padding-bottom: 3vw;
  overflow: hidden;
}

.main_content {
  width: 68.75vw;
  margin: 0 auto;
}

.main_content>h2 {
  font-size: 1.25vw;
  text-align: center;
  margin: 2.5vw 0;
  font-weight: bold;
  padding-top: 2.5vw;
}

.content_inner {
  background: #FFFFFF;
  box-shadow: 0vw 0vw 1.04vw 0vw rgba(0, 0, 0, 0.1);
  padding: 1.67vw;
  border-top: 0.33vw solid #46BD72;
}

li.firstDep>h1 {
  font-size: 1.04vw;
  font-weight: bold;
  margin-bottom: 1.25vw;
}

ul.secDoc_ul>h2.DepName {
  height: 2.29vw;
  background: #F5F5F5 url(/Content/Areas/Hospitals/images/Main/dep_icon.png) no-repeat 0.52vw center;
  padding-left: 2.19vw;
  display: flex;
  align-items: center;
  margin-bottom: 0;
}

ul.secDoc_ul:hover h2.DepName {
  background: rgb(0 177 3 / 10%) url(/Content/Areas/Hospitals/images/Main/dep_icon.png) no-repeat 0.52vw center;
}

ul.secDoc_ul>h2.DepName a {
  font-size: 0.83vw;
}

ul.doctor_list {
  padding: 0.83vw 0.73vw;
  height: 10.21vw;
  overflow: scroll;
}

ul.doctor_list li .blockquote {
  width: 20.68vw;
  height: 10.42vw;
  background: #FFFFFF;
  box-shadow: 0vw 0vw 0.52vw 0vw rgba(0, 0, 0, 0.1);
  margin: 0;
  display: none;
  transition: all 0.3s;
  position: absolute;
  padding: 0.83vw;
  box-sizing: border-box;
}

ul.doctor_list::-webkit-scrollbar {
  /*滚动条整体样式*/
  width: 0.22vw;
  /*高宽分别对应横竖滚动条的尺寸*/
  height: 0.6vw;
}

ul.doctor_list::-webkit-scrollbar-thumb {
  /*滚动条里面小方块*/
  width: 0.22vw;
  background: #46BD72;
}

ul.doctor_list::-webkit-scrollbar-track {
  /*滚动条里面轨道*/
  background: #ffffff;
}


/* ul.doctor_list li:nth-child(3n) {
margin-right: 0;
} */

ul.doctor_list li .blockquote a.img_box {
  display: block;
  overflow: hidden;
  width: 7.19vw;
  height: 100%;
  float: left;
}

ul.doctor_list li .blockquote a.img_box img {
  width: 100%;
  height: auto;
  transition: all 0.3s;
}

ul.doctor_list li .blockquote .doc_right_con {
  width: 11.2vw;
  padding: 0 0 0.83vw 0.83vw;
  box-sizing: border-box;
  float: left;
  height: 100%;
}

ul.doctor_list li .blockquote .doc_right_con h2 a {
  font-size: 1.04vw;
  font-weight: bold;
  margin-right: 0.520vw;
}

ul.doctor_list li .blockquote .doc_right_con h2 {
  margin-bottom: 0.73vw;
}

ul.doctor_list li .blockquote .doc_right_con div {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
  font-size: 0.73vw;
  line-height: 1.2vw;
  color: #333;
}

ul.doctor_list li .blockquote .doc_right_con div>span {
  color: #46BD72;
  font-size: 0.83vw;
}

ul.doctor_list li .blockquote:hover {
  box-shadow: 0vw 0vw 0.52vw 0vw #999;
}

ul.doctor_list li .blockquote:hover .img_box img {
  transform: scale(1.05);
}

ul.doctor_list li .blockquote:hover .doc_right_con h2 a {
  color: #46BD72;
}

li.firstDep {
  margin-bottom: 0.43vw;
}

li.firstDep:last-child {
  margin-bottom: 0;
}

ul.doctor_list li {
  width: 33.3%;
  margin-bottom: 0.83vw;
  float: left;
}

ul.doctor_list li a {
  font-size: 0.87vw;
}

ul.secDoc_ul.secDep_ul2 {
  width: 20.65vw;
  height: 12.5vw;
  overflow: hidden;
  box-shadow: 0rem 0rem 0.52rem 0rem rgba(0, 0, 0, 0.1);
  float: left;
  margin-bottom: 1.25vw;
  margin-right: 1.72vw;
}

ul.secDoc_ul.secDep_ul2:hover {
  background: #fff url(/Sites/Uploaded/UserUpLoad/20240430/20240430104301.png) no-repeat right bottom;
  background-size: 170px;
}

ul.secDoc_ul.secDep_ul2:nth-child(3n) {
  margin-right: 0;
}



@media only screen and (max-width:768px) {
  .main_content {
  width: 100%;
  overflow: hidden;
}

.wrap_main div.linkmap {
  display: none;
}

.main_content>h2 {
  font-size: 4vw;
  margin: 4vw 0;
}

li.firstDep>h1 {
  font-size: 3.8vw;
  margin-bottom: 2vw;
}

ul.secDoc_ul.secDep_ul2 {
  width: 100%;
  height: auto;
  margin: 0 0 3vw 0;
}

ul.secDoc_ul>h2.DepName {
 height: 7vw;
 background-size: 4vw;
 padding-left: 6vw;
}

ul.secDoc_ul>h2.DepName a {
  font-size: 4vw;
}

ul.doctor_list li {
  margin-bottom: 2vw;
}

ul.doctor_list li a {
  font-size: 3.75vw;
}

ul.doctor_list {
  padding: 3vw;
  height: auto;
}
ul.doctor_list li .blockquote{
  display: none !important;
}
}

@media only screen and (max-width:640px) {}

@media only screen and (max-width:560px) {} 