/* 页面结构与头部样式 */

body{
	font-family:"宋体";
	background:#ede6cc url(images/body.jpg) no-repeat center top;
}

img{
	display:block;
}

#footer{
	width:980px;
	color:#000;
	line-height:24px;
	padding:15px 0px 15px 0px;
	background:#e2e2e2;
}

#footer a{
	color:#000;
}

#footer img{
	display:inline;
}

#page{
	width:980px;
	margin:0px auto;
}

#dzw{
	height:35px;
	line-height:32px;
	color:#000;
	background:url(images/dzw.gif) no-repeat 12px 0px;
	padding-left:96px;
}

#dzw .left{
	width:580px;
}

#dzw .right{
	width:220px;
}

#dzw .left a{
	color:#000;
	margin:0px 4px;
}

#dzw .right a{
	color:#c40900;
	margin:0px 4px;
}

#header{
	height:419px;
	overflow:hidden;
	background:url(images/header.jpg);
	position:relative;
}

#header p{
	position:absolute;
	top:258px;
	left:250px;
	width:410px;
	line-height:21px;
	color:#000;
	text-indent:18pt;
}

#content{
	height:100%;
	background:#fff;
}

#layout1{
	height:208px;
	background:url(images/ly1.jpg) repeat-x;
	overflow:hidden;
}

.topic{
	height:32px;
	padding-top:12px;
	background-repeat:no-repeat;
	background-position:27px 0px;
}

#layout2 .topic{ background-image:url(images/topic2.gif);}
#layout2 .topic h2{ color:#0099ff; }
#layout3 .topic{ background-image:url(images/topic3.gif);}
#layout3 .topic h2{ color:#f31d77; }
#layout4 .topic{ background-image:url(images/topic4.gif);}
#layout4 .topic h2{ color:#6a1b6a; }
#layout5 .topic{ background-image:url(images/topic5.gif);}
#layout5 .topic h2{ color:#c1730e; }

.topic h2{
	font-size:24px;
	font-family:"Microsoft Yahei","黑体";
	font-weight:normal;
	margin-left:71px;
}

#layout1 .topic{
	height:48px;
	line-height:48px;
	padding:0px;
}

#layout1 .topic h2{
	color:#fff;
	margin-left:26px;
}

#layout1 .content ul li{
	float:left;
	display:inline;
	margin:0px 0px 0px 13px;
	width:180px;
}

#layout1 .content ul li img{
	height:100px;
	width:165px;
	margin:0px auto;
}

#layout1 .content ul li p{
	line-height:21px;
	color:#fff;
	margin-top:5px;
	text-align:center;
}

#layout1 .content ul li p a{
	color:#fff;
}

#layout2 .content{
	margin:18px 35px 0px 27px;
}

#layout2 .photo{
	float:left;
	height:110px;
	width:110px;
}

#layout2 .photo img{
	height:110px;
	width:110px;
}

#layout2 .right{
	width:783px;
}

#layout2 .right .text{
	font-size:14px;
	color:#000;
	line-height:25px;
	height:50px;
	overflow:hidden;
	padding:5px 0px;
}

#layout2 .right .download{
	border-top:1px solid #09f;
	margin-top:15px;
	padding:0px 20px 0px 0px;
	height:44px;
}

#layout2 .right .download p{	
	float:left;
	font-size:20px;
	font-family:"Microsoft Yahei","黑体";
	color:#063d6d;
	line-height:37px;
	margin-top:7px;
}

#layout2 .right .download .links{
	float:right;
	width:476px;
	margin-top:7px;
}

#layout2 .right .download .links a{
	float:left;
	width:119px;
	height:37px;
	overflow:hidden;
}

#iphone{ background:url(images/ly2-btn1.gif); }
#android{ background:url(images/ly2-btn2.gif); }
#wp7{ background:url(images/ly2-btn3.gif); }
#pc{ background:url(images/ly2-btn4.gif); }

#layout4 .content,#layout5 .content{
	width:895px;
	margin:0px auto;
	padding:12px 0px;
	font-size:14px;
	line-height:25px;
	color:#000;
}

#layout3 .block{
	border:1px solid #d0d0d0;
	width:909px;
	margin:20px auto 0px auto;
	background:url(images/ly3-block-bg.gif) repeat-y right top;
	height:100%;
}

#layout3 .title{
	height:72px;
	overflow:hidden;
	line-height:50px;
}

#layout3 .title h2{
	margin-left:20px;
	color:#fff;
	font-size:18px;
	font-family:"Microsoft Yahei","黑体";
	font-weight:normal;
}

#ly3-1 .title{ background:url(images/ly3-title1.gif); }
#ly3-2 .title{ background:url(images/ly3-title2.gif); }
#ly3-3 .title{ background:url(images/ly3-title3.gif); }

#layout3 .content{
	font-size:14px;
	color:#000;
	padding-bottom:20px;
}

#layout3 .content .left{
	display:inline;
	width:462px;
	padding-left:20px;
}

#layout3 .content .right{
	display:inline;
	width:370px;
	padding-right:26px;
}

#ly3-1 .content,#ly3-3 .content{
	background:url(images/ly3-right-bg1.jpg) no-repeat right bottom;
}

#ly3-2 .content{
	background:url(images/ly3-right-bg2.jpg) no-repeat right bottom;
}

#layout3 .content .explain{
	line-height:25px;
}

#layout3 .content .explain span{
	color:#f31d77;
}

#layout3 .content .left .explain{
	margin-top:10px;
}

#layout3 .content .right .explain{
	margin-bottom:10px;
}

#layout3 .content .left form p{
	height:38px;
}

#layout3 .content .left form .radio{
	margin-left:10px;
}

#layout3 .content .left form .text{
	border:1px solid #b8bfcc;
	height:22px;
	width:105px;
	line-height:22px;
	margin-right:25px;
}

#layout3 .content .left form .btn{
	border:none;
	background:#f31d77;
	color:#fff;
	font-size:14px;
	text-align:center;
	line-height:23px;
	height:23px;
	width:48px;
	cursor:pointer;
}

#layout3 .content .left form ul{
	height:100%;
	margin-bottom:15px;
}

#layout3 .content .left form ul li{
	float:left;
	display:inline;
	width:60px;
	height:88px;
	overflow:hidden;
	margin:0px 17px 0px 0px;
}

#layout3 .content .left form ul li img{
	height:52px;
	width:60px;
	margin-bottom:4px;
}

#layout3 .content .left form ul li span{
	float:left;
	line-height:14px;
	font-size:12px;
}

#layout3 .content .left form ul li input{
	float:right;
}

#layout3 .content .right .join{
	line-height:22px;
}

#layout3 .content .right .join p{
	float:left;
	font-size:12px;
	color:#f31d77;
}

#layout3 .content .right .join p span{
	font-size:14px;
}

#layout3 .content .right .join form{
	float:right;
	font-size:12px;
	color:#000;
}

#layout3 .content .right .join form .text{
	border:1px solid #b8bfcc;
	width:105px;
	height:22px;
	line-height:22px;
	margin:0px 5px;
}

#layout3 .content .right .join form .btn{
	border:none;
	background:none;
	cursor:pointer;
}

#layout3 .content .right table{
	width:368px;
	border:1px solid #aed2e0;
	text-align:center;
	margin-top:5px;
}

#layout3 .content .right table th,#layout3 .content .right table td{
	border:1px solid #aed2e0;
	line-height:32px;
	height:32px;
	overflow:hidden;
	width:33%
}

#layout3 .content .right table th{
	color:#0a6fb7;
	background:url(images/ly3-right-th.gif) repeat-x;
}

#layout3 .content .right table th img{
	margin:0px auto;
}