@CHARSET "UTF-8"; *{ margin: 0; padding: 0; } html{ background-image:url(../img/background/login_bg.jpg); background-repeat: no-repeat; height:100%; width:100%; overflow: hidden; background-size:100%; } #wrap { height: 75%; width: 100; top:100px; position: relative; } #head { height: 46px; width: 100; background-color: #66CCCC; text-align: center; position: relative; } #wrap .logGet { height: 460px; width: 368px; background-color: #FFFFFF; top: 50%; margin-top: -280px; left:50%; margin-left:-184px; position: fixed; } .logC a { background-color: #ee7700; display:inline-block; // display:block; width:100%; height:45px; line-height:45px; border:1px solid #c00; color:white; border-radius:3px; text-align:center; font-size: 18px; text-decoration: none; } .logC a:hover{ color:#c00; background:#fff; } .logGet .logD.logDtip .p1 { display: inline-block; font-size: 28px; margin-top: 30px; width: 86%; } #wrap .logGet .logD.logDtip { width: 86%; border-bottom: 1px solid #ee7700; margin-bottom: 30px; margin-top: 0px; margin-right: auto; margin-left: auto; } .logGet .lgD img { position: absolute; top: 12px; left: 8px; } .logGet .lgD input { width: 100%; height: 42px; text-indent: 2.5rem; } #wrap .logGet .lgD { width: 86%; position: relative; margin-bottom: 30px; margin-top: 30px; margin-right: auto; margin-left: auto; } #wrap .logGet .logC { width: 86%; margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; } .logGet .lgD .login_error_span { color: red; font: bold; } .title { font-family: "宋体"; color: #FFFFFF; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); /* 使用css3的transform来实现 */ font-size: 36px; height: 40px; width: 30%; }