/* ============================================================
   康源医院官网首页样式（1:1 复刻源站 entry.css 中 data-v-1fb4db12 作用域）
   ============================================================ */

.home_wrap { background: #f7f7f7; min-width: 1200px; padding: 16px 0 140px; width: 100%; }
.home_wrap .home_content { margin: 0 auto; width: 1200px; }

/* ---------- 轮播区 bg_wrap ---------- */
.bg_wrap { display: flex; }
.bg_wrap .bg_img { height: 450px; margin-right: 16px; width: 800px; object-fit: cover; }
.bg_wrap .bg_carousel { flex: 1; position: relative; overflow: hidden; }
.bg_wrap .bg_carousel .carousel_item {
    background: #fff0d8; height: 450px; padding: 0 18px; width: 100%;
    display: flex; flex-direction: column; justify-content: center;
}
.bg_wrap .bg_carousel .carousel_item .item_title { color: #fb824d; font-size: 28px; font-weight: 700; }
.bg_wrap .bg_carousel .carousel_item .item_title:after {
    background: #fb824d; content: ""; display: block; height: 3px; margin: 28px 0; width: 45px;
}
.bg_wrap .bg_carousel .carousel_item .item_content {
    color: #333; font-size: 18px; font-weight: 400; line-height: 34px; padding: 0 5px; white-space: pre-wrap;
}
.bg_wrap .bg_carousel .carousel_indicators { bottom: 16px; left: unset; position: absolute; right: 16px; width: auto; }
.bg_wrap .bg_carousel .carousel_indicator { cursor: pointer; margin-right: 16px; }
.bg_wrap .bg_carousel .carousel_indicator:last-child { margin-right: 0; }
.bg_wrap .bg_carousel .carousel_indicator .carousel_button {
    background: rgba(252, 101, 34, .2); border-radius: 50%; display: block; height: 12px; width: 12px;
}
.bg_wrap .bg_carousel .carousel_indicator.is-active .carousel_button { background: #fb824d; }

/* ---------- 视频新闻区 video_news ---------- */
.video_news { margin-top: 40px; display: flex; }
.video_news .video_wrap { background: #000; height: 350px; margin-right: 16px; width: 400px; }
.video_news .video_wrap .video_title { height: 50px; }
.video_news .video_wrap .video_title > img { height: 36px; margin: 10px 0 0 10px; width: 146px; }
.video_news .video_wrap .video_content { height: calc(100% - 46px); position: relative; }
.video_news .video_wrap .video_content .video_img,
.video_news .video_wrap .video_content video { height: 100%; width: 100%; }
.video_news .video_wrap .video_content .play_img {
    cursor: pointer; height: 60px; left: 50%; position: absolute; top: 50%; transform: translate(-50%, -50%); width: 60px;
}
.video_news .news_wrap, .video_news .quick_nav { border: 1px solid #ffc5ab; margin-right: 16px; width: 384px; }
.video_news .news_wrap .news_list, .video_news .quick_nav .news_list { padding: 14px 10px; }
.video_news .quick_nav { margin-right: 0; }
.video_news .quick_nav .quick_nav_list { padding-top: 30px; }
.video_news .quick_nav .quick_nav_list .quick_nav_item {
    color: #333; cursor: pointer; font-size: 16px; font-weight: 400; margin-bottom: 35px; text-align: center; width: 33.33%;
}
.video_news .quick_nav .quick_nav_list .quick_nav_item > img { height: 68px; margin-bottom: 12px; width: 68px; }

/* ---------- 党建横幅 dang_wrap ---------- */
.dang_wrap {
    color: #ffae4e; font-size: 54px; font-weight: 500; height: 100px; line-height: 100px;
    margin-top: 40px; position: relative; text-align: center;
}
.dang_wrap > img { z-index: 1; }
.dang_wrap > div, .dang_wrap > img { height: 100px; left: 0; position: absolute; top: 0; width: 1200px; }
/* 渐变文字仅作用于文字层：background 简写会重置 background-clip，故用 background-image 并放在裁剪声明之前 */
.dang_wrap > div {
    background-image: linear-gradient(0deg, #f13e1f, #ffc767);
    -webkit-background-clip: text; background-clip: text;
    -webkit-text-fill-color: transparent;
    font-family: SourceHanSansCN; z-index: 2;
}

/* ---------- 科室通知区 department_notice ---------- */
.department_notice { margin-top: 30px; display: flex; }
.department_notice .department_wrap {
    background-image: url(../images/keshi_banner.png); background-size: 100% 100%;
    height: auto; margin-right: 16px; min-height: 270px; overflow: hidden; width: 800px;
}
.department_notice .department_wrap .home_title { border: 1px solid #ffc5ab; }
.department_notice .department_wrap .department_list { padding: 8px 14px 10px; }
.department_notice .department_wrap .department_list .item_wrap { margin-bottom: 12px; }
.department_notice .department_wrap .department_list .item_wrap:last-child { margin-bottom: 0; }
.department_notice .department_wrap .department_list .item_wrap .item_type {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAG8AAAAgCAYAAAAcyybZAAAAAXNSR0IArs4c6QAAASVJREFUaEPt2rEKQWEYxvH3IQYlH9LhGlyAC7BajaxKWUwGV2AxitlVGMwGowswMEjKoDMYfDrqRGI/Tz3nCv69v95O5+3AX0/e9CR5AjO4oP8rEMJLsturTXiJJ/ofKDzhEU+AOF2bJzziCRCna/OERzwB4nRtnvCIJ0Ccrs2jxYMtUQg6Oo9xCoaWzjSQL+2+83Xb5AA9maVacJXtZ67wOPCiytDMhnDBPE4WHg9eXLoy/+ihWNsLjw8vKr4Z/Fh4nHhnA7rCo8PzG8tm2siVD8KjwvMLO14GqNfvUbbwOPCi/4xGcMFEnwocYO9KpIYoVKb6SGeDM7+GqzZ1HqODewXrMM3pJjxiN+EJj30CxP165wmPeALE6do84RFPgDj97+Y9AQF5r4rU+swtAAAAAElFTkSuQmCC);
    background-size: 100% 100%; color: #333; font-size: 14px; font-weight: 700; height: 32px; line-height: 32px;
    margin-right: 18px; padding-left: 12px; text-align: left; width: 111px;
}
.department_notice .department_wrap .department_list .item_wrap .item_list { flex: 1; margin-bottom: -4px; margin-right: -10px; overflow: hidden; }
.department_notice .department_wrap .department_list .item_wrap .department_item {
    border: 1px solid #dadada; border-radius: 4px; color: #666; cursor: pointer; font-size: 14px; font-weight: 400;
    height: 30px; line-height: 30px; margin-bottom: 4px; margin-right: 10px; min-width: 120px; padding: 0 5px; text-align: center; width: auto;
}
.department_notice .department_wrap .department_list .item_wrap .department_item:hover {
    background: #ff8d27; border: 1px solid #ff8d27; color: #fff;
}
.department_notice .notice_wrap { background: #fff; border: 1px solid #ffc5ab; width: 384px; }
.department_notice .notice_wrap .notice_title {
    background: linear-gradient(0deg, #fff4e6, #fff); border-bottom: 1px solid #ffc5ab; height: 40px; padding-left: 14px; width: 100%;
}
.department_notice .notice_wrap .notice_title .title_item {
    color: #666; cursor: pointer; font-size: 16px; font-weight: 400; height: 100%; margin-right: 48px; position: relative;
}
.department_notice .notice_wrap .notice_title .title_item:last-child { margin-right: 0; }
.department_notice .notice_wrap .notice_title .title_item > img { height: 16px; margin-right: 8px; width: 16px; }
.department_notice .notice_wrap .notice_title .title_item > span { color: #fc6522; }
.department_notice .notice_wrap .notice_title .title_item.active:after {
    background: #fc6522; bottom: 0; content: ""; display: block; height: 2px; left: 50%; position: absolute;
    transform: translate(-50%); width: 91px;
}
.department_notice .notice_wrap .notice_list { padding: 13px 10px; }

/* ---------- 医生轮播区 doctor_wrap ---------- */
.doctor_wrap { background: #fff; border: 1px solid #ffc5ab; margin-top: 30px; width: 100%; }
.doctor_wrap .doctor_list { padding: 38px 10px; display: flex; }
.doctor_wrap .doctor_list .left_btn, .doctor_wrap .doctor_list .right_btn {
    background: #3e1d0f; cursor: pointer; height: 240px; opacity: .1; width: 32px;
}
.doctor_wrap .doctor_list .left_btn > img, .doctor_wrap .doctor_list .right_btn > img { height: 16px; margin-left: 8px; margin-top: 106px; width: 16px; }
.doctor_wrap .doctor_list .list_wrap { flex: 1; height: 300px; margin: 0 10px; overflow: hidden; position: relative; }
.doctor_wrap .doctor_list .list_wrap .list_content { left: 0; position: absolute; transition: none; }
.doctor_wrap .doctor_list .list_wrap .list_item { display: inline-block; margin-right: 45px; width: 180px; }
.doctor_wrap .doctor_list .list_wrap .list_item .img_wrap { cursor: pointer; height: 240px; position: relative; width: 180px; }
.doctor_wrap .doctor_list .list_wrap .list_item .img_wrap > img { height: 100%; width: 100%; }
.doctor_wrap .doctor_list .list_wrap .list_item .img_wrap .doctor_name {
    background: rgba(51, 51, 51, .4); bottom: 0; color: #fff; font-family: 'Microsoft YaHei'; font-size: 18px; font-weight: 700;
    height: 41px; left: 0; line-height: 41px; position: absolute; text-align: center; width: 100%;
}
.doctor_wrap .doctor_list .list_wrap .list_item .doctor_department {
    color: #fc6522; font-size: 14px; font-weight: 700; margin-top: 12px; text-align: center;
}
.doctor_wrap .doctor_list .list_wrap .list_item .doctor_job {
    color: #666; font-size: 14px; font-weight: 400; margin-top: 12px; text-align: center;
}

/* ---------- 教学模块 teach_wrap ---------- */
.teach_wrap { background: #fff; border: 1px solid #ffc5ab; margin-top: 38px; width: 100%; }
.teach_wrap .teach_content { padding: 33px 20px 18px; display: flex; }
.teach_wrap .teach_content .content_item { margin-right: 13px; width: 280px; }
.teach_wrap .teach_content .content_item:last-child { margin-right: 0; }
.teach_wrap .teach_content .content_item .item_head { display: block; height: 158px; width: 280px; position: relative; }
.teach_wrap .teach_content .content_item .item_head > img { height: 100%; width: 100%; }
.teach_wrap .teach_content .content_item .head_wrap {
    background-size: 100% 100%; color: #fffefe; font-size: 14px; font-weight: 400; height: 30px; left: 50%;
    line-height: 30px; position: absolute; text-align: center; top: -15px; transform: translate(-50%); width: 110px; z-index: 2;
}
.teach_wrap .teach_content .content_item .item_list { padding: 10px 0; width: 100%; }

/* ---------- 护理模块 nurse_wrap ---------- */
.nurse_wrap { background: #fff; border: 1px solid #ffc5ab; margin-top: 40px; width: 100%; }
.nurse_wrap .nurse_list { padding: 30px 20px; display: flex; }
.nurse_wrap .nurse_list .nurse_item { height: 210px; margin-right: 13px; width: 280px; }
.nurse_wrap .nurse_list .nurse_item:last-child { margin-right: 0; }
.nurse_wrap .nurse_list .nurse_item .img_wrap { cursor: pointer; display: block; height: 100%; width: 100%; position: relative; }
.nurse_wrap .nurse_list .nurse_item .img_wrap > img { height: 100%; width: 100%; }
.nurse_wrap .nurse_list .nurse_item .img_wrap .nurse_name {
    background: rgba(51, 51, 51, .4); bottom: 0; color: #fff; height: 41px; left: 0; line-height: 41px;
    position: absolute; text-align: center; width: 100%;
}

/* ---------- 设备模块 device_wrap ---------- */
.device_wrap { background: #fff; border: 1px solid #ffc5ab; margin-top: 40px; width: 100%; }
.device_wrap .device_list { padding: 20px; display: flex; }
.device_wrap .device_list .device_item { height: 124px; margin-right: 15px; width: 220px; }
.device_wrap .device_list .device_item:last-child { margin-right: 0; }
.device_wrap .device_list .device_item > img { cursor: pointer; height: 100%; width: 100%; }

/* ---------- 首页模块头（home_head 装饰） ---------- */
.home_head { cursor: pointer; position: relative; }
.home_head > img { height: 100%; width: 100%; }
.home_head .head_wrap {
    background-size: 100% 100%; color: #fffefe; font-size: 14px; font-weight: 400; height: 30px; left: 50%;
    line-height: 30px; position: absolute; text-align: center; top: -15px; transform: translate(-50%); width: 110px;
}

/* ---------- 手机端 phone_home ---------- */
.phone_home { background: #f7f7f7; display: none; padding: .4rem .3rem 1rem; }
.phone_home .phone_title {
    background: linear-gradient(0deg, #fff4e6, #fff); border-radius: .2rem .2rem 0 0; height: .9rem;
    padding: 0 .3rem 0 .2rem; width: 100%; display: flex; align-items: center; justify-content: space-between;
}
.phone_home .phone_title .title_wrap { color: #666; font-size: .34rem; font-weight: 500; }
.phone_home .phone_title .title_wrap > span { color: #fc6522; }
.phone_home .phone_title .title_wrap > img { height: .32rem; margin-right: .16rem; width: .32rem; }
.phone_home .phone_title .phone_more { color: #999; display: block; font-size: .26rem; font-weight: 500; height: 100%; line-height: .9rem; }
.phone_home .phone_quick { background: #fff; border-radius: .2rem; }
.phone_home .phone_quick .quick_nav_list { padding-top: .5rem; display: flex; flex-wrap: wrap; }
.phone_home .phone_quick .quick_nav_list .quick_nav_item {
    color: #333; font-size: .28rem; font-weight: 400; margin-bottom: .6rem; text-align: center; width: 33.33%;
}
.phone_home .phone_quick .quick_nav_list .quick_nav_item > img { height: 1.1rem; margin-bottom: .2rem; width: 1.1rem; }
.phone_home .phone_doctor { background: #fff; border-radius: .2rem; margin-top: .3rem; }
.phone_home .phone_doctor .doctor_list { padding-top: .3rem; display: flex; flex-wrap: wrap; }
.phone_home .phone_doctor .doctor_list .doctor_item { margin-bottom: .4rem; padding: 0 .4rem; width: 50%; }
.phone_home .phone_doctor .doctor_list .doctor_item .img_wrap { height: 3.6rem; position: relative; width: 100%; }
.phone_home .phone_doctor .doctor_list .doctor_item .img_wrap > img { height: 100%; width: 100%; }
.phone_home .phone_doctor .doctor_list .doctor_item .img_wrap .doctor_name {
    background: rgba(51, 51, 51, .4); bottom: 0; color: #fff; font-size: .3rem; font-weight: 700; height: .6rem;
    left: 0; line-height: .6rem; position: absolute; text-align: center; width: 100%;
}
.phone_home .phone_doctor .doctor_list .doctor_item .doctor_info { background: hsla(0, 0%, 100%, .4); box-shadow: 0 .04rem .1rem #131d5229; height: 1rem; padding: .16rem 0; }
.phone_home .phone_doctor .doctor_list .doctor_item .doctor_department { color: #fc6522; font-size: .24rem; font-weight: 700; text-align: center; }
.phone_home .phone_doctor .doctor_list .doctor_item .doctor_job { color: #666; font-size: .24rem; font-weight: 400; margin-top: .16rem; text-align: center; }
.phone_home .phone_news { background: #fff; border-radius: .2rem; margin-top: .4rem; }
.phone_home .phone_news .news_list { padding: .1rem .2rem; }