*{
    box-sizing: border-box;
}
ul{
    list-style-type: none;
}
body, ul, p, h1, h2, h3, h4{
    margin: 0;
}
html, body, .main, .body, .mapbody, .map{
    height: 100%;
    width: 100%;
}
ul, li{
    padding: 0;
}
i{
    font-style: normal;
}
a{
    text-decoration: none;
    color: #000;
    -webkit-tap-highlight-color:transparent;
}
a:hover{
    color: #000;
}
img{
    vertical-align: middle;
}
.hidden{
    display: none;
}

.lf{
    float: left;
}
.rf{
    float: right;
}
.clearfix::before{
    content: '';
    display: table;
}
.clearfix::after{
    content: '';
    display: table;
    clear: both;
}