/*menu-common*/
.menu-common{overflow:hidden;padding-top:20px;}
.menu-common ul li{float:left;}
.menu-common ul a{display:block;overflow:hidden;height:50px;color:#555;text-overflow:ellipsis;white-space:nowrap;line-height:50px;}
.menu-common ul a:hover,.menu-con ul a:hover i{color:#007bc4;}
/*one-menu*/
.one-menu ul{margin:0 -3%;}
.one-menu li{margin:0 3%;width:19%;}
.one-menu ul a{border-bottom:1px dashed #ddd;}
.one-menu ul a i{float:right;color:#a2a2a2;}
/*two-menu*/
.two-menu li{width:20%;}
.menu-hot ul a{padding-left: 26px;}
.menu-hot ul a.hot{background: url("/static/img/hot.png") no-repeat left 11px;}
/*three-menu*/
.p_list_title{padding:5px 0 20px;line-height:24px;}

.menu-common{min-height:calc(100vh - 560px);}

@media only screen and (max-width:1024px){
	.two-menu li {width:25%;}
}
@media only screen and (max-width:780px){
	.one-menu li{width:27.3%;}
	.two-menu li {width:33.3%;}
}
@media only screen and (max-width:640px){
	.one-menu li{width:44%;}
	.two-menu li {width:50%;}
}
@media only screen and (max-width:480px){
	.one-menu ul,.one-menu li{margin:0;}
	.one-menu li{width:100%;}
}