html {
font-size: 14px;
}
body,div,table,td,th,span,ul,ol,li,dl,dd,dt {
padding: 0;
margin: 0;
list-style: none;
font-size: 14px;
}
body {
font-family: 'Helvetica Neue', 'Luxi Sans', 'DejaVu Sans', Tahoma,
'Hiragino Sans GB', STHeiti, 'Microsoft YaHei';
}
.clear {
clear: both;
}
/*强制换行*/
td,div {
word-break: break-all; /*支持IE,chrome,FF不支持*/
word-wrap: break-word; /*支持IE,chrome,FF*/
}
body {
background: #fff;
}
input[type=checkbox],input[type=radio] {
vertical-align: -2px;
}
a:focus,a:active,a {
text-decoration: none
}
a:hover {
color: #2968AB;
text-decoration: none;
}
/* 滚动条样式 */
::-webkit-scrollbar { /* 1 */
width: 9px;
}
::-webkit-scrollbar-button { /* 2 */
}
::-webkit-scrollbar-track { /* 3 */
}
::-webkit-scrollbar-track-piece { /* 4 */
}
::-webkit-scrollbar-thumb { /* 5 */
border: solid 1px #ddd;
width: 5px;
border-radius: 4px;
background-color: #f3f3f5;
}
::-webkit-scrollbar-corner { /* 6 */
}
::-webkit-resizer { /* 7 */
}
::-webkit-scrollbar:horizontal {
height: 9px;
}
@
-moz-document url-prefix (http: //),url-prefix (https: //) {
/* 滚动条颜色 */ scrollbar { -moz-appearance:none!important;
background: rgb(0, 255, 0) !important;
}
/* 滚动条按钮颜色 */
thumb,scrollbarbutton {
-moz-appearance: none !important;
background-color: rgb(0, 0, 255) !important;
}
/* 鼠标悬停时按钮颜色 */
thumb:hover,scrollbarbutton:hover {
-moz-appearance: none !important;
background-color: rgb(255, 0, 0) !important;
}
/* 隐藏上下箭头 */
scrollbarbutton {
display: none !important;
}
/* 纵向滚动条宽度 */
scrollbar[orient="vertical"] {
min-width: 15px !important;
}
}
/* 重写bootstrap */
a {
color: #00a2d2;
text-decoration: none;
}
.div-rightsideinput[type="radio"],.div-rightside input[type="checkbox"]
{
margin-top: 2px;
}
.label {
font-weight: normal;
}
.breadcrumb {
padding: 0;
background: none;
}
.alert {
font-size: 14px;
line-height: 24px;
}
.pagination {
float: right;
color: #00a2d2;
}
.pagination:after {
clear: both;
content: "";
display: block;
}
.pagination>li {
float: left;
line-height: 30px
}
.pagination>li a {
color: #00a2d2;
}
.pagination .page-num-input {
width: 50px;
display: inline-block;
height: 31px;
}
.pagination .page-num-btn {
width: 50px;
display: inline-block;
height: 31px;
line-height: 18px;
padding: 0;
margin-top: -1px;
vertical-align: top
}
.table>thead>tr>th,.table>tbody>tr>th,.table>tfoot>tr>th,.table>thead>tr>td,.table>tbody>tr>td,.table>tfoot>tr>td
{
vertical-align: middle;
}
.navbar-right {
float: right !important;
margin: 0;
margin-right: -15px;
}
.navbar-right li {
float: left;
}
.navbar-right .dropdown-menu {
position: absolute;
right: 0;
left: auto;
}
@media ( max-width : 768px) {
.navbar-right .open .dropdown-menu {
position: absolute;
right: 0;
left: auto;
}
}
.modal-dialog {
margin: 0;
}
@media ( min-width : 768px) {
.modal-dialog {
margin: 0;
}
}
.nav-tabs {
margin-bottom: 10px;
}
.nav-tabs>li>a {
padding-top: 4px;
padding-bottom: 4px;
}
.nav-tabs>li>a:hover {
background: #fcfcfe;
}
label {
font-weight: normal;
}
.dropdown-menu li {
float: none
}
.badge {
background-color: #5bc0de;
}
/* 重写dropkick */
.dk_container {
margin-bottom: 0;
}
.form-horizontal .dk_container,.table-normal .dk_container {
width: 100%
}
.form-horizontal .dk_container .dk_toggle,.table-normal .dk_container .dk_toggle
{
width: 100% !important
}
.dk_container select {
display: none;
}
.dk_container a {
font-size: 14px;
font-weight: normal;
font-family: 'Helvetica Neue', 'Luxi Sans', 'DejaVu Sans', Tahoma,
'Hiragino Sans GB', STHeiti, 'Microsoft YaHei';
}
.dk_options a:hover,.dk_options:focus,.dk_options .dk_option_current a {
background-color: #00a2d2;
border-bottom-color: #0080a7;
}
.dk_options a {
border-bottom: none
}
.dk_toggle {
padding-top: 6px;
padding-bottom: 6px;
background: #fff;
}
.dk_options ul li a:hover {
color: #fff
}
.dk_options a:hover,.dk_options:focus,.dk_options .dk_option_current a {
text-shadow: none
}
/* 重写 easyui */
.tooltip {
border-color: #00a2d2;
color: #00a2d2;
}
.panel-body-noborder table /*,.list_tab table*/ {
table-layout: fixed;
!
important;
}
.panel-body-noborder td,.list_tab td {
word-break: break-all !important;
word-wrap: break-word !important;
}
.img_user img {
border-radius: 4px;
width: 130px;
height: 130px;
}
.datagrid-body td,.datagrid-body th {
border: none !important;
border-bottom: solid 1px #d5d5d5 !important;
padding-top: 3px !important;
padding-bottom: 3px !important;
padding-left: 4px !important;
}
.datagrid-header td,.datagrid-header th {
background: none;
border: none !important;
text-align: left !important;
padding-left: 4px !important;
}
.datagrid-header {
background-color: #fff !important;
border-width: 0 0 0px 0 !important;
}
.datagrid-td-rownumber {
background-color: none !important;
background: none !important;
}
.combo-panel .datagrid-header td,.datagrid-header th {
border-bottom: solid 1px #d5d5d5 !important;
border-top: none !important;
font-weight: bold;
}
.datagrid-header-row {
height: 45px;
}
.datagrid-header-row td {
border-bottom: 1px solid #ddd !important;
border-top: 1px solid #ddd !important;
}
.datagrid-row {
height: 38px;
}
.datagrid-header .datagrid-cell span {
font-size: 14px;
font-weight: bold;
}
.datagrid-cell,.datagrid-cell-group,.datagrid-header-rownumber,.datagrid-cell-rownumber
{
font-size: 14px;
}
.datagrid-row-over,.datagrid-header td.datagrid-header-over {
background: #f5f5f5;
}
.datagrid-row-selected {
background: #D4F4FF;
color: #333;
}
.datagrid-header td.datagrid-row-selected.datagrid-header-over {
background: #f5f5f5;
}
.no_record {
width: 162px;
margin: 0 auto;
line-height: 32px;
}
.no_record .icn {
float: left;
background-image: url(../images/icn_2.gif);
background-repeat: no-repeat;
background-position: center top;
width: 26px;
height: 38px;
margin-right: 10px;
}
/*底端页面*/
.foot-page {
float: right;
width: 100%;
margin: 20px 0px;
padding-top: 0px;
padding-bottom: 15px; /*background-color: #fff;*/
color: #333;
font-family: 宋体;
font-size: 13px;
border-radius: 4px;
text-align: right;
}
.foot-page2 {
padding-bottom: 6px;
}
.foot-page ul {
margin-right: auto;
float: left;
}
.foot-page ul li {
float: left;
padding-left: 1px;
padding-right: 1px;
border-radius: 4px;
line-height: 1.42857143;
}
.foot-page ul li a {
float: left;
color: #005aa0;
text-decoration: none;
border: solid 1px #ddd;
padding: 4px 10px 4px 9px;
border-radius: 4px;
}
.foot-page ul li a:hover {
color: #fff;
text-decoration: none;
background-color: #0683d4;
border: solid 1px #0683d4;
}
.foot-page ul li .xz {
color: #ff7e00;
background-color: #f7f7f7;
border-color: #ff7e00;
}
.foot-page .dd {
float: left;
padding-left: 6px;
padding-right: 5px;
line-height: 30px;
color: #0683d4;
font-weight: bold;
font-family: @ 黑体;
font-size: 16px;
}
.foot-page span {
line-height: 30px;
padding-left: 5px;
float: left;
display: table-cell;
color: #005aa0;
}
.foot-page .form-control {
padding: 6px 1px;
line-height: 1.42857;
}
.foot-page span .pageNum {
width: 50px;
float: left;
height: 30px;
padding-left: 20px;
line-height: 0px;
text-align: center;
}
.foot-page span .btnGoPage {
float: left;
height: 26px;
padding: 3px 5px 2px 6px;
margin-top: 2px;
color: #005aa0;
font-family: 宋体;
font-size: 13px;
}
.foot-page dd {
float: left;
padding-left: 3px;
padding-right: 3px;
line-height: 30px;
width: 80px;
}
.foot-page dd a {
float: left;
height: 28px;
line-height: 28px;
color: #333;
text-decoration: none;
border: solid 1px #d7d7d7;
padding: 0px 12px 0px 10px;
}
.foot-page dd a:hover {
color: #fff;
text-decoration: none;
background-color: #ff7e00;
border: solid 1px #ff7e00;
}
.foot-page dd input {
float: left;
width: 32px;
height: 26px;
text-align: center;
border: solid 1px #d7d7d7;
font-size: 14px;
}
.tree-node-hover {
color: inherit;
background: #f6f6f6;
}
/* 按钮 */
.btn-default .glyphicon {
color: #00A2D2;
}
.btn-default .glyphicon-trash {
color: #f00;
}
.btn:active,.btn:focus {
outline: none !important
}
/* 通用 */
.ml-5 {
margin-left: -5px;
}
.p0 {
padding: 0 !important;
}
.mb10 {
margin-bottom: 10px !important
}
.mb15 {
margin-bottom: 15px !important
}
.red {
color: #f00
}
.ml10 {
margin-left: 10px;
}
.mr10 {
margin-right: 10px;
}
.mt10 {
margin-top: 10px;
}
.center {
text-align: center;
}
.div-header {
position: fixed;
left: 0;
top: 0;
right: 0;
height: 30px;
background: #d4f4ff;
z-index: 9
}
.div-catalog {
position: absolute;
left: 0;
top: 30px;
right: 0;
height: 50px;
background: #fcfcfe;
box-shadow: 0 1px 6px rgba(0, 0, 0, 0.2);
}
.div-leftside-bg {
position: fixed;
top: 0;
left: 0;
bottom: 0;
width: 200px;
background: #e9faff;
transition: all 0.2s linear;
z-index: -1
}
.div-leftside {
width: 200px;
position: absolute;
left: 0;
top: 80px;
bottom: 0;
transition: all 0.2s linear;
}
.div-rightside {
/*position:absolute;left:200px;top:80px;bottom:0;right:0;*/
margin-left: 200px;
margin-top: 80px;
background: rgba(255, 255, 255, 0.3);
overflow: auto;
padding: 15px;
transition: all 0.2s linear;
}
.main-frame {
transition: all 0.2s linear;
}
.div-home {
margin: 80px 15px;
}
/* 顶部菜单 */
.div-header .glyphicon-user {
font-size: 12px;
color: #00a2d2
}
.nav .open>a,.nav .open>a:hover,.nav .open>a:focus,.navbar-nav>li>a:focus,.navbar-nav>li>a:active,.navbar-nav>li>a:hover
{
color: #fff;
background-color: #00a2d2
}
.navbar-nav>li>a {
padding-top: 5px;
padding-bottom: 4px;
line-height: 21px;
}
.navbar-nav>li.open>a .glyphicon {
color: #fff
}
/* 顶部弹出 */
.pop-dropdown-apps {
background: #fff;
width: 380px;
min-height: 140px;
border: 1px solid #c9c7c7;
box-shadow: 0px 3px 8px #aaa;
border-radius: 6px;
position: relative;
}
.pop-dropdown-apps .pda_arr {
border-left: 7px solid transparent;
border-right: 7px solid transparent;
border-bottom: 7px solid #fff;
position: absolute;
left: 160px;
top: -7px;
}
.pop-dropdown-apps dl,.pop-dropdown-apps dd {
list-style: none;
padding: 0
}
.pop-dropdown-apps .pda-list {
width: 346px;
margin: 18px auto;
}
.pop-dropdown-apps .pda-list dd {
display: inline;
float: left;
text-align: center;
}
.pop-dropdown-apps .pda-list dd a {
text-decoration: none;
color: #000;
font-size: 12px;
display: block;
border: 1px solid #fff;
border-radius: 4px; /*width:60px;*/
height: 85px;
padding: 15px 20px 5px 20px !important;
}
.pop-dropdown-apps .pda-list dd a:hover {
border-color: #ccc;
background: #fff
}
.user-tk { /*width:300px; min-height:140px;*/
}
.user-tk .pda_arr {
border-left: 7px solid transparent;
border-right: 7px solid transparent;
border-bottom: 7px solid #fff;
position: absolute;
left: 276px;
top: -7px;
}
/*.user-tk .pda-list{ width:260px;}*/
.user-tk .pda-list img {
float: left;
width: 70px;
height: 70px;
border-radius: 4px;
}
.userright-list {
float: left;
padding-left: 18px;
}
.userright-list h1 {
clear: both;
font-size: 12px;
color: #107dc8;
padding-bottom: 3px;
padding: 0;
margin: 0
}
.userright-list h2 {
clear: both;
font-size: 12px;
color: #666;
font-weight: lighter;
padding: 6px 0;
line-height: 22px;
margin: 10px 0 0 0;
padding: 0
}
.userright-list h2 button {
display: block;
margin-top: 10px;
}
.userexit {
float: left;
width: 100%;
border-top: solid 1px #e5e5e5;
padding-top: 8px;
text-align: right;
margin-top: 10px;
}
.userexit .btn {
font-size: 12px;
}
.dropdown-user {
border: none;
background: none;
box-shadow: none;
top: 23px;
}
.userright-list h1 {
padding: 0;
}
.dropdown .caret {
transition: all 0.2s linear;
}
.open .caret {
transform: rotateZ(180deg);
}
.header-title {
color: #00a2d2;
float: left;
line-height: 30px;
}
/* 顶栏目 */
.dc-title {
margin-left: 15px;
margin-top: 8px;
}
/*.dc-title:before {content:"";height:23px;border-left:3px solid #00769e;float:left;margin-top:6px}*/
.dc-title .dc-name {
color: #00769e;
font-size: 23px;
}
.dc-title .dc-name .glyphicon {
font-size: 22px;
vertical-align: -2px;
padding-right: 8px;
}
.header-menu {
float: right;
margin-right: 15px;
}
.header-menu ul {
}
.header-menu ul li {
float: left;
text-align: center;
margin-left: 10px;
}
.header-menu ul li a {
display: block;
margin-top: 3px;
color: #999;
border-radius: 4px;
padding: 3px 10px;
}
.header-menu ul li a .glyphicon {
display: block;
font-size: 16px;
height: 19px;
color: #bbb
}
.header-menu ul li a:focus,.header-menu ul li a:active,.header-menu ul li a:hover
{
background-color: #f0f0f0;
text-decoration: none;
}
.header-menu ul li a.active {
background-color: #00A2D2;
color: #fff;
text-decoration: none;
}
.header-menu ul li a.active .glyphicon {
color: #fff
}
/* 左侧菜单 */
.leftside-switch {
line-height: 15px;
padding: 16px 0;
text-indent: -3px;
margin-top: -18px;
text-align: center;
cursor: pointer;
line-height: 0;
position: fixed;
left: 190px;
top: 50%;
background-color: #36bce4;
width: 10px;
transition: all 0.2s linear;
z-index: 20
}
.leftside-switch .glyphicon {
transform: scale(0.7);
color: #fff;
}
.leftside-switch .caret {
color: #fff;
transform: rotateZ(90deg);
transition: all 0.2s linear;
}
.leftside-switch:hover {
background: #00a2d2;
}
.left-nav-group {
margin: 10px;
border: 1px solid #ddd;
border-radius: 4px;
background-color: #fff;
position: relative;
}
.left-nav-group h2 {
margin: 0;
font-size: 14px;
background-color: #f0f0f0;
padding: 10px 15px;
color: #333;
font-weight: bold;
cursor: pointer;
display: block;
}
.left-nav-group ul {
}
.left-nav-group ul li {
}
.left-nav-group ul li a {
display: block;
padding: 10px 15px;
color: #666;
font-size: 12px;
}
.left-nav-group ul li a:hover {
text-decoration: none;
background-color: #D4F4FF
}
.left-nav-group ul li a.active {
background-color: #D4F4FF;
font-weight: bold;
color: #00A2D2;
}
.left-nav-group .lng-toggle .caret {
position: absolute;
right: 10px;
top: 15px;
transition: all 0.2s linear;
}
.left-nav-group-closed .lng-toggle .caret {
transform: rotateZ(180deg);
}
.left-nav-fixed-top {
position: fixed;
width: 200px;
left: 0;
top: 30px;
}
.left-nav-fixed-bottom {
position: fixed;
width: 200px;
left: 0;
bottom: 0;
}
.left-nav {
margin-top: 10px;
transition: all 0.2s linear;
}
.left-nav .left-nav-group:first-child {
margin-top: 0
}
.left-nav .left-nav-group:last-child {
margin-bottom: 0
}
/* 左侧栏收起 展示 */
.body-full-mode .div-leftside-bg,.body-full-mode .div-leftside {
left: -200px
}
.body-full-mode .leftside-switch {
left: 0
}
.body-full-mode .leftside-switch .caret {
transform: rotateZ(270deg);
}
.body-full-mode .div-rightside {
margin-left: 0;
}
.body-full-mode .left-nav-fixed-top {
left: -200px
}
.body-full-mode .left-nav-fixed-bottom {
left: -200px
}
/* 标题 */
.section-title {
font-size: 14px;
font-weight: bold;
border-bottom: 1px solid #ddd;
padding-bottom: 5px;
margin-bottom: 20px;
margin-top: 20px;
clear: both;
}
.table-title {
font-size: 14px;
font-weight: bold;
margin-top: 20px;
clear: both;
margin-bottom: 10px;
}
/* 表格栅格 */
.form-horizontal:after {
content: "";
clear: both;
display: block;
}
.form-btns {
text-align: center;
clear: both;
}
.fg-text {
width: 85px;
float: left;
}
.fg-input {
margin-left: 95px;
min-height: 34px;
}
.form-horizontal .form-group {
margin-left: 0;
margin-right: 0
}
@media ( max-width : 768px) {
.fg-text {
width: auto;
float: none
}
.fg-input {
margin-left: 0
}
}
@media ( max-width : 970px) {
.form-mix>.col-md-12>.control-label,.form-mix>.col-sm-12>.control-label
{
margin-bottom: 15px;
}
.form-mix>.col-md-12>.col-sm-10,.form-mix>.col-sm-12>.col-sm-10 {
margin-bottom: 15px;
}
}
/* 表格布局 */
.form-table-frame {
margin: 20px 30px
}
.form-table-frame th {
text-align: right;
padding-right: 25px
}
.form-table-frame th,.form-table-frame td {
padding-bottom: 15px
}
.td-right {
text-align: right !important
}
.td-left {
text-align: right !important
}
.td-center {
text-align: center !important
}
.td-15 {
width: 15%
}
.td-85 {
width: 85%
}
/* 右侧提示栏 */
.alert {
position: relative;
}
.alert .tf-close {
position: absolute;
right: 5px;
top: 5px;
width: 20px;
height: 20px;
text-align: center;
line-height: 20px;
background: rgba(255, 255, 255, 0.7);
border-radius: 4px;
border: 1px solid rgba(73, 148, 185, 0.45);
cursor: pointer;
}
.tf-open {
position: fixed;
right: -8px;
top: 101px;
width: 40px;
height: 40px;
text-align: center;
line-height: 44px;
background: rgba(255, 255, 255, 0.7);
border-radius: 4px;
border: 1px solid rgba(73, 148, 185, 0.45);
cursor: pointer;
z-index: 9;
}
.tf-open .glyphicon {
font-size: 18px;
opacity: 0.6
}
.tf-open:hover .glyphicon {
opacity: 1.0
}
.tips-frame {
right: -300px;
position: fixed;
top: 101px;
width: 300px;
height: auto;
transition: all 0.2s linear;
bottom: 20px;
overflow: auto
}
.show-tips-frame .main-frame {
margin-right: 300px;
transition: all 0.2s linear;
}
.show-tips-frame .tips-frame {
right: 0;
}
.show-tips-frame .tips-frame .tf-open {
display: none;
}
/* 右侧进度 */
.main-right {
position: absolute;
right: 10px;
top: 100px;
width: 290px;
}
.main-right .alert {
margin-bottom: 0px;
}
/* 表格 grid */
.table-normal thead {
background: -webkit-linear-gradient(#fff, #F4F4F3);
/* Safari 5.1 - 6.0 */
background: -o-linear-gradient(#fff, #F4F4F3); /* Opera 11.1 - 12.0 */
background: -moz-linear-gradient(#fff, #F4F4F3); /* Firefox 3.6 - 15 */
background: linear-gradient(#fff, #F4F4F3); /* 标准的语法 */
}
.table-normal thead tr th {
border-bottom: none;
padding: 12px 8px;
}
.table-normal {
border: none;
margin-bottom: 0
}
.table-normal th,.table-normal td {
border-color: #ddd
}
.table-normal .form-control {
height: 26px;
}
.table-normal .table {
border: none;
border-top: 1px solid #ddd;
}
.table-normal .table {
margin-bottom: 0
}
.table-bordered>thead>tr>th,.table-bordered>tbody>tr>th,.table-bordered>tfoot>tr>th,.table-bordered>thead>tr>td,.table-bordered>tbody>tr>td,.table-bordered>tfoot>tr>td
{
border-left: none;
border-right: none;
}
.table-line {
border-right: 1px solid #ddd
}
.table-line th,.table-line td {
border-color: #ddd;
border-left: 1px solid #ddd !important;
}
/*.table-line tr th:first-child,
.table-line tr td:first-child {border-left:none!important}*/
/* 加减行表格 */
.btn-plus,.btn-minus {
width: 26px;
height: 26px;
text-align: center;
padding: 0;
}
.btn-plus .glyphicon,.btn-minus .glyphicon {
color: #00A2D2
}
th.td-btn-plus,td.td-btn-plus {
padding: 3px 8px !important
}
/* 多列加减行 */
.panel-group {
margin-bottom: 0px;
}
.add-panel {
background: #e9faff;
padding: 15px 0 5px;
border: 1px solid #aed6e4;
border-radius: 0 0 4px 4px;
position: relative;
margin-top: 0;
}
.add-panel .dp-btns {
position: absolute;
right: 0;
top: -25px;
}
.add-panel .dp-btns li {
float: left;
}
.add-panel .dp-btns li .btn {
float: left;
padding-top: 2px;
padding-bottom: 1px;
border-radius: 4px 4px 0 0;
margin-left: -1px !important;
padding-left: 14px;
padding-right: 14px;
}
.panel-head {
height: 31px;
border: 1px solid #ddd;
border-bottom: none;
border-radius: 4px 4px 0 0;
background: -webkit-linear-gradient(#fff, #F4F4F3);
background: -o-linear-gradient(#fff, #F4F4F3);
background: -moz-linear-gradient(#fff, #F4F4F3);
background: linear-gradient(#fff, #F4F4F3);
padding: 1px;
margin-top: 10px;
}
.panel-arrow {
float: left;
width: 28px;
height: 28px;
text-align: center;
line-height: 26px;
cursor: pointer;
border-radius: 4px;
text-indent: -5px;
}
.panel-arrow:hover {
background-color: #f0f0f0
}
.panel-arrow .caret {
transition: all 0.2s linear;
}
.panel-title {
float: left;
color: #333;
font-size: 14px;
line-height: 28px;
}
.panel-btns {
float: right;
}
.panel-btns li {
float: left
}
.panel-btns li .btn {
color: #333;
border-color: #ccc;
border: none;
background: none;
height: 28px;
width: 28px;
text-align: center;
line-height: 28px;
padding: 0;
}
.panel-btns li .btn:hover {
background-color: #00A2D2;
color: #fff
}
.panel-btns li .btn:hover .glyphicon {
color: #fff
}
.switch-hide {
}
.panel-closed .panel-arrow .caret {
transform: rotateZ(180deg);
}
/* 色块 */
.edit-block {
background: #e9faff;
padding: 15px 0 5px;
border: 1px solid #aed6e4;
border-radius: 4px;
position: relative;
margin-top: 10px;
}
.read-block {
background: #fcfcfe;
padding: 15px 0 5px;
border: 1px solid #ddd;
border-radius: 4px;
position: relative;
margin-top: 10px;
}
.control-text {
padding-top: 7px;
}
/* 弹出框 */
.close span {
font-size: 26px;
}
.modal-footer {
clear: both;
}
.modal-tips .modal-content {
background: #d4f4ff;
box-shadow: none;
}
.modal-tips .modal-body {
text-align: center;
color: #00a2d2;
}
/* 搜索栏 */
.form-search {
background: #fcfcfe;
padding: 10px 0 0;
border: 1px solid #ddd;
border-bottom: none;
border-left: none;
border-right: none;
}
.form-search .input-group .form-control {
border-radius: 4px;
}
.form-search .input-group .input-group-btn .btn {
border-radius: 4px;
margin-left: 6px
}
.form-search .form-group {
margin-bottom: 10px !important;
}
.form-search .hid-form-group {
display: none;
}
.form-search .form-control {
height: 26px;
}
.form-search .dk_toggle {
padding-top: 2px;
padding-bottom: 2px;
}
.form-search .btn {
height: 26px;
line-height: 24px;
padding: 0 10px;
width: 78px;
}
.form-search .fg-input {
min-height: 0
}
@media ( min-width : 768px) {
.form-search .control-label {
padding-top: 3px;
}
}
/* 主题切换 */
.select-themes {
clear: both;
color: #666;
font-size: 12px;
margin-top: 10px;
float: right;
}
.select-themes ul {
width: 110%;
}
.select-themes ul li {
width: 31px;
margin: 4px 4px 0 0;
height: 30px;
float: left;
position: relative;
}
.select-themes ul li a {
display: block;
height: 30px;
border: 1px solid #ddd;
box-sizing: border-box;
}
.select-themes ul li a .glyphicon {
color: #0f0;
display: none
}
.select-themes ul li a.active {
border: 1px solid #0f0
}
.select-themes ul li a:hover {
border: 1px solid #0f0
}
.select-themes ul li a.active .glyphicon {
display: block
}
/* 右侧进度 */
.rul li {
margin-bottom: 20px;
background-color: #fff;
position: relative;
border: 1px solid #d8d8d8;
border-radius: 4px;
-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
padding: 10px;
margin: 10px 0px 10px 0px;
}
.rul li img {
border-radius: 4px;
width: 36px;
height: 36px;
float: left;
margin-top: 2px;
}
.rul li .neirong {
display: inline-block;
float: left;
margin-left: 12px;
width: 175px;
}
.rul li .neirongtitle {
font-size: 12px;
font-weight: bold;
color: #333;
}
/*wf 2015-4-9 测试组要求调整位置 修改审核意见框内状态位置 原来right:10px; top:10px;*/
.rul li .Rlable {
font-size: 12px !important;
float: right;
position: absolute;
right: 5px;
top: 5px;
font-weight: normal;
}
.rul li .neirongmesg {
font-size: 12px;
color: #888;
padding-top: 4px;
display: block;
line-height: 18px;
}
.rul li:hover {
background: #f0f0f0;
}
.rul li.active {
border: 1px solid #5cb85c;
box-shadow: 0 0 5px rgba(92, 184, 92, 0.62);
background: #fcfcfe
}
/* 步骤 */
.step-bar {
min-height: 40px;
margin-bottom: 20px;
}
.step-bar ul li {
float: left;
width: 25%;
text-align: center;
position: relative;
}
.step-bar ul li:before {
content: "";
width: 14px;
height: 14px;
background: #ccc;
border-radius: 100%;
display: inline-block;
position: absolute;
left: 50%;
margin-left: -7px;
top: 0
}
.step-bar ul li:after {
content: "";
display: block;
background: #ccc;
height: 1px;
width: 100%;
position: absolute;
top: 7px;
left: 0;
}
.step-bar ul li span {
margin-top: 20px;
display: inline-block;
}
.step-bar ul li:first-child:after {
width: 50%;
left: 50%;
}
.step-bar ul li:last-child:after {
width: 50%;
right: 50%;
}
.step-bar ul li.active:before,.step-bar ul li.active:after {
background: #00A2D2
}
.step-bar ul li.active span {
color: #00A2D2
}
.step-bar-cols-2 ul li {
width: 50%;
}
.step-bar-cols-3 ul li {
width: 33.3%;
}
.step-bar-cols-4 ul li {
width: 25%;
}
.step-bar-cols-5 ul li {
width: 20%;
}
.step-bar-cols-6 ul li {
width: 16.6%;
}
.step-bar-cols-7 ul li {
width: 14.2%;
}
.step-bar-cols-8 ul li {
width: 12.5%;
}
/* 页面主按钮组 */
.btn-toolbar {
float: right;
}
.btn-toolbar ul li {
float: left;
margin-left: 4px;
}
.btn-toolbar ul li .btn {
height: 26px;
font-size: 12px;
padding: 0 10px;
}
/* 表格操作栏 */
.table-toolbar {
border-top: 1px solid #ddd;
padding: 4px 0;
background: #fcfcfe;
}
.table-toolbar:after {
content: "";
display: block;
clear: both;
}
.table-toolbar .btn-toolbar {
float: left;
}
/* 表格里面的操作按钮 */
.td-lnks a {
display: inline-block;
width: 24px;
height: 24px;
border-radius: 4px;
text-align: center;
line-height: 24px;
}
.td-lnks a:hover {
background: #ddd;
}
.td-lnks a .glyphicon-remove,.td-lnks a .glyphicon-trash {
color: #f00;
}
.glyphicon-rotate {
transform: rotateY(180deg);
}
/* 树 */
.tree-frame {
width: 0;
overflow: hidden;
position: fixed;
left: 200px;
top: 80px;
bottom: 0px;
padding: 10px 0;
transition: 0.2s linear;
transition-property: width, left, padding
}
.tree-frame .tree {
border-width: 0
}
.show-tree-panel {
}
.show-tree-panel .tree-frame {
width: 300px;
bottom: 0px;
overflow: auto;
padding: 10px;
}
.show-tree-panel .tree-frame .tree {
border-width: 1px
}
.show-tree-panel .main-frame {
margin-left: 300px;
}
.tree-node {
height: 18px;
white-space: nowrap;
cursor: pointer;
display: block;
min-height: 38px;
padding-top: 9px;
border-bottom: 1px solid #ddd;
overflow: hidden;
}
.tree-node:after {
content: "";
display: block;
clear: both;
}
.tree {
margin: 0;
padding: 0;
list-style-type: none;
border: 1px solid #ddd;
border-radius: 4px;
}
.tree-icon {
display: none;
}
.tree-expanded,.tree-collapsed,.tree-folder,.tree-file,.tree-checkbox,.tree-indent
{
width: 20px;
}
.tree-collapsed,.tree-expanded {
font-family: 'Glyphicons Halflings';
webkit-font-smoothing: antialiased;
background: none;
text-align: center;
}
.tree-collapsed:before {
content: "\2b";
}
.tree-expanded:before {
content: "\2212";
}
.tree-node-selected {
background: #d4f4ff;
color: #00a2d2;
}
.body-full-mode .tree-frame {
left: 0;
}
.tree-frame-switch {
line-height: 15px;
padding: 16px 0;
text-indent: -3px;
margin-top: -18px;
text-align: center;
cursor: pointer;
line-height: 0;
position: fixed;
left: 200px;
top: 50%;
background-color: #36bce4;
width: 10px;
transition: all 0.2s linear;
z-index: 20
}
.tree-frame-switch .caret {
transform: rotateZ(270deg);
}
.show-tree-panel .tree-frame-switch {
left: 500px
}
@media screen and (-webkit-min-device-pixel-ratio:0) { /* Webkit */
.show-tree-panel .tree-frame-switch {
left: 480px
}
}
.show-tree-panel .tree-frame-switch .caret {
transform: rotateZ(90deg);
}
.tree-frame-switch .glyphicon {
transform: scale(0.7);
color: #fff;
}
.tree-frame-switch .caret {
color: #fff;
transform: rotateZ(-90deg);
transition: all 0.2s linear;
}
.tree-frame-switch:hover {
background: #00a2d2;
}
.body-full-mode .tree-frame-switch {
left: 10px
}
.body-full-mode .show-tree-panel .tree-frame-switch {
left: 300px
}
@media screen and (-webkit-min-device-pixel-ratio:0) { /* Webkit */
.body-full-mode .show-tree-panel .tree-frame-switch {
left: 280px
}
}
/* 后台首页 */
.home-panel-frame {
margin-left: -5px;
margin-right: -5px;
}
.home-panel {
height: 300px;
border: 1px solid #ddd;
margin-left: -10px;
margin-right: -10px;
margin-bottom: 10px;
padding: 10px;
background: #fcfcfe;
position: relative;
}
.home-panel .hp-title {
font-size: 14px;
font-weight: bold;
margin-bottom: 10px;
}
.home-panel .hp-more {
position: absolute;
right: -1px;
top: -1px;
}
.home-panel .hp-more .btn {
padding: 3px 8px;
border-radius: 0 0 0 6px;
color: #999;
}
.home-panel .table-title {
margin-top: 0px;
}
.home-panel .list-group-item {
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
}
/* 后台欢迎页 */
.div-welcome {
width: 750px;
margin: 50px auto;
border-radius: 4px;
border: 1px solid #ddd;
padding: 10px;
background-color: #fcfcfe;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.2)
}
.div-welcome .section-title,.div-welcome .table-title {
margin-top: 0px;
font-size: 18px;
padding: 5px 0 10px;
}
.input-group .btn {
border-radius: 0 4px 4px 0
}
.input-group .input-group-addon {
background: #fff
}
.input-group .input-group-addon .glyphicon {
color: #00A2D2;
}
.div-welcome .input-group {
margin-bottom: 10px;
}
.div-login {
width: 400px;
margin: 100px auto;
border-radius: 4px;
border: 1px solid #ddd;
padding: 15px 25px 30px;
background-color: #fcfcfe;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.2)
}
.div-login .section-title,.div-login .table-title {
margin-top: 0px;
font-size: 18px;
padding: 5px 0 10px;
}
/* 打印页 */
.div-print {
width: 750px;
margin: 50px auto;
border-radius: 0;
border: 1px solid #ccc;
padding: 10px;
background-color: #fff;
box-shadow: 6px 6px 0 rgba(0, 0, 0, 0.1)
}
/* 前台首页 框架 */
.home-layout {
max-width: 1000px;
margin: 0 auto;
padding: 10px;
}
.media-full-text .media-left {
display: block;
float: left;
}
.media-full-text .media-body {
display: inline;
}
.media-heading {
font-size: 16px;
font-weight: bold;
margin-bottom: 12px;
margin-top: 5px;
}
.home-panel .list-group-text .list-group-item {
text-overflow: inherit;
overflow: inherit;
white-space: normal;
}
.home-panel .more {
position: absolute;
top: 10px;
right: 10px;
}
.list-group-item-heading {
font-size: 16px;
}
.media .media-object {
margin-bottom: 8px;
}
.list-group-min .list-group-item {
padding-top: 9px;
padding-bottom: 9px;
}
.list-group-news .list-group-item {
padding: 4px 0;
border: none;
}
.list-group-news .list-group-item a:before {
content: "";
display: block;
width: 4px;
height: 4px;
border-radius: 100%;
background-color: #00A2D2;
float: left;
margin-top: 8px;
margin-right: 4px
}
.img-responsive,.thumbnail>img,.thumbnail a>img,.carousel-inner>.item>img,.carousel-inner>.item>a>img
{
max-width: none
}
.images-list {
}
.images-list ul li {
float: left;
width: 25%;
text-align: center;
margin-bottom: 10px;
}
.images-list .image-title {
display: block;
}
.cols-2 ul li {
width: 50%;
}
.cols-auto {
text-align: center;
}
.cols-auto ul li {
width: auto;
display: inline-block;
float: none;
margin-left: 4px;
margin-right: 4px;
}
.list-group-item.active,.list-group-item.active:hover,.list-group-item.active:focus
{
z-index: 2;
color: #fff;
background-color: #00A2D2;
border-color: #008ab3;
}
/* 前台版头 */
.home-topper {
background: #fcfcfe;
height: 60px;
border-bottom: 1px solid #ddd
}
.home-banner {
}
.home-logo {
float: left;
}
.home-text {
float: left;
font-size: 28px;
color: #00A2D2;
margin-left: 10px;
margin-top: -3px;
}
.home-logo .glyphicon {
font-size: 28px;
color: #00A2D2;
margin-top: 4px;
}
.home-top-nav {
float: right;
margin-top: 10px;
}
.home-top-nav ul li {
float: left;
margin-right: 20px;
}
.home-banner .home-layout {
padding-left: 15px;
padding-right: 15px;
}
.carousel-control.right,.carousel-control.left {
background: none
}
.carousel-control {
opacity: 0.2
}
/* 前台页脚 */
.footer {
text-align: center;
line-height: 24px;
padding: 10px;
background: #f0f0f0;
border-top: 1px solid #ddd;
color: #666;
}
/* 时间控件样式 */
.form-control.Wdate {
width: 190px;
display: inline-block;
height: 33px;
/* border: #CCC 1px solid;
background-color: #fff */
}
.file_one {
display: block;
float: left;
padding: 2px;
text-align: center;
border: 1px solid #ddd;
margin-right: 4px;
background-color: #f9f9fa;
}
.file_one .img1 {
margin: 0;
margin-bottom: 2px;
display: block;
clear: both;
margin: 6px auto;
width: 60px;
height: 60px;
}