123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118 |
- .container {
- background-color: #f4f8fd;
- position: absolute;
- top: 0;
- left: 0;
- right: 0;
- height: 480px;
- background: url(./../imgs/BG_login.png) no-repeat center top;
- background-size: cover;
- behavior: url(PIE.htc);
- }
- .bg {
- width: 100%;
- position: absolute;
- top: 0;
- left: 0;
- min-width: 1020px;
- }
- .content {
- width: 480px;
- height: 470px;
- position: fixed;
- left: 50%;
- top: 50%;
- margin-top: -235px;
- margin-left: -240px;
- }
- .logo {
- text-align: center;
- font-size: 28px;
- color: #fff;
- }
- .logo img {
- height: 50px;
- vertical-align: top;
- margin-bottom: 20px;
- }
- .login {
- width: 480px;
- /* height: 400px; */
- position: relative;
- border-radius: 8px;
- background: #fff;
- border: 1px solid #e5e5e5;
- padding: 38px 40px;
- }
- .login .title {
- color: #68686b;
- font-size: 24px;
- text-align: center;
- margin-bottom: 6px;
- }
- .login input {
- width: 100%;
- height: 56px;
- font-size: 20px;
- background-color: #ffffff;
- border-radius: 8px;
- border: 1px solid #d1d1d1;
- padding: 15px;
- margin-top: 18px;
- }
- .login button {
- width: 100%;
- height: 52px;
- border-radius: 0;
- background-color: #005395;
- text-align: center;
- line-height: 52px;
- font-size: 20px;
- color: #fff;
- margin-top: 24px;
- border: 0 none;
- cursor: pointer;
- }
- .login button:hover {
- background-color: #00437a;
- }
- .login p {
- font-size: 12px;
- color: #68686b;
- text-align: left;
- margin-top: 21px;
- }
- .shadow {
- width: 480px;
- margin-top: -20px;
- }
- .shadow img {
- width: 100%;
- }
- .camp {
- width: 100%;
- position: fixed;
- bottom: 16px;
- text-align: center;
- font-size: 14px;
- color: #333;
- }
- .camp img {
- height: 24px;
- vertical-align: top;
- }
|