.flexBase {
    display: flex;
    justify-content: center;
    align-items: center;
}

.flexStartWrap {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.flexColumn {
    display: flex;
    flex-direction: column;
}

.flexBetween {
    display: flex;
    justify-content: space-between;
}

.weMaterial {
    width: 100%;
    height: 100%;

    .weMaterial_left:extend(.flexColumn) {
        width: calc(100% - 310px);
        height: calc(100vh - 119px);
        flex-shrink: 0;

        .left_root {
            flex-shrink: 0;
            height: calc(100% - 68px);
            position: relative;
            width: 100%;

            .content_spin:extend(.flexBase) {
                position: absolute;
                width: 100%;
                height: 100%;
                top: 0;
                left: 0;
                bottom: 0;
                right: 0;
                // pointer-events: none;
            }
        }

        .left_content {
            height: 100%;
            padding: 10px;
            box-sizing: border-box;
            overflow: hidden;
            overflow-y: auto;

            .left_content_card {
                cursor: pointer;

                &:hover .action {
                    opacity: 1;
                }
            }

            div.memo_content {
                display: flex;
                // padding-bottom: 10px;

                &>div {
                    padding: 0 5px;
                    box-sizing: border-box;
                }
            }

            .content {
                padding: 8px;
                box-sizing: border-box;
                margin-bottom: 5px;
            }

            .tips:extend(.flexBetween) {
                width: 100%;
            }

            .action {
                position: absolute;
                bottom: 5px;
                width: 100%;
                left: 0;
                padding: 0 10px;
                box-sizing: border-box;
                opacity: 0;
                transition: all .5s;

                &>div:extend(.flexBetween) {
                    &>div:extend(.flexBase) {
                        // width: 25%;
                        flex: 1;
                    }
                }

            }

            .content_row:extend(.flexColumn) {
                flex: 1;
                flex-shrink: 0;
                gap: 10px;
            }
        }
    }

    .weMaterial_right:extend(.flexColumn) {
        width: 288px;
        height: calc(100vh - 119px);
        flex-shrink: 0;

        .right_top:extend(.flexColumn) {
            flex-shrink: 0;
            height: calc(100% - 48px);
            // overflow-y: auto;
            padding: 24px 12px 12px;
            box-sizing: border-box;
            gap: 10px;

            .title {
                inset-inline-start: 0;
                margin-bottom: 0;
                width: 100%;
            }
        }

        .right_bottom:extend(.flexBase) {
            height: 48px;
            flex-shrink: 0;

            &>div:extend(.flexBase) {
                flex: 1;
            }
        }
    }

}

// 选择标签
.selectTag:extend(.flexBase) {
    justify-content: space-between;
    min-width: 150px;
    user-select: none;
}

.selectTagDow {
    padding: 10px;
    box-sizing: border-box;
    cursor: default;

    // &:hover {
    //     background-color: #FFF ;
    // }

    .selectTagDow_head:extend(.flexBase) {
        justify-content: space-between;
        margin-bottom: 10px;
    }
}

.groupLable>label:first-child {
    margin-inline-start: 4px;
}