// 总览页面
.container-main {
  width: 100%;
  // height: 880PX;
  height: 100%;
  // min-width: 1250PX;
  background: $--background-color-base;
  .iconfont {
    font-family: "iconfont" !important;
    font-size: 34PX;
    text-align: center;
    font-weight: 500;
    color: #000000;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  .icon-ziyuan:before {
    content: "\e670";
    position:absolute;
    z-index:2;
    left: 45PX;
    top: 72PX;
    // color: #$--color-primary;
  }
  .tuxing-left {
    float: left;
    // margin-top: 20PX;
    margin-left: 1%;
    width: 62%;
    // height: 860PX;
    background-color: $--color-white;
    border: solid 1PX $--border-color-lighter;
  }
  .tuxing-right {
    float: left;
    margin-left: 1%;
    width: 35%;
    box-sizing: border-box;
    background-color: $--color-white;
    border: solid 1PX $--border-color-lighter;
    position: relative;
    overflow-x: auto;
  }
  .main-patternstatus{
    .curTimeLine {
      position: absolute;
      top: -10PX;
      width: 2PX;
      z-index: 999;
      background-color: $--color-text-primary;
    }
    .divider {
      position: absolute;
      top: -10PX;
      // left: 370px;
      width: 2PX;
      // height: 99px;
      z-index: 999;
      background-color: $--color-text-primary;
    }
    .curTimeDiv {
      position: absolute;
      z-index:50;
      top: -25PX;
      font-size: 14PX;
      margin-left: -10PX;
      text-align:center;
      vertical-align: middle;
      width: 25PX;
      height: 19PX;
      color: $--color-text-primary;
      // background-color: black;
    }
  }
  .pattern-status {
    min-height: 200PX;
    margin-left: 20PX;
    margin-top: 20PX;
    margin-right: 20PX;
    margin-bottom: 86PX;
    .overLap{
      width: 100% !important;
    }
  }
  .pattern-name {
    display: inline;
    font-size: 20PX;
    font-weight: normal;
    font-stretch: normal;
    line-height: 22PX;
    letter-spacing: 0PX;
    color: $--color-text-primary;
  }
  .pattern-message {
    display: inline;
    margin-left: 10PX;
    font-size: 14PX;
    font-weight: normal;
    font-stretch: normal;
    line-height: 22PX;
    letter-spacing: 0PX;
    color: $--color-text-regular;
  }

  .cross-mess {
    margin-left: 15PX;
    margin-top: 15PX;
    height: 20PX;
    font-size: 18PX;
    font-weight: normal;
    font-stretch: normal;
    line-height: 22PX;
    letter-spacing: 0PX;
    color: $--color-text-primary;
  }
  

  .el-tag {
    margin-right: 4PX;
    margin-bottom: 4PX;
  }
  .sloat-icon {
    cursor:pointer;
    margin-top: 15PX;
  }
  .pattern-explain {
    float: right;
    color: $--color-text-regular;
    .el-checkbox__label {
      font-size: 14PX;
      color: $--color-text-regular;
      font-weight: normal;
      font-stretch: normal;
      line-height: 22PX;
      letter-spacing: 0PX;
    }
  }
 .jsontextarea {
  textarea {
    min-height: 200PX !important;
    max-height:300PX;
  }
 }
}
.el-button-group {
  .btn {
    color: $--color-text-primary;
  }
}