/*注册，登录，忘记密码三个页面*/
body{background: #fff}
.loginbg .logo{  padding: 20px;}
.loginbg .logo img{width: 260px;}
.loginBoxflex{display: flex; align-items: center; justify-content: space-between;padding-left: 60px;}
.loginBoxphoto{ background: url("../images/loginphoto.jpg") no-repeat;width: 672px; height: 549px;}
.loginBox{ width:400px;border-radius: 10px; margin:0 auto;  padding: 50px;
  background: #fff;
}
.loginBox .logo{  text-align:center;  margin-bottom:25px}
.welcome{ font-size: 18px;font-family: Raleway,Arial,sans-serif; font-weight: 600}
.welcome{color: #5a299d;margin-bottom: 25px; text-align: center}
.item a:hover{text-decoration: underline}
.loginBox .item{ text-align: center; font-size: 12px;}
.btn.btn-primary{padding:8px; border-radius: 5px; }
.form-group{margin-bottom: 25px;}


a.sendbtn:hover{ border-color:#5a299d ;color: #5a299d;}

.form-control{height: 38px;}

.agree{margin-bottom: 10px; font-size: 12px; display: flex; align-items: center;padding-left: 5px;}
.agree a{text-decoration: underline;  margin: 0 5px;}

.layui-form-checked[lay-skin=primary] i{
    border-color: #5a299d !important;
    background-color: #5a299d;
}
.layui-form-checkbox[lay-skin=primary]:hover i {
    border-color: #5a299d;
}

.agreement{padding: 20px 30px; font-size: 13px}
.agreement p{margin-bottom: 10px; line-height: 1.8}
.agreement p .text-lg{font-size: 18px;}
.agreement p .m-20px{margin: 0 20px;}
.loginfoot{text-align: center; color: #fff; padding: 20px;}
 .loginbg .zhucebox .logo{text-align: center}
.zhucebg1{margin-left: 180px;}
.zhucebg1 img{width: 150px;}
.zhucebg img{height: 800px;}
.zhucebox .loginBox{width: 450px;    padding: 30px 50px;}
.site {
    margin: 0 auto;
   }
.agreewap{display: none;}
a.sendbtn{    font-size: 12px;
    background: #f4f3f5;
    width: 130px;
    text-align: center;
    padding: 0 6px;}
/*增加tip*/
.sendtips{margin-bottom: 10px; background: #ffeccd; padding: 8px 5px; border-radius: 5px;display: flex;
    align-items: center;}
.icon-tanhao {
    background-image: url(../images/tanhao.png);    background-size: 16px;
    height: 16px;
}
a.btn i.icon-faceicon {
    background-image: url(../images/faceicon.png);    background-size: 24px; width: 28px;
    height: 28px; margin-right: 10px;
}
a.btn i.icon-googlelogo {
    background-image: url(../images/googlelogo.png);    background-size: 24px; width: 28px;
    height: 28px; margin-right: 10px;
}
.btn-blue{ background-color: #3975ea;
    border-color: #3975ea;
    color: #FFF;display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 5px;
    padding: 8px;}
.btn-blue:hover{ background-color: #518bfa;  border-color: #518bfa;color: #fff}
.sendtipswz{margin-left: 6px;width: 95%;line-height: 1.3;}
.verifycode{margin-bottom: 15px;}
.form-group {
    margin-bottom: 20px;
}
.verifycodeflex{display: flex;justify-content: space-between; margin-bottom: 15px;}

@media screen and (max-width:2560px) {
    body{
        zoom:1.15;
        -moz-transform:scale(1.15);
        -moz-transform-origin:0 0;
    }
}
@media screen and (max-width:1920px) {
    body{
        zoom:1;
        -moz-transform:scale(1);
        -moz-transform-origin:0 0;
    }
}
@media screen and (max-width: 767px){
    .site{padding: 0 1rem}
    .form-group,.welcome{margin-bottom: 20px;}
    .loginBoxbg{margin-top:1vh}
    .loginBoxflex{display: inherit}
    .loginBoxflex img{display: none}
    .loginbg .logo{padding: 15px;}
    .loginbg .logo img{width: 260px;display: block;
        margin: 0 auto;}
    .agree{display: inherit}
    .zhucebox .loginBox{width: 90%;padding: 30px;}
    .agreewap{display: block;}
    .agreepc{display: none;}
}