.chid-banner { background: url(img/diary_banner.jpg) no-repeat center center; background-size: cover; height: 400px; }

.diary { }
.diary .list { margin-bottom: -58px; }
.diary .list > li { float: left; width: 50%; padding-bottom: 58px; }
.diary .list > li .box { display: block; font-size: 12px; }
.diary .list > li .box .pic { padding-right: 20px; width: 260px; height: 180px; line-height: 180px; text-align: center; }
.diary .list > li .box .pic img { vertical-align: middle; }
.diary .list > li .box .font { max-width: 285px; }
.diary .list > li .box .font .p1 { color: #999; line-height: 20px; }
.diary .list > li .box .font .h1 { color: #333; font-weight: bold; line-height: 20px; margin: 5px 0 10px 0; height: 3em; overflow: hidden; }
.diary .list > li .box .font .p2 { color: #666; height: 3em; overflow: hidden; }
.diary .list > li .box .font .time { color: #666; line-height: 24px; padding: 10px 0 17px 0; }
.diary .list > li .box .font .more { color: #333; text-decoration: underline; }
.diary .list > li .box:hover .font .more { color: #d5231b; }

@media (max-width: 1024px) {

    .diary .list { margin-left: -50px; }
    .diary .list > li { padding-left: 50px; }
    .diary .list > li .box .font { margin-top: 15px; float: none; text-align: center; max-width: none; }
    .diary .list > li .box .pic { float: none; text-align: center; padding: 0; width: auto; height: auto; }
    .diary .list > li .box .pic img { display: inline-block; }
}

@media (max-width: 600px) {
    .diary .list > li { width: 100%; }
    .diary .list > li .box .font { max-width: none; float: none; padding-left: 10px; padding-right: 10px; }
    .diary .list > li .box .pic { float: none; padding: 0; text-align: center; }
    .diary .list > li .box .pic img { display: inline-block; }
    .diary .list > li .box .font .p1 { text-align: center; }
}

.pages { margin: 60px 0; text-align: center; clear: both; width: 100%; }
.pages ul { display: inline-block; }
.pages ul li { display: inline-block; }
.pages ul li a { margin: 0px 10px; padding: 5px 10px; }
.pages ul li a:hover { background: #d5231b; color: #fff; }
.pages ul li .on { background: #d5231b; color: #fff; }

.g_header .main .top_r .s_nav li .on { color: #d5231b; }
.g_header .main .top_r .nav .navContent li .on { background: #d5231b; color: #ffffff; }


.detail_page { padding: 28px 0; }
.detail_page .p1 { line-height: 24px; }
.detail_page .p1 span { display: block; color: #999; }