.share-component {
 position:fixed;
 bottom:0;
 z-index:400;
 width:10rem
}
.share-mask {
 position:fixed;
 top:0;
 left:0;
 z-index:0;
 width:100%;
 height:100%;
 background-color:rgba(0,0,0,.5)
}
.share-con {
 position:relative;
 z-index:1;
 width:100%;
 background-color:#fff;
 text-align:center;
 border-radius:.266667rem .266667rem 0 0;
 _padding-bottom:1.333333rem
}
.share-con h3 {
 padding-top:.56rem;
 padding-bottom:.666667rem;
 font-size:.48rem;
 line-height:.666667rem;
 color:#634b19
}
.share-con .cancel-btn {
 position:relative;
 width:100%;
 margin-top:.693333rem;
 font-size:.426667rem;
 line-height:1.32rem;
 color:#595959
}
.share-con .cancel-btn:before {
 position:absolute;
 left:0;
 bottom:100%;
 width:100%;
 border-top:1px solid #efefef;
 content:""
}
.share-con .cancel-btn:hover {
 color:#634b19;
 background-color:#fafafa
}
.share-con .share-lists {
 padding:.533333rem;
 vertical-align:top;
 border-bottom:.213333rem solid #f1f1f1
}
.share-con .share-lists .share-btn {
 float:left;
 width:1.36rem;
 color:#434343
}
.share-con .share-lists .share-btn+.share-btn {
 margin-left:.533333rem
}
.share-con .share-lists .share-btn .iconfont {
 font-size:1.066667rem;
 line-height:1
}
.share-con .share-lists .share-btn .icon {
 width:1.36rem;
 height:1.36rem;
 display:block;
 margin:0 auto
}
.share-con .share-lists .share-btn .icon-weibo {
 background:url("../images/icon-share_weibo.png");
 background-size:100% 100%
}
.share-con .share-lists .share-btn .icon-wechat {
 background:url("../images/icon-share_wechat.png");
 background-size:100% 100%
}
.share-con .share-lists .share-btn .icon-qq {
 background:url("../images/icon-share_qq.png");
 background-size:100% 100%
}
.share-con .share-lists .share-btn .icon-qq-space {
 background:url("../images/icon-share_qq-space.png");
 background-size:100% 100%
}
.share-con .share-lists .share-btn .icon-link {
 background:url("../images/icon-share_link.png");
 background-size:100% 100%
}
.share-con .share-lists .share-btn span {
 display:block;
 margin-top:.186667rem;
 font-size:.32rem;
 line-height:.44rem
}
.share-con .share-lists .share-btn.weibo .iconfont {
 color:#ec616e
}
.share-con .share-lists .share-btn.qzone .iconfont {
 color:#f8ba32
}
.share-con .share-lists .share-btn.link .iconfont {
 color:#cfcfcf
}
.share-link-con {
 position:fixed;
 top:50%;
 left:50%;
 z-index:1;
 width:3.2rem;
 height:2.24rem;
 padding-top:.4rem;
 margin-top:-1.12rem;
 margin-left:-1.6rem;
 background-color:#fff;
 text-align:center;
 border-radius:.133333rem;
 -ms-box-shadow:0 0 .333333rem rgba(0,0,0,.15);
 -o-box-shadow:0 0 .333333rem rgba(0,0,0,.15);
 -webkit-box-shadow:0 0 .333333rem rgba(0,0,0,.15);
 box-shadow:0 0 .333333rem rgba(0,0,0,.15)
}
.share-link-con .iconfont {
 font-size:.693333rem;
 line-height:.693333rem;
 color:#edce8c
}
.share-link-con p {
 margin-top:.24rem;
 font-size:.346667rem;
 line-height:.48rem;
 color:#595959;
 text-align:center
}
.share-tip-con .share-tip {
 width:4.266667rem;
 height:2.933333rem;
 background:url("../images/share-tip.png");
 background-size:100% 100%;
 position:fixed;
 z-index:1;
 top:0;
 right:0
}
.share-tip-con .share-browser {
 width:6.693333rem;
 height:3.2rem;
 background:url("../images/share-browser.png");
 background-size:100% 100%;
 position:fixed;
 z-index:1;
 top:4.666667rem;
 left:50%;
 -webkit-transform:translateX(-50%);
 transform:translateX(-50%)
}
.share-tip-con .share-close-btn {
 width:4.533333rem;
 height:1.44rem;
 background:url("../images/share-close-btn.png");
 background-size:100% 100%;
 position:fixed;
 z-index:1;
 bottom:3.2rem;
 left:50%;
 -webkit-transform:translateX(-50%);
 transform:translateX(-50%)
}