﻿
@media screen and (min-width:1023px){#mob-tianqi{display:none}
.mobile-nav{display:none}
}@media screen and (min-width:1024px) and (max-width:1199px){.container,header .top,.footer-area,.foot-con{max-width:980px}
.pcnav-item.drop i{display:none}
.hudong-ul li .sd-tx{height:36px}
}@media screen and (min-width:0px) and (max-width:1023px){body{line-height:20px}
body:after,.blur,#supersized li.prevslide img,#supersized li.activeslide img{-webkit-filter:blur(0px);-moz-filter:blur(0px);-o-filter:blur(0px);-ms-filter:blur(0px);filter:blur(0px)}
.h1-tit{font-size:16px}
.h2-tit{font-size:14px}
.h3-tit{font-size:13px}
.pd15{padding:12px}
.mt15{margin-top:12px}
.mt25{margin-top:15px}
.mb30{margin-bottom:20px}
.mb25{margin-bottom:15px}
.pb35{padding-bottom:19px}
.pd20{padding:12px}
.mt10{margin-top:7px}
.mob-hidden{display:none}
.ft12,.hudong-ul li .sd-name div{font-size:11px}
.container{padding-top:65px}
.mysection,.section,.myaside,header .top-left,.footer-area,.mob_arc_foot{width:95%;margin:auto;float:none}
header{height:50px}
header .mynav{position:fixed;left:0;right:0;margin:auto;width:100%;display:none}
.mynav .pcnav{height:auto;box-shadow:0 6px 9px #888;background:rgba(255,255,255,1);float:none;max-height:600px;overflow-y:auto;    display: block;}
.pcnav .pcnav-item{width:100%!important;float:none;max-width:initial;border-bottom:dotted 1px #ccc}
.pcnav .pcnav-item>a{font-size:12px;line-height:40px}
.pcnav .pcnav-item>a:active{background:#eee}
.move-bg,.pcnav .pcnav-item.nav-active>a{border-bottom:none!important}
.drop-nav{position:static;box-shadow:none!important;background:#f8f8f8!important;padding:0}
header .top .logo{width:32%;margin-right:0%}
header .web-xiaoxi{margin-left:2.5%;width:55%;margin-right:2.5%}
header .web-xiaoxi i{line-height:49px}
header .news_li li,.swap li{text-align:left!important;text-indent:35px}
header .mobile-nav{width:8%}
header .mobile-nav i{margin:0}
#loader{width:80px;height:80px;left:70%}
.mob-menu .search{box-shadow:none;position:relative;max-width:100%!important}
.mob-ulnav >li>a:active{background:#eee}
.slide-foot{height:30px;line-height:30px}
.silde-title,.swiper-pagination-fraction,.swiper-pagination-custom,.swiper-container-horizontal > .swiper-pagination-bullets{font-size:12px!important}
.side-link ul{margin-left:0}
.shuos-ava a{padding-top:8px}
.swiper-button-prev,.swiper-button-next{display:none}
.arc-item .arcimg{width:35%;height:78px}
.arc-item .arc-right{width:62%;height:78px}
.arc-item .arc-right h5,.arc-item .arc-right h2{padding:5px 0;white-space:pre-wrap}
.arc-item .arc-right p{height:40px;font-size:12px}
.arc-item .arc-right .tips-group li:nth-of-type(1){padding-left:0}
.arc-item .arc-right .tips-group li{font-size:11px}
.top-arc-wrap:after{top:7px}
.arc_edit_time{text-align:center}
.article_tag ul li{padding:3px 6px}
.article-list,.article-wrap,.top-arc,.index_topbox{margin-left:-2.8%;margin-right:-2.8%}
.article-list .h4-tit{margin-bottom:15px}
.article-content .article-body p,.article-content .article-body span,.article-content .article-body{font-size:13px!important;}
.arc-item .bgdiv.isRecommend:before{width:25px;height:25px;background:url(../../style/images/icon/tj2.gif)no-repeat center;background-size:100%}
.arc_miaoshu{font-size:13px}
.article-wrap{padding:15px!important}
.article-wrap .arc-title{font-size:18px!important;line-height:24px;text-align:left}
.article-wrap .post-line ul{text-align:left}
.article-wrap .post-line ul li:nth-child(1){float:right}
#tuijian,#Hot,#New{background-position:-100% -100%}
.comment-line ul li{font-size:11px}
.comment-area>ul>li .comment-name,.re-info span a{font-size:11px;font-weight:bold}
.arc-item .arc-right .tips-group{bottom:-3px}
.shangyip span{font-size:11px}
.maybe-love ul li .maybe_img{height:105px!important}
.maybe-love ul li{width:48%}
.maybe-love ul li:nth-of-type(3),.maybe-love ul li:nth-of-type(4){display:none}
.face-box #face-btn{margin-top:-10px;padding:0}
.post-line.isRecommend:before,.post-line.New:before{top:-50px;right:0px}
.input-prepend input[type="text"],.input-prepend.yzm,textarea#u_content{width:80%}
textarea#u_content{height:110px}
.com-s-sub input[type="submit"]{background-size:40px}
.userava{width:12%}
.re-info,.comment-info,.shuo-info{width:85%}
.comment-area>ul>li{margin-bottom:15px}
.comment-content img,.re-content img{max-width:20px}
.comment-content,.re-content{font-size:12px}
.blog_close_links ul .link_feed_item{width:48%}
.blog_close_links ul .link_feed_item .lf_left{width:20%}
.blog_close_links ul .link_feed_item .lf_right{width:75%}
.wall-column,.sucailist>ul>.wall-column{width:49%}
.wall-li p,.wall-li small{font-size:12px;padding:0}
.wall{margin-left:-1%;margin-right:-1%}
.sucailist>ul>.wall-column{margin:auto;padding:0 1.5%}
.sucai-right ul li:last-child{float:left}
.move-bg{display:none!important}
.move-bg{display:none!important}
.gallery2 >h4{padding:10px 0;width:95%;margin:auto}
.gallery2 h4,.shuo-area ul .shuo-item{margin-bottom:15px}
.gallery2 >h4  span{margin-left:10px}
.gallery2 .comment-area h4{width:auto}
.gallery2 ul{margin-top:15px}
.footer-area .foot-box .foot-part{width:100%;margin-right:0}
.footer-area .foot-box{margin-right:0}
.form-in{margin-bottom:30px}
#toTop{width:30px;height:30px;background-size:100%;right:10px}
.side-bdfx,.wx-img,.search{left:0!important;right:0!important;margin:auto!important;max-width:90%}
.pagination{margin:10px 0}
.myaside{margin-top:20px}
.xiangguan .focus-item a{width:40px;height:40px}
.pagination .list-page{float:left;margin-bottom:15px}
.pagination ul > li > a,.pagination ul > li > span{line-height:30px}
.syntaxhighlighter a,.syntaxhighlighter div,.syntaxhighlighter code,.syntaxhighlighter,.syntaxhighlighter td,.syntaxhighlighter tr,.syntaxhighlighter tbody,.syntaxhighlighter thead,.syntaxhighlighter caption,.syntaxhighlighter textarea{min-height:initial!important;font-size:12px!important}
.code .container{min-width:initial!important}
.arc-last-message{}
.arc-bottom-btn{float:none}
.foot-con .foot-item{width:100%}
.foot-con .foot-nav{font-size:12px;text-align:center}
.foot-con .foot-share .bdsharebuttonbox{text-align:center;justify-content:space-around;-webkit-justify-content:space-around}
.foot-con .foot-share li:last-child a{margin-right:20px!important}
.foot-con .fn-nav-link a{float:none}
.foot-con .fn-nav-link{padding:0 5px}
.foot-con .fn-nav-link a:before{margin:0 5px}
.shangyip p{font-size:12px}
.comment-line i{display:none}
.author-name p{font-size:12px;}
}@media screen and (min-width:480px) and (max-width:767px){.h1-tit{font-size:18px}
.h2-tit{font-size:16px}
.h3-tit{font-size:15px}
.pd15{padding:12px}
.mt15{margin-top:12px}
.mt25{margin-top:17px}
.mb30{margin-bottom:20px}
.mb25{margin-bottom:17px}
.pb35{padding-bottom:22px}
.pd20{padding:15px}
.arc-item .arcimg{width:30%;height:98px}
.arc-item .arc-right{width:67%;height:98px}
.arc-item .arc-right h5,.arc-item .arc-right h2{padding-bottom:0}
.arc-item .arc-right p{height:62px;font-size:12px}
.arc-item .arc-right .tips-group li:nth-of-type(1){padding-left:0}
.arc-item .arc-right .tips-group li{font-size:11px}
.maybe-love ul li .maybe_img{height:115px!important}
.pagination ul > li > a,.pagination ul > li > span{line-height:35px}
.pagination{margin:15px 0}
}@media screen and (min-width:768px) and (max-width:1023px){.h1-tit{font-size:19px}
.h2-tit{font-size:17px}
.h3-tit{font-size:16px}
.pd15{padding:15px}
.mt15{margin-top:15px}
.mt25{margin-top:25px}
.mb30{margin-bottom:30px}
.mb25{margin-bottom:25px}
.pb35{padding-bottom:30px}
.pd20{padding:20px}
.arc-item .arcimg{width:30%;height:105px}
.arc-item .arc-right{width:67%;height:105px}
.arc-item .arc-right h5,.arc-item .arc-right h2{padding-bottom:0}
.arc-item .arc-right p{height:69px;font-size:12px}
.arc-item .arc-right .tips-group li:nth-of-type(1){padding-left:0}
.arc-item .arc-right .tips-group li{font-size:11px}
.maybe-love ul li .maybe_img{height:175px!important}
.pagination ul > li > a,.pagination ul > li > span{line-height:35px}
.pagination{margin:20px 0}
.article-wrap .arc-title{font-size:22px!important}
}
@media screen  and (max-width:320px){header{max-width:320px;}