modal.wxss 1.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081
  1. .mask {
  2. width: 100%;
  3. height: 100%;
  4. position: fixed;
  5. top: 0;
  6. left: 0;
  7. background: #000;
  8. z-index: 9000;
  9. opacity: 0.6;
  10. }
  11. .Modal {
  12. width: 632rpx;
  13. padding: 0 52rpx;
  14. position: fixed;
  15. top: 300rpx;
  16. left: 50%;
  17. z-index: 9999;
  18. transform: translateX(-50%);
  19. background-color: #fff;
  20. border-radius: 20rpx;
  21. }
  22. .Modal .Modal_title {
  23. font-size: 32rpx;
  24. font-weight: 600;
  25. color: #547cff;
  26. line-height: 113rpx;
  27. text-align: center;
  28. }
  29. .Modal .Modal_info {
  30. font-size: 28rpx;
  31. color: # ;
  32. line-height: 45rpx;
  33. text-align: center;
  34. }
  35. .Modal .Modal_input {
  36. text-align: left;
  37. padding: 0 40rpx;
  38. }
  39. .Modal .Modal_input .input {
  40. overflow: hidden;
  41. margin-top: 43rpx;
  42. }
  43. .Modal .Modal_input .input text {
  44. font-size: 28rpx;
  45. line-height: 66rpx;
  46. color: #666666;
  47. display: block;
  48. width: 115rpx;
  49. float: left;
  50. }
  51. .Modal .Modal_input .input input {
  52. width: 335rpx;
  53. height: 66rpx;
  54. float: left;
  55. padding-left: 20rpx;
  56. background: #FFFFFF;
  57. border: 1px solid #C8C8C8;
  58. border-radius: 12rpx;
  59. }
  60. .Modal .Modal_btn {
  61. height: 156rpx;
  62. display: flex;
  63. align-items: center;
  64. justify-content: center;
  65. }
  66. .Modal .Modal_btn button {
  67. width: 196rpx;
  68. height: 70rpx;
  69. border-radius: 100px;
  70. font-size: 26rpx;
  71. color: #fff;
  72. background-color: #557CFF;
  73. }
  74. .Modal .Modal_btn button:active {
  75. background-color: #4868d4;
  76. }