/****************************************************************
 *																*		
 * 						      素材火							*
 *                        www.sucaihuo.com							*
 *       		  努力创建完善、持续更新插件以及模板			*
 * 																*
****************************************************************/
body,html{
    font-size:14px;font-family:"微软雅黑",Helvetica,Tahoma,Arial,sans-serif;color:#000;height:100%;
}
img{border:0}
.cf:after,.cf:before{display:table;content:""}
.cf:after{clear:both}


.login-body{
    display: flex;
    position:fixed; 
    left: 50%; top: 20%;
    z-index:300;
    background-color: #fff;
    border-radius: 20px;
    overflow: hidden;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

.login-main{
    width: 420px;
    padding:50px 30px;
}

.login-title{

    text-align: center;
    margin-bottom: 40px;
}


.login-form{width:370px;margin:0 auto;padding:20px 30px 13px 23px}
.login-form .input-group{margin-bottom:15px; border-radius:4px; border: 1px solid #ccc; overflow: hidden;}
.login-form .input-group .input-group-addon{width:43px;border:none;background:#fff}
.login-form .input-group .input-group-addon i{color:rgba(38,43,54,.9);font-size:24px}
.login-form .input-group input{border:none;border-left:none;padding:10px 20px;color:grey;height:auto}
.login-form .input-group .btn{background-color:#fff;border:none;font-size:24px;padding:6px 14px}
.login-form h3{font-size:32px;font-weight:500;padding:0;line-height:30px;text-align:center;}
.login-form h5{font-size:20px;font-weight:400;line-height:30px;text-align:center;color:#259dab; border-bottom:1px solid #555; padding-bottom: 10px}
.login-form h5 ul{ margin-top: 8px}
.login-form h5 a{ font-size: 14px; color: #fff}
.login-form .check-tips{color:red;margin-top:10px}
.login-form .item-box{margin-top:18px}
.login-form .item-box .item{border-radius:5px}
.login-form .item{padding:3px 10px 3px 12px;border:1px solid #ececec;background-color:#fff;margin-bottom:10px}
.login-form .focus{border:1px solid #A6E1F3;box-shadow:0 0 12px #BAF7FF}
.login-form .login_btn_panel{margin:20px 0 10px}
.login-form .login_btn_panel button{border:none}
.login-form .login-btn{border-radius:3px; padding: 15px ; background: #1e9fff; color: #fff;}
.login-form .login-btn[disabled]{opacity:.6;filter:alpha(opacity=60);cursor:default;box-shadow:none}
.login-form .login-btn .in{display:none}
.login-form .log-in .in{display:inline-block}
.login-form .log-in .on{display:none}
.icon-loading{display:inline-block;margin-right:5px;width:16px;height:16px;vertical-align:-3px;background:url(../images/loading_icon.gif) no-repeat 0 0}
input:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px #fff inset}
img.verifyimg{border-radius:3px;cursor:pointer;position:absolute;right:0;z-index:99;border-radius:0 4px 4px 0}
.input-group .form-control:not(:first-child):not(:last-child){border-radius:0 4px 4px 0}
.login-form .input-group{width:319px}

.login-main input{box-shadow:none;border:none;border-radius:0 4px 4px 0}

.use-mobile-a{ margin-top: 20px}
.use-qrcode-a{ margin-top: 20px; text-align: right}