bindoldsys.wxss 2.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157
  1. .identity__bg {
  2. width: 100%;
  3. min-height: 100%;
  4. background: #f3f3f3;
  5. }
  6. .identity__head {
  7. width: 100%;
  8. height: 248rpx;
  9. background-image: linear-gradient(180deg,
  10. #eab86a 0%,
  11. #d4932b 100%);
  12. }
  13. .identity__head image {
  14. display: block;
  15. width: 201rpx;
  16. height: 251rpx;
  17. margin: 0 auto;
  18. }
  19. .identity_wid {
  20. width: 100%;
  21. padding: 0 20rpx;
  22. box-sizing: border-box;
  23. }
  24. .identity_content {
  25. position: relative;
  26. width: 100%;
  27. background: #fff;
  28. padding: 54rpx 30rpx 38rpx;
  29. margin-top: 20rpx;
  30. box-sizing: border-box;
  31. }
  32. .identity_content .title {
  33. text-align: center;
  34. font-size: 28rpx;
  35. color: #7f93ae;
  36. margin-bottom: 54rpx;
  37. }
  38. .identity_name, .identity_number {
  39. width: 100%;
  40. height: 100rpx;
  41. background: #f6f9fd;
  42. border: 1rpx solid #e5e5e5;
  43. padding-left: 30rpx;
  44. padding-right: 20rpx;
  45. margin-bottom:30rpx;
  46. box-sizing: border-box;
  47. }
  48. .identity_name fl {
  49. float: left;
  50. }
  51. .identity_name text, .identity_number text{
  52. /*display: inline-block;*/
  53. float: left;
  54. width: 140rpx;
  55. line-height: 100rpx;
  56. font-size: 28rpx;
  57. color: #7f93ae;
  58. }
  59. .identity_name input {
  60. float: left;
  61. height: 100rpx;
  62. border: none;
  63. outline: none;
  64. font-size: 28rpx;
  65. color: #b8c6d9;
  66. }
  67. .identity_name .btn {
  68. float: right;
  69. width: 260rpx;
  70. height: 52rpx;
  71. background: #fff;
  72. border-radius: 26rpx;
  73. line-height: 52rpx;
  74. font-size: 24rpx;
  75. color: #eab86a;
  76. border: 1rpx solid #eab86a;
  77. box-sizing: border-box;
  78. text-align: center;
  79. margin-top: 24rpx;
  80. }
  81. .identity_number input {
  82. float: left;
  83. width: 440rpx;
  84. height: 100rpx;
  85. border: none;
  86. outline: none;
  87. font-size: 28rpx;
  88. color: #b8c6d9;
  89. }
  90. .identity_btn {
  91. width: 100%;
  92. height: 88rpx;
  93. background: #eab86a;
  94. border-radius: 8rpx;
  95. line-height: 88rpx;
  96. text-align: center;
  97. font-size: 28rpx;
  98. color: #ffffff;
  99. }
  100. .identity__img {
  101. position: absolute;
  102. width: 224rpx;
  103. height: 162rpx;
  104. right: 0;
  105. }
  106. .identity_headImg {
  107. width: 172rpx;
  108. height: 172rpx;
  109. margin: 0 auto 46rpx;
  110. }
  111. .identity_headImg image {
  112. width: 100%;
  113. height: 100%;
  114. border-radius: 50%;
  115. }
  116. .identity_content .info {
  117. font-size: 28rpx;
  118. color: #7f93ae;
  119. text-align: center;
  120. margin-bottom: 24rpx;
  121. }
  122. .overbind{
  123. position: fixed;
  124. width: 100%;
  125. height: 100%;
  126. left: 0;
  127. top: 0;
  128. background: rgba(0,0,0,0.4);
  129. z-index: 9;
  130. }
  131. .overbind-box{
  132. width: 80%;
  133. margin: 30% auto;
  134. background: #FFF;
  135. border-radius: 4px;
  136. text-align: center;
  137. padding: 40rpx;
  138. box-sizing: border-box;
  139. overflow: hidden;
  140. }
  141. .overbind-txth{
  142. display: block;
  143. font-size: 36rpx;
  144. font-weight: normal;
  145. color: #333;
  146. }
  147. .overbind-txti{
  148. text-align: left;
  149. display: block;
  150. padding: 25rpx 0;
  151. color: #666;
  152. font-size: 30rpx;
  153. }
  154. .overbind-btn{}