html,body{
	background-color: #056fc3;
	font-size:10px;
	color: #dceffc;
}
.content-flex{
	display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
}
.login_bg_default_BG {
	background-image: none
}
.login_bg_default_top {
	/* background:none;
	align-items: flex-end; */
	margin-top: 0;
}
.login_bg_default {
	background-image: url(public/images/login_bg.jpg);
	background-size: cover;
   	background-position: center;
   	overflow: hidden;
}
.login_form_box .login_form_input {
	border-color: transparent;
	color: #fff;
}
.login_form_box input[type="text"]:hover, .login_form_box input[type="password"]:hover,
.login_form_box input[type="text"]:focus, .login_form_box input[type="password"]:focus {
    border: 1px solid #0091f9;
}
	
.login_text_ivs {
	width: 100%;
	height: 4rem;
	text-indent: 1em;
	background-color: #004a80;
	margin-bottom: 2rem;
}
.login_form_box input:-webkit-autofill,
.login_form_box textarea:-webkit-autofill,
.login_form_box select:-webkit-autofill {
	-webkit-box-shadow: 0 0 0 1000px #fff inset;
}
.login_bg_default_box{
	align-self: end;
    flex-shrink: 1;
	display: flex;
    flex-direction: column;
    align-items: center;
    margin-left: 4rem;
}

.error_tip{
	color: #ff3b30;
	width: 100%;
	word-break: break-word;
}
.error_tip a {
	color: #ff3b30 !important;
	text-decoration: underline;
}
.error_tip a:hover {
	text-decoration: none;
}
.error_tip label{
	margin-bottom: 1rem;
}
.logion-language{
	position: relative;
	margin-top: 10px;
	height: 50px;
}
.languageDiv{
    position: absolute;
    top: calc(50% - 12px);
    right: 2%;
}
.languageP {
	min-width: 8.6rem;
	max-width: 12rem;
	height: 16px;
    line-height: 16px;
	font-size: 12px;
	padding: 5px 0;
	padding-left: 10px;
	cursor: pointer;
}
.languageP:hover{
	font-size: 14px;
	color: #fff;
}
.op-list li{
    line-height: 1;
}
.op-list li:hover{
	background:#0091f9;
}
.op-list li.active{
    background-color: #0091f9;
    font-size: 12px;
}

/* foot产品信息 */
.login_bg_default_bottom {
    height: auto;
	display: block;
	left: calc(50% - 250px);
	width: 500px;
	text-align: center;
	min-height: 60px;
	align-self: center;
}

/* 左侧城市图片 */
.login_bg_default_left{
	width: 84rem;
    flex-shrink: 1;
    margin-left: -9rem;
}
.login_bg_default_left img{
	width: 100%;
	max-width: 1000px;
    min-width: 420px;
    height: 100%;
}
.privacyPolicy_under a {
	color: #fff;
	text-decoration: underline;
}
.privacyPolicy_under a:hover {
	text-decoration: none;
}
/* 右侧登录框 */
.login_right_box *{
	box-sizing: border-box;
}
.login_right_box {
	text-align: center;
	width: 40rem;
	overflow: hidden;
	margin-left: 5%;
}
.login_bg_default_logo {
	width: 90%;
	min-width: 275px;
	height: auto;
	margin-top:0 !important;
	margin-bottom: 2rem;
}
.login_form_box {
    width: 100%;
    height: 38.4rem;
    background: rgba(0,0,0,0.2) !important;
    border-radius: 2px;
    box-shadow: 0 0px 0px rgba(0,0,0,0.3);
}
.login_form_box>form{
	display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    height: 100%;
}
.login-detailDiv{
	width: 100%;
	height: 100%;
	position: relative;
	
}
.loginTab{
	width: 100%;
	display: flex;
    justify-content: space-between;
    font-size: 1.4rem;
}
.loginTab li {
	width: 50%;
	position: relative;
	cursor: pointer;
}
.loginTab li:hover{
	color: #fff;
}
.tab-active {
	color: #fff;
}
.loginTab-line{
	width: 70%;
    height: 1px;
    border-radius: 2px;
    background-color: #ffffff;
    position: absolute;
    top: 2.8rem;
}
.loginTab-line-person {
	display: none;
}
.normalLogin,.personLogin {
	width: 100%;
	height: 100%;
	position: absolute;
	padding-top: 1.2rem;
	margin-top: 0.8rem;
}
.personLogin {
	display: none;
}
.checkCodeDiv{
	width: 100%;
    height: 4rem;
}
.checkCodeDiv img {
    width: 11rem;
    height: 100%;
}
.login_form_input{
	height: 100% !important;
	background: transparent !important;
	padding: 0 5px !important;
	color: #fff;
}
.loginBtns{
    margin-top: 3rem;
    display: flex;
    align-items: center;
	width: 100%;
    height: 4rem;
    background: none;
}
.btn_fing{
	background: transparent;
    border: none;
}
.btn_fing_disabled{
    background: transparent;
    border: none;
}
.btn_fing_disabled img:hover{
	cursor: url(public/images/cur_disable.cur),no-drop;
}
.forget-pwd{
	display: inline-block;
    width: 16px;
    height: 16px;
    position: absolute;
    right: -1rem;
    top: 1.2rem;
}
.checkCodeDiv{
	display: flex;
	justify-content: space-between;
    align-items: center;
}
.login_form_box .login_form_button{
    font-size: 14px;
    font-weight: normal;
    background-color: #0091f9;
    border: none;
    color: #dceffc;
    width: 100%;
    height: 100%;
    min-height: 35px;
    border-radius: 4px;
    font-weight: bold;
}
.login_form_box .login_form_button:hover{
	background-color: rgba(0,145,249,.8);
}

.login_form_box .msgs {
	display: inline-block;
	width: 11rem;
	font-size: 12px;
	text-align: center;
	cursor: pointer;
	border-radius: 0;
}

@media (max-width: 1600px){
	.login_bg_default_top{
		margin-top: 2.5%;
	}
}
@media (max-width: 1440px){
	.login_form_box{
		height: 36.5rem;
	}
}
@media (max-width: 1366px){
	.login_bg_default_logo{
	    margin-bottom: 2rem;
	}
	.login_bg_default_top{
	    margin-top: 3% !important;
	}
	.login_bg_default_left{
		width: 65rem;
		margin-right: 0;
	}
	.login_right_box{
		width: 30rem;
	}
	.login_form_box{
		height: 28.5rem;
		padding: 9%;
	}
	.login_text_ivs,.checkCodeDiv{
		height: 3rem;
	}
	.login_text_ivs{
		margin-bottom: 5%;
	}
	.loginBtns{
		height: 3.5rem;
		margin-top: 2rem;
	}
	.forget-pwd{
		top: 0.75rem;
	}
}
.layui-layer {
    background-color: #004a80 !important;
    border-color: #5fd97a !important;
    color: #dceffc !important;
}
.layui-layer-darkblue .layui-layer-title {
	border-bottom: 1px solid #115586 !important;
    background-color: #004a80 !important;
}
.loading-object {
	background-color: #fff !important;
}
fieldset legend {
	background: #004a80;
	border: 1px solid #004a80;
	color: #dceffc !important;
}
fieldset {
	border: 1px solid rgba(0,145,249,.5) !important;
	box-shadow: inset 0 0 10px 0px rgba(0,0,0,.15);
	background: transparent;
}
.aButton,
.error-msg-info-box,
.licenseTableT td,
div.dhx_popup_dhx_web div.dhx_popup_area td.dhx_popup_td {
	color: #dceffc !important;
}
.version_details_box a, 
.version_details_box a:link {
	color: #dceffc;
	text-decoration: underline;
}
.version_details_box a:hover {
	text-decoration: none;
}
/* 消息提示框的样式 */
div.jbox .jbox-tip-color {
	background-color: #00375b;
	border-color: #0091f9;
	color: #dceffc;
}
div.jbox .jbox-title-panel {
	background: #004a80;
    border-bottom: 1px solid #316489;
    color: #dceffc;
}
div.jbox .jbox-container {
	background-color: #004a80;
    border: 1px solid #00375b;
    color: #dceffc;
}
div.jbox .jbox-close, div.jbox .jbox-close-hover {
	background-color: transparent;
}
div.dhx_popup_dhx_web div.dhx_popup_area {
	border: 1px solid #0091f9;
	background-color: #003b66;
}
.dhxwin_active div.dhxcombo_dhx_web,
.dhxwin_active input[type="text"], 
.dhxwin_active input[type="password"], 
.dhxwin_active select,
.tableStyle input,
.tableStyle select {
	background-color: #003b66;
    border: 1px solid transparent;
	color: #dceffc;
}
div.dhxcombolist_dhx_web div.dhxcombo_option,
div.dhxcombo_dhx_web input.dhxcombo_input {
	color: #dceffc;
}
div.dhxcombolist_dhx_web div.dhxcombo_option.dhxcombo_option_selected {
	background-color: #006bb9;
}
.tableStyle input:hover,
.tableStyle select:hover {
	background-color: #003b66;
}
.tableStyle input:focus {
	border: 1px solid #0091f9;
	box-shadow: 0 0 6px rgba(0,145,249,.8);
}
input[type="button"] {
	background-color: #F77400 !important;
}
.button-form,
div.jbox .jbox-button {
	background-color: #F2824C !important;
	color: #dceffc;
}
.button-form:hover,
input[type="button"]:hover,
div.jbox .jbox-button:hover {
	background-color: #ffa978 !important;
}
.button-cancel {
    background-color: transparent !important;
    border: 1px solid #dceffc !important;
}
.button-cancel:hover {
    background-color: transparent !important;
    border: 1px solid #f2824c !important;
    color: #f2824c;
}
div.dhxcombo_dhx_web div.dhxcombo_select_button, 
div.dhxcombo_dhx_web.dhxcombo_disabled div.dhxcombo_select_button,
.dhxcombo_select_img {
	background-color: transparent;
}
div.dhxcombolist_dhx_web {
	border: 1px solid #0091f9 !important;
	background-color: #003b66;
}

.license-regoff-box {
	background-color: transparent !important;
}
#privacyContent[disabled] {
	background-color: #166dab !important;
	border: 1px solid #166dab !important;
	color: #dceffc !important;
}
#forgetPwdForm input[disabled] {
	border: 1px solid transparent !important;
}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus {
	box-shadow: 0 0 0px 40px #003b66 inset !important;
	border: 1px solid #003b66 !important;
	-webkit-text-fill-color: #dceffc !important;
}

input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
.dhxwins_vp_dhx_web div.dhxwin_active div.dhx_cell_wins div.dhx_cell_cont_wins input:-webkit-autofill:hover,
.dhxwins_vp_dhx_web div.dhxwin_active div.dhx_cell_wins div.dhx_cell_cont_wins input:-webkit-autofill:focus {
	border: 1px solid #0091f9 !important;
}
/* chrome & safari 浏览器 */
/*滚动条整体部分,必须要设置*/
::-webkit-scrollbar {
	width: 10px;
	height: 10px;
	background-color: #152034;
	border-radius: 4px;
}

/*滚动条的滑块按钮*/
::-webkit-scrollbar-thumb {
	border-radius: 3px;
	box-shadow: inset 0 0 6px rgba(0,0,0,.3);
	background-color: #3f89bf;
}

/* 滚动条的轨道 */
::-webkit-scrollbar-track {
	box-shadow: inset 0 0 6px rgba(0,0,0,.3);
	background: #0b4d7d;
	border-radius: 3px;
}

/* IE 浏览器 */
body {
	/* 三角箭头的颜色 */
	scrollbar-arrow-color: #dceffc;
	/* 滚动条滑块按钮的颜色 */
	scrollbar-face-color: #3f89bf;
	/* 滚动条整体颜色 */
	scrollbar-highlight-color: #0a446e;
	/* 滚动条阴影 */
	scrollbar-shadow-color: #0a446e;
	/* 滚动条轨道颜色 */
	scrollbar-track-color: #0a446e;
	/* 滚动条3d亮色阴影边框的外观颜色——左边和上边的阴影色 */
	scrollbar-3dlight-color: #0a446e;
	/* 滚动条3d暗色阴影边框的外观颜色——右边和下边的阴影色 */
	scrollbar-darkshadow-color: #0a446e;
	/* 滚动条基准颜色 */
	scrollbar-base-color: #0a446e;
}

.login-protocol {
    display: flex;
    justify-content: flex-start;
    /*align-items: center;*/
    align-items: flex-start;
    padding-top: 10px;
}

.login-protocol a {
    color: rgb(0 145 249);
    font-weight: bold;
}

.login-protocol a:hover {
    color: rgba(18,133,235,1);
}

.login-protocol span {
    flex: 1;
    text-align: left;
    margin-left: 5px;
}

.login-protocol input {
    margin-top: 3px;
}

.login-protocol-shock {
    animation-delay: 0s;
    animation-name: loginShock;
    animation-duration: .1s;
    animation-iteration-count: 3;
    animation-direction: normal;
    animation-timing-function: linear;
}

@keyframes loginShock {
    0% {
        margin-left: 0px;
        margin-right: 5px;
        margin-top: 0px;
    }
    100% {
        margin-left: 5px;
        margin-right: 0px;
        margin-top: 5px	;
    }
}

.toolTip-box {
    position: absolute;
    background-color: #004a80;
    border: 1px solid #0091f9;
    border-radius: 4px;
    padding: 15px 20px 10px 20px;
}
.toolTip-box:before {
    content: '';
    position: absolute;
    top: -7px;
    left: 16px;
    width: 12px;
    height: 12px;
    background-color: #004a80;
    border: 1px solid #0091f9;
    border-bottom: none;
    border-right: none;
    rotate: 45deg;
}
.toolTip-box-close {
    display: inline-block;
    width: 12px;
    height: 12px;
    cursor: pointer;
    text-align: center;
    line-height: 12px;
    position: absolute;
    top: 5px;
    right: 5px;
}
.toolTip-box p {
    margin: 8px 0;
    text-align: center;
}
.toolTip-box-btns {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.toolTip-box-btns span {
    margin: 0 10px;
    color: #0091f9;
    text-decoration-line: underline;
    cursor: pointer;
}
.toolTip-box-btns span:hover {
    text-decoration-line: none;
    color: #0091f9;
}