body,div,ul,li,p,span,h1,h2,h3,h4,nav,header,input,form,dl,dt,dd{margin:0;padding:0}
body{font:normal 100% -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";color:#777;background:#f5f5f5;font-size:18px;min-width:320px;max-width:640px;margin:0 auto;-webkit-text-size-adjust:none;-webkit-tap-highlight-color:rgba(0,0,0,0);position:relative}
li{list-style:none}
img{border:none}
input{-webkit-appearance:none;border-radius:0;border:none}
a,a:link,a:hover,a:active{color:#777;text-decoration:none}
a:visited{color:#777776}
a:hover{color:#777676}
.left{float:left}
.right{float:right}

.header{height:50px;background:#7bd9bf}
.header ul li{float:left;width:25%}
.header ul li.logo{width:50%}
.menu a,.logo a,.search-btn a,.close a,.return a{display:block;width:30px;height:50px;line-height:50px;text-indent:999px;overflow:hidden;background:url(../images/mva.png) 0 0 no-repeat;background-size:320px auto}
.menu a,.return a{margin-left:10px;background-position:-199px 0}
.logo a{width:132px;margin:0 auto}
.search-btn a,.close a{float:right;margin-right:10px;background-position:-290px 0}
.close a{background-position:-260px 0}
.return a{background-position:-230px 0}
.logo h1{display:none}
a.nobg{background:none}

#search-panel{height:0;line-height:55px;overflow:hidden;background:#fff;transition:height 0.3s ease;}
#search-panel form{margin:6px 8px 0;display:flex;gap:8px;}
#search-panel input.search-input{flex:1;height:42px;border:1px solid #e0e0e0;border-radius:6px;text-indent:10px;line-height:42px;font-size:16px;color:#333;background:#f8f8f8;box-sizing:border-box;}
#search-panel input.search-submit{width:70px;height:42px;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:16px;background:#35a26f;}

.channel{margin:0 5px}
.channel ul{overflow:hidden}
.channel ul li{float:left;width:32%;margin-top:5px;overflow:hidden}
.channel ul li.middle{margin-left:2%;margin-right:2%}
.channel ul li a{display:block;height:100%;color:#fff;}
.channel ul li a img{display:block;width:100%;max-width:100%;margin:0 auto}
.channel ul li a h2{width:100%;border:none;height:28px;line-height:28px;margin-top:-28px;position:relative;text-align:center;background:#000;background:rgba(0,0,0,0.4);filter:alpha(opacity=40);font-size:14px;}

.nav{margin-top:10px;overflow:hidden}
.nav ul{}
.nav ul li{float:left;width:33%;height:46px;background:#f7f7f7;border-top:1px solid #e3e3e3;border-bottom:1px solid #e3e3e3;font-family:"Microsoft Yahei"}
.nav ul li.hot{width:34%}
.nav ul li a{display:block;width:100%;height:100%;text-align:center;font-size:19px;line-height:46px;color:#666}
.nav ul li.hot a{margin:0 auto;width:98%;border-left:1px solid #e3e3e3;border-right:1px solid #e3e3e3}
.nav ul li.active{background:url(../images/navbg.png) #fff center bottom no-repeat;border-bottom:1px solid #7bd9bf}
.nav ul li.active a{color:#474747}

.goTop{width:44px;height:44px;visibility:hidden;position:fixed;right:5px;top:45%;margin-bottom:5px;background:url(../images/mva.png) -165px -138px no-repeat;background-size:320px auto}
.goTop a{display:block;width:100%;height:100%}

.main{margin-top:10px}
.title h1,.viewTitle h1{color:#333;font-size:22px;font-weight:normal;text-align:center;padding-bottom:12px;border-bottom:2px solid #7bd9bf}
.taglist{margin-bottom:10px}
.viewTitle{text-indent:5px;border-bottom:2px solid #f0f2f5;padding-bottom:10px;margin-bottom:10px}
.viewTitle h1{font-size:16px;text-align:left;border-bottom:none}
.viewTitle p{color:#999;font-size:12px}

/* article-container */
.article-container{background:#fff;margin:15px 8px;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,0.06);overflow:hidden;}

/* article-header */
.article-header{padding:20px 15px;text-align:center;border-bottom:1px solid #f5f5f5;}
.article-header .article-title{font-size:20px;font-weight:700;color:#333;line-height:1.5;margin:0 0 15px;padding-bottom:15px;border-bottom:1px solid #f5f5f5;}
.article-header .article-meta{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;font-size:13px;color:#999;}
.article-header .article-meta .meta-item{position:relative;}
.article-header .article-meta .meta-item:not(:last-child):after{content:'|';margin-left:12px;color:#ddd;}
.article-header .article-meta a{color:#35a26f;text-decoration:none;}

/* article-content */
.article-content{padding:15px;}
.article-content img{max-width:100%;height:auto;display:block;}

/* image loading */
.image-wrapper{position:relative;width:100%;background:#f8f8f8;border-radius:4px;overflow:hidden;min-height:200px;}
.loading-box{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:10;text-align:center;display:block;}
.loading-spinner{width:36px;height:36px;border:3px solid #e0e0e0;border-top-color:#35a26f;border-radius:50%;animation:spin 0.8s linear infinite;margin:0 auto 10px;}
@keyframes spin{to{transform:rotate(360deg);}}
@-webkit-keyframes spin{to{-webkit-transform:rotate(360deg);}}
.loading-text{font-size:13px;color:#999;display:block;}
.loading-img{width:100%;height:auto;display:none;}
.image-wrapper.loaded{min-height:auto;cursor:pointer;}
.image-wrapper.loaded .loading-box{display:none;}
.image-wrapper.loaded .loading-img{display:block;}
.click-hint{position:absolute;bottom:10px;right:10px;padding:6px 12px;background:rgba(0,0,0,0.5);color:#fff;font-size:12px;border-radius:4px;display:none;}
.image-wrapper.loaded .click-hint{display:block;}

/* article-pagination */
.article-pagination{padding:12px 15px;border-top:1px solid #f5f5f5;text-align:center;display:flex;justify-content:space-between;align-items:center;}
.article-pagination a{display:inline-flex;align-items:center;justify-content:center;min-width:60px;height:32px;line-height:32px;font-size:13px;color:#666;border:1px solid #e0e0e0;border-radius:6px;padding:0 10px;text-decoration:none;transition:all 0.3s;box-sizing:border-box;}
.article-pagination a:hover{border-color:#35a26f;color:#35a26f;}
.article-pagination .thisclass{background:#35a26f;border-color:#35a26f;color:#fff;pointer-events:none;cursor:default;}
.article-pagination a:first-child{display:none;}
.article-pagination a:not([id="prevpage"]):not([id="nextpage"]):not(.thisclass){display:none;}

/* article-header */
.article-header{background:#fff;margin:15px 8px;padding:20px 15px;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,0.06);text-align:center;}

/* section-title */
.section-title{display:flex;align-items:center;font-size:16px;color:#333;font-weight:600;margin:0 0 15px;padding-bottom:10px;border-bottom:1px solid #f5f5f5;}
.section-title .title-icon{font-size:18px;margin-right:8px;}
.article-header .article-title{font-size:20px;font-weight:700;color:#333;line-height:1.5;margin:0 0 15px;padding-bottom:15px;border-bottom:1px solid #f5f5f5;}
.article-header .article-meta{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;font-size:13px;color:#999;}
.article-header .article-meta .meta-item{position:relative;}
.article-header .article-meta .meta-item:not(:last-child):after{content:'|';margin-left:12px;color:#ddd;}
.article-header .article-meta a{color:#35a26f;text-decoration:none;}
.tags{margin-bottom:10px;font-size:12px}
.tags ul{overflow:hidden}
.tags ul li{float:left;width:25%;border-bottom:1px solid #e3e3e3}
.tags ul li a{display:block;float:right;width:99%;height:100%;border-right:1px solid #e3e3e3;height:37px;line-height:37px;text-align:center}
.tags ul li.noright a{border-right:none}
.tags ul li.current-cat a{color:#fff;background:#7bd9bf}

.adbaidu {margin:15px 0;}
.adbaidua {margin:15px 0;}
.relatedTags{height:38px;overflow:hidden;margin:0 5px 15px;text-indent:5px;background:#f8f8f8;border-top:1px solid #dedede;border-bottom:1px solid #dedede;font-size:14px;color:#627872}
.relatedTags a{display:inline-block;margin-right:15px;height:38px;line-height:38px;color:#62c1a7}
.navList ul dd{padding:15px 0;border-bottom:2px solid #f0f2f5;overflow:hidden}
.navImg{float:left;width:120px;height:90px;margin-left:5px;background:url(../images/mva.png) 0 -92px no-repeat;background-size:320px auto}
.navImg img{width:100px;height:70px;margin:5px auto auto 5px}
.navText{float:left;width:190px;overflow:hidden}
.navText li{display:block;float:left;width:95px;height:26px;line-height:26px;overflow:hidden}
.navText li a{display:inline-block;font-size:14px;color:#56a791;height:22px;border-bottom:1px dotted #56a791}
.navText h2{margin-bottom:5px;border:none;color:#333;text-indent:0;font-size:18px}
.content{margin:0 5px}
.content img{display:block;margin:15px 0;max-width:100%;height:auto;}
.content p{color:#333;font-size:12px;line-height:20px;word-break:break-word;}
.list{margin:0 5px;overflow:hidden}
.list ul{}
.list ul li{float:left;width:49%;margin-bottom:10px}
.list ul li.right{margin-left:2%;}
.list ul li img{
display:block;
width:100%;
}
.listText{height:80px;padding:0 4%;background:#f8f8f8;border:1px solid #f1f1f1;border-top:none;border-bottom-color:#e4e4e4}
.listText p{line-height:22px;font-size:14px;overflow:hidden}
.listText p.title{padding-top:6px;height:48px}
.listText p.title a{}
.listText p span{float:left;display:block;width:50%;height:26px;text-align:right}
.listText p span a{display:block;width:100%;height:100%;color:#62c1a7;text-align:left}

/* pic-list */
.pic-list{padding:0 8px;margin-top:15px;}
.pic-list ul{display:flex;flex-wrap:wrap;gap:10px;margin:0;padding:0;list-style:none;}
.pic-list li{flex:0 0 calc(50% - 5px);margin:0;padding:0;}
.pic-item{background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,0.06);}
.pic-link{display:block;width:100%;height:140px;overflow:hidden;}
.pic-link img{width:100%;height:100%;object-fit:cover;object-position:center center;transition:transform 0.3s ease;}
.pic-link:hover img{transform:scale(1.05);}
.pic-info{padding:10px;}
.pic-title{margin:0;padding:0;font-size:15px;font-weight:500;color:#333;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;height:45px;border-bottom:none;min-height:45px;}
.pic-title a{color:#333;text-decoration:none;}
.pic-meta{display:flex;justify-content:space-between;align-items:center;margin-top:8px;font-size:12px;color:#999;}
.pic-cat a{color:#35a26f;text-decoration:none;}
.pic-date{color:#999;}

.m-page{clear:both;padding:15px;margin:12px 8px 0;background:#fff;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,0.06);}
.m-page ul{margin:0;padding:0;list-style:none;}
.m-page li{display:inline-block;margin:0 4px;}
.m-page a{display:inline-block;min-width:34px;height:34px;line-height:34px;font-size:14px;color:#666;border:1px solid #e0e0e0;border-radius:6px;padding:0 12px;text-decoration:none;transition:all 0.3s;box-sizing:border-box;}
.m-page a:hover{border-color:#35a26f;color:#35a26f;}
.m-page .thisclass{background:#35a26f;border-color:#35a26f;color:#fff;}
.m-page .disable a{border-color:#eee;color:#ccc;cursor:not-allowed;}

.viewPags{overflow:hidden;margin:20px 5px 15px}
.viewPags p{width:50%;float:left}
.viewPags p.up a,.viewPags p.next a{display:block;color:#fff;line-height:42px;text-indent:42px;width:140px;height:42px;background:url(../images/mva.png) 0 -50px no-repeat;background-size:320px auto}
.viewPags p.next a{float:right;text-indent:14px;background-position:-140px -50px}

.share{margin:0 5px 5px}
.shareTitle{font-family:"Microsoft Yahei";margin-bottom:5px;color:#627872}
.bdsharebuttonbox a{width:47px !important;height:47px !important;margin-right:5px !important;background:url(../images/mva.png) 0 -183px no-repeat !important;background-size:320px auto !important}
a.bds_tsina{background-position:-47px -183px !important}
a.bds_tqq{background-position:-94px -183px !important}
a.bds_weixin{background-position:-141px -183px !important}
a.bds_qzone{background-position:-188px -183px !important}
a.bds_bdhome{background-position:-235px -183px !important;margin-right:0 !important;}
a.bds_sqq:hover{background-position:0 -231px !important}
a.bds_tsina:hover{background-position:-47px -231px !important}
a.bds_tqq:hover{background-position:-94px -231px !important}
a.bds_weixin:hover{background-position:-141px -231px !important}
a.bds_qzone:hover{background-position:-188px -231px !important}
a.bds_bdhome:hover{background-position:-235px -231px !important;margin-right:0 !important;}
a.bds_more{background:none !important;width:0 !important;height:0 !important;margin-right:0 !important}

h3,h4{color:#333;font-size:17px;height:36px;line-height:36px;border-bottom:1px solid #f0f0f0;margin-bottom:12px;font-weight:500}
h2{font-size:17px;height:36px;line-height:36px;border-bottom:1px solid #f0f0f0;margin-bottom:12px;font-weight:500}

/* hot-album */
.hot-album{margin:15px 8px;background:#fff;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,0.06);padding:15px;}
.hot-album .section-title{margin:0 0 12px;font-size:16px;color:#333;font-weight:600;border-bottom:1px solid #f5f5f5;padding-bottom:10px;}
.hot-album .album-tags{display:flex;flex-wrap:wrap;gap:8px;}
.hot-album .album-tag{display:inline-block;padding:6px 14px;background:#f5f5f5;color:#666;font-size:13px;border-radius:20px;text-decoration:none;transition:all 0.3s;}
.hot-album .album-tag:hover{background:#35a26f;color:#fff;}

.links{margin:20px 5px 0}
h4{margin-bottom:0}
.links ul{overflow:hidden;}
.links ul li{float:left;width:25%;height:38px;line-height:38px;overflow:hidden;text-indent:5px;font-size:14px}
.links span{display:inline-block;float:right;margin-right:5px;font-size:14px;}
.links span em{color:#999;font-style:normal}

/* friend-links */
.friend-links{margin:15px 8px;background:#fff;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,0.06);padding:12px;}
.friend-links-h{border-bottom:1px solid #f5f5f5;padding-bottom:10px;margin-bottom:12px;}
.friend-links-h h4{display:flex;align-items:center;font-size:16px;color:#333;font-weight:600;margin:0;border-bottom:none;height:auto;}
.friend-links-h .link-icon{width:4px;height:16px;background:#35a26f;border-radius:2px;margin-right:10px;}
.friend-links-content .links-list{padding:0;margin:0;list-style:none;display:flex;flex-wrap:wrap;gap:8px;}
.friend-links-content .links-list li{flex:0 0 auto;margin:0;padding:0;}
.friend-links-content .links-list li a{display:block;padding:6px 14px;background:#f5f5f5;color:#666;font-size:13px;border-radius:20px;text-decoration:none;transition:all 0.3s;}
.friend-links-content .links-list li a:hover{background:#35a26f;color:#fff;}

.footer{margin-top:10px;background:#7bd9bf;color:#fff;height:40px;padding:15px 0 10px;clear:both}
.footer p{font-size:14px;text-align:center;height:22px;line-height:22px}
.footer p a{color:#fff}

/* m-footer */
.m-footer{background:#333;color:#999;padding:20px 0 40px;margin-top:20px;}
.m-footer .copyright{text-align:center;}
.m-footer .copyright .container{padding:0 15px;}
.m-footer .copyright p{font-size:0.875rem;line-height:1.8;margin:6px 0;}
.m-footer .copyright a{color:#999;text-decoration:none;transition:color 0.3s;}
.m-footer .copyright a:hover{color:#35a26f;}

/* back-to-top */
.back-to-top{position:fixed;right:15px;bottom:20px;width:44px;height:44px;background:#35a26f;border-radius:50%;box-shadow:0 2px 10px rgba(0,0,0,0.2);z-index:999;}
.back-to-top a{display:flex;align-items:center;justify-content:center;width:100%;height:100%;color:#fff;text-decoration:none;}
.back-to-top i.icon-arrow-up{width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:8px solid #fff;display:block;}