/*!
 * =====================================================
 * Aui
 * versions 1.0.0
 * cl15095344637@163.com
 * =====================================================
 */
/* @import url("reset.css"); */
@import url("aui.iconfont.css");

:root {
	--aui-w: 100%;
	--aui-h: 100%;
	--aui-bg: #197de0;
	--aui-color: #197de0;
	--aui-border-bg: #fff;
	--aui-blue: #00C87C;
	--aui-black: #000;
	--aui-white: #fff;
	--aui-red: red;
	--aui-red-f5: #f55;
	--aui-btn-color: #197de0;
	--aui-btn-bg: #FFF;
	--aui-btn-border-bg: #197de0;
	--aui-jianbian: linear-gradient(to right, #197de0, #73b9ec)
}

* {
	margin: 0;
	padding: 0;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none
}

body {
	min-width: var(--aui-w);
	min-height: 100vh;
	background: #f4f4f4
}

body::-webkit-scrollbar,
.aui-content::-webkit-scrollbar {
	max-width: 1px !important
}

[v-cloak] {
	display: none !important
}

.aui-col-xs-1 {
	width: 100%
}

.aui-col-xs-2 {
	width: 50%
}

.aui-col-xs-3 {
	width: 33.33%
}

.aui-col-xs-4 {
	width: 25%
}

.aui-col-xs-5 {
	width: 20%
}

.aui-col-xs-6 {
	width: 16.67%
}

.aui-col-xs-7 {
	width: 14.29%
}

.aui-col-xs-8 {
	width: 12.5%
}

.aui-col-xs-9 {
	width: 11.11%
}

.aui-col-xs-10 {
	width: 10%
}

.aui-col-xs-11 {
	width: 9.09%
}

.aui-col-xs-12 {
	width: 8.33%
}

.aui-header {
	width: 100%;
	height: 50px;
	background: var(--aui-jianbian);
	overflow: hidden;
	position: relative;
	left: 0;
	top: 0;
	z-index: 997
}

.aui-header:before {
	content: '';
	width: 100px;
	height: 50px;
	background: linear-gradient(to right, #f55, #f77);
	opacity: .9;
	transform: skewX(45deg);
	position: absolute;
	left: -25px;
	top: 0
}

.aui-header-left {
	width: 44px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	position: absolute;
	bottom: 0;
	left: 0
}

.aui-header-left i {
	font-size: 25px;
	color: #FFF
}

.aui-header-title {
	height: 50px;
	line-height: 50px;
	color: #FFF;
	font-size: 18px;
	text-align: center;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	position: absolute;
	left: 44px;
	right: 44px;
	bottom: 0
}

.aui-header-right {
	width: 44px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	position: absolute;
	bottom: 0;
	right: 0
}

.aui-header-right i {
	font-size: 30px;
	padding: 1px 0 0 0;
	box-sizing: border-box;
	display: inline-block;
	color: #FFF;
	position: absolute;
	top: 50%;
	left: 50%;
	-ms-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%)
}

.aui-content,
.content {
	width: 100%;
	height: -webkit-calc(100vh - 50px);
	height: calc(100vh - 50px);
	overflow-y: scroll;
	padding: 0;
	box-sizing: border-box
}

.aui-footer {
	width: 100vw;
	height: 55px;
	background: #FFF;
	display: flex;
	justify-content: space-around;
	white-space: nowrap;
	position: fixed !important;
	bottom: 0;
	left: 0;
	z-index: 997
}

.aui-footer-list {
	padding: 5px 20px 3px 20px;
	max-width: 25%;
	text-align: center;
	flex: 1;
	box-sizing: border-box;
	display: inline-block
}

.aui-footer-list i {
	width: 100%;
	display: inline-block;
	font-size: 30px;
	background: #aaa;
	-webkit-background-clip: text;
	color: transparent
}

.aui-footer-list p {
	width: 100%;
	height: 20px;
	line-height: 12px;
	font-size: 12px;
	background: #aaa;
	-webkit-background-clip: text;
	color: transparent
}

.aui-footer-list.active i,
.aui-footer-list.active p {
	background: #197de0;
	-webkit-background-clip: text;
	color: transparent
}

.row-before {
	position: relative
}

.row-before:before {
	content: '';
	width: 100%;
	height: 1px !important;
	background: rgba(100, 100, 100, .3);
	-ms-transform: scaleY(.3);
	-webkit-transform: scaleY(.3);
	transform: scaleY(.3);
	position: absolute;
	top: 0;
	right: 0;
	left: auto;
	z-index: 1
}

.row-after {
	position: relative
}

.row-after:after {
	content: '';
	width: 100%;
	height: 1px !important;
	background: rgba(100, 100, 100, .3);
	-ms-transform: scaleY(.3);
	-webkit-transform: scaleY(.3);
	transform: scaleY(.3);
	position: absolute;
	bottom: 0;
	right: 0;
	left: auto;
	z-index: 1
}

.col-before {
	position: relative
}

.col-before:before {
	content: '';
	width: 1px !important;
	height: 100%;
	background: rgba(100, 100, 100, .3);
	-ms-transform: scaleX(.3);
	-webkit-transform: scaleX(.3);
	transform: scaleX(.3);
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1
}

.col-after {
	position: relative
}

.col-after:after {
	content: '';
	width: 1px !important;
	height: 100%;
	background: rgba(100, 100, 100, .3);
	-ms-transform: scaleX(.3);
	-webkit-transform: scaleX(.3);
	transform: scaleX(.3);
	position: absolute;
	top: 0;
	right: 0;
	z-index: 1
}

.border {
	position: relative
}

.border:after {
	content: '';
	width: -webkit-calc(200% - 2px);
	width: calc(200% - 2px);
	height: -webkit-calc(200% - 2px);
	height: calc(200% - 2px);
	border-radius: 3px;
	border: 1px solid rgba(100, 100, 100, .3);
	position: absolute;
	left: -50%;
	top: -50%;
	-ms-transform: scale(.5, .5);
	-webkit-transform: scale(.5, .5);
	transform: scale(.5, .5);
	z-index: 1
}

.aui-text-gray {
	color: #aaa
}

.aui-lists {
	width: 100%
}

.aui-list {
	width: 100%;
	min-height: 55px;
	font-size: 0;
	padding: 10px 15px;
	background: #fff;
	box-sizing: border-box;
	position: relative;
	z-index: 1
}

.aui-list.aui-list-disabled {
	pointer-events: none;
	cursor: default
}

.aui-list.aui-list-disabled * {
	opacity: .6
}

.aui-list:after {
	content: '';
	width: 100%;
	height: 1px;
	background: rgba(100, 100, 100, .3);
	-ms-transform: scaleY(.3);
	-webkit-transform: scaleY(.3);
	transform: scaleY(.3);
	position: absolute;
	bottom: 0;
	left: 0
}

.aui-list:last-child:after {
	display: none
}

.aui-list-title {
	width: 100%;
	height: 40px;
	line-height: 50px;
	font-size: 13px;
	padding: 0 15px;
	box-sizing: border-box;
	color: #646464;
	display: inline-block
}

.aui-list-left {
	line-height: 35px;
	font-size: 15px;
	color: #333;
	display: inline-block;
	vertical-align: top
}

.aui-list-left i {
	width: 30px;
	height: 100%;
	line-height: 35px;
	text-align: left;
	display: inline-block;
	vertical-align: top;
	position: relative
}

.aui-list-left img {
	height: 18px;
	margin: -0 10px 0 0;
	display: inline-block;
	vertical-align: middle;
	position: relative;
	top: -1px
}

.aui-list-left-desc {
	line-height: 20px;
	font-size: 12px;
	color: #aaa
}

.aui-list-right {
	line-height: 35px;
	font-size: 13px;
	display: inline-block;
	vertical-align: top;
	float: right
}

.aui-list-right span {
	height: 35px;
	line-height: 36px;
	font-size: 14px;
	display: inline-block;
	vertical-align: middle;
	position: relative;
	top: 1px
}

.aui-list-right .aui-btn-right {
	text-align: center;
	font-size: 15px;
	display: inline-block;
	color: #aaa;
	vertical-align: middle;
	position: relative;
	top: 1px
}

.aui-grids {
	width: 100%;
	font-size: 0
}

.aui-grid {
	display: inline-block;
	background: #FFF;
	padding: 15px 10px;
	box-sizing: border-box;
	vertical-align: top;
	position: relative
}

.aui-grid::before {
	content: '';
	width: 1px;
	height: 100%;
	background: rgba(100, 100, 100, .3);
	-webkit-transform: scaleX(.3);
	transform: scaleX(.3);
	position: absolute;
	top: 0;
	right: 0;
	z-index: 1
}

.aui-grid::after {
	content: '';
	width: 100%;
	height: 1px;
	background: rgba(100, 100, 100, .3);
	-webkit-transform: scaleY(.3);
	transform: scaleY(.3);
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 1
}

.aui-grid.aui-col-xs-1:nth-child(n)::before {
	display: none
}

.aui-grid.aui-col-xs-2:nth-child(2n)::before {
	display: none
}

.aui-grid.aui-col-xs-3:nth-child(3n)::before {
	display: none
}

.aui-grid.aui-col-xs-4:nth-child(4n)::before {
	display: none
}

.aui-grid.aui-col-xs-5:nth-child(5n)::before {
	display: none
}

.aui-grid.aui-col-xs-6:nth-child(6n)::before {
	display: none
}

.aui-grid.aui-col-xs-7:nth-child(7n)::before {
	display: none
}

.aui-grid.aui-col-xs-8:nth-child(8n)::before {
	display: none
}

.aui-grid.aui-col-xs-9:nth-child(9n)::before {
	display: none
}

.aui-grid.aui-col-xs-10:nth-child(10n)::before {
	display: none
}

.aui-grid.aui-col-xs-11:nth-child(11n)::before {
	display: none
}

.aui-grid.aui-col-xs-12:nth-child(12n)::before {
	display: none
}

.aui-grid-icon {
	width: 100%;
	height: 30px;
	margin: 0 0 5px 0;
	display: flex;
	align-items: center;
	text-align: center;
	justify-content: center
}

.aui-grid-icon .iconfont {
	font-size: 30px
}

.aui-grid-text {
	width: 100%;
	height: 20px;
	line-height: 20px;
	font-size: 13px;
	overflow: hidden;
	text-align: center;
	text-overflow: ellipsis;
	white-space: nowrap;
	color: #888
}

.aui-btn {
	width: -webkit-calc(100% - 30px);
	width: calc(100% - 30px);
	height: 50px;
	line-height: 50px;
	text-align: center;
	border: 0;
	color: #FFF;
	font-size: 15px;
	background: #2979ff;
	border-radius: 5px;
	margin: 0 15px 15px 15px;
	padding: 0 10px;
	transition: background-color .2s;
	box-sizing: border-box;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	position: relative
}

.aui-btn-blue {
	background: var(--aui-blue);
	color: #FFF
}

.aui-btn-load {
	background: #2b85e4;
	pointer-events: none;
	cursor: default
}

.aui-btn-disabled {
	background: #a0cfff;
	pointer-events: none;
	cursor: default
}

.aui-btn-round {
	border-radius: 50px
}

.aui-btn-success {
	background: #19be6b
}

.aui-btn-success.aui-btn-disabled {
	background: #71d5a1
}

.aui-btn-error {
	background: #fa3534
}

.aui-btn-error.aui-btn-disabled {
	background: #fab6b6
}

.aui-btn-waring {
	background: #f90
}

.aui-btn-waring.aui-btn-disabled {
	background: #fcbd71
}

.aui-btn-linear {
	background: 0;
	color: #0062cc;
	border: 1px solid #0062cc
}

.aui-btn-linear.aui-btn-disabled {
	background: 0;
	color: #aaa;
	border: 1px solid #aaa
}

.aui-btn-medium {
	width: 50%
}

.aui-btn-small {
	width: auto;
	height: auto;
	line-height: initial;
	padding: 3px 10px
}

.aui-card {
	width: 100%;
	background-color: #FFF;
	overflow: hidden
}

.aui-card.aui-card-shandow {
	box-shadow: 0 0 1px rgba(100, 100, 100, .5)
}

.aui-card.aui-card-disabled {
	pointer-events: none;
	cursor: default
}

.aui-card.aui-card-disabled * {
	opacity: .6
}

.aui-card.aui-card-round {
	border-radius: 10px
}

.aui-card.aui-card-round .aui-card-title {
	border-radius: 10px 10px 0 0
}

.aui-card.aui-card-round .aui-card-main,
.aui-card.aui-card-round .aui-card-down {
	border-radius: 0 0 10px 10px
}

.aui-card-image .aui-card-main {
	padding: 0
}

.aui-card-title {
	width: 100%;
	height: 44px;
	line-height: 44px;
	font-size: 15px;
	padding: 0 10px 0 15px;
	box-sizing: border-box;
	background: #efeff4
}

.aui-card-title-line {
	width: 3px;
	height: 14px;
	background: #197de0;
	margin: 15px 10px 15px 0;
	border-radius: 3px;
	display: inline-block;
	vertical-align: top
}

.aui-card-title-right {
	line-height: 43px;
	float: right;
	font-size: 14px;
	color: #333
}

.aui-card-title-right i {
	position: relative;
	top: 1px;
	right: -2px
}

.aui-card-main {
	width: 100%;
	padding: 15px 10px;
	box-sizing: border-box
}

.aui-card-down {
	width: 100%;
	min-height: 50px;
	padding: 10px 15px;
	box-sizing: border-box;
	position: relative
}

.aui-card-main .aui-card-down-tip {
	width: 80%;
	line-height: 30px;
	font-size: 14px;
	color: #aaa
}

.aui-card-image .img {
	width: 100%;
	height: 200px;
	overflow: hidden;
	position: relative
}

.aui-card-image .img img {
	width: 100%;
	position: absolute;
	top: 50%;
	margin-top: -50%
}

.aui-card-image .img-mask {
	width: 100%;
	height: 50px;
	line-height: 50px;
	padding: 0 15px;
	box-sizing: border-box;
	font-size: 15px;
	background: rgba(0, 0, 0, .4);
	color: #FFF;
	position: absolute;
	bottom: 0
}

.aui-card-image .desc {
	width: 100%;
	padding: 10px 15px;
	box-sizing: border-box;
	font-size: 14px;
	line-height: 25px
}

.aui-card-image .aui-card-down {
	background-color: #FFF;
	display: flex;
	align-items: center;
	justify-content: space-around
}

.aui-card-image .aui-card-down .aui-btn {
	width: auto;
	height: auto;
	line-height: 30px;
	margin: 0;
	display: inline-block;
	font-size: 14px;
	color: #888;
	background: 0
}

.aui-card-image .aui-card-down .aui-btn:first-child {
	position: relative;
	left: -20px
}

.aui-card-image .aui-card-down .aui-btn:last-child {
	position: relative;
	right: -20px
}

.aui-card-image .aui-card-down .aui-btn i {
	font-size: 20px;
	margin: 0 5px 0 0;
	display: inline-block;
	vertical-align: middle;
	position: relative;
	top: -1px
}

.aui-tag {
	width: auto;
	height: auto;
	background: #fa3534;
	color: #FFF;
	font-size: 14px;
	padding: 7px 15px;
	box-sizing: border-box;
	display: inline-block;
	border-radius: 3px;
	margin: 5px
}

.aui-tag.aui-tag-gray {
	color: #333;
	background: #f3f4f2
}

.aui-tag.aui-tag-blue {
	color: #fff;
	background: #2979ff
}

.aui-tag.aui-tag-success {
	color: #fff;
	background: #19be6b
}

.aui-tag.aui-tag-waring {
	color: #fff;
	background: #f90
}

.aui-tag.aui-tag-error {
	color: #fff;
	background: #fa3534
}

.aui-tag.aui-tag-linear {
	background: 0;
	padding: 6px 14px;
	border: 1px solid #197de0
}

.aui-tag-linear.aui-tag-gray {
	color: #333;
	border: 1px solid #f3f4f2
}

.aui-tag-linear.aui-tag-blue {
	color: #2979ff;
	border: 1px solid #2979ff
}

.aui-tag-linear.aui-tag-success {
	color: #19be6b;
	border: 1px solid #19be6b
}

.aui-tag-linear.aui-tag-waring {
	color: #f90;
	border: 1px solid #f90
}

.aui-tag-linear.aui-tag-error {
	color: #fa3534;
	border: 1px solid #fa3534
}

.aui-tag.aui-tag-round {
	border-radius: 40px
}

.aui-tag.aui-tag-small {
	height: auto;
	display: inline;
	padding: 3px 7px;
	font-size: 12px
}

.aui-badge {
	width: auto;
	height: auto;
	min-width: 22px;
	height: 22px;
	line-height: 23px;
	text-align: center;
	background: #fa3534;
	color: #FFF;
	font-size: 14px;
	display: inline-block;
	border-radius: 22px;
	padding: 0 6px;
	box-sizing: border-box;
	margin: 0 5px;
	vertical-align: middle
}

.aui-badge.aui-badge-gray {
	color: #333;
	background: #f3f4f2
}

.aui-badge.aui-badge-blue {
	color: #fff;
	background: #2979ff
}

.aui-badge.aui-badge-success {
	color: #fff;
	background: #19be6b
}

.aui-badge.aui-badge-waring {
	color: #fff;
	background: #f90
}

.aui-badge.aui-badge-error {
	color: #fff;
	background: #fa3534
}

.aui-badge.aui-badge-nobg {
	background: 0;
	border: 1px solid #197de0
}

.aui-badge-nobg.aui-badge-gray {
	color: #333;
	border: 1px solid #f3f4f2
}

.aui-badge-nobg.aui-badge-blue {
	color: #2979ff;
	border: 1px solid #2979ff
}

.aui-badge-nobg.aui-badge-success {
	color: #19be6b;
	border: 1px solid #19be6b
}

.aui-badge-nobg.aui-badge-waring {
	color: #f90;
	border: 1px solid #f90
}

.aui-badge-nobg.aui-badge-error {
	color: #fa3534;
	border: 1px solid #fa3534
}

.aui-badge.aui-badge-small {
	min-width: 18px;
	height: 18px;
	line-height: 18px;
	font-size: 11px;
	padding: 0 5px
}

.aui-steps {
	width: auto;
	display: inline-block;
	text-align: center
}

.aui-steps.aui-steps-row {
	width: 100%
}

.aui-steps.aui-steps-row .aui-steps-item {
	display: inline-block;
	vertical-align: top;
	position: relative
}

.aui-steps.aui-steps-row .aui-steps-item::before {
	content: '';
	width: 100%;
	height: 1px;
	background: #cdcdcd;
	position: absolute;
	top: -webkit-calc((8px - 1px) / 2);
	top: calc((8px - 1px) / 2);
	left: -webkit-calc((-100% - 8px) / 2)
}

.aui-steps.aui-steps-row.aui-steps-number .aui-steps-item::before {
	top: -webkit-calc((20px - 1px) / 2)
}

.aui-steps.aui-steps-row .aui-steps-item:first-child::before {
	display: none
}

.aui-steps .aui-steps-item .aui-steps-item-dot {
	width: 8px;
	height: 8px;
	display: inline-block;
	background: #cdcdcd;
	border-radius: 10px;
	margin: 0 0 10px;
	position: relative;
	z-index: 1
}

.aui-steps .aui-steps-item .aui-steps-item-number,
.aui-steps .aui-steps-item .aui-steps-item-icon {
	width: 18px;
	height: 18px;
	line-height: 20px;
	font-size: 14px;
	color: #FFF;
	background: #cdcdcd;
	text-align: center;
	border: 1px solid #cdcdcd;
	display: inline-block;
	border-radius: 50%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	position: relative;
	z-index: 1
}

.aui-steps .aui-steps-item .aui-steps-item-icon {
	width: 22px;
	height: 22px;
	line-height: 22px;
	position: relative;
	top: -1px;
	left: -1px
}

.aui-steps .aui-steps-item .aui-steps-item-icon i {
	font-size: 16px;
	position: relative;
	top: 0
}

.aui-steps.aui-steps-row .aui-steps-item .aui-steps-item-title {
	width: 100%;
	height: 20px;
	line-height: 20px;
	font-size: 12px;
	color: #aaa;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.aui-steps.aui-steps-col {
	width: auto;
	display: inline-block;
	text-align: left;
	vertical-align: top
}

.aui-steps.aui-steps-col .aui-steps-item {
	width: 100%;
	font-size: 0;
	padding: 0 0 20px;
	box-sizing: border-box;
	position: relative
}

.aui-steps.aui-steps-col .aui-steps-item .aui-steps-item-left {
	width: 30px;
	display: inline-block;
	vertical-align: top
}

.aui-steps.aui-steps-col .aui-steps-item .aui-steps-item-dot {
	top: -webkit-calc((20px - 8px+1px) / 2);
	left: -webkit-calc((20px - 8px+1px) / 2)
}

.aui-steps.aui-steps-col .aui-steps-item .aui-steps-item-right {
	width: -webkit-calc(100% - 30px);
	width: calc(100% - 30px);
	display: inline-block;
	vertical-align: top
}

.aui-steps.aui-steps-col .aui-steps-item .aui-steps-item-title {
	width: 100%;
	height: 20px;
	line-height: 22px;
	margin-bottom: 5px;
	font-size: 16px;
	color: #aaa;
	display: inline-block;
	vertical-align: top
}

.aui-steps.aui-steps-col .aui-steps-item .aui-steps-item-desc {
	width: 100%;
	line-height: 25px;
	font-size: 13px;
	color: #aaa;
	display: inline-block;
	vertical-align: top
}

.aui-steps.aui-steps-col .aui-steps-item::before {
	content: '';
	width: 1px;
	height: 100%;
	background: #cdcdcd;
	position: absolute;
	top: 0;
	left: -webkit-calc((20px - 1px) / 2);
	left: calc((20px - 1px) / 2)
}

.aui-steps.aui-steps-col.aui-steps-dot .aui-steps-item::before {
	top: 8px
}

.aui-steps.aui-steps-col .aui-steps-item:last-child::before {
	display: none
}

.aui-steps .aui-steps-item.aui-steps-item-active .aui-steps-item-dot,
.aui-steps.aui-steps-row .aui-steps-item.aui-steps-item-active::before {
	background: #197de0
}

.aui-steps .aui-steps-item.aui-steps-item-active .aui-steps-item-title,
.aui-steps .aui-steps-item.aui-steps-item-active .aui-steps-item-desc {
	color: #197de0
}

.aui-steps .aui-steps-item.aui-steps-item-active .aui-steps-item-number,
.aui-steps .aui-steps-item.aui-steps-item-active .aui-steps-item-icon {
	color: #FFF;
	background: #197de0;
	border: 1px solid #197de0
}

.aui-noticebar {
	width: 100%
}

.aui-noticebar-main {
	width: 100%;
	line-height: 22px;
	padding: 10px 15px 8px 15px;
	display: flex;
	align-items: center;
	justify-content: start;
	box-sizing: border-box;
	font-size: 14px;
	background: #ecf5ff;
	color: #007aff
}

.aui-noticebar-left {
	display: flex;
	flex: 1
}

.aui-noticebar-left i {
	font-size: 20px
}

.aui-noticebar-center {
	display: flex;
	overflow: hidden;
	flex: 12
}

.aui-noticebar-row .aui-noticebar-texts {
	width: auto;
	white-space: nowrap;
	transform: translateX(100vw);
	animation: aui-noticebar-row 10s infinite forwards linear
}

.aui-noticebar-row .aui-noticebar-text {
	width: auto;
	display: inline-block
}

.aui-noticebar-col .aui-noticebar-center {
	height: 22px;
	overflow: hidden
}

.aui-noticebar-col .aui-noticebar-texts .swiper-container,
.aui-noticebar-col .aui-noticebar-texts .swiper-wrapper,
.aui-noticebar-col .aui-noticebar-texts .swiper-slide {
	height: 100%
}

.aui-noticebar-col .aui-noticebar-texts {
	width: 100%;
	height: auto
}

.aui-noticebar-col .aui-noticebar-text {
	width: 100%;
	height: 22px;
	display: inline-block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.aui-mask {
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .6);
	-ms-animation: aui-fade-in .2s ease-out forwards;
	-webkit-animation: aui-fade-in .2s ease-out forwards;
	animation: aui-fade-in .2s ease-out forwards;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 998
}

.aui-loading.aui-loading-ring {
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 999
}

.aui-loading.aui-loading-ring .aui-loading-main {
	width: auto;
	height: auto;
	min-width: 55px;
	min-height: 55px;
	background: rgba(0, 0, 0, .8);
	border-radius: 10px;
	box-shadow: 0 0 1px rgba(100, 100, 100, .5);
	padding: 15px;
	box-sizing: border-box;
	-ms-animation: aui-fade-in .1s ease-out forwards;
	-webkit-animation: aui-fade-in .1s ease-out forwards;
	animation: aui-fade-in .1s ease-out forwards;
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 999;
	-ms-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%)
}

.aui-loading.aui-loading-ring .aui-loading-animate {
	width: 25px;
	height: 25px;
	margin: 0 auto;
	border-radius: 50%;
	position: relative;
	z-index: 999
}

.aui-loading.aui-loading-ring .aui-loading-msg {
	width: 100%;
	height: 17px;
	max-width: -webkit-calc(100vw - 40px);
	max-width: calc(100vw - 40px);
	line-height: 17px;
	margin: 7px auto 0 auto;
	font-size: 13px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	color: #FFF;
	text-align: center;
	opacity: .9
}

.aui-loading.aui-loading-ring .aui-loading-animate span {
	width: -webkit-calc(100% - 6px);
	width: calc(100% - 6px);
	height: 2px;
	display: inline-block;
	border-radius: 2px;
	position: absolute;
	box-sizing: initial !important;
	top: -webkit-calc(50% - 1px);
	top: calc(50% - 1px);
	left: 0;
	opacity: .3;
	-ms-animation: load-button .6s ease infinite;
	-webkit-animation: load-button .6s ease infinite;
	animation: load-button .6s ease infinite
}

.aui-loading.aui-loading-ring .aui-loading-animate span:nth-child(1) {
	border-left: 6px solid #FFF;
	-ms-transform: rotate(0deg);
	-webkit-transform: rotate(0deg);
	transform: rotate(0deg);
	-ms-animation-delay: .05s;
	-webkit-animation-delay: .05s;
	animation-delay: .05s
}

.aui-loading.aui-loading-ring .aui-loading-animate span:nth-child(2) {
	border-left: 6px solid #FFF;
	-ms-transform: rotate(30deg);
	-webkit-transform: rotate(30deg);
	transform: rotate(30deg);
	-ms-animation-delay: .1s;
	-webkit-animation-delay: .1s;
	animation-delay: .1s
}

.aui-loading.aui-loading-ring .aui-loading-animate span:nth-child(3) {
	border-left: 6px solid #FFF;
	-ms-transform: rotate(60deg);
	-webkit-transform: rotate(60deg);
	transform: rotate(60deg);
	-ms-animation-delay: .15s;
	-webkit-animation-delay: .15s;
	animation-delay: .15s
}

.aui-loading.aui-loading-ring .aui-loading-animate span:nth-child(4) {
	border-left: 6px solid #FFF;
	-ms-transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
	-ms-animation-delay: .2s;
	-webkit-animation-delay: .2s;
	animation-delay: .2s
}

.aui-loading.aui-loading-ring .aui-loading-animate span:nth-child(5) {
	border-left: 6px solid #FFF;
	-ms-transform: rotate(120deg);
	-webkit-transform: rotate(120deg);
	transform: rotate(120deg);
	-ms-animation-delay: .25s;
	-webkit-animation-delay: .25s;
	animation-delay: .25s
}

.aui-loading.aui-loading-ring .aui-loading-animate span:nth-child(6) {
	border-left: 6px solid #FFF;
	-ms-transform: rotate(150deg);
	-webkit-transform: rotate(150deg);
	transform: rotate(150deg);
	-ms-animation-delay: .3s;
	-webkit-animation-delay: .3s;
	animation-delay: .3s
}

.aui-loading.aui-loading-ring .aui-loading-animate span:nth-child(7) {
	border-right: 6px solid #FFF;
	-ms-transform: rotate(0deg);
	-webkit-transform: rotate(0deg);
	transform: rotate(0deg);
	-ms-animation-delay: .35s;
	-webkit-animation-delay: .35s;
	animation-delay: .35s
}

.aui-loading.aui-loading-ring .aui-loading-animate span:nth-child(8) {
	border-right: 6px solid #FFF;
	-ms-transform: rotate(30deg);
	-webkit-transform: rotate(30deg);
	transform: rotate(30deg);
	-ms-animation-delay: .4s;
	-webkit-animation-delay: .4s;
	animation-delay: .4s
}

.aui-loading.aui-loading-ring .aui-loading-animate span:nth-child(9) {
	border-right: 6px solid #FFF;
	-ms-transform: rotate(60deg);
	-webkit-transform: rotate(60deg);
	transform: rotate(60deg);
	-ms-animation-delay: .45s;
	-webkit-animation-delay: .45s;
	animation-delay: .45s
}

.aui-loading.aui-loading-ring .aui-loading-animate span:nth-child(10) {
	border-right: 6px solid #FFF;
	-ms-transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
	-ms-animation-delay: .5s;
	-webkit-animation-delay: .5s;
	animation-delay: .5s
}

.aui-loading.aui-loading-ring .aui-loading-animate span:nth-child(11) {
	border-right: 6px solid #FFF;
	-ms-transform: rotate(120deg);
	-webkit-transform: rotate(120deg);
	transform: rotate(120deg);
	-ms-animation-delay: .55s;
	-webkit-animation-delay: .55s;
	animation-delay: .55s
}

.aui-loading.aui-loading-ring .aui-loading-animate span:nth-child(12) {
	border-right: 6px solid #FFF;
	-ms-transform: rotate(150deg);
	-webkit-transform: rotate(150deg);
	transform: rotate(150deg);
	-ms-animation-delay: .6s;
	-webkit-animation-delay: .6s;
	animation-delay: .6s
}

.aui-loading.aui-loading-button {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0
}

.aui-loading.aui-loading-button .aui-loading-main {
	width: 100%;
	height: 100%;
	text-align: center;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 996;
	background: #FFF;
	white-space: nowrap;
	-ms-animation: aui-fade-in .2s ease-out forwards;
	-webkit-animation: aui-fade-in .2s ease-out forwards;
	animation: aui-fade-in .2s ease-out forwards
}

.aui-loading.aui-loading-button .aui-loading-animate {
	width: 20px;
	height: 20px;
	display: inline-block;
	vertical-align: top;
	position: relative
}

.aui-loading.aui-loading-button .aui-loading-msg {
	height: 20px;
	line-height: 21px;
	font-size: 13px;
	margin-left: 5px;
	display: inline-block;
	vertical-align: top;
	position: relative;
	top: 1px
}

.aui-loading.aui-loading-button .aui-loading-animate span {
	width: -webkit-calc(100% - 6px);
	width: calc(100% - 6px);
	height: 2px;
	display: inline-block;
	border-radius: 2px;
	box-sizing: initial !important;
	position: absolute;
	top: -webkit-calc(50% - 1px);
	top: calc(50% - 1px);
	left: 0;
	opacity: .3;
	-ms-animation: load-button .6s ease infinite;
	-webkit-animation: load-button .6s ease infinite;
	animation: load-button .6s ease infinite
}

.aui-loading.aui-loading-button .aui-loading-animate span:nth-child(1) {
	border-left: 5px solid #909090;
	-ms-transform: rotate(0deg);
	-webkit-transform: rotate(0deg);
	transform: rotate(0deg);
	-ms-animation-delay: .05s;
	-webkit-animation-delay: .05s;
	animation-delay: .05s
}

.aui-loading.aui-loading-button .aui-loading-animate span:nth-child(2) {
	border-left: 5px solid #909090;
	-ms-transform: rotate(30deg);
	-webkit-transform: rotate(30deg);
	transform: rotate(30deg);
	-ms-animation-delay: .1s;
	-webkit-animation-delay: .1s;
	animation-delay: .1s
}

.aui-loading.aui-loading-button .aui-loading-animate span:nth-child(3) {
	border-left: 5px solid #909090;
	-ms-transform: rotate(60deg);
	-webkit-transform: rotate(60deg);
	transform: rotate(60deg);
	-ms-animation-delay: .15s;
	-webkit-animation-delay: .15s;
	animation-delay: .15s
}

.aui-loading.aui-loading-button .aui-loading-animate span:nth-child(4) {
	border-left: 5px solid #909090;
	-ms-transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
	-ms-animation-delay: .2s;
	-webkit-animation-delay: .2s;
	animation-delay: .2s
}

.aui-loading.aui-loading-button .aui-loading-animate span:nth-child(5) {
	border-left: 5px solid #909090;
	-ms-transform: rotate(120deg);
	-webkit-transform: rotate(120deg);
	transform: rotate(120deg);
	-ms-animation-delay: .25s;
	-webkit-animation-delay: .25s;
	animation-delay: .25s
}

.aui-loading.aui-loading-button .aui-loading-animate span:nth-child(6) {
	border-left: 5px solid #909090;
	-ms-transform: rotate(150deg);
	-webkit-transform: rotate(150deg);
	transform: rotate(150deg);
	-ms-animation-delay: .3s;
	-webkit-animation-delay: .3s;
	animation-delay: .3s
}

.aui-loading.aui-loading-button .aui-loading-animate span:nth-child(7) {
	border-right: 5px solid #909090;
	-ms-transform: rotate(0deg);
	-webkit-transform: rotate(0deg);
	transform: rotate(0deg);
	-ms-animation-delay: .35s;
	-webkit-animation-delay: .35s;
	animation-delay: .35s
}

.aui-loading.aui-loading-button .aui-loading-animate span:nth-child(8) {
	border-right: 5px solid #909090;
	-ms-transform: rotate(30deg);
	-webkit-transform: rotate(30deg);
	transform: rotate(30deg);
	-ms-animation-delay: .4s;
	-webkit-animation-delay: .4s;
	animation-delay: .4s
}

.aui-loading.aui-loading-button .aui-loading-animate span:nth-child(9) {
	border-right: 5px solid #909090;
	-ms-transform: rotate(60deg);
	-webkit-transform: rotate(60deg);
	transform: rotate(60deg);
	-ms-animation-delay: .45s;
	-webkit-animation-delay: .45s;
	animation-delay: .45s
}

.aui-loading.aui-loading-button .aui-loading-animate span:nth-child(10) {
	border-right: 5px solid #909090;
	-ms-transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
	-ms-animation-delay: .5s;
	-webkit-animation-delay: .5s;
	animation-delay: .5s
}

.aui-loading.aui-loading-button .aui-loading-animate span:nth-child(11) {
	border-right: 5px solid #909090;
	-ms-transform: rotate(120deg);
	-webkit-transform: rotate(120deg);
	transform: rotate(120deg);
	-ms-animation-delay: .55s;
	-webkit-animation-delay: .55s;
	animation-delay: .55s
}

.aui-loading.aui-loading-button .aui-loading-animate span:nth-child(12) {
	border-right: 5px solid #909090;
	-ms-transform: rotate(150deg);
	-webkit-transform: rotate(150deg);
	transform: rotate(150deg);
	-ms-animation-delay: .6s;
	-webkit-animation-delay: .6s;
	animation-delay: .6s
}

.aui-loading.aui-loading-squarefour {
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 999
}

.aui-loading.aui-loading-squarefour .aui-loading-main {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 999;
	background: #FFF;
	-ms-animation: aui-fade-in .2s ease-out forwards;
	-webkit-animation: aui-fade-in .2s ease-out forwards;
	animation: aui-fade-in .2s ease-out forwards
}

.aui-loading.aui-loading-squarefour .aui-loading-animate {
	width: 30px;
	height: 30px;
	display: block;
	margin: auto;
	position: absolute;
	top: -webkit-calc(50% - 30px);
	top: calc(50% - 30px);
	left: -webkit-calc(50% - 15px);
	left: calc(50% - 15px);
	-ms-animation: aui-loading-squarefour-animate 1s infinite;
	-webkit-animation: aui-loading-squarefour-animate 1s infinite;
	animation: aui-loading-squarefour-animate 1s infinite
}

.aui-loading.aui-loading-squarefour .aui-loading-animate span {
	width: 12px;
	height: 12px;
	display: block;
	border-radius: 2px;
	background: #2cb0b2;
	position: absolute
}

.aui-loading.aui-loading-squarefour .aui-loading-animate .span1 {
	background: #8bc34a;
	left: 0;
	-ms-animation: aui-loading-square-span1-animate 2s linear 0s infinite normal;
	-webkit-animation: aui-loading-square-span1-animate 2s linear 0s infinite normal;
	animation: aui-loading-square-span1-animate 2s linear 0s infinite normal
}

.aui-loading.aui-loading-squarefour .aui-loading-animate .span2 {
	background: #f44336;
	right: 0;
	-ms-animation: aui-loading-square-span2-animate 2s linear 0s infinite normal;
	-webkit-animation: aui-loading-square-span2-animate 2s linear 0s infinite normal;
	animation: aui-loading-square-span2-animate 2s linear 0s infinite normal
}

.aui-loading.aui-loading-squarefour .aui-loading-animate .span3 {
	background: #ffb74d;
	bottom: 0;
	-ms-animation: aui-loading-square-span3-animate 2s linear 0s infinite normal;
	-webkit-animation: aui-loading-square-span3-animate 2s linear 0s infinite normal;
	animation: aui-loading-square-span3-animate 2s linear 0s infinite normal
}

.aui-loading.aui-loading-squarefour .aui-loading-animate .span4 {
	background: #82bcf9;
	right: 0;
	bottom: 0;
	-ms-animation: aui-loading-square-span4-animate 2s linear 0s infinite normal;
	-webkit-animation: aui-loading-square-span4-animate 2s linear 0s infinite normal;
	animation: aui-loading-square-span4-animate 2s linear 0s infinite normal
}

.aui-loading.aui-loading-squarefour .aui-loading-msg {
	width: 100%;
	height: 35px;
	line-height: 40px;
	font-size: 13px;
	color: #909090;
	text-align: center;
	position: absolute;
	top: 50%;
	left: 0
}

.aui-loading.aui-loading-squarefour.aui-loading-squarefour-style-1 {
	z-index: 999
}

.aui-loading.aui-loading-squarefour.aui-loading-squarefour-style-1 .aui-loading-main {
	width: auto;
	height: auto;
	min-width: 60px;
	min-height: 60px;
	background: rgba(0, 0, 0, .8);
	border-radius: 10px;
	box-shadow: 0 0 1px rgba(100, 100, 100, .3) inset;
	padding: 20px;
	box-sizing: border-box;
	top: 50%;
	left: 50%;
	z-index: 999;
	-ms-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%)
}

.aui-loading.aui-loading-squarefour.aui-loading-squarefour-style-1 .aui-loading-main .aui-loading-animate {
	position: relative;
	top: 0;
	left: 0
}

.aui-loading.aui-loading-squarefour.aui-loading-squarefour-style-1 .aui-loading-main .aui-loading-msg {
	height: 15px;
	line-height: 20px;
	font-size: 14px;
	color: #FFF;
	opacity: .9;
	margin: 10px 0 0 0;
	position: relative;
	top: 0;
	left: 0
}

.aui-loading .aui-loading-msg .dotting {
	display: inline-block;
	width: 10px;
	min-height: 2px;
	padding-right: 2px;
	border-left: 2px solid currentColor;
	border-right: 2px solid currentColor;
	background-color: currentColor;
	background-clip: content-box;
	box-sizing: border-box;
	animation: aui-loading-msg-doting 1s infinite step-start both;
	*zoom: expression(this.innerHTML='...')
}

.aui-loading .aui-loading-msg .dotting:before {
	content: '...'
}

.aui-loading .aui-loading-msg .dotting::before {
	content: ''
}

:root .aui-loading .aui-loading-msg .dotting {
	margin-left: 2px;
	padding-left: 2px
}

.aui-loading.aui-loading-dots {
	background-color: #FFF;
	height: 100%;
	width: 100%;
	position: fixed;
	z-index: 999;
	margin-top: 0;
	top: 0
}

.aui-loading.aui-loading-dots .aui-loading-main {
	width: 100%;
	height: 100%;
	position: relative
}

.aui-loading.aui-loading-dots .aui-loading-dot-items {
	position: absolute;
	left: 50%;
	top: 50%;
	height: 120px;
	width: 120px;
	text-align: center;
	margin-top: -60px;
	margin-left: -60px
}

.aui-loading.aui-loading-dots .aui-loading-dot-item {
	width: 10px;
	height: 10px;
	background-color: #ec2b45;
	display: inline-block;
	margin-right: 6px;
	margin-top: 20px;
	border-radius: 2px;
	transform: scale(1) skewX(-30deg)
}

.aui-loading.aui-loading-dots #dot_one {
	-webkit-animation: dot_one 1.5s infinite;
	animation: dot_one 1.5s infinite
}

.aui-loading.aui-loading-dots #dot_two {
	-webkit-animation: dot_two 1.5s infinite;
	animation: dot_two 1.5s infinite;
	-webkit-animation-delay: .2s;
	animation-delay: .2s
}

.aui-loading.aui-loading-dots #dot_three {
	margin-right: 0;
	-webkit-animation: dot_three 1.5s infinite;
	animation: dot_three 1.5s infinite;
	-webkit-animation-delay: .4s;
	animation-delay: .4s
}

@-webkit-keyframes dot_one {
	75% {
		-webkit-transform: scale(0) skewX(-30deg)
	}
}

@keyframes dot_one {
	75% {
		transform: scale(0) skewX(-30deg);
		-webkit-transform: scale(0) skewX(-30deg)
	}
}

@-webkit-keyframes dot_two {
	75% {
		-webkit-transform: scale(0) skewX(-30deg)
	}
}

@keyframes dot_two {
	75% {
		transform: scale(0) skewX(-30deg);
		-webkit-transform: scale(0) skewX(-30deg)
	}
}

@-webkit-keyframes dot_three {
	75% {
		-webkit-transform: scale(0) skewX(-30deg)
	}
}

@keyframes dot_three {
	75% {
		transform: scale(0) skewX(-30deg);
		-webkit-transform: scale(0) skewX(-30deg)
	}
}

.aui-loading.aui-loading-dots-opacity {
	background-color: #FFF;
	height: 100%;
	width: 100%;
	position: fixed;
	z-index: 999;
	margin-top: 0;
	top: 0
}

.aui-loading.aui-loading-dots-opacity .aui-loading-main {
	width: 100%;
	height: 100%;
	position: relative
}

.aui-loading.aui-loading-dots-opacity .aui-loading-dot-items {
	position: absolute;
	left: 50%;
	top: 50%;
	height: 80px;
	width: 80px;
	text-align: center;
	margin-top: -40px;
	margin-left: -40px
}

.aui-loading.aui-loading-dots-opacity .aui-loading-dot-item {
	width: 10px;
	height: 10px;
	opacity: 1;
	background-color: #ec2b45;
	display: inline-block;
	margin-right: 10px;
	margin-top: 30px;
	-moz-border-radius: 50% 50% 50% 50%;
	-webkit-border-radius: 50% 50% 50% 50%;
	border-radius: 50% 50% 50% 50%
}

.aui-loading.aui-loading-dots-opacity #dot_one {
	-webkit-animation: dot-opacity 1.5s infinite;
	animation: dot-opacity 1.5s infinite
}

.aui-loading.aui-loading-dots-opacity #dot_two {
	-webkit-animation: dot-opacity 1.5s infinite;
	animation: dot-opacity 1.5s infinite;
	-webkit-animation-delay: .25s;
	animation-delay: .25s
}

.aui-loading.aui-loading-dots-opacity #dot_three {
	margin-right: 0;
	-webkit-animation: dot-opacity 1.5s infinite;
	animation: dot-opacity 1.5s infinite;
	-webkit-animation-delay: .5s;
	animation-delay: .5s
}

@-webkit-keyframes dot-opacity {
	50% {
		opacity: .1
	}
}

@keyframes dot-opacity {
	50% {
		opacity: .1
	}
}

.aui-toast {
	max-width: 80%;
	max-height: -webkit-calc(100% - 140px);
	line-height: 20px;
	display: inline-block;
	border-radius: 5px;
	padding: 10px 15px;
	box-sizing: border-box;
	background: rgba(0, 0, 0, .7);
	color: #fff;
	font-size: 14px;
	overflow-y: scroll;
	position: fixed;
	left: 10%;
	z-index: 999
}

.aui-toast::-webkit-scrollbar {
	width: 1px
}

.aui-toast-bottom {
	bottom: -60px;
	-ms-animation: aui-toast-from-bottom .55s cubic-bezier(0.68, -0.55, 0.27, 1.55) forwards;
	-webkit-animation: aui-toast-from-bottom .55s cubic-bezier(0.68, -0.55, 0.27, 1.55) forwards;
	animation: aui-toast-from-bottom .55s cubic-bezier(0.68, -0.55, 0.27, 1.55) forwards
}

.aui-toast-middle {
	text-align: center;
	top: 50%;
	-ms-transform: translate(0, -50%);
	-webkit-transform: translate(0, -50%);
	transform: translate(0, -50%);
	-ms-animation: aui-fade-in .3s ease-out forwards;
	-webkit-animation: aui-fade-in .3s ease-out forwards;
	animation: aui-fade-in .3s ease-out forwards
}

.aui-toast-middle .aui-toast-main {
	width: 100%;
	white-space: nowrap
}

.aui-toast-middle .aui-toast-main .aui-toast-icon {
	vertical-align: middle
}

.aui-toast-middle .aui-toast-main .aui-toast-msg {
	font-size: 14px;
	vertical-align: middle
}

.aui-toast-middle .aui-toast-main .aui-toast-icon img {
	width: 30px;
	height: 30px
}

.aui-dialog {
	width: 100vw;
	height: 100vh;
	opacity: 0;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 999
}

.aui-dialog-main {
	min-width: 300px;
	background: #fff;
	border-radius: 13px;
	opacity: 0;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transition-property: -webkit-transform, opacity;
	transition-property: transform, opacity;
	-webkit-transform: translate3d(-50%, -50%, 0) scale(1.185);
	transform: translate3d(-50%, -50%, 0) scale(1.185);
	opacity: 0;
	z-index: 999
}

.aui-dialog.aui-dialog-in {
	-webkit-transition-duration: 300ms;
	transition-duration: 300ms;
	opacity: 1
}

.aui-dialog.aui-dialog-out {
	-webkit-transition-duration: 300ms;
	transition-duration: 300ms;
	opacity: 0
}

.aui-dialog.aui-dialog-in .aui-mask {
	-webkit-transition-duration: 300ms;
	transition-duration: 300ms;
	opacity: 1
}

.aui-dialog.aui-dialog-out .aui-mask {
	-webkit-transition-duration: 300ms;
	transition-duration: 300ms;
	opacity: 0
}

.aui-dialog.aui-dialog-out .aui-dialog-main {
	-webkit-transition-duration: 300ms;
	transition-duration: 300ms;
	-webkit-transform: translate3d(-50%, -50%, 0) scale(0.8);
	transform: translate3d(-50%, -50%, 0) scale(0.8);
	opacity: 0
}

.aui-dialog.aui-dialog-in .aui-dialog-main {
	-webkit-transition-duration: 300ms;
	transition-duration: 300ms;
	-webkit-transform: translate3d(-50%, -50%, 0) scale(1);
	transform: translate3d(-50%, -50%, 0) scale(1);
	opacity: 1
}

.aui-dialog-title {
	width: 100%;
	height: 40px;
	line-height: 55px;
	position: relative;
	font-size: 18px;
	display: inline-block;
	border-top-left-radius: 13px;
	border-top-right-radius: 13px;
	text-align: center;
	color: #333;
	box-sizing: border-box
}

.aui-dialog-content {
	width: 100%;
	max-height: 70vh;
	line-height: 27px;
	font-size: 16px;
	color: #555;
	display: inline-block;
	overflow-y: scroll;
	padding: 30px 20px 25px 20px;
	box-sizing: border-box
}

.aui-dialog-content::-webkit-scrollbar {
	width: 0
}

.aui-dialog-down {
	width: 100%;
	height: 50px;
	text-align: right;
	position: relative;
	overflow: hidden
}

.aui-dialog-down-btn {
	width: auto;
	height: 100%;
	display: inline-block;
	font-size: 17px;
	color: var(--aui-color);
	text-align: center;
	position: relative
}

.aui-dialog-down-cancel-btn {
	color: #646464
}

.aui-dialog-down-delete-btn {
	color: red
}

.aui-dialog-main-style-1 .aui-dialog-down {
	height: 50px
}

.aui-dialog-main-style-1 .aui-dialog-down-btn {
	line-height: 50px
}

.aui-dialog-main-style-1 .aui-dialog-down:before {
	content: '';
	width: 100%;
	height: 1px;
	-ms-transform: scaleY(.3);
	-webkit-transform: scaleY(.3);
	transform: scaleY(.3);
	background: rgba(100, 100, 100, .3);
	position: absolute;
	top: 0;
	left: 0;
	z-index: 999
}

.aui-dialog-main-style-1 .aui-dialog-down-btn:first-child {
	border-bottom-left-radius: 13px
}

.aui-dialog-main-style-1 .aui-dialog-down-btn:last-child {
	border-bottom-right-radius: 13px
}

.aui-dialog-main-style-1 .aui-dialog-down-btn:after {
	content: '';
	width: 1px;
	height: 100%;
	-ms-transform: scaleX(.3);
	-webkit-transform: scaleX(.3);
	transform: scaleX(.3);
	background: rgba(100, 100, 100, .3);
	position: absolute;
	top: 0;
	right: 0;
	z-index: 999
}

.aui-dialog-main-style-1 .aui-dialog-down-btn:last-child:after {
	display: none
}

.aui-dialog-main-style-2 {
	border-radius: 6px
}

.aui-dialog-main-style-2 .aui-dialog-down {
	height: 40px;
	padding: 0 10px 10px 10px;
	box-sizing: border-box
}

.aui-dialog-main-style-2 .aui-dialog-down-btn {
	height: 30px;
	line-height: 30px;
	padding: 0 10px;
	margin: 0 0 0 10px
}

.aui-dialog-main-style-3 .aui-dialog-down {
	height: auto
}

.aui-dialog-main-style-3 .aui-dialog-down-btn:before {
	content: '';
	width: 100%;
	height: 1px;
	-ms-transform: scaleY(.3);
	-webkit-transform: scaleY(.3);
	transform: scaleY(.3);
	background: rgba(100, 100, 100, .4);
	position: absolute;
	bottom: 0;
	left: 0
}

.aui-dialog-main-style-3 .aui-dialog-down-btn:last-child {
	border-bottom-left-radius: 13px;
	border-bottom-right-radius: 13px
}

.aui-dialog-main-style-3 .aui-dialog-down-btn:last-child:before {
	display: none
}

.aui-dialog-main-style-3 .aui-dialog-down-btn:first-child:after {
	display: none
}

.aui-dialog-main-style-4 .aui-dialog-down {
	height: 60px;
	padding: 0 20px;
	box-sizing: border-box;
	display: flex;
	justify-content: center
}

.aui-dialog-main-style-4 .aui-dialog-down-btn {
	height: 40px;
	line-height: 40px;
	justify-content: center;
	margin: 0 10px;
	display: flex;
	flex: 1;
	padding: 0 15px;
	box-sizing: border-box;
	border-radius: 30px;
	background: var(--aui-bg);
	color: #FFF
}

.aui-dialog-main-style-4 .aui-dialog-down-btn.aui-dialog-down-cancel-btn {
	background: #f4f4f4;
	color: #646464
}

.aui-dialog-main-style-4 .aui-dialog-down-btn.aui-dialog-down-delete-btn {
	background: #f55;
	color: #fff
}

.aui-dialog-input-list {
	width: 100%;
	position: relative
}

.aui-dialog-input-list label {
	width: 100%;
	height: 40px;
	line-height: 40px;
	display: inline-block;
	font-size: 16px;
	color: #646464
}

.aui-dialog-input-list-input {
	width: 100%;
	background: #fff;
	border-radius: 3px;
	border: 0;
	box-sizing: border-box;
	padding: 2px;
	margin: 0 0 10px 0;
	color: #515151;
	position: relative
}

.aui-dialog-input-list input {
	width: 100%;
	height: 40px;
	line-height: 20px;
	border-radius: 3px;
	border: 0;
	margin: 0;
	padding: 1px 25px 0 10px;
	box-sizing: border-box;
	font-size: 15px;
	color: #515151;
	position: relative;
	z-index: 1
}

.aui-dialog-input-list-input:after {
	content: '';
	width: 200%;
	height: 200%;
	border: 1px solid rgba(100, 100, 100, .3);
	-ms-transform: scale(.5, .5);
	-webkit-transform: scale(.5, .5);
	transform: scale(.5, .5);
	position: absolute;
	top: -50%;
	left: -50%;
	border-radius: 10px;
	z-index: 0
}

.aui-input-clear {
	width: 18px;
	height: 38px;
	display: inline-block;
	position: absolute;
	bottom: 0;
	right: 5px;
	z-index: 1
}

.aui-input-clear i {
	width: 18px;
	height: 18px;
	background: rgba(0, 0, 0, .3);
	border-radius: 50%;
	display: inline-block;
	margin: 8.5px 0;
	position: relative;
	opacity: 0
}

.aui-input-clear i:before,
.aui-input-clear i:after {
	content: '';
	width: 10px;
	height: 1px;
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	background: #fff;
	position: absolute;
	top: -webkit-calc(50% - .5px);
	top: calc(50% - .5px);
	left: 4px
}

.aui-input-clear i:after {
	-ms-transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg)
}

.aui-actionsheet {
	width: 100vw;
	height: 100vh;
	opacity: 0;
	-ms-animation: aui-fade-in .1s ease-out forwards;
	-webkit-animation: aui-fade-in .1s ease-out forwards;
	animation: aui-fade-in .1s ease-out forwards;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 999
}

.aui-actionsheet.aui-actionsheet-style-1 .aui-actionsheet-main {
	width: -webkit-calc(100vw - 20px);
	width: calc(100vw - 20px);
	max-height: 60vh;
	overflow: hidden;
	border-radius: 10px;
	position: absolute;
	left: 10px;
	z-index: 999
}

.aui-actionsheet.aui-actionsheet-style-2 .aui-actionsheet-main {
	width: 100%;
	max-height: 60vh;
	overflow: hidden;
	position: absolute;
	left: 0;
	z-index: 999
}

.aui-actionsheet .aui-actionsheet-title {
	width: 100%;
	min-height: 50px;
	line-height: 25px;
	padding: 12px 10px;
	text-align: center;
	color: #909090;
	box-sizing: border-box;
	font-size: 15px;
	background: #FFF;
	position: relative
}

.aui-actionsheet .aui-actionsheet-title:after {
	content: '';
	width: 100%;
	height: 1px;
	-ms-transform: scaleY(.3);
	-webkit-transform: scaleY(.3);
	transform: scaleY(.3);
	background: rgba(100, 100, 100, .3);
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 1
}

.aui-actionsheet.aui-actionsheet-style-1.aui-actionsheet-bottom .aui-actionsheet-main {
	bottom: -30vh;
	-ms-animation: aui-slide-up .2s ease-out forwards;
	-webkit-animation: aui-slide-up .2s ease-out forwards;
	animation: aui-slide-up .2s ease-out forwards
}

.aui-actionsheet.aui-actionsheet-style-1.aui-actionsheet-middle .aui-actionsheet-main {
	width: 80%;
	background: #FFF;
	-ms-animation: aui-scale-in-tosmall .2s ease-out forwards;
	-webkit-animation: aui-scale-in-tosmall .2s ease-out forwards;
	animation: aui-scale-in-tosmall .2s ease-out forwards
}

.aui-actionsheet.aui-actionsheet-style-2.aui-actionsheet-middle .aui-actionsheet-main {
	width: 80%;
	border-radius: 10px;
	background: #FFF;
	-ms-animation: aui-scale-in-tosmall .2s ease-out forwards;
	-webkit-animation: aui-scale-in-tosmall .2s ease-out forwards;
	animation: aui-scale-in-tosmall .2s ease-out forwards
}

.aui-actionsheet.aui-actionsheet-style-2.aui-actionsheet-bottom .aui-actionsheet-main {
	bottom: -30vh;
	background: #FFF;
	border-radius: 10px 10px 0 0;
	-ms-animation: aui-slide-up-screen .2s ease-out forwards;
	-webkit-animation: aui-slide-up-screen .2s ease-out forwards;
	animation: aui-slide-up-screen .2s ease-out forwards
}

.aui-actionsheet.aui-actionsheet-style-1 .aui-actionsheet-items {
	width: 100%;
	font-size: 0;
	background: #FFF;
	border-bottom-left-radius: 7px;
	border-bottom-right-radius: 7px
}

.aui-actionsheet.aui-actionsheet-style-2 .aui-actionsheet-items {
	width: 100%;
	background: #FFF;
	font-size: 0
}

.aui-actionsheet .aui-actionsheet-item {
	width: 100%;
	height: 50px;
	line-height: 50px;
	font-size: 17px;
	padding: 0 20px;
	box-sizing: border-box;
	color: #333;
	background: #FFF;
	text-align: center;
	position: relative;
	vertical-align: top
}

.aui-actionsheet.aui-actionsheet-style-1 .aui-actionsheet-item:first-child {
	border-top-left-radius: 10px;
	border-top-right-radius: 10px
}

.aui-actionsheet.aui-actionsheet-style-1 .aui-actionsheet-item:last-child {
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px
}

.aui-actionsheet .aui-actionsheet-item:after {
	content: '';
	width: 100%;
	height: 1px;
	-ms-transform: scaleY(.3);
	-webkit-transform: scaleY(.3);
	transform: scaleY(.3);
	background: rgba(100, 100, 100, .3);
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 1
}

.aui-actionsheet.aui-actionsheet-style-1.aui-actionsheet-bottom .aui-actionsheet-item:last-child:after {
	display: none
}

.aui-actionsheet .aui-actionsheet-cancle {
	width: 100%;
	height: 50px;
	line-height: 50px;
	font-size: 16px;
	color: #646464;
	text-align: center;
	background: #FFF
}

.aui-actionsheet.aui-actionsheet-style-1.aui-actionsheet-bottom .aui-actionsheet-cancle {
	border-radius: 10px;
	margin-top: 10px
}

.aui-actionsheet.aui-actionsheet-style-1.aui-actionsheet-middle .aui-actionsheet-cancle {
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px
}

@-ms-keyframes aui-fade-in {
	0% {
		opacity: 0
	}

	100% {
		opacity: 1
	}
}

@-webkit-keyframes aui-fade-in {
	0% {
		opacity: 0
	}

	100% {
		opacity: 1
	}
}

@keyframes aui-fade-in {
	0% {
		opacity: 0
	}

	100% {
		opacity: 1
	}
}

@-ms-keyframes aui-fade-out {
	0% {
		opacity: 1
	}

	100% {
		opacity: 0
	}
}

@-webkit-keyframes aui-fade-out {
	0% {
		opacity: 1
	}

	100% {
		opacity: 0
	}
}

@keyframes aui-fade-out {
	0% {
		opacity: 1
	}

	100% {
		opacity: 0
	}
}

@-ms-keyframes aui-scale-in {
	0% {
		-ms-transform: scale(0.8);
		-webkit-transform: scale(0.8);
		transform: scale(0.8)
	}

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

@-webkit-keyframes aui-scale-in {
	0% {
		-ms-transform: scale(0.8);
		-webkit-transform: scale(0.8);
		transform: scale(0.8)
	}

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

@keyframes aui-scale-in {
	0% {
		-ms-transform: scale(0.8);
		-webkit-transform: scale(0.8);
		transform: scale(0.8)
	}

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

@-ms-keyframes aui-scale-out {
	0% {
		-ms-transform: scale(1);
		-webkit-transform: scale(1);
		transform: scale(1)
	}

	100% {
		-ms-transform: scale(0.8);
		-webkit-transform: scale(0.8);
		transform: scale(0.8)
	}
}

@-webkit-keyframes aui-scale-out {
	0% {
		-ms-transform: scale(1);
		-webkit-transform: scale(1);
		transform: scale(1)
	}

	100% {
		-ms-transform: scale(0.8);
		-webkit-transform: scale(0.8);
		transform: scale(0.8)
	}
}

@keyframes aui-scale-out {
	0% {
		-ms-transform: scale(1);
		-webkit-transform: scale(1);
		transform: scale(1)
	}

	100% {
		-ms-transform: scale(0.8);
		-webkit-transform: scale(0.8);
		transform: scale(0.8)
	}
}

@-ms-keyframes aui-scale-in-tosmall {
	0% {
		-ms-transform: scale(1.2);
		-webkit-transform: scale(1.2);
		transform: scale(1.2)
	}

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

@-webkit-keyframes aui-scale-in-tosmall {
	0% {
		-ms-transform: scale(1.2);
		-webkit-transform: scale(1.2);
		transform: scale(1.2)
	}

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

@keyframes aui-scale-in-tosmall {
	0% {
		-ms-transform: scale(1.2);
		-webkit-transform: scale(1.2);
		transform: scale(1.2)
	}

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

@-ms-keyframes aui-scale-in-tosmall-dialog {
	0% {
		-ms-transform: translate3d(-50%, -50%, 0) scale(1.16);
		-webkit-transform: translate3d(-50%, -50%, 0) scale(1.16);
		transform: translate3d(-50%, -50%, 0) scale(1.16);
		opacity: 0
	}

	100% {
		-ms-transform: translate3d(-50%, -50%, 0) scale(1);
		-webkit-transform: translate3d(-50%, -50%, 0) scale(1);
		transform: translate3(-50%, -50%, 0) scale(1);
		opacity: 1
	}
}

@-webkit-keyframes aui-scale-in-tosmall-dialog {
	0% {
		-ms-transform: translate3d(-50%, -50%, 0) scale(1.16);
		-webkit-transform: translate3d(-50%, -50%, 0) scale(1.16);
		transform: translate3d(-50%, -50%, 0) scale(1.16);
		opacity: 0
	}

	100% {
		-ms-transform: translate3d(-50%, -50%, 0) scale(1);
		-webkit-transform: translate3d(-50%, -50%, 0) scale(1);
		transform: translate3(-50%, -50%, 0) scale(1);
		opacity: 1
	}
}

@keyframes aui-scale-in-tosmall-dialog {
	0% {
		-ms-transform: translate3d(-50%, -50%, 0) scale(1.16);
		-webkit-transform: translate3d(-50%, -50%, 0) scale(1.16);
		transform: translate3d(-50%, -50%, 0) scale(1.16);
		opacity: 0
	}

	100% {
		-ms-transform: translate3d(-50%, -50%, 0) scale(1);
		-webkit-transform: translate3d(-50%, -50%, 0) scale(1);
		transform: translate3(-50%, -50%, 0) scale(1);
		opacity: 1
	}
}

@-ms-keyframes aui-slide-up {
	0% {
		bottom: -40vh
	}

	100% {
		bottom: 10px
	}
}

@-webkit-keyframes aui-slide-up {
	0% {
		bottom: -40vh
	}

	100% {
		bottom: 10px
	}
}

@keyframes aui-slide-up {
	0% {
		bottom: -40vh
	}

	100% {
		bottom: 10px
	}
}

@-ms-keyframes aui-slide-down {
	0% {
		bottom: 10px
	}

	100% {
		bottom: -40vh
	}
}

@-webkit-keyframes aui-slide-down {
	0% {
		bottom: 10px
	}

	100% {
		bottom: -40vh
	}
}

@keyframes aui-slide-down {
	0% {
		bottom: 10px
	}

	100% {
		bottom: -40vh
	}
}

@-ms-keyframes aui-slide-up-screen {
	0% {
		bottom: -60vh
	}

	100% {
		bottom: 0
	}
}

@-webkit-keyframes aui-slide-up-screen {
	0% {
		bottom: -60vh
	}

	100% {
		bottom: 0
	}
}

@keyframes aui-slide-up-screen {
	0% {
		bottom: -60vh
	}

	100% {
		bottom: 0
	}
}

@-ms-keyframes aui-slide-down-screen {
	0% {
		bottom: 0
	}

	100% {
		bottom: -60vh
	}
}

@-webkit-keyframes aui-slide-down-screen {
	0% {
		bottom: 0
	}

	100% {
		bottom: -60vh
	}
}

@keyframes aui-slide-down-screen {
	0% {
		bottom: 0
	}

	100% {
		bottom: -60vh
	}
}

@-ms-keyframes load-ring {
	0% {
		transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
		-ms-transform: rotate(0deg)
	}

	25% {
		transform: rotate(90deg);
		-webkit-transform: rotate(90deg);
		-ms-transform: rotate(90deg)
	}

	50% {
		transform: rotate(180deg);
		-webkit-transform: rotate(180deg)-ms-transform:rotate(180deg)
	}

	75% {
		transform: rotate(270deg);
		-webkit-transform: rotate(270deg);
		-ms-transform: rotate(270deg)
	}

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

@-webkit-keyframes load-ring {
	0% {
		transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
		-ms-transform: rotate(0deg)
	}

	25% {
		transform: rotate(90deg);
		-webkit-transform: rotate(90deg);
		-ms-transform: rotate(90deg)
	}

	50% {
		transform: rotate(180deg);
		-webkit-transform: rotate(180deg);
		-ms-transform: rotate(180deg)
	}

	75% {
		transform: rotate(270deg);
		-webkit-transform: rotate(270deg);
		-ms-transform: rotate(270deg)
	}

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

@keyframes load-ring {
	0% {
		transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
		-ms-transform: rotate(0deg)
	}

	25% {
		transform: rotate(90deg);
		-webkit-transform: rotate(90deg);
		-ms-transform: rotate(90deg)
	}

	50% {
		transform: rotate(180deg);
		-webkit-transform: rotate(180deg);
		-ms-transform: rotate(180deg)
	}

	75% {
		transform: rotate(270deg);
		-webkit-transform: rotate(270deg);
		-ms-transform: rotate(270deg)
	}

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

@-ms-keyframes aui-loading-square-span1-translate {
	0% {
		left: -14px;
		-ms-transform: scale(1.1);
		-webkit-transform: scale(1.1);
		transform: scale(1.1)
	}

	50% {
		left: 100%;
		-ms-transform: scale(1);
		-webkit-transform: scale(1);
		transform: scale(1)
	}

	100% {
		left: -14px;
		-ms-transform: scale(1.1);
		-webkit-transform: scale(1.1);
		transform: scale(1.1)
	}
}

@-webkit-keyframes aui-loading-square-span1-translate {
	0% {
		left: -14px;
		-ms-transform: scale(1.1);
		-webkit-transform: scale(1.1);
		transform: scale(1.1)
	}

	50% {
		left: 100%;
		-ms-transform: scale(1);
		-webkit-transform: scale(1);
		transform: scale(1)
	}

	100% {
		left: -14px;
		-ms-transform: scale(1.1);
		-webkit-transform: scale(1.1);
		transform: scale(1.1)
	}
}

@keyframes aui-loading-square-span1-translate {
	0% {
		left: -14px;
		-ms-transform: scale(1.1);
		-webkit-transform: scale(1.1);
		transform: scale(1.1)
	}

	50% {
		left: 100%;
		-ms-transform: scale(1);
		-webkit-transform: scale(1);
		transform: scale(1)
	}

	100% {
		left: -14px;
		-ms-transform: scale(1.1);
		-webkit-transform: scale(1.1);
		transform: scale(1.1)
	}
}

@-ms-keyframes aui-loading-square-span1-zindex {
	0% {
		z-index: 0
	}

	50% {
		z-index: 1
	}

	100% {
		z-index: 0
	}
}

@-webkit-keyframes aui-loading-square-span1-zindex {
	0% {
		z-index: 0
	}

	50% {
		z-index: 1
	}

	100% {
		z-index: 0
	}
}

@keyframes aui-loading-square-span1-zindex {
	0% {
		z-index: 0
	}

	50% {
		z-index: 1
	}

	100% {
		z-index: 0
	}
}

@-ms-keyframes aui-loading-square-span2-translate {
	0% {
		left: 100% -ms-transform:scale(1.1);
		-webkit-transform: scale(1.1);
		transform: scale(1.1)
	}

	50% {
		left: -14px;
		-ms-transform: scale(1.1);
		-webkit-transform: scale(1.1);
		transform: scale(1.1)
	}

	100% {
		left: 100%;
		-ms-transform: scale(1.1);
		-webkit-transform: scale(1.1);
		transform: scale(1.1)
	}
}

@-webkit-keyframes aui-loading-square-span2-translate {
	0% {
		left: 100%;
		-ms-transform: scale(1.1);
		-webkit-transform: scale(1.1);
		transform: scale(1.1)
	}

	50% {
		left: -14px;
		-ms-transform: scale(1.1);
		-webkit-transform: scale(1.1);
		transform: scale(1.1)
	}

	100% {
		left: 100%;
		-ms-transform: scale(1.1);
		-webkit-transform: scale(1.1);
		transform: scale(1.1)
	}
}

@keyframes aui-loading-square-span2-translate {
	0% {
		left: 100%;
		-ms-transform: scale(1.1);
		-webkit-transform: scale(1.1);
		transform: scale(1.1)
	}

	50% {
		left: -14px;
		-ms-transform: scale(1.1);
		-webkit-transform: scale(1.1);
		transform: scale(1.1)
	}

	100% {
		left: 100%;
		-ms-transform: scale(1.1);
		-webkit-transform: scale(1.1);
		transform: scale(1.1)
	}
}

@-ms-keyframes aui-loading-square-span2-zindex {
	0% {
		z-index: 1
	}

	50% {
		z-index: 0
	}

	100% {
		z-index: 1
	}
}

@-webkit-keyframes aui-loading-square-span2-zindex {
	0% {
		z-index: 1
	}

	50% {
		z-index: 0
	}

	100% {
		z-index: 1
	}
}

@keyframes aui-loading-square-span2-zindex {
	0% {
		z-index: 1
	}

	50% {
		z-index: 0
	}

	100% {
		z-index: 1
	}
}

@-ms-keyframes load-button {
	0% {
		opacity: 1
	}

	100% {
		opacity: .3
	}
}

@-webkit-keyframes load-button {
	0% {
		opacity: 1
	}

	100% {
		opacity: .3
	}
}

@keyframes load-button {
	0% {
		opacity: 1
	}

	100% {
		opacity: .3
	}
}

@-ms-keyframes aui-loading-squarefour-animate {
	0% {
		-ms-transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg)
	}

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

@-webkit-keyframes aui-loading-squarefour-animate {
	0% {
		-ms-transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg)
	}

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

@keyframes aui-loading-squarefour-animate {
	0% {
		-ms-transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg)
	}

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

@-ms-keyframes aui-loading-square-span1-animate {
	0% {
		-ms-transform: translate(0, 0);
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0)
	}

	25% {
		-ms-transform: translate(0, 18px);
		-webkit-transform: translate(0, 18px);
		transform: translate(0, 18px)
	}

	50% {
		-ms-transform: translate(18px, 18px);
		-webkit-transform: translate(18px, 18px);
		transform: translate(18px, 18px)
	}

	75% {
		-ms-transform: translate(18px, 0);
		-webkit-transform: translate(18px, 0);
		transform: translate(18px, 0)
	}
}

@-webkit-keyframes aui-loading-square-span1-animate {
	0% {
		-ms-transform: translate(0, 0);
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0)
	}

	25% {
		-ms-transform: translate(0, 18px);
		-webkit-transform: translate(0, 18px);
		transform: translate(0, 18px)
	}

	50% {
		-ms-transform: translate(18px, 18px);
		-webkit-transform: translate(18px, 18px);
		transform: translate(18px, 18px)
	}

	75% {
		-ms-transform: translate(18px, 0);
		-webkit-transform: translate(18px, 0);
		transform: translate(18px, 0)
	}
}

@keyframes aui-loading-square-span1-animate {
	0% {
		-ms-transform: translate(0, 0);
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0)
	}

	25% {
		-ms-transform: translate(0, 18px);
		-webkit-transform: translate(0, 18px);
		transform: translate(0, 18px)
	}

	50% {
		-ms-transform: translate(18px, 18px);
		-webkit-transform: translate(18px, 18px);
		transform: translate(18px, 18px)
	}

	75% {
		-ms-transform: translate(18px, 0);
		-webkit-transform: translate(18px, 0);
		transform: translate(18px, 0)
	}
}

@-ms-keyframes aui-loading-square-span2-animate {
	0% {
		-ms-transform: translate(0, 0);
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0)
	}

	25% {
		-ms-transform: translate(-18px, 0);
		-webkit-transform: translate(-18px, 0);
		transform: translate(-18px, 0)
	}

	50% {
		-ms-transform: translate(-18px, 18px);
		-webkit-transform: translate(-18px, 18px);
		transform: translate(-18px, 18px)
	}

	75% {
		-ms-transform: translate(0, 18px);
		-webkit-transform: translate(0, 18px);
		transform: translate(0, 18px)
	}
}

@-webkit-keyframes aui-loading-square-span2-animate {
	0% {
		-ms-transform: translate(0, 0);
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0)
	}

	25% {
		-ms-transform: translate(-18px, 0);
		-webkit-transform: translate(-18px, 0);
		transform: translate(-18px, 0)
	}

	50% {
		-ms-transform: translate(-18px, 18px);
		-webkit-transform: translate(-18px, 18px);
		transform: translate(-18px, 18px)
	}

	75% {
		-ms-transform: translate(0, 18px);
		-webkit-transform: translate(0, 18px);
		transform: translate(0, 18px)
	}
}

@keyframes aui-loading-square-span2-animate {
	0% {
		-ms-transform: translate(0, 0);
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0)
	}

	25% {
		-ms-transform: translate(-18px, 0);
		-webkit-transform: translate(-18px, 0);
		transform: translate(-18px, 0)
	}

	50% {
		-ms-transform: translate(-18px, 18px);
		-webkit-transform: translate(-18px, 18px);
		transform: translate(-18px, 18px)
	}

	75% {
		-ms-transform: translate(0, 18px);
		-webkit-transform: translate(0, 18px);
		transform: translate(0, 18px)
	}
}

@-ms-keyframes aui-loading-square-span3-animate {
	0% {
		-ms-transform: translate(0, 0);
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0)
	}

	25% {
		-ms-transform: translate(18px, 0);
		-webkit-transform: translate(18px, 0);
		transform: translate(18px, 0)
	}

	50% {
		-ms-transform: translate(18px, -18px);
		-webkit-transform: translate(18px, -18px);
		transform: translate(18px, -18px)
	}

	75% {
		-ms-transform: translate(0, -18px);
		-webkit-transform: translate(0, -18px);
		transform: translate(0, -18px)
	}
}

@-webkit-keyframes aui-loading-square-span3-animate {
	0% {
		-ms-transform: translate(0, 0);
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0)
	}

	25% {
		-ms-transform: translate(18px, 0);
		-webkit-transform: translate(18px, 0);
		transform: translate(18px, 0)
	}

	50% {
		-ms-transform: translate(18px, -18px);
		-webkit-transform: translate(18px, -18px);
		transform: translate(18px, -18px)
	}

	75% {
		-ms-transform: translate(0, -18px);
		-webkit-transform: translate(0, -18px);
		transform: translate(0, -18px)
	}
}

@keyframes aui-loading-square-span3-animate {
	0% {
		-ms-transform: translate(0, 0);
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0)
	}

	25% {
		-ms-transform: translate(18px, 0);
		-webkit-transform: translate(18px, 0);
		transform: translate(18px, 0)
	}

	50% {
		-ms-transform: translate(18px, -18px);
		-webkit-transform: translate(18px, -18px);
		transform: translate(18px, -18px)
	}

	75% {
		-ms-transform: translate(0, -18px);
		-webkit-transform: translate(0, -18px);
		transform: translate(0, -18px)
	}
}

@-ms-keyframes aui-loading-square-span4-animate {
	0% {
		-ms-transform: translate(0, 0);
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0)
	}

	25% {
		-ms-transform: translate(0, -18px);
		-webkit-transform: translate(0, -18px);
		transform: translate(0, -18px)
	}

	50% {
		-ms-transform: translate(-18px, -18px);
		-webkit-transform: translate(-18px, -18px);
		transform: translate(-18px, -18px)
	}

	75%-ms-transform:translate(-18px, 0);
	-webkit-transform:translate(-18px, 0);
	transform:translate(-18px, 0)
}
}

@-webkit-keyframes aui-loading-square-span4-animate {
	0% {
		-ms-transform: translate(0, 0);
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0)
	}

	25% {
		-ms-transform: translate(0, -18px);
		-webkit-transform: translate(0, -18px);
		transform: translate(0, -18px)
	}

	50% {
		-ms-transform: translate(-18px, -18px);
		-webkit-transform: translate(-18px, -18px);
		transform: translate(-18px, -18px)
	}

	75% {
		-ms-transform: translate(-18px, 0);
		-webkit-transform: translate(-18px, 0);
		transform: translate(-18px, 0)
	}
}

@keyframes aui-loading-square-span4-animate {
	0% {
		-ms-transform: translate(0, 0);
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0)
	}

	25% {
		-ms-transform: translate(0, -18px);
		-webkit-transform: translate(0, -18px);
		transform: translate(0, -18px)
	}

	50% {
		-ms-transform: translate(-18px, -18px);
		-webkit-transform: translate(-18px, -18px);
		transform: translate(-18px, -18px)
	}

	75% {
		-ms-transform: translate(-18px, 0);
		-webkit-transform: translate(-18px, 0);
		transform: translate(-18px, 0)
	}
}

@-ms-keyframes aui-loading-msg-doting {
	25% {
		border-color: transparent;
		background-color: transparent
	}

	50% {
		border-right-color: transparent;
		background-color: transparent
	}

	75% {
		border-right-color: transparent
	}
}

@-webkit-keyframes aui-loading-msg-doting {
	25% {
		border-color: transparent;
		background-color: transparent
	}

	50% {
		border-right-color: transparent;
		background-color: transparent
	}

	75% {
		border-right-color: transparent
	}
}

@keyframes aui-loading-msg-doting {
	25% {
		border-color: transparent;
		background-color: transparent
	}

	50% {
		border-right-color: transparent;
		background-color: transparent
	}

	75% {
		border-right-color: transparent
	}
}

@-ms-keyframes aui-toast-from-bottom {
	0% {
		bottom: 30px;
		opacity: 0
	}

	100% {
		bottom: 70px;
		opacity: 1
	}
}

@-webkit-keyframes aui-toast-from-bottom {
	0% {
		bottom: 30px;
		opacity: 0
	}

	100% {
		bottom: 70px;
		opacity: 1
	}
}

@keyframes aui-toast-from-bottom {
	0% {
		bottom: 30px;
		opacity: 0
	}

	100% {
		bottom: 70px;
		opacity: 1
	}
}

@-webkit-keyframes aui-slide-up_to_middle {
	0% {
		opacity: 0;
		top: -50vh;
		-ms-transform: translate(0, 0);
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0)
	}

	100% {
		opacity: 1;
		top: 45%;
		-ms-transform: translate(0, -50%);
		-webkit-transform: translate(0, -50%);
		transform: translate(0, -50%)
	}
}

@keyframes aui-slide-up_to_middle {
	0% {
		opacity: 0;
		top: -50vh;
		-ms-transform: translate(0, 0);
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0)
	}

	100% {
		opacity: 1;
		top: 45%;
		-ms-transform: translate(0, -50%);
		-webkit-transform: translate(0, -50%);
		transform: translate(0, -50%)
	}
}

@-webkit-keyframes aui-noticebar-row {
	0% {
		-webkit-transform: translateX(100vw);
		transform: translateX(100vw)
	}

	100% {
		-webkit-transform: translateX(-100%);
		transform: translateX(-100%)
	}
}

@keyframes aui-noticebar-row {
	0% {
		-webkit-transform: translateX(100vw);
		transform: translateX(100vw)
	}

	100% {
		-webkit-transform: translateX(-100%);
		transform: translateX(-100%)
	}
}

@-webkit-keyframes aui-noticebar-col {
	0% {
		-webkit-transform: translateY(100%);
		transform: translateY(100%)
	}

	100% {
		-webkit-transform: translateY(-100%);
		transform: translateY(-100%)
	}
}

@keyframes aui-noticebar-col {
	0% {
		-webkit-transform: translateY(100%);
		transform: translateY(100%)
	}

	100% {
		-webkit-transform: translateY(-100%);
		transform: translateY(-100%)
	}
}