You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
579 lines
11 KiB
579 lines
11 KiB
@charset "utf-8";
|
|
|
|
.layui-layout-admin .my-header {
|
|
position: fixed;
|
|
top: 0;
|
|
left: 0;
|
|
width: 100%;
|
|
height: 60px;
|
|
background: #393D49;
|
|
z-index: 2;
|
|
}
|
|
|
|
.layui-layout-admin .my-header .my-header-logo {
|
|
display: inline-block;
|
|
width: auto;
|
|
height: 30px;
|
|
color: white;
|
|
font-size: 18px;
|
|
line-height: 30px;
|
|
padding: 15px;
|
|
vertical-align: top;
|
|
}
|
|
|
|
.layui-layout-admin .my-header img.my-header-logo {
|
|
width: 150px;
|
|
height: 40px;
|
|
text-align: center;
|
|
line-height: 40px;
|
|
padding: 10px;
|
|
border: none;
|
|
}
|
|
|
|
/* index */
|
|
.my-header-btn {
|
|
display: inline-block;
|
|
width: auto;
|
|
height: 100%;
|
|
line-height: 60px;
|
|
}
|
|
|
|
.my-header-btn .layui-btn .layui-icon {
|
|
margin-right: 0;
|
|
}
|
|
|
|
.my-header-user-nav {
|
|
float: right;
|
|
}
|
|
|
|
.my-header-user-nav img {
|
|
width: 40px;
|
|
height: 40px;
|
|
text-align: center;
|
|
line-height: 40px;
|
|
border: none;
|
|
border-radius: 5px;
|
|
}
|
|
|
|
.my-header-user-nav .layui-nav-item a.name {
|
|
padding-left: 5px !important;
|
|
}
|
|
|
|
.my-header ul.layui-nav {
|
|
display: inline-block;
|
|
vertical-align: top;
|
|
border-radius: 0;
|
|
}
|
|
|
|
.my-header ul.layui-nav li a {
|
|
max-height: 60px;
|
|
}
|
|
|
|
.my-side {
|
|
position: fixed;
|
|
top: 60px;
|
|
bottom: 0;
|
|
width: 200px;
|
|
z-index: 2;
|
|
overflow-x: hidden;
|
|
}
|
|
|
|
.my-side .layui-nav {
|
|
border-radius: 0;
|
|
min-height: 100%;
|
|
}
|
|
|
|
.my-side ul.layui-nav li a i, .layui-nav .layui-nav-child a i, .layui-nav .layui-nav-item a i, .layui-tab-card > .layui-tab-title li span i {
|
|
margin-right: 5px;
|
|
}
|
|
|
|
.my-side ul.layui-nav li dl dd a i {
|
|
margin-left: 15px;
|
|
}
|
|
|
|
.my-body {
|
|
position: fixed;
|
|
top: 60px;
|
|
bottom: 0;
|
|
left: 200px;
|
|
right: 0;
|
|
z-index: 1;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.body {
|
|
padding: 10px;
|
|
}
|
|
|
|
.frame-main {
|
|
margin-top: -210px;
|
|
top: 50%;
|
|
position: relative;
|
|
height: 433px;
|
|
background-color: #edededbf;
|
|
backdrop-filter: blur(20px);
|
|
}
|
|
|
|
.my-body .layui-tab, .my-body .layui-tab .layui-tab-content {
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
|
|
.my-body .layui-tab .layui-tab-title li:first-child > i {
|
|
display: none;
|
|
}
|
|
|
|
.my-body .layui-tab, .my-body .layui-tab .layui-tab-content, .my-body .layui-tab .layui-tab-item {
|
|
height: 100%;
|
|
}
|
|
|
|
.my-body iframe {
|
|
width: 100%;
|
|
height: 100%;
|
|
border: none;
|
|
outline: none;
|
|
}
|
|
|
|
.layui-layout-admin .my-footer {
|
|
height: 40px;
|
|
padding: 2px 0;
|
|
}
|
|
|
|
.layui-layout-admin .my-footer p {
|
|
height: 20px;
|
|
line-height: 20px;
|
|
font-size: 12px;
|
|
text-align: center;
|
|
}
|
|
|
|
.my-btn-box {
|
|
height: 38px;
|
|
margin-bottom: 10px;
|
|
}
|
|
|
|
.my-pay-box > div p {
|
|
text-align: center;
|
|
margin-bottom: 10px;
|
|
}
|
|
|
|
/* welcome */
|
|
.my-index-main button.layui-icon {
|
|
width: 100%;
|
|
font-size: 20px;
|
|
}
|
|
|
|
.my-index-main .my-nav-btn {
|
|
background: #efefef;
|
|
cursor: pointer;
|
|
border-radius: 2px;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.my-index-main .my-nav-text:first-child {
|
|
height: 24px;
|
|
line-height: 25px;
|
|
font-size: 16px;
|
|
font-weight: bold;
|
|
}
|
|
|
|
.my-index-main .my-nav-text:last-child {
|
|
height: 20px;
|
|
line-height: 20px;
|
|
font-size: 12px;
|
|
}
|
|
|
|
/* login */
|
|
|
|
|
|
.login-box {
|
|
position: fixed;
|
|
top: 0;
|
|
bottom: 0;
|
|
left: 0;
|
|
right: 0;
|
|
margin: auto;
|
|
width: 320px;
|
|
height: 241px;
|
|
max-height: 300px;
|
|
}
|
|
|
|
.login-body .login-box h3 {
|
|
color: #444;
|
|
font-size: 22px;
|
|
font-weight: 100;
|
|
text-align: center;
|
|
}
|
|
|
|
.login-box .layui-input[type='number'] {
|
|
display: inline-block;
|
|
width: 50%;
|
|
vertical-align: top;
|
|
}
|
|
|
|
.login-box img {
|
|
display: inline-block;
|
|
width: 46%;
|
|
height: 38px;
|
|
border: none;
|
|
vertical-align: top;
|
|
cursor: pointer;
|
|
margin-left: 4%;
|
|
}
|
|
|
|
.login-box button.btn-reset {
|
|
width: 95px;
|
|
}
|
|
|
|
.login-box button.btn-submit {
|
|
width: 190px;
|
|
}
|
|
|
|
.login-main {
|
|
top: 0;
|
|
right: 0;
|
|
bottom: 0;
|
|
left: 0;
|
|
width: 350px;
|
|
margin: 0 auto;
|
|
}
|
|
|
|
.login-main header {
|
|
|
|
height: 35px;
|
|
line-height: 35px;
|
|
font-size: 30px;
|
|
font-weight: 100;
|
|
text-align: center;
|
|
padding-top: 58px;
|
|
}
|
|
|
|
.login-main header, .login-main form, .login-main form .layui-input-inline {
|
|
margin-bottom: 15px;
|
|
}
|
|
|
|
.login-main form .layui-input-inline, .login-main form .layui-input-inline input, .login-main form .layui-input-inline button {
|
|
width: 100%;
|
|
}
|
|
|
|
.login-main form .login-btn {
|
|
margin-bottom: 5px;
|
|
}
|
|
|
|
/* demo */
|
|
.site-demo-button div {
|
|
margin: 20px 30px 10px;
|
|
}
|
|
|
|
.site-demo-button .layui-btn {
|
|
margin: 0 7px 10px 0;
|
|
}
|
|
|
|
/* check */
|
|
input[type='checkbox'] {
|
|
vertical-align: middle;
|
|
}
|
|
|
|
.my-checkbox {
|
|
-webkit-appearance: none;
|
|
position: relative;
|
|
width: 20px;
|
|
height: 20px;
|
|
background-color: #FFFFFF;
|
|
border: solid 2px #28B779;
|
|
border-radius: 2px;
|
|
background-clip: padding-box;
|
|
display: inline-block;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.my-checkbox:checked {
|
|
background-color: #28B779;
|
|
border: solid 0 #28B779;
|
|
}
|
|
|
|
.my-checkbox:checked:before {
|
|
position: absolute;
|
|
display: inline-block;
|
|
right: 50%;
|
|
bottom: 50%;
|
|
-webkit-transform: translate(50%, 50%);
|
|
-ms-transform: translate(50%, 50%);
|
|
transform: translate(50%, 50%);
|
|
font-family: "Microsoft Yahei";
|
|
content: "√";
|
|
color: #FFFFFF;
|
|
font-size: 16px;
|
|
font-weight: 600;
|
|
}
|
|
|
|
/* dblclick css */
|
|
.dblclick-tab tr td {
|
|
height: 30px;
|
|
line-height: 30px;
|
|
padding: 0 6px;
|
|
border-radius: 2px;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.dblclick-tab tr td:hover {
|
|
color: black;
|
|
background: white;
|
|
}
|
|
|
|
.dblclick-tab tr td i {
|
|
position: relative;
|
|
top: 2px;
|
|
display: inline-block;
|
|
margin-right: 5px;
|
|
}
|
|
|
|
/* tips 404 */
|
|
.my-page-box {
|
|
font-family: "Segoe UI", "Lucida Grande", Helvetica, Arial, "Microsoft YaHei", FreeSans, Arimo, "Droid Sans", "wenquanyi micro hei", "Hiragino Sans GB", "Hiragino Sans GB W3", FontAwesome, sans-serif;
|
|
text-align: center;
|
|
padding: 20px;
|
|
background-color: white;
|
|
}
|
|
|
|
.my-page-box i {
|
|
font-size: 100px;
|
|
}
|
|
|
|
.my-page-box h2, .my-page-box h3, .my-page-box h4, .my-page-box h5 {
|
|
font-size: 80px;
|
|
}
|
|
|
|
.my-page-box p.msg {
|
|
color: #dce2ec;
|
|
font-size: 20px;
|
|
margin-top: 20px;
|
|
}
|
|
|
|
.my-page-box p.text {
|
|
color: #666;
|
|
font-size: 16px;
|
|
margin-top: 20px;
|
|
}
|
|
|
|
.my-page-box .my-btn-box {
|
|
margin-top: 20px;
|
|
margin-bottom: 20px;
|
|
}
|
|
|
|
/* tree table */
|
|
.my-tree-table-box .tree-table-tree-box {
|
|
width: 20%;
|
|
min-height: 200px;
|
|
display: inline-block;
|
|
vertical-align: top;
|
|
overflow-y: auto;
|
|
overflow-x: auto;
|
|
}
|
|
|
|
.my-tree-table-box .tree-table-table-box {
|
|
display: inline-block;
|
|
vertical-align: top;
|
|
width: 79%;
|
|
margin-left: 1%;
|
|
}
|
|
|
|
/* skin0 */
|
|
html .skin-0 .dblclick-tips-box .layui-layer-content {
|
|
background-color: #009688;
|
|
}
|
|
|
|
html .skin-0 .dblclick-tips-box i.layui-layer-TipsB {
|
|
border-right-color: #009688;
|
|
}
|
|
|
|
/* skin1 */
|
|
html .skin-1 .my-header .my-header-logo,
|
|
html .skin-1 .layui-nav .layui-nav-item a,
|
|
html .skin-1 .layui-nav .layui-nav-item a:hover {
|
|
color: #444;
|
|
}
|
|
|
|
html .skin-1 .my-header,
|
|
html .skin-1 .layui-nav,
|
|
html .skin-1 .layui-nav-child {
|
|
background: white;
|
|
}
|
|
|
|
html .skin-1 .layui-nav .layui-nav-item .layui-nav-child dd.layui-this a {
|
|
color: white;
|
|
}
|
|
|
|
html .skin-1 .layui-nav .layui-nav-item .layui-nav-child dd.layui-this,
|
|
html .skin-1 .layui-nav .layui-nav-item .layui-nav-child dd.layui-this > a,
|
|
html .skin-1 .layui-nav-tree .layui-nav-item > a:hover,
|
|
html .skin-1 .layui-nav .layui-nav-item .layui-nav-child dd:hover > a,
|
|
html .skin-1 .layui-tab-title li .layui-tab-close:hover,
|
|
html .skin-1 .dblclick-tips-box .layui-layer-content {
|
|
color: white !important;
|
|
background-color: #666 !important;
|
|
}
|
|
|
|
html .skin-1 .dblclick-tips-box i.layui-layer-TipsB {
|
|
border-right-color: #666;
|
|
}
|
|
|
|
html .skin-1 .layui-nav .layui-nav-itemed > a {
|
|
background: #444 !important;
|
|
}
|
|
|
|
html .skin-1 .layui-nav .layui-nav-more {
|
|
border-color: #444 transparent transparent;
|
|
}
|
|
|
|
html .skin-1 .layui-nav .layui-nav-mored {
|
|
border-color: transparent transparent #444;
|
|
}
|
|
|
|
/* skin2 */
|
|
html .skin-2 .my-header .my-header-logo,
|
|
html .skin-2 .layui-nav .layui-nav-item a,
|
|
html .skin-2 .layui-nav .layui-nav-item a:hover {
|
|
color: white;
|
|
}
|
|
|
|
html .skin-2 .my-header,
|
|
html .skin-2 .layui-nav,
|
|
html .skin-2 .layui-nav-child {
|
|
background-color: #01AAED;
|
|
}
|
|
|
|
html .skin-2 .layui-nav .layui-nav-item .layui-nav-child dd.layui-this a {
|
|
color: white;
|
|
}
|
|
|
|
html .skin-2 .layui-nav .layui-nav-item .layui-nav-child dd.layui-this,
|
|
html .skin-2 .layui-nav .layui-nav-item .layui-nav-child dd.layui-this > a,
|
|
html .skin-2 .layui-nav-tree .layui-nav-item > a:hover,
|
|
html .skin-2 .layui-nav .layui-nav-item .layui-nav-child dd:hover > a,
|
|
html .skin-2 .layui-tab-title li .layui-tab-close:hover,
|
|
html .skin-2 .dblclick-tips-box .layui-layer-content {
|
|
color: white !important;
|
|
background-color: #00C0F7 !important;
|
|
}
|
|
|
|
html .skin-2 .dblclick-tips-box i.layui-layer-TipsB {
|
|
border-right-color: #00C0F7;
|
|
}
|
|
|
|
html .skin-2 .layui-nav .layui-nav-itemed > a {
|
|
background-color: #1684af !important;
|
|
}
|
|
|
|
/* skin0-2 */
|
|
html .skin-2 .layui-nav .layui-nav-more,
|
|
html .skin-1 .layui-nav-tree .layui-nav-more,
|
|
html .skin-2 .layui-nav-tree .layui-nav-more {
|
|
border-color: white transparent transparent;
|
|
}
|
|
|
|
html .skin-2 .layui-nav .layui-nav-mored,
|
|
html .skin-1 .layui-nav-itemed .layui-nav-more,
|
|
html .skin-2 .layui-nav-itemed .layui-nav-more {
|
|
border-color: transparent transparent white;
|
|
}
|
|
|
|
/* tools */
|
|
.fl {
|
|
float: left;
|
|
}
|
|
|
|
.fr {
|
|
float: right;
|
|
}
|
|
|
|
.none {
|
|
display: none;
|
|
}
|
|
|
|
.block {
|
|
display: block;
|
|
}
|
|
|
|
.tc {
|
|
text-align: center;
|
|
}
|
|
|
|
.max-auto {
|
|
max-height: 450px;
|
|
overflow-y: auto;
|
|
}
|
|
|
|
/* layui css cover */
|
|
html body .layui-nav .layui-nav-bar {
|
|
opacity: 0 !important;
|
|
overflow: hidden !important;
|
|
}
|
|
|
|
.layui-nav .layui-this:after, .layui-nav-bar, .layui-nav-tree .layui-nav-itemed:after {
|
|
background-color: transparent;
|
|
}
|
|
|
|
.my-body .layui-tab-card > .layui-tab-title li {
|
|
-webkit-user-select: none;
|
|
-moz-user-select: none;
|
|
-ms-user-select: none;
|
|
user-select: none;
|
|
}
|
|
|
|
.layui-layer-tips .layui-layer-content {
|
|
padding: 5px;
|
|
}
|
|
|
|
.tooltip {
|
|
position: relative;
|
|
display: inline-block;
|
|
border-bottom: 1px dotted black;
|
|
position: relative;
|
|
left: 12%;
|
|
top: -10px;
|
|
}
|
|
|
|
.tooltip .tooltiptext {
|
|
width: 138px;
|
|
background-color: #dad5d545;
|
|
color: #ff4545;
|
|
text-align: center;
|
|
border-radius: 6px;
|
|
padding: 5px 0;
|
|
position: absolute;
|
|
z-index: 1;
|
|
}
|
|
|
|
.page-active-li {
|
|
background-color: #00FF00;
|
|
}
|
|
|
|
.page-li {
|
|
float: left;
|
|
border: 1px solid #e2e2e2;
|
|
display: inline-block;
|
|
vertical-align: middle;
|
|
padding: 0 15px;
|
|
height: 28px;
|
|
line-height: 28px;
|
|
margin: 0px 2px 5px -3px;
|
|
background-color: #fff;
|
|
color: #333;
|
|
font-size: 12px;
|
|
}
|
|
|
|
.page-li:hover {
|
|
color: #009688;
|
|
}
|
|
|
|
|
|
/* media */
|
|
|
|
|
|
@media screen and ( max-width: 450px) {
|
|
.my-header ul.my-header-user-nav li a.pay {
|
|
display: none;
|
|
}
|
|
}
|
|
|