html {font-size: 100%;overflow-y: scroll;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;text-rendering: optimizelegibility}
*, :after, :before {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box}
article, aside, blockquote, body, button, code, dd, details, dl, dt, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hr, html, input, legend, li, menu, nav, ol, p, pre, section, td, textarea, th, ul {margin: 0;padding: 0}
article, aside, details, figcaption, figure, footer, header, menu, nav, section {display: block}
audio, canvas, video {display: inline-block}
body, button, input, select, textarea {font: 400 14px/1.8 PingFang SC, Lantinghei SC, Microsoft Yahei, Hiragino Sans GB, Microsoft Sans Serif, WenQuanYi Micro Hei, sans}
button::-moz-focus-inner, input::-moz-focus-inner {padding:0;border:0}
table {border-collapse: collapse;border-spacing: 0}
fieldset, img {border: 0}
li, ul {list-style: none}

a {text-decoration: none}
a:hover {text-decoration: none}
small {font-size: .9em}
input, textarea, button {outline: 0}
h1, h2, h3, h4, h5, h6 {font-family: PingFang SC, Verdana, Helvetica Neue, Microsoft Yahei, Hiragino Sans GB, Microsoft Sans Serif, WenQuanYi Micro Hei, sans-serif;font-size: 100%;font-weight: 600;color: #000;line-height: 1.35}
code, pre, pre tt {font-family: Courier, 'Courier New', monospace}
pre {background: #f8f8f8;border: 1px solid #ddd;padding: 1em 1.5em;display: block;-webkit-overflow-scrolling: touch}
hr {border: none;border-bottom: 1px solid #cfcfcf;margin-bottom: .8em;height: 10px}
.textwrap, .textwrap td, .textwrap th {word-wrap: break-word;word-break: break-all}
.textwrap-table {table-layout: fixed}
.serif {font-family: Palatino, Optima, Georgia, serif}
img {max-width: 100%}
/*==========global color=========*/
html {color: #333;background: #f1f1f1}
a {color: #3e3e3e}
a:hover {color: #0084ff}
::selection {background: #0084ff;color: #fff}
::-moz-selection {background:#0084ff;color:#fff}
/*==========public class=========*/
.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden}
.clear {clear: both}
.fl {float: left}
.fr {float: right}
.bn {border: none!important}
.pd {padding: 1.5em}
.mb {margin-bottom: 20px}
.mt {margin-top: 20px}
.mr {margin-right: 20px}
.br {-moz-border-radius: 2px;-webkit-border-radius: 2px;border-radius: 2px}
.sb {box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.03);background: #fff}
.nav-sb {box-shadow: 0 3px 14px 0 rgba(199,209,215,.4);background: #fff}
.container {max-width: 1240px;margin: 0 auto}
.transition {-webkit-transition: all ease .4s;-moz-transition: all ease .4s;-ms-transition: all ease .4s;-o-transition: all ease .4s;transition: all ease .4s}
.img-cover {object-fit: cover}
/*单行文本溢出省略*/
.ellipsis {overflow: hidden;text-overflow: ellipsis;white-space: nowrap}
/*两行文本溢出省略*/
.multi-ellipsis {position: relative;line-height: 1.4em!important;height: 2.8em!important;overflow: hidden}
.multi-ellipsis:after {content: "";font-weight: 700;position: absolute;bottom: 0;right: 0;padding-left: 20px;background: -webkit-linear-gradient(left, transparent, #fff 62%);background: -o-linear-gradient(right, transparent, #fff 62%);background: -moz-linear-gradient(right, transparent, #fff 62%);background: linear-gradient(to right, transparent, #fff 62%)}
/*hover时提升按钮颜色明度*/
.brightness:hover {-webkit-filter: brightness(1.2);filter: brightness(1.2);-webkit-transition: all ease .4s;-moz-transition: all ease .4s;-ms-transition: all ease .4s;-o-transition: all ease .4s;transition: all ease .4s}

/*不同视口下对html的显隐*/
.hidden {display: none}

.art-content li, .art-content ul {list-style: inherit}
.drop-menu {position: absolute;display: none;top: 50px;left: 0;z-index: 1;float: left;min-width: 140px;padding: 5px 0;margin: 12px 0 0;list-style: none;background-color: #fff;background-clip: padding-box;}
.drop-menu a {color: #6E6E6E;padding: 5px 20px;display: block;clear: both;white-space: nowrap;transition: all 1s cubic-bezier(0.175,0.885,0.32,1) 0s;}
/* 登入后状态 */
.log-in{cursor: pointer;width: 60px;height: 80px;line-height: 62px;display: block;text-align: center;float:right;}
.log-in .dialogs {margin-top: 12px;}
.log-in .drop-menu {margin:12px 0 0;min-width:100px;border-radius:5px;-webkit-box-shadow:0 6px 12px rgba(0,0,0,.075); box-shadow:0 6px 12px rgba(0,0,0,.075) }
.log-in .drop-menu li{padding: 0 10px;height: 32px;text-align: center;}
.log-in .drop-menu li a{position: relative;height: 32px;line-height: 32px;}
.log-in .drop-menu li a:hover,.drop-menu a:focus {color:#2D2D2D;background: unset;}
.log-in .button-group span {display:inline-block;line-height:24px;height:24px;width:24px}
.log-in .button-group ul:before {position:absolute;top:-8px;left:50px;display:inline-block;border-right:8px solid transparent;border-bottom:8px solid #fff;border-left:8px solid transparent;content:'';}
.log-in .button-group ul:after {position:absolute;top:-8px;left:50px;display:inline-block;border-right:8px solid transparent;border-bottom:8px solid #e9e8e8;border-left:8px solid transparent;content:'';}
.log-in .button-group .button {padding:0;line-height:18px;font-size:20px}
.log-in .button-group .drop-menu {padding: 10px 0; left: -40px;border-top:0px solid #ff0000;-webkit-box-shadow: 0px 0px 0px rgba(0,0,0,.075);box-shadow: 0px 8px 10px rgba(0,0,0,.05);border-radius:4px;}
.log-in a.user-ico{width:32px;height:32px;line-height:32px;background:#ECEFF5;display:block;}
.log-in a.user-head{width:32px;height:32px;display:block;}
.log-in a.user-head img{width:32px;height:32px;}
/* 登入后状态 end*/

.social-widget-link{position:relative;margin-bottom:10px;position:relative;display:block;font-size:13px;background:#fff;color:#525252;line-height:40px;padding:0 14px;border:1px solid #DDD;border-radius:2px}
.social-widget-link-count i{margin-right:9px;font-size:17px;vertical-align:middle;font-style: normal;}
.social-widget-link-title{position:absolute;top:-1px;right:-1px;bottom:-1px;width:100px;text-align:center;background:rgba(255,255,255,.08);transition:width .3s;border-radius:0 3px 3px 0}
.social-widget-link:hover .social-widget-link-title{width:116px}
.social-widget-link a{position:absolute;top:0;left:0;right:0;bottom:0}
.social-link-weibo{border-color:rgba(236,61,81,.39)}
.social-link-weibo i{color:#ec3d51}
.social-link-weibo .social-widget-link-title{background-color:#ec3d51;color:#fff}
.social-link-tencent-weibo{border-color:rgba(104,166,214,.39)}
.social-link-tencent-weibo i{color:#68a6d6}
.social-link-tencent-weibo .social-widget-link-title{background-color:#68a6d6;color:#fff}
.social-link-email{border-color:rgba(42,179,154,.4)}
.social-link-email i{color:#2ab39a}
.social-link-email .social-widget-link-title{background-color:#2ab39a;color:#fff}
.social-link-qq{border-color:rgba(18,170,232,.39)}
.social-link-qq i{color:#12aae8}
.social-link-qq .social-widget-link-title{background-color:#12aae8;color:#fff}
.social-link-wechat{border-color:rgba(25,152,114,.4)}
.social-link-wechat i{color:#199872}
.social-link-wechat .social-widget-link-title{background-color:#199872;color:#fff}
.button-group, .button-group-y {display: inline-block;position: relative;vertical-align: middle;}

.btn-blue-border {width: 80%;margin: 14px auto 0;border: 1px solid #ddd;color: #999;display: block;letter-spacing: 2px;border-radius: 2px;transition: all 0.3s;line-height: 40px;text-align: center;}
.btn-blue-border:hover {background: #3366CC;border-color: #0976dc;color: #fff;}
.tuijian-news {position: relative}
.tuijian-news-pic {width: 35%;float: left;overflow: hidden;}
.tuijian-news-pic i {height: 160px;width: 100%;margin: auto;overflow: hidden;line-height: 100%;position: relative;display: inline-block;}
.tuijian-news-pic i img {width: 100%;vertical-align: middle;display: inline-block;transition: .5s;}
.tuijian-news-pic i:hover img {transform: scale(1.2);}
.tuijian-news-pic i span {display: block;position: absolute;right: 0;font-size: 12px;padding: 2px 5px 2px 10px;top: 10px;background: #0CF;color: #fff;border-radius: 3px 0 0 3px;line-height: normal;}
.tuijian-news #tab-content section:nth-child(n) .tuijian-news-pic span {background: #0CF;}
.tuijian-news #tab-content section:nth-child(2n) .tuijian-news-pic span {background: #F60;}
.tuijian-news #tab-content section:nth-child(3n) .tuijian-news-pic span {background: #3C0;}
.tuijian-news #tab-content section:nth-child(5n-1) .tuijian-news-pic span {background: #0CF;}
.tuijian-news-pic h2 {color: #3366CC;font-size: 16px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;margin: 3px 0 5px 0;}
.tuijian-news-pic h2 a {color: #3366CC}
.tuijian-news-pic p {color: #888;overflow: hidden;text-overflow: ellipsis;-webkit-box-orient: vertical;display: -webkit-box;-webkit-line-clamp: 3;height: 60px;line-height: 20px;font-size: 14px;}
.tuijian-news-list {width: 65%;float: right;}
.tuijian-news-list ul li {width: 50%;float: left;margin-bottom: 20px;}
.tuijian-news-list ul li:nth-child(5),
.tuijian-news-list ul li:nth-child(6) {margin-bottom: 0}
.tuijian-news-list ul li a {display: block;margin: 0 0 0 20px;border: #ddd 1px solid;padding: 10px;transition: all 0.5s;}
.tuijian-news-list ul li span {display: block;width: 70px;height: 70px;font-size: 12px;text-align: center;overflow: hidden;background: #ababab;color: #fff;float: left;margin: 0 10px 0 0;transition: all 0.5s;}
.tuijian-news-list ul li b {display: block;font-size: 16px;margin-top: 16px;}
.tuijian-news-list ul li h3 {text-overflow: ellipsis;white-space: nowrap;overflow: hidden;font-weight: normal;margin-bottom: 10px;}
.tuijian-news-list ul li p {font-size: 14px;color: #888;overflow: hidden;text-overflow: ellipsis;-webkit-box-orient: vertical;display: -webkit-box;-webkit-line-clamp: 2;line-height: 20px;height: 40px;}
.tuijian-news-list ul li:hover span {display: block;background: #3366CC}

.pic-list-img {margin:-10px;}
.pic-list-img li {width: 20%;overflow: hidden;float: left;text-align:right;}
.pic-list-img li a {display: block;margin: 10px;overflow: hidden;}
.pic-list-img li span {color: #888;font-size: 14px;display: block;margin-top: 5px;height: 20px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.pic-list-img li i {overflow: hidden;display: block;height: 130px;line-height: 130px;}
.pic-list-img li i img {width: 100%;height: 100%;vertical-align: middle;display: block;transition: .5s;}
.pic-list-img li i:hover img {transform: scale(1.2);}
.pic-list-img li:first-child {text-align:left;width: 40%}
.pic-list-img li:first-child i {height: 305px;line-height: 305px;position: relative;}
.pic-list-img li a:hover span {display: block;color: #3366CC}
.pic-list-img li:first-child i em {position: absolute;right: 0;font-size: 12px;padding: 2px 5px 2px 10px;top: 10px;background: #0cf;color: #fff;border-radius: 3px 0 0 3px;line-height: normal;font-style: normal;}

.wenzi {position: relative}
.wenzi-left {float: left;width: 47%;}
.wenzi-right {float: right;width: 47%;}
.wenzi-list li {margin-bottom: 4px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;position: relative;padding-left: 20px;}
.wenzi-list li:before {position: absolute;content: "";width: 3px;height: 3px;background: #000;border-radius: 10px;left: 0;top: 10px;}
.wenzi-list li span {display: block;float: right;font-size: 12px;color: #888}

.down-list li {width: 33.333%;float: left;overflow: hidden;position: relative;}
.down-list li a.dl-link {display: block;overflow: hidden;position: relative;margin: 0 5px 10px;border: #ddd 1px solid;padding: 10px;}
.down-list li i {width: 50px;height: 50px;float: left;margin-right: 10px;}
.down-list li i img {width: 100%;height: 100%;}
.down-list li h2 {overflow: hidden;font-size: 14px;font-weight: normal;white-space: nowrap;text-overflow: ellipsis;margin-right: 100px;margin-top: 5px;}
.down-list li h2 span {display: block;font-size: 12px;color: #8d9ab2;position: absolute;right: 15px;top: 15px;}
.down-list li p {white-space: nowrap;text-overflow: ellipsis;line-height: 12px;padding-top: 5px;font-weight: normal;font-size: 12px;color: #8a8f99;overflow: hidden;}
.down-list li:hover h2 {color: #3366CC}
.d-list-hover {display: none;overflow: hidden;position: absolute;right: 5px;top: 0;bottom: 0;width: 90px;height: 70px;background: #3366ccd1;font-size: 14px;line-height: 70px;color: #fff;text-align: center;}
.d-list-hover em {display: block;font-size: 14px;color: #fff;text-align: center;font-style: normal;}
.down-list li:hover .d-list-hover {display: block;}

.keywords {overflow: hidden;}
.keywords a {display: block;float: left;border: #1487f4 1px solid;color: #1487f4;padding: 0px 8px;margin: 15px 5px 0px 0;border-radius: 3px;font-size: 14px/1.5em;}
.keywords a:last-child {}
.keywords a:nth-child(1), .keywords a:hover { background: #1487f4; color: #fff }

.text-middle {font-size: 16px;}
.text-center {text-align: center;}
.radius-circle {border-radius: 50%;}
.text-big {font-size: 20px;}
.b-1 li:hover {box-shadow: 0 0 5px #888;}
a:hover {color: #30c8c6;}
.b-1 li:hover h3 {font-weight: bold;}
.b-1 li {width: 24%;height: 150px;background: #fff;float: left;display: inline;box-shadow: 0 0 3px #ccc;margin: 1.5em 0.5% 0;}
.b-1 li a {width: 100%;height: 150px;display: block;}
.b-1 li img {float: left;margin: 28px 0 0 12px;}
.b-1 li .r {width: 159px;height: 94px;float: right;margin: 28px 12px 0 0;}
.b-1 li .r h3 {font-size: 17px;font-weight: normal;}
.b-1 li .r span {color: #da1215;border: 1px solid #da1215;border-radius: 2px;font-size: 12px;padding: 1px 5px;margin-left: 10px;}
.b-1 li .r p {padding: 8px 0 12px;color: #888;}
.b-1 li .r .d {line-height: 22px;}
.b-1 li .r .d em {font-size: 22px;color: #da1215;font-family: Arial;padding-right: 5px;font-style:normal;}


/*你懂的*/
.fuck-ie {position: fixed;z-index: 1;left: 0;right: 0;top: 0;bottom: 0;background: #fff;z-index: 99}
.fuck-ie .tips {position: absolute;width: 700px;height: 100px;color: #c57602;border: 1px solid #fe9219;text-align: center;line-height: 100px;left: 50%;top: 50%;margin-left: -350px;font-size: 16px;margin-top: -50px;background: #fffedc;z-index: 999}
/*animate.css*/
@-webkit-keyframes fadeInUpMenu {from {opacity:0;visibility:hidden;-webkit-transform:translate3d(0, 20px, 0);transform:translate3d(0, 20px, 0)}
to {opacity: 1;visibility: visible;-webkit-transform: none;transform: none}}
@keyframes fadeInUpMenu {from {opacity:0;visibility:hidden;-webkit-transform:translate3d(0, 20px, 0);transform:translate3d(0, 20px, 0)}
to {visibility: visible;opacity: 1;-webkit-transform: none;transform: none}}
.fadeInUpMenu {-webkit-animation-name: fadeInUpMenu;animation-name: fadeInUpMenu}
.animated-fast {-webkit-animation-duration: .5s;animation-duration: .5s;-webkit-animation-fill-mode: both;animation-fill-mode: both}
.animated {-webkit-animation-duration: 1s;animation-duration: 1s;-webkit-animation-fill-mode: both;animation-fill-mode: both}
@media (prefers-reduced-motion) {.animated {-webkit-animation: unset!important;animation: unset!important;-webkit-transition: none!important;transition: none!important}}
/*==========【复用模块】图片放大transform=========*/
.img-post img, #aside_hot_comment img, #aside_new img, #aside_random img, .double-list .item img, .recommend-b .thumbnail img, .article-list .figure img, .recommend-c .figure img, .full-post .figure img, .recommend-a .item img, .recommend-aa .item img, .related-item .img {-webkit-transition: all .4s;transition: all .4s}
.img-post .a:hover img, #aside_hot_comment .list:hover img, #aside_new .list:hover img, #aside_random .list:hover img, .double-list .item:hover img, .recommend-b .item:hover img, .article-list:hover img, .recommend-c .img-list:hover img, .full-post .img-list:hover img, .recommend-a .item:hover img, .recommend-aa .item:hover img, .related-item:hover img {border-radius: 0;-webkit-transform: scale(1.2);transform: scale(1.2);-ms-transform: scale(1.2)}
/*==========【复用模块】图片左移transform===========*/
/*
.article-list .figure img,.full-post .figure img,.recommend-a .item img,.related-item .img{position:relative;max-width:none;width:calc(100% + 40px);-webkit-transition:opacity .35s,-webkit-transform .45s;transition:opacity .35s,transform .45s;-webkit-transform:translate3d(-40px,0,0);transform:translate3d(-40px,0,0)}
.article-list:hover img,.full-post .img-list:hover img,.recommend-a .item:hover img,.related-item:hover img{filter:alpha(opacity=60);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}*/
/*========【复用模块】模块标题栏样式========*/
.double-list, .flink, .full-post, .text-post, .img-post, .post-comment, .recommend-a, .recommend-aa, .recommend-b, .recommend-c, .related-art, .widget {padding: 20px 15px 15px 15px;}
.c-title {font-size: 18px;border-bottom: 1px solid #eee;padding-bottom: .5em;margin-top: -.5em;position: relative}
.c-title:after {content: "";background-color: #0084ff;left: 1px;width: 34px;height: 2px;bottom: -1px;position: absolute;-webkit-transition: .5s;-moz-transition: .5s;-ms-transition: .5s;-o-transition: .5s;transition: .5s}
.double-list:hover .c-title::after, .flink:hover .c-title::after, .full-post:hover .c-title::after, .text-post:hover .c-title::after, .img-post:hover .c-title::after, .new-post:hover .c-title::after, .post-comment:hover .c-title::after, .recommend-a:hover .c-title::after, .recommend-aa:hover .c-title::after, .recommend-b:hover .c-title::after, .recommend-c:hover .c-title::after, .related-art:hover .c-title::after, .widget:hover .c-title::after {width: 70px}

/*========header========*/
.header {height: 80px;font-size: 100%;width: 100%;position: fixed;top: 0;left: 0;z-index: 9}
.h-wrap {height: 80px;position: relative}
.logo-area {padding-top: 5px;padding-right: 40px}
.logo-area .img {width: 90%;}
.pc-nav {max-width: 80%;height: 80px;}
.pc-nav li {float: left}
.pc-nav li a {height: 80px;line-height: 80px;padding: 0 20px;font-size: 16px;display: block}
.pc-nav li a:after {content: "\e6a8";font-family: iconfont!important;font-size: 16px;font-style: normal;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale}
.pc-nav .sub-nav a:after {content: "\e64b";font-family: iconfont!important;font-size: 16px;font-style: normal;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale}
.pc-nav .sub-nav:before {content: "";height: 15px;width: 15px;background-color: #fff;-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);border-left: 0;border-bottom: 0;position: absolute;top: -8px;left: 44px;border-top: 1px solid #eee;border-right: 1px solid #eee}
.pc-nav .sub-nav .sub-nav:before {content: "";height: 15px;width: 15px;background-color: #fff;-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);border-left: 0;border-bottom: 0;position: absolute;top: 32px;left: -8px;border-top: 1px solid #eee;border-left: 1px solid #eee;border-right: none}
.pc-nav .sub-nav a:hover {color: #0084ff}
.pc-nav li a:only-child::after {content: ""}
.pc-nav .li-cate {position: relative}
.pc-nav .active {color: #0084ff}
.dropdown-toggle:active, .open .dropdown-toggle {outline: 0}
.dropdown-nav {position: absolute;top: 44px;left: 0;z-index: 1000;display: none;float: left;margin: 0;padding: 0;background-color: #323841;list-style: none}
.dropdown-nav .active a, .dropdown-nav .active a:hover, .dropdown-nav li a:hover {background-color: #0084ff;color: #fff}
.pc-nav {font-size: 14px;margin-right: 10px}
.pc-nav li {position: relative;list-style: none;display: block;float: left}
.pc-nav li a {text-transform: none;line-height: 80px;height: 80px;padding: 0 18px;display: block}
.pc-nav li a i.fa {padding-right: 3px;position: relative;top: 0}
.pc-nav li .sub-nav {text-align: left;position: absolute;top: 80px;left: -17px;visibility: hidden;opacity: 0;background: #fff;border: 1px solid #eaeeef;}
.pc-nav li .sub-nav li {float: none;height: 40px;min-height: 40px}
.pc-nav li .sub-nav li a {line-height: 40px;height: 40px;padding: 0 35px;color: #3e3e3e;white-space: nowrap;min-width: 110px}
.pc-nav li .sub-nav li a i.iconfont {padding-right: 3px}
.pc-nav li .sub-nav li a:hover {background: 0 0}
.pc-nav .active a, .pc-nav .active a:focus {color: #0084ff}
.pc-nav li>ul>li a.current-menu-item {background: 0 0}
.pc-nav li.current-menu-ancestor a, .pc-nav li.current-menu-item a, .pc-nav li.current-post-ancestor a, .pc-nav li:hover a {position: relative}
.pc-nav li .icons {margin-right: 5px;font-size: 17px;top: 1px;position: relative}
.pc-nav .nav-ul>li:hover>.sub-nav {display: block;padding: 20px 0;opacity: 1}
.nav-ul>li, .nav-ul>li>li {float: left}
.pc-nav .nav-ul li ul li:hover>.sub-nav {display: block;padding: 20px 0}
.pc-nav li ul li .sub-nav {top: -20px;left: 100%}
.pc-nav li ul.sub-nav li>a.menu-th3:after {content: ".";display: inline-block;width: 0;height: 0;margin-left: 2px;vertical-align: middle;border-left: 4px solid;border-bottom: 4px solid transparent;border-top: 4px solid transparent;position: relative;left: 5px;overflow: hidden}
.pc-nav .has-child>a:after {content: ".";display: inline-block;width: 0;height: 0;margin-left: 2px;vertical-align: middle;border-top: 4px solid;border-right: 4px solid transparent;border-left: 4px solid transparent;position: relative;left: 5px;overflow: hidden}
.m-nav-btn, .nav-sousuo, span.toggle-btn {display: none}
#search-area {position: absolute;bottom: -84px;right: 0;z-index: 2;width: 28%;background: rgba(255,255,255,1)}
.header .contribute .a {display: block;margin: 24px 20px;height: 36px;line-height: 36px;padding: 0 1em;text-align: center;border-radius: 4px;background-color: #0084ff;color: #fff}
.header .login {width: 60px;height: 80px;line-height: 80px;text-align: center;margin-right: -15px;}
.header .login a {display: block;color: #333;}
.header .login i.iconfont {font-size: 24px;}
.search-button {cursor: pointer;width: 60px;height: 80px;line-height: 80px;display: block;text-align: center}
.search-button i.iconfont {font-size: 24px}
.searchform {width: 100%}
.s-input {width: 78%;border: none;background: 0 0;font-weight: 400;padding: 1.2em;color: #333}
.s-button {width: 20%;border: none;cursor: pointer;height: 60px;line-height: 60px;background-color: #0084ff;color: #fff;border-top-left-radius: 0!important;border-bottom-left-radius: 0!important}
.mask-hidden {position: fixed;z-index: 3;left: 0;right: 0;top: 0;bottom: 0;opacity: 0;background: #000;visibility: hidden}
.mask-show {visibility: visible;opacity: .4}
/*========幻灯片======*/
/*Swiper 3.0.5*/
.swiper-container {margin: 0 auto;position: relative;overflow: hidden;z-index: 1}
.swiper-container-no-flexbox .swiper-slide {float: left}
.swiper-container-vertical>.swiper-wrapper {-webkit-box-orient: vertical;-moz-box-orient: vertical;-ms-flex-direction: column;-webkit-flex-direction: column;flex-direction: column}
.swiper-wrapper {position: relative;width: 100%;height: 100%;z-index: 1;display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-transform-style: preserve-3d;-moz-transform-style: preserve-3d;-ms-transform-style: preserve-3d;transform-style: preserve-3d;-webkit-transition-property: -webkit-transform;-moz-transition-property: -moz-transform;-o-transition-property: -o-transform;-ms-transition-property: -ms-transform;transition-property: transform;-webkit-box-sizing: content-box;-moz-box-sizing: content-box;box-sizing: content-box}
.swiper-container-android .swiper-slide, .swiper-wrapper {-webkit-transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-o-transform: translate(0, 0);-ms-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0)}
.swiper-container-multirow>.swiper-wrapper {-webkit-box-lines: multiple;-moz-box-lines: multiple;-ms-fles-wrap: wrap;-webkit-flex-wrap: wrap;flex-wrap: wrap}
.swiper-container-free-mode>.swiper-wrapper {-webkit-transition-timing-function: ease-out;-moz-transition-timing-function: ease-out;-ms-transition-timing-function: ease-out;-o-transition-timing-function: ease-out;transition-timing-function: ease-out;margin: 0 auto}
.swiper-slide {-webkit-transform-style: preserve-3d;-moz-transform-style: preserve-3d;-ms-transform-style: preserve-3d;transform-style: preserve-3d;-webkit-flex-shrink: 0;-ms-flex: 0 0 auto;flex-shrink: 0;width: 100%;height: 100%;position: relative}
.swiper-container .swiper-notification {position: absolute;left: 0;top: 0;pointer-events: none;opacity: 0;z-index: -1000}
.swiper-wp8-horizontal {-ms-touch-action: pan-y;touch-action: pan-y}
.swiper-wp8-vertical {-ms-touch-action: pan-x;touch-action: pan-x}
.swiper-button-next, .swiper-button-prev {position: absolute;top: 50%;width: 27px;height: 44px;margin-top: -22px;z-index: 10;cursor: pointer;-moz-background-size: 27px 44px;-webkit-background-size: 27px 44px;background-size: 27px 44px;background-position: center;background-repeat: no-repeat}
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {opacity: .35;cursor: auto;pointer-events: none}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next {background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");left: 10px;right: auto}
.swiper-button-prev.swiper-button-black, .swiper-container-rtl .swiper-button-next.swiper-button-black {background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}
.swiper-button-prev.swiper-button-white, .swiper-container-rtl .swiper-button-next.swiper-button-white {background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev {background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");right: 10px;left: auto}
.swiper-button-next.swiper-button-black, .swiper-container-rtl .swiper-button-prev.swiper-button-black {background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}
.swiper-button-next.swiper-button-white, .swiper-container-rtl .swiper-button-prev.swiper-button-white {background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}
.swiper-pagination {position: absolute;text-align: center;-webkit-transition: .3s;-moz-transition: .3s;-o-transition: .3s;transition: .3s;-webkit-transform: translate3d(0, 0, 0);-ms-transform: translate3d(0, 0, 0);-o-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);z-index: 10}
.swiper-pagination.swiper-pagination-hidden {opacity: 0}
.swiper-pagination-bullet {width: 8px;height: 8px;display: inline-block;border-radius: 100%;background: #000;opacity: .2}
.swiper-pagination-clickable .swiper-pagination-bullet {cursor: pointer}
.swiper-pagination-white .swiper-pagination-bullet {background: #fff}
.swiper-pagination-bullet-active {opacity: 1;background: #007aff}
.swiper-pagination-white .swiper-pagination-bullet-active {background: #fff}
.swiper-pagination-black .swiper-pagination-bullet-active {background: #000}
.swiper-container-vertical>.swiper-pagination {right: 10px;top: 50%;-webkit-transform: translate3d(0, -50%, 0);-moz-transform: translate3d(0, -50%, 0);-o-transform: translate(0, -50%);-ms-transform: translate3d(0, -50%, 0);transform: translate3d(0, -50%, 0)}
.swiper-container-vertical>.swiper-pagination .swiper-pagination-bullet {margin: 5px 0;display: block}
.swiper-container-horizontal>.swiper-pagination {bottom: 10px;left: 0;width: 100%}
.swiper-container-horizontal>.swiper-pagination .swiper-pagination-bullet {margin: 0 5px}
.swiper-container-3d {-webkit-perspective: 1200px;-moz-perspective: 1200px;-o-perspective: 1200px;perspective: 1200px}
.swiper-container-3d .swiper-cube-shadow, .swiper-container-3d .swiper-slide, .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-wrapper {-webkit-transform-style: preserve-3d;-moz-transform-style: preserve-3d;-ms-transform-style: preserve-3d;transform-style: preserve-3d}
.swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top {position: absolute;left: 0;top: 0;width: 100%;height: 100%;pointer-events: none;z-index: 10}
.swiper-container-3d .swiper-slide-shadow-left {background-image: -webkit-gradient(linear, left top, right top, from(rgba(0,0,0,.5)), to(rgba(0,0,0,0)));background-image: -webkit-linear-gradient(right, rgba(0,0,0,.5), rgba(0,0,0,0));background-image: -moz-linear-gradient(right, rgba(0,0,0,.5), rgba(0,0,0,0));background-image: -o-linear-gradient(right, rgba(0,0,0,.5), rgba(0,0,0,0));background-image: linear-gradient(to left, rgba(0,0,0,.5), rgba(0,0,0,0))}
.swiper-container-3d .swiper-slide-shadow-right {background-image: -webkit-gradient(linear, right top, left top, from(rgba(0,0,0,.5)), to(rgba(0,0,0,0)));background-image: -webkit-linear-gradient(left, rgba(0,0,0,.5), rgba(0,0,0,0));background-image: -moz-linear-gradient(left, rgba(0,0,0,.5), rgba(0,0,0,0));background-image: -o-linear-gradient(left, rgba(0,0,0,.5), rgba(0,0,0,0));background-image: linear-gradient(to right, rgba(0,0,0,.5), rgba(0,0,0,0))}
.swiper-container-3d .swiper-slide-shadow-top {background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,.5)), to(rgba(0,0,0,0)));background-image: -webkit-linear-gradient(bottom, rgba(0,0,0,.5), rgba(0,0,0,0));background-image: -moz-linear-gradient(bottom, rgba(0,0,0,.5), rgba(0,0,0,0));background-image: -o-linear-gradient(bottom, rgba(0,0,0,.5), rgba(0,0,0,0));background-image: linear-gradient(to top, rgba(0,0,0,.5), rgba(0,0,0,0))}
.swiper-container-3d .swiper-slide-shadow-bottom {background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0,0,0,.5)), to(rgba(0,0,0,0)));background-image: -webkit-linear-gradient(top, rgba(0,0,0,.5), rgba(0,0,0,0));background-image: -moz-linear-gradient(top, rgba(0,0,0,.5), rgba(0,0,0,0));background-image: -o-linear-gradient(top, rgba(0,0,0,.5), rgba(0,0,0,0));background-image: linear-gradient(to bottom, rgba(0,0,0,.5), rgba(0,0,0,0))}
.swiper-container-coverflow .swiper-wrapper {-ms-perspective: 1200px}
.swiper-container-fade.swiper-container-free-mode .swiper-slide {-webkit-transition-timing-function: ease-out;-moz-transition-timing-function: ease-out;-ms-transition-timing-function: ease-out;-o-transition-timing-function: ease-out;transition-timing-function: ease-out}
.swiper-container-fade .swiper-slide {pointer-events: none}
.swiper-container-fade .swiper-slide-active {pointer-events: auto}
.swiper-container-cube {overflow: visible}
.swiper-container-cube .swiper-slide {pointer-events: none;visibility: hidden;-webkit-transform-origin: 0 0;-moz-transform-origin: 0 0;-ms-transform-origin: 0 0;transform-origin: 0 0;-webkit-backface-visibility: hidden;-moz-backface-visibility: hidden;-ms-backface-visibility: hidden;backface-visibility: hidden;width: 100%;height: 100%}
.swiper-container-cube.swiper-container-rtl .swiper-slide {-webkit-transform-origin: 100% 0;-moz-transform-origin: 100% 0;-ms-transform-origin: 100% 0;transform-origin: 100% 0}
.swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-next, .swiper-container-cube .swiper-slide-next+.swiper-slide, .swiper-container-cube .swiper-slide-prev {pointer-events: auto;visibility: visible}
.swiper-container-cube .swiper-cube-shadow {position: absolute;left: 0;bottom: 0;width: 100%;height: 100%;background: #000;opacity: .6;-webkit-filter: blur(50px);filter: blur(50px)}
.swiper-container-cube.swiper-container-vertical .swiper-cube-shadow {z-index: 0}
.swiper-scrollbar {border-radius: 10px;position: relative;-ms-touch-action: none;background: rgba(0,0,0,.1)}
.swiper-container-horizontal>.swiper-scrollbar {position: absolute;left: 1%;bottom: 3px;z-index: 50;height: 5px;width: 98%}
.swiper-container-vertical>.swiper-scrollbar {position: absolute;right: 3px;top: 1%;z-index: 50;width: 5px;height: 98%}
.swiper-scrollbar-drag {height: 100%;width: 100%;position: relative;background: rgba(0,0,0,.5);border-radius: 10px;left: 0;top: 0}
.swiper-scrollbar-cursor-drag {cursor: move}
.swiper-lazy-preloader {width: 42px;height: 42px;position: absolute;left: 50%;top: 50%;margin-left: -21px;margin-top: -21px;z-index: 10;-webkit-transform-origin: 50%;-moz-transform-origin: 50%;transform-origin: 50%;-webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite;-moz-animation: swiper-preloader-spin 1s steps(12, end) infinite;animation: swiper-preloader-spin 1s steps(12, end) infinite}
.swiper-lazy-preloader:after {display: block;content: "";width: 100%;height: 100%;background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");background-position: 50%;-webkit-background-size: 100%;background-size: 100%;background-repeat: no-repeat}
.swiper-lazy-preloader-white:after {background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}
@-webkit-keyframes swiper-preloader-spin {100% {-webkit-transform:rotate(360deg)}}
@keyframes swiper-preloader-spin {100% {transform:rotate(360deg)}}
/*Swiper自定义css*/
.swiper-container {margin-bottom: 0px!important;width: 100%;height: 340px}
.swiper-container img {width: 100%}
.swiper-slide {text-align: center;background: #fff}
.swiper-button-next, .swiper-button-prev {background-image: none!important;opacity: .3;background-color: rgba(0,0,0,.3);position: absolute;width: 50px;height: 60px;font-size: 35px;font-weight: 700;color: #fff;text-align: center;cursor: pointer;transition: .3s}
.swiper-button-prev {left: -50px}
.swiper-button-next {right: -50px}
.swiper-container:hover .swiper-button-prev {left: 0}
.swiper-container:hover .swiper-button-next {right: 0}
.swiper-container:hover .swiper-button-next, .swiper-container:hover .swiper-button-prev {opacity: 1}
.swiper-slide .link {display: block}
.swiper-slide .p {position: absolute;bottom: 2em;color: #fff;font-size: 20px;font-weight: 300;z-index: 2;text-align: center;width: 100%;padding: 0 1em}
.swiper-pagination-bullet {width: 2em;height: .2em;border-radius: 0;background: #fff;opacity: .5}
.swiper-pagination-bullet-active {background-color: #0084ff;opacity: 1}
.swiper-container-horizontal>.swiper-pagination {width: 50%;margin: auto;position: absolute;bottom: .8%;left: 50%;-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);text-align: center}
.swiper-pagination {text-align: right}
.swiper-slide .mask {position: absolute;top: 0;bottom: 0;right: 0;left: 0;background-image: linear-gradient(180deg, rgba(0,0,0,.01) 5%, rgba(0,0,0,.35));z-index: 1}
/*========主内容区域======*/
.index-breadcrumb {height: 1px;padding-top: 104px}
.breadcrumb {padding: 102px 0 23px 10px;color: #888}
.breadcrumb a {color: #888}
.swiper {width: 60%;}
#mainbox {width: 70.4%;}
.full-width-box {width: 100%!important}
#index-main {width: 100%}

/*headline-box*/
.headline-box {width: 38%;float: right;background: #fff;box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.03);}
.headline-news {overflow: hidden;padding: 19px 21px 21px;}
.headline-news-title {margin-bottom: 15px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;color: #0092d8;}
.headline-news-title a {color: #3366CC;font-size: 18px;}
.headline-news-title span {display: block;float: left;font-size: 12px;font-weight: normal;border: #ff6600 1px solid;padding: 0 5px;border-radius: 3px;color: #ff6600;margin: 4px 8px 0 0;}
.headline-news-smalltext {line-height: 20px;font-size: 14px;overflow: hidden;text-overflow: ellipsis;-webkit-box-orient: vertical;display: -webkit-box;-webkit-line-clamp: 3;height: 60px;margin-bottom: 10px;color: #888;}
.headline-news-list {border-top: #ddd 1px solid;padding-top: 10px;}
.headline-news-list li {padding-left: 20px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;line-height: 30px;position: relative}
.headline-news-list li:before {position: absolute;content: "";width: 3px;height: 3px;background: #000;border-radius: 10px;left: 0;top: 15px;}



/*--首页推荐模块A--*/
.recommend-a .item i.iconfont {padding-right: 5px;color: #666}
.recommend-a .item:nth-child(3n+0) {margin-right: 0}
.recommend-a .item {width: 31.2%;margin-top: 1.5em;margin-right: 3.2%;position: relative}
.recommend-a .thumbnail {height: 160px;width: 100%;display: block;overflow: hidden;margin-bottom: 1em}
.recommend-a .thumbnail img {height: 160px;width: 100%}
.recommend-a .num {padding: 0 5px;color: #999}
.recommend-a .category {position: absolute;top: .5em;left: .5em;z-index: 1;background-color: #0084ff;opacity: .9;padding: .1em .5em;color: #fff;font-size: 12px}
.recommend-a .item .title {width: 100%;font-weight: 400;padding: 0 5px;font-size: 16px}
.recommend-a .author, .recommend-a .comment, .recommend-a .thumb, .recommend-a .view {padding-right: 1em;max-width: 8em}
.recommend-a .thumb {padding-right: 0}
.recommend-a time {padding-top: 2px}

/*--首页推荐模块AA--*/
.recommend-aa .item i.iconfont {padding-right: 5px;color: #666}
.recommend-aa .item:nth-child(4n+0) {margin-right: 0}
.recommend-aa .item {width: 23.3%;margin-top: 1.5em;margin-right: 2.2%;position: relative}
.recommend-aa .thumbnail {height: 160px;width: 100%;display: block;overflow: hidden;margin-bottom: 1em}
.recommend-aa .thumbnail img {height: 160px;width: 100%}
.recommend-aa .num {padding: 0 5px;color: #999}
.recommend-aa .category {position: absolute;top: .5em;left: .5em;z-index: 1;background-color: #0084ff;opacity: .9;padding: .1em .5em;color: #fff;font-size: 12px}
.recommend-aa .item .title {width: 100%;font-weight: 400;padding: 0 5px;font-size: 16px}
.recommend-aa .author, .recommend-aa .comment, .recommend-aa .thumb, .recommend-aa .view {padding-right: 0;max-width: 8em}
.recommend-aa .thumb {padding-right: 0}
.recommend-aa time {padding-top: 2px}
/*--首页推荐模块B--*/
.recommend-b .item {width: 32.4%;margin-top: 1.5em;margin-right: 1.4%;position: relative}
.recommend-b .item:nth-of-type(3n) {margin-right: 0}
.recommend-b .category {border: 1px solid #0084ff;padding: .1em .5em;color: #0084ff;font-size: 12px;max-width: 80px;}
.recommend-b .category:hover {background-color: #0084ff;color: #fff}
.recommend-b .title-wrap {font-size: 16px;margin-bottom: 10px}
.recommend-b .title {padding: .1em .5em;font-weight: 400;max-width: 80%}
.recommend-b .intro {color: #999;background: #f8f8f8;padding: 1em;height: 80px;position: relative}
.recommend-b .intro:before {content: "";height: 10px;width: 10px;background-color: #f8f8f8;-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);border-left: 0;border-bottom: 0;position: absolute;top: 34px;left: -5px}
.recommend-b .fr-wrap {margin-left: 80px}
.recommend-b .thumbnail {display: block;overflow: hidden;width: 80px;height: 80px}
.recommend-b .thumbnail img {width: 80px;height: 80px}
/*--首页推荐模块C--*/
.recommend-c .more {position: absolute;right: 0;height: 35px;line-height: 35px}
.recommend-c .more i.iconfont {font-size: 24px}
.recommend-c .img-list {width: 100%;margin-right: 4%}
.recommend-c .img-list:nth-of-type(even) {margin-right: 0}
.recommend-c .figure {width: 180px;height: 120px;overflow: hidden}
.recommend-c .thumbnail {overflow: hidden}
.recommend-c .figure img {height: 100%;width: 100%}
.recommend-c .content {margin-left: 200px;color: #888}
.recommend-c .content .title {font-size: 18px;font-weight: 400}
.recommend-c .intro {padding: .5em 0}
.recommend-c .list {padding-top: .6em;width: 47.99%;margin-right: 4%}
.recommend-c .list .iconfont {font-size: 14px;padding-right: 2px;color: red}
.recommend-c .list .a {max-width: 76%}
.recommend-c .list:nth-of-type(even) {margin-right: 0}
.recommend-c .list-time, .full-post .time {color: #999}
/*--最新文章+文章列表[多页面共用]--*/
.article-list {width: 100%;padding: 1.5em;position: relative}
.article-list:hover {box-shadow: 0 6px 12px rgba(26,26,26,.1);-webkit-transition: all ease .4s;-moz-transition: all ease .4s;-ms-transition: all ease .4s;-o-transition: all ease .4s;transition: all ease .4s}
.article-list .istop {color: #f33;padding: 0 3px;border: 2px solid #f33;border-radius: 4px;font-size: 14px;vertical-align: middle;display: inline-block;margin-right: 5px;font-weight: 700}
.article-list .figure {width: 240px;height: 160px;overflow: hidden}
.article-list .thumbnail {display: block;overflow: hidden}
.article-list .figure img {height: 160px;width: 100%}
.article-list .content {margin-left: 260px;color: #888}
.article-list .content-no-img {margin-left: 0!important}
.article-list .content .title {font-size: 20px;font-weight: 400}
.article-list .content i.iconfont {padding-right: 5px;color: #666}
.article-list .intro {padding: 1em 0}
.article-list .author, .article-list .time, .article-list .view {padding-right: 1em}
.article-list .tag {max-width: 22em}
.article-list .tag a {color: #666;padding-right: 8px}
.article-list .tag a:hover {color: #333;text-decoration: underline}
/*--网格布局的文章列表--*/
.full-width-box .article-list {width: 23.6%;margin-right: 1.8%}
.full-width-box .article-list:nth-child(4n+4) {margin-right: 0}
.full-width-box .article-list .content {margin-left: 0}
.triple-overflow {height: 5.4em;overflow: hidden}
.full-width-box .article-list .intro {padding: 0}
.full-width-box .article-list .content .title {margin: 1em 0 0.5em 0}
.full-width-box .article-list p.clearfix {padding-top: 0.5em}
.full-width-box .article-list .figure {width: auto}
/*--首页双栏文章--*/
.double-list {width: 48.81%}
.double-list:nth-of-type(even) {margin-right: 0}
.double-list .more {position: absolute;right: 0;height: 35px;line-height: 35px}
.double-list .more i.iconfont {font-size: 24px}
.double-list .item .title {height: 3em;line-height: 3em;font-size: 16px;width: 100%;font-weight: 400;padding: 0 5px;color: #fff;position: relative;border-bottom: 1px solid rgba(255,255,255,.4)}
.double-list .icon-quote {position: absolute;top: 80px;left: 1em;color: rgba(255,255,255,.8)!important;z-index: 2}
.double-list .item i.iconfont {padding-right: 5px;color: #eee}
.double-list .thumbnail {position: relative;color: #eee;display: block;overflow: hidden}
.double-list .thumbnail img {display: block;width: 100%;height: 200px}
.double-list .absolute {width: 100%;padding: .5em 1em;position: absolute;bottom: 0;left: 0;z-index: 2}
.double-list .mask {width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: 1;background-image: linear-gradient(180deg, rgba(0,0,0,.01) 30%, rgba(0,0,0,.65))}
.double-list .num {padding-top: 5px}
.double-list .comment, .double-list .thumb, .double-list .view {padding-right: 1em;max-width: 8em}
.double-list .thumb {padding-right: 0}
.double-list .ul .title {line-height: 2.4em}
.double-list .ul .time {color: #999;line-height: 2.4em}
/*--首页通栏文章--*/
.full-post .more {position: absolute;right: 0;height: 35px;line-height: 35px}
.full-post .more i.iconfont {font-size: 24px}
.full-post .img-list {width: 47.99%;margin-right: 4%}
.full-post .img-list:nth-of-type(even) {margin-right: 0}
.full-post .figure {width: 180px;height: 120px;overflow: hidden}
.full-post .thumbnail {overflow: hidden}
.full-post .figure img {height: 100%;width: 100%}
.full-post .content {margin-left: 200px;color: #888}
.full-post .content .title {font-size: 18px;font-weight: 400}
.full-post .content i.iconfont {padding-right: 5px;color: #666}
.full-post .intro {padding: .5em 0}
.full-post .author, .full-post .time, .full-post .view {padding-right: 1em}
.full-post .read-more {border: 1px solid #0084ff;border-radius: 100px;padding: .1em 1em;text-align: center;color: #0084ff;font-size: 12px}
.full-post .read-more:hover {background-color: #0084ff;color: #fff}
.full-post .list {padding-top: .6em;width: 47.99%;margin-right: 4%}
.full-post .list .iconfont {font-size: 14px;padding-right: 2px}
.full-post .list .a {max-width: 76%}
.full-post .list:nth-of-type(even) {margin-right: 0}
.full-post .list-time, .full-post .time {color: #999}
/*--首页三栏文章--*/
.text-post-wrap {width: 100%}
.text-post {width: 32.262%;margin-right: 1.6%}
.text-post:nth-child(3n+0) {margin-right: 0}
.text-post .more {position: absolute;right: 0;height: 35px;line-height: 35px}
.text-post .more i.iconfont {font-size: 24px}
.text-post .list {padding-top: .6em;width: 100%;margin-right: 4%}
.text-post .list .iconfont {font-size: 14px;padding-right: 2px}
.text-post .list .a {max-width: 76%}
.text-post .list:nth-of-type(even) {margin-right: 0}
.text-post .list-time, .full-post .time {color: #999}
/*--首页多图模块----*/
.img-post .more,.recommend-b .more,.recommend-a .more,.recommend-aa .more {position: absolute;right: 0;height: 35px;line-height: 35px}
.img-post .more i.iconfont {font-size: 24px}
.img-post .img {display: block}
.img-post article .a {position: relative;display: block}
.img-post .mask {width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: 1;background-image: linear-gradient(180deg, rgba(0,0,0,.01) 80%, rgba(0,0,0,.85))}
.img-post .title {position: absolute;bottom: 0;left: 0;z-index: 2;color: #fff;padding: 1em;font-weight: normal;width: 100%}
.img-post .left {width: 30%;overflow: hidden}
.img-post .left .img {width: 100%;height: 480px}
.img-post .top-wrap {width: 100%;height: 220px}
.img-post .top {width: 33.19%;margin-left: 1.8%;overflow: hidden}
.img-post .top .img {width: 100%;height: 220px}
.img-post .bottom {width: 21.52%;margin-left: 1.8%;margin-top: 20px;overflow: hidden}
.img-post .bottom:nth-child(3n+0) {margin-right: 0}
.img-post .bottom .img {width: 100%;height: 240px}
/*========侧边栏======*/
#sidebar {width: 28%}
#sidebar .aside_ad {display: block;line-height: 0;margin: -1.5em}
#sidebar .aside_ad img {width: 100%}
#divCatalog li {width: 50%;display: inline-block}
#divCatalog li:nth-of-type(even) {text-align: right}
#divCatalog li a {width: 96%;display: inline-block;text-align: center;border: 1px solid #ddd;border-radius: 3px;padding: .5em 0;margin-top: .5em}
#divCatalog li a:hover {background-color: #0084ff;color: #fff;border: 1px solid #0084ff}
#divPrevious li {list-style: circle;list-style-position: inside;border-bottom: 1px dashed #ddd;padding: .5em 0}
#divPrevious li:last-child {border: none;padding-bottom: 0}
#divPrevious li:first-child {padding-top: 0}
#divTags li, #aside_hot_tag li {display: inline-block}
#divTags .tag-count, #aside_hot_tag .tag-count {font-size: 12px;font-weight: 100}
#divTags li a, #aside_hot_tag li a {border-radius: 2px;display: inline-block;text-align: center;background: #f7f7f7;padding: .2em .6em;margin: .5em .2em 0 0}
#aside_hot_tag li a {margin: .5em .5em 0 0}
ul.divTags, ul.aside_hot_tag {margin-top: -.5em}
#divTags li a:hover, #aside_hot_tag li a:hover {background-color: #0084ff;color: #fff;-webkit-transition: all ease .2s;-moz-transition: all ease .24s;-ms-transition: all ease .2s;-o-transition: all ease .2s;transition: all ease .2s}
#divMisc li {display: inline-block;padding-right: 5%}
#divAuthors li, #divFavorites li, #divLinkage li {display: inline-block;padding-right: 1em}
#divArchives li, #divNavBar li, #divStatistics li {display: inline-block;width: 49.2%}
#divContorPanel .cp-login a, #divContorPanel .cp-vrs a {width: 48.3%;display: inline-block;text-align: center;border: 1px solid #ddd;border-radius: 3px;padding: .5em 0;margin-top: .5em}
#divContorPanel .cp-login a:hover, #divContorPanel .cp-vrs a:hover {background-color: #0084ff;color: #fff;border: 1px solid #0084ff}
#tbCalendar {width: 100%}
#tbCalendar a {width: 40px;height: 40px;color: #0084ff;padding: 2px}
#tbCalendar tbody a {display: inline-block;background-color: #0084ff;color: #fff;border-radius: 3px}
#tbCalendar caption {height: 60px;line-height: 60px}
#tbCalendar td, #tbCalendar th {width: 40px;height: 40px;line-height: 40px}
#tbCalendar caption {font-size: 18px}
#tbCalendar tbody {text-align: center}
#divSearchPanel input[type=text] {width: 78%;border: none;background: 0 0;font-weight: 400;padding: .5em;color: #333;border: 1px solid #ddd;border-radius: 3px;border-top-right-radius: 0!important;border-bottom-right-radius: 0!important}
#divSearchPanel input[type=submit] {width: 21.9%;border: none;cursor: pointer;padding: .5em;background-color: #0084ff;color: #fff;border: 1px solid #0084ff;border-radius: 3px;border-top-left-radius: 0!important;border-bottom-left-radius: 0!important;margin-left: -6px}
/*--站点信息--*/
#aside_about {padding: 0;}
#aside_about .bg {width: 348px;height: 142px}
#aside_about .avatar {width: 100%;text-align: center;margin-top: -42px}
#aside_about .img {width: 70px;height: 70px;margin: 0 auto 0 20px;border-radius: 100px;border: 5px solid rgba(255,255,255,.8)}
#aside_about .wrap {padding-top: 0;margin-top:-30px;padding-bottom: 1em;}
#aside_about .title {text-align: center;font-size: 20px;color: #333}
#aside_about .info {color: #666;padding-top: 5px;line-height: 26px;overflow: hidden}
#aside_about .ul {position: relative;margin-top: 7px;}
#aside_about .line {position: absolute;left: 50%;z-index: 1;color: #aaa;}
#aside_about .li {width: 49.5%;text-align: center}
#aside_about .num {text-align: center;font-size: 22px;font-weight: 100;line-height: 10px}
#aside_about small {display: block;color: #999}
/*--热门文章--*/
#aside_hot li {border-bottom: 1px dashed #ddd;padding: .5em 0}
#aside_hot li:first-child {padding-top: 0}
#aside_hot li:last-child {border: none;padding-bottom: 0}
#aside_hot li a {margin-left: 25px;display: block}
#aside_hot .list {float: left;font-size: 16px;font-style: italic;color: #888;font-weight: 800}
#aside_hot .list-1, #aside_hot .list-2, #aside_hot .list-3 {color: #0084ff}
/*--随机图文--*/
#aside_random .list {padding: .6em 0}
#aside_random li:first-child {padding-top: 0}
#aside_random li:last-child {padding-bottom: 0}
#aside_random .comment, #aside_random .time {color: #999;padding-right: 1.5em}
#aside_random .comment i.iconfont, #aside_random .time i.iconfont {padding-right: 2px}
#aside_random .list .img-wrap {float: left;overflow: hidden;display: block;height: 70px;width: 100px}
#aside_random .random-img {width: 100px;height: 70px}
#aside_random .random-text {margin-left: 120px}
#aside_random .title {line-height: 1.6em}
/*--最新文章--*/ 
#aside_new .list {padding: .6em 0}
#aside_new li:first-child {padding-top: 0}
#aside_new li:last-child {padding-bottom: 0}
#aside_new .time, #aside_new .view {color: #999;padding-right: 1.5em}
#aside_new .time i.iconfont, #aside_new .view i.iconfont {padding-right: 2px}
#aside_new .list .img-wrap {float: left;overflow: hidden;display: block;height: 70px;width: 100px}
#aside_new .random-img {float: left;width: 100px;height: 70px}
#aside_new .new-text {margin-left: 120px}
#aside_new .title {line-height: 1.6em}
/*--热门评论--*/ 
#aside_hot_comment .list {padding: .6em 0}
#aside_hot_comment li:first-child {padding-top: 0}
#aside_hot_comment li:last-child {padding-bottom: 0}
#aside_hot_comment .comment, #aside_hot_comment .time {color: #999;padding-right: 1.5em}
#aside_hot_comment .comment i.iconfont, #aside_hot_comment .time i.iconfont {padding-right: 2px}
#aside_hot_comment .list .img-wrap {float: left;overflow: hidden;display: block;height: 70px;width: 100px}
#aside_hot_comment .random-img {width: 100px;height: 70px}
#aside_hot_comment .new-text {margin-left: 120px}
#aside_hot_comment .title {line-height: 1.6em}
/*--最新留言--*/
#divComments .list {padding: .6em 0}
#divComments li:first-child {padding-top: 0}
#divComments li:last-child {padding-bottom: 0}
#divComments .avatar {float: left;display: block}
#divComments .avatar img {width: 50px;height: 50px;border-radius: 100px;border: 2px solid #fff;box-shadow: 2px 2px 3px #efefef;-webkit-transition: .4s;-webkit-transition: -webkit-transform .4s ease-out;transition: transform .4s ease-out;-moz-transition: -moz-transform .4s ease-out}
#divComments li:hover .avatar img {transform: rotateZ(360deg);-webkit-transform: rotateZ(360deg);-moz-transform: rotateZ(360deg)}
#divComments .title {margin-left: 70px}
#divComments .title .a {display: block}
#divComments .info i.iconfont {padding-right: 5px}
#divComments .info {color: #999}
#divComments .author {padding-right: .5em}
/*--文章页作者信息--*/ 
#widget_aside_author .title {margin: -1.5em;background: #f8f8f8;padding: 1.5em;background-size: 100%!important}
#widget_aside_author .img {border-radius: 100px;width: 70px;height: 70px;margin: 0 auto;display: block;border: 5px solid rgba(255,255,255,.8)}
#widget_aside_author .avatar {margin-top: 50px;display: block}
#widget_aside_author .name {font-size: 22px;text-align: center}
#widget_aside_author .level {font-size: 12px;background-color: #0084ff;padding: 2px 6px;color: #fff;text-align: center;display: inline-block;vertical-align: middle}
#widget_aside_author .intro {color: #888;text-align: center}
/*--首页友情链接--*/ 
.flink {margin-bottom: 20px}
.flink .iconfont {color: #333;}
.flink a.iconfont:hover {color: #0084ff}
.flink .rule {font-size: 14px;font-weight: 400;padding-left: 2em;color: #999}
.flink .f-list li {float: left;padding-right: 2em}
.flink .f-list li a {font-size: 14px}
/*--兼容图片灯箱插件（ID: fancybox）--*/
.art-content .md-image {width: 100%!important}
/*--文章详情页--*/
.art-main {padding: 2em 3em;position: relative;}
.art-main img {max-width: 100%!important;height: auto!important;}
.art-main .art-title {font-size: 28px}
.art-main .head-info {color: #999;padding-top: 10px}
.art-main .head-info i.iconfont {padding-right: 2px}
.art-main .head-info .author, .art-main .head-info .comment, .art-main .head-info .edit, .art-main .head-info .time, .art-main .head-info .view {padding-right: 1em}
.art-main .art-content {padding: 10px 0;position: relative;font-size: 16px;width: 100%;word-break: break-all;border-top: 1px solid #F7F7F7;}

.art-main .qrcode .qrcode_ico {position: absolute;width: 38px;height: 38px;background: url(../images/qrcode.png);top: 0;right: 0;}
.art-main .qrcode .qrcode_content {position: absolute;width: 202px;background: #FFF;top: 0;right: 0;padding: 10px;border: 1px solid #E1E1E1;text-align: center;z-index:9;}
.art-main .qrcode .qrcode_content .qrcode_text {font-size: 16px;padding-top: 10px;}
.art-main .qrcode .qrcode_content .qrcode_ts {font-size: 12px;color: #999;padding-top: 5px;}
.art-main .qrcode .qrcode_content .qrcode_logo {width: 30px;height: 30px;position: absolute;top: 80px;left: 90px;border-radius: 5px;border: 1px solid #FFF;}

.art-content a {color: #0084ff}
.art-content a:hover {border-bottom: 1px dashed #0084ff}
.art-content h1, .art-content h2, .art-content h3, .art-content h4, .art-content h5, .art-content h6 {margin: 10px 0}
.art-content h1 {font-size: 1.8em}
.art-content h2 {font-size: 1.6em}
.art-content h3 {font-size: 1.4em}
.art-content h4 {font-size: 1.2em}
.art-content h5 {font-size: 1em}
.art-content h6 {font-size: 0.8em}
.art-content blockquote {color: #666;font-weight: 400;border-left: 4px solid #0084ff;padding: .5em 1em;background-color: #f9f9f9}
.art-content img {height: auto}
.art-content table {border-collapse: collapse;empty-cells: show;border-spacing: 0}
.art-content table tr.firstRow {font-weight: bold;background-color: #f8f8f8;text-align: left}
.art-content table th, .art-content table td {padding: .3em .5em;margin: 0;vertical-align: top;border: 1px solid #ddd}
.art-content blockquote, .art-content dl, .art-content form, .art-content hr, .art-content ol, .art-content p, .art-content pre, .art-content table, .art-content ul {font-weight: 400;margin-bottom: 1rem}
.art-content blockquote p, .art-content ul p {margin-bottom: 0}
.art-content li {margin-left: 1.2em}
.art-content hr {border: none;margin-top: 1.5rem;margin-bottom: 1.5rem;border-top: 1px solid #eee;height: 1px;background: 0 0}
.art-content audio, .art-content img, .art-content video {}
.art-content b, .art-content strong {font-weight: 700;}
.art-content .padding {padding-right: .5em}
.art-content .art-copyright, .art-content .tag-wrap {font-size: 14px}
.art-content .tags {border: 1px solid #ddd;padding: .1em .5em;text-align: center;color: #333}
.art-content .tags:hover {background-color: #0084ff;color: #fff;border: 1px solid #0084ff}
.art-copyright {background: #f8f8f8;padding: 1em 1.5em}
.art-copyright .copyright, .art-copyright .from {font-weight: 700;padding-top: 10px}
.prev-next {padding: 1.5em;position: relative}
.prev-next strong {font-weight: 400}
.prev-next .post-next, .prev-next .post-prev {width: 46%;color: #999;font-size: 16px}
.prev-next .post-next {text-align: right}
.prev-next .next, .prev-next .prev {display: block;font-size: 14px}
.quick-prev-next .next, .quick-prev-next .prev {position: fixed;z-index: 1;top: 45%;height: 50px;line-height: 50px;width: 50px;font-size: 50px;color: #888}
.quick-prev-next .next:hover, .quick-prev-next .prev:hover {color: #333}
.quick-prev-next .prev {left: 0}
.quick-prev-next .next {right: 0}
/*--分享--*/
.social-widget {min-height: 50px}
.share-widget a:hover {border-bottom: none}
.bds_qzone, .bds_sqq, .bds_tsina, .bds_weixin {background-image: none!important;text-indent: 0!important;width: 40px!important;height: 40px!important;line-height: 40px!important;border-radius: 100px}
.bd_weixin_popup {width: 240px!important;height: 310px!important}
.bdsharebuttonbox .iconfont {font-size: 26px;padding-left: 7px;color: #fff}
.bdsharebuttonbox .iconfont:hover {color: #fff}
.bds_weixin {background: #59d55c}
.bds_qzone {background: #f1d519}
.bds_tsina {background: #ff5a5a}
.bds_sqq {background: #4a8aff}
/*--点赞--*/
.thumbs-up-widget {padding-top: 6px}
.thumbs-btn {border-radius: 100px;border: 1px solid #0084ff;text-align: center;padding: .3em 2em;color: #0084ff;cursor: pointer}
.thumbs-btn .num {padding-left: 3px}
.thumbs-btn:hover {color: #fff;background-color: #0084ff}
.thumbs_done {background-color: #0084ff;color: #fff!important;opacity: .8}
.thumbs_btn:hover {color: #fff;opacity: .8}
/*--打赏--*/
.reward-widget {position: absolute;bottom: -5px;left: 45%;z-index: 3}
.reward-widget .btn {width: 60px;height: 60px;font-size: 20px;border-radius: 100px;background-color: #ff5a5a;line-height: 60px;color: #fff;text-align: center;cursor: pointer;margin: 0 auto}
#popup {width: 100%;height: 100%;position: fixed;top: 0;left: 0;background: rgba(0,0,0,.3);z-index: 3;display: none;border-radius: 5px}
#close {position: absolute;right: 10px;top: 0;color: #666;cursor: pointer;font-size: 24px}
#reward-img {position: relative;margin: 15% auto;max-width: 400px;max-height: 250px}
/*--相关文章--*/
.related-art {position: relative;z-index: 2}
.related-item {width: 31%;margin-right: 3.4%}
.related-item .span {height: 160px;display: block;overflow: hidden;margin-bottom: 5px}
.related-item a {display: block}
.related-item .img {height: 160px;width: 100%}
.related-item .titile {height: 3.2em;overflow: hidden}
.related-item:nth-child(3n+0) {margin-right: 0}
/*--评论--*/
#comments-title {padding-top: 100px;margin-top: -100px}
.comment-disable {padding: 1.5em;color: #888;text-align: center}
.comment-disable i.iconfont {padding-right: 5px;color: #666;font-size: 18px}
.comment-num {color: #999;font-size: 16px}
.comment-num .emphasize {color: #f33}
.no-comment {color: #999;text-align: center}
.no-comment i.iconfont {font-size: 60px;color: #ddd;display: block;margin-top: -20px;height: 90px}
.comment-msg {padding: 1.5em 0;overflow: hidden;border-top: 1px solid #ddd}
.comment-list .ul {list-style: none;border-top: 1px solid #ededed}
.comment-list .li {overflow: hidden;padding: 1em}
.comment-list .li:hover {background: #f8f8f8}
.comment-list .li img {width: 50px;height: 50px;border-radius: 100px;border: 2px solid #fff;box-shadow: 2px 2px 3px #efefef;-webkit-transition: .4s;-webkit-transition: -webkit-transform .4s ease-out;transition: transform .4s ease-out;-moz-transition: -moz-transform .4s ease-out}
.comment-list .li:hover img {transform: rotateZ(360deg);-webkit-transform: rotateZ(360deg);-moz-transform: rotateZ(360deg)}
.comment-list .li .clbody {margin-left: 70px}
.comment-list .ul .ul {margin-left: 4%}
.comment-list .title {font-size: 18px;padding-bottom: .5em}
.compost .com-info li {float: left;margin-bottom: 1em;width: 33.3%;padding-right: 3%;position: relative}
.compost .com-info li:nth-child(3) {padding-right: 0}
.compost .com-info li .verify {position: absolute;right: 9%;top: 0;z-index: 1;height: 40px}
.compost .com-info li .verify img {width: 100%;height: 100%;border: 1px solid #ddd}
.compost .com-info li input {width: 100%;height: 40px;line-height: 40px;padding-left: 4px;border: 1px solid #ddd;border-radius: 3px;text-indent: 10px}
.compost .com-name {padding: 0 0 1em .2em}
#cancel-reply {color: #0084ff}
#txaArticle {border-radius: 3px;text-indent: 10px;margin: 0 10px 10px 0;padding: 5px;width: 100%;border: 1px solid #ddd;background: #fff;-webkit-appearance: none}
.com-submit {border-radius: 3px;border: none;cursor: pointer;height: 40px;line-height: 40px;background-color: #0084ff;color: #fff;padding: 0 20px}
.comment-list .cinfo {height: 20px}
.comment-list .clbody .p {word-wrap: break-word}
.cinfo .author {color: #666}
.c-time {color: #999;font-size: 12px}
.comment-at {color: #0084ff}
.reply-a {opacity: 0.5}
.comment-list li:hover .reply-a {opacity: 1}
 
/*秀 站 网分页样式*/
.pages{clear: both;margin:20px auto 20px auto; overflow: hidden; text-align: center;font-size:14px; }
.pages ul li{display:inline-block;border: 1px solid #ccc;padding: 6px 15px;margin: 0 1px;line-height:24px;background: #fff;color:#999;border-radius:2px}
.pages ul li:hover{background:#d82019;color:#fff;border: 1px solid #d82019}
.pages ul li:hover a{color:#fff;}
.pages ul li.thisclass{display: inline-block;border: 1px solid #d82019;padding:6px 15px;margin: 0 1px;background: #d82019;color: #fff;}
.pages ul li.thisclass a{color: #fff;}
.pages ul li a{display:block;color:#999}
.pages ul li a:hover{color: #fff;}

.tags_list{width:100%; text-rendering:optimizeSpeed; overflow:hidden}
.tags_list dd{width:100%;}
#tags a{ display:inline-block} 
#tags .tags1{color:#C00; font-size:24px;} 
#tags .tags2{color:#030; font-size:16px;} 
#tags .tags3{color:#00F;} 
#tags .tags4{ font-size:16px;} 
#tags .tags5{color:#C00; font-size:20px;} 
#tags .tags6{color:#F06; font-size:20px;} 
#tags .tags7{color:#030; font-weight:bold; font-size:18px;} 
#tags .tags8{color:#F06; font-weight:bold;} 
#tags .tags9{color:#C00; font-weight:bold;font-size:16px;} 
#tags a:hover{ color:#F00; } 

.ias-spinner {background: url(../images/loading.gif) no-repeat center;float: inherit;width: 98%;margin: 0 auto;height: 35px}
.ias-trigger-next {cursor: pointer;float: inherit;text-align: center}
.ias-trigger-next a {background: #fff;color: #333;padding: 1em 2em;line-height: 100%;border-radius: 2px;box-shadow: 0 1px 2px 0 rgba(51,51,51,.3);display: block}
.ias-trigger-next a:hover {box-shadow: 0 3px 2px 0 rgba(51,51,51,.2)}
.ias-trigger-next i {margin-right: 5px}
/*========广告位======*/
.ad a {display: block;line-height: 0}
.ad img {width: 100%}
/*========footer======*/
.footer {width: 100%;background: #252d38;color: #888b98}
.footer .main {padding: 0 1em}
.footer .intro {margin-bottom: .5em}
.footer small {color: #6e6f7d}

.footer a {color: #6e6f7d}
.footer a:hover {color: #888b98}
.footer .title {font-size: 18px;padding-bottom: 1em}
.f-about, .f-contact, .f-qr {display: inline-block}
.f-about {width: 46%;padding: 3% 0}
.f-contact {width: 40%;padding: 3% 10%}
.f-contact i.iconfont {padding-right: 5px}
.f-qr {width: 120px;padding: 3% 0}
.f-qr .img {width: 100px;height: 100px}
/*--贴边工具栏--*/
.toolbar {bottom: 80px;position: fixed;right: 0;margin-right: 15px;cursor: pointer}
#totop {display: none}
.toolbar i.iconfont {color: #666;font-size: 18px}
.toolbar .btn {display: block;padding: 12px;margin-bottom: 5px;width: auto;height: auto;line-height: 18px;vertical-align: middle;text-align: center}
#qr:hover, .btn.qq:hover, .toolbar .btn:hover {background-color: #0084ff}
#qr:hover a, .btn.qq:hover a, .toolbar .btn:hover i {color: #fff}
#qr #qr-img {position: absolute;display: none}
#qr-img {left: -200px;bottom: 5px;max-width: 180px;padding: 8px}

/*--导航抖动效果--*/
.shaky {display: inline-block;padding: 1px;font-size: 12px;-webkit-transform-origin: center center;-ms-transform-origin: center center;transform-origin: center center;-webkit-animation-name: shaky-slow;-ms-animation-name: shaky-slow;animation-name: shaky-slow;-webkit-animation-duration: 8s;-ms-animation-duration: 8s;animation-duration: 8s;-webkit-animation-iteration-count: infinite;-ms-animation-iteration-count: infinite;animation-iteration-count: infinite;-webkit-animation-timing-function: ease-in-out;-ms-animation-timing-function: ease-in-out;animation-timing-function: ease-in-out;-webkit-animation-delay: 0s;-ms-animation-delay: 0s;animation-delay: 0s;-webkit-animation-play-state: running;-ms-animation-play-state: running;animation-play-state: running;}

@-webkit-keyframes shaky-slow {0% {-webkit-transform: translate(0px, 0px) rotate(0deg)}
2% {-webkit-transform: translate(-1px, 1.5px) rotate(1.5deg)}
4% {-webkit-transform: translate(1.3px, 0px) rotate(-0.5deg)}
6% {-webkit-transform: translate(1.4px, 1.4px) rotate(-2deg)}
8% {-webkit-transform: translate(-1.3px, -1px) rotate(-1.5deg)}
10% {-webkit-transform: translate(1.4px, 0px) rotate(-2deg)}
12% {-webkit-transform: translate(-1.3px, -1px) rotate(-2deg)}
14% {-webkit-transform: translate(1.5px, 1.3px) rotate(1.5deg)}
16% {-webkit-transform: translate(1.5px, -1.5px) rotate(-1.5deg)}
18% {-webkit-transform: translate(1.3px, -1.3px) rotate(-2deg)}
20% {-webkit-transform: translate(1px, 1px) rotate(-0.5deg)}
22% {-webkit-transform: translate(1.3px, 1.5px) rotate(-2deg)}
24% {-webkit-transform: translate(-1.4px, -1px) rotate(2deg)}
26% {-webkit-transform: translate(1.3px, -1.3px) rotate(0.5deg)}
28% {-webkit-transform: translate(1.6px, -1.6px) rotate(-2deg)}
30% {-webkit-transform: translate(-1.3px, -1.3px) rotate(-1.5deg)}
32% {-webkit-transform: translate(-1px, 0px) rotate(2deg)}
34% {-webkit-transform: translate(1.3px, 1.3px) rotate(-0.5deg)}
36% {-webkit-transform: translate(1.3px, 1.6px) rotate(1.5deg)}
38% {-webkit-transform: translate(1.3px, -1.6px) rotate(1.5deg)}
40% {-webkit-transform: translate(-1.4px, -1px) rotate(-0.5deg)}
42% {-webkit-transform: translate(-1.4px, 1.3px) rotate(-0.5deg)}
44% {-webkit-transform: translate(-1.6px, 1.4px) rotate(0.5deg)}
46% {-webkit-transform: translate(-2.1px, -1.3px) rotate(-0.5deg)}
48% {-webkit-transform: translate(1px, 1.6px) rotate(1.5deg)}
50% {-webkit-transform: translate(1.6px, 1.6px) rotate(1.5deg)}
52% {-webkit-transform: translate(-1.4px, 1.6px) rotate(0.5deg)}
54% {-webkit-transform: translate(1.6px, -1px) rotate(-2deg)}
56% {-webkit-transform: translate(1.3px, -1.6px) rotate(-2deg)}
58% {-webkit-transform: translate(-1.3px, -1.6px) rotate(0.5deg)}
60% {-webkit-transform: translate(1.3px, 1.6px) rotate(-0.5deg)}
62% {-webkit-transform: translate(0px, 0px) rotate(-1.5deg)}
64% {-webkit-transform: translate(-1.6px, -1.6px) rotate(-2deg)}
66% {-webkit-transform: translate(1.6px, -1.6px) rotate(0.5deg)}
68% {-webkit-transform: translate(0px, -1.6px) rotate(-2deg)}
70% {-webkit-transform: translate(-1.6px, 1px) rotate(1.5deg)}
72% {-webkit-transform: translate(-1.6px, 1.6px) rotate(2deg)}
74% {-webkit-transform: translate(1.3px, -1.6px) rotate(-0.5deg)}
76% {-webkit-transform: translate(1.4px, 1px) rotate(-0.5deg)}
78% {-webkit-transform: translate(-1px, 1.4px) rotate(2deg)}
80% {-webkit-transform: translate(1.4px, 1.6px) rotate(2deg)}
82% {-webkit-transform: translate(-1.6px, -1.6px) rotate(-0.5deg)}
84% {-webkit-transform: translate(-1.4px, 1.4px) rotate(-2deg)}
86% {-webkit-transform: translate(1px, 1.4px) rotate(-2deg)}
88% {-webkit-transform: translate(-1.4px, 1.4px) rotate(-1.5deg)}
90% {-webkit-transform: translate(-1.6px, -1.6px) rotate(-2deg)}
92% {-webkit-transform: translate(-1.6px, 1.6px) rotate(2deg)}
94% {-webkit-transform: translate(-1.6px, -1.6px) rotate(-2deg)}
96% {-webkit-transform: translate(-1.4px, 1.3px) rotate(-2deg)}
98% {-webkit-transform: translate(1.3px, 1px) rotate(-0.5deg)}}

@keyframes shaky-slow {0% {transform: translate(0px, 0px) rotate(0deg)}
2% {transform: translate(-1px, 1.5px) rotate(1.5deg)}
4% {transform: translate(1.3px, 0px) rotate(-0.5deg)}
6% {transform: translate(1.4px, 1.4px) rotate(-2deg)}
8% {transform: translate(-1.3px, -1px) rotate(-1.5deg)}
10% {transform: translate(1.4px, 0px) rotate(-2deg)}
12% {transform: translate(-1.3px, -1px) rotate(-2deg)}
14% {transform: translate(1.5px, 1.3px) rotate(1.5deg)}
16% {transform: translate(1.5px, -1.5px) rotate(-1.5deg)}
18% {transform: translate(1.3px, -1.3px) rotate(-2deg)}
20% {transform: translate(1px, 1px) rotate(-0.5deg)}
22% {transform: translate(1.3px, 1.5px) rotate(-2deg)}
24% {transform: translate(-1.4px, -1px) rotate(2deg)}
26% {transform: translate(1.3px, -1.3px) rotate(0.5deg)}
28% {transform: translate(1.6px, -1.6px) rotate(-1.5deg)}
30% {transform: translate(-1.3px, -1.3px) rotate(-1.5deg)}
32% {transform: translate(-1px, 0px) rotate(2deg)}
34% {transform: translate(1.3px, 1.3px) rotate(-0.5deg)}
36% {transform: translate(1.3px, 1.6px) rotate(1.5deg)}
38% {transform: translate(1.3px, -1.6px) rotate(1.5deg)}
40% {transform: translate(-1.4px, -1px) rotate(-0.5deg)}
42% {transform: translate(-1.4px, 1.3px) rotate(-0.5deg)}
44% {transform: translate(-1.6px, 1.4px) rotate(0.5deg)}
46% {transform: translate(-2.1px, -1.3px) rotate(-0.5deg)}
48% {transform: translate(1px, 1.6px) rotate(1.5deg)}
50% {transform: translate(1.6px, 1.6px) rotate(1.5deg)}
52% {transform: translate(-1.4px, 1.6px) rotate(0.5deg)}
54% {transform: translate(1.6px, -1px) rotate(-2deg)}
56% {transform: translate(1.3px, -1.6px) rotate(-2deg)}
58% {transform: translate(-1.3px, -1.6px) rotate(0.5deg)}
60% {transform: translate(1.3px, 1.6px) rotate(-0.5deg)}
62% {transform: translate(0px, 0px) rotate(-1.5deg)}
64% {transform: translate(-1.6px, -1.6px) rotate(-2deg)}
66% {transform: translate(1.6px, -1.6px) rotate(0.5deg)}
68% {transform: translate(0px, -1.6px) rotate(-2deg)}
70% {transform: translate(-1.6px, 1px) rotate(1.5deg)}
72% {transform: translate(-1.6px, 1.6px) rotate(2deg)}
74% {transform: translate(1.3px, -1.6px) rotate(-0.5deg)}
76% {transform: translate(1.4px, 1px) rotate(-0.5deg)}
78% {transform: translate(-1px, 1.4px) rotate(2deg)}
80% {transform: translate(1.4px, 1.6px) rotate(2deg)}
82% {transform: translate(-1.6px, -1.6px) rotate(-0.5deg)}
84% {transform: translate(-1.4px, 1.4px) rotate(-2deg)}
86% {transform: translate(1px, 1.4px) rotate(-2deg)}
88% {transform: translate(-1.4px, 1.4px) rotate(-1.5deg)}
90% {transform: translate(-1.6px, -1.6px) rotate(-2deg)}
92% {transform: translate(-1.4px, 1.6px) rotate(2deg)}
94% {transform: translate(-1.6px, -1.6px) rotate(-2deg)}
96% {transform: translate(-1.4px, 1.3px) rotate(-2deg)}
98% {transform: translate(1.3px, 1px) rotate(-0.5deg)}}


/*修改不同视口下公共类属性的值*/
@media screen and (min-width:769px) and (max-width:992px) {.hidden-md {display: none!important}}
@media screen and (min-width:993px) and (max-width:1200px) {.hidden-lg {display: none!important}}
@media screen and (min-width:1201px) {.hidden-xl {display: none!important}}
/*==========responsive==========*/
@media screen and (max-width:1200px) {
.mb {margin-bottom: 10px}
.m-ellipsis {overflow: hidden;text-overflow: ellipsis;white-space: nowrap!important}
.m-multi-ellipsis {position: relative;line-height: 1.4em!important;height: 2.8em!important;overflow: hidden}
.m-multi-ellipsis:after {content: "";font-weight: 700;position: absolute;bottom: 0;right: 0;padding-left: 20px;background: -webkit-linear-gradient(left, transparent, #fff 62%);background: -o-linear-gradient(right, transparent, #fff 62%);background: -moz-linear-gradient(right, transparent, #fff 62%);background: linear-gradient(to right, transparent, #fff 62%)}
.hidden-sm-md-lg {display: none!important}
.h-wrap, .header {height: 60px}
.logo-area {position: absolute;top: 50%;left: 63px;-webkit-transform: translate(-50%, -50%);-moz-transform: translate(-50%, -50%);-o-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);padding: 5px 0 0 0}
.logo-area .img {width:80pt}
.m-nav-btn {display: block;height: 0}
.pc-nav {margin-right: 0}

.swiper,.headline-box {width:100%;}
.headline-news {padding: 17px 20px 20px;}
.responsive-nav {width: 75%;height: 100%;position: fixed;right: 0;top: 0;bottom: 0;background-color: #383838;overflow-x: hidden;overflow-y: auto;z-index: 9;display: none}
.nav-sb {box-shadow: none}
.m-nav {margin-top: 70px;width: 100%}
.m-nav-btn i.iconfont {position: absolute;top: 0;right: 0px;font-size: 24px;cursor: pointer;width: 60px;height: 60px;line-height: 60px;text-align: center}
.m-nav-btn i.active {color: #fff;z-index: 10}
.nav-ul>li {line-height: 38px;position: relative;width: 100%;display: inherit;margin-right: 0;text-align: left}
.nav-ul>li:first-child {border-top: none}
.nav-ul>li>a {height: 50px;font-size: 16px;display: block;text-indent: 4vw;color: #fff;line-height: 50px;border-bottom: 1px solid rgba(255,255,255,.1)}
.nav-ul>li>a i.fa {font-size: 1em;padding-right: 3px}
span.toggle-btn {position: absolute;height: 50px;width: 50px;line-height: 50px;color: #aaa;text-align: center;top: 0;right: 0;cursor: pointer;z-index: 100;border-left: 1px solid rgba(255,255,255,.1);display: block}
span.toggle-btn i.iconfont {color: #eee;font-size: 18px}
.m-nav-btn .active:before {content: "\e639"}
.toggle-btn .active:before {content: "\e61f"}
.m-nav .sub-nav {background-color: rgba(0,119,230,.8);text-align: left;position: relative;left: 0;min-width: 100%;z-index: 10;font-size: 14px;top: 0;border-radius: 0}
.m-nav .sub-nav>li {position: relative;text-align: left;line-height: 50px;float: left;width: 100%;border-bottom: 1px solid rgba(255,255,255,.1)}
.sub-nav li:last-child {border-bottom: 0 solid transparent}
.m-nav .sub-nav>li>a {text-indent: 1.5em;color: #fff;display: block;height: 50px;font-size: 16px;text-indent: 2em}
.m-nav .sub-nav>li ul li>a {text-indent: 3em}
.index-breadcrumb {padding-top: 61px}
.breadcrumb, .breadcrumb2 {padding: 75px 0 13px 10px !important;color: #888}
.header .login {position: absolute;top: 0;right: 60px;z-index: 1;height: 60px;width: 60px;line-height: 60px;display: block}

.log-in {position: absolute;top: 0;right: 40px;z-index: 1;height: 60px;width: 60px;line-height: 53px;display: block}
.log-in .dialogs {margin-top: 8px;}
.search-button {position: absolute;top: 0;right: 80px;z-index: 1;height: 60px;width: 60px;display: block}
.search-button i.iconfont {height: 60px;width: 60px;line-height: 60px;text-align: center;display: block;font-size: 24px}
#search-area {left: 0;width: 96%;bottom: -70px}
.double-list, .flink, .full-post, .post-comment, .recommend-a, .recommend-aa, .recommend-b, .related-art, .widget {padding: 20px 15px 15px 15px}
#mainbox {width: 100%;padding: 0px;float: none;}
.swiper-container {margin-bottom: 0px!important;width: 100%;height: 45vw}
.swiper-slide .p {font-size: 16px;bottom: 1em}
.swiper-container-horizontal>.swiper-pagination {top: 90%}
.swiper-button-prev {left: 0}
.swiper-button-next {right: 0}
.swiper-pagination-bullet {width: .5em;border-radius: 100px}

.btn-blue-border {display:none;}
.tuijian-news-pic {width: 100%;margin-top: 10px;}
.tuijian-news-list {width: 100%;margin-top: 20px;}
.tuijian-news-list ul li {width: 100%;margin-bottom: 10px;}
.tuijian-news-list ul li:nth-child(5){margin-bottom: 10px;}
.tuijian-news-list ul li a{margin: 0px;}

.pic-list-img {padding-top: 10px;}
.pic-list-img li:first-child,.pic-list-img li {width: 50%;}
.pic-list-img li:first-child i,.pic-list-img li i {height: auto;}
.pic-list-img li:nth-child(n+5) {display:none;}
.b-1 li {width: 100%;margin: 1.5em 0 0;}


.recommend-aa .item {width: 48.4%;display: none}
.recommend-aa .item:nth-child(-n+2) {display: block}
.recommend-aa .item:nth-child(2) {margin-right: 0}
.recommend-aa .thumbnail {height: 30vw}
.recommend-aa .thumbnail img {height: 30vw}
.recommend-aa .item .title {font-size: 14px}
.recommend-a .item {width: 48.4%;display: none}
.recommend-a .item:nth-child(-n+2) {display: block}
.recommend-a .item:nth-child(2) {margin-right: 0}
.recommend-a .thumbnail {height: 30vw}
.recommend-a .thumbnail img {height: 30vw}
.recommend-a .item .title {font-size: 14px}
.recommend-b .item {width: 100%}
.recommend-b .intro {padding: 2.8vw;line-height: 1.5}
.recommend-c .figure {width: 34%;height: 24vw;margin-right: 4%}
.full-width-box .article-list {width: 100%}
.full-width-box .article-list .figure, .full-width-box .article-list .figure img {height: 40vw}
.full-width-box .article-list p.clearfix {padding-top: 0}
.art-main .qrcode .qrcode_ico {display:none;}
.article-list .figure {width: 34%;height: 24vw}
.article-list .figure img {height: 25vw}
.article-list .content {margin-left: 38%;padding-top: 5px}
.article-list .content-no-img {margin-left: 0!important}
.article-list {padding: 3vw}
.article-list .content .title {font-size: 16px;white-space: unset;line-height: 1.6}
.article-list .data {padding-top: 1vw}
.double-list {width: 100%}
.double-list .ul .a {max-width: 80%}
.double-list .ul .title {list-style-type: none}
.recommend-c .wrap {margin-top: 20px;}
.recommend-c .img-list {border-bottom: 1px solid #eee;padding-bottom: 10px}
.recommend-c .img-list, .full-post .img-list {width: 100%}
.full-post .figure {width: 30%;height: 20vw}
.recommend-c .content {margin-left: 0}
.full-post .content {margin-left: 34%}
.recommend-c .content .title, .full-post .content .title {font-size: 16px;white-space: unset}
.full-post .info {padding-top: 1vw}
.recommend-c .list, .full-post .list {width: 100%}
.text-post {width: 100%}
.img-post .left, .img-post .top, .img-post .bottom {width: 100%;overflow: hidden;}
.img-post .title {padding: 0 1em 1.5em 1em;}
.img-post .top, .img-post .bottom {margin-left: 0;}
.img-post .top {margin-top: 20px;}
.flink {margin-bottom: 10px}
.f-about {width: 100%}
.f-contact {display:none;width: 100%;padding: 3% 0}
.f-qr {display:none;width: 100%}
.art-main {padding: 4vw;margin: 0 10px 10px;}
.art-main .art-content {font-size: 14px}
.art-main .art-title {font-size: 20px}
.art-main h1, .art-main h2, .art-main h3 {font-size: 20px}
#reward-img {margin: 45% 5%}
.reward-widget {position: static;margin-bottom: 20px}
.quick-prev-next .next, .quick-prev-next .prev {background: rgba(255,255,255,.8);color: #333;font-size: 24px;text-align: center;width: 40px;box-shadow: 0 1px 3px rgba(26,26,26,.2)}
.quick-prev-next .prev {border-radius: 0 100px 100px 0}
.quick-prev-next .next {border-radius: 100px 0 0 100px}
.related-art .ul {margin-bottom: 3vw}
.related-item {width: 48.4%;margin-right: 3%}
.related-item .span {height: 100px;}
.related-item a {display: block}
.related-item .img {height: 100px}
.related-item:nth-child(2n+0) {margin-right: 0}
.related-item:nth-child(3) {margin-right: 3%}
.page-numbers {margin-top: 10px}
.compost .com-info li {width: 100%;padding-right: 0%}
.compost .com-info li .verify {right: 0}
.footer .main {padding: 1em}
.footer {margin-bottom: 55px;}
}
@media screen and (max-width:810px) {
.hidden-sm {display: none!important}
.img-post .left, .img-post .top, .img-post .bottom {width:50%; margin-top: 0px;}
.img-post .left .img, .img-post .top .img, .img-post .bottom .img{height:100px;}
.img-post article:nth-child(n) {width: 47.5%;float:left;text-align:left;margin:5px 2.5% 5px 0px;}
.img-post article:nth-child(2n) {width: 47.5%;float:right;text-align:right;margin:5px 0 5px 2.5%;}
.img-post .title {padding: 1em;}
}
@media screen and (max-width:480px) {.b-1 li {height: 120px;}
.b-1 li img {margin: 12px 0 0 12px;}
.b-1 li .r {margin: 12px 12px 0 0;}
.wenzi-left {width: 100%;}
.wenzi-right {width: 100%;}
.down-list li {width: 100%;}
}