::-webkit-scrollbar {
	width : 6px;
	height: 6px;
}

::-webkit-scrollbar-button {
	display: none;
}

::-webkit-scrollbar-track {
	background-color: transparent;
}

::-webkit-scrollbar-track-piece {
	background-color: transparent;
}

::-webkit-scrollbar-thumb {
	background-color: #838383;
	border-radius   : 6px;
}

::-webkit-scrollbar-corner {
	background-color: transparent;
}

::-webkit-scrollbar-resizer {
	background-color: transparent;
}

::-webkit-scrollbar-track,
::-webkit-scrollbar-track-piece,
::-webkit-scrollbar-thumb {
	visibility: hidden;
}

:hover::-webkit-scrollbar-track,
:hover::-webkit-scrollbar-track-piece,
:hover::-webkit-scrollbar-thumb {
	visibility: visible;
}

* {
	margin    : 0;
	padding   : 0;
	box-sizing: border-box;
}

ul,
ol,
dl,
dt,
dd,
li {
	list-style: none;
	margin:0;
}

a {
	color: #000;
}

html,
body {
	font-size: 14px;
	color: #343434;
	background: #f0f5f9;
}
.btn-light{
	background-color: #fff;
	border: 1px solid #c8c8c8;
}
.btn-primary{
	border-color: #0084ff;
	background-color: #0084ff;
}

.container,
.container-fluid,
.container-lg,
.container-md,
.container-sm,
.container-xl {
	padding-right: 10px;
	padding-left : 10px;
}

.row {
	margin-right: -10px;
	margin-left : -10px;
}

.col,
.col-1,
.col-10,
.col-11,
.col-12,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-auto,
.col-lg,
.col-lg-1,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-auto,
.col-md,
.col-md-1,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-auto,
.col-sm,
.col-sm-1,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-auto,
.col-xl,
.col-xl-1,
.col-xl-10,
.col-xl-11,
.col-xl-12,
.col-xl-2,
.col-xl-3,
.col-xl-4,
.col-xl-5,
.col-xl-6,
.col-xl-7,
.col-xl-8,
.col-xl-9,
.col-xl-auto {
	position     : relative;
	width        : 100%;
	padding-right: 10px;
	padding-left : 10px;
}

/* Header */
.header .navbar {
	height: 54px;
	z-index: 99999;
}

.brand-logo {
	height      : 54px;
	margin-right: 20px;
	display     : flex;
	align-items : center;
	padding     : 0 20px;
	font-size   : 20px;
	font-weight : bold;
	color       : #FFF;
}

.brand-logo img {
	width : 36px;
	height: 36px;
}

.logo-text {
	font-size: 24px;
	color    : #fff;
}

.header .nav li {
/*	margin: 0 10px;*/
}

.header .nav .nav-link {
	transition: all ease-in .2s;
}

	.header .nav .nav-link:hover,
	.header .nav .active .nav-link {
		background-color: rgb(255 175 62);
		border-radius: 4px;
		color: #fbfbfb;
	}

.user-profile {
	width : 36px;
	height: 36px;
}

.user-profile .img-circle {
	width : 36px;
	height: 36px;
}

.right-nav-link a.nav-link {
	padding-right: .8rem !important;
	padding-left : .8rem !important;
	font-size    : 20px;
	color        : #172b4d;
}

.page-wrapper {
	width     : 100%;
	height    : 100%;
	position  : relative;
	display: flex;	
}

/* Menu Sidebar Wrapper */
.sidebar-wrapper {
	flex:200px 0 0;
	width             : 200px;
	height: calc(100vh - 54px);
	overflow          : hidden;	
	background        : #f0f5f9;
	-webkit-transition: all 0.3s ease;
	-moz-transition   : all 0.3s ease;
	-o-transition     : all 0.3s ease;
	transition        : all 0.3s ease;
}

/* Page Content Wrapper */
.content-wrapper {
	position: relative;
	flex:1;
	width           : 100%;
	height          : calc(100vh - 100px);
	padding         : 20px 20px 0;
	background-color: #fff;
	/*border-radius   : 30px 30px 0 0;*/
	overflow        : hidden;
}

.page-bd {
	display: flex;
    flex-direction: column;
    width: 100%;
	height: 100%;
	overflow: auto;
}

/*当前位置*/
.breadcrumb {
	margin-bottom:0;
	padding:0;
	font-size: 14px;	
	background-color: initial;
}

.page-ht {
	position       : relative;
	display        : flex;
	align-items    : center;
	justify-content: space-between;
	width          : 100%;
	padding        : 16px 0;
	margin-bottom  : 16px;
	border-bottom: 1px solid #edf1f4;
}

.page-ht .page-ht-l {
	flex: 65% 0 0;
}

.page-ht .t {
	display: flex;
	align-items: center;
	margin       : 0;
	font-size    : 21px;
	font-weight  : 500;
	/* overflow     : hidden;
	white-space  : nowrap;
	text-overflow: ellipsis; */
}

.page-ht .back {
	display: inline-block;
	width       : 30px;
	height      : 30px;
	background  : url(../images/i-back.png) no-repeat center center;
	margin-right: 6px
}

.page-ht .back:hover {
	background-color: #eee
}

.page-ht .sub-t {
	margin       : 10px 0 0;
	font-size    : 14px;
	color        : #888;
	/* overflow     : hidden;
	white-space  : nowrap;
	text-overflow: ellipsis; */
}

/* 搜索 */
.search-box{
	margin-bottom: 10px;
}
.search-box .form-group {
	margin-right : 20px;
	margin-bottom: 10px;
}

.search-box .form-control {
	margin-left: 5px;
	padding    : 2px 10px;
	min-width  : 240px
}

.search-box .btn {
	margin-right: 5px
}

.search-box label {
	margin-bottom: 0
}

/* 表格工具 */
.table-tool {
	display        : flex;
	align-items    : center;
	justify-content: space-between;
	margin-bottom  : 8px
}

.table-tool .l {
	display    : flex;
	align-items: center;
}

.table-tool .r {
	white-space: nowrap;
}

.table-tool .l>* {
	margin-right: 6px
}

.table-tool .r>* {
	margin-left: 6px
}

.table-tool .table-tool-title {
	font-size   : 18px;
	margin-right: 24px;
}

.table-tool .search-box {
	padding : 0;
	position: relative
}

.table-tool .search-box .form-control {
	margin-left: 0;
}

.table-tool .search-box .btn-search {
	position  : absolute;
	right     : 0;
	top       : 0;
	width     : 30px;
	height    : 30px;
	background: url(../images/i-search.png) no-repeat center center;
	border    : 0;
	z-index   : 9;
}

/* 表格 */
.table-wrap {
	display: block;
	width        : 100%;
	margin-bottom: 8px;
	overflow     : auto;
	flex         : 1
}

.td-checkbox {
	width     : 32px;
	text-align: center;
}

.table .thead-light th {
	vertical-align  : middle;
	background-color: #eff2f8;
	border-bottom   :1px solid #e3e8ee;
	border-top      : 0;
}
.table th{
	color: #263644;
	font-weight:500;
}

.table td,
.table th {
	vertical-align: middle;
	border-color   : #e3e8ee;
	border-bottom:1px solid #e3e8ee;
}

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

.table .ellipsis {
	width        : 200px;
	max-width    : 200px;
	white-space  : nowrap;
	overflow     : hidden;
	text-overflow: ellipsis;
}
.table-striped tbody tr:nth-of-type(odd) {
    background-color:initial;
}
.table-striped tbody tr:nth-of-type(even) {
    background-color:#f9fbff;
}
.table tbody tr:hover{
	background-color: #f6f3df;
}

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

.t-desc {
	color    : #888;
	font-size: 13px
}

/* 分页 */
.page-box {
	display        : flex;
	align-items    : center;
	justify-content: flex-end;
	padding:16px 0 20px;
	color: #666;
}

/*欢迎*/
.welcome {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 24px 30px;
	margin-bottom: 20px;
	background-color: #f7f8fa;
	border-radius: 20px;
}

.welcome .txt {
	color: #ff6c00;
}

.welcome .time {
	text-align: right;
	color     : #6a4732;
	font-size : 16px;
}

	.welcome .time-box .time {
		font-size: 24px;
		font-weight: 600;
		color: #000000;
		margin: 0;
	}

.box {
	margin-bottom: 20px;
}

.box-ht {
	position: relative;
}

	.box-ht .box-title {
		font-size: 20px;
		color: #214258;
		line-height: 42px;
		text-align: left;
		padding-left: 20px;
	}

	.box-ht .des {
		font-size: 14px;
		color: #666;
		margin-right: 20px;
		float: right;
	}

.card {
	background-color: #f7f8fa;
	border          : 0;
	border-radius   : 20px;
}
.card-title{
	font-size:20px;
	color: #214258;
}
/*快捷入口*/
.kjrk-box {
	background-color: #f7f8fa;
	padding         : 30px 16px 16px;
	border-radius   : 20px;
	display         : flex;
	align-items     : center;
	justify-content : space-around;
	text-align      : center;
}

.kjrk-box .t {
	margin-top: 8px;
}
/*待办事项*/
.dbsx-box {
	margin-top: 20px;
}
.dbsx-box .item{
	display: block;
	padding:20px;
	margin-bottom:20px;
	text-align: center;
	background-color: #fff;
	border-radius: 20px;
}
.dbsx-box .item .t{
	color:#666
}
.dbsx-box .item .num{
	color:#000;
	font-size: 24px;
	font-weight: bold;
	margin-top:4px;
}
/* 表单 */
.form-control{
	border:1px solid #d3d6d8;
	border-radius: 4px;
}
.add-form-box{
	padding:0 5px;
	margin-bottom: 90px;
}
.add-form-box .form-t {
	font-size: 18px;
	color: #626262;
	margin   : 20px 0
}
.add-form-box .form-row{
	align-items: flex-start;
}

.add-form-box .form-group {
	display: flex;
}
.add-form-box .form-group.form-group-checkbox{
	align-items: center;
}
.add-form-box .form-group.form-group-checkbox .form-inline label{
	margin-right:16px;
}
.add-form-box .form-group>label {
	width        : 160px;
	padding-right: 10px;
	margin       : 0;
	text-align   : right;
	color: #555;
}

.add-form-box .form-group>div {
	flex: 1
}
.add-form-box .form-group>div.has-sm {
	display:flex;
	flex-direction: column;
}
.add-form-box .form-group .form-control {
	display  : inline-block;
	min-width:300px;
	max-width: 460px;
	border-color:#bac1c5;
}

.add-form-box .form-group .form-inline .form-control {
	margin-right: 10px
}

.add-form-box .form-group .text-sm {
	margin-top:4px;
	color: #888;
	font-size: 14px;
}

.add-form-box .text-danger {
	margin-right: 10px
}
.add-form-box .btn-quick{
	font-size: 14px;
	border: 1px dashed #d3d6d8;
	background-color: #f5f7f9;
}
.add-form-box .btn-quick:hover {
	background-color: #e7e7e7;
}

.add-form-box textarea.form-control {
	max-width: 460px
}

.add-form-box hr {
	margin: 24px 0
}
.input-price{
	background-color: #d9e3e9;
}

.form-control:disabled, 
.form-control[readonly] {
    background-color: #f7f7f7;
	border-color: #e7e9eb !important;
    opacity: 1;
}
.btn-box {
	position: absolute;
	left:0;
	right:0;
	bottom:0;	
	width     : 100%;
	padding   : 16px 20px;
	background: #f8fafc;
	border-top: 1px solid #dae0e6;
	text-align: right;
	z-index   : 2
}

.btn-box .btn {
	margin-right: 8px
}

.btn .icon {
	display     : inline-block;
	width       : 18px;
	height      : 18px;
	margin-right: 3px
}

/*详情table*/
.xq-table {
	width: 100%
}

.xq-table th {
	padding    : 5px 12px;
	color      : #a6adc9;
	text-align : left;
	font-weight: normal
}

.xq-table td {
	padding   : 5px 12px;
	color     : #fff;
	text-align: left;
}
/*data*/
.data-box {
	padding         : 16px 20px;
	border-radius   : 20px;
	background-color: #f7f8fa;
}

.data-box .t {
	color: #666;
}

.data-box .num {
	font-size  : 36px;
	font-weight: bold;
	color      : #000;
	line-height: 1;
}

.data-box .text-muted {
	font-size: 14px;
	color    : #999;
}

.data-box .text-muted span {
	margin-left: 4px;
	color      : #444;
	font-weight: 600;
}
/*状态*/
.tag {
	position       : relative;
	display        : inline-flex;
	align-items    : center;
	padding-left: 14px;
	font-size: 14px;
	/* padding        :3px 8px;
	color          :#fff;
	border-radius  :3px */
}
.tag::after{
	content: '';
	position: absolute;
	left: 0;
	top:50%;
	transform: translateY(-50%);
	width:8px;
	height: 8px;
	border-radius: 50%;
}

.tag-green::after {
	background-color: #12bd62
}

.tag-yellow::after {
	background-color: #ffde00
}

.tag-red::after {
	background-color: #f02424
}

.tag-blue::after {
	background-color: #0096ff
}

.tag-orange {
	background-color: #ffae44
}

/*upload*/
.upload-list{
	display: flex;
	align-items: flex-start;
}
.upload-list>li{
	margin-right: 10px;
}
.upload-list .upload-item{
	width: 60px;
    border-radius: 4px;
	font-size:14px;
	text-align: center;
}
.upload-list .upload-item .upload-pic{
	width: 60px;
    height: 60px;
    border-radius: 4px;
}
.upload-list .upload{
	position: relative;
	border: 1px dashed #bac1c5;
	background-color: #f8f8f8;
    border-radius: 4px;
    width: 60px;
    height: 60px;
    cursor: pointer;
	overflow: hidden;
}
.upload-list .upload .upload-txt{
	position: absolute;
	left:0;
	right:0;
	top:0;
	bottom:0;
	margin:0;
    width: 60px;
    height: 60px;
	line-height: 54px;
	font-size:28px;
	text-align: center;
	cursor: pointer;
}
.upload-list .upload .upload-file{
	display: none;
}

/*tabs*/
.tabs .tab {
	width:100%;
	border-bottom: 1px solid #edf1f4;
	cursor: pointer;
}
.tabs .tab::after {
	content: '';
	display: block;
	clear: both;
}
.tabs .tab li {
	float: left;
	width: 120px;
	line-height: 42px;
	margin-right:10px;	
	text-align: center;
	border:1px solid #fff;
	border-bottom:0;
}
.tabs .tab li.on {
	background: #fff;
	border-color:#d9e3e9;
}
.tabs  .tabs-content {
	padding-top: 20px;
}



.innerbox {
	min-width       : 210px;
	padding         : 12px 16px;
	background-color: #f1f7fa;
	margin          : 10px;
	display         : flex;
	align-items     : center;
	justify-content : space-between;
	color           : #000;
	border-radius   : 3px;
}

.innerbox:hover {
	text-decoration : none;
	background-color: rgba(0, 100, 133, .2);
}

.page-content-wrap {
	display   : flex;
	height    : calc(100vh - 100px);
	border-top: 2px solid #dadfe6;
}

.sidebar-tab {
	flex-shrink : 0;
	width       : 210px;
	height      : 100%;
	padding     : 20px 12px 0 0;
	border-right: 1px solid #dadfe6;
	overflow-y  : auto;
}


/* 综合查询 */
.search-list {
	margin-bottom: 12px;
	border-top   : 1px solid #f2f2f2;
}

.search-list .selector {
	display      : flex;
	align-items  : center;
	flex-wrap    : wrap;
	margin       : 5px 0;
	line-height  : 32px;
	border-bottom: 1px solid #f2f2f2;
}

.search-list .selector-label {
	flex        : 120px 0 0;
	padding-left: 4px;
	color       : #666;
	font-weight : bold;
	white-space : nowrap;
	overflow    : hidden;
}

.search-list .selector-data {
	flex         : 1;
	padding-left : 10px;
	padding-right: 10px;
	overflow     : hidden;
}

.search-list .selector-data a {
	display      : inline-block;
	width        : 130px;
	margin-bottom: 4px;
	height       : 24px;
	line-height  : 24px;
	overflow     : hidden;
	text-overflow: ellipsis;
	white-space  : nowrap;
}

.selector-seleted {
	padding-left: 4px;
}

.selector-seleted .el-tag {
	margin-right: 6px;
}