@import '_variables.scss';
.mui-forum-send{
    width: 100%;
    height: 100vh;
    display: flex;
    flex-direction: column;
    .send-header{
        .header-bar{
            width: 100%;
            height: 1.00rem;
            position: fixed;
            top: 0;
            left: 0;
            padding: .15rem .30rem;;
            background: $primary-color;
            position: fixed;
            z-index: 100;
            color: #fff;
            display:flex;
            align-items: center;
            justify-content:space-between;
            .header-back{
                font-size: .32rem;
                .icon-arrow-left{
                    font-size: .30rem;
                    padding-right: .05rem;
                }
            }
            .header-title{
                text-align: center;
                font-size: .36rem;
                flex: 1;
                min-width: 0;
            }
            .header-right{
                font-size: .32rem;
            }
        }
    }
    .send-body{
        flex: 1;
        padding-left:0.3rem;
        padding-right: 0.3rem;
        background-color: #fff;
        .mui-discuss-sent{
            width: 100%;
            .send-container{
                width: 100%;
                .container-board{
                    width: 100%;
                    height: 1.01rem;
                    line-height: 1.01rem;
                    display: flex;
                    justify-content: space-between;
                    border-bottom: 1px solid $line-color;
                    position: relative;
                    .board-down{
                        position: absolute;
                        top: 1rem;
                        width: 100%;
                        // max-height:0rem;
                        transition: all 0.3s;
                        overflow: hidden;
                        background-color: #FFF;
                        box-shadow: $box-shadow;
                        li{
                            padding: 0 0.25rem;
                        }
                    }
                    .board-left{
                        .left-required{
                            padding-right: 0.15rem;
                            color:#ff0101;
                        }
                        .left-txt{
                            color: #000;
                        }
                    }
                }
                .container-theme{
                    height: 1.01rem;
                    line-height: 0.9rem;
                    border-bottom: 1px solid $line-color;
                    width: 100%;
                    .theme-required{
                        padding-right: 0.15rem;
                        color: #ff0101;
                    }
                    input{
                        margin: 0;
                        padding: 0;
                        outline: none;
                        border: none;
                    }
                    .shark-color{
                        &::-webkit-input-placeholder {
                            color: red;
                          }
                    }
                }
                .container-content{
                    width: 100%;
                    textarea{
                        margin: 0;
                        padding: 0;
                        width: 100%;
                        outline: none;
                        border: none;
                        margin-top: 0.2rem;
                        padding-left: 0.25rem;
                        height: 5rem;
                    }
                }
            }
        }
    }
}