.modal-container {
  width: 0;
  height: 0;
}

.modal-mask, .modal-content {
  position: fixed;
  z-index: 999;
}

.modal-mask {
  left: 0;
  top: 0;
  box-sizing: border-box;
  width: 100%;
  height: 100vh;
  background: rgba(0, 0, 0, 0.5);
}

.modal-content {
  position: fixed;
  top: 50%;
  left: 50%;
  -webkit-transform: translate3d(-50%, -50%, 0);
          transform: translate3d(-50%, -50%, 0);
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
.modal-content.with-transition {
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
}
.modal-content.with-shadow {
  box-shadow: 0 20px 60px -2px rgba(27, 33, 58, 0.4);
}
.modal-content-top {
  top: 0;
  right: auto;
  bottom: auto;
  left: 50%;
  -webkit-transform: translate3d(-50%, 0, 0);
          transform: translate3d(-50%, 0, 0);
}
.modal-content-right {
  top: 50%;
  right: 0;
  bottom: auto;
  left: auto;
  -webkit-transform: translate3d(0, -50%, 0);
          transform: translate3d(0, -50%, 0);
}
.modal-content-bottom {
  top: auto;
  right: auto;
  bottom: 0;
  left: 50%;
  -webkit-transform: translate3d(-50%, 0, 0);
          transform: translate3d(-50%, 0, 0);
}
.modal-content-left {
  top: 50%;
  right: auto;
  bottom: auto;
  left: 0;
  -webkit-transform: translate3d(0, -50%, 0);
          transform: translate3d(0, -50%, 0);
}

.modal-mask-fade-enter-active, .modal-mask-fade-leave-active {
  transition: opacity 0.2s;
}

.modal-mask-fade-enter, .modal-mask-fade-leave-to {
  opacity: 0;
}

.modal-fade-enter-active, .modal-fade-leave-active {
  transition: opacity 0.3s;
}

.modal-fade-enter, .modal-fade-leave-to {
  opacity: 0;
}

.modal-slide-top-enter,
.modal-slide-top-leave-active {
  -webkit-transform: translate3d(-50%, -100%, 0);
          transform: translate3d(-50%, -100%, 0);
}

.modal-slide-right-enter,
.modal-slide-right-leave-active {
  -webkit-transform: translate3d(100%, -50%, 0);
          transform: translate3d(100%, -50%, 0);
}

.modal-slide-bottom-enter,
.modal-slide-bottom-leave-active {
  -webkit-transform: translate3d(-50%, 100%, 0);
          transform: translate3d(-50%, 100%, 0);
}

.modal-slide-left-enter,
.modal-slide-left-leave-active {
  -webkit-transform: translate3d(-100%, -50%, 0);
          transform: translate3d(-100%, -50%, 0);
}

.modal-quick-fade-out-active {
  transition: opacity 0.2s;
}

.modal-quick-fade-out {
  opacity: 0;
}

.modal-bounce-in-enter-active {
  -webkit-animation: modal-bounce-in 0.3s ease-out;
          animation: modal-bounce-in 0.3s ease-out;
}

@-webkit-keyframes modal-bounce-in {
  0% {
    -webkit-transform: translate3d(-50%, -50%, 0) scale(0.7);
            transform: translate3d(-50%, -50%, 0) scale(0.7);
  }
  50% {
    -webkit-transform: translate3d(-50%, -50%, 0) scale(1.1);
            transform: translate3d(-50%, -50%, 0) scale(1.1);
  }
  100% {
    -webkit-transform: translate3d(-50%, -50%, 0) scale(1);
            transform: translate3d(-50%, -50%, 0) scale(1);
  }
}

@keyframes modal-bounce-in {
  0% {
    -webkit-transform: translate3d(-50%, -50%, 0) scale(0.7);
            transform: translate3d(-50%, -50%, 0) scale(0.7);
  }
  50% {
    -webkit-transform: translate3d(-50%, -50%, 0) scale(1.1);
            transform: translate3d(-50%, -50%, 0) scale(1.1);
  }
  100% {
    -webkit-transform: translate3d(-50%, -50%, 0) scale(1);
            transform: translate3d(-50%, -50%, 0) scale(1);
  }
}
.dialog {
  color: #999;
}
.dialog .modal-content {
  width: 80%;
  max-width: 300px;
  border-radius: 3px;
}

.dialog-wrap {
  padding: 15px 20px 15px;
  text-align: center;
  font-size: 14px;
}

.dialog-header {
  color: #333;
  margin-bottom: 10px;
}

.dialog-content {
  margin: 0;
  min-height: 24px;
  line-height: 24px;
}

.dialog-buttons {
  display: flex;
  flex: 0 1 auto;
  width: 100%;
  border-top: 1px solid #eee;
  font-size: 12px;
}

.dialog-button {
  flex: 1;
  display: block;
  background: transparent;
  padding: 0;
  margin: 0;
  border: 0;
  cursor: pointer;
  box-sizing: border-box;
  line-height: 40px;
  height: 40px;
  color: #666;
  font: inherit;
  outline: none;
  font-size: 12px;
  border-left: 1px solid #eee;
}
.dialog-button:first-child {
  border-left: 0;
}
@font-face {font-family: "iconfont";
  src: url(https://g.yppstatic.com/a51f380aafbd8917c2844f3af6f8f323.eot); /* IE9 */
  src: url(https://g.yppstatic.com/a51f380aafbd8917c2844f3af6f8f323.eot#iefix) format('embedded-opentype'), /* IE6-IE8 */
  url('data:application/x-font-woff2;charset=utf-8;base64,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') format('woff2'),
  url(https://g.yppstatic.com/089b23c1e5bb7e236e6d54d4ea854cd2.woff) format('woff'),
  url(https://g.yppstatic.com/f80f8d1d6f97107a1414ce9482cf9dd1.ttf) format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */
  url(https://g.yppstatic.com/7bff952a8a4dcd5813d3337b6552782b.svg#iconfont) format('svg'); /* iOS 4.1- */
}

.iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-nav_bixin_location:before {
  content: "\e762";
}

.icon-lux_iconfont_16_close1:before {
  content: "\e618";
}

.icon-lux_iconfont_20_search:before {
  content: "\e619";
}

.icon-lux_iconfont_16_arrow2:before {
  content: "\e61c";
}

.icon-lux_iconfont_16_notice:before {
  content: "\e61d";
}

.icon-lux_iconfont_arrow:before {
  content: "\e60c";
}

.icon-lux_iconfont_select:before {
  content: "\e60d";
}

.icon-lux_iconfont_toast_failure:before {
  content: "\e60f";
}

.icon-lux_iconfont_toast_successful:before {
  content: "\e610";
}

.icon-lux_iconfont_32_close1:before {
  content: "\e611";
}

.icon-lux_iconfont_16_close2:before {
  content: "\e61a";
}

.icon-nav_bixin_back:before {
  content: "\e71e";
}

.icon-nav_bixin_close:before {
  content: "\e720";
}

.icon-nav_bixin_more:before {
  content: "\e721";
}

.icon-nav_bixin_setting:before {
  content: "\e722";
}

.icon-nav_bixin_share:before {
  content: "\e723";
}

.icon-nav_bixin_help:before {
  content: "\e724";
}

.icon-nav_xxq_consult:before {
  content: "\e6a9";
}

.icon-nav_xxq_barrage_off:before {
  content: "\e6ac";
}

.icon-nav_xxq_more:before {
  content: "\e6ad";
}

.icon-nav_xxq_barrage_on:before {
  content: "\e6bb";
}

.icon-nav_xxq_edit:before {
  content: "\e6bc";
}

.icon-nav_xxq_help:before {
  content: "\e6be";
}

.icon-nav_xxq_back:before {
  content: "\e6af";
}

.icon-nav_xxq_close:before {
  content: "\e6bd";
}

.icon-nav_yuer_share:before {
  content: "\e73c";
}

.icon-nav_yuer_help:before {
  content: "\e73d";
}

.icon-nav_yuer_close:before {
  content: "\e717";
}

.icon-nav_yuer_back:before {
  content: "\e70e";
}

.icon-nav_yuer_more:before {
  content: "\e70f";
}


.toast-mask {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 999;
}

.toast-container {
  position: fixed;
  pointer-events: none;
  z-index: 1000;
  width: 100%;
  height: 100%;
  left: 100%;
  top: 100%;
  transition: opacity 0.2s linear;
}

.toast {
  position: absolute;
  padding: 9px 20px;
  max-width: 230px;
  min-width: 50px;
  border-radius: 18px;
  background: rgba(0, 0, 0, 0.8);
  color: #fff;
  text-align: center;
  font-size: 14px;
}
.toast .indicator {
  margin: 0 auto;
}

.toast-with-icon {
  padding: 0;
  border-radius: 8px;
}

.toast-loading {
  width: 80px;
  height: 80px;
  justify-content: center;
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  align-items: center;
  font-size: 12px;
}

.toast-loading-body {
  margin-bottom: 4px;
}

.toast-icon {
  width: 100px;
  height: 100px;
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.toast-icon i {
  width: 36px;
  height: 36px;
  font-size: 36px;
  color: #fff;
  margin-bottom: 12px;
}
.toast-icon.toast-icon-auto {
  width: inherit;
  height: inherit;
  padding: 10px;
  min-width: 100px;
  min-height: 100px;
  box-sizing: border-box;
}

.place-top {
  top: -100%;
  left: -50%;
  -webkit-transform: translate(-50%, 50px);
          transform: translate(-50%, 50px);
}

.place-middle {
  top: -50%;
  left: -50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.place-bottom {
  top: -50px;
  left: -50%;
  -webkit-transform: translate(-50%, -100%);
          transform: translate(-50%, -100%);
}

.toast-pop-leave-active {
  opacity: 0;
}

.mask-pop-leave-active {
  opacity: 0;
}

.toast-html {
  word-break: break-word;
}

.word-break-all {
  word-break: break-all;
}
.indicator {
  position: relative;
  width: 40px;
  height: 40px;
  -webkit-animation: indicator-rotate 1s linear infinite;
          animation: indicator-rotate 1s linear infinite;
}
.indicator img {
  height: 40px;
}

@-webkit-keyframes indicator-rotate {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
  }
}

@keyframes indicator-rotate {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.avatar-wrap {
  background-size: 100% 100%;
  background-position: center;
  background-repeat: no-repeat;
  display: inline-block;
  overflow: hidden;
  width: 120px;
  height: 120px;
  border-radius: 50%;
  -webkit-mask-image: radial-gradient(white, black);
}

.avatar {
  cursor: pointer;
  width: 100%;
  height: 100%;
}
.avatar.fade {
  opacity: 0;
}
.avatar.fade.loaded {
  -webkit-animation-duration: 0.5s;
          animation-duration: 0.5s;
  -webkit-animation-timing-function: ease-in;
          animation-timing-function: ease-in;
  -webkit-animation-name: fadeIn;
          animation-name: fadeIn;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}
.infinite-table-wrap .infinite-scroll-wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

.loading-progress {
  height: 25px;
  width: 25px;
  background: url(https://g.yppstatic.com/be9bc045c9bf9e332c7fced2eb82cbb4.gif) no-repeat;
  background-size: cover;
}
.dg-picker {
  width: 100%;
  border-radius: 6.4vw 6.4vw 0 0;
  overflow: hidden; }

.dg-picker-rp {
  margin: 2.66667vw 0; }

.dg-picker-row {
  display: flex;
  line-height: 5.33333vw;
  padding: 0 5.33333vw;
  margin-top: 5.33333vw;
  font-size: 4.26667vw; }

.dg-picker-title {
  flex: 1;
  text-align: center;
  color: #2F2F2F;
  font-weight: 700; }

.dg-picker-action {
  display: inline-block;
  text-align: center; }

.dg-picker-cancel {
  color: #999999; }

.dg-picker-confirm {
  color: #1D9AFF; }

.dg-picker--time .dg-rp-columns {
  width: 24vw; }

.dg-picker--month .dg-rp-columns {
  width: 29.33333vw; }

.dg-picker--date .dg-rp-columns {
  width: 40vw; }

.dg-picker--datetime .dg-rp-columns {
  width: 80vw; }

.modal-container {
  width: 0;
  height: 0;
}

.modal-mask, .modal-content {
  position: fixed;
  z-index: 999;
}

.modal-mask {
  left: 0;
  top: 0;
  box-sizing: border-box;
  width: 100%;
  height: 100vh;
  background: rgba(0, 0, 0, 0.5);
}

.modal-content {
  position: fixed;
  top: 50%;
  left: 50%;
  -webkit-transform: translate3d(-50%, -50%, 0);
          transform: translate3d(-50%, -50%, 0);
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
.modal-content.with-transition {
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
}
.modal-content.with-shadow {
  box-shadow: 0 20px 60px -2px rgba(27, 33, 58, 0.4);
}
.modal-content-top {
  top: 0;
  right: auto;
  bottom: auto;
  left: 50%;
  -webkit-transform: translate3d(-50%, 0, 0);
          transform: translate3d(-50%, 0, 0);
}
.modal-content-right {
  top: 50%;
  right: 0;
  bottom: auto;
  left: auto;
  -webkit-transform: translate3d(0, -50%, 0);
          transform: translate3d(0, -50%, 0);
}
.modal-content-bottom {
  top: auto;
  right: auto;
  bottom: 0;
  left: 50%;
  -webkit-transform: translate3d(-50%, 0, 0);
          transform: translate3d(-50%, 0, 0);
}
.modal-content-left {
  top: 50%;
  right: auto;
  bottom: auto;
  left: 0;
  -webkit-transform: translate3d(0, -50%, 0);
          transform: translate3d(0, -50%, 0);
}

.modal-mask-fade-enter-active, .modal-mask-fade-leave-active {
  transition: opacity 0.2s;
}

.modal-mask-fade-enter, .modal-mask-fade-leave-to {
  opacity: 0;
}

.modal-fade-enter-active, .modal-fade-leave-active {
  transition: opacity 0.3s;
}

.modal-fade-enter, .modal-fade-leave-to {
  opacity: 0;
}

.modal-slide-top-enter,
.modal-slide-top-leave-active {
  -webkit-transform: translate3d(-50%, -100%, 0);
          transform: translate3d(-50%, -100%, 0);
}

.modal-slide-right-enter,
.modal-slide-right-leave-active {
  -webkit-transform: translate3d(100%, -50%, 0);
          transform: translate3d(100%, -50%, 0);
}

.modal-slide-bottom-enter,
.modal-slide-bottom-leave-active {
  -webkit-transform: translate3d(-50%, 100%, 0);
          transform: translate3d(-50%, 100%, 0);
}

.modal-slide-left-enter,
.modal-slide-left-leave-active {
  -webkit-transform: translate3d(-100%, -50%, 0);
          transform: translate3d(-100%, -50%, 0);
}

.modal-quick-fade-out-active {
  transition: opacity 0.2s;
}

.modal-quick-fade-out {
  opacity: 0;
}

.modal-bounce-in-enter-active {
  -webkit-animation: modal-bounce-in 0.3s ease-out;
          animation: modal-bounce-in 0.3s ease-out;
}

@-webkit-keyframes modal-bounce-in {
  0% {
    -webkit-transform: translate3d(-50%, -50%, 0) scale(0.7);
            transform: translate3d(-50%, -50%, 0) scale(0.7);
  }
  50% {
    -webkit-transform: translate3d(-50%, -50%, 0) scale(1.1);
            transform: translate3d(-50%, -50%, 0) scale(1.1);
  }
  100% {
    -webkit-transform: translate3d(-50%, -50%, 0) scale(1);
            transform: translate3d(-50%, -50%, 0) scale(1);
  }
}

@keyframes modal-bounce-in {
  0% {
    -webkit-transform: translate3d(-50%, -50%, 0) scale(0.7);
            transform: translate3d(-50%, -50%, 0) scale(0.7);
  }
  50% {
    -webkit-transform: translate3d(-50%, -50%, 0) scale(1.1);
            transform: translate3d(-50%, -50%, 0) scale(1.1);
  }
  100% {
    -webkit-transform: translate3d(-50%, -50%, 0) scale(1);
            transform: translate3d(-50%, -50%, 0) scale(1);
  }
}
.dialog {
  color: #999;
}
.dialog .modal-content {
  width: 80%;
  max-width: 300px;
  border-radius: 3px;
}

.dialog-wrap {
  padding: 15px 20px 15px;
  text-align: center;
  font-size: 14px;
}

.dialog-header {
  color: #333;
  margin-bottom: 10px;
}

.dialog-content {
  margin: 0;
  min-height: 24px;
  line-height: 24px;
}

.dialog-buttons {
  display: flex;
  flex: 0 1 auto;
  width: 100%;
  border-top: 1px solid #eee;
  font-size: 12px;
}

.dialog-button {
  flex: 1;
  display: block;
  background: transparent;
  padding: 0;
  margin: 0;
  border: 0;
  cursor: pointer;
  box-sizing: border-box;
  line-height: 40px;
  height: 40px;
  color: #666;
  font: inherit;
  outline: none;
  font-size: 12px;
  border-left: 1px solid #eee;
}
.dialog-button:first-child {
  border-left: 0;
}
.dg-rp-h {
  box-sizing: border-box;
  height: 10.66667vw;
  line-height: 10.66667vw;
  -webkit-user-select: none;
          user-select: none; }

.dg-rp-3t {
  top: 10.66667vw; }

.dg-rp-3b {
  bottom: 10.66667vw; }

.dg-rp-3h {
  height: 32vw; }

.dg-rp-5t {
  top: 21.33333vw; }

.dg-rp-5b {
  bottom: 21.33333vw; }

.dg-rp-5h {
  height: 53.33333vw; }

.dg-rp-7t {
  top: 32vw; }

.dg-rp-7b {
  bottom: 32vw; }

.dg-rp-7h {
  height: 74.66667vw; }

.dg-rp-9t {
  top: 42.66667vw; }

.dg-rp-9b {
  bottom: 42.66667vw; }

.dg-rp-9h {
  height: 96vw; }

.dg-rp-divider {
  display: flex;
  align-items: center; }

.dg-rp-container {
  position: relative; }

.dg-rp-columns {
  display: flex;
  margin: 0 auto; }

.dg-rp-indicator {
  pointer-events: none;
  position: absolute;
  left: 0;
  right: 0; }

.dg-rp-frame {
  z-index: 10;
  border: 1px solid #D8D8D8;
  border-left: none;
  border-right: none; }

.dg-rp-shadow {
  position: absolute;
  z-index: 2;
  pointer-events: none;
  left: 0;
  right: 0; }

.dg-rp-shadow-top {
  background: linear-gradient(white, rgba(255, 255, 255, 0)); }

.dg-rp-shadow-bottom {
  background: linear-gradient(rgba(255, 255, 255, 0), white); }

.dg-rpc {
  flex: 1;
  text-align: center;
  overflow: hidden; }

.dg-rpc-panels {
  position: relative; }

.dg-rpc-panel.dg-animate {
  transition: -webkit-transform .3s ease-out;
  transition: transform .3s ease-out;
  transition: transform .3s ease-out, -webkit-transform .3s ease-out; }

.dg-rpc-item {
  font-size: 4.26667vw;
  color: #999999;
  overflow: hidden; }

.dg-rpc-3droller {
  z-index: 1;
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
  position: absolute;
  width: 100%; }
  .dg-rpc-3droller .dg-rpc-item {
    position: absolute;
    top: 0;
    width: 100%;
    -webkit-backface-visibility: hidden;
            backface-visibility: hidden; }

.dg-rpc-content {
  position: absolute;
  z-index: 1;
  pointer-events: none;
  left: 0;
  right: 0;
  overflow: hidden; }
  .dg-rpc-content .dg-rpc-item {
    color: #2F2F2F;
    font-weight: bold;
    border: 1px solid transparent;
    background: white; }

.swipe {
  position: relative;
}

.swipe-track {
  overflow: hidden;
  height: 100%;
}

.swipe-track-container {
  position: relative;
  width: 100%;
  height: 100%;
}

.swipe-item {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}

.swipe-dots {
  line-height: 1em;
  position: absolute;
  bottom: 5px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  z-index: 20;
}

.swipe-dot {
  width: 8px;
  height: 8px;
  display: inline-block;
  border-radius: 100%;
  background: #000;
  opacity: 0.15;
  margin: 0 3px;
}
.navigation-bar-wrap {
  position: fixed;
  top: 0;
  z-index: 10;
  width: 100%;
}

.navigation-bar-main {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 0 96px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: auto;
}

.navigation-bar-title {
  font-weight: bold;
  text-align: center;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  box-sizing: content-box;
  font-size: 18px;
  width: 183px;
}

.shadow .navigation-bar-iconfont, .shadow .navigation-bar-title, .shadow .navigation-bar-text {
  text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
}

.navigation-bar-status-placeholder,
.navigation-bar-nav-placeholder {
  width: 100%;
}

.navigation-bar-left1,
.navigation-bar-left2,
.navigation-bar-right1,
.navigation-bar-right2 {
  top: 0;
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
}
.navigation-bar-left1 .navigation-bar-iconfont,
.navigation-bar-left2 .navigation-bar-iconfont,
.navigation-bar-right1 .navigation-bar-iconfont,
.navigation-bar-right2 .navigation-bar-iconfont {
  font-size: 30px;
  padding: 0 4px;
}

.navigation-bar-left1 {
  left: 8px;
}

.navigation-bar-right1 {
  right: 8px;
}

.navigation-bar-left2 {
  left: 46px;
}

.navigation-bar-right2 {
  right: 46px;
}

.navigation-bar-icon {
  width: 30px;
  height: auto;
}

.navigation-bar-text {
  padding: 0 8px;
  font-size: 16px;
}
.download-bar-placeholder img,
.download-bar-image img {
  width: 100%;
  height: auto;
  display: block;
}

.download-bar-placeholder img {
  visibility: hidden;
}

.download-bar-image {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 10001;
}

.download-weibo-mask, .download-mask {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 10000;
}

.download-weibo-mask {
  z-index: 10001;
  background: rgba(0, 0, 0, 0.8);
}

.download-weibo-tip {
  position: absolute;
  right: 15px;
  top: 15px;
  width: 272px;
  height: 80px;
  background: url(https://g.yppstatic.com/4baf49087edb843c5eeab9d6fab2720b.png) no-repeat;
  background-size: 272px 80px;
}