html{ padding:0px;margin:0px;font-family: 'Microsoft Yahei', 'Helvetica Neue', Helvetica, 'Lucida Grande', Arial, 'Hiragino Sans GB', 'WenQuanYi Micro Hei', STHeiti, SimSun, sans-serif;font-size:14px;}
body{ overflow-y:scroll;-webkit-tap-highlight-color:rgba(0,0,0,0);margin:0;padding:0;padding-top:0px;background:#fff;transition:all 0.6s;-moz-transition:all 0.6s;-webkit-transition:all 0.6s;-o-transition:all 0.6s;}
header,article,aside,div,span,p,ul,li,ol,h1,h2,h3,h4,h5{ list-style:none;margin:0;padding:0;text-align: justify;}
img{ border:0;font-size:0;margin:0;}
a{ background-color:transparent; text-decoration:none; color:#414558;}
a:active,a:hover{ outline:0;}
b,strong{font-weight:bold;}
hr{ height:1px;border:0;border-top:1px solid #dadada;margin:1em 0;padding:0;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;height:0}
body.bg-white{ background:#fff;}

/*导航栏*/
.header{ padding:0 60px;position:relative;height:90px;background:#fff;}
.header:after{ content: "";display: block;height: 0;clear: both;visibility: hidden;}

.header .blog-logo{ float:left;height:46px;margin-top:22px;}
.header .blog-logo img{ height:46px;}

.nav{ Position: relative;float:left;margin-left:40px;height:60px;line-height:60px;margin-top:15px;}
.nav:after{ content: "";display: block;height: 0;clear: both;visibility: hidden;}
.nav ul{ }
.nav ul li{ Position: relative;color:#242732;float:left;margin-right:30px;font-size:15px;}
.nav ul li a{ display:block;color:#414558;transition:all 0.6s;-moz-transition:all 0.6s;-webkit-transition:all 0.6s;-o-transition:all 0.6s;}
.nav ul li i{ margin-left:2px;display:inline-block;border-left: 3px solid transparent;border-right: 3px solid transparent;border-top: 4px solid #242732;margin-top: -2px;vertical-align:middle;-webkit-transition: all 0.6s;-moz-transition: all 0.6s;-o-transition: all 0.6s;}
.nav ul li:hover a, .nav ul li.hover a{ color:#ea320e;}
.nav ul li:hover i, .nav ul li.hover i{ border-top: 4px solid #ea320e;}
.nav ul li ul{ display:none;position:absolute;left:50%;margin-left:-81px;top:60px; width:140px;line-height:30px;border:solid 1px #eee;background:#fff;z-index:101;padding:0px 10px;border-radius:6px;box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);
-webkit-animation:rotating 0.3s linear infinite;
animation:rotating 0.3s linear infinite;
-webkit-animation-name:top-ul;
animation-name:top-ul;
animation-iteration-count:1;
-webkit-animation-iteration-count:1;
animation-fill-mode: forwards;
}
.nav ul li ul:before, .nav ul li ul:after{ content: '';position: absolute;top: -7px;left:50%;margin-left:-8px;border-left:8px solid transparent;border-right:8px solid transparent;border-bottom:8px solid #ddd;z-index:102;}
.nav ul li ul:after{ border-bottom: 8px solid #fff;margin-top:1px;}
.nav ul li ul li{ border-bottom:1px solid #eee;text-align:center;display:block;font-size:14px;height:50px;line-height:50px;width:100%;margin:0px;float:none;}
.nav ul li ul li:last-child{ border:0;}
.nav ul li ul li a{ color:#242732 !important;height:50px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.nav ul li ul li a:hover{ color:#ea320e !important;}
.nav ul li:hover ul{ display:block;}
@keyframes top-ul {
0%   { transform: translateY(30px);opacity:0;}
100% { transform: translateY(0);opacity:1;}
}

.search-bg{ float:right;Position: relative;z-index:999;}
.hot-search{ display:none;overflow: hidden;position:absolute;left:0;right:0;top:70px;border-radius:6px;background:#fff;border:solid 1px #eee;box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);}
.hot-search h4{ line-height:30px;padding:0 10px;color:#ea320e;}
.hot-search ul{ padding:10px 0;}
.hot-search ul li{ Position: relative;height:30px;}
.hot-search ul li a{ padding:0 30px 0 10px;display:block;height:30px;line-height:30px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.hot-search ul li:hover{ background:#fafafa;}
.hot-search ul li a:hover{ color:#ea320e;}
.hot-search ul li .iconfont{ position:absolute;line-height:30px;right:10px;top:0;color:#ccc;}

.close-search{ display:none;}
.search{ margin-top:28px;Position: relative;background:#f7f7f7;overflow:hidden;height:34px;width:220px;border-radius:20px; }
.search input{ background:#f7f7f7;border:0;width:100%;margin:0;padding:0 20px;outline:none;height:34px;line-height:34px;color:#808080;}
.search button{ background:#f7f7f7;border-radius:50px;position:absolute;right:0;top:0;width:44px;height:34px;line-height:32px;margin:0;padding:0;color:#333;cursor: pointer;outline:none;border:0;}
.search button:hover{ background:#eee;}
.search .iconfont{ color:#999;font-size:16px;}

.menu-btn{ display:none;}
.search-btn{ display:none;}

/*左侧背景*/
.side{ position: fixed;top: 0;left: 0;height: 100%; width:24%;overflow: hidden;background:#242732;background-repeat: no-repeat;background-position: center;background-size: cover; }
.side .side-desc{ position:absolute;bottom:30px;left:30px;right:30px;line-height:26px;font-size:15px;color:#fff;}
.side .side-desc p{ margin-top:10px;}
.side strong{ display:inline-block;margin-top:20px;color:#fff;font-size:16px;}
.side strong:hover{ text-decoration:underline;}

/* 主体框架 */
.container{ margin-left:24%;}
.content{ width:960px;margin:20px auto;}
.content:after{ content: "";display: block;height: 0;clear: both;visibility: hidden;}
.main{ width:630px;float:left;overflow:hidden;}
.article-main{ width:720px;float:left;overflow:hidden;}
.sidebar{ width:290px;float:right;overflow:hidden;}

/*轮播图*/
.slideBox{ overflow:hidden;position:relative;margin-bottom:20px;}
.slideBox .hd{ overflow:hidden; position:absolute; width:100%; bottom:15px; z-index:1; }
.slideBox .hd ul{ overflow:hidden; zoom:1; margin:0 auto; width:100%;text-align:center; }
.slideBox .hd ul li{ border-radius:100%;display:inline-block; width:6px;height:6px;margin:0 5px; background:rgba(0,0,0,0.6);-webkit-transition: all 0.6s;-moz-transition: all 0.6s;-o-transition: all 0.6s;}
.slideBox .hd ul li.on{ background:#fff;}
.slideBox .bd{ position:relative; z-index:0;width: 100%;overflow: hidden}
.slideBox .bd li{ overflow:hidden;margin:0;position:relative; vertical-align:top;text-align:center;}
.slideBox .bd img{ width:100%;border-radius:6px; }
.slideBox .prev{ border-radius: 0 6px 6px 0;display:inline-block;position:absolute; left:0px; top:50%; margin-top:-30px;  width:30px; height:60px; background:url(../images/slide_btn.png) no-repeat left -100px; filter:alpha(opacity=0);opacity:0;}
.slideBox .next{ border-radius:6px 0 0 6px;display:inline-block;position:absolute; right:0px; top:50%; margin-top:-30px;  width:30px; height:60px; background:url(../images/slide_btn.png) no-repeat left -170px; filter:alpha(opacity=0);opacity:0; }
.slideBox:hover .prev,.slideBox:hover .next{ filter:alpha(opacity=100);opacity:1;  }
.slideBox .prevStop{ display:none; }
.slideBox .nextStop{ display:none; }
 
/*多图滑动*/
.picScroll-left{ margin-bottom:20px;overflow:hidden;Position: relative;}
.picScroll-left .bd{ overflow:hidden;Position: relative;margin-left:-5px;}
.picScroll-left .bd ul{ }
.picScroll-left .bd ul li{ width:33.33%;float:left;}
.picScroll-left .bd ul li .img{ margin-left:5px;border-radius:6px;Position: relative;overflow:hidden;}
.picScroll-left .bd ul li .img img{ vertical-align:bottom;width:100%;-webkit-transition: all 0.6s;-moz-transition: all 0.6s;-o-transition: all 0.6s;}
.picScroll-left .bd ul li .img p{ position:absolute;bottom:0;left:0;right:0;background: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.6));padding:20px 10px 5px 10px;color:#fff;font-size:14px;height:24px;line-height:24px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.picScroll-left .bd ul li .img span.iconfont{ Position: absolute;top:50%;left:50%;transform:translate(-50%,-60%);color:#fff;font-size:30px;}

.picScroll-left .prev{ border-radius: 0 6px 6px 0;cursor: pointer;display:inline-block;position:absolute;z-index:9; left:5px; top:50%;margin-top:-30px; width:30px; height:60px; background:url(../images/slide_btn.png) no-repeat left -100px; filter:alpha(opacity=0);opacity:0;}
.picScroll-left .next{ border-radius:6px 0 0 6px;cursor: pointer;display:inline-block;position:absolute;z-index:9; right:0; top:50%;margin-top:-30px; width:30px; height:60px; background:url(../images/slide_btn.png) no-repeat left -170px; filter:alpha(opacity=0);opacity:0; }
.picScroll-left:hover .prev,.picScroll-left:hover .next{ filter:alpha(opacity=100);opacity:1;  }
.picScroll-left .bd ul li .img:hover img{ -webkit-transform: scale(1.10);-moz-transform: scale(1.10);transform: scale(1.10);}
.picScroll-left .hd{ margin-top:20px;}
.picScroll-left .hd ul{ text-align:center;padding-left:5px;}
.picScroll-left .hd ul li{ display:inline-block;height:2px;width:30px;margin:0 3px;background:#ccc;text-indent: -9999em;}
.picScroll-left .hd ul li.on{ background:#ea320e;}

/*内容选项卡*/
.tab-article{ overflow:hidden;}
.tab-article .hd{ height:45px;line-height:45px;border-bottom:solid 2px #eee;}
.tab-article .hd:after{ content: "";display: block;height: 0;clear: both;visibility: hidden;}
.tab-article .hd ul{ text-align:right;}
.tab-article .hd h2{ float:left;font-size:18px;}
.tab-article .hd ul li{ font-size:14px;cursor: pointer;display:inline-block;margin-left:20px;}
.tab-article .hd ul li.on{ color:#ea320e;height:45px;border-bottom:solid 2px #ea320e;}

/*文章列表*/
.list-article{ overflow:hidden;}
.list-article ul{}
.list-article ul li{ overflow:hidden;Position: relative;border-bottom:solid 1px #eee;}
.list-article ul li:last-child{ border-bottom:0;}
.list-article ul li h2{ }
.list-article ul li h2 a{ display:block;font-size:18px;line-height:28px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;-webkit-transition: all 0.6s;-moz-transition: all 0.6s;-o-transition: all 0.6s;}
.list-article ul li h2 a:hover{ color:#ea320e;}

.list-article ul li .article-card{ padding:20px 0;Position: relative;min-height:120px;}
.list-article ul li .article-card .img{ overflow:hidden;height:104px;width:156px;border-radius:6px;Position: absolute;top:50%;margin-top:-52px;right:0;}
.list-article ul li .article-card .img img{ height:104px;width:156px;-webkit-transition: all 0.6s;-moz-transition: all 0.6s;-o-transition: all 0.6s;}
.list-article ul li .article-card .img img:hover{ -webkit-transform: scale(1.10);-moz-transform: scale(1.10);transform: scale(1.10);}
.list-article ul li .article-card .img span.icon-play-circle{ Position: absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:32px;}
.list-article ul li .article-card .img span.icon-tupian{ Position: absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:32px;}

.list-article ul li .article-card .desc{ padding:1px 200px 1px 0;}
.list-article ul li .article-card .desc h2{ margin-bottom:8px;}
.list-article ul li .article-card .desc p.miaoshu{ margin-bottom:10px;line-height:24px;height:48px;font-size:13px;color:#999;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}

.list-article ul li .image-card{ padding:20px 0;}
.list-article ul li .image-card h2{ margin-bottom:5px;}
.list-article ul li .image-card p.miaoshu{ margin-bottom:10px;line-height:24px;font-size:13px;color:#999;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.list-article ul li .image-card .pics{ Position: relative;margin:10px 0;border-radius:6px;overflow:hidden;}
.list-article ul li .image-card .pics span.box{ display:block;margin-top:-2px;margin-left:-2px;}
.list-article ul li .image-card .pics span.li{ width:25%;float:left;margin-top:2px;}
.list-article ul li .image-card .pics span.li a{ overflow:hidden;display:block;margin-left:2px;}
.list-article ul li .image-card .pics span.li img{ width:100%;-webkit-transition: all 0.6s;-moz-transition: all 0.6s;-o-transition: all 0.6s;}
.list-article ul li .image-card .pics span.li img:hover{ -webkit-transform: scale(1.10);-moz-transform: scale(1.10);transform: scale(1.10);}

.list-article ul li span.flag{ font-size:12px;color:#fff;border-radius:0 0 6px 0;text-align:center;display:block;height:22px;line-height:22px;width:30px;Position: absolute;z-index:4;top:0;left:0;}
.list-article ul li span.new{ background:#ea320e;}
.list-article ul li span.jing{ background:#ffcc33;color:#242732;}

.list-article ul li .info{ font-size:12px;height:22px;line-height:22px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.list-article ul li .info span{ font-size:13px;color:#ccc;}
.list-article ul li .info span.iconfont{ padding-right:3px;color:#ccc;}
.list-article ul li .info span.click{ color:#ea320e;margin-right:15px;}
.list-article ul li .info span.icon-xihuanfill{ color:#ea320e;}
.list-article ul li .info span.time{ margin-right:15px;}
.list-article ul li .info span.tags{ }
.list-article ul li .info span.tags a{ margin-right:10px;color:#ccc;}
.list-article ul li .info span.tags a:hover{ color:#ea320e;}

/*文章里的随笔*/
.list-article ul li.suibi{ padding:20px 0;}
.list-article ul li .suibi-card .author{ margin-bottom:10px;}
.list-article ul li .suibi-card .author{ min-height:50px;Position: relative;padding-left:70px;}
.list-article ul li .suibi-card .author .face{ Position: absolute;left:0;top:0;}
.list-article ul li .suibi-card .author .face img{ width:50px;height:50px;border-radius:100%;}
.list-article ul li .suibi-card h2{ font-weight:600;}
.list-article ul li .suibi-card h2 a{ display:block;font-size:18px;line-height:28px;-webkit-transition: all 0.6s;-moz-transition: all 0.6s;-o-transition: all 0.6s;}
.list-article ul li .suibi-card h2 a:hover{ color:#ea320e;}
.list-article ul li .suibi-card p.author-name{ color:#336699;margin-bottom:10px;line-height:20px;font-size:12px;}
.list-article ul li .suibi-card p.xinqing{ line-height:26px;font-size:16px;overflow: hidden;}
.list-article ul li .suibi-card p.xinqing a{ padding-left:5px;color:#ea320e;}
.list-article ul li .suibi-card .imgs{ margin-left:70px;overflow: hidden;width:350px;border-radius:6px;margin-bottom:10px;}
.list-article ul li .suibi-card .imgs span.ul{ display:block;margin-left:-2px;margin-top:-2px;}
.list-article ul li .suibi-card .imgs span.li{ display:block;width:33.33%;float:left;margin-top:2px;}
.list-article ul li .suibi-card .imgs span.box{ display:block;margin-left:2px;}
.list-article ul li .suibi-card .imgs span.li img{ width:100%;}
.list-article ul li .suibi-card .imgs span.li-one{ display:block;}
.list-article ul li .suibi-card .imgs span.li-one img{ max-width:100%;max-height:250px;border-radius:6px;}
.list-article ul li .suibi-card .two-imgs{ margin-left:70px;overflow: hidden;width:233px;border-radius:6px;margin-bottom:10px;}
.list-article ul li .suibi-card .two-imgs span.li{ width:50%;}
.list-article ul li .suibi-card .two-imgs span.li img{ width:100%;}
.list-article ul li .suibi-card .imgs span.li-two{ display:block;width:50%;float:left;margin-top:2px;}
.list-article ul li .suibi-card .info{ margin-left:70px;}

.list-article ul li .index-suibi-style h2{ margin-bottom:5px;}

.list-article ul li .index-suibi-style .author-small{ margin-bottom:10px;overflow: hidden;}
.list-article ul li .index-suibi-style .author-small img{ height:18px;width:18px;float:left;border-radius:100%;}
.list-article ul li .index-suibi-style .author-small span.author-name{ color:#999;line-height:18px;font-size:12px;display: block;float:left;margin-left:5px;font-weight: bold;}

.list-article ul li .index-suibi-style p.xinqing{ margin-bottom:10px;}
.list-article ul li .index-suibi-style .imgs{ margin-left:0;margin-top:10px;}
.list-article ul li .index-suibi-style .info{ margin-left:0px;}

/*视频列表*/
.list-video{ overflow: hidden;padding:20px 0;}
.list-video ul{ margin-left:-10px;margin-top:-20px;}
.list-video ul li{ width:33.33%;float:left;margin-top:20px;}
.list-video ul li .box{ margin-left:10px;overflow:hidden;}
.list-video ul li .img{ margin-bottom:10px;overflow:hidden;Position: relative;border-radius:6px;}
.list-video ul li .img img{ width:100%;-webkit-transition: all 0.6s;-moz-transition: all 0.6s;-o-transition: all 0.6s;}
.list-video ul li .img img:hover{ -webkit-transform: scale(1.10);-moz-transform: scale(1.10);transform: scale(1.10);}
.list-video ul li .img span.icon-play-circle{ Position: absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:32px;}
.list-video ul li .desc{ padding-right:20px;}
.list-video ul li .desc h2{ margin-bottom:10px;}
.list-video ul li .desc h2 a{ display:block;font-size:15px;line-height:24px;height:48px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;-webkit-transition: all 0.6s;-moz-transition: all 0.6s;-o-transition: all 0.6s;}
.list-video ul li .desc h2 a:hover{ color:#ea320e;}

.list-video ul li span.flag{ font-size:12px;color:#fff;border-radius:0 0 6px 0;text-align:center;display:block;height:22px;line-height:22px;width:30px;Position: absolute;z-index:4;top:0;left:0;}
.list-video ul li span.new{ background:#ea320e;}
.list-video ul li span.jing{ background:#ffcc33;color:#242732;}
.list-video ul li .info{ font-size:12px;height:22px;line-height:22px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.list-video ul li .info span{ font-size:13px;color:#bbb;}
.list-video ul li .info span.iconfont{ padding-right:3px;color:#ccc;}
.list-video ul li .info span.click{ color:#ea320e;margin-right:15px;}
.list-video ul li .info span.icon-xihuanfill{ color:#ea320e;}
.list-video ul li .info span.time{ margin-right:15px;}

/*相册列表*/
.list-pics{ overflow: hidden;padding:20px 0;}
.list-pics ul{ margin-left:-10px;margin-top:-20px;}
.list-pics ul li{ width:33.33%;float:left;margin-top:20px;}
.list-pics ul li .box{ overflow: hidden;margin-left:10px;}
.list-pics ul li .img{ margin-bottom:10px;overflow:hidden;Position: relative;border-radius:6px;}
.list-pics ul li .img img{ width:100%;-webkit-transition: all 0.6s;-moz-transition: all 0.6s;-o-transition: all 0.6s;}
.list-pics ul li .img img:hover{ -webkit-transform: scale(1.10);-moz-transform: scale(1.10);transform: scale(1.10);}
.list-pics ul li .img span.icon-tupian{ Position: absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:32px;}
.list-pics ul li .desc{ padding-right:20px;}
.list-pics ul li .desc h2{ margin-bottom:10px;}
.list-pics ul li .desc h2 a{ display:block;font-size:15px;line-height:24px;height:48px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;-webkit-transition: all 0.6s;-moz-transition: all 0.6s;-o-transition: all 0.6s;}
.list-pics ul li .desc h2 a:hover{ color:#ea320e;}

.list-pics ul li span.flag{ font-size:12px;color:#fff;border-radius:0 0 6px 0;text-align:center;display:block;height:22px;line-height:22px;width:30px;Position: absolute;z-index:4;top:0;left:0;}
.list-pics ul li span.new{ background:#ea320e;}
.list-pics ul li span.jing{ background:#ffcc33;color:#242732;}
.list-pics ul li .info{ font-size:12px;height:22px;line-height:22px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.list-pics ul li .info span{ font-size:13px;color:#ccc;}
.list-pics ul li .info span.iconfont{ padding-right:3px;color:#ccc;}
.list-pics ul li .info span.click{ color:#ea320e;margin-right:15px;}
.list-pics ul li .info span.icon-xihuanfill{ color:#ea320e;}
.list-pics ul li .info span.time{ margin-right:15px;}

/*点击弹出大图*/
.modelTost{display:none;background:rgba(0,0,0,1);z-index:9999;width:100%;height:100%;position:fixed;top:0;left:0;}
.modelTostChile{ overflow:hidden;/* background-color:#fff; */position:absolute;top:0;left:0;bottom:0;right:0;}
.modelTostChile .swiper-container{ height:100%;width:100%;overflow:hidden;}
.modelTost .swiper-pagination{ color:#fff;bottom:auto;top:30px;}
.swiper-slide{ text-align:center;overflow:hidden;margin:0 !important;}
.swiper-fixed{ overflow:hidden;}
.swiper-zoom-container { margin:0 !important;width: 100%; height: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; text-align: center }
.swiper-zoom-container>canvas,
.swiper-zoom-container>img,
.swiper-zoom-container>svg { margin:0 !important;max-width: 100%; max-height: 100%; -o-object-fit: contain; object-fit: contain }

/*内容目录*/
.list-mulu{ padding:20px 0;}
.list-mulu ul{ margin-bottom:30px;}
.list-mulu ul h2{ background:#fff;padding-bottom:5px;margin-bottom:-1px;Position: relative;z-index:2;font-size:16px;}
.list-mulu ul h2 a{ color:#ea320e;}
.list-mulu ul li{ border-top:solid 1px #eee;height:44px;line-height:44px;overflow:hidden;Position: relative;}
.list-mulu ul li a{ font-size:15px;display:block;height:44px;line-height:44px;padding-right:100px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.list-mulu ul li span{ display:block;Position: absolute;right:0;top:0;color:#999;}
.list-mulu ul li:last-child{ border:0;}
.list-mulu ul li a:hover{ color:#ea320e;}

.more{ margin-top:5px;height:34px;line-height:34px;text-align:center;font-size:14px;background:#f7f7f7;border:solid 1px #eee;border-radius:6px;}
.more a{ display:block;color:#666;}
.more:hover{ border:solid 1px rgba(234,50,14,0.15);background:rgba(234,50,14,0.05);}
.more:hover a, .more:hover span{ color:#ea320e;}

/*一月热门*/
.list-click{ overflow:hidden;padding:20px 0;}
.list-click ul{ }
.list-click ul li{ height:44px;line-height:44px;border-bottom:solid 1px #eee;Position: relative;overflow: hidden;}
.list-click ul li i{ font-size:13px;line-height:45px;Position: absolute;left:0;top:0;display:block;color:#ea320e;}
.list-click ul li a{ font-size:15px;height:44px;display:block;padding:0 90px 0 30px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.list-click ul li span{ Position: absolute;display:block;right:0;top:0;color:#999;}
.list-click ul li a:hover{ color:#ea320e;}
.list-click ul li:last-child{ border:0;}

/*侧边栏*/
.sidebar-con{ border-radius:6px;margin-bottom:20px;}
.sidebar-head{ height:30px;line-height:30px;overflow:hidden;margin-bottom:5px;}
.sidebar-head h4{ font-size:15px;font-weight:500;float:left;}
.sidebar-head span{ float:right;color:#999;font-size:12px;}

/*网站公告*/
.side-gonggong-con{ margin-bottom:30px;border:solid 1px #eee;background:#fafafa;border-radius:6px;padding:0 16px 20px 16px;}
.side-gonggong-con h4{ margin-bottom:20px;border-radius:0 0 6px 6px;font-weight:500;display: inline-block;padding:5px 20px;background:#ea320e;color:#fff;margin-top:-1px;}
.side-gonggong{ }
.side-gonggong h2{ font-size:18px;font-weight:600;line-height:28px;margin-bottom:10px;}
.side-gonggong h2 a:hover{ color:#ea320e;}
.side-gonggong p{ padding-bottom:20px;margin-bottom:20px;border-bottom:solid 1px #eee;line-height:24px;font-size:13px;color:#666;}
.side-gonggong .info{ overflow:hidden;line-height:20px;}
.side-gonggong span.time{ display:block;float:left;color:#999;font-size:13px;}
.side-gonggong span.r-more{ display:block;float:right;}
.side-gonggong span.r-more a{ color:#ea320e;}
.side-gonggong span.r-more a:hover{ text-decoration:underline;}

.side-click{ }
.side-click ul{ }
.side-click ul li{ Position: relative;height:34px;line-height:34px;}
.side-click ul li i{ background:#ccc;color:#fff;font-style:normal;font-size:13px;font-weight:500;width:18px;height:18px;line-height:18px;text-align:center;border-radius:4px;display:block;Position: absolute;left:0;top:50%;margin-top:-9px;}
.side-click ul li a{ Position: absolute;top:0;left:30px;right:50px;font-size:14px;display:block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.side-click ul li a:hover{ color:#ea320e;}
.side-click ul li:nth-child(1) i{ background:rgba(234,50,14,1);}
.side-click ul li:nth-child(2) i{ background:rgba(234,50,14,.7);}
.side-click ul li:nth-child(3) i{ background:rgba(234,50,14,.4);}
.side-click ul li span{ width:36px;Position: absolute;top:50%;margin-top:-2.5px;height:5px;right:0;background:rgba(234,50,14,.2);}
.side-click ul li:nth-child(2) span{ width:33px;}
.side-click ul li:nth-child(3) span{ width:30px;}
.side-click ul li:nth-child(4) span{ width:27px;}
.side-click ul li:nth-child(5) span{ width:24px;}
.side-click ul li:nth-child(6) span{ width:22px;}
.side-click ul li:nth-child(7) span{ width:20px;}
.side-click ul li:nth-child(8) span{ width:18px;}
.side-click ul li:nth-child(9) span{ width:16px;}
.side-click ul li:nth-child(10) span{ width:14px;}

.side-links ul li a:hover{ color:#ea320e;}
.side-links ul li{ Position: relative;height:34px;line-height:34px;}
.side-links ul li a{ Position: absolute;font-size:14px;display:block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}

/*相关文章 */
.side-about{ overflow:hidden;}
.side-about ul{ margin-bottom:0px;}
.side-about ul li{ height:80px;line-height:26px;Position: relative; }
.side-about ul li .hot_pic{ border-radius:6px;width:60px;height:60px;Position: absolute;top:10px;overflow: hidden;}
.side-about ul li .hot_pic img{ height:60px;width:90px;margin-left:-15px;}
.side-about ul li .hot_title{ height:80px;display: table-cell;vertical-align: middle;}
.side-about ul li .hot_title p.title{ text-align:left;width:218px;vertical-align: middle;font-size:14px;line-height:20px;max-height: 40px;overflow: hidden; text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;margin-left:70px;transition:all 0.6s;-moz-transition:all 0.6s;-webkit-transition:all 0.6s;/-o-transition:all 0.6s;}
.side-about ul li .hot_title p.time{ color:#999;margin-top:5px;margin-left:70px;font-size:12px;line-height:20px;height:20px;}
.side-about ul li:hover .hot_title p.title{ color:#ea320e;}

/*热门tag*/
.side-tag{ overflow:hidden;margin-top:10px;}
.side-tag ul{ margin-top:-5px;margin-left:-5px;}
.side-tag ul li{ margin-top:5px;float:left;width:50%;}
.side-tag ul li .box{ margin-left:5px;Position: relative;border:solid 1px #eee;background:#fafafa;height:34px;line-height:34px;padding:0 8px;border-radius:6px;font-size:13px;color:#666;}
.side-tag ul li a{ color:#666;Position: absolute;top:0;left:12px;right:40px;height:34px;display:block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.side-tag ul li span.num{ font-size:13px;float:right;color:#999;}
.side-tag ul li .box:hover a{ color:#ea320e;}
.side-tag ul li .box:hover{ border:solid 1px rgba(234,50,14,0.15);background:rgba(234,50,14,0.05);}

/*当前位置*/
.now{ height:50px;line-height:50px;background:#fafafa;border-bottom:solid 1px #eee;border-top:solid 1px #eee;}
.now-box{ font-size:12px;color:#999;margin:0 60px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.now-box a:hover{ color:#ea320e;}

/*栏目简介*/
.jianjie{ background:#fafafa;border:solid 1px #eee;border-radius:6px;padding:20px;}
.jianjie h2{ line-height:22px;font-size:18px;color:#414558;}
.jianjie h2 span{ font-size:14px;padding-right:10px;color:#ea320e;}
.jianjie p{ margin-top:10px;line-height:24px;color:#666;}

/*子栏目*/
.son-nav{ overflow: hidden;margin-bottom:10px;}
.son-nav ul{ margin-top:-10px;margin-left:-10px;}
.son-nav ul li{ float:left;margin-top:10px;width:16.6667%;}
.son-nav ul li .box{ margin-left:10px;}
.son-nav ul li a{ font-size:13px;text-align:center;color:#666;display:block;height:34px;line-height:34px;border-radius:6px;background:#fafafa;border:solid 1px #eee;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.son-nav ul li.hover a, .son-nav ul li:hover a{ border:solid 1px rgba(234,50,14,0.15);background:rgba(234,50,14,0.05);color:#ea320e;font-weight:bold;}
.no-son-nav{ display:none;}

/*分页样式*/
.pages{ overflow: hidden;padding:40px 0;border-top:solid 1px #eee;}
.pages ul{ text-align:center;color:#666;}
.pages ul li{ height:32px;line-height:32px;display:inline-block;margin:0 3px;}
.pages ul a{ background:#f7f7f7;display:inline-block;padding:0 12px;color:#333;border-radius: 6px;}
.pages ul a:hover{ background:#ea320e;color:#fff;}
.pages ul li.active{ padding:0 0px;border-radius: 6px; color:#fff;}
.pages ul li.active a{ background:#ea320e;color:#fff;}
.pages ul li span.pageinfo{ color:#999;}
.pages span input{ height:24px;line-height:24px;border:1px solid #ccc; width:30px; margin:0 2px 0 2px; text-align:center; padding-top:-1px ;font-size:14px;}

/*文章详情页*/
.view-content{ Position: relative;width:720px;margin:40px auto;}

.view-head{ }
.view-head h1{ font-size: 32px;line-height: 45px;}
.view-head .i{ margin-top:30px;display:block;width:64px;height:2px;background:#414558;}
.view-info{ overflow: hidden;margin:20px 0;line-height:26px;font-size:12px;color:#999;}
.view-info span{ display:block;float:left;margin-right:20px;}
.view-daodu{ border-radius:6px;color:#666;padding:16px 20px;border:solid 1px #eee;background:#fafafa;font-size:13px;line-height:24px;}

.view-body{ padding:30px 0;font-size:16px;color:#333;line-height:1.75;}
.view-body img{ max-width:100% !important;height:auto !important;margin:7px 0;}
.view-body p{ margin-bottom:20px;}
.view-body p.image_list{ text-align:center;margin-bottom:10px;}
.view-body p.image_list img{ margin:0;}
.view-body p.intro{ text-align:center;color:#666;line-height:1.5;}

.view-body blockquote{ color:#666;font-size:14px;margin:0;margin-bottom:20px;padding:15px 20px;background:#fafafa;border-left:solid 3px #ddd;overflow: hidden;}
.view-body blockquote p{ padding:0;margin-bottom:0;}
.view-body pre{ text-align:left;color:#666;font-size:14px;margin:0;margin-bottom:20px;padding:15px 20px;background:#fafafa;border-left:solid 3px #ddd;overflow: hidden; white-space: pre-wrap; word-wrap: break-word; }
.view-body pre p{ padding:0;margin-bottom:0;}
.view-body ul{ margin-bottom:20px;list-style: disc;overflow: hidden;}
.view-body ul li{ margin-left:30px;list-style: disc;color:#ea320e;}
.view-body ul li p{ color:#333;}
.view-body ol{ margin-bottom:20px;list-style: decimal;overflow: hidden;}
.view-body ol li{ color:#ea320e;margin-left:30px;padding-left:7px;list-style: decimal;}
.view-body ol li p{ color:#333;}
.view-body h1, .view-body h2, .view-body h3, .view-body h4{ line-height:1.4;padding:2px 0;}
.view-body h1{ font-size:28px;color:#ea320e;text-align:center;margin-bottom:20px;}
.view-body h2{ font-size:24px;color:#ea320e;padding-left:15px;border-left:solid 3px #ea320e;margin-bottom:20px;}
.view-body h3{ font-size:20px;color:#ea320e;margin-bottom:20px;}
.view-body h4{ font-size:18px;margin-bottom:20px;}
.view-body iframe{ width:100% !important;height:405px !important;margin:0 auto;}
.view-body video{ text-align:center;margin:7px auto;background:#000;max-width:100% !important;height:auto !important;max-height:405px !important;}
#tab-scroll{ margin-bottom:20px;overflow-x:auto;-webkit-overflow-scrolling: touch;}
.view-body table{ overflow: hidden;max-width:100% !important;margin:7px auto;border:0;background:#fff;font-size:13px !important;border-spacing:0;border:solid 1px #ddd;}
.view-body table tr td{ border:0;padding:12px 20px;line-height:24px;border-bottom:solid 1px #eee;}
.view-body table tr:first-child{ background:#f5f5f5;font-weight:bold;}
.view-body table tr:first-child:hover{ background:#f5f5f5;}
.view-body table tr:first-child td{ border-bottom:solid 1px #ddd;}
.view-body table tr:last-child td{ border-bottom:0;}
.view-body table p{ margin-bottom:0;}

.view-tags{ Position: relative;padding-left:52px;font-size:12px;overflow: hidden;min-height:28px;line-height:28px;margin-bottom:20px;}
.view-tags span{ Position: absolute;top:0;left:0;font-size:14px;display:block;float:left;color:#999;}
.view-tags a{ margin-right:5px;margin-bottom:5px;display:block;float:left;color:#999;padding:0 15px;border-radius:3px;background:#fafafa;}
.view-tags a.nav-tag{ background:rgba(234,50,14,0.05);color:#ea320e;}
.view-tags a:hover{ background:rgba(234,50,14,0.05);color:#ea320e;}

.view-copy{ border-radius:6px;background: #fff9e9;margin-bottom:20px;border: 1px solid #ffe7a6;padding: 15px 20px;font-size: 12px;line-height: 20px;}

.view-sxp{ margin-bottom:20px;}
.view-sxp p{ font-size:14px;line-height:32px;height:32px;color:#999;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.view-sxp p a:hover{ color:#ea320e;}

.view-share{ position:fixed;z-index:10;margin-left:750px;top:50%;transform:translateY(-50%);width:80px;text-align:center;}
.view-share .view-share-title{ margin-bottom:26px;text-align:center;Position: relative;}
.view-share .view-share-title:before{ content:'';Position: absolute;top:50%;left:0;right:0;margin-top:-1px;height:1px;background:#eee;}
.view-share .view-share-title span{ Position: relative;z-index:3;display:inline-block;height:20px;line-height:20px;color:#999;background:#fff;padding:0 6px;}
.view-share .social-share{ text-align:center;}
.view-share .social-share a{ margin:0 auto;display:block;margin-bottom:10px;}
.view-share .social-share .social-share-icon{ width:38px;height:38px;line-height:38px;}

/*视频详情页*/
.max-view-contnet{ width:960px;}
.max-view-contnet .list-pics ul li, .max-view-contnet .list-video ul li{ width:25%;}
.max-view-contnet .view-share{ margin-left:990px;}

.view-video-body{ padding-top:0;}
.view-video-body video{ text-align:center;margin:7px auto;background:#000;width:100% !important;height:auto !important;max-height:506px !important;}
.view-video-body iframe{ max-height:506px !important;}

/*相册详情页*/
.picScroll{ overflow: hidden;Position: relative;box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);}
.picScroll .bd{ }
.picScroll .bd ul li{ Position: relative;overflow: hidden;}
.picScroll .bd ul li .img{ text-align:center;}
.picScroll .bd ul li .img img{ width:100%;}
.picScroll .bd ul li .desc{ background:rgba(0, 0, 0, 0.4);color:#fff;padding:20px 120px 20px 20px;Position: absolute;bottom:0;left:0;right:0;}
.picScroll .bd ul li .desc p{ min-height:24px;line-height:24px;font-size:13px;}
.picScroll .hd{ }
.picScroll .hd span.pageState{ font-size:16px;line-height:24px;display:block;Position: absolute;right:0;bottom:20px;right:0;width:100px;text-align:center;color:#fff;}
.picScroll .hd span.pageState span{ color:#ea320e;}
.picScroll .hd a.next, .picScroll .hd a.prev{ display:none;cursor: pointer;Position: absolute;top:50%;transform:translateY(-50%);width:50px;line-height:50px;height:50px;background:rgba(0, 0, 0, 0.4);border-radius:100%;text-align:center;color:#fff;}
.picScroll .hd a.prev{ left:30px;;}
.picScroll .hd a.next{ right:30px;}
.picScroll .hd a .iconfont{ font-size:20px;}
.picScroll:hover .hd a.next, .picScroll:hover .hd a.prev{ display:block;}

/*随笔详情页*/
.suibi-body{ padding:0;margin-bottom:30px;}
.suibi-view-pics{ overflow: hidden;margin-bottom:30px;}
.suibi-view-pics ul{ margin-left:-5px;margin-top:-5px;}
.suibi-view-pics ul li{ margin-top:5px;float:left;width:33.33%;}
.suibi-view-pics ul li .box{ margin-left:5px;}
.suibi-view-pics ul li img{ width:100%;}
.suibi-view-pics ul li.shuang{ width:50%;}
.suibi-view-pics ul li.one{ width:auto;float:left;}
.suibi-view-pics ul li.one img{ width:auto;max-width:100% !important;}

.list-article ul li .index-suibi-style .author .face img{ border-radius:100%;}
.list-article ul li .index-suibi-style p.author-name{ margin-bottom:0;}
.list-article ul li .index-suibi-style p.xinqing{ margin-bottom:10px;}
.list-article ul li .index-suibi-style .imgs{ margin-left:0;}
.list-article ul li .index-suibi-style .info{ margin-left:0px;}

/*单页*/
.danye-body{ padding:0;margin:30px 0;}

/*页脚*/
.footer{ background:#fff;padding:30px 0;border-top:solid 2px #eee;}
.footer-box{ width:960px;margin:0 auto;}
.footer-box:after{ content: "";display: block;height: 0;clear: both;visibility: hidden;}

.footer .footer-copy{ float:left;width:630px;}
.footer .footer-copy p{ line-height:30px;font-size:12px;color:#999;}
.footer .footer-copy p a{ color:#999;}
.footer .footer-copy p a:hover{ color:#ea320e;}

.footer .footer-follow{ float:right;}
.footer .footer-follow:after{ content: "";display: block;height: 0;clear: both;visibility: hidden;}
.footer .footer-follow ul{ }
.footer .footer-follow ul li{ Position: relative;float:left;margin-left:20px;height:30px;line-height:30px;width:30px;text-align:center;background:#f5f5f5;border-radius:100%;}
.footer .footer-follow ul li span.iconfont{ color:#808080;font-size:16px;}
.footer .footer-follow ul li:hover span.iconfont{ color:#ea320e;}
.footer .footer-follow ul li .footer-call{ display:none;border-radius:6px;padding:0 15px;border:solid 1px #ddd;background:#fff;Position: absolute;bottom:44px;left:50%;transform:translateX(-50%);box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);}
.footer .footer-follow ul li .footer-call p{ color:#666;white-space: nowrap;font-size:14px;line-height:40px;height:40px;}
.footer .footer-follow ul li .footer-call:before, .footer .footer-follow ul li .footer-call:after{ content: '';position: absolute;bottom: -7px;left:50%;margin-left:-8px;border-left:8px solid transparent;border-right:8px solid transparent;border-top:8px solid #ddd;z-index:102;}
.footer .footer-follow ul li .footer-call:after{ border-top: 8px solid #fff;margin-bottom:1px;}
.footer .footer-follow ul li:hover .footer-call{ display:block;}
.footer .footer-follow ul li .footer-weixin{ display:none;border-radius:6px;padding:10px;border:solid 1px #ddd;background:#fff;Position: absolute;bottom:44px;left:50%;transform:translateX(-50%);box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);}
.footer .footer-follow ul li .footer-weixin img{ width:150px;}
.footer .footer-follow ul li .footer-weixin p{ white-space: nowrap;font-size:14px;line-height:24px;height:24px;text-align:center;color:#666;}
.footer .footer-follow ul li .footer-weixin:before, .footer .footer-follow ul li .footer-weixin:after{ content: '';position: absolute;bottom: -7px;left:50%;margin-left:-8px;border-left:8px solid transparent;border-right:8px solid transparent;border-top:8px solid #ddd;z-index:102;}
.footer .footer-follow ul li .footer-weixin:after{ border-top: 8px solid #fff;margin-bottom:1px;}
.footer .footer-follow ul li:hover .footer-weixin{ display:block;}
.footer .footer-follow ul li:hover .footer-weixin{ display:block;}

/*屏幕小于1440时*/
@media screen and (max-width:1441px)
{
/*左侧背景*/
.side{ width:22%;}
.side .side-desc{line-height:24px;font-size:13px;}

/* 主体框架 */
.container{ margin-left:22%;}

/*视频详情页*/
.max-view-contnet{ width:820px;}
.max-view-contnet .view-share{ margin-left:850px;}
.view-video-body video{ max-height:461px !important;}
.view-video-body iframe{ max-height:461px !important;}

}

/*屏幕小于1360时*/
@media screen and (max-width:1361px)
{
/*左侧背景*/
.side{ display:none;}

/* 主体框架 */
.container{ margin-left:0;}

}

/*屏幕小于1024时*/
@media screen and (max-width:1025px)
{
.header{ padding:0 32px;}
.now-box{ margin:0 32px;}

/*视频详情页*/
.max-view-contnet{ width:750px;}
.max-view-contnet .view-share{ margin-left:780px;}
.view-video-body video{ max-height:422px !important;}
.view-video-body iframe{ max-height:422px !important;}

}

/*屏幕小于768时*/
@media screen and (max-width:769px)
{
body{ padding-top:50px;}

/*导航栏*/
.header{ position:fixed;z-index:99;top:0;left:0;right:0;padding:0 15px;height:50px;box-shadow: 0 0 6px rgba(0, 0, 0, 0.1);}

.header .blog-logo{ float:none;height:40px;margin:0;padding-top:5px;text-align:center;}
.header .blog-logo img{ height:40px;}

.nav{ overflow: hidden;overflow-y: auto;-webkit-overflow-scrolling: touch;position:fixed;z-index:999;top:0;bottom:0;left:-70%;width:70%;background:#fff;float:none;margin-left:0;height:auto;line-height:auto;margin-top:0;-webkit-transition: all 0.6s;-moz-transition: all 0.6s;-o-transition: all 0.6s;}
.nav ul{ padding:20px 0 20px 20px;}
.nav ul li{ font-weight:bold;line-height:40px;padding:8px 0;border-bottom:solid 0.5px #ddd;Position: relative;color:#242732;float:none;margin-right:0;font-size:16px;}
.nav ul li a{ display:block;color:#414558;}
.nav ul li i{ display:none;}
.nav ul li ul{ display:block;Position: static;left:0;margin-left:0;top:0; width:auto;line-height:36px;border:solid 0 #eee;background:#fff;z-index:101;padding:0px;border-radius:0;box-shadow: 0 0 0 rgba(0, 0, 0, 0);}
.nav ul li ul:before, .nav ul li ul:after{ display:none;}
.nav ul li ul li{ padding:0;font-weight:500 !important;border-bottom:0 solid #eee;text-align:left;display:block;font-size:14px;height:40px;line-height:40px;width:100%;margin:0px;float:none;}
.nav ul li:last-child{ border:0;}
.nav ul li ul li a{ height:40px;color:#4f546a !important;}
.nav ul li:hover ul{ display:block;}
@keyframes top-ul {
0%   { transform: translateY(0);opacity:1;}
100% { transform: translateY(0);opacity:1;}
}
.nav-bg{ display:none;background:rgba(0,0,0,0.6);position:fixed;top:0;bottom:0;left:0;right:0;z-index:100;}
.nav-left-0{ left:0;}

.search-bg{ float:none;display:none;background:#fff;position:fixed;top:0;bottom:0;left:0;right:0;z-index:999;}
.hot-search{ display:block !important;box-shadow: 0 0 0 rgba(0, 0, 0, 0);border:0;}
.hot-search h4{ padding:0 15px;}
.hot-search ul li{ padding:3px 0;margin:0 5px;}
.hot-search ul li:hover{ background:#fff;}
.close-search{ display:block;Position:absolute;top:15px;left:0;padding:0 12px;height:34px;line-height:34px;}
.close-search .iconfont{ color:#414558;font-size:20px;}
.search{ float:none;margin-top:0;Position:absolute;top:15px;right:15px;left:44px;background:#f7f7f7;height:34px;width:auto;}
.search input{ background:#f7f7f7;border:0;width:100%;margin:0;padding:0 20px;outline:none;height:34px;line-height:34px;color:#808080;}
.search button{ background:#f7f7f7;border-radius:50px;position:absolute;right:0;top:0;width:44px;height:34px;line-height:32px;margin:0;padding:0;color:#333;cursor: pointer;outline:none;border:0;}
.search button:hover{ background:#eee;}
.search .iconfont{ color:#999;font-size:16px;}

.menu-btn{ display:block;position:absolute;left:0;top:0;height:50px;line-height:50px;padding:0 15px;}
.menu-btn .iconfont{ color:#414558;font-size:20px;}
.search-btn{ display:block;position:absolute;right:0;top:0;height:50px;line-height:50px;padding:0 15px;}
.search-btn .iconfont{ color:#414558;font-size:18px;}

/*左侧背景*/
.side{ display:none;}

/* 主体框架 */
.container{ margin-left:0;}
.content{ width:auto;margin:15px;}
.main{ width:auto;float:none;}
.sidebar{ display:none;}

/*轮播图*/
.slideBox{ margin-bottom:20px;}
.slideBox .hd{ bottom:10px;}
.slideBox .hd ul li{ margin:0 3px;}
.slideBox .prev{ display:none;}
.slideBox .next{ display:none;}

/*多图滑动*/
.picScroll-left .bd{ margin-left:-10px;}
.picScroll-left .bd ul li{ width:33.33%;float:left;}
.picScroll-left .bd ul li .img{ margin-left:10px;}
.picScroll-left .bd ul li .img p{ padding:20px 10px 5px 10px;color:#fff;font-size:12px;height:24px;line-height:24px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.picScroll-left .prev{ display:none;}
.picScroll-left .next{ display:none;}
.picScroll-left .bd ul li .img:hover img{ -webkit-transform: scale(1);-moz-transform: scale(1);transform: scale(1);}

.picScroll-left .hd{ margin-top:15px;}
.picScroll-left .hd ul{ padding-left:2px;}
.picScroll-left .hd ul li{ width:20px;margin:0 3px;}

/*当前位置*/
.now{ height:20px;line-height:20px;padding-top:15px;background:#fff;border-bottom:solid 0 #eee;border-top:0;}
.now-box{ margin:0 15px;}
.now-box a{ color:#999;}
.now-box a:hover{ color:#999;}

/*视频详情页*/
.max-view-contnet{ width:auto;margin:20px 15px;}
.max-view-contnet .view-share{ display:none;}
.view-video-body video{ max-height:415px !important;}
.view-video-body iframe{ max-height:415px !important;}

/*页脚*/
.footer{ background:#fff;padding:20px 0;}
.footer-box{ width:auto;margin:0 15px;}

.footer .footer-copy{ float:none;width:auto;}
.footer .footer-copy p{ text-align:center;line-height:24px;}
.footer .footer-copy p a{ color:#999;}
.footer .footer-copy p a:hover{ color:#999;}

.footer .footer-follow{ float:none;margin-bottom:15px;}
.footer .footer-follow ul{ text-align:center;}
.footer .footer-follow ul li{ display:inline-block;float:none;margin:0 5px;}
.footer .footer-follow ul li span.iconfont{ color:#808080;font-size:16px;}
.footer .footer-follow ul li:hover{ background:rgba(234,50,14,0.05);}

}

/*屏幕小于560时*/
@media screen and (max-width:561px)
{
body{ padding-top:50px;}

/*导航栏*/
.header{ position:fixed;z-index:99;top:0;left:0;right:0;padding:0 15px;height:50px;box-shadow: 0 0 6px rgba(0, 0, 0, 0.1);}

.header .blog-logo{ float:none;height:40px;margin:0;padding-top:5px;text-align:center;}
.header .blog-logo img{ height:40px;}

.nav{ overflow: hidden;overflow-y: auto;-webkit-overflow-scrolling: touch;position:fixed;z-index:999;top:0;bottom:0;left:-70%;width:70%;background:#fff;float:none;margin-left:0;height:auto;line-height:auto;margin-top:0;-webkit-transition: all 0.6s;-moz-transition: all 0.6s;-o-transition: all 0.6s;}
.nav ul{ padding:20px 0 20px 20px;}
.nav ul li{ font-weight:bold;line-height:40px;padding:8px 0;border-bottom:solid 0.5px #ddd;Position: relative;color:#242732;float:none;margin-right:0;font-size:16px;}
.nav ul li a{ display:block;color:#414558;}
.nav ul li i{ display:none;}
.nav ul li ul{ display:block;Position: static;left:0;margin-left:0;top:0; width:auto;line-height:36px;border:solid 0 #eee;background:#fff;z-index:101;padding:0px;border-radius:0;box-shadow: 0 0 0 rgba(0, 0, 0, 0);}
.nav ul li ul:before, .nav ul li ul:after{ display:none;}
.nav ul li ul li{ padding:0;font-weight:500 !important;border-bottom:0 solid #eee;text-align:left;display:block;font-size:14px;height:40px;line-height:40px;width:100%;margin:0px;float:none;}
.nav ul li:last-child{ border:0;}
.nav ul li ul li a{ height:40px;color:#4f546a !important;}
.nav ul li:hover ul{ display:block;}
@keyframes top-ul {
0%   { transform: translateY(0);opacity:1;}
100% { transform: translateY(0);opacity:1;}
}
.nav-bg{ display:none;background:rgba(0,0,0,0.6);position:fixed;top:0;bottom:0;left:0;right:0;z-index:100;}
.nav-left-0{ left:0;}

.search-bg{ float:none;display:none;background:#fff;position:fixed;top:0;bottom:0;left:0;right:0;z-index:999;}
.hot-search{ display:block !important;box-shadow: 0 0 0 rgba(0, 0, 0, 0);border:0;}
.hot-search h4{ padding:0 15px;}
.hot-search ul li{ padding:3px 0;margin:0 5px;}
.hot-search ul li:hover{ background:#fff;}
.close-search{ display:block;Position:absolute;top:15px;left:0;padding:0 12px;height:34px;line-height:34px;}
.close-search .iconfont{ color:#414558;font-size:20px;}
.search{ float:none;margin-top:0;Position:absolute;top:15px;right:15px;left:44px;background:#f7f7f7;height:34px;width:auto;}
.search input{ background:#f7f7f7;border:0;width:100%;margin:0;padding:0 20px;outline:none;height:34px;line-height:34px;color:#808080;}
.search button{ background:#f7f7f7;border-radius:50px;position:absolute;right:0;top:0;width:44px;height:34px;line-height:32px;margin:0;padding:0;color:#333;cursor: pointer;outline:none;border:0;}
.search button:hover{ background:#eee;}
.search .iconfont{ color:#999;font-size:16px;}

.menu-btn{ display:block;position:absolute;left:0;top:0;height:50px;line-height:50px;padding:0 15px;}
.menu-btn .iconfont{ color:#414558;font-size:20px;}
.search-btn{ display:block;position:absolute;right:0;top:0;height:50px;line-height:50px;padding:0 15px;}
.search-btn .iconfont{ color:#414558;font-size:18px;}

/*左侧背景*/
.side{ display:none;}

/* 主体框架 */
.container{ margin-left:0;}
.content{ width:auto;margin:15px;}
.main{ width:auto;float:none;}
.sidebar{ display:none;}

/*轮播图*/
.slideBox{ margin-bottom:20px;}
.slideBox .hd{ bottom:10px;}
.slideBox .hd ul li{ margin:0 3px;}
.slideBox .prev{ display:none;}
.slideBox .next{ display:none;}

/*多图滑动*/
.picScroll-left .bd{ margin-left:-10px;}
.picScroll-left .bd ul li{ width:50%;float:left;}
.picScroll-left .bd ul li .img{ margin-left:10px;}
.picScroll-left .bd ul li .img p{ padding:20px 10px 5px 10px;color:#fff;font-size:12px;height:24px;line-height:24px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.picScroll-left .prev{ display:none;}
.picScroll-left .next{ display:none;}
.picScroll-left .bd ul li .img:hover img{ -webkit-transform: scale(1);-moz-transform: scale(1);transform: scale(1);}

.picScroll-left .hd{ margin-top:15px;}
.picScroll-left .hd ul{ padding-left:2px;}
.picScroll-left .hd ul li{ width:20px;margin:0 3px;}

/*内容选项卡*/
.tab-article .hd h2{ float:left;font-size:16px;}

/*文章列表*/
.list-article ul li{ border-bottom:solid 0.5px #ddd;}
.list-article ul li:last-child{ border-bottom:0;}
.list-article ul li h2 a{ display:block;font-size:18px;line-height:26px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;-webkit-transition: all 0.6s;-moz-transition: all 0.6s;-o-transition: all 0.6s;}
.list-article ul li h2 a:hover{ color:#414558;}

.list-article ul li .article-card{ padding:15px 0;min-height:80px;}
.list-article ul li .article-card .img{ overflow:hidden;height:80px;width:120px;margin-top:-40px;}
.list-article ul li .article-card .img img{ height:80px;width:120px;}
.list-article ul li .article-card .img img:hover{ -webkit-transform: scale(1.0);-moz-transform: scale(1.0);transform: scale(1.0);}
.list-article ul li .article-card .img span.icon-play-circle{ font-size:24px;}
.list-article ul li .article-card .img span.icon-tupian{ font-size:24px;}

.list-article ul li .article-card .desc{ padding:2px 135px 0 0;}
.list-article ul li .article-card .desc h2{ margin-bottom:12px;height:44px;line-height:22px;}
.list-article ul li .article-card .desc p.miaoshu{ display:none;}

.list-article ul li .image-card{ padding:15px 0;}
.list-article ul li .image-card h2{ margin-bottom:5px;}
.list-article ul li .image-card p.miaoshu{ line-height:22px;font-size:14px;}
.list-article ul li .image-card .pics span.li img:hover{ -webkit-transform: scale(1.0);-moz-transform: scale(1.0);transform: scale(1.0);}

.list-article ul li .pics-four span.box span.li{ width:33.33%;}
.list-article ul li .pics-four span.box span.li:nth-child(4){display:none; }

.list-article ul li .pics-eight span.box span.li{ width:33.33%;}
.list-article ul li .pics-eight span.box span.li:nth-child(7){display:none; }
.list-article ul li .pics-eight span.box span.li:nth-child(8){display:none; }

.list-article ul li span.flag{ font-size:10px;height:18px;line-height:18px;width:22px;}
.list-article ul li .info span.tags{ display:none;}


/*文章里的随笔*/
.list-article ul li.suibi{ padding:15px 0;}
.list-article ul li .suibi-card .author{ margin-bottom:10px;}
.list-article ul li .suibi-card .author{ min-height:5px;Position: relative;padding-left:57px;}
.list-article ul li .suibi-card .author .face{ Position: absolute;left:0;top:0;}
.list-article ul li .suibi-card .author .face img{ width:42px;height:42px;}

.list-article ul li .suibi-card h2{ font-weight:500;}
.list-article ul li .suibi-card h2 a{ display:block;font-size:18px;line-height:26px;}
.list-article ul li .suibi-card h2 a:hover{ color:#414558;}
.list-article ul li .suibi-card p.xinqing{ margin-bottom:10px;line-height:24px;font-size:16px;}
.list-article ul li .suibi-card .imgs{ margin-left:57px;width:auto;}
.list-article ul li .suibi-card .imgs span.li-one{ display:block;}

.list-article ul li .suibi-card .two-imgs{ margin-left:57px;width:auto;margin-right:57px;border-radius:6px;margin-bottom:10px;}
.list-article ul li .suibi-card .two-imgs span.li{ width:50%;}

.list-article ul li .suibi-card .info{ margin-left:57px;}
.list-article ul li .suibi-card .info span.click{ margin-right:15px;}
.list-article ul li .suibi-card .info span.time{ margin-right:15px;}

.list-article ul li .index-suibi-style .author{ padding-left:52px;}
.list-article ul li .index-suibi-style .author .face img{ border-radius:100%;}
.list-article ul li .index-suibi-style p.author-name{ margin-bottom:0;}
.list-article ul li .index-suibi-style p.xinqing{ margin-bottom:10px;}
.list-article ul li .index-suibi-style .imgs{ margin-left:0;}
.list-article ul li .index-suibi-style .info{ margin-left:0px;}
.list-article ul li .suibi-card .two-imgs{ margin-right:0;width:66.66%;}



/*视频列表*/
.list-video{ padding:15px 0;}
.list-video ul{ margin-left:-10px;margin-top:-15px;}
.list-video ul li{ width:50%;margin-top:15px;}
.list-video ul li .box{ margin-left:10px;}
.list-video ul li .img{ margin-bottom:10px;overflow:hidden;}
.list-video ul li .img img:hover{ -webkit-transform: scale(1.0);-moz-transform: scale(1.0);transform: scale(1.0);}
.list-video ul li .img span.icon-play-circle{ Position: absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:32px;}
.list-video ul li .desc{ padding-right:0;}
.list-video ul li .desc h2{ margin-bottom:10px;}
.list-video ul li .desc h2 a{ display:block;font-size:14px;line-height:22px;height:44px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.list-video ul li .desc h2 a:hover{ color:#414558;}
.list-video ul li span.flag{ font-size:10px;height:18px;line-height:18px;width:20px;}
.list-video ul li .info span.click{ margin-right:10px;}
.list-video ul li .info span.time{ margin-right:0px;}

/*相册列表*/
.list-pics{ padding:15px 0;}
.list-pics ul{ margin-left:-10px;margin-top:-15px;}
.list-pics ul li{ width:50%;margin-top:15px;}
.list-pics ul li .box{ margin-left:10px;}
.list-pics ul li .img{ margin-bottom:10px;overflow:hidden;}
.list-pics ul li .img img:hover{ -webkit-transform: scale(1.0);-moz-transform: scale(1.0);transform: scale(1.0);}
.list-pics ul li .img span.icon-play-circle{ Position: absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:32px;}
.list-pics ul li .desc{ padding-right:0;}
.list-pics ul li .desc h2{ margin-bottom:10px;}
.list-pics ul li .desc h2 a{ display:block;font-size:14px;line-height:22px;height:44px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.list-pics ul li .desc h2 a:hover{ color:#414558;}
.list-pics ul li span.flag{ font-size:10px;height:18px;line-height:18px;width:20px;}
.list-pics ul li .info span.click{ margin-right:10px;}
.list-pics ul li .info span.time{ margin-right:0px;}

/*内容目录*/
.list-mulu ul li{ border-top:solid 0.5px #ddd;}
.more:hover{ background:#f7f7f7;border:solid 0.5px #ddd;}
.more:hover a, .more:hover span{ color:#414558;}

/*一月热门*/
.list-click ul li{ border-bottom:solid 0.5px #ddd;}

/*栏目简介*/
.jianjie{ padding:12px 15px;border:solid 0.5px #ddd;}
.jianjie h2{ line-height:20px;font-size:14px;color:#414558;}
.jianjie h2 span{ font-size:12px;padding-right:5px;color:#ea320e;}
.jianjie p{ margin-top:5px;line-height:20px;color:#666;font-size:12px;}

/*子栏目*/
.son-nav{ overflow: hidden;margin-bottom:10px;}
.son-nav ul{ margin-top:-5px;margin-left:-5px;}
.son-nav ul li{ margin-top:5px;width:25%;}
.son-nav ul li .box{ margin-left:5px;}
.son-nav ul li a{ font-size:12px;height:30px;line-height:30px;border:solid 0.5px #ddd;}
.son-nav ul li.hover a, .son-nav ul li:hover a{ border: solid 0.5px rgba(234,50,14,0.15);}

/*分页样式*/
.pages{ overflow: hidden;padding:40px 0 20px 0;border-top:solid 0.5px #ddd;}
.pages ul{ margin-top:-5px;margin-left:-5px;}
.pages ul li{ height:32px;line-height:32px;float:left;margin:0;width:25%;text-align:center;font-size:13px;}
.pages ul a{ background:#f7f7f7;display:block;padding:0 0;color:#333;border-radius: 6px;margin-left:5px;}
.pages ul a:hover{ background:#ea320e;color:#fff;}
.pages ul li.active{ padding:0 0px;border-radius: 6px; color:#fff;}
.pages ul li.active a{ background:#ea320e;color:#fff;}
.pages ul li span{ display:block;text-align:center;background:#f7f7f7;margin-left:5px;border-radius:6px;}
.pages ul li span.disabled{ color:#ccc;}
.pages ul li span.pageinfo{ color:#999;}
.pages ul li.num-page{ display:none;}


/*文章详情页*/
.view-content{ Position: relative;width:auto;margin:20px 15px;}

.view-head h1{ font-size:24px;line-height:34px;}
.view-head .i{ margin-top:30px;display:block;width:64px;height:2px;background:#414558;}
.view-info{ line-height:22px;font-size:12px;margin-top:10px;}
.view-info span{ margin-right:15px;}
.view-daodu{ padding:12px 15px;font-size:12px;line-height:20px;border:solid 0.5px #ddd;}
.view-body{ padding:30px 0;font-size:16px;color:#333;line-height:1.75;}
.view-body p.image_list{ margin-bottom:5px;}
.view-body video{ width:100% !important;}
.view-body iframe{ width:100% !important;height:205px !important;margin:0 auto;}
.view-body blockquote{ padding:12px 15px;}
.view-body pre{ padding:12px 15px;}
.view-body h1{ font-size:22px;}
.view-body h2{ font-size:20px;padding-left:10px;}
.view-body h3{ font-size:18px;}
.view-body h4{ font-size:16px;}
#tab-scroll{ overflow-x:auto;-webkit-overflow-scrolling: touch;font-size:12px;}
.view-body table{ width:620px;font-size:12px !important;border:solid 0.5px #ddd;}
.view-body table tr{ font-size:12px;}
.view-body table tr td{ font-size:12px;border:0;padding:10px 10px;line-height:20px;border-bottom:solid 0.5px #eee;}
.view-body table tr td p{ font-size:12px;}
.view-body table tr:first-child td{ border-bottom:solid 0.5px #ddd;}

.view-tags{ padding-left:45px;font-size:12px;min-height:24px;line-height:24px;}
.view-tags span{ font-size:12px;display:block;float:left;color:#999;}
.view-tags a{ color:#999;padding:0 6px;border-radius:3px;background:#fafafa;}
.view-tags a.nav-tag{ background:rgba(234,50,14,0.05);color:#ea320e;}

.view-copy{ padding:12px 15px;border:solid 0.5px #ffe7a6;}
.view-sxp{ margin-bottom:20px;}
.view-share{ display:none;}

/*视频详情页*/
.max-view-contnet{ width:auto;}
.max-view-contnet .list-pics ul li, .max-view-contnet .list-video ul li{ width:50%;}

.view-video-body{ padding-top:0;}
.view-video-body video{ text-align:center;margin:7px auto;background:#000;width:100% !important;height:auto !important;max-height:506px !important;}

/*相册详情页*/
.picScroll{ box-shadow: 0 0 0 rgba(0, 0, 0, 0);}
.picScroll .bd ul li .img{ }
.picScroll .bd ul li .desc{ padding:8px 60px 8px 15px;bottom:0;left:0;right:0;}
.picScroll .bd ul li .desc p{ line-height:22px;font-size:12px;}
.picScroll .hd{ }
.picScroll .hd span.pageState{ font-size:14px;line-height:22px;display:block;Position: absolute;right:0;bottom:8px;right:15px;width:auto;text-align:center;}
.picScroll .hd span.pageState span{ color:#ea320e;}
.picScroll:hover .hd a.next, .picScroll:hover .hd a.prev{ display:none;}

/*随笔详情页*/
.suibi-body{ padding:0;margin-bottom:30px;}

/*单页*/
.danye-body{ padding:0;margin:30px 0;}

}