.page {
    background: url(../images/login/bg.jpg) no-repeat center center;
}
.page .bottom {
    width: 100%;
    height: 363px;
    left: 0;
    bottom: 0;
    background: url(../images/login/bg_bottom.png) no-repeat;
}
.page .main {
    width: 531px;
    height: 638px;
    margin: 8% auto 0;
    position: relative;
    z-index: 2;
}
.page .main .title {
    text-align: center;
}
.page .main .title p:nth-child(1) {
    font-size: 30px;
    color: #fff;
}
.page .main .title p:nth-child(2) {
    font-size: 16px;
    color: #b3b3b3;
    margin-bottom: 30px;
    line-height: 34px;
}
.page .main .info {
    width: 100%;
    /*height: 510px;*/
    background: #fff;border-radius: 18px;
    box-shadow: 0px 5px 10px #888;
    padding-top: 32px;box-sizing: border-box;
    padding-bottom: 32px;
}
.page .main .info .item {
    width: 85%;
    margin: 0 auto;
}
.page .main .info .item label {
    font-size: 14px;
    line-height: 40px;
    color: #666666;
    padding-left: 10px;
}
.page .main .info .item input {
    width: 100%;
    height: 42px;
    border-top: 3px solid #bcbcbc;
    border-left: 3px solid #c7c7c7;
    border-bottom: 3px solid #dbdbdb;
    border-right: 3px solid #c7c7c7;
    border-radius: 8px;
    outline: none;padding-left: 10px;box-sizing: border-box;
    margin-bottom: 30px;
}
.page .main .info .item input:focus {
    border: 3px solid #7ac4e7;
}
.page .main .info .item input.codeinput {
    width: 286px;
}
.page .main .info .item .code {
    width: 143px;
    height: 42px;
    padding-left: 20px;
}
.page .main .info .btn_login {
    width: 85%;
    height: 64px;
    border: 1px solid #e5e5e5;
    margin: 0 auto;
    background: #000000;
    background: -moz-linear-gradient(top,  #547ee5 0%, #1990ff 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#547ee5), color-stop(100%,#1990ff));
    background: -webkit-linear-gradient(top,  #547ee5 0%,#1990ff 100%);
    background: -o-linear-gradient(top,  #547ee5 0%,#1990ff 100%);
    background: -ms-linear-gradient(top,  #547ee5 0%,#1990ff 100%);
    background: linear-gradient(to bottom,  #547ee5 0%,#1990ff 100%);
    border-radius: 8px;color: #fff;
    text-align: center;line-height: 64px;margin-top: 22px;font-size: 18px;
}




