/* 表格  table.css  2019-02-27 */

/************************************ css样式 分页 ************************************************/

/* ruanyang 2019-02-26 翻页默认居右侧 float:right   去掉 font-weight */
.el-pagination {
	white-space: nowrap;
	padding: 2px 5px;
	color: #303133;
	/*font-weight: 700;*/
	float: right;
}

.el-pagination::after,.el-pagination::before {
	display: table;
	content: ""
}

.el-pagination::after {
	clear: both
}

.el-pagination button,.el-pagination span:not([class*=suffix]) {
	display: inline-block;
	font-size: 13px;
	min-width: 35.5px;
	height: 28px;
	line-height: 28px;
	vertical-align: top;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}

.el-pagination .el-input__inner {
	text-align: center;
	-moz-appearance: textfield;
	line-height: normal
}

.el-pagination .el-input__suffix {
	right: 0;
	-webkit-transform: scale(.8);
	transform: scale(.8)
}

.el-pagination .el-select .el-input {
	width: 100px;
	margin: 0 5px
}

/* ruanyang 2019-04-09  默认字体微软雅黑add  */
.el-pagination .el-select .el-input .el-input__inner {
	padding-right: 25px;
	border-radius: 3px;
  font-family:'Microsoft YaHei';
}

.el-pagination button {
	border: none;
	padding: 0 6px;
	background: 0 0
}

.el-pagination button:focus {
	outline: 0
}

.el-pagination button:hover {
	color: #409EFF
}

.el-pagination button:disabled {
	color: #c0c4cc;
	background-color: #fff;
	cursor: not-allowed
}

.el-pagination .btn-next,.el-pagination .btn-prev {
	background: center center no-repeat #fff;
	background-size: 16px;
	cursor: pointer;
	margin: 0;
	color: #303133
}

.el-pagination .btn-next .el-icon,.el-pagination .btn-prev .el-icon {
	display: block;
	font-size: 12px;
	font-weight: 700
}

.el-pagination .btn-prev {
	padding-right: 12px
}

.el-pagination .btn-next {
	padding-left: 12px
}

.el-pagination .el-pager li.disabled {
	color: #c0c4cc;
	cursor: not-allowed
}

.el-pager li,.el-pager li.btn-quicknext:hover,.el-pager li.btn-quickprev:hover {
	cursor: pointer
}

.el-pagination--small .btn-next,.el-pagination--small .btn-prev,.el-pagination--small .el-pager li,.el-pagination--small .el-pager li.btn-quicknext,.el-pagination--small .el-pager li.btn-quickprev,.el-pagination--small .el-pager li:last-child {
	border-color: transparent;
	font-size: 12px;
	line-height: 22px;
	height: 22px;
	min-width: 22px
}

.el-pagination--small .more::before,.el-pagination--small li.more::before {
	line-height: 24px
}

.el-pagination--small button,.el-pagination--small span:not([class*=suffix]) {
	height: 22px;
	line-height: 22px
}

.el-pagination--small .el-pagination__editor,.el-pagination--small .el-pagination__editor.el-input .el-input__inner {
	height: 22px
}

.el-pagination__sizes {
	margin: 0 10px 0 0;
	font-weight: 400;
	color: #606266
}

.el-pagination__sizes .el-input .el-input__inner {
	font-size: 13px;
	padding-left: 8px
}

.el-pagination__sizes .el-input .el-input__inner:hover {
	border-color: #409EFF
}

.el-pagination__total {
	margin-right: 10px;
	font-weight: 400;
	color: #606266
}

.el-pagination__jump {
	margin-left: 24px;
	font-weight: 400;
	color: #606266
}

.el-pagination__jump .el-input__inner {
	padding: 0 3px
}

.el-pagination__rightwrapper {
	float: right
}

.el-pagination__editor {
	line-height: 18px;
	padding: 0 2px;
	height: 28px;
	text-align: center;
	margin: 0 2px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	border-radius: 3px
}

.el-pager,.el-pagination.is-background .btn-next,.el-pagination.is-background .btn-prev {
	padding: 0
}

.el-pagination__editor.el-input {
	width: 50px
}

.el-pagination__editor.el-input .el-input__inner {
	height: 28px
}

.el-pagination__editor .el-input__inner::-webkit-inner-spin-button,.el-pagination__editor .el-input__inner::-webkit-outer-spin-button {
	-webkit-appearance: none;
	margin: 0
}

.el-pagination.is-background .btn-next,.el-pagination.is-background .btn-prev,.el-pagination.is-background .el-pager li {
	margin: 0 5px;
	background-color: #f4f4f5;
	color: #606266;
	min-width: 30px;
	border-radius: 2px
}

.el-pagination.is-background .btn-next.disabled,.el-pagination.is-background .btn-next:disabled,.el-pagination.is-background .btn-prev.disabled,.el-pagination.is-background .btn-prev:disabled,.el-pagination.is-background .el-pager li.disabled {
	color: #c0c4cc
}

.el-pagination.is-background .el-pager li:not(.disabled):hover {
	color: #409EFF
}

.el-pagination.is-background .el-pager li:not(.disabled).active {
	background-color: #409EFF;
	color: #fff
}

.el-dialog,.el-pager li {
	background: #fff;
	-webkit-box-sizing: border-box
}

.el-pagination.is-background.el-pagination--small .btn-next,.el-pagination.is-background.el-pagination--small .btn-prev,.el-pagination.is-background.el-pagination--small .el-pager li {
	margin: 0 3px;
	min-width: 22px
}

.el-pager,.el-pager li {
	vertical-align: top;
	margin: 0;
	display: inline-block
}

.el-pager {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	list-style: none;
	font-size: 0
}

.el-radio,.el-table th {
	-webkit-user-select: none
}

.el-date-table,.el-radio,.el-table th {
	-moz-user-select: none;
	-ms-user-select: none
}

.el-pager .more::before {
	line-height: 30px
}

/* ruanyang 2019-02-27 翻页加上边框 border  正方形样式 去掉 min-width 换成 width */
/* ruanyang 2019-07-16 width 去掉 4位数页数有影响 用 min-width:30px;  */
.el-pager li {
	padding: 0 4px;
	font-size: 13px;
	/*min-width: 35.5px;*/
	/*width: 30px; */
	min-width: 30px;
	height: 28px;
	line-height: 28px;
	box-sizing: border-box;
	text-align: center;
	border: 1px solid #ddd;
}


.el-menu--collapse .el-menu .el-submenu,.el-menu--popup {
	min-width: 200px
}

.el-pager li.btn-quicknext,.el-pager li.btn-quickprev {
	line-height: 28px;
	color: #303133
}

.el-pager li.btn-quicknext.disabled,.el-pager li.btn-quickprev.disabled {
	color: #c0c4cc
}

.el-pager li.active+li {
	border-left: 0
}

.el-pager li:hover {
	color: #409EFF
}

/* ruanyang  添加背景色 background-color  改变字体颜色 color */
.el-pager li.active {
	color: #ffffff;
	cursor: default;
	background-color: #004a86;
}

@-webkit-keyframes v-modal-in {
	0% {
		opacity: 0
	}
}

@-webkit-keyframes v-modal-out {
	100% {
		opacity: 0
	}
}


/************************************************* css样式  表格 ***************************************************/
.el-table {
	position: relative;
	overflow: hidden;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	width: 100%;
	max-width: 100%;
	font-size: 14px;
	color: #606266
}

.el-table--mini,.el-table--small,.el-table__expand-icon {
	font-size: 12px
}

.el-table__empty-block {
	min-height: 60px;
	text-align: center;
	width: 100%;
	height: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.el-table__empty-text {
	width: 50%;
	color: #909399
}

.el-table__expand-column .cell {
	padding: 0;
	text-align: center
}

.el-table__expand-icon {
	position: relative;
	cursor: pointer;
	color: #666;
	-webkit-transition: -webkit-transform .2s ease-in-out;
	transition: -webkit-transform .2s ease-in-out;
	transition: transform .2s ease-in-out;
	transition: transform .2s ease-in-out,-webkit-transform .2s ease-in-out;
	height: 20px
}

.el-table__expand-icon--expanded {
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg)
}

.el-table__expand-icon>.el-icon {
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -5px;
	margin-top: -5px
}

.el-table__expanded-cell[class*=cell] {
	padding: 20px 50px
}

.el-table__expanded-cell:hover {
	background-color: transparent!important
}

.el-table--fit {
	border-right: 0;
	border-bottom: 0
}

.el-table--fit td.gutter,.el-table--fit th.gutter {
	border-right-width: 1px
}

.el-table--scrollable-x .el-table__body-wrapper {
	overflow-x: auto
}

.el-table--scrollable-y .el-table__body-wrapper {
	overflow-y: auto
}

.el-table thead {
	color: #909399;
	font-weight: 500
}

.el-table thead.is-group th {
	background: #f5f7fa
}

.el-table th,.el-table tr {
	background-color: #fff
}

.el-table td,.el-table th {
	padding: 8px 0;
	min-width: 0;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	text-overflow: ellipsis;
	vertical-align: middle;
	position: relative;
	text-align: left
}

.el-table th div,.el-table th>.cell {
	-webkit-box-sizing: border-box;
	display: inline-block
}

.el-table td.is-center,.el-table th.is-center {
	text-align: center
}

.el-table td.is-right,.el-table th.is-right {
	text-align: right
}

.el-table td.gutter,.el-table th.gutter {
	width: 15px;
	border-right-width: 0;
	border-bottom-width: 0;
	padding: 0
}

.el-table--medium td,.el-table--medium th {
	padding: 10px 0
}

.el-table--small td,.el-table--small th {
	padding: 8px 0
}

.el-table--mini td,.el-table--mini th {
	padding: 6px 0
}

.el-table .cell,.el-table th div {
	padding-right: 10px;
	overflow: hidden;
	text-overflow: ellipsis
}

.el-table .cell,.el-table th div,.el-table--border td:first-child .cell,.el-table--border th:first-child .cell {
	padding-left: 10px
}

.el-table tr input[type=checkbox] {
	margin: 0
}

.el-table td,.el-table th.is-leaf {
	border-bottom: 1px solid #ebeef5
}

.el-table th.is-sortable {
	cursor: pointer
}

.el-table th {
	white-space: nowrap;
	overflow: hidden;
	user-select: none
}

.el-table th div {
	line-height: 40px;
	box-sizing: border-box;
	white-space: nowrap
}

.el-table th>.cell {
	position: relative;
	word-wrap: normal;
	text-overflow: ellipsis;
	vertical-align: middle;
	width: 100%;
	box-sizing: border-box
}

.el-table th>.cell.highlight {
	color: #409EFF
}

.el-table th.required>div::before {
	display: inline-block;
	content: "";
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: #ff4d51;
	margin-right: 5px;
	vertical-align: middle
}

.el-table td div {
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}

.el-table td.gutter {
	width: 0
}

.el-table .cell {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	white-space: normal;
	word-break: break-all;
	line-height: 23px
}

.el-table .cell.el-tooltip {
	white-space: nowrap;
	min-width: 50px
}

.el-table--border,.el-table--group {
	border: 1px solid #ebeef5
}

.el-table--border::after,.el-table--group::after,.el-table::before {
	content: '';
	position: absolute;
	background-color: #ebeef5;
	z-index: 1
}

.el-table--border::after,.el-table--group::after {
	top: 0;
	right: 0;
	width: 1px;
	height: 100%
}

.el-table::before {
	left: 0;
	bottom: 0;
	width: 100%;
	height: 1px
}

.el-table--border {
	border-right: none;
	border-bottom: none
}

.el-table--border.el-loading-parent--relative {
	border-color: transparent
}

.el-table--border td,.el-table--border th,.el-table__body-wrapper .el-table--border.is-scrolling-left~.el-table__fixed {
	border-right: 1px solid #ebeef5
}

.el-table--border th.gutter:last-of-type {
	border-bottom: 1px solid #ebeef5;
	border-bottom-width: 1px
}

.el-table--border th,.el-table__fixed-right-patch {
	border-bottom: 1px solid #ebeef5
}

.el-table__fixed,.el-table__fixed-right {
	position: absolute;
	top: 0;
	left: 0;
	overflow-x: hidden;
	overflow-y: hidden;
	-webkit-box-shadow: 0 0 10px rgba(0,0,0,.12);
	box-shadow: 0 0 10px rgba(0,0,0,.12)
}

.el-table__fixed-right::before,.el-table__fixed::before {
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 1px;
	background-color: #ebeef5;
	z-index: 4
}

.el-table__fixed-right-patch {
	position: absolute;
	top: -1px;
	right: 0;
	background-color: #fff
}

.el-table__fixed-right {
	top: 0;
	left: auto;
	right: 0
}

.el-table__fixed-right .el-table__fixed-body-wrapper,.el-table__fixed-right .el-table__fixed-footer-wrapper,.el-table__fixed-right .el-table__fixed-header-wrapper {
	left: auto;
	right: 0
}

.el-table__fixed-header-wrapper {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 3
}

.el-table__fixed-footer-wrapper {
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 3
}

.el-table__fixed-footer-wrapper tbody td {
	border-top: 1px solid #ebeef5;
	background-color: #f5f7fa;
	color: #606266
}

.el-table__fixed-body-wrapper {
	position: absolute;
	left: 0;
	top: 37px;
	overflow: hidden;
	z-index: 3
}

.el-table__body-wrapper,.el-table__footer-wrapper,.el-table__header-wrapper {
	width: 100%
}

.el-table__footer-wrapper {
	margin-top: -1px
}

.el-table__footer-wrapper td {
	border-top: 1px solid #ebeef5
}

.el-table__body,.el-table__footer,.el-table__header {
	table-layout: fixed;
	border-collapse: separate
}

.el-table__footer-wrapper,.el-table__header-wrapper {
	overflow: hidden
}

.el-table__footer-wrapper tbody td,.el-table__header-wrapper tbody td {
	background-color: #f5f7fa;
	color: #606266
}

.el-table__body-wrapper {
	overflow: hidden;
	position: relative
}

.el-table__body-wrapper.is-scrolling-left~.el-table__fixed,.el-table__body-wrapper.is-scrolling-none~.el-table__fixed,.el-table__body-wrapper.is-scrolling-none~.el-table__fixed-right,.el-table__body-wrapper.is-scrolling-right~.el-table__fixed-right {
	-webkit-box-shadow: none;
	box-shadow: none
}

.el-picker-panel,.el-table-filter {
	-webkit-box-shadow: 0 2px 12px 0 rgba(0,0,0,.1)
}

.el-table__body-wrapper .el-table--border.is-scrolling-right~.el-table__fixed-right {
	border-left: 1px solid #ebeef5
}

.el-table .caret-wrapper {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	height: 34px;
	width: 24px;
	vertical-align: middle;
	cursor: pointer;
	overflow: initial;
	position: relative
}

.el-table .sort-caret {
	width: 0;
	height: 0;
	border: 5px solid transparent;
	position: absolute;
	left: 7px
}

.el-table .sort-caret.ascending {
	border-bottom-color: #c0c4cc;
	top: 5px
}

.el-table .sort-caret.descending {
	border-top-color: #c0c4cc;
	bottom: 7px
}

.el-table .ascending .sort-caret.ascending {
	border-bottom-color: #409EFF
}

.el-table .descending .sort-caret.descending {
	border-top-color: #409EFF
}

.el-table .hidden-columns {
	position: absolute;
	z-index: -1
}

.el-table--striped .el-table__body tr.el-table__row--striped td {
	background: #FAFAFA
}

.el-table--striped .el-table__body tr.el-table__row--striped.current-row td,.el-table__body tr.current-row>td,.el-table__body tr.hover-row.current-row>td,.el-table__body tr.hover-row.el-table__row--striped.current-row>td,.el-table__body tr.hover-row.el-table__row--striped>td,.el-table__body tr.hover-row>td {
	background-color: #ecf5ff
}

.el-table__column-resize-proxy {
	position: absolute;
	left: 200px;
	top: 0;
	bottom: 0;
	width: 0;
	border-left: 1px solid #ebeef5;
	z-index: 10
}

.el-table__column-filter-trigger {
	display: inline-block;
	line-height: 34px;
	cursor: pointer
}

.el-table__column-filter-trigger i {
	color: #909399;
	font-size: 12px;
	-webkit-transform: scale(.75);
	transform: scale(.75)
}

.el-table--enable-row-transition .el-table__body td {
	-webkit-transition: background-color .25s ease;
	transition: background-color .25s ease
}

.el-table--enable-row-hover .el-table__body tr:hover>td {
	background-color: #f5f7fa
}

.el-table--fluid-height .el-table__fixed,.el-table--fluid-height .el-table__fixed-right {
	bottom: 0;
	overflow: hidden
}
/*居中调整 ruanyang 2019-03-13 去掉padding-right: 14px; */
.el-table-column--selection .cell {
	padding-left: 14px;
	/*padding-right: 14px*/
}

.el-table-filter {
	border: 1px solid #ebeef5;
	border-radius: 2px;
	background-color: #fff;
	box-shadow: 0 2px 12px 0 rgba(0,0,0,.1);
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	margin: 2px 0
}

.el-table-filter__list {
	padding: 5px 0;
	margin: 0;
	list-style: none;
	min-width: 100px
}

.el-table-filter__list-item {
	line-height: 36px;
	padding: 0 10px;
	cursor: pointer;
	font-size: 14px
}

.el-table-filter__list-item:hover {
	background-color: #ecf5ff;
	color: #66b1ff
}

.el-table-filter__list-item.is-active {
	background-color: #409EFF;
	color: #fff
}

.el-table-filter__content {
	min-width: 100px
}

.el-table-filter__bottom {
	border-top: 1px solid #ebeef5;
	padding: 8px
}

.el-table-filter__bottom button {
	background: 0 0;
	border: none;
	color: #606266;
	cursor: pointer;
	font-size: 13px;
	padding: 0 3px
}

.el-date-table td.in-range div,.el-date-table td.in-range div:hover,.el-date-table.is-week-mode .el-date-table__row.current div,.el-date-table.is-week-mode .el-date-table__row:hover div {
	background-color: #f2f6fc
}

.el-table-filter__bottom button:hover {
	color: #409EFF
}

.el-table-filter__bottom button:focus {
	outline: 0
}

.el-table-filter__bottom button.is-disabled {
	color: #c0c4cc;
	cursor: not-allowed
}

.el-table-filter__wrap {
	max-height: 280px
}

.el-table-filter__checkbox-group {
	padding: 10px
}

.el-table-filter__checkbox-group label.el-checkbox {
	display: block;
	margin-right: 5px;
	margin-bottom: 8px;
	margin-left: 5px
}

.el-table-filter__checkbox-group .el-checkbox:last-child {
	margin-bottom: 0
}

.el-date-table {
	font-size: 12px;
	-webkit-user-select: none;
	user-select: none
}

.el-slider__button-wrapper,.el-time-panel {
	-moz-user-select: none;
	-ms-user-select: none
}

.el-date-table.is-week-mode .el-date-table__row:hover td.available:hover {
	color: #606266
}

.el-date-table.is-week-mode .el-date-table__row:hover td:first-child div {
	margin-left: 5px;
	border-top-left-radius: 15px;
	border-bottom-left-radius: 15px
}

.el-date-table.is-week-mode .el-date-table__row:hover td:last-child div {
	margin-right: 5px;
	border-top-right-radius: 15px;
	border-bottom-right-radius: 15px
}

.el-date-table td {
	width: 32px;
	height: 30px;
	padding: 4px 0;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	text-align: center;
	cursor: pointer;
	position: relative
}

.el-date-table td div {
	height: 30px;
	padding: 3px 0;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}

.el-date-table td span {
	width: 24px;
	height: 24px;
	display: block;
	margin: 0 auto;
	line-height: 24px;
	position: absolute;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	border-radius: 50%
}

.el-month-table td .cell,.el-year-table td .cell {
	width: 48px;
	height: 32px;
	display: block;
	line-height: 32px
}

.el-date-table td.next-month,.el-date-table td.prev-month {
	color: #c0c4cc
}

.el-date-table td.today {
	position: relative
}

.el-date-table td.today span {
	color: #409EFF;
	font-weight: 700
}

.el-date-table td.today.end-date span,.el-date-table td.today.start-date span {
	color: #fff
}

.el-date-table td.available:hover {
	color: #409EFF
}

.el-date-table td.current:not(.disabled) span {
	color: #fff;
	background-color: #409EFF
}

.el-date-table td.end-date div,.el-date-table td.start-date div {
	color: #fff
}

.el-date-table td.end-date span,.el-date-table td.start-date span {
	background-color: #409EFF
}

.el-date-table td.start-date div {
	margin-left: 5px;
	border-top-left-radius: 15px;
	border-bottom-left-radius: 15px
}

.el-date-table td.end-date div {
	margin-right: 5px;
	border-top-right-radius: 15px;
	border-bottom-right-radius: 15px
}

.el-date-table td.disabled div {
	background-color: #f5f7fa;
	opacity: 1;
	cursor: not-allowed;
	color: #c0c4cc
}

.el-date-table td.selected div {
	margin-left: 5px;
	margin-right: 5px;
	background-color: #f2f6fc;
	border-radius: 15px
}

.el-date-table td.selected div:hover {
	background-color: #f2f6fc
}

.el-date-table td.selected span {
	background-color: #409EFF;
	color: #fff;
	border-radius: 15px
}

.el-date-table td.week {
	font-size: 80%;
	color: #606266
}

.el-month-table,.el-year-table {
	font-size: 12px;
	border-collapse: collapse
}

.el-date-table th {
	padding: 5px;
	color: #606266;
	font-weight: 400;
	border-bottom: solid 1px #ebeef5
}

.el-month-table {
	margin: -1px
}

.el-month-table td {
	text-align: center;
	padding: 20px 3px;
	cursor: pointer
}

.el-month-table td.disabled .cell {
	background-color: #f5f7fa;
	cursor: not-allowed;
	color: #c0c4cc
}

.el-month-table td.disabled .cell:hover {
	color: #c0c4cc
}

.el-month-table td .cell {
	color: #606266;
	margin: 0 auto
}

.el-month-table td .cell:hover,.el-month-table td.current:not(.disabled) .cell {
	color: #409EFF
}

.el-year-table {
	margin: -1px
}

.el-year-table .el-icon {
	color: #303133
}

.el-year-table td {
	text-align: center;
	padding: 20px 3px;
	cursor: pointer
}

.el-year-table td.disabled .cell {
	background-color: #f5f7fa;
	cursor: not-allowed;
	color: #c0c4cc
}

.el-year-table td.disabled .cell:hover {
	color: #c0c4cc
}

.el-year-table td .cell {
	color: #606266;
	margin: 0 auto
}

.el-year-table td .cell:hover,.el-year-table td.current:not(.disabled) .cell {
	color: #409EFF
}


/****************************************************** css样式 loading 加载 **************************************************/
.el-loading-parent--relative {
	position: relative!important
}

.el-loading-parent--hidden {
	overflow: hidden!important
}

.el-loading-mask {
	position: absolute;
	z-index: 2000;
	background-color: rgba(255,255,255,.9);
	margin: 0;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	-webkit-transition: opacity .3s;
	transition: opacity .3s;
  z-index:98;
}

.el-loading-mask.is-fullscreen {
	position: fixed
}

.el-loading-mask.is-fullscreen .el-loading-spinner {
	margin-top: -25px
}

.el-loading-mask.is-fullscreen .el-loading-spinner .circular {
	height: 50px;
	width: 50px
}

.el-loading-spinner {
	top: 50%;
	margin-top: -21px;
	width: 100%;
	text-align: center;
	position: absolute
}

.el-col-pull-0,.el-col-pull-1,.el-col-pull-10,.el-col-pull-11,.el-col-pull-13,.el-col-pull-14,.el-col-pull-15,.el-col-pull-16,.el-col-pull-17,.el-col-pull-18,.el-col-pull-19,.el-col-pull-2,.el-col-pull-20,.el-col-pull-21,.el-col-pull-22,.el-col-pull-23,.el-col-pull-24,.el-col-pull-3,.el-col-pull-4,.el-col-pull-5,.el-col-pull-6,.el-col-pull-7,.el-col-pull-8,.el-col-pull-9,.el-col-push-0,.el-col-push-1,.el-col-push-10,.el-col-push-11,.el-col-push-12,.el-col-push-13,.el-col-push-14,.el-col-push-15,.el-col-push-16,.el-col-push-17,.el-col-push-18,.el-col-push-19,.el-col-push-2,.el-col-push-20,.el-col-push-21,.el-col-push-22,.el-col-push-23,.el-col-push-24,.el-col-push-3,.el-col-push-4,.el-col-push-5,.el-col-push-6,.el-col-push-7,.el-col-push-8,.el-col-push-9,.el-row {
	position: relative
}

.el-loading-spinner .el-loading-text {
	color: #409EFF;
	margin: 3px 0;
	font-size: 14px
}

.el-loading-spinner .circular {
	height: 42px;
	width: 42px;
	-webkit-animation: loading-rotate 2s linear infinite;
	animation: loading-rotate 2s linear infinite
}

.el-loading-spinner .path {
	-webkit-animation: loading-dash 1.5s ease-in-out infinite;
	animation: loading-dash 1.5s ease-in-out infinite;
	stroke-dasharray: 90,150;
	stroke-dashoffset: 0;
	stroke-width: 2;
	stroke: #409EFF;
	stroke-linecap: round
}

.el-loading-spinner i {
	color: #409EFF
}

@-webkit-keyframes loading-rotate {
	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg)
	}
}

@keyframes loading-rotate {
	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg)
	}
}

@-webkit-keyframes loading-dash {
	0% {
		stroke-dasharray: 1,200;
		stroke-dashoffset: 0
	}

	50% {
		stroke-dasharray: 90,150;
		stroke-dashoffset: -40px
	}

	100% {
		stroke-dasharray: 90,150;
		stroke-dashoffset: -120px
	}
}

@keyframes loading-dash {
	0% {
		stroke-dasharray: 1,200;
		stroke-dashoffset: 0
	}

	50% {
		stroke-dasharray: 90,150;
		stroke-dashoffset: -40px
	}

	100% {
		stroke-dasharray: 90,150;
		stroke-dashoffset: -120px
	}
}


/********************************************************** css样式  progress *******************************************************/
.el-progress {
	position: relative;
	line-height: 1
}

.el-progress__text {
	font-size: 14px;
	color: #606266;
	display: inline-block;
	vertical-align: middle;
	margin-left: 10px;
	line-height: 1
}

.el-progress__text i {
	vertical-align: middle;
	display: block
}

.el-progress--circle {
	display: inline-block
}

.el-progress--circle .el-progress__text {
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	text-align: center;
	margin: 0;
	-webkit-transform: translate(0,-50%);
	transform: translate(0,-50%)
}

.el-progress--circle .el-progress__text i {
	vertical-align: middle;
	display: inline-block
}

.el-progress--without-text .el-progress__text {
	display: none
}

.el-progress--without-text .el-progress-bar {
	padding-right: 0;
	margin-right: 0;
	display: block
}

.el-progress-bar,.el-progress-bar__inner::after,.el-progress-bar__innerText,.el-spinner {
	display: inline-block;
	vertical-align: middle
}

.el-progress--text-inside .el-progress-bar {
	padding-right: 0;
	margin-right: 0
}

.el-progress.is-success .el-progress-bar__inner {
	background-color: #67c23a
}

.el-progress.is-success .el-progress__text {
	color: #67c23a
}

.el-progress.is-exception .el-progress-bar__inner {
	background-color: #f56c6c
}

.el-progress.is-exception .el-progress__text {
	color: #f56c6c
}

.el-progress-bar {
	padding-right: 50px;
	width: 100%;
	margin-right: -55px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}

.el-progress-bar__outer {
	height: 6px;
	border-radius: 100px;
	background-color: #ebeef5;
	overflow: hidden;
	position: relative;
	vertical-align: middle
}

.el-progress-bar__inner {
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	background-color: #409EFF;
	text-align: right;
	border-radius: 100px;
	line-height: 1;
	white-space: nowrap;
	-webkit-transition: width .6s ease;
	transition: width .6s ease
}

.el-card,.el-message {
	border-radius: 4px;
	overflow: hidden
}

.el-progress-bar__inner::after {
	height: 100%
}

.el-progress-bar__innerText {
	color: #fff;
	font-size: 12px;
	margin: 0 5px
}

@keyframes progress {
	0% {
		background-position: 0 0
	}

	100% {
		background-position: 32px 0
	}
}

.el-time-spinner {
	width: 100%;
	white-space: nowrap
}

.el-spinner-inner {
	-webkit-animation: rotate 2s linear infinite;
	animation: rotate 2s linear infinite;
	width: 50px;
	height: 50px
}

.el-spinner-inner .path {
	stroke: #ececec;
	stroke-linecap: round;
	-webkit-animation: dash 1.5s ease-in-out infinite;
	animation: dash 1.5s ease-in-out infinite
}

@-webkit-keyframes rotate {
	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg)
	}
}

@keyframes rotate {
	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg)
	}
}

@-webkit-keyframes dash {
	0% {
		stroke-dasharray: 1,150;
		stroke-dashoffset: 0
	}

	50% {
		stroke-dasharray: 90,150;
		stroke-dashoffset: -35
	}

	100% {
		stroke-dasharray: 90,150;
		stroke-dashoffset: -124
	}
}

@keyframes dash {
	0% {
		stroke-dasharray: 1,150;
		stroke-dashoffset: 0
	}

	50% {
		stroke-dasharray: 90,150;
		stroke-dashoffset: -35
	}

	100% {
		stroke-dasharray: 90,150;
		stroke-dashoffset: -124
	}
}