.mobile-share {
    background: #ccc;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 5; }
    .mobile-share ul {
      margin: 0;
      padding: 0; }
      .mobile-share ul li {
        float: left;
        /* width: 33.2%; */
       width: 25%;
      /*  margin-right: 0.2%;  */
        border-bottom: solid #666 5px; }
        .mobile-share ul li a {
          display: block;
          padding: 12px 0 6px;
          height: 50px;
          background: #f1f1f1;
          background-image: -webkit-linear-gradient(bottom, #f1f1f1 88%, #dddddd 100%);
          background-image: -moz-linear-gradient(bottom, #f1f1f1 88%, #dddddd 100%);
          background-image: -ms-linear-gradient(bottom, #f1f1f1 88%, #dddddd 100%);
          background-image: -o-linear-gradient(bottom, #f1f1f1 88%, #dddddd 100%);
          text-align: center; }
          .mobile-share ul li a i {
            font-size: 3rem; }
        .mobile-share ul li.fb {
          border-color: #142c44; }
          .mobile-share ul li.fb a {
            background: #275380;
            color: #fff;
            padding: 14px 0 4px; }
            .mobile-share ul li.fb a i {
              font-size: 2.8rem; }
        .mobile-share ul li.tw {
          border-color: #168ce3; }
          .mobile-share ul li.tw a {
            background: #55acef;
            color: #fff; }
        .mobile-share ul li.wa {
          border-color: #458b35; }
          .mobile-share ul li.wa a {
            background: #65bc54;
            color: #fff; }
          .mobile-share ul li.ma {
          border-color: #600; }
          .mobile-share ul li.ma a {
            background: #be0000;
            color: #fff; }
        .mobile-share ul li:last-child {
          margin-right: 0; }