|
|
@@ -44,879 +44,925 @@ body a:hover {
|
|
|
body input::-ms-clear {
|
|
|
display: none;
|
|
|
}
|
|
|
-/* 页面布局 - 全局 */
|
|
|
-.layui-layout > .layui-side {
|
|
|
- top: 50px;
|
|
|
- bottom: 0;
|
|
|
- overflow: auto;
|
|
|
+.notdata {
|
|
|
+ padding: 15px;
|
|
|
+ display: block;
|
|
|
+ font-size: 13px;
|
|
|
+ text-align: center;
|
|
|
+ line-height: 22px;
|
|
|
+ letter-spacing: 8px;
|
|
|
+ border: 1px solid #e6e6e6;
|
|
|
+ background-color: #f2f2f2;
|
|
|
+ border-radius: 0 2px 2px 0;
|
|
|
}
|
|
|
-.layui-layout > .layui-body {
|
|
|
- top: 50px;
|
|
|
- bottom: 0;
|
|
|
- overflow: auto;
|
|
|
+.notselect {
|
|
|
+ user-select: none;
|
|
|
+ -ms-user-select: none;
|
|
|
+ -moz-user-select: none;
|
|
|
+ -webkit-user-select: none;
|
|
|
}
|
|
|
-.layui-layout > .layui-body > .layui-card {
|
|
|
- box-shadow: none;
|
|
|
+.transition {
|
|
|
+ transition: all 0.2s linear;
|
|
|
+ -o-transition: all 0.2s linear;
|
|
|
+ -moz-transition: all 0.2s linear;
|
|
|
+ -webkit-transition: all 0.2s linear;
|
|
|
}
|
|
|
-.layui-layout > .layui-body > .layui-card > .layui-card-body {
|
|
|
- padding: 15px 15px;
|
|
|
+.absolute {
|
|
|
+ position: absolute !important;
|
|
|
}
|
|
|
-.layui-layout > .layui-body > .layui-card > .layui-card-header {
|
|
|
- height: 50px;
|
|
|
- border: none;
|
|
|
- line-height: 50px;
|
|
|
- box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.1);
|
|
|
- background: #fff;
|
|
|
+.relative {
|
|
|
+ position: relative !important;
|
|
|
}
|
|
|
-/* 页面布局 - 头部 */
|
|
|
-.layui-header {
|
|
|
- height: 50px;
|
|
|
- background: #393D49 !important;
|
|
|
+.block {
|
|
|
+ display: block !important;
|
|
|
}
|
|
|
-.layui-header [data-target-menu-type] {
|
|
|
- border-left: 1px solid rgba(0, 0, 0, 0);
|
|
|
- border-right: 1px solid rgba(0, 0, 0, 0.15);
|
|
|
+.pointer {
|
|
|
+ cursor: pointer !important;
|
|
|
}
|
|
|
-.layui-header .layui-layout-left,
|
|
|
-.layui-header .layui-layout-right {
|
|
|
- padding: 0;
|
|
|
+.nowrap {
|
|
|
+ white-space: nowrap !important;
|
|
|
}
|
|
|
-.layui-header .layui-logo {
|
|
|
- color: #fff;
|
|
|
- width: 199px;
|
|
|
- height: auto;
|
|
|
- font-size: 18px;
|
|
|
- line-height: 49px;
|
|
|
- border-right: 1px solid rgba(0, 0, 0, 0.15);
|
|
|
- border-bottom: 1px solid rgba(0, 0, 0, 0.15);
|
|
|
+.help-block {
|
|
|
+ color: #999;
|
|
|
+ font-size: 12px;
|
|
|
}
|
|
|
-.layui-header .layui-logo sup {
|
|
|
- font-size: 9px;
|
|
|
- line-height: 9px;
|
|
|
+.inline-block {
|
|
|
+ display: inline-block !important;
|
|
|
}
|
|
|
-.layui-header .layui-nav-item {
|
|
|
- height: 50px;
|
|
|
- line-height: 50px;
|
|
|
+.pull-left {
|
|
|
+ float: left !important;
|
|
|
}
|
|
|
-.layui-header .layui-nav-item.layui-this {
|
|
|
- background: #009688;
|
|
|
+.pull-right {
|
|
|
+ float: right !important;
|
|
|
}
|
|
|
-.layui-header .layui-nav-item > a {
|
|
|
- color: #fff !important;
|
|
|
+.full-width {
|
|
|
+ width: 100% !important;
|
|
|
}
|
|
|
-.layui-header .layui-nav-item .layui-nav-child {
|
|
|
- top: 49px;
|
|
|
- padding: 0;
|
|
|
- border: none;
|
|
|
- line-height: 45px;
|
|
|
+.full-height {
|
|
|
+ height: 100% !important;
|
|
|
}
|
|
|
-.layui-header .layui-nav-item .layui-nav-child + a {
|
|
|
- padding-right: 35px;
|
|
|
+.color-red {
|
|
|
+ color: #ec494e !important;
|
|
|
}
|
|
|
-.layui-header .layui-nav-item .layui-nav-child.layui-show + a {
|
|
|
- background: #fff;
|
|
|
+.color-blue {
|
|
|
+ color: #2494f2 !important;
|
|
|
}
|
|
|
-.layui-header .layui-nav-item .layui-nav-child.layui-show + a span {
|
|
|
- color: #333;
|
|
|
+.color-desc {
|
|
|
+ color: #999 !important;
|
|
|
}
|
|
|
-.layui-header .layui-nav-item .layui-nav-child dd a {
|
|
|
- padding: 0;
|
|
|
- color: #333;
|
|
|
- text-align: center;
|
|
|
- border-top: 1px solid #eaedf1;
|
|
|
+.color-text {
|
|
|
+ color: #333 !important;
|
|
|
}
|
|
|
-.layui-header .layui-nav-bar,
|
|
|
-.layui-header .layui-nav-item:after {
|
|
|
- display: none !important;
|
|
|
+.color-green {
|
|
|
+ color: #090 !important;
|
|
|
}
|
|
|
-.layui-header .layui-layout-right > li > a {
|
|
|
- border-left: 1px solid rgba(0, 0, 0, 0.15);
|
|
|
- border-right: 1px solid rgba(0, 0, 0, 0);
|
|
|
+.text-top {
|
|
|
+ vertical-align: top !important;
|
|
|
}
|
|
|
-/* 页面布局 - 左则 */
|
|
|
-.layui-layout > .layui-side .layui-nav-bar {
|
|
|
- display: none !important;
|
|
|
+.text-left {
|
|
|
+ text-align: left !important;
|
|
|
}
|
|
|
-.layui-layout > .layui-side .layui-side-scroll {
|
|
|
- width: 100% !important;
|
|
|
+.text-right {
|
|
|
+ text-align: right !important;
|
|
|
}
|
|
|
-.layui-layout > .layui-side .layui-nav-item {
|
|
|
- border-bottom: 1px solid rgba(0, 0, 0, 0.2);
|
|
|
+.text-center {
|
|
|
+ text-align: center !important;
|
|
|
}
|
|
|
-.layui-layout > .layui-side .layui-nav-item a {
|
|
|
- height: 45px;
|
|
|
- display: block;
|
|
|
- line-height: 45px;
|
|
|
- color: #fff !important;
|
|
|
+.text-middle {
|
|
|
+ vertical-align: middle !important;
|
|
|
}
|
|
|
-.layui-layout > .layui-side .layui-nav-item a:hover {
|
|
|
- background: hsla(0, 0%, 39%, 0.2) !important;
|
|
|
+.text-bottom {
|
|
|
+ vertical-align: bottom !important;
|
|
|
}
|
|
|
-.layui-layout > .layui-side .layui-nav-itemed {
|
|
|
- border-bottom: none !important;
|
|
|
+.think-bg-white {
|
|
|
+ background: white !important;
|
|
|
}
|
|
|
-.layui-layout > .layui-side .layui-nav-tree-top a {
|
|
|
- height: 28px !important;
|
|
|
- line-height: 28px !important;
|
|
|
+.think-bg-blue {
|
|
|
+ background: linear-gradient(-125deg, #57bdbf, #2f9de2) !important;
|
|
|
}
|
|
|
-.layui-layout.layui-layout-left-mini > .layui-body {
|
|
|
- left: 50px;
|
|
|
+.think-bg-orig {
|
|
|
+ background: linear-gradient(-141deg, #ecca1b, #f39526) !important;
|
|
|
}
|
|
|
-.layui-layout.layui-layout-left-mini > .layui-side .layui-nav-more {
|
|
|
- display: none !important;
|
|
|
+.think-bg-red {
|
|
|
+ background: linear-gradient(-125deg, #ff7d7d, #fb2c95) !important;
|
|
|
}
|
|
|
-.layui-layout.layui-layout-left-mini > .layui-side .layui-nav-item a {
|
|
|
- padding: 0;
|
|
|
+.think-bg-violet {
|
|
|
+ background: linear-gradient(-113deg, #c543d8, #925cc3) !important;
|
|
|
}
|
|
|
-.layui-layout.layui-layout-left-mini > .layui-side .layui-nav-item .nav-text {
|
|
|
- display: none;
|
|
|
+/* 分隔线条 */
|
|
|
+.hr-line-dashed {
|
|
|
+ color: #fff;
|
|
|
+ height: 1px;
|
|
|
+ margin: 20px 0;
|
|
|
+ background-color: #fff;
|
|
|
+ border-top: 1px dashed #e7eaec;
|
|
|
}
|
|
|
-.layui-layout.layui-layout-left-mini > .layui-side .layui-nav-item .nav-icon {
|
|
|
- display: inline-block !important;
|
|
|
- padding: 0 !important;
|
|
|
+.hr-line-solid {
|
|
|
+ margin-top: 15px;
|
|
|
+ margin-bottom: 15px;
|
|
|
+ border-bottom: 1px solid #e7eaec;
|
|
|
+ background-color: rgba(0, 0, 0, 0);
|
|
|
}
|
|
|
-.layui-layout.layui-layout-left-mini > .layui-side .layui-nav-item .layui-nav-child {
|
|
|
- padding: 0;
|
|
|
- display: block !important;
|
|
|
- background-color: rgba(0, 0, 0, 0.3) !important;
|
|
|
+/* 文字大小 */
|
|
|
+.border-0 {
|
|
|
+ border: 0 !important;
|
|
|
}
|
|
|
-.layui-layout.layui-layout-left-mini > .layui-side,
|
|
|
-.layui-layout.layui-layout-left-mini > .layui-side .layui-nav-tree,
|
|
|
-.layui-layout.layui-layout-left-mini > .layui-side .layui-side-scroll {
|
|
|
- width: 50px;
|
|
|
- text-align: center;
|
|
|
+.border-radius-0 {
|
|
|
+ border-radius: 0 !important;
|
|
|
}
|
|
|
-.layui-layout.layui-layout-left-mini [data-target-menu-type] i {
|
|
|
- display: inline-block;
|
|
|
- -webkit-transform: rotate(180deg);
|
|
|
- transform: rotate(180deg);
|
|
|
- -ms-transform: rotate(180deg);
|
|
|
+.border-radius-left-0 {
|
|
|
+ border-top-left-radius: 0 !important;
|
|
|
+ border-bottom-left-radius: 0 !important;
|
|
|
}
|
|
|
-.layui-layout.layui-layout-left-hide > .layui-body {
|
|
|
- left: 0 !important;
|
|
|
+.border-radius-right-0 {
|
|
|
+ border-top-right-radius: 0 !important;
|
|
|
+ border-bottom-right-radius: 0 !important;
|
|
|
}
|
|
|
-.layui-layout.layui-layout-left-hide > .layui-side {
|
|
|
- display: none;
|
|
|
+.font-s10 {
|
|
|
+ font-size: 10px !important;
|
|
|
}
|
|
|
-.layui-layout.layui-layout-left-hide [data-target-menu-type] {
|
|
|
- display: none;
|
|
|
+.font-s11 {
|
|
|
+ font-size: 11px !important;
|
|
|
}
|
|
|
-/* 弹框层表单 */
|
|
|
-fieldset {
|
|
|
- margin: 0;
|
|
|
- border: 1px solid #e6e6e6;
|
|
|
- padding: 10px 20px 5px 20px;
|
|
|
+.font-s12 {
|
|
|
+ font-size: 12px !important;
|
|
|
}
|
|
|
-fieldset legend {
|
|
|
- color: #666;
|
|
|
- padding: 0 10px;
|
|
|
- font-size: 14px;
|
|
|
+.font-s13 {
|
|
|
+ font-size: 13px !important;
|
|
|
}
|
|
|
-.form-search .layui-btn {
|
|
|
- height: 32px;
|
|
|
- line-height: 28px;
|
|
|
- font-size: 12px;
|
|
|
- padding: 0 10px;
|
|
|
+.font-s14 {
|
|
|
+ font-size: 14px !important;
|
|
|
}
|
|
|
-.form-search .layui-form-label {
|
|
|
- width: auto !important;
|
|
|
- padding: 0 8px;
|
|
|
- height: 32px;
|
|
|
- line-height: 30px;
|
|
|
+.font-s15 {
|
|
|
+ font-size: 15px !important;
|
|
|
}
|
|
|
-.form-search .layui-input-inline {
|
|
|
- width: 170px;
|
|
|
+.font-s16 {
|
|
|
+ font-size: 16px !important;
|
|
|
}
|
|
|
-.form-search .layui-input-inline input,
|
|
|
-.form-search .layui-input-inline select {
|
|
|
- width: 100%;
|
|
|
- height: 32px;
|
|
|
- padding: 2px 8px;
|
|
|
- line-height: 1em;
|
|
|
-}
|
|
|
-.form-search .layui-form-select dl {
|
|
|
- top: 31px;
|
|
|
- padding: 0;
|
|
|
+.font-s18 {
|
|
|
+ font-size: 18px !important;
|
|
|
}
|
|
|
-.layui-form input.layui-input,
|
|
|
-.layui-form select.layui-select {
|
|
|
- line-height: 1em;
|
|
|
+.font-s20 {
|
|
|
+ font-size: 20px !important;
|
|
|
}
|
|
|
-/* 表单验证异常提示 */
|
|
|
-.label-required-prev:before {
|
|
|
- width: 1em;
|
|
|
- color: red;
|
|
|
- content: '*';
|
|
|
- display: inline-block;
|
|
|
- position: absolute;
|
|
|
- text-align: left;
|
|
|
- font-weight: 700;
|
|
|
- line-height: 1.6em;
|
|
|
- margin-left: -0.8em;
|
|
|
+.font-s30 {
|
|
|
+ font-size: 30px !important;
|
|
|
}
|
|
|
-.label-required:after,
|
|
|
-.label-required-next:after {
|
|
|
- top: 6px;
|
|
|
- right: 5px;
|
|
|
- color: red;
|
|
|
- content: '*';
|
|
|
- position: absolute;
|
|
|
- margin-left: 4px;
|
|
|
- font-weight: 700;
|
|
|
- line-height: 1.8em;
|
|
|
+.font-s40 {
|
|
|
+ font-size: 40px !important;
|
|
|
}
|
|
|
-.label-required-null:before {
|
|
|
- content: none !important;
|
|
|
+.padding-0 {
|
|
|
+ padding: 0 !important;
|
|
|
}
|
|
|
-/** 自定义表单样式 */
|
|
|
-.think-form-label {
|
|
|
- padding: 9px 15px;
|
|
|
- font-weight: 400;
|
|
|
- line-height: 20px;
|
|
|
- text-align: right;
|
|
|
+.padding-5 {
|
|
|
+ padding: 5px !important;
|
|
|
}
|
|
|
-.think-form-group-right {
|
|
|
- border-left: none;
|
|
|
- border-top-left-radius: 0;
|
|
|
- border-bottom-left-radius: 0;
|
|
|
+.padding-10 {
|
|
|
+ padding: 10px !important;
|
|
|
}
|
|
|
-.think-form-group-left input {
|
|
|
- border-right: none;
|
|
|
- border-top-right-radius: 0;
|
|
|
- border-bottom-right-radius: 0;
|
|
|
+.padding-15 {
|
|
|
+ padding: 15px !important;
|
|
|
}
|
|
|
-.think-box-shadow {
|
|
|
- background: #fff;
|
|
|
- padding: 20px 20px !important;
|
|
|
- box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.1);
|
|
|
+.padding-20 {
|
|
|
+ padding: 20px !important;
|
|
|
}
|
|
|
-/** checkbox & radio */
|
|
|
-label.think-checkbox,
|
|
|
-label.think-radio {
|
|
|
- margin-right: 10px;
|
|
|
- display: inline-block;
|
|
|
+.padding-25 {
|
|
|
+ padding: 25px !important;
|
|
|
}
|
|
|
-.think-checkbox,
|
|
|
-.think-radio {
|
|
|
- cursor: pointer;
|
|
|
- margin-top: 10px;
|
|
|
- font-weight: 400;
|
|
|
- line-height: 17px;
|
|
|
+.padding-30 {
|
|
|
+ padding: 30px !important;
|
|
|
}
|
|
|
-.think-checkbox input[type=checkbox] {
|
|
|
- width: 18px;
|
|
|
- height: 18px;
|
|
|
- border: 1px solid #dcdcdc;
|
|
|
- cursor: pointer;
|
|
|
- margin: 0 5px 0 0;
|
|
|
- position: relative;
|
|
|
- display: inline-block !important;
|
|
|
- background: #fff;
|
|
|
- appearance: none;
|
|
|
- box-sizing: border-box !important;
|
|
|
- border-radius: 1px;
|
|
|
- vertical-align: bottom;
|
|
|
- -webkit-appearance: none;
|
|
|
+.padding-40 {
|
|
|
+ padding: 40px !important;
|
|
|
}
|
|
|
-.think-checkbox input[type=checkbox]:checked:after {
|
|
|
- color: #666;
|
|
|
- padding: 2px;
|
|
|
- display: block;
|
|
|
- content: "\e605";
|
|
|
- font-size: 12px;
|
|
|
- font-style: normal;
|
|
|
- font-weight: 700;
|
|
|
- position: absolute;
|
|
|
- font-family: layui-icon !important;
|
|
|
- -webkit-font-smoothing: antialiased;
|
|
|
- -moz-osx-font-smoothing: grayscale;
|
|
|
+.padding-top-0 {
|
|
|
+ padding-top: 0 !important;
|
|
|
}
|
|
|
-.think-radio input[type=radio] {
|
|
|
- width: 18px;
|
|
|
- height: 18px;
|
|
|
- cursor: pointer;
|
|
|
- margin: 0 5px 0 0;
|
|
|
- position: relative;
|
|
|
- border: 1px solid #dcdcdc;
|
|
|
- display: inline-block !important;
|
|
|
- box-sizing: border-box !important;
|
|
|
- appearance: none;
|
|
|
- background: #fff;
|
|
|
- border-radius: 1em;
|
|
|
- vertical-align: bottom;
|
|
|
- -webkit-appearance: none;
|
|
|
+.padding-top-5 {
|
|
|
+ padding-top: 5px !important;
|
|
|
}
|
|
|
-.think-radio input[type=radio]:checked:after {
|
|
|
- top: 4px;
|
|
|
- left: 4px;
|
|
|
- width: 8px;
|
|
|
- height: 8px;
|
|
|
- content: '';
|
|
|
- display: block;
|
|
|
- position: relative;
|
|
|
- background: #666;
|
|
|
- border-radius: 1em;
|
|
|
+.padding-top-10 {
|
|
|
+ padding-top: 10px !important;
|
|
|
}
|
|
|
-.layui-form.layui-card {
|
|
|
- box-shadow: none;
|
|
|
+.padding-top-15 {
|
|
|
+ padding-top: 15px !important;
|
|
|
}
|
|
|
-.layui-layer-content .layui-form.layui-card .layui-card-body {
|
|
|
- padding: 20px 40px 0 0;
|
|
|
+.padding-top-20 {
|
|
|
+ padding-top: 20px !important;
|
|
|
}
|
|
|
-.layui-layer-dialog .layui-layer-content .layui-layer-ico {
|
|
|
- top: 50% !important;
|
|
|
- margin-top: -15px !important;
|
|
|
+.padding-top-30 {
|
|
|
+ padding-top: 30px !important;
|
|
|
}
|
|
|
-.laydate-footer-btns span {
|
|
|
- line-height: 24px !important;
|
|
|
+.padding-top-40 {
|
|
|
+ padding-top: 40px !important;
|
|
|
}
|
|
|
-/** Layui样式调整 */
|
|
|
-.layui-input,
|
|
|
-.layui-select {
|
|
|
- line-height: 38px;
|
|
|
+.padding-left-0 {
|
|
|
+ padding-left: 0 !important;
|
|
|
}
|
|
|
-.layui-btn-primary.layui-btn-xs {
|
|
|
- line-height: 20px;
|
|
|
+.padding-left-5 {
|
|
|
+ padding-left: 5px !important;
|
|
|
}
|
|
|
-.layui-btn-primary.layui-btn-sm {
|
|
|
- line-height: 28px;
|
|
|
+.padding-left-10 {
|
|
|
+ padding-left: 10px !important;
|
|
|
}
|
|
|
-/* 下拉样式 */
|
|
|
-.layui-nav .layui-nav-item .layui-nav-more {
|
|
|
- top: 0;
|
|
|
- border: none;
|
|
|
- right: 15px;
|
|
|
- width: auto;
|
|
|
- height: auto;
|
|
|
- margin-top: 0;
|
|
|
- font-size: 14px;
|
|
|
- font-style: normal;
|
|
|
- font-family: layui-icon !important;
|
|
|
- -moz-osx-font-smoothing: grayscale;
|
|
|
- -webkit-font-smoothing: antialiased;
|
|
|
+.padding-left-15 {
|
|
|
+ padding-left: 15px !important;
|
|
|
}
|
|
|
-.layui-nav .layui-nav-item .layui-nav-more::before {
|
|
|
- content: "\e619";
|
|
|
+.padding-left-20 {
|
|
|
+ padding-left: 20px !important;
|
|
|
}
|
|
|
-.layui-nav .layui-nav-item .layui-nav-mored,
|
|
|
-.layui-nav .layui-nav-itemed .layui-nav-more {
|
|
|
- border: none;
|
|
|
- margin-top: 0;
|
|
|
- transform: rotate(180deg);
|
|
|
- -o-transform: rotate(180deg);
|
|
|
- -ms-transform: rotate(180deg);
|
|
|
- -moz-transform: rotate(180deg);
|
|
|
- -webkit-transform: rotate(180deg);
|
|
|
+.padding-left-30 {
|
|
|
+ padding-left: 30px !important;
|
|
|
}
|
|
|
-.layui-table td,
|
|
|
-.layui-table th {
|
|
|
- font-size: 12px;
|
|
|
+.padding-left-40 {
|
|
|
+ padding-left: 40px !important;
|
|
|
}
|
|
|
-.layui-table .list-table-image {
|
|
|
- width: 22px;
|
|
|
- cursor: pointer;
|
|
|
+.padding-right-0 {
|
|
|
+ padding-right: 0 !important;
|
|
|
}
|
|
|
-.layui-table .list-table-sort-td {
|
|
|
- width: 10px !important;
|
|
|
- text-align: center !important;
|
|
|
- padding-left: 5px !important;
|
|
|
+.padding-right-5 {
|
|
|
padding-right: 5px !important;
|
|
|
}
|
|
|
-.layui-table .list-table-sort-td button {
|
|
|
- width: 56px;
|
|
|
- background: #009688;
|
|
|
-}
|
|
|
-.layui-table .list-table-sort-td input {
|
|
|
- width: 50px;
|
|
|
- color: #666;
|
|
|
- padding: 2px;
|
|
|
- border: 1px solid #e6e6e6;
|
|
|
- text-align: center;
|
|
|
- font-size: 9pt;
|
|
|
- line-height: 18px;
|
|
|
+.padding-right-10 {
|
|
|
+ padding-right: 10px !important;
|
|
|
}
|
|
|
-.layui-table .list-table-check-td {
|
|
|
- width: 10px !important;
|
|
|
- text-align: center;
|
|
|
- padding-left: 15px !important;
|
|
|
+.padding-right-15 {
|
|
|
padding-right: 15px !important;
|
|
|
}
|
|
|
-.layui-table .list-table-check-td input {
|
|
|
- margin: 0 !important;
|
|
|
- vertical-align: middle;
|
|
|
+.padding-right-20 {
|
|
|
+ padding-right: 20px !important;
|
|
|
}
|
|
|
-.layui-table td .text-explode {
|
|
|
- color: #ccc !important;
|
|
|
- margin: 0 4px !important;
|
|
|
+.padding-right-30 {
|
|
|
+ padding-right: 30px !important;
|
|
|
}
|
|
|
-.layui-table td .text-explode:first-child {
|
|
|
- display: none;
|
|
|
- opacity: 0;
|
|
|
+.padding-right-40 {
|
|
|
+ padding-right: 40px !important;
|
|
|
}
|
|
|
-.layui-table td .background-image {
|
|
|
- float: left;
|
|
|
- width: 40px;
|
|
|
- height: 40px;
|
|
|
- display: inline-block;
|
|
|
- margin-right: 5px;
|
|
|
- background: no-repeat center center;
|
|
|
- background-size: cover;
|
|
|
- vertical-align: middle;
|
|
|
-}
|
|
|
-[data-tips-image] {
|
|
|
- cursor: zoom-in !important;
|
|
|
-}
|
|
|
-.notdata {
|
|
|
- padding: 15px;
|
|
|
- display: block;
|
|
|
- font-size: 13px;
|
|
|
- text-align: center;
|
|
|
- line-height: 22px;
|
|
|
- letter-spacing: 8px;
|
|
|
- border: 1px solid #e6e6e6;
|
|
|
- background-color: #f2f2f2;
|
|
|
- border-radius: 0 2px 2px 0;
|
|
|
+.padding-bottom-0 {
|
|
|
+ padding-bottom: 0 !important;
|
|
|
}
|
|
|
-.notselect {
|
|
|
- user-select: none;
|
|
|
- -ms-user-select: none;
|
|
|
- -moz-user-select: none;
|
|
|
- -webkit-user-select: none;
|
|
|
+.padding-bottom-5 {
|
|
|
+ padding-bottom: 5px !important;
|
|
|
}
|
|
|
-.transition {
|
|
|
- transition: all 0.2s linear;
|
|
|
- -o-transition: all 0.2s linear;
|
|
|
- -moz-transition: all 0.2s linear;
|
|
|
- -webkit-transition: all 0.2s linear;
|
|
|
+.padding-bottom-10 {
|
|
|
+ padding-bottom: 10px !important;
|
|
|
}
|
|
|
-.absolute {
|
|
|
- position: absolute !important;
|
|
|
+.padding-bottom-15 {
|
|
|
+ padding-bottom: 15px !important;
|
|
|
}
|
|
|
-.relative {
|
|
|
- position: relative !important;
|
|
|
+.padding-bottom-20 {
|
|
|
+ padding-bottom: 20px !important;
|
|
|
}
|
|
|
-.block {
|
|
|
- display: block !important;
|
|
|
+.padding-bottom-30 {
|
|
|
+ padding-bottom: 30px !important;
|
|
|
}
|
|
|
-.pointer {
|
|
|
- cursor: pointer !important;
|
|
|
+.padding-bottom-40 {
|
|
|
+ padding-bottom: 40px !important;
|
|
|
}
|
|
|
-.nowrap {
|
|
|
- white-space: nowrap !important;
|
|
|
+.margin-0 {
|
|
|
+ margin: 0 !important;
|
|
|
}
|
|
|
-.help-block {
|
|
|
- color: #999;
|
|
|
- font-size: 12px;
|
|
|
+.margin-5 {
|
|
|
+ margin: 5px !important;
|
|
|
}
|
|
|
-.inline-block {
|
|
|
- display: inline-block !important;
|
|
|
+.margin-10 {
|
|
|
+ margin: 10px !important;
|
|
|
}
|
|
|
-.pull-left {
|
|
|
- float: left !important;
|
|
|
+.margin-15 {
|
|
|
+ margin: 15px !important;
|
|
|
}
|
|
|
-.pull-right {
|
|
|
- float: right !important;
|
|
|
+.margin-20 {
|
|
|
+ margin: 20px !important;
|
|
|
}
|
|
|
-.full-width {
|
|
|
- width: 100% !important;
|
|
|
+.margin-25 {
|
|
|
+ margin: 25px !important;
|
|
|
}
|
|
|
-.full-height {
|
|
|
- height: 100% !important;
|
|
|
+.margin-30 {
|
|
|
+ margin: 30px !important;
|
|
|
}
|
|
|
-.color-red {
|
|
|
- color: #ec494e !important;
|
|
|
+.margin-40 {
|
|
|
+ margin: 40px !important;
|
|
|
}
|
|
|
-.color-blue {
|
|
|
- color: #2494f2 !important;
|
|
|
+.margin-top-0 {
|
|
|
+ margin-top: 0 !important;
|
|
|
}
|
|
|
-.color-desc {
|
|
|
- color: #999 !important;
|
|
|
+.margin-top-5 {
|
|
|
+ margin-top: 5px !important;
|
|
|
}
|
|
|
-.color-text {
|
|
|
- color: #333 !important;
|
|
|
+.margin-top-10 {
|
|
|
+ margin-top: 10px !important;
|
|
|
}
|
|
|
-.color-green {
|
|
|
- color: #090 !important;
|
|
|
+.margin-top-15 {
|
|
|
+ margin-top: 15px !important;
|
|
|
}
|
|
|
-.text-top {
|
|
|
- vertical-align: top !important;
|
|
|
+.margin-top-20 {
|
|
|
+ margin-top: 20px !important;
|
|
|
}
|
|
|
-.text-left {
|
|
|
- text-align: left !important;
|
|
|
+.margin-top-25 {
|
|
|
+ margin-top: 25px !important;
|
|
|
}
|
|
|
-.text-right {
|
|
|
- text-align: right !important;
|
|
|
+.margin-top-30 {
|
|
|
+ margin-top: 30px !important;
|
|
|
}
|
|
|
-.text-center {
|
|
|
- text-align: center !important;
|
|
|
+.margin-top-40 {
|
|
|
+ margin-top: 40px !important;
|
|
|
}
|
|
|
-.text-middle {
|
|
|
- vertical-align: middle !important;
|
|
|
+.margin-left-0 {
|
|
|
+ margin-left: 0 !important;
|
|
|
}
|
|
|
-.text-bottom {
|
|
|
- vertical-align: bottom !important;
|
|
|
+.margin-left-5 {
|
|
|
+ margin-left: 5px !important;
|
|
|
}
|
|
|
-.think-bg-white {
|
|
|
- background: white !important;
|
|
|
+.margin-left-10 {
|
|
|
+ margin-left: 10px !important;
|
|
|
}
|
|
|
-.think-bg-blue {
|
|
|
- background: linear-gradient(-125deg, #57bdbf, #2f9de2) !important;
|
|
|
+.margin-left-15 {
|
|
|
+ margin-left: 15px !important;
|
|
|
}
|
|
|
-.think-bg-orig {
|
|
|
- background: linear-gradient(-141deg, #ecca1b, #f39526) !important;
|
|
|
+.margin-left-20 {
|
|
|
+ margin-left: 20px !important;
|
|
|
}
|
|
|
-.think-bg-red {
|
|
|
- background: linear-gradient(-125deg, #ff7d7d, #fb2c95) !important;
|
|
|
+.margin-left-25 {
|
|
|
+ margin-left: 25px !important;
|
|
|
}
|
|
|
-.think-bg-violet {
|
|
|
- background: linear-gradient(-113deg, #c543d8, #925cc3) !important;
|
|
|
+.margin-left-30 {
|
|
|
+ margin-left: 30px !important;
|
|
|
}
|
|
|
-/* 分隔线条 */
|
|
|
-.hr-line-dashed {
|
|
|
- color: #fff;
|
|
|
- height: 1px;
|
|
|
- margin: 20px 0;
|
|
|
- background-color: #fff;
|
|
|
- border-top: 1px dashed #e7eaec;
|
|
|
+.margin-left-40 {
|
|
|
+ margin-left: 40px !important;
|
|
|
}
|
|
|
-.hr-line-solid {
|
|
|
- margin-top: 15px;
|
|
|
- margin-bottom: 15px;
|
|
|
- border-bottom: 1px solid #e7eaec;
|
|
|
- background-color: rgba(0, 0, 0, 0);
|
|
|
+.margin-right-0 {
|
|
|
+ margin-right: 0 !important;
|
|
|
}
|
|
|
-/* 文字大小 */
|
|
|
-.border-0 {
|
|
|
- border: 0 !important;
|
|
|
+.margin-right-5 {
|
|
|
+ margin-right: 5px !important;
|
|
|
}
|
|
|
-.border-radius-0 {
|
|
|
- border-radius: 0 !important;
|
|
|
+.margin-right-10 {
|
|
|
+ margin-right: 10px !important;
|
|
|
}
|
|
|
-.border-radius-left-0 {
|
|
|
- border-top-left-radius: 0 !important;
|
|
|
- border-bottom-left-radius: 0 !important;
|
|
|
+.margin-right-15 {
|
|
|
+ margin-right: 15px !important;
|
|
|
}
|
|
|
-.border-radius-right-0 {
|
|
|
- border-top-right-radius: 0 !important;
|
|
|
- border-bottom-right-radius: 0 !important;
|
|
|
+.margin-right-20 {
|
|
|
+ margin-right: 20px !important;
|
|
|
}
|
|
|
-.font-s10 {
|
|
|
- font-size: 10px !important;
|
|
|
+.margin-right-25 {
|
|
|
+ margin-right: 25px !important;
|
|
|
}
|
|
|
-.font-s11 {
|
|
|
- font-size: 11px !important;
|
|
|
+.margin-right-30 {
|
|
|
+ margin-right: 30px !important;
|
|
|
}
|
|
|
-.font-s12 {
|
|
|
- font-size: 12px !important;
|
|
|
+.margin-right-40 {
|
|
|
+ margin-right: 40px !important;
|
|
|
}
|
|
|
-.font-s13 {
|
|
|
- font-size: 13px !important;
|
|
|
+.margin-bottom-0 {
|
|
|
+ margin-bottom: 0 !important;
|
|
|
}
|
|
|
-.font-s14 {
|
|
|
- font-size: 14px !important;
|
|
|
+.margin-bottom-5 {
|
|
|
+ margin-bottom: 5px !important;
|
|
|
}
|
|
|
-.font-s15 {
|
|
|
- font-size: 15px !important;
|
|
|
+.margin-bottom-10 {
|
|
|
+ margin-bottom: 10px !important;
|
|
|
}
|
|
|
-.font-s16 {
|
|
|
- font-size: 16px !important;
|
|
|
+.margin-bottom-15 {
|
|
|
+ margin-bottom: 15px !important;
|
|
|
}
|
|
|
-.font-s18 {
|
|
|
- font-size: 18px !important;
|
|
|
+.margin-bottom-20 {
|
|
|
+ margin-bottom: 20px !important;
|
|
|
}
|
|
|
-.font-s20 {
|
|
|
- font-size: 20px !important;
|
|
|
+.margin-bottom-25 {
|
|
|
+ margin-bottom: 25px !important;
|
|
|
}
|
|
|
-.font-s30 {
|
|
|
- font-size: 30px !important;
|
|
|
+.margin-bottom-30 {
|
|
|
+ margin-bottom: 30px !important;
|
|
|
}
|
|
|
-.font-s40 {
|
|
|
- font-size: 40px !important;
|
|
|
+.margin-bottom-40 {
|
|
|
+ margin-bottom: 40px !important;
|
|
|
}
|
|
|
-.padding-0 {
|
|
|
- padding: 0 !important;
|
|
|
+/* 浏览器DEBUG */
|
|
|
+.version-debug {
|
|
|
+ width: 100%;
|
|
|
+ color: #fff;
|
|
|
+ height: 100px;
|
|
|
+ font-size: 20px;
|
|
|
+ text-align: center;
|
|
|
+ line-height: 100px;
|
|
|
+ margin-bottom: 40px;
|
|
|
+ background-color: #E90D24;
|
|
|
}
|
|
|
-.padding-5 {
|
|
|
- padding: 5px !important;
|
|
|
+/** 加载进度 */
|
|
|
+.pace-inactive {
|
|
|
+ display: none;
|
|
|
}
|
|
|
-.padding-10 {
|
|
|
- padding: 10px !important;
|
|
|
+.pace-progress {
|
|
|
+ top: 0;
|
|
|
+ right: 100%;
|
|
|
+ width: 100%;
|
|
|
+ height: 2px;
|
|
|
+ z-index: 2000;
|
|
|
+ position: fixed;
|
|
|
+ background: #22df80;
|
|
|
}
|
|
|
-.padding-15 {
|
|
|
- padding: 15px !important;
|
|
|
+/* 图片上传 */
|
|
|
+.moxie-shim {
|
|
|
+ display: none !important;
|
|
|
}
|
|
|
-.padding-20 {
|
|
|
- padding: 20px !important;
|
|
|
+.uploadimage {
|
|
|
+ width: 5pc;
|
|
|
+ height: 5pc;
|
|
|
+ cursor: pointer;
|
|
|
+ display: inline-block;
|
|
|
+ background: url('../img/image.png') no-repeat center center;
|
|
|
+ background-size: cover;
|
|
|
}
|
|
|
-.padding-25 {
|
|
|
- padding: 25px !important;
|
|
|
+.uploadimagemtl {
|
|
|
+ margin-right: 8px;
|
|
|
}
|
|
|
-.padding-30 {
|
|
|
- padding: 30px !important;
|
|
|
+.uploadimagemtl a {
|
|
|
+ color: #fff;
|
|
|
+ width: 20px;
|
|
|
+ height: 20px;
|
|
|
+ float: right;
|
|
|
+ display: none;
|
|
|
+ text-align: center;
|
|
|
+ line-height: 22px;
|
|
|
+ background: rgba(0, 0, 0, 0.5);
|
|
|
}
|
|
|
-.padding-40 {
|
|
|
- padding: 40px !important;
|
|
|
+.uploadimagemtl:hover a {
|
|
|
+ cursor: pointer;
|
|
|
+ display: inline-block;
|
|
|
}
|
|
|
-.padding-top-0 {
|
|
|
- padding-top: 0 !important;
|
|
|
+.uploadimagemtl:hover a:hover {
|
|
|
+ color: #fff;
|
|
|
+ text-decoration: none;
|
|
|
}
|
|
|
-.padding-top-5 {
|
|
|
- padding-top: 5px !important;
|
|
|
+/* 通用分页 */
|
|
|
+.pagination-container {
|
|
|
+ line-height: 40px;
|
|
|
}
|
|
|
-.padding-top-10 {
|
|
|
- padding-top: 10px !important;
|
|
|
+.pagination-container > span {
|
|
|
+ color: #666;
|
|
|
+ font-size: 9pt;
|
|
|
}
|
|
|
-.padding-top-15 {
|
|
|
- padding-top: 15px !important;
|
|
|
+.pagination-container > ul {
|
|
|
+ float: right;
|
|
|
+ display: inline-block;
|
|
|
+ margin: 0;
|
|
|
+ padding: 0;
|
|
|
}
|
|
|
-.padding-top-20 {
|
|
|
- padding-top: 20px !important;
|
|
|
+.pagination-container > ul > li {
|
|
|
+ z-index: 1;
|
|
|
+ display: inline-block;
|
|
|
}
|
|
|
-.padding-top-30 {
|
|
|
- padding-top: 30px !important;
|
|
|
+.pagination-container > ul > li.active {
|
|
|
+ z-index: 2;
|
|
|
}
|
|
|
-.padding-top-40 {
|
|
|
- padding-top: 40px !important;
|
|
|
+.pagination-container > ul > li.active > span {
|
|
|
+ color: #fff;
|
|
|
+ border-color: #098;
|
|
|
+ padding-right: 1px;
|
|
|
+ background: #009688 !important;
|
|
|
}
|
|
|
-.padding-left-0 {
|
|
|
- padding-left: 0 !important;
|
|
|
+.pagination-container > ul > li > a,
|
|
|
+.pagination-container > ul > li > span {
|
|
|
+ color: #333;
|
|
|
+ width: 33px;
|
|
|
+ height: 30px;
|
|
|
+ border: 1px solid #dcdcdc;
|
|
|
+ display: inline-block;
|
|
|
+ margin-left: -1px;
|
|
|
+ text-align: center;
|
|
|
+ line-height: 28px;
|
|
|
}
|
|
|
-.padding-left-5 {
|
|
|
- padding-left: 5px !important;
|
|
|
+.pagination-container > ul > li > span {
|
|
|
+ background: #dcdcdc;
|
|
|
+ cursor: default;
|
|
|
}
|
|
|
-.padding-left-10 {
|
|
|
- padding-left: 10px !important;
|
|
|
+.pagination-container > ul > li > a:hover {
|
|
|
+ background: #dcdcdc;
|
|
|
+ border-color: #dcdcdc;
|
|
|
}
|
|
|
-.padding-left-15 {
|
|
|
- padding-left: 15px !important;
|
|
|
+[data-tips-image] {
|
|
|
+ cursor: zoom-in !important;
|
|
|
}
|
|
|
-.padding-left-20 {
|
|
|
- padding-left: 20px !important;
|
|
|
+/* 弹框层表单 */
|
|
|
+fieldset {
|
|
|
+ margin: 0;
|
|
|
+ border: 1px solid #e6e6e6;
|
|
|
+ padding: 10px 20px 5px 20px;
|
|
|
}
|
|
|
-.padding-left-30 {
|
|
|
- padding-left: 30px !important;
|
|
|
+fieldset legend {
|
|
|
+ color: #666;
|
|
|
+ padding: 0 10px;
|
|
|
+ font-size: 14px;
|
|
|
}
|
|
|
-.padding-left-40 {
|
|
|
- padding-left: 40px !important;
|
|
|
+.form-search .layui-btn {
|
|
|
+ height: 32px;
|
|
|
+ line-height: 28px;
|
|
|
+ font-size: 12px;
|
|
|
+ padding: 0 10px;
|
|
|
}
|
|
|
-.padding-right-0 {
|
|
|
- padding-right: 0 !important;
|
|
|
+.form-search .layui-form-label {
|
|
|
+ width: auto !important;
|
|
|
+ padding: 0 8px;
|
|
|
+ height: 32px;
|
|
|
+ line-height: 30px;
|
|
|
}
|
|
|
-.padding-right-5 {
|
|
|
- padding-right: 5px !important;
|
|
|
+.form-search .layui-input-inline {
|
|
|
+ width: 170px;
|
|
|
}
|
|
|
-.padding-right-10 {
|
|
|
- padding-right: 10px !important;
|
|
|
+.form-search .layui-input-inline input,
|
|
|
+.form-search .layui-input-inline select {
|
|
|
+ width: 100%;
|
|
|
+ height: 32px;
|
|
|
+ padding: 2px 8px;
|
|
|
+ line-height: 1em;
|
|
|
}
|
|
|
-.padding-right-15 {
|
|
|
- padding-right: 15px !important;
|
|
|
+.form-search .layui-form-select dl {
|
|
|
+ top: 31px;
|
|
|
+ padding: 0;
|
|
|
}
|
|
|
-.padding-right-20 {
|
|
|
- padding-right: 20px !important;
|
|
|
+.layui-form input.layui-input,
|
|
|
+.layui-form select.layui-select {
|
|
|
+ line-height: 1em;
|
|
|
}
|
|
|
-.padding-right-30 {
|
|
|
- padding-right: 30px !important;
|
|
|
+/* 表单验证异常提示 */
|
|
|
+.label-required-prev:before {
|
|
|
+ width: 1em;
|
|
|
+ color: red;
|
|
|
+ content: '*';
|
|
|
+ display: inline-block;
|
|
|
+ position: absolute;
|
|
|
+ text-align: left;
|
|
|
+ font-weight: 700;
|
|
|
+ line-height: 1.6em;
|
|
|
+ margin-left: -0.8em;
|
|
|
}
|
|
|
-.padding-right-40 {
|
|
|
- padding-right: 40px !important;
|
|
|
+.label-required:after,
|
|
|
+.label-required-next:after {
|
|
|
+ top: 6px;
|
|
|
+ right: 5px;
|
|
|
+ color: red;
|
|
|
+ content: '*';
|
|
|
+ position: absolute;
|
|
|
+ margin-left: 4px;
|
|
|
+ font-weight: 700;
|
|
|
+ line-height: 1.8em;
|
|
|
}
|
|
|
-.padding-bottom-0 {
|
|
|
- padding-bottom: 0 !important;
|
|
|
+.label-required-null:before {
|
|
|
+ content: none !important;
|
|
|
}
|
|
|
-.padding-bottom-5 {
|
|
|
- padding-bottom: 5px !important;
|
|
|
+/** 自定义表单样式 */
|
|
|
+.think-form-label {
|
|
|
+ padding: 9px 15px;
|
|
|
+ font-weight: 400;
|
|
|
+ line-height: 20px;
|
|
|
+ text-align: right;
|
|
|
}
|
|
|
-.padding-bottom-10 {
|
|
|
- padding-bottom: 10px !important;
|
|
|
+.think-form-group-right {
|
|
|
+ border-left: none;
|
|
|
+ border-top-left-radius: 0;
|
|
|
+ border-bottom-left-radius: 0;
|
|
|
}
|
|
|
-.padding-bottom-15 {
|
|
|
- padding-bottom: 15px !important;
|
|
|
+.think-form-group-left input {
|
|
|
+ border-right: none;
|
|
|
+ border-top-right-radius: 0;
|
|
|
+ border-bottom-right-radius: 0;
|
|
|
}
|
|
|
-.padding-bottom-20 {
|
|
|
- padding-bottom: 20px !important;
|
|
|
+.think-box-shadow {
|
|
|
+ background: #fff;
|
|
|
+ padding: 20px 20px !important;
|
|
|
+ box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.1);
|
|
|
}
|
|
|
-.padding-bottom-30 {
|
|
|
- padding-bottom: 30px !important;
|
|
|
+/** checkbox & radio */
|
|
|
+label.think-checkbox,
|
|
|
+label.think-radio {
|
|
|
+ margin-right: 10px;
|
|
|
+ display: inline-block;
|
|
|
}
|
|
|
-.padding-bottom-40 {
|
|
|
- padding-bottom: 40px !important;
|
|
|
+.think-checkbox,
|
|
|
+.think-radio {
|
|
|
+ cursor: pointer;
|
|
|
+ margin-top: 10px;
|
|
|
+ font-weight: 400;
|
|
|
+ line-height: 17px;
|
|
|
}
|
|
|
-.margin-0 {
|
|
|
- margin: 0 !important;
|
|
|
+.think-checkbox input[type=checkbox] {
|
|
|
+ width: 18px;
|
|
|
+ height: 18px;
|
|
|
+ border: 1px solid #dcdcdc;
|
|
|
+ cursor: pointer;
|
|
|
+ margin: 0 5px 0 0;
|
|
|
+ position: relative;
|
|
|
+ display: inline-block !important;
|
|
|
+ background: #fff;
|
|
|
+ appearance: none;
|
|
|
+ box-sizing: border-box !important;
|
|
|
+ border-radius: 1px;
|
|
|
+ vertical-align: bottom;
|
|
|
+ -webkit-appearance: none;
|
|
|
}
|
|
|
-.margin-5 {
|
|
|
- margin: 5px !important;
|
|
|
+.think-checkbox input[type=checkbox]:checked:after {
|
|
|
+ color: #666;
|
|
|
+ padding: 2px;
|
|
|
+ display: block;
|
|
|
+ content: "\e605";
|
|
|
+ font-size: 12px;
|
|
|
+ font-style: normal;
|
|
|
+ font-weight: 700;
|
|
|
+ position: absolute;
|
|
|
+ font-family: layui-icon !important;
|
|
|
+ -webkit-font-smoothing: antialiased;
|
|
|
+ -moz-osx-font-smoothing: grayscale;
|
|
|
}
|
|
|
-.margin-10 {
|
|
|
- margin: 10px !important;
|
|
|
+.think-radio input[type=radio] {
|
|
|
+ width: 18px;
|
|
|
+ height: 18px;
|
|
|
+ cursor: pointer;
|
|
|
+ margin: 0 5px 0 0;
|
|
|
+ position: relative;
|
|
|
+ border: 1px solid #dcdcdc;
|
|
|
+ display: inline-block !important;
|
|
|
+ box-sizing: border-box !important;
|
|
|
+ appearance: none;
|
|
|
+ background: #fff;
|
|
|
+ border-radius: 1em;
|
|
|
+ vertical-align: bottom;
|
|
|
+ -webkit-appearance: none;
|
|
|
}
|
|
|
-.margin-15 {
|
|
|
- margin: 15px !important;
|
|
|
+.think-radio input[type=radio]:checked:after {
|
|
|
+ top: 4px;
|
|
|
+ left: 4px;
|
|
|
+ width: 8px;
|
|
|
+ height: 8px;
|
|
|
+ content: '';
|
|
|
+ display: block;
|
|
|
+ position: relative;
|
|
|
+ background: #666;
|
|
|
+ border-radius: 1em;
|
|
|
}
|
|
|
-.margin-20 {
|
|
|
- margin: 20px !important;
|
|
|
+.layui-form.layui-card {
|
|
|
+ box-shadow: none;
|
|
|
}
|
|
|
-.margin-25 {
|
|
|
- margin: 25px !important;
|
|
|
+.layui-layer-content .layui-form.layui-card .layui-card-body {
|
|
|
+ padding: 20px 40px 0 0;
|
|
|
+}
|
|
|
+.layui-layer-dialog .layui-layer-content .layui-layer-ico {
|
|
|
+ top: 50% !important;
|
|
|
+ margin-top: -15px !important;
|
|
|
+}
|
|
|
+.laydate-footer-btns span {
|
|
|
+ line-height: 24px !important;
|
|
|
+}
|
|
|
+/** Layui样式调整 */
|
|
|
+.layui-input,
|
|
|
+.layui-select {
|
|
|
+ line-height: 38px;
|
|
|
+}
|
|
|
+.layui-btn-primary.layui-btn-xs {
|
|
|
+ line-height: 20px;
|
|
|
+}
|
|
|
+.layui-btn-primary.layui-btn-sm {
|
|
|
+ line-height: 28px;
|
|
|
+}
|
|
|
+/* 下拉样式 */
|
|
|
+.layui-nav .layui-nav-item .layui-nav-more {
|
|
|
+ top: 0;
|
|
|
+ border: none;
|
|
|
+ right: 15px;
|
|
|
+ width: auto;
|
|
|
+ height: auto;
|
|
|
+ margin-top: 0;
|
|
|
+ font-size: 14px;
|
|
|
+ font-style: normal;
|
|
|
+ font-family: layui-icon !important;
|
|
|
+ -moz-osx-font-smoothing: grayscale;
|
|
|
+ -webkit-font-smoothing: antialiased;
|
|
|
+}
|
|
|
+.layui-nav .layui-nav-item .layui-nav-more::before {
|
|
|
+ content: "\e619";
|
|
|
+}
|
|
|
+.layui-nav .layui-nav-item .layui-nav-mored,
|
|
|
+.layui-nav .layui-nav-itemed .layui-nav-more {
|
|
|
+ border: none;
|
|
|
+ margin-top: 0;
|
|
|
+ transform: rotate(180deg);
|
|
|
+ -o-transform: rotate(180deg);
|
|
|
+ -ms-transform: rotate(180deg);
|
|
|
+ -moz-transform: rotate(180deg);
|
|
|
+ -webkit-transform: rotate(180deg);
|
|
|
+}
|
|
|
+.layui-table td,
|
|
|
+.layui-table th {
|
|
|
+ font-size: 12px;
|
|
|
+}
|
|
|
+.layui-table .list-table-image {
|
|
|
+ width: 22px;
|
|
|
+ cursor: pointer;
|
|
|
+}
|
|
|
+.layui-table .list-table-sort-td {
|
|
|
+ width: 10px !important;
|
|
|
+ text-align: center !important;
|
|
|
+ padding-left: 5px !important;
|
|
|
+ padding-right: 5px !important;
|
|
|
+}
|
|
|
+.layui-table .list-table-sort-td button {
|
|
|
+ width: 56px;
|
|
|
+ background: #009688;
|
|
|
+}
|
|
|
+.layui-table .list-table-sort-td input {
|
|
|
+ width: 50px;
|
|
|
+ color: #666;
|
|
|
+ padding: 2px;
|
|
|
+ border: 1px solid #e6e6e6;
|
|
|
+ text-align: center;
|
|
|
+ font-size: 9pt;
|
|
|
+ line-height: 18px;
|
|
|
}
|
|
|
-.margin-30 {
|
|
|
- margin: 30px !important;
|
|
|
+.layui-table .list-table-check-td {
|
|
|
+ width: 10px !important;
|
|
|
+ text-align: center;
|
|
|
+ padding-left: 15px !important;
|
|
|
+ padding-right: 15px !important;
|
|
|
}
|
|
|
-.margin-40 {
|
|
|
- margin: 40px !important;
|
|
|
+.layui-table .list-table-check-td input {
|
|
|
+ margin: 0 !important;
|
|
|
+ vertical-align: middle;
|
|
|
}
|
|
|
-.margin-top-0 {
|
|
|
- margin-top: 0 !important;
|
|
|
+.layui-table td .text-explode {
|
|
|
+ color: #ccc !important;
|
|
|
+ margin: 0 4px !important;
|
|
|
}
|
|
|
-.margin-top-5 {
|
|
|
- margin-top: 5px !important;
|
|
|
+.layui-table td .text-explode:first-child {
|
|
|
+ display: none;
|
|
|
+ opacity: 0;
|
|
|
}
|
|
|
-.margin-top-10 {
|
|
|
- margin-top: 10px !important;
|
|
|
+.layui-table td .background-image {
|
|
|
+ float: left;
|
|
|
+ width: 40px;
|
|
|
+ height: 40px;
|
|
|
+ display: inline-block;
|
|
|
+ margin-right: 5px;
|
|
|
+ background: no-repeat center center;
|
|
|
+ background-size: cover;
|
|
|
+ vertical-align: middle;
|
|
|
}
|
|
|
-.margin-top-15 {
|
|
|
- margin-top: 15px !important;
|
|
|
+/* 页面布局 - 全局 */
|
|
|
+.layui-layout > .layui-side {
|
|
|
+ top: 50px;
|
|
|
+ bottom: 0;
|
|
|
+ overflow: auto;
|
|
|
}
|
|
|
-.margin-top-20 {
|
|
|
- margin-top: 20px !important;
|
|
|
+.layui-layout > .layui-body {
|
|
|
+ top: 50px;
|
|
|
+ bottom: 0;
|
|
|
+ overflow: auto;
|
|
|
}
|
|
|
-.margin-top-25 {
|
|
|
- margin-top: 25px !important;
|
|
|
+.layui-layout > .layui-body > .layui-card {
|
|
|
+ box-shadow: none;
|
|
|
}
|
|
|
-.margin-top-30 {
|
|
|
- margin-top: 30px !important;
|
|
|
+.layui-layout > .layui-body > .layui-card > .layui-card-body {
|
|
|
+ padding: 15px 15px;
|
|
|
}
|
|
|
-.margin-top-40 {
|
|
|
- margin-top: 40px !important;
|
|
|
+.layui-layout > .layui-body > .layui-card > .layui-card-header {
|
|
|
+ height: 50px;
|
|
|
+ border: none;
|
|
|
+ line-height: 50px;
|
|
|
+ box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.1);
|
|
|
+ background: #fff;
|
|
|
}
|
|
|
-.margin-left-0 {
|
|
|
- margin-left: 0 !important;
|
|
|
+/* 页面布局 - 头部 */
|
|
|
+.layui-header {
|
|
|
+ height: 50px;
|
|
|
+ background: #393D49 !important;
|
|
|
}
|
|
|
-.margin-left-5 {
|
|
|
- margin-left: 5px !important;
|
|
|
+.layui-header [data-target-menu-type] {
|
|
|
+ border-left: 1px solid rgba(0, 0, 0, 0);
|
|
|
+ border-right: 1px solid rgba(0, 0, 0, 0.15);
|
|
|
}
|
|
|
-.margin-left-10 {
|
|
|
- margin-left: 10px !important;
|
|
|
+.layui-header .layui-layout-left,
|
|
|
+.layui-header .layui-layout-right {
|
|
|
+ padding: 0;
|
|
|
}
|
|
|
-.margin-left-15 {
|
|
|
- margin-left: 15px !important;
|
|
|
+.layui-header .layui-logo {
|
|
|
+ color: #fff;
|
|
|
+ width: 199px;
|
|
|
+ height: auto;
|
|
|
+ font-size: 18px;
|
|
|
+ line-height: 49px;
|
|
|
+ border-right: 1px solid rgba(0, 0, 0, 0.15);
|
|
|
+ border-bottom: 1px solid rgba(0, 0, 0, 0.15);
|
|
|
}
|
|
|
-.margin-left-20 {
|
|
|
- margin-left: 20px !important;
|
|
|
+.layui-header .layui-logo sup {
|
|
|
+ font-size: 9px;
|
|
|
+ line-height: 9px;
|
|
|
}
|
|
|
-.margin-left-25 {
|
|
|
- margin-left: 25px !important;
|
|
|
+.layui-header .layui-nav-item {
|
|
|
+ height: 50px;
|
|
|
+ line-height: 50px;
|
|
|
}
|
|
|
-.margin-left-30 {
|
|
|
- margin-left: 30px !important;
|
|
|
+.layui-header .layui-nav-item.layui-this {
|
|
|
+ background: #009688;
|
|
|
}
|
|
|
-.margin-left-40 {
|
|
|
- margin-left: 40px !important;
|
|
|
+.layui-header .layui-nav-item > a {
|
|
|
+ color: #fff !important;
|
|
|
}
|
|
|
-.margin-right-0 {
|
|
|
- margin-right: 0 !important;
|
|
|
+.layui-header .layui-nav-item .layui-nav-child {
|
|
|
+ top: 49px;
|
|
|
+ padding: 0;
|
|
|
+ border: none;
|
|
|
+ line-height: 45px;
|
|
|
}
|
|
|
-.margin-right-5 {
|
|
|
- margin-right: 5px !important;
|
|
|
+.layui-header .layui-nav-item .layui-nav-child + a {
|
|
|
+ padding-right: 35px;
|
|
|
}
|
|
|
-.margin-right-10 {
|
|
|
- margin-right: 10px !important;
|
|
|
+.layui-header .layui-nav-item .layui-nav-child.layui-show + a {
|
|
|
+ background: #fff;
|
|
|
}
|
|
|
-.margin-right-15 {
|
|
|
- margin-right: 15px !important;
|
|
|
+.layui-header .layui-nav-item .layui-nav-child.layui-show + a span {
|
|
|
+ color: #333;
|
|
|
}
|
|
|
-.margin-right-20 {
|
|
|
- margin-right: 20px !important;
|
|
|
+.layui-header .layui-nav-item .layui-nav-child dd a {
|
|
|
+ padding: 0;
|
|
|
+ color: #333;
|
|
|
+ text-align: center;
|
|
|
+ border-top: 1px solid #eaedf1;
|
|
|
}
|
|
|
-.margin-right-25 {
|
|
|
- margin-right: 25px !important;
|
|
|
+.layui-header .layui-nav-bar,
|
|
|
+.layui-header .layui-nav-item:after {
|
|
|
+ display: none !important;
|
|
|
}
|
|
|
-.margin-right-30 {
|
|
|
- margin-right: 30px !important;
|
|
|
+.layui-header .layui-layout-right > li > a {
|
|
|
+ border-left: 1px solid rgba(0, 0, 0, 0.15);
|
|
|
+ border-right: 1px solid rgba(0, 0, 0, 0);
|
|
|
}
|
|
|
-.margin-right-40 {
|
|
|
- margin-right: 40px !important;
|
|
|
+/* 页面布局 - 左则 */
|
|
|
+.layui-layout > .layui-side .layui-nav-bar {
|
|
|
+ display: none !important;
|
|
|
}
|
|
|
-.margin-bottom-0 {
|
|
|
- margin-bottom: 0 !important;
|
|
|
+.layui-layout > .layui-side .layui-side-scroll {
|
|
|
+ width: 100% !important;
|
|
|
}
|
|
|
-.margin-bottom-5 {
|
|
|
- margin-bottom: 5px !important;
|
|
|
+.layui-layout > .layui-side .layui-nav-item {
|
|
|
+ border-bottom: 1px solid rgba(0, 0, 0, 0.2);
|
|
|
}
|
|
|
-.margin-bottom-10 {
|
|
|
- margin-bottom: 10px !important;
|
|
|
+.layui-layout > .layui-side .layui-nav-item a {
|
|
|
+ height: 45px;
|
|
|
+ display: block;
|
|
|
+ line-height: 45px;
|
|
|
+ color: #fff !important;
|
|
|
}
|
|
|
-.margin-bottom-15 {
|
|
|
- margin-bottom: 15px !important;
|
|
|
+.layui-layout > .layui-side .layui-nav-item a:hover {
|
|
|
+ background: hsla(0, 0%, 39%, 0.2) !important;
|
|
|
}
|
|
|
-.margin-bottom-20 {
|
|
|
- margin-bottom: 20px !important;
|
|
|
+.layui-layout > .layui-side .layui-nav-itemed {
|
|
|
+ border-bottom: none !important;
|
|
|
}
|
|
|
-.margin-bottom-25 {
|
|
|
- margin-bottom: 25px !important;
|
|
|
+.layui-layout > .layui-side .layui-nav-tree-top a {
|
|
|
+ height: 28px !important;
|
|
|
+ line-height: 28px !important;
|
|
|
}
|
|
|
-.margin-bottom-30 {
|
|
|
- margin-bottom: 30px !important;
|
|
|
+.layui-layout.layui-layout-left-mini > .layui-body {
|
|
|
+ left: 50px;
|
|
|
}
|
|
|
-.margin-bottom-40 {
|
|
|
- margin-bottom: 40px !important;
|
|
|
+.layui-layout.layui-layout-left-mini > .layui-side .layui-nav-more {
|
|
|
+ display: none !important;
|
|
|
}
|
|
|
-/* 浏览器DEBUG */
|
|
|
-.version-debug {
|
|
|
- width: 100%;
|
|
|
- color: #fff;
|
|
|
- height: 100px;
|
|
|
- font-size: 20px;
|
|
|
- text-align: center;
|
|
|
- line-height: 100px;
|
|
|
- margin-bottom: 40px;
|
|
|
- background-color: #E90D24;
|
|
|
+.layui-layout.layui-layout-left-mini > .layui-side .layui-nav-item a {
|
|
|
+ padding: 0;
|
|
|
}
|
|
|
-/** 加载进度 */
|
|
|
-.pace-inactive {
|
|
|
+.layui-layout.layui-layout-left-mini > .layui-side .layui-nav-item .nav-text {
|
|
|
display: none;
|
|
|
}
|
|
|
-.pace-progress {
|
|
|
- top: 0;
|
|
|
- right: 100%;
|
|
|
- width: 100%;
|
|
|
- height: 2px;
|
|
|
- z-index: 2000;
|
|
|
- position: fixed;
|
|
|
- background: #22df80;
|
|
|
+.layui-layout.layui-layout-left-mini > .layui-side .layui-nav-item .nav-icon {
|
|
|
+ display: inline-block !important;
|
|
|
+ padding: 0 !important;
|
|
|
}
|
|
|
-/* 图片上传 */
|
|
|
-.moxie-shim {
|
|
|
- display: none !important;
|
|
|
+.layui-layout.layui-layout-left-mini > .layui-side .layui-nav-item .layui-nav-child {
|
|
|
+ padding: 0;
|
|
|
+ display: block !important;
|
|
|
+ background-color: rgba(0, 0, 0, 0.3) !important;
|
|
|
}
|
|
|
-.uploadimage {
|
|
|
- width: 5pc;
|
|
|
- height: 5pc;
|
|
|
- cursor: pointer;
|
|
|
+.layui-layout.layui-layout-left-mini > .layui-side,
|
|
|
+.layui-layout.layui-layout-left-mini > .layui-side .layui-nav-tree,
|
|
|
+.layui-layout.layui-layout-left-mini > .layui-side .layui-side-scroll {
|
|
|
+ width: 50px;
|
|
|
+ text-align: center;
|
|
|
+}
|
|
|
+.layui-layout.layui-layout-left-mini [data-target-menu-type] i {
|
|
|
display: inline-block;
|
|
|
- background: url('../img/image.png') no-repeat center center;
|
|
|
- background-size: cover;
|
|
|
+ -webkit-transform: rotate(180deg);
|
|
|
+ transform: rotate(180deg);
|
|
|
+ -ms-transform: rotate(180deg);
|
|
|
}
|
|
|
-.uploadimagemtl {
|
|
|
- margin-right: 8px;
|
|
|
+.layui-layout.layui-layout-left-hide > .layui-body {
|
|
|
+ left: 0 !important;
|
|
|
}
|
|
|
-.uploadimagemtl a {
|
|
|
- color: #fff;
|
|
|
- width: 20px;
|
|
|
- height: 20px;
|
|
|
- float: right;
|
|
|
+.layui-layout.layui-layout-left-hide > .layui-side {
|
|
|
display: none;
|
|
|
- text-align: center;
|
|
|
- line-height: 22px;
|
|
|
- background: rgba(0, 0, 0, 0.5);
|
|
|
-}
|
|
|
-.uploadimagemtl:hover a {
|
|
|
- cursor: pointer;
|
|
|
- display: inline-block;
|
|
|
}
|
|
|
-.uploadimagemtl:hover a:hover {
|
|
|
- color: #fff;
|
|
|
- text-decoration: none;
|
|
|
+.layui-layout.layui-layout-left-hide [data-target-menu-type] {
|
|
|
+ display: none;
|
|
|
}
|
|
|
/* 通用分页 */
|
|
|
.pagination-container {
|
Anyon