@charset "gb2312";
		.content-site{
    		margin: 20px 0;
    		overflow: hidden;
    	}
    	.content-site>a{
    		float: left;
    		color: #ababab;
    		font-size: 12px;
    	}
    	.content-body{
    		background-color: #ececea;
    		overflow: hidden;
    		margin-bottom: 20px;
    	}
    	.content-body>h3{
    		display: block;
    		text-align: center;
    		font-size: 22px;
    		margin: 52px 0 30px 0;
    	}
    	.content-mark{
    		width: 1080px;
    		margin: 0 auto;
    		background-color: #d63c2a;
    		text-align: center;
    	}
    	.content-mark>p{
    		font-size:  12px;
    		color: #FFFFFF;
    		line-height: 40px;
    		font-weight: bold;
    	}
    	.content-body .number{
    		display: block;
    		font-size: 12px;
    		color: #6a6a6a;
    		margin: 20px 0;
    		text-align: center;
    		font-weight: bold;
    	}
    	.content-text{
    		width: 1080px;
    		margin: 10px auto;
    		overflow: hidden;35px
    		line-height: ;
    	}
    	.content-Source{
    		width: 1080px;
    		height: 40px;
    		margin: 20px auto;
    		line-height: 40px;
    		background-color: #c4d7eb;
    		font-size: 14px;
    	}
    	.content-Source >p{
    		display: block;
    		float: left;
    		margin-left: 15px;
    		font-weight: bold;
    		color: #6a6a6a;
    	}
    	.jiathis_style{
    		float: right;
    		margin: 14px 15px 0 0;
    	}
    	
		@media only screen and (min-width: 100px) and (max-width: 320px) {
			
			.content-site{
	    		margin: 10px 0;
	    	}
	    	.content-site>a{
	    		margin-left:5px ;
	    	}
	    	.content-body{
	    		margin-bottom: 10px;
	    	}
	    	.content-body>h3{
	    		text-align: center;
	    		font-size: 16px;
	    		margin: 15px 0 15px 0;
	    		padding: 0 15px;
	    	}
	    	.content-mark{
	    		width: 320px;
	    		margin: 0 auto;
	    		background-color: #fd9a2c;
	    		text-align: center;
	    	}
	    	.content-mark >p{
	    		line-height: 20px;
	    		padding: 0 50px;
	    	}
	    	.content-body .number{
	    		display: block;
	    		font-size: 12px;
	    		color: #6a6a6a;
	    		margin: 20px 0;
	    		text-align: center;
	    		font-weight: bold;
	    	}
	    	.content-text{
	    		width: 94%;
				margin: 10px auto;
				overflow: hidden;
				line-height: 20px;
				padding-left: 3%;
				padding-right: 3%;
	    	}
	    	.content-Source{
	    		width: 100%;
	    		height: 40px;
	    		margin: 10px auto;
	    		line-height: 40px;
	    		background-color: #c4d7eb;
	    		font-size: 12px;
	    	}
	    	.content-Source >p{
	    		display: block;
	    		float: left;
	    		margin-left: 20px;
	    		font-weight: bold;
	    		color: #6a6a6a;
	    	}
	    	.jiathis_style{
	    		float: right;
	    		margin: 14px 15px 0 0;
	    	}
		}
		@media only screen and (min-width: 321px) and (max-width: 375px) {
			
			.content-site{
	    		margin: 10px 0;
	    	}
	    	.content-site>a{
	    		margin-left:5px ;
	    	}
	    	.content-body{
	    		margin-bottom: 10px;
	    	}
	    	.content-body>h3{
	    		text-align: center;
	    		font-size: 16px;
	    		margin: 15px 0 15px 0;
	    		padding: 0 15px;
	    	}
	    	.content-mark{
	    		width: 375px;
	    		margin: 0 auto;
	    		background-color: #fd9a2c;
	    		text-align: center;
	    	}
	    	.content-mark >p{
	    		line-height: 20px;
	    		padding: 0 50px;
	    	}
	    	.content-body .number{
	    		display: block;
	    		font-size: 12px;
	    		color: #6a6a6a;
	    		margin: 20px 0;
	    		text-align: center;
	    		font-weight: bold;
	    	}
	    	.content-text{
	    		width: 94%;
				margin: 10px auto;
				overflow: hidden;
				line-height: 20px;
				padding-left: 3%;
				padding-right: 3%;
	    	}
	    	.content-Source{
	    		width: 100%;
	    		height: 40px;
	    		margin: 10px auto;
	    		line-height: 40px;
	    		background-color: #c4d7eb;
	    		font-size: 12px;
	    	}
	    	.content-Source >p{
	    		display: block;
	    		float: left;
	    		margin-left: 20px;
	    		font-weight: bold;
	    		color: #6a6a6a;
	    	}
	    	.jiathis_style{
	    		float: right;
	    		margin: 14px 15px 0 0;
	    	}
		}
		@media only screen and (min-width: 376px) and (max-width: 414px) {
			
			.content-site{
	    		margin: 10px 0;
	    	}
	    	.content-site>a{
	    		margin-left:8px ;
	    	}
	    	.content-body{
	    		margin-bottom: 10px;
	    	}
	    	.content-body>h3{
	    		text-align: center;
	    		font-size: 16px;
	    		margin: 15px 0 15px 0;
	    		padding: 0 15px;
	    	}
	    	.content-mark{
	    		width: 414px;
	    		margin: 0 auto;
	    		background-color: #fd9a2c;
	    		text-align: center;
	    	}
	    	.content-mark >p{
	    		line-height: 35px;
	    		padding: 0 50px;
	    	}
	    	.content-body .number{
	    		display: block;
	    		font-size: 12px;
	    		color: #6a6a6a;
	    		margin: 20px 0;
	    		text-align: center;
	    		font-weight: bold;
	    	}
	    	.content-text{
	    		width: 94%;
				margin: 10px auto;
				overflow: hidden;
				line-height: 20px;
				padding-left: 3%;
				padding-right: 3%;
	    	}
	    	.content-Source{
	    		width: 100%;
	    		height: 40px;
	    		margin: 10px auto;
	    		line-height: 40px;
	    		background-color: #c4d7eb;
	    		font-size: 12px;
	    	}
	    	.content-Source >p{
	    		display: block;
	    		float: left;
	    		margin-left: 20px;
	    		font-weight: bold;
	    		color: #6a6a6a;
	    	}
	    	.jiathis_style{
	    		float: right;
	    		margin: 14px 15px 0 0;
	    	}
		}