learun-login2.css 6.5 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788
  1. input[type=range]{padding:0}
  2. input::-moz-placeholder{color:#999;opacity:1}
  3. input::-ms-input-placeholder{color:#999}
  4. input::-webkit-input-placeholder{color:#999}
  5. .px{margin:0;padding:6px;padding-left:8px;width:100%;line-height:15px;border:1px solid #d5d5d5;box-sizing:border-box;color:#4b4b4b;background:#fff;box-shadow:inset 0 1px 2px rgba(0,0,0,.1);outline:none;font-size:14px}
  6. .px[disabled]{border:1px solid #d5d5d5;background:#fbfbfb;color:#9f9f9f;cursor:not-allowed}
  7. .px:focus{border:1px solid #afc2ec;color:#4b4b4b}
  8. .ps{border-radius: 5px;margin:0;padding:6px;padding-left:8px;width:100%;line-height:15px;border:1px solid #d5d5d5;box-sizing:border-box;color:#4b4b4b;background:#fff;box-shadow:inset 0 1px 2px rgba(0,0,0,.1);font-size:14px;cursor:pointer;}
  9. .pn{display:inline-block;padding:0 40px;border:1px solid #008ed2;background:#008ed2;color:#fff;border-radius:3px;height:36px;line-height:36px;text-align:center;font-size:14px;cursor:pointer;box-sizing:border-box;-webkit-box-sizing:border-box}
  10. .pn[disabled]{border:1px solid #eeecec;background:#eeecec;color:#9f9f9f;text-shadow:0 1px 0 #fff;cursor:default}
  11. .pn[disabled]:active{box-shadow:none}
  12. .pn:active{box-shadow:inset 0 2px 3px rgba(0,0,0,.1)}
  13. .pn.pn_simple{border:1px solid #eeecec;background:#fff;color:#4b4b4b}
  14. .pn.pn_simple:hover{border:1px solid #008ed2;color:#fff;background:#008ed2}
  15. .pn.pn_simple i.wechat{color:#2faf5a!important;margin-right: 5px;}
  16. .pn.pn_simple.pn_simple_other:hover{border:1px solid #eeecec;background:#fff;color:#4b4b4b}
  17. /*.pn.pn_simple.pn_simple_other:hover i{color:#9da1c4}
  18. .pn.pn_simple.pn_simple_other:hover i.wechat{color:#2faf5a}*/a.pn.pn_info i{font-size:14px;top:0;margin-right:5px;float:none}
  19. a.pn.pn_disable:hover,a.pn.pn_normal:hover{color:#9f9f9f!important}
  20. body,button,input,select,textarea{font:12px/1.5 Lucida Grande,Lucida Sans Unicode,Helvetica Neue,Hiragino Sans GB,Microsoft Yahei,sans-serif;color:#4b4b4b}
  21. body,dd,dl,form,h1,h2,h3,h4,h5,h6,li,ol,p,ul{margin:0;padding:0}
  22. a{color:#4b4b4b;text-decoration:none;outline:none}
  23. a img{border:none}
  24. a:hover{color:#3b65a7!important}
  25. a:active{star:expression(this.onFocus=this.blur())}
  26. :focus{outline:0}
  27. textarea{resize:none}
  28. .z{float:left}
  29. .y{float:right}
  30. body{background:#f3f3f3}
  31. button,input{outline:none}
  32. .login_tips{text-indent:3px;margin-bottom:16px;height:30px;line-height:33px;border:1px solid #ebccd1;color: #a94442;background-color: #f2dede;border-radius:5px}
  33. .login_tips i{position: relative;top: 1px;font-size: 14px;padding-right: 5px;}
  34. .login_tips-succeed{text-indent:3px;margin-bottom:16px;height:30px;line-height:33px;border:1px solid #5e8800;color: #fff;background-color: #62b600 ;border-radius:5px}
  35. .login_tips-succeed i{position: relative;top: 1px;font-size: 14px;padding-right: 5px;}
  36. .wrap{margin:0px auto 0px;width:400px;min-height:360px;-webkit-text-size-adjust:100%}
  37. .wrap h1{padding:20px 0;text-align:center}
  38. .wrap h1 img{margin:0 auto;height:40px;display:block}
  39. .container{padding:40px;padding-bottom:15px;padding-top:60px;background-color:#fff;box-shadow:0 0 6px rgba(0,0,0,.1);border-radius:5px}
  40. fieldset.box{margin:0;padding:0;border:none;border-top:1px solid #eeecec}
  41. fieldset.box legend{margin:0;padding:0 5px;font-size:14px;color:#9f9f9f;text-align:center}
  42. fieldset.box .pn{line-height:36px;width:100%}
  43. fieldset.box .pn,fieldset.box .px{height:36px;-webkit-appearance:none}
  44. fieldset.box .px{line-height:20px;border-radius:5px;}
  45. fieldset.box dl.form{margin:0;padding:20px 0 0}
  46. fieldset.box dl.form dd{margin-bottom:15px}
  47. fieldset.box dl.form dd a{color:#3b65a7}
  48. fieldset.box dl.form dd.ft,fieldset.box dl.form dd.tos{text-align:center}
  49. fieldset.box dl.form dd.btn{padding-top:8px;height:50px;}
  50. fieldset.box dl.form dd.btn .pn{margin-bottom:15px}
  51. fieldset.box dl.form dd .info{display: block;line-height: 14px;font-size: 12px;color: #999;padding-top: 8px;padding-left:2px;}
  52. fieldset.box dl.form dd .passlevel{display: block;font-size: 12px;color: #999;padding-left:1px;}
  53. fieldset.box dl.form dd .passlevel em{display: inline-block;width: 60px;height: 6px;background: #dee1e8;margin-right: 2px;}
  54. fieldset.box dl.form dd .passlevel em.bar{background: #449d44;}
  55. fieldset.box dl.form button.active{background-image:url(../images/loading1.gif);background-repeat:no-repeat;background-position:center 10px;}
  56. .pn_getcode{width: 100px;height: 36px;padding-right: 0;padding-left: 0;border: 1px solid #d5d5d5;font-size: 14px;color: #727272;background: #fafafa;cursor: pointer;margin-left:-4px;border-top-right-radius: 5px;border-bottom-right-radius: 5px;}
  57. .a_register{color:#3b65a7}
  58. button[disabled],button[disabled] button{color:#ccc;opacity:1;cursor:default}
  59. .container .back{text-align: center;}
  60. .container .back a{color: #3b65a7;}
  61. .copyright{text-align: center;color: #4b4b4b;position: absolute;top: 100%;margin-top: -60px;width: 97%;font-family: Microsoft Yahei;line-height:25px;}
  62. .rides-cs{font-size: 12px;position: fixed;top: 40%;right: 0px;_position: absolute;z-index: 1500;border-radius: 6px 0px 0 6px;}
  63. .rides-cs a{color: #00A0E9;}
  64. .rides-cs a:hover{color: #ff8100;text-decoration: none;}
  65. .rides-cs .floatL{width: 60px;height: 65px;position: relative;z-index: 1;margin-top: 0px;}
  66. .rides-cs .floatL a{display: block;}
  67. .rides-cs .floatL .fa-qq{color:#fff;font-size: 30px;margin-top:5px;}
  68. .rides-cs .floatL .fa-phone-square{color:#fff;font-size: 33px;margin-top:5px;}
  69. .rides-cs .floatL .fa-wechat{color:#fff;font-size: 30px;margin-top:5px;}
  70. .rides-cs .floatR{width: 130px;float: left;padding: 5px;overflow: hidden;}
  71. .rides-cs .floatR .cn{border-radius: 6px;margin-top: 4px;}
  72. .rides-cs .cn .titZx{font-size: 15px;color: #333;font-weight: 600;line-height: 24px;padding: 5px;text-align: center;}
  73. .rides-cs .cn ul{padding: 0px;}
  74. .rides-cs .cn ul li{line-height: 45px;height: 45px;border-bottom: solid 1px #E6E4E4;text-align: center;overflow:hidden;font-size: 12px;}
  75. .rides-cs .btnOpen, .rides-cs .btnCtn{text-align:center;position: relative;z-index: 9;top: 25px;left: 0;display: block;height: 40px;padding: 8px;border-radius: 6px;}
  76. .rides-cs .btnCtn{border-top-right-radius: 0px;border-bottom-right-radius: 0px;}
  77. .rides-cs ul li.top{border-bottom: solid #ACE5F9 1px;}
  78. .rides-cs ul li.bot{border-bottom: none;}
  79. .co-ltIE8 {
  80. text-align:center;
  81. height:35px;
  82. line-height:35px;
  83. background-color:rgb(241, 215, 78);
  84. }
  85. .weixin{position: fixed;bottom: 10px;right:10px;text-align: center;border: solid 1px #e6e6e6;padding: 10px;padding-bottom:3px; background-color: #fff;border-radius:0px;}
  86. @media only screen and (max-device-width:640px),only screen and (max-device-width:667px){.login_tips{height:44px;line-height:44px;font-size:14px;box-shadow:none;background:#f7f5ee}