.ng-hide:not(.ng-hide-animate) { display: none !important; } .ng-animate-shim { visibility: hidden; } .ng-anchor { position: absolute; } :focus { outline: none; } .iam-input-text, .iam-name-tooltip { -webkit-box-sizing: border-box; -moz-box-sizing: border-box } #hwidsdk_mudule_container { width: 100% } .iam-input-text { width: 100%; height: 48px; border-radius: 4px; border: 1px solid #c3c3c3; color: #666; background-color: #fff; padding: 2px 16px; box-sizing: border-box; outline: 0; vertical-align: middle } .iam-input-text:focus { border: 1px solid #000 } input:disabled { background-color: #CCC; box-shadow: none } .iam-input-text::-ms-clear, .iam-input-text::-ms-reveal { display: none } #loading { display: none } #content .widthLimit { display: -webkit-flex; display: flex; flex-direction: row; justify-content: center } #loginAdv { width: 800px; height: 438px; position: relative; } #email .loginFormDiv, #hwLoginDivId .loginFormDiv { width: 100% } #email .loginTypeDiv, #hwLoginDivId .loginTypeDiv { font-size: 24px; font-weight: 400; line-height: 32px; margin-bottom: 32px } #email .loginFormDiv .inputField, .inputField { margin-bottom: 24px } .zdjj{margin-bottom: 26px;} #email .loginFormDiv .pwdInputField, #hwLoginDivId .loginFormDiv .pwdInputField { position: relative } .pwdShowimg { top: 10px; right: 10px; width: 32px; height: 32px; position: absolute } .btn-primary { color: #fff; background-image: -webkit-gradient(linear,right top,left top,from(#0008ff),to(#0080ff)); background-image: -webkit-linear-gradient(right,#0008ff,#0080ff); background-image: linear-gradient(270deg,#0008ff,#0080ff); float: right; width: 100%; border: none; } .btn-primary:hover{ background-image: -webkit-gradient(linear,left top,right top,from(#0008ff),to(#0080ff)); background-image: -webkit-linear-gradient(left,#0008ff,#0080ff); background-image: linear-gradient(90deg,#0008ff,#0080ff); border: none; } .buttonAreaDiv { margin-top: 8px; width: 100% } .loginBtn { border-radius: 4px; color: #fff; cursor: default; width: 100% } .loginBtn:active, .loginBtn:focus, .loginBtn:hover { cursor: pointer; box-shadow: 0 8px 16px rgba(106, 114, 246, 0.3); outline: 0 } .loginBtn:hover { background: #D64A52 } .loginBtn:active, .loginBtn:focus { background: #B12220 } .loginBtn span,.loginBtn button, .loginBtnDisabled span,.loginBtnDisabled button{ vertical-align: middle; text-align: center; font-size: 16px !important; height: 44px; margin: 0 auto; display: block; color: #fff; line-height: 44px; border: none; width: 100%; border-radius:4px!important; background-image: -webkit-gradient(linear,right top,left top,from(#0008ff),to(#0080ff)); background-image: -webkit-linear-gradient(right,#0008ff,#0080ff); background-image: linear-gradient(270deg,#0008ff,#0080ff); } .loginBtnDisabled span{ background-image: -webkit-gradient(linear,right top,left top,from(#81a6c7),to(#81a6c7)); background-image: -webkit-linear-gradient(right,#81a6c7,#81a6c7); background-image: linear-gradient(90deg,#81a6c7,#81a6c7); border-radius: 4px; color: #fff; font-size: 16px !important; cursor: no-drop !important; width: 100%; } .captcha{float: left; width: 50%;} .group-appendimg img{ height: 46px; float: right; width: 46%; } .guobie { float: left; width: 35%; } .guobie .iam-input-text{border-bottom-right-radius: 0; border-top-right-radius: 0;} .gbjj .iam-input-text{border-bottom-left-radius: 0; border-top-left-radius: 0;margin-left: -1px;} .gbjj{display: flex;} .form-control { display: block; width: 100%; height: 48px; padding: 6px 12px; font-size: 14px; line-height: 1.42857143; color: #555; background-color: #fff; background-image: none; border: 1px solid #ccc; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%); box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%); -webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s,-webkit-box-shadow ease-in-out .15s; } .loginBtnDisabled:active, .loginBtnDisabled:focus, .loginBtnDisabled:hover { background-color: rgba(19, 2, 199, 0.3); box-shadow: none } #bottomBtns { margin-top: 32px; margin-bottom: 40px; font-size: 14px; color: #252B3A; display: flex; flex-direction: row; width: 100%; justify-content: space-between; } #bottomBtns .forgetPwdLink:hover, .closeImg, .learnMoreLink { color: #526ECC; cursor: pointer } .learnMoreLink { cursor: pointer; text-decoration: underline } #bottomBtns .forgetPwdLink,#bottomBtns .forgetPwdLink a, .otherLoginWays { color: rgba(0, 0, 0, .5) } #bottomBtns .forgetPwdLink a:hover,.otherLoginWays .otherItemDiv:hover { cursor: pointer; opacity: 1; color: #526ECC } .otherItemDiv a{} #quickLoginDiv .otherLoginWays, #hwLoginDivId .otherLoginWays { width: 100%; } #quickLoginDiv .otherLoginWays .otherLoginTip span, #hwLoginDivId .otherLoginWays .otherLoginTip span { background-color: #fff; padding: 0 12px; position: relative } .intervalDiv { color: #DDD; } .hwInterval { margin: 0 6px; } #quickLoginDiv .otherLoginWays .otherLoginTip, #hwLoginDivId .otherLoginWays .otherLoginTip { width: 100%; text-align: center; position: relative; line-height: 1; margin-bottom: 12px; display: block } #quickLoginDiv .otherLoginWays .otherLoginTip:before, #hwLoginDivId .otherLoginWays .otherLoginTip:before { content: ''; position: absolute; top: 50%; display: block; width: 100%; border-top: 1px solid #DDD } #hwLoginDivId .otherLoginWays.forMobile { display: none; } .privacyMsg span { color: #000; opacity: .5 } .errorMsgDiv { display: -webkit-flex; display: flex; flex-direction: row; justify-content: flex-start; align-items: flex-start; padding-top: 12px; padding-bottom: 12px; width: 100%; margin-bottom: 24px; background-color: #FFEEED; border: 1px solid #C7020B; border-radius: 4px } .errorMsgDiv img { width: 18px; height: 18px; margin: 1px 8px 0 16px } .errorMsgDiv .msgDiv { margin-right: 16px } .errorMsgDiv .msgDiv .msgContent { word-break: break-word } #verifyCode { display: -webkit-flex; display: flex; flex-direction: row; justify-content: space-between; align-items: center } #inputVerifyCodeImg { height: 40px } #validresultImg { top: 16px; right: 14px; position: absolute } .iam-name-tooltip { display: none; position: absolute; background-color: #fff; color: #000; padding: 24px 15px; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .2); border-radius: 4px; -ms-box-sizing: border-box; box-sizing: border-box; z-index: 5000; white-space: normal; word-wrap: break-word } .iam-name-tooltip a, .iam-name-tooltip a:hover { color: #526ECC } #hwLoginDivId, .hwLoginDivMask { width: 376px; display: -webkit-flex; background: #fff; border-radius: 4px; flex-direction: column; padding:44px } .hwLoginDivMask { height: calc(100% - 130px) } .iam-input-error { border-color: #FA2A2D; background-color: #FFEEED } .loginErrorMsg { line-height: 12px; font-size: 12px; margin-top: 4px; color: #FA2A2D } .loginErrorMsg img { width: 12px; vertical-align: bottom } .verifyCodeContainer { width: 100%; margin-bottom: 24px } .privacyMsg { margin-top: 22px; width: 100%; font-size: 12px; } .privacyMsgLink { color: #526ECC } .privacyMsgLink:hover { text-decoration: none; color: #526ECC } #hwLoginDivId .hwid-root { width: 100% } #hwLoginDivId .hwid-root .hwid-login-root.hwid-login-root-iframe .hwid-common-content { min-height: 0 } #hwLoginDivId>div.hwid-root>div>div:nth-child(1)>div>div:nth-child(2)>div.hwid-common-content>div.hwid-header-tab { padding-top: 48px } #hwLoginDivId .hwid-root .hwid-login-root.hwid-login-root-iframe .hwid-login-container { height: auto } .hwLoginDivMask .loadingImg { margin: auto } .inputClearIcon:hover, input:focus+.inputClearIcon { display: block } .zdlogin{position: absolute; left:50%; top:45%; transform: translate(-50%, -50%);} .loginDiv { background: #fff; border-radius: 4px; box-shadow: 2px 2px 20px 0 rgb(0 0 0 / 10%); } .QRLoginSwitchDiv { display: flex; flex-direction: row; align-items: center; justify-content: space-around; height: 65px; font-size: 18px; color: rgba(0, 0, 0, .5); cursor: pointer } .QRLoginSwitchDiv .QRLogin, .QRLoginSwitchDiv .accountLogin { flex-grow: 1; text-align: center; height: 100%; display: flex; align-items: center; justify-content: center } .QRLoginSwitchDiv .QRLogin div, .QRLoginSwitchDiv .accountLogin div { height: calc(100% - 5px); display: flex; align-items: center; border-bottom: 3px solid transparent; border-top: 3px solid transparent } .QRLoginSwitchDiv .intervalDiv { height: 20px; border-right: 1px solid #DFE1E6 } .QRLoginSwitchDiv div.selectedType { border-bottom: 3px solid #252B3A; color: #252B3A } #QRLoginDiv { background-color: #fff; color: #DFE1E6; font-size: 14px; border-color: rgba(228, 228, 228, 1); border-radius: 4px; display: flex; width: 376px; flex-direction: column; justify-content: space-between; align-items: center; padding-left: 44px; padding-right: 44px; height: 90%; } .loginQRCodeDiv { width: 260px; padding: 20px } .QRCodeInner { position: absolute; top: 0; left: 0; color: #FFF; height: 300px; width: 300px; background: rgba(7, 7, 7, .6) } #countDownDiv { text-align: center; color: #252B3A; font-size: 14px; margin-top: 50px; height: 20px } .remainingTimeTxt { color: #F66F6A } #QRLoginBottomDiv { height: 14px; line-height: 14px; font-size: 14px; margin-bottom: 50px; margin-top: 34px; } #QRLoginBottomDiv .intervalDiv { display: inline; margin: 0 10px } .QRLoginBottomColor { font-size: 14px; color: rgba(0, 0, 0, .5) } .QRLoginBottomColor:active, .QRLoginBottomColor:focus, .QRLoginBottomColor:hover { color: #526ECC; text-decoration: none } .QRCodeInvalid { font-size: 16px; text-align: center; margin-bottom: 10px; margin-top: 110px } #refreshQRCodeBtn { width: 92px; margin: 0 auto; height: 40px } #refreshQRCodeBtn span { line-height: 40px } .loginStatusDiv { text-align: center; display: flex; flex-direction: column; align-items: center; justify-content: center; flex: 1 } .loginStatusImg { height: 64px; width: 64px; margin-bottom: 32px } .loginStatusTitle { color: #252B3A; font-size: 18px; font-weight: 500; margin-bottom: 12px; line-height: 26px } .loginStatusMessage { color: #575D6C; font-size: 14px; line-height: 18px } .loginStatusMessage a { color: #526ECC } #quickLoginDiv { width: 376px; display: -webkit-flex; display: flex; align-items: center; background: #fff; border-radius: 4px; flex-direction: column; padding: 32px 44px; color: rgba(0, 0, 0, .5); height: auto; } #quickLoginDiv .loginTypeDiv { font-size: 24px; font-weight: 400; line-height: 32px; margin-bottom: 24px; margin-top: 16px; color: rgba(51, 51, 51, 1); } #quickLoginDiv .quickLoginForm { display: flex; flex-direction: column; align-items: center; width: 100%; } #quickLoginDiv .loginTip { font-size: 14px; font-weight: 400; width: 100%; } #quickLoginDiv .inputField { width: 100%; margin-top: 24px; display: flex; align-items: center; justify-content: space-between; border: 1px solid #c3c3c3; border-radius: 4px; position: relative; } #quickLoginDiv .inputField .iam-input-text { flex: 1; } #quickLoginDiv .quickLoginCode { border: 1px solid #c3c3c3; border-radius: 4px; height: 48px; width: 100%; display: flex; align-items: center; justify-content: space-between; margin-top: 24px; } #quickLoginDiv .iam-input-text { border: none; width: unset; flex: 1; } #quickLoginDiv .quickLoginCode .quickLoginCodeBtn { font-size: 14px; color: rgba(82, 110, 204, 1); margin-right: 16px; cursor: pointer; } #quickLoginDiv .quickLoginCode .quickLoginCodeBtnDisabled { color: rgba(82, 110, 204, 0.5); cursor: not-allowed; } #quickLoginDiv .quickLoginCodeFocused, #quickLoginDiv .inputFieldFocused { border: 1px solid #000; } #quickLoginDiv .quickLoginType { width: 100%; margin-top: 24px; } #quickLoginDiv .quickLoginType span { cursor: pointer; font-size: 14px; color: #526ecc; line-height: 18px; } #quickLoginDiv #quickLoginBtn { margin-top: 24px; } #quickLoginDiv .selectUsersTitle { font-size: 24px; font-weight: 400; color: #333333; line-height: 32px; margin-top: 16px; } #quickLoginDiv .selectUsers { width: 100%; } #quickLoginDiv .userOptionsContainer { border: 1px solid #cccccc; border-radius: 4px; max-height: 120px; overflow: auto; margin-top: 24px; margin-bottom: 32px } #quickLoginDiv .userOptionDiv { height: 40px; line-height: 40px; display: flex; align-items: center; justify-content: space-between; } #quickLoginDiv .userOptionDiv:hover { background: #e6e6e6; } #quickLoginDiv .quickLoginError { width: 100%; } .option-label { height: 18px; line-height: 18px; font-size: 14px; color: #000000; margin-left: 15px; } .right-arrow { display: inline-block; position: relative; width: 15px; height: 10px; margin-left: 10px; cursor: pointer; } .right-arrow::after { display: inline-block; content: " "; height: 12px; width: 12px; border-width: 0px 0px 1px 1px; border-color: rgba(0, 0, 0, 1); border-style: solid; transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0); position: absolute; top: 50%; right: 6px; margin-top: -9px; } #quickLoginDiv .inputField .input-icon-right { display: flex; margin-right: 20px; } #quickLoginDiv .inputField .icon-clear:hover, #quickLoginDiv .inputFieldFocused .icon-clear { display: block; } #quickLoginDiv .users-dropdown { background-color: rgba(255, 255, 255, 1); position: absolute; top: 50px; left: -1px; width: 101%; box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.10); } #quickLoginDiv .users-dropdown-option { display: flex; justify-content: space-between; align-items: center; width: 100%; font-size: 14px; height: 40px; line-height: 40px; } #quickLoginDiv .users-dropdown-option:hover { background: #e6e6e6; } #quickLoginDiv .iam-input-error { border-color: #FA2A2D; background-color: #FFEEED } #quickLoginDiv .iam-input-error .iam-input-text { background-color: #FFEEED } #quickLoginDiv .registerDiv { margin-top: 32px; } #quickLoginDiv .registerDiv:hover { cursor: pointer; opacity: 1; color: #526ECC } .otherLoginWays { max-width: 100%; } #idp-login-container { width: 376px; display: -webkit-flex; display: flex; align-items: center; background: #fff; border-radius: 4px; flex-direction: column; padding: 32px 44px; } #idp-login-container .idp-login-title { font-size: 24px; font-weight: 400; line-height: 32px; } #idp-login-container .idp-account-container { margin-top: 32px; } #idp-login-container .idp-dropdown-container { margin-top: 24px; } #idp-login-container .inputField { width: 100%; } #idp-login-container #idpLoginBtn { margin-top: 24px; } #idp-login-container .idp-dropdown-container { color: #666; } #idp-login-container .otherLoginWaysContainer { margin-top: 42%; } #idpCheckArea { margin-top: 24px; width: 100%; text-align: right; color: rgba(0, 0, 0, .5); } #iamCheckArea { align-self: flex-end; cursor: pointer; color: #c7020b; } .checkArea input { display: none; } .checkArea label { display: inline-block; width: 15px; height: 15px; border-radius: 2px; border: 1px solid #DFE1E6; position: relative; cursor: pointer; margin-bottom: -3px; margin-right: 8px; } .checkArea label::before { display: inline-block; content: " "; width: 7px; border: 2px solid #fff; height: 4px; border-top: none; border-right: none; transform: rotate(-45deg); top: 3px; left: 3px; position: absolute; opacity: 0; } .checkArea input:checked+label { background: #526ECC; border: 1px solid #526ECC; } .checkArea input:checked+label::before { opacity: 1; transform: all 0.5s; } .allow_login_phone_captcha .input-group-append,.allow_login_code_captcha .input-group-append{ height: 46px; padding-left: 15px; } .allow_login_phone_captcha .input-group-append img,.allow_login_code_captcha .input-group-append img{ width: 100%; } .allow_login_email_captcha .input-group-append, .allow_login_code_captcha .input-group-append{ height: 46px; padding-left: 15px; } .allow_login_email_captcha .input-group-append img, .allow_login_code_captcha .input-group-append img{ width: 100%; } @media (max-width:1100px) { #content, body, html { margin: 0; padding: 0; min-width: 0 } } @media (max-width:768px) { #loginAdv, .QRLoginSwitchDiv { height: 45px; font-size: 14px; } .zdlogin { position: unset; left: 0; top: 0; transform: none; } .form-group.allow_login_phone_captcha{ width: calc(100% - 30px); margin-right: 15px; margin-left: 15px; } .form-group.allow_login_email_captcha{ width: calc(100% - 30px); margin-right: 15px; margin-left: 15px; } #content { background: 0 0 !important; } #content .widthLimit { width: 100%; max-width: 500px; margin-left: auto; margin-right: auto } #email, #hwLoginDivId { width: 100%; box-shadow: none } #hwLoginDivId, .hwLoginDivMask { padding: 0 0px; width: auto; } } @media(max-height:770px) { #loginAdv { margin-top: 40px; } .loginDiv { margin-top: 40px; } } @media(max-height:700px) { body { display: block; } } @media(max-width:500px) { .loginDiv { margin-top: 0px; width: 100%; height: 700px; box-shadow:none; } #email, .hwLoginDivMask, #hwLoginDivId #phone { margin-top: 40px; width: 100%; padding: 0; } .hwLoginDivMask { position: fixed; top: 0; left: 0; margin: 0; z-index: 10000 } #loginAdv, #email .otherLoginWays .otherLoginTip { display: none } #content, body, html { height: 100%; margin: 0; padding: 0; min-width: 0 } #email .loginTypeDiv { margin-top: 40px } .errorMsgDiv { justify-content: center; background-color: #fff; border: 0 solid #C7020B; color: #FA2A2D; margin-bottom: 0 } .iam-input-text { border-bottom: 1px solid rgba(0, 0, 0, .2) } .iam-input-text, .iam-input-text:focus { border-top-width: 0; border-left-width: 0; border-right-width: 0; -webkit-box-shadow: 0 0 0 0 #f6f6f6 inset; box-shadow: 0 0 0 0 #f6f6f6 inset; border-radius: 0; padding: 2px } .iam-input-text::placeholder { color: rgba(24, 24, 26, .6) } .inputField .iam-input-text { border-radius: 0 } #footer { background-color: #eeefef } .iam-name-tooltip { padding: 2px 0 0 2px; box-shadow: 0 0 0 0 rgba(0, 0, 0, .2); border-radius: 0; position: unset; color: rgba(96, 97, 98, 1) } .verifyCodeContainer #verifyCode { border-bottom: 1px solid #c3c3c3; width: calc(100% - 30px) } #email .verifyCodeContainer .verifyCodeFocused { border-bottom-color: #000 } .verifyCodeContainer #verifyCode input { border-width: 0 } .pwdShowimg { top: 16px; width: 20px; height: 20px } #email .loginFormDiv .inputField, .inputField { margin-bottom: 15px } .zdjj{margin-bottom: 17px;} .H5ErrorMaskDiv { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #000; z-index: 1001; -moz-opacity: .7; opacity: .7; filter: alpha(opacity=70) } .H5ErrorDiv { position: absolute; bottom: 0; left: 0; width: calc(100% - 60px); padding: 10px 20px; margin: 10px; background-color: #fff; border-radius: 10px; z-index: 1002; overflow: auto } #h5BottomBtns { margin-bottom: 32px; margin-top: 12px; margin-left: 15px; font-size: 14px; width: 100%; color: #526ECC } #email .otherLoginWays { color: #526ECC; flex-direction: column; justify-content: flex-end; flex: 1; margin-top: 50px } #email .otherLoginWays #hwAccountLinkDiv { margin-bottom: 24px; margin-top: 50px; text-align: center } #hwLoginDivId #phone{ margin-top: 40px; width: auto; } .otherLoginWaysContainer .otherLoginWays .otherLoginTip, .otherLoginWays .otherLoginTip { width: 100%; text-align: center; position: relative; line-height: 1; margin-bottom: 12px; display: block } .otherLoginWaysContainer .otherLoginWays .otherLoginTip:before, .otherLoginWays .otherLoginTip:before { content: ''; position: absolute; top: 50%; display: block; width: 100%; border-top: 1px solid #DDD } #email .loginFormDiv, .buttonAreaDiv, #hwLoginDivId .loginFormDiv { width: calc(100% - 30px); margin-right: 15px; margin-left: 15px } .otherLoginWaysContainer .otherLoginWays .otherLoginTip span, .otherLoginWays .otherLoginTip span { background-color: #fff; padding: 0 7px; position: relative } .otherLoginWaysContainer .otherLoginWays .otherLoginColor, .otherLoginWays .otherLoginColor { color: #526ECC } .privacyMsg { margin-top: 22px; } .loginBtn span, .loginBtnDisabled span { height: 44px; line-height: 44px; font-size: 16px !important } .intervalDiv { color: #DDD } #content .widthLimit { height: calc(90%); overflow-x: hidden } #h5BottomBtns .forgetPwdLink { margin-left: 15px } #content:after { padding-top: 0 } #quickLoginDiv { padding: 24px 16px; width: auto; height: calc(100% - 158px); } #quickLoginDiv .quickLoginCode, #quickLoginDiv .inputField { border-top: none; border-left: none; border-right: none; border-radius: 0px; } .h5-dropdown-container { position: fixed; bottom: 0; left: 0; width: 100%; height: 100%; z-index: 1; background-color: rgba(0, 0, 0, .2); display: flex; flex-direction: column-reverse } .h5-dropdown-content { width: calc(100% - 70px); margin: 0 15px 15px; padding: 20px; background-color: #fff; border-radius: 16px } .h5-dropdown-title { font-size: 20px; line-height: 28px; height: 58px; font-weight: 600 } .h5-option-div { display: flex; height: 48px; justify-content: space-between; align-items: center; border-bottom: 1px solid #ADB0B8 } .h5-option-name { font-size: 16px; overflow: hidden; text-overflow: ellipsis; max-width: calc(100% - 30px); } .h5-option-button { width: 18px; height: 18px; border: 1px solid #526ECC; vertical-align: middle; border-radius: 50% } .h5-option-button-checked { padding: 5px; width: 9px; height: 9px; background-color: #526ECC; background-clip: content-box } .h5-dropdown-buttons { display: flex; justify-content: space-around; } .h5-dropdown-cancel { text-align: center; font-size: 16px; line-height: 22px; margin-top: 36px; } .h5-dropdown-ok { text-align: center; font-size: 16px; line-height: 22px; margin-top: 36px; color: #526ECC } #idp-login-container { width: auto; padding: 32px 16px; } #idp-login-container .dropdown { border-width: 0 0 1px 0; border-radius: 0; } #idp-login-container .dropbtn .dropbtn-txt { padding-left: 1px; } #idp-login-container .dropbtn .dropbtn-arrow { padding-right: 1px; } #idp-login-container .h5-dropdown-buttons { display: flex; } #idp-login-container .otherLoginWaysContainer { width: calc(100% - 32px); position: fixed; bottom: 16px; } #idp-login-container .otherLoginWaysContainer .otherLoginWays { display: flex; flex-wrap: wrap; justify-content: space-around; } #bottomBtns { width: calc(100% - 30px); margin-left: 18px; } #bottomBtns .forgetPwdLink { color: #526ECC; } } input, textarea { -webkit-appearance: none } body, html { -webkit-text-size-adjust: 100%; -webkit-tap-highlight-color: transparent } .hwInterval { margin: 0 1px; } #quickLoginDiv .otherLoginWays{ width: 100%; display: flex; flex-wrap: wrap; justify-content: flex-start; } @media(max-width:500px) { #hwLoginDivId .otherLoginWays.forPc { display: none; } #hwLoginDivId .otherLoginWays.forMobile { width: 100%; display: flex; flex-wrap: wrap; justify-content: flex-start; } #hwLoginDivId .otherLoginWays.forMobile .loginLinkFirstLayer { width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between; } #hwLoginDivId .otherLoginWays.forMobile .loginLinkSecondLayer { width: 100%; display: flex; flex-wrap: wrap; justify-content: space-around; } } .logo.text-center img{width:50%;} .list-inline-item .icon { width: 2.5rem; height: 2.5rem; } .social-list-item { border: none; } .input-group-prepend { width: 100px; } .allow_login_code_captcha{display:none;} .auth-full-bg .bg-overlay { background: url(/themes/clientarea/default/assets_custom/img/new-background.jpg)no-repeat left top / 100% 1400px; background-size: cover; opacity:1; } @media(max-width:768px) { .allow_login_code_captcha{display:none;padding: 0 15px;} }