@charset "utf-8";
/*==========reset=========*/
html{font-size:100%;overflow-y:scroll;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;text-rendering:optimizelegibility;}
*,:after,:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
article,aside,blockquote,body,button,code,dd,details,dl,dt,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hr,html,input,legend,li,menu,nav,ol,p,pre,section,td,textarea,th,ul{margin:0;padding:0}
article,aside,details,figcaption,figure,footer,header,menu,nav,section{display:block}
audio,canvas,video{display:inline-block}
body,button,input,select,textarea{font:400 14px/1.8 -apple-system,SF UI Text,Arial,PingFang SC,Hiragino Sans GB,Microsoft YaHei,WenQuanYi Micro Hei,sans-serif,SimHei,SimSun}
button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0}
table{border-collapse:collapse;border-spacing:0}
fieldset,img{border:0}
li,ul{list-style:none}
.art-content li,.art-content ul{list-style:inherit}
a{text-decoration:none}
a:hover{text-decoration:none}
small{font-size:.9em}
input,textarea,button{outline:0}
h1,h2,h3,h4,h5,h6{font-family:'PingFang SC','Microsoft YaHei','SimHei','Arial','SimSun','Verdana','Helvetica Neue';font-size:100%;font-weight:500;color:#000;line-height:1.35}
/*code,pre,pre tt{font-family:Courier,'Courier New',monospace;overflow: auto;}
pre{background:#f8f8f8;border:1px solid #eee;padding:.5em .5em;display:block;-webkit-overflow-scrolling:touch;font-size: xx-small;}*/
hr{border:none;border-bottom:1px solid #cfcfcf;margin-bottom:.8em;height:10px}
.textwrap,.textwrap td,.textwrap th{word-wrap:break-word;word-break:break-all}
.textwrap-table{table-layout:fixed}
.serif{font-family:Palatino,Optima,Georgia,serif}
img{max-width:100%}
/*移除ios默认样式*/
input,textarea,button{outline-style:none;-webkit-appearance:none;}
/*==========global color=========*/
html{color:#333;background:#f6f7f8;/*background:#f2f5f9*/}
a{color:#333}
a:hover{color:#216db4}
::selection{background:#216db4;color:#fff}
::-moz-selection{background:#216db4;color:#fff}
/*==========public class=========*/
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.clear{clear:both}
.fl{float:left}
.fr{float:right}
.bn{border:none!important}
.pd{padding:1.5em}
.mb{margin-bottom:25px}
.mb10{margin-bottom:10px}
.mt{margin-top:25px}
.mr{margin-right:25px}
.mr1{margin-right:26px}
.br{/*-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px*/}
.sb{/*box-shadow: 1px 1px 1px #e6e6eb;*/background:#fff;box-shadow:0 1px 3px rgba(102,102,102,.1);}
.sbt{background:#fff;box-shadow:0 1px 3px rgba(102,102,102,.1);border-bottom: 1px solid #eef1f5;}
.sbt1{background:#fff;box-shadow:0 1px 3px rgba(102,102,102,.1);}
.nav-sb{box-shadow: 0 1px 2px 0 rgba(0,0,0,.1);background:#fff}
.container{max-width:1280px;margin:0 auto}
.transition{-webkit-transition:all ease .4s;-moz-transition:all ease .4s;-ms-transition:all ease .4s;-o-transition:all ease .4s;transition:all ease .4s}
.img-cover{object-fit:cover}
/*=====渐变扫光=====*/
.gradient{background-image: -webkit-linear-gradient(-30deg, #539FF1, #f00 30%, #002DBF 70%, #539FF1);-webkit-text-fill-color: transparent;-webkit-background-clip: text;-webkit-background-size: 200% 100%;-webkit-animation: text-background-animation 2s infinite linear;}
@-webkit-keyframes text-background-animation {0% {background-position:20% 0}100% {background-position:-120% 0}}
@keyframes text-background-animation {0% {background-position:20% 0}100% {background-position:-120% 0}}
/*单行文本溢出省略*/
.ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
/*两行文本溢出省略*/
/*.multi-ellipsis{position:relative;line-height:1.6em!important;height:3.2em!important;overflow:hidden}*/
.multi-ellipsis {
    position: relative;
    line-height: 1.8em !important;
    height: 3.55em !important;
    overflow: hidden;
    font-size: 12px;
    color: #aaa;
	display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    display: box;
    box-orient: vertical;
    word-wrap: break-word;
}
/*hover时提升按钮颜色明度*/
.brightness:hover{-webkit-filter:brightness(1.2);filter:brightness(1.2);-webkit-transition:all ease .4s;-moz-transition:all ease .4s;-ms-transition:all ease .4s;-o-transition:all ease .4s;transition:all ease .4s}

/*不同视口下对html的显隐*/
.hidden{display:none}
/*========标题栏组件样式========*/
.flink,.full-post,.related-art,.widget,#left_1,#left_2,#left_3,#middle_1,#middle_2,#full-post,#full-app,.related-item,.comment-list,.comment-submit{padding: 1.5em 1.5em 2.2em 1.5em;}
.c-title{font-size:18px;padding-bottom:.15em;position:relative;padding-left:16px;}
.c-title:after{font-size:16px;content:"+";color:#216db4;opacity:.7;left:0;width:5px;height:20px;top:0;position:absolute;-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;-o-transition:.5s;transition:.5s}
.b-title{font-size:18px;padding-bottom:.15em;position:relative;}
/*========图片缩放效果========*/
#left_2 .thumbnail img,#aside_hot_comment .list img,#full-post .thumbnail img,.recom-content .thumbnail img,.article-list img,#aside_hot img,.featured-image img,.featured2-image img{-webkit-transition: all 0.5s ease-out 0s;-moz-transition: all 0.5s ease-out 0s;-ms-transition: all 0.5s ease-out 0s;-o-transition: all 0.5s ease-out 0s;transition: all 0.5s ease-out 0s;}
#left_2 .thumbnail:hover img,#aside_hot_comment .list:hover img,#full-post .thumbnail:hover img,.article-list:hover img,#aside_hot .thumbnail:hover img,.featured-image:hover img,.recom-content .thumbnail:hover img,.featured2-image:hover img{-webkit-transform: scale(1.2);-moz-transform: scale(1.2);-ms-transform: scale(1.2);-o-transform: scale(1.2);transform: scale(1.2);}
/*========animated========*/
.animated {-webkit-animation-duration:.5s;-moz-animation-duration:.5s;-o-animation-duration:.5s;animation-duration:.5s;-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;-o-animation-fill-mode:both;animation-fill-mode:both}
@-webkit-keyframes slideDown {0% {-webkit-transform:translateY(-80px)}100% {-webkit-transform:translateY(0)}}
@-moz-keyframes slideDown {0% {-moz-transform:translateY(-80px)}100% {-moz-transform:translateY(0)}}
@-o-keyframes slideDown {0% {-o-transform:translateY(-80px)}100% {-o-transform:translateY(0)}}
@keyframes slideDown {0% {transform:translateY(-80px)}100% {transform:translateY(0)}}
.animated.slideDown {-webkit-animation-name:slideDown;-moz-animation-name:slideDown;-o-animation-name:slideDown;animation-name:slideDown}
@-webkit-keyframes slideUp {0% {-webkit-transform:translateY(0)}100% {-webkit-transform:translateY(-80px)}}
@-moz-keyframes slideUp {0% {-moz-transform:translateY(0)}100% {-moz-transform:translateY(-80px)}}
@-o-keyframes slideUp {0% {-o-transform:translateY(0)}100% {-o-transform:translateY(-80px)}}
@keyframes slideUp {0% {transform:translateY(0)}100% {transform:translateY(-80px)}}
.animated.slideUp {-webkit-animation-name:slideUp;-moz-animation-name:slideUp;-o-animation-name:slideUp;animation-name:slideUp}
/*========header========*/
.header-fixed{position:fixed;z-index:10;right:0;left:0;top:0;}
.header{height:80px;font-size:100%;width:100%;z-index:20;}
.h-wrap{height:80px;position:relative}
.header-top{height:34px;line-height:34px;overflow:hidden;color:#eee;background-color:#333}
.header-top a{color:#fff;display: inline-block;padding:0 0.5em;}
.header-top .iconfont{}
.header-top a:hover{color:#fff;background-color:#216db4}
.header-top .line{width:1px;height:10px;background-color:#ccc;display:inline-block;padding:0;}
.header-top .collect,.header-top .text{margin-left:1.5em}
.logo-area{padding-top:15px;padding-right:20px}
.logo-area .img{width:180px}
.pc-nav{max-width:80%;height:80px;}
.pc-nav li{float:left}
.pc-nav li a{height:80px;line-height:80px;padding:0 16px;font-size:14px;display:block}
.pc-nav li a:after{content:"\e8a8";font-family:iconfont!important;font-size:16px;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.pc-nav .sub-nav a:after{content:"\e8a9";font-family:iconfont!important;font-size:16px;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.pc-nav .sub-nav a:hover{color:#216db4}
.pc-nav li a {position: relative;}
.pc-nav li a::before,.pc-nav .active::before{content: "";position: absolute;left: 50%;bottom: 0;width: 20%;height: 2px;opacity: 0;background-color: #216db4;transform: translate(-50%, 0);transition: all 0.3s ease-in-out;}
.pc-nav li ul li a::before,.pc-nav li ul li a.active::before{height:0;}
.pc-nav li a:hover::before,.pc-nav .active::before {width: 50%;opacity: 1;}
.pc-nav .dropdown-nav .active::before{background-color: #fff;}
.pc-nav li a:only-child::after{content:""}
.pc-nav .li-cate{position:relative}
.pc-nav .active{color:#216db4;}
.dropdown-toggle:active,.open .dropdown-toggle{outline:0}
.dropdown-nav{position:absolute;top:44px;left:0;z-index:1000;display:none;float:left;margin:0;padding:0;background-color:#323841;list-style:none}
.dropdown-nav .active a,.dropdown-nav .active a:hover,.dropdown-nav li a:hover{background-color:#216db4;color:#fff}
.pc-nav{font-size:14px;margin-right:10px}
.pc-nav li{position:relative;list-style:none;display:block;float:left}
.pc-nav li a{text-transform:none;line-height:80px;height:80px;padding:0 16px;display:block}
.pc-nav li a i.fa{padding-right:3px;position:relative;top:0}
.pc-nav li .sub-nav{text-align:left;position:absolute;top:78px;left:-17px;display:none;background:#fff;border: 1px solid #eaeeef;}
.pc-nav li .sub-nav li{float:none;height:40px;min-height:40px}
.pc-nav li .sub-nav li a{line-height:40px;height:40px;padding:0 35px;color:#1a1a1a;white-space:nowrap;min-width:110px}
.pc-nav li .sub-nav li a i.iconfont{padding-right:3px}
.pc-nav li .sub-nav li a:hover{background:0 0}
.pc-nav .active a,.pc-nav .active a:focus{color:#fff}
.pc-nav li>ul>li a.current-menu-item{background:0 0}
.pc-nav li.current-menu-ancestor a,.pc-nav li.current-menu-item a,.pc-nav li.current-post-ancestor a,.pc-nav li:hover a{position:relative}
.pc-nav li .icons{margin-right:5px;font-size:17px;top:1px;position:relative}
.pc-nav .nav-ul>li:hover>.sub-nav{display:block;padding:15px 0}
.nav-ul>li,.nav-ul>li>li{float:left}
.pc-nav .nav-ul li ul li:hover>.sub-nav{display:block;padding:15px 0}
.pc-nav li ul li .sub-nav{top:-16px;left:100%}
.pc-nav li ul.sub-nav li>a.menu-th3:after{content:".";display:inline-block;width:0;height:0;margin-left:2px;vertical-align:middle;border-left:4px solid;border-bottom:4px solid transparent;border-top:4px solid transparent;position:relative;left:5px;overflow:hidden}
.pc-nav .has-child>a:after{content:".";display:inline-block;width:0;height:0;margin-left:2px;vertical-align:middle;border-top:4px solid;border-right:4px solid transparent;border-left:4px solid transparent;position:relative;left:5px;overflow:hidden}
.m-nav-btn,.nav-sousuo,span.toggle-btn{display:none}
#search-area{position:absolute;bottom:23px;right:0;z-index:2;width:22%}
.search-button{cursor:pointer;width:60px;height:66px;line-height:66px;margin-right:-15px;text-align:center}
.search-button i.iconfont{font-size:24px}
.searchform{width:100%;position:relative}
.s-input{width:100%;text-indent: 1.2em;border:none;background:#f8f8f8;border: 1px solid #ecedee;/*border:1px solid #f1f1f1;*/border-radius: 20px;font-weight:400;height:34px;line-height:34px;color:#333}
.s-button{position:absolute;right:0;top:0;z-index:1;width:20%;border-radius:100px;border:none;cursor:pointer;height:34px;line-height:34px;color:#333;background:none;}
.mask-hidden{position:fixed;z-index:1;left:0;right:0;top:0;bottom:0;opacity:0;background:#000;visibility:hidden}
.mask-show{visibility:visible;opacity:.2}
/*========content======*/
#index-content{padding-top:105px;}

/*自定义lightgallery.min.css*/
.lg-outer .lg-thumb-outer,.lg-backdrop{background-color: rgba(0,0,0,.7)!important;}
/*app截图轮播*/
/*.app-content .swiper-button-disabled{display:none;}*/
.app-content .swiper-container {width: 100%;height: 100%;}
.app-content .swiper-container a:hover{border:none;}
.app-content .swiper-container img{width: 100%;height: 100%;}
.app-content .swiper-slide{display:block;text-align: center;font-size: 18px;background: #fff;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;}
/*========主内容区域======*/
.index-breadcrumb{height:0;}
.breadcrumb{padding:95px 0 10px 0;opacity:.5;font-size:12px;}
.breadcrumb i{padding:0 5px;}
#mainbox{width:76%}
#index-left{width:22%;}
#index-middle{width:52%;}
#index-right,#index-coss{width:22%;}
/*--文章列表[多页面共用]--*/
.article-list{width:100%;padding:1.5em;position:relative}
.article-list .istop{color:#f33;padding:0 3px;border:1px solid #f33;border-radius:2px;font-size:14px;vertical-align:middle;display:inline-block;margin-right:5px;font-weight:200}
.article-list .figure{width:210px;height:130px;overflow:hidden;border-radius:10px;margin-right: 1.5em;}
.article-list .thumbnail{display:block;overflow:hidden}
.article-list .figure img{height:130px;width: 210px;}
.article-list .content{/*margin-left:240px;*/color:#888}
.article-list .content .title{font-size:20px;}
.article-list .content i.iconfont{padding-right:5px;}
.article-list .intro{padding:.5em 0;line-height:2em;word-break: break-word;font-size: 12px;}
.article-list .author,.article-list .time,.article-list .view{padding-right:1em}
.article-list .tag{max-width:22em}
.article-list .tag a{color:#666;padding-right:8px}
.article-list .tag a:hover{color:#333;text-decoration:underline}

/*========侧边栏======*/
#sidebar{width:22%}
.aside_qr{display:block;margin:-1em;}
.aside_qr img{width:100%;display:block;}
#divCatalog li{width:50%;display:inline-block}
#divCatalog li:nth-of-type(even){text-align:right}
#divCatalog li a{width:96%;display:inline-block;text-align:center;border:1px solid #ddd;border-radius:3px;padding:.5em 0;margin-top:.5em}
#divCatalog li a:hover{background-color:#216db4;color:#fff;border:1px solid #216db4}
#divPrevious li{list-style:circle;list-style-position:inside;border-bottom:1px dashed #ddd;padding:.5em 0}
#divPrevious li:last-child{border:none;padding-bottom:0}
#divPrevious li:first-child{padding-top:0}
#divTags li{display:inline-block}
#divTags .tag-count{font-size:12px;font-weight:100}
#divTags li a{display:inline-block;text-align:center;padding:.2em .6em;margin:.5em .2em 0 0;border-radius:3px;opacity:1;}
ul.divTags{margin-top:-.5em;}
#divTags li:nth-child(1) a{background-color:#d9f2fb;color:#1aa9fb;}
#divTags li:nth-child(2) a{background-color:#d9fcda;color:#3ab14a;}
#divTags li:nth-child(3) a{background-color:#fff3d0;color:#f67c23;}
#divTags li:nth-child(4) a{background-color:#f8cbff;color:#a123db;}
#divTags li:nth-child(5) a{background-color:#bbf1f2;color:#04839d;}
#divTags li:nth-child(6) a{background-color:#ffdede;color:#e84f4f;}
#divTags li:nth-child(7) a{background-color:#d9fcda;color:#3ab14a;}
#divTags li:nth-child(8) a{background-color:#d9f2fb;color:#1aa9fb;}
#divTags li:nth-child(9) a{background-color:#ffdede;color:#e84f4f;}
#divTags li:nth-child(10) a{background-color:#f8cbff;color:#a123db;}
#divTags li:nth-child(11) a{background-color:#fff3d0;color:#f67c23;}
#divTags li:nth-child(12) a{background-color:#bbf1f2;color:#04839d;}
#divTags li:nth-child(13) a{background-color:#bbf1f2;color:#04839d;}
#divTags li:nth-child(14) a{background-color:#ffdede;color:#e84f4f;}
#divTags li:nth-child(15) a{background-color:#d9fcda;color:#3ab14a;}
#divTags li:nth-child(16) a{background-color:#d9f2fb;color:#1aa9fb;}
#divTags li:nth-child(18) a{background-color:#d9fcda;color:#3ab14a;}
#divTags li:nth-child(19) a{background-color:#f8cbff;color:#a123db;}
#divTags li:nth-child(20) a{background-color:#d9fcda;color:#3ab14a;}
#divTags li:nth-child(21) a{background-color:#bbf1f2;color:#04839d;}
#divTags li:nth-child(22) a{background-color:#d9fcda;color:#3ab14a;}
#divTags li:nth-child(23) a{background-color:#f8cbff;color:#a123db;}
#divTags li:nth-child(25) a{background-color:#ffdede;color:#e84f4f;}
#divTags li:nth-child(26) a{background-color:#fff3d0;color:#f67c23;}
#divTags li:nth-child(27) a{background-color:#d9fcda;color:#3ab14a;}
#divTags li:nth-child(28) a{background-color:#d9fcda;color:#3ab14a;}
#divTags li:nth-child(29) a{background-color:#d9fcda;color:#3ab14a;}
#divTags li:nth-child(30) a{background-color:#f8cbff;color:#a123db;}
#divTags li a:hover{opacity:.8!important;-webkit-transition:all ease .2s;-moz-transition:all ease .24s;-ms-transition:all ease .2s;-o-transition:all ease .2s;transition:all ease .2s}
#divMisc li{display:inline-block;padding-right:5%}
#divAuthors li,#divFavorites li,#divLinkage li{display:inline-block;padding-right:1em}
#divArchives li,#divNavBar li,#divStatistics li{display:inline-block;width:49.2%}
#divContorPanel .cp-login a,#divContorPanel .cp-vrs a{width:48.3%;display:inline-block;text-align:center;border:1px solid #ddd;border-radius:3px;padding:.5em 0;margin-top:.5em}
#divContorPanel .cp-login a:hover,#divContorPanel .cp-vrs a:hover{background-color:#216db4;color:#fff;border:1px solid #216db4}
#tbCalendar{width:100%}
#tbCalendar a{width:40px;height:40px;color:#216db4}
#tbCalendar tbody a{display:inline-block;background-color:#216db4;color:#fff;border-radius:3px}
#tbCalendar caption{height:60px;line-height:60px}
#tbCalendar td,#tbCalendar th{width:40px;height:40px;line-height:40px}
#tbCalendar caption{font-size:18px}
#tbCalendar tbody{text-align:center}
#divSearchPanel input[type=text]{width:78%;border:none;background:0 0;font-weight:400;padding:.5em;color:#333;border:1px solid #ddd;border-radius:3px;border-top-right-radius:0!important;border-bottom-right-radius:0!important}
#divSearchPanel input[type=submit]{width:21.9%;border:none;cursor:pointer;padding:.5em;background-color:#216db4;color:#fff;border:1px solid #216db4;border-radius:3px;border-top-left-radius:0!important;border-bottom-left-radius:0!important;margin-left:-6px}

/*--首页左侧[app列表]--*/
#left_3 .item{width:100%;padding:15px 0;border-bottom: 1px solid #f5f5f7;}
#left_3 .thumbnail{height:50px;}
#left_3 .img{width:50px;height:50px;margin:0 auto;border-radius:5px}
#left_3 .wrap{padding-top:0}
#left_3 .title{font-size:16px;max-width: 100%;}
#left_3 .title-wrap{margin-left:60px;position:relative;}
#left_3 .intro{margin-top:8px;max-height:64px;overflow:hidden;color:#888;font-size:12px;}
#left_3 .div{margin-top:5px}
#left_3 a.more{height:32px;line-height:32px;padding:13px;text-align:center;display:block;color:#888;}
#left_3 a.more:hover{color:inherit;}
#left_3 .download {position: absolute;padding: 0 1em;border:1px solid #216db4;color: #216db4;background-color:#fff;text-align: center;top:-3px;right:0;z-index: 1;border-radius:3px;}
#left_3 .download:hover {color: #fff;background-color:#216db4;}
/*--首页中栏[文章列表]--*/
#middle_2 .more{position:absolute;right:0;height:35px;line-height:35px;font-size: 14px;color:#888;font-weight:normal;}
#middle_2 .more:hover{color:inherit;}
#middle_2 .c-title{margin-bottom:3px;}
#middle_2 .item i.iconfont{color:#666}
#middle_2 .item:nth-child(odd){/*margin-right:0;float:right;*/margin-left:0;float:left;}
#middle_2 .item{width:48%;margin-right:2%;}
#middle_2 .top{width:100%;margin-right: 0;margin-bottom:10px;}
#middle_2 .item .top-title{width:100%;font-size:20px;font-weight:500;text-align: center;margin-bottom: 10px;}
#middle_2 .item .intro{opacity:1;}
#middle_2 .item .intro i{font-size: 16px;opacity:.4;}
#middle_2 .item .title{max-width:80%;font-weight:400;padding:6.5px 0;font-size:14px}
#middle_2 .item .time{padding-top: 3px;color:#ccc}
/*--主页热门文章--*/
#aside_hot1 li{border-bottom:1px dashed #f0f0f0;padding:.55em 0}
#aside_hot1 li a{/*margin-left:15px;*/display:block}
#aside_hot1 .list{float:left;color:#666;}
#aside_hot1 .list-1,#aside_hot .list-2,#aside_hot .list-3{color:#216db4}
/*--N个图文推荐展示--*/
.recom-content{display: grid;grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));gap: 20px;margin: 10px 0;}
/*.recom-content .recom-image{width: 100%;height: 230px;background-color: #e2e8f0;display: flex;align-items: center;justify-content: center;color: #94a3b8;font-size: 14px;border-radius: 5px;overflow: hidden;}
.recom-content .thumbnail {position: relative;color: #fff;display: block;overflow: hidden;border-radius: 5px;background: #ccc;width: 100%;height: 230px;}
.recom-content .thumbnail img {display: block;width: 100%;height: 230px;}
.recom-content .mask {width: 100%;height: 40px;line-height: 40px;position: absolute;bottom: 0;left: 0;z-index: 1;background: rgba(0, 0, 0, .6);}
.recom-content .recom-title{width: 100%;padding: 0 1em;position: absolute;bottom: 6px;left: 0;z-index: 2;}*/
.recom-content .recom-item {
            background: #4473a9;
            /*padding: 10px;*/
            transition: transform 0.3s ease;
			/*border: 1px solid #ecf3f8;*/
			border-radius: 5px;
			overflow:hidden;
        }
/*.recom-content .recom-item:hover{background:#f2f7fb;} */      
.recom-content .recom-title {
            font-size: 14px;
            color: #eee;
            padding: 10px 15px;
            font-weight: 400;
        }       
.recom-content .recom-image {
            width: 100%;
            height: 170px;
            background-color: #e2e8f0;
            display: flex;
            align-items: center;
            justify-content: center;
            color: #94a3b8;
            font-size: 14px;overflow:hidden;
        }
.recom-content .recom-image img{width: 100%;height: 170px;}
.recom-content .recom-description {
            font-size: 12px;
            color: #64748b;
            line-height: 1.6;
        }
/*纯文字样式*/
.recom1-content{display: grid;grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));gap: 10px;}
.recom1-content .recom1-item {
            background: #f8fafc;
			overflow:hidden;padding:20px;
			/*border: 1px dashed #bed0df;*/
        }
.recom1-content .recom1-item:hover{background:#f2f7fb;}
.recom1-content .recom1-title {
            font-size: 16px;
            color: #334155;
            font-weight: 400;
        }       
.recom1-content .recom1-description {
   font-size: 12px;
    color: #94a3b8;
    line-height: 1.6;
	display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    line-clamp: 2;
    display: box;
    box-orient: vertical;
    word-wrap: break-word;
    max-height: 3em;
        }
/*--热门文章--*/
#aside_hot li{border-bottom:1px dashed #f0f0f0;padding:.55em 0}
#aside_hot li a{/*margin-left:15px;*/display:block}
#aside_hot .list{float:left;color:#666;}
#aside_hot .list-1,#aside_hot .list-2,#aside_hot .list-3{color:#216db4}
/*--首页友情链接--*/ 
.flink{margin-bottom:25px}
.flink .iconfont{color:#333}
.flink a.iconfont:hover{color:#216db4}
.flink .rule{font-size:14px;font-weight:400;padding-left:2em;color:#999}
.flink .f-list li{float:left;padding-right:.6em;overflow: hidden;line-height:22px;height:22px;}
.flink .f-list li a{font-size:12px}
.prev-next{padding:1.5em}
.prev-next strong{font-weight:400}
.prev-next .post-next,.prev-next .post-prev{width:46%;color:#999;font-size:14px}
.prev-next .post-next{text-align:right}
.prev-next .next,.prev-next .prev{display:block;font-size:14px}
.quick-prev-next .next,.quick-prev-next .prev{position:fixed;z-index:1;top:45%;height:50px;line-height:50px;width:50px;font-size:50px;color:#888}
.quick-prev-next .next:hover,.quick-prev-next .prev:hover{color:#333}
.quick-prev-next .prev{left:0}
.quick-prev-next .next{right:0}
/*--文章详情页--*/
.art-head{text-align:center;border-bottom: 1px dashed #f9f9f9;padding: 2vw 2vw 1vw 2vw;}
.art-main{/*padding:3em*/}
.art-main .art-title,.art-main .art-title a{font-size:24px;font-weight: normal;color:#000;}
.art-main .head-info{color:#ccc;padding-top:16px;font-size:12px;}
.art-main .head-info i.iconfont{padding-right:5px}
.art-main .head-info .author,.art-main .head-info .comment,.art-main .head-info .edit,.art-main .head-info .time{padding-right:1em}
.art-main .head-info .view{padding-left:1em}
.art-main .head-info .author,.art-main .head-info .author a,.art-main .head-info .edit,.art-main .head-info .edit a{color:#ccc}
.art-main .art-content{position:relative;font-size:15px;width:100%;word-break:break-word;color:#111;padding: 1vw 2vw 0 2vw;overflow: auto;}
.art-content a{color:#21b47c}
.art-content a:hover{border-bottom:1px dashed #21b47c}
.art-content h1,.art-content h2,.art-content h3,.art-content h4,.art-content h5,.art-content h6{margin:10px 0;/*font-weight: 600;*/}
.art-content h1{
    position: relative;
    color: #FFFFFF;
    background: #36673a;
    border-left: 3px solid #36673a;
    padding: 6px 10px;
    font-size: 16px;
}
.art-content h2{
    position: relative;
    color: #FFFFFF;
    background: #488ac5;
    border-left: 3px solid #488ac5;
    padding: 6px 10px;
    font-size: 16px;}
.art-content h3{
    position: relative;
    color: #0d5a96;
    background: #f1f7fd;
    border-left: 3px solid #49a7ea;
    padding: 6px 10px;
    font-size: 16px;}
.art-content h4{font-size:16px;}
/*
.art-content h1{font-size:22px;}
.art-content h2{font-size:20px;}
.art-content h3{font-size:18px;}
.art-content h4{font-size:16px;}
*/
/*.art-content h5{font-size:1em}
.art-content h6{font-size:0.8em}*/
.art-content blockquote{color:#666;font-weight:400;border-left:4px solid #216db4;padding:.5em 1em;background-color:#f9f9f9}
.art-content img{}
.art-content table {border-collapse: collapse;}
.art-content table tr.firstRow{/*font-weight:bold;*/background-color:#f9f9f9;text-align:left}
.art-content table tr:hover {background-color:#f1f7fd;}
.art-content table th,.art-content table td{padding:.35em 1em;margin:0;vertical-align:top;border:1px solid #efefef}
.art-content blockquote,.art-content dl,.art-content form,.art-content hr,.art-content ol,.art-content p,.art-content pre,.art-content table,.art-content ul{font-weight:400;/*margin-bottom:1rem*/margin-bottom:.5rem}
.art-content blockquote p,.art-content ul p{margin-bottom:0}
.art-content li{margin-left:1.2em;/*list-style: normal;*/}
/* 有序列表 - 原色 */
.art-content ol li::marker {color: inherit; /* 或 color: unset; */}
/* 无序列表 - 设置灰色 */
.art-content ul li::marker {color: #ccc;}
.art-content hr{border:none;margin-top:.5rem;margin-bottom:.5rem;border-top:1px solid #eee;height:1px;background:0 0}
.art-content audio,.art-content img,.art-content video{border-radius:5px;}
.art-content b,.art-content strong{font-weight:700;}
.art-content .padding{padding-right:.5em}
.art-content .art-copyright,.art-content .tag-wrap{font-size:14px}
.art-content .tag-wrap{color: #ccc;/*background: #f9f9f9;padding:.5vw;*/margin:1vw 0 0 0;font-size:12px;display:none;}
.art-content .tags{/*border:1px solid #ddd;padding:.1em .5em;*/text-align:center;color:#ccc;font-size:12px;/*background-color: #f8f8f8;padding: 3px 7px;*/}
.art-content .tags:hover{color:#bbb;border:none;}
/*.art-content .tags:hover{background-color:#216db4;color:#fff;border:1px solid #216db4}*/
.art-copyright{background:#f8f8f8;padding:1em 1.5em}
.art-copyright .copyright{font-weight:700;padding-top:10px}

/*--相关文章--*/
.related-art li{width:46%;margin:1px 0;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.related-art li:nth-child(odd){margin-right:8%;}
.related-art li .title{width:100%;display:block;font-size: 14px;}

/*ajax第二层，刷新后恢复原背景色*/
li.msgarticle .comment-main .comment-main{background:#fff;min-width: 340px;}
/*--分页--*/
.pagebar{text-align:center;background: #fff;padding: 1.5em;z-index: 1;position: relative;}
.page-numbers{padding: .2em .8em;/*padding:0 1em;line-height:34px;*/text-align:center;margin:0 1px 0 1px;display:inline-block;background-color:#216db4;color:#fff}
a.page-numbers{background: #f5f5f5;color: #878787;}
a.page-numbers:hover{background-color:#216db4;color:#fff;/*border: 1px solid #216db4;*/}
.ias-spinner{background:url(../images/loading.gif) no-repeat center;float:inherit;width:98%;margin:0 auto;height:35px}
.ias-trigger-next{cursor:pointer;float:inherit;text-align:center;padding:1.5em 0}
.ias-trigger-next a{background:#fff;color:#333;padding:.8em 2em;line-height:100%;border-radius:2px;box-shadow:0 1px 2px 0 rgba(51,51,51,.3)}
.ias-trigger-next a:hover{box-shadow:0 3px 2px 0 rgba(51,51,51,.2)}
.ias-trigger-next i{margin-right:5px}
/*========广告位======*/
.ad a{display:block;line-height:0}
.ad img{width:100%}
/*========footer======*/
.footer{width:100%;color:#888;padding:0 1.5em;font-size:.9em;}
.footer i{font-style:normal;padding:0 5px;opacity:.6}
.footer a{color:#888;font-size:12px;}
.footer a:hover{color:#216db4}
.footer small .icp{padding-left:1em;}
.f-about{padding:1% 0 3% 0;}
.footer .icp,.footer .contact{padding-left:8px;}
/*--回顶部--
.toolbar{z-index:1;bottom:80px;position:fixed;right:0;margin-right:15px;cursor:pointer}
#totop{display:none}
.toolbar i.iconfont{color:#fff;font-size:24px;opacity:1}
.toolbar .btn{margin-bottom:18px;width:40px;height:40px;line-height:40px;vertical-align:middle;text-align:center;background-color:#216db4;opacity:.7;}
.toolbar .btn:hover{opacity:1;}*/
/*20220302*/
.hui a{color: #aaa;}
.huic a{color: #ccc;}
.content .data{font-size:12px;color: #ccc;}
.icon-tag{font-size:12px;}
.article-list .view{max-width:400px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.article-list .view a{color: #ccc;padding-right: .5em;}
.art-intro{padding: .8vw 1.2vw;background-color: #f8fafc;font-size: 14px;color: #999;/*line-height: 28px;border-radius: 15px;*/width: auto;margin:0 .8vw;}
.art-intro a{color: #999;}
/*.art-content p{line-height: 1.6em!important;height: 3.2em!important;overflow: hidden;}*/
#left_2 li{border-bottom: 1px dashed #f0f0f0;padding: .4em 0;}
#left_2 li i.iconfont{color: #216db4!important;}
#left_2 li a {margin-left: 2px;display: block;}
#left_2 li .ellipsis {overflow: hidden;text-overflow: ellipsis;white-space: nowrap;width: 75%;float: left;}
#left_2 li .list{float: left;}
.art-content table{/*max-width: 915.45px;*/width:100%}
.art-main .art-state{padding: .8vw 1.2vw;background: #f8fafc;font-size: 14px;color: #6589a9;width: auto;/*margin: 0 1px;border-radius: 30px 30px 0 0;*/}
.art-main .art-content center{margin:0;line-height: 1;}
/*2022.3.12*/
#zlm1 ul li{display: flex;align-items: baseline;margin-bottom: -10px;}
.zlm-items {display: flex;flex-wrap: wrap;flex: 1;}
.zlm-items a{padding: 5px 15px;margin-right: 10px;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;font-size: 12px;margin-bottom: 10px;text-align:center;}
.zlm-items .oclik1{color: #fff!important;background:#216db4;}
.zlm-items .oclik2{color: #fff!important;background:#222222;}
/*2022.3.114*/
#left_2 .time {color: #ddd;}
.art-main .head-info .time{padding-right:0em!important;}
.art-content .mt1{margin-top:1vw;}
.art-content .mb1{margin-bottom:1vw;}
.onhui{color:#ccc;font-size: 12px;}
.onhuis,.onhuis a{color:#ccc;font-size: 12px;}
.onlv{color:#83d4b5;font-size: 12px;}
#comlink .more {position: absolute;right: 0;height: 35px;line-height: 35px;font-size: 14px;color: #888;font-weight: normal;}
.t-list li {float: left;padding-right: .6em;overflow: hidden;line-height: 22px;height: 22px;font-size: 12px;}
.related-item{}
.related-item .t-list{}
#sotags{}
/*2022.3.25*/
.article-list1{width:100%;padding:1.5em 2em 1em 2em;position:relative;border-bottom:1px solid #f5f5f5!important;}
.article-list1:hover{background-color:#fcfcfc;-webkit-transition:all ease .4s;-moz-transition:all ease .4s;-ms-transition:all ease .4s;-o-transition:all ease .4s;transition:all ease .4s}
.article-list1 .istop{color:#f33;padding:0 3px;border:1px solid #f33;border-radius:2px;font-size:14px;vertical-align:middle;display:inline-block;margin-right:5px;font-weight:200}
.article-list1 .figure{width:210px;height:130px;overflow:hidden;border-radius:10px;}
.article-list1 .thumbnail{display:block;overflow:hidden}
.article-list1 .figure img{height:130px;width: 210px;}
.article-list1 .content{/*margin-left:240px;*/color:#888}
.article-list1 .content .title{font-size:20px;}
.article-list1 .content .title a{font-size: 18px;color:#000;/*font-weight:600;*/}
.article-list1 .content i.iconfont{padding-right:5px;}
.article-list1 .intro{padding:.5em 0 .2em 0;line-height:1.6em;/*word-break: break-word;*/font-size: 12px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;color:#bbb;}
.article-list1 .author,.article-list1 .time,.article-list1 .view{padding-right:1em}
.article-list1 .tag{max-width:22em}
.article-list1 .tag a{color:#666;padding-right:8px}
.article-list1 .tag a:hover{color:#333;text-decoration:underline}
#aside_hot .thumbnail {
    position: relative;
    color: #eee;
    display: block;
    overflow: hidden;border-radius: 5px;
}
#aside_hot .thumbnail img {
    display: block;
    width: 100%;
    height: 130px;
}
#aside_hot .absolute {
    width: 100%;
    padding: 0 1em;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 2;
}
#aside_hot .item .p-title {
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    width: 100%;
    font-weight: 400;
    padding: 0 5px;
    color: #fff;
    position: relative;
}
#aside_hot .mask {
    width: 100%;
    height: 40px;
    line-height: 40px;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 1;
    background: rgba(0,0,0,.6);
}
/*foot new*/
.box-footer p,.box-footer p a {
    text-align: center;
    font-size: 12px;
    color: #666;
}
.mb12{margin-bottom:12px;}
.mb11{margin-bottom:12px;}
.mb13{margin-bottom:13px;}
.mb9{margin-bottom:9px;}
/*20260118*/
.discong {height:24px;line-height:24px;}
.discong a{font-size:12px;color: #bbb;float: left;padding-right: .6em;overflow: hidden;text-decoration:none}
.discong a:hover{border:none;}
.huisong:after{content: "#";left: 0;width: 8px;top: 0;float:left;height: 15px;}
.article-list .content2,.article-list .content2 a{color: #888;}
/*20260225*/
        .main-container {
            width: 100%;
            /*max-width: 1200px;
            margin: 0 auto 25px auto;*/
            background: white;
            box-shadow: 0 1px 3px rgba(102,102,102,.1);
            padding: 1.5em;
            position: relative;
            border-radius: 0;
        }
		.main-container1 {
            width: 100%;
            background: white;
            box-shadow: 0 1px 3px rgba(102,102,102,.1);
            padding: 1.5em 1.5em 0 1.5em;
            position: relative;
            border-radius: 0;
        }
        /*.section {
            margin-bottom: 50px;
        }*/
        .section-title {
            font-size: 18px;
            color: #334155;
            margin-bottom: 20px;
            padding-bottom: 10px;
            border-bottom: 1px dashed #e2e8f0;
            position: relative;
        }
        .section-title1{font-size: 18px;color: #334155;line-height: 28px;}
        
        /*.section-title::after {
            content: '';
            position: absolute;
            bottom: -1px;
            left: 0;
            width: 108px;
            height: 1px;
            background: #1e4a82;
        }*/
        .section-content {
            font-size: 12px;
            color: #64748b;
            line-height: 1.8;
            margin-bottom: 20px;
        }
        .featured-content {
            display: grid;
            grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));
            gap: 20px;
        }
        
        .featured-item {
            background: #f6f7f8;
            /*padding: 20px;*/
            transition: transform 0.3s ease;
        }
        .featured-title {
            font-size: 16px;
            color: #334155;
            margin-bottom: 5px;
            font-weight: 500;
            padding: 0 15px;
        }
        
        .featured-description {
            font-size: 12px;
            color: #94a3b8;
            line-height: 1.6;
            padding: 0 15px 20px 15px;
        }
        
        .featured-image {
            width: 100%;
            height: 200px;
            background-color: #e2e8f0;
            margin-bottom: 15px;
            display: flex;
            align-items: center;
            justify-content: center;
            color: #94a3b8;
            font-size: 14px;overflow: hidden;
        }
        .card-grid {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 20px;
            /*margin-top: 30px;*/
        }
        
        .card {
            background: #f8fafc;
            padding: 30px 25px;
            text-align: center;
            transition: all 0.3s ease;
            border-bottom: 4px solid transparent;
        }
        
        .card:hover {
            /*transform: translateY(-8px);*/
            border-bottom-color: #2a6ab5;
			background:#f2f7fb;
        }
        
        .card-icon {
            width: 80px;
            height: 80px;
            background: #e2e8f0;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            margin: 0 auto 20px;
            font-size: 32px;
            color: #2a6ab5;
        }
        
        .card-title {
            font-size: 18px;
            color: #334155;
            margin-bottom: 15px;
            font-weight: 500;
        }
        
        .card-description {
            font-size: 14px;
            color: #64748b;
            line-height: 1.6;
        }
		
        .wemodel-list {
            display: grid;
            grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
            gap: 20px;
        }
        
        .wemodel-item {
            background: #f8fafc;
            padding: 20px;
            text-align: center;
            /*border-left: 4px solid #2a6ab5;*/
        }
        .wemodel-item:hover{background:#f2f7fb;}
        .wemodel-name {
            font-size: 18px;
            color: #1e293b;
            margin-bottom: 10px;
            font-weight: 500;
        }
        
        .wemodel-rating {
            color: #f5e60b;
            margin-bottom: 10px;display: flex;justify-content: center;align-items: center;
        }
.star-bar {
    display: block; /* 改为块级元素，不受 text-align 影响 */
    width: 85px;
    height: 15px;
    overflow: hidden;
    font-size: 0;
    background: url(../images/icon-star.png) repeat-x 0 0;
    /* 移除 vertical-align，因为不再是 inline-block */
}

.star-bar .star {
    display: block; /* 子元素也改为 block */
    height: 15px;
    background: url(../images/icon-star.png) repeat-x 0 -16px;
    overflow: hidden;
}
        .wemodel-features {
            font-size: 14px;
            color: #64748b;
        }
        .stats-container {
            display: flex;
            justify-content: space-around;
            /*margin: 30px 0;*/
            flex-wrap: wrap;
        }
        .wemodel-click{font-size: 14px;color: #fafafa;text-align:center;margin-bottom:10px;}
		.wemodel-click .hongbao{background: #f59e0b;color:#fff;padding: 6px 30px 8px 30px;text-decoration: none;max-width:120px;}
		.wemodel-click .hongbao:hover{background:#e7960d;}
        .stat-item {
            text-align: center;
            padding: 20px;
        }
        
        .stat-number {
            font-size: 36px;
            font-weight: 500;
            color: #2a6ab5;
            margin-bottom: 5px;
        }
        
        .stat-label {
            font-size: 14px;
            color: #64748b;
        }
/* Message List */
.message-list {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
}

.message-item {
    background: #f8fafc;
    padding: 24px;
}
.message-item:hover{background:#f2f7fb;}
.message-header {
    display: flex;
    justify-content: space-between;
    margin-bottom: 10px;
}

.message-name {
    font-size: 16px;
    font-weight: 500;
    color: #334155;
}

.message-date {
    font-size: 13px;
    color: #94a3b8;
}

.message-content {
    font-size: 15px;
    color: #94a3b8;
    line-height: 1.7;
}		

/* 使用伪元素添加小圆点 */
/* 隐藏原来的iconfont */
.tpbit .iconfont.icon-dot,.tpbot .iconfont.icon-dot{
    display: none;
}

/* 在title上添加伪元素*/
.tpbit .title,.tpbot .tptit{
    position: relative;
    /*padding-left: 16px;*/
}
.tpbit .title::before,.tpbot .tptit::before {
    content: "•"; /* 自定义符号，如箭头、圆点等 */
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    color: #dee2e7;
    font-size: 14px;
    /*font-weight: bold;*/
}
.tpbit a{padding:0 0 0 12px;}
.tpbot a{padding:0 0 0 12px;}
.tpbit .title:hover::before,.tpbot .tptit:hover::before{color:#216db4;}
/*wemodel1*/
/* ===== 星级推荐列表 ===== */
.wemodel1-list { display:grid; grid-template-columns:repeat(auto-fill,minmax(240px,1fr)); gap:20px; }
.wemodel1-list .wemodel1-card { /*border:1px solid #eceff5;*/ overflow:hidden; transition:transform 0.2s; background:#f8fafc/*#f2f7fb*/; }
/*.wemodel1-list .wemodel1-card:hover { transform:translateY(-4px); }*/
.wemodel1-list .wemodel1-image { height:160px; background:#e5e7eb; display:flex; align-items:center; justify-content:center; font-size:14px; color:#9ca3af; }
.wemodel1-list .wemodel1-content { padding:16px;text-align:center;}
.wemodel1-list .wemodel1-title { font-size:18px;}
.wemodel1-list .wemodel1-rating { color: #f5b301;font-size: 18px;margin: 10px 0;display: flex;justify-content: center;align-items: center; }
.wemodel1-list .wemodel1-rating span { margin-right:2px; }
.wemodel1-list .wemodel1-desc { font-size:12px; color:#64748b; margin-bottom:12px;height: 30px;line-height: 30px;overflow: hidden;}
.wemodel1-list .wemodel1-btn { display:inline-block; background:#3979c5; color:#fff; padding:10px 20px; font-weight:500; transition:background 0.3s;margin-bottom:10px; }
.wemodel1-list .wemodel1-btn:hover { background:#1e4a82; }
.wemodel1-list .wemodel1-bonus {font-size: 14px;color: #eb2525;}
/* ===== Bonus Style C ===== */
.bonus-c{
    background:#fef3c7;
    padding:30px;
    margin:0 0 20px 0;
}

.bonus-c h4{
    font-size:22px;
    margin-bottom:10px;
}
.higts{height:30px;line-height:30px;}
.blue1{background:#2a6ab5;}
.wemodel-list .empb{background:#3979c5;}
.wemodel-list .wemodel-name,.wemodel-list .wemodel-name a{color:#fff;}
.wemodel-list .wemodel-features{color:#fafafa;margin-bottom:10px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.wemodel-list .wemodel-rating{color:#e5d604;}
.featured-item .thumbnail {
    position: relative;
    color: #fff;
    display: block;
    overflow: hidden;
    background: #ccc;
	width: 100%;
    height: 200px;
}
.featured-item .thumbnail img{display: block;width: 100%;height: 200px;}
.featured2-content {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));
    gap: 20px;
}
.featured2-item {
    background: #fff;
    padding: 20px;
    transition: transform 0.3s ease;
}
.featured2-title {
    font-size: 16px;
    color: #334155;
    margin-bottom: 5px;
    font-weight: 500;
}
.featured2-description {
    font-size: 12px;
    color: #9ea6b1;
    line-height: 1.6;
    display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3; /* 限制3行 */
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal; /* 必须覆盖nowrap */
  word-break: break-all; /* 防止长单词溢出 */
}
.featured2-image {
    width: 100%;
    height: 180px;
    background-color: #e2e8f0;
    margin-bottom: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #94a3b8;
    font-size: 14px;overflow: hidden;
}
.num14{font-size:14px;}
#index-left .ppc2{margin:.55px 0;}
#index-middle .ppc1{margin-bottom:4px;}
.pt15{padding-top:15px}

/* ===== 搜索功能完整样式 ===== */

/* 1. 电脑端搜索框样式 */
#search-area.pc-search-area {
    position: absolute;
    right: 0;
    bottom: 23px;
    z-index: 2;
    width: 22%;
    display: block;
}

#search-area .searchform {
    width: 100%;
    position: relative;
}

#search-area .s-input {
    width: 100%;
    text-indent: 1.2em;
    border: none;
    background: #f8f8f8;
    border: 1px solid #ecedee;
    border-radius: 20px;
    font-weight: 400;
    height: 34px;
    line-height: 34px;
    color: #333;
    padding-right: 40px;
    box-sizing: border-box;
}

#search-area .s-button {
    position: absolute;
    right: 7px;
    top: 50%;
    transform: translateY(-50%);
    width: 24px;
    height: 24px;
    border-radius: 50%;
    border: none;
    cursor: pointer;
    background: none;
    color: #888;
    display: flex;
    align-items: center;
    justify-content: center;
}

#search-area .s-button:hover {
    color: #216db4;
}

/* 2. 手机端搜索按钮 */
.m-search-btn {
    position: absolute;
    right: 0;
    top: 0;
    width: 60px;
    height: 60px;
    display: none;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    z-index: 30;
    background: none;
    border: none;
}

.m-search-btn i {
    font-size: 24px;
    color: #333;
}

.m-search-btn:hover i {
    color: #216db4;
}

/* 3. 手机端搜索区域 */
#mobile-search-area {
    display: none;
    position: fixed;
    top: 60px;
    left: 0;
    width: 100%;
    background: #fff;
    z-index: 1001;
    padding: 15px 2%;
    box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}

#mobile-search-area.show {
    display: block !important;
}

#mobile-search-area .searchform {
    width: 100%;
    position: relative;
    display: flex;
    align-items: center;
}

#mobile-search-area .s-input {
    flex: 1;
    height: 44px;
    line-height: 44px;
    padding: 0 50px 0 15px;
    border: 2px solid #216db4;
    border-radius: 22px;
    background: #fff;
    color: #333;
    font-size: 16px;
    box-sizing: border-box;
    outline: none;
}

#mobile-search-area .s-button {
    position: absolute;
    right: 8px;
    top: 50%;
    transform: translateY(-50%);
    width: 36px;
    height: 36px;
    border-radius: 50%;
    border: none;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    background: none; /* 无背景颜色 */
    color: #216db4;   /* 蓝色图标 */
}

#mobile-search-area .s-button:hover {
    color: #1a5a9c;  /* 悬停时颜色变深 */
}

/* 4. 黑色蒙版调整 */
#mask-hidden.mask-show {
    z-index: 10 !important;
    background: rgba(0,0,0,0.5);
}

/* ===== 重新设计的纯CSS搜索图标 ===== */

/* 1. 重置基础样式 */
.css-search-icon {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    box-sizing: border-box;
}

/* 2. 圆圈部分 - 更准确的搜索图标圆圈 */
.css-search-icon::before {
    content: '';
    position: absolute;
    border: 2.5px solid currentColor;
    border-radius: 50%;
    top: 0;
    left: 0;
    transition: all 0.2s ease;
}

/* 3. 手柄部分 - 更像搜索图标的斜线 */
.css-search-icon::after {
    content: '';
    position: absolute;
    background-color: currentColor;
    transform: rotate(45deg);
    transform-origin: left center;
    transition: all 0.2s ease;
    border-radius: 1px 1px 0 0; /* 让一端圆润 */
}

/* ===== 电脑端搜索按钮图标 ===== */
#search-area .s-button .css-search-icon {
    width: 20px;
    height: 20px;
}

#search-area .s-button .css-search-icon::before {
    width: 16px;
    height: 16px;
    border-width: 2px;
}

#search-area .s-button .css-search-icon::after {
    width: 5px;    /* 短一点 */
    height: 2px; /* 粗一点 */
    top: 12px;     /* 在圆圈下方 */
    left: 12px;    /* 从圆圈右侧开始 */
}

/* 电脑端搜索按钮悬停效果 */
#search-area .s-button:hover .css-search-icon::before {
    border-color: #216db4;
    transform: scale(1.08);
}

#search-area .s-button:hover .css-search-icon::after {
    background-color: #216db4;
    transform: rotate(45deg) scale(1.1);
}

/* ===== 手机端搜索按钮图标 ===== */
.m-search-btn .css-search-icon {
    width: 28px;  /* 适中大小 */
    height: 28px; /* 适中大小 */
}

.m-search-btn .css-search-icon::before {
    width: 20px;  /* 圆圈更大 */
    height: 20px; /* 圆圈更大 */
    border-width: 2.5px;
    border-color: #333;
}

.m-search-btn .css-search-icon::after {
    width: 8px;    /* 稍长 */
    height: 3px;   /* 稍粗 */
    background-color: #333;
    top: 16px;     /* 在圆圈下方 */
    left: 15px;    /* 从圆圈右侧开始 */
}

/* 手机端搜索按钮悬停效果
.m-search-btn:hover .css-search-icon::before {
    border-color: #216db4;
    transform: scale(1.1);
}

.m-search-btn:hover .css-search-icon::after {
    background-color: #216db4;
    transform: rotate(45deg) scale(1.1);
}*/

/* ===== 手机端弹出搜索框按钮图标 ===== */
#mobile-search-area .s-button .css-search-icon {
    width: 20px;
    height: 20px;
}

#mobile-search-area .s-button .css-search-icon::before {
    width: 16px;
    height: 16px;
    border-width: 2px;
    border-color: #216db4;
}

#mobile-search-area .s-button .css-search-icon::after {
    width: 6px;
    height: 2.5px;
    background-color: #216db4;
    top: 13px;
    left: 12px;
}

/* 手机端搜索框按钮悬停效果 */
#mobile-search-area .s-button:hover .css-search-icon::before {
    border-color: #1a5a9c;
    transform: scale(1.08);
}

#mobile-search-area .s-button:hover .css-search-icon::after {
    background-color: #1a5a9c;
    transform: rotate(45deg) scale(1.1);
}


/* 响应式样式调整 - 电脑端(≥993px) 和 手机端(≤993px) */

/* 1. 手机端样式 (≤993px) */
@media screen and (max-width: 993px) {
    .mb {
        margin-bottom: 10px
    }
    
    .article-list1 .m-multi-ellipsis {
        position: relative;
        line-height: 1.4em!important;
        height: 1.4em!important;
        overflow: hidden;
    }
    
    .m-multi-ellipsis {
        position: relative;
        line-height: 1.4em!important;
        height: 2.8em!important;
        overflow: hidden
    }
    
    .m-multi-ellipsis:after {
        content: "";
        font-weight: 700;
        position: absolute;
        bottom: 0;
        right: 0;
        padding-left: 20px;
        background: -webkit-linear-gradient(left, transparent, #fff 62%);
        background: -o-linear-gradient(right, transparent, #fff 62%);
        background: -moz-linear-gradient(right, transparent, #fff 62%);
        background: linear-gradient(to right, transparent, #fff 62%)
    }
    
    .hidden-sm-md-lg {
        display: none!important
    }
    
    .hidden-sm {
        display: none!important
    }
    
    .hidden-md {
        display: none!important
    }
    
    .hidden-lg {
        display: none!important
    }
    
    .tag-wrap {
        display: none;
    }
    
    .flink {
        display: none;
    }
    
    .discong {
        display: none;
    }
    
    .section-content {
        display: none;
    }
    
    .noxian {
        display: none;
    }
    
    .art-intro, .art-state {
        display: none;
    }
    
    .recom-content .recom-image {
        display: none;
    }
    
    #index-right, #index-coss {
        width: 100%!important;
    }
    
    .art-content img {
        max-width: 100%;
        height: auto;
    }
    
    .art-content table {
        /*max-width: 345px!important;*/
        font-size: small;
    }
    
    .responsive-nav {
        width: 35%;
    }
    
    #full-post .thumbnail img {
        max-height: 140px;
        overflow: hidden;
    }
    
    .article-list .figure {
        width: 34%!important;
        height: 23vw!important;
    }
    
    .article-list .figure img {
        height: 23vw!important;
        width: 100%!important;
    }
    
    #aside_hot .thumbnail img {
        height: auto!important;
    }
    
    .recom-content .recom-item {
        background: #f8fafc;
        border-radius: 0;
    }
    
    .recom-content .recom-title {
        color: #334155
    }
    
    .featured-item .featured-image, .featured-item .thumbnail, .featured-item .thumbnail img {
        height: auto!important;
        /*min-height: 210px;*/
    }
    .featured-image img{width:100%}
    
    .zlm-items a {
        min-width: 30.5%;
        text-align: center;
    }
    
    .s-input, .s-button {
        height: 50px;
        line-height: 50px;
        background: #fff;
    }
    
    .h-wrap, .header {
        height: 60px
    }
    
    .logo-area {
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        padding: 5px 0 0 0;
        line-height: 0;
    }
    
    .logo-area .img {
        width: 100pt
    }
    
    .m-nav-btn {
        display: block;
        height: 0
    }
    
    .pc-nav {
        margin-right: 0
    }
    
    .responsive-nav {
        width: 35%;
        height: 100%;
        position: fixed;
        left: 0;
        top: 60px;
        bottom: 0;
        overflow-x: hidden;
        overflow-y: auto;
        z-index: 9;
        display: none;
        background: #2c2e37;
    }
    
    .nav-sb {
        box-shadow: none
    }
    
    .m-nav {
        width: 100%;
        margin-top: 20px;
    }
    
    .m-nav-btn i.iconfont {
        position: absolute;
        top: 0;
        left: 0;
        font-size: 24px;
        cursor: pointer;
        width: 60px;
        height: 60px;
        line-height: 60px;
        text-align: center
    }
    
    .m-nav-btn i.active {
        color: #333;
        z-index: 10
    }
    
    .nav-ul>li {
        line-height: 38px;
        position: relative;
        width: 100%;
        display: inherit;
        margin-right: 0;
        text-align: left
    }
    
    .nav-ul>li:first-child {
        border-top: none
    }
    
    .nav-ul>li>a {
        height: 50px;
        font-size: 16px;
        display: block;
        text-indent: 4vw;
        color: #fff;
        line-height: 50px;
    }
    
    .nav-ul>li>a i.fa {
        font-size: 1em;
        padding-right: 3px
    }
    
    span.toggle-btn {
        position: absolute;
        height: 50px;
        width: 50px;
        line-height: 50px;
        color: #aaa;
        text-align: center;
        top: 0;
        right: 0;
        cursor: pointer;
        z-index: 100;
        display: block
    }
    
    span.toggle-btn i.iconfont {
        color: #eee;
        font-size: 18px
    }
    
    .m-nav-btn .icon-menu:before {
        content: "☰";
        font-style: normal;
    }
    
    .m-nav-btn .active:before {
        content: "✕";
        font-style: normal;
    }
    
    .toggle-btn .active:before {
        content: "\e626"
    }
    
    .m-nav .sub-nav {
        background-color: #216db4;
        text-align: left;
        position: relative;
        left: 0;
        min-width: 100%;
        z-index: 10;
        font-size: 14px;
        top: 0;
        border-radius: 0
    }
    
    .m-nav .sub-nav>li {
        position: relative;
        text-align: left;
        line-height: 50px;
        float: left;
        width: 100%;
        border-bottom: 1px solid rgba(255, 255, 255, .1)
    }
    
    .sub-nav li:last-child {
        border-bottom: 0 solid transparent
    }
    
    .m-nav .sub-nav>li>a {
        text-indent: 1.5em;
        color: #fff;
        display: block;
        height: 50px;
        font-size: 16px;
        text-indent: 2em
    }
    
    .m-nav .sub-nav>li ul li>a {
        text-indent: 3em
    }
    
    .index-breadcrumb {
        padding-top: 70px
    }
    
    .breadcrumb, .breadcrumb2 {
        padding: 66px 0 5px 10px!important;
        color: #888
    }
    
    .search-button {
        position: absolute;
        top: 0;
        right: 14px;
        z-index: 1;
        height: 60px;
        width: 60px;
        display: block
    }
    
    .search-button i.iconfont {
        height: 60px;
        width: 60px;
        line-height: 60px;
        text-align: center;
        display: block;
        font-size: 24px
    }
    
    #search-area {
        left: 0;
        width: 96%;
        bottom: -60px;
        display: none;
    }
    
    /* 修复LOGO居中问题 */
    .h-wrap.container.clearfix {
        position: relative;
        height: 60px;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    
    .logo-area {
        position: static !important;
        left: auto !important;
        transform: none !important;
        margin: 0 auto;
        text-align: center;
        padding: 0;
    }
    
    .logo-area a {
        display: inline-block;
    }
    
    .logo-area .img {
        max-width: 180px;
        height: auto;
        vertical-align: middle;
    }
    
    /* 导航按钮定位 */
    .m-nav-btn {
        position: absolute;
        left: 0;
        top: 0;
        z-index: 30;
    }
    
    /* 搜索按钮定位 */
    .m-search-btn {
        position: absolute;
        right: 0;
        top: 0;
        z-index: 30;
        display: flex;
    }
    
    /* 隐藏电脑端搜索框 */
    #search-area.pc-search-area {
        display: none !important;
    }
    
    /* 手机端搜索图标尺寸优化 */
    .m-search-btn .css-search-icon {
        width: 26px;
        height: 26px;
    }
    
    .m-search-btn .css-search-icon::before {
        width: 18px;
        height: 18px;
    }
    
    .m-search-btn .css-search-icon::after {
        width: 7px;
        height: 2.5px;
        top: 15px;
        left: 14px;
    }
    
    #mobile-search-area .s-button .css-search-icon {
        width: 18px;
        height: 18px;
    }
    
    #mobile-search-area .s-button .css-search-icon::before {
        width: 14px;
        height: 14px;
    }
    
    #mobile-search-area .s-button .css-search-icon::after {
        width: 5px;
        height: 2px;
        top: 11px;
        left: 11px;
    }
    
    #index-content {
        padding-top: 0;
    }
    
    #index-left, #index-middle {
        width: 100%;
    }
    
    #index-left, #index-middle {
        margin-right: 0;
    }
    
    #left_2, .flink, #full-post, #full-app, .post-comment, #middle_1, .recommend-b, .related-art, .widget {
        padding: 15px 15px 20px 15px;
    }
    
    .section-title {
        margin-bottom: 10px!important;
    }
    
    #mainbox {
        width: 100%
    }
    
    #left_2 .thumbnail img {
        height: 45vw;
    }
    
    .swiper-container {
        margin-bottom: 10px!important;
        width: 100%;
        height: 35vw;
        border-radius: 0!important;
    }
    
    .swiper-container img {
        height: 35vw;
    }
    
    #middle_1 .item {
        width: 23%;
        display: none;
        padding: .5em 0;
    }
    
    #middle_1 .item:nth-child(6) {
        margin-right: 2%!important;
    }
    
    #middle_1 .item:nth-child(11) {
        margin-right: 2%!important;
    }
    
    #middle_1 .item:nth-child(-n+13) {
        display: block;
    }
    
    #middle_1 .item:nth-child(4n+1) {
        margin-right: 0
    }
    
    #middle_1 .item:hover .download {
        display: none;
    }
    
    #middle_1 .item:hover .sub {
        opacity: 1;
    }
    
    #middle_1 .item .title {
        font-size: 14px
    }
    
    #middle_2 .item {
        width: 100%;
        margin-right: 0;
    }
    
    #middle_2 .item {
        display: none;
    }
    
    #middle_2 .item:nth-child(-n+30) {
        display: block;
    }
    
    #full-post .item {
        width: 48%;
        margin: 1% !important;
    }
    
    #full-app .item {
        width: 100%;
        padding: 20px 5px;
    }
    
    #full-app .item:nth-child(2), #full-app .item:nth-child(3), #full-app .item:nth-child(4), #full-app .item:nth-child(5) {
        margin-top: 2%;
    }
    
    #full-app .item:last-child {
        border: none;
    }
    
    .app-list {
        padding: 1em
    }
    
    .app-list .figure {
        margin-left: 0;
    }
    
    .app-list .content {
        width: 50%;
        margin-left: 10px;
    }
    
    .app-list .download {
        margin-right: 0;
        padding: 0.3em .7em;
    }
    
    .app-main {
        padding: 1em
    }
    
    .app-main .head-info {
        position: relative;
    }
    
    .app-main figure {
        width: 80px;
        height: 80px;
    }
    
    .app-main figure img {
        width: 80px;
        height: 80px;
        border-radius: 10px;
    }
    
    .app-main figure .download {
        width: 100px;
        position: absolute;
        top: 15px;
        right: 0;
    }
    
    .app-main figure .size {
        width: 50%;
        position: absolute;
        top: 28px;
        left: 95px;
    }
    
    .app-main figure .num {
        width: 50%;
        position: absolute;
        top: 48px;
        left: 95px;
    }
    
    .app-main .main {
        width: 100%;
        position: relative;
    }
    
    .app-main .main h1 {
        position: absolute;
        top: -76px;
        left: 95px;
        max-width: 46%;
        font-size: 18px;
    }
    
    .app-main .main li:nth-child(2n+1) {
        width: 40%;
    }
    
    .app-main .main li {
        width: 58%;
    }
    
    .related-art li {
        width: 100%;
    }
    
    .related-item {
        width: 100%;
        margin-right: 2%
    }
    
    #top_recommend li {
        width: 23.6%;
    }
    
    #top_recommend .tips {
        font-size: 12px;
    }
    
    #top_recommend::after {
        border-top: 60px solid #f65220;
        border-right: 60px solid transparent;
    }
    
    .related-item .item {
        width: 23.6%;
        display: none;
        padding: .5em 0;
    }
    
    .related-item .item:nth-child(5) {
        margin-right: 2%!important;
    }
    
    .related-item .item:nth-child(-n+8) {
        display: block;
    }
    
    .related-item .item:nth-child(4n+0) {
        margin-right: 0
    }
    
    .related-item .item:hover .download {
        display: none;
    }
    
    .related-item .item:hover .sub {
        opacity: 1;
    }
    
    .related-item .item .title {
        font-size: 14px
    }
    
    .input-wrap .name, .input-wrap .mail, .input-wrap .site, .input-wrap .verify {
        width: 100%;
        margin-top: 10px;
    }
    
    #divCommentPost input.text {
        width: 100%;
    }
    
    ul.msg {
        margin: 5px 0
    }
    
    ul.msg img.avatar {
        width: 42px;
        height: 42px;
    }
    
    ul.msg li.msgarticle {
        margin-left: 42px;
        padding-top: 0
    }
    
    .footer .diy {
        display: block;
        float: none;
    }
    
    .article-list .figure {
        width: 34%;
        height: 24vw
    }
    
    .article-list .content {
        /*margin-left: 38%;*/
        padding-top: 5px
    }
    
    .article-list {
        padding: 3vw
    }
    
    .article-list .content .title {
        font-size: 16px;
        white-space: unset;
        line-height: 1.6
    }
    
    .article-list .data {
        padding-top: 1vw
    }
    
    #left_2 {
        width: 100%
    }
    
    #left_2 .ul .title {
        list-style-type: none
    }
    
    #left_2 .item .p-title, #left_2 .a, #left_1 .intro, #middle_2 .item .title a, #full-post .absolute {
        font-size: 16px;
    }
    
    .flink {
        margin-bottom: 10px
    }
    
    .f-about {
        width: 100%
    }
    
    .f-contact {
        width: 100%;
        padding: 3% 0
    }
    
    .f-qr {
        width: 100%
    }
    
    .art-main .art-content {
        font-size: 16px
    }
    
    .art-main .art-title, .art-main .art-title a {
        font-size: 20px
    }
    
    /*.art-main h1, .art-main h2, .art-main h3 {
        font-size: 20px
    }*/
    
    .quick-prev-next .next, .quick-prev-next .prev {
        background: rgba(255, 255, 255, .8);
        color: #333;
        font-size: 24px;
        text-align: center;
        width: 40px;
        box-shadow: 0 1px 3px rgba(26, 26, 26, .2)
    }
    
    .quick-prev-next .prev {
        border-radius: 0 100px 100px 0
    }
    
    .quick-prev-next .next {
        border-radius: 100px 0 0 100px
    }
    
    .related-art .ul {
        margin-bottom: 3vw
    }
    
    .compost .com-info li {
        width: 100%;
        padding-right: 0%
    }
    
    .compost .com-info li .verify {
        right: 0
    }
    
    .art-main .head-info {
        padding-top: 1vw;
    }
    
    .onhui, .onlv {
        display: none;
    }
    
    #left_2 li .ellipsis {
        font-size: 16px;
    }
    
    .main-container {
        padding: 20px;
        margin: 0 auto 10px auto;
    }
    
    .main-container1 {
        padding: 20px;
    }
    
    .page-title {
        font-size: 26px;
    }
    
    .featured-content {
        grid-template-columns: 1fr;
    }
    
    .card-grid {
        grid-template-columns: 1fr;
    }
    
    .message-list, .wemodel-list {
        grid-template-columns: 1fr;
    }
    
    .recom-content, .recom1-content {
        grid-template-columns: 1fr;
        gap: 10px;
    }
    
    .wemodel-list .wemodel-features {
        white-space: normal!important;
    }
    
    .recom1-content .recom1-description {
        display: none;
    }
    
    /* 小屏幕设备进一步优化 */
    .logo-area .img {
        max-width: 140px;
    }
    
    .m-search-btn i, .m-nav-btn i {
        font-size: 20px;
    }
    
    #mobile-search-area {
        top: 50px;
        padding: 10px 2%;
    }
    
    /* 极小屏幕优化 */
    .logo-area .img {
        max-width: 120px;
    }
    
    #mobile-search-area {
        top: 45px;
    }
    
    #mobile-search-area .s-input {
        height: 40px;
        line-height: 40px;
        font-size: 14px;
    }
    
    .m-search-btn .css-search-icon {
        width: 26px;
        height: 26px;
    }
    
    .m-search-btn .css-search-icon::before {
        width: 22px;
        height: 22px;
    }
    
    .m-search-btn .css-search-icon::after {
        width: 5px;
        height: 2px;
        top: 18px;
        left: 18px;
    }
    
    #mobile-search-area .s-button .css-search-icon {
        width: 16px;
        height: 16px;
    }
    
    #mobile-search-area .s-button .css-search-icon::before {
        width: 16px;
        height: 16px;
    }
    
    #mobile-search-area .s-button .css-search-icon::after {
        width: 5px;
        height: 2px;
        top: 12px;
        left: 12px;
    }
}

/* 2. 电脑端样式 (≥993px) */
@media screen and (min-width: 993px) {
    .hidden-xl {
        display: none!important
    }
    
    .art-content img {
        max-width: 100%;
        height: auto;
    }
    
    #search-area.pc-search-area {
        display: block !important;
    }
    
    .m-search-btn {
        display: none !important;
    }
    
    #mobile-search-area {
        display: none !important;
    }
}