/* reset */  
@font-face {
    font-family: "syst"; /* Project id  */
    src: url('../fonts/syst.woff2') format('woff2');
}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td,input,select,textarea,button {margin:0;padding:0}  /* Ã¥Ë†ÂÃ¥Â§â€¹Ã¥Å’â€“Ã¦Â â€¡Ã§Â­Â¾Ã¥Å“Â¨Ã¦â€°â‚¬Ã¦Å“â€°Ã¦ÂµÂÃ¨Â§Ë†Ã¥â„¢Â¨Ã¤Â¸Â­Ã§Å¡â€žmarginÃ£â‚¬ÂpaddingÃ¥â‚¬Â¼ */
body {
    color: #333;
    font-family: "syst","Ã©Â»â€˜Ã¤Â½â€œ",SimSun,Arial,tahoma,arial !important;
}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td,input,select,textarea,button {margin:0;padding:0}  /* Ã¥Ë†ÂÃ¥Â§â€¹Ã¥Å’â€“Ã¦Â â€¡Ã§Â­Â¾Ã¥Å“Â¨Ã¦â€°â‚¬Ã¦Å“â€°Ã¦ÂµÂÃ¨Â§Ë†Ã¥â„¢Â¨Ã¤Â¸Â­Ã§Å¡â€žmarginÃ£â‚¬ÂpaddingÃ¥â‚¬Â¼ */  
fieldset,img {border:0 none}  /* Ã©â€¡ÂÃ§Â½Â®fieldsetÃ¯Â¼Ë†Ã¨Â¡Â¨Ã¥Ââ€¢Ã¥Ë†â€ Ã§Â»â€žÃ¯Â¼â€°Ã£â‚¬ÂÃ¥â€ºÂ¾Ã§â€°â€¡Ã§Å¡â€žÃ¨Â¾Â¹Ã¦Â¡â€ Ã¤Â¸Âº0*/  
dl,ul,ol,menu,li {list-style:none}   /* Ã©â€¡ÂÃ§Â½Â®Ã§Â±Â»Ã¨Â¡Â¨Ã¥â€°ÂÃ¥Â¯Â¼Ã§Â¬Â¦Ã¥ÂÂ·Ã¤Â¸Âºonne,menuÃ¥Å“Â¨HTML5Ã¤Â¸Â­Ã¦Å“â€°Ã¦â€¢Ë† */  
blockquote, q {quotes: none}   /* Ã©â€¡ÂÃ§Â½Â®Ã¥ÂµÅ’Ã¥Â¥â€”Ã¥Â¼â€¢Ã§â€Â¨Ã§Å¡â€žÃ¥Â¼â€¢Ã¥ÂÂ·Ã§Â±Â»Ã¥Å¾â€¹ */  
blockquote:before, blockquote:after,q:before, q:after {content:'';content:none}  /* Ã©â€¡ÂÃ§Â½Â®Ã¥ÂµÅ’Ã¥Â¥â€”Ã¥Â¼â€¢Ã§â€Â¨*/  
input,select,textarea,button {vertical-align:middle}  /* Ã©â€¡ÂÃ§Â½Â®Ã¨Â¡Â¨Ã¥Ââ€¢Ã¦Å½Â§Ã¤Â»Â¶Ã¥Å¾â€šÃ§â€ºÂ´Ã¥Â±â€¦Ã¤Â¸Â­*/  
button {border:0 none;background-color:transparent;cursor:pointer}  /* Ã©â€¡ÂÃ§Â½Â®Ã¨Â¡Â¨Ã¥Ââ€¢buttonÃ¦Å’â€°Ã©â€™Â®Ã¦â€¢Ë†Ã¦Å¾Å“ */  
body {background:#fff}   /* Ã©â€¡ÂÃ§Â½Â®body Ã©Â¡ÂµÃ©ÂÂ¢Ã¨Æ’Å’Ã¦â„¢Â¯Ã¤Â¸ÂºÃ§â„¢Â½Ã¨â€°Â² */  
body,th,td,input,select,textarea,button {font-size:12px;line-height:1;font-family:Microsoft YaHei,sans-serif;outline: none;} /* Ã©â€¡ÂÃ§Â½Â®Ã©Â¡ÂµÃ©ÂÂ¢Ã¦â€“â€¡Ã¥Â­â€”Ã¥Â±Å¾Ã¦â‚¬Â§ */
a {color:#444;text-decoration:none}  /* Ã©â€¡ÂÃ§Â½Â®Ã©â€œÂ¾Ã¦Å½Â¥aÃ¦Â â€¡Ã§Â­Â¾ */
a:active, a:hover {text-decoration:none}   /* Ã©â€¡ÂÃ§Â½Â®Ã©â€œÂ¾Ã¦Å½Â¥aÃ¦Â â€¡Ã§Â­Â¾Ã§Å¡â€žÃ©Â¼Â Ã¦Â â€¡Ã¦Â»â€˜Ã¥Å Â¨Ã¦â€¢Ë†Ã¦Å¾Å“ */  
address,caption,cite,code,dfn,em,var {font-style:normal;font-weight:normal}  /* Ã©â€¡ÂÃ§Â½Â®Ã¦Â Â·Ã¥Â¼ÂÃ¦Â â€¡Ã§Â­Â¾Ã§Å¡â€žÃ¦Â Â·Ã¥Â¼Â */  
caption {display:none;}    /* Ã©â€¡ÂÃ§Â½Â®Ã¨Â¡Â¨Ã¦Â Â¼Ã¦Â â€¡Ã©Â¢ËœÃ¤Â¸ÂºÃ©Å¡ÂÃ¨â€”Â */  
table {width:100%;border-collapse:collapse;border-spacing:0;}    /* Ã©â€¡ÂÃ§Â½Â®tableÃ¥Â±Å¾Ã¦â‚¬Â§ */  
img{vertical-align: top;}  /* Ã¥â€ºÂ¾Ã§â€°â€¡Ã¥Å“Â¨Ã¥Â½â€œÃ¥â€°ÂÃ¨Â¡Å’Ã¥â€ â€¦Ã§Å¡â€žÃ¥Å¾â€šÃ§â€ºÂ´Ã¤Â½ÂÃ§Â½Â® */  
   
/* Ã©Â¡ÂµÃ©ÂÂ¢Ã¨Â®Â¾Ã§Â½Â® */  
   
  /* Ã¥Ââ€“Ã¦Â¶Ë†aÃ¦Â â€¡Ã§Â­Â¾Ã§â€šÂ¹Ã¥â€¡Â»Ã¥ÂÅ½Ã§Å¡â€žÃ¨â„¢Å¡Ã§ÂºÂ¿Ã¦Â¡â€  */  
a {outline: none;}    
a:active {star:expression(this.onFocus=this.blur());}  
   
 /* Ã¨Â®Â¾Ã§Â½Â®Ã©Â¡ÂµÃ©ÂÂ¢Ã¦â€“â€¡Ã¥Â­â€”Ã§Â­â€°Ã¥Å“Â¨Ã¦â€¹â€“Ã¥Å Â¨Ã©Â¼Â Ã¦Â â€¡Ã©â‚¬â€°Ã¤Â¸Â­Ã¦Æ’â€¦Ã¥â€ ÂµÃ¤Â¸â€¹Ã§Å¡â€žÃ¨Æ’Å’Ã¦â„¢Â¯Ã¨â€°Â²Ã¤Â¸Å½Ã¦â€“â€¡Ã¥Â­â€”Ã©Â¢Å“Ã¨â€°Â² */  
/*   
::selection {color: #fff;background-color: #4C6E78;}      
::-moz-selection {color: #fff;background-color: #4C6E78;}   
*/  
  
/*Ã¦Â¸â€¦Ã©â„¢Â¤Ã¦ÂµÂ®Ã¥Å Â¨*/  
.clear{clear: both;}  
  
/*Ã¦Â¸â€¦Ã©â„¢Â¤Ã¦ÂµÂ®Ã¥Å Â¨--Ã¦Å½Â¨Ã¨ÂÂÃ¤Â½Â¿Ã§â€Â¨*/  
.clearfix:before,.clearfix:after{content: '';display: table;}  
.clearfix:after{clear: both;} 