.new-border-box,
.new-border-box * {
	box-sizing: border-box
}

.new-box,
.new-box * {
	box-sizing: content-box
}

.new-clear {
	clear: both;
	*zoom: 1
}

.new-clear:after {
	content: '\20';
	clear: both;
	*zoom: 1;
	display: block;
	height: 0
}

.new-inline {
	*display: inline;
	*zoom: 1
}

.new-edge {
	display: inline-block;
	width: 0;
	height: 0;
	border-width: 6px;
	border-style: dashed;
	border-color: transparent
}

.new-edge-top {
	top: -4px;
	border-bottom-color: #999;
	border-bottom-style: solid
}

.new-edge-right {
	border-left-color: #999;
	border-left-style: solid
}

.new-edge-bottom {
	top: 2px;
	border-top-color: #999;
	border-top-style: solid
}

.new-edge-left {
	border-right-color: #999;
	border-right-style: solid
}

.new-disabled,
.new-disabled:hover {
	color: #d2d2d2 !important;
	cursor: not-allowed !important
}

.new-circle {
	border-radius: 100%
}

.new-show {
	display: block !important
}

.new-hide {
	display: none !important
}

.new-main {
	width: 1140px;
	margin: 0 auto
}

.new-header {
	z-index: 1000;
	height: 60px
}

.new-header a:hover {
	transition: all .5s;
	-webkit-transition: all .5s
}

.new-side {
	position: fixed;
	left: 0;
	top: 0;
	bottom: 0;
	z-index: 999;
	width: 200px;
	overflow-x: hidden
}

.new-side-scroll {
	position: relative;
	width: 220px;
	height: 100%;
	overflow-x: hidden
}

.new-body {
	position: absolute;
	left: 200px;
	right: 0;
	top: 0;
	bottom: 0;
	z-index: 998;
	width: auto;
	overflow-y: auto;
	box-sizing: border-box
}

.new-layout-body {
	overflow: hidden
}

.new-layout-admin .new-header {
	background-color: #23262E
}

.new-layout-admin .new-side {
	top: 60px;
	width: 200px;
	overflow-x: hidden
}

.new-layout-admin .new-body {
	position: fixed;
	top: 60px;
	bottom: 44px
}

.new-layout-admin .new-main {
	width: auto;
	margin: 0 15px
}

.new-layout-admin .new-footer {
	position: fixed;
	left: 200px;
	right: 0;
	bottom: 0;
	height: 44px;
	line-height: 44px;
	padding: 0 15px;
	background-color: #eee
}

.new-layout-admin .new-logo {
	position: absolute;
	left: 0;
	top: 0;
	width: 200px;
	height: 100%;
	line-height: 60px;
	text-align: center;
	color: #009688;
	font-size: 16px
}

.new-layout-admin .new-header .new-nav {
	background: 0 0
}

.new-layout-left {
	position: absolute !important;
	left: 200px;
	top: 0
}

.new-layout-right {
	position: absolute !important;
	right: 0;
	top: 0
}

.new-container {
	position: relative;
	margin: 0 auto;
	padding: 0 15px;
	box-sizing: border-box
}

.new-fluid {
	position: relative;
	margin: 0 auto;
	padding: 0 15px
}

.new-row:after,
.new-row:before {
	content: '';
	display: block;
	clear: both
}

.new-col-lg1,
.new-col-lg10,
.new-col-lg11,
.new-col-lg12,
.new-col-lg2,
.new-col-lg3,
.new-col-lg4,
.new-col-lg5,
.new-col-lg6,
.new-col-lg7,
.new-col-lg8,
.new-col-lg9,
.new-col-md1,
.new-col-md10,
.new-col-md11,
.new-col-md12,
.new-col-md2,
.new-col-md3,
.new-col-md4,
.new-col-md5,
.new-col-md6,
.new-col-md7,
.new-col-md8,
.new-col-md9,
.new-col-sm1,
.new-col-sm10,
.new-col-sm11,
.new-col-sm12,
.new-col-sm2,
.new-col-sm3,
.new-col-sm4,
.new-col-sm5,
.new-col-sm6,
.new-col-sm7,
.new-col-sm8,
.new-col-sm9,
.new-col-xs1,
.new-col-xs10,
.new-col-xs11,
.new-col-xs12,
.new-col-xs2,
.new-col-xs3,
.new-col-xs4,
.new-col-xs5,
.new-col-xs6,
.new-col-xs7,
.new-col-xs8,
.new-col-xs9 {
	position: relative;
	display: block;
	box-sizing: border-box
}

.new-col-xs1,
.new-col-xs10,
.new-col-xs11,
.new-col-xs12,
.new-col-xs2,
.new-col-xs3,
.new-col-xs4,
.new-col-xs5,
.new-col-xs6,
.new-col-xs7,
.new-col-xs8,
.new-col-xs9 {
	float: left
}

.new-col-xs1 {
	width: 8.33333333%
}

.new-col-xs2 {
	width: 16.66666667%
}

.new-col-xs3 {
	width: 25%
}

.new-col-xs4 {
	width: 33.33333333%
}

.new-col-xs5 {
	width: 41.66666667%
}

.new-col-xs6 {
	width: 50%
}

.new-col-xs7 {
	width: 58.33333333%
}

.new-col-xs8 {
	width: 66.66666667%
}

.new-col-xs9 {
	width: 75%
}

.new-col-xs10 {
	width: 83.33333333%
}

.new-col-xs11 {
	width: 91.66666667%
}

.new-col-xs12 {
	width: 100%
}

.new-col-xs-offset1 {
	margin-left: 8.33333333%
}

.new-col-xs-offset2 {
	margin-left: 16.66666667%
}

.new-col-xs-offset3 {
	margin-left: 25%
}

.new-col-xs-offset4 {
	margin-left: 33.33333333%
}

.new-col-xs-offset5 {
	margin-left: 41.66666667%
}

.new-col-xs-offset6 {
	margin-left: 50%
}

.new-col-xs-offset7 {
	margin-left: 58.33333333%
}

.new-col-xs-offset8 {
	margin-left: 66.66666667%
}

.new-col-xs-offset9 {
	margin-left: 75%
}

.new-col-xs-offset10 {
	margin-left: 83.33333333%
}

.new-col-xs-offset11 {
	margin-left: 91.66666667%
}

.new-col-xs-offset12 {
	margin-left: 100%
}

.new-container {
		width: 750px
	}

	.new-hide-sm {
		display: none !important
	}

	.new-show-sm-block {
		display: block !important
	}

	.new-show-sm-inline {
		display: inline !important
	}

	.new-show-sm-inline-block {
		display: inline-block !important
	}

	.new-col-sm1,
	.new-col-sm10,
	.new-col-sm11,
	.new-col-sm12,
	.new-col-sm2,
	.new-col-sm3,
	.new-col-sm4,
	.new-col-sm5,
	.new-col-sm6,
	.new-col-sm7,
	.new-col-sm8,
	.new-col-sm9 {
		float: left
	}

	.new-col-sm1 {
		width: 8.33333333%
	}

	.new-col-sm2 {
		width: 16.66666667%
	}

	.new-col-sm3 {
		width: 25%
	}

	.new-col-sm4 {
		width: 33.33333333%
	}

	.new-col-sm5 {
		width: 41.66666667%
	}

	.new-col-sm6 {
		width: 50%
	}

	.new-col-sm7 {
		width: 58.33333333%
	}

	.new-col-sm8 {
		width: 66.66666667%
	}

	.new-col-sm9 {
		width: 75%
	}

	.new-col-sm10 {
		width: 83.33333333%
	}

	.new-col-sm11 {
		width: 91.66666667%
	}

	.new-col-sm12 {
		width: 100%
	}

	.new-col-sm-offset1 {
		margin-left: 8.33333333%
	}

	.new-col-sm-offset2 {
		margin-left: 16.66666667%
	}

	.new-col-sm-offset3 {
		margin-left: 25%
	}

	.new-col-sm-offset4 {
		margin-left: 33.33333333%
	}

	.new-col-sm-offset5 {
		margin-left: 41.66666667%
	}

	.new-col-sm-offset6 {
		margin-left: 50%
	}

	.new-col-sm-offset7 {
		margin-left: 58.33333333%
	}

	.new-col-sm-offset8 {
		margin-left: 66.66666667%
	}

	.new-col-sm-offset9 {
		margin-left: 75%
	}

	.new-col-sm-offset10 {
		margin-left: 83.33333333%
	}

	.new-col-sm-offset11 {
		margin-left: 91.66666667%
	}

	.new-col-sm-offset12 {
		margin-left: 100%
	}


.new-col-space1 {
	margin: -.5px
}

.new-col-space1>* {
	padding: .5px
}

.new-col-space2 {
	margin: -1px
}

.new-col-space2>* {
	padding: 1px
}

.new-col-space4 {
	margin: -2px
}

.new-col-space4>* {
	padding: 2px
}

.new-col-space5 {
	margin: -2.5px
}

.new-col-space5>* {
	padding: 2.5px
}

.new-col-space6 {
	margin: -3px
}

.new-col-space6>* {
	padding: 3px
}

.new-col-space8 {
	margin: -4px
}

.new-col-space8>* {
	padding: 4px
}

.new-col-space10 {
	margin: -5px
}

.new-col-space10>* {
	padding: 5px
}

.new-col-space12 {
	margin: -6px
}

.new-col-space12>* {
	padding: 6px
}

.new-col-space14 {
	margin: -7px
}

.new-col-space14>* {
	padding: 7px
}

.new-col-space15 {
	margin: -7.5px
}

.new-col-space15>* {
	padding: 7.5px
}

.new-col-space16 {
	margin: -8px
}

.new-col-space16>* {
	padding: 8px
}

.new-col-space18 {
	margin: -9px
}

.new-col-space18>* {
	padding: 9px
}

.new-col-space20 {
	margin: -10px
}

.new-col-space20>* {
	padding: 10px
}

.new-col-space22 {
	margin: -11px
}

.new-col-space22>* {
	padding: 11px
}

.new-col-space24 {
	margin: -12px
}

.new-col-space24>* {
	padding: 12px
}

.new-col-space25 {
	margin: -12.5px
}

.new-col-space25>* {
	padding: 12.5px
}

.new-col-space26 {
	margin: -13px
}

.new-col-space26>* {
	padding: 13px
}

.new-col-space28 {
	margin: -14px
}

.new-col-space28>* {
	padding: 14px
}

.new-col-space30 {
	margin: -15px
}

.new-col-space30>* {
	padding: 15px
}

.new-btn,
.new-input,
.new-select,
.new-textarea,
.new-upload-button {
	outline: 0;
	-webkit-appearance: none;
	transition: all .3s;
	-webkit-transition: all .3s;
	box-sizing: border-box
}

.new-elem-quote {
	margin-bottom: 10px;
	padding: 15px;
	line-height: 22px;
	border-left: 5px solid #009688;
	border-radius: 0 2px 2px 0;
	background-color: #f2f2f2
}

.new-quote-nm {
	border-style: solid;
	border-width: 1px 1px 1px 5px;
	background: 0 0
}

.new-elem-field {
	margin-bottom: 10px;
	padding: 0;
	border-width: 1px;
	border-style: solid
}

.new-elem-field legend {
	margin-left: 20px;
	padding: 0 10px;
	font-size: 20px;
	font-weight: 300
}

.new-field-title {
	margin: 10px 0 20px;
	border-width: 1px 0 0
}

.new-field-box {
	padding: 10px 15px
}

.new-field-title .new-field-box {
	padding: 10px 0
}

.new-progress {
	position: relative;
	height: 6px;
	border-radius: 20px;
	background-color: #e2e2e2
}

.new-progress-bar {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	max-width: 100%;
	height: 6px;
	border-radius: 20px;
	text-align: right;
	background-color: #5FB878;
	transition: all .3s;
	-webkit-transition: all .3s
}

.new-progress-big,
.new-progress-big .new-progress-bar {
	height: 18px;
	line-height: 18px
}

.new-progress-text {
	position: relative;
	top: -20px;
	line-height: 18px;
	font-size: 12px;
	color: #666
}

.new-progress-big .new-progress-text {
	position: static;
	padding: 0 10px;
	color: #fff
}

.new-collapse {
	border-width: 1px;
	border-style: solid;
	border-radius: 2px
}

.new-colla-content,
.new-colla-item {
	border-top-width: 1px;
	border-top-style: solid
}

.new-colla-item:first-child {
	border-top: none
}

.new-colla-title {
	position: relative;
	height: 42px;
	line-height: 42px;
	padding: 0 15px 0 35px;
	color: #333;
	background-color: #f2f2f2;
	cursor: pointer;
	font-size: 14px;
	overflow: hidden
}

.new-colla-content {
	display: none;
	padding: 10px 15px;
	line-height: 22px;
	color: #666
}

.new-colla-icon {
	position: absolute;
	left: 15px;
	top: 0;
	font-size: 14px
}

.new-card {
	margin-bottom: 15px;
	border-radius: 2px;
	background-color: #fff;
	box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .05)
}

.new-card:last-child {
	margin-bottom: 0
}

.new-card-header {
	position: relative;
	height: 42px;
	line-height: 42px;
	padding: 0 15px;
	border-bottom: 1px solid #f6f6f6;
	color: #333;
	border-radius: 2px 2px 0 0;
	font-size: 14px
}

.new-bg-black,
.new-bg-blue,
.new-bg-cyan,
.new-bg-green,
.new-bg-orange,
.new-bg-red {
	color: #fff !important
}

.new-card-body {
	position: relative;
	padding: 10px 15px;
	line-height: 24px
}

.new-card-body[pad15] {
	padding: 15px
}

.new-card-body[pad20] {
	padding: 20px
}

.new-card-body .new-table {
	margin: 5px 0
}

.new-card .new-tab {
	margin: 0
}

.new-panel-window {
	position: relative;
	padding: 15px;
	border-radius: 0;
	border-top: 5px solid #E6E6E6;
	background-color: #fff
}

.new-auxiliar-moving {
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	background: 0 0;
	z-index: 9999999999
}

.new-form-label,
.new-form-mid,
.new-form-select,
.new-input-block,
.new-input-inline,
.new-textarea {
	position: relative
}

.new-bg-red {
	background-color: #FF5722 !important
}

.new-bg-orange {
	background-color: #FFB800 !important
}

.new-bg-green {
	background-color: #009688 !important
}

.new-bg-cyan {
	background-color: #2F4056 !important
}

.new-bg-blue {
	background-color: #1E9FFF !important
}

.new-bg-black {
	background-color: #393D49 !important
}

.new-bg-gray {
	background-color: #eee !important;
	color: #666 !important
}

.new-badge-rim,
.new-colla-content,
.new-colla-item,
.new-collapse,
.new-elem-field,
.new-form-pane .new-form-item[pane],
.new-form-pane .new-form-label,
.new-input,
.new-layedit,
.new-layedit-tool,
.new-quote-nm,
.new-select,
.new-tab-bar,
.new-tab-card,
.new-tab-title,
.new-tab-title .new-this:after,
.new-textarea {
	border-color: #e6e6e6
}

.new-timeline-item:before,
hr {
	background-color: #e6e6e6
}

.new-text {
	line-height: 22px;
	font-size: 14px;
	color: #666
}

.new-text h1,
.new-text h2,
.new-text h3 {
	font-weight: 500;
	color: #333
}

.new-text h1 {
	font-size: 30px
}

.new-text h2 {
	font-size: 24px
}

.new-text h3 {
	font-size: 18px
}

.new-text a:not(.new-btn) {
	color: #01AAED
}

.new-text a:not(.new-btn):hover {
	text-decoration: underline
}

.new-text ul {
	padding: 5px 0 5px 15px
}

.new-text ul li {
	margin-top: 5px;
	list-style-type: disc
}

.new-text em,
.new-word-aux {
	color: #999 !important;
	padding: 0 5px !important
}

.new-btn {
	display: inline-block;
	height: 38px;
	line-height: 38px;
	padding: 0 18px;
	background-color: #009688;
	color: #fff;
	white-space: nowrap;
	text-align: center;
	font-size: 14px;
	border: none;
	border-radius: 2px;
	cursor: pointer
}

.new-btn:hover {
	opacity: .8;
	filter: alpha(opacity=80);
	color: #fff
}

.new-btn:active {
	opacity: 1;
	filter: alpha(opacity=100)
}

.new-btn+.new-btn {
	margin-left: 10px
}

.new-btn-container {
	font-size: 0
}

.new-btn-container .new-btn {
	margin-right: 10px;
	margin-bottom: 10px
}

.new-btn-container .new-btn+.new-btn {
	margin-left: 0
}

.new-table .new-btn-container .new-btn {
	margin-bottom: 9px
}

.new-btn-radius {
	border-radius: 100px
}

.new-btn .new-icon {
	margin-right: 3px;
	font-size: 18px;
	vertical-align: bottom;
	vertical-align: middle\9
}

.new-btn-primary {
	border: 1px solid #C9C9C9;
	background-color: #fff;
	color: #555
}

.new-btn-primary:hover {
	border-color: #009688;
	color: #333
}

.new-btn-normal {
	background-color: #1E9FFF
}

.new-btn-warm {
	background-color: #FFB800
}

.new-btn-danger {
	background-color: #FF5722
}

.new-btn-checked {
	background-color: #5FB878
}

.new-btn-disabled,
.new-btn-disabled:active,
.new-btn-disabled:hover {
	border: 1px solid #e6e6e6;
	background-color: #FBFBFB;
	color: #C9C9C9;
	cursor: not-allowed;
	opacity: 1
}

.new-btn-lg {
	height: 44px;
	line-height: 44px;
	padding: 0 25px;
	font-size: 16px
}

.new-btn-sm {
	height: 30px;
	line-height: 30px;
	padding: 0 10px;
	font-size: 12px
}

.new-btn-sm i {
	font-size: 16px !important
}

.new-btn-xs {
	height: 22px;
	line-height: 22px;
	padding: 0 5px;
	font-size: 12px
}

.new-btn-xs i {
	font-size: 14px !important
}

.new-btn-group {
	display: inline-block;
	vertical-align: middle;
	font-size: 0
}

.new-btn-group .new-btn {
	margin-left: 0 !important;
	margin-right: 0 !important;
	border-left: 1px solid rgba(255, 255, 255, .5);
	border-radius: 0
}

.new-btn-group .new-btn-primary {
	border-left: none
}

.new-btn-group .new-btn-primary:hover {
	border-color: #C9C9C9;
	color: #009688
}

.new-btn-group .new-btn:first-child {
	border-left: none;
	border-radius: 2px 0 0 2px
}

.new-btn-group .new-btn-primary:first-child {
	border-left: 1px solid #c9c9c9
}

.new-btn-group .new-btn:last-child {
	border-radius: 0 2px 2px 0
}

.new-btn-group .new-btn+.new-btn {
	margin-left: 0
}

.new-btn-group+.new-btn-group {
	margin-left: 10px
}

.new-btn-fluid {
	width: 100%
}

.new-input,
.new-select,
.new-textarea {
	height: 38px;
	line-height: 1.3;
	line-height: 38px\9;
	border-width: 1px;
	border-style: solid;
	background-color: #fff;
	border-radius: 2px
}

.new-input::-webkit-input-placeholder,
.new-select::-webkit-input-placeholder,
.new-textarea::-webkit-input-placeholder {
	line-height: 1.3
}

.new-input,
.new-textarea {
	display: block;
	width: 100%;
	padding-left: 10px
}

.new-input:hover,
.new-textarea:hover {
	border-color: #D2D2D2 !important
}

.new-input:focus,
.new-textarea:focus {
	border-color: #C9C9C9 !important
}

.new-textarea {
	min-height: 100px;
	height: auto;
	line-height: 20px;
	padding: 6px 10px;
	resize: vertical
}

.new-select {
	padding: 0 10px
}

.new-form input[type=checkbox],
.new-form input[type=radio],
.new-form select {
	display: none
}

.new-form [lay-ignore] {
	display: initial
}

.new-form-item {
	margin-bottom: 15px;
	clear: both;
	*zoom: 1
}

.new-form-item:after {
	content: '\20';
	clear: both;
	*zoom: 1;
	display: block;
	height: 0
}

.new-form-label {
	float: left;
	display: block;
	padding: 9px 15px;
	width: 80px;
	font-weight: 400;
	line-height: 20px;
	text-align: right
}

.new-form-label-col {
	display: block;
	float: none;
	padding: 9px 0;
	line-height: 20px;
	text-align: left
}

.new-form-item .new-inline {
	margin-bottom: 5px;
	margin-right: 10px
}

.new-input-block {
	margin-left: 110px;
	min-height: 36px
}

.new-input-inline {
	display: inline-block;
	vertical-align: middle
}

.new-form-item .new-input-inline {
	float: left;
	width: 190px;
	margin-right: 10px
}

.new-form-text .new-input-inline {
	width: auto
}

.new-form-mid {
	float: left;
	display: block;
	padding: 9px 0 !important;
	line-height: 20px;
	margin-right: 10px
}

.new-form-danger+.new-form-select .new-input,
.new-form-danger:focus {
	border-color: #FF5722 !important
}

.new-form-select .new-input {
	padding-right: 30px;
	cursor: pointer
}

.new-form-select .new-edge {
	position: absolute;
	right: 10px;
	top: 50%;
	margin-top: -3px;
	cursor: pointer;
	border-width: 6px;
	border-top-color: #c2c2c2;
	border-top-style: solid;
	transition: all .3s;
	-webkit-transition: all .3s
}

.new-form-select dl {
	display: none;
	position: absolute;
	left: 0;
	top: 42px;
	padding: 5px 0;
	z-index: 899;
	min-width: 100%;
	border: 1px solid #d2d2d2;
	max-height: 300px;
	overflow-y: auto;
	background-color: #fff;
	border-radius: 2px;
	box-shadow: 0 2px 4px rgba(0, 0, 0, .12);
	box-sizing: border-box
}

.new-form-select dl dd,
.new-form-select dl dt {
	padding: 0 10px;
	line-height: 36px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.new-form-select dl dt {
	font-size: 12px;
	color: #999
}

.new-form-select dl dd {
	cursor: pointer
}

.new-form-select dl dd:hover {
	background-color: #f2f2f2;
	-webkit-transition: .5s all;
	transition: .5s all
}

.new-form-select .new-select-group dd {
	padding-left: 20px
}

.new-form-select dl dd.new-select-tips {
	padding-left: 10px !important;
	color: #999
}

.new-form-select dl dd.new-this {
	background-color: #5FB878;
	color: #fff
}

.new-form-checkbox,
.new-form-select dl dd.new-disabled {
	background-color: #fff
}

.new-form-selected dl {
	display: block
}

.new-form-checkbox,
.new-form-checkbox *,
.new-form-switch {
	display: inline-block;
	vertical-align: middle
}

.new-form-selected .new-edge {
	margin-top: -9px;
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);
	margin-top: -3px\9
}

:root .new-form-selected .new-edge {
	margin-top: -9px\0/IE9
}

.new-form-selectup dl {
	top: auto;
	bottom: 42px
}

.new-select-none {
	margin: 5px 0;
	text-align: center;
	color: #999
}

.new-select-disabled .new-disabled {
	border-color: #eee !important
}

.new-select-disabled .new-edge {
	border-top-color: #d2d2d2
}

.new-form-checkbox {
	position: relative;
	height: 30px;
	line-height: 30px;
	margin-right: 10px;
	padding-right: 30px;
	cursor: pointer;
	font-size: 0;
	-webkit-transition: .1s linear;
	transition: .1s linear;
	box-sizing: border-box
}

.new-form-checkbox span {
	padding: 0 10px;
	height: 100%;
	font-size: 14px;
	border-radius: 2px 0 0 2px;
	background-color: #d2d2d2;
	color: #fff;
	overflow: hidden
}

.new-form-checkbox:hover span {
	background-color: #c2c2c2
}

.new-form-checkbox i {
	position: absolute;
	right: 0;
	top: 0;
	width: 30px;
	height: 28px;
	border: 1px solid #d2d2d2;
	border-left: none;
	border-radius: 0 2px 2px 0;
	color: #fff;
	font-size: 20px;
	text-align: center
}

.new-form-checkbox:hover i {
	border-color: #c2c2c2;
	color: #c2c2c2
}

.new-form-checked,
.new-form-checked:hover {
	border-color: #5FB878
}

.new-form-checked span,
.new-form-checked:hover span {
	background-color: #5FB878
}

.new-form-checked i,
.new-form-checked:hover i {
	color: #5FB878
}

.new-form-item .new-form-checkbox {
	margin-top: 4px
}

.new-form-checkbox[lay-skin=primary] {
	height: auto !important;
	line-height: normal !important;
	min-width: 18px;
	min-height: 18px;
	border: none !important;
	margin-right: 0;
	padding-left: 28px;
	padding-right: 0;
	background: 0 0
}

.new-form-checkbox[lay-skin=primary] span {
	padding-left: 0;
	padding-right: 15px;
	line-height: 18px;
	background: 0 0;
	color: #666
}

.new-form-checkbox[lay-skin=primary] i {
	right: auto;
	left: 0;
	width: 16px;
	height: 16px;
	line-height: 16px;
	border: 1px solid #d2d2d2;
	font-size: 12px;
	border-radius: 2px;
	background-color: #fff;
	-webkit-transition: .1s linear;
	transition: .1s linear
}

.new-form-checkbox[lay-skin=primary]:hover i {
	border-color: #5FB878;
	color: #fff
}

.new-form-checked[lay-skin=primary] i {
	border-color: #5FB878 !important;
	background-color: #5FB878;
	color: #fff
}

.new-checkbox-disbaled[lay-skin=primary] span {
	background: 0 0 !important;
	color: #c2c2c2
}

.new-checkbox-disbaled[lay-skin=primary]:hover i {
	border-color: #d2d2d2
}

.new-form-item .new-form-checkbox[lay-skin=primary] {
	margin-top: 10px
}

.new-form-switch {
	position: relative;
	height: 22px;
	line-height: 22px;
	min-width: 35px;
	padding: 0 5px;
	margin-top: 8px;
	border: 1px solid #d2d2d2;
	border-radius: 20px;
	cursor: pointer;
	background-color: #fff;
	-webkit-transition: .1s linear;
	transition: .1s linear
}

.new-form-switch i {
	position: absolute;
	left: 5px;
	top: 3px;
	width: 16px;
	height: 16px;
	border-radius: 20px;
	background-color: #d2d2d2;
	-webkit-transition: .1s linear;
	transition: .1s linear
}

.new-form-switch em {
	position: relative;
	top: 0;
	width: 25px;
	margin-left: 21px;
	padding: 0 !important;
	text-align: center !important;
	color: #999 !important;
	font-style: normal !important;
	font-size: 12px
}

.new-form-onswitch {
	border-color: #5FB878;
	background-color: #5FB878
}

.new-checkbox-disbaled,
.new-checkbox-disbaled i {
	border-color: #e2e2e2 !important
}

.new-form-onswitch i {
	left: 100%;
	margin-left: -21px;
	background-color: #fff
}

.new-form-onswitch em {
	margin-left: 5px;
	margin-right: 21px;
	color: #fff !important
}

.new-checkbox-disbaled span {
	background-color: #e2e2e2 !important
}

.new-checkbox-disbaled:hover i {
	color: #fff !important
}

[lay-radio] {
	display: none
}

.new-form-radio,
.new-form-radio * {
	display: inline-block;
	vertical-align: middle
}

.new-form-radio {
	line-height: 28px;
	margin: 6px 10px 0 0;
	padding-right: 10px;
	cursor: pointer;
	font-size: 0
}

.new-form-radio * {
	font-size: 14px
}

.new-form-radio>i {
	margin-right: 8px;
	font-size: 22px;
	color: #c2c2c2
}

.new-form-radio>i:hover,
.new-form-radioed>i {
	color: #5FB878
}

.new-radio-disbaled>i {
	color: #e2e2e2 !important
}

.new-form-pane .new-form-label {
	width: 110px;
	padding: 8px 15px;
	height: 38px;
	line-height: 20px;
	border-width: 1px;
	border-style: solid;
	border-radius: 2px 0 0 2px;
	text-align: center;
	background-color: #FBFBFB;
	overflow: hidden;
	box-sizing: border-box
}

.new-form-pane .new-input-inline {
	margin-left: -1px
}

.new-form-pane .new-input-block {
	margin-left: 110px;
	left: -1px
}

.new-form-pane .new-input {
	border-radius: 0 2px 2px 0
}

.new-form-pane .new-form-text .new-form-label {
	float: none;
	width: 100%;
	border-radius: 2px;
	box-sizing: border-box;
	text-align: left
}

.new-form-pane .new-form-text .new-input-inline {
	display: block;
	margin: 0;
	top: -1px;
	clear: both
}

.new-form-pane .new-form-text .new-input-block {
	margin: 0;
	left: 0;
	top: -1px
}

.new-form-pane .new-form-text .new-textarea {
	min-height: 100px;
	border-radius: 0 0 2px 2px
}

.new-form-pane .new-form-checkbox {
	margin: 4px 0 4px 10px
}

.new-form-pane .new-form-radio,
.new-form-pane .new-form-switch {
	margin-top: 6px;
	margin-left: 10px
}

.new-form-pane .new-form-item[pane] {
	position: relative;
	border-width: 1px;
	border-style: solid
}

.new-form-pane .new-form-item[pane] .new-form-label {
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	border-width: 0 1px 0 0
}

.new-form-pane .new-form-item[pane] .new-input-inline {
	margin-left: 110px
}

@media screen and (max-width:450px) {
	.new-form-item .new-form-label {
		text-overflow: ellipsis;
		overflow: hidden;
		white-space: nowrap
	}

	.new-form-item .new-inline {
		display: block;
		margin-right: 0;
		margin-bottom: 20px;
		clear: both
	}

	.new-form-item .new-inline:after {
		content: '\20';
		clear: both;
		display: block;
		height: 0
	}

	.new-form-item .new-input-inline {
		display: block;
		float: none;
		left: -3px;
		width: auto;
		margin: 0 0 10px 112px
	}

	.new-form-item .new-input-inline+.new-form-mid {
		margin-left: 110px;
		top: -5px;
		padding: 0
	}

	.new-form-item .new-form-checkbox {
		margin-right: 5px;
		margin-bottom: 5px
	}
}

.new-layedit {
	border-width: 1px;
	border-style: solid;
	border-radius: 2px
}

.new-layedit-tool {
	padding: 3px 5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	font-size: 0
}

.layedit-tool-fixed {
	position: fixed;
	top: 0;
	border-top: 1px solid #e2e2e2
}

.new-layedit-tool .layedit-tool-mid,
.new-layedit-tool .new-icon {
	display: inline-block;
	vertical-align: middle;
	text-align: center;
	font-size: 14px
}

.new-layedit-tool .new-icon {
	position: relative;
	width: 32px;
	height: 30px;
	line-height: 30px;
	margin: 3px 5px;
	color: #777;
	cursor: pointer;
	border-radius: 2px
}

.new-layedit-tool .new-icon:hover {
	color: #393D49
}

.new-layedit-tool .new-icon:active {
	color: #000
}

.new-layedit-tool .layedit-tool-active {
	background-color: #e2e2e2;
	color: #000
}

.new-layedit-tool .new-disabled,
.new-layedit-tool .new-disabled:hover {
	color: #d2d2d2;
	cursor: not-allowed
}

.new-layedit-tool .layedit-tool-mid {
	width: 1px;
	height: 18px;
	margin: 0 10px;
	background-color: #d2d2d2
}

.layedit-tool-html {
	width: 50px !important;
	font-size: 30px !important
}

.layedit-tool-b,
.layedit-tool-code,
.layedit-tool-help {
	font-size: 16px !important
}

.layedit-tool-d,
.layedit-tool-face,
.layedit-tool-image,
.layedit-tool-unlink {
	font-size: 18px !important
}

.layedit-tool-image input {
	position: absolute;
	font-size: 0;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	opacity: .01;
	filter: Alpha(opacity=1);
	cursor: pointer
}

.new-layedit-iframe iframe {
	display: block;
	width: 100%
}

#LAY_layedit_code {
	overflow: hidden
}

.new-laypage {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	vertical-align: middle;
	margin: 10px 0;
	font-size: 0
}

.new-laypage>a:first-child,
.new-laypage>a:first-child em {
	border-radius: 2px 0 0 2px
}

.new-laypage>a:last-child,
.new-laypage>a:last-child em {
	border-radius: 0 2px 2px 0
}

.new-laypage>:first-child {
	margin-left: 0 !important
}

.new-laypage>:last-child {
	margin-right: 0 !important
}

.new-laypage a,
.new-laypage button,
.new-laypage input,
.new-laypage select,
.new-laypage span {
	border: 1px solid #e2e2e2
}

.new-laypage a,
.new-laypage span {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	vertical-align: middle;
	padding: 0 15px;
	height: 28px;
	line-height: 28px;
	margin: 0 -1px 5px 0;
	background-color: #fff;
	color: #333;
	font-size: 12px
}

.new-flow-more a *,
.new-laypage input,
.new-table-view select[lay-ignore] {
	display: inline-block
}

.new-laypage a:hover {
	color: #009688
}

.new-laypage em {
	font-style: normal
}

.new-laypage .new-laypage-spr {
	color: #999;
	font-weight: 700
}

.new-laypage a {
	text-decoration: none
}

.new-laypage .new-laypage-curr {
	position: relative
}

.new-laypage .new-laypage-curr em {
	position: relative;
	color: #fff
}

.new-laypage .new-laypage-curr .new-laypage-em {
	position: absolute;
	left: -1px;
	top: -1px;
	padding: 1px;
	width: 100%;
	height: 100%;
	background-color: #009688
}

.new-laypage-em {
	border-radius: 2px
}

.new-laypage-next em,
.new-laypage-prev em {
	font-family: Sim sun;
	font-size: 16px
}

.new-laypage .new-laypage-count,
.new-laypage .new-laypage-limits,
.new-laypage .new-laypage-refresh,
.new-laypage .new-laypage-skip {
	margin-left: 10px;
	margin-right: 10px;
	padding: 0;
	border: none
}

.new-laypage .new-laypage-limits,
.new-laypage .new-laypage-refresh {
	vertical-align: top
}

.new-laypage .new-laypage-refresh i {
	font-size: 18px;
	cursor: pointer
}

.new-laypage select {
	height: 22px;
	padding: 3px;
	border-radius: 2px;
	cursor: pointer
}

.new-laypage .new-laypage-skip {
	height: 30px;
	line-height: 30px;
	color: #999
}

.new-laypage button,
.new-laypage input {
	height: 30px;
	line-height: 30px;
	border-radius: 2px;
	vertical-align: top;
	background-color: #fff;
	box-sizing: border-box
}

.new-laypage input {
	width: 40px;
	margin: 0 10px;
	padding: 0 3px;
	text-align: center
}

.new-laypage input:focus,
.new-laypage select:focus {
	border-color: #009688 !important
}

.new-laypage button {
	margin-left: 10px;
	padding: 0 10px;
	cursor: pointer
}

.new-table,
.new-table-view {
	margin: 10px 0
}

.new-flow-more {
	margin: 10px 0;
	text-align: center;
	color: #999;
	font-size: 14px
}

.new-flow-more a {
	height: 32px;
	line-height: 32px
}

.new-flow-more a * {
	vertical-align: top
}

.new-flow-more a cite {
	padding: 0 20px;
	border-radius: 3px;
	background-color: #eee;
	color: #333;
	font-style: normal
}

.new-flow-more a cite:hover {
	opacity: .8
}

.new-flow-more a i {
	font-size: 30px;
	color: #737383
}

.new-table {
	width: 100%;
	background-color: #fff;
	color: #666
}

.new-table tr {
	transition: all .3s;
	-webkit-transition: all .3s
}

.new-table th {
	text-align: left;
	font-weight: 400
}

.new-table tbody tr:hover,
.new-table thead tr,
.new-table-click,
.new-table-header,
.new-table-hover,
.new-table-mend,
.new-table-patch,
.new-table-tool,
.new-table-total,
.new-table-total tr,
.new-table[lay-even] tr:nth-child(even) {
	background-color: #f2f2f2
}

.new-table td,
.new-table th,
.new-table-col-set,
.new-table-fixed-r,
.new-table-grid-down,
.new-table-header,
.new-table-page,
.new-table-tips-main,
.new-table-tool,
.new-table-total,
.new-table-view,
.new-table[lay-skin=line],
.new-table[lay-skin=row] {
	border-width: 1px;
	border-style: solid;
	border-color: #e6e6e6
}

.new-table td,
.new-table th {
	position: relative;
	padding: 9px 15px;
	min-height: 20px;
	line-height: 20px;
	font-size: 14px
}

.new-table[lay-skin=line] td,
.new-table[lay-skin=line] th {
	border-width: 0 0 1px
}

.new-table[lay-skin=row] td,
.new-table[lay-skin=row] th {
	border-width: 0 1px 0 0
}

.new-table[lay-skin=nob] td,
.new-table[lay-skin=nob] th {
	border: none
}

.new-table img {
	max-width: 100px
}

.new-table[lay-size=lg] td,
.new-table[lay-size=lg] th {
	padding: 15px 30px
}

.new-table-view .new-table[lay-size=lg] .new-table-cell {
	height: 40px;
	line-height: 40px
}

.new-table[lay-size=sm] td,
.new-table[lay-size=sm] th {
	font-size: 12px;
	padding: 5px 10px
}

.new-table-view .new-table[lay-size=sm] .new-table-cell {
	height: 20px;
	line-height: 20px
}

.new-table[lay-data] {
	display: none
}

.new-table-box {
	position: relative;
	overflow: hidden
}

.new-table-view .new-table {
	position: relative;
	width: auto;
	margin: 0
}

.new-table-view .new-table[lay-skin=line] {
	border-width: 0 1px 0 0
}

.new-table-view .new-table[lay-skin=row] {
	border-width: 0 0 1px
}

.new-table-view .new-table td,
.new-table-view .new-table th {
	padding: 5px 0;
	border-top: none;
	border-left: none
}

.new-table-view .new-table th.new-unselect .new-table-cell span {
	cursor: pointer
}

.new-table-view .new-table td {
	cursor: default
}

.new-table-view .new-table td[data-edit=text] {
	cursor: text
}

.new-table-view .new-form-checkbox[lay-skin=primary] i {
	width: 18px;
	height: 18px
}

.new-table-view .new-form-radio {
	line-height: 0;
	padding: 0
}

.new-table-view .new-form-radio>i {
	margin: 0;
	font-size: 20px
}

.new-table-init {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	text-align: center;
	z-index: 110
}

.new-table-init .new-icon {
	position: absolute;
	left: 50%;
	top: 50%;
	margin: -15px 0 0 -15px;
	font-size: 30px;
	color: #c2c2c2
}

.new-table-header {
	border-width: 0 0 1px;
	overflow: hidden
}

.new-table-header .new-table {
	margin-bottom: -1px
}

.new-table-tool .new-inline[lay-event] {
	position: relative;
	width: 26px;
	height: 26px;
	padding: 5px;
	line-height: 16px;
	margin-right: 10px;
	text-align: center;
	color: #333;
	border: 1px solid #ccc;
	cursor: pointer;
	-webkit-transition: .5s all;
	transition: .5s all
}

.new-table-tool .new-inline[lay-event]:hover {
	border: 1px solid #999
}

.new-table-tool-temp {
	padding-right: 120px
}

.new-table-tool-self {
	position: absolute;
	right: 17px;
	top: 10px
}

.new-table-tool .new-table-tool-self .new-inline[lay-event] {
	margin: 0 0 0 10px
}

.new-table-tool-panel {
	position: absolute;
	top: 29px;
	left: -1px;
	padding: 5px 0;
	min-width: 150px;
	min-height: 40px;
	border: 1px solid #d2d2d2;
	text-align: left;
	overflow-y: auto;
	background-color: #fff;
	box-shadow: 0 2px 4px rgba(0, 0, 0, .12)
}

.new-table-cell,
.new-table-tool-panel li {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.new-table-tool-panel li {
	padding: 0 10px;
	line-height: 30px;
	-webkit-transition: .5s all;
	transition: .5s all
}

.new-table-tool-panel li .new-form-checkbox[lay-skin=primary] {
	width: 100%;
	padding-left: 28px
}

.new-table-tool-panel li:hover {
	background-color: #f2f2f2
}

.new-table-tool-panel li .new-form-checkbox[lay-skin=primary] i {
	position: absolute;
	left: 0;
	top: 0
}

.new-table-tool-panel li .new-form-checkbox[lay-skin=primary] span {
	padding: 0
}

.new-table-tool .new-table-tool-self .new-table-tool-panel {
	left: auto;
	right: -1px
}

.new-table-col-set {
	position: absolute;
	right: 0;
	top: 0;
	width: 20px;
	height: 100%;
	border-width: 0 0 0 1px;
	background-color: #fff
}

.new-table-sort {
	width: 10px;
	height: 20px;
	margin-left: 5px;
	cursor: pointer !important
}

.new-table-sort .new-edge {
	position: absolute;
	left: 5px;
	border-width: 5px
}

.new-table-sort .new-table-sort-asc {
	top: 3px;
	border-top: none;
	border-bottom-style: solid;
	border-bottom-color: #b2b2b2
}

.new-table-sort .new-table-sort-asc:hover {
	border-bottom-color: #666
}

.new-table-sort .new-table-sort-desc {
	bottom: 5px;
	border-bottom: none;
	border-top-style: solid;
	border-top-color: #b2b2b2
}

.new-table-sort .new-table-sort-desc:hover {
	border-top-color: #666
}

.new-table-sort[lay-sort=asc] .new-table-sort-asc {
	border-bottom-color: #000
}

.new-table-sort[lay-sort=desc] .new-table-sort-desc {
	border-top-color: #000
}

.new-table-cell {
	height: 28px;
	line-height: 28px;
	padding: 0 15px;
	position: relative;
	box-sizing: border-box
}

.new-table-cell .new-form-checkbox[lay-skin=primary] {
	top: -1px;
	padding: 0
}

.new-table-cell .new-table-link {
	color: #01AAED
}

.laytable-cell-checkbox,
.laytable-cell-numbers,
.laytable-cell-radio,
.laytable-cell-space {
	padding: 0;
	text-align: center
}

.new-table-body {
	position: relative;
	overflow: auto;
	margin-right: -1px;
	margin-bottom: -1px
}

.new-table-body .new-none {
	line-height: 26px;
	padding: 15px;
	text-align: center;
	color: #999
}

.new-table-fixed {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 101
}

.new-table-fixed .new-table-body {
	overflow: hidden
}

.new-table-fixed-l {
	box-shadow: 0 -1px 8px rgba(0, 0, 0, .08)
}

.new-table-fixed-r {
	left: auto;
	right: -1px;
	border-width: 0 0 0 1px;
	box-shadow: -1px 0 8px rgba(0, 0, 0, .08)
}

.new-table-fixed-r .new-table-header {
	position: relative;
	overflow: visible
}

.new-table-mend {
	position: absolute;
	right: -49px;
	top: 0;
	height: 100%;
	width: 50px
}

.new-table-tool {
	position: relative;
	z-index: 890;
	width: 100%;
	min-height: 50px;
	line-height: 30px;
	padding: 10px 15px;
	border-width: 0 0 1px
}

.new-table-tool .new-btn-container {
	margin-bottom: -10px
}

.new-table-page,
.new-table-total {
	border-width: 1px 0 0;
	margin-bottom: -1px;
	overflow: hidden
}

.new-table-page {
	position: relative;
	width: 100%;
	padding: 7px 7px 0;
	height: 41px;
	font-size: 12px;
	white-space: nowrap
}

.new-table-page>div {
	height: 26px
}

.new-table-page .new-laypage {
	margin: 0
}

.new-table-page .new-laypage a,
.new-table-page .new-laypage span {
	height: 26px;
	line-height: 26px;
	margin-bottom: 10px;
	border: none;
	background: 0 0
}

.new-table-page .new-laypage a,
.new-table-page .new-laypage span.new-laypage-curr {
	padding: 0 12px
}

.new-table-page .new-laypage span {
	margin-left: 0;
	padding: 0
}

.new-table-page .new-laypage .new-laypage-prev {
	margin-left: -7px !important
}

.new-table-page .new-laypage .new-laypage-curr .new-laypage-em {
	left: 0;
	top: 0;
	padding: 0
}

.new-table-page .new-laypage button,
.new-table-page .new-laypage input {
	height: 26px;
	line-height: 26px
}

.new-table-page .new-laypage input {
	width: 40px
}

.new-table-page .new-laypage button {
	padding: 0 10px
}

.new-table-page select {
	height: 18px
}

.new-table-patch .new-table-cell {
	padding: 0;
	width: 30px
}

.new-table-edit {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	padding: 0 14px 1px;
	border-radius: 0;
	box-shadow: 1px 1px 20px rgba(0, 0, 0, .15)
}

.new-table-edit:focus {
	border-color: #5FB878 !important
}

select.new-table-edit {
	padding: 0 0 0 10px;
	border-color: #C9C9C9
}

.new-table-view .new-form-checkbox,
.new-table-view .new-form-radio,
.new-table-view .new-form-switch {
	top: 0;
	margin: 0;
	box-sizing: content-box
}

.new-table-view .new-form-checkbox {
	top: -1px;
	height: 26px;
	line-height: 26px
}

.new-table-view .new-form-checkbox i {
	height: 26px
}

.new-table-grid .new-table-cell {
	overflow: visible
}

.new-table-grid-down {
	position: absolute;
	top: 0;
	right: 0;
	width: 26px;
	height: 100%;
	padding: 5px 0;
	border-width: 0 0 0 1px;
	text-align: center;
	background-color: #fff;
	color: #999;
	cursor: pointer
}

.new-table-grid-down .new-icon {
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -8px 0 0 -8px
}

.new-table-grid-down:hover {
	background-color: #fbfbfb
}

body .new-table-tips .new-layer-content {
	background: 0 0;
	padding: 0;
	box-shadow: 0 1px 6px rgba(0, 0, 0, .12)
}

.new-table-tips-main {
	margin: -44px 0 0 -1px;
	max-height: 150px;
	padding: 8px 15px;
	font-size: 14px;
	overflow-y: scroll;
	background-color: #fff;
	color: #666
}

.new-table-tips-c {
	position: absolute;
	right: -3px;
	top: -13px;
	width: 20px;
	height: 20px;
	padding: 3px;
	cursor: pointer;
	background-color: #666;
	border-radius: 50%;
	color: #fff
}

.new-table-tips-c:hover {
	background-color: #777
}

.new-table-tips-c:before {
	position: relative;
	right: -2px
}

.new-upload-file {
	display: none !important;
	opacity: .01;
	filter: Alpha(opacity=1)
}

.new-upload-drag,
.new-upload-form,
.new-upload-wrap {
	display: inline-block
}

.new-upload-list {
	margin: 10px 0
}

.new-upload-choose {
	padding: 0 10px;
	color: #999
}

.new-upload-drag {
	position: relative;
	padding: 30px;
	border: 1px dashed #e2e2e2;
	background-color: #fff;
	text-align: center;
	cursor: pointer;
	color: #999
}

.new-upload-drag .new-icon {
	font-size: 50px;
	color: #009688
}

.new-upload-drag[lay-over] {
	border-color: #009688
}

.new-upload-iframe {
	position: absolute;
	width: 0;
	height: 0;
	border: 0;
	visibility: hidden
}

.new-upload-wrap {
	position: relative;
	vertical-align: middle
}

.new-upload-wrap .new-upload-file {
	display: block !important;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 10;
	font-size: 100px;
	width: 100%;
	height: 100%;
	opacity: .01;
	filter: Alpha(opacity=1);
	cursor: pointer
}

.new-transfer-active,
.new-transfer-box {
	display: inline-block;
	vertical-align: middle
}

.new-transfer-box,
.new-transfer-header,
.new-transfer-search {
	border-width: 0;
	border-style: solid;
	border-color: #e6e6e6
}

.new-transfer-box {
	position: relative;
	border-width: 1px;
	width: 200px;
	height: 360px;
	border-radius: 2px;
	background-color: #fff
}

.new-transfer-box .new-form-checkbox {
	width: 100%;
	margin: 0 !important
}

.new-transfer-header {
	height: 38px;
	line-height: 38px;
	padding: 0 10px;
	border-bottom-width: 1px
}

.new-transfer-search {
	position: relative;
	padding: 10px;
	border-bottom-width: 1px
}

.new-transfer-search .new-input {
	height: 32px;
	padding-left: 30px;
	font-size: 12px
}

.new-transfer-search .new-icon-search {
	position: absolute;
	left: 20px;
	top: 50%;
	margin-top: -8px;
	color: #666
}

.new-transfer-active {
	margin: 0 15px
}

.new-transfer-active .new-btn {
	display: block;
	margin: 0;
	padding: 0 15px;
	background-color: #5FB878;
	border-color: #5FB878;
	color: #fff
}

.new-transfer-active .new-btn-disabled {
	background-color: #FBFBFB;
	border-color: #e6e6e6;
	color: #C9C9C9
}

.new-transfer-active .new-btn:first-child {
	margin-bottom: 15px
}

.new-transfer-active .new-btn .new-icon {
	margin: 0;
	font-size: 14px !important
}

.new-transfer-data {
	padding: 5px 0;
	overflow: auto
}

.new-transfer-data li {
	height: 32px;
	line-height: 32px;
	padding: 0 10px
}

.new-transfer-data li:hover {
	background-color: #f2f2f2;
	transition: .5s all
}

.new-transfer-data .new-none {
	padding: 15px 10px;
	text-align: center;
	color: #999
}

.new-fixbar {
	position: fixed;
	right: 15px;
	bottom: 15px;
	z-index: 999999
}

.new-fixbar li {
	width: 50px;
	height: 50px;
	line-height: 50px;
	margin-bottom: 1px;
	text-align: center;
	cursor: pointer;
	font-size: 30px;
	background-color: #9F9F9F;
	color: #fff;
	border-radius: 2px;
	opacity: .95
}

.new-fixbar li:hover {
	opacity: .85
}

.new-fixbar li:active {
	opacity: 1
}

.new-fixbar .new-fixbar-top {
	display: none;
	font-size: 40px
}

body .new-util-face {
	border: none;
	background: 0 0
}

body .new-util-face .new-layer-content {
	padding: 0;
	background-color: #fff;
	color: #666;
	box-shadow: none
}

.new-util-face .new-layer-TipsG {
	display: none
}

.new-util-face ul {
	position: relative;
	width: 372px;
	padding: 10px;
	border: 1px solid #D9D9D9;
	background-color: #fff;
	box-shadow: 0 0 20px rgba(0, 0, 0, .2)
}

.new-util-face ul li {
	cursor: pointer;
	float: left;
	border: 1px solid #e8e8e8;
	height: 22px;
	width: 26px;
	overflow: hidden;
	margin: -1px 0 0 -1px;
	padding: 4px 2px;
	text-align: center
}

.new-util-face ul li:hover {
	position: relative;
	z-index: 2;
	border: 1px solid #eb7350;
	background: #fff9ec
}

.new-code {
	position: relative;
	margin: 10px 0;
	padding: 15px;
	line-height: 20px;
	border: 1px solid #ddd;
	border-left-width: 6px;
	background-color: #F2F2F2;
	color: #333;
	font-family: Courier New;
	font-size: 12px
}

.new-rate,
.new-rate * {
	display: inline-block;
	vertical-align: middle
}

.new-rate {
	padding: 10px 5px 10px 0;
	font-size: 0
}

.new-rate li i.new-icon {
	font-size: 20px;
	color: #FFB800;
	margin-right: 5px;
	transition: all .3s;
	-webkit-transition: all .3s
}

.new-rate li i:hover {
	cursor: pointer;
	transform: scale(1.12);
	-webkit-transform: scale(1.12)
}

.new-rate[readonly] li i:hover {
	cursor: default;
	transform: scale(1)
}

.new-colorpicker {
	width: 26px;
	height: 26px;
	border: 1px solid #e6e6e6;
	padding: 5px;
	border-radius: 2px;
	line-height: 24px;
	display: inline-block;
	cursor: pointer;
	transition: all .3s;
	-webkit-transition: all .3s
}

.new-colorpicker:hover {
	border-color: #d2d2d2
}

.new-colorpicker.new-colorpicker-lg {
	width: 34px;
	height: 34px;
	line-height: 32px
}

.new-colorpicker.new-colorpicker-sm {
	width: 24px;
	height: 24px;
	line-height: 22px
}

.new-colorpicker.new-colorpicker-xs {
	width: 22px;
	height: 22px;
	line-height: 20px
}

.new-colorpicker-trigger-bgcolor {
	display: block;
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==);
	border-radius: 2px
}

.new-colorpicker-trigger-span {
	display: block;
	height: 100%;
	box-sizing: border-box;
	border: 1px solid rgba(0, 0, 0, .15);
	border-radius: 2px;
	text-align: center
}

.new-colorpicker-trigger-i {
	display: inline-block;
	color: #FFF;
	font-size: 12px
}

.new-colorpicker-trigger-i.new-icon-close {
	color: #999
}

.new-colorpicker-main {
	position: absolute;
	z-index: 66666666;
	width: 280px;
	padding: 7px;
	background: #FFF;
	border: 1px solid #d2d2d2;
	border-radius: 2px;
	box-shadow: 0 2px 4px rgba(0, 0, 0, .12)
}

.new-colorpicker-main-wrapper {
	height: 180px;
	position: relative
}

.new-colorpicker-basis {
	width: 260px;
	height: 100%;
	position: relative
}

.new-colorpicker-basis-white {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: linear-gradient(90deg, #FFF, hsla(0, 0%, 100%, 0))
}

.new-colorpicker-basis-black {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: linear-gradient(0deg, #000, transparent)
}

.new-colorpicker-basis-cursor {
	width: 10px;
	height: 10px;
	border: 1px solid #FFF;
	border-radius: 50%;
	position: absolute;
	top: -3px;
	right: -3px;
	cursor: pointer
}

.new-colorpicker-side {
	position: absolute;
	top: 0;
	right: 0;
	width: 12px;
	height: 100%;
	background: linear-gradient(red, #FF0, #0F0, #0FF, #00F, #F0F, red)
}

.new-colorpicker-side-slider {
	width: 100%;
	height: 5px;
	box-shadow: 0 0 1px #888;
	box-sizing: border-box;
	background: #FFF;
	border-radius: 1px;
	border: 1px solid #f0f0f0;
	cursor: pointer;
	position: absolute;
	left: 0
}

.new-colorpicker-main-alpha {
	display: none;
	height: 12px;
	margin-top: 7px;
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==)
}

.new-colorpicker-alpha-bgcolor {
	height: 100%;
	position: relative
}

.new-colorpicker-alpha-slider {
	width: 5px;
	height: 100%;
	box-shadow: 0 0 1px #888;
	box-sizing: border-box;
	background: #FFF;
	border-radius: 1px;
	border: 1px solid #f0f0f0;
	cursor: pointer;
	position: absolute;
	top: 0
}

.new-colorpicker-main-pre {
	padding-top: 7px;
	font-size: 0
}

.new-colorpicker-pre {
	width: 20px;
	height: 20px;
	border-radius: 2px;
	display: inline-block;
	margin-left: 6px;
	margin-bottom: 7px;
	cursor: pointer
}

.new-colorpicker-pre:nth-child(11n+1) {
	margin-left: 0
}

.new-colorpicker-pre-isalpha {
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==)
}

.new-colorpicker-pre.new-this {
	box-shadow: 0 0 3px 2px rgba(0, 0, 0, .15)
}

.new-colorpicker-pre>div {
	height: 100%;
	border-radius: 2px
}

.new-colorpicker-main-input {
	text-align: right;
	padding-top: 7px
}

.new-colorpicker-main-input .new-btn-container .new-btn {
	margin: 0 0 0 10px
}

.new-colorpicker-main-input div.new-inline {
	float: left;
	margin-right: 10px;
	font-size: 14px
}

.new-colorpicker-main-input input.new-input {
	width: 150px;
	height: 30px;
	color: #666
}

.new-slider {
	height: 4px;
	background: #e2e2e2;
	border-radius: 3px;
	position: relative;
	cursor: pointer
}

.new-slider-bar {
	border-radius: 3px;
	position: absolute;
	height: 100%
}

.new-slider-step {
	position: absolute;
	top: 0;
	width: 4px;
	height: 4px;
	border-radius: 50%;
	background: #FFF;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%)
}

.new-slider-wrap {
	width: 36px;
	height: 36px;
	position: absolute;
	top: -16px;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	z-index: 10;
	text-align: center
}

.new-slider-wrap-btn {
	width: 12px;
	height: 12px;
	border-radius: 50%;
	background: #FFF;
	display: inline-block;
	vertical-align: middle;
	cursor: pointer;
	transition: .3s
}

.new-slider-wrap:after {
	content: "";
	height: 100%;
	display: inline-block;
	vertical-align: middle
}

.new-slider-wrap-btn.new-slider-hover,
.new-slider-wrap-btn:hover {
	transform: scale(1.2)
}

.new-slider-wrap-btn.new-disabled:hover {
	transform: scale(1) !important
}

.new-slider-tips {
	position: absolute;
	top: -42px;
	z-index: 66666666;
	white-space: nowrap;
	display: none;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	color: #FFF;
	background: #000;
	border-radius: 3px;
	height: 25px;
	line-height: 25px;
	padding: 0 10px
}

.new-slider-tips:after {
	content: '';
	position: absolute;
	bottom: -12px;
	left: 50%;
	margin-left: -6px;
	width: 0;
	height: 0;
	border-width: 6px;
	border-style: solid;
	border-color: #000 transparent transparent
}

.new-slider-input {
	width: 70px;
	height: 32px;
	border: 1px solid #e6e6e6;
	border-radius: 3px;
	font-size: 16px;
	line-height: 32px;
	position: absolute;
	right: 0;
	top: -15px
}

.new-slider-input-btn {
	display: none;
	position: absolute;
	top: 0;
	right: 0;
	width: 20px;
	height: 100%;
	border-left: 1px solid #d2d2d2
}

.new-slider-input-btn i {
	cursor: pointer;
	position: absolute;
	right: 0;
	bottom: 0;
	width: 20px;
	height: 50%;
	font-size: 12px;
	line-height: 16px;
	text-align: center;
	color: #999
}

.new-slider-input-btn i:first-child {
	top: 0;
	border-bottom: 1px solid #d2d2d2
}

.new-slider-input-txt {
	height: 100%;
	font-size: 14px
}

.new-slider-input-txt input {
	height: 100%;
	border: none
}

.new-slider-input-btn i:hover {
	color: #009688
}

.new-slider-vertical {
	width: 4px;
	margin-left: 34px
}

.new-slider-vertical .new-slider-bar {
	width: 4px
}

.new-slider-vertical .new-slider-step {
	top: auto;
	left: 0;
	-webkit-transform: translateY(50%);
	transform: translateY(50%)
}

.new-slider-vertical .new-slider-wrap {
	top: auto;
	left: -16px;
	-webkit-transform: translateY(50%);
	transform: translateY(50%)
}

.new-slider-vertical .new-slider-tips {
	top: auto;
	left: 2px
}

@media \0screen {
	.new-slider-wrap-btn {
		margin-left: -20px
	}

	.new-slider-vertical .new-slider-wrap-btn {
		margin-left: 0;
		margin-bottom: -20px
	}

	.new-slider-vertical .new-slider-tips {
		margin-left: -8px
	}

	.new-slider>span {
		margin-left: 8px
	}
}

.new-tree {
	line-height: 22px
}

.new-tree .new-form-checkbox {
	margin: 0 !important
}

.new-tree-set {
	width: 100%;
	position: relative
}

.new-tree-pack {
	display: none;
	padding-left: 20px;
	position: relative
}

.new-tree-iconClick,
.new-tree-main {
	display: inline-block;
	vertical-align: middle
}

.new-tree-line .new-tree-pack {
	padding-left: 27px
}

.new-tree-line .new-tree-set .new-tree-set:after {
	content: '';
	position: absolute;
	top: 14px;
	left: -9px;
	width: 17px;
	height: 0;
	border-top: 1px dotted #c0c4cc
}

.new-tree-entry {
	position: relative;
	padding: 3px 0;
	height: 20px;
	white-space: nowrap
}

.new-tree-entry:hover {
	background-color: #eee
}

.new-tree-line .new-tree-entry:hover {
	background-color: rgba(0, 0, 0, 0)
}

.new-tree-line .new-tree-entry:hover .new-tree-txt {
	color: #999;
	text-decoration: underline;
	transition: .3s
}

.new-tree-main {
	cursor: pointer;
	padding-right: 10px
}

.new-tree-line .new-tree-set:before {
	content: '';
	position: absolute;
	top: 0;
	left: -9px;
	width: 0;
	height: 100%;
	border-left: 1px dotted #c0c4cc
}

.new-tree-line .new-tree-set.new-tree-setLineShort:before {
	height: 13px
}

.new-tree-line .new-tree-set.new-tree-setHide:before {
	height: 0
}

.new-tree-iconClick {
	position: relative;
	height: 20px;
	line-height: 20px;
	margin: 0 10px;
	color: #c0c4cc
}

.new-tree-icon {
	height: 12px;
	line-height: 12px;
	width: 12px;
	text-align: center;
	border: 1px solid #c0c4cc
}

.new-tree-iconClick .new-icon {
	font-size: 18px
}

.new-tree-icon .new-icon {
	font-size: 12px;
	color: #666
}

.new-tree-iconArrow {
	padding: 0 5px
}

.new-tree-iconArrow:after {
	content: '';
	position: absolute;
	left: 4px;
	top: 3px;
	z-index: 100;
	width: 0;
	height: 0;
	border-width: 5px;
	border-style: solid;
	border-color: transparent transparent transparent #c0c4cc;
	transition: .5s
}

.new-tree-btnGroup,
.new-tree-editInput {
	position: relative;
	vertical-align: middle;
	display: inline-block
}

.new-tree-spread>.new-tree-entry>.new-tree-iconClick>.new-tree-iconArrow:after {
	transform: rotate(90deg) translate(3px, 4px)
}

.new-tree-txt {
	display: inline-block;
	vertical-align: middle;
	color: #555
}

.new-tree-search {
	margin-bottom: 15px;
	color: #666
}

.new-tree-btnGroup .new-icon {
	display: inline-block;
	vertical-align: middle;
	padding: 0 2px;
	cursor: pointer
}

.new-tree-btnGroup .new-icon:hover {
	color: #999;
	transition: .3s
}

.new-tree-entry:hover .new-tree-btnGroup {
	visibility: visible
}

.new-tree-editInput {
	height: 20px;
	line-height: 20px;
	padding: 0 3px;
	border: none;
	background-color: rgba(0, 0, 0, .05)
}

.new-tree-emptyText {
	text-align: center;
	color: #999
}

.new-anim {
	-webkit-animation-duration: .3s;
	animation-duration: .3s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both
}

.new-anim.new-icon {
	display: inline-block
}

.new-anim-loop {
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite
}

.new-trans,
.new-trans a {
	transition: all .3s;
	-webkit-transition: all .3s
}

@-webkit-keyframes layui-rotate {
	from {
		-webkit-transform: rotate(0)
	}

	to {
		-webkit-transform: rotate(360deg)
	}
}

@keyframes layui-rotate {
	from {
		transform: rotate(0)
	}

	to {
		transform: rotate(360deg)
	}
}

.new-anim-rotate {
	-webkit-animation-name: layui-rotate;
	animation-name: layui-rotate;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-timing-function: linear;
	animation-timing-function: linear
}

@-webkit-keyframes layui-up {
	from {
		-webkit-transform: translate3d(0, 100%, 0);
		opacity: .3
	}

	to {
		-webkit-transform: translate3d(0, 0, 0);
		opacity: 1
	}
}

@keyframes layui-up {
	from {
		transform: translate3d(0, 100%, 0);
		opacity: .3
	}

	to {
		transform: translate3d(0, 0, 0);
		opacity: 1
	}
}

.new-anim-up {
	-webkit-animation-name: layui-up;
	animation-name: layui-up
}

@-webkit-keyframes layui-upbit {
	from {
		-webkit-transform: translate3d(0, 30px, 0);
		opacity: .3
	}

	to {
		-webkit-transform: translate3d(0, 0, 0);
		opacity: 1
	}
}

@keyframes layui-upbit {
	from {
		transform: translate3d(0, 30px, 0);
		opacity: .3
	}

	to {
		transform: translate3d(0, 0, 0);
		opacity: 1
	}
}

.new-anim-upbit {
	-webkit-animation-name: layui-upbit;
	animation-name: layui-upbit
}

@-webkit-keyframes layui-scale {
	0% {
		opacity: .3;
		-webkit-transform: scale(.5)
	}

	100% {
		opacity: 1;
		-webkit-transform: scale(1)
	}
}

@keyframes layui-scale {
	0% {
		opacity: .3;
		-ms-transform: scale(.5);
		transform: scale(.5)
	}

	100% {
		opacity: 1;
		-ms-transform: scale(1);
		transform: scale(1)
	}
}

.new-anim-scale {
	-webkit-animation-name: layui-scale;
	animation-name: layui-scale
}

@-webkit-keyframes layui-scale-spring {
	0% {
		opacity: .5;
		-webkit-transform: scale(.5)
	}

	80% {
		opacity: .8;
		-webkit-transform: scale(1.1)
	}

	100% {
		opacity: 1;
		-webkit-transform: scale(1)
	}
}

@keyframes layui-scale-spring {
	0% {
		opacity: .5;
		transform: scale(.5)
	}

	80% {
		opacity: .8;
		transform: scale(1.1)
	}

	100% {
		opacity: 1;
		transform: scale(1)
	}
}

.new-anim-scaleSpring {
	-webkit-animation-name: layui-scale-spring;
	animation-name: layui-scale-spring
}

@-webkit-keyframes layui-fadein {
	0% {
		opacity: 0
	}

	100% {
		opacity: 1
	}
}

@keyframes layui-fadein {
	0% {
		opacity: 0
	}

	100% {
		opacity: 1
	}
}

.new-anim-fadein {
	-webkit-animation-name: layui-fadein;
	animation-name: layui-fadein
}

@-webkit-keyframes layui-fadeout {
	0% {
		opacity: 1
	}

	100% {
		opacity: 0
	}
}

@keyframes layui-fadeout {
	0% {
		opacity: 1
	}

	100% {
		opacity: 0
	}
}

.new-anim-fadeout {
	-webkit-animation-name: layui-fadeout;
	animation-name: layui-fadeout
}