/* 项目区域展开按钮样式 */
.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 样式覆盖，保留以防其他地方引用 */
.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;
}

.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;
}