css.less

.exchangeCommunityWrap{
  height: 100%;
  overflow-y: auto;
  overflow-x: hidden;
  :global(.am-tabs-tab-bar-wrap){
    height: .6rem;
  }
  :global(.am-tabs-default-bar-tab){
    padding:0; font-size: .17rem; color:#ABABAB;
    &:after{ display:none !important;}
  }
  :global(.am-tabs-default-bar-tab-active){
    color:#101010; font-size: .17rem;
  }
  :global(.am-tabs-default-bar-underline){
    border-color:#FF9D5C; border-width: .02rem;
  }
  .splitline {
    width: 100%;
    height: .1rem;
    background: linear-gradient(180deg, rgba(0, 0, 0, 1) 0%, rgba(255, 255, 255, 0) 100%);
    opacity: 0.1041;
  }
  .header_section{
    background: #fff;
    height: 1rem;
    padding: 5px 10px;
    :global(.am-search){
      background-color: #fff;
    }
    :global(.am-search-input){
      background-color: #efeff4;
    }
    .questionText{
      margin: 5px;
      color:#101010;
      .questionNum{
        color:#bbb;
      }
    }
  }
  .addquestion_section{
    position: relative;
    background-color: #fff;
    padding: 10px;
    :global(.am-button-primary::before){
      border: none;
    }
    .addquestion_text{

    }
    .addquestion_img{
      padding: 10px 0;
      :global(.am-image-picker-list .am-image-picker-upload-btn){
        background:url("../../assets/image/camera.png");
        background-repeat: no-repeat;
        border:none;
        background-size: cover;
        background-position-x: -8px;
      }
    }
    .addquestion_btn{
      //margin-right: 6px;
      float: right;
      position: absolute;
      bottom: 5px;
      right: 5px;

          text-align: center;
          background-color: #FF9D5C;
          border-radius: 18px;
          color: white;
          border: none;
          padding: 5px 12px;
    }
  }
  .questionList{
    position: relative;
    .scrollIOS{
      -webkit-overflow-scrolling: touch;
    }
    .questionItem{
      background-color: #fff;
      margin: 10px 0;
      padding: 10px 15px;
      .question_Content{
        font-size: .2rem;
        color: #333333;
        margin: 10px 0;
      }
      .question_img{
        display: flex;
        flex-wrap: wrap;
        img{
            width:1.2rem;
            height:1.2rem;
            margin-right:5px;
          }
      }
      .question_userInfo{
        height: .5rem;
        line-height: .5rem;
        margin: 5px 0;
        &:after{
            content:''; 
            height: 0;
            clear:both;
        }
        .img_esction{
          float:left;
          img{
            width: .44rem;
            height: .44rem;
          }
        }
        .name{
          float:left;
          margin: 0 .11rem;
          color:#999999;
        }
        .date{
          float:right;
          color:#999999;
        }

      }
      .question_answer{
        margin: 5px 0 10px 0;
        .question_answer_list{
          display:flex;
          .question_answer_name{
            color: #101010;
          }
          .question_answer_text{
            width: 80%;
            color:#666666;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
          }
        }
      }
      .question_footer{
        display: flex;
        justify-content: space-between;
        .question_num{
          color:#FF5167
        }
      }
      .question_no_answer{
        display:none;
        height: 0;
        position: relative;
        width: 100%;
        opacity: 0;
        background: #fff;
      }
      .question_add_answer{
        //height:1rem;
        display:block;
      }
      .addquestion_btn2{
        .btn{
          text-align: center;
          background-color: #FF9D5C;
          border-radius: 18px;
          color: white;
          border: none;
          padding: 5px 12px;
        }
      }
      :global(.am-list-item){
        border: 1px solid gainsboro;
        margin: 5px 0;
      }
    }
  }
  .search {
      position: relative;
      display: flex;
      padding: .1rem .17rem;
      background: white;
      ::before {
          position: absolute;
          width: .15rem;
          height: .15rem;
          content: '';
          background: url(../../assets/image/search.png) no-repeat;
          background-size: 100%;
          left: .35rem;
          top: .19rem;
          z-index: 10;
        }
      input{
          box-sizing: border-box;
          width: 100%;
          border: none;
          border-radius: .16rem;
          background: #F4F4F4;
          height: .32rem;
          line-height: .32rem;
          padding: 0;
          padding-left: .42rem;
          font-size: .14rem;
      }
      .cancelButton{
          font-size: .16rem;
          color: #101010;
          width: .5rem;
          padding: .05rem 0 0 .05rem;
      }
  }
}
.questionDetailWrap{
  padding: 10px;
  background: #fff;
  margin-bottom:1.2rem;
  .question_answer_Item{
    background-color: #fff;
    border-bottom:1px solid #F8F8F8;
    padding: 5px 0;
    .usersection{
      img{
        width: .44rem;
        height: .44rem;
      }
      .name{
        margin:0 .11rem;
        color:#101010;
      }
    }
    .answersection{
      color:#666666;
    }
    .answerfooter{
      display: flex;
      justify-content: space-between;
      color:#FF5167;
      .date{
        color:#999999;
      }
    }
    .question_no_answer{
        display:none;
        height: 0;
        position: relative;
        width: 100%;
        opacity: 0;
        background: #fff;
      }
      .question_add_answer{
        display:block;
      }
      .addquestion_btn2{
        .btn{
          text-align: center;
          background-color: #FF9D5C;
          border-radius: 18px;
          color: white;
          border: none;
          padding: 5px 12px;
        }
      }
      :global(.am-list-item){
        border: 1px solid gainsboro;
        margin: 5px 0;
      }

  }
}
.answerFooterSection{
  position: absolute;
  display:flex;
  bottom: 0;
  width: 100%;
  background: white;
  padding: .1rem;
  height: .7rem;
  //line-height: .7rem;
  align-items: center;
  text-align: center;
  z-index: 5;
  :global(.am-textarea-control){
      padding-top: 4px;
      padding-bottom: 4px; 
    }
  :global(.am-button::before){
      border: none;
    }
  :global(.am-list-item){
    border-radius: 22px;
    background-color: #F4F4F4;
    min-height: 36px;
  }
  :global(.am-textarea-control){
    padding-left: .1rem;
  }
  .btntijiao{
    width: 0.8rem;
    padding-left: 5px;
    .btn{
      text-align: center;
      background-color: #FF9D5C;
      border-radius: 18px;
      color: white;
      border: none;
      padding: 5px 12px;
    }
  }
}
.haveNoData{
    position: relative;
    top: 0;
    left: 0;
    margin: 50% 0 0 50%;
    transform: translate(-50%,-50%);
    img{
      width:2rem;
      height:2rem;
    }
    .text{
      text-align: center;
      font-size: .2rem;
      margin-top: .1rem;
    }
}
.modalImg{
    position: fixed;
    height: 100%;
    width: 100%;
    top: 0;
    z-index: 10;
    background: #101010a1;
    padding: 15px;
    .modalSection{
      background: white;
      height: 100%;
      border: 1px solid gray;
      .close{
          text-align: right;
          font-size: 18px;
          margin-right: 10px;
      }
      .imgsection{
          position: relative;
          top: 0;
          left: 0;
          width: 100%;
          height: 92%;
          display: flex;
          align-items: center;
          overflow-y: auto;
          .imgPreview{
            width: 100%;
            //height: 100%;
          }
      }
    }
}