/*生成博客目录的CSS*/
#uprightsideBar{
    font-size:12px;
    font-family:Arial, Helvetica, sans-serif;
    text-align:left;
    position:fixed;/*将div的位置固定到距离top:50px，right:0px的位置，这样div就会处在最右边的位置，距离顶部50px*/
    top:90px;
    right:0px;
    width: auto;
    height: auto; 
}
#sideBarTab{
    float:left;
    width:30px; 
    border:1px solid #e5e5e5;
    border-right:none;
    text-align:center;
    background:#ffffff;
}
 
#sideBarContents{
    float:left;
    overflow:auto; 
    overflow-x:hidden;!important;
    width:200px;
    min-height:108px;
    max-height:460px;
    border:1px solid #e5e5e5;
    border-right:none; 
    background:#ffffff;
}
#sideBarContents dl{
    margin:0;
    padding:0;
}
 
#sideBarContents dt{
    margin-top:5px;
    margin-left:5px;
}
 
#sideBarContents dd, dt {
    cursor: pointer;
}
 
#sideBarContents dd:hover, dt:hover {
    color:#A7995A;
}
#sideBarContents dd{
    margin-left:20px;
}

/*右下角按钮*/
.d1{
    position: fixed;
    bottom: 10px;
    right: 15px;
    border-radius: 8px;
    width:22px;
    height:22px;
}
.d3{
    position: fixed;
    bottom: 50px;
    right: 15px;
    border-radius: 8px;
    width:22px;
    height:22px;
}
.d4{
    position: fixed;
    bottom: 90px;
    right: 15px;
    border-radius: 8px;
    width:22px;
    height:22px;
}
.dialog{
    background-color:white;
    position: fixed;
    top: 30%;
    left: 35%;
    width: 360px;
    height: 300px;
    border: 1px solid transparent;
    border-color: rgba(151, 151, 151, 0.3);
    display: none;
    z-index:995;
}
.bulletin_board{
    font-weight: bold;
    font-size: larger;
    position: relative;
    left: 150px;
    top: 10px;
}
.close1{
    width:22px;
    height:22px;
    position: relative;
    left: 280px;
    top: 10px;
    z-index:999;
}
.close1:hover{
    background-color: RGB(220,220,220);
}
.light{
  margin-right:40px;
  width: fit-content;
  cursor: pointer;
  .red{ display: none;}
  .yellow{ display: block;}
  &:hover{
    .red{ display: block;}
    .yellow{ display: none;}
  }
}
.yellow{
    position: relative;
    top: 36px;
    left: 35px;
    border-radius: 8px;
    width:22px;
    height:22px;
}
.red{
    position: relative;
    top: 36px;
    left: 35px;
    border-radius: 8px;
    width:22px;
    height:22px;
}
a:link {
  color: black;
  background-color: transparent;
  text-decoration: none;
}
a:visited {
  color: black;
  background-color: transparent;
  text-decoration: none;
}
a:hover {
  color: red;
  background-color: transparent;
  text-decoration: none;
}
a:active {
  color: red;
  background-color: transparent;
  text-decoration: none;
}
.d5{
    position: fixed;
    bottom: 250px;
    right: 15px;
    border-radius: 8px;
    width:22px;
    height:22px;
}
.lb{
    width:100px;
    height:100px;
    position: fixed;
    bottom: 210px;
    right: 50px;
    display:none;
}
.d5:hover + .lb {
  display: block;
}
.d6{
    position: fixed;
    bottom: 170px;
    right: 15px;
    border-radius: 8px;
    width:22px;
    height:22px;
    display:none;
}
.d7{
    position: fixed;
    bottom: 170px;
    right: 15px;
    border-radius: 8px;
    width:22px;
    height:22px;
    display:none;
}
.image-container:hover .d6 {
  display: none;
}
.image-container:hover .d7 {
  display: block;
}
.d8{
    position: fixed;
    bottom: 210px;
    right: 15px;
    border-radius: 8px;
    width:22px;
    height:22px;
    display:none;
}
.d9{
    position: fixed;
    bottom: 210px;
    right: 15px;
    border-radius: 8px;
    width:22px;
    height:22px;
    display:none;
}
.image-container:hover .d8 {
  display: none;
}
.image-container:hover .d9 {
  display: block;
}
.flex-container {
    display: -webkit-flex;
    display: flex;
    width: 360px;
    height: 40px;
}
.flex-item {
    width: 20px;
    height: 20px;
    margin: 10px;
}
.d10{
    position: fixed;
    bottom: 130px;
    right: 15px;
    border-radius: 8px;
    width:22px;
    height:22px;
}
.dialog1{
    background-color:white;
    position: fixed;
    top: 30%;
    left: 35%;
    width: 360px;
    height: 300px;
    border: 1px solid transparent;
    border-color: rgba(151, 151, 151, 0.3);
    display: none;
    z-index:995;
}
.bulletin_board1{
    font-weight: bold;
    font-size: larger;
    position: relative;
    left: 150px;
    top: 10px;
}
.close2{
    width:22px;
    height:22px;
    position: relative;
    left: 280px;
    top: 10px;
    z-index:999;
}
.close2:hover{
    background-color: RGB(220,220,220);
}
.d11{
    position: fixed;
    bottom: 290px;
    right: 15px;
    border-radius: 8px;
    width:22px;
    height:22px;
}