@import './discuss-send.scss';
.lui-discuss-box {
    width: 100%;
    height: 100%;
    .box-header {
        height: 50px;
        padding: 0 30px;
        box-sizing: border-box;
        border-bottom: 1px solid #e7e7e7;
        background-color: #f9f9f9;
        .header-left {
            line-height: 50px;
            float: left;
            color: #000;
            font-size: 16px;
        }
        .header-right {
            float: right;
            margin-top: 9px;
            // span {
            //     display: inline-block;
            //     width: 102px;
            //     height: 32px;
            //     color: #fff;
            //     text-align: center;
            //     line-height: 32px;
            //     background-color: $primary-color;
            //     cursor: pointer;
            //     margin-top: 9px;
            //     border-radius: 3px;
            //     &:hover {
            //         background-color: $primary-link;
            //     }
            // }
        }
    }
    .box-body {
        background-color: #fff;
        padding-bottom: 20px;
        .box-type {
            margin: 0;
            padding: 15px 30px;
            list-style: none;
            overflow: hidden;
            li {
                float: left;
                height: 30px;
                line-height: 30px;
                text-align: center;
                cursor: pointer;
                padding: 0 14px;
                margin-right: 16px;
                transition: all 0.5s;
            }
            .type-hover {
                color: #fff;
                background-color: $primary-color;
                border-radius: 3px;
            }
        }
        .box-des{
            border-bottom: 1px solid #e7e7e7;
            margin: 15px 30px;
            padding-bottom: 15px;
        }
        .box-outer {
            outline: none;
            &:hover {
                background-color: #fcfafa;
            }
            .box-container {
                overflow: hidden;
                border-bottom: 1px dashed $line-color;
                box-sizing: border-box;
                padding: 28px 0px;
                margin: 0 30px;
                display: flex;
                .discuss-left {
                    float: left;
                    overflow: hidden;
                    margin-top: 14px;
                    flex-shrink: 0;
                    .discuss-img {
                        width: 55px;
                        height: 55px;
                        border-radius: 50%;
                        margin: 0 auto;
                        img {
                            width: 100%;
                            height: 100%;
                            border-radius: 50%;
                            object-fit: cover;
                        }
                    }
                    .discuss-name {
                        text-align: center;
                        margin-top: 15px;
                        width: 60px;
                    }
                }
                .discuss-info {
                    float: left;
                    margin-left: 20px;
                    width: 93%;
                    flex-shrink: 1;
                    cursor: pointer;
                    .info-title {
                        font-size: 16px;
                        color: #000;
                        font-weight: bold;
                        word-break: break-all;
                        .icon-top{
                            background: #388ecb;
                            color: #fff;
                            font-size: 12px;
                            border: 1px solid #0e76da;
                            padding: 0 5px;
                            border-radius: 2px;
                            margin-right: 5px;
                        }
                        .icon-good{
                            background: #F0540C;
                            color: #fff;
                            font-size: 12px;
                            border: 1px solid #F74F07;
                            padding: 0 5px;
                            border-radius: 2px;
                            margin-right: 5px;
                        }
                        .is-light{
                            background: $error-color;
                            color: #fff;
                            padding: 0 10px
                        }
                    }
                    .info-reply {
                        padding: 12px 0px;
                        overflow: hidden;
                        .reply-show {
                            float: left;
                            color: #000;
                            word-break: break-all;
                            // width: 70%;
                            min-height: 42px;
                            img{
                                max-width: 100%;
                                max-height: 100%;
                            }
                        }
                    }
                    .info-time {
                        .time-show {
                            width: 70%;
                            overflow: hidden;
                            float: left;
                            .show-txt {
                                float: left;
                                color: #000;
                            }
                            .show-type {
                                float: left;
                                // width: 15%;
                                padding-left: 15px;
                                text-align: right;
                            }
                        }
                        .handle-list {
                            list-style: none;
                            margin: 0;
                            padding: 0;
                            overflow: hidden;
                            float: right;
                            li {
                                float: left;
                                padding-left: 11px;
                                box-sizing: border-box;
                                text-align: center;
                                span {
                                    padding-left: 11px;
                                }
                                &:nth-last-of-type(1) {
                                    border-right: none;
                                    padding-right: 0;
                                }
                                i {
                                    // padding-right: 6px;
                                }
                            }
                        }
                    }
                }
            }
        }
        .list-page {
            text-align: center;
            padding: 35px 30px 35px 0;
        }
    }
    .box-error{
        text-align: center;
        padding: 30px 0;
        background-color: #fff;
    }
    h1 {
        display: block;
        font-size: 2em;
        margin-block-start: 0.67em;
        margin-block-end: 0.67em;
        margin-inline-start: 0px;
        margin-inline-end: 0px;
        font-weight: bold;
    }
    h2 {
        display: block;
        font-size: 1.5em;
        margin-block-start: 0.83em;
        margin-block-end: 0.83em;
        margin-inline-start: 0px;
        margin-inline-end: 0px;
        font-weight: bold;
    }
    h3 {
        display: block;
        font-size: 1.17em;
        margin-block-start: 1em;
        margin-block-end: 1em;
        margin-inline-start: 0px;
        margin-inline-end: 0px;
        font-weight: bold;
    }
    h4 {
        display: block;
        margin-block-start: 1.33em;
        margin-block-end: 1.33em;
        margin-inline-start: 0px;
        margin-inline-end: 0px;
        font-weight: bold;
    }
    h5 {
        display: block;
        font-size: 0.83em;
        margin-block-start: 1.67em;
        margin-block-end: 1.67em;
        margin-inline-start: 0px;
        margin-inline-end: 0px;
        font-weight: bold;
    }
    h6 {
        display: block;
        font-size: 0.67em;
        margin-block-start: 2.33em;
        margin-block-end: 2.33em;
        margin-inline-start: 0px;
        margin-inline-end: 0px;
        font-weight: bold;
    }
}