@charset "utf-8";

.list-main {
	background: url("../img/list_bg.jpg") repeat-y;
	background-size: 100% auto;
}

.nav-title {
	text-align: center;
	padding: 0 0 .35rem 0;
}

.nav-title .tit-chs {
	padding: 0 0 .05rem .25rem;
	margin: 0 auto;
}

.nav-title .tit-chs .tit-chs-in {
	display: inline-block;
	letter-spacing: .5rem;
	padding: 0 0 0 .25rem;
	color: #881812;
	font-size: .42rem;
	font-weight: bold;
	background: url("../img/tit_spc.png") repeat-x left .25rem;
	background-size: auto .17rem;
	position: relative;
	
}

.nav-title .tit-chs .tit-chs-in::before {
	content: "";
	position: absolute;
	top: 0rem;
	left: -.4rem;
	width: .13rem;
	height: 100%;
	background: url("../img/tit_left.png") no-repeat left center;
	background-size: 100%;
}

.nav-title .tit-chs .tit-chs-in::after {
	content: "";
	position: absolute;
	top: 0rem;
	right: -.15rem;
	width: .13rem;
	height: 100%;
	background: url("../img/tit_right.png") no-repeat left center;
	background-size: 100%;
}

.nav-title .tit-eng {
	color: #8b8b8b;
	font-size: .14rem;
	font-family: "Times New Roman";
	line-height: .15rem;
	padding: 0 0 .05rem 0;
}

.nav-title .tit-eng-act {
	color: #8b8b8b;
	font-size: .18rem;
	font-family: "Times New Roman";
	text-transform: uppercase;
}



.list-main .list {
	width: 13.4rem;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
}

.list-main .list .list-side-out {
	flex-grow: 1;
	border-radius: .15rem;
	background: rgba(0,0,0,.05);
}

.list-main .list ul.list-side {
	background: #f9e6cd;
	padding: .2rem 0 .4rem 0;
	border-radius: .15rem;
	box-shadow: .02rem .1rem .1rem rgba(0,0,0,.1);
}

.list-main .list ul.list-side .list-2nd {
	display: block;
	font-size: .21rem;
	color: black;
	line-height: .3rem;
	border-bottom: .01rem dotted black;
	margin: 0 .3rem;
	padding: .18rem .15rem .18rem .1rem;
	box-sizing: border-box;
}

.list-main .list ul.list-side .list-2nd:hover {
	background: #881812;
	color: #f9e6cd;
}

.list-main .list ul.list-side .list-3rd {
	display: block;
	font-size: .2rem;
	color: #786f62;
	line-height: .28rem;
	border-bottom: .01rem dotted black;
	margin: 0 .3rem;
	padding: 0 .15rem 0 .35rem;	
	padding: .12rem .15rem .12rem .35rem;
	box-sizing: border-box;
}

.list-main .list ul.list-side .list-3rd:hover {
	background: #881812;
	color: #f9e6cd;
}

.list-main .list ul.list-side .side-now {
	background: #881812;
	color: #f9e6cd;
	font-weight: bold;
	margin: 0 0 0 .3rem;
	padding-right: .45rem;
	position: relative;
}

.list-main .list ul.list-side .side-now::after {
	content: "";
	position: absolute;
	width: .2rem;
	height: 100%;
	background: url("../img/list_arrow.png") no-repeat left top;
	background-size: 100% 100%;
	right: -.2rem;
	top: 0
}

.list-main .list ul.list-cont {
	width: 10.1rem;
	margin: 0 0 0 .95rem;
	flex-shrink: 0;
}

.list-main ul.list-cont {
}

.list-main ul.list-cont li {
	display: flex;
	justify-content: space-between;
	line-height: .7rem;
	border-bottom: .01rem dotted black;
	padding: 0 .2rem;
	transition: .5s all;
}

.list-main ul.list-cont li:hover {
	background: #881812;
	transition: .5s all;
}

.list-main ul.list-cont li .news-tit {
	color: black;
	font-size: .21rem;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	transition: .5s all;
}

.list-main ul.list-cont li .news-tit::before {
	content: "·";
	padding: 0 .1rem 0 0;
}

.list-main ul.list-cont li .news-date {
	color: #878787;
	font-size: .17rem;
	flex-shrink: 0;
	padding: 0 0 0 .4rem;
	transition: .5s all;
}

.list-main ul.list-cont li:hover .news-tit,.list-main ul.list-cont li:hover .news-date {
	color: white;
	transition: .5s all;
}



.list-page {
	padding: 1rem 0 1.05rem 0;
}

.page {
	width: 7.6rem;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.page .pg-pre,.page .pg-next {
	font-size: .2rem;
	color: black;
	flex-shrink: 0;
	position: relative;
}

.page .pg-pre:hover,.page .pg-next:hover {
	color: #881812;
	font-weight: bold;
}

.page .pg-pre::before {
	content: "";
	position: absolute;
	top: 0;
	left: -.4rem;
	width: .13rem;
	height: 100%;
	background: url("../img/tit_left.png") no-repeat left center;
	background-size: 100%;
}

.page .pg-next::after {
	content: "";
	position: absolute;
	top: 0rem;
	right: -.4rem;
	width: .13rem;
	height: 100%;
	background: url("../img/tit_right.png") no-repeat left center;
	background-size: 100%;
}

.page .pg-num {
	flex-grow: 1;
	display: flex;
	justify-content: space-between;
	align-items: center;
	font-size: .24rem;
	padding: 0 .5rem;
	box-sizing: border-box;
}

.page .pg-num a {
	color: black;
	padding: .1rem;
	transition: .5s all;
}

.page .pg-num a:hover {
	color: white;
	background: #881812;
	padding: .1rem;
	transition: .5s all;
}

.page .pg-num span {
	color: black;
}