html,
body {
    width: 100%;
    height:100%;
}

.home-share {
    max-width:640px;
    width: 100%;
    margin: 0 auto;
    min-height: 100%;
    background: -webkit-linear-gradient(top, #fea959, #f75448);
    background: -moz-linear-gradient(top, #fea959, #f75448);
    background: -o-linear-gradient(top, #fea959, #f75448);
    background: -ms-linear-gradient(top, #fea959, #f75448);
    padding: 44px 0 15px;
    box-sizing:border-box;
}
.logo{
    margin: 0 auto;
    text-align: center;
    
}
.logo img{
    width:24%;
}
.gift{
    text-align: center;
    width: 100%;
    height:421px;
    background: url(../images/share_img_home.png) no-repeat top center;
    background-size: contain;
    margin-top: 20px;
}
.gift .dis{
    width:24%;
}
.gift .make{
    width: 60%;
    margin-top: 20px;
}
.gift  .send {
    width: 71%;
    margin-top: 15px;
}
 ul{
    margin:-60px auto 20px;
    overflow: hidden;
    text-align: center;
}
ul li{
    display: inline-block;
    width:40%;
    height:44px;
    line-height:44px;
    background: -webkit-linear-gradient(top, #ffe177, #ffce1f);
    background: -moz-linear-gradient(top, #ffe177, #ffce1f);
    background: -o-linear-gradient(top, #ffe177, #ffce1f);
    background: -ms-linear-gradient(top, #ffe177, #ffce1f);
    border-radius:25px;
}
ul li.actived{
    background:  -webkit-linear-gradient(top, #fff98f, #fff438);
    background:  -moz-linear-gradient(top, #fff98f, #fff438);
    background:  -o-linear-gradient(top, #fff98f, #fff438);
    background:  -ms-linear-gradient(top, #fff98f, #fff438);
}

 ul li:nth-child(1){
    margin-right:30px;
}
 ul button{
    font-size: 17px;
    color: #ea6100;
    display: inline-block;
    vertical-align: middle;

}

 li img{
    display: inline-block;
    vertical-align: middle;
    width:20px;
}
.info{
    /* margin-top:40px; */
    padding: 30px 15px;
    margin: 5px auto;
    width: 92%;
    overflow: hidden;
    box-sizing: border-box;
    background: #fff;
    border-radius: 5px;
    box-shadow: 0 0 10px #f75b49;
}
.info .title {
    margin: 0 0 20px;
    width: 100%;
    height: 22.5px;
    background: url(../images/share_homeimg_titbg.png) no-repeat
      center center;
    background-size:300px auto;
    font-size: 16px;
    color: #ea6101;
    text-align: center;
  }
  .info  .content {
    font-size: 13px;
    color: #666;
    line-height: 26px;
    text-indent:2em;
    text-align: left;
  }

  #popup{
      display: none;
      position: fixed;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.7);
  }
  #popup img{
    width: 100%;
  }
  #popup .btn{
    position: fixed;
    bottom:20px;
    left: 16%;
    width:68%;
    height: 45px;
    line-height: 45px;
    border: 1px dashed #fff;
    box-sizing: border-box;
    text-align: center;
    color: #fff;
    font-size: 17px;
    border-radius: 5px;
}