@charset 'utf-8';
.na-list2 { border-top: 1px solid #e1e1e1;} 
.na-list2 .na-title { display: flex; position: relative; border-bottom: 1px solid #e1e1e1;} 
.na-list2 .na-title:hover { background: #f5f5f5;} 
.na-list2 .na-title:after { content: "\e90b"; display: block; position: absolute; right: 25px; top: 50%; transform: translateY(-50%); width: 35px; height: 35px; font-family: xeicon; text-align: center; line-height: 30px; color: #111; background: #fff; border: 1px solid #e1e1e1; border-radius: 5px; transition: 0.2s;}
.na-list2 .na-title:hover:after { right: 10px;}
.na-list2 .na-title .date { display: flex; flex-direction: column; justify-content: center; padding: 0 16px; text-align: center; line-height: 1;}  
.na-list2 .na-title .date .year { display: block;  order:2; color: #999; font-size: 16px;font-weight: 500; }
.na-list2 .na-title .date .day { display: block; padding: 0 0 5px;  order:1; color: #111; font-size: 35px; font-weight: 700;}
.na-list2 .na-title .category { display: flex; align-items: center; padding: 0 20px 0 50px; }
.na-list2 .na-title .category span { display: block; padding: 4px 0; width: 60px; font-size: 14px; font-weight: 400; text-align: center; color: #fff; line-height: 1; background: #00204f; border-radius: 5px;} 
.na-list2 .na-title .category span i { font-style:normal;}
.na-list2 .na-title .na-item{ overflow: hidden; display: block;  padding: 0 70px 0 0; height: 100px; line-height: 100px; color: #111; text-overflow: ellipsis; white-space: nowrap;}  

@media (max-width:1199px){
    .na-list2 .na-title { padding: 0 10px;}
    .na-list2 .na-title .date { padding: 0; }
    .na-list2 .na-title .date .day {  font-size: 31px;}
    .na-list2 .na-title .category { padding: 0 20px;}    
    .na-list2 .na-title .na-item { padding: 0 40px 0 0;}
    .na-list2 .na-title:after { right: 10px;}
}
@media (max-width:991px){
    .na-list2 .na-title .date .year { font-size: 15px;}
    .na-list2 .na-title .date .day { font-size: 29px; }
    .na-list2 .na-title .category { display: none;}       
    .na-list2 .na-title .na-item { padding: 0 0 0 20px; }
    .na-list2 .na-title:after { display: none;}
}
@media (max-width:768px){
    .na-list2 .na-title .date .day { padding: 0 0 3px;}
    .na-list2 .na-title .category { display: flex; padding: 0 20px;}          
    .na-list2 .na-title .na-item { padding: 0 50px 0 0; height: 94px; line-height: 94px; }
    .na-list2 .na-title:after { display: block;}
}
@media (max-width:576px){
    .na-list2 .na-title .date { display: none;}
    .na-list2 .na-title .category {  padding: 0 20px 0 0; font-size: 14px;}    
    .na-list2 .na-title .category span {  width: 35px; }
    .na-list2 .na-title .category span i { display: none;}
    .na-list2 .na-title .na-item { padding: 0 ; height: 70px; line-height: 70px;}    
    .na-list2 .na-title:after { display: none;}
}
@media (max-width:440px){
    .na-list2 .na-title .category { padding: 0 15px 0 0; }
}