.detail-left{
  float: left;
  width: 899px;
  background: #fff;
}
.detail-right{
  float: right;
  width: 286px;
}
.ask-info p img{
  max-width: 100%;
  /* height: 300px; */
}
.ask-info img{
  max-width: 100%;
  /* height: 300px; */
}
.top-ask{
  border-bottom: 1px solid rgba(188,189,201,0.2);
  padding-bottom: 32px;
}
.tags li {
  float: left;
  padding: 3px 12px;
  border-radius: 4px;
  margin-right: 10px;
  background: #F5F5FA;
  color: #9698A2;
}
.ask-title{
  padding: 0px 20px;
  font-weight: 500;
  font-size: 22px;
  color: #262C3A;
  margin-bottom: 16px;
  display: block;
}
.ask-info{
  padding: 0px 20px;
  font-size: 16px;
  font-weight: 400;
  color: #454651;
  display: block;
  line-height: 29px;
  margin-bottom: 24px;
}
.ask-left{
  float: left;
}
.my-ask{
  cursor:pointer;
  float: left;
  height: 38px;
  line-height: 38px;
  width:116px;
  text-align: center;
  background: #1890FF;
  border-radius: 4px;
  color: #fff;
  font-weight: 500;
  font-size: 14px;
  margin-right: 16px;
}
.collect-question{
  cursor:pointer;
  float: left;
  height: 38px;
  line-height: 38px;
  width:116px;
  text-align: center;
  background: #fff;
  border: 1px solid #1890FF;
  border-radius: 4px;
  color: #1890FF;
  font-weight: 500;
  margin-right: 32px;
  font-size: 14px;
}
.no-collect-question{
  cursor:pointer;
  float: left;
  height: 39px;
  line-height: 39px;
  width:116px;
  text-align: center;
  border-radius: 4px;
  background: #F5F5FA;
  color: #9698A2;
  font-weight: 500;
  margin-right: 32px;
  font-size: 14px;
}
.ask-right{
  float: right;
}
.look-num{
  height: 38px;
  line-height: 38px;
}
.see-sum{
  margin-left: 5px;
  display: block;
  float: right;
  font-size: 14px;
  font-weight: 400;
  color: #9698A2;
}
.comment-ask-title{
  margin-top: 16px;
  padding: 0px 20px;
}
.comment-ask-num{
  color: #1890FF;
  font-size: 24px;
  font-weight: 500;
}
.comment-ask-font {
  font-size: 18px;
  font-weight: 500;
  color: #9698A2;
}
.font-bottom-img{
  height: 8px;
  width: 83px;
  background: rgba(24,144,255,0.2);
  display: block;
  margin-top: -14px;
}
.comment-ask{
  padding-bottom: 40px;
}
.one-comment-question{
  overflow: hidden;
  padding-left:  20px;

}
.user-question-img{
  height: 38px;
  width: 38px;
  border-radius: 50%;
}
.user-info-rights{
  width: calc(100% - 50px);
}
.user-info-right{
  width: calc(100% - 20px);
  margin-right: 20px;
  padding-bottom: 30px;
  border-bottom: 1px solid rgba(188,189,201,0.2);
}
.user-img{
  width: 50px;
}
.comment-user-name{
  color: #262C3A;
  font-size: 14px;
  font-weight: 500;
}
.comment-user-time{
  font-size: 12px;
  font-weight: 400;
  color: #9698A2;

}
.comment-ask-info{
  margin-top: 12px;
  font-size: 16px;
  line-height: 29px;
  color: #454651;
  font-weight: 500;
}
.comment-function{
  margin-top: 12px;
  overflow: hidden;
}
.accept-bg{
  border-radius:16px 0px 0px 16px;
  height: 30px;
  width: 89px;
  background:#FF4D4F ;
  text-align: center;
  margin-top: 19px;
  line-height: 30px;
}
.font-comment{
  cursor: pointer;
  color: #9698A2;font-size: 14px;margin-right: 30px
}

/*右侧头像bufen*/
.detail-right .userIntro {
  width: 100%;
  height: 210px;
  background: #FFFFFF;
  padding: 20px;
  margin-bottom: 16px;
}
.detail-right .userIntro .pic {
  margin: 0 auto;
  width: 62px;
  height: 62px;
  border-radius: 50%;
  position: relative;
}
.detail-right .userIntro .pic  .headPic{
  width: 100%;
  height: 100%;
}
.detail-right .userIntro .intro {

  text-align: center;
  margin-top: 10px;
  font-weight: 600;
}
.detail-right .userIntro .intro .name {
  font-size: 1.4rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: 500;
  color: rgba(51,51,51,1);
}
.detail-right .userIntro .relation {
  float: left;
  width: 100%;
  margin-top: 20px;
  text-align: center;
}
.detail-right .userIntro .relation {
  float: left;
  width: 100%;
  margin-top: 30px;
  text-align: center;
}
.detail-right .userIntro .relation .relationTitle {
  height:17px;
  font-size: 1.2rem;
  font-weight:bold;
  line-height:17px;
  color:rgba(153,153,153,1);

}
.detail-right .userIntro .relation .relationNumber {
  height:20px;
  font-size:1.8rem;
  font-weight:500;
  line-height:20px;
  color:rgba(51,51,51,1);
  margin-top: 10px;
}
/*热门问题*/
.hot-question{
  width: 100%;
  background: #fff;
}
.hot-question-title{
  height: 48px;
  line-height: 48px;
  padding: 0px 16px;
  border-bottom: 1px solid rgba(188,189,201,0.2);
}
.question-list{
  overflow: hidden;
  cursor: pointer;
  border-bottom:1px solid rgba(188,189,201,0.2);
  padding: 16px 16px;
}
.hot-title{
  font-size: 14px;
  font-weight: 500;
  color: #262C3A;
  word-break: break-all;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  width: 237px;
}
.hot-title p{
  font-size: 14px;
  font-weight: 500;
  color: #262C3A;
  word-break: break-all;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  width: 237px;
}
.hot-info{
  font-size: 12px;
  font-weight: 400;
  color: #454651;
  line-height: 20px;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  overflow: hidden;
}
.hot-user-info{
  height: 28px;
  line-height: 28px;
  margin-top: 5px;
}
.hot-user-img{
  height: 20px;
  width:20px;
  border-radius: 50%;
  margin-top: 4px;
  margin-right: 5px;
}
.wHtml-content{
  padding: 0px 16px;
  margin-top: 20px;
  position: relative;
}
.isSue{
  margin-top: 16px;
  background: #1890FF;
  display: block;
  height: 38px;
  line-height: 38px;
  width: 104px;
  border-radius: 4px;
  color: #fff;
  font-size: 14px;
  font-weight: 500;
  text-align: center;
}
.wHtml-content .wangEditor-container .clearfix{
  position: absolute;
  bottom: 9px;
  left: 6px;
  width: 50px;
  border-bottom: none;
  border-radius: 4px;
  font-size: 16px;
}
.wHtml-content .wangeditor-menu-img-picture{
  font-size: 27px;
  color: #9698A2;
}
.wHtml-content .wangEditor-txt{
  background: #F8F8F8;
  margin-top: 0px;
  height: 159px!important;
}
.wHtml-content .wangEditor-container{
   border: none;
   height: 159px;
}
.Evaluate_Time {
  float: left;
  font-size: 1.2rem;
  color: #999999;
  margin-left: 60px;
}
.Textarea {
  float: right;
  position: relative;
  width: 100%;
}
.Evaluation {
  width: 100%;
  padding: 4px 10px;
  border-radius: 4px;
  border-color: #ccc;
}
.Evaluation_Num {
  position: absolute;
  right: 10px;
  bottom: 0;
  color: #9b9b9b;
  line-height:38px;
}
.clearFix::after {
  content: '';
  display: block;
  clear: both;
  visibility:hidden;
  height: 0;
  line-height: 0;
}
.Textarea .Evaluation2{
  width: 100%;
  float: right;
  padding: 4px 10px;
  border-radius: 4px;
  border-color: #ccc;
  margin-top: 40px;
}
.Evaluation_Num span {
  color: #9b9b9b;
}
.Evaluation_Num2{
  position: absolute;
  right: 10px;
  bottom: -1px;
  color: #9b9b9b;
  line-height: 38px;
}
.Item_Intro {
  float:right;width: calc(100% - 64px);margin-top: 20px;
}

.Item_Intro .Evaluation_Btn {
  float: right;
  width: 100px;
  height: 33px;
  background: #1890FF;
  color: white;
  border-radius: 4px;
  border: none;
  font-size: 15px;
}
.editor{
  padding: 0px 20px;
}
.editor .wangEditor-container .clearfix{
  position: absolute;
  bottom: 9px;
  left: 6px;
  width: 50px;
  border-bottom: none;
  border-radius: 4px;
  font-size: 16px;
}
.editor .wangeditor-menu-img-picture{
  font-size: 27px;
  color: #9698A2;
}
.editor .wangEditor-txt{
  background: #F8F8F8;
  margin-top: 0px;
  height: 274px!important;
}
.editor .wangEditor-container{
  border: none;
  height: 274px;
}
.clearfix:after{/*伪元素是行内元素 正常浏览器清除浮动方法*/
  content: "";
  display: block;
  height: 0;
  clear:both;
  visibility: hidden;
}
.wHtml-content .wangEditor-container .wangEditor-txt{
  border-radius: 8px;
}
.title-area .ql-toolbar.ql-snow{
  border: none;
}
.title-area .ql-container.ql-snow{
  border: none;
  height: 274px;
  background: #F8F8F8;
}
.wHtml-content-c .ql-toolbar.ql-snow{
  border: none;
}
.wHtml-content-c .ql-container.ql-snow{
  border: none;
  height:159px;
  border-radius: 8px;
  background: #F8F8F8;
}