login.css 1.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132
  1. body {
  2. font-size: 14px;
  3. }
  4. .mainbox{
  5. background: url("../../images/BG.jpg") no-repeat 100% 100%;
  6. }
  7. #main {
  8. margin: 0 auto;
  9. width: 1294px;
  10. padding-bottom: 200px;
  11. padding-top: 100px;
  12. }
  13. #head{
  14. background:#fff;
  15. }
  16. .hlogo{
  17. margin: 0 auto;
  18. width: 1294px;
  19. transition: all 0.6s;
  20. }
  21. .hlogo span img:hover {
  22. transform: scale(2);
  23. position: relative;
  24. z-index: 2;
  25. top: 30px;
  26. right: 30px;
  27. box-shadow: 0 4px 8px 0 rgba(255,255,255,0.2),0 6px 20px 0 rgba(255,255,255,0.19);
  28. }
  29. .box-border{
  30. border: 3px solid #38D1CB;
  31. }
  32. #foot{
  33. background:#fff;
  34. text-align: center;
  35. font-size: 14px;
  36. padding: 34px 0 34px;
  37. color:#909090;
  38. }
  39. .tabs-container {
  40. margin-top: 40;
  41. border: 10px solid rgba(255,255,255,0.2);
  42. }
  43. .nav.nav-tabs {
  44. background-color: #fff;
  45. }
  46. .nav.nav-tabs li {
  47. width: 50%;
  48. text-align: center;
  49. }
  50. .nav.nav-tabs li.active a {
  51. color: #0AD8C8;
  52. }
  53. .tabs-container .nav-tabs>li.active>a,
  54. .tabs-container .nav-tabs>li.active>a:focus,
  55. .tabs-container .nav-tabs>li.active>a:hover {
  56. border: 0;
  57. border-bottom: 3px solid #0AD8C8;
  58. }
  59. button[type="submit"] {
  60. margin-top: 20px;
  61. }
  62. .form-group {
  63. position: relative;
  64. }
  65. .form-control{
  66. height: 50px;
  67. background: #F5FAFA;
  68. }
  69. .getCaptcha {
  70. position: absolute;
  71. top: 8px;
  72. right: 10px;
  73. }
  74. .getCaptcha.disabled{
  75. cursor: not-allowed;
  76. filter: alpha(opacity=65);
  77. -webkit-box-shadow: none;
  78. box-shadow: none;
  79. opacity: .65;
  80. }
  81. #loginForm{
  82. width: 400px;
  83. border: 5px solid rgba(75, 202, 208, 0.7);
  84. background-color: #fff;
  85. }
  86. .btn-theme{
  87. color:#fff;
  88. background: #0AD8C8;
  89. border-color: #0AD8C8;
  90. font-size: 20px;
  91. }
  92. .btn-theme:hover,.btn-theme:active{
  93. color:#fff;
  94. background: #0aD9ff;
  95. border-color: #0AD8C8;
  96. }
  97. .btn-default{
  98. background: #fff;
  99. color:#333;
  100. font-size: 20px;
  101. padding-top: 10px;
  102. }
  103. .btn-default:hover,.btn-default:active{
  104. color:#333;
  105. background: #F4F6FA;
  106. }
  107. .btn{
  108. height: 53px;
  109. }