#main_content {}
#main_content h2 {
    font-size:2.4rem;
    padding-left: 1rem;position: relative;
    margin: 2rem 1.5rem;
    font-weight: bold;
    letter-spacing: -.2rem;
}
#main_content h2::after {
    position: absolute;
    content:'';
    display:block;
    width: 0.3rem;
    height: 0.3rem;
    background: #7d87aa;
    border-radius:50%;
    left: 0;
    top:50%;
    margin-top: -0.15rem;
}
#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:2px solid #e7ebe4;
    color:#333;
    font-size:2rem;
    line-height: 1.3;
    padding: 1.2rem;font-weight:600;position:relative;
    padding-bottom:2rem
}
#main_content ul li .n_title.on {
    background: #1b74dc;
    color:#fff;border:none
}
#main_content ul li .n_content {
    border:2px solid #e7ebe4;
    border-top: 0;
    display: none;
}
#main_content ul li .n_content.on {
    display: block;position: relative;
    padding-bottom: 3rem;
}
#main_content ul li .n_content pre:first-child {
    display: block;
    font-size:1.8rem;
    line-height: 1.6;
    padding: 1.2rem;
    padding-bottom: 0.5rem;
}
.date {
    color: #919191;
    display: block;
    font-size: 1.5rem;margin-top:1rem
}
#main_content ul li .n_title .more,
#main_content ul li .n_content .more{
    background: #2072d8;
    color: #fff;
    display: inline-block;
    padding: 0.5rem 1rem;
    border-radius:0.5rem;
    font-size:1.5rem;
    position: absolute;
    right: 1rem;
    bottom: 1rem;
}
#main_content ul li .n_title.on .more{
    display: none
}
#main_content ul li .n_title.on .date {
    color:#fff
}