#app{
	min-width: 1024px;
	min-height: 768px;
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}

.browser_tips{
	position: fixed; top: 0; left: 0;
	width: 100%; height: 32px;
	background-color: #659DF6;
	display: none;
}

.browser_tips span{
	font-size: 13px; line-height: 30px;
	margin: 0 13px; color: white; letter-spacing: 1px;
}
.browser_tips.en span{
	letter-spacing: 0;
}
.browser_tips .btn{
	padding: 3px 6px 4px; background-color: #366CC6; cursor: pointer;
}

.container{
	background-image: url(../images/login/login_di.png?t=202507091701);
	background-repeat: no-repeat;
	background-size: contain;
	width: 1024px;
	height: 768px;
}

#login_panel{
	box-shadow: #666 0px 0px 5px;
  width: 580px;
  height: 401px;
  background-color: #FFFFFF;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -220px;
  margin-left: -290px;
}

#login_panel .logo{
	height: 116px;
	text-align: center;
}
#login_panel .logo .logo_1{
	position: relative;
	background-size: contain;
	top: 13px;
	width: 337px;
	height: 85px;
}

#login_panel #login_box{
	height: 180px;
	text-align: center;
}

#login_panel #login_box .login_box1{
  background-image: url(../images/login/k_accounts.png?t=202507091701) !important;
  background-repeat: no-repeat;
  background-size: contain;
  position: relative;
  text-align: center;
  border: hidden;
  outline: medium;
  font-size: 16px;
  height: 40px;
  width: 390px;
  padding-left: 51px;
  left: 70px;
}

#login_panel #login_box .login_box1 .login_name{
	font-family: "Microsoft YaHei";
    font-size: 17px;
    height: 25px;
    width: 370px;
    position: relative;
    border: none;
    top: 8px;
    outline: medium;
    text-align: center;
    right: 1px;
    -webkit-box-shadow: 0 0 0px 1000px white inset;
}

#login_panel #login_box .login_box2{
  background-image: url(../images/login/k_lock.png?t=202507091701) !important;
  background-repeat: no-repeat;
  background-size: contain;
  position: relative;
  text-align: center;
  border: hidden;
  outline: medium;
  font-size: 16px;
  height: 40px;
  width: 390px;
  padding-left: 51px;
  left: 70px;
  top: 20px;
}

#login_panel #login_box .login_box2 .login_psw{
  font-family: "Microsoft YaHei";
  font-size: 17px;
  height: 25px;
  width: 370px;
  position: relative;
  border: none;
  top: 8px;
  outline: medium;
  text-align: center;
  right: 1px;
  -webkit-box-shadow: 0 0 0px 1000px white inset;
}

#login_panel #login_box .login_auto{
  width: 441px;
  height: 40px;
  background-color: #e9f9ff;
  position: relative;
  top: 45px;
  left: 70px;
}

#login_panel #login_box .login_auto .frame{
	margin-left: -315px;
	margin-top: 13px;
}

#login_panel #login_box .login_auto .frame_1{
	margin-left: -275px;
	margin-top: 14px;
}

.login_remeber{
	position: relative;
	font-family: "Microsoft YaHei";
	font-size: 19px;
	color: #4f8092;
  right: 155px;
  top: 2px;
}

#login_panel .login_enter{
	height: 105px;
}

#login_panel .login_enter .login_btn{
	position: relative;
	text-align: center;
	float: left;
	left: 120px;
	top:45px;
}

#login_panel .login_enter .login_code_qr{
	display: none;
	text-align: center;
	position: relative;
	float: right;
	cursor: pointer;
	right: 70px;
	bottom: 5px;
}

#login_panel .login_enter .login_btn .login_css{
	background-image: url(../images/login/btn_landing.png?t=202507091701);
	background-repeat: no-repeat;
	background-size: contain;
	border: none;
	position: relative;
	cursor: pointer;
	outline: medium;
	bottom: 35px;
	right: 50px;
	font-family: "Microsoft YaHei";
	font-size: 20px;
	color: #FFFFFF;
	width: 339px;
	height: 40px;
}
#login_panel .login_enter .login_btn .login_css:hover{
	background-image: url(../images/login/btn_landingh.png?t=202507091701);
	background-size: contain;
}

#login_panel .auth_code{
	background-image: url(../images/login/btn_key.png?t=202507091701);
	background-size: contain;
	display: none;
	position: relative;
	cursor: pointer;
	top: 23px;
	float: left;
	width: 174px;
	height: 32px;
}
#login_panel .auth_code:hover{
	background-image: url(../images/login/btn_keyh.png?t=202507091701);
	background-size: contain;
	display: none;
}

#login_panel .auth_code_1{
	background-image: url(../images/login/btn_keyh_en.png?t=202507091701);
	background-size: contain;
	display: none;
	position: relative;
	cursor: pointer;
	top: 23px;
	float: left;
	width: 174px;
	height: 32px;
}
#login_panel .auth_code_1:hover{
	background-image: url(../images/login/btn_keyh_enh.png?t=202507091701);
	background-size: contain;
	display: none;
}

#login_panel .login_by_ed{
	position: relative;
	background-color: #ADADAD;
	cursor: pointer;
	top: 23px;
	float: left;
	width: 174px;
	height: 32px;
	margin-left: 3px;
	border-radius: 2px;
	text-align: center;
}
#login_panel .login_by_ed:hover{
	background-color: #8C8989
}
#login_panel .login_by_ed .lbe_icon{
	display: inline-block;
	background-image: url(../images/login/hkedcity_logo_cut.png?t=202507091701);
	background-size: contain;
	background-repeat: no-repeat;
	width: 28px;
	height: 100%;
}
#login_panel .login_by_ed .lbe_txt{
	display: inline-block;
	vertical-align: top;
	line-height: 30px;
	color: white;
	font-size: 14px;
	letter-spacing: 2px;
}

#login_panel .logo_sub{
	background-image: url(../images/login/bg_gongsi_logo.png?t=202507091701);
	background-size: contain;
	position: relative;
	float: right;
	top: 15px;
	width: 128px;
	height: 41px;
}

#enter_code1{
	display: none;
}

#enter_code1 .close{
	background-image: url(../images/login/btn_popup_closed.png?t=202507091701);
	background-size: contain;
	background-repeat: no-repeat;
	cursor: pointer;
	position: relative;
  left: 310px;
  bottom: 190px;
  z-index: 1;
	width: 49px;
	height: 49px;
}
#enter_code1 .close:hover{
	background-image: url(../images/login/btn_popup_closedh.png?t=202507091701);
	background-size: contain;
}

#enter_code1 .e_panel{
	background-color:#ffffff;
	border: 5px solid rgba(46, 160, 239, 0.6);
	background-clip: padding-box;
	border-radius:8px 8px 8px 8px;
	position: absolute;
	margin-top: -110px;
  margin-left: -180px;
	width: 334px;
	height: 164px;
  top: 50%;
  left: 50%;
}

#enter_code1 .e_panel .text{
	position: relative;
	width: 334px;
	height: 45px;
}
#enter_code1 .e_panel .text span{
	position: relative;
	font-size: 16px;
	color: #000000;
	top: 15px;
	font-family: "Microsoft YaHei";
}

#enter_code1 .e_panel .code{
	position: relative;
	top: 4px;
	width: 334px;
	height: 49px;
}

#enter_code1 .e_panel .code .code2{
	background-color: #fafafa;
  border: 1px solid #c2c2c2;
	border-radius:4px 4px 4px 4px;
	position: relative;
	width: 250px;
	height: 39px;
}

#enter_code1 .e_panel .code .code2 .down_box{
	background-image: url(../images/login/drop_down.png?t=202507091701);
	background-size: contain;
	background-repeat: no-repeat;
	cursor: pointer;
	float: right;
	width: 32px;
	height: 41px;
	position: relative;
	bottom: 1px;
	left: 1px;
	z-index: 20;
}
#enter_code1 .e_panel .code .code2 .down_box2{
	background-image: url(../images/login/drop_up.png?t=202507091701);
	background-size: contain;
	background-repeat: no-repeat;
	display: none;
	float: right;
	cursor: pointer;
	width: 32px;
	height: 41px;
	position: relative;
	bottom: 1px;
	left: 1px;
	z-index: 20;
}

#enter_code1 .e_panel .code .code2 .qr_code{
	display: none;
	position: absolute;
	cursor: pointer;
	left: 260px;
}

#enter_code1 .e_panel .code .code2 .record{
	position: relative;
	display: none;
	width: 250px;
	height: 100px;
	z-index: 10;	
	bottom: 1px;
}
#enter_code1 .e_panel .code .code2 .record .list{
  width: 250px;
  height: 95px;
  overflow-y: auto;
  overflow-x: hidden;
  position: relative;
  background-color: #ffffff;
}

#enter_code1 .e_panel .code .code2 .record .list .row{
	cursor: pointer;
	width: 277px;
	height: 39px;
}

#enter_code1 .e_panel .code .code2 .record .list .row .record_code{
	cursor: pointer;
	position: relative;
	font-size: 14px;
  top: 10px;
}

#enter_code1 .e_panel .code .code2 .record .list .row .line{
	position: relative;
	top: 18px;
	border-bottom: 1px solid #cccccc; 
}

#enter_code1 .e_panel .code .code2 .login_code{
	background-color: #fafafa;
	font-family: "Microsoft YaHei";
  width: 230px;
  height: 25px;
  font-size: 13px;
  margin-left: 5px;
  position: absolute;
  top: 5px;
  outline:medium;
  border: none;
  float: left;
}

#enter_code1 .e_panel .bottom{
	width: 334px;
	height: 70px;
}

#enter_code1 .e_panel .bottom .left{
	float:left;
	position: relative;
}

#enter_code1 .e_panel .bottom .right{
	float: right;
}

#enter_code1 .e_panel .bottom .right .enter{
	border: 1px solid #c2c2c2;
	border-radius:4px 4px 4px 4px;
	background-color: #2ea0ef;
  position: absolute;
  border: none;
	font-size: 16px;
	font-family: "Microsoft YaHei";
	text-align: center;
	vertical-align: middle;
	display: table-cell;
	cursor:pointer;
  width: 70px;
  height: 32px;
  bottom: 16px;
  right: 10px;
}
#enter_code1 .e_panel .bottom .right .enter span{
	position: relative;
	color: #ffffff;
	top: 4px;
	line-height: 1;
}

#enter_code1 .e_panel .bottom .left .save_code{
	font-family: "Microsoft YaHei";
  position: relative;
  color: #000000;
  top: 5px;
  font-size: 13px;
}
#enter_code1 .e_panel .bottom .left .save_code .save1{
  position: relative;
  color: #767879;
  font-size: 12px;
  top: 2px;
}

#enter_code1 .e_panel .bottom .left .clear{
	position: relative;
  top: 17px;
  left: 3px;
  text-decoration:none;
	cursor: pointer;
  bottom: 4px;
  font-family: "Microsoft YaHei";
	color:#ff3f3f;
	font-size: 13px;
}

[v-cloak]{
	display: none;
}

.custom-checkbox input[type="checkbox"] {
  appearance: none;
  -webkit-appearance: none;
  outline: none;
  display: none
}

.custom-checkbox {
		overflow: hidden !important;
		-webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
		-webkit-tap-highlight-color: rgba(0, 0, 0, 0);	
    position: relative;
    cursor: pointer;
    right: 148px;
    top: 8px;
}

.custom-checkbox input[type="checkbox"] + i {
  width: 25px;
  height: 25px;
  background-size: 100% 100%;
  display: inline-block;
  margin-right: 12px;
	background-image: url(../images/login/gou_di@2x.png?t=202507091701);
}

.custom-checkbox input[type="checkbox"]:checked + i {
	background-image: url(../images/login/gou_dih@2x.png?t=202507091701);
}

.custom-checkbox2 input[type="checkbox"] {
  appearance: none;
  -webkit-appearance: none;
  outline: none;
  display: none
}

.custom-checkbox2 {
	overflow: hidden !important;
	-webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);	
  position: relative;
  cursor: pointer;
  left: 4px;
  top: 4px;
}

.custom-checkbox2 input[type="checkbox"] + i {
  width: 16px;
  height: 16px;
  background-size: 100% 100%;
  display: inline-block;
  margin-right: 1px;
  margin-bottom: -3px;
  background-image: url(../images/login/btn_tick_off@2x.png?t=202507091701);
  border: 1px solid #c2c2c2;
  border-radius: 3px;
}

.custom-checkbox2 input[type="checkbox"]:checked + i {
	width: 16px;
  height: 16px;
  border: 1px solid #ffffff;
	background-image: url(../images/login/btn_tick_offh@2x.png?t=202507091701);
}

.dialog{
  background-color: rgba(0,0,0,0);
  justify-content: center;
  align-items: center;
  position: absolute;
  display: flex;
  width: 100%;
  height: 100%;
  z-index: 9999;
  left: 0;
  top:0;  	
}

#login_panel .app-btns {
	display: flex; margin-top: 38px;
}
#login_panel .app-btns .app-btn {
	background-size: contain;
	background-repeat: no-repeat;
	width: 110px; height: 39px;
	margin-right: 10px;
	cursor: pointer;
}
#login_panel .app-btns .b-ios {
	background-image: url(../images/iepage/btn_app@2x.png?t=202507091701);
}
#login_panel .app-btns .b-ios:hover {
	background-image: url(../images/iepage/btn_apph@2x.png?t=202507091701);
}
#login_panel .app-btns .b-android {
	background-image: url(../images/iepage/btn_google@2x.png?t=202507091701);
	width: 135px; 
}
#login_panel .app-btns .b-android:hover {
	background-image: url(../images/iepage/btn_googleh@2x.png?t=202507091701);
}
#login_panel .app-btns .b-win {
	width: 120px; 
	background-image: url(../images/iepage/btn_windows@2x.png?t=202507091701);
}
#login_panel .app-btns .b-win:hover {
	background-image: url(../images/iepage/btn_windowsh@2x.png?t=202507091701);
}

#login_panel .app-btns .b-ios.en {
	width: 121px;
	background-image: url(../images/iepage/btn_app_en@2x.png?t=202507091701);
}
#login_panel .app-btns .b-ios.en:hover {
	background-image: url(../images/iepage/btn_apph_en@2x.png?t=202507091701);
}
#login_panel .app-btns .b-android.en {
	background-image: url(../images/iepage/btn_google_en@2x.png?t=202507091701);
}
#login_panel .app-btns .b-android.en:hover {
	background-image: url(../images/iepage/btn_googleh_en@2x.png?t=202507091701);
}
#login_panel .app-btns .b-win.en {
	width: 133px; 
	background-image: url(../images/iepage/btn_windows_en@2x.png?t=202507091701);
}
#login_panel .app-btns .b-win.en:hover {
	background-image: url(../images/iepage/btn_windowsh_en@2x.png?t=202507091701);
}