index.wxss 2.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146
  1. .main {
  2. position: relative;
  3. width: 100%;
  4. background-color: #f0f0f0;
  5. }
  6. .top {
  7. padding: 0 0 10px 0;
  8. margin: 0 0 20px 0;
  9. background-color: #ffffff;
  10. height: 200px;
  11. }
  12. .zero {
  13. border-bottom: 1px solid #dddddd;
  14. padding: 20px 0 0 0;
  15. margin: 0 20px;
  16. height: 50px;
  17. }
  18. .one {
  19. border-bottom: 1px solid #dddddd;
  20. margin: 0 20px;
  21. height: 40px;
  22. }
  23. .text {
  24. position: relative;
  25. top: 10px;
  26. width: 40%;
  27. font-size: 14px;
  28. }
  29. .tou {
  30. width: 50px;
  31. height: 50px;
  32. position: relative;
  33. left: 280px;
  34. top: -30px;
  35. }
  36. .back {
  37. width: 30rpx;
  38. height: 30rpx;
  39. transform-origin: 50% 50%;
  40. transform: rotate(-90deg);
  41. }
  42. .input {
  43. position: relative;
  44. text-align: right;
  45. left: 130px;
  46. top: -10px;
  47. width: 60%;
  48. font-size: 16px;
  49. }
  50. .van-uploader__upload {
  51. border-radius: 50%;
  52. align-items: center;
  53. background-color: var(--uploader-upload-background-color,#f7f8fa);
  54. box-sizing: border-box;
  55. display: flex;
  56. flex-direction: column;
  57. height: var(--uploader-size,50px);
  58. justify-content: center;
  59. margin: 0 8px 8px 0;
  60. position: relative;
  61. width: var(--uploader-size,50px);
  62. width: 50px !important;
  63. height: 50px !important;
  64. }
  65. .van-uploader__preview-image {
  66. border-radius: 50%;
  67. display: block;
  68. height: var(--uploader-size,50px);
  69. overflow: hidden;
  70. width: var(--uploader-size,50px);
  71. width: 50px !important;
  72. height: 50px !important;
  73. }
  74. .bottom {
  75. background-color: #ffffff;
  76. }
  77. .two_title {
  78. font-size: 16px;
  79. padding: 20px 0 0 20px;
  80. }
  81. .two_main{
  82. padding: 0 20px;
  83. }
  84. .two_1 {
  85. padding: 10px 8px;
  86. width: 20%;
  87. float: left;
  88. text-align: center;
  89. }
  90. .team_1 {
  91. margin: 7px;
  92. width: 60px;
  93. height: 60px;
  94. background-color: #f8f8f8;
  95. border-radius: 60px;
  96. }
  97. .tianjia{
  98. padding: 17px 0 0 0;
  99. }
  100. .two_logo1 {
  101. margin: 4px 2px;
  102. width: 45px;
  103. height: 50px;
  104. }
  105. .two_jian {
  106. position: relative;
  107. top: -15px;
  108. left: 20px;
  109. width: 20px;
  110. height: 20px;
  111. }
  112. .team_text {
  113. font-size: 12px;
  114. color: #555;
  115. }
  116. .btn-area{
  117. width: 100%;
  118. position: absolute;
  119. bottom: 0px;
  120. background-color: #fff;
  121. height: 60px;
  122. }
  123. .button {
  124. position: relative;
  125. top: 10px;
  126. width: 300px !important;
  127. background-image: linear-gradient(to right, #fd3c1e, #c74df0);
  128. border-radius: 30px;
  129. color: #ffffff;
  130. text-align: center;
  131. font-size: small;
  132. }