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; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }

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; }
a { color: #333; }
iframe { width: 100%; height: 100%; overflow: hidden; }

.g1 { width: 10%; }
.g2 { width: 20%; }
.g3 { width: 30%; }
.g4 { width: 40%; }
.g5 { width: 50%; }
.g6 { width: 60%; }
.g7 { width: 70%; }
.g8 { width: 80%; }
.g9 { width: 90%; }
.g10 { width: 100%; }

input[type=submit], button { cursor: pointer; }
strong, b, .b { font-weight: 700; }
em, i { font-style: normal; }
.u { text-decoration: underline; }
.center { text-align: center; }

.tr { text-align: right; }
.tl { text-align: left; }
.tc { text-align: center; }
.fr { float: right; }
.fl { float: left; }

.f10 { font-size: 10px; }
.f11 { font-size: 11px; }
.f12 { font-size: 12px; }
.f14 { font-size: 14px; }
.f15 { font-size: 15px; }
.f16 { font-size: 16px; }
.f18 { font-size: 18px; }
.f20 { font-size: 20px; }
.f22 { font-size: 22px; }
.f24 { font-size: 24px; }

.show, .block { display: block; }
.hide, .none { display: none; }
.yahei { font-family: "Microsoft YaHei"; }
.songti { font-family: SimSun; }
.verdana { font-family: Verdana; }
.vm { vertical-align: middle; }

.mt5 { margin-top: 5px; }
.mr5 { margin-right: 5px; }
.mb5 { margin-bottom: 5px; }
.ml5 { margin-left: 5px; }
.mt10 { margin-top: 10px; }
.mt15 { margin-top: 15px; }
.mr10 { margin-right: 10px; }
.mr20 { margin-right: 20px; }
.mb10 { margin-bottom: 10px; }
.ml10 { margin-left: 10px; }
.mb20 { margin-bottom: 20px; }

.p5 { padding: 5px; }
.p10 { padding: 10px; }
.pt5 { padding-top: 5px; }
.pr5 { padding-right: 5px; }
.pb5 { padding-bottom: 5px; }
.pl5 { padding-left: 5px; }
.pt10 { padding-top: 10px; }
.pr10 { padding-right: 10px; }
.pb10 { padding-bottom: 10px; }
.pl10 { padding-left: 10px; }
.pb20 { padding-bottom: 20px; }
.pl20 { padding-left: 20px; }

.lh1 { line-height: 1; }
.lh2 { line-height: 2; }
.lh3 { line-height: 3; }

.cup { cursor: pointer; }
.noborder { border: 0 none; }
html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; height: 100%; background: #f5f5f7;  }

.fix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.fix { display: inline-table; }
* html .fix { height: 1%; }
.fix { display: block; *zoom: 1; }

body { font-family: "SimSun"; height: 100%; font-size: 14px;  background: #f5f5f7;overflow: hidden; }

.wrapper { height: 100%; }
.wrapper:active { clear: both; content: ' '; display: block; }
.main-sidebar { float: left; width: 90px; box-shadow: 3px 0 3px 0 rgba(0,0,0,.3); min-height: 100%; background: #fff; }
.main-sidebar .logo { height: 40px; }
.main-sidebar .logo a {  display: block;height: 40px; width: 35px;margin:0 auto;}
.main-sidebar .logo img{height: 100%;}
.main-sidebar li { text-align: center; cursor: pointer; padding: 15px 0; }
.main-sidebar li.on { border-left: 6px solid #019fe9; background: #e9ecf1; }
.main-sidebar li .pic { background: url(/img/g3.png) no-repeat; display: inline-block; margin-bottom: 5px; }
.main-sidebar li .text { font-size: 14px; color: #999; display: block;}
.main-sidebar li.on .text { color: #019fe9; }
.main-sidebar li .p1 { background-position: -120px 0; width: 31px; height: 31px; }
.main-sidebar li .p2 { background-position: 0 0; width: 27px; height: 27px; }
.main-sidebar li .p3 { background-position: -40px -40px; width: 22px; height: 31px; }
.main-sidebar li .p4 { background-position: -80px -40px; width: 22px; height: 29px; }
.main-sidebar li .p5 { background-position: -120px -40px; width: 26px; height: 23px; }
.content-wrap { margin-left: 90px; }

.header { background: #fff; height: 35px; }
.header::after { clear: both; content: ' '; display: table; }
.header .header-nav {float: left; }
.header .header-nav::after { clear: both; content: ' '; display: table; }
.header-nav .one-level:after { clear: both; content: ' '; display: table; }
.header-nav .one-level li { position: relative; }
.header-nav .one-level > li { float: left; margin: 0 20px; }
.header-nav .one-level > li > label { font-size: 14px; color: #10a4eb; line-height: 35px; cursor: pointer; text-align: center; }
.header-nav .one-level ul { position: absolute; background: #fff; box-shadow: 0 3px 5px 0 rgba(0,0,0,.3); padding: 5px 0; width: auto; visibility: hidden; z-index: 10; }
.header-nav .two-level { top: 35px; left: 0; }
.header-nav .three-level { top: 0; }
.one-level a, .one-level label { display: block; line-height: 1.5; padding: 0 15px; cursor: pointer; white-space: nowrap; color:#999;}
.one-level a:hover, .one-level label:hover { color: #10a4eb; }
.header-nav .one-level li:hover > ul { visibility: visible; }
.header-nav .one-level li:hover > label { color: #10a4eb; }
.header .custom-menu { float: right; margin-right: 30px; }
.header .custom-menu > ul::after { clear: both; content: ' '; display: table; }
.header .custom-menu > ul li { float: left; margin: 0 20px; }
.header .custom-menu .link { position: relative; margin-top: 11px; }
.header .custom-menu .link .pic { background: url(/img/g3.png) no-repeat; display: inline-block; }
.header .custom-menu .link .num-tag { background: red; border-radius: 50%; width: 14px; height: 14px; line-height: 14px; color: #fff; font-size: 10px; position: absolute; top: -8px; right: -4px; display: inline-block; text-align: center; }
.header .custom-menu .messages-menu .pic { width: 23px; height: 21px; background-position: 0 0; }
.header .custom-menu .notifications-menu .pic { width: 20px; height: 21px; background-position: -40px 0; }
.header .custom-menu .operation-menu { margin-top: 8px; }
.header .custom-menu .operation-menu .pic { width: 24px; height: 24px; background-position: -80px 0; }
.content-top-menu { background: #019fe9; color: #fff; padding-top: 3px; position: relative; margin: 0 15px 0; border-radius: 5px 5px 0 0; }
.content-top-menu .arrow { width: 40px; text-align: center; cursor: pointer; line-height: 25px; display: inline-block; }
.content-top-menu .arrow i { display: inline-block; background: url(/img/g3.png) no-repeat; width: 12px; height: 14px; margin-top: -4px; vertical-align: middle; }
.content-top-menu .arrow-left i { background-position: -160px 0; }
.content-top-menu .arrow-right { position: absolute; right: 0; bottom: 0; }
.content-top-menu .arrow-right i { background-position: -160px -28px; }
.content-top-menu .menulist-wrap { margin: 0 40px; position: relative; overflow: hidden; white-space: nowrap; height: 28px; }
.content-top-menu .menu-list { position: absolute; left: 0; top: 0; width: 9999px; }
.content-top-menu li { cursor: pointer; border-radius: 5px 5px 0 0; display: inline-block; vertical-align: middle; padding: 0 15px; height: 28px; line-height: 28px; }
.content-top-menu li.on { background: #fff; color: #019fe9; }
.content-top-menu li span { font-size: 14px; display: inline-block; }
.content-top-menu li i { background: url(/img/g3.png) no-repeat -160px -120px; width: 20px; height: 19px; vertical-align: top; margin-left: 10px; margin-top: 3px; opacity: .7; display: none; }
.content-top-menu li.on i { display: inline-block; }
.content-top-menu li i:hover { opacity: 1; }
.iframe-item { height: 100%; }
.iframe-loading { background: url(/img/bigloading.gif) no-repeat center 30%; height: 100%; width: 100%; }
.wrap404 { padding-top: 50px; min-height: 540px; margin: 0 auto; width: 590px; color: #777; }
.wrap404 .icon { margin: 0 auto; margin-top: 30px; }
.wrap404 h3 { font-size: 30px; margin-bottom: 15px; margin-top: 50px; }
.wrap404 > p { font-size: 22px; line-height: 1.8; }
.wrap404 .btns { margin-top: 50px; }
.wrap404 .btns .btn { color: #fff; text-decoration: none; display: inline-block; padding: 10px 30px; border-radius: 6px; font-size: 24px; background: -moz-linear-gradient(top,#91d2f1,#09a2e9); background: -webkit-gradient(linear,0 50%,100% 50%,from(#ace),to(#f96)); background: -webkit-linear-gradient(left,#ace,#f96); background: -o-linear-gradient(left,#ace,#f96); }