share.wxss 1.2 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879
  1. .share_back {
  2. z-index: 1000;
  3. position:fixed;
  4. top: 0;
  5. right: 0;
  6. left: 0;
  7. bottom: 0;
  8. background: rgba(245,245,245,0.8);
  9. }
  10. .share {
  11. width:600rpx;
  12. height: 890rpx;
  13. margin: 160rpx auto;
  14. border-radius: 40rpx;
  15. background: #fff;
  16. position: fixed;
  17. top: 0;
  18. right: 75rpx;
  19. z-index: 10000;
  20. }
  21. .share_head {
  22. height: 280rpx;
  23. background: #6b223e;
  24. color: #fff;
  25. text-align: center;
  26. border-radius: 40rpx 40rpx 0 0;
  27. }
  28. .share_head image {
  29. width: 105rpx;
  30. height: 105rpx;
  31. margin: 65rpx 0 10rpx 0;
  32. }
  33. .share_body {
  34. padding: 55rpx 60rpx 45rpx;
  35. }
  36. .title {
  37. font-size: 30rpx;
  38. color: #333;
  39. line-height: 48rpx;
  40. margin-bottom: 35rpx;
  41. }
  42. .content {
  43. font-size: 26rpx;
  44. color: #666;
  45. line-height: 48rpx;
  46. }
  47. .button {
  48. margin:45rpx 0 0 0 ;
  49. }
  50. .button > button {
  51. display: inline-block;
  52. width: 220rpx;
  53. height: 70rpx;
  54. line-height: 70rpx;
  55. border: 1px solid #6b223e;
  56. text-align: center;
  57. font-size: 26rpx;
  58. border-radius: 0;
  59. margin: 0;
  60. }
  61. .button > button.backList {
  62. color: #6b223e;
  63. margin-right: 35rpx;
  64. background: #fff;
  65. }
  66. .button > button.toShare {
  67. background: #6b223e;
  68. color: #fff;
  69. }