eip_manage/Hos-Process/WebRoot/commons/css/base.css

/* CSS Reset */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, th, td, i, em, label, iframe { margin: 0; padding: 0; }
fieldset, img { border: 0; }
abbr, acronym { border: 0; font-variant: normal; }
:focus { outline: 0; }
address, caption, cite, code, dfn,  em, strong, th, var, optgroup { font-style: inherit; font-weight: inherit; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; }
abbr, acronym { border: 0; font-variant: normal; }
input, button, textarea,  select, optgroup, option { font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; }
/*@purpose To enable resizing for IE */
/*@branch For IE6-Win, IE7-Win */
input, button, textarea, select { font-family:微软雅黑,"Microsoft Yahei",arial; *font-size: 100%; outline:0;}
:focus { outline:none;}
body { font:12px/20px 微软雅黑,"Microsoft Yahei",arial; color:#555; background-color: #fff; *background:#fff url(about:blank) fixed; }
ol li, ul li { list-style: none; }
table { border-collapse: collapse; border-spacing: 0; table-layout: fixed;}
fieldset, img { border: none; }
sup, sub { font-size: 100%; vertical-align: baseline; }
ins { text-decoration: none; }
del { text-decoration: line-through; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after,  q:before, q:after { content: ''; content: none; }
a:link, a:visited { color:#5072ac; text-decoration: none; }
a:hover {color:#2a68bf;}
i,em { font-style: normal;}
h1,h2,h3,h4,h5,h6 { color:#222;}

html,body{ width:100%; height:100%; overflow:hidden}
.nowrap{ max-width:100%; _width:100%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.bg-grey {background-color:#f7f8f9;}
/*字体*/
.txt-hide { text-indent: -100%; overflow: hidden; font-size: 0; line-height: 0;}
.bold { font-weight:bold;}
.f12 { font-size:12px; }
.f14 { font-size:14px; }
.f16 { font-size:16px; }
.f18 { font-size:18px; }
.f20 { font-size: 20px; }
.f22 { font-size: 22px; }
.f24 { font-size:24px;}
.t-left { text-align:left;}
.t-center { text-align:center; }
.t-right { text-align:right; }
.c-999 { color:#999; }
.c-555 { color:#555; }
.c-222 { color:#222;}
.c-4095ce { color:#4095ce;}
.c-ae { color:#aeaeae; }
.c-org { color:#f37b00;}/*橙色*/
.c-green { color:#4fb947;}/*绿色*/
.c-red { color:#ed4c3b;}/*红色*/
.c-blue { color:#4395ce;}/*蓝色*/
.c-c00 { color:#cc0000;}
.c-055 { color:#055555;}
.link-555 a:link,.link-555 a:visited,.link-555 a:active { color:#555; }
.link-555 a:hover, .link-222 a:hover, .link-fff a:hover {color:#2a68bf;}
.link-222 a:link,.link-222 a:visited,.link-222 a:active { color:#222; }
.link-fff a:link,.link-fff a:visited,.link-fff a:active { color:#fff; }

/* 浮动*/
.fl { display:inline; float:left;}
.fr { display:inline; float:right; }
.hide { display:none; height:0; line-height: 0;}
.hidden { overflow:hidden; _zoom:1; }
.c { clear:both; *zoom:1; *height:1px; _height:1px;}
.clearfix:after { content: "."; display: block; height: 0; font-size: 0; visibility: hidden; clear: both; }
.clearfix { *zoom: 1; }

/* 定位*/
.absolute{ position:absolute;}
.relative{ position:relative;}
.valign-m { display:inline-block; vertical-align:middle; *display:inline; *zoom:1;}
.valign-m-chk { font-family:Tahoma; vertical-align: middle;}
.valign-m-chk input { vertical-align:middle;}
.valign-m-chk .chkbox { *width:13px; *height:13px;}
.valign-m-chk span { vertical-align: middle;}

/*边距*/
.m0 { margin:0;}.m5 { margin:5px;}.m10 { margin:10px;}.m15 { margin:15px;}.m20 { margin:20px;}.m25 { margin:25px;}.m30 { margin:30px;}.m35 { margin:35px;}.m40 { margin:40px;}.m45 { margin:45px;}.m50 { margin:50px;}
.mb0 { margin-bottom:0;}.mb5 { margin-bottom: 5px;}.mb10 { margin-bottom: 10px;}.mb15 { margin-bottom: 15px;}.mb20 { margin-bottom: 20px;}.mb25 { margin-bottom: 25px;}.mb30 { margin-bottom: 30px;}.mb35 { margin-bottom: 35px;}.mb40 { margin-bottom: 40px;}.mb45 { margin-bottom: 45px;}.mb50 { margin-bottom: 50px;}
.mt0 { margin-top:0;}.mt5 { margin-top: 5px;}.mt10 { margin-top: 10px;}.mt15 { margin-top: 15px;}.mt20 { margin-top: 20px;}.mt25 { margin-top: 25px;}.mt30 { margin-top: 30px;}.mt35 { margin-top: 35px;}.mt40 { margin-top: 40px;}.mt45 { margin-top: 45px;}.mt50 { margin-top: 50px;}
.ml0 { margin-left:0;}.ml5 { margin-left: 5px;}.ml10 { margin-left: 10px;}.ml15 { margin-left: 15px;}.ml20 { margin-left: 20px;}.ml25 { margin-left: 25px;}.ml30 { margin-left: 30px;}.ml35 { margin-left: 35px;}.ml40 { margin-left: 40px;}.ml45 { margin-left: 45px;}.ml50 { margin-left: 50px;}
.mr0 { margin-right:0;}.mr5 { margin-right: 5px;}.mr10 { margin-right: 10px;}.mr15 { margin-right: 15px;}.mr20 { margin-right: 20px;}.mr25 { margin-right: 25px;}.mr30 { margin-right: 30px;}.mr35 { margin-right: 35px;}.mr40 { margin-right: 40px;}.mr45 { margin-right: 45px;}.mr50 { margin-right: 50px;}
.p0 { padding:0;}.p5 { padding:5px;}.p10 { padding:10px;}.p15 { padding:15px;}.p20 { padding:20px;}.p25 { padding:25px;}.p30 { padding:30px;}.p35 { padding:35px;}.p40 { padding:40px;}.p45 { padding:45px;}.p50 { padding:50px;}
.pb0 { padding-bottom:0;}.pb5 { padding-bottom: 5px;}.pb10 { padding-bottom: 10px;}.pb15 { padding-bottom: 15px;}.pb20 { padding-bottom: 20px;}.pb25 { padding-bottom: 25px;}.pb30 { padding-bottom: 30px;}.pb35 { padding-bottom: 35px;}.pb40 { padding-bottom: 40px;}.pb45 { padding-bottom: 45px;}.pb50 { padding-bottom: 50px;}
.pt0 { padding-top:0;}.pt5 { padding-top: 5px;}.pt10 { padding-top: 10px;}.pt15 { padding-top: 15px;}.pt20 { padding-top: 20px;}.pt25 { padding-top: 25px;}.pt30 { padding-top: 30px;}.pt35 { padding-top: 35px;}.pt40 { padding-top: 40px;}.pt45 { padding-top: 45px;}.pt50 { padding-top: 50px;}
.pl0 { padding-left:0;}.pl5 { padding-left: 5px;}.pl10 { padding-left: 10px;}.pl15 { padding-left: 15px;}.pl20 { padding-left: 20px;}.pl25 { padding-left: 25px;}.pl30 { padding-left: 30px;}.pl35 { padding-left: 35px;}.pl40 { padding-left: 40px;}.pl45 { padding-left: 45px;}.pl50 { padding-left: 50px;}
.pr0 { padding-right:0;}.pr5 { padding-right: 5px;}.pr10 { padding-right: 10px;}.pr15 { padding-right: 15px;}.pr20 { padding-right: 20px;}.pr25 { padding-right: 25px;}.pr30 { padding-right: 30px;}.pr35 { padding-right: 35px;}.pr40 { padding-right: 40px;}.pr45 { padding-right: 45px;}.pr50 { padding-right: 50px;}

/*按钮*/
.btn, .btn-gray, .btn-green { display:inline-block; text-align: center; overflow:visible; cursor:pointer; vertical-align: middle; -webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px; -webkit-transition: all .3s ease;-moz-transition: all .3s ease;-ms-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease; *display:inline; *zoom:1;}

.btn { width:60px; height:30px; background-color: rgba(70,128,208,.9);  filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#4680D0,endcolorstr=#4680D0); color:#fff; border:0;}
.btn:hover {background-color: rgba(70,128,208,1); filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#4680D0,endcolorstr=#4680D0);}
.btn-large { width: 90px; height: 36px; font-size: 14px;}
.btn-gray { width:58px; height:30px; background-color: #f3f3f3; color:#222; border:1px solid #cbcbcb;}
.btn-gray:hover { border-color:#b1b1b1; background-color: #f3f3f3;}
.btn-gray-large { width: 88px; height: 36px; font-size: 14px;}
.btn-green { width:40px; height:30px; font-size: 12px; background-color: rgba(79,185,71,.9); filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#4FB947,endcolorstr=#4FB947); color:#fff; border:0; cursor:pointer;}
.btn-green:hover {background-color: rgba(79,185,71,1); filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#4FB947,endcolorstr=#4FB947);}

.btn-w-auto { width:auto; padding:0 10px;}

.btn-block { display:block; width:100%;}

a.btn:link, a.btn:visited { color:#fff;}
a.btn { line-height: 30px;}
a.btn-large { line-height:36px;}
a.btn-gray:link, a.btn-gray:visited { color:#222;}
a.btn-gray { height: 28px; line-height: 28px;}
a.btn-gray-large { height: 34px; line-height: 34px;}
a.btn-green:link, a.btn-green:visited { color:#fff;}
a.btn-green { line-height: 30px;}

/*报表下载按钮+新增API按钮*/
.btn-down, .btn-add { display: inline-block; height: 30px; line-height: 30px; background:url(../images/btn.png) no-repeat; text-align: center; vertical-align: middle; cursor: pointer; opacity: .9; *display:inline; *zoom:1;}
.btn-down { padding-left: 26px; width: 64px; background-position: 0 0; color:#555;}
.btn-add { padding-left: 28px; width: 62px; background-position: -90px 0; color:#fff;}
a.btn-down:link, a.btn-down:visited { color:#555;}
a.btn-add:link, a.btn-add:visited { color:#fff;}
.btn-down:hover, .btn-add:hover { opacity: 1;}

/*分页*/
.page { padding:10px 0; height:30px; line-height: 30px; color:#555;}
.page a { display:inline-block; min-width:20px; _width:20px; height:20px; padding:4px; line-height: 20px; margin-right: 10px; text-align: center; border:1px solid #cbcbcb; background-color: #f3f3f3; color:#555; white-space: nowrap; -webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px; vertical-align: middle; *display:inline; *zoom:1;}
.page a:link, .page a:visited { color:#555;}
.page a:hover { color:#555; border-color:#a9a9a9;}
.page a.page-current { border-color:#009839; background-color: #4db944; color:#f2f2f2; cursor:default;}
.page a.page-current:link, .page a.page-current:visited { color:#f2f2f2;}
.page a.page-current:hover { color:#f2f2f2; border-color:#009839;}
.page a.disabled:link, .page a.disabled:visited { color:#999;}
.page a.disabled, .page a.disabled:hover { border-color: #e1e1e1; background-color: #fafafa; cursor:default;}
.page a.page-prev, .page a.page-next { padding:4px 10px;}
.page span { display:inline-block; height:30px; line-height: 30px; margin-right: 10px; vertical-align: middle; *display:inline; *zoom:1;}
.page .pageto { display:inline-block; width:90px; text-align:left; vertical-align: middle; *display:inline; *zoom:1; position:relative;}
.page .pageto .input-pageto { display:inline-block; width:50px; height:20px; line-height: 20px; padding:4px 0; border:1px solid #cbcbcb; text-align: center; background-color: #fff; color:#555; position:relative; z-index: 2; vertical-align: middle; *display:inline; *zoom:1;}
.page .pageto .btn-pageto { display:inline-block; width:50px; height:30px; margin-right: 10px; border:1px solid #cbcbcb; font-size: 12px; text-align: center; background-color: #f3f3f3; color:#555; cursor:pointer; vertical-align: middle; *display:inline; *zoom:1;}
.page .pageto .btn-pageto-w { position:absolute; left:0; top:0; *top:1px; width:100px; text-align: left;}
.page .pageto.pageto-focus .input-pageto { border-color:#cbcbcb;}
.page .pageto.pageto-focus .btn-pageto-w { left:50px;}
.page .pageto.pageto-focus .btn-pageto { display:inline-block; *display:inline; *zoom:1;}

/*图标*/
.icon { display:inline-block; background: url(../images/icons.png) no-repeat; vertical-align: text-top; overflow:hidden; *display:inline; *zoom:1;}
.icon-home { width:17px; height:14px; background-position: -60px 0; margin-top: 1px; margin-right: 5px;}
.icon-logout { width: 16px; height: 16px; background-position: -80px 0; margin-right: 5px;}
.icon-header-arr { width: 11px; height: 6px; background-position: -40px 0; margin-top: 5px; margin-left: 8px;}
.icon-suc { width: 15px; height: 15px; background-position: -80px -60px;}
.icon-info { width: 15px; height: 15px; background-position: -100px -60px;}
.icon-edit-blue { width: 16px; height: 16px; background-position: 0 -124px; margin:3px 5px 0 0;}
.icon-trash { width: 16px; height: 16px; background-position: -20px -124px; margin:3px 5px 0 0;}

/*表单*/
.form li:after, .form li:before { content:""; display:table; line-height: 0;}
.form li:after { clear:both;}
.form li { margin-bottom: 25px; *zoom:1;}
.form li label { display:inline; float:left; width:85px; height:37px; line-height: 37px; margin-right: 5px; text-align: right; color:#555;}
.form li label.label-w40 { width:40px;}
.form li .text-note { display:inline; float:left; margin:6px 0 0 10px; font-size: 12px; color:#aeaeae; line-height: 24px;}
.radio { margin-right: 20px; cursor:pointer; position:relative; _top:4px;}
.checkbox { margin-right: 20px; cursor:pointer; position:relative; _top:4px;}
.icon-radio { width:20px; height:20px; background-position: -20px -40px; vertical-align: text-top; margin-top: 1px; margin-right: 5px;}
.icon-radio-checked { background-position: 0 -40px;}
.icon-chkbox { width:20px; height:20px; background-position: -60px -40px; vertical-align: text-top; margin-top: 1px; margin-right: 5px;}
.icon-chkbox-checked { background-position: -40px -40px;}
.input-text { display:inline-block; padding:5px 10px; height:25px; line-height: 25px; border:1px solid #d6d8db; background-color: #fff; font-size: 14px; color:#555; *display:inline; *zoom:1;}
.input-text:hover { border-color:#cacaca;}
.input-text:focus { border-color:#3685f4;}
.input-text-w200 { width:180px;}
.input-text-w240 { width:220px;}
.input-text-w280 { width:260px;}
.input-text-w50 { width:30px;}
.input-text-w140 { width:120px;}
.textarea { display:inline-block; padding:5px 10px; height:75px; line-height: 25px; border:1px solid #d6d8db; background-color: #fff; color:#999; resize:none; overflow-y:auto; overflow-x:hidden; word-wrap: break-word; word-break: break-all; *display:inline; *zoom:1;}
.textarea:focus { border-color:#3685f4; color:#222}
.textarea-w330 { width:310px; max-width:310px; }
.textarea-w500 { width:480px; max-width: 480px; }
.textarea-w455 { width:435px; max-width: 435px; }
.textarea-w530 { width:510px; max-width: 510px; height:90px;}
.textarea-w680 { width:660px; max-width:660px; height:90px;}
.textarea-w790 { width:770px; max-width:770px; height:100px;}
.textarea-w1018 { width:1018px; max-width:1038px; height:110px;}
.textarea-w1000 { width:980px; max-width:980px; height:90px;}
.textarea-w805 { width:785px; max-width:785px; height:110px;}

/*列表*/
.ol { margin-left: 20px;}
.ol li { margin-bottom: 20px; }
.ol-small { margin-left: 15px;}
.ol-small li { margin-top: 5px; font-size: 12px;}
.ol-num li { list-style:decimal; }

/* 自定义滚动条 */
.scroll-pane {}
.jspContainer { overflow-y: hidden;}
.jspPane { position: absolute; }
.jspVerticalBar { position: absolute; top: 0; right: 0; width: 11px; height: 100%; background: transparent url(../images/scrollbar/bg-scrollbar-track-y.png) no-repeat 0 0; background-position: 0 0; z-index: 2;}
.jspHorizontalBar { position: absolute; bottom: 0; left: 0; width: 0; height: 0; background:none; }
.jspCap { display: none; }
.jspHorizontalBar .jspCap { float: left; }
.jspTrack { width:9px; padding: 0 1px; background: transparent url(../images/scrollbar/bg-scrollbar-trackend-y.png) no-repeat 0 100%; position: relative; }
.jspDrag { background: transparent url(../images/scrollbar/bg-scrollbar-thumb-y.png) no-repeat 50% 100%; position: relative; top: 0; left: 0; width: 9px; cursor: pointer; }
.jspDrag .jspDragTop { background: transparent url(../images/scrollbar/bg-scrollbar-thumb-y.png) no-repeat 50% 0; overflow: hidden; height: 5px; width: 9px; }
.jspHorizontalBar .jspTrack, .jspHorizontalBar .jspDrag { float: left; height: 100%; }
.jspArrow { background: #50506d; text-indent: -20000px; display: block; cursor: pointer; padding: 0; margin: 0; }
.jspArrow.jspDisabled { cursor: default; background: #80808d; }
.jspVerticalBar .jspArrow { height: 16px; }
.jspHorizontalBar .jspArrow { width: 16px; float: left; height: 100%; }
.jspVerticalBar .jspArrow:focus { outline: none; }
.jspCorner { background: #eeeef4; float: left; height: 100%; }
/* Yuk! CSS Hack for IE6 3 pixel bug :( */
* html .jspCorner { margin: 0 -3px 0 0; }

/*头部*/
.aside { display:inline; float: left; width: 190px; position: relative; z-index: 1000;}
.aside-collapsed {width:60px;}
.aside-ctrl { position: absolute; right: -20px; top: 0px; display:inline-block; width: 20px; height: 20px; overflow: hidden; background:url(../images/icons.png) no-repeat -20px 0; cursor:pointer; *display:inline; *zoom:1;}
.logo-wrap {height: 60px; border-bottom: 1px solid #191e23; background-color:#275DAC; text-align: center; position:relative; z-index:3; white-space: nowrap;}
.logo-wrap a {font-size:18px; line-height:60px; color:#fff; display:none}
.logo-wrap a.curr { display:block}
.a-menu-wrap { position: relative; z-index:1; background-color:#dde7f1; border-right:1px solid #bccddd;}
.a-divider { height:1px; margin: 0 10px; border:0; border-bottom:#cfdce9 1px solid; font-size: 0; width:90%;}
.a-menu { padding:15px 0 7px; width: 188px; position: relative;}
.a-menu-tit { padding-left: 15px; line-height: 24px; font-size: 16px; color:#1a1a1a;}
.icon-aside-1 { width: 24px; height: 24px; background-position: 0 -20px; margin-right: 15px;}
.icon-aside-2 { width: 24px; height: 24px; background-position: -40px -20px; margin-right: 15px;}
.icon-aside-3 { width: 24px; height: 24px; background-position: -80px -20px; margin-right: 15px;}
.icon-aside-4 { width: 24px; height: 24px; background-position: -120px -20px; margin-right: 15px;}
.icon-aside-5 { width: 24px; height: 24px; background-position: -160px -20px; margin-right: 15px;}
.icon-aside-6 { width: 24px; height: 24px; background-position: -80px -120px; margin-right: 15px;}
.a-menu-list { margin-top: 8px;}
.a-menu-list a { display:block; padding-left: 54px; line-height: 36px;}
.a-menu-list a:link, .a-menu-list a:visited { color:#4b4b4b;}
.a-menu-list li.current a, .a-menu-list a:hover { border-left: 3px solid #2a68bf; padding-left: 51px; background-color:#ccdff1;}
.a-menu-arr { display:none; position: absolute; color:#bccddd; font-size: 12px;}
.a-menu-arr-1 { display:none; position: absolute; color:#fff; font-size: 12px;}
.aside .arrow{ position:relative;  display:none; font-size: 0; line-height: 0; width: 0; height: 0; border-color:transparent; border-style:dashed; border-width:5px; position:absolute; z-index:999; right:-1px; top:40px; border-right-color:#fff; border-right-style:solid; }
.aside-collapsed .aside-ctrl { background-position: 0 0;}
.aside-collapsed .logo-wrap img { max-width: 100%; _width:expression(this.scrollWidth>60?"60px":"auto");}
.aside-collapsed .a-menu {width: 59px; padding:20px 0}
.aside-collapsed .a-menu.curr {background-color:#ccdff1}
.aside-collapsed .a-menu-tit { padding:0; font-size: 12px; text-align: center; cursor: pointer;}
.aside-collapsed .a-menu .a-menu-list {display:none}
.aside-collapsed .icon-aside-1, .aside-collapsed .icon-aside-2, .aside-collapsed .icon-aside-3, .aside-collapsed .icon-aside-4, .aside-collapsed .icon-aside-5 { display: block; margin:0 auto;}
.aside-collapsed .a-menu.curr .a-menu-list {display:block; position: absolute; left: 60px; top:-8px; width: 107px; min-height:72px; padding:7px 0; background-color:#fff; border:1px solid #e1e1e1;}

.aside-collapsed .a-menu-list li a { padding:0;padding-left:20px}
.aside-collapsed .a-menu-arr, .aside-collapsed .a-menu-arr-1 { display: block;}
.aside-collapsed .a-divider {width:39px}
.aside-collapsed .a-menu.curr .arrow {display:block}
.aside-collapsed .a-menu.curr .a-menu-list li.current a, .aside-collapsed .a-menu.curr .a-menu-list a:hover { border-left: 0; background-color:#2a68bf; color:#fff; display:block;}

.main { margin-left:190px;}
.header {position: relative; height: 60px; border-bottom: 1px solid #191e23; background-color:#2a68bf; z-index: 999;}
.header-home, .header-logout { padding:20px 15px; height: 20px; border-left: 1px solid #275DAC;}
.header-home a:link, .header-home a:visited, .header-logout a:link, .header-logout a:visited, .header-member-login a:link, .header-member-login a:visited { color:#fff; opacity: .9;}
.header-home a:hover, .header-logout a:hover { opacity: 1;}
.header-member { position: relative;}
.header-member .avatar-wrap { margin-top: 5px; width:50px; height: 50px; position:relative}
.header-member i.icon-avatar {background:url(../images/avatar-bg.png) no-repeat; display:inline-block; width:45px; height:9px; position:absolute; top:60px; left:5px; z-index:10}
.header-member .avatar-wrap img { width: 50px; height: 50px; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%;}
.header-member-img {-webkit-animation-name: wobble-vertical;
  animation-name: wobble-vertical;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;}
@-webkit-keyframes wobble-vertical {
   16.65% {
    -webkit-transform: translateY(8px);
    transform: translateY(8px);
  }

  33.3% {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px);
  }

  49.95% {
    -webkit-transform: translateY(4px);
    transform: translateY(4px);
  }

  66.6% {
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px);
  }

  83.25% {
    -webkit-transform: translateY(1px);
    transform: translateY(1px);
  }

  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes wobble-vertical {
    16.65% {
    -webkit-transform: translateY(8px);
    transform: translateY(8px);
  }

  33.3% {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px);
  }

  49.95% {
    -webkit-transform: translateY(4px);
    transform: translateY(4px);
  }

  66.6% {
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px);
  }

  83.25% {
    -webkit-transform: translateY(1px);
    transform: translateY(1px);
  }

  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
.header-member-login a { display:inline; float:left; padding:20px 15px; height:20px; min-width:60px; _width: 60px; white-space: nowrap; text-align: center; color:#fff}

.header-subnav { display:none; position:absolute; right:10px; top:61px; width:90px; margin-left:-46px; background-color: #fff; border:1px solid #e1e1e1; -webkit-border-radius: 0 0 3px 3px;-moz-border-radius: 0 0 3px 3px;border-radius: 0 0 3px 3px; -webkit-box-shadow: 0 0 5px rgba(0,0,0,.1);-moz-box-shadow: 0 0 5px rgba(0,0,0,.1);box-shadow: 0 0 5px rgba(0,0,0,.1);}
.header-subnav li { height:36px; line-height: :36px; border-bottom: 1px solid #f2f2f2;}
.header-subnav li a { float:none; display: block; padding:0 15px; height:36px; line-height: 36px; background-color: #fff; border:0;}
.header-subnav li a:link, .header-subnav li a:visited { color:#555;}
.header-subnav-arr { position:absolute; left:40px; top:-11px; display:block; width:0; height:0; border-width:5px; border-color:transparent transparent #d8d8d8 transparent; border-style:dashed dashed solid dashed;}
.header-subnav-arr em { position:absolute; left:-5px; top:-4px; display:block; width:0; height:0; border-width:5px; border-color:transparent transparent #ffffff transparent; border-style:dashed dashed solid dashed;}
.header-member .hover .header-subnav { display:block;}
.header-member .hover .header-subnav li a { background-color: #fff; border:0;}
.header-member .hover .header-subnav li a:hover { background-color: #2a68bf; color:#fff; border:0;}

.container-wrap {position: relative; background-color:#fff;}
.container-wrap .scroll-pane {overflow:hidden; _overflow-y:auto; position:relative; top:50px}
/* 提醒弹窗 */
.alsuc-box{ background:#fff; color:#333; padding:30px 45px 25px; text-align: center; font-size:16px; position:absolute; border:1px solid #4db944; z-index:10002; left:50%; top:50%;}
.alerr-box{ background:#fff; color:#ff5a20; padding:30px 45px 25px; text-align: center; font-size:16px; position:absolute; border:1px solid #ed896f; z-index:10002; left:50%; top:50%;}
.alsuc-box img,.alerr-box img{ vertical-align:middle; margin:0 8px 5px 0;}

/****** 弹窗 ******/
.mask { position:fixed; _position:absolute; left:0; top:0; width:100%; height:100%; _width:expression(eval(document.documentElement.scrollLeft+document.documentElement.clientWidth)); _height:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight)); background-color:#000; opacity:.5; filter:alpha(opacity=50); z-index:9999;}
.popbox { position:fixed; _position:absolute; left:50%; top:50%;_left:expression(eval(document.documentElement.scrollLeft+document.documentElement.clientWidth/2)); _top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight/2)); background-color:#fff; border:1px solid #92969b; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; z-index:10000;}
.popbox-info { width:598px; margin-left:-299px; margin-top:-210px;}
.pop-header { position:relative; height:48px; padding:0 20px; background:url(../images/pop-header-bg.gif) repeat-x; border-bottom:1px solid #b9b9b9; line-height:48px; font-size:16px; color:#222;}
.pop-header-bgc { background-color:#f1f1f1; background-image:none; border-bottom:1px solid #dcdcdc;}
.btn-closepop { position:absolute; right:20px; top:13px; display:block; width:22px; height:22px; background-position:-160px -240px;}
.bd-none { border:none;}
.pop-footer { *position:relative; margin:0 20px; padding:10px 0; border-top:1px solid #dcdcdc;}
.pop-con-box { *position:relative;}
.popcon { padding:20px 20px 10px; color:#555; overflow:visible;}

/*新增20150410*/
.tb { margin-top: 10px;}
.tb th { padding:10px 5px; border-top:1px solid #e1e1e1; border-right:1px solid #e1e1e1; border-bottom:1px solid #e1e1e1; background-color:#f2f2f2; line-height: 20px; font-size: 14px; color:#222; font-weight: bold; text-align: center;}
.tb th.last { border-right:none;}
.tb td { padding:10px 5px; line-height: 25px; background-color:#fff; border-bottom:1px solid #edf2f8; font-size: 12px; text-align:center; word-wrap: break-word; word-break:break-all;}
.tb .last td { border-bottom:1px solid #e1e1e1;}
.tb .hover td { background-color:#fafafa;}

/*日期时间*/
.icon-date { width: 18px; height: 16px; background-position: -100px 0;}
.date-wrap { position: relative; display: inline-block; height: 28px; width: 120px; border:1px solid #d6d8db; background-color:#fff; cursor: pointer; *display: inline; *zoom:1;}
.date-wrap .date-txt { width: 110px; height: 27px; line-height: 27px; border:none; background-color:#fff; color:#555; font-size: 12px; cursor: pointer; padding-left:10px}
.date-wrap .icon-date { position: absolute; right:5px; top:7px;}

/* 主体头 */
*html{_background-image:url(about:blank); _background-attachment:fixed; zoom:1;}
.main-header {height:49px; border-bottom:#e1e1e1 1px solid; box-shadow:0 0 2px #ccc; position:fixed; z-index:30; width:100%; background:#fff;_position:absolute; _top:expression(document.documentElement.scrollTop+(parseInt(this.currentStyle.marginTop,0)||0));}
.main-header ul {margin-left:0px}
.main-header li {display:inline-block; float:left; padding-top:20px; *padding-top:10px; position:relative; top:1px}
.main-header li span {display:inline-block; padding:0 20px; border-right:#f2f2f2 1px solid; height:14px; line-height:14px}
.main-header li.last span {border-right:0}
.main-header li a {display:block; padding:0 10px; font-size:14px; color:#333; text-align:center; padding-bottom:10px}
.main-header li a:hover , .main-header li a.curr {border-bottom:#2c68bf 2px solid;}
.main-header-btns {margin-right:230px}
/* 表单表格 */
.table-form td {padding:10px 5px; position:relative; text-align:left}
.table-text td {padding:18px 5px}
.table-form td.t {color:#222; text-align:right}
.table-form td.t sub {color:#f00; font-size:10px; -webkit-transform:scale(.8,.8); display:inline-block; vertical-align:top}

/* 表单 */
input.text { height:28px; line-height:28px; border:1px solid #d6d8db; padding:0 10px; color:#999; vertical-align: middle;}
input.big {height:34px; line-height:34px}
input.text:hover {border-color:#cacaca}
input.text:focus {border-color:#3685f4; color:#222}
input.w60 {width:40px;}
input.w115 {width:95px;}
input.w150 {width:130px}
input.w180 {width:160px}
input.w250 {width:230px}
select.select {height:28px; padding:4px 0; border:1px solid #d6d8db;}
select.w150 {width:150px;}

.custom-checkbox{position:relative; display:inline-block; vertical-align: middle; *display:inline; *zoom:1;}
.custom-checkbox input{display:none}
.custom-checkbox label{display:block;position:relative; padding-right:1em;line-height:1;padding:.5em 0 .5em 25px;cursor:pointer;}
.custom-checkbox label{background:url(../images/icons.png) no-repeat; position:relative;}
.custom-checkbox label{background-position:-480px 3px;}
.custom-checkbox label.hover,.custom-checkbox label.focus{background-position:-10px -114px;}
.custom-checkbox label.checked{background-position:-480px -77px;}
.custom-checkbox label.focus{outline:1px dotted #ccc;}

.custom-subtraction {border:#d6d8db 1px solid; width:48px; height:28px; overflow:hidden; display:inline-block; vertical-align:middle; *display:inline; *zoom:1;}
.custom-subtraction input {border:0; width:30px; height:30px; line-height:30px; text-align:center;}
.custom-subtraction a {display:block; background:#f1f1f1; width:15px; height:14px; line-height:12px; text-align:center; border-left:#d6d8db 1px solid;border-bottom:#d6d8db 1px solid; color:#666}
.custom-subtraction a.cut {*position:relative; *top:-2px; border-bottom:0}
.custom-subtraction a:hover {background:#fcfcfc}

.datetimepicker {background:url(../images/date.png) no-repeat right center}
/* 开关 */
.my-switch-box {width:34px; height:18px; border:#4fb947 1px solid; border-radius:10px; background:#4fb947; cursor:pointer; display:inline-block; margin-right:10px; position:relative; top:5px; *display:inline; *zoom:1;}
.my-switch-box span {display:block; width:16px; height:16px; border:#fff 1px solid; border-radius:50%; background:#fff; position:relative; top:0px; left:0px}
.my-switch-box.red {border-color:#ed4c3b; background:#ed4c3b}
.my-switch-box.red span {left:16px}