/*登录页*/

.login{ background:url(../images/bg_mem.png); background-size:cover; color:#717171; }
.login .logo{ text-align: center; margin-bottom: 0px; }
.login .loginform{ position: relative;  width: 560px; margin:0 auto; /*background: #fff; border-radius: 10px; box-shadow: 0 0 15px rgba(0,0,0,.1);*/ }
.login .loginform .uk-fieldset{ padding:40px 0px 40px 0px;}
/* .login .loginform .sub{ padding:10px 110px 60px 110px; background: #fff; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px;} */
.login .loginform a:not(.uk-button){ color:var(--main-color); }
.login .loginform a:not(.uk-button):hover{ color:var(--main-color-hover); }
.login .loginform .uk-input{ font-size: 16px; height: 50px; border-radius: 8px;}
.login .loginform button{ line-height: 50px; height: 52px;}
.login .loginform .uk-checkbox{ margin-top: 0;}
.login .myclass .uk-text-center>a:last-child{ margin-left:40px; position: relative;}
.login .myclass .uk-text-center>a:last-child::before{ position: absolute; left: -20px; top:6px; content:''; display: block; width:1px; height: 14px; background:#dbdbdb; }
.login .loginform .fd{ background:#f9f9f9; padding:20px 20px 40px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; }

.login .loginform .hd{ height: 65px; border-bottom:1px solid #f2f2f2; background:#fff; border-top-left-radius: 10px; border-top-right-radius: 10px; padding:15px 100px 0; }
.login .loginform .hd>ul{ margin-bottom:-1px; }
.login .loginform .hd li a{ display: block; font-size:20px; color:#9d9d9d; line-height: 50px; height: 50px; padding:0; border-bottom:3px solid transparent; }
.login .loginform .hd li.uk-active a{ color:#000; border-color:var(--main-color);  }

.login .regform{ width:800px; background: #fff; border-radius: 20px; margin-bottom: 50px; }
.login .regform .bd{ padding:10px 50px; }
.login .regform .uk-input{ height: 40px; border-radius: 0; font-size:14px; }
.login .regform .uk-form-horizontal .uk-form-label{ width:120px; }
.login .regform .uk-form-horizontal .uk-form-controls{ margin-left:135px; }
.login .js-upload{ position: absolute; right:0; top:0; height: 40px; }
.login .js-upload .btn-upload{ height: 40px; line-height: 38px; padding:0 10px; }


.backhome{ position: absolute; left: 40px; top:30px; font-size:18px; line-height: 1; }
.backhome a{ color:#717171; }
.backhome a:hover{ color:var(--main-color); }

/* .btn-addon{ padding-right: 110px; position: relative;} */
.btn-addon .uk-button{ position: absolute; right: 7px; top:7px; padding: 0; text-align: center; width:100px; height: 36px!important; line-height: 36px!important; border-radius: 8px; }
.btn-addon .checkcode{ position: absolute; right: 0; top:0; padding: 0; text-align: center; width:100px; height: 40px;}


.login .pwdform{ width:560px; background: none; }
.login .pwdform .uk-fieldset{ padding:40px 0px 40px 0px;}
.login .pwdform .fd{ padding:20px 20px 40px; }
.login .pwdform .uk-input{ font-size: 16px; height: 50px; border-radius: 8px;}
.login .pwdform button{ line-height: 50px; height: 52px;}


.logincopy{ position: absolute; left: 0; right:0; bottom:3px; text-align: center; }

@media screen and (max-width: 960px) {
    
    .f120{ font-size: 7rem;}
    .f140{ font-size: 8rem;}

    .backhome{ left: 15px; top:15px; font-size:14px; }
    .login .logo{ margin-bottom: 20px;}
    .login .logo img{ max-width: 180px;}

    .login .wrap{ width: 100%; font-size: 14px; }
    .login .loginform{ width: 90%; box-shadow: none; background: none; }
    .login .loginform .tit .f30{ font-size:22px; }
    .login .loginform .tit .f24{ font-size:20px; }
    .login .loginform .uk-fieldset{ padding:0; }
    .login .loginform .uk-input{ font-size:14px; height: 44px; }
    .login .loginform button{ height: 46px; line-height: 44px; font-size:16px; }
    .login .loginform .fd{ background: none;  }
    .login .loginform .fd .f16{ font-size: 14px; }

    .login .loginform .hd{ height: 49px; padding: 0; background: none; border-bottom: 1px solid #ccc; margin-bottom: 20px; }
    .login .loginform .hd li a{ font-size:18px; }
    .login .regform .uk-form-horizontal .uk-form-controls{ margin-left: 0; }
    .login .loginform .uk-input{ height: 40px; border:1px solid #fff; }
    .login .js-upload .btn-upload{ font-size:14px; }

    .login .pwdform{ width: 100%; padding-left:10px; padding-right: 10px; }
    .login .pwdform .uk-fieldset{ padding:0; }

    .login .regform .bd{ padding:0; }

    #modal-agreement .uk-modal-header{ margin:10px 20px; }
    #modal-agreement .uk-modal-header .f24{ font-size:22px; }
    #modal-agreement .uk-modal-body{padding:10px 20px; font-size: 14px; }
    

    .logincopy{ display: none;}
}