$color: #c0c4cc;
$bgColor: #304156;
.record {
 display: flex;
 margin: 5px 3px;
 height: calc(100vh - 80px);
 border-radius: 5px;
 .el-select-dropdown__item {
  color: #c0c4cc;
  text-align: left;
 }
 .left {
  min-width: 160px;
  max-width: 160px;
  overflow-y: auto;
  border-right: 1px solid #606266;
  padding: 1px 5px;
  .station_list {
   margin: 8px 0;
  }
  .p_style {
   margin: 0;
   padding: 3px 0;
   border-bottom: 1px solid $color;
   border-radius: 3px;
   cursor: pointer;
  }
  .bg_style {
   background: $bgColor;
  }
 }
 .main {
  flex: 1;
  display: flex;
  flex-direction: column;
  .tools {
   padding: 8px 5px;
   border-bottom: 1px solid #606266;
   text-align: left;
  }
  .content {
   flex: 1;
   overflow-y: auto;
   padding: 8px;
   .items {
    text-align: left;
    border-bottom: 1px dashed #606266;
    margin: 12px 0;
    text-indent: 5px;
    // .user_style {
    //  font-size: 18px;
    //  width: 100px;
    //  border-radius: 5px;
    //  padding-left: 8px;
    //  background: rgba(48, 65, 86, 0.4);
    //  cursor: pointer;
    // }
    // .item_log {
    //  text-indent: 20px;
    //  margin: 3px 0;
    // }
   }
  }
 }
}