@charset "UTF-8";
body{/*全局设置样式*/
	font: 12px "simhei", Arial, Helvetica, sans-serif;/*12px对标题字体h1没影响*/
    color: #666;/*全局字体颜色*/
    margin: 0px;/*去掉页面自带的外边距*/
    background-color: #f5f5f5;/*设置页面背景颜色*/
}
header{
    width: 1000px; margin: 0 auto;/*整个头部居中,缩放没有一直贴着边*/
    overflow: hidden;/*头部元素都浮动了,高度就没了,所以用overflow: hidden解决*/
    height: 100px;
}
header img,header h1{/*在头部里面选中img和h1都向左浮动,让标题字和图片处在同一行显示*/
	float:left;
}
header h1{
	color: #4f4d4e;/*设置标题字体颜色*/
	font-size:24px;/*设置标题字体大小*/
	font-weight: normal;/*去掉标题自带加粗*/
	/*作为元素进行位置偏移*/
	position: relative;
    left: 20px;
    bottom: 7px;
}
header div{
	/*作为元素进行位置偏移*/
	position: relative;
    left: 43px;
    top: 24px;
}
#form_div{
	width: 100%;
	height:560px;
	background-image: url(../images/regist.png);
}
/*设置登录界面框的样式*/
#form_div>div{
	width: 253px;/*设置登录界面的大小尺寸,不设置登录界面div的高度,则默认自动适应,包裹里面的内容*/
	background-color: rgba(0,0,0,0.3);/*半透明的黑色背景*/
	padding: 10px;/*设置登录界面内边距上下左右各间距10*/
	float: right;/*浮动到最右边*/
	margin: 122px 122px 0 0;/*距上边122,距右边122*/
	color: white;
}
/*设置h2标签的样式*/
#form_div>div>h2{
	border-bottom: 1px solid white;
	font-weight: normal;
	padding-bottom: 8px;/*h2标签里面的文本内容距离下边框有8px*/
}
/*设置"新用户注册"的样式*/
h2>a{
	font-size: 12px;
	color: white;
	text-decoration: none;
	float: right;
	font-weight: normal;
	position:relative;/*任何单独元素都可以开启相对定位模式进行上下左右偏移*/
	top:6px;
	
}
/*设置输入文本框的样式*/
.filed>input{
	padding: 10px 20px;/*内边距*/
	width: 213px;
	border: 0;/*去掉自带边框*/
}
.filed>p{
	color:red;
	font-size: 12px;
	margin: 5px 0;
}
/*把图标移动到输入框居右*/
.filed{
	position: relative;/*  做图标绝对定位的位置参考*/
}
.filed>img{
	position:absolute;
	top: 4px;/*局上边框4*/
    right: 4px;/*居右边框4*/
}
/*设置超链接"忘记密码"的样式*/
#auto_div>a{
	float: right;/*靠右*/
	color:white;
	text-decoration: none;
	font-size:12px;
}
/*设置自动登录的对齐样式*/
#auto_div>label{
	position:relative;
	bottom: 3px;/*往上移动3px*/
}
/*设置登录按钮的样式*/
input[type='submit'] {
	color:white;
	background-color: #0aa1ed;
	width:253px;
	height:35px;
	border: 0;
	border-radius: 2px;
	cursor: pointer;/*鼠标变为小手势*/
	
}
input[type='submit']:hover {
	background: #385f9e;
}

/*服务标志部分*/
#service_div{
	width: 1000px;
	margin: 0 auto;/*整个div居中,上下边距40,左右居中*/
	text-align: center;/*div里面的文本居中*/
	overflow: hidden;/*为了识别高度*/
	
}
#service_div>div{
	float: left;
	width: 250px;
}
#service_div>p{
	margin-top: 0px;/*去掉上边距*/
}




/* 底部左侧商标部分 */
footer>p{
	text-align: center;
}
footer>div{
	width: 1000px;
	overflow: hidden;/*识别高度问题*/
	margin: 0 auto;
}
footer>div>div{
	width: 333px;
	float:left;
	
}

/* 底部中间部分 */
#center_div>ul>li{
	float:left;/*列表由纵向变横向*/
}
footer ul{
	list-style-type: none;
	padding: 0;/*去掉列表自带的缩进*/
}
footer li{
	width: 111px;
	text-align: center;
	margin-top: 10px;
}
footer a{
	text-decoration: none;
	color:#808080;
}
#center_div>ul>li>a{
	color:#333;
	font-size: 14px;
}


/* 底部右侧客户端下载部分 */
#right_div>div{
	width:125px;
	float:left;
	text-align: center;
	margin-left: 50px;/*距离左边边框50*/
}
#right_div>img{
	float:left;
	margin-top: 16px;/*图片向下挪动16*/
	margin-left: 20px;/*图片往右挪动20*/
}