/* 普通 */
@font-face {
    font-family: 'Roboto';
    src: url('./fonts/Roboto-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}

/* 中等 */
@font-face {
    font-family: 'Roboto';
    src: url('./fonts/Roboto-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}

/* 半粗 */
@font-face {
    font-family: 'Roboto';
    src: url('./fonts/Roboto-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
}

/* 加粗 */
@font-face {
    font-family: 'Roboto';
    src: url('./fonts/Roboto-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
}


html{
    font-family: "Roboto","Microsoft YaHei";
    font-size: 62.5%;
    font-weight: 600;
}
html,body,h1,h2,h3,h6,p,img,ul,li,input,select{
    margin: 0;
	font-family: "Roboto","Microsoft YaHei";
    padding:0;
    font-weight: 600;
}
ul,ol{
    list-style: none;
}
a,a:hover,a:active,a:link{
    text-decoration: none;
}
img{
    border: none;
}
.clearfix{
    zoom: 1;
}
.clearfix::after{
    content: '';
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}