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, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video, input {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
html *{outline:0;-webkit-text-size-adjust:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}
body,html {font-family: PingFangSC-Regular, Helvetica, STHeiti STXihei, Microsoft YaHei, Microsoft JhengHei, Arial;}


body {
	line-height: 1;
    color: #333;
    -ms-text-size-adjust: 100%; 
    -webkit-text-size-adjust: 100%; 
    background-color:#f3f3f3;
    font-size: 0.38rem !important; 
}
body {  
	
    -webkit-text-size-adjust: 100% !important;  
    text-size-adjust: 100% !important;  
    -moz-text-size-adjust: 100% !important;  
}

a {color:#333;display:block;}
a:link {  text-decoration: none;}
a:visited { text-decoration: none;}
a:hover { text-decoration: none;}
a:active { text-decoration: none; }
fieldset,img{border:0}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

strong { font-weight: 700; }
table {
	border-collapse: collapse;
	border-spacing: 0;
}

a { text-decoration: none; -webkit-appearance: none; -webkit-user-select: none;}
button { -webkit-user-select: none; }

input[type="button"], input[type="submit"], input[type="reset"], select { -webkit-appearance: none; }
textarea {  -webkit-appearance: none;}   
input,button,select,textarea{ border-radius: 0;}
input,select,textarea{font-size:100%}
* { outline: none; -webkit-tap-highlight-color: rgba(0, 108, 255, 0.21); }
a:focus, a:active, a:link, a:visited, a:hover { outline: none; text-decoration: none; -webkit-tap-highlight-color: rgba(0, 108, 255, 0.21); }

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


select,input {
  appearance:none;
  -moz-appearance:none;
  -webkit-appearance:none;
  width: 100%;background: transparent;
  border: none;
  box-sizing: border-box;
 }
 
:-moz-placeholder {color: #c3c3c3; opacity:1;}
::-moz-placeholder {color: #c3c3c3;opacity:1;}
input:-ms-input-placeholder{color: #c3c3c3;opacity:1;}
input::-webkit-input-placeholder{color: #c3c3c3;opacity:1;}

.scatter {
text-align:justify;
text-justify:distribute-all-lines;
text-align-last:justify;
-moz-text-align-last:justify;
-webkit-text-align-last:justify;
}

@media screen and (-webkit-min-device-pixel-ratio:0){

.scatter:after{
  content:".";
  display: inline-block;
  width:100%;
  overflow:hidden;
  height:0;}
}


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