* {

  padding: 0;

  margin: 0;

  box-sizing: border-box;

}



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

  html,

  body {

    font-size: 16px;

  }

}

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

  html,

  body {

    font-size: 32px;

  }

}

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

  html,

  body {

    font-size: 40px;

  }

}

html,

body {

  overflow-x: hidden;

  font-family: 'Microsoft YaHei', sans-serif, 'Helvetica Neue', Helvetica, Arial,

    '黑体', '宋体', Arial;

  min-width: 0 !important;

  background-color: #f3f8fc;

}



a,

body,

center,

cite,

code,

dd,

del,

div,

dl,

dt,

em,

fieldset,

figcaption,

figure,

footer,

form,

h1,

h2,

h3,

h4,

h5,

h6,

header,

hr,

html,

img,

input,

label,

legend,

li,

mark,

ol,

p,

section,

span,

textarea,

time,

td,

th,

ul {

  margin: 0;

  padding: 0;

  border: 0;

  font-style: normal;

  box-sizing: border-box;

  word-wrap: break-word;

  word-break: break-all;

}



article,

aside,

details,

fieldset,

figcaption,

figure,

footer,

header,

main,

nav,

section {

  display: block;

}



button,

input,

textarea {

  -webkit-appearance: none;

  border: 0;

  margin: 0;

  padding: 0;

  outline: none;

  background-color: transparent;

}



textarea {

  resize: none;

  -webkit-appearance: none;

}



input,

textarea,

a,

button {

  -webkit-tap-highlight-color: transparent;

  color: #333;

}



a,

a:visited {

  text-decoration: none;

}

a:focus,

a:active,

a:hover {

  outline: none;

}



ol,

li,

ul {

  list-style: none;

}



img {

  border-style: none;

  font-size: 0;

}



input:-webkit-autofill,

textarea:-webkit-autofill,

select:-webkit-autofill {

  -webkit-box-shadow: 0 0 0 1000px #fff inset;

}



button {

  cursor: pointer;

}



.container {

  width: 100%;

  padding: 0 1.25rem;

}