html, body {
|
width: 100%;
|
height: 100%;
|
min-width: 1200px;
|
overflow: hidden;
|
}
|
.layui-table-view {
|
margin: 0;
|
}
|
|
/* layui-page-filter */
|
.page-filter-header {
|
line-height: 32px;
|
background: url('../images/table_th_bg.gif') repeat-x;
|
text-align:center;
|
}
|
.layui-page-filter-fweight {
|
font-weight: bold;
|
text-align: center;
|
}
|
.page-filter-content table{
|
width: 100%;
|
}
|
.page-filter-content table td {
|
border: 1px solid #ccc;
|
}
|
.layui-page-filter-tbl-header td {
|
font-size: 14px;
|
padding: 6px 0;
|
}
|
|
.page-filter-content .layui-input,
|
.page-filter-content .layui-select {
|
border: 0;
|
}
|
.page-filter-content .layui-input {
|
height: 30px;
|
font-size: 14px;
|
}
|
.page-filter-content .layui-form-item {
|
margin: 0;
|
}
|
.page-filter-content .layui-input-block {
|
height: 30px;
|
min-height: 30px;
|
margin: 0;
|
}
|
.page-filter-content .layui-form-select dl {
|
top: 34px;
|
}
|
.layui-table thead tr {
|
color: #000;
|
font-weight: bold;
|
background:url('../images/table_th_bg.gif') repeat-x;
|
}
|
.layui-table-view .layui-table th {
|
font-weight: bold;
|
padding: 2px 0;
|
}
|
.layui-table td, .layui-table th {
|
border-color: #ccc;
|
}
|
.layui-form-pane .layui-form-label {
|
|
}
|
|
.layui-tbl-filter {
|
position: absolute;
|
top: 8px;
|
left: 8px;
|
z-index: 891;
|
}
|
/*鍒嗛〉鏍峰紡*/
|
#paging{
|
-webkit-user-select: none;
|
-moz-user-select: none;
|
-ms-user-select: none;
|
user-select: none;
|
padding:6px 0;
|
font-size: 14px;
|
background:url(../images/table_th_bg.gif) repeat-x;
|
text-align: center;
|
}
|
#paging input{
|
width:28px;
|
height:24px;
|
border:1px solid #00FFFF;
|
}
|
#paging span.total {
|
margin-left: 10px;
|
}
|
#paging span{
|
margin-left:20px;
|
}
|
#paging a{
|
margin-left:10px;
|
}
|
#paging .input_container{
|
width:100%;
|
}
|
|
body .layui-table th {
|
padding-top: 6px;
|
padding-bottom: 6px;
|
}
|
.abs {
|
position: absolute;
|
top: 0;
|
left: 0;
|
bottom: 0;
|
right: 0;
|
overflow:hidden;
|
}
|
.abs .abs-container {
|
position: relative;
|
height: 100%;
|
overflow-y: auto;
|
}
|
/* abs-left */
|
.abs.abs-left360 {
|
left: 360px;
|
}
|
/* abs-top */
|
.abs.abs-top41 {
|
top: 41px;
|
}
|
.abs.abs-top100 {
|
top: 100px;
|
}
|
.abs.abs-top200 {
|
top: 200px;
|
}
|
.abs.abs-top220 {
|
top: 220px;
|
}
|
.abs.abs-top225 {
|
top: 225px;
|
}
|
.abs.abs-top230 {
|
top: 230px;
|
}
|
.abs.abs-top300 {
|
top: 300px;
|
}
|
/* abs-bottom */
|
.abs.abs-bottom60 {
|
bottom: 60px;
|
}
|
.abs.abs-bottom70 {
|
bottom: 70px;
|
}
|
.abs.abs-bottom120 {
|
bottom: 120px;
|
}
|
/* overflow */
|
.abs.abs-overflow-y {
|
overflow:hidden;
|
overflow-y: auto;
|
}
|
/* z-index */
|
.abs.abs-index1n {
|
z-index: -1;
|
}
|
/* width */
|
.w54 {
|
width: 54px;
|
}
|
.w260 {
|
width: 260px;
|
}
|
.w272 {
|
width: 272px;
|
}
|
.w32 {
|
width: 32px;
|
}
|
.w375 {
|
width: 375px;
|
}
|
.w400 {
|
width: 400px;
|
}
|
.w420 {
|
width: 420px;
|
}
|
.w450 {
|
width: 450px;
|
}
|
.w120 {
|
width:120px;
|
}
|
.w3em {
|
width: 3em;
|
}
|
.w4em {
|
width: 4em;
|
}
|
.w5em {
|
width: 5em;
|
}
|
/* mrt */
|
.mrt30 {
|
margin-top: 30px;
|
}
|
/* mrl */
|
.mrl8 {
|
margin-left: 8px;
|
}
|
.mrr8 {
|
margin-right: 8px;
|
}
|
.mrb8 {
|
margin-bottom: 8px;
|
}
|
/* bg-color */
|
.bg-red {
|
background-color: #FF0000;
|
}
|
/* graph */
|
.graph {
|
width: 100%;
|
height: 100%;
|
background-color: #FFFFFF;
|
}
|
.graph-content {
|
width: 100%;
|
height: 100%;
|
}
|
/* text style */
|
.f-bold {
|
font-weight: bold;
|
}
|
/* my layui */
|
.popup .layui-card-body {
|
padding: 0;
|
}
|
/* index map style */
|
.map-info-detail .layui-colla-title {
|
height: 32px;
|
line-height: 32px;
|
}
|
.map-info-detail .layui-colla-content {
|
padding: 0;
|
}
|
/* video set */
|
.video-list {
|
position:absolute;
|
top: 0;
|
bottom: 0;
|
width: 240px;
|
right: 0;
|
background-color: none;
|
z-index: 99999;
|
}
|
.video-list.video-slideHide {
|
right: -240px;
|
}
|
.video-list .video-list-container {
|
position: relative;
|
width: 100%;
|
height: 100%;
|
}
|
.video-list-container .video-list-bg {
|
position: absolute;
|
top: 0;
|
left: 0;
|
right: 0;
|
bottom: 0;
|
opacity: .9;
|
background-color: #1E1A21;
|
z-index: -1;
|
}
|
.video-list-container .video-slideToggle {
|
position: absolute;
|
left: 0;
|
top: 50%;
|
margin-top: -10px;
|
padding: 4px 2px;
|
background-color: #303036;
|
opacity: .65;
|
color: #d0d0d6;
|
font-size: 18px;
|
}
|
.video-list.video-slideHide .video-slideToggle {
|
transform:rotate(180deg);
|
-ms-transform:rotate(180deg); /* IE 9 */
|
-moz-transform:rotate(180deg); /* Firefox */
|
-webkit-transform:rotate(180deg); /* Safari 鍜�Chrome */
|
-o-transform:rotate(180deg); /* Opera */
|
left: -18px;
|
}
|
.video-list-container .video-slideToggle:hover {
|
color: #FFFFFF;
|
}
|
.video-list-container .video-slideToggle i{
|
vertical-align: middle;
|
}
|
.video-list-container .video-list-content {
|
width:100%;
|
height: 100%;
|
overflow:hidden;
|
overflow-y: auto;
|
}
|
.video-list-container .video-list-content .video-item a{
|
display: block;
|
white-space: nowrap;
|
text-indent: 1em;
|
padding: 6px 0;
|
color: #d0d0d6;
|
}
|
.video-list-container .video-list-content .video-item a:hover {
|
background-color: #000000;
|
color: #FFFFFF;
|
opacity: .8;
|
}
|
.video-list-container .video-list-content .video-item.video-item-active a{
|
background-color: #000000;
|
color: #FFFFFF;
|
opacity: .8;
|
}
|
.video-list-container .video-list-content::-webkit-scrollbar {
|
width: 10px;
|
height: 1px;
|
}
|
.video-list-container .video-list-content::-webkit-scrollbar-thumb {
|
border-radius: 10px;
|
-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
|
background: #EDEDED;
|
}
|
.video-list-container .video-list-content::-webkit-scrollbar-track {
|
-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
|
border-radius: 10px;
|
background: #303036;
|
}
|
.upload-form-container .bottom-btn {
|
position: absolute;
|
right: 8px;
|
margin-top: 8px;
|
}
|
.page-link {
|
cursor: pointer;
|
}
|
.page-link:hover {
|
color: #1495E7;
|
}
|
.page-link:active {
|
color: #FF0000;
|
}
|
/* layui style */
|
body .layui-tab {
|
margin:1px 0;
|
}
|
body .layui-tab-content {
|
padding: 0;
|
}
|
|
.layui-form-pane.layui-form-pane-width180 .layui-form-label{
|
width: 180px;
|
}
|
.layui-form-pane.layui-form-pane-width180 .layui-input-block {
|
margin-left: 180px;
|
}
|
.layui-form-pane.layui-form-pane-width160 .layui-form-label{
|
width: 160px;
|
}
|
.layui-form-pane.layui-form-pane-width160 .layui-input-block {
|
margin-left: 160px;
|
}
|
|
.layui-form-select .my-layui-clear {
|
display: none;
|
}
|
.layui-form-selected .my-layui-clear {
|
display: inline-block;
|
position: absolute;
|
right: 30px;
|
top: 50%;
|
margin-top: -5px;
|
cursor: pointer;
|
}
|
|
