/* 登录框 */ .content .loginBj{ position: relative; width: 100%; height: 555px; background: url(../imgs/loginBj.png) no-repeat center center; } .content .loginBj .borderline{ position: absolute; right: 15%; top: 65px; width: 455px; height: 425px; border: 2px solid #6dd596; background-color: rgba(186, 244, 206, 0.5); padding: 5px; } .loginBj .borderline .loginBox{ width: 100%; height: 100%; background-color: #fff; border: 3px solid #61a830; padding: 46px 64px; } .borderline .loginBox .title{ font-size: 22px; color: #60a731; margin-bottom: 30px; } .borderline .loginBox .loginInp{ width: 100%; height: 45px; line-height: 45px; border: 1px solid #d7d7d7; border-radius: 4px; position: relative; margin-bottom: 20px; } .borderline .loginBox .loginInp input{ border: none; height: 90%; vertical-align: initial; } .borderline .loginBox .loginInp input[type=password]{ display: inline-block; width: 75%; padding: .375rem .75rem; line-height: 1.5; } .borderline .loginBox .loginInp a{ color: #60a731; position: absolute; right: 10px; top: 0px; } .loginBtnCover button{ width: 100%; line-height: 48px; border-radius: 6px; color: #ffffff; font-size: 18px; background-color: #61a830; margin-bottom: 20px; } .loginBtnCover button:active{ background-color: #82c753; } .remPswCover .remPwdInpBox{ display: inline-block; width: 17px; height: 17px; position: relative; vertical-align: middle; } .remPswCover .remPwdInpBox input{ position: absolute; width: 100%; height: 100%; opacity: 0; z-index: 1; } .remPswCover .remPwdInpBox div{ width: 100%; height: 100%; background: url(../imgs/checked.png) no-repeat left center; } .remPswCover .remPwdInpBox input:checked+div{ background: url(../imgs/checked.png) no-repeat -19px 0; } /* 提示层 */ .hint{ border-radius: 5px; position: fixed; z-index: 999; color: white; left: 47%; top: 50%; background: #0000009e; padding: 20px; font-size: 14px; letter-spacing: 2px; }