.login-wrap { max-width: 750px; }

.login-wrap {display:none ;position: fixed; width: 100%; height: 100%; top: 0; background: rgba(0, 0, 0, 0.4); z-index: 999; }

.login-wrap .login-content { position: absolute; width: 100%; padding: 0.533rem 1.2rem 0; top: 50%; left: 0; box-sizing: border-box; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); }

.login-wrap .login-content .login-close-icon { position: absolute; width: 0.533rem; height: 0.533rem; background: url(../../images/common/login/del.png) center top no-repeat; background-size: 0.533rem 0.533rem; top: 0; right: 0.667rem; }

.login-wrap .login-content-area { display: block; width: 100%; overflow: hidden; border-radius: 0.133rem; }

.login-wrap .slide-wrap { -webkit-transition: transform 0.5s ease-in-out; transition: transform 0.5s ease-in-out; width: 200%; overflow: hidden; }

.login-wrap .slide-wrap.cur { -webkit-transform: translateX(-50%); transform: translateX(-50%); }

.login-wrap .login { float: left; width: 50%; overflow: hidden; background: #f2f2f2; border-radius: 0.133rem; }

.login-wrap .login-tab { background: #f04848; border-radius: 0.16rem; height: 1.067rem; overflow: hidden; }

.login-wrap .login-tab span { float: left; height: 1.067rem; line-height: 1.067rem; font-size: 0.427rem; width: 50%; color: #fff; text-align: center; box-sizing: border-box;}

.login-wrap .login-tab .current { background: #fff; border-radius: 0.133rem; color: #f04848; }

.login-wrap .login-tab-target.cur { -webkit-transform: translateX(0%); transform: translateX(0%); }

.login-wrap .login-tab-target { width: 200%; -webkit-transform: translateX(-50%); transform: translateX(-50%); -webkit-transition: transform 0.5s ease-in-out; transition: transform 0.5s ease-in-out; overflow: hidden; }

.login-wrap .target-item { width: 50%; float: left; overflow: hidden; }

.login-wrap .login-form { padding: 0 0.8rem; }

.login-wrap .form-item { height: 0.8rem; line-height: 0.8rem; padding: 0.667rem 0.133rem  0 0.933rem; border-bottom: 1px #ddd solid; }

.login-wrap .form-item1 { background: url(../../images/common/login/iphone.png) 0.133rem 0.8rem no-repeat; background-size: 0.533rem 0.533rem; }

.login-wrap .form-item2 { background: url(../../images/common/login/code.png) 0.133rem 0.8rem no-repeat; background-size: 0.533rem 0.533rem; }

.login-wrap .form-item3 { background: url(../../images/common/login/pass.png) 0.133rem 0.8rem no-repeat; background-size: 0.533rem 0.533rem; }

.login-wrap .input-area {background:none; display: block; height: 0.8rem; line-height: 0.8rem; width: 100%; font-size: 0.4rem; color: #333; border: none; outline: none; }

.login-wrap .send-code { float: right; height: 0.667rem; line-height: 0.667rem; font-size: 0.32rem; width: 2.0rem; text-align: center; background: #5facff; border-radius: 0.08rem; color: #fff; }

.login-wrap .pic-code{

float: right; 
width:1.6rem;
height: 0.533rem;
overflow: hidden;
margin-top: 0.133rem;

}


.login-wrap .send-code.cur { background: #ddd; pointer-events: none; }

.login-wrap .code-area { overflow: hidden; padding-right: 0.133rem; }

.login-wrap .login-tips { font-size: 0.32rem; height: 0.587rem; line-height: 0.587rem; margin-top: 0.347rem; padding-left: 0.133rem; color: #f04848; opacity: 0; }

.login-wrap .login-tips.cur { opacity: 1; }

.login-wrap .login-sub-btn { background: #ddd; color: #fff; width: 100%; display: block; height: 1.067rem; line-height: 1.067rem; text-align: center; border: none; outline: none; border-radius: 0.133rem; font-size: 0.427rem; }

.login-wrap .login-sub-btn.cur { background: #f04848; }

.login-wrap .link-register { display: block; text-align: center; font-size: 0.32rem; color: #f04848; height: 0.587rem; line-height: 0.587rem; padding: 0.267rem 0 0.533rem; }

.login-wrap .eye-icon { float: right; height: 100%; width: 0.8rem; background: url(../../images/common/login/see2.png) center center no-repeat; background-size: 0.533rem 0.533rem; font-size: 0; line-height: 0; overflow: hidden; }

.login-wrap .eye-icon.cur { background: url(../../images/common/login/see.png) center center no-repeat; background-size: 0.533rem 0.533rem; }

.login-wrap .register { width: 50%; float: left; overflow: hidden; background: #f2f2f2; }

.login-wrap .register h2 { position: relative;z-index: 1;height: 1.333rem; line-height: 1.333rem; text-align: center; font-weight: normal; font-size: 0.48rem; color: #fff; background: #f04848; }
.login-wrap .register h2:before{
	 content: '';
	   position: absolute;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 0.4rem;
    height: 0.4rem;
    border-top: 1px solid #fff;
    border-left: 1px solid #fff;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    left: 0.4rem;
    top: 0.47rem;
}
.login-wrap .register .register-from { padding-bottom: 0.533rem; }