LSQZrzyAPP/css/app.new.css

/**
 * 创建者：王成
 * 创建日期：2022年4月27日
 * 描述：补充样式集合 所有样式均以jt开头
 */

/* Unable to preventDefault inside passive event listener due to target being treated as passive. See */
/* 解决控制台以上输出提示 */

* {
	touch-action: pan-y;
}

* {
	margin: 0px;
	padding: 0px;
	font-family: 'JtChina', sans-serif;
}

/* 行样式 */
.jt-label-block {
	display: flex;
	align-items: center;
	justify-content: center;
	color: rgb(255, 255, 255);
	margin-top: 5px;
	margin-bottom: 5px;
	height: 34px;
	font-size: 14px;
	font-family: "TTTGB-Medium", sans-serif;
	text-shadow: 0 0 3px rgb(115, 185, 220), 0 0 3px rgb(115, 185, 220), 0 0 3px rgb(115, 185, 220), 0 0 3px rgb(115, 185, 220);
	background: -webkit-linear-gradient(right, rgba(35, 42, 151, 0.0), rgba(35, 42, 151, 0.45), rgba(35, 42, 151, 0.0));
}

/* ----------右侧侧滑窗口样式集合开始---------- */

/* 右侧滑出容器样式 */
.jt-wrap-right-canvas {
	background-color: rgb(53, 72, 116) !important;
	display: flex !important;
	flex-direction: column;
	height: 100%;
}

/* 右侧弹框导航栏样式 */
.jt-wrap-right-head {
	height: 40px;
	line-height: 40px;
	background-color: rgb(67, 96, 200);
	font-size: 15px;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
}

/* 右侧弹框导航栏标题样式 */
.jt-wrap-right-head>span:nth-child(1) {
	color: rgb(255, 255, 255);
	flex: 1;
	text-align: center;
	text-shadow: 0 0 3px rgb(115, 185, 220), 0 0 3px rgb(115, 185, 220), 0 0 3px rgb(115, 185, 220), 0 0 3px rgb(115, 185, 220);
	font-size: 15px;
}

/* 右侧弹框导航栏关闭按钮样式 */
.jt-wrap-right-head>span:nth-child(2) {
	color: rgb(255, 255, 255);
	font-size: 16px;
	display: flex;
	width: 40px;
	height: 40px;
	justify-content: center;
	align-items: center;
}

/* 内容样式 */
.jt-wrap-right-content {
	position: relative;
	flex: 1;
	margin-bottom: 5px;
	overflow-y: auto;
	z-index: 999 !important;
}

/* -----------右侧侧滑窗口样式结合结束---------- */

/* -----------更改mui样式---------- */

/* 内容背景通用样式 */
.mui-content {
	background-color: rgba(53, 72, 116, 1.0);
}

/* 你迷开关的样式 */
.mui-switch-mini {
	width: 44px !important;
	height: 22px !important;
	border: 0px solid rgb(255, 0, 0) !important;
}

/* 迷你开关激活状态背景样式 */
.mui-switch.mui-active {
	background-color: rgb(84, 126, 251) !important;
}

/* 你迷开关激活是小圆的样式 */
.mui-switch-mini.mui-active .mui-switch-handle {
	transform: translate(23px, 0px) !important;
	-webkit-transform: translate(23px, 0px) !important;
	background-color: rgb(255, 255, 255) !important;
}

/* 迷你开关关闭状态下小圆的样式 */
.mui-switch-mini .mui-switch-handle {
	transform: translate(2px, 0px) !important;
	-webkit-transform: translate(2px, 0px) !important;
	width: 18px !important;
	height: 18px !important;
	top: 2px !important;
	background-color: rgb(84, 126, 251) !important;
}

/* 选择器整体样式 */
.mui-segmented-control {
	border: solid 0px rgb(255, 0, 0);
}

/* 选择器普通状态样式 */
.mui-segmented-control .mui-control-item {
	color: rgb(217, 145, 45) !important;
	box-shadow: inset 0px 15px 15px -15px rgb(95, 150, 222),
		inset 0px -15px 15px -15px rgb(95, 150, 222);
	border: solid 0px rgb(255, 0, 0);

}

/* 选择器选中状态样式 */
.mui-segmented-control .mui-control-item.mui-active {
	color: rgb(255, 255, 255) !important;
	background-color: rgb(49, 72, 157) !important;
	box-shadow: inset 0px 15px 15px -15px rgb(95, 150, 222),
		inset 0px -15px 15px -15px rgb(95, 150, 222);
	border: solid 0px rgb(255, 0, 0);
}

/* 滑动窗口样式 */
.mui-off-canvas-left,
.mui-off-canvas-right {
	background-color: rgb(26, 38, 80) !important;
	width: 50%;
}

/* 滑动窗口主要内容背景 */
.jt-wrap-right-content,
.mui-inner-wrap {
	background-color: rgb(53, 72, 116, 1.0) !important;
	height: 100%;
}

/* 页面宽度小于600 */
@media screen and (max-width: 600px) {

	.mui-off-canvas-left,
	.mui-off-canvas-right {
		width: 90%;
	}
}

/* 修改左右滑出窗口的宽度 */
/* .mui-off-canvas-wrap.mui-right .mui-inner-wrap {
	-webkit-transform: translate3d(50%, 0, 0);
	transform: translate3d(50%, 0, 0);
} */

/* .mui-popup {
	background-color: transparent !important;
}

.mui-popup-in {
	background-color: transparent !important;
}

.mui-popup-buttons {
	background-color: rgb(255, 0, 0) !important;
}

.mui-popup-inner {
	background-color: rgba(0, 0, 0, 0.25);
	color: rgb(255, 255, 255) !important;
} */

/* slider容器样式 */
.mui-slider {
	height: 100%;
}

/* slider容器内项目样式 */
.mui-slider-group {
	height: calc(100% - 44px);
}

/* 展开数据集样式 */
.mui-card {
	width: 100%;
	margin: 0px;
	height: auto;
	background-color: rgba(34, 50, 106, 1) !important;
	border-radius: 0px !important;
}

/* 展开数据集中表格样式 */
.mui-card .mui-table-view {
	position: relative !important;
	margin: 0px !important;
	border-radius: 0px !important;
	background-color: rgba(34, 50, 106, 0) !important;
}

/* 展开数据集表格单元格样式 */
.mui-card .mui-table-view li {
	border-radius: 0px !important;
	color: rgb(225, 150, 44);
}

.mui-card .mui-table-view li:active {
	background-color: black;
}

.mui-card .mui-table-view>li>a {
	height: 44px !important;
}

/* 干掉行的边框线 */
.mui-card .mui-table-view-cell::after {
	height: 0px !important;
}

/* 折叠面板挂接内容样式 */
.mui-collapse .mui-collapse-content {
	padding: 0px !important;
	background-color: rgb(34, 50, 106, 1) !important;
	border-top: solid 1px rgba(133, 215, 253, 0.3);
	border-bottom: solid 1px rgba(133, 215, 253, 0.3);
}

/* 展开数据集-表格-单元格-a标签样式 */
.mui-card .mui-table-view li a {
	text-align: left;
}

/* 展开数据集-表格-单元格-a标签内的span标签样式 */
.mui-card .mui-table-view li a span {
	display: inline-block;
	text-align: left;
	width: calc(100% - 20px);
	/* 保证文本内容不会自动换行，如果多余的内容会在水平方向撑破单元格 */
	white-space: nowrap;
	/* 隐藏超出单元格的部分 */
	overflow: hidden;
	/* 将被隐藏的那部分用省略号代替 */
	text-overflow: ellipsis;
}

/* 修复点击激活样式异常 */
.mui-card .mui-table-view *:active {
	background-color: none !important;
	border-radius: 0px !important;
}

/* 修复点击激活样式异常 */
.mui-popover .mui-table-view .mui-table-view-cell:first-child,
.mui-popover .mui-table-view .mui-table-view-cell:first-child>a:not(.mui-btn) {
	border-radius: 0px !important;
}

/* 修复点击激活样式异常 */
.mui-popover .mui-table-view .mui-table-view-cell:last-child,
.mui-popover .mui-table-view .mui-table-view-cell:last-child>a:not(.mui-btn) {
	border-radius: 0px !important;
}

/* 提示文字样式 */
.mui-input-row input::placeholder {
	font-size: 13px;
}

/* 修正清除图标样式 */
.mui-icon {
	font-size: 14px !important;
	height: 100% !important;
	display: flex;
	align-items: center;
	justify-content: center;
	top: 0px !important;
}

/* 底部弹出框的标题样式 */
.mui-popover .mui-bar {
	height: 100%;
	line-height: 100%;
	background-color: rgb(37, 109, 187) !important;
	font-size: 14px;
	font-weight: bold;
	border-top-right-radius: 10px;
	border-top-left-radius: 10px;
	text-align: center;
	color: rgb(255, 255, 255) !important;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	padding: 0px 10px;
}

/* 弹框头样式 */
.mui-popover header {
	position: relative;
}

/* 弹框中滚动条样式 */
.mui-popover .mui-scroll-wrapper {
	position: relative;
	height: 100%;
	margin: 0px !important;
	border-radius: 0px !important;
	/* background-color: rgba(34, 50, 106, 1) !important; */
}


/* 搜索框提示内容容器样式 */
.mui-search .mui-placeholder {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	height: auto;
	color: rgba(255, 255, 255, 0.65) !important;
	font-size: 12px;
}

/* 搜索框图标与内容间隔 */
.mui-search .mui-placeholder>span:nth-child(2) {
	margin-left: 10px;
}

/* 日期选择框整体样式 */
.mui-dtpicker {
	background-color: rgba(255, 255, 255, 0) !important;
	border: solid 0px rgb(255, 255, 255) !important;
}

/* 日期选择框头确定按钮样式 */
.mui-dtpicker .mui-dtpicker-header .mui-btn-blue {
	background-color: rgb(240, 61, 89) !important;
	border: solid 0px rgb(255, 255, 255) !important;
}

/* 日期选择框头样式 */
.mui-dtpicker-header {
	background-color: antiquewhite;
	background-color: rgb(37, 109, 187) !important;
	font-size: 14px;
	font-weight: bold;
	border-top-right-radius: 10px;
	border-top-left-radius: 10px;
}

/* 对话框内容样式 */
.mui-popup-inner {
	background-color: rgba(45, 65, 134, 0.9) !important;
	color: rgb(255, 255, 255) !important;
}

/* 默认按钮样式 */
.mui-popup-button-bold {
	color: rgb(174, 196, 144) !important;
}

/* 对话框按钮样式 */
.mui-popup-button {
	position: relative;
	background-color: rgba(32, 46, 96, 0.8) !important;
	color: rgb(236, 182, 98);
}

.mui-popup-button:after {
	background-color: rgba(255, 255, 255, 0.2) !important;
	width: 2px;
}

/* 对话框遮罩层颜色 */
.mui-popup-backdrop {
	background-color: rgba(0, 0, 0, 0.5);
}

/* 弹框背景色样式 */
.mui-poppicker .mui-poppicker-body {
	border: solid 0px rgba(255, 255, 255, 0);
}

/* 弹框内部子控件背景色样式 */
.mui-poppicker-body .mui-picker {
	background-color: rgba(36, 63, 109, 1) !important;
}

/* -----------更改mui样式---------- */

/* 字体样式 需要进入font-jt.css*/

/* 中英文字体 */
.jt-font-china {
	font-family: 'JtChina' !important;
}

/* 数字字体 */
.jt-font-number {
	font-family: 'JtNumber', sans-serif !important;
}

/* 字体颜色 */
.jt-font-color {
	color: rgb(84, 126, 251) !important;
}

/* 容器样式 */
iframe {
	height: 100%;
	width: 100%;
	border: solid 0px rgba(255, 255, 255, 0);
}

iframe:focus {
	outline: none;
}

/* 分组菜单样式 */
.jt-menu-group {
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: column;
	/* background-color: antiquewhite; */
}

/* 分组菜单行样式 */
.jt-menu-group .jt-menu-row {
	height: 40px;
	line-height: 40px;
	position: relative;
	width: 100%;
	/* background-color: rgb(32, 46, 96); */
	display: flex;
	flex-direction: row;
	align-items: center;
}

/* 分组菜单行底部分隔线 */
.jt-menu-group .jt-menu-row::after {
	position: absolute;
	content: '';
	height: 1px;
	background-color: rgb(79, 105, 166);
	top: 40px;
	left: 32px;
	width: 100%;
	z-index: 10;
}

/* 分组菜单行右侧箭头 */
.jt-menu-group .jt-menu-row::before {
	font-family: 'iconfont', sans-serif !important;
	position: absolute;
	content: '\e856';
	height: 40px;
	width: 20px;
	color: rgb(150, 201, 239);
	right: 15px;
	padding: 0px;
	z-index: 10;
}

/* 分组菜单行激活 */
.jt-menu-group .jt-menu-row:active {
	background-color: rgb(32, 46, 120);
}

/* 分组菜单前置图标 */
.jt-menu-group .jt-menu-row>span:nth-child(1) {
	color: rgb(150, 201, 239);
	margin-left: 8px;
	font-size: 18px !important;
}

/* 分组菜单前置图标 */
.jt-menu-group .jt-menu-row>img {
	width: 20px;
	height: 20px;
	margin-left: 8px;
}

/* 分组菜单标题 */
.jt-menu-group .jt-menu-row>span:nth-child(2) {
	color: rgb(255, 255, 255);
	margin-left: 8px;
	font-size: 14px !important;
}

/* 隐藏 */
.jt-hide,
.jt-ld-hide,
.jt-zf-hide,
.jt-normal-hide,
.jt-zd-hide,
.jt-yj-hide {
	display: none;
}

/* 显示 */
.jt-show {
	visibility: visible;
}

/* 加载更多按钮样式 */
.jt-btn-load {
	height: 40px !important;
	width: calc(100% - 10px);
	font-size: 15px !important;
	background-color: rgba(218, 120, 74, 1.0) !important;
	border: solid 0px rgb(255, 0, 0) !important;
	color: rgb(255, 255, 255);
	margin: 5px !important;
	padding: 0px !important;
}

/* 图层提示信息样式 */
.jt-font-layer-hint {
	color: rgb(32, 46, 96) !important;
	font-weight: bold;
}

/* +++++++++++图斑展示样式集+++++++++++ */
/* 数据行样式 */
.jt-feature-data-row {
	position: relative;
	width: 100%;
	height: 36px;
	line-height: 36px;
	padding: 0px 15px;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	font-size: 13px;
}

/* 数据行边框分隔线 */
.jt-feature-data-row::after {
	content: '';
	position: absolute;
	right: 10px;
	left: 30px;
	bottom: 0px;
	height: 1px;
	background-color: rgba(133, 215, 253, 0.3);
}

/* 数据行边框分隔线 去掉最后一个 */
.jt-feature-data-row:last-child::after {
	height: 1px;
	right: 0px;
	left: 0px;
}

/* 数据行序号样式 */
.jt-feature-data-row>span:nth-child(1) {
	display: inline-block;
	height: 22px;
	width: 22px;
	line-height: 22px;
	font-size: 12px;
	border: solid 1px rgb(230, 230, 230);
	border-radius: 20px;
	color: rgb(146, 224, 212);
	font-weight: bold;
	background-color: rgba(255, 255, 255, 0);
	text-align: center;
	box-shadow: rgb(95, 150, 222) 0px 0px 10px inset;
	margin-right: 5px;
}

/* 数据行内容样式 */
.jt-feature-data-row>span:nth-child(2) {
	color: rgb(230, 230, 230);
	flex: 1;

	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

/* 数据行面积样式 */
.jt-feature-data-row>span:nth-child(3) {
	color: rgb(255, 255, 0);
	/* flex: 1; */
	width: 80px;
	text-align: center;
}

/* 数据行定位按钮样式 */
.jt-feature-data-row>button {
	width: 32px;
	height: 32px;
	background-color: rgba(255, 255, 255, 0);
	padding: 0px;
	border: solid 0px rgba(255, 255, 255, 0);
	color: rgb(91, 152, 76);
	font-size: 22px !important;
}

/* +++++++++++多图层选择样式集合+++++++++++++++++ */
/* 多图层选择-容器样式 */
.jt-layer-select-content {
	display: flex;
	flex-direction: column;
}

/* 多图层选择-内容容器-子内容通用样式 */
.jt-layer-select-content * {
	margin-left: 0px;
}

/* 多图层选择-子内容容器-按钮样式 */
.jt-layer-select-content>button {
	position: relative;
	background-color: rgba(255, 255, 255, 0);
	border: solid 0px rgba(255, 255, 255, 0);
	color: rgba(255, 255, 255, 1.0) !important;
	text-align: left;
}

/* 多图层选择-按钮-内部图标样式 */
.jt-layer-select-content>button>span {
	background: linear-gradient(to bottom, rgb(255, 255, 0) 50%, rgb(76, 245, 255) 50%);
	-webkit-background-clip: text;
	color: transparent;
	margin-right: 5px;
}

/* 多图层选择-子内容容器-按钮之间分隔线样式 */
.jt-layer-select-content>button::after {
	content: '';
	left: 25px;
	right: 10px;
	bottom: 0px;
	position: absolute;
	height: 1px;
	background-color: rgba(133, 215, 253, 0.35);
	background-color: rgba(255, 255, 255, 0.35);
	z-index: 999;
}

/* 多图层选择按钮 */
.jt-layer-select-btn {
	position: absolute;
	top: 10px;
	right: 20px;
	height: calc(100% - 20px);
	width: 22px;
	z-index: 999;
	background-color: transparent;
	border: solid 1px rgb(203, 203, 203);
	padding: 0px !important;
	display: flex;
	justify-content: center;
	align-items: center;
	color: rgb(255, 255, 255);

}

/* 多图层选择按钮内图标样式 */
.jt-layer-select-btn>span {
	background: linear-gradient(to bottom, rgb(255, 255, 0) 50%, rgb(76, 245, 255) 50%);
	-webkit-background-clip: text;
	color: transparent;
	font-size: 15px;
}

/* +++++++++++++弹框样式++++++++++++++ */

/* 弹框样式 */
.jt-popover {
	background-color: rgba(34, 50, 106, 1) !important;
	border-radius: 10px !important;
}

/* 弹框箭头样式 */
.jt-popover .mui-popover-arrow:after {
	background-color: rgba(34, 50, 106, 1) !important;
}

/* 弹框中滚动容器样式 */
.jt-popover .mui-scroll-wrapper {
	position: relative;
	height: 100%;
	margin: 0px !important;
	border-radius: 0px !important;
}

/* 弹框中滚动容器样式 清除背景 */
.jt-popover .mui-scroll-wrapper .mui-scroll {
	background-color: rgba(255, 255, 255, 0) !important;
}

/* +++++++定位数据行样式++++++++ */

/* 数据行容器样式 */
.jt-data-panel {
	display: flex;
	flex-direction: column;
	font-size: 13px;
	color: rgb(255, 255, 255);
	background-color: rgba(34, 50, 106, 1) !important;
}

/* 数据行样式 */
.jt-data-row {
	width: 100%;
	height: 40px;
	line-height: 40px;
	display: flex;
	flex-direction: row;
	align-items: center;
}

/* 弹框标题样式 */
.jt-popover-title {
	display: inline-block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	font-weight: bold;
	color: rgb(236, 182, 98) !important;
	flex: 1;
	padding: 0px 8px;
}

/* +++++++++++图表统计相关页面样式++++++++++++ */

/* 统计图表容器样式 */
.jt-count-echarts-panel {
	height: auto;
	width: 100%;
	display: flex;
	flex-direction: column;
}

/* 统计图表标题样式 */
.jt-count-echarts-panel .jt-title {
	display: flex;
	align-items: center;
	justify-content: center;
	color: rgb(133, 215, 253);
	margin-top: 10px;
	margin-bottom: 10px;
	height: 34px;
	font-size: 14px;
	font-family: "TTTGB-Medium", sans-serif;
	text-shadow: 0 0 3px rgb(115, 185, 220), 0 0 3px rgb(115, 185, 220), 0 0 3px rgb(115, 185, 220), 0 0 3px rgb(115, 185, 220);
	background: -webkit-linear-gradient(right, rgba(35, 42, 151, 0.0), rgba(35, 42, 151, 0.45), rgba(35, 42, 151, 0.0));
}

/* 标题选择器样式 */
.jt-count-echarts-panel .jt-title .jt-select {
	background-color: rgba(255, 255, 255, 0);
	border: 0px solid rgb(255, 255, 255);
	color: rgb(230, 230, 230);
}

/* 标题选择器点击样式 */
.jt-count-echarts-panel .jt-title .jt-select:active {
	color: rgb(255, 0, 0);
}

/* 统计图表内容样式 */
.jt-count-echarts-panel .jt-content {
	width: 100%;
	aspect-ratio: 4/3;
}

/* +++++++++++++++++++++左侧弹框样式+++++++++++++++++++++++++ */
/* 左侧弹框容器样式 */
.jt-popover-left {
	display: flex;
	position: absolute;
	top: 50px;
	right: 100%;
	/* left: 0px; */
	bottom: 50px;
	width: 50%;
	background-color: rgba(45, 65, 134, 1.0) !important;
	z-index: 999;
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
	overflow: hidden;
	flex-direction: column;
}

.jt-popover-left .mui-scroll-wrapper {
	position: relative;
	flex: 1;
	/* background-color: antiquewhite; */
}

/* 左侧弹框顶部标题容器样式 */
.jt-popover-left .mui-bar {
	position: relative;
	background-color: rgb(32, 46, 96) !important;
	width: 100% !important;
	color: white !important;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 30px !important;
	line-height: 30px !important;
}

/* 左侧弹框顶部标题样式 */
.jt-popover-left .mui-bar .jt-title {
	flex: 1;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 14px;
}

/* 左侧弹出框顶部关闭按钮样式 */
.jt-popover-left .mui-bar .jt-icon {
	font-weight: bold;
	font-size: 20px;
	background: linear-gradient(to right, rgb(255, 255, 0) 50%, rgb(76, 245, 255) 50%);
	-webkit-background-clip: text;
	color: transparent;
}

/* 通用占地分析样式 */
/* 通用占地分析 容器 */
.jt-csa-root {
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: row;
}

/* 通用占地分析 左侧容器 */
.jt-csa-root .jt-csa-let {
	width: 120px;
	height: 100%;
}

/* 通用占地分析 右侧容器 */
.jt-csa-root .jt-csa-right {
	height: 100%;
	flex: 1;
}

/* 通用占地分析 左右容器滚动容器 */
.jt-csa-root .jt-csa-let .mui-scroll-wrapper,
.jt-csa-root .jt-csa-right .mui-scroll-wrapper {
	position: relative;
	width: 100%;
	height: 100%;
}

/* 通用占地分析 配置项和数据项的数据行 */
.jt-csa-config-item-row,
.jt-csa-data-item-row {
	height: 44px;
	color: rgba(255, 255, 255, 1);
	font-size: 14px;
	display: flex;
	align-items: center;
	justify-content: center;
}

/* 通用占地分析 配置项 */
.jt-csa-config-item-row {
	margin-right: 5px;
	padding: 0px 5px;
}

/* 通用占地分析 配置项行内容 */
.jt-csa-config-item-row>span {
	font-family: 'TTTGB-Medium', sans-serif !important;
	font-size: 14px;
}

/* 通用占地分析 数据项容器 */
.jt-csa-data-panel {
	display: flex;
	flex-direction: column;
}

/* 通用占地分析 数据行 */
.jt-csa-data-item-row {
	padding: 0px 5px;
	justify-content: left;
	width: 100%;
}

/* 通用占地分析 数据行数字图标 */
.jt-csa-data-item-row .jt-number-icon {
	display: flex;
	height: 24px !important;
	width: 24px !important;
	font-size: 12px;
	border: solid 1px rgb(230, 230, 230);
	border-radius: 20px;
	color: rgb(146, 224, 212);
	font-weight: bold;
	background-color: rgba(255, 255, 255, 0);
	justify-content: center;
	align-items: center;
	box-shadow: rgb(95, 150, 222) 0px 0px 10px inset;
}

/* 通用占压分析 内容样式 */
.jt-csa-data-item-row .jt-content {
	display: flex;
	flex-direction: column;
	height: 100%;
	margin-left: 5px;
	flex: 1;
	justify-content: center;
}

/* 通用占地分析 数据项内容及面积样式 */
.jt-csa-data-item-row .jt-content .jt-title,
.jt-csa-data-item-row .jt-content .jt-area {
	text-align: left;
	width: 100%;
}

/* 通用占地分析 数据项内容样式 */
.jt-csa-data-item-row .jt-content .jt-title {
	color: rgb(230, 230, 230);
	font-size: 14px;
}

/* 通用占地分析 数据项面积样式 */
.jt-csa-data-item-row .jt-content .jt-area {
	color: rgb(236, 182, 98);
	font-size: 12px;
}

/* 数据行按钮 */
.jt-csa-data-item-row .jt-button {
	width: 32px;
	height: 32px;
	background-color: rgba(255, 255, 255, 0);
	padding: 0px;
	border: solid 0px rgba(255, 255, 255, 0);
	color: rgb(91, 152, 76);
	font-size: 22px !important;
}

/* 带统计按钮的bar 容器样式 */
.mui-bar .jt-cnt-bar {
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
}

/* 带统计按钮的bar 标题样式 */
.mui-bar .jt-cnt-bar .jt-cnt-bar-title {
	flex: 1;
}

/* 带统计按钮的bar 统计按钮样式 */
.mui-bar .jt-cnt-bar .jt-cnt-bar-button {
	height: 26px;
	background-color: rgba(255, 255, 255, 0);
	padding: 0px 10px;
	border: solid 1px rgba(236, 182, 98, 0.8);
	color: rgb(255, 255, 255);
	font-size: 14px !important;
	font-weight: bold;
}

/* 带统计按钮的bar 统计按钮图标样式 */
.mui-bar .jt-cnt-bar .jt-cnt-bar-button::before {
	margin-right: 5px;
	color: rgb(236, 182, 98);
}

/* 带统计按钮的bar 统计按钮点击样式 */
.mui-bar .jt-cnt-bar .jt-cnt-bar-button:active {
	background-color: rgba(0, 0, 0, 0.3);
}

/* 文本阴影 */
.jt-text-shadow {
	text-shadow: 0 0 3px rgb(115, 185, 220), 0 0 3px rgb(115, 185, 220), 0 0 3px rgb(115, 185, 220), 0 0 3px rgb(115, 185, 220);
}

/* 背景阴影 */
.jt-back-shadow {
	box-shadow: rgb(95, 150, 222) 0px 0px 10px !important;
}

/* 改造等待框 */
.jt-loading {
	display: flex;
	align-items: center;
	justify-content: center;
}

/* 改造等待框文字 */
.jt-loading .jt-label {
	font-size: 14px;
	margin-left: 5px;
}

/* 长度超宽度自动... */
.jt-nowrap {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

/* 自动裁切对象点击样式 */
.jt-nowrap:active {
	color: rgb(255, 255, 0);
	font-weight: bold;
	font-size: 14px;
}

/* 指示器 */
.jt-indicator {
	position: relative;
}

/* 指示器激活状态 */
.jt-indicator-active::after {
	font-family: 'iconfont', sans-serif !important;
	position: absolute;
	content: '\e856';
	height: 44px;
	width: 20px;
	color: rgb(150, 201, 239);
	right: 0px;
	padding: 0px;
	z-index: 10;
	display: flex;
	align-items: center;
}

/* 以下是地图定位嵌入样式 */

/* 嵌入地图的全局容器样式 */
.jt-normal-main {
	position: relative;
	display: flex;
	flex-direction: column;
	height: 100%;
}

/* 嵌入地图子容器样式 */
.jt-normal-main div {
	flex: 1;
}

/* 嵌入地图子容器第一容器滚动容器样式 */
.jt-normal-main .mui-scroll-wrapper {
	position: relative;
	height: 100%;
}

/* 嵌入地图容器中包含嵌入地图子容器样式 */
.jt-map-location-panel {
	display: flex;
	position: absolute;
	left: -3000px;
	flex-direction: column;
	width: 100%;
	flex: 1;
}

/* 嵌入地图容器中标题头样式 */
.jt-map-location-panel .jt-bar {
	display: flex;
	justify-content: center;
	align-items: center;
	color: rgb(236, 182, 98) !important;
	font-size: 14px;
	position: relative !important;
	font-weight: bold;
}

/* 嵌入地图容器中地图标题头关闭按钮样式 */
.jt-map-location-panel .jt-bar:before {
	font-family: 'iconfont', sans-serif !important;
	position: absolute;
	content: '\e614';
	height: 44px;
	line-height: 44px;
	width: 20px;
	right: 15px;
	padding: 0px;
	z-index: 10;
	color: rgb(236, 182, 98) !important;
	font-weight: bold;
	font-size: 18px;
}