dcpromotion.wxss 2.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137
  1. /**index.wxss**/
  2. page {
  3. /* background-color: #f1f0f0f0; */
  4. background-color:#ffffff;
  5. }
  6. .imghead {
  7. width: 100%;
  8. }
  9. .halfran {
  10. position:absolute;
  11. z-index: 1;
  12. width: 120%;
  13. margin-left: -10%;
  14. height: 200rpx;
  15. margin-top: -36rpx;
  16. background-color: #ffffff;
  17. border-radius: 80% / 40%;
  18. }
  19. .info {
  20. position:absolute;
  21. top: 720rpx;
  22. z-index: 2;
  23. margin-left: 12%;
  24. margin-right: 12%;
  25. width: 578rpx;
  26. height: 299rpx;
  27. display: flex;
  28. flex-direction: column ;
  29. background:#ffffff;
  30. box-shadow:0rpx 14rpx 44rpx 2rpx rgba(161,161,161,0.5);
  31. border-radius:30rpx;
  32. }
  33. .name {
  34. display: flex;
  35. margin-top: 38rpx;
  36. margin-bottom: 22rpx;
  37. align-items:center;
  38. height: 56rpx;
  39. }
  40. .iconflex {
  41. /* flex: 70; */
  42. text-align: center;
  43. }
  44. .infoflex {
  45. flex: 183;
  46. text-align: left;
  47. }
  48. .otherflex {
  49. flex: 54;
  50. }
  51. .nameicon {
  52. width: 54rpx;
  53. height: 54rpx;
  54. margin-left: 80rpx;
  55. margin-right: 10rpx;
  56. }
  57. .nameinput {
  58. margin-left: 14rpx;
  59. font-size: 32rpx;
  60. font-weight: 500;
  61. color: #C0C0C0;
  62. }
  63. .dateinput {
  64. margin-left: 10rpx;
  65. font-size: 32rpx;
  66. font-weight: 500;
  67. color: #C0C0C0;
  68. }
  69. .phcolor {
  70. color: #C0C0C0;
  71. font-size: 32rpx;
  72. font-weight: 500;
  73. }
  74. .line {
  75. width:100%;
  76. background-color:#F2F2F2;
  77. height:1rpx;
  78. margin-top:0rpx;
  79. margin-bottom: 0rpx;
  80. }
  81. .phone {
  82. display: flex;
  83. margin-top: 24rpx;
  84. margin-bottom: 20rpx;
  85. align-items:center;
  86. height: 56rpx;
  87. }
  88. .submit {
  89. width: 40%;
  90. height: 80rpx;
  91. position:absolute;
  92. top: 388rpx;
  93. z-index: 3;
  94. background-color: #4AC3B2;
  95. margin-left: 30%;
  96. margin-right: 30%;
  97. margin-top:520rpx;
  98. text-align: center;
  99. line-height: 80rpx;
  100. color: #ffffff;
  101. border-radius: 46rpx;
  102. font-size: 36rpx;
  103. font-weight: 500;
  104. }
  105. .tips {
  106. padding-top: 240rpx;
  107. text-align: center;
  108. color: #BBBBBB;
  109. font-size: 24rpx;
  110. font-weight: Regular;
  111. }
  112. .pay {
  113. height: 182rpx;
  114. width: 100%;
  115. position: fixed;
  116. left:0;
  117. bottom:0rpx;
  118. background:#ffffff;
  119. z-index: 10;
  120. display: flex;
  121. }
  122. .create {
  123. margin-top: 40rpx;
  124. height: 82rpx;
  125. width: 612rpx;
  126. margin-bottom: 60rpx;
  127. margin-left: 70rpx;
  128. margin-right: 68rpx;
  129. text-align: center;
  130. font-weight: 500;
  131. font-size: 36rpx;
  132. line-height: 82rpx;
  133. color: #FFFFFF;
  134. background:linear-gradient(90deg,rgba(0,199,198,0.97) 0%,rgba(0,210,210,1) 100%);
  135. box-shadow:0rpx 14rpx 44rpx 2rpx rgba(0,199,198,0.2);
  136. border-radius: 42rpx;
  137. }