.radio-beaty-check,
.checkbox-beaty-check{
    line-height: 32px;
    margin: 2px 16px 0px 0px;
    cursor: pointer;
}
.radio-beaty-check i,
.checkbox-beaty-check i{
    font-size: 20px;
    display: inline-block;
    margin-right: 3px;
    color: #999;
}
.radio-beaty-check span,
.checkbox-beaty-check span{
    line-height: 27px;
    display: inline-block;
}

.iconCheck,
.icon-radioon {
	color: #005ADC!important;
}
.login-content, .register-content {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.login-title, .register-title {
	text-align: center;
	padding: 6px 0;
	margin-top:0;
}
.login-top, .register-top {
    height: 50%;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    background-color: #005ADC;
}
.login-bottom, .register-bottom {
	background: #fff;
	height: 50%;
	position: absolute;
	top: 50%;
}

.login-inner, .register-inner {
    width: 600px;
    padding: 34px 0 4px;
    background-color:#fff;
    border-radius: 4px;
    box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.2);
    overflow: hidden;
}

.thirdParty {
    overflow: hidden;
}

.input-group {
    position: relative;
    margin: 18px auto 0;
    width: 300px;
    line-height: 20px;
    border-bottom:  1px solid #d2d6de;
}

.input-group input {
    width: 100%;
    padding: 12px 0;
    border: none;
    border-style: none;
}

.input-group input.verifyCode {
    width: 60%;
}

.input-group input.verifyBtn {
    width: 32%;
    padding: 12px 0;
    color: #aaa;
    text-align: right;
    background-color: transparent;
    cursor: pointer;
    -moz-user-select: none;
    -khtml-user-select: none;
    user-select: none;
}

.input-group input.verifyBtn.abled {
    color: #005ADC;
}

.input-group input:hover,
.input-group input:active,
.input-group input:focus {
    border: none;
    border-style: none;
}

.input-group input:focus {
    outline: none;
}

.fpx-btn-group {
    margin: 34px auto;
    width: 300px;
    text-align: center;
}

.fpx-btn-group .loginbtn, 
.fpx-btn-group .registerbtn {
    padding: 10px 0;
    width: 100%;
    color: #fff;
    background-color: #005ADC;
}

.fpx-btn-group .loginbtn:hover, 
.fpx-btn-group .registerbtn:hover {
    background-color: #187db9;
}

.fpx-btn-group .loginbtn2 {
    padding: 10px 0;
    width: 50%;
    color: #2489C5;
    border: 1px solid #2489C5;
}

.fpx-error {
    display: inherit;
    margin: 0 auto;
    width: 300px;
}

.login-tab {
    display: flex;
    margin: 0 auto;
    /* width: 300px; */
    justify-content: center;
}

.login-tab label {
    /* flex: 1; */
    margin-right: 0px;
    /* text-align: center; */
    width: 102px;
    display: flex;
}

.pic-client { 
    margin: 15px auto;
    width: 480px;
}

.pic-client img {
    width: 100%;
    height: auto;
}

.yzm-inner {
    position: absolute;
    right: 0;
    bottom: 0;
}

.fpx-link a {
    padding: 0 10px;
    color: #8c8c8c;
}

.fpx-link a:hover {
    color: #005ADC;
}

.gerVerifyCode {
    padding: 12px 0;
    color: #005ADC;
    cursor: pointer;
}

.openapi-protocol {
    border-bottom: none;
}

.openapi-protocol input {
    width: 14px;
    height: 14px;
}

.openapi-protocol input a {
    color: #005ADC;
}

.fpx-openapi-logo {
    display: inline-block;
    padding-bottom: 20px;
}

img.code {
    position: absolute;
    right: 1px;
    top: 1px;
    height: 40px;
}