*{
  margin: 0;padding: 0;
}
html,body{
  width: 100%;height: 100%;
}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    -webkit-transition-delay: 99999s;
    -webkit-transition: color 99999s ease-out, background-color 99999s ease-out;
}
.logincontainer{
    width: 100%;
    height: 100%;
}
.main{
    width: 100%;
    height:100%;
}
.pic_left{
    display: none;
}
.form_right{
    width: 270px;
    margin: 0 auto;
    height: 650px;
}
.title{
    width: 100%;
    height: 94px;
    text-align: center;
    line-height:94px;
    font-size: 24px;
    color: #4272AB;
    font-family:Helvetica;
}
.title>span{
    margin-left: 12px;
    font-size: 13.5px;
    color: #4272AB;
    border-left: 1px solid #4272AB;
    padding-left: 12px;
    font-family: PingFangSC-Regular;
}
.username-top-blank{
    width: 100%;
    height: 17px;
}
.form{
    width:100%;
    margin: 0 auto;
}
.user{
    width: 100%;
    height: 61px;
}
.user-row{
    width: 100%;
    height: 30px;
    border-bottom: 1px solid #EEEEEE;
}
.usericon{
    width: 33px;
    height: 30px;
    float: left;
    background: url("../images/blue/user.png");
    background-size: 20px 20px;
    background-repeat:no-repeat;
}
.user-row>input{
    border: none;
    width: 230px;
    height: 26px;
    line-height:26px;
    font-size: 16px;
    color:black;
    font-family: PingFangSC-Regular;
    outline: none;
    display: block;
}
.username::-webkit-input-placeholder{
    color: #C0C4CC ;
}
.psd-top-blank{
    width: 100%;
    height: 12px;
}
.psd{
    width: 100%;
    height: 43px;
}
.psd-row{
    width: 100%;
    height: 30px;
    border-bottom: 1px solid #EEEEEE;
}
.psdicon{
    width: 33px;
    height: 30px;
    float: left;
    background: url("../images/blue/password.png");
    background-size: 20px 20px;
    background-repeat:no-repeat;
}
.psd-row>.password{
    float: left;
    border: none;
    width: 230px;
    height:26px;
    line-height: 26px;
    font-size: 16px;
    color:black;
    font-family: PingFangSC-Regular;
    outline: none;
    display: block;
}
.password::-webkit-input-placeholder{
    color: #C0C4CC ;
    font-size: 16px;
}
.login-erro-message{
    padding-top: 1px;
    padding-bottom:15px;
    width: 100%;
    height: auto;
    overflow: hidden;
    display: block;
}
.login-erro-message .icon{
    width: 20px;
    height:20px;
    float: left;
    display: flex;
    justify-content: center;
    align-items: center;
}
.failicon{
    width: 14px;
    height: 14px;
    background: url("../images/blue/invalid.png");
    background-size: 14px 14px;
}
.successicon{
    width: 14px;
    height: 14px;
    background: url("../images/blue/valid.png");
    background-size: 14px 14px;
}
.erromsg{
    float:left;
    font-size: 14px;
    color: #E02020;
    width: 270px;
    height: 100%;
    padding-left: 2px;
}
.has-feedback{
    width: 100%;
    height: 53px;
}
.varify-row{
    width: 100%;
    height: 26px;
    border-bottom: 1px solid #C0C4CC;
    padding-top:0;

}
.code{
    width: 120px;
    height: 18px;
    padding-top: 0;
    font-size: 16px;
    line-height: 16px;
    float: left;
    color: black;
    outline: none;
    border: none;
    font-family: PingFangSC-Regular;

}
.code::-webkit-input-placeholder{
    color: #C0C4CC;
    padding-top: 0;
    height: 16px;
    line-height: 16px;
    font-size: 14px;
    font-family: PingFangSC-Regular;
}
.dingding{
    width: 56px;
    height: 14px;
    line-height: 14px;
    padding-top: 0;
    float: right;
    font-size: 14px;
    color: #4272AB;

}
.dingding>a{
    display: block;
    font-size: 14px;
    height: 14px;
    line-height: 14px;
    width: 100%;
    color:#4272AB;
    font-family: PingFangSC-Regular;
}
.countdown{
    width: 100px;
    height: 14px;
    line-height: 14px;
    color: #999999 ;
    font-size: 14px;
    float: right;
    display: none;
    text-align: right;
    font-family: PingFangSC-Regular;
}


.xinren-row{
    width: 100%;
    height: 28px;
    padding-top: 8px;
}
.checkcontainer{
    width: 100px;
    height: auto;
    float: left;
    display: flex;
    flex-direction: row;
}
.checkcontainer>label{
    width: 14px;
    height: auto;
    margin-top: 2px !important;
    line-height: 20px;
}
label>input{
    width: 14px;
    height: 14px;
    background-color: white;
}
.checkcontainer>.txt{
    font-size: 14px;
    width: 90px;
    color: #4272AB;
    font-family: PingFangSC-Regular;
}
.phone{
    width:56px;
    height: 17px;
    float: right;
    line-height: 17px;
    padding-top: 2px;
    color:#4272AB;
    font-size: 14px;

}
.phone>a{
    display: block;
    height: 17px;
    width: 100%;
    color:#4272AB;
    font-family: PingFangSC-Regular;
}

.picture{
    width: 75px;
    height:31px;
    float: left;
    border:1px solid #4272AB;
    margin-left: 30px;
    border-radius: 8px;
    margin-top: -6px;
}
.refresh{
    width: 30px;
    height:31px;
    float: right;
    background:url("../images/blue/refresh.png");
    background-size: 30px 31px;
    margin-top: -6px;
}

.submitcontainer{
    width: 100%;
    height: 120px;
    position: relative;
    padding-top:55px;
}
.btn{
    width: 100%;
    height: 42px;
    background: #4272AB;
    border-radius: 30px;
    color: white;
    font-size: 14px;
    margin: 0 auto;
    display: block;
    outline: none;
    box-shadow: none;
    border: none;
    font-family: PingFangSC-Regular;


}
.resetpsd{
    position: absolute;
    font-size: 14px;
    width: 100%;
    height: 25px;
    line-height: 25px;
    text-align: center;
    margin-top: 20px;

}
.resetpsd>a{
    color: #4272AB;
    text-decoration: none;
    font-family: PingFangSC-Regular;
}
.varify-blank {
    height: 13px;
}
.myicon-tick-checked {
    display: inline-block;
    position: relative;
    width: 15px;
    height: 15px;
    margin-right: 5px;
    border-radius: 50%;
    background-color: #3B5997;
    vertical-align: middle;
}
.myicon-tick-checked:before, .myicon-tick-checked:after {
    content: '';
    pointer-events: none;
    position: absolute;
    color: white;
    border: 1px solid;
    background-color: white;
}
.myicon-tick-checked:before {
    width: 1px;
    height: 1px;
    left: 30%;
    top: 50%;
    transform: skew(0deg,50deg);
}
.myicon-tick-checked:after {
    width: 3px;
    height: 1px;
    left: 45%;
    top: 42%;
    transform: skew(0deg,-50deg);
}
.alert {
    padding: 5px;
    display: inline-block;
    width: 100%;
}
input:-webkit-autofill {
    font-size: 16px;
}