html,body,p,h1,h2,h3,h4,h5,h6,dl,dd {margin:0;padding:0;font-family:PingFangSC-Regular,Arial,Microsoft YaHei;}
ol,ul {list-style:none;margin:0;padding:0;}
a {text-decoration:none;}
img {border:none;}
li {list-style:none;}
input,button,textarea {background-color: transparent;outline: none;resize: none;border:0;padding:0;margin:0;font-family:PingFangSC-Regular,Arial,Microsoft YaHei;vertical-align:top;}
*{margin:0;padding:0;}
/*css reset*/
pre{
	word-break: normal;
    white-space: inherit;
}
p{min-height: .083rem;}

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

.imageTextBox img{
    height: auto !important;
}
.wrap {
	width: 100%;
	height: auto;
	position: relative;
	background: #fff;
	overflow-x: hidden;
}

.wrap>.title {
	/*text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    text-align: left;
    overflow: hidden;*/
  margin-bottom: 1.04rem;
	width: 100%;
	line-height: 3rem;
	box-sizing: border-box;
	padding-left: 1.33rem;
	padding-right: 1.33rem;
	padding-top: 0.83rem;
	font-size: 1.6rem;
	font-family: PingFangSC-Medium;
	color: rgba(51, 51, 51, 1);
  /* 改版 */
  font-size: 1.44rem;
  font-weight: 500;
  color: #62666A;
  
  color: #3D3D3D;
  line-height: 1.92rem;
  padding-left: 1.8rem;
  padding-right: 1.8rem;
  padding-top: 1.6rem;
  margin-bottom: 1.28rem;
}

.categoryName,
.issueDate {
	height: 1.17rem;
	font-size: 1.17rem;
	font-family: PingFangSC-Regular;
	line-height: 1.17rem;
}

.categoryName {
	padding-left: 1.33rem;
	color: rgba(165, 27, 44, 1);
}

.issueDate {
	color: rgba(153, 153, 153, 1);
	/* margin-left: 0.43rem; */
  
  font-size: 1.04rem;
  font-family: PingFangSC, PingFang SC;
  font-weight: 400;
  color: #878787;
  line-height: 1.44rem;
}

.imageTextBox {
	margin-top: 1.52rem;
	margin-bottom: 0.85rem;
	font-size: 16px;
	overflow: hidden;
	padding-left: 1.8rem;
	padding-right: 1.8rem;
	box-sizing: border-box;
}

.readAndpraise {
	box-sizing: border-box;
/* 	padding-left: 1.33rem;
	padding-right: 1.33rem; */
	height: 2.08rem;
	font-size: 1.17rem;
	font-family: PingFangSC-Regular;
	color: rgba(153, 153, 153, 1);
	line-height: 2.43rem;
	/* overflow: hidden; */
	/* margin-bottom: 2.63rem; */
  margin: 0.8rem 1.68rem 1.8rem 1.68rem;
  font-size: 1.04rem;
  margin: 0rem 1.8rem 1.6rem 1.8rem;
  color: #878787;
}

.readAndpraise .readCount {
  color: #F09A25;
}

.readAndpraise .praiseArea {
	display: flex;
	/* margin-left: 1.6666rem; */
	float: right;
  height: 2.43rem;
  /* overflow: hidden; */
}
.readAndpraise .praiseArea .likeCount{
	line-height: 2.43rem;
}


.dividerLine {
	width: auto;
	height: 0.04rem;
	min-height: 1px;
	background: rgba(240, 240, 240, 1);
	margin: 0 1.68rem;
}

/*往期回顾*/

.lookBack .title {
	height: 1.33rem;
	margin: 2.67rem auto 1.33rem;
	font-size: 1.33rem;
	/* font-family: PingFangSC-Medium; */
	/* text-align: center; */
	color: rgba(51, 51, 51, 1);
  /* 改版后样式 */
  color: #878787;
  font-size: 1.04rem;
  height: auto;
  /* margin: 1.36rem 1.68rem 1.04rem 1.68rem; */
  margin: 1.36rem 1.8rem 1.04rem 1.8rem;
}

.information {
	width: 100%;
	height: 9rem;
	background: #fff;
	box-sizing: border-box;
	/* padding: 1.33rem; */
	position: relative;
  /* 改版后样式 */
  width: auto;
  height: 7.73rem;
  margin: 0 1.68rem;
  border-bottom: 0.08rem solid #EAEAEA;
  
  margin-bottom: 1.28rem;
}
.lookBack .information:last-child {
  margin-bottom: 0rem;
}

.infoLeft {
	float: left;
	width: 20.92rem;
	height: 6.41rem;
}

.infoLeft .infoTitle {
	height: 4rem;
	line-height: 2rem;
	font-size: 1.33rem;
	font-family: PingFangSC-Medium;
	color: rgba(51, 51, 51, 1);
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
  /* 改版后样式 */
  height: 3.69rem;
  font-size: 1.28rem;
  font-family: PingFangSC, PingFang SC;
  font-weight: 500;
  color: #62666A;
  line-height: 1.76rem;
}

.infoRight {
	float: right;
	width: 6.33rem;
	height: 6.33rem;
	overflow: hidden;
  width: 6.41rem;
  height: 6.41rem;
}

.infoRight>img {
	width: auto;
	height: 6.42rem;
}

.infoArea {
	height: 1rem;
	font-size: 1rem;
	font-family: PingFangSC-Regular;
	color: rgba(153, 153, 153, 1);
	line-height: 1rem;
	margin-top: 0.83rem;
}

.infoLeft .time {
	float: right;
}

.lookMore {
	height: 3.17rem;
	margin: 1.33rem auto 2.67rem;
	font-size: 1.17rem;
	font-family: PingFangSC-Regular;
	color: rgba(242, 140, 0, 1);
	text-align: center;
	line-height: 3.17rem;
	background: rgba(255, 255, 255, 1);
	/* box-shadow: 0rem 0.17rem 1.17rem 0rem rgba(0, 0, 0, 0.08); */
	border: none;
	/* border-radius: 1.58rem; */
  /* 改版后样式 */
  background: #F0F0F0;
  width: auto;
  font-size: 1.04rem;
  color: #62666A;
  margin: 1.28rem 1.8rem;
}

.lookMore img {
	width: 0.8rem;
	height: 0.88rem;
	vertical-align: baseline;
	margin-right: 0.8rem;
}


/*写评论*/

.writeCommentArea {
	width: 100%;
	height: 5.17rem;
	box-sizing: border-box;
	padding-top: 2.67rem;
	padding-left: 1.33rem;
	padding-right: 1.33rem;
	font-size: 1.17rem;
	font-family: PingFangSC-Regular;
	color: rgba(153, 153, 153, 1);
	line-height: 1.17rem;
}

.writeCommentArea .writeComment {
	float: right;
	color: rgba(242, 140, 0, 1);
}

.writeCommentArea .writeComment img {
	width: 1.17rem;
	height: 1.17rem;
	margin-right:0.5rem;
}


/*写评论或者笔记区域*/

.mask {
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.5);
	position: fixed;
	top: 0;
	bottom: 0;
	z-index: 2;
	display: none;
}

.writeArea {
	width: 100%;
	height: 10.5rem;
	background: rgba(255, 255, 255, 1);
	box-sizing: border-box;
	border-radius: 0.33rem 0.33rem 0rem 0rem;
	padding: 1.33rem;
	position: fixed;
	bottom: 0rem;
	z-index: 3;
	display: none;
}

.writeArea .writeAreaBtn {

	line-height: 1.17rem;
	font-size: 1.17rem;
	font-family: PingFangSC-Regular;
	color: rgba(51, 51, 51, 1);

}

.writeArea .writeAreaBtn>span:nth-child(1) {
	float: left;
}

.writeArea .writeAreaBtn>span:nth-child(2) {
	float: right;
}

.writeArea textarea {
	width: 100%;
	height: 5.33rem;
	line-height: 1.38rem;
	background: rgba(245, 245, 245, 1);
	border-radius: 0.33rem;
	border: none;
	box-sizing: border-box;
	padding-top: 1rem;
	padding-left: 1rem;
	margin-top: 1.33rem;
}

textarea::-webkit-input-placeholder {
	font-size: 1.33rem;
	font-family: PingFangSC-Regular;
	color: rgba(153, 153, 153, 1) !important;
}


/*评论模板*/

.commentArea {
	width: calc(100% - 1.33rem);
	min-height: 7.83rem;
	box-sizing: border-box;
	padding: 1.33rem;
	padding-left: 0;
	margin-left: 1.33rem;
	/* border-bottom: 0.04rem solid rgba(240, 240, 240, 1); */
	position: relative;
	overflow: hidden;
}

.commentDel,.commentCommont  {
	width: 2.08rem;
	height: 2.08rem;
	float: right;
	margin-right: 10px;
}

.commentDelShow {
	display: block;
}

.commentArea .praiseArea {
	/* margin-right: 20px; */
	float: right;
	font-family: PingFangSC-Regular;
	color: rgba(153, 153, 153, 1);
	display: flex;
	align-items: center;
  /*  */
  color: #E59635;
  max-width: 100%;
}
.commentArea .praiseArea .praiseNum{
	font-size: 1.17rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.commentArea .praiseArea>img {
	width: 2.08rem;
	height: 2.08rem;
	margin-right: 0.5rem;
}
.commentArea .statusReply{
	position: absolute;
	right: 1.33rem;
	top: 3rem;
	font-size: 1.17rem;
    color: #999999;
    line-height: 1.33rem;
	text-align: right;
}




.commentArea .headImgArea {
	width: 2.8rem;
	height: 2.8rem;
	border-radius: 50%;
	float: left;
}

.commentArea .headImgArea>img {
	width: 100%;
	height: 100%;
	border-radius: 50%;
}

.commentArea .commentInfo {
	float: left;
	width: calc(100% - 4rem);
	margin-left: 1.2rem;
}

.commentArea .commentInfo dt {
	font-size: 1.17rem;
	font-family: PingFangSC-Regular;
	color: rgba(102, 102, 102, 1);
	margin-top: 0.17rem;

	width: 12rem;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.commentArea .commentInfo dd {
	height: 1rem;
	font-size: 1rem;
	font-family: PingFangSC-Regular;
	color: rgba(153, 153, 153, 1);
	line-height: 1rem;
	margin-top: 0.5rem;
}

.commentArea .commentInfo p {
	min-height: 1.6rem;
	font-size: 1.33rem;
	font-family: PingFangSC-Regular;
	color: rgba(51, 51, 51, 1);
	line-height: 1.6rem;
	margin-top: 1rem;
}


.commentArea .commentInfo .reply {
	/* margin-top: .2rem; */
	font-size: 1.25rem;
	color: rgba(153, 153, 153, 1);
	line-height: 1.67rem;
}

.commentArea .commentInfo .commentReplyItem {
	margin-top: .62rem;
	font-size: 1.25rem;
	color:rgba(242,141,2,1);
	line-height: 1.67rem;
}

.commentArea .commentInfo .reply .commentSnake {

}

.commentArea .commentInfo .reply .commentReply {
	color:rgba(102,102,102,1);
}


.btn_collect{
	display: flex;
	float: right;
  margin-left: 1.67rem;
  margin-right: 1.67rem;
  height: 2.43rem;
  /* overflow: hidden; */
}


.btn_share{
	display: flex;
	float: right;
  height: 2.43rem;
  /* overflow: hidden; */
}
/*分享*/

.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%;
	background: rgba(245, 245, 245, 1);
	border-radius: 0.33rem 0.33rem 0rem 0rem;
	position: fixed;
	bottom: 0;
}

.btnMore {
	width: 100%;
	background: rgba(245, 245, 245, 1);
	overflow: hidden;
}

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

.btnMore div img {
	width: 5rem;
	height: 5rem;
}

.btnMore div  p:nth-of-type(1) {
    width: 6rem;
    margin-left: -.5rem;
}
.btnMore div  p {
    float: left;
    width: 5rem;
    height: 1.6rem;
    line-height: 2rem;
    text-align: center;
    font-size: 1.167rem;
    color: #333333;
}
.btnMore div.settingBanner  p {
	height: 3.2rem;
	    margin-top: .35rem;
	line-height: 1.5rem;
}

.quxiao {
	width: 100%;
	height: 4.33rem;
	line-height: 4.33rem;
	background: rgba(255, 255, 255, 1);
	text-align: center;
	font-size: 1.5rem;
	font-family: PingFangSC-Regular;
	color: rgba(51, 51, 51, 1);
}

.footer {
	width: 31.25rem;
	height: 4.33rem;
	background: rgba(24, 25, 26, 0.8);
	box-sizing: border-box;
	padding-left: 1.33rem;
	padding-top: 0.5rem;
	padding-bottom: 0.5rem;
	padding-right: 1.33rem;
	overflow: hidden;
	position: fixed;
	z-index: 2;
	right: 0;
	bottom: 0;
	text-align: center;
	box-shadow: 0 2px 5px rgba(1, 1, 1, 0.3);
}

.footer>img {
	width: 3.33rem;
	height: 3.33rem;
	border-radius: 0.75rem;
	float: left;
}

.footer>span {
	width: 13rem;
    height: 1.33rem;
    font-size: 1.33rem;
    font-family: PingFangSC-Medium;
    color: rgba(242, 140, 0, 1);
    line-height: 1.33rem;
    margin-left: 0.83rem;
    margin-top: 1rem;
    float: left;
    text-align: left;
}

.footer>button {
	width: 5.67rem;
	height: 2.67rem;
	line-height: 2.67rem;
	background: linear-gradient(135deg, rgba(255, 169, 52, 1), rgba(242, 140, 0, 1));
	border-radius: 0.33rem;
	font-size: 1.17rem;
	font-family: PingFangSC-Medium;
	color: rgba(255, 255, 255, 1);
	border: none;
	outline: none;
	float: right;
	margin-top: 0.33rem;
}


.reward{
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	z-index: 1000;
}
.reward-con{
	margin: 6.83333rem auto 0;
	width: 15rem;
	height: 8.3333rem;
	border-radius:0.33333rem;
	background:rgba(0,0,0,0.6);
}
.reward-con h2{
	padding-top: 1.83333rem;
	display: flex;
	align-items: center;
	justify-content: center;
}
.reward-con h2 span{
	color: #F28C00;
	line-height: 2.9166666rem;
}
.reward-con h2 img{
	margin-left: 1rem;
	width: 1.6666rem;
	height: 1.583333rem;
}
.reward-con p{
	text-align: center;
	padding-top: 0.916666rem;
	font-size: 1.16666rem;
	line-height: 1.6666rem;
	color: #FFFFFF;
}
.word{
  font-size: 0.96rem;
  font-weight: 400;
  color: #F09A25;
}
.scoreArea {
	display: inline-block;
	vertical-align: middle;
	width: auto;
	height: 2rem;
	line-height: 2rem;
	display: inline-block;
	/* background: linear-gradient(132.6deg, rgba(255, 169, 52, 1), rgba(242, 140, 0, 1)); */
	border-radius: 0.33rem;
	font-size: 1rem;
	font-family: PingFangSC-Medium;
	color: rgba(255, 255, 255, 1);
	position: relative;
	box-sizing: border-box;
	padding-left: 0.72rem;
  font-size: 0.96rem;
  font-weight: 400;
  color: #878787;
}

.scoreArea>img.bg {
	width: 0.5rem;
	height: 0.33rem;
	position: absolute;
	top: -0.31rem;
	left: 0;
}
.scoreArea img.ico-score{
	float: right;
	width: 0.91666rem;
	height: 1rem;
	margin: 0.5rem 0 0.5rem 0.5rem;
}
.courseFeeBox img.ico-score{
	float: left;
	width: 0.81666rem;
	height: .9rem;
	margin: 0.6rem 0.1rem 0.4rem 0.5rem;
	vertical-align: bottom;
}
.jifenNew{
  width: 0.72rem;
  height: 0.8rem;
}

.courseFeeBox {
	display: inline-block;
	vertical-align: middle;
	width: auto;
	height: 2rem;
	line-height: 2rem;
	background: none;
	border-radius: 0.33rem;
	font-size: 1rem;
	font-family: PingFangSC-Medium;
	color: #F28C00;
	position: relative;
	box-sizing: border-box;
	padding-left: 0;
	padding-right: 0;
}
.courseFee{
	font-size: 1.5rem;
	margin-left: .1rem;
}

/*英文自动换行*/
.imageTextBox p{word-wrap: break-word;text-align: inherit;}
.imageTextBox{word-wrap: break-word;}
.imageTextBox em{
	font-style: italic;
}


/* .courseCommentImg ul{
	display: flex;
	align-items: center;
	justify-content: space-around;
	flex-wrap: wrap;
}

.courseCommentImg ul li{
	width: 1.9rem;
	height: 1.9rem;
	background: url(../img/ico_zhengshu@2x.png) no-repeat center;
	background-size: cover;
} */


.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;
}
.courseFeePopBox{
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 14.5rem;
	background: linear-gradient(to bottom, rgba(255,255,255,0) , rgba(255,255,255,1));;
}
.toExchangeCourse{
	text-align: center;
	width: 100%;
	height: 5rem;
	line-height: 5rem;
	position: absolute;
	bottom: 0;
	left: 0;
	color: #F28C00;
	background: linear-gradient(to bottom, rgba(255,255,255,0) , rgba(255,255,255,1));
	font-size: 16px;
	font-weight: 900;
}


/* 分享到学术圈时选择学术圈 -begin*/
.btnMore .selectAcademicCircles{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	margin: 0;
	float: unset;
}

.btnMore .selectAcademicCircles input{
	opacity: 0;
	    width: 100%;
	    height: 100%;
}
.mbsc-ios .mbsc-sc-lbl {
    color: #333;
	font-weight: 600;
}

/* 分享到学术圈时选择学术圈 -end*/
/* 新增样式 */
.desc.fieldsListShow{
  width: 100%;
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  padding: 0 1.8rem 0.7rem 1.8rem;
}
.desc.fieldsListShow .tag-new {
    /* padding-right: 1.04rem !important; */
    position: relative;
    height: 2.08rem;
    /* line-height: 2.08rem; */
    /* border-radius: 1.04rem; */
    /* border: 0.08rem solid #F09A25; */
    font-size: 0.8rem;
    font-family: PingFangSC, PingFang SC;
    font-weight: 500;
    color: #F09A25;
    display: block;
    margin-right: 1.12rem;
    margin-bottom: 0.5rem;
    display: flex;
    align-items: center;
    
    height: 1.76rem;
    padding: 0 0.36rem;
    font-size: 0.88rem;
    font-weight: 600;
    color: #F09A25;
    margin-right: 1.04rem;
    overflow: hidden;
}
.desc.fieldsListShow2{
  width: 100%;
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  padding: 0 1.8rem 1.28rem 1.8rem;
}
.desc.fieldsListShow2 .tag-new {
    padding-right: 1.04rem !important;
    position: relative;
    height: 2.08rem;
    /* line-height: 2.08rem; */
    border-radius: 1.04rem;
    border: 0.08rem solid #F09A25;
    font-size: 0.8rem;
    font-family: PingFangSC, PingFang SC;
    font-weight: 500;
    color: #F09A25;
    display: block;
    margin-right: 1.12rem;
    margin-bottom: 0.5rem;
    display: flex;
    align-items: center;
    overflow: hidden;
}
.desc .tag-new:last-child{
  margin-right: 0;
}
.desc .tag-new .tagName{
  width: 100%;
  /* 超出省略号 */
  text-overflow: ellipsis;
  overflow: hidden;
  word-break: break-all;
  white-space: nowrap;
}
.tag-new .tagIcon{
  display: block;
  width: 0.96rem;
  height: 0.96rem;
  background-size: 0.48rem 0.48rem;
  background-image: url(../../../images/label_icon.png);
  background-repeat: no-repeat;
  background-position: center center;
  border-radius: 50%;
  margin: 0 0.5rem;
  background-color: #F09A25;
  flex: none;
}
.fieldsListShow .tag-new .tagIcon{
  width: 0.8rem;
  height: 0.8rem;
  background-size: 0.43rem 0.43rem;
  margin: 0 0.24rem 0 0;
}
/* .desc .tag-new::before {
    content: "";
    position: absolute;
    left: 0.64rem;
    top: 50%;
    transform: translate(0, -50%);
    width: 0.96rem;
    height: 1.04rem;
    display: flex;
    justify-content: center;
    align-items: center;
    background-image: url(../../../images/labelIcon.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100%;
} */
.desc .selectTag{
  background-color: #F09A25;
}
.desc .selectTag .tagName{
  color: #FFFFFF;
}
.desc .selectTag .tagIcon{
  background-color: transparent !important;
  border: 1px solid #ffffff;
}
/* .desc .selectTag::before {
  background-image: url(../../../images/labelIcon_sel.png);
} */
.commentsContain{
  background: rgba(0,0,0,0.03);
  padding: 2.08rem 1.8rem;
  /* margin-bottom: 2rem; */
}
.commentArea{
  width: 100%;
  background: #FFFFFF;
  padding: 1.12rem 1.44rem;
  margin: 0;
}
.commentInfo{
  position: relative;
}
.comment_newStyle{
  /* display: flex; */
  margin-top: 0.32rem;
  margin-bottom: 0.8rem;
}
.commentArea .comment_newStyle p{
  color: #2A2A2A;
  font-size: 1.12rem;
  font-weight: 400;
  margin-top: 0;
  line-height: 1.76rem;
  display: inline;
  margin-right: 0.88rem;
}
.comment_newStyle .commentDate{
  color: #6E6E6E;
  font-size: 0.96rem;
  font-weight: 400;
  margin-right: 0.48rem;
}
.comment_newStyle .commentCommont{
  width: auto;
  color: #F09A25;
  float: none;
  font-size: 0.96rem;
  font-weight: 400;
  margin-right: 0;
}
.commentReplyItem .headImgArea{
  width: 2.24rem;
  height: 2.24rem;
}
.commentArea .commentInfo .commentName{
  font-weight: 400;
  color: #2A2A2A !important;
  margin-top: 0;
  width: auto;
  
  font-size: 1.28rem;
  line-height: 1.76rem;
}
.commentReplyItem .replyReply_div{
  margin-bottom: 0.5rem;
  font-size: 1.12rem !important;
}
/* 评论左滑删除 */
.commentArea.scroll_commentArea{
  padding: 0;
  min-height: 6.9rem;
}
.commentArea_replyList{
  width: calc(100% - 6.88rem);
  margin-left: 5.44rem;
  margin-right: 1.44rem;
}
.commentArea_item{
  position: relative;
  overflow: hidden;
}
.commentArea_left{
  touch-action: pan-y;
  /* width: calc(100% - 2.88rem); */
  width: 100%;
  display: flex;
  padding: 1.12rem 1.44rem;
}
.commentArea_left .headImgArea, .commentArea_left .commentInfo{
  float: none;
}
.commentArea_right{
  min-width: 7.93rem;
  background: #D12A2A;
  color: #FFFFFF;

  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;

  position: absolute;
  top: 0;
  bottom: 0;
  right: -7.93rem;
  transition: right 0.3s;
  font-size: 1.12rem;
}
.commentArea_right img{
  width: 1.52rem;
  height: 1.44rem;
  margin-bottom: 0.2rem;
}
.commentReplyItem .commentArea_left{
  padding: 0;
  width: 100%;
}
.commentArea_item.open .commentArea_right {
  right: 0;
}
.commentArea_item.open .commentArea_left {
  transform: translateX(-7.93rem);
}
/* end */
.comment_send_div{
  display: flex;
  background-color: #FFFFFF;
  position: fixed;
  bottom: 0;
  padding: 0 1.76rem;
  justify-content: space-between;
  /* width: calc(100% - 3.52rem); */
  width: 100%;
  z-index: 1;
  align-items: center;
	height: 6.42rem;
}
.comment_send_div_input{
  width: 15.88rem;
  height: 3.29rem;
  background: rgba(0,0,0,0.03);
  box-shadow: 0rem 0rem 1.6rem 0rem rgba(0,0,0,0.01);
  border: 0.08rem solid #EDEDED;
  padding: 0 1.36rem;
  line-height: 3.29rem;
  font-size: 0.96rem;
  font-weight: 400;
  color: #62666A;
}
.comment_send_div_btn{
  width: 7.21rem;
  height: 2.72rem;
  font-weight: 500;
  color: #FFFFFF;
  line-height: 2.72rem;
  background: #F09A25;
  box-shadow: 0rem 0rem 1.6rem 0rem rgba(0,0,0,0.01);
  border-radius: 1.36rem;
  text-align: center;
}
.commentNameDiv .member_icon{
  position: static !important;
  margin-left: 0.56rem;
}
.mescroll{
  padding-bottom: 0 !important;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	overflow-y: scroll;
}
.mescroll.commentShow{
	/* height: calc(100vh - 6.42rem); */
	bottom: 6.42rem;
}
.mescroll-upwarp.mescroll-hardware{
  background-color: rgba(0,0,0,0.03);
  padding: 0;
  padding-bottom: 1.5rem;
}
.displayNone{
  display: none !important;
}
/* 底部点赞收藏等按钮样式 */
/* 点赞 */
.praiseArea .likeBtnIcon{
  width: 2.43rem;
  height: 2.43rem;
}
.praiseArea .likeBtnIcon_false{
  width: 2.43rem;
  height: 2.43rem;
  background-repeat: no-repeat;
  background-image: url('../img/default_dianzan_new.png');
  background-size: 100%;
}
.praiseArea .likeBtnIcon_true{
  width: 2.43rem;
  height: 2.43rem;
  background-repeat: no-repeat;
  background-image: url('../img/default_dianzan_new2.png');
  background-size: 100%;
}
/* 收藏 */
.btn_collect .collectionBtnIcon{
  width: 2.43rem;
  height: 2.43rem;
}
.btn_collect .collectionBtnIcon_false{
  width: 2.43rem;
  height: 2.43rem;
  background-repeat: no-repeat;
  background-image: url('../img/default_collection_new.png');
  background-size: 100%;
}
.btn_collect .collectionBtnIcon_true{
  width: 2.43rem;
  height: 2.43rem;
  background-repeat: no-repeat;
  background-image: url('../img/default_collection_new2.png');
  background-size: 100%;
}
/* 分享 */
.btn_share .shareBtnIcon{
  width: 2.43rem;
  height: 2.43rem;
  background-repeat: no-repeat;
  background-image: url('../img/default_shareBtnIcon_new.png');
  background-size: 100%;
}
/* 导航栏 */
.statusBarHeight {
	padding-top: 20px;
}
.custom-header.mui-bar {
	height: 4.1666rem;
}

.mui-bar {
	padding: 0 2.18rem;
}
.custom-header .logo {
  height: 1.9583rem;
}
#shareBtn {
	width: 1.19rem;
	height: 1.42rem;
}
#shareBtn img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}
.mui-content {
	overflow-y: auto;
	width: 100%;
	height: calc(100vh - 4.1666rem - 20px);
	position: fixed;
	left: 0;
	bottom: 0;
	/* padding: 0 5vw; */
}
.custom-header-wrap {
	box-shadow: 0rem 0.08rem 0.2rem 0rem rgba(0,0,0,0.04);

}
/* 专业会课程 职业资格认证提示 12px */
.certificate-confirm {
	width: 28.25rem;
	padding: 1.83rem 2.17rem;
}
.certificate-confirm .title {
	font-size: 1.5rem;
	border-bottom: .08rem solid #EAEAEA;
	height: 4.67rem;
}
.certificate-confirm .content {
	margin-top: 1.08rem;
	line-height: 2.08rem;
	font-size: 1.17rem;
}
.certificate-confirm .btn{
	height: 2.83rem;
	border-radius: 1.42rem;
	margin-top: 1.67rem;
	font-size: 1rem;
	letter-spacing: 1px;
}