body {
  padding-top: min(max(93.60000000000001px, 7.7381vw), 117px)
}

.imageTextPage {
  margin-bottom: min(max(40px, 3.30688vw), 50px);
  display: flex;
  background: transparent;
  align-items: flex-start
}

.imageTextPage .content_left {
  width: auto;
  clear: left;
  margin-right: min(max(26.400000000000002px, 2.18254vw), 33px);
  flex: 1;
  background: transparent
}

.imageTextPage .content_left .pageNav {
  display: flex;
  align-items: center;
  margin-bottom: min(max(22.400000000000002px, 1.85185vw), 28px)
}

.imageTextPage .content_left .pageNav p,
.imageTextPage .content_left .pageNav span {
  margin: 0;
  font-weight: 600;
  font-size: min(max(19.200000000000003px, 1.5873vw), 24px);
  color: #3D3D3D;
  line-height: min(max(26.400000000000002px, 2.18254vw), 33px)
}

.imageTextPage .content_left .pageNav span {
  color: #878787;
  margin: 0 min(max(16px, 1.32275vw), 20px)
}

.imageTextPage .content_left .pageNav .currentText {
  color: #F09A25
}

.imageTextPage .content_left .richmedia {
  background: #FFFFFF;
  box-shadow: 0 min(max(12px, 0.99206vw), 15px) min(max(32px, 2.6455vw), 40px) 0 rgba(0, 0, 0, 0.13);
  border-radius: min(max(9.600000000000001px, 0.79365vw), 12px)
}

.imageTextPage .content_left .richmedia .richmediaInfo {
  padding: 0 min(max(24px, 1.98413vw), 30px) min(max(12px, 0.99206vw), 15px) min(max(24px, 1.98413vw), 30px);
  font-weight: 400;
  font-size: min(max(11.200000000000001px, 0.92593vw), 14px);
  color: #878787;
  line-height: min(max(16px, 1.32275vw), 20px);
  display: flex;
  align-items: center
}

.imageTextPage .content_left .richmedia .richmediaInfo .scoreArea {
  margin-left: min(max(16px, 1.32275vw), 20px);
  width: auto;
  background: rgba(135, 135, 135, 0.05);
  border-radius: min(max(4px, 0.33069vw), 5px);
  padding: min(max(3.2px, 0.26455vw), 4px) min(max(8.8px, 0.72751vw), 11px);
  font-weight: 400;
  font-size: min(max(10.4px, 0.85979vw), 13px);
  color: #62666A;
  line-height: min(max(14.4px, 1.19048vw), 18px);
  display: flex;
  align-items: center
}

.imageTextPage .content_left .richmedia .richmediaInfo .scoreArea .marginText {
  margin: 0 min(max(7.2px, 0.59524vw), 9px)
}

.imageTextPage .content_left .richmedia .richmediaInfo .scoreArea .pointsType,
.imageTextPage .content_left .richmedia .richmediaInfo .scoreArea .points {
  color: #F09A25
}

.imageTextPage .content_left .richmedia .richmediaInfo .scoreArea img.ico-score {
  width: min(max(11.200000000000001px, 0.92593vw), 14px)
}

.imageTextPage .content_left .richmedia>.title {
  padding: min(max(17.6px, 1.45503vw), 22px) min(max(24px, 1.98413vw), 30px) min(max(12px, 0.99206vw), 15px) min(max(24px, 1.98413vw), 30px);
  width: 100%;
  box-sizing: border-box;
  font-weight: 600;
  font-size: min(max(19.200000000000003px, 1.5873vw), 24px);
  color: #3D3D3D;
  line-height: min(max(26.400000000000002px, 2.18254vw), 33px)
}

.imageTextPage .content_left .imageTextBox {
  box-sizing: border-box;
  word-wrap: break-word;
  padding: 0 min(max(24px, 1.98413vw), 30px);
  border-bottom: min(max(0.8px, 0.06614vw), 1px) solid rgba(135, 135, 135, 0.23)
}

.imageTextPage .content_left .imageTextBox em {
  font-style: italic
}

.imageTextPage .content_left .imageTextBox p>img:only-child {
  vertical-align: top
}

.imageTextPage .content_left .imageTextBox img {
  height: auto !important
}

.imageTextPage .content_left .imageTextBox p {
  word-wrap: break-word;
  text-align: inherit
}

.imageTextPage .content_left .imageTextBox {
  font-size: min(max(11.200000000000001px, 0.92593vw), 14px);
  font-weight: 400;
  color: #333
}

.imageTextPage .content_left .commentContainer {
  width: 100%;
  background: #FFFFFF;
  box-shadow: 0 min(max(12px, 0.99206vw), 15px) min(max(32px, 2.6455vw), 40px) 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;
  margin-top: min(max(16px, 1.32275vw), 20px);
  padding-bottom: min(max(20px, 1.65344vw), 25px)
}

.imageTextPage .content_left .commentContainer #commentNav {
  padding: 0 min(max(24px, 1.98413vw), 30px)
}

.imageTextPage .right_side {
  clear: right;
  width: min(max(344px, 28.43915vw), 430px);
  background: #FFFFFF;
  box-shadow: 0 min(max(12px, 0.99206vw), 15px) min(max(32px, 2.6455vw), 40px) 0 rgba(0, 0, 0, 0.13);
  border-radius: min(max(9.600000000000001px, 0.79365vw), 12px)
}

.imageTextPage .right_side .mescroll-upwarp {
  display: none !important
}

.imageTextPage .right_side .title {
  padding-bottom: min(max(14.4px, 1.19048vw), 18px);
  margin: min(max(22.400000000000002px, 1.85185vw), 28px) min(max(24px, 1.98413vw), 30px) 0 min(max(24px, 1.98413vw), 30px);
  font-weight: 600;
  font-size: min(max(22.400000000000002px, 1.85185vw), 28px);
  color: #3D3D3D;
  line-height: min(max(32px, 2.6455vw), 40px);
  border-bottom: min(max(0.8px, 0.06614vw), 1px) solid rgba(135, 135, 135, 0.23);
  margin-bottom: min(max(8px, 0.66138vw), 10px)
}

.imageTextPage .right_side .lookBackUl {
  padding: 0 min(max(24px, 1.98413vw), 30px);
  padding-bottom: min(max(9.600000000000001px, 0.79365vw), 12px)
}

.imageTextPage .right_side .lookBackUl .information {
  display: flex;
  padding: min(max(8px, 0.66138vw), 10px);
  margin-bottom: min(max(16px, 1.32275vw), 20px);
  position: relative;
  cursor: pointer;
  position: relative
}

.imageTextPage .right_side .lookBackUl .information::after {
  position: absolute;
  bottom: min(max(-8px, -0.66138vw), -10px);
  left: min(max(8px, 0.66138vw), 10px);
  right: min(max(8px, 0.66138vw), 10px);
  content: '';
  height: min(max(0.8px, 0.06614vw), 1px);
  background: #EAEAEA
}

.imageTextPage .right_side .lookBackUl .information:last-child::after {
  display: none
}

.imageTextPage .right_side .lookBackUl .information:hover {
  background: rgba(240, 154, 37, 0.1);
  border-radius: min(max(8px, 0.66138vw), 10px)
}

.imageTextPage .right_side .lookBackUl .information .infoLeft {
  flex: 0 0 min(max(87.2px, 7.20899vw), 109px);
  overflow: hidden;
  margin-left: min(max(12.8px, 1.0582vw), 16px)
}

.imageTextPage .right_side .lookBackUl .information .infoLeft>img {
  width: min(max(87.2px, 7.20899vw), 109px);
  height: min(max(88px, 7.27513vw), 110px);
  background: rgba(54, 17, 22, 0.3);
  border-radius: min(max(5.6000000000000005px, 0.46296vw), 7px)
}

.imageTextPage .right_side .lookBackUl .information .infoRight {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-between
}

.imageTextPage .right_side .lookBackUl .information .infoRight .infoTitle {
  height: auto;
  font-weight: 600;
  font-size: min(max(12.8px, 1.0582vw), 16px);
  color: #3D3D3D;
  line-height: min(max(19.200000000000003px, 1.5873vw), 24px);
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2
}

.imageTextPage .right_side .lookBackUl .information .infoRight .infoArea {
  display: flex;
  align-items: center;
  font-weight: 600;
  font-size: min(max(9.600000000000001px, 0.79365vw), 12px);
  color: #62666A;
  line-height: min(max(13.600000000000001px, 1.12434vw), 17px);
  margin-top: min(max(32px, 2.6455vw), 40px)
}

.imageTextPage .right_side .lookBackUl .information .infoRight .infoArea img {
  margin-right: min(max(4px, 0.33069vw), 5px);
  width: min(max(8.8px, 0.72751vw), 11px);
  height: min(max(8.8px, 0.72751vw), 11px)
}

.imageTextPage .commentArea .headImgArea {
  margin-right: min(max(21.6px, 1.78571vw), 27px)
}

.imageTextPage .commentArea .headImgArea img {
  width: min(max(40px, 3.30688vw), 50px);
  height: min(max(40px, 3.30688vw), 50px)
}

.imageTextPage .commentArea .commentInfo .commentName {
  font-weight: 400;
  font-size: min(max(12.8px, 1.0582vw), 16px);
  color: #2A2A2A;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: min(max(240px, 19.84127vw), 300px)
}

.imageTextPage .commentArea .commentInfo .member_icon {
  position: static !important;
  margin-left: min(max(5.6000000000000005px, 0.46296vw), 7px)
}

.imageTextPage .commentArea .commentInfo .praiseArea {
  background: url(../img/unlike.png) no-repeat;
  padding-left: min(max(25.6px, 2.1164vw), 32px);
  background-size: min(max(16px, 1.32275vw), 20px) min(max(16px, 1.32275vw), 20px);
  cursor: pointer;
  font-weight: 600;
  font-size: min(max(12.8px, 1.0582vw), 16px);
  color: #62666A
}

.imageTextPage .commentArea .commentInfo .praiseArea.active {
  background: url(../img/like.png) no-repeat;
  background-size: min(max(16px, 1.32275vw), 20px) min(max(16px, 1.32275vw), 20px);
  color: #F09A25
}

.imageTextPage .commentArea .commentInfo .comment_newStyle {
  margin-top: min(max(8.8px, 0.72751vw), 11px);
  margin-bottom: min(max(7.2px, 0.59524vw), 9px)
}

.imageTextPage .commentArea .commentInfo .comment_newStyle p {
  font-weight: 400;
  font-size: min(max(11.200000000000001px, 0.92593vw), 14px);
  color: #2A2A2A;
  display: inline;
  margin-right: min(max(24px, 1.98413vw), 30px)
}

.imageTextPage .commentArea .commentInfo .comment_newStyle .commentDate {
  font-weight: 400;
  font-size: min(max(11.200000000000001px, 0.92593vw), 14px);
  color: #6E6E6E;
  line-height: min(max(16px, 1.32275vw), 20px);
  margin-right: min(max(32px, 2.6455vw), 40px)
}

.imageTextPage .commentArea .commentInfo .comment_newStyle .commentCommont {
  font-weight: 600;
  font-size: min(max(11.200000000000001px, 0.92593vw), 14px);
  color: #F09A25;
  line-height: min(max(16px, 1.32275vw), 20px);
  cursor: pointer;
  position: static;
  margin-right: min(max(32px, 2.6455vw), 40px)
}

.imageTextPage .commentArea .commentInfo .comment_newStyle .commentDel {
  font-weight: 600;
  font-size: min(max(11.200000000000001px, 0.92593vw), 14px);
  color: #AA112C;
  line-height: min(max(16px, 1.32275vw), 20px);
  cursor: pointer;
  position: static
}

.imageTextPage .commentArea .commentInfo .commentArea_replyList .commentReplyItem {
  display: flex;
  margin-top: min(max(12px, 0.99206vw), 15px)
}

.imageTextPage .commentArea .commentInfo .commentArea_replyList .commentReplyItem .replyReply_div {
  font-weight: 600;
  font-size: min(max(11.200000000000001px, 0.92593vw), 14px);
  color: #878787;
  line-height: min(max(16px, 1.32275vw), 20px);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: min(max(240px, 19.84127vw), 300px);
  margin-right: min(max(13.600000000000001px, 1.12434vw), 17px)
}

.imageTextPage .commentArea .commentInfo .commentArea_replyList .commentReplyItem .replyReply_div span {
  color: #878787 !important
}

.lookBack>.title {
  padding: min(max(12px, 0.99206vw), 15px) 0;
  font-size: min(max(14.4px, 1.19048vw), 18px);
  font-weight: 600;
  color: #333
}

.categoryName {
  color: #a51b2c;
  cursor: pointer
}

.readAndpraise {
  box-sizing: border-box;
  font-size: min(max(11.200000000000001px, 0.92593vw), 14px);
  color: #999;
  padding: min(max(16px, 1.32275vw), 20px) min(max(20px, 1.65344vw), 25px);
  display: flex;
  align-items: center
}

.readAndpraise .item {
  width: min(max(25.6px, 2.1164vw), 32px);
  height: min(max(25.6px, 2.1164vw), 32px);
  background: rgba(135, 135, 135, 0.05);
  margin-right: min(max(9.600000000000001px, 0.79365vw), 12px);
  cursor: pointer;
  background-position: left center;
  background-repeat: no-repeat;
  text-align: center;
  border-radius: 50%;
  background-position: center
}

.readAndpraise .dataCount {
  font-weight: 600;
  font-size: min(max(11.200000000000001px, 0.92593vw), 14px);
  color: #62666A;
  line-height: min(max(16px, 1.32275vw), 20px);
  margin-right: min(max(27.200000000000003px, 2.24868vw), 34px);
  word-break: break-all
}

.readAndpraise .dataCount.active {
  color: #F09A25
}

.readAndpraise .likeBtn {
  background-image: url(../img/unlike.png);
  background-size: min(max(12.8px, 1.0582vw), 16px)
}

.readAndpraise .likeBtn.active {
  background-image: url(../img/like.png);
  background-size: min(max(12.8px, 1.0582vw), 16px)
}

.readAndpraise .collectionBtn {
  background-image: url(../img/uncollect.png);
  background-size: min(max(12.8px, 1.0582vw), 16px)
}

.readAndpraise .collectionBtn.active {
  background-image: url(../img/collect.png);
  background-size: min(max(12.8px, 1.0582vw), 16px)
}

.readAndpraise .shareBtn {
  position: relative;
  background-image: url(../img/share.png);
  background-size: min(max(12.8px, 1.0582vw), 16px)
}

.readAndpraise .shareBtn .shareBox {
  position: absolute;
  top: min(max(20px, 1.65344vw), 25px);
  left: min(max(-48px, -3.96825vw), -60px);
  width: min(max(145.6px, 12.03704vw), 182px);
  height: min(max(149.6px, 12.36772vw), 187px);
  background: url(../../../images/wechat_bg.png) no-repeat;
  z-index: 20;
  box-sizing: border-box;
  padding-top: min(max(27.200000000000003px, 2.24868vw), 34px)
}

.readAndpraise .wechatQR {
  width: auto;
  height: auto;
  margin: 0 auto min(max(8px, 0.66138vw), 10px)
}

.readAndpraise .shareBtn .shareBox p {
  text-align: center;
  font-size: min(max(9.600000000000001px, 0.79365vw), 12px);
  font-weight: 400;
  color: #666
}

.readAndpraise .share_shequ,
.readAndpraise .share_settingBanner {
  background: transparent;
  margin-left: min(max(16px, 1.32275vw), 20px)
}

.dividerLine {
  width: 29.92rem;
  height: 0.04rem;
  min-height: min(max(0.8px, 0.06614vw), 1px);
  background: #f0f0f0;
  margin-left: 1.33rem
}

.writeCommentArea {
  padding: 0 min(max(24px, 1.98413vw), 30px);
  margin-top: min(max(26.400000000000002px, 2.18254vw), 33px);
  width: 100%;
  font-weight: 600;
  font-size: min(max(22.400000000000002px, 1.85185vw), 28px);
  color: #3D3D3D;
  line-height: min(max(32px, 2.6455vw), 40px)
}

.writeCommentArea .writeComment {
  float: right;
  font-size: min(max(11.200000000000001px, 0.92593vw), 14px);
  font-weight: 400;
  color: #bb183f;
  background: url(../img/ico_qupinglun.png) left center no-repeat;
  padding-left: min(max(16px, 1.32275vw), 20px);
  cursor: pointer
}

.comments {
  position: relative;
  padding: min(max(16px, 1.32275vw), 20px) 0
}

.writeCommentContainer {
  display: flex;
  padding: 0 min(max(24px, 1.98413vw), 30px);
  margin-top: min(max(16px, 1.32275vw), 20px);
  padding-bottom: min(max(13.600000000000001px, 1.12434vw), 17px);
  border-bottom: min(max(0.8px, 0.06614vw), 1px) solid #D8D8D8
}

.writeCommentContainer .userImageUrl {
  width: min(max(59.2px, 4.89418vw), 74px);
  height: min(max(59.2px, 4.89418vw), 74px);
  border-radius: 50%;
  margin-right: min(max(15.200000000000001px, 1.25661vw), 19px)
}

.writeCommentContainer .courseComment.commentBox {
  flex: 1;
  padding: 0;
  margin: 0;
  background: transparent;
  box-shadow: none;
  border-radius: 0;
  border: none
}

.writeCommentContainer .courseComment.commentBox .QACommentInp {
  width: 100%;
  background: rgba(135, 135, 135, 0.04);
  border-radius: min(max(9.600000000000001px, 0.79365vw), 12px);
  position: relative;
  padding: min(max(7.2px, 0.59524vw), 9px) min(max(21.6px, 1.78571vw), 27px);
  padding-bottom: min(max(37.6px, 3.10847vw), 47px);
  height: auto;
  min-height: min(max(73.60000000000001px, 6.08466vw), 92px)
}

.writeCommentContainer .courseComment.commentBox .QACommentInp .addPic {
  width: min(max(26.400000000000002px, 2.18254vw), 33px);
  height: min(max(26.400000000000002px, 2.18254vw), 33px);
  line-height: min(max(14.4px, 1.19048vw), 18px);
  background: url(../img_rev/uplodImgIcon.png) left center no-repeat;
  background-size: min(max(26.400000000000002px, 2.18254vw), 33px);
  padding-left: 0;
  cursor: pointer;
  position: absolute;
  bottom: min(max(7.2px, 0.59524vw), 9px);
  left: min(max(24px, 1.98413vw), 30px)
}

.writeCommentContainer .courseComment.commentBox .QACommentInp .textareaCount {
  position: absolute;
  bottom: min(max(7.2px, 0.59524vw), 9px);
  right: min(max(12.8px, 1.0582vw), 16px);
  font-weight: 400;
  font-size: min(max(10.4px, 0.85979vw), 13px);
  color: rgba(135, 135, 135, 0.4);
  line-height: min(max(14.4px, 1.19048vw), 18px)
}

.writeCommentContainer .courseComment.commentBox .QACommentInp .QACommentInpCon {
  width: 100%;
  background: transparent;
  height: auto;
  font-size: min(max(11.200000000000001px, 0.92593vw), 14px)
}

.writeCommentContainer .courseComment.commentBox .QAcontrol {
  display: flex;
  justify-content: flex-end
}

.writeCommentContainer .courseComment.commentBox .publicBtn {
  width: min(max(110.4px, 9.12698vw), 138px);
  height: min(max(34.4px, 2.84392vw), 43px);
  background: #F09A25;
  border-radius: min(max(18.400000000000002px, 1.52116vw), 23px);
  border: min(max(0.8px, 0.06614vw), 1px) solid #F09A25;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 600;
  font-size: min(max(12.8px, 1.0582vw), 16px)
}

.writeCommentContainer .courseComment.commentBox .publicBtn img {
  width: min(max(15.200000000000001px, 1.25661vw), 19px);
  height: min(max(15.200000000000001px, 1.25661vw), 19px);
  margin-right: min(max(11.200000000000001px, 0.92593vw), 14px)
}

.btn_collect {
  display: flex;
  float: right;
  margin-left: 1.6666rem
}

.btn_collect img {
  width: min(max(17.6px, 1.45503vw), 22px);
  height: min(max(17.6px, 1.45503vw), 22px);
  margin-right: min(max(4px, 0.33069vw), 5px)
}

.btn_share {
  display: flex;
  float: right
}

.btn_share img {
  width: min(max(17.6px, 1.45503vw), 22px);
  height: min(max(17.6px, 1.45503vw), 22px);
  margin-right: min(max(4px, 0.33069vw), 5px)
}

.share {
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.3);
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1000;
  display: none
}

.mores {
  width: 100%;
  height: 12rem;
  background: #f5f5f5;
  border-radius: 0.33rem 0.33rem 0rem 0rem;
  position: fixed;
  bottom: 0
}

.btnMore {
  width: 100%;
  height: 7.67rem;
  background: #f5f5f5;
  overflow: hidden
}

.btnMore div {
  width: 5rem;
  height: 5rem;
  float: left;
  margin-left: 1.33rem;
  margin-top: 1.33rem
}

.btnMore div img {
  width: 100%;
  height: 100%
}

.quxiao {
  width: 100%;
  height: 4.33rem;
  line-height: 4.33rem;
  background: #fff;
  text-align: center;
  font-size: 1.5rem;
  color: #333
}

.courseCommentImg ul {
  overflow: hidden;
  margin-left: -.6rem
}

.courseCommentImg3 ul li {
  float: left;
  margin-top: .6rem;
  margin-left: .6rem;
  width: 7.92rem;
  height: 7.92rem;
  border-radius: 0.33rem;
  background: url(../img/ico_zhengshu@2x.png) no-repeat center;
  background-size: cover
}

.courseCommentImg1 ul li {
  margin-top: .6rem;
  width: 100%;
  height: 16.38rem;
  border-radius: 0.33rem;
  background: url(../img/ico_zhengshu@2x.png) no-repeat center;
  background-size: cover
}

.readAndpraise .shareBtn .shareBox {
  background: url(../img/share_back.png) center left min(max(-5.6000000000000005px, -0.46296vw), -7px) no-repeat;
  background-size: cover;
  width: min(max(164.8px, 13.62434vw), 206px);
  height: min(max(104.80000000000001px, 8.66402vw), 131px);
  position: absolute;
  z-index: 99;
  padding-left: min(max(37.6px, 3.10847vw), 47px);
  padding-right: min(max(37.6px, 3.10847vw), 47px);
  padding-top: min(max(27.200000000000003px, 2.24868vw), 34px);
  padding-bottom: min(max(37.6px, 3.10847vw), 47px);
  left: auto;
  right: min(max(-92px, -7.60582vw), -115px);
  top: min(max(16px, 1.32275vw), 20px);
  box-sizing: content-box
}

.wechatQR {
  width: min(max(84.80000000000001px, 7.01058vw), 106px);
  height: min(max(84.80000000000001px, 7.01058vw), 106px);
  margin: 0 auto min(max(8px, 0.66138vw), 10px)
}

.readAndpraise .shareBtn .shareBox p {
  text-align: center;
  font-size: min(max(9.600000000000001px, 0.79365vw), 12px);
  font-weight: 400;
  color: #666
}