/* CSS Reset*/
  
html {width:100%;height: 100%; font-family:"mySecondFont","PingFang SC","微软雅黑"; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; font-size: 62.5%; }
body { margin: 0; line-height: 1.1; color: #000; width:100%;height: 100%; overflow-x: hidden; -webkit-overflow-scrolling: touch;  }

article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; }
a { background: transparent; text-decoration: none; color: #000; }
a:active { outline: 0; }
b, strong { font-weight: bold; }
dfn { font-style:normal;}
img { border: 0; vertical-align: middle; }
* {-webkit-tap-highlight-color: rgba(0,0,0,0);-webkit-tap-highlight-color: transparent; /* For some Androids */outline: none;list-style: none;margin:0;padding:0;}

div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,p {padding: 0;margin: 0;}
table,td,tr,th {font-size: 12px;}
ol,ul {list-style: none;}
li {list-style-type: none;}
img {border: 0;display: block;}
h1,h2,h3,h4,h5,h6 {font-size: inherit;font-weight: normal;}
address,cite,code,em,th,i {font-weight: normal;font-style: normal;}
.hx a,.hx em,.fB {font-weight: bold;}
a {text-decoration: none;}
a:visited {text-decoration: none;}
a:hover {text-decoration: none;}
a,input,button,textarea{outline:none; background-color:transparent; appearance:none; -moz-appearance:none; -webkit-appearance: none;}
a,input,button,select,textarea{outline:none;}
a:active,a:hover,li,p,button{outline: none; border:0; background: none; -webkit-tap-highlight-color: transparent;-moz-tap-highlight-color: transparent; -ms-tap-highlight-color: transparent; -o-tap-highlight-color: transparent;}
a,input,i,li,p,button{-webkit-tap-highlight-color:rgba(0,0,0,0); -moz-tap-highlight-color:rgba(0,0,0,0); -ms-tap-highlight-color:rgba(0,0,0,0);tap-highlight-color:rgba(0,0,0,0);font-family:"mySecondFont","PingFang SC";}
input::-moz-placeholder, textarea::-moz-placeholder { color: #999; }
input:-ms-input-placeholder, textarea:-ms-input-placeholder { color: #999; }
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #999; }

.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden;}
.clearfix { display:inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height:1%;}
.clearfix { display:block;}

@font-face{
	font-family: 'myFirstFont';
	src: url('../font/sourcehansansk-bold.ttf') format('truetype'),
			 url('../font-face/SourceHanSansCN-Bold.otf') format('otf');
}
@font-face{
	font-family: 'mySecondFont';
	src: url('../font-face/SourceHanSansK-Regular.ttf') format('truetype'),
			 url('../font-face/SourceHanSansCN-Regular.otf') format('otf');
}
@font-face{
	font-family: 'mythreeFont';
	src: url('../font-face/SourceHanSansK-Medium.ttf') format('truetype'),
			 url('../font-face/SourceHanSansCN-Medium.otf') format('otf');
}