html,body{margin:0;padding:0;}
#DESCd{font-size: 20px;}
.image-box{box-sizing: border-box;margin: 0;position: relative;top: 0;width: 300px;height: 210px;float: left;}
.image-box img{width: 100%;height: auto;display: block;margin: 0 auto;height:auto; position: absolute;min-height: 100%;}
header{
    background: #ffffff;max-width: 1300px; margin:0 auto;overflow: hidden;
}
header h1{width:100%;float: right;}
#app-content{max-width: 1300px; padding:0 10px;box-sizing: border-box;height: calc(100vh - 60px);margin:0 auto;background: #ffffff;z-index: 100;width: 100%;overflow: auto;}
.ad-content-app{margin-top:20vh}
.ad-content-app a{width: 200px;height: 45px;display: block;color: #fff;background-image: linear-gradient(to bottom, #f600bc, #d904ef);border-radius: 5px;margin: 10px auto;text-align: center;line-height: 45px;font-size: 16px;text-decoration: none;font-weight: 800;}
.iconlist{text-align: center;margin-top:20px;display: block;text-decoration: none;}
.iconlist img{width:60px;height: 60px;border-radius: 50%;}
.bgThemColor{background:#000}.txtThemColor{color:#000}
nav{height:60px;display: flex;align-items: center;padding:0 10px;max-width: 1300px; box-sizing:border-box;margin:0 auto;background: #ffffff;}
nav a{width: 100px;display: inline-block;font-size: 12px;color: #2196F3;padding: 0;}
.articleBar{display:flex;flex-wrap:wrap}
.articleBar a{width:20%;padding:2px;box-sizing:border-box;color:#565656}
.articleBar .ln-info{}
.articleBar .ln-info .img-box{width:100%;overflow:hidden;height:160px}
.articleBar .ln-info .img-box img{width:100%}
.articleBar .ln-info .detailInfo{float:right;padding:5px 0;width:100%}
.articleBar .ln-info .detailInfo h1{font-size:14px;padding:5px 0}
.articleBar .ln-info .detailInfo .info{font-size:12px}
.article-list{margin:0 0 20px;list-style:none}
@media (max-width:767px){.article-list{padding:0 10px}
}.article-list .item{padding:10px 0;border:2px solid #eaeaea;border-radius:3px;overflow:hidden;-webkit-transition:all .3s ease 0s;-o-transition:all .3s ease 0s;transition:all .3s ease 0s;margin-bottom:10px}
@media (max-width:767px){.article-list .item{padding:10px 0}
}.article-list .item:hover{background:#fafafa;-webkit-transition:all .3s ease 0s;-o-transition:all .3s ease 0s;transition:all .3s ease 0s}
.article-list .item:hover .edit-link{display:block}
@media (max-width:767px){.article-list .item:hover{margin:0 -10px;padding:10px 10px}
.article-list .item:hover .edit-link{display:none}
}.article-list .item-img{position:relative;float:left;width:245px;overflow:hidden;-webkit-transition:-webkit-box-shadow .3s ease 0s;transition:-webkit-box-shadow .3s ease 0s;-o-transition:box-shadow .3s ease 0s;transition:box-shadow .3s ease 0s;transition:box-shadow .3s ease 0s,-webkit-box-shadow .3s ease 0s}
@media (max-width:767px){.article-list .item-img{width:120px;height:75px}
}.article-list .item-img:hover{-webkit-box-shadow:0 0 1px 0 rgba(0,0,0,0.3);box-shadow:0 0 1px 0 rgba(0,0,0,0.3);-webkit-transition:-webkit-box-shadow .3s ease 0s;transition:-webkit-box-shadow .3s ease 0s;-o-transition:box-shadow .3s ease 0s;transition:box-shadow .3s ease 0s;transition:box-shadow .3s ease 0s,-webkit-box-shadow .3s ease 0s}
.article-list .item-img img{width:100%;height:153px;padding-left:10px;vertical-align:top;-webkit-transition:all .3s ease-out 0s;-o-transition:all .3s ease-out 0s;transition:all .3s ease-out 0s}
@media (max-width:767px){.article-list .item-img img{height:75px}
}.article-list .item-img img:hover{-webkit-transform:scale(1.03);-ms-transform:scale(1.03);transform:scale(1.03);-webkit-transition:all .3s ease-out 0s;-o-transition:all .3s ease-out 0s;transition:all .3s ease-out 0s}
.article-list .item-category{position:absolute;left:10px;top:10px;padding:5px 6px;font-size:12px;font-size:.12rem;line-height:1;color:#fff;background-color:#000;filter:alpha(opacity=60);background:rgba(0,0,0,0.6);-webkit-border-radius:2px;border-radius:2px;text-decoration:none}
@media (max-width:767px){.article-list .item-category{display:none}
}.article-list .item-category:hover{background:#4285f4}
.article-list .item-content{position:relative;min-height:110px;padding:0 10px}
@media (max-width:767px){.article-list .item-content{min-height:75px}
}.article-list .item-content .edit-link{display:none;position:absolute;right:0;top:0;z-index:1;padding:0 5px;font-size:14px;line-height:28px}
.article-list .item-title{margin:0 0 10px;font-size:20px;font-size:.2rem;line-height:1.4;font-weight:400}
@media (max-width:767px){.article-list .item-title{font-size:18px;font-size:.18rem}
}@media (max-width:500px){.article-list .item-title{font-size:16px;font-size:.16rem}
}.article-list .item-title a{color:#333;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;-webkit-box-orient:vertical;display:-webkit-box;-webkit-line-clamp:2;text-decoration:none}
.article-list .item-title a span{color:#e0b228}
.article-list .item-title a:hover{color:#4285f4}
#xbt{font-weight:bold;border-bottom:2px solid #3ca5f6}
.article-list ol{counter-reset:LIST-ITEMS}
.article-list ol li{display:inline-block;width:30%}
.article-list ol li:before{content:counter( LIST-ITEMS ) ".";counter-increment:LIST-ITEMS}
.article-list ol li a{color:#333}
@media (max-width:767px){.article-list ol li{display:inherit;width:auto}
}.article-list .item-excerpt{color:#666;-o-text-overflow:ellipsis;padding-bottom: 35px;text-overflow:ellipsis;-webkit-box-orient:vertical;display:-webkit-box;-webkit-line-clamp:2;overflow:hidden;font-size:14px}
@media (max-width:767px){.article-list .item-excerpt{display:none}
}.article-list .item-meta{position:absolute;bottom:0;color:#999;font-size:13px}
@media (max-width:767px){.article-list .item-meta{width:100%;height:20px}
}.article-list .item-meta .item-meta-li{display:inline-block;margin-right:15px;vertical-align:top;line-height:30px}
@media (min-width:992px) and (max-width:1219px){.article-list .item-meta .item-meta-li{margin-right:10px}
}@media (max-width:767px){.article-list .item-meta .item-meta-li{line-height:20px;margin-right:10px}
}.article-list .item-meta .item-meta-li .fa{font-size:14px}
.article-list .item-meta a{color:#999;text-decoration:none}
.article-list .item-meta a:hover,.article-list .item-meta a:focus{color:#4285f4}
.article-list .item-meta .author{margin-right:30px;display:inline-block}
@media (min-width:992px) and (max-width:1219px){.article-list .item-meta .author{display:none}
}.article-list .item-meta .avatar{width:30px;height:30px;display:inline-block;margin-right:5px}
.article-list .item-meta .avatar img{width:100%;height:100%;-webkit-border-radius:50%;border-radius:50%;background:#f5f5f5;border:1px solid #f5f5f5;vertical-align:top}
.article-list .item-meta .avatar img:hover{opacity:.9;filter:alpha(opacity=90)}
.article-list .item-meta .nickname{line-height:30px;line-height:.3rem}
@media (max-width:767px){.article-list .item-meta .author,.article-list .item-meta .likes,.article-list .item-meta .comments,.article-list .item-meta .hearts{display:none}
.article-list .item-meta .views{margin:0;float:right}
}.article-box>h1{text-align:center;font-size:30px;color:#818181;padding:10px 0;background:#eaeaea;margin:20px 0;font-weight:100}
@media (max-width:1300px){.image-box{width:100%}header h1{width:100%;}.articleBar a{width:100%;}}
footer{font-size:12px;text-align:center;padding:20px}
#app-content a{font-size: 0.5rem;}
.bot-nav{display: flex;align-items: center;justify-content: center;font-size: 14px;}
#app-content .bot-nav a{padding: 10px;font-size: 14px;}