@charset "utf-8";
*{ margin:0; padding:0; outline: 0; box-sizing: border-box;
	-webkit-overflow-scrolling:touch; /*help div scroll */
	/* webkit private property */
	-webkit-user-select: text;  /*用户是否可以选择， none|text|all|element */
	/*-webkit-appearance:   none; /*改变按钮和其他控件的外观，使其类似于原生控件。 none | button | button-bevel ....*/
	-webkit-touch-callout: default; /* 当你触摸并按住触摸目标时候，禁止或显示系统默认菜单。none | default*/
	-webkit-tap-highlight-color: transparent;  /* 当用户点击iOS的Safari浏览器中的链接或JavaScript的可点击的元素时，覆盖显示的高亮颜色。*/
 }

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,hr,p,blockquote,pre,a,abbr,acronym,del,cite,address,small,sub,sup,b,u,i,center,font,em,strong,dl,dt,dd,ul,ol,li,form,fieldset,legend,table,caption,thead,tbody,tfoot,tr,th,td{margin:0;padding:0;outline:none;}
html,body{font:normal 0.6rem/1.5 "microsoft yahei", 'Helvetica Neue',Helvetica, STHeiti Light, Heiti SC, Arial, Helvetica, sans-serif, 'arial', 'Tahoma','simsun';color:#666666;}ul,ol{list-style-type:none}a{text-decoration:none;blr:expression(this.onFocus=this.blur());color:#666666;}
a:hover{text-decoration:none;/*color:#cc0000;*/} a:focus{outline:none;}li:focus{outline:none;}fieldset,img{border:0}q,blockquote{quotes:"" ""}q:before,q:after,blockquote:before,blockquote:after{content:""}
del{text-decoration:line-through}ins{text-decoration:underline}sup{vertical-align:super;}sub{vertical-align:sub;}cite,em,dfn{font-style:normal;}
table{border-collapse:collapse;border-spacing:0;}caption,th,td{font-weight:normal;text-align:left;}input,textarea,select,button{font-size:100%;font-family:inherit;margin:0;padding:0;}label,button{cursor:pointer}
textarea{white-space:pre;resize:none;border:1px solid #ececec;}button,input,select,textarea{font-size:100%;}
article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary{margin:0;padding:0;display:block;border:0;font-size:100%;}
img{border:none; display: inline-block;}
/*  form Styles  */
/* input[type=text],input[type=password]{border:1px solid #d8d8d8;background: #fff;height:1.6rem;line-height:1.6rem;padding:0px 0.25rem;width:9.8rem;color:#666;}
.data-text{border:1px solid #d8d8d8;background: #fff;height:1.6rem;line-height:1.6rem;padding:0px 0.25rem;width:9.8rem;color:#666;}
h1,h2,h3,h4,h5,h6{font-weight: normal;} */

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

.fixed_side { position: fixed; }

html,body { font-size: 10px; }
.header { top: 0; left:0; right: 0; min-height: 4.4rem; text-align: center; box-shadow: 0 0 5px #888;}
.footer { bottom: 0; left:0; right: 0; min-height: 5rem; text-align: center; }
.main{ margin: 0; padding: 0.1rem 0; }
.main_content { position: fixed; top: 0; bottom: 0; left:0; right: 0; overflow: hidden; }
.header.fixed_side ~ .main_content { top: 4.4rem; }
.header.fixed_side ~ .main { margin-top: 4.4rem; }
.footer.fixed_side ~ .main_content { bottom: 5rem; }
.footer.fixed_side ~ .main { bottom: 5rem; }
.header.visible_hidden ~ .main_content { top: 0; }
.scroll_style { overflow: auto; -webkit-overflow-scrolling:touch; } /* 配合fixed 才会有indicator */