/* ================================================================
 *  医院概况（频道首页 / 医院简介 / 发展历程 / 医院文化 / 来院路线）
 *  结构 1:1 复刻 gzxsyy 模板（含原页面内联样式，集中于此便于维护）
 *  注意：本文件须在 layui.css 之后加载，以覆盖 layui 的时间轴默认样式
 * ================================================================ */
/* --- 发展历程：layui 时间轴 --- */
.gysy-fzlc .demo{padding:30px;}
.layui-timeline{padding-left:100px}
.layui-timeline img{width:300px;height:200px;border-radius:10px;border:3px solid #82579d;margin-left:20px;}
.layui-timeline-item{position:relative;padding-bottom:20px}
.layui-timeline-item i{line-height:50px;font-size:2em;}
.layui-timeline-axis{position:absolute;left:-18px;top:0;z-index:10;width:50px;height:50px;line-height:50px;background-color:#fff;color:#82579d;border-radius:50%;text-align:center;cursor:pointer;border:1px solid #82579d;font-size:20px;}
.layui-timeline-axis:hover{color:#2196f3}
.layui-timeline-item:before{content:'';position:absolute;left:5px;top:0;z-index:0;width:3px;height:100%;background-color:#82579d}
.layui-timeline-item:last-child:before{height:100%;}
.layui-timeline-content{padding-left:80px;height:300px;}
.layui-timeline-title,.gysy-fzlc .layui-timeline .txt h3.layui-timeline-title{position:relative;margin-bottom:10px;font-size:2em;line-height:1.4;color:#82579d !important;}
.layui-timeline .txt{width:50%;}
.layui-timeline .txt p{font-size:18px;}
.layui-timeline .thumb{width:48%;text-align:center;}
/* --- 医院文化：相册九宫格 --- */
.yywh-tablist .tab-pannel{padding:20px;}
.yywh-tablist .xiangce{width:48%;float:left;padding:10px;}
.yywh-tablist .xiangce img{width:576px;height:333px;object-fit:cover;}
.yywh-tablist .xiangce .pic a{display:block;position:relative;}
.yywh-tablist .xiangce .pic span{position:absolute;left:0;right:0;bottom:0;padding:8px 10px;background:rgba(0,0,0,.45);color:#fff;font-size:14px;line-height:1.5;}
/* --- 来院路线：楼层分布 --- */
.layui-field-title{margin:10px 0 20px;border-width:1px 0 0;}
.layui-elem-field{margin-bottom:10px;padding:0;border-style:solid;border-color:#e6e6e6;}
.layui-elem-field legend{margin-left:20px;padding:0 10px;font-size:20px;font-weight:300;}
fieldset{border:0;}
/* --- 医院简介：视频容器 --- */
.yyjj-video{background:#fff;padding:40px 0;}
.yyjj-video .video-box{position:relative;width:100%;height:400px;background:#1a1f36 center/cover no-repeat;border-radius:6px;overflow:hidden;}
.yyjj-video .video-box video{width:100%;height:100%;object-fit:cover;display:block;}
.yyjj-video .video-box .play-tip{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:rgba(255,255,255,.85);font-size:15px;text-align:center;padding:0 20px;background:rgba(0,0,0,.25);}
.gysy-yyjj .gk-video{width:636px;height:450px;background:#1a1f36 center/cover no-repeat;border-radius:6px;overflow:hidden;}
.gysy-yyjj .gk-video video{width:100%;height:100%;object-fit:cover;display:block;}
/* --- 医院概况 page 容器 --- */
.page-xsyy-container{margin-top:5em;}
.xsyy-intro{margin-bottom:5em;}
/* --- 通用提示 --- */
.gysy-fzlc .empty-tip,.yywh-tablist .empty-tip,.yydh-tablist .empty-tip{width:100%;}

/* ================================================================
 *  名医专家（/myzj/）· 科室导航（/ksdh/）· 行风建设（/hf/）· 招贤纳士（/rczp/）
 *  结构 1:1 复刻 gzxsyy 模板（含原页面内联样式，集中于此便于维护）
 * ================================================================ */
/* --- 名医专家：科室筛选项分组标题 --- */
.select-dpname{position:relative;width:100%;height:50px;line-height:50px;border-bottom:1px solid #e4e4e4;margin-bottom:10px;}
.select-dpname span{box-sizing:border-box;overflow:hidden;position:relative;color:#666;text-align:center;text-overflow:ellipsis;white-space:nowrap;display:inline-block;font-size:16px;overflow:visible;}
.select-dpname span:before{content:"";display:block;position:absolute;width:100%;height:5px;left:0;bottom:-1px;background-color:#82579d;}
/* --- 行风建设：灰底容器 + 投诉建议三卡 --- */
.hf-page{background-color:#f3f3f3;padding:20px;}
.tousu{width:100%;margin-bottom:2em;}
.tousu ul{display:flex;}
.tousu ul li{width:33%;text-align:center;margin-right:1em;background-color:#9c7057;color:#fff;border-radius:8px;padding:10px 0;font-size:1.6em;}
.tousu ul li:last-child{margin-right:0;}
.tousu ul li p{border-top:1px dashed #fff;margin-top:8px;}
.tousu ul li a{color:#fff;}
/* --- 招贤纳士：职位手风琴 --- */
.accordion{width:100%;margin:30px auto 20px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}
.accordion li{margin-bottom:8px;}
.accordion .zplink{cursor:pointer;display:block;padding:20px 20px 20px 42px;color:#4d4d4d;font-size:18px;border:1px solid #7057a3;position:relative;-webkit-transition:all .4s ease;-o-transition:all .4s ease;transition:all .4s ease}
.accordion li .zpbtn{background:#7057a3;margin-right:30px;font-size:14px;color:#fff;padding:5px 10px;border-radius:5px;}
.accordion li i{top:16px;left:12px;font-size:18px;color:#595959;-webkit-transition:all .4s ease;-o-transition:all .4s ease;transition:all .4s ease;margin-right:15px;}
.accordion li i.fa-chevron-down{right:12px;left:auto;font-size:16px}
.accordion li.open .zplink{color:#fff;background:#7057a3;}
.accordion li.open .submenu{background:#fff;border:1px solid #7057a3;}
.accordion li.open .submenu .zptag{position:relative;height:80px;}
.accordion li.open .submenu a{color:#4c4c4c;}
.accordion li.open i{color:#fff;}
.accordion li.open .zpbtn{background:#fff;color:#7057a3;}
.accordion .zpbtn{background:#7057a3;margin-right:30px;font-size:14px;color:#fff;padding:5px 10px;border-radius:5px;}
.accordion li.open i.fa-chevron-down{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg);transform:rotate(90deg)}
.accordion li .zplink .fr{position:absolute;right:12px;top:16px;}
.submenu{display:none;background:#e5e5e5;font-size:14px;padding:30px;}
.submenu a{display:block;text-decoration:none;color:#d9d9d9;-webkit-transition:all .25s ease;-o-transition:all .25s ease;transition:all .25s ease}
.submenu .detail{position:relative;height:100%}
.submenu h3{font-size:16px}
.submenu .tag{float:left;width:50%;}
.submenu .base{display:flex;flex-wrap:nowrap;align-content:center;align-items:center;margin-top:15px;height:70px;}
.submenu .base .mail{background:#7057a3;width:180px;padding:10px;color:#fff !important;text-align:center;font-size:20px;}
.submenu .base .tel{font-size:30px;margin-left:3em;}
.submenu .base .tel i{font-size:30px;color:#7057a3}