优化课程列表标签动画表现;

demo/pc/list.html

@@ -272,10 +272,10 @@
             <div class="ul-course-list">
                 <a class="ul-course-item" data-repeat="10">
                     <div class="ul-course-item-poster-container">
-                        <div class="ul-course-item-poster" style="background-image: url('/static/images/view.jpg');">
                         <div class="layui-btn layui-btn-xs ul-course-item-tag">
                             免费
                         </div>
+                        <div class="ul-course-item-poster" style="background-image: url('/static/images/view.jpg');">
                         </div>
                     </div>
                     <div class="ul-course-item-info">

public/cdn/layui-ul-change.css

@@ -111,6 +111,16 @@
     background-color: #66CCFF !important;
 }
 
+.layui-form-checked span,
+.layui-form-checked:hover span {
+    background-color: #66CCFF;
+}
+
+.layui-form-checked i,
+.layui-form-checked:hover i {
+    color: #66CCFF;
+}
+
 .layui-form-select dl dd.layui-this {
     background-color: #66CCFF;
 }

public/cdn/layui-ul.css

@@ -234,6 +234,7 @@
 
 .ul-link-title {
     margin-right: 15px;
+    white-space : nowrap;
 }
 
 .ul-link-list {
@@ -248,6 +249,7 @@
     padding      : 0px 10px;
     cursor       : pointer;
     margin-right : 10px;
+    margin-bottom: 5px;
 }
 
 .ul-link-item.current {
@@ -1042,10 +1044,10 @@
     font-size    : 14px;
     color        : #253647;
     font-weight  : 700;
+    margin-bottom: 4px;
 }
 
 .ul-nav-card-item-desc {
-    line-height: 28px;
     color    : #666;
     font-size: 12px;
 }
@@ -1159,6 +1161,7 @@
     position: absolute;
     right   : 8px;
     top     : 8px;
+    z-index : 9999;
 }
 
 .ul-course-item-info {
@@ -1183,12 +1186,13 @@
     transform: scale(1.2)
 }
 
-.ul-course-item-poster:hover .ul-course-item-tag {
+.ul-course-item-poster-container:hover .ul-course-item-tag {
     display: none;
 }
 
 .ul-course-item-poster-container {
     overflow: hidden;
+    position: relative;
 }
 
 .ul-avatar-sidebar-list-item {
@@ -1352,11 +1356,18 @@ body .layui-quote-gray {
     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 {
@@ -1390,6 +1401,7 @@ body .layui-quote-gray {
     padding         : 10px;
     box-shadow      : 0px 1px 3px #bbb;
     background-color: #fff;
+    cursor          : pointer;
 }
 
 .ul-nav-button-icon {