From c6506c6a267f8ff737f07b165c071f37253854bc Mon Sep 17 00:00:00 2001
From: augushong <augushong@163.com>
Date: Fri, 15 Aug 2025 09:47:29 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E8=BF=81=E7=A7=BBul-card-a?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 demo/pc/card.html                            | 24 --------------
 public/cdn/layui-ul.css                      | 35 ++++++++++++++++++++
 public/cdn/layui-ul.min.css                  |  2 +-
 source/components/_index.scss                |  1 +
 source/components/card/ul-card-a/_index.env  |  6 ++++
 source/components/card/ul-card-a/_index.html | 20 +++++++++++
 source/components/card/ul-card-a/_index.md   |  0
 source/components/card/ul-card-a/_index.php  |  5 +++
 source/components/card/ul-card-a/_index.scss | 35 ++++++++++++++++++++
 9 files changed, 103 insertions(+), 25 deletions(-)
 create mode 100644 source/components/card/ul-card-a/_index.env
 create mode 100644 source/components/card/ul-card-a/_index.html
 create mode 100644 source/components/card/ul-card-a/_index.md
 create mode 100644 source/components/card/ul-card-a/_index.php
 create mode 100644 source/components/card/ul-card-a/_index.scss

diff --git a/demo/pc/card.html b/demo/pc/card.html
index f41b555..7c30995 100644
--- a/demo/pc/card.html
+++ b/demo/pc/card.html
@@ -1,27 +1,3 @@
-<fieldset class="layui-elem-field layui-field-title">
-    <legend>卡片A</legend>
-    <div class="layui-field-box">
-        <div class="ul-padding-md">
-            <div class="ul-common-flex-list">
-                <div class="ul-card-a" data-repeat="3">
-                    <div class="ul-card-a-left">
-                        <img width="100%" src="{$site_logo_src}" alt="">
-                    </div>
-                    <div class="ul-card-a-right">
-                        <div class="ul-card-a-main">
-                            <div class="ul-card-a-title">
-                                卡片标题
-                            </div>
-                            <div class="ul-card-a-desc">
-                                这是卡片说明
-                            </div>
-                        </div>
-                    </div>
-                </div>
-            </div>
-        </div>
-    </div>
-</fieldset>
 
 <fieldset class="layui-elem-field layui-field-title">
     <legend>银行卡</legend>
diff --git a/public/cdn/layui-ul.css b/public/cdn/layui-ul.css
index 854c618..47357da 100644
--- a/public/cdn/layui-ul.css
+++ b/public/cdn/layui-ul.css
@@ -664,6 +664,41 @@
   border-left-color: #ddd;
 }
 
+.ul-card-a {
+  width: 180px;
+  display: flex;
+  justify-content: space-between;
+  border: 1px solid #bbb;
+  box-shadow: 2px 2px 5px #999;
+  color: #516073;
+  padding: 15px;
+  cursor: pointer;
+  margin-right: 15px;
+  margin-bottom: 15px;
+  position: relative;
+}
+
+.ul-card-a-left {
+  width: 40%;
+}
+
+.ul-card-a-right {
+  display: flex;
+  align-items: center;
+  text-align: center;
+  width: 50%;
+}
+
+.ul-card-a-title {
+  font-size: 18px;
+}
+
+.ul-card-a-desc {
+  margin-top: 5px;
+  font-size: 14px;
+  white-space: nowrap;
+}
+
 .ul-card-avatar-info .main {
   padding: 12px;
   background-color: #1E9FFF;
diff --git a/public/cdn/layui-ul.min.css b/public/cdn/layui-ul.min.css
index 145fc95..3a2cfcd 100644
--- a/public/cdn/layui-ul.min.css
+++ b/public/cdn/layui-ul.min.css
@@ -1 +1 @@
-.ul-padding-md{padding:15px}.ul-margin-md{margin:15px}.ul-section{margin-bottom:15px}.ul-inline-block{display:inline-block !important;margin-right:15px;margin-bottom:15px}.ul-icon-exit{display:inline-block;width:16px;height:16px;background-image:url("img/exit.png");background-size:cover;background-position:center}.ul-border-right{border-right:1px solid #bbb}.ul-bg-white{background-color:#fff}.ul-bg-gray{background-color:#f0f0f0}.ul-bg-black{background-color:#393d49}.ul-bg-dark{background-color:#1f2430}.ul-color-main{color:#6cf !important}.ul-color-white{color:#fff !important}.ul-common-flex-list{display:flex;flex-wrap:wrap}.ul-common-flex-sb{display:flex;align-items:center;justify-content:space-between}.ul-mobile-box{width:360px}.ul-demo-img-bg{background-image:url("https://layui.ulthon.com/cdn/img/view.jpg");background-size:cover;background-position:center}.ul-demo-img-bg.circle{border-radius:100%}.ul-demo-mobile-page{width:360px;height:660px;border:0;box-shadow:0 0 3px #bbb}.ul-order-list-simple-card .item{box-shadow:0 0 3px #ddd;border-radius:2px;padding:15px;margin-bottom:15px;background-color:#fff}.ul-order-list-simple-card .item-header{display:flex;align-items:center;justify-content:space-between;font-size:13px;margin-bottom:5px}.ul-order-list-simple-card .item-header .item-header-status{color:#1e9fff}.ul-order-list-simple-card .item-body{margin-top:10px;padding-bottom:10px}.ul-order-list-simple-card .item-body .item-body-item{display:flex;align-items:center;justify-content:space-between;padding:5px 0}.ul-order-list-simple-card .item-body .item-body-item .item-image{width:90px;height:90px;background-size:cover;background-position:center;box-shadow:0 0 2px #999}.ul-order-list-simple-card .item-body .item-body-item .item-info{width:calc(100% - 90px - 15px);margin-left:15px;height:90px;position:relative}.ul-order-list-simple-card .item-body .item-body-item .item-info .ul-info-title{font-weight:500;font-size:15px;margin-bottom:5px;text-overflow:-o-ellipsis-lastline;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.ul-order-list-simple-card .item-body .item-body-item .item-info .ul-info-value{display:flex;align-items:center;justify-content:space-between;color:#999;font-size:14px}.ul-order-list-simple-card .item-body .item-body-item .item-info .ul-info-money{position:absolute;bottom:0;left:0;font-size:15px;font-weight:600}.ul-order-list-simple-card .item-footer{padding-top:15px;margin-top:5px;border-top:1px solid #eee;display:flex;align-items:center;justify-content:space-between}.ul-nav-tree-group-title{font-size:16px;font-weight:600;line-height:2}.ul-nav-tree-item{display:flex;align-items:baseline;cursor:pointer;padding:5px;white-space:nowrap}.ul-nav-tree-item.current .ul-nav-tree-item-title{color:#6cf}.ul-nav-tree-item-title{font-size:15px}.ul-nav-tree-item-desc{font-size:14px;color:#999;margin-left:15px}.ul-nav-card-simple .ul-nav-card-item{border-radius:6px;background-color:#fff;box-shadow:0px 8px 18px -8px #aebcca;border:unset}.layui-nav.ul-nav-white{background-color:#f0f0f0}.layui-nav.ul-nav-white .layui-nav-child a{color:#666}.layui-nav.ul-nav-white .layui-nav-item a{color:#666}.layui-nav.ul-nav-white .layui-nav-itemed>.layui-nav-child{background-color:hsla(0,0%,100%,.6) !important;padding-left:15px;min-width:calc(100% - 15px) !important}.layui-nav-tree.ul-nav-white .layui-nav-item a:hover{background-color:#9cf;color:#fff !important}.layui-nav.ul-nav-white .layui-nav-itemed>a,.layui-nav-tree.ul-nav-white .layui-nav-title a,.layui-nav-tree.ul-nav-white .layui-nav-title a:hover{color:#666 !important}.layui-nav-tree.ul-nav-white .layui-nav-bar{background-color:#6cf}.layui-nav-tree.ul-nav-white .layui-nav-child dd.layui-this,.layui-nav-tree.ul-nav-white .layui-nav-child dd.layui-this a,.layui-nav-tree.ul-nav-white .layui-this,.layui-nav-tree.ul-nav-white .layui-this>a,.layui-nav-tree.ul-nav-white .layui-this>a:hover{background-color:#9cf;color:#fff}.ul-form-basic .layui-form-item{clear:unset;margin-bottom:6px}.ul-form-basic .layui-form-label{float:unset;width:unset;text-align:left;padding:5px 0;font-size:14px;color:#000}.ul-form-basic .layui-input-block{margin-left:unset;min-height:30px}.ul-form-basic .layui-input{padding:10px 11px;height:unset}.ul-form-basic .layui-form-mid{padding:5px 0 !important}.ul-form-basic .layui-form-select dl{top:28px}.ul-form-basic .layui-form-select dl dd,.ul-form-basic .layui-form-select dl dt{height:30px}.ul-form-space-between .layui-form-item{display:flex;align-items:flex-start;justify-content:space-between;border-bottom:2px solid #eee}.ul-form-space-between .layui-form-item::after{content:unset}.ul-form-space-between .layui-form-item:last-child{border:unset}.ul-form-space-between .layui-form-item .layui-form-label{text-align:left;float:unset}.ul-form-space-between .layui-form-item .layui-input-block{margin-left:unset;width:60%;text-align:right}.ul-form-space-between .layui-form-item .layui-input{border:unset;text-align:right}.ul-form-space-between .layui-form-item .layui-form-mid{text-align:right;display:block;float:unset}.ul-field-clean{border:unset}.ul-field-clean .legend{margin:5px;text-align:center;width:100%;font-size:16px;font-weight:600}.ul-field-clean .layui-field-box{margin-top:8px;background:#fff;border-radius:8px;box-shadow:0px 0px 4px rgba(77,85,114,.1);padding:15px}.ul-card-simple-icon{display:inline-block;margin-right:15px;margin-bottom:15px;box-shadow:0 2px 12px 0 #bbb;border-radius:4px;border:1px solid #ebeef5;background-color:#fff;box-sizing:border-box;width:100px;padding:10px;text-align:center}.ul-card-simple-icon .ul-card-simple-icon-image{width:80px;height:80px;background-size:cover;background-position:center;display:inline-block}.ul-card-simple-icon .ul-card-simple-icon-title{border-top:2px solid #ebeef5;margin-top:8px;padding-top:8px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.ul-card-message{border-radius:10px 10px 0 0;background-color:#fff}.ul-card-message .header{padding:15px;display:flex;align-items:center;justify-content:space-between;font-size:14px;font-weight:600;border-bottom:2px solid #eee}.ul-card-message .body{padding:15px;padding-bottom:0}.ul-card-message .body .item{display:flex;align-items:flex-start;justify-content:flex-start;line-height:1.8;margin-bottom:10px}.ul-card-message .body .item .item-title{width:90px;color:#999}.ul-card-message .body .item .item-value{white-space:normal;width:calc(100% - 90px)}.ul-card-message .footer{text-align:right;padding:15px}.ul-group-title-simple{line-height:30px;font-size:16px;padding-left:10px;position:relative}.ul-group-title-simple:before{content:"";display:block;position:absolute;left:0;height:16px;width:3px;top:7px;border-radius:3px;background:linear-gradient(0deg, #7FC0FC, #4B7EEF)}.ul-jumbotron{padding:15px;text-align:center}.ul-jumbotron .main{margin:20px auto;max-width:800px;text-align:center}.ul-jumbotron .main .title{font-size:32px;font-weight:600}.ul-jumbotron .main .desc{font-size:18px;line-height:1.8;margin:25px auto}.ul-jumbotron.dark{background-color:#1f2430;color:#fff}.ul-jumbotron.clean{background-color:#fff}.ul-jumbotron.left .main{text-align:left;max-width:auto;margin-left:30px}.ul-jumbotron.left .main .desc{margin:25px auto 25px 0}.ul-footer{background-color:#333;color:#fff}.ul-footer .container{display:flex;margin:0 auto;padding:40px 0}.ul-footer .logo{width:120px}.ul-footer .container>div{padding:0 25px}.ul-footer .container>div:not(:last-child){border-right:1px solid #555}.ul-footer .ul-footer-nav a{color:#fff;margin:5px 10px;font-weight:600}.ul-footer .ul-footer-link a{color:#ddd;margin:5px 10px}.ul-footer p{margin-top:5px}.ul-descriptions{display:grid;grid-template-columns:33.3333333333% 33.3333333333% 33.3333333333%}.ul-descriptions .item{display:inline-flex;position:relative;min-height:40px}.ul-descriptions .item .label{width:78px;padding:0 6px;position:absolute;height:100%;display:flex;align-items:center;justify-content:flex-end;color:#333;min-width:78px;font-weight:400}.ul-descriptions .item .value{width:calc(100% - 90px - 12px);margin-left:102px;display:flex;align-items:center;justify-content:left;height:auto;white-space:break-all;word-break:break-all;color:#666}.ul-descriptions .item.article{grid-column-start:1;grid-column-end:4}.ul-descriptions .item.article .label{align-items:flex-start;padding-top:10px;height:calc(100% - 10px)}.ul-descriptions .item.article .value .article-item{white-space:break-spaces;padding:5px}.ul-descriptions .item.article .value .article-item img{max-width:100%}.ul-descriptions .item.tag .value .tag-item{padding:3px 6px;border-radius:3px;background-color:#6cf;color:#fff;margin-right:5px;font-size:12px}.ul-descriptions .item.poster{grid-row:span 2}.ul-descriptions .item.poster .value .poster-item{max-width:100%;max-height:80px;margin:5px}.ul-descriptions .item.line{grid-column-start:1;grid-column-end:4}.ul-descriptions .item.lines{grid-column-start:1;grid-column-end:4}.ul-descriptions .item.lines .label{align-items:flex-start;padding-top:10px;height:calc(100% - 10px)}.ul-descriptions .item.short-line{grid-column:span 2}.ul-descriptions .item.box{grid-row:span 2}.ul-descriptions.table{border-style:solid;border-color:#000;border-width:1px;margin-right:1px;margin-bottom:1px}.ul-descriptions.table .item{border-style:solid;border-color:#000;border-width:0px 1px 1px 0;margin-bottom:-1px;margin-right:-1px}.ul-descriptions.table .item .label{position:absolute;border-right:1px solid #000}.ul-descriptions.table .item.line{border-right:0}.ul-descriptions.border{border-style:solid;border-color:#ebeef5;border-width:1px;margin-right:1px;margin-bottom:0px}.ul-descriptions.border .item{border-style:solid;border-color:#ebeef5;border-width:0px 1px 1px 0;margin-bottom:0px;margin-right:-1px}.ul-descriptions.border .item .label{position:absolute;border-right:1px solid #ebeef5;background-color:#f5f7fa}.ul-descriptions.border .item.line{border-right:0}.ul-descriptions.padding .item .value{padding:10px;margin-left:92px}.ul-header{background-color:#fff;box-shadow:0 3px 5px #999;padding:3px}.ul-header-main{display:flex;justify-content:space-between;align-items:center;margin:0 auto}.ul-header-logo{max-height:48px}.ul-header-user{display:flex;align-items:center;justify-content:center}.ul-header-user-avatar{background-image:url("/static/images/avatar.png");width:45px;height:45px;background-size:cover;background-position:center}.ul-header-user-options{display:flex;align-items:center;color:#999;font-size:12px;cursor:pointer;margin-top:5px}.ul-header-user-info{margin-left:10px}.layui-quote-gray{background-color:#f0f0f0;color:#666;border-left-color:#ddd}.ul-card-avatar-info .main{padding:12px;background-color:#1e9fff;color:#fff;border-radius:6px;position:relative}.ul-card-avatar-info .main-title{font-size:22px;display:flex;margin-bottom:14px;align-items:center}.ul-card-avatar-info .main-title .item{margin-right:6px}.ul-card-avatar-info .item-title{font-size:14px;display:flex;margin-bottom:8px;align-items:center}.ul-card-avatar-info .item-title .item{margin-right:6px}.ul-card-avatar-info .footer-title{display:flex;font-size:12px;justify-content:space-between;margin-top:12px;align-items:center}.ul-card-avatar-info .fixed-container{position:absolute;top:0;right:0;padding:15px;z-index:9}.ul-card-data{display:inline-block;border:1px solid #eee;border-radius:5px;padding:15px;margin-right:15px;margin-bottom:15px}.ul-card-data-a-title{padding-bottom:15px;color:#6cf;font-size:28px}.ul-card-data-a-item{display:inline-block;margin-right:5px}.ul-card-data-b-icon{display:inline-block;margin-right:15px;font-size:46px;background-color:#6cf;padding:8px;color:#fff;border-radius:5px}.ul-card-data-b-info{display:inline-block;margin-right:15px}.ul-card-data-b-value{font-size:28px;color:#6cf;margin-top:5px}.ul-card-data-b-main{display:flex;align-items:center}.ul-card-data-b-title{line-height:24px}.ul-card-data-c-item{display:inline-block;padding:10px 40px;text-align:center;color:#999}.ul-card-data-c-item:not(:last-child){border-right:1px solid #ddd}.ul-card-data-c-value{font-size:18px;line-height:30px}.ul-card-data-c-title{font-size:12px}.ul-card-data-simple{display:flex;align-items:center;justify-content:flex-start;background-color:#fff}.ul-card-data-simple .item{margin:15px 0;padding:0 15px;text-align:left}.ul-card-data-simple .item .item-title{font-size:12px;color:#666}.ul-card-data-simple .item .item-value{font-size:16px;font-weight:600;line-height:30px}.ul-card-data-simple .item .item-rate{font-size:12px}.ul-card-data-simple .item .item-rate.up{color:#ff5722}.ul-card-data-simple .item .item-rate.up::after{content:"  ↑"}.ul-card-data-simple .item .item-rate.down{color:#1e9fff}.ul-card-data-simple .item .item-rate.down::after{content:" ↓"}.ul-card-data-simple .item.line{border-right:1px solid #eee}.ul-card-data-simple.bg-black{background-color:#393d49;color:#fff;border-radius:15px;padding:15px;box-shadow:0 0 4px #999}.ul-card-data-simple.bg-black .item{padding:15px;margin:0 10px 0 0}.ul-card-data-simple.bg-black .item .item-title{color:#fff}.ul-card-data-simple.bg-black .item .item-value{font-size:20px}.ul-card-data-simple.bg-black .item.main{background-color:#fff;color:#393d49;border-radius:15px;box-shadow:1px 1px 3px #999;margin-right:25px}.ul-card-data-simple.bg-black .item.main .item-title{color:#393d49}.ul-card-file{background-color:#fff;display:block;width:240px;color:#000 !important;cursor:pointer;box-shadow:0 0 2px #bbb}.ul-card-file .main{display:flex;align-items:flex-start;justify-content:space-between;padding:15px 15px 5px 15px;height:60px}.ul-card-file .main .info .name{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;width:160px}.ul-card-file .main .info .desc{color:#bbb;font-weight:normal;font-size:12px;margin-top:5px}.ul-card-file .main .icon{font-size:40px;color:#999;width:40px;text-align:center}.ul-card-file .main .icon.file{color:#bbb}.ul-card-file .main .icon.excel{color:#207346}.ul-card-file .main .icon.zip{color:#8b572a}.ul-card-file .main .icon.word{color:#2c569a}.ul-card-file .main .icon.powerpoint{color:#f2613f}.ul-card-file .main .icon.pdf{color:#fa5151}.ul-card-file .main .icon.video{color:#7c8eee}.ul-card-file .main .icon.audio{color:#f16c00}.ul-card-file .main .icon.image{color:#f6ad00}.ul-card-file .main .icon.text{color:#8289ad}.ul-card-file .main .icon.link{color:#4876f9}.ul-card-file .footer{display:flex;justify-content:space-between;font-size:12px;color:#999;border-top:1px solid #eee;padding:5px 15px 5px 15px}.ul-card-money{padding:26px;background-color:#1e9fff;border-radius:16px;color:#fff}.ul-card-money .main .title{font-weight:600;font-size:12px}.ul-card-money .main .option{display:flex;align-items:flex-end;justify-content:flex-start;margin-top:10px}.ul-card-money .main .option .value{font-size:26px;font-weight:600}.ul-card-money .main .option .button{margin-left:16px;padding-bottom:6px}.ul-card-money .footer{display:flex;align-items:center;justify-content:space-between;text-align:center;margin-top:18px}.ul-card-money .footer .label{font-size:12px}.ul-card-money .footer .value{margin-top:8px;font-size:16px}.ul-card-qrcode{position:relative;min-height:100px;display:inline-block;background-color:#eee;padding:10px}.ul-card-qrcode .header{padding:20px}.ul-card-qrcode .body{position:relative}.ul-card-qrcode .body .main{padding:36px}.ul-card-qrcode .body .main .img{width:100%}.ul-card-qrcode__main{background-color:#fff;border-radius:20px;overflow:hidden}.ul-card-qrcode__point-left{position:absolute;width:20px;height:20px;border-radius:20px;background-color:#eee;left:-10px;top:0}.ul-card-qrcode__point-right{position:absolute;width:20px;height:20px;border-radius:20px;background-color:#eee;right:-10px;top:0}.ul-card-qrcode__line{position:absolute;width:100%;height:0;border-bottom:2px dashed #eee;top:8px;left:0}.ul-data-card{margin:15px;padding:15px;box-shadow:0 0 3px #bbb;border-radius:5px}.ul-data-card .header{display:flex;align-items:center;justify-content:space-between;padding-bottom:10px;border-bottom:1px solid #eee}.ul-data-card .body{padding:10px 0}.ul-data-card .body .main{display:flex;align-items:flex-start;justify-content:flex-start;flex-wrap:wrap}.ul-data-card .body .main .item{min-width:50%;display:flex;align-items:center;margin-bottom:10px}.ul-data-card .body .main .item .item-title{font-size:14px;font-weight:600}.ul-data-card .body .main .item .item-value{font-size:14px}.ul-data-card .footer{border-top:1px solid #eee;padding-top:10px;display:flex;justify-content:space-between;align-items:center}.ul-easy-image{margin:5px;border-radius:15px;overflow:hidden;background-color:#fff;box-shadow:1px 1px 5px rgba(0,0,0,.4)}.ul-easy-image__main{width:100%;height:160px}.ul-easy-image__footer{padding:5px 15px;display:flex;align-items:flex-end;justify-content:space-between}.ul-easy-image__title{margin-top:10px;padding-bottom:10px;font-size:16px;font-weight:600}.ul-info-card{background-color:#fff}.ul-info-card .header .img{width:100%;height:160px;background-size:cover;background-position:center}.ul-info-card .body{margin-top:15px}.ul-info-card .body .title{text-align:center;font-size:18px;font-weight:600;color:#333}.ul-info-card .body .line{height:3px;width:60px;background-color:#1e9fff;margin:10px auto}.ul-info-card .body .info{padding:15px}.ul-info-card .body .info .info-item{display:inline-block;min-width:30%;margin-bottom:10px;margin-right:1%}.ul-info-card .body .info .info-item .info-title{font-size:12px;color:#999;margin-bottom:6px}.ul-class-1{margin:0 -8px;display:flex;align-items:flex-start;justify-content:flex-start;flex-wrap:wrap;width:100%}.ul-class-1 .item{padding:8px;margin:8px;background-color:#f0f0f0;width:calc(50% - 32px);border-radius:8px}.ul-class-1 .item .title{font-size:16px}.ul-class-1 .item .desc{font-size:12px;color:#333;white-space:break-spaces;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.ul-class-1 .item .image{width:100%;height:100px;background-color:#ddd;border-radius:8px;margin:6px 0}.ul-class-1 .item .footer{font-size:12px;color:#666}.ul-class-1 .item.colord-blue{background-color:#357afa;color:#fff}.ul-class-1 .item.colord-blue .title{color:#fff}.ul-class-1 .item.colord-blue .desc{color:#fff}.ul-class-1 .item.colord-blue .footer{color:#fff}.ul-descriptions-form{width:100%}.ul-descriptions-form .item{float:left;width:calc(50% - 20px)}.ul-descriptions-form .item .label{font-size:13px;color:#999;padding:10px}.ul-descriptions-form .item .value{font-size:14px;color:#333;padding:10px}.ul-descriptions-form .item.full-line{width:100%}.ul-descriptions-form .item.poster .poster-item{height:55px}.ul-descriptions-form .item .article-item{color:#666;white-space:pre-wrap;word-wrap:break-word}.ul-descriptions-form.border{width:calc(100% - 2px);border:1px solid #e8e8e8;border-right:0;border-bottom:0}.ul-descriptions-form.border .item{border:1px solid #e8e8e8;width:50%;border-top:0;border-left:0;margin-top:-1px;margin-left:-1px}.ul-descriptions-form.border .item.full-line{width:100%}.ul-descriptions-form.space-between .item .label{width:80px;text-align:right;margin-right:10px;white-space:nowrap;float:left}.ul-descriptions-form.space-between .item .value{margin-left:5px;float:left}.ul-descriptions-form.space-between .item.full-line .label{width:calc(100% - 20px);text-align:center;margin-right:0}.ul-descriptions-form.space-between .item.full-line .value{margin-left:0}.ul-descriptions-form.space-between.border .item .label{border-right:1px solid #e8e8e8}.ul-descriptions-form.space-between.border .item.full-line .label{border-right:0;border-bottom:1px solid #e8e8e8}.ul-descriptions-form::after{content:"";display:block;clear:both}.ul-descriptions-info{display:flex;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;flex-shrink:1}.ul-descriptions-info__item{width:50%;line-height:2.5;display:flex;align-items:center;justify-content:flex-start;color:#333}.ul-descriptions-info__item__name{margin-right:5px}.ul-descriptions-info__item__name::after{content:"："}.ul-descriptions-row{border:1px solid #f2f2f2;color:#333}.ul-descriptions-row .label{background-color:#fafafa}.ul-descriptions-row .item{padding:6px 12px}.ul-descriptions-row .item:not(:last-child){border-bottom:1px solid #f2f2f2}.ul-easy-item{display:flex;align-items:flex-start;justify-content:flex-start;padding:5px 0}.ul-easy-item__name{min-width:50px;color:#333}.ul-easy-item__desc{color:#777;display:flex;align-items:center;justify-content:flex-start}.ul-easy-item__desc__item{margin:0 8px}.ul-element-fixed-option{position:fixed;right:0;bottom:0;padding:16px;z-index:999}.ul-element-fixed-option .item{text-align:center;margin-bottom:16px;cursor:pointer}.ul-element-fixed-option .item .icon{padding:6px;box-shadow:0 0 3px #999;width:calc(30px + 6px);height:calc(30px + 6px);display:inline-block;border-radius:100%;background-color:#fff}.ul-element-fixed-option .item .title{margin-top:6px;background-color:#fff;color:#666;padding:3px;border-radius:3px;font-size:12px}.ul-loading-pos{background-color:#eee;color:#999;display:inline-block}.ul-loading-pos .main{padding:15px}.ul-loading-pos.lg .main{padding:25px 35px}.ul-loading-pos.screen{width:100%}.ul-loading-pos.screen .main{padding:60px 0;text-align:center}.ul-header-shape{display:flex;align-items:center;justify-content:space-between;background:linear-gradient(rgb(0, 197, 254), rgb(2, 158, 245));color:#fff;padding:10px 10px 25px 10px;--aug-bl-inset2: 20% !important;--aug-bl-inset1: 0px !important;--aug-bl: 15px !important;--aug-br-inset1: 20% !important;--aug-br-inset2: 0px !important;--aug-br: 15px !important}.ul-header-shape>div{flex:1}.ul-header-shape .main{flex:2;margin-bottom:-55px;font-size:24px;text-align:center}.ul-header-shape .left .logo{height:50px}.ul-header-shape .right{display:flex;align-items:center;justify-content:flex-end;height:100%}.ul-header-shape .right .list-item{display:flex;align-items:center;justify-content:flex-end}.ul-header-shape .right .list-item .item{margin-left:18px;cursor:pointer;color:#fff}.ul-shop-header{padding:15px}.ul-shop-header__main{display:flex;align-items:center;justify-content:flex-start;position:relative}.ul-shop-header__logo{width:80px;height:80px}.ul-shop-header__info{margin-left:15px}.ul-shop-header__info__name{line-height:30px;font-size:16px;font-weight:600}.ul-shop-header__info__tag{display:flex;margin-top:5px}.ul-shop-header__info__tag__item{vertical-align:middle;margin-right:10px;color:#bbb;font-size:14px}.ul-shop-header__right{position:absolute;right:0;top:0;height:100%;display:flex;align-items:center}.ul-shop-header__footer{border-top:1px solid #eee;margin-top:10px;padding-top:10px;display:flex;align-items:flex-start;justify-content:flex-start;font-size:14px;color:#999}.ul-shop-header__footer__item{margin-right:15px}.ul-shop-header__footer__item__icon{color:#333;margin-right:3px}.ul-ad-item{box-shadow:1px 1px 8px #666;background-color:#fff;display:flex;align-items:center;justify-content:space-between;padding:15px;margin-bottom:15px}.ul-ad-left{width:72%;height:170px}.ul-ad-img{height:100%;width:100%;background-size:cover;background-position:center}.ul-ad-right{width:25%}.ul-ad-title{font-size:28px;font-weight:100;margin:0;color:#e4393c}.ul-ad-desc{font-size:14px;color:#666;margin:26px 0;line-height:24px}.ul-avatar-list .ul-avatar-list-item{display:flex;align-items:center;justify-content:space-between;padding:8px;background-color:#e5e4e4}.ul-avatar-list .ul-avatar-list-item.current{background-color:#d8d7d7}.ul-avatar-list .ul-avatar-list-item-img{height:48px;width:48px;background-image:url("/static/images/avatar.png");background-size:cover;background-position:center;border-radius:3px;background-color:#fff}.ul-avatar-list .ul-avatar-list-item-info{margin-left:10px;position:relative;width:calc(100% - 48px - 10px)}.ul-avatar-list .ul-avatar-list-item-time{position:absolute;right:0;top:0;color:#bbb}.ul-avatar-list .ul-avatar-list-item-tips{color:#bbb;font-size:14px;display:inline-block;white-space:nowrap;width:100%;overflow:hidden;text-overflow:ellipsis}.ul-avatar-sidebar-list .ul-avatar-sidebar-list-item{display:flex;align-items:center;justify-content:flex-start;margin-bottom:12px}.ul-avatar-sidebar-list .ul-avatar-sidebar-list-item:not(:last-child){margin-bottom:12px}.ul-avatar-sidebar-list .ul-avatar-sidebar-list-item-img{width:58px;height:58px;border-radius:58px;background-image:url("/static/images/avatar.png");background-size:cover;background-position:center;flex-shrink:0}.ul-avatar-sidebar-list .ul-avatar-sidebar-list-item-title,.ul-avatar-sidebar-list .ul-avatar-sidebar-list-item-intro{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.ul-avatar-sidebar-list .ul-avatar-sidebar-list-item-info{margin-left:10px;width:calc(100% - 58px - 10px)}.ul-avatar-sidebar-list .ul-avatar-sidebar-list-item-intro{font-size:12px;color:#999;line-height:2}.ul-book-list{display:flex;align-items:flex-start;justify-content:flex-start;flex-wrap:wrap}.ul-book-item{width:140px;display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:15px;margin-right:15px;cursor:pointer;border:1px solid rgba(0,0,0,0)}.ul-book-item:hover{border-color:#ddd}.ul-book-poster{background-image:url(../img/book-bg.png);background-size:cover;background-position:center;width:60px;height:80px}.ul-book-info{position:relative;height:80px;width:75px}.ul-book-title{font-size:16px;color:#3e3a39;margin-bottom:6px;font-weight:600;line-height:1.5;word-break:break-all;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}.ul-book-author{font-size:12px;color:#3e3a39;word-break:break-all}.ul-book-status{font-size:12px;color:#99999a;position:absolute;bottom:0;left:0}.ul-book-list.big .ul-book-item{width:240px}.ul-book-list.big .ul-book-poster{width:120px;height:160px}.ul-book-list.big .ul-book-info{height:160px;width:110px}.ul-course-list{margin:-10px;font-size:0;display:flex;flex-wrap:wrap}.ul-course-item{display:inline-block;margin:10px;width:calc(25% - 20px);background-color:#fff;padding-bottom:12px;cursor:pointer;font-size:14px}.ul-course-item-poster{background-position:center;background-size:cover;height:140px;transition:all .6s;position:relative}.ul-course-item-tag{position:absolute;right:8px;top:8px;z-index:9999}.ul-course-item-info{padding:6px}.ul-course-item-title{padding:8px 0;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.ul-course-item-option-item{display:inline-block;margin-right:8px;font-size:12px;color:#999}.ul-course-item-poster:hover{transform:scale(1.2)}.ul-course-item-poster-container:hover .ul-course-item-tag{display:none}.ul-course-item-poster-container{overflow:hidden;position:relative}.ul-course-sidebar-item{display:flex;padding:8px 0;align-items:center;justify-content:flex-start}.ul-course-sidebar-item:not(:last-child){border-bottom:1px dotted #999}.ul-course-sidebar-item-poster{height:50px;width:80px;background-size:cover;background-position:center}.ul-course-sidebar-item-option-item{display:inline-block;font-size:12px;color:#999}.ul-course-sidebar-item-info{margin-left:8px}.ul-course-sidebar-item-title{line-height:2;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.ul-list-record .item-record{display:flex;align-items:center;justify-content:space-between;background-color:#fff;box-shadow:0px 0px 4px rgba(77,85,114,.1);padding:12px;margin-bottom:9px;border-radius:12px}.ul-list-record .item-record .right{text-align:right}.ul-list-record .item-record .item-name{font-size:14px}.ul-list-record .item-record .item-desc{font-size:12px;color:#999;margin-top:6px}.ul-list-record .item-record .item-change{font-weight:600;color:green}.ul-list-record .item-record .item-change.status-2{color:#ff4500}.ul-list-user-info .item{display:flex;align-items:center;justify-content:space-between;padding:9px;background-color:#fff}.ul-list-user-info .item:not(:last-child){border-bottom:1px solid #eee}.ul-list-user-info .item .info{display:flex;align-items:center;justify-content:flex-start;flex-shrink:1}.ul-list-user-info .item .info .avatar{flex-shrink:0}.ul-list-user-info .item .info .main{margin-left:9px}.ul-list-user-info .item .info .main .header{display:flex;align-items:center;margin-bottom:8px}.ul-list-user-info .item .info .main .header .name{font-size:14px;font-weight:500;margin-right:6px}.ul-list-user-info .item .info .main .content{display:flex;flex-wrap:wrap;margin-bottom:6px}.ul-list-user-info .item .info .main .footer{display:flex;align-items:flex-end}.ul-list-user-info .tag-item{font-size:10px;background-color:#c6e6fe;color:#0091ff;padding:2px 4px;border-radius:3px 3px 3px 0;margin-right:6px;white-space:nowrap}.ul-list-user-info .info-item{color:#999;margin-right:6px;font-size:12px}.ul-list-user-info .title-item{font-size:14px;font-weight:500;margin-right:6px}.ul-list-user-info .text-item{color:#1e9fff;margin-right:6px;font-size:12px;line-height:18px}.ul-music-list .ul-music-list-item{display:flex;align-items:center;justify-content:left;padding:10px}.ul-music-list .ul-music-list-item__image{width:50px;height:50px;border-radius:5px}.ul-music-list .ul-music-list-item__number{font-size:16px;font-weight:bolder;margin:12px}.ul-music-list .ul-music-list-item__title{color:#303133;font-size:16px}.ul-music-list .ul-music-list-item__dot{color:#303133;font-size:16px;margin:8px}.ul-music-list .ul-music-list-item__author{color:#999;font-size:13px}.ul-note-item{display:flex;justify-content:flex-start;align-items:flex-start;cursor:pointer;padding:15px}.ul-note-item.current,.ul-note-item:hover{background-color:#dedede}.ul-note-item .ul-note-item-icon{margin-right:10px}.ul-note-item .ul-note-item-desc{color:#999;font-size:12px;margin-top:5px;word-break:break-all}.ul-note-item .ul-note-item-time{color:#bbb;font-size:12px;margin-top:5px}.ul-note-item .ul-note-item-tree{font-size:12px;color:#bbb;margin-top:5px}.ul-order-list-simple-card .item{box-shadow:0 0 3px #ddd;border-radius:2px;padding:15px;margin-bottom:15px;background-color:#fff}.ul-order-list-simple-card .item-header{display:flex;align-items:center;justify-content:space-between;font-size:13px;margin-bottom:5px}.ul-order-list-simple-card .item-header .item-header-status{color:#1e9fff}.ul-order-list-simple-card .item-body{margin-top:10px;padding-bottom:10px}.ul-order-list-simple-card .item-body .item-body-item{display:flex;align-items:center;justify-content:space-between;padding:5px 0}.ul-order-list-simple-card .item-body .item-body-item .item-image{width:90px;height:90px;background-size:cover;background-position:center;box-shadow:0 0 2px #999}.ul-order-list-simple-card .item-body .item-body-item .item-info{width:calc(100% - 90px - 15px);margin-left:15px;height:90px;position:relative}.ul-order-list-simple-card .item-body .item-body-item .item-info .ul-info-title{font-weight:500;font-size:15px;margin-bottom:5px;text-overflow:-o-ellipsis-lastline;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.ul-order-list-simple-card .item-body .item-body-item .item-info .ul-info-value{display:flex;align-items:center;justify-content:space-between;color:#999;font-size:14px}.ul-order-list-simple-card .item-body .item-body-item .item-info .ul-info-money{position:absolute;bottom:0;left:0;font-size:15px;font-weight:600}.ul-order-list-simple-card .item-footer{padding-top:15px;margin-top:5px;border-top:1px solid #eee;display:flex;align-items:center;justify-content:space-between}.ul-photo-card-list{display:flex;align-items:flex-start;justify-content:flex-start;flex-wrap:wrap}.ul-photo-card-item{width:200px;margin:15px;box-shadow:0 5px 10px #999}.ul-photo-card-poster{width:100%;height:140px;background-size:cover;background-position:center}.ul-photo-card-info{padding:5px;font-size:18px;line-height:1.5}.ul-photo-card-desc{font-size:14px;color:#999}.ul-photo-list{display:flex;align-items:flex-start;justify-content:flex-start;flex-wrap:wrap}.ul-photo-item{margin:15px;text-align:center;min-width:220px}.ul-photo-poster{width:180px;height:140px;background-image:url("../static/images/avatar.png");background-size:cover;background-position:center;margin:0 auto;box-shadow:1px 1px 3px #999}.ul-photo-info{margin-top:10px;font-size:18px;line-height:1.5}.ul-photo-desc{font-size:14px;color:#999}.ul-photo-list-b{display:flex;align-items:flex-start;justify-content:flex-start;flex-wrap:wrap}.ul-photo-list-b .ul-photo-item{margin:15px;text-align:left;width:200px}.ul-photo-list-b .ul-photo-poster{width:100%;height:120px;background-image:url("../static/images/avatar.png");background-size:cover;background-position:center;margin:0 auto;box-shadow:1px 1px 3px #bbb}.ul-photo-list-b .ul-photo-info{margin-top:10px;font-size:18px;line-height:1.5}.ul-post-block-list{display:flex;align-items:flex-start;justify-content:flex-start;flex-wrap:wrap;margin:-8px}.ul-post-block-list .ul-post-block-item{margin:8px;width:calc(33.3333333333% - 16px);align-self:normal}.ul-post-block-list .ul-post-block-item:hover{background-color:#efefef}.ul-post-block-list .ul-post-block-item .poster{width:100%;height:120px}.ul-post-block-list .ul-post-block-item .title{font-size:14px;font-weight:600;line-height:20px;color:#333;margin:6px}.ul-post-block-list .ul-post-block-item .desc{margin:6px;font-size:12px;line-height:20px;color:#999}.ul-post-block-list.fixed-height .ul-post-block-item .title{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}.ul-post-block-list.fixed-height .ul-post-block-item .desc{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}.ul-post-list .ul-post-item{display:flex;align-items:stretch;justify-content:flex-start;margin-top:12px;padding-bottom:12px;border-bottom:1px solid #bbb;position:relative}.ul-post-list .ul-post-item .poster{height:120px;width:240px;margin-right:12px}.ul-post-list .ul-post-item .main{width:100%}.ul-post-list .ul-post-item .main .info{padding-bottom:28px}.ul-post-list .ul-post-item .main .info .title{font-size:14px;font-weight:600}.ul-post-list .ul-post-item .main .info .desc{font-size:12px;color:#999;margin-top:4px}.ul-post-list .ul-post-item .options{display:flex;align-items:center;justify-content:flex-end;position:absolute;bottom:12px;right:0}.ul-post-list .ul-post-item .options .item{margin-left:12px}.ul-site-group{margin-bottom:8px}.ul-site-group-header{font-size:16px;color:#333;padding-bottom:8px}.ul-site-list{display:flex;align-items:flex-start;justify-content:flex-start;flex-wrap:wrap;margin-top:8px}.ul-site-item{width:20%;margin-right:5%;display:flex;align-items:flex-start;justify-content:flex-start;margin-bottom:15px}.ul-site-item.card{background-color:#fff;border-radius:5px;padding:10px;margin-right:15px}.ul-site-item.same-height{align-self:normal}.ul-site-item-logo{width:34px;height:34px;margin-right:8px;margin-top:4px;background-size:cover;background-position:center}.ul-site-item-info{width:calc(100% - 34px)}.ul-site-item-title{color:#4662d9;font-weight:bold;text-decoration:none}.ul-site-item-desc{font-size:12px;color:#666}@media screen and (max-width: 450px){.ul-site-list{display:flex;align-items:flex-start;justify-content:space-between}.ul-site-list .ul-site-item{width:calc(50% - 10px);margin-right:0}.ul-site-list .ul-site-item.card{width:calc(50% - 30px)}.ul-site-list .ul-site-item-desc{font-size:11px;margin-top:3px}}.ul-logo{background-color:#1e9fff;border-radius:13.3333333333px;display:flex;align-items:center;justify-content:center;width:80px;height:80px;text-align:center;color:#fff;white-space:nowrap}.ul-logo .title{font-size:40px}.ul-logo .plus{font-size:clac(20px)}.ul-nav-block{border-radius:16px;overflow:hidden;background-color:#fff;color:#333}.ul-nav-block .item{padding:16px 32px;display:flex;align-items:center;justify-content:flex-start;cursor:pointer}.ul-nav-block .item .item-icon{margin-right:16px}.ul-nav-block .item.current{background-color:#ff5b72;color:#fff}.ul-nav-block .item:hover{background-color:rgba(255,91,113,.772);color:#fff}.ul-nav-grid{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:flex-start}.ul-nav-grid .item{flex:0 0 33.3333333333%;text-align:center;margin-bottom:12px}.ul-nav-grid .item .icon{text-align:center}.ul-nav-grid .item .main{padding:6px;display:flex;align-items:center;justify-content:center;width:-moz-fit-content;width:fit-content;margin:0 auto}.ul-nav-grid.colord .item.red .icon{color:#ff6961}.ul-nav-grid.colord .item.orange .icon{color:#ffa07a}.ul-nav-grid.colord .item.yellow .icon{color:hotpink}.ul-nav-grid.colord .item.green .icon{color:#2ecc71}.ul-nav-grid.colord .item.bluegreen .icon{color:#1abc9c}.ul-nav-grid.colord .item.blue .icon{color:#3498db}.ul-nav-grid.colord .item.purple .icon{color:#af7ac5}.ul-nav-grid.colord-bg .item.red .icon{color:#fff}.ul-nav-grid.colord-bg .item.red .icon .main{background-color:#ff6961;border-radius:50%}.ul-nav-grid.colord-bg .item.orange .icon{color:#fff}.ul-nav-grid.colord-bg .item.orange .icon .main{background-color:#ffa07a;border-radius:50%}.ul-nav-grid.colord-bg .item.yellow .icon{color:#fff}.ul-nav-grid.colord-bg .item.yellow .icon .main{background-color:hotpink;border-radius:50%}.ul-nav-grid.colord-bg .item.green .icon{color:#fff}.ul-nav-grid.colord-bg .item.green .icon .main{background-color:#2ecc71;border-radius:50%}.ul-nav-grid.colord-bg .item.bluegreen .icon{color:#fff}.ul-nav-grid.colord-bg .item.bluegreen .icon .main{background-color:#1abc9c;border-radius:50%}.ul-nav-grid.colord-bg .item.blue .icon{color:#fff}.ul-nav-grid.colord-bg .item.blue .icon .main{background-color:#3498db;border-radius:50%}.ul-nav-grid.colord-bg .item.purple .icon{color:#fff}.ul-nav-grid.colord-bg .item.purple .icon .main{background-color:#af7ac5;border-radius:50%}.ul-nav-grid.box{background-color:#eee;padding:.5px}.ul-nav-grid.box .item{flex:0 0 calc(33.3333333333% - 1px - 24px);margin:.5px;background-color:#fff;padding:12px}.ul-nav-info__item{display:flex;align-items:center;justify-content:space-between;padding:15px}.ul-nav-info__item__main__info{display:flex;align-items:center;justify-content:flex-start}.ul-nav-info__item__main__icon{margin-right:10px}.ul-nav-info__item__main__title{font-size:15px;font-weight:400}.ul-nav-info__item__main__content{margin-top:10px;color:#bbb;font-size:14px}.ul-nav-info__item__right{display:flex;align-items:center;justify-content:flex-end;color:#bbb}.ul-nav-info__item__right__item{margin-left:5px}.ul-nav-info__item:not(:last-child){border-bottom:1px solid #eee}.ul-nav-tree-2 .ul-nav-tree-2-group-title{font-size:14px;padding:6px 0;color:#253647;font-weight:600;word-wrap:anywhere;display:block}.ul-nav-tree-2 .ul-nav-tree-2-item{cursor:pointer}.ul-nav-tree-2 .ul-nav-tree-2-item.current .ul-nav-tree-2-item-title,.ul-nav-tree-2 .ul-nav-tree-2-item:hover .ul-nav-tree-2-item-title{color:#6cf;text-decoration:underline}.ul-nav-tree-2 .ul-nav-tree-2-item-title{font-size:14px;color:#999;padding-left:15px;line-height:24px;word-wrap:anywhere}.ul-link-select{display:flex;align-items:flex-start;justify-content:flex-start}.ul-link-title{margin-right:15px;white-space:nowrap}.ul-link-list{display:flex;align-items:flex-start;justify-content:flex-start;flex-wrap:wrap}.ul-link-item{padding:0px 10px;cursor:pointer;margin-right:10px;margin-bottom:5px}.ul-link-item.current{border-radius:15px;border:1px solid #6cf;color:#6cf}.ul-info-tips{padding:15px;background-color:hsla(0,0%,100%,.6)}.ul-card-status{padding:5px;border-radius:5px}.ul-card-options{float:right;cursor:pointer}.data-item{margin-right:15px}.data-img .data-img-main{max-width:120px;margin:5px}.data-img{display:block}.ul-card-list{display:flex;flex-wrap:wrap}.ul-card-list .ul-card{margin-right:15px}.ul-card-list .layui-card:last-child{margin-bottom:15px}.ul-title{text-align:center;line-height:1.5}.ul-title-main{font-size:16px}.ul-title-plus{color:#999}.ul-title-line{border-top:2px solid #666;margin-top:8px}.ul-message-item{margin-bottom:15px;display:flex;justify-content:flex-start;align-items:flex-start;padding:15px}.ul-message-item-left{width:120px}.ul-message-item-right{width:calc(100% - 120px)}.ul-message-item-info{position:relative}.ul-message-item-options{position:absolute;right:0;top:0}.ul-message-item-avatar{background-size:cover;background-position:center;width:100px;height:100px;border-radius:50%}.ul-message-item-name{display:flex;color:#6cf;font-size:16px}.ul-message-item-data{display:flex;font-size:14px;color:#999;margin-top:10px}.ul-message-item-content{background-color:#f0f0f0;padding:15px;margin-top:10px}.ul-message-item-img-list{margin-top:10px}.ul-message-item-img{width:160px;height:120px;background-size:cover;background-position:center;margin-right:10px;display:inline-block}.ul-nav-easy{background-color:rgba(0,0,0,0)}.layui-nav-tree.ul-nav-easy .layui-nav-item>a{color:#666}.layui-nav-tree.ul-nav-easy .layui-this{background-color:rgba(0,0,0,0)}.layui-nav-tree.ul-nav-easy .layui-this>a{background-color:rgba(0,0,0,0);color:#6cf}.layui-nav-tree.ul-nav-easy .layui-nav-item.layui-this a:hover{color:#6cf}.layui-nav-tree.ul-nav-easy .layui-nav-item a:hover{color:#fff}.layui-nav-tree.ul-nav-easy .layui-nav-item a{height:45px;line-height:45px}.search-item{margin-bottom:15px}.ul-upload-photo-item{display:inline-block;width:120px;height:120px;margin:5px;background-color:#ddd;cursor:pointer;box-shadow:0 3px 5px #999;position:relative}.ul-upload-photo-main{background-size:cover;background-position:center;width:100%;height:100%}.ul-upload-photo-delete{position:absolute;right:5px;top:5px;z-index:999;font-size:20px;color:#fff;text-shadow:0 0 2px #000}.ul-upload-photo-button{background-image:url("img/upload.png");background-size:cover;background-position:center}.ul-group-title{color:#999;border-bottom:1px solid #bbb;padding:5px 0;margin-bottom:15px}.ul-tree-item{background-color:#fbfbfb;cursor:pointer}.ul-tree-item.disabled,.ul-tree-item.disabled .ul-tree-item{background-color:#eee;cursor:not-allowed}.ul-tree-item-info{border-left:3px solid rgba(0,0,0,0);padding:0px 0;position:relative;min-height:35px;line-height:35px}.ul-tree-item-info.current{background-color:#9cf;border-color:#69c}.ul-tree-item-info:hover{background-color:#bedeff;border-color:#69c}.ul-tree-item-title{margin-left:25px}.ul-tree-item-icon{position:absolute;left:5px;top:0}.ul-tree-item-info:hover .ul-tree-item-options-item{display:block}.ul-tree-item-options{position:absolute;right:15px;top:0;height:100%;display:flex;align-items:center}.ul-tree-item-options-item{margin-left:10px;display:none;height:100%;line-height:35px}.ul-input-table{text-align:center}.ul-input-table tbody td,.ul-input-table tbody th{padding:2px 4px}.ul-input-table .layui-form-checkbox[lay-skin=primary]{margin-top:0px}.ul-input-table .layui-form-select dl dd{text-align:left}.ul-nav-min{box-shadow:2px 2px 5px #999;padding:5px;text-align:center}.ul-nav-min .ul-nav-min-item{padding:5px 0;cursor:pointer;color:#333;display:block}.ul-nav-min-item:hover{color:#6cf}.ul-header-a{background-color:#f8f8f8;border-bottom:1px solid #e8e8e8;color:#666}.ul-header-a-main{display:flex;align-items:center;justify-content:space-between;padding:5px;margin:0 auto}.ul-header-a-nav-item{margin-right:15px;position:relative;display:flex;align-items:center;cursor:pointer}.ul-header-a-nav-item:hover .ul-header-a-nav-plus{display:block}.ul-header-a-img{height:24px;width:24px;background-size:cover;background-position:center;margin-right:10px}.ul-header-a-right{display:flex;align-items:center}.ul-header-a-nav-plus{position:absolute;top:100%;left:50%;display:none;background-color:rgba(0,0,0,0);z-index:99999}.ul-header-a-nav-plus>.ul-nav-min{background-color:#fff;margin-top:15px}.ul-nav-header-main{display:flex;align-items:center;justify-content:space-between;padding:5px 15px;margin:0 auto}.ul-nav-header-right{text-align:right}.ul-nav-header-item{display:inline-block;margin-right:15px;cursor:pointer;padding:5px 15px;color:#333}.ul-nav-header-item:hover{color:#6cf}.ul-nav-header-red{background-color:#f72222}.ul-nav-header-red .ul-nav-header-item{color:#fff}.ul-nav-header-red .ul-nav-header-item:hover{color:#fedf50}.ul-nav-header-primary{background-color:#6cf}.ul-nav-header-primary .ul-nav-header-item{color:#fff}.ul-nav-header-primary .ul-nav-header-item:hover{color:#cff}.ul-card-a{width:180px;display:flex;justify-content:space-between;border:1px solid #bbb;box-shadow:2px 2px 5px #999;color:#516073;padding:15px;cursor:pointer;margin-right:15px;margin-bottom:15px;position:relative}.ul-card-a-left{width:40%}.ul-card-a-right{display:flex;align-items:center;text-align:center;width:50%}.ul-card-a-title{font-size:18px}.ul-card-a-desc{margin-top:5px;font-size:14px;white-space:nowrap}.ul-nav-poster{padding:5px;border:1px solid #ddd;border-top-width:3px}.ul-nav-poster-item{display:flex;justify-content:space-between;align-items:center;cursor:pointer}.ul-nav-poster-left{display:flex;align-items:center}.ul-nav-post-title{color:#333;font-weight:bold}.ul-nav-poster-desc{color:#999;font-size:12px;font-weight:100}.ul-nav-poster-img{width:38px;height:38px;margin:5px;background-size:cover;background-position:center}.ul-nav-poster-item:not(:last-child){border-bottom:1px dashed #ddd}.ul-card-bank{width:249px;border:1px solid #e4e4e4;border-radius:5px;box-shadow:0 1px 1px #e9e9e9;display:inline-block;margin-right:14px;margin-bottom:10px;color:#666;font-size:12px;cursor:pointer}.ul-card-bank-header{padding:10px 0;margin:0 14px;border-bottom:1px dotted #d9d9d9}.ul-card-bank-body{height:40px;padding:10px 10px 20px 0}.ul-card-bank-line{width:88px;height:23px;font-weight:100;text-align:center;background:#2e4158;border-radius:0 3px 0 0;font-size:14px;float:left}.ul-card-bank-footer{padding:3px 14px;background:#f8f8f8;border-top:1px solid #e7e7e7}.ul-card-bank-line-triangle{width:0px;height:3px;display:block;float:right;border-left:9px solid rgba(0,0,0,0);border-bottom:20px solid #fff}.ul-card-bank-tips{color:#6cf;font-size:14px}.ul-nav-link-item{display:inline-block;margin:5px 0;padding:0 10px;border:1px solid rgba(0,0,0,0);color:#333;white-space:nowrap}.ul-nav-link-item:not(:last-child){border-right-color:#666}.ul-group-title-2{background:#d2dbe0;width:84px;height:28px;line-height:28px;font-size:14px;font-weight:bold;text-align:center;position:relative;margin-top:30px;margin-bottom:14px;color:#666}.ul-group-title-2::after{content:"";width:0;height:0;position:absolute;border-top:14px solid rgba(0,0,0,0);border-bottom:14px solid rgba(0,0,0,0);border-left:15px solid #d2dbe0;right:-15px;top:0px}.ul-nav-card-item{padding:0 15px;border:1px solid #ddd;border-radius:6px;height:82px;margin-bottom:10px;display:flex;align-items:center;justify-content:space-between}.ul-nav-card-item-left{display:flex;align-items:center;justify-content:flex-start}.ul-nav-card-item-icon{font-size:28px;width:50px;height:50px;border-radius:5px;line-height:50px;text-align:center;background:#2e4158;display:inline-block;color:#fff;vertical-align:bottom}.ul-nav-card-item-info{margin-left:10px}.ul-nav-card-item-title{font-size:14px;color:#253647;font-weight:700;margin-bottom:4px}.ul-nav-card-item-desc{color:#666;font-size:12px}.ul-nav-card-item.disabled .ul-nav-card-item-icon{background-color:#908b8b}.ul-doc-info-page-list{padding:15px;color:#999}.ul-doc-info-page-item{line-height:2;padding:0 15px;position:relative}.ul-doc-info-page-item.page{cursor:pointer;font-size:18px}.ul-doc-info-page-item.group{color:#bbb;font-size:16px}.ul-doc-info-page-item.point{color:#eee;font-size:14px}.ul-doc-info-page-item.page:hover{background-color:#555}.ul-doc-info-page-item.level-1{margin-left:15px}.ul-doc-info-page-item.level-2{margin-left:30px}.ul-doc-info-page-item.level-3{margin-left:45px}.ul-nav-button-item{display:flex;align-items:center;justify-content:flex-start;margin-bottom:10px;border-radius:8px;padding:10px;box-shadow:0px 1px 3px #bbb;background-color:#fff;cursor:pointer}.ul-nav-button-icon{margin-right:10px}.ul-nav-button-icon .icon{font-size:38px;color:#999}.ul-nav-button-title{color:#333;font-size:16px;font-weight:600}.ul-nav-button-desc{color:#666;font-size:14px}.ul-timeline-rowstyle{display:flex;flex-wrap:nowrap;overflow-x:auto;width:100%}.ul-timeline-rowstyle .layui-timeline-item{margin-right:15px;min-width:300px}.ul-timeline-rowstyle .layui-timeline-item:last-child::before{display:block}
\ No newline at end of file
+.ul-padding-md{padding:15px}.ul-margin-md{margin:15px}.ul-section{margin-bottom:15px}.ul-inline-block{display:inline-block !important;margin-right:15px;margin-bottom:15px}.ul-icon-exit{display:inline-block;width:16px;height:16px;background-image:url("img/exit.png");background-size:cover;background-position:center}.ul-border-right{border-right:1px solid #bbb}.ul-bg-white{background-color:#fff}.ul-bg-gray{background-color:#f0f0f0}.ul-bg-black{background-color:#393d49}.ul-bg-dark{background-color:#1f2430}.ul-color-main{color:#6cf !important}.ul-color-white{color:#fff !important}.ul-common-flex-list{display:flex;flex-wrap:wrap}.ul-common-flex-sb{display:flex;align-items:center;justify-content:space-between}.ul-mobile-box{width:360px}.ul-demo-img-bg{background-image:url("https://layui.ulthon.com/cdn/img/view.jpg");background-size:cover;background-position:center}.ul-demo-img-bg.circle{border-radius:100%}.ul-demo-mobile-page{width:360px;height:660px;border:0;box-shadow:0 0 3px #bbb}.ul-order-list-simple-card .item{box-shadow:0 0 3px #ddd;border-radius:2px;padding:15px;margin-bottom:15px;background-color:#fff}.ul-order-list-simple-card .item-header{display:flex;align-items:center;justify-content:space-between;font-size:13px;margin-bottom:5px}.ul-order-list-simple-card .item-header .item-header-status{color:#1e9fff}.ul-order-list-simple-card .item-body{margin-top:10px;padding-bottom:10px}.ul-order-list-simple-card .item-body .item-body-item{display:flex;align-items:center;justify-content:space-between;padding:5px 0}.ul-order-list-simple-card .item-body .item-body-item .item-image{width:90px;height:90px;background-size:cover;background-position:center;box-shadow:0 0 2px #999}.ul-order-list-simple-card .item-body .item-body-item .item-info{width:calc(100% - 90px - 15px);margin-left:15px;height:90px;position:relative}.ul-order-list-simple-card .item-body .item-body-item .item-info .ul-info-title{font-weight:500;font-size:15px;margin-bottom:5px;text-overflow:-o-ellipsis-lastline;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.ul-order-list-simple-card .item-body .item-body-item .item-info .ul-info-value{display:flex;align-items:center;justify-content:space-between;color:#999;font-size:14px}.ul-order-list-simple-card .item-body .item-body-item .item-info .ul-info-money{position:absolute;bottom:0;left:0;font-size:15px;font-weight:600}.ul-order-list-simple-card .item-footer{padding-top:15px;margin-top:5px;border-top:1px solid #eee;display:flex;align-items:center;justify-content:space-between}.ul-nav-tree-group-title{font-size:16px;font-weight:600;line-height:2}.ul-nav-tree-item{display:flex;align-items:baseline;cursor:pointer;padding:5px;white-space:nowrap}.ul-nav-tree-item.current .ul-nav-tree-item-title{color:#6cf}.ul-nav-tree-item-title{font-size:15px}.ul-nav-tree-item-desc{font-size:14px;color:#999;margin-left:15px}.ul-nav-card-simple .ul-nav-card-item{border-radius:6px;background-color:#fff;box-shadow:0px 8px 18px -8px #aebcca;border:unset}.layui-nav.ul-nav-white{background-color:#f0f0f0}.layui-nav.ul-nav-white .layui-nav-child a{color:#666}.layui-nav.ul-nav-white .layui-nav-item a{color:#666}.layui-nav.ul-nav-white .layui-nav-itemed>.layui-nav-child{background-color:hsla(0,0%,100%,.6) !important;padding-left:15px;min-width:calc(100% - 15px) !important}.layui-nav-tree.ul-nav-white .layui-nav-item a:hover{background-color:#9cf;color:#fff !important}.layui-nav.ul-nav-white .layui-nav-itemed>a,.layui-nav-tree.ul-nav-white .layui-nav-title a,.layui-nav-tree.ul-nav-white .layui-nav-title a:hover{color:#666 !important}.layui-nav-tree.ul-nav-white .layui-nav-bar{background-color:#6cf}.layui-nav-tree.ul-nav-white .layui-nav-child dd.layui-this,.layui-nav-tree.ul-nav-white .layui-nav-child dd.layui-this a,.layui-nav-tree.ul-nav-white .layui-this,.layui-nav-tree.ul-nav-white .layui-this>a,.layui-nav-tree.ul-nav-white .layui-this>a:hover{background-color:#9cf;color:#fff}.ul-form-basic .layui-form-item{clear:unset;margin-bottom:6px}.ul-form-basic .layui-form-label{float:unset;width:unset;text-align:left;padding:5px 0;font-size:14px;color:#000}.ul-form-basic .layui-input-block{margin-left:unset;min-height:30px}.ul-form-basic .layui-input{padding:10px 11px;height:unset}.ul-form-basic .layui-form-mid{padding:5px 0 !important}.ul-form-basic .layui-form-select dl{top:28px}.ul-form-basic .layui-form-select dl dd,.ul-form-basic .layui-form-select dl dt{height:30px}.ul-form-space-between .layui-form-item{display:flex;align-items:flex-start;justify-content:space-between;border-bottom:2px solid #eee}.ul-form-space-between .layui-form-item::after{content:unset}.ul-form-space-between .layui-form-item:last-child{border:unset}.ul-form-space-between .layui-form-item .layui-form-label{text-align:left;float:unset}.ul-form-space-between .layui-form-item .layui-input-block{margin-left:unset;width:60%;text-align:right}.ul-form-space-between .layui-form-item .layui-input{border:unset;text-align:right}.ul-form-space-between .layui-form-item .layui-form-mid{text-align:right;display:block;float:unset}.ul-field-clean{border:unset}.ul-field-clean .legend{margin:5px;text-align:center;width:100%;font-size:16px;font-weight:600}.ul-field-clean .layui-field-box{margin-top:8px;background:#fff;border-radius:8px;box-shadow:0px 0px 4px rgba(77,85,114,.1);padding:15px}.ul-card-simple-icon{display:inline-block;margin-right:15px;margin-bottom:15px;box-shadow:0 2px 12px 0 #bbb;border-radius:4px;border:1px solid #ebeef5;background-color:#fff;box-sizing:border-box;width:100px;padding:10px;text-align:center}.ul-card-simple-icon .ul-card-simple-icon-image{width:80px;height:80px;background-size:cover;background-position:center;display:inline-block}.ul-card-simple-icon .ul-card-simple-icon-title{border-top:2px solid #ebeef5;margin-top:8px;padding-top:8px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.ul-card-message{border-radius:10px 10px 0 0;background-color:#fff}.ul-card-message .header{padding:15px;display:flex;align-items:center;justify-content:space-between;font-size:14px;font-weight:600;border-bottom:2px solid #eee}.ul-card-message .body{padding:15px;padding-bottom:0}.ul-card-message .body .item{display:flex;align-items:flex-start;justify-content:flex-start;line-height:1.8;margin-bottom:10px}.ul-card-message .body .item .item-title{width:90px;color:#999}.ul-card-message .body .item .item-value{white-space:normal;width:calc(100% - 90px)}.ul-card-message .footer{text-align:right;padding:15px}.ul-group-title-simple{line-height:30px;font-size:16px;padding-left:10px;position:relative}.ul-group-title-simple:before{content:"";display:block;position:absolute;left:0;height:16px;width:3px;top:7px;border-radius:3px;background:linear-gradient(0deg, #7FC0FC, #4B7EEF)}.ul-jumbotron{padding:15px;text-align:center}.ul-jumbotron .main{margin:20px auto;max-width:800px;text-align:center}.ul-jumbotron .main .title{font-size:32px;font-weight:600}.ul-jumbotron .main .desc{font-size:18px;line-height:1.8;margin:25px auto}.ul-jumbotron.dark{background-color:#1f2430;color:#fff}.ul-jumbotron.clean{background-color:#fff}.ul-jumbotron.left .main{text-align:left;max-width:auto;margin-left:30px}.ul-jumbotron.left .main .desc{margin:25px auto 25px 0}.ul-footer{background-color:#333;color:#fff}.ul-footer .container{display:flex;margin:0 auto;padding:40px 0}.ul-footer .logo{width:120px}.ul-footer .container>div{padding:0 25px}.ul-footer .container>div:not(:last-child){border-right:1px solid #555}.ul-footer .ul-footer-nav a{color:#fff;margin:5px 10px;font-weight:600}.ul-footer .ul-footer-link a{color:#ddd;margin:5px 10px}.ul-footer p{margin-top:5px}.ul-descriptions{display:grid;grid-template-columns:33.3333333333% 33.3333333333% 33.3333333333%}.ul-descriptions .item{display:inline-flex;position:relative;min-height:40px}.ul-descriptions .item .label{width:78px;padding:0 6px;position:absolute;height:100%;display:flex;align-items:center;justify-content:flex-end;color:#333;min-width:78px;font-weight:400}.ul-descriptions .item .value{width:calc(100% - 90px - 12px);margin-left:102px;display:flex;align-items:center;justify-content:left;height:auto;white-space:break-all;word-break:break-all;color:#666}.ul-descriptions .item.article{grid-column-start:1;grid-column-end:4}.ul-descriptions .item.article .label{align-items:flex-start;padding-top:10px;height:calc(100% - 10px)}.ul-descriptions .item.article .value .article-item{white-space:break-spaces;padding:5px}.ul-descriptions .item.article .value .article-item img{max-width:100%}.ul-descriptions .item.tag .value .tag-item{padding:3px 6px;border-radius:3px;background-color:#6cf;color:#fff;margin-right:5px;font-size:12px}.ul-descriptions .item.poster{grid-row:span 2}.ul-descriptions .item.poster .value .poster-item{max-width:100%;max-height:80px;margin:5px}.ul-descriptions .item.line{grid-column-start:1;grid-column-end:4}.ul-descriptions .item.lines{grid-column-start:1;grid-column-end:4}.ul-descriptions .item.lines .label{align-items:flex-start;padding-top:10px;height:calc(100% - 10px)}.ul-descriptions .item.short-line{grid-column:span 2}.ul-descriptions .item.box{grid-row:span 2}.ul-descriptions.table{border-style:solid;border-color:#000;border-width:1px;margin-right:1px;margin-bottom:1px}.ul-descriptions.table .item{border-style:solid;border-color:#000;border-width:0px 1px 1px 0;margin-bottom:-1px;margin-right:-1px}.ul-descriptions.table .item .label{position:absolute;border-right:1px solid #000}.ul-descriptions.table .item.line{border-right:0}.ul-descriptions.border{border-style:solid;border-color:#ebeef5;border-width:1px;margin-right:1px;margin-bottom:0px}.ul-descriptions.border .item{border-style:solid;border-color:#ebeef5;border-width:0px 1px 1px 0;margin-bottom:0px;margin-right:-1px}.ul-descriptions.border .item .label{position:absolute;border-right:1px solid #ebeef5;background-color:#f5f7fa}.ul-descriptions.border .item.line{border-right:0}.ul-descriptions.padding .item .value{padding:10px;margin-left:92px}.ul-header{background-color:#fff;box-shadow:0 3px 5px #999;padding:3px}.ul-header-main{display:flex;justify-content:space-between;align-items:center;margin:0 auto}.ul-header-logo{max-height:48px}.ul-header-user{display:flex;align-items:center;justify-content:center}.ul-header-user-avatar{background-image:url("/static/images/avatar.png");width:45px;height:45px;background-size:cover;background-position:center}.ul-header-user-options{display:flex;align-items:center;color:#999;font-size:12px;cursor:pointer;margin-top:5px}.ul-header-user-info{margin-left:10px}.layui-quote-gray{background-color:#f0f0f0;color:#666;border-left-color:#ddd}.ul-card-a{width:180px;display:flex;justify-content:space-between;border:1px solid #bbb;box-shadow:2px 2px 5px #999;color:#516073;padding:15px;cursor:pointer;margin-right:15px;margin-bottom:15px;position:relative}.ul-card-a-left{width:40%}.ul-card-a-right{display:flex;align-items:center;text-align:center;width:50%}.ul-card-a-title{font-size:18px}.ul-card-a-desc{margin-top:5px;font-size:14px;white-space:nowrap}.ul-card-avatar-info .main{padding:12px;background-color:#1e9fff;color:#fff;border-radius:6px;position:relative}.ul-card-avatar-info .main-title{font-size:22px;display:flex;margin-bottom:14px;align-items:center}.ul-card-avatar-info .main-title .item{margin-right:6px}.ul-card-avatar-info .item-title{font-size:14px;display:flex;margin-bottom:8px;align-items:center}.ul-card-avatar-info .item-title .item{margin-right:6px}.ul-card-avatar-info .footer-title{display:flex;font-size:12px;justify-content:space-between;margin-top:12px;align-items:center}.ul-card-avatar-info .fixed-container{position:absolute;top:0;right:0;padding:15px;z-index:9}.ul-card-data{display:inline-block;border:1px solid #eee;border-radius:5px;padding:15px;margin-right:15px;margin-bottom:15px}.ul-card-data-a-title{padding-bottom:15px;color:#6cf;font-size:28px}.ul-card-data-a-item{display:inline-block;margin-right:5px}.ul-card-data-b-icon{display:inline-block;margin-right:15px;font-size:46px;background-color:#6cf;padding:8px;color:#fff;border-radius:5px}.ul-card-data-b-info{display:inline-block;margin-right:15px}.ul-card-data-b-value{font-size:28px;color:#6cf;margin-top:5px}.ul-card-data-b-main{display:flex;align-items:center}.ul-card-data-b-title{line-height:24px}.ul-card-data-c-item{display:inline-block;padding:10px 40px;text-align:center;color:#999}.ul-card-data-c-item:not(:last-child){border-right:1px solid #ddd}.ul-card-data-c-value{font-size:18px;line-height:30px}.ul-card-data-c-title{font-size:12px}.ul-card-data-simple{display:flex;align-items:center;justify-content:flex-start;background-color:#fff}.ul-card-data-simple .item{margin:15px 0;padding:0 15px;text-align:left}.ul-card-data-simple .item .item-title{font-size:12px;color:#666}.ul-card-data-simple .item .item-value{font-size:16px;font-weight:600;line-height:30px}.ul-card-data-simple .item .item-rate{font-size:12px}.ul-card-data-simple .item .item-rate.up{color:#ff5722}.ul-card-data-simple .item .item-rate.up::after{content:"  ↑"}.ul-card-data-simple .item .item-rate.down{color:#1e9fff}.ul-card-data-simple .item .item-rate.down::after{content:" ↓"}.ul-card-data-simple .item.line{border-right:1px solid #eee}.ul-card-data-simple.bg-black{background-color:#393d49;color:#fff;border-radius:15px;padding:15px;box-shadow:0 0 4px #999}.ul-card-data-simple.bg-black .item{padding:15px;margin:0 10px 0 0}.ul-card-data-simple.bg-black .item .item-title{color:#fff}.ul-card-data-simple.bg-black .item .item-value{font-size:20px}.ul-card-data-simple.bg-black .item.main{background-color:#fff;color:#393d49;border-radius:15px;box-shadow:1px 1px 3px #999;margin-right:25px}.ul-card-data-simple.bg-black .item.main .item-title{color:#393d49}.ul-card-file{background-color:#fff;display:block;width:240px;color:#000 !important;cursor:pointer;box-shadow:0 0 2px #bbb}.ul-card-file .main{display:flex;align-items:flex-start;justify-content:space-between;padding:15px 15px 5px 15px;height:60px}.ul-card-file .main .info .name{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;width:160px}.ul-card-file .main .info .desc{color:#bbb;font-weight:normal;font-size:12px;margin-top:5px}.ul-card-file .main .icon{font-size:40px;color:#999;width:40px;text-align:center}.ul-card-file .main .icon.file{color:#bbb}.ul-card-file .main .icon.excel{color:#207346}.ul-card-file .main .icon.zip{color:#8b572a}.ul-card-file .main .icon.word{color:#2c569a}.ul-card-file .main .icon.powerpoint{color:#f2613f}.ul-card-file .main .icon.pdf{color:#fa5151}.ul-card-file .main .icon.video{color:#7c8eee}.ul-card-file .main .icon.audio{color:#f16c00}.ul-card-file .main .icon.image{color:#f6ad00}.ul-card-file .main .icon.text{color:#8289ad}.ul-card-file .main .icon.link{color:#4876f9}.ul-card-file .footer{display:flex;justify-content:space-between;font-size:12px;color:#999;border-top:1px solid #eee;padding:5px 15px 5px 15px}.ul-card-money{padding:26px;background-color:#1e9fff;border-radius:16px;color:#fff}.ul-card-money .main .title{font-weight:600;font-size:12px}.ul-card-money .main .option{display:flex;align-items:flex-end;justify-content:flex-start;margin-top:10px}.ul-card-money .main .option .value{font-size:26px;font-weight:600}.ul-card-money .main .option .button{margin-left:16px;padding-bottom:6px}.ul-card-money .footer{display:flex;align-items:center;justify-content:space-between;text-align:center;margin-top:18px}.ul-card-money .footer .label{font-size:12px}.ul-card-money .footer .value{margin-top:8px;font-size:16px}.ul-card-qrcode{position:relative;min-height:100px;display:inline-block;background-color:#eee;padding:10px}.ul-card-qrcode .header{padding:20px}.ul-card-qrcode .body{position:relative}.ul-card-qrcode .body .main{padding:36px}.ul-card-qrcode .body .main .img{width:100%}.ul-card-qrcode__main{background-color:#fff;border-radius:20px;overflow:hidden}.ul-card-qrcode__point-left{position:absolute;width:20px;height:20px;border-radius:20px;background-color:#eee;left:-10px;top:0}.ul-card-qrcode__point-right{position:absolute;width:20px;height:20px;border-radius:20px;background-color:#eee;right:-10px;top:0}.ul-card-qrcode__line{position:absolute;width:100%;height:0;border-bottom:2px dashed #eee;top:8px;left:0}.ul-data-card{margin:15px;padding:15px;box-shadow:0 0 3px #bbb;border-radius:5px}.ul-data-card .header{display:flex;align-items:center;justify-content:space-between;padding-bottom:10px;border-bottom:1px solid #eee}.ul-data-card .body{padding:10px 0}.ul-data-card .body .main{display:flex;align-items:flex-start;justify-content:flex-start;flex-wrap:wrap}.ul-data-card .body .main .item{min-width:50%;display:flex;align-items:center;margin-bottom:10px}.ul-data-card .body .main .item .item-title{font-size:14px;font-weight:600}.ul-data-card .body .main .item .item-value{font-size:14px}.ul-data-card .footer{border-top:1px solid #eee;padding-top:10px;display:flex;justify-content:space-between;align-items:center}.ul-easy-image{margin:5px;border-radius:15px;overflow:hidden;background-color:#fff;box-shadow:1px 1px 5px rgba(0,0,0,.4)}.ul-easy-image__main{width:100%;height:160px}.ul-easy-image__footer{padding:5px 15px;display:flex;align-items:flex-end;justify-content:space-between}.ul-easy-image__title{margin-top:10px;padding-bottom:10px;font-size:16px;font-weight:600}.ul-info-card{background-color:#fff}.ul-info-card .header .img{width:100%;height:160px;background-size:cover;background-position:center}.ul-info-card .body{margin-top:15px}.ul-info-card .body .title{text-align:center;font-size:18px;font-weight:600;color:#333}.ul-info-card .body .line{height:3px;width:60px;background-color:#1e9fff;margin:10px auto}.ul-info-card .body .info{padding:15px}.ul-info-card .body .info .info-item{display:inline-block;min-width:30%;margin-bottom:10px;margin-right:1%}.ul-info-card .body .info .info-item .info-title{font-size:12px;color:#999;margin-bottom:6px}.ul-class-1{margin:0 -8px;display:flex;align-items:flex-start;justify-content:flex-start;flex-wrap:wrap;width:100%}.ul-class-1 .item{padding:8px;margin:8px;background-color:#f0f0f0;width:calc(50% - 32px);border-radius:8px}.ul-class-1 .item .title{font-size:16px}.ul-class-1 .item .desc{font-size:12px;color:#333;white-space:break-spaces;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.ul-class-1 .item .image{width:100%;height:100px;background-color:#ddd;border-radius:8px;margin:6px 0}.ul-class-1 .item .footer{font-size:12px;color:#666}.ul-class-1 .item.colord-blue{background-color:#357afa;color:#fff}.ul-class-1 .item.colord-blue .title{color:#fff}.ul-class-1 .item.colord-blue .desc{color:#fff}.ul-class-1 .item.colord-blue .footer{color:#fff}.ul-descriptions-form{width:100%}.ul-descriptions-form .item{float:left;width:calc(50% - 20px)}.ul-descriptions-form .item .label{font-size:13px;color:#999;padding:10px}.ul-descriptions-form .item .value{font-size:14px;color:#333;padding:10px}.ul-descriptions-form .item.full-line{width:100%}.ul-descriptions-form .item.poster .poster-item{height:55px}.ul-descriptions-form .item .article-item{color:#666;white-space:pre-wrap;word-wrap:break-word}.ul-descriptions-form.border{width:calc(100% - 2px);border:1px solid #e8e8e8;border-right:0;border-bottom:0}.ul-descriptions-form.border .item{border:1px solid #e8e8e8;width:50%;border-top:0;border-left:0;margin-top:-1px;margin-left:-1px}.ul-descriptions-form.border .item.full-line{width:100%}.ul-descriptions-form.space-between .item .label{width:80px;text-align:right;margin-right:10px;white-space:nowrap;float:left}.ul-descriptions-form.space-between .item .value{margin-left:5px;float:left}.ul-descriptions-form.space-between .item.full-line .label{width:calc(100% - 20px);text-align:center;margin-right:0}.ul-descriptions-form.space-between .item.full-line .value{margin-left:0}.ul-descriptions-form.space-between.border .item .label{border-right:1px solid #e8e8e8}.ul-descriptions-form.space-between.border .item.full-line .label{border-right:0;border-bottom:1px solid #e8e8e8}.ul-descriptions-form::after{content:"";display:block;clear:both}.ul-descriptions-info{display:flex;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;flex-shrink:1}.ul-descriptions-info__item{width:50%;line-height:2.5;display:flex;align-items:center;justify-content:flex-start;color:#333}.ul-descriptions-info__item__name{margin-right:5px}.ul-descriptions-info__item__name::after{content:"："}.ul-descriptions-row{border:1px solid #f2f2f2;color:#333}.ul-descriptions-row .label{background-color:#fafafa}.ul-descriptions-row .item{padding:6px 12px}.ul-descriptions-row .item:not(:last-child){border-bottom:1px solid #f2f2f2}.ul-easy-item{display:flex;align-items:flex-start;justify-content:flex-start;padding:5px 0}.ul-easy-item__name{min-width:50px;color:#333}.ul-easy-item__desc{color:#777;display:flex;align-items:center;justify-content:flex-start}.ul-easy-item__desc__item{margin:0 8px}.ul-element-fixed-option{position:fixed;right:0;bottom:0;padding:16px;z-index:999}.ul-element-fixed-option .item{text-align:center;margin-bottom:16px;cursor:pointer}.ul-element-fixed-option .item .icon{padding:6px;box-shadow:0 0 3px #999;width:calc(30px + 6px);height:calc(30px + 6px);display:inline-block;border-radius:100%;background-color:#fff}.ul-element-fixed-option .item .title{margin-top:6px;background-color:#fff;color:#666;padding:3px;border-radius:3px;font-size:12px}.ul-loading-pos{background-color:#eee;color:#999;display:inline-block}.ul-loading-pos .main{padding:15px}.ul-loading-pos.lg .main{padding:25px 35px}.ul-loading-pos.screen{width:100%}.ul-loading-pos.screen .main{padding:60px 0;text-align:center}.ul-header-shape{display:flex;align-items:center;justify-content:space-between;background:linear-gradient(rgb(0, 197, 254), rgb(2, 158, 245));color:#fff;padding:10px 10px 25px 10px;--aug-bl-inset2: 20% !important;--aug-bl-inset1: 0px !important;--aug-bl: 15px !important;--aug-br-inset1: 20% !important;--aug-br-inset2: 0px !important;--aug-br: 15px !important}.ul-header-shape>div{flex:1}.ul-header-shape .main{flex:2;margin-bottom:-55px;font-size:24px;text-align:center}.ul-header-shape .left .logo{height:50px}.ul-header-shape .right{display:flex;align-items:center;justify-content:flex-end;height:100%}.ul-header-shape .right .list-item{display:flex;align-items:center;justify-content:flex-end}.ul-header-shape .right .list-item .item{margin-left:18px;cursor:pointer;color:#fff}.ul-shop-header{padding:15px}.ul-shop-header__main{display:flex;align-items:center;justify-content:flex-start;position:relative}.ul-shop-header__logo{width:80px;height:80px}.ul-shop-header__info{margin-left:15px}.ul-shop-header__info__name{line-height:30px;font-size:16px;font-weight:600}.ul-shop-header__info__tag{display:flex;margin-top:5px}.ul-shop-header__info__tag__item{vertical-align:middle;margin-right:10px;color:#bbb;font-size:14px}.ul-shop-header__right{position:absolute;right:0;top:0;height:100%;display:flex;align-items:center}.ul-shop-header__footer{border-top:1px solid #eee;margin-top:10px;padding-top:10px;display:flex;align-items:flex-start;justify-content:flex-start;font-size:14px;color:#999}.ul-shop-header__footer__item{margin-right:15px}.ul-shop-header__footer__item__icon{color:#333;margin-right:3px}.ul-ad-item{box-shadow:1px 1px 8px #666;background-color:#fff;display:flex;align-items:center;justify-content:space-between;padding:15px;margin-bottom:15px}.ul-ad-left{width:72%;height:170px}.ul-ad-img{height:100%;width:100%;background-size:cover;background-position:center}.ul-ad-right{width:25%}.ul-ad-title{font-size:28px;font-weight:100;margin:0;color:#e4393c}.ul-ad-desc{font-size:14px;color:#666;margin:26px 0;line-height:24px}.ul-avatar-list .ul-avatar-list-item{display:flex;align-items:center;justify-content:space-between;padding:8px;background-color:#e5e4e4}.ul-avatar-list .ul-avatar-list-item.current{background-color:#d8d7d7}.ul-avatar-list .ul-avatar-list-item-img{height:48px;width:48px;background-image:url("/static/images/avatar.png");background-size:cover;background-position:center;border-radius:3px;background-color:#fff}.ul-avatar-list .ul-avatar-list-item-info{margin-left:10px;position:relative;width:calc(100% - 48px - 10px)}.ul-avatar-list .ul-avatar-list-item-time{position:absolute;right:0;top:0;color:#bbb}.ul-avatar-list .ul-avatar-list-item-tips{color:#bbb;font-size:14px;display:inline-block;white-space:nowrap;width:100%;overflow:hidden;text-overflow:ellipsis}.ul-avatar-sidebar-list .ul-avatar-sidebar-list-item{display:flex;align-items:center;justify-content:flex-start;margin-bottom:12px}.ul-avatar-sidebar-list .ul-avatar-sidebar-list-item:not(:last-child){margin-bottom:12px}.ul-avatar-sidebar-list .ul-avatar-sidebar-list-item-img{width:58px;height:58px;border-radius:58px;background-image:url("/static/images/avatar.png");background-size:cover;background-position:center;flex-shrink:0}.ul-avatar-sidebar-list .ul-avatar-sidebar-list-item-title,.ul-avatar-sidebar-list .ul-avatar-sidebar-list-item-intro{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.ul-avatar-sidebar-list .ul-avatar-sidebar-list-item-info{margin-left:10px;width:calc(100% - 58px - 10px)}.ul-avatar-sidebar-list .ul-avatar-sidebar-list-item-intro{font-size:12px;color:#999;line-height:2}.ul-book-list{display:flex;align-items:flex-start;justify-content:flex-start;flex-wrap:wrap}.ul-book-item{width:140px;display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:15px;margin-right:15px;cursor:pointer;border:1px solid rgba(0,0,0,0)}.ul-book-item:hover{border-color:#ddd}.ul-book-poster{background-image:url(../img/book-bg.png);background-size:cover;background-position:center;width:60px;height:80px}.ul-book-info{position:relative;height:80px;width:75px}.ul-book-title{font-size:16px;color:#3e3a39;margin-bottom:6px;font-weight:600;line-height:1.5;word-break:break-all;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}.ul-book-author{font-size:12px;color:#3e3a39;word-break:break-all}.ul-book-status{font-size:12px;color:#99999a;position:absolute;bottom:0;left:0}.ul-book-list.big .ul-book-item{width:240px}.ul-book-list.big .ul-book-poster{width:120px;height:160px}.ul-book-list.big .ul-book-info{height:160px;width:110px}.ul-course-list{margin:-10px;font-size:0;display:flex;flex-wrap:wrap}.ul-course-item{display:inline-block;margin:10px;width:calc(25% - 20px);background-color:#fff;padding-bottom:12px;cursor:pointer;font-size:14px}.ul-course-item-poster{background-position:center;background-size:cover;height:140px;transition:all .6s;position:relative}.ul-course-item-tag{position:absolute;right:8px;top:8px;z-index:9999}.ul-course-item-info{padding:6px}.ul-course-item-title{padding:8px 0;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.ul-course-item-option-item{display:inline-block;margin-right:8px;font-size:12px;color:#999}.ul-course-item-poster:hover{transform:scale(1.2)}.ul-course-item-poster-container:hover .ul-course-item-tag{display:none}.ul-course-item-poster-container{overflow:hidden;position:relative}.ul-course-sidebar-item{display:flex;padding:8px 0;align-items:center;justify-content:flex-start}.ul-course-sidebar-item:not(:last-child){border-bottom:1px dotted #999}.ul-course-sidebar-item-poster{height:50px;width:80px;background-size:cover;background-position:center}.ul-course-sidebar-item-option-item{display:inline-block;font-size:12px;color:#999}.ul-course-sidebar-item-info{margin-left:8px}.ul-course-sidebar-item-title{line-height:2;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.ul-list-record .item-record{display:flex;align-items:center;justify-content:space-between;background-color:#fff;box-shadow:0px 0px 4px rgba(77,85,114,.1);padding:12px;margin-bottom:9px;border-radius:12px}.ul-list-record .item-record .right{text-align:right}.ul-list-record .item-record .item-name{font-size:14px}.ul-list-record .item-record .item-desc{font-size:12px;color:#999;margin-top:6px}.ul-list-record .item-record .item-change{font-weight:600;color:green}.ul-list-record .item-record .item-change.status-2{color:#ff4500}.ul-list-user-info .item{display:flex;align-items:center;justify-content:space-between;padding:9px;background-color:#fff}.ul-list-user-info .item:not(:last-child){border-bottom:1px solid #eee}.ul-list-user-info .item .info{display:flex;align-items:center;justify-content:flex-start;flex-shrink:1}.ul-list-user-info .item .info .avatar{flex-shrink:0}.ul-list-user-info .item .info .main{margin-left:9px}.ul-list-user-info .item .info .main .header{display:flex;align-items:center;margin-bottom:8px}.ul-list-user-info .item .info .main .header .name{font-size:14px;font-weight:500;margin-right:6px}.ul-list-user-info .item .info .main .content{display:flex;flex-wrap:wrap;margin-bottom:6px}.ul-list-user-info .item .info .main .footer{display:flex;align-items:flex-end}.ul-list-user-info .tag-item{font-size:10px;background-color:#c6e6fe;color:#0091ff;padding:2px 4px;border-radius:3px 3px 3px 0;margin-right:6px;white-space:nowrap}.ul-list-user-info .info-item{color:#999;margin-right:6px;font-size:12px}.ul-list-user-info .title-item{font-size:14px;font-weight:500;margin-right:6px}.ul-list-user-info .text-item{color:#1e9fff;margin-right:6px;font-size:12px;line-height:18px}.ul-music-list .ul-music-list-item{display:flex;align-items:center;justify-content:left;padding:10px}.ul-music-list .ul-music-list-item__image{width:50px;height:50px;border-radius:5px}.ul-music-list .ul-music-list-item__number{font-size:16px;font-weight:bolder;margin:12px}.ul-music-list .ul-music-list-item__title{color:#303133;font-size:16px}.ul-music-list .ul-music-list-item__dot{color:#303133;font-size:16px;margin:8px}.ul-music-list .ul-music-list-item__author{color:#999;font-size:13px}.ul-note-item{display:flex;justify-content:flex-start;align-items:flex-start;cursor:pointer;padding:15px}.ul-note-item.current,.ul-note-item:hover{background-color:#dedede}.ul-note-item .ul-note-item-icon{margin-right:10px}.ul-note-item .ul-note-item-desc{color:#999;font-size:12px;margin-top:5px;word-break:break-all}.ul-note-item .ul-note-item-time{color:#bbb;font-size:12px;margin-top:5px}.ul-note-item .ul-note-item-tree{font-size:12px;color:#bbb;margin-top:5px}.ul-order-list-simple-card .item{box-shadow:0 0 3px #ddd;border-radius:2px;padding:15px;margin-bottom:15px;background-color:#fff}.ul-order-list-simple-card .item-header{display:flex;align-items:center;justify-content:space-between;font-size:13px;margin-bottom:5px}.ul-order-list-simple-card .item-header .item-header-status{color:#1e9fff}.ul-order-list-simple-card .item-body{margin-top:10px;padding-bottom:10px}.ul-order-list-simple-card .item-body .item-body-item{display:flex;align-items:center;justify-content:space-between;padding:5px 0}.ul-order-list-simple-card .item-body .item-body-item .item-image{width:90px;height:90px;background-size:cover;background-position:center;box-shadow:0 0 2px #999}.ul-order-list-simple-card .item-body .item-body-item .item-info{width:calc(100% - 90px - 15px);margin-left:15px;height:90px;position:relative}.ul-order-list-simple-card .item-body .item-body-item .item-info .ul-info-title{font-weight:500;font-size:15px;margin-bottom:5px;text-overflow:-o-ellipsis-lastline;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.ul-order-list-simple-card .item-body .item-body-item .item-info .ul-info-value{display:flex;align-items:center;justify-content:space-between;color:#999;font-size:14px}.ul-order-list-simple-card .item-body .item-body-item .item-info .ul-info-money{position:absolute;bottom:0;left:0;font-size:15px;font-weight:600}.ul-order-list-simple-card .item-footer{padding-top:15px;margin-top:5px;border-top:1px solid #eee;display:flex;align-items:center;justify-content:space-between}.ul-photo-card-list{display:flex;align-items:flex-start;justify-content:flex-start;flex-wrap:wrap}.ul-photo-card-item{width:200px;margin:15px;box-shadow:0 5px 10px #999}.ul-photo-card-poster{width:100%;height:140px;background-size:cover;background-position:center}.ul-photo-card-info{padding:5px;font-size:18px;line-height:1.5}.ul-photo-card-desc{font-size:14px;color:#999}.ul-photo-list{display:flex;align-items:flex-start;justify-content:flex-start;flex-wrap:wrap}.ul-photo-item{margin:15px;text-align:center;min-width:220px}.ul-photo-poster{width:180px;height:140px;background-image:url("../static/images/avatar.png");background-size:cover;background-position:center;margin:0 auto;box-shadow:1px 1px 3px #999}.ul-photo-info{margin-top:10px;font-size:18px;line-height:1.5}.ul-photo-desc{font-size:14px;color:#999}.ul-photo-list-b{display:flex;align-items:flex-start;justify-content:flex-start;flex-wrap:wrap}.ul-photo-list-b .ul-photo-item{margin:15px;text-align:left;width:200px}.ul-photo-list-b .ul-photo-poster{width:100%;height:120px;background-image:url("../static/images/avatar.png");background-size:cover;background-position:center;margin:0 auto;box-shadow:1px 1px 3px #bbb}.ul-photo-list-b .ul-photo-info{margin-top:10px;font-size:18px;line-height:1.5}.ul-post-block-list{display:flex;align-items:flex-start;justify-content:flex-start;flex-wrap:wrap;margin:-8px}.ul-post-block-list .ul-post-block-item{margin:8px;width:calc(33.3333333333% - 16px);align-self:normal}.ul-post-block-list .ul-post-block-item:hover{background-color:#efefef}.ul-post-block-list .ul-post-block-item .poster{width:100%;height:120px}.ul-post-block-list .ul-post-block-item .title{font-size:14px;font-weight:600;line-height:20px;color:#333;margin:6px}.ul-post-block-list .ul-post-block-item .desc{margin:6px;font-size:12px;line-height:20px;color:#999}.ul-post-block-list.fixed-height .ul-post-block-item .title{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}.ul-post-block-list.fixed-height .ul-post-block-item .desc{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}.ul-post-list .ul-post-item{display:flex;align-items:stretch;justify-content:flex-start;margin-top:12px;padding-bottom:12px;border-bottom:1px solid #bbb;position:relative}.ul-post-list .ul-post-item .poster{height:120px;width:240px;margin-right:12px}.ul-post-list .ul-post-item .main{width:100%}.ul-post-list .ul-post-item .main .info{padding-bottom:28px}.ul-post-list .ul-post-item .main .info .title{font-size:14px;font-weight:600}.ul-post-list .ul-post-item .main .info .desc{font-size:12px;color:#999;margin-top:4px}.ul-post-list .ul-post-item .options{display:flex;align-items:center;justify-content:flex-end;position:absolute;bottom:12px;right:0}.ul-post-list .ul-post-item .options .item{margin-left:12px}.ul-site-group{margin-bottom:8px}.ul-site-group-header{font-size:16px;color:#333;padding-bottom:8px}.ul-site-list{display:flex;align-items:flex-start;justify-content:flex-start;flex-wrap:wrap;margin-top:8px}.ul-site-item{width:20%;margin-right:5%;display:flex;align-items:flex-start;justify-content:flex-start;margin-bottom:15px}.ul-site-item.card{background-color:#fff;border-radius:5px;padding:10px;margin-right:15px}.ul-site-item.same-height{align-self:normal}.ul-site-item-logo{width:34px;height:34px;margin-right:8px;margin-top:4px;background-size:cover;background-position:center}.ul-site-item-info{width:calc(100% - 34px)}.ul-site-item-title{color:#4662d9;font-weight:bold;text-decoration:none}.ul-site-item-desc{font-size:12px;color:#666}@media screen and (max-width: 450px){.ul-site-list{display:flex;align-items:flex-start;justify-content:space-between}.ul-site-list .ul-site-item{width:calc(50% - 10px);margin-right:0}.ul-site-list .ul-site-item.card{width:calc(50% - 30px)}.ul-site-list .ul-site-item-desc{font-size:11px;margin-top:3px}}.ul-logo{background-color:#1e9fff;border-radius:13.3333333333px;display:flex;align-items:center;justify-content:center;width:80px;height:80px;text-align:center;color:#fff;white-space:nowrap}.ul-logo .title{font-size:40px}.ul-logo .plus{font-size:clac(20px)}.ul-nav-block{border-radius:16px;overflow:hidden;background-color:#fff;color:#333}.ul-nav-block .item{padding:16px 32px;display:flex;align-items:center;justify-content:flex-start;cursor:pointer}.ul-nav-block .item .item-icon{margin-right:16px}.ul-nav-block .item.current{background-color:#ff5b72;color:#fff}.ul-nav-block .item:hover{background-color:rgba(255,91,113,.772);color:#fff}.ul-nav-grid{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:flex-start}.ul-nav-grid .item{flex:0 0 33.3333333333%;text-align:center;margin-bottom:12px}.ul-nav-grid .item .icon{text-align:center}.ul-nav-grid .item .main{padding:6px;display:flex;align-items:center;justify-content:center;width:-moz-fit-content;width:fit-content;margin:0 auto}.ul-nav-grid.colord .item.red .icon{color:#ff6961}.ul-nav-grid.colord .item.orange .icon{color:#ffa07a}.ul-nav-grid.colord .item.yellow .icon{color:hotpink}.ul-nav-grid.colord .item.green .icon{color:#2ecc71}.ul-nav-grid.colord .item.bluegreen .icon{color:#1abc9c}.ul-nav-grid.colord .item.blue .icon{color:#3498db}.ul-nav-grid.colord .item.purple .icon{color:#af7ac5}.ul-nav-grid.colord-bg .item.red .icon{color:#fff}.ul-nav-grid.colord-bg .item.red .icon .main{background-color:#ff6961;border-radius:50%}.ul-nav-grid.colord-bg .item.orange .icon{color:#fff}.ul-nav-grid.colord-bg .item.orange .icon .main{background-color:#ffa07a;border-radius:50%}.ul-nav-grid.colord-bg .item.yellow .icon{color:#fff}.ul-nav-grid.colord-bg .item.yellow .icon .main{background-color:hotpink;border-radius:50%}.ul-nav-grid.colord-bg .item.green .icon{color:#fff}.ul-nav-grid.colord-bg .item.green .icon .main{background-color:#2ecc71;border-radius:50%}.ul-nav-grid.colord-bg .item.bluegreen .icon{color:#fff}.ul-nav-grid.colord-bg .item.bluegreen .icon .main{background-color:#1abc9c;border-radius:50%}.ul-nav-grid.colord-bg .item.blue .icon{color:#fff}.ul-nav-grid.colord-bg .item.blue .icon .main{background-color:#3498db;border-radius:50%}.ul-nav-grid.colord-bg .item.purple .icon{color:#fff}.ul-nav-grid.colord-bg .item.purple .icon .main{background-color:#af7ac5;border-radius:50%}.ul-nav-grid.box{background-color:#eee;padding:.5px}.ul-nav-grid.box .item{flex:0 0 calc(33.3333333333% - 1px - 24px);margin:.5px;background-color:#fff;padding:12px}.ul-nav-info__item{display:flex;align-items:center;justify-content:space-between;padding:15px}.ul-nav-info__item__main__info{display:flex;align-items:center;justify-content:flex-start}.ul-nav-info__item__main__icon{margin-right:10px}.ul-nav-info__item__main__title{font-size:15px;font-weight:400}.ul-nav-info__item__main__content{margin-top:10px;color:#bbb;font-size:14px}.ul-nav-info__item__right{display:flex;align-items:center;justify-content:flex-end;color:#bbb}.ul-nav-info__item__right__item{margin-left:5px}.ul-nav-info__item:not(:last-child){border-bottom:1px solid #eee}.ul-nav-tree-2 .ul-nav-tree-2-group-title{font-size:14px;padding:6px 0;color:#253647;font-weight:600;word-wrap:anywhere;display:block}.ul-nav-tree-2 .ul-nav-tree-2-item{cursor:pointer}.ul-nav-tree-2 .ul-nav-tree-2-item.current .ul-nav-tree-2-item-title,.ul-nav-tree-2 .ul-nav-tree-2-item:hover .ul-nav-tree-2-item-title{color:#6cf;text-decoration:underline}.ul-nav-tree-2 .ul-nav-tree-2-item-title{font-size:14px;color:#999;padding-left:15px;line-height:24px;word-wrap:anywhere}.ul-link-select{display:flex;align-items:flex-start;justify-content:flex-start}.ul-link-title{margin-right:15px;white-space:nowrap}.ul-link-list{display:flex;align-items:flex-start;justify-content:flex-start;flex-wrap:wrap}.ul-link-item{padding:0px 10px;cursor:pointer;margin-right:10px;margin-bottom:5px}.ul-link-item.current{border-radius:15px;border:1px solid #6cf;color:#6cf}.ul-info-tips{padding:15px;background-color:hsla(0,0%,100%,.6)}.ul-card-status{padding:5px;border-radius:5px}.ul-card-options{float:right;cursor:pointer}.data-item{margin-right:15px}.data-img .data-img-main{max-width:120px;margin:5px}.data-img{display:block}.ul-card-list{display:flex;flex-wrap:wrap}.ul-card-list .ul-card{margin-right:15px}.ul-card-list .layui-card:last-child{margin-bottom:15px}.ul-title{text-align:center;line-height:1.5}.ul-title-main{font-size:16px}.ul-title-plus{color:#999}.ul-title-line{border-top:2px solid #666;margin-top:8px}.ul-message-item{margin-bottom:15px;display:flex;justify-content:flex-start;align-items:flex-start;padding:15px}.ul-message-item-left{width:120px}.ul-message-item-right{width:calc(100% - 120px)}.ul-message-item-info{position:relative}.ul-message-item-options{position:absolute;right:0;top:0}.ul-message-item-avatar{background-size:cover;background-position:center;width:100px;height:100px;border-radius:50%}.ul-message-item-name{display:flex;color:#6cf;font-size:16px}.ul-message-item-data{display:flex;font-size:14px;color:#999;margin-top:10px}.ul-message-item-content{background-color:#f0f0f0;padding:15px;margin-top:10px}.ul-message-item-img-list{margin-top:10px}.ul-message-item-img{width:160px;height:120px;background-size:cover;background-position:center;margin-right:10px;display:inline-block}.ul-nav-easy{background-color:rgba(0,0,0,0)}.layui-nav-tree.ul-nav-easy .layui-nav-item>a{color:#666}.layui-nav-tree.ul-nav-easy .layui-this{background-color:rgba(0,0,0,0)}.layui-nav-tree.ul-nav-easy .layui-this>a{background-color:rgba(0,0,0,0);color:#6cf}.layui-nav-tree.ul-nav-easy .layui-nav-item.layui-this a:hover{color:#6cf}.layui-nav-tree.ul-nav-easy .layui-nav-item a:hover{color:#fff}.layui-nav-tree.ul-nav-easy .layui-nav-item a{height:45px;line-height:45px}.search-item{margin-bottom:15px}.ul-upload-photo-item{display:inline-block;width:120px;height:120px;margin:5px;background-color:#ddd;cursor:pointer;box-shadow:0 3px 5px #999;position:relative}.ul-upload-photo-main{background-size:cover;background-position:center;width:100%;height:100%}.ul-upload-photo-delete{position:absolute;right:5px;top:5px;z-index:999;font-size:20px;color:#fff;text-shadow:0 0 2px #000}.ul-upload-photo-button{background-image:url("img/upload.png");background-size:cover;background-position:center}.ul-group-title{color:#999;border-bottom:1px solid #bbb;padding:5px 0;margin-bottom:15px}.ul-tree-item{background-color:#fbfbfb;cursor:pointer}.ul-tree-item.disabled,.ul-tree-item.disabled .ul-tree-item{background-color:#eee;cursor:not-allowed}.ul-tree-item-info{border-left:3px solid rgba(0,0,0,0);padding:0px 0;position:relative;min-height:35px;line-height:35px}.ul-tree-item-info.current{background-color:#9cf;border-color:#69c}.ul-tree-item-info:hover{background-color:#bedeff;border-color:#69c}.ul-tree-item-title{margin-left:25px}.ul-tree-item-icon{position:absolute;left:5px;top:0}.ul-tree-item-info:hover .ul-tree-item-options-item{display:block}.ul-tree-item-options{position:absolute;right:15px;top:0;height:100%;display:flex;align-items:center}.ul-tree-item-options-item{margin-left:10px;display:none;height:100%;line-height:35px}.ul-input-table{text-align:center}.ul-input-table tbody td,.ul-input-table tbody th{padding:2px 4px}.ul-input-table .layui-form-checkbox[lay-skin=primary]{margin-top:0px}.ul-input-table .layui-form-select dl dd{text-align:left}.ul-nav-min{box-shadow:2px 2px 5px #999;padding:5px;text-align:center}.ul-nav-min .ul-nav-min-item{padding:5px 0;cursor:pointer;color:#333;display:block}.ul-nav-min-item:hover{color:#6cf}.ul-header-a{background-color:#f8f8f8;border-bottom:1px solid #e8e8e8;color:#666}.ul-header-a-main{display:flex;align-items:center;justify-content:space-between;padding:5px;margin:0 auto}.ul-header-a-nav-item{margin-right:15px;position:relative;display:flex;align-items:center;cursor:pointer}.ul-header-a-nav-item:hover .ul-header-a-nav-plus{display:block}.ul-header-a-img{height:24px;width:24px;background-size:cover;background-position:center;margin-right:10px}.ul-header-a-right{display:flex;align-items:center}.ul-header-a-nav-plus{position:absolute;top:100%;left:50%;display:none;background-color:rgba(0,0,0,0);z-index:99999}.ul-header-a-nav-plus>.ul-nav-min{background-color:#fff;margin-top:15px}.ul-nav-header-main{display:flex;align-items:center;justify-content:space-between;padding:5px 15px;margin:0 auto}.ul-nav-header-right{text-align:right}.ul-nav-header-item{display:inline-block;margin-right:15px;cursor:pointer;padding:5px 15px;color:#333}.ul-nav-header-item:hover{color:#6cf}.ul-nav-header-red{background-color:#f72222}.ul-nav-header-red .ul-nav-header-item{color:#fff}.ul-nav-header-red .ul-nav-header-item:hover{color:#fedf50}.ul-nav-header-primary{background-color:#6cf}.ul-nav-header-primary .ul-nav-header-item{color:#fff}.ul-nav-header-primary .ul-nav-header-item:hover{color:#cff}.ul-card-a{width:180px;display:flex;justify-content:space-between;border:1px solid #bbb;box-shadow:2px 2px 5px #999;color:#516073;padding:15px;cursor:pointer;margin-right:15px;margin-bottom:15px;position:relative}.ul-card-a-left{width:40%}.ul-card-a-right{display:flex;align-items:center;text-align:center;width:50%}.ul-card-a-title{font-size:18px}.ul-card-a-desc{margin-top:5px;font-size:14px;white-space:nowrap}.ul-nav-poster{padding:5px;border:1px solid #ddd;border-top-width:3px}.ul-nav-poster-item{display:flex;justify-content:space-between;align-items:center;cursor:pointer}.ul-nav-poster-left{display:flex;align-items:center}.ul-nav-post-title{color:#333;font-weight:bold}.ul-nav-poster-desc{color:#999;font-size:12px;font-weight:100}.ul-nav-poster-img{width:38px;height:38px;margin:5px;background-size:cover;background-position:center}.ul-nav-poster-item:not(:last-child){border-bottom:1px dashed #ddd}.ul-card-bank{width:249px;border:1px solid #e4e4e4;border-radius:5px;box-shadow:0 1px 1px #e9e9e9;display:inline-block;margin-right:14px;margin-bottom:10px;color:#666;font-size:12px;cursor:pointer}.ul-card-bank-header{padding:10px 0;margin:0 14px;border-bottom:1px dotted #d9d9d9}.ul-card-bank-body{height:40px;padding:10px 10px 20px 0}.ul-card-bank-line{width:88px;height:23px;font-weight:100;text-align:center;background:#2e4158;border-radius:0 3px 0 0;font-size:14px;float:left}.ul-card-bank-footer{padding:3px 14px;background:#f8f8f8;border-top:1px solid #e7e7e7}.ul-card-bank-line-triangle{width:0px;height:3px;display:block;float:right;border-left:9px solid rgba(0,0,0,0);border-bottom:20px solid #fff}.ul-card-bank-tips{color:#6cf;font-size:14px}.ul-nav-link-item{display:inline-block;margin:5px 0;padding:0 10px;border:1px solid rgba(0,0,0,0);color:#333;white-space:nowrap}.ul-nav-link-item:not(:last-child){border-right-color:#666}.ul-group-title-2{background:#d2dbe0;width:84px;height:28px;line-height:28px;font-size:14px;font-weight:bold;text-align:center;position:relative;margin-top:30px;margin-bottom:14px;color:#666}.ul-group-title-2::after{content:"";width:0;height:0;position:absolute;border-top:14px solid rgba(0,0,0,0);border-bottom:14px solid rgba(0,0,0,0);border-left:15px solid #d2dbe0;right:-15px;top:0px}.ul-nav-card-item{padding:0 15px;border:1px solid #ddd;border-radius:6px;height:82px;margin-bottom:10px;display:flex;align-items:center;justify-content:space-between}.ul-nav-card-item-left{display:flex;align-items:center;justify-content:flex-start}.ul-nav-card-item-icon{font-size:28px;width:50px;height:50px;border-radius:5px;line-height:50px;text-align:center;background:#2e4158;display:inline-block;color:#fff;vertical-align:bottom}.ul-nav-card-item-info{margin-left:10px}.ul-nav-card-item-title{font-size:14px;color:#253647;font-weight:700;margin-bottom:4px}.ul-nav-card-item-desc{color:#666;font-size:12px}.ul-nav-card-item.disabled .ul-nav-card-item-icon{background-color:#908b8b}.ul-doc-info-page-list{padding:15px;color:#999}.ul-doc-info-page-item{line-height:2;padding:0 15px;position:relative}.ul-doc-info-page-item.page{cursor:pointer;font-size:18px}.ul-doc-info-page-item.group{color:#bbb;font-size:16px}.ul-doc-info-page-item.point{color:#eee;font-size:14px}.ul-doc-info-page-item.page:hover{background-color:#555}.ul-doc-info-page-item.level-1{margin-left:15px}.ul-doc-info-page-item.level-2{margin-left:30px}.ul-doc-info-page-item.level-3{margin-left:45px}.ul-nav-button-item{display:flex;align-items:center;justify-content:flex-start;margin-bottom:10px;border-radius:8px;padding:10px;box-shadow:0px 1px 3px #bbb;background-color:#fff;cursor:pointer}.ul-nav-button-icon{margin-right:10px}.ul-nav-button-icon .icon{font-size:38px;color:#999}.ul-nav-button-title{color:#333;font-size:16px;font-weight:600}.ul-nav-button-desc{color:#666;font-size:14px}.ul-timeline-rowstyle{display:flex;flex-wrap:nowrap;overflow-x:auto;width:100%}.ul-timeline-rowstyle .layui-timeline-item{margin-right:15px;min-width:300px}.ul-timeline-rowstyle .layui-timeline-item:last-child::before{display:block}
\ No newline at end of file
diff --git a/source/components/_index.scss b/source/components/_index.scss
index b68169b..643dbeb 100644
--- a/source/components/_index.scss
+++ b/source/components/_index.scss
@@ -1,4 +1,5 @@
 @import './blockquote/layui-quote-gray/index';
+@import './card/ul-card-a/index';
 @import './card/ul-card-avatar-info/index';
 @import './card/ul-card-data-a/index';
 @import './card/ul-card-data-simple/index';
diff --git a/source/components/card/ul-card-a/_index.env b/source/components/card/ul-card-a/_index.env
new file mode 100644
index 0000000..5304889
--- /dev/null
+++ b/source/components/card/ul-card-a/_index.env
@@ -0,0 +1,6 @@
+title=ul-card-a
+padding=0
+margin=0
+gray=0
+mobile=0
+inner_margin=0
\ No newline at end of file
diff --git a/source/components/card/ul-card-a/_index.html b/source/components/card/ul-card-a/_index.html
new file mode 100644
index 0000000..39d38d5
--- /dev/null
+++ b/source/components/card/ul-card-a/_index.html
@@ -0,0 +1,20 @@
+<div class="ul-common-flex-list">
+    <div
+        class="ul-card-a"
+        data-repeat="3"
+    >
+        <div class="ul-card-a-left ul-demo-img-bg">
+
+        </div>
+        <div class="ul-card-a-right">
+            <div class="ul-card-a-main">
+                <div class="ul-card-a-title">
+                    卡片标题
+                </div>
+                <div class="ul-card-a-desc">
+                    这是卡片说明
+                </div>
+            </div>
+        </div>
+    </div>
+</div>
\ No newline at end of file
diff --git a/source/components/card/ul-card-a/_index.md b/source/components/card/ul-card-a/_index.md
new file mode 100644
index 0000000..e69de29
diff --git a/source/components/card/ul-card-a/_index.php b/source/components/card/ul-card-a/_index.php
new file mode 100644
index 0000000..ca5d8ed
--- /dev/null
+++ b/source/components/card/ul-card-a/_index.php
@@ -0,0 +1,5 @@
+<?php
+
+return [
+
+];
diff --git a/source/components/card/ul-card-a/_index.scss b/source/components/card/ul-card-a/_index.scss
new file mode 100644
index 0000000..aadd476
--- /dev/null
+++ b/source/components/card/ul-card-a/_index.scss
@@ -0,0 +1,35 @@
+
+.ul-card-a {
+  width: 180px;
+  display: flex;
+  justify-content: space-between;
+  border: 1px solid #bbb;
+  box-shadow: 2px 2px 5px #999;
+  color: #516073;
+  padding: 15px;
+  cursor: pointer;
+  margin-right: 15px;
+  margin-bottom: 15px;
+  position: relative;
+}
+
+.ul-card-a-left {
+  width: 40%;
+}
+
+.ul-card-a-right {
+  display: flex;
+  align-items: center;
+  text-align: center;
+  width: 50%;
+}
+
+.ul-card-a-title {
+  font-size: 18px;
+}
+
+.ul-card-a-desc {
+  margin-top: 5px;
+  font-size: 14px;
+  white-space: nowrap;
+}