:root{
	--login-bg: rgba(0, 0, 0, .3);
	--login-bg-white: #fff;
	--login-bg-blue: #358dff;
	--login-bg-blue-03: #03408e;
	--login-bg-blue-18: #1859bd;
	--login-bg-blue-35-21: #358dff21;
	--login-shadow: rgba(0, 0, 0, .25);
	--login-color: #000;
	--login-color-white: #fff;
	--login-color-d: #ddd;
	--login-color-c8: #c8c8c8;
	--login-color-red: #ff492b;
	--login-size-16: 16px;
	--login-size-28: 28px;
}

.login_pop{visibility: hidden; opacity: 0; display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; background-color: var(--login-bg); position: fixed; left: 0; top: 0; z-index: 100003; transition: all .3s;}
.login_pop.on{visibility: visible; opacity: 1}
.login_pop *{box-sizing: border-box; font-family: '微软雅黑'; color: var(--login-color);}
.login_pop .img{line-height: 0;}
.login_pop .login_pop_box{display: flex; max-width: 92%; max-height: 92%; width: 1236px; height: max-content; background-color: var(--login-bg-white); border-radius: 20px; box-shadow: 12px 25px 35px var(--login-shadow); position: relative;}
.login_pop .login_pop_box > .img{width: 33.738%; border-top-left-radius: inherit; border-bottom-left-radius: inherit; overflow: hidden;}
.login_pop .login_pop_box > .img img{width: 100%; height: 100%; object-fit: cover;}
.login_pop .login_pop_box .login_pop_close{width: 18px; height: 18px; overflow: hidden; position: absolute; right: 30px; top: 30px; cursor: pointer;}
.login_pop .login_pop_box .login_pop_close::before,
.login_pop .login_pop_box .login_pop_close::after{content: ''; width: 200%; height: 2px; background-color: var(--login-color-c8); position: absolute; left: 50%; top: 50%;}
.login_pop .login_pop_box .login_pop_close::before{transform: translate(-50%, -50%) rotate(45deg);}
.login_pop .login_pop_box .login_pop_close::after{transform: translate(-50%, -50%) rotate(-45deg);}
.login_pop .login_pop_box .login_pop_container,
.login_pop .login_pop_box .register_pop_container{flex: 1; display: flex; justify-content: space-between; align-items: center;}
.login_pop .login_pop_box .login_pop_container{padding: 2.428% 4.612% 4.208% 5.098%;}
.login_pop .login_pop_box .register_pop_container{padding: 3.884% 7.363% 2.428% 6.311%;}
.login_pop .login_pop_box .login_pop_form{flex: 1;}
.login_pop .login_pop_box .login_pop_title{font-size: var(--login-size-28);}
.login_pop .login_pop_box .login_pop_desc{font-size: var(--login-size-16); line-height: 1.25; margin-top: 15px;}
.login_pop .login_pop_box .login_pop_form form{margin-top: 62px;}
.login_pop .login_pop_box .login_pop_group_box{height: 300px;overflow-y: scroll;overflow: auto;padding-right: 10px;}
.login_pop .login_pop_box .login_pop_group_box::-webkit-scrollbar{width: 5px;height: 8px;}
.login_pop .login_pop_box .login_pop_group_box::-webkit-scrollbar-track{-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);  border-radius: 5px;background-color: rgba(127, 127, 127,0);}
.login_pop .login_pop_box .login_pop_group_box::-webkit-scrollbar-thumb{border-radius: 5px;-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);  background-color: rgba(127, 127, 127 ,0.9);}
.login_pop .login_pop_box .login_pop_group{display: flex; justify-content: space-between; flex-wrap: wrap;}
.login_pop .login_pop_box .login_pop_row{display: flex; flex-direction: column; width: 100%; margin-bottom: 21px;}
.login_pop .login_pop_box .login_pop_row.login_pop_link{display: flex; flex-direction: row; justify-content: space-between; font-size: var(--login-size-16); line-height: 1.25;}
.login_pop .login_pop_box .login_pop_row.login_pop_link .register a{color: #ff0000;}
.login_pop[data=register] .login_pop_box .login_pop_row.login_pop_link{justify-content: flex-start;}
.login_pop .login_pop_box .login_pop_row.login_pop_link input[name=IsStay]{margin-right: 5px;}
.login_pop .login_pop_box .login_pop_group .login_pop_row{width: 46.154%;}
.login_pop .login_pop_box .login_pop_row label{font-size: var(--login-size-16); line-height: 1.25; padding: 0 4px; margin-bottom: 9px;}
.login_pop .login_pop_box .login_pop_row label span{color: var(--login-color-red);}
.login_pop .login_pop_box .login_pop_row input{outline: unset;}
.login_pop .login_pop_box .login_pop_row input[type="text"],
.login_pop .login_pop_box .login_pop_row input[type="password"]{width: 100%; font-size: var(--login-size-16); line-height: 48px; border: 1px solid #ddd; border-radius: 10px; padding: 0 4px;}
.login_pop .login_pop_box .login_pop_row input[type="submit"]{width: 100%; font-size: var(--login-size-16); line-height: 51px; color: var(--login-color-white); background-color: var(--login-color-red); border: 1px solid var(--login-color-red); border-radius: 10px; cursor: pointer; margin-top: 8px;}
.login_pop .login_pop_box .login_pop_row .box_select{height: 50px;margin: 0; width: 100%; border-color: #ddd; border-radius: 5px;}
.login_pop .login_pop_box .login_pop_row select{width: 100%; height:48px; line-height:48px; padding:0 4px; color:#333; font-size:16px;}
.login_pop .login_pop_box .login_pop_row .show_pass{background: none;border: none;font-size: 14px;}
.login_pop .login_pop_box .login_pop_row .show_pass, .login_pop .login_pop_box .login_pop_row .hide_pass{cursor: pointer;}
.login_pop .login_pop_box .login_pop_row a{display: inline-block; width: max-content;}
.login_pop .login_pop_box .login_pop_row a.login_pop_account{color: var(--login-bg-blue-18); text-decoration: underline !important;}
.login_pop .login_pop_box .login_pop_app{display: flex; flex-direction: column; align-items: center; text-align: center; width: 29.471%; background-color: var(--login-bg-blue-35-21); border-radius: 5px; padding: 5.294% 3.577%; margin-left: 9.013%;}
.login_pop .login_pop_box .login_pop_app_qrcode{position: relative;}
.login_pop .login_pop_box .login_pop_app_qrcode::before,
.login_pop .login_pop_box .login_pop_app_qrcode::after{content: ''; width: 14px; height: 13px; border-style: solid; border-color: var(--login-bg-blue); position: absolute; top: 0;}
.login_pop .login_pop_box .login_pop_app_qrcode::before{left: 0; border-width: 1px 0 0 1px;}
.login_pop .login_pop_box .login_pop_app_qrcode::after{right: 0; border-width: 1px 1px 0 0;}
.login_pop .login_pop_box .login_pop_app_qrcode .img{padding: 8px 6px; position: relative;}
.login_pop .login_pop_box .login_pop_app_qrcode .img::before,
.login_pop .login_pop_box .login_pop_app_qrcode .img::after{content: ''; width: 14px; height: 13px; border-style: solid; border-color: var(--login-bg-blue); position: absolute; bottom: 0;}
.login_pop .login_pop_box .login_pop_app_qrcode .img::before{left: 0; border-width: 0 0 1px 1px;}
.login_pop .login_pop_box .login_pop_app_qrcode .img::after{right: 0; border-width: 0 1px 1px 0;}
.login_pop .login_pop_box .login_pop_app_tips{font-size: var(--login-size-16); line-height: 1.813; color: var(--login-bg-blue-03); margin-top: 15px;}
.login_pop .login_pop_box .login_pop_app_link{margin-top: 21px;}
.login_pop .login_pop_box .login_pop_app_link a{display: block; margin-bottom: 11px;}

.login_pop .login_pop_box .register_pop_container .login_pop_form form{margin-top: 42px;}
.login_pop .login_pop_box .register_pop_container .login_pop_row label{padding: 0;}
.login_pop .login_pop_box .register_pop_container .login_pop_row input[type="submit"]{margin-top: 20px;}

.login_pop .login_pop_box .on_error{display: none;color: red;}

@media screen and (max-width: 1000px){
    :root{
        --login-size-16: 12px;
        --login-size-28: 22px;
    }

	.login_pop .login_pop_box{border-radius: 10px;}
	.login_pop .login_pop_box > .img{display: none;}
	.login_pop .login_pop_box .login_pop_close{width: 10px; height: 10px; right: 15px; top: 15px;}
	.login_pop .login_pop_box .login_pop_group .login_pop_row{width: 100%;}
	.login_pop .login_pop_box .login_pop_desc{margin-top: 7px;}
	.login_pop .login_pop_box .login_pop_form form{margin-top: 30px;}
	.login_pop .login_pop_box .login_pop_row{margin-bottom: 10px;}
	.login_pop .login_pop_box .login_pop_row label{margin-bottom: 5px;}
	.login_pop .login_pop_box .login_pop_row input[type="text"],
	.login_pop .login_pop_box .login_pop_row input[type="password"]{line-height: 38px; border-radius: 5px;}
	.login_pop .login_pop_box .login_pop_row input[type="submit"]{line-height: 41px; border-radius: 5px;}
	.login_pop .login_pop_box .login_pop_app_qrcode .img{padding: 4px 3px;}
	.login_pop .login_pop_box .login_pop_app_qrcode::before,
	.login_pop .login_pop_box .login_pop_app_qrcode::after,
	.login_pop .login_pop_box .login_pop_app_qrcode .img::before,
	.login_pop .login_pop_box .login_pop_app_qrcode .img::after{width: 7px; height: 6px;}
	.login_pop .login_pop_box .login_pop_app_tips{margin-top: 7px;}
	.login_pop .login_pop_box .login_pop_app_link{margin-top: 10px;}
	.login_pop .login_pop_box .login_pop_app_link a{margin-bottom: 5px;}

	.login_pop .login_pop_box .register_pop_container .login_pop_form form{margin-top: 20px;}
	.login_pop .login_pop_box .register_pop_container .login_pop_row input[type="submit"]{line-height: 41px; border-radius: 5px; margin-top: 10px;}
}