/*通用*/
html,body{
  background: #ffffff;
  scroll-behavior: smooth; 
  margin: 0;
  /* margin-bottom: 3rem; */
}
body{
    padding: 20px 10px;
    box-sizing: border-box;
    overflow-x: hidden;
}
img {
  max-width: 100%;
}
p{
  margin: 0.5rem 0;
  font-size: 0.9rem;
}
li{
    font-size: 0.9rem; 
}
ul>li{/*一级列表*/
    list-style-type: lower-latin; 
}
ul>ul>li{ /*二级列表*/
    list-style-type: lower-roman; 
}
ul>ul>ul>li{/*三级列表*/
    list-style-type: disc; 
}
[v-cloak] {
  display: none;
}
.text-center{
    text-align: center;
}
h4,h5{
    font-size: 1rem;
}
h5{
    color:#C00000;
}

/*弹出框*/
.modal {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.7);
  z-index: 2006;
}

.modal img {
  margin: 3rem 0;
  max-width: 100%;
}

/*动画*/
.fade-enter-active, .fade-leave-active {
  transition: opacity 0.5s;
}

.fade-enter, .fade-leave-to /* .fade-leave-active below version 2.1.8 */
{
  opacity: 0;
}

/*工具栏*/
.toolbal {
  position: fixed;
  right: 0;
  top: 60%;
  opacity: 0.8;
  cursor: pointer;
  user-select: none;
}

.toolbal a {
  display: block;
  padding: 0.5rem 0.3rem;
  color: #FFFFFF;
  background: #5a9ef5;
  text-decoration: none;
  border-bottom: 1px solid #ccc;
  font-size: 1rem;
  user-select: none;
}


/*目录导航*/
#sideBar{
  display: none;
  position:fixed;/*将div的位置固定到距离top:50px，right:0px的位置，这样div就会处在最右边的位置，距离顶部50px*/
  top: 60%;
  bottom: 0;
  right:0;
  opacity: 0.95;
  background: #f5f5f5;
  padding: 0 0.5rem 2rem  0.5rem;
  margin: 0;
  z-index: 8;
}

#sideBar dl{
  overflow-y: scroll;
  text-align:left;
  font-size: 0.8rem;
  height: 100%;
}

#sideBar dt{
  margin-top:10px;
  word-break: break-all;
}
#sideBar dd{
  margin-left:25px;
}

#sideBar dd, dt {
  cursor: pointer;
  color: #5a9ef5;
}