createaddress.wxss 2.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148
  1. page {
  2. background-color: #F5F5F5;
  3. }
  4. .createinfo {
  5. background-color: #ffffff;
  6. height: 194rpx;
  7. width: 95%;
  8. margin-left: 2.5%;
  9. margin-right: 2.5%;
  10. margin-top: 32rpx;
  11. }
  12. .createaddress {
  13. background-color: #ffffff;
  14. height: 194rpx;
  15. width: 95%;
  16. margin-left: 2.5%;
  17. margin-right: 2.5%;
  18. margin-top: 32rpx;
  19. }
  20. .name {
  21. width: 92%;
  22. margin-left: 4%;
  23. margin-right: 4%;
  24. height: 97rpx;
  25. line-height: 97rpx;
  26. display: flex;
  27. border-bottom: 2rpx solid #F2F2F2;
  28. }
  29. .name:last-child {
  30. border-bottom: none;
  31. }
  32. .namelabel {
  33. flex: 3;
  34. color: #161616;
  35. font-size: 32rpx;
  36. font-weight: 400;
  37. }
  38. .nameinput {
  39. flex: 7;
  40. }
  41. .name2 {
  42. width: 92%;
  43. margin-left: 4%;
  44. margin-right: 4%;
  45. margin-top: 30rpx;
  46. height: 97rpx;
  47. line-height: 97rpx;
  48. display: flex;
  49. border-bottom: 2rpx solid #F2F2F2;
  50. }
  51. .name2:last-child {
  52. border-bottom: none;
  53. }
  54. .namelabel2 {
  55. flex: 3;
  56. color: #161616;
  57. font-size: 32rpx;
  58. font-weight: 400;
  59. }
  60. .nameinput2 {
  61. flex: 6;
  62. color: #161616;
  63. font-size: 32rpx;
  64. font-weight: 400;
  65. }
  66. .nameicon2 {
  67. flex: 1;
  68. text-align: right;
  69. display: flex;
  70. align-items: center;
  71. }
  72. .arrow {
  73. width: 45rpx;
  74. height: 45rpx;
  75. }
  76. input {
  77. color: #161616;
  78. width: 100%;
  79. height: 97rpx;
  80. line-height: 97rpx;
  81. padding: 0;
  82. margin: 0;
  83. font-size: 32rpx;
  84. float: left;
  85. }
  86. .commitbutton {
  87. width: 95%;
  88. margin-left: 2.5%;
  89. margin-right: 2.5%;
  90. height: 80rpx;
  91. margin-top: 40rpx;
  92. background-color: #FC6961;
  93. border-radius: 12rpx;
  94. color: #ffffff;
  95. text-align: center;
  96. border-bottom: solid 1rpx #C98C61;
  97. font-size: 30rpx;
  98. font-weight: 400;
  99. line-height: 80rpx;
  100. }
  101. .pfont {
  102. color: #C9C9C9;
  103. font-size: 32rpx;
  104. font-weight: 400;
  105. }
  106. .pay {
  107. height: 182rpx;
  108. width: 100%;
  109. position: fixed;
  110. left: 0;
  111. bottom: 0rpx;
  112. background: #F5F5F5;
  113. z-index: 10;
  114. display: flex;
  115. }
  116. .create {
  117. margin-top: 40rpx;
  118. height: 82rpx;
  119. width: 612rpx;
  120. margin-bottom: 60rpx;
  121. margin-left: 70rpx;
  122. margin-right: 68rpx;
  123. text-align: center;
  124. font-weight: 500;
  125. font-size: 36rpx;
  126. line-height: 82rpx;
  127. color: #FFFFFF;
  128. background: linear-gradient(90deg, rgba(0, 199, 198, 0.97) 0%, rgba(0, 210, 210, 1) 100%);
  129. box-shadow: 0rpx 14rpx 44rpx 2rpx rgba(0, 199, 198, 0.2);
  130. border-radius: 42rpx;
  131. }