﻿/* 通用容器样式 */
.editor-content {
	/*padding: 15px;*/
	max-width: 1400px;
	margin: 20px auto;
	color:#222 !important;
}

/* 强制图片自适应 */
.editor-content img {
max-width: 100% !important;
height: auto !important;
}

/* 文字优化 */
.editor-content p span{
  word-break: break-word !important;
  white-space: normal !important;
  text-wrap: wrap !important;
}
@media (max-width: 1368px){
	.editor-content {
		max-width: 1140px;
	}
}

@media (max-width: 912px){
	.editor-content {
		max-width: 720px;
	}
}


/* 移动端优先的响应式布局 */
@media (min-width: 768px) {
	/* PC端左右分栏 */
	.editor-content table {
	  display: table !important;
	  width: 100% !important;
	}
	.editor-content td {
	  display: table-cell !important;
	  vertical-align: top !important;
	  width: 50% !important;
	  padding: 0 5px 0 5px !important;
	}
	
	
}

@media (max-width: 767px) {
	/* 移动端堆叠显示 */
	.editor-content table, 
	.editor-content tbody, 
	.editor-content tr, 
	.editor-content td {
	  display: block !important;
	  width: 100% !important;
	padding-bottom:  7px !important;
	}
	/* 文字优化 */
	.editor-content p span{
	  font-size: 14px !important;
	  line-height: 1.8 !important;
	  color:#222 !important;
	  word-break: break-word !important;
	  white-space: normal !important;
	  text-wrap: wrap !important;
	}
}