/**class 必须有一个父class包起来，避免混淆*/
.micro-search-bar-box {
  .design-preview-controller {
    .search-con {
      height: 100px;
      //background-color: #fff;
      display: flex;
      justify-content: center;
      flex-direction: column;
      background-repeat: no-repeat;
      background-size: 100%;
      //border-bottom: 1px solid grey;
      display: flex;
      justify-content: center;
      align-items: center;

      .top {
        width: 100%;
        height: 50px;
      }

      .logo-f {
        width: 90%;
        height: 50px;
        display: flex;
        // justify-content: center;
        align-items: center;

        .logoimg {
          width: 30px;
          height: 30px;

        }

        .titleimg{
          margin-left: 10px;
          margin-top: 5px;
          height: 30px;
          width: 75px;
        }

        .title{
          font-weight: bold;
          margin-left: 10px;
        }
      }
    }

    .micro-search-bar {
      display: flex;
      align-items: center;
      font-size: 14px;
      color: #999;
      padding-left: 10px;

      .tit-text {
        margin-left: 2px;
      }
    }
  }

  .design-config-editor {
    .imgs {
      width: 50px;
      height: 50px;
    }

    .design-editor-component-title {
      margin-bottom: 5px;
    }

    .el-form-item {
      margin-bottom: 10px;
    }

    .el-slider {
      width: 80%;
    }
  }
}
