.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: 600px; 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 .form { position: absolute; width: 500px; height: 280px; left: 50%; top: 50%; margin: -140px 0 0 -220px; } .login_box .form h3 { font: 32px/50px "Arial"; color: #2a417c; border-bottom: solid 1px #6570a0; } .login_box .form dl { margin-top: 20px; height: 42px; } .login_box .form dt { float: left; font: 20px/42px "Microsoft Yahei"; color: #445a92; text-align: right; width: 120px; } .login_box .form dd { margin-left: 130px; height: 42px; width: 280px; position: relative; } .login_box .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 .form dl.verify dd span { float: right; width: 100px; height: 42px; padding: 1px 0; } .login_box .form dl.verify dd p { width: 170px; } .login_box .form dl.tips { margin-top: 10px; } .login_box .form dl.tips dd { font: 14px/21px "Microsoft Yahei"; color: #df0b0b; } .login_box .form dd em { position: absolute; white-space: nowrap; color: #f00; font: 14px/42px "Microsoft Yahei"; left: 100%; top: 0; margin-left: 10px; }/*register_box*/ .register_box { position: relative; height: 100%; background: url(../images/login_bg.jpg) no-repeat 100% 100%; } .register_box i.ico { position: absolute; left: 6%; top: 0; height: 100%; width: 390px; background: url(../images/ico_register.png) no-repeat 50%; } .register_box .form { position: absolute; width: 440px; height: 400px; left: 50%; top: 50%; margin: -200px 0 0 -220px; } .register_box .form dl { margin-top: 15px; height: 42px; } .register_box .form dt { float: left; font: 20px/42px "Microsoft Yahei"; color: #445a92; text-align: right; width: 120px; } .register_box .form dd { margin-left: 130px; height: 42px; width: 280px; position: relative; } .register_box .form dd input { width: 100%; padding: 10px; height: 42px; font: 16px/22px "Microsoft Yahei"; border: none; background-color: #d9deee; border-radius: 6px; outline: none; } .register_box .form dd em { white-space: nowrap; color: #f00; top: 0; left: 102%; position: absolute; font: 14px/42px "Microsoft Yahei"; } .register_box .form dl.tips { margin-top: 5px; } .register_box .form dl.tips dd { font: 16px/42px "Microsoft Yahei"; color: #df0b0b; } /*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"; } /*clause_page*/ .clause_page { position: absolute; top: 0; left: 40px; right: 40px; bottom: 0; } .clause_page .text { position: absolute; top: 20px; left: 0; right: -15px; bottom: 60px; font: 14px/2em "Microsoft Yahei"; overflow: auto; } .clause_page .text p { text-indent: 2em; /*text-align: justify;*/ } .clause_page .check { position: absolute; bottom: 0; width: 100%; border-top: solid 1px #f5f5f5; height: 59px; padding: 8px 0; text-align: center; color: #2a3c74; } .clause_page .check input { width: 24px; height: 24px; vertical-align: middle; } .clause_page .check label { font: 16px/42px "Microsoft Yahei"; vertical-align: middle; padding-left: 10px; } /*pop_tipsbox*/.pop_tipsbox { position: absolute; top: 0; left: 0; width: 100%; height: 100%;}.pop_tipsbox span.close { position: absolute; top: 10px; right: 10px; width: 52px; height: 52px; background: url(../images/ico_close.png) no-repeat 50%; z-index: 2; cursor: pointer;}.pop_tipsbox .bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #000; opacity: 0.85; z-index: 1;}.pop_tipsbox .text { position: absolute; width: 80%; height: 80%; top: 10%; left: 10%; border: solid 10px #999; padding: 50px; z-index: 2; background-color: #fff; overflow: auto;}.pop_tipsbox .text h3 { text-align: center; font: 20px/36px "Microsoft Yahei";}.pop_tipsbox .text h4 { text-align: center; font: 18px/36px "Microsoft Yahei";}.pop_tipsbox .text h5 { font: 18px/36px "Microsoft Yahei"; color: #333; margin-top: 20px;}.pop_tipsbox .text p { font: 16px/32px "Microsoft Yahei"; color: #666; text-indent: 2em;}.pop_tipsbox .text h6 { font: 16px/32px "Microsoft Yahei"; color: #333; margin-top: 20px;}.pop_tipsbox .text a { color: blue;}.pop_tipsbox .text a:hover { text-decoration: underline;}.pop_tipsbox .text ul { margin-bottom: 40px;}.pop_tipsbox .text li { font: 16px/32px "Microsoft Yahei"; color: #666; padding-left: 2em; text-indent: -1em;}