﻿@charset "UTF-8";
/**
 * 
 * @authors Your Name (you@example.org)
 * @date    2016-01-22 15:46:43
 * @version $Id$
 */
*{
	margin: 0;
	padding: 0;
}

body,html{
	height: 100%;
}
body{
	font-family: tahoma,arial,"微软雅黑","heiti";
}
a{
	text-decoration: none;
}
 ul,ol{
 	list-style: none;
 }

.wrapper{
	width: 100%;
	background: #439cd7;
	min-height: 100%;
}

.index_header{
	height: 65px;
	background: #fff;
	width: 100%;
	box-shadow: 0px 2px 5px #999;
}
.index_header_content{
	width: 100%;
	margin: 0 auto;
	height: 65px;
	max-width: 1440px;
}

.header_account{
	float: right;
	height: 65px;
}

.list_logo{
	height: 41px;
	float: right;
	margin-top: 15px;
	margin-right: 50px;
	background: url('../styImg/search/list_logo.jpg') right 0 no-repeat;
	padding-right: 160px;
	font-size: 14px;
	color: #666;
}
.list_logo em{
	line-height: 35px;
	margin-left:20px;
}


.index_header_content .welcome{
	height: 65px;
	line-height: 65px;
	color: #73c5ec;
	font-size: 12px;
	float: left;
}
.index_header_content .welcome a{
	color: #73c5ec;
}

.index_header_content .account_name{
	float: left;
	height: 65px;
	line-height: 65px;
	font-size: 12px;
	margin-left: 10px;
}
.account_login{
	color: #666666;
	float: left;
}
.index_header_content .account_name span{
	display: block;
	height: 65px;
	float: left;
	line-height: 65px;
	color: #ccc;
	margin: 0 10px;
}
.index_header_content .account_top{
	color: #73c5ec;
	height: 65px;
	line-height: 65px;
	background:url('../styImg/account_icon.png') 0 25px no-repeat;
	padding-left:25px;
	display:block
}
.index_header_content .account_top_add{
	color: #73c5ec;
	height: 65px;
	line-height: 65px;
	background:url('../styImg/account_icon_add.png') 0 25px no-repeat;
	padding-left:25px;
	display:block
}


.index_header_content .message_top{
	background: url('../styImg/index/message_icon.jpg') 0 27px no-repeat;
	padding-left: 20px;
	float: left;
	color: #666;
	position: relative;
}
.message_top ul{
	position: absolute;
	width: 80px;
	border:1px solid #ddd;
	background: #fff;
	left: -20px;
	display: none;
}

.message_top ul li{
	height: 28px;
	line-height: 28px;
	border-bottom:1px dashed #ddd;
}
.message_top ul li a{
	display: block;
	font-size: 12px;
	color: #999;
	padding-left: 30px;
}

.member_message_icon{
	background: url('../styImg/index/member_message_icon.png') 10px center no-repeat;
}
.member_sent_icon{
	background: url('../styImg/index/member_sent_icon.png') 10px center no-repeat;
}
.member_trash_icon{
	background: url('../styImg/index/member_trash_icon.png') 10px center no-repeat;
}

.header_nav{
	float: left;
	height: 65px;
	line-height: 65px;
	font-size: 14px;
	color: #ababab;
}
.header_nav a{
	color: #ababab
}
.header_nav span{
	margin: 0 15px;
}

.header_nav a.list_icon{
	background: url('../styImg/index/list_icon.png') 0 3px no-repeat;
	padding-left: 25px;
	color: #66aee6;
	margin-right: 20px;
}


/*中间部分*/
.middle{
	width: 815px;
	margin: 0 auto;
	padding: 160px 0 150px 0;
}

.logo{
	text-align: center;
	margin-bottom: 20px;
}

.search_area{
	width: 700px;
	margin: 0 auto 45px auto;
}

.search_box{
	background: #fff;
	width: 700px;
	height: 37px;
	padding: 2px 2px 2px 0;
	box-shadow: 5px 5px 8px #666;
	margin-bottom: 10px;
}

.search_box dl{
	float: left;
	width: 109px;
	height: 24px;
	border-right:1px solid #ddd;
	margin-top: 7px;
	font-size: 14px;
	position: relative;
	z-index: 2000
}
.search_box dl dt{
	color: #999;
	line-height: 24px;
	background: url('../styImg/index/arrow_down.png') 80% 10px no-repeat;
	padding-left: 20px;
	display: block;
}
.search_box dl dd{
	position: absolute;
	background: #fff;
	width: 109px;
	top: 31px;
	left: 0;
	display: none;
}
.search_box dl dd a{
	font-size: 14px;
	line-height: 32px;
	border-bottom:1px dashed #ddd;
	color: #999;
	display: block;
	padding-left: 20px;
}
.search_box dl dd a:last-child{
	border-bottom: 0;
}
.search_input{
	float: left;
	height: 37px;
	line-height: 37px;
	outline: none;
	width: 470px;
	font-size: 14px;
	color: #999;
	border:0;
	margin-left: 10px;
}
.search_btn{
	display: block;
	float: right;
	width: 60px;
	height: 37px;
	background: #73c5ec url('../styImg/index/search_icon.png') 15px 12px no-repeat;
	font-size: 16px;
	color: #fff;
	padding-left: 35px;
	line-height: 37px;
	font-family:"Microsoft Yahei";
}

.hot_search{
	height: 30px;
	line-height: 30px;
	font-size: 14px;
	color: #fff;
	width: 700px;
}
.hot_search dt{
	float: left;
	margin-right: 15px;
	width: 80px;
}
.hot_search dd{
	float: left;
	width: 600px;
}
.hot_search dd a{
	color: #fff;
	margin-right: 10px;
}

.img_area{
	width: 800px;
	margin: 0 auto;
	height: 250px;
}
.img_area li{
	float: left;
	width: 178px;
	height: 103px;
	border:1px solid #a1ceeb;
	border-radius: 10px;
	box-shadow: 3px 3px 8px #333;
	position: relative;
	margin-right: 20px;
	margin-bottom: 20px;
}
.img_area li img{
	display: block;
	border-radius: 10px;
}

.img_area li .cover_img{
	width: 178px;
	height: 28px;
	position: absolute;
	top: 38px;
	left: 0px;
	background: url('../styImg/index/cover.png') repeat;
	text-align: center;
	font-size: 13px;
	color: #fff;
	line-height: 28px;
	display: none;
}

.img_area li:hover .cover_img{
	display: block;
}


/*筛选部分*/
.scrrening{
	width: 700px;
	margin: 20px auto;
	position: relative;
}
.more_select{
	display: block;
	position: absolute;
	width: 50px;
	height: 26px;
	background: url('../styImg/index/more_select.png') no-repeat;
	font-size: 12px;
	color: #5ca7d9;
	line-height: 22px;
	text-align: center;
	top: 0;
	right: 0;
}
.scrrening dl{
	border-bottom:1px dashed #fff;
	width: 700px;
	margin-bottom: 10px;
	overflow: hidden;
	font-size: 14px;
	color: #fff;
}
.scrrening dl.last{
	border-bottom: 0;
}
.scrrening dl dt{
	float: left;
	line-height: 30px;
	width: 80px;
	padding-left: 25px;
}
.scrrening dl dd{
	float: left;
	width: 540px;
	line-height: 30px;
}
.scrrening dl dd a{
	color: #fff;
	margin-right: 10px;
	display: inline-block;
	margin-bottom: 5px;
}
.scrrening dl dd a input{
	float: left;
	margin: 8px 3px 0 0;
	display: none;
}
.scrrening dl dd input[type='text']{
	width: 160px;
	height: 28px;
	border:1px solid #488ebc;
	background: #fff;
	line-height: 28px;
	color: #666;
	outline: none;
	padding: 0 10px;
}
.scrrening dl dd span{
	margin: 0 10px;
}

.opt{
	clear: both;
	height: 26px;
	text-align: center;
	display: none;
	padding-bottom: 10px;
}
.opt a{
	display: inline-block;
	height: 26px;
	width: 49px;
	text-align: center;
	font-size: 12px;
	line-height: 22px;
	margin: 0 10px;
}

.scrrening dl dd .opt a.confrim{
	background: url('../styImg/index/confrim.png') no-repeat;
}
.scrrening dl dd .opt a.cancel{
	background: url('../styImg/index/more_select.png') no-repeat;
	color: #5ca7d9;
}

.map_icon{
	background: url('../styImg/index/map_icon.png') 5px 6px no-repeat;
}

.code{
	background: url('../styImg/index/code.png') 3px 8px no-repeat;
}

.chanchu{
	background: url('../styImg/index/show.png') 1px 8px no-repeat;
}


/*底部*/
.index_footer{
	width: 100%;
	height: 49px;
	background: #fff;
	position: fixed;
	left: 0;
	bottom: 0;
	font-size: 14px;
	color: #666;
	line-height: 49px;
}
.index_footer_content{
	width: 100%;
	max-width: 1440px;
	height: 65px;
	text-align: right;
}



.account_h{
	float:left;
	position:relative;
}

.account_h ul{
	position: absolute;
	width: 80px;
	border:1px solid #ddd;
	background: #fff;
	left: -20px;
	display: none;
	top:65px;
	z-index:10;
}

.account_h ul li{
	height: 28px;
	line-height: 28px;
	border-bottom:1px dashed #ddd;
}
.account_h ul li a{
	display: block;
	font-size: 12px;
	color: #999;
	text-align:center
}
.account_h:hover ul{
	display:block
}

.red
{
	color:Red;
	}