html,body,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,a,p,span,strong,b,input,textarea,button,table,tr,td,th,em,i,var,div,img
{
    margin: 0;
    padding: 0;
    font-weight: normal;
}
html,body{
    /*-ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%;*/
    /*-webkit-overflow-scrolling: touch;*/
    /*touch-action: auto;*/
    /*overflow-x: hidden;*/
    -webkit-appearance: none;
    max-width: 750px;
    /*margin:  0 auto;*/
    position: relative;
    font-size: 0.28rem;
    font-family: 'fanzhen',"Microsoft YaHei", "Helvetica Neue", Helvetica, STHeiTi, Arial, sans-serif;
    background: #fff;
    margin: 0 auto;
}
/* ·½Õý */
@font-face {
    font-family:'fanzhen';
    src: url(../fonts/fanzhen.eot);
    src: url(../fonts/fanzhen.eot?#iefix) format('embedded-opentype'),
    url(../fonts/fanzhen.woff) format('woff'),
    url(../fonts/fanzhen.ttf) format('truetype'),
    url(../fonts/fanzhen.svg#DIN-Medium) format('svg');
}
body {
    -webkit-overflow-scrolling: touch;
    overflow-scrolling: touch;
    min-height: 100%;
}
h4,h5,h6{
    font-weight: inherit;
}
li{   list-style: none;  }
table{  border-collapse: collapse; border-spacing: 0;  }

em,i{
    font-style: normal;
    box-sizing: border-box;
}

input::-moz-placeholder, textarea::-moz-placeholder { color: #c3c3c3; }
input:-ms-input-placeholder, textarea:-ms-input-placeholder { color: #c3c3c3; }
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #c3c3c3; }

b,strong{
    display: block;
}
a,i,strong,em,b{
    display: inline-block;
    color: inherit;
    text-decoration: none;
    -webkit-tap-highlight-color: transparent;
}
p{
    text-align: justify;
    word-wrap: break-word;
    word-break: normal;
}
img {
    display: block;
    height: 100%;
}
input,textarea,button{
    background-color: transparent;
    box-sizing: border-box;
    border: none;
    outline: none;
    border-radius: 0;
}

div,ul,li{display: block;box-sizing: border-box;}

.wrap{padding: 0 .3rem;width: 100%;}

.clearfix{}
.clearfix::after,.clearfix::before{display: block;content: '';clear: both;font-size: 0;}

.img{display: block;width: 100%;overflow: hidden;}
.img img{display: block;width: 100%;}
p.img img{display: block;max-width: 100%;margin: 0 auto;}


::-webkit-scrollbar{
    width: 0;
    background-color: transparent;
}
::-webkit-scrollbar-thumb{
    background-color: transparent;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}



@font-face {
    font-family: 'Din';
    src: url('../fonts/din-medium_1.eot');
    src: url('../fonts/DIN-MEDIUM_1.otf')format('otf'),
    url('../fonts/DIN-MEDIUM_1.eot?#iefix') format('embedded-opentype'),
    url('../fonts/din-medium_1.woff') format('woff'),
    url('../fonts/din-medium_1.woff2') format('woff2'),
    url('../fonts/din-medium_1.ttf') format('truetype'),
    url('../fonts/din-medium_1.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'RUBIK';
    src: url('../fonts/rubik-regular-webfont_1.eot');
    src: url('../fonts/RUBIK-REGULAR-WEBFONT_1.otf')format('otf'),
    url('../fonts/RUBIK-REGULAR-WEBFONT_1.eot?#iefix') format('embedded-opentype'),
    url('../fonts/rubik-regular-webfont_1.woff') format('woff'),
    url('../fonts/rubik-regular-webfont_1.woff2') format('woff2'),
    url('../fonts/rubik-regular-webfont_1.ttf') format('truetype'),
    url('../fonts/rubik-regular-webfont_1.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'DINPro';
    src: url('../fonts/DINPro-Light.eot');
    src: url('../fonts/DINPro-Light.otf')format('otf'),
    url('../fonts/DINPro-Light.eot?#iefix') format('embedded-opentype'),
    url('../fonts/DINPro-Light.woff') format('woff'),
    url('../fonts/DINPro-Light.woff2') format('woff2'),
    url('../fonts/DINPro-Light.ttf') format('truetype'),
    url('../fonts/DINPro-Light.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}