/*
*Description:   Theme CSS
*Author:    toyean
*Website:   http://www.toyean.com/
*Mail:      toyean@qq.com
*Version:   1.3.1(2020-03-10)
*/

/* 资源按钮样式 */
.resource-buttons {
    display: flex;
    gap: 15px;
    margin: 30px 0;
    padding: 20px;
    background-color: #f5f5f5;
    border-radius: 8px;
}



.category-posts-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
    max-width: 1200px;
    margin: 0 auto;
    box-sizing: border-box;
    width: 100%;
}

.category-posts-item {
    background: #fff;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
    opacity: 0;
    animation: fadeInUp 0.6s ease forwards;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.category-posts-item:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 15px rgba(0,0,0,0.15);
}

.category-posts-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 15px 15px 12px;
    border-bottom: 1px solid #e9ecef;
}

.category-posts-title {
    font-size: 16px;
    font-weight: 600;
    color: #333;
    margin: 0;
}

.category-posts-more {
    color: #666;
    text-decoration: none;
    font-size: 14px;
    transition: color 0.3s ease;
}

.category-posts-more:hover {
    color: #007bff;
}

/* 图片在上方的布局 */
.category-image-top {
    position: relative;
    width: 100%;
    height: 0;
    padding-top: 75%; /* 4:3 比例，与上方容器保持一致 */
    overflow: hidden;
    background: #f8f9fa;
    border-radius: 8px 8px 0 0;
    display: block;
}

.category-image-top a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-decoration: none;
}

.category-image-top img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.3s ease;
    display: block;
}

.category-image-top:hover img {
    transform: scale(1.05);
}

/* 文章列表样式 */
.category-article-list {
    margin: 0;
    padding: 12px 15px;
    list-style: none;
}

.category-article-item {
    padding: 8px 0;
    border-bottom: 1px solid #f0f0f0;
    display: flex;
    align-items: center;
    transition: background-color 0.3s ease;
}

.category-article-item:last-child {
    border-bottom: none;
}

.category-article-item:hover {
    background-color: #f8f9fa;
    margin: 0 -10px;
    padding: 8px 10px;
    border-radius: 4px;
}

.category-article-date {
    color: #999;
    font-size: 11px;
    margin-right: 8px;
    min-width: 25px;
    flex-shrink: 0;
}

.category-article-item a {
    color: #333;
    text-decoration: none;
    font-size: 13px;
    line-height: 1.4;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    transition: color 0.3s ease;
    flex: 1;
}

.category-article-item:hover a {
    color: #007bff;
}

@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(30px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* 响应式设计 - 三栏图文布局 */
@media screen and (max-width: 768px) {
    .category-posts-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;
    }
    
    .category-image-top {
        padding-top: 75%; /* 保持4:3比例 */
    }
    
    .category-posts-title {
        font-size: 14px;
    }
    
    .category-article-item a {
        font-size: 12px;
    }
}

@media screen and (max-width: 480px) {
    .category-posts-grid {
        grid-template-columns: 1fr;
        gap: 15px;
    }
    
    .category-image-top {
        padding-top: 75%; /* 保持4:3比例 */
    }
    
    .category-article-list {
        padding: 10px 12px;
    }
}

@media (min-width: 769px) and (max-width: 1024px) {
    .category-posts-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 25px;
    }
    
    .category-image-top {
        padding-top: 75%; /* 保持4:3比例 */
    }
}

@media (min-width: 1025px) and (max-width: 1200px) {
    .category-posts-grid {
        grid-template-columns: repeat(3, 1fr);
        gap: 25px;
    }
    
    .category-image-top {
        padding-top: 75%; /* 保持4:3比例 */
    }
}

@media (min-width: 1201px) {
    .category-posts-grid {
        grid-template-columns: repeat(3, 1fr);
        gap: 30px;
        max-width: 1200px;
    }
    
    .category-image-top {
        padding-top: 75%; /* 保持4:3比例 */
    }
}

.btn-demo, .btn-download {
    display: inline-flex;
    align-items: center;
    padding: 10px 20px;
    border-radius: 4px;
    text-decoration: none;
    font-weight: bold;
    color: white;
}

.btn-demo {
    background-color: #4CAF50;
}

.btn-download {
    background-color: #FF9800;
}

.btn-demo i, .btn-download i {
    margin-right: 8px;
}

/* 面包屑导航样式 */
.sitemap { 
    margin-bottom: 10px; 
    padding: 12px 20px; 
    font-size: 14px; 
    color: #999; 
    line-height: 24px; 
    background: #f8f9fa; 
    border-radius: 6px; 
    border-left: 4px solid #0188fb; 
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.sitemap a { 
    font-size: 14px; 
    color: #999; 
    text-decoration: none; 
    transition: all 0.3s ease;
}
.sitemap a:hover { 
    color: #0188fb; 
    text-decoration: underline; 
}
/* 添加分隔符样式 */
.sitemap span { 
    margin: 0 8px; 
    color: #ccc; 
}
/* 当前页面高亮 */
.sitemap:last-child { 
    color: #0188fb; 
    font-weight: 500; 
}

/* 分类导航样式 */
.category-nav {
    margin-bottom: 30px;
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
    box-sizing: border-box;
    width: 100%;
}

.nav-title {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 15px;
}

.nav-title .dot {
    width: 8px;
    height: 8px;
    margin: 0 5px;
    border-radius: 50%;
    background-color: #0188fb;
}

.nav-title h2 {
    margin: 0 10px;
    font-size: 18px;
    color: #333;
}

/* 分类标签样式 */
.nav-tabs {
    margin-bottom: 20px;
}

.tabs-wrapper {
    overflow-x: auto;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
    padding-bottom: 5px;
}

.tabs-wrapper::-webkit-scrollbar {
    height: 4px;
}

.tabs-wrapper::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 2px;
}

.tabs-wrapper::-webkit-scrollbar-thumb {
    background: #c1c1c1;
    border-radius: 2px;
}

.tabs-wrapper::-webkit-scrollbar-thumb:hover {
    background: #a8a8a8;
}

.tabs-list {
    display: inline-flex;
    padding: 0;
    margin: 0;
    list-style: none;
}

.tabs-list li {
    padding: 8px 20px;
    margin-right: 10px;
    border-radius: 20px;
    cursor: pointer;
    transition: all 0.3s ease;
    background-color: #f5f5f5;
    color: #666;
}

.tabs-list li:hover {
    background-color: #e8e8e8;
    color: #333;
}

.tabs-list li.tab-active {
    background-color: #0188fb;
    color: #fff;
}

/* 内容网格样式 */
.content-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    gap: 20px;
    margin-top: 20px;
}
    margin-bottom: 15px;
    color: #333;
}

.nav-title .dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: #ccc;
    margin: 0 5px;
}

.nav-tabs {
    margin-bottom: 20px;
}

.tabs-wrapper {
    overflow-x: auto;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: none;
    scrollbar-width: none;
}

/* 隐藏滚动条 */
.tabs-wrapper::-webkit-scrollbar {
    display: none;
}

.tabs-list {
    display: inline-flex;
    list-style: none;
    margin: 0;
    padding: 0;
    gap: 10px;
    justify-content: center;
}

.tabs-list li {
    padding: 5px 10px;
    background: transparent;
    border-radius: 8px;
    color: #666;
    cursor: pointer;
    white-space: nowrap;
    transition: all .3s;
}

.tabs-list li:hover {
    background-color: rgba(33, 150, 243, 0.1);
}

.tabs-list li.tab-active {
    background-color: #2196F3;
    color: white;
}

/* 网格布局样式 */
.content-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
    gap: 16px;
    margin-bottom: 30px;
}

.content-item {
    background: white;
    border-radius: 8px;
    overflow: hidden;
    transition: all 0.3s ease;
    box-shadow: 0 2px 10px rgba(0,0,0,0.04);
    border: 1px solid #f0f0f0;
    position: relative;
}

.content-item:hover {
    transform: translateY(-3px);
    box-shadow: 0 6px 20px rgba(0,0,0,0.08);
    border-color: #e0e0e0;
}

.item-img {
    position: relative;
    width: 100%;
    height: 0;
    padding-top: 75%; /* 4:3 比例 */
    overflow: hidden;
    background: #f9f9f9;
    display: block;
}

.item-img img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.4s ease;
    display: block;
}

.content-item:hover .item-img img {
    transform: scale(1.03);
}

.item-badges {
    position: absolute;
    top: 10px;
    left: 10px;
    display: flex;
    gap: 6px;
}

.item-badge {
    background: linear-gradient(135deg, #ff6b35, #ff8e53);
    color: white;
    padding: 3px 10px;
    border-radius: 12px;
    font-size: 12px;
    font-weight: bold;
    box-shadow: 0 2px 4px rgba(255,107,53,0.2);
}

.badge-vip {
    background: linear-gradient(135deg, #f44336, #e57373);
    box-shadow: 0 2px 4px rgba(244,67,54,0.2);
}

.badge-tested {
    background: linear-gradient(135deg, #4CAF50, #66BB6A);
    box-shadow: 0 2px 4px rgba(76,175,80,0.2);
}

.item-content {
    padding: 15px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.item-category {
    display: inline-block;
    background: #f0f7ff;
    color: #2d8cf0;
    padding: 3px 10px;
    border-radius: 12px;
    font-size: 12px;
    text-decoration: none;
    margin-bottom: 8px;
    margin-right: 8px;
    transition: all 0.2s ease;
    font-weight: 500;
}

.item-tag {
    padding: 2px 8px;
    font-size: 12px;
    color: #888;
    background-color: #f5f5f5;
    border-radius: 4px;
    display: inline-block;
    margin-bottom: 10px;
    margin-right: 8px;
    transition: all 0.3s ease;
}

.item-tag:hover {
    background-color: #e0e0e0;
    color: #666;
}

.item-category:hover {
    background: #2d8cf0;
    color: white;
}

.item-title {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 8px 5px;
    background: rgba(50, 50, 50, 0.75);
    color: white;
    margin: 0;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.4;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    transition: background-color 0.3s ease;
}

.item-img:hover .item-title {
    background: rgba(50, 50, 50, 0.85);
}

.item-meta {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 12px;
    color: #888;
    padding-top: 8px;
    border-top: 1px solid #f5f5f5;
}

.item-date {
    display: flex;
    align-items: center;
}

.item-date::before {
    content: "🗓️";
    margin-right: 4px;
    font-size: 12px;
}

.item-views {
    display: flex;
    align-items: center;
}

.item-views::before {
    content: "👁️";
    margin-right: 4px;
    font-size: 12px;
}

/* 添加额外的视觉效果 */
.content-item::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 3px;
    background: linear-gradient(90deg, #2d8cf0, #5cadff);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform 0.3s ease;
}

.content-item:hover::after {
    transform: scaleX(1);
}
    width: 100%;
    height: 140px;
    object-fit: cover;
}

.item-title {
    padding: 10px;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* 标签云样式（与内容列表共用容器） */
.tag-cloud-section {
  margin-top: 30px;
  padding: 25px;
  background: #fff;
  border-radius: 8px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.04);
  border: 1px solid #f0f0f0;
}
.tag-cloud-section .tag-cloud-header {
  text-align: center;
  margin-bottom: 20px;
}
.tag-cloud-section .tag-cloud-header h3 {
  font-size: 18px;
  color: #333;
  margin: 0 0 8px 0;
  font-weight: 600;
}
.tag-cloud-section .tag-cloud-header p {
  font-size: 14px;
  color: #999;
  margin: 0;
}
.tag-cloud-section .tag-cloud-content {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  justify-content: center;
}
.tag-cloud-section .tag-cloud-item {
  display: inline-flex;
  align-items: center;
  padding: 8px 16px;
  background: #f8f9fa;
  border: 1px solid #e9ecef;
  border-radius: 20px;
  text-decoration: none;
  color: #495057;
  font-size: 14px;
  transition: all 0.3s ease;
  position: relative;
}
.tag-cloud-section .tag-cloud-item:hover {
  background: #2196F3;
  color: #fff;
  border-color: #2196F3;
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(33, 150, 243, 0.3);
}
.tag-cloud-section .tag-cloud-item .tag-count {
  margin-left: 6px;
  background: rgba(0, 0, 0, 0.1);
  color: inherit;
  padding: 2px 6px;
  border-radius: 10px;
  font-size: 12px;
  font-weight: 600;
}
.tag-cloud-section .tag-cloud-item.tag-large {
  font-size: 16px;
  padding: 10px 18px;
}
.tag-cloud-section .tag-cloud-item.tag-large .tag-count {
  font-size: 13px;
}
.tag-cloud-section .tag-cloud-item.tag-medium {
  font-size: 15px;
  padding: 9px 17px;
}
.tag-cloud-section .tag-cloud-item.tag-small {
  font-size: 13px;
  padding: 7px 14px;
}

/* 筛选导航样式 */
.filter-nav {
    background-color: #fff;
    padding: 15px;
    border-radius: 8px;
    margin-bottom: 20px;
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
    box-sizing: border-box;
    width: 100%;
}

.filter-tabs {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
    flex-wrap: wrap;
}

.filter-label {
    margin-right: 10px;
    color: #666;
    white-space: nowrap;
}

.filter-tab {
    padding: 6px 12px;
    margin-right: 8px;
    margin-bottom: 8px;
    border-radius: 14px;
    text-decoration: none;
    color: #666;
    font-size: 14px;
}

.filter-tab.filter-active {
    background-color: #2196F3;
    color: white;
}

.filter-tab-active { 
    background-color: #2196F3;
    color: white;
}

.filter-tab.disabled { 
    color: #999; 
    cursor: not-allowed; 
}

/* 分页样式 */
.pagebar {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 30px;
    margin-bottom: 30px;
}

.page-info {
    color: #666;
}

.page-controls {
    display: flex;
    gap: 8px;
}

.page-btn {
    padding: 6px 12px;
    border-radius: 4px;
    text-decoration: none;
    color: #666;
    border: 1px solid #ddd;
    background-color: #fff;
    transition: all 0.3s ease;
}

.page-btn:hover {
    background-color: #f5f5f5;
}

.page-btn.disabled {
    color: #ccc;
    background-color: #f9f9f9;
    cursor: not-allowed;
}

.page-num {
    padding: 6px 12px;
    border-radius: 4px;
}

.page-num.page-active {
    background-color: #2196F3;
    color: white;
    border: 1px solid #2196F3;
}
::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#c1c1c1 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAHAQMAAAAVq36TAAAABlBMVEUAAAD///+l2Z/dAAAAAXRSTlMAQObYZgAAABBJREFUCNdjSGAAgQ9gMgEAC94BsRoDbWkAAAAASUVORK5CYII=) no-repeat center center;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}::-webkit-scrollbar-thumb:vertical:hover{background-color:#a8a8a8}::-webkit-scrollbar-thumb:vertical:active{background-color:#787878}a,img,button,input,textarea{-webkit-tap-highlight-color:rgba(255,255,255,0)}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;font-size:100%;border:0;vertical-align:baseline}body{font-size:16px;color:#333;font-family:'Douyin Sans',Penrose,"PingFang SC","Hiragino Sans GB",Tahoma,Arial,"Lantinghei SC","Microsoft YaHei","simsun",sans-serif}h1,h2,h3,h4,h5,h6{font-weight:normal}a{color:#0188fb;text-decoration:none;-webkit-transition:background-color .15s linear,color .15s linear;-moz-transition:background-color .15s linear,color .15s linear;-o-transition:background-color .15s linear,color .15s linear;-ms-transition:background-color .15s linear,color .15s linear;transition:background-color .15s linear,color .15s linear}a:hover{color:#0188fb;text-decoration:none}area{behavior:url(images/area.htc);outline:0}i{font-style:normal}ul,ol{list-style-type:none}img{max-width:100%;height:auto;width:auto\9;border:0;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-transition:-webkit-transform .2s ease 0s;transition:transform .2s ease 0s}input,textarea{font-size:16px;font-family:"PingFang SC",-apple-system,BlinkMacSystemFont,Roboto,"Helvetica Neue",Helvetica,Arial,"Hiragino Sans GB","Source Han Sans","Noto Sans CJK Sc","Microsoft YaHei","Microsoft Jhenghei",sans-serif;outline:0}.zoom{display:inline-block;vertical-align:top}.nowrap{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}@font-face{font-family:'iconfont';src:url('fonts/iconfont.eot');src:url('fonts/iconfont.eot?#iefix') format('embedded-opentype'),url('fonts/iconfont.woff2') format('woff2'),url('fonts/iconfont.woff') format('woff'),url('fonts/iconfont.ttf') format('truetype'),url('fonts/iconfont.svg#iconfont') format('svg');font-weight:normal;font-style:normal}@font-face{font-family:'Douyin Sans';src:url('fonts/douyin.woff') format('woff');font-weight:normal;font-style:normal}.shadow{box-shadow:0 1px 2px rgba(0,0,0,0.08)}.hide{display:none !important}.wrap{width:70%;margin:0 auto;zoom:1}.wrap::after{content:"";display:block;clear:both}.wrapper{background:#f1f1f1;position:relative}.head{padding-left:200px;position:relative;zoom:1}.head::after{content:"";display:block;clear:both}.header{background-color:#ffffff;color:white;box-shadow:0 1px 4px 0 rgba(238,238,238,0.5);position:relative;z-index:100}.header .name{height:60px;float:left;display:inline;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;position:relative;z-index:1}.header .name a{font-size:22px;color:#333;line-height:60px}.header .subname{float:left;display:inline;margin:30px 0 0 10px;font-size:16px;color:#333}.header.fixed{width:100%;border-top:2px solid #000000;position:fixed;top:0;z-index:99}.logo{height:60px;float:left;display:inline;overflow:hidden;position:relative;z-index:99}.logo a{width:100%;height:60px;display:table-cell;vertical-align:middle;transition:all ease .3s}.logo a img{height:50px;vertical-align:middle}.logo.on:before{content:'';width:50%;height:100%;background:-webkit-linear-gradient(left, rgba(255,255,255,0) 0, rgba(255,255,255,0.5) 100%);background:linear-gradient(to right, rgba(255,255,255,0) 0, rgba(255,255,255,0.5) 100%);position:absolute;top:0;left:-75%;z-index:2;display:block;-webkit-transform:skewX(-17deg);-moz-transform:skewX(-17deg);-o-transform:skewX(-17deg);-ms-transform:skewX(-17deg);transform:skewX(-17deg);pointer-events:none}.logo:hover:before{-webkit-animation:shine 1s;-moz-animation:shine 1s;animation:shine 1s}@-webkit-keyframes shine{100%{left:125%}}@keyframes shine{100%{left:125%}}.nav{border-bottom:1px solid #ddd;border-image:-webkit-linear-gradient(right, #e2e2e2 20%, #fff 100%) 100 100 100 100;border-image:-moz-linear-gradient(right, #e2e2e2 20%, #fff 100%) 100 100 100 100;border-image:linear-gradient(right, #e2e2e2 20%, #fff 100%) 100 100 100 100}.nav dl{padding-right:50px;line-height:35px;font-size:0;text-align:right}.nav dl dd{margin:0 10px;font-size:14px;color:#333;display:inline-block;vertical-align:top}.nav dl dd a{color:#333}.menu{float:right;display:inline;line-height:60px;position:relative}.menu ul{padding-right:35px;zoom:1}.menu ul::after{content:"";display:block;clear:both}.menu ul.nosch{padding:0}.menu li{float:left;display:inline;margin:0 30px 0 0;position:relative}.menu li a{font-size:16px;color:#333;position:relative;display:inline-block}.menu li a:hover{color:#0188fb}.menu li::before{content:"";width:0;height:3px;border-radius:3px 3px 0 0;opacity:.1;background:#0188fb;position:absolute;left:50%;bottom:0;-webkit-transition:all .2s;-moz-transition:all .2s;-o-transition:all .2s;transition:all .2s}.menu li:hover::before,.menu li.on::before{width:32px;margin-left:-16px;opacity:1}.menu li:hover a,.menu li.on a{color:#0188fb}.menu li .subnav{min-width:180px;padding:8px 0;line-height:40px;border-top:3px solid #0188fb;box-shadow:0 4px 12px rgba(0,0,0,0.1);background:#fff;position:absolute;top:60px;left:-20px;z-index:99;display:none;border-radius:0 0 6px 6px;-webkit-animation:fadeInUp .2s 0s ease both;-moz-animation:fadeInUp .2s 0s ease both}.menu li .subnav a{padding:0 25px 0 25px;font-size:14px;color:#555;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;display:block;position:relative;transition:all 0.3s ease-in-out}.menu li .subnav a:hover{background-color:#2196F3;color:#ffffff;padding-left:30px}.menu li .subnav a::before{content:"";width:3px;height:3px;background-color:transparent;border-radius:50%;position:absolute;top:18px;left:12px;transition:all 0.3s ease-in-out}.menu li .subnav a:hover::before{background-color:#ffffff;transform:scale(1.5)}.menu li .subnav a.on{color:#0188fb;background-color:#e3f2fd;padding-left:30px}.menu li .subnav a.on::before{background-color:#0188fb;transform:scale(1.5)}.menu li .subnav::before{content:"";width:0;height:0;margin:-12px 0 0 0;border:9px solid transparent;border-bottom-color:#0188fb;position:absolute;top:0;left:27px;z-index:3}.menu li .subnav::after{content:"";width:0;height:0;margin:-10px 0 0 0;border:8px solid transparent;border-bottom-color:#fff;position:absolute;top:0;left:28px;z-index:3}.menu li.subcate{margin-right:42px}.menu li.subcate>a::after{content:"\e69b";margin-left:2px;color:#333;font-family:iconfont;position:absolute;-webkit-transition:color .15s linear;-moz-transition:color .15s linear;-o-transition:color .15s linear;-ms-transition:color .15s linear;transition:color .15s linear}.menu li.subcate.on>a::after{color:#0188fb}.menu li.subcate .arrow{width:50px;text-align:center;display:none}.menu li.subcate .arrow::before{content:"\e69b";margin-left:2px;font-size:15px;color:#333;font-family:iconfont}.menu li.subcate .arrow.on::before{content:"\e6a4"}.menu li.subcate:hover>a::after{color:#0188fb}.menu li.subcate:hover a{color:#0188fb}.menu li.subcate:hover::before{display:none}.menu li.subcate:hover .subnav{display:block}.menu li.subcate:hover .subnav a:hover{color:#0188fb}.menu li.subcate:hover .subnav a.on{color:#0188fb}.menu li.subcate:hover .subnav a.on::after{color:#0188fb}.menu li.subcate .subnav a{color:#333}.menu.on{width:100%;float:left;display:inline;margin:0 -20px;padding:10px 20px 0;border-top:1px solid #e4e8eb;background:#fff;position:absolute;top:50px;z-index:9;display:block}.menu.on li{width:100%;float:none;line-height:40px;border-bottom:1px dotted #e4e8eb;display:block}.menu.on li a{display:block}.menuico{width:38px;height:38px;float:right;border-radius:2px;cursor:pointer;position:relative;z-index:10;top:6px;display:none;-webkit-transition:all .2s ease-in;-moz-transition:all .2s ease-in;-o-transition:all .2s ease-in;transition:all .2s ease-in}.menuico span{width:21px;height:2px;background-color:#0188fb;position:absolute;top:50%;left:50%;display:block;-webkit-transform:translateX(-50%) translateY(-50%);-moz-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);-webkit-transition:all .1s ease-in;-moz-transition:all .1s ease-in;-o-transition:all .1s ease-in;transition:all .1s ease-in}.menuico span:first-child{margin-top:-6px}.menuico span:last-child{margin-top:6px}.menuico.on span:first-child{width:20px;margin-top:-8px;margin-left:-7px;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);transform:rotate(45deg)}.menuico.on span:nth-child(2){opacity:0;width:2px;left:20px;-moz-transition-delay:0s;-o-transition-delay:0s;-webkit-transition-delay:0s;transition-delay:0s;-webkit-transition:all .1s ease-in;-moz-transition:all .1s ease-in;-o-transition:all .1s ease-in;transition:all .1s ease-in}.menuico.on span{background-color:#333;-webkit-transform-origin:0;-moz-transform-origin:0;transform-origin:0}.menuico.on span:last-child{width:20px;margin-top:6px;margin-left:-7px;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);transform:rotate(-45deg)}.fademask.on{width:100%;height:100%;background:rgba(0,0,0,0.5);position:fixed;top:0;right:0;bottom:0;left:0;z-index:1}.sch{display:inline-block}.schico{width:45px;height:60px;line-height:62px;text-align:center;cursor:pointer;position:absolute;top:0;right:0;transition:all ease .3s}.schico a{display:block}.schico a::after{content:"\e6e1";font-size:30px;color:#000000;font-weight:bold;font-family:iconfont}.sch-m{line-height:0;position:relative;display:none}.sch-m input{width:100%;height:50px;padding:0 18px;font-size:16px;color:#333;line-height:50px;border:0;outline:0;border-bottom:2px solid #0188fb;border-radius:3px;box-sizing:border-box;background:transparent}.sch-m input:focus{color:#0188fb}.sch-m button{width:30px;height:30px;padding:0;border:0;outline:0;cursor:pointer;background:transparent;position:absolute;bottom:10px;right:10px}.sch-m button::after{content:"\e6e1";font-size:30px;color:#0188fb;font-family:iconfont;font-weight:600;display:inline-block;vertical-align:top}.schfixed{width:262px;padding:20px;border-top:1px solid #0188fb;box-shadow:0 0 2px 0 #ddd;background:#fff;position:absolute;top:60px;right:0;z-index:10;display:none}.schfixed::before{content:"";width:0;height:0;margin:-20px 0 0 0;border:10px solid transparent;border-bottom-color:#0188fb;position:absolute;top:0;right:14px;z-index:3}.schfixed::after{content:"";width:0;height:0;margin:-19px 0 0 0;border:10px solid transparent;border-bottom-color:#fff;position:absolute;top:0;right:14px;z-index:3}.schfixed form{position:relative;zoom:1}.schfixed form::after{content:"";display:block;clear:both}.schfixed input{width:100%;height:38px;float:left;display:inline;padding:0 38px 0 10px;font-size:14px;color:#333;line-height:36px;border:1px solid #e4e8eb;outline:0;border-radius:3px;box-sizing:border-box;background:#fff}.schfixed input:focus{color:#0188fb;background-color:#fff;border-color:#aab7c1;outline:0;box-shadow:0 0 0 .2rem rgba(31,73,119,0.1)}.schfixed button{width:38px;height:38px;padding:0;border:0;border-radius:0 3px 3px 0;outline:0;cursor:pointer;background:#0188fb;position:absolute;top:0;right:0}.schfixed button::after{content:"\e6e1";font-size:26px;color:#fff;font-family:iconfont;display:inline-block;vertical-align:top}.schfixed.on{display:block}.schbox{width:100%;height:100%;position:fixed;top:0;left:0;z-index:11;display:none}.schbox.on{display:block}.schbg{background:rgba(0,0,0,0.9);position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}.schclose{font-size:40px;color:#0188fb;font-family:iconfont;cursor:pointer;position:absolute;top:0;right:40px;z-index:2}.schform{width:600px;position:absolute;top:100px;left:50%;z-index:2;transform:translate(-50%, 0)}.schform form{position:relative}.schform input{width:100%;font-size:22px;color:#0188fb;line-height:50px;border:0;outline:0;border-bottom:2px solid #0188fb;border-radius:3px;background:transparent}.schform input:focus{color:#495057;background-color:#fff;border-color:#aab7c1;outline:0;box-shadow:0 0 0 .2rem rgba(31,73,119,0.1)}.schform button{width:39px;height:39px;border:0;outline:0;cursor:pointer;background:transparent;position:absolute;bottom:8px;right:0}.schform button::after{content:"\e077";font-size:28px;color:#0188fb;font-family:iconfont;display:inline-block;vertical-align:top}.schads{margin-top:30px}.schads h3{margin:10px 0;font-size:15px;color:#e4e8eb;line-height:30px}.schads a{margin-bottom:10px;display:block}.main{margin-bottom:20px}.main .mask{margin-bottom:20px}.main.fixed{padding-top:60px}.banner { padding:0 18px; font-size:36px; color:#fff; text-align:center; background-repeat:no-repeat; background-size:cover; position:relative; z-index:3; }

/* 搜索框样式 */
.banner-search {
    max-width: 1200px;
    margin: 20px auto 20px;
    padding: 20px;
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    position: relative;
    z-index: 2;
    box-sizing: border-box;
    width: 100%;
}

/* 内容容器样式 */
.content-container {
    max-width: 1200px;
    margin: 20px auto 20px;
    padding: 20px;
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    position: relative;
    z-index: 2;
    box-sizing: border-box;
    width: 100%;
}

.search-input-wrapper {
    display: flex;
    background: white;
    border-radius: 25px;
    overflow: hidden;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}

.search-input {
    flex: 1;
    padding: 15px 20px;
    border: none;
    outline: none;
    font-size: 16px;
    font-family: 'Douyin Sans', Penrose, "PingFang SC", "Hiragino Sans GB", Tahoma, Arial, "Lantinghei SC", "Microsoft YaHei", "simsun", sans-serif;
}

.search-btn {
    padding: 0 25px;
    background: #0188fb;
    color: white;
    border: none;
    cursor: pointer;
    font-size: 16px;
    transition: background-color 0.3s ease;
}

.search-btn:hover {
    background: #0066cc;
}

/* 热搜词样式 */
.hot-words {
    margin-top: 15px;
    text-align: center;
    font-size: 14px;
    padding: 8px 0;
}

.hot-label {
    margin-right: 10px;
    color: #666;
    font-weight: 500;
}

.hot-word {
    color: #555;
    text-decoration: none;
    margin: 0 8px;
    padding: 3px 10px;
    border-radius: 15px;
    background-color: #f5f5f5;
    transition: all 0.3s ease;
    display: inline-block;
}

.hot-word:hover {
    color: #fff;
    background-color: #2196F3;
    transform: translateY(-1px);
    text-decoration: none;
}

.sidebox { width: 365px; }

/* 响应式调整 */
@media (max-width: 768px) {
    .banner-search {
        max-width: 100%;
        margin-top: 15px;
    }
    
    .content-container {
        max-width: 100%;
        margin: 15px auto;
        padding: 15px;
    }
    
    .category-posts-grid {
        max-width: 100%;
        gap: 20px;
    }
    
    .search-input-wrapper {
        border-radius: 20px;
    }
    
    .search-input {
        padding: 12px 15px;
        font-size: 14px;
    }
    
    .search-btn {
        padding: 0 20px;
        font-size: 14px;
    }
    
    .hot-words {
        font-size: 12px;
    }
    
    .hot-word {
        margin: 0 6px;
    }
    
    /* 移动端面包屑导航样式 */
    .sitemap {
        padding: 8px 15px;
        font-size: 12px;
        margin-bottom: 8px;
    }
    
    /* 移动端筛选导航和分类导航宽度调整 */
    .filter-nav,
    .category-nav {
        max-width: 100%;
        margin-left: auto;
        margin-right: auto;
    }
}

/* 针对100%缩放的特殊处理 */
@media screen and (min-width: 1200px) and (max-width: 1250px) {
    .content-container,
    .banner-search,
    .category-posts-grid {
        max-width: 1160px;
    }
}
        transition: background-color 0.3s ease;
    }

    .search-btn:hover {
        background: #0066cc;
    }

    /* 热搜词样式 */
    .hot-words {
        margin-top: 15px;
        text-align: center;
        font-size: 14px;
    }

    .hot-label {
        margin-right: 10px;
        opacity: 0.9;
    }

    .hot-word {
        color: rgb(0, 0, 0);
        text-decoration: none;
        margin: 0 8px;
        opacity: 0.8;
        transition: opacity 0.3s ease;
    }

    .hot-word:hover {
        opacity: 1;
        text-decoration: underline;
    }

    /* 文章统计信息样式 */
    .article-stats-left,
    .article-stats-right {
        font-size: 14px;
        color: #666;
        font-weight: 600;
        white-space: nowrap;
        padding: 8px 12px;
        background: rgba(0, 123, 255, 0.08);
        border-radius: 6px;
        line-height: 1;
        display: inline-block;
        position: absolute;
        top: 0;
        transition: all 0.3s ease;
        box-shadow: 0 2px 4px rgba(0, 123, 255, 0.1);
    }

    .article-stats-left {
        left: 0;
    }

    .article-stats-right {
        right: 0;
    }

    .article-stats-left:hover,
    .article-stats-right:hover {
        background: rgba(0, 123, 255, 0.15);
        box-shadow: 0 4px 8px rgba(0, 123, 255, 0.15);
    }

    /* 数量数字样式 - 红色 */
    .article-count {
        color: #dc3545;
        font-weight: 700;
        margin: 0 2px;
    }

    .nav-title {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 20px;
        flex-wrap: wrap;
        position: relative;
        padding: 15px 0;
    }

    .nav-title h2 {
        margin: 0;
        flex-shrink: 0;
    }

    /* 响应式调整 */
    @media (max-width: 768px) {
        .banner-search {
            max-width: 100%;
            margin-top: 15px;
        }
        
        .search-input-wrapper {
            border-radius: 20px;
        }
        
        .search-input {
            padding: 12px 15px;
            font-size: 14px;
        }
        
        .search-btn {
            padding: 0 20px;
            font-size: 14px;
        }
        
        .hot-words {
            font-size: 12px;
        }
        
        .hot-word {
            margin: 0 6px;
        }
        
        .article-stats-left,
        .article-stats-right {
            font-size: 12px;
            padding: 6px 8px;
            position: static;
            margin: 5px;
        }
        
        .nav-title {
            gap: 10px;
            flex-direction: column;
            padding: 10px 0;
        }
        
        .nav-title .article-stats-left,
        .nav-title .article-stats-right {
            position: absolute;
            top: 5px;
            margin: 0;
        }
        
        .nav-title .article-stats-left {
            left: 10px;
        }
        
        .nav-title .article-stats-right {
            right: 10px;
        }
        
        /* 移动端数量数字样式 */
        .article-count {
            color: #dc3545;
            font-weight: 700;
        }
        
        /* 移动端隐藏蓝点 */
        .nav-title .dot {
            display: none;
        }
    }
}.banner::before{content:"";width:100%;height:100%;background:none;position:absolute;top:0;left:0;z-index:1}.banner h2{margin-bottom:20px;text-shadow:0 1px 5px #999;position:relative;z-index:2}.banner h2::after{content:"";width:40px;height:2px;margin-left:-20px;background:#fff;position:absolute;left:50%;bottom:-20px}.hellotip{width:90%;margin-bottom:20px;text-shadow:0 1px 5px #999;word-break:break-all;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);z-index:2}.hellotip.alone::after{content:"";width:40px;height:2px;margin-left:-20px;background:#fff;position:absolute;left:50%;bottom:-20px}.display{background-size:cover}.loader{width:50px;height:50px;margin:-25px 0 0 -25px;border-top:1px solid rgba(0,0,0,0.08);border-right:1px solid rgba(0,0,0,0.08);border-bottom:1px solid rgba(0,0,0,0.08);border-left:1px solid rgba(0,0,0,0.5);border-radius:50%;position:absolute;top:50%;left:50%;z-index:20;-webkit-animation:loader 700ms infinite linear;animation:loader 700ms infinite linear}@keyframes loader{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.sitemap{margin-bottom:5px;font-size:14px;color:#888;line-height:24px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.sitemap a{font-size:14px;color:#888}.sitemap a:hover{color:#0188fb}.content{width:70%;float:left;display:inline}.content.wide{width:100%}.block{margin-bottom:20px;padding:20px 26px;word-break:break-all;border-radius:3px;box-shadow:0 1px 5px 0 rgba(0,0,0,0.05);box-sizing:border-box;background:#fff}.block .post:last-child{margin-bottom:0;padding-bottom:0;border:0}.block .cmtsitem:last-child{padding-bottom:0;border-bottom:0}.post{margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid #e4e8eb;zoom:1}.post::after{content:"";display:block;clear:both}.post h1{margin:0 0 8px;font-size:24px;color:#333;font-weight:600;line-height:1.5}.post h2{margin-bottom:5px;line-height:1.5;font-weight:600}.post h2 a{font-size:20px;color:#333}.post h2 a:hover{color:#0188fb}.post h2 .istop{color:#888;vertical-align:top}.post h2 .istop::before{content:"\e67a";font-size:42px;color:#0188fb;font-family:iconfont;font-weight:normal;vertical-align:top}.post .info{margin-bottom:15px;font-size:14px;zoom:1}.post .info::after{content:"";display:block;clear:both}.post .user,.post .date,.post .cate,.post .view,.post .cmt,.post .edit,.post .del{margin-right:15px;color:#888}.post .user::before,.post .date::before,.post .cate::before,.post .view::before,.post .cmt::before,.post .edit::before,.post .del::before{margin-right:3px;font-size:18px;font-family:iconfont;vertical-align:top}.post .user a,.post .date a,.post .cate a,.post .view a,.post .cmt a,.post .edit a,.post .del a{color:#888}.post .user a:hover,.post .date a:hover,.post .cate a:hover,.post .view a:hover,.post .cmt a:hover,.post .edit a:hover,.post .del a:hover{color:#0188fb}.post .user:before{content:"\e6a9"}.post .date:before{content:"\e69c"}.post .cate:before{content:"\e6e2"}.post .view:before{content:"\e6a7"}.post .cmt:before{content:"\e6a8"}.post .edit:before{content:"\e69a"}.post .del:before{content:"\e6ac"}.postimg{width:120px;float:left;display:inline;margin:0 20px 0 0;border-radius:3px;overflow:hidden}.postimg a{width:100%;height:0;padding-bottom:70%;text-align:center;overflow:hidden;position:relative;display:block}.postimg a img{min-width:100%;min-height:100%;position:absolute;top:0;left:0}.post .intro{color:#888;line-height:28px;word-wrap:break-word;word-break:break-all;text-align:justify;text-justify:inter-ideograph;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;display:-webkit-box}.post .intro a{color:#888}.post .intro.isimg{height:90px;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;display:-webkit-box}.post object,.post embed,.post iframe,.post table{max-width:100%}.post .readmore{width:100%;float:left;margin:10px 0 0}.post .readmore a{padding:5px 16px 5px 26px;font-size:14px;color:#888;border:2px solid #e4e8eb;border-radius:20px;display:inline-block;-webkit-transition:all .15s linear;-moz-transition:all .15s linear;-o-transition:all .15s linear;-ms-transition:all .15s linear;transition:all .15s linear}.post .readmore a::after{content:"\e6a6";margin-left:5px;font-family:iconfont;-webkit-transition:color .15s linear;-moz-transition:color .15s linear;-o-transition:color .15s linear;-ms-transition:color .15s linear;transition:color .15s linear}.post .readmore a:hover{color:#0188fb;border-color:#0188fb}.post .readmore a:hover::after{color:#0188fb}.posttitle{padding:0 0 7px;line-height:30px;border-bottom:1px solid #e4e8eb}.posttitle h1,.posttitle h2,.posttitle h3,.posttitle h4,.posttitle h5,.posttitle h6{font-size:18px;color:#333}.post .tags{color:#888}.post .tags a{margin:0 5px 10px;padding:0 12px;font-size:16px;color:#333;line-height:28px;border:1px solid #e4e8eb;border-radius:2px;background:#fff;display:inline-block}.post .tags a:hover{color:#0188fb;border:1px solid #0188fb}.article .post{margin-bottom:20px;padding-bottom:10px}.pagebar,.cmtpagebar{width:100%;margin:0 auto 20px;padding:15px 0 10px;font-size:0;text-align:center;border-radius:3px;box-sizing:border-box;background:#fff}.pagebar .now-page,.cmtpagebar .now-page{font-size:14px;color:#fff;font-weight:400;padding:5px 10px;margin:0 5px 5px;border:1px solid #0188fb;border-radius:2px;background:#0188fb;display:inline-block}.pagebar a,.cmtpagebar a{margin:2px;padding:5px 10px;font-size:14px;color:#777;font-weight:400;border:1px solid #e2e2e2;border-radius:2px;background:#fff;display:inline-block}.pagebar a:hover,.cmtpagebar a:hover{color:#fff;border:1px solid #0188fb;background:#0188fb}.pagebar{box-shadow:0 1px 5px 0 rgba(0,0,0,0.05)}.cmtpagebar{padding-bottom:0}.contitle{margin-bottom:30px;line-height:38px;border-bottom:1px solid #e4e8eb;background:#fff}.contitle h1,.contitle h2{margin-bottom:-1px;font-size:16px;border-bottom:1px solid #0188fb;display:inline-block;vertical-align:top}.single{padding:20px 0 0;line-height:2;border-top:1px dotted #e4e8eb;word-wrap:break-word;word-break:break-all}.single p{margin-bottom:1em;text-align:justify;text-justify:inter-ideograph;position:relative}.single p img{margin:0 auto;display:block}.single h1,.single h2,.single h3,.single h4,.single h5,.single h6{margin-bottom:20px;border-bottom:1px solid #e4e8eb;position:relative}.single h1::after,.single h2::after,.single h3::after,.single h4::after,.single h5::after,.single h6::after{content:"";width:32px;height:0;border-bottom:2px solid #0188fb;position:absolute;left:0;bottom:-1px}.single h1{font-size:24px}.single h2{font-size:22px}.single h3{font-size:20px}.single h4{font-size:18px}.single h5{font-size:16px}.single h6{font-size:14px}.pages{overflow:hidden;zoom:1}.pages::after{content:"";display:block;clear:both}.pages a{color:#333}.pages a:hover{color:#0188fb}.pages p{height:30px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.pages span{color:#888}a.backlist{float:right;display:inline;margin:10px 0 0;padding:5px 10px 5px 20px;color:#888;border:2px solid #e4e8eb;border-radius:20px;display:inline-block}a.backlist::after{content:"\e6a6";margin-left:5px;font-family:iconfont}a.backlist:hover{color:#0188fb;border-color:#0188fb}.relate{padding:20px 0;border-top:1px dotted #eee;overflow:hidden;zoom:1}.relate::after{content:"";display:block;clear:both}.relatecon .relate:first-child{border:0}.relate:last-child{padding:15px 0 3px}.relateinfo h3{margin:0 0 10px}.relateinfo h3 a{font-size:18px;color:#333;font-weight:700}.relateinfo h3 a:hover{color:#0188fb}.relateinfo p{max-height:47px;font-size:15px;color:#888;line-height:26px;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;display:-webkit-box}.relateinfo p.isimg{height:47px;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;display:-webkit-box}.relateinfo p a{color:#888}.relateimg{width:120px;float:left;display:inline;margin-right:20px}.relateimg a{width:100%;height:0;padding-bottom:70%;overflow:hidden;position:relative;display:block}.relateimg a img{width:100%;min-height:100%;position:absolute;top:0;left:0}.cmtsitem{padding:18px 0 14px;border-bottom:1px dotted #e4e8eb;zoom:1}.cmtsitem::after{content:"";display:block;clear:both}.cmtsitem .avatar{width:48px;height:48px;float:left;display:inline;margin-right:10px;overflow:hidden}.cmtsitem .avatar img{width:48px;height:48px;border-radius:3px}.cmtsitem .cmtscon .avatar{display:none}.cmtscon{margin-left:65px;zoom:1}.cmtscon::after{content:"";display:block;clear:both}.cmtscon>.cmtsitem{margin-top:15px;padding:0 0 0 20px;border-left:2px solid #e4e8eb}.cmtscon>.cmtsitem .cmtscon{margin:0}.cmtsdate{float:right;display:inline;font-size:14px;color:#bbb}.cmtsname{font-size:14px;color:#333;display:inline-block}.cmtsname a{font-size:14px;color:#333}.cmtsname em{margin-top:1px;padding:0 7px;font-size:12px;color:#888;font-style:normal;line-height:16px;border:1px solid #eee;border-radius:2px;background:#fafafa;display:inline-block;vertical-align:top}.cmtsbody{margin-top:8px;line-height:26px;word-wrap:break-word;word-break:break-all}.cmtsbody .cmtscon{margin:0;padding-left:20px;border-left:2px solid #e4e8eb}.cmtsbody .cmtsfoot{display:none !important}.cmtsreply{margin-top:15px;padding-left:20px;border-left:2px solid #e4e8eb}.cmtsreplyname{font-size:12px;color:#888}.cmtsreplyname em{margin-top:1px;padding:0 7px;font-size:12px;color:#888;font-style:normal;line-height:16px;border:1px solid #eee;border-radius:2px;background:#fafafa;display:inline-block;vertical-align:top}.cmtsreplyname a{font-size:14px;color:#333}.cmtsreplycon{margin-top:8px;word-wrap:break-word;word-break:break-all}.cmtsreplydate{margin-top:8px;font-size:14px;color:#bbb}.cmtsfoot{margin-top:8px}.cmtsfoot .reply{font-size:14px;color:#888}.cmtsfoot .reply::before{content:"\e6a8";margin-right:3px;font-size:22px;color:#888;font-family:iconfont;vertical-align:top}.cmtsfoot .reply:hover{color:#0188fb}.cmtsfoot .reply:hover::before{color:#0188fb}.cmts.nocmt{padding:15px 30px}.cmts.nocmt::before{content:attr(data-content);width:100%;font-size:16px;color:#888;text-align:center;display:inline-block}.reply-frm{border-left:2px solid #e4e8eb;padding:0 0 0 20px;margin-top:15px;box-shadow:none}.reply-frm .cmtimg{display:none !important}.reply-frm .cmtarea{padding:0}#cancel-reply{height:26px;margin-left:20px;padding:0 10px 0 6px;font-size:14px;color:#0188fb;line-height:26px;border:2px solid #0188fb;outline:0;box-sizing:content-box;border-radius:20px;cursor:pointer;background:#fff;vertical-align:top;display:none}#cancel-reply::before{content:"\e69f";font-size:23px;color:#0188fb;font-family:iconfont;vertical-align:sub}.comment{margin-top:20px;zoom:1}.comment::after{content:"";display:block;clear:both}.cmtimg{width:48px;float:left;text-align:center}.cmtimg img{width:48px;height:48px;border-radius:3px}.cmtimg p{height:20px;font-size:12px;color:#888;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.cmtinfo{padding-left:70px;font-size:14px;word-break:break-all}.cmtinfo a{color:#333}.cmtinfo .cmt{margin:15px 0 0 -20px;padding-bottom:0}.cmtinfo .cmt .cmt{margin:15px 0 0 -20px;padding-bottom:0}.cmtinfo .cmt .cmt .cmt{margin:15px 0 0 -20px;padding-bottom:0}.cmtinfo .cmtinfo{width:500px}.cmtinfo .cmtinfo .cmtinfo{width:430px}.cmtinfo .cmtinfo .cmtinfo .cmtinfo{width:360px}.cmttime,.cmttime a{font-size:12px;color:#888}.cmtarea{padding-left:68px}.cmtarea textarea{width:100%;margin:0 0 10px;padding:5px 10px;font-size:16px;color:#333;line-height:28px;border:1px solid #e4e8eb;outline:0;border-radius:3px;overflow:hidden;vertical-align:top;box-sizing:border-box}.cmtarea textarea:focus{color:#0188fb;background-color:#fff;border-color:#aab7c1;outline:0;box-shadow:0 0 0 .2rem rgba(31,73,119,0.1)}.cmtsubmit button{height:36px;margin:0 10px 0 0;padding:0 20px;font-size:16px;color:#888;line-height:32px;border:2px solid #e4e8eb;outline:0;border-radius:20px;cursor:pointer;background:#fff}.cmtsubmit button::before{content:"\e69a";margin-right:3px;font-size:23px;color:#888;font-family:iconfont;vertical-align:top}.cmtsubmit button:hover{color:#0188fb;border-color:#0188fb}.cmtsubmit button:hover::before{color:#0188fb}.cmtsubmit button:active{border-color:#0188fb;background:#f1f1f1}.cmtsubmit span{font-size:14px;color:#888}.cmtform{width:100%;float:left;margin:0 0 20px;padding:0 0 20px;border-bottom:1px dotted #e4e8eb;display:none}.cmtform p{width:49%;float:left;padding:5px 0}.cmtform input{width:180px;height:27px;padding:2px 6px;color:#333;border:1px solid #e4e8eb;outline:0;border-radius:3px}.cmtform input:focus{color:#0188fb;background-color:#fff;border-color:#aab7c1;outline:0;box-shadow:0 0 0 .2rem rgba(31,73,119,0.1)}.cmtform input{*display:inline}.cmtform label{padding:0 10px;line-height:27px;cursor:pointer}.cmtform #inpVerify{width:100px}.cmtform img.imgcode{width:68px;height:31px;margin-left:10px;border:1px solid #e4e8eb;cursor:pointer;vertical-align:top}.sidebar{width:28%;float:right;display:inline;box-sizing:border-box}.sidebox{margin-bottom:20px;padding:20px;word-break:break-all;border-radius:3px;box-shadow:0 1px 5px 0 rgba(0,0,0,0.05);box-sizing:border-box;background:#fff}.sidebox dt{margin-bottom:10px;padding:0 0 10px;font-size:18px;border-bottom:1px solid #e4e8eb}.sidebox dd{line-height:30px}.sidebox dd ul{overflow:hidden;zoom:1}.sidebox dd ul::after{content:"";display:block;clear:both}.sidebox dd li{border-bottom:1px dotted #e4e8eb}.sidebox dd a{font-size:14px;color:#333}.sidebox dd a:hover{color:#0188fb}#divTags ul{margin-left:-8px;zoom:1}#divTags ul::after{content:"";display:block;clear:both}#divTags li{width:auto;float:left;display:inline;margin:10px 0 0 8px;padding:0;white-space:nowrap;border:0}#divTags li a{padding:0 8px;font-size:14px;color:#333;line-height:28px;border-radius:3px;box-shadow:0 1px 1px 0 #f5f5f5;border:1px solid #e4e8eb;display:inline-block;vertical-align:top}.tag-count{display:none}#divTags ul li a:hover{text-decoration:none;color:#0188fb;border:1px solid #0188fb}#divCalendar .function_t{display:none}#divCalendar .function_c{width:232px;padding:0 4px 15px 4px}#divCalendar table{width:100%;font-size:14px;table-layout:fixed}#divCalendar caption{height:24px;margin:0 0 10px;padding:0;font-weight:bold;text-align:center}#divCalendar caption a{padding:0 18px;color:#8a9ead}#divCalendar th{height:26px;color:#fff;font-weight:normal;line-height:26px;text-transform:uppercase;border:1px solid #b6c5d0;background:#b6c5d0}#divCalendar td{height:30px;color:#888;line-height:30px;text-align:center;border:1px solid #e4e8eb}#divCalendar td.pad{background:none}#divCalendar td a{line-height:30px;color:#0188fb;border:1px solid #0188fb;display:block}#divCalendar #today{color:#0188fb;font-weight:bold}#divAuthors .article-nums{display:none}#divPrevious .article-date,#divNavBar .subnav{display:none}#divCatalog ul.ul-subcates li a{padding-left:37px}#divSearchPanel form{margin-top:20px;zoom:1}#divSearchPanel form::after{content:"";display:block;clear:both}#divSearchPanel input[type="text"]{width:70%;height:36px;float:left;display:inline;padding:5px 10px;line-height:21px;border:1px solid #e4e8eb;box-sizing:border-box;border-radius:3px;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}#divSearchPanel input[type="text"]:focus{color:#495057;background-color:#fff;border-color:#aab7c1;outline:0;box-shadow:0 0 0 .2rem rgba(31,73,119,0.1)}#divSearchPanel input[type="submit"]{width:22%;height:36px;float:right;display:inline;font-size:14px;line-height:24px;border:1px solid #e4e8eb;border-radius:3px;cursor:pointer;background:#fff}#divSearchPanel input[type="submit"]:focus{background:#e4e8eb}#divMisc ul li,#divFavorites ul li,#divStatistics ul li{width:50%;float:left;display:inline;overflow:hidden}#divMisc li a{padding:5px 0;background:none;display:inline-block;vertical-align:top}#divMisc li a img{display:block}#divNavBar li,#divCatalog li,#divLinkage li,#divFavorites li,#divArchives li,#divAuthors li{width:50%;height:36px;float:left;line-height:36px;border-bottom:1px dotted #e4e8eb;overflow:hidden}#divCatalog li,#divPrevious li,#divLinkage li,#divNavBar li,#divComments li,#divAuthors li,#divFavorites li,#divStatistics li{height:36px;font-size:14px;line-height:36px;border-bottom:1px dotted #e4e8eb;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}#divCatalog li::before,#divPrevious li::before,#divLinkage li::before,#divNavBar li::before,#divComments li::before,#divAuthors li::before,#divFavorites li::before,#divStatistics li::before{content:"\e6a6";margin:0 5px 0 0;font-size:12px;color:#333;font-family:iconfont;display:inline-block;vertical-align:top}#divContorPanel dd{text-align:center}#divContorPanel .cp-hello{width:100%;margin-bottom:15px;padding:10px 0;border-bottom:1px dotted #e4e8eb;display:inline-block}#divContorPanel .cp-hello::before{content:"\e6a9";margin-right:3px;font-size:22px;font-family:iconfont;display:inline-block;vertical-align:top}#divContorPanel .cp-login a,#divContorPanel .cp-vrs a{padding:0 16px 0 10px;font-size:14px;color:#888;border:2px solid #e4e8eb;border-radius:20px;display:inline-block}#divContorPanel .cp-login a::before,#divContorPanel .cp-vrs a::before{font-size:20px;font-family:iconfont;vertical-align:top}#divContorPanel .cp-login a:hover,#divContorPanel .cp-vrs a:hover{color:#0188fb;border-color:#0188fb}#divContorPanel .cp-login a:hover::before,#divContorPanel .cp-vrs a:hover::before{color:#0188fb}#divContorPanel .cp-login a::before{content:"\e699"}#divContorPanel .cp-vrs a::before{content:"\e6e2"}#divContorPanel .sidecon div{padding:20px;text-align:center;line-height:24px;border:1px dotted #f0f0f0;background:#fbfbfb}.footer{padding:20px 17px;font-size:14px;color:#5d6576;text-align:center;line-height:24px;border-top:2px solid #000000;background:#ffffff}.footer a{font-size:14px;color:#0188fb}.footer a:hover{color:#0188fb}.edgebar{width:45px;position:fixed;_position:absolute;right:10px;bottom:30px;_bottom:30px;z-index:3}.edgebar a{margin-bottom:5px;display:inline-block;vertical-align:top}a.backtotop{width:45px;height:45px;text-align:center;line-height:45px;border-radius:5px;cursor:pointer;background:rgba(10,10,10,0.2);overflow:hidden}a.backtotop i::after{content:"\e600";font-size:32px;color:#fff;font-family:iconfont}a.backtotop:hover{background:#0188fb}.errorpage{padding:100px 30px;text-align:center;box-shadow:0 1px 5px 0 rgba(0,0,0,0.05);box-sizing:border-box;background:#fff}.errorpage h3{margin:0 0 10px;font-size:120px;line-height:120px;font-weight:bold;color:#333;text-shadow:rgba(61,61,61,0.3) 1px 1px,rgba(61,61,61,0.2) 2px 2px,rgba(61,61,61,0.3) 3px 3px}.errorpage h4{margin:0 0 30px;font-size:30px;color:#333;line-height:35px}.errorpage p{margin:0 0 20px;font-size:16px;color:#333}.errorsearch{width:60%;margin:0 auto 20px;zoom:1}.errorsearch::after{content:"";display:block;clear:both}.errschtxt{width:75%;height:36px;float:left;display:inline;padding:5px 10px;line-height:21px;border:1px solid #e4e8eb;box-sizing:border-box;border-radius:3px;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}.errschtxt:focus{color:#495057;background-color:#fff;border-color:#aab7c1;outline:0;box-shadow:0 0 0 .2rem rgba(31,73,119,0.1)}.errschbtn{width:24%;height:36px;float:right;display:inline;line-height:24px;border:1px solid #e4e8eb;border-radius:3px;cursor:pointer;background:#fff}.errschbtn:focus{background:#e4e8eb}.goback{height:36px;margin:0 10px 0 0;padding:0 10px 0 20px;font-size:16px;color:#888;line-height:36px;border:2px solid #e4e8eb;outline:0;border-radius:20px;cursor:pointer;background:#fff;display:inline-block}.goback::after{content:"\e6a6";font-size:23px;color:#888;font-family:iconfont;vertical-align:top}.goback:hover{color:#0188fb;border-color:#0188fb}.goback:hover::after{color:#0188fb}.postcon{overflow:hidden;position:relative}.teles,.telesmore{width:100%;height:150px;color:#3f72af;text-align:center;font-size:14px;text-indent:0;cursor:pointer;background:linear-gradient(to bottom, rgba(255,255,255,0), #fff 50%);position:absolute;left:0;bottom:0;display:block}.telesmore i{margin:100px auto 0;line-height:36px;text-align:center;border:1px solid #3f72af;border-radius:3px;background:#fff;display:block}.telesmore i:after{content:"\e69b";font-size:22px;font-family:iconfont;display:inline-block;vertical-align:top}.teles i{margin:90px 0 20px;font-size:18px;font-style:normal;text-indent:0;line-height:28px;display:inline-block}.teles i:after{content:"\e69b";width:33px;margin-left:-20px;font-size:30px;font-family:iconfont;position:absolute;bottom:0;left:50%}@-webkit-keyframes arrow{from{-webkit-transform:translate3d(-webkit-calc(-44%), 5px, 0);transform:translate3d(calc(-44%), 5px, 0)}to{-webkit-transform:translate3d(-webkit-calc(-44%), 0, 0);transform:translate3d(calc(-44%), 0, 0)}}@keyframes arrow{from{-webkit-transform:translate3d(-webkit-calc(-44%), 5px, 0);transform:translate3d(calc(-44%), 5px, 0)}to{-webkit-transform:translate3d(-webkit-calc(-44%), 0, 0);transform:translate3d(calc(-44%), 0, 0)}}@media screen and (max-width:1920px){.wrap{width:1300px}.wrapper{width:100%;min-width:100%}}@media screen and (max-width:1300px){.wrap{width:auto;padding:0 20px}.header .wrap{padding:0}.header .name a{padding-left:18px}.logo{margin-left:20px}.head{padding:0}.schico{right:10px}a.backtotop{width:36px;height:36px;line-height:36px}a.backtotop i::after{font-size:26px}}@media screen and (max-width:1080px){.header .name{height:50px}.header .name a{font-size:20px;line-height:50px}.logo{height:50px;margin-left:10px}.logo a{height:50px}.logo a img{height:36px}.menu{width:100%;height:auto;float:left;margin:0;border-top:1px solid #111;display:none}.menu ul{width:100%;padding-right:0;border-left:0}.menu ul li{width:100%;padding:0;color:#ddd;line-height:40px;border-bottom:1px solid #111;border-right:0}.menu ul li::before{display:none}.menu ul li a{padding:0 18px;font-size:16px;color:#333;border:0;display:block}.menu ul li.subcate>a::after{display:none}.menu ul li.subcate .arrow{border-left:1px dotted #e4e8eb;position:absolute;top:0;right:0;z-index:9;display:block}.menu ul li.subcate .arrow::before{margin:0;font-size:20px;color:#999;font-weight:600}.menu ul li.subcate:hover .subnav{display:none}.menu ul li.subcate.slidedown>a:after{content:"\e6a4";color:#0188fb}.menu ul li.subcate.slidedown .subnav{margin-bottom:-1px;padding:0 2px;line-height:40px;border-top:1px solid #e4e8eb;border-bottom:1px solid #e4e8eb;box-shadow:none;background:#f7f7f7;position:static;display:block;-webkit-animation:fadeInUp 0s 0s ease both;-moz-animation:fadeInUp 0s 0s ease both}.menu ul li.subcate.slidedown .subnav::before,.menu ul li.subcate.slidedown .subnav::after{display:none}.menu ul li.subcate.slidedown .subnav a{padding:0 18px}.menu.on{width:100%;margin:0;padding:5px 0 0;display:block}.menuico{right:5px;display:block}.schico{display:none}.sch-m{display:block}.main.fixed{padding-top:50px}.banner{margin-bottom:20px}.sidebar{display:none}.content{width:100%}.footer{padding:10px 16px;line-height:20px}}@media screen and (max-width:750px){.wrap{padding:0}.cmtimg{display:none}.main{margin-bottom:0}.main .mask{margin-bottom:10px}.banner{margin-bottom:10px;font-size:24px;line-height:32px}.banner h2{margin-bottom:10px}.banner h2::after{bottom:-10px}.sitemap{padding:0 18px;font-size:12px}.block{margin-bottom:10px;padding:15px 18px 10px}.contitle{margin-bottom:20px}.post{margin-bottom:20px;padding-bottom:10px}.post h1,.post h2{font-size:20px;line-height:30px}.post h1 a,.post h2 a{font-size:20px}.post h1 .istop::before,.post h2 .istop::before{font-size:32px}.post .info{margin-bottom:5px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.post .readmore{width:100%;padding:5px 0;text-align:center;display:none}.posttitle h1,.posttitle h2,.posttitle h3,.posttitle h4,.posttitle h5,.posttitle h6{font-size:20px}.post .user::before,.post .date::before,.post .cate::before,.post .view::before,.post .cmt::before{margin-right:2px;font-size:20px}.single{font-size:18px;line-height:30px}.single h1{font-size:18px;font-weight:600}.single h2{font-size:18px}.single h3{font-size:16px}.single h4{font-size:14px}.single h5{font-size:14px}.single h6{font-size:14px}a.backlist{width:99%;float:none;margin:0 0 20px;padding:0;line-height:36px;text-align:center;display:block}.relateinfo h3{margin-bottom:8px}.relateinfo h3 a{font-size:18px}.cmtsitem .avatar{width:38px;height:38px}.cmtsitem .avatar img{width:38px;height:38px}.cmtscon{margin-left:50px}.cmtshead{zoom:1}.cmtshead::after{content:"";display:block;clear:both}.cmtsname{width:100%;float:left;display:inline}.cmtsdate{float:left;display:inline}.cmtsbody,.cmtsreply{margin-left:-50px}.cmtsfoot{margin-left:-50px;text-align:right}.cmtarea{padding:0}.cmtform p{width:100%}.cmtform input{width:60%}.cmtform #inpVerify{width:30%}.cmtform img.imgcode{width:calc(30% - 12px);border-radius:3px}.cmtimg{display:none}.cmtsubmit{text-align:center}.cmtsubmit button{width:100%;height:40px;margin:0 0 10px 0}.reply-frm{margin-left:-50px}.pagebar{padding-bottom:10px}.cmtpagebar{padding-bottom:0}.pagebar,.cmtpagebar{width:auto;margin:0 0 8px}.pagebar .now-page,.cmtpagebar .now-page{padding:0 5px}.pagebar .next-page,.cmtpagebar .next-page{display:inline-block}.pagebar .next-page a,.cmtpagebar .next-page a{display:inline-block}.pagebar a,.cmtpagebar a{margin:0 3px 5px;padding:1px 7px}.pagebar a.m,.cmtpagebar a.m{display:inline-block}.errorpage{margin-bottom:10px;padding:50px 18px}.errorpage h3{font-size:80px;line-height:80px}.errorpage h4{font-size:24px}.errorsearch{width:100%}}