#main_content .news_top {margin: 0 1.4rem;border: 1px solid #eee;padding: 1.5rem 1rem;}
#main_content .news_top .n_title {font-size:2rem; line-height:1.3; font-weight:900; margin-bottom:.5rem}
#main_content .news_top pre {font-size: 1.8rem;color: #7f7f7f;line-height: 1.6;display: -webkit-box ;-webkit-box-orient: vertical;-webkit-line-clamp: 3 ;overflow: hidden;}
#main_content .news_top a {display: block;text-align: center; background: linear-gradient(90deg, #26958a, #2dc87a); color: #fff;padding: 1rem;width: 50%;border-radius: 3rem;font-size: 1.5rem;font-weight: bold;margin: 1rem auto 0;}

#main_content h2 {font-size:3rem; position: relative; margin: 2.2rem 1.5rem 1rem; font-weight: bold;display:flex; align-items: center; color: #28aa7f;}
#main_content h2  img {padding-right:.5rem; width:1.5rem}
.news_top .date {font-size:1.5rem ; margin:1rem 0 0.5rem; }
.n_title .date {font-size:1.5rem; margin-top:1rem;display: flex;justify-content: space-between;align-items: center;}
#main_content ul li.on .n_title .date {color:#fff;}
#main_content ul {display:flex; flex-flow:column;}
#main_content ul li {margin: 0 1.5rem 1rem;}
#main_content ul li .n_title {background: #fff; border:1px solid #f5f3f3; color:#333; font-size:2rem; line-height: 1.3; padding: 1.2rem;}
#main_content ul li.on .n_title{background: #26978a; color:#fff;}
#main_content ul li .n_content {border:1px solid #f5f3f3; border-top: 0; display: none;}
#main_content ul li.on .n_content {display: block;}
#main_content ul li .n_content pre {display: block; font-size:1.8rem; line-height: 1.6; padding: 1.2rem; padding-bottom: 0.5rem;color:#7f7f7f}
#main_content ul li .n_title .more {font-size: 1.5rem; display: block; text-align: right; color: #fff;background: #279b88;padding: 0.5rem;}
#main_content ul li.on .n_title .more{display:none}
#main_content ul li.on .n_content span {font-size: 1.5rem;margin: 1rem;color: #fff;padding: 1rem;background: #26978a; position: relative; display: block; left: 50%;transform: translateX(-50%);width: 60%; text-align: center;}