.smart-app-banner {
  padding-left: 10px;
  padding-right: 21px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  height: 55px;
  background: #FFFFFF;
  border-bottom: 1px solid #DDDDDD;
  z-index: 10002;
  color: #FFF;
  box-sizing: border-box; }
  @media only screen and (max-width: 329px) {
    .smart-app-banner a.logo-wrapper {
      display: none; } }
  .smart-app-banner a {
    text-decoration: none; }
  .smart-app-banner a.logo-wrapper {
    font-size: 0;
    margin-right: 12px; }
  .smart-app-banner a.close {
    color: #999;
    font-size: 20px;
    display: inline-block;
    width: 24px;
    height: 24px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAMAAAAM7l6QAAAAVFBMVEUAAACAgIBxcXGAgIB0dHSAgIB9fX19fX1+fn6AgIB/f39/f3+AgIB/f3+AgICAgIB/f3+AgIB/f3+AgIB/f3+AgIB/f3+AgIB/f3+AgIB/f3+AgICFKum+AAAAG3RSTlMACAkKCwwvMUFGp6ussbS4ubq7vL2+v8DBwsMpJ2KSAAAAgklEQVR4AdXQzQ7CIBDEcVzqt6ilRdF9//cU4xz6T4j3zo35JWQzYe3ZXeLyuUlH8NkfcaGj38CxyKXPAdy8VVT6rNJGfcTYzy1D4XWg0iev2QuVDu1wHf5oyf6C47Q5WvNtT+NXQ6BDTbO84Rp1Mo1Kp3b9KpXfPYEPSSo/7cPK8wFb9Qj9P2fy3wAAAABJRU5ErkJggg==) no-repeat 4px 4px;
    background-size: 14.4px; }
  .smart-app-banner img {
    height: 44px;
    width: 44px;
    box-sizing: border-box; }
  .smart-app-banner a.download {
    margin-left: auto;
    height: 28px;
    width: 51px;
    background: #eb6133;
    border-radius: 4px;
    font-size: 12px;
    line-height: 28px;
    color: #FFFFFF;
    letter-spacing: 0.7px;
    text-align: center; }
  .smart-app-banner .words .title {
    font-size: 15px;
    color: #222222; }
  .smart-app-banner .words .description {
    font-size: 12px;
    color: #999999; }

.smart-app-banner ~ .main-container #mart-header {
  position: relative; }
  .smart-app-banner ~ .main-container #mart-header.transparent {
    position: absolute; }