/** * @Date: 2017-05-27 * @Last modified time */ /** * Base style for reset */ /* 防止用户自定义背景颜色对网页的影响，添加让用户可以自定义字体 */ html { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; text-rendering: optimizelegibility; } /* 如果你的项目仅支持 IE9+ | Chrome | Firefox 等，推荐在 中添加 .borderbox 这个 class */ html.borderbox *, html.borderbox *:before, html.borderbox *:after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } /* 内外边距通常让各个浏览器样式的表现位置不同 */ body, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, hr, button, article, aside, details, figcaption, figure, footer, header, menu, nav, section { margin: 0; padding: 0; } /* 重设 HTML5 标签, IE 需要在 js 中 createElement(TAG) */ article, aside, details, figcaption, figure, footer, header, menu, nav, section { display: block; } /* HTML5 媒体文件跟 img 保持一致 */ audio, canvas, video { display: inline-block; } /* 要注意表单元素并不继承父级 font 的问题 */ body, button, input, select, textarea { /*font: 100 1em/1.5 "PingFang SC", "Lantinghei SC", "Microsoft Yahei", "Hiragino Sans GB", "Microsoft Sans Serif", "WenQuanYi Micro Hei", sans;*/ font: 1em/1.5 "PingFang SC", "Lantinghei SC", "Microsoft Yahei", "Hiragino Sans GB", "Microsoft Sans Serif", "WenQuanYi Micro Hei", sans; } button::-moz-focus-inner, input::-moz-focus-inner { padding: 0; border: 0; } input::-ms-clear { display: none; } /* 去除默认边框 */ fieldset, img { border: 0; vertical-align: middle; } /* 去掉列表前的标识, li 会继承，大部分网站通常用列表来很多内容，所以应该当去 */ ul, ol { list-style: none; } /* 让链接在 hover 状态下显示下划线 */ a { color: #1a9cdf; text-decoration: none; } a:hover { text-decoration: underline; } body{ background: url("../img/login-bg.jpg?v=20210413") center 140px no-repeat; font-family: 微软雅黑; } header{width: 1490px;height:100px;padding-top:40px;margin: 0 auto} .main{ text-align: right; width: 1580px; height: 600px; margin: 0 auto; vertical-align: middle; } .lgform{ display: inline-block; width:300px; height:420px; background: #fff; box-shadow:0 0 4px 1px #ddd; text-align: center; margin: 90px 156px 0 0; padding:0 50px; color:#6d6d6d; } .lgform h2{ height:20px; margin-top: 58px; } .lgform h2 img{vertical-align: top} .lgform div{height: 65px;} .lgform input{ border:1px #d0d0d0 solid; line-height: 38px; height:38px; } .username input{ background: url(../img/login-icon-username.jpg) 0 0 no-repeat; padding-left:45px; width:255px; } .password input{ background: url(../img/login-icon-password.jpg) 0 0 no-repeat; padding-left:45px; width:255px; } .lgform .forgetpass{ height:40px; font-size:14px; } .forgetpass label{ float: left; } .forgetpass a{ float: right; } footer{ width: 1200px;height:80px;margin: 0 auto; text-align:center; font-size:12px; line-height: 25px; padding-top: 10px; color:#a3a3a3; } footer a{ color:#a3a3a3; margin: 0 60px; } .lgform .error{ text-align: left; color:#e32324; font-size:12px; height:30px; line-height: 30px; }