@charset "utf-8";

body,dl,dt,dd,ul,ol,li,p,h1,h2,h3,h4,h5,h6,form,fieldset,table,td,img,div{margin:0;padding:0;border:0;}

tt{font-family:"Arial";} 

ul{list-style-type:none;}

body,html{

	/* overflow-x: hidden; */

	background:#fff;

	font-size: 12px;

	color:#333;

	font-family:"Arial";

}

a{

	text-decoration:none;

	color: #7e7e7e;

}



a:hover,.footer a:hover{

	color: #9a0000;

}



input{

	vertical-align: middle;

}



.hide {

	display: none;

}



.block {

	display: inline-block;

}



.floatL {

	float: left;

}



.floatR {

	float: right;

}



.clear {

	display: block;

	clear: both;

	height: 0;

	visibility: hidden;

	font-size: 0;

	content: ".";

}



.red{

	color: #9a0000;

}



.loginTop{

	width: 100%;

	margin: 0 auto;

	font-size: 14px;

	height: 92px;

	position: relative;

	padding: 15px 0 0 ;

	border-bottom: 4px solid #9a0000;

}



.loginTop .floatL{

	position: absolute;

	left: 50%;

	top: 0;

	margin-left: -630px;

}



.loginTop .floatL img{

	margin:0 5px -22px 0;

}



.loginTop .floatR img{

	margin-top:8px;

}



.loginTop .floatR{

	position: absolute;

	left: 50%;

	top: 0;

	margin-left: 315px;

}



.login,.retrieve{

	max-width: 1260px;

	width: 100%;

	margin: 0 auto;

	height: 606px;

	background: url(/resources/student/user/l_11.jpg) no-repeat 20px 0;

}



.login{

	position: relative;

	height: 75%;

	background: url(/resources/student/user/l_11.jpg) no-repeat 10% 80px;

	background-size: auto 70%;



}





input{outline:medium!important;}



.loginNav{

	text-align: right;

	line-height: 60px;

}



.loginNav a{

	font-size: 14px;

	padding: 0 16px;

}



.loging{

	position: absolute;

	top: 20%;

	right: 10%;

	width: 355px;

	height: 348px;

	border: 1px solid #dbdada;

	box-shadow: 2px 0px 1px #b7b7b7;

	float: right;

	padding: 74px 56px 0;

	margin: 0px 0 0 0px;

	/*background: url(/resources/student/user/l_20.jpg) no-repeat center bottom #fff;*/

}



.loging ul li{

	position: relative;
	margin-bottom: 10px;

}
.loging ul li .img{
	position: absolute;
	left: 1px;
	top: 1px;
	height: 42px;
	width: 54px;
	background: #FFFFFF;
}


.loging .text{

	width: 298px;

	height: 44px;

	border: 1px solid #bfbfbf;

	box-shadow: 1px -1px 1px #d9d9d9;

	padding: 0 0 0 54px;

	color: #333;

}





.loging .tel{

	background: url(/resources/student/user/l_14.jpg) no-repeat 15px center!important;

}



.loging .password{

	background: url(/resources/student/user/l_17.jpg) no-repeat 15px center;



}



.loging .phone{

	background: url(/resources/student/user/l_15.jpg) no-repeat 15px center;

	margin: 0 0 35px;

}



.loging .verification{

	width: 166px;

	padding: 0 20px;

}



.loging .code{

	position: absolute;

	display: block;

	width: 136px;

	height: 46px;

	text-align: center;

	line-height: 46px;

	font-size: 17px;

	background: #9d080d;

	color: #fff;

	right: 0;

	top: 0;

	cursor: pointer;

	box-shadow: 1px -1px 1px #d9d9d9;

}









.loging .button{

	width: 100%;

	background: #9d080d;

	color: #fff;

	height: 44px;

	line-height: 44px;

	border: 0 none;

	border-radius: 5px;

	font-size: 21px;

	cursor: pointer;

}



/*.loging .button:hover,.retrieveCont .alignCenter input:hover,.retrieveCont dl dd span:hover,.loging .code:hover,.letterForm .button:hover{*/

	/*background: #c70202*/

/*}*/



.loging a.forgot{

	font-size: 17px;

	display: inline-block;

	padding: 18px 0 25px;

	color: #000;

	width: auto;

}



.loging a.create{

	color: #9a0000;

	display: block;

	text-align: center;

	font-size: 16px;

	padding: 30px 0 0;

}



.loging a.create:hover,.loging a.forgot:hover{

	text-decoration: underline;

	color: #9a0000;

}



.footer{

	height:80px!important;

	border-top: 4px solid #9a0000;

	text-align: center;

	padding: 20px 0!important;

	font-size: 16px;

	color: #404040!important;

	line-height: 30px!important;

	background:#fff!important;

}



.footer p { padding:0!important;}

.footer a{

	color: #404040;

	display: inline-block;

	padding: 0 10px;

}





.iphone{

	position: absolute;

	right: 0;

	top: 0;

	cursor: pointer;

	width: 63px;

	height: 63px;

	background: url(../images/Iphone.jpg) no-repeat;

}



.iUser{

	background-image: url(../images/Iuser.jpg);

}



.retrieve{

	background: url(../images/bg_03.jpg) no-repeat center bottom;

	padding: 30px 0 280px;

	height: auto;

}



.retrieveTit{

	font-size: 33px;

	padding: 0 114px;

}



.retrieveTit span{

	display: block;

	text-align: right;

	font-size: 16px;

}



.retrieveTit span a{

	color: #9a0000;

}



.retrieveTit span a:hover,.retrieveCont .alignCenter a:hover{

	text-decoration: underline;

}



.retrieveCont{

	padding: 30px 0 0;

}



.retrieveCont dl{

	padding: 0 0 30px 260px;

	position: relative;

	font-size: 20px;

	line-height: 50px;

}



.retrieveCont dl dt{

	position: absolute;

	left: 0;

	top: 0;

	width: 250px;

	text-align: right;

}



.retrieveCont dl .text{    line-height: 50px;

	width:310px;

	height: 50px;

	border: 1px solid #c6c6c6;

	padding: 0 10px;

}



.retrieveCont dl .code{

	width: 160px;

}



.retrieveCont dl dd {

	position: relative;

}



.retrieveCont dl dd span{

	display: block;

	width: 140px;

	height: 50px;

	line-height: 50px;

	text-align: center;

	background: #9a0000;

	color: #fff;

	font-size: 20px;

	position: absolute;

	cursor: pointer;

	left: 190px;

	top: 2px;

	border: 1px solid #c6c6c6;

}



.retrieveCont dl dd b{

	position: relative;

	display: inline-block;

}



.retrieveCont dl dd i{

	position: absolute;

	display: block;

	width: 19px;

	height: 19px;

	top: 18px;

	right: 15px;

}



.retrieveCont dl dd i.tips{

	position: static;

	font-style: normal;

	width: auto;

}



.retrieveCont dl dd i font{

	padding: 0;

	font-size:12px;

	color: #f00;

}



.imgCode{

	width: 138px;

	height: 50px;

	border: 1px solid #c6c6c6;

	position: absolute;

	top: 2px;

	left: 192px;

}



.regRes{

	background: url(../images/yes.png) no-repeat;

}



.regNo{

	background: url(../images/no.png) no-repeat;

}



.prompt{

	font-size: 16px;

	color: #8e8e8e;

	padding: 0 0 20px 130px;

	margin-top: -18px;

}



.retrieveCont dl font{

	color: #8e8e8e;

	padding: 0 0 0 10px;

	font-size: 16px;

}



.retrieveCont .alignCenter{

	text-align: center;

	width: 860px;

	text-align: center;

	line-height: 33px;

	font-size: 16px;

}



.retrieveCont .alignCenter p{

	color: #8e8e8e;

	padding: 0 0 15px;

}



.retrieveCont .alignCenter input,.letterForm .button{

	display: block;

	width: 264px;

	height: 50px;

	line-height: 50px;

	text-align: center;

	margin: 0 auto 15px;

	border-radius: 5px;

	border: 0 none;

	cursor: pointer;

	color: #fff;

	background: #9a0000;

	font-size: 20px;

}



.retrieveCont .alignCenter a{

	color: #9a0000;

}





































.fixedNav{

	position: fixed;

	width: 50px;

	right: 20px;

	bottom: 140px;

}



/*.fixedNav a{

	display: block;

	width: 50px;

	height: 50px;

	background: url(../images/user_18.png) no-repeat #f1f1f1;

	margin-top: 1px;

	position: relative;

	color: #fff;

	overflow: hidden;

}*/



.fixedNav a span{

	display: none;

	position: absolute;

	height: 50px;

	right: -300px;

	top: 0;

	line-height: 50px;

	font-size: 14px;

	padding: 0 15px;

	white-space: nowrap;

	background: #a2a2a2;

}



.fixedNav a span.ewm{

	width: 129px;

	height: 129px;

	border: 1px solid #a2a2a2;

	padding: 0;

	margin-top: -40px;

}



.fixedNav a:hover{

	overflow: visible;

}



.fixedNav a:hover span{

	display: inline-block;

	right: 56px;

}



.fixedNav a span i{

	display: block;

	width: 6px;

	height: 11px;

	font-size: 0;

	background: url(../images/r_03.png) no-repeat;

	top: 50%;

	margin-top: -6px;

	right: -6px;

	position: absolute;

}





.fixedNav .fixedNav2{

	background-position: 0 -50px;

}



.fixedNav .fixedNav3{

	background-position: 0 -101px;

}



.fixedNav .fixedNav4{

	background-position: 0 -152px;

}



.letter{

	width: 1248px;

	margin: 60px auto 20px;

	box-shadow: 0px 0 4px #b2b2b2;

	border: 1px solid #b2b2b2;

	font-family: arial;

}



.letterTit{

	font-size: 33px;

	padding: 0 10px;

	line-height: 81px;

}



.letterCont{

	padding: 30px 40px;

	background: url(../images/letter.jpg) repeat-x 0 top; 

}



.letterLogin{

	background: none;

}



.letterLogin b{

	font-size: 26px;

	height: 45px;

	display: inline-block;

	color: #9a0000;

	border-bottom: 1px solid #9a0000;



}



.letterLogin p {

    color: #555;

    font-size: 18px;

    line-height: 32px;

    padding: 20px 0 0;

}



.letterLogin .alignRight{

	text-align: right;

	font-size: 18px;

	color: #555;

	padding: 50px 0 0;

}







.letterT{

	font-size: 26px;

	color: #9a0000;

	line-height: 40px;

	padding: 0 0 20px;

}



.letterP{

	padding: 0 55px 0 0;

}



.letterP p{

	font-size: 20px;

	padding: 10px 0 20px 15px;

	position: relative;

}



.letterP p .red{

	padding: 0 5px;

	position: absolute;

	left: 40px;

	top: 14px;

}



.letterIntroduce{

	color: #505050;

	font-size: 20px;

	padding: 0 0 10px 20px;

}



.letterTextarea{

	padding: 0 0px 10px 0;

}



.letterTextarea textarea{

	width: 1020px;

	height: 250px;

	padding: 5px;

	border: 1px solid #c6c6c6;

	margin: 0 auto;

	display: block;

	color:#666;

	    background: #f9f9f9;

}



.letterTable{

	width: 100%;

	margin: 0 auto;

	border: 1px solid #c6c6c6;

	font-family: arial;

}



.letterTable dl{

	height: 43px;

	line-height: 43px;

	font-size: 18px;

	position: relative;

	padding: 0 0 0 250px;

	background: #e8e8e8;

}



.letterTable dl.odd{

	background: #fff;

}



.letterTable dl dt{

	position: absolute;

	left: 0;

	top: 0;

	height: 43px;

	line-height: 43px;

	width: 230px;

	padding: 0 0 0 20px;

	white-space: nowrap;

}



.letterTable dl dd label{

	padding:0 0 0 20px;

	cursor: pointer;

}



.letterTable dl dd label input{

	vertical-align: middle;

	margin: 0 10px 0 0;

}



.letterForm ul li{

	height: 82px;

	line-height: 52px;

	position: relative;

	padding: 0 0 0 280px;

	font-size: 20px;

}



.letterForm ul li .letterPosition{

	position: absolute;

	display: block;

	left: 0;

	top: 0;

	width: 270px;

	text-align: right;

}



.letterForm ul li .text,.letterContPass .text{

	width: 660px;

	height: 50px;

	padding: 0 5px;

	font-size: 16px;

	border: 1px solid #c6c6c6;

}



.letterForm ul li .text2{

	width: 260px;

}



.red{

	padding: 0 10px 0 31px;

}



.letterForm ul li label{

	font-size: 16px;

	padding: 0 0 0 20px;

	cursor: pointer;

}



.letterForm ul li.letterLine{

	padding-left: 0;

}



.letterBg{

	background: url(../images/bg_03.jpg) no-repeat center bottom;

	height: 360px;

}























.letterContPass{

	font-size: 20px;

	line-height: 50px;

	margin: 10px 0 40px;

}



.letterContPass .text{

	width: 430px;

	padding: 0 10px;

}





































textarea:focus,.retrieveCont dl .text:focus,.text:focus,.letterForm ul li .text:focus {

  border-color: #66afe9;

  outline: 0;

  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);

  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);

}





.footerI{

/*	position: absolute;

	width: 100%;

	bottom: 0;

	left: 0;

*/	background: #fff;

}





/*.floatR a:nth-child(1) { display:none;}

.floatR span { display:none;}

*/

@media screen and (max-width: 900px) {

	.loginTop{

		height: 50px;

		line-height: 50px;

		overflow: hidden;

		padding: 0;

	}

	.loginTop .floatL img{

		height: 50px;

		margin-bottom: -15px;

	}

	.loginTop .floatR img{

		height: 40px;

	}



	.footerI{

		line-height: 20px;

		font-size: 14px;

	}



	.loging{

		padding: 70px 20px 0;

		height: 300px;

	}

}



@media screen and (max-height: 720px) {

	.loginTop{

		height: 50px;

		line-height: 50px;

		overflow: hidden;

		padding: 0;

	}

	.loginTop .floatL img{

		height: 50px;

		margin-bottom: -15px;

	}

	.loginTop .floatR img{

		height: 40px;

	}



	.footerI{

		line-height: 20px;

		font-size: 14px;

	}



	.loging{

		padding: 70px 20px 0;
		padding-top: 0;
		height: 370px;
		display: flex;

	}

}



.letterTextarea .error{

    border: 1px solid red;

}

.letterForm ul li .error{

   border: 1px solid red;  

}



@media screen and (min-width:960px) and (max-width:1024px){

	.fixedNav{

	position: fixed;

	width: 50px;

	left: 50%;

	margin-left: 422px;

	bottom: 240px;

	z-index: 2

}



.letter { width:950px; margin:0 auto;}





.letterCont { width:950px; box-sizing:border-box;}



.letterTextarea textarea { width:844px;}

.letterForm ul li .text2 {

    width: 232px;

}



.letterForm ul li .letterPosition {

    width: 236px;

}



.letterForm ul li {

    font-size: 16px;

}



.letterForm ul li .text2 {

    width: 232px;

}



.letterForm ul li .text, .letterContPass .text {

    width: 570px;

}



.input_aaa { width:227px!important;}

.letterTable dl { font-size:12px;}

.letterTable dl dt {

    padding: 0 0 0 20px;

    white-space: nowrap;

}



.letterTable dl dd label {

    padding: 0 0 0 16px;

    cursor: pointer;

}

.loginTop .floatR {

    margin-left: 310px;

}



.loginTop .floatL {

    margin-left: -481px;

}



.letterTable dl dd label {

    padding: 0 0 0 17px;

    cursor: pointer;

}



.letterTable dl {

    padding: 0 0 0 187px;

}











	

	

}
@media only screen and (max-width:1440px) {
	.loging{
		    padding: 35px 56px 0;
		    top: 13%;
	}
}

@media screen and (min-width:1025px) and (max-width:1366px){

.loging .password {

    background: url(/resources/student/user/l_17.jpg) no-repeat 15px center;

    /*margin: 14px 0 0;*/

}	
.loging{top: 8%;}

.loging ul li .img{
	height: 39px;
}

.loging .text {

	height:40px;

    width: 268px;

    padding: 0 0 0 54px;

}



.loging {

    padding: 0px 20px 0;

    /*height: 250px;*/

}



.loging { width:320px;}

.footerI { height:22px;}

.loging a.create {

    padding: 13px 0 0;

}



.loging a.forgot {

    padding: 17px 0 15px;

}



/*.floatR a:nth-child(1) { display:none;}

.floatR span{ display:none;}

*/

.login{

	height: 70%;



}





.fixedNav{

	position: fixed;

	width: 50px;

	left: 50%;

	margin-left: 506px;

	bottom: 240px;

	z-index: 2

}



	

}



@media screen and (min-width:1281px) and (max-width:1441px){

.footer {

    padding: 30px 0 0;

    height: 52px;

}

html, body {

    height: 100%;

    overflow-x: hidden!important;

}

.footer p {

    font-size: 15px;

    color: #333;

    padding: 0;

}



.footer {

    line-height: 30px;

}



}





.alignCenter_new {     margin: 0 auto;

    width: 1028px;

    font-size: 16px;    line-height: 26px;}

	

.a_new:hover { text-decoration:underline;}



/*.login { position:fixed;top:50px; bottom:50px;overflow:scroll;

-webkit-overflow-scrolling:touch;}*/





.userYes_ccc {

    display: inline-block;

    padding: 0 0 0 25px;

    background: url(../images/zt_06.jpg) no-repeat 0 center;

}