基础版本
diff --git a/www/css/aui.css b/www/css/aui.css
new file mode 100644
index 0000000..c77e083
--- /dev/null
+++ b/www/css/aui.css
@@ -0,0 +1,2731 @@
+/*
+ * =========================================================================
+ * APIClud - AUI UI 框架 流浪男 QQ：343757327 http://www.auicss.com
+ * Verson 2.1
+ * =========================================================================
+ */
+ /*初始化类*/
+@charset "UTF-8";
+html{
+ font-family: "Helvetica Neue", Helvetica, sans-serif;
+ font-size: 20px;
+}
+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%;
+}
+body {
+ line-height: 1.5;
+ font-size: 0.8rem;
+ color: #212121;
+ background-color: #f5f5f5;
+ outline: 0;
+}
+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;
+}
+* {
+ -webkit-box-sizing: border-box;
+ box-sizing: border-box;
+ -webkit-user-select: none;
+ -webkit-tap-highlight-color: transparent;
+ outline: none;
+}
+@media only screen and (min-width: 400px) {
+ html {
+ font-size: 21.33333333px !important;
+ }
+}
+@media only screen and (min-width: 414px) {
+ html {
+ font-size: 21px !important;
+ }
+}
+@media only screen and (min-width: 480px) {
+ html {
+ font-size: 25.6px !important;
+ }
+}
+ul, li {
+ list-style: none;
+}
+p {
+ font-size: 0.7rem;
+ color: #757575;
+}
+a {
+ color: #0062cc;
+ text-decoration: none;
+ background-color: transparent;
+}
+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;
+}
+/*水平线*/
+.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-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-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-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-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.25rem !important;
+}
+.aui-margin-t-5 {
+ margin-top: 0 !important;
+}
+.aui-margin-t-10 {
+ margin-top: 0.5rem !important;
+}
+.aui-margin-t-15 {
+ margin-top: 0.75rem !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.75rem !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 {
+ font-size: 1.2rem;
+}
+h2 {
+ font-size: 1rem;
+}
+h3 {
+ font-size: 0.8rem;
+}
+h4 {
+ font-size: 0.7rem;
+}
+h5 {
+ font-size: 0.7rem;
+ font-weight: normal;
+ color: #757575;
+}
+h6 {
+ font-size: 0.7rem;
+ 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;
+}
+.aui-font-size-12 {
+ font-size: 0.6rem !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: #03a9f4 !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-text-green {
+ color: #7cba59 !important;
+}
+.aui-text-orange {
+ color: #e0620d !important;
+}
+.aui-bg-default {
+ background-color: #f5f5f5 !important;
+}
+.aui-bg-primary {
+ background-color: #00bcd4 !important;
+}
+.aui-bg-success {
+ background-color: #009688 !important;
+}
+.aui-bg-info {
+ background-color: #03a9f4 !important;
+}
+.aui-bg-warning {
+ background-color: #f1c40f !important;
+}
+.aui-bg-danger {
+ background-color: #e51c23 !important;
+}
+.aui-bg-pink {
+ background-color: #e91e63 !important;
+}
+.aui-bg-purple {
+ background-color: #673ab7 !important;
+}
+.aui-bg-indigo {
+ background-color: #3f51b5 !important;
+}
+.aui-bg-gray {
+ background-color: #8a8a8a !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 {
+ 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.aui-mask-in {
+ visibility: visible;
+ opacity: 1;
+}
+.aui-mask.aui-mask-out {
+ opacity: 0;
+}
+img.aui-img-round {
+ border-radius: 50%;
+}
+/*基本容器*/
+.aui-content {
+ -webkit-overflow-scrolling: touch;
+ overflow-x: hidden;
+ word-break: break-all;
+}
+.aui-content-padded {
+ margin: 0.75rem;
+ position: relative;
+ word-break: break-all;
+ -webkit-overflow-scrolling: touch;
+}
+/*栅格类*/
+.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.125rem;
+}
+.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-12 {
+ width: 100%;
+ position: relative;
+}
+.aui-col-xs-11 {
+ width: 91.66666667%;
+}
+.aui-col-xs-10 {
+ width: 83.33333333%;
+}
+.aui-col-xs-9 {
+ width: 75%;
+}
+.aui-col-xs-8 {
+ width: 66.66666667%;
+}
+.aui-col-xs-7 {
+ width: 58.33333333%;
+}
+.aui-col-xs-6 {
+ width: 50%;
+}
+.aui-col-xs-5 {
+ width: 41.66666667%;
+}
+.aui-col-xs-4 {
+ width: 33.33333333%;
+}
+.aui-col-xs-3 {
+ width: 25%;
+}
+.aui-col-xs-2 {
+ width: 16.66666667%;
+}
+.aui-col-xs-1 {
+ width: 8.33333333%;
+}
+.aui-col-5 {
+ width: 20%;
+}
+/*标签*/
+.aui-label {
+ display: inline-block;
+ padding: 0.2em 0.25em;
+ font-size: 0.6rem;
+ 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: #03a9f4;
+}
+.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: #03a9f4;
+ border-color: #03a9f4;
+}
+.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: #ff2600;
+ border-radius: 0.4rem;
+ position: absolute;
+ top: 0.2rem;
+ left: 60%;
+ z-index: 99;
+}
+.aui-dot {
+ display: inline-block;
+ width: 0.4rem;
+ height: 0.4rem;
+ background: #ff2600;
+ 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.7rem;
+ 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.2rem;
+ 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: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: #03a9f4 !important;
+}
+.aui-btn-info.aui-active, .aui-btn-info:active {
+ color: #fff !important;
+ background-color: #067cb1 !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-orangle {
+ color: #ffffff !important;
+ background-color: #efb336 !important;
+}
+.aui-btn-orangle.aui-active, .aui-btn-orangle:active {
+ color: #fff !important;
+ background-color: #e98f36 !important;
+}
+.aui-btn-blue {
+ color: #ffffff !important;
+ background-color: #17abe3 !important;
+}
+.aui-btn-blue.aui-active, .aui-btn-blue:active {
+ color: #fff !important;
+ background-color: #1195db !important;
+}
+.aui-btn-green {
+ color: #ffffff !important;
+ background-color: #36ab60 !important;
+}
+.aui-btn-green.aui-active, .aui-btn-green:active {
+ color: #fff !important;
+ background-color: #36ab60 !important;
+}
+.aui-btn-block {
+ display: block;
+ width: 100%;
+ height: 2.5rem;
+ line-height: 2.55rem;
+ margin-bottom: 0;
+ font-size: 0.9rem;
+}
+.aui-btn-block.aui-btn-sm {
+ font-size: 0.7rem;
+ height: 1.8rem;
+ line-height: 1.85rem;
+}
+.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: #03a9f4 !important;
+ border: 1px solid #03a9f4 !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;
+ display: block;
+ padding: 0;
+ margin: 0;
+ width: 100%;
+ height: 2.2rem;
+ line-height: normal;
+ color: #424242;
+ font-size: 0.8rem;
+ font-family: inherit;
+ box-sizing: border-box;
+ -webkit-user-select: text;
+ user-select: text;
+ -webkit-appearance: none;
+ appearance: none;
+}
+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-list {
+ position: relative;
+ font-size: 0.8rem;
+ background-color: #ffffff;
+ border-top: 1px solid #dddddd;
+}
+.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: #dddddd;
+ color: #212121;
+ position: relative;
+ font-size: 0.6rem;
+ padding: 0.4rem 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-list .aui-list-item {
+ list-style: none;
+ margin: 0;
+ padding: 0;
+ padding-left: 0.75rem;
+ color: #212121;
+ border-bottom: 1px solid #f2f2f2;
+ position: relative;
+ min-height: 2.2rem;
+ -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;
+}
+.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;
+ padding-right: 0.75rem;
+ width: 100%;
+ -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 {
+ background-color: #f5f5f5;
+}
+.aui-list .aui-list-item-text {
+ font-size: 0.7rem;
+ 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.8rem;
+ position: relative;
+ max-width: 100%;
+ color: #212121;
+}
+.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 .aui-list-item {
+ display: block;
+}
+.aui-media-list .aui-list-item-inner {
+ display: block;
+ padding-top: 0.5rem;
+ padding-bottom: 0.5rem;
+}
+.aui-media-list-item-inner + .aui-info {
+ margin-right: 0.75rem;
+}
+.aui-list .aui-list-item-media {
+ width: 4.5rem;
+ position: relative;
+ padding: 0.5rem 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;
+}
+.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;
+}
+.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: 0.8rem;
+}
+.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;
+}
+.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.75rem;
+}
+.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;
+}
+@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,#dddddd,#dddddd 50%,transparent 50%);
+ }
+ .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%);
+ }
+
+ .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%);
+ }
+ .aui-list.aui-list-in .aui-list-item:last-child {
+ background-position: bottom;
+ }
+ .aui-list.aui-list-noborder,
+ .aui-list.aui-list-noborder .aui-list-item:last-child {
+ border: none;
+ background-size: 100% 0;
+ background-image: none;
+ }
+}
+/*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: #03a9f4;
+ border-bottom: 2px solid #03a9f4;
+}
+/*卡片列表布局*/
+.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;
+}
+.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 img,
+.aui-card-list-content-padded img {
+ width: 100%;
+ display: block;
+}
+.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-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;
+}
+.aui-grid [class*=aui-col-xs-]:active {
+ background-color: #f5f5f5;
+}
+.aui-grid [class*=top-btn]:active {
+ background-color: #048cca;
+}
+.aui-grid .aui-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: #03a9f4;
+ border: solid 1px #03a9f4;
+ 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: #03a9f4;
+ background-color: #03a9f4;
+}
+.aui-switch:checked:before {
+ left: 1.1rem;
+}
+/*导航栏*/
+.aui-bar {
+ position: relative;
+ top: 0;
+ right: 0;
+ left: 0;
+ z-index: 10;
+ width: 100%;
+ min-height: 2.25rem;
+ font-size: 0.9rem;
+ text-align: center;
+ display: table;
+}
+.aui-bar-nav {
+ top: 0;
+ line-height: 2.25rem;
+ background-color: #03a9f4;
+ color: #ffffff;
+}
+.aui-title a {
+ color: inherit;
+}
+.aui-bar-nav .aui-title {
+ min-height: 2.25rem;
+ position: absolute;
+ margin: 0;
+ text-align: center;
+ white-space: nowrap;
+ right: 2rem;
+ left: 2rem;
+ 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-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-btn {
+ position: relative;
+ z-index: 20;
+ height: 2.25rem;
+ line-height: 2.25rem;
+ padding-top: 0;
+ padding-bottom: 0;
+ margin: 0;
+ border-radius: 0.1rem;
+ border-width: 0;
+ background: transparent !important;
+}
+.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: 0.9rem;
+ line-height: 1.25rem;
+ padding: 0;
+ margin: 0;
+ color: #ffffff;
+}
+.aui-bar-light {
+ color: #03a9f4;
+ background-color: #ffffff;
+ border-bottom: 1px solid #dddddd;
+}
+.aui-bar-nav.aui-bar-light .aui-iconfont {
+ color: #03a9f4;
+}
+.aui-bar-nav.aui-bar-light .aui-btn-outlined {
+ border-color: #03a9f4;
+}
+@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%);
+ }
+}
+/*底部切换栏*/
+.aui-bar-tab {
+ position: fixed;
+ top: auto;
+ bottom: 0;
+ table-layout: fixed;
+ background-color: #ffffff;
+ color: #757575;
+}
+.aui-bar-tab .aui-bar-tab-item {
+ display: table-cell;
+ position: relative;
+ width: 1%;
+ height: 2.5rem;
+ text-align: center;
+ vertical-align: middle;
+}
+.aui-bar-tab .aui-active {
+ color: #03a9f4;
+}
+.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: 1rem;
+}
+.aui-bar-tab .aui-bar-tab-label {
+ display: block;
+ font-size: 0.6rem;
+ position: relative;
+}
+.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;
+}
+/*按钮工具栏*/
+.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: #03a9f4;
+ 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: #03a9f4;
+ 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: #03a9f4;
+}
+.aui-bar-nav.aui-bar-light .aui-bar-btn-item {
+ border-color: #03a9f4;
+}
+.aui-bar-nav.aui-bar-light .aui-bar-btn-item.aui-active {
+ background-color: #03a9f4;
+ 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: #03a9f4;
+}
+.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.15rem;
+}
+.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: #03a9f4;
+ background-color: #03a9f4;
+ -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.2rem;
+ 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.5rem;
+ 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.75rem;
+ width: 100%;
+ z-index: 99;
+ height: 1.9rem;
+ line-height: 1.9rem;
+ position: relative;
+ background-color: rgba(0,0,0,.6);
+ color: #ffffff;
+ 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 .aui-tips-title {
+ padding: 0 0.5rem;
+ font-size: 0.7rem;
+ position: relative;
+ max-width: 100%;
+}
+/*toast*/
+.aui-toast {
+ background: rgba(0, 0, 0, 0.7);
+ text-align: center;
+ border-radius: 0.25rem;
+ color: #ffffff;
+ position: fixed;
+ z-index: 300;
+ top: 45%;
+ left: 50%;
+ width: 7.5em;
+ min-height: 6em;
+ margin-left: -3.75em;
+ margin-top: -4rem;
+ display: none;
+}
+.aui-toast .aui-iconfont {
+ margin-top: 0.2rem;
+ display: block;
+ font-size: 2.6rem;
+}
+.aui-toast-content {
+ margin: 0 0 0.75rem;
+}
+.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*/
+.aui-dialog {
+ 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;
+ /*display: none;*/
+}
+.aui-dialog-header {
+ padding: 0.5rem 0.75rem 0 0.75rem;
+ text-align: center;
+ font-size: 1em;
+ color: #212121;
+}
+.aui-dialog-body {
+ padding: 0.75rem;
+ overflow: hidden;
+ font-size: 0.875em;
+ color: #757575;
+}
+.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-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-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: #0894ec;
+ 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-btn:last-child {
+ border-right: none;
+}
+.aui-dialog.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.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-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-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-btn:last-child {
+ border: none;
+ background-size: 0 100%;
+ }
+ .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*/
+.aui-actionsheet {
+ width: 100%;
+ position: fixed;
+ bottom: 0;
+ left: 0;
+ padding: 0 0.5rem;
+ 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-btn {
+ background-color: #ffffff;
+ border-radius: 6px;
+ text-align: center;
+ margin-bottom: 0.5rem;
+}
+.aui-actionsheet-title {
+ font-size: 0.6rem;
+ color: #999999;
+ line-height: 1.8rem;
+}
+.aui-actionsheet-btn-item {
+ height: 2.2rem;
+ line-height: 2.2rem;
+ color: #0075f0;
+}
+/*sharebox*/
+.aui-sharebox {
+ width: 100%;
+ 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);
+}
+/*聊天气泡*/
+.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: 1px solid #dddddd;
+}
+.aui-border-r {
+ border-right: 1px solid #dddddd;
+}
+.aui-border-t {
+ border-top: 1px solid #dddddd;
+}
+.aui-border-b {
+ border-bottom: 1px solid #dddddd;
+}
+.aui-border {
+ border: 1px solid #dddddd;
+}
+@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.35rem;
+}
+.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; }
+}
+@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.7rem;
+ font-style:normal;
+ -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"; }
+
+.aui-card-list-user:after {
+ width: 100%;
+ height: 1px;
+ background-color: #f2f2f2;
+ display: block;
+ content: '';
+ position: absolute;
+ top: auto;
+ right: auto;
+ bottom: 0;
+ left: 0;
+ z-index: 2;
+ -webkit-transform-origin: 50% 100%;
+ transform-origin: 50% 100%;
+ pointer-events: none;
+}
+.aui-list [class*=top-btn]:active {
+ background-color: #048cca;
+}