@charset "utf-8";
 



.sub-nav {display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center; ;gap: 16px;}
.nav-tags {display: flex;flex-wrap: wrap;gap: 16px;}
.nav-tags a {padding:8px 14px;border-radius:5px;font-weight:bold;font-size: 18px;background-color:#F7F7F7;color:#333333;transition: all 0.2s;}
.nav-tags a:hover {background-color:#FDEFEE;color:#F65D57;}
.nav-tags a.active {background:linear-gradient(90deg, #F35A55 0%, #FE0178 100%);color: #FFFFFF;}
.search-box {display: flex;flex-shrink: 0;width: 350px;height: 40px;background: #F7F7F7;border-radius:5px;border: 1px solid #F3F3F3;align-items: center;justify-content: space-between;}
.search-box input {margin:0 13px; outline: none;width: 220px;font-size: 16px;transition: all 0.2s;   background: #F7F7F7;color:#333333;outline: none;width: 100%;}
.search-box input::placeholder{color:#999999;}
.search-box .fa-search{background:url(../images/icon26.png) no-repeat;width:20px; height:20px;margin:0 9px 0 0;background-size: contain;flex-shrink: 0;}
.search-box .fa-search:hover{background:url(../images/icon27.png) no-repeat;width:20px; height:20px;margin:0 9px 0 0;background-size: contain;flex-shrink: 0;}
.search-box:hover{ border: 1px solid #F65D57;background: #FEFAFA;}

.filter-bar {display: flex;flex-wrap: wrap;font-size: 14px;align-items: center;gap: 20px;}
.filter-bar:nth-child(1){border-bottom: 1px solid  #F3F3F3;padding:0 0 20px 0;margin-bottom:13px;}
.filter-bar:nth-child(2){border-bottom: 1px solid  #F3F3F3;padding:0 0 10px 0;}
.filter-label {color: #333333;font-size: 16px;flex-shrink: 0;line-height: 29px;margin:0 10px 0 0;}
.filter-links {display: flex;flex-wrap: wrap;gap:15px 30px;}
.filter-links a {padding: 2px 0;font-size: 16px;color:#333333;}
.filter-links a.active {color:#F65D57;height:28px;background: #FDEFEE;border-radius:5px;padding:0 14px;line-height: 29px;}
.filter-links a:hover {color: #F65D57;}
.filter-list{  border-radius: 3px;border-top:5px solid #F9F9F9;padding:22px 0 0 0;margin:23px 0 0 0;}
.mblists{display:none;}
.mblists.active{display:flex;flex-direction: column;}


.ppt-grid {display: grid;grid-template-columns: repeat(5, 1fr);gap: 28px;margin: 30px 0 0 0;}
.ppt-card {background: #FFFFFF;border-radius:5px;overflow: hidden;transition: all 0.3s ease;
    display: flex;flex-direction: column;width:248px;height: 230px;
    box-shadow: 0px 0px 15px 0px rgba(204,204,204,0.35);border-radius: 5px 5px 5px 5px;border: 1px solid #F3F3F3;
}
.ppt-card:hover { box-shadow: 0px 0px 15px 0px #FEBABA;border: 1px solid #F65D57;}
.card-img-link {display: block;background-color: #fef2f1;overflow: hidden;position: relative;}
.card-img {width: 100%;aspect-ratio: 250 / 150;object-fit: cover;display: block;transition: transform 0.4s ease;}
.ppt-card:hover .card-img {transform: scale(1.02);}
.card-img-link .fallback-text {display: none;}
.card-info {padding: 16px 14px 18px;flex: 1;}
.card-title {font-size: 16px;line-height: 1.4;margin-bottom: 12px;display: -webkit-box;
    -webkit-line-clamp:1;-webkit-box-orient: vertical;overflow: hidden;color: #333333;
}
.card-title {color: inherit;}
.card-title:hover {color: #F65D57;}
.card-meta {display: flex; align-items: center;font-size: 12px;color: #999999;margin-top: 8px;gap:30px;}
.meta-item i {margin-right: 5px;font-size: 12px;color: #b9c3d0;}
.pagination {text-align: center;margin:30px 0;}
.pagination a, .pagination .current {
    display: inline-block;padding:5px 10px;margin: 0 5px;border-radius:3px;font-size: 14px;
    background-color:#FFFFFF;border: 1px solid #E4E4E4;color:#999999;transition: all 0.2s;
}
.pagination a:hover {border-color:#333333;color:#333333;background-color: #FFFFFF;}
.pagination .current {border-color: #333333;color: #333333;}

.site-footer {border-top: 1px solid #edf2f7;text-align: center;padding: 28px 0;font-size: 13px;color: #7e8c9e;background-color: #fcfcfd;}

.ztppt-grid{display: grid;grid-template-columns: repeat(4, 1fr);gap:30px;}
.ztppt-card {width: 320px;height:290px;background: #FFFFFF;box-shadow: 0px 0px 15px 0px rgba(204,204,204,0.35);border-radius:5px;border: 1px solid #F3F3F3;transition: all .3s ease;}
.ztppt-card:hover{ border: 1px solid #F65D57;box-shadow: 0px 0px 15px 0px #FEBABA;}
.ztcard-img-link{position:relative;width:300px;height: 165px;display: flex;border-radius: 5px;}
.ztcart-toptab{position:absolute;top:15px;left:15px;width: 45px;height: 25px;background: #F65D57;border-radius:5px;text-align: center;line-height:26px;font-weight:bold;font-size: 14px;color: #FFFFFF;}
.ztcard-img{width:300px;height: 165px;border-radius: 5px;}
.ztppt-cardd{margin:10px;}
.ztcardinfo-title{font-weight:bold;font-size: 18px;color: #333333;margin:18px 0 14px 0;-webkit-line-clamp:1;}
.ztcardinfo-title:hover{ color: #F65D57;}
.ztcard-desc{font-size: 14px;color: #999999;-webkit-line-clamp: 2;}




 
 
.con-left{width:990px;}
.nav-tabs { display: flex;user-select: none;position:relative;gap:40px;}
.nav-tabs::after{ content: '';position: absolute;bottom: 0;left: 0;width: 100%;height:5px;background:#F9F9F9;border-radius: 3px;}
.nav-item {cursor: pointer;font-size: 22px;font-weight: bold;color: #333333;transition: color 0.2s;padding-bottom:15px;}
.nav-item:hover {color: #F65D57;}
.nav-item.active {position: relative;color:#F65D57;}
.nav-item.active::after {content: '';position: absolute;bottom: 0;left: 0;width: 100%;height:5px;background: linear-gradient(90deg, #F35A55 0%, #FE0178 100%);border-radius: 3px;z-index: 1;}
.article-list {display: none;}
.article-list.active {display: block;}
.list-item {display: flex;padding: 25px 0;border-bottom: 1px solid #F9F9F9;gap:20px;}
.list-item:last-child {border-bottom: none;}
.list-item:hover{ background: #FDF8F8;}
.list-item:hover .item-title a{color:#F65D57; }
.item-thumb {width: 205px;height: 120px;flex-shrink: 0;border-radius:5px;}
.item-thumb img {width: 100%;height: 100%;object-fit: cover;border-radius:5px;}
.item-body {flex: 1;display: flex;flex-direction: column;justify-content: space-between;min-width: 0;margin:0 10px 0 0;}
.item-title {font-size: 18px;font-weight: bold;color: #333333;-webkit-line-clamp:1;}
.item-title a {color: inherit;}
.item-excerpt {font-size: 16px;line-height: 24px;color: #999999;-webkit-line-clamp: 2;}
.item-meta {font-size: 14px;color: #999;display: flex;gap: 30px;flex-wrap: wrap;align-items: center;}
.con-all{justify-content: space-between;}

.sidebar {width: 350px;flex-shrink: 0;display: flex;flex-direction: column;gap:40px;}

.ztpnv-list{gap:15px;}
.ztpnv-sta{ height: 30px;background: #F7F7F7;border-radius:3px;padding:0 7px;color: #666666;line-height:30px;}
.ztpnv-sta:hover,.ztpnv-sta.active{background: #FEE6E6;color: #F65D57;}
.ztpnvp{font-size: 16px;color: #666666;line-height:26px;margin:20px 0 18px 0;}
.zttop-nav h1{ font-weight:bold;font-size: 22px;color: #333333;-webkit-line-clamp: 1;}
.zttop-nav{margin:15px 20px 20px 20px;-webkit-line-clamp:2;}
.zttopnav{ width: 1380px; height: 180px; background: #FFFFFF; box-shadow: 0px 0px 15px 0px rgba(204,204,204,0.35); border-radius:5px;border: 1px solid #F3F3F3;}

.mbdtlcon-left{width:890px;height:auto;background: #FFFFFF;box-shadow: 0px 0px 15px 0px #E8E8E8;border-radius:5px;border: 1px solid #F3F3F3;    align-self: flex-start;}
.mbdtclimg{width: 848px;height: 450px; border-radius:5px;}
.mbdtcl{margin:20px;gap:20px 0;}
.mbdtclimg-small{width: 414px;height: 240px;border-radius:5px;}
.mbdtcl-smalld{gap:20px;}
.mbdtlcnd{justify-content: space-between;}
.mbdown{width: 408px;height: 50px;background: linear-gradient(90deg, #F35A55 0%, #FE0178 100%);border-radius:5px;
    font-weight:bold;font-size: 18px;color: #FFFFFF;margin:24px 0 0 0;
}
.mbdown b{background:url(../images/icon30.png) no-repeat;width:20px; height:20px;margin:0 4px 0 0;background-size: contain;flex-shrink: 0;}
.mbdown:hover{color: #FFFFFF;background: linear-gradient(90deg,#FD322C 0%,#F50291 100%);}
.mbdown.nodown,.mbdown.nodown:hover{ background: #DFDFDF;}
.mbdtr-top{padding:0 0 27px 0;border-bottom:1px solid #F4F4F4;}
.mbdtr-top h2{font-weight:bold;}
.mbdtlcon-right{ width: 448px;height:auto;background: #FFFFFF;box-shadow: 0px 0px 15px 0px #E8E8E8;border-radius:5px;border: 1px solid #F3F3F3;    align-self: flex-start;}
.mbdtrd{margin:20px;}


.author-card {display: flex;align-items: center;margin: 20px 0;border-bottom:1px solid #F4F4F4;padding:0 0 20px 0;}
.author-avatar img {width:45px;height:45px;border-radius: 50%;margin-right: 10px;}
.author-details {display: flex;flex-direction: column;}
.author-name {font-size: 16px;color: #333;text-decoration: none;-webkit-line-clamp: 1;}
.stats-row {font-size: 14px;color: #999;margin-top: 4px;}
.resource-specs table {width: 100%;border-collapse: collapse;margin-bottom: 20px;table-layout: fixed;}
.resource-specs th {text-align: left;color: #333;font-size: 18px;font-weight:bold;}
.resource-specs td {padding: 12px 0 18px 0;color: #999999;border-bottom: 1px solid #F4F4F4;font-size: 16px;width:25%;}
.resource-specs th:nth-child(2),.resource-specs td:nth-child(2){width:20%;}
.resource-specs th:nth-child(3),.resource-specs td:nth-child(3){width:28%;}
.resource-specs th:nth-child(1),.resource-specs td:nth-child(1){width:28%;}
.related-searches .widget-title{font-size: 18px;font-weight: bold;margin-bottom: 15px;color: #333;}
.tag-list {list-style: none;padding: 0;margin: 0;display: flex;flex-wrap: wrap;gap: 15px; }
.tag-list li a {display: block;padding: 5px 12px;color: #333333;font-size: 16px;border-radius:5px;text-decoration: none;transition: all 0.2s;border: 1px solid #F3F3F3;}
.tag-list li a.active,.tag-list li a:hover {background: #fff0f0;color: #ff4d4f;border-color: #ffccc7;}
.related-searches{ border-bottom: 1px solid #F4F4F4;padding:0 0 24px 0;margin:0 0 20px 0;}
.mdtdtj-title{ display: flex;justify-content: space-between;margin:0 0 20px 0;}
.mdtdtj-title a{font-size: 14px;color: #999999;align-items: center;}
.mdtdtj-title a b{background:url(../images/icon31.png) no-repeat;width:13px; height:13px;margin:0 0 0 4px; background-size: contain;flex-shrink: 0;}
.mdtdtj-title a:hover b{background:url(../images/icon32.png) no-repeat;width:13px; height:13px;margin:0 0 0 4px;background-size: contain;flex-shrink: 0;}
.mdtdtj-title a:hover{color:#F65D57;}
.mdtdmdtd-ul{display:flex;gap:20px;flex-wrap: wrap;}
.mdtdmdtd-ul li a img{ width: 194px;height: 113px;border-radius: 5px}
.mdtdtj-title p,.mbdtrd-down p:nth-child(1){font-size: 18px;font-weight: bold;color: #333;}
.mdtdmd-tj{padding:0 0 25px 0;border-bottom: 1px solid #F4F4F4;}
.mbdtrd-down{margin:25px 0 0 0;}
.mbdtrd-down p:nth-child(2){margin:19px 0 0 0;font-size: 16px;color: #333333;line-height: 35px;}

.goindex{ width: 116px;height: 41px;border-radius:7px;border: 1px solid #F65D57;font-size: 16px;color: #F65D57;margin:24px 0 0 0;}
.goindex:hover{ color:#FFFFFF;background:linear-gradient(90deg, #F65D57 0%,#FE0E77 100%); }
.nodata-con,.nodatac-down,.nodcd-des,.nodcd-des p,.goindex{justify-content: center;    align-items: center;}
.nodataimg{width:446px;height: 249px;}
.nodcd-des{font-size: 18px;color: #333333;}
.nodcd-des p:nth-child(1){margin:40px 0 20px 0}
.nodata-con{margin:55px 0 0 0;}
.nodcd-des p span{color:#F65D57;}

.artlft-article h1{line-height: 24px;font-weight:bold;font-size: 26px;color: #333333;text-align: center;}
.meta-info {font-size: 14px;color: #999;text-align: center;justify-content: center; margin-bottom: 20px;border-bottom: 1px solid #eee;padding:20px 0;gap:0 25px;}
.alert-box {background-color:#FEF9F9;position:relative;border-radius: 5px;padding: 25px;font-size: 16px;color:#333333;line-height: 30px;margin-bottom:30px;}
.alert-box::before {content: '';position: absolute;left: 0;top: 0;bottom: 0;width:5px;
    background: linear-gradient(180deg, #FB9B98 0%, #FCCDCD 100%);border-radius:5px 0 0 5px;
}
.section-title {background-color:#FEF4F4;padding:6px 15px;border-radius:7px;border: 2px solid #FEC5C1;font-weight: bold;font-size: 20px;color:#333333;    display: inline-block;}
.artlft-article p{font-size: 16px;color: #333333;line-height: 32px;margin:22px 0 20px 0;}
.sectiona{ margin:0 auto;display: flex;width: 700px;height: 280px;}
.artlft-article .options{ font-weight:bold;font-size: 16px;color: #F65D57;line-height: 32px;}
.lastanext {margin: 15px 0 0 0;width: 990px;height: 50px;background: #F8F8F8;border-radius: 5px;align-items: center;justify-content: space-between;}
.lastart span:nth-child(1), .nextart span:nth-child(1) {color: #999999;flex-shrink: 0;}
.lastanext a span {transition: all .3s ease;}
.lastanext a {font-size: 16px;color: #333333;line-height: 35px;width: 50%;overflow: hidden;height: 30px;}
.lastanext a:nth-child(1){margin:0 0 0 18px;}
.lastanext a:nth-child(2){margin:0 18px 0 0;}
.lastanext a:hover{ color:#F65D57;}
.artadv img{ width:990px;height: 120px;margin:30px 0 36px 0;}

.xgtjtop-ul{display: flex;gap:30px;padding:0 0 20px 0;border-bottom:1px solid #F9F9F9;margin:0 0 20px 0;}
.xgtjtop-ul li{width:228px;}
.tjtplia img{ width:227px;height: 137px;border-radius: 5px}
.tjtplialink{font-size: 16px;color: #333333;line-height: 28px;-webkit-line-clamp: 2;margin:16px 0 0 0;}
.xgtjtop-ul li:hover .tjtplialink{ color: #F65D57;}
.xgtj-list{margin:20px 0 0 0;}
.tjdown-list{justify-content: space-between;gap:40px;}
.tjcdli{ width: 50%;}
.tjcdli.htombhnsid-cdli::before{top: 6px;bottom:25px;}

.artrelcon img{max-width:90%;height:auto;}