.loginIndex{width:100%;height:100vh;background-image:url(../../static/img/2006231750.b5e23921.jpg);background-size:100%;position:relative}.image_div{font-size:18px;line-height:60px;color:#fff}.image_div img{margin:40px 0 40px 80px;width:auto;height:25px;vertical-align:middle}.content{overflow:hidden;position:absolute;left:50%;top:50%;width:800px;height:450px;margin:-200px 0 0 -400px;background:#fff;box-shadow:10px 10px 20px #484848;border-radius:10px}.form{position:relative;width:540px;height:100%;transition:transform .6s ease-in-out;padding:20px 30px 0}.loginIndex h2{width:100%;font-size:22px;text-align:center}.loginIndex label{display:block;width:260px;margin:25px auto 0;text-align:left}.loginIndex label span{font-size:14px;color:#909399;text-transform:uppercase}.loginIndex button,.loginIndex input{border:none;outline:none;background:none;font-family:Open Sans,Helvetica,Arial,sans-serif}.loginIndex input{display:block;width:100%;margin-top:5px;padding-bottom:5px;font-size:18px;border-bottom:1px solid rgba(0,0,0,.4);text-align:left}.loginIndex .submit{margin-top:40px;margin-bottom:20px;background:#1c93ff;text-transform:uppercase}.loginIndex button{display:block;margin:0 auto;width:260px;height:40px;border-radius:20px;color:#fff;font-size:15px;cursor:pointer}.forgot-pass{margin-top:20px;text-align:center;font-size:14px}.forgot-pass a{color:#6a6767;text-decoration:underline}.index-msg{font-size:12px;color:red;margin-top:10px;text-align:center}.btn2:hover{background:#d4dbe9;color:#000}.sub-cont{left:540px;padding-left:260px;background:#fff;transition:transform .6s ease-in-out}.sub-cont,.sub-cont .img{overflow:hidden;position:absolute;top:0;height:100%}.sub-cont .img{z-index:2;left:0;width:260px;padding-top:360px}.sub-cont .img:after{left:0;width:100%;background:rgba(0,0,0,.6)}.sub-cont .img:after,.sub-cont .img:before{content:"";position:absolute;top:0;height:100%}.sub-cont .img:before{right:0;width:900px;background-image:url(../../static/img/back.355ed695.png);background-size:cover;transition:transform .6s ease-in-out}.loginIndex .img__text{z-index:2;position:absolute;left:0;top:50px;width:100%;padding:0 20px;text-align:center;color:#fff;transition:transform .6s ease-in-out}.img__text h2{margin-bottom:10px;font-weight:400;color:#fff}.img__text p{font-size:14px;line-height:1.5}.img__text.m--in{transform:translateX(-520px)}.img__btn{overflow:hidden;z-index:2;position:relative;width:100px;height:36px;margin:0 auto;background:transparent;color:#fff;text-transform:uppercase;font-size:15px;cursor:pointer}.img__btn span{position:absolute;left:0;top:0;display:flex;justify-content:center;align-items:center;width:100%;height:100%;transition:transform .6s}.img__btn span.m--in{transform:translateY(-72px)}.img__btn:after{content:"";z-index:2;position:absolute;left:0;top:0;width:100%;height:100%;border:2px solid #fff;border-radius:30px}.sign-up{transform:translate3d(-900px,0,0)}.loginIndex .fb-btn{border:2px solid #d3dae9;color:#8fa1c7}.footer{position:fixed;width:100%;padding-bottom:10px;bottom:0;left:0;text-align:center;color:#a9a9a9;z-index:2;font-size:13px}.footer p{margin-top:5px}.footer p a{text-decoration:none}.footer a{color:#a9a9a9;text-decoration:underline}*,:after,:before{box-sizing:border-box;margin:0;padding:0}.sign-in{transition-timing-function:ease-out}.relogin{margin-top:20px;text-align:center;font-size:14px}.relogin a{color:#6a6767}.content.s--signup .sub-cont{transform:translate3d(-540px,0,0)}.content.s--signup .sign-up{transform:translateZ(0)}.content.s--signup .img__text.m--up{transform:translateX(520px)}.content.s--signup .img__text.m--in{transform:translateX(0)}.content.s--signup .img__btn span.m--in{transform:translateY(0)}.content.s--signup .img__btn span.m--up{transform:translateY(72px)}.content.s--signup .img:before{transform:translate3d(640px,0,0)}