register.css 7.3 KB

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