@charset "utf-8";
/* CSS Document */

*{ margin:0; padding:0; list-style:none}
body { font-family:"Microsoft Yahei", arial;margin:0; padding:0; background: #FFF; font-size:12px; color:#333333;}
div,form,img,ul,ol,li,dl,dt,dd {margin: 0; padding: 0; border: 0; }
li{list-style-type:none;}
img{ border:none; vertical-align:middle}
h1,h2,h3,h4,h5,h6 { margin:0; padding:0;font-size:12px; font-weight:normal;}

a{color: #333; text-decoration:none; outline:none}
a:visited { text-decoration:none;}
a:hover { 
	text-decoration:none;
	-webkit-transition:all 0.3s;
	-moz-transition:all 0.3s;
	-o-transition:all 0.3s;
	-ms-transition:all 0.3s;
	transition:all 0.3s;}

.layout1200{
	width:1200px;
	margin:0 auto;
	overflow:hidden;}
#loginHeader{
	height:80px;
	}
#loginHeader .loginLogo{
	float:left;
	width:117px;
	height:62px;
	margin:10px 20px 0 20px;
	background:url(../images/login/login_logo.png);}
#loginHeader h3{
	float:left;
	border-left:1px solid #ccc;
	font-size:16px;
	padding-left:10px;
	margin-top:40px;
	letter-spacing:2px;}	
#loginMain{
	height:480px;
	width:100%;
	background:#002882 url(../images/login/login_mainbg2.png) center no-repeat;}
#loginMain .loginbox{
	margin:56px 0 0 0;
	cursor:default;
	width:360px;
	height:390px;
	float:right;
	background-color:rgb(248 248 248 /80%);}	
	
ul.titletab{
	height:40px;line-height:40px;
	/*background-color:#b7ceda;*/
    background-color: #d4e3ec;
	}
ul.titletab li{
	font-size:14px;
	width:120px;
	text-align:center;
	color:#333;
	float:left;
	cursor:pointer;}
ul.titletab li.active{
	background-color:#f8f8f8;
	font-weight:bold;}		
	
.tab_content{padding:0 30px;overflow:hidden;}	
.labelError {
    line-height: 24px !important;
    color: #f40;
    float: none !important;
    margin:0px 0 10px 0 !important;
}
/*.inputBox {
    width: 298px;
    height: 42px;
    margin-bottom: 20px;
    overflow: hidden;
    background: #fff;
    border: 1px solid #d3e1f1;
    border-radius: 4px;
}
.inputBox i{
	float: left;
    width: 20px;
    height: 20px;
    margin: 12px 8px 0 14px;}

.inputBox i.iconuser {background:url(../images/login/login/iconuser.png);}
.inputBox i.iconpassword {background:url(../images/login/login/iconpassword.png);}
.inputBox input{
	padding: 0 4px;
	width:240px;
	height:40px;
	line-height:40px;
    border: 1px solid #fff;
	font-family:"微软雅黑";}*/
.inputBox{
    position: relative;
    width:300px;
    height: 42px;
    margin-bottom: 20px;
    overflow: hidden;
}
.m-b0{
    margin-bottom:0;
}
.inputBox i{
    position: absolute;
    top: 11px;
    left:10px;
    color: #c3d0df;
    font-size: 18px;
}
.inputBox input{
    width: 188px;
    height: 40px;
    background: #fff;
    border: 1px solid #d3e1f1;
    border-radius: 4px;
	font-family:"微软雅黑";
    outline: none;
    padding:0 70px 0 40px;
}
.duanxin input{
    width:158px;
    padding-right:100px;
}
a.btnlogin{
	clear:both;
	display:block;
	width:300px;
	height:40px;
	line-height:40px;
	/*background-color:#0053a1;*/
    background: linear-gradient(to bottom,#0053a1,#3779a1);
    background: -moz-linear-gradient(to bottom,#0053a1,#3779a1);
    background: -ms-linear-gradient(to bottom,#0053a1,#3779a1);
	border-radius: 4px;
	color:#fff;
	font-size:14px;
	text-align:center;
}
a.btnlogin:hover{background-color:#0366c3;}

a.forget{
	display:block;
	text-align:right;
	color:#666;
	line-height:20px;
	padding-right:6px;}
a.forget:hover{
	color:#f40;}
.txtRegister{
	line-height:40px;
	color:#666;
	margin-top:10px;
	text-align:center;}	
.txtRegister a{	color:#f40;padding-left:6px;	}
.txtRegister a:hover{
	text-decoration:underline;
	}	
.codeimg{
	float:left;
	width:114px;
	height:44px;
	margin-left:12px;}
.sendcode{
    font-size:14px;
    color:#1e5da1;
    position: absolute;
    right:10px;
    top:0;
    line-height: 42px;
}
input:-internal-autofill-selected {
    appearance: menulist-button;
    background-image: none !important;
    background-color: -internal-light-dark(rgb(232, 240, 254), rgba(70, 90, 126, 0.4)) !important;
    color: fieldtext !important;
}
input:not([type="range"]):not([type="color"]) {
    writing-mode: horizontal-tb !important;
}

.inputBox input:focus-within{
    /*background-color: rgba(79, 137, 245, 0.05)*/;
    border-color: #3b8bd7;

}
	
	
/*扫码登录*/
.weixinImg{
	margin:0 auto;
	margin-top:40px;
	width:180px;
	height:180px;
	border:1px solid #d3e1f1;}	
.weixinImg img{
	width:180px;
	height:180px;}	
p.weixintxt{
	text-align:center;
	color:#0053a1;
	font-size:14px;
	line-height:36px;}	
	
/*证书登录*/
a.btnloginZS{
	clear:both;
	margin:0 auto;
	margin-top:100px;
	display:block;
	width:240px;
	height:44px;
	line-height:44px;
	background-color:#fff;
	border:1px solid #d3e1f1;
	border-radius: 4px;
	color:#0053a1;
	font-size:14px;
	text-align:center;
}
a.btnloginZS:hover{
	border:1px solid #f40;
	color:#f40;
	}
p.zhengshutxt{
	text-align:center;
	color:#666;
	font-size:14px;
	line-height:36px;}		
	
	
#footer{
	line-height:50px;
	text-align:center;
	color:#666;}	
	
.weixinImg iframe{
	width:180px;
	height:180px;
}

/*搜狗浏览器密码框软键盘禁用*/	
#sogou_secure_inputs_container{display:none;}
input::-webkit-input-safebox-button{display:none;}
/*ie密码框小眼睛图标禁用*/	
input::-ms-clear{display:none;}
input::-ms-reveal{display:none;}


/*login2308*/
@font-face {
    font-family: "iconfont"; /* Project id 4209033 */
    src: url('../font/iconfont.woff2?t=1691983813622') format('woff2'),
    url('../font/iconfont.woff?t=1691983813622') format('woff'),
    url('../font/iconfont.ttf?t=1691983813622') format('truetype');
}

.iconfont {
    font-family: "iconfont" !important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-31guanbi:before {
    content: "\e600";
}

.icon-mima:before {
    content: "\e640";
}

.icon-duanxinguanli:before {
    content: "\e60a";
}

.icon-yonghu:before {
    content: "\e660";
}




/*from-dialog*/
#mask{
    background-color:#000;
    position:absolute;
    top:0px;
    left:0px;
    opacity:0.6;
    filter:alpha(opacity=60);
    z-index:1000;
    display:none;
}
#form-login,#form-login2,#mobileForm,#emailForm{
    left: 50%;
    top:50%;
    margin:-230px 0 0 -380px;
    width:760px;
    height:460px;
    position:fixed;
    z-index:1001;
    background-color:#fff;
    overflow:auto;
    overflow-x:hidden;
    -moz-box-shadow: 0 0 3px #848586;/*firefox*/
    -webkit-box-shadow: 0 0 3px #848586;/*safari或chrome*/
    box-shadow:0 0 3px #848586;/*opera或ie9*/
}
.form-dialog{
    margin:30px 0 0 0;
    height: auto;
    overflow: hidden;
}
.form-dialog h3{
    font-size:14px;
    font-weight:bold;
    text-align: center;
}
.form-dialog .weixinImg{
    margin-top:20px;
}
.form-dialog .labelError{
    margin:0;
}
.from-title{
    position:relative;
    padding:18px 0px;
    text-align:center;}
.from-title span{
    display:inline-block;
    font-size:16px;
    font-weight: bold;
}
.from-close{
    display: block;
    z-index:1001;
    position:absolute;
    top:18px;
    right:20px;
    cursor:pointer;
}
.from-close i{
    font-size:20px;
    color:#b2b2b2;
}
.form-dialog{
    padding:0 60px;
}
.form-dialog .fl{
    border-right: 1px solid #bfbfbf;
    padding: 0 70px 0 0;
}
.dbox{
    margin:0 auto;
    width:300px;
}
.from-tips{
    text-align: center;
    clear: both;
    background-color: #eff2f6;
    border-radius: 4px;
    width:500px;
    height: 30px;
    line-height: 30px;
    margin:25px auto 0 auto;
}
.tit-red{
    font-size:14px;
    padding:10px 0 0 0;
    color: #ff0800;
}

.logincontact{
    position: fixed;
    right:0;
    bottom:5%;
    width:40px;
    height: 120px;
    background:linear-gradient(to bottom,#f1b16a,#ec8b20);
    border-radius: 30px;
    box-shadow: 0 0 20px rgb(200,120,20,0.3);
    cursor: pointer;
    border: 1px solid #f1b16a;
}
.logincontact a{
    display: flex;
    align-items: center;
    width:10px;
    color: #fff;
    line-height: 20px; // 可以控制字间距
    text-align: center;
    margin:20px auto 0 auto;
    word-break: break-all;
}
.logincontact:hover{
    border: 1px solid #eaa252;
}

.from-zs{
    text-align: center;
    padding:10px 0 0 0;
    color: #666;
}
.from-zs a{
    color:#f40;
}

#loginInfor{
    background-color: #F7F8FA;
    padding:50px 0 60px 0;
    position: relative;
}
#loginInfor h3{
    /*width:880px;*/
    margin:0 auto;
    font-size:20px;
    padding:0 0 30px 0;
    font-weight: bold;
}
#loginInfor ul{
   /* width:880px;*/
    margin:0 auto;
    height: auto;
    overflow: hidden;
}
.inforImg{
    position: absolute;
    right:30%;
    bottom: 0;
    z-index:99;
    width:10%;
}
#loginInfor ul li{
    height: auto;
    overflow: hidden;
    margin:0 0 30px 0;
    font-size:14px;
    line-height: 32px;
}
#loginInfor ul li:nth-child(6){
    margin-bottom:0;
}
#loginInfor ul li::before{
    content: "";
    display: block;
    float: left;
    width:2px;
    height: 20px;
    background-color: #1E9FFF;
    margin:5px 20px 0 0;
}
#loginInfor ul li span,#loginInfor ul li i,#loginInfor ul li a{
    display: block;
    float: left;
    font-style: normal;
}
#loginInfor ul li span{
    width:15%;
}
#loginInfor ul li i{
    color:#5f6367;
}
#loginInfor ul li a{
    float: right;
    width:5.625rem;
    height: 2rem;
    line-height: 2rem;
    text-align: center;
    background-color: #DFF0FF;
    border-radius: 4px;
    color:#165DFF;
    font-size:0.75rem;
}
#loginInfor h3.firstText{
    height: 2.75rem;
    line-height: 2.75rem;
    text-align: center;
    background-color: #e9ebee;
    font-size:1rem;
    border-radius: 8px;
    margin:0 auto 2.5rem auto;
    display: block;
    padding:0;
    color:#165DFF;
}
#loginInfor h3.firstText span{
    display: inline-block;
    color:#a1a2a3;
    padding:0 50px;
}
#loginInfor h3.firstText i{
    display: inline-block;
    color:#a1a2a3;
    font-style: normal;
}
#loginInfor h3.secText{
    height: 2.75rem;
    line-height: 2.75rem;
     text-align: center;
     background-color: #e9ebee;
     font-size:1rem;
     border-radius: 8px;
     margin:0 auto 2.5rem auto;
     display: block;
     padding:0;
 }
#loginInfor h3.secText span{
    display: inline-block;
    padding:0 3.125rem;
}
#loginInfor h3.secText i{
    display: inline-block;
    font-style: normal;
    color:#165DFF;
}
.noImg{
    margin:0 auto;
    width:25rem;
    display: block;
}

.loginbtns{
    width:70%;
    margin:0 auto;
    display: flex;
    justify-content: space-evenly;
}
.noText{
    text-align: center;
    font-size:0.875rem;
    display: block;
    height: 2.375rem;
    line-height: 2.375rem;
    color:#fff;
    background-color: #165DFF;
    border-radius: 4px;
    width: 10rem;
}

.loginWhite{
    background-color: #fff;
    width:60%;
    margin:0 auto;
    padding:2.5rem;
    border-radius: 1.25rem;
    box-shadow: 0 0 2.5rem rgb(0,0,0,0.1);
}

a.btnreg{
    background:linear-gradient(to bottom,#ec8b20,#f1bf6b);
    margin-top:10px;
    margin-bottom: 10px;
    color:#fff;
}
.forgetmima{
    padding:10px 0 20px 0;
    display: block;
    color:#707070;
    position: absolute;
    right:10px;
    top:4px;
    z-index:99;
}