/* Design based on Blue Login Field of Kevin Sleger https://codepen.io/MurmeltierS/pen/macKb */

.section-title {
    color: #3296FA;
}

h2 {
    font-size: 28px;
    line-height: 32px;
    margin: 27px 0 18px 0;
}

.form {
    position: absolute;
    top: 50%;
    left: 50%;
    background: #fff;
    width: 285px;
    margin: -140px 0 0 -182px;
    padding: 40px;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
}

input {
    outline: none;
    display: block;
    width: 100%;
    padding: 10px 15px;
    border: 1px solid #ccc;
    color: #ccc;
    font-family: "Roboto";
    box-sizing: border-box;
    font-size: 14px;
    font-wieght: 400;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transition: 0.2s linear;
}

input input:focus {
    color: #333;
    border: 1px solid #3296FA;
}
.controledSelect{
    width:100%;
    height:45px;
    font-size:16px;
    background-color:#F0F0F0;
}
.controledSelect:focus, .nl-email-input:focus {
    border-color: #1776d5;
    background: #fff;
    box-shadow:inset 0 1px 1px rgb(198,227,232),0 0 8px rgba(83, 160, 254, 0.6);
    color: #000000;
}


.controledPhone{
    width:100%;
    height:45px;
    font-size:16px;
    border: 1px solid #DDDDDD;
}
.controledPhone:focus, .nl-email-input:focus {
    border-color: #1776d5;
    background: #fff;
    box-shadow:inset 0 1px 1px rgb(198,227,232),0 0 8px rgba(83, 160, 254, 0.6);
    color: #000000;
}

.controled{
     width:100%;
     height:45px;
     font-size:16px;
 }
.controled:focus, .nl-email-input:focus {
    border-color: #1776d5;
    background: #fff;
    box-shadow:inset 0 1px 1px rgb(198,227,232),0 0 8px rgba(83, 160, 254, 0.6);
    color: #000000;
}

.search{
    width: 292px;
    height: 34px;
    border-radius: 4px;
    border: 1px solid #f89693;
    box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(238,88,83,0.6) ;
    background-color: transparent;
    display: inline-block;
    box-sizing: border-box;
    /* padding: 2px; */
}

.button {
    cursor: pointer;
    background: #3296FA;
    width: 100%;
    padding: 10px 15px;
    border: 0;
    color: #fff;
    font-family: "Roboto";
    font-size: 14px;
    font-weight: 400;
}

.uni-btn-primary {
    background-color: #ffffff;
    color: #007bff
}

.sendCheck{

    /*border:1px solid #ff6a00;*/

    width:200px;  height:50px;

    color:#1776d5;/*设置按钮为渐变颜色*/

    background: #ffffff;

}

.loginButton{

    /*border:1px solid #ff6a00;*/

    width:100px;  height:28px;

    background:linear-gradient(to right, #46A3FF,#1776d5);/*设置按钮为渐变颜色*/

    color: #ffffff;

}

.registerButton{

    /*border:1px solid #ff6a00;*/

    width:100px;  height:28px;

    background:linear-gradient(to right, #d0d0d0,#BEBEBE);/*设置按钮为渐变颜色*/

    color: #000000;

}

.button:hover {
    background: #1776d5;
}

.logo {
    display: flex;
    align-items: center;
}

.form-title {
    width: 130px;
    text-align: right;
    padding-bottom: 10px;
}