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

.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;
}

.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 #00A8B1;
}

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: rgba(0, 168, 177, 0.1) 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: #00A8B1;
}

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: #00A8B1;
 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: #00A8B1;
}

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.94vw;
}

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(/Content/Areas/Common/images/common/nav_bg.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:1024px) {}

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

.wrap_main div.linkmap {
 display: none;
}

.main_content>h2 {
 font-size: 4.75vw;
 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) {}  