index.wxss 1.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990
  1. .auth-content {
  2. width: 520rpx;
  3. min-height: 480rpx;
  4. max-height: 660rpx;
  5. background: #fff;
  6. border-radius: 24rpx;
  7. position: relative;
  8. display: flex;
  9. flex-direction: column;
  10. align-items: center;
  11. justify-content: flex-end;
  12. }
  13. .auth-content .bg {
  14. width: 520rpx;
  15. }
  16. .auth-content .h1 {
  17. color: #000;
  18. font-size: 32rpx;
  19. margin-bottom: 20rpx;
  20. font-weight: bold;
  21. }
  22. .auth-content .h2 {
  23. font-size: 24rpx;
  24. line-height: 36rpx;
  25. color: #999;
  26. width: 408rpx;
  27. margin-bottom: 44rpx;
  28. }
  29. .auth-content .btn {
  30. position: absolute;
  31. left: 0;
  32. right: 0;
  33. bottom: 30rpx;
  34. display: flex;
  35. align-items: flex-start;
  36. justify-content: center;
  37. font-size: 28rpx;
  38. }
  39. .auth-content .btn .close-btn {
  40. color: #f45b56;
  41. border: 1rpx solid #f45b56;
  42. border-radius: 36rpx;
  43. margin: 0 15rpx;
  44. padding: 0 15px;
  45. height: 64rpx;
  46. line-height: 64rpx;
  47. }
  48. .auth-content .btn .close-img {
  49. margin: 0 15rpx;
  50. }
  51. .auth-content .btn .img {
  52. width: 180rpx;
  53. }
  54. .auth-content .confirm {
  55. height: 64rpx;
  56. line-height: 64rpx;
  57. color: #fff;
  58. background: #f45b56;
  59. border-radius: 36rpx;
  60. margin: 0 15rpx;
  61. font-size: 28rpx;
  62. padding: 0rpx 32rpx;
  63. }
  64. .auth-content .confirm-img {
  65. width: 180rpx;
  66. height: 64rpx;
  67. line-height: 64rpx;
  68. margin: 0 15rpx;
  69. padding: 0;
  70. }
  71. .updateWx {
  72. width: 425rpx;
  73. height: 64rpx;
  74. line-height: 64rpx;
  75. color: #fff;
  76. background: #f45b56;
  77. border-radius: 36rpx;
  78. margin: 0 0 30rpx;
  79. text-align: center;
  80. }