.hospitalbg { min-height: 1200px; background: url(../images/bg_01.jpg) center top no-repeat }
.doctorbg { min-height: 1200px; background: url(../images/bg_11.jpg) center top no-repeat }
.hospitalinfo { height: 173px; color: #333; overflow: hidden; position: relative }
.hospitalinfo img { float: left; width: 90px; height: 90px; border-radius: 100%; margin: 58px 20px 0 0; background: #fff; object-fit: contain }
.hospitalinfo h1, .hospitalinfo strong { display: block; height: 34px; margin-top: 52px; font-size: 32px; line-height: 34px; font-weight: 700; overflow: hidden; text-overflow: ellipsis; white-space: nowrap }
.hospitalinfo p { margin-top: 9px; font-size: 16px; line-height: 18px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap }
.hospitalinfo i { float: left; margin-top: 11px; font-size: 14px; line-height: 24px; color: #fff; padding: 0 10px; background: #FF9023; border-radius: 24px }
.hospitalinfo i+i { margin-left: 5px }
.hospitalinfo .feedback { position: absolute; bottom: 0; right: 15px; font-size: 14px; line-height: 14px; padding-left: 20px; background: url(../images/icon_04.png) left center no-repeat; cursor: pointer; transition: color .2s }
.hospitalinfo .feedback:hover { color: #3291F9 }
.doctorinfo { min-height: 173px; color: #333; overflow: hidden; position: relative }
.doctorinfo img { float: left; width: 90px; height: 90px; border-radius: 100%; margin: 58px 20px 25px 0; background: #fff; object-fit: cover }
.doctorinfo h1, .doctorinfo strong { display: block; height: 34px; margin-top: 52px; font-size: 32px; line-height: 34px; font-weight: 700; overflow: hidden; text-overflow: ellipsis; white-space: nowrap }
.doctorinfo h1 em, .doctorinfo strong em { margin-left: 10px; font-size: 16px }
.doctorinfo p { margin-top: 5px; font-size: 16px; line-height: 26px; max-height: 52px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical }
.doctorinfo ul { margin-top: 5px; font-size: 16px; line-height: 26px; max-height: 78px; display: flex; flex-direction: column; flex-wrap: wrap; width: 700px }
.doctorinfo ul li { margin-right: 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap }
.doctorinfo ul li:nth-child(n+7) { display: none }
.doctorinfo i { float: left; margin-top: 6px; font-size: 14px; line-height: 24px; color: #fff; padding: 0 20px; background: #FF9023; border-radius: 24px }
.doctorinfo i+i { margin-left: 5px }
.doctorinfo .feedback { position: absolute; bottom: 0; right: 15px; font-size: 14px; line-height: 14px; padding-left: 20px; background: url(../images/icon_04.png) left center no-repeat; cursor: pointer; transition: color .2s }
.doctorinfo .feedback:hover { color: #3291F9 }
.doctorinfo .likeit { float: right; margin: 55px 1px 0 0; width: 150px; height: 70px; padding: 8px 9px 10px; background: url(../images/bg_12.png) no-repeat; cursor: pointer }
.doctorinfo .likeit:hover, .doctorinfo .likeit.liked { background-image: url(../images/bg_13.png) }
.doctorinfo .likeit b { display: block; margin: 11px 0 0 18px; font-size: 24px; line-height: 26px; color: #fff; font-weight: 400 }
.doctorinfo .likeit em { display: block; margin: 4px 0 0 18px; font-size: 14px; line-height: 16px; color: #fff }
.navigation { margin-top: 20px; height: 65px; font-size: 18px; line-height: 60px; color: #fff; text-align: center; background: url(../images/bg_06.png) center bottom no-repeat }
.navigation ul { padding: 0 60px; display: flex; justify-content: space-between }
.navigation li { flex-grow: 1; margin-right: 1px }
.navigation li a { display: block; color: #fff; padding-top: 5px; border-radius: 5px 5px 0 0; transition: none }
.navigation li a:hover, .navigation li.current a, .navigation li.active a { font-weight: 700; background: #267EF7 }
.navigation.leftalign ul { display: block; font-size: 0; line-height: 0; text-align: left; overflow: hidden; text-overflow: ellipsis; white-space: nowrap }
.navigation.leftalign ul li { display: inline-block; vertical-align: top; font-size: 18px; line-height: 60px }
.navigation.leftalign ul li a { padding: 5px 27px 0 }
a.gotomap { display: inline-block; margin-left: 20px; padding-left: 19px; color: #3291F9; background: url(../images/icon_06.png) left center no-repeat }
.mapframe { margin-top: 10px; width: 100%; height: 400px }
.mapframe img { width: 100%; height: 100% }
.hospitalintro { font-size: 16px; line-height: 30px; color: #333 }
.hospitalintro p { max-height: 90px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical }
.hospitalintro p a { color: #3291F9 }
.hospitalintro p:first-child { margin: 15px 0 }
.hospitalintro p.address { display: inline-block; vertical-align: top; max-width: 100%; line-height: 36px; white-space: nowrap }
.hospitalintro p.address a.gotomap { float: right }
.hospitalintro p.tel { line-height: 36px; max-height: 36px; -webkit-line-clamp: 1 }
.hospitallinks { margin-top: 20px; padding-top: 8px; font-size: 20px; line-height: 50px; overflow: hidden }
.hospitallinks a { float: left; width: 260px; height: 50px; box-sizing: border-box; padding-left: 110px; color: #333; background: #F5F9FF; border-radius: 50px; position: relative }
.hospitallinks a:hover { color: #3291F9 }
.hospitallinks a:first-child { margin-right: 19px }
.hospitallinks a:nth-child(3) { float: right }
.hospitallinks a::after { content: ""; display: block; position: absolute; top: -8px; left: 47px; width: 50px; height: 51px; background: url(../images/icon_07.png) no-repeat }
.hospitallinks a.wz::after { background-image: url(../images/icon_08.png) }
.hospitallinks a.dh::after { background-image: url(../images/icon_09.png) }
.hospitallinks.twoline { padding-top: 0 }
.hospitallinks.twoline a { height: 64px; border-radius: 10px }
.hospitallinks.twoline a b { display: block; margin-top: 10px; font-size: 20px; line-height: 22px; font-weight: 400; overflow: hidden; text-overflow: ellipsis; white-space: nowrap }
.hospitallinks.twoline a span { display: block; margin-top: 6px; font-size: 14px; line-height: 16px; color: #666; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; transition: color .2s }
.hospitallinks.twoline a:hover span { color: #3291F9 }
.hospitallinks.twoline a::after { top: 7px }
.picslide.hospitalintropic { float: left; width: 330px; height: 220px; border-radius: 10px }
.hospitalintrolist { float: right; width: 468px; margin-top: -3px; font-size: 16px; line-height: 36px; color: #333 }
.hospitalintrolist .tablelist { margin-top: 0 }
.hospitalintrolist .tablelist dt { width: 82px; font-size: 16px; line-height: 36px }
.hospitalintrolist p { max-height: 36px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical }
.hospitalintrolist p a { color: #3291F9 }
.hospitalintrolist p.address { display: inline-block; vertical-align: top; max-width: 100%; white-space: nowrap }
.hospitalintrolist p.address a.gotomap { float: right }
.hospitalintrolist p.twoline { max-height: 72px; -webkit-line-clamp: 2 }
.process { margin-top: 20px; height: 18px; display: flex; justify-content: space-between; font-size: 14px; line-height: 18px; color: #333; background: url(../images/bg_02.png) 94px center no-repeat }
.process dt { width: 112px; color: #3291F9; flex-shrink: 0 }
.process dd { width: 138px; flex-shrink: 0 }
.process dd:nth-child(5) { width: 166px }
.process dd:nth-child(6) { width: 126px }
.deptlist dl { margin: 30px 0 -10px; display: flex; justify-content: space-between }
.deptlist dl dt { width: 164px; height: 88px; margin-right: 8px; flex-shrink: 0; font-size: 0; line-height: 88px; background: url(../images/bg_03.png) no-repeat; position: relative }
.deptlist dl dt span { display: inline-block; vertical-align: middle; width: 100%; box-sizing: border-box; padding: 3px 20px 0 }
.deptlist dl dt strong { display: block; font-size: 24px; line-height: 30px; color: #333; font-weight: 700; max-height: 60px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; transition: color .2s }
.deptlist dl dt a { display: block; width: 100%; height: 100% }
.deptlist dl dt a strong { max-height: 30px; -webkit-line-clamp: 1 }
.deptlist dl dt a:hover strong { color: #3291F9 }
.deptlist dl dt a em { float: left; margin-top: 8px; font-size: 14px; line-height: 16px; color: #999; padding-right: 13px; background: url(../images/arrow_05.png) right center no-repeat }
.deptlist dl dd { width: 100% }
.deptlist ul { overflow: hidden }
.deptlist ul li { float: left; width: 154px; height: 88px; margin: 0 10px 10px 0; font-size: 0; line-height: 88px; text-align: center; background: #F5F9FF; border-radius: 10px; overflow: hidden; position: relative }
.deptlist ul li:nth-child(4n) { margin-right: 0 }
.deptlist ul li a { display: block; width: 100%; height: 100% }
.deptlist ul li span { display: inline-block; vertical-align: middle; width: 100%; box-sizing: border-box; padding: 0 10px }
.deptlist ul li strong { display: block; font-size: 18px; line-height: 24px; color: #333; font-weight: 700; max-height: 48px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical }
.deptlist ul li em { display: block; margin-top: 6px; font-size: 14px; line-height: 16px; color: #999 }
.deptlist ul li p { display: none; position: absolute; left: 0; top: 0; width: 100%; height: 100%; box-sizing: border-box; padding: 18px 0 0 20px; color: #fff; text-align: left; background: url(../images/bg_04.png) no-repeat }
.deptlist ul li p b { display: block; font-size: 18px; line-height: 20px; font-weight: 700; overflow: hidden; text-overflow: ellipsis; white-space: nowrap }
.deptlist ul li p u { display: block; margin-top: 8px; font-size: 12px; line-height: 14px; color: #fff; text-decoration: none }
.deptlist dl dt i, .deptlist ul li i { position: absolute; left: 10px; top: 0; font-size: 12px; line-height: 18px; color: #fff; padding: 0 5px; background: #FF9023; border-radius: 0 0 3px 3px }
.depttag { margin-top: 30px; height: 40px; font-size: 16px; line-height: 40px; color: #333; overflow: hidden }
.depttag a { float: left; margin-right: 10px; padding: 0 20px; background: #F5F9FF; border-radius: 10px }
.depttag a.all { float: right; margin-right: 0; padding: 0 30px; background: #F0F0F0 }
.depttag a:hover { color: #fff; background: #3291F9 }
.diseasetag { padding-top: 10px; overflow: hidden }
.diseasetag li { float: left; width: 155px; height: 50px; box-sizing: border-box; margin: 20px 10px 0 0; padding: 0 8px; font-size: 18px; line-height: 50px; color: #333; text-align: center; background: #F5F9FF; border-radius: 10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; cursor: pointer; transition: color .2s, background .2s }
.diseasetag li:nth-child(5n) { margin-right: 0 }
.diseasetag li:hover { color: #fff; background: #3291F9 }
.diseasetag li a { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap }
.diseasetag li a:hover { color: #fff }
.muticalendar { margin-top: 20px; overflow: hidden }
.muticalendar+.muticalendar { margin-top: 30px }
.muticalendar .tabnavscroll { float: left; width: 620px; height: 50px; overflow: hidden }
.muticalendar .tabnav { white-space: nowrap; user-select: none; cursor: pointer }
.muticalendar .tabnav em { display: inline-block; vertical-align: top; font-size: 16px; line-height: 50px; color: #333; padding: 0 20px; background: #F5F9FF; border-radius: 10px; margin-right: 10px; transition: color .2s }
.muticalendar .tabnav em:last-child { margin-right: 0 }
.muticalendar .tabnav em.current, .muticalendar .tabnav em:hover { font-weight: 700; color: #3291F9 }
.muticalendar .tabcontent { height: 278px; overflow: hidden }
.muticalendar .tabsingle { display: block }
.calendarcontrol { float: right; width: 182px; height: 36px; padding: 7px 0; display: flex; justify-content: space-between; user-select: none }
.calendarcontrol .swiper-button-prev, .calendarcontrol .swiper-button-next { position: static; display: block; width: 90px; height: 36px; box-sizing: border-box; font-size: 14px; line-height: 36px; color: #3291F9; padding-left: 30px; background: #F5F9FF url(../images/arrow_15.png) 18px center no-repeat; border-radius: 36px 0 0 36px; margin-top: 0; opacity: 1 }
.calendarcontrol .swiper-button-next:after, .calendarcontrol .swiper-button-prev:after { display: none }
.calendarcontrol .swiper-button-next { padding-left: 18px; background-image: url(../images/arrow_03.png); background-position: right 18px center; border-radius: 0 36px 36px 0 }
.calendarcontrol .swiper-button-next.swiper-button-disabled, .calendarcontrol .swiper-button-prev.swiper-button-disabled { color: #999; background-color: #F8F8F8; background-image: url(../images/arrow_05.png) }
.calendarcontrol .swiper-button-prev.swiper-button-disabled { background-image: url(../images/arrow_16.png) }
.calendar ul { display: flex; justify-content: space-between; height: 60px; margin-top: 6px }
.calendar ul li { width: 98px; height: 60px; font-size: 16px; line-height: 60px; color: #333; text-align: center; background: #F8F8F8; border-radius: 6px; overflow: hidden }
.calendar ul li:first-child { widows: 92px; font-weight: 700 }
.calendar ul.calendarheader { margin-top: 20px; background: #F8F8F8; border-radius: 6px }
.calendar ul.calendarheader li:first-child { color: #666 }
.calendar ul.calendarheader li b { display: block; font-size: 14px; line-height: 14px; margin-top: 13px }
.calendar ul.calendarheader li i { display: block; font-size: 16px; line-height: 16px; margin-top: 7px }
.calendar ul li a { display: block; color: #3291F9; background: #F5F9FF }
.calendar ul li.s3 { background: #F5F9FF }
.calendar ul li.s3 a { color: #333 }
.calendar ul li a:hover, .calendar ul li.s3 a:hover { color: #fff; background: #3291F9 }
.calendar .nodata { height: 278px; background: url(https://image.39.net/dist/yyk/v4/pc/images/bg_10.png) center 49px no-repeat; overflow: hidden }
.calendar .nodata a { display: block; width: 136px; height: 36px; margin: 200px auto 0; font-size: 16px; line-height: 36px; color: #fff; text-align: center; background: #FF9023; border-radius: 36px }
.calendar .nodata a:hover { opacity: .9 }
.calendartips { margin-top: 20px; padding: 15px 20px; font-size: 14px; line-height: 24px; color: #333; background: #F8F8F8; border-radius: 6px }
.calendartips strong { display: block; font-size: 16px; color: #FF9023 }
.ranktitle { padding-top: 25px; font-size: 16px; line-height: 36px; color: #333 }
.ranktitle strong, .ranktitle h1 { display: block; font-size: 30px; line-height: 30px; color: #3291F9; font-weight: 700; padding-left: 30px; background: url(https://image.39.net/dist/yyk/v4/pc/images/icon_01.png) left 6px no-repeat }
.ranktitle .rankcontent { margin-top: 20px; padding: 14px 20px; background: #F5F9FF; border-radius: 10px; cursor: pointer; transition: all .2s }
.ranktitle .rankcontent span { display: block; height: auto }
.ranktitle .rankcontent.limited span { max-height: 72px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical }
.ranktitle .rankcontent p { text-indent: 2em }
.linetitle { font-size: 24px; line-height: 26px; color: #333; border-bottom: #F2F2F2 1px solid; overflow: hidden }
.linetitle .tabnav { float: left }
.linetitle .tabnav span { display: inline-block; vertical-align: top; margin-right: 30px; padding-bottom: 13px; border-bottom: transparent 2px solid }
.linetitle .tabnav span.current, .linetitle .tabnav span:hover { color: #3291F9; font-weight: 700; border-color: #3291F9 }
.linetitle .tabnav span a { display: block; transition: none }
.linetitle .tabnav span.current a { color: #3291F9 }
.linetitle .totalinfo { float: left; font-size: 14px; color: #666 }
.linetitle .totalinfo em { vertical-align: top; font-size: 16px; color: #333; margin-right: 10px }
.linetitle .totalinfo b { vertical-align: top; color: #3291F9; font-weight: 400 }
.linetitle .totalinfo.withlocation { padding-left: 16px; background: url(https://image.39.net/dist/yyk/v4/pc/images/icon_06.png) left center no-repeat }
.linetitle .bookable { float: right; font-size: 14px }
.linetitle .bookable input { margin-left: 25px; margin-right: 5px }
.linetitle .sort { float: right; font-size: 16px }
.linetitle .sort a { display: inline-block; vertical-align: top; padding-right: 13px; margin-left: 20px; background: url(https://image.39.net/dist/yyk/v4/pc/images/arrow_19.png) right center no-repeat }
.linetitle .sort a.current, .linetitle .sort a:hover { color: #3291F9; background-image: url(https://image.39.net/dist/yyk/v4/pc/images/arrow_18.png) }
.title+.hospitalfulllist, .title+.doctorfulllist { margin-top: 10px }