html, body{width: 100%; height: 100%}
body,button,input,select,textarea{font:12px/1.5 Lucida Grande,Lucida Sans Unicode,Helvetica Neue,Hiragino Sans GB,Microsoft Yahei,sans-serif;color:#4b4b4b}
body{text-align:center; background: url('../images/login/login_bg.png') no-repeat;background-size:100% 100%;}
input::-webkit-input-placeholder { /* WebKit browsers */color:#999;}
input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */color:#999;}
input::-moz-placeholder { /* Mozilla Firefox 19+ */color:#999;}
input:-ms-input-placeholder { /* Internet Explorer 10+ */color:#999;}
a {color: #3b65a7;text-decoration: none;outline: none;}
button:focus {outline: -webkit-focus-ring-color auto 0px;}
button[disabled],button[disabled] button{color:#ccc;opacity:1;cursor:default}
.lr-login-center {position: absolute;top:50%;left:50%;transform:translate(-50%,-50%); margin:0 auto; width:900px; height:521px; background: url('../images/login/login_box_bg.png') no-repeat;background-size:100% 100%;}
.lr-login-center table {border-spacing: 0;border-collapse: collapse;margin:0px;padding:0px;}
.lr-login-center table td{margin: 0px;padding: 0px;}
.lr-login-center .lr-bg-md {margin-left:520px; margin-top:40px;width: 350px;height: 350px;}
.lr-input-form {height:350px;width:350px;text-align:center;}
.lr-input-form .lr-box-logo{margin:0 auto; width:40px; height:41px; }
.lr-input-form .lr-box-title-1{margin-top:50px; color:#39383E; font-size:16px; margin-bottom:20px; }
.lr-input-form .lr-box-title-2{margin-top:10px; color:#39383E; font-size:20px; margin-bottom:20px; }

.lr-input-form .lr-form{ width:80%; height:40px; margin:0 auto; border:1px solid rgba(78,112,163,1);border-radius:8px; margin-top:10px;}
.lr-input-form .lr-form span{width:1px; height:10px; margin:15px 0 0 40px; background:rgba(35,43,118,1); float:left; }
.lr-input-form .lr-form-username{ background: url('../images/login/login_username_tag.png') 15px no-repeat; background-size:15px 21px;}
    .lr-input-form .lr-form-password {
        background: url('../images/login/login_password_tag.png') 15px no-repeat;
        background-size: 15px 21px !important;
    }
.lr-input-form .lr-form-verify{ background: url('../images/login/login_verifycode_tag.png') 15px no-repeat; background-size:15px 21px;}
.lr-input-form .ipt {
    position:relative; vertical-align:middle;width:78%;padding:0px;height:38px;border:0;font-size:12px;line-height:38px;margin:-28px 0 0 50px;color:#4E70A3;
    background:#fff;
}
.lr-input-form input:focus {outline: -webkit-focus-ring-color auto 0px;}
.lr-input-form input::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:#4E70A3;
}
.lr-input-form input::-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color: #4E70A3;
}
.lr-input-form input::-moz-placeholder { /* Mozilla Firefox 19+ */
   color: #4E70A3;
}
.lr-input-form input::-ms-input-placeholder { /* Internet Explorer 10-11 */
   color:#4E70A3;
}
.lr-input-form input:-webkit-autofill {transition: background-color 5000s ease-in-out 0s;}
.lr-input-form .btn { height:40px;border-bottom:solid #e0dcdc 0px;margin:auto 27px;margin-top:10px;}
.lr-input-form .btn button {background-color:#397FC4;width:95%;border-radius:10px;height:40px;font-size:16px;color:#fff;border:0;cursor:pointer;}
.lr-input-form .btn button[disabled] {border: 1px solid #eeecec;background: #eeecec;color: #9f9f9f;text-shadow: 0 1px 0 #fff;cursor: default;}
.lr-input-form .btn button.active{background-image: url(../images/loading1.gif);background-repeat: no-repeat;background-position: center 10px;z-index:10;}
#register_getcode {background-color:#B7B7B5;border-radius:5px;height:35px;font-size:16px;color:#707070;border:0;cursor:pointer;margin-top:4px;}
.lr-input-form .login_tips {position:absolute;text-indent: 3px;height: 30px;line-height: 33px;border: 1px solid #ebccd1;color: #a94442;background-color: #f2dede;border-radius: 5px;width: 306px;margin-top: -40px;margin-left:20px;}
.login_tips i {position: relative;top: 1px;font-size: 14px;padding-right: 5px;}
.lr-input-form .login_tips-succeed {
    position: absolute;
    text-indent: 3px;
    height: 30px;
    line-height: 33px;
    border: 1px solid #5e8800;
    color: #fff;
    background-color: #62b600;
    border-radius: 5px;
    width: 306px;
    margin-top: -40px;
}
.login_tips-succeed i{position: relative;top: 1px;font-size: 14px;padding-right: 5px;}
.lr-login-bottom {
    position: fixed;
    bottom: 20px;
    width: 100%;
    margin: auto;
    text-align: center;
    color: #828282;
}
.lr-input-form .autoLogin {
    text-align:left;
    padding:0 30px;
    margin-top:9px;
    height: 30px;
    line-height: 30px;
    color:red;
}
.lr-input-form .forgotpassword {
    float:right;
}
.lr-input-form .forgotpassword a{
    color:red;
}
/*lable标签的大小、位置、背景颜色更改，在css选择时，“+”代表相邻元素，即当前元素的下一元素*/
#autologin +label {
    display: block;
    width: 12px;
    height: 12px;
    cursor: pointer;
    position: absolute;
    top: 7px;
    left: 75px;
    line-height:14px;
    background: rgba(255, 255, 255, 1);
    border: 1px solid #f00;
}
/*当input框为选中状态时，lable标签的样式，其中在css选择时，“：”表示当前input框的值，即checked；      该部分主要对显示的“对号”的大限居中方式，显示颜色进行了设置*/
#autologin:checked +label::before {
    display: block;
    content: "\2714";
    text-align: center;
    font-size: 12px;
    color: red;
}

/*我是悬浮菜单*/
.menu {
    position: fixed;
    z-index: 999;
    right: 20px;
}
.menu .item{margin: 0 0 0 5px;position:relative;}
.menu .item .popover{ min-width:180px; min-height:100px;background-color:#FFF;position: absolute;left:-192px;top:0px;border-radius: 8px;box-shadow: 0 0 10px 2px rgba(0,0,0,.27);display:none;}
.popover-bd {padding:5px;font-size: 13px;padding-left:10px;padding-right:10px;padding-bottom:10px;}
.popover-bd h3{line-height:10px;padding: 0px;text-align: center;}
.popover-bd hr{background-color:#ccc;}
.popover-bd ul{padding: 0px;}
.popover-bd ul li{list-style-type:none;line-height: 45px;height: 45px;border-bottom: 1px solid #E6E4E4;text-align: left;overflow:hidden;font-size: 12px;padding-left:10px;font-family: 'Microsoft YaHei', 'Helvetica Neue', 'Hiragino Sans GB', 'Segoe UI', Tahoma, Arial, STHeiti, sans-serif;}
.menu .item .popover .arrow{ position:absolute; width:20px; height:20px; top:20px; right:-20px; }
.menu .item .popover .arrow *{ display:block; border-width:10px; position:absolute; border-style:dashed dashed dashed solid; font-size:0; line-height:0; }
.menu .item .popover .arrow em{border-color:transparent transparent transparent #ccc;}
.menu .item .popover .arrow span{border-color:transparent transparent transparent #FFF; left:-1px;}

.gwDarger {
    position: fixed;z-index: 999;top:0;
}