.login-box,.login-form .icon{align-items:center;display:flex}.cancel .text p,.login-form .text p,.login-form .title,.login-form h2,.success{text-align:center}body,html{height:100%;min-height:700px}.login-box{background:url(../images/login-bg.png) no-repeat;background-size:100% 100%;height:calc(100% - 64px);min-height:700px;justify-content:center;flex-direction:column}.login-form{position:relative;border-radius:4px;width:540px;padding:40px 60px}.sl_content .login-form{margin:0;width:330px;padding:0}.login-form .title{width:100%;font-weight:700;font-size:24px}.login-form .icon{width:100%;justify-content:center;margin-top:48px}.login-form .icon a{border:1px solid #bcc3ca;border-radius:50%;width:56px;height:56px;text-align:center;line-height:61px;margin:0 20px}.login-form .icon a .iconSymbol{font-size:24px}.login-form .or{display:flex;width:100%;align-items:center;justify-content:flex-start;margin-top:20px;margin-bottom:20px}.login-form .or em{flex:1;height:1px;background:#eee}.login-form .or span{padding:0 10px;color:#4E5969;font-weight:200;font-size:16px}.login-form .form-group{position:relative;width:100%;margin-top:40px;margin-bottom:0}.sl_content .login-form .form-group{margin:0}.login-form .form-check-input{position:unset;align-items:center;margin:0 3px 0 0}.login-form .form-check{margin-top:20px;display:flex}.clear_input,.eye,.eye1,.form-group p.warn{display:none}.login-form .form-group.one{padding-top:20px}.form-group p{position:absolute;margin:0;font-size:12px!important;color:#F56C6C!important}.form-group .eye{background:url(../images/icon-yc.png);background-size:100% 100%;width:16px;height:16px;position:absolute;right:12px;top:16px}.form-group .eye1{background:url(../images/icon-sw.png);background-size:100% 100%;width:17px;height:14px;position:absolute;right:12px;top:16px}.form-group .active1{background:url(../images/icon-sw.png);background-size:100% 100%}.form-group .clear_input{background:url(../images/icon-cl.png);background-size:100% 100%;width:16px;height:16px;position:absolute;right:10px;top:16px}.login-form .form-group label{margin:0;color:#86909C;font-size:12px}.login-form .form-group label.form-check-label{color:#4E5969}.login-form .form-group .form-control{font-weight:400;font-size:16px;color:#1D2129;height:48px;line-height:20px;padding:0;border:0;border-radius:0;background:0 0;border-bottom:1px solid #eee}.login-form .form-group input::placeholder{font-family:Montserrat-ExtraLight-5;letter-spacing:1px;font-weight:100;font-size:12px;color:#C0C8D}.login-form .form-group .form-control:focus{outline:0;box-shadow:none;border-bottom:1px solid rgba(0,123,223,1)}.login-form .btn{height:46px;width:100%;margin-top:20px}.login-form .text{width:100%;font-size:13px;margin-top:12px}.login-form .text p{margin:0}.login-form .text a{color:#007BDF;font-weight:700;font-size:13px}.login-form button.btn{font-weight:700;background:#096AED;border-radius:8px;padding:10px;margin-top:40px;font-size:14px}input.form-control::placeholder{color:#C9CDD4}.login-form h2{font-size:32px;font-weight:700;color:#1D2129;margin-top:60px}.login-box .cancel{justify-content:unset}.success img{width:150px;margin-bottom:24px}.success p{font-size:16px;font-weight:400;color:#1D2129;margin-bottom:28px}.success p.bom{color:rgba(78,89,105,1);font-size:14px}.success a{font-size:14px;color:#007BDF}.login-form .step{margin-bottom:50px}.login-box .step2,.login-box .step4{justify-content:center}.success h3{font-size:28px;font-weight:600;color:#1D2129;margin-bottom:28px}.login-form .success .btn{width:180px}.login-form .blue{background:#A7D8FF;border:none}.tips{position:absolute;top:0;background:#007BDF;border-radius:4px;font-size:12px;padding:10px 15px;color:#fff}.lists a{width:480px;position:relative;display:flex;height:60px;padding:20px 0 20px 48px;margin:0 0 12px;border-radius:12px;border:1px solid rgba(201,205,212,1);color:rgba(29,33,41,1);font-size:14px}.lists a.fb::before,.lists a.gg::before,.lists a::after{content:' ';position:absolute;top:0;height:60px}.lists a:hover{box-shadow:0 0 12px 0 #1d212926}.lists a.gg::before{left:20px;width:20px;background:url(../images/icon-g.png) center no-repeat}.lists a.fb::before{left:20px;width:20px;background:url(../images/icon-f.png) center no-repeat}.lists a::after{right:20px;width:14px;background:url(../images/icon-r.png) center no-repeat}[lang=ar] .form-group .clear_input{right:auto;left:10px}[lang=ar] .login-form .form-check-input{margin:0 0 0 3px}[lang=ar] .form-group .eye{right:auto;left:12px}[lang=ar] .login-form .form-group label{float:right}@media (max-width:1023px){.login-box{height:calc(100% - 42px)}}@media (max-width:720px){.login-form,.login-form h2{margin-top:0}.login-form{width:92%;height:auto}.lists a{width:100%}}@media (max-width:520px){body{background:#fff}.login-form{width:100%;padding:0;background-color:#fff0}.login-box{padding:0 20px}.header .logo img{height:26px}.login-form .icon a{margin:0 7px}.login-form .or em{background:#C9CDD4}.login-form h2{font-size:24px}.login-form .step{margin-bottom:30px}.login-box .cancel{justify-content:center}}