@charset 'utf-8';

html {
    font-size: 625%;
    -webkit-text-size-adjust: none;
    height: 100%;
}

* {
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
}

body {
    font-family: 'Microsoft YaHei', sans-serif;
    font-size: .2rem;
    color: #000;
    background: #fff;
    height: 100%;
}

ul,
li {
    list-style: none;
}

a {
    text-decoration: none;
    outline: none;
    color: #000;
    cursor: pointer;
}

a:hover {
    text-decoration: none;
}

.left {
    float: left
}

.right {
    float: right
}

img {
    border: 0;
    max-width: 100%;
    max-height: 100%;
}

h1,
h2,
h3,
h4,
h5,
h6,
b,
i,
em {
    font-size: 100%;
    font-style: normal;
    font-weight: normal;
}

h1,
h2,
h3,
h4,
h5,
h6,
input,
button,
textarea,
select {
    font-family: 'Microsoft YaHei';
}

input,
textarea,
button {
    outline: none;
    resize: none;
}

.clear::after {
    content: '';
    display: block;
    clear: both;
}

.lazyload,
.lazyloading {
    opacity: 0;

}

.lazyloaded {
    opacity: 1;
    transition: opacity 1s ease;
}


@media screen and (max-width: 768px) {
    body {
        font-size: 14px;
    }
}