@CHARSET "UTF-8";
html{ margin: 0; padding: 0; border: 0;}
*{ margin: 0; padding: 0;}
body,div,span,object,iframe,h1,h2,h3,h4,p,blockquote,pre,a,address,code,b,em,img, dl,dt,dd,ol,ul,li,fieldset,form,label,footer, header,hgroup,nav,section{ margin: 0; padding: 0; border: 0;}
body{ background: #fff; color: #333; position: relative; font: 14px/1.5 Microsoft YaHei, arial, 宋体, sans-serif; vertical-align: baseline; width: 100%; overflow-x: hidden;}
a{ text-decoration: none; outline: none;}
a:link{ color: #333;}
a:visited{ color: #333;}
a:hover,a:active,a:focus{ text-decoration: none; outline: none;}
input{ padding: 0; margin: 0; font-family: 'Microsoft YaHei';}
img{ border: none; background: none; vertical-align: middle;}
ul,ol,li{ list-style-type: none;}
select,input,img,select{ vertical-align: middle;}
table{ border-collapse: collapse; border-spacing: 0}
table, th, td{ vertical-align: middle}
i{ font-style: normal;}
h1, h2, h3,h4,h5, h6, b{font-weight: normal;font-size: 100%;}
hr{ border: 0; border-top: 1px solid #ccc; height: 0;}
.clearfix:after{ content: "."; display: block; height: 0; clear: both; overflow: hidden; visibility: hidden;}
.clearfix{ zoom: 1}
.clearboth{ height: 0px; line-height: 0px; overflow: hidden; clear: both; font-size: 0px;}
.fl{ float: left;}
.fr{ float: right;}
.general_size{ width: 1200px; margin: 0 auto;}
@-webkit-keyframes bounce-up{ 25%{-webkit-transform: translateY(2px);}
	50%, 100%{-webkit-transform: translateY(0);}
	75%{-webkit-transform: translateY(-2px);}
	}
@keyframes bounce-up{ 25%{transform: translateY(2px);}
	50%, 100%{transform: translateY(0);}
	75%{transform: translateY(-2px);}
	}
@keyframes msClock{ 0%,90%,100%{ transform: rotate(0) scale(1);}
	20%,40%{ transform: rotate(-15deg) scale(1.1);}
	30%,50%{ transform: rotate(15deg) scale(1.1);}
	}