*{
  padding: 0;
  margin: 0;
}
body {
  width: 100%;
  min-width: 320px;
  max-width: 540px;
  margin: 0 auto;
  font-size: 16px;
  font-family: -apple-system, Helvetica, sans-serif;
}
.clearfix:after{
  content:"";  /*设置内容为空*/
  height:0;  /*高度为0*/
  line-height:0;  /*行高为0*/
  display:block;  /*将文本转为块级元素*/
  visibility:hidden;  /*将元素隐藏*/
  clear:both;  /*清除浮动*/
}
.clearfix{
  zoom:1;  /*为了兼容IE*/
}
a{
  text-decoration: none;
  background-color: transparent;
}
input{
  outline: none;
  border: none;
}
li{
  list-style: none; 
}
.tag{
  border-bottom-color: #747bff;
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  top: -45px;
  left: -45px;
  border: 45px solid transparent;
  border-bottom: 45px solid #747bff;
  transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  /* left: -35px; */
  z-index: 10;
}
.tag label{
  position: absolute;
  top: 20px;
  left: -45px;
  font-size: 16px;
  color: #fff;
  display: block;
  width: 90px;
  text-align: center;
}