login.css 2.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134
  1. html {overflow: auto; min-width: 970px;}
  2. body {
  3. font-size: 13px;
  4. }
  5. .mainbox{
  6. background: url("../../../images/BG.jpg") no-repeat 100% 100%;
  7. }
  8. .top-banner{position: relative;}
  9. .qr-container{position: absolute;right: 120px;height: 100%;display: block;top: 15%;}
  10. .return {position: absolute; right: -5px; top: 40%; width: 105px; color: #888; text-align: center; cursor: pointer;}
  11. .set-hover {cursor: pointer;}
  12. .return:hover, .set-hover:hover {color: #0ad8c8}
  13. .return:active, .set-hover:active {text-decoration: underline;}
  14. .hlogo{width: 30%;height: auto;display: block;}
  15. .qr_code{
  16. height: 60%;
  17. width: auto;
  18. display: block;
  19. border: 3px solid #38D1CB;
  20. transform-origin: 100% 0;
  21. transition: all .5s cubic-bezier(0.68, -0.55, 0.27, 1.55);
  22. cursor: pointer;
  23. }
  24. .qr_code:hover {
  25. transform: scale(2);
  26. position: relative;
  27. z-index: 2;
  28. box-shadow: 0 4px 8px 0 rgba(255,255,255,0.2),0 6px 20px 0 rgba(255,255,255,0.19);
  29. }
  30. .chahua-bg{position: relative;background: url(../../../images/BG.jpg) no-repeat center;background-size: 100% 100%;height: 700px;}
  31. .chahua{background: url(../../../images/doctor_denglu_bg_img.png) no-repeat 5% 46.5%;position: absolute;left: 0;right: 0;top: 0;bottom: 0;}
  32. .tabs-container {
  33. margin-top: 40;
  34. border: 10px solid rgba(255,255,255,0.2);
  35. }
  36. .nav.nav-tabs {
  37. background-color: #fff;
  38. }
  39. .nav.nav-tabs li {
  40. width: 50%;
  41. text-align: center;
  42. }
  43. .nav.nav-tabs li.active a {
  44. color: #0AD8C8;
  45. }
  46. .tabs-container .nav-tabs>li.active>a,
  47. .tabs-container .nav-tabs>li.active>a:focus,
  48. .tabs-container .nav-tabs>li.active>a:hover {
  49. border: 0;
  50. border-bottom: 3px solid #0AD8C8;
  51. }
  52. button[type="submit"] {
  53. margin-top: 20px;
  54. }
  55. .form-group {
  56. position: relative;
  57. }
  58. .form-control{
  59. height: 50px;
  60. background: #F5FAFA;
  61. }
  62. .fhdl{margin-top: 5px;padding: 10px 10px;cursor: pointer;margin-right: -10px;}
  63. .fhdl:hover{color: #0AD8C8;}
  64. .getCaptcha {
  65. position: absolute;
  66. top: 6px;
  67. bottom: 6px;
  68. right: 10px;
  69. line-height: 38px;
  70. }
  71. .c-f26{font-size: 26px;}
  72. .getCaptcha.disabled{
  73. cursor: not-allowed;
  74. filter: alpha(opacity=65);
  75. -webkit-box-shadow: none;
  76. box-shadow: none;
  77. opacity: .65;
  78. }
  79. .checkbox input[type='checkbox']{margin-top: 4px;}
  80. .disabled{opacity: .5;pointer-events: none;cursor: default;}
  81. .loginForm,.registerForm{
  82. margin-top: 100px;
  83. width: 400px;
  84. margin-right: -5px;
  85. border: 5px solid rgba(75, 202, 208, 0.7);
  86. background-color: #fff;
  87. transition: all .5s ease-in-out;
  88. }
  89. .loginForm-active{
  90. margin-right: 0;
  91. }
  92. .registerForm-active{
  93. margin-right: 0;
  94. }
  95. .btn-theme{
  96. color:#fff;
  97. background: #0AD8C8;
  98. border-color: #0AD8C8;
  99. font-size: 20px;
  100. }
  101. .btn-theme:hover,.btn-theme:active{
  102. color:#fff;
  103. background: #0aD9ff;
  104. border-color: #0AD8C8;
  105. }
  106. .btn-default{
  107. background: #fff;
  108. color:#333;
  109. font-size: 20px;
  110. padding-top: 10px;
  111. }
  112. .btn-default:hover,.btn-default:active{
  113. color:#333;
  114. background: #F4F6FA;
  115. }
  116. .btn{
  117. height: 53px;
  118. }