* {
	margin: 0;
	padding: 0;
}
ul,li {
	list-style: none;
}

.header {
	width: 80%;
	height: 350px;
	background-color: blue;
	position: relative;
	/*background-image: url(/img/love.png) no-repeat 0px 0px;;*/
}
.header .up {
	z-index: 99;
	position: absolute;
	left: 80px;
	top: 20px;
}
.header .img-list {
	z-index: 99;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
}
.header .img-list .m3 {
	width: 200px;
	height: 350px;
	margin-right: 60px;
}
.header .img-list .m2 {
	width: 200px;
	height: 350px;
	margin-right: 60px;
}
.header .img-list .m1 {
	width: 200px;
	height: 350px;
	margin-right: 60px;
}
.header .love {
	width: 100%;
	height: 100%;
}
.header .name {
	display: flex;
}
.title {
	margin-top: 8px;
	margin-left: 10px;
}
.header img {
	width: 60px;
	height: 60px;
}
.name {
	padding: 30px 120px;
	font-style: italic;
	font-size: 28px;
	font-weight: bold;
	color: white;
	margin-left: 10px;
}
.body {
	/* text-align: center; */
	align-items: center;
	justify-content: center;
	display: flex;
	font-style: italic;
	flex-direction: column;
	font-weight: bold;
	border-top: 1px solid #999999;
}
.pic {
	margin-top: 40px;
}
h1 {font-size: 38px;

}
.num {
	color: blue;
}
h2 {
font-size: 28px;
text-align: center;
margin-top: 20px;
}
.imgs {
	display: flex;
	align-items: center;
	justify-content: space-evenly;
	margin-top: 80px;
	margin-bottom: 100px;

}
.img-one,.img-two {
	width: 250px;
	height: 250px;
	border: 1px solid #ccc;
	align-items: center;
	justify-content: center;
	display: flex;
	flex-direction: column;
}
.img-1,.img-2 {
	width: 180px;
	height: 180px;
}
.news {
	padding: 0 200px;
	font-size: 24px;
	color: white;
}
.footer {
	width: 100%;
	height: 50px;
	 background-color: azure;
	/*position: fixed;
	left: 0;
	bottom: 0;*/
	text-align: center;
	border-top: 1px solid #999999;
}
.info {
	margin-top: 15px;
	color: #999;
}



.loginForm{width:367px;margin:45px 0 0 64px;background:#fff;}
.loginTit{height:52px;background:#fafafa;border-left:1px solid #d3d3d3;}
.loginTit li{float:left;width:182px;border:1px solid #d3d3d3;border-left:none;font:18px/50px 'Microsoft Yahei';color:#666;text-align:center;text-decoration:none;cursor:pointer;}
.loginTit li.default{width:365px;border:1px solid #d3d3d3;border-left:0;background-color:#fafafa;color:#000;text-align:left;text-indent:40px;cursor:default;}
.loginTit li.cur{height:50px;line-height:48px;border-top:2px solid #ff5d72;border-bottom:none;background-color:#fff;color:#ff546a;cursor:default;}
.loginInner{padding:15px 20px 20px 19px;border:1px solid #d3d3d3;border-top:none;}
.loginFalse{display:none;height:32px;overflow:hidden;margin:0 8px 6px 11px;border:1px solid #ece482;background:#fefacb;}
.loginFalse p{line-height:24px;margin:4px 0 0 10px;padding-left:18px;background:url(../i/false.png) no-repeat left 5px;font-family:'SimSun';color:#4e4e4e;}
.loginFalse a{color:#548ad5;text-decoration:underline;}
.login_zh,.login_mm,.login_code,.login_zh_o,.login_mm_o{padding:8px 0 0 0;}
.loginInner .lab{float:left;display:inline;width:80px;height:32px;line-height:32px;margin-right:9px;font-size:14px;color:#666;text-align:right;}
.loginInner .login_inpBox{position:relative;float:left;display:inline;width:220px;height:30px;border:1px solid #d3d3d3;}
.loginInner .login_inpBoxFocus{border-color:#35c1e8;}
.loginInner .login_inpBox label.login_label{position:absolute;z-index:1;z-index:3\9;top:5px;left:10px;display:none;line-height:20px;font-size:14px;color:#a4a4a4;cursor:text;}
:root .loginInner .login_inpBox label.login_label{z-index:1\9;}
.loginInner .login_inpBox label.login_labelFocus{color:#ddd;}
.loginInner .login_inpBox input{position:absolute;z-index:2;top:0;left:0;width:100%;line-height:20px;padding:5px 0;border:none;background-color:rgba(255,255,255,0);font-size:14px;color:#333;text-indent:10px;_top:5px;_padding:0;}
.loginInner .login_inpBox .btnDel{position:absolute;z-index:3;top:7px;right:5px;display:none;width:17px;height:17px;overflow:hidden;background:url(../i/delete.png) no-repeat;cursor:pointer;text-indent:-999em;}
.loginInner .login_inpBox .btnDel:hover{background-position:0 -27px;}
.login_code .login_inpBox{position:relative;width:100px;}
.login_code .login_inpBox input{width:80px;}
.login_code .login_inpBox .imgCode{position:absolute;top:-1px;right:-120px;width:110px;height:32px;overflow:hidden;}
.login_code .login_inpBox .imgCode img{width:110px;height:32px;}
.loginInner .login_codeBox{float:left;position:relative;z-index:99;width:80px;height:32px;}
.loginInner .login_code_btn{position:absolute;top:0;left:-1px;display:block;width:78px;height:30px;border:1px solid #ffb5bf;background-color:#fff8f9;font:12px/30px 'Microsoft Yahei';color:#ff546a;text-align:center;}
.loginInner .login_code_btn:hover{text-decoration:none;background-color:#ffecee;}
.loginInner .login_code_btned,.loginInner .login_code_btned:hover{border:1px solid #d8d8d8;background-color:#e4e4e4;color:#9a9a9a;cursor:default;}
.loginInner .login_code_btnImg{position:absolute;top:0;left:-1px;display:block;width:105px;height:32px;text-align:center;}
.loginInner .login_code_btnImg img{width:100%;height:100%}
.loginSelf,.loginInner .btnsBox,.openId p{padding-left:89px;}
.loginSelf{zoom:1;height:22px;overflow:hidden;line-height:20px;padding-left:89px;font-size:0;color:#a4a4a4;}
.loginSelf input{float:left;display:inline;margin-top:2px;margin-right:6px;*margin-top:-1px;_margin-top:0;_margin-right:2px;}
.loginSelf label{font-size:12px;}
.loginInner .btnsBox{zoom:1;overflow:hidden;line-height:28px;margin-top:15px;}
.loginInner .btnLogin{float:left;display:inline;width:100px;height:26px;line-height:26px;margin-right:20px;border:1px solid #ff546a;background:#ff546a;font-size:14px;color:#fff;text-align:center;}
.loginInner .btnLogin:hover{background:#ff2642;border:1px solid #ff2642;text-decoration:none;}
.loginInner .forgMM{color:#a4a4a4;text-decoration:underline;}
.loginInner .forgMM:hover{color:#0066cb;}

.loginInner .area-two .login_inpBox {width:106px;}
.loginInner .area-two .login_inpBox input{width:106px;}
.loginInner .area-two .login_codeBox{ position:absolute;left:116px;top:-1px;z-index:3;  }
.loginInner .login_inpBox .area-code input{position: static;width:113px;_margin-top:5px;  }
.loginInner .area-main{border:none;z-index:5;height:32px;}
.tab-wrap .loginInner .lab{width:85px;}
.tab-wrap .loginInner .login_code_btn{width:103px;}


/* 防止用户自定义背景颜色对网页的影响，添加让用户可以自定义字体 */
html{color:#000;background:#fff;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;}

/* 内外边距通常让各个浏览器样式的表现位置不同 */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,hr,button,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {margin:0;padding:0;}

/* 重设 HTML5 标签, IE 需要在 js 中 createElement(TAG) */
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section { display:block;}


/* 要注意表单元素并不继承父级 font 的问题 */
body,button,input,select,textarea{font:12px/1.5 tahoma,arial,\5b8b\4f53;}
input,select,textarea{font-size:100%;}

/* IE bug fixed: th 不继承 text-align*/
th{text-align:inherit;}
fieldset,img{border:0;}

/* ie6 7 8(q) bug 显示为行内表现 */
iframe{display:block;}

/* 去掉 firefox 下此元素的边框 */
abbr,acronym{border:0;font-variant:normal;}

/* 一致的 del 样式 */
del {text-decoration:line-through;}

address,caption,cite,code,dfn,em,th,var {font-style:normal;font-weight:500;}

/* 去掉列表前的标识, li 会继承 */
ol,ul {list-style:none;}

/* 对齐是排版最重要的因素, 别让什么都居中 */
caption,th {text-align:left;}

/* 来自yahoo, 让标题都自定义, 适应多个系统应用 */
h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:500;
}

/* 清理浮动 */
.fn-clear:after {visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0;
}
.fn-clear {zoom:1; /* for IE6 IE7 */}

/* 隐藏, 通常用来与 JS 配合 */
.fn-hide {display:none;}

/* 设置内联, 减少浮动带来的bug */
.fn-left {float:left;}
.fn-right {float:right;}

/* 链接默认状态  */
a{color:#333; text-decoration:none;}  /* 默认不显示下划线，保持页面简洁 */
a:hover{text-decoration:underline;}   /* 让链接在 hover 状态下显示下划线 

/* 链接-灰色*/
.a_black {color:#000;} .a_gray_000:hover {color:#F03B85;}        /* 黑色 */
/* 链接-灰色*/
.a_gray_333 {color:#333;} .a_gray_333:hover {color:#F03B85;}   /* 常用黑色 */
.a_gray_666 {color:#666;} .a_gray_666:hover {color:#F03B85;}   /* 黑色再次之 */
.a_gray_999 {color:#999;} .a_gray_999:hover {color:#F03B85;}   /* 黑色再次之2 */
.a_gray_ccc {color:#ccc;} .a_gray_ccc:hover {color:#F03B85;}      /* 常用灰色 */
/* 链接-白色*/
.a_white {color:#fff;}    .a_white:hover {color:#F03B85;}
/* 链接-蓝色*/
.a_blue {color:#06c;}     .a_blue:hover {color:#F03B85;}
/* 链接-粉色*/
.a_pink  {color:#F03B85;}
/* 链接-红色*/
.a_red  {color:#f00;}

/* 链接-大小  */
.f_12 {font-size:12px;}
.f_14 {font-size:14px;}
.f_16 {font-size:16px;}
.f_18 {font-size:18px;}
.f_20 {font-size:20px;}

/* 链接-下划线  */
.a_line {text-decoration:underline;}
.a_line_none {text-decoration:none;}


/* 文字颜色  */
.f_black {color:#000;}      /* 黑色 */
.f_gray_333 {color:#333;}    /* 常用黑色 */
.f_gray_666 {color:#666;}    /* 黑色再次之 */
.f_gray_999 {color:#999;}    /* 黑色再次之2 */
.f_gray_ccc {color:#ccc;}     /* 常用灰色 */
.f_white {color:#fff;}         /* 白色 */
.f_blue {color:#06c;}          /* 蓝色 */
.f_pink  {color:#F03B85;}    /* 粉色 */
.f_red  {color:#f00;}    /* 红色 */

/* 文字大小  */
.f_size_12 {font-size:12px;}
.f_size_14 {font-size:14px;}
.f_size_16 {font-size:16px;}
.f_size_18 {font-size:18px;}
.f_size_20 {font-size:20px;}