~whychwj/haha.git

			@@ -3,7 +3,6 @@
			height: 100%;
			min-width: 1200px;
			overflow: hidden;
			overflow-x: auto;
			}
			.layui-table-view {
			margin: 0;
			@@ -11,7 +10,7 @@

			/* layui-page-filter */
			.page-filter-header {
			line-height: 36px;
			line-height: 32px;
			background: url('../images/table_th_bg.gif') repeat-x;
			text-align:center;
			}
			@@ -62,10 +61,15 @@
			border-color: #ccc;
			}
			.layui-form-pane .layui-form-label {
			background-color: #4EABE3;
			color: #FFFFFF;

			}

			.layui-tbl-filter {
			position: absolute;
			top: 8px;
			left: 8px;
			z-index: 891;
			}
			/分页样式/
			#paging{
			-webkit-user-select: none;
			@@ -95,7 +99,255 @@
			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;
			}
			.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;
			}