@charset "utf-8"; *{padding: 0;margin: 0;} html{width: 100%;height: 100%;} body{background:url(../images/login/loginbg.jpg) no-repeat; background-position: center;font-family: "microsoft yahei","宋体";} .clear{clear:both;height:0px;font-size:0px;line-height:0px;} .login-box{width: 746px;margin: 0 auto;margin-top: 150px;} .login-box .login-logo{text-align: center;margin-bottom: 15px;} .login-box .login-logo img{max-width: 600px;max-height: 130px;} .login-box .login-box-per-body,.login-box-com-body{background-color:#fff ;width: 746px;border-radius:6px;} .login-box .login-box-header{border-top-left-radius:6px;border-top-right-radius: 6px;width: 746px;height: 73px;background: url(../images/login/login-per-headerbg.png) no-repeat;position: relative; text-align: center;} .login-box .login-box-com-body .login-box-header{background:#3689e2;} .login-box .login-box-header .header-title{font-size: 28px;color: #ffffff;line-height: 73px;width:500px;height: 73px;overflow: hidden;margin: 0 auto; } .login-box .login-box-header .rightab{width: 100px;cursor: pointer;color: #609ee0;position: absolute;right: 0px;top: 24px;text-align: right;padding-right: 15px;} .login-box .login-box-header .gohome{width: 85px;position: absolute;left: 0px;top: 24px; color: #ffffff;cursor: pointer;text-align: left;padding-left: 15px;} .login-box .login-box-com-body .login-box-header .rightab{color: #ffffff;} .login-box .login-box-com-body .user-login{margin-top: 35px;} /*.login-box .login-form{margin: 0 60px;}*/ .login-box .login-form .form-l{float: left;width: 380px;border-right: 1px solid #f0f0f0;margin-left: 60px;} .login-box .login-form .form-r{float: left;width: 305px;height: 331px;} .login-box .switch-title{margin-bottom: 20px;border-bottom: 1px solid #f0f0f0;} .login-box .switch-title span{display: inline-block;font-size: 16px;color: #4d4d4d;height:44px;line-height: 44px;padding: 0 41px;cursor: pointer;} .login-box .switch-title span.active{color: #3689e2;border-bottom: 2px solid #3689e2;} .login-box .form-group {width: 300px;height: 43px;margin-bottom: 20px;position: relative;background: #f0f0f0;border-radius:4px ;} .login-box .form-group .imgbg{width: 45px;height: 24px;position: absolute;left: 1px;top: 10px;bottom: 1px;border-right: 1px solid #999;} .login-box .form-group.yhm .imgbg{background:url(../images/login/login-yhm.png) no-repeat 10px center;} .login-box .form-group.mm .imgbg{background:url(../images/login/login-mm.png) no-repeat 10px center;} .login-box .form-group .input-login{padding-left: 55px;width: 245px;height:43px;border: none;background: #f0f0f0;line-height: 43px;} .login-box .form-group .input-login.code{width: 155px;} .login-box .form-group .btn-getcode{width: 90px;border: none;height: 43px;background-color: #4689e2;color: #ffffff;cursor: pointer;border-top-right-radius: 4px;border-bottom-right-radius: 4px;position: absolute;right: 0px;top: 0px;} .login-box .form-group .btn-getcode:hover{background-color: #6298e0;} .login-box .form-group .btn-disabled{background-color: #ebebeb;border: 1px #cbcecf solid; color: #a0a0a0; cursor: default;} .login-box .form-group .btn-disabled:hover{background-color: #ebebeb;border: 1px #cbcecf solid; color: #a0a0a0; cursor: default;} .login-box .txt-group{font-size: 12px;width: 300px;margin-bottom: 20px;} .login-box .txt-group .txt-r{float: right; color: #1589db;text-decoration: none;} .login-box .txt-group .txt-r:hover{text-decoration: underline;} .login-box .txt-group .check-box{cursor: pointer;position: relative;top: 2px;left:-14px; display: inline-block; height: 14px;background: url(../images/login/index_loginbox.png) no-repeat;padding-left: 18px;} .login-box .txt-group .check-box.yes{background: url(../images/login/index_loginboxa.png) no-repeat;} .txt-group input[name=autoLogin]{opacity:0; -ms-filter:alpha(opacity=0); filter:alpha(opacity=0);} .login-box .btn-group{width: 300px;height: 43px;background-color: #4689e2;border-radius:4px;text-align: center;line-height: 42px;color: #ffffff;margin-bottom:20px ;cursor: pointer;border: none;font-size: 14px;} .login-box .btn-group:hover{background-color: #0968c9;} .login-box .btn-group.btn-disabled{background-color: #EBEBEB;border: 1px #cbcecf solid; color: #a0a0a0; cursor: default;} .login-box .reg-link-box{width: 300px;color: #4d4d4d;font-size: 14px;text-align: center;margin-bottom: 20px;} .login-box .reg-link-box .reg-txt{display: inline-block;width: 80px;text-align: left;color: #609ee0;text-decoration: none;background: url(../images/login/link-go.png) no-repeat 60px;} .login-box .reg-link-box .reg-txt:hover{text-decoration:underline ;} .login-box .qr-code {text-align: center;height: 255px;overflow: hidden;} .login-box .qr-code .wtitle{color: #4d4d4d;font-size: 16px;line-height: 44px;} .login-box .qr-code img{width: 140px;height: 140px;border: 1px solid #E2E2E2;margin-top: 15px;} .login-box .qr-code .txt{color: #666666;font-size: 14px;margin-bottom: 10px;} .login-box .appsparent{text-align: center;} .login-box .appsparent .txt{margin-bottom: 10px;font-size: 14px;color: #666666;} .login-box .appsparent .app-icon{width: 35px;height: 35px;margin-right: 8px;display: inline-block;background: url(../images/login/119.png) no-repeat;} .login-box .appsparent .app-icon.qq{background-position: -46px 0px;} .login-box .appsparent .app-icon.qq:hover{background-position: -46px -40px;} .login-box .appsparent .app-icon.sina{background-position: 0px 0px;display: none;} .login-box .appsparent .app-icon.sina:hover{background-position: 0px -40px;} .login-box .bottom-pic{text-align: center;margin-top: 15px;} .login-footer{position: fixed;bottom: 0;left: 0;width: 100%;height: 100px;background-color: rgba(255,255,255,.6);} .login-footer p{font-size: 14px;color: #333333;text-align: center;line-height: 100px;} /*登录提示*/ .login-box .errinfo{width:288px;line-height: 26px;color: #CC3300; background-color: #FFD8CE; border: 1px #FF9E86 solid; font-size: 12px; padding-left: 10px;margin-bottom: 15px; border-radius: 3px;} .login-box .successinfo{width: 288px;line-height: 26px;color: #09771d;; background-color: #eefff2;border: 1px #4bd16f solid;font-size: 12px;padding-left: 10px; margin-bottom: 15px; border-radius: 3px;} /*去除Chrome表单自动填充样式*/ input:-webkit-autofill {-webkit-box-shadow: 0 0 0px 1000px #f0f0f0 inset;border: none;} input:focus{outline: none;} :-moz-placeholder{color:#b9b9b9;} ::-moz-placeholder{color:#b9b9b9;} input:-ms-input-placeholder{color:#b9b9b9;} input::-webkit-input-placeholder{color:#b9b9b9;}