﻿.channel-main{display:flex;justify-content:space-between;min-height:300px;margin-bottom:20px;}
.channel-main .channel-left{width:20%;padding:20px 15px;background-color:#f0f6ff;}
.channel-left h2{line-height:36px;padding:10px 20px;font-size:22px;color:#fff;background:#1658a0;font-weight:bold;margin-bottom:10px;border-radius:5px;}
.channel-left ul a{display:block;line-height:36px;padding:5px 20px;font-size:22px;/* background-color:#E6F1FF;font-weight:bold;*/
 background-color:#d6e8ff;color:#5F7EB8;border-radius:5px;}
.channel-left li{margin-bottom:10px;}
.channel-left .active a{background:#3b84d1;color:#fff;}
.channel-right{width:78%;padding-top:20px;}
.channel-right h3{line-height:36px;padding:8px 0 8px;font-size:26px;font-weight:600;color:#1658a0;}
.channel-title{border-bottom:1px solid #ccc;}
.channel-title:after{content:"";clear:both;display:block;width:100px;height:3px;background:#1658a0;}
.channel-list ul{min-height: 300px;}
.channel-list li{overflow:hidden;}
.channel-list li:nth-child(5n){padding-bottom:10px;border-bottom:1px dashed #e5e5e5;}
.channel-list li:nth-child(5n+1){padding-top:10px;}
.channel-list li a{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;/* color:#333;*/
 font-size:18px;line-height:45px;width:82%;float:left;padding-left:15px;position:relative;}
.channel-list li a:before{content:'';position:absolute;left:0;top:50%;margin-top:-2px;width:6px;height:6px;background:#ccc;border-radius:50%;transition:.3s all;}
.channel-list li span{display:block;float:right;color:#888;font-weight:normal;font-size:14px;line-height:45px;padding-left:8px;}

/*  */
.tw1{width:15%}
.tw2{width:50%}
.tw3{width:15%}
.tw4{width:20%}
.tw5{width:20%}
.tw6{width:60%}
.tw7{width:20%}
.table .thead{background-color:#f9f9f9}
.channel-list .table{margin-top: 10px;}
.channel-list .table ul{min-height: auto;}
.channel-list .table li{padding: 0;}
.channel-list .table li a{width: 50%;}
.channel-list .table li a:before{content: none;}
.table .thead li{float:left;height:50px;line-height:50px;text-align:center;font-size:15px}
.table .tbody li{line-height:45px;font-size:15px;border-bottom:dashed 1px #dcdcdc}
.table .tbody li a,.table .tbody li span{float:left;height:45px;line-height:45px;text-align:center}
.table .tbody li a{padding:0 5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}

/*  */
.channel-list .yjzj li a{width: auto;}

/*  */



/*分页*/
.page{font-size:0;text-align:center;padding:25px 0;clear:both;line-height:34px;}
.page a,.page span{font-size:14px;display:inline-block;*display:inline;zoom:1;border:1px solid #E1E1E1;padding:0 15px;margin:0 5px 5px 0;}
.page .current{background:#3b84d1;border:1px solid #dadada;color:#fff !important;font-weight:bold;padding:0 12px;}
.page a:hover{background:#3b84d1;color:#fff;}
.page select{padding:8px 4px;margin:0 4px;background:#fff;border:0 solid #E1E1E1;vertical-align:middle;}
.page select option{font-weight:normal;display:block;white-space:pre;min-height:1.2em;padding:0px 2px 1px;}
/*分页*/
/* 移动端样式 */
@media screen and ( max-width:550px ){.channel-wrap{padding:0 5px;}
.channel-main{flex-wrap:wrap;}
.channel-main .channel-left{width:100%;padding:15px 10px;}
.channel-left h2{line-height:36px;padding:5px 10px;font-size:18px;}
.channel-left ul a{line-height:36px;padding:5px 10px;font-size:18px;}
.channel-right{width:100%;}
.channel-right h3{font-size:20px;}
.channel-title:after{width:80px;}
.channel-list li a{font-size:16px;line-height:45px;width:72%;}
}
/* 适老化 */
.oldModel .channel-list li a{line-height:60px;}
.oldModel .channel-list li span{line-height:60px;display:block;}
