.el-card.is-always-shadow {
	box-shadow: none;
	border: none !important;
  }
  
  .el-menu {
	border-right: none;
  }
  
  .el-message__icon,
  .el-message__content {
	display: inline-block;
  }
  
  .el-date-editor .el-range-input,
  .el-date-editor .el-range-separator {
	height: auto;
	overflow: hidden;
  }
  
  .el-dialog__wrapper {
	z-index: 2048;
  }
  
  
  .el-col {
	margin-bottom: 8px;
  }
  
  .el-main {
	padding: 0 !important;
  }
  
  .el-dropdown-menu__item--divided:before,
  .el-menu,
  .el-menu--horizontal>.el-menu-item:not(.is-disabled):focus,
  .el-menu--horizontal>.el-menu-item:not(.is-disabled):hover,
  .el-menu--horizontal>.el-sub-menu .el-sub-menu__title:hover {
	background-color: transparent;
  }
  
  
  .el-dropdown-menu__item--divided:before,
  .el-menu,
  .el-menu--horizontal>.el-menu-item:not(.is-disabled):focus,
  .el-menu--horizontal>.el-menu-item:not(.is-disabled):hover,
  .el-menu--horizontal>.el-sub-menu .el-sub-menu__title:hover {
	background-color: transparent !important;
  }
  
  .el-collapse-item__header {
	height: auto;
	overflow: hidden;
  }
  
  .el-button.is-text:not(.is-disabled):active {
	background-color: transparent;
  }
  
  .el-button.is-text:not(.is-disabled):focus,
  .el-button.is-text:not(.is-disabled):hover {
	background-color: transparent;
  }
  
  .avue-icon i,
  .avue-icon svg {
	line-height: 20px;
  }
  
  .avue--detail .el-form-item {
	background-color: #fafafa;
  }
  
  .showFullScreenDlg {
	display: flex;
	justify-content: space-between;
  
	.el-dialog {
	  position: relative;
	  padding: 0;
	  overflow: hidden;
  
	  .el-dialog__body {
		width: 100%;
		height: 100%;
  
		iframe {
		  width: 100%;
		  height: 100%;
		}
	  }
  
	  .el-dialog__header {
		height: 0;
		overflow: hidden;
		padding: 0;
  
		.el-dialog__headerbtn {
		  position: absolute;
		  left: 0;
		  //top: 14px;
  
		  .el-dialog__close {
			color: #fff;
			font-size: 35px;
			z-index: 99;
		  }
		}
	  }
	}
  }
  
  .ztzf-drawer-body-basic-container {
	.el-drawer__header {
	  margin-bottom: 0;
	}
	.el-drawer__body {
	  display: flex;
	  flex-direction: column;
  
	}
  
  }
  .ztzf-el-card__body {
  
	 .el-card__body {
	  .avue-form{
	  padding: 0;}}
  }
  .ztzf-public-general-avue-crud {
	.el-table {
	  tr {
		min-height: 30px !important;
		line-height: 30px !important;
		box-sizing: border-box !important;
	  }
  
	  tr th,
	  tr td {
		padding: 6px 0 !important;
		min-height: 30px !important;
		line-height: 30px !important;
		box-sizing: border-box !important;
  
		div.cell {
		  min-height: 30px !important;
		  line-height: 30px !important;
		}
	  }
	}
  }
  .ztzf-layer-input {
	  .el-input__wrapper {
		  padding: 0 8px !important;
		  // background: #2D2D2D;
	  background-color: transparent !important;
		  box-shadow: none !important;
		  border: 1px solid #fff;
	
		  .el-input__inner {
			  color: #ffffff;
  
			  &::placeholder {
		  color: rgba(255,255,255,0.37);
			  }
		  }
	  }
  
	  &.is-disabled {
		  .el-input__wrapper {
			  background-color: #012a50;
		  }
	  }
  }
  .ztzf-button {
	background-color: transparent !important;
	color: #fff !important;
  }
  .ztzf-el-tree {
	background-color: transparent !important;
	--el-tree-node-hover-bg-color:transparent !important;
	color: #fff !important;
  }
  .ztzf-layer-search {
	color: #fff !important;
	background-color: transparent !important;
	
	.el-select__wrapper {
	  background-color: transparent !important;
	}
	
	.el-select__popper.el-popper {
	  background-color: transparent !important;
	}
	
	.el-popper.is-light {
	  background-color: transparent !important;
	}
	
	.el-select__placeholder {
	  &.is-transparent {
		color: rgba(255,255,255,0.37) !important;
	  }
	  
	  &.is-disabled {
		color: rgba(255,255,255,0.37) !important;
	  }
	}
	
	.el-select__selected-item {
	  color: #ffffff !important;
	  
	  &.is-disabled {
		color: rgba(255,255,255,0.37) !important;
		z-index: 99;
	  }
	}
  }
  .ztzf-select-popper.el-select__popper {
	  border:#2D2D2D !important;
  
	  .el-select-dropdown {
		  overflow-x: hidden !important;
  
		  .el-scrollbar {
			  .el-select-dropdown__wrap {
				  background: linear-gradient(180deg, rgba(13, 53, 86, 0.85) 0%, rgba(1, 35, 80, 0.85) 100%);
				  border-radius: 0px 0px 8px 8px;
				  border: 1px solid;
		  border-image: linear-gradient(180deg, #fff, #fff) 1 1;
				  overflow-x: hidden !important;
				  margin-right: 0 !important;
  
				  .el-select-dropdown__list {
					  padding: 0 !important;
  
					  .el-select-dropdown__item {
						  background: #2D2D2D !important;
						  color: white;
  
						  &.hover {
							  background-color: #2D2D2D !important;
							  color: white;
						  }
  
						  &.selected {
							  color: #fff !important;
							  font-weight: 700;
						  }
					  }
				  }
			  }
		  }
  
		  .el-select-dropdown__empty {
			  background: #2D2D2D;
			  border-radius: 0px 0px 8px 8px;
			  border: 1px solid;
			  border-image: linear-gradient(180deg, #fff, #fff) 1 1;
		  }
	  }
  
	  .el-popper__arrow::before {
		  background: #2D2D2D !important;
		  border: 1px solid #fff !important;
	  }
  }
  //时间日期选择器
  .ztzf-layer-date-picker {
	  box-shadow: none !important;
	  background: transparent;
	  border: 1px solid #fff;
	  border-radius: 5px;
	  .el-range-editor.is-disabled input {
		  background-color: transparent !important;
	  }
	  .el-range-editor.is-disabled {
		  background-color: transparent !important;
	  }
	  .el-input__wrapper {
		  box-shadow: none !important;
		  background-color: transparent !important;
	  width: 300px;
		  &.is-focus {
			  box-shadow: none !important;
		  }
	  }
  
	  .el-range-input {
		  color: #fff;
  
		  &::placeholder {
			  color: rgba(255, 255, 255, 0.37);
		  }
	  }
  
	  .el-range-separator {
		  color: #ffffff;
	  }
  }
  
  // 日期下拉框
  .ztzf-layer-date-picker-popper {
	  background: #012350 !important;
	  border: 1px solid !important;
	  border-radius: 0px 0px 8px 8px;
	  border-image: linear-gradient(180deg, rgba(255, 255, 255, 0), rgba(115, 192, 255, 1)) 1 1 !important;
	  .el-picker-panel .el-time-panel{
		  background: #012350 !important;
	  }
	  .el-time-spinner__item {
	  color: #fff !important;}
	  .el-time-spinner__item:hover:not(.is-disabled):not(.is-active){
		  background: transparent !important;
	  }
	  .el-picker-panel {
		  .el-picker-panel__body-wrapper {
			  .el-picker-panel__body {
				  background: #012350 !important;
				  color: #fff !important;
  
				  .el-date-picker__time-header {
					  border: none;
  
					  .el-date-picker__editor-wrap {
						  .el-time-panel {
							  background: #012350 !important;
							  border-radius: 0px 0px 8px 8px;
							  border: 1px solid !important;
							  border-image: linear-gradient(180deg, rgba(255, 255, 255, 0), rgba(115, 192, 255, 1)) 1 1 !important;
  
							  // 将 time-picker-popper 的样式移到这里
							  .el-time-panel__header {
								  background: #012350 !important;
								  color: #ffffff !important;
								  border-bottom: 1px solid rgba(255, 255, 255, 0.37) !important;
							  }
  
							  .el-time-panel__content {
								  .el-time-spinner__item {
									  color: #e6e6e6 !important;
  
									  &:hover {
										  background: #012350 !important;
									  }
  
									  &.active {
										  color: #479dff !important;
										  font-weight: bold;
									  }
								  }
							  }
  
							  .el-time-panel__footer {
								  background: #012350 !important;
								  border-top: 1px solid rgba(71, 157, 255, 0.3) !important;
  
								  .el-button {
									  color: #fff !important;
  
									  &:hover {
										  color: #479dff !important;
									  }
								  }
  
								  .el-time-panel__btn.cancel {
									  color: #fff !important;
  
									  &:hover {
										  color: #fff !important;
									  }
								  }
							  }
						  }
					  }
				  }
  
				  .el-picker-panel__content {
					  .el-date-range-picker__header {
						  .el-picker-panel__icon-btn {
							  color: #fff !important;
  
							  &:hover {
								  color: var(--el-color-primary) !important;
							  }
  
							  .el-icon {
								  &::before {
									  color: inherit !important;
								  }
							  }
						  }
  
						  & > div {
							  span {
								  color: #fff !important;
							  }
						  }
					  }
  
					  .el-date-table {
						  th {
							  color: #fff !important;
						  }
  
						  td.disabled div {
							  background-color: #00193b !important;
							  color: #505050 !important;
							  cursor: not-allowed;
						  }
  
						  // td:hover,
						  // td.current:not(.disabled) {
						  //     background: rgba(60, 121, 202) !important;
						  //     color: white !important;
						  // }
  
						  td.start-date span,
						  td.start-date span,
						  td.end-date span {
							  background-color: #012350 !important;
						  }
  
						  td.in-range div,
						  td.in-range div:hover,
						  &.is-week-mode .el-date-table__row.current div,
						  &.is-week-mode .el-date-table__row:hover div {
							  background-color: rgba(60, 121, 202) !important;
						  }
					  }
				  }
			  }
		  }
	  }
  
	  .el-popper__arrow {
		  &::before {
			  background: #0d3556 !important;
			  border: 1px solid #0d3556 !important;
			  box-sizing: border-box;
		  }
	  }
  
	  .el-picker-panel__sidebar {
		  background: #012350;
		  color: #fff;
  
		  .el-picker-panel__shortcut {
			  color: #ffffff;
		  }
	  }
  
	  .el-picker-panel__body {
		  .el-input.is-disabled .el-input__wrapper {
			  background: #012350;
			  box-shadow: 0 0 0 0.1rem#409eff;
			  color: #fff;
  
			  .el-input__inner {
				  color: #fff !important;
			  }
		  }
  
		  .el-button.is-disabled,
		  .el-button.is-disabled:hover {
			  background: #012350;
		  }
  
		  .el-input__wrapper {
			  background: #012350;
			  box-shadow: 0 0 0 0.1rem#409eff;
			  color: #fff;
  
			  .el-input__inner {
				  color: #fff !important;
			  }
		  }
	  }
  
	  .el-picker-panel__footer {
		  background: #012350;
		  color: #fff;
		  border-top: none;
  
		  .el-button--small {
			  box-shadow: 0 0 0 0.1rem#409eff;
			  background-color: #012350;
			  color: #fff;
			  border: none;
  
			  &:hover {
				  background-color: #012350;
				  color: #fff;
				  border-color: #409eff;
			  }
		  }
	  }
  }
  
  .ztzf-layer-time-picker-popper {
	background: rgba(0,0,0,0.8) !important;
	  border-radius: 0px 0px 8px 8px;
	  border: 1px solid !important;
	  border-image: linear-gradient(180deg, rgba(255, 255, 255, 0), rgba(115, 192, 255, 1)) 1 1 !important;
  
	  .el-popper__arrow::before {
		  background: rgba(0,0,0,0.8) !important;
		  border: 1px solid #479dff !important;
	  }
  
	  .el-time-panel__header {
		  background: rgba(0,0,0,0.8) !important;
		  color: #ffffff !important;
		  border-bottom: 1px solid rgba(71, 157, 255, 0.3) !important;
	  }
  
	  .el-time-panel__content {
		  // background: #012350 !important;
  
		  .el-time-spinner__item {
			  color: #e6e6e6 !important;
  
			  &:hover {
				  background: rgba(71, 157, 255, 0.3) !important;
			  }
  
			  &.active {
				  color: #479dff !important;
				  font-weight: bold;
			  }
		  }
	  }
  
	  .el-time-panel__footer {
		  background: rgba(0,0,0,0.8) !important;
		  border-top: 1px solid rgba(71, 157, 255, 0.3) !important;
  
		  .el-button {
			  color: #fff !important;
  
			  &:hover {
				  color: #479dff !important;
			  }
		  }
  
		  .el-time-panel__btn.cancel {
			  color: #fff !important;
  
			  &:hover {
				  color: #fff !important;
			  }
		  }
	  }
  }
  //======以下针对表格功能 增删查改样式和弹窗=========
  .ztzf-dialog-mange {
	.el-dialog__body {
	  padding: 2rem 2rem 4rem;
	  flex: 1;
	  overflow: scroll;
	  border-top: 0.1rem solid #f0f0f0;
	}
	.el-dialog__footer {
	  z-index: 2;
	  display: block;
	  padding: 1rem 1.6rem;
	  box-sizing: border-box;
	  border-top: 0.1rem solid #f0f0f0;
	  width: 100%;
	  position: absolute;
	  left: 0;
	  bottom: 0;
	  background-color: #fff;
	  text-align: right;
	}
  }
  .ztzf-search-mange {
	height: 40px;
	.search-contain {
	  display: flex;justify-content: space-between;
	}
  }
  .ztzf-form-mange {
	.el-form-item {
	  width: 300px;
	  .el-form-item__content {
		width: 100%;
	  }
	  .el-form-item__label {
		width: 120px;
	  }
	}
  }
  
  .ztzf-form-search {
	.el-form-item {
	  width: 100%;
	  .el-form-item__label {
		width: 80px;
	  }
	  .el-form-item__content {
		display: flex;
		flex: 1;
	  }
	}
  }
  
  .ztzf-table-mange {
	th.el-table__cell  {
	  color: rgba(0, 0, 0, .85);
	  background-color: #fafafa;
	}
  }
  
  .table-view-mange {
	width: 100%;
	border-top: 0.1rem solid #ebeef5;
	border-left: 0.1rem solid #ebeef5;
	margin-left: 0;
	margin-right: 0;
	.el-col {
	  padding-left: 0;
	  padding-right: 0;
	  margin-bottom: 0;
	  height: 32px;
	  line-height: 32px;
	  border-right: 0.1rem solid #ebeef5;
	  text-align: center;
	  align-items: center;
	  .el-input__wrapper {
		box-shadow: none !important;
		border-bottom: 0.1rem solid #ebeef5;
	  }
	}
	.label {
	  color: #909399;
	  box-sizing: border-box;
	  background: #fafafa;
	}
  }