.title-container[data-v-78944fa8]{-webkit-box-sizing:border-box;box-sizing:border-box;padding:20px 0;height:80px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.title-container .indicator[data-v-78944fa8]{width:4px;height:20px;background:#31c37b}.title-container .title-list[data-v-78944fa8]{height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:20px;font-weight:400;color:#888d92;line-height:40px;margin-left:13px}.title-container .title-list .current[data-v-78944fa8]{color:#212130}.title-container .tip[data-v-78944fa8]{margin-left:30px;font-size:12px;font-weight:300;color:#31c37b;line-height:24px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.title-container .tip .icon[data-v-78944fa8]{width:14px;height:14px;margin-right:4px}.pagination{margin:16px}.pagination.el-pagination .btn-next,.pagination.el-pagination .btn-prev{background-color:transparent;height:32px;line-height:32px}.pagination.el-pagination button,.pagination.el-pagination span:not([class*=suffix]){height:32px;line-height:32px}.pagination .el-button.jump-btn{width:32px;height:32px;background-color:#31c37b;border-radius:50%;text-align:center;line-height:32px;padding:0;color:#fff;margin-left:15px}.pagination .el-button.jump-btn:hover{background-color:#31c37b}.pagination.el-pagination__editor.el-input{width:56px}.pagination .el-pagination__editor.el-input .el-input__inner{height:32px;border-radius:16px;border:1px solid #dcdfe6;background-color:#f8f9fb}.pagination .el-pager li{width:32px;height:32px;border-radius:50%;background-color:#fff;-webkit-box-shadow:0 0 10px hsla(0,0%,79.2%,.75);box-shadow:0 0 10px hsla(0,0%,79.2%,.75);margin-right:13px;line-height:32px;font-size:14px;color:#1f1f1f;font-weight:500;-webkit-transition:all .3s;transition:all .3s}.pagination .el-pager li:last-child{margin-right:0}.pagination .el-pager li:hover{background-color:#f5f5f5}.pagination .el-pager li.active{width:46px;background-color:#31c37b;color:#fff;border-radius:16px;-webkit-box-shadow:0 0 10px rgba(49,195,123,.75);box-shadow:0 0 10px rgba(49,195,123,.75)}.pagination .el-pager li.active:hover{background-color:#31c37b}.pagination .el-pagination__jump{margin-left:10px}.pagination.el-pagination .el-pagination__sizes{margin:0 5px}.pagination.el-pagination .el-pagination__sizes .el-select .el-input{width:96px}.pagination.el-pagination .el-pagination__sizes .el-select .el-input .el-input__inner{height:32px;border-radius:16px;border:1px solid #dcdfe6;background-color:#f8f9fb}.preview-material .content .content-wrapper .article-content img,.preview-material .content .content-wrapper .article-content p,.preview-material .content .content-wrapper .article-content section{width:100%!important}.preview-material .content[data-v-b5bb0bb8]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.preview-material .content .material[data-v-b5bb0bb8]{width:383px;height:684px;margin:17px 0 0 4px;background:#ededed;position:relative}.preview-material .content .material .navigation[data-v-b5bb0bb8]{width:383px;height:63px;text-align:center;border-bottom:1px solid #e2e2e2;-webkit-box-sizing:border-box;box-sizing:border-box;position:absolute;top:0;left:0;z-index:10;background:#ededed}.preview-material .content .material .navigation .navigation-img[data-v-b5bb0bb8]{width:370px;height:51px;margin-top:5px}.preview-material .content .material .navigation .official-account-name[data-v-b5bb0bb8]{position:absolute;top:33px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.preview-material .content .material .graphic-material-list[data-v-b5bb0bb8]{width:383px;height:684px;position:absolute;top:0;left:0;z-index:5;padding:73px 11px 65px;-webkit-box-sizing:border-box;box-sizing:border-box;overflow-y:scroll}.preview-material .content .material .graphic-material-list[data-v-b5bb0bb8]::-webkit-scrollbar{display:none}.preview-material .content .material .graphic-material-list .graphic-cell[data-v-b5bb0bb8]{position:relative;overflow:hidden;background:#fff;cursor:pointer}.preview-material .content .material .graphic-material-list .graphic-cell .cell-info .cell-title[data-v-b5bb0bb8]{word-wrap:break-word}.preview-material .content .material .graphic-material-list .graphic-cell .cell-border[data-v-b5bb0bb8]{width:100%;height:100%;position:absolute;bottom:0;left:0;z-index:10;border:1px solid transparent;-webkit-box-sizing:border-box;box-sizing:border-box}.preview-material .content .material .graphic-material-list .graphic-cell .cell-border-active[data-v-b5bb0bb8]{border:1px solid #31c37b!important}.preview-material .content .material .graphic-material-list .cell-first[data-v-b5bb0bb8]{position:relative;height:154px;background:#e2e2e2;border-top-left-radius:4px;border-top-right-radius:4px}.preview-material .content .material .graphic-material-list .cell-first .cell-info[data-v-b5bb0bb8]{height:100%}.preview-material .content .material .graphic-material-list .cell-first .cell-info .cell-img-wrap[data-v-b5bb0bb8]{height:100%;border-top-left-radius:4px;border-top-right-radius:4px;overflow:hidden;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.preview-material .content .material .graphic-material-list .cell-first .cell-info .cell-img-wrap .cell-img[data-v-b5bb0bb8]{width:100%;min-height:100%;border-top-left-radius:4px;border-top-right-radius:4px}.preview-material .content .material .graphic-material-list .cell-first .cell-info .cell-title[data-v-b5bb0bb8]{width:100%;position:absolute;bottom:0;left:0;z-index:10;padding:8px 17px;-webkit-box-sizing:border-box;box-sizing:border-box;background:-webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.5)),to(transparent));background:linear-gradient(0deg,rgba(0,0,0,.5),transparent)}.preview-material .content .material .graphic-material-list .cell-first .cell-info .cell-title div[data-v-b5bb0bb8]{font-size:14px;color:#fff;display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;text-overflow:ellipsis;-webkit-line-clamp:2}.preview-material .content .material .graphic-material-list .cell-first .cell-info .cell-title-none[data-v-b5bb0bb8]{background:transparent}.preview-material .content .material .graphic-material-list .cell-first .cell-border[data-v-b5bb0bb8]{border-top-left-radius:4px;border-top-right-radius:4px}.preview-material .content .material .graphic-material-list .cell-other[data-v-b5bb0bb8]{padding:13px 0}.preview-material .content .material .graphic-material-list .cell-other .cell-info[data-v-b5bb0bb8]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:0 10px;-webkit-box-sizing:border-box;box-sizing:border-box}.preview-material .content .material .graphic-material-list .cell-other .cell-info .cell-title[data-v-b5bb0bb8]{width:calc(100% - 43px);padding-right:10px;-webkit-box-sizing:border-box;box-sizing:border-box}.preview-material .content .material .graphic-material-list .cell-other .cell-info .cell-title div[data-v-b5bb0bb8]{font-size:12px;line-height:19px;display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;text-overflow:ellipsis;-webkit-line-clamp:2}.preview-material .content .material .graphic-material-list .cell-other .cell-info .cell-img-wrap[data-v-b5bb0bb8]{width:43px;height:43px;overflow:hidden;background:#ededed;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.preview-material .content .material .graphic-material-list .cell-other .cell-info .cell-img-wrap .cell-img[data-v-b5bb0bb8]{height:100%;min-width:100%}.preview-material .content .material .graphic-material-list .cell-other .cell-border[data-v-b5bb0bb8]{border-bottom:1px solid #f6f6f6}.preview-material .content .content-wrapper[data-v-b5bb0bb8]{width:550px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;margin:0 100px}.preview-material .content .content-wrapper .title[data-v-b5bb0bb8]{font-size:22px;font-weight:400;color:#000;line-height:30px;margin-top:10px}.preview-material .content .content-wrapper .info-wrapper[data-v-b5bb0bb8]{margin-top:22px;font-size:14px;font-weight:300;color:#b7b7b7;line-height:24px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.preview-material .content .content-wrapper .info-wrapper span[data-v-b5bb0bb8]{margin-right:20px}.preview-material .content .content-wrapper .article-content[data-v-b5bb0bb8]{position:relative;width:100%;margin-top:38px}.preview-material .content .content-wrapper .bottom[data-v-b5bb0bb8]{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-top:100px;font-size:14px;font-weight:300;color:#b7b7b7;line-height:23px}.preview-material .content .content-wrapper .bottom[data-v-b5bb0bb8],.preview-material .content .content-wrapper .bottom div[data-v-b5bb0bb8]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center}