.ui_mainbox .content { background-color: #fff; } .ui_topbar .logo { text-align: left; } .ui_topbar .title { position: absolute; top: 0; left: 0; width: 100%; font: bold 27px/54px "Microsoft Yahei"; color: #2c1c60; padding: 0 210px; text-align: center; } /*login_box*/ .login_box { position: relative; height: 100%; background: url(../images/login_bg.jpg) no-repeat 100% 100%; } .login_box i.ico { position: absolute; left: 6%; top: 0; height: 100%; width: 390px; background: url(../images/ico_login.png) no-repeat 50%; } .login_box .login_form { position: absolute; width: 440px; height: 280px; left: 50%; top: 50%; margin: -140px 0 0 -220px; padding: 0; } .login_box .login_form h3 { font: 32px/50px "Arial"; color: #2a417c; border-bottom: solid 1px #6570a0; } .login_box .login_form dl { margin-top: 20px; height: 42px; width: 100%; padding-bottom: 0; } .login_box .login_form dt { float: left; font: 20px/42px "Microsoft Yahei"; color: #445a92; text-align: right; width: 120px; } .login_box .login_form dd { margin-left: 130px; height: 42px; width: 280px; position: relative; } .login_box .login_form dd input { width: 100%; padding: 10px; height: 42px; font: 16px/22px "Microsoft Yahei"; border: none; background-color: #d9deee; border-radius: 6px; outline: none; } .login_box .login_form dl.verify dd span { float: right; width: 100px; height: 42px; padding: 1px 0; position: static; } .login_box .login_form dl.verify dd p { width: 170px; padding: 0; } .login_box .login_form dl.tips { margin-top: 10px; } .login_box .login_form dl.tips dd { font: 14px/21px "Microsoft Yahei"; color: #df0b0b; } .login_box .login_form dd em { position: absolute; white-space: nowrap; color: #f00; font: 14px/42px "Microsoft Yahei"; left: 100%; top: 0; margin-left: 10px; } /*ui_button*/ .ui_button { position: absolute; left: 0; bottom: 20px; width: 100%; text-align: center; padding: 10px; height: 54px; z-index: 9; } .ui_button button { width: 180px; height: 34px; border: none; background-color: #dbb477; font: 20px/30px "Microsoft Yahei"; color: #fff; outline: none; border-radius: 6px; margin: 0 5px; cursor: pointer; } .ui_button button.on { background-color: #ccc; } .ui_button p { position: absolute; right: 0; top: 0; font: 16px/54px "Microsoft Yahei"; } .ui_button p a { color: #fff; } /*update_pass*/ .update_pass { position: relative; height: 100%; background: url(../images/login_bg.jpg) no-repeat 100% 100%; } .update_pass .form { position: absolute; width: 440px; height: 206px; left: 50%; top: 50%; margin: -103px 0 0 -220px; } .update_pass .form dl { margin-top: 20px; height: 42px; } .update_pass .form dt { float: left; font: 20px/42px "Microsoft Yahei"; color: #445a92; text-align: right; width: 120px; } .update_pass .form dd { margin-left: 130px; height: 42px; width: 280px; position: relative; } .update_pass .form dd p { font: 20px/42px "Microsoft Yahei"; } .update_pass .form dd input { width: 100%; padding: 10px; height: 42px; font: 16px/22px "Microsoft Yahei"; border: none; background-color: #d9deee; border-radius: 6px; outline: none; } .update_pass .form dd em { white-space: nowrap; color: #f00; top: 0; left: 102%; position: absolute; font: 14px/42px "Microsoft Yahei"; }