html, body { font-size: 14px; color: #454545; margin: 0; padding: 0; overflow: hidden; line-height: 1.8em; font-family: 'Microsoft YaHei',sans-serif; }
h1, h2, h3, h4, h5, h6, p, ul, li { display: block; font-size: 12px; line-height: 1.8em; margin: 0; padding: 0; font-weight: normal; list-style: none; }
a { color: #454545; text-decoration: none; }
a:hover { color: #384ea0; }
input { font-size: 14px; font-family: 'Microsoft YaHei',sans-serif; }

.wrapper { position: fixed; display: none; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; }
.wrapper.loader { z-index: 0; }
.wrapper.tip, .wrapper.progress, .wrapper.console { display: block; z-index: 1000; }
.loader-carbon, .tip-carbon, .progress-carbon, .console-carbon { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #046fd2; }
.tip-carbon, .progress-carbon, .console-carbon { background-color: #fff; }
.loader i, .loader p { display: block; position: absolute; z-index: 1; color: #fff; left: 50%; top: 50%; }
.loader i { width: 48px; height: 48px; margin-left: -24px; margin-top: -80px; background-image: url(images/initLoader.gif); }
.loader p { width: 300px; margin-left: -150px; margin-top: -1.5em; text-align: center; }

.login .background { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: url(images/login/background.jpg); background-size: cover; }
.login .copyright { position: absolute; bottom: .5em; width: 100%; text-align: center; }
.login .copyright h1, .login .copyright p { font-size: 12px; }
.login .copyright a { text-decoration: underline; }
.login .imgs { position: absolute; z-index: 10; width: 580px; height: 350px; top:50%; left:50%; margin-top:-200px; margin-left:-600px; background-image: url(images/login/img.png); }
.login-form { position: absolute; z-index: 10; width: 480px; height: 480px; background-image: url(images/login/login-form.png); top: 50%; left: 50%; margin-top: -250px; margin-left: -240px; }
.login-form h1 { width: 220px; height: 50px; margin: 0 auto; margin-top:80px; background-image: url(images/login/logo.png); }
.form-container { width: 300px; margin: 0 auto; margin-top: 30px; }
.form-container .selt, .form-container .txtb { position: relative; border: #ced9df 1px solid; margin-top: 15px; border-radius: 3px; height: 33px; }
.form-container .selt.active, .form-container .txtb.active { border-color: #86c5ff; }
.form-container .txtb label { display: block; position: absolute; width: 4em; height: 1em; border-right: #ced9df 1px solid; text-align: center; left: 0; top: 50%; margin-top: -.5em; line-height: 1em; }
.form-container .txtb input { display: block; position: relative; border: none; background: no-repeat; text-indent: 5em; width: 100%; height: 25px; line-height: 25px; padding: 4px 0; *top: -1px; }
.form-container .cheb { display: inline-block; *display: inline; *zoom: 1; position: relative; margin-top: 15px; line-height: 33px; padding-left: 20px; }
.form-container .cheb i { position: absolute; display: block; width: 14px; height: 14px; top: 50%; left: 0; margin-top: -7px; background-image: url(images/login/chk.gif); }
.form-container .cheb.checked i { background-position: 0 -14px; }
.form-container a#loginSubmit { display: block; width: 120px; height: 35px; line-height: 35px; background-color: #384ea0; text-align: center; color: #fff; font-size: 16px; margin: 0 auto; margin-top: 30px; }
.form-container a#loginSubmit:hover { background-color: #046fd2; }
.form-container .selt { z-index: 1000; }
.form-container .selt label { display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; line-height: 33px; padding: 0 30px 0 10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; cursor: pointer; }
.form-container .selt.active { background-color: #384ea0; color: #fff; }
.form-container .selt i { display: block; position: absolute; z-index: 1; width: 9px; height: 9px; right: 12px; top: 50%; margin-top: -4.5px; background-image: url(images/login/dot.gif); }

.shops-select { position: absolute; top: 33px; left: -1px; right: -1px; z-index: 1000; background-color: #fff; overflow: auto; border: #e0e0e0 1px solid; }
.shops-select ul { padding: 5px 0; }
.shops-select li { }
.shops-select a { display: block; padding: 0 15px; height: 30px; line-height: 30px; }
.shops-select a:hover { background-color: #ced9df; }

.tip-widget { position: absolute; background: #fff; border-top: #384ea0 5px solid; border-radius: 5px; width: 350px; top: 30%; left: 50%; margin-left: -175px; box-shadow: rgba(0,0,0,.1) 0 5px 10px; text-align: center; padding: 20px 0; }
.tip-widget h1 { font-size: 20px; }
.tip-widget i { display: block; width: 42px; height: 42px; margin: 0 auto; margin-top: 20px; background-position: center center; background-repeat: no-repeat; }
.tip-widget p { color: #666; margin-top: 20px; margin-bottom: 20px; }
.tip-widget a { color: #aaa; text-decoration: underline; margin-top: 20px; }
.tip-widget .icon-excl { background-image: url(images/excl.png); }
.tip-widget .icon-right { background-image: url(images/right.png); }

.console-widget { position: absolute; background-color: #fff; width: 420px; top: 20%; left: 50%; margin-left: -210px; box-shadow: rgba(0,0,0,.1) 0 5px 10px; }
.console-widget-header { height: 40px; line-height: 40px; background-color: #384ea0; position: relative; }
.console-widget-header h1 { line-height: 40px; padding-left: 10px; font-size: 15px; font-weight: bold; color: #fff; }
.console-widget-header a { display: block; position: absolute; height: 24px; width: 24px; font-size: 16px; line-height: 24px; font-family: Arial; color: #fff; text-decoration: none; text-align: center; top: 50%; right: 10px; margin-top: -12px; }
.console-widget-content { position: relative; height: 250px; }
.console-widget-footer { border-top: #e0e0e0 1px solid; padding: 10px; text-align: right; }
.console-widget-footer a { display: inline-block; *display: inline; *zoom: 1; height: 35px; line-height: 35px; width: 80px; text-align: center; background-color: #f0f0f0; color: #454545; margin: 0 10px; }
.console-widget-footer a:hover { background-color: #e0e0e0; }
.console-widget-footer a.submit { background-color: #89cf6d; color: #fff; }
.console-widget-footer a.submit:hover { background-color: #6bb270; }

.progress i { display: block; position: absolute; width: 80px; height: 80px; top: 50%; left: 50%; margin-top: -80px; margin-left: -40px; background-color: #046fd2; background-image: url(images/initLoader.gif); background-position: center center; background-repeat: no-repeat; border-radius: 50%; }


/*
.nav > li > p { position: relative; height: 48px; line-height: 48px; padding: 0 20px 0 45px; color: #a0b3e7; cursor: default; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; font-size:14px; }
.nav > li.on > p { background-color: #243891; color: #fff; background-position: center right; background-repeat: no-repeat; }
.nav > li > p i { display: block; position: absolute; width: 16px; height: 16px; top: 50%; left: 20px; margin-top: -8px; background-image: url(images/main/menus.png); }
.nav > li > p span { display: block; position: absolute; background-color: #ec5401; top: 50%; left: 50%; margin-top: -55px; margin-left: 15px; text-indent: 0; color: #fff; font-size: 11px; line-height: 1.4em; padding: 0 5px; border-radius: .7em; }
.nav > li > div { display: none; position: fixed; top: 0; left: 128px; bottom: 0; background-color: #243891; z-index: 10000; }
.nav > li.active > div { display: block; }
.nav > li > div > h1 { height: 50px; line-height: 50px; border-bottom: #384ea0 1px solid; padding: 0 10px; font-size: 16px; font-weight: bold; color: #a0b3e7; }
    */

.user { height:100px; padding: 0 20px; text-align: center; color: #03126b; border-bottom: #324381 1px solid; }
.user b { display: block; font-weight: normal; line-height: 1.8em; }
.user a { color: #f45f53; line-height: 1.8em; }
.user a:hover { text-decoration: underline; }
.user .face { width: 48px; height: 48px; border-radius:48px; margin:0 auto; margin-top: 10px; background-image: url(../UploadFile/Header/male.png); background-size: 100% 100%; }


/*
div.user > p { height:70px; padding: 0 20px; padding-top: 80px; text-align: center; color: #fff; border-bottom: #324381 1px solid; }
div.user > p b { display: block; font-weight: normal; line-height: 1.8em; }
div.user > p a { color: #a0b3e7; line-height: 1.8em; }
div.user > p a:hover { text-decoration: underline; }
div.user > p i { width: 48px; height: 48px; left: 50%; top: 20px; margin-top: 0; margin-left: -24px; background-image: url(images/main/faces.png); background-size: 100% 100%; }

li.online > p i { background-position: 0 -80px; }
li.online.on > p i { background-position: -16px -80px; }
li[code='124'] > p i { background-position: 0 0; }
li[code='124'].on > p i { background-position: -16px 0; }
li[code='101'] > p i { background-position: 0 -16px; }
li[code='101'].on > p i { background-position: -16px -16px; }
li[code='129'] > p i { background-position: 0 -32px; }
li[code='129'].on > p i { background-position: -16px -32px; }
li[code='117'] > p i { background-position: 0 -48px; }
li[code='117'].on > p i { background-position: -16px -48px; }
li[code='900'] > p i { background-position: 0 -64px; }
li[code='900'].on > p i { background-position: -16px -64px; }

li.menus .menu-wrap { width: 500px; }
li.menus .menu-wrap h1 { text-align: left; letter-spacing: normal; padding: 0 10px; }
.menu-wrap > ul { margin: 0 20px; }
.menu-wrap > ul > li { margin-top: 15px; padding-bottom: 20px; position: relative; padding-left: 10em; font-size: 14px; border-bottom: #384ea0 1px solid; }
.menu-wrap p { position: absolute; top: 3px; left: 0; width: 9em; text-align: right; font-size: 14px; color: #a0b3e7; }
.menu-wrap p i { display: inline-block; *display: inline; *zoom: 1; margin-left: 10px; width: 10px; height: 10px; background-image: url(images/main/carat-l.png); }
.menu-wrap ul ul { }
.menu-wrap li li { display: inline-block; *display: inline; *zoom: 1; padding: 0 15px; margin-top: 5px; border-left: #384ea0 1px solid; }
.menu-wrap a { font-size: 12px; color: #a0b3e7; }
.menu-wrap a:hover { color: #fff; }

li.user .user-wrap { width: 380px; background-color: #f5f5f5; border-right: #e0e0e0 1px solid; }
.user-wrap .top { position: relative; border-bottom: #e0e0e0 1px solid; padding: 25px 105px 25px 80px; }
.user-wrap .top i, .user-wrap .top h1, .user-wrap .top p, .user-wrap .top a { display: block; font-size: 14px; line-height: 20px; margin: 0; padding: 0; }
.user-wrap .top i, .user-wrap .top a { position: absolute; top: 50%; }
.user-wrap .top a { right: 20px; padding-left: 20px; font-size: 12px; color: #a0a0a0; }
.user-wrap .top a:hover { color: #f18f18; }
.user-wrap .top i { width: 14px; height: 14px; margin-top: -7px; left: 0; background-image: url(Images/main/icons-small.png); }
.user-wrap .top > i { width: 48px; height: 48px; margin-top: -24px; left: 20px; background-image: url(Images/main/faces.png); border-radius: 50%; }
.user-wrap .top h1, .user-wrap .top a.hit { display: inline-block; *display: inline; *zoom: 1; }
.user-wrap .top h1 { color: #00202b; }
.user-wrap .top a.hit { position: relative; margin-left: 10px; font-size: 10px; right: auto; color: #ec5401; top: auto; }
.user-wrap .top p { color: #a0a0a0; font-size: 12px; }
.user-wrap .top a#userSet { margin-top: -20px; }
.user-wrap .top a#userSet i { background-position: 0 -14px; }
.user-wrap .top a#loginOut { }
.user-wrap .top a#loginOut i { background-position: 0 -28px; }

.user-wrap .main { padding: 25px; font-size: 14px; }
.user-wrap .main > div { position: relative; padding-left: 5em; margin: 5px 0; }
.user-wrap .main h1 { position: absolute; top: 0; left: 0; width: 5em; }
.user-wrap .main p, .user-wrap .main span, .user-wrap .main a { display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; }
.user-wrap .main p { color: #7c91ca; margin-right: 10px; }
.user-wrap .main span, .user-wrap .main a { position: relative; padding-left: 18px; font-size: 12px; }
.user-wrap .main span { color: #a0a0a0; margin-left: -5px; }
.user-wrap .main a.changePrj { background-color: #384ea0; color: #fff; border-radius: 2px; line-height: 16px; height: 16px; padding-right: 2px; }
.user-wrap .main a.changePrj:hover { background-color: #f18f18; }
.user-wrap .main i { width: 14px; height: 14px; position: absolute; left: 2px; top: 50%; margin-top: -7px; background-image: url(Images/main/icons-small.png); }
.user-wrap .main span.info i { background-position: 0 -42px; }
.user-wrap .main a.changePrj i { background-position: 0 -56px; }

/*
li.online .online-wrap { width: 180px; }
#online { position: absolute; top: 51px; left: 0; right: 0; bottom: 0; padding: 10px 0; }
#online li { }
#online a { position: relative; display: block; padding: 15px; padding-left: 60px; color: #a0b3e7; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; line-height: 32px; height: 32px; }
#online a:hover { color: #a0b3e7; background-color: #384ea0; }
#online i { display: block; position: absolute; width: 32px; height: 32px; top: 50%; left: 20px; margin-top: -16px; overflow: hidden; border-radius: 50%; }
#online i img { width: 32px; height: 32px; }
*/

#tagBar { position: absolute; left: 5px; top: 5px; right: 39px; bottom: -1px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
#tagBar li { position: relative; display: inline-block; *display: inline; *zoom: 1; height: 37px; cursor: pointer; border-top: #f5f5f5 2px solid; background-color: #f5f5f5; padding: 0 30px; color: #a0a0a0; line-height: 37px; margin-right: 5px; }
#tagBar li.on { background-color: #f5f5f5; border-color: #f5f5f5; color: #454545; }
#tagBar li.active { background-color: #fff; border-color: #384ea0; color: #454545; height: 38px; }
#tagBar a { display: none; position: absolute; width: 12px; height: 12px; z-index: 1; top: 50%; margin-top: -5px; overflow: hidden; text-indent: -999em; right: 10px; background-image: url(Images/main/del.png); cursor: pointer; }
#tagBar li.active a { display: block; }
#tagBar li.on a { display: block; }
#tagBar a.set { background-image: url(images/main/set.png); }
#tagMore { display: block; position: absolute; width: 39px; height: 39px; right: 0; bottom: 0; overflow: hidden; text-indent: -999em; background-image: url(images/main/more.png); }
#tagMore:hover { background-color: #f5f5f5; }

.nav, .tag, #frameContainer { position: fixed; }
.nav { background-color: #384ea0; width: 160px; top: 0; left: 0; bottom: 0; z-index: 10; }
.tag { background-color: #f5f5f5; left: 170px; top: 0; height: 44px; right: 0; border-bottom: #e0e0e0 1px solid; }

.menu-wrap, .frame-wrap { background-color: #fff; position: absolute; top: 0; bottom: 0; }
.menu-wrap { left: 0; width: 160px; border-right: #e0e0e0 1px solid; }
.frame-wrap { right: 0; left: 160px; border-left: #e0e0e0 1px solid; }

#frameContainer { background-color: #f5f5f5; top: 45px; left: 170px; right: 0; bottom: 0; }
#frameContainer div { position: absolute; top: 0; left: 0; bottom: 0; right: 0; }
#frameContainer iframe { position: relative; }
#frameContainer div { display: none; }
#frameContainer div.active { display: block; }

.menu-container { position: absolute; top: 111px; left: 0; bottom: 0; width: 100%; overflow: hidden; }
.menu-container a { display: block; position: relative; height: 52px; line-height: 52px; font-size: 15px; font-weight: bold; padding: 0 10px 0 10px; color: #666; text-decoration: none; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.menu-container a:hover { background-color: #f5f5f5; }
.menu-container b, .menu-container i { display: block; position: absolute; top: 50%; }
.menu-container i { width: 12px; height: 12px; margin-top: -6px; right: 20px; background-image: url(images/icon-01.png); }
.menu-container > ul { }
.menu-container > ul > li { }
.menu-container > ul > li > a { }
.menu-container > ul > li > a b { width: 20px; height: 20px; left: 20px; margin-top: -10px; }

.menu-container > ul > li ul { }
.menu-container > ul > li.active> a { background-color: #0363b9; color: #fff; }
.menu-container > ul > li.active > a b { background-position: 0 -20px; }
.menu-container > ul > li.active > a i { background-position: 0 -24px; }
.menu-container > ul > li.active.open > a i { background-position: 0 -36px; }
.menu-container > ul > li.active.open > ul { display: block;  }
.menu-container > ul > li > ul > li > a { font-size: 15px; font-weight: normal; }
.menu-container > ul > li > ul > li > a i { background-image: url(images/icon-03.png); }
.menu-container > ul > li > ul > li.active > a { color:#0055a0; }
.menu-container > ul > li > ul > li.active > a i { background-position: 0 -12px; }
.menu-container > ul > li > ul b { width: 12px; height: 12px; margin-top: -6px; left: 15px; background-image: url(images/icon-02.png); }
.menu-container > ul > li > ul > li.active ul { display: block; margin: 0 0px; border-bottom: #e0e0e0 1px solid; border-top: #e0e0e0 1px solid; }
.menu-container > ul > li > ul > li.active b { background-position: 0 -12px; }
.menu-container > ul > li > ul > li > ul a { font-size: 15px; font-weight: normal; height: 42px; line-height: 42px; padding: 0 20px 0 15px;  }
.menu-container > ul > li > ul > li > ul li.active a { color: #0055a0; }