@charset "utf-8";

* {

    margin: 0;

    padding: 0;

    box-sizing: border-box;

}
body{
  width: 100%;
  overflow-x: hidden;
}


body,

ul,

ol,

dl,

dd,

h1,

h2,

h3,

h4,

h5,

h6,

figure,

form,

fieldset,

legend,

input,

textarea,

button,

p,

blockquote,

th,

td,

pre,

xmp {

    margin: 0;

    padding: 0;

}



body {

    padding-bottom: 5.28rem;

}



body,

input,

textarea,

button,

select,

pre,

xmp,

tt,

code,

kbd,

samp {

    font-family: tahoma, arial, "Hiragino Sans GB", simsun, sans-serif;

}



h1,

h2,

h3,

h4,

h5,

h6,

small,

big,

input,

textarea,

button,

select {

    font-size: 100%;

}



h1,

h2,

h3,

h4,

h5,

h6 {

    font-family: tahoma, arial, "Hiragino Sans GB", "微软雅黑", simsun, sans-serif;

}



h1,

h2,

h3,

h4,

h5,

h6,

b,

strong {

    font-weight: normal;

}



address,

cite,

dfn,

em,

i,

optgroup,

var {

    font-style: normal;

}



table {

    border-collapse: collapse;

    border-spacing: 0;

    text-align: left;

}



caption,

th {

    text-align: inherit;

}



ul,

ol,

menu {

    list-style: none;

}



fieldset,

img {

    border: 0;

}



img,

object,

input,

video,

textarea,

button,

select {

    vertical-align: middle;

}



audio,

canvas,

video {

    display: inline-block;

    *display: inline;

    *zoom: 1;

}



blockquote:before,

blockquote:after,

q:before,

q:after {

    content: "\0020";

}



textarea {

    overflow: auto;

    resize: vertical;

}



input,

textarea,

button,

select,

a {

    outline: 0 none;

    border: none;

}



button::-moz-focus-inner,

input::-moz-focus-inner {

    padding: 0;

    border: 0;

}



mark {

    background-color: transparent;

}



a,

ins,

s,

u,

del {

    text-decoration: none;

}



sup,

sub {

    vertical-align: baseline;

}



html {

    overflow-x: hidden;

    height: 100%;

    font-size: 16px;

    -webkit-tap-highlight-color: transparent;

    /* max-width: 750px; */

    margin: 0 auto;

}



body {

    font-family: Arial, "Microsoft Yahei", "Helvetica Neue", Helvetica, sans-serif;

    color: #333;

    -webkit-text-size-adjust: none;

    min-height: 100%;

    /* 适配iphoneX 

        给 fixed 定位底部导航加上

        padding-bottom: constant(safe-area-inset-bottom);

        padding-bottom: env(safe-area-inset-bottom);

    */

    padding-bottom: constant(safe-area-inset-bottom);

    padding-bottom: env(safe-area-inset-bottom);

}



hr {

    height: .02rem;

    margin: .1rem 0;

    border: medium none;

    border-top: .02rem solid #cacaca;

}



a {

    color: #333;

    text-decoration: none;

}



@media screen and (min-width: 375px) {

    html {

        /* iPhone6的375px尺寸作为16px基准，414px正好18px大小, 600 20px */

        font-size: calc(100%+2 *(100vw - 375px) / 39);

        font-size: calc(16px+2 *(100vw - 375px) / 39);

    }

}



@media screen and (min-width: 414px) {

    html {

        /* 414px-1000px每100像素宽字体增加1px(18px-22px) */

        font-size: calc(112.5%+4 *(100vw - 414px) / 586);

        font-size: calc(18px+4 *(100vw - 414px) / 586);

    }

}



@media screen and (min-width: 600px) {

    html {

        /* 600px-1000px每100像素宽字体增加1px(20px-24px) */

        font-size: calc(125%+4 *(100vw - 600px) / 400);

        font-size: calc(20px+4 *(100vw - 600px) / 400);

    }

}



@media screen and (min-width: 1000px) {

    html {

        /* 1000px往后是每100像素0.5px增加 */

        font-size: calc(137.5%+6 *(100vw - 1000px) / 1000);

        font-size: calc(22px+6 *(100vw - 1000px) / 1000);

    }

}



.bg {

    min-height: 100%;

    background: #656668;

}



.c {

    clear: both;

}



.left-0 {

    margin-left: 0!important;

}