.mod-left {
      width: 896px;
      float: left;
      margin-top: 20px;
    }

    .rem-gift-list {
      height: 280px;
    }

    .rem-gift-list li {
      width: 290px;
      height: 280px;
      border: 1px solid #cbcbcb;
      margin-right: 10px;
      position: relative;
      float: left;
    }

    .rem-gift-list li:last-child {
      margin-right: 0;
    }

    .rem-gift-list li:hover {
      border-color: #52bfeb;
    }

    .rem-gift-list .img {
      display: block;
      width: 100%;
      height: 224px;
      background: #ccc;
    }

    .rem-gift-list .namebox {
      width: 100%;
      height: 44px;
      line-height: 50px;
      color: #fff;
      font-size: 14px;
      text-align: right;
      background: rgba(255, 99, 38, .9);
      position: absolute;
      top: 180px;
      left: 0;
    }

    .rem-gift-list .namebox span {
      margin-right: 20px;
    }

    .rem-gift-list .namebox .i-gift {
      width: 136px;
      height: 96px;
      background: url('static/images/gift.png');
      position: absolute;
      left: 0;
      bottom: -20px;
    }

    .rem-gift-list .gname {
      height: 52px;
      line-height: 52px;
      text-align: center;
      font-size: 16px;
      color: #000;
    }

    .rem-gift-list .btn {
      width: 74px;
      height: 20px;
      text-align: center;
      line-height: 20px;
      color: #fff;
      background: #52bfeb;
      position: absolute;
      bottom: 20px;
      right: 10px;
      border-radius: 4px;
      display: none;
    }

    .rem-gift-list .btn:hover {
      color: #fff !important;
    }

    .rem-gift-list li:hover .gname {
      color: #52bfeb;
    }

    .rem-gift-list li:hover .btn {
      display: block;
    }

    .all-gift-list {
      margin-right: -50px;
    }

    .all-gift-list li {
      width: 382px;
      height: 145px;
      padding: 30px;
      float: left;
      margin: 0 12px 50px 0;
    }

    .all-gift-list .img {
      width: 134px;
      height: 134px;
      float: left;
    }

    .all-gift-list .info {
      width: 230px;
      float: right;
    }

    .all-gift-list .name {
      font-size: 18px;
      color: #000;
    }

    .all-gift-list .ctx {
      line-height: 24px;
      height: 48px;
      overflow: hidden;
      margin: 10px 0;
    }

    .all-gift-list .sur {
      display: inline-block;
    }

    .all-gift-list .sur span {
      color: #f00;
    }

    .all-gift-list .btn {
      display: inline-block;
      width: 82px;
      height: 30px;
      line-height: 30px;
      color: #fff;
      text-align: center;
      margin-left: 10px;
      border-radius: 4px;
      background: #52bfeb;
    }

    .mod-right {
      width: 428px;
      float: right;
    }

    .gift-list li {
      height: 76px;
      overflow: hidden;
      border-bottom: 2px solid #e6e6e6;
    }

    .gift-list .img {
      width: 62px;
      height: 62px;
      background: #efefef;
      border-radius: 4px;
      overflow: hidden;
      margin: 7px 14px 0 24px;
      float: left;
    }

    .gift-list .name {
      font-size: 14px;
      color: #000;
    }

    .gift-list .info {
      width: 160px;
      line-height: 22px;
      margin-left: 60px;
      padding-top: 6px;
      color: #666;
      float: left;
    }
    .gift-list .btn { width: 62px; height: 28px; line-height: 28px; text-align: center; color: #52bfeb; border: 2px solid #52bfeb; border-radius: 4px; float: left; margin-top: 22px;}
    .gift-list .btn:hover { color: #fff!important; background: #52bfeb;}

    .gzhbox { padding: 36px 0 36px 60px; margin-top: 10px;}
    .gzhbox .gzhqrcode { width: 132px; height: 132px; background: #ccc; float: left;}
    .gzhbox .info { color: #000; line-height: 40px; padding: 5px 0 0 20px; font-size: 14px; float: left;}
    .gzhbox .info span { color: #f00;}
    .gzhbox .info em { color: #4bd045;}