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

.imgbox {flex: 0 0 calc(33.333% - 7px);position:relative;border-radius:4px;overflow:hidden;background:#fff}
.imgbox:hover img {-webkit-transform:scale(1.05);transform:scale(1.05);transition:all .3s ease-out 0s}
.imgbox a {display:block;transition:all .3s ease-out 0s;}
.imgbox img {width:100%;height:345px;vertical-align:top;transition:all .3s ease-out 0s;}
.imgbox span {position:absolute;display:block;left:0;bottom:0;width:100%;padding:10px 20px;line-height:2cqmax;color:#fff;font-size:1rem;background:rgba(0,0,0,.3);box-sizing:border-box;display:block;overflow: hidden;-o-text-overflow: ellipsis;text-overflow: ellipsis;-webkit-box-orient: vertical;display: -webkit-box;-webkit-line-clamp: 2;}

.imgbox-t {width:100%;position:relative;display:inline-block;}
.imgbox-t ul{display: flex;flex-wrap: wrap;gap: 15px; }
.imgbox-t li {flex: 0 0 calc(100% - 0px);position:relative;border-radius:4px;overflow:hidden;background:#fff}
.imgbox-t li:last-child {margin-bottom:0}
.imgbox-t li:hover img {-webkit-transform:scale(1.05);transform:scale(1.05);transition:all .3s ease-out 0s}
.imgbox-t a {display:block;transition:all .3s ease-out 0s;}
.imgbox-t img {width:100%;height:165px;vertical-align:top;transition:all .3s ease-out 0s;}
.imgbox-t span {white-space: nowrap;position:absolute;display:block;left:0;bottom:0;width:100%;padding:10px 20px;line-height:24px;color:#fff;font-size:1rem;background:rgba(0,0,0,.3);box-sizing:border-box;display:block;overflow: hidden;-o-text-overflow: ellipsis;text-overflow: ellipsis;-webkit-box-orient: vertical;display: -webkit-box;-webkit-line-clamp: 2;}

.ttbox{position: relative;margin-top:2rem;}
.ttbox h2 {text-align: center;line-height: 45px;height: 45px;overflow: hidden;}
.ttbox h2 a{font-size: 40px;color: #333;}
.ttbox li {width:33.3333%;float:left;height:22px;line-height:22px;overflow:hidden;text-align:center;padding:0 10px;margin-top:15px;position:relative;}
.ttbox li:before {position:absolute;content:'';width:5px;height:5px;left:0;top:8px;border-radius:50%;background:#225da8;}
.quit {border:1px solid #eee;padding:25px 15px;position:relative;width:100%;z-index:0;}
.qTit {position:absolute;width:120px;height:40px;line-height:40px;background:#fff;z-index:1;top:-20px;left:20px;font-size:22px;color:#000;font-weight:bold;text-align:center;z-index:2;}
.quit li {background:url(../images/li.png) no-repeat;background-position:0px 9px;padding-left:15px;margin-bottom:5px;height:66px;overflow:hidden;}
.quit li div {color:#999;}

.in-tit {padding: .5rem 0;display: inline-block;width: 100%;position: relative;}
.in-tit h3 {position:relative;padding:0 0 0 16px;font-size:1.1rem;color:#121212;font-weight:500;line-height:1;}
.in-tit h3:before {position:absolute;left:0;top:1px;width:5px;height:100%;border-radius:1px;content:"";background-color:#f43d3d;}
.in-tit h3 a{color:#333;font-size: 26px;}
.in-tit h3 a:hover{color:#f43d3d;}
.feature-imgbox {width:100%;position:relative;display:inline-block;}
.feature-imgbox ul{display: flex;flex-wrap: wrap;gap: 14px; }
.feature-imgbox li {flex: 0 0 calc(50% - 7px);position:relative;border-radius:4px;overflow:hidden;background:#fff}
.feature-imgbox li:last-child {margin-bottom:0}
.feature-imgbox li:hover img {-webkit-transform:scale(1.05);transform:scale(1.05);transition:all .3s ease-out 0s}
.feature-imgbox a {display:block;transition:all .3s ease-out 0s;}
.feature-imgbox img {width:100%;height:120px;vertical-align:top;transition:all .3s ease-out 0s;}
.feature-imgbox span {position:absolute;display:block;left:0;bottom:0;width:100%;padding:2px 20px;line-height:34px;color:#fff;font-size:1rem;background:rgba(0,0,0,.3);box-sizing:border-box;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;}
.feature-imgbox li:first-child {flex: 0 0 calc(100% - 0px);}
.feature-imgbox li:first-child img{height: 210px;}

.clist ul {position: relative;}
.clist li {position:relative;margin-bottom:15px;list-style:none;}
.clist li a {color:#3a3a31;font-size: 15px; overflow: hidden;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.clist li a:hover{color:#90080E;font-weight: 600;}
.clist li:nth-child(5n+1) a{font-size: 20px;font-weight: 600;}

.one-item {display: flex;flex-wrap: wrap;gap: 10px;border-bottom: 1px solid #eee;margin-top:1.5rem;padding-bottom:1rem;}
.one-item .items{flex: 0 0 calc(100% - 0px);display: inline-block;overflow: hidden;}
.one-item .items a{overflow: hidden;display: block;}
.one-item .items a img {display:block;margin:0 auto;border:0;width:100%;height:175px;transition:opacity .3s,transform .3s ease-in-out;object-fit:cover;}
.one-item .items:hover img{opacity:.86;transform:scale(1.05)}
.one-item .items p {font-weight:normal;margin-top:10px;text-align:left;overflow:hidden;}
.one-item .items p a {font-size:15px;color:#3a3a31;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;word-break:break-all;-webkit-line-clamp:1;line-height:18px;}
.one-item .items p a:hover{color:#90080E;font-weight: 600;}
.article-ri ul {padding-top:1rem;}
.article-ri li {position:relative;padding-left:15px;margin-bottom:12px;list-style:none;}
.article-ri li:before {position:absolute;content:'';width:5px;height:5px;left:0;top:7px;border-radius:50%;background:#f43d3d;}
.article-ri li a {color:#3a3a31;font-size: 15px; overflow: hidden;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.article-ri li a:hover{color:#90080E;font-weight: 600;}
/*list*/
.top-list-item{position: relative;}
.top-list-item .item {align-items:stretch;border-bottom:1px solid #e7e7e7;display:flex;overflow:hidden;transition:all .3s ease 0s;padding: 1rem 0;}
.top-list-item .item-img {flex-grow:0;flex-shrink:0;position:relative;transition:box-shadow .3s ease 0s;width:30%;padding-left: 20px;}
.top-list-item .item-img .item-img-inner {border-radius:8px;display:block;overflow:hidden;position:relative}
.top-list-item .item-img img {display:block;height:135px;object-fit:cover;transition:all .3s ease-out 0s;width:100%}
.top-list-item .item-img .item-img-inner:hover img {transform:scale(1.03);transition:all .3s ease-out 0s}
.top-list-item .item-content {display: grid;align-content: space-between;row-gap: 0;width: 100%;}
.top-list-item .item-body{-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto}
.top-list-item .item-title {font-size: 20px;font-weight: 600;line-height: 1.5;margin: 0 0 10px;}
.top-list-item .item-title a {color:#1a1a1a;font-size: 20px;max-height:56px;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical;display:block;display:-webkit-box;-webkit-line-clamp:2;text-decoration:none}
.top-list-item .item-title a:hover {color:#90080E;}
.top-list-item .item-excerpt {color:#878787;font-size:14px;line-height:1.625;margin-bottom:15px;max-height:52px;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical;display:block;display:-webkit-box;-webkit-line-clamp:2}
.top-list-item .item-excerpt p {color:#878787;font-size:14px;margin-bottom:0}
.top-list-item .item-meta {display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#a1a1a8;}
.top-list-item .item-meta .meta-li {color:#a1a1a1;font-size: 14px; display: inline-block;line-height: inherit;margin-right: 10px;margin-left: 10px;vertical-align: top;}
.top-list-item .item-meta .meta-li.cate{margin-left: 0px;}
.top-list-item .item-meta .meta-li.cate a{font-size: 15px;}
/*single*/
.entry-main {background: #fff;margin-bottom: 10px;display: block;}
.article-detail {position:relative;margin-bottom:20px;border-bottom:1px solid #f4f4ff;border-width:1px !important;}
.article-detail .detail-title {color:#212529;font-size:32px;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:#225da8;}
.article-detail .infos span {color:rgba(26, 26, 26, 0.6);font-size:14px;padding:0 .5rem;}
.article-detail .infos span.dot{color: #999;font-size: 14px;margin: 0 5px;}
.article-detail .infos span a{color:#225da8;}
.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;}
.author {font-size: 14px;color:#666; margin-top: 2rem;margin-bottom: .5rem;display: flex;justify-content: flex-end;border-bottom: 1px solid #ccc;padding-bottom:1rem;}
.tip {position:relative;margin:1.5rem 0;transition:.5s;}
.tip >p {font-size:14px;color:#8d8f96;margin:5px 0;line-height: 1.8;}
.tip >p strong{color:#1b1b1b;font-weight: 600;}

.widget-tit {margin-bottom:20px;font-size:18px;line-height:45px;font-weight:bold;border-bottom:1px solid #eee;}
.widget-tit span {display:inline-block;border-bottom:2px solid #225da8;color:#1b1b1b;}
.rlist_con{position: relative;}
.rlist_con li {margin:0;padding:15px 0;display:flex;width:100%;position:relative;overflow:hidden;}
.rlist_con li .item-img {width:100px;flex-shrink:0;overflow:hidden;border-radius:6px;}
.rlist_con li .item-img-inner {display:block;}
.rlist_con li .item-img img {display:block;width:100%;height:80px;object-fit:cover;transition:opacity .3s,transform .3s ease-in-out}
.rlist_con li:hover img{opacity:.86;transform:scale(1.05)}
.rlist_con li .item-content {position:relative;margin-left:10px;width:calc(100% - 110px);flex-shrink:1;}
.rlist_con 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;}
.rlist_con li .item-content .item-title a {color:#262626;font-size:15px;}
.rlist_con li .item-content .item-title a:hover {color:#225da8;}

.article-list ul {padding-top:1rem;}
.article-list li {position:relative;padding-left:15px;margin-bottom:12px;list-style:none;}
.article-list li:before {position:absolute;content:'';width:4px;height:4px;left:0;top:9px;border-radius:50%;background:#225da8;}
.article-list li a {color:#262626;font-size:15px;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.article-list li a:hover {color:#225da8;}
/*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) {
.ttbox h2 a{font-size: 22px;font-weight: 600;}
.imgbox-t li{flex: 0 0 calc(50% - 8px);}
.ttbox ul{display: block;}
.ttbox li{float: none;width: 100%;text-align: left;}
.quit{margin-top: 2rem;}
}