body{
    width: 1200px;
    min-width: 1200px;
    margin: 0 auto;
}

body main .wrapper{
    width: 960px;
    
    margin: 60px auto;
    border: 1px solid #e6e6e6;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    overflow: hidden;
    padding: 30px 0 50px 0;
}

.wrapper .logo-wrap .logo{
    height: 64px;
    margin: 0 0 30px 130px;
}

.wrapper .logo-wrap .login-link{
    float: right;
    margin-right: 60px;
    color:#ff5722;
    
}

.left-wrap{
    width: 400px;
    float: left;
    margin-left: 80px;
}

.left-wrap img{
    height: 400px;
    margin-left: 50px;
}

.right-wrap {
    width:380px;
    float: left;
    text-align: center;
}

.right-wrap h1{
    text-align: center;
    font-size: 30px;
    font-weight: normal;
    color: #333;
    margin-bottom: 20px;
}
.right-wrap  p{
    margin-top: 20px;
}
.right-wrap  input{
    width:300px;        
    font-size: 14px;
    display: inline-block !important;
    text-align: left;
}


.right-wrap .password-wrapper input {
    display: inline-block;
    border-right: 0;
    width: 265px;
}
.right-wrap .password-wrapper a {
    display: inline-block;
    height: 36px;
    width:35px;
    line-height: 36px;
    border:1px solid #e6e6e6;
    border-left:0;
}

.right-wrap .password-wrapper a img{
    width: 20px;
    margin-left: 5px;
}

.right-wrap .captha-img{
    vertical-align: top;
    margin-left: 14px;
    width:106px;
    height: 35px;
}
.right-wrap  .send-btn{
    vertical-align: top;
    margin-left: 14px;
    width:106px;
}

.right-wrap  .register-btn, .repassword-btn{
    width: 300px;
}

.right-wrap .text-right{
    text-align: right;
    margin: 10px 40px -26px 0;
}


.right-wrap fieldset {
    border: 0;
    border-top: 1px solid #e6e6e6;
    text-align: center;
    width: 280px;
    margin-left: 38px;
    height: 0;
}

.right-wrap legend{
    color:#666
}

.login-wrap p {
    margin-top:30px;
}

.layui-icon-login-qq{
    color:#3492ED;
    font-size: 24px;
    margin-right: 20px;
}
.wechat-wrap{
    margin-top: -20px !important;
}
.layui-icon-login-wechat{
    color:#4DAF29;
    font-size: 24px;
    display: inline-block;
    line-height: 20px;
}
.wechat-text{
    margin-left: 5px;
    vertical-align: top;
}




footer {
    float: left;
    margin-top: 20px;
    width: 100%;
    text-align: center;
    color: #666;
    padding-bottom: 20px;
}

footer .footer-line{
    margin-bottom: 20px;
    border-top:1px solid #e6e6e6;
    -webkit-filter: drop-shadow(0px 5px 5px rgba(0,0,0,.3));
    filter: drop-shadow(0px 5px 5px rgba(0,0,0,.3)); 
}