body {
	background-image: url(../image/bg2.png);
	background-position: center -60px;
	background-repeat: no-repeat;
	background-size: 100% auto;
}

.add{
	width: 14vw;
	height: 14vw;
	border-radius: 100%;
	background-color: #1abef7;
	position: fixed;
	right: 3vw;
	bottom: 17vw;
	z-index: 10000;
	box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.1);
	display: flex;
	justify-content: center;
	align-items: center;
}

.add i{
	font-size: 32px;
	color: #fff;
}

#good .head {
	width: 93.6vw;
	margin: 3vw auto;
	height: 11vw;
	overflow: hidden;
	display: flex;
	justify-content: space-between;
	align-items: center;
	box-sizing: border-box;

}
#good .head .goback{
	
}
#good .head .goback i{
	font-size: 1.2rem;
	color: #fff;
}
#good .head  span{
	font-size: 0.75rem;
	color: #fff;
}

#good .head em{
	font-size: 1.2rem;
	color: #fff;
}
#good .search {
	width: 93.6vw;
	margin: 3vw auto;
	height: 12vw;
	background-color: #fff;
	border-radius: 5px;
	overflow: hidden;
	box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.3);
	display: flex;
	justify-content: flex-start;
	align-items: center;
	box-sizing: border-box;

}

#good .search .city_name {
	height: 100%;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	box-sizing: border-box;
	padding-left: 2.6vw;
	padding-right: 3.5vw;
	font-size: 0.7rem;
	color: #4d4d4d;
	position: relative;
	margin-right: 6vw;
}

#good .search .city_name .iconfont {
	color: #999;
	margin-left: 5px;
}

#good .search .city_name::after {
	background-color: #c9c9c9;
	width: 2px;
	height: 5vw;
	right: 0vw;
	top: 3.5vw;
	content: '';
	position: absolute;
	z-index: 1000;
}

#good .search .con {
	height: 100%;
	display: flex;
	justify-content: flex-start;
	align-items: center;
}

#good .search .con .iconfont {
	color: #999;
	margin-right: 5px;
}

#good .search .con input {
	font-size: 0.7rem;
}

#good .nav{
	height: 8.6vw;
	color: #333333;
	border-bottom: 1px solid #e5e5e5;
	display: flex;
	justify-content: space-between;
	align-items: center;
	box-sizing: border-box;
	padding-left: 3.2vw;
	padding-right: 3.2vw;
}

#good .nav a{
	font-size: 0.7rem;
	color: #333;
}

#good .nav em{
	font-size: 1rem;
	color: #333;
}

#good .order{
	height: 11.7vw;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	box-sizing: border-box;
	padding-left: 3.2vw;
	padding-right: 3.2vw;
}

#good .order a{
	display: inline-table;
	height: 7vw;
	padding: 0 2vw;
	border-radius: 3.5vw;
	background-color: #f2f3f7;
	color: #666666;
	font-size: 0.6rem;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-right: 2vw;
}

#good .list{
	width: 100%;
	box-sizing: border-box;
	padding-bottom: 60px;
}

#good .list .item{
	padding: 3vw 3.2vw;
	border-bottom: 1px solid #e5e5e5;
}

#good .list .item .top{
	display: flex;
	justify-content: space-between;
	align-items: center;
}

#good .list .item .zuozhe{
	display: flex;
	justify-content: space-between;
	align-items: center;
}

#good .list .item .zuozhe .litpic{
	width: 7vw;
	height: 7vw;
	margin-right: 2vw;
}

#good .list .item .zuozhe .name{
	font-size: 0.6rem;
	color: #333;
	line-height: 1.8em;
}
#good .list .item .zuozhe .time{
	font-size: 0.5rem;
	color: #999;
	line-height: 1.6em;
}

#good .list .item .guanzhu{
    width: 18.3vw;
    height: 6vw;
    border-radius: 3vw;
    background-color: #1abef7;
    color: #fff;
    font-size: 0.6rem;
    display: flex;
    justify-content: center;
    align-items: center;
}

#good .list .item .zuozhe .litpic img{
	width: 7vw;
	height: 7vw;
}

#good .list .item  .dec{
	font-size: 0.7rem;
	color: #333;
	line-height: 1.6em;
	padding: 2vw 0; 
}

#good .list .item .piclist{
	display: flex;
	justify-content: flex-start;
	margin-bottom: 2vw;
}

#good .list .item .piclist .img{
	height: 19.8vw;
	width: 19.8vw;
	margin-right: 2.5vw;
}

#good .list .item .piclist .img:last-child{
	margin-right: 0;
}

#good .list .item .piclist .img img{
	width: 100%;
	height: auto;
}

#good .list .item .more{
	display: flex;
	justify-content: space-between;
	align-items: center;
}
#good .list .item .more .zan{
	display: flex;
	justify-content: flex-start;
	align-items: center;
	font-size: 0.6rem;
	color: #808080;
}

#good .list .item .more .zan img{
	height: 6.4vw;
	width: auto;
	margin-right: 3vw;
}

#good .list .item .more .other{
	display: flex;
	justify-content: flex-end;
	align-items: center;
}

#good .list .item .more .other em{
	font-size: 0.6rem;
	color: #808080;
	margin-left: 3vw;
}

#good .list .item .more .other em.z1{
	padding-left: 5vw;
	background-image: url(../image/i1.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	background-size: 4vw auto;
}

#good .list .item .more .other em.z2{
	padding-left: 5vw;
	background-image: url(../image/i2.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	background-size: 4vw auto;
}

#good .list .item .more .other em.z3{
	padding-left: 4vw;
	height: 6vw;
	background-image: url(../image/i3.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	background-size: 4vw auto;
}