|
|
|
|
@media screen and (max-width: 768px) {
|
|
|
|
|
.layui-layout-admin .layui-layout-left,
|
|
|
|
|
.layui-layout-admin .layui-body,
|
|
|
|
|
.layui-layout-admin .layui-footer{left: 0;}
|
|
|
|
|
.layui-layout-admin .layui-side{left: -300px;}
|
|
|
|
|
}
|
|
|
|
|
body{
|
|
|
|
|
background: #F0F2F5;
|
|
|
|
|
font: 14px PingFangSC-Regular, Roboto, Helvetica Neue, Helvetica, Tahoma, Arial, PingFang SC-Light, Microsoft YaHei !important;
|
|
|
|
|
}
|
|
|
|
|
.admin-container-outer .admin-layui-header{
|
|
|
|
|
background-color: #1890FF !important;
|
|
|
|
|
}
|
|
|
|
|
.admin_logout_img{
|
|
|
|
|
width: 20px !important;
|
|
|
|
|
border-radius:unset !important;
|
|
|
|
|
height: auto !important;
|
|
|
|
|
}
|
|
|
|
|
.admin-container-outer .admin-layui-nav-tree{
|
|
|
|
|
background-color:#FFFFFF !important;
|
|
|
|
|
color: #000000 !important;
|
|
|
|
|
}
|
|
|
|
|
.admin-menu-list .layui-this a,.layui-nav-tree .layui-nav-child dd.layui-this{
|
|
|
|
|
background-color:rgba(24, 144, 255, 0.13) !important;
|
|
|
|
|
color: rgba(24, 144, 255, 1) !important;
|
|
|
|
|
}
|
|
|
|
|
.admin-layui-nav-item-a-child{
|
|
|
|
|
background-color: #FFFFFF !important;
|
|
|
|
|
}
|
|
|
|
|
.admin-menu-list .layui-nav-itemed>.layui-nav-child{
|
|
|
|
|
background-color: #FFFFFF !important;
|
|
|
|
|
}
|
|
|
|
|
.admin-menu-list .layui-icon-down:before{
|
|
|
|
|
content: "";
|
|
|
|
|
}
|
|
|
|
|
.admin-menu-list .layui-nav-bar{
|
|
|
|
|
left:196px !important;
|
|
|
|
|
background-color: rgba(24, 144, 255, 1) !important;
|
|
|
|
|
border-radius: 4px !important;
|
|
|
|
|
width: 4px !important;
|
|
|
|
|
height: 29px !important;
|
|
|
|
|
margin-top: 5.5px !important;
|
|
|
|
|
top:55px;
|
|
|
|
|
}
|
|
|
|
|
.admin-layui-nav-item-a-child-img{
|
|
|
|
|
width: 16px;
|
|
|
|
|
height: auto;
|
|
|
|
|
}
|
|
|
|
|
.admin-select{
|
|
|
|
|
display: none;
|
|
|
|
|
}
|
|
|
|
|
.admin-menu-list .layui-this .admin-select{
|
|
|
|
|
display: inline-block !important;
|
|
|
|
|
}
|
|
|
|
|
.admin-menu-list .layui-this .admin-no-select{
|
|
|
|
|
display: none !important;
|
|
|
|
|
}
|
|
|
|
|
.layui-nav-tree .layui-nav-child dd.layui-this::after{
|
|
|
|
|
content: "";
|
|
|
|
|
display: block;
|
|
|
|
|
position: absolute;
|
|
|
|
|
z-index: 8;
|
|
|
|
|
left:196px !important;
|
|
|
|
|
background-color: rgba(24, 144, 255, 1) !important;
|
|
|
|
|
border-radius: 4px !important;
|
|
|
|
|
width: 4px !important;
|
|
|
|
|
height: 29px !important;
|
|
|
|
|
margin-top: 5.5px !important;
|
|
|
|
|
top: 0px;
|
|
|
|
|
}
|
|
|
|
|
.admin_menu_line{
|
|
|
|
|
height: 1px;
|
|
|
|
|
width: 62px;
|
|
|
|
|
margin-left: 20px;
|
|
|
|
|
margin-top: 5px;
|
|
|
|
|
}
|
|
|
|
|
.admin_menu_line img{
|
|
|
|
|
width: 100%;
|
|
|
|
|
height: 1px;
|
|
|
|
|
vertical-align: top;
|
|
|
|
|
}
|
|
|
|
|
.admin-layui-nav-child{
|
|
|
|
|
color:red !important;
|
|
|
|
|
}
|
|
|
|
|
.admin-layui-nav-item-a-child{
|
|
|
|
|
font-family: PingFangSC-Medium;
|
|
|
|
|
color: rgba(99, 108, 120, 1) !important;
|
|
|
|
|
}
|
|
|
|
|
.admin-layui-nav-item-title-a > span{
|
|
|
|
|
font-family: PingFangSC-Medium;
|
|
|
|
|
color: rgba(0, 0, 0, 1) !important;
|
|
|
|
|
}
|
|
|
|
|
*{
|
|
|
|
|
-webkit-tap-highlight-color:unset !important;
|
|
|
|
|
}
|
|
|
|
|
.admin-index-top-item{
|
|
|
|
|
width: 100%;
|
|
|
|
|
height: 373px;
|
|
|
|
|
background: #FFFFFF;
|
|
|
|
|
box-shadow: 0px 2px 8px 0px rgba(217,221,229,0.5000);
|
|
|
|
|
border-radius: 3px;
|
|
|
|
|
}
|
|
|
|
|
.admin-layui-body{
|
|
|
|
|
padding:12px;
|
|
|
|
|
}
|
|
|
|
|
.admin-index-bottom-item{
|
|
|
|
|
width: 100%;
|
|
|
|
|
height: 260px;
|
|
|
|
|
background: #FFFFFF;
|
|
|
|
|
box-shadow: 0px 2px 8px 0px rgba(217,221,229,0.5000);
|
|
|
|
|
border-radius: 3px;
|
|
|
|
|
padding-bottom: 22px;
|
|
|
|
|
}
|
|
|
|
|
.bottom-layui-row{
|
|
|
|
|
margin-top: 20px;
|
|
|
|
|
}
|
|
|
|
|
.admin-index-top-item-title{
|
|
|
|
|
width: 100%;
|
|
|
|
|
height: 46px;
|
|
|
|
|
line-height: 46px;
|
|
|
|
|
padding-left: 18px;
|
|
|
|
|
color: rgba(0, 0, 0, 0.65);
|
|
|
|
|
font-size: 16px;
|
|
|
|
|
font-family: PingFangSC-Regular;
|
|
|
|
|
text-align: left;
|
|
|
|
|
white-space: nowrap;
|
|
|
|
|
}
|
|
|
|
|
.admin-index-top-item-title-line{
|
|
|
|
|
width: 100%;
|
|
|
|
|
height: 1px;
|
|
|
|
|
background-color: rgba(232, 232, 232, 1);
|
|
|
|
|
}
|
|
|
|
|
.admin-index-top-item-list-title{
|
|
|
|
|
width: 56px;
|
|
|
|
|
height: 22px;
|
|
|
|
|
color: rgba(0, 0, 0, 0.85);
|
|
|
|
|
font-size: 14px;
|
|
|
|
|
font-family: PingFangSC-Medium;
|
|
|
|
|
text-align: left;
|
|
|
|
|
white-space: nowrap;
|
|
|
|
|
line-height: 22px;
|
|
|
|
|
margin: 18px 0 0 18px;
|
|
|
|
|
}
|
|
|
|
|
.admin-dashed-line{
|
|
|
|
|
width: 100%;
|
|
|
|
|
height: 1px;
|
|
|
|
|
}
|
|
|
|
|
.admin-index-top-item-list-item-child{
|
|
|
|
|
line-height: 1px;
|
|
|
|
|
padding-left: 18px;
|
|
|
|
|
}
|
|
|
|
|
.fl{
|
|
|
|
|
float: left;
|
|
|
|
|
}
|
|
|
|
|
.fr{
|
|
|
|
|
float: right;
|
|
|
|
|
}
|
|
|
|
|
.clear{
|
|
|
|
|
clear: both;
|
|
|
|
|
width: 0px;
|
|
|
|
|
height: 0px;
|
|
|
|
|
}
|
|
|
|
|
.admin-index-top-item-list-item-child div:first-child{
|
|
|
|
|
width: 70px;
|
|
|
|
|
height: 22px;
|
|
|
|
|
color: rgba(99, 108, 120, 1);
|
|
|
|
|
font-size: 14px;
|
|
|
|
|
font-family: PingFangSC-Regular;
|
|
|
|
|
text-align: left;
|
|
|
|
|
white-space: nowrap;
|
|
|
|
|
line-height: 25px;
|
|
|
|
|
margin-left: 4px;
|
|
|
|
|
}
|
|
|
|
|
.admin-index-top-item-list-item-child div:nth-child(2){
|
|
|
|
|
height: 22px;
|
|
|
|
|
color: rgba(105, 113, 125, 1);
|
|
|
|
|
font-size: 14px;
|
|
|
|
|
font-family: PingFangSC-Regular;
|
|
|
|
|
text-align: left;
|
|
|
|
|
white-space: nowrap;
|
|
|
|
|
line-height: 25px;
|
|
|
|
|
margin-left: 51px;
|
|
|
|
|
padding-right: 28px;
|
|
|
|
|
}
|
|
|
|
|
.admin-index-top-item-list-item-child-icon1,.admin-index-top-item-list-item-child-icon2,.admin-index-top-item-list-item-child-icon3,.admin-index-top-item-list-item-child-icon4,.admin-index-top-item-list-item-child-icon5{
|
|
|
|
|
font-size: 16px;
|
|
|
|
|
margin-right: 5px;
|
|
|
|
|
}
|
|
|
|
|
.admin-index-top-item-list-item-child-dot-red,.admin-index-top-item-list-item-child-dot-grey{
|
|
|
|
|
margin-right: 5px;
|
|
|
|
|
}
|
|
|
|
|
.admin-index-top-item-list-item-child-dot1{
|
|
|
|
|
margin-right: 0px !important;
|
|
|
|
|
}
|
|
|
|
|
.admin-index-top-item-list-item-child-dot-grey::after{
|
|
|
|
|
content: '';
|
|
|
|
|
display: inline-block;
|
|
|
|
|
width: 6px;
|
|
|
|
|
height: 6px;
|
|
|
|
|
background: #C3C6CB;
|
|
|
|
|
border-radius: 50%;
|
|
|
|
|
position: relative;
|
|
|
|
|
top: -4px;
|
|
|
|
|
}
|
|
|
|
|
.admin-index-top-item-list-item-child-dot-red::after{
|
|
|
|
|
content: '';
|
|
|
|
|
display: inline-block;
|
|
|
|
|
width: 6px;
|
|
|
|
|
height: 6px;
|
|
|
|
|
background: #F21019;
|
|
|
|
|
border-radius: 50%;
|
|
|
|
|
position: relative;
|
|
|
|
|
top: -4px;
|
|
|
|
|
}
|
|
|
|
|
.admin-card-text-1{
|
|
|
|
|
width: 100%;
|
|
|
|
|
height: 16px;
|
|
|
|
|
font-size: 16px;
|
|
|
|
|
font-family: PingFangSC-Regular;
|
|
|
|
|
color: #636C78;
|
|
|
|
|
margin-top: 21px;
|
|
|
|
|
}
|
|
|
|
|
.admin-card-text-2{
|
|
|
|
|
height: 28px;
|
|
|
|
|
font-size: 28px;
|
|
|
|
|
font-family: DINAlternate-Bold;
|
|
|
|
|
color: #000000;
|
|
|
|
|
margin-top: 39px;
|
|
|
|
|
}
|
|
|
|
|
.admin-card-text-2 span{
|
|
|
|
|
width: 14px;
|
|
|
|
|
height: 14px;
|
|
|
|
|
font-size: 14px;
|
|
|
|
|
font-family: PingFangSC-Regular;
|
|
|
|
|
color: #636C78;
|
|
|
|
|
line-height: 14px;
|
|
|
|
|
}
|
|
|
|
|
.admin-card-text-3{
|
|
|
|
|
height: 12px;
|
|
|
|
|
font-size: 12px;
|
|
|
|
|
font-family: PingFangSC-Regular;
|
|
|
|
|
color: #5F5F5F;
|
|
|
|
|
margin-top: 39px;
|
|
|
|
|
}
|
|
|
|
|
.admin-card-text-4{
|
|
|
|
|
height: 12px;
|
|
|
|
|
font-size: 12px;
|
|
|
|
|
font-family: PingFangSC-Regular;
|
|
|
|
|
color: #5F5F5F;
|
|
|
|
|
margin-top: 21px;
|
|
|
|
|
}
|
|
|
|
|
.admin-card-text-5{
|
|
|
|
|
max-height: 55px;
|
|
|
|
|
font-size: 14px;
|
|
|
|
|
font-family: PingFangSC-Regular;
|
|
|
|
|
color: #F21019;
|
|
|
|
|
margin-top: 25px;
|
|
|
|
|
overflow-y: auto;
|
|
|
|
|
}
|
|
|
|
|
.admin-index-bottom-item{
|
|
|
|
|
overflow: hidden;
|
|
|
|
|
}
|
|
|
|
|
.admin-index-bottom-item div{
|
|
|
|
|
padding-left: 22px;
|
|
|
|
|
padding-right: 6px;
|
|
|
|
|
}
|
|
|
|
|
.admin-index-top-item-list-item-child-dot-red2{
|
|
|
|
|
margin-right: 5px;
|
|
|
|
|
}
|
|
|
|
|
.admin-index-top-item-list-item-child-dot-red2::after{
|
|
|
|
|
content: '';
|
|
|
|
|
display: inline-block;
|
|
|
|
|
width: 6px;
|
|
|
|
|
height: 6px;
|
|
|
|
|
background: #F21019;
|
|
|
|
|
border-radius: 50%;
|
|
|
|
|
position: relative;
|
|
|
|
|
top: -2px;
|
|
|
|
|
}
|
|
|
|
|
.admin-card-text-3 span,.admin-card-text-4 span{
|
|
|
|
|
font-size: 11px;
|
|
|
|
|
margin-left: 5px;
|
|
|
|
|
}
|
|
|
|
|
.primary-msg{
|
|
|
|
|
color: #69717D;
|
|
|
|
|
}
|
|
|
|
|
.admin-right-arrow{
|
|
|
|
|
font-size: 14px;
|
|
|
|
|
position: relative;
|
|
|
|
|
top: 1px;
|
|
|
|
|
}
|
|
|
|
|
.menu-left-icon-img{
|
|
|
|
|
font-size: 14px;
|
|
|
|
|
}
|
|
|
|
|
.menu-left-icon-img-16.admin-select{
|
|
|
|
|
display: none !important;
|
|
|
|
|
}
|
|
|
|
|
.menu-left-icon-img-16{
|
|
|
|
|
font-size: 18px !important;
|
|
|
|
|
margin-right: -4px;
|
|
|
|
|
margin-top: -1px;
|
|
|
|
|
display: inline-block;
|
|
|
|
|
position: relative;
|
|
|
|
|
top: 3px;
|
|
|
|
|
right: 1px;
|
|
|
|
|
}
|
|
|
|
|
.menu-left-icon-img-15{
|
|
|
|
|
font-size: 15px !important;
|
|
|
|
|
}
|
|
|
|
|
@media screen and (min-width:1270px) and (max-width:1440px){
|
|
|
|
|
|
|
|
|
|
.admin-layui-col-top-right{
|
|
|
|
|
min-width: 788px;
|
|
|
|
|
}
|
|
|
|
|
.admin-layui-col-top-left{
|
|
|
|
|
min-width: 259px;
|
|
|
|
|
}
|
|
|
|
|
.admin-menu-layui-side-scroll{
|
|
|
|
|
width: 188px !important;
|
|
|
|
|
}
|
|
|
|
|
.admin-menu-list .layui-nav-tree{
|
|
|
|
|
width: 188px !important;
|
|
|
|
|
}
|
|
|
|
|
.admin-menu-list.layui-side{
|
|
|
|
|
width: 188px !important;
|
|
|
|
|
}
|
|
|
|
|
.layui-nav-tree .layui-nav-child dd.layui-this::after {
|
|
|
|
|
content: "";
|
|
|
|
|
display: block;
|
|
|
|
|
position: absolute;
|
|
|
|
|
z-index: 8;
|
|
|
|
|
left: 184px !important;
|
|
|
|
|
background-color: rgba(24, 144, 255, 1) !important;
|
|
|
|
|
border-radius: 4px !important;
|
|
|
|
|
width: 4px !important;
|
|
|
|
|
height: 29px !important;
|
|
|
|
|
margin-top: 5.5px !important;
|
|
|
|
|
top: 0px;
|
|
|
|
|
}
|
|
|
|
|
.admin-menu-list .layui-nav-bar{
|
|
|
|
|
top: 184px !important;
|
|
|
|
|
}
|
|
|
|
|
.admin-layui-body{
|
|
|
|
|
padding: 12px 12px 12px 0px;
|
|
|
|
|
}
|
|
|
|
|
.admin-layui-col-bottom-list{
|
|
|
|
|
min-width: 217px;
|
|
|
|
|
}
|
|
|
|
|
.admin-layui-col-bottom-list-last{
|
|
|
|
|
padding-right: 0px !important;
|
|
|
|
|
min-width: 207px !important;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
@media screen and (min-width:1200px) and (max-width:1260px){
|
|
|
|
|
.admin-layui-col-top-right{
|
|
|
|
|
max-width: 724px !important;
|
|
|
|
|
}
|
|
|
|
|
.admin-layui-col-top-left{
|
|
|
|
|
min-width: 259px;
|
|
|
|
|
}
|
|
|
|
|
.admin-menu-layui-side-scroll{
|
|
|
|
|
width: 188px !important;
|
|
|
|
|
}
|
|
|
|
|
.admin-menu-list .layui-nav-tree{
|
|
|
|
|
width: 188px !important;
|
|
|
|
|
}
|
|
|
|
|
.admin-menu-list.layui-side{
|
|
|
|
|
width: 188px !important;
|
|
|
|
|
}
|
|
|
|
|
.layui-nav-tree .layui-nav-child dd.layui-this::after {
|
|
|
|
|
content: "";
|
|
|
|
|
display: block;
|
|
|
|
|
position: absolute;
|
|
|
|
|
z-index: 8;
|
|
|
|
|
left: 184px !important;
|
|
|
|
|
background-color: rgba(24, 144, 255, 1) !important;
|
|
|
|
|
border-radius: 4px !important;
|
|
|
|
|
width: 4px !important;
|
|
|
|
|
height: 29px !important;
|
|
|
|
|
margin-top: 5.5px !important;
|
|
|
|
|
top: 0px;
|
|
|
|
|
}
|
|
|
|
|
.admin-menu-list .layui-nav-bar{
|
|
|
|
|
top: 184px !important;
|
|
|
|
|
}
|
|
|
|
|
.admin-layui-body{
|
|
|
|
|
padding: 12px 12px 12px 0px;
|
|
|
|
|
}
|
|
|
|
|
.admin-layui-col-bottom-list{
|
|
|
|
|
min-width: 217px;
|
|
|
|
|
}
|
|
|
|
|
.admin-layui-col-bottom-list-last{
|
|
|
|
|
padding-right: 0px !important;
|
|
|
|
|
min-width: 207px !important;
|
|
|
|
|
}
|
|
|
|
|
}
|
