commonArea.css

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-size: 0.14rem;
}

body {
  background-color: #001a4c;
}

/* 清格式 */

.clearfix:after {
  content: "";
  height: 0;
  line-height: 0;
  display: block;
  visibility: hidden;
  clear: both;
}

@font-face {
  font-family: "led";
  src: url(@/assets/fonts/FX-LED.TTF);
}

.clearfix {
  zoom: 1;
}

.clear {
  clear: both;
}

.content_top {
  font-size: 0.16rem;
  height: 1.4rem;
  background: url("../images/topBg.png") center center no-repeat;
  background-size: contain;
}

.padding_box2 {
  margin: 0 auto;
  /* width: 15.85rem; */
  width: 17.5rem;
  height: 8.54rem;
}

.menu_box {
  float: left;
  width: 4rem;
}

.tab_list ul li {
  border-radius: 0.1rem;
}

.tab_list ul li a {
  font-size: 0.24rem;
  justify-content: space-around;
}

.tab_list ul li a:hover {
  text-decoration: none;
}

.tabName {
  font-size: 0.19rem;
}

.monitor2 {
  font-size: 0.15rem;
}

.content_box {
  float: right;
  width: 13rem;
  height: 8.54rem;
  background: rgba(0, 11, 52, 0.6);
  padding: 0.25rem 0.52rem;
  border-radius: 0.1rem;
}

.room_box {
  position: relative;
  height: 100%;
  /* width: 11.82rem;
    height: 8.18rem; */
  width: 100%;
  height: 100%;
}

.bg_img {
  position: absolute;
  top: 0;
  left: 0;
  /* height: 100%; */
  /*  width: 11.82rem;
    height: 8.18rem; */
  width: 100%;
  height: 100%;
}

.camera {
  position: absolute;
  width: 0.25rem;
  height: 0.25rem;
}