eip_manage/Hos-Process/WebRoot/commons/themes/default/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"; *font-size: 100%; outline:0;}
:focus { outline:none;}
body { font:14px/20px 微软雅黑,"Microsoft Yahei"; color:#555; background-color: #fff; *background:#fff url(about:blank) fixed; }
ol, ul { list-style: none; }
table { border-collapse: collapse; border-spacing: 0; }
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:#4095ce; text-decoration: none; }
a:hover {color:#e44319;}
i,em { font-style: normal;}
h1,h2,h3,h4,h5,h6 { color:#222;}

/*字体*/
.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-555 { color:#555; }
.c-222 { color:#222;}
.c-666 { color:#666;}
.c-4095ce { color:#4095ce;}
.c-ae { color:#aeaeae; }
.c-org { color:#ff6600;}/*橙色*/
.c-green { color:#00ad41;}/*绿色*/
.c-red { color:#e60012;}/*红色*/
.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 {color:#e44319;}
.link-222 a:link,.link-222 a:visited,.link-222 a:active { color:#222; }
.link-222 a:hover {color:#e44319;}

.text-note { color:#aeaeae;}

/* 浮动*/
.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; font-size:0; height: 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 .icon { vertical-align: middle;}
.valign-m-chk { display:inline-block; vertical-align:middle; font-family:Tahoma; *display:inline; *zoom:1;}
.valign-m-chk input { margin-right: 8px; vertical-align:middle;}
.valign-m-chk .chkbox { *width:13px; *height:13px;}

/*边距*/
.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 { display:inline-block; width:78px; height:30px; background-color: #5fa4da; font-size: 12px; color:#fff; border:1px solid #5196cd; text-align: center; overflow:visible; border:0; opacity:.8; cursor:pointer; -webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px; -webkit-transition: all .1s ease;-moz-transition: all .1s ease;-ms-transition: all .1s ease;-o-transition: all .1s ease;transition: all .1s ease; *display:inline; *zoom:1;}
.btn:hover { opacity:1;}

.btn-w50 { width: 48px;}
.btn-w65 { width: 63px;}
.btn-w100 { width:98px;}
.btn-w-auto { width:auto; padding:0 15px;}

.btn-green { background-color: #00ad44; color:#fff;}
.btn-blue { background-color:#00859e; color:#fff;}
.btn-gray { background-color: #efefef; color:#222; border:1px solid #a5a5a5;}
.btn-gray:hover { border-color:#a9a9a9;}

.btn-block { display:block; width:100%;}
.btn-gray-bb { height:30px; background-color: #f8f8f8; border-bottom: 1px solid #e1e1e1;}

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

.wrapper { min-width:1200px; max-width: 1600px; margin:0 auto;}

/*图标*/
.icon-aside { display:inline-block; background: url(../images/myd/aside-ico.png) no-repeat; vertical-align: text-top; overflow:hidden; *display:inline; *zoom:1;}
.icon-paper { width: 20px; height: 20px; background-position: 0 0;}
.icon-phone { width: 20px; height: 20px; background-position: -20px 0;}

.icon { display:inline-block; background: url(../images/myd/icons.png) no-repeat; vertical-align: text-top; overflow:hidden; *display:inline; *zoom:1;}
.icon-add { width: 14px; height: 14px; background-position: 0 -20px; margin: 4px 5px 0 0;}
.icon-add-w { width: 14px; height: 14px; background-position: -20px -20px; margin: 1px 5px 0 0;}
.icon-edit { width: 16px; height: 16px; background-position: 0 0; cursor: pointer;}
.icon-setting { width: 16px; height: 16px; background-position: -20px 0; cursor: pointer;}
.icon-up { width: 16px; height: 16px; background-position: -40px 0; cursor: pointer;}
.icon-down { width: 16px; height: 16px; background-position: -60px 0; cursor: pointer;}
.icon-trash { width: 16px; height: 16px; background-position: -80px 0; cursor: pointer;}
.icon-top { width: 16px; height: 16px; background-position: -40px -20px; cursor: pointer;}
.icon-bottom { width: 16px; height: 16px; background-position: -60px -20px; cursor: pointer;}
.icon-del { width: 16px; height: 16px; background-position: -80px -20px; cursor: pointer;}
.icon-light { width: 18px; height: 18px; background-position: 0 -40px; margin-right: 5px;}
.icon-preview { width: 16px; height: 10px; background-position: -20px -40px; margin:3px 8px 0 0;}
.icon-statics { width: 14px; height: 17px; background-position: -40px -40px; margin:0 8px 0 0;}
.icon-audio { width: 14px; height: 17px; background-position: -60px -40px; margin:0 5px 0 0;}
.disabled .icon-statics { background-position: -80px -40px;}
.disabled .icon-audio { background-position: -100px -40px;}
.icon-back { width: 14px; height: 16px; background-position:-100px 0; margin: 0 7px 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; height:25px; line-height: 25px; border:1px solid #ccc; background-color: #fff; font-size: 14px; color:#555; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; *display:inline; *zoom:1;}
.input-text:focus { border-color:#f1ca7f;}
.input-text-s { padding:3px 5px; width: 60px; height: 20px; line-height: 20px; font-size:12px;}
.input-text-w500 { width:490px;}
.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;}
.input-text-w150 { width:130px;}
.textarea { display:inline-block; padding:5px; height:100px; line-height: 24px; border:1px solid #ccc; background-color: #fff; font-size: 14px; color:#555; resize:none; overflow-y:auto; overflow-x:hidden; word-wrap: break-word; word-break: break-all; *display:inline; *zoom:1;}
.textarea:focus { border-color:#f1ca7f;}
.textarea-w600 { width:590px; max-width:590px; }
/*日期*/
.date { width: 120px; padding: 0 25px 0 5px; height: 26px; line-height: 26px; border:1px solid #ccc; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; background:url(../images/myd/datebg.png) no-repeat 129px 4px;}

/*列表*/
.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; }

/*自定义下拉框*/
.inp-sel { height:26px; padding:4px 5px; border:1px solid #bbb; vertical-align:middle; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; -webkit-box-shadow:inset 0 0 2px rgba(0,0,0,.2); -moz-box-shadow:inset 0 0 2px rgba(0,0,0,.2); box-shadow:inset 0 0 2px rgba(0,0,0,.2);}

/*表格  默认th顶部边框，td底部边框*/
.tb { table-layout:fixed;}
.tb th, .tb td { padding:10px 5px; text-align: center;}
.tb th { border-top:1px solid #e1e1e1; background-color:#f5f5f5; color:#222;}
.tb td { border-bottom:1px solid #dae5ec; font-size: 12px;}
.tb-border th, .tb-border td { border:1px solid #e1e1e1;}/*添加表格边框*/
.tb-hover tr:hover td { background-color: #f5f9fc;}/*鼠标滑过加底色*/

/*侧边导航*/
.aside { display: inline; float: left; width: 204px; padding-top: 18px; border-right: 1px solid #c3ced5; background-color:#f3f8fc;}

/*主体部分*/
.main { max-width: 1394px; min-width: 994px; margin-left: 204px; border-left: 1px solid #c3ced5;}
.main-tit { padding: 20px 0 15px 30px; height: 24px; line-height: 24px; border-bottom:1px solid #e1e1e1;}
.main-tit h2 { font-size:16px; font-weight: normal;}

/* 提醒弹窗 */
.alsuc-box{ background:#fff; color:#333; padding:30px 45px 25px; text-align: center; font-size:16px; position:absolute; border:1px solid #88D8A6; 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;}

/****** 弹窗 ******/
.pop {
_position: absolute;
_left: 0;
_top: 0;
_width: 100%;
_height:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight));
z-index: 1000;
}
.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=10); z-index:9;}
.popbox { position:fixed; left:50%; top:50%; background-color:#fff; border:1px solid #92969b; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; z-index:10;}
.popbox-w600 { width:598px; margin-left:-300px; margin-top:-210px;}
.pop-header { position:relative; height:48px; padding:0 20px; background-color:#f1f1f1; line-height:48px; font-size:16px; color:#222; border-bottom:1px solid #dcdcdc;}
.btn-closepop { position:absolute; right:20px; top:13px; display:block; width:22px; height:22px; background-position:-160px 0;}
.bd-none { border:none;}
.pop-footer { *position:relative; margin:0 20px; padding:10px 0; border-top:1px solid #dcdcdc;}
.pop-footer .btn-w100 { font-size: 14px;}
.pop-con-box { *position:relative;}
.pop-con { min-height:75px; padding:20px 20px 10px; color:#555; overflow:visible;}
.pop-divider { margin: 15px 0; height: 0; border-bottom:1px dashed #e1e1e1;}

/*404*/
.error-box { padding:140px 250px 175px 500px; background:url(../images/myd/404.jpg) 230px 100px no-repeat; }
.ico-error { width:38px; height:38px; display:inline-block; overflow:hidden; zoom:1; background:url(../images/myd/icons.png) -360px -20px no-repeat; }