@charset "utf-8";

/*--------------------------------------------------------------------------通用样式--------------------------------------------------------------------------*/
.hoverable { position: relative; overflow:hidden; z-index: 0; transition: all 0.3s ease; }
.hoverable:hover { transform:translateY(-5px);  }
.anim { transform: translateY(-50%) translateX(-50%); position: absolute; top: 50%; left: 50%; z-index: -1; }
.anim:before {  position: relative; content: ""; display: block; margin-top: 100%; }
.anim:after { content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; border-radius: 50%; }
.hoverable .anim { animation: anim-out .75s; }
.hoverable .anim:after { animation: anim-out-pseudo .75s; }
.hoverable .anim, .hoverable .anim:after { animation-iteration-count: infinite; animation-duration: 1.3s; }
@keyframes anim-in { 0%{width:0}100%{width:100%}}
@keyframes anim-in-pseudo { 0%{background:rgba(0,0,0,0.25)}100%{background:transparent} }
@keyframes anim-out { 0%{width:0}100%{width:100%} }
@keyframes anim-out-pseudo { 0%{background:rgba(0,0,0,0.25)}100%{background:transparent} }

.blue-more { display: flex; align-items: center; box-sizing: border-box; padding: 0 20px; height:50px; background:#0364d7;  color:#fff;  border-radius: 5px;  overflow: hidden;   }
.blue-more i { margin-left:20px; transition:none; }

.blue-more-line { display: flex; align-items: center; box-sizing: border-box; padding: 0 20px; height:50px;  border:2px solid #0364d7;  color:#0364d7;  border-radius: 5px;  overflow: hidden;   }
.blue-more-line:hover { background: #0364d7;  color:#fff; }
.blue-more-line i { font-size: 24px; margin-right: 20px; transition:none; }

.hdiv { width:100%; height: 100px; }
.mhdiv { width:100%; height:60px; display: none; }
.mask { width:100%; height:100%; overflow:hidden; cursor:pointer; background:rgba(0,0,0,0.8); position:fixed; left:0; top:0; z-index:999;}
.pc-cc { display: block; } 
.m-cc { display: none; }

.sp-pn { position: absolute; top: 50%; margin-top:-25px; z-index: 9;  cursor: pointer; width:50px; height: 50px; line-height: 50px;  border-radius: 50px; background: #0364d7;  color:#fff;  text-align: center; transition: all .3s ease; }
.sp-prev  {left: 0; }
.sp-next {right: 0; }
.sp-pn i { line-height:50px; margin:-4px 0 0; }

.sp-bot.swiper-pagination { width:100%; bottom:20px; }
.sp-bot .swiper-pagination-bullet { width:8px; height: 8px; border-radius: 8px; background:rgba(255,255,255,1); opacity: 1; margin:0 5px!important;  }
.sp-bot .swiper-pagination-bullet-active { width:24px;  background:#0364d7; }

.sp-bot-blue .swiper-pagination-bullet { background:#ccc; }
.sp-bot-blue .swiper-pagination-bullet-active { background:#0364d7; }

.layui-input-block { margin-left:0; }
.layui-form .layui-input-wrap { line-height: 42px; }
.layui-form .layui-input-wrap .layui-input-split { display: flex; align-items: center;  width:40px;  }
.layui-form .layui-input { height: 42px; padding:0 20px;  border:1px solid #ddd;  background: #f6f6f6; border-radius: 100px; }
.layui-form .layui-textarea {  padding:10px 20px;  line-height: 180%;  min-height: 100px;  border:1px solid #ddd;   font-size: 20px;  }
.layui-form em { line-height: 42px; margin: 0 20px;}
.layui-input-split { border:none; }

@media all and (max-width:981px) {
	
	.pc-cc { display: none; }
	.m-cc { display: block; }
	
	.blue-more { padding:0 0.36rem;  height: 1.1rem; line-height: 1.1rem; font-size: 0.38rem;  }
	.blue-more i { font-size:0.42rem; margin-left:0.48rem; }
	
	.blue-more-line  { padding:0 0.36rem;  height: 1.1rem; line-height: 1.1rem; font-size: 0.38rem;  }
	.blue-more-line  i { font-size:0.48rem; margin-right:0.36rem; }
	
	.sp-pn { margin-top:-0.55rem; width:1.1rem; height: 1.1rem; line-height: 1.1rem;   }
	.sp-pn i {  line-height:1.1rem; font-size: 0.42rem;   }
	
	.sp-bot .swiper-pagination-bullet { width:8px; height: 8px; margin: 0 5px!important; }
	.sp-bot .swiper-pagination-bullet-active { width:20px; }
	
	.layui-form .layui-input {  height:1.1rem; font-size: 0.38rem; padding:0 0.36rem; }
	.layui-form em { float:none; margin:0 0.36rem; line-height:1.1rem; }
	.layui-form .layui-input-wrap { line-height: 1.1rem;}
	.layui-form .layui-textarea {  font-size: 0.38rem; padding:0.24rem 0.36rem; }
	.layui-form-select dl dd { font-size: 0.38rem;}
	
}

/*--------------------------------------------------------------------------导航--------------------------------------------------------------------------*/
.header { width: 100%; position: fixed; top:0; z-index: 9;  background: #fff;   }
.header::after { content: " ";  position: absolute; left: 0; bottom: 0; width:100%;  height:1px; background:#e6e6e6; z-index: 1;  }
.header .hbox { height: 100px; align-items: center; flex-wrap: nowrap; }
.header .hlogo .hlbox { display: table; height: 100px; }
.header .hlogo .hlbox .img img { max-height: 68px; }
.header .hlogo .hlbox .img span { font-size:30px; font-weight: bold; margin-left:20px; }
.header .ih-search { flex-shrink: 0; width: 240px; margin: 0 20px 0 30px; z-index: 2; }
.header .nav-login-m { display: none; }
.header .hmenu { flex-shrink: 1; min-width: 0; }
.header .ih-search .layui-form { margin: 0; }
.header .ih-search .layui-input-wrap { position: relative; line-height: normal; }
.header .ih-search .layui-input { width: 100%; box-sizing: border-box; padding-right: 44px; font-size: 14px; background: #f6f6f6; border-color: #e8e8e8; transition: border-color 0.3s ease, background 0.3s ease; }
.header .ih-search .layui-input:focus { border-color: #0364d7; background: #fff; outline: none; }
.header .ih-search .layui-input-suffix { position: absolute; right: 4px; top: 50%; transform: translateY(-50%); width: 34px; height: 34px; display: flex; align-items: center; justify-content: center; cursor: pointer; border-radius: 50%; color: #999; transition: background 0.3s ease, color 0.3s ease; pointer-events: auto; z-index: 3; border: none; background: transparent; padding: 0; }
.header .ih-search .layui-input-suffix:hover { background: #0364d7; color: #fff; }
.header .ih-search .layui-input-suffix i { font-size: 18px; line-height: 1; }
.header .ih-login { flex-shrink: 0; margin-left: 12px; z-index: 99; }
.header .ih-login-btn { display: inline-flex; align-items: center; justify-content: center; height: 34px; padding: 0 14px; background: #0364d7; color: #fff; font-size: 13px; border-radius: 17px; transition: background 0.3s ease; white-space: nowrap; }
.header .ih-wx { flex-shrink: 0; margin-left: 12px; z-index:99; }
.header .ih-login-btn:hover { background: #0254b8; color: #fff; }
.header .ih-wx i {  color:#28c445;  font-size:20px; }
.header .ih-wx em {   position: absolute; width:140px; height: 140px;  top:50px; right:0;  z-index: 999; border-radius: 10px; overflow: hidden; box-shadow: 0 0 20px rgba(0,0,0,0.1);   visibility: hidden; opacity: 0; transition: all 0.3s ease; }
.header .ih-wx a:hover em { visibility: visible; opacity: 1; top:40px; }

.commenu, .commenu ul, .commenu ul li, .commenu ul li a, .commenu .menu-button { position:relative; box-sizing:border-box; }
.commenu .menu-button { display:none; }
.commenu>ul>li { float:left; margin-left:24px; }
.commenu>ul>li:first-child { margin-left:0; }
.commenu>ul>li> a { display: inline-block; line-height: 100px; font-size: 16px; white-space: nowrap; }
.commenu>ul>li> a span { position: relative; display:inline-block; }
.commenu>ul>li> a span::after { content: " ";  position: absolute; bottom: 0;  left: 0; width:0;  height: 3px;  border-radius: 3px; background: #0364d7;  z-index: 2; transition: all 0.3s ease;}
.commenu>ul>li> a:hover span::after, .commenu>ul>li> a.active span::after { width:100%; }
.commenu ul li ul { width: 180px;  background:#fff;  border-radius: 5px; overflow: hidden; box-shadow: 0 0 20px rgba(0,0,0,.1); position:absolute; left:0; top:0; z-index: 99;  visibility: hidden; opacity: 0; transition: all 0.3s ease; }
.commenu ul li:hover>ul { visibility: visible; opacity: 1; top:0px; }
.commenu ul li ul li { float:left; width: 100%; line-height: 180%; border-bottom:1px solid #eee; }
.commenu ul li ul li:last-child { border: none; }
.commenu ul li ul li a span { margin:0;  }
.commenu ul li ul li:hover ul { top:0;  }
.commenu ul li ul li a { width:100%; text-align: center; padding:10px; display: inline-block; }
.commenu ul li ul li a:hover { background: #0364d7; transition: none; }

@media only screen and (max-width:981px){
	.header { position: fixed;}
	.header .hbox { width: 100%; height: 60px; }
	.header .hlogo, .header .hmenu { float:none;}
	.header .hlogo {  margin:0 0.72rem 0 0.36rem; }
	.header .hlogo .hlbox { height: 60px; }
	.header .htop  { display: none; }
	.header .ih-search { display: none; }
	.header .ih-login { display: none; }
	.header .nav-login-m { display: block; }
	.header .hmenu { width: 60px; height: 60px; margin-left: auto; }
	.commenu {width:100%; }
	.commenu ul.menubox {  width:calc(100% - 60px)!important; height: 100vh; overflow-y:scroll; position: fixed; left:-100%; z-index: 999;  /*display:none;*/ visibility: hidden; opacity: 0; transition: all 0.3s ease; }
	.commenu ul.menubox.open { left:0; opacity: 1;  visibility: visible; }
	.commenu ul { width:100%!important;  background: #222;  }
	.commenu ul li:hover ul { position: relative; border-top: 1px solid rgba(255,255,255,0.1); top:0; }
	.commenu ul li {  width:100%!important; line-height:normal; border-bottom: 1px solid rgba(255,255,255,0.1); margin:0; padding:0 0.64rem; }
	.commenu>ul>li, .commenu>ul>li:last-child { margin: 0; }
	.commenu>ul>li> a { padding:0; line-height: 1.4rem; font-size: 0.38rem; color:#fff; }
	.commenu>ul>li> a:hover { background: none; }
	.commenu>ul>li> a span::after { display: none; }

	.commenu ul li.has-sub { padding:0; }
	.commenu ul li.has-sub>a { padding:0 0.64rem; }
	.commenu ul li ul { position: relative; left:0!important;; opacity: 1; visibility: inherit; top:0; background: none; border-radius: 0; box-shadow:none; border-top:1px solid rgba(255,255,255,0.1); }
	.commenu ul li ul li { border-bottom: 1px solid rgba(255,255,255,0.1);}
	.commenu ul li ul li a { color:#fff; }
	.commenu ul li ul li a span { font-size:0.38rem; }
	.commenu ul li ul li a:hover { background: none; }

	.commenu .menu-button { display:block; width:60px; height: 60px; float:right; }
	.hamburger-menu { width:60px;height:60px; display: flex; align-items:center; justify-content: center; }
	.hamburger-menu div {width:24px; height:2px; border-radius:2px; background:#0364d7; position:relative;z-index:1001; transition: all 0.3s ease;}
	.hamburger-menu div:before,.hamburger-menu div:after{content:''; position:absolute; width:inherit; height:inherit; background:#0364d7; border-radius:2px; transition: all 0.3s ease;}
	.hamburger-menu div:before{transform:translateY(-8px); }
	.hamburger-menu div:after{transform:translateY(8px); }
	.menu-opened .hamburger-menu div{ background: transparent;}
	.menu-opened .hamburger-menu div:before{ transform: translateY(0) rotate(-45deg);}
	.menu-opened .hamburger-menu div:after{ transform: translateY(0) rotate(45deg);}
	.commenu .submenu-button{ position:absolute; z-index:10; right:0; top:0;display:block; border-left: 1px solid rgba(255,255,255,0.1); width:1.4rem; height:1.4rem; line-height: 1.4rem;  }
	.commenu .submenu-button::before{content:'';position:absolute; left:0.5rem; top:0.7rem; display:block; width:0.4rem; height:1px; background:#fff; z-index:99}
	.commenu .submenu-button::after{content:'';position:absolute;  left:0.7rem; top:0.5rem; display:block; width:1px; height:0.4rem; background:#fff; z-index:99}
	.commenu .submenu-button.submenu-opened::after { transform: translateY(0) rotate(90deg); opacity: 0; }
	
}

/*--------------------------------------------------------------------------首页--------------------------------------------------------------------------*/
.imore { font-size:15px; font-weight: normal; }
.imore i {  margin-left:5px; }
.imore:hover { color:#0364d7; }

.f-photo { width:60px; height: 60px; border:1px solid #ddd;  border-radius: 60px;   overflow: hidden; }
.f-photo-s { width:36px; height: 36px; border:1px solid #ddd;  border-radius: 36px;   overflow: hidden; }

.com-tab { border:1px solid #ddd;  border-radius: 10px;  overflow: hidden; }
.com-tab .bd { overflow: hidden; }
.com-tab .bd > .item { display: none; }
.com-tab .bd > .item:first-child { display: block; }
.com-tab .hd { border-bottom: 1px solid #ddd;  padding:0 20px; }
.com-tab .hd ul li { margin-right:20px;  cursor: pointer; }
.com-tab .hd ul li span { position: relative; display: inline-block;  padding:10px 0; }
.com-tab .hd ul li span::before { content:''; position:absolute;  left:0; bottom:0; width:0;  height: 3px;   background: #0364d7;  z-index: 1; }
.com-tab .hd ul li.on  span { font-size: 18px;  color:#333;  font-weight: bold; }
.com-tab .hd ul li.on  span::before {  width:100%; }

.ibox-ban-wrap { padding:40px 0; }

.ibanlist { width:860px;  border-radius: 10px;  overflow: hidden;  }

.ihotlist { width:320px; height: 360px; display: flex; flex-direction: column; }
.ihotlist .bd { flex: 1; min-height: 0; overflow: hidden; }
.ihotlist .bd .top { padding:20px; background: #f6f6f6;  }
.ihotlist .bd .top .desc { padding-left:20px; flex: 1; min-width: 0; overflow: hidden; }
.ihotlist .bd .top .desc h2 { font-size: 16px; font-weight: normal; line-height: 120%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ihotlist .bd .top .desc h2 a { color: #333; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ihotlist .bd .top .desc .d-name {  margin-right: 10px; }
.ihotlist .bd .list { padding:20px; }
.ihotlist .bd .list ul { display: grid; grid-template-columns: minmax(0, 1fr); grid-gap: 15px;   } 
.ihotlist .bd .list ul li { min-width: 0; max-width: 100%; overflow: hidden; }
.ihotlist .bd .list ul li a { display: flex; align-items: center; min-width: 0; max-width: 100%; }
.ihotlist .bd .list .title { font-size: 16px; color:#333; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; display: block; flex: 1; min-width: 0; }
.ihotlist .bd .list .date { color:#888; flex-shrink: 0; margin-left: 10px; white-space: nowrap; }

.itit { width:100%;  margin:0 0 40px; }
.itit h2 {  line-height: 100%; font-size: 24px;  }
.itit h2 span { padding:0 0 0 20px;  position: relative; }
.itit h2 span::after { content: " ";  position: absolute;  left: 0; top: 0;  width:3px;  height: 100%;   background: #0364d7;  z-index: 1;  }

.ibox-cate-wrap .list h2 { font-size: 18px; text-align: center; margin:0 0 10px; }
.ibox-cate-wrap .list { display: grid; grid-template-columns: repeat(4, 1fr); grid-gap: 20px;   }
.ibox-cate-wrap .list .card { padding:20px;  background: #f6f6f6;  border-radius: 10px;  overflow: hidden; }
.ibox-cate-wrap .list .card .options a { display: inline-block; line-height: 200%;  margin-right: 10px;  }

.ibox-video, .ibox-news, .ibox-links { padding:40px 0;  }
.ibox-video-wrap .list ul { display: grid; grid-template-columns: repeat(4, 1fr); grid-gap: 20px;  }
.ibox-video-wrap .list ul li { border:1px solid #ddd;  border-radius: 10px;  overflow: hidden; }
.ibox-video-wrap .list ul li .img { height: 160px; }
.ibox-video-wrap .list ul li .img i { display: inline-block;  width:40px; height:40px; border-radius: 40px;  overflow: hidden;  position: absolute; top:calc(50% - 20px); left: calc(50% - 20px);  z-index: 99; }
.ibox-video-wrap .list ul li:hover { box-shadow: 0 5px 15px #e6e6e6;}
.ibox-video-wrap .list ul li .txt { padding:20px; }
.ibox-video-wrap .list ul li .txt .doctor-inline { margin: 8px 0; }
.ibox-video-wrap .list ul li .txt .doctor-inline-text { font-size: 13px; color: #666; }
.ibox-video-wrap .list ul li .txt h2 { font-size: 16px; font-weight: normal; margin:10px 0; }

.ibox-hosp-wrap .list ul { display: grid; grid-template-columns: repeat(4, 1fr); grid-gap: 20px;  }
.ibox-hosp-wrap .list ul li { border:1px solid #ddd;  border-radius: 10px;  overflow: hidden; }
.ibox-hosp-wrap .list ul li .img { height: 160px; }
.ibox-hosp-wrap .list ul li:hover { box-shadow: 0 5px 15px #e6e6e6;}
.ibox-hosp-wrap .list ul li .txt { padding:10px 20px; }
.ibox-hosp-wrap .list ul li .txt h2 { font-size: 16px; font-weight: normal; margin:10px 0; }

.top-list ul { display: grid; grid-template-columns: repeat(2, 1fr); grid-gap: 20px; }
.com-art-list>ul>li { padding:20px;  border:1px solid #ddd;  border-radius: 10px;  overflow: hidden; }
.com-art-list ul li:hover { box-shadow: 0 5px 15px #e6e6e6;}
.com-art-list ul li h2 { font-size: 20px; margin:0 0 10px; }
.com-art-list ul li .info p { line-height: 180%; }
.com-art-list ul li .txt { margin: 15px 0 0; }
.com-art-list ul li .cc { padding:0 10px;  flex: 1;}
.com-art-list ul li .name em { font-size: 16px; font-weight: bold;  color: #333; margin-right: 10px;  }
.com-art-list ul li .tag { display: flex; align-items: center;  justify-content: space-between;  margin:10px 0 0; }
.ibox-news-wrap .bot-list { margin:30px 0 0; }
.ibox-news-wrap .bot-list ul { display: grid; grid-template-columns: repeat(4, 25%); grid-gap: 20px; }
.ibox-news-wrap .bot-list ul li a { display: flex; align-items: center; min-width: 0; }
.ibox-news-wrap .bot-list ul li i { font-size: 18px; color:#ccc; margin-right: 10px; flex-shrink: 0; }
.ibox-news-wrap .bot-list ul li span { display: block; flex: 1; min-width: 0; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }

.ibox-ebanimg { padding: 40px 0; }
.ibox-ebanimg-wrap .img { display: block; border-radius: 10px; overflow: hidden; transition: opacity 0.3s ease; }
.ibox-ebanimg-wrap .img:hover { opacity: 0.92; }
.ibox-ebanimg-wrap .img img { width: 100%; display: block; }

.ibox-links-wrap .list { display: flex;  }
.ibox-links-wrap .list  a {  margin-right: 20px; }

/*--------------------------------------------------------------------------搜索页--------------------------------------------------------------------------*/
.search-page { background: #fff; min-height: 500px; }
.search-page-bar { padding: 28px 0; background: #fff; border-bottom: 1px solid #eee; }
.search-page-form { display: flex; max-width: 720px; margin: 0 auto; }
.search-page-form input { flex: 1; height: 44px; border: 1px solid #ddd; border-right: none; border-radius: 4px 0 0 4px; padding: 0 16px; font-size: 16px; color: #333; background: #fff; outline: none; box-sizing: border-box; }
.search-page-form input:focus { border-color: #0364d7; }
.search-page-form button { width: 96px; height: 44px; background: #0364d7; color: #fff; border: none; border-radius: 0 4px 4px 0; font-size: 16px; cursor: pointer; transition: background 0.3s ease; flex-shrink: 0; }
.search-page-form button:hover { background: #0254b8; }
.search-page-summary { background: #f5f5f5; padding: 12px 0; font-size: 14px; color: #666; }
.search-page-summary em { color: #0364d7; font-style: normal; font-weight: bold; }
.search-page-body { padding-bottom: 60px; }
.search-page-tabs { display: flex; gap: 30px; padding: 20px 0 0; margin-bottom: 6px; }
.search-page-tabs span { position: relative; padding-bottom: 12px; cursor: pointer; font-size: 16px; color: #999; transition: color 0.3s ease; }
.search-page-tabs span.on { color: #333; font-weight: bold; }
.search-page-tabs span.on::after { content: " "; position: absolute; left: 0; bottom: 0; width: 100%; height: 2px; background: #0364d7; }
.search-result-list { padding: 0; }
.search-result-item { padding: 24px 0; border-bottom: 1px solid #f0f0f0; }
.search-result-item:last-child { border-bottom: none; }
.search-result-item.has-thumb { display: flex; gap: 16px; align-items: flex-start; }
.search-result-thumb { width: 168px; height: 94px; flex-shrink: 0; border-radius: 4px; overflow: hidden; position: relative; background: #f0f0f0; }
.search-result-thumb img { width: 100%; height: 100%; object-fit: cover; display: block; }
.search-result-thumb .play-icon { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; }
.search-result-thumb .play-icon img { width: 40px; height: 40px; object-fit: contain; }
.search-result-body { flex: 1; min-width: 0; }
.search-result-tag { display: inline-block; padding: 2px 8px; background: #ff7e00; color: #fff; font-size: 12px; line-height: 1.5; border-radius: 3px; margin-bottom: 8px; vertical-align: top; }
.search-result-tag.is-video { background: #0364d7; }
.search-result-item h3 { font-size: 20px; font-weight: normal; margin: 0 0 10px; line-height: 1.5; }
.search-result-item h3 a { color: #0364d7; }
.search-result-item h3 a:hover { text-decoration: underline; }
.search-result-desc { font-size: 14px; color: #666; line-height: 1.8; margin: 0 0 12px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.search-result-meta { display: flex; flex-wrap: wrap; gap: 8px 24px; font-size: 13px; color: #999; line-height: 1.6; }
.search-result-meta span { white-space: nowrap; }
.search-kw { color: #e74c3c; font-style: normal; }
.search-page-pager { padding: 30px 0 10px; }
.search-page .NodataTips { padding: 60px 0; color: #999; font-size: 14px; }

.footer { padding:40px 0;  background: #f6f6f6;  }
.footer-wrap  { display: flex; justify-content: space-between; align-items: flex-end;}
.footer-wrap .fmenu { margin:0 0 10px; }
.footer-wrap .fmenu ul { display: flex; }
.footer-wrap .fmenu ul li { margin-right: 20px; }

/*--------------------------------------------------------------------------内页--------------------------------------------------------------------------*/
.breadline {  padding:30px 0; }
.breadline a:hover { color:#0364d7; text-decoration: underline; }

.tab-wrap { display: grid;  grid-template-columns: repeat(1, 1fr); grid-gap: 30px;   padding:20px;  background: #f6f6f6;  border-radius: 10px;  overflow: hidden;  margin:0 0 40px; }
.tab-wrap .tab {  display: flex;  }
.tab-wrap .tab h5 { font-size: 15px;  margin-right: 10px; }
.tab-wrap .tab ul {  display: flex;  flex-wrap: wrap; gap: 20px;  }
.tab-wrap .tab .hd, .tab-wrap .tab .bd  {   flex: 1; }
.tab-wrap .tab ul li a { padding:8px 12px;  border-radius: 5px; overflow: hidden;  }
.tab-wrap .tab ul li:hover a , .tab-wrap .tab ul li.on a { background: #0364d7; color:#fff; }

.article-list { margin:0 0 40px; }
.article-list ul { display: grid;  grid-template-columns: repeat(2, 1fr); grid-gap: 20px; }

.article-index { padding:40px 0; }
.com-left { width:860px;  margin:0 0 40px; }
.art-list .item { padding:0 20px; }
.art-list .item ul li { padding:20px 0;  border-bottom: 1px solid #ddd;}
.art-list .item ul li:hover { box-shadow: none; }
 
.article-ct h2 { font-size:24px;  margin:10px 0;  }
.art-top { margin: 0 0 10px; }

/* 文章详情 - 卡片式医生信息（参考科普文章） */
.doctor-card { padding: 16px 20px; background: #f7f8fa; border-radius: 8px; margin: 24px 0 0; }
.doctor-card-photo { width: 56px; height: 56px; border-radius: 50%; overflow: hidden; flex-shrink: 0; border: 1px solid #eee; background: #fff; }
.doctor-card-photo img { width: 100%; height: 100%; object-fit: cover; display: block; }
.doctor-card-body { flex: 1; min-width: 0; margin-left: 14px; }
.doctor-card-name { line-height: 1.5; margin: 0 0 6px; }
.doctor-card-name em { font-size: 16px; font-weight: bold; color: #333; font-style: normal; margin-right: 8px; }
.doctor-card-name span { font-size: 14px; color: #666; }
.doctor-card-foot { display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap; }
.doctor-card-org { font-size: 13px; color: #888; flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.doctor-card-data { flex-shrink: 0; display: flex; align-items: center; gap: 16px; font-size: 13px; white-space: nowrap; }
.doctor-card-data i { margin-right: 4px; color: #ccc; font-size: 14px; }

/* 视频详情 - 单行医生信息 */
.doctor-inline-wrap { margin: 20px 0 0; }
.doctor-inline { margin: 0 0 10px; }
.doctor-inline-photo { width: 40px; height: 40px; border-radius: 4px; overflow: hidden; flex-shrink: 0; border: 1px solid #eee; background: #fff; }
.doctor-inline-photo img { width: 100%; height: 100%; object-fit: cover; display: block; }
.doctor-inline-text { flex: 1; min-width: 0; margin: 0 0 0 10px; font-size: 14px; color: #333; line-height: 1.6; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.doctor-inline-data { gap: 20px; font-size: 13px; padding-left: 50px; }
.doctor-inline-data i { margin-right: 4px; color: #ccc; }

/* 列表卡片内医生信息 */
.com-art-list .doctor-card { margin: 0; padding: 12px 16px; background: #f7f8fa; }
.com-art-list .doctor-card-photo { width: 48px; height: 48px; }
.com-art-list .doctor-card-foot { flex-wrap: wrap; }
.com-art-list .doctor-card-data { margin-left: auto; }

.article-ct .user { padding:20px; background: #f6f6f6; border-radius: 10px; overflow: hidden;  margin:40px 0 0; }
.article-ct .user .cc { padding:0 10px;  flex: 1;}
.article-ct .user .name em { font-size: 16px; font-weight: bold;  color: #333; margin-right: 10px;  }
.article-ct .user .tag { display: flex; align-items: center;  justify-content: space-between;  margin:10px 0 0; }
.article-ct .user .tag i { font-size: 18px; color:#ccc; margin: 0 8px 0 20px; }
.article-ct .user .tag i.icon-liulan { font-size: 16px; }

.art-detail { margin:40px 0 0; }
.art-detail  .video { max-width: 600px; margin:0 auto;  }
.art-detail  .video video { max-width: 100%; }
.art-detail  .desc { padding:40px 0; }
.art-detail .desc figure.image { display: table; clear: both; margin: 1em auto; max-width: 100%; }
.art-detail .desc figure.image img { display: block; max-width: 100%; height: auto; }
.art-detail .desc .image-style-align-center,
.art-detail .desc .image-style-block-align-center,
.art-detail .desc figure.image-style-align-center,
.art-detail .desc figure.image-style-block-align-center { margin-left: auto; margin-right: auto; }
.art-detail .desc .image-style-align-left,
.art-detail .desc .image-style-block-align-left { float: left; margin-right: 1.5em; }
.art-detail .desc .image-style-align-right,
.art-detail .desc .image-style-block-align-right { float: right; margin-left: 1.5em; }
.art-detail .desc [style*="text-align:center"] img,
.art-detail .desc [style*="text-align: center"] img { display: inline-block; }
.art-detail .desc [style*="text-align:center"] figure,
.art-detail .desc [style*="text-align: center"] figure { margin-left: auto; margin-right: auto; }
.art-detail .tips { padding:10px 0;  border-top:1px solid #ddd; }

.slider-art { margin: 0 0 40px; }
.slider-art .bd .item {padding:0 15px;  }
.slider-art .bd .item ul li { padding:15px 0;  border-bottom: 1px solid #ddd;}
.slider-art ul li  .txt h2 { font-size: 16px;  font-weight: normal; margin: 0 0 5px; }

.com-slider { width:320px;  margin:0 0 40px; }
.slider-video .bd .item {padding:0 15px;  }
.slider-video .bd .item ul li { padding:15px 0;  border-bottom: 1px solid #ddd;}
.slider-video ul li .top .img { flex: 1;  border-radius: 10px ; }
.slider-video ul li .top .img i { display: inline-block;  width:40px; height:40px; border-radius: 40px;  overflow: hidden;  position: absolute; top:calc(50% - 20px); left: calc(50% - 20px);  z-index: 99; }
.slider-video ul li .top .txt { flex: 1; margin-left:15px; }
.slider-video ul li .top .txt h2 { font-size: 16px;  font-weight: normal; margin: 0 0 10px; }
.slider-video ul li .user { background: #f6f6f6;  border-radius: 100px; overflow: hidden; margin:15px 0 0; }
.slider-video ul li .user span { margin-left:10px; }

.com-video-list { margin: 0 0 40px; }

.faq-list ul li h2, .faq-list ul li .info  {  display: flex;   }
.faq-list ul li h2 em, .faq-list ul li .info em { width:28px; height:28px;  line-height:28px;  background: #0364d7; text-align: center;  color:#fff; font-size: 16px;  font-weight: bold;  border-radius: 4px; overflow: hidden;  margin-right: 10px; }
.faq-list ul li .info em {  background: #ff8042;   }
.faq-list ul li .info p { flex: 1; }

.faq-detail h2 { display: flex;  align-items: center; }
.faq-detail h2 em { width:28px; height:28px;  line-height:28px;  background: #0364d7; text-align: center;  color:#fff; font-size: 16px;  font-weight: bold;  border-radius: 4px; overflow: hidden;  margin-right: 10px; }
.faq-detail h2:nth-child(2) { margin:20px 0 0; }
.faq-detail h2:nth-child(2) em { background: #ff8042;  }

.faq-answer { display: grid; grid-template-columns: repeat(1, 1fr); grid-gap: 40px;  margin:40px 0 0; }
.faq-answer h3 { border-bottom: 1px solid #ddd;  margin:0 0 30px; }
.faq-answer h3  span {  display: inline-block;   font-size: 24px;   padding:0 0 20px;   position: relative;  }
.faq-answer h3 span::after { content: " ";  position: absolute;  left: 0; bottom: 0;  width:100%;  height: 3px;   background: #0364d7;  z-index: 1;  }

.com-hosp-list { margin: 0 0 40px; }

/* Vue 未编译前隐藏，避免慢网下表单/弹窗闪现 */
[v-cloak] { display: none !important; }

/*--------------------------------------------------------------------------医生注册--------------------------------------------------------------------------*/
.doctor-reg-page { padding: 0 0 60px; }
.doctor-reg-box { max-width: 720px; margin: 0 auto 40px; background: #fff; border-radius: 10px; box-shadow: 0 4px 24px rgba(0,0,0,0.06); padding: 40px; }
.doctor-reg-hd { text-align: center; margin: 0 0 30px; }
.doctor-reg-hd h1 { font-size: 28px; font-weight: bold; margin: 0 0 20px; color: #333; }
.doctor-reg-steps { display: flex; align-items: center; justify-content: center; gap: 12px; }
.doctor-reg-steps span { font-size: 14px; color: #999; padding: 6px 16px; border-radius: 20px; background: #f6f6f6; }
.doctor-reg-steps span.on { background: #0364d7; color: #fff; }
.doctor-reg-steps em { width: 40px; height: 1px; background: #ddd; }
.doctor-reg-form .dr-field { margin: 0 0 20px; }
.doctor-reg-form .dr-field label { display: block; font-size: 14px; color: #666; margin: 0 0 8px; }
.doctor-reg-form .dr-field label em { color: #e74c3c; margin-right: 4px; font-style: normal; }
.doctor-reg-form .dr-field input[type="text"],
.doctor-reg-form .dr-field input[type="tel"],
.doctor-reg-form .dr-field input[type="email"],
.doctor-reg-form .dr-field input[type="password"],
.doctor-reg-form .dr-field select { width: 100%; height: 44px; padding: 0 16px; border: 1px solid #ddd; border-radius: 6px; font-size: 14px; color: #333; background: #fff; box-sizing: border-box; outline: none; }
.doctor-reg-form .dr-field input:focus,
.doctor-reg-form .dr-field select:focus { border-color: #0364d7; }
.doctor-reg-form .dr-tip { font-size: 12px; color: #999; margin: 6px 0 0; }
.doctor-reg-form .dr-row { display: flex; gap: 16px; }
.doctor-reg-form .dr-col { flex: 1; min-width: 0; }
.doctor-reg-form .dr-agree .dr-check { display: flex; align-items: flex-start; gap: 8px; cursor: pointer; font-size: 13px; color: #666; }
.doctor-reg-form .dr-agree input { margin-top: 3px; flex-shrink: 0; }
.doctor-reg-form .dr-agree a { color: #0364d7; }
.dr-actions { display: flex; flex-direction: column; align-items: center; gap: 16px; margin: 30px 0 0; }
.dr-actions .blue-more, .dr-actions .blue-more-line { min-width: 200px; justify-content: center; cursor: pointer; }
.dr-actions .blue-more.disabled { opacity: 0.6; pointer-events: none; }
.dr-link { font-size: 14px; color: #0364d7; }
.dr-upload-group { margin: 10px 0 0; padding: 20px 0 0; border-top: 1px solid #eee; }
.dr-upload-tip { font-size: 14px; color: #e74c3c; margin: 0 0 16px; }
.dr-upload-tip em { font-style: normal; margin-right: 4px; }
.dr-upload-item { margin: 0 0 16px; }
.dr-upload-item > label { display: block; font-size: 14px; color: #666; margin: 0 0 8px; }
.dr-upload-box { min-height: 80px; }
.dr-upload-btn { display: flex; align-items: center; justify-content: center; gap: 8px; width: 100%; height: 80px; border: 1px dashed #ccc; border-radius: 6px; cursor: pointer; color: #999; font-size: 14px; transition: border-color 0.3s ease; }
.dr-upload-btn:hover { border-color: #0364d7; color: #0364d7; }
.dr-upload-btn input { display: none; }
.dr-upload-preview { display: flex; align-items: center; gap: 12px; padding: 10px; border: 1px solid #eee; border-radius: 6px; }
.dr-upload-preview img { max-width: 120px; max-height: 80px; object-fit: contain; border-radius: 4px; }
.dr-upload-del { font-size: 13px; color: #e74c3c; flex-shrink: 0; }
.doctor-login-box { max-width: 480px; }
.form-toast { display: none; position: fixed; top: 110px; left: 50%; transform: translateX(-50%); z-index: 99999; min-width: 280px; max-width: 90%; padding: 12px 20px; border-radius: 6px; font-size: 14px; text-align: center; box-shadow: 0 4px 16px rgba(0,0,0,0.12); pointer-events: none; }
.form-toast.show { display: block; }
.form-toast.success { background: #e8f5e9; color: #2e7d32; }
.form-toast.error { background: #fdecea; color: #c62828; }

@media only screen and (max-width:981px){
	.doctor-reg-box { padding: 0.48rem; margin: 0 0.36rem 0.48rem; }
	.doctor-reg-hd h1 { font-size: 0.48rem; }
	.doctor-reg-steps span { font-size: 0.32rem; padding: 0.12rem 0.32rem; }
	.doctor-reg-form .dr-row { flex-direction: column; gap: 0; }
}

/*--------------------------------------------------------------------------移动端--------------------------------------------------------------------------*/
@media only screen and (max-width:981px){
	
	.hdiv {  height: 60px;	}
	.sp-bot.swiper-pagination { bottom: 0 !important; }
	
	.header .hlogo .hlbox { height: 60px; }
	.header .hlogo .hlbox .img a { display: flex;  align-items: center; }
	.header .hlogo .hlbox .img img { max-height: 40px;}
	.header .hlogo .hlbox .img span { font-size:0.48rem;  margin-left: 0.24rem;}
	.header .hnav .lang { display: flex;  gap: 0 10px;  align-items: center;  }
	
	.footer .cc { display: block;  text-align: center; }
	.footer .flogo img { max-height:100px;  }
	.footer .fleft { padding:0.48rem 0; }
	.footer .fleft ul { grid-template-columns: repeat(2, 1fr);  grid-gap: 0.36rem; }
	.footer .fico  { display: block; margin:0.48rem 0 0; }
	.footer .fico ul { display: grid;  grid-template-columns: repeat(2, 1fr);  grid-gap: 0.36rem;  }
	.footer .fico ul li span{ justify-content: center;  }
	.footer .cpr .cc { padding:0.36rem 0; }
	.footer .cpr .cc .lang {  justify-content: center;  margin:0 0 0.24rem; }
	
	/*--------------------------------------------------------------------------首页--------------------------------------------------------------------------*/
	.ibanwarp { padding: 0.36rem 0 0;}
	
	.itit  { margin: 0 0 0.64rem;}
	.itit h2 { font-size: 0.48rem;}
	.itit h2 span { padding: 0 0 0.36rem;}
	
	
	/*--------------------------------------------------------------------------内页--------------------------------------------------------------------------*/
	.search-page-bar { padding: 0.48rem 0; }
	.search-page-form input { height: 1.1rem; font-size: 0.38rem; padding: 0 0.36rem; }
	.search-page-form button { width: 1.6rem; height: 1.1rem; font-size: 0.38rem; }
	.search-page-summary { font-size: 0.34rem; padding: 0.24rem 0; }
	.search-page-tabs span { font-size: 0.38rem; padding-bottom: 0.24rem; }
	.search-result-item { padding: 0.48rem 0; }
	.search-result-item.has-thumb { flex-direction: column; }
	.search-result-thumb { width: 100%; height: 3.6rem; }
	.search-result-item h3 { font-size: 0.42rem; }
	.search-result-desc { font-size: 0.34rem; }
	.search-result-meta { font-size: 0.32rem; gap: 0.16rem 0.36rem; }
	
	
}