html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header,
menu, nav, output, ruby, section, summary,
time, mark, audio, video, input {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font-weight: normal;
    vertical-align: baseline;
}

html {
  font-family: sans-serif; 
  -ms-text-size-adjust: 100%; 
  -webkit-text-size-adjust: 100%; 
}
body {
    line-height: 1;
    -webkit-text-size-adjust: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    background-color: #f3f3f3;
    color: #333;   
    font-size: 0.38rem !important;
    font-family: -apple-system, BlinkMacSystemFont, "PingFang SC","Helvetica Neue",STHeiti,"Microsoft Yahei",Tahoma,Simsun,sans-serif,Helvetica;
}
table {border-collapse: collapse;border-spacing: 0;}
td,th {padding: 0;}
a {color: #333;text-decoration: none;-webkit-backface-visibility: hidden;background-color: transparent;display: block;}
a:focus, a:active, a:link, a:visited, a:hover {outline: 0;text-decoration: none;-webkit-tap-highlight-color: rgba(0, 108, 255, 0.21);}
li {list-style: none;}
img {border: 0;}


article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary {display: block;}
audio,canvas,progress,video {display: inline-block; vertical-align: baseline; }
audio:not([controls]) {display: none;height: 0;}
[hidden],template {display: none;}

abbr[title] {text-decoration: none;border:none;}
dfn {font-style: italic;}
mark {background: #ff0;color: #000;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,q:before, q:after {content: none;}
sub,sup {font-size: 75%;line-height: 0;position: relative;vertical-align: baseline;}
sup {top: -0.5em;}
sub {bottom: -0.25em;}
figure {margin: 1em 40px;}
b,strong {font-weight: bold;}
small {font-size: 80%;}
svg:not(:root) {overflow: hidden;}
hr {-moz-box-sizing: content-box;box-sizing: content-box;height: 0;}
pre {overflow: auto;}
code,kbd,pre,samp {font-family: monospace, monospace;}
fieldset {border: 1px solid #c0c0c0;margin: 0 2px;padding: 0.35em 0.625em 0.75em;}
legend {border: 0; padding: 0; }

button,input,optgroup,select,textarea {color: inherit; font: inherit; margin: 0; }
button {overflow: visible;}
button,select {text-transform: none;}
button,html input[type="button"], 
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button; 
  cursor: pointer; 
}
button[disabled],html input[disabled] {cursor: default;}
button::-moz-focus-inner,
input::-moz-focus-inner {border: 0;padding: 0;}
input {line-height: normal;}
input[type="checkbox"],
input[type="radio"] {box-sizing: border-box; padding: 0; }
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {height: auto;}

input[type="search"] {
  -webkit-appearance: textfield; 
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box; 
  box-sizing: content-box;
}
textarea {overflow: auto;}
optgroup {font-weight: bold;}
select,input,textarea {
  appearance:none;
  -moz-appearance:none;
  -webkit-appearance:none;
  width: 100%;
  background: transparent;
  border: none;
  box-sizing: border-box;
 }

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

:-moz-placeholder {color: #c1c1c1;opacity:1;}
::-moz-placeholder {color: #c1c1c1;opacity:1;}
input:-ms-input-placeholder{color: #c1c1c1;opacity:1;}
input::-webkit-input-placeholder{color: #c1c1c1;opacity:1;}


.tans3 { transition: all 0.5s;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-ms-transform:all 0.5s;}