@charset "utf-8";
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote,dl, dt, dd, ul, ol, li,pre,form, fieldset, legend, button, input, textarea,
th, td{margin:0; padding:0;}
body,button, input, select, textarea {font-size:12px;}
h1, h2, h3, h4, h5, h6 {font-size:100%;}
address, cite, dfn, var, i{ font-style:normal;}
code, kbd, pre, samp{ font-family:courier new, courier, monospace; }
small{ font-size:12px; }
ul, ol{list-style:none;}
a { text-decoration:none;}
a:hover { text-decoration:none; }
sup { vertical-align:text-top; } 
sub { vertical-align:text-bottom; }
legend { color:#000; }
fieldset, img,button{border:none;}
button, input, select, textarea { font-size:100%; }
table { border-collapse:collapse; border-spacing:0; }
.clearfix:after{visibility:hidden;display:block;font-size:0;content: " ";clear:both;height:0;}
.clearfix{*zoom:1;}
*{-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
::-webkit-scrollbar{width: 8px;}
::-webkit-scrollbar-thumb{background: #bbbbbb; background: rgba(0, 0, 0, 0.15); border-radius: 5px;}
::-webkit-scrollbar-track{background: #dddddd; background: rgba(0, 0, 0, 0.05);}

/*自定义字体*/
@font-face {
    font-family: 'DINFONT';
    font-display: swap;
    src: url('../fonts/DINMedium.eot'); /* IE9*/
    src: url('../fonts/DINMedium.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../fonts/DINMedium.woff2') format('woff2'),
         url('../fonts/DINMedium.woff') format('woff'), /* chrome、firefox */
         url('../fonts/DINMedium.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
         url('../fonts/DINMedium.svg#DINMedium') format('svg'); /* iOS 4.1- */
}