/*通用样式*/
html, body{
    height: 100%;
    background: #f4f4f4;
    background-color: #f4f4f4;
}
body{
	font:14px/1.5 "Microsoft YaHei","HanHei SC","Helvetica Neue","Open Sans",Arial,"Hiragino Sans GB","微软雅黑","STHeiti","WenQuanYi Micro Hei",SimSun,sans-serif;
	color:#333;
	padding-top: 70px;
}
.animale{
	transition-property:all;
	transition-duration:.4s;
}
ul, li{
	list-style: none;
}
a{
    color:#333;
    transition-property:all;
	transition-duration:.4s;
	cursor:pointer;
}
a:hover{
    text-decoration: none;
    color:#333;
}
*{
	padding: 0;
	margin: 0;
}
.pdt20{
	padding-top: 20px;
}
.pdt10{
	padding-top:10px;
}
.pt30{
    padding-top:30px;
}
.pb20{
    padding-bottom:20px;
}
.mdt20{
	margin-top:20px;
}
.mb5{
    margin-bottom:5px;
}
.mb20{
    margin-bottom:20px;
}
.mr10{
    margin-right: 10px;
}
.oneLine{
    display: inline-block;
    white-space: nowrap;
    width: 100%;
    overflow: hidden;
    text-overflow:ellipsis;
}
.twoLine{
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
}
.foreLine{
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    line-clamp: 4;
    -webkit-box-orient: vertical;
}
.colorf5{
    color: #ff5f33
}
.color8a{
    color:#8a92a9;
}
.ft32{
    font-size: 32px;
}
.static{
    position:fixed;
}
/*分页*/
.posts_nav_link{
	margin:15px 0;
	float:right;
}
.posts_nav_link .page{
	display: inline-block;
	margin: 0 4px;
	padding: 2px 8px;
	border:1px solid #ddd;
	border-radius: 6px;
	cursor: pointer;
	transition-property:all;
	transition-duration:0.4s;
}
.posts_nav_link .page:hover{
	background-color: #f93d66;
	color: #fff;
	border:1px solid #f93d66;
}
.posts_nav_link .now-page{
	border:none;
	color:#f93d66;
	cursor: auto;
}
.posts_nav_link .now-page:hover{
	border:none;
	color:#f93d66;
	background-color: transparent;
}

/*底部*/
.footerBox{
    background-color: #2d3757;
    padding: 15px 0;
    color:#666e8e;
}
.footerBox a{
    color: #ddd;
    transition-property:all;
    transition-duration:.4s;
}
.footerBox a:hover{
    color:#f93d66;
}

.footerBox .moreInfo h3{
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    color:#ddd;
}
.footerBox .moreInfo ul{
    text-align: center;
    line-height: 2;
}
.footerBox .moreInfo ul a{
    color:#666e8e;
}
.footerBox .moreInfo ul a:hover{
    color:#f93d66;
}
.footerBox .moreInfo .contact{
    width: 80%;
    margin: 0 auto;
    text-align: center;
}
.footerBox .moreInfo .contact img{
    max-width: 100%;
    margin: 0 auto;
    display: inline-block;
}
.footerBox .friendShip{
	display: flex;
	flex-wrap: no-wrap;
	padding-top: 20px;
}
.footerBox .friendShip .friendShipText{
	flex-shrink: 0;
}
.footerBox .friendShip ul{
	display: flex;
	flex-wrap: wrap;
	float: left;
}
.footerBox .friendShip ul  li{
	margin: 0 15px;
}
#js-go_top{
	position: fixed;
    right: 20px;
    bottom: 20px;
    cursor:pointer;
}

/*顶部导航栏*/
.menuBox{
    position: fixed;
    background-color: #fff;
    top: 0;
    left: 0;
    right: 0;
    z-index: 999;
    height: 70px;
    transition: all .3s ease 0s;
    webkit-box-shadow: 0px 5px 10px 0px rgba(17, 58, 93, 0.1);
    -ms-box-shadow: 0px 5px 10px 0px rgba(17, 58, 93, 0.1);
    box-shadow: 0px 5px 10px 0px rgb(17 58 93 / 10%);
}
.menuBox .menu{
    height: 70px;
    display: flex;
    justify-content: space-between;
    align-items:center;
}
.menuBox .nav ul, .menuBox .nav .subnav{
    display:none;
}
.menuBox .nav li  a{
    display:inline-block;
    padding: 0 10px;
    height: 70px;
    line-height: 70px;
}
.menuBox .nav li  a:hover{
    color:#ff5f33;
} 
.menuBox .navBox{
    display: flex;
    justify-content: space-around;
    align-items:center;
}
.menuBox .searchIcon{
    margin-left: 40px;
    cursor: pointer;
    position: relative;
    height: 70px;
    width:40px;
    justify-content: center;
    display: flex;
    align-items: center;
}
.menuBox .searchIcon .topSearchBox{
    position: absolute;
    display: none;
    top:69px;
    left:-150px;
    width:200px;
    background: #fff;
    border-radius: 15px;
}
.menuBox .searchIcon .topSearchBox input{
    width:200px;
    box-sizing: border-box;
    border: 2px solid #ddd;
    line-height: 28px;
    border-radius: 15px;
    padding : 0 10px;
    outline: none;
    box-shadow:0 0 15px rgb(0 0 0 / 8%)
}

#index{
    margin-top: -70px;
}
#index .menuBox{
    background-color:rgba(0,0,0,0);
}
#index .menuBox a{
    transition-property:all;
	transition-duration:.4s;
    color: #fff;
}
#index .menuBox a:hover{
    text-decoration: none;
    color:#ff5f33;
}
#index .menuBox .searchIcon{
    color:#fff;
}

#index .menuBox.active{
    background-color: #fff;
}
#index .menuBox.active a{
    color:#333;
}
#index .menuBox.active a:hover{
    text-decoration: none;
    color:#ff5f33;
}
#index .menuBox.active .searchIcon{
    color:#f93d66;
}

/*首页搜索banner*/
.searchBox{
    color: #fff;
    text-align: center;
    height: 390px;
    padding-top: 100px;
    background-color: #2d3757;
    background-image: url(../images/banner.jpg);
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
}
.searchBox h1{
    font-size: 20px;
    letter-spacing: 1px;
    margin-bottom: 15px;
}
.searchBox .searchInput{
	box-sizing:border-box;
	width: 70%;
	height: 50px;
	line-height: 50px;
	border:2px solid #fff;
	background-color:#fff;
	border-radius: 25px;
	padding: 0 45px 0 20px;
	outline: none;
}
.searchBox .searchIcon{
	position: relative;
	left: -40px;
	cursor:pointer;
	border:none;
	outline: none;
	background-color: transparent;
}
.searchBox .topSearchHot{
	padding-top: 15px;
	display: flex;
	color: #fff;
	opacity: .8;
	justify-content: center;
}
.searchBox .topSearchHot span{
	opacity: .8;
	font-size: 16px;
}
.searchBox .topSearchHot .list-inline-item:not(:last-child){
	margin-right:12px;
}
.searchBox .topSearchHot a{
	color: #fff;
	opacity: .8;
	font-size: 16px;
}
.searchBox .topSearchHot a:hover{
	text-decoration: none;
	color: #f93d66;
}
.searchBox .statistics{
    padding-top: 20px;
    display:flex;
    justify-content: space-between;
}
.searchBox .statistics .statisticsItem{
    flex-grow: 1;
    width: 25%;
}

/*文章列表*/
.articleList{
    display: flex;
    flex-wrap: wrap;
}
.articleList .articleItemBox{
    width: 25%;
    padding:10px 20px;
}
.articleList .articleItem{
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}
.articleList .articleItem:hover{
    margin-top: -2px;
    box-shadow:0 0 15px rgb(0 0 0 / 8%)
}
.articleList .articleItem:hover h3{
    color: #f93d66;
}
.articleList .articleItem:hover img{
    transform: scale(1.1);
}
.articleList .articleItem .imgBox{
    height: 140px;
}
.articleList .articleItem .imgBox img{
    width: 100%;
    min-height: 100%;
}
.articleList .articleItem .articleContent{
    padding: 10px ;
}
.articleList .articleItem .articleContent h3{
    font-size: 14px;
    padding: 5px 0;
    margin-bottom: 0;
}
.articleList .articleItemBox.i3{
    width: 33.333%;
}
.articleList .articleItemBox.i3 .imgBox {
    height:130px;
}

/*分类列表*/
.cateListBox{
    padding: 20px 10px 10px 10px;
}
.cateList{
    border:1px solid #ddd;
    border-radius: 6px;
    padding: 15px;
}
.cateListBox .topCate{
    margin-right:10px;
}
.cateListBox .cateItem{
    display:inline-block;
    margin:3px;
}
.cateListBox .cateItem a{
    display:inline-block;
    padding: 3px 8px;
    line-height: 20px;
    font-size: 14px;
    border-radius: 10px;
}
.cateListBox .cateItem a:hover{
    color:#f93d66;
}
.cateListBox .cateItem a.selected{
    color:#fff;
    background-color:#f93d66 ;
}

/*文章页*/
.single .articleTitle{
    font-size: 22px;
}
.single article{
    padding: 20px;
    border:1px solid #ddd;
    border-radius: 6px;
    background-color:#fff;
}
.single a:hover{
    color:#f93d66;
}
.single article img{
    max-width: 90%;
}
.single .singleInfo {
    line-height: 1.6;
    margin-bottom: 10px;
}
.single .moreArticles{
    border:1px solid #ddd;
    border-radius: 6px;
    background-color:#fff;
}
.single .moreArticles .moreArticlesTit{
    padding:10px 10px 10px 20px;
}

/*文章页侧边栏*/
.sideArticleList{
    background-color:#fff;
    padding: 10px 0 0 0;
    border-radius: 6px;
    box-sizing: border-box;
}
.sideArticleList .sideArticleListTit{
    padding-left: 10px;
}
.sideArticleList .sideArticleItemBox{
    display: flex;
    padding-bottom: 20px;
    padding-left: 10px;
    padding-right: 10px;
}
.sideArticleList .sideArticleItemBox .imgBox{
    width: 40%;
    height: 80px;
}
.sideArticleList .sideArticleItemBox .imgBox img{
    width: 100%;
}
.sideArticleList .sideArticleItemBox .content{
    width: 60%;
    box-sizing: border-box;
    padding-left: 10px;
}
.sideArticleList .sideArticleItemBox .content h3{
    font-size: 15px;
}

/*用户页*/
.authorBox{
    background-color:#fff;
    border-radius: 6px;
    padding:10px;
}
.authorBox .imgbox{
    width: 40%;
    margin:0 auto;
}
.authorBox .imgbox img{
    width: 100%;
    border-radius: 50%;
}
.authorBox h1{
    text-align: center;
    font-size:15px;
    padding: 20px 0 0 0;
}
/*搜索页*/
#search h1{
    font-size:16px;
}
#search h1 strong{
    color:#f93d66;
}


/* 广告 */
.articleda1 img{
    margin: 10px 0; 
    width: 100%;
}

/* DGBK 主题补充样式 */
.overflow-hidden{overflow:hidden}.bg-white{background:#fff}.clearfix::after{display:block;clear:both;content:""}
.logoLink{display:flex;align-items:center;min-height:70px}.logoBox .logo{display:block;max-width:170px;max-height:52px;object-fit:contain}.logoText{font-size:25px;font-weight:500;letter-spacing:1px;color:inherit}
.mobileMenuButton{display:none;width:42px;height:42px;border:0;background:transparent;padding:8px;color:#333;cursor:pointer}.mobileMenuButton span{display:block;height:2px;margin:5px 0;background:currentColor;border-radius:2px}#index .mobileMenuButton{color:#fff}#index .menuBox.active .mobileMenuButton,#index .menuBox.menu-open .mobileMenuButton{color:#333}
.menuBox .nav{display:flex;align-items:center;flex-wrap:nowrap}.menuBox .nav>li{position:relative}.menuBox .nav>li>ul{position:absolute;top:70px;left:0;display:none;min-width:150px;padding:8px 0;background:#fff;border-radius:0 0 7px 7px;box-shadow:0 12px 30px rgba(17,58,93,.14)}.menuBox .nav>li:hover>ul{display:block}.menuBox .nav>li>ul a{display:block;height:auto!important;line-height:1.6!important;padding:8px 16px!important;color:#333!important}
.heroSearchForm{position:relative;max-width:840px;margin:0 auto}.searchBox .heroSearchForm .searchInput{width:100%}.searchBox .heroSearchForm .searchIcon{position:absolute;right:15px;left:auto;top:0;width:45px;height:50px;display:flex;align-items:center;justify-content:center;color:#111}
.searchBox .topSearchHot ul{margin:0}.searchBox .statistics{max-width:1050px;margin:0 auto}.statIcon{height:32px;margin-bottom:2px;color:#ff5f33;font-size:27px;line-height:32px}.statisticsNumber{font-variant-numeric:tabular-nums}
.articleList{margin-right:-20px;margin-left:-20px}.articleList .articleItemBox{padding:10px 20px}.articleList .articleItem{height:100%}.articleList .articleItem>a{display:block;height:100%}.articleList .articleItem .imgBox img{height:100%;min-height:0;object-fit:cover}.articleList .articleItem .articleContent h2{font-size:14px;font-weight:500;padding:5px 0;margin:0}.articleList .articleItem .card-category,.articleList .articleItem .card-meta{font-size:12px;color:#555}.metaIcon{color:#ff5f33}.articleList .articleItem:hover h2{color:#f93d66}
.list-heading{padding-top:25px}.list-heading h1{font-size:20px}.emptyState{padding:80px 20px;text-align:center;background:#fff;border:1px solid #e5e5e5;border-radius:8px}.emptyState h2{font-size:21px}.emptyState p{margin-top:8px;color:#8a92a9}
.breadcrumbBox{display:flex;gap:8px;align-items:center;color:#888}.singleLayout>.row{align-items:flex-start}.single .articleIntro{margin:12px 0 18px;padding:14px 16px;border-left:3px solid #ff5f33;background:#fff7f4;color:#666;line-height:1.8}.single .singleContent{font-size:16px;line-height:1.9;word-break:break-word}.single .singleContent p{margin-bottom:1em}.single .singleContent img{display:block;height:auto;margin:15px auto}.single .singleTags{padding-top:15px;border-top:1px solid #eee}.single .singleTags a{display:inline-block;margin-left:10px;color:#ff5f33}.neighborNav{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:24px;padding-top:18px;border-top:1px solid #eee}.neighborNav>div:last-child{text-align:right}.moreArticles{overflow:hidden}.moreArticles .articleList{margin:0 -10px 10px}.moreArticles .articleList .articleItemBox{padding:10px}.commentsPanel{margin-top:20px;padding:20px;background:#fff;border:1px solid #ddd;border-radius:6px}
.sideArticleList .sideArticleListTit{font-size:18px;margin:0 0 16px;padding-left:15px;border-left:4px solid #ff5f33}.sideArticleList .sideArticleItemBox .imgBox{flex:0 0 40%;display:block}.sideArticleList .sideArticleItemBox .imgBox img{width:100%;height:100%;object-fit:cover}.sideArticleList .sideArticleItemBox .content h3{margin:0 0 8px;font-weight:500;line-height:1.5}.sideMeta{font-size:12px;color:#777}
.commentHead h2,.commentForm h2{font-size:18px}.commentHead h2 span{color:#8a92a9;font-weight:400}.commentItem{display:flex;gap:13px;padding:18px 0;border-top:1px solid #eee}.commentAvatar{width:42px;height:42px;flex:0 0 42px;border-radius:50%;object-fit:cover}.commentBody{flex:1;min-width:0}.commentMeta{display:flex;justify-content:space-between;margin-bottom:8px}.commentMeta time{color:#999;font-size:12px}.commentContent{line-height:1.8}.commentReply{display:inline-block;margin-top:6px;color:#ff5f33}.commentChildren{margin-top:10px;padding-left:14px;border-left:2px solid #eee}.commentForm{padding-top:20px;border-top:1px solid #eee}.commentFields{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:10px}.commentForm input,.commentForm textarea,.searchResultHeader input{box-sizing:border-box;width:100%;padding:10px 12px;border:1px solid #ddd;border-radius:6px;outline:none}.commentForm textarea{resize:vertical}.commentForm button,.searchResultHeader button,.errorHome{display:inline-block;margin-top:10px;padding:10px 24px;color:#fff;background:#ff5f33;border:0;border-radius:20px;cursor:pointer}.verifyRow{display:flex;gap:10px;align-items:center;margin-top:10px}.verifyRow input{width:130px}.verifyRow img{height:38px}.commentLogin{padding:10px;background:#f6f7f9;border-radius:6px}
.searchResultHeader{margin-bottom:20px;padding:20px;background:#fff;border:1px solid #ddd;border-radius:6px}.searchResultHeader h1{margin:0 0 15px}.searchResultHeader form{display:flex;gap:10px}.searchResultHeader button{flex:0 0 90px;margin:0;border-radius:6px}
.errorPage{min-height:500px;padding:100px 20px;text-align:center}.errorCode{color:#ff5f33;font-size:100px;font-weight:800;line-height:1}.errorPage h1{margin-top:15px}.errorPage p{color:#8a92a9}.errorHome:hover{color:#fff;background:#f93d66}
.footerBox .moreInfo{padding-top:15px}.footerBox .footer-about p{line-height:1.9}.footerBox .moreInfo ul li{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.footerBox hr{border-color:rgba(255,255,255,.1)}.footerBox .cppyRight{padding:18px 0 6px;text-align:center;line-height:1.8}.contactPlaceholder{display:flex;min-height:120px;flex-direction:column;align-items:center;justify-content:center;padding:12px;color:#ddd;border:1px dashed #666e8e;border-radius:7px}.contactPlaceholder span{margin-top:8px;color:#8a92a9;font-size:12px}.goTop{position:fixed;right:20px;bottom:20px;z-index:20;padding:0;color:#007d65;background:transparent;border:0;cursor:pointer;transform:translateX(80px);transition:transform .5s ease-in-out}

@media (max-width:991px){
    body{padding-top:64px}.menuBox,.menuBox .menu{height:64px}.logoLink{min-height:64px}.logoText{font-size:22px}.mobileMenuButton{display:block}.menuBox .navBox{position:absolute;top:64px;left:15px;right:15px;display:none;align-items:stretch;max-height:calc(100vh - 74px);overflow-y:auto;padding:10px 15px 15px;background:#fff;border-radius:0 0 8px 8px;box-shadow:0 12px 30px rgba(17,58,93,.16)}.menuBox.menu-open .navBox{display:block}.menuBox .nav{display:block}.menuBox .nav li a,#index .menuBox .nav li a{display:block;height:auto;line-height:1.5;padding:10px;color:#333}.menuBox .nav>li>ul{position:static;display:block;box-shadow:none;padding-left:15px}.menuBox .searchIcon{display:none}.articleList .articleItemBox{width:33.333%}.single.col-8{flex:0 0 66.666%;max-width:66.666%}.articleSidebar.col-4{flex:0 0 33.333%;max-width:33.333%}.footerBox .moreInfo>.col-4,.footerBox .moreInfo>.col-3,.footerBox .moreInfo>.col-2{flex:0 0 50%;max-width:50%;margin-bottom:22px}
}
@media (max-width:767px){
    #index{margin-top:-64px}.searchBox{height:auto;min-height:410px;padding:94px 0 30px}.searchBox h1{font-size:18px}.searchBox .searchInput{height:46px;line-height:46px}.searchBox .heroSearchForm .searchIcon{height:46px}.searchBox .topSearchHot{display:block;font-size:13px}.searchBox .topSearchHot span,.searchBox .topSearchHot a{font-size:13px}.searchBox .statistics{display:grid;grid-template-columns:repeat(2,1fr);gap:20px 0}.searchBox .statistics .statisticsItem{width:auto}.ft32{font-size:25px}.articleList{margin-right:-7px;margin-left:-7px}.articleList .articleItemBox{width:50%;padding:7px}.articleList .articleItem .imgBox{height:120px}.cateListBox{padding-right:0;padding-left:0}.singleLayout>.row{display:block;margin:0}.single.col-8,.articleSidebar.col-4{max-width:none;flex:none;width:100%;padding:0}.articleSidebar{margin-top:20px}.single article{padding:16px}.single .articleTitle{font-size:21px}.single .singleContent{font-size:15px}.relatedArticleList .articleItemBox.i3{width:50%}.neighborNav{grid-template-columns:1fr}.neighborNav>div:last-child{text-align:left}.commentFields{grid-template-columns:1fr}.footerBox .moreInfo>.col-4,.footerBox .moreInfo>.col-3,.footerBox .moreInfo>.col-2{flex:0 0 100%;max-width:100%}.footerBox .moreInfo h3{text-align:left}.footerBox .moreInfo ul{text-align:left}.footerBox .friendShip{display:block}.footerBox .friendShip ul li{margin:4px 12px 4px 0}.goTop{right:10px;bottom:12px}.goTop svg{width:42px;height:42px}
}
@media (max-width:430px){.articleList .articleItemBox,.relatedArticleList .articleItemBox.i3{width:100%}.articleList .articleItem .imgBox{height:180px}.posts_nav_link{float:none;text-align:center}.posts_nav_link .page{margin:3px 1px}.breadcrumbBox{font-size:12px}}