* { margin: 0; padding: 0; box-sizing: border-box; list-style: none; } html, body { font-family: "微软雅黑", arial, helvetica, sans-serif; font-size: 16px; border: 0; outline: none; color: #c5eafe; } .clearfix:after { display: block; clear: both; content: ""; visibility: hidden; height: 0; } a { text-decoration: none; } .clearfix { zoom: 1; } .fl { float: left; } .fr { float: right; } html { height: 100%; } body { width: 100%; height: 100%; overflow: hidden; background: url(../img/bg.jpg) no-repeat; background-size: 100% 100%; } ::-webkit-scrollbar { width: 6px; background-color: #1b3971; border-radius: 3px; } /* 滚动条滑块 */ ::-webkit-scrollbar-thumb { border-radius: 3px; background: #496bc9; } .login-content { width: 1221px; height: 715px; padding: 243px 460px 0; background: url(../img/loginbg.png) top center no-repeat; top: 50%; margin-top: -357px; position: absolute; left: 50%; margin-left: -610px; } .login-logo { width: 233px; height: 95px; margin: 0 auto; } .login-box { width: 100%; height: 100%; } .login-input { width: 100%; height: 46px; margin-bottom: 14px; } .login-input input { width: 100%; height: 46px; border: 1px solid rgba(29, 191, 222, 0.7); background: url(../img/login-user.png) 14px center no-repeat rgba(19, 58, 113, 0.5); color: #0fa6e5; font-size: 16px; line-height: 44px; padding-left: 50px; } input::-moz-placeholder { color: #0fa6e5; font-size: 16px; } input::-webkit-input-placeholder { color: #0fa6e5; font-size: 16px; } .input-checkbox { width: 16px; height: 16px; } input[type=checkbox] { width: 16px; height: 16px; color: #0fa6e5; position: relative; background: none; border: 0; line-height: 14px; cursor: pointer; } input[type=checkbox]::after { position: absolute; top: 0; width: 14px; height: 14px; border: 1px solid rgba(29, 191, 222, 0.7); background:#133a71; color: #0fa6e5; display: inline-block; visibility: visible; padding-left: 0px; text-align: center; content: ' '; border-radius: 0px } input[type=checkbox]:checked::after{ content: "✓"; font-size: 14px; }