login.css 2.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102
  1. .projectName{
  2. line-height: 135px;
  3. color: #51bd61;
  4. padding-left: 105px;
  5. font-size: 48px;
  6. font-family: suyuanheiti;
  7. }
  8. @font-face {
  9. font-family:"suyuanheiti";
  10. src:url("./font/SourceHanSansCN-Bold-2.otf") format("otf");
  11. font-weight:normal;
  12.     font-style:normal;
  13. }
  14. /* 主体 */
  15. .pageMinWidth{
  16. min-width: 1200px;
  17. }
  18. .loginBox{
  19. position: relative;
  20. margin-bottom: 130px;
  21. }
  22. .loginBox >img{
  23. -webkit-user-drag: none;
  24. }
  25. .loginInner{
  26. position: absolute;
  27. right: 14%;
  28. top: 14%;
  29. width: 19%;
  30. background: #fff;
  31. border-radius: 25px;
  32. padding: 3%;
  33. box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.3);
  34. }
  35. .loginInner h1{
  36. font-size: 24px;
  37. text-align: center;
  38. }
  39. .loginInp label{
  40. position: relative;
  41. }
  42. .loginInp input{
  43. background: none;
  44. border: none;
  45. width: 90%;
  46. font-size: 16px;
  47. height: 36px;
  48. line-height: 36px;
  49. padding-left: 10%;
  50. border-bottom: 1px solid #bfbfbf;
  51. margin-top: 8%;
  52. }
  53. .loginInp input:focus{
  54. border-bottom: 1px solid #19be6b;
  55. }
  56. .loginInp input:focus + i{
  57. color: #19be6b;
  58. }
  59. .loginInp i{
  60. color: #7b7979;
  61. font-size: 20px;
  62. position: absolute;
  63. bottom: 0;
  64. left: 0;
  65. }
  66. /* 记住密码 */
  67. .my_protocol .input_agreement_protocol {
  68. appearance: none;
  69. -webkit-appearance: none;
  70. outline: none;
  71. display: none;
  72. }
  73. /*未选中时*/
  74. .my_protocol .input_agreement_protocol+span {
  75. cursor: pointer;
  76. width: 16px;
  77. height: 16px;
  78. background-color: red;
  79. display: inline-block;
  80. background: url(../imgs/checkboxBj.png) no-repeat;
  81. background-position-x: 0px;
  82. background-position-y: 0px;
  83. position: relative;
  84. top: 4px;
  85. }
  86. /*选中checkbox时,修改背景图片的位置*/
  87. .my_protocol .input_agreement_protocol:checked+span {
  88. background-position: -19px 0px
  89. }
  90. .isSaveBox{
  91. margin: 10% 0;
  92. }
  93. /* loginBtn */
  94. .loginBtn{
  95. width: 100%;
  96. background: #45c87b;
  97. color: #fff;
  98. line-height: 33px;
  99. border: 1px solid #b9e1b1;
  100. font-size: 14PX;
  101. }