.pub-content,.pub-max-content{width:12rem;margin:0 auto}.active-color{color:#000!important}.active-bg{background:#000!important;color:#fff!important}.option-active{background-color:#000!important;color:#fff!important;border-color:#000!important}.box-shadow{box-shadow:0 0 .1rem .020000rem rgba(0,0,0,.1)}.active-gold{color:#f7d13a!important}.block-title{color:#666;font-size:.2rem;padding-bottom:.1rem;position:relative}.block-title::after{content:'';display:block;background:#666;width:.7rem;height:.020000rem;position:absolute;left:0;bottom:0}.blog-main .filter-selectes{width:3rem}.blog-main .filter-selectes .select-picker-search{width:100%}.blog-main .filter-selectes .select-picker-search-checked{color:#666;font-size:.14rem;width:100%}.blog-main .blog-nav{border-bottom:.010000rem solid #e9e9e9;height:.48rem}.blog-main .blog-nav .blog-nav-box{height:100%;margin-top:.4rem}.blog-main .blog-nav .blog-nav-box a{display:inline-block;line-height:.48rem;padding:0 .4rem;color:#333;font-size:.16rem;transition:background .4s}.blog-main .blog-nav .blog-nav-box a.blog-nav-active{background:#000;color:#fff}.blog-main .blog-section{margin-top:.3rem!important}.blog-main .blog-section .blog-list{width:100%}.blog-main .blog-section .blog-list .blog-item{width:100%;margin-bottom:.3rem;display:flex}.blog-main .blog-section .blog-list .blog-item:nth-of-type(2n){margin-right:0}.blog-main .blog-section .blog-list .blog-item:hover .item-info .item-title{color:#000}.blog-main .blog-section .blog-list .blog-item:hover .item-img img{transform:scale(1.2)}.blog-main .blog-section .blog-list .blog-item .item-img{width:4rem;height:2.4rem;overflow:hidden}.blog-main .blog-section .blog-list .blog-item .item-img img{width:100%;height:100%;transition:transform 2s}.blog-main .blog-section .blog-list .blog-item .item-info{flex:1;box-sizing:border-box;padding:0 .3rem;border-right:.010000rem solid #e9e9e9}.blog-main .blog-section .blog-list .blog-item .item-info .item-title{color:#333;font-size:.2rem;transition:color .4s;font-weight:600}.blog-main .blog-section .blog-list .blog-item .item-info .item-desc{font-size:.14rem;color:#666;line-height:.2rem}.blog-main .blog-section .blog-list .blog-item .item-info .item-line{width:.9rem;height:.020000rem;background:#ddd}.blog-main .blog-section .blog-list .blog-item .item-info .item-time{color:#333;font-size:.14rem}.blog-main .blog-section .blog-list .blog-item .item-more{width:1.2rem;height:2.4rem;display:flex;align-items:center;justify-content:center;font-size:.18rem;color:#666}.blog-main .blog-section .blog-content-detail{width:8.6rem;padding-right:.3rem;box-sizing:border-box;border-right:.010000rem solid #ddd}.blog-main .blog-section .blog-content-detail .blog-title{font-size:.24rem;color:#333;font-weight:700}.blog-main .blog-section .blog-content-detail .blog-date{margin:.2rem 0 .3rem;font-size:.14rem;color:#666}.blog-main .blog-section .blog-content-detail .blog-date .divider{margin:0 .1rem}.blog-main .blog-section .blog-content-detail .content-info{word-break:break-all;padding:.3rem}.blog-main .blog-section .blog-content-detail .comments{margin-top:.4rem}.blog-main .blog-section .blog-content-detail .comments .comments-num{font-size:.16rem;color:#333;font-weight:700}.blog-main .blog-section .blog-content-detail .comments .comment-list{padding:.2rem 0}.blog-main .blog-section .blog-content-detail .comments .comment-list .comment-item{box-shadow:0 0 .080000rem 0 rgba(56,56,56,.12);padding:.2rem}.blog-main .blog-section .blog-content-detail .comments .comment-list .comment-item .item-title{font-size:.16rem;color:#333}.blog-main .blog-section .blog-content-detail .comments .comment-list .comment-item .item-desc{font-size:.14rem;color:#333;margin-top:.1rem;line-height:.2rem}.blog-main .blog-section .blog-content-detail .comments .comment-list .comment-item .item-imgs{display:flex;flex-wrap:wrap;margin-top:.15rem}.blog-main .blog-section .blog-content-detail .comments .comment-list .comment-item .item-imgs .reply-img{width:.8rem;height:.8rem;display:flex;align-items:center;justify-content:center;position:relative;border:.010000rem solid #ddd;margin-right:.1rem;margin-bottom:.1rem;overflow:hidden;border-radius:.040000rem;background-color:#fff;cursor:pointer}.blog-main .blog-section .blog-content-detail .comments .comment-list .comment-item .item-imgs .reply-img:hover .hidden-scale{top:0}.blog-main .blog-section .blog-content-detail .comments .comment-list .comment-item .item-imgs .reply-img img{display:block;max-width:100%;max-height:100%}.blog-main .blog-section .blog-content-detail .comments .comment-list .comment-item .item-imgs .reply-img video{display:block;width:100%}.blog-main .blog-section .blog-content-detail .comments .comment-list .comment-item .item-imgs .reply-img .hidden-scale{position:absolute;width:100%;height:100%;background-color:rgba(0,0,0,.5);top:100%;left:0;display:flex;align-items:center;justify-content:center;transition:top .4s}.blog-main .blog-section .blog-content-detail .comments .comment-list .comment-item .item-imgs .reply-img .hidden-scale i{font-size:.24rem;color:#fff}.blog-main .blog-section .blog-content-detail .comments .comment-list .comment-item .item-likes .like-outline{display:inline-flex;align-items:flex-start;height:.26rem;cursor:pointer}.blog-main .blog-section .blog-content-detail .comments .comment-list .comment-item .item-likes .like-outline i{font-size:.2rem;color:#666}.blog-main .blog-section .blog-content-detail .comments .comment-list .comment-item .item-likes .like-outline i.active-like{color:#f98d00}.blog-main .blog-section .blog-content-detail .comments .comment-list .comment-item .item-likes .like-outline .like-number{font-size:.14rem;color:#999;margin-left:.020000rem}.blog-main .blog-section .blog-content-detail .comments .comment-list .comment-item .item-reply{padding:.14rem;background:#f2f2f2;margin-top:.14rem;position:relative;border-left:.040000rem solid #ddd;box-sizing:border-box}.blog-main .blog-section .blog-content-detail .comments .comment-list .comment-item .item-reply .reply-title{font-size:.16rem;color:#333}.blog-main .blog-section .blog-content-detail .comments .comment-list .comment-item .item-reply .reply-content{padding-top:.1rem;font-size:.14rem;color:#333;line-height:.2rem}.blog-main .blog-section .blog-content-detail .comments .message-wrapper{margin-top:.8rem}.blog-main .blog-section .blog-content-detail .comments .message-wrapper .message-title{font-size:.22rem;font-weight:700;color:#333;padding-bottom:.1rem;border-bottom:.010000rem solid #e9e9e9}.blog-main .blog-section .blog-content-detail .comments .message-wrapper .message-form{padding:.2rem 0}.blog-main .blog-section .blog-content-detail .comments .message-wrapper .message-form .form-row{margin-bottom:.2rem}.blog-main .blog-section .blog-content-detail .comments .message-wrapper .message-form .form-row input{display:block;width:48%;background:0 0;height:.48rem;border:none;border:.010000rem solid #ddd;box-sizing:border-box;padding:0 .2rem;font-size:.18rem}.blog-main .blog-section .blog-content-detail .comments .message-wrapper .message-form .form-row input:focus{border-color:#333}.blog-main .blog-section .blog-content-detail .comments .message-wrapper .message-form .form-row .message-comment{display:block;width:100%;border:none;border:.010000rem solid #ddd;background:0 0;padding:.2rem;box-sizing:border-box;font-size:.18rem}.blog-main .blog-section .blog-content-detail .comments .message-wrapper .message-form .form-row .message-comment:focus{border-color:#333}.blog-main .blog-section .blog-content-detail .comments .message-wrapper .message-form .form-row .message-comment:focus-visible{border-color:#333;border-width:.010000rem}.blog-main .blog-section .blog-content-detail .comments .message-wrapper .message-form .form-row .post-button{width:1.5rem;height:.4rem;border:none;background-color:#000;color:#fff;font-size:.16rem;cursor:pointer}.blog-main .blog-section .blog-pager{margin-top:1rem}.blog-main .blog-section .blog-tag{width:3.4rem;padding-left:.3rem;box-sizing:border-box}.blog-main .blog-section .blog-tag .email-subscribe{width:100%;height:.4rem;border:.010000rem solid #e9e9e9;box-sizing:border-box;display:flex;justify-content:space-between;margin-bottom:.3rem}.blog-main .blog-section .blog-tag .email-subscribe .email-input{flex:1;height:100%;display:block;padding:0 .6rem 0 .1rem;font-size:.16rem;color:#333;background:0 0;border:none}.blog-main .blog-section .blog-tag .email-subscribe .email-arrow{width:.4rem;height:100%;display:flex;align-items:center;justify-content:center;background-color:#000;cursor:pointer}.blog-main .blog-section .blog-tag .email-subscribe .email-arrow i{font-size:.2rem;color:#fff}.blog-main .blog-section .blog-tag .tag-filter{display:flex;flex-wrap:wrap;margin:.2rem 0}.blog-main .blog-section .blog-tag .tag-filter a{display:inline-flex;font-size:.15rem;font-weight:600;border:.010000rem solid #999;align-items:center;justify-content:center;height:.36rem;padding:0 .2rem;margin:0 .1rem .1rem 0;transition:background .6s;color:#333}.blog-main .blog-section .blog-tag .tag-filter a:hover{background-color:#000;color:#fff!important}.blog-main .blog-section .blog-tag .share-list{margin-top:.2rem}.blog-main .blog-section .blog-tag .share-list .share-icon{width:.3rem;height:.3rem;margin-right:.1rem}.blog-main .blog-section .blog-tag .share-list .share-icon img{width:100%;height:100%}.blog-main .blog-section .blog-tag .blog-rank-list{margin-top:.3rem}.blog-main .blog-section .blog-tag .blog-rank-list .rank-title{font-size:.24rem;color:#333;font-weight:600}.blog-main .blog-section .blog-tag .blog-rank-list .rank-item{padding:.2rem 0;display:block;border-bottom:.010000rem solid #ddd}.blog-main .blog-section .blog-tag .blog-rank-list .rank-item:hover .item-cont .item-title{color:#000}.blog-main .blog-section .blog-tag .blog-rank-list .rank-item:hover .rank-img img{transform:scale(1.2)}.blog-main .blog-section .blog-tag .blog-rank-list .rank-item .rank-img{width:1.4rem;height:.8rem;overflow:hidden}.blog-main .blog-section .blog-tag .blog-rank-list .rank-item .rank-img img{width:100%;height:100%;transition:transform 2s}.blog-main .blog-section .blog-tag .blog-rank-list .rank-item .item-cont{width:54%;padding-left:.1rem;box-sizing:border-box}.blog-main .blog-section .blog-tag .blog-rank-list .rank-item .item-cont .item-title{color:#333;font-weight:600;font-size:.16rem;transition:color .4s}.blog-main .blog-section .blog-tag .blog-rank-list .rank-item .item-cont .item-desc{font-size:.14rem;color:#999;line-height:.2rem;margin-top:.1rem}