@import 'variables.scss';
.listItem {
    width: 100%;
    // margin: 0 .3rem;
    padding: 0 .3rem .2rem .3rem;
    border-bottom: 1px solid #e7ecef;
    .ques-answer {
        position: relative;
        padding-left: .6rem;
        padding-top: .3rem;
        .tag-img {
          position: absolute;
          left: 0;
          top: .3rem;
          width: .4rem;
          height: .4rem;
          overflow: hidden;
          a {
            display: block;
            height: 100%;
          }
          img {
            display: block;
            width: 100%;
            height: 100%;
            object-fit: cover;
          }
        }
        .from-tag {
          height: .42rem;
          font-size: .24rem;
          line-height: .42rem;
          overflow: hidden;
          color: #787d82;
          margin-right: .16rem;
          a {
            font-size: .24rem;
            color: #787d82;
            margin-left: .2rem;
          }
          a:link, :visited, ins {
            text-decoration: none;
          }
        }
        .ques-con {
          line-height: .32rem;
          position: relative;
          a {
            font-size: .26rem;
            color: #14191e;
          }
          a.ques-con-content {
            display: block;
            line-height: .48rem;
            margin-right: .3rem;
            word-break: break-all;
            font-weight: 500;
            color: #4aaaf4;
          }
          .answer-con {
            margin-top: .2rem;
            position: relative;
            margin-right: .2rem;
            .user {
              line-height: .32rem;
              font-size: .24rem;
              color: #b5b9bc;
              position: relative;
              .wd-sc{
                color:#ff1c04;
                text-align: right;
                position: absolute;
                right: 0rem;
                font-size: .24rem;
              }
            }
            .name {
              color: #14191e;
              margin-top: .2rem;
              cursor: pointer;
              max-height: 3rem;
              overflow-y: auto;
              &:host.ckeditor-html-box::ng-deep{
                ol {
                  list-style: decimal;
                  li {
                      list-style: decimal;
                      list-style-position: inside;
                  }
                }
                ul {
                    list-style-type: disc;
                    li {
                        list-style-type: disc;
                        list-style-position: inside;
                    }
                }
                img{
                  max-width: 100% !important;
                  height: auto !important;
                }
              }
            }
            
          }
        }
        .about-info {
          margin-top: .1rem;
          position: relative;
          span {
            margin-right: .2rem;
            font-size: .24rem;
            line-height: .2rem;
            color: #b5b9bc;
            text-align: left;
          }
          a{
            font-size: .24rem;
            line-height: .32rem;
            color: #b5b9bc;
            text-align: left;
          }
          .wd-sc{
            color:#ff1c04;
            text-align: right;
            position: absolute;
            right: 0rem;
          }
          a:link, :visited, ins {
            text-decoration: none;
          }
        }
      }
    .itemBottom{
        padding-top: 0.3rem;
        display: inline-block;
        margin-right: .2rem;
        margin-left: .6rem;
        .writeAnswer {
            background-color: #e8f5fb;
            padding: 0.1rem;
            color: $primary-color;
            display: inline-block;
        }
    }
    
}