index.less 2.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112
  1. /* nova-travel/page/vip-info/real-name/real-name.wxss */
  2. .real_name_wrap{
  3. .card{
  4. width: 100%;
  5. background-color: #fff;
  6. // margin-top: 50rpx;
  7. .title{
  8. width: 100%;
  9. height: 90rpx;
  10. padding-left: 20rpx;
  11. font-size: 36rpx;
  12. font-weight: 600;
  13. display: flex;
  14. align-items: center;
  15. }
  16. .real_name{
  17. width: 90%;
  18. height: 250rpx;
  19. background-color: #4079d3;
  20. padding: 20rpx;
  21. border-radius: 20rpx;
  22. margin: 30rpx auto;
  23. position: relative;
  24. .name{
  25. height: 100rpx;
  26. font-size: 34rpx;
  27. font-weight: 800;
  28. color: #fff;
  29. display: flex;
  30. align-items: center;
  31. }
  32. .number{
  33. font-size: 46rpx;
  34. font-weight: 800;
  35. color: #fff;
  36. display: flex;
  37. align-items: center;
  38. letter-spacing: 6rpx;
  39. // justify-content: flex-end;
  40. }
  41. }
  42. .add{
  43. width: 90%;
  44. height: 90rpx;
  45. line-height: 90rpx;
  46. background-color: #3476fe;
  47. display: flex;
  48. align-items: center;
  49. justify-content: center;
  50. margin: 20rpx auto;
  51. border-radius: 15rpx;
  52. text{
  53. color: #fff;
  54. font-size: 32rpx;
  55. font-weight: 600;
  56. padding-left: 15rpx;
  57. }
  58. }
  59. }
  60. }
  61. .wrapper {
  62. display: flex;
  63. align-items: center;
  64. justify-content: center;
  65. height: 100%;
  66. }
  67. .block {
  68. width: 600rpx;
  69. height: 700rpx;
  70. background-color: #fff;
  71. border-radius: 30rpx;
  72. .bank{
  73. width: 100%;
  74. .title{
  75. width: 100%;
  76. height: 90rpx;
  77. font-size: 32rpx;
  78. font-weight: 600;
  79. display: flex;
  80. justify-content: center;
  81. align-items: center;
  82. }
  83. .box{
  84. width: 95%;
  85. height: 90rpx;
  86. display: flex;
  87. align-items: center;
  88. background-color: #fff;
  89. padding:0 20rpx;
  90. border: 1px solid #b3dbec;
  91. margin-top: 20rpx;
  92. margin: 20rpx auto;
  93. text{
  94. font-size: 28rpx;
  95. font-weight: 600;
  96. padding-right: 20rpx;
  97. }
  98. }
  99. button{
  100. width: 95%;
  101. height: 80rpx;
  102. line-height: 80rpx;
  103. background-color: #3476fe;
  104. color: #fff;
  105. font-weight: 28rpx;
  106. margin-top: 30rpx;
  107. }
  108. }
  109. }