/*全局公共样式文件*/
html,
body {
	margin: 0;
	padding: 0;
	color: #333;
	box-sizing: border-box;
}

a {
	text-decoration: none;
}

/*去掉项目标签*/
ul {
	list-style-type: none;
}

.f-12 {
	font-size: 12px !important;
}

.f-14 {
	font-size: 14px;
}

.main-container {
	width: -moz-available;
	width: -webkit-fill-available;
	width: stretch;
	height: -moz-available;
	height: -webkit-fill-available;
	height: stretch;
	height: 100% !important;
	margin: 0 16px;
}

.el-main {
	padding: 0;
	margin-top: 16px;
}

.min-height-fill4parent {
	height: -moz-available;
	height: -webkit-fill-available;
	height: stretch;
}

.bg-green {
	background-color: #018a6d;
}

.bg-green-light {
	background-color: #38b48b;
}

.bg-green-deep {
	background-color: #006e54;
}

.bg-gray-light {
	background-color: #ebeef5;
}

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

.text-grey {
	color: #c1cad5;
}

.text-green {
	color: #38b48b;
}

.text-blue {
	color: #2c74fa;
}

.text-black {
	color: #333;
}

.text-black-light {
	color: #666;
}

.text-gray {
	color: #999;
}

.text-red {
	color: #e73235;
	cursor: pointer;
}

.text-blue {
	color: #3275f8;
	cursor: pointer;
}

.text-popor {
	color: #796dff;
}

.text-skyblue {
	color: #60d1ff;
}

.text-skyblue1 {
	color: #59dcf1;
}

.text-pink {
	color: #ff7e9d;
}

.text-yellow {
	color: #fdc027;
}

.button-green-bg {
	background-color: rgba(56, 180, 139, 0.3);
	border-radius: 3px;
	padding: 7px 16px;
}

.button-green-border {
	border: 1px solid #38b48b;
	border-radius: 3px;
	padding: 7px 24px;
	color: #38b48b;
}

.button-green {
	background-color: #38b48b;
	padding: 9px 24px;
	color: #fff;
}

.button-green-four {
	background-color: #38b48b;
	padding: 9px 16px;
	color: #fff;
}

/*字体居中*/
.text-l {
	text-align: left;
}

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

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

.txt-Red {
	color: red;
}

/*页面宽度*/
.content-w {
	width: 100%;
	padding-left: 32px;
	padding-right: 32px;
}

/*边距*/
.p-t-16 {
	padding-top: 16px;
}

.m-r-24 {
	margin-right: 24px;
}

.el-tabs__nav-wrap::after {
	height: 1px !important;
}

.el-tabs__item {
	height: 45px !important;
	line-height: 45px !important;
}

.el-container.is-vertical {
	background: #e8edef;
}

/*缺省页样式*/
.page-quesheng {
	width: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	height: 80%;
}

/*滚动条样式*/
//滚动条的宽度
.el-table__body-wrapper::-webkit-scrollbar {
	width: 10px;
	height: 10px;
}

//滚动条的滑块
.el-table__body-wrapper::-webkit-scrollbar-thumb {
	background-color: #bcc3c9;
	border-radius: 6px;
}

//滚动条的宽度
::-webkit-scrollbar {
	width: 10px;
	height: 10px;
}

//滚动条的滑块
::-webkit-scrollbar-thumb {
	background-color: #acb7c0;
	border-radius: 6px;
}

.el-table--fluid-height .el-table__fixed,
.el-table--fluid-height .el-table__fixed-right {
	bottom: 8px !important;
}

/*公按钮下拉*/
.btn-action {
	float: left;
	cursor: pointer;
	font-size: 12px;
	margin-top: 14px;
	margin-left: 10px;
	margin-right: 10px;
}

.btn-action:hover .insert-row {
	display: block;
}

.dropdownselect {
	font-size: 12px;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 0 12px;
}

.dropdownselect .zdyspan {
	position: relative;
	margin-right: 4px;
}

.dropdownselect .zdyspan i {
	position: relative;
	right: -10px;
	top: 1px;
	font-size: 16px;
}

.cell span {
	line-height: 0px;
	cursor: pointer;
}

.el-form-item__content {
	font-size: 12px;
}

.div-col span {
	display: block;
}

.input-number-box {
	display: flex;
	justify-content: center;
	align-items: center;
}

.el-input__inner {
	padding: 0 16px 0 8px !important;
	// padding-right: 15px;
	height: 28px !important;
	font-size: 12px !important;
	line-height: 28px !important;
}

.el-dialog__title {
	font-size: 15px !important;
}

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

.el-table .cell {
	font-size: 12px;
	line-height: 20px !important;
}

// 按钮禁用
.btn-dsable {
	cursor: no-drop;
}

.el-input.is-disabled .el-input__inner,
.el-select .el-input.is-disabled .el-input__inner {
	color: #99a0af;
	cursor: auto;
}

.el-date-editor .el-range-separator {
	font-size: 12px;
	line-height: 22px;
}

.el-range-input {
	font-size: 12px;
}

.tell-info-query span,
.tell-info-delete-row span,
.el-dropdown-selfdefine,
.tell-info-copy-row span {
	cursor: pointer;
}

.tell-info-query span:hover,
.tell-info-delete-row span:hover,
.el-dropdown-selfdefine:hover,
.tell-info-copy-row span:hover {
	color: #66b1ff;
}

.TopInfo {
	font-size: 12px;
	padding-bottom: 5px;
	margin-bottom: 10px;
	background-color: rgba(84, 128, 240, 0.2);
	color: #5480f0;
	height: 20px;
	padding-top: 5px;
	padding-left: 20px;
	height: auto;
}

.span_tips {
	width: 200px;
	cursor: pointer;
	white-space: nowrap; //不换行
	overflow: hidden; //超出隐藏
	text-overflow: ellipsis; //变成...
}

.el-date-editor .el-range__icon {
	line-height: 25px;
}

.el-table .success-row {
	color: red !important;
}

.sale-details-base-info,
.order-create-base-info {
	position: relative;
}

.reviewIconImg {
	width: 4%;
	position: absolute;
	z-index: 10;
	top: 16%;
	left: 65px;
	transform: rotate(-20deg);
}

.reviewIconImg-pur {
	width: 4%;
	position: absolute;
	z-index: 10;
	top: 18%;
	left: 145px;
	transform: rotate(-20deg);
}

.el-cascader {
	display: flex;
	align-items: center;
	justify-content: center;
	line-height: 28px !important;
	height: 28px;
	width: 100%;
}

.el-cascader-panel .el-radio {
	position: absolute;
	z-index: 10;
	padding: 0 10px;
	width: 132px;
	height: 28px;
	line-height: 28px;
}

.el-cascader-panel .el-radio__input {
	visibility: hidden;
}

.el-cascader-panel .el-input-node__postfix {
	top: 10px;
}

:v-deep(.el-select .el-input.is-disabled .el-input__inner) {
	cursor: pointer !important;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
	-webkit-appearance: none !important;
}

input[type='number'] {
	-moz-appearance: textfield !important;
}

.sc {
	display: block !important;
}

.zp .el-input__suffix {
	top: -5px !important;
}

.zp .el-input__inner {
	padding-left: 100px;
}

.rq .el-icon-date {
	display: none;
}

.bounce-enter-active {
	animation: bounce-in 0.5s;
}
.bounce-leave-active {
	animation: bounce-in 0.5s reverse;
}
@keyframes bounce-in {
	0% {
		transform: scale(0);
	}
	50% {
		transform: scale(1.03);
	}
	100% {
		transform: scale(1);
	}
}
