@charset "UTF-8";
/*
 * =========================================================================
 * APIClud - AUI UI
 * Verson 3.0
 * =========================================================================
 */
/*全局初始化*/
@import url("aui.iconfont.css");
@import url("mbui.iconfont.css");
html{
	font-family: "Helvetica Neue", Helvetica, sans-serif;
	font-size: 20px;
	height:auto
}
html,body {
	-webkit-touch-callout:none;
	-webkit-text-size-adjust:none;
	-webkit-tap-highlight-color:rgba(0, 0, 0, 0);
	-webkit-user-select:none;
	width: 100%;
}
html,body,header,section,footer,div,ul,ol,li,img,a,span,em,del,legend,center,strong,var,fieldset,form,label,dl,dt,dd,cite,input,hr,time,mark,code,figcaption,figure,textarea,h1,h2,h3,h4,h5,h6,p{
	margin:0;
	border:0;
	padding:0;
	font-style:normal;
}
body {
	color: #212121;
	background-color: var(--mbui-bodybg);
	outline: 0;
	max-width: 750px;
	margin:0 auto;
	min-width: var(--aui-w);
	/* overflow-y:scroll; */
}

:root {
    --aui-w:100%;
    --aui-h:100%;
    --aui-bg: #2979ff;
    --aui-color: #2979ff;
    --aui-border-bg:#fff;
    --aui-blue: #2979ff;
    --aui-black:#000;
    --aui-white:#fff;
    --aui-red:red;
    --aui-red-f5:#f55;
    --aui-btn-color: #2979ff;
    --aui-btn-bg:#FFF;
    --aui-btn-border-bg: #2979ff;
    --aui-jianbian: linear-gradient(to right,#2979ff,#6199f7);
    --mbui-bodybg: #EFF4FA;
    --mbui-bg0: #E60000;
    --mbui-bg1: #f9f9fa;
    --mbui-bg2: #f5f6f7;
    --mbui-bg3: #FFF3F2;
    --mbui-bg4: #F0F2F5;
    --mbui-bg5: #f2f3f4;
    --mbui-bg6: #FFFFFF;
    --mbui-bg7: #fffaf5;
    --mbui-color: #E60000;
    --mbui-color-hover: #C30000;
    --mbui-c2: #f60;
    --mbui-c2-hover: #ff4e00;
    --mbui-c3: #FCB900;
    --mbui-c4: #EBF4FF;
    --mbui-c5: #ff9001;
    --mbui-fff: #fff;
    --mbui-000: #000;
    --mbui-333: #333;
    --mbui-444: #444;
    --mbui-666: #666;
    --mbui-777: #777;
    --mbui-999: #999;
    --mbui-7a: #7a7a7a;
    --mbui-aaa: #aaaeb3;
    --mbui-gray-100: #f8f9fa;
    --mbui-gray-200: #e9ecef;
    --mbui-gray-300: #dee2e6;
    --mbui-gray-400: #ced4da;
    --mbui-gray-500: #adb5bd;
    --mbui-gray-600: #6c757d;
    --mbui-gray-700: #495057;
    --mbui-gray-800: #343a40;
    --mbui-gray-900: #212529;
    --mbui-font-1: #576076;
    --mbui-border-1: #eee;
    --mbui-border-2: #dcdcdc;
    --mbui-radius-xs: 2px;
    --mbui-radius-sm: 4px;
    --mbui-radius-md: 6px;
    --mbui-radius-lg: 8px;
    --mbui-radius-lm: 10px;
    --mbui-radius-lx: 15px;
    --mbui-radius-xl: 20px;
    --mbui-radius-xxl: 50%;
    --mbui-shadow: 0 0 2px 0 rgb(85 120 140 / 12%);
    --mbui-shadow2: 0 1px 12px 0 rgb(0 0 0 / 20%);
    --mbui-shadow3: 0 0 10px 5px rgb(0 0 0 / 10%);
}
* {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	/* -webkit-user-select: none; */
	/* -webkit-tap-highlight-color: transparent; */
	/* outline: none; */
}
* img{
    -webkit-box-sizing: content-box;box-sizing: content-box;
}
ul, li {
	list-style: none;
}
p {
	font-size: 0.14rem;
}
i,em{
	font-style:normal;
}
.aui-p{font-size: 0.6rem;color: #757575;}
a {
	color: #333333;
	text-decoration: none;
	background-color: transparent;
}
.color0{color:var(--mbui-000);}
.color3{color:var(--mbui-333);}
.color4{color:var(--mbui-444);}
.color6{color:var(--mbui-666);}
.color7{color:var(--mbui-777);}
.color9{color:var(--mbui-999);}
textarea {
	overflow: hidden;
	resize: none;
}
button {
	overflow: visible;
}
button,select {
	text-transform: none;
}
button,input,select,textarea {
	font: inherit;
	color: inherit;
}
/*自动隐藏文字*/
.aui-ellipsis-1 {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.aui-ellipsis {
	display: -webkit-box;
	overflow: hidden;
	text-overflow: ellipsis;
	word-wrap: break-word;
	word-break: break-all;
	white-space: normal !important;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
}
.aui-ellipsis-2 {
	display: -webkit-box;
	overflow: hidden;
	text-overflow: ellipsis;
	word-wrap: break-word;
	word-break: break-all;
	white-space: normal !important;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}
p.aui-ellipsis-2{color: #757575;}

/*水平线*/
.aui-hr {
	width: 100%;
	position: relative;
	border-top: 1px solid #dddddd;
	height: 1px;
}
@media screen and (-webkit-min-device-pixel-ratio:1.5) {
	.aui-hr{
		border: none;
        background-size: 100% 1px;
		background-repeat: no-repeat;
		background-position: top;
        background-image: linear-gradient(0,#dddddd,#dddddd 50%,transparent 50%);
        background-image: -webkit-linear-gradient(90deg,#dddddd,#dddddd 50%,transparent 50%);
	}
}
.aui-line-x {
	position: relative;
	height: 1px;
}
.aui-line-x:after {
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0;
	height: 1px;
	content: '';
	background-color: #F1F1F1;
	-webkit-transform: scaleY(.3);
	      transform: scaleY(.3);
}
/*内外边距类*/
.aui-padded-0 {
	padding: 0 !important;
}
.aui-padded-5 {
	padding: 0.25rem !important;
}
.aui-padded-10 {
	padding: 0.5rem !important;
}
.aui-padded-15 {
	padding: 0.75rem !important;
}
.aui-padded-t-0 {
	padding-top: 0 !important;
}
.aui-padded-t-5 {
	padding-top: 0.25rem !important;
}
.aui-padded-t-10 {
	padding-top: 0.5rem !important;
}
.aui-padded-t-15 {
	padding-top: 0.75rem !important;
}
.aui-padded-t-20 {
	padding-top: 1rem !important;
}
.aui-padded-b-0 {
	padding-bottom: 0 !important;
}
.aui-padded-b-5 {
	padding-bottom: 0.25rem !important;
}
.aui-padded-b-10 {
	padding-bottom: 0.5rem !important;
}
.aui-padded-b-15 {
	padding-bottom: 0.75rem !important;
}
.aui-padded-b-20 {
	padding-bottom: 1rem !important;
}
.aui-padded-l-0 {
	padding-left: 0 !important;
}
.aui-padded-l-5 {
	padding-left: 0.25rem !important;
}
.aui-padded-l-10 {
	padding-left: 0.5rem !important;
}
.aui-padded-l-15 {
	padding-left: 0.75rem !important;
}
.aui-padded-r-0 {
	padding-right: 0 !important;
}
.aui-padded-r-5 {
	padding-right: 0.25rem !important;
}
.aui-padded-r-10 {
	padding-right: 0.5rem !important;
}
.aui-padded-r-15 {
	padding-right: 0.75rem !important;
}
.aui-margin-0 {
	margin: 0 !important;
}
.aui-margin-1 {
	margin: 0.05rem !important;
}
.aui-margin-5 {
	margin: 0.25rem !important;
}
.aui-margin-10 {
	margin: 0.5rem !important;
}
.aui-margin-15 {
	margin: 0.75rem !important;
}
.aui-margin-t-0 {
	margin-top: 0 !important;
}
.aui-margin-t-5 {
	margin-top: 0.25rem !important;
}
.aui-margin-t-10 {
	margin-top: 0.5rem !important;
}
.aui-margin-t-15 {
	margin-top: 0.75rem !important;
}
.aui-margin-t-20 {
	margin-top: 0.9rem !important;
}
.aui-margin-t-25 {
	margin-top: 1.15rem !important;
}
.aui-margin-t-30 {
	margin-top: 1.35rem !important;
}
.aui-margin-b-0 {
	margin-bottom: 0 !important;
}
.aui-margin-b-5 {
	margin-bottom: 0.25rem !important;
}
.aui-margin-b-10 {
	margin-bottom: 0.5rem !important;
}
.aui-margin-b-15 {
	margin-bottom: 0.15rem !important;
}
.aui-margin-l-0 {
	margin-left: 0 !important;
}
.aui-margin-l-5 {
	margin-left: 0.25rem !important;
}
.aui-margin-l-10 {
	margin-left: 0.5rem !important;
}
.aui-margin-l-15 {
	margin-left: 0.75rem !important;
}
.aui-margin-r-0 {
	margin-right: 0 !important;
}
.aui-margin-r-5 {
	margin-right: 0.25rem !important;
}
.aui-margin-r-10 {
	margin-right: 0.5rem !important;
}
.aui-margin-r-15 {
	margin-right: 0.75rem !important;
}
.aui-clearfix {
	clear: both;
}
.aui-clearfix:before {
	display: table;
	content: " ";
}
.aui-clearfix:after {
	clear: both;
}
/*文字对齐*/
.aui-text-left {
	text-align: left !important;
}
.aui-text-center {
	text-align: center !important;
}
.aui-text-justify {
	text-align: justify !important;
}
.aui-text-right {
	text-align: right !important;
}
/*文字、背景颜色*/
h1,h2,h3,h4,h5,h6 {
	font-weight: 400;
}
h1,.aui-h1 {
	font-size: 0.14rem;
}
h2,.aui-h2 {
	font-size: 0.14rem;
}
h3,.aui-h3 {
	font-size: 0.14rem;
}
h4,.aui-h4 {
	font-size: 0.14rem;
}
h5,.aui-h5 {
	font-size: 0.14rem;
	font-weight: normal;
	color: #757575;
}
h6,.aui-h6 {
	font-size: 0.14rem;
	font-weight: normal;
	color: #757575;
}
h1 small,h2 small,h3 small,h4 small {
	font-weight: normal;
	line-height: 1;
	color: #757575;
}
h5 small,h6 small {
	font-weight: normal;
	line-height: 1;
	color: #757575;
}
h1 small,h2 small,h3 small {
	font-size: 65%;
}
h4 small,h5 small,h6 small {
	font-size: 75%;
}
img {
	max-width: 100%;
	/* display: block; */
	image-rendering: -moz-crisp-edges;
	image-rendering: -o-crisp-edges;
	image-rendering: -webkit-optimize-contrast;
	image-rendering: crisp-edges;
	-ms-interpolation-mode: nearest-neighbor;
}
/*字号，颜色，背景色*/
.aui-font-size-12 {
	font-size: 0.14rem !important;
}
.aui-font-size-14 {
	font-size: 0.7rem !important;
}
.aui-font-size-16 {
	font-size: 0.8rem !important;
}
.aui-font-size-18 {
	font-size: 0.9rem !important;
}
.aui-font-size-20 {
	font-size: 1rem !important;
}
.aui-text-default {
	color: #212121 !important;
}
.aui-text-white {
	color: #ffffff !important;
}
.aui-text-primary {
	color: #00bcd4 !important;
}
.aui-text-success {
	color: #009688 !important;
}
.aui-text-info {
	color: #2979ff !important;
}
.aui-text-warning {
	color: #ffc107 !important;
}
.aui-text-danger {
	color: #e51c23 !important;
}
.aui-text-pink {
	color: #e91e63 !important;
}
.aui-text-purple {
	color: #673ab7 !important;
}
.aui-text-indigo {
	color: #3f51b5 !important;
}
.aui-bg-default {
	background-color: #f5f5f5 !important;
}
.aui-bg-white {
	background-color: #ffffff !important;
}
.aui-bg-primary {
	background-color: #00bcd4 !important;
}
.aui-bg-success {
	background-color: #009688 !important;
}
.aui-bg-info {
	background-color: #2979ff !important;
}
.aui-bg-warning {
	background-color: #fc872d !important;
}
.aui-bg-danger {
	background-color: #EB0909 !important;
}
.aui-bg-pink {
	background-color: #e91e63 !important;
}
.aui-bg-purple {
	background-color: #673ab7 !important;
}
.aui-bg-indigo {
	background-color: #3f51b5 !important;
}
/*圆角*/
.aui-border-radius-3{border-radius: 3px !important;}
.aui-border-radius-5{border-radius: 5px !important;}
.aui-border-radius-8{border-radius: 8px !important;}
.aui-border-radius-10{border-radius: 10px !important;}
.aui-border-radius-15{border-radius: 15px !important;}
.aui-border-radius-20{border-radius: 20px !important;}
.aui-border-radius-25{border-radius: 25px !important;}
.aui-border-radius-30{border-radius: 30px !important;}
.aui-border-radius-50{border-radius: 50px !important;}
/*警告、成功颜色*/
.aui-warning,
.aui-warning label,
.aui-warning .aui-input,
.aui-warning .aui-iconfont {
	color: #e51c23 !important;
}
.aui-success,
.aui-success label,
.aui-success .aui-input,
.aui-success .aui-iconfont {
	color: #009688 !important;
}
/*对齐,显示，隐藏等*/
.aui-pull-right {
	float: right !important;
}
.aui-pull-left {
	float: left !important;
}
.aui-hide {
	display: none !important;
}
.aui-show {
	display: block !important;
}
.aui-invisible {
	visibility: hidden;
}
.aui-inline {
	display: inline-block;
	vertical-align: top;
}
.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-mask-two {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.3);
    opacity: 0;
    z-index: 8;
    visibility: hidden;
    -webkit-transition: opacity .3s,-webkit-transform .3s;
    transition: opacity .3s,transform .3s;
}
.aui-mask-two.aui-mask-in {
	visibility: visible;
  	opacity: 1;
}
.aui-mask-two.aui-mask-out {
	opacity: 0;
}

img.aui-img-round {
	border-radius: 50%;
}
/*header*/
#aui-bar,.container{max-width: 750px;margin: 0 auto;}
.aui-header {
    width: 100%;
    height: 2.4rem;
    max-width: 750px;
    background: var(--aui-jianbian);
    overflow: hidden;
    position: relative;
    top: 0;
    right: 0;
    left: 0;
    z-index: 997;
    max-width: 750px;
    margin: 0 auto;
}

.aui-header:before {
    content: '';
    width: 100px;
    height: 2.4rem;
    background: linear-gradient(to right,#EB0909,#ef1e1e);
    opacity: .9;
    transform: skewX(45deg);
    position: absolute;
    left: -1.1rem;
    top: 0;
}
.aui-header-fixed{
	position: fixed !important;
}
.aui-head-bar-fix{
	width: 100%;
	height: 2.4rem;
	overflow: hidden;
	font-size: 12px;
	text-align: center;
	clear: both;
	color: #D3D3D3;
}

.aui-header-left {
    width: 1.8rem;
    height: 2.4rem;
    line-height: 2.4rem;
    text-align: center;
    position: absolute;
    bottom: 0;
    left: 0;
}

.aui-header-left i {
    font-size: 1.2rem;
    color: #FFF;
}

.aui-header-title {
    height: 2.4rem;
    line-height: 2.4rem;
    color: #FFF;
    font-size: .85rem;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    position: absolute;
    left: 1.8rem;
    right: 1.8rem;
    bottom: 0;
}

.aui-header-right {
    width: 1.8rem;
    height: 2.4rem;
    line-height: 2.4rem;
    text-align: center;
    position: absolute;
    bottom: 0;
    right: 0
}

.aui-header-right i {
    font-size: 1.2rem;
    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%);
}
/*页脚版权*/
.footer1{
    text-align: center;
    font-size: 0.6rem;
}
.footer1 p{color:#888888;font-size: 0.6rem;}
.footer2-text{margin-bottom:0.3rem;color:#b9b7b7;font-size: 0.7rem;}
.footer2-text span{margin:0 0.5rem;font-size: 0.7rem;}
/*footer*/
.aui-footer {
    width: 100vw;
    height: 2.5rem;
    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
}

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

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

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

.aui-list-two: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-two:last-child:after {
    display: none
}

.aui-list-title {
    width: 100%;
    height: 40px;
    line-height: 50px;
    font-size: .75rem;
    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: .7rem;
    color: #777777;
}

.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
}
/*card卡片*/
.aui-card-title {
    width: 100%;
    height: 1.8rem;
    line-height: 1.8rem;
    font-size: .8rem;
    padding: 0 .55rem 0 .55rem;
    box-sizing: border-box;
    background: #efeff4;
}

.aui-card-title-line {
    width: .2rem;
    height: .65rem;
    background: #2979FF;
    margin: .5rem .4rem .55rem 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-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: 3px;
    top: -webkit-calc((8px - 1px) / 2);
    top: calc((8px - 1px) / 2);
    top: -moz-calc((8px - 1px) / 2);
    left: calc((-100% - 8px) / 2);
    left: -moz-calc((-100% - 8px) / 2);
    left: -webkit-calc((-100% - 8px) / 2);
}

.aui-steps.aui-steps-row.aui-steps-number .aui-steps-item::before {
    top: -webkit-calc((24px - 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 .1rem;
    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: 17px;
    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 0.1rem;
    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: 6px;
	top: calc((20px - 8px+1px) / 2);
	top: -moz-calc((20px - 8px+1px) / 2);
	top: -webkit-calc((20px - 8px+1px) / 2);
	left: 6px;
	left: calc((20px - 8px+1px) / 2);
	left: -moz-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;
    line-height: 18px;
}

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

.aui-steps.aui-steps-col .aui-steps-item .aui-steps-item-desc {
    width: 100%;
    line-height: 20px;
    font-size: 0.13rem;
    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: var(--mbui-color);
}

.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: var(--mbui-color);
}

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

/*列表1*/
.aui-content > .aui-list-view:last-child {
  	margin-bottom: 15px;
}
.aui-list-view {
	position: relative;
	padding-left: 0;
	margin-top: 0;
	margin-bottom: .75rem;
	list-style: none;
	background-color: #fff;
}
.aui-list-view:after {
	position: absolute;
	bottom: 0;
	right: 0;
	left: 0;
	height: 1px;
	content: '';
	background-color: #c8c7cc;
	-webkit-transform: scaleY(.5);
	transform: scaleY(.5);
}
.aui-list-view:before {
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	height: 1px;
	content: '';
	background-color: #c8c7cc;
	-webkit-transform: scaleY(.5);
	transform: scaleY(.5);
}


.aui-list-view-cell {
	position: relative;
	padding: 12px 15px;
	overflow: hidden;
	-webkit-transform-style: preserve-3d;
	      transform-style: preserve-3d;
	-webkit-touch-callout: none;
}

.aui-list-view-cell:after {
	position: absolute;
	left: 15px;
	right: 0;
	bottom: 0;
	height: 1px;
	content: '';
	background-color: #c8c7cc;
	-webkit-transform: scaleY(.5);
	      transform: scaleY(.5);
}
.aui-list-view-cell:last-child:after, .aui-list-view-cell:last-child:before {
  	height: 0;
}
.aui-list-view-cell > a:active {
	background: #ecf0f1;
}
.aui-list-view-cell > a {
  	position: relative;
  	padding: inherit;
  	margin: -12px -15px;
  	display: block;
  	overflow: hidden;
  	color: inherit;
  	text-overflow: ellipsis;
  	white-space: nowrap;
}
.aui-list-view-cell > a.aui-active {
  	background-color: #eee;

}
.aui-list-view-cell p {
  	margin-bottom: 0;
}
/*会员列表～通讯录～消息列表*/
.aui-user-view {
	position: relative;
	padding-left: 0;
	margin-top: 0;
	margin-bottom: 15px;
	list-style: none;
	background-color: #fff;
}
.aui-user-view:after {
	position: absolute;
	bottom: 0;
	right: 0;
	left: 0;
	height: 1px;
	content: '';
	background-color: #ecf0f1;
	-webkit-transform: scaleY(.5);
	transform: scaleY(.5);
}
.aui-user-view:before {
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	height: 1px;
	content: '';
	background-color: #ecf0f1;
	-webkit-transform: scaleY(.5);
	transform: scaleY(.5);
}

.aui-user-view-cell {
	position: relative;
	padding: 11px 15px;
	overflow: hidden;
	-webkit-transform-style: preserve-3d;
	      transform-style: preserve-3d;
	-webkit-touch-callout: none;
}

.aui-user-view-cell:after {
	position: absolute;
	left: 15px;
	right: 0;
	bottom: 0;
	height: 1px;
	content: '';
	background-color: #ecf0f1;
	-webkit-transform: scaleY(.5);
	      transform: scaleY(.5);
}
.aui-user-view-cell:last-child:after, .aui-user-view-cell:last-child:before {
  	height: 0;
}
.aui-user-view-cell:active {
	background: #ecf0f1;
}
.aui-user-view-cell > a {
  	position: relative;
  	padding: inherit;
  	margin: -11px -15px;
  	display: block;
  	overflow: hidden;
  	color: inherit;
  	text-overflow: ellipsis;
  	white-space: nowrap;
}
.aui-user-view-cell > a.aui-active {
  	background-color: #ecf0f1;
}
.aui-user-view-cell p {
	margin-top: .2rem;
	line-height: .8rem !important;
	margin-bottom: 0;
	font-size: .65rem;
	color: #757575;
}
.aui-user-view-cell .aui-img,
.aui-user-view-cell .aui-img-body {
	overflow: hidden;
}
.aui-user-view-cell .aui-img-body span {
	color: #333333;
	margin-top: .1rem;
	font-weight: 400;
	font-size: .8rem;
	width: 100%;
}
.aui-user-view-cell .aui-img-body span > em {
	font-weight: 400;
	font-size: .65rem;
	color: #8f8f94;
	float: right;
}
.aui-user-view-cell .aui-img-object {
	max-width: 2.5rem !important;
	height: 2.5rem !important;
	line-height: 2.5rem !important;
	border-radius: 50%;
}

.aui-user-view-cell .aui-img-object.aui-pull-left {
	margin-right: .6rem;
}
.aui-user-view-cell .aui-img-object.aui-pull-right {
	margin-left: 0px;
}
.aui-user-view-cell .aui-img-body.aui-arrow-right:after {
	font-family: Muiicons;
	font-size: inherit;
	line-height: 1;
	color: #bbbbbb;
	text-decoration: none;
	position: absolute;
	top: 50%;
	display: inline-block;
	-webkit-transform: translateY(-50%);
	      transform: translateY(-50%);
	-webkit-font-smoothing: antialiased;
	font-size: 20px;
}

.aui-user-view-cell .aui-img-body.aui-arrow-right:after {
	font-family:"iconfont" !important;
	right: 15px;
	content: '\e642';
}
/*图文列表类*/
.aui-list-view .aui-img,
.aui-list-view .aui-img-body {
	overflow: hidden;
}
.aui-list-view .aui-img-object {
	max-width: 60px;
	height: 60px;
	line-height: 60px;
	border-radius: 3px;
}
.aui-list-view .aui-img-object.aui-pull-left {
	margin-right: .6rem;
}
.aui-list-view .aui-img-object.aui-pull-right {
	margin-left: 0px;
}
.aui-list-view.aui-grid-view {
	display: block;
	width: 100%;
	padding: 0 10px 10px 0;
	font-size: 0;
	white-space: normal;
}
.aui-list-view.aui-grid-view .aui-list-view-cell {
	display: inline-block;
	padding: 10px 0 0 10px;
	font-size: 16px;
	text-align: center;
	vertical-align: middle;
	background: none;
}
.aui-list-view.aui-grid-view .aui-list-view-cell .aui-img-object {
	width: 100%;
	max-width: 100%;
	height: auto;
}
.aui-list-view.aui-grid-view .aui-list-view-cell > a {
	margin: -10px 0 0 -14px;
}
.aui-list-view.aui-grid-view .aui-list-view-cell > a:active,
.aui-list-view.aui-grid-view .aui-list-view-cell:active {
	background: none;
}
.aui-list-view.aui-grid-view .aui-list-view-cell .aui-media-body {
	display: block;
	width: 100%;
	height: 15px;
	margin-top: 8px;
	font-size: 15px;
	line-height: 15px;
	color: #333;
	text-overflow: ellipsis;
}
.aui-list-view.aui-grid-view .aui-list-view-cell:before,
.aui-list-view.aui-grid-view .aui-list-view-cell:after {
	height: 0;
}

.aui-thumb-view {
	overflow: hidden;
	padding: 10px 8px 5px 8px;
}
.aui-thumb-view .aui-list-view-cell {
	display: inline-block;
	padding: 0 .1rem .2rem .1rem;
	margin-right: 0px;
	font-size: 17px;
	text-align: center;
	vertical-align: middle;
	background: none;
}
.aui-thumb-view .aui-list-view-cell .aui-img-object {
	width: 100%;
	max-width: 100%;
	height: auto;
}
.aui-thumb-view .aui-list-view-cell > a {
	margin: 0px 0 0 -8px;
}
.aui-thumb-view .aui-list-view-cell > a:active,
.aui-thumb-view .aui-list-view-cell:active {
	background: none;
}
.aui-thumb-view .aui-list-view-cell:before,
.aui-thumb-view .aui-list-view-cell:after {
	height: 0;
}
/*基本容器*/
.aui-content {
	-webkit-overflow-scrolling: touch;
	overflow-x: hidden;
	word-break: break-all;
	max-width: 750px;
	margin: 0 auto;
	padding-bottom: .8rem;
}
.aui-content-padded {
  	margin: 0.5rem;
  	position: relative;
  	word-break: break-all;
  	-webkit-overflow-scrolling: touch;
}
.aui-content-top,.content-top{width: 100%; background: #f4f4f4; line-height: 25px; padding: 15px 15px; box-sizing: border-box; font-size: .7rem; color: #999999;}
.aui-content-new,.content-new {
    width: 100%;
    height: -webkit-calc(100vh - 50px);
    height: calc(100vh - 50px);
    overflow-y: scroll;
    padding: 0;
    box-sizing: border-box
}
.aui-content-padded p{line-height: 1rem;}
.content{}
.content p{overflow: hidden;}
/*栅格类*/
.aui-row {
	overflow: hidden;
	margin: 0;
}
.aui-row-padded {
	margin-left: -0.125rem;
	margin-right: -0.125rem;
}
.aui-row-padded [class*=aui-col-xs-] {
	padding: 0.25rem;
}
.aui-col-xs-1,.aui-col-xs-2,.aui-col-xs-3,.aui-col-xs-4,.aui-col-xs-5,.aui-col-xs-6,.aui-col-xs-7,.aui-col-xs-8,.aui-col-xs-9,.aui-col-xs-10,.aui-col-xs-11,.aui-col-5 {
	position: relative;
	float: left;
}
.aui-col-xs-1 {
    width: 100%;
    float: initial;
}

.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-bold{font-weight:bold}
/**/
.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%;
    height: 100vh;
    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-label {
	display: inline-block;
	padding: 0.2em 0.25em;
	font-size: 0.5rem;
	line-height: 1;
	color: #616161;
	background-color: #dddddd;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	border-radius: 0.15em;
	position: relative;
}

.aui-label-primary {
	color: #ffffff;
	background-color: #00bcd4;
}
.aui-label-success {
	color: #ffffff;
	background-color: #009688;
}
.aui-label-info {
  color: #ffffff;
  background-color: #2979ff;
}
.aui-label-warning {
	color: #ffffff;
	background-color: #ffc107;
}
.aui-label-danger {
	color: #ffffff;
	background-color: #e51c23;
}
.aui-label-outlined {
	background-color: transparent;
	position: relative;
}
.aui-label-outlined:after {
    -webkit-border-radius: 2px;
    border-radius: 2px;
    height: 200%;
    content: '';
    width: 200%;
	border: 1px solid #d9d9d9;
    position: absolute;
    top: -1px;
    left: -1px;
    transform: scale(0.5);
    -webkit-transform: scale(0.5);
    transform-origin: 0 0;
    -webkit-transform-origin: 0 0;
    z-index: 1;
}
.aui-label-outlined.aui-label-primary,
.aui-label-outlined.aui-label-primary:after {
	color: #00bcd4;
	border-color: #00bcd4;
}
.aui-label-outlined.aui-label-success,
.aui-label-outlined.aui-label-success:after {
	color: #009688;
	border-color: #009688;
}
.aui-label-outlined.aui-label-info,
.aui-label-outlined.aui-label-info:after {
  	color: #2979ff;
  	border-color: #2979ff;
}
.aui-label-outlined.aui-label-warning,
.aui-label-outlined.aui-label-warning:after {
	color: #ffc107;
	border-color: #ffc107;
}
.aui-label-outlined.aui-label-danger,
.aui-label-outlined.aui-label-danger:after {
	color: #e51c23;
	border-color: #e51c23;
}
.aui-label .aui-iconfont {
	font-size: 0.6rem;
}
*/
/*角标*/
/*
.aui-badge {
	display: inline-block;
	width: auto;
	text-align: center;
	min-width: 0.8rem;
	height: 0.8rem;
	line-height: 0.8rem;
	padding: 0 0.2rem;
	font-size: 0.6rem;
	color: #ffffff;
	background-color: #EB0909;
	border-radius: 0.4rem;
	position: absolute;
	top: 0.2rem;
	left: 60%;
	z-index: 99;
}
*/
/*标签*/
.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-success span{color: #fff !important;}

.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;
    line-height: normal;
    font-size: 12px
}
/*角标*/
.aui-badge {
    width: auto;
    height: auto;
    min-width: 0.8rem;
	height: 0.8rem;
	line-height: 0.8rem;
	padding: 0 0.2rem;
	font-size: 0.6rem;
    text-align: center;
    background: #fa3534;
    color: #FFF;
    font-size: 14px;
    display: inline-block;
    border-radius: 0.4rem;
    padding: 0 0.2rem;
    box-sizing: border-box;
    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-dot {
	display: inline-block;
	width: 0.3rem;
	height: 0.3rem;
	background: #EB0909;
	border-radius: 0.5rem;
	position: absolute;
	top: 0.3rem;
	right: 20%;
	z-index: 99;
}
/*按钮样式*/
button, .aui-btn {
	position: relative;
	display: inline-block;
	font-size: 0.14rem;
	font-weight: 400;
	font-family: inherit;
	text-decoration: none;
	text-align: center;
	margin: 0;
	background: #dddddd;
	padding: 0 0.6rem;
	height: 1.5rem;
	line-height: 1.5rem;
	border-radius: 0.08rem;
	white-space: nowrap;
	text-overflow: ellipsis;
	vertical-align: middle;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-user-select: none;
	user-select: none;
}
.aui-btn-xh {
    width: -webkit-calc(100% - 30px);
    width: calc(100% - 30px);
    height: 1.9rem;
    line-height: 1.9rem;
    text-align: center;
    border: 0;
    color: #FFF;
    font-size: .75rem;
    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-xh:active {
	color: #212121;
	background-color: #bdbdbd;
}
.aui-btn-primary {
	color: #ffffff;
	background-color: #00bcd4;
}
.aui-btn-primary.aui-active, .aui-btn-primary:active {
	color: #ffffff;
	background-color: #00acc1;
}
.aui-btn-success {
	color: #ffffff;
	background-color: #009688;
}
.aui-btn-success.aui-active, .aui-btn-success:active {
	color: #fff;
	background-color: #00897b;
}
.aui-btn-info {
	color: #ffffff !important;
	background-color: #2979ff !important;
}
.aui-btn-info.aui-active, .aui-btn-info:active {
	color: #fff !important;
	background-color: #2979ff !important;
}
.aui-btn-warning {
	color: #ffffff !important;
	background-color: #ffc107 !important;
}
.aui-btn-warning.aui-active, .aui-btn-warning:active {
	color: #ffffff !important;
	background-color: #ffb300 !important;
}
.aui-btn-danger {
	color: #ffffff !important;
	background-color: #e51c23 !important;
}
.aui-btn-danger.aui-active, .aui-btn-danger:active {
	color: #ffffff !important;
	background-color: #dd191b !important;
}
.aui-btn-block {
	display: block;
	width: 100%;
	height: 0.4rem;
	line-height: 0.4rem;
	margin-bottom: 0;
	font-size: 0.16rem;
}
.aui-btn-block.aui-btn-sm {
	font-size: 0.7rem;
	height: 2rem;
	line-height: 2rem;
}
.aui-btn-round {
    border-radius: 50px;
}
.aui-btn-block.aui-btn-round {
	font-size: 0.7rem;
	height: 2rem;
	line-height: 2rem;
}
.aui-btn .aui-iconfont, .aui-btn-block .aui-iconfont {
	margin-right: 0.3rem;
}
.aui-btn .aui-badge, .aui-btn-block .aui-badge {
	margin-left: 0.3rem;
}
.aui-btn-outlined {
	background: transparent !important;
	border: 1px solid #bdbdbd;
}
.aui-btn-outlined:active {
	background: transparent !important;
}
.aui-btn-default.aui-btn-outlined {
	color: #bdc3c7 !important;
	border: 1px solid #dcdcdc !important;
}
.aui-btn-primary.aui-btn-outlined {
	color: #00bcd4 !important;
	border: 1px solid #00bcd4 !important;
}
.aui-btn-success.aui-btn-outlined {
	color: #009688 !important;
	border: 1px solid #009688 !important;
}
.aui-btn-info.aui-btn-outlined {
	color: #2979ff !important;
	border: 1px solid #2979ff !important;
}
.aui-btn-warning.aui-btn-outlined {
	color: #ffc107 !important;
	border: 1px solid #ffc107 !important;
}
.aui-btn-danger.aui-btn-outlined {
	color: #e51c23 !important;
	border: 1px solid #e51c23 !important;
}
/*
*表单类\输入框\radio\checkbox
**/
.aui-input,
input[type="text"],
input[type="password"],
input[type="search"],
input[type="email"],
input[type="tel"],
input[type="url"],
input[type="date"],
input[type="datetime-local"],
input[type="time"],
input[type="number"],
select,
textarea {
    border: none;
    background-color: transparent;
    border-radius: 0;
    box-shadow: none;
    /* width: 100%; */
    box-sizing: border-box;
}
input[type="search"]::-webkit-search-cancel-button {
	display: none;
}
.aui-scroll-x {
	position: relative;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
}
.aui-scroll-y {
	position: relative;
	width: 100%;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
}

::-webkit-scrollbar{
	width:0px;
}

/*公告通知*/
.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
}

/*list列表1*/
.aui-list {
    position: relative;
    font-size: 0.16rem;
    background-color: #ffffff;
    border-top: 1px solid #F1F1F1;
}
.aui-list .aui-content {
	overflow: hidden;
}
.aui-list.aui-list-noborder,
.aui-list.aui-list-noborder {
    border-top: none;
}
.aui-list .aui-list-header {
    background-color: #efeff4;
    color: #212121;
    position: relative;
    font-size: 0.7rem;
    padding: 0.6rem 0.75rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    position:relative;
}
.aui-list .aui-list-header::before {content:'';position:absolute;width: 0.25rem;height: 0.6rem;background:#2979ff;float:left;left: 0.25rem;top: 0.8rem;border-radius: 3px;}
.aui-list .aui-list-item {
    list-style: none;
    margin: 0;
    padding: 0;
    padding-left: 0.7rem;
    /* padding-right: 0.7rem; */
    color: #212121;
    border-bottom: 0.01rem solid #dddddd;
    position: relative;
    min-height: 2.6rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    overflow: hidden;
}
.aui-list-new{}
.aui-list-new .aui-list-item{padding-right:0}
.aui-list.aui-list-noborder .aui-list-item:last-child {
    border-bottom: 0;
}
.aui-list .aui-list-item-inner {
    position: relative;
    min-height: 2.2rem;
    width: 100%;
    padding-right: 0.75rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.aui-list .aui-list-item:active {

}
.aui-list .aui-list-item-text {
    font-size: 0.6rem;
    color: #757575;
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-items: center;
    align-items: center;
}
.aui-list .aui-list-item-title {
    font-size: 0.75rem;
    position: relative;
    max-width: 100%;
    color: #333333;
}
.aui-list .aui-list-item-price{
  color: #ff6600;
  font-size: .9rem;
}
.aui-list .aui-list-item-price i,.aui-list .aui-list-item-price em{
  font-size: .7rem;
}
.aui-list .aui-list-item-right,
.aui-list-item-title-row em {
	max-width: 50%;
	position: relative;
    font-size: 0.6rem;
    color: #757575;
    margin-left: 0.25rem;
}
.aui-list .aui-list-item-inner p {
    overflow: hidden;
}
.aui-list .aui-list-media-list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
            flex-direction: column;
}
.aui-media-list-item-inner {
	-webkit-box-sizing: border-box;
			box-sizing: border-box;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
}
.aui-media-list-item-inner .aui-list-item-media{
	/* margin-left: 0.45rem; */
}
.aui-media-list .aui-list-item {
	display: block;
}
.aui-media-list .aui-list-item-inner {
	display: block;
	padding-top: 0.79rem;
	padding-bottom: 0.77rem;
}
.aui-media-list .aui-list-item-inner.aui-swipe-opened{z-index:10}
.aui-media-list-item-inner + .aui-info {
	margin-right: 0.75rem;
}
.aui-list .aui-list-item-media {
	width: 4.5rem;
	position: relative;
	padding: 0.3rem 0;
	padding-right: 0.75rem;
	display: inherit;
	-webkit-flex-shrink: 0;
	flex-shrink: 0;
	-webkit-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-webkit-box-align: center;
	-webkit-align-items: flex-start;
	align-items: flex-start;
}
.aui-list .aui-list-item-media img {
	width: 100%;
	display: block;
	border-radius: 3px;
}
.aui-list .aui-list-item-media-list {
	margin-top: 0.25rem;
	padding-right: 0;
	display: block;
}
.aui-list [class*=aui-col-xs-] img{
    max-width: 100%;
    width: 100%;
    display: block;
    border-radius: 3px;
}
.aui-list-item-middle .aui-list-item-inner:after {
	display: block;
}
.aui-list .aui-list-item-middle > .aui-list-item-media,
.aui-list .aui-list-item-middle > .aui-list-item-inner,
.aui-list .aui-list-item-middle > * {
    -webkit-box-align: center;
    		box-align: center;
    -webkit-align-items: center;
    		align-items: center;
}
.aui-list .aui-list-item-center > .aui-list-item-media,
.aui-list .aui-list-item-center > .aui-list-item-inner,
.aui-list .aui-list-item-center {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        	justify-content: center;
}
.aui-list .aui-list-item i.aui-iconfont {
    -webkit-align-self: center;
    align-self: center;
    font-size: 1rem;
}
.aui-list-item-inner.aui-list-item-arrow {
    overflow: hidden;
    padding-right: 1.5rem;
}
.aui-list-item-arrow:before {
    content: '';
    width: 0.4rem;
    height: 0.4rem;
    position: absolute;
    top: 50%;
    right: 0.75rem;
    margin-top: -0.2rem;
    background: transparent;
    border: 1px solid #dddddd;
    border-top: none;
    border-right: none;
    z-index: 2;
    -webkit-border-radius: 0;
            border-radius: 0;
    -webkit-transform: rotate(-135deg);
            transform: rotate(-135deg);
}
.aui-list-item.aui-list-item-arrow {
    padding-right: 0.75rem;
}
.aui-list label {
    line-height: 1.3rem;
}
.aui-list.aui-form-list .aui-list-item:active {
	background-color: #ffffff;
}
.aui-list.aui-form-list .aui-list-item-inner {
	-webkit-box-sizing: border-box;
    		box-sizing: border-box;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
	padding: 0;
}
/**/
.page-list-news{

}
.page-list-news .aui-media-list .aui-list-item-inner{}
.page-list-news .aui-list .aui-list-item-media{width: 33.96%;padding-right: 0.85rem;}
.page-list-news .aui-media-list-item-inner .aui-list-item-media{
	/* margin-left: 0.45rem; */
}
.page-list-news .aui-list .aui-col-xs-3 img,.page-list-news .aui-list .aui-list-item-media img{
   height: 4rem;
}

/**/
.aui-list .aui-list-item-label,
.aui-list .aui-list-item-label-icon {
	color: #212121;
    width: 35%;
    min-width: 1.5rem;
    margin: 0;
    padding: 0;
    padding-right: 0.25rem;
    line-height: 2.2rem;
    position: relative;
    overflow: hidden;
    white-space: nowrap;
    max-width: 100%;
    -webkit-box-sizing: border-box;
    		box-sizing: border-box;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
            align-items: center;
}
.aui-list .aui-list-item-label-icon {
    width: auto;
    padding-right: 0.55rem;
}
.aui-list .aui-list-item-input {
    width: 100%;
    padding: 0;
    padding-right: 0.75rem;
    -webkit-box-flex: 1;
            box-flex: 1;
    -webkit-flex-shrink: 1;
            flex-shrink: 1;
}
.aui-list.aui-select-list .aui-list-item:active {
	background-color: #ffffff;
}
.aui-list.aui-select-list .aui-list-item-inner {
    display: block;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    -webkit-align-self: stretch;
    		align-self: stretch;
}
.aui-list.aui-select-list .aui-list-item-label {
	width: auto;
	min-width: 2.2rem;
    padding: 0.5rem 0;
    padding-right: 0.75rem;
}
.aui-list.aui-form-list .aui-list-item-btn {
	padding: 0.75rem 0.75rem 0.75rem 0;
}
.aui-list textarea {
    overflow: auto;
    margin: 0.5rem 0;
    height: 3rem;
    line-height: 1rem;
    resize: none;
}
.aui-list .aui-list-item-right .aui-badge,
.aui-list .aui-list-item-right .aui-dot {
	display: inherit;
}

/**/
.r-line {
    position: relative;
}

.r-line:after {
    content: '';
    position: absolute;
    z-index: 0;
    top: 0;
    right: 0;
    height: 100%;
    border-right: 1px solid #D9D9D9;
    -webkit-transform: scaleX(0.5);
    transform: scaleX(0.5);
    -webkit-transform-origin: 100% 0;
    transform-origin: 100% 0;
}

.b-line {
    position: relative;
}

.b-line:after {
    content: '';
    position: absolute;
    z-index: 2;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    border-bottom: 1px solid #e2e2e2;
    -webkit-transform: scaleY(0.5);
    transform: scaleY(0.5);
    -webkit-transform-origin: 0 100%;
    transform-origin: 0 100%;
}

.aui-flex {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    padding: .7rem;
    position: relative;
}

.aui-flex-box {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    min-width: 0;
    font-size: 14px;
    color: #333;
}
.aui-flex-carFind-box{
    position:relative;
    overflow:hidden;
}

.aui-flex-carFind-box .aui-flex{
    width: 50%;
    float: left;
}

.aui-flex-carFind-box .aui-flex:not(:nth-child(2n)):before{
    content: '';
    position: absolute;
    z-index: 0;
    top: 0;
    right: 0;
    height: 100%;
    border-right: 1px solid #D9D9D9;
    -webkit-transform: scaleX(0.5);
    transform: scaleX(0.5);
    -webkit-transform-origin: 100% 0;
    transform-origin: 100% 0;
}


.aui-flex-box h3{
    font-size: 0.75rem;
    margin-bottom: 0.1rem;
}

.aui-flex-box p{
    font-weight:normal;
    font-size: 0.6rem;
    color:#999999;
    line-height: 1.2;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}
.aui-carFind-icon {
    width:40px;
    height:auto;
}


.aui-carFind-icon img{
    width:40px;
    height:auto;
    border:none;
    border-radius: 3px;
}

/**/
@media screen and (-webkit-min-device-pixel-ratio:1.5) {
	.aui-list {
		border: none;
		background-size: 100% 1px;
		background-repeat: no-repeat;
		background-position: top;
		background-image: linear-gradient(0, #F1F1F1, #F1F1F1 50%, transparent 50%);
		border-bottom: 0.01rem solid #F1F1F1;
	}
	.aui-list .aui-list-item {
		border: none;
		background-size: 100% 1px;
		background-repeat: no-repeat;
		background-position: bottom;
		/* background-image: linear-gradient(0,#dddddd,#dddddd 50%,transparent 50%); */
		/* background-image: -webkit-linear-gradient(90deg,#dddddd,#dddddd 50%,transparent 50%); */
		border-bottom: 0.01rem solid #dddddd;
	}

	.aui-list.aui-list-in .aui-list-item {
		border: none;
		background-size: 100% 1px;
		background-repeat: no-repeat;
		background-position: 0.75rem bottom;
		/* background-image: linear-gradient(0,#dddddd,#dddddd 50%,transparent 50%); */
		/* background-image: -webkit-linear-gradient(90deg,#dddddd,#dddddd 50%,transparent 50%); */
		border-bottom: 0.01rem solid #dddddd;
	}
	.aui-list.aui-list-in .aui-list-item:last-child {
		background-position: bottom;
		border-bottom: none;
	}
	.aui-list.aui-list-noborder,
	.aui-list.aui-list-noborder .aui-list-item:last-child {
		border: none;
		background-size: 100% 0;
		background-image: none;
		border-bottom: 0.01rem solid #dddddd;
	}
}
/*tab切换类*/
.aui-tab {
	position: relative;
    background-color: #ffffff;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: nowrap;
            flex-wrap: nowrap;
    -webkit-align-self: center;
            align-self: center;
}
.aui-tab-item {
    width: 100%;
    height: 2.2rem;
    line-height: 2.2rem;
    position: relative;
    font-size: 0.7rem;
    text-align: center;
    color: #212121;
    margin-left: -1px;
    -webkit-box-flex: 1;
            box-flex: 1;
}
.aui-tab-item.aui-active {
    color: #2979ff;
    border-bottom: 2px solid #2979ff;
}
/*卡片列表布局*/
.aui-card-list {
	position: relative;
	margin-bottom: 0.35rem;
	background: #ffffff;
}
.aui-card-list-header,
.aui-card-list-footer {
	position: relative;
	min-height: 2.2rem;
    padding: 0.5rem 0.75rem;
    -webkit-box-sizing: border-box;
    		box-sizing: border-box;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    		justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    		align-items: center;
}
.aui-card-list-header {
	font-size: 0.8rem;
	color: #212121;
}
.aui-card-list-header.aui-card-list-user {
	display: block;
}
.aui-card-list-user-avatar {
	width: 2rem;
	float: left;
	margin-right: 0.5rem;
}
.aui-card-list-user-avatar img {
	width: 100%;
	display: block;
	border-radius: 3px;
}
.aui-card-list-user-name {
	color: #212121;
	position: relative;
	font-size: 0.7rem;
	-webkit-box-sizing: border-box;
			box-sizing: border-box;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    		justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    		align-items: center;
}
.aui-card-list-user-name > *,
.aui-card-list-user-name small {
	position: relative;
}
.aui-card-list-user-name small {
	color: #757575;
}
.aui-card-list-user-info {
	color: #757575;
	font-size: 0.6rem;
}
.aui-card-list-content {
	position: relative;
}
.aui-card-list-content-padded {
	position: relative;
	padding: 0.5rem 0.75rem;
}
.aui-card-list-content,
.aui-card-list-content-padded {
	word-break: break-all;
	font-size: 0.7rem;
	color: #212121;
}
.aui-card-list-content-padded img{border-radius: 3px;}
.aui-card-list-content img,
.aui-card-list-content-padded img {
	width: 100%;
	display: block;
}
.aui-card-list-p{
	position: absolute;
    left: 0;
    bottom: 0;
    color: #fff;
    font-size: 0.75rem;
    font-weight: 500;
    width:100%;
    box-sizing: border-box;
    padding: 10px 15px;
    background: linear-gradient(180deg,transparent,rgba(0,0,0,.6));
}
.aui-card-list-footer {
	font-size: 0.7rem;
	color: #757575;
}
.aui-card-list-footer > * {
	position: relative;
}
.aui-card-list-footer.aui-text-center {
	display: -webkit-box;
    display: -webkit-flex;
    display: flex;
	-webkit-box-pack: center;
    box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
}
.aui-card-list-footer .aui-iconfont {
	font-size: 0.9rem;
}
/*卡片系列-视频*/
.aui-campus-box{

}
.aui-campus-list{
    width:100%;
    display:block;
    overflow:hidden;
    border-radius:5px;
    margin-bottom: .5rem;
    background: #ffffff;
}

.aui-campus-img{
    width:100%;
    position:relative;
}

.aui-campus-play {
    width: 2.5rem;
    height: 2.5rem;
    position:absolute;
    margin-left:-20px;
    left:50%;
    top:50%;
    margin-top:-20px;
    border-radius:100%;
    background-color:rgba(0,0,0,0.6);
}


.aui-campus-play img{
    width:100%;
    height:auto;
    display:block;
    border:none;
}

.aui-campus-img img{
    width:100%;
    height:auto;
    display:block;
    border:none;
}

.aui-campus-user-sml {
    overflow:hidden;
    position:relative;
}

.aui-campus-user-sml span{
    display:block;
    float:left;
    width: 1.4rem;
    height: 1.4rem;
    margin-right: -0.4rem;
}

.aui-campus-user-sml span img{
    width:30px;
    height:30px;
    display:block;
    border:2px solid #fff;
    border-radius:100%;
}

.aui-campus-user-sml em{
    font-size: 0.6rem;
    font-style:normal;
    color:#999;
    padding: 0.5rem;
    line-height: 1.45rem;
}

.aui-campus-title{
    padding-top: .5rem;
    padding-left: .5rem;
    padding-right: .5rem;
}

.aui-campus-title h3{
    font-size: 0.75rem;
    font-weight:normal;
    color:#333;
    width: auto;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
    word-wrap: break-word;
    word-break: break-all;
}

.aui-campus-list .aui-flex{
    padding: .4rem .5rem;
}
.aui-text-bottom{
    position:relative;
    overflow:hidden;
    padding:0.5rem;
}

.aui-text-bottom-item{
    display:block;
    float:left;
    text-align:center;
    color:#717171;
    font-size:0.6rem;
    position:relative;
}

/*grid宫格布局*/
.aui-grid {
	width: 100%;
	background-color: #ffffff;
	display: table;
	table-layout: fixed;
}
.aui-grid [class*=aui-col-] {
	display: table-cell;
	position: relative;
	text-align: center;
	vertical-align: middle;
	padding: 0.6rem 0 0.6rem;
}
.aui-grid [class*=aui-col-xs-]:active {
	background-color: #f5f5f5;
}
.aui-grid .aui-iconfont,.aui-grid .kz-iconfont,.aui-grid .kz_iconfont {
	position: relative;
    z-index: 20;
    top: 0;
    height: 1.4rem;
    font-size: 1.4rem;
    line-height: 1.4rem;
}
.aui-grid .aui-grid-label {
	display: block;
    font-size: 0.7rem;
    position: relative;
    margin-top: 0.25rem;
}
.aui-grid .aui-badge {
	position: absolute;
    top: 0.5rem;
    left: 60%;
    z-index: 99;
}
.aui-grid .aui-dot {
	position: absolute;
    top: 0.5rem;
    right: 20%;
    z-index: 99;
}
/*单选，多选，开关*/
.aui-radio,
.aui-checkbox {
    width: 1.2rem;
    height: 1.2rem;
    background-color: #ffffff;
    border: solid 1px #dddddd;
    -webkit-border-radius: 0.6rem;
    border-radius: 0.6rem;
    font-size: 0.8rem;
    margin: 0;
    padding: 0;
    position: relative;
    display: inline-block;
    vertical-align: top;
    cursor: default;
    -webkit-appearance: none;
    -webkit-user-select: none;
            user-select: none;
    -webkit-transition: background-color ease 0.1s;
            transition: background-color ease 0.1s;
}
.aui-checkbox {
    border-radius: 0.1rem;
}
.aui-radio:checked,
.aui-radio.aui-checked,
.aui-checkbox:checked,
.aui-checkbox.aui-checked {
    background-color: #2979ff;
    border: solid 1px #2979ff;
    text-align: center;
    background-clip: padding-box;
}
.aui-radio:checked:before,
.aui-radio.aui-checked:before,
.aui-checkbox:checked:before,
.aui-checkbox.aui-checked:before,
.aui-radio:checked:after,
.aui-radio.aui-checked:after,
.aui-checkbox:checked:after,
.aui-checkbox.aui-checked:after {
    content: '';
    width: 0.5rem;
    height: 0.3rem;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -0.25rem;
    margin-top: -0.25rem;
    background: transparent;
    border: 1px solid #ffffff;
    border-top: none;
    border-right: none;
    z-index: 2;
    -webkit-border-radius: 0;
            border-radius: 0;
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
}
.aui-radio:disabled,
.aui-radio.aui-disabled,
.aui-checkbox:disabled,
.aui-checkbox.aui-disabled {
    background-color: #dddddd;
    border: solid 1px #dddddd;
}
.aui-radio:disabled:before,
.aui-radio.aui-disabled:before,
.aui-radio:disabled:after,
.aui-radio.aui-disabled:after,
.aui-checkbox:disabled:before,
.aui-checkbox.aui-disabled:before,
.aui-checkbox:disabled:after,
.aui-checkbox.aui-disabled:after {
    content: '';
    width: 0.5rem;
    height: 0.3rem;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -0.25rem;
    margin-top: -0.25rem;
    background: transparent;
    border: 1px solid #ffffff;
    border-top: none;
    border-right: none;
    z-index: 2;
    -webkit-border-radius: 0;
            border-radius: 0;
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
}
.aui-switch {
    width: 2.3rem;
    height: 1.2rem;
    position: relative;
    vertical-align: top;
    border: 1px solid #dddddd;
    background-color: #dddddd;
    border-radius: 0.6rem;
    background-clip: content-box;
    display: inline-block;
    outline: none;
    -webkit-appearance: none;
            appearance: none;
    -webkit-user-select: none;
            user-select: none;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -webkit-background-clip: padding-box;
            background-clip: padding-box;
    -webkit-transition: all 0.2s linear;
            transition: all 0.2s linear;
}
.aui-switch:before {
    width: 1.1rem;
    height: 1.1rem;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 0.6rem;
    background-color: #fff;
    content: '';
    -webkit-transition: left 0.2s;
            transition: left 0.2s;
}
.aui-switch:checked {
    border-color: #2979ff;
    background-color: #2979ff;
}
.aui-switch:checked:before {
    left: 1.1rem;
}
/*导航栏*/
.aui-bar-item{height: 2.85rem;clear: both;width: 100%;}
.aui-bar {
	position: relative;
	top: 0;
	right: 0;
	left: 0;
	z-index: 100;
	width: 100%;
	margin: auto;
	min-height: 2.8rem;
	font-size: 0.9rem;
	text-align: center;
	display: table;
	max-width: 750px;
	padding-bottom: env(safe-area-inset-bottom);
}
.aui-bar-nav {
	top: 0;
	line-height: 2.4rem;
	min-height: 2.4rem;
	height: 2.4rem;
	background-color: #2979ff;
	color: #ffffff;
}
.aui-title a {
	color: inherit;
}
.aui-bar-nav .aui-title {
	min-height: 2.4rem;
	position: absolute;
	margin: 0;
	text-align: center;
	white-space: nowrap;
	right: 5rem;
	left: 5rem;
	width: auto;
	overflow: hidden;
	text-overflow: ellipsis;
	z-index: 2;
}
.aui-bar-nav a {
	color: #ffffff;
}
.aui-bar-nav .aui-iconfont {
	position: relative;
	z-index: 20;
	font-size: 0.9rem;
	color: #ffffff;
	font-weight: 400;
	line-height: 2.25rem;
}
.aui-bar-nav .aui-pull-left {
	padding: 0 0.5rem;
	font-size: 0.8rem;
	font-weight: 400;
	z-index: 2;
	-webkit-box-sizing: border-box;
			box-sizing: border-box;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
            align-items: center;
}
.aui-bar-nav .aui-pull-left .kz_iconfont{font-size:1.2rem}
.aui-bar-nav .aui-pull-right {
	padding: 0 0.5rem;
	font-size: 0.8rem;
	font-weight: 400;
	z-index: 2;
	-webkit-box-sizing: border-box;
			box-sizing: border-box;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
            align-items: center;
}
.aui-bar-nav .aui-pull-right .kz_iconfont{font-size:1.2rem}
.aui-bar-nav .aui-pull-left .aui-list1,.aui-bar-nav .aui-pull-right .aui-list1{font-size:1.4rem}
.aui-bar-nav .aui-btn {
	position: relative;
	z-index: 20;
	height: 2.4rem;
	line-height: 2.4rem;
	padding-top: 0;
	padding-bottom: 0;
	margin: 0;
	border-radius: 0.1rem;
	border-width: 0;
	background: transparent !important;
	border: 0;
}
.aui-bar-nav .aui-btn.aui-btn-outlined {
	position: relative;
	padding: 0 0.15rem;
	margin: 0.5rem;
	height: 1.25rem;
	line-height: 1.25rem;
	border-width: 1px;
	background: transparent !important;
	border-color: #ffffff;
}
.aui-bar-nav .aui-btn:active {
	background: none;
}
.aui-bar-nav .aui-btn .aui-iconfont {
	font-size: 1.2rem;
	line-height: 1.25rem;
	padding: 0;
	margin: 0;
	color: #ffffff;
}
.aui-bar-light {
	color: #2979ff;
	background-color: #ffffff;
	border-bottom: 1px solid #dddddd;
}
.aui-bar-nav.aui-bar-light .aui-iconfont,.aui-bar-nav.aui-bar-light .kz_iconfont {
	color: #2979ff;
}
.aui-bar-nav.aui-bar-light .aui-btn-outlined {
	border-color: #2979ff;
}
@media screen and (-webkit-min-device-pixel-ratio:1.5) {
	.aui-bar.aui-bar-light {
		border: none;
        background-size: 100% 1px;
		background-repeat: no-repeat;
		background-position: bottom;
        background-image: linear-gradient(0,#dddddd,#dddddd 50%,transparent 50%);
        background-image: -webkit-linear-gradient(90deg,#dddddd,#dddddd 50%,transparent 50%);
	}
}
/*底部切换栏1*/
.aui-bar-tab {
	position: fixed;
	top: auto;
	bottom: 0;
	table-layout: fixed;
	background-color: #ffffff;
	color: #757575;
	border-top: 0.01rem solid #f1f1f1;
}
.aui-bar-tab .aui-bar-tab-item {
	display: table-cell;
	position: relative;
	width: 1%;
	min-height: 2.8rem;
	text-align: center;
	vertical-align: middle;
}
.aui-bar-tab .aui-active {
	color: #2979ff;
}
.aui-bar-tab .aui-bar-tab-item .aui-iconfont {
	position: relative;
	z-index: 20;
	top: 0.1rem;
	height: 1.2rem;
	font-size: 1rem;
	line-height: 1.2rem;
}
.aui-bar-tab .aui-bar-tab-item .kz-iconfont {
	position: relative;
	z-index: 20;
	top: 0.2rem;
	height: 1.2rem;
	font-size: 1.2rem;
	line-height: 1rem;
}
.aui-bar-tab .aui-bar-tab-label {
	display: block;
	font-size: 0.6rem;
	position: relative;
	margin-top: 0.15rem;
}
.aui-bar-tab .aui-badge {
    position: absolute;
    top: 0.1rem;
    left: 55%;
    z-index: 99;
}
.aui-bar-tab .aui-dot {
    position: absolute;
    top: 0.1rem;
    right: 30%;
    z-index: 99;
}
/*底部切换栏2*/
.aui-bar-tab-two{
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	width: auto;
	background: #f8f8f8;
	position:relative;
	z-index: 10002;
}
.aui-bar-tab-two:after {
    content: '';
    position: absolute;
    z-index: 0;
    top: 0;
    left: 0;
    width: 100%;
    height: 1px;
    border-top: 1px solid #cecece;
    -webkit-transform: scaleY(0.5);
    transform: scaleY(0.5);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
}
.aui-bar-tab-two .aui-bar-tab-item{
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	color: #5a5a5a;
	position: relative;
	z-index: 10002;
	min-height: auto;
	width: auto;
	vertical-align: initial;
}
.aui-bar-tab-two .aui-tabBar-icon {
    color: #979797;
    /* display: -webkit-box; */
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
}

.aui-bar-tab-two .aui-tabBar-text {
    display: inline-block;
    font-size: 0.75rem;
    padding-top: 2px;
}
.aui-bar-tab-two .aui-tabBar-icon-top{
	 position: absolute;
	 top: -1.81rem;
	 border-radius: 100%;
	 background: #f8f8f8;
	 padding: .45rem;
	 z-index: 10002;
}
.aui-bar-tab-two .aui-tabBar-icon-top .aui-tabBar-icon {
    border-radius: 100%;
    background: #2979FF;
    color: #ffffff;
    height: 2rem;
    line-height: 2rem;
    width: 2rem;
    padding: .44rem;
    text-align: center;
}
.aui-bar-tab-two .aui-bar-tab-item .aui-tabBar-icon-top .kz-iconfont{font-weight: bold;color: #ffffff;font-size: 1.1rem;top: 0rem;height: auto;line-height: normal;position: static;}
.aui-bar-tab-two .aui-top-line {
    border-radius: 100%;
    border: 1px solid #cecece;
    position: absolute;
    top: -1.9rem;
    height: 2.8rem;
    z-index: -28px;
    width: 2.8rem;
    z-index: -110;
}

.aui-bar-tab-two .aui-left-line {
    width: 9px;
    height: 13px;
    position: absolute;
    top: -4px;
    left: 0px;
    z-index: 10002;
}

.aui-bar-tab-two .aui-right-line {
    width: 13px;
    height: 13px;
    position: absolute;
    top: -4px;
    right: 0px;
    z-index: 10002;
}

/*按钮工具栏*/
.aui-bar-btn {
	position: relative;
    font-size: 0.7rem;
    display: table;
    white-space: nowrap;
    margin: 0 auto;
    padding: 0;
    border: none;
    width: 100%;
    min-height: 1.8rem;
}
.aui-bar-btn-item {
    display: table-cell;
    position: relative;
    width: 1%;
    line-height: 1.6rem;
    text-align: center;
    vertical-align: middle;
    border-radius: 0;
    position: relative;
    border-width: 1px;
    border-style: solid;
    border-color: #2979ff;
    border-left-width: 0;
}
.aui-bar-btn .aui-input,
.aui-bar-btn input,
.aui-bar-btn select {
	padding-left: 0.25rem;
	padding-right: 0.25rem;
    height: 1.8rem;
}
.aui-bar-btn-sm {
    min-height: 1.3rem;
}
.aui-bar-btn.aui-bar-btn-sm  .aui-input,
.aui-bar-btn.aui-bar-btn-sm  input,
.aui-bar-btn.aui-bar-btn-sm  select {
    height: 1.2rem;
}
.aui-bar-btn-sm .aui-bar-btn-item {
    line-height: 1.3rem;
    font-size: 0.6rem;
}
.aui-bar-btn-item.aui-active {
    background-color: #2979ff;
    color: #ffffff;
}
.aui-bar-btn-item:first-child {
    border-left-width: 1px;
    border-top-left-radius: 0.2rem;
    border-bottom-left-radius: 0.2rem;
}
.aui-bar-btn-item:last-child {
    border-top-right-radius: 0.2rem;
    border-bottom-right-radius: 0.2rem;
    border-left: 0px;
}
.aui-bar-btn.aui-bar-btn-full .aui-bar-btn-item:first-child {
    border-left-width: 0;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
.aui-bar-btn.aui-bar-btn-full .aui-bar-btn-item:last-child {
    border-right-width: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
.aui-bar-btn.aui-bar-btn-round .aui-bar-btn-item:first-child {
    border-top-left-radius: 1.5rem;
    border-bottom-left-radius: 1.5rem;
}
.aui-bar-btn.aui-bar-btn-round .aui-bar-btn-item:last-child {
    border-top-right-radius: 1.5rem;
    border-bottom-right-radius: 1.5rem;
}
.aui-bar-nav .aui-bar-btn {
	margin-top: 0.45rem;
	margin-bottom: 0.4rem;
    min-height: 1.3rem;
}
.aui-bar-nav .aui-bar-btn-item {
    line-height: 1.3rem;
    border-color: #ffffff;
}
.aui-bar-nav .aui-bar-btn-item.aui-active {
    background-color: #ffffff;
    color: #2979ff;
}
.aui-bar-nav.aui-bar-light .aui-bar-btn-item {
    border-color: #2979ff;
}
.aui-bar-nav.aui-bar-light .aui-bar-btn-item.aui-active {
    background-color: #2979ff;
    color: #ffffff;
}
.aui-bar-nav > .aui-bar-btn {
	width: 50%;
}

.aui-info {
	position: relative;
    padding: 0.5rem 0;
    font-size: 0.7rem;
    color: #757575;
    background-color: transparent;
    -webkit-box-sizing: border-box;
    		box-sizing: border-box;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    		justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    		align-items: center;

}
.aui-info-item {
	-webkit-box-sizing: border-box;
			box-sizing: border-box;
	display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    		align-items: center;
}
.aui-info-item > *,
.aui-info > * {
	display: inherit;
	position: relative;
}
/*进度条*/
.aui-progress {
	width: 100%;
	height: 1rem;
	border-radius: 0.2rem;
	overflow: hidden;
	background-color: #f0f0f0;
}
.aui-progress-bar {
	float: left;
	width: 0;
	height: 100%;
	font-size: 0.6rem;
	line-height: 1rem;
	color: #ffffff;
	text-align: center;
	background-color: #2979ff;
}
.aui-progress.sm,
.aui-progress-sm {
	height: 0.5rem;
}
.aui-progress.sm,
.aui-progress-sm,
.aui-progress.sm .aui-progress-bar,
.aui-progress-sm .aui-progress-bar {
	border-radius: 1px;
}
.aui-progress.xs,
.aui-progress-xs {
	height: 0.35rem;
}
.aui-progress.xs,
.aui-progress-xs,
.aui-progress.xs .progress-bar,
.aui-progress-xs .progress-bar {
	border-radius: 1px;
}
.aui-progress.xxs,
.aui-progress-xxs {
	height: 0.25rem;
}
.aui-progress.xxs,
.aui-progress-xxs,
.aui-progress.xxs .progress-bar,
.aui-progress-xxs .progress-bar {
	border-radius: 1px;
}
/*滑块*/
.aui-range {
    position: relative;
    display: inline-block;
}
.aui-range input[type='range']{
    height: 0.2rem;
    border: 0;
    border-radius: 2px;
    background-color: #f0f0f0;
    position: relative;
    -webkit-appearance: none !important;
}
.aui-range input[type='range']::-webkit-slider-thumb {
    width: 1.2rem;
    height: 1.2rem;
    border-radius: 50%;
    border-color: #2979ff;
    background-color: #2979ff;
    -webkit-appearance: none !important;
}
.aui-range .aui-range-tip {
    font-size: 1rem;
    position: absolute;
    z-index: 999;
    top: -1.5rem;
    width: 2.4rem;
    height: 1.5rem;
    line-height: 1.5rem;
    text-align: center;
    color: #666666;
    border: 1px solid #dddddd;
    border-radius: 0.3rem;
    background-color: #ffffff;
}
.aui-input-row .aui-range input[type='range'] {
	width: 90%;
	margin-left: 5%;
}
/*搜索条*/
.aui-searchbar {
    display: -webkit-box;
    -webkit-box-pack: center;
    -webkit-box-align: center;
    height: 2.4rem;
    overflow: hidden;
    width: 100%;
    /* background-color: #ebeced; */
    color: #9e9e9e;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
.aui-searchbar.focus {
    -webkit-box-pack: start;
}
.aui-searchbar-input {
    margin: 0 0.55rem 0 0.2rem;
    background-color: #ffffff;
    border-radius: 0.25rem;
    height: 1.4rem;
    line-height: 1.4rem;
    font-size: 0.7rem;
    position: relative;
    padding-left: 0.5rem;
    display: -webkit-box;
    -webkit-box-flex: 1;
}
.aui-searchbar form {
	width: 90%;
}
.aui-searchbar-input input {
    color: #666666;
    width: 80%;
    padding: 0;
    margin: 0;
    height: 1.4rem;
    line-height: normal;
    border: 0;
    -webkit-appearance: none;
    font-size: 0.7rem;
}
.aui-searchbar input::-webkit-input-placeholder {
	color: #ccc;
}
.aui-searchbar .aui-iconfont {
    line-height: 1.4rem;
    margin-right: 0.25rem;
    color: #9e9e9e !important;
}
.aui-searchbar .aui-searchbar-btn {
	font-size: 0.7rem;
	color: #666666;
	margin-right: -2.2rem;
	width: 2.2rem;
	height: 1.4rem;
	padding-right: 0.5rem;
	line-height: 1.4rem;
	text-align: center;
	-webkit-transition: all .3s;
	      	transition: all .3s;
}
.aui-searchbar-clear-btn {
	position: absolute;
	right: 5px;
	top: 3px;
	width: 1.1rem;
	height: 1.1rem;
	background: #eeeeee;
	border-radius: 50%;
	line-height: 0.6rem;
	text-align: center;
	display: none;
}
.aui-searchbar-clear-btn .aui-iconfont {
	font-size: 0.6rem;
	margin: 0 auto;
	position: relative;
	top: -2px;
}
.aui-searchbar .aui-searchbar-btn .aui-iconfont {
	color: #666666;
}
/*信息提示条*/
.aui-tips {
    padding: 0 0.15rem;
    width: 100%;
    z-index: 1;
    height: 0.4rem;
    position: relative;
    background-color: var(--mbui-bg7);
    color: var(--mbui-c5);
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-items: center;
    align-items: center;
}
.aui-tips span.f_l{
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-items: center;
    align-items: center;
}
.aui-tips .aui-tips-title {
	padding: 0 0.1rem;
	font-size: 0.12rem;
	position: relative;
	max-width: 100%;
}
/*loading加载*/
.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
    }
}

/*toast*/
/*toast-one*/
.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;
    display:inline-block
}
/*toast-two*/
.aui-toast-two {
	background: rgba(0, 0, 0, 0.7);
	text-align: center;
	border-radius: 0.25rem;
	color: #ffffff;
	position: fixed;
	z-index: 3;
	top: 45%;
	left: 50%;
	width: 7.5em;
	min-height: 6em;
	margin-left: -3.75em;
	margin-top: -4rem;
	display: none;
}
.aui-toast-two .aui-iconfont {
	margin-top: 0.2rem;
	display: block;
	font-size: 2.6rem;
}
.aui-toast-two .aui-toast-content {
  margin: 0 0 0.75rem;
}
.aui-toast-two .aui-toast-loading {
    background-color: #ffffff;
    border-radius: 100%;
    margin: 0.75rem 0;
    -webkit-animation-fill-mode: both;
        	animation-fill-mode: both;
    border: 2px solid #ffffff;
    border-bottom-color: transparent;
    height: 2.25rem;
    width: 2.25rem;
    background: transparent !important;
    display: inline-block;
    -webkit-animation: rotate 1s 0s linear infinite;
        	animation: rotate 1s 0s linear infinite;
}
/*dialog*/
/*dialog-one*/
.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
}

/*dialog-two*/
.aui-dialog-two {
	width: 13.5rem;
	text-align: center;
	position: fixed;
	z-index: 999;
	left: 50%;
	margin-left: -6.75rem;
	margin-top: 0;
	top: 45%;
	border-radius: 0.3rem;
	opacity: 0;
	background-color: #ffffff;
	-webkit-transform: translate3d(0, 0, 0) scale(1.2);
          	transform: translate3d(0, 0, 0) scale(1.2);
 	-webkit-transition-property: -webkit-transform, opacity;
          	transition-property: transform, opacity;
}
.aui-dialog-two .aui-dialog-header {
    padding: 0.5rem 0.75rem 0 0.75rem;
    text-align: center;
    font-size: 1em;
    color: #212121;
}
.aui-dialog-two .aui-dialog-body {
    padding: 0.75rem;
    overflow: hidden;
    font-size: 0.875em;
    color: #757575;
}
.aui-dialog-two .aui-dialog-body input {
	border: 1px solid #dddddd;
	height: 1.8rem;
	line-height: 1.8rem;
	min-height: 1.8rem;
	padding-left: 0.25rem;
	padding-right: 0.25rem;
}
.aui-dialog-two .aui-dialog-footer {
    position: relative;
    font-size: 1em;
    border-top: 1px solid #dddddd;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
	-webkit-justify-content: center;
			justify-content: center;
}
.aui-dialog-two .aui-dialog-btn {
	position: relative;
	display: block;
    width: 100%;
	padding: 0 0.25rem;
	height: 2.2rem;
	font-size: 0.8rem;
	line-height: 2.2rem;
	text-align: center;
	color: #2979ff;
	border-right: 1px solid #dddddd;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	-webkit-box-sizing: border-box;
			box-sizing: border-box;
	-webkit-box-flex: 1;
			box-flex: 1;
}
.aui-dialog-two .aui-dialog-btn:last-child {
	border-right: none;
}
.aui-dialog-two.aui-dialog-in {
	opacity: 1;
	-webkit-transition-duration: 300ms;
	      transition-duration: 300ms;
	-webkit-transform: translate3d(0, 0, 0) scale(1);
	      transform: translate3d(0, 0, 0) scale(1);
}
.aui-dialog-two.aui-dialog-out {
	opacity: 0;
	-webkit-transition-duration: 300ms;
	      transition-duration: 300ms;
	-webkit-transform: translate3d(0, 0, 0) scale(0.815);
	      transform: translate3d(0, 0, 0) scale(0.815);
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
    .aui-dialog-two .aui-dialog-footer {
		border: none;
        background-size: 100% 1px;
		background-repeat: no-repeat;
		background-position: top;
        background-image: linear-gradient(0,#dddddd,#dddddd 50%,transparent 50%);
        background-image: -webkit-linear-gradient(90deg,#dddddd,#dddddd 50%,transparent 50%);
	}
	.aui-dialog-two .aui-dialog-btn {
		border: none;
        background-image: -webkit-linear-gradient(0deg, #dddddd, #dddddd 50%, transparent 50%);
        background-image: linear-gradient(270deg, #dddddd, #dddddd 50%, transparent 50%);
        background-size: 1px 100%;
        background-repeat: no-repeat;
        background-position: right;
	}
	.aui-dialog-two .aui-dialog-btn:last-child {
		border: none;
        background-size: 0 100%;
	}
	.aui-dialog-two .aui-dialog-body input {
        border: none;
        background-image: -webkit-linear-gradient(270deg, #dddddd, #dddddd 50%, transparent 50%), -webkit-linear-gradient(180deg, #dddddd, #dddddd 50%, transparent 50%), -webkit-linear-gradient(90deg, #dddddd, #dddddd 50%, transparent 50%), -webkit-linear-gradient(0, #dddddd, #dddddd 50%, transparent 50%);
        background-image: linear-gradient(180deg, #dddddd, #dddddd 50%, transparent 50%), linear-gradient(270deg, #dddddd, #dddddd 50%, transparent 50%), linear-gradient(0deg, #dddddd, #dddddd 50%, transparent 50%), linear-gradient(90deg, #dddddd, #dddddd 50%, transparent 50%);
        background-size: 100% 1px, 1px 100%, 100% 1px, 1px 100%;
        background-repeat: no-repeat;
        background-position: top, right top, bottom, left top;
    }
}

/*popup*/
.aui-popup {
    padding: 0;
    margin: 0;
    background: transparent;
    position: fixed;
    height: auto;
    min-width: 7rem;
    min-height: 4.5rem;
    z-index: 999;
    opacity: 0;
 	-webkit-transition-property: -webkit-transform, opacity;
          	transition-property: transform, opacity;
}
.aui-popup.aui-popup-in {
	opacity: 1;
	-webkit-transition-duration: 300ms;
	      transition-duration: 300ms;
}
.aui-popup.aui-popup-out {
	opacity: 0;
	-webkit-transition-duration: 300ms;
	      transition-duration: 300ms;
}
.aui-popup-right {
    right: 0.75rem;
}
.aui-popup-content {
    background-color: #ffffff;
    border-radius: 0.2rem;
    overflow: hidden;
    min-height: 4.5rem;
    height: 100%;
}
.aui-popup-top,
.aui-popup-top-left,
.aui-popup-top-right {
    top: 0.45rem;
}
.aui-popup-top {
    left: 50%;
    margin-left: -3.5rem;
}
.aui-popup-top-left {
    left: 0.45rem;
}
.aui-popup-top-right {
    right: 0.45rem;
}
.aui-popup-arrow {
    position: absolute;
    width: 10px;
    height: 10px;
    -webkit-transform-origin: 50% 50% 0;
            transform-origin: 50% 50% 0;
    background-color: transparent;
    background-image: -webkit-linear-gradient(45deg, #ffffff, #ffffff 50%, transparent 50%);
    background-image: linear-gradient(45deg, #ffffff, #ffffff 50%, transparent 50%);
}
.aui-popup-top .aui-popup-arrow,
.aui-popup-top-left .aui-popup-arrow,
.aui-popup-top-right .aui-popup-arrow {
    top: 0.2rem;
    -webkit-transform: rotate(135deg);
            transform: rotate(135deg);
}
.aui-popup-top .aui-popup-arrow {
    left: 50%;
    margin-left: -0.25rem;
    margin-top: -0.4rem;
}
.aui-popup-top-left .aui-popup-arrow {
    left: 0.25rem;
    margin-top: -0.4rem;
}
.aui-popup-top-right .aui-popup-arrow {
    right: 0.25rem;
    margin-top: -0.4rem;
}
.aui-popup-bottom,
.aui-popup-bottom-left,
.aui-popup-bottom-right {
    bottom: 0.45rem;
}
.aui-popup-bottom {
    left: 50%;
    margin-left: -3.5rem;
}
.aui-popup-bottom-left {
    left: 0.45rem;
}
.aui-popup-bottom-right {
    right: 0.45rem;
}
.aui-popup-bottom .aui-popup-arrow,
.aui-popup-bottom-left .aui-popup-arrow,
.aui-popup-bottom-right .aui-popup-arrow {
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
    bottom: 0.2rem;
}
.aui-popup-bottom .aui-popup-arrow {
    left: 50%;
    margin-left: -0.25rem;
    margin-bottom: -0.4rem;
}
.aui-popup-bottom-left .aui-popup-arrow {
    left: 0.25rem;
    margin-bottom: -0.4rem;
}
.aui-popup-bottom-right .aui-popup-arrow {
    right: 0.25rem;
    margin-bottom: -0.4rem;
}
.aui-popup .aui-list {
	background: transparent;
}
.aui-popup-content .aui-list img {
	display: block;
	width: 1rem;
}
/*actionsheet*/
/*oen*/
.aui-actionsheet-one {
    width: 100%;
    max-width: 700px;
    margin: 0 auto;
    position: fixed;
    bottom: 0;
    /* left: 0; */
    padding: 0 0.1rem;
    z-index: 999;
    opacity: 0;
    -webkit-transition: opacity .3s,-webkit-transform .3s;
    transition: opacity .3s,transform .3s;
    -webkit-transform: translate3d(0,100%,0);
    transform: translate3d(0,100%,0);
}
.aui-actionsheet-one .aui-actionsheet-btn {
    background-color: #ffffff;
    border-radius: 6px;
    text-align: center;
    margin-bottom: 0.10rem;
}
.aui-actionsheet-one .aui-actionsheet-title {
    font-size: 0.16rem;
    color: #999999;
    line-height: 0.45rem;
}
.aui-actionsheet-one .aui-actionsheet-btn-item {
    height: 0.45rem;
    line-height: 0.45rem;
    /* color: #0075f0; */
}
.aui-actionsheet-one .aui-actionsheet-btn:last-child .aui-actionsheet-btn-item{color: var(--mbui-color);}
/*two*/
.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
}

/*sharebox*/
.aui-sharebox {
    width: 100%;
    max-width: 700px;
    margin: auto;
    position: fixed;
    bottom: 0;
    /* left: 0; */
    z-index: 999;
    background-color: #ffffff;
    opacity: 0;
    -webkit-transition: opacity .3s,-webkit-transform .3s;
    transition: opacity .3s,transform .3s;
    -webkit-transform: translate3d(0,100%,0);
    transform: translate3d(0,100%,0);
}
.aui-sharebox .aui-row {
    padding: 0.5rem 0;
}
.aui-sharebox img {
    display: block;
    width: 50%;
    margin: 0 auto;
}
.aui-sharebox.aui-grid [class*=aui-col-] {
    padding: 0.5rem 0;
}
.aui-sharebox.aui-grid .aui-grid-label {
    font-size: 0.6rem;
    color: #757575;
}
.aui-sharebox-close-btn {
    width: 100%;
    height: 2.2rem;
    line-height: 2.2rem;
    color: #757575;
    text-align: center;
    font-size: 0.7rem;
}
/*折叠菜单*/
.aui-collapse-header.aui-active {
    background: #ececec;
}
.aui-collapse .aui-list-item:active{
    background: #ececec;
}
.aui-collapse-content {
    display: none;
}
.aui-collapse-content .aui-list-item:last-child {
    border-bottom: 0;
}
@media screen and (-webkit-min-device-pixel-ratio:1.5) {
    .aui-collapse-content .aui-list-item:last-child {
        background-position: bottom;
    }
    .aui-list.aui-collapse.aui-list-noborder,
    .aui-list.aui-collapse.aui-list-noborder .aui-collapse-content:last-child .aui-list-item:last-child {
        border: none;
        background-size: 100% 1px;
        background-repeat: no-repeat;
        background-position: 0 bottom;
        background-image: linear-gradient(0,#dddddd,#dddddd 50%,transparent 50%);
        background-image: -webkit-linear-gradient(90deg,#dddddd,#dddddd 50%,transparent 50%);
    }
    .aui-list.aui-collapse.aui-list-noborder,
    .aui-list.aui-collapse.aui-list-noborder .aui-collapse-item:last-child .aui-list-item:last-child {
        border: none;
        background-size: 100% 0;
        background-image: none;
    }
    .aui-list.aui-collapse.aui-list-noborder .aui-collapse-item:last-child .aui-list-item.aui-collapse-header,
    .aui-list.aui-collapse.aui-list-noborder .aui-collapse-content .aui-list-item:last-child  {
        border: none;
        background-size: 100% 0;
        background-image: none;
    }
}
.aui-collapse-header.aui-active .aui-collapse-arrow {
    display: block;
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
}

/*chat*/
.aui-chat {
    width: 100%;
    height: 100%;
    padding: 0.5rem;
}
.aui-chat .aui-chat-item {
    position: relative;
    width: 100%;
    margin-bottom: 0.75rem;
    overflow: hidden;
    display: block;
}
.aui-chat .aui-chat-header {
    width: 100%;
    text-align: center;
    margin-bottom: 0.75rem;
    font-size: 0.6rem;
    color: #757575;
}
.aui-chat .aui-chat-left {
    float: left;
}
.aui-chat .aui-chat-right {
    float: right;
}
.aui-chat .aui-chat-media {
    display: inline-block;
    max-width: 2rem;
}
.aui-chat .aui-chat-media img {
    width: 100%;
    border-radius: 50%;
}
.aui-chat .aui-chat-inner {
    position: relative;
    overflow: hidden;
    display: inherit;
}
.aui-chat .aui-chat-arrow {
    content: '';
    position: absolute;
    width: 0.6rem;
    height: 0.6rem;
    top: 0.2rem;
    -webkit-transform-origin: 50% 50% 0;
            transform-origin: 50% 50% 0;
    background-color: transparent;
}
.aui-chat .aui-chat-left .aui-chat-arrow {
    background-image: -webkit-linear-gradient(45deg, #b3e5fc, #b3e5fc 50%, transparent 50%);
    background-image: linear-gradient(45deg, #b3e5fc, #b3e5fc 50%, transparent 50%);
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
    left: -0.25rem;
}
.aui-chat .aui-chat-right .aui-chat-arrow {
    background-image: -webkit-linear-gradient(45deg, #ffffff, #ffffff 50%, transparent 50%);
    background-image: linear-gradient(45deg, #ffffff, #ffffff 50%, transparent 50%);
    -webkit-transform: rotate(-135deg);
            transform: rotate(-135deg);
    right: -0.25rem;
}
.aui-chat .aui-chat-content {
    color: #212121;
    font-size: 0.7rem;
    border-radius: 0.2rem;
    min-height: 2rem;
    position: relative;
    padding: 0.5rem;
    max-width: 80%;
    word-break: break-all;
    word-wrap: break-word;
}
.aui-chat .aui-chat-content img {
    max-width: 100%;
    display: block;
}
.aui-chat .aui-chat-status {
    position: relative;
    width: 2rem;
    height: 2rem;
    line-height: 2rem;
    text-align: center;
}
.aui-chat .aui-chat-name {
    width: 100%;
    position: relative;
    font-size: 0.6rem;
    color: #757575;
    margin-bottom: 0.25rem;
}
.aui-chat .aui-chat-left .aui-chat-name {
    left: 0.5rem;
}
.aui-chat .aui-chat-left .aui-chat-status {
    left: 0.5rem;
    float: left;
}
.aui-chat .aui-chat-left .aui-chat-media {
    width: 2rem;
    float: left;
}
.aui-chat .aui-chat-left .aui-chat-inner {
    max-width: 70%;
}
.aui-chat .aui-chat-left .aui-chat-content{
    background-color: #b3e5fc;
    float: left;
    left: 0.5rem;
}
.aui-chat .aui-chat-right .aui-chat-media {
    width: 2rem;
    float: right;
}
.aui-chat .aui-chat-right .aui-chat-inner {
    float: right;
    max-width: 70%;
}
.aui-chat .aui-chat-right .aui-chat-name {
    float: right;
    right: 0.5rem;
    text-align: right;
}
.aui-chat .aui-chat-right .aui-chat-content {
    background-color: #ffffff;
    right: 0.5rem;
    float: right;
}
.aui-chat .aui-chat-right .aui-chat-status {
    float: right;
    right: 0.5rem;
}
/*边框样式*/
.aui-border-l {
    border-left: .01rem solid #F1F1F1;
}
.aui-border-r {
    border-right: .01rem solid #F1F1F1;
}
.aui-border-t {
    border-top:.01rem solid #F1F1F1;
}
.aui-border-b {
    border-bottom: .01rem solid #F1F1F1;
}
.aui-border {
    border: .01rem solid #F1F1F1;
}
@media screen and (-webkit-min-device-pixel-ratio:1.5) {
	.aui-border-l {
		border: none;
		background-image: -webkit-linear-gradient(0deg, #dddddd, #dddddd 50%, transparent 50%);
		background-image: linear-gradient(270deg, #dddddd, #dddddd 50%, transparent 50%);
		background-size: 1px 100%;
		background-repeat: no-repeat;
		background-position: left;
	}
	.aui-border-r {
		border: none;
        background-image: -webkit-linear-gradient(0deg, #dddddd, #dddddd 50%, transparent 50%);
        background-image: linear-gradient(270deg, #dddddd, #dddddd 50%, transparent 50%);
        background-size: 1px 100%;
        background-repeat: no-repeat;
        background-position: right;
	}
	.aui-border-t{
		border: none;
        background-size: 100% 1px;
		background-repeat: no-repeat;
		background-position: top;
        background-image: linear-gradient(0,#dddddd,#dddddd 50%,transparent 50%);
        background-image: -webkit-linear-gradient(90deg,#dddddd,#dddddd 50%,transparent 50%);
	}
	.aui-border-b {
		/* border: none; */
		background-size: 100% 1px;
		background-repeat: no-repeat;
		background-position: bottom;
		background-image: linear-gradient(0,#dddddd,#dddddd 50%,transparent 50%);
		background-image: -webkit-linear-gradient(90deg,#dddddd,#dddddd 50%,transparent 50%);
	}
	.aui-border{
        border: none;
        background-image: -webkit-linear-gradient(270deg, #dddddd, #dddddd 50%, transparent 50%), -webkit-linear-gradient(180deg, #dddddd, #dddddd 50%, transparent 50%), -webkit-linear-gradient(90deg, #dddddd, #dddddd 50%, transparent 50%), -webkit-linear-gradient(0, #dddddd, #dddddd 50%, transparent 50%);
        background-image: linear-gradient(180deg, #dddddd, #dddddd 50%, transparent 50%), linear-gradient(270deg, #dddddd, #dddddd 50%, transparent 50%), linear-gradient(0deg, #dddddd, #dddddd 50%, transparent 50%), linear-gradient(90deg, #dddddd, #dddddd 50%, transparent 50%);
        background-size: 100% 1px, 1px 100%, 100% 1px, 1px 100%;
        background-repeat: no-repeat;
        background-position: top, right top, bottom, left top;
    }
}
/*时间轴*/
.aui-timeline {
    position: relative;
    padding: 0;
    list-style: none;
}
.aui-timeline:before {
    content: '';
    position: absolute;
    top: 0;
    left: 1.85rem;
    width: 2px;
    height: 100%;
    background: #ececec;
    z-index: 0;
}
.aui-timeline .aui-timeline-item {
    position: relative;
    margin-bottom: 0.75rem;
}
.aui-timeline .aui-timeline-item-header {
	background-color: #ececec;
	padding: 0.2rem 0.5rem;
	margin: 0.75rem;
    text-align: center;
    display: inline-block;
    position: relative;
    z-index: 1;
    font-size: 0.7rem;
}
.aui-timeline .aui-timeline-item-label {
    width: 2.5rem;
    height: 1.5rem;
    line-height: 1.5rem;
    font-size: 0.7em;
    background-color: #ececec;
    position: absolute;
    text-align: center;
    left: 0.75rem;
    top: 0;
}
.aui-timeline .aui-timeline-item-label-icon {
    width: 1.5rem;
    height: 1.5rem;
    font-size: 0.7rem;
    line-height: 1.5rem;
    background-color: #ececec;
    position: absolute;
    border-radius: 50%;
    text-align: center;
    left: 1.15rem;
    top: 0;
}
.aui-timeline .aui-timeline-item-inner {
    margin-left: 3.75rem;
    margin-right: 0.75rem;
    padding: 0;
    position: relative;
}
/*基础动画类*/
@keyframes rotate {
    0% {
        -webkit-transform: rotate(0deg) scale(1);
            	transform: rotate(0deg) scale(1);
    }
    50% {
        -webkit-transform: rotate(180deg) scale(1);
            	transform: rotate(180deg) scale(1);
    }
    100% {
        -webkit-transform: rotate(360deg) scale(1);
            	transform: rotate(360deg) scale(1);
    }
}
@-webkit-keyframes rotate {
    0% {
        -webkit-transform: rotate(0deg) scale(1);
            	transform: rotate(0deg) scale(1);
    }
    50% {
        -webkit-transform: rotate(180deg) scale(1);
            	transform: rotate(180deg) scale(1);
    }
    100% {
        -webkit-transform: rotate(360deg) scale(1);
            	transform: rotate(360deg) scale(1);
    }
}
@keyframes bounce {
	0%, 100% {
	-webkit-transform: scale(0.0);
			transform: scale(0.0);
	}
	50% {
	-webkit-transform: scale(1.0);
			transform: scale(1.0);
	}
}
@-webkit-keyframes bounce {
	0%, 100% {
		-webkit-transform: scale(0.0);
				transform: scale(0.0);
	}
	50% {
		-webkit-transform: scale(1.0);
				transform: scale(1.0);
	}
}
@keyframes fadeIn {
    from { opacity: 0.3; }
    to { opacity: 1; }
}
@-webkit-keyframes fadeIn {
    from { opacity: 0.3; }
    to { opacity: 1; }
}
@-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%)
    }
}
@-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%)
    }
}


/*字体图标*/
@font-face {
	font-family: "aui_iconfont";
	src: url('aui-iconfont.ttf') format('truetype');
}
.aui-iconfont {
	position: relative;
	font-family:"aui_iconfont" !important;
	font-size: 0.16rem;
	font-style:normal;
	font-weight: bold;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.aui-icon-menu:before { content: "\e6eb"; }
.aui-icon-paper:before { content: "\e6ec"; }
.aui-icon-info:before { content: "\e6ed"; }
.aui-icon-question:before { content: "\e6ee"; }
.aui-icon-left:before { content: "\e6f4"; }
.aui-icon-right:before { content: "\e6f5"; }
.aui-icon-top:before { content: "\e6f6"; }
.aui-icon-down:before { content: "\e6f7"; }
.aui-icon-share:before { content: "\e700"; }
.aui-icon-comment:before { content: "\e701"; }
.aui-icon-edit:before { content: "\e6d3"; }
.aui-icon-trash:before { content: "\e6d4"; }
.aui-icon-recovery:before { content: "\e6dc"; }
.aui-icon-refresh:before { content: "\e6dd"; }
.aui-icon-close:before { content: "\e6d8"; }
.aui-icon-cart:before { content: "\e6df"; }
.aui-icon-star:before { content: "\e6e0"; }
.aui-icon-plus:before { content: "\e6e3"; }
.aui-icon-minus:before { content: "\e62d"; }
.aui-icon-correct:before { content: "\e6e5"; }
.aui-icon-search:before { content: "\e6e6"; }
.aui-icon-gear:before { content: "\e6e8"; }
.aui-icon-map:before { content: "\e6d2"; }
.aui-icon-location:before { content: "\e6d1"; }
.aui-icon-image:before { content: "\e6ce"; }
.aui-icon-phone:before { content: "\e6c4"; }
.aui-icon-camera:before { content: "\e6cd"; }
.aui-icon-video:before { content: "\e6cc"; }
.aui-icon-qq:before { content: "\e6cb"; }
.aui-icon-wechat:before { content: "\e6c9"; }
.aui-icon-weibo:before { content: "\e6c8"; }
.aui-icon-note:before { content: "\e6c6"; }
.aui-icon-mail:before { content: "\e6c5"; }
.aui-icon-wechat-circle:before { content: "\e6ca"; }
.aui-icon-home:before { content: "\e706"; }
.aui-icon-forward:before { content: "\e6d9"; }
.aui-icon-back:before { content: "\e6da"; }
.aui-icon-laud:before { content: "\e64b"; }
.aui-icon-lock:before { content: "\e6ef"; }
.aui-icon-unlock:before { content: "\e62f"; }
.aui-icon-like:before { content: "\e62b"; }
.aui-icon-my:before { content: "\e610"; }
.aui-icon-more:before { content: "\e625"; }
.aui-icon-mobile:before { content: "\e697"; }
.aui-icon-calendar:before { content: "\e68a"; }
.aui-icon-date:before { content: "\e68c"; }
.aui-icon-display:before { content: "\e612"; }
.aui-icon-hide:before { content: "\e624"; }
.aui-icon-pencil:before { content: "\e615"; }
.aui-icon-flag:before { content: "\e6f1"; }
.aui-icon-cert:before { content: "\e704"; }


/* :root {--sab: constant(safe-area-inset-bottom);--sab: env(safe-area-inset-bottom);}
@supports (bottom: constant(safe-area-inset-bottom)) or (bottom: env(safe-area-inset-bottom)) {
  body,.aui-bar-item,.aui-bar,.aui-footer,.aui-content{padding-bottom: calc(constant(safe-area-inset-bottom) - 15px);padding-bottom: calc(env(safe-area-inset-bottom) - 15px);}
} */