/** layui-v2.0.1 MIT License By http://www.layui.com */

a{

	-webkit-transition: all 0.3s ease;

   -moz-transition: all 0.3s ease;

   transition: all 0.3s ease;

}

.layui-btn,.layui-inline,img {

	vertical-align: middle

}



.layui-btn,.layui-disabled,.layui-icon,.layui-unselect {

	-webkit-user-select: none;

	-ms-user-select: none;

	-moz-user-select: none

}



blockquote,body,button,dd,div,dl,dt,form,h1,h2,h3,h4,h5,h6,input,li,ol,p,pre,td,textarea,th,ul {

	margin: 0;

	padding: 0;

	-webkit-tap-highlight-color: rgba(0,0,0,0)

}



a:active,a:hover {

	outline: 0

}



img {

	display: inline-block;

	border: none

}



li {

	list-style: none

}



table {

	border-collapse: collapse;

	border-spacing: 0

}



h1,h2,h3 {

	font-size: 14px;

	font-weight: 400

}



h4,h5,h6 {

	font-size: 100%;

	font-weight: 400

}



button,input,optgroup,option,select,textarea {

	font-family: inherit;

	font-size: inherit;

	font-style: inherit;

	font-weight: inherit;

	outline: 0

}



pre {

	white-space: pre-wrap;

	white-space: -moz-pre-wrap;

	white-space: -pre-wrap;

	white-space: -o-pre-wrap;

	word-wrap: break-word

}



@font-face {

	font-family:layui-icon;src:url(../font/iconfont.eot?v=2.0.0);src:url(../font/iconfont.eot?v=2.0.0#iefix) format('embedded-opentype'),url(../font/iconfont.svg?v=2.0.0#iconfont) format('svg'),url(../font/iconfont.woff?v=2.0.0) format('woff'),url(../font/iconfont.ttf?v=2.0.0) format('truetype')

}



.layui-icon {

	font-family: layui-icon!important;

	font-size: 16px;

	font-style: normal;

	-webkit-font-smoothing: antialiased;

	-moz-osx-font-smoothing: grayscale

}



body {

	line-height: 24px;

	font: 14px Helvetica Neue,Helvetica,PingFang SC,\5FAE\8F6F\96C5\9ED1,Tahoma,Arial,sans-serif;

	min-width: 1200px;



}



hr {

	height: 1px;

	margin: 10px 0;

	border: 0;

	background-color: #e2e2e2;

	clear: both

}



a {

	color: #333;

	text-decoration: none

}



a:hover {

	color: #777

}



a cite {

	font-style: normal;

	*cursor: pointer

}



.layui-border-box,.layui-border-box * {

	box-sizing: border-box

}



.layui-box,.layui-box * {

	box-sizing: content-box;

	

}



.layui-clear {

	clear: both;

	*zoom: 1

}



.layui-clear:after {

	content: '\20';

	clear: both;

	*zoom: 1;

	display: block;

	height: 0

}



.layui-inline {

	position: relative;

	display: inline-block;

	*display: inline;

	*zoom: 1

}



.layui-edge {

	position: absolute;

	width: 0;

	height: 0;

	border-style: dashed;

	border-color: transparent;

	overflow: hidden

}



.layui-elip {

	text-overflow: ellipsis;

	overflow: hidden;

	white-space: nowrap

}



.layui-disabled,.layui-disabled:hover {

	color: #d2d2d2!important;

	cursor: not-allowed!important

}



.layui-circle {

	border-radius: 100%

}



.layui-show {

	display: block!important

}



.layui-hide {

	display: none!important

}



.layui-main {

	position: relative;

	width: 1140px;

	margin: 0 auto

}



.layui-header {

	position: relative;

	z-index: 1000;

	height: 60px

}



.layui-header a:hover {

	transition: all .5s;

	-webkit-transition: all .5s

}



.layui-side {

	position: fixed;

	top: 0;

	bottom: 0;

	z-index: 999;

	width: 200px;

	overflow-x: hidden

}



.layui-side-scroll {

	width: 220px;

	height: 100%;

	overflow-x: hidden

}



.layui-body {

	position: absolute;

	left: 200px;

	right: 0;

	top: 0;

	bottom: 0;

	z-index: 998;

	width: auto;

	padding: 20px;

	background: #dde2e7;

	overflow: hidden;

	overflow-y: auto;

	box-sizing: border-box;

	min-width: 1000px;

}



.layui-layout-admin .layui-header {

	background-color: #2e3e4e

}



.layui-layout-admin .layui-side {

	top: 60px;

	width: 200px;

	overflow-x: hidden

}



.layui-layout-admin .layui-body {

	top: 60px;



}



.layui-layout-admin .layui-body>div{

	background: #ffffff;

	border-radius: 8px;

	min-height: calc(100% - 100px);

	min-height: -webkit-calc(100% - 100px);

	min-height: -moz-calc(100% - 100px);

	position: relative;

	padding-bottom:100px;

}



.layui-layout-admin .layui-main {

	width: auto;

	margin: 0 15px

}



.layui-layout-admin .layui-footer {

	position: fixed;

	left: 200px;

	right: 0;

	bottom: 0;

	height: 44px;

	line-height: 44px;

	padding: 0 15px;

	background-color: #eee

}



.layui-layout-admin .layui-logo {

	position: absolute;

	left: 0;

	top: 0;

	width: 200px;

	height: 100%;

	line-height: 60px;

	text-align: center;

	color: #009688;

	font-size: 16px

}



.layui-layout-admin .layui-header .layui-nav {

	background: 0 0

}



.layui-layout-left {

	position: absolute!important;

	left: 200px;

	top: 0

}



.layui-layout-right {

	position: absolute!important;

	right: 0;

	top: 0

}



.layui-container {

	position: relative;

	margin: 0 auto;

	padding: 0 15px;

	box-sizing: border-box

}



.layui-fluid {

	position: relative;

	margin: 0 auto;

	padding: 0 15px

}



.layui-row:after,.layui-row:before {

	content: '';

	display: block;

	clear: both

}



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

	position: relative;

	display: block;

	box-sizing: border-box

}



.layui-col-xs1,.layui-col-xs10,.layui-col-xs11,.layui-col-xs12,.layui-col-xs2,.layui-col-xs3,.layui-col-xs4,.layui-col-xs5,.layui-col-xs6,.layui-col-xs7,.layui-col-xs8,.layui-col-xs9 {

	float: left

}



.layui-col-xs1 {

	width: 8.33333333%

}



.layui-col-xs2 {

	width: 16.66666667%

}



.layui-col-xs3 {

	width: 25%

}



.layui-col-xs4 {

	width: 33.33333333%

}



.layui-col-xs5 {

	width: 41.66666667%

}



.layui-col-xs6 {

	width: 50%

}



.layui-col-xs7 {

	width: 58.33333333%

}



.layui-col-xs8 {

	width: 66.66666667%

}



.layui-col-xs9 {

	width: 75%

}



.layui-col-xs10 {

	width: 83.33333333%

}



.layui-col-xs11 {

	width: 91.66666667%

}



.layui-col-xs12 {

	width: 100%

}



.layui-col-xs-offset1 {

	margin-left: 8.33333333%

}



.layui-col-xs-offset2 {

	margin-left: 16.66666667%

}



.layui-col-xs-offset3 {

	margin-left: 25%

}



.layui-col-xs-offset4 {

	margin-left: 33.33333333%

}



.layui-col-xs-offset5 {

	margin-left: 41.66666667%

}



.layui-col-xs-offset6 {

	margin-left: 50%

}



.layui-col-xs-offset7 {

	margin-left: 58.33333333%

}



.layui-col-xs-offset8 {

	margin-left: 66.66666667%

}



.layui-col-xs-offset9 {

	margin-left: 75%

}



.layui-col-xs-offset10 {

	margin-left: 83.33333333%

}



.layui-col-xs-offset11 {

	margin-left: 91.66666667%

}



.layui-col-xs-offset12 {

	margin-left: 100%

}



@media screen and (min-width:780px) {

	.layui-container {

		width: 750px

	}



	.layui-col-sm1,.layui-col-sm10,.layui-col-sm11,.layui-col-sm12,.layui-col-sm2,.layui-col-sm3,.layui-col-sm4,.layui-col-sm5,.layui-col-sm6,.layui-col-sm7,.layui-col-sm8,.layui-col-sm9 {

		float: left

	}



	.layui-col-sm1 {

		width: 8.33333333%

	}



	.layui-col-sm2 {

		width: 16.66666667%

	}



	.layui-col-sm3 {

		width: 25%

	}



	.layui-col-sm4 {

		width: 33.33333333%

	}



	.layui-col-sm5 {

		width: 41.66666667%

	}



	.layui-col-sm6 {

		width: 50%

	}



	.layui-col-sm7 {

		width: 58.33333333%

	}



	.layui-col-sm8 {

		width: 66.66666667%

	}



	.layui-col-sm9 {

		width: 75%

	}



	.layui-col-sm10 {

		width: 83.33333333%

	}



	.layui-col-sm11 {

		width: 91.66666667%

	}



	.layui-col-sm12 {

		width: 100%

	}



	.layui-col-sm-offset1 {

		margin-left: 8.33333333%

	}



	.layui-col-sm-offset2 {

		margin-left: 16.66666667%

	}



	.layui-col-sm-offset3 {

		margin-left: 25%

	}



	.layui-col-sm-offset4 {

		margin-left: 33.33333333%

	}



	.layui-col-sm-offset5 {

		margin-left: 41.66666667%

	}



	.layui-col-sm-offset6 {

		margin-left: 50%

	}



	.layui-col-sm-offset7 {

		margin-left: 58.33333333%

	}



	.layui-col-sm-offset8 {

		margin-left: 66.66666667%

	}



	.layui-col-sm-offset9 {

		margin-left: 75%

	}



	.layui-col-sm-offset10 {

		margin-left: 83.33333333%

	}



	.layui-col-sm-offset11 {

		margin-left: 91.66666667%

	}



	.layui-col-sm-offset12 {

		margin-left: 100%

	}

}



@media screen and (min-width:1000px) {

	.layui-container {

		width: 970px

	}



	.layui-col-md1,.layui-col-md10,.layui-col-md11,.layui-col-md12,.layui-col-md2,.layui-col-md3,.layui-col-md4,.layui-col-md5,.layui-col-md6,.layui-col-md7,.layui-col-md8,.layui-col-md9 {

		float: left

	}



	.layui-col-md1 {

		width: 8.33333333%

	}



	.layui-col-md2 {

		width: 16.66666667%

	}



	.layui-col-md3 {

		width: 25%

	}



	.layui-col-md4 {

		width: 33.33333333%

	}



	.layui-col-md5 {

		width: 41.66666667%

	}



	.layui-col-md6 {

		width: 50%

	}



	.layui-col-md7 {

		width: 58.33333333%

	}



	.layui-col-md8 {

		width: 66.66666667%

	}



	.layui-col-md9 {

		width: 75%

	}



	.layui-col-md10 {

		width: 83.33333333%

	}



	.layui-col-md11 {

		width: 91.66666667%

	}



	.layui-col-md12 {

		width: 100%

	}



	.layui-col-md-offset1 {

		margin-left: 8.33333333%

	}



	.layui-col-md-offset2 {

		margin-left: 16.66666667%

	}



	.layui-col-md-offset3 {

		margin-left: 25%

	}



	.layui-col-md-offset4 {

		margin-left: 33.33333333%

	}



	.layui-col-md-offset5 {

		margin-left: 41.66666667%

	}



	.layui-col-md-offset6 {

		margin-left: 50%

	}



	.layui-col-md-offset7 {

		margin-left: 58.33333333%

	}



	.layui-col-md-offset8 {

		margin-left: 66.66666667%

	}



	.layui-col-md-offset9 {

		margin-left: 75%

	}



	.layui-col-md-offset10 {

		margin-left: 83.33333333%

	}



	.layui-col-md-offset11 {

		margin-left: 91.66666667%

	}



	.layui-col-md-offset12 {

		margin-left: 100%

	}

}



@media screen and (min-width:1200px) {

	.layui-container {

		width: 1170px

	}



	.layui-col-lg1,.layui-col-lg10,.layui-col-lg11,.layui-col-lg12,.layui-col-lg2,.layui-col-lg3,.layui-col-lg4,.layui-col-lg5,.layui-col-lg6,.layui-col-lg7,.layui-col-lg8,.layui-col-lg9 {

		float: left

	}



	.layui-col-lg1 {

		width: 8.33333333%

	}



	.layui-col-lg2 {

		width: 16.66666667%

	}



	.layui-col-lg3 {

		width: 25%

	}



	.layui-col-lg4 {

		width: 33.33333333%

	}



	.layui-col-lg5 {

		width: 41.66666667%

	}



	.layui-col-lg6 {

		width: 50%

	}



	.layui-col-lg7 {

		width: 58.33333333%

	}



	.layui-col-lg8 {

		width: 66.66666667%

	}



	.layui-col-lg9 {

		width: 75%

	}



	.layui-col-lg10 {

		width: 83.33333333%

	}



	.layui-col-lg11 {

		width: 91.66666667%

	}



	.layui-col-lg12 {

		width: 100%

	}



	.layui-col-lg-offset1 {

		margin-left: 8.33333333%

	}



	.layui-col-lg-offset2 {

		margin-left: 16.66666667%

	}



	.layui-col-lg-offset3 {

		margin-left: 25%

	}



	.layui-col-lg-offset4 {

		margin-left: 33.33333333%

	}



	.layui-col-lg-offset5 {

		margin-left: 41.66666667%

	}



	.layui-col-lg-offset6 {

		margin-left: 50%

	}



	.layui-col-lg-offset7 {

		margin-left: 58.33333333%

	}



	.layui-col-lg-offset8 {

		margin-left: 66.66666667%

	}



	.layui-col-lg-offset9 {

		margin-left: 75%

	}



	.layui-col-lg-offset10 {

		margin-left: 83.33333333%

	}



	.layui-col-lg-offset11 {

		margin-left: 91.66666667%

	}



	.layui-col-lg-offset12 {

		margin-left: 100%

	}

}



.layui-col-space1 {

	margin: -.5px

}



.layui-col-space1>* {

	padding: .5px

}



.layui-col-space3 {

	margin: -1.5px

}



.layui-col-space3>* {

	padding: 1.5px

}



.layui-col-space5 {

	margin: -2.5px

}



.layui-col-space5>* {

	padding: 2.5px

}



.layui-col-space8 {

	margin: -3.5px

}



.layui-col-space8>* {

	padding: 3.5px

}



.layui-col-space10 {

	margin: -5px

}



.layui-col-space10>* {

	padding: 5px

}



.layui-col-space12 {

	margin: -6px

}



.layui-col-space12>* {

	padding: 6px

}



.layui-col-space15 {

	margin: -7.5px

}



.layui-col-space15>* {

	padding: 7.5px

}



.layui-col-space18 {

	margin: -9px

}



.layui-col-space18>* {

	padding: 9px

}



.layui-col-space20 {

	margin: -10px

}



.layui-col-space20>* {

	padding: 10px

}



.layui-col-space22 {

	margin: -11px

}



.layui-col-space22>* {

	padding: 11px

}



.layui-col-space25 {

	margin: -12.5px

}



.layui-col-space25>* {

	padding: 12.5px

}



.layui-col-space30 {

	margin: -15px

}



.layui-col-space30>* {

	padding: 15px

}



.layui-btn,.layui-input,.layui-select,.layui-textarea,.layui-upload-button {

	outline: 0;

	-webkit-transition: border-color .3s cubic-bezier(.65,.05,.35,.5);

	transition: border-color .3s cubic-bezier(.65,.05,.35,.5);

	box-sizing: border-box

}



.layui-elem-quote {

	margin-bottom: 10px;

	padding: 15px;

	line-height: 22px;

	border-left: 5px solid #009688;

	border-radius: 0 2px 2px 0;

	background-color: #f2f2f2

}



.layui-quote-nm {

	border-color: #e2e2e2;

	border-style: solid;

	border-width: 1px 1px 1px 5px;

	background: 0 0

}



.layui-elem-field {

	margin-bottom: 10px;

	padding: 0;

	border: 1px solid #e2e2e2

}



.layui-elem-field legend {

	margin-left: 20px;

	padding: 0 10px;

	font-size: 20px;

	font-weight: 300

}



.layui-field-title {

	margin: 10px 0 20px;

	border: none;

	border-top: 1px solid #e2e2e2

}



.layui-field-box {

	padding: 10px 15px

}



.layui-field-title .layui-field-box {

	padding: 10px 0

}



.layui-progress {

	position: relative;

	height: 6px;

	border-radius: 20px;

	background-color: #e2e2e2

}



.layui-progress-bar {

	position: absolute;

	width: 0;

	max-width: 100%;

	height: 6px;

	border-radius: 20px;

	text-align: right;

	background-color: #5FB878;

	transition: all .3s;

	-webkit-transition: all .3s

}



.layui-progress-big,.layui-progress-big .layui-progress-bar {

	height: 18px;

	line-height: 18px

}



.layui-progress-text {

	position: relative;

	top: -18px;

	line-height: 18px;

	font-size: 12px;

	color: #666

}



.layui-progress-big .layui-progress-text {

	position: static;

	padding: 0 10px;

	color: #fff

}



.layui-collapse {

	border: 1px solid #e2e2e2;

	border-radius: 2px

}



.layui-colla-item {

	border-top: 1px solid #e2e2e2

}



.layui-colla-item:first-child {

	border-top: none

}



.layui-colla-title {

	position: relative;

	height: 42px;

	line-height: 42px;

	padding: 0 15px 0 35px;

	color: #333;

	background-color: #f2f2f2;

	cursor: pointer

}



.layui-colla-content {

	display: none;

	padding: 10px 15px;

	line-height: 22px;

	border-top: 1px solid #e2e2e2;

	color: #666

}



.layui-bg-black,.layui-bg-blue,.layui-bg-cyan,.layui-bg-green,.layui-bg-orange,.layui-bg-red {

	color: #fff!important

}



.layui-colla-icon {

	position: absolute;

	left: 15px;

	top: 0;

	font-size: 14px

}



.layui-bg-red {

	background-color: #FF5722!important

}



.layui-bg-orange {

	background-color: #FFB800!important

}



.layui-bg-green {

	background-color: #009688!important

}



.layui-bg-cyan {

	background-color: #2F4056!important

}



.layui-bg-blue {

	background-color: #1E9FFF!important

}



.layui-bg-black {

	background-color: #2e3e4e!important

}



.layui-bg-gray {

	background-color: #eee!important;

	color: #666!important

}



.layui-text {

	line-height: 22px;

	font-size: 14px;

	color: #666

}



.layui-text h1,.layui-text h2,.layui-text h3 {

	font-weight: 500;

	color: #333

}



.layui-text h1 {

	font-size: 30px

}



.layui-text h2 {

	font-size: 24px

}



.layui-text h3 {

	font-size: 18px

}



.layui-text a {

	color: #01AAED

}



.layui-text a:hover {

	text-decoration: underline

}



.layui-text ul {

	padding: 5px 0 5px 15px

}



.layui-text ul li {

	margin-top: 5px;

	list-style-type: disc

}



.layui-text em,.layui-word-aux {

	color: #d74a4a!important;

	padding: 0 5px!important;

	font-size: 14px;



}

.layui-word-aux.reminder{

	font-size: 12px;

}

.layui-word-aux span{

	color: #999999!important;

}

.layui-btn {

	display: inline-block;

	height: 28px;

	line-height: 28px;

	padding: 0 28px;

	background-color: #1ab394;

	color: #fff;

	white-space: nowrap;

	text-align: center;

	font-size: 14px;

	border: none;

	border-radius: 2px;

	cursor: pointer;

	-webkit-transition: all 0.3s ease;

   -moz-transition: all 0.3s ease;

   transition: all 0.3s ease;

}



.layui-btn:hover {

	background: #11957a;

	color: #fff

}



.layui-btn:active {

	opacity: 1;

	filter: alpha(opacity=100)

}



.layui-btn+.layui-btn {

	margin-left: 10px

}



.layui-btn-radius {

	border-radius: 4px

}



.layui-btn .layui-icon {

	margin-right: 5px;

	font-size: 18px;

	vertical-align: middle;

	vertical-align: middle\9

}



.layui-btn-primary {

	border: 1px solid #999999;

	background-color: #fff;

	color: #999999

}



.layui-btn-primary:hover {

	border-color: #1ab394;

	

}



.layui-btn-normal {

	background-color: #1E9FFF

}



.layui-btn-warm {

	background-color: #FFB800

}



.layui-btn-danger {

	background-color: #FF5722

}



.layui-btn-disabled,.layui-btn-disabled:active,.layui-btn-disabled:hover {

	border: 1px solid #e6e6e6;

	background-color: #1ab394;

	color: #C9C9C9;

	cursor: not-allowed;

	opacity: 1

}



.layui-btn-big {

	height: 44px;

	line-height: 44px;

	padding: 0 25px;

	font-size: 16px

}



.layui-btn-small {

	height: 30px;

	line-height: 30px;

	padding: 0 10px;

	font-size: 12px

}



.layui-btn-small i {

	font-size: 16px!important

}



.layui-btn-mini {

	height: 22px;

	line-height: 22px;

	padding: 0 5px;

	font-size: 12px

}



.layui-btn-mini i {

	font-size: 14px!important

}



.layui-btn-group {

	display: inline-block;

	vertical-align: middle;

	font-size: 0

}



.layui-btn-group .layui-btn {

	margin-left: 0!important;

	margin-right: 0!important;

	border-left: 1px solid rgba(255,255,255,.5);

	border-radius: 0

}



.layui-btn-group .layui-btn-primary {

	border-left: none

}



.layui-btn-group .layui-btn-primary:hover {

	border-color: #C9C9C9;

	color: #009688

}



.layui-btn-group .layui-btn:first-child {

	border-left: none;

	border-radius: 2px 0 0 2px

}



.layui-btn-group .layui-btn-primary:first-child {

	border-left: 1px solid #c9c9c9

}



.layui-btn-group .layui-btn:last-child {

	border-radius: 0 2px 2px 0

}



.layui-btn-group .layui-btn+.layui-btn {

	margin-left: 0

}



.layui-btn-group+.layui-btn-group {

	margin-left: 10px

}



.layui-input,.layui-select,.layui-textarea {

	height: 34px;

	line-height: 34px;

	line-height: 34px\9;

	border: 1px solid #c9c9c9;

	background-color: #fff;

	border-radius: 4px

}



.layui-form-label,.layui-form-mid,.layui-textarea {

	line-height: 20px;

	position: relative

}



.layui-input,.layui-textarea {

	display: block;

	width: 100%;

	padding-left: 10px

}



.layui-input:hover,.layui-textarea:hover {

	border-color: #1ab394!important

}



.layui-input:focus,.layui-textarea:focus {

	border-color: #1ab394!important

}



.layui-textarea {

	min-height: 100px;

	height: auto;

	padding: 6px 10px;

	resize: vertical;



}



.layui-select {

	padding: 0 10px

}



.layui-form input[type=checkbox],.layui-form input[type=radio],.layui-form select {

	display: none

}



.layui-form-item {

	width: 100%;

	padding:14px 0;

	border-bottom: 1px dashed #dcdcdc;

	clear: both;

	*zoom: 1

}

.layui-form .layui-form-item:last-child{

	padding-bottom: 0;

	border-bottom: none;

}



.layui-form-item:after {

	content: '\20';

	clear: both;

	*zoom: 1;

	display: block;

	height: 0

}



.layui-form-label {

	float: left;

	display: block;

	padding: 7px 10px 7px 10px;

	width: 100px;

	font-weight: 400;

	text-align: right;

	color: #333333;

	font-size: 14px;

}



.layui-form-item .layui-inline {

	margin-bottom: 5px;

	margin-right: 10px

}



.layui-input-block,.layui-input-inline {

	position: relative

}



.layui-input-block {

	margin-left: 120px;

	min-height: 34px;

	width: calc(45.83333% - 90px);

    width: -moz-calc(45.83333% - 90px);

    width: -webkit-calc(45.83333% - 90px);

}



.layui-input-inline {

	display: inline-block;

	vertical-align: middle

}



.layui-form-item .layui-input-inline {

	float: left;

	width: 300px;

	margin-right: 10px

}



.layui-form-text .layui-input-inline {

	width: auto

}



.layui-form-mid {

	float: left;

	display: block;

	padding: 8px 0!important;

	margin-right: 10px

}



.layui-form-danger+.layui-form-select .layui-input,.layui-form-danger:focus {

	border: 1px solid #FF5722!important

}



.layui-form-select {

	position: relative

}



.layui-form-select .layui-input {

	padding-right: 30px;

	cursor: pointer

}



.layui-form-select .layui-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

}



.layui-form-select dl {

	display: none;

	position: absolute;

	left: 0;

	top: 42px;

	padding: 5px 0;

	z-index: 999;

	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

}



.layui-form-select dl dd,.layui-form-select dl dt {

	padding: 0 10px;

	line-height: 36px;

	white-space: nowrap;

	overflow: hidden;

	text-overflow: ellipsis

}



.layui-form-select dl dt {

	font-size: 12px;

	color: #999

}



.layui-form-select dl dd {

	cursor: pointer

}



.layui-form-select dl dd:hover {

	background-color: #f2f2f2;

	color: #1ab394

}



.layui-form-select .layui-select-group dd {

	padding-left: 20px

}



.layui-form-select dl dd.layui-select-tips {

	padding-left: 10px!important;

	color: #999

}



.layui-form-select dl dd.layui-this {

	background-color: #11957a;

	color: #fff

}



.layui-form-checkbox,.layui-form-select dl dd.layui-disabled {

	background-color: #fff

}



.layui-form-selected dl {

	display: block

}



.layui-form-checkbox,.layui-form-checkbox *,.layui-form-radio,.layui-form-radio *,.layui-form-switch {

	display: inline-block;

	vertical-align: middle

}



.layui-form-selected .layui-edge {

	margin-top: -9px;

	-webkit-transform: rotate(180deg);

	transform: rotate(180deg);

	margin-top: -3px\9

}



:root .layui-form-selected .layui-edge {

	margin-top: -9px\0/IE9

}



.layui-form-selectup dl {

	top: auto;

	bottom: 42px

}



.layui-select-none {

	margin: 5px 0;

	text-align: center;

	color: #999

}



.layui-select-disabled .layui-disabled {

	border-color: #eee!important

}



.layui-select-disabled .layui-edge {

	border-top-color: #d2d2d2

}



.layui-form-checkbox {

	position: relative;

	height: 14px;

	line-height: 14px;

	width:14px;

	border: 1px solid #999999;

	cursor: pointer;

	font-size: 0;

	border-radius: 2px;

	-webkit-transition: .1s linear;

	transition: .1s linear;

	box-sizing: border-box

}



.layui-form-checkbox:hover {

	border: 1px solid #c2c2c2

}



.layui-form-checkbox span {

	padding: 0 10px;

	height: 100%;

	font-size: 14px;

	background-color: #d2d2d2;

	color: #fff;

	overflow: hidden;

	white-space: nowrap;

	text-overflow: ellipsis

}



.layui-form-checkbox:hover span {

	background-color: #c2c2c2

}



.layui-form-checkbox i {

	position: absolute;

	left: 50%;

	margin-left: -9.375px;

	color: #fff;

	font-size: 12px;

	text-align: center

}



.layui-form-checkbox:hover i {

	color: #999999

}



.layui-form-checked,.layui-form-checked:hover {

	border-color: #1ab394;

	background-color: #1ab394



}



.layui-form-checked span,.layui-form-checked:hover span {

	background-color: #5FB878

}



.layui-form-checked i,.layui-form-checked:hover i {

	color: #fff;

}



.layui-form-item .layui-form-checkbox {

	margin-top: 4px

}



.layui-form-checkbox[lay-skin=primary] {

	height: auto!important;

	line-height: normal!important;

	border: none!important;

	margin-right: 0;

	padding-right: 0;

	background: 0 0

}



.layui-form-checkbox[lay-skin=primary] span {

	float: right;

	padding-right: 15px;

	line-height: 18px;

	background: 0 0;

	color: #666

}



.layui-form-checkbox[lay-skin=primary] i {

	position: relative;

	top: 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

}



.layui-form-checkbox[lay-skin=primary]:hover i {

	border-color: #5FB878;

	color: #fff

}



.layui-form-checked[lay-skin=primary] i {

	border-color: #5FB878;

	background-color: #5FB878;

	color: #fff

}



.layui-checkbox-disbaled[lay-skin=primary] span {

	background: 0 0!important

}



.layui-checkbox-disbaled[lay-skin=primary]:hover i {

	border-color: #d2d2d2

}



.layui-form-item .layui-form-checkbox[lay-skin=primary] {

	margin-top: 10px

}



.layui-form-switch {

	position: relative;

	height: 24px;

	line-height: 24px;

	width: 26px;

	padding: 0 5px;

	/*margin-top: 8px;*/

	background-color:#c9c7c7;

	border-radius: 20px;

	cursor: pointer;

	-webkit-transition: .1s linear;

	transition: .1s linear

}



.layui-form-switch i {

	position: absolute;

	left: 3px;

	top: 2px;

	width: 20px;

	height: 20px;

	border-radius: 20px;

	background-color: #fff;

	-webkit-transition: .1s linear;

	transition: .1s linear

}



.layui-form-switch em {

	position: absolute;

	right: 5px;

	top: 0;

	width: 25px;

	padding: 0!important;

	text-align: center!important;

	color: #999!important;

	font-style: normal!important;

	font-size: 12px

}



.layui-form-onswitch {

	border-color: #1ab394;

	background-color: #1ab394

}



.layui-form-onswitch i {

	left: 14px;

	background-color: #fff

}



.layui-form-onswitch em {

	left: 5px;

	right: auto;

	color: #fff!important

}



.layui-checkbox-disbaled {

	border-color: #e2e2e2!important

}



.layui-checkbox-disbaled span {

	background-color: #e2e2e2!important

}



.layui-checkbox-disbaled:hover i {

	color: #fff!important

}



.layui-form-radio {

	line-height: 28px;

	margin: 6px 10px 0 0;

	padding-right: 10px;

	cursor: pointer;

	font-size: 0

}



.layui-form-radio i {

	margin-right: 8px;

	font-size: 22px;

	color: #c2c2c2

}



.layui-form-radio span {

	font-size: 14px

}



.layui-form-radio i:hover,.layui-form-radioed i {

	color: #5FB878

}



.layui-radio-disbaled i {

	color: #e2e2e2!important

}



.layui-form-pane .layui-form-label {

	width: 110px;

	padding: 8px 15px;

	height: 38px;

	line-height: 20px;

	border: 1px solid #e6e6e6;

	border-radius: 2px 0 0 2px;

	text-align: center;

	background-color: #FBFBFB;

	overflow: hidden;

	white-space: nowrap;

	text-overflow: ellipsis;

	box-sizing: border-box

}



.layui-form-pane .layui-input-inline {

	margin-left: -1px

}



.layui-form-pane .layui-input-block {

	margin-left: 110px;

	left: -1px

}



.layui-form-pane .layui-input {

	border-radius: 0 2px 2px 0

}



.layui-form-pane .layui-form-text .layui-form-label {

	float: none;

	width: 100%;

	border-right: 1px solid #e6e6e6;

	border-radius: 2px;

	box-sizing: border-box;

	text-align: left

}



.layui-form-pane .layui-form-text .layui-input-inline {

	display: block;

	margin: 0;

	top: -1px;

	clear: both

}



.layui-form-pane .layui-form-text .layui-input-block {

	margin: 0;

	left: 0;

	top: -1px

}



.layui-form-pane .layui-form-text .layui-textarea {

	min-height: 100px;

	border-radius: 0 0 2px 2px

}



.layui-form-pane .layui-form-checkbox {

	margin: 4px 0 4px 10px

}



.layui-form-pane .layui-form-radio,.layui-form-pane .layui-form-switch {

	margin-top: 6px;

	margin-left: 10px

}



.layui-form-pane .layui-form-item[pane] {

	position: relative;

	border: 1px solid #e6e6e6

}



.layui-form-pane .layui-form-item[pane] .layui-form-label {

	position: absolute;

	left: 0;

	top: 0;

	height: 100%;

	border-width: 0 1px 0 0

}



.layui-form-pane .layui-form-item[pane] .layui-input-inline {

	margin-left: 110px

}



@media screen and (max-width:450px) {

	.layui-form-item .layui-form-label {

		text-overflow: ellipsis;

		overflow: hidden;

		white-space: nowrap

	}



	.layui-form-item .layui-inline {

		display: block;

		margin-right: 0;

		margin-bottom: 20px;

		clear: both

	}



	.layui-form-item .layui-inline:after {

		content: '\20';

		clear: both;

		display: block;

		height: 0

	}



	.layui-form-item .layui-input-inline {

		display: block;

		float: none;

		left: -3px;

		width: auto;

		margin: 0 0 10px 112px

	}



	.layui-form-item .layui-input-inline+.layui-form-mid {

		margin-left: 110px;

		top: -5px;

		padding: 0

	}



	.layui-form-item .layui-form-checkbox {

		margin-right: 5px;

		margin-bottom: 5px

	}

}



.layui-layedit {

	border: 1px solid #d2d2d2;

	border-radius: 2px

}



.layui-layedit-tool {

	padding: 3px 5px;

	border-bottom: 1px solid #e2e2e2;

	font-size: 0

}



.layedit-tool-fixed {

	position: fixed;

	top: 0;

	border-top: 1px solid #e2e2e2

}



.layui-layedit-tool .layedit-tool-mid,.layui-layedit-tool .layui-icon {

	display: inline-block;

	vertical-align: middle;

	text-align: center;

	font-size: 14px

}



.layui-layedit-tool .layui-icon {

	position: relative;

	width: 32px;

	height: 30px;

	line-height: 30px;

	margin: 3px 5px;

	color: #777;

	cursor: pointer;

	border-radius: 2px

}



.layui-layedit-tool .layui-icon:hover {

	color: #393D49

}



.layui-layedit-tool .layui-icon:active {

	color: #000

}



.layui-layedit-tool .layedit-tool-active {

	background-color: #e2e2e2;

	color: #000

}



.layui-layedit-tool .layui-disabled,.layui-layedit-tool .layui-disabled:hover {

	color: #d2d2d2;

	cursor: not-allowed

}



.layui-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

}



.layui-layedit-iframe iframe {

	display: block;

	width: 100%

}



#LAY_layedit_code {

	overflow: hidden

}



.layui-laypage {

	display: inline-block;

	*display: inline;

	*zoom: 1;

	vertical-align: middle;

	margin: 3px 0;

	font-size: 0

}



.layui-laypage>a:first-child,.layui-laypage>a:first-child em {

	/*border-radius: 2px 0 0 2px*/

}



.layui-laypage>a:last-child,.layui-laypage>a:last-child em {

	/*border-radius: 0 2px 2px 0*/

}



.layui-laypage>:first-child {

	margin-left: 0!important

}



.layui-laypage>:last-child {

	margin-right: 0!important

}



.layui-laypage a,.layui-laypage button,.layui-laypage input,.layui-laypage select,.layui-laypage span {

	border: 1px solid #e2e2e2

}



.layui-laypage a{

	border-right:1px solid #dddddd;

	border-left:none;

}

.layui-laypage a.layui-laypage-prev{

	border-left:1px solid #dddddd;

}

.layui-laypage a,.layui-laypage span {

	display: inline-block;

	*display: inline;

	*zoom: 1;

	vertical-align: middle;

	width:26px;

	height: 26px;

	line-height: 28px;

	text-align: center;

	background-color: #fff;

	color: #1ab394;

	font-size: 12px

}

.layui-laypage .layui-laypage-count,.layui-laypage .layui-laypage-limits,.layui-laypage .layui-laypage-skip

{

	width:auto !important;

}

.layui-laypage a:hover {

	color: #fff;

	background-color: #1ab394;

	border-color:#1ab394;

}



.layui-laypage em {

	font-style: normal

}



.layui-laypage .layui-laypage-spr {

	color: #999;

	font-weight: 700

}



.layui-laypage a {

	text-decoration: none

}



.layui-laypage .layui-laypage-curr {

	position: relative

}



.layui-laypage .layui-laypage-curr em {

	position: relative;

	color: #fff

}



.layui-laypage .layui-laypage-curr .layui-laypage-em {

	position: absolute;

	left: -1px;

	top: -1px;

	padding: 1px;

	width: 100%;

	height: 100%;

	background-color: #1ab394;

	border-color:#1ab394;

}



.layui-laypage-em {

	/*border-radius: 2px*/

}



.layui-laypage-next em,.layui-laypage-prev em {

	font-family: Sim sun;

	font-size: 16px

}



.layui-laypage .layui-laypage-count,.layui-laypage .layui-laypage-limits,.layui-laypage .layui-laypage-skip {

	margin-left: 10px;

	margin-right: 10px;

	padding: 0;

	border: none

}



.layui-laypage .layui-laypage-limits {

	vertical-align: top

}



.layui-laypage select {

	height: 22px;

	padding: 3px;

	border-radius: 2px;

	cursor: pointer

}



.layui-laypage .layui-laypage-skip {

	height: 30px;

	line-height: 30px;

	color: #999

}



.layui-laypage button,.layui-laypage input {

	height: 30px;

	line-height: 30px;

	border-radius: 2px;

	vertical-align: top;

	background-color: #fff;

	box-sizing: border-box

}



.layui-laypage input {

	display: inline-block;

	width: 40px;

	margin: 0 10px;

	padding: 0 3px;

	text-align: center

}



.layui-laypage input:focus,.layui-laypage select:focus {

	border-color: #009688!important

}



.layui-laypage button {

	margin-left: 10px;

	padding: 0 10px;

	cursor: pointer

}



.layui-flow-more {

	margin: 10px 0;

	text-align: center;

	color: #999;

	font-size: 14px

}



.layui-flow-more a {

	height: 32px;

	line-height: 32px

}



.layui-flow-more a * {

	display: inline-block;

	vertical-align: top

}



.layui-flow-more a cite {

	padding: 0 20px;

	border-radius: 3px;

	background-color: #eee;

	color: #333;

	font-style: normal

}



.layui-flow-more a cite:hover {

	opacity: .8

}



.layui-flow-more a i {

	font-size: 30px;

	color: #737383

}



.layui-table {

	width: 100%;

	margin: 10px 0;

	background-color: #fff

}



.layui-table tr {

	transition: all .3s;

	-webkit-transition: all .3s;



}



.layui-table thead tr,.layui-table-fixed-l tr,.layui-table-header,.layui-table-mend,.layui-table-patch,.layui-table-tool {

	background-color: #1ab394

}



.layui-table th {

	text-align: center;

	font-weight: 400

}



.layui-table td,.layui-table th,.layui-table-header,.layui-table-tool,.layui-table-view,.layui-table[lay-skin=row],.layui-table[lay-skin=line] {

	border: 1px solid #e6e8e8

}



.layui-table td,.layui-table th {

	position: relative;

	padding: 9px 15px;

	min-height: 20px;

	line-height: 20px;

	font-size: 14px;

	text-align: center;

	color: #333333;

}

.layui-table td{

	padding:3px 15px;

	height: 40px;

	box-sizing: border-box;

	-webkit-box-sizing: border-box;

	-moz-box-sizing: border-box;

}

.layui-table th{

	border: 1px solid #1ec9a6;

	color: #ffffff;

}



.layui-table[lay-even] tr:nth-child(even) {

	background-color: #f8f8f8;

}



.layui-table tbody tr:hover,.layui-table-hover {

	background-color: #f5f5f5!important

}



.layui-table-click {

	background-color: #FFEEE8!important

}



.layui-table[lay-skin=line] td,.layui-table[lay-skin=line] th {

	border-width: 0 0 1px

}



.layui-table[lay-skin=row] td,.layui-table[lay-skin=row] th {

	border-width: 0 1px 0 0

}



.layui-table[lay-skin=nob] td,.layui-table[lay-skin=nob] th {

	border: none

}



.layui-table img {

	max-width: 100px

}



.layui-table[lay-size=lg] td,.layui-table[lay-size=lg] th {

	padding: 15px 30px

}



.layui-table-view .layui-table[lay-size=lg] .layui-table-cell {

	height: 40px;

	line-height: 40px

}



.layui-table[lay-size=sm] td,.layui-table[lay-size=sm] th {

	font-size: 12px;

	padding: 5px 10px

}



.layui-table-view .layui-table[lay-size=sm] .layui-table-cell {

	height: 20px;

	line-height: 20px

}



.layui-table[lay-data] {

	display: none

}



.layui-table-view {

	position: relative;

	margin: 10px 0;

	overflow: hidden

}



.layui-table-view .layui-table {

	position: relative;

	width: auto;

	margin: 0

}



.layui-table-body,.layui-table-header .layui-table {

	margin-bottom: -1px

}



.layui-table-view .layui-table[lay-skin=line] {

	border-width: 0 1px 0 0

}



.layui-table-view .layui-table[lay-skin=row] {

	border-width: 0 0 1px

}



.layui-table-view .layui-table td,.layui-table-view .layui-table th {

	padding: 5px 0;

	border-top: none;

	border-left: none

}



.layui-table-view .layui-table td {

	cursor: default

}



.layui-table-view .layui-form-checkbox[lay-skin=primary] i {

	width: 18px;

	height: 18px

}



.layui-table-header {

	border-width: 0 0 1px;

	overflow: hidden

}



.layui-table-sort {

	width: 20px;

	height: 20px;

	margin-left: 5px;

	cursor: pointer!important

}



.layui-table-sort .layui-edge {

	left: 5px;

	border-width: 5px

}



.layui-table-sort .layui-table-sort-asc {

	top: 4px;

	border-top: none;

	border-bottom-style: solid;

	border-bottom-color: #b2b2b2

}



.layui-table-sort .layui-table-sort-asc:hover {

	border-bottom-color: #666

}



.layui-table-sort .layui-table-sort-desc {

	bottom: 4px;

	border-bottom: none;

	border-top-style: solid;

	border-top-color: #b2b2b2

}



.layui-table-sort .layui-table-sort-desc:hover {

	border-top-color: #666

}



.layui-table-sort[lay-sort=asc] .layui-table-sort-asc {

	border-bottom-color: #000

}



.layui-table-sort[lay-sort=desc] .layui-table-sort-desc {

	border-top-color: #000

}



.layui-table-cell {

	height: 28px;

	line-height: 28px;

	padding: 0 15px;

	position: relative;

	overflow: hidden;

	text-overflow: ellipsis;

	white-space: nowrap;

	box-sizing: border-box

}



.layui-table-cell .layui-form-checkbox {

	top: -1px

}



.layui-table-cell .layui-table-link {

	color: #01AAED

}



.layui-table-body {

	position: relative;

	overflow: auto;

	margin-right: -1px

}



.layui-table-body .layui-none {

	line-height: 40px;

	text-align: center;

	color: #999

}



.layui-table-fixed {

	position: absolute;

	left: 0;

	top: 0

}



.layui-table-fixed .layui-table-body {

	overflow: hidden

}



.layui-table-fixed-r {

	left: auto;

	right: -1px;

	box-shadow: -1px 0 8px rgba(0,0,0,.1)

}



.layui-table-fixed-r td,.layui-table-fixed-r th {

	border-left: 1px solid #e2e2e2!important

}



.layui-table-fixed-r .layui-table-header {

	position: relative;

	overflow: visible

}



.layui-table-mend {

	position: absolute;

	right: -49px;

	top: 0;

	height: 100%;

	width: 50px

}



.layui-table-tool {

	position: relative;

	top: 1px;

	width: 100%;

	padding: 7px 10px 0 0;

	border-width: 1px 0 0;

	height: 41px;

	font-size: 12px;

	white-space: nowrap

}



.layui-table-tool:hover {

	overflow-x: auto

}



.layui-table-page {

	height: 26px

}



.layui-table-tool .layui-laypage {

	margin: 0

}



.layui-table-tool .layui-laypage a,.layui-table-tool .layui-laypage span {

	height: 26px;

	line-height: 26px;

	border: none;

	background: 0 0;

	padding: 0 12px

}



.layui-table-tool .layui-laypage .layui-laypage-count,.layui-table-tool .layui-laypage .layui-laypage-limits,.layui-table-tool .layui-laypage .layui-laypage-skip {

	margin-left: 0;

	padding: 0

}



.layui-table-tool .layui-laypage .layui-laypage-total {

	padding: 0 10px

}



.layui-table-tool .layui-laypage .layui-laypage-spr {

	padding: 0

}



.layui-table-tool .layui-laypage button,.layui-table-tool .layui-laypage input {

	height: 26px;

	line-height: 26px

}



.layui-table-tool .layui-laypage input {

	width: 40px

}



.layui-table-tool .layui-laypage button {

	padding: 0 10px

}



.layui-table-view select[lay-ignore] {

	display: inline-block

}



.layui-table-tool select {

	height: 18px

}



.layui-table-patch .layui-table-cell {

	padding: 0;

	width: 30px

}



.layui-table-edit {

	position: absolute;

	left: 0;

	top: 0;

	width: 100%;

	height: 100%;

	padding: 0 15px 1px;

	border: none

}



.layui-table-edit:focus {

	background-color: #F0F9F2

}



body .layui-table-tips .layui-layer-content {

	background: 0 0;

	padding: 0;

	box-shadow: 0 1px 6px rgba(0,0,0,.1)

}



.layui-table-tips-main {

	margin: -44px 0 0 -1px;

	max-height: 150px;

	padding: 8px 15px;

	font-size: 14px;

	overflow-y: scroll;

	background-color: #fff;

	color: #333;

	border: 1px solid #e2e2e2

}



.layui-code,.layui-upload-list {

	margin: 10px 0

}



.layui-table-tips-c {

	position: absolute;

	right: -3px;

	top: -12px;

	width: 18px;

	height: 18px;

	padding: 3px;

	text-align: center;

	font-weight: 700;

	border-radius: 100%;

	font-size: 16px;

	cursor: pointer;

	background-color: #666

}



.layui-table-tips-c:hover {

	background-color: #999

}



.layui-upload-file {

	display: none!important;

	opacity: .01;

	filter: Alpha(opacity=1)

}



.layui-upload-drag,.layui-upload-form,.layui-upload-wrap {

	display: inline-block

}



.layui-upload-choose {

	padding: 0 10px;

	color: #999

}



.layui-upload-drag {

	position: relative;

	padding: 30px;

	border: 1px dashed #e2e2e2;

	background-color: #fff;

	text-align: center;

	cursor: pointer;

	color: #999

}



.layui-upload-drag .layui-icon {

	font-size: 50px;

	color: #009688

}



.layui-upload-drag[lay-over] {

	border-color: #009688

}



.layui-upload-iframe {

	position: absolute;

	width: 0;

	height: 0;

	border: 0;

	visibility: hidden

}



.layui-upload-wrap {

	position: relative;

	vertical-align: middle

}



.layui-upload-wrap .layui-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

}



.layui-code {

	position: relative;

	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

}



.layui-tree {

	line-height: 26px

}



.layui-tree li {

	text-overflow: ellipsis;

	overflow: hidden;

	white-space: nowrap

}



.layui-tree li .layui-tree-spread,.layui-tree li a {

	display: inline-block;

	vertical-align: top;

	height: 26px;

	*display: inline;

	*zoom: 1;

	cursor: pointer

}



.layui-tree li a {

	font-size: 0

}



.layui-tree li a i {

	font-size: 16px

}



.layui-tree li a cite {

	padding: 0 6px;

	font-size: 14px;

	font-style: normal

}



.layui-tree li i {

	padding-left: 6px;

	color: #333;

	-moz-user-select: none

}



.layui-tree li .layui-tree-check {

	font-size: 13px

}



.layui-tree li .layui-tree-check:hover {

	color: #009E94

}



.layui-tree li ul {

	display: none;

	margin-left: 20px

}



.layui-tree li .layui-tree-enter {

	line-height: 24px;

	border: 1px dotted #000

}



.layui-tree-drag {

	display: none;

	position: absolute;

	left: -666px;

	top: -666px;

	background-color: #f2f2f2;

	padding: 5px 10px;

	border: 1px dotted #000;

	white-space: nowrap

}



.layui-tree-drag i {

	padding-right: 5px

}



.layui-nav {

	position: relative;

	padding: 0 20px;

	background-color: #2e3e4e;

	color: #fff;

	border-radius: 2px;

	font-size: 0;

	box-sizing: border-box

}



.layui-nav * {

	font-size: 14px

}



.layui-nav .layui-nav-item {

	position: relative;

	display: inline-block;

	*display: inline;

	*zoom: 1;

	vertical-align: middle;

	line-height: 60px

}



.layui-nav .layui-nav-item a {

	display: block;

	padding: 0 20px;

	color: #fff;

	-webkit-transition: all .3s ease;

	-moz-transition: all .3s ease;

	transition: all .3s ease;

}

.layui-side .layui-nav .layui-nav-item>a {

	padding-left:10px;

}

.layui-side .layui-nav .layui-nav-item .layui-nav-child a{

	padding-left:40px;

	-webkit-transition: all .3s ease;

	-moz-transition: all .3s ease;

	transition: all .3s ease;

}

.layui-nav .layui-this:after,.layui-nav-bar,.layui-nav-tree .layui-nav-cur:after {

	position: absolute;

	left: 0;

	top: 0;

	width: 0;

	height: 5px;

	background-color: #5FB878;

	transition: all .2s;

	-webkit-transition: all .2s

}



.layui-nav-bar {

	z-index: 1000;

	display: none;

}



.layui-nav .layui-nav-item >a:hover,.layui-nav .layui-this> a {

	color: #1ab394;

}



.layui-nav .layui-this:after {

	content: '';

	top: auto;

	bottom: 0;

	width: 100%

}



.layui-nav-img {

	width: 30px;

	height: 30px;

	margin-right: 10px;

	border-radius: 50%

}



.layui-nav .layui-nav-more:before, .layui-nav .layui-nav-more:after {

	content:'';

    height:2px; 

    width:8px; 

    display:block; 

    background:#333; 

    position:absolute; 

    top:50%;

    margin-top:-1px; 

    right:30px;

    background: #fff;

}

.layui-nav .layui-nav-more:after{

	height:8px; 

    width:2px;  

    top:50%;

    margin-top:-4px; 

    right:33px;   

}



.layui-nav-cur .layui-nav-more:after {

    height:0px;  

}



.layui-nav-child {

	box-shadow: 0 2px 4px rgba(0,0,0,.12);

	border: 1px solid #d2d2d2;

	background-color: #fff;

	z-index: 100;

	border-radius: 2px;

	white-space: nowrap;

	display: none;

}

.layui-layout-right .layui-nav-child{

	position: absolute;

	left:24px;

	top:55px;



    line-height: 36px;

}

.layui-nav .layui-nav-child a {

	color: #333

}



.layui-nav .layui-nav-child a:hover {

	background-color: #f2f2f2

}



.layui-nav-child dd {

	position: relative;

}



/*.layui-nav .layui-nav-child dd.layui-this a,.layui-nav-child dd.layui-this {

	background-color: #5FB878;

	color: #fff

}*/



.layui-nav-child dd.layui-this:after {

	display: none

}



.layui-nav-tree {

	width: 200px;

	padding: 0;

	border-bottom:1px solid #475765;

}



.layui-nav-tree .layui-nav-item {

	display: block;

	width: 100%;

	line-height: 47px;

	overflow:hidden;

}



.layui-nav-tree .layui-nav-item a {

	height: 47px;

	

}



.layui-nav-tree .layui-nav-item>a{

	border-top:1px solid #475765;

	position: relative;

}

.layui-nav-item>a{

	border-left: 4px solid transparent;

}

.layui-nav-tree .layui-nav-item>a:before{

	content: '';

	width: 11px;

	height: 10px;

	display: inline-block;

	margin-right:15px;

	background: url(../images/menu.png) no-repeat;

}

.layui-nav-tree .layui-nav-item.layui-nav-cur>a:before{

	opacity: 0;

	filter: alpha(opacity=0);

}

.layui-nav-tree .layui-nav-item:not(.layui-nav-cur)>a:hover {

	background-color: #1b2939;

	

}



.sp{

      position: absolute;

      top: 0px;

      left: 0px;

      background: rgba(255,255,255,0.1);

      width:1px;

      height: 1px;

      z-index: 999;

      border-radius: 50%; 

      animation: anima 1s linear;  

      -webkit-animation: anima 0.6s linear;  

      -moz-animation: anima 0.6s linear;  

}



@keyframes anima{

	from{

		transform: scale(1);

		opacity: 1;

	}

	to{ 

		transform: scale(400);

		opacity: 0;

	}

}



/*.layui-nav-tree .layui-nav-bar {

	width: 0px;

	height: 0;

	background-color: #009688

}



/*.layui-nav-tree .layui-nav-child dd.layui-this,.layui-nav-tree .layui-nav-child dd.layui-this a,.layui-nav-tree .layui-this>a:hover {

	background-color: #009688;

	color: #fff

}*/

.layui-nav-tree .layui-nav-child dd.layui-this,.layui-nav-tree .layui-nav-child dd.layui-this a,.layui-nav-tree .layui-nav-child dd a:hover {

	color: #08e6c1;

	background-color: #1e2e3f;

}

.layui-nav-tree .layui-this:after {

	display: none

}

.layui-nav-tree .layui-nav-child .layui-this a:before{

	background: url(../images/right_icon2.png) no-repeat;

}

.layui-nav-cur>a,.layui-nav-tree .layui-nav-title a,.layui-nav-tree .layui-nav-title a:hover {

	color: #fff!important

}



.layui-nav-cur>a{

	background: #1ab394;

	border-top:1px solid transparent;

	border-left:4px solid #08775c;

}



.layui-nav-tree .layui-nav-child {

	position: relative;

	border: none;

	box-shadow: none;

}



.layui-nav-tree .layui-nav-child a {

	height: 40px;

	line-height: 40px;

	color: #fff;

	

}



.layui-nav-tree .layui-nav-child a:before{

	content: '';

    width: 4px;

    height: 7px;

    display: inline-block;

   	background: url(../images/right_icon.png) no-repeat;

    overflow: hidden;

    cursor: pointer;

    -webkit-transition: all .3s ease;

	-moz-transition: all .3s ease;

	transition: all .3s ease;

    margin-right: 9px;

    vertical-align: middle;

    margin-top:-4px;

   

}

.layui-nav-tree .layui-nav-child a:hover:before{

	background: url(../images/right_icon2.png) no-repeat;

}



.layui-nav-tree .layui-nav-child,.layui-nav-tree .layui-nav-child a:hover {

	background: 0 0;

	opacity: 1

}



.layui-nav-tree .layui-nav-more {

	top: 19.5px;

	right: 30px

}



.layui-nav-cur .layui-nav-more {

	top: 19.5px

}



/*.layui-nav-cur .layui-nav-child {

	display: block;

	padding: 0;

	background-color:#1e2e3f;

	

}

*/

.layui-nav-side {

	position: fixed;

	top: 0;

	bottom: 0;

	left: 0;

	overflow-x: hidden;

	z-index: 999

}



.layui-bg-blue .layui-nav-bar,.layui-bg-blue .layui-nav-cur:after,.layui-bg-blue .layui-this:after {

	background-color: #93D1FF

}



.layui-bg-blue .layui-nav-child dd.layui-this {

	background-color: #1E9FFF

}



.layui-bg-blue .layui-nav-cur>a,.layui-nav-tree.layui-bg-blue .layui-nav-title a,.layui-nav-tree.layui-bg-blue .layui-nav-title a:hover {

	background-color: #007DDB!important

}



.layui-breadcrumb {

	visibility: hidden;

	font-size: 0

}



.layui-breadcrumb a {

	padding-right: 8px;

	line-height: 22px;

	font-size: 14px;

	color: #333!important

}



.layui-breadcrumb a:hover {

	color: #01AAED!important

}



.layui-breadcrumb a cite,.layui-breadcrumb a span {

	color: #666;

	cursor: text;

	font-style: normal

}



.layui-breadcrumb a span {

	padding-left: 8px;

	font-family: Sim sun

}



.layui-tab {

	margin: 10px 0;

	text-align: left!important

}



.layui-tab[overflow]>.layui-tab-title {

	overflow: hidden

}



.layui-tab-title {

	position: relative;

	left: 0;

	height: 40px;

	white-space: nowrap;

	font-size: 0;

	border-bottom: 1px solid #e2e2e2;

	transition: all .2s;

	-webkit-transition: all .2s

}



.layui-tab-title li {

	display: inline-block;

	*display: inline;

	*zoom: 1;

	vertical-align: middle;

	font-size: 14px;

	transition: all .2s;

	-webkit-transition: all .2s;

	position: relative;

	line-height: 40px;

	min-width: 65px;

	padding: 0 15px;

	text-align: center;

	cursor: pointer

}



.layui-tab-title li a {

	display: block

}



.layui-tab-title .layui-this {

	color: #000

}



.layui-tab-title .layui-this:after {

	position: absolute;

	left: 0;

	top: 0;

	content: '';

	width: 100%;

	height: 41px;

	border: 1px solid #e2e2e2;

	border-bottom-color: #fff;

	border-radius: 2px 2px 0 0;

	box-sizing: border-box;

	pointer-events: none

}



.layui-tab-bar {

	position: absolute;

	right: 0;

	top: 0;

	z-index: 10;

	width: 30px;

	height: 39px;

	line-height: 39px;

	border: 1px solid #e2e2e2;

	border-radius: 2px;

	text-align: center;

	background-color: #fff;

	cursor: pointer

}



.layui-tab-bar .layui-icon {

	position: relative;

	display: inline-block;

	top: 3px;

	transition: all .3s;

	-webkit-transition: all .3s

}



.layui-tab-item {

	display: none

}



.layui-tab-more {

	padding-right: 30px;

	height: auto!important;

	white-space: normal!important

}



.layui-tab-more li.layui-this:after {

	border-bottom-color: #e2e2e2;

	border-radius: 2px

}



.layui-tab-more .layui-tab-bar .layui-icon {

	top: -2px;

	top: 3px\9;

	-webkit-transform: rotate(180deg);

	transform: rotate(180deg)

}



:root .layui-tab-more .layui-tab-bar .layui-icon {

	top: -2px\0/IE9

}



.layui-tab-title li .layui-tab-close {

	position: relative;

	display: inline-block;

	width: 18px;

	height: 18px;

	line-height: 20px;

	margin-left: 8px;

	top: 1px;

	text-align: center;

	font-size: 14px;

	color: #c2c2c2;

	transition: all .2s;

	-webkit-transition: all .2s

}



.layui-tab-title li .layui-tab-close:hover {

	border-radius: 2px;

	background-color: #FF5722;

	color: #fff

}



.layui-tab-brief>.layui-tab-title .layui-this {

	color: #009688

}



.layui-tab-brief>.layui-tab-more li.layui-this:after,.layui-tab-brief>.layui-tab-title .layui-this:after {

	border: none;

	border-radius: 0;

	border-bottom: 2px solid #5FB878

}



.layui-tab-brief[overflow]>.layui-tab-title .layui-this:after {

	top: -1px

}



.layui-tab-card {

	border: 1px solid #e2e2e2;

	border-radius: 2px;

	box-shadow: 0 2px 5px 0 rgba(0,0,0,.1)

}



.layui-tab-card>.layui-tab-title {

	background-color: #f2f2f2

}



.layui-tab-card>.layui-tab-title li {

	margin-right: -1px;

	margin-left: -1px

}



.layui-tab-card>.layui-tab-title .layui-this {

	background-color: #fff

}



.layui-tab-card>.layui-tab-title .layui-this:after {

	border-top: none;

	border-width: 1px;

	border-bottom-color: #fff

}



.layui-tab-card>.layui-tab-title .layui-tab-bar {

	height: 40px;

	line-height: 40px;

	border-radius: 0;

	border-top: none;

	border-right: none

}



.layui-tab-card>.layui-tab-more .layui-this {

	background: 0 0;

	color: #5FB878

}



.layui-tab-card>.layui-tab-more .layui-this:after {

	border: none

}



.layui-timeline {

	padding-left: 5px

}



.layui-timeline-item {

	position: relative;

	padding-bottom: 20px

}



.layui-timeline-axis {

	position: absolute;

	left: -5px;

	top: 0;

	z-index: 10;

	width: 20px;

	height: 20px;

	line-height: 20px;

	background-color: #fff;

	color: #5FB878;

	border-radius: 50%;

	text-align: center;

	cursor: pointer

}



.layui-timeline-axis:hover {

	color: #FF5722

}



.layui-timeline-item:before {

	content: '';

	position: absolute;

	left: 5px;

	top: 0;

	z-index: 0;

	width: 1px;

	height: 100%;

	background-color: #e2e2e2

}



.layui-timeline-item:last-child:before {

	display: none

}



.layui-timeline-item:first-child:before {

	display: block

}



.layui-timeline-content {

	padding-left: 25px

}



.layui-badge,.layui-badge-rim {

	line-height: 18px;

	padding: 0 5px

}



.layui-timeline-title {

	position: relative;

	margin-bottom: 10px

}



.layui-badge,.layui-badge-dot,.layui-badge-rim {

	position: relative;

	display: inline-block;

	font-size: 12px;

	background-color: #FF5722;

	color: #fff

}



.layui-badge {

	min-width: 8px;

	height: 18px;

	text-align: center;

	border-radius: 9px

}



.layui-badge-dot {

	width: 8px;

	height: 8px;

	border-radius: 50%

}



.layui-badge-rim {

	height: 18px;

	border: 1px solid #e2e2e2;

	border-radius: 3px;

	background-color: #fff;

	color: #666

}



.layui-btn .layui-badge,.layui-btn .layui-badge-dot {

	margin-left: 5px

}



.layui-nav .layui-badge,.layui-nav .layui-badge-dot {

	position: absolute;

	top: 50%;

	margin: -10px 6px 0

}



.layui-tab-title .layui-badge,.layui-tab-title .layui-badge-dot {

	left: 5px;

	top: -2px

}



.layui-carousel {

	position: relative;

	left: 0;

	top: 0;

	background-color: #f2f2f2

}



.layui-carousel>[carousel-item] {

	position: relative;

	width: 100%;

	height: 100%;

	overflow: hidden

}



.layui-carousel>[carousel-item]:before {

	position: absolute;

	content: '\e63d';

	left: 50%;

	top: 50%;

	width: 100px;

	line-height: 20px;

	margin: -10px 0 0 -50px;

	text-align: center;

	color: #999;

	font-family: layui-icon!important;

	font-size: 20px;

	font-style: normal;

	-webkit-font-smoothing: antialiased;

	-moz-osx-font-smoothing: grayscale

}



.layui-carousel>[carousel-item]>* {

	display: none;

	position: absolute;

	left: 0;

	top: 0;

	width: 100%;

	height: 100%;

	background-color: #f2f2f2;

	transition-duration: .3s;

	-webkit-transition-duration: .3s

}



.layui-carousel-updown>* {

	-webkit-transition: .3s ease-in-out up;

	transition: .3s ease-in-out up

}



.layui-carousel-arrow {

	display: none\9;

	opacity: 0;

	position: absolute;

	left: 10px;

	top: 50%;

	margin-top: -18px;

	width: 36px;

	height: 36px;

	line-height: 36px;

	text-align: center;

	font-size: 20px;

	border: 0;

	border-radius: 50%;

	background-color: rgba(0,0,0,.2);

	color: #fff;

	-webkit-transition-duration: .3s;

	transition-duration: .3s;

	cursor: pointer

}



.layui-carousel-arrow[lay-type=add] {

	left: auto!important;

	right: 10px

}



.layui-carousel:hover .layui-carousel-arrow[lay-type=add],.layui-carousel[lay-arrow=always] .layui-carousel-arrow[lay-type=add] {

	right: 20px

}



.layui-carousel[lay-arrow=always] .layui-carousel-arrow {

	opacity: 1;

	left: 20px

}



.layui-carousel[lay-arrow=none] .layui-carousel-arrow {

	display: none

}



.layui-carousel-arrow:hover,.layui-carousel-ind ul:hover {

	background-color: rgba(0,0,0,.35)

}



.layui-carousel:hover .layui-carousel-arrow {

	display: block\9;

	opacity: 1;

	left: 20px

}



.layui-carousel-ind {

	position: relative;

	top: -35px;

	width: 100%;

	line-height: 0!important;

	text-align: center;

	font-size: 0

}



.layui-carousel[lay-indicator=outside] {

	margin-bottom: 30px

}



.layui-carousel[lay-indicator=outside] .layui-carousel-ind {

	top: 10px

}



.layui-carousel[lay-indicator=outside] .layui-carousel-ind ul {

	background-color: rgba(0,0,0,.5)

}



.layui-carousel[lay-indicator=none] .layui-carousel-ind {

	display: none

}



.layui-carousel-ind ul {

	display: inline-block;

	padding: 5px;

	background-color: rgba(0,0,0,.2);

	border-radius: 10px;

	-webkit-transition-duration: .3s;

	transition-duration: .3s

}



.layui-carousel-ind li {

	display: inline-block;

	width: 10px;

	height: 10px;

	margin: 0 3px;

	font-size: 14px;

	background-color: #e2e2e2;

	background-color: rgba(255,255,255,.5);

	border-radius: 50%;

	cursor: pointer;

	-webkit-transition-duration: .3s;

	transition-duration: .3s

}



.layui-carousel-ind li:hover {

	background-color: rgba(255,255,255,.7)

}



.layui-carousel-ind li.layui-this {

	background-color: #fff

}



.layui-carousel>[carousel-item]>.layui-carousel-next,.layui-carousel>[carousel-item]>.layui-carousel-prev,.layui-carousel>[carousel-item]>.layui-this {

	display: block

}



.layui-carousel>[carousel-item]>.layui-this {

	left: 0

}



.layui-carousel>[carousel-item]>.layui-carousel-prev {

	left: -100%

}



.layui-carousel>[carousel-item]>.layui-carousel-next {

	left: 100%

}



.layui-carousel>[carousel-item]>.layui-carousel-next.layui-carousel-left,.layui-carousel>[carousel-item]>.layui-carousel-prev.layui-carousel-right {

	left: 0

}



.layui-carousel>[carousel-item]>.layui-this.layui-carousel-left {

	left: -100%

}



.layui-carousel>[carousel-item]>.layui-this.layui-carousel-right {

	left: 100%

}



.layui-carousel[lay-anim=updown] .layui-carousel-arrow {

	left: 50%!important;

	top: 20px;

	margin: 0 0 0 -18px

}



.layui-carousel[lay-anim=updown]>[carousel-item]>*,.layui-carousel[lay-anim=fade]>[carousel-item]>* {

	left: 0!important

}



.layui-carousel[lay-anim=updown] .layui-carousel-arrow[lay-type=add] {

	top: auto!important;

	bottom: 20px

}



.layui-carousel[lay-anim=updown] .layui-carousel-ind {

	position: absolute;

	top: 50%;

	right: 20px;

	width: auto;

	height: auto

}



.layui-carousel[lay-anim=updown] .layui-carousel-ind ul {

	padding: 3px 5px

}



.layui-carousel[lay-anim=updown] .layui-carousel-ind li {

	display: block;

	margin: 6px 0

}



.layui-carousel[lay-anim=updown]>[carousel-item]>.layui-this {

	top: 0

}



.layui-carousel[lay-anim=updown]>[carousel-item]>.layui-carousel-prev {

	top: -100%

}



.layui-carousel[lay-anim=updown]>[carousel-item]>.layui-carousel-next {

	top: 100%

}



.layui-carousel[lay-anim=updown]>[carousel-item]>.layui-carousel-next.layui-carousel-left,.layui-carousel[lay-anim=updown]>[carousel-item]>.layui-carousel-prev.layui-carousel-right {

	top: 0

}



.layui-carousel[lay-anim=updown]>[carousel-item]>.layui-this.layui-carousel-left {

	top: -100%

}



.layui-carousel[lay-anim=updown]>[carousel-item]>.layui-this.layui-carousel-right {

	top: 100%

}



.layui-carousel[lay-anim=fade]>[carousel-item]>.layui-carousel-next,.layui-carousel[lay-anim=fade]>[carousel-item]>.layui-carousel-prev {

	opacity: 0

}



.layui-carousel[lay-anim=fade]>[carousel-item]>.layui-carousel-next.layui-carousel-left,.layui-carousel[lay-anim=fade]>[carousel-item]>.layui-carousel-prev.layui-carousel-right {

	opacity: 1

}



.layui-carousel[lay-anim=fade]>[carousel-item]>.layui-this.layui-carousel-left,.layui-carousel[lay-anim=fade]>[carousel-item]>.layui-this.layui-carousel-right {

	opacity: 0

}



.layui-fixbar {

	position: fixed;

	right: 15px;

	bottom: 15px;

	z-index: 9999

}



.layui-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

}



.layui-fixbar li:hover {

	opacity: .85

}



.layui-fixbar li:active {

	opacity: 1

}



.layui-fixbar .layui-fixbar-top {

	display: none;

	font-size: 40px

}



body .layui-util-face {

	border: none;

	background: 0 0

}



body .layui-util-face .layui-layer-content {

	padding: 0;

	background-color: #fff;

	color: #666;

	box-shadow: none

}



.layui-util-face .layui-layer-TipsG {

	display: none

}



.layui-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)

}



.layui-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

}



.layui-util-face ul li:hover {

	position: relative;

	z-index: 2;

	border: 1px solid #eb7350;

	background: #fff9ec

}



.layui-anim {

	-webkit-animation-duration: .3s;

	animation-duration: .3s;

	-webkit-animation-fill-mode: both;

	animation-fill-mode: both

}



.layui-anim.layui-icon {

	display: inline-block

}



.layui-anim-loop {

	-webkit-animation-iteration-count: infinite;

	animation-iteration-count: infinite

}



@-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)

	}

}



.layui-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

	}

}



.layui-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

	}

}



.layui-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)

	}

}



.layui-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)

	}

}



.layui-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

	}

}



.layui-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

	}

}



.layui-anim-fadeout {

	-webkit-animation-name: layui-fadeout;

	animation-name: layui-fadeout

}



/*layui-body*/



/*edit.html*/

.pageheader{

	height: 85px;

	border-bottom: 1px solid #ebebeb;

	margin-bottom:8px;

}

.page-tit{

	font-size: 24px;

	color: #1ab394;

	line-height: 85px;

	position: relative;

	display: inline-block;

	margin-right: 50px;

}

.page-tit span{

	padding-left:20px;

	padding-right:20px;

}

.page-tit:after{

	content: '';

	position: absolute;

	bottom:-2px;

	width: 100%;

	height: 3px;

	background: #1ab394;

	display: block;

}

.layui-upload-button {

    position: relative;

    display: inline-block;

    vertical-align: middle;

    width: 120px;

    text-align: center;

    height: 34px;

    line-height: 34px;

    border: 1px solid #c9c9c9;

    border-radius: 4px;

    overflow: hidden;

    background-color: #fff;

    color: #999999;

    cursor: pointer;

    -webkit-transition: color .3s ease,border .3s ease;

	transition: color .3s ease,border .3s ease;

}

.icon{

	background: url(../images/icon.png) no-repeat;

	-webkit-transition: all .3s ease;

	transition: all .3s ease;

	vertical-align: middle;

}



.icon-upload{

	width:17px;

	height: 17px;

	display: inline-block;

	background-position: -100px 0;

	margin-right: 6px;

	margin-top:-4px;

}

.layui-upload-button:hover .icon{

	background: url(../images/icon_hover.png) no-repeat;

	background-position: -100px 0;

}

.layui-upload-button:hover{

	color: #1ab394;

	border: 1px solid #1ab394;

}

.layui-upload-icon{

	display: block;

	width:100%;

	height:100%;

}

.layui-upload-button+.layui-upload-file+.layui-input{

	margin-left:10px;

	display: inline-block;

	vertical-align: middle;

	width: calc(100% - 134px);

    width: -moz-calc(100% - 134px);

    width: -webkit-calc(100% - 134px);

}

.attention-txt{

	padding-top:5px; 

	font-size: 12px;

	color: #333;

	line-height: 1.8

}

.icon-see{

	position: absolute;

	width:14px;

	height: 10px;

	background: url(../images/icon.png) no-repeat;

	background-position: -85px -1px;

	right: 12px;

	top:12px;

	cursor: pointer;

	-webkit-transition: all .3s cubic-bezier(.65,.05,.35,.5);

	transition: all .3s cubic-bezier(.65,.05,.35,.5);

}

.icon-see.seen{

	transform:rotateY(180deg);

	-ms-transform:rotateY(180deg); 	/* IE 9 */

	-moz-transform:rotateY(180deg); 	/* Firefox */

	-webkit-transform:rotateY(180deg); /* Safari 和 Chrome */

	-o-transform:rotateY(180deg); 	/* Opera */

	background: url(../images/icon_hover.png) no-repeat;

	background-position: -85px -1px;

}

.icon-refresh{

	width:14px;

	height: 15px;

	display: inline-block;

	background-position: 0 0;

	margin-right:10px; 

}

.icon-refresh{

	width:14px;

	height: 15px;

	display: inline-block;

	background-position: 0 0;

	margin-right:10px; 



}

.icon-refresh{

	width:14px;

	height: 15px;

	display: inline-block;

	background-position: 0 -1px;

	margin-right:10px; 

	

}

.layui-nav-item a:hover .icon-refresh{

	background: url(../images/icon_hover.png) no-repeat;

	background-position: 0 -1px;

}

.icon-reception{

	width: 16px;

	height: 13px;

	display: inline-block;

	background-position: -16px -1px;

	margin-right:10px; 

}

.layui-nav-item a:hover .icon-reception{

	background: url(../images/icon_hover.png) no-repeat;

	background-position: -16px -1px;

}

.icon-account{

	width: 34px;

	height: 34px;

	display: inline-block;

	background-position: -34px -1px;

	margin-right:10px; 



}

.icon-exit{

	width: 15px;

	height: 13px;

	display: inline-block;

	background-position: -69px -1px;

	margin-right:10px; 



}

.layui-nav-item .layui-icon{

	font-size: 10px;

	color: #fff;

	margin-left:5px;

	-webkit-transition: all .3s ease;

	transition: all .3s ease;

}

.layui-nav-item a:hover .layui-icon{

	color: #1ab394

}

.layui-nav .layui-nav-item a.login-exit:hover {

	color: #fff;

}

.layui-layout-right .layui-nav-item .layui-nav-more{

	display: none;

}

.layui-layout-right .layui-nav-item:nth-child(4) a{

	padding:0 15px;

	margin-left: 5px;

}



/*add.html*/

.add-content{

	padding-bottom: 50px;

}

.add-content .layui-input-block{

	width: calc(76.7857% - 120px);

    width: -moz-calc(76.7857% - 120px);

    width: -webkit-calc(76.7857% - 120px);

}

.layui-form-label .require{

	color: #d74a4a;

	vertical-align: middle;

}

.sort .layui-form-label{

	width: 50px;

}

.sort .layui-input-inline{

	width: 75px;

}

.date{position: relative;}

.date input{

	position: relative;

	z-index: 2;

	background: transparent;

	cursor: pointer;

}

.date::after{

	content: '';

	position: absolute;

	width:40px;

	height: 32px;

	background: url(../images/date.png) no-repeat center;

	background-color: #f4f4f4;

	overflow:hidden;

	border-radius: 4px;

	right:1px;

	top:1px;

	-webkit-transition: all 0.3s ease;

   -moz-transition: all 0.3s ease;

   transition: all 0.3s ease;

   cursor: pointer;

   z-index: 1;

}

.date:hover::after{

	background: url(../images/date2.png) no-repeat center;

	background-color: #f4f4f4;

}





/*list*/

.layui-form-item.list {

	padding-top:15px;

	padding-bottom: 12px;

	border-bottom: none;

}

.list .layui-input-inline.delete-btn{

	padding-left:30px;

	padding-top:7px;

	cursor: pointer;

	color: #333333;

	width:115px;

	margin-right: 0;

	-webkit-transition: all 0.3s ease;

   -moz-transition: all 0.3s ease;

   transition: all 0.3s ease;

}

.icon-delete{

	display: inline-block;

	width:14px;

	height: 16px;

	background-position: -119px -1px;

}

.list .layui-input-inline.delete-btn:hover{

	color: #1ab394

}

.list .layui-input-inline.delete-btn:hover .icon-delete{

	background: url(../images/icon_hover.png) no-repeat;

	background-position: -119px -1px;

}

.list .layui-input-inline.query{

	position: relative;

	width:365px;

}



.query-icon{

	display: inline-block;

	width:14px;

	height: 13px;

	background-position: -135px -1px;

}

.list .layui-input-inline .layui-btn.query-btn:hover{

	color: #1ab394;

}

.list .layui-input-inline .layui-btn.query-btn:hover .query-icon{

	background: url(../images/icon_hover.png) no-repeat;

	background-position: -135px -1px;

}

.list .layui-input-inline .layui-input{

	padding-right: 85px;

	width:365px;

}

.page-list .layui-laypage-skip .layui-input{

	width:40px;

	padding:0;

}

.list .layui-input-inline .layui-btn{

	position: absolute;

	right:1px;

	height: 32px;

	top:1px;

	background: #f4f4f4;

	color: #333333;

	padding:0 18px;

	line-height: 32px;

	-webkit-transition: all 0.3s ease;

   -moz-transition: all 0.3s ease;

   transition: all 0.3s ease;

}

.layui-form-item .layui-input-inline.page-list{

	float: right;

	width:auto;

	margin-right: 40px;

}



.page-list2{

	float: right;

	margin-top:15px;

	margin-right: 40px;



}



.pagination{

	display: inline-block;

	vertical-align: middle;



}

.operate{

	position: relative;

	float: left;

	left:50%;

}

.edit,.delete2,.content{

	width:26px;

	height: 26px;

	float: left;

	margin:0 8px;

	border:1px solid #dfdfdf;

	border-radius: 100%;

	left:-50%;

	-webkit-transition: all 0.3s ease;

	-moz-transition: all 0.3s ease;

	transition: all 0.3s ease;

	cursor: pointer;

	position: relative;

}

.edit .hover-txt,.delete2 .hover-txt,.content .hover-txt{

	position: absolute;

	color: #000000;

	font-size: 12px;

	background: #fff;

	border-radius: 4px;

	border:1px solid #e8e8e8;

	z-index: 999;

	width:30px;

	padding:3px 5px;

	display: none;

	left:50%;

	margin-left:-21px;

	bottom:-32px;

	opacity: 0;

	-webkit-transition: all 0.3s ease;

	-moz-transition: all 0.3s ease;

	transition: all 0.3s ease;



}

.edit:hover .hover-txt,.delete2:hover .hover-txt,.content:hover .hover-txt{

	display: block;

	opacity: 1;

	filter: alpha(opacity=100);

}

.content .hover-txt{

	width:60px;

	margin-left:-36px;

}





.edit:hover,.delete2:hover,.content:hover{

	border:1px solid #1ab394;

}

.icon-edit{

	width:12px;

	height:13px;

	background-position: -151px -1px;

	display: block;

	margin:6.5px auto;

	-webkit-transition: all 0.3s ease;

	-moz-transition: all 0.3s ease;

	transition: all 0.3s ease;

}

.edit:hover .icon-edit{

	background: url(../images/icon_hover.png) no-repeat;

	background-position: -151px -1px;

}

.icon-delete2{

	width:11px;

	height: 13px;

	background-position: -164px -1px;

	display: block;

	margin:6.5px auto;

	-webkit-transition: all 0.3s ease;

	-moz-transition: all 0.3s ease;

	transition: all 0.3s ease;

}

.delete2:hover .icon-delete2{

	background: url(../images/icon_hover.png) no-repeat;

	background-position: -164px -1px;

}

.icon-con{

	width: 14px;

	height: 10px;

	display: block;

	margin:8px auto;

	-webkit-transition: all 0.3s ease;

	-moz-transition: all 0.3s ease;

	transition: all 0.3s ease;

	background: url(../images/icon-eye.png) no-repeat;

}

.content:hover .icon-con{

	background: url(../images/icon-eye2.png) no-repeat;



}

.operate{

	display: table-cell;

	vertical-align: middle;

}

.layui-table tr td input[type='number']{

	width: 55px;

	height: 25px;

	border:1px solid #e5e8ea;

	margin:0 auto;

}

tbody {

	position: relative;

}

#magic-line{

	position: absolute;

	top:50%;

	width:3px;

	background: #1ab394

}



.layui-laypage-skip button:hover{

	background: #1ab394;

	color: #fff;

	border:1px solid #1ab394;

}





/*login.html*/

.login-bck{

	width:100vw;

	height:100vh;

	/* Firefox 3.6+ */

	background: -moz-linear-gradient(left, #28b0ca, #436dd5);

	/* Safari 5.1+, Chrome 10+ */

	background: -webkit-linear-gradient(left, #28b0ca, #436dd5);

	/* Opera 11.10+ */

	background: -o-linear-gradient(left, #28b0ca, #436dd5);

	

}

.login-content{

	width: 400px;

	height: 700px;

	position: fixed;

	left: 50%;

	margin-left:-200px;

	top:50%;

	margin-top: -350px;

}

#login-form{

	background: #fff;

	width:100%;

	text-align: center;

	padding-top:50px;

	padding-bottom: 50px;

	padding-left:40px;

	padding-right: 40px;

	box-sizing: border-box;

	-webkit-box-sizing: border-box;

	-moz-box-sizing: border-box;

	-moz-box-shadow: 10px 10px 20px #2d75ba;

	-webkit-box-shadow:10px 10px 20px #2d75ba;

	box-shadow: 10px 10px 20px #2d75ba;

}

.login-txt{

	color: #999999;

	font-size: 14px;

	line-height: 1;

	margin-top:15px;

	margin-bottom: 40px;

	vertical-align: middle;

}

.login-group .layui-form-item{

	border-bottom: none;

}

.login-group .layui-form-item{

	position: relative;

	padding:0;

}

.login-group .layui-input-block{

	margin-left: 0;

	height: 100%;

	width: 100%;



    display: inline-block;

    box-sizing: border-box;

	-webkit-box-sizing: border-box;

	-moz-box-sizing: border-box;

}

.login-group input{

	padding-left:46.5px;

	height: 45px;

	line-height: 45px;

	border:1px solid #e1e1e1;

	border-radius: 0;

}

.login-ipt{

	min-height: 45px;

	margin-bottom: 20px;

}

.login-ipt::before{

	content: '';

	position: absolute;

	left:0;

	top:50%;

	width: 18px;

	margin-left: 8.5px;

	padding-right: 8.5px;

	background:url(../images/login-icon.png) no-repeat center;

}

.login-ipt.account-ipt::before{

	height: 20px;

	margin-top:-10px;

	background-position: 0 0;



}

.login-ipt.pad-ipt::before{

	height: 19px;

	margin-top:-9.5px;

	background-position: 0 -68px;

}

.login-ipt.vfd-ipt::before{

	height: 19px;

	margin-top:-9.5px;

	background-position: 0 -137px;

}

.login-ipt .layui-input:hover{

	border-color: #37a8ff!important

}



.login-ipt .layui-input:focus{

	border-color: #37a8ff!important

}

.layui-form-item .layui-input-inline.vfd-ipt{

	width: 170px;

	margin-right: 8px;

}

.rem-psd{

	float: left;

	color: #666666;

}

.fgt-psd{

	float: right;

}

.fgt-psd a{

	font-size: 14px;

	color: #3581d8;

}

.login-info{

	margin-top:15px;

}

.login-info:after{

	clear: both;

	content: '';

	height: 0px;

	line-height: 0px;

	font-size: 0px;

	display: table;

}

.sub-btn,.back-btn{

	width:100%;

	height: 50px;

	background:#4aa3ff;

	text-align: center;

	line-height: 50px;

	vertical-align: middle;

	color: #fff;

	border:none;

	margin-top:20px;

	font-size: 16px;

	cursor: pointer;

	-webkit-transition: all 0.3s ease;

   -moz-transition: all 0.3s ease;

   transition: all 0.3s ease;

   display: block;

   border-radius: 4px;

}



.sub-btn:hover,back-btn:hover{

	color: #fff;

	background: #4ac4ff

}

.hot-line{

	font-size: 18px;

	color: #fff;

	text-align: center;

	margin-top:25px;

	margin-bottom: 20px;

}

.copyright{

	font-size: 12px;

	color: #71cfff;

	text-align: center;

}

.copyright a{color: #71cfff;}

.copyright:hover a{color: #fff;}

.sub-btn.load{

	background:#ebebed;

	color: #b4b4b4;

}

.sub-btn.load .loading{

	margin-right:10px;

	-webkit-animation:rotate 3s infinite;

	animation:rotate 3s infinite;

	-moz-animation:rotate 3s infinite;

}

@-webkit-keyframes rotate {

	 0% {

	 	-webkit-transform:rotate(0);

	 	transform:rotate(0);

	 }

	  100% {

	 	-webkit-transform:rotate(360deg);

	 	transform:rotate(360deg);

	 }

}

@keyframes rotate {

	 0% {

	 	-webkit-transform:rotate(0);

	 	transform:rotate(0);

	 }

	  100% {

	 	-webkit-transform:rotate(360deg);

	 	transform:rotate(360deg);

	 }

}

.rotate {

  -webkit-animation-name: rotate;

  animation-name: rotate;

}



.fgt-btn .sub-btn,.fgt-btn .back-btn{

	width:47.5%;

	height: 40px;

	line-height: 40px;

	border-radius: 4px;

	display: inline-block;

	-webkit-transition: all 0.3s ease;

   -moz-transition: all 0.3s ease;

   transition: all 0.3s ease;

}

.fgt-btn .sub-btn{float: left;}

.fgt-btn .sub-btn:hover{

	background: #4ac4ff

}

.back-btn.back-btn{

	float: right;

	background: #1ab394;

}

.fgt-btn .back-btn:hover{

	background: #11957a;

	color:#fff;

}

.fgt-btn:after{

	content: '';

	clear: both;

	display: table;

}

.fgt-content{

	height: 535px;

	margin-top:-267.5px;

}

.login-ipt.mail-ipt:before{

	background: url(../images/mail_icon.png) no-repeat;

	width:18px;

	height: 13px;

	margin-top:-6.5px;

}



/*404.html*/

.fault-bck{

	width:100vw;

	height: 100vh;

	background: url(../images/404_bck.jpg) no-repeat;

	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='file:///E:/www/backwards/bck/images/404_bck.jpg',  sizingMethod='scale');

	background-size:cover;

	-moz-background-size:cover;

    -webkit-background-size:cover;

    -o-background-size:cover;

}

.fault-con{

	width:497px;

	margin-left:42%;

	padding-top:10%;

}

.fault-txt{

	color: #fdfefe;

	font-size: 42px;

}

.fault-txt span{

	color: #ffffff;

	font-size: 70px;

}

.fault-txt-en{

	color: #fdfefe;

	margin-top:10px;

	font-size: 22px;

}

.bck-btn{

	font-size: 20px;

	color: #84d3d0;

	width:145px;

	height: 50px;

	display: block;

	background: #ffffff;

	text-align:center;

	line-height: 50px;

	border-radius: 4px;

	margin-top:75px;

	-moz-box-shadow: 4px 4px 2px #5ec4c0;

	-webkit-box-shadow:4px 4px 2px #5ec4c0;

	box-shadow: 4px 4px 2px #5ec4c0;

	-webkit-transition: all 0.3s ease;

   -moz-transition: all 0.3s ease;

   transition: all 0.3s ease;

}

.bck-btn:hover{

	-webkit-transform: translateY(2px)translateX(2px);

          transform: translateY(2px)translateX(2px);

         -moz-box-shadow: 2px 2px 2px #5ec4c0;

	-webkit-box-shadow:2px 2px 2px #5ec4c0;

	box-shadow: 2px 2px 2px #5ec4c0;

    color: #84d3d0;

}

.fix-copyright{

	position: absolute;

	width:100%;

	text-align: center;

	bottom: 10px;

	font-size: 12px;

	color: #999;

	font-family: '微软雅黑';

}

.fix-copyright a{color: #999;}

.fix-copyright:hover a{color: #1ab394}



/*pagination*/



.pagination li{

	float: left;

	width:26px;

	height: 26px;

	text-align: center;

	background-color: #fff;

	color: #1ab394;

	font-size: 12px;

	line-height: 28px;

	border:1px solid #dddddd;

	border-right:none;

	-webkit-transition: all 0.3s ease;

	-moz-transition: all 0.3s ease;

	transition: all 0.3s ease;

}

.pagination li a{

	color: #1ab394;

	display: block;

	width:100%;

	height: 100%;

}

.pagination li:last-child{

	border-right:1px solid #dddddd;

}

.pagination li.active,.pagination li:hover{

	background: #1ab394;

	border:1px solid #1ab394;

	border-right:none;

	color: #fff;

}

.pagination li.active a,.pagination li:hover a{

	color: #fff;

}

.pagination li.not(.disabled):last-child:hover{

	border-right:1px solid #1ab394;

}

.pagination li.disabled{

	/* background: #adacac; */
	cursor: not-allowed;

	border:1px solid #adacac;

	/* border-right:none; */

	color: #1ab394;

}

.pagination .disabled:hover {
	background-color: unset;
}