smartCity/style/equipment.css

body{
  color: var(--text-color);
  /* background: #101010; */
  padding: 20px;
}

.s1{
  padding-bottom: 10px;
}

.s1,.s2{
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin: 0px auto 10px;

}
.s-title{
  display: flex;
  justify-content: space-between;
  width: 100%;
}

.s-title .tag{
  color: var(--sub-text-color);
  font-size: 14px;
  padding: 2px;
  border: 1px solid var(--sub-text-color);
}

.s1 .s1-title{
  margin-top: 15px;
  font-size: 16px;
}

.s1 .s1-title span{
  color: #fd8f0f;
  font-weight: bold;
}

.s1 .e-con{
  height: 120px;
  width: 100%;
  display: flex;
  margin-top: 10px;
}

.s1 .e-con>div{
  flex: 1;
}
.s1 .e-con>div>div:first-child{
  width: 100%;
  height: 90%;
}

.s1 .con-txt{
  width: 100%;
  text-align: center;
}


.s2 .s2-con{
  display: flex;
  justify-content: space-between;
  width: 100%;
}

.s2 .s2-con .sl-title{
  font-size: 16px;
  margin-top: 10px;
}

.s2 .s2-con .sl-sub{
  font-size: 18px;
  font-weight: bold;
  line-height: 2;
  margin-bottom: 10px;
  color: #fd8f0f;
}

.s2 .s2-con .s2-left{
  flex: 2;
}
.s2 .s2-con .s2-right{
  flex: 3;
}


.s3 .s3-select{
  display: flex;
  justify-content: space-between;
  padding-top: 10px;
  font-size: 14px;
}
.s3 .s3-select select{
  width: 100px;
}
.s3 .jiaotong{
  width: 100%;
  padding: 10px 0;
  box-sizing: border-box;
  height: 200px;
}

.s3 .jiaotong .jiaotong-table{
  height: 94%;
  margin-top: 2%;
  overflow: hidden;
}

.s3 .jiaotong .jiaotong-table .t-main{
  overflow-y: scroll;
  height: 85%;
  margin-top: 15px;
}

.s3 .jiaotong .jiaotong-table span{
  display: inline-block;
  text-align: center;
  flex: 2;
}
.s3 .jiaotong .jiaotong-table span:first-child{
  flex: 3;
}
.s3 .jiaotong .jiaotong-table span:last-child{
  flex: 1
}

.s3 .jiaotong .jiaotong-table .t-header{
  color: var(--sub-text-color);
  font-size: 14px;
  display: flex;
  justify-content: space-between;
}

.s3 .jiaotong .jiaotong-table .t-body{
  display: flex;
  justify-content: space-between;
  font-size: 14px;
  padding: 10px 0;
}

.s3 .jiaotong .jiaotong-table .active{
  background: var(--sub-text-color);
}

.s4 .s4-con{
  display: flex;
  justify-content: space-between;
  margin-top: 10px;
}

.s4 .s4-con .s4-left{
  flex: 2;
}
.s4 .s4-con .s4-right{
  flex: 3;
  margin-left: 10px;
}
.s4 .s4-con .s4-right .s4-item{
  display: flex;
  justify-content: space-between;
  line-height: 2;
  align-items: center;
  margin-top: 5px;
  font-size: 16px;
}

.s4 .s4-con .s4-right .s4-item .s4i-l{
  color: var(--sub-text-color);
  flex: 2;
}
.s4 .s4-con .s4-right .s4-item .s4i-r{
  flex: 3;
  text-align: right;
}