body{ background: #36a8ea;background-attachment: fixed;}

/*登陆样式*/
.user-con{ box-shadow: 0 0 50px rgba(0, 0, 0, 0.1);width:1080px;margin:100px auto;background:#fff;overflow: hidden;Position: relative;border-radius:15px; }

.side-bg{ background: #ffa601;background: linear-gradient(135deg, #21d6fe 0%,#419bff 100%);color:#fff;width:720px;Position: absolute;left:0;top:0;bottom:0;z-index:2;}
.side-bg .logon-tab{ padding:80px 60px;text-align:center;}
.side-bg .logon-tab h2{ margin-bottom:20px;}
.side-bg .logon-tab p{ line-height:24px;font-size:15px;}
.side-bg .logon-tab img{ width:110px;height:110px;border-radius:100%;border:solid 6px rgba(255,255,255,0.4);}
.side-bg .message{ text-align:center;height:28px;line-height:28px;position: absolute;bottom:85px;left:20px;right:20px;}
.side-bg .message a.btn-white{ display: inline-block;width:28px;padding:7.5px 0;background:#fff;border-radius:100%;margin:0 5px;}
.side-bg .message span.col-center{ display: inline-block;margin:0 5px;}
span.bate{ Position: absolute;top:10px;left:15px;display: inline-block;line-height:20px;height:20px;color:#fff;font-size:12px;}
span.bate img{ width:20px;height:20px;border-radius:100%;vertical-align:middle;margin-right:5px;margin-top:-3px;}

.login-main{ float:right;width:360px;padding:80px 40px;}
.login-main h2{ margin-bottom:25px;}
.login-main .form-group{ Position: relative; }
.login-main .n-right{ margin-top: 0;top: 0;position: absolute;width:100%;right:0px;text-align: right;}
.login-main .n-default .msg-wrap{ Position: static;}
.login-main input[type="radio"], input[type="checkbox"]{ vertical-align:middle;margin-top:-3px;}
.login-main .user-item{ text-align:center;color:#2c3e50;}
.login-main .user-item a{ color:#2c3e50;}
.login-main .user-item a:hover{ color:#1a242f;}
.login-main .top15{ margin-top:15px;}
.btn-lg, .btn-group-lg > .btn{ padding: 10.5px 16px;}

/*忘记密码弹窗样式优化*/
.layui-layer-page .layui-layer-content{ overflow: hidden;}
.btn-info{ width:100%;}
.form-layer{ height:auto;}
.form-layer .form-body{ overflow: hidden;padding:30px 15px;}
.form-layer .form-footer{ height:auto;padding:9px 0;}

footer.footer .copyright a{ color:#fff;}

/*新样式移动端适配*/
@media (max-width: 1080px){
    /*登陆样式*/
    .user-con{ width:auto;margin:15px 0;background:#fff;overflow: hidden;Position: relative; }

    .side-bg{ padding-bottom:30px;width:auto;Position: static;}
    .side-bg .logon-tab{ padding:50px 15px 15px 15px;}
    .side-bg .logon-tab h2{ margin-bottom:20px;}
    .side-bg .logon-tab p{ line-height:20px;font-size:13px;}
    .side-bg .logon-tab img{ width:90px;height:90px;border:solid 6px rgba(255,255,255,0.1);}

    .side-bg .message{ text-align:center;height:28px;line-height:28px;Position: static;}

    .login-main{ float:none;width:auto;padding:10px 30px;}
    .login-main h2{ margin-bottom:15px;}

    .layui-layer{ width:90% !important;left:5% !important;}
    .form-footer .col-sm-3{ display:none;}
}
.profile-img-card {
    width: 100px;
    height: 100px;
    margin: 10px auto;
    display: block;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
}
main.content {
    width: 100%;
    overflow: auto;
    padding: 0;
    min-height: calc(100vh - 0px);
}
footer.footer{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background: none !important;
}
footer.footer .copyright{
    padding: 38px 0;
    background: none !important;
    color: white;
    text-align: center;
    margin: 0;
}
footer.footer .copyright a {
    color: #fff;
}
.pg-canvas{
    position: absolute;
}