@charset "UTF-8";
html{-webkit-text-size-adjust:none; -webkit-tap-highlight-color: transparent;overflow-x: hidden; height: 100%; font-size: 312.5%;background-color:#fff; font-family: Helvetica;}
body{color:#333;font-size:.28em;line-height:1.5;-webkit-overflow-scrolling:touch;}
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0}
img {vertical-align:middle;border:0}
h1,h2,h3,h4,h5,h6{font-weight:normal;}
ul,ol,li{list-style:none;}
em,i{font-style:normal}
img{border:none}
input, select { border-radius: 0;}
input,img{vertical-align:middle}
textarea:focus{outline:0}
input,textarea,button{ outline: 0; border: none;}
a{color:#333;text-decoration:none;outline:0}
a:active,a:hover,a.current{outline:0}

input, button, select, textarea {line-height:1;letter-spacing: normal;word-spacing: normal;text-transform: none;text-indent:0;text-shadow: none; vertical-align:middle}
button, input, optgroup, select, textarea {color:inherit;margin:0;-webkit-writing-mode: horizontal-tb;}
button, html input[type=button], input[type=reset], input[type=submit] {-webkit-appearance:button;cursor:pointer}

article, aside, footer, header, hgroup, nav, section {display: block; font-family: microsoft yahei;}


/* 去掉有时候右能划出空白的bug */
html, body { width:100%;}

/*sans-serif */
@media screen and (min-width:350px){
	html{font-size:342%;}
}
@media screen and (min-width:360px){
	html{font-size:351.56%;}
}
@media screen and (min-width:375px){
	html{font-size:366.2%;}
}
@media screen and (min-width:384px){
	html{font-size:375%;}
}
@media screen and (min-width:390px){
	html{font-size:380.85%;}
}
@media screen and (min-width:393px){	/* 小米NOTE */
	html{font-size:383.79%;}
}
@media screen and (min-width:410px){
	html{font-size:400%;}
}
@media screen and (min-width:432px){ /* 魅族3 */
	html{font-size:421.875%;}
}
@media screen and (min-width:480px){
	html{font-size:469%;}
}
@media screen and (min-width:540px){
	html{font-size:527.34%;}
}
@media screen and (min-width:640px){
	html{font-size: 625%;}
}

@media screen and (width:720px){
	html{font-size: 703.125%;}
}

/* ============================================================
   flex：定义布局为盒模型
   flex-v：盒模型垂直布局
   flex-1：子元素占据剩余的空间
   flex-align-center：子元素垂直居中
   flex-pack-center：子元素水平居中
   flex-pack-justify：子元素两端对齐
   兼容性：ios 4+、android 2.3+、winphone8+
   ============================================================ */
.flex { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }
.flex-v { -webkit-box-orient: vertical; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; }
.flex-1 { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; }
.flex-align-center { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }
.flex-pack-center { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }
.flex-pack-justify { -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; }