.share-wrapper {
    width:100%;
  }
    .share-wrapper .share-wrapper-inner em {
      margin-right: 10px;
      line-height: 40px;
      color: #a4a4a4;
    }
    .share-wrapper .share-wrapper-inner a { 
    display: inline-block;
    width: 24%;
    text-align: center;
    }
    .share-link-box{
      background-color: rgba(0,0,0,.54);
      position: fixed;
      top: 0;
      left: 0;
      height: 100%;
      width: 100%;
      z-index: 9999;}
    .share-detail-box{
      position: fixed;
      bottom: 0;
      left: 0;
      width: 100%;
      background-color: rgba(255,255,255,.9);
      z-index: 15000;}
    .share-detail-box .share-detail-div{
      position: relative;
      padding: 5%;}
    .share-detail-box .share-detail-div .load-head{
      padding-bottom: 5%;}
    .share-detail-div .load-head{
      padding-bottom: 5%;}
    .share-detail-div .load-head h3{
      text-align: center;}
    .share-detail-div .share-load-con{
      white-space: nowrap;
      text-overflow: ellipsis;
      overflow: hidden;
      width: 100%;
      padding-bottom: 4%;}
    .share-load-con .share-con-title{
      margin-bottom: 5%;}
    .share-load-con .share-con-border{
      border:1px dashed #b9b9b9;
      border-radius: 5px;
      padding:3%;
      color:#666;
      line-height: 1.5;
      margin-bottom: 5%;
      overflow: hidden;
      text-overflow: ellipsis;}
    .share-load-con .share-load-btn{
      display:inline-block;
      width:100%;
      border-radius: 5px;
      background-color: #fd3c3c;
      text-align:center;
      color: #fff;
      padding:4% 0;
      margin-bottom: 8%;}
    .share-load-con .share-btn-border{
      display:inline-block;
      width:100%;
      border:1px solid #34c083;
      border-radius:5px;
      color:#34c083;
      text-align:center;
      padding:4% 0;
      margin-bottom: 5%;}
    .share-con-border .share-load-icon1,.share-con-border .share-load-icon2,.share-detail-div .share-load-close{
      display: inline-block;}
    .share-con-border .share-load-icon1{
      margin: 0 3px;
      vertical-align: middle;
      background: url("/static/mobile/images/share_icon1.png");
      background-size:.48rem .48rem;
      height: .48rem;
      width: .48rem;
  }
    .share-con-border .share-load-icon2{
    background: url("/static/mobile/images/share_icon2.png");
      background-size:.48rem .48rem;
       height: .48rem;
      width: .48rem;
      height: .48rem;
      margin: 0 3px;
      vertical-align: middle;}
    .share-detail-div .share-load-close{
     background: url("/static/mobile/images/close-circle.png");
     background-size:.5rem .5rem;
     width: .5rem;
    height: .5rem;
    position: absolute;
    right: .3rem;
}
/* .share-list .sprite-icons-wechat{
    background: url("/static/mobile/images/kongjian.png") no-repeat;background-size: .78rem .78rem;
} */
.share-list .sprite-icons-wechat{
    background: url("/static/mobile/images/weixin.png") no-repeat center center; 
    background-size: .78rem .78rem;
    height: .88rem;
}
.share-list .sprite-icons-sina{
    background: url("/static/mobile/images/weibo.png") no-repeat center center; 
    background-size: .78rem .78rem;
    height: .78rem;
}
.share-list .sprite-icons-qzone{
    background: url("/static/mobile/images/kongjian.png") no-repeat center center; 
    background-size: .78rem .78rem;
    height: .78rem;
}
.share-list .sprite-icons-qq{
    background: url("/static/mobile/images/qq.png") no-repeat center center;
    background-size: .78rem .78rem;
    height: .78rem;
}