﻿/*公共样式*/
*{
	-webkit-box-sizing: inherit;
    -moz-box-sizing: inherit;
    box-sizing: content-box;
}

body{overflow:hidden;background:#dbf5ff;margin:0px;padding:0px;color:#333;position:relative;font:14px "微软雅黑","宋体",Verdana,Geneva,sans-serif;min-width:1000px;width:expression((documentElement.clientWidth < 1000) ? "1000px" : "100%" );}
div,form,img,dl,dt,dd,p,h1,h2,h3,h4,input{margin:0px; padding:0px;border:0;list-style:none;}
div{width:auto}
dd a{cursor:pointer;text-decoration:none;color:#333}
dd a:hover{color:#e51212}
iframe{background: transparent;}
.w1000{width:1000px;margin:0 auto;}
.clear{clear:both;}

/*登录框样式*/
.top{width:100%;height:70px;padding:19px 0;/*background:url(/extend/img/top_bg.jpg) #dbf5ff top right no-repeat;*/}
.top .logo{float:left;padding-right:25px;height:70px;line-height:70px;}
.top .logo img{max-width: 400px;max-height: 70px;}
.top .separator {border-left: 1px solid #333;height: 58px;margin-top: 6px;float: left;}
.top .txt{height:70px;line-height:70px;float:left;margin-left:25px;font-size:30px}
.login_box{width:100%;height:100%;min-height:600px;}
.login_con{position:absolute;top:0;left:50%;margin-left:-500px;}
.bg{width:100%;height:100%;}
.login_box .login-layout{width:900px;height:561px;padding:110px 30px 0 90px;float:left;background:url(/extend/img/login_new.png) top center no-repeat;margin:200px  0 0 200px;}
.login_box.no-msg .login-layout{width:395px;height:561px;padding:110px 30px 0 30px;float:left;background:url(/extend/img/login1.png) top center no-repeat;margin:150px  0 0 540px;}
.login_box .login-layout dt{width:110px;padding:5px 0;padding-right:10px;height:40px;float:left;font-size:16px;line-height:40px;font-weight:bold;text-align:right;}
.login_box .login-layout dd{width:250px;padding:5px 0;height:40px;float:left;/*font-size:0;*/}
.login_box .login-layout dd .input_box{width:230px;background:#fff;border:1px solid #418bd9;height:38px;float:left;}
.login_box .login-layout dd input{width:200px;font-size:16px;line-height:38px;height:38px;float:left;border:none;}
.login_box .login-layout dd .input_box span{float:left;width:30px;height:38px;display:block}
.login_box .login-layout dd .input_box span.account{background:url(/extend/img/account.jpg) #fff 10px 10px no-repeat;}
.login_box .login-layout dd .input_box span.password{background:url(/extend/img/password.jpg) #fff 10px 10px no-repeat;}
.login_box .login-layout dd input.yz{width:110px;padding-left:10px;background:#fff;border:1px solid #418bd9;height:38px;line-height:38px;float:left;}
.login_box .login-layout dd img{margin-left:10px;width:100px;height:38px;vertical-align:middle;cursor:pointer;display:block;float:left;}
.login_box .login-layout#login dd a.submit_btn{ cursor: pointer; width:242px;height:37px;display:block;background:url(/extend/img/login_btn.jpg) top center no-repeat;}

.login_box #login-form{
	width: 395px;
	padding-left: 0px;
}
.login_box.no-msg #login-form{
	padding-left: 0px;
}
.login_box .login-layout dd input[type=checkbox] {
	width:20px;
	margin: 0px;
}
.login_box .login-layout dd .txt{
	font-size: 12pt;
	line-height: 38px;
	margin-left: 8px;
}

.login_box .login-layout dd a.to_reg_btn{font-size:14px;/*float:right;*/ padding-right: 15px;text-decoration: underline}
.login_box .login-layout dd a.to_login_btn{font-size:14px;float:right; padding-top: 5px; padding-right: 15px;text-decoration: underline}
.login_box .login-layout#reg{width:395px;height:450px;padding:110px 30px 0 30px;float:left;background:url(/extend/img/reg.png) top center no-repeat;margin:150px  0 0 540px;}
/*.login_box .login-layout#reg dd input{width:100%;}*/
.login_box .login-layout#reg dd select{width: 100%; height: 100%; font:initial;border: 1px solid #418bd9}
.login_box .login-layout#reg dd input.yz{width:110px;background:#fff;border:1px solid #418bd9;height:38px;line-height:38px;float:left;}
.login_box .login-layout#reg dd a.submit_btn{ cursor: pointer; width:242px;height:37px;display:block;background:url(/extend/img/reg_btn.jpg) top center no-repeat;}

.login_box .login-layout#reg dt{height: 32px;line-height: 32px;padding: 2px 0px;padding-right:10px;}
.login_box .login-layout#reg dd{height: 32px;padding: 2px 0px;}
.login_box .login-layout#reg dd .input_box{height: 30px}
.login_box .login-layout#reg dd input{height: 30px;line-height: 30px;width:225px;padding-left: 5px}
.login_box .login-layout#reg dd input.yz{height: 30px;line-height: 30px}
.login_box .login-layout#reg dd img{height: 30px}

.login_box .login-error{
	font-size: 12pt;
	color:#c7254e;
	background-color: #f9f2f4;
	border-radius:6px;
	height: 35px;
	line-height: 35px;
	padding-left: 20px;
	margin: -25px 45px 0 70px;
	width: 325px;
}

.login_box.no-msg .login-error{
	margin: -25px 45px 0 50px;
}

.login_box #login .msg{
	position: relative;
	top: -580px;
	left: 380px;
	width: 380px;
	/* border: 1px solid; */
	padding-top: 500px;
}
.login_box.no-msg #login .msg{
	display: none;
}

.login_box .reg-tip{
	font-size: 11pt;
	font-weight: bolder;
	color:#c7254e;
	background-color: #f9f2f4;
	border-radius:6px;
	padding: 10px 0 8px 0;
	margin-top: -30px;
	margin-bottom: 5px;
}
.login_box .reg-tip ul{
	margin-bottom: 0;
	list-style:none;
	padding-left: 25px;
}
.login_box .reg-tip ul li{
	margin-bottom: 2px;
}
.login_box .reg-tip ul li i{
	padding-right: 3px;
}

input:-webkit-autofill {
	-webkit-box-shadow: 0 0 0px 1000px white inset;
	-webkit-text-fill-color: #333;
}


.login-layout.visible {
	visibility: visible;
	position: relative;
	z-index: auto;
	-moz-transform: scale(1,1) translate(0);
	-webkit-transform: scale(1,1) translate(0);
	-o-transform: scale(1,1) translate(0);
	-ms-transform: scale(1,1) translate(0);
	transform: scale(1,1) translate(0);
	transition: transform .3s ease;
	-moz-transition: -moz-transform 0.3s ease;
	-webkit-transition: -webkit-transform 0.3s ease;
	-o-transition: -o-transform 0.2s ease;
}
.login-layout{
	visibility: hidden;
	position: fixed;
	z-index: -5;
	border-bottom: none;
	box-shadow: none;
	padding: 6px;
	background-color: #394557;
	-moz-transform: scale(0,1) translate(-150px);
	-webkit-transform: scale(0,1) translate(-150px);
	-o-transform: scale(0,1) translate(-150px);
	-ms-transform: scale(0,1) translate(-150px);
	transform: scale(0,1) translate(-150px);
}

/**********统一身份认证呼吸按钮样式***************************/
.login-btns{
	width: 280px;
	margin: 30px 0 0 50px;
	float:left;
}
.login-btns a{
	font-size:14px;
	/*float:right;*/
	color: #333;
	padding-right: 15px;
	text-decoration: underline
}
.login-btns a:last-child{
	padding-right:0;
}
.login-btns .hrefs{
	padding-top: 30px;
	text-align: right;
}
.login-btns .cas{
	width:250px;
	height:70px;
	font-size:24px;
	margin:0 auto;
	padding-left: 30px;
	line-height:70px;
	border-radius: 4px;
	cursor:pointer;
	font-weight:bold;
	color: #fff;
	background-color: rgb(102, 159, 199);
	box-shadow: 1px 2px 5px #ccc;/********IE9的情况下会用到box-shadow***********/
	-webkit-box-shadow: 1px 2px 5px #ccc;
	-moz-box-shadow: 1px 2px 5px #ccc;
	-o-box-shadow: 1px 2px 5px #ccc;
	animation: myfirst 2s infinite linear;/********呼吸效果box-shadow background***********/
	-webkit-animation: myfirst 2s infinite linear;
	-moz-animation: myfirst 2s infinite linear;
	-o-animation: myfirst 2s infinite linear;
}
.login-btns .form{
	width:250px;
	height:65px;
	font-size:24px;
	margin:0 auto;
	margin-top:35px;
	margin-bottom:15px;
	padding-left: 30px;
	line-height:65px;
	border-radius: 4px;
	cursor:pointer;
	font-weight:bold;
	color: #fff;
	background-color: rgb(102, 159, 199);
	box-shadow: 1px 2px 5px #ccc;/********IE9的情况下会用到box-shadow***********/
	-webkit-box-shadow: 1px 2px 5px #ccc;
	-moz-box-shadow: 1px 2px 5px #ccc;
	-o-box-shadow: 1px 2px 5px #ccc;
	animation: mysecond 2s infinite linear;/********呼吸效果box-shadow background***********/
	-webkit-animation: mysecond 2s infinite linear;
	-moz-animation: mysecond 2s infinite linear;
	-o-animation: mysecond 2s infinite linear;
}
.login-btns .cas:hover, .login-btns .form:hover{/*****IE9统一身份认证**账户密码登录按钮样式*****/
	background-color: #337ab7;
	box-shadow: 1px 2px 5px #aaa;
	-webkit-box-shadow: 1px 2px 5px #aaa;
	-moz-box-shadow: 1px 2px 5px #aaa;
	-o-box-shadow: 1px 2px 5px #aaa;
}
.login-btns .cas:active, .login-btns .form:active{/*****IE9统一身份认证**账户密码登录按钮样式*****/
	background-color: #337ab7;
	box-shadow: 1px 2px 5px #ccc;
	-webkit-box-shadow: 1px 2px 5px #ccc;
	-moz-box-shadow: 1px 2px 5px #ccc;
	-o-box-shadow: 1px 2px 5px #ccc;
}