@media screen and (max-width:768px){
	#top,#main{display: none;}
	#home_top{
		z-index: 100;
	}
	#mobie_main{
		position: relative;
		
	}
	.shenglist{
		position: fixed;
		left: 0;
		top:0;
		bottom: 0;
		background-color: #ddd;
		width: 6.25rem;
		z-index: 1;
		padding-top: 3.75rem;
		overflow: auto;
	}
	.shenglist a{
		display: block;
		line-height: 2.5rem;
		padding-left: 1.25rem;
		color: #666;
	}
	.shenglist a.current{
		background-color: #fff;
	}
	.enterlist{
		position: fixed;
		left: 6.25rem;
		top:0;
		bottom: 0;
		right: 0;
		z-index: 1;
		overflow: auto;
		box-sizing: border-box;
		padding: 3.75rem 0.625rem;
	}
	.enterlist dl{
		padding-top: 0.625rem;
		padding-bottom:0.625rem;
	}
	.enterlist dl dt a{
		font-size: 1rem;
		color: #369;
		text-decoration: underline;
		font-weight: bold;
		padding-bottom: 5px;
	}
	
}
@media screen and (min-width:769px){
	#home_top,#mobie_main{display: none;}
	#main{
		padding: 20px;
		padding-top: 50px;
		display: grid;
		grid-template-columns: repeat(4, 1fr);
		gap: 10px;
	}
	.line{
		border: 1px solid #ccc;
		border-radius: 5px;
		overflow: hidden;
		height: 200px;
	}
	.title{
		height: 30px;
		background-color: #eee;
		border-bottom: 1px solid #ddd;
		display: flex;
		justify-content: space-between;
		align-items: center;
	}
	.title div{
		height: 30px;
		display: flex;
		align-items: center;
		justify-content: flex-start;
	}
	.title div span{
		background-color: #369;
		color: #fff;
		height: 20px;
		width: 20px;
		margin: 5px;
		border-radius: 100%;
		text-align: center;
		font-size: 12px;
		line-height: 20px;
	}
	.line dl{
		padding: 10px 10px 0 10px;
	}
	.line dl dt a{
		font-weight: bold;
		color: #369;
	}
	.line dl dt a:hover{
		text-decoration: underline;
		color: #f60;
	}
	.title a{
		font-size: 12px;
		padding-right: 10px;
		color: blue;
		text-decoration: underline;
	}
	.title a:hover{
		color: #f60;
	}
}