/*重置属性*/
*{
  margin: 0;
  padding: 0;
}
html{
  font-size: 20px;
  height: 100%;
}
body {
background: #f5f5f5;
  font-size: 12px;
  max-width: 480px;
  min-height: 100%;
  margin: 0 auto;

}
a{
  text-decoration: none;
}
body,
a,
input,
select,
textarea{
  color: #424242;
  font-family: 'PingFang SC', Helvetica, 'STHeiti STXihei', 'Microsoft YaHei', Tohoma, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
}

input,
select,
textarea{
  -webkit-appearance: none;
  box-sizing: border-box;
  outline: none;
  resize: none;
}
li{
  list-style: none
}
li,
dt,
input,
a,
div{
-webkit-tap-highlight-color:rgba(255,0,0,0)
}
::-webkit-scrollbar {
  width: 5px;
  height: 5px;
}
::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background: rgba(0,0,0,0.3);
}
::-webkit-scrollbar-track {
  background: none;
}
::placeholder{
  color:#b8b0b0;
}
.clearfix:after{content:"";display:block;height:0;clear:both;visibility:hidden}
.clearfix{display:block;*zoom:1}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
}
input[type="number"]{
  -moz-appearance: textfield;
}

@media screen and (min-width:384px){html{font-size:20.48px}}@media screen and (min-width:400px){html{font-size:21.3333333333333px}}@media screen and (min-width:412px){html{font-size:21.9733333333333px}}@media screen and (min-width:414px){html{font-size:22.08px}}@media screen and (min-width:424px){html{font-size:22.6133333333333px}}@media screen and (min-width:480px){html{font-size:25.6px}}

.ks-line{ position:relative;}
.ks-line:after{
	display: block;
	content: "";
	height: 0px;
	width: 100%;
	box-sizing: border-box;
	border-bottom:1px solid #e3e3e3;
	-webkit-transform: scaleY(0.5);
	-ms-transform: scaleY(0.5);
	transform: scaleY(0.5);
	-webkit-transform-origin: 0 100%;
	-ms-transform-origin: 0 100%;
	transform-origin: 0 100%;
	position: absolute;
	bottom: 0px;
	left: 0;
	right: 0;
	z-index: 1;
}