::-webkit-scrollbar {
  width: 0.25rem;
  height: 0.25rem;
  background-color: rgba(95, 95, 95, 0.2);

}
::-webkit-scrollbar-track {
  border-radius: 0;
}
::-webkit-scrollbar-thumb {
  border-radius: 0;
  background-color: rgba(95, 95, 95, 0.4);

  transition: all .2s;
  border-radius: 0.25rem;
}
::-webkit-scrollbar-thumb:hover {
  background-color: rgba(95, 95, 95, 0.7);
}

#cnblogs_post_body  img{

}

*{
margin:0;
padding:0;
list-style:none;
text-decoration:none;
}
#myposts{
background:rgba(255,255,255,0.5);
padding:20px;
border-radius:5px;
margin-left:0;
}
#profile_block a{
color:white;
}
.skill,.email{
margin:5px 0;
padding-left:20px;
position:relative;
}
.skill:before{
content:'';
width:15px;
height:15px;
background-image:url('https://images.cnblogs.com/cnblogs_com/eco-just/1110566/o_200104191904%E4%BA%94%E8%A7%92%E6%98%9F.png');
background-size:cover;
position:absolute;
left:0px;
top:2px;
z-index:99;
cursor:pointer;
}
.email:before{
content:'';
width:15px;
height:15px;
background-image:url('https://images.cnblogs.com/cnblogs_com/eco-just/1110566/o_200225124029email.png');
background-size:cover;
position:absolute;
left:0px;
top:2px;
z-index:99;
cursor:pointer;
}
.skill a,.email a{
color:white;
font-size:12px;
}


#home{
position:absolute;
width:100%;
height:100%;
top:0;
z-index:1;
background-color:#aebbc3;


/* background-image:url('https://cdn.seovx.com/?mom=302'); */

/* background: url("https://api.paugram.com/wallpaper/") center/cover no-repeat; */
background: url("https://img.xjh.me/random_img.php?ctype=nature&type=bg&return=302");

















bachground-opacity:0.5;
background-size:cover;
}
#home #header{
position:fixed;
width:100%;
top:0;
height:120px;
text-align:center;
display:none;
}
#home #footer{
position:fixed;
width:100%;
bottom:0;
height:60px;
text-align:center;
padding-top:20px;
color:white;
font-size:12px;
}
#home #main{
display:block;
height:calc(100% - 220px);
width:calc(100% - 400px);
overflow-y:scroll;
padding:10px 200px;
position:absolute;
top:120px;
/* 
box-shadow:0px 0px 3px 10px rgba(255,255,255,0.2);
backdrop-filter: blur(20px);
-webkit-backdrop-filter: blur(20px); */
}
#main #mainContent .pager{
color:white;
}

#main #mainContent .pager a{
border-radius:2px;
color:white;
background:rgba(255,255,255,0.3);
border:1px solid white;
}
#main #mainContent .day,#main #mainContent #post_detail{
/* border:1px solid white; */
border-radius:4px;
padding:20px;
margin-bottom:20px;


box-shadow:0px 0px 3px 2px rgba(255,255,255,0.8);
background: rgba(255,255,255,0.4);




/* backdrop-filter: blur(25px);
-webkit-backdrop-filter: blur(25px); */

}


#main #mainContent .topicListFooter a{
color:white;
}
#main #mainContent .day .postTitle{
margin-top:4px;
}

#main #mainContent .day .dayTitle a{
text-decoration:none;
}
#main #mainContent .day .postTitle a{
color:black;
font-weight: 900;
text-shadow: 2px 2px 5px #83ACDB;
text-decoration:none;

}
#main #mainContent .day .postCon{
font-family:"Microsoft YaHei",微软雅黑,"MicrosoftJhengHei",华文细黑,STHeiti,MingLiu;
font-size:14px;
}
#main #mainContent .day .postDesc{
font-family:"Microsoft YaHei",微软雅黑,"MicrosoftJhengHei",华文细黑,STHeiti,MingLiu;
font-size:16px;
}

#main #mainContent #ad_t2,#main #mainContent #cnblogs_c1,#main #mainContent #under_post_card1,#main #mainContent #under_post_card2{
  display:none;
}


#main #sideBar{
width:280px;
position:fixed;
height:100%;
right:-280px;
top:0;
/* background-image:url('https://images.cnblogs.com/cnblogs_com/eco-just/1110566/o_200104124010sidebg.jpeg'); */
background-size:cover;
pointer-events:auto;
transition:right 0.5s;
box-shadow:-3px 0px 5px #333333;
z-index:99;
backdrop-filter: blur(15px);
-webkit-backdrop-filter: blur(15px);
}
#main .sideBarout{
right:0px !important;
}

#main #sideBar #sideBarMain{
width:calc(100% - 40px);
height:calc(100% - 10px);
overflow-y:scroll;
padding:5px 20px;
background:rgba(255,255,255,0.1);
}
.catListTitle{
padding:10px;
text-align:center;
font-size:18px;
}
#main #sideBar #sideBarMain #sidebar_categories .title{
font-size:18px;
font-weight:900;
text-align:center;
padding:10px;
}
#main #sideBar #sideBarMain #sidebar_categories >div{
margin-bottom:5px;
}
#main #sideBar #sideBarMain #sidebar_categories a{
color:white;
font-family:"Microsoft YaHei",微软雅黑,"MicrosoftJhengHei",华文细黑,STHeiti,MingLiu;
}

#main #sideBar:before{
content:'';
width:30px;
height:30px;
background-image:url('https://images.cnblogs.com/cnblogs_com/eco-just/1110566/o_200104183715%E7%AE%AD%E5%A4%B4%20(1).png');
background-size:cover;
position:absolute;
left:-36px;
top:0px;
z-index:99;
pointer-events: auto;
cursor:pointer;
}
#page_begin_html{
position:absolute;
top:0px;
width:calc(100% - 320px);
height:120px;
z-index:2
}
#page_begin_html .header{
width:80px;
height:80px;
background-image:url('https://images.cnblogs.com/cnblogs_com/eco-just/1110566/o_200104174303timg.jpeg');
border-radius:50%;
background-size:cover;
box-shadow:0px 0px 10px #333333;
position:absolute;
top:20px;
left:280px;
}
#page_begin_html .header:after{
content:'桔子桑';
width:120px;
height:24px;
position:absolute;
right:-125px;
bottom:10px;
z-index:2;
font-family:"Microsoft YaHei",微软雅黑,"MicrosoftJhengHei",华文细黑,STHeiti,MingLiu;
font-size:24px;
color:white;
}
#page_begin_html .new,#page_begin_html  .setting{
width:28px;
height:28px;
position:absolute;
right:-40px;
bottom:10px;
z-index:1;
}
#page_begin_html .new{
right:-0px;
}

#page_begin_html .words{
display:none;
position:absolute;
bottom:10px;
left:500px;
z-index:1;
font-family:"Microsoft YaHei",微软雅黑,"MicrosoftJhengHei",华文细黑,STHeiti,MingLiu;
color:white;
font-size:12px;
}
#page_begin_html .github{
width:100px;
height:100px;
position:absolute;
left:0px;
top:0px;
z-index:1;
}
@keyframes drop-shadows {
    0% {
        text-shadow: -1px 0 0 cadetblue, 0px 0 0 #5b989a, 0px 0 0 #5d9b9d, 0px 0 0 cadetblue;
       transform: rotateZ(25deg);
    }
    50% {
        text-shadow: -1px 0 0 cadetblue, -2px 0 0 #5b989a, -3px 0 0 #599596, -4px 0 0 #579193, -5px 0 0 #568e90, -6px 0 0 #548b8d, -7px 0 0 #52888a, -8px 0 0 #508586, -9px 0 0 #4e8283, -10px 0 0 #4c7e80, -11px 0 0 #4a7b7d, -12px 0 0 #48787a, -13px 0 0 #467576, -14px 0 0 #447273, -15px 0 0 #436f70, -16px 0 0 #416b6d, -17px 0 0 #3f686a, -18px 0 0 #3d6566, -19px 0 0 #3b6263, -20px 0 0 #395f60, -21px 0 0 #375c5d, -22px 0 0 #35585a, -23px 0 0 #335556, -24px 0 0 #315253, -25px 0 0 #304f50, -26px 0 0 #2e4c4d, -27px 0 0 #2c494a, -28px 0 0 #2a4646, -29px 0 0 #284243, -30px 0 0 #263f40;
        transform: rotateZ(-25deg);
    }

    100% {
        text-shadow: -1px 0 0 cadetblue, 0px 0 0 #5b989a, 0px 0 0 #5d9b9d, 0px 0 0 cadetblue;
        transform: rotateZ(25deg);
    }
}
.notice{
width:120px;
border-radius:20px;
position:fixed;
left:450px;
top:20px;
box-shadow:0 0 3px #333333;
    animation: drop-shadows;
    animation-duration: 3s;
    animation-iteration-count: infinite;
    animation-fill-mode: both;
}
.ky{
  left:600px;
  border-radius:6px;
  padding:5px;
}


.fj{
  left:700px;
  border-radius:6px;
  padding:5px;
}
.gzh{
width:120px;
border-radius:4px;
position:fixed;
left:30px;
top:200px;
padding-bottom:20px;
overflow:hidden;
        text-shadow: -1px 0 0 cadetblue, 0px 0 0 #5b989a, 0px 0 0 #5d9b9d, 0px 0 0 cadetblue;

box-shadow:0 0 3px #333333;
    animation: gzh-animate;
    animation-duration: 3s;
    animation-iteration-count: infinite;
    animation-fill-mode: both;

}
.gzh img{
  width:100%;
}
.gzh::after{
  content:"公众号";
  /* border:1px solid red; */
  width:60px;
  height:20px;
  position:absolute;
  bottom:3px;
  left:37px;
  z-index:999999

}



.xcx{
  width:120px;
border-radius:4px;
position:fixed;
left:30px;
top:150px;
padding-bottom:20px;
overflow:hidden;
        text-shadow: -1px 0 0 cadetblue, 0px 0 0 #5b989a, 0px 0 0 #5d9b9d, 0px 0 0 cadetblue;

box-shadow:0 0 3px #333333;
    animation: gzh-animate;
    animation-duration: 3s;
    animation-iteration-count: infinite;
    animation-fill-mode: both;
}



.xcx img{
  width:100%;
}
.xcx::after{
  content:"自动化查询";
  /* border:1px solid red; */
  width:120px;
  height:20px;
  font-size:12px;
  position:absolute;
  bottom:3px;
  left:0px;
  text-align: center;
  z-index:999999;
  background:white;
}

.xcx2{
top:350px;
}
.xcx2::after{
  content:"分享小程序";
  /* border:1px solid red; */
  width:120px;
  height:20px;
  font-size:12px;
  position:absolute;
  bottom:3px;
  left:0px;
  text-align: center;
  z-index:999999;
  background:white;
}

.rmsj{
  width:120px;
border-radius:4px;
position:fixed;
left:30px;
top:535px;
padding-bottom:20px;
overflow:hidden;
        text-shadow: -1px 0 0 cadetblue, 0px 0 0 #5b989a, 0px 0 0 #5d9b9d, 0px 0 0 cadetblue;

box-shadow:0 0 3px #333333;
    animation: gzh-animate;
    animation-duration: 3s;
    animation-iteration-count: infinite;
    animation-fill-mode: both;
}

.rmsj img{
  width:100%;
}

.rmsj::after{
  content:"人民赏金";
  /* border:1px solid red; */
  width:60px;
  height:20px;
  position:absolute;
  bottom:3px;
  left:37px;
  z-index:999999

}


.fkm{
  bottom:35px;
  right: 0px;
  width:160px;
position:fixed;
padding:40px 20px;
  text-align: center;
overflow:hidden;
        text-shadow: -1px 0 0 cadetblue, 0px 0 0 #5b989a, 0px 0 0 #5d9b9d, 0px 0 0 cadetblue;

        display:none;
}
.fkm img{
  width:100%;
  border-radius:4px;
box-shadow:0 0 3px #333333; 
}
.fkm::before{
content:"如果感觉对您有所帮助，可以请博主喝瓶水 ^_^";
  /* border:1px solid red; */
  width:168px;
  height:20px;
  position:absolute;
  top:3px;
  z-index:999999;
  font-size:12px

}


@keyframes gzh-animate {
  0%{
    transform: rotateZ(0deg);
  }
  40%{
    transform: rotateZ(0deg);
  }
    45% {
       transform: rotateZ(25deg);
    }
    50% {
        transform: rotateZ(-25deg);
    }

    55% {
        transform: rotateZ(25deg);
    }
    60% {
        transform: rotateZ(0deg);
    }
    100%{
    transform: rotateZ(0deg);
  }
}

#page_end_html .counter{
position:fixed;
left:5px;
bottom:20px;
width:200px;
height:200px;
z-index:99999
}