@media screen and (max-width:480px){
.post.news li h4{ margin:0; font-size:1em; margin-top:-5px}
.post.news li p{margin-top: 0px;
    line-height: 20px;height:40px}
.post.news .post-img{ max-width:138px; max-height:138px;  }
.post .PostShow .loading{ min-height:90px;}
.archive-top .archive-title h1{ font-size:1.8em}
.avatar{margin-right:10px}
.avatar img{width:40px;height:40px;}
.commBody{margin-left:55px;}
.bx-wrapper .bx-pager{bottom:10px;}
#backTop{ display: none;}
.PostBox.about .post .postTitle{ text-align:center; padding:90px 50px 0px; margin-bottom:20px;}
.PostBox.about .post .PostText{ text-align:left; padding:0 50px;}
.PostBox.about .post .more{ left:50%; transform:translateX(-50%); bottom:90px;}
.bnBox.cateBn .text h3{font-size: 22px;}
.bnBox.cateBn .text p{ font-size: 10px;}
}

#backTop{position:fixed;right:0px;top:55%; transform: translateY(-50%);z-index:888;}
#backTop span{cursor:pointer;background:rgba(0,0,0,0.2);width:50px;height:50px;color:#fff;display:block;position:relative;margin:0px 0; right: 0;}
#backTop span#gttop{ visibility: hidden;-webkit-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease; opacity: 0;}
#backTop span i{ z-index: 1}
#backTop span.ft-qq i{ background: #1ea6e9;}
#backTop span.ft-wx i{ background: #46be8a;}
#backTop span.ft-tel i{ background: #DA0023;}
#backTop span small{ width: 250px; height: 180px; position: absolute; left: -220px; top: 0;box-shadow: 0 0 9pt rgba(0,0,0,.1); visibility: hidden; opacity: 0; background: #fff; z-index: 0;-webkit-transition: all .2s ease;
-o-transition:all .2s ease;
transition: all .2s ease;}

#backTop span small.weixin{ width:212px; height: 50px; line-height: 50px; padding: 0 15px; text-align: center; font-size: 22px; color: #333; right: 70%; left: auto; visibility: hidden; /*background: #DA0023; */}

#backTop span small.telTop{ width:212px; height: 50px; line-height: 50px; padding: 0 15px; text-align: center; font-size: 20px; color: #333; right: 70%; left: auto; visibility: hidden; /*background: #DA0023; */}
#backTop span:hover.ft-tel small.telTop{ visibility: visible; opacity: 1;right: 100%;}

#backTop span:hover.ft-wx small.weixin{visibility: visible; opacity: 1; left: -190px;}

#backTop span i{text-align:center;color:#fff;width:50px;height:50px;font-style:inherit;line-height:50px;position:absolute;top:50%;left:50%;margin-top:-25px;margin-left:-25px; font-size: 22px;}
#backTop span.ft-tel i{font-size: 24px;}
#backTop a{color:#fff;display:block;cursor:pointer}

#backTop span small b{width: 25px;height: 35px;position: absolute;top: 10px;right: -22px; z-index: 999; font-size: 26px;}

/*browse*/
#browse{padding:10px 0;border-bottom:1px solid #ddd;background:#C80000;color:#aa6800;text-align:center;font-family:arial,sans-serif;font-size:14px}
#browse a{padding:4px;color:#008DFD}
#browse a:hover{text-decoration:underline}
/*----------- ADS -----------*/
.bnBox{background-color: #fff;border:none;padding:10px;margin:0 auto 16px auto;overflow: hidden; max-width: 1240px; position: relative;}
.bnBox.cateBn{ margin-bottom: 0; padding: 0; max-width: 100%;}
.bnBox.cateBn .text{ width: 100%; text-align:center; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); color: #fff;}
.bnBox.cateBn .text h3{font-weight: 100; font-size: 40px;}
.bnBox.cateBn .text h1{font-weight: 100; font-size: 40px;}
.bnBox.cateBn .text p{ font-size: 14px; font-weight:100;  font-style: normal; clear: both; opacity: .8}
.bnBox.cateBn img{}
.bnBox.animation{ margin-top: 16px;}
.bnBox img{ display:block;width:100%}


/*----------- footer -----------*/
.footer{margin-top:0px;padding:0px 0 0;width:100%;background:#000;color:rgba(255,255,255,0.48);clear:both; position:relative; font-size:14px; line-height:22px; float: left; text-align: left}
.footer a{color:rgba(255,255,255,0.3);font-size:14px;}
.footer-text{padding:20px 10px; margin:0 auto;color:rgba(255,255,255,0.3);position:relative;overflow:hidden; /*background: #111;*/ max-width: 1260px}

.link{max-width:1260px;margin:20px auto 20px auto; padding: 0 10px;color: rgba(255,255,255,0.3);}
.link span{font-size:12px}
.link ul{ display:inline}
.link li{display:inline;padding:0 6px; }

.action-like,.article-social{text-align:center; text-shadow:none}
.article-main a.action-like{ color:#fff;}
.action-like{display:inline-block;background-color:#FF5E52;color:#fff;border-radius:3px;padding:10px 12px 10px 15px;font-size:15px;margin:10px auto 18px;min-width:120px;max-width:100%;cursor:pointer;opacity:.75}
.action-like:hover{opacity:1;color:#fff}





/*social*/
.sidebar{max-width: 1260px; margin: 0 auto; padding: 60px 10px 30px 10px;border-bottom: 1px solid rgba(255,255,255,0.1);position: relative;}
.sidebar .addBox{ padding: 0 5px; margin-bottom: 15px;}
.sidebar .addBox h4{ display: none}
.sidebar .addBox span{ margin-right: 20px; display: inline-block}
.sidebar .addBox span.tel{ font-size: 30px; padding:0 0 20px 0; display:block; font-weight: 300; margin-right: 0}
.sidebar .addBox span.tel a{ font-size: 30px;}
.sidebar .addBox span.tel i{ margin-right: 5px;}
.social a.socialLink{background:rgba(255,255,255,.08);border-radius:1000px;-moz-border-radius:1000px;-webkit-border-radius:1000px;color:rgba(255,255,255,.48);font-size:18px;display:inline-block;width:46px;height:46px;line-height:46px;text-align:center; margin:0 10px 0 0;}