@charset "utf-8";
/* CSS Document */
.header{ height:53px; border-bottom:1px solid #e9e9e9;box-shadow:-3px 3px 3px 0px #e0e0e0;position:relative; z-index:120;}
.header .head_wrap{padding:6px 0px 6px 5px; width:100%; background:#fff;box-sizing: border-box;}
.header .head_wrap .head_l{ float:left}
.header .head_wrap .head_l img{margin:10px 0 0 33px;}
.header .head_wrap .head_l .head_logo{ float:left;margin-left:15px;display:inline-block;width:158px;height:40px;background:url(../res/images/bg/n9_logo.png) no-repeat;}
.header .head_wrap .head_l .head_sys{ float:left; cursor:pointer; margin-left:16px; height:25px; margin-top: 10px; line-height:22px; text-align:center; font-family:"微软雅黑"; color:#999; font-size:12px;}
.header .head_wrap .head_l .head_sys a{color:#333;}
.header .head_wrap .head_l .head_sys a:hover{ text-decoration:underline;}
.header .head_wrap .head_l .head_sys>a i{margin-left:4px;}
.header .head_wrap .head_l .head_sys>a:hover{ text-decoration:none;}
.header .head_wrap .head_r .head_company{ display:inline-block;padding:0 10px;margin-right:10px;height: 21px; line-height:21px; -webkit-border-radius: 10px 11px 11px 10px; -moz-border-radius: 10px 11px 11px 10px; border-radius: 10px 11px 11px 10px; background-color: #fff; border: solid 1px #ccc;color:#545454;}
.header .head_wrap .head_r{ float:right;}
.header .head_r_l{ border-right:1px solid #e5e5e5; padding-right:20px; font-size:0px;}
.header .head_r_l span{ font-size:12px;}
.header .head_r_l a{ color:#009cff; font-size:12px;}
.header .head_r_l b{ font-weight:normal}
.header .head_r_r{ padding-left:11px;}
.header .head_r_l,.header .head_r_r{font-family:"微软雅黑";  height:27px; display:inline-block; line-height:27px; margin-top: 7px;vertical-align: middle;}
.header .head_r_r{margin-top:3px;}
.header .head_r_r a{display:inline-block; height:25px; width:25px;float:left;}
.header .head_r_r a:hover.head_user i,.header .head_r_r .head_user.cur i{background-position:-52px -67px;}
.header .head_r_r a:hover.head_skin i,.header .head_r_r .head_skin.cur i{background-position:-87px -67px;}
.header .head_r_r a:hover.head_help i,.header .head_r_r .head_help.cur i{background-position:-126px -67px;}
.header .head_r_r a{margin-right:12px;}
.header .head_r_r .head_help{margin-right:20px;}
.header .head_r_tab{ position:absolute; display:none; border-top:1px solid #009cff; top:45px; min-width:110px; min-height:100px; box-shadow:0px 3px 5px 1px #e0e0e0; border:1px solid #e0e0e0\9;background:#fff; z-index:99;left:100px}
.header .head_r_tab .tab_c{padding:14px;display:none;font-size:12px;}
.header .head_r_tab .tab_head{ padding-bottom:7px; border-bottom:1px dashed #e0e0e0; font-size:12px; color:#666666}
.header .head_r_tab .user_center{padding-left:15px;padding-right:15px;}
.header .head_r_tab .user_center a{ display:block; color:#666666;margin-top:10px;}
.header .head_r_tab .user_center a:hover{color:#009cff;}
.header .head_r_tab .user_skin{ margin-top:10px; padding-left:0px;}
.header .head_r_tab .user_skin a{ margin-right:4px;display:inline-block; position:relative;padding:1px;border:1px solid #fff;}
.header .head_r_tab .user_skin a i{ display:none;}
.header .head_r_tab .user_skin a.cur i{position:absolute;display:block; z-index:9; right:0px; bottom:0px;}
.header .head_r_tab .user_skin a.cur{padding:1px; border:1px solid #f80;}
.header .head_r_tab .user_skin a span{ display:block; width:14px; height:14px;}
.header .head_r_tab .user_skin a .black{ background:#3f3f3f;}
.header .head_r_tab .user_skin a .blue{ background:#009cff;}
.header .head_r_tab .user_skin a .white{ background:#dbdbdb;}
.header .head_r_tab .user_style{ margin:5px 0px 10px; padding-left:10px;}
.header .head_r_tab .user_style a{ display:inline-block; position:relative;padding:3px;border:1px solid #fff;}
.header .head_r_tab .user_style a i{ display:none;}
.header .head_r_tab .user_style a.cur i{position:absolute;display:block; z-index:9; right:0px; bottom:0px;}
.header .head_r_tab .user_style a.cur{border:1px solid #f80;}
.header .head_r_tab .user_style a span{ display:block; color: #666;}
.header .head_r_tab .user_style a span.black{ background:#3f3f3f}
.header .head_r_tab .user_style a span.blue{ background:#009cff}
.header .head_r_tab .user_style a span.white{ background:#dbdbdb}
.head_all_sys{padding:20px 15px 0;margin-left:38px;margin-top:2px; position:absolute;max-width:340px;background-color: #fff; -webkit-box-shadow: 0 2px 5px rgba(4,0,0,.2); -moz-box-shadow: 0 2px 5px rgba(4,0,0,.2); box-shadow: 0 2px 5px rgba(4,0,0,.2);}
.head_all_sys a{ float:left; display:inline-block;width:75px;height:60px;padding:0 5px 15px;}
.head_all_sys a span{ display:block;padding-top:3px;}
.head_sys  .head_all_sys{ display:none;}
.head_sys:hover .head_all_sys{ display:block;}
.head_sys.cur>a span{ color:#f60;}