@charset "utf-8";/*---------------------------------------------------------
list styles
---------------------------------------------------------*/
#container {
    width: 100%;
    margin: 0 auto;
    padding: 0;
    }

/* 列表左侧*/
.list_left {
    width: 20%;
    }



.menu{
		text-align: center;
	width: 240px;
	-webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
            padding: 0	1px;
}



.menu li{

	height: 60px;
	line-height: 60px;
	border-bottom: 1px solid #ececec;
	position: relative;
}

.menu>h1{
	font-size: 18px;
	color:#fff;
	background-color: #20528f;
	height: 60px;
	line-height: 60px;
}



.menu li a{
	display: block;
		-webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
           	background-color: #fafafa;
            font-size: 14px;
            color:#616161;
            transition: .3s;
}

.menu li:hover a{
color:#20528f;
	background-color: #e1efff;
}


.menu li.menu-active a{
	color:#20528f;
	background-color: #e1efff;
}


/* 列表右侧*/
.list_right {
    width: 78%;
    }

.list_right .list_content .content_info li {
    line-height: 45px;
    border-bottom: 1px dashed #ddd;
    }

.list_right .list_content .content_info li a {
    display: flex;
    justify-content: space-between;
    }

.list_right .list_content .content_info li span:first-of-type {
    flex: 1 1 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-right: 20px;
    }

.list_right .list_content .content_info li span:first-of-type:before {
    content: "";
    display: inline-block;
    width: 5px;
    height: 5px;
    background: #22538d;
    vertical-align: middle;
    margin: 0 10px;
    }

.list_right .list_content .content_info .time {
    color: #999;
    font-size: 14px;
    }

/* 通用-列表分页*/
.list_right .list_content .page {
    line-height: 20px;
    text-align: center;
    padding: 10px 0;
    }

.list_right .list_content .page span {
    margin: 0 5px;
    }

.list_right .list_content .page a {
    display: inline-block;
   
    color: #696969;
    padding: 2px 5px;
    margin: 0 4px;
    }

.list_right .list_content .page a:hover {
   
    color: #22538d;
    }

/* 专题活动-列表首页*/
.ztzl_list {
    margin: 0 15px 20px;
    border: 1px solid #ececec;
    }

.ztzl_list .ztzl_title {
    line-height: 45px;
    text-indent: 1em;
    background: #f3f3f3;
    border-bottom: 1px solid #ececec;
    font-size: 18px;
    }

.ztzl_list .ztzl_content li {
    width: 25%;
    line-height: 45px;
    text-align: center;
    font-size: 16px;
    }