@media screen and (min-width:901px) and (max-width:1200px){
	#Content #Content-Top #Top-top{
		width: 90%;
	}
	#Content #Content-Top .Top-bottom ul li a{
		padding: 0 3%;
	}
	#Content #Content-content .generl{
		display: block;
	}
	#Content #Content-content .generl p{
		font-size: 12px;
	}
	#Content #Content-content .generl p:nth-child(1){
		font-size: 16px;
	}
	#Content #Content-content .business .list .img{
		width: 33%;
	}
	#Content #Content-content .user .user-list .user-img{
		width: 33%;
	}
	#Content #Content-content .introduce div{
		width: 45%;
	}
	#Content #Content-content .introduce .introduce-right{
		float: left;
		margin-left: 3%;
	}
	#Content #Content-content .User-img ul li{
		width: 25%;
	}
}
@media screen and (min-width:601px) and (max-width:900px){
	#Content #Top-top{
	 	min-height: 110px;
	 	height: auto !important;
	 	height: 110px;
	 }
	#Content #Content-Top #Top-top{
		width: 100%;
	}
	#Content #Content-Top #Top-top .BJ,.SouSuo,.WX{
		margin: 6px 0;
	}
	#Content #Content-Top #Top-top #ListNav{
		width: 60%;
		margin-left: 3%;
		margin-right: 3%;
		
	}
	#Content #Content-Top #Top-top .WX a:nth-child(1) img{
		width: 65%;
	}
	#Content #Content-Top #Top-top .WX span{
		right: 0;
	}
	#Content #Content-Top .Top-bottom ul li a{
		padding: 0 1%;
	}
	#Content #Content-content .generl{
		display: block;
	}
	#Content #Content-content .generl a{
		/*display: none;*/
	}
	#Content #Content-content .generl p{
		width: 75%;
		font-size: 12px;
	}
	#Content #Content-content .user .user-list .user-img{
		width: 33%;
	}
	#Content #Content-content .introduce div{
		width: 98%;
	}
	#Content #Content-content .introduce .introduce-right{
		margin-top: 10px;
		float: left;
		/*margin-left: 1%;*/
	}
	#Content #Content-content .User-img ul li{
		width: 33%;
	}
	#Content #Content-content .generl{
		width: 100%;
	}
	#Content #Content-content .business .list{
		width: 100%;
	}
	#Content #Content-content .business .list .img{
		width: 33%;
	}
	#Content #Content-content .User-img{
		width: 100%;
	}
	#Content #Content-content .User-img ul li{
		width: 25%;
	}
}
@media screen and (min-width:301px) and (max-width:600px){
	 #Content #Content-Top #Top-top{
		width: 100%;
	}
	#Content #Content-Top #Top-top .BJ{
		width: 160px;
		float: initial;
	}
	#Content #Content-Top #Top-top #ListNav{
		width: 100%;
	}
	#Content #Content-Top #Top-top #ListNav .select {
    	width: 35%;
	}
	#Content #Content-Top #Top-top #ListNav .Sou {
    	width: 63%;
	}
	#Content #Content-Top #Top-top .WX{
		width: 50%;
		position: absolute;
		right: 3%;
		top: 0;	
	}
	#Content #Content-Top #Top-top .WX a:nth-child(1) img{
		width: 65%;
		margin-left: 15%;
	}
	#Content #Content-Top #Top-top .WX span{
		right: 0;
	}
	#Content #Content-Top .Top-bottom{
		display: none;
	}
	#Content #Content-content .generl{
		display: block;
	}
	#Content #Content-content .generl a{
		display: none;
	}
	#Content #Content-content .generl p{
		font-size: 12px;
	}
	#Content #Content-content .business .list .img{
		width: 50%;
	}
	#Content #Content-content .user .user-list .user-img{
		width: 50%;
	}
	#Content #Content-content .introduce{
		width: 100%;
	}
	#Content #Content-content .introduce div{
		width: 100%;
	}
	#Content #Content-content .introduce .introduce-left{
		margin-bottom: 15px;
	}
	#Content #Content-content .introduce div:nth-child(2){
		float: left;
	}
	#Content #NAV #direction{
		display: block;
	}
	#Content #Content-content .generl{
		width: 100%;
	}
	#Content #Content-content .business .list{
		width: 100%;
	}
	#Content #Content-content .User-img{
		width: 100%;
	}
	#Content #Content-content .User-img ul li{
		width: 33%;
	}
	#mask img{
		width: 80%;
		height: auto;
	}
}
@media screen and (min-width:0px) and (max-width:300px) {
	#Content #Content-Top #Top-top{
		width: 100%;
	}
	#Content #Content-Top #Top-top .BJ{
		width: 160px;
		float: initial;
	}
	#Content #Content-Top #Top-top #ListNav{
		width: 100%;
	}
	#Content #Content-Top #Top-top #ListNav .select p{
		padding: 0;
		letter-spacing: 0px;
	}
	#Content #Content-Top #Top-top .WX{
		width: 50%;
		position: absolute;
		right: 3%;
		top: 0;	
	}
	#Content #Content-Top #Top-top .WX a:nth-child(1){
		display: none;
	}
	#Content #Content-Top #Top-top .WX span{
		right: 0;
	}
	#Content #Content-Top #Top-top #ListNav .search{
		width: 25%;
	}
	#Content #Content-Top .Top-bottom{
		display: none;
	}
	#Content #Content-content .generl{
		display: block;
		width: 100%;
	}
	#Content #Content-content .generl a{
		display: none;
	}
	#Content #Content-content .business .list{
		width: 100%;
	}
	#Content #Content-content .business .list .img{
		width: 100%;
	}
	#Content #Content-content .user .user-list .user-img{
		width: 100%;
	}
	#Content #Content-content .introduce{
		width: 100%;
	}
	#Content #Content-content .introduce div{
		width: 100%;
	}
	#Content #Content-content .introduce .introduce-left{
		margin-bottom: 15px;
	}
	#Content #Content-content .introduce .generl a{
		display: none;
	}
	#Content #NAV #direction{
		display: block;
	}
	#Content #Content-content .User-img{
		width: 100%;
	}
	#Content #Content-content .User-img ul li{
		width: 50%;
	}
	#mask img{
		width: 80%;
		height: auto;
	}
}