.default-transition, #main .post .title a, #main .post .info a, .pager a {
    -webkit-transition: 0.25s;
    -moz-transition: 0.25s;
    -o-transition: 0.25s;
    transition: 0.25s;
}
.yue img {
    display: block;
    max-width: 100%;
    margin: auto;
}
.ad9501{ width:950px; margin:0 auto;}
.bai50{ }
.bai50 img{ width:50%; float:left; height:80px;}
body {
    font-family: Georgia, "Hiragino Sans GB", "WenQuanYi Micro Hei", sans-serif;
    color: #444;
    font-size: 14px;
    line-height: 8.4;
    background: #fdfdfd;
    -webkit-text-size-adjust: none;
    -webkit-transition: margin 0.3s ease, -webkit-transform 0.3s ease;
    -moz-transition: margin 0.3s ease, -moz-transform 0.3s ease;
    transition: margin 0.3s ease, transform 0.3s ease;
    padding: 0;
    margin: 0;
}
b, strong {
    color: #222;
}
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
a {
    color: #333;
    text-decoration: none;
}
p {
    margin: 1.2em 0;
}
li p {
    margin: 0;
}
ul, ol, dl {
    margin: 0.5em 0;
}
#body_wrapper .header {
    position: relative;
    display: table;
    width: 100%;
    margin-bottom: 1em;
    text-align: left;
    color: #fff;
    background: #f0b104 no-repeat center center;
    background-size: cover;
}
#body_wrapper .header .header_wrapper {
    margin: 5px auto 5px auto;
}
#body_wrapper .header .header_wrapper h1 {
    padding: 0;
    margin: 0 100px;
    font-size: 1.2em;
}
#body_wrapper .header .header_wrapper h1 a {
    letter-spacing: -1px;
    font-weight: normal;
    text-shadow: 2px 1px #555;
    color: #fff;
    text-decoration: none;
}
#body_wrapper .header .header_wrapper h1 a:hover {
    text-decoration: none;
    border-bottom: 1px solid #fff;
}
#body_wrapper .header .header_wrapper .nav {
    list-style: none;
    display: block;
    text-align: center;
    clear: both;
    padding: 0 auto;
}
#body_wrapper .header .header_wrapper .nav li {
    display: inline-block;
    *display: inline;
}
#body_wrapper .header .header_wrapper .nav li a {
    color: #fff;
    font-size: 16px;
    margin: 0 3px;
    text-shadow: 1px 1px #333;
}
#body_wrapper .header .header_wrapper .nav li a:hover {
    text-decoration: underline;
}
#main {
    width: 80%;
    margin: 0 auto;
}
#main .list_with_title {
    padding: 0;
    margin: 35px auto 0 auto;
    font-size: 16px;
}
#main .list_with_title li {
    list-style-type: none;
    padding: 0;
}
#main .list_with_title .listing_title {
    font-weight: bold;
    line-height: 2.2em;
    font-size: 1.4em;
    color: #555;
    text-align: center;
    border-bottom: 1px solid #ddd;
}
#main .list_with_title .listing {
    margin: 0 0 50px 0;
    padding: 0;
}
#main .post .description {
    overflow: hidden;
    line-height: 1.2em;
    font-size: 1em;
}
#main .list_with_title .listing li {
    line-height: 3.2em;
    border-bottom: 1px solid #ddd;
    position: relative;
    padding: 0 5px;
    text-align: left;
    font-weight: normal;
    *font-size: 16px;
}
#main .list_with_title .listing li a {
    color: #555;
    text-decoration: none;
}
#main .list_with_title .listing li a:hover {
    color: #000;
    text-shadow: 1px 1px #ddd;
}
#main .list_with_title .listing li:hover {
    background: #f9f9f9;
}
#main .list_with_title .date {
    position: absolute;
    right: 5px;
    color: #999999;
    font-size: 14px;
}
#main .posts, #main .detail_post {
    margin: 45px auto;
}
#main .detail_post .post {
    margin-bottom: 1em;
}
#main .post {
    margin: 0 auto 2em auto;
    font-size: 14px;
    line-height: 8.4;
    max-width: 910px;
    word-wrap:break-word;overflow:auto;
}
#main .post .title {
    font-size: 2em;
    line-height: 1.2em;
    padding: 0.2em 0;
   
    border-bottom: 1px solid #eee;
    margin-bottom: 0.5em;
    text-align: left;
}
#main .post .title a {
    color: #3b5998;
}
#main .post .title:hover {
    background: #f9f9f9;
    text-shadow: 1px 1px #ccc;
}
#main .post .post_body a {
    border-bottom: 1px dashed #ccc;
}
#main .post .post_body a:hover {
    border-bottom: 1px solid #999;
}
#main .post .post_body h2 {
    margin: 0.6em 0 0.83em 0;
}
#main .post .post_body h3, #main .post .post_body h4 {
    margin: 1.2em 0 0.53em 0;
}
#main .post img {
    max-width: 100%;
}
#main .post h1, #main .post h2 {
    line-height: 1.25;
}
#main .post .info {
    font-family: 'Arial';
    color: #666;
    font-size: 0.7em;
    position: relative;
    text-align: right;
    margin-top: 35px;
    line-height: 2em;
}
#main .post .info a {
    font-size: 0.9em;
    padding: 2px;
    margin-right: 5px;
}
#main .post .info a:hover {
    color: white;
    text-decoration: none;
    background: #274b6c;
}
#main .post .info a:hover i {
    color: #fff;
}
#main .post .info span {
    margin-right: 20px;
}
#main .post .info .tags {
    display: inline-block;
    margin: 0 10px 0 0;
}
#main .post .info .read_more {
    margin-left: 10px;
}
#main .post .info .other_posts {
    border-bottom: 1px solid #eee;
    border-top: 1px solid #eee;
    margin: 2em 0;
    overflow: hidden;
    height: 5em;
    line-height: 5em;
    font-size: 1.6em;
    position: relative;
    display: block;
}
hr {
    margin: 2.2em 0;
    border-top: 1px dashed #d0d0d0;
    border-bottom: 1px dashed #f9f9f9;
}
#fb_new_comment input {
    font-size: 12px;
}
.toc {
    line-height: 1.7;
    border: 1px solid #eee;
}
.toc li ul {
    margin: 0;
    padding-top: 0;
}
.post-images {
    margin: 1em 0;
}
.post-image-meta {
    margin-top: -3.5em;
    margin-left: 1em;
    color: #fff;
    text-shadow: 0 1px 1px #333;
}
hr {
    margin: 2.2em 0;
    border-top: 1px dashed #d0d0d0;
    border-bottom: 1px dashed #f9f9f9;
}
h1, h2, h3 {
    font-weight: normal;
    color: #333;
}
h4 {
    color: #333;
}
h1 {
    line-height: 1.5em;
    margin-top: 1.2em;
}
h2, h3 {
    line-height: 1.5em;
    margin-top: 1.5em;
}
h2 {
    font-size: 1.6em;
}
h3 {
    font-size: 1.2em;
}
ul, ol {
    line-height: 1.2;
}
ul {
    padding: 5px 38px 0px 38px;
}
ul p, ol p {
    overflow: visible;
}
@media (max-width: 767px) {
    #body_wrapper .header .header_wrapper h1 {
        font-size: 2.5em;
    }
    #main {
        padding: 0 2.5em;
        width: 100%;
    }
}
 .article-list img{
    width: 172px;
    height:120px;
   }
@media (max-width: 480px) {
    #body_wrapper .header .header_wrapper h1 {
        font-size: 2em;
    }
    #main {
        padding: 0 1em;
    }
    .article-list {
    overflow: hidden;
    max-width: 480px;
    max-height:120px;
    line-height: 1.2em;
    font-size: 1em;
   }
   .article-list img{
    width: 172px;
    height:90px;
   }
   #body_wrapper .header .header_wrapper .nav {
    list-style: none;
    display: block;
    text-align: left;
    clear: both;
    padding: 0 auto;
}
.yue ul, .yue ol{
    margin: auto;
    padding-left: 0px;
}
ul {
    padding: 5px 0px 0px 0px;
}
#body_wrapper .header .header_wrapper .nav li {
    display: inline-block;
    *display: inline;
}
#body_wrapper .header .header_wrapper .nav li a {
    color: #fff;
    font-size: 18px;
    margin: 0 1em;
    text-shadow: 1px 1px #333;
}
#body_wrapper .header .header_wrapper .nav li a:hover {
    text-decoration: underline;
}
}
#footer {
    margin: 80px 0 30px 0;
    text-align: center;
    font-size: 11px;
    height: 1em;
    font-family: Arial;
    color: #ccc;
}
#footer a {
    color: #bdbdbd;
    margin: 0 10px;
}
#footer a:hover {
    text-decoration: none;
    color: #274b6c;
}
#footer a.admin {
    color: darkred;
    font-weight: bold;
}
#footer .powered_by {
    margin-bottom: 20px;
    text-align: center;
}
#footer .powered_by span {
    font-size: 9px;
    padding: 0 15px;
}
.round {
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    display: block;
}
.pager {
    position: relative;
    height: 57px;
    margin: 50px 0 0 0;
}
.pager a {
    height: 57px;
    width: 57px;
    line-height: 57px;
    color: #333;
    letter-spacing: 1px;
    font-size: 12px;
    text-decoration: none;
    text-align: center;
    border: 1px solid #d3d3d3;
}
.pager a:hover {
    color: #fff;
    background: #274b6c;
}
.pager .next {
    position: absolute;
    right: 0;
}
.pager .pre {
    position: absolute;
    left: 0;
}
#SwfStore_farbox_0 {
    height: 0;
    overflow: hidden;
}
#content ul p, #content ol p {
    overflow: visible;
}
#posts .post ul p, #posts .post ol p {
    overflow: visible;
}
img {
    border: none;
}
ul li {
    padding: 0;
    margin: 0;
    line-height: 0.1em;
}
blockquote {
    color: #777;
    display: block;
    text-align: justify;
    border-left: 4px solid #eeeeee;
    margin: 1em 0;
    padding-left: 1.5em;
}
table {
    background-color: transparent;
    border-collapse: collapse;
    border-spacing: 0;
    border: 1px solid #dddddd;
    border-left: 0;
    margin: 20px 0;
}
th, td {
    border-left: 1px solid #dddddd;
    padding: 8px;
    line-height: 20px;
    text-align: left;
    vertical-align: top;
    border-top: 1px solid #dddddd;
}
code {
    border: 1px solid #e0e0e0;
    background: #F8F8F8;
    padding: 0 5px;
    margin: 0 2px;
    font-family: Menlo, monospace;
}
pre {
    border: 1px solid #e0e0e0;
    margin: 1.2em -2px;
    font-size: 13px;
    font-family: Menlo, monospace;
    line-height: 1.8em;
    display: block;
    overflow: auto;
    background: #F8F8F8;
    letter-spacing: 0;
}
pre p {
    margin: 0;
}
pre br {
    display: none;
}
@media (max-width: 480px) {
    code {
        padding: 0;
        margin: 0;
    }
}
pre code {
    border: none;
    background: none;
    padding: 0;
    margin: 0;
}
.article_like{min-height:50px;margin:0 auto;width:280px}
.article_social{margin-bottom:10px}
.share_zone{margin:10px 5px;min-height:40px}
.article_like .btn{color:#777;width:130px;height:40px;text-shadow:none}
.article_like #my_like2:hover{background-color:#da4f49;color:white}
.article_like #my_like:hover{background-color:#0aa284;color:white}
.article_like .btn-fav{border:1px solid #0aa284}
.article_like .btn-like{border:1px solid #da4f49}
.article_like i{font-size:18px;margin:0 auto}
.article_like .btn-fav{color:#0aa284}
.article_like .btn-like{color:#da4f49}
.article_like #mylike2{float:left}
.article_like #mylike{float:right}
.huodong-detail-ad-banner{margin:10px auto 0px auto;width:580px!important;text-align:center}
.side_article_list_item{list-style-type:none;padding-top:10px;padding-bottom:10px;font-size:20px;padding-left:0;border-bottom:1px dashed #ccc;}
.side_article_list_title{height:18px;line-height:20px;color:#555}
#right_site_articles{margin-bottom:10px;padding-bottom:10px;font-size:12px;margin-top:5px;padding-top:10px;background-color:#fff;box-shadow:0 4px 10px rgba(0,0,0,.1)}
.article_right_side{max-width:300px}
#right_site_articles ul{margin-left:10px;margin-right:6px}
#right_site_articles a{color:#3b5998}
#right_site_articles li{list-style-type:none;}
#site_articles a{color:#3b5998;font-size:1.1em}
#site_articles ul{margin-left:5px}
.article-part-title{border-bottom:1px solid #e3e3e3;color:#000;font-size:18px;padding-bottom:5px;font-weight:bold;margin-left:6px;margin-right:6px;padding-left:5px}
.article-part-title span{text-decoration:none;display:inline-block}


.ad950{ width:950px; height:90px; border:1px solid #CCC; margin:5px auto;}
.ad950 img{ width:948px; height:88px;}