﻿body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td{margin:0;padding:0}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
ul,li{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym{border:0;font-variant:normal;}
sup{vertical-align:text-top;}
sub{vertical-align:text-bottom;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
legend{color:#000;}
body,div,td,label,input,a{font-size:13px;font-family:-apple-system-font,BlinkMacSystemFont,"Helvetica Neue","PingFang SC","Hiragino Sans GB","Microsoft YaHei UI","Microsoft YaHei",Arial,sans-serif;color:#000000;}
html,body{height:100%;_height:600px;min-height:600px;background-color:#FFFFFF;}
.header{height:120px;width:1020px;margin:0px auto;background:url(../images/2023/logo2.svg) 10px 20px no-repeat;background-size:365px;}
.txt_pal{width:600px;height:46px;margin:37px 0;padding-left:20px;border-left:2px #005298 solid; color:#005298; float:right;}
.txt_pal .zn{font-size:24px;letter-spacing:3.5px;line-height:26px;font-weight:bold;}
.txt_pal .en{font-size:17px;line-height:23px;font-weight:bold;}
.clr{clear:both}

.box_row{width:1020px;min-height:550px;margin:0px auto;background:#BCD5F6 url(../images/2023/login_bg.jpg) no-repeat;position:relative;
	border:1px #EFEFEF solid;
	box-shadow:0px 0px 2px -1px rgba(0,0,0,0.25);-webkit-box-shadow:0px 0px 2px -1px rgba(0,0,0,0.25);}

.box_view{width:390px;min-height:520px;padding:15px;right:0;bottom:0;position:absolute;background-color:#ffffff;}
.box_txt{line-height:36px;text-align:center;font-size:18pt;color:#005298;font-weight:bold;}
.box_form{width:380px;margin:15px auto;}
.type_pal1{color:#005298;vertical-align: middle;}
.type_pal1 li,.type_pal2 li{border-bottom:1px solid #BCD5F6;margin:10px;height:26px;line-height:26px;}
.type_pal1 li{display:inline-block;width:100px;text-align:center;font-size:13.5pt;color:black;cursor:pointer;}
.type_pal1 .ll-h{color:gray;}
.type_pal2 li{width:280px;height:46px;line-height:46px;text-align:center;font-size:13.5pt;color:black;cursor:pointer;}
.type_pal1 li:hover,.type_pal2 li:hover{color:gray;background:inherit;transition:background-color 0.6s;-moz-transition:background-color 0.6s;-webkit-transition:background-color 0.6s;-o-transition:background-color 0.6s;}

#tbl{border-collapse:collpase;width:376px;}
#tbl td{font-size:13px;width:97px;white-space:nowrap;padding:5px;text-align:left;color:#000000;}
#tbl td input{border:solid 1px #99CCFF;background:#FFFFFF;width:210px;height:26px;line-height:26px;padding:2px 10px;font-size:14px;ime-mode:disabled;color:#000000;}
#tbl td input:hover{border:solid 1px #005298;}
#tbl td.fld{width:99px;text-align:right;}
#tbl td input,#tbl td img{vertical-align:middle;}
.lnk{text-decoration:none;color:#005298;font-size:13px}
.lnk:hover{font-weight:bolder;color:#da4373;}

.box_msg{position:absolute;1width:600px;padding:15px 30px;bottom:0;left:0;
	background-color:rgba(43, 42, 42, 0.5);color:#FFFFFF;
	line-height:18px;1word-break:break-all;
}

img, input,button{-webkit-border-radius:12px;-moz-border-radius:12px;border-radius:12px;vertical-align:middle;}
img, input.user, input.pwd, input.code{vertical-align:middle;}

button{text-align:center;font-size:15px;letter-spacing:1px;cursor:pointer;width:150px;height:38px;line-height:38px;color:#FFFFFF;font-weight:bolder;background-color:#D23568;border:none;transition:background-color 0.5s;-moz-transition:background-color 0.5s;-webkit-transition:background-color 0.5s;-o-transition:background-color 0.5s;box-shadow:0px 2px 1px -1px rgba(0,0,0,0.25);}
button:hover{background-color:#da4373;box-shadow:0px 2px 1px -1px rgba(0,0,0,0.25);}

.footer{width:1020px;margin:10px auto 0 auto;}
.footer .copyright{padding:25px 20px;line-height:18px;font-size:8pt!important;color:gray;background:url(../images/2023/SUIBEISO-WeChat.jpg) right 20px no-repeat}
.footer .copyright .contact,.footer .copyright .contact a{color:#0081CC;}
.footer .copyright a,.footer div{TEXT-DECORATION:none;margin:0 5px;font-size:8pt;color:gray}

@media screen and (min-width:1020px){
	.footer,.box_row{width:1020px;position:relative;}
	.box_view{right:0;bottom:0;position:absolute;}
}
@media screen and (max-width:768px){
	.footer,.box_row{width:600px;min-width:600px;margin:0 auto;position:static;}	
	.box_view,.box_msg{margin:0px auto;position:static;}
}