From f3c04974aa7239bdfb7110b8f1cd7a1ef3dced99 Mon Sep 17 00:00:00 2001
From: wuzuowei <wuxiaowei520i@qq.com>
Date: Wed, 6 Mar 2024 10:50:21 +0800
Subject: [PATCH] =?UTF-8?q?=E8=A1=A8=E5=A4=B4=EF=BC=8C=E8=A1=A8=E6=A0=BC?=
 =?UTF-8?q?=E6=A0=B7=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 CCFlow/CCFlow/WF/CCForm/Dtl2017.htm           |    8 +-
 CCFlow/CCFlow/WF/Comm/Batch.htm               |   53 +
 CCFlow/CCFlow/WF/Comm/Search.htm              |   37 +
 .../CCFlow/WF/Scripts/layui/style/admin.css   | 1364 ++++++++++++++++-
 4 files changed, 1460 insertions(+), 2 deletions(-)

diff --git a/CCFlow/CCFlow/WF/CCForm/Dtl2017.htm b/CCFlow/CCFlow/WF/CCForm/Dtl2017.htm
index 4cb33399..718ca65d 100644
--- a/CCFlow/CCFlow/WF/CCForm/Dtl2017.htm
+++ b/CCFlow/CCFlow/WF/CCForm/Dtl2017.htm
@@ -72,6 +72,12 @@
         .table {
             margin-top: 6px !important;
         }
+        .table thead {
+                position: sticky !important;
+                top: 0 !important;
+                left: 0 !important;
+        }
+     
     </style>
 
     <script language="javascript" type="text/javascript">
@@ -2468,7 +2474,7 @@
             <div id="" class="portlet portlet-sortable light bg-inverse" style="padding: 0px; margin: 0px;">
                 <div class="portlet-body " id="">
                     <div class="tab-content">
-                        <div class="tab-pane active portlet_tab flowLists" style="overflow-x: auto; overflow-y: hidden;" id="dtlDiv">
+                        <div class="tab-pane active portlet_tab flowLists"  id="dtlDiv">
                             <div>
                                 <table class="table wupop" data-data="true" id="dtlTable" border="0" cellspacing="0" cellpadding="0">
                                     <thead></thead>
diff --git a/CCFlow/CCFlow/WF/Comm/Batch.htm b/CCFlow/CCFlow/WF/Comm/Batch.htm
index 7536104c..770e1cbc 100644
--- a/CCFlow/CCFlow/WF/Comm/Batch.htm
+++ b/CCFlow/CCFlow/WF/Comm/Batch.htm
@@ -26,6 +26,59 @@
     <style id="theme-data"></style>
     <base target="_self" />
     <style type="text/css">
+      
+
+        .layui-fluid {
+            height: 100vh !important;
+            box-sizing: border-box !important;
+        }
+
+        .layui-col-space30 {
+            width: 100%;
+            height: 100%;
+            box-sizing: border-box;
+        }
+
+        .layui-row {
+            width: 100%;
+            height: 100%;
+            box-sizing: border-box;
+            margin: 0 !important;
+        }
+
+        .layui-col-md12 {
+            width: 100%;
+            height: 100%;
+        }
+
+        .layui-card {
+            width: 100%;
+            height: 100%;
+        }
+
+        .layui-card-body {
+            width: 100%;
+            height: 100%;
+            display: flex;
+            flex-direction: column;
+            padding: 0 !important;
+        }
+
+        .layui-border-box {
+            flex: 1;
+        }
+
+        .layui-table-box {
+            width: 100%;
+            height: 100%;
+            display: flex;
+            flex-direction: column;
+            padding: 0 !important;
+        }
+
+        .layui-table-main {
+            flex: 1;
+        }
         .layui-form-label {
             padding: 9px 0px;
             width: auto;
diff --git a/CCFlow/CCFlow/WF/Comm/Search.htm b/CCFlow/CCFlow/WF/Comm/Search.htm
index 6a0c73ce..e7383ac4 100644
--- a/CCFlow/CCFlow/WF/Comm/Search.htm
+++ b/CCFlow/CCFlow/WF/Comm/Search.htm
@@ -29,6 +29,43 @@
     <style id="theme-data"></style>
     <base target="_self" />
     <style type="text/css">
+        .layui-table-body table tbody .layui-table-cell{
+            /*height :25px !important;*/
+        }
+        .layui-row {
+            width: 100%;
+            height: 100%;
+            box-sizing: border-box;
+            margin: 0 !important;
+        }
+        .layui-col-md12 {
+            width: 100%;
+            height: 100%;
+        }
+        .layui-card {
+            width: 100%;
+            height: 100%;
+        }
+        .layui-card-body {
+            width: 100%;
+            height: 100%;
+            display:flex;
+            flex-direction:column;
+            padding:0 !important;
+        }
+        .layui-border-box{
+            flex:1;
+        }
+        .layui-table-box {
+            width: 100%;
+            height: 100%;
+            display: flex;
+            flex-direction: column;
+            padding:0 !important;
+        }
+        .layui-table-main {
+            flex: 1;
+        }
         .layui-form-label {
             padding: 9px 0px;
             width: auto;
diff --git a/CCFlow/CCFlow/WF/Scripts/layui/style/admin.css b/CCFlow/CCFlow/WF/Scripts/layui/style/admin.css
index c3b19159..3e3e7e04 100644
--- a/CCFlow/CCFlow/WF/Scripts/layui/style/admin.css
+++ b/CCFlow/CCFlow/WF/Scripts/layui/style/admin.css
@@ -1,2 +1,1364 @@
 /** layuiAdmin.std-v1.4.0 LPPL License By https://www.layui.com/admin/ */
- html #layuicss-layuiAdmin{display:none;position:absolute;width:1989px}::-webkit-input-placeholder{color:#ccc}html{background-color:#f2f2f2;color:#666}.layadmin-tabsbody-item,[template]{display:none}[lay-href],[lay-tips],[layadmin-event]{cursor:pointer}.layui-layout-admin .layui-header{position:fixed;top:0;left:0;width:100%;height:50px}.layui-layout-admin .layui-header .layui-nav .layui-nav-child a{color:#333}.layui-layout-admin .layui-side{width:220px;top:0;z-index:1001}.layui-layout-admin .layui-header .layui-nav .layui-nav-item,.layui-layout-admin .layui-logo{height:50px;line-height:50px}.layui-layout-admin .layui-logo{position:fixed;left:0;top:0;z-index:1002;width:220px;height:49px;padding:0 15px;box-sizing:border-box;overflow:hidden;font-weight:300;background-repeat:no-repeat;background-position:center center}.layadmin-pagetabs,.layui-layout-admin .layui-body,.layui-layout-admin .layui-footer,.layui-layout-admin .layui-layout-left{left:220px}.layadmin-pagetabs{position:fixed;top:50px;right:0;z-index:999}.layadmin-pagetabs .layui-breadcrumb{padding:0 15px}.layui-layout-admin .layui-body{position:fixed;top:90px;bottom:0}.layui-layout-admin .layui-body .layadmin-tabsbody-item{position:absolute;top:0;bottom:0;left:0;right:0;overflow:hidden}.layui-layout-admin .layui-header .layui-nav-img{width:26px;height:26px}.layui-layout-admin .layui-header .layui-nav-child{top:55px}.layui-layout-admin .layui-header .layui-layout-right .layui-nav-child{left:auto;right:0}.layui-layout-admin .layui-header .layui-nav .layui-nav-child dd.layui-this,.layui-layout-admin .layui-header .layui-nav .layui-nav-child dd.layui-this a{background:0 0}.layadmin-pagetabs,.layui-layout-admin .layui-body,.layui-layout-admin .layui-footer,.layui-layout-admin .layui-header .layui-layout-right,.layui-layout-admin .layui-header .layui-nav .layui-nav-item,.layui-layout-admin .layui-layout-left,.layui-layout-admin .layui-logo,.layui-layout-admin .layui-side{transition:all .3s;-webkit-transition:all .3s}.layui-icon-login-qq{color:#3492ED}.layui-icon-login-wechat{color:#4DAF29}.layui-icon-login-weibo{color:#CF1900}.layui-form[wid100] .layui-form-label{width:100px}.layui-form[wid100] .layui-input-block{margin-left:130px}@media screen and (max-width:450px){.layui-form[wid100] .layui-form-item .layui-input-inline{margin-left:132px}.layui-form[wid100] .layui-form-item .layui-input-inline+.layui-form-mid{margin-left:130px}}.layui-form-item .layui-input-company{width:auto;padding-right:10px;line-height:38px}.layui-bg-white{background-color:#fff}.layadmin-loading{position:absolute;left:50%;top:50%;margin:-16px -15px;font-size:30px;color:#c2c2c2}.layadmin-fixed{position:fixed;left:0;top:0;z-index:999}.layadmin-link{color:#029789!important}.layadmin-link:hover{opacity:.8}.layui-layer-admin .layui-layer-title{height:50px;line-height:50px;border:0;background-color:#20222A;color:#fff}.layui-layer-admin i[close]{position:absolute;padding:5px;right:10px;top:12px;color:#fff;cursor:pointer}.layui-layer-admin .layui-layer-content{padding:20px;line-height:22px}.layui-layer-admin .layui-layer-content cite{font-style:normal;color:#FF5722}.layui-layer-adminRight{top:50px!important;bottom:0;box-shadow:1px 1px 10px rgba(0,0,0,.1);border-radius:0;overflow:auto}.layadmin-note .layui-layer-content{padding:0}.layadmin-note textarea{display:block;width:300px;height:132px;min-width:300px;min-height:132px;line-height:20px;padding:10px 20px;border:none;box-sizing:border-box;color:#666;word-wrap:break-word}.layui-layout-admin .layui-layout-left{padding:0 10px}.layui-layout-admin .layui-layout-left .layui-nav-item{margin:0 20px}.layui-layout-admin .layui-input-search{display:inline-block;vertical-align:middle;height:32px;border:none;cursor:text}.layui-layout-admin .layui-layout-left a,.layui-layout-admin .layui-layout-right{padding:0}.layui-header .layui-nav-item .layui-icon{position:relative;top:1px;font-size:16px}.layui-header .layui-layout-right .layui-badge-dot{margin-left:0}.layui-header .layui-nav .layui-this:after,.layui-layout-admin .layui-header .layui-nav-bar{top:0!important;bottom:auto;height:3px;background-color:#fff;background-color:rgba(255,255,255,.3)}.layadmin-body-shade{position:fixed;display:none;left:0;right:0;top:0;bottom:0;background-color:rgba(0,0,0,.3);z-index:1000}.layui-side-menu .layui-side-scroll{width:240px}.layui-side-menu .layui-nav{width:220px;margin-top:50px;background:0 0}.layui-side-menu .layui-nav .layui-nav-item a{height:40px;line-height:40px;padding-left:45px;padding-right:30px}.layui-side-menu .layui-nav .layui-nav-item>a{padding-top:8px;padding-bottom:8px}.layui-side-menu .layui-nav .layui-nav-item a:hover{background:0 0}.layui-side-menu .layui-nav .layui-nav-itemed>.layui-nav-child{padding:5px 0}.layui-side-menu .layui-nav .layui-nav-item .layui-icon{position:absolute;top:50%;left:20px;margin-top:-19px}.layui-side-menu .layui-nav .layui-nav-child .layui-nav-child{background:0 0!important}.layui-side-menu .layui-nav .layui-nav-child .layui-nav-child a{padding-left:60px}.layui-side-menu .layui-nav .layui-nav-more{right:15px}@media screen and (max-width:992px){.layui-layout-admin .layui-side{transform:translate3d(-220px,0,0);-webkit-transform:translate3d(-220px,0,0);width:220px}.layadmin-pagetabs,.layui-layout-admin .layui-body,.layui-layout-admin .layui-footer,.layui-layout-admin .layui-layout-left{left:0}}.layadmin-side-shrink .layui-layout-admin .layui-logo{width:60px;background-image:url(res/logo.png)}.layadmin-side-shrink .layui-layout-admin .layui-logo span{display:none}.layadmin-side-shrink .layui-side{left:0;width:60px}.layadmin-side-shrink .layadmin-pagetabs,.layadmin-side-shrink .layui-layout-admin .layui-body,.layadmin-side-shrink .layui-layout-admin .layui-footer,.layadmin-side-shrink .layui-layout-admin .layui-layout-left{left:60px}.layadmin-side-shrink .layui-side-menu .layui-nav{position:static;width:60px}.layadmin-side-shrink .layui-side-menu .layui-nav-item{position:static}.layadmin-side-shrink .layui-side-menu .layui-nav-item>a{padding-right:0}.layadmin-side-shrink .layui-side-menu .layui-nav-item cite,.layadmin-side-shrink .layui-side-menu .layui-nav>.layui-nav-item>.layui-nav-child,.layadmin-side-shrink .layui-side-menu .layui-nav>.layui-nav-item>a .layui-nav-more{display:none;padding:8px 0;width:200px}.layadmin-side-shrink .layui-side-menu .layui-nav>.layui-nav-itemed>a{background:rgba(0,0,0,.3)}.layadmin-side-spread-sm .layadmin-pagetabs,.layadmin-side-spread-sm .layui-layout-admin .layui-body,.layadmin-side-spread-sm .layui-layout-admin .layui-footer,.layadmin-side-spread-sm .layui-layout-admin .layui-layout-left{left:0;transform:translate3d(220px,0,0);-webkit-transform:translate3d(220px,0,0)}.layadmin-side-spread-sm .layui-layout-admin .layui-layout-right{transform:translate3d(220px,0,0);-webkit-transform:translate3d(220px,0,0)}.layadmin-side-spread-sm .layui-side{transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0)}.layadmin-side-spread-sm .layadmin-body-shade{display:block}.layadmin-pagetabs .layui-tab-title li:first-child .layui-tab-close,.layadmin-tabs-select.layui-nav .layui-nav-bar,.layadmin-tabs-select.layui-nav .layui-nav-more{display:none}.layadmin-pagetabs{height:40px;line-height:40px;padding:0 80px 0 40px;background-color:#fff;box-sizing:border-box;box-shadow:0 1px 2px 0 rgba(0,0,0,.1)}.layadmin-pagetabs .layadmin-tabs-control{position:absolute;top:0;width:40px;height:100%;text-align:center;cursor:pointer;transition:all .3s;-webkit-transition:all .3s;box-sizing:border-box;border-left:1px solid #f6f6f6}.layadmin-pagetabs .layadmin-tabs-control:hover{background-color:#f6f6f6}.layadmin-pagetabs .layui-icon-prev{left:0;border-left:none;border-right:1px solid #f6f6f6}.layadmin-pagetabs .layui-icon-next{right:40px}.layadmin-pagetabs .layui-icon-down{right:0}.layadmin-tabs-select.layui-nav{position:absolute;left:0;top:0;width:100%;height:100%;padding:0;background:0 0}.layadmin-tabs-select.layui-nav .layui-nav-item{line-height:40px}.layadmin-tabs-select.layui-nav .layui-nav-item>a{height:40px}.layadmin-tabs-select.layui-nav .layui-nav-item a{color:#666}.layadmin-tabs-select.layui-nav .layui-nav-child{top:40px;left:auto;right:0}.layadmin-tabs-select.layui-nav .layui-nav-child dd.layui-this,.layadmin-tabs-select.layui-nav .layui-nav-child dd.layui-this a{background-color:#f2f2f2!important;color:#333}.layadmin-pagetabs .layui-tab{margin:0;overflow:hidden}.layadmin-pagetabs .layui-tab-title{height:40px;border:none}.layadmin-pagetabs .layui-tab-title li{min-width:0;line-height:40px;max-width:160px;text-overflow:ellipsis;padding-right:40px;overflow:hidden;border-right:1px solid #f6f6f6;vertical-align:top}.layadmin-pagetabs .layui-tab-title li:first-child{padding-right:15px}.layadmin-pagetabs .layui-tab-title li .layui-tab-close{position:absolute;right:8px;top:50%;margin:-7px 0 0;width:16px;height:16px;line-height:16px;border-radius:50%;font-size:12px}.layadmin-pagetabs .layui-tab-title li:after{content:'';position:absolute;top:0;left:0;width:0;height:2px;border-radius:0;background-color:#292B34;transition:all .3s;-webkit-transition:all .3s}.layadmin-pagetabs .layui-tab-title li:hover:after{width:100%}.layadmin-pagetabs .layui-tab-title li.layui-this,.layadmin-pagetabs .layui-tab-title li:hover{background-color:#f6f6f6}.layadmin-pagetabs .layui-tab-title li.layui-this:after{width:100%;border:none;height:2px;background-color:#292B34}.layadmin-tabspage-none .layui-layout-admin .layui-header{border-bottom:none;box-shadow:0 1px 2px 0 rgba(0,0,0,.05)}.layadmin-tabspage-none .layui-layout-admin .layui-body{top:50px}.layadmin-tabspage-none .layadmin-header{display:block}.layadmin-tabspage-none .layadmin-header .layui-breadcrumb{border-top:1px solid #f6f6f6}.layui-layout-admin .layui-header{border-bottom:1px solid #f6f6f6;box-sizing:border-box;background-color:#fff}.layui-layout-admin .layui-header a,.layui-layout-admin .layui-header a cite{color:#333}.layui-layout-admin .layui-header a:hover{color:#000}.layui-layout-admin .layui-header .layui-nav .layui-nav-more{border-top-color:#666}.layui-layout-admin .layui-header .layui-nav .layui-nav-mored{border-color:transparent transparent #666}.layui-layout-admin .layui-header .layui-nav .layui-this:after,.layui-layout-admin .layui-header .layui-nav-bar{height:2px;background-color:#20222A}.layui-layout-admin .layui-logo{background-color:#20222A;box-shadow:0 1px 2px 0 rgba(0,0,0,.15)}.layui-layout-admin .layui-logo,.layui-layout-admin .layui-logo a{color:#fff;color:rgba(255,255,255,.8)}.layui-side-menu{box-shadow:1px 0 2px 0 rgba(0,0,0,.05)}.layui-layout-admin .layui-footer{padding:10px 0;text-align:center;box-shadow:0 -1px 2px 0 rgba(0,0,0,.05)}.layadmin-setTheme-side,.layui-side-menu{background-color:#20222A;color:#fff}.layadmin-setTheme-header,.layui-layout-admin .layui-footer{background-color:#fff}.layui-tab-admin .layui-tab-title{background-color:#393D49;color:#fff}.layui-fluid{padding:15px}.layadmin-header{display:none;height:50px;line-height:50px;margin-bottom:0;border-radius:0}.layadmin-header .layui-breadcrumb{padding:0 15px}.layui-card-header{position:relative}.layui-card-header .layui-icon{line-height:initial;position:absolute;right:15px;top:50%;margin-top:-7px}.layadmin-iframe{position:absolute;width:100%;height:100%;left:0;top:0;right:0;bottom:0}.layadmin-carousel{height:185px!important;background-color:#fff}.layadmin-carousel .layui-carousel-ind li{background-color:#e2e2e2}.layadmin-carousel .layui-carousel-ind li:hover{background-color:#c2c2c2}.layadmin-carousel .layui-carousel-ind li.layui-this{background-color:#999}.layadmin-carousel .layui-carousel,.layadmin-carousel>[carousel-item]>*{background-color:#fff}.layadmin-carousel .layui-col-space10{margin:0}.layadmin-carousel .layui-carousel-ind{position:absolute;top:-41px;text-align:right}.layadmin-carousel .layui-carousel-ind ul{background:0 0}.layui-card .layui-tab-brief .layui-tab-title{height:42px;border-bottom-color:#f6f6f6}.layui-card .layui-tab-brief .layui-tab-title li{margin:0 15px;padding:0;line-height:42px}.layui-card .layui-tab-brief .layui-tab-title li.layui-this{color:#333}.layui-card .layui-tab-brief .layui-tab-title .layui-this:after{height:43px}.layui-card .layui-tab-brief .layui-tab-content{padding:15px}.layui-card .layui-table-view{margin:0}.layadmin-shortcut li{text-align:center}.layadmin-shortcut li .layui-icon{display:inline-block;width:100%;height:60px;line-height:60px;text-align:center;border-radius:2px;font-size:30px;background-color:#F8F8F8;color:#333;transition:all .3s;-webkit-transition:all .3s}.layadmin-shortcut li cite{position:relative;top:2px;display:block;color:#666;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;font-size:14px}.layadmin-shortcut li:hover .layui-icon{background-color:#f2f2f2}.layadmin-backlog .layadmin-backlog-body{display:block;padding:10px 15px;background-color:#f8f8f8;color:#999;border-radius:2px;transition:all .3s;-webkit-transition:all .3s}.layadmin-backlog-body h3{padding-bottom:10px;font-size:12px}.layadmin-backlog-body p cite{font-style:normal;font-size:30px;font-weight:300;color:#009688}.layadmin-backlog-body:hover{background-color:#f2f2f2;color:#888}.layadmin-dataview{height:332px!important}.layadmin-dataview>[carousel-item]:before{display:none}.layadmin-dataview>[carousel-item]>div{height:332px}.layadmin-takerates{padding-top:5px}.layadmin-takerates .layui-progress{margin:50px 0 60px}.layadmin-takerates .layui-progress:last-child{margin-bottom:10px}.layadmin-takerates .layui-progress h3{position:absolute;right:0;top:-35px;color:#999;font-size:14px}.layadmin-takerates .layui-progress-bar{text-align:left}.layadmin-takerates .layui-progress-text{top:-35px;line-height:26px;font-size:26px}.layadmin-news{height:60px!important;padding:5px 0}.layadmin-news a{display:block;line-height:60px;text-align:center}.layadmin-news .layui-carousel-ind{height:45px}.layadmin-list li{margin-bottom:6px;padding-bottom:6px;border-bottom-color:#f6f6f6;list-style-position:inside;list-style-type:disc;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.layadmin-list li a{color:#666}.layadmin-list li a:hover{color:#009688}.layadmin-list li:last-child{border:none;padding:0;margin:0}.layadmin-text p{margin-bottom:10px;text-indent:2em}.layadmin-text p:last-child{margin:0}.layadmin-font-em{font-size:13px;color:#758697}.layui-card-header .layui-a-tips{position:absolute;right:15px;color:#01AAED}.layuiadmin-card-text{background-color:#f8f8f8;color:#777;padding:24px}.layuiadmin-card-text .layui-text-top{padding-bottom:10px}.layuiadmin-card-text .layui-text-top i{margin-right:10px;font-size:24px;color:#009688}.layuiadmin-card-text .layui-text-top a{line-height:24px;font-size:16px;vertical-align:top}.layuiadmin-card-text .layui-text-center{height:44px;line-height:22px;margin-bottom:10px;overflow:hidden}.layuiadmin-card-text .layui-text-bottom{position:relative}.layuiadmin-card-text .layui-text-bottom a{color:#777;font-size:12px;text-overflow:ellipsis;word-break:break-all}.layuiadmin-card-text .layui-text-bottom span{color:#CCC;font-size:12px;position:absolute;right:0}.layuiadmin-badge,.layuiadmin-btn-group,.layuiadmin-span-color{position:absolute;right:15px}.layuiadmin-card-link a:hover,.layuiadmin-card-team li a:hover,.layuiadmin-card-text a:hover{color:#01AAED;transition:all .3s}.layuiadmin-card-status{padding:0 10px 10px}.layuiadmin-card-status dd{padding:15px 0;border-bottom:1px solid #EEE;display:-webkit-flex;display:flex}.layuiadmin-card-status dd:last-child{border:none}.layuiadmin-card-status dd div.layui-status-img,.layuiadmin-card-team .layui-team-img{width:32px;height:32px;border-radius:50%;background-color:#009688;margin-right:15px}.layuiadmin-card-status dd div.layui-status-img a{width:100%;height:100%;display:inline-block;text-align:center;line-height:32px}.layuiadmin-card-status dd div.layui-status-img img,.layuiadmin-card-team .layui-team-img img{width:50%;height:50%}.layuiadmin-card-status dd div a{color:#01AAED}.layuiadmin-card-status dd div span{color:#BBB}.layuiadmin-card-link{padding-left:10px;font-size:0}.layuiadmin-card-link a{display:inline-block;width:25%;color:#666;font-size:14px;margin-bottom:12px}.layuiadmin-card-link button{vertical-align:top}.layuiadmin-card-link button:hover{color:#009688}.layuiadmin-card-team li{padding:10px 0 10px 10px}.layuiadmin-card-team .layui-team-img{display:inline-block;margin-right:8px;width:24px;height:24px;text-align:center;line-height:24px}.layuiadmin-card-team span{color:#777}.layuiadmin-badge{top:50%;margin-top:-9px;color:#01AAED}.layuiadmin-card-list{padding:15px}.layuiadmin-card-list p.layuiadmin-big-font{font-size:36px;color:#666;line-height:36px;padding:5px 0 10px;overflow:hidden;text-overflow:ellipsis;word-break:break-all;white-space:nowrap}.layuiadmin-card-list p.layuiadmin-normal-font{padding-bottom:10px;font-size:20px;color:#666;line-height:24px}.layuiadmin-span-color{font-size:14px}.layuiadmin-span-color i{padding-left:5px}.layuiadmin-card-status li{position:relative;padding:10px 0;border-bottom:1px solid #EEE}.layuiadmin-card-status li h3{padding-bottom:5px;font-weight:700}.layuiadmin-card-status li p{padding-bottom:10px}.layuiadmin-card-status li>span{color:#999}.layuiadmin-home2-usernote .layuiadmin-reply{display:none;position:absolute;right:0;bottom:12px}.layuiadmin-home2-usernote li:hover .layuiadmin-reply{display:block}.layuiadmin-page-table td span{color:#2F4056}.layuiadmin-page-table td span.first{color:#FF5722}.layuiadmin-page-table td span.second{color:#FFB800}.layuiadmin-page-table td span.third{color:#5FB878}.layuiAdmin-msg-detail h1{font-size:16px}.layuiAdmin-msg-detail .layui-card-header{height:auto;line-height:30px;padding:15px}.layuiAdmin-msg-detail .layui-card-header span{padding:0 5px;color:#999}.layuiAdmin-msg-detail .layui-card-header span:first-child{padding-left:0}.layuiAdmin-msg-detail .layui-card-body{padding:15px}.layuiadmin-content-bread{padding-bottom:20px}.layuiadmin-order-progress{position:relative;top:12px}.layui-card-header.layuiadmin-card-header-auto{padding-top:15px;padding-bottom:15px;height:auto}.layuiadmin-card-header-auto i.layuiadmin-button-btn{position:relative;right:0;top:0;vertical-align:middle}.layuiadmin-card-header-auto .layui-form-item:last-child{margin-bottom:0}.layadmin-setTheme{padding:15px;overflow-x:hidden}.layadmin-setTheme>h5{padding:20px 0 10px;color:#000}.layadmin-setTheme>h5:first-child{padding-top:0}.layadmin-setTheme-color{width:330px;font-size:0}.layadmin-setTheme-color li{position:relative;display:inline-block;vertical-align:top;width:80px;height:50px;margin:0 15px 15px 0;background-color:#f2f2f2;cursor:pointer;font-size:12px;color:#666}.layadmin-setTheme-color li:after{content:'';position:absolute;z-index:20;top:50%;left:50%;width:1px;height:0;border:1px solid #f2f2f2;transition:all .3s;-webkit-transition:all .3s;opacity:0}.layadmin-setTheme-color li.layui-this:after,.layadmin-setTheme-color li:hover:after{width:100%;height:100%;padding:4px;top:-5px;left:-5px;border-color:#5FB878;opacity:1}.layadmin-setTheme-header{position:relative;z-index:10;height:10px;border-top:1px solid #f2f2f2;border-right:1px solid #f2f2f2}.layadmin-setTheme-side{position:absolute;left:0;top:0;width:20px;height:100%;z-index:11;box-shadow:1px 0 2px 0 rgba(0,0,0,.05)}.layadmin-setTheme-logo{position:absolute;left:0;top:0;width:100%;height:10px;box-shadow:0 1px 2px 0 rgba(0,0,0,.15)}.layadmin-form-right{text-align:right}.layadmin-about p{margin-bottom:10px}.layadmin-menu-list .layui-card-header{height:50px;line-height:50px;font-size:16px}.layadmin-menu-list .layui-card-header:active{background-color:#f2f2f2}.layadmin-menu-list .layui-card-header .layui-icon{position:relative;top:1px;left:0;display:inline-block;margin:0 10px;font-size:18px}@-webkit-keyframes layui-rl{from{-webkit-transform:translate3d(100%,0,0)}to{-webkit-transform:translate3d(0,0,0)}}@keyframes layui-rl{from{transform:translate3d(100%,0,0)}to{transform:translate3d(0,0,0)}}.layui-anim-rl{-webkit-animation-name:layui-rl;animation-name:layui-rl}@-webkit-keyframes layui-lr{from{-webkit-transform:translate3d(0 0,0);opacity:1}to{-webkit-transform:translate3d(100%,0,0);opacity:1}}@keyframes layui-lr{from{transform:translate3d(0,0,0)}to{transform:translate3d(100%,0,0)}}.layui-anim-lr,.layui-anim-rl.layer-anim-close{-webkit-animation-name:layui-lr;animation-name:layui-lr}.layadmin-tips{margin-top:30px;text-align:center}.layadmin-tips .layui-icon[face]{display:inline-block;font-size:300px;color:#393D49}.layadmin-tips .layui-text{width:500px;margin:30px auto;padding-top:20px;border-top:5px solid #009688;font-size:16px}.layadmin-tips h1{font-size:100px;line-height:100px;color:#009688}.layadmin-tips .layui-text .layui-anim{display:inline-block}@media screen and (max-width:768px){.layadmin-panel-selection{margin:0;width:auto}.layui-body .layui-nav .layui-nav-item{display:block}.layui-layout-admin .layui-body .layadmin-tabsbody-item{-webkit-overflow-scrolling:touch;overflow:auto}}
\ No newline at end of file
+html #layuicss-layuiAdmin {
+    display: none;
+    position: absolute;
+    width: 1989px
+}
+
+::-webkit-input-placeholder {
+    color: #ccc
+}
+
+html {
+    background-color: #f2f2f2;
+    color: #666
+}
+
+.layadmin-tabsbody-item, [template] {
+    display: none
+}
+
+[lay-href], [lay-tips], [layadmin-event] {
+    cursor: pointer
+}
+
+.layui-layout-admin .layui-header {
+    position: fixed;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 50px
+}
+
+    .layui-layout-admin .layui-header .layui-nav .layui-nav-child a {
+        color: #333
+    }
+
+.layui-layout-admin .layui-side {
+    width: 220px;
+    top: 0;
+    z-index: 1001
+}
+
+.layui-layout-admin .layui-header .layui-nav .layui-nav-item, .layui-layout-admin .layui-logo {
+    height: 50px;
+    line-height: 50px
+}
+
+.layui-layout-admin .layui-logo {
+    position: fixed;
+    left: 0;
+    top: 0;
+    z-index: 1002;
+    width: 220px;
+    height: 49px;
+    padding: 0 15px;
+    box-sizing: border-box;
+    overflow: hidden;
+    font-weight: 300;
+    background-repeat: no-repeat;
+    background-position: center center
+}
+
+.layadmin-pagetabs, .layui-layout-admin .layui-body, .layui-layout-admin .layui-footer, .layui-layout-admin .layui-layout-left {
+    left: 220px
+}
+
+.layadmin-pagetabs {
+    position: fixed;
+    top: 50px;
+    right: 0;
+    z-index: 999
+}
+
+    .layadmin-pagetabs .layui-breadcrumb {
+        padding: 0 15px
+    }
+
+.layui-layout-admin .layui-body {
+    position: fixed;
+    top: 90px;
+    bottom: 0
+}
+
+    .layui-layout-admin .layui-body .layadmin-tabsbody-item {
+        position: absolute;
+        top: 0;
+        bottom: 0;
+        left: 0;
+        right: 0;
+        overflow: hidden
+    }
+
+.layui-layout-admin .layui-header .layui-nav-img {
+    width: 26px;
+    height: 26px
+}
+
+.layui-layout-admin .layui-header .layui-nav-child {
+    top: 55px
+}
+
+.layui-layout-admin .layui-header .layui-layout-right .layui-nav-child {
+    left: auto;
+    right: 0
+}
+
+.layui-layout-admin .layui-header .layui-nav .layui-nav-child dd.layui-this, .layui-layout-admin .layui-header .layui-nav .layui-nav-child dd.layui-this a {
+    background: 0 0
+}
+
+.layadmin-pagetabs, .layui-layout-admin .layui-body, .layui-layout-admin .layui-footer, .layui-layout-admin .layui-header .layui-layout-right, .layui-layout-admin .layui-header .layui-nav .layui-nav-item, .layui-layout-admin .layui-layout-left, .layui-layout-admin .layui-logo, .layui-layout-admin .layui-side {
+    transition: all .3s;
+    -webkit-transition: all .3s
+}
+
+.layui-icon-login-qq {
+    color: #3492ED
+}
+
+.layui-icon-login-wechat {
+    color: #4DAF29
+}
+
+.layui-icon-login-weibo {
+    color: #CF1900
+}
+
+.layui-form[wid100] .layui-form-label {
+    width: 100px
+}
+
+.layui-form[wid100] .layui-input-block {
+    margin-left: 130px
+}
+
+@media screen and (max-width:450px) {
+    .layui-form[wid100] .layui-form-item .layui-input-inline {
+        margin-left: 132px
+    }
+
+        .layui-form[wid100] .layui-form-item .layui-input-inline + .layui-form-mid {
+            margin-left: 130px
+        }
+}
+
+.layui-form-item .layui-input-company {
+    width: auto;
+    padding-right: 10px;
+    line-height: 38px
+}
+
+.layui-bg-white {
+    background-color: #fff
+}
+
+.layadmin-loading {
+    position: absolute;
+    left: 50%;
+    top: 50%;
+    margin: -16px -15px;
+    font-size: 30px;
+    color: #c2c2c2
+}
+
+.layadmin-fixed {
+    position: fixed;
+    left: 0;
+    top: 0;
+    z-index: 999
+}
+
+.layadmin-link {
+    color: #029789 !important
+}
+
+    .layadmin-link:hover {
+        opacity: .8
+    }
+
+.layui-layer-admin .layui-layer-title {
+    height: 50px;
+    line-height: 50px;
+    border: 0;
+    background-color: #20222A;
+    color: #fff
+}
+
+.layui-layer-admin i[close] {
+    position: absolute;
+    padding: 5px;
+    right: 10px;
+    top: 12px;
+    color: #fff;
+    cursor: pointer
+}
+
+.layui-layer-admin .layui-layer-content {
+    padding: 20px;
+    line-height: 22px
+}
+
+    .layui-layer-admin .layui-layer-content cite {
+        font-style: normal;
+        color: #FF5722
+    }
+
+.layui-layer-adminRight {
+    top: 50px !important;
+    bottom: 0;
+    box-shadow: 1px 1px 10px rgba(0,0,0,.1);
+    border-radius: 0;
+    overflow: auto
+}
+
+.layadmin-note .layui-layer-content {
+    padding: 0
+}
+
+.layadmin-note textarea {
+    display: block;
+    width: 300px;
+    height: 132px;
+    min-width: 300px;
+    min-height: 132px;
+    line-height: 20px;
+    padding: 10px 20px;
+    border: none;
+    box-sizing: border-box;
+    color: #666;
+    word-wrap: break-word
+}
+
+.layui-layout-admin .layui-layout-left {
+    padding: 0 10px
+}
+
+    .layui-layout-admin .layui-layout-left .layui-nav-item {
+        margin: 0 20px
+    }
+
+.layui-layout-admin .layui-input-search {
+    display: inline-block;
+    vertical-align: middle;
+    height: 32px;
+    border: none;
+    cursor: text
+}
+
+.layui-layout-admin .layui-layout-left a, .layui-layout-admin .layui-layout-right {
+    padding: 0
+}
+
+.layui-header .layui-nav-item .layui-icon {
+    position: relative;
+    top: 1px;
+    font-size: 16px
+}
+
+.layui-header .layui-layout-right .layui-badge-dot {
+    margin-left: 0
+}
+
+.layui-header .layui-nav .layui-this:after, .layui-layout-admin .layui-header .layui-nav-bar {
+    top: 0 !important;
+    bottom: auto;
+    height: 3px;
+    background-color: #fff;
+    background-color: rgba(255,255,255,.3)
+}
+
+.layadmin-body-shade {
+    position: fixed;
+    display: none;
+    left: 0;
+    right: 0;
+    top: 0;
+    bottom: 0;
+    background-color: rgba(0,0,0,.3);
+    z-index: 1000
+}
+
+.layui-side-menu .layui-side-scroll {
+    width: 240px
+}
+
+.layui-side-menu .layui-nav {
+    width: 220px;
+    margin-top: 50px;
+    background: 0 0
+}
+
+    .layui-side-menu .layui-nav .layui-nav-item a {
+        height: 40px;
+        line-height: 40px;
+        padding-left: 45px;
+        padding-right: 30px
+    }
+
+    .layui-side-menu .layui-nav .layui-nav-item > a {
+        padding-top: 8px;
+        padding-bottom: 8px
+    }
+
+    .layui-side-menu .layui-nav .layui-nav-item a:hover {
+        background: 0 0
+    }
+
+    .layui-side-menu .layui-nav .layui-nav-itemed > .layui-nav-child {
+        padding: 5px 0
+    }
+
+    .layui-side-menu .layui-nav .layui-nav-item .layui-icon {
+        position: absolute;
+        top: 50%;
+        left: 20px;
+        margin-top: -19px
+    }
+
+    .layui-side-menu .layui-nav .layui-nav-child .layui-nav-child {
+        background: 0 0 !important
+    }
+
+        .layui-side-menu .layui-nav .layui-nav-child .layui-nav-child a {
+            padding-left: 60px
+        }
+
+    .layui-side-menu .layui-nav .layui-nav-more {
+        right: 15px
+    }
+
+@media screen and (max-width:992px) {
+    .layui-layout-admin .layui-side {
+        transform: translate3d(-220px,0,0);
+        -webkit-transform: translate3d(-220px,0,0);
+        width: 220px
+    }
+
+    .layadmin-pagetabs, .layui-layout-admin .layui-body, .layui-layout-admin .layui-footer, .layui-layout-admin .layui-layout-left {
+        left: 0
+    }
+}
+
+.layadmin-side-shrink .layui-layout-admin .layui-logo {
+    width: 60px;
+    background-image: url(res/logo.png)
+}
+
+    .layadmin-side-shrink .layui-layout-admin .layui-logo span {
+        display: none
+    }
+
+.layadmin-side-shrink .layui-side {
+    left: 0;
+    width: 60px
+}
+
+.layadmin-side-shrink .layadmin-pagetabs, .layadmin-side-shrink .layui-layout-admin .layui-body, .layadmin-side-shrink .layui-layout-admin .layui-footer, .layadmin-side-shrink .layui-layout-admin .layui-layout-left {
+    left: 60px
+}
+
+.layadmin-side-shrink .layui-side-menu .layui-nav {
+    position: static;
+    width: 60px
+}
+
+.layadmin-side-shrink .layui-side-menu .layui-nav-item {
+    position: static
+}
+
+    .layadmin-side-shrink .layui-side-menu .layui-nav-item > a {
+        padding-right: 0
+    }
+
+    .layadmin-side-shrink .layui-side-menu .layui-nav-item cite, .layadmin-side-shrink .layui-side-menu .layui-nav > .layui-nav-item > .layui-nav-child, .layadmin-side-shrink .layui-side-menu .layui-nav > .layui-nav-item > a .layui-nav-more {
+        display: none;
+        padding: 8px 0;
+        width: 200px
+    }
+
+.layadmin-side-shrink .layui-side-menu .layui-nav > .layui-nav-itemed > a {
+    background: rgba(0,0,0,.3)
+}
+
+.layadmin-side-spread-sm .layadmin-pagetabs, .layadmin-side-spread-sm .layui-layout-admin .layui-body, .layadmin-side-spread-sm .layui-layout-admin .layui-footer, .layadmin-side-spread-sm .layui-layout-admin .layui-layout-left {
+    left: 0;
+    transform: translate3d(220px,0,0);
+    -webkit-transform: translate3d(220px,0,0)
+}
+
+.layadmin-side-spread-sm .layui-layout-admin .layui-layout-right {
+    transform: translate3d(220px,0,0);
+    -webkit-transform: translate3d(220px,0,0)
+}
+
+.layadmin-side-spread-sm .layui-side {
+    transform: translate3d(0,0,0);
+    -webkit-transform: translate3d(0,0,0)
+}
+
+.layadmin-side-spread-sm .layadmin-body-shade {
+    display: block
+}
+
+.layadmin-pagetabs .layui-tab-title li:first-child .layui-tab-close, .layadmin-tabs-select.layui-nav .layui-nav-bar, .layadmin-tabs-select.layui-nav .layui-nav-more {
+    display: none
+}
+
+.layadmin-pagetabs {
+    height: 40px;
+    line-height: 40px;
+    padding: 0 80px 0 40px;
+    background-color: #fff;
+    box-sizing: border-box;
+    box-shadow: 0 1px 2px 0 rgba(0,0,0,.1)
+}
+
+    .layadmin-pagetabs .layadmin-tabs-control {
+        position: absolute;
+        top: 0;
+        width: 40px;
+        height: 100%;
+        text-align: center;
+        cursor: pointer;
+        transition: all .3s;
+        -webkit-transition: all .3s;
+        box-sizing: border-box;
+        border-left: 1px solid #f6f6f6
+    }
+
+        .layadmin-pagetabs .layadmin-tabs-control:hover {
+            background-color: #f6f6f6
+        }
+
+    .layadmin-pagetabs .layui-icon-prev {
+        left: 0;
+        border-left: none;
+        border-right: 1px solid #f6f6f6
+    }
+
+    .layadmin-pagetabs .layui-icon-next {
+        right: 40px
+    }
+
+    .layadmin-pagetabs .layui-icon-down {
+        right: 0
+    }
+
+.layadmin-tabs-select.layui-nav {
+    position: absolute;
+    left: 0;
+    top: 0;
+    width: 100%;
+    height: 100%;
+    padding: 0;
+    background: 0 0
+}
+
+    .layadmin-tabs-select.layui-nav .layui-nav-item {
+        line-height: 40px
+    }
+
+        .layadmin-tabs-select.layui-nav .layui-nav-item > a {
+            height: 40px
+        }
+
+        .layadmin-tabs-select.layui-nav .layui-nav-item a {
+            color: #666
+        }
+
+    .layadmin-tabs-select.layui-nav .layui-nav-child {
+        top: 40px;
+        left: auto;
+        right: 0
+    }
+
+        .layadmin-tabs-select.layui-nav .layui-nav-child dd.layui-this, .layadmin-tabs-select.layui-nav .layui-nav-child dd.layui-this a {
+            background-color: #f2f2f2 !important;
+            color: #333
+        }
+
+.layadmin-pagetabs .layui-tab {
+    margin: 0;
+    overflow: hidden
+}
+
+.layadmin-pagetabs .layui-tab-title {
+    height: 40px;
+    border: none
+}
+
+    .layadmin-pagetabs .layui-tab-title li {
+        min-width: 0;
+        line-height: 40px;
+        max-width: 160px;
+        text-overflow: ellipsis;
+        padding-right: 40px;
+        overflow: hidden;
+        border-right: 1px solid #f6f6f6;
+        vertical-align: top
+    }
+
+        .layadmin-pagetabs .layui-tab-title li:first-child {
+            padding-right: 15px
+        }
+
+        .layadmin-pagetabs .layui-tab-title li .layui-tab-close {
+            position: absolute;
+            right: 8px;
+            top: 50%;
+            margin: -7px 0 0;
+            width: 16px;
+            height: 16px;
+            line-height: 16px;
+            border-radius: 50%;
+            font-size: 12px
+        }
+
+        .layadmin-pagetabs .layui-tab-title li:after {
+            content: '';
+            position: absolute;
+            top: 0;
+            left: 0;
+            width: 0;
+            height: 2px;
+            border-radius: 0;
+            background-color: #292B34;
+            transition: all .3s;
+            -webkit-transition: all .3s
+        }
+
+        .layadmin-pagetabs .layui-tab-title li:hover:after {
+            width: 100%
+        }
+
+        .layadmin-pagetabs .layui-tab-title li.layui-this, .layadmin-pagetabs .layui-tab-title li:hover {
+            background-color: #f6f6f6
+        }
+
+            .layadmin-pagetabs .layui-tab-title li.layui-this:after {
+                width: 100%;
+                border: none;
+                height: 2px;
+                background-color: #292B34
+            }
+
+.layadmin-tabspage-none .layui-layout-admin .layui-header {
+    border-bottom: none;
+    box-shadow: 0 1px 2px 0 rgba(0,0,0,.05)
+}
+
+.layadmin-tabspage-none .layui-layout-admin .layui-body {
+    top: 50px
+}
+
+.layadmin-tabspage-none .layadmin-header {
+    display: block
+}
+
+    .layadmin-tabspage-none .layadmin-header .layui-breadcrumb {
+        border-top: 1px solid #f6f6f6
+    }
+
+.layui-layout-admin .layui-header {
+    border-bottom: 1px solid #f6f6f6;
+    box-sizing: border-box;
+    background-color: #fff
+}
+
+    .layui-layout-admin .layui-header a, .layui-layout-admin .layui-header a cite {
+        color: #333
+    }
+
+        .layui-layout-admin .layui-header a:hover {
+            color: #000
+        }
+
+    .layui-layout-admin .layui-header .layui-nav .layui-nav-more {
+        border-top-color: #666
+    }
+
+    .layui-layout-admin .layui-header .layui-nav .layui-nav-mored {
+        border-color: transparent transparent #666
+    }
+
+    .layui-layout-admin .layui-header .layui-nav .layui-this:after, .layui-layout-admin .layui-header .layui-nav-bar {
+        height: 2px;
+        background-color: #20222A
+    }
+
+.layui-layout-admin .layui-logo {
+    background-color: #20222A;
+    box-shadow: 0 1px 2px 0 rgba(0,0,0,.15)
+}
+
+    .layui-layout-admin .layui-logo, .layui-layout-admin .layui-logo a {
+        color: #fff;
+        color: rgba(255,255,255,.8)
+    }
+
+.layui-side-menu {
+    box-shadow: 1px 0 2px 0 rgba(0,0,0,.05)
+}
+
+.layui-layout-admin .layui-footer {
+    padding: 10px 0;
+    text-align: center;
+    box-shadow: 0 -1px 2px 0 rgba(0,0,0,.05)
+}
+
+.layadmin-setTheme-side, .layui-side-menu {
+    background-color: #20222A;
+    color: #fff
+}
+
+.layadmin-setTheme-header, .layui-layout-admin .layui-footer {
+    background-color: #fff
+}
+
+.layui-tab-admin .layui-tab-title {
+    background-color: #393D49;
+    color: #fff
+}
+
+.layui-fluid {
+    padding: 15px;
+    /*background:pink;*/
+    height:100vh;
+    box-sizing:border-box;
+}
+
+.layadmin-header {
+    display: none;
+    height: 50px;
+    line-height: 50px;
+    margin-bottom: 0;
+    border-radius: 0
+}
+
+    .layadmin-header .layui-breadcrumb {
+        padding: 0 15px
+    }
+
+.layui-card-header {
+    position: relative
+}
+
+    .layui-card-header .layui-icon {
+        line-height: initial;
+        position: absolute;
+        right: 15px;
+        top: 50%;
+        margin-top: -7px
+    }
+
+.layadmin-iframe {
+    position: absolute;
+    width: 100%;
+    height: 100%;
+    left: 0;
+    top: 0;
+    right: 0;
+    bottom: 0
+}
+
+.layadmin-carousel {
+    height: 185px !important;
+    background-color: #fff
+}
+
+    .layadmin-carousel .layui-carousel-ind li {
+        background-color: #e2e2e2
+    }
+
+        .layadmin-carousel .layui-carousel-ind li:hover {
+            background-color: #c2c2c2
+        }
+
+        .layadmin-carousel .layui-carousel-ind li.layui-this {
+            background-color: #999
+        }
+
+    .layadmin-carousel .layui-carousel, .layadmin-carousel > [carousel-item] > * {
+        background-color: #fff
+    }
+
+    .layadmin-carousel .layui-col-space10 {
+        margin: 0
+    }
+
+    .layadmin-carousel .layui-carousel-ind {
+        position: absolute;
+        top: -41px;
+        text-align: right
+    }
+
+        .layadmin-carousel .layui-carousel-ind ul {
+            background: 0 0
+        }
+
+.layui-card .layui-tab-brief .layui-tab-title {
+    height: 42px;
+    border-bottom-color: #f6f6f6
+}
+
+    .layui-card .layui-tab-brief .layui-tab-title li {
+        margin: 0 15px;
+        padding: 0;
+        line-height: 42px
+    }
+
+        .layui-card .layui-tab-brief .layui-tab-title li.layui-this {
+            color: #333
+        }
+
+    .layui-card .layui-tab-brief .layui-tab-title .layui-this:after {
+        height: 43px
+    }
+
+.layui-card .layui-tab-brief .layui-tab-content {
+    padding: 15px
+}
+
+.layui-card .layui-table-view {
+    margin: 0
+}
+
+.layadmin-shortcut li {
+    text-align: center
+}
+
+    .layadmin-shortcut li .layui-icon {
+        display: inline-block;
+        width: 100%;
+        height: 60px;
+        line-height: 60px;
+        text-align: center;
+        border-radius: 2px;
+        font-size: 30px;
+        background-color: #F8F8F8;
+        color: #333;
+        transition: all .3s;
+        -webkit-transition: all .3s
+    }
+
+    .layadmin-shortcut li cite {
+        position: relative;
+        top: 2px;
+        display: block;
+        color: #666;
+        text-overflow: ellipsis;
+        overflow: hidden;
+        white-space: nowrap;
+        font-size: 14px
+    }
+
+    .layadmin-shortcut li:hover .layui-icon {
+        background-color: #f2f2f2
+    }
+
+.layadmin-backlog .layadmin-backlog-body {
+    display: block;
+    padding: 10px 15px;
+    background-color: #f8f8f8;
+    color: #999;
+    border-radius: 2px;
+    transition: all .3s;
+    -webkit-transition: all .3s
+}
+
+.layadmin-backlog-body h3 {
+    padding-bottom: 10px;
+    font-size: 12px
+}
+
+.layadmin-backlog-body p cite {
+    font-style: normal;
+    font-size: 30px;
+    font-weight: 300;
+    color: #009688
+}
+
+.layadmin-backlog-body:hover {
+    background-color: #f2f2f2;
+    color: #888
+}
+
+.layadmin-dataview {
+    height: 332px !important
+}
+
+    .layadmin-dataview > [carousel-item]:before {
+        display: none
+    }
+
+    .layadmin-dataview > [carousel-item] > div {
+        height: 332px
+    }
+
+.layadmin-takerates {
+    padding-top: 5px
+}
+
+    .layadmin-takerates .layui-progress {
+        margin: 50px 0 60px
+    }
+
+        .layadmin-takerates .layui-progress:last-child {
+            margin-bottom: 10px
+        }
+
+        .layadmin-takerates .layui-progress h3 {
+            position: absolute;
+            right: 0;
+            top: -35px;
+            color: #999;
+            font-size: 14px
+        }
+
+    .layadmin-takerates .layui-progress-bar {
+        text-align: left
+    }
+
+    .layadmin-takerates .layui-progress-text {
+        top: -35px;
+        line-height: 26px;
+        font-size: 26px
+    }
+
+.layadmin-news {
+    height: 60px !important;
+    padding: 5px 0
+}
+
+    .layadmin-news a {
+        display: block;
+        line-height: 60px;
+        text-align: center
+    }
+
+    .layadmin-news .layui-carousel-ind {
+        height: 45px
+    }
+
+.layadmin-list li {
+    margin-bottom: 6px;
+    padding-bottom: 6px;
+    border-bottom-color: #f6f6f6;
+    list-style-position: inside;
+    list-style-type: disc;
+    text-overflow: ellipsis;
+    overflow: hidden;
+    white-space: nowrap
+}
+
+    .layadmin-list li a {
+        color: #666
+    }
+
+        .layadmin-list li a:hover {
+            color: #009688
+        }
+
+    .layadmin-list li:last-child {
+        border: none;
+        padding: 0;
+        margin: 0
+    }
+
+.layadmin-text p {
+    margin-bottom: 10px;
+    text-indent: 2em
+}
+
+    .layadmin-text p:last-child {
+        margin: 0
+    }
+
+.layadmin-font-em {
+    font-size: 13px;
+    color: #758697
+}
+
+.layui-card-header .layui-a-tips {
+    position: absolute;
+    right: 15px;
+    color: #01AAED
+}
+
+.layuiadmin-card-text {
+    background-color: #f8f8f8;
+    color: #777;
+    padding: 24px
+}
+
+    .layuiadmin-card-text .layui-text-top {
+        padding-bottom: 10px
+    }
+
+        .layuiadmin-card-text .layui-text-top i {
+            margin-right: 10px;
+            font-size: 24px;
+            color: #009688
+        }
+
+        .layuiadmin-card-text .layui-text-top a {
+            line-height: 24px;
+            font-size: 16px;
+            vertical-align: top
+        }
+
+    .layuiadmin-card-text .layui-text-center {
+        height: 44px;
+        line-height: 22px;
+        margin-bottom: 10px;
+        overflow: hidden
+    }
+
+    .layuiadmin-card-text .layui-text-bottom {
+        position: relative
+    }
+
+        .layuiadmin-card-text .layui-text-bottom a {
+            color: #777;
+            font-size: 12px;
+            text-overflow: ellipsis;
+            word-break: break-all
+        }
+
+        .layuiadmin-card-text .layui-text-bottom span {
+            color: #CCC;
+            font-size: 12px;
+            position: absolute;
+            right: 0
+        }
+
+.layuiadmin-badge, .layuiadmin-btn-group, .layuiadmin-span-color {
+    position: absolute;
+    right: 15px
+}
+
+.layuiadmin-card-link a:hover, .layuiadmin-card-team li a:hover, .layuiadmin-card-text a:hover {
+    color: #01AAED;
+    transition: all .3s
+}
+
+.layuiadmin-card-status {
+    padding: 0 10px 10px
+}
+
+    .layuiadmin-card-status dd {
+        padding: 15px 0;
+        border-bottom: 1px solid #EEE;
+        display: -webkit-flex;
+        display: flex
+    }
+
+        .layuiadmin-card-status dd:last-child {
+            border: none
+        }
+
+        .layuiadmin-card-status dd div.layui-status-img, .layuiadmin-card-team .layui-team-img {
+            width: 32px;
+            height: 32px;
+            border-radius: 50%;
+            background-color: #009688;
+            margin-right: 15px
+        }
+
+            .layuiadmin-card-status dd div.layui-status-img a {
+                width: 100%;
+                height: 100%;
+                display: inline-block;
+                text-align: center;
+                line-height: 32px
+            }
+
+            .layuiadmin-card-status dd div.layui-status-img img, .layuiadmin-card-team .layui-team-img img {
+                width: 50%;
+                height: 50%
+            }
+
+        .layuiadmin-card-status dd div a {
+            color: #01AAED
+        }
+
+        .layuiadmin-card-status dd div span {
+            color: #BBB
+        }
+
+.layuiadmin-card-link {
+    padding-left: 10px;
+    font-size: 0
+}
+
+    .layuiadmin-card-link a {
+        display: inline-block;
+        width: 25%;
+        color: #666;
+        font-size: 14px;
+        margin-bottom: 12px
+    }
+
+    .layuiadmin-card-link button {
+        vertical-align: top
+    }
+
+        .layuiadmin-card-link button:hover {
+            color: #009688
+        }
+
+.layuiadmin-card-team li {
+    padding: 10px 0 10px 10px
+}
+
+.layuiadmin-card-team .layui-team-img {
+    display: inline-block;
+    margin-right: 8px;
+    width: 24px;
+    height: 24px;
+    text-align: center;
+    line-height: 24px
+}
+
+.layuiadmin-card-team span {
+    color: #777
+}
+
+.layuiadmin-badge {
+    top: 50%;
+    margin-top: -9px;
+    color: #01AAED
+}
+
+.layuiadmin-card-list {
+    padding: 15px
+}
+
+    .layuiadmin-card-list p.layuiadmin-big-font {
+        font-size: 36px;
+        color: #666;
+        line-height: 36px;
+        padding: 5px 0 10px;
+        overflow: hidden;
+        text-overflow: ellipsis;
+        word-break: break-all;
+        white-space: nowrap
+    }
+
+    .layuiadmin-card-list p.layuiadmin-normal-font {
+        padding-bottom: 10px;
+        font-size: 20px;
+        color: #666;
+        line-height: 24px
+    }
+
+.layuiadmin-span-color {
+    font-size: 14px
+}
+
+    .layuiadmin-span-color i {
+        padding-left: 5px
+    }
+
+.layuiadmin-card-status li {
+    position: relative;
+    padding: 10px 0;
+    border-bottom: 1px solid #EEE
+}
+
+    .layuiadmin-card-status li h3 {
+        padding-bottom: 5px;
+        font-weight: 700
+    }
+
+    .layuiadmin-card-status li p {
+        padding-bottom: 10px
+    }
+
+    .layuiadmin-card-status li > span {
+        color: #999
+    }
+
+.layuiadmin-home2-usernote .layuiadmin-reply {
+    display: none;
+    position: absolute;
+    right: 0;
+    bottom: 12px
+}
+
+.layuiadmin-home2-usernote li:hover .layuiadmin-reply {
+    display: block
+}
+
+.layuiadmin-page-table td span {
+    color: #2F4056
+}
+
+    .layuiadmin-page-table td span.first {
+        color: #FF5722
+    }
+
+    .layuiadmin-page-table td span.second {
+        color: #FFB800
+    }
+
+    .layuiadmin-page-table td span.third {
+        color: #5FB878
+    }
+
+.layuiAdmin-msg-detail h1 {
+    font-size: 16px
+}
+
+.layuiAdmin-msg-detail .layui-card-header {
+    height: auto;
+    line-height: 30px;
+    padding: 15px
+}
+
+    .layuiAdmin-msg-detail .layui-card-header span {
+        padding: 0 5px;
+        color: #999
+    }
+
+        .layuiAdmin-msg-detail .layui-card-header span:first-child {
+            padding-left: 0
+        }
+
+.layuiAdmin-msg-detail .layui-card-body {
+    padding: 15px
+}
+
+.layuiadmin-content-bread {
+    padding-bottom: 20px
+}
+
+.layuiadmin-order-progress {
+    position: relative;
+    top: 12px
+}
+
+.layui-card-header.layuiadmin-card-header-auto {
+    padding-top: 15px;
+    padding-bottom: 15px;
+    height: auto
+}
+
+.layuiadmin-card-header-auto i.layuiadmin-button-btn {
+    position: relative;
+    right: 0;
+    top: 0;
+    vertical-align: middle
+}
+
+.layuiadmin-card-header-auto .layui-form-item:last-child {
+    margin-bottom: 0
+}
+
+.layadmin-setTheme {
+    padding: 15px;
+    overflow-x: hidden
+}
+
+    .layadmin-setTheme > h5 {
+        padding: 20px 0 10px;
+        color: #000
+    }
+
+        .layadmin-setTheme > h5:first-child {
+            padding-top: 0
+        }
+
+.layadmin-setTheme-color {
+    width: 330px;
+    font-size: 0
+}
+
+    .layadmin-setTheme-color li {
+        position: relative;
+        display: inline-block;
+        vertical-align: top;
+        width: 80px;
+        height: 50px;
+        margin: 0 15px 15px 0;
+        background-color: #f2f2f2;
+        cursor: pointer;
+        font-size: 12px;
+        color: #666
+    }
+
+        .layadmin-setTheme-color li:after {
+            content: '';
+            position: absolute;
+            z-index: 20;
+            top: 50%;
+            left: 50%;
+            width: 1px;
+            height: 0;
+            border: 1px solid #f2f2f2;
+            transition: all .3s;
+            -webkit-transition: all .3s;
+            opacity: 0
+        }
+
+        .layadmin-setTheme-color li.layui-this:after, .layadmin-setTheme-color li:hover:after {
+            width: 100%;
+            height: 100%;
+            padding: 4px;
+            top: -5px;
+            left: -5px;
+            border-color: #5FB878;
+            opacity: 1
+        }
+
+.layadmin-setTheme-header {
+    position: relative;
+    z-index: 10;
+    height: 10px;
+    border-top: 1px solid #f2f2f2;
+    border-right: 1px solid #f2f2f2
+}
+
+.layadmin-setTheme-side {
+    position: absolute;
+    left: 0;
+    top: 0;
+    width: 20px;
+    height: 100%;
+    z-index: 11;
+    box-shadow: 1px 0 2px 0 rgba(0,0,0,.05)
+}
+
+.layadmin-setTheme-logo {
+    position: absolute;
+    left: 0;
+    top: 0;
+    width: 100%;
+    height: 10px;
+    box-shadow: 0 1px 2px 0 rgba(0,0,0,.15)
+}
+
+.layadmin-form-right {
+    text-align: right
+}
+
+.layadmin-about p {
+    margin-bottom: 10px
+}
+
+.layadmin-menu-list .layui-card-header {
+    height: 50px;
+    line-height: 50px;
+    font-size: 16px
+}
+
+    .layadmin-menu-list .layui-card-header:active {
+        background-color: #f2f2f2
+    }
+
+    .layadmin-menu-list .layui-card-header .layui-icon {
+        position: relative;
+        top: 1px;
+        left: 0;
+        display: inline-block;
+        margin: 0 10px;
+        font-size: 18px
+    }
+
+@-webkit-keyframes layui-rl {
+    from {
+        -webkit-transform: translate3d(100%,0,0)
+    }
+
+    to {
+        -webkit-transform: translate3d(0,0,0)
+    }
+}
+
+@keyframes layui-rl {
+    from {
+        transform: translate3d(100%,0,0)
+    }
+
+    to {
+        transform: translate3d(0,0,0)
+    }
+}
+
+.layui-anim-rl {
+    -webkit-animation-name: layui-rl;
+    animation-name: layui-rl
+}
+
+@-webkit-keyframes layui-lr {
+    from {
+        -webkit-transform: translate3d(0 0,0);
+        opacity: 1
+    }
+
+    to {
+        -webkit-transform: translate3d(100%,0,0);
+        opacity: 1
+    }
+}
+
+@keyframes layui-lr {
+    from {
+        transform: translate3d(0,0,0)
+    }
+
+    to {
+        transform: translate3d(100%,0,0)
+    }
+}
+
+.layui-anim-lr, .layui-anim-rl.layer-anim-close {
+    -webkit-animation-name: layui-lr;
+    animation-name: layui-lr
+}
+
+.layadmin-tips {
+    margin-top: 30px;
+    text-align: center
+}
+
+    .layadmin-tips .layui-icon[face] {
+        display: inline-block;
+        font-size: 300px;
+        color: #393D49
+    }
+
+    .layadmin-tips .layui-text {
+        width: 500px;
+        margin: 30px auto;
+        padding-top: 20px;
+        border-top: 5px solid #009688;
+        font-size: 16px
+    }
+
+    .layadmin-tips h1 {
+        font-size: 100px;
+        line-height: 100px;
+        color: #009688
+    }
+
+    .layadmin-tips .layui-text .layui-anim {
+        display: inline-block
+    }
+
+@media screen and (max-width:768px) {
+    .layadmin-panel-selection {
+        margin: 0;
+        width: auto
+    }
+
+    .layui-body .layui-nav .layui-nav-item {
+        display: block
+    }
+
+    .layui-layout-admin .layui-body .layadmin-tabsbody-item {
+        -webkit-overflow-scrolling: touch;
+        overflow: auto
+    }
+}