html,
body {
  height: 100%;
  background-color: #fff;
}
* {
  margin:0;
  padding: 0
}

.form-signin {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    max-width: 460px; 
    padding: 40px;
    margin: auto;
    h3 {
        padding-bottom: 40px;
    } 
    .identity {
        width: 460px;
        display: flex;
        align-items: center;
        height: 44px;
        justify-content: center;
        .arrow {
            width: 32px;
            height: 32px;
        }
        .activeOne {
            border-bottom: 3px solid #1890ff;     
        }
        .activeTwo {           
            border-bottom: 3px solid #1890ff; 
        }
        span {
            display: flex;
            align-items: center;
            justify-content: center;
            width: 230px;
            padding: 20px;
           
            .one {
                width: 32px;
                height: 32px;
                fill:#1890ff;
            }
            .two {
                width: 32px;
                height: 32px;
    
            }
        };
    }
    
    .find-type {
        width: 460px;
        font-size: 16px;
        display: flex;
        align-items: center;
        justify-content: space-around;
        padding: 20px 0;
        span {
            width: 230px;
            // display: flex;
            // align-items: center;
            border: 1px solid #e5e5e5;
            padding: 10px 10px;
            &:hover{
                color: #1890ff;
                cursor: pointer;
            }
        }  
    }
    .input {
        width: 460px;
        min-height: 40px;
        text-shadow: 0 1px 0 #fff;
        border: 1px solid #e5e5e5;
        position: relative;
        box-sizing: border-box;
        height: auto;
        padding: 10px;
        margin: 10px;
        font-size: 16px;
        padding-left: 25px;
        &::placeholder {
            color:  rgb(191, 191, 191);

        }
        &:focus {
            outline: none;
        }
        &:hover{
            border-color: #40a9ff;
            border-right-width: 1px !important;
        }
    }
    .phone {
        position: relative;
    }
    .check {
        position: relative;
        &:hover {
            button {
                border-left: 1px solid #1890ff;
            }
        } 
        button {
            width: 112px;
            height: 48px;
            background-color: #fff;
            border:1px solid #e5e5e5;
            display: flex;
            align-items: center;
            justify-content: center;
            position: absolute;
            top: 10px;
            right: 10px;
            &:hover {
                cursor: pointer;
                border: 1px solid #1890ff;
                color: #1890ff;
            }
        }
    }
    .label {
        position: absolute;
        top: 20px;
        z-index: 1;
        left: 15px;
    } 
    .imageCode {
        position:relative;
        .code {
            position: absolute;
            top: 10px;
            right: 7px;
            img {
                height: 47px;
                width: 100px;
            }

        }
    }
    .next {
        width: 460px;
        font-size: 14px;
        display: flex;
        justify-content: space-between;
        padding: 15px 0;
        .btn {
            height: 40px;
            width: 80px;
            background: #2E9AFE;
            color: #fff;
            border: none;
            border-radius: 3px;
            font-size: 16px;
        }
        a {
        color: #1890ff;
        text-decoration: none;
        }
    }
}
#form {
    .ant-form-item {
        margin-left: 455px;
    }
    .ant-btn {
        margin-left: 180px;
    }
    a {
        margin-left: 125px;
    }

}
