Etusivu Tutki Apua
Rekisteröidy Kirjaudu sisään
xionghaojie
/
renshou
1
0
Fork 0
Tiedostot Ongelmat 0 Pull-pyynnöt 0 Wiki
Puu: 1e497feb8c
Branchit Tagit
renshou
/
match
/
components
/
share-activity
/
share.css

share.css 2.9 KB
Historia Raaka

12345678910111213141516171819202122232425262728293031323334353637 
  1. /* 分享弹窗 */
    2. 

  2. .ceng{position: fixed;top: 0;left: 0;right: 0;bottom: 0;background: rgba(0,0,0,.8);z-index: 99;}
    3. 

  3. .beshare{position: fixed;top: 50%;left: 50%;transform: translate(-50%,-50%);z-index: 100;width: 638rpx;}
    4. 

  4. .beshares{background: #fff;border-radius: 12rpx;position: relative;}
    5. 

  5. .sharebg{position: absolute;top: 0;left: 0;width: 100%;border-radius: 20rpx;z-index: 1;}
    6. 

  6. .close{display: block;width: 41rpx;height: 41rpx;position: absolute;top: -20rpx;right: -20rpx;z-index: 10;}
    7. 

  7. .dflex{display: flex;display: -webkit-flex;align-items: center;}
    8. 

  8. .flex{flex: 1;-webkit-flex: 1;}
    9. 

  9. .user{padding: 30rpx 0;position: relative;z-index: 2;}
    10. 

  10. .user .toux{display: block;width: 100rpx;height: 100rpx;border-radius: 50%;margin-right: 30rpx;}
    11. 

  11. .user .live{width: 100rpx; height: 56rpx; position: fixed; top: 60rpx; right: 30rpx;}
    12. 

  12. .user .flex view{font-size: 32rpx;color: #333;}
    13. 

  13. .user .flex text{display: block;font-size: 24rpx;color: #999;margin-top: 10rpx;}
    14. 

  14. .user .flex view.colorfff,.user .flex text.colorfff{color: #fff;}
    15. 

  15. .binfos{background: #fff;border-radius: 12rpx;position: relative;overflow: hidden;z-index: 2;}
    16. 

  16. .bimgbox{width: 100%;}
    17. 

  17. .bimg{display: block;width: 100%;height: 500rpx;margin: 0 auto;position: relative;z-index: 2;}
    18. 

  18. .btit{font-size: 30rpx;color: #000;margin: 0 20rpx 0 0;display: -webkit-box;overflow : hidden;text-overflow: ellipsis;-webkit-line-clamp: 2;-webkit-box-orient: vertical;line-height: 1.6;}
    19. 

  19. .bprice{font-size: 24rpx;color: #333;margin-top: 15rpx;}
    20. 

  20. .bprice text{color: #999;margin-right: 15rpx;}
    21. 

  21. .del{font-size: 24rpx;color: #999;text-decoration: line-through;margin-left: 20rpx;}
    22. 

  22. .texts{font-size: 30rpx;color: #333;padding: 35rpx 30rpx;display: flex;display: -webkit-flex;align-items: center;justify-content: space-between;}
    23. 

  23. .code{position: relative;z-index: 3;}
    24. 

  24. .code image{display: block;width: 200rpx;height: 200rpx;margin: 0 auto;}
    25. 

  25. .save{width: 330rpx;height: 80rpx;border-radius: 40rpx;border: 1rpx solid #BEBEBE;font-size: 30rpx;color: #fff;text-align: center;line-height: 80rpx;margin: 40rpx auto 0;}
    26. 

  26. .sharePop{background: #F6F6F6;position: fixed;left: 0;bottom: 0;right: 0;z-index: 101;padding: 50rpx 0 0;}
    27. 

  27. .share-tit{font-size: 36rpx;color: #333;text-align: center;display: flex;display: -webkit-flex;align-items: center;justify-content: center;}
    28. 

  28. .share-tit::before{content: '';display: block;width: 70rpx;height: 2rpx;background: #666;margin-right: 20rpx;}
    29. 

  29. .share-tit::after{content: '';display: block;width: 70rpx;height: 2rpx;background: #666;margin-left: 20rpx;}
    30. 

  30. .share-btn{padding: 35rpx 0 60rpx;display: flex;display: -webkit-flex;justify-content: center;}
    31. 

  31. .friend,.poster{width: 50% !important;text-align: center;font-size: 28rpx;color: #333;}
    32. 

  32. .friend image,.poster image{display: block;width: 110rpx;height: 110rpx;margin: 0 auto 15rpx;}
    33. 

  33. .cancel{font-size: 30rpx;color: #333;text-align: center;padding: 30rpx 0;background: #fff;}
    34. 

  34. canvas{
    35. 

  35.   position:fixed;left:9000px;
    36. 

  36. }
    37. 

  37. .blive{font-size: 40rpx; color: #333333;}
    38.