@charset "utf-8";
html {-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
body {width:100%;min-height:100vh;vertical-align:baseline;word-wrap:break-word;color:#282a2d;background:#fff;background-color: #f7f7f7;
    background-image: url(../images/bg.svg);
    background-attachment: fixed;transition:background-color .3s}
body,input,button,select,optgroup,option,textarea,blockquote,dd,dl,figure,form,pre,.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6 {font-family:PingFang SC,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif,'Microsoft Yahei',"Helvetica Neue",Helvetica,Arial,sans-serif}
body,html {height:100%;margin:0;padding:0;border:0}
*, ::after, ::before {box-sizing: border-box;}
a {color:#282a2d;outline:0!important;text-decoration:none}
a:hover {text-decoration:none;color:#0066ff}
p {color:#1d232b;margin:0;white-space:normal;word-break:break-all}
em,i {font-style:normal}
ul,li,p,h1,h2,h3 {list-style-type:none;margin:0;padding:0;}
h1,h2,h3,h4,h5,h6 {font-weight:400;line-height:1.4;color:#080808;margin:0;}
div,h1,h2,h3,h4,h5,p,form,ul,label,input,textarea,img,span,dl,dt,dd {margin:0px;padding:0;outline:0;}
img {border:0;max-width: 100%;}
input,select,button,textarea{border:0; background:none; outline:none; vertical-align:middle;}
.hua-header {box-shadow: 2.5px 5px 18px 0 rgb(100 30 108 / 7%);}
.hua-header .header-inner{background: #f4f4ff;font-size: 12px;display: flex;}
.header-inner>.container {display: flex;justify-content: space-between;}
.top-news-content {align-items:center;display:flex;font-size:14px;height:100%;line-height:18px;padding-bottom:10px;padding-top:10px;position:relative;}
.header-inner .content-text {width: 50%;-webkit-line-clamp:2;-webkit-box-orient:vertical;align-items:center;display:flex;justify-content:space-between;flex-grow:1;}
.header-inner .navbar-action {align-items:center;display:flex;flex-wrap:wrap;justify-content:space-between;}
.header-inner .publish {border-radius:3px;font-size:12px;line-height:14px;padding:6px 15px;font-weight:400;margin-left:16px;background-color:#0d6efd;border-color:#0d6efd;color:#fff;outline:0;transition:all .1s ease-out 0s;}
.header-inner .publish:hover {background-color:#2677f1;border-color:#2677f1;}
.header-logo {align-items:center;background:#fff;box-sizing:border-box;display:flex;justify-content:space-between;left:0;position:relative;top:0;width:100%;}
.header-logo>.container {display: flex;justify-content: space-between;}
.navbar-brand{display: flex;}
.navbar-brand .logo {align-items:center;display:flex;font-size:20px;line-height:1;margin:0;padding:0;transition:all .3s ease-out 0s;}
.navbar-brand .logo img {height:50px;max-width:-moz-fit-content;max-width:fit-content;transition:all .3s ease-out 0s;vertical-align:top;width:auto;}
.navbar-search {opacity: 1;}
.search-form {width:500px;position:relative;border-radius:.3rem;background-color:#fff;-webkit-box-shadow:0 0 0 1px rgba(0,0,0,.1);box-shadow:0 0 0 1px rgba(0,0,0,.1);border-radius:5px;}
.search-form>form {display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%;}
.search-form .search-fields {position:relative;overflow:hidden;-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;font-size:1rem;}
.search-form .search-fields input {position:relative;display:block;line-height:1.5;padding:.5rem 2.25rem .5rem 1rem;width:100%;border:0;margin:0;outline:0;color:inherit;background-color:transparent;-webkit-appearance:none;}
.search-form .search-fields button {cursor: pointer; position:absolute;right:0;top:0;border:none!important;background:0 0!important;line-height:1.5;height:100%;padding:0 1rem;opacity:.65;}
.search-form .search-fields button i{color:#000;font-size: 1rem;font-weight: 600;}
.search-form.block {visibility:visible;opacity:1;-webkit-transform:translateY(0);transform:translateY(0);}
.search-form i.icon-chahao{display: none;}
.navbar-content {align-items:center;display:flex;flex-wrap:wrap;justify-content:space-between;}
.navbar-content .tel {align-items:center;display:flex;}
.navbar-content .tel i {font-size:2.3rem;color:#f40;}
.navbar-content .tel .telcon {position:relative;padding-left:5px;font-size:.875rem;}
.navbar-content .tel strong {display:block;font-size:1.5rem;font-family:Impact;line-height:1;color:#305dc3;}

.hua-header .header {align-items:center;background:#0060ed;box-sizing:border-box;display:flex;height:55px;justify-content:space-between;position:relative;transition:all .1s ease-out 0s;width:100%;}
.header>.container {display: flex;justify-content: space-between;}
.menu-wrap {align-items:center;display:flex;justify-content:space-between;margin-left:0em;flex-grow: 1;transition: all .3s ease;}
.top-menu .current-menu-item a {color:#ffffff;font-weight:500}
.top-menu {margin:0;padding-left:0;list-style:none}
.top-menu li {font-weight:400;text-transform:uppercase}
.top-menu li a {position:relative;color:#e8e5e5;display:block;transition:.2s;padding: 0.5rem 1rem;}
.top-menu>.menu-item>a{font-size: 1rem;line-height: 30px;}
.top-menu li a:hover {color:#fff;text-decoration:none}
.top-menu li {position:relative;display:inline-block}
.top-menu li.menu-item-has-children {margin-right:5px}
.top-menu li.menu-item-has-children>a:after {content: "\e6a4";font-family: "iconfont" !important;font-weight: 500;position:absolute;top:7px;right:-2 0px;font-size:50px;-webkit-transform:scale(.6);transform:rotate(0deg) scale(.6);transition:transform .2s}
.top-menu li.menu-item-has-children:hover>a:after {transform:rotate(45deg) scale(.6)}
.top-menu li:hover>ul {opacity:1;overflow:visible;visibility:visible;transition:.2s}
.top-menu li ul {position:absolute;z-index: 3; padding: 10px 0;min-width:200px;opacity:0;overflow:hidden;visibility:hidden;background:#fff;border-radius:4px;box-shadow: 0 0 30px rgba(0,0,0,.07);transition:.2s}
.top-menu li ul li {width:100%;font-weight:400;text-transform:none;}
.top-menu li ul li a{font-size: .875rem;color:#282a2d}
.top-menu li ul li:last-child {margin-bottom:0;border-bottom:none}
.top-menu li ul li.menu-item-has-children:after {content:'';position:absolute;top:16px;right:4px;border-color:transparent transparent transparent #9a9a9a!important;border-style:solid;border-width:4px 0 4px 5px}
.top-menu li ul li:hover {cursor:pointer}
.top-menu li ul li:hover>a {color:#0060ed;font-weight:500}
.top-menu li ul li ul {margin-top:-42px;left:100%;box-shadow:0 30px 40px -15px rgba(0,0,0,.3)}
.top-menu .menu-item small {position:absolute;display:block;right:-10px;top:-10px;font-size:.625rem;font-weight:400;line-height:1;color:#ffffff;background-color: #3ca5f6;background-image: linear-gradient(90deg, #3ca5f6 0%, #a86af9 100%);border-radius:4px 4px 4px 0;padding:0.25rem 0.4375rem}
.toggle-search {color:#565656;display:inline-block;text-align:center;vertical-align:top;}
.toggle-search i {display:inline-block;font-size:20px;font-weight:600;line-height:26px;width:22px;}
.user-wrap {display:inline-block;margin-left:16px;white-space: nowrap;}
.user-wrap a {color:#565656;font-size:14px;line-height:26px;}
.user-wrap a.login {margin-right:5px;padding-right:10px;position:relative;}
.user-wrap a.login:after {background:#565656;content:"";height:14px;opacity:.9;position:absolute;right:0;top:3px;width:1px;}
.menu-m {background-color:transparent;background-image:none;border:1px solid transparent;float:right;margin-bottom:8px;margin-right:10px;margin-top:8px;padding:9px 10px;position:relative;margin:0;order:1;}
.menu-m:before,.menu-m:after,.menu-m span {display:block;height:2px;background-color:#000;content:'';}
.menu-m span {width:12px;margin:6px 0 6px 12px;}
.menu-m:before {width:24px;}
.menu-m:after {width:18px;margin-left:6px;}
.m-dropdown{display: none;}
.canvas-close{display: none;}
.footer {background-color:#fff;border-top:1px solid #eee;color:#666;font-size:12px;}
.footer-nav {border-bottom:1px solid #e3e3e3;padding:30px 0;}
.footer p {line-height:2;margin:0;}
.footer a {color: #666;}
.footer a:hover {color: #197dff;}
.footer-item-title {color:#333;font-size:17px;font-weight:400;margin-bottom:10px;margin-top:0;padding-left:10px;text-align:left;}
.footer-item {list-style:none;margin:0;padding:0 0 0 10px;text-align:left}
.footer-item li {font-size:13px;line-height:26px}
.footer-item a {display:block}

.logo-wrapper {position:relative;}
.logo-wrapper a {color:#595d69;}
.logo-wrapper a img {min-width:100px;max-height:60px;width:auto;}
.logo-wrapper p{font-size: .875em;}

.footer-contact {font-size:14px;padding-left:70px;text-align:left}
.footer .footer-contact-qq {background:#197dff;background-image:linear-gradient(90deg,#9c4dff,#197dff);border-radius:3px;color:#fff;display:inline-block;font-size:12px;line-height:14px;padding:10px 20px;transition:all .2s ease-out 0s;vertical-align:top}
.footer .footer-contact-qq:hover {background-image:linear-gradient(90deg,#197dff,#9c4dff);color:#fff;text-decoration:none;transition:all .2s ease-out 0s}
.footer .footer-contact-qq .iconfont {font-size:14px;line-height:14px;margin-right:2px;vertical-align:text-bottom}

.footer-links {text-align:center;}
.footer-links ul {display:inline;margin:0;padding:0;list-style-type:none;}
.footer-links li {position:relative;display:inline;white-space:nowrap;margin-right:10px;padding-right:10px;margin-bottom:5px;}
.footer-links li::after {content:'';position:absolute;right:0;top:50%;width:2px;height:10px;background-color:#aa20ff;-webkit-transform:translate(0%,-50%);-ms-transform:translate(0%,-50%);transform:translate(0%,-50%);}
.footer-links li:last-child::after{display:none}
.footer-links li a{color: #282a2d;}

.footer .copyright {padding:15px 0 25px;text-align:center;}
.footer-beian img {margin-left: 5px;vertical-align: text-bottom;}

/*back-top*/
.fixed-box {margin-top:-70px;position:fixed;right:12px;top:50%;width:60px;z-index:9;}
.rollbar{background: #0067ed;border-radius: 2px;box-shadow: 0 6px 15px 0 rgba(6,12,19,.14);transition: all .3s ease-in-out;border-radius: 5px;}
.rollbar.rollbar-show {opacity:1;visibility:visible;-webkit-transform:translateY(0);transform:translateY(0)}
.rollbar .action {position:relative;width:100%;-webkit-box-shadow:0 0 10px rgba(0,0,0,.1);box-shadow:0 0 10px rgba(0,0,0,.1);border-radius:5px;list-style-type:none;margin:0;padding:0;}
.rollbar .action li {position:relative;color:#fff;-webkit-transition:all .2s;transition:all .2s;border-top: 1px solid #005ad7;display: block;text-decoration: none;z-index: 0;}
.rollbar .action li:first-child {border-top: 0;}
.rollbar .action li>a {display:block;padding:8px 0;cursor:pointer;position:relative;border:0;opacity:1;text-align:center;height:auto;-webkit-transition:all .2s;transition:all .2s;}
.rollbar .action li>a>i {font-size:1.8rem;color:#fff;display:block;}
.rollbar .action li>a>span {font-size:12px;color:#fff;padding:0 2px;display:block;margin-top:2px;text-align:center;line-height:1.2;position:relative}
.rollbar .action li:hover a {color:#fff;background:rgba(7, 65, 173, 0.3)}

.sub-nav-layer {bottom:0;font-size:14px;min-height: 190px;margin-bottom:-105px;opacity:0;padding-right:20px;position:absolute;right:calc(100% - 8px);transform:scale(.95);transform-origin:right;transition:opacity .4s,transform .3s ease-out;visibility:hidden}
.rollbar .action li:hover .sub-nav-layer {opacity:1;transform:scale(1);visibility:visible}
.sub-nav-layer:before{border:8px solid transparent;border-left-color:#fff;content:" ";height:0;left:100%;position:absolute;width:0}
.sub-nav-layer:before {bottom:130px;left:calc(100% - 20px)}
.sub-nav-layer .sub-nav-qrcode,.sub-nav-layer .sub-nav-main {min-width:255px;background-color:#fff;border-radius:8px;box-shadow:0 4px 10px 0 hsla(220,4%,56%,.2);display:block;line-height:40px;padding:14px 15px;}
.sub-nav-layer .sub-nav-qrcode{min-width: 200px;text-align: center;}
.sub-nav-qrcode h4 {color:#333435;font-size:18px;font-weight:600;line-height:25px;margin:0;}
.sub-nav-qrcode p {color:#8b8b8c;display:block;font-size:13px;font-weight:400;line-height:22px;margin-bottom:10px;}
.sub-nav-qrcode img {display:block;margin:0 auto;width:165px;}
.sub-nav-qrcode span {color:#333539;display:block;font-size:14px;font-weight:400;line-height:18px;margin-top:5px;}
.sub-nav-main h4 {color:#0067ed;font-size:18px;font-weight:600;line-height:25px;margin:0;}
.sub-nav-main h4 i{font-size: 1.4rem;margin-right: 5px;color:#333435;}
.sub-nav-main p {color:#8b8b8c;display:block;font-size:13px;font-weight:400;line-height:22px;margin-top:10px;}
.back-top {background:#0067ed;box-shadow: 0 6px 15px 0 rgba(6,12,19,.14);transition: all .3s ease-in-out;border-radius: 5px;color:#fff;font-weight:500;padding:8px 0;position:relative;text-align:center;cursor:pointer;line-height:40px;}
.back-top:hover{color:#fff;background:rgba(7, 65, 173, 1)}
.back-top i {font-size:1.8rem;vertical-align:middle;}

/*crumb*/
.le-crumb {position:relative;}
.le-crumb .crumb-inner {color: #333;font-size:.875rem;box-sizing:border-box;display:block;margin-left:auto;margin-right:auto;line-height:30px;}
.le-crumb .crumb-inner i.icon-shijian{padding:0 5px;font-size: 12px;}
.le-crumb .crumb-inner i {color:#000;}
.le-crumb .crumb-inner i.icon-home {color: #333 !important;}
.le-crumb a,.le-crumb span {font-size:.75rem;}
.le-crumb a:hover,.le-crumb span:hover {font-size:.75;color:#000;}
/*pagination*/
.pagination {display:block;margin:0;text-align: center;border-radius:0;padding:3rem 0;clear: both;}
.pagination a,.pagination span{display:inline-block;margin-right:10px;}
.pagination a,.pagination span{margin-bottom: .7rem;font-size:14px;color:#3b3b3b;font-weight:700;display:inline-block;padding:9px 18px;background: hsla(0,0%,100%,.5);box-shadow: 0 4px 24px #2764af1a;border-radius: 4px;}
.pagination a:hover,.pagination a:focus,.pagination  > a.thisclass,.pagination  > span.thisclass {color:#fff;background-color: #3858e9;background: linear-gradient(200deg,#29acfe,#2468f2 89%);}
.links {background:#ffffff;padding:25px 0px;font-size:.875rem;text-align:center;}
.links span {color:#999;font-weight:300;}
.links a {color:#999;margin-right:8px;font-weight:300;display:inline-block;}

.section-bg{padding:2rem 0;}
.widget-user {background-color:#fff;box-shadow:0px 0px 2px rgb(98 124 153 / 10%);position:relative;border-radius:4px;}
.user-logon {padding:24px 20px;border-bottom: 1px dashed #f5f6f7;font-size:13px;background-image:-webkit-gradient(linear,left top,right top,from(#fff2ec),color-stop(42%,#f0f1f6),to(#e1f0ff));background-image:linear-gradient(90deg,#fff2ec 0,#f0f1f6 42%,#e1f0ff 100%);position:relative;}
.user-logon p {display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;position:relative;z-index:2;}
.user-logon p:first-child {color:#0066ff!important;margin-bottom:10px;}
.user-logon::after {content:'';position:absolute;width:100%;height:100%;top:0;left:0;background-image:-webkit-gradient(linear,left bottom,left top,from(#fff),to(rgba(247,248,249,0)));background-image:linear-gradient( 0deg,#fff 0,rgba(247,248,249,0) 100%);}
.login-button {font-size:.75rem;display:flex;border-top:1px dashed #f5f6f7;border-bottom:1px dashed #f5f6f7;background:#f7f8fa30;overflow:hidden;line-height:43px;padding:0 18px;flex-wrap:wrap;}
.login-button a {display:block;margin-right:14px;}
.login-button a::before {content:'';width:10px;height:10px;border-radius:100%;display:inline-block;margin-right:3px;background-color:#2D89EF;}
.login-button a.login-weibo::before {background-color:#FF3E3E;}
.isgood {padding:13px 0;}
.isgood ul li {font-size:.875rem;padding:8px 16px;box-sizing:border-box;}
.isgood li a {display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:.875rem;position:relative;padding-left:17px;}
.isgood li a::before {content:'';width:6px;height:6px;position:absolute;left:0;top:7px;border-radius:10px;background-color:#0066ff;}

.index-news-article {background-color:#fff;box-shadow:0px 0px 2px rgb(98 124 153 / 10%);position:relative;border-radius:4px;padding:1.5rem;}
.widget-title {position:relative;border-bottom:0.05rem solid #f5f6f7;padding-bottom:1rem;}
.widget-title h3 {font-size:1.25rem;color:#080808;}
.widget-title h3 i {font-size:1.3rem;color:#080808;margin-right:.3rem;}
.widget-title h3 a {color:#282a2d;font-size:1rem!important;margin-left:auto!important;}
.news-article_container {position:relative;}
.news-article_container ul {list-style:none;padding:0;margin:0;background-color:#fff;column-count:2;column-gap:3rem;}
.news-article_container ul li {position:relative;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;width:100%;margin-top:.72rem;}
.news-article_container ul li a {font-size:.875rem;color:#1d232b;padding-left:10px;}
.news-article_container ul li a::before {content:'';width:4px;height:4px;position:absolute;left:0;top:9px;border-radius:10px;background-color:#e0e0e0;}
.news-article_container ul li:hover a {color:#005ad7;}
.news-article_container ul li:nth-child(2n) {margin-right:0px;}
.news-article_container ul li .title {display:inline-block;padding-right:5px;-webkit-line-clamp:1;-webkit-box-orient:vertical;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-left:0;}
.news-article_container ul li .post-num {display:inline-block;color:#fff;background-color:#999;font-size:14px;width:18px;height:18px;line-height:18px;margin:0 8px 0 0;text-align:center;border-radius:4px;}
.news-article_container ul li .post-views {font-size:.75rem;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-left:auto;color:#928d8d;white-space:nowrap;}
.index-ad a {position:relative;}
.index-ad a:before {content:'';position:absolute;bottom:0;left:0;width:24px;height:30px;z-index:100;background:url(../images/label-ad.png) no-repeat center;}
.index-ad img {border-radius:4px;max-width:100%;height:auto;width:auto;}
.section-box {margin-bottom:1.5rem;}
.post-modules-top {display:flex;line-height:1;align-items:center;justify-content:space-between;padding-bottom:1.5rem;border-bottom:0.05rem solid #f5f6f7;}
.modules-title-box h2 {font-size:1.25rem;color:#080808;}
.modules-title-box h2 i {font-size:1.3rem;color:#080808;margin-right:.3rem;}
.post-list-cats {overflow:hidden;margin-left:auto;}
.post-carts-list-row {white-space:nowrap;display:flex;overflow:hidden;justify-content:flex-end;}
.post-list-cats a {display:inline-block;font-size:12px;}
.post-list-cats a + a {margin-left:10px;}
.post-list-cats a span {position:relative;padding:8px 16px;display:block;border-radius:20px;color:#8590A6;background-color:#f5f6f7;display:flex;align-items:center;}
.post-list-cats a.current span {color:#0066ff;background-color:rgba(0,102,255,0.18)!important;}
.tabnews .news-article_container ul {display:none;}
.tabnews .news-article_container ul.on {display:block;}
.index-look-list {margin-top:.3rem;}
.index-look-list li {position:relative;padding-top:.5rem;}
.index-look-list li:nth-child(1) a i {background:#ff2a2a;color:#fff}
.index-look-list li:nth-child(2) a i {background:#ffc107;color:#fff}
.index-look-list li:nth-child(3) a i {background:#03a9f4;color:#fff}
.index-look-list li:nth-child(4) a i {background:#4caf50;color:#fff}
.index-look-list li a {display:block;line-height:30px;height:30px;font-size:.875rem;overflow:hidden}
.index-look-list li a i {display:inline-block;font-style:normal;margin-right:10px;background:#f3f3f3;width:20px;text-align:center;border-radius:20px;color:#696969;font-size:.875rem;height:20px;line-height:20px;}

.post-list {position:relative;display: inline-block;width: 100%;column-count: 2;column-gap: 2rem;}
.post-list li {margin-top:.85rem;display:inline-flex;width:100%;position:relative;overflow:hidden;}
.post-list li .item-img {width:100px;flex-shrink:0;overflow:hidden;border-radius:6px;}
.post-list li .item-img-inner {display:block;}
.post-list li .item-img img {display:block;width:100%;height:68px;object-fit:cover;-webkit-transition:all .3s ease-out 0s;-o-transition:all .3s ease-out 0s;transition:all .3s ease-out 0s;}
.post-list li .item-content {position:relative;margin-left:10px;width:calc(100% - 110px);flex-shrink:1;}
.post-list li .item-content .item-title {margin-top:2px;margin-bottom:10px;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;-webkit-box-orient:vertical;display:block;display:-webkit-box;-webkit-line-clamp:2;line-height:1.4;}
.post-list li .item-content .item-title a {color:#262626;font-size:14px;}
.post-list li .item-content .item-title a:hover {color:#338fe6;}
.post-list li .item-content p i {font-size:14px;margin-right:1px;position: relative;top: 1px;}
.post-list li .item-content .item-date {width: 100%;position:absolute;bottom:5px;margin:0;font-size:.875rem;color:#828282;line-height:14px;}
.post-list li .item-content time{font-size: 12px;color: #bbb;margin-right: 20px;}
.post-list li .item-content .like {float: right;cursor: pointer;font-size: 12px;color: #bbb;}
.post-list li:hover img{-webkit-transform:scale(1.23);transform:scale(1.23);transition:all .3s ease-out 0s;}


.huaconleft{background-color: #fff;
    box-shadow: 0px 0px 2px rgb(98 124 153 / 10%);
    position: relative;
    border-radius: 4px;
    padding: 1.5rem;
}
.list-archive-header {
    background-color: #fff;
    box-shadow: 0 0 0 0.5px rgba(188, 195, 206, 0.1), 0 2px 10px rgba(48, 55, 66, 0.06);
    padding: 2rem;
    border-radius: 0.6rem;
}
.card-body {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-clip: border-box;
    flex: 1 1 auto;
}
.card-body h1 {font-size:1.425rem !important;line-height:1.4;}
.archive-navbar {position:relative;}
.archive-navbar ul {display:block;}
.archive-navbar li {margin:.75rem .5rem 0 0;float: left;}
.archive-navbar li:nth-child(8n) {margin-right: 0px;}
.archive-navbar li a {font-size:.875rem;padding:.3125rem 1.25rem;border-radius:1rem;color:#6b6b6d;background-color:#f8f9fa;border-color:#f8f9fa;display:inline-block;text-align:center;text-decoration:none;vertical-align:middle;cursor:pointer;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;}
.archive-navbar li a:hover {background-color:#0060ed;color:#fff;}
.archive-navbar li.active a {background-color:#0a59f8;border-color:#0a59f8;color:#fff;}
.post-item {position:relative;-webkit-transition:all .3s;transition:all .3s;overflow:hidden;}
.post-item:hover {-webkit-transform:translateY(-3px);transform:translateY(-3px);}
.post-item .tips-badge {position:relative}
.post-item .tips-badge .badge {font-size:.65rem;color:#950000}
.post-item .entry-media {display:block;position:relative;overflow:hidden}
.post-item .entry-media:after {content:'';display:block;padding-top:66.66666%;}
.post-item .entry-media .media-img {position:absolute;top:0;bottom:0;left:0;right:0;border:0;border-radius:inherit;background-size:cover;background-repeat:no-repeat;background-position:50% 50%;}
.post-item .entry-media .media-img img {display:block;-o-object-fit:cover;object-fit:cover;width:100%;height:100%;}
.post-item .entry-desc,.post-item .entry-title {margin:0;display:-webkit-box;-webkit-box-orient:vertical;text-overflow:ellipsis;overflow:hidden;word-break:break-all;-webkit-line-clamp:1}
.post-item .entry-title {font-size:.95rem;font-weight:600}
.post-item .entry-desc {color:#6d7683;margin-top:4px;line-height:1.6;font-size:.875rem;white-space:normal}
.post-item .entry-meta {display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#bcc3ce;font-size:.75rem}
.post-item .entry-meta a {color:#bcc3ce}
.post-item .entry-meta>span {margin-right:10px}
.post-item .entry-meta>span:last-child {-webkit-box-flex:1;-ms-flex:1;flex:1;text-align:right;margin-right:0}
.post-item .entry-meta>span i{margin-right: .2rem;}
.post-item.item-list {border-bottom: 1px solid #f1f3f5;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;min-width:0;word-wrap:break-word;padding:1.5rem 0}
.post-item.item-list:first-child{padding-top:0}
.post-item.item-list:last-child{border-bottom: 0;padding-bottom:0}
.post-item.item-list .entry-media {border-radius:.25rem;max-width:200px;margin-right:1rem}
.post-item.item-list .entry-wrapper {display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;min-width:0}
.post-item.item-list .entry-body {-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto}
.post-item.item-list .entry-title {font-size:1rem;font-weight:500;-webkit-line-clamp:2;color:#303742;}
.post-item.item-list .entry-title:hover a{text-decoration: underline;color:#3366ff}
.post-item.item-list .entry-desc {-webkit-line-clamp:2}
.post-item.item-list .entry-footer {margin-top:15px}
.post-item.item-grid .entry-wrapper {padding:10px}
.post-item.item-grid .entry-meta {margin-top:8px;white-space:nowrap;letter-spacing:-.2px}
.post-item.item-grid .entry-meta>span {margin-right:10px}
.post-item.item-grid .entry-meta>span:last-child {-webkit-box-flex:1;-ms-flex:1;flex:1;text-align:right;margin-right:0}
.post-item.item-grid.grid-overlay {position:relative;overflow:hidden}
.post-item.item-grid.grid-overlay .entry-wrapper {position:absolute;bottom:0;left:0;width:100%;padding:.5rem;-webkit-transition:all .3s ease-out;transition:all .3s ease-out;background-image:-webkit-gradient(linear,left top,left bottom,from(transparent),to(rgba(0,0,0,.85)));background-image:linear-gradient(180deg,transparent,rgba(0,0,0,.85));opacity:1}
.post-item.item-grid.grid-overlay .entry-wrapper a {color:#fff}
.post-item.item-grid.grid-overlay:hover .entry-wrapper {opacity:0;bottom:-50%}
.post-item.item-grid.grid-overlay:hover .entry-title {display:block}
.post-item.item-grid.grid-overlay:hover .entry-title a {color:#ffa301}

.huaconright .isgood ul li{padding:8px 5px;}
.list-archive-header {
    background-color: #fff;
    box-shadow: 0px 0px 2px rgb(98 124 153 / 10%);
    position: relative;
    border-radius: 4px;
    padding: 1.5rem;
}
.card-body {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-clip: border-box;
    flex: 1 1 auto;
}
.card-body h1 {font-size:1.425rem !important;line-height:1.4;}
.archive-navbar {position:relative;}
.archive-navbar ul {display:block;}
.archive-navbar li {margin:.75rem .5rem 0 0;float: left;}
.archive-navbar li:nth-child(8n) {margin-right: 0px;}
.archive-navbar li a {font-size:.875rem;padding:.3125rem 1.25rem;border-radius:1rem;color:#6b6b6d;background-color:#f8f9fa;border-color:#f8f9fa;display:inline-block;text-align:center;text-decoration:none;vertical-align:middle;cursor:pointer;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;}
.archive-navbar li a:hover {background-color:#0060ed;color:#fff;}
.archive-navbar li.active a {background-color:#0a59f8;border-color:#0a59f8;color:#fff;}

.right-list-ad{margin-bottom: 20px;}
.right-list-ad img{border-radius: 4px;max-width: 100%;height: auto;width: auto;}


.article-content {background:#fff;margin-bottom:10px;display:block;border-radius: 4px;}
.article-detail {position:relative;margin-bottom:20px;border-bottom:1px solid #f4f4ff;border-width:2px !important;}
.article-detail .detail-title {font-size:1.75rem;font-weight:500;-webkit-line-clamp:inherit;height:auto;line-height:normal;margin:0;margin-bottom:1rem;}
.article-detail .infos {color:#999;font-size:14px;margin-bottom:25px;}
.article-detail .infos span {color:#999;font-size:14px;margin-right:10px;}
.article-detail .infos span a{color:#333b55;font-size:14px;}
.article-detail .infos .iconfont {display:inline-block;padding-right:2px;font-size: 14px;}
.article-body {color:#2f3340;font-size:14px;margin-bottom:10px;line-height:1.8;overflow:hidden;white-space:normal;word-wrap:break-word;word-break:normal;}
.article-body img{max-width:100%;height: auto;border-radius: 5px;margin: 10px auto;display: block;}
.article-body .hljs{padding:1rem;font-family: "Microsoft Yahei";border-radius: 6px;font-size: 13px;}
.article-body p {margin: 0 0 .6rem;color:#1a1a1a;font-size:1rem;text-indent: 2rem;}
.article-body pre {margin: 20px 0;font-size: .875rem;line-height: 22px;background: #4a4a4a;padding: 10px 20px;color: #f8f8d4;border: 0;}
.article-body h1,.article-body h2,.article-body h3 {color:#000;font-size:18px;margin-top: 1rem;margin-bottom: 5px;line-height: 24px;}
.article-body video{width:100%;}
.tip {position:relative;background: #f7f8fa;border-radius:6px;margin-bottom:25px;transition:.5s;}
.tip >p {font-size:.875rem;color:#8d8f96;margin:5px 0;padding:20px 15px;}
.entry-tag a {background:#f3f3f3;box-shadow:0 0 1px rgb(0 0 0 / 10%);color:#000;line-height:14px;margin:0 10px 5px 0;padding:4px 10px 4px 0;}
.entry-tag a:hover {background:#0a59f8;color:#fff;text-decoration:none}
.entry-tag a:before {background:#0a59f8;color:#fff;content:"#";line-height:inherit;margin:-4px 6px -4px 0;padding:4px 7px;vertical-align:top;}
.entry-tag a,.entry-tag a:before {border-radius:20px;display:inline-block;font-size:14px;}
.action {text-align:center!important;margin:20px 0 0 0;}
.btn-zan {padding:2px 25px;font-size:14px;line-height:30px;font-weight:600;display:inline-block;position:relative;color:#0a59f8;border:1px solid #0a59f8;border-radius:4px;transition:0.1s ease-in;}
.btn-zan:hover {background-color:#0a59f8;color:#fff;}
.btn-zan span {display:inline-block;position:relative;will-change:transform;}
.btn-zan i {margin-left:5px;}

.article-nav {position:relative;margin-bottom:30px;}
.article-nav-entry {width:calc(50% - 7px);max-width:50%;margin:0;display:inline-block;padding:15px;background-color:#fff;border-radius: .6rem;
    box-shadow: 0 0 0 0.5px rgba(188, 195, 206, 0.1), 0 2px 10px rgba(48, 55, 66, 0.06);}
.article-nav-entry+.article-nav-entry {margin-right:0;float:right;text-align:right;}
.entry-page-next,.entry-page-prev {margin:0;display:flex;padding:0;position:relative;align-items:center;min-height:60px;border-radius:4px;}
.entry-page-info {-webkit-box-flex:1;-ms-flex:1;flex:1;margin:0;display:block;padding:16px;z-index:1;}
.entry-page-icon i {font-size:20px;}
.entry-page-prev .entry-page-icon {padding-right:0;}
.entry-page-next .entry-page-icon {padding-left:0;}
.entry-page-prev .entry-page-info {text-align:right;}
.entry-page-next .entry-page-info {text-align:left;}
.entry-page-info .hnav {font-size:.875rem;line-height:1.625;color:#ccc;display:block!important;}
.entry-page-info .title {font-size:14px;overflow:hidden;display:-webkit-box !important;-webkit-line-clamp:1;-webkit-box-orient:vertical;white-space:normal;height:18px;line-height:18px;}

.entry-related-posts{background: #fff;padding: 20px;margin-bottom: 30px;display: block;border-radius: 4px;}
.entry-related-posts .article-item ul li{padding:20px 0px;}
.entry-related-posts .widget-title{margin: 10px 0 5px;}
.article-relevant ul {padding-top:1rem;}
.article-relevant li {position:relative;padding-left:24px;margin-bottom:12px;list-style:none;}
.article-relevant li:before {position:absolute;content:'';width:6px;height:6px;left:0;top:6px;border-radius:50%;background:#0a59f8;}
.article-relevant li a {color:#16133d;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}

.section-list {padding: 1rem 0;}


@media (min-width:992px) {
    .menu-wrap .top-menu a {padding-right:0.5rem;padding-left:0.5rem;}
    .top-menu li.menu-item-has-children>a:after{right:-25px;}
}
@media (min-width:1200px) {
    .menu-wrap .top-menu a {padding-right:1rem;padding-left:1rem}
    .top-menu li.menu-item-has-children>a:after{right:-20px;}
}
@media (max-width:991.98px) {

.top-menu>.menu-item>a{font-size: .875rem;color:#282a2d}
.canvas-close {display: -webkit-box;position:absolute;right:5px;top:10px;width:40px;height:40px;z-index:99999;color:#000;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;}
.canvas-close i {font-size:25px;}
.hua-overlay {position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.7);z-index:9999;opacity:0;backdrop-filter:blur(2px);transition:ease-out .2s;}
.hua-header .header{height:auto;transition: all 200ms cubic-bezier(.8,0,.33,1);}
.navbar-brand .logo img{height: 40px;}
.header .menu-wrap {padding:60px 15px;display:inline!important;position:fixed;right:-280px;top:0;bottom:0;width:250px;margin-left:0;background:#fff;z-index:99999;transition:all 200ms cubic-bezier(.8,0,.33,1);opacity:0;}
.header .menu-wrap.show {right:0px;opacity:1;}
.top-menu li {display:block;margin:8px 0;background-color:#f7f7f7;}
.m-dropdown {color:#666;display:block;position:absolute;right:3px;text-align:center;top:8px;transition:all .3s ease-out 0s;width:50px;z-index:1002;}
.m-dropdown i{font-size: 2rem;transform: rotate(0deg) scale(.6);transition: transform .2s;}
.top-menu li.menu-item-has-children{margin-right: 0px;}
.top-menu li.menu-item-has-children>a:after{display: none;}
.top-menu .menu-item-has-children ul{transition: .0s;border-radius: 0 0 2px 2px;background: #eaeaea;padding: 5px 15px;}
.top-menu li:hover>ul{opacity: 1;transition: .0s;position:relative;display: none;}
.top-menu .menu-item-has-children:hover> ul{opacity: 1;}
.top-menu li ul li{border-radius: 4px;}
.top-menu li ul li a{background: #f7f7f7;margin: 10px 5px;padding: 8px 5px;font-size: 14px;}
.top-menu .menu-item small{right: 10px;top: 13px;}
.top-menu .m-dropdown i:before{display:inline-block;transition: all .3s ease-out 0s;}
.top-menu .m-dropdown.active i:before {display:inline-block;transform:rotate(30deg);-webkit-transform:rotate(30deg);}
.navbar-search {opacity: 0;display: none;background:#fff;position:absolute;left:0;top:0;right:0;bottom:0;width:100%;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;z-index:1;visibility:hidden;opacity:0;-webkit-transform:translateY(-50%);transform:translateY(-50%);-webkit-transition:all .1s ease-in-out;transition:all .1s ease-in-out;}

.navbar-search.block {visibility:visible;opacity:1;-webkit-transform:translateY(0);transform:translateY(0);}
.search-form {width: 80%;margin-right:0px;}
.search-form i.icon-chahao{display: inline-block;position: absolute;right: -30px;font-size:22px;cursor: pointer;z-index: 9999;}
.pagination .pagesize{display: none;}

.fixed-box{width: 50px;top: 58%;}
.rollbar .action li>a>span{display: none;}
.back-top{padding:5px 0; }

.footer p {line-height: 1.5;margin-bottom: 6px;}
.footer .copyright {padding: 15px;}
.footer-contact{padding-left:0px;}

.news-article_container ul{column-count: 1;column-gap: 0rem;}
.post-list{column-count: 1;column-gap: 0rem;}
.post-item.item-list .entry-title{font-size: 1rem;}
.post-item .entry-desc{font-size: .875rem;}
.post-item .entry-meta>span:last-child{display: none;}

}