@import "projects/learner-center/src/style/variables";
:host ::ng-deep{
    .learner-center-questions-answers{
        position: relative;
        a:link, :visited, ins {
            text-decoration: none;
        }
        .clearfix{
            *zoom: 1;
            overflow: hidden;
            clear: both;
        }
        >.query-input{
            position: absolute;
            right: 15px;
            top: -42px;
            width: 266px;
            height: 34px;
            background: #fff;
            display: flex;
            border: 1px solid $line-color;
            padding: 0 15px;
            margin-right: 10px;
            input{
                width: 214px;
                border: 0;
                border: none;
                outline: none;
                padding-right: 10px;
            }
            i{
                font-size: 16px;
                color: #b3b3b5;
                cursor: pointer;
                margin-top: 4px;
            }
        }
        .filter-box{
            border-bottom: 1px solid #e7e7e7;
            height: 49px;
            width: 900px;
            margin: 0 auto;
            .filters-a{
                height: 100%;
                line-height: 49px;
                >span{
                    height: 100%;
                    display: inline-block;
                    margin-right: 28px;
                    cursor: pointer;
                    .divide-line{
                        color: #e3e3e3;
                    }
                    &:last-child{
                        margin-right: 0;
                    }
                }
            }
            .filters-b{
                height: 100%;
                line-height: 49px;
                >span{
                    height: 100%;
                    display: inline-block;
                    .name{
                        display: inline-block;
                        cursor: pointer;
                    }
                    .divide-line{
                        color: #e3e3e3;
                    }
                    &:last-child{
                        .divide-line{
                            display: none;
                        }
                    }
                }
            }
            .selected{
                border-bottom: 2px solid $primary-color;
                height: 49px !important;
                color: $primary-color;
            }
        }

        .list{
            width: 900px;
            padding-left: 26px;
            padding-bottom: 0;
            > lui-single-qa {
                width: 100%;
            }
        }
        .list-page{
            padding: 15px 0 35px;
            text-align: center;
        }

        .ques-list {
            padding-bottom: 60px;
            width: 900px;
            margin: 0 auto;
        }
    }
}
:host::ng-deep .ckeditor-html-box{
    h1{
      font-size: 36px !important;
    }
    h2{
      font-size: 30px !important;
    }
    h3{
      font-size: 24px !important;
    }
    h4{
      font-size: 18px !important;
    }
    h5{
      font-size: 14px !important;
    }
    h6{
      font-size: 12px !important;
    }
    img{
        display: block !important;
    }
  }