.mobile-live {
  display: table;
  height: 100vh;
  width: 100%; }
  .mobile-live > div {
    display: table-row;
    height: 1px; }
    .mobile-live > div > div {
      display: table-cell;
      position: relative; }
    .mobile-live > div:last-child {
      height: auto; }
  .mobile-live .live-chat {
    position: relative;
    overflow: hidden;
    -webkit-mask-image: -webkit-gradient(linear, left 10%, left top, from(#000000), to(transparent)); }
    .mobile-live .live-chat .chat-container {
      position: absolute;
      width: 100%;
      bottom: 0; }
      .mobile-live .live-chat .chat-container > .chat-comment {
        padding: 0 10px 4px 10px; }
        .mobile-live .live-chat .chat-container > .chat-comment b {
          max-width: 33%; }
    .mobile-live .live-chat .chat-input {
      background: #fff;
      width: 100%; }
      .mobile-live .live-chat .chat-input input,
      .mobile-live .live-chat .chat-input .chatButton {
        height: 36px;
        border: none;
        border-radius: 4px;
        font-size: 16px;
        margin: 2px 2px 0; }
      .mobile-live .live-chat .chat-input input[type="text"] {
        padding-left: 8px;
        line-height: 16px;
        width: calc(100vw - 90px); }
      .mobile-live .live-chat .chat-input .chatButton {
        float: right;
        background: #2a85d8;
        color: #fff;
        padding: 0px 15px;
        line-height: 36px; }
    .mobile-live .live-chat .chat-image {
      border-radius: 10%;
      overflow: hidden;
      height: 30px;
      vertical-align: middle;
      margin-top: -3px; }
    .mobile-live .live-chat .chat-gift {
      display: inline-block; }
      .mobile-live .live-chat .chat-gift .gift-image {
        border-radius: 10%;
        overflow: hidden;
        height: 50px;
        vertical-align: middle;
        margin-top: -6px;
        background-size: 50%;
        background-position: center;
        background-repeat: no-repeat;
        background-color: transparent; }