.slide-encyclopedia{position:relative; height: 4rem; z-index:10; width:100%; background:#fff;}
.slide-encyclopedia.fix-slide-encyclopedia{position: fixed; top: 4.3rem; left: 0; right: 0; z-index: 11; max-width: 750px; margin: 0 auto;}
.slide-scroll{height:4rem; overflow:hidden;}
.slide-nav{position:relative; overflow-x:scroll; overflow-y:hidden; line-height:4rem; white-space:nowrap; -webkit-overflow-scrolling:touch; font-size: 1.5rem;}
.slide-nav::-webkit-scrollbar {display:none;}
.slide-nav li{position:relative; display:inline-block; height:4rem; text-align:center; color:#394043;}
.slide-nav li.current{color:#e93b3d;}
.slide-nav li.current a{font-size: 1.8rem; font-weight: 600; color: #e93b3d;}
.slide-nav *{vertical-align:middle;}
.slide-nav .item{position: relative; display:inline-block; padding:0 1.2rem; vertical-align:text-bottom; -webkit-transition:.25s; transition:.25s; height: 4rem; line-height: 4rem; color: #394043;}
.slide-nav .line{position: absolute; bottom: 1px; left: 50%; margin-left: -0.75rem; display: block; width: 1.5rem; height: 0.2rem; background: #e93b3d; border-radius: 0.1rem; display: none;}
.slide-nav li.current .line{display: block;}

.encyc-listbox{position: fixed; left: 0; right: 0; bottom: 0; top: 9.3rem; z-index: 1; max-width: 750px; margin: 0 auto; background: #fff;}
.encyc-menubox{position: fixed; top: 9.3rem; bottom: 0; z-index: 2; width: 25%; max-width: 187.5px; background: #f8f8f9; overflow: auto;}
.encyc-menu{font-size: 1.4rem; color: #9c9fa1;}
.encyc-menu li{}
.encyc-menu li a{display: block; padding: 0 1rem; height: 3.8rem; line-height: 3.8rem; color: #9c9fa1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.encyc-menu li.on,.encyc-menu li.on a{color: #e93b3d; background: #fff;}
.encyc-main{padding-left: 25%; height: 100%; overflow: auto;}
.encyc-list{padding-left: 1rem;}
.encyc-list li{padding-right: 1.2rem; border-bottom: 1px solid #e8e8e8;}
.encyc-list li:last-child{border-bottom: none;}
.encyc-list .termbox{padding: 1rem 0 1.2rem;}
.encyc-list .term{position: relative; display: block; }
.encyc-list li.has-img .term{min-height: 6rem; padding-right: 7rem;}
.encyc-img{position: absolute; top: 0; right: 0; width: 6rem; height: 6rem; border-radius: 0.2rem; overflow: hidden;}
.encyc-img img{width: 6rem; height: 6rem;}
.encyc-info{}
.encyc-info h2{font-size: 1.4rem; line-height: 2rem; max-height: 4rem; overflow: hidden; text-overflow: ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2;}
.encyc-other{position: relative; line-height: 2rem; color: #9c9fa1; font-size: 1.2rem;}


.articlebox{background: #fff; padding-bottom: 1rem;}
.article-head{padding: 1rem 1.2rem;}
.article-head h2{line-height: 3.2rem; font-size: 2.2rem; font-weight: 600;}
.article-data{font-size: 1.4rem; margin-top: 0.8rem;}
.article-data *{vertical-align: middle;}
.article-data .avatar{display: inline-block; width: 1.8rem; height: 1.8rem; border-radius: 50%; overflow: hidden;}
.article-data .avatar{width: 1.8rem; height: 1.8rem; margin-right: 0.5rem;}
.article-data .time{margin-left: 1rem; color: #9c9fa1;}
.article-abstract{margin: 0.6rem 1.2rem 0; padding: 0.6rem 1rem; line-height: 2.6rem; background: #f8f8f9; color: #9c9fa1; font-size: 1.5rem;}
.article-body{margin-top: 1.5rem; padding: 0 1.2rem; font-size: 1.5rem;}
.article-body p{text-indent: 2em; line-height: 2.8rem;}
.article-body .imgbox{margin: 0.8rem 0;}
.article-foot{position: relative; line-height: 2rem; padding: 1rem 1.2rem; font-size: 1.3rem; color: #9c9fa1; text-align: right; /*border-bottom: 1px solid #e8e8e8;*/ background: #fff;}
.article-foot:after{position: absolute; bottom: 0; left: 1.2rem; right: 1.2rem; display: block; content: ""; height: 1px; background: #e8e8e8;}
.articlebox .article-foot:after{display: none;}