/*注册，登录，忘记密码三个页面*/
body.zhuce{background: url("../images/loginbg.jpg") no-repeat center/cover;
    height: 100vh;}
.loginbg .logo{  padding: 20px;}
.loginBoxbg{ background: #c0bdff; padding: 50px 0}
.loginBoxflex{display: flex; align-items: center; justify-content: space-between}
.loginBoxphoto{ background: url("../images/loginphoto.jpg") no-repeat;width: 672px; height: 549px;}
.loginBox{ width:460px; float:right ;    margin:5px 120px 0 0;
}
.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{color: #fff;
    padding: 20px;
    text-align: left;
    position: fixed;
    bottom: 0px;}
.site {
    margin: 0 auto;
    max-width: 1440px;}
.agreewap{display: none;}
a.sendbtn{    font-size: 12px;
    background: #8641df; color: #fff; border: none;
    width: 130px;
    text-align: center;
    padding: 0 6px;}
a.sendbtn:hover{background-color: #5a299d; color: #fff; text-decoration: none;}
body{background: url("../images/Affiliatebg.jpg") no-repeat left center/contain;
    height: 100vh;}
.mr-10px {
    margin-right: 10px;
}
.form-group{margin-bottom: 15px;}
.bootstrap-select.btn-group .dropdown-menu li a{font-size: 12px;}
.bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn){font-size: 12px; color: #999; width: 460px;}
/*改掉表单颜色*/
.form-control {
    border: none;
    background-color: #ffe9af;    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0);
}
.form-control.vercode{background: #fff;border:1px solid #8641df;}
.form-control.vercode:focus{
    border-color: #8641df !important;box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgb(134 65 223 / 60%);
}
.pay_way .btn{padding: 10px 12px; font-size: 12px;  background-color: #ffe9af;border: none;}
.btn-primary {
    background-color: #8641df;
    border-color: #8641df;
}
.btn-primary:hover{  background-color: #5a299d;}
.form-control:focus{
    border-color: #ffe9af !important;box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgb(240 210 55 / 60%);
}
.dropdown-menu{background: #ffe9af}
 .open > .dropdown-toggle.btn-default {
    background-color: #ffda95;
    border-color: #ffda95;
}
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
    color: #262626;
    text-decoration: none;
    background-color: #ffda95;outline: 0;
}
input:-webkit-autofill , textarea:-webkit-autofill, select:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px transparent  inset !important;
    background-color:transparent;
    background-image: none;
    transition: background-color 50000s ease-in-out 0s;
}
.registrationtip{color: #666; padding: 7px 13px 0}
/*增加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;
}
.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: 767px){
    .loginbg {background: #9d6af2}
    .site{padding: 0 1rem}
    .welcome img{width: 18rem}
    .loginBoxflex{display: inherit}
    .loginBox{ padding: 3rem;
        width: auto;
        margin: 0;
        float: inherit;}
    .loginBoxphoto{width: auto;height: 325px;
        background-size: cover; display: none;}
    .loginbg .logo{padding: 15px;}
    .loginbg .logo img{width: 180px;}
    .agree{display: inherit;color: #fff}
    .agree a, .loginBox .item .gdlink {
        color: #f7ef77;
    }
    .registrationtip,.loginBox .item{color: #fff}
    .loginfoot{position: inherit;    color: #333;
        padding: 13px;
        text-align: center;}
    .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn){width:-webkit-fill-available }
    .agreewap{display: block;}
    .agreepc{display: none;}
}