人人商城

style.css 2.9KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187
  1. ::-webkit-input-placeholder {
  2. color: #ccc;
  3. }
  4. ::-moz-placeholder {
  5. color: #ccc;
  6. }
  7. ::-moz-placeholder {
  8. color: #ccc;
  9. }
  10. :-ms-input-placeholder {
  11. color: #ccc;
  12. }
  13. .fui-content {
  14. background: #fff;
  15. }
  16. .header {
  17. height: 10rem;
  18. background-image: url("bg.jpg");
  19. background-repeat: no-repeat;
  20. background-size: 100% 100%;
  21. background-position: top center;
  22. overflow: hidden;
  23. }
  24. .header .logo {
  25. height: 5rem;
  26. width: 5rem;
  27. border-radius: 5rem;
  28. background: #fff;
  29. box-shadow: #fe8b25 0px 1px 8px;
  30. margin: 4.2rem auto 0;
  31. overflow: hidden;
  32. }
  33. .header .logo img {
  34. height: 5rem;
  35. width: 5rem;
  36. display: block;
  37. }
  38. .acc-input-group {
  39. padding: 0 2rem;
  40. }
  41. .acc-input {
  42. height: auto;
  43. overflow: hidden;
  44. }
  45. .acc-input .title {
  46. height: 1.5rem;
  47. font-size: 0.8rem;
  48. color: #999;
  49. text-align: center;
  50. line-height: 2rem;
  51. }
  52. .acc-input .input {
  53. height: 2rem;
  54. padding: 0 0.5rem;
  55. position: relative;
  56. }
  57. .acc-input .input:before {
  58. position: absolute;
  59. content: "";
  60. height: 0;
  61. width: 100%;
  62. bottom: 0;
  63. left: 0;
  64. border-bottom: 1px solid #ececec;
  65. }
  66. .acc-input .input .input-inner {
  67. border: 0;
  68. padding: 0;
  69. margin: 0;
  70. height: 2rem;
  71. width: 100%;
  72. border-radius: 0;
  73. font-size: 0.8rem;
  74. color: #777;
  75. text-align: center;
  76. }
  77. .acc-input .input .remark {
  78. position: absolute;
  79. height: 1.9rem;
  80. line-height: 2rem;
  81. right: 0;
  82. top: 0;
  83. font-size: 0.7rem;
  84. color: #888;
  85. background: #fff;
  86. }
  87. .btn {
  88. display: block;
  89. background: #fea119;
  90. color: #fff;
  91. border: none;
  92. margin: 1rem 2rem 0;
  93. border-radius: 2rem;
  94. }
  95. .text {
  96. padding: 0 1.6rem;
  97. color: #888;
  98. font-size: 0.8rem;
  99. text-align: center;
  100. line-height: 3rem;
  101. }
  102. .text a {
  103. color: #fea119;
  104. }
  105. .sns-login {
  106. height: auto;
  107. margin: 0.5rem 1rem 0.5rem 1rem ;
  108. }
  109. .sns-login .title {
  110. height: 2rem;
  111. line-height: 2rem;
  112. position: relative;
  113. text-align: center;
  114. }
  115. .sns-login .title:before {
  116. content: "";
  117. position: absolute;
  118. width: 100%;
  119. border-top: 1px solid #eee;
  120. top: 1rem;
  121. left: 0;
  122. }
  123. .sns-login .title .text {
  124. height: 2rem;
  125. line-height: 2rem;
  126. width: auto;
  127. margin: auto;
  128. background: #fff;
  129. display: inline-block;
  130. z-index: 1;
  131. position: relative;
  132. }
  133. .sns-login .icons {
  134. height: 3rem;
  135. padding-top: 0.2rem;
  136. text-align: center;
  137. margin-bottom: 1.5rem;
  138. }
  139. .sns-login .icons .item {
  140. height: 2.6rem;
  141. width: 2.6rem;
  142. margin: 0 0.4rem;
  143. display: inline-block;
  144. border: 1px solid #6c9;
  145. border-radius: 2.6rem;
  146. text-align: center;
  147. }
  148. .sns-login .icons .item.yellow {
  149. border-color: #fcd576;
  150. color: #fcd576;
  151. }
  152. .sns-login .icons .item.blue {
  153. border-color: #9edcf5;
  154. color: #9edcf5;
  155. }
  156. .sns-login .icons .item.green {
  157. border-color: #88e9bc;
  158. color: #88e9bc;
  159. }
  160. .sns-login .icons .item i {
  161. font-size: 1.8rem;
  162. line-height: 2.4rem;
  163. }