@CHARSET "UTF-8";
@media (max-width: 767px) {
	.main{
		width: 96%;
		padding: 0px 2%;
		background: #efeff0;
		overflow: hidden;
		padding-bottom: 83px;
	}

	/* 搜索 */
	.search{
		margin: 20px 0px;
		overflow: hidden;
		background: #fff;
		height: 36px;
		border-radius: 30px;
		box-shadow: 0px 3px 2px #bbb inset;
	}
	.search-btn{
		width: 80%;
		float: left;
		border:none;
		outline: none;
		height: 36px;
		background: none;
		line-height: 36px;
		text-indent: 1em;
		font-family: "微软雅黑";
	}
	.search button{
		width: 20%;
		float: right;
		border:none;
		outline: none;
		height: 36px;
		background: none;
		line-height: 36px;
		text-align: center;
	}
	/* 主导航 */
	.nav{
		width: 100%;
		background: #fff;
		overflow: hidden;
	}
	.nav a{
		display: inline-block;
		float: left;
		width: 20%;
		height: 55px;
		line-height: 55px;
		text-align: center;
		font-size: 16px;
	}
	.nav a:hover{
		color: #50af80;
	}

	/* 小导航 */
	.menu{
		width: 100%;
		overflow: hidden;
		background: #50af80;
	}
	.menu li{
		width: 20%;
		float: left;
		padding: 10px 0px;
		box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-o-box-sizing: border-box;
		box-sizing: border-box;
		text-align: center;
		border-bottom: 1px solid #6eb88e;
		border-right: 1px solid #6eb88e;
	}
	.menu li img{
		width: 60%;
		height: auto;
	}
	.menu li h1{
		color: #fff;
		width: 100%;
		overflow: hidden;
		height: 30px;
		line-height: 30px;
	}

	/* 地区搜索 */
	.list{
		width: 100%;
		margin-top: 20px;
		background: #fff;
		height: 36px;
		line-height: 36px;
	}
	.list a{
		display: inline-block;
		width: 20%;
		float: left;
		text-align: center;
		font-size: 14px;
	}
	.photo{
		width: 100%;
		overflow: hidden;
	}
	.photo li{
		top: 5px;
		width: 33%;
		float: left;
		height: 150px;
		position: relative;
		overflow: hidden;
	}
	.photo li:nth-child(2),.photo li:nth-child(3){
		margin-left: 0.5%;
	}
	.photo li img{
		width: 100%;
		height: 100%;
		position: absolute;
	}
	.photo li p{
		width: 100%;
		text-align: center;
		position: absolute;
		z-index: 9;
		height: 30px;
		background: rgba(255,255,255,.5);
		line-height: 30px;
		bottom: 5px;
		font-size: 12px;
		font-weight: bold;
	}
	/* 1楼女装 */
	.flod{
		margin-top:20px;
		overflow: hidden;
		width: 100%;
	}
	.one{
		background:#fff;
		position:relative;
	}
	.one .tyt{
		position:absolute;
		color:#5c7886;
		font-family:"微软雅黑";
		font-size:14px;
		width: 25%;
		text-align: center;
		line-height:45px;
		height: 45px;
	}
	.one li{
		float:left;
		width:25% ;
		height:45px; 
		display:block; 
		line-height:45px;
		overflow: hidden;
		background: url(../image/flod1.png) right center no-repeat;
	}
	.one li a{
		display:block;
		line-height:45px;
		text-align:center;
		color:#5c7886;
		font-size:14px;
	}
	.one li a:hover{
		text-decoration:none; 
		background:#5c7886; 
	}
	.one li a.one_click{
		color:#fff;
		text-decoration:none;
		font-size:14px;
		background:#5c7886;
	}
	.flod-li li{
		margin-top:2%;
		width: 32%;
		overflow: hidden;
		background: #5c7886;
		float: left;
		margin-left: 2%;
	}
	.flod-li li:first-child,
	.flod-li li:nth-child(4){
		margin-left: 0px;
	}
	.flod-li img{
		width: 100%;
		height: auto;
	}
	.flod-li p{
		width: 94%;
		margin: 0px 3%;
		height: 50px;
		line-height: 25px;
		overflow: hidden;
		color: #fff;
	}
	.flod-li h1{
		text-align: center;
		font-size: 14px;
		color: #d4de7a;
		line-height: 30px;
	}

	/* 2楼箱包 */

	.two{
		background:#fff;
		position:relative;
	}
	.two .tyt{
		position:absolute;
		color:#969664;
		font-family:"微软雅黑";
		font-size:14px;
		width: 25%;
		text-align: center;
		line-height:45px;
		height: 45px;
	}
	.two li{
		float:left;
		width:25% ;
		height:45px; 
		display:block; 
		line-height:45px;
		overflow: hidden;
		background: url(../image/flod1.png) right center no-repeat;
	}
	.two li a{
		display:block;
		line-height:45px;
		text-align:center;
		color:#969664;
		font-size:14px;
	}
	.two li a:hover{
		text-decoration:none; 
		background:#969664; 
	}
	.two li a.two_click{
		color:#fff;
		text-decoration:none;
		font-size:14px;
		background:#969664;
	}
	.glod li{
		background: #969664;
	}

	/* 3楼彩妆 */
	.three{
		background:#fff;
		position:relative;
	}
	.three .tyt{
		position:absolute;
		color:#eb6363;
		font-family:"微软雅黑";
		font-size:14px;
		width: 25%;
		text-align: center;
		line-height:45px;
		height: 45px;
	}
	.three li{
		float:left;
		width:25% ;
		height:45px; 
		display:block; 
		line-height:45px;
		overflow: hidden;
		background: url(../image/flod1.png) right center no-repeat;
	}
	.three li a{
		display:block;
		line-height:45px;
		text-align:center;
		color:#eb6363;
		font-size:14px;
	}
	.three li a:hover{
		text-decoration:none; 
		background:#eb6363;
		color:#fff;
	}
	.three li a.three_click{
		color:#fff;
		text-decoration:none;
		font-size:14px;
		background:#eb6363;
	}
	.red li{
		background: #eb6363;
	}

	/* 4楼名表 */
	.four{
		background:#fff;
		position:relative;
	}
	.four .tyt{
		position:absolute;
		color:#88af8c;
		font-family:"微软雅黑";
		font-size:14px;
		width: 25%;
		text-align: center;
		line-height:45px;
		height: 45px;
	}
	.four li{
		float:left;
		width:25% ;
		height:45px; 
		display:block; 
		line-height:45px;
		overflow: hidden;
		background: url(../image/flod1.png) right center no-repeat;
	}
	.four li a{
		display:block;
		line-height:45px;
		text-align:center;
		color:#88af8c;
		font-size:14px;
	}
	.four li a:hover{
		text-decoration:none; 
		background:#88af8c;
		color:#fff;
	}
	.four li a.four_click{
		color:#fff;
		text-decoration:none;
		font-size:14px;
		background:#88af8c;
	}
	.set-blue li{
		background: #88af8c;
	}


	/* 底部导航 */
	.footer{
		width: 100%;
		background: #50af80;
		position: fixed;
		z-index: 100;
		bottom: 0px;
		padding: 10px 0px;
		overflow: hidden;
	}
	.footer li{
		width: 25%;
		float: left;
		text-align: center;
	}
	.footer li a{
		display: block;
		height: 100%;
		width: 100%;
	}
	.footer li img{
		width: 30px;
		height: 30px;
	}
	.footer li h1{
		color: #fff;
		margin-top: 5px;
		font-weight: normal;
	}

	/* banner */
	.banner{ 
		position:relative; 
		width:100%; 
		height:300px; 
		overflow:hidden; 
		margin-top: 20px;
	}
	.banner ul.items{ 
		position:absolute; 
		float:left; 
		background:none; 
		list-style:none; 
		padding:0px; 
		margin:0px;
	}
	.banner ul.items li{ 
		float:left; 
		background:none; 
		list-style:none; 
		padding:0px; 
		margin:0px;
	}
	.banner ul.items li a{ 
		float:left; 
		line-height:normal !important; 
		padding:0px !important; 
		border:none;
	}
	.banner ul.items li a img{ 
		margin:0px !important; 
		width: 100%; 
		padding:0px !important; 
		display:block; 
		border:none;
	}
	.banner div.tips{ 
		position:absolute; 
		bottom:0px; 
		width:100%; 
		height:36px; 
		background-color:#fff; 
		overflow:hidden;
	}
	.banner div.tips div.title{ 
		position:absolute; 
		left:0px; 
		top:0px; 
		height:100%;
	}
	.banner div.tips div.title a{ 
		color:#000; 
		font-size:12px;
		font-weight: bold; 
		line-height:36px; 
		margin-left:10px; 
		text-decoration:none;
	}
	.banner div.tips div.title a:hover{ 
		text-decoration:underline !important;
	}
	.banner div.tips div.nums{ 
		position:absolute; 
		right:0px; 
		top:0px; 
		height:100%;
		display: block;
	}
	.banner div.tips div.nums a{ 
		display:inline-block; 
		float:left; 
		width:15px; 
		height:15px; 
		border-radius: 15px;
		background-color:#999; 
		text-indent:-99999px; 
		margin:11px 10px 0px 0px;
	}
	.banner div.tips div.nums a.active{ 
		background-color:#093;}



	/* 广告位 */
	.adv{
		margin-top: 20px;
		width: 100%;
		height: auto;
		overflow: hidden;
		background: #fff;
	}
	.adv img{
		width: 100%;
		height: auto;
		overflow: hidden;
	}
	.adv h1{
		position: relative;
		height: 36px;
		line-height: 36px;
		padding-left: 5px;
	}
	.adv h1 span{
		position: absolute;
		right: 5px;
		color: #d29721;
	}
}



@media (min-width: 767px){
	.main{
		width: 768px;
		margin:0 auto;
		padding: 0px 2%;
		background: #efeff0;
		overflow: hidden;
		padding-bottom: 83px;
		box-shadow: 0px 5px 5px #333;
	}

	/* 搜索 */
	.search{
		margin: 20px 0px;
		overflow: hidden;
		background: #fff;
		height: 36px;
		border-radius: 30px;
		box-shadow: 0px 3px 2px #bbb inset;
	}
	.search-btn{
		width: 80%;
		float: left;
		border:none;
		outline: none;
		height: 36px;
		background: none;
		line-height: 36px;
		font-family: "微软雅黑";
		text-indent: 1em;
	}
	.search button{
		width: 20%;
		float: right;
		border:none;
		outline: none;
		height: 36px;
		background: none;
		line-height: 36px;
		text-align: center;
	}
	/* 主导航 */
	.nav{
		width: 100%;
		background: #fff;
		overflow: hidden;
	}
	.nav a{
		display: inline-block;
		float: left;
		width: 20%;
		height: 55px;
		line-height: 55px;
		text-align: center;
		font-size: 20px;
	}
	.nav a:hover{
		color: #50af80;
	}

	/* 小导航 */
	.menu{
		width: 100%;
		overflow: hidden;
		background: #50af80;
	}
	.menu li{
		width: 20%;
		float: left;
		padding: 10px 0px;
		box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-o-box-sizing: border-box;
		box-sizing: border-box;
		text-align: center;
		border-bottom: 1px solid #6eb88e;
		border-right: 1px solid #6eb88e;
	}
	.menu li img{
		width: 60%;
		height: auto;
	}
	.menu li h1{
		color: #fff;
	}

	/* 地区搜索 */
	.list{
		width: 100%;
		margin-top: 20px;
		background: #fff;
		height: 36px;
		line-height: 36px;
	}
	.list a{
		display: inline-block;
		width: 20%;
		float: left;
		text-align: center;
		font-size: 16px;
	}
	.photo{
		width: 100%;
		overflow: hidden;
	}
	.photo li{
		top: 5px;
		width: 33%;
		float: left;
		height: 150px;
		position: relative;
		overflow: hidden;
	}
	.photo li:nth-child(2),.photo li:nth-child(3){
		margin-left: 0.5%;
	}
	.photo li img{
		width: 100%;
		height: 100%;
		position: absolute;
	}
	.photo li p{
		width: 100%;
		text-align: center;
		position: absolute;
		z-index: 9;
		height: 30px;
		background: rgba(255,255,255,.5);
		line-height: 30px;
		bottom: 5px;
		font-size: 12px;
		font-weight: bold;
	}
	/* 1楼女装 */
	.flod{
		margin-top:20px;
		overflow: hidden;
		width: 100%;
	}
	.one{
		background:#fff;
		position:relative;
	}
	.one .tyt{
		position:absolute;
		color:#5c7886;
		font-family:"微软雅黑";
		font-size:16px;
		width: 25%;
		text-align: center;
		line-height:45px;
		height: 45px;
	}
	.one li{
		float:left;
		width:25% ;
		height:45px; 
		display:block; 
		line-height:45px;
		overflow: hidden;
		background: url(../image/flod1.png) right center no-repeat;
	}
	.one li a{
		display:block;
		line-height:45px;
		text-align:center;
		color:#5c7886;
		font-size:14px;
	}
	.one li a:hover{
		text-decoration:none; 
		background:#5c7886; 
	}
	.one li a.one_click{
		color:#fff;
		text-decoration:none;
		font-size:14px;
		background:#5c7886;
	}
	.flod-li li{
		margin-top:2%;
		width: 32%;
		overflow: hidden;
		background: #5c7886;
		float: left;
		margin-left: 2%;
	}
	.flod-li li:first-child,
	.flod-li li:nth-child(4){
		margin-left: 0px;
	}
	.flod-li img{
		width: 100%;
		height: auto;
	}
	.flod-li p{
		width: 94%;
		margin: 0px 3%;
		height: 50px;
		line-height: 25px;
		overflow: hidden;
		color: #fff;
	}
	.flod-li h1{
		text-align: center;
		font-size: 14px;
		color: #d4de7a;
		line-height: 30px;
	}

	/* 2楼箱包 */

	.two{
		background:#fff;
		position:relative;
	}
	.two .tyt{
		position:absolute;
		color:#969664;
		font-family:"微软雅黑";
		font-size:16px;
		width: 25%;
		text-align: center;
		line-height:45px;
		height: 45px;
	}
	.two li{
		float:left;
		width:25% ;
		height:45px; 
		display:block; 
		line-height:45px;
		overflow: hidden;
		background: url(../image/flod1.png) right center no-repeat;
	}
	.two li a{
		display:block;
		line-height:45px;
		text-align:center;
		color:#969664;
		font-size:16px;
	}
	.two li a:hover{
		text-decoration:none; 
		background:#969664; 
	}
	.two li a.two_click{
		color:#fff;
		text-decoration:none;
		font-size:16px;
		background:#969664;
	}
	.glod li{
		background: #969664;
	}

	/* 3楼彩妆 */
	.three{
		background:#fff;
		position:relative;
	}
	.three .tyt{
		position:absolute;
		color:#eb6363;
		font-family:"微软雅黑";
		font-size:16px;
		width: 25%;
		text-align: center;
		line-height:45px;
		height: 45px;
	}
	.three li{
		float:left;
		width:25% ;
		height:45px; 
		display:block; 
		line-height:45px;
		overflow: hidden;
		background: url(../image/flod1.png) right center no-repeat;
	}
	.three li a{
		display:block;
		line-height:45px;
		text-align:center;
		color:#eb6363;
		font-size:16px;
	}
	.three li a:hover{
		text-decoration:none; 
		background:#eb6363;
		color:#fff;
	}
	.three li a.three_click{
		color:#fff;
		text-decoration:none;
		font-size:16px;
		background:#eb6363;
	}
	.red li{
		background: #eb6363;
	}

	/* 4楼名表 */
	.four{
		background:#fff;
		position:relative;
	}
	.four .tyt{
		position:absolute;
		color:#88af8c;
		font-family:"微软雅黑";
		font-size:16px;
		width: 25%;
		text-align: center;
		line-height:45px;
		height: 45px;
	}
	.four li{
		float:left;
		width:25% ;
		height:45px; 
		display:block; 
		line-height:45px;
		overflow: hidden;
		background: url(../image/flod1.png) right center no-repeat;
	}
	.four li a{
		display:block;
		line-height:45px;
		text-align:center;
		color:#88af8c;
		font-size:16px;
	}
	.four li a:hover{
		text-decoration:none; 
		background:#88af8c;
		color:#fff;
	}
	.four li a.four_click{
		color:#fff;
		text-decoration:none;
		font-size:16px;
		background:#88af8c;
	}
	.set-blue li{
		background: #88af8c;
	}


	/* 底部导航 */
	.footer{
		width: 100%;
		background: #50af80;
		position: fixed;
		z-index: 100;
		bottom: 0px;
		padding: 10px 0px;
		overflow: hidden;
	}
	.footer li{
		width: 25%;
		float: left;
		text-align: center;
	}
	.footer li a{
		display: block;
		height: 100%;
		width: 100%;
	}
	.footer li img{
		width: 30px;
		height: 30px;
	}
	.footer li h1{
		color: #fff;
		margin-top: 5px;
		font-weight: normal;
	}

	/* banner */
	.banner{ 
		position:relative; 
		width:100%; 
		height:300px; 
		overflow:hidden; 
		margin-top: 20px;
	}
	.banner ul.items{ 
		position:absolute; 
		float:left; 
		background:none; 
		list-style:none; 
		padding:0px; 
		margin:0px;
	}
	.banner ul.items li{ 
		float:left; 
		background:none; 
		list-style:none; 
		padding:0px; 
		margin:0px;
	}
	.banner ul.items li a{ 
		float:left; 
		line-height:normal !important; 
		padding:0px !important; 
		border:none;
	}
	.banner ul.items li a img{ 
		margin:0px !important; 
		width: 100%; 
		padding:0px !important; 
		display:block; 
		border:none;
	}
	.banner div.tips{ 
		position:absolute; 
		bottom:0px; 
		width:100%; 
		height:50px; 
		background-color:#fff; 
		overflow:hidden;
	}
	.banner div.tips div.title{ 
		position:absolute; 
		left:0px; 
		top:0px; 
		height:100%;
	}
	.banner div.tips div.title a{ 
		color:#000; 
		font-size:14px;
		font-weight: bold; 
		line-height:50px; 
		margin-left:10px; 
		text-decoration:none;
	}
	.banner div.tips div.title a:hover{ 
		text-decoration:underline !important;
	}
	.banner div.tips div.nums{ 
		position:absolute; 
		right:0px; 
		top:0px; 
		height:100%;
	}
	.banner div.tips div.nums a{ 
		display:inline-block; 
		float:left; 
		width:20px; 
		height:20px; 
		background-color:#999; 
		text-indent:-99999px; 
		margin:15px 10px 0px 0px;
	}
	.banner div.tips div.nums a.active{ 
		background-color:#093;}



	/* 广告位 */
	.adv{
		margin-top: 20px;
		width: 100%;
		height: auto;
		overflow: hidden;
		background: #fff;
	}
	.adv img{
		width: 100%;
		height: auto;
		overflow: hidden;
	}
	.adv h1{
		position: relative;
		height: 36px;
		line-height: 36px;
		padding-left: 5px;
	}
	.adv h1 span{
		position: absolute;
		right: 5px;
		color: #d29721;
	}
}