抖音b端
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

238 lines
3.2 KiB

  1. .adminlogo {
  2. width: 100rpx;
  3. display: block;
  4. margin: 0 auto;
  5. }
  6. .logoin_wrap {
  7. position: relative;
  8. width: 100%;
  9. display: flex;
  10. flex-direction: column;
  11. }
  12. .login {
  13. width: 100%;
  14. display: flex;
  15. flex-direction: column;
  16. position: relative;
  17. }
  18. .inp {
  19. color: #666;
  20. }
  21. .login view {
  22. position: relative;
  23. width: 88%;
  24. display: flex;
  25. margin: 0 auto;
  26. height: 100rpx;
  27. line-height: 100rpx;
  28. border-bottom: 1rpx solid #DADADA;
  29. }
  30. .line {
  31. width: 2rpx;
  32. height: 22rpx;
  33. background: #d7d7d7;
  34. position: absolute;
  35. left: 20%;
  36. top: 38rpx;
  37. }
  38. .login view input {
  39. font-size: 34rpx;
  40. height: 100rpx;
  41. line-height: 100rpx;
  42. }
  43. .login view:nth-child(1) input {
  44. /* padding-left: 60rpx; */
  45. font-size: 34rpx;
  46. height: 100rpx;
  47. line-height: 100rpx;
  48. }
  49. .eye {
  50. display: inline-block;
  51. width: 50rpx;
  52. margin-top: 26rpx;
  53. }
  54. .logo {
  55. width: 320rpx;
  56. margin: 100rpx auto 30rpx;
  57. }
  58. .logo image {
  59. display: block;
  60. width: 320rpx;
  61. }
  62. .button {
  63. background: #52A0FD;
  64. border-radius: 8rpx;
  65. color: #fff;
  66. margin-top: 8%;
  67. font-size: 36rpx;
  68. width: 90%;
  69. }
  70. .active {
  71. opacity: .4;
  72. }
  73. .logoin_wrap navigator {
  74. display: block;
  75. width: 25%;
  76. margin: 0 auto;
  77. text-align: right;
  78. margin-top: 15rpx;
  79. }
  80. .logoin_wrap navigator text {
  81. display: block;
  82. text-align: center;
  83. /* padding-top: 1.5%; */
  84. font-size: 26rpx;
  85. height: 45rpx;
  86. color: #404040;
  87. letter-spacing: 0;
  88. line-height: 45rpx;
  89. }
  90. .forget {
  91. text-align: right;
  92. padding: 0 40rpx;
  93. color: #999;
  94. margin-top: 20rpx;
  95. }
  96. .forget text {
  97. font-size: 26rpx;
  98. }
  99. .defaultLogo {
  100. position: absolute;
  101. bottom: 40rpx;
  102. left: 0;
  103. right: 0;
  104. margin: auto;
  105. }
  106. .defaultLogo text {
  107. display: block;
  108. text-align: center;
  109. color: #52A0FD;
  110. font-size: 22rpx;
  111. }
  112. .defaultLogo image {
  113. width: 200rpx;
  114. }
  115. .defaultLogo2 {
  116. position: fixed;
  117. bottom: 40rpx;
  118. left: 0;
  119. right: 0;
  120. margin: auto;
  121. }
  122. .defaultLogo2 text {
  123. display: block;
  124. text-align: center;
  125. color: #52A0FD;
  126. font-size: 22rpx;
  127. }
  128. .defaultLogo2 image {
  129. width: 200rpx;
  130. }
  131. .phone {
  132. display: block !important;
  133. background: none !important;
  134. color: #999 !important;
  135. font-size: 26rpx !important;
  136. padding: 0 !important;
  137. margin-top: 40rpx !important;
  138. }
  139. button::after {
  140. border: none;
  141. }
  142. .showpassword {
  143. padding: 30rpx;
  144. width: 40rpx;
  145. position: absolute;
  146. z-index: 100;
  147. right: 20rpx;
  148. top: 0;
  149. bottom: 0;
  150. margin: auto;
  151. }
  152. .page {
  153. padding-left: 40rpx;
  154. padding-right: 40rpx;
  155. padding-bottom: 100rpx;
  156. }
  157. .page .logo {
  158. width: 320rpx;
  159. margin: 100rpx auto 15rpx;
  160. }
  161. .page .logo image {
  162. display: block;
  163. width: 320rpx;
  164. }
  165. .page .title {
  166. text-align: center;
  167. font-size: 35rpx;
  168. font-weight: 500;
  169. margin-bottom: 40rpx;
  170. }
  171. .page .shopBox {
  172. display: flex;
  173. padding: 20rpx;
  174. border: 1px solid #5e5e5e;
  175. border-radius: 15rpx;
  176. margin-bottom: 20rpx;
  177. }
  178. .page .shopBox .imgBox {
  179. width: 230rpx;
  180. height: 230rpx;
  181. margin-right: 30rpx;
  182. }
  183. .page .shopBox .imgBox .imgInside {
  184. width: 100%;
  185. height: 100%;
  186. }
  187. .page .shopBox .infoBox {
  188. padding-top: 5rpx;
  189. }
  190. .page .shopBox .infoBox .shop {
  191. font-size: 32rpx;
  192. font-weight: 600;
  193. margin-bottom: 70rpx;
  194. }
  195. .page .shopBox .infoBox .mainShop {
  196. font-size: 28rpx;
  197. font-weight: 600;
  198. margin-bottom: 32rpx;
  199. }
  200. .page .shopBox .infoBox .address {
  201. font-size: 23rpx;
  202. }