/*
Theme Name:飞机四号
Theme URI:https://feiji04.demo.JianJiShu.com
Description:JianJiShu
Author:JianJiShu
Author URI:https://www.JianJiShu.com
Version:0.0.1
*/
/* http://meyerweb.com/eric/tools/css/reset/ v2.0 | 20110126 License:none (public domain)
*/
/*==========reset=========*/
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}
.art-content li, .art-content ul {list-style: inherit}
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=========*/
body {color: #333;background: #f1f1f1}
a {color: #1a1a1a}
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 {border-radius: 2px}
.sb {box-shadow: 0 1px 3px rgba(26, 26, 26, .2);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}
/*修改不同视口下公共类属性的值*/
@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%)}}
/*不同视口下对html的显隐*/
.hidden {display: none}
@media screen and (max-width:1200px) {.hidden-sm-md-lg {display: none !important}}
@media screen and (max-width:768px) {.hidden-sm {display: none !important}}
@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}}
/*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}}
@media screen and (max-width:1200px) {@-webkit-keyframes fadeInLeft {0% {opacity: 0;-webkit-transform: translate3d(-100%, 0, 0);transform: translate3d(-100%, 0, 0)}to {opacity: 1;-webkit-transform: translateZ(0);transform: translateZ(0)}}@keyframes fadeInLeft {0% {opacity: 0;-webkit-transform: translate3d(-100%, 0, 0);transform: translate3d(-100%, 0, 0)}to {opacity: 1;-webkit-transform: translateZ(0);transform: translateZ(0)}}.animate__fadeInLeft {-webkit-animation-name: fadeInLeft;animation-name: fadeInLeft}.animate__fadeOutLeft {-webkit-animation-name: fadeOutLeft;animation-name: fadeOutLeft}@-webkit-keyframes fadeOutLeft {0% {opacity: 1}to {opacity: 0;-webkit-transform: translate3d(-100%, 0, 0);transform: translate3d(-100%, 0, 0)}}@keyframes fadeOutLeft {0% {opacity: 1}to {opacity: 0;-webkit-transform: translate3d(-100%, 0, 0);transform: translate3d(-100%, 0, 0)}}}
/*==========【复用模块】图片放大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, .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, .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-b, .recommend-c, .related-art, .widget {padding: 1.5em}
.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-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: 12px;padding-right: 40px}
.logo-area .img {width: 90%}
.logo-area .svg-logo {height: 52px;}
.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-air !important;font-size: 16px;font-style: normal;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
.pc-nav .sub-nav a:after {content: "\e64b1";font-family: iconfont-air !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: #1a1a1a;white-space: nowrap;min-width: 110px}
.pc-nav li .sub-nav li a i.iconfont-air {padding-right: 3px}
.pc-nav li .sub-nav li a:hover {background: 0 0}
.pc-nav .active a, .pc-nav .active a:focus {color: #fff}
.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-air {font-size: 24px;}
.search-button {cursor: pointer;width: 60px;height: 80px;line-height: 80px;display: block;text-align: center}
.search-button i.iconfont-air {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: 20px !important;width: 100%;height: 390px}
.swiper-container img {width: 100%;object-fit: cover;height: auto;}
@media screen and (max-width:1200px) {.swiper-container.w_width, .swiper-container.w_width img {height: 18vh;}.swiper-container.f_width img {height: 26vh;}.swiper-container.w_width .swiper-container-horizontal > .swiper-pagination {top: 84%;}}
.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;line-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: 94px 0 8px 10px;color: #888}
.breadcrumb a {color: #888}
#mainbox {width: 70.4%}
.full-width-box {width: 100% !important}
#index-main {width: 100%}
/*--首页推荐模块A--*/
.recommend-a .item i.iconfont-air {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}
/*--首页推荐模块B--*/
.recommend-b .item {width: 48.4%;margin-top: 1.5em;margin-right: 3.2%;position: relative}
.recommend-b .item:nth-of-type(even) {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-air {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-air {font-size: 14px;padding-right: 2px;color: red}
.recommend-c .list .a {max-width: 65%}
.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 5px;border: 1px solid #f33;border-radius: 4px;font-size: 14px;vertical-align: middle;display: inline-block;margin-right: 5px;line-height: 1.5em;}
.article-list .figure {width: 240px;height: 160px;overflow: hidden;position: relative;}
.article-list .art-category {position: absolute;top: 5px;left: 5px;opacity: .65;color: #fff;background-color: #000;padding: 2px 5px;border: 1px solid #000;font-size: 12px;display: inline-block;margin-right: 0;line-height: 1.5em;}
.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 .data a {color: #666;}
.article-list .content .data a:hover {text-decoration: underline;}
.article-list .content-no-img {margin-left: 0 !important}
.article-list .content .title {font-size: 20px;font-weight: 400}
.article-list .content i.iconfont-air {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-air {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-air {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-air {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-air {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-air {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-air {font-size: 24px}
.text-post .list {padding-top: .6em;width: 100%;margin-right: 4%}
.text-post .list .iconfont-air {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 {position: absolute;right: 0;height: 35px;line-height: 35px}
.img-post .more i.iconfont-air {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, #sidebar2 {width: 28%}
#sidebar .aside_ad, #sidebar2 .aside_ad {display: block;line-height: 0;margin: -1.5em}
#sidebar .aside_ad img, #sidebar2 .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: #f1f1f1;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: 100%;height: 142px}
#aside_about .avatar {width: 100%;text-align: center;margin-top: -42px}
#aside_about .img {width: 70px;height: 70px;margin: 0 auto;border-radius: 100px;border: 5px solid rgba(255, 255, 255, .8)}
#aside_about .wrap {padding-top: 0}
#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: 17px}
#aside_about .line {position: absolute;left: 46%;top: 5px;z-index: 1;color: #aaa;font-size: 22px}
#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: 1em}
#aside_random .comment i.iconfont-air, #aside_random .time i.iconfont-air {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: 115px}
#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: 1em}
#aside_new .time i.iconfont-air, #aside_new .view i.iconfont-air {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: 115px}
#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: 1em}
#aside_hot_comment .comment i.iconfont-air, #aside_hot_comment .time i.iconfont-air {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: 115px}
#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-air {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-air {color: #333}
.flink a.iconfont-air: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}
.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: 5px}
.art-main .head-info i.iconfont-air {padding-right: 2px}
.art-main .head-info .author, .art-main .head-info .category, .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-top: 10px;position: relative;font-size: 16px;width: 100%;}
.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;width: 100%;}
.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}
.art-copyright a {text-wrap: wrap;}
.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 {height: 47px;position: relative;}
.social-widget.h-0 {height: 0;}
/*--分享--*/
.share-widget {padding-top: 6px;}
.share-widget a:hover {border-bottom: none}
/*--点赞--*/
.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}
.wechat-qrcode img {border-radius: 3px !important;}
/*--新打赏[可三码切换]--*/
#new-reward {display: none;}
/*弹出*/
#reward-mask {width: 100%;height: 100%;position: fixed;top: 0px;left: 0px;background-color: rgb(45, 45, 45);z-index: 4;opacity: 0.5;}
.reward-box {background: #fff;position: fixed;z-index: 100;width: 350px;top: 50%;left: 50%;margin: -190px 0 0 -175px;}
.reward-title {height: 45px;padding-left: 10px;line-height: 45px;border-bottom: 1px solid #ddd;font-weight: 600;}
.reward-content {padding: 10px;}
#close {position: absolute;right: 10px;top: 6px;font-size: 18px;}
#close:hover {border: none;}
.payment-way {text-align: center;}
.payment-way label {cursor: pointer;line-height: 30px;display: inline-block;margin: 0 15px 0 0;}
.payment-way input[type=radio] {vertical-align: middle;margin: -2px 5px 0 0}
.payment-img {margin: 10px 0;text-align: center}
.payment-img img {margin: 0 auto;width: 185px;height: 185px;}
.payment-img #qrCode_1 {display: none}
.payment-img #qrCode_2 {display: none}
.payment-img .qrcode-border {margin: 0 auto;border-radius: 16px;width: 236.89px;height: 236.89px;padding: 18.05px;}
.payment-img .qrcode-tip {width: 64px;position: relative;margin: 0 auto;font-size: 14px;font-weight: 700;background: #fff;height: 15px;line-height: 15px;margin-top: -12px}
@media screen and (max-width:1200px) {.thumbs-up-widget {transform: scale(.7);transform-origin: left center;margin-top: 3px;}.reward-widget .btn {width: 40px;height: 40px;font-size: 20px;line-height: 40px;}.share-widget {position: absolute;right: 0;transform: scale(.8);transform: scale(.7);transform-origin: right center;}}
/*--相关文章--*/
.related-art {position: relative;z-index: 0}
.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-air {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-air {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}
/*--分页--*/
.pagebar {text-align: center}
.page-numbers {padding: 0 1em;line-height: 34px;text-align: center;margin: 0 0 0 5px;display: inline-block;background-color: #0084ff;color: #fff}
a.page-numbers {background: #fff;color: #1a1a1a}
a.page-numbers:hover {background-color: #0084ff;color: #fff}
.ias-spinner {background: url(../image/loading.gif) no-repeat center;float: inherit;width: 98%;margin: 0 auto;height: 35px}
.ias-trigger-next {cursor: pointer;float: inherit;text-align: center;width: 100%;}
.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}
/*========广告位======*/
.airgg a {display: block;line-height: 0}
.airgg img {width: 100%;display: block;}
/*========footer======*/
.footer {width: 100%;background: #252d38;color: #888b98}
.footer .main {padding: 0 1em}
.footer .intro {margin-bottom: .5em}
.footer small {color: #6e6f7d}
.footer small .icp {padding-left: 1em;}
.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-air {padding-right: 5px}
.f-qr {width: 120px;padding: 3% 0}
.f-qr .img {width: 100px;height: 100px;border-radius: 5px;}
/*--贴边工具栏--*/
.toolbar {bottom: 80px;position: fixed;right: 0;margin-right: 15px;cursor: pointer;z-index: 99999;}
#totop {display: none}
.toolbar i.iconfont-air {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;border-radius: 5px;}
#qr-img {left: -200px;bottom: 5px;max-width: 180px;padding: 8px}
/*==========responsive==========*/
@media screen and (max-width:1200px) {section.widget {overflow: hidden;}#sidebar, #sidebar2 {width: 100%;}#aside_about .bg {width: 100%;height: auto;}#widget_aside_author .avatar {margin-top: 20vw;}.h-wrap, .header {height: 60px}.logo-area {position: absolute;top: 50%;left: 50%;-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;line-height: 1.35;font-weight: 600;font-size: 100%;}.logo-area .img {width: 80pt}.m-nav-btn {display: block;height: 0}.pc-nav {margin-right: 0}.responsive-nav {width: 75%;height: 100%;position: fixed;left: 0;top: 0;bottom: 0;background-color: rgba(43, 51, 62, .8);overflow-x: hidden;overflow-y: auto;z-index: 9;display: none;backdrop-filter: blur(30px);-webkit-backdrop-filter: blur(30px);}.nav-sb {box-shadow: none}.m-nav {margin-top: 70px;width: 100%;padding: 0 20px;}.m-nav-btn i.iconfont-air {position: absolute;top: 0;left: 0;font-size: 24px;cursor: pointer;width: 60px;height: 60px;line-height: 56px;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 dotted rgba(255, 255, 255, .1)}.nav-ul > li > a i.fa {font-size: 1em;padding-right: 3px}.dropdown-nav .active a, .dropdown-nav .active a:hover, .dropdown-nav li a:hover {background-color: transparent;}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;display: block}span.toggle-btn i.iconfont-air {color: #eee;font-size: 18px}.m-nav-btn .active:before {content: "\e639"}.toggle-btn .active:before {content: "\e61f"}.m-nav .sub-nav {background-color: transparent;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 dotted rgba(255, 255, 255, .1)}.m-nav .sub-nav > li {border-bottom: none;}.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: 70px}.breadcrumb, .breadcrumb2 {padding: 66px 0 5px 10px !important;color: #888}.header .login {position: absolute;top: 0;right: 60px;z-index: 1;height: 60px;width: 60px;line-height: 60px;display: block}.search-button {position: absolute;top: 0;right: 0;z-index: 1;height: 60px;width: 60px;display: block}.search-button i.iconfont-air {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, .text-post, .img-post, .post-comment, .recommend-a, .recommend-b, .recommend-c, .related-art, .widget {padding: 20px 15px 15px 15px}#mainbox {width: 100%}.swiper-container {margin-bottom: 10px !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}.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}.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;font-weight: 500;}.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 {width: 100%;padding: 3% 0}.f-qr {width: 100%}.art-main {padding: 4vw}.art-main .art-content {font-size: 16px}.art-main .art-title {font-size: 22px}.art-main h1, .art-main h2, .art-main h3 {font-size: 20px}#reward-img {margin: 45% 5%}.reward-widget {z-index: 3;position: absolute;left: 50%;transform: translateX(-50%);bottom: 0;}.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}}
/*--渐变按钮--*/
.bg-gradient1 span, .bg-gradient1:before {background: #52A0FD;background: -webkit-linear-gradient(left, #52A0FD 0%, #00e2fa 80%, #00e2fa 100%);background: linear-gradient(to right, #52A0FD 0%, #00e2fa 80%, #00e2fa 100%);}
.fancy-button {display: inline-block;font-size: 14px;color: #ffffff;position: relative;vertical-align: middle;}
.fancy-button:before {content: '';display: inline-block;height: 40px;position: absolute;bottom: -5px;left: 30px;right: 30px;z-index: -1;-webkit-filter: blur(20px) brightness(0.95);filter: blur(20px) brightness(0.95);-webkit-transform-style: preserve-3d;transform-style: preserve-3d;-webkit-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
.fancy-button span {display: inline-block;padding: .1em .4em;position: relative;z-index: 2;will-change: transform, filter;-webkit-transform-style: preserve-3d;transform-style: preserve-3d;-webkit-transition: all 0.3s ease-out;transition: all 0.3s ease-out;color: #fff;}
.fancy-button:focus, .fancy-button:active {color: #ffffff;}
.fancy-button:hover {color: #ffffff;}
.fancy-button:hover span {-webkit-filter: brightness(1.05) contrast(1.05);filter: brightness(1.05) contrast(1.05);-webkit-transform: scale(0.95);transform: scale(0.95);}
.fancy-button:hover:before {bottom: 0;-webkit-filter: blur(10px) brightness(0.95);filter: blur(10px) brightness(0.95);}
/*--导航抖动效果--*/
.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)}}
/*--专题详情页--*/
.f-14 {font-size: 14px;width: calc(100% - 10px);}
.topic-main a {color: #444;}
.topic-main a:hover {color: #0084ff;}
.blur {-webkit-filter: blur(30px);-moz-filter: blur(30px);-ms-filter: blur(30px);filter: blur(30px);filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=30, MakeShadow=false);}
.blur-layer {width: 100%;height: inherit;background: #f8f8f8;}
.topic-content .title-topic {margin-bottom: 1rem}
.title-topic {display: inline-block;background: #f2f5f9;border-radius: 55px;height: 35px;position: relative;padding-left: 35px;padding-right: 15px;line-height: 35px;overflow: hidden;font-size: 18px;}
.title-topic .i {display: block;width: 20px;height: 20px;line-height: 20px;text-align: center;border-radius: 50%;position: absolute;left: 10px;top: 8px;overflow: hidden;background-color: #0084ff;color: #fff;font-size: 14px;}
.topic-main figure {position: absolute;top: 1.5em;left: 1.5em;z-index: 2;width: 80px;height: 80px;margin-right: 15px;}
.topic-main figure img {width: 80px;height: 80px;border: rgba(255, 255, 255, .5);box-shadow: 1px 1px 3px #fff;}
.topic-main .download {width: 60px;height: 24px;line-height: 24px;display: block;color: #fff;background-color: #0084ff;text-align: center;border-radius: 100px;opacity: .7;}
@media screen and (max-width:1200px) {.topic-main figure {position: absolute;top: 1.5em;left: 1em;z-index: 2;width: 70px;height: 70px;margin-right: 15px;}.topic-main figure img {width: 70px;height: 70px;border: rgba(255, 255, 255, .5);box-shadow: 1px 1px 3px #fff;}}
.topic-main .download:hover {opacity: 1;}
.topic-main .main {position: absolute;top: 1.5em;right: .5em;width: 66.6%;z-index: 2;}
.full-width-box .topic-main .main {position: absolute;top: 1.5em;right: .5em;width: auto;z-index: 2;}
.topic-main .main h2 {font-size: 18px;width: 92%;font-weight: normal;margin-top: 0;margin-bottom: 5px;}
.topic-main .main li {width: 50%;font-size: 12px;}
.topic-main .head-info {width: 48%;height: 120px;position: relative;z-index: 1;}
.topic-main .head-info:nth-child(even) {float: right;}
@media screen and (max-width:1200px) {.topic-main .head-info {width: 100%;}.topic-main .main {top: 1em;right: 1em;}.topic-main .head-info {height: 110px;}.topic-main .main h2 {width: 100%}}
/*切换英文语言部分元素适配*/
body.en .reward-widget .btn {font-size: 12px;}
/*lazyload fadein效果*/
.lazy {opacity: .3;transition: opacity .2s ease-in-out;}
#qr-img.lazy {opacity: 1;}
/*文章页强制换行*/
.art-content p, .art-content span, .art-content div, .art-content {text-wrap: unset !important;}
.art-content.en p, .art-content.en span, .art-content.en div, .art-content.en {word-break: break-word;}
/*列表样式：大图，三图，视频*/
.video_style .title, .big_img .title, .three_img .title {margin-bottom: 10px;}
.video_style.article-list .content, .big_img.article-list .content, .three_img.article-list .content {margin-left: 0;}
.video_style video {border-radius: 10px;margin-top: 10px;object-fit: cover;width: 100%;height: 100%;}
.art-content video {border-radius: 10px;margin-bottom: 20px;object-fit: cover;width: 100%;height: 100%;}
.big_img.article-list .figure {width: 100%;height: auto;aspect-ratio: 21/9;margin: 15px 0;}
.big_img.article-list .figure img {height: auto;aspect-ratio: 21/9;}
.big_img.article-list .intro {padding: 1em 0;}
.three_img.article-list .figure {display: flex;width: 100%;gap: 10px;margin-top: 20px;justify-content: space-between;}
.three_img.article-list .figure .three {overflow: hidden;}
.three_img.article-list .intro {padding: .5em 0;}
.three_img.article-list:hover img {transform: none;}
.three_img.article-list .three:hover img {transform: scale(1.2);}
@media screen and (max-width: 1200px) {.big_img.article-list .figure {margin-bottom: 10px;}.video_style.article-list .data, .big_img.article-list .data, .three_img.article-list .data {display: flex;justify-content: space-between;}.video_style.article-list .data.clearfix::after, .big_img.article-list .data.clearfix::after, .three_img.article-list .data.clearfix::after {content: none;}.three_img.article-list .figure img {height: 20vw;}.three_img.article-list .figure {margin-top: 5px;height: 20vw;}}
*, ::after, ::before {box-sizing: border-box;border-width: 0;border-style: solid;border-color: #e5e7eb}
::after, ::before {--tw-content: ''}
:host, html {line-height: 1.5;-webkit-text-size-adjust: 100%;-moz-tab-size: 4;tab-size: 4;font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";font-feature-settings: normal;font-variation-settings: normal;-webkit-tap-highlight-color: transparent}
body {margin: 0;line-height: inherit}
hr {height: 0;color: inherit;border-top-width: 1px}
abbr:where([title]) {-webkit-text-decoration: underline dotted;text-decoration: underline dotted}
h1, h2, h3, h4, h5, h6 {font-size: inherit;font-weight: inherit}
a {color: inherit;text-decoration: inherit}
b, strong {font-weight: bolder}
code, kbd, pre, samp {font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;font-feature-settings: normal;font-variation-settings: normal;font-size: 1em}
small {font-size: 80%}
sub, sup {font-size: 75%;line-height: 0;position: relative;vertical-align: baseline}
sub {bottom: -.25em}
sup {top: -.5em}
table {text-indent: 0;border-color: inherit;border-collapse: collapse}
button, input, optgroup, select, textarea {font-family: inherit;font-feature-settings: inherit;font-variation-settings: inherit;font-size: 100%;font-weight: inherit;line-height: inherit;letter-spacing: inherit;color: inherit;margin: 0;padding: 0}
button, select {text-transform: none}
button, input:where([type=button]), input:where([type=reset]), input:where([type=submit]) {-webkit-appearance: button;background-color: transparent;background-image: none}
:-moz-focusring {outline: auto}
:-moz-ui-invalid {box-shadow: none}
progress {vertical-align: baseline}
::-webkit-inner-spin-button, ::-webkit-outer-spin-button {height: auto}
[type=search] {-webkit-appearance: textfield;outline-offset: -2px}
::-webkit-search-decoration {-webkit-appearance: none}
::-webkit-file-upload-button {-webkit-appearance: button;font: inherit}
summary {display: list-item}
blockquote, dd, dl, figure, h1, h2, h3, h4, h5, h6, hr, p, pre {margin: 0}
fieldset {margin: 0;padding: 0}
legend {padding: 0}
menu, ol, ul {list-style: none;margin: 0;padding: 0}
dialog {padding: 0}
textarea {resize: vertical}
input::placeholder, textarea::placeholder {opacity: 1;color: #9ca3af}
[role=button], button {cursor: pointer}
:disabled {cursor: default}
audio, canvas, embed, iframe, img, object, svg, video {display: block;vertical-align: middle}
img, video {max-width: 100%;height: auto}
[hidden]:where(:not([hidden=until-found])) {display: none}
*, ::before, ::after {--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / 0.5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia:}
::backdrop {--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / 0.5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia:}
.container {width: 100%}
@media (min-width: 640px) {.container {max-width: 640px}}
@media (min-width: 768px) {.container {max-width: 768px}}
@media (min-width: 1024px) {.container {max-width: 1024px}}
@media (min-width: 1280px) {.container {max-width: 1280px}}
@media (min-width: 1536px) {.container {max-width: 1536px}}
.absolute {position: absolute}
.relative {position: relative}
.-inset-0\.5 {inset: -0.125rem}
.order-1 {order: 1}
.order-2 {order: 2}
.mx-auto {margin-left: auto;margin-right: auto}
.mb-16 {margin-bottom: 4rem}
.mb-4 {margin-bottom: 1rem}
.mb-6 {margin-bottom: 1.5rem}
.mb-8 {margin-bottom: 2rem}
.ml-2 {margin-left: 0.5rem}
.ml-3 {margin-left: 0.75rem}
.mr-2 {margin-right: 0.5rem}
.mt-0\.5 {margin-top: 0.125rem}
.mt-12 {margin-top: 3rem}
.mt-20 {margin-top: 5rem}
.mt-4 {margin-top: 1rem}
.inline-block {display: inline-block}
.flex {display: flex}
.grid {display: grid}
.hidden {display: none}
.h-10 {height: 2.5rem}
.h-16 {height: 4rem}
.h-4 {height: 1rem}
.h-5 {height: 1.25rem}
.h-6 {height: 1.5rem}
.h-64 {height: 16rem}
.h-8 {height: 2rem}
.w-10 {width: 2.5rem}
.w-16 {width: 4rem}
.w-4 {width: 1rem}
.w-5 {width: 1.25rem}
.w-6 {width: 1.5rem}
.w-64 {width: 16rem}
.w-8 {width: 2rem}
.w-\[240px\] {width: 240px}
.w-\[280px\] {width: 280px}
.w-full {width: 100%}
.max-w-3xl {max-width: 48rem}
.max-w-7xl {max-width: 80rem}
.max-w-lg {max-width: 32rem}
.flex-shrink-0 {flex-shrink: 0}
.flex-grow {flex-grow: 1}
@keyframes pulse {50% {opacity: .5}}
.animate-pulse {animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite}
.grid-cols-1 {grid-template-columns: repeat(1, minmax(0, 1fr))}
.flex-col {flex-direction: column}
.flex-wrap {flex-wrap: wrap}
.items-start {align-items: flex-start}
.items-center {align-items: center}
.items-stretch {align-items: stretch}
.justify-center {justify-content: center}
.justify-between {justify-content: space-between}
.gap-10 {gap: 2.5rem}
.gap-12 {gap: 3rem}
.gap-4 {gap: 1rem}
.gap-6 {gap: 1.5rem}
.gap-8 {gap: 2rem}
.-space-x-2 > :not([hidden]) ~ :not([hidden]) {--tw-space-x-reverse: 0;margin-right: calc(-0.5rem * var(--tw-space-x-reverse));margin-left: calc(-0.5rem * calc(1 - var(--tw-space-x-reverse)))}
.space-y-4 > :not([hidden]) ~ :not([hidden]) {--tw-space-y-reverse: 0;margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom: calc(1rem * var(--tw-space-y-reverse))}
.space-y-6 > :not([hidden]) ~ :not([hidden]) {--tw-space-y-reverse: 0;margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom: calc(1.5rem * var(--tw-space-y-reverse))}
.space-y-8 > :not([hidden]) ~ :not([hidden]) {--tw-space-y-reverse: 0;margin-top: calc(2rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom: calc(2rem * var(--tw-space-y-reverse))}
.overflow-hidden {overflow: hidden}
.rounded-2xl {border-radius: 1rem}
.rounded-3xl {border-radius: 1.5rem}
.rounded-full {border-radius: 9999px}
.rounded-xl {border-radius: 0.75rem}
.border-2 {border-width: 2px}
.border-8 {border-width: 8px}
.border-t {border-top-width: 1px}
.border-white {--tw-border-opacity: 1;border-color: rgb(255 255 255 / var(--tw-border-opacity))}
.border-white\/20 {border-color: rgb(255 255 255 / 0.2)}
.bg-blue-100 {--tw-bg-opacity: 1;background-color: rgb(219 234 254 / var(--tw-bg-opacity))}
.bg-blue-50 {--tw-bg-opacity: 1;background-color: rgb(239 246 255 / var(--tw-bg-opacity))}
.bg-gray-50 {--tw-bg-opacity: 1;background-color: rgb(249 250 251 / var(--tw-bg-opacity))}
.bg-green-100 {--tw-bg-opacity: 1;background-color: rgb(220 252 231 / var(--tw-bg-opacity))}
.bg-transparent {background-color: transparent}
.bg-white {--tw-bg-opacity: 1;background-color: rgb(255 255 255 / var(--tw-bg-opacity))}
.bg-white\/20 {background-color: rgb(255 255 255 / 0.2)}
.bg-gradient-to-r {background-image: linear-gradient(to right, var(--tw-gradient-stops))}
.from-blue-400 {--tw-gradient-from: #60a5fa var(--tw-gradient-from-position);--tw-gradient-to: rgb(96 165 250 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}
.to-blue-600 {--tw-gradient-to: #2563eb var(--tw-gradient-to-position)}
.fill-yellow-400 {fill: #facc15}
.object-contain {object-fit: contain}
.object-cover {object-fit: cover}
.p-12 {padding: 3rem}
.p-6 {padding: 1.5rem}
.p-8 {padding: 2rem}
.px-4 {padding-left: 1rem;padding-right: 1rem}
.px-8 {padding-left: 2rem;padding-right: 2rem}
.py-1 {padding-top: 0.25rem;padding-bottom: 0.25rem}
.py-24 {padding-top: 6rem;padding-bottom: 6rem}
.py-4 {padding-top: 1rem;padding-bottom: 1rem}
.pt-4 {padding-top: 1rem}
.pt-8 {padding-top: 2rem}
.text-left {text-align: left}
.text-center {text-align: center}
.text-3xl {font-size: 1.875rem;line-height: 2.25rem}
.text-4xl {font-size: 2.25rem;line-height: 2.5rem}
.text-5xl {font-size: 3rem;line-height: 1}
.text-lg {font-size: 1.125rem;line-height: 1.75rem}
.text-sm {font-size: 0.875rem;line-height: 1.25rem}
.text-xl {font-size: 1.25rem;line-height: 1.75rem}
.text-xs {font-size: 0.75rem;line-height: 1rem}
.font-bold {font-weight: 700}
.font-medium {font-weight: 500}
.font-semibold {font-weight: 600}
.leading-relaxed {line-height: 1.625}
.leading-tight {line-height: 1.25}
.tracking-tight {letter-spacing: -0.025em}
.text-blue-100 {--tw-text-opacity: 1;color: rgb(219 234 254 / var(--tw-text-opacity))}
.text-blue-200 {--tw-text-opacity: 1;color: rgb(191 219 254 / var(--tw-text-opacity))}
.text-blue-600 {--tw-text-opacity: 1;color: rgb(37 99 235 / var(--tw-text-opacity))}
.text-blue-700 {--tw-text-opacity: 1;color: rgb(29 78 216 / var(--tw-text-opacity))}
.text-gray-400 {--tw-text-opacity: 1;color: rgb(156 163 175 / var(--tw-text-opacity))}
.text-gray-500 {--tw-text-opacity: 1;color: rgb(107 114 128 / var(--tw-text-opacity))}
.text-gray-600 {--tw-text-opacity: 1;color: rgb(75 85 99 / var(--tw-text-opacity))}
.text-gray-700 {--tw-text-opacity: 1;color: rgb(55 65 81 / var(--tw-text-opacity))}
.text-gray-800 {--tw-text-opacity: 1;color: rgb(31 41 55 / var(--tw-text-opacity))}
.text-gray-900 {--tw-text-opacity: 1;color: rgb(17 24 39 / var(--tw-text-opacity))}
.text-white {--tw-text-opacity: 1;color: rgb(255 255 255 / var(--tw-text-opacity))}
.text-yellow-400 {--tw-text-opacity: 1;color: rgb(250 204 21 / var(--tw-text-opacity))}
.opacity-20 {opacity: 0.2}
.opacity-30 {opacity: 0.3}
.shadow-2xl {--tw-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25);--tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}
.shadow-sm {--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}
.blur-lg {--tw-blur: blur(16px);filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}
.blur-xl {--tw-blur: blur(24px);filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}
.transition-all {transition-property: all;transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);transition-duration: 150ms}
.transition-colors {transition-property: color, background-color, border-color, fill, stroke, -webkit-text-decoration-color;transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, -webkit-text-decoration-color;transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);transition-duration: 150ms}
.transition-transform {transition-property: transform;transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);transition-duration: 150ms}
.transition {transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-text-decoration-color, -webkit-backdrop-filter;transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-backdrop-filter;transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);transition-duration: 150ms}
.duration-300 {transition-duration: 300ms} /* 自定义图标样式，替代Lucide */ .icon-shield {mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z'/%3E%3C/svg%3E");-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z'/%3E%3C/svg%3E");mask-repeat: no-repeat;mask-position: center;-webkit-mask-repeat: no-repeat;-webkit-mask-position: center;}
.icon-zap {mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolygon points='13 2 3 14 12 14 11 22 21 10 12 10 13 2'/%3E%3C/svg%3E");-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolygon points='13 2 3 14 12 14 11 22 21 10 12 10 13 2'/%3E%3C/svg%3E");mask-repeat: no-repeat;mask-position: center;-webkit-mask-repeat: no-repeat;-webkit-mask-position: center;}
.icon-user-check {mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2'/%3E%3Ccircle cx='12' cy='7' r='4'/%3E%3Cpath d='m16 19 2 2 4-4'/%3E%3C/svg%3E");-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2'/%3E%3Ccircle cx='12' cy='7' r='4'/%3E%3Cpath d='m16 19 2 2 4-4'/%3E%3C/svg%3E");mask-repeat: no-repeat;mask-position: center;-webkit-mask-repeat: no-repeat;-webkit-mask-position: center;}
.icon-check {mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E");-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E");mask-repeat: no-repeat;mask-position: center;-webkit-mask-repeat: no-repeat;-webkit-mask-position: center;} /* 确保所有卡片高度一致 */ .equal-height {display: flex;flex-direction: column;height: 100%;}
.hover\:bg-blue-50:hover {--tw-bg-opacity: 1;background-color: rgb(239 246 255 / var(--tw-bg-opacity))}
.hover\:bg-white\/10:hover {background-color: rgb(255 255 255 / 0.1)}
.hover\:shadow-md:hover {--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}
@media (min-width: 640px) {.sm\:w-auto {width: auto}.sm\:flex-row {flex-direction: row}.sm\:px-6 {padding-left: 1.5rem;padding-right: 1.5rem}}
@media (min-width: 768px) {.md\:w-1\/2 {width: 50%}.md\:w-\[280px\] {width: 280px}.md\:w-\[320px\] {width: 320px}.md\:grid-cols-3 {grid-template-columns: repeat(3, minmax(0, 1fr))}.md\:flex-row {flex-direction: row}.md\:gap-16 {gap: 4rem}.md\:p-16 {padding: 4rem}}
@media (min-width: 1024px) {.lg\:order-1 {order: 1}.lg\:order-2 {order: 2}.lg\:w-1\/2 {width: 50%}.lg\:grid-cols-2 {grid-template-columns: repeat(2, minmax(0, 1fr))}.lg\:flex-row {flex-direction: row}.lg\:px-8 {padding-left: 2rem;padding-right: 2rem}.lg\:text-6xl {font-size: 3.75rem;line-height: 1}}
/* 可选：自定义hover效果 */
.feature-card {transition: transform 0.3s ease, box-shadow 0.3s ease;}
.feature-card:hover {transform: translateY(-5px);box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.1);}
.theiaStickySidebar:after {content: "";display: table;clear: both;}
/* 卡片hover效果 */
.feature-card {transition: transform 0.3s ease, box-shadow 0.3s ease;height: 100%;}
.feature-card:hover {transform: translateY(-5px);box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.1);}
/* 图标容器样式 */
.icon-container {background-color: currentColor;color: #2563eb; /* blue-600 */}
.check-icon-container {background-color: currentColor;color: #16a34a; /* green-600 */}
.night a:hover, a:hover, .pc-nav .active, .pc-nav .sub-nav a:hover, #aside_hot .list-1, #aside_hot .list-2, #aside_hot .list-3, .recommend-b .category, .full-post .read-more, .flink a.iconfont-air:hover, .thumbs-btn, #cancel-reply, .art-content a, #tbCalendar a, .comment-at, body.night a:hover {color: #;}
.recommend-b .category, .full-post .read-more, .thumbs-btn, .art-content .tags:hover, #divCatalog li a:hover, #divContorPanel .cp-login a:hover, #divContorPanel .cp-vrs a:hover, #divSearchPanel input[type='submit'] {border: 1px solid #;}
.art-content a:hover {border-bottom: 1px dashed #;}
.art-content blockquote {border-left: 4px solid #;}
::selection, ::-moz-selection {background: #;}
.thumbs_done, .thumbs-btn:hover, .art-content .tags:hover, #widget_aside_author .level, .full-post .read-more:hover, .recommend-b .category:hover, .recommend-a .category, .swiper-pagination-bullet-active, .s-button, .c-title::after, .com-submit, .page-numbers, a.page-numbers:hover, #divCatalog li a:hover, #divTags li a:hover, #divContorPanel .cp-login a:hover, #divContorPanel .cp-vrs a:hover, #qr:hover, .btn.qq:hover, .toolbar .btn:hover, #divSearchPanel input[type='submit'], #tbCalendar tbody a, .header .contribute .a, #aside_hot_tag li a:hover {background-color: #;}
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap');
body {font-family: 'Inter', sans-serif;background-color: #ffffff;}
.btn-primary {background-color: #3b82f6;transition: all 0.3s ease;position: relative;overflow: hidden;}
.btn-primary::before {content: '';position: absolute;top: 0;left: -100%;width: 100%;height: 100%;background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);transition: all 0.6s;}
.btn-primary:hover::before {left: 100%;}
.btn-primary:hover {transform: translateY(-2px);box-shadow: 0 10px 25px -5px rgba(59, 130, 246, 0.5);}
.feature-card {transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);border: 1px solid rgba(59, 130, 246, 0.1);}
.feature-card:hover {transform: translateY(-8px) scale(1.02);box-shadow: 0 20px 25px -5px rgba(59, 130, 246, 0.1), 0 10px 10px -5px rgba(59, 130, 246, 0.04);}
.hero-bg {background: radial-gradient(circle at 50% 50%, #eff6ff 0%, #ffffff 100%);}
.download-card {background: linear-gradient(135deg, #3b82f6 0%, #2563eb 100%);border-radius: 24px;overflow: hidden;position: relative;}
.download-card::before {content: '';position: absolute;top: 0;left: 0;right: 0;height: 4px;background: linear-gradient(90deg, #60a5fa, #3b82f6, #2563eb, #1d4ed8);animation: gradientShift 5s ease infinite;}
@keyframes gradientShift {0% {background-position: 0% 50%;}50% {background-position: 100% 50%;}100% {background-position: 0% 50%;}}
.paper-plane-icon {transition: transform 0.5s ease;}
.paper-plane-icon:hover {transform: rotate(15deg) scale(1.1);}
.btn-primary {background-color: #3b82f6; /* 蓝色主色调，可根据需求修改 */transition: background-color 0.2s ease;text-decoration: none; /* 移除链接下划线 */}
.btn-primary:hover {background-color: #2563eb; /* 鼠标悬浮加深颜色 */}
/* 确保Lucide图标正常显示 */
[data-lucide] {display: inline-block;}