.font-default {
	color: #fff;
}

.font-primary {
	color: #007bff;
}

.font-success {
	color: #28a745;
}

.font-info {
	color: #17a2b8;
}

.font-warning {
	color: #ffc107;
}

.font-danger {
	color: #dc3545;
}

.font-dark {
	color: #343a40;
}

.font-gray-dark {
	color: #343a40;
}

.font-gray {
	color: #6c757d;
}

.font-light {
	color: #f8f9fa;
}

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

.bg-primary {
	background-color: #007bff;
}

.bg-success {
	background-color: #28a745;
}

.bg-info {
	background-color: #17a2b8;
}

.bg-warning {
	background-color: #ffc107;
}

.bg-danger {
	background-color: #dc3545;
}

.bg-dark {
	background-color: #343a40;
}

.bg-gray-dark {
	background-color: #343a40;
}

.bg-gray {
	background-color: #6c757d;
}

.bg-light {
	background-color: #f8f9fa;
}
.ykjs-file {
	overflow: hidden;
	border: 1px solid #ccc;
	min-height: 40px;
	padding: 2px 2px 0 2px;
}

.ykjs-file-title {
	margin-bottom: 10px;
	font-weight: 600;
}

.ykjs-file-inputfile {
	margin-bottom: 10px;
}

.ykjs-file-inputpanel {
	position: relative;
	margin-bottom: 10px;
	width: 100px;
	height: 30px;
	overflow: hidden;
	cursor: pointer;
}

.ykjs-file-inputpanel>input {
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	z-index: 10;
	opacity: 0;
	cursor: pointer;
}

.ykjs-file-inputbtn {
	width: 100%;
	height: 100%;
	background-color: #007bff;
	text-align: center;
	line-height: 30px;
	color: #fff;
	font-size: 14px;
	cursor: pointer;
}

.ykjs-file-list>table>thead>tr>th {
	text-align: center !important;
}

.ykjs-file-list>table>thead>tr>th.size {
	width: 150px;
}

.ykjs-file-list>table>thead>tr>th.download {
	width: 100px;
}

.ykjs-file-list>table>thead>tr>th.fun {
	width: 136px;
}

.ykjs-file-list>table>tbody>tr>td.center{
	text-align: center;
}
body {
	background-color: #f1f2f7;
	overflow: hidden;
}

.ykjs-top {
	position: fixed;
	width: 100%;
	height: 42px;
	background-color: #fff;
	border-bottom: 1px solid #C2AF7B;
}

.ykjs-top-title {
	height: 100%;
	position: relative;
	z-index: 3;
}

.ykjs-top-title img {
	float: left;
	margin-top: 6px;
	margin-left: 6px;
	height: 38px;
}

.ykjs-top-title h1 {
	margin-left: 15px;
	float: left;
	line-height: 42px;
	font-size: 24px !important;
	color: #032C26;
}

.ykjs-top-middle {
	display: none;
	position: absolute;
	top: 6px;
	font-size: 20px;
	left: 300px;
	color: #f13;
}

.ykjs-top-right {
	position: absolute;
	z-index: 5;
	top: 6px;
	right: 20px;
}

.ykjs-menu {
	position: fixed;
	top: 41px;
	bottom: 0px;
	width: 180px;
	background-color: #333;
	z-index: 102;
	overflow-x: hidden;
}

.ykjs-menu::-webkit-scrollbar {
	/*滚动条整体样式*/
	width: 4px;
	/*高宽分别对应横竖滚动条的尺寸*/
	scrollbar-arrow-color: #032C26;
}

.ykjs-menu::-webkit-scrollbar-thumb {
	/*滚动条里面小方块*/
	border-radius: 5px;
	-webkit-box-shadow: inset 0 0 5px #f90;
	background-color: #032C26;
	scrollbar-arrow-color: #032C26;
}

.ykjs-menu::-webkit-scrollbar-track {
	/*滚动条里面轨道*/
	-webkit-box-shadow: inset 0 0 5px #f90;
	border-radius: 0;
	background-color: #C2AF7B;
}

.ykjs-menu-list {
	margin-top: 5px;
	padding-right: 6px;
}

.ykjs-menu-list i.glyphicon {
	margin-right: 10px;
}

.ykjs-menu-list a.lock {
	color: rgba(255, 255, 255, 0.2);
}

.ykjs-menu-list span.glyphicon {
	float: right;
	text-align: center;
	margin-top: 5px;
	font-size: 10px;
	min-width: inherit;
	color: #C4CFDA;
}

.ykjs-menu-item>li {
	padding-left: 14px;
	position: relative;
	display: block;
}

.ykjs-menu-item>li.active>a {
	color: #fff;
	background-color: #C2AF7B;
}

.ykjs-menu-item>li:hover>a {
	color: #032C26;
	background-color: #ccc;
}

.ykjs-menu-list>li {
	font-size: 14px;
	color: #fff;
}

.ykjs-menu-list>li>a {
	position: relative;
	display: block;
	padding: 8px 8px 2px;
	color: #fff;
	font-weight: 500;
}

.ykjs-menu-item>li>a {
	font-size: 12px;
	padding: 5px;
	font-weight: 500;
	position: relative;
	display: block;
	color: #fff;
}

.ykjs-menu-list>li>a>i,
.ykjs-menu-item>li>a>i {
	display: inline-block;
	background-color: #FF4136;
	color: #fff;
	margin-right: 2px;
	padding: 0 2px;
}

.ykjs-menu-title {
	font-weight: 400;
	font-size: 22px;
	color: #666;
	line-height: 35px;
	text-indent: 1em;
}

.ykjs-body {
	position: absolute;
	top: 42px;
	left: 180px;
	right: 0;
	bottom: 0;
}

.ykjs-title {
	position: absolute;
	top: 0;
	left: 10px;
	right: 0;
	height: 38px;
	overflow: hidden;
	background-color: #fff;
}

.ykjs-title h2 {
	line-height: 38px;
	text-indent: 10px;
	font-size: 16px;
}

.ykjs-page {
	position: absolute;
	top: 80px;
	left: 10px;
	right: 0;
	bottom: 0;
}

.ykjs-panel {
	padding: 10px;
	width: 100%;
	height: 100%;
	background-color: #fff;
}

.ykjs-data {}

.ykjs-data-fun {
	display: flex;
	padding: 10px;
	border: 1px solid #ccc;
	border-bottom: none;
	background-color: #f1f1f1;
	overflow: hidden;
	text-align: center;
}

.ykjs-data-fun .middle {
	flex: 2;
}

.ykjs-data-fun .left {
	/* float: left; */
	flex: 1;
	text-align: left;
}

.ykjs-data-fun .right {
	/* float: right; */
	flex: 1;
	text-align: right;
}

.ykjs-data-table {
	position: relative;
}

.ykjs-data-table .ykjs-table {
	overflow: auto;
	box-sizing: border-box;
	border-right: 0px solid #e6e6e6;
}

.ykjs-data .ykjs-data-table .ykjs-paging {
	position: absolute;
	bottom: 10px;
	left: 0;
}

.ykjs-search {
	width: 100%;
}

.ykjs-search-row {
	display: inline-block;
	width: 100%;
	padding: 2px 0;
}

.ykjs-search-row>li {
	float: left;
	padding: 0 10px;
}

.ykjs-search-title {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	text-align: right;
	line-height: 31px;
}

.ykjs-search-title.empty::after {
	content: "1";
	opacity: 0;
}

.ykjs-search-input.right {
	text-align: right;
}

.ykjs-search-input-btn {
	text-align: center;
}

.ykjs-fun-btn {
	width: 100px;
}

.ykjs-alert-group {
	position: fixed;
	z-index: 9999;
	top: 0;
	left: 0;
	right: 0;
}

.ykjs-alert-group .alert {
	padding: 0 10px !important;
	line-height: 32px !important;
	margin: auto !important;
}

.frm-detail input {
	border: 1px solid #fff;
	background: none !important;
}

.ykjs-busy {
	position: fixed;
	display: none;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(100, 100, 100, 0.8);
	z-index: 999999;
}

.ykjs-busy-body {
	width: 300px;
	margin: auto;
	padding-top: 100px;
}

.ykjs-busy-body span {
	display: block;
	color: #00f;
	text-align: center;
	line-height: 50px;
}

.ykjs-busy-body img {
	display: block;
	width: 100%;
}

.ykjs-modal {
	position: fixed;
	display: none;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background-color: rgba(0, 0, 0, .5);
	z-index: 1100;
}

.ykjs-main-modal {
	position: fixed;
	display: none;
	top: 76px;
	left: 160px;
	bottom: 0;
	right: 0;
	background-color: rgba(0, 0, 0, .5);
	z-index: 1000;
}

/* 以下是重置bootstrap */
.row {
	margin-right: 0 !important;
	margin-left: 0 !important;
}

.alert {
	width: 100%;
	margin-top: 0 !important;
	margin-bottom: 0 !important;
	text-align: center;
	z-index: 9999;
}

.form-group {
	margin-bottom: 5px !important;
}

.table>thead>tr>th,
.table>tbody>tr>th,
.table>tfoot>tr>th,
.table>thead>tr>td,
.table>tbody>tr>td,
.table>tfoot>tr>td {
	padding: 3px;
	line-height: 2 !important;
}

.dropdown-menu {
	font-size: 14px;
}

.bootstrap-select>.btn {
	border: 1px solid #ced4da;
}

.bootstrap-select-sm>.btn {
	height: calc(1.5em + 0.5rem + 2px);
	padding: 0.25rem 0.5rem;
	font-size: .875rem;
	line-height: 1.5;
	border-radius: 0.2rem;
}

.bootstrap-select .bs-searchbox {
	margin-bottom: 5px;
}

.bootstrap-select-sm .bs-searchbox .form-control {
	height: calc(1.5em + 0.5rem + 2px);
	padding: 0.25rem 0.5rem;
	font-size: .875rem;
	line-height: 1.5;
	border-radius: 0.2rem;
}

.bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
	width: 100%;
}

.input-group-addon {
	padding: 4px 12px;
}

.modal-header {
	padding: 5px 10px !important;
}

label {
	margin-bottom: 0px !important;
}

.panel-group .panel {
	margin-bottom: 0 !important;
}

/* 如果弹框中间要加左侧添加等功能按钮，用这个
	<div class="modal-waist">
		<span class="btn btn-primary" onclick="addSub()">添加商品</span>
	</div>
*/
.modal-arm {
	margin: 10px auto 10px auto;
	text-align: left;
}

/* 如果弹框中间要加右侧确认功能按钮，用这个
	<div class="modal-waist">
		<span class="btn btn-primary" onclick="doSave()">保存</span>
	</div>
*/
.modal-waist {
	padding: 0 0 5px 0;
	margin: 5px auto 20px auto;
	text-align: right;
	border-bottom: 1px solid #e5e5e5;
}

/* 图片预览 */
.ykjs-img-preview {
	overflow: hidden;
}

.ykjs-img-preview img {
	float: left;
	margin-right: 1px;
	width: 50px;
	height: 50px;
	border: 1px solid #ccc;
}

/* 全屏展示 */
.ykjs-body-full {
	top: 0;
	left: 0;
}

.ykjs-page-full {
	background: none;
	top: 0 !important;
	left: 0;
	right: 0;
	bottom: 0;
}

.ykjs-panel-full {
	padding: 0;
	border-radius: 0;
}
.ykjs-img {
	overflow: hidden;
	border: 1px solid #ccc;
	min-height: 40px;
	padding: 2px 2px 0 2px;
}

.ykjs-img-title {
	margin-bottom: 10px;
	font-weight: 600;
}

.ykjs-img-inputfile {
	margin-bottom: 10px;
}

.ykjs-img-inputpanel {
	position: relative;
	margin-bottom: 10px;
	width: 100px;
	height: 30px;
	overflow: hidden;
	cursor: pointer;
}

.ykjs-img-inputpanel>input {
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	z-index: 10;
	opacity: 0;
	cursor: pointer;
}

.ykjs-img-inputbtn {
	width: 100%;
	height: 100%;
	background-color: #007bff;
	text-align: center;
	line-height: 30px;
	color: #fff;
	font-size: 14px;
	cursor: pointer;
}

.ykjs-img-list {
	overflow: hidden;
}

.ykjs-img-list li {
	position: relative;
	float: left;
	margin-right: 2px;
	margin-bottom: 2px;
}

.ykjs-img-list li.empty {
	color: #999;
}

.ykjs-preview-img {
	width: 50px;
	height: 50px;
}

.ykjs-img-del {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	text-align: center;
	line-height: 24px;
	background-color: #ccc;
	cursor: pointer;
}
html,
body {
	box-sizing: border-box;
	min-height: 100%;
}

body,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
p,
blockquote,
dl,
dt,
dd,
ul,
ol,
li,
pre,
form,
fieldset,
legend,
button,
input,
textarea,
th,
td,
table {
	margin: 0;
}

ul,
ol {
	list-style-type: none;
	margin: auto;
	padding: 0;
}

fieldset,
img {
	border: 0;
}

select,
input,
img,
select {
	vertical-align: middle;
}

input,
button,
select,
textarea {
	outline: none;
}

input[type=button] {
	cursor: pointer;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

a {
	color: #00f;
	text-decoration: none;
}

a:hover {
	text-decoration: none;
}

a:visited {
	text-decoration: none;
}

a:link {
	text-decoration: none;
}

.ykjs-table-title {
	padding: 10px 0;
	text-align: center;
}

.ykjs-table {
	position: relative;
	overflow-y: visible;
}

.ykjs-table>table {
	border-collapse: collapse;
	table-layout: fixed;
	width: 100%;
}

.ykjs-table>table>thead>tr>th {
	border: 1px solid #757575;
	font-weight: 400;
	padding: 10px 5px;
	box-sizing: border-box;
	position: sticky;
	top: -1px;
	text-align: left;
	background-color: #0484de;
	color: #fff;
}

.ykjs-table>table>tbody {
	text-align: center;
}

.ykjs-table>table>tbody>tr>td {
	padding: 5px;
	border: 1px solid #757575;
	box-sizing: border-box;
	background-color: #f1f1f1;
	line-height: 20px;
	text-align: left;
}

.ykjs-table>table>thead>tr>th.fixed {
	position: sticky;
	z-index: 999;
}

.ykjs-table>table>thead>tr>th.fixed-left {
	left: 0px;
}

.ykjs-table>table>thead>tr>th.fixed-right {
	right: 0px;
}

.ykjs-table>table>tbody>tr>td.fixed {
	position: sticky;
}

.ykjs-table>table>tbody>tr>td.fixed-left {
	left: 0px;
}

.ykjs-table>table>tbody>tr>td.fixed-right {
	right: 0px;
}

.ykjs-table-num {
	text-align: right !important;
}

.ykjs-paging {
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: 16px;
	font-size: 14px;
}

.ykjs-paging>ul {
	overflow: hidden;
}

.ykjs-paging>ul>li {
	float: left;
	padding: 4px 10px;
	text-align: center;
	cursor: pointer;
	border: 1px solid #ddd;
	color: #398439;
}

.ykjs-paging>ul>li:hover {
	background-color: #eee;
}

.ykjs-paging>ul>li.selected {
	background-color: #398439;
	border-color: #398439;
	color: #fff;
}

.ykjs-table .empty {
	padding: 20px 0;
	text-align: center;
	color: #ccc;
}

.ykjs-fa {
	font-size: 20px;
	cursor: pointer;
}

.ykjs-fa-detail {
	color: #5bc0de;
}

.ykjs-fa-check {
	color: #f0ad4e;
}

.ykjs-fa-edit {
	color: #337ab7;
}

.ykjs-fa-delete {
	color: #d9534f;
}

.ykjs-table-v>table {
	width: 100%;
}

.ykjs-table-v>table .title {
	text-align: center;
	padding: 5px 0 0 0;
	font-size: 16px;
}

.ykjs-table-v>table>tbody>tr>th {
	width: 20%;
	min-width: 150px;
	text-align: right;
}

.ykjs-table-v>table>tbody>tr>th,
.ykjs-table-v>table>tbody>tr>td {
	padding: 4px;
	border: 1px solid #ddd;
	vertical-align: top;
	line-height: 2 !important;
}

.ykjs-table-v.two>table>tbody>tr>th {
	width: 130px;
}

.ykjs-table-v.two>table>tbody>tr>td {
	min-width: 30%;
}
.ykjs-transfer {
	overflow: hidden;
	height: 400px;
}

.ykjs-transfer-middle {
	position: relative;
	width: 5%;
	float: left;
	margin-left: 2%;
	height: 100%;

	display: flex;
	display: -webkit-flex;
	align-items: center;
	justify-content: center;
}

.ykjs-transfer-middle>div {
	width: 100%;
}

.ykjs-transfer-toright {
	display: block;
	margin: auto;
	width: 100%;
	max-width: 50px;
}

.ykjs-transfer-toleft {
	display: block;
	margin: auto;
	margin-top: 30px;
	width: 100%;
	max-width: 50px;
}

.ykjs-transfer-box {
	width: 45%;
	border: 1px solid #ccc;
	height: 100%;
}

.ykjs-transfer-left {
	float: left;
}

.ykjs-transfer-right {
	float: right;
}

.ykjs-transfer-title,
.ykjs-transfer-search {
	padding: 10px;
	border-bottom: 1px solid #ccc;
}

.ykjs-transfer-data {
	overflow: auto;
}

.ykjs-transfer-item {
	padding: 5px;
	margin: 1px auto;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	vertical-align: middle;
}

.ykjs-transfer-item.selected {
	background-color: sandybrown;
}

.ykjs-transfer-item-empty {
	padding: 30px;
	text-align: center;
	color: #ccc;
}
.ykjs-validate-input-err{
	color:#ac2925;
	border: 1px solid #ac2925;
}

.ykjs-validate-info-err{
	color:#ac2925;
}
.ykjs-video {
	overflow: hidden;
	border: 1px solid #ccc;
	min-height: 40px;
	padding: 2px 2px 0 2px;
}

.ykjs-video-title {
	margin-bottom: 10px;
	font-weight: 600;
}

.ykjs-video-inputfile {
	margin-bottom: 10px;
}

.ykjs-video-inputpanel {
	position: relative;
	margin-bottom: 10px;
	width: 100px;
	height: 30px;
	overflow: hidden;
	cursor: pointer;
}

.ykjs-video-inputpanel>input {
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	z-index: 10;
	opacity: 0;
	cursor: pointer;
}

.ykjs-video-inputbtn {
	width: 100%;
	height: 100%;
	background-color: #007bff;
	text-align: center;
	line-height: 30px;
	color: #fff;
	font-size: 14px;
	cursor: pointer;
}

.ykjs-video-list {
	overflow: hidden;
}

.ykjs-video-list li {
	position: relative;
	float: left;
	margin-right: 2px;
	margin-bottom: 2px;
}

.ykjs-video-list li.empty {
	color: #999;
}

.ykjs-preview-video {
	width: 200px;
	height: 120px;
}

.ykjs-video-del {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	text-align: center;
	line-height: 24px;
	background-color: #ccc;
	cursor: pointer;
}
body {
	background-color: #f1f2f7
}

.ykjs-top {
	background-color: #fff;
	border-color: #C2AF7B;
}

.ykjs-top-title h1 {
	color: #032C26;
}


.ykjs-top-middle {
	color: #f13;
}


.ykjs-menu {
	background-color: #084D17;
}


.ykjs-menu::-webkit-scrollbar {
	/*高宽分别对应横竖滚动条的尺寸*/
	scrollbar-arrow-color: #032C26;
}

.ykjs-menu::-webkit-scrollbar-thumb {
	/*滚动条里面小方块*/
	-webkit-box-shadow: inset 0 0 5px #f90;
	background-color: #032C26;
	scrollbar-arrow-color: #032C26;
}

.ykjs-menu::-webkit-scrollbar-track {
	/*滚动条里面轨道*/
	-webkit-box-shadow: inset 0 0 5px #f90;
	background-color: #C2AF7B;
}

.ykjs-menu-list a.lock {
	color: rgba(255, 255, 255, 0.2);
}

.ykjs-menu-list span.glyphicon {
	color: #C4CFDA;
}

.ykjs-menu-item>li.active>a {
	color: #fff;
	background-color: #C2AF7B;
}

.ykjs-menu-item>li:hover>a {
	color: #032C26;
	background-color: #ccc;
}

.ykjs-menu-list>li {
	color: #fff;
}

.ykjs-menu-list>li>a {
	color: #fff;
}

.ykjs-menu-item>li>a {
	color: #fff;
}

.ykjs-menu-list>li>a>i,
.ykjs-menu-item>li>a>i {
	background-color: #FF4136;
	color: #fff;
}

.ykjs-menu-title {
	color: #666;
}

.ykjs-title {
	background-color: #fff;
}

.ykjs-title h2 {
	border-left-color: #1F9951;
	border-bottom-color: #1F9951;
}

.ykjs-main {
	background-color: #fff;
}

.ykjs-main::-webkit-scrollbar {
	/*高宽分别对应横竖滚动条的尺寸*/
	scrollbar-arrow-color: #FF4136;
}

.ykjs-main::-webkit-scrollbar-thumb {
	-webkit-box-shadow: inset 0 0 5px #999;
	background-color: #2a3542;
	scrollbar-arrow-color: #fff;
}

.ykjs-main::-webkit-scrollbar-track {
	/*滚动条里面轨道*/
	-webkit-box-shadow: inset 0 0 5px #ccc;
	background-color: #fff;
}

.ykjs-title-detail {
	background-color: #f1f1f1;
}

.ykjs-title-edit {
	background-color: #1F9951;
	color: #fff;
}

.frm-detail input {
	border-color: #fff;
}

.ykjs-busy {
	background-color: rgba(100, 100, 100, 0.8);
}

.ykjs-busy-body span {
	color: #00f;
}

.ykjs-modal {
	background-color: rgba(0, 0, 0, .5);
}

.ykjs-main-modal {
	background-color: rgba(0, 0, 0, .5);
}

.modal-waist {
	border-bottom-color: #e5e5e5;
}

.ykjs-img-preview img {
	border-color: #ccc;
}

.ykjs-paging>li {
	border-color:#ddd;
	color:#398439;
}

.ykjs-paging>li:hover {
	background-color: #eee;
}

.ykjs-paging>li.selected {
	background-color: #398439;
	border-color: #398439;
	color:#fff;
}