.lm_body{
    display:flex;
    align-items: stretch;
    justify-content: space-between;
    gap:1em;
    box-sizing: border-box;
    margin-top: 1em;
}

.lm_menu_body{
    flex-grow: 0;
    flex-shrink: 0;
    width:275px;
    background-color: #FFFFFF;
    box-sizing: border-box;
}

.lm_work_body{
    flex-grow: 1;
    flex-shrink: 1;
    background-color: #FFFFFF;
    box-sizing: border-box;
    min-height: 100vh;
    padding:1.5em;
}

.nothing{
    width:100%;
    height:100%;
    display:flex;
    align-items: center;
    justify-content: center;

    .nothing_block{
        display:flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap:0.5em;
        font-size:36px;
        color:#c1c1c1;
    }
}




.work_body_panel{
    width:100%;
    height:100%;
    box-sizing: border-box;
    display:flex;
    flex-direction: column;

    & .work_body_title{
        width:100%;
        display:flex;
        align-items: flex-end;
        justify-content: space-between;
        min-height: 40px;
        flex-grow: 0;
        flex-shrink: 0;

        & .title{
            flex-grow: 0;
            flex-shrink: 0;
            border-bottom:2px solid #d38e0c;
            padding:0 1em 0.5em 1em;
            font-family: Source Han Sans SC;
            font-weight: bold;
            font-size: 28px;
            color: #005BD7;
            box-sizing: border-box;

            & .icon{
                margin-right: 0.5em;
            }

        }

        & .path{
            flex-grow: 1;
            flex-shrink: 1;
            display:flex;
            align-items: center;
            justify-content: flex-end;
            border-bottom:2px solid #005BD7;
            padding:0 1em 0.5em 1em;
            font-family: Source Han Sans SC;
            font-weight: 400;
            font-size: 16px;
            color: #666666;
        }
    }


    .work_body_space{
        flex-grow: 1;
        flex-shrink: 1;
        box-sizing: border-box;
        display: block;
        padding :1em 0;
    }
}



.lm_menu_parent{
    background-color: #005BD7;
    height:100px;
    position:relative;

    & .title{
        justify-self: center;
        position: absolute;
        width:100%;
        height:100%;
        background-color: #005BD7;
        clip-path: xywh(0 0 100% 100% round 45px 0 0 0);
        align-content: center;
        display:flex;
        align-items: center;
        justify-content: center;
        font-family: Source Han Sans SC, Source Han Sans SC;
        font-weight: bold;
        font-size: 30px;
        color: #FFFFFF;
        font-style: normal;
        text-transform: none;
        gap:0.5em;


    }

    & .lm_menu_parent_bg{
        position: absolute;
        width:100%;
        height:100%;
        background-color: #d38e0c;

    }
}


.lm_menu_list{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    gap:1.5em;

    & .item{
        font-family: Source Han Sans SC, Source Han Sans SC;
        font-weight: 400;
        font-size: 25px;
        color: #333333;
        text-align: left;
        font-style: normal;
        display:flex;
        align-items: center;
        justify-content: center;
        gap:0.5em;
        cursor:pointer;
    }

    & .menu:hover{
        color:#005BD7;
    }


    & .menu:hover::after{
        content: "\e84b";
        font-family: "wicon" !important;
        font-size: 1em;
        font-style: normal;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        padding-left:0.5em;
        opacity: 0.5;
    }

    & .menu:hover::before{
        content: "\e84a";
        font-family: "wicon" !important;
        font-size: 1em;
        font-style: normal;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        padding-right:0.5em;
        opacity: 0.5;
    }
}


.single_work_body{
    background-color: #FFFFFF;
    min-height: 100vh;
    width:100%;
    box-sizing: border-box;
    padding:1em 1em 0.5em 1em;
    margin-top: 1em;
    display:flex;
}


.date-card-body{
    display:flex;
    align-items: center;
    justify-content: flex-start;
    gap:0.5em;
    color:#666;
    font-family: "Arial","Microsoft Yahei","Lucida Grande","Tahoma","Helvetica","sans-serif" !important;
    .day{
        font-size:2.5em;
    }

    .slash{
        font-size:2.5em;
    }

}

.text-card-body{

    display:flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap:0.2em;

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

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

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

    & .op{
        text-align: left;
        width:100%;
        padding-left: 2em;
    }
}



.work_body_layout{
    width:100%;
    height:100%;
    display:flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between;
    gap:1em;



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

        .item{
            font-family: Source Han Sans SC;
            font-weight: 400;
            font-size: 20px;
            color: #333333;
            display:flex;
            align-items: center;
            justify-content: space-between;
            width:100%;
            .title{
                list-style-type: disc; /* Disc type bullet point */
            }
            .op{
                list-style: none;
                opacity: 0.5;
                font-size: 0.8em;
            }
        }

        & .card_body{
            display:flex;
            align-items: flex-start;
            justify-content: space-between;
            gap:1em;
            width:100%;
            padding:1em 1em;
            box-sizing: border-box;
            border-bottom: 1px solid #eae8e8;

            & .card_text_body{
                flex-grow: 1;
                flex-shrink: 1;
                display:flex;
                align-items: stretch;
                justify-content: flex-start;
                gap:1em;

                & >div:first-child{
                    border-right: 1px solid #ece7e7;
                    padding-right:1em;
                }
                & .date{
                    flex-grow:0;
                    flex-shrink: 0;
                    display:flex;
                    align-items: center;
                    justify-content: center;
                }

                & .text{
                    flex-grow: 1;
                    flex-shrink: 1;
                }
            }

            & .card_appendix_body{
                flex-grow:0;
                flex-shrink:0;

                & .appendix{
                    & img{
                       max-height: 180px;
                    }
                }

            }
        }

        .item:hover{
            color: #005BD7;
            object-position: center;
            object-fit: cover;
        }
    }





    .work_body_item_list{
        display:flex;
        align-items: flex-start;
        justify-content: space-between;
        flex-wrap: wrap;
        width:100%;
        gap:1em;


        & .item{
            display:block;
            box-sizing: border-box;
            padding:1em;
            border:1px solid #005BD7;
            border-radius: 0.5em;
            flex-basis:  calc(50% - 0.5em);
        }

        .item_img{
            width:100%;
            height:396px;

           & img{
                height:100%;
                width:100%;
                object-fit: cover;
                border-radius: 0.5em;
            }

        }

        .item_title{
            border-bottom: 1px solid #d3c5c5;
            padding:0.5em 0.5em;
            font-family: Source Han Sans SC, Source Han Sans SC;
            font-weight: bold;
            font-size: 30px;
            color: #333333;
            font-style: normal;
            text-transform: none;
            display:flex;
            align-items: center;
            justify-content: flex-start;
            gap:0.5em;

            .fixed{
                flex-grow: 0;
                flex-shrink: 0;
            }

            .sold{
                flex-grow: 1;
                flex-shrink: 1;
            }
        }

        .item_content{
            padding:0.5em;
            display: inline-block;
            .item_html{
                overflow: hidden;           /* 隐藏溢出的文本 */
                text-overflow: ellipsis;    /* 显示省略号 */
                display: -webkit-box;       /* 必须结合使用 */
                -webkit-line-clamp: 3;      /* 显示的行数 */
                -webkit-box-orient: vertical; /* 设置盒子方向 */
                 color:#707070
            }

            .item_more{
                padding-top:1em;
                color:#005BD7;

            }
        }

    }

    .work_body_pic_list{
        display:flex;
        align-items: flex-start;
        justify-content: space-between;
        flex-wrap: wrap;
        width:100%;
        gap:1em;

        & .item{
            display:block;
            box-sizing: border-box;
            border:1px solid #005BD7;
            border-top-left-radius:20px;
            border-top-right-radius: 20px;
            flex-basis:  calc(50% - 0.5em);
        }

        .item_img{
            width:100%;
            height:396px;

            & img{
                height:100%;
                width:100%;
                object-fit: cover;
                border-top-left-radius:20px;
                border-top-right-radius: 20px;
            }
        }

        .item_title{
            border-bottom: 1px solid #d3c5c5;
            padding:0.5em 0.5em;
            font-family: Source Han Sans SC, Source Han Sans SC;
            font-weight: bold;
            font-size: 30px;
            color: #333333;
            font-style: normal;
            text-transform: none;
            display:flex;
            align-items: center;
            justify-content: flex-start;
            gap:0.5em;

            .fixed{
                flex-grow: 0;
                flex-shrink: 0;

                & img{
                    width:85px;
                    height:85px;
                    border-radius: 50%;
                }
            }

            .sold{
                flex-grow: 1;
                flex-shrink: 1;
            }
        }

        .item_content{
            padding:0.5em;
            display: inline-block;
            .item_html{
                overflow: hidden;           /* 隐藏溢出的文本 */
                text-overflow: ellipsis;    /* 显示省略号 */
                display: -webkit-box;       /* 必须结合使用 */
                -webkit-line-clamp: 3;      /* 显示的行数 */
                -webkit-box-orient: vertical; /* 设置盒子方向 */
                color:#707070
            }

            .item_more{
                padding-top:1em;
                color:#005BD7;

            }
        }
    }



    .work_body_page_op{
        display:flex;
        align-items: center;
        justify-content: flex-end;
        width:100%;
        margin-top: 1em;
        gap:1em;
        & span{
            display:block;
            box-sizing: border-box;
            padding:0.3em 0.5em!important;
            cursor:pointer;
            color:#616161;
            font-style: normal;
            font-size: 14px;
            border-radius: 0.2em;
        }
        & span:hover{
            background-color: #005BD7;
            color:#FFF;
        }

        .text{
            background:none;
        }

        .text:hover{
            background: none;
            color:#616161;
        }

    }
}

.detail_body{

}


.more-btn{
    padding:0.5em 1em;
    border: 1px solid #e8e0e0;
    border-radius: 0.5em;
}

.more-link{
    color:#007aff;
}

.work_body_page{
    width:100%;
}

.page_bar{
    width:100%;
    display:flex;
    align-items: center;
    justify-content: flex-end;
    gap:0.5em;

    .page_bar_btn{
        padding:0.5em 1em;
        border: 1px solid #005BD7;
        color:#000;
        cursor:pointer;
        border-radius: 5px;
        background-color: #FFF;
    }

    .page_bar_btn:hover{
        background-color: #005BD7;
        color:#FFF;
    }

    .page_bar_btn.active{
        background-color: #005BD7;
        color:#FFF;
    }
}


.wicon-28 {
    font-family: "wicon" !important;
    font-size: 28px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.wicon-40 {
    font-family: "wicon" !important;
    font-size: 40px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}