@charset "utf-8"; .errormessage { color: #f00; padding-left: 100px; float: left; margin-left: 35px; padding-left: 35px; /* display: none; */ } .userlogin { background-color: #000; filter: alpha(opacity=40); opacity: 0.4; zoom: 1; left: 0; position: fixed; top: 0; width: 100%; height: 100%; z-index: 9998; } .userlogincomment { background: none repeat scroll 0 0 #FFF; clear: left; overflow: hidden; position: fixed; z-index: 9999; width: 920px; left: 50%; margin-left: -460px; top: 18%; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .userlogincomment_userlogincomment { display: none; } .userlogin_userlogincomment { display: none; } .userlogincomment_userloginpage { display: none; } .userlogin_userloginpage { display: none; } .form-control { height: 22px; line-height: 22px; padding: 6px; border: 1px solid #D9D9D9; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .form-control:focus { border-color: #66afe9; outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6); box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6); } .loginDialog .user-mainbox { margin: 0; } .user-mainbox .closecomment { font-size: 25px; float: right; padding: 0 10px; cursor: pointer; font-weight: 100; color: #999 } .loginBtn { display: inline-block; *display: inline; zoom: 1; height: 40px; line-height: 40px; text-align: center; border: 0; text-decoration: none; background: #216693; color: #fff; font-family: "microsoft yahei"; width: 294px; font-size: 15px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .loginBtn:hover { background: #2976a9; color: #fff; } .user-mainbox { width: 100%; margin: 40px auto 0; text-align: left; overflow: hidden; background: #fff; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0 0 8px #e2e2e2; -moz-box-shadow: 0 0 8px #e2e2e2; box-shadow: 0 0 8px #e2e2e2; } .user-mainbox .top { height: 59px; line-height: 59px; background: url(../../UserManage/img/login-top.jpg) 0 0 repeat-x; padding: 0 10px 0 30px; border-bottom: 1px solid #E3E3E3; } .user-mainbox .top h3 { font-size: 20px; } .login-main { padding: 47px 55px 45px 55px; background: url(../../UserManage/img/login-split.png) 530px 40px no-repeat; overflow: hidden; } .dropdown-menu { *line-height: 0; } .dropdown-menu li { *line-height: 1.8 } /* 验证码 */ .codeinp { position: relative; } .codeinp input[type=text] { width: 100px !important; float: left; margin-right: 10px; } /* 登录 ------------------------------- */ .login-panel { width: 500px; float: left; } .login-tip { overflow: hidden; padding: 0 0 0 60px; height: 260px; font-size: 16px; color: #999; background: url(../../UserManage/img/login-bg.png) 50px 84px no-repeat; } .login-tip .registerlink a { margin-top: 10px; display: block; color: #216693; } .login-panel dl { margin-bottom: 25px; } .login-panel dt { width: 80px; line-height: 36px; float: left; text-align: right; padding-right: 20px; position: relative; } .login-panel .ft { padding-left: 100px; } .field-checkboxlist { display: inline; } .login-panel .pwd { margin-bottom: 15px; } .login-panel .others { color: #666; margin-bottom: 10px; clear: both; } .login-panel input { width: 57%; } .login-panel .codeinp input { width: 33%; } .login-main .required:after { display: block; position: absolute; right: 10px; top: 3px; content: "*"; color: #f00; font-weight: bold; } /* 移动端样色 */ .mobileCommentPage .userlogincomment { width: 90%; margin-left: -45%; position: absolute; } .mobileCommentPage .user-mainbox .top { height: 50px; line-height: 50px; } .mobileCommentPage .login-main { padding: 20px 0 15px 0; } .mobileCommentPage .login-panel { float: none; width: auto; } .mobileCommentPage .loginBtn { width: 88%; } .mobileCommentPage .login-tip { height: auto; background: none; padding: 0 0 0 100px; } .mobileCommentPage .login-tip h4 { display: none; } .mobileCommentPage .login-panel dl { margin-bottom: 10px; } .mobileCommentPage .login-panel .others { margin-bottom: 0; }