html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dd,dl,dt,li,ol,ul,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0px;padding:0px;border:0px;outline:0px; text-align:left;}
body, p, td, th, li,h1,h2,h3,h4,h5,h6{font-family: Microsoft YaHei, Tahoma, Arial, sans-serif; list-style: none}
a:focus, a:hover {color: #db2323;text-decoration: inherit;}
a {color: #000;text-decoration: none;}
address, cite, dfn, em, var, i {font-style: normal;}
.mt_10 {margin-top: 10px!important;}
.mt_5 {margin-top: 5px!important;}
.padding0{padding:0;}
.color_f60 {color: #f60;}
/* 用户登录 */
.login{padding:30px;}
.login h1{text-align:center;color:#fff;font-size:24px}
.login h4{text-align:center;color:#fff;font-size:18px;padding-top:40px}
.login .box { margin-top: 30px; width:505px}
.login .box span { display: block; float: left; padding: 0; margin: 0 6px 0 0; position: relative; z-index: 1;}
.login .box span label { font-size: 14px; font-weight: 600; line-height: 20px; color: #555555; display: block; height: 20px; padding-right: 10px; border-right: dotted 1px #999; position: absolute; z-index: 9; top: 10px; left: 10px;}

.input-text, .input-password, .input-code { font-family: Verdana, Geneva, sans-serif; font-size: 14px; font-weight: 600; color: #555555; line-height: 28px; filter: progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#CCFFFFFF', endColorstr='#CCFFFFFF'); background:rgba(255,255,255,0.8); *float: left/*IE7*/; padding: 6px; border: 0; position: relative; z-index: 1; box-shadow: inset 1px 1px 0 rgba(0,0,0,0.5); -webkit-box-shadow: inset 1px 1px 0 rgba(0,0,0,0.5)/*webkit*/;}
.input-text:focus, .input-password:focus, .input-code:focus { color: #000; background-color: #FFF; box-shadow: 1px 1px 0 0 rgba(0,0,0,0.25);/*IE8*/  -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')"; /*IE5.5-7*/ filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000');}
.input-text, .input-password {padding-left: 56px;  width: 164px;}
.input-code { width: 68px;}

.code { background-color: #FFFFFF; width: 160px;height: 50px; border: solid 1px #555; border-radius: 4px; position: absolute; z-index: 9; top: -55px; left: -10px; display: none; box-shadow: 0 2px 2px 2px rgba(0,0,0,0.25);}
.code .arrow { background:url(../img/login/login_code.gif) no-repeat 0 0; display: block; width: 14px; height: 7px; position: absolute; left: 21px; bottom: -7px;}
.code img { width: 140px; height: 41px; position: absolute; z-index: 1; top: 4px; left: 4px;}
.code .close { display: block; width: 10px; height: 10px; padding: 1px; position: absolute; z-index: 1; top: 4px; right: 4px;}
.code .close:hover, .login-layout .box span .code .change:hover { background-color: #CCC; border-radius: 5px; -webkit-border-radius: 5px/*webkit*/;}
.code .close i { background: url(../img/login/login_code.gif) no-repeat 0 -7px; display: block; width: 10px; height: 10px; opacity: 0.5;}
.code .change { display: block; width: 10px; height: 10px; padding: 1px; position: absolute; z-index: 1; bottom: 4px; right: 4px;}
.code .change i { background: url(../img/login/login_code.gif) no-repeat -10px -7px; display: block; width: 10px; height: 10px; opacity: 0.5;}
.code .close:hover i , .login-layout .box span .code .change:hover i { opacity: 1;}

.input-button { font-family: "Microsoft YaHei", "Lucida Grande", "Lucida Sans Unicode", Tahoma, Helvetica, Arial,  sans-serif; font-size: 15px; font-weight: 600; color: #FFF; filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#BF000000', endColorstr='#BF000000');background:rgba(0,0,0,0.75); width: 80px; height: 40px; border: 0; cursor: pointer;}
.input-button:hover { background-color: #000000 !important; box-shadow: 0 0 3px 1px rgba(255,255,255,0.5);}
.bottom p{margin-top:50px;text-align:center;color:#fff;}
@media (min-width: 1024px) {
	
}
@media (max-width: 1024px) {
	
}
@media (max-width: 992px) {
	
}
@media (max-width: 768px) {
	.login .box span{float:none;margin:10px 0;}
	.input-text, .input-password,.input-code {padding-left: 56px; width: 100%;}
	#codeContent{margin-top:60px}
	.code{left:0}
	.login .box,.input-button{ width: 100%;}
}