/* Created by kong 20220527 */

body { background: url("../images/bg_34.gif") center 140px no-repeat;}
body.doctorpage { background-image: url("../images/bg_35.jpg");}

.position, .position a, .position a:hover, .position b { color: white;}

.areatab .tabnav { margin: 35px 0 28px; display: flex; justify-content: center; font-size: 24px; line-height: 50px; color: white;}
.areatab .tabnav span { width: 150px; height: 50px; margin: 0 6px; text-align: center; background: #be5997; border-radius: 50px; overflow: hidden; cursor: pointer;}
.areatab .tabnav span.current, .areatab .tabnav span:hover { color: #ae4184; background: white;}

.title { margin-bottom: 0;}
.areatab .title { margin-top: 40px; font-size: 24px; line-height: 24px;}

.ksdoclist { overflow:hidden;}
.ksdoclist dl { float:left; width:640px; height:192px; box-sizing: border-box; padding:30px 30px 0; margin-top:20px; background: #f8f8f8;}
.ksdoclist dl:nth-child(2n) { float: right;}
.ksdoclist dt { font-size:24px; line-height:24px; margin-bottom:16px; padding-bottom: 19px; color:#25a18f; border-bottom:#ccc 1px solid;}
.ksdoclist dt a { color:#25a18f;}
.ksdoclist dt a:hover { color: #ae4184; text-decoration: none;}
.ksdoclist dd { float:left; font-size: 14px; line-height:24px; width:11%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.ksdoclist dd b, .ksdoclist dd b a { color: #ae4184;}

.pagetitle { font-weight: bold; margin-top: 44px; margin-left: 60px;}

.doctorcard { margin-top:35px; height: 313px; padding:47px 90px 0 60px; overflow:hidden; color: white; background:url(../images/bg_36.png) no-repeat; box-shadow: rgba(37,161,143,0.1) 0 8px 8px 0;}
.doctorcard strong { display:block; font-size:30px; line-height:30px; font-weight: normal; margin:22px 0 12px;}
.doctorcard b { display: block; font-size: 18px; line-height: 34px;}
.doctorcard p { font-size: 14px; line-height: 24px; margin-top: 42px; height:72px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical;}
.doctorcard .qr { float:right; width:160px; margin:3px 0 0 75px; text-align:center;}
.doctorcard .qr img { display: block; width:160px; height:160px; border-radius: 5px;}
.doctorcard .qr span { display: block; font-size: 14px; line-height:20px; margin-top: 11px;}
.doctorcard .qr i { display: block; width: 120px; height: 40px; font-size:16px; line-height:40px; margin: 14px auto 0; background: #197164; border-radius: 40px; cursor: pointer;}
.doctorcard .qr i:hover { background: white; color: #197164;}
.doctorcard .photo { width:200px; height:266px; float:left; margin-right:45px;}
.doctorcard .photo img { width: 100%; height: 100%;}

.calendar { margin-top:50px; overflow:hidden;}
.calendar .tablename { height:68px; line-height:68px; background:#25a18f url(../images/icon_43.png) no-repeat 37px center; color:white; font-size:24px; padding:0 33px 0 77px; margin:0 2px;}
.calendar .tablename a { float:right; margin-top: 16px; width: 110px; height:36px; font-size:16px; line-height:36px; background: #bcad4c; border-radius: 36px; color:white; text-align: center;}
.calendar .tablename a:hover { background: white; color: #bcad4c; text-decoration: none;}
.calendar table { width:100%;}
.calendar table th, .calendar table td { border:white 2px solid; font-weight:normal; text-align:center; background:#f9f9f9; width:148px;}
.calendar table th { height:58px; background:#eff9f8; font-size:14px; line-height:18px; color: #2a2a2a;}
.calendar table th i { display:block; color:#999;}
.calendar table td { font-size: 14px; line-height: 24px; padding: 13px 0;}
.calendar table td p { width: 110px; height: 72px; margin: 0 auto; font-size: 16px; line-height: 42px; color: white; background:url("../images/bg_38.png") no-repeat; padding: 0 3px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.calendar table td p.red { background-image: url("../images/bg_39.png");}
.calendar table td p em { display: block; line-height: 29px; color: #333; font-style: normal;}
.calendar table td p a { display: block; color: white; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.calendar table td p a:hover { text-decoration: none; background: rgba(255,255,255,0.08);}
.calendar table td i { display:block; color:#2a2a2a;}
.calendar table td:first-child { color:#f27935; font-weight: bold;}
.calendar .tips { float:right; margin-top: 21px; font-size: 14px; line-height: 16px; color: #666; padding-left: 27px; background: url(../images/icon_41.png) 0 center no-repeat;}

.doctorintro { margin-top: 45px; color: #333;}
.doctorintro p { font-size: 18px; line-height: 30px; margin-top: 20px;}

.doctornews { margin-top:30px;}
.doctornews .tabnav { font-size:24px; color:#666; line-height: 65px; height:67px; border-bottom: #f0f0f0 1px solid;}
.doctornews .tabnav span { display:inline-block; margin-right:27px;}
.doctornews .tabnav span:hover, .doctornews .tabnav span.current { font-size:30px; color:#333; border-bottom:#ae4184 2px solid;}
.doctornews .tabnav span a { display: block; color:#666;}
.doctornews .tabnav span:hover a, .doctornews .tabnav span.current a { color:#333; text-decoration: none;}
.doctornews .tabnav em { float: right; margin-top: 26px; font-size: 16px; line-height: 16px; font-style: normal;}
.doctornews .tabnav em a { color: #666;}
.doctornews .tabnav em a:hover { color: #ae4184;}
.doctornews li { padding: 20px 0; height: 125px; border-bottom: #f0f0f0 1px solid;}
.doctornews li img { width:200px; height: 125px; float: left; margin-right: 20px; border-radius:5px;}
.doctornews li strong { display: block; font-size: 18px; line-height: 20px; font-weight: normal; padding-top: 7px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.doctornews li p { font-size: 14px; line-height: 24px; color: #666; margin: 13px 0; height:48px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.doctornews li span, .doctornews li i { float: left; font-size: 14px; line-height: 24px; color: #999; margin-right: 8px;}
.doctornews li span { background: url("../images/icon_44.png") left center no-repeat; padding-left: 20px; margin-right: 16px;}
.doctornews li i a { display: inline-block; vertical-align: top; color: #999; background: #f8f8f8; border-radius: 24px; padding: 0 15px; transition: all 0.25s;}
.doctornews li i a:hover { color: white; background: #ae4184; text-decoration: none;}

.floatlayer { display: none; width: 700px; height: 934px; margin-left: -350px; position: absolute; top: 140px; left: 50%; z-index: 999;}
.floatlayer .btns { text-align: center; position: absolute; width: 100%; left: 0; bottom: 0;}
.floatlayer .btns span { display:inline-block; width:172px; height: 60px; font-size:24px; line-height: 60px; margin:0 12px; background:#13af89; border-radius:60px; color:white; cursor: pointer;}
.floatlayer .btns span.download { background:#ae4184 url(../images/icon_42.png) 27px center no-repeat; text-align: left; text-indent: 57px;}
.floatcard { color:white; height:840px; padding:0 60px; background: url(../images/bg_37.png) no-repeat; overflow: hidden; position:relative; top: 0; left: 0;}
.floatcard img { width: 200px; height: 266px; border-radius: 10px; position: absolute; right: 63px; top: 68px;}
.floatcard div { height: 222px;}
.floatcard strong { display: block; font-size: 48px; line-height:48px; color:#f5edc0; margin-top:93px;}
.floatcard p { font-size: 36px; line-height:42px; margin-top:15px; width: 360px; max-height:84px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.floatcard i { display: block; font-size: 24px; line-height:30px; margin-top:14px; width: 360px; max-height:60px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.floatcard em { display: block; font-size: 30px; line-height:30px; margin-top:30px; color: #f5edc0; font-style: normal;}
.floatcard cite { display: block; font-size: 26px; line-height:40px; margin-top:23px; height:160px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:4; -webkit-box-orient:vertical;}
.floatcard span { display:block; position:absolute; bottom:58px; right:60px; font-size:24px; line-height:24px;}
.floatcard span img { display:block; width:118px; height:118px; margin: 0 0 10px auto; padding: 10px; background: white; position: static;}