<template>
	<router-view></router-view>
</template>
<style>
	#app {
		height: 100%;
	}

	body {
		height: 100%;
	}

	html {
		height: 100%;
	}

	.layui-disabled,
	.layui-disabled:hover {
		color: var(--global-neutral-color-8) !important;
	}

	.layui-laypage-skip .layui-input-number {
		min-width: 50px;
	}

	textarea {
		resize: none !important;
	}

	.layui-empty {
		text-align: center;
		min-height: 220px;
		padding: 60px 0 40px;
	}

	.empty-small1 .layui-empty {
		padding: 41px 0 20px;
	}

	.empty-small2 .layui-empty {
		padding: 6px 0 15px;
	}

	.empty-small3 .layui-empty {
		min-height: 200px;
	}

	.empty-small3 .layui-empty img {
		max-height: 150px;
		margin-top: 12px;
	}

	.empty-small3 .layui-empty .layui-empty-description {
		margin-top: -20px;
	}

	.search-box {
		display: block;
		clear: both;
		border: 1px solid #eee;
		padding: 30px 10px 0;
	}

	.search-items .layui-form-item {
		float: left;
		clear: inherit;
	}

	.search-btn {
		display: block;
		text-align: right;
		margin-right: 21px;
	}

	.layui-form-select {
		display: inline-block;
	}

	.search-items .layui-input,
	.search-items .layui-form-label,
	.search-items .layui-form-select {
		line-height: 30px !important;
		height: 30px !important;
	}

	.search-items .layui-input-wrapper,
	.search-items input {
		line-height: 28px !important;
		height: 28px !important;
	}

	.search-items .layui-form-label {
		color: #666;
	}

	.search-items .layui-input {
		color: #555;
	}

	.layui-btn {
		position: relative;
	}

	.layui-upload-wrap {
		width: 100%;
		height: 100%;
		position: absolute !important;
		left: 0;
		top: 0;
		opacity: 0;
		overflow: hidden;
	}

	.layui-tab .layui-tab-title {
		background: whitesmoke !important;
		border-bottom: 4px solid #fff;
	}

	.layui-tab .layui-this,
	.layui-fluid {
		background: #fff !important;
	}

	.layui-table,
	.layui-table-view {
		margin-top: 0 !important;
	}

	.color666 .layui-form-label {
		color: #666;
	}

	.color999 .layui-disabled,
	.color999 .layui-disabled:hover {
		color: #999 !important;
	}

	.layui-tab-content {
		padding-bottom: 0;
	}

	/* 包材子项添加的时候 */
	.table-box240 .layui-table-main {
		max-height: 240px;
	}

	.table-box240 .layui-input {
		height: 28px !important;
	}

	.table-box240 .layui-table-cell {
		padding: 4px 8px !important;
	}

	.table-box240 .layui-input input {
		text-align: center;
		padding-left: 0;
	}

	.table-box240 .layui-input {
		height: 28px !important;
	}

	.table-box240 .layui-btn {
		margin: 0 5px !important;
	}

	/* 大进度条，小的时候显示美观 */
	.layui-progress-big {
		overflow: hidden;
	}


	.row-select .layui-form-select {
		width: 100% !important;
	}

	.row-select td {
		overflow: inherit;
	}

	.layui-progress-big .layui-progress-text {
		color: #555 !important;
	}

	.layui-item33 .layui-form-item {
		min-width: 33.3%;
		float: left;
		clear: initial;
	}

	.layui-item50 .layui-form-item {
		min-width: 50%;
		float: left;
		clear: initial;
	}

	.sale-note {
		width: 100% !important;
	}

	.sale-note .layui-input {
		display: none !important;
	}

	.sale-note .layui-anim {
		top: 0 !important;
		display: block !important;
	}

	.layui-header .layui-nav .layui-nav-item>a * {
		color: #393d49 !important;
	}

	.layui-inline[title='导出'],
	.layui-inline[title='打印'] {
		display: none !important;
	}

	.layui-select {
		max-width: 100%;
	}
</style>
