.page-communites-detail .communites-detail-view{
  background-color: #fff;
  border-radius: 4px;
  padding: 0 16px;
  width: 100%
}
.page-communites-detail .communites-header-view .communites-title{
  color: rgba(0, 0, 0, 1);
  font-size: 20px;
  line-height: 28px;
  margin-top: 24px
}
.communites-header-view .author-info-view{
  margin-top: 24px
}
.communites-header-view .author-info-view li{
  margin-right: 40px
}
.communites-header-view .author-info-view li.num-item-view{
  margin-right: 24px
}
.communites-header-view .author-info-view li:last-child{
  margin-right: 0 !important
}
.communites-header-view .author-info-view li:nth-child(4){
  cursor: pointer;
}
.communites-header-view .author-info-view li .image-view{
  margin-right: 5px
}
.communites-header-view .author-info-view li .user-logo{
  width: 24px;
  height: 24px;
  overflow: hidden;
  border-radius: 100%
}
.communites-header-view .author-info-view li .image-view img{
  height: 16px;
  width: auto
}
.communites-header-view .author-info-view li .user-logo img{
  width: 100%;
  height: auto
}
.communites-header-view .author-info-view li p{
  color: rgba(100, 101, 102, 1);
  font-size: 12px;
  line-height: 17px
}
.communites-header-view .author-info-view li .user-name{
  color: rgba(50, 50, 51, 1);
  font-size: 14px;
  line-height: 20px
}
.communites-body{
  margin-top: 46px
}
.communites-body .communites-image-view{
  margin-top: 24px
}
.communites-body .communites-image-view li{
  margin-bottom: 16px
}
.communites-body .communites-image-view li:last-child{
  margin-bottom: 0
}
.communites-tag-list{
  margin-top: 24px
}
.communites-tag-list .communites-tag-title{
  color: rgba(100, 101, 102, 1);
  line-height: 20px
}
.communites-tag-list .label-list-view{
  margin-left: 8px
}
.communites-tag-list .label-list-view a{
  display: inline-block;
  padding: 2px 4px;
  font-family: PingFang SC;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 17px;
  letter-spacing: 0em;
  border: 1px solid rgba(235, 237, 240, 1);
  margin-right: 8px;
  border-radius: 4px;
  color: rgba(100, 101, 102, 1);
}
.communites-tag-list .label-list-view label:last-child a{
  margin-right: 0
}

.communites-body .share-to-view{
  margin-top: 20px
}
.communites-body .share-to-view .share-title{
  color: rgba(100, 101, 102, 1);
  line-height: 20px
}
.communites-body .share-to-view .share-platform-list{
  margin-left: 10px
}
.communites-body .share-to-view .share-platform-list a{
  margin-right: 16px
}
.communites-body .share-to-view .share-platform-list a img{
  height: 17px
}

.communites-body .communites-operation-view{
  padding: 24px 0;
}
.communites-body .communites-operation-view button{
  border: 1px solid rgba(220, 222, 224, 1);
  padding: 8px 16px;
  margin-right: 16px;
  border-radius: 4px
}
.communites-body .communites-operation-view .add-answer-view{
  background-color: rgba(38, 84, 255, 1);
}
.communites-body .communites-operation-view button:last-child{
  margin-right: 0
}
.communites-body .communites-operation-view button p{
  color: rgba(100, 101, 102, 1);
  line-height: 20px;
  margin-left: 8px
}
.communites-body .communites-operation-view .add-answer-view p{
  color: #fff
}
.communites-body .communites-operation-view button.active p{
  color: rgba(50, 50, 51, 1);
  margin-left: 5px
}
.communites-body .communites-operation-view button img{
  width: 16px
}

/* 全部回答 */

.communites-footer-view .footer-header-view{
  border-bottom: 1px solid rgba(235, 237, 240, 1)
}
.communites-footer-view .footer-header-view .title{
  display: inline-block;
  border-bottom: 2px solid rgba(38, 84, 255, 1);
  padding-bottom: 12px;
  font-size: 16px;
  font-weight: 600;
  line-height: 22px
}
.communites-answer-list{
  margin-bottom: 24px
}
.communites-answer-list .communites-answer-first-item {
  margin-top: 24px;
  border: none
}
.communites-answer-list .user-logo-view{
  width: 40px;
  height: 40px;
  overflow: hidden;
  border-radius: 100%
}
.communites-answer-list .user-other-info-view{
  margin-left: 16px
}
.communites-answer-list .user-name{
  color: rgba(50, 50, 51, 1);
  font-weight: 600;
  line-height: 20px
}
.communites-answer-list .publish-time{
  color: rgba(100, 101, 102, 1);
  font-size: 12px;
  line-height: 17px;
  margin-top: 2px
}
.communites-answer-list .answer-content{
  color: rgba(50, 50, 51, 1);
  margin-top: 12px;
  line-height: 20px
}
.communites-answer-list .answer-image-list-view button{
  margin-top: 12px;
  margin-right: 8px;
  width: 80px;
  height: 80px
}
.communites-answer-list .operation-list-view{
  margin-top: 15px
}
.communites-answer-list .operation-list-view button{
  margin-right: 24px
}
.communites-answer-list .operation-list-view button:last-child{
  margin-right: 0
}
.communites-answer-list .operation-list-view button img{
  height: 12px;
  width: auto
}
.communites-answer-list .operation-list-view button p{
  margin-left: 6px;
  color: rgba(100, 101, 102, 1);
  font-size: 12px
}
.communites-answer-list .communites-answer-second-list{
  margin-top: 16px;
  background-color: #F7F8FA;
  padding: 0 16px;
  border-radius: 4px
}
.communites-answer-list .communites-answer-second-list .list-group-item{
  background-color: transparent;
  padding: 16px 0;
  border-bottom: 1px solid rgba(235, 237, 240, 1)
}
.communites-answer-list .communites-answer-second-list .list-group-item:last-child{
  border-bottom: none
}
.communites-answer-list .user-other-info-view .accept-view{
  padding: 2px 4px;
  border: 1px solid rgba(49, 175, 132, 1);
  border-radius: 2px;
  margin-left: 10px;
  flex-shrink: 0
}
.communites-answer-list .user-other-info-view .accept-view img{
  width: 14px;
  margin-right: 5px
}
.communites-answer-list .user-other-info-view .accept-view p{
  color: rgba(49, 175, 132, 1);
  font-size: 12px;
  line-height: 17px
}
.communites-answer-list .user-other-info-view .accept-button{
  padding: 2px 4px;
  border: 1px solid rgba(200, 201, 204, 1);
  border-radius: 2px;
  color: rgba(50, 50, 51, 1);
  font-size: 12px;
  line-height: 17px;
  margin-left: 10px;
  flex-shrink: 0
}
.is-author{
  margin-left: 4px;
  padding: 2px 4px;
  color: rgba(38, 84, 255, 1);
  border-radius: 2px;
  border: 1px solid rgba(38, 84, 255, 1);
  font-size: 12px;
  line-height: 17px
}
.up-down-btn-view{
  display: none
}
.up-down-btn{
  display: none
}
.up-down-btn p{
  color: rgba(38, 84, 255, 1);
}
.up-down-btn img{
  width: 8px;
  margin-left: 6px
}
.relevance-user-info a img{
  height: 14px;
  width: auto
}
.relevance-user-info .user-logo-view{
  width: 24px;
  height: 24px;
  margin-left: 11px
}
.relevance-user-info .user-name{
  color: rgba(100, 101, 102, 1);
  font-size: 14px;
  font-weight: 400;
  margin-left: 8px
}
.communites-footer-view .add-answer-view{
  border-top: 1px solid rgba(235, 237, 240, 1);
  padding: 24px 0;
  display: none
}
.add-answer-view button img{
  width: 15px;
}
.add-answer-view button p{
  margin-left: 8px;
  color: rgba(38, 84, 255, 1);
  line-height: 20px
}

#answerModal .form-item .form-item-content .image-list-view li{
  margin-right: 8px !important;
  overflow: visible;
}
.infringement-statement{
  color: rgba(150, 151, 153, 1);
  font-size: 12px;
  line-height: 17px;
  margin-top: 24px
}
/* 问题弹框 */
.questions-modal .modal-dialog{
  max-width: auto;
  height: 100%;
  margin: 0 auto
}
.questions-modal .modal-dialog .modal-content{
  width: 560px;
  height: 603px;
  overflow: hidden
}
.questions-modal .modal-content .modal-header {
  padding: 24px;
  border-bottom: none;
  border-radius: 0
}
.questions-modal .modal-content .modal-header .modal-title{
  color: rgba(50, 50, 51, 1);
  font-size: 18px;
  line-height: 25px
}
.questions-modal .modal-content .modal-header .close-btn{
  padding: 0;
  margin: 0;
  line-height: 1;
  font-size: inherit;
}
.questions-modal .modal-content .modal-header .close-btn img{
  width: 16px;
  height: 16px
}
.questions-modal .modal-content .modal-body{
  overflow: auto;
  padding: 0 24px
}
.questions-modal .modal-content .modal-body::-webkit-scrollbar {/*滚动条整体样式*/
  width: 5px;     /*高宽分别对应横竖滚动条的尺寸*/
  height: 1px;
}
.questions-modal .modal-content .modal-body::-webkit-scrollbar-thumb {/*滚动条里面小方块*/
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
  background: rgba(0, 0, 0, 0.2);
}
.questions-modal .modal-body .form-item{
  margin-bottom: 16px
}





/* ipa */
@media screen and (min-width: 769px) and (max-width: 960px) {
 
}


/* 移动端 */
@media screen and (max-width: 767px) {
  .breadcrumb{
    padding: 0 0 8px 0
  }
  .page-communites-detail .communites-detail-view{
    padding: 0 8px
  }
  .communites-header-view .author-info-view{
    margin-top: 8px
  }
  .page-communites-detail .communites-header-view .communites-title{
    font-size: 15px;
    line-height: 20px;
    margin-top: 8px;
    font-weight: bold
  }
  .communites-header-view .author-info-view li .user-logo{
    width: 20px;
    height: 20px;
  }
  .communites-header-view .author-info-view li .user-name{
    font-size: 13px;
    line-height: 18px;
  }
  .communites-header-view .author-info-view li{
    margin-right: 12px
  }
  .communites-header-view .author-info-view li.num-item-view{
    margin-right: 8px
  }

  .communites-body{
    margin-top: 20px
  }
  .communites-tag-list{
    margin-top: 16px
  }
  .communites-body .share-to-view{
    margin-top: 8px
  }
  .communites-body .communites-operation-view{
    padding: 16px 0
  }
  .communites-body .communites-operation-view button{
    padding: 4px 8px;
    margin-right: 16px
  }
  .communites-body .communites-operation-view button img{
    width: 12px
  }
  .communites-footer-view .footer-header-view .title{
    font-size: 14px;
    padding-bottom: 8px;
    line-height: 20px;
    font-weight: bold
  }
  .communites-answer-list .user-logo-view{
    width: 34px;
    height: 34px
  }
  .communites-answer-list .user-other-info-view{
    margin-left: 8px;
    overflow: hidden
  }
  .is-author{
    font-size: 11px;
    line-height: 14px;
    padding: 1px 4px
  }
  .communites-answer-list .answer-content{
    margin-top: 8px;
    line-height: 18px;
  }
  .communites-answer-list .operation-list-view{
    margin-top: 8px
  }
  .communites-answer-list .communites-answer-first-item{
    margin-top: 16px
  }
  .communites-answer-list .communites-answer-second-list{
    margin-top: 8px;
    padding: 0 8px
  }
  .communites-answer-list .communites-answer-second-list .list-group-item{
    padding: 8px 0
  }
  .relevance-user-info a img{
    height: 12px
  }
  .relevance-user-info .user-logo-view{
    width: 20px;
    height: 20px
  }
  .relevance-user-info .user-name{
    font-size: 12px
  }
  .communites-footer-view .add-answer-view{
    padding: 16px 0
  }
  .show-big-image-modal .modal-content-view{
    max-height: 80%;
    max-width: 100%
  }
  .show-big-image-modal .modal-dialog .modal-content .modal-content-view .big-image-view{
    max-width: 100%;
    max-height: 70%
  }
  .show-big-image-modal .modal-content .modal-header .close-btn img{
    width: 30px;
    height: 30px
  }
  .show-big-image-modal .modal-content .modal-header{
    margin-top: 40px
  }
  #answerModal .form-item .form-item-content .image-list-view li{
    margin-right: 6px !important
  }
  .communites-answer-list .user-other-info-view .accept-view{
    margin-left: 6px;
    padding: 2px
  }
  .communites-answer-list .user-other-info-view .accept-view img{
    width: 13px;
    margin-right: 3px
  }
  .communites-answer-list .user-other-info-view .accept-button{
    padding: 2px;
    margin-left: 6px
  }
  .infringement-statement{
    margin-top: 16px
  }
  .communites-answer-list .user-name{
    font-weight: bold
  }
  
}