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:inherit;
|
font-size:99%;
|
vertical-align:baseline
|
}
|
html {
|
line-height:1
|
}
|
ol, ul {
|
list-style:none
|
}
|
table {
|
border-collapse:collapse;
|
border-spacing:0
|
}
|
caption, th, td {
|
font-weight:normal;
|
vertical-align:middle
|
}
|
input{ outline:none;}
|
q, blockquote {
|
quotes:none
|
}
|
q:before, q:after, blockquote:before, blockquote:after {
|
content:"";
|
content:none
|
}
|
a{ text-decoration:none;}
|
a img {
|
border:none
|
}
|
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
|
display:block
|
}
|
html {
|
*overflow:auto
|
}
|
body, button, input, select, textarea {
|
font-family:PingFang SC, Lantinghei SC, Microsoft Yahei, Hiragino Sans GB, Microsoft Sans Serif, WenQuanYi Micro Hei, sans;
|
font-size:14px
|
}
|
.clearfix:after {
|
content:"";
|
display:block;
|
height:0;
|
clear:both;
|
visibility:hidden
|
}
|
.clearfix {
|
display:inline-block
|
}
|
.clearfix {
|
height:1%
|
}
|
.clearfix {
|
display:block;
|
overflow:hidden
|
}
|
.ellipsis {
|
text-overflow:ellipsis;
|
white-space:nowrap;
|
overflow:hidden
|
}
|
.alert {
|
margin-bottom:20px;
|
padding:0 10px;
|
height:36px;
|
line-height:36px;
|
border:1px solid #ddd;
|
color:#888
|
}
|
.alert .close {
|
float:right;
|
font-size:12px;
|
color:#999
|
}
|
.alert .close:hover {
|
text-decoration:none
|
}
|
.alert.alert-warning {
|
background:#fff5db;
|
color:#e2ba89;
|
border-color:#ffe195
|
}
|
.alert.alert-error {
|
background:#fceee8;
|
color:#fc0000;
|
border-color:#fc0000
|
}
|
::-webkit-scrollbar-track-piece {
|
background-color:#fff;
|
-webkit-border-radius:0
|
}
|
::-webkit-scrollbar {
|
width:10px;
|
height:10px
|
}
|
::-webkit-scrollbar-thumb {
|
height:50px;
|
background-color:#b8b8b8;
|
-webkit-border-radius:6px;
|
outline:2px solid #fff;
|
outline-offset:-2px;
|
border:2px solid #fff;
|
filter:alpha(opacity=50);
|
-moz-opacity:0.5;
|
-khtml-opacity:0.5;
|
opacity:0.5
|
}
|
::-webkit-scrollbar-thumb:hover {
|
height:50px;
|
background-color:#878987;
|
-webkit-border-radius:6px
|
}
|
@font-face {
|
font-family:'iconfont';
|
src:url('../fonts/iconfont.eot?1464535104');
|
src:url('../fonts/iconfont.eot?&1464535104#iefix') format("embedded-opentype"), url('../fonts/iconfont.woff?1464535104') format("woff"), url('../fonts/iconfont.ttf?1464535104') format("truetype"), url('../fonts/iconfont.svg?1464535104#iconfont') format("svg")
|
}
|
.iconfont {
|
font-family:"iconfont" !important;
|
font-size:16px;
|
font-style:normal;
|
-webkit-font-smoothing:antialiased;
|
-webkit-text-stroke-width:0.2px;
|
-moz-osx-font-smoothing:grayscale
|
}
|
.kv-table {
|
border-right:1px solid #cacaca \9;
|
*border-right:1px solid #cacaca
|
}
|
.kv-table .kv-table-row {
|
border-bottom:1px solid #cacaca
|
}
|
.kv-table .kv-table-row .kv-item {
|
padding-left:134px
|
}
|
.kv-table .kv-table-row .kv-item .kv-label {
|
float:left;
|
padding:0 10px;
|
margin-left:-134px;
|
width:112px;
|
background:#f5f5f5;
|
border:1px solid #cacaca;
|
border-bottom:none;
|
border-top:none
|
}
|
.kv-table .kv-table-row .kv-item .kv-content-wrap {
|
float:left;
|
width:100%
|
}
|
.kv-table .kv-table-row .kv-item .kv-content {
|
padding:10px
|
}
|
.kv-table .kv-table-row.col-3 .kv-item-wrap {
|
float:left;
|
width:33.33%
|
}
|
.kv-table .kv-table-row.col-2 .kv-item-wrap {
|
float:left;
|
width:33.33%
|
}
|
table.kv-table {
|
width:100%
|
}
|
table.kv-table .kv-label {
|
padding:0 10px;
|
width:114px;
|
background:#f5f5f5;
|
border:1px solid #cacaca;
|
border-top:none
|
}
|
table.kv-table td.kv-content, table.kv-table td.kv-label {
|
height:29px;
|
padding:5px 0;
|
border-bottom:1px solid #cacaca;
|
font-size:14px;
|
padding-left:20px
|
}
|
table.kv-table tr:first-child td.kv-content, table.kv-table tr:first-child td.kv-label {
|
border-top:1px solid #cacaca
|
}
|
table.kv-table tr td.kv-content:last-child {
|
border-right:1px solid #cacaca
|
}
|
table.kv-table tr .button {
|
text-align:center;
|
border-radius:0;
|
text-indent:0;
|
height:32px
|
}
|
table.kv-table .kv-content {
|
width:260px;
|
padding:5px 10px
|
}
|
table.kv-table .textarea-wrap textarea {
|
width:98%
|
}
|
.wf25{ width:25%;}
|
.wf30{ width:30%;}
|
.wf80{ width:80%;}
|
.wf90{ width:90%;}
|
.wf100{ width:100px;}
|
.wf110{ width:110px;}
|
.wf120{width:120px;}
|
.wf130{width:130px;}
|
.wf150{width:150px;}
|
.wf180{width:180px;}
|
/*input*/
|
.inputText{ border:1px solid #d7d7d7; border-radius:3px; height:16px; line-height:16px; padding: 5px; display:inline-block;}
|
.inputText:focus{border: 1px solid #06F;}
|
.inputText.error{ border:1px dashed #f00;}
|
/*textarea*/
|
.textarea{border:1px solid #d7d7d7; border-radius:3px;padding:7px 5px; outline:none; resize:none;}
|
.textarea:focus{border: 1px solid #06F;}
|
/*button*/
|
.button{ display:inline-block; cursor:pointer; height:26px; line-height:26px; padding:0 12px; border-radius:3px; font-size:12px; background:#eee; border:1px solid #ccc; color:#000; border-radius:3px; margin-right:5px;}
|
.button:hover{ background:#fff;}
|
.blueButton{ background:#3a93d4; color:#fff; border:1px solid #3a93d4}
|
.blueButton:hover{ background:#59A4DB;}
|
.redButton{background:#d73d32;color:#fff; border:1px solid #d73d32;}
|
.redButton:hover{ background:#E74B37;}
|
.azureButton{background:#2dc3e8;color:#fff; border:1px solid #2dc3e8;}
|
.azureButton:hover{ background:#3ecdf1;}
|
.greenButton{background:#1CAF9A;color:#fff; border:1px solid #17a08c;}
|
.greenButton:hover{ background:#17a08c;}
|
.btnBottom{ text-align:center; padding:10px 0 5px 0;}
|
/*table行操作图标*/
|
.tbLineIcon{ color:#3a93d4; margin-right:5px;}
|
.tbLineIcon:hover{color:#ffa405;}
|
/*select下拉框和选择弹出框*/
|
.drowdownBox{ position:relative; z-index:1; display:inline-block; margin:0; padding:0;}
|
.drowdownInput{border:1px solid #d7d7d7; border-radius:3px; height:26px; line-height:24px;display:inline-block; background:#fff;position:relative;}
|
.drowdownInput:hover{border: 1px solid #06F;}
|
.drowdownInput.error{ border:1px dashed #f00;}
|
.drowdownInput input{border:none; cursor:pointer;margin-right:20px;}
|
.drowdownInput input:focus{ border:none; box-shadow:0 0 0; border-radius:0;}
|
.drowdownInput .downIcon{ width:20px; height:26px; background:url(../images/downArrow.png) no-repeat center center;position:absolute; right:0; top:0;}
|
.drowdownList{ position:absolute; top:25px; left:0; right:0;z-index:99;border:1px solid #d7d7d7;box-shadow:0 1px 3px rgba(0,0,0,0.15);}
|
.drowdownList div{background:#fff;height:25px; line-height:25px; padding:0 5px; margin:0; cursor:pointer;}
|
.drowdownList div:hover{ background:#f1f1f1;}
|
.drowdownInput .chooseIcon{ width:20px; height:26px; background:url(../images/chooseIcon.png) no-repeat center center;position:absolute; right:0; top:0;}
|
/*table行编辑*/
|
.datagrid-btable .drowdownInput{ border:none; background:none;height:24px;}
|
.datagrid-btable .drowdownInput:hover{border: 1px solid #06F; background:#fff;}
|
.datagrid-btable .drowdownInput:focus{ background:#fff;}
|
.datagrid-btable input{ border:none; background:none; padding:4px 5px;}
|
.datagrid-btable input.mdate {background:url(/Content/js/lhgcalendar/images/iconDate.gif) center right no-repeat;}
|
.datagrid-btable input:hover{ border:1px solid #06f; background:#fff;}
|
.datagrid-btable input.mdate:hover{ border:1px solid #06f; background:#fff url(/Content/js/lhgcalendar/images/iconDate.gif) center right no-repeat;}
|
|
.datagrid-btable input:disabled{ border:none; background:none;}
|
.datagrid-btable .drowdownInput input:hover{ border:none;}
|
.datagrid-btable select {width:100%;height:28px;background:none;}
|
.datagrid-btable select:hover {background:#fff;}
|
/*弹出层*/
|
.popUpDiv{ background:#fff; position:relative;}
|
.popCon{ padding:10px; overflow:auto;}
|
.popBottom{ width:100%; padding:5px 0; background:#fafafa; border-top:1px solid #ddd; text-align:right; position:absolute; left:0; right:0; bottom:0;}
|
/*选项卡*/
|
.tabsDiv .tab_title{ overflow:hidden; margin-bottom:-1px;}
|
.tabsDiv .tab_title a{ margin-left:5px;height:35px; line-height:35px; display:block; padding:0 16px; float:left; background:#e3e3e3; border:1px solid #cacaca; border-bottom:0; border-radius:3px 3px 0 0;font-size:13px; color:#000;}
|
.tabsDiv .tab_title a.tab_clicked{ background:#fff;border-top:3px solid #3a93d4;line-height:32px; height:32px;border-bottom:1px solid #fff;}
|
.tabsDiv .tab_box{border-top:1px solid #cacaca; padding:10px;}
|
.column{position:relative;height:23px;border-bottom:1px solid #d4d4d4;margin-bottom:10px}
|
.column span.current{position:relative;top:0px;display:inline-block;color:#3a93d4;font-size:13px;font-weight:bold;height:22px;line-height:22px;border-bottom:2px solid #ff9d02}
|
/*table式选项卡*/
|
.tableTabs .tab_title a{height:35px; line-height:35px;padding:0 16px; float:left; margin:0; margin-left:-1px; background:#f1f1f1; border:1px solid #cacaca; border-top:0; font-size:13px; color:#000; border-radius:0;}
|
.tableTabs .tab_title a.tab_clicked{ background:#fff;border-top:3px solid #3a93d4;line-height:32px; height:32px;border-bottom:1px solid #cacaca;}
|
/*tableTree*/
|
.tableTree th,.tableTree td{ height:30px; line-height:30px;}
|
.tableTree th{ font-size:14px; font-weight:bold; }
|
.tableTree span.indenter{ display:inline-block;width:20px; box-sizing:content-box; vertical-align:middle;}
|
.tableTree .downIcon{ width:20px; height:20px; display:inline-block; float:left; vertical-align:middle; background:url(../images/downArrow.png) no-repeat center top;}
|