@font-face {
    font-family: TsangerYunHei;
    src: url("../fonts/TsangerYunHei-W04.otf");
}

@font-face {
    font-family: TsangerYunHei-W01;
    src: url("../fonts/TsangerYunHei-W01.otf");
}

@font-face {
    font-family: TsangerYunHei-W02;
    src: url("../fonts/TsangerYunHei-W02.otf");
}

@font-face {
    font-family: TsangerYunHei-W03;
    src: url("../fonts/TsangerYunHei-W03.otf");
}

@font-face {
    font-family: TsangerYunHei;
    src: url("../fonts/TsangerYunHei-W04.otf");
}

@font-face {
    font-family: TsangerYunHei-W05;
    src: url("../fonts/TsangerYunHei-W05.otf");
}

@font-face {
    font-family: TsangerYunHei-W06;
    src: url("../fonts/TsangerYunHei-W06.otf");
}

@font-face {
    font-family: TsangerYunHei-W07;
    src: url("../fonts/TsangerYunHei-W07.otf");
}

@font-face {
    font-family: TsangerYunHei-W08;
    src: url("../fonts/TsangerYunHei-W08.otf");
}

html,
body,
h1,
h2,
h3,
h4,
h5,
p,
dl,
dd,
ul,
ol,
form,
input,
textarea,
th,
td,
select,
hr {
    margin: 0;
    padding: 0;
}

body,
html {
    width: 100%;
    height: 100%;
    font-family: TsangerYunHei;
}

div {
    text-align: left;
}

em {}

li {
    list-style: none;
}

a {
    text-decoration: none;
}

img {
    border: none;
    vertical-align: top;
}

table {
    border-collapse: collapse;
}

input,
textarea {
    outline: none;
}

textarea {
    resize: none;
    overflow: auto;
}

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

img {
    border: none;
}

/*html{font-size:100px}*/
/*@media screen and (min-width:321px) and (max-width:375px){html{font-size:11px}}*/
/*@media screen and (min-width:376px) and (max-width:414px){html{font-size:12px}}*/
/*@media screen and (min-width:415px) and (max-width:639px){html{font-size:15px}}*/
/*@media screen and (min-width:640px) and (max-width:719px){html{font-size:20px}}*/
/*@media screen and (min-width:720px) and (max-width:749px){html{font-size:22.5px}}*/
/*@media screen and (min-width:750px) and (max-width:799px){html{font-size:23.5px}}*/
/*@media screen and (min-width:800px){html{font-size:25px}}*/


.fade-in {
    animation: fadeIn 2s ease forwards;
}
@keyframes fadeIn {
    0% {
        opacity: 0;
        transform: translateY(30px);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}