.block-container{
  width: 100%;
  padding: 12px;
  margin-right: auto;
  margin-left: auto;
  .row{
    display: flex;
    flex-wrap: wrap;
    flex: 1 1 auto;
    margin: -12px;
    justify-content:center;
    .col{
        max-width: 250px;
        flex: 0 0 auto;
        width: auto;
        padding: 12px;
    }
    .border-bottom{
          width: 150px;
          min-width: 120px;
          background-color: rgb(255, 255, 255);
          border: thin solid rgba(0,0,0,.12);
          border-bottom: 6px solid #1976d2;
          color: rgba(0,0,0,.87);
          position: relative;
          border-radius: 8px;
          display: block;
          max-width: 100%;
          outline: none;
          text-decoration: none;
          transition-property: box-shadow,opacity;
          overflow-wrap: break-word;
          white-space: normal;
          .col-tit{
              // text-transform: uppercase;
              white-space: nowrap;
              overflow: hidden;
              text-overflow: ellipsis;
              font-size: 14px;
              letter-spacing: 0.009378px;
              line-height: 20px;
              font-weight: 400;
              font-family: "Roboto,sans-serif";
              color: #90a4ae;
              caret-color: #90a4ae;
              text-align: left;
          }
          .col-con{
              line-height: 32px;
              font-family: Roboto,sans-serif;
              font-size: 24px;
              font-weight: 400;
              letter-spacing: normal;
              white-space: nowrap;
              overflow: hidden;
              text-overflow: ellipsis;
              padding-top: 16px;
              .col-con-unit{
                color: #b0bec5;
                caret-color: #b0bec5;
                font-size: 16px;
                font-weight: 400;
                line-height: 28px;
                letter-spacing: .0014px;
                font-family: "Roboto,sans-serif";
              }
          }
    }
    .block-box{
      // display: flex;
      // flex-wrap: wrap;
      // flex:1 1 auto;
      // margin:0;
    }
  }
}
.dot{
  display: inline-block !important;
  width:8px !important;
  height: 8px !important;
  border-radius: 50% !important;
  background: #1976d2 !important;
  margin-right: 12px !important;
}
.px-3{
  padding-right: 12px!important;
  padding-left: 12px!important;
}
.py-4{
  padding-top: 16px!important;
  padding-bottom: 16px!important;
}
.el-dialog{
  display: flex;
  flex-direction: column;
  margin:0 !important;
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%,-50%);
}
::v-deep .el-dialog:not(.is-fullscreen){
  margin-top:0 !important;
}
