mobileCommon.scss 1.1 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061
  1. .mobile-modal {
  2. width: 100%;
  3. height: 100%;
  4. z-index: 999;
  5. background: rgba(0,0,0,.3);
  6. position: fixed;
  7. .mobile-modal-box {
  8. position: fixed;
  9. width: 5.92rem;
  10. font-size: .28rem;
  11. top: 27%;
  12. left: 11%;
  13. z-index: 1000;
  14. .mobile-modal-header {
  15. line-height: .96rem;
  16. background: rgb(65,141,246);
  17. color: #fff;
  18. text-align: center;
  19. font-size: .32rem;
  20. }
  21. .mobile-modal-content {
  22. background: #fff;
  23. color: #333;
  24. padding: .27rem .54rem;
  25. }
  26. }
  27. .mobile-share-box {
  28. position: fixed;
  29. width: 100%;
  30. font-size: .28rem;
  31. bottom: 0;
  32. left: 0;
  33. z-index: 1000;
  34. background: #fff;
  35. color: #333;
  36. .cancel-share {
  37. height: .98rem;
  38. line-height: .98rem;
  39. font-size: .3rem;
  40. text-align: center;
  41. }
  42. .share-area {
  43. .share-item {
  44. display: inline-block;
  45. padding: .3rem .47rem;
  46. img {
  47. margin: 0 auto;
  48. display: block;
  49. }
  50. span {
  51. display: block;
  52. text-align: center;
  53. margin-top: .1rem;
  54. }
  55. }
  56. }
  57. }
  58. }
  59. .link-url {
  60. color: #01a44e;
  61. }