* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

body {
  margin: 0;
  padding: 0;
  background: $body-bg;
  color: $text;
  font-family: $font-family;
  font-size: $font-size;
  line-height: $line-height;
  -webkit-font-smoothing: antialiased;
}

article,aside,dialog,footer,header,section,footer,nav,figure,menu {
  display: block
}

a,a:focus,a:hover{
  text-decoration: none !important;
}

dl {
  margin-bottom: $md-pad;
}

dd {
  margin-left: $xlg-pad;
}

ul,
ol {
  margin: 0;
  padding: 0;
  vertical-align: baseline;
  list-style: none;
  -webkit-padding-start: 0;
  -webkit-margin-before: 0;
  -webkit-margin-after: 0;
}

main,
header,
footer,
article,
section,
aside,
details,
summary {
  margin: 0 auto;
  width: 100%;
}

a.nuxt-link-active {
  cursor: pointer;
  text-decoration: none;
  color: $text;
  transition: color .2s ease;
  outline: 0;
  &:hover,&:active {
    text-decoration: none;
    color: $skin-bg;
  }
}
a.header-link {
  cursor: pointer;
  text-decoration: none;
  color: #fff;
  transition: color .2s ease;
  outline: 0;
  &:hover {
    text-decoration: underline;
  }
}

img {
  outline: 0;
  border: none;
  vertical-align: middle;
}

.f12{
  font-size: $font-size-small
}
.f14{
  font-size: $font-size;
}
.f16{
  font-size: $font-size-large;
}

.text-right{
  text-align: right;
}
.icon-left-arrow{
  display:inline-block;
  position:relative;
  top:0;
  width:10px;
  height:10px;
  background: url(../../static/icon/left-arrow.png)no-repeat;
}
.icon-info{
  display:inline-block;
  position:relative;
  top:0;
  width:20px;
  height:20px;
  background: url(../../static/icon/info.png)no-repeat;
}
.icon-trumpet{
  display:inline-block;
  position:relative;
  top:5px;
  width:20px;
  height:20px;
  background: url(../../static/icon/trumpet.png)no-repeat;
}
.icon-qq{
  display:inline-block;
  position:relative;
  top:5px;
  width:20px;
  height:20px;
  background: url(../../static/icon/qq.png)no-repeat;
}
.icon-space{
  display:inline-block;
  position:relative;
  top:5px;
  width:20px;
  height:20px;
  background: url(../../static/icon/space.png)no-repeat;
}
.icon-weibo{
  display:inline-block;
  position:relative;
  top:5px;
  width:20px;
  height:20px;
  background: url(../../static/icon/weibo.png)no-repeat;
}
.icon-link{
  display:inline-block;
  position:relative;
  top:5px;
  width:20px;
  height:20px;
  background: url(../../static/icon/link.png)no-repeat;
}