body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, th, td {
  margin: 0;
  padding: 0;
  font-weight: normal;
  font-family: PingFang SC, Hiragino Sans GB, Microsoft Yahei, sans-serif;
}
em,i{
  font-style: normal;
}
a {
  text-decoration: none;
  outline: none;
  color: inherit;
  transition: all 0.2s;
}
a:hover{
  color: #409eff;
}

img {
  border: none;
  max-width: 100%;
  vertical-align: middle;
}
button{
  cursor: pointer;
}
input, button, textarea {
  outline: none;
  font-family: PingFang SC, Hiragino Sans GB, Microsoft Yahei, sans-serif;
}
input::-webkit-input-placeholder{
  color:rgba(153,153,153,1);
}
input::-moz-placeholder{   /* Mozilla Firefox 19+ */
  color:rgba(153,153,153,1);
}
input:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */
  color:rgba(153,153,153,1);
}
input:-ms-input-placeholder{  /* Internet Explorer 10-11 */
  color:rgba(153,153,153,1);
}

ol, ul, li, button {
  list-style: none;
}
table{
  border-collapse: collapse;
}

.clearfix:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.clearfix {
  *zoom: 1;
}
html, body {
  font-family: PingFang SC, Hiragino Sans GB, Microsoft Yahei, sans-serif;
  width: 100%;
  height: 100%;
  position: relative;
  font-size: 14px;
  color: #333333;
}

.left {
  float: left;
}

.right {
  float: right;
}
.scroll{
  overflow-y: auto;
  -webkit-overflow-scrolling : touch
}
.scroll::-webkit-scrollbar {
  width: 4px;
}
.scroll::-webkit-scrollbar-thumb {
  background: #dddddd;
  border-radius: 5px;
}
.scroll-x{
  overflow-x: auto;
  -webkit-overflow-scrolling : touch
}
.scroll-x::-webkit-scrollbar {
  width: 2px;
  border-radius: 3px;
}
.scroll-x::-webkit-scrollbar-thumb {
  background: #dddddd;
}
.inherit{
  color: inherit;
}
.red{
  color: #D0021B;
}
.green{
  color: #7ED321;
}
.yellow{
  color:  #F5A623;
}
.blue{
  color: #246BFF;
}
.no{
  color: rgba(208,2,27,0.30);
}