From 0f0d87ffbe149d47342d2bf5d5e9ae6ce130c901 Mon Sep 17 00:00:00 2001
From: Surpriseplus <845948745@qq.com>
Date: 星期四, 20 十月 2022 09:44:05 +0800
Subject: [PATCH] 综合展示
---
public/SmartEarthSDK/Workers/layui/css/layui.css | 5831 +++++++++++++++++++++++++++++++---------------------------
1 files changed, 3,091 insertions(+), 2,740 deletions(-)
diff --git a/public/SmartEarthSDK/Workers/layui/css/layui.css b/public/SmartEarthSDK/Workers/layui/css/layui.css
index 8d57b50..0f9e6b1 100644
--- a/public/SmartEarthSDK/Workers/layui/css/layui.css
+++ b/public/SmartEarthSDK/Workers/layui/css/layui.css
@@ -1,5262 +1,5613 @@
/** layui-v2.5.4 MIT License By https://www.layui.com */
-.layui-inline, img {
- display: inline-block;
- vertical-align: middle
+.layui-inline,
+img {
+ display: inline-block;
+ vertical-align: middle;
}
-h1, h2, h3, h4, h5, h6 {
- font-weight: 400
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+ font-weight: 400;
}
-.layui-edge, .layui-header, .layui-inline, .layui-main {
- position: relative
+.layui-edge,
+.layui-header,
+.layui-inline,
+.layui-main {
+ position: relative;
}
-.layui-body, .layui-edge, .layui-elip {
- overflow: hidden
+.layui-body,
+.layui-edge,
+.layui-elip {
+ overflow: hidden;
}
-.layui-btn, .layui-edge, .layui-inline, img {
- vertical-align: middle
+.layui-btn,
+.layui-edge,
+.layui-inline,
+img {
+ vertical-align: middle;
}
-.layui-btn, .layui-disabled, .layui-icon, .layui-unselect {
- -moz-user-select: none;
- -webkit-user-select: none;
- -ms-user-select: none
+.layui-btn,
+.layui-disabled,
+.layui-icon,
+.layui-unselect {
+ -moz-user-select: none;
+ -webkit-user-select: none;
+ -ms-user-select: none;
}
-.layui-elip, .layui-form-checkbox span, .layui-form-pane .layui-form-label {
- text-overflow: ellipsis;
- white-space: nowrap
+.layui-elip,
+.layui-form-checkbox span,
+.layui-form-pane .layui-form-label {
+ text-overflow: ellipsis;
+ white-space: nowrap;
}
-.layui-breadcrumb, .layui-tree-btnGroup {
- visibility: hidden
+.layui-breadcrumb,
+.layui-tree-btnGroup {
+ visibility: hidden;
}
-blockquote, body, button, dd, div, dl, dt, form, h1, h2, h3, h4, h5, h6, input, li, ol, p, pre, td, textarea, th, ul {
- margin: 0;
- padding: 0;
- -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
+blockquote,
+body,
+button,
+dd,
+div,
+dl,
+dt,
+form,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6,
+input,
+li,
+ol,
+p,
+pre,
+td,
+textarea,
+th,
+ul {
+ margin: 0;
+ padding: 0;
+ -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
-a:active, a:hover {
- outline: 0
+a:active,
+a:hover {
+ outline: 0;
}
img {
- border: none
+ border: none;
}
li {
- list-style: none
+ list-style: none;
}
table {
- border-collapse: collapse;
- border-spacing: 0
+ border-collapse: collapse;
+ border-spacing: 0;
}
-h4, h5, h6 {
- font-size: 100%
+h4,
+h5,
+h6 {
+ font-size: 100%;
}
-button, input, optgroup, option, select, textarea {
- font-family: inherit;
- font-size: inherit;
- font-style: inherit;
- font-weight: inherit;
- outline: 0
+button,
+input,
+optgroup,
+option,
+select,
+textarea {
+ font-family: inherit;
+ font-size: inherit;
+ font-style: inherit;
+ font-weight: inherit;
+ outline: 0;
}
pre {
- white-space: pre-wrap;
- white-space: -moz-pre-wrap;
- white-space: -pre-wrap;
- white-space: -o-pre-wrap;
- word-wrap: break-word
+ white-space: pre-wrap;
+ white-space: -moz-pre-wrap;
+ white-space: -pre-wrap;
+ white-space: -o-pre-wrap;
+ word-wrap: break-word;
}
body {
- line-height: 24px;
- font: 14px Helvetica Neue, Helvetica, PingFang SC, Tahoma, Arial, sans-serif
+ line-height: 24px;
+ font: 14px Helvetica Neue, Helvetica, PingFang SC, Tahoma, Arial, sans-serif;
}
hr {
- height: 1px;
- margin: 10px 0;
- border: 0;
- clear: both
+ height: 1px;
+ margin: 10px 0;
+ border: 0;
+ clear: both;
}
a {
- color: #333;
- text-decoration: none
+ color: #333;
+ text-decoration: none;
}
a:hover {
- color: #777
+ color: #777;
}
a cite {
- font-style: normal;
- *cursor: pointer
+ font-style: normal;
+ *cursor: pointer;
}
-.layui-border-box, .layui-border-box * {
- box-sizing: border-box
+.layui-border-box,
+.layui-border-box * {
+ box-sizing: border-box;
}
-.layui-box, .layui-box * {
- box-sizing: content-box
+.layui-box,
+.layui-box * {
+ box-sizing: content-box;
}
.layui-clear {
- clear: both;
- *zoom: 1
+ clear: both;
+ *zoom: 1;
}
.layui-clear:after {
- content: '\20';
- clear: both;
- *zoom: 1;
- display: block;
- height: 0
+ content: "\20";
+ clear: both;
+ *zoom: 1;
+ display: block;
+ height: 0;
}
.layui-inline {
- *display: inline;
- *zoom: 1
+ *display: inline;
+ *zoom: 1;
}
.layui-edge {
- display: inline-block;
- width: 0;
- height: 0;
- border-width: 6px;
- border-style: dashed;
- border-color: transparent
+ display: inline-block;
+ width: 0;
+ height: 0;
+ border-width: 6px;
+ border-style: dashed;
+ border-color: transparent;
}
.layui-edge-top {
- top: -4px;
- border-bottom-color: #999;
- border-bottom-style: solid
+ top: -4px;
+ border-bottom-color: #999;
+ border-bottom-style: solid;
}
.layui-edge-right {
- border-left-color: #999;
- border-left-style: solid
+ border-left-color: #999;
+ border-left-style: solid;
}
.layui-edge-bottom {
- top: 2px;
- border-top-color: #999;
- border-top-style: solid
+ top: 2px;
+ border-top-color: #999;
+ border-top-style: solid;
}
.layui-edge-left {
- border-right-color: #999;
- border-right-style: solid
+ border-right-color: #999;
+ border-right-style: solid;
}
-.layui-disabled, .layui-disabled:hover {
- color: #d2d2d2 !important;
- cursor: not-allowed !important
+.layui-disabled,
+.layui-disabled:hover {
+ color: #d2d2d2 !important;
+ cursor: not-allowed !important;
}
.layui-circle {
- border-radius: 100%
+ border-radius: 100%;
}
.layui-show {
- display: block !important
+ display: block !important;
}
.layui-hide {
- display: none !important
+ display: none !important;
}
@font-face {
- font-family: layui-icon;
- src: url(../font/iconfont.eot?v=250);
- src: url(../font/iconfont.eot?v=250#iefix) format('embedded-opentype'), url(../font/iconfont.woff2?v=250) format('woff2'), url(../font/iconfont.woff?v=250) format('woff'), url(../font/iconfont.ttf?v=250) format('truetype'), url(../font/iconfont.svg?v=250#layui-icon) format('svg')
+ font-family: layui-icon;
+ src: url(../font/iconfont.eot?v=250);
+ src: url(../font/iconfont.eot?v=250#iefix) format("embedded-opentype"),
+ url(../font/iconfont.woff2?v=250) format("woff2"),
+ url(../font/iconfont.woff?v=250) format("woff"),
+ url(../font/iconfont.ttf?v=250) format("truetype"),
+ url(../font/iconfont.svg?v=250#layui-icon) format("svg");
}
.layui-icon {
- font-family: layui-icon !important;
- font-size: 16px;
- font-style: normal;
- -webkit-font-smoothing: antialiased;
- -moz-osx-font-smoothing: grayscale
+ font-family: layui-icon !important;
+ font-size: 16px;
+ font-style: normal;
+ -webkit-font-smoothing: antialiased;
+ -moz-osx-font-smoothing: grayscale;
}
.layui-icon-reply-fill:before {
- content: "\e611"
+ content: "\e611";
}
.layui-icon-set-fill:before {
- content: "\e614"
+ content: "\e614";
}
.layui-icon-menu-fill:before {
- content: "\e60f"
+ content: "\e60f";
}
.layui-icon-search:before {
- content: "\e615"
+ content: "\e615";
}
.layui-icon-share:before {
- content: "\e641"
+ content: "\e641";
}
.layui-icon-set-sm:before {
- content: "\e620"
+ content: "\e620";
}
.layui-icon-engine:before {
- content: "\e628"
+ content: "\e628";
}
.layui-icon-close:before {
- content: "\1006"
+ content: "\1006";
}
.layui-icon-close-fill:before {
- content: "\1007"
+ content: "\1007";
}
.layui-icon-chart-screen:before {
- content: "\e629"
+ content: "\e629";
}
.layui-icon-star:before {
- content: "\e600"
+ content: "\e600";
}
.layui-icon-circle-dot:before {
- content: "\e617"
+ content: "\e617";
}
.layui-icon-chat:before {
- content: "\e606"
+ content: "\e606";
}
.layui-icon-release:before {
- content: "\e609"
+ content: "\e609";
}
.layui-icon-list:before {
- content: "\e60a"
+ content: "\e60a";
}
.layui-icon-chart:before {
- content: "\e62c"
+ content: "\e62c";
}
.layui-icon-ok-circle:before {
- content: "\1005"
+ content: "\1005";
}
.layui-icon-layim-theme:before {
- content: "\e61b"
+ content: "\e61b";
}
.layui-icon-table:before {
- content: "\e62d"
+ content: "\e62d";
}
.layui-icon-right:before {
- content: "\e602"
+ content: "\e602";
}
.layui-icon-left:before {
- content: "\e603"
+ content: "\e603";
}
.layui-icon-cart-simple:before {
- content: "\e698"
+ content: "\e698";
}
.layui-icon-face-cry:before {
- content: "\e69c"
+ content: "\e69c";
}
.layui-icon-face-smile:before {
- content: "\e6af"
+ content: "\e6af";
}
.layui-icon-survey:before {
- content: "\e6b2"
+ content: "\e6b2";
}
.layui-icon-tree:before {
- content: "\e62e"
+ content: "\e62e";
}
.layui-icon-upload-circle:before {
- content: "\e62f"
+ content: "\e62f";
}
.layui-icon-add-circle:before {
- content: "\e61f"
+ content: "\e61f";
}
.layui-icon-download-circle:before {
- content: "\e601"
+ content: "\e601";
}
.layui-icon-templeate-1:before {
- content: "\e630"
+ content: "\e630";
}
.layui-icon-util:before {
- content: "\e631"
+ content: "\e631";
}
.layui-icon-face-surprised:before {
- content: "\e664"
+ content: "\e664";
}
.layui-icon-edit:before {
- content: "\e642"
+ content: "\e642";
}
.layui-icon-speaker:before {
- content: "\e645"
+ content: "\e645";
}
.layui-icon-down:before {
- content: "\e61a"
+ content: "\e61a";
}
.layui-icon-file:before {
- content: "\e621"
+ content: "\e621";
}
.layui-icon-layouts:before {
- content: "\e632"
+ content: "\e632";
}
.layui-icon-rate-half:before {
- content: "\e6c9"
+ content: "\e6c9";
}
.layui-icon-add-circle-fine:before {
- content: "\e608"
+ content: "\e608";
}
.layui-icon-prev-circle:before {
- content: "\e633"
+ content: "\e633";
}
.layui-icon-read:before {
- content: "\e705"
+ content: "\e705";
}
.layui-icon-404:before {
- content: "\e61c"
+ content: "\e61c";
}
.layui-icon-carousel:before {
- content: "\e634"
+ content: "\e634";
}
.layui-icon-help:before {
- content: "\e607"
+ content: "\e607";
}
.layui-icon-code-circle:before {
- content: "\e635"
+ content: "\e635";
}
.layui-icon-water:before {
- content: "\e636"
+ content: "\e636";
}
.layui-icon-username:before {
- content: "\e66f"
+ content: "\e66f";
}
.layui-icon-find-fill:before {
- content: "\e670"
+ content: "\e670";
}
.layui-icon-about:before {
- content: "\e60b"
+ content: "\e60b";
}
.layui-icon-location:before {
- content: "\e715"
+ content: "\e715";
}
.layui-icon-up:before {
- content: "\e619"
+ content: "\e619";
}
.layui-icon-pause:before {
- content: "\e651"
+ content: "\e651";
}
.layui-icon-date:before {
- content: "\e637"
+ content: "\e637";
}
.layui-icon-layim-uploadfile:before {
- content: "\e61d"
+ content: "\e61d";
}
.layui-icon-delete:before {
- content: "\e640"
+ content: "\e640";
}
.layui-icon-play:before {
- content: "\e652"
+ content: "\e652";
}
.layui-icon-top:before {
- content: "\e604"
+ content: "\e604";
}
.layui-icon-friends:before {
- content: "\e612"
+ content: "\e612";
}
.layui-icon-refresh-3:before {
- content: "\e9aa"
+ content: "\e9aa";
}
.layui-icon-ok:before {
- content: "\e605"
+ content: "\e605";
}
.layui-icon-layer:before {
- content: "\e638"
+ content: "\e638";
}
.layui-icon-face-smile-fine:before {
- content: "\e60c"
+ content: "\e60c";
}
.layui-icon-dollar:before {
- content: "\e659"
+ content: "\e659";
}
.layui-icon-group:before {
- content: "\e613"
+ content: "\e613";
}
.layui-icon-layim-download:before {
- content: "\e61e"
+ content: "\e61e";
}
.layui-icon-picture-fine:before {
- content: "\e60d"
+ content: "\e60d";
}
.layui-icon-link:before {
- content: "\e64c"
+ content: "\e64c";
}
.layui-icon-diamond:before {
- content: "\e735"
+ content: "\e735";
}
.layui-icon-log:before {
- content: "\e60e"
+ content: "\e60e";
}
.layui-icon-rate-solid:before {
- content: "\e67a"
+ content: "\e67a";
}
.layui-icon-fonts-del:before {
- content: "\e64f"
+ content: "\e64f";
}
.layui-icon-unlink:before {
- content: "\e64d"
+ content: "\e64d";
}
.layui-icon-fonts-clear:before {
- content: "\e639"
+ content: "\e639";
}
.layui-icon-triangle-r:before {
- content: "\e623"
+ content: "\e623";
}
.layui-icon-circle:before {
- content: "\e63f"
+ content: "\e63f";
}
.layui-icon-radio:before {
- content: "\e643"
+ content: "\e643";
}
.layui-icon-align-center:before {
- content: "\e647"
+ content: "\e647";
}
.layui-icon-align-right:before {
- content: "\e648"
+ content: "\e648";
}
.layui-icon-align-left:before {
- content: "\e649"
+ content: "\e649";
}
.layui-icon-loading-1:before {
- content: "\e63e"
+ content: "\e63e";
}
.layui-icon-return:before {
- content: "\e65c"
+ content: "\e65c";
}
.layui-icon-fonts-strong:before {
- content: "\e62b"
+ content: "\e62b";
}
.layui-icon-upload:before {
- content: "\e67c"
+ content: "\e67c";
}
.layui-icon-dialogue:before {
- content: "\e63a"
+ content: "\e63a";
}
.layui-icon-video:before {
- content: "\e6ed"
+ content: "\e6ed";
}
.layui-icon-headset:before {
- content: "\e6fc"
+ content: "\e6fc";
}
.layui-icon-cellphone-fine:before {
- content: "\e63b"
+ content: "\e63b";
}
.layui-icon-add-1:before {
- content: "\e654"
+ content: "\e654";
}
.layui-icon-face-smile-b:before {
- content: "\e650"
+ content: "\e650";
}
.layui-icon-fonts-html:before {
- content: "\e64b"
+ content: "\e64b";
}
.layui-icon-form:before {
- content: "\e63c"
+ content: "\e63c";
}
.layui-icon-cart:before {
- content: "\e657"
+ content: "\e657";
}
.layui-icon-camera-fill:before {
- content: "\e65d"
+ content: "\e65d";
}
.layui-icon-tabs:before {
- content: "\e62a"
+ content: "\e62a";
}
.layui-icon-fonts-code:before {
- content: "\e64e"
+ content: "\e64e";
}
.layui-icon-fire:before {
- content: "\e756"
+ content: "\e756";
}
.layui-icon-set:before {
- content: "\e716"
+ content: "\e716";
}
.layui-icon-fonts-u:before {
- content: "\e646"
+ content: "\e646";
}
.layui-icon-triangle-d:before {
- content: "\e625"
+ content: "\e625";
}
.layui-icon-tips:before {
- content: "\e702"
+ content: "\e702";
}
.layui-icon-picture:before {
- content: "\e64a"
+ content: "\e64a";
}
.layui-icon-more-vertical:before {
- content: "\e671"
+ content: "\e671";
}
.layui-icon-flag:before {
- content: "\e66c"
+ content: "\e66c";
}
.layui-icon-loading:before {
- content: "\e63d"
+ content: "\e63d";
}
.layui-icon-fonts-i:before {
- content: "\e644"
+ content: "\e644";
}
.layui-icon-refresh-1:before {
- content: "\e666"
+ content: "\e666";
}
.layui-icon-rmb:before {
- content: "\e65e"
+ content: "\e65e";
}
.layui-icon-home:before {
- content: "\e68e"
+ content: "\e68e";
}
.layui-icon-user:before {
- content: "\e770"
+ content: "\e770";
}
.layui-icon-notice:before {
- content: "\e667"
+ content: "\e667";
}
.layui-icon-login-weibo:before {
- content: "\e675"
+ content: "\e675";
}
.layui-icon-voice:before {
- content: "\e688"
+ content: "\e688";
}
.layui-icon-upload-drag:before {
- content: "\e681"
+ content: "\e681";
}
.layui-icon-login-qq:before {
- content: "\e676"
+ content: "\e676";
}
.layui-icon-snowflake:before {
- content: "\e6b1"
+ content: "\e6b1";
}
.layui-icon-file-b:before {
- content: "\e655"
+ content: "\e655";
}
.layui-icon-template:before {
- content: "\e663"
+ content: "\e663";
}
.layui-icon-auz:before {
- content: "\e672"
+ content: "\e672";
}
.layui-icon-console:before {
- content: "\e665"
+ content: "\e665";
}
.layui-icon-app:before {
- content: "\e653"
+ content: "\e653";
}
.layui-icon-prev:before {
- content: "\e65a"
+ content: "\e65a";
}
.layui-icon-website:before {
- content: "\e7ae"
+ content: "\e7ae";
}
.layui-icon-next:before {
- content: "\e65b"
+ content: "\e65b";
}
.layui-icon-component:before {
- content: "\e857"
+ content: "\e857";
}
.layui-icon-more:before {
- content: "\e65f"
+ content: "\e65f";
}
.layui-icon-login-wechat:before {
- content: "\e677"
+ content: "\e677";
}
.layui-icon-shrink-right:before {
- content: "\e668"
+ content: "\e668";
}
.layui-icon-spread-left:before {
- content: "\e66b"
+ content: "\e66b";
}
.layui-icon-camera:before {
- content: "\e660"
+ content: "\e660";
}
.layui-icon-note:before {
- content: "\e66e"
+ content: "\e66e";
}
.layui-icon-refresh:before {
- content: "\e669"
+ content: "\e669";
}
.layui-icon-female:before {
- content: "\e661"
+ content: "\e661";
}
.layui-icon-male:before {
- content: "\e662"
+ content: "\e662";
}
.layui-icon-password:before {
- content: "\e673"
+ content: "\e673";
}
.layui-icon-senior:before {
- content: "\e674"
+ content: "\e674";
}
.layui-icon-theme:before {
- content: "\e66a"
+ content: "\e66a";
}
.layui-icon-tread:before {
- content: "\e6c5"
+ content: "\e6c5";
}
.layui-icon-praise:before {
- content: "\e6c6"
+ content: "\e6c6";
}
.layui-icon-star-fill:before {
- content: "\e658"
+ content: "\e658";
}
.layui-icon-rate:before {
- content: "\e67b"
+ content: "\e67b";
}
.layui-icon-template-1:before {
- content: "\e656"
+ content: "\e656";
}
.layui-icon-vercode:before {
- content: "\e679"
+ content: "\e679";
}
.layui-icon-cellphone:before {
- content: "\e678"
+ content: "\e678";
}
.layui-icon-screen-full:before {
- content: "\e622"
+ content: "\e622";
}
.layui-icon-screen-restore:before {
- content: "\e758"
+ content: "\e758";
}
.layui-icon-cols:before {
- content: "\e610"
+ content: "\e610";
}
.layui-icon-export:before {
- content: "\e67d"
+ content: "\e67d";
}
.layui-icon-print:before {
- content: "\e66d"
+ content: "\e66d";
}
.layui-icon-slider:before {
- content: "\e714"
+ content: "\e714";
}
.layui-icon-addition:before {
- content: "\e624"
+ content: "\e624";
}
.layui-icon-subtraction:before {
- content: "\e67e"
+ content: "\e67e";
}
.layui-icon-service:before {
- content: "\e626"
+ content: "\e626";
}
.layui-icon-transfer:before {
- content: "\e691"
+ content: "\e691";
}
.layui-main {
- width: 1140px;
- margin: 0 auto
+ width: 1140px;
+ margin: 0 auto;
}
.layui-header {
- z-index: 1000;
- height: 60px
+ z-index: 1000;
+ height: 60px;
}
.layui-header a:hover {
- transition: all .5s;
- -webkit-transition: all .5s
+ transition: all 0.5s;
+ -webkit-transition: all 0.5s;
}
.layui-side {
- position: fixed;
- left: 0;
- top: 0;
- bottom: 0;
- z-index: 999;
- width: 200px;
- overflow-x: hidden
+ position: fixed;
+ left: 0;
+ top: 0;
+ bottom: 0;
+ z-index: 999;
+ width: 200px;
+ overflow-x: hidden;
}
.layui-side-scroll {
- position: relative;
- width: 220px;
- height: 100%;
- overflow-x: hidden
+ position: relative;
+ width: 220px;
+ height: 100%;
+ overflow-x: hidden;
}
.layui-body {
- position: absolute;
- left: 200px;
- right: 0;
- top: 0;
- bottom: 0;
- z-index: 998;
- width: auto;
- overflow-y: auto;
- box-sizing: border-box
+ position: absolute;
+ left: 200px;
+ right: 0;
+ top: 0;
+ bottom: 0;
+ z-index: 998;
+ width: auto;
+ overflow-y: auto;
+ box-sizing: border-box;
}
.layui-layout-body {
- overflow: hidden
+ overflow: hidden;
}
.layui-layout-admin .layui-header {
- background-color: #23262E
+ background-color: #23262e;
}
.layui-layout-admin .layui-side {
- top: 60px;
- width: 200px;
- overflow-x: hidden
+ top: 60px;
+ width: 200px;
+ overflow-x: hidden;
}
.layui-layout-admin .layui-body {
- position: fixed;
- top: 60px;
- bottom: 44px
+ position: fixed;
+ top: 60px;
+ bottom: 44px;
}
.layui-layout-admin .layui-main {
- width: auto;
- margin: 0 15px
+ width: auto;
+ margin: 0 15px;
}
.layui-layout-admin .layui-footer {
- position: fixed;
- left: 200px;
- right: 0;
- bottom: 0;
- height: 44px;
- line-height: 44px;
- padding: 0 15px;
- background-color: #eee
+ position: fixed;
+ left: 200px;
+ right: 0;
+ bottom: 0;
+ height: 44px;
+ line-height: 44px;
+ padding: 0 15px;
+ background-color: #eee;
}
.layui-layout-admin .layui-logo {
- position: absolute;
- left: 0;
- top: 0;
- width: 200px;
- height: 100%;
- line-height: 60px;
- text-align: center;
- color: #009688;
- font-size: 16px
+ position: absolute;
+ left: 0;
+ top: 0;
+ width: 200px;
+ height: 100%;
+ line-height: 60px;
+ text-align: center;
+ color: #009688;
+ font-size: 16px;
}
.layui-layout-admin .layui-header .layui-nav {
- background: 0 0
+ background: 0 0;
}
.layui-layout-left {
- position: absolute !important;
- left: 200px;
- top: 0
+ position: absolute !important;
+ left: 200px;
+ top: 0;
}
.layui-layout-right {
- position: absolute !important;
- right: 0;
- top: 0
+ position: absolute !important;
+ right: 0;
+ top: 0;
}
.layui-container {
- position: relative;
- margin: 0 auto;
- padding: 0 15px;
- box-sizing: border-box
+ position: relative;
+ margin: 0 auto;
+ padding: 0 15px;
+ box-sizing: border-box;
}
.layui-fluid {
- position: relative;
- margin: 0 auto;
- padding: 0 15px
+ position: relative;
+ margin: 0 auto;
+ padding: 0 15px;
}
-.layui-row:after, .layui-row:before {
- content: '';
- display: block;
- clear: both
+.layui-row:after,
+.layui-row:before {
+ content: "";
+ display: block;
+ clear: both;
}
-.layui-col-lg1, .layui-col-lg10, .layui-col-lg11, .layui-col-lg12, .layui-col-lg2, .layui-col-lg3, .layui-col-lg4, .layui-col-lg5, .layui-col-lg6, .layui-col-lg7, .layui-col-lg8, .layui-col-lg9, .layui-col-md1, .layui-col-md10, .layui-col-md11, .layui-col-md12, .layui-col-md2, .layui-col-md3, .layui-col-md4, .layui-col-md5, .layui-col-md6, .layui-col-md7, .layui-col-md8, .layui-col-md9, .layui-col-sm1, .layui-col-sm10, .layui-col-sm11, .layui-col-sm12, .layui-col-sm2, .layui-col-sm3, .layui-col-sm4, .layui-col-sm5, .layui-col-sm6, .layui-col-sm7, .layui-col-sm8, .layui-col-sm9, .layui-col-xs1, .layui-col-xs10, .layui-col-xs11, .layui-col-xs12, .layui-col-xs2, .layui-col-xs3, .layui-col-xs4, .layui-col-xs5, .layui-col-xs6, .layui-col-xs7, .layui-col-xs8, .layui-col-xs9 {
- position: relative;
- display: block;
- box-sizing: border-box
+.layui-col-lg1,
+.layui-col-lg10,
+.layui-col-lg11,
+.layui-col-lg12,
+.layui-col-lg2,
+.layui-col-lg3,
+.layui-col-lg4,
+.layui-col-lg5,
+.layui-col-lg6,
+.layui-col-lg7,
+.layui-col-lg8,
+.layui-col-lg9,
+.layui-col-md1,
+.layui-col-md10,
+.layui-col-md11,
+.layui-col-md12,
+.layui-col-md2,
+.layui-col-md3,
+.layui-col-md4,
+.layui-col-md5,
+.layui-col-md6,
+.layui-col-md7,
+.layui-col-md8,
+.layui-col-md9,
+.layui-col-sm1,
+.layui-col-sm10,
+.layui-col-sm11,
+.layui-col-sm12,
+.layui-col-sm2,
+.layui-col-sm3,
+.layui-col-sm4,
+.layui-col-sm5,
+.layui-col-sm6,
+.layui-col-sm7,
+.layui-col-sm8,
+.layui-col-sm9,
+.layui-col-xs1,
+.layui-col-xs10,
+.layui-col-xs11,
+.layui-col-xs12,
+.layui-col-xs2,
+.layui-col-xs3,
+.layui-col-xs4,
+.layui-col-xs5,
+.layui-col-xs6,
+.layui-col-xs7,
+.layui-col-xs8,
+.layui-col-xs9 {
+ position: relative;
+ display: block;
+ box-sizing: border-box;
}
-.layui-col-xs1, .layui-col-xs10, .layui-col-xs11, .layui-col-xs12, .layui-col-xs2, .layui-col-xs3, .layui-col-xs4, .layui-col-xs5, .layui-col-xs6, .layui-col-xs7, .layui-col-xs8, .layui-col-xs9 {
- float: left
+.layui-col-xs1,
+.layui-col-xs10,
+.layui-col-xs11,
+.layui-col-xs12,
+.layui-col-xs2,
+.layui-col-xs3,
+.layui-col-xs4,
+.layui-col-xs5,
+.layui-col-xs6,
+.layui-col-xs7,
+.layui-col-xs8,
+.layui-col-xs9 {
+ float: left;
}
.layui-col-xs1 {
- width: 8.33333333%
+ width: 8.33333333%;
}
.layui-col-xs2 {
- width: 16.66666667%
+ width: 16.66666667%;
}
.layui-col-xs3 {
- width: 25%
+ width: 25%;
}
.layui-col-xs4 {
- width: 33.33333333%
+ width: 33.33333333%;
}
.layui-col-xs5 {
- width: 41.66666667%
+ width: 41.66666667%;
}
.layui-col-xs6 {
- width: 50%
+ width: 50%;
}
.layui-col-xs7 {
- width: 58.33333333%
+ width: 58.33333333%;
}
.layui-col-xs8 {
- width: 66.66666667%
+ width: 66.66666667%;
}
.layui-col-xs9 {
- width: 75%
+ width: 75%;
}
.layui-col-xs10 {
- width: 83.33333333%
+ width: 83.33333333%;
}
.layui-col-xs11 {
- width: 91.66666667%
+ width: 91.66666667%;
}
.layui-col-xs12 {
- width: 100%
+ width: 100%;
}
.layui-col-xs-offset1 {
- margin-left: 8.33333333%
+ margin-left: 8.33333333%;
}
.layui-col-xs-offset2 {
- margin-left: 16.66666667%
+ margin-left: 16.66666667%;
}
.layui-col-xs-offset3 {
- margin-left: 25%
+ margin-left: 25%;
}
.layui-col-xs-offset4 {
- margin-left: 33.33333333%
+ margin-left: 33.33333333%;
}
.layui-col-xs-offset5 {
- margin-left: 41.66666667%
+ margin-left: 41.66666667%;
}
.layui-col-xs-offset6 {
- margin-left: 50%
+ margin-left: 50%;
}
.layui-col-xs-offset7 {
- margin-left: 58.33333333%
+ margin-left: 58.33333333%;
}
.layui-col-xs-offset8 {
- margin-left: 66.66666667%
+ margin-left: 66.66666667%;
}
.layui-col-xs-offset9 {
- margin-left: 75%
+ margin-left: 75%;
}
.layui-col-xs-offset10 {
- margin-left: 83.33333333%
+ margin-left: 83.33333333%;
}
.layui-col-xs-offset11 {
- margin-left: 91.66666667%
+ margin-left: 91.66666667%;
}
.layui-col-xs-offset12 {
- margin-left: 100%
+ margin-left: 100%;
}
@media screen and (max-width: 768px) {
- .layui-hide-xs {
- display: none !important
- }
+ .layui-hide-xs {
+ display: none !important;
+ }
- .layui-show-xs-block {
- display: block !important
- }
+ .layui-show-xs-block {
+ display: block !important;
+ }
- .layui-show-xs-inline {
- display: inline !important
- }
+ .layui-show-xs-inline {
+ display: inline !important;
+ }
- .layui-show-xs-inline-block {
- display: inline-block !important
- }
+ .layui-show-xs-inline-block {
+ display: inline-block !important;
+ }
}
@media screen and (min-width: 768px) {
- .layui-container {
- width: 750px
- }
+ .layui-container {
+ width: 750px;
+ }
- .layui-hide-sm {
- display: none !important
- }
+ .layui-hide-sm {
+ display: none !important;
+ }
- .layui-show-sm-block {
- display: block !important
- }
+ .layui-show-sm-block {
+ display: block !important;
+ }
- .layui-show-sm-inline {
- display: inline !important
- }
+ .layui-show-sm-inline {
+ display: inline !important;
+ }
- .layui-show-sm-inline-block {
- display: inline-block !important
- }
+ .layui-show-sm-inline-block {
+ display: inline-block !important;
+ }
- .layui-col-sm1, .layui-col-sm10, .layui-col-sm11, .layui-col-sm12, .layui-col-sm2, .layui-col-sm3, .layui-col-sm4, .layui-col-sm5, .layui-col-sm6, .layui-col-sm7, .layui-col-sm8, .layui-col-sm9 {
- float: left
- }
+ .layui-col-sm1,
+ .layui-col-sm10,
+ .layui-col-sm11,
+ .layui-col-sm12,
+ .layui-col-sm2,
+ .layui-col-sm3,
+ .layui-col-sm4,
+ .layui-col-sm5,
+ .layui-col-sm6,
+ .layui-col-sm7,
+ .layui-col-sm8,
+ .layui-col-sm9 {
+ float: left;
+ }
- .layui-col-sm1 {
- width: 8.33333333%
- }
+ .layui-col-sm1 {
+ width: 8.33333333%;
+ }
- .layui-col-sm2 {
- width: 16.66666667%
- }
+ .layui-col-sm2 {
+ width: 16.66666667%;
+ }
- .layui-col-sm3 {
- width: 25%
- }
+ .layui-col-sm3 {
+ width: 25%;
+ }
- .layui-col-sm4 {
- width: 33.33333333%
- }
+ .layui-col-sm4 {
+ width: 33.33333333%;
+ }
- .layui-col-sm5 {
- width: 41.66666667%
- }
+ .layui-col-sm5 {
+ width: 41.66666667%;
+ }
- .layui-col-sm6 {
- width: 50%
- }
+ .layui-col-sm6 {
+ width: 50%;
+ }
- .layui-col-sm7 {
- width: 58.33333333%
- }
+ .layui-col-sm7 {
+ width: 58.33333333%;
+ }
- .layui-col-sm8 {
- width: 66.66666667%
- }
+ .layui-col-sm8 {
+ width: 66.66666667%;
+ }
- .layui-col-sm9 {
- width: 75%
- }
+ .layui-col-sm9 {
+ width: 75%;
+ }
- .layui-col-sm10 {
- width: 83.33333333%
- }
+ .layui-col-sm10 {
+ width: 83.33333333%;
+ }
- .layui-col-sm11 {
- width: 91.66666667%
- }
+ .layui-col-sm11 {
+ width: 91.66666667%;
+ }
- .layui-col-sm12 {
- width: 100%
- }
+ .layui-col-sm12 {
+ width: 100%;
+ }
- .layui-col-sm-offset1 {
- margin-left: 8.33333333%
- }
+ .layui-col-sm-offset1 {
+ margin-left: 8.33333333%;
+ }
- .layui-col-sm-offset2 {
- margin-left: 16.66666667%
- }
+ .layui-col-sm-offset2 {
+ margin-left: 16.66666667%;
+ }
- .layui-col-sm-offset3 {
- margin-left: 25%
- }
+ .layui-col-sm-offset3 {
+ margin-left: 25%;
+ }
- .layui-col-sm-offset4 {
- margin-left: 33.33333333%
- }
+ .layui-col-sm-offset4 {
+ margin-left: 33.33333333%;
+ }
- .layui-col-sm-offset5 {
- margin-left: 41.66666667%
- }
+ .layui-col-sm-offset5 {
+ margin-left: 41.66666667%;
+ }
- .layui-col-sm-offset6 {
- margin-left: 50%
- }
+ .layui-col-sm-offset6 {
+ margin-left: 50%;
+ }
- .layui-col-sm-offset7 {
- margin-left: 58.33333333%
- }
+ .layui-col-sm-offset7 {
+ margin-left: 58.33333333%;
+ }
- .layui-col-sm-offset8 {
- margin-left: 66.66666667%
- }
+ .layui-col-sm-offset8 {
+ margin-left: 66.66666667%;
+ }
- .layui-col-sm-offset9 {
- margin-left: 75%
- }
+ .layui-col-sm-offset9 {
+ margin-left: 75%;
+ }
- .layui-col-sm-offset10 {
- margin-left: 83.33333333%
- }
+ .layui-col-sm-offset10 {
+ margin-left: 83.33333333%;
+ }
- .layui-col-sm-offset11 {
- margin-left: 91.66666667%
- }
+ .layui-col-sm-offset11 {
+ margin-left: 91.66666667%;
+ }
- .layui-col-sm-offset12 {
- margin-left: 100%
- }
+ .layui-col-sm-offset12 {
+ margin-left: 100%;
+ }
}
@media screen and (min-width: 992px) {
- .layui-container {
- width: 970px
- }
+ .layui-container {
+ width: 970px;
+ }
- .layui-hide-md {
- display: none !important
- }
+ .layui-hide-md {
+ display: none !important;
+ }
- .layui-show-md-block {
- display: block !important
- }
+ .layui-show-md-block {
+ display: block !important;
+ }
- .layui-show-md-inline {
- display: inline !important
- }
+ .layui-show-md-inline {
+ display: inline !important;
+ }
- .layui-show-md-inline-block {
- display: inline-block !important
- }
+ .layui-show-md-inline-block {
+ display: inline-block !important;
+ }
- .layui-col-md1, .layui-col-md10, .layui-col-md11, .layui-col-md12, .layui-col-md2, .layui-col-md3, .layui-col-md4, .layui-col-md5, .layui-col-md6, .layui-col-md7, .layui-col-md8, .layui-col-md9 {
- float: left
- }
+ .layui-col-md1,
+ .layui-col-md10,
+ .layui-col-md11,
+ .layui-col-md12,
+ .layui-col-md2,
+ .layui-col-md3,
+ .layui-col-md4,
+ .layui-col-md5,
+ .layui-col-md6,
+ .layui-col-md7,
+ .layui-col-md8,
+ .layui-col-md9 {
+ float: left;
+ }
- .layui-col-md1 {
- width: 8.33333333%
- }
+ .layui-col-md1 {
+ width: 8.33333333%;
+ }
- .layui-col-md2 {
- width: 16.66666667%
- }
+ .layui-col-md2 {
+ width: 16.66666667%;
+ }
- .layui-col-md3 {
- width: 25%
- }
+ .layui-col-md3 {
+ width: 25%;
+ }
- .layui-col-md4 {
- width: 33.33333333%
- }
+ .layui-col-md4 {
+ width: 33.33333333%;
+ }
- .layui-col-md5 {
- width: 41.66666667%
- }
+ .layui-col-md5 {
+ width: 41.66666667%;
+ }
- .layui-col-md6 {
- width: 50%
- }
+ .layui-col-md6 {
+ width: 50%;
+ }
- .layui-col-md7 {
- width: 58.33333333%
- }
+ .layui-col-md7 {
+ width: 58.33333333%;
+ }
- .layui-col-md8 {
- width: 66.66666667%
- }
+ .layui-col-md8 {
+ width: 66.66666667%;
+ }
- .layui-col-md9 {
- width: 75%
- }
+ .layui-col-md9 {
+ width: 75%;
+ }
- .layui-col-md10 {
- width: 83.33333333%
- }
+ .layui-col-md10 {
+ width: 83.33333333%;
+ }
- .layui-col-md11 {
- width: 91.66666667%
- }
+ .layui-col-md11 {
+ width: 91.66666667%;
+ }
- .layui-col-md12 {
- width: 100%
- }
+ .layui-col-md12 {
+ width: 100%;
+ }
- .layui-col-md-offset1 {
- margin-left: 8.33333333%
- }
+ .layui-col-md-offset1 {
+ margin-left: 8.33333333%;
+ }
- .layui-col-md-offset2 {
- margin-left: 16.66666667%
- }
+ .layui-col-md-offset2 {
+ margin-left: 16.66666667%;
+ }
- .layui-col-md-offset3 {
- margin-left: 25%
- }
+ .layui-col-md-offset3 {
+ margin-left: 25%;
+ }
- .layui-col-md-offset4 {
- margin-left: 33.33333333%
- }
+ .layui-col-md-offset4 {
+ margin-left: 33.33333333%;
+ }
- .layui-col-md-offset5 {
- margin-left: 41.66666667%
- }
+ .layui-col-md-offset5 {
+ margin-left: 41.66666667%;
+ }
- .layui-col-md-offset6 {
- margin-left: 50%
- }
+ .layui-col-md-offset6 {
+ margin-left: 50%;
+ }
- .layui-col-md-offset7 {
- margin-left: 58.33333333%
- }
+ .layui-col-md-offset7 {
+ margin-left: 58.33333333%;
+ }
- .layui-col-md-offset8 {
- margin-left: 66.66666667%
- }
+ .layui-col-md-offset8 {
+ margin-left: 66.66666667%;
+ }
- .layui-col-md-offset9 {
- margin-left: 75%
- }
+ .layui-col-md-offset9 {
+ margin-left: 75%;
+ }
- .layui-col-md-offset10 {
- margin-left: 83.33333333%
- }
+ .layui-col-md-offset10 {
+ margin-left: 83.33333333%;
+ }
- .layui-col-md-offset11 {
- margin-left: 91.66666667%
- }
+ .layui-col-md-offset11 {
+ margin-left: 91.66666667%;
+ }
- .layui-col-md-offset12 {
- margin-left: 100%
- }
+ .layui-col-md-offset12 {
+ margin-left: 100%;
+ }
}
@media screen and (min-width: 1200px) {
- .layui-container {
- width: 1170px
- }
+ .layui-container {
+ width: 1170px;
+ }
- .layui-hide-lg {
- display: none !important
- }
+ .layui-hide-lg {
+ display: none !important;
+ }
- .layui-show-lg-block {
- display: block !important
- }
+ .layui-show-lg-block {
+ display: block !important;
+ }
- .layui-show-lg-inline {
- display: inline !important
- }
+ .layui-show-lg-inline {
+ display: inline !important;
+ }
- .layui-show-lg-inline-block {
- display: inline-block !important
- }
+ .layui-show-lg-inline-block {
+ display: inline-block !important;
+ }
- .layui-col-lg1, .layui-col-lg10, .layui-col-lg11, .layui-col-lg12, .layui-col-lg2, .layui-col-lg3, .layui-col-lg4, .layui-col-lg5, .layui-col-lg6, .layui-col-lg7, .layui-col-lg8, .layui-col-lg9 {
- float: left
- }
+ .layui-col-lg1,
+ .layui-col-lg10,
+ .layui-col-lg11,
+ .layui-col-lg12,
+ .layui-col-lg2,
+ .layui-col-lg3,
+ .layui-col-lg4,
+ .layui-col-lg5,
+ .layui-col-lg6,
+ .layui-col-lg7,
+ .layui-col-lg8,
+ .layui-col-lg9 {
+ float: left;
+ }
- .layui-col-lg1 {
- width: 8.33333333%
- }
+ .layui-col-lg1 {
+ width: 8.33333333%;
+ }
- .layui-col-lg2 {
- width: 16.66666667%
- }
+ .layui-col-lg2 {
+ width: 16.66666667%;
+ }
- .layui-col-lg3 {
- width: 25%
- }
+ .layui-col-lg3 {
+ width: 25%;
+ }
- .layui-col-lg4 {
- width: 33.33333333%
- }
+ .layui-col-lg4 {
+ width: 33.33333333%;
+ }
- .layui-col-lg5 {
- width: 41.66666667%
- }
+ .layui-col-lg5 {
+ width: 41.66666667%;
+ }
- .layui-col-lg6 {
- width: 50%
- }
+ .layui-col-lg6 {
+ width: 50%;
+ }
- .layui-col-lg7 {
- width: 58.33333333%
- }
+ .layui-col-lg7 {
+ width: 58.33333333%;
+ }
- .layui-col-lg8 {
- width: 66.66666667%
- }
+ .layui-col-lg8 {
+ width: 66.66666667%;
+ }
- .layui-col-lg9 {
- width: 75%
- }
+ .layui-col-lg9 {
+ width: 75%;
+ }
- .layui-col-lg10 {
- width: 83.33333333%
- }
+ .layui-col-lg10 {
+ width: 83.33333333%;
+ }
- .layui-col-lg11 {
- width: 91.66666667%
- }
+ .layui-col-lg11 {
+ width: 91.66666667%;
+ }
- .layui-col-lg12 {
- width: 100%
- }
+ .layui-col-lg12 {
+ width: 100%;
+ }
- .layui-col-lg-offset1 {
- margin-left: 8.33333333%
- }
+ .layui-col-lg-offset1 {
+ margin-left: 8.33333333%;
+ }
- .layui-col-lg-offset2 {
- margin-left: 16.66666667%
- }
+ .layui-col-lg-offset2 {
+ margin-left: 16.66666667%;
+ }
- .layui-col-lg-offset3 {
- margin-left: 25%
- }
+ .layui-col-lg-offset3 {
+ margin-left: 25%;
+ }
- .layui-col-lg-offset4 {
- margin-left: 33.33333333%
- }
+ .layui-col-lg-offset4 {
+ margin-left: 33.33333333%;
+ }
- .layui-col-lg-offset5 {
- margin-left: 41.66666667%
- }
+ .layui-col-lg-offset5 {
+ margin-left: 41.66666667%;
+ }
- .layui-col-lg-offset6 {
- margin-left: 50%
- }
+ .layui-col-lg-offset6 {
+ margin-left: 50%;
+ }
- .layui-col-lg-offset7 {
- margin-left: 58.33333333%
- }
+ .layui-col-lg-offset7 {
+ margin-left: 58.33333333%;
+ }
- .layui-col-lg-offset8 {
- margin-left: 66.66666667%
- }
+ .layui-col-lg-offset8 {
+ margin-left: 66.66666667%;
+ }
- .layui-col-lg-offset9 {
- margin-left: 75%
- }
+ .layui-col-lg-offset9 {
+ margin-left: 75%;
+ }
- .layui-col-lg-offset10 {
- margin-left: 83.33333333%
- }
+ .layui-col-lg-offset10 {
+ margin-left: 83.33333333%;
+ }
- .layui-col-lg-offset11 {
- margin-left: 91.66666667%
- }
+ .layui-col-lg-offset11 {
+ margin-left: 91.66666667%;
+ }
- .layui-col-lg-offset12 {
- margin-left: 100%
- }
+ .layui-col-lg-offset12 {
+ margin-left: 100%;
+ }
}
.layui-col-space1 {
- margin: -.5px
+ margin: -0.5px;
}
.layui-col-space1 > * {
- padding: .5px
+ padding: 0.5px;
}
.layui-col-space3 {
- margin: -1.5px
+ margin: -1.5px;
}
.layui-col-space3 > * {
- padding: 1.5px
+ padding: 1.5px;
}
.layui-col-space5 {
- margin: -2.5px
+ margin: -2.5px;
}
.layui-col-space5 > * {
- padding: 2.5px
+ padding: 2.5px;
}
.layui-col-space8 {
- margin: -3.5px
+ margin: -3.5px;
}
.layui-col-space8 > * {
- padding: 3.5px
+ padding: 3.5px;
}
.layui-col-space10 {
- margin: -5px
+ margin: -5px;
}
.layui-col-space10 > * {
- padding: 5px
+ padding: 5px;
}
.layui-col-space12 {
- margin: -6px
+ margin: -6px;
}
.layui-col-space12 > * {
- padding: 6px
+ padding: 6px;
}
.layui-col-space15 {
- margin: -7.5px
+ margin: -7.5px;
}
.layui-col-space15 > * {
- padding: 7.5px
+ padding: 7.5px;
}
.layui-col-space18 {
- margin: -9px
+ margin: -9px;
}
.layui-col-space18 > * {
- padding: 9px
+ padding: 9px;
}
.layui-col-space20 {
- margin: -10px
+ margin: -10px;
}
.layui-col-space20 > * {
- padding: 10px
+ padding: 10px;
}
.layui-col-space22 {
- margin: -11px
+ margin: -11px;
}
.layui-col-space22 > * {
- padding: 11px
+ padding: 11px;
}
.layui-col-space25 {
- margin: -12.5px
+ margin: -12.5px;
}
.layui-col-space25 > * {
- padding: 12.5px
+ padding: 12.5px;
}
.layui-col-space30 {
- margin: -15px
+ margin: -15px;
}
.layui-col-space30 > * {
- padding: 15px
+ padding: 15px;
}
-.layui-btn, .layui-input, .layui-select, .layui-textarea, .layui-upload-button {
- outline: 0;
- -webkit-appearance: none;
- transition: all .3s;
- -webkit-transition: all .3s;
- box-sizing: border-box
+.layui-btn,
+.layui-input,
+.layui-select,
+.layui-textarea,
+.layui-upload-button {
+ outline: 0;
+ -webkit-appearance: none;
+ transition: all 0.3s;
+ -webkit-transition: all 0.3s;
+ box-sizing: border-box;
}
.layui-elem-quote {
- margin-bottom: 10px;
- padding: 15px;
- line-height: 22px;
- border-left: 5px solid #009688;
- border-radius: 0 2px 2px 0;
- background-color: #f2f2f2
+ margin-bottom: 10px;
+ padding: 15px;
+ line-height: 22px;
+ border-left: 5px solid #009688;
+ border-radius: 0 2px 2px 0;
+ background-color: #f2f2f2;
}
.layui-quote-nm {
- border-style: solid;
- border-width: 1px 1px 1px 5px;
- background: 0 0
+ border-style: solid;
+ border-width: 1px 1px 1px 5px;
+ background: 0 0;
}
.layui-elem-field {
- margin-bottom: 10px;
- padding: 0;
- border-width: 1px;
- border-style: solid
+ margin-bottom: 10px;
+ padding: 0;
+ border-width: 1px;
+ border-style: solid;
}
.layui-elem-field legend {
- margin-left: 20px;
- padding: 0 10px;
- font-size: 20px;
- font-weight: 300
+ margin-left: 20px;
+ padding: 0 10px;
+ font-size: 20px;
+ font-weight: 300;
}
.layui-field-title {
- margin: 10px 0 20px;
- border-width: 1px 0 0
+ margin: 10px 0 20px;
+ border-width: 1px 0 0;
}
.layui-field-box {
- padding: 10px 15px
+ padding: 10px 15px;
}
.layui-field-title .layui-field-box {
- padding: 10px 0
+ padding: 10px 0;
}
.layui-progress {
- position: relative;
- height: 6px;
- border-radius: 20px;
- background-color: #e2e2e2
+ position: relative;
+ height: 6px;
+ border-radius: 20px;
+ background-color: #e2e2e2;
}
.layui-progress-bar {
- position: absolute;
- left: 0;
- top: 0;
- width: 0;
- max-width: 100%;
- height: 6px;
- border-radius: 20px;
- text-align: right;
- background-color: #5FB878;
- transition: all .3s;
- -webkit-transition: all .3s
+ position: absolute;
+ left: 0;
+ top: 0;
+ width: 0;
+ max-width: 100%;
+ height: 6px;
+ border-radius: 20px;
+ text-align: right;
+ background-color: #5fb878;
+ transition: all 0.3s;
+ -webkit-transition: all 0.3s;
}
-.layui-progress-big, .layui-progress-big .layui-progress-bar {
- height: 18px;
- line-height: 18px
+.layui-progress-big,
+.layui-progress-big .layui-progress-bar {
+ height: 18px;
+ line-height: 18px;
}
.layui-progress-text {
- position: relative;
- top: -20px;
- line-height: 18px;
- font-size: 12px;
- color: #666
+ position: relative;
+ top: -20px;
+ line-height: 18px;
+ font-size: 12px;
+ color: #666;
}
.layui-progress-big .layui-progress-text {
- position: static;
- padding: 0 10px;
- color: #fff
+ position: static;
+ padding: 0 10px;
+ color: #fff;
}
.layui-collapse {
- border-width: 1px;
- border-style: solid;
- border-radius: 2px
+ border-width: 1px;
+ border-style: solid;
+ border-radius: 2px;
}
-.layui-colla-content, .layui-colla-item {
- border-top-width: 1px;
- border-top-style: solid
+.layui-colla-content,
+.layui-colla-item {
+ border-top-width: 1px;
+ border-top-style: solid;
}
.layui-colla-item:first-child {
- border-top: none
+ border-top: none;
}
.layui-colla-title {
- position: relative;
- height: 42px;
- line-height: 42px;
- padding: 0 15px 0 35px;
- color: #333;
- background-color: #f2f2f2;
- cursor: pointer;
- font-size: 14px;
- overflow: hidden
+ position: relative;
+ height: 42px;
+ line-height: 42px;
+ padding: 0 15px 0 35px;
+ color: #333;
+ background-color: #f2f2f2;
+ cursor: pointer;
+ font-size: 14px;
+ overflow: hidden;
}
.layui-colla-content {
- display: none;
- padding: 10px 15px;
- line-height: 22px;
- color: #666
+ display: none;
+ padding: 10px 15px;
+ line-height: 22px;
+ color: #666;
}
.layui-colla-icon {
- position: absolute;
- left: 15px;
- top: 0;
- font-size: 14px
+ position: absolute;
+ left: 15px;
+ top: 0;
+ font-size: 14px;
}
.layui-card {
- margin-bottom: 15px;
- border-radius: 2px;
- background-color: #fff;
- box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .05)
+ margin-bottom: 15px;
+ border-radius: 2px;
+ background-color: #fff;
+ box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
}
.layui-card:last-child {
- margin-bottom: 0
+ margin-bottom: 0;
}
.layui-card-header {
- position: relative;
- height: 42px;
- line-height: 42px;
- padding: 0 15px;
- border-bottom: 1px solid #f6f6f6;
- color: #333;
- border-radius: 2px 2px 0 0;
- font-size: 14px
+ position: relative;
+ height: 42px;
+ line-height: 42px;
+ padding: 0 15px;
+ border-bottom: 1px solid #f6f6f6;
+ color: #333;
+ border-radius: 2px 2px 0 0;
+ font-size: 14px;
}
-.layui-bg-black, .layui-bg-blue, .layui-bg-cyan, .layui-bg-green, .layui-bg-orange, .layui-bg-red {
- color: #fff !important
+.layui-bg-black,
+.layui-bg-blue,
+.layui-bg-cyan,
+.layui-bg-green,
+.layui-bg-orange,
+.layui-bg-red {
+ color: #fff !important;
}
.layui-card-body {
- position: relative;
- padding: 10px 15px;
- line-height: 24px
+ position: relative;
+ padding: 10px 15px;
+ line-height: 24px;
}
.layui-card-body[pad15] {
- padding: 15px
+ padding: 15px;
}
.layui-card-body[pad20] {
- padding: 20px
+ padding: 20px;
}
.layui-card-body .layui-table {
- margin: 5px 0
+ margin: 5px 0;
}
.layui-card .layui-tab {
- margin: 0
+ margin: 0;
}
.layui-panel-window {
- position: relative;
- padding: 15px;
- border-radius: 0;
- border-top: 5px solid #E6E6E6;
- background-color: #fff
+ position: relative;
+ padding: 15px;
+ border-radius: 0;
+ border-top: 5px solid #e6e6e6;
+ background-color: #fff;
}
.layui-auxiliar-moving {
- position: fixed;
- left: 0;
- right: 0;
- top: 0;
- bottom: 0;
- width: 100%;
- height: 100%;
- background: 0 0;
- z-index: 9999999999
+ position: fixed;
+ left: 0;
+ right: 0;
+ top: 0;
+ bottom: 0;
+ width: 100%;
+ height: 100%;
+ background: 0 0;
+ z-index: 9999999999;
}
-.layui-form-label, .layui-form-mid, .layui-form-select, .layui-input-block, .layui-input-inline, .layui-textarea {
- position: relative
+.layui-form-label,
+.layui-form-mid,
+.layui-form-select,
+.layui-input-block,
+.layui-input-inline,
+.layui-textarea {
+ position: relative;
}
.layui-bg-red {
- background-color: #FF5722 !important
+ background-color: #ff5722 !important;
}
.layui-bg-orange {
- background-color: #FFB800 !important
+ background-color: #ffb800 !important;
}
.layui-bg-green {
- background-color: #009688 !important
+ background-color: #009688 !important;
}
.layui-bg-cyan {
- background-color: #2F4056 !important
+ background-color: #2f4056 !important;
}
.layui-bg-blue {
- background-color: #1E9FFF !important
+ background-color: #1e9fff !important;
}
.layui-bg-black {
- background-color: #393D49 !important
+ background-color: #393d49 !important;
}
.layui-bg-gray {
- background-color: #eee !important;
- color: #666 !important
+ background-color: #eee !important;
+ color: #666 !important;
}
-.layui-badge-rim, .layui-colla-content, .layui-colla-item, .layui-collapse, .layui-elem-field, .layui-form-pane .layui-form-item[pane], .layui-form-pane .layui-form-label, .layui-input, .layui-layedit, .layui-layedit-tool, .layui-quote-nm, .layui-select, .layui-tab-bar, .layui-tab-card, .layui-tab-title, .layui-tab-title .layui-this:after, .layui-textarea {
- border-color: #e6e6e6
+.layui-badge-rim,
+.layui-colla-content,
+.layui-colla-item,
+.layui-collapse,
+.layui-elem-field,
+.layui-form-pane .layui-form-item[pane],
+.layui-form-pane .layui-form-label,
+.layui-input,
+.layui-layedit,
+.layui-layedit-tool,
+.layui-quote-nm,
+.layui-select,
+.layui-tab-bar,
+.layui-tab-card,
+.layui-tab-title,
+.layui-tab-title .layui-this:after,
+.layui-textarea {
+ border-color: #e6e6e6;
}
-.layui-timeline-item:before, hr {
- background-color: #e6e6e6
+.layui-timeline-item:before,
+hr {
+ background-color: #e6e6e6;
}
.layui-text {
- line-height: 22px;
- font-size: 14px;
- color: #666
+ line-height: 22px;
+ font-size: 14px;
+ color: #666;
}
-.layui-text h1, .layui-text h2, .layui-text h3 {
- font-weight: 500;
- color: #333
+.layui-text h1,
+.layui-text h2,
+.layui-text h3 {
+ font-weight: 500;
+ color: #333;
}
.layui-text h1 {
- font-size: 30px
+ font-size: 30px;
}
.layui-text h2 {
- font-size: 24px
+ font-size: 24px;
}
.layui-text h3 {
- font-size: 18px
+ font-size: 18px;
}
.layui-text a:not(.layui-btn) {
- color: #01AAED
+ color: #01aaed;
}
.layui-text a:not(.layui-btn):hover {
- text-decoration: underline
+ text-decoration: underline;
}
.layui-text ul {
- padding: 5px 0 5px 15px
+ padding: 5px 0 5px 15px;
}
.layui-text ul li {
- margin-top: 5px;
- list-style-type: disc
+ margin-top: 5px;
+ list-style-type: disc;
}
-.layui-text em, .layui-word-aux {
- color: #999 !important;
- padding: 0 5px !important
+.layui-text em,
+.layui-word-aux {
+ color: #999 !important;
+ padding: 0 5px !important;
}
.layui-btn {
- display: inline-block;
- height: 38px;
- line-height: 38px;
- padding: 0 18px;
- background-color: #009688;
- color: #fff;
- white-space: nowrap;
- text-align: center;
- font-size: 14px;
- border: none;
- border-radius: 2px;
- cursor: pointer
+ display: inline-block;
+ height: 38px;
+ line-height: 38px;
+ padding: 0 18px;
+ background-color: #009688;
+ color: #fff;
+ white-space: nowrap;
+ text-align: center;
+ font-size: 14px;
+ border: none;
+ border-radius: 2px;
+ cursor: pointer;
}
.layui-btn:hover {
- opacity: .8;
- filter: alpha(opacity=80);
- color: #fff
+ opacity: 0.8;
+ filter: alpha(opacity=80);
+ color: #fff;
}
.layui-btn:active {
- opacity: 1;
- filter: alpha(opacity=100)
+ opacity: 1;
+ filter: alpha(opacity=100);
}
.layui-btn + .layui-btn {
- margin-left: 10px
+ margin-left: 10px;
}
.layui-btn-container {
- font-size: 0
+ font-size: 0;
}
.layui-btn-container .layui-btn {
- margin-right: 10px;
- margin-bottom: 10px
+ margin-right: 10px;
+ margin-bottom: 10px;
}
.layui-btn-container .layui-btn + .layui-btn {
- margin-left: 0
+ margin-left: 0;
}
.layui-table .layui-btn-container .layui-btn {
- margin-bottom: 9px
+ margin-bottom: 9px;
}
.layui-btn-radius {
- border-radius: 100px
+ border-radius: 100px;
}
.layui-btn .layui-icon {
- margin-right: 3px;
- font-size: 18px;
- vertical-align: bottom;
- vertical-align: middle \9
+ margin-right: 3px;
+ font-size: 18px;
+ vertical-align: bottom;
+ vertical-align: middle \9;
}
.layui-btn-primary {
- border: 1px solid #C9C9C9;
- background-color: #fff;
- color: #555
+ border: 1px solid #c9c9c9;
+ background-color: #fff;
+ color: #555;
}
.layui-btn-primary:hover {
- border-color: #009688;
- color: #333
+ border-color: #009688;
+ color: #333;
}
.layui-btn-normal {
- background-color: #1E9FFF
+ background-color: #1e9fff;
}
.layui-btn-warm {
- background-color: #FFB800
+ background-color: #ffb800;
}
.layui-btn-danger {
- background-color: #FF5722
+ background-color: #ff5722;
}
.layui-btn-checked {
- background-color: #5FB878
+ background-color: #5fb878;
}
-.layui-btn-disabled, .layui-btn-disabled:active, .layui-btn-disabled:hover {
- border: 1px solid #e6e6e6;
- background-color: #FBFBFB;
- color: #C9C9C9;
- cursor: not-allowed;
- opacity: 1
+.layui-btn-disabled,
+.layui-btn-disabled:active,
+.layui-btn-disabled:hover {
+ border: 1px solid #e6e6e6;
+ background-color: #fbfbfb;
+ color: #c9c9c9;
+ cursor: not-allowed;
+ opacity: 1;
}
.layui-btn-lg {
- height: 44px;
- line-height: 44px;
- padding: 0 25px;
- font-size: 16px
+ height: 44px;
+ line-height: 44px;
+ padding: 0 25px;
+ font-size: 16px;
}
.layui-btn-sm {
- height: 30px;
- line-height: 30px;
- padding: 0 10px;
- font-size: 12px
+ height: 30px;
+ line-height: 30px;
+ padding: 0 10px;
+ font-size: 12px;
}
.layui-btn-sm i {
- font-size: 16px !important
+ font-size: 16px !important;
}
.layui-btn-xs {
- height: 22px;
- line-height: 22px;
- padding: 0 5px;
- font-size: 12px
+ height: 22px;
+ line-height: 22px;
+ padding: 0 5px;
+ font-size: 12px;
}
.layui-btn-xs i {
- font-size: 14px !important
+ font-size: 14px !important;
}
.layui-btn-group {
- display: inline-block;
- vertical-align: middle;
- font-size: 0
+ display: inline-block;
+ vertical-align: middle;
+ font-size: 0;
}
.layui-btn-group .layui-btn {
- margin-left: 0 !important;
- margin-right: 0 !important;
- border-left: 1px solid rgba(255, 255, 255, .5);
- border-radius: 0
+ margin-left: 0 !important;
+ margin-right: 0 !important;
+ border-left: 1px solid rgba(255, 255, 255, 0.5);
+ border-radius: 0;
}
.layui-btn-group .layui-btn-primary {
- border-left: none
+ border-left: none;
}
.layui-btn-group .layui-btn-primary:hover {
- border-color: #C9C9C9;
- color: #009688
+ border-color: #c9c9c9;
+ color: #009688;
}
.layui-btn-group .layui-btn:first-child {
- border-left: none;
- border-radius: 2px 0 0 2px
+ border-left: none;
+ border-radius: 2px 0 0 2px;
}
.layui-btn-group .layui-btn-primary:first-child {
- border-left: 1px solid #c9c9c9
+ border-left: 1px solid #c9c9c9;
}
.layui-btn-group .layui-btn:last-child {
- border-radius: 0 2px 2px 0
+ border-radius: 0 2px 2px 0;
}
.layui-btn-group .layui-btn + .layui-btn {
- margin-left: 0
+ margin-left: 0;
}
.layui-btn-group + .layui-btn-group {
- margin-left: 10px
+ margin-left: 10px;
}
.layui-btn-fluid {
- width: 100%
+ width: 100%;
}
-.layui-input, .layui-select, .layui-textarea {
- height: 38px;
- line-height: 1.3;
- line-height: 38px \9;
- border-width: 1px;
- border-style: solid;
- background-color: #fff;
- border-radius: 2px
+.layui-input,
+.layui-select,
+.layui-textarea {
+ height: 38px;
+ line-height: 1.3;
+ line-height: 38px \9;
+ border-width: 1px;
+ border-style: solid;
+ background-color: #fff;
+ border-radius: 2px;
}
-.layui-input::-webkit-input-placeholder, .layui-select::-webkit-input-placeholder, .layui-textarea::-webkit-input-placeholder {
- line-height: 1.3
+.layui-input::-webkit-input-placeholder,
+.layui-select::-webkit-input-placeholder,
+.layui-textarea::-webkit-input-placeholder {
+ line-height: 1.3;
}
-.layui-input, .layui-textarea {
- display: block;
- width: 100%;
- padding-left: 10px
+.layui-input,
+.layui-textarea {
+ display: block;
+ width: 100%;
+ padding-left: 10px;
}
-.layui-input:hover, .layui-textarea:hover {
- border-color: #D2D2D2 !important
+.layui-input:hover,
+.layui-textarea:hover {
+ border-color: #d2d2d2 !important;
}
-.layui-input:focus, .layui-textarea:focus {
- border-color: #C9C9C9 !important
+.layui-input:focus,
+.layui-textarea:focus {
+ border-color: #c9c9c9 !important;
}
.layui-textarea {
- min-height: 100px;
- height: auto;
- line-height: 20px;
- padding: 6px 10px;
- resize: vertical
+ min-height: 100px;
+ height: auto;
+ line-height: 20px;
+ padding: 6px 10px;
+ resize: vertical;
}
.layui-select {
- padding: 0 10px
+ padding: 0 10px;
}
-.layui-form input[type=checkbox], .layui-form input[type=radio], .layui-form select {
- display: none
+.layui-form input[type="checkbox"],
+.layui-form input[type="radio"],
+.layui-form select {
+ display: none;
}
.layui-form [lay-ignore] {
- display: initial
+ display: initial;
}
.layui-form-item {
- margin-bottom: 15px;
- clear: both;
- *zoom: 1
+ margin-bottom: 15px;
+ clear: both;
+ *zoom: 1;
}
.layui-form-item:after {
- content: '\20';
- clear: both;
- *zoom: 1;
- display: block;
- height: 0
+ content: "\20";
+ clear: both;
+ *zoom: 1;
+ display: block;
+ height: 0;
}
.layui-form-label {
- float: left;
- display: block;
- padding: 9px 15px;
- width: 80px;
- font-weight: 400;
- line-height: 20px;
- text-align: right
+ float: left;
+ display: block;
+ padding: 9px 15px;
+ width: 80px;
+ font-weight: 400;
+ line-height: 20px;
+ text-align: right;
}
.layui-form-label-col {
- display: block;
- float: none;
- padding: 9px 0;
- line-height: 20px;
- text-align: left
+ display: block;
+ float: none;
+ padding: 9px 0;
+ line-height: 20px;
+ text-align: left;
}
.layui-form-item .layui-inline {
- margin-bottom: 5px;
- margin-right: 10px
+ margin-bottom: 5px;
+ margin-right: 10px;
}
.layui-input-block {
- margin-left: 110px;
- min-height: 36px
+ margin-left: 110px;
+ min-height: 36px;
}
.layui-input-inline {
- display: inline-block;
- vertical-align: middle
+ display: inline-block;
+ vertical-align: middle;
}
.layui-form-item .layui-input-inline {
- float: left;
- width: 190px;
- margin-right: 10px
+ float: left;
+ width: 190px;
+ margin-right: 10px;
}
.layui-form-text .layui-input-inline {
- width: auto
+ width: auto;
}
.layui-form-mid {
- float: left;
- display: block;
- padding: 9px 0 !important;
- line-height: 20px;
- margin-right: 10px
+ float: left;
+ display: block;
+ padding: 9px 0 !important;
+ line-height: 20px;
+ margin-right: 10px;
}
-.layui-form-danger + .layui-form-select .layui-input, .layui-form-danger:focus {
- border-color: #FF5722 !important
+.layui-form-danger + .layui-form-select .layui-input,
+.layui-form-danger:focus {
+ border-color: #ff5722 !important;
}
.layui-form-select .layui-input {
- padding-right: 30px;
- cursor: pointer
+ padding-right: 30px;
+ cursor: pointer;
}
.layui-form-select .layui-edge {
- position: absolute;
- right: 10px;
- top: 50%;
- margin-top: -3px;
- cursor: pointer;
- border-width: 6px;
- border-top-color: #c2c2c2;
- border-top-style: solid;
- transition: all .3s;
- -webkit-transition: all .3s
+ position: absolute;
+ right: 10px;
+ top: 50%;
+ margin-top: -3px;
+ cursor: pointer;
+ border-width: 6px;
+ border-top-color: #c2c2c2;
+ border-top-style: solid;
+ transition: all 0.3s;
+ -webkit-transition: all 0.3s;
}
.layui-form-select dl {
- display: none;
- position: absolute;
- left: 0;
- top: 42px;
- padding: 5px 0;
- z-index: 899;
- min-width: 100%;
- border: 1px solid #d2d2d2;
- max-height: 300px;
- overflow-y: auto;
- background-color: #fff;
- border-radius: 2px;
- box-shadow: 0 2px 4px rgba(0, 0, 0, .12);
- box-sizing: border-box
+ display: none;
+ position: absolute;
+ left: 0;
+ top: 42px;
+ padding: 5px 0;
+ z-index: 899;
+ min-width: 100%;
+ border: 1px solid #d2d2d2;
+ max-height: 300px;
+ overflow-y: auto;
+ background-color: #fff;
+ border-radius: 2px;
+ box-shadow: 0 2px 4px rgba(0, 0, 0, 0.12);
+ box-sizing: border-box;
}
-.layui-form-select dl dd, .layui-form-select dl dt {
- padding: 0 10px;
- line-height: 36px;
- white-space: nowrap;
- overflow: hidden;
- text-overflow: ellipsis
+.layui-form-select dl dd,
+.layui-form-select dl dt {
+ padding: 0 10px;
+ line-height: 36px;
+ white-space: nowrap;
+ overflow: hidden;
+ text-overflow: ellipsis;
}
.layui-form-select dl dt {
- font-size: 12px;
- color: #999
+ font-size: 12px;
+ color: #999;
}
.layui-form-select dl dd {
- cursor: pointer
+ cursor: pointer;
}
.layui-form-select dl dd:hover {
- background-color: #f2f2f2;
- -webkit-transition: .5s all;
- transition: .5s all
+ background-color: #f2f2f2;
+ -webkit-transition: 0.5s all;
+ transition: 0.5s all;
}
.layui-form-select .layui-select-group dd {
- padding-left: 20px
+ padding-left: 20px;
}
.layui-form-select dl dd.layui-select-tips {
- padding-left: 10px !important;
- color: #999
+ padding-left: 10px !important;
+ color: #999;
}
.layui-form-select dl dd.layui-this {
- background-color: #5FB878;
- color: #fff
+ background-color: #5fb878;
+ color: #fff;
}
-.layui-form-checkbox, .layui-form-select dl dd.layui-disabled {
- background-color: #fff
+.layui-form-checkbox,
+.layui-form-select dl dd.layui-disabled {
+ background-color: #fff;
}
.layui-form-selected dl {
- display: block
+ display: block;
}
-.layui-form-checkbox, .layui-form-checkbox *, .layui-form-switch {
- display: inline-block;
- vertical-align: middle
+.layui-form-checkbox,
+.layui-form-checkbox *,
+.layui-form-switch {
+ display: inline-block;
+ vertical-align: middle;
}
.layui-form-selected .layui-edge {
- margin-top: -9px;
- -webkit-transform: rotate(180deg);
- transform: rotate(180deg);
- margin-top: -3px \9
+ margin-top: -9px;
+ -webkit-transform: rotate(180deg);
+ transform: rotate(180deg);
+ margin-top: -3px \9;
}
:root .layui-form-selected .layui-edge {
- margin-top: -9px \0/ IE9
+ margin-top: -9px \0 / IE9;
}
.layui-form-selectup dl {
- top: auto;
- bottom: 42px
+ top: auto;
+ bottom: 42px;
}
.layui-select-none {
- margin: 5px 0;
- text-align: center;
- color: #999
+ margin: 5px 0;
+ text-align: center;
+ color: #999;
}
.layui-select-disabled .layui-disabled {
- border-color: #eee !important
+ border-color: #eee !important;
}
.layui-select-disabled .layui-edge {
- border-top-color: #d2d2d2
+ border-top-color: #d2d2d2;
}
.layui-form-checkbox {
- position: relative;
- height: 30px;
- line-height: 30px;
- margin-right: 10px;
- padding-right: 30px;
- cursor: pointer;
- font-size: 0;
- -webkit-transition: .1s linear;
- transition: .1s linear;
- box-sizing: border-box
+ position: relative;
+ height: 30px;
+ line-height: 30px;
+ margin-right: 10px;
+ padding-right: 30px;
+ cursor: pointer;
+ font-size: 0;
+ -webkit-transition: 0.1s linear;
+ transition: 0.1s linear;
+ box-sizing: border-box;
}
.layui-form-checkbox span {
- padding: 0 10px;
- height: 100%;
- font-size: 14px;
- border-radius: 2px 0 0 2px;
- background-color: #d2d2d2;
- color: #fff;
- overflow: hidden
+ padding: 0 10px;
+ height: 100%;
+ font-size: 14px;
+ border-radius: 2px 0 0 2px;
+ background-color: #d2d2d2;
+ color: #fff;
+ overflow: hidden;
}
.layui-form-checkbox:hover span {
- background-color: #c2c2c2
+ background-color: #c2c2c2;
}
.layui-form-checkbox i {
- position: absolute;
- right: 0;
- top: 0;
- width: 30px;
- height: 28px;
- border: 1px solid #d2d2d2;
- border-left: none;
- border-radius: 0 2px 2px 0;
- color: #fff;
- font-size: 20px;
- text-align: center
+ position: absolute;
+ right: 0;
+ top: 0;
+ width: 30px;
+ height: 28px;
+ border: 1px solid #d2d2d2;
+ border-left: none;
+ border-radius: 0 2px 2px 0;
+ color: #fff;
+ font-size: 20px;
+ text-align: center;
}
.layui-form-checkbox:hover i {
- border-color: #c2c2c2;
- color: #c2c2c2
+ border-color: #c2c2c2;
+ color: #c2c2c2;
}
-.layui-form-checked, .layui-form-checked:hover {
- border-color: #5FB878
+.layui-form-checked,
+.layui-form-checked:hover {
+ border-color: #5fb878;
}
-.layui-form-checked span, .layui-form-checked:hover span {
- background-color: #5FB878
+.layui-form-checked span,
+.layui-form-checked:hover span {
+ background-color: #5fb878;
}
-.layui-form-checked i, .layui-form-checked:hover i {
- color: #5FB878
+.layui-form-checked i,
+.layui-form-checked:hover i {
+ color: #5fb878;
}
.layui-form-item .layui-form-checkbox {
- margin-top: 4px
+ margin-top: 4px;
}
-.layui-form-checkbox[lay-skin=primary] {
- height: auto !important;
- line-height: normal !important;
- min-width: 18px;
- min-height: 18px;
- border: none !important;
- margin-right: 0;
- padding-left: 28px;
- padding-right: 0;
- background: 0 0
+.layui-form-checkbox[lay-skin="primary"] {
+ height: auto !important;
+ line-height: normal !important;
+ min-width: 18px;
+ min-height: 18px;
+ border: none !important;
+ margin-right: 0;
+ padding-left: 28px;
+ padding-right: 0;
+ background: 0 0;
}
-.layui-form-checkbox[lay-skin=primary] span {
- padding-left: 0;
- padding-right: 15px;
- line-height: 18px;
- background: 0 0;
- color: #666
+.layui-form-checkbox[lay-skin="primary"] span {
+ padding-left: 0;
+ padding-right: 15px;
+ line-height: 18px;
+ background: 0 0;
+ color: #666;
}
-.layui-form-checkbox[lay-skin=primary] i {
- right: auto;
- left: 0;
- width: 16px;
- height: 16px;
- line-height: 16px;
- border: 1px solid #d2d2d2;
- font-size: 12px;
- border-radius: 2px;
- background-color: #fff;
- -webkit-transition: .1s linear;
- transition: .1s linear
+.layui-form-checkbox[lay-skin="primary"] i {
+ right: auto;
+ left: 0;
+ width: 16px;
+ height: 16px;
+ line-height: 16px;
+ border: 1px solid #d2d2d2;
+ font-size: 12px;
+ border-radius: 2px;
+ background-color: #fff;
+ -webkit-transition: 0.1s linear;
+ transition: 0.1s linear;
}
-.layui-form-checkbox[lay-skin=primary]:hover i {
- border-color: #5FB878;
- color: #fff
+.layui-form-checkbox[lay-skin="primary"]:hover i {
+ border-color: #5fb878;
+ color: #fff;
}
-.layui-form-checked[lay-skin=primary] i {
- border-color: #5FB878 !important;
- background-color: #5FB878;
- color: #fff
+.layui-form-checked[lay-skin="primary"] i {
+ border-color: #5fb878 !important;
+ background-color: #5fb878;
+ color: #fff;
}
-.layui-checkbox-disbaled[lay-skin=primary] span {
- background: 0 0 !important;
- color: #c2c2c2
+.layui-checkbox-disbaled[lay-skin="primary"] span {
+ background: 0 0 !important;
+ color: #c2c2c2;
}
-.layui-checkbox-disbaled[lay-skin=primary]:hover i {
- border-color: #d2d2d2
+.layui-checkbox-disbaled[lay-skin="primary"]:hover i {
+ border-color: #d2d2d2;
}
-.layui-form-item .layui-form-checkbox[lay-skin=primary] {
- margin-top: 10px
+.layui-form-item .layui-form-checkbox[lay-skin="primary"] {
+ margin-top: 10px;
}
.layui-form-switch {
- position: relative;
- height: 22px;
- line-height: 22px;
- min-width: 35px;
- padding: 0 5px;
- margin-top: 8px;
- border: 1px solid #d2d2d2;
- border-radius: 20px;
- cursor: pointer;
- background-color: #fff;
- -webkit-transition: .1s linear;
- transition: .1s linear
+ position: relative;
+ height: 22px;
+ line-height: 22px;
+ min-width: 35px;
+ padding: 0 5px;
+ margin-top: 8px;
+ border: 1px solid #d2d2d2;
+ border-radius: 20px;
+ cursor: pointer;
+ background-color: #fff;
+ -webkit-transition: 0.1s linear;
+ transition: 0.1s linear;
}
.layui-form-switch i {
- position: absolute;
- left: 5px;
- top: 3px;
- width: 16px;
- height: 16px;
- border-radius: 20px;
- background-color: #d2d2d2;
- -webkit-transition: .1s linear;
- transition: .1s linear
+ position: absolute;
+ left: 5px;
+ top: 3px;
+ width: 16px;
+ height: 16px;
+ border-radius: 20px;
+ background-color: #d2d2d2;
+ -webkit-transition: 0.1s linear;
+ transition: 0.1s linear;
}
.layui-form-switch em {
- position: relative;
- top: 0;
- width: 25px;
- margin-left: 21px;
- padding: 0 !important;
- text-align: center !important;
- color: #999 !important;
- font-style: normal !important;
- font-size: 12px
+ position: relative;
+ top: 0;
+ width: 25px;
+ margin-left: 21px;
+ padding: 0 !important;
+ text-align: center !important;
+ color: #999 !important;
+ font-style: normal !important;
+ font-size: 12px;
}
.layui-form-onswitch {
- border-color: #5FB878;
- background-color: #5FB878
+ border-color: #5fb878;
+ background-color: #5fb878;
}
-.layui-checkbox-disbaled, .layui-checkbox-disbaled i {
- border-color: #e2e2e2 !important
+.layui-checkbox-disbaled,
+.layui-checkbox-disbaled i {
+ border-color: #e2e2e2 !important;
}
.layui-form-onswitch i {
- left: 100%;
- margin-left: -21px;
- background-color: #fff
+ left: 100%;
+ margin-left: -21px;
+ background-color: #fff;
}
.layui-form-onswitch em {
- margin-left: 5px;
- margin-right: 21px;
- color: #fff !important
+ margin-left: 5px;
+ margin-right: 21px;
+ color: #fff !important;
}
.layui-checkbox-disbaled span {
- background-color: #e2e2e2 !important
+ background-color: #e2e2e2 !important;
}
.layui-checkbox-disbaled:hover i {
- color: #fff !important
+ color: #fff !important;
}
[lay-radio] {
- display: none
+ display: none;
}
-.layui-form-radio, .layui-form-radio * {
- display: inline-block;
- vertical-align: middle
+.layui-form-radio,
+.layui-form-radio * {
+ display: inline-block;
+ vertical-align: middle;
}
.layui-form-radio {
- line-height: 28px;
- margin: 6px 10px 0 0;
- padding-right: 10px;
- cursor: pointer;
- font-size: 0
+ line-height: 28px;
+ margin: 6px 10px 0 0;
+ padding-right: 10px;
+ cursor: pointer;
+ font-size: 0;
}
.layui-form-radio * {
- font-size: 14px
+ font-size: 14px;
}
.layui-form-radio > i {
- margin-right: 8px;
- font-size: 22px;
- color: #c2c2c2
+ margin-right: 8px;
+ font-size: 22px;
+ color: #c2c2c2;
}
-.layui-form-radio > i:hover, .layui-form-radioed > i {
- color: #5FB878
+.layui-form-radio > i:hover,
+.layui-form-radioed > i {
+ color: #5fb878;
}
.layui-radio-disbaled > i {
- color: #e2e2e2 !important
+ color: #e2e2e2 !important;
}
.layui-form-pane .layui-form-label {
- width: 110px;
- padding: 8px 15px;
- height: 38px;
- line-height: 20px;
- border-width: 1px;
- border-style: solid;
- border-radius: 2px 0 0 2px;
- text-align: center;
- background-color: #FBFBFB;
- overflow: hidden;
- box-sizing: border-box
+ width: 110px;
+ padding: 8px 15px;
+ height: 38px;
+ line-height: 20px;
+ border-width: 1px;
+ border-style: solid;
+ border-radius: 2px 0 0 2px;
+ text-align: center;
+ background-color: #fbfbfb;
+ overflow: hidden;
+ box-sizing: border-box;
}
.layui-form-pane .layui-input-inline {
- margin-left: -1px
+ margin-left: -1px;
}
.layui-form-pane .layui-input-block {
- margin-left: 110px;
- left: -1px
+ margin-left: 110px;
+ left: -1px;
}
.layui-form-pane .layui-input {
- border-radius: 0 2px 2px 0
+ border-radius: 0 2px 2px 0;
}
.layui-form-pane .layui-form-text .layui-form-label {
- float: none;
- width: 100%;
- border-radius: 2px;
- box-sizing: border-box;
- text-align: left
+ float: none;
+ width: 100%;
+ border-radius: 2px;
+ box-sizing: border-box;
+ text-align: left;
}
.layui-form-pane .layui-form-text .layui-input-inline {
- display: block;
- margin: 0;
- top: -1px;
- clear: both
+ display: block;
+ margin: 0;
+ top: -1px;
+ clear: both;
}
.layui-form-pane .layui-form-text .layui-input-block {
- margin: 0;
- left: 0;
- top: -1px
+ margin: 0;
+ left: 0;
+ top: -1px;
}
.layui-form-pane .layui-form-text .layui-textarea {
- min-height: 100px;
- border-radius: 0 0 2px 2px
+ min-height: 100px;
+ border-radius: 0 0 2px 2px;
}
.layui-form-pane .layui-form-checkbox {
- margin: 4px 0 4px 10px
+ margin: 4px 0 4px 10px;
}
-.layui-form-pane .layui-form-radio, .layui-form-pane .layui-form-switch {
- margin-top: 6px;
- margin-left: 10px
+.layui-form-pane .layui-form-radio,
+.layui-form-pane .layui-form-switch {
+ margin-top: 6px;
+ margin-left: 10px;
}
.layui-form-pane .layui-form-item[pane] {
- position: relative;
- border-width: 1px;
- border-style: solid
+ position: relative;
+ border-width: 1px;
+ border-style: solid;
}
.layui-form-pane .layui-form-item[pane] .layui-form-label {
- position: absolute;
- left: 0;
- top: 0;
- height: 100%;
- border-width: 0 1px 0 0
+ position: absolute;
+ left: 0;
+ top: 0;
+ height: 100%;
+ border-width: 0 1px 0 0;
}
.layui-form-pane .layui-form-item[pane] .layui-input-inline {
- margin-left: 110px
+ margin-left: 110px;
}
@media screen and (max-width: 450px) {
- .layui-form-item .layui-form-label {
- text-overflow: ellipsis;
- overflow: hidden;
- white-space: nowrap
- }
+ .layui-form-item .layui-form-label {
+ text-overflow: ellipsis;
+ overflow: hidden;
+ white-space: nowrap;
+ }
- .layui-form-item .layui-inline {
- display: block;
- margin-right: 0;
- margin-bottom: 20px;
- clear: both
- }
+ .layui-form-item .layui-inline {
+ display: block;
+ margin-right: 0;
+ margin-bottom: 20px;
+ clear: both;
+ }
- .layui-form-item .layui-inline:after {
- content: '\20';
- clear: both;
- display: block;
- height: 0
- }
+ .layui-form-item .layui-inline:after {
+ content: "\20";
+ clear: both;
+ display: block;
+ height: 0;
+ }
- .layui-form-item .layui-input-inline {
- display: block;
- float: none;
- left: -3px;
- width: auto;
- margin: 0 0 10px 112px
- }
+ .layui-form-item .layui-input-inline {
+ display: block;
+ float: none;
+ left: -3px;
+ width: auto;
+ margin: 0 0 10px 112px;
+ }
- .layui-form-item .layui-input-inline + .layui-form-mid {
- margin-left: 110px;
- top: -5px;
- padding: 0
- }
+ .layui-form-item .layui-input-inline + .layui-form-mid {
+ margin-left: 110px;
+ top: -5px;
+ padding: 0;
+ }
- .layui-form-item .layui-form-checkbox {
- margin-right: 5px;
- margin-bottom: 5px
- }
+ .layui-form-item .layui-form-checkbox {
+ margin-right: 5px;
+ margin-bottom: 5px;
+ }
}
.layui-layedit {
- border-width: 1px;
- border-style: solid;
- border-radius: 2px
+ border-width: 1px;
+ border-style: solid;
+ border-radius: 2px;
}
.layui-layedit-tool {
- padding: 3px 5px;
- border-bottom-width: 1px;
- border-bottom-style: solid;
- font-size: 0
+ padding: 3px 5px;
+ border-bottom-width: 1px;
+ border-bottom-style: solid;
+ font-size: 0;
}
.layedit-tool-fixed {
- position: fixed;
- top: 0;
- border-top: 1px solid #e2e2e2
+ position: fixed;
+ top: 0;
+ border-top: 1px solid #e2e2e2;
}
-.layui-layedit-tool .layedit-tool-mid, .layui-layedit-tool .layui-icon {
- display: inline-block;
- vertical-align: middle;
- text-align: center;
- font-size: 14px
+.layui-layedit-tool .layedit-tool-mid,
+.layui-layedit-tool .layui-icon {
+ display: inline-block;
+ vertical-align: middle;
+ text-align: center;
+ font-size: 14px;
}
.layui-layedit-tool .layui-icon {
- position: relative;
- width: 32px;
- height: 30px;
- line-height: 30px;
- margin: 3px 5px;
- color: #777;
- cursor: pointer;
- border-radius: 2px
+ position: relative;
+ width: 32px;
+ height: 30px;
+ line-height: 30px;
+ margin: 3px 5px;
+ color: #777;
+ cursor: pointer;
+ border-radius: 2px;
}
.layui-layedit-tool .layui-icon:hover {
- color: #393D49
+ color: #393d49;
}
.layui-layedit-tool .layui-icon:active {
- color: #000
+ color: #000;
}
.layui-layedit-tool .layedit-tool-active {
- background-color: #e2e2e2;
- color: #000
+ background-color: #e2e2e2;
+ color: #000;
}
-.layui-layedit-tool .layui-disabled, .layui-layedit-tool .layui-disabled:hover {
- color: #d2d2d2;
- cursor: not-allowed
+.layui-layedit-tool .layui-disabled,
+.layui-layedit-tool .layui-disabled:hover {
+ color: #d2d2d2;
+ cursor: not-allowed;
}
.layui-layedit-tool .layedit-tool-mid {
- width: 1px;
- height: 18px;
- margin: 0 10px;
- background-color: #d2d2d2
+ width: 1px;
+ height: 18px;
+ margin: 0 10px;
+ background-color: #d2d2d2;
}
.layedit-tool-html {
- width: 50px !important;
- font-size: 30px !important
+ width: 50px !important;
+ font-size: 30px !important;
}
-.layedit-tool-b, .layedit-tool-code, .layedit-tool-help {
- font-size: 16px !important
+.layedit-tool-b,
+.layedit-tool-code,
+.layedit-tool-help {
+ font-size: 16px !important;
}
-.layedit-tool-d, .layedit-tool-face, .layedit-tool-image, .layedit-tool-unlink {
- font-size: 18px !important
+.layedit-tool-d,
+.layedit-tool-face,
+.layedit-tool-image,
+.layedit-tool-unlink {
+ font-size: 18px !important;
}
.layedit-tool-image input {
- position: absolute;
- font-size: 0;
- left: 0;
- top: 0;
- width: 100%;
- height: 100%;
- opacity: .01;
- filter: Alpha(opacity=1);
- cursor: pointer
+ position: absolute;
+ font-size: 0;
+ left: 0;
+ top: 0;
+ width: 100%;
+ height: 100%;
+ opacity: 0.01;
+ filter: Alpha(opacity=1);
+ cursor: pointer;
}
.layui-layedit-iframe iframe {
- display: block;
- width: 100%
+ display: block;
+ width: 100%;
}
#LAY_layedit_code {
- overflow: hidden
+ overflow: hidden;
}
.layui-laypage {
- display: inline-block;
- *display: inline;
- *zoom: 1;
- vertical-align: middle;
- margin: 10px 0;
- font-size: 0
+ display: inline-block;
+ *display: inline;
+ *zoom: 1;
+ vertical-align: middle;
+ margin: 10px 0;
+ font-size: 0;
}
-.layui-laypage > a:first-child, .layui-laypage > a:first-child em {
- border-radius: 2px 0 0 2px
+.layui-laypage > a:first-child,
+.layui-laypage > a:first-child em {
+ border-radius: 2px 0 0 2px;
}
-.layui-laypage > a:last-child, .layui-laypage > a:last-child em {
- border-radius: 0 2px 2px 0
+.layui-laypage > a:last-child,
+.layui-laypage > a:last-child em {
+ border-radius: 0 2px 2px 0;
}
.layui-laypage > :first-child {
- margin-left: 0 !important
+ margin-left: 0 !important;
}
.layui-laypage > :last-child {
- margin-right: 0 !important
+ margin-right: 0 !important;
}
-.layui-laypage a, .layui-laypage button, .layui-laypage input, .layui-laypage select, .layui-laypage span {
- border: 1px solid #e2e2e2
+.layui-laypage a,
+.layui-laypage button,
+.layui-laypage input,
+.layui-laypage select,
+.layui-laypage span {
+ border: 1px solid #e2e2e2;
}
-.layui-laypage a, .layui-laypage span {
- display: inline-block;
- *display: inline;
- *zoom: 1;
- vertical-align: middle;
- padding: 0 15px;
- height: 28px;
- line-height: 28px;
- margin: 0 -1px 5px 0;
- background-color: #fff;
- color: #333;
- font-size: 12px
+.layui-laypage a,
+.layui-laypage span {
+ display: inline-block;
+ *display: inline;
+ *zoom: 1;
+ vertical-align: middle;
+ padding: 0 15px;
+ height: 28px;
+ line-height: 28px;
+ margin: 0 -1px 5px 0;
+ background-color: #fff;
+ color: #333;
+ font-size: 12px;
}
-.layui-flow-more a *, .layui-laypage input, .layui-table-view select[lay-ignore] {
- display: inline-block
+.layui-flow-more a *,
+.layui-laypage input,
+.layui-table-view select[lay-ignore] {
+ display: inline-block;
}
.layui-laypage a:hover {
- color: #009688
+ color: #009688;
}
.layui-laypage em {
- font-style: normal
+ font-style: normal;
}
.layui-laypage .layui-laypage-spr {
- color: #999;
- font-weight: 700
+ color: #999;
+ font-weight: 700;
}
.layui-laypage a {
- text-decoration: none
+ text-decoration: none;
}
.layui-laypage .layui-laypage-curr {
- position: relative
+ position: relative;
}
.layui-laypage .layui-laypage-curr em {
- position: relative;
- color: #fff
+ position: relative;
+ color: #fff;
}
.layui-laypage .layui-laypage-curr .layui-laypage-em {
- position: absolute;
- left: -1px;
- top: -1px;
- padding: 1px;
- width: 100%;
- height: 100%;
- background-color: #009688
+ position: absolute;
+ left: -1px;
+ top: -1px;
+ padding: 1px;
+ width: 100%;
+ height: 100%;
+ background-color: #009688;
}
.layui-laypage-em {
- border-radius: 2px
+ border-radius: 2px;
}
-.layui-laypage-next em, .layui-laypage-prev em {
- font-family: Sim sun;
- font-size: 16px
+.layui-laypage-next em,
+.layui-laypage-prev em {
+ font-family: Sim sun;
+ font-size: 16px;
}
-.layui-laypage .layui-laypage-count, .layui-laypage .layui-laypage-limits, .layui-laypage .layui-laypage-refresh, .layui-laypage .layui-laypage-skip {
- margin-left: 10px;
- margin-right: 10px;
- padding: 0;
- border: none
+.layui-laypage .layui-laypage-count,
+.layui-laypage .layui-laypage-limits,
+.layui-laypage .layui-laypage-refresh,
+.layui-laypage .layui-laypage-skip {
+ margin-left: 10px;
+ margin-right: 10px;
+ padding: 0;
+ border: none;
}
-.layui-laypage .layui-laypage-limits, .layui-laypage .layui-laypage-refresh {
- vertical-align: top
+.layui-laypage .layui-laypage-limits,
+.layui-laypage .layui-laypage-refresh {
+ vertical-align: top;
}
.layui-laypage .layui-laypage-refresh i {
- font-size: 18px;
- cursor: pointer
+ font-size: 18px;
+ cursor: pointer;
}
.layui-laypage select {
- height: 22px;
- padding: 3px;
- border-radius: 2px;
- cursor: pointer
+ height: 22px;
+ padding: 3px;
+ border-radius: 2px;
+ cursor: pointer;
}
.layui-laypage .layui-laypage-skip {
- height: 30px;
- line-height: 30px;
- color: #999
+ height: 30px;
+ line-height: 30px;
+ color: #999;
}
-.layui-laypage button, .layui-laypage input {
- height: 30px;
- line-height: 30px;
- border-radius: 2px;
- vertical-align: top;
- background-color: #fff;
- box-sizing: border-box
+.layui-laypage button,
+.layui-laypage input {
+ height: 30px;
+ line-height: 30px;
+ border-radius: 2px;
+ vertical-align: top;
+ background-color: #fff;
+ box-sizing: border-box;
}
.layui-laypage input {
- width: 40px;
- margin: 0 10px;
- padding: 0 3px;
- text-align: center
+ width: 40px;
+ margin: 0 10px;
+ padding: 0 3px;
+ text-align: center;
}
-.layui-laypage input:focus, .layui-laypage select:focus {
- border-color: #009688 !important
+.layui-laypage input:focus,
+.layui-laypage select:focus {
+ border-color: #009688 !important;
}
.layui-laypage button {
- margin-left: 10px;
- padding: 0 10px;
- cursor: pointer
+ margin-left: 10px;
+ padding: 0 10px;
+ cursor: pointer;
}
-.layui-table, .layui-table-view {
- margin: 10px 0
+.layui-table,
+.layui-table-view {
+ margin: 10px 0;
}
.layui-flow-more {
- margin: 10px 0;
- text-align: center;
- color: #999;
- font-size: 14px
+ margin: 10px 0;
+ text-align: center;
+ color: #999;
+ font-size: 14px;
}
.layui-flow-more a {
- height: 32px;
- line-height: 32px
+ height: 32px;
+ line-height: 32px;
}
.layui-flow-more a * {
- vertical-align: top
+ vertical-align: top;
}
.layui-flow-more a cite {
- padding: 0 20px;
- border-radius: 3px;
- background-color: #eee;
- color: #333;
- font-style: normal
+ padding: 0 20px;
+ border-radius: 3px;
+ background-color: #eee;
+ color: #333;
+ font-style: normal;
}
.layui-flow-more a cite:hover {
- opacity: .8
+ opacity: 0.8;
}
.layui-flow-more a i {
- font-size: 30px;
- color: #737383
+ font-size: 30px;
+ color: #737383;
}
.layui-table {
- width: 100%;
- background-color: #fff;
- color: #666
+ width: 100%;
+ background-color: #fff;
+ color: #666;
}
.layui-table tr {
- transition: all .3s;
- -webkit-transition: all .3s
+ transition: all 0.3s;
+ -webkit-transition: all 0.3s;
}
.layui-table th {
- text-align: left;
- font-weight: 400
+ text-align: left;
+ font-weight: 400;
}
-.layui-table tbody tr:hover, .layui-table thead tr, .layui-table-click, .layui-table-header, .layui-table-hover, .layui-table-mend, .layui-table-patch, .layui-table-tool, .layui-table-total, .layui-table-total tr, .layui-table[lay-even] tr:nth-child(even) {
- background-color: #5aa8e898
+.layui-table tbody tr:hover,
+.layui-table thead tr,
+.layui-table-click,
+.layui-table-header,
+.layui-table-hover,
+.layui-table-mend,
+.layui-table-patch,
+.layui-table-tool,
+.layui-table-total,
+.layui-table-total tr,
+.layui-table[lay-even] tr:nth-child(even) {
+ background-color: #5aa8e898;
}
-.layui-table td, .layui-table th, .layui-table-col-set, .layui-table-fixed-r, .layui-table-grid-down, .layui-table-header, .layui-table-page, .layui-table-tips-main, .layui-table-tool, .layui-table-total, .layui-table-view, .layui-table[lay-skin=line], .layui-table[lay-skin=row] {
- border-width: 1px;
- border-style: solid;
- border-color: #e6e6e6
+.layui-table td,
+.layui-table th,
+.layui-table-col-set,
+.layui-table-fixed-r,
+.layui-table-grid-down,
+.layui-table-header,
+.layui-table-page,
+.layui-table-tips-main,
+.layui-table-tool,
+.layui-table-total,
+.layui-table-view,
+.layui-table[lay-skin="line"],
+.layui-table[lay-skin="row"] {
+ border-width: 1px;
+ border-style: solid;
+ border-color: #e6e6e6;
}
-.layui-table td, .layui-table th {
- position: relative;
- padding: 9px 15px;
- min-height: 20px;
- line-height: 20px;
- font-size: 14px
+.layui-table td,
+.layui-table th {
+ position: relative;
+ padding: 9px 15px;
+ min-height: 20px;
+ line-height: 20px;
+ font-size: 14px;
}
-.layui-table[lay-skin=line] td, .layui-table[lay-skin=line] th {
- border-width: 0 0 1px
+.layui-table[lay-skin="line"] td,
+.layui-table[lay-skin="line"] th {
+ border-width: 0 0 1px;
}
-.layui-table[lay-skin=row] td, .layui-table[lay-skin=row] th {
- border-width: 0 1px 0 0
+.layui-table[lay-skin="row"] td,
+.layui-table[lay-skin="row"] th {
+ border-width: 0 1px 0 0;
}
-.layui-table[lay-skin=nob] td, .layui-table[lay-skin=nob] th {
- border: none
+.layui-table[lay-skin="nob"] td,
+.layui-table[lay-skin="nob"] th {
+ border: none;
}
.layui-table img {
- max-width: 100px
+ max-width: 100px;
}
-.layui-table[lay-size=lg] td, .layui-table[lay-size=lg] th {
- padding: 15px 30px
+.layui-table[lay-size="lg"] td,
+.layui-table[lay-size="lg"] th {
+ padding: 15px 30px;
}
-.layui-table-view .layui-table[lay-size=lg] .layui-table-cell {
- height: 40px;
- line-height: 40px
+.layui-table-view .layui-table[lay-size="lg"] .layui-table-cell {
+ height: 40px;
+ line-height: 40px;
}
-.layui-table[lay-size=sm] td, .layui-table[lay-size=sm] th {
- font-size: 12px;
- padding: 5px 10px
+.layui-table[lay-size="sm"] td,
+.layui-table[lay-size="sm"] th {
+ font-size: 12px;
+ padding: 5px 10px;
}
-.layui-table-view .layui-table[lay-size=sm] .layui-table-cell {
- height: 20px;
- line-height: 20px
+.layui-table-view .layui-table[lay-size="sm"] .layui-table-cell {
+ height: 20px;
+ line-height: 20px;
}
.layui-table[lay-data] {
- display: none
+ display: none;
}
.layui-table-box {
- position: relative;
- overflow: hidden
+ position: relative;
+ overflow: hidden;
}
.layui-table-view .layui-table {
- position: relative;
- width: auto;
- margin: 0
+ position: relative;
+ width: auto;
+ margin: 0;
}
-.layui-table-view .layui-table[lay-skin=line] {
- border-width: 0 1px 0 0
+.layui-table-view .layui-table[lay-skin="line"] {
+ border-width: 0 1px 0 0;
}
-.layui-table-view .layui-table[lay-skin=row] {
- border-width: 0 0 1px
+.layui-table-view .layui-table[lay-skin="row"] {
+ border-width: 0 0 1px;
}
-.layui-table-view .layui-table td, .layui-table-view .layui-table th {
- padding: 5px 0;
- border-top: none;
- border-left: none
+.layui-table-view .layui-table td,
+.layui-table-view .layui-table th {
+ padding: 5px 0;
+ border-top: none;
+ border-left: none;
}
.layui-table-view .layui-table th.layui-unselect .layui-table-cell span {
- cursor: pointer
+ cursor: pointer;
}
.layui-table-view .layui-table td {
- cursor: default
+ cursor: default;
}
-.layui-table-view .layui-table td[data-edit=text] {
- cursor: text
+.layui-table-view .layui-table td[data-edit="text"] {
+ cursor: text;
}
-.layui-table-view .layui-form-checkbox[lay-skin=primary] i {
- width: 18px;
- height: 18px
+.layui-table-view .layui-form-checkbox[lay-skin="primary"] i {
+ width: 18px;
+ height: 18px;
}
.layui-table-view .layui-form-radio {
- line-height: 0;
- padding: 0
+ line-height: 0;
+ padding: 0;
}
.layui-table-view .layui-form-radio > i {
- margin: 0;
- font-size: 20px
+ margin: 0;
+ font-size: 20px;
}
.layui-table-init {
- position: absolute;
- left: 0;
- top: 0;
- width: 100%;
- height: 100%;
- text-align: center;
- z-index: 110
+ position: absolute;
+ left: 0;
+ top: 0;
+ width: 100%;
+ height: 100%;
+ text-align: center;
+ z-index: 110;
}
.layui-table-init .layui-icon {
- position: absolute;
- left: 50%;
- top: 50%;
- margin: -15px 0 0 -15px;
- font-size: 30px;
- color: #c2c2c2
+ position: absolute;
+ left: 50%;
+ top: 50%;
+ margin: -15px 0 0 -15px;
+ font-size: 30px;
+ color: #c2c2c2;
}
.layui-table-header {
- border-width: 0 0 1px;
- overflow: hidden
+ border-width: 0 0 1px;
+ overflow: hidden;
}
.layui-table-header .layui-table {
- margin-bottom: -1px
+ margin-bottom: -1px;
}
.layui-table-tool .layui-inline[lay-event] {
- position: relative;
- width: 26px;
- height: 26px;
- padding: 5px;
- line-height: 16px;
- margin-right: 10px;
- text-align: center;
- color: #333;
- border: 1px solid #ccc;
- cursor: pointer;
- -webkit-transition: .5s all;
- transition: .5s all
+ position: relative;
+ width: 26px;
+ height: 26px;
+ padding: 5px;
+ line-height: 16px;
+ margin-right: 10px;
+ text-align: center;
+ color: #333;
+ border: 1px solid #ccc;
+ cursor: pointer;
+ -webkit-transition: 0.5s all;
+ transition: 0.5s all;
}
.layui-table-tool .layui-inline[lay-event]:hover {
- border: 1px solid #999
+ border: 1px solid #999;
}
.layui-table-tool-temp {
- padding-right: 120px
+ padding-right: 120px;
}
.layui-table-tool-self {
- position: absolute;
- right: 17px;
- top: 10px
+ position: absolute;
+ right: 17px;
+ top: 10px;
}
.layui-table-tool .layui-table-tool-self .layui-inline[lay-event] {
- margin: 0 0 0 10px
+ margin: 0 0 0 10px;
}
.layui-table-tool-panel {
- position: absolute;
- top: 29px;
- left: -1px;
- padding: 5px 0;
- min-width: 150px;
- min-height: 40px;
- border: 1px solid #d2d2d2;
- text-align: left;
- overflow-y: auto;
- background-color: #fff;
- box-shadow: 0 2px 4px rgba(0, 0, 0, .12)
+ position: absolute;
+ top: 29px;
+ left: -1px;
+ padding: 5px 0;
+ min-width: 150px;
+ min-height: 40px;
+ border: 1px solid #d2d2d2;
+ text-align: left;
+ overflow-y: auto;
+ background-color: #fff;
+ box-shadow: 0 2px 4px rgba(0, 0, 0, 0.12);
}
-.layui-table-cell, .layui-table-tool-panel li {
- overflow: hidden;
- text-overflow: ellipsis;
- white-space: nowrap
+.layui-table-cell,
+.layui-table-tool-panel li {
+ overflow: hidden;
+ text-overflow: ellipsis;
+ white-space: nowrap;
}
.layui-table-tool-panel li {
- padding: 0 10px;
- line-height: 30px;
- -webkit-transition: .5s all;
- transition: .5s all
+ padding: 0 10px;
+ line-height: 30px;
+ -webkit-transition: 0.5s all;
+ transition: 0.5s all;
}
-.layui-table-tool-panel li .layui-form-checkbox[lay-skin=primary] {
- width: 100%;
- padding-left: 28px
+.layui-table-tool-panel li .layui-form-checkbox[lay-skin="primary"] {
+ width: 100%;
+ padding-left: 28px;
}
.layui-table-tool-panel li:hover {
- background-color: #f2f2f2
+ background-color: #f2f2f2;
}
-.layui-table-tool-panel li .layui-form-checkbox[lay-skin=primary] i {
- position: absolute;
- left: 0;
- top: 0
+.layui-table-tool-panel li .layui-form-checkbox[lay-skin="primary"] i {
+ position: absolute;
+ left: 0;
+ top: 0;
}
-.layui-table-tool-panel li .layui-form-checkbox[lay-skin=primary] span {
- padding: 0
+.layui-table-tool-panel li .layui-form-checkbox[lay-skin="primary"] span {
+ padding: 0;
}
.layui-table-tool .layui-table-tool-self .layui-table-tool-panel {
- left: auto;
- right: -1px
+ left: auto;
+ right: -1px;
}
.layui-table-col-set {
- position: absolute;
- right: 0;
- top: 0;
- width: 20px;
- height: 100%;
- border-width: 0 0 0 1px;
- background-color: #fff
+ position: absolute;
+ right: 0;
+ top: 0;
+ width: 20px;
+ height: 100%;
+ border-width: 0 0 0 1px;
+ background-color: #fff;
}
.layui-table-sort {
- width: 10px;
- height: 20px;
- margin-left: 5px;
- cursor: pointer !important
+ width: 10px;
+ height: 20px;
+ margin-left: 5px;
+ cursor: pointer !important;
}
.layui-table-sort .layui-edge {
- position: absolute;
- left: 5px;
- border-width: 5px
+ position: absolute;
+ left: 5px;
+ border-width: 5px;
}
.layui-table-sort .layui-table-sort-asc {
- top: 3px;
- border-top: none;
- border-bottom-style: solid;
- border-bottom-color: #b2b2b2
+ top: 3px;
+ border-top: none;
+ border-bottom-style: solid;
+ border-bottom-color: #b2b2b2;
}
.layui-table-sort .layui-table-sort-asc:hover {
- border-bottom-color: #666
+ border-bottom-color: #666;
}
.layui-table-sort .layui-table-sort-desc {
- bottom: 5px;
- border-bottom: none;
- border-top-style: solid;
- border-top-color: #b2b2b2
+ bottom: 5px;
+ border-bottom: none;
+ border-top-style: solid;
+ border-top-color: #b2b2b2;
}
.layui-table-sort .layui-table-sort-desc:hover {
- border-top-color: #666
+ border-top-color: #666;
}
-.layui-table-sort[lay-sort=asc] .layui-table-sort-asc {
- border-bottom-color: #000
+.layui-table-sort[lay-sort="asc"] .layui-table-sort-asc {
+ border-bottom-color: #000;
}
-.layui-table-sort[lay-sort=desc] .layui-table-sort-desc {
- border-top-color: #000
+.layui-table-sort[lay-sort="desc"] .layui-table-sort-desc {
+ border-top-color: #000;
}
.layui-table-cell {
- height: 28px;
- line-height: 28px;
- padding: 0 15px;
- position: relative;
- box-sizing: border-box
+ height: 28px;
+ line-height: 28px;
+ padding: 0 15px;
+ position: relative;
+ box-sizing: border-box;
}
-.layui-table-cell .layui-form-checkbox[lay-skin=primary] {
- top: -1px;
- padding: 0
+.layui-table-cell .layui-form-checkbox[lay-skin="primary"] {
+ top: -1px;
+ padding: 0;
}
.layui-table-cell .layui-table-link {
- color: #01AAED
+ color: #01aaed;
}
-.laytable-cell-checkbox, .laytable-cell-numbers, .laytable-cell-radio, .laytable-cell-space {
- padding: 0;
- text-align: center
+.laytable-cell-checkbox,
+.laytable-cell-numbers,
+.laytable-cell-radio,
+.laytable-cell-space {
+ padding: 0;
+ text-align: center;
}
.layui-table-body {
- position: relative;
- overflow: auto;
- margin-right: -1px;
- margin-bottom: -1px
+ position: relative;
+ overflow: auto;
+ margin-right: -1px;
+ margin-bottom: -1px;
}
.layui-table-body .layui-none {
- line-height: 26px;
- padding: 15px;
- text-align: center;
- color: #999
+ line-height: 26px;
+ padding: 15px;
+ text-align: center;
+ color: #999;
}
.layui-table-fixed {
- position: absolute;
- left: 0;
- top: 0;
- z-index: 101
+ position: absolute;
+ left: 0;
+ top: 0;
+ z-index: 101;
}
.layui-table-fixed .layui-table-body {
- overflow: hidden
+ overflow: hidden;
}
.layui-table-fixed-l {
- box-shadow: 0 -1px 8px rgba(0, 0, 0, .08)
+ box-shadow: 0 -1px 8px rgba(0, 0, 0, 0.08);
}
.layui-table-fixed-r {
- left: auto;
- right: -1px;
- border-width: 0 0 0 1px;
- box-shadow: -1px 0 8px rgba(0, 0, 0, .08)
+ left: auto;
+ right: -1px;
+ border-width: 0 0 0 1px;
+ box-shadow: -1px 0 8px rgba(0, 0, 0, 0.08);
}
.layui-table-fixed-r .layui-table-header {
- position: relative;
- overflow: visible
+ position: relative;
+ overflow: visible;
}
.layui-table-mend {
- position: absolute;
- right: -49px;
- top: 0;
- height: 100%;
- width: 50px
+ position: absolute;
+ right: -49px;
+ top: 0;
+ height: 100%;
+ width: 50px;
}
.layui-table-tool {
- position: relative;
- z-index: 890;
- width: 100%;
- min-height: 50px;
- line-height: 30px;
- padding: 10px 15px;
- border-width: 0 0 1px
+ position: relative;
+ z-index: 890;
+ width: 100%;
+ min-height: 50px;
+ line-height: 30px;
+ padding: 10px 15px;
+ border-width: 0 0 1px;
}
.layui-table-tool .layui-btn-container {
- margin-bottom: -10px
+ margin-bottom: -10px;
}
-.layui-table-page, .layui-table-total {
- border-width: 1px 0 0;
- margin-bottom: -1px;
- overflow: hidden
+.layui-table-page,
+.layui-table-total {
+ border-width: 1px 0 0;
+ margin-bottom: -1px;
+ overflow: hidden;
}
.layui-table-page {
- position: relative;
- width: 100%;
- padding: 7px 7px 0;
- height: 41px;
- font-size: 12px;
- white-space: nowrap
+ position: relative;
+ width: 100%;
+ padding: 7px 7px 0;
+ height: 41px;
+ font-size: 12px;
+ white-space: nowrap;
}
.layui-table-page > div {
- height: 26px
+ height: 26px;
}
.layui-table-page .layui-laypage {
- margin: 0
+ margin: 0;
}
-.layui-table-page .layui-laypage a, .layui-table-page .layui-laypage span {
- height: 26px;
- line-height: 26px;
- margin-bottom: 10px;
- border: none;
- background: 0 0
+.layui-table-page .layui-laypage a,
+.layui-table-page .layui-laypage span {
+ height: 26px;
+ line-height: 26px;
+ margin-bottom: 10px;
+ border: none;
+ background: 0 0;
}
-.layui-table-page .layui-laypage a, .layui-table-page .layui-laypage span.layui-laypage-curr {
- padding: 0 12px
+.layui-table-page .layui-laypage a,
+.layui-table-page .layui-laypage span.layui-laypage-curr {
+ padding: 0 12px;
}
.layui-table-page .layui-laypage span {
- margin-left: 0;
- padding: 0
+ margin-left: 0;
+ padding: 0;
}
.layui-table-page .layui-laypage .layui-laypage-prev {
- margin-left: -7px !important
+ margin-left: -7px !important;
}
.layui-table-page .layui-laypage .layui-laypage-curr .layui-laypage-em {
- left: 0;
- top: 0;
- padding: 0
+ left: 0;
+ top: 0;
+ padding: 0;
}
-.layui-table-page .layui-laypage button, .layui-table-page .layui-laypage input {
- height: 26px;
- line-height: 26px
+.layui-table-page .layui-laypage button,
+.layui-table-page .layui-laypage input {
+ height: 26px;
+ line-height: 26px;
}
.layui-table-page .layui-laypage input {
- width: 40px
+ width: 40px;
}
.layui-table-page .layui-laypage button {
- padding: 0 10px
+ padding: 0 10px;
}
.layui-table-page select {
- height: 18px
+ height: 18px;
}
.layui-table-patch .layui-table-cell {
- padding: 0;
- width: 30px
+ padding: 0;
+ width: 30px;
}
.layui-table-edit {
- position: absolute;
- left: 0;
- top: 0;
- width: 100%;
- height: 100%;
- padding: 0 14px 1px;
- border-radius: 0;
- box-shadow: 1px 1px 20px rgba(0, 0, 0, .15)
+ position: absolute;
+ left: 0;
+ top: 0;
+ width: 100%;
+ height: 100%;
+ padding: 0 14px 1px;
+ border-radius: 0;
+ box-shadow: 1px 1px 20px rgba(0, 0, 0, 0.15);
}
.layui-table-edit:focus {
- border-color: #5FB878 !important
+ border-color: #5fb878 !important;
}
select.layui-table-edit {
- padding: 0 0 0 10px;
- border-color: #C9C9C9
+ padding: 0 0 0 10px;
+ border-color: #c9c9c9;
}
-.layui-table-view .layui-form-checkbox, .layui-table-view .layui-form-radio, .layui-table-view .layui-form-switch {
- top: 0;
- margin: 0;
- box-sizing: content-box
+.layui-table-view .layui-form-checkbox,
+.layui-table-view .layui-form-radio,
+.layui-table-view .layui-form-switch {
+ top: 0;
+ margin: 0;
+ box-sizing: content-box;
}
.layui-table-view .layui-form-checkbox {
- top: -1px;
- height: 26px;
- line-height: 26px
+ top: -1px;
+ height: 26px;
+ line-height: 26px;
}
.layui-table-view .layui-form-checkbox i {
- height: 26px
+ height: 26px;
}
.layui-table-grid .layui-table-cell {
- overflow: visible
+ overflow: visible;
}
.layui-table-grid-down {
- position: absolute;
- top: 0;
- right: 0;
- width: 26px;
- height: 100%;
- padding: 5px 0;
- border-width: 0 0 0 1px;
- text-align: center;
- background-color: #fff;
- color: #999;
- cursor: pointer
+ position: absolute;
+ top: 0;
+ right: 0;
+ width: 26px;
+ height: 100%;
+ padding: 5px 0;
+ border-width: 0 0 0 1px;
+ text-align: center;
+ background-color: #fff;
+ color: #999;
+ cursor: pointer;
}
.layui-table-grid-down .layui-icon {
- position: absolute;
- top: 50%;
- left: 50%;
- margin: -8px 0 0 -8px
+ position: absolute;
+ top: 50%;
+ left: 50%;
+ margin: -8px 0 0 -8px;
}
.layui-table-grid-down:hover {
- background-color: #fbfbfb
+ background-color: #fbfbfb;
}
body .layui-table-tips .layui-layer-content {
- background: 0 0;
- padding: 0;
- box-shadow: 0 1px 6px rgba(0, 0, 0, .12)
+ background: 0 0;
+ padding: 0;
+ box-shadow: 0 1px 6px rgba(0, 0, 0, 0.12);
}
.layui-table-tips-main {
- margin: -44px 0 0 -1px;
- max-height: 150px;
- padding: 8px 15px;
- font-size: 14px;
- overflow-y: scroll;
- background-color: #fff;
- color: #666
+ margin: -44px 0 0 -1px;
+ max-height: 150px;
+ padding: 8px 15px;
+ font-size: 14px;
+ overflow-y: scroll;
+ background-color: #fff;
+ color: #666;
}
.layui-table-tips-c {
- position: absolute;
- right: -3px;
- top: -13px;
- width: 20px;
- height: 20px;
- padding: 3px;
- cursor: pointer;
- background-color: #666;
- border-radius: 50%;
- color: #fff
+ position: absolute;
+ right: -3px;
+ top: -13px;
+ width: 20px;
+ height: 20px;
+ padding: 3px;
+ cursor: pointer;
+ background-color: #666;
+ border-radius: 50%;
+ color: #fff;
}
.layui-table-tips-c:hover {
- background-color: #777
+ background-color: #777;
}
.layui-table-tips-c:before {
- position: relative;
- right: -2px
+ position: relative;
+ right: -2px;
}
.layui-upload-file {
- display: none !important;
- opacity: .01;
- filter: Alpha(opacity=1)
+ display: none !important;
+ opacity: 0.01;
+ filter: Alpha(opacity=1);
}
-.layui-upload-drag, .layui-upload-form, .layui-upload-wrap {
- display: inline-block
+.layui-upload-drag,
+.layui-upload-form,
+.layui-upload-wrap {
+ display: inline-block;
}
.layui-upload-list {
- margin: 10px 0
+ margin: 10px 0;
}
.layui-upload-choose {
- padding: 0 10px;
- color: #999
+ padding: 0 10px;
+ color: #999;
}
.layui-upload-drag {
- position: relative;
- padding: 30px;
- border: 1px dashed #e2e2e2;
- background-color: #fff;
- text-align: center;
- cursor: pointer;
- color: #999
+ position: relative;
+ padding: 30px;
+ border: 1px dashed #e2e2e2;
+ background-color: #fff;
+ text-align: center;
+ cursor: pointer;
+ color: #999;
}
.layui-upload-drag .layui-icon {
- font-size: 50px;
- color: #009688
+ font-size: 50px;
+ color: #009688;
}
.layui-upload-drag[lay-over] {
- border-color: #009688
+ border-color: #009688;
}
.layui-upload-iframe {
- position: absolute;
- width: 0;
- height: 0;
- border: 0;
- visibility: hidden
+ position: absolute;
+ width: 0;
+ height: 0;
+ border: 0;
+ visibility: hidden;
}
.layui-upload-wrap {
- position: relative;
- vertical-align: middle
+ position: relative;
+ vertical-align: middle;
}
.layui-upload-wrap .layui-upload-file {
- display: block !important;
- position: absolute;
- left: 0;
- top: 0;
- z-index: 10;
- font-size: 100px;
- width: 100%;
- height: 100%;
- opacity: .01;
- filter: Alpha(opacity=1);
- cursor: pointer
+ display: block !important;
+ position: absolute;
+ left: 0;
+ top: 0;
+ z-index: 10;
+ font-size: 100px;
+ width: 100%;
+ height: 100%;
+ opacity: 0.01;
+ filter: Alpha(opacity=1);
+ cursor: pointer;
}
-.layui-transfer-active, .layui-transfer-box {
- display: inline-block;
- vertical-align: middle
+.layui-transfer-active,
+.layui-transfer-box {
+ display: inline-block;
+ vertical-align: middle;
}
-.layui-transfer-box, .layui-transfer-header, .layui-transfer-search {
- border-width: 0;
- border-style: solid;
- border-color: #e6e6e6
+.layui-transfer-box,
+.layui-transfer-header,
+.layui-transfer-search {
+ border-width: 0;
+ border-style: solid;
+ border-color: #e6e6e6;
}
.layui-transfer-box {
- position: relative;
- border-width: 1px;
- width: 200px;
- height: 360px;
- border-radius: 2px;
- background-color: #fff
+ position: relative;
+ border-width: 1px;
+ width: 200px;
+ height: 360px;
+ border-radius: 2px;
+ background-color: #fff;
}
.layui-transfer-box .layui-form-checkbox {
- width: 100%;
- margin: 0 !important
+ width: 100%;
+ margin: 0 !important;
}
.layui-transfer-header {
- height: 38px;
- line-height: 38px;
- padding: 0 10px;
- border-bottom-width: 1px
+ height: 38px;
+ line-height: 38px;
+ padding: 0 10px;
+ border-bottom-width: 1px;
}
.layui-transfer-search {
- position: relative;
- padding: 10px;
- border-bottom-width: 1px
+ position: relative;
+ padding: 10px;
+ border-bottom-width: 1px;
}
.layui-transfer-search .layui-input {
- height: 32px;
- padding-left: 30px;
- font-size: 12px
+ height: 32px;
+ padding-left: 30px;
+ font-size: 12px;
}
.layui-transfer-search .layui-icon-search {
- position: absolute;
- left: 20px;
- top: 50%;
- margin-top: -8px;
- color: #666
+ position: absolute;
+ left: 20px;
+ top: 50%;
+ margin-top: -8px;
+ color: #666;
}
.layui-transfer-active {
- margin: 0 15px
+ margin: 0 15px;
}
.layui-transfer-active .layui-btn {
- display: block;
- margin: 0;
- padding: 0 15px;
- background-color: #5FB878;
- border-color: #5FB878;
- color: #fff
+ display: block;
+ margin: 0;
+ padding: 0 15px;
+ background-color: #5fb878;
+ border-color: #5fb878;
+ color: #fff;
}
.layui-transfer-active .layui-btn-disabled {
- background-color: #FBFBFB;
- border-color: #e6e6e6;
- color: #C9C9C9
+ background-color: #fbfbfb;
+ border-color: #e6e6e6;
+ color: #c9c9c9;
}
.layui-transfer-active .layui-btn:first-child {
- margin-bottom: 15px
+ margin-bottom: 15px;
}
.layui-transfer-active .layui-btn .layui-icon {
- margin: 0;
- font-size: 14px !important
+ margin: 0;
+ font-size: 14px !important;
}
.layui-transfer-data {
- padding: 5px 0;
- overflow: auto
+ padding: 5px 0;
+ overflow: auto;
}
.layui-transfer-data li {
- height: 32px;
- line-height: 32px;
- padding: 0 10px
+ height: 32px;
+ line-height: 32px;
+ padding: 0 10px;
}
.layui-transfer-data li:hover {
- background-color: #f2f2f2;
- transition: .5s all
+ background-color: #f2f2f2;
+ transition: 0.5s all;
}
.layui-transfer-data .layui-none {
- padding: 15px 10px;
- text-align: center;
- color: #999
+ padding: 15px 10px;
+ text-align: center;
+ color: #999;
}
.layui-nav {
- position: relative;
- padding: 0 20px;
- background-color: #393D49;
- color: #fff;
- border-radius: 2px;
- font-size: 0;
- box-sizing: border-box
+ position: relative;
+ padding: 0 20px;
+ background-color: #393d49;
+ color: #fff;
+ border-radius: 2px;
+ font-size: 0;
+ box-sizing: border-box;
}
.layui-nav * {
- font-size: 14px
+ font-size: 14px;
}
.layui-nav .layui-nav-item {
- position: relative;
- display: inline-block;
- *display: inline;
- *zoom: 1;
- vertical-align: middle;
- line-height: 60px
+ position: relative;
+ display: inline-block;
+ *display: inline;
+ *zoom: 1;
+ vertical-align: middle;
+ line-height: 60px;
}
.layui-nav .layui-nav-item a {
- display: block;
- padding: 0 20px;
- color: #fff;
- color: rgba(255, 255, 255, .7);
- transition: all .3s;
- -webkit-transition: all .3s
+ display: block;
+ padding: 0 20px;
+ color: #fff;
+ color: rgba(255, 255, 255, 0.7);
+ transition: all 0.3s;
+ -webkit-transition: all 0.3s;
}
-.layui-nav .layui-this:after, .layui-nav-bar, .layui-nav-tree .layui-nav-itemed:after {
- position: absolute;
- left: 0;
- top: 0;
- width: 0;
- height: 5px;
- background-color: #5FB878;
- transition: all .2s;
- -webkit-transition: all .2s
+.layui-nav .layui-this:after,
+.layui-nav-bar,
+.layui-nav-tree .layui-nav-itemed:after {
+ position: absolute;
+ left: 0;
+ top: 0;
+ width: 0;
+ height: 5px;
+ background-color: #5fb878;
+ transition: all 0.2s;
+ -webkit-transition: all 0.2s;
}
.layui-nav-bar {
- z-index: 1000
+ z-index: 1000;
}
-.layui-nav .layui-nav-item a:hover, .layui-nav .layui-this a {
- color: #fff
+.layui-nav .layui-nav-item a:hover,
+.layui-nav .layui-this a {
+ color: #fff;
}
.layui-nav .layui-this:after {
- content: '';
- top: auto;
- bottom: 0;
- width: 100%
+ content: "";
+ top: auto;
+ bottom: 0;
+ width: 100%;
}
.layui-nav-img {
- width: 30px;
- height: 30px;
- margin-right: 10px;
- border-radius: 50%
+ width: 30px;
+ height: 30px;
+ margin-right: 10px;
+ border-radius: 50%;
}
.layui-nav .layui-nav-more {
- content: '';
- width: 0;
- height: 0;
- border-style: solid dashed dashed;
- border-color: #fff transparent transparent;
- overflow: hidden;
- cursor: pointer;
- transition: all .2s;
- -webkit-transition: all .2s;
- position: absolute;
- top: 50%;
- right: 3px;
- margin-top: -3px;
- border-width: 6px;
- border-top-color: rgba(255, 255, 255, .7)
+ content: "";
+ width: 0;
+ height: 0;
+ border-style: solid dashed dashed;
+ border-color: #fff transparent transparent;
+ overflow: hidden;
+ cursor: pointer;
+ transition: all 0.2s;
+ -webkit-transition: all 0.2s;
+ position: absolute;
+ top: 50%;
+ right: 3px;
+ margin-top: -3px;
+ border-width: 6px;
+ border-top-color: rgba(255, 255, 255, 0.7);
}
-.layui-nav .layui-nav-mored, .layui-nav-itemed > a .layui-nav-more {
- margin-top: -9px;
- border-style: dashed dashed solid;
- border-color: transparent transparent #fff
+.layui-nav .layui-nav-mored,
+.layui-nav-itemed > a .layui-nav-more {
+ margin-top: -9px;
+ border-style: dashed dashed solid;
+ border-color: transparent transparent #fff;
}
.layui-nav-child {
- display: none;
- position: absolute;
- left: 0;
- top: 65px;
- min-width: 100%;
- line-height: 36px;
- padding: 5px 0;
- box-shadow: 0 2px 4px rgba(0, 0, 0, .12);
- border: 1px solid #d2d2d2;
- background-color: #fff;
- z-index: 100;
- border-radius: 2px;
- white-space: nowrap
+ display: none;
+ position: absolute;
+ left: 0;
+ top: 65px;
+ min-width: 100%;
+ line-height: 36px;
+ padding: 5px 0;
+ box-shadow: 0 2px 4px rgba(0, 0, 0, 0.12);
+ border: 1px solid #d2d2d2;
+ background-color: #fff;
+ z-index: 100;
+ border-radius: 2px;
+ white-space: nowrap;
}
.layui-nav .layui-nav-child a {
- color: #333
+ color: #333;
}
.layui-nav .layui-nav-child a:hover {
- background-color: #f2f2f2;
- color: #000
+ background-color: #f2f2f2;
+ color: #000;
}
.layui-nav-child dd {
- position: relative
+ position: relative;
}
-.layui-nav .layui-nav-child dd.layui-this a, .layui-nav-child dd.layui-this {
- background-color: #5FB878;
- color: #fff
+.layui-nav .layui-nav-child dd.layui-this a,
+.layui-nav-child dd.layui-this {
+ background-color: #5fb878;
+ color: #fff;
}
.layui-nav-child dd.layui-this:after {
- display: none
+ display: none;
}
.layui-nav-tree {
- width: 200px;
- padding: 0
+ width: 200px;
+ padding: 0;
}
.layui-nav-tree .layui-nav-item {
- display: block;
- width: 100%;
- line-height: 45px
+ display: block;
+ width: 100%;
+ line-height: 45px;
}
.layui-nav-tree .layui-nav-item a {
- position: relative;
- height: 45px;
- line-height: 45px;
- text-overflow: ellipsis;
- overflow: hidden;
- white-space: nowrap
+ position: relative;
+ height: 45px;
+ line-height: 45px;
+ text-overflow: ellipsis;
+ overflow: hidden;
+ white-space: nowrap;
}
.layui-nav-tree .layui-nav-item a:hover {
- background-color: #4E5465
+ background-color: #4e5465;
}
.layui-nav-tree .layui-nav-bar {
- width: 5px;
- height: 0;
- background-color: #009688
+ width: 5px;
+ height: 0;
+ background-color: #009688;
}
-.layui-nav-tree .layui-nav-child dd.layui-this, .layui-nav-tree .layui-nav-child dd.layui-this a, .layui-nav-tree .layui-this, .layui-nav-tree .layui-this > a, .layui-nav-tree .layui-this > a:hover {
- background-color: #009688;
- color: #fff
+.layui-nav-tree .layui-nav-child dd.layui-this,
+.layui-nav-tree .layui-nav-child dd.layui-this a,
+.layui-nav-tree .layui-this,
+.layui-nav-tree .layui-this > a,
+.layui-nav-tree .layui-this > a:hover {
+ background-color: #009688;
+ color: #fff;
}
.layui-nav-tree .layui-this:after {
- display: none
+ display: none;
}
-.layui-nav-itemed > a, .layui-nav-tree .layui-nav-title a, .layui-nav-tree .layui-nav-title a:hover {
- color: #fff !important
+.layui-nav-itemed > a,
+.layui-nav-tree .layui-nav-title a,
+.layui-nav-tree .layui-nav-title a:hover {
+ color: #fff !important;
}
.layui-nav-tree .layui-nav-child {
- position: relative;
- z-index: 0;
- top: 0;
- border: none;
- box-shadow: none
+ position: relative;
+ z-index: 0;
+ top: 0;
+ border: none;
+ box-shadow: none;
}
.layui-nav-tree .layui-nav-child a {
- height: 40px;
- line-height: 40px;
- color: #fff;
- color: rgba(255, 255, 255, .7)
+ height: 40px;
+ line-height: 40px;
+ color: #fff;
+ color: rgba(255, 255, 255, 0.7);
}
-.layui-nav-tree .layui-nav-child, .layui-nav-tree .layui-nav-child a:hover {
- background: 0 0;
- color: #fff
+.layui-nav-tree .layui-nav-child,
+.layui-nav-tree .layui-nav-child a:hover {
+ background: 0 0;
+ color: #fff;
}
.layui-nav-tree .layui-nav-more {
- right: 10px
+ right: 10px;
}
.layui-nav-itemed > .layui-nav-child {
- display: block;
- padding: 0;
- background-color: rgba(0, 0, 0, .3) !important
+ display: block;
+ padding: 0;
+ background-color: rgba(0, 0, 0, 0.3) !important;
}
.layui-nav-itemed > .layui-nav-child > .layui-this > .layui-nav-child {
- display: block
+ display: block;
}
.layui-nav-side {
- position: fixed;
- top: 0;
- bottom: 0;
- left: 0;
- overflow-x: hidden;
- z-index: 999
+ position: fixed;
+ top: 0;
+ bottom: 0;
+ left: 0;
+ overflow-x: hidden;
+ z-index: 999;
}
-.layui-bg-blue .layui-nav-bar, .layui-bg-blue .layui-nav-itemed:after, .layui-bg-blue .layui-this:after {
- background-color: #93D1FF
+.layui-bg-blue .layui-nav-bar,
+.layui-bg-blue .layui-nav-itemed:after,
+.layui-bg-blue .layui-this:after {
+ background-color: #93d1ff;
}
.layui-bg-blue .layui-nav-child dd.layui-this {
- background-color: #1E9FFF
+ background-color: #1e9fff;
}
-.layui-bg-blue .layui-nav-itemed > a, .layui-nav-tree.layui-bg-blue .layui-nav-title a, .layui-nav-tree.layui-bg-blue .layui-nav-title a:hover {
- background-color: #007DDB !important
+.layui-bg-blue .layui-nav-itemed > a,
+.layui-nav-tree.layui-bg-blue .layui-nav-title a,
+.layui-nav-tree.layui-bg-blue .layui-nav-title a:hover {
+ background-color: #007ddb !important;
}
.layui-breadcrumb {
- font-size: 0
+ font-size: 0;
}
.layui-breadcrumb > * {
- font-size: 14px
+ font-size: 14px;
}
.layui-breadcrumb a {
- color: #999 !important
+ color: #999 !important;
}
.layui-breadcrumb a:hover {
- color: #5FB878 !important
+ color: #5fb878 !important;
}
.layui-breadcrumb a cite {
- color: #666;
- font-style: normal
+ color: #666;
+ font-style: normal;
}
.layui-breadcrumb span[lay-separator] {
- margin: 0 10px;
- color: #999
+ margin: 0 10px;
+ color: #999;
}
.layui-tab {
- margin: 10px 0;
- text-align: left !important
+ margin: 10px 0;
+ text-align: left !important;
}
.layui-tab[overflow] > .layui-tab-title {
- overflow: hidden
+ overflow: hidden;
}
.layui-tab-title {
- position: relative;
- left: 0;
- height: 40px;
- white-space: nowrap;
- font-size: 0;
- border-bottom-width: 1px;
- border-bottom-style: solid;
- transition: all .2s;
- -webkit-transition: all .2s
+ position: relative;
+ left: 0;
+ height: 40px;
+ white-space: nowrap;
+ font-size: 0;
+ border-bottom-width: 1px;
+ border-bottom-style: solid;
+ transition: all 0.2s;
+ -webkit-transition: all 0.2s;
}
.layui-tab-title li {
- display: inline-block;
- *display: inline;
- *zoom: 1;
- vertical-align: middle;
- font-size: 14px;
- transition: all .2s;
- -webkit-transition: all .2s;
- position: relative;
- line-height: 40px;
- min-width: 65px;
- padding: 0 15px;
- text-align: center;
- cursor: pointer
+ display: inline-block;
+ *display: inline;
+ *zoom: 1;
+ vertical-align: middle;
+ font-size: 14px;
+ transition: all 0.2s;
+ -webkit-transition: all 0.2s;
+ position: relative;
+ line-height: 40px;
+ min-width: 65px;
+ padding: 0 15px;
+ text-align: center;
+ cursor: pointer;
}
.layui-tab-title li a {
- display: block
+ display: block;
}
.layui-tab-title .layui-this {
- color: #000
+ color: #000;
}
.layui-tab-title .layui-this:after {
- position: absolute;
- left: 0;
- top: 0;
- content: '';
- width: 100%;
- height: 41px;
- border-width: 1px;
- border-style: solid;
- border-bottom-color: #fff;
- border-radius: 2px 2px 0 0;
- box-sizing: border-box;
- pointer-events: none
+ position: absolute;
+ left: 0;
+ top: 0;
+ content: "";
+ width: 100%;
+ height: 41px;
+ border-width: 1px;
+ border-style: solid;
+ border-bottom-color: #fff;
+ border-radius: 2px 2px 0 0;
+ box-sizing: border-box;
+ pointer-events: none;
}
.layui-tab-bar {
- position: absolute;
- right: 0;
- top: 0;
- z-index: 10;
- width: 30px;
- height: 39px;
- line-height: 39px;
- border-width: 1px;
- border-style: solid;
- border-radius: 2px;
- text-align: center;
- background-color: #fff;
- cursor: pointer
+ position: absolute;
+ right: 0;
+ top: 0;
+ z-index: 10;
+ width: 30px;
+ height: 39px;
+ line-height: 39px;
+ border-width: 1px;
+ border-style: solid;
+ border-radius: 2px;
+ text-align: center;
+ background-color: #fff;
+ cursor: pointer;
}
.layui-tab-bar .layui-icon {
- position: relative;
- display: inline-block;
- top: 3px;
- transition: all .3s;
- -webkit-transition: all .3s
+ position: relative;
+ display: inline-block;
+ top: 3px;
+ transition: all 0.3s;
+ -webkit-transition: all 0.3s;
}
.layui-tab-item {
- display: none
+ display: none;
}
.layui-tab-more {
- padding-right: 30px;
- height: auto !important;
- white-space: normal !important
+ padding-right: 30px;
+ height: auto !important;
+ white-space: normal !important;
}
.layui-tab-more li.layui-this:after {
- border-bottom-color: #e2e2e2;
- border-radius: 2px
+ border-bottom-color: #e2e2e2;
+ border-radius: 2px;
}
.layui-tab-more .layui-tab-bar .layui-icon {
- top: -2px;
- top: 3px \9;
- -webkit-transform: rotate(180deg);
- transform: rotate(180deg)
+ top: -2px;
+ top: 3px \9;
+ -webkit-transform: rotate(180deg);
+ transform: rotate(180deg);
}
:root .layui-tab-more .layui-tab-bar .layui-icon {
- top: -2px \0/ IE9
+ top: -2px \0 / IE9;
}
.layui-tab-content {
- padding: 10px
+ padding: 10px;
}
.layui-tab-title li .layui-tab-close {
- position: relative;
- display: inline-block;
- width: 18px;
- height: 18px;
- line-height: 20px;
- margin-left: 8px;
- top: 1px;
- text-align: center;
- font-size: 14px;
- color: #c2c2c2;
- transition: all .2s;
- -webkit-transition: all .2s
+ position: relative;
+ display: inline-block;
+ width: 18px;
+ height: 18px;
+ line-height: 20px;
+ margin-left: 8px;
+ top: 1px;
+ text-align: center;
+ font-size: 14px;
+ color: #c2c2c2;
+ transition: all 0.2s;
+ -webkit-transition: all 0.2s;
}
.layui-tab-title li .layui-tab-close:hover {
- border-radius: 2px;
- background-color: #FF5722;
- color: #fff
+ border-radius: 2px;
+ background-color: #ff5722;
+ color: #fff;
}
.layui-tab-brief > .layui-tab-title .layui-this {
- color: #009688
+ color: #009688;
}
-.layui-tab-brief > .layui-tab-more li.layui-this:after, .layui-tab-brief > .layui-tab-title .layui-this:after {
- border: none;
- border-radius: 0;
- border-bottom: 2px solid #5FB878
+.layui-tab-brief > .layui-tab-more li.layui-this:after,
+.layui-tab-brief > .layui-tab-title .layui-this:after {
+ border: none;
+ border-radius: 0;
+ border-bottom: 2px solid #5fb878;
}
.layui-tab-brief[overflow] > .layui-tab-title .layui-this:after {
- top: -1px
+ top: -1px;
}
.layui-tab-card {
- border-width: 1px;
- border-style: solid;
- border-radius: 2px;
- box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .1)
+ border-width: 1px;
+ border-style: solid;
+ border-radius: 2px;
+ box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.1);
}
.layui-tab-card > .layui-tab-title {
- background-color: #f2f2f2
+ background-color: #f2f2f2;
}
.layui-tab-card > .layui-tab-title li {
- margin-right: -1px;
- margin-left: -1px
+ margin-right: -1px;
+ margin-left: -1px;
}
.layui-tab-card > .layui-tab-title .layui-this {
- background-color: #fff
+ background-color: #fff;
}
.layui-tab-card > .layui-tab-title .layui-this:after {
- border-top: none;
- border-width: 1px;
- border-bottom-color: #fff
+ border-top: none;
+ border-width: 1px;
+ border-bottom-color: #fff;
}
.layui-tab-card > .layui-tab-title .layui-tab-bar {
- height: 40px;
- line-height: 40px;
- border-radius: 0;
- border-top: none;
- border-right: none
+ height: 40px;
+ line-height: 40px;
+ border-radius: 0;
+ border-top: none;
+ border-right: none;
}
.layui-tab-card > .layui-tab-more .layui-this {
- background: 0 0;
- color: #5FB878
+ background: 0 0;
+ color: #5fb878;
}
.layui-tab-card > .layui-tab-more .layui-this:after {
- border: none
+ border: none;
}
.layui-timeline {
- padding-left: 5px
+ padding-left: 5px;
}
.layui-timeline-item {
- position: relative;
- padding-bottom: 20px
+ position: relative;
+ padding-bottom: 20px;
}
.layui-timeline-axis {
- position: absolute;
- left: -5px;
- top: 0;
- z-index: 10;
- width: 20px;
- height: 20px;
- line-height: 20px;
- background-color: #fff;
- color: #5FB878;
- border-radius: 50%;
- text-align: center;
- cursor: pointer
+ position: absolute;
+ left: -5px;
+ top: 0;
+ z-index: 10;
+ width: 20px;
+ height: 20px;
+ line-height: 20px;
+ background-color: #fff;
+ color: #5fb878;
+ border-radius: 50%;
+ text-align: center;
+ cursor: pointer;
}
.layui-timeline-axis:hover {
- color: #FF5722
+ color: #ff5722;
}
.layui-timeline-item:before {
- content: '';
- position: absolute;
- left: 5px;
- top: 0;
- z-index: 0;
- width: 1px;
- height: 100%
+ content: "";
+ position: absolute;
+ left: 5px;
+ top: 0;
+ z-index: 0;
+ width: 1px;
+ height: 100%;
}
.layui-timeline-item:last-child:before {
- display: none
+ display: none;
}
.layui-timeline-item:first-child:before {
- display: block
+ display: block;
}
.layui-timeline-content {
- padding-left: 25px
+ padding-left: 25px;
}
.layui-timeline-title {
- position: relative;
- margin-bottom: 10px
+ position: relative;
+ margin-bottom: 10px;
}
-.layui-badge, .layui-badge-dot, .layui-badge-rim {
- position: relative;
- display: inline-block;
- padding: 0 6px;
- font-size: 12px;
- text-align: center;
- background-color: #FF5722;
- color: #fff;
- border-radius: 2px
+.layui-badge,
+.layui-badge-dot,
+.layui-badge-rim {
+ position: relative;
+ display: inline-block;
+ padding: 0 6px;
+ font-size: 12px;
+ text-align: center;
+ background-color: #ff5722;
+ color: #fff;
+ border-radius: 2px;
}
.layui-badge {
- height: 18px;
- line-height: 18px
+ height: 18px;
+ line-height: 18px;
}
.layui-badge-dot {
- width: 8px;
- height: 8px;
- padding: 0;
- border-radius: 50%
+ width: 8px;
+ height: 8px;
+ padding: 0;
+ border-radius: 50%;
}
.layui-badge-rim {
- height: 18px;
- line-height: 18px;
- border-width: 1px;
- border-style: solid;
- background-color: #fff;
- color: #666
+ height: 18px;
+ line-height: 18px;
+ border-width: 1px;
+ border-style: solid;
+ background-color: #fff;
+ color: #666;
}
-.layui-btn .layui-badge, .layui-btn .layui-badge-dot {
- margin-left: 5px
+.layui-btn .layui-badge,
+.layui-btn .layui-badge-dot {
+ margin-left: 5px;
}
-.layui-nav .layui-badge, .layui-nav .layui-badge-dot {
- position: absolute;
- top: 50%;
- margin: -8px 6px 0
+.layui-nav .layui-badge,
+.layui-nav .layui-badge-dot {
+ position: absolute;
+ top: 50%;
+ margin: -8px 6px 0;
}
-.layui-tab-title .layui-badge, .layui-tab-title .layui-badge-dot {
- left: 5px;
- top: -2px
+.layui-tab-title .layui-badge,
+.layui-tab-title .layui-badge-dot {
+ left: 5px;
+ top: -2px;
}
.layui-carousel {
- position: relative;
- left: 0;
- top: 0;
- background-color: #f8f8f8
+ position: relative;
+ left: 0;
+ top: 0;
+ background-color: #f8f8f8;
}
.layui-carousel > [carousel-item] {
- position: relative;
- width: 100%;
- height: 100%;
- overflow: hidden
+ position: relative;
+ width: 100%;
+ height: 100%;
+ overflow: hidden;
}
.layui-carousel > [carousel-item]:before {
- position: absolute;
- content: '\e63d';
- left: 50%;
- top: 50%;
- width: 100px;
- line-height: 20px;
- margin: -10px 0 0 -50px;
- text-align: center;
- color: #c2c2c2;
- font-family: layui-icon !important;
- font-size: 30px;
- font-style: normal;
- -webkit-font-smoothing: antialiased;
- -moz-osx-font-smoothing: grayscale
+ position: absolute;
+ content: "\e63d";
+ left: 50%;
+ top: 50%;
+ width: 100px;
+ line-height: 20px;
+ margin: -10px 0 0 -50px;
+ text-align: center;
+ color: #c2c2c2;
+ font-family: layui-icon !important;
+ font-size: 30px;
+ font-style: normal;
+ -webkit-font-smoothing: antialiased;
+ -moz-osx-font-smoothing: grayscale;
}
.layui-carousel > [carousel-item] > * {
- display: none;
- position: absolute;
- left: 0;
- top: 0;
- width: 100%;
- height: 100%;
- background-color: #f8f8f8;
- transition-duration: .3s;
- -webkit-transition-duration: .3s
+ display: none;
+ position: absolute;
+ left: 0;
+ top: 0;
+ width: 100%;
+ height: 100%;
+ background-color: #f8f8f8;
+ transition-duration: 0.3s;
+ -webkit-transition-duration: 0.3s;
}
.layui-carousel-updown > * {
- -webkit-transition: .3s ease-in-out up;
- transition: .3s ease-in-out up
+ -webkit-transition: 0.3s ease-in-out up;
+ transition: 0.3s ease-in-out up;
}
.layui-carousel-arrow {
- display: none \9;
- opacity: 0;
- position: absolute;
- left: 10px;
- top: 50%;
- margin-top: -18px;
- width: 36px;
- height: 36px;
- line-height: 36px;
- text-align: center;
- font-size: 20px;
- border: 0;
- border-radius: 50%;
- background-color: rgba(0, 0, 0, .2);
- color: #fff;
- -webkit-transition-duration: .3s;
- transition-duration: .3s;
- cursor: pointer
+ display: none \9;
+ opacity: 0;
+ position: absolute;
+ left: 10px;
+ top: 50%;
+ margin-top: -18px;
+ width: 36px;
+ height: 36px;
+ line-height: 36px;
+ text-align: center;
+ font-size: 20px;
+ border: 0;
+ border-radius: 50%;
+ background-color: rgba(0, 0, 0, 0.2);
+ color: #fff;
+ -webkit-transition-duration: 0.3s;
+ transition-duration: 0.3s;
+ cursor: pointer;
}
-.layui-carousel-arrow[lay-type=add] {
- left: auto !important;
- right: 10px
+.layui-carousel-arrow[lay-type="add"] {
+ left: auto !important;
+ right: 10px;
}
-.layui-carousel:hover .layui-carousel-arrow[lay-type=add], .layui-carousel[lay-arrow=always] .layui-carousel-arrow[lay-type=add] {
- right: 20px
+.layui-carousel:hover .layui-carousel-arrow[lay-type="add"],
+.layui-carousel[lay-arrow="always"] .layui-carousel-arrow[lay-type="add"] {
+ right: 20px;
}
-.layui-carousel[lay-arrow=always] .layui-carousel-arrow {
- opacity: 1;
- left: 20px
+.layui-carousel[lay-arrow="always"] .layui-carousel-arrow {
+ opacity: 1;
+ left: 20px;
}
-.layui-carousel[lay-arrow=none] .layui-carousel-arrow {
- display: none
+.layui-carousel[lay-arrow="none"] .layui-carousel-arrow {
+ display: none;
}
-.layui-carousel-arrow:hover, .layui-carousel-ind ul:hover {
- background-color: rgba(0, 0, 0, .35)
+.layui-carousel-arrow:hover,
+.layui-carousel-ind ul:hover {
+ background-color: rgba(0, 0, 0, 0.35);
}
.layui-carousel:hover .layui-carousel-arrow {
- display: block \9;
- opacity: 1;
- left: 20px
+ display: block \9;
+ opacity: 1;
+ left: 20px;
}
.layui-carousel-ind {
- position: relative;
- top: -35px;
- width: 100%;
- line-height: 0 !important;
- text-align: center;
- font-size: 0
+ position: relative;
+ top: -35px;
+ width: 100%;
+ line-height: 0 !important;
+ text-align: center;
+ font-size: 0;
}
-.layui-carousel[lay-indicator=outside] {
- margin-bottom: 30px
+.layui-carousel[lay-indicator="outside"] {
+ margin-bottom: 30px;
}
-.layui-carousel[lay-indicator=outside] .layui-carousel-ind {
- top: 10px
+.layui-carousel[lay-indicator="outside"] .layui-carousel-ind {
+ top: 10px;
}
-.layui-carousel[lay-indicator=outside] .layui-carousel-ind ul {
- background-color: rgba(0, 0, 0, .5)
+.layui-carousel[lay-indicator="outside"] .layui-carousel-ind ul {
+ background-color: rgba(0, 0, 0, 0.5);
}
-.layui-carousel[lay-indicator=none] .layui-carousel-ind {
- display: none
+.layui-carousel[lay-indicator="none"] .layui-carousel-ind {
+ display: none;
}
.layui-carousel-ind ul {
- display: inline-block;
- padding: 5px;
- background-color: rgba(0, 0, 0, .2);
- border-radius: 10px;
- -webkit-transition-duration: .3s;
- transition-duration: .3s
+ display: inline-block;
+ padding: 5px;
+ background-color: rgba(0, 0, 0, 0.2);
+ border-radius: 10px;
+ -webkit-transition-duration: 0.3s;
+ transition-duration: 0.3s;
}
.layui-carousel-ind li {
- display: inline-block;
- width: 10px;
- height: 10px;
- margin: 0 3px;
- font-size: 14px;
- background-color: #e2e2e2;
- background-color: rgba(255, 255, 255, .5);
- border-radius: 50%;
- cursor: pointer;
- -webkit-transition-duration: .3s;
- transition-duration: .3s
+ display: inline-block;
+ width: 10px;
+ height: 10px;
+ margin: 0 3px;
+ font-size: 14px;
+ background-color: #e2e2e2;
+ background-color: rgba(255, 255, 255, 0.5);
+ border-radius: 50%;
+ cursor: pointer;
+ -webkit-transition-duration: 0.3s;
+ transition-duration: 0.3s;
}
.layui-carousel-ind li:hover {
- background-color: rgba(255, 255, 255, .7)
+ background-color: rgba(255, 255, 255, 0.7);
}
.layui-carousel-ind li.layui-this {
- background-color: #fff
+ background-color: #fff;
}
-.layui-carousel > [carousel-item] > .layui-carousel-next, .layui-carousel > [carousel-item] > .layui-carousel-prev, .layui-carousel > [carousel-item] > .layui-this {
- display: block
+.layui-carousel > [carousel-item] > .layui-carousel-next,
+.layui-carousel > [carousel-item] > .layui-carousel-prev,
+.layui-carousel > [carousel-item] > .layui-this {
+ display: block;
}
.layui-carousel > [carousel-item] > .layui-this {
- left: 0
+ left: 0;
}
.layui-carousel > [carousel-item] > .layui-carousel-prev {
- left: -100%
+ left: -100%;
}
.layui-carousel > [carousel-item] > .layui-carousel-next {
- left: 100%
+ left: 100%;
}
-.layui-carousel > [carousel-item] > .layui-carousel-next.layui-carousel-left, .layui-carousel > [carousel-item] > .layui-carousel-prev.layui-carousel-right {
- left: 0
+.layui-carousel > [carousel-item] > .layui-carousel-next.layui-carousel-left,
+.layui-carousel > [carousel-item] > .layui-carousel-prev.layui-carousel-right {
+ left: 0;
}
.layui-carousel > [carousel-item] > .layui-this.layui-carousel-left {
- left: -100%
+ left: -100%;
}
.layui-carousel > [carousel-item] > .layui-this.layui-carousel-right {
- left: 100%
+ left: 100%;
}
-.layui-carousel[lay-anim=updown] .layui-carousel-arrow {
- left: 50% !important;
- top: 20px;
- margin: 0 0 0 -18px
+.layui-carousel[lay-anim="updown"] .layui-carousel-arrow {
+ left: 50% !important;
+ top: 20px;
+ margin: 0 0 0 -18px;
}
-.layui-carousel[lay-anim=updown] > [carousel-item] > *, .layui-carousel[lay-anim=fade] > [carousel-item] > * {
- left: 0 !important
+.layui-carousel[lay-anim="updown"] > [carousel-item] > *,
+.layui-carousel[lay-anim="fade"] > [carousel-item] > * {
+ left: 0 !important;
}
-.layui-carousel[lay-anim=updown] .layui-carousel-arrow[lay-type=add] {
- top: auto !important;
- bottom: 20px
+.layui-carousel[lay-anim="updown"] .layui-carousel-arrow[lay-type="add"] {
+ top: auto !important;
+ bottom: 20px;
}
-.layui-carousel[lay-anim=updown] .layui-carousel-ind {
- position: absolute;
- top: 50%;
- right: 20px;
- width: auto;
- height: auto
+.layui-carousel[lay-anim="updown"] .layui-carousel-ind {
+ position: absolute;
+ top: 50%;
+ right: 20px;
+ width: auto;
+ height: auto;
}
-.layui-carousel[lay-anim=updown] .layui-carousel-ind ul {
- padding: 3px 5px
+.layui-carousel[lay-anim="updown"] .layui-carousel-ind ul {
+ padding: 3px 5px;
}
-.layui-carousel[lay-anim=updown] .layui-carousel-ind li {
- display: block;
- margin: 6px 0
+.layui-carousel[lay-anim="updown"] .layui-carousel-ind li {
+ display: block;
+ margin: 6px 0;
}
-.layui-carousel[lay-anim=updown] > [carousel-item] > .layui-this {
- top: 0
+.layui-carousel[lay-anim="updown"] > [carousel-item] > .layui-this {
+ top: 0;
}
-.layui-carousel[lay-anim=updown] > [carousel-item] > .layui-carousel-prev {
- top: -100%
+.layui-carousel[lay-anim="updown"] > [carousel-item] > .layui-carousel-prev {
+ top: -100%;
}
-.layui-carousel[lay-anim=updown] > [carousel-item] > .layui-carousel-next {
- top: 100%
+.layui-carousel[lay-anim="updown"] > [carousel-item] > .layui-carousel-next {
+ top: 100%;
}
-.layui-carousel[lay-anim=updown] > [carousel-item] > .layui-carousel-next.layui-carousel-left, .layui-carousel[lay-anim=updown] > [carousel-item] > .layui-carousel-prev.layui-carousel-right {
- top: 0
+.layui-carousel[lay-anim="updown"]
+ > [carousel-item]
+ > .layui-carousel-next.layui-carousel-left,
+.layui-carousel[lay-anim="updown"]
+ > [carousel-item]
+ > .layui-carousel-prev.layui-carousel-right {
+ top: 0;
}
-.layui-carousel[lay-anim=updown] > [carousel-item] > .layui-this.layui-carousel-left {
- top: -100%
+.layui-carousel[lay-anim="updown"]
+ > [carousel-item]
+ > .layui-this.layui-carousel-left {
+ top: -100%;
}
-.layui-carousel[lay-anim=updown] > [carousel-item] > .layui-this.layui-carousel-right {
- top: 100%
+.layui-carousel[lay-anim="updown"]
+ > [carousel-item]
+ > .layui-this.layui-carousel-right {
+ top: 100%;
}
-.layui-carousel[lay-anim=fade] > [carousel-item] > .layui-carousel-next, .layui-carousel[lay-anim=fade] > [carousel-item] > .layui-carousel-prev {
- opacity: 0
+.layui-carousel[lay-anim="fade"] > [carousel-item] > .layui-carousel-next,
+.layui-carousel[lay-anim="fade"] > [carousel-item] > .layui-carousel-prev {
+ opacity: 0;
}
-.layui-carousel[lay-anim=fade] > [carousel-item] > .layui-carousel-next.layui-carousel-left, .layui-carousel[lay-anim=fade] > [carousel-item] > .layui-carousel-prev.layui-carousel-right {
- opacity: 1
+.layui-carousel[lay-anim="fade"]
+ > [carousel-item]
+ > .layui-carousel-next.layui-carousel-left,
+.layui-carousel[lay-anim="fade"]
+ > [carousel-item]
+ > .layui-carousel-prev.layui-carousel-right {
+ opacity: 1;
}
-.layui-carousel[lay-anim=fade] > [carousel-item] > .layui-this.layui-carousel-left, .layui-carousel[lay-anim=fade] > [carousel-item] > .layui-this.layui-carousel-right {
- opacity: 0
+.layui-carousel[lay-anim="fade"]
+ > [carousel-item]
+ > .layui-this.layui-carousel-left,
+.layui-carousel[lay-anim="fade"]
+ > [carousel-item]
+ > .layui-this.layui-carousel-right {
+ opacity: 0;
}
.layui-fixbar {
- position: fixed;
- right: 15px;
- bottom: 15px;
- z-index: 999999
+ position: fixed;
+ right: 15px;
+ bottom: 15px;
+ z-index: 999999;
}
.layui-fixbar li {
- width: 50px;
- height: 50px;
- line-height: 50px;
- margin-bottom: 1px;
- text-align: center;
- cursor: pointer;
- font-size: 30px;
- background-color: #9F9F9F;
- color: #fff;
- border-radius: 2px;
- opacity: .95
+ width: 50px;
+ height: 50px;
+ line-height: 50px;
+ margin-bottom: 1px;
+ text-align: center;
+ cursor: pointer;
+ font-size: 30px;
+ background-color: #9f9f9f;
+ color: #fff;
+ border-radius: 2px;
+ opacity: 0.95;
}
.layui-fixbar li:hover {
- opacity: .85
+ opacity: 0.85;
}
.layui-fixbar li:active {
- opacity: 1
+ opacity: 1;
}
.layui-fixbar .layui-fixbar-top {
- display: none;
- font-size: 40px
+ display: none;
+ font-size: 40px;
}
body .layui-util-face {
- border: none;
- background: 0 0
+ border: none;
+ background: 0 0;
}
body .layui-util-face .layui-layer-content {
- padding: 0;
- background-color: #fff;
- color: #666;
- box-shadow: none
+ padding: 0;
+ background-color: #fff;
+ color: #666;
+ box-shadow: none;
}
.layui-util-face .layui-layer-TipsG {
- display: none
+ display: none;
}
.layui-util-face ul {
- position: relative;
- width: 372px;
- padding: 10px;
- border: 1px solid #D9D9D9;
- background-color: #fff;
- box-shadow: 0 0 20px rgba(0, 0, 0, .2)
+ position: relative;
+ width: 372px;
+ padding: 10px;
+ border: 1px solid #d9d9d9;
+ background-color: #fff;
+ box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
}
.layui-util-face ul li {
- cursor: pointer;
- float: left;
- border: 1px solid #e8e8e8;
- height: 22px;
- width: 26px;
- overflow: hidden;
- margin: -1px 0 0 -1px;
- padding: 4px 2px;
- text-align: center
+ cursor: pointer;
+ float: left;
+ border: 1px solid #e8e8e8;
+ height: 22px;
+ width: 26px;
+ overflow: hidden;
+ margin: -1px 0 0 -1px;
+ padding: 4px 2px;
+ text-align: center;
}
.layui-util-face ul li:hover {
- position: relative;
- z-index: 2;
- border: 1px solid #eb7350;
- background: #fff9ec
+ position: relative;
+ z-index: 2;
+ border: 1px solid #eb7350;
+ background: #fff9ec;
}
.layui-code {
- position: relative;
- margin: 10px 0;
- padding: 15px;
- line-height: 20px;
- border: 1px solid #ddd;
- border-left-width: 6px;
- background-color: #F2F2F2;
- color: #333;
- font-family: Courier New;
- font-size: 12px
+ position: relative;
+ margin: 10px 0;
+ padding: 15px;
+ line-height: 20px;
+ border: 1px solid #ddd;
+ border-left-width: 6px;
+ background-color: #f2f2f2;
+ color: #333;
+ font-family: Courier New;
+ font-size: 12px;
}
-.layui-rate, .layui-rate * {
- display: inline-block;
- vertical-align: middle
+.layui-rate,
+.layui-rate * {
+ display: inline-block;
+ vertical-align: middle;
}
.layui-rate {
- padding: 10px 5px 10px 0;
- font-size: 0
+ padding: 10px 5px 10px 0;
+ font-size: 0;
}
.layui-rate li i.layui-icon {
- font-size: 20px;
- color: #FFB800;
- margin-right: 5px;
- transition: all .3s;
- -webkit-transition: all .3s
+ font-size: 20px;
+ color: #ffb800;
+ margin-right: 5px;
+ transition: all 0.3s;
+ -webkit-transition: all 0.3s;
}
.layui-rate li i:hover {
- cursor: pointer;
- transform: scale(1.12);
- -webkit-transform: scale(1.12)
+ cursor: pointer;
+ transform: scale(1.12);
+ -webkit-transform: scale(1.12);
}
.layui-rate[readonly] li i:hover {
- cursor: default;
- transform: scale(1)
+ cursor: default;
+ transform: scale(1);
}
.layui-colorpicker {
- width: 26px;
- height: 26px;
- border: 1px solid #e6e6e6;
- padding: 5px;
- border-radius: 2px;
- line-height: 24px;
- display: inline-block;
- cursor: pointer;
- transition: all .3s;
- -webkit-transition: all .3s
+ width: 26px;
+ height: 26px;
+ border: 1px solid #e6e6e6;
+ padding: 5px;
+ border-radius: 2px;
+ line-height: 24px;
+ display: inline-block;
+ cursor: pointer;
+ transition: all 0.3s;
+ -webkit-transition: all 0.3s;
}
.layui-colorpicker:hover {
- border-color: #d2d2d2
+ border-color: #d2d2d2;
}
.layui-colorpicker.layui-colorpicker-lg {
- width: 34px;
- height: 34px;
- line-height: 32px
+ width: 34px;
+ height: 34px;
+ line-height: 32px;
}
.layui-colorpicker.layui-colorpicker-sm {
- width: 24px;
- height: 24px;
- line-height: 22px
+ width: 24px;
+ height: 24px;
+ line-height: 22px;
}
.layui-colorpicker.layui-colorpicker-xs {
- width: 22px;
- height: 22px;
- line-height: 20px
+ width: 22px;
+ height: 22px;
+ line-height: 20px;
}
.layui-colorpicker-trigger-bgcolor {
- display: block;
- background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==);
- border-radius: 2px
+ display: block;
+ background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==);
+ border-radius: 2px;
}
.layui-colorpicker-trigger-span {
- display: block;
- height: 100%;
- box-sizing: border-box;
- border: 1px solid rgba(0, 0, 0, .15);
- border-radius: 2px;
- text-align: center
+ display: block;
+ height: 100%;
+ box-sizing: border-box;
+ border: 1px solid rgba(0, 0, 0, 0.15);
+ border-radius: 2px;
+ text-align: center;
}
.layui-colorpicker-trigger-i {
- display: inline-block;
- color: #FFF;
- font-size: 12px
+ display: inline-block;
+ color: #fff;
+ font-size: 12px;
}
.layui-colorpicker-trigger-i.layui-icon-close {
- color: #999
+ color: #999;
}
.layui-colorpicker-main {
- position: absolute;
- z-index: 66666666;
- box-sizing: content-box;
- width: 280px;
- padding: 7px;
- background: #FFF;
- border: 1px solid #d2d2d2;
- border-radius: 2px;
- box-shadow: 0 2px 4px rgba(0, 0, 0, .12)
+ position: absolute;
+ z-index: 66666666;
+ box-sizing: content-box;
+ width: 280px;
+ padding: 7px;
+ background: #fff;
+ border: 1px solid #d2d2d2;
+ border-radius: 2px;
+ box-shadow: 0 2px 4px rgba(0, 0, 0, 0.12);
}
.layui-colorpicker-main-wrapper {
- height: 180px;
- position: relative
+ height: 180px;
+ position: relative;
}
.layui-colorpicker-basis {
- width: 260px;
- height: 100%;
- position: relative
+ width: 260px;
+ height: 100%;
+ position: relative;
}
.layui-colorpicker-basis-white {
- width: 100%;
- height: 100%;
- position: absolute;
- top: 0;
- left: 0;
- background: linear-gradient(90deg, #FFF, hsla(0, 0%, 100%, 0))
+ width: 100%;
+ height: 100%;
+ position: absolute;
+ top: 0;
+ left: 0;
+ background: linear-gradient(90deg, #fff, hsla(0, 0%, 100%, 0));
}
.layui-colorpicker-basis-black {
- width: 100%;
- height: 100%;
- position: absolute;
- top: 0;
- left: 0;
- background: linear-gradient(0deg, #000, transparent)
+ width: 100%;
+ height: 100%;
+ position: absolute;
+ top: 0;
+ left: 0;
+ background: linear-gradient(0deg, #000, transparent);
}
.layui-colorpicker-basis-cursor {
- width: 10px;
- height: 10px;
- border: 1px solid #FFF;
- border-radius: 50%;
- position: absolute;
- top: -3px;
- right: -3px;
- cursor: pointer
+ width: 10px;
+ height: 10px;
+ border: 1px solid #fff;
+ border-radius: 50%;
+ position: absolute;
+ top: -3px;
+ right: -3px;
+ cursor: pointer;
}
.layui-colorpicker-side {
- position: absolute;
- top: 0;
- right: 0;
- width: 12px;
- height: 100%;
- background: linear-gradient(red, #FF0, #0F0, #0FF, #00F, #F0F, red)
+ position: absolute;
+ top: 0;
+ right: 0;
+ width: 12px;
+ height: 100%;
+ background: linear-gradient(red, #ff0, #0f0, #0ff, #00f, #f0f, red);
}
.layui-colorpicker-side-slider {
- width: 100%;
- height: 5px;
- box-shadow: 0 0 1px #888;
- box-sizing: border-box;
- background: #FFF;
- border-radius: 1px;
- border: 1px solid #f0f0f0;
- cursor: pointer;
- position: absolute;
- left: 0
+ width: 100%;
+ height: 5px;
+ box-shadow: 0 0 1px #888;
+ box-sizing: border-box;
+ background: #fff;
+ border-radius: 1px;
+ border: 1px solid #f0f0f0;
+ cursor: pointer;
+ position: absolute;
+ left: 0;
}
.layui-colorpicker-main-alpha {
- display: none;
- height: 12px;
- margin-top: 7px;
- background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==)
+ display: none;
+ height: 12px;
+ margin-top: 7px;
+ background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==);
}
.layui-colorpicker-alpha-bgcolor {
- height: 100%;
- position: relative
+ height: 100%;
+ position: relative;
}
.layui-colorpicker-alpha-slider {
- width: 5px;
- height: 100%;
- box-shadow: 0 0 1px #888;
- box-sizing: border-box;
- background: #FFF;
- border-radius: 1px;
- border: 1px solid #f0f0f0;
- cursor: pointer;
- position: absolute;
- top: 0
+ width: 5px;
+ height: 100%;
+ box-shadow: 0 0 1px #888;
+ box-sizing: border-box;
+ background: #fff;
+ border-radius: 1px;
+ border: 1px solid #f0f0f0;
+ cursor: pointer;
+ position: absolute;
+ top: 0;
}
.layui-colorpicker-main-pre {
- padding-top: 7px;
- font-size: 0
+ padding-top: 7px;
+ font-size: 0;
}
.layui-colorpicker-pre {
- width: 20px;
- height: 20px;
- border-radius: 2px;
- display: inline-block;
- margin-left: 6px;
- margin-bottom: 7px;
- cursor: pointer
+ width: 20px;
+ height: 20px;
+ border-radius: 2px;
+ display: inline-block;
+ margin-left: 6px;
+ margin-bottom: 7px;
+ cursor: pointer;
}
-.layui-colorpicker-pre:nth-child(11n+1) {
- margin-left: 0
+.layui-colorpicker-pre:nth-child(11n + 1) {
+ margin-left: 0;
}
.layui-colorpicker-pre-isalpha {
- background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==)
+ background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==);
}
.layui-colorpicker-pre.layui-this {
- box-shadow: 0 0 3px 2px rgba(0, 0, 0, .15)
+ box-shadow: 0 0 3px 2px rgba(0, 0, 0, 0.15);
}
.layui-colorpicker-pre > div {
- height: 100%;
- border-radius: 2px
+ height: 100%;
+ border-radius: 2px;
}
.layui-colorpicker-main-input {
- text-align: right;
- padding-top: 7px
+ text-align: right;
+ padding-top: 7px;
}
.layui-colorpicker-main-input .layui-btn-container .layui-btn {
- margin: 0 0 0 10px
+ margin: 0 0 0 10px;
}
.layui-colorpicker-main-input div.layui-inline {
- float: left;
- margin-right: 10px;
- font-size: 14px
+ float: left;
+ margin-right: 10px;
+ font-size: 14px;
}
.layui-colorpicker-main-input input.layui-input {
- width: 150px;
- height: 30px;
- color: #666
+ width: 150px;
+ height: 30px;
+ color: #666;
}
.layui-slider {
- height: 4px;
- background: #e2e2e2;
- border-radius: 3px;
- position: relative;
- cursor: pointer
+ height: 4px;
+ background: #e2e2e2;
+ border-radius: 3px;
+ position: relative;
+ cursor: pointer;
}
.layui-slider-bar {
- border-radius: 3px;
- position: absolute;
- height: 100%
+ border-radius: 3px;
+ position: absolute;
+ height: 100%;
}
.layui-slider-step {
- position: absolute;
- top: 0;
- width: 4px;
- height: 4px;
- border-radius: 50%;
- background: #FFF;
- -webkit-transform: translateX(-50%);
- transform: translateX(-50%)
+ position: absolute;
+ top: 0;
+ width: 4px;
+ height: 4px;
+ border-radius: 50%;
+ background: #fff;
+ -webkit-transform: translateX(-50%);
+ transform: translateX(-50%);
}
.layui-slider-wrap {
- width: 36px;
- height: 36px;
- position: absolute;
- top: -16px;
- -webkit-transform: translateX(-50%);
- transform: translateX(-50%);
- z-index: 10;
- text-align: center
+ width: 36px;
+ height: 36px;
+ position: absolute;
+ top: -16px;
+ -webkit-transform: translateX(-50%);
+ transform: translateX(-50%);
+ z-index: 10;
+ text-align: center;
}
.layui-slider-wrap-btn {
- width: 12px;
- height: 12px;
- border-radius: 50%;
- background: #FFF;
- display: inline-block;
- vertical-align: middle;
- cursor: pointer;
- transition: .3s
+ width: 12px;
+ height: 12px;
+ border-radius: 50%;
+ background: #fff;
+ display: inline-block;
+ vertical-align: middle;
+ cursor: pointer;
+ transition: 0.3s;
}
.layui-slider-wrap:after {
- content: "";
- height: 100%;
- display: inline-block;
- vertical-align: middle
+ content: "";
+ height: 100%;
+ display: inline-block;
+ vertical-align: middle;
}
-.layui-slider-wrap-btn.layui-slider-hover, .layui-slider-wrap-btn:hover {
- transform: scale(1.2)
+.layui-slider-wrap-btn.layui-slider-hover,
+.layui-slider-wrap-btn:hover {
+ transform: scale(1.2);
}
.layui-slider-wrap-btn.layui-disabled:hover {
- transform: scale(1) !important
+ transform: scale(1) !important;
}
.layui-slider-tips {
- position: absolute;
- top: -42px;
- z-index: 66666666;
- white-space: nowrap;
- display: none;
- -webkit-transform: translateX(-50%);
- transform: translateX(-50%);
- color: #FFF;
- background: #000;
- border-radius: 3px;
- height: 25px;
- line-height: 25px;
- padding: 0 10px
+ position: absolute;
+ top: -42px;
+ z-index: 66666666;
+ white-space: nowrap;
+ display: none;
+ -webkit-transform: translateX(-50%);
+ transform: translateX(-50%);
+ color: #fff;
+ background: #000;
+ border-radius: 3px;
+ height: 25px;
+ line-height: 25px;
+ padding: 0 10px;
}
.layui-slider-tips:after {
- content: '';
- position: absolute;
- bottom: -12px;
- left: 50%;
- margin-left: -6px;
- width: 0;
- height: 0;
- border-width: 6px;
- border-style: solid;
- border-color: #000 transparent transparent
+ content: "";
+ position: absolute;
+ bottom: -12px;
+ left: 50%;
+ margin-left: -6px;
+ width: 0;
+ height: 0;
+ border-width: 6px;
+ border-style: solid;
+ border-color: #000 transparent transparent;
}
.layui-slider-input {
- width: 70px;
- height: 32px;
- border: 1px solid #e6e6e6;
- border-radius: 3px;
- font-size: 16px;
- line-height: 32px;
- position: absolute;
- right: 0;
- top: -15px
+ width: 70px;
+ height: 32px;
+ border: 1px solid #e6e6e6;
+ border-radius: 3px;
+ font-size: 16px;
+ line-height: 32px;
+ position: absolute;
+ right: 0;
+ top: -15px;
}
.layui-slider-input-btn {
- display: none;
- position: absolute;
- top: 0;
- right: 0;
- width: 20px;
- height: 100%;
- border-left: 1px solid #d2d2d2
+ display: none;
+ position: absolute;
+ top: 0;
+ right: 0;
+ width: 20px;
+ height: 100%;
+ border-left: 1px solid #d2d2d2;
}
.layui-slider-input-btn i {
- cursor: pointer;
- position: absolute;
- right: 0;
- bottom: 0;
- width: 20px;
- height: 50%;
- font-size: 12px;
- line-height: 16px;
- text-align: center;
- color: #999
+ cursor: pointer;
+ position: absolute;
+ right: 0;
+ bottom: 0;
+ width: 20px;
+ height: 50%;
+ font-size: 12px;
+ line-height: 16px;
+ text-align: center;
+ color: #999;
}
.layui-slider-input-btn i:first-child {
- top: 0;
- border-bottom: 1px solid #d2d2d2
+ top: 0;
+ border-bottom: 1px solid #d2d2d2;
}
.layui-slider-input-txt {
- height: 100%;
- font-size: 14px
+ height: 100%;
+ font-size: 14px;
}
.layui-slider-input-txt input {
- height: 100%;
- border: none
+ height: 100%;
+ border: none;
}
.layui-slider-input-btn i:hover {
- color: #009688
+ color: #009688;
}
.layui-slider-vertical {
- width: 4px;
- margin-left: 34px
+ width: 4px;
+ margin-left: 34px;
}
.layui-slider-vertical .layui-slider-bar {
- width: 4px
+ width: 4px;
}
.layui-slider-vertical .layui-slider-step {
- top: auto;
- left: 0;
- -webkit-transform: translateY(50%);
- transform: translateY(50%)
+ top: auto;
+ left: 0;
+ -webkit-transform: translateY(50%);
+ transform: translateY(50%);
}
.layui-slider-vertical .layui-slider-wrap {
- top: auto;
- left: -16px;
- -webkit-transform: translateY(50%);
- transform: translateY(50%)
+ top: auto;
+ left: -16px;
+ -webkit-transform: translateY(50%);
+ transform: translateY(50%);
}
.layui-slider-vertical .layui-slider-tips {
- top: auto;
- left: 2px
+ top: auto;
+ left: 2px;
}
@media \0screen {
- .layui-slider-wrap-btn {
- margin-left: -20px
- }
+ .layui-slider-wrap-btn {
+ margin-left: -20px;
+ }
- .layui-slider-vertical .layui-slider-wrap-btn {
- margin-left: 0;
- margin-bottom: -20px
- }
+ .layui-slider-vertical .layui-slider-wrap-btn {
+ margin-left: 0;
+ margin-bottom: -20px;
+ }
- .layui-slider-vertical .layui-slider-tips {
- margin-left: -8px
- }
+ .layui-slider-vertical .layui-slider-tips {
+ margin-left: -8px;
+ }
- .layui-slider > span {
- margin-left: 8px
- }
+ .layui-slider > span {
+ margin-left: 8px;
+ }
}
.layui-tree {
- line-height: 22px
+ line-height: 22px;
}
.layui-tree .layui-form-checkbox {
- margin: 0 !important
+ margin: 0 !important;
}
.layui-tree-set {
- width: 100%;
- position: relative
+ width: 100%;
+ position: relative;
}
.layui-tree-pack {
- display: none;
- padding-left: 20px;
- position: relative
+ display: none;
+ padding-left: 20px;
+ position: relative;
}
-.layui-tree-iconClick, .layui-tree-main {
- display: inline-block;
- vertical-align: middle
+.layui-tree-iconClick,
+.layui-tree-main {
+ display: inline-block;
+ vertical-align: middle;
}
.layui-tree-line .layui-tree-pack {
- padding-left: 27px
+ padding-left: 27px;
}
.layui-tree-line .layui-tree-set .layui-tree-set:after {
- content: '';
- position: absolute;
- top: 14px;
- left: -9px;
- width: 17px;
- height: 0;
- border-top: 1px dotted #c0c4cc
+ content: "";
+ position: absolute;
+ top: 14px;
+ left: -9px;
+ width: 17px;
+ height: 0;
+ border-top: 1px dotted #c0c4cc;
}
.layui-tree-entry {
- position: relative;
- padding: 3px 0;
- height: 20px;
- white-space: nowrap
+ position: relative;
+ padding: 3px 0;
+ height: 20px;
+ white-space: nowrap;
}
.layui-tree-entry:hover {
- background-color: #eee
+ background-color: #eee;
}
.layui-tree-line .layui-tree-entry:hover {
- background-color: rgba(0, 0, 0, 0)
+ background-color: rgba(0, 0, 0, 0);
}
.layui-tree-line .layui-tree-entry:hover .layui-tree-txt {
- color: #999;
- text-decoration: underline;
- transition: .3s
+ color: #999;
+ text-decoration: underline;
+ transition: 0.3s;
}
.layui-tree-main {
- cursor: pointer;
- padding-right: 10px
+ cursor: pointer;
+ padding-right: 10px;
}
.layui-tree-line .layui-tree-set:before {
- content: '';
- position: absolute;
- top: 0;
- left: -9px;
- width: 0;
- height: 100%;
- border-left: 1px dotted #c0c4cc
+ content: "";
+ position: absolute;
+ top: 0;
+ left: -9px;
+ width: 0;
+ height: 100%;
+ border-left: 1px dotted #c0c4cc;
}
.layui-tree-line .layui-tree-set.layui-tree-setLineShort:before {
- height: 13px
+ height: 13px;
}
.layui-tree-line .layui-tree-set.layui-tree-setHide:before {
- height: 0
+ height: 0;
}
.layui-tree-iconClick {
- position: relative;
- height: 20px;
- line-height: 20px;
- margin: 0 10px;
- color: #c0c4cc
+ position: relative;
+ height: 20px;
+ line-height: 20px;
+ margin: 0 10px;
+ color: #c0c4cc;
}
.layui-tree-icon {
- height: 12px;
- line-height: 12px;
- width: 12px;
- text-align: center;
- border: 1px solid #c0c4cc
+ height: 12px;
+ line-height: 12px;
+ width: 12px;
+ text-align: center;
+ border: 1px solid #c0c4cc;
}
.layui-tree-iconClick .layui-icon {
- font-size: 18px
+ font-size: 18px;
}
.layui-tree-icon .layui-icon {
- font-size: 12px;
- color: #666
+ font-size: 12px;
+ color: #666;
}
.layui-tree-iconArrow {
- padding: 0 5px
+ padding: 0 5px;
}
.layui-tree-iconArrow:after {
- content: '';
- position: absolute;
- left: 4px;
- top: 3px;
- z-index: 100;
- width: 0;
- height: 0;
- border-width: 5px;
- border-style: solid;
- border-color: transparent transparent transparent #c0c4cc;
- transition: .5s
+ content: "";
+ position: absolute;
+ left: 4px;
+ top: 3px;
+ z-index: 100;
+ width: 0;
+ height: 0;
+ border-width: 5px;
+ border-style: solid;
+ border-color: transparent transparent transparent #c0c4cc;
+ transition: 0.5s;
}
-.layui-tree-btnGroup, .layui-tree-editInput {
- position: relative;
- vertical-align: middle;
- display: inline-block
+.layui-tree-btnGroup,
+.layui-tree-editInput {
+ position: relative;
+ vertical-align: middle;
+ display: inline-block;
}
-.layui-tree-spread > .layui-tree-entry > .layui-tree-iconClick > .layui-tree-iconArrow:after {
- transform: rotate(90deg) translate(3px, 4px)
+.layui-tree-spread
+ > .layui-tree-entry
+ > .layui-tree-iconClick
+ > .layui-tree-iconArrow:after {
+ transform: rotate(90deg) translate(3px, 4px);
}
.layui-tree-txt {
- display: inline-block;
- vertical-align: middle;
- color: #555
+ display: inline-block;
+ vertical-align: middle;
+ color: #555;
}
.layui-tree-search {
- margin-bottom: 15px;
- color: #666
+ margin-bottom: 15px;
+ color: #666;
}
.layui-tree-btnGroup .layui-icon {
- display: inline-block;
- vertical-align: middle;
- padding: 0 2px;
- cursor: pointer
+ display: inline-block;
+ vertical-align: middle;
+ padding: 0 2px;
+ cursor: pointer;
}
.layui-tree-btnGroup .layui-icon:hover {
- color: #999;
- transition: .3s
+ color: #999;
+ transition: 0.3s;
}
.layui-tree-entry:hover .layui-tree-btnGroup {
- visibility: visible
+ visibility: visible;
}
.layui-tree-editInput {
- height: 20px;
- line-height: 20px;
- padding: 0 3px;
- border: none;
- background-color: rgba(0, 0, 0, .05)
+ height: 20px;
+ line-height: 20px;
+ padding: 0 3px;
+ border: none;
+ background-color: rgba(0, 0, 0, 0.05);
}
.layui-tree-emptyText {
- text-align: center;
- color: #999
+ text-align: center;
+ color: #999;
}
.layui-anim {
- -webkit-animation-duration: .3s;
- animation-duration: .3s;
- -webkit-animation-fill-mode: both;
- animation-fill-mode: both
+ -webkit-animation-duration: 0.3s;
+ animation-duration: 0.3s;
+ -webkit-animation-fill-mode: both;
+ animation-fill-mode: both;
}
.layui-anim.layui-icon {
- display: inline-block
+ display: inline-block;
}
.layui-anim-loop {
- -webkit-animation-iteration-count: infinite;
- animation-iteration-count: infinite
+ -webkit-animation-iteration-count: infinite;
+ animation-iteration-count: infinite;
}
-.layui-trans, .layui-trans a {
- transition: all .3s;
- -webkit-transition: all .3s
+.layui-trans,
+.layui-trans a {
+ transition: all 0.3s;
+ -webkit-transition: all 0.3s;
}
@-webkit-keyframes layui-rotate {
- from {
- -webkit-transform: rotate(0)
- }
- to {
- -webkit-transform: rotate(360deg)
- }
+ from {
+ -webkit-transform: rotate(0);
+ }
+ to {
+ -webkit-transform: rotate(360deg);
+ }
}
@keyframes layui-rotate {
- from {
- transform: rotate(0)
- }
- to {
- transform: rotate(360deg)
- }
+ from {
+ transform: rotate(0);
+ }
+ to {
+ transform: rotate(360deg);
+ }
}
.layui-anim-rotate {
- -webkit-animation-name: layui-rotate;
- animation-name: layui-rotate;
- -webkit-animation-duration: 1s;
- animation-duration: 1s;
- -webkit-animation-timing-function: linear;
- animation-timing-function: linear
+ -webkit-animation-name: layui-rotate;
+ animation-name: layui-rotate;
+ -webkit-animation-duration: 1s;
+ animation-duration: 1s;
+ -webkit-animation-timing-function: linear;
+ animation-timing-function: linear;
}
@-webkit-keyframes layui-up {
- from {
- -webkit-transform: translate3d(0, 100%, 0);
- opacity: .3
- }
- to {
- -webkit-transform: translate3d(0, 0, 0);
- opacity: 1
- }
+ from {
+ -webkit-transform: translate3d(0, 100%, 0);
+ opacity: 0.3;
+ }
+ to {
+ -webkit-transform: translate3d(0, 0, 0);
+ opacity: 1;
+ }
}
@keyframes layui-up {
- from {
- transform: translate3d(0, 100%, 0);
- opacity: .3
- }
- to {
- transform: translate3d(0, 0, 0);
- opacity: 1
- }
+ from {
+ transform: translate3d(0, 100%, 0);
+ opacity: 0.3;
+ }
+ to {
+ transform: translate3d(0, 0, 0);
+ opacity: 1;
+ }
}
.layui-anim-up {
- -webkit-animation-name: layui-up;
- animation-name: layui-up
+ -webkit-animation-name: layui-up;
+ animation-name: layui-up;
}
@-webkit-keyframes layui-upbit {
- from {
- -webkit-transform: translate3d(0, 30px, 0);
- opacity: .3
- }
- to {
- -webkit-transform: translate3d(0, 0, 0);
- opacity: 1
- }
+ from {
+ -webkit-transform: translate3d(0, 30px, 0);
+ opacity: 0.3;
+ }
+ to {
+ -webkit-transform: translate3d(0, 0, 0);
+ opacity: 1;
+ }
}
@keyframes layui-upbit {
- from {
- transform: translate3d(0, 30px, 0);
- opacity: .3
- }
- to {
- transform: translate3d(0, 0, 0);
- opacity: 1
- }
+ from {
+ transform: translate3d(0, 30px, 0);
+ opacity: 0.3;
+ }
+ to {
+ transform: translate3d(0, 0, 0);
+ opacity: 1;
+ }
}
.layui-anim-upbit {
- -webkit-animation-name: layui-upbit;
- animation-name: layui-upbit
+ -webkit-animation-name: layui-upbit;
+ animation-name: layui-upbit;
}
@-webkit-keyframes layui-scale {
- 0% {
- opacity: .3;
- -webkit-transform: scale(.5)
- }
- 100% {
- opacity: 1;
- -webkit-transform: scale(1)
- }
+ 0% {
+ opacity: 0.3;
+ -webkit-transform: scale(0.5);
+ }
+ 100% {
+ opacity: 1;
+ -webkit-transform: scale(1);
+ }
}
@keyframes layui-scale {
- 0% {
- opacity: .3;
- -ms-transform: scale(.5);
- transform: scale(.5)
- }
- 100% {
- opacity: 1;
- -ms-transform: scale(1);
- transform: scale(1)
- }
+ 0% {
+ opacity: 0.3;
+ -ms-transform: scale(0.5);
+ transform: scale(0.5);
+ }
+ 100% {
+ opacity: 1;
+ -ms-transform: scale(1);
+ transform: scale(1);
+ }
}
.layui-anim-scale {
- -webkit-animation-name: layui-scale;
- animation-name: layui-scale
+ -webkit-animation-name: layui-scale;
+ animation-name: layui-scale;
}
@-webkit-keyframes layui-scale-spring {
- 0% {
- opacity: .5;
- -webkit-transform: scale(.5)
- }
- 80% {
- opacity: .8;
- -webkit-transform: scale(1.1)
- }
- 100% {
- opacity: 1;
- -webkit-transform: scale(1)
- }
+ 0% {
+ opacity: 0.5;
+ -webkit-transform: scale(0.5);
+ }
+ 80% {
+ opacity: 0.8;
+ -webkit-transform: scale(1.1);
+ }
+ 100% {
+ opacity: 1;
+ -webkit-transform: scale(1);
+ }
}
@keyframes layui-scale-spring {
- 0% {
- opacity: .5;
- transform: scale(.5)
- }
- 80% {
- opacity: .8;
- transform: scale(1.1)
- }
- 100% {
- opacity: 1;
- transform: scale(1)
- }
+ 0% {
+ opacity: 0.5;
+ transform: scale(0.5);
+ }
+ 80% {
+ opacity: 0.8;
+ transform: scale(1.1);
+ }
+ 100% {
+ opacity: 1;
+ transform: scale(1);
+ }
}
.layui-anim-scaleSpring {
- -webkit-animation-name: layui-scale-spring;
- animation-name: layui-scale-spring
+ -webkit-animation-name: layui-scale-spring;
+ animation-name: layui-scale-spring;
}
@-webkit-keyframes layui-fadein {
- 0% {
- opacity: 0
- }
- 100% {
- opacity: 1
- }
+ 0% {
+ opacity: 0;
+ }
+ 100% {
+ opacity: 1;
+ }
}
@keyframes layui-fadein {
- 0% {
- opacity: 0
- }
- 100% {
- opacity: 1
- }
+ 0% {
+ opacity: 0;
+ }
+ 100% {
+ opacity: 1;
+ }
}
.layui-anim-fadein {
- -webkit-animation-name: layui-fadein;
- animation-name: layui-fadein
+ -webkit-animation-name: layui-fadein;
+ animation-name: layui-fadein;
}
@-webkit-keyframes layui-fadeout {
- 0% {
- opacity: 1
- }
- 100% {
- opacity: 0
- }
+ 0% {
+ opacity: 1;
+ }
+ 100% {
+ opacity: 0;
+ }
}
@keyframes layui-fadeout {
- 0% {
- opacity: 1
- }
- 100% {
- opacity: 0
- }
+ 0% {
+ opacity: 1;
+ }
+ 100% {
+ opacity: 0;
+ }
}
.layui-anim-fadeout {
- -webkit-animation-name: layui-fadeout;
- animation-name: layui-fadeout
+ -webkit-animation-name: layui-fadeout;
+ animation-name: layui-fadeout;
}
/**绗笁鏂筰con*/
@font-face {
- font-family: "layui-icon";
- src: url('layui-icon.eot?t=1572935636456'); /* IE9 */
- src: url('layui-icon.eot?t=1572935636456#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('data:application/x-font-woff2;charset=utf-8;base64,d09GMgABAAAAAALQAAsAAAAABpgAAAKEAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHEIGVgCCcAqBJIE1ATYCJAMICwYABCAFhG0HLxvaBRHVkxFkfyjemIrke7Jo4XPwqBpL9YRw4f9ta5QaYvHZ+rYJ3JHz+SB4ntZ+f+7M7GMQl6QmiVDxBKkRojRvpk2+hLwBMOy0gLMIouyCnseJBJQ2pj5OJ7AEDGRmDLh9cJ4HwrY2Db2qNypCsSTnwXdJdn6zQroae/u9Xg8V+BxtEKbzdf9zOb27CiiQ+YFymWPivcMA462BjjVoERRjKuItvcj9EMCHBPKQRtk5iMVgDxNANvPKHLbgx2DElEXwNMw1yDEOVh2q4Sj6vfzNFwsKR2NX9C43LVL7/TkZmgsmA4QACLTYATSQBxiQwcZ4NxoRqRqfuCEFjlUq8L0rMCJH1SHiX2cX+wEQh4TA957wUYsVAAadeUDfpG3A+Pn5ey3MObzWyBhDvcfcPAfSQZzz2qdIj0wTxvxwt+rzv4WlSHQ4AdfHZRlVEmMEEsZxgeMqzjGfqrBDSaIMvLjAkX3R56gFXGBEfQkgsL2zKQXSbQ0Az5XekXiYE+zpHAK/zWqAa5uviSGCXhlN76KAIo9ZrQrAlVy4sd0hfExVh9+jVbAFgQgKL+JBY0lDDSUPHHwpBA+WGvAhl5bFvoSyhUaMN5DDLgMhiBNQBHAKmiBuUUN5B4cI/oOHINHgw7CgNX3JECkrTIPQjOMf3bSt2jWJiktvZN5x4Lwoor2ITxfCIs3LqYZW4iUmnB9TimjUvC1Ys8Moxg133jxNklqRvcoy3fSkdNoWUIBpEJpx/KObtlUHtUVVvn8j844DdxDq7C/i03WPRZoPQBv5OojwKI+cH1OKaNS8LVizXhTjhntzL0+TpHZCdK8yp5oeKk+3Vy5/tw4ABbbmkjheTf8vsa0A') format('woff2'),
- url('layui-icon.woff?t=1572935636456') format('woff'),
- url('layui-icon.ttf?t=1572935636456') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */ url('layui-icon.svg?t=1572935636456#layui-icon') format('svg'); /* iOS 4.1- */
+ font-family: "layui-icon";
+ src: url("layui-icon.eot?t=1572935636456"); /* IE9 */
+ src: url("layui-icon.eot?t=1572935636456#iefix") format("embedded-opentype"),
+ /* IE6-IE8 */
+ url("data:application/x-font-woff2;charset=utf-8;base64,d09GMgABAAAAAALQAAsAAAAABpgAAAKEAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHEIGVgCCcAqBJIE1ATYCJAMICwYABCAFhG0HLxvaBRHVkxFkfyjemIrke7Jo4XPwqBpL9YRw4f9ta5QaYvHZ+rYJ3JHz+SB4ntZ+f+7M7GMQl6QmiVDxBKkRojRvpk2+hLwBMOy0gLMIouyCnseJBJQ2pj5OJ7AEDGRmDLh9cJ4HwrY2Db2qNypCsSTnwXdJdn6zQroae/u9Xg8V+BxtEKbzdf9zOb27CiiQ+YFymWPivcMA462BjjVoERRjKuItvcj9EMCHBPKQRtk5iMVgDxNANvPKHLbgx2DElEXwNMw1yDEOVh2q4Sj6vfzNFwsKR2NX9C43LVL7/TkZmgsmA4QACLTYATSQBxiQwcZ4NxoRqRqfuCEFjlUq8L0rMCJH1SHiX2cX+wEQh4TA957wUYsVAAadeUDfpG3A+Pn5ey3MObzWyBhDvcfcPAfSQZzz2qdIj0wTxvxwt+rzv4WlSHQ4AdfHZRlVEmMEEsZxgeMqzjGfqrBDSaIMvLjAkX3R56gFXGBEfQkgsL2zKQXSbQ0Az5XekXiYE+zpHAK/zWqAa5uviSGCXhlN76KAIo9ZrQrAlVy4sd0hfExVh9+jVbAFgQgKL+JBY0lDDSUPHHwpBA+WGvAhl5bFvoSyhUaMN5DDLgMhiBNQBHAKmiBuUUN5B4cI/oOHINHgw7CgNX3JECkrTIPQjOMf3bSt2jWJiktvZN5x4Lwoor2ITxfCIs3LqYZW4iUmnB9TimjUvC1Ys8Moxg133jxNklqRvcoy3fSkdNoWUIBpEJpx/KObtlUHtUVVvn8j844DdxDq7C/i03WPRZoPQBv5OojwKI+cH1OKaNS8LVizXhTjhntzL0+TpHZCdK8yp5oeKk+3Vy5/tw4ABbbmkjheTf8vsa0A")
+ format("woff2"),
+ url("layui-icon.woff?t=1572935636456") format("woff"),
+ url("layui-icon.ttf?t=1572935636456") format("truetype"),
+ /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */
+ url("layui-icon.svg?t=1572935636456#layui-icon") format("svg"); /* iOS 4.1- */
}
-
-
+.other-class {
+ border-radius: 5px;
+ background-color: rgba(0, 0, 0, 0.5) !important;
+ border: 1px solid rgba(32, 160, 255, 0.6) !important;
+}
+.other-class .layui-layer-title {
+ background: #777;
+ font-weight: bold;
+ color: #fff;
+}
+.other-class .layui-layer-content {
+ background: rgba(0, 0, 0, 0);
+}
+.layui-layer-setwin .layui-layer-close1 {
+ background-position: -95px -130px;
+}
--
Gitblit v1.9.3