diff --git a/application/wechat/controller/Review.php b/application/wechat/controller/Review.php
index 6ff00975d..1955daab3 100644
--- a/application/wechat/controller/Review.php
+++ b/application/wechat/controller/Review.php
@@ -11,14 +11,52 @@
// | github开源项目:https://github.com/zoujingli/Think.Admin
// +----------------------------------------------------------------------
-
namespace app\wechat\controller;
-class Review {
+use think\Controller;
+use think\Db;
+class Review extends Controller {
+
+ /**
+ * 显示手机预览
+ * @return string
+ */
public function index() {
-
- return '222';
+ $get = $this->request->get();
+ // 内容
+ $content = $this->request->get('content', '');
+ $this->assign('content', $content);
+ // 类型
+ $type = $this->request->get('type', 'text');
+ $this->assign('type', $type);
+ // 图文处理
+ if ($type === 'news' && is_numeric($content) && !empty($content)) {
+ $news = News::get($content, ['appid' => $this->real_appid]);
+ $this->assign('articles', $news['articles']);
+ }
+ // 文章预览
+ if ($type === 'article' && is_numeric($content) && !empty($content)) {
+ $article = Db::name('WechatNewsArticle')->where('id', $content)->find();
+ $this->assign('vo', $article);
+ }
+ $this->assign($get);
+ // 渲染模板并显示
+ return view();
+ }
+
+ /**
+ * 微信图片显示
+ */
+ public function wechatImage() {
+ $url = input('get.url', '');
+ $filename = 'upload/tmp/' . join('/', str_split(md5($url), 16));
+ $realfile = ROOT_PATH . 'public/' . $filename;
+ file_exists(dirname($realfile)) || mkdir(dirname($realfile), 0755, true);
+ if (!file_exists($realfile)) {
+ file_put_contents($realfile, file_get_contents($url));
+ }
+ $this->redirect(pathinfo($this->requestbaseFile(true), PATHINFO_DIRNAME) . '/' . $filename);
}
}
\ No newline at end of file
diff --git a/application/wechat/view/keys.index.html b/application/wechat/view/keys.index.html
index d26958d94..b86165d31 100644
--- a/application/wechat/view/keys.index.html
+++ b/application/wechat/view/keys.index.html
@@ -26,11 +26,11 @@
{$vo.type} |
{if $vo.type eq '音乐'}
- 预览
{elseif $vo.type eq '图片'}
- 预览
{elseif $vo.type eq '图文'}
@@ -38,7 +38,7 @@
class="btn btn-link"> 预览
{elseif $vo.type eq '视频'}
- 预览
{else}
diff --git a/application/wechat/view/review.index.html b/application/wechat/view/review.index.html
new file mode 100644
index 000000000..e9894d03b
--- /dev/null
+++ b/application/wechat/view/review.index.html
@@ -0,0 +1,231 @@
+
+
+
+
+ Wechat Preview
+
+
+
+
+
+
+
+
+
+{if ($type eq 'text') or ($type eq 'image') or ($type eq 'music')}
+
+
+
+
+
+ {if $type eq 'text'}
+
+
+
+ {$content|default=''}
+
+ {elseif $type eq 'image'}
+
+
+
+ 
+
+ {elseif $type eq 'music'}
+
+
+
+
+
+
+ {$title|default=''}
+ |
+
+
+
+
+
+ |
+
+
+
+ {$desc|default=''}
+ |
+
+
+
+ {/if}
+
+
+
+{elseif $type eq 'article'}
+{* 文章显示 *}
+
+
+ {if $vo.show_cover_pic neq 0}
+
+ 
+
+ {/if}
+
+
+
+ {date('Y-m-d',strtotime($vo['create_at']))}
+ {$vo.author|default=''}
+
+
+
+ {$vo.content|default=''}
+
+
+
+
+
+{elseif $type eq 'video'}
+{* 视频显示 *}
+
+
+
+
+
+
+
+ {date('m月d日')}
+
+
+
+
+
+
+
+
+
+
+{elseif $type eq 'news'}
+{* 图文显示 *}
+
+
+
+
+
+ {if !empty($articles)}
+ {foreach $articles as $key=>$vo}
+ {if $articles|count gt 1}
+ {if $key<1}
+
+
+ 
+
+
+
+ {else}
+
+
+
+ {$vo.title}{$vo.title}{$vo.title}{$vo.title}{$vo.title}{$vo.title}{$vo.title}{$vo.title}{$vo.title}{$vo.title}{$vo.title}{$vo.title}{$vo.title}{$vo.title}{$vo.title}{$vo.title}
+ |
+
+
+ |
+
+
+ {/if}
+ {else}
+
+
+
+ {date('Y年m月d日')}
+
+
+ 
+
+
+ {$vo.content}
+
+
+
+ {/if}
+ {/foreach}
+ {/if}
+
+
+
+
+{/if}
+
+
\ No newline at end of file
diff --git a/public/static/plugs/aui/aui-iconfont.ttf b/public/static/plugs/aui/aui-iconfont.ttf
new file mode 100644
index 000000000..2c9d80e96
Binary files /dev/null and b/public/static/plugs/aui/aui-iconfont.ttf differ
diff --git a/public/static/plugs/aui/aui.css b/public/static/plugs/aui/aui.css
new file mode 100644
index 000000000..93e07e1d2
--- /dev/null
+++ b/public/static/plugs/aui/aui.css
@@ -0,0 +1,3275 @@
+@charset "UTF-8";
+/*
+ * =========================================================================
+ * APIClud - AUI UI 框架 流浪男 QQ:343757327 http://www.auicss.com
+ * Verson 2.1
+ * =========================================================================
+ */
+
+/*初始化类*/
+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-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-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: #039be5 !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: 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 #dddddd;
+ 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: #039be5;
+ border-bottom: 2px solid #039be5;
+}
+
+/*卡片列表布局*/
+.aui-card-list {
+ position: relative;
+ margin-bottom: 0.75rem;
+ 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: 1rem 0;
+}
+
+.aui-grid [class*=aui-col-xs-]:active {
+ background-color: #f5f5f5;
+}
+
+.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: 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-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: #039be5;
+}
+
+.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: 3;
+ 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.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;
+ }
+}
+
+@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";
+}
\ No newline at end of file
diff --git a/public/static/theme/default/img/head.gif b/public/static/theme/default/img/head.gif
new file mode 100644
index 000000000..e33fb4aa3
Binary files /dev/null and b/public/static/theme/default/img/head.gif differ
|