| 1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798 | @import 'reset';@import 'var';html,body,#app {  width: 100%;  height: 100%;  // overflow: hidden;}body {  min-width: 320px;  // font-family: Arial;}// #app {//   position: relative;// }.cover-img {  width: 100%;  height: 100%;  object-fit: cover;}//浮动.fl {  float: left;}.fr {  float: right;}.pointer {  cursor: pointer;}.hover {  color: @text_color;  cursor: pointer;  &:hover {    color: @text_color_active;  }}.text-left {  text-align: left;}.clearfix {  &:after {    display: block;    content: '';    clear: both;  }}//滚动条::-webkit-scrollbar {  /*滚动条整体部分,其中的属性有width,height,background,border(就和一个块级元素一样)等*/  background-color: rgba(0, 0, 0, 0.3);  width: 5px; //纵向滚动条  border-radius: 10px;}::-webkit-scrollbar-button {  /*滚动条两端的按钮。可以用display:none让其不显示,也可以添加背景图片,颜色改变显示效果。*/  display: none;}::-webkit-scrollbar-track {  /*外层轨道。可以用display:none让其不显示,也可以添加背景图片,颜色改变显示效果。*/  display: none;  //background-color: rgba(255, 255, 255, 0.1);  border-radius: 10px;}::-webkit-scrollbar-track-piece {  /*内层轨道,滚动条中间部分(除去)。*/  //background-color: rgba(255, 255, 255, .1);  border-radius: 10px;}::-webkit-scrollbar-thumb {  /*滚动条里面可以拖动的那部分*/  background-color: rgba(255, 255, 255, 0.5);  border-radius: 10px;}::-webkit-scrollbar-corner {  border-radius: 10px;}::-webkit-resizer {  /*定义右下角拖动块的样式*/  border-radius: 10px;}
 |