*{
  margin: 0;
  padding: 0;
}

#app::-webkit-scrollbar {
 width: 0;
}

*:not(input) {
 -webkit-touch-callout: none;
 -khtml-user-select: none;
 -moz-user-select: none;
 -ms-user-select: none;
 user-select: none;
 margin: 0;
 padding: 0;
}

html {
 -ms-text-size-adjust: 100%;
 -webkit-text-size-adjust: 100%;
 -webkit-font-smoothing: antialiased;
 -moz-osx-font-smoothing: grayscale;
}

body {
 overflow-x: hidden;
 -webkit-overflow-scrolling: touch;
 font-family:  "WenQuanYi Micro Hei","微软雅黑", "PingFang SC", "Lantinghei SC", "Microsoft YaHei", "HanHei SC",
  "Helvetica Neue", "Open Sans", Arial, "Hiragino Sans GB", 
  "STHeiti", "SimSun", "sans-serif";
  font-size: 16px;
  background: #fff;
}
img{
  max-width: 100%;
}

::before,
::after {
 margin: 0;
 padding: 0;
 /*清除移动端默认的 点击高亮效果*/
 -webkit-tap-highlight-color: transparent;
 /*设置所有的都是以边框开始计算宽度 百分比*/
 -webkit-box-sizing: border-box;
 box-sizing: border-box;
}

.linker:active {
 background-color: #eee !important;
}

b {
 font-weight: 500;
}

a {
 color: #333;
 text-decoration: none;
}

a:hover {
 text-decoration: none;
}
input {
 border: none;
 outline: none;
 /*清除移动端默认的表单样式*/
 -webkit-appearance: none;
}

ul,
ol {
 list-style: none;
}

li {
 list-style: none;
}

.left {
 float: left;
}

.right {
 float: right;
}

.cf::before,
.cf::after {
 content: "";
 height: 0;
 line-height: 0;
 display: block;
 visibility: hidden;
 clear: both;
}

table {
 border-collapse: collapse;
}

p {
 display: block;
 -webkit-margin-before: 0em !important;
 -webkit-margin-after: 0em !important;
 -webkit-margin-start: 0px !important;
 -webkit-margin-end: 0px !important;
}

button {
 outline-style: none;
 border: 0;
}


.no-wrap {
 white-space: nowrap;
 overflow: hidden;
 text-overflow: ellipsis;
}

/* 兼容安卓0.5px边框 */
.scale-1px-top,
.scale-1px-bottom,
.scale-1px-left,
.scale-1px-right,
.scale-1px-top-bottom,
.scale-1px-left-right,
.scale-1px {
 position: relative;
}
.scale-1px-top::before,
.scale-1px-bottom::before {
 content: "";
 display: block;
 position: absolute;
 left: -50%;
 width: 200%;
 height: 1px;
 background: #ebebeb;
 -webkit-transform: scale(0.5);
}
.scale-1px-left::after,
.scale-1px-right::after {
 content: "";
 display: block;
 position: absolute;
 top: -50%;
 height: 200%;
 width: 1px;
 background: #ebebeb;
 -webkit-transform: scale(0.5);
}
.scale-1px-top::before {
 top: 0;
}
.scale-1px-bottom::before {
 bottom: 0;
}
.scale-1px-left::after {
 left: 0;
}
.scale-1px-right::after {
 right: 0;
}
/* 上下边框 */
.scale-1px-top-bottom::before {
 content: "";
 position: absolute;
 top: 0;
 left: 0;
 border: 1px solid #ebebeb;
 border-left: none;
 border-right: none;
 -webkit-box-sizing: border-box;
 box-sizing: border-box;
 width: 200%;
 height: 200%;
 -webkit-transform: scale(0.5);
 transform: scale(0.5);
 -webkit-transform-origin: left top;
 transform-origin: left top;
}
.scale-1px-left-right::after {
 content: "";
 position: absolute;
 top: 0;
 left: 0;
 border: 1px solid #ebebeb;
 border-top: none;
 border-bottom: none;
 -webkit-box-sizing: border-box;
 box-sizing: border-box;
 width: 200%;
 height: 200%;
 -webkit-transform: scale(0.5);
 transform: scale(0.5);
 -webkit-transform-origin: left top;
 transform-origin: left top;
}
.scale-1px::after {
 content: "";
 position: absolute;
 top: 0;
 left: 0;
 border: 1px solid #ebebeb;
 -webkit-box-sizing: border-box;
 box-sizing: border-box;
 width: 200%;
 height: 200%;
 -webkit-transform: scale(0.5);
 transform: scale(0.5);
 -webkit-transform-origin: left top;
 transform-origin: left top;
}