@font-face {
    font-family: 'HyundaiSansHeadCN';
url("../fonts/HyundaiSansHeadCN-Regular.woff") format("woff"), font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'HyundaiSansHeadCN';
url("../fonts/HyundaiSansHeadCN-Bold.woff") format("woff"), font-weight: bold;
    font-style: normal;
}
@font-face {
    font-family: 'HyundaiSansHeadCN-lighter';
url("../fonts/HyundaiSansHeadCN-Light.woff") format("woff"), font-weight: lighter;
    font-style: normal;
}
@font-face {
    font-family: 'HyundaiSansTextCN';
url("../fonts/HyundaiSansTextCN-Regular.woff") format("woff"), font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'HyundaiSansTextCN';
url("../fonts/HyundaiSansTextCN-Bold.woff") format("woff"), font-weight: bold;
    font-style: normal;
}
* {
    box-sizing: border-box;
}
html {
    height: 100%;
}
html,
body {
    padding: 0;
    margin: 0;
}
body {
    width: 100%;
    position: relative;
    font-family: 'HyundaiSansHeadCN';
    overflow-x: hidden;
    overflow-y: auto;
    max-width: 1920px;
    margin: auto;
    background-color: #ffffff;
    color: #333333;
    font-size: 0.16rem;
    font-weight: normal;
}
ul,
li,
ol {
    padding: 0;
    list-style: none;
    margin: 0;
}
li {
    display: inline-block;
    vertical-align: top;
}
a {
    text-decoration: none;
    outline: none;
}
a img {
    border: none;
}
input,
select,
button {
    font-family: 'HyundaiSansHeadCN';
}
input:focus,
select:focus,
button:focus {
    outline: none;
}
p {
    margin: 0;
}
img {
    display: block;
    height: auto;
}
select {
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
}
select::-ms-expand {
    display: none;
}
br {
    opacity: 0;
}
.clearfix:after,
.clearfix:before {
    content: '';
    display: table;
}
.clearfix:after {
    clear: both;
}
.clearfix {
    *zoom: 1;
    font-size: 0;
}
.hide {
    display: none !important;
}