@charset "utf-8";
/* CSS Document */

html{ height: 100%;}
body{ height: 100%; background: #fff;}



.login{ width: 100%; min-height: 100%; background:url(../images/loginbg.jpg) no-repeat; background-size: cover; background-attachment: fixed; position: relative;}



.login .language{ width: auto; position: relative;}
.login .language .language-box{ width: 1.2rem; height: 1.2rem; border-radius: 50%; border: rgba(255,255,255,.3) .05rem solid; overflow: hidden; display: block;box-sizing: content-box; position: absolute; right: .5rem; top: .5rem;}

i.language-chn{ width: 1.2rem; height: 1.2rem;  background: url(/static/images/login/flag_china.svg) no-repeat center; background-size: 100%; display: block;}
i.language-en{ width: 1.2rem; height: 1.2rem;  background: url(/static/images/login/flag_uk.svg) no-repeat center; background-size: 100%; display: block;}


.choose-lang{ width: 100%; height: 100%; background: none; position: fixed; left: 0; top: 0; display: none;z-index: 99;}
.choose-lang .choose-lang-box{ width: 4.8rem; background: rgba(104,45,252,.7); border-radius: .2rem; padding: .3rem .5rem; position: absolute; right: .5rem; top: 2.2rem; }
.choose-lang .choose-lang-box:after{ content: ''; border-left: .2rem solid transparent; border-right: .2rem solid transparent; border-bottom: .2rem solid rgba(104,45,252,.7); position: absolute; right: .5rem; top: -.2rem;}

.choose-lang .choose-lang-box .choose-lang-btn{ width:100%; overflow: hidden; padding: .2rem 0;}
.choose-lang .choose-lang-box .choose-lang-btn i, .login .language .choose-lang .choose-lang-btn span{ float: left;}
.choose-lang .choose-lang-box .choose-lang-btn span{ line-height: 1.2rem; font-size: .56rem; color: #fff; display: block; margin-left: .3rem;}


.login .login-logo{ width: 100%; text-align: center;}
.login .login-logo img{ width: 7rem;}



.login .login-form{background: rgb(255 255 255 / 20%); width: 96%;  border-radius: .5rem; overflow: hidden; padding: 1.1rem .6rem .8rem .6rem; position: absolute; left: 2%; top: 4rem; z-index: 9;}
.login .login-form h1{ font-size: .84rem; color: #30c481; text-align: center; padding: 0 0 .5rem 0;}


.login .login-form .login-form-group{     width: 100%;
    border: rgb(253 250 250 / 50%) 1px solid;
    border-radius: .2rem;
    overflow: hidden;
    margin-top: .5rem;
    background: rgb(255 255 255 / 50%);}

.login .login-form .login-form-group label, .login .login-form .login-form-group .input-group{ height: 1.8rem; float: left; position: relative;
    }

.login .login-form .login-form-group label{ width: 4.2rem; line-height: 1.8rem; font-size: .56rem; color: #333; padding-left: 1.4rem; position: relative;}
.login .login-form .login-form-group label:before{ width: 1.4rem; height: 1.8rem; content: ''; background-position: center; background-repeat: no-repeat; background-size: .8rem auto; position: absolute; left: .1rem; top: 0;}

.login .login-form .login-form-group input{ width: 8rem; height: 100%; font-size: .6rem; color: #fff;}
.login .login-form .login-form-group input::-webkit-input-placeholder{ color:#fff;}


.login .login-form .login-form-group .clear-keyword{ width: 1rem; height: 1rem; background: url(/static/images/shop/icon_clear.svg) no-repeat center; background-size: .8rem; opacity: .6; display: block; position: absolute; right: .15rem; top: .4rem; display: none;}


.login .login-form .form-code img{ width: 2.5rem; height: 1.2rem; position: absolute; top: .3rem; right: 0;}
.login .login-form .form-code .clear-keyword{ right: 2.7rem;}



.login .login-form .login-submit{ padding-top:2rem;}
.login .login-form .login-submit button{ width: 100%; height: 1.6rem; font-size: .64rem; color: #fff; text-align: center; background: #ffba00; border-radius: .8rem;}



.login .login-form .login-links{ width: 100%; font-size: .5rem; overflow: hidden; padding: .5rem .3rem;}
.login .login-form .login-links a{ display: block; float: left;}
.login .login-form .login-links a.login-links-1{ color:#fff;}
.login .login-form .login-links a.login-links-2{ color:#fff; float: right;}


.register{ width: 100%; overflow: hidden; padding: .5rem .2rem;}
.register .form-group{ border-bottom:#e5e5e5 1px solid;}
.register .form-submit{ margin-top: 2.2rem;}
.user-info .user-photo {
    width: 3.8rem;
    height: 3.8rem;
	    border: #fff .1rem solid;
	    border-radius: 50%;
	    overflow: hidden;
	    margin: 0 auto;
	    background: #fff;
		}
/* 	.icon-phone{background: url(../images/index-02.png) no-repeat;    background-size: 1rem;
    background-position: 0.5rem 0.4rem;}
	.icon-pw{background: url(../images/index-02.png) no-repeat;    background-size: 1rem;
    background-position: 0.5rem 0.4rem;}
 */

.form-getcode input{width: 4.9rem !important;}