/*!
 *  DreamUI v1.0.5
 *  Copyright (C) 2019, ZhaoGang
 *  Released under the MIT license.
 */
.dui {
	margin:0;
	padding:0;
	outline:0;
	box-sizing:content-box;
	background:transparent;
	-webkit-tap-highlight-color:transparent;
	font-family:-apple-system,BlinkMacSystemFont,"Helvetica Neue",Helvetica,"PingFang SC",Arial,sans-serif
}
::-ms-clear,
::-ms-reveal {
	display:none
}
table {
	border-collapse:collapse;
	border-spacing:0
}
button::-moz-focus-inner,
input::-moz-focus-inner,
img {
	border:none
}
button,
select,
input[type=button],
input[type=file],
input[type=reset],
input[type=submit] {
	cursor:pointer
}
main {
	display:block
}
.ui-noselect,
button,
[btn],
input[type=button],
input[type=reset],
input[type=submit] {
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none
}
body.ui-body-noscroll {
	position:relative;
	height:100%;
	overflow:hidden;
	padding-right:17px
}
a.dui {
	color:#19b6f8;
	text-decoration:none;
	transition:color .15s
}
a.dui:hover {
	color:#6dcff8
}



/* --- Input | Textarea --- */
input[type=email],
input[type=password],
input[type=search],
input[type=tel],
input[type=text].dui,
input[type=url],
textarea {
	border:#e6e6e6 solid 1px;
	border-radius:4px;
	background:#fff;
	min-width:182px;
	height:32px;
	padding:0 8px;
	font-size:14px;
	transition:border-color .2s
}
textarea {
	width:182px;
	min-width:0;
	min-height:16px;
	height:84px;
	padding:8px;
	resize:vertical
}
input[type=email]:hover,
input[type=password]:hover,
input[type=search]:hover,
input[type=tel]:hover,
input[type=text]:hover,
input[type=url]:hover,
textarea:hover {
	border-color:#6dcff8
}
input[type=email]:focus,
input[type=password]:focus,
input[type=search]:focus,
input[type=tel]:focus,
input[type=text]:focus,
input[type=url]:focus,
textarea:focus {
	border-color:#19b6f8!important
}
textarea::-webkit-input-placeholder {
	display:block;
	height:16px;
	line-height:16px
}
textarea::-moz-placeholder {
	display:block;
	height:16px;
	line-height:16px
}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
	color:#9f9f9f
}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
	color:#9f9f9f
}
input::-moz-placeholder,
textarea::-moz-placeholder {
	color:#9f9f9f
}



/* --- Button --- */
[btn] {
	cursor:pointer
}
button.dui,
[btn] {
	display:inline-block;
	border:#ddd solid 1px;
	font-size:14px;
	padding:0 12px;
	height:32px;
	line-height:32px;
	vertical-align:middle;
	border-radius:4px;
	background:#fff;
	color:#393939;
	transition:.15s
}
button:hover,
[btn]:hover {
	color:#41bff4;
	border-color:#6dcff8
}
button:active,
[btn]:active {
	color:#19b6f8;
	border-color:#19b6f8
}
button[block],
[btn][block] {
	display:block;
	width:calc(100% - 26px)
}
button[dark],
[btn][dark],
button[error],
[btn][error],
button[info],
[btn][info],
button[purple],
[btn][purple],
button[success],
[btn][success],
button[warn],
[btn][warn] {
	color:#fff
}
button[dark-ghost]:hover,
[btn][dark-ghost]:hover,
button[dark]:hover,
[btn][dark]:hover,
button[error-ghost]:hover,
[btn][error-ghost]:hover,
button[error]:hover,
[btn][error]:hover,
button[info-ghost]:hover,
[btn][info-ghost]:hover,
button[info]:hover,
[btn][info]:hover,
button[purple-ghost]:hover,
[btn][purple-ghost]:hover,
button[purple]:hover,
[btn][purple]:hover,
button[success-ghost]:hover,
[btn][success-ghost]:hover,
button[success]:hover,
[btn][success]:hover,
button[warn-ghost]:hover,
[btn][warn-ghost]:hover,
button[warn]:hover,
[btn][warn]:hover {
	opacity:.8
}
button[dark-ghost]:active,
[btn][dark-ghost]:active,
button[dark]:active,
[btn][dark]:active,
button[error-ghost]:active,
[btn][error-ghost]:active,
button[error]:active,
[btn][error]:active,
button[info-ghost]:active,
[btn][info-ghost]:active,
button[info]:active,
[btn][info]:active,
button[purple-ghost]:active,
[btn][purple-ghost]:active,
button[purple]:active,
[btn][purple]:active,
button[success-ghost]:active,
[btn][success-ghost]:active,
button[success]:active,
[btn][success]:active,
button[warn-ghost]:active,
[btn][warn-ghost]:active,
button[warn]:active,
[btn][warn]:active {
	opacity:1
}
button[info],
[btn][info] {
	background:#19b6f8;
	border-color:#19b6f8
}
button[success],
[btn][success] {
	background:#08ba61;
	border-color:#08ba61
}
button[warn],
[btn][warn] {
	background:#f39509;
	border-color:#f39509
}
button[error],
[btn][error] {
	background:#d81e06;
	border-color:#d81e06
}
button[dark],
[btn][dark] {
	background:#1f1f1f;
	border-color:#1f1f1f
}
button[purple],
[btn][purple] {
	background:#7369f2;
	border-color:#7369f2
}
button[dark-ghost],
[btn][dark-ghost],
button[error-ghost],
[btn][error-ghost],
button[info-ghost],
[btn][info-ghost],
button[purple-ghost],
[btn][purple-ghost],
button[success-ghost],
[btn][success-ghost],
button[warn-ghost],
[btn][warn-ghost] {
	background:transparent
}
button[dark-ghost]:hover,
[btn][dark-ghost]:hover,
button[error-ghost]:hover,
[btn][error-ghost]:hover,
button[info-ghost]:hover,
[btn][info-ghost]:hover,
button[purple-ghost]:hover,
[btn][purple-ghost]:hover,
button[success-ghost]:hover,
[btn][success-ghost]:hover,
button[warn-ghost]:hover,
[btn][warn-ghost]:hover {
	background:rgba(255,255,255,.8)
}
button[info-ghost],
[btn][info-ghost] {
	color:#19b6f8;
	border-color:#19b6f8
}
button[success-ghost],
[btn][success-ghost] {
	color:#08ba61;
	border-color:#08ba61
}
button[warn-ghost],
[btn][warn-ghost] {
	color:#f39509;
	border-color:#f39509
}
button[error-ghost],
[btn][error-ghost] {
	color:#d81e06;
	border-color:#d81e06
}
button[dark-ghost],
[btn][dark-ghost] {
	color:#1f1f1f;
	border-color:#1f1f1f
}
button[purple-ghost],
[btn][purple-ghost] {
	color:#7369f2;
	border-color:#7369f2
}
button:disabled,
[btn][disabled] {
	background:#eaeaea!important;
	color:#aaa!important;
	cursor:not-allowed!important;
	border:#ddd solid 1px!important
}
button:disabled:hover,
[btn][disabled]:hover {
	opacity:1
}



/* --- Progress ( 内部使用 ) --- */
.ui-progress-container {
	position:relative;
	overflow:hidden;
	height:20px
}
.ui-progress-box {
	float:left;
	width:calc(100% - 50px);
	height:4px;
	border-radius:2px;
	margin-top:8px;
	background:#ddd
}
.ui-progress-box div {
	width:0;
	height:4px;
	border-radius:2px;
	background:#19b6f8;
	transition:width .1s
}
.ui-progress-result {
	float:right;
	width:34px;
	font-size:12px;
	line-height:20px;
	padding:0 10px 0 6px;
	text-align:right
}



/* --- 清除按钮 --- */
.ui-autocomplete-clear,
.ui-email-clear {
	position:absolute;
	top:0;
	width:14px;
	height:14px;
	margin-top:10px;
	background:#aaa;
	border-radius:50%;
	cursor:pointer
}
.ui-autocomplete-clear>svg,
.ui-email-clear>svg {
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%)
}



/* --- AutoComplete --- */
.ui-autocomplete-container {
	position:relative;
	height:34px
}
.ui-autocomplete-container:hover input {
	border-color:#6dcff8
}
.ui-autocomplete-container input {
	width:calc(100% - 18px);
	display:block
}
.ui-autocomplete-wrapper {
	display:none;
	position:relative;
	z-index:100;
	background:#fff;
	color:#333;
	overflow-x:hidden;
	overflow-y:auto;
	font-size:14px;
	max-height:386px;
	box-shadow:rgba(0,0,0,.07) 0 2px 9px;
	border:#e6e6e6 solid 1px;
	border-radius:4px;
	padding:6px 0
}
.ui-autocomplete-wrapper li {
	word-break:break-all;
	list-style:none;
	display:block;
	padding:8px;
	cursor:pointer;
	transition:.15s
}
.ui-autocomplete-wrapper li:hover {
	background:#f6f6f6;
	color:#19b6f8
}
.ui-autocomplete-clear {
	right:8px
}



/* --- Carousel --- */
.ui-carousel-container,
.ui-carousel-wrapper {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	overflow:hidden
}
.ui-carousel-wrapper>* {
	display:block;
	position:absolute;
	height:100%
}
.ui-carousel-fade>* {
	width:100%
}
.ui-carousel-arrow i {
	display:block;
	width:40px;
	height:40px;
	background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/PjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+PHN2ZyB0PSIxNTU1NzI0MjA4NjA5IiBjbGFzcz0iaWNvbiIgc3R5bGU9IiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHAtaWQ9IjIyOTAiIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMjgiIGhlaWdodD0iMjgiPjxkZWZzPjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+PC9zdHlsZT48L2RlZnM+PHBhdGggZD0iTTY3MC42NzY5MjkgNzc3LjU5Mjk4NCA0MDMuNjI3NzggNTEzLjM2MjAyMWwyNjUuMzIwNzg1LTI2OC4xNDYxMzNjMTEuNzc2MjA4LTExLjc3NTE4NCAxMS43MzQyNTItMzAuOTA4OTY0LTAuMDkxMDc0LTQyLjczNDI5bC0wLjAwMTAyMyAwYy0xMS44MjUzMjYtMTEuODI2MzUtMzAuOTU4MDgyLTExLjg2NzI4Mi00Mi43MjgxNSAyLjkzMDc0OUwzNDMuMTAwMjQyIDQ4OC40NDA0MjFjLTMuODE3OTU1IDQuMjczMzI3LTguMjA1ODkyIDkuMzIxMjk2LTguOTMzNDYzIDEyLjA0NTMzNy00LjQ3MDgyNSAxMS4xMTIwODItMi4yMzI4NTQgMjQuNzY1MDMzIDYuNzEwODQyIDM1Ljk4NzYzMmwyODYuOTgyMTMgMjg2Ljk4MjEzYzExLjg3NTQ2OCA4Ljg0NzUwNSAzMS4wOTYyMjkgOC44OTM1NTQgNDIuOTIyNTc4LTIuOTMyNzk2QzY4Mi42MDY2MzMgODA4LjY5NjM3NiA2ODIuNTYwNTg0IDc4OS40NzY2MzkgNjcwLjY3NjkyOSA3NzcuNTkyOTg0eiIgcC1pZD0iMjI5MSIgZmlsbD0iI2ZmZmZmZiI+PC9wYXRoPjwvc3ZnPg==);
	background-color:rgba(0,0,0,.5);
	background-position:center;
	background-repeat:no-repeat;
	position:absolute;
	top:50%;
	margin-top:-20px;
	border-radius:50%;
	cursor:pointer
}
.ui-carousel-arrow i:first-child {
	left:15px
}
.ui-carousel-arrow i:last-child {
	right:15px;
	transform:rotate(180deg)
}
.ui-carousel-dot {
	position:absolute;
	height:10px;
	bottom:20px;
	left:50%;
	transform:translateX(-50%)
}
.ui-carousel-dot i {
	display:block;
	float:left;
	cursor:pointer;
	width:10px;
	height:10px;
	border-radius:50%;
	background:rgba(255,255,255,.5);
	margin:0 5px;
	transition:.3s
}
.ui-carousel-dot i.active {
	background:#fff
}



/* --- Checkbox --- */
.ui-checkbox-container input[type=checkbox] {
	transform:scale(0);
	position:absolute;
	left:-99999px;
	opacity:0
}
.ui-checkbox,.ui-checkbox-container,.ui-checkbox-container>* {
	display:inline-block
}
.ui-checkbox {
	margin-right:20px;
	overflow:hidden;
	font-size:14px;
	cursor:pointer;
	transition:.15s
}
.ui-checkbox-vertical>* {
	display:block;
	margin:0 0 15px 0
}
.ui-checkbox>* {
	display:block;
	float:left;
	height:16px;
	line-height:16px
}
.ui-checkbox i {
	position:relative;
	width:12px;
	height:12px;
	border:#c6c6c6 solid 1px;
	border-radius:2px;
	background:#fff;
	color:#393939;
	margin:1px 8px 0 0
}
.ui-checkbox i::after {
	content:"";
	display:block;
	position:absolute;
	top:50%;
	left:50%;
	width:8px;
	height:4px;
	margin-top:-1px;
	border-left:#fff solid 2px;
	border-bottom:#fff solid 2px;
	transform:translate(-50%,-50%) rotate(-45deg) scale(.8)
}
.ui-checkbox.ui-checkbox-checked {
	color:#19b6f8
}
.ui-checkbox.ui-checkbox-checked i {
	border-color:#19b6f8;
	background:#19b6f8
}
.ui-checkbox.ui-checkbox-checked i::after {
	transition:.1s
}



/* --- Collapse --- */
.ui-collapse-container {
	position:relative;
	overflow:hidden
}
.ui-collapse-part {
	border-left:#e8e8e8 solid 1px;
	border-right:#e8e8e8 solid 1px
}
.ui-collapse-part:not(:first-child) {
	margin-top:-1px
}
.ui-collapse-title {
	display:flex;
	position:relative;
	height:auto;
	padding:12px;
	font-size:14px;
	cursor:pointer;
	word-break:break-all;
	border-top:#e8e8e8 solid 1px;
	border-bottom:#e8e8e8 solid 1px;
	justify-content:space-between
}
.ui-collapse-arrow {
	position:relative;
	display:block;
	width:10px;
	height:10px;
	overflow:hidden;
	margin-top:5px;
	transition:.2s
}
.ui-collapse-arrow-right {
	transform:rotate(-90deg);
}
.ui-collapse-arrow svg {
	position:absolute;
	width:100%;
	height:100%;
	opacity:.8
}
.ui-collapse-arrow-animate .ui-collapse-arrow-down {
	transform:rotate(180deg)
}
.ui-collapse-arrow-animate .ui-collapse-arrow-right {
	transform:rotate(0deg)
}
.ui-collapse-content {
	position:relative;
	font-size:12px;
	padding:0;
	background:#fff;
	word-break:break-all;
	overflow-y:hidden;
	height:0;
	transition:height .3s
}
.ui-collapse-show::after {
	content:"";
	display:block;
	position:absolute;
	left:0;
	bottom:0;
	width:100%;
	height:1px;
	background:#e8e8e8
}
.ui-collapse-content>div {
	margin:12px
}
.ui-collapse-no-transition {
	transition:0s
}



/* --- DatePicker --- */
.ui-datepicker-input {
	position:relative;
	height:32px;
	border:#dfdfdf solid 1px;
	border-radius:4px;
	cursor:pointer;
	font-size:14px
}
.ui-datepicker-input.active {
	border-color:#19b6f8!important
}
.ui-datepicker-input:hover {
	border-color:#6cb3ff
}
.ui-datepicker-input input {
	height:30px;
	cursor:pointer;
	border:none;
	min-width:160px;
	pointer-events:none
}
.ui-datepicker-input i {
	display:block;
	position:absolute;
	top:50%;
	right:0;
	transform:translateY(-50%);
	width:16px;
	height:16px;
	margin-right:10px;
	opacity:.4;
	background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/PjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+PHN2ZyB0PSIxNTU3NjI1NzYzMjg2IiBjbGFzcz0iaWNvbiIgc3R5bGU9IiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHAtaWQ9IjIyNTMiIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMTYiIGhlaWdodD0iMTYiPjxkZWZzPjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+PC9zdHlsZT48L2RlZnM+PHBhdGggZD0iTTg4My41IDI4My40djU3MS41YzAgMTUuNS01LjYgMjguOC0xNyA0MC4yLTExLjMgMTEuMy0yNC43IDE3LTQwLjIgMTdIMTk3LjdjLTE1LjUgMC0yOC44LTUuNi00MC4yLTE3LTExLjQtMTEuMy0xNy0yNC43LTE3LTQwLjJWMjgzLjRjMC0xNS41IDUuNi0yOC44IDE3LTQwLjIgMTEuMy0xMS4zIDI0LjctMTcgNDAuMi0xN2g1Ny4ydi00Mi44YzAtMTkuNiA2LjktMzYuNCAyMC45LTUwLjRzMzAuOC0yMC45IDUwLjQtMjAuOWgyOC41YzE5LjYgMCAzNi40IDcgNTAuNCAyMC45IDE0IDE0IDIwLjkgMzAuOCAyMC45IDUwLjR2NDIuOGgxNzEuNXYtNDIuOGMwLTE5LjYgNi45LTM2LjQgMjAuOS01MC40czMxLTIxIDUwLjYtMjFoMjguNWMxOS42IDAgMzYuNCA3IDUwLjQgMjAuOSAxNCAxNCAyMC45IDMwLjggMjAuOSA1MC40djQyLjhIODI2YzE1LjUgMCAyOC44IDUuNiA0MC4yIDE3IDExLjYgMTEuNCAxNy4zIDI0LjggMTcuMyA0MC4zek0xOTcuNyA1MjYuM2gxMjguNVYzOTcuNkgxOTcuN3YxMjguN3ogbTAgMTcxLjNoMTI4LjVWNTU0LjhIMTk3Ljd2MTQyLjh6IG0wIDE1Ny4yaDEyOC41VjcyNi4zSDE5Ny43djEyOC41eiBtMTcxLjQtNTQyLjlWMTgzLjRjMC0zLjgtMS40LTcuMi00LjItMTBzLTYuMi00LjItMTAtNC4yaC0yOC41Yy0zLjggMC03LjIgMS40LTEwIDQuMi0yLjggMi44LTQuMiA2LjItNC4yIDEwdjEyOC41YzAgMy44IDEuNCA3LjIgNC4yIDEwIDIuOCAyLjggNi4yIDQuMiAxMCA0LjJoMjguNWMzLjggMCA3LjItMS40IDEwLTQuMiAyLjgtMi44IDQuMi02LjEgNC4yLTEweiBtLTE0LjMgMjE0LjRoMTQyLjlWMzk3LjZIMzU0Ljh2MTI4Ljd6IG0wIDE3MS4zaDE0Mi45VjU1NC44SDM1NC44djE0Mi44eiBtMCAxNTcuMmgxNDIuOVY3MjYuM0gzNTQuOHYxMjguNXogbTE3MS41LTMyOC41aDE0Mi45VjM5Ny42SDUyNi4zdjEyOC43eiBtMCAxNzEuM2gxNDIuOVY1NTQuOEg1MjYuM3YxNDIuOHogbTAgMTU3LjJoMTQyLjlWNzI2LjNINTI2LjN2MTI4LjV6TTcxMiAzMTEuOVYxODMuNGMwLTMuOC0xLjQtNy4yLTQuMi0xMHMtNi4yLTQuMi0xMC00LjJoLTI4LjVjLTMuOCAwLTcuMiAxLjQtMTAgNC4ycy00LjIgNi4yLTQuMiAxMHYxMjguNWMwIDMuOCAxLjQgNy4yIDQuMiAxMHM2LjIgNC4yIDEwIDQuMmgyOC41YzMuOCAwIDcuMi0xLjQgMTAtNC4yIDIuOC0yLjggNC4yLTYuMSA0LjItMTB6IG0tMTQuMyAyMTQuNGgxMjguNVYzOTcuNkg2OTcuN3YxMjguN3ogbTAgMTcxLjNoMTI4LjVWNTU0LjhINjk3Ljd2MTQyLjh6IG0wIDE1Ny4yaDEyOC41VjcyNi4zSDY5Ny43djEyOC41eiIgcC1pZD0iMjI1NCI+PC9wYXRoPjwvc3ZnPg==) no-repeat center center
}
.ui-datepicker-container {
	display:flex;
	justify-content:space-between;
	position:absolute;
	top:0;
	left:0;
	width:280px;
	height:auto;
	background:#fff;
	border:#e9e9e9 solid 1px;
	left:0;
	padding:0 5px 0 0;
	font-size:13px;
	cursor:default;
	overflow:hidden;
	box-shadow:rgba(0,0,0,.1) 0 2px 9px
}
.ui-datepicker-container i {
	font-style:normal
}
.ui-datepicker-header {
	height:40px;
	position:relative;
	border-bottom:#e6e6e6 solid 1px
}
.ui-datepicker-next,
.ui-datepicker-prev {
	width:50px;
	height:12px;
	overflow:hidden;
	position:absolute;
	top:14px
}
.ui-datepicker-prev {
	left:15px
}
.ui-datepicker-next {
	right:15px;
	text-align:right
}
.ui-datepicker-prev svg {
	transform:rotate(90deg)
}
.ui-datepicker-next svg {
	transform:rotate(-90deg)
}
.ui-datepicker-next i,
.ui-datepicker-prev i {
	display:inline-block;
	width:16px;
	height:12px;
	cursor:pointer;
	opacity:.8;
	text-align:center
}
.ui-datepicker-prev-year svg:last-child {
	margin-left:-8px
}
.ui-datepicker-next-year svg:first-child {
	margin-right:-8px
}
.ui-datepicker-result {
	position:absolute;
	top:11px;
	left:50%;
	margin-left:-50px;
	width:100px;
	height:18px;
	line-height:18px;
	text-align:center;
	font-size:14px
}
.ui-datepicker-result span {
	cursor:pointer
}
.ui-datepicker-result span.disabled {
	pointer-events:none
}
.ui-datepicker-result span:hover {
	color:#19b6f8
}
.ui-datepicker-week {
	height:40px
}
.ui-datepicker-week i {
	display:block;
	float:left;
	width:40px;
	height:40px;
	text-align:center;
	line-height:40px;
	color:#666;
	cursor:default
}
.ui-datepicker-footer {
	text-align:right;
	display:none;
	border-top:#e6e6e6 solid 1px;
	height:46px;
	margin-bottom:5px
}
.ui-datepicker-footer button {
	height:28px;
	line-height:28px;
	font-size:13px;
	padding:0 10px;
	margin:10px 7px 0 0
}
.ui-datepicker-box {
	overflow:hidden;
	padding-bottom:10px
}
.ui-datepicker-box i {
	display:block;
	float:left;
	width:38px;
	height:38px;
	text-align:center;
	line-height:40px;
	font-size:12px;
	border:#fff solid 1px;
	color:#333;
	border-radius:6px;
	cursor:pointer
}
.ui-datepicker-box i:hover {
	background:#d6e9fb
}
i.ui-datepicker-days.active {
	color:#fff;
	cursor:default;
	background:#19b6f8
}
i.ui-datepicker-placeholder {
	color:#d4d5d7;
	cursor:not-allowed;
	background:#fff!important
}
.ui-datepicker-months,
.ui-datepicker-years {
	display:none;
	position:absolute;
	top:40px;
	left:90px;
	width:70px;
	height:280px;
	border:#e9e9e9 solid 1px;
	padding:5px 0;
	overflow-y:auto;
	background:#fff
}
.ui-datepicker-months {
	left:130px
}
.ui-datepicker-months i,
.ui-datepicker-years i {
	display:block;
	height:20px;
	line-height:20px;
	font-size:12px;
	cursor:pointer;
	text-align:center
}
.ui-datepicker-months i {
	height:23px;
	line-height:23px
}
.ui-datepicker-months i:hover,
.ui-datepicker-years i:hover {
	color:#19b6f8
}
.ui-datepicker-opacity {
	opacity:.2!important;
	pointer-events:none
}
.ui-datepicker-shortcuts {
	position:relative;
	width:99px;
	background:#f8f8f8;
	font-size:13px;
	color:#000;
	overflow:hidden;
	border-right:#eaeaea solid 1px
}
.ui-datepicker-shortcuts ul {
	position:absolute;
	top:0;
	left:0;
	width:calc(100% - 10px);
	height:calc(100% - 10px);
	padding:5px 5px 5px 10px;
	overflow-y:auto
}
.ui-datepicker-shortcuts li {
	display:block;
	cursor:pointer;
	margin-bottom:13px
}
.ui-datepicker-shortcuts li:hover {
	color:#000
}
.ui-datepicker-shortcuts li:first-child {
	margin-top:5px
}



/* --- Dialog --- */
.ui-dialog-noselect {
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none
}
.ui-dialog-container {
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:2147483580;
	pointer-events:none
}
.ui-dialog-container * {
	-webkit-tap-highlight-color:transparent;
	margin:0;
	padding:0
}
.ui-dialog-container-top {
	z-index:2147483584
}
.ui-dialog-mask {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:rgba(0,0,0,.5);
	pointer-events:auto
}
.ui-dialog-mask-show {
	animation:UIDialogMaskShow .35s;
	animation-fill-mode:forwards
}
.ui-dialog-mask-hide {
	animation:UIDialogMaskHide .35s;
	animation-fill-mode:forwards
}
.ui-dialog-wrapper {
	position:absolute;
	top:50%;
	left:50%;
	background:#fff;
	overflow:hidden;
	transform:translate(-50%,-50%);
	box-shadow:rgba(0,0,0,.12) 0 0 12px;
	pointer-events:auto
}
.ui-dialog-wrapper-fullscreen {
	width:100%!important;
	height:100%!important;
	border-radius:0!important
}
.ui-dialog-wrapper-show {
	animation:UIDialogWrapperShow .35s;
	animation-fill-mode:forwards
}
.ui-dialog-wrapper-hide {
	animation:UIDialogWrapperHide .35s;
	animation-fill-mode:forwards
}
.ui-dialog-header {
	overflow:hidden;
	border-bottom:#e6e6e6 solid 1px
}
.ui-dialog-header-move {
	cursor:grab
}
.ui-dialog-header-move-ie {
	cursor:move
}
.ui-dialog-header>span {
	display:block;
	float:left;
	width:calc(100% - 65px);
	height:52px;
	line-height:52px;
	padding:0 15px;
	font-size:16px;
	font-weight:700;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis
}
.ui-dialog-header>i {
	display:block;
	float:right;
	width:20px;
	height:20px;
	line-height:20px;
	margin:17px 13px 0 0;
	font-style:normal;
	text-align:center;
	cursor:pointer;
	opacity:.35;
	transition:.2s
}
.ui-dialog-header>i:hover {
	opacity:1
}
.ui-dialog-header-drag {
	cursor:move
}
.ui-dialog-main {
	position:relative;
	padding:15px 0;
	min-height:100px;
	font-size:14px;
	line-height:160%;
	overflow:auto;
	word-break:break-all;
	color:#292929;
	-webkit-overflow-scrolling:touch;
	overscroll-behavior:contain
}
.ui-dialog-main>div {
	overflow:hidden;
	margin:0 15px
}
.ui-dialog-main>iframe,
.ui-dialog-main>img {
	display:block;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%
}
.ui-dialog-main.ui-dialog-mobile-main {
	padding:10px 0
}
.ui-dialog-main.ui-dialog-mobile-main>div {
	margin:0 10px
}
.ui-dialog-main:hover .ui-dialog-image-prev,
.ui-dialog-main:hover .ui-dialog-image-next {
	opacity:1
}
.ui-dialog-waiting-wrapper {
	box-shadow:none;
	padding:0;
	background:rgba(0,0,0,.7);
	border-radius:4px
}
.ui-dialog-waiting-wrapper .ui-dialog-main {
	background:rgba(0,0,0,0)!important;
	min-height:0;
	color:#eee;
	font-size:13px;
	text-align:center;
	padding:10px
}
.ui-dialog-waiting-wrapper span {
	display:block;
	text-align:center;
	margin-top:8px
}
.ui-dialog-waiting-box {
	margin:0 auto!important;
	width:40px;
	height:40px;
	border-radius:50%;
	border:rgba(255,255,255,.4) solid 3px;
	border-left:#eee solid 3px;
	animation:UIDialogWaiting 1s linear infinite
}
.ui-dialog-prompt>p:first-child {
	font-size:14px;
	color:#f00;
	word-break:break-all
}
.ui-dialog-prompt>p:first-child+input {
	border-color:#f00!important
}
.ui-dialog-prompt input,
.ui-dialog-prompt textarea {
	display:block;
	box-shadow:none;
	padding:0 10px;
	width:calc(100% - 22px);
}
.ui-dialog-prompt input {
	margin:10px 0
}
.ui-dialog-image-prev,
.ui-dialog-image-next {
	opacity:0;
	transition:.2s
}
div.ui-dialog-image-wrapper {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	margin:0
}
.ui-dialog-image-wrapper>div:first-child {
	position:absolute;
	top:0;
	left:0;
	height:100%;
	transition-property:transform;
	transition-duration:.8s;
	transition-timing-function:cubic-bezier(.57,0,.375,1)
}
.ui-dialog-image-wrapper img {
	display:block;
	float:left
}
div.ui-dialog-image-next,
div.ui-dialog-image-prev {
	width:40px;
	height:40px;
	background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/PjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+PHN2ZyB0PSIxNTU1NzI0MjA4NjA5IiBjbGFzcz0iaWNvbiIgc3R5bGU9IiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHAtaWQ9IjIyOTAiIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMjgiIGhlaWdodD0iMjgiPjxkZWZzPjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+PC9zdHlsZT48L2RlZnM+PHBhdGggZD0iTTY3MC42NzY5MjkgNzc3LjU5Mjk4NCA0MDMuNjI3NzggNTEzLjM2MjAyMWwyNjUuMzIwNzg1LTI2OC4xNDYxMzNjMTEuNzc2MjA4LTExLjc3NTE4NCAxMS43MzQyNTItMzAuOTA4OTY0LTAuMDkxMDc0LTQyLjczNDI5bC0wLjAwMTAyMyAwYy0xMS44MjUzMjYtMTEuODI2MzUtMzAuOTU4MDgyLTExLjg2NzI4Mi00Mi43MjgxNSAyLjkzMDc0OUwzNDMuMTAwMjQyIDQ4OC40NDA0MjFjLTMuODE3OTU1IDQuMjczMzI3LTguMjA1ODkyIDkuMzIxMjk2LTguOTMzNDYzIDEyLjA0NTMzNy00LjQ3MDgyNSAxMS4xMTIwODItMi4yMzI4NTQgMjQuNzY1MDMzIDYuNzEwODQyIDM1Ljk4NzYzMmwyODYuOTgyMTMgMjg2Ljk4MjEzYzExLjg3NTQ2OCA4Ljg0NzUwNSAzMS4wOTYyMjkgOC44OTM1NTQgNDIuOTIyNTc4LTIuOTMyNzk2QzY4Mi42MDY2MzMgODA4LjY5NjM3NiA2ODIuNTYwNTg0IDc4OS40NzY2MzkgNjcwLjY3NjkyOSA3NzcuNTkyOTg0eiIgcC1pZD0iMjI5MSIgZmlsbD0iI2ZmZmZmZiI+PC9wYXRoPjwvc3ZnPg==);
	background-color:rgba(0,0,0,.5);
	background-position:center;
	background-repeat:no-repeat;
	position:absolute;
	top:50%;
	border-radius:50%;
	cursor:pointer;
	margin-top:-20px
}
.ui-dialog-image-prev {
	left:15px
}
.ui-dialog-image-next {
	right:15px;
	transform:rotate(180deg)
}
.ui-dialog-footer {
	text-align:right;
	height:34px;
	padding:15px 0;
	border-top:#e6e6e6 solid 1px
}
.ui-dialog-footer>div {
	display:inline-block;
	font-size:14px;
	cursor:pointer;
	text-align:center;
	border:#e8e8e8 solid 1px;
	height:32px;
	line-height:32px;
	vertical-align:middle;
	border-radius:4px;
	padding:0 14px;
	transition:.2s
}
div.ui-dialog-ok {
	color:#fff;
	background:#19b6f8;
	border-color:#19b6f8;
	margin:0 15px 0 5px
}
div.ui-dialog-ok:hover {
	background:#08a0e0;
	border-color:#08a0e0
}
div.ui-dialog-cancel {
	color:#888;
	background:#fff
}
div.ui-dialog-cancel:hover {
	background:#fafafa
}
div.ui-dialog-shortcuts-ok {
	margin:-5px 20px 0 0
}
div.ui-dialog-ok-disabled {
	pointer-events:none;
	opacity:.5
}
.ui-dialog-ok i {
	display:inline-block;
	width:12px;
	height:12px;
	margin-right:5px;
	border-radius:50%;
	border:#fff solid 1px;
	border-left:#09f solid 1px;
	animation:UIDialogWaiting 1s linear infinite
}
div.ui-dialog-checkbox {
	position:relative;
	display:block;
	float:left;
	height:14px;
	line-height:14px;
	font-size:14px;
	margin:10px 0 0 15px;
	cursor:pointer;
	border:none;
	padding:0;
	transition:none
}
div.ui-dialog-checkbox.active div {
	background:#19b6f8;
	border-color:#19b6f8
}
div.ui-dialog-checkbox.active div::after {
	content:"";
	display:block;
	position:absolute;
	top:50%;
	left:50%;
	width:8px;
	height:4px;
	margin-top:-1px;
	border-left:#fff solid 2px;
	border-bottom:#fff solid 2px;
	transform:translate(-50%, -50%) rotate(-45deg) scale(0.8)
}
.ui-dialog-checkbox div {
	position:relative;
	width:12px;
	height:12px;
	border:#aaa solid 1px;
	border-radius:2px;
	float:left;
	margin-right:6px
}
.ui-dialog-checkbox span {
	color:#4a4a4a
}
.ui-dialog-autoclose {
	position:absolute;
	left:0;
	bottom:0;
	height:3px;
	background:#19b6f8;
	width:100%;
	transform:scaleX(0);
	transform-origin:left center;
	transition-property:transform;
	transition-timing-function:linear
}
.ui-dialog-autoclose-active {
	transform:scaleX(1)
}
.ui-dialog-shortcuts>i {
	display:block;
	float:left;
	width:30px;
	height:30px;
	margin:8px 0 0 10px;
	border-radius:50%;
	transform:scale(.9)
}
.ui-dialog-shortcuts>div {
	float:left;
	width:calc(100% - 60px);
	margin:8px 0 0 10px
}
.ui-dialog-shortcuts>div p {
	display:block;
	font-size:16px;
	font-weight:700;
	word-break:break-all;
	margin-top:3px
}
.ui-dialog-shortcuts>div div {
	font-size:14px;
	margin-top:5px;
	word-break:break-all
}
@keyframes UIDialogMaskShow {
	0% { opacity:0 }
	100% { opacity:1 }
}	
@keyframes UIDialogMaskHide {
	0% { opacity:1 }
	100% { opacity:0 }
}	
@keyframes UIDialogWrapperShow {
	0% {
		opacity:0;
		transform:translate(-50%,-50%) scale(.82)
	}
	100% {
		opacity:1;
		transform:translate(-50%,-50%) scale(1)
	}
}	
@keyframes UIDialogWrapperHide {
	0% {
		opacity:1;
		transform:translate(-50%,-50%) scale(1)
	}
	100% {
		opacity:0;
		transform:translate(-50%,-50%) scale(.82)
	}
}	
@keyframes UIDialogWaiting {
	0% { transform:translateY(2px) rotate(0) scale(.85) }
	100% { transform:translateY(2px) rotate(360deg) scale(.85) }
}



/* --- Drawer --- */
.ui-drawer-container {
	display:none
}
.ui-drawer-mask {
	opacity:0;
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:rgba(0,0,0,.5)
}
.ui-drawer-wrapper {
	opacity:0;
	position:fixed;
	top:0;
	right:0;
	margin-left:100%;
	height:100%;
	min-width:200px;
	background:#fff;
	overflow:hidden;
	box-shadow:rgba(0,0,0,.12) 0 0 12px;
	transform:translateZ(0)
}
.ui-drawer-wrapper.ui-drawer-left {
	right:auto;
	left:0
}
.ui-drawer-header {
	height:50px;
	line-height:50px;
	font-size:14px;
	font-weight:700;
	border-bottom:#e6e6e6 solid 1px
}
.ui-drawer-header span {
	width:calc(100% - 30px);
	display:inline-block;
	margin:0 15px;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis
}
.ui-drawer-header i {
	display:block;
	float:right;
	width:16px;
	height:16px;
	margin:17px 15px 0 0;
	position:relative;
	transform:scale(.9);
	opacity:.4;
	cursor:pointer;
	transition:.2s
}
.ui-drawer-header i:hover {
	opacity:1
}
.ui-drawer-header i svg {
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%)
}
.ui-drawer-body {
	position:absolute;
	top:51px;
	left:0;
	width:100%;
	height:calc(100% - 51px);
	overflow-x:hidden;
	overflow-y:auto
}
.ui-drawer-body>div {
	margin:15px;
	font-size:14px;
	position:relative
}



/* --- Email --- */
.ui-email-container {
	height:34px;
	border-radius:4px;
	position:relative
}
.ui-email-container:hover {
	border-color:#6dcff8
}
.ui-email-container.focus {
	border-color:#19b6f8
}
.ui-email-container input {
	position:relative;
	z-index:5;
	display:block;
	float:left;
	width:calc(100% - 139px);
	min-width:0;
	border-radius:4px 0 0 4px
}
.ui-email-layer {
	position:absolute;
	top:1px;
	left:1px;
	height:calc(100% - 2px);
	width:calc(100% - 141px);
	padding:0 8px;
	font-size:14px;
	background:#fff;
	border-radius:4px;
	z-index:10;
	pointer-events:none;
	display:none
}
.ui-email-suffix {
	position:relative;
	float:right;
	width:120px;
	height:32px;
	margin-top:-34px;
	background:#f3f3f3;
	border:#e8e8e8 solid 1px;
	text-align:left;
	line-height:32px;
	font-size:13px;
	border-radius:0 4px 4px 0;
	cursor:pointer
}
.ui-email-suffix i {
	display:block;
	position:absolute;
	right:8px;
	top:50%;
	transform:translateY(-50%);
	width:10px;
	height:10px
}
.ui-email-suffix i.active {
	transform:translateY(-50%) rotate(180deg)
}
.ui-email-suffix i svg {
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%)
}
.ui-email-suffix span {
	display:block;
	height:32px;
	line-height:32px;
	margin-left:10px;
	color:#4f4f4f
}
.ui-email-suffix b {
	margin-right:1px;
	font-weight:400
}
.ui-email-suffix ul {
	width:120px;
	max-height:342px;
	overflow-y:auto;
	overflow-x:hidden;
	position:relative;
	z-index:10;
	display:block;
	background:#fff;
	padding:4px 0;
	margin-top:1px;
	border-radius:4px;
	box-shadow:#ddd 0 0 10px;
	color:#333
}
.ui-email-suffix li {
	display:block;
	width:100px;
	padding:0 10px;
	height:32px;
	line-height:32px;
	list-style:none;
	transition:.1s
}
.ui-email-suffix li.active,
.ui-email-suffix li:hover {
	background:#f6f6f6;
	color:#19b6f8
}
.ui-email-clear {
	z-index:8;
	right:130px
}



/* --- InputNumber --- */
.ui-inputnumber-container {
	width:148px;
	height:32px;
	border:#e6e6e6 solid 1px;
	border-radius:4px;
	background:#fff;
	overflow:hidden;
	cursor:pointer;
	transition:border-color .2s
}
.ui-inputnumber-container.active,
.ui-inputnumber-container:hover {
	border-color:#19b6f8
}
.ui-inputnumber-container>* {
	float:left;
	cursor:pointer
}
.ui-inputnumber-container>div {
	width:32px;
	height:32px;
	background:#f7f7f7;
	position:relative
}
.ui-inputnumber-container>div svg {
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	width:17px;
	height:17px
}
.ui-inputnumber-container>div:first-of-type {
	border-right:#e6e6e6 solid 1px
}
.ui-inputnumber-container>div:last-of-type {
	border-left:#e6e6e6 solid 1px
}
.ui-inputnumber-container>input {
	display:block;
	width:74px;
	min-width:0;
	border:none;
	padding:0 4px;
	text-align:center;
	color:#666;
	border-radius:0;
	transition:0s
}
.ui-inputnumber-container.ui-inputnumber-disabled:hover {
	border-color:#e6e6e6
}
.ui-inputnumber-container.ui-inputnumber-disabled div,
.ui-inputnumber-container.ui-inputnumber-disabled input {
	background:#f3f3f3;
	color:#bbb
}
.ui-inputnumber-container.ui-inputnumber-disabled,
.ui-inputnumber-container.ui-inputnumber-disabled>* {
	cursor:not-allowed
}
.ui-inputnumber-container.ui-inputnumber-disabled svg {
	opacity:.6
}



/* --- Loading --- */
.ui-loading-container {
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;
	z-index:99;
	overflow:hidden;
	background-color:#fff
}
.ui-loading-wrapper {
	position:absolute;
	top:50%;
	left:0;
	width:100%;
	height:60px;
	margin-top:-30px;
	overflow:hidden
}
.ui-loading-box {
	position:relative;
	overflow:hidden;
	width:36px;
	height:36px;
	margin:0 auto
}
.ui-loading-text {
	position:absolute;
	bottom:0;
	width:100%;
	height:20px;
	line-height:20px;
	font-size:12px;
	text-align:center;
	white-space:nowrap;
	color:#19b6f8
}
.ui-loading-ring {
	width:31px;
	height:31px;
	border-radius:50%;
	border:#dfdfdf solid 2.5px;
	border-left-color:#19b6f8;
	animation:UIloading 1s linear infinite
}
@keyframes UIloading {
	0% {
		transform:rotate(0)
	}
	100% {
		transform:rotate(360deg)
	}
}



/* --- Message --- */
.ui-message-container {
	position:fixed;
	top:0;
	left:0;
	z-index:99999;
	width:100%;
	pointer-events:none
}
.ui-message-wrapper {
	width:auto;
	overflow:hidden;
	background:#fff;
	box-shadow:rgba(0,0,0,.12) 0 2px 6px;
	padding:13px 15px;
	border-radius:6px;
	font-size:14px;
	margin:0 auto 20px;
	pointer-events:auto
}
.ui-message-show {
	animation:UIMessageShow .35s;
	animation-fill-mode:forwards
}
.ui-message-hide {
	animation:UIMessageHide .35s;
	animation-fill-mode:forwards
}
.ui-message-wrapper>div {
	float:left;
	height:18px;
	line-height:17px;
	overflow:hidden
}
.ui-message-content {
	max-width:500px;
	margin-left:8px;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis
}
@media screen and (max-width:414px) {
	.ui-message-content {
		max-width:300px
	}
}
.ui-message-close {
	cursor:pointer;
	margin:1px -6px 0 10px;
	transform:scale(.85);
	color:#666;
	opacity:.5;
	transition:opacity .2s
}
.ui-message-close:hover {
	opacity:1
}
@keyframes UIMessageShow {
	0% {
		opacity:0;
		transform:translateY(1px) scale(.95)
	}
	100% {
		opacity:1;
		transform:translateY(20px) scale(1)
	}
}
@keyframes UIMessageHide {
	0% {
		opacity:1;
		transform:translateY(20px) scale(1)
	}
	100% {
		opacity:0;
		transform:translateY(1px) scale(.95)
	}
}



/* --- Notice --- */
.ui-notice-container {
	position:fixed;
	top:0;
	right:20px;
	z-index:99999;
	width:320px;
	height:0
}
.ui-notice-wrapper {
	position:relative;
	width:290px;
	padding:15px;
	background:#fff;
	box-shadow:rgba(0,0,0,.12) 0 0 8px;
	border-radius:4px;
	overflow:hidden;
	margin:20px 0 0 0
}
.ui-notice-show {
	animation:UINoticeShow .35s;
	animation-fill-mode:forwards
}
.ui-notice-hide {
	animation:UINoticeHide .35s;
	animation-fill-mode:forwards
}
.ui-notice-wrapper>* {
	display:block;
	float:left
}
.ui-notice-icon {
	width:18px;
	height:18px;
	line-height:18px
}
.ui-notice-box {
	display:block;
	padding-left:8px;
	min-height:16px;
	width:calc(100% - 45px)
}
.ui-notice-title {
	height:16px;
	line-height:16px;
	font-size:14px;
	margin-top:1px;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis
}
.ui-notice-content {
	font-size:12px;
	margin-top:5px;
	word-break:break-all
}
.ui-notice-close {
	float:right;
	opacity:.3;
	height:16px;
	cursor:pointer;
	margin-top:1px;
	transition:opacity .2s
}
.ui-notice-close:hover {
	opacity:1
}
@keyframes UINoticeShow {
	0% {
		opacity:0;
		transform:translateX(380px)
	}
	100% {
		opacity:1;
		transform:translateX(0)
	}
}
@keyframes UINoticeHide {
	0% {
		opacity:1;
		transform:translateX(0)
	}
	100% {
		opacity:0;
		transform:translateX(380px)
	}
}



/* --- Page --- */
.ui-page-outer {
	display:inline-block;
	overflow:hidden;
	position:relative
}
.ui-page-container {
	height:40px;
	overflow:hidden;
	font-size:13px;
	float:left
}
.ui-page-container i {
	font-style:normal
}
.ui-page-container>div {
	float:left
}
.ui-page-first,
.ui-page-last,
.ui-page-next,
.ui-page-prev {
	width:38px;
	height:38px;
	line-height:38px;
	text-align:center;
	cursor:pointer;
	position:relative;
	border-left:#e6e6e6 solid 1px;
	border-top:#e6e6e6 solid 1px;
	border-bottom:#e6e6e6 solid 1px
}
.ui-page-next,
.ui-page-prev {
	width:60px
}
.ui-page-first,
.ui-page-last {
	width:46px
}
.ui-page-first:hover,
.ui-page-last:hover,
.ui-page-next:hover,
.ui-page-prev:hover {
	background:#fafafa
}
.ui-page-first:active,
.ui-page-last:active,
.ui-page-next:active,
.ui-page-prev:active {
	background:#f5f5f5
}
.ui-page-wrapper {
	max-width:390px;
	height:40px;
	overflow:hidden
}
.ui-page-wrapper div {
	height:40px
}
.ui-page-wrapper i {
	display:block;
	float:left;
	width:38px;
	height:38px;
	line-height:40px;
	text-align:center;
	cursor:pointer;
	border-left:#e6e6e6 solid 1px;
	border-top:#e6e6e6 solid 1px;
	border-bottom:#e6e6e6 solid 1px
}
.ui-page-wrapper i:hover {
	color:#19b6f8
}
.ui-page-wrapper i.active {
	color:#fff;
	background:#19b6f8;
	cursor:default
}
.ui-page-first {
	border-radius:6px 0 0 6px
}
.ui-page-last {
	border-radius:0 6px 6px 0;
	border-right:#e6e6e6 solid 1px
}
.ui-page-total {
	float:left;
	height:40px;
	line-height:40px;
	font-size:14px;
	color:#393939;
	margin-right:15px
}
.ui-page-total span {
	margin:0 3px
}
.ui-page-to {
	float:left;
	height:30px;
	font-size:14px;
	color:#393939;
	margin:5px 0 0 15px
}
.ui-page-to input {
	text-align:center;
	min-width:auto;
	width:32px;
	height:28px;
	margin:0 6px
}



/* --- Radio --- */
.ui-radio-container input[type=radio] {
	transform:scale(0);
	position:absolute;
	left:-99999px;
	opacity:0
}
.ui-radio,
.ui-radio-container,
.ui-radio-container>* {
	display:inline-block
}
.ui-radio {
	font-size:14px;
	cursor:pointer;
	overflow:hidden;
	margin-right:20px;
	transition:.15s
}
.ui-radio-vertical>* {
	display:block;
	margin:0 0 15px 0
}
.ui-radio>* {
	display:block;
	float:left;
	height:16px;
	line-height:16px
}
.ui-radio i {
	position:relative;
	width:12px;
	height:12px;
	border:#bbb solid 1px;
	border-radius:7px;
	background:#fff;
	color:#393939;
	margin:1px 8px 0 0
}
.ui-radio i::after {
	content:"";
	display:block;
	position:absolute;
	top:0;
	left:0;
	width:8px;
	height:8px;
	border-radius:5px;
	margin:2px;
	background:#fff;
	transform:scale(.8)
}
.ui-radio.ui-radio-checked {
	color:#19b6f8;
	cursor:default
}
.ui-radio.ui-radio-checked i {
	border-color:#19b6f8
}
.ui-radio.ui-radio-checked i::after {
	background:#19b6f8;
	transition:.2s;
	transform:scale(1)
}



/* --- Select --- */
.ui-select-input {
	height:32px;
	border:#dfdfdf solid 1px;
	border-radius:4px;
	cursor:pointer;
	font-size:14px;
	transition:border-color .2s
}
.ui-select-input.active,
.ui-select-input:hover {
	border-color:#19b6f8
}
.ui-select-input input {
	min-width:0;
	width:calc(100% - 50px);
	padding:0 10px;
	border:none;
	pointer-events:none
}
.ui-select-input i {
	position:relative;
	display:block;
	float:right;
	width:30px;
	height:32px
}
.ui-select-input i svg {
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	width:12px;
	height:12px;
	opacity:.5
}
.ui-select-placeholder {
	color:#aaa
}
.ui-select-selected {
	color:#000
}
.ui-select-wrapper {
	font-size:14px;
	padding:6px 0;
	border:#e6e6e6 solid 1px;
	background:#fff;
	position:relative;
	z-index:99;
	border-radius:4px;
	overflow-x:hidden;
	overflow-y:auto;
	max-height:386px;
	box-shadow:rgba(0,0,0,.07) 0 2px 9px
}
.ui-select-wrapper input {
	display:block;
	min-width:0;
	border:#dfdfdf solid 1px;
	border-radius:4px;
	height:28px;
	width:calc(100% - 40px);
	padding:0 10px;
	font-size:12px;
	margin:3px auto 5px
}
.ui-select-button {
	text-align:center;
	margin:12px 0
}
.ui-select-button button {
	height:24px;
	line-height:24px;
	font-size:12px;
	padding:0 8px;
	margin:0 2px
}
.ui-select-button button:first-child {
	margin-left:10px
}
.ui-select {
	position:relative;
	padding:8px 0;
	cursor:pointer;
	color:#333;
	transition:.1s
}
.ui-select.ui-select-selected,
.ui-select:hover {
	background:#f6f6f6;
	color:#19b6f8
}
.ui-select.ui-select-selected::after {
	content:"";
	display:block;
	width:9px;
	height:6px;
	border-top:#19b6f8 solid 1px;
	border-right:#19b6f8 solid 1px;
	position:absolute;
	top:50%;
	right:10px;
	transform:translateY(-50%) rotate(135deg)
}
.ui-select span {
	margin:0 10px
}
.ui-select-wrapper p {
	text-align:center;
	color:#888;
	margin:10px 0
}



/* --- Switch --- */
.ui-switch-container {
	position:relative;
	width:46px;
	height:20px;
	font-size:12px;
	border-radius:10px;
	background:#ccc;
	overflow:hidden;
	cursor:pointer;
	transition:background .2s
}
.ui-switch-container.active {
	background:#19b6f8
}
.ui-switch-text {
	width:16px;
	height:20px;
	line-height:19px;
	text-align:center;
	color:#fff;
	opacity:0;
	transform:scale(.9);
	transition:opacity .2s
}
.ui-switch-text.active {
	opacity:1
}
.ui-switch-text:first-of-type {
	float:left;
	margin-left:4px
}
.ui-switch-text:nth-of-type(2) {
	float:right;
	margin-right:4px
}
.ui-switch-dot {
	position:absolute;
	width:16px;
	height:16px;
	border-radius:50%;
	background:#fff;
	margin:2px;
	left:0;
	transition:left .2s
}
.ui-switch-dot.active {
	left:26px
}



/* --- Table --- */
.ui-table-border {
	border:#dfdfdf solid 1px;
}
.ui-table-container {
	position:relative;
	overflow:hidden
}
.ui-table-container table {
	width:100%
}
.ui-table-container td {
	border-left:#dfdfdf solid 1px;
	border-top:#dfdfdf solid 1px;
	font-size:14px;
	padding:10px
}
.ui-table-container tr:first-child td {
	border-top:none;
}
.ui-table-container tr td:first-child {
	border-left:none;
}
.ui-table-container td>div {
	display:inline-block
}
.ui-table-container td>div span {
	display:block;
	float:left
}
.ui-table-thead+.ui-table-tbody {
	border-top:#dfdfdf solid 1px;
	margin-top:-1px
}
.ui-table-thead+.ui-table-tbody table {
	margin-top:-1px
}
.ui-table-thead {
	background:#f3f3f3;
	font-weight:700;
	overflow:hidden
}
.ui-table-tbody {
	overflow-x:hidden;
	overflow-y:auto;
	color:#222
}
.ui-table-bodyscroll table {
	margin-bottom:-1px
}
.ui-table-stripe tr:nth-child(2n) {
	background:#f6f6f6
}
.ui-table-align-left td {
	text-align:left
}
.ui-table-align-center td {
	text-align:center
}
.ui-table-align-right td {
	text-align:right
}
.ui-table-hoverhighlight tr {
	transition:background .1s
}
.ui-table-hoverhighlight tr:hover {
	color:#000;
	background:rgba(28,183,248,.1)
}
.ui-table-autonumber {
	width:50px
}
.ui-table-select {
	width:20px
}
.ui-table-select i {
	display:block;
	position:relative;
	width:12px;
	height:12px;
	border:#c6c6c6 solid 1px;
	border-radius:2px;
	background:#fff;
	color:#393939;
	margin:0 auto;
	cursor:pointer
}
.ui-table-select i::after {
	content:"";
	display:block;
	position:absolute;
	top:50%;
	left:50%;
	width:8px;
	height:4px;
	margin-top:-1px;
	border-left:#fff solid 2px;
	border-bottom:#fff solid 2px;
	transform:translate(-50%,-50%) rotate(-45deg) scale(.8)
}
.ui-table-select.ui-table-selected {
	color:#19b6f8
}
.ui-table-select.ui-table-selected i {
	border-color:#19b6f8;
	background:#19b6f8
}
.ui-table-select.ui-table-selected i::after {
	transition:.1s
}
.ui-table-arrow {
	display:inline-block;
	height:19px;
	width:10px;
	position:relative;
	margin-left:5px
}
.ui-table-sort-down,.ui-table-sort-up {
	position:absolute;
	display:block;
	width:0;
	height:0;
	border:5px solid transparent;
	transition:.2s;
	cursor:pointer
}
.ui-table-sort-up {
	border-bottom-color:#aaa;
	top:0;
	margin-top:-1.5px
}
.ui-table-sort-up.active,
.ui-table-sort-up:hover {
	border-bottom-color:#19b6f8
}
.ui-table-sort-down {
	border-top-color:#aaa;
	bottom:0;
	margin-bottom:-1.5px
}
.ui-table-sort-down.active,
.ui-table-sort-down:hover {
	border-top-color:#19b6f8
}
.ui-table-checkbox {
	width:20px
}
.ui-table-checkbox i {
	cursor:pointer
}



/* --- Tabs --- */
.ui-tabs-header {
	height:36px;
	border-bottom:#e5e5e5 solid 1px;
	position:relative
}
.ui-tabs-header>* {
	float:left;
	position:relative;
	overflow:hidden;
	height:36px;
	line-height:36px;
	padding:0 20px;
	cursor:pointer;
	font-size:14px;
	max-width:158px;
	white-space:nowrap;
	text-overflow:ellipsis
}
.ui-tabs-line {
	position:absolute;
	bottom:-1px;
	height:2px;
	background:#19b6f8;
	padding:0
}
.ui-tabs-card>* {
	border-top:#e5e5e5 solid 1px;
	border-left:#e5e5e5 solid 1px;
	border-right:#e5e5e5 solid 1px;
	border-radius:4px 4px 0 0;
	background:#f8f8f8;
	color:#777;
	height:35px
}
.ui-tabs-card>:not(.ui-tabs-active):hover {
	color:#000
}
.ui-tabs-card>:not(:last-child) {
	margin-right:5px
}
.ui-tabs-wrapper {
	width: 100%;
	max-width:0;
}
.ui-tabs-active {
	position:relative;
	color:#19b6f8;
	background:#fff;
	height:36px;
	border-color:#19b6f8
}
.ui-tabs-content {
	position:relative;
	overflow:hidden;
	padding:10px;
	font-size:14px
}
.ui-tabs-content>* {
	position:relative
}



/* --- Top --- */
.ui-top {
	display:none;
	position:fixed;
	bottom:20px;
	right:20px;
	z-index:10;
	width:40px;
	height:36px;
	border-radius:4px;
	cursor:pointer;
	background:rgba(0,0,0,.5);
	transition:background .2s
}
.ui-top:hover {
	background:rgba(0,0,0,.7)
}
.ui-top>div {
	width:12px;
	height:12px;
	margin:0 auto;
	border-top:#fff solid 2px;
	border-left:#fff solid 2px;
	transform:translateY(14px) rotate(45deg)
}



/* --- Upload --- */
.ui-upload-file {
	display:none;
	position:absolute;
	left:-99999px
}