.list-doctor001 .filter-doctor { padding: 0px 0.2rem; background-color: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 10px; }
.list-doctor001 .filter-doctor .layer-item { display: flex; padding: 0.2rem 0px; border-bottom: 1px solid rgb(228, 228, 228); }
.list-doctor001 .filter-doctor .layer-item:last-child { border-bottom-width: medium; border-bottom-style: none; border-bottom-color: currentcolor; }
.list-doctor001 .filter-doctor .layer-item .label { display: inline-block; width: 0.8rem; margin-right: 0.2rem; font-size: 0.16rem; color: rgb(51, 51, 51); line-height: 1; margin-top: 0.08rem; height: 0.16rem; flex-shrink: 0; }
.list-doctor001 .filter-doctor .layer-item .list-item { display: flex; flex-wrap: wrap; flex: 1 1 0%; margin-right: -1%; }
.list-doctor001 .filter-doctor .layer-item .list-item li { margin-right: 1%; margin-bottom: 0.1rem; }
.list-doctor001 .filter-doctor .layer-item .list-item li.cur :is(a,button) { background-color: var(--ruifox-color-primary-1); color: rgb(255, 255, 255); }
.list-doctor001 .filter-doctor .layer-item .list-item li.cur :is(a,button):hover { color: white; }
.list-doctor001 .filter-doctor .layer-item .list-item li :is(a,button) { display: block; border-radius: 0.04rem; line-height: 0.32rem; height: 0.32rem; padding: 0px 0.15rem; font-size: 0.16rem; }
.list-doctor001 .filter-doctor .layer-item .list-item li :is(a,button):hover { color: var(--ruifox-color-primary-1); }
.list-doctor001 .filter-doctor .department-list { padding-bottom: 10px; }
.list-doctor001 .filter-doctor .department-list.dep-list > div { display: none; flex: 1 1 0%; }
.list-doctor001 .filter-doctor .department-list.dep-list > div:first-of-type { display: block; }
.list-doctor001 .filter-doctor .department-list.dep-list .list-item li { width: 15%; }
.list-doctor001 .filter-doctor .department-list.dep-list .list-item li :is(a,button) { width: fit-content; line-height: 0.32rem; max-height: 0.32rem; overflow: hidden; text-overflow: ellipsis; white-space: normal; overflow-wrap: break-word; -webkit-line-clamp: 1; -webkit-box-orient: vertical; display: -webkit-box; }
.list-doctor001 .filter-doctor .department-list.depclass-list .list-item { display: none; }
.list-doctor001 .filter-doctor .department-list.depclass-list .list-item:first-of-type { display: flex; }
.list-doctor001 .filter-doctor .protit-list { position: relative; padding-bottom: 0.1rem; }
.list-doctor001 .filter-doctor .protit-list .list-box { overflow: hidden; padding-right: 0.1rem; flex: 1 1 0%; }
.list-doctor001 .filter-doctor .protit-list .list-box .list-item { margin-right: 0px; }
.list-doctor001 .filter-doctor .protit-list .list-box.open { max-height: 1.5rem; }
.list-doctor001 .filter-doctor .protit-list .toggle-btn { height: 0.24rem; width: 0.24rem; border-radius: 0.04rem; box-sizing: border-box; border: 1px solid var(--ruifox-color-primary-1); line-height: 0.24rem; text-align: center; position: absolute; top: 0.24rem; right: 0px; display: none; cursor: pointer; }
.list-doctor001 .filter-doctor .protit-list .toggle-btn i { font-size: 0.14rem; color: var(--ruifox-color-primary-1); transition: 0.5s; display: inline-block; position: relative; top: 0px; }
.list-doctor001 .filter-doctor .protit-list .toggle-btn.active { border-width: medium; border-style: none; border-color: currentcolor; border-image: none; background-color: var(--ruifox-color-primary-1); }
.list-doctor001 .filter-doctor .protit-list .toggle-btn.active i { transform: rotate(180deg); color: rgb(255, 255, 255); }
.list-doctor001 .filter-doctor .protit-list.over .toggle-btn { display: block; }
.list-doctor001 .filter-doctor .search-layer { display: flex; align-items: center; font-size: 0px; }
.list-doctor001 .filter-doctor .search-layer > span { margin-top: 0px; }
.list-doctor001 .filter-doctor .search-layer .search-form { display: flex; align-items: center; }
.list-doctor001 .filter-doctor .search-layer .doctor-name { border: 1px solid rgb(201, 201, 201); border-radius: 4px; outline: none; width: 2.4rem; height: 0.4rem; line-height: 0.4rem; font-size: 0.16rem; color: rgb(51, 51, 51); box-sizing: border-box; }
.list-doctor001 .filter-doctor .search-layer .doctor-name::placeholder { font-size: 0.16rem; color: rgb(215, 215, 215); }
.list-doctor001 .filter-doctor .search-layer .doctor-name:focus { border-color: var(--ruifox-color-primary-1); }
.list-doctor001 .filter-doctor .search-layer .doc-search-btn { background-color: var(--ruifox-color-primary-1); color: rgb(255, 255, 255); margin-left: 0.6rem; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; width: 0.8rem; }
.list-doctor001 .filter-doctor .search-layer .doc-search-btn:hover { border-width: medium; border-style: none; border-color: currentcolor; border-image: none; background-color: var(--ruifox-color-primary-1); color: rgb(255, 255, 255); }
.list-doctor001 .filter-doctor .search-layer button { height: 0.4rem; font-size: 0.16rem; text-align: center; line-height: 0.4rem; border-radius: 0.04rem; margin-left: 0.2rem; }
.list-doctor001 .filter-doctor .search-layer .reset-btn { border: 1px solid var(--ruifox-color-primary-1); background-color: rgb(255, 255, 255); width: 1.32rem; }
.list-doctor001 .filter-doctor .search-layer .reset-btn i, .list-doctor001 .filter-doctor .search-layer .reset-btn span { color: var(--ruifox-color-primary-1); font-size: 0.16rem; }
.list-doctor001 .filter-doctor .search-layer .reset-btn i { margin-right: 0.1rem; }
.list-doctor001 .filter-doctor .search-layer .reset-btn:hover { border-width: medium; border-style: none; border-color: currentcolor; border-image: none; background-color: var(--ruifox-color-primary-1); }
.list-doctor001 .filter-doctor .search-layer .reset-btn:hover i, .list-doctor001 .filter-doctor .search-layer .reset-btn:hover span { color: rgb(255, 255, 255); }
.list-doctor001 .haschosen-doctor { padding: 0.2rem 0px 0.1rem; border-bottom: 1px solid rgb(215, 215, 215); display: flex; align-items: center; justify-content: space-between; }
.list-doctor001 .haschosen-doctor .left-box { display: flex; }
.list-doctor001 .haschosen-doctor .left-box span { color: rgb(102, 102, 102); flex-shrink: 0; margin-top: 0.04rem; }
.list-doctor001 .haschosen-doctor .left-box ul { display: flex; flex-wrap: wrap; gap: 0.1rem; }
.list-doctor001 .haschosen-doctor .left-box ul li a { display: flex; align-items: center; background-color: var(--ruifox-color-primary-1); color: rgb(255, 255, 255); border-radius: 4px; padding: 0.05rem; }
.list-doctor001 .haschosen-doctor .left-box ul li a i { font-size: 0.12rem; margin-left: 0.05rem; }
.list-doctor001 .haschosen-doctor .right-box { display: flex; align-items: center; }
.list-doctor001 .haschosen-doctor .right-box .doctor-num { font-size: 0.16rem; line-height: 1; color: rgb(102, 102, 102); }
.list-doctor001 .haschosen-doctor .right-box .doctor-num span { color: var(--ruifox-color-primary-1); }
.list-doctor001 .haschosen-doctor .right-box .right-icon-list { display: flex; align-items: center; }
.list-doctor001 .haschosen-doctor .right-box .right-icon-list .icon { margin-left: 0.1rem; display: flex; align-items: center; justify-content: center; font-size: 0.18rem; width: 0.35rem; height: 0.35rem; color: var(--ruifox-color-primary-1); border-radius: 0.04rem; border: 1px solid var(--ruifox-color-primary-1); cursor: pointer; padding: 0.04rem; }
.list-doctor001 .haschosen-doctor .right-box .right-icon-list .icon.cur { background: var(--ruifox-color-primary-1); color: rgb(255, 255, 255); }
.list-doctor001 .doctor-list-wrap { margin-top: 0.2rem; min-height: 4rem; }
.list-doctor001 .doctor-list-wrap .loading { min-height: 4rem; align-items: center; justify-content: center; display: none; }
.list-doctor001 .doctor-list-wrap .doctor-list { margin-right: -2%; display: flex; flex-wrap: wrap; }
.list-doctor001 .doctor-list-wrap .doctor-list li { transition: 0.6s; width: 23%; height: 2.42rem; margin-right: 2%; margin-bottom: 0.3rem; position: relative; }
.list-doctor001 .doctor-list-wrap .doctor-list li:hover .inner-box { z-index: 12; height: max-content; border-color: var(--ruifox-color-primary-1); box-shadow: 0px 0.1rem 0.3rem var(--ruifox-color-primary-5); }
.list-doctor001 .doctor-list-wrap .doctor-list li:hover .inner-box .top .r_img .inner-img img { transform: scale(1.1); }
.list-doctor001 .doctor-list-wrap .doctor-list li:hover .inner-box .top .right-info h2 a { color: var(--ruifox-color-primary-1); }
.list-doctor001 .doctor-list-wrap .doctor-list li:hover .inner-box .bottom p { line-height: 0.21rem; max-height: 1.68rem; overflow: hidden; text-overflow: ellipsis; white-space: normal; overflow-wrap: break-word; -webkit-line-clamp: 8; -webkit-box-orient: vertical; display: -webkit-box; height: max-content; }
.list-doctor001 .doctor-list-wrap .doctor-list li .inner-box { position: relative; border: 1px solid rgb(229, 229, 229); background-color: rgb(255, 255, 255); padding: 0.2rem; min-height: 100%; width: 100%; transition: 0.3s; }
.list-doctor001 .doctor-list-wrap .doctor-list li .inner-box .top { position: relative; padding-bottom: 0.15rem; border-bottom: 1px solid rgb(229, 229, 229); overflow: hidden; transition: 0.3s; display: flex; }
.list-doctor001 .doctor-list-wrap .doctor-list li .inner-box .top .r_img { width: 0.86rem; overflow: hidden; border-radius: 0.05rem; margin-right: 0.15rem; }
.list-doctor001 .doctor-list-wrap .doctor-list li .inner-box .top .r_img .inner-img { padding-bottom: 133%; }
.list-doctor001 .doctor-list-wrap .doctor-list li .inner-box .top .right-info { flex: 1 1 0%; }
.list-doctor001 .doctor-list-wrap .doctor-list li .inner-box .top .right-info h2 { margin-bottom: 0.1rem; }
.list-doctor001 .doctor-list-wrap .doctor-list li .inner-box .top .right-info h2 a { font-size: 0.16rem; line-height: 1; display: block; }
.list-doctor001 .doctor-list-wrap .doctor-list li .inner-box .top .right-info h2 a:hover { color: var(--ruifox-color-primary-1); }
.list-doctor001 .doctor-list-wrap .doctor-list li .inner-box .top .right-info .protit .depart-info { margin-bottom: 0.1rem; }
.list-doctor001 .doctor-list-wrap .doctor-list li .inner-box .top .right-info .protit .depart-info a { font-size: 0.14rem; line-height: 1; color: var(--ruifox-color-primary-1); }
.list-doctor001 .doctor-list-wrap .doctor-list li .inner-box .top .right-info .protit .depart-info a + a::before { content: "、"; }
.list-doctor001 .doctor-list-wrap .doctor-list li .inner-box .top .right-info .protit .depart-info u { font-size: 0.14rem; line-height: 1; color: rgb(153, 153, 153); }
.list-doctor001 .doctor-list-wrap .doctor-list li .inner-box .top .right-info .goodat { margin-top: 0.1rem; color: rgb(102, 102, 102); font-size: 0.14rem; line-height: 0.21rem; max-height: 0.63rem; overflow: hidden; text-overflow: ellipsis; white-space: normal; overflow-wrap: break-word; -webkit-line-clamp: 3; -webkit-box-orient: vertical; display: none; }
.list-doctor001 .doctor-list-wrap .doctor-list li .inner-box .bottom { margin-top: 0.1rem; }
.list-doctor001 .doctor-list-wrap .doctor-list li .inner-box .bottom p { color: rgb(102, 102, 102); font-size: 0.14rem; line-height: 0.21rem; max-height: 0.63rem; overflow: hidden; text-overflow: ellipsis; white-space: normal; overflow-wrap: break-word; -webkit-line-clamp: 3; -webkit-box-orient: vertical; display: -webkit-box; height: 0.63rem; }
.list-doctor001 .doctor-list-wrap .doctor-list.hang li { width: 100%; height: max-content; }
.list-doctor001 .doctor-list-wrap .doctor-list.hang li:hover .inner-box { position: static; }
.list-doctor001 .doctor-list-wrap .doctor-list.hang li .inner-box .top { padding-bottom: 0px; border-bottom-color: white; }
.list-doctor001 .doctor-list-wrap .doctor-list.hang li .inner-box .top .right-info .goodat { display: block; }
.list-doctor001 .doctor-list-wrap .doctor-list.hang li .inner-box .bottom { display: none; }
@media (max-width: 960px) {
  .list-doctor001 .filter-doctor { position: relative; }
  .list-doctor001 .filter-doctor .area-depclass { flex-wrap: wrap; }
  .list-doctor001 .filter-doctor .area-depclass .class-item { width: 100%; margin-right: 0px; }
  .list-doctor001 .filter-doctor .area-depclass .class-item.area { margin-bottom: 20px; }
  .list-doctor001 .filter-doctor .area-depclass .class-item span { margin-right: 10px; flex-shrink: 0; }
  .list-doctor001 .filter-doctor .area-depclass .class-item .select-box { width: 100%; }
  .list-doctor001 .filter-doctor .area-depclass .class-item .select-box .choose { width: 100%; }
  .list-doctor001 .filter-doctor .area-depclass .class-item .select-box .option { width: 100%; }
  .list-doctor001 .filter-doctor .department-list.dep-list .list-item li { width: auto; }
  .list-doctor001 .filter-doctor .layer-item { flex-wrap: wrap; }
  .list-doctor001 .filter-doctor .layer-item .label { margin-top: 0px; margin-bottom: 10px; width: 100%; }
  .list-doctor001 .filter-doctor .layer-item .list-item li :is(a,button) { padding: 0px 5px; }
  .list-doctor001 .filter-doctor .protit-list .list-box { max-height: 70px; }
  .list-doctor001 .filter-doctor .protit-list .list-box.open { max-height: 500px; }
  .list-doctor001 .filter-doctor .protit-list .toggle-btn { bottom: 10px; top: auto; }
  .list-doctor001 .filter-doctor .protit-list .toggle-btn i { top: -1px; }
  .list-doctor001 .filter-doctor .search-layer { align-items: flex-start; }
  .list-doctor001 .filter-doctor .search-layer .doctor-name { width: 100%; }
  .list-doctor001 .filter-doctor .search-layer .doc-search-btn { margin-left: 0px; margin-top: 20px; }
  .list-doctor001 .filter-doctor .search-layer .search-form { flex: 1 1 0%; flex-wrap: wrap; }
  .list-doctor001 .filter-doctor .search-layer .reset-btn { position: absolute; left: 89px; bottom: 18px; }
  .list-doctor001 .haschosen-doctor { display: block; }
  .list-doctor001 .haschosen-doctor .right-box { justify-content: flex-end; margin-top: 10px; }
  .list-doctor001 .haschosen-doctor .right-box .doctor-num { font-size: 14px; }
  .list-doctor001 .haschosen-doctor .right-box .right-icon-list { display: none; }
  .list-doctor001 .doctor-list-wrap { padding: 0px 10px; }
  .list-doctor001 .doctor-list-wrap .doctor-list li { width: 100%; height: max-content; margin-bottom: 20px; }
  .list-doctor001 .doctor-list-wrap .doctor-list li .detail { height: 100px; }
  .list-doctor001 .doctor-list-wrap .doctor-list li .detail h2 { margin-bottom: 8px; font-size: 14px; }
  .list-doctor001 .doctor-list-wrap .doctor-list li .detail .info > div { margin-bottom: 8px; }
  .list-doctor001 .doctor-list-wrap .doctor-list li .detail .info > div.doc-position u, .list-doctor001 .doctor-list-wrap .doctor-list li .detail .info > div.depart-info { font-size: 12px; }
  .list-doctor001 .doctor-list-wrap .doctor-list li p { line-height: 0.21rem; max-height: 0.42rem; overflow: hidden; text-overflow: ellipsis; white-space: normal; overflow-wrap: break-word; -webkit-line-clamp: 2; -webkit-box-orient: vertical; display: -webkit-box; }
}
.cf-native-doctors{padding:40px 0}.cf-native-doctors .list-item{list-style:none;padding:0;margin:0}.cf-native-doctors .list-item button{border:0;background:transparent;cursor:pointer;color:inherit;font:inherit}.cf-native-doctors .list-item li.cur button{background:var(--ruifox-color-primary-1);color:#fff}.cf-native-doctors .doctor-list{padding:0;list-style:none}.cf-native-doctors .doctor-list>li[hidden]{display:none}.cf-native-doctors .inner-img{position:relative;height:0;overflow:hidden}.cf-native-doctors .inner-img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.cf-native-doctors .right-info{min-width:0;font-size:.14rem;line-height:1.4}.cf-native-doctors .right-info u{text-decoration:none}.cf-native-doctors .cf-doctor-pager{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin:24px 0}.cf-doctor-pager button{padding:8px 14px;border:1px solid #ddd;background:#fff;color:#333;cursor:pointer}.cf-doctor-pager button[aria-current]{background:#2362af;color:#fff;border-color:#2362af}.cf-native-doctors .search-layer input{padding:0 12px}.cf-native-doctors .cf-doctor-empty{padding:40px;text-align:center}.cf-native-doctors .cf-doctor-empty[hidden]{display:none}.cf-native-doctors .filter-doctor .search-layer .search-form{flex:1;min-width:0}.cf-native-doctors .filter-doctor .layer-item .list-item{margin-bottom:-.1rem}.cf-native-doctors .doctor-list-wrap .doctor-list li .top .r_img{flex-shrink:0}.cf-native-doctors .department-list .list-item li{width:auto!important}
@media(max-width:960px){.cf-native-doctors .filter-doctor .search-layer .reset-btn{position:static;margin-top:20px}.cf-native-doctors .filter-doctor .search-layer .search-form{gap:0 12px}.cf-native-doctors .filter-doctor .search-layer .reset-btn{margin-left:0}.cf-native-doctors .filter-doctor .search-layer .doctor-name{flex:0 0 100%}.cf-native-doctors .doctor-list-wrap .doctor-list li .inner-box .top .right-info h2 a{line-height:1.3}.cf-native-doctors .haschosen-doctor .right-box{justify-content:flex-start}}