html,body,h1,h2,h3,h4,h5,h6,div,dl,dt,dd,ul,ol,li,p,blockquote,pre,hr,figure, caption,th, form,fieldset,legend,input,button,textarea,menu{margin:0;padding:0;}
header,footer,section,article,aside,nav,hgroup,address,figure,figcaption,menu,details{display:block;}
caption,th{text-align:left;font-weight:normal;}
html,body,fieldset,img,iframe,abbr{border:0;}
i,cite,em,var,address,dfn{font-style:normal;}
[hidefocus],summary{outline:0;}
li{list-style:none;}
h1,h2,h3,h4,h5,h6,small{font-size:100%;}
sup,sub{font-size:83%;}
pre,code,kbd,samp{font-family:inherit;}
q:before,q:after{content:none;}
textarea{overflow:auto;resize:none;}
label,summary{cursor:default;}
h1,h2,h3,h4,h5,h6,em,strong,b{font-weight:bold;}
a{text-decoration:none}

.id-body {
    background-color: white;
}
.top-icon {float:right;}
.top-icon img{ vertical-align:initial;}
.id-ss-box .border1 {
    font-size: 18px;
    line-height: 30px;
    width: 3px;
    float: left;
    color: #eeeeee;
}

.laydate-cell-content {
    position: relative;
}
.laydate-cell-content .laydate-day-mark {
    display: none!important;
}

.layui-laydate-content .laydate-day-mark {
    top: 55px;
}
.laydate-cell-content .dot-y {
    position: absolute;
    top: 0;
    right: 0;
    font-size: 12px;
    display: block;
    padding: 0px 3px;
    background-color: tomato;
    color: white;
    border-radius: 5px;
    line-height: 15px;
}

.laydate-cell-content .dot-n {
    position: absolute;
    top: 0;
    right: 0;
    font-size: 12px;
    display: block;
    padding: 0px 3px;
    background-color: #333333;
    color: white;
    border-radius: 5px;
    line-height: 15px;
}

.solar-term {
    font-size: 12px;
}

.hctools { 
    background: transparent;
    font-size:16px;
    color: #000000;
    left: 0;
    padding: 10px;
    position: absolute;
    top: -104.2rem;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    z-index: 7001;
}
.hctools:focus {
    background: white;
    left: 0;outline: 0;
    position: absolute;
    top: 0;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

#toolbarContents  {	
    background: #0d5da7;	
    left:0;	top: 0px;	
    position:fixed;	
    width: 100vw;	
    height: 110px;	
    font-size: 16px;
}

.topbar-html {
  width: 100%;
  background: #0169c0;
  overflow: hidden;
  z-index: 2147483645;
  position: fixed;
  top: 0;
  box-shadow: 0 0 10px 2px #999;
  left: 0;
  right: 0;
}
.topbar-html-mright {
  margin-right: 50px !important;
}
.topbar-html-margin0 {
  margin: 0 !important;
}
.topbar-html-content {
  width: 1080px;
  height: 100px;
  margin: 0 auto;
  display: flex;
  justify-content: center;
}
.topbar-html-content-item {
  cursor: pointer;
  margin: 0 6px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.topbar-html-content-item span {
  height: 30px;
  line-height: 30px;
  color: #FFFFFF;
  font-size: 16px;
  font-weight: 500;
  font-family: PingFangSC-Medium;
}
.topbar-html-content-item img {
  height: 52px;
  width: 52px;
  border-radius: 5px;
  display: block;
}
.bigtext-html {
  z-index: 99999999999;
  height: 150px;
  text-align: center;
  position: fixed;
  bottom: 0;
  right: 0;
  left: 0;
  border-top: 1px solid #505050;
}
.bigtext-html-content {
  height: 100%;
  background-color: #FFFFFF;
  font-size: 53px;
  color: #333 !important;
  text-align: center;
  font-weight: bold;
}
.pointer-follow-html-x, .pointer-follow-html-y {
  z-index: 99999999999;
  transform: none;
  transform-origin: 0px 0px;
  position: fixed;
  top: 0;
  left: 0;
  background-color: #ff0000 !important;
  width: 100%;
  height: 4px;
}
.pointer-follow-html-y {
  height: 100%;
  width: 4px;
}
.bigtext-html {
  z-index: 99999999999;
  height: 150px;
  text-align: center;
  position: fixed;
  bottom: 0;
  right: 0;
  left: 0;
  border-top: 1px solid #0169c0;
  background-color: #FFFFFF;
}
.bigtext-html-content {
  height: 100%;
  background-color: #FFFFFF;
  font-size: 53px;
  color: #333 !important;
  text-align: center;
  font-weight: bold;
  width: 93%;
  margin: 0 auto;
}
.bigtext-html-btn {
  width: 20px;
  height: 20px;
  background-color: red;
  position: absolute;
  right: 20px;
  top: 20px;
  border-radius: 10px;
  color: #FFFFFF;
  cursor: pointer;
}
.bigtext-html-bone {
  width: 100%;
  height: 151px;
}


@media screen and (max-width: 1366px) { #toolbarContents {	font-size: 14px;	}
}
.hinge_toolbarl{	width: 13%;	float: left;	background: #0d5da7;	height: 100%;	padding: 0px 9px;	box-sizing: border-box;}
.hinge_toolbarl ul li{	width: 33.3%;	float: left;	height: 110px; text-align: center;	display: flex;	justify-content: center;	align-items: center;}
.hinge_toolbarl ul li:hover{	background: rgba(0, 0, 0, .1);}
.hinge_toolbarm{width: 78%;margin-left: 6%;color: #fff;float: left;margin-top: 10px;}
.hinge_toolbarm li{width: 6.3333333%;margin: 0.5%;text-align: center;background: url(https://www.suining.gov.cn/resource/site/5109000015/wza/images/bar.png) no-repeat top center;background-size: 100% 100%;padding: 6px 0px 10px;line-height: 19px;list-style-type: none;}
.hinge_toolbarm li:hover{background: url(https://www.suining.gov.cn/resource/site/5109000015/wza/images/barhover.png) no-repeat top center;}
.barbox_on .sel {background: url(https://www.suining.gov.cn/resource/site/5109000015/wza/images/barhover.png) no-repeat top center;background-size: 100% 100%;}
.barbox .sel {background: url(https://www.suining.gov.cn/resource/site/5109000015/wza/images/barhover.png) no-repeat top center;background-size: 100% 100%;}
.hinge_toolbarm li svg{width: 40px;}
.hinge_toolbarm li.dpzy{background: none;width: 73.6739%;float: left;border: 1px solid #0d5da7;border-radius: 8px;height: 80px;box-sizing: border-box; line-height: 80px; padding: 6px 12px 10px;}
.mediaButton {width: 16.6666666%;text-align: center;font-size: 18px;font-weight: bold;line-height: 36px;float: left;background: url(https://www.suining.gov.cn/resource/site/5109000015/wza/images/line.svg) no-repeat right center;}
.hinge_toolbarm .mediaButton:nth-last-child(1) {background: none;}
.mediaButton a {	color: #fff;}
.mediaButton a:hover {	color: #fff;}
.media_b {	font-weight: 400;	line-height: 21px;}
.speed .speed_m,.speed .speed_r{	display: none;}
.speed.sp01 .speed_l {	display: none;}
.speed.sp01 .speed_m {	display: block;}
.speed.sp02 .speed_l {	display: none;}
.speed.sp02 .speed_r {	display: block;}
.ydfs .ydfs_m,.ydfs .ydfs_r{	display: none;}
.ydfs.fs01 .ydfs_l {	display: none;}
.ydfs.fs02 .ydfs_l {	display: none;}
.ydfs.fs02 .ydfs_r {	display: block;}
.sound .btnoff {	display: none;}
.sound.soundin .btnon {	display: none;}
.sound.soundin .btnoff {	display: block;}
.fix .btnoff {	display: none;}
.fix.soundin .btnon {	display: none;}
.fix.soundin .btnoff {	display: block;}
.barbox {	display: none;}
.hinge_toolbarm.screen .barbox {	display: block}
.hinge_toolbarm.screen .barbox_on {	display: none;}
.hinge_toolbarr {width: 13%;float: right;background: #0d5da7;height: 100%;padding: 0px 9px;box-sizing: border-box;}
.hinge_toolbarr ul li {width: 33.3%;float: left;height: 88px;text-align: center;color: #fff;padding-top: 23px;line-height: 20px;}
.hinge_toolbarr ul li:hover {background: rgba(0, 0, 0, .1);}
.hinge_toolbarl svg {margin: 0px 8px;}
.hinge_toolbarm {width: 78%;margin-left: 6%;color: #fff;float: left;margin-top: 10px;}
.hinge_toolbarm li {width: 6.3333333%;float: left;margin: 0.5%;text-align: center;background: url(https://www.suining.gov.cn/resource/site/5109000015/wza/images/bar.png) no-repeat top center;background-size: 100% 100%;padding: 6px 0px 10px;line-height: 19px;}
.hinge_toolbarm li:hover {background: url(https://www.suining.gov.cn/resource/site/5109000015/wza/images/barhover.png) no-repeat top center;background-size: 100% 100%;}
.hinge_toolbarm li svg {width: 40px;}
.hinge_toolbarm li.dpzy {background: none;width: 73.6739%;float: left;border: 1px solid #0d5da7;border-radius: 8px;height: 80px;box-sizing: border-box;line-height: 80px;padding: 6px 12px 10px;}
#hzy_viewing{text-align:center;width:100%}
#hzy_viewing{zoom:1!important; position:fixed;bottom:0;left:0;background:#393c46;height:160px;overflow:hidden;}
#hzy_viewing ul{list-style:none;margin:0;padding:0;overflow:hidden;height:160px}
#hzy_viewing #viewingLeft{float:right;padding:12px 10px 0 10px;color:#fff;overflow:hidden;height:160px;width:100px;box-sizing:border-box;font-family: "微软雅黑";}
#hzy_viewing #closeViewing,#hzy_viewing a{color:#000;font-weight: bold;text-decoration:none;display:block;line-height:30px;font-size:18px;width:auto;border:1px solid rgba(255,255,255,.3);border-radius:5px;text-align:center;clear:left;margin:0 0 15px 0;cursor:pointer;font-style:normal;background:#fff}
#hzy_viewing #closeViewing{margin:0}
#hzy_viewing #closeViewing:hover,#hzy_viewing a:hover{color:#000000;background:#fff;}
#hzy_viewing #viewingRight{font-family:"Microsoft YaHei";text-align:center;font-size:32pt!important;letter-spacing:5px;color:#fff;overflow-y:auto;overflow-x:hidden;height:150px;background:#393c46;border-radius:5px;margin:5px 5px 0 0}
#hzy_viewing #viewingRight::-webkit-scrollbar{width:10px;height:1px}
#hzy_viewing #viewingRight::-webkit-scrollbar-thumb{border-radius:10px;background-color:rgba(0,0,0,.2)!important;background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.2) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.2) 50%,rgba(255,255,255,.2) 75%,transparent 75%,transparent)!important}
#hzy_viewing #viewingRight::-webkit-scrollbar-track{box-shadow:inset 0 0 5px rgba(0,0,0,.2);background:#ededed!important;border-radius:10px}
.pinyin{font-size: inherit !important;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-bottom:0!important;float:left;line-height:50%;color:#000;font-weight:600!important;margin-left:5px!important}
.pinyin b{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;flex-flow:column;font-weight:400;font-style:normal;padding:0 5px 0 0;position:relative;z-index:2}
.pinyin b::before{content:"";position:absolute;width:37px;height:1px;z-index:1;left:0;bottom:17.5px;border-top:dashed 1px #a9a9a9}
.pinyin b::after{content:"";position:absolute;width:1px;height:37px;z-index:1;left:19px;bottom:0;border-left:dashed 1px #a9a9a9}
.pinyin i{text-align:center;font-style:normal}
.pinyin b>i:first-child{letter-spacing:.5px;color:#fff!important;font-size:14pt!important;font-weight:400;margin:10px 0 2px 0;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif}
.pinyin b>i:last-child{width:37px;height:37px;line-height:37px;font-size:28pt!important;position:relative;z-index:2;border:solid 1px #a9a9a9!important;color:#fff !important;font-family:"楷体",KT,"LiHei Pro Medium";font-weight:600}
.pinyin b>i:last-child::before{content:"";position:absolute;width:49.5px;height:49.5px;z-index:-1;left:0;bottom:0;transform-origin:left bottom;transform:rotate(45deg);border-left:dashed 1px #a9a9a9!important}
.pinyin b>i:last-child::after{content:"";position:absolute;width:49.5px;height:49.5px;z-index:-1;right:0;bottom:0;transform-origin:right bottom;transform:rotate(-45deg);border-right:dashed 1px #a9a9a9!important}
.showbox{	position: fixed;left: 0px;top: 110px;height: 100vh;background: #e5e5e5;width: 100vw;box-sizing: border-box;padding: 2% 0;-webkit-transition: all .5s;-moz-transition: all .5s;-ms-transition: all .5s;-o-transition: all .5s;display:none;}
.hinge_toolbarl ul li:hover .showbox{	display:block;}
.f-ca {	width:1200px;	margin:0 auto;	padding-top:30px;}
.hinge_toolbarl ul li ul.f-ca li {	width: 31.3%;	background: #278315;	float: left;	display: block;	margin-top: 12px;	height: 180px;	line-height: 100px;	line-height: 28px;	text-align: left;	padding: 10px 30px;	box-sizing: border-box;	margin: 1%;	color: #fff;	position:relative;	border-radius: 8px;}
.hinge_toolbarl ul li ul.f-ca li div.tuimg {	position:absolute;	right:9px;	bottom:20px;}
.hinge_toolbarl ul li ul.f-ca li div.tuimg img{	width:90px;}
.f-ca li a {	font-size: 28px;	color: #fff;}
.navNames{	float:left;	color:#fff;	padding-top:30px;	padding-left:15px;}
.picScroll-left {	width: 1200px;	position: relative;	margin: 0 auto;}
.picScroll-left .hd .prev {	display: block;	cursor: pointer;	position: absolute;	width: 41px;	height: 157px;	top: 38%;	left: -40px;	display: block;	background: url(https://www.suining.gov.cn/resource/site/5109000015/wza/images/prev.png) no-repeat 8px 60px;}
.picScroll-left .hd .next {	display: block;	cursor: pointer;	position: absolute;	width: 41px;	height: 157px;	top: 38%;	right: -40px;	display: block;	background: url(https://www.suining.gov.cn/resource/site/5109000015/wza/images/next.png) no-repeat 8px 60px;}
.picScroll-left .hd .prev:hover {	background: url(https://www.suining.gov.cn/resource/site/5109000015/wza/images/prevts.png) no-repeat 8px 60px;}
.picScroll-left .hd .next:hover {	background: url(https://www.suining.gov.cn/resource/site/5109000015/wza/images/nextts.png) no-repeat 8px 60px;}
.picScroll-left .bd {	padding: 0px 0px 0px 0px;}
.picScroll-left .bd ul {	overflow: hidden;	zoom: 1;}
.hinge_toolbarl ul li .picList li {	display: block;	height: auto;	width: 1200px;}
.hinge_toolbarl ul li .picList li:hover {	background: none;}
.menulink a {	margin-top: 20px;	height: 20vh;	background: #0f66e0;	margin: 1%;	display: block;	width: 316px;	color: #fff;	padding: 0px 30px;	float: left;	display: flex;	font-size: 28px;	line-height: 40px;	justify-content: center;	align-items: center;	border-radius: 8px;}
.menulink a:hover {	background: #dd363b;}
	@media screen and (max-width: 1028px) {	.hinge_toolbarr{		height: 66px;	}
	#hingebarbg{		width: 96%;		left:2%;		border-radius: 10px;		height: auto;		font-size: 13px;	}
	.hinge_toolbarm li svg{		width: 30px;	}
	.hinge_toolbarr li svg{		width: 30px;	}
	.hinge_toolbarr ul li{		padding-top: 2px;		line-height: 12px;	}
	.hinge_toolbarl{		display: none;	}
	.hinge_toolbarm{		width: 100%;		margin-left: 0;		padding: 10px;		box-sizing: border-box;		margin-top: 2px;	}
	.hinge_toolbarr{		width: 100%;		margin-top: 5px;	}
	.hinge_toolbarm li{		width: 18%;		margin:1%;		height: 67px;		line-height: 7px;		padding-top: 2px;	}
	.hinge_toolbarm li.dpzy{		width: 100%;		height: auto;		padding-bottom: 20px;		margin-bottom: 15px;	}
	.hinge_toolbarm li.dpzy	.mediaButton{		width: 31%;		margin-top: 20px;	}
#toolbarContents{height:170px	}
	p .textShow{text-align: center}
}
#screen_wza {  zoom: 1 !important;  position: fixed;  bottom: 0;  left: 0; background: #393c46;  height: 160px;  overflow: hidden;  text-align: center; width: 100%; z-index: 9999; }
 #screen_wzal {  float: right;  padding: 18px 10px 0 10px;  color: #fff;  overflow: hidden;  height: 160px; width: 100px;  box-sizing: border-box;  font-family: "微软雅黑";}
#screenClose,#screen_wza a {  color: #333;  font-weight: bold; text-decoration: none; display: block;  line-height: 33px; font-size: 18px; width: auto; height: 33px; border-radius: 5px; text-align: center; clear: left; border: none;  margin: 0 0 12px 0;  cursor: pointer;  font-style: normal;  background: #fff; }
 #screenClose {  margin: 0}
#screenClose:hover,#screen_wza a:hover {  color: #000000;  background: #fff; }
#screen_wzar { font-family: "Microsoft YaHei";  text-align: center;  font-size: 32px !important;  letter-spacing: 5px;  color: #fff;  overflow-y: auto; overflow-x: hidden;  height: 150px; border-radius: 5px;  margin: 5px 5px 0 0}
 #screen_wzar::-webkit-scrollbar { width: 10px;  height: 1px}
#screen_wzar::-webkit-scrollbar-thumb {  border-radius: 10px;  background-color: rgba(0, 0, 0, .2) !important;  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%, transparent 75%, transparent) !important}
#screen_wzar::-webkit-scrollbar-track {  box-shadow: inset 0 0 5px rgba(0, 0, 0, .2);  background: #ededed !important;  border-radius: 10px}
.jt_hz, .ft_hz{width:50%;box-sizing:border-box;padding:0px 5px;}
.jt_hz.active{width:50%;float:left;text-align:center;background:#256dd8;border-radius:5px 0px 0px 5px;color:#fff;position:relative;left:-1px;}
.ft_hz.active{width:50%;float:left;text-align:center;background:#256dd8;border-radius:0px 5px 5px 0px;color:#fff;position:relative;right:-1px;}


.middle_left_top .tag_tab_1{
    margin-left: 42px !important;
    margin-right: 0px !important;
}
.middle_left_top .tag_tab_1_1{
    margin-left: 0px !important;
}
.middle_left_top .tag_tab_2{
    margin-left: 42px !important;
    margin-right: 0px !important;
    margin-top: 20px !important;
}
.middle_left_top .tag_tab_2_1{
    margin-left: 70px !important;
}
.middle_left_top .tag_tab .tag_tab_item {
    margin-top: 20px;
}
.main_middle_div .main_middle_left .middle_left_top{
    height: 170px !important;
}
.main_middle_left .middle_left_top .tag_tab {
        margin-top: -10px !important;
}


.main_container {
    width: 1300px;
    margin: 0 auto;
}

/**首页主体上部start**/
.main_container .main_top_div {
    background: #FFFFFF;
    box-shadow: 0px 0px 21px 0px rgba(51, 102, 250, 0.2);
    border-radius: 22px;
    padding: 25px 20px;
    margin-bottom: 32px;
    height: 1050px;
    position: relative;
    display: block;
}

.main_container .main_top_div .main_top_left {
    height: 700px;
    width: 1260px;
    background: url(../images/main_top_left_bg_pro_max2.png) center no-repeat;
    /*margin-top: 8px;*/
    padding: 25px 56px 20px;
    box-sizing: border-box;
    /*padding-top: 43px;*/
}


.main_top_div .main_top_left #date_sel_part {
    width: 1050px;
    height: 530px;
    padding-left: 50px;
    padding-right: 50px;
}

.main_container .main_top_div .main_top_right {
    margin-left: 30px;
    width: 1220px;
    height: 350px;
}

.main_top_div .main_top_right .date_info_title {
    display: flex;
    justify-content: space-between;
    line-height: 50px;
    /*background: #EEF1FE;*/
    background: url(../images/four_word_bg.png)  no-repeat 0 bottom / contain;
    margin-right: 1.5rem;
}

.main_top_div .main_top_right .date_info_title .info_title {
    /*width: 138px;*/
    text-align: center;

    /*background-size: 100%;*/
    /*font-family: Microsoft YaHei;*/
    font-weight: bold;
    font-size: 24px;
    color: #187AD2;
    text-indent: 3.2rem;
}

.main_top_div .main_top_right .date_info_title .info_more {
    margin-right: 2rem;

    font-weight: 400;
    /*font-size: 18px;*/
    color: #6B6B6B;
    cursor: pointer;
}

.main_container .main_top_div .main_top_right .date_info_list {
    padding-top: 20px;
    line-height: 34px;
    overflow: auto;
    position: relative;
    height: 280px;
    width: 1200px;
}

.main_top_div .main_top_right .date_info_list span {
    display: inline-block;
    /*margin-left: 10px;*/
    /*font-size: 20px;*/
}

.main_top_right .date_info_list .every_date_info {
    display: flex;
}

.main_top_right .date_info_list .every_date_info .date_info_pointer {
    width: 13px;
    height: 13px;
    background: #2682F1;
    border-radius: 50%;
    border: 6px solid #E5F3FE;
    margin: 6px 12px 0 3px;
}

.main_top_right .date_info_list .every_date_info .date_info_show {
    max-width: 1120px;
}

.date_info_list .every_date_info .date_info_show>a>span {

    /*font-weight: bold;*/
    font-size: 20px;
    color: #333333;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.date_info_list .every_date_info .date_info_show>div {

    font-weight: 400;
    /*font-size: 18px;*/
    color: #787878;
    line-height: 32px;
    margin: 8px 0 18px 0;
}

.date_info_list .every_date_info .date_info_show>div>span {
    display: inline-block;
    background: #FDA14C;
    color: #FFFFFF;
    border-radius: 3px;
    padding: 0 10px;
}

.main_container .main_top_div .top_left_tag {
    position: absolute;
    top: 68px;
    left: -55px;
    width: 55px;
    display: flex;
    flex-direction: column;
}

.main_container .main_top_div .top_left_tag>span {
    display: inline-block;

    font-weight: bold;
    font-size: 24px;
    color: #FFFFFF;
    line-height: 30px;
    text-shadow: 0px 2px 0px rgba(184, 48, 6, 0.28);
    text-align: center;
    background: linear-gradient(0deg, #F88129 0%, #F1C35F 100%);
    border-radius: 6px 0 0 6px;
    padding: 16px;
    cursor: pointer;
}

.main_container .main_top_div .top_left_tag>span:last-child {
    text-shadow: 0px 2px 0px rgba(57, 109, 251, 0.28);
    background: linear-gradient(0deg, #B0CEFD 0%, #A7D7FE 100%);
    margin-top: 10px;
}
/**首页主体上部end**/

/**首页主体中部start**/
.main_container .main_middle_div {
    display: flex;
    justify-content: space-between;
    padding-bottom: 30px;
}

.main_container .main_middle_div .main_middle_left {
    width: 600px;
    background: #FFFFFF;
    box-shadow: 0px 0px 21px 0px rgba(51, 102, 250, 0.2);
    border-radius: 16px 16px 16px 16px;
}

.main_middle_div .main_middle_left .middle_left_top {
    display: flex;
    line-height: 40px;
    height: 128px;
    background: #F6F6F6;
    align-items: center;
    justify-content: space-between;
    padding: 0 15px;
    border-radius: 16px 16px 16px 16px;
}

.main_middle_left .middle_left_top .tag_tab {
    width: 100%;
    height: 128px;
    margin: 0 0px 0px 0px;
    display: flex;
    justify-content: space-between;
    overflow: unset;
    position: relative;
}

.middle_left_top .tag_tab .tag_tab_item_container {
    position: relative;
    display: block;
    width: 600px;
    left: 0px;
    height: 110px;
}

.middle_left_top .tag_tab .tag_tab_item {
    line-height: 50px;
    height: 50px;
    padding: 0 10px;
    font-weight: 400;
    font-size: 22px;
    background: #FFECDA;
    color: #98591F;
    border-radius: 5px 5px 0 0;
    cursor: pointer;
    float: left;
    margin-right: 15px;
    margin-top: 10px;
}


.middle_left_top .tag_tab .tag_tab_item.on {

    background: linear-gradient(0deg, #FFA553 0%, #ED7100 100%);
    /*height: 52px;*/
    font-weight: bold;
    color: white;
    border-radius: 5px 5px 5px 5px;
}

.tag_tab .tag_tab_item_container .tag_tab_item+.tag_tab_item {
    margin-left: 5px;
}

.main_middle_left .middle_left_top>span {
    display: inline-block;
    width: 32px;
    height: 32px;
    background: url(../images/middle_left_icon.png) center no-repeat;
    cursor: pointer;
}

.main_middle_left .middle_left_top>span.next_icon {
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
}

.main_container .main_middle_left .middle_left_center {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0 24px;
    height: 800px;
    overflow: overlay;
}

.main_middle_left .middle_left_center .every_date_info_item {
    margin: 20px 0;
    padding: 10px 16px;
    background: #F6F6F6;
    display: flex;
    min-width: 530px;
    box-sizing: border-box;
}

.main_middle_left .middle_left_center .segmentation_line {
    border-top: 1px dashed rgba(149, 150, 149, 0.15);
    width: 100%;
}

.middle_left_center .every_date_info_item .date_show_box {
    background: #3B91F5;
    border: 1px solid #3B91F5;
    padding: 9px;
    display: flex
;
    flex-direction: column;
    align-items: center;
    margin-right: 18px;
    min-width: 55px;
    border-radius: 5px;
}



.every_date_info_item .date_show_box .date_day {
    display: inline-block;
    font-weight: bold;
    font-size: 28px;
    color: #fff;
    padding: 10px;
    padding-top: 0;
    border-bottom: 1px solid #fff;
    line-height: 22px;
}


.every_date_info_item .date_show_box .date_year_month {
    display: inline-block;
    font-weight: 400;
    font-size: 14px;
    color: #fff;
    padding-top: 10px;
    line-height: 12px;
    width: 55px;
    white-space: nowrap;
    text-align: center;
}

.middle_left_center .every_date_info_item .date_info_item_title a {

    font-weight: 400;
    font-size: 18px;
    color: #333333;
    line-height: 36px;
    max-width: 414px;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.main_container .main_middle_left .middle_left_bottom {

    font-weight: 400;
    font-size: 18px;
    color: #FFFFFF;
    line-height: 18px;
    background: #5A9EF1;
    border-radius: 18px;
    display: inline-block;
    padding: 9px 20px;
    margin: 30px 249px;
    margin-top: 20px;
    cursor: pointer;
}

.main_middle_div .main_middle_right .yzwzrb_table {
    width: 680px;
    height: 450px;
    background: #fff;
    border-radius: 1rem;
    margin-right: -10px;
    margin-bottom: 16px;
}

.main_middle_right .yzwzrb_table .yzwzrb_table_title,
.main_middle_right .bmcx_word .bmcx_word_title {
    text-indent: 3rem;
    font-weight: bold;
    font-size: 24px;
    background: url(../images/four_word_bg.png) no-repeat 1.5rem bottom / contain;
    margin-right: 1.5rem;
    color: #187AD2;
    line-height: 50px;
    padding-left: 30px;
    padding-top: 10px;
    margin-top: 1rem;
}

.main_middle_right .yzwzrb_table .yzwzrb_table_list {
    line-height: 60px;

    font-weight: 400;
    font-size: 20px;
    color: #333333;
    padding: 0 40px;
}

.yzwzrb_table .yzwzrb_table_list .every_yzwzrb {
    display: flex;
    align-items: center;
    border-bottom: 1px dashed rgba(149, 150, 149, 0.2);
}

.yzwzrb_table .yzwzrb_table_list .every_yzwzrb:last-child {
    border: unset;
}

.yzwzrb_table .yzwzrb_table_list .every_yzwzrb>span {
    display: inline-block;
    width: 18px;
    height: 21px;
    background: url(https://p.so-gov.cn/custom/5100000062csrl/images/hot_data4.png) center no-repeat;
    margin-right: 10px;
}

.yzwzrb_table .yzwzrb_table_list .every_yzwzrb>a {

    font-weight: 400;
    font-size: 20px;
    color: #333333;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 490px;
    white-space: nowrap;
}

.yzwzrb_table .yzwzrb_table_list .every_yzwzrb span.hot_data1 {
    background: url(https://p.so-gov.cn/custom/5100000062csrl/images/hot_data1.png) center no-repeat;
}

.yzwzrb_table .yzwzrb_table_list .every_yzwzrb span.hot_data2 {
    background: url(https://p.so-gov.cn/custom/5100000062csrl/images/hot_data2.png) center no-repeat;
}

.yzwzrb_table .yzwzrb_table_list .every_yzwzrb span.hot_data3 {
    background: url(https://p.so-gov.cn/custom/5100000062csrl/images/hot_data3.png) center no-repeat;
}

.main_middle_div .main_middle_right .bmcx_word {
    width: 680px;
    height: 530px;
    background: #fff;
    border-radius: 1rem;
    margin-right: -10px;
    /*margin-bottom: -10px;*/
}

.main_middle_right .bmcx_word .bmcx_word_head {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: url(../images/four_word_bg.png) no-repeat 1.5rem bottom / contain;
    margin-right: 1.5rem;
}
.main_middle_right .bmcx_word .bmcx_word_title{
    margin-top: 0;
}

.bmcx_word .bmcx_word_head .change_word {
    line-height: 30px;
    padding: 0 10px;
    margin-right: 18px;
    background: rgba(200, 214, 251, 0.7);
    border-radius: 15px;

    font-weight: 400;
    font-size: 18px;
    color: #606060;
    cursor: pointer;
}

.main_middle_right .bmcx_word .hot_word_show_container {
    position: relative;
    height: 420px;
    background: url(../images/bianmin-bg.png) no-repeat center center ;
}

.bmcx_word .hot_word_show_container .hot_word_style {

    /*font-weight: bold;*/
    font-size: 18px;
    color: #FFFFFF;
    position: absolute;
    background: linear-gradient(to right, #41AFFE, #007DD7);
    padding: 8px 10px;
    transition: 1.5s;
    border-radius: 3rem;
}

.hot_word_show_container .hot_word_style .hot_word_style_a {

    /*font-weight: bold;*/
    font-size: 18px;
    color: #FFFFFF;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: block;
    z-index: 1;
    position: relative;
}

.bmcx_word .hot_word_show_container .hot_word_style::before,
.bmcx_word .hot_word_show_container .hot_word_style::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}


.hot_word_style.index0 a,
.hot_word_style.index3 a {
    max-width: 172px;
}

.hot_word_style.index1 a,
.hot_word_style.index2 a,
.hot_word_style.index4 a {
    max-width: 152px;
}

.hot_word_style.index5 a,
.hot_word_style.index6 a,
.hot_word_style.index7 a {
    max-width: 114px;
}

.hot_word_style.index0 {
    top: 250px;
    left: 520px;
}

.hot_word_style.index1 {
    top: 110px;
    left: 75px;
}

.hot_word_style.index2 {
    top: 370px;
    right: 280px;
}

.hot_word_style.index3 {
    bottom: 125px;
    left: 30px;
}

.hot_word_style.index4 {
    right: 40px;
    top: 110px;
}

.hot_word_style.index5 {
    top: 20px;
    left: 310px;
}

.hot_word_style.index6 {
    top: 86px;
    left: 46px;
}

.hot_word_style.index7 {
    right: 98px;
    top: 52px;
}
#layui-laydate100001{
    height: 620px;
}
.layui-laydate-content table tbody{
    height: 383px;}
/**首页主体中部end**/

/**首页主体下部start**/
.main_container .main_bottom_div1 {
    margin: 30px 0;
}

.main_container .main_bottom_div1 .hqzc_title {

    font-weight: bold;
    font-size: 24px;
    color: #187AD2;
    line-height: 52px;
    background: url(../images/hqzc_title_bg.png) no-repeat left center ;
    padding-left: 3.2rem;
    margin-bottom: 22px;
}






.main_container .main_bottom_div1 .hqzc_img {
    cursor: pointer;
}
/**首页主体下部end**/



    .dzjglg {
        margin: 30px 40px 0 0;
    }

    .slhzfwzzc,
    .dzjglg {
        float: left;
    }

    .slhzfwzzc img {
        display: block;
        margin-bottom: 20px;
    }

    .tpjhd {
        float: right;
    }

    @media (max-width: 1220px) {
        .tpjhd {
            width: 650px;
            margin: 0 auto;
        }
    }

    @media (max-width: 510px) {

        #alertbox.alertbox {
            max-width: 100%;
            margin-left: -50%;
            padding: 27px 10px;
        }

    }

    @media (max-width: 768px) {



        .tpjhd {
            width: 100%;
        }
    }

    @media (max-width:425px) {

    }
.laydate-theme-laydate_class, .layui-laydate-main {
    background: bottom !important;
}
.layui-laydate-content td, .layui-laydate-content th {
        height: 60px !important;
}
#layui-laydate100001{
    width: 1050px;
}
.main_top_div .main_top_left #date_sel_part {
    width: 1150px;
    height: 625px;
    overflow: hidden;
}

.main_middle_div .main_middle_right .yzwzrb_table {
    overflow: hidden;
}
.main_container .main_top_div {
    height: 1070px;
}
.layui-this{
    color: #3b91f5 !important;
}
.layui-laydate-content table {
    margin-top: 5px;
}

/* ==========================================================================
   响应式适配（平板 / 手机）：仅在 CSS 层调整，不改动 HTML 结构
   ========================================================================== */

/* ---------- 断点一：≤1340px，容器流体化 + 双列改单列 ---------- */
@media screen and (max-width: 1340px) {
    body {
        background-size: 100% auto;
    }

    /* 头部 */
    .header_container {
        width: 100%;
        padding: 0 16px;
        box-sizing: border-box;
    }

    .logo_div img {
        margin-left: 0;
        max-width: 60%;
        height: auto;
    }

    .title_div {
        margin-left: 0;
        margin-top: 40px;
        justify-content: center;
    }

    .title_div img {
        max-width: 100%;
        height: auto;
    }

    .search_div {
        margin-left: 0;
        margin-top: 24px;
        margin-bottom: 48px;
        justify-content: center;
    }

    /* 主体容器 */
    .main_container {
        width: 100%;
        padding: 0 16px;
        box-sizing: border-box;
    }

    /* 上部：日历 + 当日信息 */
    .main_container .main_top_div {
        height: auto;
        padding: 16px 12px;
        margin-bottom: 20px;
        border-radius: 16px;
    }

    .main_container .main_top_div .main_top_left {
        width: 100%;
        height: auto;
        padding: 12px;
        background-image: none;
        background-color: #F5FAFF;
        border-radius: 12px;
        box-sizing: border-box;
    }

    .main_top_div .main_top_left #date_sel_part {
        width: 100% !important;
        height: auto !important;
        padding-left: 0;
        padding-right: 0;
        overflow: visible;
    }

    /* laydate 重新渲染时 id 会递增，故用父级选择器 */
    #date_sel_part .layui-laydate {
        width: 100% !important;
        height: auto !important;
        position: static !important;
        margin: 0;
    }

    /* laydate 每次渲染（含切换月份）都会在容器末尾追加新节点，桌面端靠
       固定高度+overflow:hidden 遮挡旧节点；移动端只保留最后一个（最新）节点，
       既去掉重复日历，又保证切换月份后新日历正常显示和交互 */
    #date_sel_part .layui-laydate:not(:last-child) {
        display: none !important;
    }

    /* 年月标题与切换箭头为白色文字，原本叠在桌面端蓝色背景图上；
       移动端去掉背景图后需给日历头部加蓝色底，保证数字和图标可见 */
    #date_sel_part .layui-laydate .layui-laydate-header {
        background: linear-gradient(90deg, #3B91F5, #6FB6FA);
        border-radius: 8px 8px 0 0;
        padding: 0 12px;
    }

    .main_container .main_top_div .main_top_right {
        margin-left: 0;
        margin-top: 16px;
        width: 100%;
        height: auto;
    }

    .main_container .main_top_div .main_top_right .date_info_list {
        width: 100%;
        height: auto;
        overflow: visible;
        padding-top: 10px;
        padding-left: 4px;
        box-sizing: border-box;
    }

    .main_top_right .date_info_list .every_date_info .date_info_show {
        max-width: 100%;
    }

    /* 中部：左右两列纵向堆叠 */
    .main_container .main_middle_div {
        flex-direction: column;
        align-items: stretch;
        padding-bottom: 16px;
    }

    .main_container .main_middle_div .main_middle_left {
        width: 100%;
        margin-bottom: 16px;
    }

    /* 标签页容器自适应换行 */
    .main_middle_div .main_middle_left .middle_left_top {
        height: auto !important;
        padding: 10px 12px;
    }

    .main_middle_left .middle_left_top .tag_tab {
        height: auto !important;
        margin-top: 0 !important;
    }

    .middle_left_top .tag_tab .tag_tab_item_container {
        width: 100% !important;
        height: auto !important;
        display: flex;
        flex-wrap: wrap;
        gap: 8px 10px;
        padding: 6px 0;
    }

    .middle_left_top .tag_tab .tag_tab_item {
        float: none;
        margin: 0 !important;
        white-space: nowrap;
    }

    .main_container .main_middle_left .middle_left_center {
        height: auto;
        overflow: visible;
        padding: 0 12px 12px;
        width: 100%;
        box-sizing: border-box;
    }

    .main_middle_left .middle_left_center .every_date_info_item {
        min-width: 0;
        width: 100%;
    }

    .middle_left_center .every_date_info_item .date_info_item_title {
        min-width: 0;
        flex: 1;
    }

    .middle_left_center .every_date_info_item .date_info_item_title a {
        max-width: 100%;
    }

    .main_container .main_middle_left .middle_left_bottom {
        margin: 20px auto;
        display: block;
        width: 160px;
        text-align: center;
    }

    .main_middle_div .main_middle_right .yzwzrb_table,
    .main_middle_div .main_middle_right .bmcx_word {
        width: 100%;
        height: auto;
        margin-right: 0;
        margin-bottom: 16px;
        border-radius: 12px;
    }

    .main_middle_right .yzwzrb_table .yzwzrb_table_list {
        padding: 0 16px 12px;
    }

    .yzwzrb_table .yzwzrb_table_list .every_yzwzrb>a {
        max-width: calc(100% - 34px);
    }

    /* 便民查询热词：绝对定位改为流式排列 */
    .main_middle_right .bmcx_word .hot_word_show_container {
        height: auto;
        background-image: none;
        padding: 12px 16px 16px;
        display: flex;
        flex-wrap: wrap;
        gap: 10px 12px;
        justify-content: flex-start;
    }

    .bmcx_word .hot_word_show_container .hot_word_style {
        position: static;
        top: auto !important;
        left: auto !important;
        right: auto !important;
        bottom: auto !important;
        display: inline-block;
        margin: 0;
        transition: none;
    }

    .main_middle_right .bmcx_word .hot_word_style a {
        max-width: 60vw;
    }

    /* 页脚：本文件后置规则会覆盖 footer.css 的响应式，这里补齐 */
    .footer-box .box {
        width: 100%;
        padding: 0 12px;
        box-sizing: border-box;
    }

    .footer-box .box div {
        float: none;
        margin-top: 16px;
        text-align: center;
    }

    .footer-box .box .li01,
    .footer-box .box .li02,
    .footer-box .box .li03 {
        width: 100%;
    }

    .footer-box .box .li02 .me {
        width: 100%;
        text-align: center;
    }

    .foot-text {
        height: auto;
        padding: 20px 0;
    }
}

/* ---------- 断点二：≤768px，手机端字号 / 间距 / 日历单元格 ---------- */
@media screen and (max-width: 768px) {
    body {
        background-size: 100% auto;
    }

    /* 头部 */
    .header_container {
        padding: 0 12px;
    }

    .logo_div img {
        max-width: 50%;
        margin-top: 10px;
    }

    .title_div {
        margin-top: 24px;
    }

    .search_div {
        margin-top: 16px;
        margin-bottom: 28px;
    }

    .search_div .search_input_div {
        flex: 1;
        min-width: 0;
    }

    .search_div .search_input_div input {
        width: 100%;
        padding: 12px;
        font-size: 15px;
        box-sizing: border-box;
    }

    .search_div .search_btn_div {
        padding: 12px 12px;
        flex-shrink: 0;
    }

    .search_div .search_btn_div .search_btn_txt {
        font-size: 16px;
        width: auto;
        white-space: nowrap;
        letter-spacing: 2px;
    }

    .search_div .search_btn_div .search_btn_img {
        width: 20px;
        height: 20px;
        margin-right: 6px;
        background-size: contain;
    }

    /* 主体容器 */
    .main_container {
        padding: 0 12px;
    }

    .main_container .main_top_div {
        padding: 12px 10px;
        border-radius: 12px;
    }

    .main_container .main_top_div .main_top_left {
        padding: 8px 4px;
    }

    /* 日历：laydate.css 在本文件之后加载，需 !important 才能覆盖其主题字号 */
    .layui-laydate-header {
        line-height: 40px !important;
    }

    .laydate-set-ym span,
    .layui-laydate-header i {
        font-size: 20px !important;
    }

    /* 头部改为从左到右一行：<<、<、年月、>、>>
       （laydate.css 在本文件之后加载，需 !important 覆盖其绝对定位）
       laydate 头部 DOM 顺序即 prev-y、prev-m、年月、next-m、next-y，
       改为 flex 后正好实现 « ‹ 年月 › » 的横向排列 */
    .layui-laydate-header {
        display: flex !important;
        align-items: center !important;
        padding: 0 12px !important;
    }

    .layui-laydate-header i {
        position: static !important;
        right: auto !important;
        left: auto !important;
        top: auto !important;
        margin: 0 10px;
        line-height: inherit;
    }

    .layui-laydate-header .laydate-set-ym {
        flex: 1;
        width: auto !important;
        padding-right: 0 !important;
        text-align: center;
    }

    .layui-laydate-content table {
        border-spacing: 0 6px;
        margin-top: 0;
    }

    .layui-laydate-content table thead {
        line-height: 40px;
    }

    .layui-laydate-content th {
        font-size: 14px;
    }

    .layui-laydate-content td,
    .layui-laydate-content th {
        height: 40px !important;
        width: auto;
        padding: 2px;
    }

    .laydate-theme-lunar .date-cell-inner {
        width: 34px;
        height: 32px;
    }

    .laydate-theme-lunar .date-cell-inner b,
    .laydate-theme-lunar .date-cell-inner i {
        font-size: 11px;
        height: 13px;
        line-height: 13px;
    }

    .laydate-theme-lunar .badge {
        font-size: 10px;
    }

    .laydate-theme-lunar .laydate-month-list>li {
        height: 40px !important;
        line-height: 40px !important;
        margin: 10px 1px !important;
    }

    /* 当日信息：去掉全宽装饰底图（手机端会被拉伸成粗蓝条），改为左侧蓝色竖条 */
    .main_top_div .main_top_right .date_info_title {
        line-height: 32px;
        margin-right: 0;
        background-image: none;
    }

    .main_top_div .main_top_right .date_info_title .info_title {
        font-size: 18px;
        text-indent: 0;
        padding: 6px 0 6px 12px;
        border-left: 4px solid #187AD2;
    }

    .date_info_list .every_date_info .date_info_show>a>span {
        font-size: 15px;
        -webkit-line-clamp: 2;
    }

    .date_info_list .every_date_info .date_info_show>div {
        line-height: 24px;
        margin: 4px 0 10px 0;
        font-size: 13px;
    }

    .main_top_right .date_info_list .every_date_info .date_info_pointer {
        width: 9px;
        height: 9px;
        border-width: 4px;
        margin: 8px 8px 0 0;
        flex-shrink: 0;
    }

    /* 标签页 */
    .main_middle_div .main_middle_left .middle_left_top {
        padding: 8px 10px;
    }

    .middle_left_top .tag_tab .tag_tab_item {
        height: 32px !important;
        line-height: 32px !important;
        padding: 0 8px !important;
        font-size: 14px !important;
        border-radius: 4px !important;
    }

    /* 左侧列表 */
    .main_middle_left .middle_left_center .every_date_info_item {
        margin: 12px 0;
        padding: 8px 10px;
    }

    .middle_left_center .every_date_info_item .date_show_box {
        min-width: 46px;
        padding: 6px;
        margin-right: 10px;
    }

    .every_date_info_item .date_show_box .date_day {
        font-size: 20px;
        padding: 6px 4px 4px;
        line-height: 18px;
    }

    .every_date_info_item .date_show_box .date_year_month {
        width: 100%;
        font-size: 12px;
        padding-top: 6px;
    }

    .main_middle_left .middle_left_center .date_info_item_title a {
        font-size: 14px;
        line-height: 22px;
    }

    /* 热榜/便民查询标题：沿用桌面端样式（左侧图标 + 通栏下划线底图），仅缩小字号与间距 */
    .main_middle_right .yzwzrb_table .yzwzrb_table_title,
    .main_middle_right .bmcx_word .bmcx_word_title {
        font-size: 18px;
        text-indent: 2rem;
        padding-left: 0;
        padding-top: 6px;
        line-height: 24px;
        background-position: 0 bottom;
        margin-top: 0px;
    }

    .main_middle_right .yzwzrb_table .yzwzrb_table_list {
        padding: 0 12px 10px;
        line-height: 40px;
        font-size: 15px;
    }

    .yzwzrb_table .yzwzrb_table_list .every_yzwzrb>a {
        font-size: 14px;
    }

    .yzwzrb_table .yzwzrb_table_list .every_yzwzrb>span {
        width: 14px;
        height: 18px;
        margin-right: 8px;
        background-size: contain;
        flex-shrink: 0;
    }
    .yzwzrb_table .yzwzrb_table_title{width: 100%;}
    /* 便民查询 */
    .main_middle_right .bmcx_word .bmcx_word_head {
        margin-right: 0;
        margin-left: -20px;
        padding-left: 20px;
    }

    .bmcx_word .bmcx_word_head .change_word {
        font-size: 15px;
        line-height: 20px;
        margin-right: 5px;
    }

    .main_middle_right .bmcx_word .hot_word_show_container {
        padding: 10px 12px 14px;
        gap: 8px 10px;
    }

    .bmcx_word .hot_word_show_container .hot_word_style {
        font-size: 13px;
        padding: 6px 10px;
    }

    .hot_word_show_container .hot_word_style .hot_word_style_a {
        font-size: 13px;
        max-width: 40vw;
    }

    /* 无障碍工具条（若注入） */
    #toolbarContents {
        height: auto;
        font-size: 12px;
        padding: 6px 0;
    }
}
@media screen and (max-width: 450px) {
    .main_middle_left .middle_left_center .every_date_info_item {
        margin: 10px 0;
    }
    .middle_left_center .every_date_info_item .date_show_box {
        padding: 3px 0px;
    }
    .every_date_info_item .date_show_box .date_day {
        padding: 0px 4px 0px;
    }
}