#logArea {
position: relative;
}
.f-dn {
display: none;
}
.second-auth-wrap {
position: relative;
width: 258px;
margin: 0 auto;
padding: 0 18px;
}
.second-auth-wrap p {
margin: 0;
}
.second-auth-wrap .title {
text-align: center;
margin-top: 14px;
font-size: 14px;
color: #333;
line-height: 20px;
}
.second-auth-wrap .content-txt {
text-align: left;
font-size: 12px;
padding: 12px 0 14px 0;
color: #646464;
line-height: 20px;
}
.second-auth-wrap .verify-toggle {
display: inline;
font-size: 12px;
color: #2198e9;
text-decoration: none;
}
.second-auth-wrap .error {
margin: 0;
line-height: 18px;
font-size: 12px;
color: #E15051;
}
.second-auth-wrap .back {
float: left;
background: url("../image/back.png");
width: 8px;
height: 12px;
margin-top: 4px;
}
.second-auth-wrap .pageCode {
width: 100%;
margin-top: 14px;
}
.second-auth-wrap .pageCode .code {
width: 60%;
display: inline-block;
height: 40px;
border-radius: 5px;
background: #ffffff;
}
.second-auth-wrap .pageCode .code input {
border-radius: 5px;
width: 80%;
border: 0;
outline: none;
height: 38px;
padding-left: 5px;
}
.second-auth-wrap .pageCode .vcImageTR {
display: inline-block;
vertical-align: middle;
margin-left: 10px;
}
.second-auth-wrap .pageCode .vcHint {
display: inline-block;
vertical-align: middle;
font-size: 12px;
color: #008efb;
margin-left: 10px;
text-decoration: none;
}
.second-auth-wrap .codeInput {
margin: 16px 0;
width: 100%;
height: 40px;
border-radius: 5px;
background: #ffffff;
}
.second-auth-wrap .codeInput input {
border-radius: 5px;
width: 80%;
border: 0;
outline: none;
height: 38px;
padding-left: 5px;
}
.second-auth-wrap .Btns {
margin-top: 14px;
overflow: hidden;
}
.second-auth-wrap .Btns button {
float: left;
padding: 10px 0;
color: #fff;
text-align: center;
font-size: 14px;
border: none;
border-radius: 5px;
cursor: pointer;
}
.second-auth-wrap .Btns .cancel {
width: 105px;
background: #65839b;
}
.second-auth-wrap .Btns .confirm {
width: 100%;
background: #008efb;
color: #ffffff;
}
.second-auth-wrap .Btns.onlyCancel .confirm {
display: none;
}
.second-auth-wrap .Btns.onlyCancel .cancel {
width: 100%;
}
.styleTwo .second-auth-wrap .pageCode .code {
background: #e2e2e2;
}
.styleTwo .second-auth-wrap .pageCode .code input {
color: #000;
background: transparent;
}
.styleTwo .second-auth-wrap .codeInput {
background: #e2e2e2;
}
.styleTwo .second-auth-wrap .codeInput input {
color: #000;
background: transparent;
}
.styleTwo .second-auth-wrap .title {
text-align: center;
margin-top: 30px;
font-size: 18px;
color: black;
line-height: 28px;
}
.styleTwo .second-auth-wrap .content-txt {
text-align: left;
font-size: 14px;
padding: 14px 0 16px 0;
color: black;
line-height: 24px;
opacity: 0.8;
}
.styleTwo .second-auth-wrap .verify-toggle {
display: inline;
font-size: 12px;
color: #2198e9;
}
.styleTwo .second-auth-wrap .Btns .cancel {
background: #6682a8;
}
.styleTwo .second-auth-wrap .Btns .confirm {
background: #3598db;
}
.styleTwo .second-auth-wrap .back {
float: left;
background: url("../image/back.png");
width: 8px;
height: 12px;
margin-top: 4px;
}
.styleThree .second-auth-wrap {
width: 310px;
border: 1px solid white;
border-radius: 8px;
background: white;
}
.styleThree .second-auth-wrap .title {
text-align: center;
margin-top: 30px;
font-size: 18px;
color: #ffffff;
line-height: 28px;
}
.styleThree .second-auth-wrap .content-txt {
text-align: left;
font-size: 14px;
padding: 14px 0 16px 0;
color: #ffffff;
line-height: 24px;
opacity: 0.8;
}
.styleThree .second-auth-wrap .verify-toggle {
display: inline;
font-size: 12px;
color: #2198e9;
}
.styleThree .second-auth-wrap .Btns .cancel {
background: #6682a8;
}
.styleThree .second-auth-wrap .back {
float: left;
background: url("../image/back.png");
width: 8px;
height: 12px;
margin-top: 4px;
}
.styleFour .second-auth-wrap {
margin: 0;
padding: 0;
width: 310px;
}
.styleFour .second-auth-wrap .title {
text-align: center;
margin-top: 30px;
font-size: 18px;
line-height: 28px;
color: #333;
}
.styleFour .second-auth-wrap .content-txt {
text-align: left;
font-size: 14px;
padding: 16px 0 16px 0;
color: #B2B2B2;
line-height: 24px;
opacity: 0.8;
}
.styleFour .second-auth-wrap .verify-toggle {
display: inline;
font-size: 12px;
color: #008efb;
}
.styleFour .second-auth-wrap .Btns .cancel {
background: #6682a8;
}
.styleFour .second-auth-wrap .back {
float: left;
background: url("../image/back.png");
width: 8px;
height: 12px;
margin-top: 4px;
}
.styleFour .second-auth-wrap .pageCode .code {
background: #FFFFFF;
background: rgba(255, 255, 255, 0.75);
border-radius: 3px;
border: 1px solid #cacaca;
}
.styleFour .second-auth-wrap .pageCode .code input {
color: #000;
background: transparent;
}
.styleFour .second-auth-wrap .codeInput {
background: #FFFFFF;
background: rgba(255, 255, 255, 0.75);
border-radius: 3px;
border: 1px solid #cacaca;
margin: 10px 0;
}
.styleFour .second-auth-wrap .codeInput input {
color: #000;
background: transparent;
}
.auth-body {
padding: 20px 0;
}
.auth-body .desc-title {
color: #333;
font-weight: bold;
font-size: 12px;
}
.second-auth-wrap .authorize-device-wrap {
display: inline-block;
margin-top: 6px;
color: #333;
}
.second-auth-wrap .u-auth-btns {
width: 100%;
text-align: right;
height: 46px;
line-height: 46px;
}
.auth-body .error {
color: #E15051;
}
.auth-body .dynamic1-verify-wrap .u-input, .auth-body .dynamic2-verify-wrap .u-input {
width: 90%;
}
.mg-top-l {
margin-top: 18px !important;
}
.mg-top-s {
margin-top: 6px !important;
}
.u-input {
width: 36%;
min-width: 60px;
font-size: 14px;
height: 18px;
line-height: 18px;
padding: 5px 10px;
border: 1px solid #ddd;
outline: none;
color: #999;
background: #fff;
transition: background-color .3s ease-out,border-color .3s ease-out,color .3s ease-out;
}
.u-input:focus,
.u-input:active {
color: #777;
border-color: #5bc0de;
}
.u-dialog-wrap .u-dialog-title {
height: 39px;
}
.u-dialog-wrap .u-dialog-operation {
height: 42px;
}
.second-auth-wrap .app-verify-img {
width: 100%;
height: 150px;
background: url("../image/app_auth_bg.png") no-repeat center bottom;
}
.second-auth-wrap .app-verify-img img {
height: 100%;
}
.second-auth-wrap .u-input {
width: 40%;
}
.second-auth-wrap .mg-top-s {
margin-top: 6px !important;
}
.second-auth-wrap .mg-top-l {
margin-top: 18px !important;
}
.second-auth-wrap .vc_wrap {
border: 1px solid #e3e4e5;
}
.second-auth-wrap .vc_wrap .securityCode .sub-input-wrapper {
margin-left: 10px;
}
.second-auth-wrap .auth-body {
height: 230px;
}
.second-auth-wrap .auth-body .error {
color: #E15051;
}
.second-auth-wrap .authorize-device-wrap2 {
color: #333;
width: 85%;
margin: auto;
text-align: center;
}
.second-auth-wrap .auth-footer .u-dialog-btns {
float: inherit;
text-align: right;
line-height: 46px;
}
.second-auth-wrap .dynamic2-verify-wrap .verify-toggle, .second-auth-wrap .auth-push-resend, .verify-toggle-wrap a {
color: #0079BD;
}
.second-auth-login-title {
}
.second-auth-wrap .arrow {
display: inline-block;
content: '';
border: 10px solid transparent;
width: 0;
height: 0;
border-right-color: #666;
}