.mobile-dark{display:flex;flex-direction:column;height:100%;width:100%;background-color:#f5f5f5}.mobile-dark .header-wrap{background-size:cover;background-repeat:no-repeat;background-position:50%;position:relative}.mobile-dark .login-wrap{margin-top:-76px;display:flex;z-index:10;flex:1;background-color:rgba(0,0,0,.7);border-radius:20px 20px 0 0}.mobile-dark .login-wrap .login-box{display:flex;flex-direction:column;height:100%;width:100%}.mobile-dark .login-wrap .login-box .login-container{width:300px;margin:auto}.mobile-dark .login-wrap .login-box .selection{flex:0 0 74px;width:100%}.mobile-dark .login-wrap .login-box .selection .title{flex:0 0 120px;color:#fff;font-size:20px;line-height:74px;text-align:center;transition:color .2s ease-in}.mobile-dark .login-wrap .login-box .selection .title.active{color:var(--public-highlight,#f38844)}.mobile-dark .login-wrap .login-box .selection .title-indicator{position:absolute;width:120px;height:3px;background-color:var(--public-highlight,#f38844);left:0;bottom:20px;transition:left .2s ease-in}.mobile-dark .login-wrap .login-box .selection .title-indicator.right{left:180px}.mobile-dark .login-wrap .login-box .body{flex:1;background-color:#f1f1f1;border-radius:0 0 20px 20px;box-shadow:0 2px 6px #000;min-height:400px}.mobile-dark .login-wrap .login-box .body .language{position:absolute;bottom:20px;right:0;width:100%;text-align:center;color:#999;cursor:pointer;transition:color .15s ease-in;font-size:14px;font-weight:700}.mobile-dark .login-wrap .login-box .body .login-tab{position:absolute;top:20px;width:100%;bottom:40px;display:none}.mobile-dark .login-wrap .login-box .body .login-tab.active{display:block;animation:pane-move 1s}@keyframes pane-move{0%{opacity:0}to{opacity:1}}.mobile-dark .login-wrap .login-box .foot{flex:0 0 40px;text-align:center;color:#fff;font-size:14px;line-height:35px}