body,html {
	height: 100%;
	background: #efefef;
	color: #666
}

html {
	font-family: Arial,"Microsoft YaHei",FontAwesome,sans-serif;
	font-size: 16px;
	font-weight: normal;
	line-height: 1.5;
	-webkit-text-size-adjust: 100%;
	color: #666
}
html {
    overflow-x: hidden;
    font-size: 10px;
}
body {
	font-size: 1.4rem;
	margin: 0;
}

small {
    font-size: 80%;
}
h2,h3 {
    margin: 0 0 20px 0;
    font-family: Helvetica,Arial,"Microsoft YaHei",FontAwesome,sans-serif;
    color: #333;
    text-transform: none;
	border-bottom:#eee 1px solid;
	padding:20px 0 20px 10px;
}
h2 {
	font-size: 1.7rem;
	line-height: 1.3;
	margin-top: 40px;
}
h3 {
    font-size: 1.5rem;
    line-height: 1.4;
}
hr {
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
	height: 0;
	overflow: visible;
	text-align: inherit;
	margin: 0 0 20px 0;
	border: 0;
	border-top: 1px solid #e5e5e5
}

*+hr {
	margin-top: 20px
}
a:active,a:hover {
	outline: none
}

a {
	color: #1e87f0;
	cursor: pointer;
	text-decoration: none
}

a:hover {
	color: #0f6ecd;
	text-decoration: none
}
*,:after,:before {
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}

.dux-content {
    margin-top: 1rem;
    line-height: 2;
    font-size: 1.4rem;
	max-height: 500px;
	overflow: auto;
}

.dux-content p {
    margin-top: 10px;
    margin-bottom: 0;
}

.zp-section-primary {
	background: #2D3A4B;
}
.zp-light .zp-navbar-item, .zp-section-primary:not(.zp-preserve-color) .zp-navbar-item, .zp-section-secondary:not(.zp-preserve-color) .zp-navbar-item, .zp-tile-primary:not(.zp-preserve-color) .zp-navbar-item, .zp-tile-secondary:not(.zp-preserve-color) .zp-navbar-item, .zp-card-primary.zp-card-body .zp-navbar-item, .zp-card-primary>:not([class*='zp-card-media']) .zp-navbar-item, .zp-card-secondary.zp-card-body .zp-navbar-item, .zp-card-secondary>:not([class*='zp-card-media']) .zp-navbar-item, .zp-overlay-primary .zp-navbar-item, .zp-offcanvas-bar .zp-navbar-item {
    color: rgba(255,255,255,0.7);
}

.zp-container {
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
	max-width: 1024px;
	margin-left: auto;
	margin-right: auto;
}

@media (min-width: 640px) {
	.zp-container {
		padding-left: 30px;
		padding-right: 30px
	}
}
@media (min-width: 960px) {
	h2 {
		font-size: 2rem
	}
	.zp-container {
		padding-left: 40px;
		padding-right: 40px
	}
}

.zp-container::before,.zp-container::after {
	content: "";
	display: table
}

.zp-container::after {
	clear: both
}

.zp-container>:last-child {
	margin-bottom: 0
}

.zp-container .zp-container {
	padding-left: 0;
	padding-right: 0
}

.zp-container-small {
	max-width: 900px
}

.zp-container-large {
	max-width: 1600px
}

.zp-container-expand {
	max-width: none
}

.zp-navbar {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	position: relative
}

.zp-navbar-left,.zp-navbar-right,.zp-navbar-center,.zp-navbar-center-left>*,.zp-navbar-center-right>* {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.zp-navbar-right {
	margin-left: auto
}

.zp-navbar-nav {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin: 0;
	padding: 0;
	list-style: none
}

.zp-navbar-left,.zp-navbar-right,.zp-navbar-center:only-child {
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}

.zp-navbar-nav>li>a,.zp-navbar-item,.zp-navbar-toggle {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	height: 80px;
	font-size: 1.2rem;
	font-family: Arial,"Microsoft YaHei",FontAwesome,sans-serif;
	text-decoration: none
}

.zp-navbar-nav>li>a {
	color: #999;
	text-transform: uppercase;
	-webkit-transition: 0.1s ease-in-out;
	transition: 0.1s ease-in-out;
	-webkit-transition-property: color, background-color;
	transition-property: color, background-color
}

.zp-navbar-nav>li:hover>a,.zp-navbar-nav>li>a:focus,.zp-navbar-nav>li>a.zp-open {
	color: #666;
	outline: none
}

.zp-navbar-nav>li>a:active {
	color: #333
}

.zp-navbar-nav>li.zp-active>a {
	color: #333
}

.zp-navbar-item {
	color: #666;
	font-size: 1.6rem;
}

.zp-logo {
	font-size: 1.5rem;
	font-family: "Microsoft YaHei",FontAwesome,sans-serif;
	color: #666;
	text-decoration: none
}

.zp-logo:hover,.zp-logo:focus {
	color: #666;
	outline: none;
	text-decoration: none
}

.dux-logo {
    font-size: 1.8rem;
    color: #fff !important;
}

.zp-grid {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	flex-direction: column;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin: 0;
	padding: 0;
	list-style: none;
	margin-top: 15px;
}

.zp-grid>* {
	margin: 0
}

.zp-grid>*>:last-child {
	margin-bottom: 0
}

.zp-grid {
	margin-left: -30px
}

.zp-grid>* {
	padding-left: 30px
}

.zp-grid+.zp-grid,.zp-grid>.zp-grid-margin,*+.zp-grid-margin {
	margin-top: 30px
}

@media (min-width: 1200px) {
	.zp-grid {
		margin-left: -40px
	}

	.zp-grid>* {
		padding-left: 40px
	}

	.zp-grid+.zp-grid,.zp-grid>.zp-grid-margin,*+.zp-grid-margin {
		margin-top: 40px
	}
}

.zp-card {
	position: relative;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	color: #000
}

.zp-card-body {
	padding: 20px 40px 40px 40px
}

.zp-card-body::before,.zp-card-body::after {
	content: "";
	display: table
}

.zp-card-body::after {
	clear: both
}

.zp-card-body>:last-child {
	margin-bottom: 0
}

.zp-card-title {
	font-size: 1.5rem;
	line-height: 1.4
}

.zp-card-default {
	background: #fff;
	color: #666;
	-webkit-box-shadow: 0 5px 15px rgba(0,0,0,0.08);
	box-shadow: 0 5px 15px rgba(0,0,0,0.08)
}

.zp-card-small.zp-card-body,.zp-card-small .zp-card-body {
	padding: 20px 20px
}

.zp-tab {
	display: flex;
	flex-wrap: wrap;
	margin-left: -20px;
	padding: 0;
	list-style: none;
	position: relative
}


.zp-tab>* {
	-webkit-box-flex: 0;
	-ms-flex: none;
	flex: none;
	padding-left: 20px;
	position: relative
}

.zp-tab>*>a {
	display: block;
	text-align: center;
	color: #999;
	font-size: 1.4rem;
	padding: 8px 30px
}

.zp-tab>*>a:hover,.zp-tab>*>a:focus {
	color: #666;
	text-decoration: none
}

.zp-tab>.zp-active>a {
	color: #fff;
	background-color:#1e87f0;
	border-radius: 5px;
}

.zp-tab>.zp-disabled>a {
	color: #999
}

.zp-tab-left,.zp-tab-right {
	margin-left: 0
}

.zp-tab-left>*,.zp-tab-right>* {
	padding-left: 0
}

.zp-tab-left::before {
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}

.zp-tab-left>*>a {
	text-align: left;
	border-right: 1px solid transparent;
	border-bottom: none
}

.zp-article::before,.zp-article::after {
	content: "";
	display: table
}

.zp-article::after {
	clear: both
}

.zp-article>:last-child {
	margin-bottom: 0
}

.zp-article+.zp-article {
	margin-top: 70px
}

.zp-article-title {
	font-size: 2.23125rem;
	line-height: 1.2
}

@media (min-width: 960px) {
	.zp-article-title {
		font-size: 2.625rem
	}
}

.zp-article-meta {
	font-size: 1.2rem;
	line-height: 1.4;
	color: #999
}

.zp-article-meta a {
	color: #999
}

.zp-article-meta a:hover {
	color: #666;
	text-decoration: none
}

.zp-margin-top {
	margin-top: 20px !important
}

.zp-button {
	margin: 0;
	border: none;
	overflow: visible;
	font: inherit;
	color: inherit;
	text-transform: none;
	display: inline-block;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0 50px;
	vertical-align: middle;
	line-height: 38px;
	text-align: center;
	text-decoration: none;
	font-size: 1.4rem;
	border-radius:5px;
}

.zp-button:not(:disabled) {
	cursor: pointer
}

.zp-button::-moz-focus-inner {
	border: 0;
	padding: 0
}

.zp-button:hover {
	text-decoration: none
}

.zp-button:focus {
	outline: none
}

.zp-button-default {
	color: #333;
	background-color: #ffffff;
	border: 1px solid #dddddd;
    margin-left:20px;
}

.zp-button-default:hover,.zp-button-default:focus {
	background-color: transparent;
	color: #333;
	border-color: #b2b2b2
}

.zp-button-default:active,.zp-button-default.zp-active {
	background-color: transparent;
	color: #333;
	border-color: #999
}

.zp-button-primary {
	background-color: #1e87f0;
	color: #fff;
	border: 1px solid transparent;
    margin-left:20px;
}

.zp-button-primary:hover,.zp-button-primary:focus {
	background-color: #0f7ae5;
	color: #fff
}

.zp-button-primary:active,.zp-button-primary.zp-active {
	background-color: #0e6ecd;
	color: #fff
}

.zp-button-secondary {
	background-color: #6c6c6c;
	color: #fff;
	border: 1px solid transparent
}

.zp-button-secondary:hover,.zp-button-secondary:focus {
	background-color: #5c5c5c;
	color: #fff
}

.zp-button-secondary:active,.zp-button-secondary.zp-active {
	background-color: #5c5c5c;
	color: #fff
}

.zp-button-danger {
	background-color: #f0506e;
	color: #fff;
	border: 1px solid transparent
}

.zp-button-danger:hover,.zp-button-danger:focus {
	background-color: #ee395b;
	color: #fff
}

.zp-button-danger:active,.zp-button-danger.zp-active {
	background-color: #ec2147;
	color: #fff
}

.zp-button-default:disabled,.zp-button-primary:disabled,.zp-button-secondary:disabled,.zp-button-danger:disabled {
	color: #999;
	background-color: #f5f5f5;
	border: 1px solid #dddddd;
	color: rgba(153,153,153,0.8)
}

.zp-table {
	border-collapse: collapse;
	border-spacing: 0;
	width: 100%;
	margin-bottom: 20px
}

*+.zp-table {
	margin-top: 20px
}

.zp-table th {
	padding: 16px 12px;
	text-align: left;
	vertical-align: bottom;
	font-size: 1.2rem;
	font-weight: normal;
	color: #999;
	text-transform: uppercase
}

.zp-table td {
	padding: 16px 12px;
	vertical-align: top
}

.zp-table td>:last-child {
	margin-bottom: 0
}

.zp-table tfoot {
	font-size: 1.2rem
}

.zp-table caption {
	font-size: 1.2rem;
	text-align: left;
	color: #999
}

.zp-table>tr.zp-active,.zp-table tbody tr.zp-active {
	background: #ffd
}

.zp-table-middle,.zp-table-middle td {
	vertical-align: middle !important
}

.zp-table-divider>tr:not(:first-child),.zp-table-divider>:not(:first-child)>tr,.zp-table-divider>:first-child>tr:not(:first-child) {
	border-top: 1px solid #e5e5e5
}

.zp-table-striped>tr:nth-of-type(odd),.zp-table-striped tbody tr:nth-of-type(odd) {
	background: #f8f8f8;
	border-top: 1px solid #e5e5e5;
	border-bottom: 1px solid #e5e5e5
}

.zp-table tbody tr {
	-webkit-transition: background-color 0.1s linear;
	transition: background-color 0.1s linear
}
.zp-label {
	display: inline-block;
	padding: 0 10px;
	background: #1e87f0;
	line-height: 1.5;
	font-size: 1.2rem;
	color: #fff;
	vertical-align: middle;
	white-space: nowrap;
	border-radius: 2px;
	text-transform: uppercase
}

.zp-label-success {
	background-color: #32d296;
	color: #fff
}

.zp-label-warning {
	background-color: #faa05a;
	color: #fff
}

.zp-label-danger {
	background-color: #f0506e;
	color: #fff
}

.zp-form .zp-form-group {
    margin-bottom: 1.5rem;
}
.zp-form-label {
	font-size: 1.4rem;
	padding-left:50px;
}
@media (max-width: 959px) {
	.zp-form-horizontal .zp-form-label {
		display: block;
		margin-bottom: 5px
	}
}

@media (min-width: 960px) {
	.zp-form-horizontal .zp-form-label {
		width: 150px;
		margin-top: 7px;
		float: left
	}

	.zp-form-horizontal .zp-form-controls {
		margin-left: 215px
	}

	.zp-form-horizontal .zp-form-controls-text {
		padding-top: 7px
	}
}

.zp-input, .zp-form input[type="text"], .zp-form input[type="password"], .zp-form input[type="datetime"], .zp-form input[type="datetime-local"], .zp-form input[type="date"], .zp-form input[type="month"], .zp-form input[type="time"], .zp-form input[type="week"], .zp-form input[type="number"], .zp-form input[type="email"], .zp-form input[type="url"], .zp-form input[type="search"], .zp-form input[type="tel"], .zp-form input[type="color"], input[type=number].zp-form-field, input[type=search].zp-form-field, input[type=text].zp-form-field, input[type=password].zp-form-field, input[type=datetime].zp-form-field, input[type=datetime-local].zp-form-field, input[type=date].zp-form-field, input[type=month].zp-form-field, input[type=time].zp-form-field, input[type=week].zp-form-field, input[type=email].zp-form-field, input[type=url].zp-form-field, input[type=tel].zp-form-field, input[type=color].zp-form-field, .zp-select, .zp-form select, select.zp-form-field, .zp-textarea, .zp-form textarea, textarea.zp-form-field, .zp-radio, .zp-form input[type=radio], input[type=radio].zp-form-field, .zp-checkbox, .zp-form input[type=checkbox], input[type=checkbox].zp-form-field {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    border-radius: 0;
    font: inherit;
}
.zp-input, .zp-form input[type="text"], .zp-form input[type="password"], .zp-form input[type="datetime"], .zp-form input[type="datetime-local"], .zp-form input[type="date"], .zp-form input[type="month"], .zp-form input[type="time"], .zp-form input[type="week"], .zp-form input[type="number"], .zp-form input[type="email"], .zp-form input[type="url"], .zp-form input[type="search"], .zp-form input[type="tel"], .zp-form input[type="color"], input[type=number].zp-form-field, input[type=search].zp-form-field, input[type=text].zp-form-field, input[type=password].zp-form-field, input[type=datetime].zp-form-field, input[type=datetime-local].zp-form-field, input[type=date].zp-form-field, input[type=month].zp-form-field, input[type=time].zp-form-field, input[type=week].zp-form-field, input[type=email].zp-form-field, input[type=url].zp-form-field, input[type=tel].zp-form-field, input[type=color].zp-form-field {
    overflow: visible;
}
.zp-input, .zp-form input[type="text"], .zp-form input[type="password"], .zp-form input[type="datetime"], .zp-form input[type="datetime-local"], .zp-form input[type="date"], .zp-form input[type="month"], .zp-form input[type="time"], .zp-form input[type="week"], .zp-form input[type="number"], .zp-form input[type="email"], .zp-form input[type="url"], .zp-form input[type="search"], .zp-form input[type="tel"], .zp-form input[type="color"], input[type=number].zp-form-field, input[type=search].zp-form-field, input[type=text].zp-form-field, input[type=password].zp-form-field, input[type=datetime].zp-form-field, input[type=datetime-local].zp-form-field, input[type=date].zp-form-field, input[type=month].zp-form-field, input[type=time].zp-form-field, input[type=week].zp-form-field, input[type=email].zp-form-field, input[type=url].zp-form-field, input[type=tel].zp-form-field, input[type=color].zp-form-field, .zp-textarea, .zp-form textarea, textarea.zp-form-field {
    -webkit-appearance: none;
}
.zp-input, .zp-form input[type="text"], .zp-form input[type="password"], .zp-form input[type="datetime"], .zp-form input[type="datetime-local"], .zp-form input[type="date"], .zp-form input[type="month"], .zp-form input[type="time"], .zp-form input[type="week"], .zp-form input[type="number"], .zp-form input[type="email"], .zp-form input[type="url"], .zp-form input[type="search"], .zp-form input[type="tel"], .zp-form input[type="color"], input[type=number].zp-form-field, input[type=search].zp-form-field, input[type=text].zp-form-field, input[type=password].zp-form-field, input[type=datetime].zp-form-field, input[type=datetime-local].zp-form-field, input[type=date].zp-form-field, input[type=month].zp-form-field, input[type=time].zp-form-field, input[type=week].zp-form-field, input[type=email].zp-form-field, input[type=url].zp-form-field, input[type=tel].zp-form-field, input[type=color].zp-form-field, .zp-select, .zp-form select, select.zp-form-field, .zp-textarea, .zp-form textarea, textarea.zp-form-field {
    max-width: 70%;
    width: 70%;
    padding: 0 10px;
    background: #fff;
    color: #666;
    border: 1px solid #e5e5e5;
	border-radius:5px;
    -webkit-transition: 0.2s ease-in-out;
    transition: 0.2s ease-in-out;
    -webkit-transition-property: color, background-color, border;
    transition-property: color, background-color, border;
}
.zp-input, .zp-form input[type="text"], .zp-form input[type="password"], .zp-form input[type="datetime"], .zp-form input[type="datetime-local"], .zp-form input[type="date"], .zp-form input[type="month"], .zp-form input[type="time"], .zp-form input[type="week"], .zp-form input[type="number"], .zp-form input[type="email"], .zp-form input[type="url"], .zp-form input[type="search"], .zp-form input[type="tel"], .zp-form input[type="color"], input[type=number].zp-form-field, input[type=search].zp-form-field, input[type=text].zp-form-field, input[type=password].zp-form-field, input[type=datetime].zp-form-field, input[type=datetime-local].zp-form-field, input[type=date].zp-form-field, input[type=month].zp-form-field, input[type=time].zp-form-field, input[type=week].zp-form-field, input[type=email].zp-form-field, input[type=url].zp-form-field, input[type=tel].zp-form-field, input[type=color].zp-form-field, .zp-select:not([multiple]):not([size]), .zp-form select:not([multiple]):not([size]), select.zp-form-field:not([multiple]):not([size]) {
    height: 40px;
    vertical-align: middle;
    display: inline-block;
}
.zp-input:disabled, .zp-form input[type="text"]:disabled, .zp-form input[type="password"]:disabled, .zp-form input[type="datetime"]:disabled, .zp-form input[type="datetime-local"]:disabled, .zp-form input[type="date"]:disabled, .zp-form input[type="month"]:disabled, .zp-form input[type="time"]:disabled, .zp-form input[type="week"]:disabled, .zp-form input[type="number"]:disabled, .zp-form input[type="email"]:disabled, .zp-form input[type="url"]:disabled, .zp-form input[type="search"]:disabled, .zp-form input[type="tel"]:disabled, .zp-form input[type="color"]:disabled, input[type=number].zp-form-field:disabled, input[type=search].zp-form-field:disabled, input[type=text].zp-form-field:disabled, input[type=password].zp-form-field:disabled, input[type=datetime].zp-form-field:disabled, input[type=datetime-local].zp-form-field:disabled, input[type=date].zp-form-field:disabled, input[type=month].zp-form-field:disabled, input[type=time].zp-form-field:disabled, input[type=week].zp-form-field:disabled, input[type=email].zp-form-field:disabled, input[type=url].zp-form-field:disabled, input[type=tel].zp-form-field:disabled, input[type=color].zp-form-field:disabled, .zp-select:disabled, .zp-form select:disabled, select.zp-form-field:disabled, .zp-textarea:disabled, .zp-form textarea:disabled, textarea.zp-form-field:disabled {
    background-color: #f8f8f8;
    color: #999;
    border-color: #e5e5e5;
}
.zp-input:focus,.zp-form input[type="text"]:focus,.zp-form input[type="password"]:focus,.zp-form input[type="datetime"]:focus,.zp-form input[type="datetime-local"]:focus,.zp-form input[type="date"]:focus,.zp-form input[type="month"]:focus,.zp-form input[type="time"]:focus,.zp-form input[type="week"]:focus,.zp-form input[type="number"]:focus,.zp-form input[type="email"]:focus,.zp-form input[type="url"]:focus,.zp-form input[type="search"]:focus,.zp-form input[type="tel"]:focus,.zp-form input[type="color"]:focus,input[type=number].zp-form-field:focus,input[type=search].zp-form-field:focus,input[type=text].zp-form-field:focus,input[type=password].zp-form-field:focus,input[type=datetime].zp-form-field:focus,input[type=datetime-local].zp-form-field:focus,input[type=date].zp-form-field:focus,input[type=month].zp-form-field:focus,input[type=time].zp-form-field:focus,input[type=week].zp-form-field:focus,input[type=email].zp-form-field:focus,input[type=url].zp-form-field:focus,input[type=tel].zp-form-field:focus,input[type=color].zp-form-field:focus,.zp-select:focus,.zp-form select:focus,select.zp-form-field:focus,.zp-textarea:focus,.zp-form textarea:focus,textarea.zp-form-field:focus {
	outline: none;
	background-color: #fff;
	color: #666;
	border-color: #1e87f0
}
.zp-form .zp-form-help {
	margin-top: 5px;
	color: #999
}
.zp-text-muted {
	color: #999 !important
}

.zp-text-primary {
	color: #1e87f0 !important
}

.zp-text-success {
	color: #32d296 !important
}

.zp-text-warning {
	color: #faa05a !important
}

.zp-text-danger {
	color: #f0506e !important
}
.zp-hidden {
	display: none !important
}



.zp-width-1-4 {
	width: 100%;
}

.zp-width-3-4 {
	width: 100%;
	padding-bottom:100px;
}

.zp-text-left {
	text-align: left !important
}

.zp-text-right {
	text-align: right !important
}

.zp-text-center {
	text-align: center !important
}

.zp-text-justify {
	text-align: justify !important
}

@media (min-width: 640px) {
	.zp-text-left\@s {
		text-align: left !important
	}

	.zp-text-right\@s {
		text-align: right !important
	}

	.zp-text-center\@s {
		text-align: center !important
	}
}

@media (min-width: 960px) {
	.zp-text-left\@m {
		text-align: left !important
	}

	.zp-text-right\@m {
		text-align: right !important
	}

	.zp-text-center\@m {
		text-align: center !important
	}
}

@media (min-width: 1200px) {
	.zp-text-left\@l {
		text-align: left !important
	}

	.zp-text-right\@l {
		text-align: right !important
	}

	.zp-text-center\@l {
		text-align: center !important
	}
}

@media (min-width: 1600px) {
	.zp-text-left\@xl {
		text-align: left !important
	}

	.zp-text-right\@xl {
		text-align: right !important
	}

	.zp-text-center\@xl {
		text-align: center !important
	}
}