register.css 3.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153
  1. @charset "utf-8";
  2. input::-webkit-input-placeholder {
  3. color: #7dbff5;
  4. font-size: 22px;
  5. }
  6. .register-content{
  7. margin: 0 auto;
  8. width: 1920px;
  9. height: 1080px;
  10. background: url(../../../images/hardware/aio/aio/index-bg.png) no-repeat;
  11. overflow: hidden;
  12. }
  13. .register-title{
  14. margin-top: 177px;
  15. width: 1920px;
  16. font-size:32px;
  17. color:#151515;
  18. text-align:center;
  19. letter-spacing: 5px;
  20. margin-bottom:40px;
  21. line-height:180px;
  22. }
  23. .register-content-img{
  24. display: block;
  25. width: 143px;
  26. margin: 0 auto;
  27. padding: 19px 0px;
  28. }
  29. .register-content-phone{
  30. width: 784px;
  31. height: 90px;
  32. margin: 0 auto;
  33. background-color:#fff;
  34. }
  35. .content-phone-left{
  36. width: 506px;
  37. height: 89px;
  38. float: left;
  39. }
  40. .phone-left-left{
  41. float:left;
  42. }
  43. .phone-left-right{
  44. float:right;
  45. }
  46. .phone-left-img {
  47. margin-top: 20px;
  48. margin-left: 50px;
  49. }
  50. .phone-left-input {
  51. background: #fff !important;
  52. display: inline-block;
  53. height: 90px;
  54. font-family: MicrosoftYaHei;
  55. font-size: 22px;
  56. font-weight: normal;
  57. font-stretch: normal;
  58. line-height:90px;
  59. letter-spacing: 0px;
  60. color: #151515;
  61. width: 400px;
  62. padding-left: 10px;
  63. padding-right: 10px;
  64. margin-left:20px;
  65. }
  66. .phone-left-input::-webkit-input-placeholder{color:#808080;}
  67. .content-phone-right {
  68. float: right;
  69. width: 228px;
  70. height: 90px;
  71. background-color:#e1871a;
  72. }
  73. .phone-right-tip {
  74. width: 130px;
  75. height: 25px;
  76. font-family: MicrosoftYaHei;
  77. font-size: 26px;
  78. font-weight: normal;
  79. font-stretch: normal;
  80. line-height: 36px;
  81. letter-spacing: 0px;
  82. color: #ffffff;
  83. margin: 24px auto 0px auto;
  84. display: block;
  85. }
  86. .register-content-code{
  87. width: 784px;
  88. height: 90px;
  89. margin: 38px auto 0px auto;
  90. background-color:#fff;
  91. }
  92. .content-code-left {
  93. float: left;
  94. width: 784px;
  95. height: 90px;
  96. }
  97. .code-left-left {
  98. float: left;
  99. }
  100. .code-left-img {
  101. margin-top: 24px;
  102. margin-left: 45px;
  103. }
  104. .code-left-right {
  105. float: right;
  106. }
  107. .code-left-input {
  108. background: #fff !important;
  109. display: inline-block;
  110. height: 90px;
  111. font-family: MicrosoftYaHei;
  112. font-size: 22px;
  113. font-weight: normal;
  114. font-stretch: normal;
  115. line-height:90px;
  116. letter-spacing: 0px;
  117. color: #151515;
  118. width: 680px;
  119. padding-left: 10px;
  120. padding-right: 10px;
  121. }
  122. .code-left-input::-webkit-input-placeholder{color:#808080;}
  123. .phone-loginButton{
  124. width: 767px;
  125. height:80px;
  126. line-height:80px;
  127. background-color:#0064f6;
  128. border-radius:5px;
  129. text-align:center;
  130. margin: 63px auto 0px auto;
  131. }
  132. .phone-loginBtn{
  133. float: left;
  134. margin-left: 325px;
  135. margin-top: 22px;
  136. }
  137. .Btnstyle {
  138. width: 125px;
  139. height: 39px;
  140. font-family: MicrosoftYaHei;
  141. font-size: 26px;
  142. font-weight: normal;
  143. font-stretch: normal;
  144. line-height: 36px;
  145. letter-spacing: 0px;
  146. color: #ffffff;
  147. background: none;
  148. border: none;
  149. outline: none;
  150. }
  151. .register-footer{
  152. margin-top: 80px;
  153. }