@charset "UTF-8";
|
body {
|
background-color: #282e35;
|
}
|
|
html {
|
font-size: calc(100vw / 10.80);
|
font-size: -webkit-calc(100vw / 10.80);
|
font-size: -moz-calc(100vw / 10.80);
|
height: 100vh;
|
}
|
|
/***********统计页面*************/
|
.statistics-icon {
|
background: #141c25;
|
border-radius: 4px;
|
opacity: 0.8;
|
height: 201px;
|
}
|
|
.i {
|
display: inline-block;
|
width: 50px;
|
height: 50px;
|
position: absolute;
|
left: -12px;
|
z-index: 9;
|
background: url(../images/tit-redBg.png) center no-repeat;
|
}
|
|
.warp-bg {
|
background: #141C25;
|
}
|
|
.grid-demo {
|
border-radius: 6px;
|
}
|
|
.warp-bg.grid-demo .h1 {
|
border-bottom: solid 1px #242f3b;
|
height: 50px;
|
line-height: 50px;
|
color: #fff;
|
font-size: 16px;
|
text-indent: 20px;
|
}
|
|
.workbench-row .layui-col-md3 div {
|
/*height: 175px;*/
|
height: 130px;
|
padding-left: 32px;
|
padding-top: 20px;
|
font-size: 58px;
|
}
|
|
.workbench-row .layui-col-md3 div i {
|
font-size: 16px;
|
}
|
|
.workbench-row .layui-col-md3 div p {
|
color: #fff;
|
font-size: 14px;
|
}
|
|
.workbench-row .layui-col-md3 div p:nth-child(1) {
|
font-size: 16px;
|
}
|
|
.workbench-row .layui-col-md3:nth-child(1) > div {
|
background: url("../images/bgicon1.png") #141c25 no-repeat bottom right;
|
background-size: 35%;
|
color: #00ABFC;
|
border-radius: 6px;
|
}
|
|
.workbench-row .layui-col-md3:nth-child(2) > div {
|
background: url("../images/bgicon2.png") #141c25 no-repeat bottom right;
|
background-size: 35%;
|
color: #36CBCB;
|
border-radius: 6px;
|
}
|
|
.workbench-row .layui-col-md3:nth-child(3) > div {
|
background: url("../images/bgicon3.png") #141c25 no-repeat bottom right;
|
background-size: 35%;
|
color: #6FE621;
|
border-radius: 6px;
|
}
|
|
.workbench-row .layui-col-md3:nth-child(4) > div {
|
background: url("../images/bgicon4.png") #141c25 no-repeat bottom right;
|
background-size: 35%;
|
color: #FFC760;
|
border-radius: 6px;
|
}
|
|
.databoard-monitor {
|
width: 100%;
|
height: 100%;
|
padding: 0.15rem 0.2rem;
|
}
|
|
.databoard-monitor.databoard-box .title {
|
font-weight: 400;
|
text-align: left;
|
margin-top: 0.1rem;
|
}
|
|
.databoard-pue {
|
width: 4.09rem;
|
height: 2.8rem;
|
}
|
|
/* 当前状态总览 */
|
.databoard-status {
|
width: 100%;
|
height: 2.8rem;
|
}
|
|
.title {
|
height: 2.28rem;
|
margin-top: 1.14rem;
|
font-size: 1.2rem;
|
font-weight: 500;
|
color: #fff;
|
line-height: 2.28rem;
|
text-align: center;
|
}
|
|
/* PUE */
|
.databoard-pue__circle {
|
position: relative;
|
z-index: 2;
|
width: 12.4rem;
|
height: 12.4rem;
|
margin: 0.24rem 0 0.16rem;
|
border-radius: 6.2rem;
|
border: 2px solid rgba(79, 204, 255, 0.2);
|
text-align: center;
|
color: #fff;
|
font-size: 3.56rem;
|
font-weight: 500;
|
line-height: 12.32rem;
|
}
|
|
.databoard-pue__circle::after {
|
content: '';
|
position: absolute;
|
z-index: -1;
|
top: 50%;
|
left: 50%;
|
width: 11.28rem;
|
height: 11.28rem;
|
border-radius: 5.64rem;
|
background: linear-gradient(180deg, #00cfff 0%, #d201ff 100%);
|
transform: translate3d(-50%, -50%, 0);
|
}
|
|
.databoard-box .content {
|
padding: 0 0.34rem;
|
}
|
|
.public-table1 {
|
padding: 1.5rem;
|
}
|
|
.public-table1 > .layui-table tbody tr:hover, .public-table1 .layui-table thead tr, .public-table1 .layui-table-click, .public-table1 .layui-table-header, .public-table1 .layui-table-hover, .public-table1 .layui-table-mend, .public-table1 .layui-table-patch, .public-table1 .layui-table-tool, .public-table1 .layui-table-total, .public-table1 .layui-table-total tr, .public-table1 .layui-table[lay-even] tr:nth-child(even) {
|
background: #242F3B;
|
color: #fff;
|
}
|
|
.public-table1 > .layui-table {
|
background: none;
|
}
|
|
.public-table1 > .layui-table td, .public-table1 .layui-table th, .public-table1 .layui-table-col-set, .public-table1 .layui-table-fixed-r, .public-table1 .layui-table-grid-down, .public-table1 .layui-table-header, .public-table1 .layui-table-page, .public-table1 .layui-table-tips-main, .public-table1 .layui-table-tool, .public-table1 .layui-table-total, .public-table1 .layui-table-view, .public-table1 .layui-table[lay-skin=line], .public-table1 .layui-table[lay-skin=row] {
|
border: 1px solid rgba(255, 255, 255, 0.05);
|
text-align: center;
|
}
|
|
.public-table1 > .layui-table > tbody tr td {
|
color: #4FCCFF;
|
max-width: 300px;
|
white-space: nowrap;
|
overflow: hidden;
|
text-overflow: ellipsis;
|
}
|
|
.public-table1 > .layui-table td, .public-table1 .layui-table th {
|
padding: 8px 15px;
|
}
|
|
.layui-laypage a, .layui-laypage span {
|
background: none;
|
color: #BBBBBB;
|
}
|
|
.layui-laypage a, .layui-laypage button, .layui-laypage input, .layui-laypage select, .layui-laypage span {
|
border: 0px;
|
}
|
|
.status1 {
|
color: #6FE621;
|
}
|
|
.status2 {
|
color: #FFC760;
|
}
|
|
.status3 {
|
color: #FB497C;
|
}
|
|
.status4 {
|
color: #00ABFC;
|
}
|
|
.jmkt-table-wrap {
|
background: #22282e;
|
padding: 0 20px 0 20px;
|
}
|
|
.pdgxq-table1 {
|
background-color: transparent;
|
margin: 0;
|
}
|
|
.pdgxq-table1 {
|
table-layout: fixed;
|
}
|
|
.layui-table td, .layui-table th {
|
white-space: nowrap;
|
text-overflow: ellipsis;
|
overflow: hidden;
|
}
|
|
.pdgxq-table1 thead tr th {
|
color: #fff;
|
}
|
|
.pdgxq-table1 thead tr {
|
/*background: #22282e!important;*/
|
background: #141C25 !important;
|
border-bottom: 1px solid #892e3c;
|
}
|
|
.layui-table td, .layui-table th {
|
padding: 9px 5px;
|
}
|
|
.pdgxq-table1 th, .pdgxq-table1 td {
|
text-align: center;
|
min-height: 32px;
|
line-height: 32px;
|
font-size: 14px;
|
}
|
|
.pdgxq-table1 tbody tr:nth-child(odd) {
|
background-color: #262d33;
|
}
|
|
.pdgxq-table1 td em {
|
color: #ff4e4e;
|
}
|
|
.layui-table td, .layui-table th {
|
padding: 9px 5px;
|
}
|
|
.pdgxq-table1 td {
|
/*color: #aab7c5;*/
|
color: #fff;
|
}
|
|
.workbench-info {
|
float: right;
|
margin-top: 50px;
|
margin-right: 20px;
|
}
|
|
.tit-more {
|
display: block;
|
height: 40px;
|
line-height: 40px;
|
color: #fff;
|
font-size: 14px;
|
float: right;
|
margin-right: 10px;
|
}
|
|
.pdgxq-table-parent {
|
height: 320px;
|
background: #141C25;
|
border-bottom-left-radius: 6px;
|
border-bottom-right-radius: 6px;
|
}
|
