LSQZrzyAPP/css/app.css

/* 通用样式 */

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

* {
	touch-action: pan-y;
}

@font-face {
	font-family: "iconfont";
	src: url('../fonts/iconfont.ttf');
}

/* 自定义字体通用样式 */
.app-icon {
	font-family: "iconfont", sans-serif !important;
	font-size: 16px;
	font-weight: normal;
	font-style: normal;
	line-height: 1;
	display: inline-block;
	text-decoration: none;
	-webkit-font-smoothing: antialiased;
}

.app-icon.mui-active {
	color: #FF0000;
}

/* 账号 */
.app-icon-account:before {
	content: "\e8eb";
}

/* 密码 */
.app-icon-password:before {
	content: "\e808";
}

/* IP地址图标 */
.app-icon-ip::before {
	content: "\e6b6";
}

/* COM端口图标 */
.app-icon-com::before {
	content: "\e69c";
}

/* 用户图标 */
.app-ico-user::before {
	content: "\e68f";
}

/* 下一条信息图标 */
.app-ico-next:before {
	content: "\e84e";
}

/* 所属河道图标 */
.app-icon-sshd:before {
	content: "\ebfe";
}

/* 上报类别图标 */
.app-icon-sslb:before {
	content: "\ebb8";
}

/* 日期图标 */
.app-icon-date:before {
	content: "\eb9a";
}

/* 用户图标 */
.app-icon-member:before {
	content: "\eb8e";
}

/* 案件审核图标 */
.app-icon-verify:before {
	content: "\eb74";
}

/* 派发案件图标 */
.app-icon-assign:before {
	content: "\eb89";
}

/* 督办案件图标 */
.app-icon-supervise:before {
	content: "\e6be";
}

/* 督办人员图标 */
.app-icon-supervise-user:before {
	content: "\e6c1";
}

/* 撤派案件图标 */
.app-icon-undoassign:before {
	content: "\e7a9";
}

/* 地图定位图标 */
.app-icon-location:before {
	content: "\e7a5";
}

/* GPS导航图标 */
.app-icon-navigation:before {
	content: "\eb8b";
}

/* 详情图标 */
.app-icon-info:before {
	content: "\e7db";
}

/* 微信图标 */
.app-icon-weixin:before {
	content: "\e8e9";
}

/* 案件处理图标 */
.app-icon-check:before {
	content: "\e816";
}

/* 电话图标 */
.app-icon-phone:before {
	content: "\e848";
}

/* 相机图标 */
.app-icon-camera:before {
	content: "\e820";
}

/* 主页图标-统计 */
.app-icon-main-count:before {
	content: "\e6cd";
}

/* 主页图标-任务 */
.app-icon-main-task:before {
	content: "\e616";
}

/* 主页图标-地图 */
.app-icon-main-map:before {
	content: "\e695";
}

/* 主页图标-通讯录 */
.app-icon-main-address:before {
	content: "\e6dd";
}

/* 主页图标-我的 */
.app-icon-main-set:before {
	content: "\e622";
}

/* 菜单图标-待处理 */
.app-cion-menu-waitcheck:before {
	content: "\e6b9";
}

/* 菜单图标-待复飞 */
.app-cion-menu-waitrepeat:before {
	content: "\e6b3";
}

/* 菜单图标-待审核 */
.app-cion-menu-waitverify:before {
	content: "\e6f5";
}

/* 菜单图标-已结案 */
.app-cion-menu-close:before {
	content: "\e6b4";
}

/* 菜单图标-待派发 */
.app-cion-menu-assign:before {
	content: "\e6ba";
}

/* 菜单图标-撤销派发 */
.app-cion-menu-undoassign:before {
	content: "\e6b5";
}

/* 菜单图标-待督办 */
.app-cion-menu-wait-supervise:before {
	content: "\e6be";
}

/* 菜单图标-已督办 */
.app-cion-menu-supervise:before {
	content: "\e6bf";
}

/* 菜单图标-飞行航线 */
.app-cion-menu-line:before {
	content: "\e6b2";
}

/* 菜单图标-考核排名 */
.app-cion-menu-khpm:before {
	content: "\e9ae";
}

/* 菜单图标-统计分析 */
.app-cion-menu-tjfx:before {
	content: "\e6c0";
}

/* 菜单图标-查询 */
.app-cion-menu-query:before {
	content: '\e6ae';
}

/* 菜单图标-首页 */
.app-cion-menu-main:before {
	content: '\e606';
}

/* 菜单图标-饼图 */
.app-cion-menu-pie:before {
	content: '\e6ad';
}

/* 菜单图标-本地案件 */
.app-cion-menu-local:before {
	content: "\e6bf";
}

/* 案件列表-图标-待处理 */
.app-icon-caseinfo-waitcheck::before {
	content: "\e62d";
}

/* 案件列表-图标-待复飞 */
.app-icon-caseinfo-waitrepeat::before {
	content: "\e635";
}

/* 案件列表-图标-待审核 */
.app-icon-caseinfo-waitverify::before {
	content: "\e633";
}

/* 案件列表-图标-已结案 */
.app-icon-caseinfo-close::before {
	content: "\e625";
}

/* 案件列表-图标-待派发 */
.app-icon-caseinfo-waitassign::before {
	content: "\e627";
}

/* 案件列表-图标-以派发 */
.app-icon-caseinfo-yesassign::before {
	content: "\e634";
}

/* 导航栏按钮 审核 */
.app-icon-nav-button-verify::before {
	content: "\e655";
}

/* 案件审核 审核类型 同意结案 */
.app-icon-chk-close::before {
	content: "\e6bb";
}

/* 案件审核 审核类型 重新处理 */
.app-icon-chk-recheck::before {
	content: "\e62e";
}

/* 案件审核 审核类型 重新复飞 */
.app-icon-chk-rerepeat::before {
	content: "\e659";
}

/* 地图 按钮 测量面积 */
.app-icon-map-measurearea::before {
	content: "\e6db";
}

/* 地图 按钮 测量长度 */
.app-icon-map-measurelength::before {
	content: "\e6cf";
}

/* 地图 按钮 通用占地分析 */
.app-icon-map-common-analysis:before {
	content: '\edb5';
}

/* 地图 按钮 栅格图 */
.app-icon-map-raster::before {
	content: "\e729";
}

/* 地图 按钮 矢量图 */
.app-icon-map-vector::before {
	content: "\e626";
}

/* 地图 按钮 定位 */
.app-icon-map-location::before {
	content: "\e6e0";
}

/* 地图 按钮 初始定位 */
.app-icon-map-initlocation::before {
	content: "\e6da";
}

/* 地图 按钮 图层控制 */
.app-icon-map-layer::before {
	content: "\e600";
}

/* 地图 按钮 坐标查询 */
.app-icon-map-inputcoord-location::before {
	content: "\e6dc";
}

/* 地图 按钮 查询坐标 */
.app-icon-map-querycoord::before {
	content: "\e6d9";
}

/* 地图 按钮 分屏对比 */
.app-icon-map-screen::before {
	content: "\e6a0";
}

/* 地图 按钮 点查询 */
.app-icon-map-pointquery::before {
	content: "\e8c7";
}

/* 地图 按钮 区域查询 */
.app-icon-map-areaquery::before {
	content: "\e6f0";
}

/* 地图 按钮 案件 点查询 */
.app-icon-map-case-pointquery::before {
	content: "\e6de";
}

/* 地图 按钮 案件 区域查询 */
.app-icon-map-case-areaquery::before {
	content: "\e6e1";
}

/* 地图 按钮 点图查询 */
.app-icon-map-query-point:before {
	content: '\e6c4';
}

/* 地图 按钮 区域查询 */
.app-icon-map-query-polygon:before {
	content: '\e6c5';
}

/* 回退一步 */
.app-icon-map-redo::before {
	content: "\e6ce";
}

/* 恢复原状 */
.app-icon-map-undo::before {
	content: "\e6cc";
}

/* 地图 图层 矢量图层 */
.app-icon-map-layer-vector::before {
	content: "\e754";
}

/* 地图 图层 栅格图层 */
.app-icon-map-layer-raster::before {
	content: "\e674";
}

/* 普通图层 */
.app-icon-map-layer-normal::before {
	content: "\e640";
}

/* 地图 按钮 窗口工具 */
.app-icon-map-window::before {
	content: "\e6d8";
}

/* 地图 按钮 清扫工具 */
.app-icon-map-clean::before {
	content: "\e69e";
}

/* 地图 按钮 地类分析 */
.app-icon-map-land::before {
	content: "\e6f3"
}

/* 地图 按钮 地类分析结果展示 */
.app-icon-map-land-result::before {
	content: "\ec71";
}

/* 案件分析 */
.app-icon-map-case-analysis::before {
	content: "\e6c3";
}

/* 图层选择图标 */
.app-icon-map-layer-select::before {
	content: "\e6e2";
}

/* 定位图标 */
.app-icon-nomarl-location::before {
	content: "\e636";
}

/* 上升箭头 */
.app-icon-arrow-up::before {
	content: "\e64f";
}

/* 下降箭头 */
.app-icon-arrow-down::before {
	content: "\e652";
}

.app-icon-arrow-other:before {
	content: "\e8c0";
}

/* 通讯录电话图标 */
.app-icon-address-phone::before {
	content: "\e68e";
	color: rgb(255, 255, 255);
}

/* 通讯录短信图标 */
.app-icon-address-message::before {
	content: "\ec3f";
	color: rgb(255, 255, 255);
}

/* 设置-编辑个人信息图标 */
.app-icon-set-edit::before {
	content: "\e6f4";
}

/* 设置-版本图标 */
.app-icon-set-version::before {
	content: "\eb66";
}

/* 设置-关于图标 */
.app-icon-set-about::before {
	content: "\e6a1";
}

/* 设置-重登陆图标 */
.app-icon-set-relogin::before {
	content: "\e6a2";
}

/* 设置-快捷键 */
.app-icon-set-kjkey::before {
	content: "\e676";
}

/* 关闭图标 */
.app-icon-close::before {
	content: "\e88a";
}

/* 右向双箭头 */
.app-icon-arrow-right::before {
	content: "\e85d";
}

/* 向下双箭头 */
.app-icon-arrow-down-copy::before {
	content: '\ec0d';
}

/* 查询图标 */
.app-icon-menu-query::before {
	content: '\e6ae';
}

/* 柱状图菜单图标 */
.app-icon-menu-bar::before {
	content: '\e6aa';
}

/* 金额柱状图图标 */
.app-icon-menu-bar-money::before {
	content: '\e6ad';
}

/* 折线图图标 */
.app-icon-menu-line::before {
	content: '\e6af';
}

/* 资源统计图标 */
.app-icon-menu-resource-count:before {
	content: '\e8cd';
}

/* 摄像头图标 */
.app-icon-menu-monitor:before {
	content: '\e67b';
}

/* 地图上展示线图标 */
.app-icon-map-line::before {
	content: '\e6b2';
}

/* 错误图标 */
.app-icon-error:before {
	content: '\ec00';
}

/* 关闭按钮向左箭头 */
.app-icon-close-left-arrow:before {
	content: '\e7a9';
}

/* 详细信息 */
.app-iocn-details:before {
	content: '\e6ae';
}

/* 占压分析图标 */
.app-icon-accupy-analysis:before {
	content: '\e63d';
}

.
/**
 * 主页样式
 */

/* 案件动态 单元格样式 */
.cr-case-dynamic-cell {
	padding: 3px 0px 3px 15px;
}

/* 案件动态 大行样式 */
.cr-case-dynamic-row-big {
	display: flex;
	align-items: center;
}

/* 案件动态 前置图标样式 */
.cr-case-dynamic-ico {
	width: 34px;
	height: 34px;
	line-height: 34px;
	margin-right: 10px;
	background-color: rgba(255, 255, 255, 0);
	border-radius: 17px;
	text-align: center;
	box-shadow: rgb(95, 150, 222) 0px 0px 10px inset;
}

/* 案件动态 标识样式 */
.cr-case-dynamic-ico>span {
	display: inline-block;
	color: rgb(255, 255, 255);
	/* background: linear-gradient(to bottom, rgb(86, 113, 235) 50%, rgb(99, 144, 231) 50%);
	-webkit-background-clip: text;
	color: transparent; */
}

/* 案件动态 单元格内行样式 */
.cr-case-dynamic-row {
	font-size: 11px;
	height: 20px !important;
	line-height: 24px;
}

/* 案件动态  行内 日期样式 */
.cr-case-dynamic-row .cr-case-dynamic-date {
	color: rgb(46, 122, 253) !important;
	font-size: 13px;
}

/* 案件动态  行内 标题样式 */
.cr-case-dynamic-row .cr-case-dynamic-title {
	font-family: 'TTTGB-Medium' !important;
	font-size: 15px;
	color: rgb(223, 141, 49);
}

/* 案件动态  行内 标题样式 */
.cr-case-dynamic-row .cr-case-dynamic-key {
	font-family: 'TTTGB-Medium';
	font-size: 13px;
	color: rgb(203, 203, 203);
}

/* 案件动态  行内 值样式 */
.cr-case-dynamic-row .cr-case-dynamic-val {
	color: rgb(125, 201, 236) !important;
	/* font-weight: bold; */
	margin-right: 10px;
	margin-left: 3px;
	font-family: 'UnidreamLED' !important;
	font-size: 14px;
}

/* 案件动态  行内 排名样式 */
.cr-case-dynamic-row .cr-case-dynamic-ranking {
	display: inline-block;
	background-color: rgb(50, 85, 239) !important;
	width: 16px;
	height: 16px;
	line-height: 16px;
	color: rgb(255, 255, 255) !important;
	text-align: center;
	border-radius: 3px;
}

/**
 * 激活控件的背景色
 */
.cr-active {
	background-color: rgb(51, 165, 40) !important;
}

/**
 * 图表ECharts样式
 */

/* 图表提示框标题样式 */
.echarts-tooltip-title {
	font-family: 'TTTGB-Medium', sans-serif;
	color: rgb(0, 35, 155);
}

/* 图表提示框行值样式 */
.echarts-tooltip-row-value {
	font-weight: bold;
	float: right;
	color: rgb(26, 38, 80);
}

/* 图表提示框行占比样式 */
.echarts-tooltip-row-proportion {
	font-weight: bold;
	color: rgb(0, 89, 38);
	font-family: 'UnidreamLED', sans-serif;
}

/* 通用样式 */

/* html body通用样式 */
html,
body {
	height: 100%;
	margin: 0px;
	padding: 0px;
}

/* body通用背景样式 */
body {
	background-color: rgb(53, 72, 116, 1.0) !important;
}


/* 横向分割线样式 */
.cr-line-h {
	height: 4px;
	width: 100%;
	background-color: rgba(230, 230, 230, 0);
}

/***+++++++++++++修改MUI样式+++++++++++++***/

/* 此用于非沉浸式导航栏 注意 这很重要 */
.mui-bar {
	background: #243f6d !important;
	height: 44px !important;
	padding-top: 0px !important;
	color: rgb(34, 97, 179) !important;
}

/* 导航栏搜索框的颜色 */
.mui-bar .mui-search input {
	border: solid 1px rgba(0, 0, 0, 0.6);
	border-radius: 3px;
	color: rgba(0, 0, 0, 1);
}


.mui-bar-nav h1 {
	color: #fff
}

/* 紧跟在mui-bar-nav之后的mui-content类 */
.mui-bar-nav~.mui-content {
	padding-top: 64px;
}

.mui-bar-nav~.mui-content .mui-pull-top-pocket {
	top: 64px;
}

.mui-bar-nav~.mui-content.mui-scroll-wrapper .mui-scrollbar-vertical {
	top: 64px;
}

.mui-bar-nav~.mui-content .mui-slider.mui-fullscreen {
	top: 64px;
}

/* 选择项弹出框整体样式 */
.mui-poppicker {
	background-color: rgb(230, 230, 230) !important;
	border-top-right-radius: 10px !important;
	border-top-left-radius: 10px !important;
	border-top: solid 0px rgb(255, 255, 255) !important;
	box-shadow: none !important;
}

/* 选择项弹出框确定按钮样式 */
.mui-poppicker-btn-ok {
	background-color: rgb(240, 61, 89) !important;
	border: solid 0px rgb(255, 255, 255) !important;
}

/* 选择项弹出框取消按钮样式 */
.mui-poppicker-btn-cancel {
	border: solid 0px rgb(255, 255, 255) !important;
}

/* 选择项弹出框题头样式 */
.mui-poppicker-header {
	background-color: rgb(37, 109, 187) !important;
	border-top-right-radius: 10px !important;
	border-top-left-radius: 10px !important;
}

/* 选择项框选中项的颜色 */
.mui-pciker-list li.highlight {
	color: rgb(236, 182, 98) !important;
}

/* 选择项框边框颜色 */
.mui-pciker-rule-ft {
	border-top: solid 1px rgba(236, 182, 98, 0.45) !important;
	border-bottom: solid 1px rgba(236, 182, 98, 0.45) !important;
}

/* mui按钮点击样式 */
.mui-btn:active {
	border: solid 1px rgba(37, 109, 187, 0.8) !important;
}

/* 行样式 */
.cr-input-row {
	display: flex;
}

/* 行内标签样式 */
.cr-input-row>label {
	width: 110px !important;
}

/* 行内输入框样式 */
.cr-input-row>input {
	flex: 1;
}


/* 文字颜色 */
.f-color {
	color: rgb(59, 146, 255) !important;
}

/* 普通案件颜色 */
.f-color-case-normal {
	color: rgb(0, 0, 0) !important;
}

/* 派发中案件颜色 */
.f-color-case-wait-assign {
	color: rgb(211, 11, 3) !important;
}

/* 处理中案件颜色 */
.f-color-case-wait-check {
	color: rgb(129, 210, 226) !important;
}

/* 复飞中案件颜色 */
.f-color-case-wait-flight {
	color: rgb(205, 84, 99) !important;
}

/* 审核中案件颜色 */
.f-color-case-wait-verify {
	color: rgb(225, 149, 67) !important;
}

/* 结案案件颜色 */
.f-color-case-close {
	color: rgb(144, 239, 124) !important;
}

/* 重要标识颜色 */
.f-important {
	color: rgb(255, 255, 0);
	font-weight: bold;
}

/* 背景色 */
.f-back-color {
	background-color: rgba(36, 63, 109, 0.8) !important;
}

/* 普通标题 */
.wc-title-normal {
	margin-top: 10px;
	margin-bottom: 10px;
	font-size: 15px;
	color: rgb(255, 255, 255) !important;
	font-family: 'TTTGB-Medium';
}

/* 重要标题 */
.wc-title-important {
	color: rgb(11, 102, 255);
}

/**
 * 以下是ArcGIS For JS 样式改正
 */

/* esriView Popup 整体样式 */
.esri-popup__main-container {
	background-color: rgba(174, 186, 208, 1.0) !important;
	width: auto !important;
	display: block !important;
}

/* esriView Popup 顶部标题栏包含按钮区域整体样式 */
.esri-popup__header {
	background-color: rgb(37, 109, 187) !important;
}

/* esriView Popup 标题文字样式 */
.esri-popup__header-title {
	color: rgb(255, 255, 255) !important;
}

/* esriView Popup 标题关闭按钮样式 */
.esri-popup__button {
	color: rgb(255, 255, 255) !important;
}

/* esriView Popup 文字内容样式 */
.esri-popup__content {
	color: #0000FF;
	margin: 10px !important;
	text-align: center;
}

/* esriView Popup 底部工具栏背景 */
.esri-popup__footer {
	/* background-color: red !important; */
}

/* 底部小三角的样式 */
.esri-popup__pointer-direction {
	background-color: rgba(174, 186, 208, 1.0) !important;
}

/* 通用样式 */

/* flex容器布局竖向 */
.cr-layout-flex-v {
	height: 100%;
	display: flex;
	flex-direction: column;
}

/* 顶部时间 */
.topTime {
	position: absolute;
	top: 10px;
	z-index: 30;
	left: 10px;
	color: rgb(255, 255, 255);
	font-size: 12px;
	font-family: 'TTTGB-Medium';
}

/* 顶部时间内元素统一样式 */
.topTime span {
	margin-left: 5px;
}

/* 当前号样式 */
.topTime span:nth-child(1) {
	font-size: 20px;
	font-weight: bold;
	color: rgb(235, 195, 48);
}

/* 当前时间样式 */
.topTime span:last-child {
	font-size: 20px;
	font-family: 'UnidreamLED' !important;
}

/* 奇数行样式 */
.jt-row-odd-number {
	background-color: rgb(39, 56, 122) !important;
}

/* 偶数行样式 */
.jt-row-even-number {
	background-color: rgb(49, 72, 157) !important;
}