.channel-pos{
    background-color: #FFFFFF;
    padding-top: 4em;
}

.channel_site_link{
    display:flex;
    align-items: center;
    justify-content: flex-start;
    gap:1em;

    & a {
        font-size: 1.2em;
    }

    & span{
        font-size:1.5em;
    }
}

.channel-flex{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap:2em;
    width:100%;
    height:100%;
}


.channel-body{
    background-color: #FFFFFF;
    padding-top: 2.5em;
    padding-bottom:2.5em;


    & .channel-body-title{
        color:#027596;
    }

    & .channel-body-work{
        display:flex;
        align-items: flex-start;
        justify-content: space-between;
        flex-wrap: nowrap;
        width:100%;
        min-height: 55vh;
        gap:1.5em;

        & .left{
            /*min-width:30%*/
            flex-grow: 0;
            min-width:300px;
        }

        & .right{
            flex-grow: 0;
        }

        & .site-detail-body{
            flex-grow: 1;
        }
    }

    & .channel-body-work>div{
        flex: 1;
    }

}

.left-menu{
    border-top:1px solid #dee2e6;
}

.left-menu-item{
    border-bottom: 1px solid #dee2e6;
    border-right: 1px solid #dee2e6;
    line-height: 2em;
    cursor:pointer;
    font-size:1.2em;
    display:flex;
    align-items: center;
    justify-content: flex-start;
    gap:0.5em;
    padding-right:1em;
    min-height: 3em;
}

.left-menu-item.active{
    box-shadow: inset -7px 0 0 0 #8bc544;
    font-weight: 600;
}

.left-menu-item:hover{
    box-shadow: inset -7px 0 0 0 #8bc544;
    font-weight: 600;
}



.left-menu-item.lev1{
    padding-left:1.5em;

}

.left-menu-item.lev2{
    padding-left:3em;
}

.left-menu-item.lev3{
    padding-left:4.5em;
}

.concat-us-right{
    display:flex;
    align-items: stretch;
    justify-content: flex-start;
    flex-direction: column;
    width:200px;


    .concat-us-right-img{
        width:100%;
    }

    .concat-us-right-img>img{
        width:100%;
        object-fit: cover;
        object-position: center;
    }

}


.concat-us-body{
    padding:1.5em;
    display:flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background-color: #027596;
    color:#FFFFFF;
    gap:1em;
    border-bottom-left-radius: 25%;
    border-bottom-right-radius: 25%;
    line-height: 2em;

}

.site-detail-body{
    display:flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-direction: column;
    gap:1.5em;
    padding:0 1em;


    & #detail-body{
        & p{
            text-indent: 2em;
            line-height: 1.5em;
            margin-bottom: 2em;
            word-break: break-word!important;
            text-wrap: avoid!important;
            word-wrap: break-word!important;
        }

        & p.ext1{
            display: block;
            padding:1em;
            border-radius: 1em;
            background-color: #c9ef96;
            color: #1A1919;
        }

        & p.ext2{
            display: block;
            padding:1em;
            border-radius: 1em;
            background-color: #eec996;
            color: #1A1919;
        }

        & span{
            word-break: break-word!important;
            text-wrap: avoid!important;
            word-wrap: break-word!important;
        }
    }
}

.list-info-body{
    width:100%;
    display:flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap:1.5em;
    box-sizing: border-box;
    padding: 0 1em;

    & .list-items{
        display:flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
        gap:1.5em;
        width:100%;

        & .list-item{
            width:100%;
            display:flex;
            align-items: center;
            justify-content: space-between;
            gap:2em;

            & .title{
                display:flex;
                align-items: center;
                justify-content:flex-start;
                gap:1em;
            }

            & .pos{
                width:14px;
                height:14px;
                border-radius: 7px;
                background-color: #6e706d;
                flex-grow: 0;
                flex-shrink: 0;
            }

            & .title>a{
                overflow: hidden;           /* 隐藏溢出的文本 */
                text-overflow: ellipsis;    /* 显示省略号 */
                display: -webkit-box;       /* 必须结合使用 */
                -webkit-line-clamp: 2;      /* 显示的行数 */
                -webkit-box-orient: vertical; /* 设置盒子方向 */
            }

            & .title:hover>a{
                color:#027596;
            }

            & .dateTime{
                font-size:0.8em;
            }
        }

    }

}




@media (max-width: 1280px) {
    .channel-body {
        & .channel-body-title {

        }

        & .channel-body-work {

            & .left {
                /*min-width:30%*/
                flex-grow: 0;
                min-width: 270px;
            }

            & .right{
                display:none;
            }
        }
    }
}