/* === 全局 === */
|
/* 页面 */
|
html, body {
|
padding: 0;
|
margin: 0;
|
color: #666;
|
font: 14px 'Microsoft Yahei';
|
}
|
|
/* IE滚动条 */
|
* {
|
scrollbar-face-color: #c1c1c1;
|
scrollbar-track-color: #f1f1f1;
|
scrollbar-arrow-color: #505050;
|
scrollbar-shadow-color: #c1c1c1;
|
scrollbar-darkshadow-color: #f1f1f1;
|
scrollbar-highlight-color: #c1c1c1;
|
scrollbar-base-color: #f1f1f1;
|
scrollbar-3dlight-color: #f1f1f1;
|
}
|
|
/* 链接 */
|
a:link, a:visited {
|
color: #666;
|
text-decoration: none;
|
}
|
|
a:hover, a:active {
|
color: #e74c3c;
|
text-decoration: none;
|
}
|
|
/* 列表段落 */
|
ul {
|
list-style: none;
|
}
|
|
p, ul {
|
padding: 0;
|
margin: 0;
|
line-height: 30px;
|
}
|
|
p span.fr {
|
float: right;
|
}
|
|
p span.highlighter, td span.highlighter {
|
color: #e74c3c;
|
}
|
|
tr:hover td span.highlighter {
|
color: #fff;
|
}
|
|
span i.ok-check {
|
color: #e74c3c !important;
|
}
|
|
/* 图像 */
|
img {
|
border: 0;
|
}
|
|
/* 鼠标手型 */
|
.column-title, #channel-title {
|
cursor: pointer;
|
}
|
|
.column-title, #channel-titleAdd {
|
cursor: pointer;
|
}
|
|
|
.column-title, #channel-titleShow {
|
cursor: pointer;
|
}
|
/* 外间距 */
|
.mt15 {
|
margin-top: 15px;
|
}
|
|
.mt20 {
|
margin-top: 20px;
|
}
|
|
.ml10 {
|
margin-left: 10px;
|
}
|
|
.mr5 {
|
margin-right: 5px;
|
}
|
|
.mr10 {
|
margin-right: 10px;
|
}
|
|
.mr20 {
|
margin-right: 20px;
|
}
|
|
.mt3 {
|
margin-top: -3px;
|
}
|
|
.mtb2 {
|
margin-top: 2px;
|
margin-bottom: 2px;
|
}
|
|
.mtb20 {
|
margin-top: 20px;
|
margin-bottom: 20px;
|
}
|
|
/* 当前位置 */
|
#navigation {
|
overflow: hidden;
|
width: 100%;
|
height: 35px;
|
float: left;
|
background: #eee;
|
border-top: 1px #ccc solid;
|
border-bottom: 1px #ccc solid;
|
line-height: 35px;
|
text-indent: 10px;
|
}
|
|
#navigation i {
|
margin: 0 10px;
|
text-indent: 0;
|
}
|
|
/* 底部 */
|
#footer {
|
overflow: hidden;
|
width: 100%;
|
float: left;
|
margin-bottom: 10px;
|
}
|
|
/* 核心内容 */
|
#corel {
|
float: left;
|
margin: 0 10px;
|
}
|
|
#corel p.normal {
|
margin-bottom: 10px;
|
font-size: 14px !important;
|
line-height: 40px !important;
|
}
|
|
/* 版块 */
|
.columns {
|
width: 100%;
|
float: left;
|
margin-bottom: 30px;
|
}
|
|
/* 版块标题 */
|
.column-title {
|
width: 100%;
|
height: 40px;
|
float: left;
|
background: #eee;
|
font-size: 16px;
|
line-height: 40px;
|
}
|
|
/* 标题文字 */
|
.column-title > span {
|
width: 160px;
|
float: left;
|
text-align: center;
|
}
|
|
.column-title > span:nth-child(1) {
|
margin-left: 20px;
|
}
|
|
.column-title > span:hover, .column-title > span.current {
|
background: #1abc9c;
|
color: #fff;
|
}
|
|
/* 更多 */
|
.column-title > span.more {
|
width: auto;
|
float: right;
|
margin-right: 20px;
|
font-size: 12px;
|
}
|
|
.column-title > span.more:hover {
|
background: none !important;
|
}
|
|
/* 版块内容 */
|
.column-content {
|
width: 100%;
|
float: left;
|
padding: 10px 0;
|
border: 1px #eee solid;
|
border-bottom-left-radius: 5px;
|
border-bottom-right-radius: 5px;
|
}
|
|
/* 临时的演示图表 */
|
.column-content img.demo-chart {
|
display: none;
|
}
|
|
.column-content img.demo-chart {
|
width: 100%;
|
}
|
|
/* 列表 */
|
.column-content ul li {
|
width: 100%;
|
float: left;
|
line-height: 30px;
|
text-indent: 30px;
|
overflow: hidden;
|
text-overflow: ellipsis;
|
-o-text-overflow: ellipsis;
|
-webkit-text-overflow: ellipsis;
|
-moz-text-overflow: ellipsis;
|
white-space: nowrap;
|
}
|
|
/* 多列列表 */
|
.column-content ul li.li-half {
|
width: 50%;
|
}
|
|
.column-content ul li.li-three {
|
width: 33%;
|
}
|
|
/* 列表等级 */
|
/* .column-content ul li.level-a {
|
/* background: url(../Images/list-level-a.png) 10px center no-repeat;
|
}
|
|
.column-content ul li.level-b, .column-content ul li {
|
background: url(../Images/list-level-b.png) 10px center no-repeat;
|
}
|
|
.column-content ul li.level-c {
|
background: url(../Images/list-level-c.png) 10px center no-repeat;
|
} */
|
|
.column-content ul li.level-a a {
|
color: #e74c3c;
|
}
|
|
.column-content ul li.level-b a {
|
color: #666;
|
}
|
|
.column-content ul li.level-c a {
|
color: #ccc;
|
}
|
|
/* 统计数字 */
|
.column-content ul li > .count {
|
margin: 0 10px;
|
color: #e74c3c;
|
}
|
|
/* 查看下载 */
|
.column-content ul li > .view-down {
|
display: none;
|
}
|
|
.column-content ul li:hover > .view-down {
|
display: block;
|
float: right;
|
margin-right: 20px;
|
}
|
|
.column-content ul li:hover > .view-down a {
|
color: #e74c3c;
|
}
|
|
|
/* === 列表页 === */
|
/* 频道标题 */
|
#channel-title {
|
width: 100%;
|
height: 45px;
|
float: left;
|
margin: 15px 0 20px 0;
|
background: #5dade2;
|
border-top-left-radius: 5px;
|
border-top-right-radius: 5px;
|
color: #fff;
|
font-size: 16px;
|
font-weight: bold;
|
line-height: 45px;
|
text-indent: 20px;
|
}
|
|
#channel-title:hover, #channel-title:active {
|
background: #3498db !important;
|
}
|
|
#channel-title i {
|
float: right;
|
margin-right: 20px;
|
font-size: 24px;
|
line-height: 45px;
|
}
|
|
#channel-titleAdd {
|
width: 100%;
|
height: 45px;
|
float: left;
|
margin: 15px 0 20px 0;
|
background: #5dade2;
|
border-top-left-radius: 5px;
|
border-top-right-radius: 5px;
|
color: #fff;
|
font-size: 16px;
|
font-weight: bold;
|
line-height: 45px;
|
text-indent: 20px;
|
}
|
|
#channel-titleAdd:hover, #channel-title:active {
|
background: #3498db !important;
|
}
|
|
#channel-titleAdd i {
|
float: right;
|
margin-right: 20px;
|
font-size: 24px;
|
line-height: 45px;
|
}
|
|
|
#channel-titleShow {
|
width: 100%;
|
height: 45px;
|
float: left;
|
margin: 15px 0 20px 0;
|
background: #5dade2;
|
color: #fff;
|
font-size: 16px;
|
font-weight: bold;
|
line-height: 45px;
|
text-indent: 20px;
|
}
|
|
#channel-titleShow:hover, #channel-title:active {
|
background: #3498db !important;
|
}
|
|
|
/* 查询区域 */
|
#query-area {
|
display: none;
|
width: 100%;
|
float: left;
|
margin-bottom: 20px;
|
}
|
|
#query-areaAdd {
|
display: none;
|
width: 100%;
|
float: left;
|
margin-bottom: 20px;
|
}
|
|
#query-areaData {
|
display: none;
|
width: 100%;
|
float: left;
|
margin-bottom: 20px;
|
}
|
/* 表格容器 */
|
.table-container {
|
width: 100%;
|
overflow-x: scroll;
|
}
|
|
/* 表格 */
|
.dataTable {
|
width: 100%;
|
float: left;
|
margin: 10px auto;
|
border-collapse: collapse;
|
}
|
|
.dataTable.detail-table {
|
margin: 0 auto;
|
}
|
|
.dataTable tr.odd {
|
background: #eee;
|
color: #666;
|
}
|
|
.dataTable tr.even {
|
background: #fff;
|
color: #666;
|
}
|
|
.dataTable tr.current {
|
background: #4d6072;
|
color: #fff;
|
}
|
|
.dataTable tr.dataTitle {
|
background: #ccc !important;
|
color: #666 !important;
|
}
|
|
.dataTable tr.SumdataTitle {
|
background: #ccc !important;
|
color: #4d6072 !important;
|
font-size:18px;
|
}
|
|
.dataTable tr:hover {
|
background: #86a4bf;
|
color: #fff;
|
}
|
|
.dataTable td, .dataTable th {
|
min-width: 60px;
|
padding: 0 10px;
|
border: 1px #ccc solid;
|
white-space: nowrap;
|
word-break: keep-all;
|
align-content: center;
|
}
|
|
.dataTable td {
|
padding-bottom: 0px;
|
line-height: 35px;
|
white-space: nowrap;
|
word-break: keep-all;
|
align-content: center;
|
}
|
|
.dataTable td a {
|
display: inline-block;
|
margin-left: 10px;
|
color: #4d6072;
|
}
|
|
.dataTable td a:hover, .dataTable td a:active {
|
color: #fff;
|
}
|
|
.dataTable th {
|
background: #ddd;
|
line-height: 40px;
|
text-align: center;
|
}
|
|
.dataTable tr td:nth-child(1), .dataTable tr td:nth-child(2) {
|
text-align: center;
|
}
|
|
.dataTable td.dataTd {
|
text-align: center;
|
}
|
|
.dataTable td.Remark {
|
word-break: break-all;
|
text-align: center;
|
width: 50px;
|
}
|
|
#select-all {
|
float: left;
|
margin-right: 5px;
|
margin-top: 10px;
|
}
|
|
/* 查询区域表格 */
|
.dataTable.queryTable {
|
margin: 0 auto !important;
|
}
|
|
.dataTable.queryTable tr {
|
height: 30px !important;
|
}
|
|
.dataTable.queryTable tr:hover {
|
background: none !important;
|
color: #666;
|
}
|
|
.dataTable.queryTable td {
|
text-align: left !important;
|
}
|
|
.dataTable.queryTable td.queryTitle {
|
background: #eee;
|
color: #666;
|
font-size: 14px;
|
}
|
|
.dataTable.queryTable td.queryTitlevalue {
|
background: #eee;
|
color: blue;
|
font-size: 20px;
|
}
|
|
.dataTable.queryTable td.queryTitleMoney {
|
background: #eee;
|
color: blue;
|
font-size: 25px;
|
}
|
|
|
/* 分页 */
|
#pagenavi {
|
width: 100%;
|
height: 30px;
|
float: left;
|
margin: 20px auto;
|
}
|
|
#pagenavi a.page-btn {
|
width: 60px;
|
height: 30px;
|
float: left;
|
background: #1abc9c;
|
margin-right: 1px;
|
line-height: 30px;
|
text-align: center;
|
}
|
|
#pagenavi a.page-btn {
|
display: block;
|
color: #fff;
|
}
|
|
#pagenavi a.page-btn:hover, #pagenavi a.page-btn:active {
|
background: #1abc9c;
|
}
|
|
#pagenavi a.page-btn.page-btn-home, #pagenavi a.page-btn.page-btn-home:hover {
|
border-top-left-radius: 5px;
|
border-bottom-left-radius: 5px;
|
}
|
|
#pagenavi a.page-btn.page-btn-last, #pagenavi a.page-btn.page-btn-last:hover {
|
border-top-right-radius: 5px;
|
border-bottom-right-radius: 5px;
|
}
|
|
#pagenavi .page-info {
|
float: left;
|
margin-left: 10px;
|
line-height: 30px;
|
}
|
|
#pagenavi .page-info .num {
|
color: #e74c3c;
|
font-weight: bold;
|
}
|
|
#pagec {
|
width: 40px !important;
|
text-align: center !important;
|
}
|
|
.paginator input[type="submit"] {
|
width: 60px;
|
height: 30px;
|
background: #1abc9c;
|
color: #fff;
|
border: 0;
|
border-top-right-radius: 5px;
|
border-bottom-right-radius: 5px;
|
}
|
|
#pagenavi input[name="pager2_input"] {
|
width: 60px !important;
|
height: 30px !important;
|
border: 1px #1abc9c solid !important;
|
border-top-left-radius: 5px !important;
|
border-bottom-left-radius: 5px !important;
|
border-top-right-radius: 0 !important;
|
border-bottom-right-radius: 0 !important;
|
line-height: 30px !important;
|
text-align: center !important;
|
*color: #c00; /* For IE8 */
|
}
|
|
/* === 详情页 === */
|
/* 信息详情 */
|
.column-content .detail-content {
|
display: none;
|
}
|
|
.column-content .detail-content.detail-content-more {
|
display: block;
|
}
|
|
/* 表单元素容器 */
|
ul li.form-element {
|
width: 100%;
|
float: left;
|
background: none;
|
margin-bottom: 10px;
|
text-indent: 20px;
|
}
|
|
/* 多列表单元素容器 */
|
ul li.form-element.form-element-half {
|
width: 50%;
|
min-height: 35px;
|
line-height: 35px;
|
}
|
|
ul li.form-element.form-element-three {
|
width: 33%;
|
height: 35px;
|
line-height: 35px;
|
}
|
|
ul li.form-element.form-element-four {
|
width: 25%;
|
height: 35px;
|
line-height: 35px;
|
}
|
|
/* 表单 */
|
input, select, textarea {
|
font: 14px 'Microsoft Yahei' !important;
|
}
|
|
textarea {
|
width: 600px !important;
|
resize: none;
|
}
|
|
input[type="button"].btn-xs, input[type="submit"].btn-xs, input[type="reset"].btn-xs {
|
min-width: 60px;
|
}
|
|
input[type="text"], input[type="password"] {
|
max-width: 340px;
|
height: 28px;
|
padding: 0 10px;
|
border: 1px #ccc solid;
|
border-radius: 5px;
|
line-height: 28px;
|
}
|
|
input[type="text"].text-full, input[type="date"].text-full {
|
max-width: 100% !important;
|
}
|
|
input[type="text"].text-lg, input[type="date"].text-lg {
|
max-width: 500px;
|
height:34px;
|
}
|
|
|
input[type="text"].text-midlg, input[type="date"].text-midlg {
|
max-width: 250px;
|
}
|
|
input[type="text"].text-mid, input[type="date"].text-mid {
|
max-width: 160px;
|
}
|
|
input[type="text"].text-lit, input[type="date"].text-lit {
|
max-width: 100px;
|
}
|
|
input#MyFile {
|
display: none !important;
|
}
|
|
.form-control {
|
display: inline-block;
|
}
|
|
.select-block, .radio {
|
width: auto;
|
text-indent: 0;
|
}
|
|
.select-block {
|
width: auto !important;
|
height: 40px !important;
|
margin-top: 4px;
|
margin-left: -10px;
|
font-family: 'Microsoft Yahei' !important;
|
}
|
|
.select-block:hover {
|
color: black;
|
}
|
|
.select-block a {
|
text-decoration: none !important;
|
}
|
|
.select2-drop-active {
|
margin-left: 10px !important;
|
}
|
|
.radio, .checkbox {
|
display: inline-block;
|
text-indent: 0;
|
}
|
|
.select-item, .select-item2, .select-item3, .select-item4, .select-item4, .custom-checkbox {
|
width: 16px !important;
|
height: 16px !important;
|
}
|
|
.custom-radio {
|
width: 16px !important;
|
height: 16px !important;
|
}
|
|
#file-upload {
|
display: inline-block;
|
width: 225px;
|
height: 35px;
|
background: #2cc1a4;
|
margin: 2px 0;
|
border-radius: 5px;
|
color: #fff;
|
text-indent: 10px;
|
cursor: pointer;
|
}
|
|
#file-upload:hover {
|
background: #2fe2bf;
|
}
|
|
#file-upload i {
|
margin-right: 10px;
|
}
|
|
/* === 复杂详情页 === */
|
.detail-more-title {
|
width: 100%;
|
float: left;
|
margin-bottom: 10px;
|
border-bottom: 5px #4d6072 solid;
|
}
|
|
.detail-more-title span {
|
width: 120px;
|
float: left;
|
background: #4d6072;
|
margin: 0 0 0 20px;
|
color: #fff;
|
line-height: 35px;
|
text-align: center;
|
font-weight: bold;
|
}
|
|
/* 备注信息 */
|
textarea.form-control.note-info {
|
width: 96% !important;
|
}
|
|
.queryTitlevalue_All {
|
font-size: 18px;
|
color: blue;
|
}
|
|
.shade {
|
position: fixed;
|
top: 0;
|
left: 0;
|
width: 100%;
|
height: 100%;
|
background: #fff;
|
opacity: 0;
|
-moz-opacity: 0;
|
filter: alpha(opacity=0);
|
}
|
|
|
/* 09.Pop Message */
|
/* Container */
|
.popmsg {
|
width: 320px;
|
position: fixed;
|
border: 5px #34495e solid;
|
border-radius: 5px;
|
}
|
|
/* Title */
|
.popmsg-title {
|
width: 100%;
|
float: left;
|
background: #4e6d8d;
|
color: #fff;
|
font-size: 14px;
|
line-height: 30px;
|
text-indent: 20px;
|
}
|
|
.popmsg-title i {
|
font-size: 16px;
|
text-indent: 0;
|
margin-right: 10px;
|
}
|
|
/* Content */
|
.popmsg-content {
|
width: 100%;
|
float: left;
|
background: #fff;
|
padding: 10px;
|
line-height: 25px;
|
text-align: center;
|
}
|
|
.popmsg-close {
|
width: 100%;
|
float: left;
|
background: #fff;
|
padding: 5px 0;
|
text-align: center;
|
}
|
|
/* Primary */
|
.popmsg.popmsg-primary {
|
border: 5px #1abc9c solid;
|
}
|
|
.popmsg.popmsg-primary .popmsg-title {
|
background: #2fe2bf;
|
}
|
|
/* Information */
|
.popmsg.popmsg-info {
|
border: 5px #3498db solid;
|
}
|
|
.popmsg.popmsg-info .popmsg-title {
|
background: #5dade2;
|
}
|
|
/* Danger */
|
.popmsg.popmsg-danger {
|
border: 5px #e74c3c solid;
|
}
|
|
.popmsg.popmsg-danger .popmsg-title {
|
background: #ec7063;
|
}
|
|
/* Success */
|
.popmsg.popmsg-success {
|
border: 5px #2ecc72 solid;
|
}
|
|
.popmsg.popmsg-success .popmsg-title {
|
background: #55d98d;
|
}
|
|
/* Warning */
|
.popmsg.popmsg-warning {
|
border: 5px #f2c81d solid;
|
}
|
|
.popmsg.popmsg-warning .popmsg-title {
|
background: #f4d03f;
|
}
|
|
/* Content */
|
.popmsg-content {
|
width: 100%;
|
float: left;
|
background: #fff;
|
padding: 10px;
|
line-height: 25px;
|
text-align: center;
|
}
|
|
.popmsg-close {
|
width: 100%;
|
float: left;
|
background: #fff;
|
padding: 5px 0;
|
text-align: center;
|
}
|
