@charset "utf-8";
/* CSS Document */
/**
 * @description: 民生领域
 * @author: ishang_pan
 * @update: ishang_pan (2019-09-24 08:23)
 */

.u-mslyche{right: 20px; bottom: 20px; width: 166px; height: 40px;}

.u-mslyche .select dt{height:40px; line-height:40px; color:#fff; background:url(../images/msly/bg-msqh.png) no-repeat; cursor:pointer; padding-left:66px; position:relative; z-index:99; font-size:18px; font-weight: normal;}
.u-mslyche .select dd{position:absolute; left:0; top:40px; right: 0; background: url(../images/msly/bg-mszs.png); display:none; z-index:98;}
.u-mslyche .select dd li{line-height: 34px; text-align: center;}
.u-mslyche .select dd li a{display:block; color:#fff; white-space:nowrap; overflow:hidden; text-overflow: ellipsis;}
.u-mslyche .select dd li a:hover{background:#000;}

.m-mslylists{height: 298px;}
.g-mslylists{padding: 10px 14px; border: 1px solid #ddd;    height: 247px;}

.m-mslybtns ul{margin: -10px;}
.m-mslybtns li{padding: 10px; text-align: center;}
.m-mslybtns a{display: block; line-height: 72px; font-size: 20px; font-weight: bold; color: #fff; overflow: hidden; word-wrap: normal; white-space: nowrap; text-overflow: ellipsis;}
.m-mslybtns span{display: inline-block; width: 30px; height: 30px; line-height: 30px; font-size: 30px; font-weight: normal; margin-right: 20px; vertical-align: middle;}
.u-ms1 a{background: #de7d7d;}
.u-ms2 a{background: #eaa36a;}
.u-ms3 a{background: #65b1ca;}
.u-ms4 a{background: #79d075;}

.g-mslygrps{padding: 10px 14px; border: 1px solid #ddd;}


/*media query*/
/*large pcScreen*/
@media (min-width:1200px) {
    
}
/*medium pcScreen*/
@media screen and (max-width: 1199px) {
    .m-mslylists{height: 238px;}

}
/*pad*/
@media screen and (max-width: 991px ){
	.m-mslybanner{height: 40px;}
	.u-mslyche{bottom: 0; left: 0;}

	.m-mslybtns ul{margin: -5px;}
	.m-mslybtns li{padding: 5px;}
	.m-mslybtns a{font-size: 16px; font-weight: normal; line-height: 50px;}
	.m-mslybtns span{display: none;}
	
	.g-mslylists{height:auto;}

}
/*phone*/
@media screen and (max-width: 767px) {
	
}
/*small*/
@media screen and (max-width: 638px) {
    
}