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

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


/**********登录、注册部分**********/
/**************************/
/******登录背景******/
.login{ width: 100%; min-height: 100%; background: url(../images/login_bg.jpg) no-repeat; background-size: cover; background-attachment: fixed; position: relative;}
.login-tit {padding: 1rem 1rem 2rem;font-size: 1.0rem;color: #8664a9;}
.bottom-login {/*position:absolute;left: 0;bottom: 0;*/margin-top: 2rem; height: 7rem;width: 100%;text-align: center;}
.bottom-login-tit {border-bottom: #eee solid 1px;position: relative;height: 0;}
.bottom-login-tit span{display: inline-block;padding: 0.3rem 0.5rem;background: #fff;font-size: 0.4rem;color: #aaa;margin-top: -0.6rem;position: absolute;left: 36%;}
.bottom-login-list ul {display:flex;padding: 1.3rem 0 0.8rem;}
.bottom-login-list ul li {flex: 1;line-height: 1.4rem;}
.bottom-login-list ul li img{width: 1.78rem;}
.bottom-login-accept{color: #aaa;}
.bottom-login-accept a{color: #8664a9;}

/* 微信 */
.login-tit-ins {font-size: 0.6rem;  margin-bottom: 1rem;}
.login-tit-qr {
	font-size: 0.6rem;
	margin-bottom: 1rem;
color:; 	color: #FFF;
}
.login-tit-top {font-size: 0.6rem; padding:.5rem; color: #ccc;}
.login-wechat-list {width: 100%;
  font-size: .56rem;
  color: #999;
  padding: .5rem .5rem .3rem .5rem;
  position: relative;
  display: flex;
}
.Ext-code-list {
  width:30%;
  font-size: .56rem;
  color: #999;
  margin-left: 50%;
  transform: translate(-50%,0);
  /*padding: .5rem 4.5rem .3rem 4.5rem;*/
  /*position: relative;
  display: flex;*/
}
.Ext-code-list >img{
  width:100%;

}
.login-wechat-list img {width: 1.8rem;height: 1.8rem;}
.login-wechat-list::after {
    width: 1rem;
    height: 1rem;
    content: '';
    background: url(../images/icon_check.svg) no-repeat center;
    background-size: .55rem auto;
    position: absolute;
    right: .5rem;
    top: .35rem;
}
.login-wechat-name {padding:0.1rem 0 0 0.6rem}
.form-mint > *{ margin-bottom: 1rem;}
.form-mint {
  width: 60%;
  margin: 3rem auto;
}
/******登录表单******/
/*------主体------*/
.login .login-form{ width: 92%; background: rgba(255,255,255,.3); border-radius: .5rem; overflow: hidden; padding: 1.1rem .6rem .8rem .6rem; position: absolute; left: 4%; top: 4rem; z-index: 9;}
.login .login-form h1{ font-size: .84rem; color: #fff; text-align: center; padding: 0 0 .5rem 0;}

/*------表单样式------*/
.login .login-form .login-form-group{ width: 100%; border: rgba(255,255,255,.5) 1px solid; border-radius: .9rem; overflow: hidden; margin-top: .5rem;}

.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: #fff; 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: .52rem; color: #fff;}
.login .login-form .login-form-group input::-webkit-input-placeholder{ color: #ffde00;}

/*------清除按钮------*/
.login .login-form .login-form-group .clear-keyword{ width: 1rem; height: 1rem; background: url(../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-form-group label.icon-phone:before{ background-image: url(../images/login/login_icon_1.svg);}
.login-form-group label.icon-pw:before{ background-image: url(../images/login/login_icon_2.svg);}
.login-form-group label.icon-code:before{ background-image: url(../images/login/login_icon_3.svg);}

/*------提交------*/
.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:#ffde00;}
.login .login-form .login-links a.login-links-2{ color:#ffde00; float: right;}


/******下载APP******/


/******注册******/
.register{ width: 100%; overflow: hidden; padding: .5rem .2rem;}
.register .form-group{ border-bottom:#e5e5e5 1px solid;}
.register .form-submit{ margin-top: 2.2rem;}