@media screen and (max-width:1200px){
	#sidebar{
		display:none;
	}
	.pro_list{
		display:block;
		border-bottom:#cacaca 1px dashed;
		margin:10px 0 0 0;
	}
	.pro_list_img{
		width:60px;
		height:60px;
		float:left;
		margin:10px 10px;
		text-align:center;
	}
	#side_passage .pro_list .pro_list_img img{
		max-width:60px;
		max-height:60px;
	}
	.pro_list h5{
		width:calc(100% - 80px);
		float:left;
		font-size:14px;
		margin:0 0 5px 0;
		text-overflow:ellipsis;
		white-space:nowrap;
		display:block;
		overflow:hidden;
	}
	.pro_list p{
		width:calc(100% - 80px);
		float:left;
		margin:0 0 10px 0;
		text-overflow:ellipsis;
		word-break:break-all;
		overflow:hidden;
		display:-webkit-box;
		-webkit-box-orient:vertical;
		-webkit-line-clamp:3;
	}
	#show_pic{
		display:block;
		margin:10px auto;
		max-width:80%;
	}
	#passage{
		margin:0 20px 30px;
	}
	#passage *{
		font-size:14px!important;
	}
	#pass_btn{
		text-align:center;
	}
	#passage img{
		max-width:100%;
	}
	#u_table td{
		background:#ffffff;
	}
	#u_table span{
		display:block;
		padding:3px 0 3px 3px;
	}
	#u_table{
		width:100%;
		text-align:center;
		background:#cccccc;
		margin:10px 0 20px 0;
	}
}

@media screen and (min-width:1200px){
	#side_passage #show_pic{
		float:right;
		max-width:300px;
	}
	#passage{
		padding:0 0 30px 20px;
	}
	.pro_list{
		display:block;
		border-bottom:#cacaca 1px dashed;
	}
	.pro_list_img{
		width:120px;
		height:100px;
		float:left;
		margin:20px 30px;
		text-align:center;
	}
	#side_passage .pro_list .pro_list_img img{
		max-width:120px;
		max-height:100px;
	}
	.pro_list h5{
		width:550px;
		float:left;
		font-size:18px;
		margin:20px 0 5px 0;
	}
	.pro_list p{
		width:690px;
		float:left;
	}
	#side_passage{
		margin-bottom:100px;
	}
	#passage h3{
		text-align:center;
	}
	#u_table td{
		background:#ffffff;
	}
	#u_table span{
		display:block;
		padding:3px 0 3px 3px;
	}
	#u_table{
		width:750px;
		text-align:center;
		background:#cccccc;
	}
}