body{ background: url(../../images/hardware/pad/tablet_login.jpg) center center no-repeat; background-size:100% 100%; width: 100%; height: 100%; overflow: hidden; } /**/修改内容 /*.main{ position: relative; } .bg{ position: absolute; z-index: -1; width:100%; height:100%; }*/ .bg{ width:100%; height:100%; z-index: -1; } .header{ background: #2cced3; border: none; } .menu_title{ color: #fff; } .return{ top: 12px; background:url(../../images/hardware/pad/left_white.png) center center no-repeat; background-size: 100%; } .logo{ width: 100%; height: 15%; /*background:url(../images/logo1.jpg) center center no-repeat;*/ background-size: 100%; display: block; position: relative; left: 0%; top: 6%; } @media screen and (min-width: 768px){ .logo{ height: 20%; } } .login{ width: 100%; max-width: 508px; margin: 100px auto; text-align: center; padding: 100px 40px 0 40px; } .login_img{ width: 80px; height: 80px; border-radius: 40px; margin: 0 auto; } .user{ height: 56px; border-radius: 10px 10px 0px 0px; padding-left: 52px; margin-top: 22%; color: #666; outline: none; font-size: 18px; background: #FFF; } .password{ height: 56px; border-radius: 0px 0px 10px 10px; padding-left: 52px; outline: none; font-size: 18px; background: #FFF; } .password_info{ overflow: hidden; *zoom: 1; color: #60b794; line-height: 30px; padding: 0 10px; } .fot_des{ margin-top: 22%; color:#FFF; } .forget_password{ float: right; color: #fff; } .remmend_password{ float: right; } input[type=checkbox]{ -webkit-appearance: none; appearance: none; width: 14px; height: 14px; margin: 0; cursor: pointer; vertical-align: middle; border: 1px solid #d8d8d8; -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 3px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; position: relative; margin-right: 5px; background: #fff; } input[type=checkbox]:checked::after { content: url(../../images/hardware/pad/checkbox.png); display: block; position: absolute; top: -3px; right: 0px; left: 0px } input[type=checkbox]:focus { outline: none; } .btn{ width: 100%; overflow: hidden; *zoom: 1; padding: 0; margin-top: 14%; } .register_link,.login_btn{ width: 100%; height: 60px; text-align: center; line-height: 40px; display: block; float: left; border-radius: 10px; font-size: 24px; } .register_link{ background: #fff; border:1px solid #caccc7; color: #333; } .login_btn{ border: none; background: #0190dc; color: #fff; } .threeparty{ width: 100%; height: 25%; *zoom: 1; padding-top: 10%; border-top: 1px solid #fff; margin-top: 5%; position: relative; } .threeparty a{ width: 23%; height: 100%; display: block; position: absolute; top: 12%; } .weixin_link{ left: 38.5%; background:transparent url(../../images/hardware/pad/wechat.png) center center no-repeat; background-size: 100%; } .QQ_link{ left: 0; background:url(../../images/hardware/pad/qq.png) center center no-repeat; background-size: 100%; } .weibo_link{ right: 0; background:url(../../images/hardware/pad/weibo.png) center center no-repeat; background-size: 100%; } .login_rel{ width: 100%; display: block; position: relative; margin: 0; padding: 0; font-weight: normal; } .login_user,.login_pass{ width: 28px; height: 29px; position: absolute; left: 10px; top: 14px; display: block; } .login_user{ background: url(../../images/hardware/pad/user_icon.png) center center no-repeat; background-size: 100%; } .login_pass{ background: url(../../images/hardware/pad/password_icon.png) center center no-repeat; background-size: 100%; }