@charset "utf-8";
html { height:100%; overflow:hidden;}
body { height:100%; font-size:14px; color:#666666; line-height:24px; font-family:"宋体";  background:url(loginbg.jpg) center bottom no-repeat #162633; background-size:100% auto; }
body,div,h1,h2,h3,h4,ul,li,form,input,textarea,a { margin:0; padding:0;}
ul,li {list-style:none;}
img {border:0px;}
p {margin:10px 0;}
input {}
.clear {clear:both; height:0px; line-height:0px; font-size:0px; float:none; overflow:hidden;}

a:link,a:visited {text-decoration: none; color:#666666;}
a:hover,a:active {text-decoration: none; color:#8db800;}

.left { float:left;}
.right { float:right;}

.swidth{width:442px !important; margin:-200px 0 0 -221px !important;}
.swidth .logo{width:100%;color:#FFF;overflow: hidden;padding: 0;text-align: center;}
.swidth .logo img{display:inline-block;margin:0 15px 0 0;vertical-align: middle;}
.swidth .logo h1{font-size:30px !important;line-height:60px;vertical-align: middle;}

.swidth #tab li { width:220px !important;}

.loginbox.swidth .tabcon > input {width:275px;}

.swidth #outer { margin:20px 0 0 0;}
.swidth .yzm {width:150px !important;}
.swidth .yzcode {width:120px !important;}

.loginbox{position:absolute;width:582px;left:50%;top:50%;margin:-220px 0 0 -291px; }
.logo{width:100%;height:60px;color:#FFF;margin:0 auto;text-align: center;}
.logo img{display:inline-block;margin:-18px 15px 0 0;vertical-align: middle;max-width: 60px}
.logo h1{display:inline-block;font-family:"Microsoft YaHei","simhei","宋体";font-size:36px;line-height:60px;font-weight:normal;white-space:nowrap;}

#outer { margin:50px 0 0 0;}
#tab { overflow:hidden; zoom:1; }
#tab li { float:left; width:290px; height:55px; line-height:55px; font-family:"Microsoft YaHei","simhei","宋体"; font-size:18px; cursor:pointer; background:#393537; color:#FFF; text-align:center; font-weight:bold; }
#tab li.current { color:#fff; background:url(bg.png) repeat; color:#333;}
#content { background:url(bg.png) repeat; min-height:250px;}
#content .tabcon { display:none; padding:40px 50px;}

.loginbox .tabcon > input {
	width:415px;
	height:35px;
	line-height:35px;
	padding:5px 10px 5px 55px;
	border: 1px solid #CCC;
	outline: medium; font-family:"Microsoft YaHei","simhei","宋体"; font-size:14px; color:#999;
	position: relative;
}
.yhm { background:url(yhm.png) 15px center no-repeat #fbf6f1;}
.mm { background:url(mm.png) 15px center no-repeat #fbf6f1; margin:-1px 0 0 0;}
.yzm {width:265px !important; background:url(yzm.png) 16px center no-repeat #fbf6f1; border-right:none !important; margin:-1px 0 0 0;}
.dxyzm {width:265px !important; background:url(dxyzm.png) 13px center no-repeat #fbf6f1; border-right:none !important; margin:-1px 0 0 0;}

.yzcode {
	width: 145px;
	height: 35px;
	display: inline-block;
	border: 1px solid #CCC;
	background: #fbf6f1;
	border-left: none;
	vertical-align: middle;
	margin: -1px 0 0 0;
	overflow: hidden;
	text-align: right;
	padding: 5px 5px 5px 0;
	position: absolute;
}
.yzcode img { height:35px;}

.line { margin:10px 0 0 0;}
.line .left input[type="checkbox"] { width:14px; height:14px; vertical-align:middle; margin:-2px 0 0 0;}

a.tj {
	-webkit-transition-duration: 0.5s;
	transition-duration: 0.5s;
	-webkit-transition-property: all;
	transition-property: all;
	display:block; height:45px; line-height:45px; background:#295999; font-family:"Microsoft YaHei","simhei","宋体"; font-size:18px; color:#FFF; text-decoration:none; text-align:center;}
a.tj:hover { background:#2d64ad;}

.tabcon .line .right a { color:#d9534f;}
.tabcon .line .right a:hover { color:#bc423f;}

.bottom { position:absolute; width:100%; background:#ffffff; line-height:22px; font-family:Arial; font-size:12px; text-align:center; bottom:0; padding:10px 0;}
.bottom p { margin:0;}
.bottom span { color:#337ab7;}