.gradient-bg,.gradient-bg2{z-index:-1;top:200px}

.blog-main-titr{margin:30px 0 20px}
.blog-main-titr .entery:after{content:"";position:absolute;width:100%;height:1px;background:var(--blur);right:0;top:50%}
.blog-main-titr .entery .name{background:var(--body)}
.blog-main-titr .entery .name:after{content:"";position:absolute;bottom:0;height:20px;right:5px;width:calc(100% - 10px);background:var(--color);opacity:.15;z-index:1}
.blog-main-titr .entery .name:before{width:150px;height:100%;left:-150px;top:0;content:"";position:absolute;background:linear-gradient(to right,transparent,var(--body))}

.rightheme_ir{margin-bottom:20px}

#boxscroll{position:fixed;left:0;top:0;z-index:10000000000000;height:3px}
.blog-main-entery{width:calc(100% - 380px)}
.blog-main-entery.left ~ .blog-sidbar{float:right}
.blog-sidbar{width:350px;margin-top:30px}
.blog-sidbar .blog-block-side{padding:15px;border:1px #EBEBEB solid}
.blog-sidbar .blog-block-side .title-f .icon{color:#ff7a7a;margin-top:3px}
.blog-sidbar .blog-block-side .title-f .name{margin:3px 10px 0 0}
.blog-sidbar .blog-block-side .rt-list-content .item{margin-top:15px}
.blog-sidbar .blog-block-side .rt-list-content .item .pic-area{width:80px}
.blog-sidbar .blog-block-side .rt-list-content .item .pic-area .pic{height:50px}
.blog-sidbar .blog-block-side .rt-list-content .item .inside{width:calc(100% - 95px)}
.blog-sidbar .blog-block-side .rt-list-content .item .inside .title a{line-height:1.8;padding-right:15px}
.blog-sidbar .blog-block-side .rt-list-content .item .inside .title:before{content:"";position:absolute;right:0;height:100%;width:5px;border-radius:10px 10px 0 0;background:linear-gradient(to top,transparent,var(--color));opacity:.5;bottom:0}
.blog-sidbar .blog-block-side .rt-list-content .item:first-child .pic-area{width:100%}
.blog-sidbar .blog-block-side .rt-list-content .item:first-child .pic-area .pic{height:auto}
.blog-sidbar .blog-block-side .rt-list-content .item:first-child .inside{width:100%;position:absolute;bottom:0;right:0;height:100%;border-radius:10px;background:linear-gradient(to bottom,transparent,#000)}
.blog-sidbar .blog-block-side .rt-list-content .item:first-child .inside .title{position:absolute;bottom:0;right:0;padding:0 25px 30px}
.blog-sidbar .blog-block-side .rt-list-content .item:first-child .inside .title a{padding:0;color:#fff;text-align:center}
.blog-sidbar .blog-block-side .rt-list-content .item:first-child .inside .title:before{background:linear-gradient(to right,transparent,var(--color),transparent);height:3px;width:100px;right:calc(50% - 50px);bottom:20px;border-radius:0;opacity:1}


.blog-mini-post{width:calc(100% - 30px);margin-bottom:25px;padding:12px 12px 12px 20px;border:1px #EBEBEB solid}
.blog-mini-post:before{content:"";position:absolute;height:calc(100% + 27px);width:5px;right:-30px;background:var(--blur);top:-12.5px}
.blog-mini-post .pic-area{width:240px}
.blog-mini-post .pic-area .pic{height:180px}
.blog-mini-post .inside{width:calc(100% - 260px)}
.blog-mini-post .inside .title{margin:5px 0 10px}
.blog-mini-post .inside .title a{line-height:1.8;padding-right:15px}
.blog-mini-post .inside .title:before{content:"";position:absolute;right:0;height:100%;width:5px;border-radius:10px 10px 0 0;background:linear-gradient(to top,transparent,var(--color));opacity:.5;bottom:0}
.blog-mini-post .inside .text{text-align:justify;line-height:1.8}
.blog-mini-post .inside .infos{padding-top:10px;margin-top:20px;border-top:1px transparent dashed;border-image:repeating-linear-gradient(to right,rgba(118,121,128,0.5) 0,rgba(118,121,128,0.5) 10px,transparent 10px,transparent 20px) 1}
.blog-mini-post .inside .infos:before{content:"";position:absolute;top:-1px;height:2px;right:0;z-index:2;position:absolute;width:100%;background:linear-gradient(to left,#fff,transparent,#fff)}
.blog-mini-post .inside .infos .inf{margin:5px 0 0 20px}
.blog-mini-post .inside .infos .inf:last-child{margin-left:0;float:left}
.blog-mini-post .inside .infos .inf .icon{width:16px;height:16px;margin:1px 0 0 7px}
.blog-mini-post .inside .infos .more-btn{transform:translateX(15px);padding:6px 12px;opacity:0;visibility:hidden}
.blog-mini-post .inside .infos .more-btn i{margin:3px 7px 0 0}

.rt-navigation{margin:0 0 25px}

.main-more-blog-single .pic-area{margin-bottom:25px}


.rt-share-box{background:linear-gradient(to right,transparent,var(--blur),transparent);padding:20px 0}
.rt-share-box .rt-333{color:#484b62}
.rt-share-box .name{padding-left:10px}
.rt-share-box .soc{padding:0 8px}
.rt-share-box .soc:hover{color:var(--color) !important}

.stop-fixing{height:1px}

.p-tags{margin-bottom:25px}
.p-tags a{margin:5px;background:var(--blur);color:#4e5968;padding:5px 10px;border-radius:10px;float:right;font-weight:500}

.p-tags,.rt-share-box,.blog-sidbar .blog-block-side{margin-bottom:25px}





@media only screen and (min-width:920px){

.blog-sidbar .blog-block-side .rt-list-content .item:hover .inside .title a{color:var(--color) !important}
.blog-sidbar .blog-block-side .rt-list-content .item:hover .pic-area .pic{opacity:.7 !important}
.p-tags a:hover{color:#fff !important;background:var(--color) !important}


.blog-main-entery .blog-mini-post:hover .inside .title a{color:var(--color)}
.blog-main-entery .blog-mini-post:hover .inside .infos .more-btn{transform:translateX(0);opacity:1;visibility:visible}
.blog-main-entery .blog-mini-post:hover:before{background:var(--color)}

.header.active.show ~ main .blog-sidbar{top:90px !important}


}
@media only screen and (max-width:1260px){
.blog-mini-post .inside .infos .more-btn{display:none}
}
@media only screen and (max-width:1090px){
.blog-mini-post .inside .infos .more-btn{display:none}
.blog-sidbar{width:250px}
.blog-main-entery{width:calc(100% - 270px)}
.blog-sidbar .blog-block-side .rt-list-content .item .inside .title{font-size:13px}
}
@media only screen and (max-width:920px){
.blog-main-titr .entery .name.sibgl::after{display:none}
.blog-main-titr .entery .name.sibgl{width:100%;text-align:center;margin-top:5px}

.blog-sidbar{margin:0 0 20px}
.blog-main-titr{margin:20px 0 15px}
.blog-main-titr .entery .name{font-size:18px}

.blog-main-entery,.blog-sidbar{width:100%}

.p-tags{padding:0;background:none !important;border:0 !important;box-shadow:none;margin-bottom:10px !important;border-radius:0 !important}
.p-tags a{margin:5px 0 5px 10px;font-size:13px;border-radius:10px}

.rt-share-box{font-size:18px;padding:15px 0 12px;margin-bottom:15px;text-align:center;line-height:18px}
.rt-share-box .name{transform:translateY(-4px);padding:0 0 0 10px;font-size:12px;float:none !important;display:inline-block;line-height:18px}
.rt-share-box .soc{float:none !important;display:inline-block !important;padding:0 5px;line-height:18px}
.rt-share-box .soc i{float:none !important;display:inline-block !important;line-height:18px}


}
@media only screen and (max-width:770px){
.blog-mini-post{margin-bottom:15px;width:100%;border-radius:10px;padding:10px 10px 0}
.blog-mini-post:before{display:none}
.blog-mini-post .pic-area{width:100px}
.blog-mini-post .pic-area .pic{height:100px;border-radius:10px}
.blog-mini-post .inside{width:calc(100% - 115px)}
.blog-mini-post .inside .mbf{min-height:95px}
.blog-mini-post .inside .title{font-size:14px;margin:0 0 5px}
.blog-mini-post .inside .title a{text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.blog-mini-post .inside .text{font-size:12px;overflow:hidden}
.blog-mini-post .inside .text p{text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidde;overflow:hidde}
.blog-mini-post .inside .infos{float:left;width:calc(100% + 115px);font-size:11px}
.blog-mini-post .inside .infos .inf{margin:0 0 10px 15px}
.blog-mini-post .inside .infos .inf .icon{width:13px;height:13px}



.blog-main-entery{margin-bottom:10px}
.rt-navigation,.blog-sidbar .blog-block-side{margin-bottom:15px}

.blog-sidbar .blog-block-side{border-radius:10px}
.blog-sidbar .blog-block-side{padding:10px}
.blog-sidbar .blog-block-side .title-f .name{font-size:15px;margin:5px 8px 0 0}

}