@charset "utf-8";



/* 政民互动 */
.is-main{margin-top: 20px;}

.m-intleft{float: left;width: 840px;}
.m-intright{margin-left: 860px;}

/* 市长信箱 */
.m-szxx{margin-top: 20px; height: 548px;overflow: hidden;}
.m-szxx h3{height: 37px;border-bottom: 1px solid #ddd;}
.m-szxx h3 a{display: block;position: relative;padding: 0 10px;width: 130px; height: 37px;line-height: 24px; color: #0e54ad;font-size: 18px;text-align: center;font-weight: bold;}
.m-szxx h3 a.czzn{float: right;}
.m-szxx h3 a::after{content: "";position: absolute;bottom: -2px;left: 50%;margin-left: -15px;width: 30px;height: 5px;background: #0e54ad;border-radius: 5px;}
.m-szxx h3 a.czzn::after{display: none;}
.m-szxx h4{display: flex;padding: 12px 0;font-size: 14px; background: #f2f2f2;font-weight: bold;}
.m-szxx h4 span,.m-szxx .bd li a,.m-szxx .bd li span{white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.m-szxx .bd li{display: flex;height: 39px;line-height: 39px;}
.m-szxx .name{flex: 1;}
.m-szxx .time,.m-szxx .state,.m-szxx .type{width: 120px;text-align: center;}
.m-szxx .state{width: 120px;text-align: center;}
.m-szxx h4 .name{text-indent: 20px;}
.m-szxx .bl{color: #009900;}
.m-szxx .yh{color: #cc9900;}
.m-szxx .dc{color: #cc0000;}

/* 我要咨询 */
.m-wyxx{margin-top: 20px;}
.m-wyxx ul{display: flex;justify-content: space-between;}
.m-wyxx li{width: 200px; text-align: center; background-color: #fff;}
.m-wyxx li a{display: block;padding: 25px 0;}
.m-wyxx li.zx a{border-top: 5px solid #8bb7ed;}
.m-wyxx li.ts a{border-top: 5px solid #edcc8b;}
.m-wyxx li.jy a{border-top: 5px solid #8bdeed;}
.m-wyxx li.cx a{border-top: 5px solid #ed8bbe;}
.m-wyxx li span{display: block; font-size: 30px;color: #0e54ad;}
.m-wyxx li.zx span{color: #8bb7ed;}
.m-wyxx li.ts span{color: #edcc8b;}
.m-wyxx li.jy span{color: #8bdeed;}
.m-wyxx li.cx span{color: #ed8bbe;}
.m-wyxx li a:hover span{transition: .5s;transform: rotateY(360deg);}
.m-wyxx li.zx a:hover{color: #8bb7ed;}
.m-wyxx li.ts a:hover{color: #edcc8b;}
.m-wyxx li.jy a:hover{color: #8bdeed;}
.m-wyxx li.cx a:hover {color: #ed8bbe;}

/* 信件数据统计 */
.highcharts-credits,.highcharts-exporting-group{display: none;}
.u-sjtb{min-width:300px;height:180px;}
.u-sl ul{overflow: hidden;}
.u-sl ul li{float: left;width: 50%;height: 35px;line-height: 35px;}

/* 网上投诉 */
.m-wsts{margin-bottom: 20px; background: #fff;}
.m-wsts ul{display: flex;justify-content: space-around;flex-wrap: wrap;}
.m-wsts ul li{width: 50%;border-left: 1px solid #ddd;border-top: 1px solid #ddd;}
.m-wsts ul li:nth-child(1),.m-wsts ul li:nth-child(2) {border-top: none;}
.m-wsts ul li:nth-child(1) {border-left: none;}
.m-wsts ul li a{display: block;padding: 20px 0; text-align: center;}
.m-wsts ul li span{display: block; font-size: 30px;color: #0e54ad;}
.m-wsts ul li .mtjz{height: 43px; background: url(/dist/images/public/mtjz.png) center no-repeat;}
.m-wsts ul li a:hover span{transform: rotateY(360deg);transition: .5s;}

/* 在线访谈 */
.m-zxft{width: 100%; height: 310px;overflow: hidden;}
.m-zxft .bd{float: left;width: 785px;}
.u-ft{display: flex;margin-top: 20px;}
.u-ft img{margin-right: 15px;width: 298px;height: 213px;}
.u-ft div{flex: 1;}
.u-ft h3{margin-bottom: 10px;}
.u-ft h3 a{font-size: 16px;font-weight: bold;}
.u-ft p{line-height: 30px;}

.u-wqhg{margin: 20px 0 0 800px;}
.u-wqhg h4{margin-bottom: 10px;}
.u-wqhg h4 a{font-size: 16px;font-weight: bold;color: #0e54ad;}
.u-wqhg ul{padding: 0 10px 0 2px;height: 185px;overflow: auto;border: none;}
.u-wqhg ul::-webkit-scrollbar {/*滚动条整体样式*/
    width: 5px;     /*高宽分别对应横竖滚动条的尺寸*/
    height: 1px;
}
.u-wqhg ul::-webkit-scrollbar-thumb {/*滚动条里面小方块*/
    border-radius: 5px;
     -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.1);
    background: #c0c0c0;
}
.u-wqhg ul::-webkit-scrollbar-track {/*滚动条里面轨道*/
    -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
    border-radius: 5px;
    background: #e4e4e4;
}
.u-wqhg ul li{margin-bottom: 10px;}
.u-wqhg h5{padding: 5px 10px; line-height: 26px; font-size: 16px;font-weight: normal;background: #f5f5f5;}
.u-wqhg a:hover h5{color: #fff;background: #0e54ad;}
.u-wqhg .hg-bz{padding: 10px;box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.2);}
.u-wqhg .hg-bz p{font-size: 14px;color: #999;}

/* 意见征集 */
.m-yjzj{float: left;width: 840px;height: 375px;overflow: hidden;}
.m-yjzj .hd{margin-bottom: 20px;}
.m-yjzj a.yf {font-weight: bold;font-size: 18px;padding: 0 10px;}
.m-yjzj .bd li{margin-top: 10px; background: #f5f5f5;}
.m-yjzj .bd li h3{float: left; padding: 10px; width: 34px;font-size: 16px;}
.m-yjzj .bd li .begin{color: #fff;background: #0e54ad;}
.m-yjzj .bd li .over{color: #666;background-color: #d9d9d9;}
.m-yjzj .bd .content{padding: 20px;margin-left: 34px;}
.m-yjzj .bd li h4{margin-bottom: 10px;}
.m-yjzj .bd li h4 a{display: block; font-size: 16px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.m-yjzj .bd li p{width: 100%; font-size: 14px;color: #999;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.m-yjzj .bd li.show .content{padding: 15px 20px;margin-left: 0;}
.m-yjzj .bd li.show span{padding: 5px 15px;margin-right: 10px;font-size: 12px;color: #fff;background: #678ebf;border-radius: 5px;}
.m-yjzj .bd li.show span a{font-size: 12px;color: #fff;}

/* 回复率排行 */
.m-rank{margin-left: 860px;height: 375px;overflow: hidden;}
.m-rank .bd h3,.m-rank .bd li{display: flex;}
.m-rank .rank{width: 70px;text-align: center;}
/* .m-rank .name{flex: 1;} */
.m-rank .reply{width: 90px;text-align: center;}
.m-rank .bd h3{margin-top: 5px; height: 45px;line-height: 45px;}
.m-rank .bd h3 span{font-weight: bold;font-size: 16px;}
.m-rank .bd h3 .name{text-indent: 30px;flex: 1;}
.m-rank .bd li{height: 41px;line-height: 41px;}
.m-rank .bd li span{display: block;float: left;margin-right: 0;}
.m-rank .bd li .name{white-space: nowrap;text-overflow: ellipsis;overflow: hidden;width: 180px;}
.m-rank .bd li b{padding: 1px 5px; font-weight: normal;font-size: 12px; color: #fff;background: #959595;border-radius: 3px;}
.m-rank .bd li:nth-child(1) b,.m-rank .bd li:nth-child(2) b,.m-rank .bd li:nth-child(3) b{background: #ff9900;}


@media (max-width:1240px){
    .m-intleft,.m-yjzj{width: 800px;}
    .m-intright,.m-rank{margin-left: 820px;}
}
@media (max-width:1200px){
    .m-intleft,.m-yjzj,.m-zxft,.m-zxft .bd{float: none;width: 100%;height: auto;}
    .m-intright,.m-rank,.u-wqhg{margin-left: 0; height: auto;}
    .m-wyxx{margin-bottom: 20px;}
    .m-wyxx li{width: 23%;}
}
@media (max-width:991px){
    .u-ft{display: block;}
    .u-ft img{display: block;margin: 0 auto 10px;}
    .u-ft p{white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
}
@media (max-width:767px){
    .m-szxx .time{display: none;}
    .m-rank .bd li .name{width: 152px;}
}
@media (max-width:414px){
    .m-szxx .type{display: none;}
    .m-szxx .state{width: 90px;}
    .m-wyxx{margin-bottom: 0;}
    .m-wyxx ul{flex-wrap: wrap;}
    .m-wyxx li {width: 47%;margin-bottom: 20px;}
    .u-sjtb{min-width: 200px;}
    .m-wsts ul li{width: 50%;}
    .m-wsts ul li:nth-child(3){border-top: 1px solid #ddd;border-right: 1px solid #ddd;}
    .u-ft img{width: 100%;}
    .m-yjzj .bd li.show span{display: inline-block;margin-top: 5px;}
}