register.css 7.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168
  1. *{padding: 0;margin: 0;box-sizing:border-box;font-family: "微软雅黑";}
  2. html{font-size:62.5%;}
  3. body{font:14px "simsun",Arial,Helvetica,sans-serif;width:100%;
  4. background-color:#fff;
  5. font-size:1.4rem;
  6. -webkit-user-select:none;
  7. -moz-user-select:none;
  8. -ms-user-select:none;
  9. user-select:none;
  10. }
  11. body,h1,h2,h3,h4,h6,p,ul,ol,dl,dd{margin:0;padding:0;list-style:none;}
  12. a{color:#000;text-decoration:none;}
  13. a:hover{color:#000;text-decoration:none;}
  14. .lf{float:left;}
  15. .rf{float:right;}
  16. .clear{clear:both;}
  17. input:focus{outline: none;}
  18. ul,ol{padding: 0;margin: 0;list-style: none;}
  19. ::input-placeholder{color:#cccccc;}
  20. ::-webkit-input-placeholder{color:#cccccc;}
  21. ::-moz-input-placeholder{color:#cccccc;}
  22. ::-ms-input-placeholder{color:#cccccc;} 
  23. /*registered页面container的css*/
  24. .registered{width:100%;height:800px;
  25. background: url(../../img/resiger_bj.jpg) no-repeat ;
  26. background-size: 100% 100%;
  27. margin-top: 65px;
  28. }
  29. .reg_con{width:1200px;height:770px;margin:0 auto;
  30. /* background-image:url(../../img/zhucebg5.jpg) ;*/
  31. }
  32. .clear_first{width:100%;height:1px;}
  33. .zhuce{width:775px;height:515px;margin:0 auto;margin-top:80px;
  34. background: #fff; position: relative;}
  35. .title{width:100%;height:50px;font-size: 2rem;color:#5C5C5D;
  36. line-height:50px;padding-left:50px;}
  37. .shadow{width:775px;height:25px;margin:0 auto;margin-top:-3px;}
  38. .regist{width:350px;height:450px;padding-left:50px;display: inline-block;
  39. position: absolute;top:50px;left:0;}
  40. .zhuce_input{width:255px;height:40px;border:1px solid #E5E5E5;
  41. margin-bottom:10px;line-height:38px;}
  42. .zhuce_input>input{border:none;color:#ccc}
  43. .log_del{margin-left:15px;}
  44. .yanzheng{width:255px;height:40px;position: relative;margin-bottom:10px;}
  45. .yanzhengma{width:165px;height:40px;border:1px solid #E5E5E5;
  46. line-height: 38px;display:inline-block;margin-right:10px;}
  47. .yanzhengma>input{border:none;padding-left:10px;}
  48. .yanzhengma_cont{display:inline-block;width:80px;height:40px;line-height: 38px;
  49. position: absolute;top:0;right:0;}
  50. .yanzhengma_cont>img{width:100%;height:100%;border: none;}
  51. .cellcode{width:255px;height:40px;position: relative;}
  52. .cellcode>div{width:165px;height:40px;border:1px solid #E5E5E5;
  53. line-height: 38px;display:inline-block;margin-right:10px;}
  54. input{padding-left:10px;}
  55. .cellcode>a{color:#F18101;}
  56. #photo{color:#ccc;display: inline-block;padding-left: 0;background: none;text-align: center;border:none}
  57. #photo_num{display: inline-block;color:#ccc;height: 38px;line-height: 38px;border: none}
  58. .leibie{width:120px;height:30px;display:inline-block;color:#F18101;font-size: 1.4rem;
  59. line-height: 28px;font-weight: bold;padding-left: 20px;position: relative;}
  60. .leibie input{display:inline-block;width:15px;height:15px;margin-right: 5px;position: absolute;
  61. top:5px;left:0;visibility: hidden;}
  62. .login_check .qiye_lab,.login_check .zhuangjia_lab{height:34px;}
  63. .businessName{width:255px;height:40px;border:1px solid #E5E5E5;
  64. margin-bottom:10px;line-height:38px;}
  65. .linkmanName{width:255px;height:40px;border:1px solid #E5E5E5;
  66. margin-bottom:10px;line-height:38px;}
  67. .zhuangjiaName{width:255px;height:40px;border:1px solid #E5E5E5;
  68. margin-bottom:10px;line-height:38px;display:none;}
  69. #business,#linkman,#man{width:250px;}
  70. .submit{width:255px;height:40px;border:1px solid #E5E5E5;
  71. margin-bottom:10px;line-height:38px;}
  72. .submit>input{width:100%;height:100%;background-color: #F18101;color:#fff;
  73. font-size: 1.8rem;font-weight: bold;letter-spacing:20px;}
  74. .protocol{width:255px;height:30px;line-height: 20px;}
  75. .protocol a{color:#F18101;font-weight: 400;}
  76. #protocol{visibility: hidden;}
  77. .picture{width:420px;height:420px;border-left:1px solid #E5E5E5;
  78. display: inline-block;position: absolute;top:50px;left:350px;}
  79. .denglu{width:400px;height:20px;text-align: right;display: inline-block;
  80. position: absolute;top:0;left:0;}
  81. .denglu>a{color:#F18101;}
  82. .huodong{position: absolute;top:20px;left:0;}
  83. .login_{width: 100%;background: rgba(6,6,6,.4);position: fixed; display: none;height: 100%;
  84. top: 0;left: 0;z-index: 999;}
  85. .login_close_{position: absolute;top:21%;right: 576px;width: 24px;
  86. height: 22px;z-index: 2000;cursor: pointer;}
  87. .login_main_{width:800px;height:60%;background-color: #fff;position: absolute;top: 20%;left: 50%;margin-left: -400px;
  88. padding: 20px 50px;overflow-y: auto;box-shadow: 0 10px 10px 0 #777;}
  89. .title_{line-height: 50px;}
  90. .longin_foot{line-height: 50px;}
  91. #userpassword{width: 190px;}
  92. .star{
  93. float: right;
  94. color: red;
  95. margin-right: -20px;
  96. }
  97. /*登陆页面*/
  98. .login{width: 100%;background: rgba(6,6,6,.4);position: fixed;top: 0;left: 0;z-index: 999;}
  99. .login_mian{width: 600px;background: #ffffff;position: absolute;top: 50%;margin-top: -200px;left: 50%;margin-left: -300px;padding-left: 60px;padding-top: 60px;padding-bottom: 96px;}
  100. .login_left{float: left;padding-bottom: 10px;width: 220px;}
  101. .login_left .login_ewm{width: 95px;padding-top: 34px;margin-bottom: 10px;display: inline-block;text-align: center;}
  102. .login_left .login_ewm img{margin-bottom: 10px;width:90px;}
  103. .login_left p{line-height: 26px;font-size: 16px;width: 95px;text-align: center;}
  104. .login_right{float: left;padding-left: 32px;width:288px;border-left:1px solid #E5E5E5;}
  105. .login_right h5{font-size: 18px;color: #373739;font-weight: normal;}
  106. .login_right h5 a{font-size: 14px;color: #f81009;margin-left: 62px;}
  107. .login_right form .login_uesr,.login_pass{width: 256px;height: 40px;position: relative;border: 1px solid #cccccc;}
  108. .login_uesr label img,.login_pass label img{width: 20px;height: 22px;position: absolute;top: 8px;left:10px;border: none;}
  109. .login_uesr .log_del{width: 16px ;height: 16px;position: absolute; top: 10px;right: 10px;}
  110. .log_del:hover{cursor: pointer;}
  111. .login_uesr{margin-bottom: 20px;}
  112. .cheackeds{background:url(../../img/check_lo.png) no-repeat center left}
  113. .cheackeds_no{background:url(../../img/check_lono.png) no-repeat center left}
  114. .login_{display: none;}
  115. .login_check u{float: right;line-height: 38px;}
  116. .login_check u a{color: #f18101;}
  117. .login_check label{height: 38px;line-height: 38px ;color: #f18101;font-weight: normal;}
  118. .lab_check{background: url(../../img/check_lo.png) no-repeat center left;/*background-size:34% 40%;*/}
  119. .lab_checkno{background: url(../../img/check_lono.png) no-repeat center left;/*background-size:34% 40%;*/}
  120. .login_check label input{margin-right: 4px; visibility: hidden;}
  121. .login_check label:hover{cursor: pointer;}
  122. .login_submit{width: 100%;height: 38px;font-size: 20px;background: #f18101;color: #FFFFFF;text-align: center;border: none;}
  123. .login_hua {position: absolute;top: 0;right: 0;}
  124. .login_close:hover{cursor: pointer;}
  125. .login_check label:first-child{margin-right: 15px;}
  126. .head_login:focus{text-decoration: none;}
  127. /*底部定制*/
  128. #bottom{background:#fff;margin-top:-150px;background: url(../../img/bottom_bg.png) no-repeat center center;
  129. background-size:120% 100%;}
  130. .bottom{margin-top:0;}
  131. .glyphicon-user,.glyphicon-phone{
  132. vertical-align: top;
  133. margin-top: 10px;
  134. font-size: 18px;
  135. padding: 0 10px;
  136. border-right: 1px solid #E5E5E5;
  137. }
  138. /*弹出消息提示*/
  139. .smg{width: 260px;height: 40px;text-align: center;transform: scale(0) rotate(360deg);
  140. line-height:40px;background:#17a2b8;border-radius: 10px;
  141. position: fixed;top: -200px; left: 50%;margin-left: -130px;color:#ffffff;
  142. transition: all .5s ease-in-out;
  143. }
  144. .smg input{width: 260px;height: 40px;border: none;background: none;text-align: center;font-size: 14px;}
  145. .smg.active{
  146. left: 50%;margin-left: -130px;
  147. transform: scale(1) rotate(0);
  148. top: 200px;
  149. z-index: 9999999999;
  150. transition: all .5s ease-in;
  151. }