/*注册，登录，忘记密码三个页面*/

body{font-family: 'Gotham-Light_Web'; background: #faf6e8; font-size: 14px; overflow: hidden;  color: #111 }
a.more, .gdlink {
    color: #0064e6; font-size: 14px;
}
.forgetpassword a{font-size: 15px;}
@font-face {
    font-family: 'Gotham-Light_Web';
    src: url('../../static/fonts/Gotham/mm/Gotham-Light_Web.woff2');
}
@font-face {
    font-family: 'Prompt-Black';
    src: url('../../static/fonts/Prompt/Prompt-Black.ttf');
}
.loginfont{ position: relative}
.loginfontname{font-family: 'Prompt-Black';font-size: 6rem; font-weight: bold;color: #229555;}
.aleadymember{position: absolute;right: 0; bottom: 2.5rem}
.aleadymember a{margin-left: .5rem; text-decoration: underline}
.loginBoxbg{width: 1100px; margin: 5rem auto 0}
.red{color: #f00}
.loginnewtop{
    padding: 0 5rem 1rem;}
.loginnewtopflex{display: flex; margin-bottom: .5rem}
.loginBoxqt{padding: 3rem 0}
.loginBoxqt .form-group {

    font-weight: bold;
    width: 50%; font-size: 12px;
    margin: 0 1%;
}
.facegoogle{display: flex;    padding: 2rem 5rem;}
.facegoogle a{ width: 50%;
    margin: 0 1rem;}

/*按钮*/
.more-btn{ padding-right: 6rem;margin-top: 2rem;}
.more-btn button{
    background:#229555;
    color: #fff;
    border-radius: 6px;
    position: relative;
    width: 156px;
    height: 58px;
    display: block;
    float: right;
}
.more-btn-txt{
    position: absolute;
    font-size: 14px;
    top: 50%;
    left: 34%; transition:all linear 0.2s ;
    -webkit-transition: all linear 0.2s ;
    transform: translate(-50%, -50%);/*实现水平垂直居中*/
}
.more-btn-icon{
    position: absolute;
    top: 50%;
    right: 15px;
    opacity: 1;
    transform: translateY(-50%);/*实现元素垂直居中效果*/
    transition:all linear 0.2s ;
    -webkit-transition: all linear 0.2s ;
}
.more-btn button:hover .more-btn-icon{
    right: 20px;
}
.more-btn button:hover .more-btn-txt{color: #fff; left: 38%;}

.forgetpassword{text-decoration: underline; font-size: 18px;    padding-left: 1rem;
    margin-top: 3rem;}



a.btn i.icon-faceicon {
    background-image: url(../images/faceicon.png);    background-size: 26px;width: 30px;
    height: 30px; margin-right: 10px;
}
a.btn i.icon-googlelogo {
    background-image: url(../images/googlelogo.png);    background-size: 30px; width: 30px;
    height: 30px; 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}
.btn-gray{ background-color: #fff;
    border-color: #eee;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 2rem;
    padding: 1rem;}
.btn-gray:hover{  border-color: #229555;}

.qiantaibg{background: url("../images/qiantaibg.jpg") no-repeat center/cover}
body.zhuce{background: url("../images/loginbg.jpg") no-repeat center/cover;
    height: 100vh;}
.loginbg .logo{  padding: 20px;}

.qtlogo{position: absolute;left:3rem;top:2rem}
.loginBoxflex{display: flex; align-items: center; justify-content: space-between}
.loginBoxphoto{ background: url("../images/loginphoto.jpg") no-repeat;width: 672px; height: 549px;}
.loginBox{ width:500px;margin:0 auto;  padding: 50px 70px;   }
.loginBox .logo{  text-align:center;  margin-bottom:25px}
.welcome{ font-size: 18px;font-family: Raleway,Arial,sans-serif; font-weight: 600}
.welcome{margin-bottom:2.2rem; text-align: center}
.welcome img{width: 11rem}
.welcome1{margin-bottom:2.5rem;color: #fff;
    font-size: 3rem; line-height: 1}
.welcome1 img{width: 48rem}
.qiantaidl{background: #fff;
    border-radius: 1rem; position: relative}
.arbg1{left: -190px; top: 129px;}
.arbg2{left:30%;top:-132px;}
.forgetmain{width: 860px;  display: flex; justify-content: space-between}
.qiantaidl.forgetcode{width: 600px;}
.arbg1f{left: -168px; top: 212px;}
.arbg3{left: 54px; bottom: -92px;}
.arbg4{right: -173px; top: 10px;}

.arbg{position: absolute;    z-index: -1;}
.arbg img{width: 26%}
.arbg2 img{width: 60%}
.arbg1f img{width: 23%}
.arbg3 img{ width: 80%}
.arbg4 img{width: 84%}
.orline{position: relative}
.orline .or{background: #fff; padding: 0 1rem;position: absolute; width: 60px;left: 50%; margin-left: -30px;     top: -9px;
    color: #ccc; text-align: center}
.item a:hover{text-decoration: underline}
.loginBox .item,.loginBoxqt .item{ padding-left: 1rem}
.btn.btn-primary{padding:8px; border-radius: 5px; }
.form-group{margin-bottom:1.5rem;}
.loginheibg{
    background: #080808;overflow: hidden;
}
a.sendbtn{  width: 35%;
    text-align: center;
    margin-top: .5rem;
    line-height: 42px;}
a.sendbtn:hover,.forgetcode a.sendbtn:hover{ color: #333; border-color:#229555 }
.forgetcode a.sendbtn{ background: #fff; color: #111}
.qiantaidl.forgetcode{padding:0 5rem}

.form-control{ margin-top: .5rem;font-size: 14px;}
.bootstrap-select > .dropdown-toggle,a.sendbtn,.form-control{height: 42px;}

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

.layui-form-checked[lay-skin=primary] i{
    border-color: #5a9cff !important;
    background-color: #5a9cff;
}
.layui-form-checkbox[lay-skin=primary]:hover i {
    border-color: #5a9cff;
}
.loginbg .gdlink{color: #B6D7FF}
.loginbg .gdlink:hover{color: #5a9cff}
.qiantaibg .loginbg .gdlink{color: #3577c6;}

.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;  padding: 10px;  color: #666; font-size: 12px;  }
.site {
    margin: 0 auto;
    max-width: 1440px;}
.agreewap{display: none;}

/*增加tip*/
.sendtips{margin-bottom: 10px;  padding: 8px 5px; border-radius: 5px;display: flex;
    align-items: center;}
.icon-tanhao {
    background-image: url(../images/tanhao.png);    background-size: 16px;
    height: 16px;
}
.icon-tanhaowhite {
    background-image: url(../images/tanhaogreen.png);    background-size: 16px;
    height: 16px;
}
.sendtipswz{margin-left: 6px;width: 95%;line-height: 1.3; font-size: 13px;}
.verifycode{margin-bottom: 15px;}

.verifycodeflex{display: flex;justify-content: space-between; margin-bottom: 15px;}

.loginBoxqt .form-group label{font-size: 13px;}
.loginBox .btn-primary,.loginBoxqt .btn-primary{background-color: #fff;
    border-color: #fff; color: #333}
.loginBox .btn-primary:hover,.loginBox .btn-primary:focus,
.loginBoxqt .btn-primary:hover,.loginBoxqt .btn-primary:focus{background-color: #FFBA59!important;border-color: #FFBA59!important;
    box-shadow:0 0 0 2px rgba(0,0,0,.2)!important;color: #333!important;
}
.qtlogobig{width: 65rem}
@media screen and (max-width:2560px) {/*2k*/
    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:1680px) {
    body,html{
        zoom:0.9;
        -moz-transform:scale(0.9);
        -moz-transform-origin:0 0;
    }
}

@media screen and (max-width: 767px){
    body,html{
        zoom:1;
        -moz-transform:scale(0.9);
        -moz-transform-origin:0 0;
    }
    .loginheibg{overflow: auto}
    .loginBoxbg{padding: 2rem 0 0 ; }
    .loginBoxflex img.qtlogobig{width: 6rem;
        margin: 0 auto;
        display: block;}
    .site{padding: 0 1rem}
    .loginBoxflex{display: inherit}
    .loginBox{padding: 1rem 2rem 0; width:100%}
    .welcome {
        margin-bottom: 1.5rem;
    }
    .loginBoxphoto{width: auto;height: 325px;
        background-size: cover; display: none;}
    .welcome img {
        width: 10rem;
    }
    .loginbg .logo{padding: 15px;}
    .loginbg .logo img{width: 180px;}
    .qiantaibg{background-position: left}
    .qiantaidl {
        padding: 10rem 0 0 0;
    }
    .qiantaidl.forgetcode {
        padding: 8rem 0 0 0;
    }
    .welcome1{text-align: center; font-size: 2.5rem}
    .welcome1 img {
        width: 21rem;
    }
    .loginfoot{color: #fff;
        padding: 20px;
        position: fixed;
        bottom: 0rem;
         text-align: center;
        width: 26rem;
        left: 50%;
        margin-left: -13rem;}
    .loginBoxqt{margin: 0 auto}
    .agree{display: inherit}
    .qtlogo{left:2rem}
    .agreewap{display: block;}
    .agreepc{display: none;}
}