@charset "utf-8";*{-webkit-tap-highlight-color:transparent}
article,aside,details,figcaption,figure,footer,header,main,nav,section{display:block}
div,html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,hr,button,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,main{margin:0;padding:0}
body{background:#f8f9fa;color:#333;font:16px/1.75em Arial,'Microsoft Yahei',sans-serif;overflow-x:hidden;width:100%}

/* ========== Hero Banner 全宽样式 ========== */
.hero-banner{position:relative;width:100%;height:550px;overflow:hidden;margin-top:-85px;background:linear-gradient(135deg, #667eea 0%, #764ba2 100%)}
.hero-slider{position:relative;width:100%;height:100%}
.hero-slide{position:absolute;width:100%;height:100%;background-size:cover;background-position:center;opacity:0;transition:opacity 1.5s ease;display:none}
.hero-slide.active{opacity:1;display:block}
.hero-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg, rgba(51, 65, 85, 0.7) 0%, rgba(30, 41, 59, 0.8) 100%)}
.hero-content{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);text-align:center;z-index:2;width:90%;max-width:900px}
.hero-title{font-size:48px;font-weight:bold;color:#fff;margin-bottom:20px;line-height:1.3;text-shadow:0 4px 20px rgba(0,0,0,0.3);animation:fadeInUp 0.8s ease}
.hero-subtitle{font-size:18px;color:rgba(255,255,255,0.9);margin-bottom:30px;text-shadow:0 2px 10px rgba(0,0,0,0.2);animation:fadeInUp 1s ease;line-height:1.6}
.hero-link{display:inline-block;padding:12px 32px;background:rgba(255,255,255,0.2);backdrop-filter:blur(10px);color:#fff;border:2px solid rgba(255,255,255,0.4);border-radius:30px;font-size:16px;font-weight:600;text-decoration:none;transition:all 0.3s ease;animation:fadeInUp 1.2s ease}
.hero-link:hover{background:rgba(255,255,255,0.3);border-color:rgba(255,255,255,0.6);transform:translateY(-2px);box-shadow:0 8px 20px rgba(0,0,0,0.2)}

/* 轮播指示器 */
.hero-dots{position:absolute;bottom:100px;left:50%;transform:translateX(-50%);display:flex;gap:12px;z-index:3}
.hero-dots .dot{width:10px;height:10px;border-radius:50%;background:rgba(255,255,255,0.4);cursor:pointer;transition:all 0.3s ease;border:2px solid transparent}
.hero-dots .dot:hover{background:rgba(255,255,255,0.6);transform:scale(1.2)}
.hero-dots .dot.active{background:#fff;width:30px;border-radius:5px}

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

.hero-search{position:absolute;bottom:40px;left:50%;transform:translateX(-50%);width:90%;max-width:700px;z-index:4;animation:fadeInUp 1.2s ease}
.search-form-hero{position:relative;display:flex;background:rgba(255,255,255,0.95);backdrop-filter:blur(10px);border-radius:50px;overflow:hidden;box-shadow:0 10px 40px rgba(0,0,0,0.25);transition:all 0.3s ease}
.search-form-hero:hover{box-shadow:0 15px 50px rgba(0,0,0,0.35);transform:translateY(-2px)}
.search-input-hero{flex:1;border:none;padding:18px 30px;font-size:16px;color:#333;background:transparent;outline:none}
.search-input-hero::placeholder{color:#999}
.search-btn-hero{background:#334155;color:#fff;border:none;padding:18px 40px;font-size:16px;font-weight:bold;cursor:pointer;transition:all 0.3s ease;border-radius:0 50px 50px 0}
.search-btn-hero:hover{background:#1e293b;box-shadow:0 0 20px rgba(51, 65, 85, 0.5)}

/* ========== 分类导航 ========== */
.category-nav{background:#fff;box-shadow:0 4px 20px rgba(0,0,0,0.08);position:sticky;top:85px;z-index:8;margin-bottom:40px}
.category-tabs{display:flex;overflow-x:auto;padding:15px 0;white-space:nowrap;-webkit-overflow-scrolling:touch}
.category-tabs::-webkit-scrollbar{height:3px}
.category-tabs::-webkit-scrollbar-track{background:#f1f1f1}
.category-tabs::-webkit-scrollbar-thumb{background:#6366f1;border-radius:10px}
.cat-tab{display:inline-block;padding:10px 24px;margin:0 8px;background:#f5f5f5;color:#666;border-radius:25px;font-size:14px;font-weight:500;transition:all 0.3s ease;text-decoration:none;border:2px solid transparent}
.cat-tab:hover{background:#6366f1;color:#fff;transform:translateY(-2px);box-shadow:0 4px 15px rgba(99, 102, 241, 0.2)}
.cat-tab.active{background:#6366f1;color:#fff;border-color:transparent;box-shadow:0 4px 15px rgba(99, 102, 241, 0.3)}

/* ========== 标签云 ========== */
.tags-cloud{background:#fff;border-radius:15px;padding:20px 25px;margin-bottom:30px;box-shadow:0 4px 20px rgba(0,0,0,0.05);display:flex;align-items:center;flex-wrap:wrap}
.tags-label{font-size:14px;font-weight:bold;color:#6366f1;margin-right:15px;white-space:nowrap}
.tags-list{display:flex;flex-wrap:wrap;gap:10px;flex:1}
.tag-item{display:inline-block;padding:6px 16px;background:#f3f4f6;color:#6b7280;border-radius:20px;font-size:13px;transition:all 0.3s ease;text-decoration:none}
.tag-item:hover{background:#6366f1;color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px rgba(99, 102, 241, 0.2)}

/* ========== 瀑布流布局 ========== */
.masonry-container{column-count:4;column-gap:25px;width:100%;margin-bottom:40px}
.masonry-item{break-inside:avoid;page-break-inside:avoid;margin-bottom:25px;background:#fff;border-radius:15px;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,0.08);transition:all 0.4s cubic-bezier(0.4, 0, 0.2, 1);animation:fadeIn 0.6s ease;position:relative}
.masonry-item:hover{transform:translateY(-8px);box-shadow:0 8px 24px rgba(0,0,0,0.12)}

/* ========== 横向滚动应用卡片 ========== */
.app-category-section{margin-bottom:50px;animation:fadeIn 0.6s ease}
.category-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:25px;padding-bottom:15px;border-bottom:2px solid #e5e7eb}
.category-title{display:flex;align-items:center;font-size:28px;font-weight:bold;color:#111827;margin:0}
.category-icon{font-size:32px;margin-right:12px}
.category-more{font-size:14px;color:#6366f1;text-decoration:none;transition:all 0.3s ease;padding:8px 20px;border-radius:20px;border:2px solid #6366f1}
.category-more:hover{background:#6366f1;color:#fff;transform:translateX(5px)}

.scroll-container{position:relative;padding:0 50px}
.scroll-btn{position:absolute;top:50%;transform:translateY(-50%);width:40px;height:40px;border-radius:50%;background:rgba(255,255,255,0.95);border:2px solid #e5e7eb;color:#6366f1;font-size:24px;font-weight:bold;cursor:pointer;z-index:2;transition:all 0.3s ease;box-shadow:0 4px 12px rgba(0,0,0,0.1);display:flex;align-items:center;justify-content:center}
.scroll-btn:hover{background:#6366f1;color:#fff;border-color:#6366f1;box-shadow:0 6px 16px rgba(99,102,241,0.3)}
.scroll-btn-left{left:0}
.scroll-btn-right{right:0}
.scroll-btn:disabled{opacity:0.3;cursor:not-allowed}

.app-scroll-wrapper{overflow-x:auto;overflow-y:hidden;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}
.app-scroll-wrapper::-webkit-scrollbar{display:none}
.app-scroll-content{display:flex;gap:20px;padding:10px 0}

.app-card{flex:0 0 220px;background:#fff;border-radius:15px;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,0.08);transition:all 0.4s cubic-bezier(0.4, 0, 0.2, 1)}
.app-card:hover{transform:translateY(-8px);box-shadow:0 8px 24px rgba(0,0,0,0.12)}
.app-card-link{display:block;text-decoration:none;color:inherit}
.app-card-image{position:relative;width:100%;height:220px;overflow:hidden;background:#f5f5f5}
.app-card-image img{width:100%;height:100%;object-fit:cover;transition:transform 0.6s ease}
.app-card:hover .app-card-image img{transform:scale(1.08)}
.app-card-title{font-size:16px;font-weight:bold;color:#333;margin:0;padding:15px 15px 8px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;transition:color 0.3s ease}
.app-card:hover .app-card-title{color:#6366f1}
.app-card-desc{font-size:13px;color:#666;line-height:1.6;padding:0 15px 12px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.app-card-meta{display:flex;align-items:center;justify-content:space-between;padding:12px 15px 15px;border-top:1px solid #f0f0f0}
.app-card-views{font-size:12px;color:#999;display:flex;align-items:center}
.app-card-btn{background:#6366f1;color:#fff;padding:6px 16px;border-radius:20px;font-size:12px;font-weight:bold;transition:all 0.3s ease;box-shadow:0 2px 8px rgba(99, 102, 241, 0.2)}
.app-card:hover .app-card-btn{box-shadow:0 4px 12px rgba(99, 102, 241, 0.3);transform:translateY(-1px)}

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

.item-link{display:block;text-decoration:none;color:inherit}
.item-image{position:relative;width:100%;overflow:hidden;background:#f5f5f5}
.item-image img{width:100%;height:auto;display:block;transition:transform 0.6s ease}
.masonry-item:hover .item-image img{transform:scale(1.08)}

.featured-badge{position:absolute;top:12px;right:12px;background:linear-gradient(135deg, #ff6b6b 0%, #ee5a6f 100%);color:#fff;padding:6px 14px;border-radius:20px;font-size:12px;font-weight:bold;box-shadow:0 4px 12px rgba(255, 107, 107, 0.4);z-index:2}
.hot-badge{background:linear-gradient(135deg, #ff9966 0%, #ff5e62 100%);box-shadow:0 4px 12px rgba(255, 94, 98, 0.4)}
.new-badge{background:linear-gradient(135deg, #48bb78 0%, #38a169 100%);box-shadow:0 4px 12px rgba(72, 187, 120, 0.4)}

.item-body{padding:20px}
.item-title{font-size:16px;font-weight:bold;color:#333;margin-bottom:10px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;transition:color 0.3s ease}
.masonry-item:hover .item-title{color:#6366f1}

.item-desc{font-size:13px;color:#666;line-height:1.6;margin-bottom:15px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}

.item-meta{display:flex;align-items:center;justify-content:space-between;padding-top:12px;border-top:1px solid #f0f0f0}
.item-views{font-size:12px;color:#999;display:flex;align-items:center}
.item-btn{background:#6366f1;color:#fff;padding:6px 16px;border-radius:20px;font-size:12px;font-weight:bold;transition:all 0.3s ease;box-shadow:0 2px 8px rgba(99, 102, 241, 0.2)}
.masonry-item:hover .item-btn{box-shadow:0 4px 12px rgba(99, 102, 241, 0.3);transform:translateY(-1px)}

/* 推荐卡片特殊样式 */
.featured-item{border:2px solid #f3f4f6}
.featured-item .item-body{background:#fafafa}

/* 加载更多按钮 */
.load-more-wrap{text-align:center;margin:40px 0 50px;animation:fadeIn 0.8s ease}
.load-more-btn{background:#6366f1;color:#fff;border:none;padding:15px 50px;border-radius:50px;font-size:16px;font-weight:bold;cursor:pointer;box-shadow:0 4px 16px rgba(99, 102, 241, 0.25);transition:all 0.3s ease}
.load-more-btn:hover{background:#4f46e5;box-shadow:0 6px 20px rgba(99, 102, 241, 0.35);transform:translateY(-3px)}
.load-more-btn:active{transform:translateY(-1px)}

/* 瀑布流响应式 */
@media only screen and (max-width:1280px){.masonry-container{column-count:3;column-gap:20px}.app-card{flex:0 0 200px}.scroll-container{padding:0 45px}}
@media only screen and (max-width:980px){.masonry-container{column-count:2;column-gap:15px}.hero-title{font-size:36px}.hero-subtitle{font-size:16px}.category-nav{top:60px}.app-card{flex:0 0 180px}.category-title{font-size:24px}.category-icon{font-size:28px}}
@media only screen and (max-width:768px){.masonry-container{column-count:2;column-gap:12px}.masonry-item{margin-bottom:15px}.hero-banner{height:450px;margin-top:-60px}.hero-title{font-size:28px}.hero-subtitle{font-size:14px}.search-input-hero,.search-btn-hero{padding:14px 20px;font-size:14px}.category-nav{position:relative;top:0}.app-card{flex:0 0 160px}.app-card-image{height:160px}.scroll-container{padding:0 40px}.scroll-btn{width:35px;height:35px;font-size:20px}.category-title{font-size:20px}.category-icon{font-size:24px}.category-more{padding:6px 15px;font-size:13px}}
@media only screen and (max-width:540px){.masonry-container{column-count:1;column-gap:0}.hero-banner{height:400px}.app-card{flex:0 0 140px}.app-card-image{height:140px}.scroll-container{padding:0 35px}.scroll-btn{width:30px;height:30px;font-size:18px}.category-header{flex-direction:column;align-items:flex-start;gap:10px}.category-more{align-self:flex-end}}

/* ========== 区域标题 ========== */
.section-header{display:flex;align-items:center;justify-content:center;margin:50px 0 30px;padding-bottom:15px;border-bottom:2px solid #e5e7eb;position:relative}
.article-section{margin-top:60px}
.section-title{display:flex;align-items:center;font-size:32px;font-weight:bold;color:#111827;margin:0;justify-content:center}
.title-icon{font-size:36px;margin-right:12px}
.title-text{color:#374151}
.view-more{font-size:14px;color:#6366f1;text-decoration:none;transition:all 0.3s ease;padding:8px 20px;border-radius:20px;border:2px solid #6366f1;position:absolute;right:0}
.view-more:hover{background:#6366f1;color:#fff;transform:translateX(5px)}

/* ========== 文章列表样式 ========== */
.article-list{display:flex;flex-direction:column;gap:25px;margin-bottom:50px}
.article-card{background:#fff;border-radius:15px;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,0.08);transition:all 0.4s cubic-bezier(0.4, 0, 0.2, 1)}
.article-card:hover{transform:translateY(-5px);box-shadow:0 8px 24px rgba(0,0,0,0.12)}
.article-link{display:flex;text-decoration:none;color:inherit;padding:20px}
.article-left{flex-shrink:0;margin-right:25px}
.article-cover{width:200px;height:140px;border-radius:12px;overflow:hidden;background:#f5f5f5}
.article-cover img{width:100%;height:100%;object-fit:cover;transition:transform 0.6s ease}
.article-card:hover .article-cover img{transform:scale(1.1)}
.article-right{flex:1;display:flex;flex-direction:column;justify-content:space-between}
.article-title{font-size:20px;font-weight:bold;color:#333;margin:0 0 12px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;transition:color 0.3s ease}
.article-card:hover .article-title{color:#6366f1}
.article-excerpt{font-size:14px;color:#666;line-height:1.6;margin-bottom:15px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.article-meta{display:flex;align-items:center;gap:20px;flex-wrap:wrap}
.meta-item{display:flex;align-items:center;font-size:13px;color:#999;gap:6px}
.meta-icon{width:16px;height:16px;stroke-width:2}
.category-tag{background:#f3f4f6;color:#6366f1;padding:4px 12px;border-radius:12px;font-weight:500}

/* 文章列表响应式 */
@media only screen and (max-width:980px){
  .article-link{flex-direction:column;padding:0}
  .article-left{margin-right:0;margin-bottom:0;width:100%}
  .article-cover{width:100%;height:200px;border-radius:0}
  .article-right{padding:20px}
  .article-title{font-size:18px}
  .section-title{font-size:28px}
  .title-icon{font-size:32px}
}

@media only screen and (max-width:768px){
  .article-cover{height:180px}
  .article-title{font-size:16px}
  .article-excerpt{font-size:13px;-webkit-line-clamp:3}
  .section-header{margin:40px 0 20px;flex-direction:column;align-items:center;gap:15px;position:relative}
  .view-more{padding:6px 16px;font-size:13px;position:static}
  .section-title{font-size:24px;text-align:center}
  .title-icon{font-size:28px}
  .article-meta{gap:15px}
}
table{background-color:transparent;border-spacing:0;border-collapse:collapse;font-size:1em;width:100%;border-top:solid 1px #ececec;border-left:solid 1px #ddd;box-sizing:border-box}
table th{background-color:#f9f9f9;text-align:center;box-sizing:border-box}
table td,table th{padding:1%;border:1px solid #ececec;box-sizing:border-box}
a{text-decoration:none;outline:none;color:#333}
a:focus{outline:none;-moz-outline:none}
a:hover{color:#667eea;transition:all 0.3s ease}
a img{border:none}
li{list-style:none}
select,input,textarea{border-radius:0;-webkit-border-radius:0;background:none;border:none;margin:0;padding:0}
input:focus,input,button,select,textarea{outline:none}
textarea{resize:none}
.inner{width:1400px;margin:0 auto;max-width:95%}
.icon{position:relative;overflow:hidden}
.icon a{padding-bottom:100%;position:relative;overflow:hidden;display:block;border-radius:5px}
.icon img{display:block;width:100%;height:100%;position:absolute;left:0;top:0}
.clear{clear:both;height:0px;overflow:hidden}
.mb{margin-bottom:30px}
img.alignleft{float:left;margin:0 15px 15px 0}
img.aligncenter{display:block;margin:0 auto}
img.alignright{float:right;margin:0 0 15px 15px}
.owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}
.owl-carousel{display:none;width:100%;z-index:1}
.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden}
.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}
.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}
.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}
.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}
.owl-carousel .owl-item img{display:block;width:100%}
.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}
.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}
.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot{background:0 0;color:inherit;border:none;font:inherit}
.owl-carousel.owl-loading{opacity:0;display:block}
.owl-carousel.owl-hidden{opacity:0}
.owl-carousel.owl-refresh .owl-item{visibility:hidden}
.owl-carousel.owl-drag .owl-item{-ms-touch-action:pan-y;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.owl-carousel.owl-grab{cursor:move;cursor:grab}
.owl-carousel.owl-rtl{direction:rtl}
.owl-carousel.owl-rtl .owl-item{float:right}
.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}
.owl-carousel .owl-animated-in{z-index:0}
.owl-carousel .owl-animated-out{z-index:1}
.owl-carousel .fadeOut{animation-name:fadeOut}
@keyframes fadeOut{0%{opacity:1}
100%{opacity:0}
}.owl-height{transition:height .5s ease-in-out}
.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}
.owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""]{max-height:0}
.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}
.slick-slider{position:relative;display:block;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}
.slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0}
.slick-list:focus{outline:none}
.slick-list.dragging{cursor:pointer;cursor:hand}
.slick-slider .slick-track,.slick-slider .slick-list{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.slick-track{position:relative;top:0;left:0;display:block;margin-left:auto;margin-right:auto}
.slick-track:before,.slick-track:after{display:table;content:''}
.slick-track:after{clear:both}
.slick-loading .slick-track{visibility:hidden}
.slick-slide{display:none;float:left;height:100%;min-height:1px}
[dir='rtl'] .slick-slide{float:right}
.slick-slide img{display:block}
.slick-slide.slick-loading img{display:none}
.slick-slide.dragging img{pointer-events:none}
.slick-initialized .slick-slide{display:block}
.slick-loading .slick-slide{visibility:hidden}
.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}
.slick-arrow.slick-hidden{display:none}
.header{background:rgba(255,255,255,0.95);backdrop-filter:blur(10px);position:fixed;left:0;top:0;width:100%;box-shadow:0 4px 20px rgba(102, 126, 234, 0.15);z-index:9;transition:all 0.3s ease}
.blank{height:85px;clear:both;overflow:hidden}
.mobile{float:right;padding:27.5px 0;position:relative}
.mobile a{display:block;position:relative;font-size:16px;color:#666;padding-left:18px;cursor:pointer;line-height:30px}
.mobile a:hover{color:#667eea}
.mobile a:before{content:'';display:block;background:url(../images/icon_phone.png) no-repeat center center;background-size:contain;width:12px;height:18px;position:absolute;left:0;top:50%;margin-top:-9px}
.mobile .qr{background-color:#fff;border:1px solid #eee;position:absolute;right:0;top:100%;width:120px;height:120px;padding:6px;border-radius:0 0 5px 5px;display:none}
.mobile .qr img{display:block;width:100%;height:100%}
.logo{float:left;padding:20px 0}
.logo a{display:block;overflow:hidden;width:164px;height:45px;background:no-repeat left center;background-size:contain;text-indent:-99999em}
.wapbtn{position:absolute;right:3.125%;top:50%;transform:translateY(-50%);display:none}
.navbtn{width:23px;height:20px;cursor:pointer;position:relative;float:left;margin-left:15px}
.navbtn:before,.navbtn:after{content:'';display:block;position:absolute;right:0;width:100%;height:2px;background:linear-gradient(90deg, #667eea 0%, #764ba2 100%);transition:all .3s}
.navbtn:before{top:1px}
.navbtn:after{bottom:0}
.navbtn span{position:absolute;right:0;width:70%;height:2px;background:linear-gradient(90deg, #667eea 0%, #764ba2 100%);top:50%;margin-top:-1px;display:block;transition:all .3s}
.navbtn.open span{width:100%}
.navbtn.open:before,.navbtn.open:after{width:70%}
.searchbtn{width:21px;height:21px;background:url(../images/icon_ss.png) no-repeat center center;background-size:contain;cursor:pointer;float:left}
.search{position:absolute;left:0;top:100%;width:93.75%;padding:3.125%;background-color:#fff;display:none}
.nav{margin-right:107px;margin-left:200px}
.nav ul{float:right}
.nav li{float:left;font-size:16px;line-height:45px;padding:20px 25px;position:relative;font-weight:bold}
.nav li a{display:block}
.nav li ul{position:absolute;left:-1px;top:100%;width:100%;background-color:#fff;height:auto;border:1px solid #e6e6e6;z-index:2;padding:5px 0;display:none}
.nav li li{padding:0;text-align:center;float:none;font-weight:normal}
.nav li li:after{display:none}
.nav li li a{padding:0 5px}
.nav li.cur > a{color:#667eea}
.nav li em{display:none}
.nav li:last-child:after{display:none}
.hmpic{overflow:hidden}
.hmpic .item{float:left;width:31%;padding-bottom:2.2%}
.hmpic .first{width:66.8%;padding-right:2.2%}
.hmpic a{border-radius:5px;display:block;overflow:hidden;padding-bottom:45%;background:no-repeat center center;background-size:cover;position:relative}
.hmpic h2{position:absolute;left:0;bottom:0;width:100%;background-color:rgba(0,0,0,.3);color:#eee;font-weight:normal}
.hmpic i{font-size:16px;line-height:1.875em;font-style:normal;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;padding:5px 10px;text-align:center}
.hmmenu{background-color:#fff;border-radius:5px}
.hmmenu ul{overflow:hidden;padding:0 20px}
.hmmenu li{float:left;width:10.666%;padding:3%;text-align:center;position:relative}
.hmmenu li:after{width:20%;height:1px;background-color:#eee;content:'';display:block;position:absolute;right:-10%;top:50%;margin-top:-6.5785%}
.hmmenu li:nth-child(6n):after{display:none}
.hmmenu li i{display:block;width:70%;padding-bottom:70%;background:no-repeat center center;background-size:contain;border-radius:50%;overflow:hidden;margin:0 auto 15px}
.hmmenu li a{display:block;font-size:14px;text-align:center;line-height:1.125em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.searchbox{background-color:#fff;border-radius:15px;padding:25px;margin-bottom:30px;overflow:hidden;box-shadow:0 8px 30px rgba(102, 126, 234, 0.12);transition:all 0.3s ease}
.searchbox:hover{box-shadow:0 12px 40px rgba(102, 126, 234, 0.18);transform:translateY(-2px)}
.searchform{background-color:#f1f4f9;border-radius:5px;overflow:hidden;position:relative;padding-right:100px;margin-bottom:10px;margin-top:5px}
.searchform .submit{background:linear-gradient(135deg, #667eea 0%, #764ba2 100%);color:#fff;position:absolute;right:0;top:0;height:100%;width:100px;font-size:18px;cursor:pointer;-webkit-appearance:none;border:none;transition:all 0.3s ease;box-shadow:0 4px 15px rgba(102, 126, 234, 0.3)}
.searchform .submit:hover{box-shadow:0 6px 20px rgba(102, 126, 234, 0.4);transform:translateY(-1px)}
.searchform .text{border:none;height:32px;line-height:32px;padding:10px 2% 10px 0;width:98%;display:block;-webkit-appearance:none;font-size:16px;text-indent:20px}
.searchtags{color:#667eea;font-size:14px;line-height:1.875em;overflow:hidden}
.searchtags span{font-weight:bold;padding-right:8px;display:block;float:left}
.searchtags ul{margin-left:64px;overflow:hidden}
.searchtags a{color:#555;padding-right:16px}
.searchtags a:hover{color:#667eea;transition:all 0.3s ease}
.wrapper{padding:0;clear:both;overflow:hidden;background:transparent}
.divbox{border-radius:5px;overflow:hidden;margin-bottom:2.5%}
.divbox a{display:block;overflow:hidden}
.divbox img{display:block;width:100%;height:auto}
.hmnews{margin-bottom:30px}
.hmnews .tab{margin-bottom:10px}
.hmnews .tab span{display:block}
.hmnews .tab .dot{float:left;position:relative;font-weight:normal;padding-right:30px;padding-bottom:10px}
.hmnews .tab a{background-color:#fff;font-size:14px;line-height:1.75em;color:#3c3c3c;display:block;cursor:pointer;padding:8px 18px;position:relative;border-radius:20px;transition:all 0.3s ease;border:2px solid transparent}
.hmnews .tab .cur{font-weight:bold;background:linear-gradient(135deg, #667eea 0%, #764ba2 100%);color:#fff;box-shadow:0 4px 15px rgba(102, 126, 234, 0.4);border-color:transparent}
.hmnews .box{background-color:#fff;border-radius:15px;padding:20px;overflow:hidden;clear:both;box-shadow:0 8px 30px rgba(102, 126, 234, 0.1);transition:all 0.3s ease}
.hmnews .box:hover{box-shadow:0 12px 40px rgba(102, 126, 234, 0.15)}
.hmnews ul{width:105%;overflow:hidden;display:none}
.hmnews ul.cur{display:block}
.hmnews li{float:left;width:45%;font-size:16px;line-height:1.875em;padding:5px 5% 5px 0}
.hmnews li a{display:block;position:relative;padding-left:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hmnews li a:before{width:6px;height:6px;border-radius:50%;background:linear-gradient(135deg, #667eea 0%, #764ba2 100%);position:absolute;left:0;top:50%;margin-top:-3px;content:'';display:block}
.hmbox{overflow:hidden;clear:both}
.hmbox .left{float:left;width:220px}
.hmbox .right{margin-left:250px}
.boxtop{border-bottom:1px solid #f1f4f9;overflow:hidden;padding:9px 20px 8px;line-height:30px}
.boxtop h2{float:left;font-size:16px;color:#3c3c3c;position:relative;padding-left:15px}
.boxtop h2:before{width:8px;height:8px;background:linear-gradient(135deg, #667eea 0%, #764ba2 100%);border-radius:50%;content:'';display:block;position:absolute;left:0;top:50%;margin-top:-4px}
.boxtop span{display:block;float:right;font-size:14px;font-weight:lighter}
.boxtop span a{display:block;color:#667eea;transition:all 0.3s ease}
.boxtop span a:hover{color:#764ba2}
.hotapp{padding:10px 20px}
.hotapp ul{overflow:hidden}
.hotapp li{overflow:hidden;padding:10px 0}
.hotapp .icon{float:left;width:50px}
.hotapp .info{margin-left:65px}
.hotapp  h3{font-size:16px;line-height:1.5em;font-weight:normal;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:5px}
.hotapp .meta{font-size:12px;color:#999;line-height:1.5em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.appbox{background-color:#fff;border-radius:15px;box-shadow:0 8px 30px rgba(102, 126, 234, 0.1);transition:all 0.3s ease}
.appbox:hover{box-shadow:0 12px 40px rgba(102, 126, 234, 0.15);transform:translateY(-2px)}
.applist{overflow:hidden;padding:8px 20px 12px}
.applist ul{width:106%;overflow:hidden}
.applist li{float:left;width:28%;padding:12px 5% 12px 0;overflow:hidden}
.applist .icon{float:left;width:80px}
.applist .info{margin-left:95px}
.applist h3{font-size:16px;font-weight:normal;margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.5em}
.applist .intro{font-size:12px;color:#999;line-height:1.45em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.applist .meta{overflow:hidden;margin-top:10px}
.applist .views{line-height:1.75em;margin-right:45px;overflow:hidden;font-size:12px;color:#888;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.appbtn{float:right;padding-right:5px;padding-bottom:5px}
.appbtn a{display:block;border-radius:20px;color:#fff;background:linear-gradient(135deg, #667eea 0%, #764ba2 100%);font-size:12px;line-height:1.5em;padding:4px 12px;box-shadow:0 4px 15px rgba(102, 126, 234, 0.3);border:none;transition:all 0.3s ease}
.appbtn a:hover{box-shadow:0 6px 20px rgba(102, 126, 234, 0.5);transform:translateY(-2px);color:#fff}
.hmlinks{background:#fff;border-radius:15px;clear:both;box-shadow:0 4px 20px rgba(102, 126, 234, 0.08);transition:all 0.3s ease;margin-top:40px;padding:20px 25px}
.hmlinks .boxtop{border:none;padding:0 0 15px;margin-bottom:15px}
.hmlinks .boxtop h2{font-size:18px}
.hmlinks ul{padding:0;overflow:hidden;display:flex;flex-wrap:wrap;gap:12px}
.hmlinks li{float:none;padding:0;font-size:13px}
.hmlinks li a{padding:8px 18px;background:linear-gradient(135deg, rgba(102, 126, 234, 0.08) 0%, rgba(118, 75, 162, 0.08) 100%);border-radius:20px;display:inline-block;transition:all 0.3s ease;color:#667eea}
.hmlinks li a:hover{background:linear-gradient(135deg, #667eea 0%, #764ba2 100%);color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px rgba(102, 126, 234, 0.3)}
.footer{background-color:#fff;padding:2.5% 0}
.footer .inner{overflow:hidden}
.appdata{overflow:hidden;padding:7px 0;margin-right:130px}
.appdata h2{font-size:14px;float:left;color:#666;line-height:1.75em}
.appdata ul{overflow:hidden;margin-left:70px}
.appdata li{float:left;padding:0 1%;font-size:14px;color:#666;line-height:1.75em}
.appdata li i{color:#2b92d8;font-weight:bold;font-size:18px;padding:0 5px;font-style:normal;vertical-align:middle}
.appdata li a{color:#666}
.appdata li a:hover{color:#333}
.appdata li ul{display:none}
.social{float:right;width:110px;text-align:center;padding:10px 0}
.social .qr{margin-bottom:5px;background-color:#fff;overflow:hidden}
.social img{display:block;width:100%;height:auto}
.social p{font-size:14px;color:#555;line-height:1.875em}
.copyright{background:linear-gradient(135deg, #667eea 0%, #764ba2 100%);padding:1.5% 0;text-align:center;color:#fff;font-size:12px;line-height:1.75em;text-transform:uppercase}
.copyright a{color:#fff}
.copyright a:hover{opacity:.85}
.copyright p{padding:3px 0}
.boxtitle{font-size:16px;color:#000;font-weight:normal;line-height:1.125em;position:relative;padding-left:15px;margin-bottom:3.5%}
.boxtitle:before{width:5px;height:16px;border-radius:2.5px;background:linear-gradient(135deg, #667eea 0%, #764ba2 100%);content:'';display:block;position:absolute;left:0;top:50%;margin-top:-8px}
.sidebar{float:right;width:280px}
.sidetitle{font-weight:normal;font-size:16px;color:#000;line-height:1.35em;padding:12px 15px 10px;border-bottom:1px solid #f1f4f9}
.sidetitle i{display:block;position:relative;padding-left:15px;font-style:normal}
.sidetitle i:before{width:8px;height:8px;border-radius:50%;background:linear-gradient(135deg, #667eea 0%, #764ba2 100%);content:'';display:block;position:absolute;left:0;top:50%;margin-top:-4px}
.widget,.hotapps{margin-bottom:20px;background-color:#fff;border-radius:15px;box-shadow:0 8px 30px rgba(102, 126, 234, 0.1);transition:all 0.3s ease}
.widget:hover,.hotapps:hover{box-shadow:0 12px 40px rgba(102, 126, 234, 0.15);transform:translateY(-2px)}
.widget .textwidget{padding:15px;font-size:14px;line-height:1.875em;position:relative}
.widget .textwidget img{display:block;width:100%;height:auto}
.widget ul{overflow:hidden;padding:15px}
.widget li{overflow:hidden;padding:2px 0;font-size:14px;line-height:1.875em}
.widget li a{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-left:15px;position:relative;font-size:14px;line-height:24px}
.widget li a:before{width:5px;height:5px;background-color:#cacaca;content:'';display:block;position:absolute;left:0;top:50%;margin-top:-2.5px;border-radius:50%}
.hotapps{padding:0;overflow:hidden}
.hotapps .top{background-color:#f9f9f9;height:46px;line-height:46px;position:relative}
.hotapps .top h3{float:left;width:50%;font-weight:normal;font-size:14px;color:#666;position:relative;text-align:center;cursor:pointer}
.hotapps .top .cur{background-color:#f94641;color:#fff}
.hotapps .btm .cur{display:block}
.hotapps ul{overflow:hidden;padding:5px 15px;display:none}
.hotapps li{overflow:hidden;padding:15px 0;border-bottom:1px dotted #eee}
.hotapps li:last-child{border-bottom:none}
.hotapps .icon{width:65px;float:left}
.hotapps .info{margin-left:73px;overflow:hidden}
.hotapps h4{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.125em;margin-bottom:7px}
.hotapps p{font-size:12px;color:#5e5d5b;line-height:1.35em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hotapps .appbtn{padding-top:7px}
.divTags ul{overflow:hidden}
.divTags li{float:left;padding:3px 5px 3px 0}
.divTags li .tag-count,.divTags a:before{display:none}
.divTags a{display:inline-block;padding:1px 8px;background-color:#ddd;color:#fff;font-size:12px;line-height:1.75em;border-radius:2px}
.divTags a:hover{opacity:.85}
.divTags a:nth-child(8n-7){background-color:#8A9B0F}
.divTags a:nth-child(8n-6){background-color:#EB6841}
.divTags a:nth-child(8n-5){background-color:#3FB8AF}
.divTags a:nth-child(8n-4){background-color:#FE4365}
.divTags a:nth-child(8n-3){background-color:#FC9D9A}
.divTags a:nth-child(8n-2){background-color:#EDC951}
.divTags a:nth-child(8n-1){background-color:#C8C8A9}
.divTags a:nth-child(8n){background-color:#83AF9B}
.divTags a:first-child{background-color:#E1474D}
.divTags a:last-child{background-color:#3299BB}
.divComments ul{padding-top:10px;padding-bottom:10px}
.divComments li{overflow:hidden;border-bottom:1px solid #f6f6f6;margin-bottom:10px;padding-bottom:10px}
.divComments li:last-child{margin-bottom:0;border-bottom:none}
.divComments li a{display:table;width:100%;table-layout:fixed;overflow:hidden;padding:0;background-color:transparent}
.divComments li a:before{display:none}
.divComments .gravatar{display:table-cell;vertical-align:middle;width:35px}
.divComments .gravatar img{display:block;width:100%;height:auto;overflow:hidden}
.divComments .info{display:table-cell;vertical-align:middle;padding-left:10px}
.divComments h4{font-size:14px;font-weight:normal;color:#333;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.75em}
.divComments p{font-size:12px;color:#888;line-height:1.75em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.divSearchPanel form{position:relative;overflow:hidden;padding-right:40px}
.divSearchPanel input[type='submit']{font-size:14px;background:linear-gradient(135deg, #667eea 0%, #764ba2 100%);color:#fff;width:40px;height:34px;display:block;position:absolute;right:0;top:0;border-radius:0 20px 20px 0;cursor:pointer;border:none;box-shadow:0 4px 15px rgba(102, 126, 234, 0.3);transition:all 0.3s ease}
.divSearchPanel input[type='submit']:hover{box-shadow:0 6px 20px rgba(102, 126, 234, 0.5)}
.divSearchPanel input[type='text']{height:22px;line-height:22px;width:92%;padding:5px 4%;border:1px solid #e4e4e4;border-radius:3px;border-right:none;font-size:14px;color:#333}
.divCalendar .textwidget{margin:0}
.divCalendar caption{margin-bottom:10px;font-size:16px;height:24px;line-height:24px}
.divCalendar th,.divCalendar td{width:14.285%;text-align:center;padding:1%;font-size:14px}
.divCalendar td a{font-weight:bold;color:#667eea}
.main{margin-right:310px;overflow:hidden;background-color:#fff;border-radius:15px;clear:none;box-shadow:0 8px 30px rgba(102, 126, 234, 0.1)}
.breadcrumb{text-align:right;font-size:12px;color:#888;margin-left:120px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.breadcrumb a{color:#888}
.breadcrumb a:hover{color:#667eea;transition:all 0.3s ease}
.breadcrumb a:first-child{background:url(../images/icon_home.png) no-repeat left 0;padding-left:20px}
.breadcrumb i{font-style:normal;padding:0 5px}
.appcate{padding:20px}
.appitem{overflow:hidden;margin-bottom:20px;border-bottom:1px solid #f9f9f9;padding-bottom:20px;position:relative}
.appitem .icon{float:left;width:80px}
.appitem .info{margin-left:100px}
.appitem h2{font-size:18px;font-weight:normal;line-height:1.35em;margin-bottom:5px;margin-right:45px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.appitem .meta{font-size:12px;color:#666;line-height:1.5em;overflow:hidden;margin-bottom:11px}
.appitem .meta span{display:block;float:left;padding-right:20px}
.appitem .intro{font-size:14px;line-height:1.5em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.appitem .appbtn{position:absolute;right:0;top:0}
.pagenavi{font-size:0;line-height:normal;text-align:center}
.pagenavi a,.pagenavi .now-page{display:inline-block;height:36px;line-height:36px;border:1px solid #e5e5e5;padding:0 15px;font-size:14px;margin:0 3px;color:#555;border-radius:8px;transition:all 0.3s ease}
.pagenavi a:hover,.pagenavi .now-page{background:linear-gradient(135deg, #667eea 0%, #764ba2 100%);color:#fff;border-color:transparent;box-shadow:0 4px 15px rgba(102, 126, 234, 0.3)}
.newslist{overflow:hidden;padding:20px}
.newsitem{border-bottom:1px dashed #eee;overflow:hidden;margin-bottom:20px;padding-bottom:20px}
.newsitem .pic{float:left;width:190px;overflow:hidden}
.newsitem .pic img{display:block;position:absolute;left:0;top:0;width:100%;height:auto;min-height:100%;transition:transform .3s}
.newsitem .pic a{display:block;padding-bottom:75%;position:relative;overflow:hidden}
.newsitem .pic a:hover img{transform:scale(1.1)}
.newsitem .info{overflow:hidden;margin-left:215px}
.newsitem h2{font-size:20px;color:#333;font-weight:normal;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.35em;margin-bottom:10px}
.newsitem .excerpt{color:#666;font-size:14px;line-height:1.875em;height:5.625em;overflow:hidden;text-align:justify}
.newsitem .meta{font-size:12px;color:#999;line-height:1.75em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:6px}
.newsitem .meta span{padding-right:20px}
.newsitem .meta a{color:#999}
.post{padding:3.5% 20px}
.posttitle{text-align:center;font-size:28px;font-weight:normal;line-height:1.5em;margin-bottom:3%}
.postmeta{font-size:0;line-height:normal;text-align:center;border-bottom:1px solid #eee;padding-bottom:10px;margin-bottom:2.5%}
.postmeta span{display:inline-block;font-size:12px;line-height:1.75em;padding:0 15px 0 18px;color:#999;background:no-repeat left center;background-size:auto 14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.postmeta .date{background-image:url(../images/icon_date.png)}
.postmeta .author{background-image:url(../images/icon_author.png)}
.postmeta .views{background-image:url(../images/icon_views.png)}
.error404 .post{padding:10% 5%}
.error404 .title{font-weight:bold}
.error404 p{text-align:center;margin-bottom:0}
.error404 p a{color:#2b92d8;text-decoration:underline}
.entry{font-size:16px;line-height:1.875em;color:#333;overflow:hidden;margin-bottom:1%;text-align:justify}
.entry *{line-height:1.875em;margin-bottom:1.875%}
.entry img{width:auto;max-width:100%;height:auto!important;margin-bottom:0}
.entry hr{border:none;border-bottom:1px solid #e6e6e6}
.entry blockquote{background-color:#f9f9f9;border-left:8px solid #e3e3e3;padding:1.65% 1.65% 0;overflow:hidden;margin:0 2em 1.875%;font-style:italic;color:#666}
.entry ul,.entry ol{margin-left:2em}
.entry ul li,.entry ol li{margin-left:1em}
.entry ul li{list-style:outside disc none}
.entry ol li{list-style:outside decimal none}
.tags{overflow:hidden;margin-bottom:3.5%}
.tags h3{float:left;font-size:14px;color:#000;line-height:24px;font-weight:normal;padding:5px 0}
.tags ul{margin-left:56px;overflow:hidden}
.tags a{background-color:#f6f6f6;padding:5px 18px;margin-top:5px;display:inline-block;border-radius:20px;color:#888;font-size:12px;line-height:20px;transition:all 0.3s ease}
.tags a:hover{background:linear-gradient(135deg, #667eea 0%, #764ba2 100%);color:#fff;box-shadow:0 4px 15px rgba(102, 126, 234, 0.3)}
.relatedpost{overflow:hidden;margin-bottom:2.5%}
.relatedpost ul{overflow:hidden;width:104%}
.relatedpost li{float:left;width:46%;padding-right:4%;padding-bottom:2%;overflow:hidden}
.relatedpost li .pic{float:left;width:110px;overflow:hidden}
.relatedpost li .pic img{display:block;position:absolute;left:0;top:0;width:100%;height:auto;min-height:100%;transition:transform .3s}
.relatedpost li .pic a{display:block;padding-bottom:75%;position:relative}
.relatedpost li .pic a:hover img{transform:scale(1.1)}
.relatedpost li .info{margin-left:125px;overflow:hidden;position:relative}
.relatedpost li h4{font-size:16px;line-height:1.35em;color:#333;font-weight:normal;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:5px}
.relatedpost li p{color:#666;font-size:14px;line-height:2em;height:4em;overflow:hidden}
.commentsList,.commentForm{overflow:hidden;margin-bottom:1%}
.commentsList .gravatar{float:left;width:50px;height:50px;overflow:hidden;padding-top:5px}
.commentsList .gravatar img{display:block;width:100%;height:100%}
.commentsList .info{margin-left:65px;overflow:hidden}
.commentsList .top{overflow:hidden;margin-bottom:5px}
.commentsList .top span{display:block;font-size:14px;line-height:1.75em}
.commentsList .top .name{float:left;font-weight:bold}
.commentsList .top .name a{color:#333}
.commentsList .top .reply{float:right}
.commentsList .top .reply a{color:#666}
.commentsList .mid{font-size:14px;color:#222;line-height:1.75em;margin-bottom:5px}
.commentsList .btm{color:#888;font-size:12px;line-height:1.75em}
.commentsList li{overflow:hidden;margin-bottom:2%}
.commentsList li li{margin-left:65px;margin-top:5px;margin-bottom:0}
.commentsList li li .gravatar{display:none}
.commentsList li li .info{margin-left:0;background-color:#fff;border:1px solid #e4e4e4;padding:10px 15px}
.commentsList li li .mid{font-size:14px;line-height:1.75em}
.commentsList li li .btm{font-size:12px}
.commentsList li li li{margin-left:20px}
#comment .item{overflow:hidden;margin-bottom:15px}
#comment label{display:block;float:left;line-height:40px;font-size:14px;color:#555}
#comment label i{font-style:normal;color:#f00}
#comment img{display:block;float:right;height:42px;width:auto}
#comment .input{margin-left:65px;border:1px solid #e4e4e4;border-radius:3px;overflow:hidden}
#comment .text{width:96%;padding:8px 2%;display:block;height:24px;line-height:24px;font-size:14px;color:#333;font-family:'Microsoft Yahei';background-color:#fff}
#comment textarea.text{height:120px}
#comment .btn{overflow:hidden}
#comment .submit{background:linear-gradient(135deg, #667eea 0%, #764ba2 100%);color:#fff;font-size:18px;width:130px;height:42px;border-radius:25px;cursor:pointer;float:right;-webkit-appearance:none;appearance:none;border:none;box-shadow:0 4px 15px rgba(102, 126, 234, 0.3);transition:all 0.3s ease}
#comment .submit:hover{box-shadow:0 6px 20px rgba(102, 126, 234, 0.5);transform:translateY(-2px)}
#comment .warning{margin-bottom:1.5%;font-size:14px;color:#555;line-height:1.75em;margin-left:65px}
#comment #cancel-reply{display:block;font-size:14px;float:right;clear:both;color:#555}
.appinfo{position:relative;overflow:hidden;margin-bottom:2.5%;min-height:155px}
.appinfo .left{float:left;width:100px}
.appinfo .icon{padding-bottom:100%;position:relative;border-radius:5px;overflow:hidden}
.appinfo .info{margin-left:130px;overflow:hidden}
.appinfo .title{font-size:20px;font-weight:normal;line-height:1.35em;margin-bottom:10px;color:#2f2e2e}
.appdown{margin-top:20px}
.appdown a{display:block;background:linear-gradient(135deg, #667eea 0%, #764ba2 100%);color:#fff;font-size:12px;line-height:1.5em;padding:8px;border-radius:20px;text-align:center;box-shadow:0 4px 15px rgba(102, 126, 234, 0.3);transition:all 0.3s ease}
.appdown a:hover{box-shadow:0 6px 20px rgba(102, 126, 234, 0.5);transform:translateY(-2px)}
.appmeta{overflow:hidden}
.appmeta ul{overflow:hidden;width:103%;padding:7px 0}
.appmeta li{float:left;width:31%;padding-right:2%;font-size:14px;line-height:26px;color:#999;overflow:hidden}
.appmeta li a{color:#999}
.appmeta li a:hover{color:#222;text-decoration:underline}
.appmeta li span{display:block;word-wrap:break-word;word-break:break-all}
.appmeta li .n{float:left}
.appmeta li .v{margin-left:45px}
.appmeta li .s{font-size:0;line-height:normal}
.appmeta li i{display:inline-block;width:16px;height:23px;background:no-repeat center center;background-size:contain;margin-right:10px}
.appmeta li .wx{background-image:url(../images/icon_wx.png);width:20px}
.appmeta li .and{background-image:url(../images/icon_and.png)}
.appmeta li .ios{background-image:url(../images/icon_ios.png);margin-right:0}
.downfile{position:fixed;width:600px;top:30%;left:50%;box-shadow:0px 0px 5px #ddd;margin-left:-300px;background-color:#fff;border-radius:5px;z-index:8;display:none}
.downfile .close{width:16px;height:16px;position:absolute;right:7px;top:7px;background:url(../images/icon_close2.png) no-repeat center center;background-size:contain;cursor:pointer}
.downfile .box{padding:20px;overflow:hidden;font-size:0;text-align:center;line-height:normal}
.downfile .btn{position:relative;display:inline-block;width:30%;padding:1.65%}
.downfile a{display:block;height:32px;line-height:32px;border-radius:3px;color:#fff;font-size:12px;text-align:center}
.downfile a:hover{opacity:.85}
.downfile .canvas{background-color:#fff;border:1px solid #e6e6e6;padding:6px;margin:0 auto 5px}
.downfile .qr{padding-bottom:100%;position:relative;overflow:hidden}
.downfile img,.appinfo canvas{display:block;width:100%;height:100%;position:absolute;left:0;top:0}
.downfile .wechat a{background-color:#07c160}
.downfile .iphone a{background-color:#18a8ee}
.downfile .android a{background-color:#a4c439}
.reason{margin-bottom:3%}
.reason p{font-size:16px;color:#f94641;line-height:1.875em}
.appscreen{margin-bottom:3%}
.appscreen .screenlist{background-color:#f9f9f9;padding:35px 60px;border:1px solid #eee}
.appscreen #screen{display:none}
.appscreen .pic{width:75%;margin:0 auto}
.appscreen .pic a{display:block}
.appscreen .pic img{display:block;width:100%;height:auto}
.appscreen .owl-nav button{position:absolute;top:50%;display:block;width:32px;transform:translateY(-50%)}
.appscreen .owl-nav span{display:block;font-size:0;line-height:normal;padding-bottom:100%;background:url(../images/icon_arrow.png) no-repeat 0 0;background-size:100% auto;text-indent:-9999em}
.appscreen .owl-prev{left:-46px}
.appscreen .owl-next{right:-46px}
.appscreen .owl-next span{background-position:0 100%}
.apptitle{font-size:16px;line-height:1.35em;margin-bottom:15px}
.apptags{color:#999;overflow:hidden;padding:7px 0;margin-left:130px}
.apptags span{font-size:14px;line-height:26px;display:block;float:left}
.apptags ul{overflow:hidden;margin-left:42px}
.apptags li{float:left;padding:2px 15px 2px 0}
.apptags a{color:#999;background-color:#efefef;font-size:12px;line-height:22px;display:inline-block;padding:4px 18px;border-radius:20px;transition:all 0.3s ease}
.apptags a:hover{background:linear-gradient(135deg, #667eea 0%, #764ba2 100%);color:#fff;box-shadow:0 4px 15px rgba(102, 126, 234, 0.3)}
.popupImg{position:fixed;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);z-index:9}
.popupImg .box{position:relative;position:relative;top:15%;height:70%;margin-top:-12.5px}
.popupImg img{display:block;width:auto;max-width:70%;height:auto;max-height:70%;margin:0 auto}
.popupImg span{display:block;width:25px;height:25px;background:url(../images/icon_close.png) no-repeat center center;background-size:contain;margin:10px auto 0;cursor:pointer}
.relatedapp{overflow:hidden;margin-bottom:1.5%}
.relatedapp ul{overflow:hidden;width:104%}
.relatedapp li{float:left;width:8.5%;padding-right:4%;padding-bottom:4%;text-align:center}
.relatedapp .icon{margin-bottom:5px}
.relatedapp h4{font-weight:normal;font-size:14px;line-height:1.75em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.backtop{background:linear-gradient(135deg, #667eea 0%, #764ba2 100%) url(../images/backtop.png) no-repeat center center;background-size:auto 50%;width:48px;height:48px;cursor:pointer;position:fixed;right:20px;bottom:20px;z-index:9;opacity:.7;border-radius:50%;box-shadow:0 4px 15px rgba(102, 126, 234, 0.3);transition:all 0.3s ease}
.backtop:hover{opacity:1;box-shadow:0 6px 20px rgba(102, 126, 234, 0.5);transform:translateY(-3px)}
.recommend{overflow:hidden;background-color:#fff;margin-bottom:2.2%;border-radius:15px;display:table;width:100%;table-layout:fixed;box-shadow:0 8px 30px rgba(102, 126, 234, 0.1);transition:all 0.3s ease}
.recommend:hover{box-shadow:0 12px 40px rgba(102, 126, 234, 0.15);transform:translateY(-2px)}
.recommend .left{display:table-cell;vertical-align:middle;background:linear-gradient(135deg, #667eea 0%, #764ba2 100%);width:1em;padding:10px}
.recommend h2{font-weight:normal;font-size:14px;line-height:1.75em;color:#fff}
.recommend .right{display:table-cell;vertical-align:middle}
.recommend ul{overflow:hidden;padding:1.5% 1%}
.recommend li{float:left;padding:1% 2.25%;width:8%}
.recommend li .icon{margin-bottom:10px}
.recommend li h3{font-weight:normal;font-size:14px;text-align:center;line-height:1.125em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media only screen and (max-width:1376px){.inner{width:93.75%}
}@media only screen and (max-width:1280px){.logo a{width:146px;height:40px}
.nav{margin-left:155px;margin-right:100px}
.nav li{line-height:40px;padding-left:18px;padding-right:18px}
.mobile{padding:25px 0}
.blank{height:80px}
.hmpic i{font-size:14px;padding:3px 5px}
.applist ul{width:103%}
.applist li{width:31%;padding-right:2%}
.applist .icon{width:70px}
.applist .info{margin-left:80px}
.applist h3{line-height:1.35em}
.posttitle{font-size:24px}
.appinfo .left{width:90px}
.appinfo .info{margin-left:110px}
.appinfo .title{margin-bottom:5px;font-size:18px}
.appmeta ul{padding:5px 0}
.appdown{margin-top:15px}
.apptags{margin-left:110px;padding:5px 0}
}@media only screen and (max-width:1024px){.mb{margin-bottom:25px}
.blank{height:65px}
.logo{padding:15px 0}
.logo a{width:128px;height:35px}
.nav{margin-left:130px;margin-right:85px}
.nav li{line-height:35px;padding:15px 17px}
.mobile{padding:15px 0}
.mobile a{line-height:35px}
.wrapper{padding:25px 0}
.hmmenu li{width:12.66%;padding:3% 2%}
.recommend ul{overflow:hidden;padding:1.5% 1%}
.recommend li{float:left;padding:1% 1.75%;width:9%}
.searchform .text{height:28px;line-height:28px}
.hmbox .left{float:none;width:auto;margin-bottom:25px}
.hotapp ul{overflow:hidden;width:102%}
.hotapp li{float:left;width:14.66%;padding-right:2%;text-align:center}
.hotapp .icon{float:none;width:50%;margin:0 auto 10px}
.hotapp .info{margin-left:0}
.hotapp h3{line-height:1.35em}
.hmbox .right{margin-left:0}
.hmnews .tab{font-size:0;text-align:center;line-height:normal}
.hmnews .tab .dot{float:none;display:inline-block;padding:0 15px 10px}
.applist ul{width:103%}
.applist li{width:47%;padding-right:3%}
.posttitle{font-size:20px}
.relatedpost ul{width:auto}
.relatedpost li{float:none;width:auto;padding-right:0}
}@media only screen and (max-width:980px){.header .inner{width:auto;box-shadow:none}
.blank{height:60px}
.logo{padding:15px 3.125%;float:none;background-color:#fff;position:relative;z-index:9;box-shadow:0px 2px 5px #ddd}
.logo a{width:109px;height:30px}
.mobile{display:none}
.wapbtn{display:block;z-index:9}
.nav{margin:0;position:fixed;left:-100%;top:0;width:100%;height:100%;background-color:#fff;z-index:8;overflow-y:auto;-webkit-overflow-scrolling:touch;opacity:0;transition:all .4s}
.nav.open{opacity:1;left:0}
.nav ul{margin-top:60px;float:none;border-top:1px solid #eee}
.nav li{float:none;padding:0;border-bottom:1px solid #eee;line-height:45px;position:relative}
.nav li a{padding:0 80px 0 3.125%;color:#333;display:block}
.nav li a:hover,.nav li.on > a,.nav li.cur > a{background-color:transparent}
.nav li ul{position:static;left:auto;top:auto;width:auto;margin-top:0;padding:0;display:none;background-color:transparent;border:none}
.nav li li{border-bottom:none;border-top:1px solid #e6e6e6;text-align:left}
.nav li li a{text-indent:2em}
.nav li em{display:block;position:absolute;top:0;right:0;padding-right:3.125%;height:45px;width:45px}
.nav li em:after{content:'';display:block;width:9px;height:9px;border-right:1px solid #aaa;border-bottom:1px solid #aaa;position:absolute;left:50%;top:50%;transform:rotate(-45deg);margin:-5px 0 0 -6.5px;transition:all .3s}
.nav li em.open:after{transform:rotate(45deg);margin:-6px 0 0 -6px}
.sidebar{display:none}
.main{margin-right:0}
#comment .item{margin-bottom:10px}
#comment .submit{font-size:14px;height:30px;width:90px}
#comment label{float:none;width:auto;line-height:1.5em;margin-bottom:5px}
#comment .input,#comment .warning{margin-left:0}
#comment .text{padding-top:5px;padding-bottom:5px}
#comment img{height:36px}
.commentsList .gravatar{width:35px;height:35px;padding-top:3px}
.commentsList .info{margin-left:45px}
.commentsList .top span{line-height:1.35em}
.commentsList .top .reply{font-size:12px}
.commentsList li li{margin-left:45px}
}@media only screen and (max-width:768px){.mb{margin-bottom:20px}
.wrapper{padding:20px 0}
.boxtop{padding:7px 15px 6px;line-height:24px}
.boxtop h2{font-size:14px}
.boxtop span{font-size:12px;font-family:'Simsun'}
.hmpic{margin-bottom:20px;border-radius:5px}
.hmpic .item{width:auto;float:none;padding:0}
.hmpic a{border-radius:0}
.hmpic h2{display:none}
.hmpic .owl-dots{position:absolute;left:50%;bottom:15px;transform:translateX(-50%);font-size:0;line-height:normal;text-align:center}
.hmpic .owl-dot{display:inline-block;margin:0 5px}
.hmpic .owl-dot span{display:block;width:9px;height:9px;border-radius:50%;background-color:rgba(255,255,255,.5)}
.hmpic .active span{background-color:#fff}
.hmmenu ul{padding:2% 0}
.hmmenu li{width:29.333%}
.hmmenu li:nth-child(3n):after{display:none}
.hmmenu li i{width:60%;padding-bottom:60%;margin-bottom:10px}
.recommend .left{padding:5px 7px}
.recommend ul{overflow:hidden;padding:2%}
.recommend li{float:left;padding:2% 3%;width:19%}
.searchbox{padding:15px}
.searchform{padding-right:50px}
.searchform .text{height:24px;line-height:24px;padding-top:7px;padding-bottom:7px;text-indent:15px;font-size:14px}
.searchform .submit{font-size:14px;width:50px}
.searchtags{font-size:12px}
.searchtags span{float:none;padding-right:0}
.searchtags ul{margin-left:0}
.searchtags li{padding-right:10px}
.hmbox .left{margin-bottom:20px}
.hotapp{padding:10px 15px}
.hotapp h3{font-size:14px}
.hotapp .icon{width:65%}
.applist{padding:8px 15px 8px}
.applist ul{width:auto}
.applist li{float:none;width:auto;padding:9px 0}
.applist .icon{width:50px}
.applist .info{margin-left:60px}
.hmnews .box{padding:13px 15px}
.hmnews ul{width:auto}
.hmnews li{font-size:14px;width:auto;float:none;padding:3px 0}
.hmnews .tab .dot{padding:0 10px 10px}
.hmnews .tab a{line-height:1.5em}
.hmlinks ul{padding:10px}
.hmlinks li{padding:3px 5px}
.appcate{padding:15px}
.appitem{margin-bottom:15px;padding-bottom:15px}
.appitem .icon{width:50px}
.appitem .info{margin-left:60px}
.appitem h2{font-size:16px}
.appitem .meta{margin-bottom:5px}
.appitem .meta span{padding-right:15px}
.appitem .intro{font-size:12px}
.pagenavi a,.pagenavi .now-page{height:28px;line-height:28px;padding:0 10px;margin:0 1px}
.newslist{padding:15px}
.newsitem{margin-bottom:15px;padding-bottom:15px}
.newsitem .pic{width:100px}
.newsitem .info{margin-left:110px}
.newsitem h2{font-size:16px;line-height:1.5em;max-height:3em;white-space:normal;margin-bottom:5px}
.newsitem .excerpt{display:none}
.newsitem .meta span{padding-right:10px}
.post{padding:15px}
.posttitle{font-size:18px}
.postmeta{margin-bottom:15px}
.postmeta span{font-size:12px;background-size:auto 12px;padding:0 10px 0 14px}
.entry{font-size:14px}
.entry *{margin-bottom:15px;line-height:1.75em}
.entry blockquote{padding:15px 15px 0;border-left-width:5px}
.tags{margin-bottom:20px}
.tags h3{display:none}
.tags ul{margin-left:0}
.tags li{padding:5px 10px 5px 0}
.boxtitle{margin-bottom:15px}
.relatedpost li{padding-bottom:15px}
.relatedpost li .pic{width:100px}
.relatedpost li .info{margin-left:110px}
.relatedpost li h4{font-size:14px;white-space:normal;line-height:1.5em;max-height:3em}
.relatedpost li p{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;height:auto;font-size:12px}
.commentsList,.commentForm{margin-bottom:15px}
.error404 .post{padding:20% 5%}
.error404 .title{font-size:24px}
.appdown{margin-top:10px}
.appmeta ul{padding:0}
.appmeta li{font-size:12px;width:34.5%}
.appmeta li.w25{width:25%}
.appmeta li .n{float:none;color:#666}
.appmeta li .v{margin-left:0}
.appmeta li i{margin-right:3.5px;width:15px}
.appmeta li .wx{width:19px}
.apptags{margin-left:0;padding:10px 0}
.apptags span{float:none;color:#333;padding:0;margin-bottom:8px;font-weight:bold;line-height:1.35em}
.apptags ul{margin-left:0}
.apptags li{padding:3px 6px 3px 0}
.apptags li a{border-radius:0}
.appinfo{margin-bottom:15px;min-height:0}
.appinfo .left{width:60px;padding:3px 0}
.appinfo .info{margin-left:75px}
.appinfo .title{font-size:16px}
.appscreen{margin-bottom:20px}
.appscreen .screenlist{padding:15px 26px}
.appscreen .pic{width:80%}
.appscreen .owl-nav button{width:16px}
.appscreen .owl-prev{left:-21px}
.appscreen .owl-next{right:-21px}
.relatedapp{margin-bottom:15px}
.relatedapp li{width:21%;padding-bottom:2%}
.copyright{padding:17px 0}
.apptitle{font-size:14px;margin-bottom:10px}
.footer{padding:6% 0 3.418%}
.social{float:none;margin:0 auto 5px;padding:0}
.appdata{margin-right:0;padding:5px 0}
.appdata ul{margin-left:60px}
.appdata li,.appdata h2{font-size:12px;line-height:2em}
.backtop{width:32px;height:32px}
.nav li{font-size:14px}
.downfile{width:80%;left:10%;margin-left:0}
.downfile .box{padding:15px}
.downfile .close{width:13px;height:13px;right:5px;top:5px}
.downfile a{height:24px;line-height:24px}
.reason{margin-bottom:20px}
.reason p{font-size:14px}
}@media only screen and (max-width:540px){.hotapp li{width:31%;padding-top:7.5px;padding-bottom:7.5px}
.applist ul{width:auto}
.applist li{width:auto;float:none;padding:8px 0}
.applist .meta{margin-top:8px}
}