/*base*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td { margin:0 auto; padding:0; }
body { color:#555; font-size:14px; font-family: Microsoft YaHei, Verdana, Arial, Helvetica, sans-serif; }
td,th,caption { font-size:14px; }
h1, h2, h3, h4, h5, h6 { font-weight:normal; font-size:100%; }
address, caption, cite, code, dfn, em, th, var { font-style:normal; font-weight:normal;}
a {text-decoration:none; }
a:hover { text-decoration:none; }
img { border:none;  padding:0; margin:0 auto;}
ol,ul,li { list-style:none; }
input, textarea, select, button { font:14px Verdana,Helvetica,Arial,sans-serif; }
table { border-collapse:collapse; }
/* css common */
.clearfix:after {content: "."; display: block; height:0; clear:both; visibility: hidden;}
.clearfix { *zoom:1; }
/* End hide from IE-mac */ 
/*html5*/
article, aside, dialog, footer, header, section, footer, nav, figure, menu { display: block; }
/*common*/
.w980{ width:980px;}
.w1000{ width:1000px;}
.w1200{ width:1000px;}
.w_100{ width:100%;}
.fl{ float:left;}
.fr{ float:right;}
.mr0{ margin-right: 0px;}
.mt20{ margin-top:20px;}
.mt30{ margin-top:30px;}
.mt40{ margin-top:40px;}
.mt80{ margin-top: 80px;}
.mb20{ margin-bottom:20px;}
.mb40{ margin-bottom:40px;}
.mb120{ margin-bottom: 120px;}

/**load**/
.page-loader { position: fixed; background: #fff; bottom: 0; right: 0; left: 0; top: 0; z-index: 9998; }
.loader { position: absolute; border-left: 2px solid #b2b2b2; border-top: 2px solid rgba(245, 245, 245, 0.8); border-right: 2px solid rgba(245, 245, 245, 0.8); border-bottom: 2px solid rgba(245, 245, 245, 0.8); height: 46px; width: 46px; left: 50%; top: 50%; margin: -23px 0 0 -23px; text-indent: -9999em; font-size: 10px; z-index: 9999; -webkit-animation: load 0.8s infinite linear; -moz-animation: load 0.8s infinite linear; ms-animation: load 0.8s infinite linear; o-animation: load 0.8s infinite linear; animation: load 0.8s infinite linear; }
.loader, .loader:after { border-radius: 50%; width: 46px; height: 46px; }
 @-webkit-keyframes load {
 0% {
 -webkit-transform: rotate(0deg);
 transform: rotate(0deg);
}
 100% {
 -webkit-transform: rotate(360deg);
 transform: rotate(360deg);
}
}
 @keyframes load {
 0% {
 -webkit-transform: rotate(0deg);
 transform: rotate(0deg);
}
 100% {
 -webkit-transform: rotate(360deg);
 transform: rotate(360deg);
}
}

