html,body,div,textarea{
	margin: 0;
	padding: 0;
}
body{
	background-color: #F7F7F7;
	padding-top: 30px;
}
.main_all{
	margin: 0 auto;
	width: 100%;
}
.main_left{
	width: 40%;
}
.main_right{
	width: 56%;
	margin-left: 1%;
	border: 1px solid #ccc;
}
.main_left,.main_right{
	float: left;
}
textarea{
	resize:none;
	width: 100%;
	padding-left: 2%;
}
/*高度控制*/
.main_all,.main_left,.main_right,textarea{
	min-height: 640px;
}
.main_right_top{
	text-align: center;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	width: 100%;
	height: 40px;
}
.main_right_content{
	height: 600px;
    overflow: scroll;
}

ul.json-dict,
ol.json-array {
	list-style-type: none;
	margin: 0 0 0 1px;
	border-left: 1px dotted #ccc;
	padding-left: 2em
}

.json-string {
	color: #0b7500
}

.json-literal {
	color: #1a01cc;
	font-weight: 700
}

a.json-toggle {
	position: relative;
	color: inherit;
	text-decoration: none
}

a.json-toggle:focus {
	outline: none
}

a.json-toggle:before {
	color: #aaa;
	content: "\25BC";
	position: absolute;
	display: inline-block;
	width: 1em;
	left: -1em
}

a.json-toggle.collapsed:before {
	transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	-webkit-transform: rotate(-90deg)
}

a.json-placeholder {
	color: #aaa;
	padding: 0 1em;
	text-decoration: none
}

a.json-placeholder:hover {
	text-decoration: underline
}
/*@import url("https://apps.bdimg.com/libs/bootstrap/3.3.4/css/bootstrap.css");*/