.newly-increased-wrap{
  #msg{
    width: 180px !important;
    height: 180px !important;
    padding: 10px;
  }
  .top-title{
    border: 0 !important;
  }
  .screenSet{
    background: #fff;
  }
  .upload-record{
    width: 100%;
    font-size: 20px;
    line-height: 28px;
    color: #1E2F3D;
    background: #fff;
    margin: 30px 0 24px;
  }
  .pagination-style{
    text-align: right;
    margin-top: 20px;
  }
  .tab-list{
    flex: 1;
    display: flex;
    flex-direction: column;
    .choose-label-wrap{
      
      .el-dialog__body{
        padding: 0 25px 30px;
      }
      .under-title-tips{
        font-size: 12px;
        color: #595959;
        text-align: center;

      }
      .row-in-line{
        overflow: hidden;
        margin-top: 35px;
        .el-button, .tips{
          display: inline-block;
        }
        .clear-select{
          color: #449284;
          border: 1px solid #449284;
          &.is-disabled{
            color: #c0c4cc !important;
            background: #fff !important;
            border: 1px solid #dcdfe6 !important;
            opacity: 1;
          }
        }
        .tips, .right{
          float: right;
        }
        .tips{
          line-height: 32px;
        }
      }
      .list-wrap{
        width: 100%; 
        height: 300px;
        border: 1px solid #E4E7ED;
        margin-top: 10px;
        padding: 10px;
        border-radius: 4px;
        overflow: hidden;
        overflow-y: scroll; 
        &::-webkit-scrollbar
        {
            width: 5px;
            height: 5px;
            background-color: #fff;
        }
        &::-webkit-scrollbar-thumb
        {
            border-radius: 10px;
            -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
            background-color: #bbb;
        }
        .el-checkbox{
          margin-right: 10px;
          margin-left: 0;
          margin-bottom: 10px;
          .el-checkbox__input{
            &.is-focus{
              .el-checkbox__inner{
                border-color: #DCDFE6;
              }
            }
          }
          &.is-checked{
            border-color: #449284;
            .el-checkbox__inner{
              background-color: #449284;
              border-color: #449284;
            }
            .el-checkbox__label{
              color: #449284;
            }
          }
        }
      }
    }
    .reload-label-modal{
      text-align: center;
      .el-dialog__body{
        padding: 0 25px 8px;
        .tips{
          text-align: center;
        }
      }
    }
    .download-qr-modal{
      .qr-pic{
        width: 200px;
        height: 200px;
        background: pink;
        margin: 0 auto;
      }
      .exp-date{
        line-height: 36px;
        text-align: center;
        color: #606060;
        padding-bottom: 10px;
      }
      .choose-group{
        text-align: center;
        padding-bottom: 10px;
        .title{
          display: inline-block;
        }
        .el-select{
          width: 350px;
        }
      }
      .under-tips{
        color: #a3a5aa;
        font-size: 12px;
        line-height: 20px;
        text-align: center;
      }
    }
    .el-tabs__item{
      color: #303133;
      font-weight: 600;
      letter-spacing: 1px;
    }
    .el-tabs__active-bar{
      background-color: #449284;
    }
    .el-tabs__content{
      flex: 1;
      overflow: hidden;
      .el-tab-pane{
        width: 100%;
        height: 100%;
        background: #fff;
        overflow: hidden;
        display: flex;
        flex-direction: column;
        .step-guide{
          width: 100%;
          background: #fff;
          .guide-list{
            width: 100%;
            height: 237px;
            margin-top: 15px;
            .first{
              width: 250px;
              // width: 30%;
              height: 200px;
              float: left;
              .procedure{
                width: 100%; height: 20px;
                .icon{
                  width: 20px;
                  height: 20px;
                  display: inline-block;
                  background: #449284;
                  border-radius: 20px;
                  text-align: center; line-height: 20px;
                  font-size: 12px; color: #fff;
                }
                .text{
                  display: inline-block;
                  font-size: 14px;
                  color: #262626;
                  font-weight: 600;
                }
                .border{
                  display: inline-block;
                  // width: 200px;
                  width: 60%;
                  height: 0px;
                  border-bottom: 1px solid #449284;
                  vertical-align: middle;
                }
                &::after{
                  content: '';
                  height: 100%;
                  display: inline-block;
                  vertical-align: middle;
                }
              }
              .under-info{
                padding-left: 25px;
                .step-tips{
                  width: 100%;
                  font-size: 12px;
                  color: #595959;
                  margin: 8px 0 20px;
                }

              }
            }
            .second{
                width: 350px;
                // width: 40%;
                .procedure{
                  .border{
                    // width: 250px;
                    width: 63%;
                  }
                }
                .under-info{
                  .fill-tips{
                    li{
                      font-size: 12px;
                      width: 300px;
                      line-height: 18px;
                      .tips-title{
                        display: inline-block;
                        color: #262626;
                        font-weight: 600;
                        &.notice{
                          color: #449284;
                        }
                      }
                      p{
                        display: inline;
                        color: #595959;
                      }
                    }
                  }
                }

            }
            .third{
              width: 300px;
              // width: 30%;
              .el-upload{
                width: 260px;
                height: 150px;
              }
              .el-upload-dragger{
                width: 260px;
                // width: 100%;
                height: 150px;
              }
            }
          }

        }

        .upload-table{
        }
        .el-table__body-wrapper{
          &::-webkit-scrollbar
          {
              width: 5px;
              height: 5px;
              background-color: #fff;
          }
          &::-webkit-scrollbar-thumb
          {
              border-radius: 10px;
              -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
              background-color: #bbb;
          }
        }
      }
    }
    .qr-code-wrap{
      background: #fff;
      .qr-group{
        width: 100%; height:auto;
        overflow: hidden;
        margin: 30px 0 40px;
        .label-name{
          display: inline-block;
          font-size: 12px;
          color: #8C8C8C;
        }
        .el-tag{
          color: #449284;
          background:rgba(236,244,242,1);
          border:1px solid rgba(150,195,193,1);
          margin: 0 0 10px 10px;
          &.choose-group{
            color: #666666;
            background:rgba(255,255,255,1);
            border:1px dashed rgba(217,217,217,1);
            cursor: pointer;
          }
        }
      }
      .qr-pic-wrap{
        width: 100%; height: auto;
        .qr-box{
          width: 200px;
          margin: 0 auto;
          text-align: center;
          .pic{
            background:rgba(240,242,245,1);
            width: 200px; height: auto;
            border: 0; 
            .qr-code-img{
              width: 200px;
              height: 200px;
              overflow: hidden;
              border: 0;
              display: block;
            }
            border: 0;
            .qr-download-btn{
              color: #fff;
              background: #449284;
              width: 200px;
              border: 0;
              margin-top: -3px;
            }
          }
          .time-limit{
            width: 100%;
            text-align: center;
            color: #8C8C8C;
            font-size: 12px;
            line-height: 41px;
          }
          .refresh-btn{
            color: #449284;
            background:rgba(236,244,242,1);
            border:1px solid rgba(150,195,193,1);
          }

        }
      }
      .border-space{
        width: 100%;
        height: 1px;
        background: #EBEEF5;
        margin-top: 30px;
      }
      .increased-steps-wrap{
        overflow: hidden;
        .label-title{
          font-size: 20px;
          color: #1E2F3D;
          line-height: 28px;
          margin: 30px 0 24px;
        }
        .flow-path{
          // width: 100%; 
          height: 395px;
          display: block;
          border: 0;
          margin-left: -20px;
        }
      }
    }
  }
}