.mSearchBoxLayout {
  padding: 20px 16px 26px 16px;
  width: 100%;
  overflow: hidden;
  font-family: NunitoSans-Regular, Helvetica, Arial, sans-serif;
  background: #fff;
  .logo {
    background: url(~@whalecloud/magic-box-themes/assets/eshopw/imgs/ecommerce.png) no-repeat 0 0;
    display: block;
    text-indent: -20000px;
    width: 39px;
    height: 51px;
    margin-right: 11px;
  }

  .logoTitle {
    font-family: NunitoSans-Black;
    font-size: 24px;
    color: #3a2e2e;
    letter-spacing: 0;
    height: 32px;
    line-height: 32px;
  }

  .logoContent {
    font-size: 14px;
    color: rgba(0, 0, 0, 0.85);
    letter-spacing: 0;
    height: 19px;
    line-height: 19px;
  }

  .shopButton {
    height: 40px;
    line-height: 40px;
    width: 134px;
    border: 1px solid #dedede;
    margin-left: 24px;
    color: #ed2121;
    text-align: center;
    cursor: pointer;
  }

  .shoppingCart {
    font-size: 12px;
    letter-spacing: 0;
    margin-left: 8px;
  }

  .shoppingCartIcon {
    margin-bottom: 4px;
    display: inline-block;
    width: 16px;
    height: 16px;
    vertical-align: middle;
    background-size: cover;
    background-position: 0 0;
    background-repeat: no-repeat;
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTZweCIgaGVpZ2h0PSIxNnB4IiB2aWV3Qm94PSIwIDAgMTYgMTYiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8dGl0bGU+6LSt54mp6L2mIDwvdGl0bGU+CiAgICA8ZyBpZD0i6aaW6aG1IiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTEwNS4wMDAwMDAsIC02Mi4wMDAwMDApIiBmaWxsLXJ1bGU9Im5vbnplcm8iIGlkPSLpobbpg6gv5LqM57qn5a+86IiqX+acqueZu+W9lSI+CiAgICAgICAgICAgIDxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDI0LjAwMDAwMCwgNTAuMDAwMDAwKSIgaWQ9Iui0reeJqei9puaMiemUriI+CiAgICAgICAgICAgICAgICA8ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxMDY1LjAwMDAwMCwgMC4wMDAwMDApIj4KICAgICAgICAgICAgICAgICAgICA8ZyBpZD0i6LSt54mp6L2mLSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTYuMDAwMDAwLCAxMi4wMDAwMDApIj4KICAgICAgICAgICAgICAgICAgICAgICAgPHJlY3QgaWQ9IlJlY3RhbmdsZSIgZmlsbD0iIzAwMDAwMCIgb3BhY2l0eT0iMCIgeD0iMCIgeT0iMCIgd2lkdGg9IjE2IiBoZWlnaHQ9IjE2Ij48L3JlY3Q+CiAgICAgICAgICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0xMi45OTA2MDg3LDEyLjMyNTIxNzQgQzEyLjI1NTY1MjIsMTIuMzI1MjE3NCAxMS42NTk4MjYxLDEyLjkyMTA0MzUgMTEuNjU5ODI2MSwxMy42NTYgQzExLjY1OTgyNjEsMTQuMzkwOTU2NSAxMi4yNTU2NTIyLDE0Ljk4Njc4MjYgMTIuOTkwNjA4NywxNC45ODY3ODI2IEMxMy43MjU1NjUyLDE0Ljk4Njc4MjYgMTQuMzIxMzkxMywxNC4zOTA5NTY1IDE0LjMyMTM5MTMsMTMuNjU2IEMxNC4zMjEzOTEzLDEyLjkyMTA0MzUgMTMuNzI1NTY1MiwxMi4zMjUyMTc0IDEyLjk5MDYwODcsMTIuMzI1MjE3NCBaIE0xMi45OTA2MDg3LDE0LjMyMTM5MTMgQzEyLjYyMjk1NjUsMTQuMzIxMzkxMyAxMi4zMjUyMTc0LDE0LjAyMzY1MjIgMTIuMzI1MjE3NCwxMy42NTYgQzEyLjMyNTIxNzQsMTMuMjg4MzQ3OCAxMi42MjI5NTY1LDEyLjk5MDYwODcgMTIuOTkwNjA4NywxMi45OTA2MDg3IEMxMy4zNTgyNjA5LDEyLjk5MDYwODcgMTMuNjU2LDEzLjI4ODM0NzggMTMuNjU2LDEzLjY1NiBDMTMuNjU2LDE0LjAyMzY1MjIgMTMuMzU3OTEzLDE0LjMyMTM5MTMgMTIuOTkwNjA4NywxNC4zMjEzOTEzIFogTTYuMDAzODI2MDksMTIuMzI1MjE3NCBDNS4yNjg4Njk1OCwxMi4zMjUyMTc0IDQuNjczMDQzNDgsMTIuOTIxMDQzNSA0LjY3MzA0MzQ4LDEzLjY1NiBDNC42NzMwNDM0OCwxNC4zOTA5NTY1IDUuMjY4ODY5NTgsMTQuOTg2NzgyNiA2LjAwMzgyNjA5LDE0Ljk4Njc4MjYgQzYuNzM4NzgyNjEsMTQuOTg2NzgyNiA3LjMzNDYwODcsMTQuMzkwOTU2NSA3LjMzNDYwODcsMTMuNjU2IEM3LjMzNDYwODcsMTIuOTIxMDQzNSA2LjczODc4MjYxLDEyLjMyNTIxNzQgNi4wMDM4MjYwOSwxMi4zMjUyMTc0IFogTTYuMDAzODI2MDksMTQuMzIxMzkxMyBDNS42MzYxNzM5MiwxNC4zMjEzOTEzIDUuMzM4NDM0OCwxNC4wMjM2NTIyIDUuMzM4NDM0OCwxMy42NTYgQzUuMzM4NDM0OCwxMy4yODgzNDc4IDUuNjM2MTczOTIsMTIuOTkwNjA4NyA2LjAwMzgyNjA5LDEyLjk5MDYwODcgQzYuMzcxNDc4MjcsMTIuOTkwNjA4NyA2LjY2OTIxNzM5LDEzLjI4ODM0NzggNi42NjkyMTczOSwxMy42NTYgQzYuNjY5MjE3MzksMTQuMDIzNjUyMiA2LjM3MTEzMDQ0LDE0LjMyMTM5MTMgNi4wMDM4MjYwOSwxNC4zMjEzOTEzIFogTTE0Ljg5MzIxNzQsOC43MDc0NzgyNyBDMTQuODkzMjE3NCw4LjcwNzQ3ODI3IDE1LjY1MjE3MzksNC4zNiAxNS42NTIxNzM5LDQuMzQwMTczOTIgQzE1LjY1MjE3MzksMy42MDUyMTc0MSAxNS4wNTYzNDc4LDMuMDA5MzkxMzEgMTQuMzIxMzkxMywzLjAwOTM5MTMxIEwzLjE0NjQzNDc4LDMuMDA5MzkxMyBMMi45NDc0NzgyNywxLjk2MzgyNjA5IEMyLjc4Mjk1NjUyLDEuNDE1MzA0MzQgMi4yODAzNDc4MywxLjAxMzIxNzM5IDEuNjc4NjA4NywxLjAxMzIxNzM5IEwwLjY4MDM0NzgyOCwxLjAxMzIxNzM5IEMwLjQ5NjY5NTY1NiwxLjAxMzIxNzM5IDAuMzQ3ODI2MDk0LDEuMTYyMDg2OTUgMC4zNDc4MjYwOTQsMS4zNDU3MzkxMiBDMC4zNDc4MjYwOTQsMS41Mjk3MzkxMiAwLjQ5NjY5NTY1NiwxLjY3ODYwODY5IDAuNjgwNjk1NjU2LDEuNjc4NjA4NjkgTDEuNjc4OTU2NTMsMS42Nzg2MDg2OSBDMS45OTc5MTMwNSwxLjY3ODYwODY5IDIuMjYzNjUyMTksMS45MDMzMDQzNCAyLjMyODY5NTY2LDIuMjAyNDM0NzggTDMuNzkzMDQzNDgsMTAuNTA3ODI2MSBDMy43OTkzMDQzNiwxMC41NTUxMzA0IDMuODMxNjUyMTksMTAuNjkyNTIxNyAzLjgzMTY1MjE5LDEwLjY5MjUyMTcgQzMuOTgxOTEzMDYsMTEuMjE4MDg3IDQuNDQzMTMwNDUsMTEuNjE3MDQzNSA1LjAwNTkxMzA2LDExLjY1OTQ3ODIgTDE0LjMyMTM5MTMsMTEuNjU5NDc4MiBDMTQuNTA1MDQzNSwxMS42NTk0NzgyIDE0LjY1NDI2MDksMTEuNTEwNjA4NyAxNC42NTQyNjA5LDExLjMyNjk1NjUgQzE0LjY1NDI2MDksMTEuMTQyOTU2NSAxNC41MDUwNDM1LDEwLjk5NDA4NyAxNC4zMjEzOTEzLDEwLjk5NDA4NyBMNS4xMDUzOTEzLDEwLjk5NDA4NyBDNC44MDI3ODI1OSwxMC45OTQwODcgNC41NTAyNjA4NiwxMC43OTA2MDg3IDQuNDY5MjE3MzksMTAuNTE0MDg3IEw0LjMxOTMwNDM0LDkuNjYzMzA0MzQgTDEzLjYyMjYwODcsOS42NjMzMDQzNCBDMTQuMjI2NDM0OCw5LjY2MzMwNDM0IDE0LjczMDc4MjYsOS4yNTg3ODI2MSAxNC44OTMyMTc0LDguNzA3NDc4MjcgWiBNNC4yMDIwODY5NSw4Ljk5NzkxMzA1IEwzLjI2MzY1MjE3LDMuNjc0NzgyNjEgTDE0LjMyMTM5MTMsMy42NzQ3ODI2MSBDMTQuNjg5MDQzNSwzLjY3NDc4MjYxIDE0Ljk4Njc4MjYsMy45NzI1MjE3MyAxNC45ODY3ODI2LDQuMzQwMTczOTEgQzE0Ljk4Njc4MjYsNC40NjE5MTMwMyAxNC4yNTQ5NTY1LDguNTI5MDQzNDcgMTQuMjU0OTU2NSw4LjUyOTA0MzQ3IEMxNC4xNzA0MzQ4LDguNzk5OTk5OTggMTMuOTIxMzkxMyw4Ljk5NzU2NTIgMTMuNjIyNjA4Nyw4Ljk5NzU2NTIgTDQuMjAyMDg2OTUsOC45OTc1NjUyMiBMNC4yMDIwODY5NSw4Ljk5NzkxMzA1IFoiIGlkPSJTaGFwZSIgc3Ryb2tlPSIjRUQyMTIxIiBzdHJva2Utd2lkdGg9IjAuNiIgZmlsbD0iI0VEMjEyMSI+PC9wYXRoPgogICAgICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgPC9nPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+');
  }

  .ant-input-affix-wrapper .ant-input-suffix {
    display: none;

    .ant-input-group {
      .ant-input {
        width: 570px;
        height: 40px;
        line-height: 40px;
        border: 1px solid #ed2121;
      }

      .ant-btn-primary {
        height: 40px;
        width: 60px;
        line-height: 40px;
        background-color: #ed2121;
        border-color: #ed2121;
      }
    }

    .ant-select-auto-complete.ant-select .ant-input:focus,
    .ant-select-auto-complete.ant-select .ant-input:hover {
      border-color: #ed2121;
    }

    .ant-input:focus {
      border-color: #40a9ff;
      border-right-width: 1px !important;
      outline: 0;
      box-shadow: 0 0 0 2px rgba(255, 111, 24, 0.26);
    }
  }

  .hotWords {
    cursor: pointer;
  }

  .hotWords:hover {
    color: #ed2121;
  }
}