/* 初始化css */
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
button,
textarea,
p,
blockquote,
th,
td {
  margin: 0;
  padding: 0;
}
body {
  background: #fff;
  color: #555;
  font-size: 14px;
  margin: 0 auto;
}
a {
  text-decoration: none !important;
}
td,
th,
caption {
  font-size: 14px;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: normal;
  font-size: 100%;
}
address,
caption,
cite,
code,
dfn,
em,
strong,
th,
var {
  font-style: normal;
  font-weight: normal;
}
a {
  color: #555;
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
}
img {
  border: none;
}
ol,
ul,
li {
  list-style: none;
}
input,
textarea,
select,
button {
  font: 14px Verdana, Helvetica, Arial, sans-serif;
}
table {
  border-collapse: collapse;
}
html {
  overflow-y: scroll;
}

.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
/* 顶部 */
header{
    overflow: hidden;
}
.lap_top {
  overflow: hidden;
  width: 1200px;
  margin: 35px auto 38px;
}
.lap_top img {
  float: left;
  width: 307px;
  height: 60px;
}
.lap_top .top_right {
  display: flex;
  float: right;
  margin-top: 6px;
}
.lap_top .top_right input {
  box-sizing: border-box;
  width: 632px;
  height: 46px;
  background: #ffffff;
  border: 1px solid #00c8aa;
  border-top-left-radius: 12px;
  border-bottom-left-radius: 12px;
  text-indent: 25px;
  font-size: 16px;
  color: #999999;
  line-height: 29px;
  outline: none;
}
.lap_top .top_right input::placeholder {
  color: #999;
}
.lap_top .top_right > a {
  display: inline-block;
  width: 100px;
  height: 46px;
  line-height: 46px;
  background: #00c8aa;
  border-radius: 0px 12px 12px 0px;
  font-size: 21px;
  text-align: center;
  color: #ffffff;
}
/* 导航 */
nav {
  width: 1200px;
  margin: 0 auto;
  margin-bottom: 17px;
}
nav > ul {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
nav > ul li {
  display: flex;
  align-items: center;
  line-height: 25px;
}
nav > ul li img {
  height: 22px;
}
nav > ul li a {
  font-size: 19px;
  margin-left: 3px;
}
nav > ul .active a {
  color: #25b6a0;
}
.nav_line {
  width: 1920px;
  height: 1px;
  background: #e0e0e0;
}
.banner {
  display: flex;
  justify-content: space-between;
  width: 1200px;
  margin: 26px auto 28px;
}
/* banner图 */
.banner .banner_left {
  display: inline-block;
  margin-right: 20px;
}
.banner .banner_left img {
  width: 876px;
  height: 390px;
}
.banner .banner_right > a {
  display: inline-block;
  width: 304px;
  height: 116px;
}
.banner .banner_right > a img {
  width: 100%;
}
.banner .banner_right > a:first-child,
.banner .banner_right > a:nth-child(2) {
  margin-bottom: 21px;
}
/* 疾病分类导航 */
.wrapper {
  box-sizing: border-box;
  width: 1200px;
  margin: 0 auto;
  background: #ffffff;
  border-radius: 15px;
  box-shadow: 0px 0px 10px 5px rgba(186, 186, 186, 0.2);
  margin-bottom: 28px;
}
.disease > ul {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 29px 28px 19px 28px;
}
.disease > ul li {
  display: flex;
  align-items: center;
  line-height: 25px;
}
.disease > ul li a {
  font-size: 21px;
  color: #333333;
  margin-left: 10px;
}
.disease_line {
  position: relative;
  width: 100%;
  height: 1px;
  background: #dcdcdc;
}
.inner_line {
  position: absolute;
  bottom: 0;
  left: 105px;
  width: 42px;
  height: 4px;
  background: #00c8aa;
  border-radius: 2px;
}
.disease_classic {
  display: flex;
  padding: 30px 54px;
}
.disease_classic .active {
  background: #00c8aa;
  color: #fff;
}
.disease_classic > a {
  display: inline-block;
  padding: 6px 14px;
  border-radius: 18px;
  -webkit-border-radius: 18px;
  -moz-border-radius: 18px;
  -ms-border-radius: 18px;
  -o-border-radius: 18px;
  margin-right: 22px;
  font-size: 19px;
  color: #00c8aa;
  border: 1px solid #25b6a0;
}
/* 症状查找 */
.find {
  width: 1143px;
  margin: 0 auto;
  padding-bottom: 30px;
}
.find > a {
  display: block;
  padding-top: 22px;
}
.find > img {
  width: 100%;
  margin-top: 22px;
}
.find .find_bottom {
  display: flex;
  justify-content: space-between;
  margin-top: 30px;
}
.find .find_bottom > a {
  width: 270px;
  height: 154px;
}
/* 关于北医八 */
.about {
  padding-bottom: 37px;
}
.about > a {
  display: block;
  width: 1143px;
  margin: 0 auto;
  padding-top: 22px;
  padding-bottom: 30px;
}
.about_content {
  display: flex;
  justify-content: space-between;
  width: 1143px;
  margin: 0 auto;
}
.about_content > a {
  display: block;
}
.about_content > a img {
  width: 477px;
  height: 548px;
}
.about_content .about_right {
  width: 640px;
  height: 548px;
  background: #ffffff;
  border: 1px solid #dcdcdc;
}
.about_content .about_right .about_title {
  width: 100%;
  border-bottom: 1px solid #dcdcdc;
  margin-bottom: 28px;
}
.about_content .about_right .about_title h1 {
  display: inline-block;
  width: 120px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  background: #25b6a0;
}
.about_content .about_right .about_title h1 > a {
  font-size: 23px;
  color: #ffffff;
}
.about_content .about_right .about_title .more {
  float: right;
  line-height: 40px;
  font-size: 19px;
  color: #00c8aa;
  margin-right: 8px;
}
.about_content .about_right .about_des {
  width: 575px;
  height: 193px;
  margin: 0 auto;
}
.about_content .about_right .about_des p {
  text-indent: 2em;
  font-size: 16px;
  line-height: 28px;
  margin-bottom: 10px;
}
.about_content .about_right .about_des p:last-child {
  margin-bottom: 0;
}
.about_right .about_list {
  width: 575px;
  margin: 0 auto;
}
.about_right .about_list li {
  height: 38px;
  line-height: 38px;
  font-size: 16px;
}
.about_right .about_list li i {
  display: inline-block;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #25b6a0;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  margin-right: 7px;
  margin-bottom: 16px;
}
.about_right .about_list li a {
  overflow: hidden;
  display: inline-block;
  width: 376px;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.about_right .about_list li span {
  float: right;
}
.about .about_bottom {
  position: relative;
  display: flex;
  width: 1143px;
  margin: 33px auto 0;
  background: #f2f2f2;
}
.about .about_bottom .new {
  position: absolute;
  top: 17px;
  left: 90px;
  width: 26px;
  height: 14px;
}
.about .about_bottom .notice {
  display: inline-block;
  width: 78px;
  height: 70px;
}
.about .about_bottom > ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 1104px;
  margin-left: 48px;
  margin-right: 14px;
  padding-top: 10px;
}
.about .about_bottom > ul li {
  width: 314px;
  height: 17px;
  font-size: 15px;
}
.about .about_bottom > ul .active a {
  color: #25b6a0;
}
.service {
  width: 1200px;
  margin: 0 auto;
  margin-bottom: 28px;
}
.service > a {
  display: block;
}
.service > a img {
  width: 100%;
}
/* 北医八医生 */
.doctor_info {
  width: 1143px;
  margin: 0 auto;
  padding-bottom: 32px;
}
.doctor_info > a {
  display: block;
  padding-top: 22px;
}
.doctor_info > ul {
  display: flex;
  justify-content: space-between;
  margin-top: 30px;
}
.doctor_info > ul li {
  box-sizing: border-box;
  width: 274px;
  height: 385px;
  border-radius: 9px;
  padding: 15px 10px 12px 10px;
  text-align: center;
}
.doctor_info > ul li:first-child {
  background: #fefaef;
}
.doctor_info > ul li:first-child h1{
  color: #FF8400;
}
.doctor_info > ul li:nth-child(2) {
  background: #e3fff9;
}
.doctor_info > ul li:nth-child(2) h1 {
  color: #33a98f;
}
.doctor_info > ul li:nth-child(3) {
  background: #dfeeff;
}
.doctor_info > ul li:nth-child(3) h1 {
  color: #2476d3;
}
.doctor_info > ul li:nth-child(4) {
  background: #fbf1fa;
}
.doctor_info > ul li:nth-child(4) h1 {
  color: #ed2e52;
}
.doctor_info > ul li:first-child:hover{
  background: #f6b965;
  box-shadow: 0px 0px 10px 5px rgba(246, 185, 101, 0.5);
}
.doctor_info > ul li:nth-child(2):hover{
  background-color: #33a98f;
  box-shadow: 0px 0px 10px 5px rgba(51, 169, 143, 0.5);
}
.doctor_info > ul li:nth-child(3):hover{
  background-color: #6586f6;
  box-shadow: 0px 0px 10px 5px rgba(101, 131, 246, 0.5);
}
.doctor_info > ul li:nth-child(4):hover{
  background-color: #f18a68;
  box-shadow: 0px 0px 10px 5px rgba(241, 138, 104, 0.5);
}
.doctor_info > ul li:hover h1,.doctor_info > ul li:hover p{
  color:#fff;
}
.doctor_info > ul li > img{
  overflow: hidden;
  display: block;
  width: 254px;
  height: 249px;
}
/* .doctor_info > ul li > a img {
  width: 100%;
} */
.doctor_info > ul li h1 {
  font-weight: 700;
  font-size: 29px;
  margin-top: 12px;
  margin-bottom: 4px;
}
.doctor_info > ul li p {
  font-size: 16px;
  line-height: 24px;
}
.doctor_btn {
  width: 472px;
  height: 66px;
  line-height: 66px;
  background: linear-gradient(180deg, #ffad62 0%, #ff7a00 100%);
  border-radius: 33px;
  margin: 33px auto 0;
}
.doctor_btn a {
  display: block;
  text-align: center;
  font-size: 32px;
  font-weight: 700;
  color: #ffffff;
  text-shadow: 0px 2px 3px 0px rgba(146, 75, 11, 0.4);
}
/* 诊疗中心 */
.diagnosis {
  width: 1143px;
  margin: 0 auto;
  padding-bottom: 30px;
}
.diagnosis > a {
  display: block;
  padding-top: 22px;
}
.diagnosis .diagnosis_content {
  display: flex;
  justify-content: space-between;
  margin-top: 30px;
}
.diagnosis .diagnosis_content .diagnosis_left {
  width: 258px;
}
.diagnosis .diagnosis_content .diagnosis_left li {
  box-sizing: border-box;
  width: 258px;
  height: 90px;
  padding: 19px 20px 19px 22px;
  margin-bottom: 32px;
}
.diagnosis .diagnosis_content .diagnosis_left li > a {
  display: flex;
  justify-content: space-between;
}
.diagnosis .diagnosis_content .diagnosis_left li .soft h1 {
  font-size: 26px;
  font-weight: 700;
}
.diagnosis .diagnosis_content .diagnosis_left li .soft p {
  font-size: 14px;
}
.diagnosis .diagnosis_content .diagnosis_left li:last-child {
  margin-bottom: 0;
}
.diagnosis .diagnosis_content .diagnosis_left li:first-child {
  background: linear-gradient(180deg, #eeffed 0%, #fafcfb 100%);
}
.diagnosis .diagnosis_content .diagnosis_left li:first-child .soft {
  color: #25b6a0;
}
.diagnosis .diagnosis_content .diagnosis_left li:nth-child(2) {
  background: linear-gradient(180deg, #e9f3ff 0%, #f9fcff 100%);
}
.diagnosis .diagnosis_content .diagnosis_left li:nth-child(2) .soft {
  color: #2476d3;
}
.diagnosis .diagnosis_content .diagnosis_left li:nth-child(3) {
  background: linear-gradient(180deg, #fffee3 0%, #fcfcf9 100%);
}
.diagnosis .diagnosis_content .diagnosis_left li:nth-child(3) .soft {
  color: #ff8400;
}
.diagnosis .diagnosis_content .diagnosis_left li:nth-child(4) {
  background: linear-gradient(180deg, #ffecec 0%, #fefbfb 100%);
}
.diagnosis .diagnosis_content .diagnosis_left li:nth-child(4) .soft {
  color: #ed2e52;
}
.diagnosis .diagnosis_content .diagnosis_left li:nth-child(5) {
  background: linear-gradient(180deg, #eeffed 0%, #fafcfb 100%);
}
.diagnosis .diagnosis_content .diagnosis_left li:nth-child(5) .soft {
  color: #25b6a0;
}
.diagnosis_right {
  display: none;
  width: 857px;
}
.diagnosis_right .diagnosis_classic {
  display: flex;
  justify-content: stretch;
}
.diagnosis_right .diagnosis_classic li {
  padding: 10px 0px;
  font-size: 22px;
  text-align: center;
  flex: 1;
}
.diagnosis_right .diagnosis_classic li:nth-child(2n + 1) {
  background: #efffee;
}
.diagnosis_right .diagnosis_classic li:nth-child(2n) {
  background: #eaf4ff;
}
.diagnosis_border {
  width: 854px;
  height: 529px;
  border: 1px solid #e5e5e5;
  border-top: none;
}
.diagnosis_hot {
  width: 788px;
  margin: 0 auto;
  padding-top: 28px;
  border-bottom: 1px dashed #ccc;
}
.diagnosis_hot .hot_title {
  display: flex;
  margin-bottom: 34px;
}
.diagnosis_hot .hot_title > img {
  width: 28px;
  height: 33px;
  margin-right: 11px;
}
.diagnosis_hot .hot_title h1 {
  font-size: 21px;
  color: #333;
  font-weight: 700;
  margin-top: 5px;
}
.diagnosis_hot h2 {
  font-size: 18px;
}
.hot_rand {
  display: flex;
  justify-content: space-between;
  margin-top: 28px;
  padding-bottom: 20px;
}
.hot_rand > p {
  text-indent: 2em;
  font-size: 15px;
  line-height: 27px;
  color: #666666;
  margin-top: 12px;
}
.hot_rand > a > img {
  width: 236px;
  height: 110px;
  margin-left: 40px;
}
.diagnosis_list {
  width: 788px;
  margin: 0 auto;
  margin-top: 30px;
}
.diagnosis_list li {
  display: flex;
  align-items: center;
  font-size: 16px;
  line-height: 32px;
}
.diagnosis_list li i {
  display: inline-block;
  width: 16px;
  height: 16px;
  line-height: 16px;
  text-align: center;
  margin-right: 8.81px;
  font-size: 12px;
  font-style: normal;
  color: #fff;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  background: #999999;
}
.diagnosis_list li:first-child i {
  background: #fd503e;
}
.diagnosis_list li:nth-child(2) i {
  background: #ff6600;
}
.diagnosis_list li:nth-child(3) i {
  background: #ff9b00;
}
.diagnosis_list li span {
  float: right;
  margin-left: 100px;
}
.diagnosis_list li a {
  flex: 1;
  overflow: hidden;
  display: inline-block;
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 450px;
}
/* 医院环境 */
.enviroment {
  width: 1143px;
  margin: 0 auto;
  padding-bottom: 32px;
}
.enviroment > a {
  display: block;
  padding-top: 22px;
}
.enviroment .enviroment_list {
  display: flex;
  justify-content: space-between;
  margin-top: 30px;
}
.enviroment .enviroment_list a {
  display: inline-block;
}
.enviroment .enviroment_list li:first-child {
  margin-right: 7.5px;
}
.enviroment .enviroment_list li:nth-child(2) {
  margin-right: 6.5px;
}
.enviroment .enviroment_list li:nth-child(2) a:first-child {
  margin-bottom: 1.5px;
}
.enviroment .enviroment_list li:nth-child(3) div:first-child {
  display: flex;
  justify-content: space-between;
  margin-bottom: 1.5px;
}
/* footer */
footer {
  width: 100%;
  background: #eeeeee;
}
footer .footer_content {
  position: relative;
  display: flex;
  box-sizing: border-box;
  width: 1200px;
  margin: 0 auto;
  padding-top: 38px;
  padding-bottom: 32px;
}
footer .to_top {
  position: absolute;
  top: 38px;
  right: -57px;
}
footer .footer_btn {
  display: flex;
  flex-direction: column;
  margin-right: 15px;
}
footer .footer_btn li {
  width: 120px;
  height: 44px;
  line-height: 44px;
  background: #25b6a0;
  border-radius: 9px;
  text-align: center;
  margin-bottom: 14px;
}
footer .footer_btn li:last-child {
  margin-bottom: 0;
}
footer .footer_btn li a {
  font-size: 19px;
  color: #ffffff;
}

footer .footer_right .friend_line {
  height: 22px;
  margin: 14px 0 0;
}
footer .footer_right .friend_line a {
  font-size: 15px;
}
footer .footer_right .hot_disease {
  margin: 24px 0 24px 0;
}
footer .footer_right .hot_disease a {
  margin-right: 3px;
  font-size: 15px;
  line-height: 22px;
}
.hospital_info {
  display: flex;
  justify-content: space-between;
}
.hospital_info .info_left p {
  font-size: 15px;
  line-height: 29px;
}
.hospital_info .info_left p a {
  color: #0aa58d;
}
.hospital_info .info_right {
  width: 341px;
  margin-left: 90px;
}
.hospital_info .info_right a {
  display: block;
  float: right;
}
.hospital_info .info_right a img {
  width: 100%;
}
.hospital_info .info_right a:first-child {
  width: 341px;
  margin-bottom: 25px;
}
.hospital_info .info_right a:nth-child(2) {
  width: 334px;
}