* {
  box-sizing: border-box;
}

html, body {
  scrollbar-face-color: $color-gray; /*滚动条3D表面（ThreedFace）的颜色*/
  scrollbar-highlight-color: $color-gray; /*滚动条3D界面的亮边（ThreedHighlight）颜色*/
  scrollbar-shadow-color: $color-gray; /*滚动条3D界面的暗边（ThreedShadow）颜色*/
  scrollbar-3dlight-color: $color-gray; /*滚动条亮边框颜色*/
  scrollbar-arrow-color: $color-gray; /*滚动条方向箭头的颜色 */
  scrollbar-track-color: $color-gray-light; /*滚动条的拖动区域(TrackBar)颜色*/
  scrollbar-darkshadow-color: $color-gray-light; /*滚动条暗边框（ThreedDarkShadow）颜色*/
}

/*---滚动条默认显示样式--*/
::-webkit-scrollbar-thumb {
  background-color: $scroll-bar-color;
  height: $scroll-bar-min-height;
  outline-offset: -2px;
  outline: 2px solid #fff;
  //-webkit-border-radius: 4px;
  //border: 2px solid #fff;
}

/*---鼠标点击滚动条显示样式--*/
::-webkit-scrollbar-thumb:hover {
  background-color: $scroll-bar-hover-color;
  height: 50px;
  //-webkit-border-radius: 4px;
}

/*---滚动条大小--*/
::-webkit-scrollbar {
  width: $scroll-bar-width;
  height: $scroll-bar-width;
}

/*---滚动框背景样式--*/
::-webkit-scrollbar-track-piece {
  background-color: $color-gray-light;
  -webkit-border-radius: 0;
}

body {
  color: $color-default;
  font-size: $font-size-base;
  line-height: $line-height;
  text-size-adjust: none;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
}

//body, button, input, option, select, td, textarea {
//  font-family: arial, verdana, helvetica, 'PingFang SC', 'HanHei SC', STHeitiSC-Light, Microsoft Yahei, sans-serif;
//  -webkit-font-smoothing: antialiased;
//}

//p, ol, ul, dl, {
//  line-height: 1.68em;
//}

button,
html [type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}

a {
  color: $color-primary;
  //&:focus {
  //  outline: 2px solid rgba(red($color-primary), green($color-primary), blue($color-primary), .5);
  //}
  /**/
  //  &:outline {
  //    @include focus($color-primary);
  //  }
}