.login2{position:absolute;display:block;background-color:#fff;height:100%;width:100%}.login2-wrap{width:320px;position:absolute;top:50%;left:50%;margin:0 -50% 0 auto;transform:translate(-50%,-50%)}.active-phone:before{transform:translateX(100%)}.card-title{margin-bottom:36px;font-weight:600}.card-header{display:flex;align-items:center;justify-content:space-between;width:384px;height:56px;margin-bottom:36px;background-color:#f5f6f9;border-radius:5px;position:relative}.card-header:before{content:"";position:absolute;top:10%;left:6px;width:186px;height:44px;border-radius:4px;background-color:#fff;box-shadow:0 3px 10px 0 rgba(94,98,120,.1);transition:all .3s;z-index:1}.card-header-title{display:flex;justify-content:center;align-items:center;height:100%;width:186px;font-weight:600;font-size:16px;z-index:2;cursor:pointer}.card label{display:inline-block;font-weight:600}.card input{margin-bottom:24px;padding:16px 20px}.card button{width:100%;margin-top:20px;background-color:#4c67f7;color:#fff;border-radius:5px;border:none;padding:15px 0;transition:all .3s;position:relative;z-index:2}.card button:before{content:"";position:absolute;top:1px;left:1px;width:0;height:96%;background-color:#fff;border-radius:5px;transition:all .5s;z-index:-1}.card button:hover{color:#4c67f7}.card button:hover:before{width:99.5%}@media(min-width:575.98px){.login2-wrap{width:384px}}