@charset "UTF-8";
/* rem 单位换算：定为 75px 只是方便运算，750px-75px、640-64px、1080px-108px，如此类推 */
/*iPhone 6尺寸的根元素大小基准值 */
/* 根元素大小使用 vw 单位 */
html {
  font-size: 20vw;  
}

@media screen and (max-width: 320px) {
  html {
    font-size: 64px;
  }
}

@media screen and (min-width: 540px) {
  html {
    font-size: 108px;
  }
}

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-family: 'PingFang SC-Regular';
}

html,
body {
    color: #333;
    margin: 0;
    height: 100%;
    font-family: "Myriad Set Pro", "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;

    font-family: Arial, sans-serif;
    /* font-size: 14px; */
    font-weight: normal;
    /* line-height: 1.4; */
    /* background: #f9f9f9; */
    /* background: linear-gradient(180deg, #339CEA 100%, #1149A0 100%); */
    color: #333333;
}

a,
label,
button,
input,
select {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

img {
    border: 0;
}


html,
body,
div,
dl,
dt,
dd,
ol,
ul,
li,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
button,
fieldset,
form,
input,
legend,
textarea,
th,
td {
    margin: 0;
    padding: 0;
}

table {
    border-collapse: collapse;
    /* 合并边框，避免两条边框相交时出现两倍线的现象 */
}

td,
th {
    border: none;
    /* 去掉单元格边框 */
}

a {
    text-decoration: none;
    color: #333333;
    /* color: #08acee; */
    /* color: #0090E2; */
}

button {
    outline: 0;
}

img {
    border: 0;
}

button,
input,
optgroup,
select,
textarea {
    margin: 0;
    font: inherit;
    color: inherit;
    outline: none;
}

li {
    list-style: none;
}

.clearfix::after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}

.clearfix {}