login.css 3.4 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546
  1. .l-body{position: fixed;left: 0;bottom: 0;right: 0;top: 0;min-width: 790px;min-height: 700px;min-width:1160px;background-color: #fff;}
  2. .l-header{position: relative;width: 100%;height: 100px;}
  3. .l-l{ display: inline-block;*display:inline;*zoom:1;width: 210px;height: 100px;background: url(../images/logo.png) center no-repeat;background-size: cover;margin-left: 200px;text-indent: -9999px;}
  4. .l-s{float: right;margin-right: 220px;}
  5. .l-s li{position:relative;display: inline-block;height: 100px;line-height: 100px;font-size: 16px;}
  6. /*.l-s li:first-child{margin-right: 60px;}*/
  7. .l-s li a{display: block;color: #333;font-weight: 600;}
  8. .l-s li a:hover{color: #0c93e4}
  9. .l-main{position: relative;width: 100%;height: 500px;background: url(../images/login_bg.png) center no-repeat;background-size: contain;background-color: #0c93e4;}
  10. .l-form{position: absolute;width: 341px;height: 360px;top: 70px;right: 220px;padding: 0 40px;background-color: #fff;-webkit-border-radius: 5px;border-radius: 5px; }
  11. .l-tab{border-bottom: 1px solid #dcdcdc;}
  12. .l-t-item{position:relative;display: inline-block;width: 49%;height: 60px;text-align: center;line-height: 60px;font-size: 20px;font-weight: 400;}
  13. .l-t-item:first-child::before{content: " ";position:absolute;width: 1px;height: 12px;background: #dcdcdc;right: 0;top: 24px}
  14. .l-t-item a{display: block;color: #999;width: 60px;height: 59px;margin: 0 auto;}
  15. .l-t-item a.l-active{border-bottom: 2px solid #0c93e4;}
  16. .l-f-tit{height: 60px;line-height: 60px;font-size: 16px;color: #a9a9a9;}
  17. .l-f-input{width: 260px;height: 38px;line-height: 38px;border: 1px solid #dcdcdc;margin-bottom: 20px;-webkit-border-radius: 2px;border-radius: 2px;font-size: 14px;color: #333;padding-left: 39px;padding-right: 12px;}
  18. .l-f-input[type=password]{margin-bottom: 12px;}
  19. .l-f-c>div{position: relative;}
  20. .l-f-icon{position: absolute;display: block;width: 15px;height: 15px;left: 12px;top: 12px;cursor: pointer/* padding: 0 12px; */}
  21. .i-an{background: url(../images/zhanghao_icon.png) center no-repeat;}
  22. .i-pwd{background: url(../images/mima_icon.png) center no-repeat;}
  23. .l-f-radio{display: inline-block;width: 16px;height: 16px;background: url(../images/gouxuan_btn.png) center no-repeat;vertical-align: middle;/* -webkit-appearance: none; *//*appearance: none;*/margin-right: 10px;}
  24. .l-f-radio.active{background: url(../images/gouxuan_btn_pre.png) center no-repeat;}
  25. .l-f-radio input[type="checkbox"]{opacity: 0;}
  26. .i-an,.i-pwd{background-size: cover;}
  27. .f-p{display: inline-block;vertical-align: middle;color: #555;font-size: 14px}
  28. .f-l{display: block;float: right;font-size: 14px;color: #0c93e4}
  29. .l-btn{width: 260px;height: 40px;line-height: 40px;margin-top: 32px;/* margin-bottom: 12px; */text-align: center;background: #0c93e4;color: #fff;font-size: 14px;-webkit-border-radius: 2px;border-radius: 2px;cursor: pointer;-webkit-box-shadow: 0 0 3px 2px #dcdcdc;-moz-box-shadow: 0 0 3px 2px #dcdcdc;box-shadow: 0 0 3px 2px #dcdcdc;border: none;}
  30. .l-btn:hover{background:#4db2ee }
  31. .l-f-footer{height: 35px;line-height: 35px;font-size: 14px;color: #555;}
  32. .l-f-footer>a{color: #0c93e4}
  33. .l-footer{width: 100%;position: absolute;bottom: 40px;left: 0;text-align: center;color: #999;font-size: 14px;}
  34. .header-xz-wrap {
  35. height: 97px;
  36. line-height: 97px;
  37. background-color: #ffffff;
  38. }
  39. .header-xz-logo {
  40. /* background-color: #259ee7; */
  41. background: url(../images/xz-logo.png) center no-repeat;
  42. width: 355px;
  43. height: 38px;
  44. margin-top: 30px;
  45. margin-left: 30px;
  46. }