.share-component {
 display: none;
}
 .share-component-mask {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: rgba(0,0,0,.6);
z-index: 999;
}
.share-component .share-component-content {
position: fixed;
background: #FFF;
bottom: 0;
max-width: 640px;
text-align: center;
width: 100%;
z-index: 9999;
}
.share-component ul.share-nav {
display: box;
display: -webkit-box;
box-align: center;
-webkit-box-align: center;
margin: 0 .8rem;
}
.share-component ul.share-nav li {
-webkit-box-flex: 1;
box-flex: 1;
width: 100%;
text-align: center;
padding: .2rem 0;
}
.share-component ul.share-nav .img {
width: 6em;
height: 6em;
margin: 0 auto;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
-ms-border-radius: 100%;
-o-border-radius: 100%;
border-radius: 100%;
overflow: hidden;
}
.share-component ul.share-nav .img img {
width: 100%;
}
#nativeShare {
    font-size: 13px;
}

#nativeShare .label {
    font-size: 20px;
}

#nativeShare .list {
    width: 90%;
    margin: 0 auto;
}

#nativeShare .list span {
    width: 30%;
    display: inline-block;
    text-align: center;
    margin: 10px 0;
}

#nativeShare .list span i {
    width: 40px;
    height: 40px;
    display: block;
    margin: 0 auto;
    margin-bottom: 5px;
}

#nativeShare .weibo i {
    background-image: url('../images/fx-icon/weibo.png');
    background-size: cover;
}
#nativeShare .txweibo i {
    background-image: url('../images/fx-icon/txweibo.png');
    background-size: cover;
}
#nativeShare .weixin i {
    background-image: url('../images/fx-icon/weixin_friend.png');
    background-size: cover;
}

#nativeShare .weixin_timeline i {
    background-image: url('../images/fx-icon/weixin.png');
    background-size: cover;
}

#nativeShare .qq i {
    background-image: url('../images/fx-icon/qq.png');
    background-size: cover;
}

#nativeShare .qzone i {
    background-image: url('../images/fx-icon/qqzone.png');
    background-size: cover;
}

#nativeShare .more i {
    background-image: url('../images/fx-icon/more.png');
    background-size: cover;
}