/*!
    Theme Name: lexiw
    Theme URI: https://www.lexiw.com/
    Description: A better theme by lexiw.com
    Author: lexiw.com
    Author URI: https://www.lexiw.com/
*/
@import url('font-awesome.min.css');
* {margin:0;padding:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
input[type=search] {
        box-sizing: content-box;
}
body {font-family:"PingFang SC", XHW-pzh, "Lantinghei SC", "Helvetica Neue", Helvetica, Arial, "Microsoft YaHei", 微软雅黑, STHeitiSC-Light, simsun, 宋体, "WenQuanYi Zen Hei", "WenQuanYi Micro Hei", sans-serif;font-size:14px;}
a {color:inherit;text-decoration:none;}
a:hover {color:#0a59f8;text-decoration:none !important;}
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:#273746;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%;}
em, i {font-style: normal;}
input,select,button,textarea{border:0; background:none; outline:none; vertical-align:middle;}
.list-image:hover img,.item-img:hover img{transform:scale(1.03);transition:all .3s ease-out 0s}
.clearfix{zoom:1;}
.clearfix:before,.clearfix:after{display:table;line-height:0;content:"";}
.clearfix:after{clear:both;}
.font-app {
    font-family: "PingFang SC", XHW-pzh, "Lantinghei SC", "Helvetica Neue", Helvetica, Arial, "Microsoft YaHei", 微软雅黑, STHeitiSC-Light, simsun, 宋体, "WenQuanYi Zen Hei", "WenQuanYi Micro Hei", sans-serif;
}
/*header*/
.hua-navbar{position: relative;background: #fff;z-index: 999;height: 70px;box-shadow: none;box-shadow: 0px 2px 8px rgba(29, 41, 57, 0.08);}
.hua-navbar.fixed{position: fixed;left: 0;top:0;right: 0;}
.hua-navbar h1{float: left;align-items: center;height: 62px;display: flex;}
.hua-navbar h1 a{display: block;}
.hua-navbar h1 a img{max-width: 100%;height: 40px;display: block;}
.hua-navbar .nav-list{margin-left: 6rem;display: block;list-style: none;float: left;}
.hua-navbar .nav-list > li{list-style: none;float: left;position: relative;}
.nav-list > li.current a{color:#0060ed;}
.nav-list > li em{position: absolute;height:70px;line-height: 70px;right: 13px;color: #161c2d;z-index: -9;}
.nav-list > li em i{font-size:17px;}
.nav-list > li.current em{color: #0060ed;}
.nav-list li:hover a,.nav-list li:hover i.down {color:#0060ed}
.nav-list li .down:before {display:inline-block;transition: all .3s ease-out 0s;}
.nav-list li:hover .down:before {transform:rotate(90deg);-webkit-transform:rotate(90deg);}
.nav-list.active li .down:before {display:inline;}
.nav-list > li > a{height: 70px;line-height: 70px;display: inline-block;padding:0 26px;font-size: 16px;color: #333333;}
.nav-list li small {position:absolute;display:block;right:0px;top:12px;font-size:.625rem;font-weight:400;line-height:1;color:#ffffff;background:#f53939;background-image:linear-gradient(310deg,#f53939,#fbcf33);border-radius:4px 4px 4px 0;padding:0.2rem 0.3375rem;}
.nav-list li small.blue {background: linear-gradient(to right,#0056f3 0%,#2b76ff 100%);}
.nav-list li>ul {-webkit-transform: translateY(15px);transform: translateY(15px);}
.nav-list li:hover>ul {-webkit-transform: translateY(0px);transform: translateY(0px)}
.nav-list .sub-nav {position:absolute;text-align: center;width:111px;top:100%;left:16px;padding:.75rem;opacity:0;border:1px solid var(--border-light);border-radius:var(--radius-sm);box-shadow: 0 2px 8px 0 rgba(0, 29, 35, 0.05);visibility:hidden;-webkit-transform-origin:0 0 0;transform-origin:0 0 0;transition:all .2s ease-out 0s;z-index:9;background-color:#fff;border-radius:1px;}
.nav-list li:hover>ul {opacity:1;visibility:visible}
.nav-list .sub-nav li {display:block;border-bottom:none;border-left:none;transition:all .3s ease 0s;}
.nav-list .sub-nav li a {display:block;font-size:.875rem;transition:all .3s ease-out 0s;color:#2c2e3b;padding:.5rem;}
.nav-list .sub-nav li a:hover {color:#0060ed}
.nav-right{float:right;font-size:15px;margin-top:0px}
.nav-right li{position:relative;float:left;margin-left:15px;}
.nav-right a{display:inline-block;padding:0 15px;-webkit-transition:ease-in color .15s;transition:ease-in color .15s;position:relative}
.nav-right > li > a{padding:25px 10px 23px;-webkit-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
.nav-right > li.u-fang{align-items: center;height: 70px;display: flex;}
.nav-right > li.u-fang a {position: relative;background-color: #0060ed;padding: .5rem 1.1rem;font-size: 14px;font-weight: 600;line-height: 14px;color: #fff;border-radius: 4px;transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;}
.nav-right > li.u-fang:hover a{  background-color: #2378f5;}
.nav-line{width: 1px;background: #777;height: 10px;display: inline-block;margin: 0 5px;}
.nav-right .nav-button{display:none}
.canvas-close{display:none;}
.menu-btn {display:none;padding:6px 0;float:right;}
.menu-btn:before,.menu-btn:after,.menu-btn span {display:block;height:2px;background-color:#000;content:'';}
.menu-btn:before {width:24px;}
.menu-btn:after {width:18px;margin-left:6px;}
.menu-btn span {width:12px;margin:6px 0 6px 12px;}

.nav-search {float:right;position:relative;}
.nav-search i.fa {color:#d0cfcc;line-height:70px;font-size:18px;-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;cursor:pointer;display:block;width:28px;}
.nav-search i.fa:hover {opacity:1;}
.nav-search .s-form {padding:20px;line-height:none;display:block;background:#fff;position:absolute;right:0;top:100%;display:none;box-shadow:0px 8px 20px 0px rgba(0,0,0,0.06);border:1px solid #eee;border-top:none;z-index:1;}
.nav-search .s-form .sform {width:258px;padding-right:32px;position:relative;}
.nav-search .s-form button {border:medium none;background-color:#007bff;position:absolute;top:0;right:0;cursor:pointer;opacity:0.8;height:39px;}
.nav-search .s-form button i {color:#fff;font-size:18px;height:32px;line-height:32px;padding:0 10px;width:40px;}
.nav-search .s-form button:hover {opacity:1}
.nav-search .s-form .sinput {background:#f8f8f8;border:1px solid #eee;padding:5px 0 0 10px;height:32px;line-height:32px;width:100%;font-size:14px;box-sizing: content-box;}
.nav-search .s-form .arrow {position:absolute;top:-17px;right:-2px;line-height:26px;color:#fff;font-size:20px;opacity:1;}

/*footer*/
.footer {background:#2d3236;color:rgba(255,255,255,.7);padding:30px 0;}
.footer-col {width:100%;text-align:center;padding:0 20px;}
.footer-nav {font-size:14px;list-style:none;margin:0 0 20px;padding:0;}
.footer-nav li {display:inline-block;line-height:18px;margin-right:10px;}
.footer-nav a {display:inline-block;padding-right:10px;vertical-align:top;color:#fff;}
.footer-nav a:hover {display:inline-block;padding-right:10px;vertical-align:top;color:#0a59f8;}
.footer-nav li:after {content:"|";display:inline-block;font-size:12px;line-height:18px;opacity:.8;vertical-align:top;}
.footer-nav li:last-child:after {display:none}
.footer .copyright {font-size:14px;}
.footer .copyright p {margin:0 0 5px;}

.rollbar {position:fixed;right:20px;bottom:30%;z-index:99;display:block;}
.rollbar .actions {position:relative;width:100%;list-style-type:none;margin:0;padding:0;}
.rollbar .actions .contbar {position:relative;margin-bottom:10px;box-shadow: -8px 0px 35px 0px rgb(181 181 181 / 32%);background-color: #fff;border-radius: 30px;}
.rollbar .actions .contbar>a {display:block;cursor:pointer;position:relative;border:0;opacity:1;width:50px;text-align:center;height:50px;}
.rollbar .actions .contbar>a>i {font-size:23px;color:#111010;display:block;padding:13px 0;}
.rollbar .actions .contbar.tel>a>i{color:#616261;}
.rollbar .actions .contbar.wx>a>i{color:#616261;}
.rollbar .actions .contbar.tel>a>i:hover{color:#14b6f6;}
.rollbar .actions .contbar.wx>a>i:hover{color:#1abb0d;}
.rollbar .rollbar-item {position:absolute;margin-top:10px;border-radius:30px;background-color:#ffffff;color:#555;width:50px;text-align:center;cursor:pointer;-webkit-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out;box-shadow: 8px 8px 20px 0 rgba(55,99,170,.1);line-height:50px;height:50px;}
.rollbar .rollbar-item i {line-height:45px;font-weight: 200;font-size: 30px;}
.rollbar .rollbar-item:hover i{color:#0a59f8;}
.rtbar_shwx {display:none;width:130px;position:absolute;top:0;right:50px;}
.rtbar_shwx .rtbar_qrimg {background-color:#fff;box-shadow:0 2px 14px 0 rgba(0,0,0,0.08);padding:8px 8px;margin-right:12px;position:relative;text-align:center;}
.rtbar_shwx .rtbar_qrimg span {font-size:12px;color:#758096;}
.rtbar_qrimg::after {content:'';position:absolute;right:-12px;top:26px;width:0;height:0;border:7px solid transparent;border-left:12px solid #fff;border-right:12px;}

/*breadcrumb*/
.breadcrumb {position:relative;margin-bottom:1rem;}
.breadcrumb .crumb-inner {color:#333b55;font-size:12px;box-sizing:border-box;display:block;margin-left:auto;margin-right:auto;line-height:30px;}
.breadcrumb .crumb-inner i.icon-shijian{color: #666 !important;padding:0 5px;font-size: 12px;}
.breadcrumb .crumb-inner i {color: #000 !important;padding-right:5px;font-size: 18px;vertical-align: bottom;}
.breadcrumb .crumb-inner i.icon-home {color: #333b55 !important;}
.breadcrumb a,.breadcrumb span {font-size:12px;color:#333b55;}
.breadcrumb a:hover,.breadcrumb span:hover {font-size:12px;color:#0a59f8;}
/*pagination*/
.pagination {padding:20px 10px;text-align:center;background:#fff;border-radius:6px;}
.pagination a {background-color:#fff;border-color:#f4f4f4;border-style:solid;border-width:1px;color:#666;margin:2px;padding:5px 15px;text-decoration:none;border-radius:4px;transition:all 0.2s ease 0s;}
.pagination a:hover {background-color:#0a59f8;border-color:#0a59f8;border-style:solid;border-width:1px;color:#fff;}
.pagination a:active {border-color:#0a59f8;border-style:solid;border-width:1px;color:#000;}
.pagination .thisclass {background-color: #0a59f8;
    border-color: #0a59f8;
    border-style: solid;
    border-width: 1px;
    color: #fff;
    margin: 2px;
    padding: 5px 15px;
    text-decoration: none;
    border-radius: 4px;
    transition: all 0.2s ease 0s;}
.pagination b {background-color:#0a59f8;border-color:#0a59f8;border-style:solid;border-width:1px;color:#fff;margin:2px;padding:5px 15px;text-decoration:none;border-radius:4px;transition:all 0.2s ease 0s;}

@media only screen and (max-width: 900px){
.container {width: 100%;}
.footer .copyright{font-size: 12px;}
.hua-navbar{height: 62px;}
.hua-navbar h1  {padding: 8px 0;}
.hua-navbar .nav-list{padding:50px 15px;position: fixed;right: -280px;top:0;bottom: 0;width: 250px;margin-left:0;background: #fff;z-index: 99999;transition: all .3s ease;opacity: 0;}
.hua-navbar .nav-list.show{right: 0px;opacity: 1;}
.hua-navbar .nav-list > li{float: none;display: block;margin:8px 0;background-color: #f7f7f7;}
.hua-navbar .nav-list > li > a{height: 40px;line-height: 40px;}
.nav-list li small{right: 20%;}
.nav-list > li.current a{background-color:initial;}
.canvas-close {display:block;position: absolute;right: 14px;top: 14px;width:30px;height:30px;z-index: 99999;color: #000;transition: all .3s ease;}
.canvas-close i{font-size:30px;transition: all .3s ease;}
.nav-list.show li em.dot {position: absolute;top: 0;right: 0;width: 50px;height: 40px;text-align: center;cursor: pointer;line-height: 40px;z-index: 999;}
.nav-list.show li em.dot i{font-size:26px;}
.nav-list .sub-nav{padding:5px 10px;left: 0;background: #eaeaea;width: 100%;position: relative;box-shadow: none;text-align: center;display:none;transition:none;opacity: 1;visibility: visible;-webkit-transform: translateY(0px);transform: translateY(0px);}
.nav-list .sub-nav li{background: #f7f7f7;margin: 10px 0px;border-radius: 4px;}
.nav-list li .down:before {transition: all .2s ease-out 0s;}
.nav-list li:hover .down:before {transform:rotate(0deg);-webkit-transform:rotate(0deg);}
.nav-list li.on .down:before {transform:rotate(180deg);-webkit-transform:rotate(180deg);}
.nav-list li:hover a, .nav-list li:hover i.down {color: #2c2e3b;}
.nav-list .sub-nav li a{padding: 6px 0;display: inline-block;width: 100%;}
.hua-overlay{position: fixed;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0,0,0,.7);z-index: 9998;opacity:1;backdrop-filter: blur(2px);} 
.nav-right{font-size: 18px;}
.nav-right li{position: initial;}
.nav-right .nav-button{display:block;padding:15px 0 15px 0px;margin-left: 5px;}
.nav-right .nav-button a{padding:7px 0 !important}
.u-fang{display: none;}
.nav-search i.iconfont{line-height: 62px;}
.nav-search .s-form{width: 100%;border-top: 1px solid #f2f2f2;}
.nav-search .s-form .sform{width: 100%;}
.pagination .pagesize{display: none;}
}

.tags-list {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.tags-list a {
    display: inline-flex;
    align-items: center;
    padding: 4px 12px;
    border-radius: 4px;
    background: #f5f6f7;
    color: #666;
    text-decoration: none;
    transition: all 0.3s ease;
}

.tags-list a:hover {
    background: #e9ecef;
    color: #333;
}

.tags-list a::before {
    content: "";
    display: inline-block;
    width: 20px;
    height: 15px;
    margin-right: 5px;
    vertical-align: middle;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI4MCIgaGVpZ2h0PSI2MCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0idXJsKCNhKSIgZD0iTTAgMzBDMCAxMy40MzEgMTMuNDMxIDAgMzAgMGgyMGMxNi41NjkgMCAzMCAxMy40MzEgMzAgMzAgMCAxNi41NjktMTMuNDMxIDMwLTMwIDMwSDMwQzEzLjQzMSA2MCAwIDQ2LjU2OSAwIDMwWiIvPjxwYXRoIGZpbGw9IiNmZmYiIGQ9Ik01MS43MTcgMjcuNjk0YTUuMDgzIDUuMDgzIDAgMCAxLTcuMTg4IDBsLTEuOTk2LTEuOTk3YTUuMDgzIDUuMDgzIDAgMCAxIDAtNy4xODhsMS45OTYtMS45OTdhNS4wODMgNS4wODMgMCAwIDEgNy4xODggMGwxLjk5NyAxLjk5N2E1LjA4MyA1LjA4MyAwIDAgMSAwIDcuMTg4bC0xLjk5NyAxLjk5N1ptLTEzLjgyMS00LjE4YTUuMDgzIDUuMDgzIDAgMCAxLTUuMDgzIDUuMDg0SDI5Ljk5YTUuMDgzIDUuMDgzIDAgMCAxLTUuMDgyLTUuMDgzVjIwLjY5YTUuMDgzIDUuMDgzIDAgMCAxIDUuMDgyLTUuMDgzaDIuODI0YTUuMDgzIDUuMDgzIDAgMCAxIDUuMDgzIDUuMDgzdjIuODI0Wm0xNi43MjIgMTYuMzY3YTUuMDgzIDUuMDgzIDAgMCAxLTUuMDgzIDUuMDgzaC0yLjgyNGE1LjA4MyA1LjA4MyAwIDAgMS01LjA4Mi01LjA4M3YtMi44MjRhNS4wODMgNS4wODMgMCAwIDEgNS4wODItNS4wODNoMi44MjRhNS4wODMgNS4wODMgMCAwIDEgNS4wODMgNS4wODN2Mi44MjRabS0xNi43MjIgMGE1LjA4MyA1LjA4MyAwIDAgMS01LjA4MyA1LjA4M0gyOS45OWE1LjA4MyA1LjA4MyAwIDAgMS01LjA4Mi01LjA4M3YtMi44MjRhNS4wODMgNS4wODMgMCAwIDEgNS4wODItNS4wODNoMi44MjRhNS4wODMgNS4wODMgMCAwIDEgNS4wODMgNS4wODN2Mi44MjRaIi8+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJhIiB4MT0iMCIgeDI9IjgwIiB5MT0iMjkuMTQzIiB5Mj0iMjkuMTQzIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+PHN0b3Agc3RvcC1jb2xvcj0iIzMyQUNGRiIvPjxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iIzEzOTRGMiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjwvc3ZnPg==);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.site-heading {position:relative;display:flex;align-items:center;justify-content:center;text-align:center;padding:8rem 0 6rem}
.site-heading .heading-poster {background-image: -webkit-linear-gradient(left,#ffffff,#e3edff 25%,#f3e9fe 50%,#e3edff 75%,#ffffff);position:absolute;left:0;top:0;width:100%;height:100%;background-position:center;background-size:cover;background-repeat:no-repeat}
.site-heading .heading-inner {position:relative;width:100%}
.site-heading .heading-slogan {font-size:2.2rem;font-weight:700}
.site-heading .heading-search {position:relative;max-width:800px;margin:0 auto}
.site-heading .heading-search .search-input {width:100%;padding: .7rem 1rem;padding-right:4rem;font-size: 16px;border:1px solid #f0f3ff}
.site-heading .heading-search .search-button {position:absolute;right:0;top:0;bottom:0;width:5rem;z-index:1;color:#929292;}
.site-heading .heading-search .search-button .iconfont {position:relative;top:.05em}
.site-heading .heading-search-tags a {background-color:#fff;margin:.25rem;color:#666;transition: all .3s ease-in-out;}
.site-heading .heading-search-tags a:hover{background-color:#000;color:#fff;}
@media (max-width:767.98px) {.site-heading {height:auto;padding:3rem 0 1.5rem}
.site-heading .heading-slogan {font-size:2rem}
}
@media (max-width:991.98px) {.site-heading .heading-search-tags {overflow-x:scroll;overflow-y:hidden;justify-content:start;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar}
.site-heading .heading-search-tags a {background-color:#fff;}
}
@media (min-width:768px) and (max-width:991.98px) {.site-heading {padding:5rem 0 3.5rem}
.site-heading .heading-slogan {font-size:2rem}
}
@media (min-width:992px) and (max-width:1199.98px) {.site-heading {padding:7rem 0 4.5rem}
}
.site-heading .heading-search .form-control:focus {
    outline:0;box-shadow:none;border:1px solid #f0f3ff;
}



.site-content {
    position: relative;
    padding: 1.5rem 0;
    transition: all .2s ease-in-out;
}
.hot-posts-grid .hot-posts{position: relative;border-radius: 5px;max-width: 100%;}
.hot-posts-grid div:nth-child(1)>.hot-posts{background: linear-gradient(to right,#5465ff,#549aff);flex: 0 0 auto;}
.hot-posts-grid div:nth-child(2)>.hot-posts{background: linear-gradient(to right,#ff4040,#ff595e);flex: 0 0 auto;}
.hot-posts .card-header {
    padding: 1.75rem 1.75rem 0;
    margin: 0 0 -.5rem;
}
.hot-posts .card-header h2 {font-size: 1.375rem;line-height: 1.4;}
.hot-posts .card-header h2 a{color: #fff;}
.hot-posts .card-header h2 i{position: relative;top: 0;font-weight: 400;margin: 0 .5rem 0 0;font-size: 24px;}
.hot-posts .card-body{padding: 1.75rem;}
.hot-posts .card-body ul li {
    padding-top: .125rem;
    padding-bottom: .125rem;
    margin-bottom: .55rem;
    position: relative;
    padding-left: 1.5rem;
    transition: all .3s ease-in-out;
}
.card-body ul li:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 8px;
    width: 5px;
    height: 5px;
    background-color: #fff;
    border-radius: 10px;
    transform: translateY(-50%);
}
.card-body ul li a{color:#fff;font-size:.9375rem;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.hot-posts-grid .hot-posts ul li:last-child{margin-bottom:0}
.hot-posts-grid .hot-posts ul li:hover{background-color:rgb(255 255 255/10%);border-radius:6px;}


.support-list-body .card-header{background-color: transparent;
    border-width: 0;padding: 1.75rem 1.75rem 1rem;
    margin: 0 0 -.5rem;
}
.support-list-body .card{border: 1px solid #efefef;border-radius:6px;}
.support-list-body h3{font-size: 22px;font-weight: 600;}
.support-list-body h3 i{margin-right: 8px;font-size: 22px;}
.support-list-body ul li {
    position: relative;
    padding-left: 1.5rem;
    margin-bottom: .75rem;
}
.support-list-body ul li:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 8px;
    width: 5px;
    height: 5px;
    background-color: #6e6e6e;
    border-radius: 10px;
    transform: translateY(-50%);
    opacity: .4;
}
.support-list-body ul li a {
    color: #6e6e6e;
}
.support-list-body ul li:hover a {color:#5465ff}
.card-footer{padding: 0 1.75rem 1.75rem;background-color: transparent;border-top:0px;}

.btn-block {
    display: block;
    width: 100%;
    padding-left: .75rem;
    padding-right: .75rem;
    border:0px;
}
.card-footer:hover a {background-color: #000;color:#fff;border:0px;}

.cats-recommend-grid .item {display:flex;flex-direction:column;flex:1 1 auto;min-width:0;word-wrap:break-word;padding:1.5rem;transition:all .3s ease-in-out;box-shadow:none;border-radius:6px;}
.cats-recommend-grid .item .item-icon {display:flex;align-items:center;justify-content:center;width:36px;height:36px;font-size:1.75rem}
.cats-recommend-grid .item .item-icon img {width:32px;height:32px;display:block;-o-object-fit:cover;object-fit:cover;width:100%;height:100%}
.cats-recommend-grid div:nth-child(6n+1) .item {background-color:#fff0ef;border-color:#fff0ef}
.cats-recommend-grid div:nth-child(6n+2) .item {background-color:#fffae2;border-color:#fffae2}
.cats-recommend-grid div:nth-child(6n+3) .item {background-color:#ebffe8;border-color:#ebffe8}
.cats-recommend-grid div:nth-child(6n+4) .item {background-color:#fff7ef;border-color:#fff7ef}
.cats-recommend-grid div:nth-child(6n+5) .item {background-color:#e1faf3;border-color:#e1faf3}
.cats-recommend-grid div:nth-child(6n+6) .item {background-color:#f0f3ff;border-color:#f0f3ff}
.cats-recommend-grid .item:hover {opacity:.9;transform:scale(1.05)}
.cats-recommend-grid .item a:hover {color:var(--color-dark)}

/*list*/
.archive-heading .archive-icon {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 32px;
    height: 32px;
}
.archive-heading .archive-icon i{font-size: 22px;}
.archive-heading h1{font-size: 2rem;line-height: 1.4;font-weight: 600;}
.archive-heading h1 sup{font-size: 1.0625rem !important;}

.list-grid.list-grid-padding .list-item {padding:1.5rem;border: 1px solid #efefef;border-radius: 10px;}
.list-grid.list-grid-padding .list-content {padding:0 1.5rem 0 0}
.list-body{flex:1 1 auto}
.list-body a{font-size: 1.1rem;}
.list-grid>div {
    display: flex;
}
@media (max-width:767.98px) {.list-grid.list-grid-padding .list-item {align-items:center;padding:1.25rem}
.list-grid .list-item .media {width:80px;height:60px}
.archive-heading h1{font-size: 1.5rem;}

}
@media (min-width:768px) and (max-width:991.98px) {.list-grid.list-grid-padding .list-item {align-items:center;padding:1.25rem}
.list-grid .list-item .media {width:120px;height:90px}
}
@media (min-width:992px) and (max-width:1199.98px) {.list-grid.list-grid-padding .list-item {align-items:center;padding:1.375rem}
.list-grid .list-item .media {width:120px;height:90px}
}
.list-bordered .list-item {border-top:1px solid #efefef;margin-top:-1px}
.list-bordered .list-item:first-child {border-top:none}
.list-bordered .list-item .list-content {padding:1.25rem 0}
.list-bordered .list-item .list-title {position:relative;padding-left:30px}
.list-bordered .list-item .list-title .list-icon {position:absolute;left:0;top:-1px;font-weight:400;opacity:.6}
.h-2x {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.list-footer {
    margin-top: .875rem;
}

.content-wrapper{margin:20px 0;}
.post-title{margin-bottom:1.5rem;padding-bottom:1.25rem;border-bottom:1px solid #efefef;}
.post-title h1{font-size: 2rem;line-height: 1.4;font-weight: 600;}
.post-content {position:relative;line-height:1.85;text-align:justify}
.post-content a:hover,.post-content a:focus {text-decoration:none}
.post-content p {margin:0 0 1.5rem}
.post-content h1,.post-content h2,.post-content h3 {margin:3rem auto 1.5rem}
.post-content h4,.post-content h5,.post-content h6 {margin:3rem auto 1.5rem}
@media (max-width:767.98px) {.post-title {margin-bottom:1.25rem;padding-bottom:1rem}
.post-content h1,.post-content h2,.post-content h3 {margin:2rem auto 1.5rem}
.post-content h4,.post-content h5,.post-content h6 {margin:2rem auto 1.5rem}
}
@media (min-width:768px) and (max-width:991.98px) {.post-content h1,.post-content h2,.post-content h3 {margin:1rem auto 1rem}
.post-content h4,.post-content h5,.post-content h6 {margin:1rem auto 1rem}
}
@media (min-width:992px) and (max-width:1199.98px) {.post-content h1,.post-content h2,.post-content h3 {margin:1.5rem auto 1rem}
.post-content h4,.post-content h5,.post-content h6 {margin:1.5rem auto 1rem}
}
.post-content p>a,.post-content li>a,.post-content dd>a,.post-content td a,.post-content th a,.post-content h1 a,.post-content h2 a,.post-content h3 a,.post-content h4 a,.post-content h5 a,.post-content h6 a,.post-content em a,.post-content strong a {border-bottom:1px dashed var(--border-primary);transition:.3s ease-in}
.post-content p>a:hover,.post-content li>a:hover,.post-content dd>a:hover,.post-content td a:hover,.post-content th a:hover,.post-content h1 a:hover,.post-content h2 a:hover,.post-content h3 a:hover,.post-content h4 a:hover,.post-content h5 a:hover,.post-content h6 a:hover,.post-content em a:hover,.post-content strong a:hover {border-bottom-style:solid}
.post-content a:hover,.post-content a:focus {text-decoration:none}
.wp-block-quote a,.wp-block-quote p>a {border-color:var(--border-light)}
.wp-block-quote a,.wp-block-quote a:hover {color:inherit}
.post-content>table,.post-content div>table {max-width:100%;width:100%;overflow:hidden;margin:0;border:1px solid var(--border-light);border-collapse:collapse;border-spacing:0;empty-cells:show}
.post-content>table th,.post-content div>table th {font-weight:700}
.post-content>table th,.post-content>table td,.post-content div>table th,.post-content div>table td {border:1px solid var(--border-light);padding:.75rem 1.125rem;margin:0;overflow:visible}
.post-content>table thead,.post-content div>table thead {vertical-align:bottom;white-space:nowrap}
.post-content>table tbody tr:nth-child(odd),.post-content div>table tbody tr:nth-child(odd) {background:var(--bg-light)}
.post-content>.alignleft>table,.post-content>.alignright>table,.post-content div>.alignleft>table,.post-content div>.alignright>table {margin:0}
.post-content caption {background:var(--bg-light);font-weight:600;padding:.5em;text-align:center}
.post-content code {margin:0 1px;padding:.2em .4em;font-size:.9em;color:inherit;background:#f2f4f5;border:1px solid #f0f0f0;border-radius:3px}
.post-content ul,.post-content ol {padding:0 0 0 1.5rem}
.post-content li {margin:0 0 .5rem}
.wp-block-image img{box-sizing:border-box;height:auto;max-width:100%;vertical-align:bottom}
.post-copyright {
    background: linear-gradient(270deg,rgba(238,241,246,0) 3.31%,#f7f8fb 25.85%,#f7f8fb 73.15%,rgba(238,241,246,0) 99.1%);
}
.post-nextprev .nextprev-block {
    position: relative;
    padding: 2rem 3rem 2rem 5rem;
    flex: 1 1 auto;border: 1px solid #efefef;border-radius: 8px;
}
.post-nextprev .nextprev-block.next-block {padding:2rem 5rem 2rem 3rem;border: 1px solid #efefef;border-radius: 8px;}
.post-nextprev .nextprev-block .nextprev-icon {position:absolute;left:0;top:50%;font-size:3em;opacity:.3}
.post-nextprev .prev-block .nextprev-icon {left:0;transform:translate(50%,-50%)}
.post-nextprev .next-block .nextprev-icon {left:auto;right:0;transform:translate(-50%,-50%)}
.screen-reader-text {clip:rect(1px,1px,1px,1px);width:1px;height:1px;overflow:hidden;position:absolute !important;word-wrap:normal !important}

.box-block {
    padding: 2rem 2rem;
}
.box-block h2{font-size: 20px;font-weight: 600;}

.blog-block .blog-list li {position:relative;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between;align-items:center;gap:5px;padding:5px 8px 5px 12px;margin-bottom:1rem;border-radius:6px;background-image:linear-gradient(90deg,var(--gray-6) 0%,rgba(0,0,0,0) 100%);transition:.3s}
.blog-block .blog-list li:hover {transform:scale(1.02) translateY(-4px);}
.blog-block .blog-list li:last-child {margin-bottom:0;}
.blog-block .blog-list li.top {background-image:linear-gradient(90deg,rgba(255,166,0,0.1) 0%,rgba(0,0,0,0) 100%)}
.blog-block .blog-list li.hot {background-image:linear-gradient(90deg,rgba(255,0,0,0.1) 0%,rgba(0,0,0,0) 100%)}




/*app*/
@media only screen and (max-width: 900px){
body {background: #ffffff!important;}
.container{width: 100%;}

}