﻿/*
*功能：设置密码 样式
*作者：xianxm - 20170328
*/

body {
    background-color: #eff2f5;
}

.password-set {
    min-width: 1180px;
    padding: 20px 0px 57px;
    font-size: 0px;
    list-style: none;
    background-color: #fff;
    min-height: calc(100vh - 200px);
}

.password-set-l {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    width: auto;
    font-size: 14px;
}

.password-set li {
    height: 40px;
    margin-bottom: 20px;
    /*margin: 27px 0px 0px 108px;*/
}
.password-set li.p-code:nth-child(3) {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.password-set li.p-code:nth-child(3)>div {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex: 1!important;
    border: 1px solid #f0f0f0;
    border-radius: 8px;
}
.password-set li.p-code:nth-child(3)>div>input {
    flex: 1;
    width: auto;
    border-radius: 8px;
}
.password-set li:last-child {
    margin-top: 45px;
}

.password-set li div {
    /*border-bottom: 1px solid #eceff0;*/
}

.password-set li.acc div {
    width: 395px;
}

.password-set li.code div {
    float: left;
    width: 224px;
}

.password-set li.p-code div {
    float: left;
    width: 303px;
    padding-left: 10px;
    border: 1px solid #f0f0f0;
    border-radius: 8px;
}

.password-set li div img {
    /*margin: 0px 15px 0px 0px;*/
    margin-right: 10px;
    /*padding: 10px 0;*/
    width: 18px;
    height: 18px;
}

.password-set li div input {
    width: 333px;
    padding: 10px 0px;
    line-height: 14px;
    font-size: 14px;
    border: none;
    background-color: #fff;
    /*border-bottom: 1px solid #eceff0;*/
    border-radius: 8px;
}

.password-set li div label {
    display: block;
    padding-left: 34px;
    font-size: 12px;
    color: #d9534f;
}

.password-set li.code div input {
    width: 188px;
}

.password-set li.p-code div input {
    width: 264px;
}

.password-set li.code .img-code {
    width: 124px;
    height: 40px;
    margin: 0px 0px 0px 18px;
}
.password-set li.code .img-code:hover {
    cursor: pointer;
}
.password-set li.p-code .btn {
    color: #ffffff;
    /*margin: 0px;*/
    /*margin: 9px 0px 6px 20px;*/
}

.password-set li.p-code a {
    vertical-align: sub;
    font-size: 12px;
}

.password-set li.submit .btn {
    width: 100%;
    height: 46px;
}

.password-set-r {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    width: 209px;
    height: 215px;
    margin: 0px 0px 0px 160px;
    font-size: 14px;
    text-align: center;
    border-radius: 2px;
    -moz-border-radius: 2px;
    background-color: #fafafa;
}

.password-set-r dt {
    width: 155px;
    height: 155px;
    margin: 17px auto 15px;
}

.password-set-r dt img {
    width: 100%;
    height: 100%;
}

.password-set-r dd {
    font-size: 12px;
}

.simplified-footer {
    margin: 0px;
}

/* 密码修改结果 */
.password-set-result {
    padding: 80px 0px 60px 107px;
    font-size: 0;
}

.password-set-result dt {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    width: 65px;
    height: 65px;
    margin: 0px 38px 0px 0px;
}

.password-set-result dt img {
    width: 100%;
    height: 100%;
}

.password-set-result dd {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    width: auto;
    vertical-align: top;
}

.password-set-result dd label {
    display: block;
    margin: 0px 0px 20px;
    line-height: 16px;
    font-size: 16px;
}

.password-set-result dd span {
    display: block;
}

.user-msg {
    margin-left: 108px;
    height: 50px;
    font-size: 14px;
}

.user-msg-img {
    float: left;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: #eee;
}

.user-msg-div {
    margin-left: 64px;
    height: 50px;
}

.user-msg-div h3 {
    margin-bottom: 2px;
    font-size: 16px;
}

.ant-btn {
    font-size: 14px;
    height: 35px;
    padding: 4px 15px;
    border-radius: 6px;
    background-color: #04a4ff;
    box-shadow: 0 2px 0 rgba(5, 145, 255, .1);
}
.space-btn {
    margin-left: 15px;
    margin-top: 0;
}
.ant-btn:hover {
    cursor: pointer;
}

.ant-input {
    box-sizing: border-box;
    margin: 0;
    padding: 4px 11px;
    color: rgba(0, 0, 0, .88);
    font-size: 14px;
    line-height: 1.5714285714285714;
    list-style: none;
    position: relative;
    display: inline-block;
    width: 60%;
    min-width: 0;
    background-color: #fff;
    background-image: none;
    border-width: 1px;
    border-style: solid;
    border-color: #d9d9d9;
    /*border-radius: 6px;*/
    transition: all .2s;
}

.ant-input:focus {
    /*border-color: #04a4ff;*/
}


/* 登录密码、交易密码样式修改 */
li.p-code>.acc {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    width: 100%!important;
}
.acc>input,
.acc>.form-control {
    flex: 1;
}
.password-set-l.userid-null {
    width: auto;
    position: relative;
}
.pwd-set,
.password-set-l,
.pwd-set-title,
pwd-set-content {
    width: 100%;
}
.pwd-set-title {
    margin-bottom: 30px;
}
.pwd-set-title .login-code {
    color: #ff0000;
    text-decoration: underline;
}
.pwd-set-content {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    height: 350px;
}
.pwd-set-title>h2 {
    color: #000;
    font-size: 36px;
    text-align: center;
    margin-bottom: 15px;
}
.pwd-set-title>p {
    color: #6C6C6C;
    font-size: 14px;
    text-align: center;
}
.pwd-set-img,
.pwd-set-item {
    flex: 1;
    height: 100%;
}
.pwd-set-img {
    box-sizing: border-box;
    text-align: center;
    border-right: 2px solid #e6e6e6;
}
.pwd-set-img img {
    width: auto;
    height: 100%;
}
.pwd-set-item {
    display: flex;
    justify-content: center;
    align-items: center;
}
.pwd-set-item .pwd-item-container {
    width: 70%;
    height: auto;
    position: relative;
}

/*校验提示修改样式*/
#smscode-tips {
    position: absolute;
    display: flex;
    align-items: center;
    top: 101px;
    width: 100%;
    height: 40px;
    font-weight: 500;
    color:#c1c1c1;
    font-size: 13px;
    border: 1px solid #e1e1e2;
    line-height: 39px;
    background-color: #ffffff;
    padding-left: 10px;
    z-index: 999;
    border-radius: 8px;
}

#smscode-tips #default-icon,
#smscode-tips #fail-icon,
#smscode-tips #success-icon,
#default-icon_1,
#fail-icon_1,
#success-icon_1,
#default-icon_2,
#fail-icon_2,
#success-icon_2,
#default-icon_3,
#fail-icon_3,
#success-icon_3,
#default-icon_4,
#fail-icon_4,
#success-icon_4
{
    width: 14px;
    height: 14px;
    margin-right: 5px;
    line-height: 14px;
    text-align: center;
}

#smscode-incorrect {
    position: absolute;
    top: 99px;
    font-size: 12px;
}

#pwd_validate_tips {
    position: absolute;
    top: 162px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    font-size: 13px;
    width: 103%;
    color: #c1c1c1;
    background-color: #ffffff;
    padding: 10px 0 10px 10px;
}

#pwd_validate_tips p {
    margin-bottom: 5px;
}

#pwd_validate_incorrect,
#pwd_validate_empty,
#repwd_validate_incorrect,
#repwd_validate_empty{
    font-size: 12px;
}

/*忘记密码页面样式调整*/
.forgot-pwd {
    width: 100%;
    text-align: center;
    color: #000000;
    font-size: 36px;
    margin-bottom: 20px;
}

.forgot-pwd-form {
    width: 100%;
    border: 2px solid #F0F0F0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 45px 0;
}

.forgot-pwd-form .pwd-find {
    font-size: 14px;
    color: #6C6C6C;
}

.forgot-pwd-form .click-find {
    color:#47a8ff;
    font-size: 14px;
}

#login-acc {
    border: 1px solid #F0F0F0;
    padding-left: 10px
}

#login-code {
    border: 1px solid #F0F0F0;
    padding-left: 10px;
    width: 64%;
}

#inccrect-code {
    position: absolute;
    top: 112px;
    font-size: 14px;
}
#inccrect-acc,#noexist-acc {
    position: absolute;
    top: 42px;
    font-size: 14px;
}