*{
			margin: 0px;
			padding: 0px;
			border: 0px;
			text-decoration: none;/* 去掉文本修饰 */
			list-style-type: none;/* 去掉列表项前的标记 */
		}
		body,html{
			height: auto;
		}
		body{
			width: 100%;
			min-width: 375px;
			font-size: 14px;
			font-family: Arial, Helvetica, sans-serif;
			color: #000;
			display: flex;
			justify-content: center;
			background-image: linear-gradient(45deg, beige , antiquewhite);
		}
		.main hr{
			margin: 0px 20px 20px 20px;
			height: 1px;
			background-color: gray;
		}
		.main{
			width: 1200px;
			height: auto;
			background-image: linear-gradient(to right bottom, #f9f9f9, #f1f1f1);
			overflow: hidden;
		}
		
		header{
			width: 1200px;
			display: block;
		}
		.main>div{
			padding-left: 20px;
		}
		.header{
			font-size: 24px;
			font-weight: lighter;
			line-height: 70px;
			cursor: progress;
		}
		.content{
			padding: 20px 20px;
		}
		.content>p{
			font-size: 16px;
			font-family: '字魂75号-柳叶竹眉体';
			font-weight: bold;
			line-height: 20px;
		}
		.headline{
			font-size: 20px;
			font-weight: bold;
			line-height: 30px;
		}
		.headline:nth-child(1) span{
			color: #64854c;
		}
		.headline:nth-child(2){
			font-size: 19px;
		}
		.content_list{
			margin: 2em 0 0 2em;
		}
		.content_list .content_item{
			cursor: pointer;
			list-style-type: disc;
		}
		.content_list .content_item:nth-child(1){
			list-style-type: disc;
			list-style-image: linear-gradient(to left top, red , pink);
		}
		.content_list .content_item:nth-child(2){
			list-style-type: disc;
			list-style-image: linear-gradient(to left top, yellow , orange);
		}
		.content_list .content_item:nth-child(3){
			list-style-type: disc;
			list-style-image: linear-gradient(to left top, cyan , white);
		}
		.content table{
			width: 100%;
			line-height: 30px;
			border-collapse: collapse;/* 合并边框 */
		}
		.content table tbody tr:nth-child(odd){
			background-color: #f6f4f0;
		}
		.content table tbody tr:nth-child(even){
			background-color: #fff;
		}
		.content table tbody tr th{
			padding: 3px;
			color: #fff;
			background-color: #555;
			border: 1px solid #555;
			text-align: left;
		}
		.content table tbody tr td{
			padding: 5px;
			border: 1px solid #d4d4d4;
		}
		
		.main_content_box{
			border: 1px solid lightgray;
			padding: 10px;
			margin: 20px 0;
		}
		.main_content_box>p{
			line-height: 30px;
		}
		.main_content_box>p:nth-child(1){
			color: #64854c;
			font-weight: bold;
		}
		.border-radius-box,.box-shadow-box,.border-image-box{
			display: flex;
			justify-content: center;
			padding: 10px;
			background-color: #e5eecc;
			background-image: linear-gradient(to right bottom, rgba(255,255,255,0.4) , transparent);
			border: 1px solid lightgray;
		}
		.border-radius_content,.box-shadow_content,.border-image_content{
			background-color: #fff;
			border: 1px solid lightgray;
			width: 48%;
			padding: 10px 10px;
		}
		.border-radius_content pre,.box-shadow_content pre,.border-image_content pre{
			color: #64854c;
		}
		.border-radius_show,.box-shadow_show,.border-image_show{
			width: 48%;
			display: flex;
			justify-content: right;
			align-items: center;
		}
		.border-radius_show h1,.box-shadow_show h1,.border-image_show h1{
			padding: 20px 20px;
			line-height: 30px;
			border: 1px solid;
			border-radius: 25px;
			text-align: center;
			font-size: 20px;
		}
		
		.box-shadow_show h1{
			box-shadow: 10px 10px 5px #888888;
		}
		.border-image_show h1{
			border: 10px solid;
			border-image:url(../images/border.png) 30 30 round;
		}