.section-bg{padding:1rem 0;}
.feature-posts-wrap {overflow:hidden;position:relative;margin-top:1rem;}
.feature-posts-bg {background-color:#000;background-position:50%;background-repeat:no-repeat;background-size:100% auto;background-size:cover;filter:blur(2px);height:100%;left:0;position:absolute;top:0;transition:background-image .1s ease 0s;width:100%;}
.feature-posts-bg:after {background:rgba(0,0,0,.5);content:"";height:100%;left:0;position:absolute;top:0;width:100%;}

.feature-posts-wrap .fp-item {background-position:50%;background-repeat:no-repeat;background-size:100% auto;background-size:cover;float:left;height:0;overflow:hidden;padding-bottom:18%;position:relative;transition:all .6s ease 0s;width:25%}
.feature-posts-wrap .fp-item-0 {padding-bottom: 36%;width: 50%;}
@media (max-width:767px) {.feature-posts-wrap .fp-item {padding-bottom:36%;width:50%}}
.feature-posts-wrap .fp-item:hover {transition:all .6s ease 0s}
.feature-posts-wrap .fp-item:hover:before {opacity:0;transition:all .6s ease 0s}
.feature-posts-wrap .fp-item:before {background:rgba(0,0,0,.2);content:"";height:100%;left:0;position:absolute;top:0;transition:all .6s ease 0s;width:100%}
.feature-posts-wrap .fp-item:after {background:linear-gradient(180deg,transparent,rgba(0,0,0,.5));bottom:0;content:"";height:80px;left:0;position:absolute;width:100%}
.feature-posts-wrap .fp-item-0 {padding-bottom:36%;width:50%}
@media (max-width:767px) {.feature-posts-wrap .fp-item-0 {padding-bottom:72%;width:100%}}
.feature-posts-wrap .fp-item-0 .fp-item-inner .item-title {font-size:18px;max-height:50px}
.feature-posts-wrap .fp-item-inner {height:100%;left:0;position:absolute;text-decoration:none;top:0;width:100%}
.feature-posts-wrap .fp-item-inner .item-title {bottom:40px;color:#fff;font-size:16px;line-height:1.4;margin:0;max-height:42px;text-decoration:none;text-overflow:ellipsis;-webkit-box-orient:vertical;display:-webkit-box;-webkit-line-clamp:2}
.feature-posts-wrap .fp-item-inner .item-meta,.feature-posts-wrap .fp-item-inner .item-title {box-sizing:border-box;left:0;overflow:hidden;padding:0 15px;position:absolute;width:100%;z-index:1}
.feature-posts-wrap .fp-item-inner .item-meta {bottom:15px;color:#eee;font-size:12px;line-height:14px}
@media (max-width:767px) {.feature-posts-wrap .fp-item-inner .item-meta {font-size:torem(10)}}
.feature-posts-wrap .fp-item-inner .item-meta-left {float:left}
.feature-posts-wrap .fp-item-inner .item-meta-right {float:right}
.feature-posts-wrap .fp-item-inner .item-meta-right>span {margin-left:10px}
.feature-posts-wrap .fp-item-inner .item-meta-right>span .iconfont {font-size:14px;margin-right:2px;vertical-align:top}

.main-list-tabs {font-size:0;list-style:none;margin-bottom:20px;overflow:hidden;padding:0;text-align:center;white-space:nowrap;}
.main-list-tab {display:inline-block;margin-left:35px;position:relative;}
.main-list-tab:first-child {margin-left:0;}
.main-list-tab a {color:#333;display:block;font-size:16px;font-weight:500;line-height:30px;text-decoration:none;}
.main-list-tab a:hover {color:#000}
.main-list-tab.active a {color:#000;font-weight:600;}
.tab-list {display:none;min-height:400px;}
.tab-list.active {display:block;}

.post-loop-image{display: flex;flex-wrap: wrap;margin: -10px -10px 10px;}
.post-loop-image .item {box-sizing: border-box;flex-shrink: 0;padding: 10px;width: 25%;transition:all .3s ease 0s;}
.post-loop-image.cols-3 .item {width: 33.33%;}
.post-loop-image .item-inner {background:#fff;border-radius:4px;overflow:hidden;transition:all .2s ease-out 0s;border:1px solid #eaeaea;}
.post-loop-image .item:hover .item-inner{-webkit-transform:translateY(-3px);transform:translateY(-3px);-webkit-box-shadow:0 1rem 3rem rgba(31,45,61,.13);box-shadow:0 1rem 3rem rgba(31,45,61,.13)}
.post-loop-image .item-img {overflow:hidden;position:relative;}
.post-loop-image .item-thumb {display:block;height:100%;width:100%;}
.post-loop-image .item-thumb img {display:block;height:185px;object-fit:cover;width:100%;transition:all .2s ease-out 0s;}
.post-loop-image .item-img .item-category {background:rgba(0,0,0,.5);border-radius:3px;color:#fff;font-size:12px;left:15px;line-height:14px;padding:4px 8px;position:absolute;top:15px;}
.post-loop-image .item-category:hover {background:#103c95;}
.post-loop-image .item-title {font-size:16px;font-weight:500;margin:0;padding:15px;}
.post-loop-image .item-title a {color:#1a1a1a;height:44.8px;line-height:1.4;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical;display:block;display:-webkit-box;-webkit-line-clamp:2;text-decoration:none;}
.post-loop-image .item-title a:hover {color:#103c95;}
.post-loop-image .item-excerpt {color:#878787;font-size:14px;line-height:1.425;padding:0 15px;margin-bottom:15px;max-height:52px;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical;display:block;display:-webkit-box;-webkit-line-clamp:2}
.post-loop-image .item-excerpt p {color:#878787;font-size:14px;margin-bottom:0}
.post-loop-image .item-meta {display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#a1a1a8;padding:0 15px 15px;}
.post-loop-image .item-meta .meta-li {color:#a1a1a1;font-size: 14px; display: inline-block;line-height: inherit;margin-right: 15px;vertical-align: top;}
.post-loop-image .item-meta .meta-li i {margin-right:.2rem;}
.post-loop-image .item-meta .meta-li:last-child {-webkit-box-flex: 1;-ms-flex: 1;flex: 1;text-align: right;margin-right: 0;}


/*list*/
.list-box {
    position: relative;
    background-color: #fff;
    padding: 1.2rem;
    clear: both;
    overflow: hidden;
    margin-bottom: 1.5rem;
    border-radius: 4px;
    box-shadow: 0 0 1px 0 rgb(38 38 38 / 20%);
}
.tit {padding: .5rem 0;display: inline-block;width: 100%;position: relative;}
.tit h3 {position:relative;padding:0 0 0 10px;font-size:1.1rem;color:#121212;font-weight:500;line-height:1;}
.tit h3:before {position:absolute;left:0;top:0px;width:3px;height:100%;border-radius:1px;content:"";background-color:#121212;}
.list-grid{position: relative;}
.list-grid li {margin:0;padding:15px 0;display:flex;width:100%;position:relative;overflow:hidden;}
.list-grid li .item-img {width:100px;flex-shrink:0;overflow:hidden;border-radius:6px;}
.list-grid li .item-img-inner {display:block;}
.list-grid li .item-img img {display:block;width:100%;height:80px;object-fit:cover;transition:opacity .3s,transform .3s ease-in-out}
.list-grid li:hover img{opacity:.86;transform:scale(1.05)}
.list-grid li .item-content {position:relative;margin-left:10px;width:calc(100% - 110px);flex-shrink:1;}
.list-grid 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;}
.list-grid li .item-content .item-title a {color:#262626;font-size:14px;}
.list-grid li .item-content .item-title a:hover {color:#121212;}
.list-grid li .item-content p i {font-size:14px;margin-right:4px;}
.list-grid li .item-content .item-date {position:absolute;bottom:5px;margin:0;font-size:12px;color:#828282;line-height:14px;}

/*single*/
.entry-main {background: #fff;margin-bottom: 10px;display: block;padding: 20px 20px;box-shadow: 0 0 1px 0 rgb(38 38 38 / 20%);border-radius: 4px;}
.article-detail {position:relative;margin-bottom:20px;border-bottom:1px solid #f4f4ff;border-width:1px !important;}
.article-detail .detail-title {color:#121212;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 a {color:rgba(26, 26, 26, 0.6);font-size:14px;}
.article-detail .infos a:hover{color:#103c95;}
.article-detail .infos span {color:rgba(26, 26, 26, 0.6);font-size:14px;padding:0 .5rem;}
.article-detail .infos span:first-child{padding-left:0;}
.article-detail .infos span.dot{color: #999;font-size: 14px;margin: 0 5px;}
.article-detail .infos span a{color:#103c95;}
.article-detail .infos .iconfont {display:inline-block;padding-right:2px;font-size: 14px;}

.article-body {color:#262626;font-size:1rem;margin-bottom:20px;line-height:1.8;overflow:hidden;white-space:normal;word-wrap:break-word;word-break:normal;}
.article-body img{max-width: 100% !important;width: auto!important;height: auto !important;border-radius: 5px;text-align: center;display: block;margin: 0 auto;}
.article-body video{width: auto;max-width: 100%!important;height: auto!important;border-radius: 5px;text-align: center;display: block;margin: 0 auto;}
.article-body p {margin: 0 0 1.25rem;color:#262626;font-size:1rem;text-indent: 2rem;line-height: 1.8;}
.article-body ol{padding: 0;}
.article-body code {padding: 3px 5px;margin: 0 2px;border-radius: 2px;font-size: .875em;color: #d63384;background-color:#f4f4ff;font-family: 'Microsoft Yahei',"Helvetica Neue",Helvetica,Arial,sans-serif;word-wrap: break-word;}
.article-body pre {display:block;padding:9.5px;margin:0 0 10px;font-size:13px;line-height:1.42857143;color:#333;word-wrap:break-word;background-color:#f5f5f5;border:1px solid #ccc;border-radius:4px;font-family: "Microsoft Yahei";white-space: pre-wrap;}
.article-body pre code{color: inherit;background-color: inherit;}
.article-body pre {margin: 20px 0;font-size: 12px;line-height: 22px;background: #4a4a4a;padding: 10px 20px;color: #f8f8d4;border: 0;}
.article-body h1,.article-body h2,.article-body h3 {color:#262626;line-height: 1.8;}

.article-tags {padding:0;align-items:center;text-align: left;margin-top:2rem;}
.article-tags a {color: #777;font-size: .875rem;background: #f1f1f1;border-radius: 4px;text-align: center;padding: 5px 15px;margin-right: .5rem;}
.article-tags a:hover{background-color: #1b2953;color:#fff;}

.tip {position:relative;background: #f7f8fa;border-radius:6px;margin:1.5rem 0;transition:.5s;}
.tip >p {font-size:12px;color:#8d8f96;margin:5px 0;padding:20px 15px;}
.share {
    margin-top: 2rem;
    margin-bottom: .5rem;
    display: flex
;
    justify-content: flex-end;
}
.relevant ul {padding-top:1rem;display: flex;flex-wrap: wrap;gap: 10px; }
.relevant li {flex: 0 0 calc(50% - 7px);position:relative;padding-left:15px;list-style:none;}
.relevant li:before {position:absolute;content:'';width:5px;height:5px;left:0;top:7px;border-radius:50%;background:#999;}
.relevant li a {color:#16133d;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}


/*tool*/
/*tags*/
.tagcloud{margin-top:1.5rem;display:inline-block;padding: 0 1rem;}
.tagcloud a {position:relative;font-size:inherit !important;letter-spacing:1px;line-height:1;text-transform:capitalize;display:inline-block;margin:0 .25rem .5rem 0;border:1px solid var(--border-light);padding:.5rem .5375rem;border-radius:5px;}
.tagcloud a:hover {opacity: .8;color:#000;}
.tag-link-position-1{color:rgb(88, 40, 219);background-color:rgba(212, 62, 241, 0.1)}
.tag-link-position-2{color:#ff5473;background-color:rgba(255,84,115,.1)}
.tag-link-position-3{color:#6a933e;background-color:rgba(72,135,24,.1)}
.tag-link-position-4{color:#ff6f06;background-color:rgba(255,111,6,.1)}
.tag-link-position-5{color:#8e4aff;background-color:rgba(154,72,245,.1)}
.tag-link-position-6{color:#c58516;background-color:rgba(179,103,8,.1)}
.tag-link-position-7{color:#2997f7;background-color:rgba(41,151,247,.1)}
.tag-link-position-8{color:#5c7cff;background-color:rgba(77,130,249,.1)}
.tag-link-position-9{color:#04b9b6;background-color:rgba(8,196,193,.1)}
.tag-link-position-10{color:#d6064c;background-color:rgba(194,41,46,.1)}
.tag-link-position-11{color:#18a52a;background-color:rgba(18,185,40,.1)}
.tag-link-position-12{color:#e434e1;background-color:rgba(213,72,245,.1)}
.tag-link-position-13{color:#888;background-color:rgba(136,136,136,.1)}
.tag-link-position-14{color:#6a933e;background-color:rgba(72,135,24,.1)}
.tag-link-position-15{color:#ff6f06;background-color:rgba(255,111,6,.1)}
.tag-link-position-16{color:#c58516;background-color:rgba(179,103,8,.1)}
.tag-link-position-17{color:#2997f7;background-color:rgba(41,151,247,.1)}
.tag-link-position-18{color:#5c7cff;background-color:rgba(77,130,249,.1)}
.tag-link-position-19{color:#04b9b6;background-color:rgba(8,196,193,.1)}
.tag-link-position-20{color:#d6064c;background-color:rgba(194,41,46,.1)}
.tag-link-position-21{color:#18a52a;background-color:rgba(18,185,40,.1)}
.tag-link-position-22{color:#e434e1;background-color:rgba(213,72,245,.1)}
.tag-link-position-23{color:#6a933e;background-color:rgba(72,135,24,.1)}
.tag-link-position-24{color:#ff6f06;background-color:rgba(255,111,6,.1)}
.tag-link-position-25{color:#8e4aff;background-color:rgba(154,72,245,.1)}
.tag-link-position-26{color:#c58516;background-color:rgba(179,103,8,.1)}
.tag-link-position-27{color:#2997f7;background-color:rgba(41,151,247,.1)}
.tag-link-position-28{color:#5c7cff;background-color:rgba(77,130,249,.1)}
.tag-link-position-29{color:#04b9b6;background-color:rgba(8,196,193,.1)}
.tag-link-position-30{color:rgb(88, 40, 219);background-color:rgba(212, 62, 241, 0.1)}
.tag-link-position-31{color:#6a933e;background-color:rgba(72,135,24,.1)}
.tag-link-position-32{color:#ff6f06;background-color:rgba(255,111,6,.1)}
.tag-link-position-33{color:#c58516;background-color:rgba(179,103,8,.1)}
.tag-link-position-34{color:#2997f7;background-color:rgba(41,151,247,.1)}
.tag-link-position-35{color:#5c7cff;background-color:rgba(77,130,249,.1)}
.tag-link-position-36{color:#04b9b6;background-color:rgba(8,196,193,.1)}
.tag-link-position-37{color:#d6064c;background-color:rgba(194,41,46,.1)}
.tag-link-position-38{color:#18a52a;background-color:rgba(18,185,40,.1)}
.tag-link-position-39{color:#e434e1;background-color:rgba(213,72,245,.1)}
.tag-link-position-40{color:#6a933e;background-color:rgba(72,135,24,.1)}
.tag-link-position-41{color:#888;background-color:rgba(136,136,136,.1)}
.tag-link-position-42{color:#6a933e;background-color:rgba(72,135,24,.1)}
.tag-link-position-43{color:#ff6f06;background-color:rgba(255,111,6,.1)}
.tag-link-position-44{color:#c58516;background-color:rgba(179,103,8,.1)}
.tag-link-position-45{color:#2997f7;background-color:rgba(41,151,247,.1)}
.tag-link-position-46{color:#5c7cff;background-color:rgba(77,130,249,.1)}
.widget-adss {margin-top:20px;}
.widget-adss .asr {display:block;padding:30px 15px;text-align:center;color:#fff !important;background:#64ddbb;border-radius:4px;overflow:hidden;}
.widget-adss .asr h4 {margin:0;font-size:18px;font-weight:bold;color:#fff;}
.widget-adss .asr h5 {margin:15px 0 0;font-weight:normal;color:#fff;}
.widget-adss .asr .btn {margin-top:20px;font-weight:normal;border-radius:100px;text-align:center;vertical-align:top;user-select:none;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;transition:all .3s ease-in-out;padding:10px 30px;line-height:inherit;color:#fff;background-color:transparent;border:1px solid #fff;cursor:pointer;display:inline-block;font-size:11px;letter-spacing:1px;}
.widget-adss .asr .btn:hover,.widget-adss .asr .btn:focus {color:#555;background-color:#fff;}
.widget_media_image {padding:0;margin:0;background:none;box-shadow:none;border:none;}
.widget_media_image img {width:100%;}
/*widget_calendar*/
.widget_calendar {margin-bottom:1.5em;}
.widget_calendar table {width:100%;border-collapse:collapse;margin:0;}
.widget_calendar th {text-align:center;padding:5px;background:#f5f5f5;border:1px solid #ddd;font-weight:bold;}
.widget_calendar td {text-align:center;padding:5px;border:1px solid #ddd;}
.widget_calendar td#today {background:#f0f0f0;font-weight:bold;}
.widget_calendar caption {font-weight:bold;padding:5px;margin-bottom:5px;background:#f5f5f5;border:1px solid #ddd;}
.widget_calendar #prev a,.widget_calendar #next a {color:#0073aa;text-decoration:none;font-weight:bold;}
.widget_calendar #prev a:hover,.widget_calendar #next a:hover {color:#00a0d2;}
.widget_calendar tfoot td {padding-top:5px;}
/* widget_categories */
.widget_categories {margin-bottom:1.5em;}
.widget_categories form{padding:0 1rem;}
.widget_categories label{display: none;}
.widget_categories ul {list-style:none;margin:0;padding:0 1rem;}
.widget_categories li {padding:5px 0;border-bottom:1px solid #eee;}
.widget_categories a {color:#333;text-decoration:none;display:block;padding:3px 0;}
.widget_categories a:hover {color:#0073aa;}
.widget_categories .post-count {float:right;color:#999;font-size:0.9em;}
.widget_categories .children {margin-left:15px;padding-left:0;}
.widget_categories .current-cat > a {color:#0073aa;font-weight:bold;}
.widget_categories select {width:100%;padding:5px;border:1px solid #ddd;border-radius:3px;}
/* widget_recent_entries */
.widget_recent_entries {margin-bottom:1.5em;}
.widget_recent_entries ul {list-style:none;margin:0;padding:0 1rem;}
.widget_recent_entries li {padding:8px 0;border-bottom:1px solid #eee;line-height:1.4;}
.widget_recent_entries li:last-child {border-bottom:none;}
.widget_recent_entries a {color:#333;text-decoration:none;display:block;transition:color 0.2s;}
.widget_recent_entries a:hover {color:#0073aa;}
.widget_recent_entries .post-date {display:block;font-size:0.8em;color:#777;margin-top:3px;}
.widget_recent_entries .post-author {display:block;font-size:0.8em;color:#777;margin-top:3px;}
.widget_recent_entries .post-thumbnail {float:left;margin:0 10px 5px 0;max-width:60px;height:auto;}
.widget_recent_entries .clear {clear:both;}
/* widget_search */
.widget_search {margin-bottom:1.5em;}
.widget_search .searchform {margin:0 1rem;}
.widget_search .searchform div {position:relative;display:flex;}
.widget_search .searchform #s {flex:1;padding:10px 15px;border:1px solid #ddd;border-radius:4px 0 0 4px;font-size:14px;line-height:1.5;transition:border-color 0.3s;}
.widget_search .searchform #s:focus {outline:none;border-color:#0073aa;box-shadow:0 0 0 2px rgba(0,115,170,0.1);}
.widget_search .searchform #searchsubmit {padding:0 20px;background:#0073aa;color:white;border:none;border-radius:0 4px 4px 0;cursor:pointer;transition:background 0.3s;font-size:14px;}
.widget_search .searchform #searchsubmit:hover {background:#006799;}
.widget_search .searchform .screen-reader-text {position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0;}
@media (max-width:480px) {.widget_search .searchform #s {padding:12px 15px;}
.widget_search .searchform #searchsubmit {padding:0 15px;}
}


@media (max-width:991px) {
.post-loop-image .item{width: 50%;}
.post-loop-image .item-title{font-size: 15px;font-weight: 500;padding: 8px;}
.post-loop-image .item-meta .meta-li.category{display: none;}
.post-loop-image .item-excerpt{padding: 0 8px;}
.post-loop-image .item-meta{padding: 0 8px 10px;}




}