html,
body,
#app,input,b {
  height: 100%;
  margin: 0;
  padding: 0;
  font-style:normal;
  outline: none;
}
p{
  margin: 0;
  padding: 0;
}
body{
  height: 100vh; 
  overflow: hidden;
}


.clearfix::after {
  content: "";
  height: 0;
  line-height: 0;
  display: block;
  clear: both;
  visibility: hidden;
}
.clearfix {
  zoom: 1;
 
}
input,select,button{
  -webkit-appearance:none;
  appearance:none;
}

.scrollbar::-webkit-scrollbar {
  /*滚动条整体样式*/
  width : 10px;  /*高宽分别对应横竖滚动条的尺寸*/
  height: 1px;
  }
  .scrollbar::-webkit-scrollbar-thumb {
  /*滚动条里面小方块*/
  border-radius   : 10px;
  background-color: skyblue;
  background-image: -webkit-linear-gradient(
      45deg,
      rgba(255, 255, 255, 0.2) 25%,
      transparent 25%,
      transparent 50%,
      rgba(255, 255, 255, 0.2) 50%,
      rgba(255, 255, 255, 0.2) 75%,
      transparent 75%,
      transparent
  );
  }
  .scrollbar::-webkit-scrollbar-track {
  /*滚动条里面轨道*/
  box-shadow   : inset 0 0 5px rgba(0, 0, 0, 0.2);
  background   : #ededed;
  border-radius: 10px;


  }

.button_box{
  background: rgba(61, 190, 253, 0.1) !important;
  border: 1px solid #00A6E2 !important;
  color:rgba(1, 15, 22, 0.85) !important;
}
.button_box:hover{
  background: #3DBEFD !important;
  color:rgba(1, 15, 22, 0.85) !important;

}