.layui-layer-content{width:100%; height:100%}
|
.monitorSpots-container {
|
/*height: 589px;*/
|
height: 100%;
|
width: 1000px;
|
}
|
|
.monitorSpots-tab-control {
|
height: calc(18% - 20px);
|
padding: 10px
|
}
|
|
.monitorSpots-tab-control ul {
|
padding: 10px;
|
height: calc(100% - 20px);
|
}
|
|
.monitorSpots-tab-control ul li:nth-child(1) {
|
margin: 0;
|
}
|
|
.monitorSpots-tab-control ul li {
|
display: inline-block;
|
height: 100%;
|
width: 160px;
|
border-radius: 5px;
|
margin-left: 20px;
|
cursor: pointer;
|
}
|
|
.monitorSpots-tab-control ul li:hover {
|
background-color: #108bab2b !important;
|
box-shadow: 0 0 0px 1px #108bab;
|
}
|
|
.monitorSpots-tab-control-actived {
|
background-color: #108bab2b !important;
|
box-shadow: 0 0 0px 1px #108bab;
|
}
|
|
.monitorSpots-tab-control ul li span {
|
font-size: 15px;
|
color: #888;
|
line-height: 66px;
|
float: right;
|
margin-right: 30px;
|
}
|
|
.monitorSpots-tab-container {
|
height: calc(100% - 180px);
|
overflow: hidden;
|
padding: 10px
|
}
|
@media (max-width: 1610px){
|
.monitorSpots-tab-container {
|
height: calc(100% - 175px);
|
}
|
}
|
|
@media (max-width: 1510px){
|
.monitorSpots-tab-container {
|
height: calc(100% - 170px);
|
}
|
}
|
.monitorSpots-tab-container-left {
|
height: 100%;
|
width: 48%;
|
padding-left: 10px;
|
float: left;
|
overflow: auto;
|
}
|
|
.monitorSpots-tab-container-left p {
|
padding: 0 0 10px 10px;
|
font-size: 14px;
|
}
|
|
.monitorSpots-table-container {
|
height: calc(100% - 31px);
|
width: 100%;
|
overflow: auto;
|
}
|
|
.monitorSpots-tab-container-left #monitor-table {
|
padding: 0;
|
width: 100%;
|
table-layout: fixed;
|
}
|
|
.monitorSpots-tab-container-left #monitor-table tr,
|
.monitorSpots-tab-container-left #monitor-table td {
|
height: 75px;
|
margin: 0;
|
}
|
.monitorSpots-tab-container-left #monitor-table tr:nth-child(2n) {
|
background-color: #EBEBEB;
|
}
|
|
.monitorSpots-tab-container-left #monitor-table td:nth-child(2n) {
|
text-align: left;
|
font-size: 16px;
|
font-weight: bold;
|
padding: 0 0 0 10px;
|
}
|
|
.monitorSpots-tab-container-left #monitor-table td:nth-child(2n+1) {
|
text-align: left;
|
font-size: 16px;
|
padding: 0 0 0 60px;
|
width: 75px;
|
|
}
|
|
.monitorSpots-tab-container-right {
|
height: 100%;
|
width: 470px;
|
margin-right: 10px;
|
float: right;
|
overflow: auto;
|
}
|
.monitorSpots-tab-container-right-box {
|
height: 454px;
|
width: 100%;
|
overflow: hidden;
|
}
|
.pie-list {
|
height: 100%;
|
overflow: hidden;
|
width: auto;
|
padding: 0;
|
left: 0;
|
position: relative;
|
}
|
|
.pie-div {
|
height: 210px;
|
width: 211px;
|
padding: 10px 12px;
|
position: relative;
|
float: left;
|
overflow: hidden;
|
}
|
|
.pie-left {
|
height: 81px;
|
width: 21px;
|
position: absolute;
|
top: 50%;
|
background: url(images/left.png) center no-repeat;
|
background-size: 95%;
|
border: none;
|
cursor: pointer;
|
z-index: 1000;
|
}
|
|
.pie-right {
|
height: 81px;
|
width: 21px;
|
position: absolute;
|
top: 50%;
|
right: 6px;
|
background: url(images/right.png) center no-repeat;
|
background-size: 95%;
|
border: none;
|
cursor: pointer;
|
z-index: 1000;
|
}
|
|
.pie-left:hover,
|
.pie-right:hover {
|
background-size: 100%;
|
}
|
|
.monitorSpots-tab-container-top {
|
height: 10%;
|
width: 100%;
|
padding: 0;
|
float: left;
|
overflow: auto;
|
}
|
|
.monitorSpots-tab-container-top select {
|
padding: 0 0 0 10px;
|
height: 42px;
|
width: 160px;
|
border-radius: 3px;
|
border: 1px solid #f4f4f4;
|
margin: 0 0 4px 10px;
|
background: url(../../images/down.png) no-repeat scroll center right 5px #FEFEFE;
|
}
|
|
.monitorSpots-tab-container-top input {
|
padding: 0 0 0 10px;
|
height: 40px;
|
width: 160px;
|
border-radius: 3px;
|
border: 1px solid #f4f4f4;
|
margin-left: 20px;
|
background: url(../../images/down.png) no-repeat scroll center right 5px #FEFEFE;
|
cursor: default;
|
}
|
|
.monitorSpots-tab-container-top button {
|
height: 25px;
|
width: 65px;
|
border: none;
|
border-radius: 3px;
|
background-color: #1476c1;
|
color: #fff;
|
margin: 0 0 0 20px;
|
cursor: pointer;
|
}
|
|
.monitorSpots-tab-container-top button:hover {
|
background-color: #108bab;
|
}
|
|
.monitorSpots-tab-container-bottom {
|
height: 90%;
|
width: 100%;
|
padding: 0;
|
float: left;
|
overflow: auto;
|
}
|
|
.monitorSpots-tab-container-bottom > .line-div {
|
height: 100%;
|
width: 100%;
|
}
|
|
.monitorSpots-tab-container-center {
|
height: 100%;
|
width: 1060px;
|
padding: 0 10px;
|
overflow: hidden;
|
margin-top: -10px;
|
}
|
|
.monitorSpots-tab-container-center iframe {
|
height: 100%;
|
width: 100%;
|
overflow: hidden;
|
}
|
|
.monitorSpots-tab-container-top-left {
|
height: calc(100% - 20px);
|
width: 35%;
|
float: left;
|
display: inline-block;
|
overflow: auto;
|
margin-left: 10px;
|
}
|
|
.monitorSpots-tab-container-top-left #ecological-table {
|
padding: 0;
|
width: 100%;
|
table-layout: fixed;
|
}
|
|
.monitorSpots-tab-container-top-left #ecological-table tr,
|
.monitorSpots-tab-container-top-left #ecological-table td {
|
height: 70px;
|
margin: 0;
|
}
|
|
.monitorSpots-tab-container-top-left #ecological-table tr:nth-child(2n) {
|
background-color: #EBEBEB;
|
}
|
|
.monitorSpots-tab-container-top-left #ecological-table td:nth-child(2n) {
|
text-align: right;
|
font-size: 16px;
|
font-weight: bold;
|
padding: 0 30px 0 0;
|
}
|
|
.monitorSpots-tab-container-top-left #ecological-table td:nth-child(2n+1) {
|
text-align: left;
|
font-size: 18px;
|
padding: 0 0 0 70px;
|
width: 50%;
|
font-weight: bold;
|
}
|
|
.monitorSpots-tab-container-top-right {
|
height: calc(100% - 20px);
|
width: 61%;
|
float: right;
|
display: inline-block;
|
}
|
|
.rada-div {
|
height: 100%;
|
width: 100%;
|
}
|
|
.cover-div {
|
height: 68px;
|
width: 68px;
|
position: absolute;
|
z-index: 10;
|
top: 110px;
|
right: 20px;
|
border-radius: 5px;
|
text-align: center;
|
vertical-align: middle;
|
color: #fff;
|
}
|
|
.cover-div-top {
|
height: 65%;
|
font-size: 28px;
|
border-top-left-radius: 5px;
|
border-top-right-radius: 5px;
|
}
|
|
.cover-div-bottom {
|
height: calc(35% - 1px);
|
font-size: 12px;
|
line-height: 23px;
|
border-bottom-left-radius: 5px;
|
border-bottom-right-radius: 5px;
|
border-top: 1px solid #fff;
|
}
|
|
.monitorSpots-tab-container-bottom-p {
|
padding: 2px 10px;
|
display: inline-block;
|
color: #888888;
|
}
|
|
.monitorSpots-tab-container-center-table-container {
|
height: 100%;
|
width: 1060px;
|
padding: 0;
|
overflow-x: hidden;
|
overflow-y: auto;
|
}
|
|
.monitorSpots-tab-container-center table {
|
padding: 0;
|
width: 100%;
|
table-layout: fixed;
|
}
|
|
.monitorSpots-tab-container-center #base-info-tale tr,
|
.monitorSpots-tab-container-center #base-info-tale td {
|
height: 65px;
|
margin: 0;
|
}
|
|
.monitorSpots-tab-container-center #base-info-tale tr:nth-child(2n) {
|
background-color: #EBEBEB;
|
}
|
|
.monitorSpots-tab-container-center #base-info-tale td:nth-child(2n) {
|
text-align: left;
|
font-size: 16px;
|
font-weight: normal;
|
padding: 0;
|
}
|
|
.monitorSpots-tab-container-center #base-info-tale td:nth-child(2n+1) {
|
text-align: left;
|
font-size: 18px;
|
padding: 0 0 0 20px;
|
width: 20%;
|
font-weight: bold;
|
}
|
|
#myPlayer{
|
height: 100%;
|
width: 100%;
|
}
|
