body {
	background-color: #FCF9F2;
}

p {
	margin-bottom: 0;
}

@media only screen and (min-width: 1200px){
	.tab_class {
		width: 100%;
		border-bottom: 3px solid #B3100D;
		display: flex;
		justify-content: center;
		background-color: #FDF5E6;
		margin-top: 100px;
	}
	
	.tab_class_box {
		width: 1200px;
		display: flex;
	}
	
	.tab_class_box .tab_class_item {
		width: 144px;
		height: 51px;
		background: linear-gradient(180deg, #FFEFC0 0%, #F8DD91 100%);
		font-size: 16px;
		font-weight: 400;
		color: #975305;
		display: flex;
		align-items: center;
		justify-content: center;
		cursor: pointer;
	}
	
	.tab_class_box .typeActive {
		background: linear-gradient(180deg, #F26E53 0%, #B10C0A 100%);
		color: #F8DD91;
	}
	
	.ishident {
		display: none !important;
	}
	
	/* 班级类型 */
	.tab_classType {
		width: 100%;
		height: 81px;
		display: flex;
		justify-content: center;
		align-items: center;
		background-color: #FDF5E6;
		font-size: 16px;
		font-weight: 400;
		color: #333333;
	}
	
	.tab_classType_box {
		width: 1200px;
		display: flex;
		align-items: center;
	}
	
	.tab_classType_item {
		padding: 10px 20px;
		background: linear-gradient(180deg, #FFEFC0 0%, #F8DD91 100%);
		border-radius: 10px;
		font-size: 16px;
		font-weight: 400;
		color: #975305;
		display: flex;
		align-items: center;
		justify-content: center;
		cursor: pointer;
		margin-right: 30px;
	}
	
	.classTypeActive {
		background: linear-gradient(180deg, #F26E53 0%, #B10C0A 100%);
		color: #F8DD91;
	}
	
	/* 班级介绍 */
	.introduce {
		width: 1200px;
		margin: 0 auto;
		display: flex;
		flex-direction: column;
		align-items: center;
	}
	
	.introduce_text {
		width: 1000px;
		font-size: 14px;
		font-weight: 400;
		color: #666666;
		line-height: 22px;
		margin-top: 30px;
	}
	
	.study,
	.btnBox {
		margin-top: 50px;
	}
	
	.btnBox img {
		width: 192px;
		height: 54px;
		margin: 0 25px;
	}
	
	/* 进入学习 */
	.studyType {
		width: 100%;
		/* height: 81px; */
		padding-bottom: 30px;
		display: flex;
		justify-content: center;
		align-items: center;
		background-color: #FDF5E6;
		font-size: 16px;
		font-weight: 400;
		color: #333333;
	}
	
	.studyType_box {
		width: 1200px;
		display: flex;
		align-items: center;
		position: relative;
		/* justify-content: space-between; */
	}
	
	.studyType_boxLi {
		display: flex;
	}
	
	.studyType_item {
		padding: 10px 20px;
		background: linear-gradient(180deg, #FFEFC0 0%, #F8DD91 100%);
		border-radius: 10px;
		font-size: 16px;
		font-weight: 400;
		color: #975305;
		display: flex;
		align-items: center;
		justify-content: center;
		cursor: pointer;
		margin-right: 30px;
	}
	.mobilePublish{
		display: none!important;
	}
	
	.studyType_box .publish,
	.studyType_box .goback {
		position: absolute;
		right: 0;
	}
	
	.studyTypeActive {
		background: linear-gradient(180deg, #F26E53 0%, #B10C0A 100%);
		color: #F8DD91;
	}
	
	
	/* 文章列表 */
	.articleList {
		padding: 30px;
		display: flex;
		flex-direction: column;
		align-items: center;
	}
	
	.articleList_item {
		position: relative;
		width: 1200px;
		height: 168px;
		background: #FDF5E6;
		border-radius: 10px;
		padding: 20px;
		border: 1px solid #D0AD9A;
		cursor: pointer;
		margin-bottom: 30px;
	}
	
	.backimg {
		position: absolute;
		right: 0;
		top: 0;
		width: 155px;
		height: 151px;
	}
	
	.articleList_item_content {
		height: 100%;
		display: flex;
		flex-direction: column;
		/*justify-content: space-between;*/
		position: relative;
		z-index: 2;
	}
	
	.angleBox {
		width: 1188px;
		position: absolute;
		z-index: 2;
		left: 6px;
		display: flex;
		justify-content: space-between;
	}
	
	.angleBox:first-child {
		top: 6px;
	}
	
	.angleBox:last-child {
		bottom: 6px;
	}
	
	.angleBox img {
		width: 21px;
		height: 22px;
	}
	
	.article_title {
		width: 1160px;
		font-size: 18px;
		font-weight: 600;
		color: #333333;
	}
	
	.article_text {
		width: 1160px;
		font-size: 14px;
		font-weight: 400;
		color: #666666;
		line-height: 22px;
	}
	
	.article_time {
		font-size: 14px;
		font-weight: 400;
		color: #666666;
		position: absolute;
		right: 0;
		bottom: 0;
	}
	
	.user {
		display: flex;
		align-items: center;
	}
	.articleList_item_content .user{
	    position: absolute;
		bottom: 15px;
	}
	
	.user .userImg {
		width: 29px;
		height: 30px;
		border-radius: 50%;
	}
	
	.user .djImg {
		width: auto;
		height: 30px;
		margin-right: 5px;
	}
	
		.user .djImg:nth-child(4){
		height: 20px;
	}
	
	.user .userName {
		font-size: 14px;
		font-weight: 600;
		margin: 0 10px;
		/*background-image: -webkit-linear-gradient(left, #FFBD03, #FF8503, #FB5758, #F34EB5, #7C56FF);*/
		/*-webkit-background-clip: text;*/
		/*-webkit-text-fill-color: transparent;*/
		color: #333;
	}
	
	/* 文章详情 */
	.articleDetail {
		position: relative;
		width: 1200px;
		margin: 0 auto;
		width: 1200px;
		background: #FDF5E6;
		border-radius: 10px;
		border: 1px solid #D0AD9A;
		min-height: 188px;
		padding: 30px;
		    margin-top: 30px;
	}
	
	.articleDetail .article_text {
		margin: 15px 0;
	}
	
	.articleDetail .article_time {
		bottom: 30px;
	}
	
	.articleDetail .articleList_item_content {
		padding-bottom: 70px;
		margin-bottom: 30px;
		border-bottom: 2px dashed #F2D2B5;
	}
	
	.comment {
		width: 1140px;
		height: 140px;
		background: #FFF2DB;
		border-radius: 10px 10px 10px 10px;
		padding: 20px;
		position: relative;
	}
	
	.commentLow {
		width: 1000px;
		height: 47px;
		line-height: 47px;
		padding: 0 20px;
		margin-bottom: 20px;
	}
	
	.commitComment {
		position: absolute;
		right: 20px;
		bottom: 20px;
		margin-right: 0;
	}
	
	.comment textarea,
	.comment input {
		/* background-color: rgba(0, 0, 0, 0); */
		border: 0;
		background: none;
		border: none;
		outline: none;
		resize: none;
		width: 100%;
	}
	
	.commentList_item {
		padding: 20px;
		border-bottom: 1px solid #F2D2B5;
	}
	
	.commentList_item .user {
		margin-bottom: 10px;
	}
	
	.commentText {
		display: flex;
		align-items: flex-start;
		justify-content: space-between;
	}
	
	.commentText p {
		width: 1000px;
		font-size: 16px;
		font-weight: 400;
		color: #333333;
		line-height: 19px;
	}
	
	.commentList_item .comment {
		margin-left: -30px;
		margin-top: 20px;
	}
	
	.sonComment {
		width: 92px;
		height: 32px;
		margin-right: 0;
		background-size: 100% 100%;
	}
	
	.commentList_item_children {
		margin-left: 55px;
		margin-top: 20px;
		padding: 20px 0;
		border-top: 1px solid #F2D2B5;
	}
	
	.shareBtn {
		width: 152px;
		height: 44px;
		background: linear-gradient(180deg, #F26E53 0%, #B10C0A 100%);
		border-radius: 10px 10px 10px 10px;
		font-size: 18px;
		font-weight: 600;
		color: #F8DD91;
		display: flex;
		align-items: center;
		justify-content: center;
		margin: 30px auto;
		cursor: pointer;
	}
	
	/* 发布文章 */
	.publishArticle {
		position: relative;
		width: 1200px;
		margin: 0 auto;
		background: #FDF5E6;
		border-radius: 10px;
		border: 1px solid #D0AD9A;
		padding: 30px;
		margin-top: 30px;
	}
	
	.articleTitle {
		font-size: 30px;
		font-weight: 600;
		color: #333333;
		margin-bottom: 20px;
	}
	
	.confirm {
		margin: 30px auto 0;
	}
	
	/* 分享弹窗 */
	.shareBox {
		display: flex;
		flex-direction: column;
		align-items: center;
		padding: 20px;
	}
	
	.shareBox p {
	    width: auto;
		font-size: 14px;
		font-weight: 400;
		color: #333333;
		word-break: break-all;
        word-wrap: break-word;
	}
	
	.shareBox div {
	
		background: linear-gradient(180deg, #FFEFC0 0%, #F8DD91 100%);
		border-radius: 10px;
		display: flex;
		align-items: center;
		justify-content: center;
		padding: 8px 20px;
		margin-top: 10px;
		cursor: pointer;
	}
	
	.shareBox img {
		width: 80px;
		height: 80px;
		margin-top: 30px;
	}
}
@media only screen and (max-width: 1200px){
	.tab_class {
		width: 100%;
		border-bottom: 3px solid #B3100D;
		display: flex;
		justify-content: center;
		background-color: #FDF5E6;
		margin-top: 8vw;
	}
	
	.tab_class_box {
		width: 100vw;
		display: flex;
	}
	
	.tab_class_box .tab_class_item {
		width: 11.52vw;
		height: 4.08vw;
		background: linear-gradient(180deg, #FFEFC0 0%, #F8DD91 100%);
		font-size: 1.28vw;
		font-weight: 400;
		color: #975305;
		display: flex;
		align-items: center;
		justify-content: center;
		cursor: pointer;
	}
	
	.tab_class_box .typeActive {
		background: linear-gradient(180deg, #F26E53 0%, #B10C0A 100%);
		color: #F8DD91;
	}
	
	.ishident {
		display: none !important;
	}
	
	/* 班级类型 */
	.tab_classType {
		width: 100%;
		height: 6.48vw;
		display: flex;
		justify-content: center;
		align-items: center;
		background-color: #FDF5E6;
		font-size: 1.28vw;
		font-weight: 400;
		color: #333333;
	}
	
	.tab_classType_box {
		width: 100vw;
		display: flex;
		align-items: center;
		padding-left: 4vw;
	}
	
	.tab_classType_item {
		padding: 0.8vw 1.6vw;
		background: linear-gradient(180deg, #FFEFC0 0%, #F8DD91 100%);
		border-radius: 0.8vw;
		font-size: 1.28vw;
		font-weight: 400;
		color: #975305;
		display: flex;
		align-items: center;
		justify-content: center;
		cursor: pointer;
		margin-right: 2.4vw;
	}
	
	.classTypeActive {
		background: linear-gradient(180deg, #F26E53 0%, #B10C0A 100%);
		color: #F8DD91;
	}
	
	/* 班级介绍 */
	.introduce {
		width: 100vw;
		margin: 0 auto;
		display: flex;
		flex-direction: column;
		align-items: center;
	}
	
	.introduce_text {
		width: 90vw;
		font-size: 1.12vw;
		font-weight: 400;
		color: #666666;
		line-height: 1.76vw;
		margin-top: 2.4vw;
	}
	
	.study,
	.btnBox {
		margin-top: 4.08vw;
	}
	
	.btnBox img {
		width: 15.36vw;
		height: 4.32vw;
		margin: 0 2vw;
	}
	
	/* 进入学习 */
	.studyType {
		width: 100vw;
		/* height: 81px; */
		padding-bottom: 2.4vw;
		display: flex;
		justify-content: center;
		align-items: center;
		background-color: #FDF5E6;
		font-size: 1.28vw;
		font-weight: 400;
		color: #333333;
	}
	
	.studyType_box {
		width: 100vw;
		display: flex;
		align-items: center;
		position: relative;
		padding-left: 4vw;
	}
	
	.studyType_boxLi {
		display: flex;
	}
	
	.studyType_item {
		padding: 0.8vw 1.6vw;
		background: linear-gradient(180deg, #FFEFC0 0%, #F8DD91 100%);
		border-radius: 0.8vw;
		font-size: 1.28vw;
		font-weight: 400;
		color: #975305;
		display: flex;
		align-items: center;
		justify-content: center;
		cursor: pointer;
		margin-right: 2.4vw;
	}
	.mobilePublish{
		display: none!important;
	}
	.studyType_box .publish,
	.studyType_box .goback {
		position: absolute;
		right: 0;
	}
	
	.studyTypeActive {
		background: linear-gradient(180deg, #F26E53 0%, #B10C0A 100%);
		color: #F8DD91;
	}
	
	
	/* 文章列表 */
	.articleList {
		padding: 2.4vw;
		display: flex;
		flex-direction: column;
		align-items: center;
	}
	
	.articleList_item {
		position: relative;
		width: 95vw;
		height: 13.44vw;
		background: #FDF5E6;
		border-radius: 0.8vw;
		padding: 1.6vw;
		border: 1px solid #D0AD9A;
		cursor: pointer;
		overflow: hidden;
		margin-bottom: 2.4vw;
	}
	
	.backimg {
		position: absolute;
		right: 0;
		top: 0;
		width: 12vw;
		height: 12vw;
	}
	
	.articleList_item_content {
		height: 100%;
		display: flex;
		flex-direction: column;
		/*justify-content: space-between;*/
		position: relative;
		z-index: 2;
	}
	
	.angleBox {
		width: 94vw;
		position: absolute;
		z-index: 2;
		left: 0.48vw;
		display: flex;
		justify-content: space-between;
	}
	
	.angleBox:first-child {
		top: 0.48vw;
	}
	
	.angleBox:last-child {
		bottom: 0.48vw;
	}
	
	.angleBox img {
		width: 1.68vw;
		height: 1.68vw;
	}
	
	.article_title {
		width: 88vw;
		font-size: 1.44vw;
		font-weight: 600;
		color: #333333;
	}
	
	.article_text {
		width: 88vw;
		font-size: 1.12vw;
		font-weight: 400;
		color: #666666;
		line-height: 1.68vw;
	}
	
	.article_time {
		font-size: 1.12vw;
		font-weight: 400;
		color: #666666;
		position: absolute;
		right: 0;
		bottom: 0;
	}
	
	.user {
		display: flex;
		align-items: center;
		
	}
	.articleList_item_content .user{
	    position: absolute;
		bottom: 1vw;
	}
	
	.user .userImg {
		width: 2.4vw;
		height: 2.4vw;
		border-radius: 50%;
	}
	
	.user .djImg {
		width: auto;
		height: 2.4vw;
		margin-right: 0.8vw;
	}
	
	.user .userName {
		font-size: 1.12vw;
		font-weight: 600;
		margin: 0 0.8vw;
		/*background-image: -webkit-linear-gradient(left, #FFBD03, #FF8503, #FB5758, #F34EB5, #7C56FF);*/
		/*-webkit-background-clip: text;*/
		/*-webkit-text-fill-color: transparent;*/
	}
	
	/* 文章详情 */
	.articleDetail {
		position: relative;
		margin: 0 auto;
		width: 95vw;
		background: #FDF5E6;
		border-radius: 0.8vw;
		border: 1px solid #D0AD9A;
		min-height: 15.04vw;
		padding: 2.4vw;
	}
	
	.articleDetail .article_text {
		margin: 1.2vw 0;
	}
	
	.articleDetail .article_time {
		bottom: 2.4vw;
	}
	
	.articleDetail .articleList_item_content {
		padding-bottom: 5vw;
		margin-bottom: 2.4vw;
		border-bottom: 2px dashed #F2D2B5;
	}
	
	.comment {
		width: 88vw;
		height: 11.2vw;
		background: #FFF2DB;
		border-radius: 0.8vw;
		padding: 1.6vw;
		position: relative;
	}
	
	.commentLow {
		width: 88vw;
		height: 3.76vw;
		line-height: 3.76vw;
		padding: 0 1.6vw;
		margin-bottom: 1.6vw;
	}
	
	.commitComment {
		position: absolute;
		right: 1.6vw;
		bottom: 1.6vw;
		margin-right: 0;
	}
	
	.comment textarea,
	.comment input {
		/* background-color: rgba(0, 0, 0, 0); */
		border: 0;
		background: none;
		border: none;
		outline: none;
		resize: none;
		width: 100%;
	}
	
	.commentList_item {
		padding: 1.6vw;
		border-bottom: 1px solid #F2D2B5;
	}
	
	.commentList_item .user {
		margin-bottom: 0.8vw;
	}
	
	.commentText {
		display: flex;
		align-items: flex-start;
		justify-content: space-between;
	}
	
	.commentText p {
		width: 88vw;
		font-size: 1.28vw;
		font-weight: 400;
		color: #333333;
		line-height: 1.52vw;
	}
	
	.commentList_item .comment {
		margin-left: -2.4vw;
		margin-top: 1.6vw;
	}
	
	.sonComment {
		width: 7.36vw;
		height: 2.56vw;
		margin-right: 0;
		background-size: 100% 100%;
	}
	
	.commentList_item_children {
		margin-left: 4.4vw;
		margin-top: 1.6vw;
		padding: 1.6vw 0;
		border-top: 1px solid #F2D2B5;
	}
	
	.shareBtn {
		width: 12.16vw;
		height: 3.52vw;
		background: linear-gradient(180deg, #F26E53 0%, #B10C0A 100%);
		border-radius: 0.8vw;
		font-size: 1.44vw;
		font-weight: 600;
		color: #F8DD91;
		display: flex;
		align-items: center;
		justify-content: center;
		margin: 2.4vw auto;
		cursor: pointer;
	}
	
	/* 发布文章 */
	.publishArticle {
		position: relative;
		width: 95vw;
		margin: 0 auto;
		background: #FDF5E6;
		border-radius: 0.8vw;
		border: 1px solid #D0AD9A;
		padding: 2.4vw;
		margin-top: 2.4vw;
		overflow: hidden;
	}
	
	.articleTitle {
		font-size: 2.4vw;
		font-weight: 600;
		color: #333333;
		margin-bottom: 1.6vw;
	}
	
	.confirm {
		margin: 2.4vw auto 0;
	}
	
	/* 分享弹窗 */
	.shareBox {
		display: flex;
		flex-direction: column;
		align-items: center;
		padding: 1.6vw;
	}
	
	.shareBox p {
	    width: 23.2vw;
		font-size: 1.28vw;
		font-weight: 400;
		color: #333333;
		word-break: break-all;
        word-wrap: break-word;
	}
	
	.shareBox div {
	
		background: linear-gradient(180deg, #FFEFC0 0%, #F8DD91 100%);
		border-radius: 0.8vw;
		display: flex;
		align-items: center;
		justify-content: center;
		padding: 0.64vw 1.6vw;
		margin-top: 0.8vw;
		cursor: pointer;
	}
	
	.shareBox img {
		width: 6.4vw;
		height: 6.4vw;
		margin-top: 2.4vw;
	}

}

@media only screen and (max-width: 700px){
	.tab_class {
		width: 100%;
		display: flex;
		justify-content: center;
		background-color: #FDF5E6;
		margin-top: 14.5vw;
	}
	
	.tab_class_box {
		width: 100vw;
		display: flex;
	}
	
	.tab_class_box .tab_class_item {
		width: 20vw;
		height: 8vw;
		background: linear-gradient(180deg, #FFEFC0 0%, #F8DD91 100%);
		font-size: 2vw;
		font-weight: 400;
		color: #975305;
		display: flex;
		align-items: center;
		justify-content: center;
		cursor: pointer;
	}
	
	.tab_class_box .typeActive {
		background: linear-gradient(180deg, #F26E53 0%, #B10C0A 100%);
		color: #F8DD91;
	}
	
	.ishident {
		display: none !important;
	}
	
	/* 班级类型 */
	.tab_classType {
		width: 100%;
		height: 12.26vw;
		display: flex;
		justify-content: center;
		align-items: center;
		background-color: #FDF5E6;
		font-size: 3.2vw;
		font-weight: 400;
		color: #333333;
	}
	
	.tab_classType_box {
		width: 100vw;
		display: flex;
		align-items: center;
		padding-left: 2vw;
	}
	
	.tab_classType_item {
		padding: 1.33vw 2.66vw;
		background: linear-gradient(180deg, #FFEFC0 0%, #F8DD91 100%);
		border-radius: 1.33vw;
		font-size: 2vw;
		font-weight: 400;
		color: #975305;
		display: flex;
		align-items: center;
		justify-content: center;
		cursor: pointer;
		margin-right: 4vw;
	}
	
	.classTypeActive {
		background: linear-gradient(180deg, #F26E53 0%, #B10C0A 100%);
		color: #F8DD91;
	}
	
	/* 班级介绍 */
	.introduce {
		width: 100vw;
		margin: 0 auto;
		display: flex;
		flex-direction: column;
		align-items: center;
	}
	
	.introduce_text {
		width: 90vw;
		font-size: 3.2vw;
		font-weight: 400;
		color: #666666;
		line-height: 4vw;
		margin-top: 4vw;
	}
	
	.study,
	.btnBox {
		margin-top: 4vw;
	}
	/*.study{*/
	/*    width: 33.2vw!important;*/
	/*    height: 8.66vw!important;*/
	/*    font-size: 3.46vw!important;*/
	/*}*/
	
	.btnBox img {
		width: 29.86vw;
		height: 8.66vw;
		margin: 0 4vw;
	}
	
	/* 进入学习 */
	.studyType {
		width: 100vw;
		/* height: 81px; */
		padding-bottom: 10vw;
		display: flex;
		justify-content: center;
		align-items: center;
		background-color: #FDF5E6;
		font-size: 3.2vw;
		font-weight: 400;
		color: #333333;
	}
	
	.studyType_box {
		width: 100vw;
		display: flex;
		align-items: flex-start;
		position: relative;
		padding-left: 2vw;
	}
	.studyType_box p {
		margin-top: 1.5vw;
	}
	.studyType_boxLi {
		display: flex;
		flex-wrap: wrap;
		width: 80vw;
	}
	
	.studyType_item {
		padding: 1.33vw 2.66vw;
		background: linear-gradient(180deg, #FFEFC0 0%, #F8DD91 100%);
		border-radius: 1.33vw;
		font-size: 2vw;
		font-weight: 400;
		color: #975305;
		display: flex;
		align-items: center;
		justify-content: center;
		cursor: pointer;
		margin-right: 4vw;
		margin-bottom: 2vw;
	}
	.mobilePublish{
		display: flex!important;
		margin: 4vw 0 0 4vw;
	}
	.studyType_box .publish,
	.studyType_box .goback {
		position: absolute;
		    left: 2vw;
		display: flex;
		    top: 10vw;
	}


	
	.studyTypeActive {
		background: linear-gradient(180deg, #F26E53 0%, #B10C0A 100%);
		color: #F8DD91;
	}
	
	
	/* 文章列表 */
	.articleList {
		padding: 5vw;
		display: flex;
		flex-direction: column;
		align-items: center;
	}
	
	.articleList_item {
		position: relative;
		width: 94vw;
		height: 28.66vw;
		background: #FDF5E6;
		border-radius: 1.33vw;
		padding: 2.66vw;
		border: 1px solid #D0AD9A;
		cursor: pointer;
		overflow: hidden;
	}
	
	.backimg {
		position: absolute;
		right: 0;
		top: 0;
		width: 17vw;
		height: 17vw;
	}
	
	.articleList_item_content {
		height: 100%;
		display: flex;
		flex-direction: column;
		/*justify-content: space-between;*/
		position: relative;
		z-index: 2;
	}
	
	.angleBox {
		width: 88vw;
		position: absolute;
		z-index: 2;
		left: 0.8vw;
		display: flex;
		justify-content: space-between;
	}
	
	.angleBox:first-child {
		top: 0.8vw;
	}
	
	.angleBox:last-child {
		bottom: 0.8vw;
	}
	
	.angleBox img {
		width: 2.8vw;
		height: 2.8vw;
	}
	
	.article_title {
		width: 80vw;
		font-size: 3.466vw;
		font-weight: 600;
		color: #333333;
	}
	
	.article_text {
		width: 80vw;
		font-size: 2.66vw;
		font-weight: 400;
		color: #666666;
		line-height: 4vw;
	}
	
	.article_time {
		font-size: 2.66vw;
		font-weight: 400;
		color: #666666;
		position: absolute;
		right: 0;
		bottom: 0;
	}
	
	.user {
		display: flex;
		align-items: center;
	}
	.articleList_item_content .user{
	    position: absolute;
		bottom: 2vw;
	}
	
	.user .userImg {
		width: 5.3vw;
		height: 5.3vw;
		border-radius: 50%;
	}
	
	.user .djImg {
		width: auto;
		height: 5.3vw;
		margin-right: 1.33vw;
	}
	
	.user .userName {
		font-size: 2.66vw;
		font-weight: 600;
		margin: 0 1.33vw;
		/*background-image: -webkit-linear-gradient(left, #FFBD03, #FF8503, #FB5758, #F34EB5, #7C56FF);*/
		/*-webkit-background-clip: text;*/
		/*-webkit-text-fill-color: transparent;*/
	}
	
	/* 文章详情 */
	.articleDetail {
		position: relative;
		margin: 0 auto;
		width: 94vw;
		background: #FDF5E6;
		border-radius: 1.33vw;
		border: 1px solid #D0AD9A;
		min-height: 70vw;
		padding: 4vw;
		margin-top: 4vw;
	}
	
	.articleDetail .article_text {
		margin: 1.2vw 0;
		    width: 100%;
	}
	
	.articleDetail .article_time {
		bottom: 2.4vw;
	}
	
	.articleDetail .articleList_item_content {
		padding-bottom: 9vw;
		margin-bottom: 2.4vw;
		border-bottom: 2px dashed #F2D2B5;
	}
	
	.comment {
		width: 82vw;
		height: 26.66vw;
		background: #FFF2DB;
		border-radius: 1.33vw;
		padding: 2.66vw;
		position: relative;
	}
	
	.commentLow {
		width: 82vw;
		height: 6vw;
		line-height: 6vw;
		padding: 0 2.66vw;
		margin-bottom: 2.66vw;
	}
	
	.commitComment {
		position: absolute;
		right: 2.66vw;
		bottom: 2.66vw;
		margin-right: 0;
	}
	
	.comment textarea,
	.comment input {
		/* background-color: rgba(0, 0, 0, 0); */
		border: 0;
		background: none;
		border: none;
		outline: none;
		resize: none;
		width: 100%;
	}
	
	.commentList_item {
		padding: 2.66vw;
		border-bottom: 1px solid #F2D2B5;
	}
	
	.commentList_item .user {
		margin-bottom: 1.33vw;
	}
	
	.commentText {
		display: flex;
		align-items: flex-start;
		justify-content: space-between;
		flex-direction: column;
	}
	
	.commentText p {
		width: 80vw;
		font-size: 3.2vw;
		font-weight: 400;
		color: #333333;
		line-height: 5vw;
	}
	
	.commentList_item .comment {
		margin-left: -2.4vw;
		margin-top: 2.66vw;
	}
	
	.sonComment {
		width: 7.36vw;
		height: 2.56vw;
		margin-right: 0!important;
		background-size: 100% 100%;
	}
	
	.commentList_item_children {
		margin-left: 4.4vw;
		margin-top: 2.66vw;
		padding: 2.66vw 0;
		border-top: 1px solid #F2D2B5;
	}
	
	.shareBtn {
		width: 26.66vw;
		height: 9.33vw;
		background: linear-gradient(180deg, #F26E53 0%, #B10C0A 100%);
		border-radius: 1.33vw;
		font-size: 4vw;
		font-weight: 600;
		color: #F8DD91;
		display: flex;
		align-items: center;
		justify-content: center;
		margin: 4vw auto;
		cursor: pointer;
	}
	
	/* 发布文章 */
	.publishArticle {
		position: relative;
		width: 94vw;
		margin: 0 auto;
		background: #FDF5E6;
		border-radius: 1.33vw;
		border: 1px solid #D0AD9A;
		padding: 4vw;
		margin-top: 4vw;
		overflow: hidden;
	}
	
	.articleTitle {
		font-size: 3.466vw;
		font-weight: 600;
		color: #333333;
		margin-bottom: 2.66vw;
	}
	
	.confirm {
		margin: 3.466vw auto 0;
	}
	
	/* 分享弹窗 */
	.modal-content{
		/*left: 8vw;*/
		/*top: 30vh;*/
	}
	.shareBox {
		display: flex;
		flex-direction: column;
		align-items: center;
		padding: 2.66vw;
	}
	
	.shareBox p {
	    width: 70vw;
		font-size: 3.2vw;
		font-weight: 400;
		color: #333333;
	}
	
	.shareBox div {
	
		background: linear-gradient(180deg, #FFEFC0 0%, #F8DD91 100%);
		border-radius: 1.33vw;
		display: flex;
		align-items: center;
		justify-content: center;
		padding: 0.64vw 2.66vw;
		margin-top: 3vw;
	}
	
	.shareBox img {
		width: 26.66vw;
		height: 26.66vw;
		margin-top: 4vw;
	}
	#loginMdle .modal-dialog {
		/*margin: -7vh -3vw!important;*/
	}
}


@media screen and (max-width:1200px) and (min-width:700px){
    .tab_class_box .tab_class_item {
    width: auto;
    padding: 0 1vw;
}
.introduce_text {
    line-height: 2vw;
}
    
    
    
}