/**
 * @author: YouJie
 * @date: 2018-12-17 11:08:45
 * 全局公用样式
 */

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

html, body {
    height: 100%;
    -webkit-overflow-scrolling : touch;
}

body {
    line-height: 1.5;
	font-family: "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", Arial, sans-serif;
	-webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-tap-highlight-color: transparent;
    /*background: var(--bg);*/
    color: var(--txt-1);
    width: 100vw;
    margin: 0 auto !important;
}

ul, li{
    padding: 0;
    margin: 0;
    list-style:none;
}

dl, dd, p {
    margin: 0;
}

input, button, textarea {
    outline: 0;
    border: 0;
    font-size: inherit;
}

a {
    text-decoration: none;
    font-size: inherit;
    color: inherit;
}

/* 所有的滚动不展示滚动条 */
::-webkit-scrollbar {
    display: none;
}
  
  /* 在移动端上，在你用overflow-y:scorll属性的时候，你会发现滚动的效果很木，很慢，这时候可以使用-webkit-overflow-scrolling:touch这个属性，让滚动条产生滚动回弹的效果，就像ios原生的滚动条一样流畅。 */
.scroll-touch {
    -webkit-overflow-scrolling: touch;
}