/******公共头部 尾部样式******/
html,body,div,ul,li,em,i,font,img,h1,h2,h3,h4,dl,dt,dd,p,span,select,textarea,input,form,label {margin:0;padding:0}
.clear{clear: both; float: none}
a {text-decoration:none!important;outline:none;-moz-outline-style:none;}
input,button{outline: none;}

 /*背景*/
.login{width: 100%;height: 100%;position: relative;}
.login img.login-bg{max-width: 100%;max-height: 100%;position: absolute;top:0;left: 0;}

/*标题*/
.login .title{width:59.43%;height:202px;text-align: center;position: absolute;top:50%;left:0;margin-top: -101px;}
.login .title img{max-width: 100%;}


/*登陆框*/
.login-box-margin{margin: 8% 12% 8%;}
.login-box .login-tabname{ border-bottom: 1px solid #1954a4;font-size: 1.1rem;color: #7495bf}
.login-box .login-tabname a{font-size:  1.1rem;float: left;padding: 2.8% 0;position: relative;text-decoration:none;}
.login-box .login-tabname a+a{float: right;padding-left: 5px;}
.login-box .login-tabname .active{color: #fff;}
/*.login-box .login-tabname .active:after{width: 100%;height: 3px;background-color:#0f76d1;content: '';position: absolute;bottom: -2px;left:0;}*/
.login-box .login-form-item{border-radius: 4px;border: 1px solid #1a5fb0;position: relative;margin-bottom: 5%;}
.login-box .login-form-item *{vertical-align: middle;}
.login-box .login-form-item.yanzhengm{border: 0;padding:0;}
/*.yanzhengm-left{width: 68%;border: 2px solid #3D5D87;border-radius: 4px;float: left;padding: 2% 0;}*/
.yanzhengm-left{width: 68%;border: 1px solid #1a5fb0;border-radius: 4px;float: left;}
/*.yanzhengm-right{width: 26.3%;border: 2px solid #3D5D87;border-radius: 4px;float: right;padding: 1.51% 0;}*/
.yanzhengm-right{width: 26.3%;border: 2px solid #3D5D87;border-radius: 4px;float: right;}
.yanzhengm-right img{max-width: 100%;max-height: 100%;}
.login-box .login-form-item label{width: 12%;display: inline-block;text-align: center;height: 100%;float: left;line-height: 25px;}
.login-box .login-form-item.yanzhengm label{width: 18%;}
.login-box .login-form-item input{border: 0; }
/*.login-box .login-form-item.yanzhengm input{width: 70%;}*/

.login-box .msg-div{text-align: right;padding: 0.5% 0 1%;}
.login-box .msg-div a{font-size: 12px;color: #008cf5;}
.yanzhengma-input{width: 30.3%;float: right;height: 44px;line-height: 44px}
.erroCodeInfor{position: absolute;
    left: 34px;
    width: 40%;
    bottom: 90px;
}


/*placeholder样式*/
::-webkit-input-placeholder{font-size: 13.45px;color: rgba(255,255,255,0.5);}

:-webkit-autofill,
:-webkit-autofill:hover,
:-webkit-autofill:focus,
:-webkit-autofill:active {
/* 回填文字颜色设置*/
    -webkit-text-fill-color: #fff !important;
    transition: background-color 5000s ease-in-out 0s;
}


html,body,div,ul,li,em,i,font,img,h1,h2,h3,h4,dl,dt,dd,p,span,select,textarea,input,form,label {margin:0;padding:0}
html,body {font-family:'微软雅黑','Microsoft yahei';box-sizing: border-box;font-size: 16px}
ul,li {list-style-type:none}
a {text-decoration:none;outline:none;-moz-outline-style:none;color: #000;}
a,input,button{outline: none;}
img {border:0}
i{ font-style:normal}
a,span,i,font{display: inline-block;color: inherit}
select{outline: none;
    -webkit-tap-highlight-color: rgba(0,0,0,0);}
html{background-color:#0b1154 }

body{width: 100vw;height: 100vh;position: relative;
    background: url("../../../images/login-bg-bh.png")no-repeat center center;background-size: cover;
    /*flex 布局*/
    display: flex; align-items: center;
}


.login-body{
    width: 401px;height:383px;position: absolute;right:11.2% ;
    background: url("../../../images/userInfor-bg.png")no-repeat;background-size: 100% 100%;
}
.logo{width: 391px;height: 57px;position: absolute;top: -20%;left: 0;right: 0;
    background: url("../../../images/logo.png")no-repeat;background-size: 100% auto}
.login-box{
    width: 100%;height: 100%;box-sizing: border-box;position: relative;
    padding: 25px  33px;
}
.tabHead{
    width: 100%;height: 45px;border-bottom: 1px solid #1954a4;font-size: 1.1rem;color: #7495bf
}
.tabHead a{float: left;width: 35%;line-height: 45px;text-align: left;cursor: pointer;white-space: nowrap;font-size: 18px}
.tabHead a:nth-child(2){text-align: right;float: right;position: relative}

.tabBody{width: 100%;height: 90%;}
.tabBody a{ position: relative}
.tabBody a.thisclass{ display:list-item;}

.inputBox{
    border: 1px solid #1a5fb0;border-radius: 4px;background: none;width: 100%;padding: 0 4% 0 17%;box-sizing: border-box;
    height:44px;line-height:44px;font-size: 14px;color: #bdecff;position: relative;z-index: 99}
input::placeholder{color: #0db8ff}
.inputIcon{width: 16px;height: 16px;display: inline-block;position: absolute;top: 14px;left:14px;z-index: 999999}
.form-group{position: relative}
.inputUser{
    background: url("../../../images/user.png")no-repeat ;background-size: 100% auto;
}
.inputPassword{
    background: url("../../../images/password.png")no-repeat ;background-size: 100% auto;
}
.inputPhone{
    background: url("../../../images/login-phone.png")no-repeat ;background-size: 100% auto;
}
.codeBox{overflow: hidden}

.codeBox .inputBox{width: 71%;float: left;background: none!important;padding-left: 8%}
.codeBox .codeGet{width: 80%;height: 44px;float: right; overflow: hidden;border: 1px solid #1a5fb0;border-radius: 4px;}

.forgetPassword{
    text-align: right;color: #008cf5;font-size: 0.8rem;float: right;position: relative;top: -9px;
}
.forgetPassword:hover{color:#47b0ff }
.login-btn{width: 83.2%;height:50px;line-height: 50px; text-align: center;background: #0db8ff;color: #fff;font-size: 20px;
    border: 0;border-radius: 4px;position: absolute;bottom: 10%;left: 0;right: 0;margin: 0 auto;
}
.login-btn:hover{background: #0396d3}
.login-btn a{width: 100%;height: 100%}
.phoneCodeInput{padding-right: 32%}
.getPhonePassword{position: absolute;right: 4%;top: 60%;border: 0;background: inherit;font-size: 0.8rem;color: #008cf5}
.getPhonePassword:hover{cursor: pointer;color:#47b0ff}


.active, .tabHead a:hover{color: #fff;border-bottom: 4px solid #0db8ff;}
.bv-form{margin-top: 24px}
.btn-rounded{background-color: #2187e1;padding: 10px 12px;height: 44px;width: 100%;float: right;background: #0db8ff!important;}
.btn-rounded:hover {
    background: #0396d3!important;
}

input::placeholder{font-size:14px }