/* 项目区域展开按钮样式 */
.project-list {
    display: flex;
    flex-wrap: wrap;
    margin: 0;
    padding: 10px;
    list-style: none;
    transition: max-height 0.3s ease;
    overflow: hidden;
    position: relative;
    /* 默认设置为折叠状态，避免页面加载时先展开后收起 */
    max-height: 80px;
}

.project-list li {
    margin-right: 15px;
    margin-bottom: 10px;
}

.project-list-collapsed {
    max-height: 80px;
    overflow: hidden;
}

.project-list-expanded {
    max-height: 9999px !important;
}

/* 项目区域展开按钮样式 - 定位在第二行最右侧 */
.project-list .project-toggle {
    position: absolute;
    right: 10px;
    top: 55px;
    text-align: right;
    padding: 0;
    margin: 0;
    z-index: 10;
    white-space: nowrap;
}

.project-list .project-toggle .toggle-btn {
    display: inline-block;
    padding: 4px 10px;
    line-height: 20px;
    background: #fff;
    border-radius: 20px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.1);
    text-decoration: none;
}

/* 展开状态下，按钮保持在第二行右侧 */
.project-list-expanded .project-toggle {
    position: absolute;
}

.toggle-btn {
    color: #498ed3;
    text-decoration: none;
    font-size: 14px;
    cursor: pointer;
    display: inline-block;
}

.toggle-btn:hover {
    color: #fc6b31;
}

.toggle-icon {
    display: inline-block;
    margin-left: 5px;
    font-size: 12px;
}

/* 热门连锁列表样式 */
.screen-next-list-wrapper {
    width: 90%;
    position: relative;
    display: flex;
    flex-direction: column;
}

/* 确保 chain-list 保持原有的 screen-next-list 样式，不覆盖 */
.screen-next-list.chain-list {
    width: 100%;
    transition: max-height 0.3s ease;
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    /* 默认设置为折叠状态，避免页面加载时先展开后收起 */
    max-height: 100px;
    overflow: hidden;
}

.screen-next-list.chain-list.chain-list-collapsed {
    max-height: 100px;
    overflow: hidden;
}

.screen-next-list.chain-list.chain-list-expanded {
    max-height: 9999px !important;
    overflow: visible;
}

/* 确保展开按钮在折叠状态下也能显示 */
.screen-next-list.chain-list.chain-list-collapsed .chain-toggle {
    position: relative;
    z-index: 10;
    display: block !important;
    visibility: visible !important;
}

/* 展开按钮样式 - 在中间区域单独放一行 */
.chain-toggle {
    width: 90%;
    text-align: center;
    padding: 10px 0;
    margin: 0;
    line-height: normal;
    display: block;
    visibility: visible;
    opacity: 1;
}

.chain-toggle .toggle-btn {
    display: inline-block;
    padding: 6px 16px;
    line-height: 24px;
    background: #fc6b31;
    border-radius: 20px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.1);
    text-decoration: none;
    color: #fff;
    font-size: 14px;
    transition: all 0.3s ease;
    border: none; /* 移除可能的边框 */
}

.chain-toggle .toggle-btn:hover {
    color: #fff;
    box-shadow: 0 2px 6px rgba(0,0,0,0.15);
}


.unvisible{
    display: none;
}

.screen-next-list-item a{
    padding: 8px 16px;
    border-radius: 8px;
    background: white;
    cursor: pointer;
    font-size: 14px;
    color: #606266;
    position: relative;
    overflow: hidden;
    border: 1px solid #f0f2f5;
}

.screen-project-tab .all_project{
    padding: 8px 16px;
    border-radius: 8px;
    cursor: pointer;
    font-size: 14px;
    color: #606266;
    border: 1px solid #f0f2f5;
    text-decoration: none;
    display: inline-block;
    margin-right: 10px;
}

.screen-project-tab .all_project.active{
    color: #fff;
    background: #fc6b31;
    border-color: #fc6b31;
}

.screen-next-list-item .active,.screen-project-tab .active{
    padding: 8px 16px;
    border-radius: 8px;
    cursor: pointer;
    font-size: 14px;
    color: #fff;
    position: relative;
    overflow: hidden;
    background: #fc6b31;
    display: inline;
}


.hospital-list-choose-item-active{
    border-radius: 8px;
    cursor: pointer;
    font-size: 14px;
    color: #fff;
    background: #fc6b31;
}

.project-list .mod-active{
    padding: 0;
    border-radius: 0;
    cursor: pointer;
    font-size: 14px;
    position: relative;
    overflow: visible;
    background: transparent;
    display: inline-block;
}

.project-list .mod-active a{
    color: #fff!important;
    background: #fc6b31;
    border-color: #fc6b31;
}

.project-list .mod-active a:hover{
    color: #fff!important;
    background: #fc6b31;
    border-color: #fc6b31;
}


#content{
    background: #fff!important;
    margin: 0;
    border: none;
    width: 95%;
}

.mod ul{
    padding: 0;
}

/* 只针对非 project-list 的 ul li 设置样式 */
.mod ul:not(.project-list) li{
    margin: 10px 10px 0 0;
}

.mod ul:not(.project-list) li a{
    color: #606266!important;
}

/* 确保 project-list 内的样式优先级更高 */
.mod .project-list li{
    padding: 0;
    margin: 0 10px 10px 0;
    border: none;
    border-radius: 0;
    cursor: pointer;
    font-size: 14px!important;
    position: relative;
    overflow: visible;
    display: inline-block;
}

.mod .project-list li a{
    min-width: 70px;
    padding: 4px 8px;
    height: auto;
    line-height: 20px;
    text-align: center;
    display: block;
    border: 1px solid #f0f2f5;
    border-radius: 8px;
    background: white;
    color: #606266;
    text-decoration: none;
    transition: all 0.3s ease;
}

.mod .project-list li a:hover{
    border-color: #fc6b31;
    color: #fc6b31;
}

.mod .project-list .mod-active{
    padding: 0;
    border-radius: 0;
    cursor: pointer;
    font-size: 14px;
    position: relative;
    overflow: visible;
    background: transparent;
    display: inline-block;
}

.mod .project-list .mod-active a{
    color: #fff!important;
    background: #fc6b31;
    border-color: #fc6b31;
}

.mod .project-list .mod-active a:hover{
    color: #fff!important;
    background: #fc6b31;
    border-color: #fc6b31;
}

.screen-project-tab li a{
    color: #606266;
}


.screen-project-tab li{
    padding: 8px 16px;
    margin: 0 10px;
    border: 1px solid #f0f2f5;
    border-radius: 8px;
    cursor: pointer;
    font-size: 14px!important;
    position: relative;
    overflow: hidden;
    display: inline!important;
}


.screen-project-tab li:first-child{
    margin-left: 0;
}

.project-list{
    padding-left: 20px!important;
    margin-left: 20px;
    border-left: 3px solid #f0f2f5;
    /* margin-top: 10px; */
}

.project-list li{
    padding: 0;
    margin: 0 10px 10px 0;
    border: none;
    border-radius: 0;
    cursor: pointer;
    font-size: 14px!important;
    position: relative;
    overflow: visible;
    display: inline-block;
}

.project-list li a{
    min-width: 70px;
    padding: 4px 8px;
    height: auto;
    line-height: 20px;
    text-align: center;
    display: block;
    border: 1px solid #f0f2f5;
    border-radius: 8px;
    background: white;
    color: #606266;
    text-decoration: none;
    transition: all 0.3s ease;
}

.project-list li a:hover{
    border-color: #fc6b31;
    color: #fc6b31;
}

.screen-project-tab .active a{
    color: #fff!important;
}

.screen-project{
    border-bottom:1px solid #f0f2f5;
    padding: 15px 0;
}
.screen-next{
    border-bottom:1px solid #f0f2f5;
    padding: 10px 0;
}

.border{
    border-bottom: none!important;
}

/* .case_wrap_left{
    border-bottom:1px solid #f0f2f5!important;
} */

/* 医院列表两列布局 */
.case_item_wrap {
    padding: 0;
}

.case_item_now {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    margin: 0;
    padding: 0;
    gap: 0;
}

.case_item_now li {
    width: calc(50% - 8px);
    margin-right: 16px;
    margin-bottom: 16px;
    box-sizing: border-box;
}

.case_item_now li:nth-child(2n) {
    margin-right: 0;
}

/* 医院列表样式 */
.hos-box{
    margin: 30px auto 0;
}
.list-hospital {
    display: flex;
    justify-content: space-between;
}

.list-hospital-left {
    width: 875px;
}

.list-hospital-right {
    width: 325px;
}

/*医院列表页样式*/
.hover-box:hover{
    background-color: transparent;
}

/*鼠标移动到hospital-item-box上时改变元素下子元素的文字的颜色*/
.hover-box:hover .list-hospital-left-item-desc-title-name,
.hover-box:hover .case_title,
.hover-box:hover .name,
.hover-box:hover .mabe_wz_title,
.hover-box:hover .community_mabe_title{
    color: #fc6b31!important;
    font-weight: bold!important;
}

.list-hospital-left-item {
    display: flex;
    border: 1px solid #f2f2f2;
    border-radius: 8px;
    padding: 16px;
    background: #fff;
    transition: all 0.3s ease;
}

.list-hospital-left-item:hover {
    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
    border-color: #fc6b31;
}

.list-hospital-left-item-img {
    width: 150px;
    height: 150px;
    overflow: hidden;
    flex-shrink: 0;
    border-radius: 4px;
}

.list-hospital-left-item-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.list-hospital-left-item-desc {
    flex: 1;
    margin-left: 13px;
    border-right: none;
    min-width: 0;
    display: flex;
    flex-direction: column;
}

.list-hospital-left-item-desc-title div {
    display: inline-block;
}

.list-hospital-left-item-desc-title-img img {
    width: 16px;
    display: inline-block;
}

.list-hospital-left-item-desc-title-img {
    vertical-align: middle;
}

.list-hospital-left-item-desc-title-name {
    font-size: 18px;
    color: #1e1e1e;
    line-height: 1.4;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
    max-width: 100%;
}

.list-hospital-left-item-desc-appraise {
    padding-top: 5px;
    padding-left: 5px;
}

.list-hospital-left-item-desc-appraise-score {
    display: inline-block;
    color: #fc6b31;
    font-size: 18px;
}

.list-hospital-left-item-desc-appraise-good {
    display: inline-block;
    color: #fc6b31;
    font-size: 18px;
}

.list-hospital-left-item-desc-appraise-comment {
    display: inline-block;
    font-size: 14px;
    color: #616161;
}

.list-hospital-left-item-desc-address {
    font-size: 14px;
    color: #999999;
    padding-top: 5px;
}

.list-hospital-address {
    margin-top: 4px;
    width: 350px;
    color: #999999;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.list-hospital-left-item-desc-nature {
    padding-top: 10px;
}

.list-hospital-left-item-desc-nature-item {
    width: auto;
    border: 1px solid #fc6b31;
    color: #fc6b31;
    padding: 1px 5px;
    display: inline-block;
    border-radius: 5px;
}

.list-hospital-right-item {
    width: 120px;
    display: inline-block;
}

.list-hospital-right-item {
    margin: 13px;
    text-align: center;
}

.list-hospital-right-item-price {
    color: #fc6b31;
    font-size: 20px;
    padding-top: 40px;
}

.list-hospital-right-item-price span {
    color: #323232;
    font-size: 12px;
}

.list-hospital-right-item-xm {
    padding: 5px 5px;
    color: #fff;
    background: #fc6b31;
    border-radius: 5px;
    margin: 5px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    height: 18px;
}

.list-hospital-right-item-more {
    margin-top: 10px;
}

/* .list-hospital-name {
    display: inline-block;
    vertical-align: middle;
    font-size: 18px;
    color: #505050;
}

.list-hospital-img {
    display: inline-block;
    vertical-align: middle;
    background: url("https://www.tabang365.com/statics/user/pc/img/jlt.png") no-repeat;
    background-position: -689px -177px;
    width: 28px;
    height: 26px;
    margin-top: -4px;
} */

.list-doctor-img {
    display: inline-block;
    vertical-align: middle;
    background: url("https://www.tabang365.com/statics/user/pc/img/jlt.png") no-repeat;
    background-position: -640px -177px;
    width: 24px;
    height: 27px;
    margin-top: -4px;
}



/*医院列表右侧热门日记样式*/
.hot-case{
    padding: 10px;
    margin: 5px;
}
.hot-case .case-title{
    padding-top: 10px;
    font-size: 14px;
    color: #505050;
    text-align: center;
}
.case-img-box{
    text-align: center;
}
.case-img-box img{
    width: 136px;
}


.list-hospital-left-item-desc-servers {
    padding: 16px 0 0 0;
}

.list-hospital-left-item-desc-servers img {
    margin-right: 5px;
}

.search-width{
    width: 100%!important;
    margin-bottom: 20px;
}