body{
    margin: 0;
    padding: 0;
    background-size: cover;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
::-webkit-scrollbar{  width: 6px; height: 6px;}
::-webkit-scrollbar-track { background-color: #fff;}
::-webkit-scrollbar-thumb{  border-radius:5px; background-color: #ccc;}
.container {
	width: 1600px;
	height: 800px;
	margin: 0 auto;
	padding: 0 !important;
	border: 1px solid rgb(98 12 11);
	background-color: rgb(114 29 24 / 82%);
}

[class^="panel"] {
	padding: 20px;	
	box-sizing: border-box;
}
p{text-indent: 2em;line-height: 30px;color:#eedeb9;;}

/* 水平布局*/
.h-container {
	display: flex;
	width: 100%;
	height: 100%;
}

.panel-left {
	width: 50%;
	height: 100%;
	overflow: auto;
}

.panel-right {
	flex: 1;
	height: 100%;
	padding: 0;
	overflow: hidden;
}

/* 垂直bar*/
.vertical-dragbar {
	padding: 3px;
	cursor: col-resize;
	background: rgb(98 12 11) url(../../img/vbar.png) center center no-repeat;
}
.vertical-dragbar:hover{
	background-color: rgb(98 12 11);
}

/* 垂直布局*/
.v-container {
	display: flex;
	flex-direction: column;
	width: 100%;
	height: 100%;
}

.panel-top {
	width: 100%;
	height: 50%;
	overflow: auto;
}

.panel-bottom {
	width: 100%;
	flex: 1;
	overflow: auto;
}

/* 水平 bar*/
.horizontal-dragbar {
	padding: 3px;
	cursor: row-resize;
	background: rgb(98 12 11) url(../../img/hbar.png) center center no-repeat;
}
.horizontal-dragbar:hover{
	background-color: rgb(98 12 11);
}