body.login .auth-block-tabs{display:flex;justify-content:space-between;margin-bottom:30px}body.login .auth-block-tabs span{text-align:center;display:block;width:100%;font-size:16px;font-weight:600;border-bottom:3px solid transparent;cursor:pointer;padding-bottom:7px;color:#737d9b}body.login .auth-block-tabs span.active{color:#77c026;border-bottom:3px solid #77c026}body.login .auth-block{margin:0 auto;max-width:700px}body.login .auth-logo{text-align:center;margin-top:35px;margin-bottom:35px}body.login .auth-block-right-box .custom-checkbox{margin:30px 0}body.login .auth-block-tab-2,body.login .auth-block-tab-forgot,body.login .create-save-phone-cancel{display:block!important}body.login .auth-block-right{padding:35px;background-color:#f7f8fa;height:100%;border-radius:20px;border:1px solid #e8e8e8}body.login .auth-block-right .auth-block-tab{height:0;overflow:hidden;opacity:0;transition:all .3s}body.login .auth-block-right .auth-block-tab .form-control{background:#fff}body.login .auth-block-right .auth-block-tab.show{height:auto;overflow:hidden;opacity:1;transition:all .3s}body.login .auth-block-right #error span{color:red;font-size:13px;margin:5px 0 2px;display:block}body.login .auth-block-left{padding:35px;height:100%;border-bottom-left-radius:20px;border-top-left-radius:20px;background:#f7f8fa}body.login .auth-block-left:before{content:"";position:absolute;top:5%;right:0;width:1px;height:90%;background:#e8e8e8}body.login .auth-block-tab .social{display:flex;align-items:center;flex-wrap:wrap;justify-content:center}body.login .auth-block-tab .social a{border-radius:10px;color:#000;height:40px;margin:0 10px 10px;padding:2px 14px;text-decoration:none!important;transition:all .3s;background:none!important;border:2px solid;width:100%;display:flex;align-items:center;justify-content:center}body.login .auth-block-tab .social a:hover{transition:all .3s}body.login .auth-block-tab .social a img{margin:0 6px 0 0;width:24px;height:24px}body.login .auth-block-tab .social a i{font-size:24px}body.login .auth-block-tab .social .facebook{border-color:#0078f6}body.login .auth-block-tab .social .google{border-color:#ea4335}body.login .button-style-custom,body.login .button-style-custom:hover{transition:all .3s}body.login .auth-block-right-box-tab-1-1,body.login .auth-block-right-box-tab-1-2,body.login .auth-block-right-box-tab-1-3{overflow:hidden;height:0;opacity:0;transition:all .3s}body.login .auth-block-right-box-tab-1-1.show,body.login .auth-block-right-box-tab-1-2.show,body.login .auth-block-right-box-tab-1-3.show{overflow:hidden;height:auto;opacity:1;transition:all .3s}body.login .auth-list{text-align:center}body.login .auth-list a{display:inline-flex;align-items:center;justify-content:center;cursor:pointer;margin:5px;padding:5px 0;border-radius:5px;width:110px;text-align:center}body.login .auth-list a i{font-size:25px}body.login .auth-list a:hover{box-shadow:0 4px 6px #00000012;color:#fff;text-decoration:none}body.login .auth-login,body.login .auth-phone{background-color:#ebebeb;color:#000}body.login .auth-recover-link{font-size:14px;cursor:pointer;display:inline-block}body.login .auth-agreement{font-size:13px;text-align:center;max-width:600px;margin:15px auto;padding:0 15px}body.login .auth-block-left-box h5{font-size:20px;margin-bottom:0}body.login .auth-block-left-box ul{list-style:none;padding:0}body.login .auth-block-left-box ul li{color:#fff;padding:0}body.login .auth-left-box-title{font-size:22px;margin-bottom:15px}body.login .auth-left-box-desc{margin-top:0}body.login .auth-block-right-box-tab-1-2-back{font-size:15px;margin-top:0;margin-bottom:10px}body.login .auth-block-right-box-tab-1-2-back span{cursor:pointer}body.login .auth-block-right-box-tab-1-2-back span svg{width:16px;margin-top:-2px}@media (max-width: 575px){body.login .auth-block-tab .social a{margin:0 0 10px}}@media (max-width: 360px){body.login .auth-block-right{padding:15px}}@media (max-width: 340px){body.login .auth-block-right{padding:6px}body.login .auth-block-tabs{flex-flow:column}body.login .auth-block-tabs span{margin-bottom:5px}body.login .auth-block-tab .social a{height:auto;padding:8px}body.login .auth-block-tab .social a img{height:20px;width:20px}body.login .auth-logo{margin-bottom:20px;margin-top:20px}.h-logo img{max-height:34px}body.login .auth-block-tabs span{width:80%;margin:0 auto}.login .container{padding:0 5px}}