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.
411 lines
6.8 KiB
411 lines
6.8 KiB
/* */
|
|
.bigBox {
|
|
width: 100%;
|
|
height: 100%;
|
|
position: absolute;
|
|
padding-top: 4px;
|
|
overflow: hidden;
|
|
background: rgba(11, 18, 46, 1);
|
|
}
|
|
|
|
article {
|
|
position: absolute;
|
|
width: 100%;
|
|
height: 94.45%;
|
|
top: 9.6%;
|
|
}
|
|
|
|
.top {
|
|
position: absolute;
|
|
width: 100%;
|
|
height: 5.55%;
|
|
background: url(../image/bigBox.png) no-repeat;
|
|
background-size: 105% 100%;
|
|
text-align: center;
|
|
}
|
|
.top p{
|
|
position: absolute;
|
|
right: 30px;
|
|
color: #fff;
|
|
top: 5px;
|
|
font-size: 16px;
|
|
}
|
|
.top span {
|
|
color: #00f7ff;
|
|
font-size: 26px;
|
|
/* position: absolute;
|
|
left: 38.14%; */
|
|
}
|
|
.leftOneBoxa{
|
|
position: absolute;
|
|
top: 0;
|
|
left: 2.67%;
|
|
width: 19.24%;
|
|
height: 21.55%;
|
|
}
|
|
.leftOneBox {
|
|
width: 100%;
|
|
height: 100%;
|
|
background: url(../image/leftOne.png) no-repeat;
|
|
background-size: 100% 100%;
|
|
}
|
|
.leftOneBoxnum{
|
|
color: rgb(255, 255, 255);
|
|
position: absolute;
|
|
left: 31.6%;
|
|
top: 62%;
|
|
width: 60px;
|
|
text-align: center;
|
|
}
|
|
.leftTwoBox {
|
|
position: absolute;
|
|
left: 2.67%;
|
|
top: 24.25%;
|
|
width: 19.24%;
|
|
height: 29.62%;
|
|
background: url(../image/leftTwo.png) no-repeat;
|
|
background-size: 100% 100%;
|
|
}
|
|
|
|
.leftThreeBox {
|
|
left: 2.67%;
|
|
position: absolute;
|
|
top: 56%;
|
|
width: 19.24%;
|
|
height: 37.77%;
|
|
background: url(../image/leftThree.png) no-repeat;
|
|
background-size: 100% 100%;
|
|
}
|
|
|
|
.middenTopBox {
|
|
position: absolute;
|
|
width: 52.96%;
|
|
height: 61.70%;
|
|
background: url(../image/middenTop.png) no-repeat;
|
|
background-size: 100% 100%;
|
|
left: 23.67%;
|
|
}
|
|
|
|
.middenBottomBox {
|
|
position: absolute;
|
|
width: 52.96%;
|
|
height: 29.22%;
|
|
background: url(../image/middenBottom.png) no-repeat;
|
|
background-size: 100% 100%;
|
|
left: 23.67%;
|
|
top: 64.17%;
|
|
}
|
|
.rightOneBoxa{
|
|
position: absolute;
|
|
width: 19.24%;
|
|
height: 20.55%;
|
|
/*background: url(../image/leftOne.png) no-repeat;
|
|
background-size: 100% 100%;*/
|
|
right: 2.67%;
|
|
}
|
|
.rightOneBox {
|
|
width: 100%;
|
|
height:100%;
|
|
background: url(../image/leftOne.png) no-repeat;
|
|
background-size: 100% 100%;
|
|
}
|
|
.rightOneBoxnum{
|
|
color: rgb(255, 255, 255);
|
|
position: absolute;
|
|
right: 43.6%;
|
|
top: 62%;
|
|
width: 60px;
|
|
text-align: center;
|
|
}
|
|
.rightTwoBox {
|
|
position: absolute;
|
|
top: 24.25%;
|
|
width: 19.24%;
|
|
height: 29.62%;
|
|
background: url(../image/leftTwo.png) no-repeat;
|
|
background-size: 100% 100%;
|
|
right: 2.67%;
|
|
}
|
|
|
|
.rightThreeBox {
|
|
position: absolute;
|
|
top: 56%;
|
|
width: 19.24%;
|
|
height: 37.77%;
|
|
background: url(../image/leftThree.png) no-repeat;
|
|
background-size: 100% 100%;
|
|
right: 2.67%;
|
|
}
|
|
|
|
.carousel {
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
|
|
.rigTitle {
|
|
text-align: center;
|
|
position: relative;
|
|
top: 4%;
|
|
}
|
|
|
|
.rigTitle img {
|
|
width: 28px;
|
|
}
|
|
|
|
.rigTitle span {
|
|
display: inline-block;
|
|
color: #00f7ff;
|
|
font-size: 16px;
|
|
position: relative;
|
|
top: 3px;
|
|
}
|
|
|
|
.rigLine {
|
|
position: relative;
|
|
top: 3%;
|
|
}
|
|
|
|
.rigLine img {
|
|
width: 100%;
|
|
}
|
|
|
|
.rightTwoBox ul {
|
|
margin-top: 5%;
|
|
display: block;
|
|
color: red;
|
|
max-height: 175px;
|
|
padding-right: 4%;
|
|
overflow-y: auto;
|
|
margin-right: 10px;
|
|
overflow: hidden;
|
|
padding-left: 15px;
|
|
}
|
|
|
|
.rightTwoBox ul li {
|
|
line-height: 25px;
|
|
}
|
|
|
|
.middenTitle {
|
|
text-align: center;
|
|
position: relative;
|
|
top: 4%;
|
|
background: #0E4AE0;
|
|
height: 33px;
|
|
line-height: 32px;
|
|
}
|
|
|
|
.middenTitle img {
|
|
width: 28px;
|
|
}
|
|
|
|
.middenTitle span {
|
|
display: inline-block;
|
|
color: #eee;
|
|
font-size: 16px;
|
|
}
|
|
|
|
.middenBottomBox table {
|
|
width: 100%;
|
|
}
|
|
|
|
.middenBottomBox table th {
|
|
text-align: center;
|
|
line-height: 25px;
|
|
border: 1px solid #0E4AE0;
|
|
font-weight: 200;
|
|
}
|
|
|
|
.middenBottomBox table thead {
|
|
color: #00f7ff;
|
|
border-top: 0px;
|
|
}
|
|
|
|
.middenBottomBox table thead th {
|
|
border-top: 0px;
|
|
}
|
|
|
|
.middenBottomBox table tbody th {
|
|
color: #eee;
|
|
}
|
|
|
|
.middenboox {
|
|
width: 55%;
|
|
position: absolute;
|
|
top: 10%;
|
|
left: 5%;
|
|
}
|
|
.middenBottomBoxChil{
|
|
width: 30%;
|
|
position: absolute;
|
|
top: 19%;
|
|
right: 5%;
|
|
height: 80%;
|
|
}
|
|
.middenBottomBox table tbody th button {
|
|
width: 55px;
|
|
height: 20px;
|
|
font-size: 12px;
|
|
color: #eee;
|
|
line-height: 0px;
|
|
border-radius: 3px;
|
|
outline: none;
|
|
border: 0px;
|
|
font-weight: 200;
|
|
}
|
|
|
|
.alesm {
|
|
background: #C23531;
|
|
}
|
|
|
|
.histo {
|
|
background: #2897C4;
|
|
|
|
}
|
|
|
|
.zuty {
|
|
background: #36791A;
|
|
|
|
}
|
|
|
|
.fa-3x {
|
|
position: relative;
|
|
top: 40%;
|
|
opacity: 0.3;
|
|
}
|
|
|
|
.carousel-indicators {
|
|
bottom: 14%;
|
|
}
|
|
|
|
.leftThreeBoxa {
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
|
|
.carousel-inner {
|
|
height: 100%;
|
|
}
|
|
|
|
.carousel-inner>.item {
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
|
|
::-webkit-scrollbar {
|
|
width: 6px;
|
|
height: 6px;
|
|
}
|
|
|
|
::-webkit-scrollbar-track-piece {}
|
|
|
|
/* 婵犲﹥鑹炬慨鈺佄ｉ敓锟� */
|
|
::-webkit-scrollbar-track {
|
|
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
|
|
border-radius: 10px;
|
|
cursor: pointer;
|
|
}
|
|
|
|
/* 婵犲﹥鑹炬慨鈺呭级閳╁啰鎷ㄩ柛褝鎷� */
|
|
::-webkit-scrollbar-thumb {
|
|
border-radius: 10px;
|
|
background: #404040;
|
|
|
|
background: rgba(64, 64, 64, 0.85);
|
|
/*-webkit-box-shadow: inset 0 0 6px rgba(77,76,75,1);*/
|
|
}
|
|
|
|
::-webkit-scrollbar-thumb:horizontal {
|
|
width: 6px;
|
|
border-radius: 10px;
|
|
cursor: pointer;
|
|
}
|
|
|
|
::-webkit-scrollbar-thumb:vertical {
|
|
width: 6px;
|
|
border-radius: 10px;
|
|
cursor: pointer;
|
|
}
|
|
.boxChilden{
|
|
max-height:185px;
|
|
overflow-y: auto;
|
|
}
|
|
@media screen and (min-width: 768px) {
|
|
.carousel-indicators {
|
|
bottom: 14%;
|
|
}
|
|
|
|
.rightTwoBox ul li {
|
|
line-height: 30px;
|
|
}
|
|
}
|
|
@media screen and (max-width: 1610px) {
|
|
.boxChilden{
|
|
max-height:157px;
|
|
overflow-y: auto;
|
|
}
|
|
}
|
|
.ybox ul li{
|
|
display: block;
|
|
/* box-shadow: 0 0 40px rgba(0,0,0,0.2) inset; */
|
|
text-decoration: initial;
|
|
margin-bottom: 5px;
|
|
}
|
|
.ybox{
|
|
width: 100%;
|
|
height: 70.22%;
|
|
overflow: hidden;
|
|
margin: 20px auto;
|
|
padding: 5px;
|
|
}
|
|
.ybox ul li{
|
|
margin-bottom: 5px;
|
|
}
|
|
.carousel-indicators li{
|
|
margin-left: 2%;
|
|
}
|
|
.myCarousela{
|
|
text-align: center;
|
|
margin-top: 26%;
|
|
color: red;
|
|
font-size: 16px;
|
|
}
|
|
.myCarouselac{
|
|
text-align: center;
|
|
margin-top: 40%;
|
|
color: red;
|
|
font-size: 16px;
|
|
}
|
|
.rigTitleOnline{
|
|
z-index: 2;
|
|
top: -3%;
|
|
left: 27%;
|
|
position: absolute;
|
|
}
|
|
.middenboox tbody tr:hover tr{
|
|
background: red;
|
|
cursor: pointer;
|
|
}
|
|
table tbody tr:nth-child(even) {
|
|
background-color: transparent;
|
|
}
|
|
|
|
.sensorStyle{
|
|
float: left;
|
|
border: 1px dashed #d9d9d9;
|
|
width:46%;
|
|
padding: 5px;border-radius:3px;margin: 0 5px 3px 0;
|
|
}
|
|
|
|
.BMap_cpyCtrl .BMap_noprint .anchorBL{
|
|
display: none !important;
|
|
}
|
|
|
|
.anchorBL{
|
|
display: none !important;
|
|
}
|
|
|
|
.BMapLabel{
|
|
border: none !important;
|
|
background-color: transparent !important;
|
|
color:white !important;
|
|
}
|