 * {
 	padding: 0px;
 	margin: 0px;
 }
body{
	background: #f4f5f5;
}
 header {
 	display: flex;
 	align-items: center;
 	justify-content: space-between;
 	padding: 10px 10%;
 	background-color: #fff;
 	box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
 }

 .logo {
 	display: flex;
 	align-items: center;
 }

 .logo img {
 	height: 40px;
 	margin-right: 5px;
 }

 .logo .slogan {
 	font-size: 14px;
 	color: #999;
 }

 nav a {
 	margin-right: 15px;
 	text-decoration: none;
 	color: #333;
 }

 nav a:hover {
 	color: #f60;
 }

 form {
 	display: flex;
 	align-items: center;
 }

 form input {
 	padding: 5px 10px;
 	border: 1px solid #ccc;
 	border-radius: 3px 0 0 3px;
 	outline: none;
 }

 form button {
 	padding: 5px 15px;
 	border: 1px solid #f60;
 	background-color: #f60;
 	color: #fff;
 	border-radius: 0 3px 3px 0;
 	cursor: pointer;
 }

 h1,
 h6 {
 	padding: 0px;
 	margin: 0px;
 }

 .user-auth a {
 	margin-left: 15px;
 	text-decoration: none;
 	color: #333;
 }

 .header-left {
 	display: flex;
 	width: 300px;
 }

 .header-right {
 	flex: 1;
 }

 /* 商品展示区域 - 语义化section标签 */
 /* section.products .productsTwo {

 	padding: 20px;
	    
	
	
	
 } */
 .products h2 {
 	font-size: 16px;
 }

 a {
 	color: #222;
 	text-decoration: none;
 	transition: all .3s linear;
 }

 /* 推荐阅读模块 */
 .products {
 	box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
 	/* background: #303133; */
 	width: 72.6%;
 	margin: 30px auto;
 	box-sizing: border-box;
 	padding: 10px 20px;
 	border-radius: 10px;
 	background: #fff;
 }

 .productsTwo {
 	width: 72.6%;
 	margin: 30px auto;
 	/* padding:20px; */
 	/* background: #fff; */
 	box-sizing: border-box;
 	display: flex;
 	justify-content: space-between;

 }

 .productsTwo-left {
 	box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
 	transition: all .2s linear;
 	border-radius: 10px;
 	width: 72.6%;
 	background: #ffffff;
 	padding: 20px;
 	box-sizing: border-box;
 }

 .productsTwo-left:hover {
 	box-shadow: 0 0 18px rgba(0, 0, 0, .15);
 }

 .productsTwo-right {
 	border-radius: 10px;
 	width: 26%;
	    height: max-content;
 	background: #ffffff;
 	padding: 20px 10px;
 	box-sizing: border-box;
 	box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
 	transition: all .2s linear;
 }

 .productsTwo-right:hover {
 	box-shadow: 0 0 18px rgba(0, 0, 0, .15);
 }

 .function {

 	margin-bottom: 20px;
 	background: #fff;
 	padding: 13px 20px 15px;
 	border-radius: 8px;
 	box-sizing: border-box;
 	z-index: 0;
 }

 ol,
 ul {
 	list-style: none;
 }

 .function_t {
 	line-height: 26px;
 	margin-bottom: 21px;
 	font-size: 14px;
 	font-weight: bold;
 	text-align: center;
 	background: #fff;
 	border-radius: 20px;
 }

 .function_c {
 	font-size: 14px;
 	overflow: hidden;
 }

 #divPrevious .function_c li,
 .erx-side-list li {
 	border-bottom: 1px #ddd dotted;
 	padding-bottom: 9px;
 	white-space: nowrap;
 	text-overflow: ellipsis;
 	overflow: hidden;
 }

 .function_c li {
 	margin: 8px 0;
 }

 #divPrevious .function_c>ul>li::before,
 .erx-side-list li::before {
 	content: '';
 	display: inline-block;
 	width: 4px;
 	height: 4px;
 	margin: -2px 6px 0 0;
 	background: #ddd;
 	vertical-align: middle;
 }

 .i {
 	margin-bottom: 30px;
 	font-size: 12px;
 	border-bottom: 1px #eee solid;
 	padding: 0 0 12px;
 }

 .i>span {
 	color: #aaa;
 }

 .i>span {
 	color: #aaa;
 }

 a:hover {
 	color: #f60;
 }

 .p {
 	margin-top: 15px;
 	border-top: 1px #eee solid;
 	padding: 20px 0 0;
 }

 .p>span {
 	display: block;
 	color: #bbb;
 	font-size: 14px;
 	white-space: nowrap;
 	text-overflow: ellipsis;
 	overflow: hidden;

 }

 .p .next {
 	margin-top: 12px;
 }
 
 .p em::after {
     content: ':';
     margin-right: 8px;
 }