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, 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,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video{margin: 0;padding: 0;border: 0;font-size: 100%;font: inherit;vertical-align: baseline;}
/* HTML5 display-role reset for older browsers*/
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section{display: block;}
body{position: relative;left: 0;-webkit-transition: left .3s;transition: left .3s;}
body.open{left: 220px;}
ol, ul{list-style: none;}
blockquote, q{quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after{content: '';content: none;}
table{border-collapse: collapse;border-spacing: 0;}
 /**CSS RESET DONE*/
/* html,body{height: 100%;overflow:-Scroll;overflow-x:hidden; overflow-x: hidden; overflow-y: auto;}  */
body{ background:#fff; margin:0px; padding:0px; border:0; font-size:12px; font-family:"Microsoft Yahei","微软雅黑","冬青黑体简体中文 w3","Tahoma","Microsoft JhengHei",STHeiti,MingLiu,\5b8b\4f53,Arial Unicode MS,Mingliu,Arial,Helvetica;}
/*.header{margin-bottom: 40px;position: relative;}*/
.clearfix{clear: both;}
.container{position: relative;/* padding: 40px 10%; */text-align: center;height: 100%;}
a{text-decoration: none;}
.btn{box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;position: relative;display: inline-block;padding: 10px 20px;background-color: #838383;border-radius: 30px;-moz-border-radius: 30px;-webkit-border-radius: 30px;-webkit-box-shadow: 0 3px 0 0 #636363;box-shadow: 0 3px 0 0 #636363;line-height: 30px;font-size: 14px;font-weight: normal;text-shadow: 0px 1px 1px #888;}
.btn:active, .btn.active{top: 1px;-webkit-box-shadow: 0 1px 0 0 #636363;box-shadow: 0 1px 0 0 #636363;}
.btn.submit{font-size: 12px;height: 30px;line-height: 30px;padding: 0 10px;margin: 0;border-radius: 2px;-moz-border-radius: 2px;-webkit-border-radius: 2px;}
.btn-small{height: 30px;font-size: 12px;line-height: 10px;}
a.btn-small span.btn{height: 30px;}
div.left-nav{position: fixed;top: 0;left: -180px;-webkit-transition: left .3s;transition: left .3s;}
div.left-nav.open{left: 0;}

.menu-icon{ width: 38px; height:60px; background:#7e7e7e url(menu-icon.png) center 20px no-repeat; position: fixed; top:45%; left: 0px; font: normal 20px/20px "微软雅黑"; text-align: center; padding: 40px 0 0 0;color:white; z-index: 99999;}
.menu-icon:hover{background:#fd4f00 url(menu-icon.png) center 20px no-repeat; color:white;}
::-webkit-scrollbar { width: 14px;   height: 14px;  }  
::-webkit-scrollbar-track,::-webkit-scrollbar-thumb {    border-radius: 999px;   border: 5px solid transparent; }  
::-webkit-scrollbar-track {box-shadow: 1px 1px 5px rgba(0,0,0,.2) inset;  }  
::-webkit-scrollbar-thumb {min-height: 20px; background-clip: content-box; box-shadow: 0 0 0 5px rgba(0,0,0,.4) inset; }  
::-webkit-scrollbar-corner {background: transparent;}