/* 背景图 */
 body {
     background-image: url("/motor/images/login-bg.jpg");
     /* 固定body的背景 */
     background-attachment: fixed;
     background-size: cover;
 }
 .logo {
     width: 200px;
     height: 200px;
     margin-top: 60px;
     margin-left: 70px;
 }

 .logo img {
     width: 125px;

 }

 /* 文字 */
 .text1 {
       width: 300px; 
    height: 50px;
    color: #fff;
    margin-top: 60px;
    margin-left: 200px;
    font-size: 40px;
    font-weight: bold;

 }

 .text2 {
    width: 300px;
    height: 40px;
    color: #fff;
    margin-top: 20px;
    margin-left: 200px;
    font-size: 25px;
    letter-spacing: 5px;

 }

 /* 表单 */
 #form-info {
     width: 480px;
     height: 500px;
     border-radius: 10px;
     background-color: rgba(255, 255, 255, 0.9);
     position: absolute;
     margin: auto;
     top: 0px;
     bottom: 0px;
     right: 140px;
 }

 /* 欢迎注册 */
 #register {
     width: 480px;
     height: 50px;
     margin-left: 40px;
     margin-top: 15px;
     font-size: 36px;
     color: #000;
     font-weight: bold;
 }

 /* 已有账号 */
 #old-account {
     width: 480px;
     height: 20px;
     font-size: 14px;
     color: #9B9B9B;
     float: left;
     margin-left: 40px;

 }

 /* 登录 */

 #login {
     color: #2e58ff;
     cursor: pointer;
     text-decoration: none;
 }

 /* 输入框 */
 .input {
     height: 40px;
     margin-bottom: 15px;
     border-radius: 4px;
     border: 1px solid #E0E0E0;
     background-color: #fff;

 }

 .input1 {
     width: 340px;
     margin-left: -5px;
 }

 .input2 {
     width: 205px;
 }

 .input3 {
     width: 120px;
     cursor: pointer;

 }



 /* 表单内容样式 */
 .form {
     width: 480px;
     height: 40px;
     margin-left: 40px;



 }

 .form1 {
     margin-top: 50px;
 }

 .form2 {
     margin-top: 35px;
 }

 label {
     width: 58px;
     /* 转换为块元素 */
     display: inline-block;
     font-size: 14px;
     color: #333;
     font-weight: 200;
 }

 .gth {
     width: 15px;
     height: 20px;
     position: absolute;
     margin-left: 370px;
     margin-top: -45px;

 }

 .gth img {
     width: 100%;
 }

 /* 注册按钮 */
 .register {
     width: 400px;
     height: 50px;
     background: #BDCEFC;
     border-radius: 25px;
     border: rgba(255, 255, 255, 0.5) 1px solid;
     color: white;
     font-size: 16px;
     margin-top: 20px;
     cursor: pointer;

 }

 .read {
     width: 330px;
     height: 10px;
     margin-left: 80px;
     margin-top: 30px;
     font-size: 12px;
     color: #666;

 }

 a {
     text-decoration: none;
     color: blue;

 }

 /* input内文字颜色 */
 input::-webkit-input-placeholder {
     color: #ccc;
 }
 .captcha-img {
    width: 100px;
    height: 40px;
    margin-bottom: 15px;
}
input,img{vertical-align:middle;}
.form-control{
    display: inline-block;
}
@media (max-width:768px) {
    #form-info {
        width: 98%;
        margin-top: 50%;
        margin-left: 1%;
        right: 1%;
    }
    #register {
        width: 100%;
        height: 50px;
        margin-left: 0;
    }
    #old-account {
        width: 100%;
    }
    .form {
        width: 100%;
        height: 40px;
        margin-left: 0px;
    }
    .input1 {
        width: 80%;
        margin-left: 0px;
    }
    .form-control {
        display: inline-block;
    }
    .register {
        width: 100%;
    }
    .input2 {
        width: 50%;
    }
    .input3 {
        width: 90px;
    }
    label {
        text-align: right;
    }
}