/* 清零 */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td { margin: 0; padding: 0; }
table { border-collapse: collapse; border-spacing: 0; }
fieldset, img { border: 0; }
address, caption, cite, code, dfn, em, th, var { font-style: normal; font-weight: normal; }
ol, ul { list-style: none; }
caption, th { text-align: left; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; }
q:before, q:after { content: ''; }
a:focus { outline-style: none; }
abbr, acronym { border: 0; font-variant: normal; }
sup { vertical-align: text-top; }
sub { vertical-align: text-bottom; }
input, select { font-family: inherit; font-size: inherit; font-weight: inherit; vertical-align: middle; outline: none; }
textarea { resize: none; font-family: inherit; font-size: inherit; font-weight: inherit; outline: none; }
/*------ 定义字体 ---------- */
@font-face {
    font-family: 'Cera-Pro-Bold';
    src: url(../fonts/Cera-Pro-Bold.ttf);
}
@font-face {
    font-family: 'Cera-Pro-Light';
    src: url(../fonts/Cera-Pro-Light.ttf);
}
@font-face {
    font-family: 'Cera-Pro-Medium';
    src: url(../fonts/Cera-Pro-Medium.ttf);
}
@font-face {
    font-family: 'VisueltPro-Bold';
    src: url(../fonts/VisueltPro-Bold.ttf);
}
@font-face {
    font-family: 'VisueltPro-Regular';
    src: url(../fonts/VisueltPro-Regular.ttf);
}
/* 常用样式 */
html { font-size: 100%; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
body { font: 0.75rem/1.3 Roboto, sans-serif; background: #fff; overflow-x: hidden; color: #707070; }
/* 清浮动 */
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
/* 去除触屏设备上a点击时的背景色 */
a, input, textarea, a:focus, input:focus, a:active, input:active { -webkit-tap-highlight-color: rgba(0, 0, 0, 0) !important; -webkit-tap-highlight-color: transparent !important; text-decoration: none; }

/* 去除type=number的默认样式 */
input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{
    -webkit-appearance: none !important; 
}/* chrome */
input[type="number"]{
    -moz-appearance:textfield;/* firefox */
}
button { cursor: pointer; }
/*改变input的placeholder的颜色*/
::-webkit-input-placeholder { /* WebKit browsers */
    color:    #bcbcbc;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    #bcbcbc;
   opacity:  1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    #bcbcbc;
   opacity:  1;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
   color:    #bcbcbc;
}

/* @media screen and (max-width:1024px){
    html {
        font-size: 2rem;
	}
} */

@media screen and (min-width:642px){
    html {
        font-size: 1.5rem;
	}
}

@media (max-width:641px) {
    html {
        font-size: 1.4rem;
    }
}

@media (max-width:541px) {
    html {
        font-size: 1.3rem;
    }
}

@media (max-width:481px) {
    html {
        font-size: 1.2rem;
    }
}

@media (max-width:415px) {
    html {
        font-size: 1.1rem;
    }
}

@media (max-width:376px) {
    html {
        font-size: 1rem;
    }
}

@media (max-width:361px) {
    html {
        font-size: 0.96rem;
    }
}

@media (max-width:321px) {
    html {
        font-size: 0.85rem;
    }
}