.icons_size {
		color: white;
		font-size: 40px;
	}

	.descriptionBoxOne {
		position: relative;
		z-index: 99
	}

	.descriptionBoxOne ::before {
		content: "";
		display: block !important;
		width: 0;
		height: 0;
		border: 10px solid transparent;
		border-bottom-color: #00f6ff !important;
		position: absolute;
		top: -20px;
		left: 50%;
		margin-left: -10px;
	}

	.ggshowInfo {}

	.ggShowBox {
		color: #FFF;
	}

	.formAmount {
		color: #FFE91E
	}

	.treeD .el-tree--highlight-current .el-tree-node.is-current>.el-tree-node__content {
		background: #02608e !important;
	}

	.el-pagination span {
		color: #fff;
	}

	/deep/.el-pagination__total,
	/deep/.el-pagination__jump {
		color: #fff;
	}

	.rightTop {
		display: flex;
		color: #fff;
		background: #1282a5e6;
		justify-content: space-between;
		align-items: center;
		margin-bottom: 25px;
		padding: 5px 15px;
	}

	.right h4 {
		color: #fff
	}

	.calendarHeader .fullHeader span {
		color: #fff
	}

	.monthTitle {
		color: #fff;
		margin-top: 0;
	}

	.echart {
		color: white;
		background-color: #0C6D81;
	}

	.reportBox .el-descriptions-item__label.is-bordered-label {
		background: #1282a5 !important;
		text-align: center;
		width: 140px;
		color: #fff,
			font-size: 14px !important;
		text-align: center !important;
	}

	.offBut {
		width: 60px;
		height: 80%;
		color: white;
		display: flex;
		align-items: center;
		justify-content: center;
		margin-right: 20px;
		cursor: pointer;
	}

	.dioBg-om .el-card__body {
		height: 100%;
		color: white !important;
		background-color: #1282a5 !important;
		padding: 10px !important;
		text-align: left !important;
	}

	.procsessBorder .el-card__body {
		height: 100%;
		color: white !important;
		background-color: #1282a5 !important;
		padding: 10px !important;
		text-align: left !important;
	}

	.infososInfo .el-card__body {
		height: 100%;
		color: white !important;
		background-color: #1282a5 !important;
		padding: 10px !important;
		text-align: left !important;
		padding: 15px !important;
		font-size: 15px;
		min-height: 100px;
	}

	.remark-vessel {
		color: white;
		margin-top: 10px;
	}

	.operatTypeolor {
		color: #fff !important;
	}

	.statisticsBox {
		margin: 10px 15px 30px 0;
		min-height: 305px;
		background: #1282a5;
		padding: 10px 15px;
		border-radius: 7px;
		color: #fff;
	}

	.parameter {
		text-align: center;
		color: #fff;
	}

	.changepointer {
		color: #fff !important;
	}

	.descriptionsType .el-descriptions-item__label.is-bordered-label {
		background-color: #1282a5 !important;
		text-align: center;
		width: 140px;
		font-size: 14px !important;
		text-align: center !important;
	}

	.descriptionsType_ctzl .el-descriptions-item__label.is-bordered-label {
		background-color: #1282a5 !important;
		text-align: center;
		width: 105px;
		font-size: 14px !important;
		text-align: center !important;
	}

	.rightBox {
		border: 1px solid #fff;
	}

	.dataBox {
		display: flex;
		align-items: center;
		justify-content: center;
		border-radius: 8px;
		color: #fff;
		overflow: hidden;
		border: 1px solid #00f6ff;
		background: #23649387;
		cursor: pointer;
		box-shadow: 0 0 0 1px #2e4378, inset 0 0 10px #00f6ff;
	}

	.floorinfoType {
		color: #fff;
		display: flex;
		justify-content: end;
		margin-right: 22px;
		text-decoration: none;
		outline: none;
		cursor: pointer;
	}

	.dataBoxOne {
		display: flex;
		align-items: center;
		justify-content: center;
		margin: 0 10px;
		border-radius: 8px;
		color: #fff;
		overflow: hidden;
		border: 1px solid #00f6ff;
		background: #23649387;
		cursor: pointer;
		box-shadow: 0 0 0 1px #2e4378, inset 0 0 10px #00f6ff;
	}

	/* home */
	.poin {
		color: #00f6ff !important;
	}

	.boxShow {
		margin: 0px 0px 15px 0px;
		/* height: 10vh; */
		border-radius: 8px;
		color: #fff;
		overflow: hidden;
		border: 1px solid #00f6ff;
		background: #23649387;
		cursor: pointer;
		box-shadow: 0 0 0 1px #2e4378, inset 0 0 10px #00f6ff;
	}

	.boxShow2 {
		margin: 0px 0px 15px 0px;
		height: 30vh;
		border-radius: 8px;
		color: #fff;
		overflow: hidden;
		border: 1px solid #00f6ff;
		background: #23649387;
		cursor: pointer;
		box-shadow: 0 0 0 1px #2e4378, inset 0 0 10px #00f6ff;
	}

	.boxShow3 {
		margin: 0px 0px 15px 0px;
		height: 41.5vh;
		border-radius: 8px;
		color: #fff;
		overflow: hidden;
		border: 1px solid #00f6ff;
		background: #23649387;
		cursor: pointer;
		box-shadow: 0 0 0 1px #2e4378, inset 0 0 10px #00f6ff;
	}

	.boxShow4 {
		margin: 0px 0px 15px 0px;
		height: 13.7vh;
		border-radius: 8px;
		color: #fff;
		overflow: hidden;
		border: 1px solid #00f6ff;
		background: #23649387;
		cursor: pointer;
		box-shadow: 0 0 0 1px #2e4378, inset 0 0 10px #00f6ff;
	}

	.boxShow5 {
		margin: 0px 0px 15px 0px;
		height: 22vh;
		border-radius: 8px;
		color: #fff;
		overflow: hidden;
		border: 1px solid #00f6ff;
		background: #23649387;
		cursor: pointer;
		box-shadow: 0 0 0 1px #2e4378, inset 0 0 10px #00f6ff;
	}

	.el-select__input {
		color: #fff !important;
	}

	.el-tabs__item {
		color: white !important;
	}

	.el-timeline-item__content {
		color: #00f6ff !important;
		text-align: left;
	}

	.el-card__body {
		height: 100%;
		color: white !important;
		background-color: #1282a5 !important;
		padding: 10px !important;
		text-align: left !important;
	}

	.el-timeline-item__timestamp {
		color: wheat !important;
		text-align: left !important;
	}

	.el-descriptions-item__label.is-bordered-label {
		font-size: 16px !important;
		font-weight: bold;
	}

	.el-descriptions__body,
	.el-descriptions-item__label.is-bordered-label {
		color: white !important;
		background-color: transparent !important;
	}

	.el-textarea__inner {
		border: 1px solid white !important;
		color: white !important;
		background-color: #02395a !important;
	}

	.el-date-table td.in-range div,
	.el-date-table td.in-range div:hover,
	.el-date-table.is-week-mode .el-date-table__row.current div,
	.el-date-table.is-week-mode .el-date-table__row:hover div {
		background-color: #336ea5 !important;
	}

	.el-picker-panel__footer,
	.el-picker-panel,
	.el-date-table th {
		color: white !important;
		background: #1282a5 !important;
	}

	.el-button--text {
		color: #00f6ff !important;
	}

	.el-dialog__footer {
		z-index: 99;
		position: inherit;
	}

	.einp {
		width: 90% !important;
	}

	.el-range-separator {
		color: white !important;
	}

	.el-range-editor .el-range-input {
		color: white !important;
		background: transparent !important;
		width: 43% !important;
	}

	/* 滚动条的宽度 */
	::-webkit-scrollbar {
		width: 10px;
		height: 10px;
		background-color: #e4e4e4;
	}

	/* 滚动条的滑块 */
	::-webkit-scrollbar-thumb {
		background-color: #00f6ff;
		height: 10px;
		width: 10px;
		border-radius: 6px;
	}

	.el-tree,
	.el-tree-node__content:hover,
	.el-upload-list__item:hover,
	.el-tree-node:focus>.el-tree-node__content {
		color: white !important;
		background: transparent !important;
	}

	.el-checkbox__input.is-disabled.is-checked .el-checkbox__inner {
		background-color: #409eff !important;
	}

	.el-tree--highlight-current .el-tree-node.is-current>.el-tree-node__content {
		background: #02608e !important;
	}

	.el-form-item__label {
		color: #00f6ff !important;
	}

	.el-dialog__body {
		padding: 0 !important;
		margin: 0 5% 20px 4%;
		color: #00f6ff !important;
	}

	.el-dialog__footer {
		padding: 0 10% 6% !important;
	}

	.el-dialog__header {
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.el-dialog__header span {
		color: #00f6ff !important;
	}

	.el-dialog__headerbtn,
	.el-dialog__close,
	.el-upload-list__item-name {
		color: #04e3ef !important;
	}

	.el-dialog__headerbtn {
		font-size: 25px !important;
		top: 2% !important;
		right: 5% !important;
	}

	.el-dialog {
		box-shadow: initial !important;
		background: transparent !important;
		background-size: 100% 100% !important;
		background-image: url('./diobg.png') !important;
	}

	.lab-span {
		color: #04e3ef;
	}

	.el-input__inner {
		color: white !important;
		border: 1px solid #04e3ef !important;
		background-color: #1282a5 !important;
	}

	.el-textarea__inner {
		color: white !important;
		border: 1px solid #04e3ef !important;
		background-color: #1282a5 !important;
	}

	.el-table,
	.el-table__expanded-cell {
		background-color: transparent !important;
	}

	.el-table {
		opacity: 1;
	}

	/* 表格内背景颜色 */
	.el-table th,
	.el-table tr,
	.el-table td {
		color: white;
		background-color: #1e2d4f !important;
	}

	.el-table th {
		color: white;
		background-color: #1282a5 !important;
	}

	#app {
		font-family: Avenir, Helvetica, Arial, sans-serif;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
		/*  text-align: center; */
		color: #2c3e50;
	}

	body {
		margin: 0;
		padding: 0;
		/* //做个渐变色2C4D8A 上面的色。 202F53 下面的色 */
		background: linear-gradient(to right, #284174, #1f2f52);
		/* #284174, #202f53 */
		/* background-color: #1f2f52; */
		/* background-image: url("./bbg.png"); */
		background-size: 100% 100%;
	}

	.scrollElement::-webkit-scrollbar,
	body::-webkit-scrollbar {
		width: 4px;
		height: 6px;
		background-color: transparent;
	}

	.scrollElement::-webkit-scrollbar-track,
	body::-webkit-scrollbar-track {
		border-radius: 5px;
		background-color: transparent;
		-webkit-box-shadow: inset 0 0 6px rgba(255, 255, 255, 0.3);
	}

	.scrollElement::-webkit-scrollbar-thumb,
	body::-webkit-scrollbar-thumb {
		border-radius: 5px;
		background-color: #06eef7;
		-webkit-box-shadow: inset 0 0 6px rgba(255, 255, 255, 0.3);
	}

	/*  搜索日历 */
	.el-picker-panel__icon-btn,
	.el-date-picker__header-label,
	.el-year-table td .cell,
	.el-month-table td .cell {
		color: #fff !important;
	}

	.el-year-table td .cell:hover,
	.el-year-table td.current:not(.disabled) .cell {
		color: #409eff !important;
		font-size: 13px;
	}

	.amap-sug-result {
		z-index: 5000 !important;
	}

	/* 表格内背景颜色 */
	.el-table th,
	.el-table tr,
	.el-table td {
		color: white;
		background-color: #1e2d4f66 !important;
	}

	.el-table th {
		color: white;
		background-color: #1282a5e6 !important;
	}

	.el-table__fixed-right {
		background: #1e2d4f !important;
	}

	.el-table__fixed {
		background: #284174 !important;
	}

	.hover-row td {
		background-color: #1282a563 !important;
	}

	.el-month-table .disabled .cell {
		color: #c0c4cc !important;
	}

	.el-year-table .disabled .cell {
		background-color: #c0c4cc !important;
		font-size: 13px;
	}



	/* 导航菜单样式 */
	.el-menu-vertical-demo:not(.el-menu--collapse) {
		width: 200px;
		/* // height: 200px; */
		background-color: #324157;
		z-index: 1000;
		/* // opacity: 0.9; */
	}

	/* 布局容器样式 */
	.el-header {
		/* // opacity: 0.9; */
		height: 100px !important;
		padding: 0 0 !important;
	}

	.el-aside {
		background-color: #034771;
		color: #333;
		height: 100vh;
		/* // opacity: 0.9; */
	}

	.eecon {
		height: 100%;
		width: 100%;
		background-color: #f2f5f6;
		box-shadow: 0 0 6px rgba(0, 0, 0, 0.12);
		text-align: center;
		line-height: 40px;
		color: #1989fa;
		font-size: 30px;
	}

	/* 侧边栏样式 */
	.el-menu {
		border: 0 !important;
		background-color: #034771 !important;
	}

	.el-submenu__title:focus,
	.el-submenu__title:hover {
		background-color: rgb(40, 52, 70) !important;
	}

	.el-menu-item {
		color: #bfcbd9 !important;
		background-color: #034771 !important;
	}

	.el-menu-item:hover {
		background-color: rgb(40, 52, 70) !important;
	}

	.is-active {
		color: #00f6ff !important;
	}

	.headerRec {
		width: 100%;
		height: 100px;
		background-color: #2a3d62;
	}

	.headerRecTop {
		width: 100%;
		height: 50px;
		background-color: #2a3d62;
	}

	.headerRecBottom {
		width: 100%;
		height: 50px;
	}

	.hTop01Tit {
		color: white;
		margin-left: 20px
	}

	.el-ds {
		/* min-width: 150px; */
		display: flex;
		align-items: center;
		justify-content: space-between;
	}

	.el-ds span {
		margin: 0 5px;
		color: navajowhite;
	}

	.current-row .el-table__cell {
		background-color: #265a6a !important;
	}

	.dtspH4 {
		margin: 0;
		color: #04d7c7;
	}

	.videoListRowTFon {
		color: white;
	}

	.videoActive {
		background: #1282a5;
	}

	.messageList {
		height: 65vh;
		max-height: 65vh;
		border: 1px solid #fff;
		border-radius: 10px;
		color: #fff;
		margin-right: 15px;
		margin-bottom: 15px;
		overflow: hidden;
	}

	.messageList .messageBox {
		padding: 15px 20px;
		border-bottom: 1px solid #ccc;
	}

	.messageList .messageBox .messageTop {
		display: flex;
		justify-content: space-between;
		align-items: center;
		margin-top: 10px 0;
	}

	.messageList .messageBox .messageContent {
		margin-top: 10px;
	}

	.messageList .chooseBoxStyle {
		background: #02395a;
	}

	.span01 {
		width: 82px;
		height: 15px;
		font-size: 18px;
		font-family: PingFang SC;
		font-weight: 500;
		color: #fff;
		margin-left: 5px;
		margin-right: 8px;
	}

	.input-box {
		height: 30%;
		text-align: right;
		/* border: 1px solid #fff; */
		border-bottom: 0rem;
		border-radius: 5px;
		padding: 10px;
		background-color: #02395a !important;
		display: flex;
		flex-direction: column;
	}

	.input-box .textBottom {
		display: flex;
		justify-content: end;
		align-items: center;
		padding: 0 15px;
		margin-top: 0px;
		position: relative;
		bottom: 1vh;
	}

	.leftCharBox {
		width: 35%;
		height: 90%;
		border: 1px solid #00a9ad;
		margin-right: 2%;
	}


	.rightCharBox {
		width: 63%;
		height: 90%;
		border: 1px solid #00a9ad;
	}

	.board-card {
		width: 15%;
		height: 95%;
		display: flex;
		overflow: hidden;
		flex-direction: column;
		align-items: center;
		justify-content: space-around;
		font-size: 18px;
		color: #00f6ff;
		border: 1px solid #00f6ff;
		border-radius: 10px;
		cursor: pointer;
	}

	.distribute-img {
		width: 100%;
		height: 35%;
		margin-top: 6px;
		display: flex;
		justify-content: space-between;
		background-color: #141415;
	}

	.allmap {
		height: calc(100vh - 268px);
	}

	.wbrlBox {
		margin-top: 35px;
		padding: 20px;

		border: 1px solid #00f6ff;
		border-radius: 8px;
		overflow: hidden;
		background: #23649387;
		box-shadow: 0 0 0 1px #2e4378, inset 0 0 10px #00f6ff;
	}

	.screenBox .playBox {
		background: #000;
		height: 100%;
		display: flex;
		justify-content: center;
		align-items: center;
		margin: 0 auto;
	}

	.screenBox .playBox .defaultBox {
		width: 70%;
		display: flex;
		justify-content: center;
		align-items: center;
		flex-direction: column;
	}

	.eleStatusTips {
		font-weight: bolder;
		margin-top: 20px;
		font-size: 18px;
		white-space: nowrap;
		color: #fff;
	}

	/* .el-table__row td:hover {
	background: #194e71 !important;
} */

	.radioGroup .el-radio {
		color: #fff
	}

	.radioGroup .is-checked {
		color: #00f6ff
	}

	.knowledgeFormInfo {
		color: #fff;
		font-size: 16px;
	}

	.knowledgeFormInfo .knowledgeFormDetail {
		margin-top: 20px;
		padding-top: 5px;
	}

	.knowledgeFormInfo .knowledgeFormDetail .gundong {
		height: 280px;
		/* 父盒子有限高度 */
		overflow: auto;
		scrollbar-width: none;
		/* Firefox隐藏滚动条 */
		-ms-overflow-style: none;
		/* Internet Explorer 10+隐藏滚动条 */
	}

	.knowledgeFormInfo .knowledgeFormDetail .gundong /deep/.ql-toolbar {
		display: none;
	}

	.knowledgeFormInfo .knowledgeFormDetail .gundong /deep/.quillClass {
		background: unset;
	}

	.knowledgeFormInfo .knowledgeFormDetail .gundong .ql-container {
		background: unset;
		border-radius: 15px;
		overflow: hidden;
		border: none;
		padding: 15px 0;
	}

	.knowledgeFormInfo .knowledgeFormDetail .gundong .ql-container .ql-snow {
		border: none;
	}

	.knowledgeFormInfo .knowledgeFormDetail .gundong .ql-container .ql-editor {
		max-height: 33vh !important;
		min-height: 30vh !important;
	}

	.knowledgeFormInfo .knowledgeFormDetail .gundong::-webkit-scrollbar {
		width: 0;
		/* Safari,Chrome 隐藏滚动条 */
		height: 0;
		/* Safari,Chrome 隐藏滚动条 */
		display: none;
		/* 移动端、pad 上Safari，Chrome，隐藏滚动条 */
	}

	.noticeFormInfo {
		color: #fff;
		font-size: 16px;
	}

	.noticeFormInfo .noticeFormDetail {
		margin-top: 20px;
		padding-top: 5px;
	}

	.noticeFormInfo .noticeFormDetail .gundong {
		height: 280px;
		/* 父盒子有限高度 */
		overflow: auto;
		scrollbar-width: none;
		/* Firefox隐藏滚动条 */
		-ms-overflow-style: none;
		/* Internet Explorer 10+隐藏滚动条 */
	}

	.noticeFormInfo .noticeFormDetail .gundong /deep/.ql-toolbar {
		display: none;
	}

	.noticeFormInfo .noticeFormDetail .gundong /deep/.quillClass {
		background: unset;
	}

	.noticeFormInfo .noticeFormDetail .gundong /deep/.quillClass .ql-container {
		background: unset;
		border-radius: 15px;
		overflow: hidden;
		border: none;
		padding: 15px 0;
	}

	.noticeFormInfo .noticeFormDetail .gundong /deep/.quillClass .ql-snow {
		border: none;
	}

	.noticeFormInfo .noticeFormDetail .gundong /deep/.quillClass .ql-editor {
		max-height: 33vh !important;
		min-height: 30vh !important;
	}

	.gundong::-webkit-scrollbar {
		width: 0;
		/* Safari,Chrome 隐藏滚动条 */
		height: 0;
		/* Safari,Chrome 隐藏滚动条 */
		display: none;
		/* 移动端、pad 上Safari，Chrome，隐藏滚动条 */
	}

	.el-descriptions-item__label.is-bordered-label {
		background: #1282a5 !important;
		text-align: center;
		width: 140px;
		font-size: 14px !important;
		text-align: center !important;
	}

	.el-checkbox {
		color: #fff;
	}

	.el-checkbox__input.is-disabled,
	span.el-checkbox__label {
		color: #c7c7c7;
	}

	.pictureWord {
		color: #c7c7c7;
	}



	.dataBox {
		display: flex;
		align-items: center;
		justify-content: center;
		margin: 0 10px;
		border: 1px solid #00f6ff;
		border-radius: 8px;
		color: #fff;
		overflow: hidden;
		background: #23649387;
		box-shadow: 0 0 0 1px #2e4378, inset 0 0 10px #00f6ff;

	}


	/* 日历 */

	.fc {
		color: #fff;
	}

	/* .fc-daygrid-day.fc-day-today {
		background-color: #0bc0f9ba;
	}

	.fc-highlight {
		background: #1098ca99;
	}

	.fc-daygrid-event {
		width: 15px;
		height: 15px;
		margin-left: 8px;
		border-radius: 50%;
		border: none;
	}

	.fc-event-title {
		position: relative;
		left: 20px;
		top: -1px;
		overflow: unset;
	} */


	.quillClass {
		width: 96%;
		background: #1282a5;
		border-radius: 10px;
		color: #fff;
	}

	.ql-toolbar {
		border-top-right-radius: 10px;
		border-top-left-radius: 10px;
	}

	.ql-container {
		background: #1282a5;
		border-bottom-right-radius: 10px;
		border-bottom-left-radius: 10px;
	}

	.ql-blank {
		height: 160px !important;
		color: #fff !important;
	}

	.ql-blank::placeholder {
		color: #fff !important;
	}

	.ql-editor {
		overflow-y: scroll;
		max-height: 22vh;
		min-height: 19vh;
	}

	.ql-snow .ql-stroke {
		stroke: #fff;
	}

	.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
		stroke: #fff;
	}

	.ql-snow .ql-picker-label {
		color: #fff !important;
	}

	.ql-snow .ql-picker-label::before {
		top: -8px;
		position: relative;
	}

	.box {
		background: #1282a5;
		border-radius: 10px;
		margin-bottom: 15px;
		padding: 20px;
		color: #fff
	}

	.jkBoxwbjk {
		margin-top: 25px;
		height: 28vh;
		padding: 15px 10px;
		background: #6992a499;
		border-radius: 5px;
	}

	.kgszBox {
		background: #2b406ca6;
		padding: 15px 25px 25px;
		border-radius: 8px;
	}

	.detailBox {
		height: 44vh;
		background: #65809bb3;
		border-radius: 5px;
		padding: 25px 15px;
		color: #fff;
	}

	.lowInfoBox {
		background: #227b97;
		border-radius: 5px;
		font-size: 12px;
	}

	.showBannerTips {
		color: #fff;
	}

	.el-table__expand-icon {
		color: #fff !important;
	}

	.tipsBox {
		color: #fff;
	}

	.dropdownRideBtn {
		color: #1282a5 !important;
	}


	.el-loading-mask {
		background-color: rgb(255 255 255 / 20%) !important;
	}

	.tipsColor {
		color: #fff
	}

	.hide-time .el-picker-panel__footer .el-picker-panel__link-btn.el-button--text {
		display: none !important;
	}


	.el-input-group__append button.el-button {
		margin: 1px -20px 0px !important;
	}

	.flexTable .el-table__fixed {
		background: #1e2d4f00 !important;
	}

	.flexTable .highlight-cell {
		background: #1e2d4f !important;
	}



	input[aria-hidden=true] {
		display: none !important;
	}

	.nullDateDialog {
		width: 100%;
		height: 500px;
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.nullDate {
		width: 100%;
		height: 600px;
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.react-draggable {
		z-index: 9999 !important;
	}