@charset "utf-8";

/* #6374C7 
body {
	font-size: .25rem
}
*/
div {
	box-sizing: border-box
}

.dn {
	display: none
}

.clearfix:after {
	content: '\20';
	clear: both;
	height: 0;
	display: block
}

a {
	-webkit-tap-highlight-color: transparent
}

* {
	outline: 0 !important;
	-webkit-tap-highlight-color: transparent
}

img {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-o-user-select: none
}

:root {
	--el-fill-color-lighter: rgba(105, 124, 217, 0.05);
	--el-fill-color-light: rgba(105, 124, 217, 0.1);
}

input,
textarea {
	outline: 0;
	border: none;
	box-sizing: border-box;
	background: 0 0
}

#app {
	width: 100%;
	min-height: 100vh;
	background-color: #1a2c61;
	color: #e8f0ff;
	padding: 0 .2rem .2rem;
	overflow-x: hidden;
	font-size: 14px;
	box-sizing:border-box;
}

.main {

	margin-top: 15px;
}

#map {
	flex: 1;
	height:794px;
	margin-top: 15px;
	border-radius: 15px;
	overflow: hidden;
}

.input-box {
	background-color: #fff;
	width: 500px;
	overflow: hidden;
	margin-top: -1px;
	position: relative;
	z-index: 2;
	
}
.alert-bottom{
	padding: 15px;
	line-height: 2;
	font-size: 12px;
	background-color: rgba(34, 53, 123, 0.75);
	border-radius: 15px;
	margin-top: 10px;
}
.input-box .el-button {
	border-radius: 0;
}

.search-icon {
	width: 15px;
	height: 15px;
	margin: 0 15px;
}

.right {
	height: 100%;
	margin-left: 15px;
}

.form {
	background: linear-gradient(90deg, rgba(9, 108, 144, 0.21) 0%, rgba(88, 202, 244, 0.18) 100%);
	border-radius: 5px;
	overflow: hidden;
}
.el-tabs__header{
	margin: 0;
}
.el-tabs--card>.el-tabs__header .el-tabs__nav{
	border: 0;
}
.form .el-tabs__item{
	color: #e8f0ff;
}
.form .el-tabs--card>.el-tabs__header .el-tabs__item.is-active{
	background-color: #fff;
	color: #1a2c61;
}
.left {
	height: 100%;
	width: 500px;
	background-color: rgba(34, 53, 123, 0.75);
	border-radius: 15px;
	padding-bottom:20px;
}

.card {
	width: 370px;
	height: 100px;
	border-radius: 15px;
	background: linear-gradient(90deg, rgba(0, 77, 229, 0.14) 0%, rgba(189, 211, 255, 0.22) 100%);
}

.card .text {
	width: 1.6rem;
	white-space: normal;
}

.icon-box {
	width: 32px;
	height: 32px;
	background: rgba(82, 136, 211, 0.2);
	border: none;
	border-radius: 50%;
	margin-right: 8px;
}

.icon-box i {
	position: relative;
	font-size: 16px;
	height: 16px;
	color: rgb(82, 136, 211);
}

.icon-box2 {
	width: 28px;
	height: 28px;
	background: rgba(82, 136, 211, 0.2);
	border: none;
	border-radius: 50%;
	margin-right: 8px;
}

.icon-box2 i {
	position: relative;
	font-size: 14px;
	height: 14px;
	color: rgb(82, 136, 211);
}

.icon-box3 {
	width: 28px;
	height: 28px;
	background: rgba(82, 204, 184, 0.2);
	border: none;
	border-radius: 50%;
	margin-right: 8px;
}

.icon-box3 i {
	position: relative;
	font-size: 14px;
	height: 14px;
	color: rgb(82, 204, 184);
}

.card1-title {
	font-size: 16px;
	font-weight: bold;
	line-height: 1.5;
	color: rgb(232, 232, 232);
	margin-bottom: 0px;
}

.card1-text {
	font-size: 28px;
	color: rgb(247, 206, 54);
	font-weight: bold;
	line-height: 1.4;
}

.cards .right {
	background-color: rgba(189, 211, 255, 0.1);
	background-image: none;
	padding: 8px 12px;
	margin-left: 8px;
}

.card2-title {
	font-size: 14px;
	line-height: 1.5;
	color: #c4d6f0;
	margin-bottom: 0px;
}

.card2-text {
	font-size: 24px;
	color: #a7c3e9;
	line-height: 1.4;
}

.left-title {
	padding: 15px 0 0 10px;
	font-weight: bold;
}

.el-table thead,
.el-table,
.el-pager li,
.el-pagination__sizes,
.el-pagination__total,
.el-pagination button,
.el-pagination .el-select__wrapper,
.el-pagination .el-select__placeholder {
	background-color: initial !important;
	color: #e8f0ff;
}

.el-table {
	font-size: 12px;
	margin-bottom: 10px;
}

.el-table td.el-table__cell,
.el-table th.el-table__cell.is-leaf {
	border-bottom: 0;
}

.el-table--border .el-table__inner-wrapper:after,
.el-table--border:after,
.el-table--border:before,
.el-table__inner-wrapper:before {
	display: none;
}

.table-name {
	color: #1a7dff;
}

#tree {
	width: 100%;
	height: 330px;
}
.topHeader { margin-bottom:10px;}

.cardList .colum { position:relative; }
.cardList .colum:after { content:''; background:rgba(255, 255, 255, 0.2); position:absolute; right:0; top:50%; transform:translateY(-50%); width:1px; height:80%;}
.cardList .colum:last-child:after { display:none;}
.el-message .el-icon { width:40px; height:40px;}

.el-message svg { width:40px; height:40px;}
.el-table td.el-table__cell div {
     overflow: hidden;text-overflow: ellipsis;  white-space: nowrap; 
}
@media screen and (max-width:720px){
    .cards { overflow-x:auto;justify-content: start;}
    .card .text { width:auto;}
    .card:nth-child(1) {min-width:170px;}
    .cardList .colum { min-width:170px;}
    .cardList { width:auto; flex:auto;min-width:510px}
    .left { width: 100%;}
    .main {     flex-direction: column;}
    .right { width:100%; margin:0;}
    #map{ height:400px;}
    .main .right { margin-top:20px;}
    .left .el-table--fit{ height:auto!important}
}