.topicMainPage {
  padding: min(max(40px, 3.30688vw), 50px) 0
}

.topicMainPage #qAnswerWrap {
  padding-top: min(max(6.4px, 0.5291vw), 8px)
}

#topMenu #main-field #index-main-field {
  margin-bottom: 0
}

#qAnswerWrap {
  padding: 0;
  width: var(--main-content-width);
  background: #ffffff;
  box-shadow: 0 min(max(8px, 0.66138vw), 10px) min(max(22.400000000000002px, 1.85185vw), 28px) 0 rgba(0, 0, 0, 0.12);
  border-radius: min(max(17.6px, 1.45503vw), 22px)
}

#qAnswerWrap .QA_title {
  padding: 0
}

#qAnswerWrap .QA_title .title_type {
  display: flex;
  font-weight: 600;
  font-size: min(max(14.4px, 1.19048vw), 18px);
  color: #62666a
}

#qAnswerWrap .QA_title .title_type .big_title {
  color: #62666a;
  padding-left: min(max(34.4px, 2.84392vw), 43px);
  padding-right: min(max(40px, 3.30688vw), 50px);
  font-size: min(max(22.400000000000002px, 1.85185vw), 28px);
  transform: scale(1);
  font-weight: 600
}

#qAnswerWrap .QA_title .title_type span {
  display: inline-block;
  height: min(max(57.6px, 4.7619vw), 72px);
  line-height: min(max(57.6px, 4.7619vw), 72px);
  margin-right: min(max(40px, 3.30688vw), 50px);
  font-size: min(max(17.6px, 1.45503vw), 22px);
  transform: scale(0.8)
}

#qAnswerWrap .QA_title .title_type .title_active {
  font-weight: 600;
  font-size: min(max(17.6px, 1.45503vw), 22px);
  color: #00b382;
  transform: scale(1)
}

#qAnswerWrap .QA_title .title_type .title_active::after {
  top: auto;
  bottom: 0;
  left: 50%;
  transform: translate(-50%, 0)
}

#qAnswerWrap .inp_searchs {
  margin-right: min(max(20.8px, 1.71958vw), 26px);
  height: min(max(46.400000000000006px, 3.83598vw), 58px)
}

#qAnswerWrap .RPI_head_icon {
  width: min(max(35.2px, 2.91005vw), 44px);
  height: min(max(35.2px, 2.91005vw), 44px);
  cursor: pointer
}

#qAnswerWrap .forwardingInfor {
  margin-top: min(max(12.8px, 1.0582vw), 16px);
  padding: min(max(12.8px, 1.0582vw), 16px) min(max(11.200000000000001px, 0.92593vw), 14px);
  width: 70%;
  min-width: min(max(405.6px, 33.53175vw), 507px)
}

#qAnswerWrap .forwardingInfor .shareCourse .SDB_course {
  background: #FFFFFF
}

#qAnswerWrap .noForwarding .forwardingInfor {
  margin-top: 0;
  padding-top: min(max(6.4px, 0.5291vw), 8px)
}

#qAnswerWrap .noForwarding .forwardingInfor .shareCourse .SDB_course {
  background: #fafafa
}

#qAnswerWrap .forwardingPeopleInfor {
  display: flex;
  align-items: center;
  margin-bottom: min(max(10.4px, 0.85979vw), 13px)
}

#qAnswerWrap .forwardingPeopleInfor .FPI_name {
  width: auto;
  font-weight: 400;
  font-size: min(max(11.200000000000001px, 0.92593vw), 14px);
  color: #333333;
  height: auto;
  line-height: min(max(11.200000000000001px, 0.92593vw), 14px);
  max-width: min(max(280px, 23.14815vw), 350px)
}

#qAnswerWrap .forwardingPeopleInfor .FPI_head_icon {
  width: min(max(22.400000000000002px, 1.85185vw), 28px);
  height: min(max(22.400000000000002px, 1.85185vw), 28px);
  margin-right: min(max(8px, 0.66138vw), 10px);
  cursor: pointer
}

#qAnswerWrap .header_comment .orderby {
  font-weight: 400;
  font-size: min(max(11.200000000000001px, 0.92593vw), 14px);
  color: #62666a
}

#qAnswerWrap .share_shequ {
  margin-right: min(max(12px, 0.99206vw), 15px) !important
}

#qAnswerWrap .share_shequ img {
  width: min(max(14.4px, 1.19048vw), 18px);
  height: min(max(12px, 0.99206vw), 15px);
  margin-right: min(max(4.800000000000001px, 0.39683vw), 6px)
}

#qAnswerWrap .share_shequ span {
  font-weight: 400;
  font-size: min(max(11.200000000000001px, 0.92593vw), 14px);
  color: #878787
}

#qAnswerWrap .commentsBox {
  position: relative;
  padding-bottom: min(max(20px, 1.65344vw), 25px)
}

#qAnswerWrap .commentsBox .report-box {
  position: absolute;
  right: 0;
  margin-right: min(max(14.4px, 1.19048vw), 18px)
}

#qAnswerWrap .give_a_like,
#qAnswerWrap .comments,
#qAnswerWrap .collection,
#qAnswerWrap .share,
#qAnswerWrap .report,
#qAnswerWrap .share_shequ,
#qAnswerWrap .is_top {
  padding: min(max(4px, 0.33069vw), 5px) min(max(10.4px, 0.85979vw), 13px);
  margin-right: min(max(16px, 1.32275vw), 20px);
  font-weight: 400;
  font-size: min(max(11.200000000000001px, 0.92593vw), 14px);
  color: #878787
}

#qAnswerWrap .is_top .topDown {
  width: min(max(108px, 8.92857vw), 135px);
  height: min(max(71.2px, 5.88624vw), 89px);
  padding: 0 min(max(20px, 1.65344vw), 25px);
  display: flex;
  align-items: center;
  justify-content: center;
  background: url(../img/share_back2.png) center left no-repeat;
  background-size: 100%;
  flex-direction: column
}

#qAnswerWrap .packUp {
  height: min(max(24px, 1.98413vw), 30px);
  line-height: min(max(24px, 1.98413vw), 30px)
}

#qAnswerWrap .releasePeopleInfor {
  padding: min(max(12px, 0.99206vw), 15px) 0 min(max(12.8px, 1.0582vw), 16px) 0
}

#qAnswerWrap .releasePeopleInfor .RPI_nameAndAddress {
  margin-left: min(max(16px, 1.32275vw), 20px);
  margin-top: 0
}

#qAnswerWrap .releasePeopleInfor .RPI_name {
  font-weight: 400;
  font-size: min(max(12.8px, 1.0582vw), 16px);
  color: #2a2a2a;
  margin-bottom: 0;
  line-height: min(max(17.6px, 1.45503vw), 22px)
}

#qAnswerWrap .releasePeopleInfor .RPI_address {
  margin-top: min(max(1.6px, 0.13228vw), 2px);
  font-weight: 400;
  font-size: min(max(9.600000000000001px, 0.79365vw), 12px);
  color: #6e6e6e;
  line-height: min(max(13.600000000000001px, 1.12434vw), 17px)
}

#qAnswerWrap .forwardingDynamicContent {
  font-weight: 400;
  font-size: min(max(11.200000000000001px, 0.92593vw), 14px);
  color: #2a2a2a;
  line-height: min(max(17.6px, 1.45503vw), 22px)
}

#qAnswerWrap .shareCourse {
  width: min(max(334.40000000000003px, 27.6455vw), 418px);
  padding: 0;
  padding-top: min(max(12.8px, 1.0582vw), 16px)
}

#qAnswerWrap .shareCourse .SDB_course {
  background: #fafafa;
  width: min(max(334.40000000000003px, 27.6455vw), 418px);
  height: min(max(97.60000000000001px, 8.06878vw), 122px);
  margin: 0;
  border-radius: min(max(14.4px, 1.19048vw), 18px)
}

#qAnswerWrap .shareCourse .SDB_course .SDB_course_cover .SDB_courseImg {
  width: min(max(65.60000000000001px, 5.42328vw), 82px);
  height: min(max(65.60000000000001px, 5.42328vw), 82px)
}

#qAnswerWrap .shareCourse .SDB_course .SDB_course_name {
  font-weight: 500;
  font-size: min(max(12.8px, 1.0582vw), 16px);
  color: #3d3d3d;
  line-height: min(max(17.6px, 1.45503vw), 22px);
  height: auto
}

#qAnswerWrap .QAComment.qAnswerComment {
  border-radius: min(max(9.600000000000001px, 0.79365vw), 12px);
  border: min(max(0.8px, 0.06614vw), 1px) solid rgba(135, 135, 135, 0.4);
  box-shadow: none;
  padding-left: min(max(11.200000000000001px, 0.92593vw), 14px)
}

#qAnswerWrap .QAComment.qAnswerComment .QACommentInp {
  height: min(max(52px, 4.29894vw), 65px)
}

#qAnswerWrap .QAComment.qAnswerComment .QACommentInpCon {
  font-weight: 400;
  font-size: min(max(11.200000000000001px, 0.92593vw), 14px);
  color: #2a2a2a;
  line-height: min(max(16px, 1.32275vw), 20px);
  padding: min(max(1.6px, 0.13228vw), 2px)
}

#qAnswerWrap .QAComment.qAnswerComment .publicBtn.qAnswerBtn {
  width: min(max(72px, 5.95238vw), 90px);
  height: min(max(24px, 1.98413vw), 30px);
  background: #01b482;
  border-radius: min(max(36.800000000000004px, 3.04233vw), 46px);
  border: min(max(1.6px, 0.13228vw), 2px) solid #01b482;
  font-weight: 500;
  font-size: min(max(11.200000000000001px, 0.92593vw), 14px);
  color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center
}

#qAnswerWrap .QAComment.qAnswerComment .publicBtn.qAnswerBtn img {
  width: min(max(10.4px, 0.85979vw), 13px);
  margin-right: min(max(8px, 0.66138vw), 10px)
}

.RPI_nameContainer,
.FPI_name_container,
.userName_container,
.SDB_others_name_container {
  display: flex;
  align-items: center
}

.RPI_nameContainer .member_icon,
.FPI_name_container .member_icon,
.userName_container .member_icon,
.SDB_others_name_container .member_icon {
  position: static !important;
  margin-left: min(max(5.6000000000000005px, 0.46296vw), 7px)
}

.comments-container .page.pagination a {
  height: min(max(24.8px, 2.05026vw), 31px);
  background: #ffffff;
  border-radius: min(max(4px, 0.33069vw), 5px);
  display: inline-block;
  line-height: min(max(24.8px, 2.05026vw), 31px);
  padding: 0 min(max(8px, 0.66138vw), 10px);
  margin-right: min(max(8px, 0.66138vw), 10px)
}

.comments-container .page.pagination a.current {
  border: min(max(0.8px, 0.06614vw), 1px) solid #01b482
}

.give_a_like img,
.comments img,
.collection img,
.share img,
.likeCounts img,
.replyNum img,
.delComments img,
.secondDelComments img {
  width: auto;
  height: min(max(11.200000000000001px, 0.92593vw), 14px)
}

.secondLikeCounts img,
.secondReplyNum img,
.secondDelComments img,
.moreLikeCounts img {
  width: auto;
  height: min(max(11.200000000000001px, 0.92593vw), 14px);
  vertical-align: middle
}

.comments-container .replyItem .ansTop span.avatarImg,
.CommentsV2-openComment .replyItem .ansTop span.avatarImg {
  width: min(max(35.2px, 2.91005vw), 44px);
  height: min(max(35.2px, 2.91005vw), 44px);
  margin-right: 0
}

.comments-container .replyItem .replyContent,
.CommentsV2-openComment .replyItem .replyContent {
  font-weight: 400;
  font-size: min(max(11.200000000000001px, 0.92593vw), 14px);
  color: #2a2a2a;
  line-height: min(max(17.6px, 1.45503vw), 22px)
}

.comments-container .replyItem .userName,
.CommentsV2-openComment .replyItem .userName {
  font-weight: 400;
  font-size: min(max(12.8px, 1.0582vw), 16px);
  color: #2a2a2a;
  line-height: min(max(17.6px, 1.45503vw), 22px)
}

.comments-container .replyItem .RPI_nameAndAddress,
.CommentsV2-openComment .replyItem .RPI_nameAndAddress {
  margin-left: min(max(16px, 1.32275vw), 20px);
  margin-top: 0
}

.comments-container .replyItem .replyActions,
.CommentsV2-openComment .replyItem .replyActions {
  padding-left: min(max(52px, 4.29894vw), 65px)
}

.comments-container .replyItem .replyActions span,
.CommentsV2-openComment .replyItem .replyActions span {
  font-weight: 400;
  font-size: min(max(11.200000000000001px, 0.92593vw), 14px);
  color: #878787
}

.comments-container .replyItem .info,
.CommentsV2-openComment .replyItem .info {
  padding-left: min(max(52px, 4.29894vw), 65px)
}

.comments-container .replyItem .RPI_address,
.CommentsV2-openComment .replyItem .RPI_address {
  margin-top: min(max(1.6px, 0.13228vw), 2px);
  font-weight: 400;
  font-size: min(max(9.600000000000001px, 0.79365vw), 12px);
  color: #6e6e6e;
  line-height: min(max(13.600000000000001px, 1.12434vw), 17px)
}

.CommentsV2 {
  width: 100%
}

.CommentsV2 .CommentsV2-openComment {
  padding-left: min(max(29.6px, 2.44709vw), 37px);
  padding-right: min(max(13.600000000000001px, 1.12434vw), 17px)
}

.CommentsV2 .CommentsV2-openComment .replyItem {
  border-bottom: none
}

.CommentsV2 .CommentsV2-openComment .replyActions {
  padding-left: 0
}

.CommentsV2 .QAComment {
  border-radius: min(max(9.600000000000001px, 0.79365vw), 12px);
  border: min(max(0.8px, 0.06614vw), 1px) solid rgba(135, 135, 135, 0.4);
  box-shadow: none;
  margin-left: 0;
  padding-left: min(max(11.200000000000001px, 0.92593vw), 14px)
}

.CommentsV2 .QAComment .QACommentInp {
  height: min(max(52px, 4.29894vw), 65px)
}

.CommentsV2 .QAComment .QACommentInpCon {
  font-weight: 400;
  font-size: min(max(11.200000000000001px, 0.92593vw), 14px);
  color: #2a2a2a;
  line-height: min(max(16px, 1.32275vw), 20px);
  padding: min(max(1.6px, 0.13228vw), 2px)
}

.CommentsV2 .QAComment .publicBtn.replyBtn {
  width: min(max(52px, 4.29894vw), 65px);
  height: min(max(20px, 1.65344vw), 25px);
  background: #01b482;
  border-radius: min(max(11.200000000000001px, 0.92593vw), 14px);
  font-weight: 500;
  font-size: min(max(9.600000000000001px, 0.79365vw), 12px);
  color: #ffffff;
  line-height: min(max(20px, 1.65344vw), 25px)
}

.CommentsV2 .CommentsV2-openComment-divider {
  height: min(max(0.8px, 0.06614vw), 1px);
  margin-top: min(max(16px, 1.32275vw), 20px)
}

.CommentsV2 .commentTopbar_title {
  margin: min(max(8px, 0.66138vw), 10px) 0;
  font-weight: 600;
  font-size: min(max(12.8px, 1.0582vw), 16px);
  color: #3d3d3d;
  line-height: min(max(17.6px, 1.45503vw), 22px);
  height: auto;
  padding: 0 min(max(16px, 1.32275vw), 20px)
}

.CommentItemV2 {
  padding: 0;
  padding-left: min(max(16px, 1.32275vw), 20px)
}

.CommentItemV2 .multistageShow.secondCL_All_infor {
  margin-top: min(max(11.200000000000001px, 0.92593vw), 14px)
}

.CommentItemV2 .multistageShow.secondCL_All_infor .replyItem {
  padding-left: min(max(17.6px, 1.45503vw), 22px)
}

.CommentItemV2 .replyItem {
  padding-right: min(max(12px, 0.99206vw), 15px)
}

.CommentItemV2 .replyItem .RPI_leftCon {
  flex-direction: row
}

.CommentItemV2 .replyItem .RPI_leftCon .RPI_address {
  font-weight: 400;
  font-size: min(max(9.600000000000001px, 0.79365vw), 12px);
  color: #62666a;
  line-height: min(max(13.600000000000001px, 1.12434vw), 17px)
}

.CommentItemV2 .replyItem span.avatarImg {
  width: min(max(22.400000000000002px, 1.85185vw), 28px);
  height: min(max(22.400000000000002px, 1.85185vw), 28px);
  margin-right: 0
}

.CommentItemV2 .replyItem .RPI_rightCon span {
  vertical-align: middle;
  font-weight: 400;
  font-size: min(max(9.600000000000001px, 0.79365vw), 12px);
  color: #878787
}

.CommentItemV2 .replyItem .RPI_rightCon .active span {
  color: #f09a25
}

.CommentItemV2 .replyItem .info {
  padding-left: min(max(30.400000000000002px, 2.51323vw), 38px)
}

.CommentItemV2 .replyItem .info .replyContent {
  font-weight: 400;
  font-size: min(max(10.4px, 0.85979vw), 13px);
  color: #2a2a2a;
  line-height: min(max(16.8px, 1.38889vw), 21px)
}

.CommentItemV2 .replyItem .userName {
  font-weight: 400;
  font-size: min(max(11.200000000000001px, 0.92593vw), 14px);
  color: #2a2a2a;
  line-height: min(max(11.200000000000001px, 0.92593vw), 14px)
}

.shareDynamicBox .SDB_others_infor {
  display: flex
}

.shareDynamicBox .SDB_others_header img {
  width: min(max(22.400000000000002px, 1.85185vw), 28px);
  height: min(max(22.400000000000002px, 1.85185vw), 28px)
}

.shareDynamicBox .SDB_others_name {
  width: auto;
  font-weight: 400;
  font-size: min(max(11.200000000000001px, 0.92593vw), 14px);
  color: #2a2a2a
}

.shareDynamicBox .SDB_others_detail {
  font-weight: 400;
  font-size: min(max(10.4px, 0.85979vw), 13px);
  color: #2a2a2a;
  line-height: min(max(16.8px, 1.38889vw), 21px)
}

.publishPup .layui-layer-setwin {
  top: min(max(5.6000000000000005px, 0.46296vw), 7px);
  right: min(max(10.4px, 0.85979vw), 13px)
}

.publishPup .layui-layer-setwin .layui-layer-close1 {
  width: min(max(28px, 2.31481vw), 35px);
  height: min(max(28px, 2.31481vw), 35px);
  background: url(../img/pop_close_icon.png);
  background-size: min(max(28px, 2.31481vw), 35px)
}

.publishPup .QAComment.publicBox {
  margin: min(max(8px, 0.66138vw), 10px) min(max(16px, 1.32275vw), 20px) min(max(16px, 1.32275vw), 20px) min(max(16px, 1.32275vw), 20px);
  box-shadow: none;
  border: none;
  padding: 0
}

.publishPup .QAComment.publicBox .publicBtn.replyBtn {
  width: min(max(60.800000000000004px, 5.02646vw), 76px);
  height: min(max(24px, 1.98413vw), 30px);
  background: #01b482;
  border-radius: min(max(12px, 0.99206vw), 15px);
  font-weight: 500;
  font-size: min(max(11.200000000000001px, 0.92593vw), 14px);
  color: #ffffff;
  line-height: min(max(24px, 1.98413vw), 30px);
  position: absolute;
  top: min(max(20px, 1.65344vw), 25px);
  right: 0
}

.publishPup .QAComment.publicBox .QAcontrol {
  margin-bottom: min(max(11.200000000000001px, 0.92593vw), 14px);
  position: relative
}

.publishPup .QAComment.publicBox .QAcontrol .addPic,
.publishPup .QAComment.publicBox .QAcontrol .addTopic {
  font-weight: 400;
  font-size: min(max(11.200000000000001px, 0.92593vw), 14px);
  color: #62666a;
  line-height: min(max(16px, 1.32275vw), 20px)
}

.publishPup .QAComment.publicBox .shareCourse,
.publishPup .QAComment.publicBox .FDC_subjectAndBriefing {
  margin-top: min(max(15.200000000000001px, 1.25661vw), 19px)
}

.publishPup .QAComment.publicBox .SDB_course {
  background: #fafafa;
  border-radius: min(max(6.4px, 0.5291vw), 8px);
  border: min(max(0.8px, 0.06614vw), 1px) solid rgba(135, 135, 135, 0.2);
  padding: min(max(11.200000000000001px, 0.92593vw), 14px) min(max(8px, 0.66138vw), 10px)
}

.publishPup .QAComment.publicBox .SDB_course .SDB_course_cover .SDB_courseImg {
  width: min(max(52.800000000000004px, 4.36508vw), 66px);
  height: min(max(52.800000000000004px, 4.36508vw), 66px);
  border-radius: min(max(6.4px, 0.5291vw), 8px)
}

.publishPup .QAComment.publicBox .SDB_course .SDB_course_cover .briefing_angle {
  width: min(max(30.400000000000002px, 2.51323vw), 38px);
  height: min(max(12.8px, 1.0582vw), 16px)
}

.publishPup .QAComment.publicBox .SDB_course .SDB_course_name {
  font-weight: 400;
  font-size: min(max(11.200000000000001px, 0.92593vw), 14px);
  color: #333333;
  line-height: min(max(17.6px, 1.45503vw), 22px)
}

.publishPup .QAComment.publicBox .SDB_others {
  background: #fafafa;
  border-radius: min(max(6.4px, 0.5291vw), 8px);
  border: min(max(0.8px, 0.06614vw), 1px) solid rgba(135, 135, 135, 0.2);
  margin-top: min(max(15.200000000000001px, 1.25661vw), 19px)
}

.publishPup .QAComment.publicBox .SDB_others .SDB_others_detail {
  -webkit-line-clamp: 3;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  white-space: normal
}

.publishPup .QAComment.publicBox .SDB_others .SDB_others_detail img {
  vertical-align: middle
}

.publishPup .QAComment.publicBox .SDB_others .SDB_others_detail .SDB_others_detail_content {
  color: #4c4c4c
}

.publishPup .layui-layer-title {
  font-weight: 500;
  font-size: min(max(17.6px, 1.45503vw), 22px);
  color: #2a2a2a
}

.publishPup .layui-layer-title .backIncon {
  width: min(max(8px, 0.66138vw), 10px);
  height: min(max(15.200000000000001px, 1.25661vw), 19px);
  display: inline-block;
  background: url(../img/backIncon_icon.png)
}

.publishPup .search {
  position: relative;
  margin-top: min(max(-8px, -0.66138vw), -10px)
}

.publishPup .search .noSelectionTopic {
  position: absolute;
  right: min(max(16px, 1.32275vw), 20px);
  top: min(max(9.600000000000001px, 0.79365vw), 12px);
  font-weight: 500;
  font-size: min(max(11.200000000000001px, 0.92593vw), 14px);
  color: #3d3d3d;
  line-height: min(max(11.200000000000001px, 0.92593vw), 14px);
  display: flex;
  align-items: center;
  cursor: pointer
}

.publishPup .search .noSelectionTopic img {
  width: min(max(11.200000000000001px, 0.92593vw), 14px);
  height: min(max(11.200000000000001px, 0.92593vw), 14px);
  margin-right: min(max(4.800000000000001px, 0.39683vw), 6px)
}

.publishPup .search input {
  width: 100%;
  height: min(max(30.400000000000002px, 2.51323vw), 38px)
}

.publishPup .search .topicBox {
  padding: min(max(14.4px, 1.19048vw), 18px) min(max(9.600000000000001px, 0.79365vw), 12px);
  height: min(max(149.6px, 12.36772vw), 187px);
  top: min(max(30.400000000000002px, 2.51323vw), 38px)
}

.publishPup .search .topicBox .addNewTopic {
  position: static;
  width: 100%;
  background: none;
  border-bottom: min(max(0.8px, 0.06614vw), 1px) solid rgba(216, 216, 216, 0.5);
  height: auto;
  line-height: normal;
  text-align: left;
  font-weight: 500;
  font-size: min(max(12px, 0.99206vw), 15px);
  color: #00ab7a;
  border-radius: 0;
  padding-bottom: min(max(14.4px, 1.19048vw), 18px)
}

.publishPup .search .topicBox .addNewTopic img {
  width: min(max(12.8px, 1.0582vw), 16px);
  margin-right: min(max(4.800000000000001px, 0.39683vw), 6px)
}

.publishPup .search .topicBox .topicLiBox {
  height: auto;
  margin-bottom: min(max(8px, 0.66138vw), 10px)
}

.publishPup .search .topicBox .topicName {
  font-weight: 500;
  font-size: min(max(11.200000000000001px, 0.92593vw), 14px);
  color: #3d3d3d
}

.publishPup .search .topicBox .interaction {
  font-weight: 500;
  font-size: min(max(9.600000000000001px, 0.79365vw), 12px);
  color: #878787;
  margin-top: min(max(8px, 0.66138vw), 10px)
}

.layui-layer.layui-layer-page .layui-layer-setwin {
  top: min(max(5.6000000000000005px, 0.46296vw), 7px);
  right: min(max(10.4px, 0.85979vw), 13px)
}

.layui-layer.layui-layer-page .layui-layer-setwin .layui-layer-close1 {
  width: min(max(28px, 2.31481vw), 35px);
  height: min(max(28px, 2.31481vw), 35px);
  background: url(../img/pop_close_icon.png);
  background-size: min(max(28px, 2.31481vw), 35px)
}

.publishTopicBox {
  padding: min(max(16px, 1.32275vw), 20px);
  padding-top: min(max(8px, 0.66138vw), 10px)
}

.publishTopicBox .publicBtn.replyBtn {
  width: min(max(60.800000000000004px, 5.02646vw), 76px);
  height: min(max(24px, 1.98413vw), 30px);
  line-height: min(max(24px, 1.98413vw), 30px);
  background: #01b482;
  border-radius: min(max(12px, 0.99206vw), 15px);
  font-weight: 500;
  font-size: min(max(11.200000000000001px, 0.92593vw), 14px);
  color: #ffffff
}

.publishTopicBox .topicNameVal,
.publishTopicBox .topicIntroduction {
  font-weight: 400;
  font-size: min(max(11.200000000000001px, 0.92593vw), 14px);
  color: #333333
}

.publishTopicBox .topicNameVal::-moz-placeholder,
.publishTopicBox .topicIntroduction::-moz-placeholder {
  font-weight: 400;
  font-size: min(max(11.200000000000001px, 0.92593vw), 14px);
  color: #999999
}

.publishTopicBox .topicNameVal::placeholder,
.publishTopicBox .topicIntroduction::placeholder {
  font-weight: 400;
  font-size: min(max(11.200000000000001px, 0.92593vw), 14px);
  color: #999999
}

.publishTopicBox .searchTopics .existingTopics li {
  font-weight: 400;
  font-size: min(max(11.200000000000001px, 0.92593vw), 14px);
  color: #333333
}

.publishTopicBox .topicNameVal {
  height: min(max(32px, 2.6455vw), 40px)
}

.publishTopicBox .showLength {
  position: absolute;
  top: 0;
  right: 0;
  font-weight: 400;
  font-size: min(max(11.200000000000001px, 0.92593vw), 14px);
  color: #999999;
  line-height: min(max(32px, 2.6455vw), 40px)
}

.publishPup .layui-layer-title .rule {
  display: inline-block;
  margin-left: min(max(8px, 0.66138vw), 10px);
  font-weight: 400;
  font-size: min(max(9.600000000000001px, 0.79365vw), 12px);
  color: #878787
}

.publishPup .layui-layer-title .rule span {
  font-weight: 400;
  font-size: min(max(9.600000000000001px, 0.79365vw), 12px);
  color: #878787
}

.layui-layer-title {
  display: flex;
  flex-wrap: wrap
}

.layui-layer-title .backIncon {
  width: min(max(8px, 0.66138vw), 10px);
  height: min(max(15.200000000000001px, 1.25661vw), 19px);
  display: inline-block;
  background: url(../img/backIncon_icon.png);
  background-size: 100%;
  margin-right: min(max(6.4px, 0.5291vw), 8px)
}

.QAComment>.QAcontrol .addPic {
  font-weight: 400;
  font-size: min(max(11.200000000000001px, 0.92593vw), 14px);
  color: #62666a
}

.report_box {
  padding: min(max(32px, 2.6455vw), 40px) min(max(44.800000000000004px, 3.7037vw), 56px) !important
}

.report_box input[type="radio"] {
  background-size: min(max(12.8px, 1.0582vw), 16px);
  width: min(max(12.8px, 1.0582vw), 16px);
  height: min(max(12.8px, 1.0582vw), 16px)
}

.report_box input[type="radio"]:checked {
  background-image: url(../img/ico_radio_s2.png);
  background-size: min(max(12.8px, 1.0582vw), 16px);
  width: min(max(12.8px, 1.0582vw), 16px);
  height: min(max(12.8px, 1.0582vw), 16px)
}

.report_box input:focus {
  outline: none
}

.report_box .option label {
  align-items: center;
  font-weight: 400;
  font-size: min(max(11.200000000000001px, 0.92593vw), 14px);
  color: #3d3d3d;
  cursor: pointer
}

.report_box label:has(input:checked) {
  color: #00b382
}

.report_box .option input {
  margin-top: 0
}

.report_box .addBtn {
  width: 100%;
  height: min(max(34.4px, 2.84392vw), 43px);
  line-height: min(max(34.4px, 2.84392vw), 43px);
  background: #00b382;
  border-radius: min(max(17.6px, 1.45503vw), 22px);
  font-weight: 500;
  font-size: min(max(12.8px, 1.0582vw), 16px);
  color: #ffffff
}

.report_box .reason_div {
  width: 100%;
  height: min(max(80px, 6.61376vw), 100px);
  border-radius: min(max(3.2px, 0.26455vw), 4px);
  border: min(max(0.8px, 0.06614vw), 1px) solid rgba(135, 135, 135, 0.4);
  box-shadow: none;
  font-weight: 400;
  font-size: min(max(11.200000000000001px, 0.92593vw), 14px);
  color: #3d3d3d
}

.report_box .reason_div::-moz-placeholder {
  font-weight: 400;
  font-size: min(max(11.200000000000001px, 0.92593vw), 14px);
  color: #bebebe
}

.report_box .reason_div::placeholder {
  font-weight: 400;
  font-size: min(max(11.200000000000001px, 0.92593vw), 14px);
  color: #bebebe
}

.report_box .title_div {
  font-weight: 500;
  font-size: min(max(17.6px, 1.45503vw), 22px);
  color: #3d3d3d;
  position: relative
}

.report_box .close_ico img {
  width: min(max(25.6px, 2.1164vw), 32px);
  height: min(max(25.6px, 2.1164vw), 32px)
}

.report_box .title_div div {
  width: 100%;
  text-align: center
}

.report_box .close_ico {
  position: absolute;
  right: 0;
  width: auto !important
}

.newBannerBox .swiper-container .swiper-wrapper .swiper-slide-active img {
  width: 100% !important
}

.topicDetailsBox .recommendTopic,
.topicDetailsBox .topicSquare {
  padding: 0 min(max(24px, 1.98413vw), 30px);
  margin-top: min(max(26.400000000000002px, 2.18254vw), 33px)
}

.topicDetailsBox .recommendTopic .topicItem .topicTitle,
.topicDetailsBox .topicSquare .topicItem .topicTitle {
  font-weight: 500;
  font-size: min(max(17.6px, 1.45503vw), 22px);
  color: #62666a;
  line-height: min(max(24px, 1.98413vw), 30px);
  margin-left: min(max(14.4px, 1.19048vw), 18px) !important
}

.topicDetailsBox .recommendTopic .topicItem .topicMore,
.topicDetailsBox .topicSquare .topicItem .topicMore {
  font-weight: 500;
  font-size: min(max(14.4px, 1.19048vw), 18px);
  color: #00b382;
  line-height: min(max(20px, 1.65344vw), 25px)
}

.topicDetailsBox .recommendTopic .topicItem .themeSortBtn,
.topicDetailsBox .topicSquare .topicItem .themeSortBtn {
  width: auto;
  height: auto;
  margin: 0
}

.topicDetailsBox .recommendTopic .topicItem .themeSortBtn li,
.topicDetailsBox .topicSquare .topicItem .themeSortBtn li {
  font-weight: 500;
  font-size: min(max(14.4px, 1.19048vw), 18px);
  color: #878787
}

.topicDetailsBox .recommendTopic .topicItem .themeSortBtn li:nth-child(2),
.topicDetailsBox .topicSquare .topicItem .themeSortBtn li:nth-child(2) {
  border-right: min(max(0.8px, 0.06614vw), 1px) solid #62666a
}

.topicDetailsBox .recommendTopic .topicItem .themeSortBtn li.active,
.topicDetailsBox .topicSquare .topicItem .themeSortBtn li.active {
  color: #01b482
}

.topicDetailsBox .recommendTopic .topicList .topicCreate .topicDetails,
.topicDetailsBox .topicSquare .topicList .topicCreate .topicDetails {
  margin: 0;
  align-items: center
}

.topicDetailsBox .recommendTopic .topicList .topicCreate .topicDetails span img,
.topicDetailsBox .topicSquare .topicList .topicCreate .topicDetails span img {
  width: min(max(14.4px, 1.19048vw), 18px);
  height: min(max(13.600000000000001px, 1.12434vw), 17px);
  vertical-align: top
}

.topicDetailsBox .recommendTopic .topicList .topicCreate .topicDetails .topicName,
.topicDetailsBox .topicSquare .topicList .topicCreate .topicDetails .topicName {
  font-weight: 500;
  font-size: min(max(14.4px, 1.19048vw), 18px);
  color: #3d3d3d;
  line-height: min(max(17.6px, 1.45503vw), 22px);
  max-width: min(max(193.60000000000002px, 16.00529vw), 242px);
  margin-left: min(max(13.600000000000001px, 1.12434vw), 17px);
  margin-right: min(max(7.2px, 0.59524vw), 9px)
}

.topicDetailsBox .recommendTopic .topicList .topicCreate .interaction,
.topicDetailsBox .topicSquare .topicList .topicCreate .interaction {
  margin: 0;
  margin-top: min(max(8px, 0.66138vw), 10px);
  font-weight: 500;
  font-size: min(max(12.8px, 1.0582vw), 16px);
  color: #878787;
  line-height: min(max(17.6px, 1.45503vw), 22px);
  padding-left: min(max(28px, 2.31481vw), 35px)
}

.topicDetailsBox .recommendTopic .topicList .topicCreate .recommend,
.topicDetailsBox .topicSquare .topicList .topicCreate .recommend {
  width: min(max(17.6px, 1.45503vw), 22px);
  height: min(max(17.6px, 1.45503vw), 22px);
  line-height: min(max(17.6px, 1.45503vw), 22px);
  margin-right: min(max(6.4px, 0.5291vw), 8px);
  flex: none;
  font-weight: 400;
  font-size: min(max(13.600000000000001px, 1.12434vw), 17px)
}

.topicDetailsBox .recommendTopic .topicList .recommendTopicCon,
.topicDetailsBox .topicSquare .topicList .recommendTopicCon {
  height: min(max(79.2px, 6.54762vw), 99px);
  background: #ffffff;
  box-shadow: 0 min(max(1.6px, 0.13228vw), 2px) min(max(6.4px, 0.5291vw), 8px) 0 rgba(0, 0, 0, 0.07);
  border-radius: min(max(20.8px, 1.71958vw), 26px);
  border: min(max(0.8px, 0.06614vw), 1px) solid #e8e8e8;
  -webkit-backdrop-filter: blur(min(max(8px, 0.66138vw), 10px));
  backdrop-filter: blur(min(max(8px, 0.66138vw), 10px));
  margin-right: min(max(20px, 1.65344vw), 25px);
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 0 min(max(22.400000000000002px, 1.85185vw), 28px)
}

.topicDetailsBox .recommendTopic .topicList .recommendTopicCon:nth-child(3n),
.topicDetailsBox .topicSquare .topicList .recommendTopicCon:nth-child(3n) {
  margin-right: 0
}

.topicDetailsBox .recommendTopic .topicList .topicSquareCon,
.topicDetailsBox .topicSquare .topicList .topicSquareCon {
  height: min(max(79.2px, 6.54762vw), 99px);
  background: #ffffff;
  box-shadow: 0 2 min(max(6.4px, 0.5291vw), 8px) 0 rgba(0, 0, 0, 0.07);
  border-radius: min(max(20.8px, 1.71958vw), 26px);
  border: min(max(0.8px, 0.06614vw), 1px) solid #e8e8e8;
  -webkit-backdrop-filter: blur(min(max(8px, 0.66138vw), 10px));
  backdrop-filter: blur(min(max(8px, 0.66138vw), 10px));
  padding: 0 min(max(22.400000000000002px, 1.85185vw), 28px);
  display: flex;
  flex-direction: column;
  justify-content: center
}

.topicDetailsBox .recommendTopic .topicList .topicSquareCon .topicFollow,
.topicDetailsBox .topicSquare .topicList .topicSquareCon .topicFollow {
  width: min(max(72px, 5.95238vw), 90px);
  height: min(max(24px, 1.98413vw), 30px);
  line-height: min(max(22.400000000000002px, 1.85185vw), 28px);
  background: #01b482;
  border-radius: min(max(36.800000000000004px, 3.04233vw), 46px);
  border: min(max(1.6px, 0.13228vw), 2px) solid #01b482;
  font-weight: 500;
  font-size: min(max(11.200000000000001px, 0.92593vw), 14px);
  color: #ffffff;
  top: auto
}

.topicDetailsBox .recommendTopic .topicList .topicSquareCon .topicDetails .topicName,
.topicDetailsBox .topicSquare .topicList .topicSquareCon .topicDetails .topicName {
  max-width: min(max(248px, 20.50265vw), 310px)
}

.topicDetailsBox .topicSquare {
  margin-top: min(max(36.800000000000004px, 3.04233vw), 46px)
}

.launchBtn {
  width: min(max(140.8px, 11.64021vw), 176px);
  height: min(max(34.4px, 2.84392vw), 43px);
  background: #00b382;
  box-shadow: 0 min(max(3.2px, 0.26455vw), 4px) min(max(11.200000000000001px, 0.92593vw), 14px) 0 rgba(115, 115, 115, 0.49);
  border-radius: min(max(18.400000000000002px, 1.52116vw), 23px)
}

.launchBtn span {
  font-weight: 500;
  font-size: min(max(12.8px, 1.0582vw), 16px);
  color: #ffffff;
  line-height: min(max(17.6px, 1.45503vw), 22px);
  text-shadow: 0 min(max(3.2px, 0.26455vw), 4px) min(max(11.200000000000001px, 0.92593vw), 14px) rgba(115, 115, 115, 0.49)
}

.topicMainPage .newBannerBox .swiper-slide {
  transform: scale(0.9)
}

.topicMainPage .newBannerBox .swiper-slide-active {
  transform: scale(1.1)
}

.forwardingExplainBox .forwardingExplainPointBox img,
.FDC_wordsBox .FDC_words img {
  width: min(max(9.600000000000001px, 0.79365vw), 12px);
  height: min(max(9.600000000000001px, 0.79365vw), 12px);
  margin: 0;
  vertical-align: baseline
}

.forwardingExplainBox .forwardingExplainPointBox .academicTopicName {
  font-weight: 500;
  font-size: min(max(11.200000000000001px, 0.92593vw), 14px);
  color: #00b382;
  line-height: min(max(17.6px, 1.45503vw), 22px)
}

.forwardingExplainBox .forwardingExplainPointBox .forwardingExplain {
  font-weight: 500;
  font-size: min(max(11.200000000000001px, 0.92593vw), 14px);
  color: #4c4c4c;
  line-height: min(max(17.6px, 1.45503vw), 22px)
}

.comments-container .header_comment {
  font-weight: 600;
  font-size: min(max(12.8px, 1.0582vw), 16px);
  color: #62666a;
  line-height: min(max(17.6px, 1.45503vw), 22px);
  padding: min(max(12px, 0.99206vw), 15px) min(max(17.6px, 1.45503vw), 22px);
  height: auto
}

.text_overflow_row1 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical
}

.text_overflow_row2 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical
}

.publishPup .layui-layer-title .rule img {
  vertical-align: middle
}

.forwardingDynamicBox .mescroll-empty .nologin-box,
.forwardingDynamicBox .mescroll-empty .emptyAttentionBox {
  display: flex;
  flex-direction: column;
  align-items: center
}

.forwardingDynamicBox .mescroll-empty .nologin-box img,
.forwardingDynamicBox .mescroll-empty .emptyAttentionBox img {
  width: min(max(120px, 9.92063vw), 150px)
}

.forwardingDynamicBox .mescroll-empty .nologin-box span,
.forwardingDynamicBox .mescroll-empty .emptyAttentionBox span {
  font-weight: 400;
  font-size: min(max(19.200000000000003px, 1.5873vw), 24px);
  color: #878787;
  line-height: min(max(26.400000000000002px, 2.18254vw), 33px);
  margin-top: min(max(13.600000000000001px, 1.12434vw), 17px);
  margin-bottom: min(max(21.6px, 1.78571vw), 27px)
}

.forwardingDynamicBox .mescroll-empty .nologin-box .login-btn,
.forwardingDynamicBox .mescroll-empty .emptyAttentionBox .login-btn {
  width: min(max(140.8px, 11.64021vw), 176px);
  height: min(max(34.4px, 2.84392vw), 43px);
  background: #01B482;
  border-radius: min(max(18.400000000000002px, 1.52116vw), 23px);
  border: min(max(0.8px, 0.06614vw), 1px) solid #01B482;
  font-weight: 500;
  font-size: min(max(12.8px, 1.0582vw), 16px);
  color: #FFFFFF;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: min(max(21.6px, 1.78571vw), 27px);
  cursor: pointer
}

.shareCourse .SDB_course_cover {
  position: relative
}

.shareCourse .SDB_course_cover .briefing_angle {
  width: min(max(33.6px, 2.77778vw), 42px);
  height: min(max(14.4px, 1.19048vw), 18px);
  right: min(max(4px, 0.33069vw), 5px);
  left: auto;
  top: min(max(-7.2px, -0.59524vw), -9px)
}

.FDC_subjectAndBriefing {
  height: min(max(89.60000000000001px, 7.40741vw), 112px);
  position: relative;
  width: min(max(334.40000000000003px, 27.6455vw), 418px);
  padding: min(max(11.200000000000001px, 0.92593vw), 14px) min(max(8px, 0.66138vw), 10px);
  cursor: pointer
}

.FDC_subjectAndBriefing .FDC_SAB_infor {
  flex: 1;
  min-width: min(max(184px, 15.21164vw), 230px)
}

.FDC_subjectAndBriefing .labIco_ispay {
  width: min(max(38.400000000000006px, 3.1746vw), 48px);
  height: min(max(16px, 1.32275vw), 20px);
  right: min(max(4px, 0.33069vw), 5px);
  left: auto;
  top: min(max(-7.2px, -0.59524vw), -9px)
}

.FDC_subjectAndBriefing.FDC_subject_isTeacherTopic {
  background: #FAFAFA;
  border-radius: min(max(6.4px, 0.5291vw), 8px);
  border: min(max(0.8px, 0.06614vw), 1px) solid rgba(135, 135, 135, 0.2);
  width: min(max(382.40000000000003px, 31.61376vw), 478px);
  height: min(max(127.2px, 10.51587vw), 159px);
  padding: 0 min(max(14.4px, 1.19048vw), 18px);
  padding-top: min(max(12.8px, 1.0582vw), 16px);
  cursor: pointer
}

.FDC_subjectAndBriefing.FDC_subject_isTeacherTopic .FDC_SAB_icon {
  width: min(max(96px, 7.93651vw), 120px);
  height: min(max(96px, 7.93651vw), 120px);
  border-radius: min(max(6.4px, 0.5291vw), 8px)
}

.FDC_subjectAndBriefing.FDC_subject_isTeacherTopic .FDC_SAB_infor {
  margin-left: min(max(12.8px, 1.0582vw), 16px)
}

.FDC_subjectAndBriefing.FDC_subject_isTeacherTopic .FDC_SAB_infor .FDC_SAB_infor_title {
  font-weight: 500;
  font-size: min(max(14.4px, 1.19048vw), 18px);
  color: #3D3D3D;
  margin-bottom: min(max(0.8px, 0.06614vw), 1px);
  line-height: min(max(19.200000000000003px, 1.5873vw), 24px)
}

.FDC_subjectAndBriefing.FDC_subject_isTeacherTopic .FDC_SAB_infor .hosp {
  font-weight: 500;
  font-size: min(max(9.600000000000001px, 0.79365vw), 12px);
  color: #878787
}

.FDC_subjectAndBriefing.FDC_subject_isTeacherTopic .FDC_SAB_infor .FDC_SAB_infor_label {
  display: flex;
  margin-top: min(max(4.800000000000001px, 0.39683vw), 6px)
}

.FDC_subjectAndBriefing.FDC_subject_isTeacherTopic .FDC_SAB_infor .major {
  line-height: min(max(14.4px, 1.19048vw), 18px);
  height: min(max(16px, 1.32275vw), 20px);
  background: #f09a25;
  border-radius: min(max(5.6000000000000005px, 0.46296vw), 7px);
  font-weight: 600;
  font-size: min(max(8.8px, 0.72751vw), 11px);
  color: #FFFFFF;
  margin: 0;
  padding: 0 min(max(4.800000000000001px, 0.39683vw), 6px);
  display: -webkit-box
}

.FDC_subjectAndBriefing.FDC_subject_isTeacherTopic .FDC_SAB_infor .FDC_SAB_infor_buyer {
  border-top: min(max(0.8px, 0.06614vw), 1px) solid rgba(135, 135, 135, 0.2);
  margin-top: min(max(16px, 1.32275vw), 20px);
  padding-top: min(max(10.4px, 0.85979vw), 13px);
  font-weight: 600;
  font-size: min(max(10.4px, 0.85979vw), 13px);
  color: #62666A
}

.FDC_subjectAndBriefing.FDC_subject_isTeacherTopic .FDC_SAB_infor .FDC_SAB_infor_buyer .FDC_SAB_infor_buyer_buyNum {
  color: #F09A25
}

.FDC_subjectAndBriefing.FDC_subject_isCourseTopic {
  background: #FAFAFA;
  border-radius: min(max(6.4px, 0.5291vw), 8px);
  border: none;
  cursor: pointer
}

.FDC_subjectAndBriefing.parent_div {
  background: #FFFFFF
}

.layui-layer-content .FDC_subjectAndBriefing.FDC_subject_isTeacherTopic {
  width: 100%
}

.existingTopics img {
  vertical-align: middle
}

.layui-tab-content .academiCircle-banner .swiper-button-prev.swiper-button-disabled,
.layui-tab-content .academiCircle-banner .swiper-button-next.swiper-button-disabled,
.layui-tab-content .content-banner .swiper-button-prev.swiper-button-disabled,
.layui-tab-content .content-banner .swiper-button-next.swiper-button-disabled {
  display: none
}

.QA_title.nav-fixed {
  z-index: 99;
  position: fixed;
  top: var(--gloab-nav-height);
  background: #FFFFFF;
  margin-top: 0 !important;
  width: var(--main-content-width)
}

#qAnswerWrap.margin_top {
  padding-top: min(max(64px, 5.29101vw), 80px)
}

.followBox .followBox_item .followBox_item_left .followBox_item_left_name {
  display: flex;
  align-items: center
}

.followBox .followBox_item .followBox_item_left .followBox_item_left_name .member_icon {
  position: static !important;
  margin-left: min(max(5.6000000000000005px, 0.46296vw), 7px)
}

.launchBtn.releaseDynamic,
.launchBtn.releaseTopic {
  right: min(max(86.4px, 7.14286vw), 108px);
  bottom: min(max(20px, 1.65344vw), 25px);
  min-width: min(max(140.8px, 11.64021vw), 176px);
  width: auto;
  padding-right: min(max(8px, 0.66138vw), 10px)
}