html {

box-sizing: border-box;
height: 100%;
font-size: 16px;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
-ms-overflow-style: scrollbar;
-webkit-tap-highlight-color: rgba(0,0,0,0);

*, *:before, *:after {
  box-sizing: inherit;
}

}

body {

height: 100%;
margin: 0;
padding: 0;
font-size: $font-size;
font-family: "Helvetica Neue", "PingFang SC", "Microsoft Yahei", 微软雅黑, STXihei, 华文细黑, sans-serif;
line-height: $default-line-height;
color: $text-color;
fill: $text-color;
background-color: $white-color;

}

small, .small {

font-size: $font-size-s;
font-weight: normal;

}

.x-small {

font-size: $font-size-xs;
font-weight: normal;

}

big, .big, .large {

font-size: $font-size-l;

}

mark, .mark {

padding: 0.2em;
background-color: yellow;

}

a {

color: $link-color;
fill: $link-color;
text-decoration: none;
background-color: transparent; // Remove the gray background on active links in IE 10.
-webkit-text-decoration-skip: objects; // Remove gaps in links underline in iOS 8+ and Safari 8+.

&.warn {
  color: $red-color;
  fill: $red-color;
}

&.disabled {
  color: $lightest-grey-color;
  fill: $lightest-grey-color;
  cursor: not-allowed;;
}

}

a:not():not() {

color: inherit;
fill: inherit;

}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {

margin-top: 1.5em;
margin-bottom: 1em;
line-height: $default-line-height;
color: $text-color;

&:first-child {
  margin-top: 0;
}

}

h1, .h1 { font-size: $font-size-h1; } h2, .h2 { font-size: $font-size-h2; } h3, .h3 { font-size: $font-size-h3; } h4, .h4 { font-size: $font-size-h4; } h5, .h5 { font-size: $font-size-h5; } h6, .h6 { font-size: $font-size-h6; }

hr {

margin-top: 1em;
margin-bottom: 1em;
border: 0;
border-top: 1px solid $border-color;

}

p {

margin: 0 0 1em 0;

}

ul, ol {

margin: 0 0 1em 0;
padding: 0 0 0 2em;

li {
  line-height: 2.0
}

ul, ol {
  margin-bottom: 0;
}

}

blockquote {

margin: 0 0 1em 0;
padding: 0.5em 1em;
color: $light-grey-color;
border-left: 0.25em solid $border-color;

*:last-child {
  margin-bottom: 0;
}

}