#entrytag {
    margin-top: 20px;
    font-size: 9pt;
    color: gray;
}

.topiclistfooter {
    text-align: right;
    margin-right: 10px;
    margin-top: 10px;
}

#divrefreshcomments {
    text-align: right;
    margin-right: 10px;
    margin-bottom: 5px;
    font-size: 9pt;
}

* {
    margin: 0;
    padding: 0;
}

html {
    height: 100%;
}

body {
    color: #000;
    font-size: 13px;
    min-height: 101%;
    background: url(../image/body_bg.jpg) top center no-repeat #b4e4ee;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

fieldset,
img {
    border: 0;
    max-width: 100% !important;
}

ul {
    word-break: break-all;
}

li {
    list-style: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: 100%;
    font-weight: normal;
}

a:link {
    color: #000;
    text-decoration: none;
}

a:visited {
    color: #000;
    text-decoration: none;
}

a:hover {
    color: #f60;
    text-decoration: underline;
}

a:active {
    color: #000;
    text-decoration: none;
}

.clear {
    clear: both;
}

#z1e50ahome {
    margin: 0 auto;
    width: 980px;
}

#z1e50aheader {
    margin-top: 2em;
}

#blogtitle {
    height: 60px;
    clear: both;
}

#blogtitle h1 {
    font-size: 150%;
    font-weight: bold;
    line-height: 1.5em;
    margin-left: 1em;
    margin-top: 10px;
    float: left;
    display: inline;
    letter-spacing: 1px;
    color: #833f3f;
    text-shadow: 3px 3px 3px #ac9c9c;
}

#blogtitle h1 img {
    max-height: 80px;
}

#blogtitle h2 {
    margin-top: 2em;
    margin-left: 8em;
    line-height: 1.5em;
    width: 40%;
    float: left;
    display: inline;
    font-size: 14px;
    color: #833f3f;
    text-shadow: 3px 3px 3px #ac9c9c;
}

#blogtitle h1 a,
#blogtitle h2 {
    color: #fff;
    font-family: "微软雅黑";
    text-shadow: 3px 3px 3px #003d44;
}

#bloglogo {
    float: right;
}

#z1e50anavigator {
    background-color: #333;
    height: 60px;
    clear: both;
    margin-top: 60px;
    position: relative;
}

#navlist {
    min-height: 30px;
    float: left;
    margin-left: 30px;
}

#navlist li {
    float: left;
}

#navlist a {
    margin: 18px 10px 0 0;
    padding: 0 10px;
    font: 14px/1.5em "微软雅黑";
    display: block;
}

#navlist a:link,
#navlist a:visited,
#navlist a:active {
    color: #fff;
    text-shadow: 3px 3px 3px #000;
}

#navlist a:hover {
    text-decoration: underline;
}

#navlist .aheaderxml {
    display: none;
}

.blogstats {
    float: right;
    color: #ccc;
    margin-top: 20px;
    margin-right: 2px;
    text-align: right;
    visibility: hidden;
}

.themeselect {
    position: absolute;
    right: 20px;
    top: 20px;
}

.themeselect .box-color {
    width: 15px;
    height: 15px;
    background-color: #ccc;
    float: left;
    display: inline;
    margin-left: 10px;
}

#z1e50amain {
    min-width: 980px;
    text-align: left;
    clear: both;
    background: #fff;
}

#maincontent .forflow {
    float: none;
    width: auto;
}

#maincontent {
    min-height: 200px;
    *padding-top: 10px;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-all;
    float: left;
    width: 700px;
    background: #fff;
}

.z1e50aday {
    min-height: 10px;
    _height: 10px;
    margin-bottom: 20px;
    padding-bottom: 5px;
    margin-left: 20px;
    margin-top: 1em;
    margin-right: 2em;
}

.daytitle {
    color: #666;
    font-weight: bold;
    line-height: 1.5em;
    font-size: 110%;
    margin-top: 3px;
    margin-bottom: 10px;
    float: right;
    position: relative;
    top: 40px;
}

.posttitle {
    font-size: 14px;
    font-weight: bold;
    padding: 0 100px 10px 20px;
    border-bottom: 1px solid #e0e0e0;
    line-height: 1.5em;
    clear: both;
    border-left: 5px solid #1fa6e6;
}

.posttitle a:link,
.posttitle a:visited,
.posttitle a:active {
    color: #1c7791;
}

.posttitle a:hover {
    color: #f60;
    text-decoration: none;
}

.postcon {
    float: right;
    line-height: 1.5em;
    width: 95%;
    clear: both;
    padding: 10px 0;
}

.postdesc {
    float: none;
    clear: both;
    text-align: right;
    padding-right: 5px;
    color: #a3a3a3;
}

.postdesc a:link,
.postdesc a:visited,
.postdesc a:active {
    color: #a3a3a3;
}

.postdesc a:hover {
    color: #f60;
    text-decoration: none;
}

.postseparator {
    clear: both;
    height: 1px;
    clear: both;
    float: right;
    margin: 0 auto 5em auto;
}

.topiclistfooter {
    margin-top: 5em;
}

#z1e50asidebar {
    min-height: 200px;
    padding: 0 5px 0 5px;
    margin-left: 700px;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-all;
    _margin-left: 0;
    _width: 240px;
    font-size: 12px;
}

.newsitem .catlisttitle {
    text-align: left;
    padding: 5px 10px;
    border: 1px solid #ccc;
    background: #f0f0f0;
}

.newsitem {
    padding: 0 0 5px 0;
    margin-bottom: 2em;
}

#calendar {
    width: 229px;
    margin-bottom: 2em;
}

#calendar .cal {
    width: 96%;
    line-height: 1.5em;
}

.cal {
    border: none;
    color: #666;
}

.cal td {
    padding: 3px 0;
}

#calendar table a:link,
#calendar table a:visited,
#calendar table a:active {
    font-weight: bold;
}

#calendar table a:hover {
    color: #fff;
    text-decoration: none;
    background-color: #f60;
}

.caltodayday {
    color: #f60;
}

#calendar .calnextprev a:link,
#calendar .calnextprev a:visited,
#calendar .calnextprev a:active {
    font-weight: bold;
    background-color: #fff;
}

.caldayheader {
    border-bottom: 1px solid #ccc;
}

.caltitle {
    width: 100%;
    background: #fff;
    color: #000;
    border-bottom: 1px solid #666;
}

.catlisttitle {
    font-weight: bold;
    line-height: 1.5em;
    font-size: 110%;
    margin-top: 15px;
    margin-bottom: 10px;
    border-bottom: 1px solid #000;
    text-align: center;
}

.catlistcomment {
    line-height: 1.5em;
}

.divrecentcomment {
    text-indent: 2em;
    color: #666;
}

#sidebarmain {
    margin-top: 45px;
}

#sidebarmain ul {
    line-height: 1.5em;
}

.catlistessay,
.catlistlink,
.catlistnotebook,
.catlisttag,
.catlistpostcategory,
.catlistpostarchive,
.catlistarticlearchive,
.catlistimagecategory,
.mysearch,
.catlistcomment,
.catlistview,
.catlistfeedback {
    margin-bottom: 2em;
}

.catlistessay h3,
.catlistlink h3,
.catlistnotebook h3,
.catlisttag h3,
.catlistpostcategory h3,
.catlistpostarchive h3,
.catlistarticlearchive h3,
.catlistimagecategory h3,
.mysearch h3,
.catlistcomment h3,
.catlistview h3,
.catlistfeedback h3,
#blog-sidecolumn .catlisttitle {
    text-align: left;
    padding: 5px 10px;
    background: #f0f0f0;
    border-bottom: none;
    border: 1px solid #ccc;
}

.catlistessay ul,
.catlistlink ul,
.catlistnotebook ul,
.catlisttag ul,
.catlistpostcategory ul,
.catlistpostarchive ul,
.catlistarticlearchive ul,
.catlistimagecategory ul,
.mysearch ul,
.catlistcomment ul,
.catlistview ul,
.catlistfeedback ul {
    padding-left: 1em;
}

.catlistessay ul li,
.catlistlink ul li,
.catlistnotebook ul li,
.catlisttag ul li,
.catlistpostcategory ul li,
.catlistpostarchive ul li,
.catlistarticlearchive ul li,
.catlistimagecategory ul li,
.mysearch ul li,
.catlistcomment ul li,
.catlistview ul li,
.catlistfeedback ul li {
    margin: .5em;
}

#blog-sidecolumn .catlist ul,
#blog-sidecolumn .catlistblogrank ul,
#blog-sidecolumn .catlistarticlecategory ul {
    margin-left: 15px;
}

.divrecentcommentaticle {
    margin-top: 1.5em;
}

.divrecentcomment {
    margin-top: .5em;
}

#topics {
    min-height: 200px;
    padding: 1em;
}

#topics .posttitle {
    font-size: 110%;
    font-weight: bold;
    border-bottom: 1px solid #999;
    line-height: 1.5em;
    padding-left: 5px;
}

.postbody {
    padding: 5px 2px 5px 5px;
    line-height: 1.5;
    color: #000;
    border-bottom: 1px solid #000;
}

#entrytag {
    color: #666;
}

#entrytag a {
    margin-left: 5px;
}

#entrytag a:link,
#entrytag a:visited,
#entrytag a:active {
    color: #666;
}

#entrytag a:hover {
    color: #f60;
}

#topics .postdesc {
    float: none;
    text-align: right;
    padding-right: 5px;
    color: #666;
    margin-top: 5px;
}

.feedback_area_title {
    font-weight: bold;
    border-bottom: 1px solid #333;
    font-size: 1.2em;
    margin-top: 20px;
    margin: 20px 10px 0;
    padding: 0 0 5px 8px;
}

.louzhu {
    background: transparent url('../image/icolouzhu.gif') no-repeat scroll right top;
    padding-right: 16px;
}

.feedbacklistsubtitle {
    color: #666;
}

.feedbacklistsubtitle a:link,
.feedbacklistsubtitle a:visited,
.feedbacklistsubtitle a:active {
    color: #666;
    font-weight: normal;
}

.feedbacklistsubtitle a:hover {
    color: #f60;
    text-decoration: none;
}

.feedbackmanage {
    width: 200px;
    text-align: right;
    float: right;
    margin-right: 10px;
}

.feedbackcon {
    border-bottom: 1px solid #ccc;
    background: url('../image/comment2.gif') no-repeat 5px 0;
    padding: 15px 0 10px 40px;
    min-height: 35px;
    _height: 35px;
    margin-bottom: 1em;
    line-height: 1.5em;
    margin-right: 10px;
}

#divrefreshcomments {
    text-align: right;
    margin-bottom: 10px;
}

.commenttb {
    width: 320px;
}

.entrylisttitle,
.postlisttitle,
.thumbtitle {
    font-size: 110%;
    font-weight: bold;
    border-bottom: 1px solid #000;
    text-align: right;
    padding: 1em;
    font-size: 1.3em;
    color: #1c7791;
    border-bottom: 1px solid #e0e0e0;
}

.entrylistdescription {
    color: #666;
    text-align: right;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-right: 10px;
    margin-bottom: 10px;
}

.entrylistitem {
    min-height: 20px;
    _height: 20px;
    margin-bottom: 30px;
    padding-bottom: 5px;
}

.entrylistposttitle {
    font-size: 110%;
    font-weight: bold;
    border-left: 5px solid #1fa6e6;
    border-bottom: 1px solid #e0e0e0;
    padding: 0 0 10px 20px;
    line-height: 1.5em;
    padding-left: 5px;
}

.entrylistposttitle a {
    margin-left: 10px;
}

.entrylistposttitle a:hover {
    text-decoration: none;
}

.entrylistpostsummary {
    margin-top: 5px;
    padding-left: 5px;
    margin-bottom: 5px;
    margin-left: 20px;
}

.entrylistitempostdesc {
    text-align: right;
    color: #666;
}

.entrylistitempostdesc a:link,
.entrylistitempostdesc a:visited,
.entrylistitempostdesc a:active {
    color: #666;
}

.entrylistitempostdesc a:hover {
    color: #f60;
}

.entrylist .postseparator {
    clear: both;
    font-size: 0;
    line-height: 0;
    margin: 0;
    padding: 0;
    height: 0;
    border: none;
}

.pager {
    text-align: right;
    margin-right: 10px;
}

.postlist {
    border-bottom: 1px solid #e0e0e0;
    clear: both;
    min-height: 1.5em;
    _height: 1.5em;
    padding-top: 10px;
    padding-left: 5px;
    padding-right: 5px;
    margin-bottom: 5px;
    margin-top: 1em;
}

.posttitl2 {
    float: left;
}

.postdesc2 {
    color: #666;
    float: right;
}

.posttext2 {
    clear: both;
    color: #666;
}

.pfl_feedback_area_title {
    text-align: right;
    line-height: 1.5em;
    font-weight: bold;
    border-bottom: 1px solid #666;
    margin-bottom: 10px;
}

.pfl_feedbackitem {
    border-bottom: 1px solid #000;
    margin-bottom: 20px;
}

.pfl_feedbacksubtitle {
    border-bottom: 1px dotted #666;
    height: 1.5em;
}

.pfl_feedbackname {
    float: left;
}

.pfl_feedbackmanage {
    float: right;
}

.pfl_feedbackcon {
    color: #000;
    padding-top: 5px;
    padding-bottom: 5px;
}

.pfl_feedbackanswer {
    color: #f40;
    text-indent: 2em;
}

.tdsentmessage {
    text-align: right;
}

.errormessage {
    width: 300px;
    float: left;
}

.mysearch .input_my_zzk {
    height: 1.4em;
    width: 175px;
}

.feedbackitem {
    margin: 1em 0 1em 1em;
}

.commentform {
    padding: 0 5px 0 2em;
}

#commentform_title {
    font-size: 16px;
}

#commentform_user {
    font-size: 1.2em;
    margin-top: 1em;
}

#commentform_user input {
    margin-left: 1em;
    padding: .1em;
}

.commentbox_main {
    margin-top: .5em;
}

.commentbox_title_left {
    font-size: 1.2em;
    margin-bottom: .4em;
}

.commentbox_opt {}

#btn_comment_submit {
    padding: .2em;
    margin-top: .5em;
}

.pager {
    margin-left: 5px;
    margin-right: 20px;
    font-weight: bold;
}

.pager a:link,
.pager a:active,
.pager a:visited {}

#myposts {
    margin-left: 1em;
    margin-right: 20px;
}

.entrylist {
    margin-left: 1em;
    margin-right: 20px;
}

.divphoto {
    border: 1px solid #ccc;
    padding: 2px;
    margin-right: 10px;
}

.thumbdescription {
    color: #666;
    text-align: right;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-right: 10px;
    margin-bottom: 10px;
}

.gallery {
    margin-left: 1em;
}

.divphoto:hover {
    border-color: #08c;
    box-shadow: 3px 3px 3px rgba(0, 0, 0, .3);
}

#z1e50afooter {
    text-align: center;
    min-height: 15px;
    _height: 15px;
    margin-top: 10px;
    padding-top: 10px;
    margin-bottom: 10px;
    padding-bottom: 10px;
    color: #333;
}

.flinks li {
    height: auto;
    display: inline-block;
    padding-right: 15px;
    line-height: 25px;
}


.personinfo {
    margin-bottom: 20px;
    margin-top: 1em;
}

.pages {
    text-align: right;
}

#profile {
    margin-left: 1em;
}

.pfl_feedback_area_title {
    margin-bottom: 1em;
}

.pfl_answer,
.pfl_feedbackcon {
    margin: .5em;
}

#profile1_paneladd div {
    margin-top: .5em;
}

#profile1_paneladd div b {
    float: left;
    width: 8em;
}

#profile1_paneladd div input.submitcomment {
    padding: .2em;
    display: block;
    margin-left: 7.5em;
    margin-top: 1em;
}

.postbody p,
.postcon p {
    text-indent: 2em;
    margin: 0 auto 1em auto;
}

.postbody h2 {
    font-size: 150%;
    margin: 15px auto 2px auto;
    font-weight: bold;
}

.postbody h3 {
    font-size: 120%;
    margin: 15px auto 2px auto;
    font-weight: bold;
}

.postbody h4 {
    font-size: 110%;
    margin: 15px auto 2px auto;
    font-weight: bold;
    color: #333;
}

.postbody h5 {
    font-size: 100%;
    margin: 15px auto 2px auto;
    font-weight: bold;
    color: #333;
}

.postbody a:link,
.postbody a:visited,
.postbody a:active {
    text-decoration: underline;
}

.postcon a:link,
.postcon a:visited,
.postcon a:active {
    text-decoration: underline;
}

.postbody ul,
.postcon ul {
    margin-left: 2em;
}

.postbody li,
.postcon li {
    list-style-type: disc;
    margin-bottom: 1em;
}

.postbody blockquote {
    background: url('../image/comment2.gif'))no-repeat 25px 0;
    padding: 10px 60px 5px 60px;
    min-height: 35px;
    _height: 35px;
    line-height: 1.6em;
    color: #333;
}

.myposts_title {
    margin: 20px 0;
    font-weight: bold;
    text-align: center;
}

.c_b_p_desc {
    text-indent: 0;
}

#blog-news {
    margin-left: 15px;
}

#blogtitle h1 a,
#blogtitle h2 {
    color: #833f3f;
    text-shadow: 3px 3px 3px #ac9c9c;
}

.blog_comment_body {
    font-size: 13px;
}

.blog_comment_body a:link {
    text-decoration: underline;
}

.jz_pages {}

.navigation {
    margin: 9px 0 5px 0;
    font-size: 12px;
    float: right;
    text-align: right;
}

.jz_pages ul {
    float: left;
    padding: 12px 0px 12px 16px;
}

.jz_pages ul li {
    float: left;
    font-family: Tahoma;
    line-height: 17px;
    margin-right: 6px;
    border: 1px solid #E9E9E9;
}

.jz_pages ul li a {
    float: left;
    padding: 2px 4px 2px;
    color: #555;
    display: block;
}

.pageinfo {
    display: block;
    height: 17px;
    padding: 2px 4px 2px;
}

.pageinfo strong,
b {
    font-weight: 100;
    color: #555;
}

.jz_pages ul li.thisclass a,
.pagebox ul li.thisclass a:hover {
    background-color: #ECEBEB;
    padding: 2px 4px 2px;
    font-weight: bold;
}

.shangxiayipain {
    margin-top: 20px;
    padding-left: 20px;
}

.shangxiayipain ul li {
    line-height: 30px;
}




.swiper-container {
    width: 100%;
}

.swiper-container img {
    max-width: 100%;
}

.swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
}

.swiper-text {
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -56px;
    z-index: 2;
    text-align: center;
    color: #FFF;
    width: 100%;
}

.swiper-text h3 {
    font-size: 24px;
    text-align: center;
    margin-bottom: 3%;
    color: #FFF;
    line-height: 24px;
}

.swiper-text p {
    font-size: 16px;
    text-align: center;
    margin-bottom: 3%;
    color: #FFF;
    line-height: 24px;
}

.swiper-text .swiperbtn {
    display: block;
    background: #0064Cd;
    background-image: -webkit-gradient(linear, right top, left top, color-stop(0, #1dab7d), to(#47de9d));
    background-image: linear-gradient(270deg, #1dab7d 0, #47de9d 100%);
    width: 120px;
    height: 40px;
    line-height: 40px;
    color: #fff;
    text-align: center;
    border-radius: 20px;
    margin: 0 auto;
    font-size: 14px;
}

.swiper-text .swiperbtn:hover {
    -webkit-box-shadow: 0 1px 5px 0 rgb(34 178 129 / 50%);
    box-shadow: 0 1px 5px 0 rgb(34 178 129 / 50%);
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px);
}



.z1e50ameta-tags {
    padding: 20px 0;
}

.z1e50ameta-tags .z1e50atagitem {
    position: relative;
    display: inline-block;
    height: 30px;
    padding: 0 12px;
    font-size: 14px;
    line-height: 30px;
    vertical-align: top;
    border-radius: 100px;
    background: #f2f3f5;
    margin-bottom: 20px;
}

.z1e50ameta-tags .z1e50atagitem:hover {
    background-color: rgba(0, 102, 255, .15);
}

.z1e50ameta-tags .z1e50atagitem:not(:last-child) {
    margin-right: 10px;
}



.z1e50acontainer {
    position: relative;
    margin: 0 auto;
    padding: 0 15px;
    box-sizing: border-box
}

@media screen and (min-width:768px) {
    .z1e50acontainer {
        width: 750px
    }
}

@media screen and (min-width:992px) {
    .z1e50acontainer {
        width: 970px
    }
}

@media screen and (min-width:1200px) {
    .z1e50acontainer {
        width: 1170px
    }
}

@media only screen and (max-width: 1140px) {

    .z1e50amain,
    .z1e50acontainer {
        width: auto;
    }
}

.z1e50aplace {
    min-height: 56px;
    background-color: #f2f3f5;
    line-height: 56px;
    font-size: 16px;
    padding: 0 20px;
    margin: 20px 0;
}

.z1e50arow .z1e50arowtitle {
    text-align: center;
    padding: 30px 0 20px 0;
}

.z1e50arow .z1e50arowtitle h1 {
    font-size: 28px;
    line-height: 30px;
    text-align: center;
}

.z1e50arow .z1e50arowtitle p {
    font-size: 16px;
    line-height: 30px;
    color: rgba(119, 119, 119, 1);
    font-family: Arial;
}


.z1e50acontent {
    width: 100%;
    font-size: 16px;
    line-height: 28px;
    padding-bottom: 30px;
}

.z1e50acontent p {
    padding-bottom: 20px;
}

.z1e50acontent .contain {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    padding: 36px 40px;
    background: #FAF7F2;
    box-shadow: 0 0 15px 0 rgb(0 0 0 / 10%);
    border-radius: 6px;
    -webkit-transition: .7s;
    -moz-transition: .7s;
    -o-transition: .7s;
    transition: .7s;
}

.z1e50acontent .contain:hover {
    background: #EFEFEF;
}

.z1e50acontent .contain .ch-title {
    font-size: 24px;
    font-weight: 600;
    color: #5d5044;
    line-height: 32px;
    margin-bottom: 6px;
}

.z1e50acontent .contain .en-title {
    font-size: 16px;
    font-family: HelveticaNeueLTPro;
    color: rgba(133, 114, 90, 0.6);
    line-height: 32px;
    padding-bottom: 8px;
}

.z1e50acontent .contain .line {
    width: 48px;
    height: 4px;
    background: #ff9f38;
    display: inline-block;
    margin-bottom: 24px;
}

.z1e50acontent .contain p {
    font-size: 16px;
    font-weight: 400;
    color: #333333;
    line-height: 24px;
    text-align: justify;
}


.z1e50anews_list_wrap {
    max-width: 1140px;
    margin: 0 auto;
}

.news_list_item_line {
    padding: 30px;
    position: relative;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
}

.news_list_item_line:hover {
    -webkit-box-shadow: rgba(0, 0, 0, .12) 0 0 22px;
    -moz-box-shadow: rgba(0, 0, 0, .12) 0 0 22px;
    box-shadow: rgba(0, 0, 0, .12) 0 0 22px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background: #fff;
    color: #2ba0e8;

}

.news_list_item_line:hover a {
    color: #2ba0e8;
}

.news_list_item_header {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -moz-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 0
}

.news_list_item_date {
    font-size: 14px;
    color: #999;
    line-height: 24px;
}

.news_list_item_title {
    font-size: 16px;
    font-weight: 400;
    color: #333;
    line-height: 24px;
}

.news_list_item_link {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.news_list_item_summery {
    margin-top: 18px;
    font-size: 14px;
    color: #666;
    line-height: 1.7;
}

.news_list_item_group a {
    display: inline-block;
    position: relative;
    height: 26px;
    line-height: 26px;
    max-width: 100%;
    padding: 0 8px;
    border: 1px solid #e5e5e5;
    margin-top: 12px;
    margin-right: 15px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    color: #999;
    font-size: 12px;
    word-break: keep-all;
    overflow: hidden;
    z-index: 2;
}

.news_list_parting_line {
    height: 0;
    border-bottom: 1px solid #ececec;
    margin: 0 1.6666%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}


.zzpages ul {
    float: left;
    padding: 12px 0px 12px 16px;
}

.zzpages ul li {
    display: inline-block;
    height: 35px;
    line-height: 35px;
    background: #fff;
    border: 1px solid #e5e5e5;
    overflow: hidden;
    vertical-align: top;
}

.zzpages li.thisclass {
    background: #292a32;
    border: 1px solid #292a32;
    color: #fff;
}

.zzpages ul li:hover {
    border: 1px solid #292a32;
}

.zzpages ul li a,
.zzpages ul li .pageinfo {
    color: #292a32;
    padding: 8px 12px;
}

.zzpages li.thisclass a {
    color: #fff;
}

.zzpages .pageinfo strong {
    color: #555;
    font-weight: normal;
    margin: 0px 2px;
}