html,body,p,div,img,ul,li,input,button,h1,h2,a,span,i{
    margin:0;
    padding:0;
    /*去掉移动端特有的点击高亮效果*/
    -webkit-tap-highlight-color: transparent;
    box-sizing: border-box;
}
p,a,span,div,ul,li,input,h1,h2{
  box-sizing: border-box;
}
body{
    font-family: "微软雅黑",sans-serif;
    height:100%;
    width:100%;
    font-size: 16px;
}
img{
    border:none;
}
input,button{
    border:none;
    background: none;
    outline: none;
}
input::-ms-clear{
    display:none;
}
input::-ms-reveal{
    display:none;
}
a,a:hover,a:link,a:active,a:visited{
    text-decoration: none;
}
a:hover{
    color:#57ad68;
}
ul{
    list-style: none;
}
.input-group{
    overflow: hidden;
    width: 100%;
    margin-bottom: 0;
    position: relative;
}
.input-group-addon{
  font-weight: normal;
  line-height:1;
  color: #555555;
  text-align: center;
}
.input-group-addon, .input-group-btn {
   width: 12%;
   height:100%;
   position: absolute;
   right:0;
   top:0;
   background: #fff;
}
.form-control {
  display: inline-block;
  width:100%;
  height: 100%;
  padding-left:5px;
  /* padding-right:11%; */
}
.mark{
background: #fff;
}
i{
font-style: normal;
}
.fl{
  float: left;
}
.fr{
  float: right;
}
.clearfix:after{
  display: block;
  clear: both;
  content: "";
  visibility: hidden;
  height: 0;
}
.clearfix{
  zoom:1;
}


@media only screen and (max-width: 1600px), only screen and (max-device-width:1600px){
    html,body {
        font-size:13.3px;
    }
  }
   @media only screen and (max-width: 1366px), only screen and (max-device-width:1366px){
    html,body {
        font-size:12px;
    }
  }
@media only screen and (max-width: 1080px), only screen and (max-device-width:1080px){
    html,body {
        font-size:9px;
    }
  }
    @media only screen and (max-width: 960px), only screen and (max-device-width:960px){
    html,body {
        font-size:8px;
    }
  }
    @media only screen and (max-width: 800px), only screen and (max-device-width:800px){
    html,body {
        font-size:6.666666666666667px;
    }
  }