@charset "utf-8";
/*
	http://meyerweb.com/eric/tools/css/reset/ 
	v2.0 | 2011/2/28 
 	-----------------------------------------
	westdrug | 2015(yy)/03(mm)/20(dd) 
	http://www.268xue.com
*/

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,font,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
{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1; 
	-webkit-font-smoothing: antialiased;		/* Fix for webkit rendering */
	-webkit-text-size-adjust: 100%;				/* Fix for webkit minFont size */
	-webkit-tap-highlight-color	:rgba(0,0,0,0);	/* Remove highlight on tap event*/
	-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);	
	/* 上面的css是用来禁止用户选中 */
	font-family: "Helvetica Neue","SimHei",\5FAE\8F6F\96C5\9ED1,Tohoma; /* mac字体，微软雅黑，xp字体，宋体有点问题，所以不用，除非自写*/
}
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
/* remember to define focus styles! */
:focus { outline: 0; }
/* remember to highlight inserts somehow! */
ins { text-decoration: none; }
del { text-decoration: line-through; }
/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: collapse; border-spacing: 0; }
caption, th, td {
  text-align: left;
  font-weight: normal;
  float:none !important;
}
table, th, td {
  vertical-align: middle;
}
em,i {font-style:normal;}
/* Remove annoying border on linked images. */
a,img { border: none; text-decoration:none; }

/* Remember to define your own focus styles! */
:focus { outline: 0; }
/* 移动端字体单位等比例适配 :: rem */
@media only screen and (max-width:300px){
	body{font-size:8.33333px}
}
@media only screen and (max-width:310px) and (min-width:300px){
	body{font-size:8.33333px}
}
@media only screen and (max-width:320px) and (min-width:310px){
	body{font-size:8.61111px}
}
@media only screen and (max-width:350px) and (min-width:320px){
	body{font-size:8.88889px}
}
@media only screen and (max-width:360px) and (min-width:350px){
	body{font-size:9.72222px}
}
@media only screen and (max-width:400px) and (min-width:360px){
	body{font-size:10px}
}
@media only screen and (max-width:470px) and (min-width:400px){
	body{font-size:11.11111px}
}
@media only screen and (max-width:480px) and (min-width:470px){
	body{font-size:13.05556px}
}
@media only screen and (max-width:540px) and (min-width:480px){
	body{font-size:13.33333px}
}
@media only screen and (max-width:560px) and (min-width:540px){
	body{font-size:15px}
}
@media only screen and (max-width:570px) and (min-width:560px){
	body{font-size:15.55556px}
}
@media only screen and (max-width:630px) and (min-width:570px){
	body{font-size:15.83333px}
}
@media only screen and (max-width:640px) and (min-width:630px){
	body{font-size:17.5px}
}
@media only screen and (max-width:710px) and (min-width:640px){
	body{font-size:17.77778px}
}
@media only screen and (min-width:720px) and (max-width:749px) {
    body {font-size: 22.5px}
}
@media only screen and (min-width:750px) and (max-width:799px) {
    body {font-size: 23.5px}
} 
@media only screen and (min-width:800px) and (max-width:959px) {
    body {font-size: 25px}
}
@media only screen and (min-width:960px) and (max-width:1079px) {
    body {font-size: 30px}
}
@media only screen and (min-width:1080px) {
    body {font-size: 32px}
}
/* #Clearing
================================================== */
.clearfix:before, .clearfix:after { content: ""; display: table; font-size:0 !important; line-height:0!important; height:0!important;}  
.clearfix:after { clear: both; }
.clear {clear: both;display: block;overflow: hidden;visibility: hidden;width: 0;height: 0;}
.fl {float: left;}.fr {float: right;}.vam {vertical-align: middle;}