/* compontents/share/share.wxss */
.container {
    position:fixed;
    left: 0;
    bottom: 0;   
    width: 100%;
    height: 100%;
    z-index: 98;
}

.container:after {
    content:'';
    position:absolute;
    left: 0;
    bottom: 0;   
    width: 100%;
    height: 100%;
    background: rgba(255,255,255,.8);
    filter: blur(15px);
    z-index: 99;
}

.share {
    position:fixed;
    left: 15rpx;
    bottom: 0;
    width: calc(100% - 30rpx);
    border-radius:25rpx;
    padding:32rpx 24rpx;
    box-sizing:border-box;
    background:#fff;
    z-index: 100;
}

.share .title {
    font-size: 32rpx;
    font-weight: bolder;
    color: #3F3F3F;
    text-align: center;
    padding-bottom: 20rpx;
    border-bottom: 2rpx solid #C8C8C8;
    
}

.share-img {
    display: flex;
    align-items: center;
    justify-content: space-around;
    margin-top: 44rpx;
}

.share-img view {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.share-img text {
    font-size: 32rpx;
    color: #3F3F3F;
    margin-top: 43rpx;
}


.download image {
    width: 82rpx;
    height: 86rpx;
}

.transmit {
    display: flex;
    flex-direction: column;
    align-items: center;
    background: #fff;
    margin:0;
    padding:0;
    line-height: normal;
}

.transmit:after {
    content: '';
    border: none;
}

.transmit image {
    width: 102rpx;
    height: 82rpx;    
}