@charset "utf-8";

body{background: #ffffff}


body{background: rgb(234,237,234)}
.dhPart{width:100%;padding:28px 0 40px 0;font-size: 12px;color: #4a4a4a; line-height: 17px;}
.titPart{width: 100%;padding:10px 0 10px 12px;border-left: 10px solid #1D7E81;line-height: 33px;font-size: 24px;color: #020202; }
.artList{width: 100%;border-top:2px solid #d3d3d3; }
.artList li{display: flex;justify-content: space-between;padding:20px 0;border-bottom: 2px solid #d3d3d3;}
.artList li .title{width: 0;flex: 5;line-height: 25px;font-size: 18px;color: #020202}
.artList li .time{width: 0;flex: 2;line-height: 25px;font-size: 18px;color: #020202;text-align: right;}


.titlePart{width: 100%;height: auto;display: flex;padding-top: 20px;}
.titlePart li{width: 146px;height:40px;line-height: 40px;text-align: center;font-size: 18px;border-radius: 5px;margin-right: 15px;position: relative;cursor: pointer;}
.titlePart li:nth-child(1){background:#447FF5;color: #ffffff;}
.titlePart li:nth-child(2){background:#C6EADE;color: #3B877D }
.titlePart li:nth-child(3){background:#E5CA8F;color: #ffffff }
.titlePart li:nth-child(4){background:#39877A;color: #C6EADE }
.titlePart li:nth-child(5){background:#CED6D4;color: #1D7E81;}
.titlePart li:nth-child(6){background:#CCCC99;color: #1D7E81;}
.titlePart li a{color: inherit}



.flTitle{width: 100%;line-height: 25px;padding-bottom:12px;font-size: .24rem;color: #4a4a4a;padding-top: 20px; }
.ksList{width: 100%; padding-top: 2px;display: flex;flex-wrap: wrap;justify-content: space-between;}
.ksList li{width:2.32rem !important;background: #FFFFFF;border: 1px solid #D3D3D3;border-radius: .05rem;display: flex;justify-content: space-between; cursor:pointer; margin-bottom: .16rem; height: auto !important;}
.ksList li.blank{ height: 0; padding: 0; margin: 0; min-height: 0; border: none; height: 0 !important; background-color: transparent;}
.ksList li .nameInfo{width: auto;font-size: .18rem;padding: .04rem 0 .04rem .04rem;width: 85%;}
.ksList li .nameInfo .cName{line-height: .36rem; padding-left: .10rem; color: #4a4a4a;}
.ksList li .nameInfo .eName{line-height: 18px;color: #4a4a4a;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.ksList li .arrow{width:.16rem;line-height: 40px;text-align: center;border-left: 1px solid #d3d3d3;display: flex;align-items: center; /*垂直居中*/justify-content: center; /*水平居中*/flex-direction: column;line-height:normal;}
.ksList li .arrow .icon{font-size: .16rem;color: #d3d3d3}
.ksList li:hover{border-color:#447FF5; background:#39877A;color: #C6EADE}
.ksList li:hover  .nameInfo .cName{color:#C6EADE }
.ksList li:hover  .nameInfo .eName{color:#C6EADE }
.ksList li:hover .arrow .icon{color: #C6EADE}
.ksList li:hover .arrow {border-color: #C6EADE}

.ellipsis{white-space:nowrap; overflow:hidden; text-overflow:ellipsis; display:block; }