body, html { overflow: hidden; } body { padding: 0; margin: 0; background: url(/Content/img/NewIndex.jpg) no-repeat; background-size: 100% 100%; min-height: 100vh; font-family: 'Roboto', sans-serif; } .clearfix { clear: both; height: 0; } dl, dt, dd, button { padding: 0; margin: 0; } .login_box { width: 100%; max-width: 463px; height: 500px; position: absolute; top: 55%; left: 68.5%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); } .login_box .title { width: 90%; height: 50px; background-color: #32b1fe; text-align:center; font-size:30px; font-weight:bolder; color:white; font-family:"黑体"; } .login_box .content { width: 90%; height: 400px; background-color: #fff; } .login_box .content .login_form { top: 0; opacity: 1; float: left; width: 80%; height: 72%; margin: 0 20px; background: #fff; border-radius: 10px; transform: scale(1); -webkit-transform: scale(1); -ms-transform: scale(1); z-index: 5; padding-top: 68px; } .login_box .content .login_form dl { width: 100%; height: 200px; } .login_box .content .LoginTile{ text-align:center; font-size:18px; margin-right: -55px } .login_box .content .LoginTile span { width: 100%; height: 200px; text-align:center; color: #22b9fe; } .login_box .content .login_form dl dt, .login_box .content .login_form dl dd { float: left; width: 20%; height: 59px; line-height: 59px; margin: 0 0 20px } .login_box .content .login_form dl dt, .login_box .content .login_form dl dd:last-child { height: 38px; line-height: 38px; } .login_box .content .login_form dl dd:last-child a, .login_box .content .copyright_box h5 a { text-decoration: none; color: #5a5a5a; cursor: pointer; } .login_box .content .login_form dl dd:last-child a:hover, .login_box .content .copyright_box h5 a:hover { color: #32b1fe; } .login_box .content .login_form dl dt { font-size: 18px; text-align: right; color: #5a5a5a; } .login_box .content .login_form dl dd { width: 80%; text-align: right; } .login_box .content .login_form dl dd .input_text_normal { width: 90%; height: 38px; line-height: 38px; margin-left: 5px; font-size: 18px; border: none; border-bottom: 1px solid #e4e7eb; } .login_box .content .login_form dl dd .input_text_normal:focus { outline: none; border-bottom: 1px solid #32b1fe; } .login_box .content .login_form .button_box { width: 100%; text-align: center; margin: -80px 30px; } .login_box .content .login_form .button_box .submit_button { width: 110px; height: 42px; line-height: 42px; font-size: 18px; cursor: pointer; border: none; color: #fff; background-color: #32b1fe; border-radius: 4px; } .login_box .content .login_form .button_box .submit_button:hover { background-color: #22b9fe; } .login_box .content .copyright_box h5 { color: #5a5a5a; text-align: center; }