.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;
		top: -50px;
	    position: relative;
	}

	#email {
		width: 376px;
		display: -webkit-flex;
		display: flex;
		background: #fff;
		border-radius: 4px;
		flex-direction: column;
	}

	#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;
    margin-left: 15px;
    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: 48px;
		margin: 0 auto;
		display: block;
		color: #fff;
		line-height: 48px;
		border: none;
		width: 100%;
		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: 30%;
}
.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
	}
#phone,#email{width: 100%;}
	#hwlogindivid,
	.hwlogindivmask {
		width: 376px;
		display: -webkit-flex;
		display: flex;
		align-items: center;
		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;
		border-bottom: 1px solid #dfe1e6;
		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%;
	}

	.dropdown {
		font-size: 14px;
		position: relative;
		display: inline-block;
		border: 1px solid #adb0b8;
		width: calc(100% - 2px);
		border-radius: 4px;
	}

	.dropdown:focus {
		border: 1px solid #000000
	}

	.dropbtn {
		cursor: pointer;
		height: 48px;
		line-height: 48px;
		width: 100%;
		display: flex;
		justify-content: space-between
	}

	.dropbtn .dropbtn-txt {
		padding-left: 10px;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}

	.dropbtn .dropbtn-arrow {
		padding-right: 10px;
		font-size: 12px
	}

	.dropbtn .dropbtn-arrow img {
		width: 16px;
	}

	.dropdown-content {
		position: absolute;
		left: -1px;
		background-color: #fff;
		width: 100%;
		max-height: 200px;
		overflow: auto;
		border-left: 1px solid #cccccc;
		border-right: 1px solid #cccccc;
		border-bottom: 1px solid #cccccc;
		z-index: 2
	}

	.dropdown-content div {
		height: 40px;
		line-height: 40px;
		color: #666;
		padding-left: 10px;
		width: calc(100% - 10px);
		display: block;
		cursor: pointer;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}

	.dropdown-content div:hover {
		background-color: rgba(199, 0, 11, .05);
		color: #0008ff;
	}

	.dropdown-content .dropdown-splitline {
		width: calc(100% - 10px);
		height: 1px;
		background-color: #dfe1e6
	}

	.dropdown-content .dropdown-option-selected {
		background-color: #f66f6a !important;
		color: rgb(255, 255, 255) !important;
		display: flex;
		align-items: center;
		justify-content: space-between;
	}

	.dropdown-content .dropdown-option-selected img {
		height: 16px;
		margin-right: 16px;
	}

	.dropdown-disable:focus {
		border: 1px solid #adb0b8;
	}

	.dropdown-disable {
		background-color: #f3f3f3;
	}

	.dropdown-disable .dropbtn-txt {
		color: #999;
	}

	#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%;
	}
	@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: absolute;
    left: 0;
    top: 60px;
    transform: none;
}
	.form-group.allow_login_phone_captcha{
		    width: calc(100% - 30px);
		    margin-right: 15px;
		    margin-left: 15px;
	}
		#content {
			background: 0 0 !important;
		}

		#content .widthlimit {
			width: 100%;
			margin-left: auto;
			margin-right: auto
		}

		#email,
		#hwlogindivid {
			box-shadow: none
		}

		#hwlogindivid,
		.hwlogindivmask {
			margin-top: 20px;
			padding-bottom: 64px
		}
	}

	@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: 500px;
			box-shadow:none;
		}

		#email,
		.hwlogindivmask,
		#hwlogindivid {
			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 {
			margin-top: 40px;
			padding: 0 15px;
			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);
		}

		#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: no-repeat left top / 100% 1400px;
		background-size: cover;
		opacity:1;
	}
	@media(max-width:768px) {
		.allow_login_code_captcha{display:none;padding: 0 15px;}
	}