body{width: 100%;height: 100%;margin: 0;}
.conter{max-width: 1200px;margin: 0 auto;}

:root{
	--base-color: #bd1a2d;
}

.loading{width: 100%;height: 28em;margin-bottom: 1.5em;}
.loading .loading_box{width: 100%;height: 100%;display: flex;justify-content: center;align-items: center;}
.loading .loading_box span{width: 0.5em;height: 2.5em;display: inline-block;border-radius: 4px;background: lightgreen;animation: load 1s ease infinite;;-webkit-animation: load 1s ease infinite;margin: 0 0.15em;}
.loading .loading_box span:nth-of-type(2){-webkit-animation-delay: 0.2s;animation-delay: 0.2s;}
.loading .loading_box span:nth-of-type(3){-webkit-animation-delay: 0.4s;animation-delay: 0.4s;}
.loading .loading_box span:nth-of-type(4){-webkit-animation-delay: 0.6s;animation-delay: 0.6s;}
.loading .loading_box span:nth-of-type(5){-webkit-animation-delay: 0.8s;animation-delay: 0.8s;}

@keyframes load{
	0%, 100%{
		height: 2.5em;
		background: lightgreen;
	}
	50%{
		height: 5em;
		background: lightblue;
	}
}

.page_m{width: 100%;display: flex;justify-content: center;align-items: center;margin: 1em 0;}
.page_m div:not(.sl){padding: 0.25em 0.75em;margin: 0 0.75em;display: flex;justify-content: center;align-items: center;background: var(--base-color);border: 1px solid var(--base-color);color: #fff;border-radius: 8px;}
.page_m div a{line-height: 1.85em;color: inherit;}
.page_m div.active{background: #fff;}
.page_m div.active a{color: var(--base-color);}

.main{background-color: #f6f6f6;padding: 2.5em 0;}
.search_box label{display: flex;justify-content: center;width: 100%;box-sizing: border-box;margin-bottom: 2.5em;}
.search_box label input{border: 0;border-top-left-radius: 8px;border-bottom-left-radius: 8px;font-size: 1.125em;padding: 1em 1.5em;width: 60%;}
.search_box label button{border: 0;border-top-right-radius: 8px;border-bottom-right-radius: 8px;font-size: 1.125em;width: 20%;background: var(--base-color);color: #fff;cursor: pointer;}
.main_cont{background: #fff;border-radius: 13px;box-sizing: border-box;padding: 1.5em;}
.main_cont .fl{padding-bottom: 0.75em;border-bottom: 3px solid #ddd;}
.main_cont .fl span{font-size: 1.125em;padding: 0.75em 1em;display: inline-block;cursor: pointer;}
.main_cont .fl span.hover{font-weight: bold;color: var(--base-color);}
.main_cont .cont{display: flex;justify-content: space-between;align-items: flex-start;padding-top: 1.5em;}
.main_cont .cont .left_cont{width: 65%;margin-right: 5%;min-height: 45em;}
.main_cont .cont .left_cont .lis{margin-bottom: 1em;}
.main_cont .cont .left_cont .lis li{padding: 1em 0;}
.main_cont .cont .left_cont .lis li:not(:last-of-type){border-bottom: 1px solid #999;}
.main_cont .cont .left_cont .lis a{font-size: 1.3em;color: #333;display: block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;width: 100%;margin-bottom: 0.35em;}
.main_cont .cont .left_cont .lis .nr{color: #666;font-size: 0.9em;line-height: 1.448;margin-bottom: 0.3em;}
.main_cont .cont .left_cont .lis .date{text-align: right;color: var(--base-color);font-size: 0.9em;}
.main_cont .cont .right_cont{width: 30%;}
.main_cont .cont .right_cont .cn_tit{font-size: 1.25em;color: var(--base-color);padding-left: 1em;position: relative;line-height: 1.1;margin-bottom: 1em;display: block;}
.main_cont .cont .right_cont .cn_tit::before{content: '';width: 0.2em;height: 1em;position: absolute;top: calc((100% - 0.8em)/2);left: 0;background-color: var(--base-color);}
.main_cont .cont .right_cont .cnxlj{margin-bottom: 1.5em;}
.main_cont .cont .right_cont .cnxlj ul a{padding-left: 0.75em;color: #333;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;line-height: 1.6;margin: 0.2em 0;display: inline-block;width: 100%;position: relative;}
.main_cont .cont .right_cont .cnxlj ul a::before{content: '';position: absolute;width: 0.25em;height: 0.25em;border-radius: 50%;background-color: var(--base-color);left: 0;top: calc((100% - 0.25em)/2);}
.main_cont .cont .right_cont .xglj ul a{display: block;font-size: 1.5em;font-weight: bold;width: 100%;box-sizing: border-box;padding-left: 10%;margin-bottom: 0.5em;line-height: 4;}
.main_cont .cont .right_cont .xglj .zcfg{color: #6c77f1;background: url(zcfg_bg_20231102.png) left center no-repeat;background-size: 100% 100%;}
.main_cont .cont .right_cont .xglj .zcjd{color: #55ac45;background: url(zcjd_bg_20231102.png) left center no-repeat;background-size: 100% 100%;}
.main_cont .cont .right_cont .xglj .bsfw{color: #a38238;background: url(bsfw_bg_20231102.png) left center no-repeat;background-size: 100% 100%;}
.main_cont .cont .right_cont .xglj .zcwdpt{color: #4674e5;background: url(zcwdpt_bg_20231102.png) left center no-repeat;background-size: 100% 100%;}

@media (max-width: 780px){
	.conter{margin: 0 3%;}
}