@import "reset.css";
@import "basic.css";
@import "element-ui.css";
@import "animate.min.css";
@import "commonHead.css";
@import "openCommonHeader.css";
@import "openCommonLeftNavBar.css";

/**
 * 引入新字体(仅供数字使用)
 */
@font-face {
	font-family: DINPro;
	font-weight: 400;
	font-style: normal;
	src: url("../fonts/DINPro-Medium.otf");
}

html,
body {
	height: 100%;
	background: #F5FBFF;
}

.layoutBox {
	height: 100%;
}

.mainCont {
	display: inline-block;
	width: calc(100% - 246px);
	height: calc(100% - 144px);
	padding: 16px;
	box-sizing: border-box;
	float: right;
	overflow: auto;
	margin-top: 0px;
	border-radius: 20px;
	overflow: hidden;
}

/*公共样式*/
[v-cloak] {
	/*官方文档中心*/
	/*https://cn.vuejs.org/v2/api/#v-cloak*/
	display: none;
}

.show {
	display: block !important;
}

/*滚动条整体样式*/
::-webkit-scrollbar {
	width: 4px !important;
	height: 1px;
}

::-webkit-scrollbar-thumb {
	border-radius: 10px !important;
	box-shadow: inset 0 0 5px rgba(97, 184, 179, 0.1) !important;
	background: rgba(0, 0, 0, 0.5) !important;
}

.el-main {
	padding: 20px 0 !important;
}

/* 背景颜色 */
html,
body {
	min-width: 1400px;
}

.bg-white {
	background-color: #FFFFFF;
}

/* flex布局 */
.flex {
	display: flex;
}

.justify-center {
	justify-content: center;
}

.justify-between {
	justify-content: space-between;
}

.justify-around {
	justify-content: space-around;
}

.justify-start {
	justify-content: flex-start;
}

.justify-end {
	justify-content: flex-end;
}

.align-center {
	align-items: center;
}

.align-start {
	align-items: flex-start;
}

.align-end {
	align-items: flex-end;
}

.align-stretch {
	align-items: stretch;
}

.flex-column {
	flex-direction: column;
}

.flex-shrink {
	flex-shrink: 0;
}

.flex-grow {
	flex-grow: 1;
}

.flex-basis {
	flex-basis: 350rpx;
}

.flex-warp {
	flex-wrap: wrap;
}

/* 宽高值公共样式 */
.tabbar-height {
	height: 72rpx;
}

.width-screen {
	width: 100%;
}

.height-all {
	height: 100%;
}

/* 字体公共样式 */
.font-size-max {
	font-size: 20px;
}

.font-size-lg {
	font-size: 18px;
}

.font-size-md {
	font-size: 16px;
}

.font-size-md-sm {
	font-size: 14px;
}

.font-size-sm {
	font-size: 12px;
}

.font-color-black {
	color: #000;
}

.font-color-lightBlack {
	color: #222;
}

.font-color-grey {
	color: #333;
}

.font-color-lightGrey {
	color: #999;
}

.font-color-darkGrey {
	color: #666;
}

.font-color-red {
	/* color: #FF4FA6; */
	color: var(--themeColor);
}

.font-color-white {
	color: #FFFFFF;
}

.font-color-price {
	color: #FF3D3D;
}

.font-color-up {
	color: #FF1E1E;
}

.font-color-down {
	color: #3D9438;
}

.font-color-warning {
	color: #FAAD13;
}

.font-over-ellipsis {
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}

.font-over-ellipsis-2 {
	text-overflow: ellipsis;
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	line-clamp: 2;
	-webkit-box-orient: vertical;
}

.font-bold {
	font-weight: bold;
}

.font-family-dinPro {
	font-family: DINPro;
}

.line-height-tabbar {
	line-height: 72rpx;
}

.text-left {
	text-align: left;
}

.text-right {
	text-align: right;
}

.text-center {
	text-align: center;
}

/* 定位公共样式 */
.position-relative {
	position: relative;
}

.position-absolute {
	position: absolute;
}

.position-fixed {
	position: fixed;
}

.top-0 {
	top: 0;
}

.left-0 {
	left: 0;
}

.right-0 {
	right: 0;
}

.bottom-0 {
	bottom: 0;
}

.zIndex-top {
	z-index: 998;
}

/* 设置行内元素 */
.inline {
	display: inline;
}

/* 设置块级元素 */
.block {
	display: block;
}

/* 设置行内块元素 */
.inline-block {
	display: inline-block;
}

/* 浮动 */
.float-left {
	float: left;
}

.float-right {
	float: right;
}

.clear-left {
	clear: left;
}

.clear-right {
	clear: right;
}

.clear-both {
	clear: both;
}

/* 将input的placeholder样式重置 */
input::placeholder {
	color: #999;
	font-size: 18px;
}

/* 透明度设置 */
.opacity50 {
	opacity: 0.5;
}

/* 重置input select datePicker边框线颜色 */
.el-input__inner:focus,
.el-select .el-input__inner:focus,
.el-select .el-input.is-focus .el-input__inner,
.el-range-editor.is-active,
.el-range-editor.is-active:hover {
	border-color: var(--themeColor);
}

/* 重置select样式 */
.el-select-dropdown__item.selected {
	color: var(--themeColor);

}

.el-select-dropdown.is-multiple .el-select-dropdown__item.selected {
	color: var(--themeColor);
}

/* 重置datePicker样式 */
.el-picker-panel__icon-btn:hover,
.el-date-table td.available:hover,
.el-date-table td.today span {
	background-color: var(--themeColor);
	color: #fff;
}

.el-date-table td.end-date span,
.el-date-table td.start-date span {
	background-color: var(--themeColor);
}

.el-date-table td.in-range div,
.el-date-table td.in-range div,
.el-date-table td.in-range div:hover {
	background-color: var(--themeColor);
	opacity: 0.8;
	color: #fff;
}

.el-cascader-node.in-active-path,
.el-cascader-node.is-active,
.el-cascader-node.is-selectable.in-checked-path {
	color: var(--themeColor);
	font-weight: 700;
}

/* 重置radio单选框样式 */
.el-radio {
	margin-right: 15px;
}

.el-radio__input {
	display: none;
}

.el-radio__label {
	position: relative;
	color: #999999;
	padding: 6px 18px;
	border-radius: 4px;
	border: 1px solid #DCDFE6;
}

.el-radio__input.is-checked+.el-radio__label {
	color: var(--themeColor);
	border-color: var(--themeColor);
}

.el-radio__input.is-checked+.el-radio__label::after {
	content: '';
	position: absolute;
	top: -1px;
	right: -1px;
	width: 18px;
	height: 16px;
	background: url("../images/icon/icon_charge_corner.png") 0 0 no-repeat;
	background-size: contain;
}

/* 重置switch开关样式 */
.el-switch.is-checked .el-switch__core {
	border-color: var(--themeColor);
	background-color: var(--themeColor);
}

/* 公共按钮样式，默认白底红字 */
.el-button,
.el-button:focus,
.el-button:hover {
	background-color: #FFFFFF;
	border-color: var(--themeColor);
	color: var(--themeColor) !important;
}

/* 重置公共弹窗,确定按钮背景颜色 */
.el-button--primary,
.el-button--primary:focus,
.el-button--primary:hover {
	background: linear-gradient(left, var(--themeColor), var(--themeColor));
	background: -webkit-linear-gradient(left, var(--themeColor), var(--themeColor));
	border-color: var(--themeColor);
	color: #FFFFFF !important;
}

.el-message-box {
	vertical-align: top;
	margin-top: 110px;
}

/* 重置多选框样式 */
.el-checkbox__inner {
	border-radius: 4px;
	border-color: var(--themeColor);
}

.el-checkbox__inner:hover {
	border-color: var(--themeColor);
}

.el-checkbox__input.is-focus .el-checkbox__inner {
	border-color: var(--themeColor);
}

.el-checkbox__input.is-checked .el-checkbox__inner {
	border-color: var(--themeColor);
	background: linear-gradient(to bottom, var(--themeColor), var(--themeColor));
}

.el-checkbox__input.is-checked+.el-checkbox__label {
	color: #333333;
}

/* 重置Table--border表格样式 */
.el-table--border {
	border: none;
}

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

.el-table--border .cell {
	cursor: default;
	padding-left: 25px !important;
}

.el-table--border th {
	color: #333;
	font-size: 14px;
	background-color: #FAFAFA;
	border-top: 1px solid #EBEEF5;
}

.el-table--border th:nth-last-of-type(2),
.el-table--border td:last-of-type {
	border-right: none;
}

.el-table--border th.gutter:last-of-type {
	border: none;
	background-color: transparent;
}

.el-table--border .el-table__row:last-of-type td {
	border-bottom: none;
}

/*loading遮罩层*/
.maskLoading {
	display: flex;
	align-content: center;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
	z-index: 2000;
}

.loadingDiv {
	width: 7rem;
	padding: 0.2rem;
	border-radius: 10px;
	background: rgba(0, 0, 0, .5);
}

.maskLoading img {
	width: 100%;
	float: left;
}

/*消息提示的样式*/
.messageClass {
	background: #fff;
	border: none;
	display: flex;
	align-items: center;
	justify-content: center;
	box-shadow: 0px 3px 16px 0px rgba(0, 0, 0, 0.08);
}

/*滚动条整体样式*/
::-webkit-scrollbar {
	width: 4px;
	height: 1px;
}

::-webkit-scrollbar-thumb {
	border-radius: 10px;
	box-shadow: inset 0 0 5px rgba(97, 184, 179, 0.1);
	background: rgba(0, 0, 0, 0.5);
}

/* 页面底部版权 */
.bottomCopyRightDiv {
	width: calc(100% - 290px);
	margin-left: 270px;
	margin-top: 20px;
	background-color: #fff;
	border-radius: 12px;
}

.bottomCopyRightDiv {
	height: 90px;
}

.copyRight,
.filings {
	width: 100%;
	float: left;
	font-size: 14px;
	color: #828282 !important;
	text-align: center;
	margin-top: 24px;
}

.filings {
	margin-top: 10px;
}