.new-cylon-search-bar {
  height: 200px;
  position: relative;

  .top {
    width: 100%;
    position: absolute;
    top: 10px;
    z-index: 2;
    padding: 0 16px;
    height: 36px;
    display: flex;
    justify-content: space-between;

    .logo {
      height: 100%;
      max-width: 100px;
    }

    .search-box {
      display: flex;
      flex-direction: row;
      justify-content: space-between;
      align-items: center;
      width: 240px;
      background-color: #FFFFFF;
      border: 1px solid #C4C4C4;

      .placeholder {
        font-size: 16px;
        color: #7B7B7B;
        margin-left: 14px;
      }
    
      .icon {
        width: 18px;
        height: 18px;
        margin-right: 14px;
      }
    }
  }

  // 轮播图
  .fxm-carousel-wrap {
    position: absolute;
    bottom: 6px;

    .fxm-carousel-wrap-dot > span {
      display: inline-block;
      width: 16px;
      height: 4px;
      background: #F4F4F4;
      border: 1px solid #D5D5D5;
      border-radius: 0;
    }

    .fxm-carousel-wrap-dot-active > span {
      background: #FF1659;
      border: 1px solid #FF1659;
    }
  }
}