playTips.scss 1.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687
  1. .pay-view{
  2. position: fixed;
  3. top: 0px;
  4. left: 0px;
  5. width: 100%;
  6. height: 100vh;
  7. background: rgba(0, 0, 0, 0.64);
  8. box-sizing: border-box;
  9. z-index: 999;
  10. .modelClose{
  11. position: absolute;
  12. right: 30px;
  13. top: 30px;
  14. font-size: 30px;
  15. }
  16. .pay-main{
  17. position: absolute;
  18. bottom: 0px;
  19. width: 100%;
  20. height: 782px;
  21. border-radius: 40px 40px 0 0;
  22. background: #fff;
  23. padding: 40px;
  24. box-sizing: border-box;
  25. .pay-title{
  26. font-family: "Verdana Bold";
  27. font-weight: 700;
  28. font-size: 34px;
  29. color: #000;
  30. margin-bottom: 40px;
  31. }
  32. .desc{
  33. font-family: "Verdana";
  34. font-weight: 400;
  35. font-size: 28px;
  36. line-height: 48px;
  37. color: rgba(33, 33, 33, 0.76);
  38. margin-bottom: 90px;
  39. }
  40. .pay-btn{
  41. margin-left: 50%;
  42. transform: translateX(-50%);
  43. margin-bottom: 20px;
  44. width: 550px;
  45. height: 80px;
  46. border-radius: 40px;
  47. background: #3b3b3b;
  48. border: 2px solid #ffffff38;
  49. font-family: DINCondensed-Bold;
  50. font-weight: 700;
  51. font-size: 32px;
  52. color: #fff;
  53. }
  54. }
  55. }
  56. textarea::-webkit-scrollbar{
  57. display:none;
  58. }
  59. textarea::-webkit-input-placeholder{
  60. color: rgba(43, 37, 37, 0.3);
  61. font-size: 28px;
  62. }
  63. input::-webkit-input-placeholder{
  64. color: rgba(132, 132, 132, 1);
  65. font-size: 28px;
  66. }
  67. @font-face{
  68. font-family: DINCondensed-Bold;
  69. src: url('https://dm.static.elab-plus.com/miniprogram/DINAlternateBold.ttf');
  70. }
  71. .grid-view1 {
  72. display: grid;
  73. grid-template-columns: repeat(3, 1fr);
  74. /* grid-row-gap: 20rem; */
  75. grid-gap: 20px 20px;
  76. }
  77. input,textarea{
  78. border: none;
  79. outline: none;
  80. appearance: none;
  81. cursor:pointer;
  82. }
  83. input:focus,textarea:focus{
  84. border: none;
  85. outline: none;
  86. appearance: none;
  87. }