/*
 *	通用样式
 *
 */
body {
	font-size: 15px;
	color: #666;
	/*text-shadow: 0px 1px 0px #fff;*/
	/*background-color: #f2f2f2;*/
	font-family:Arial, Helvetica, sans-serif;
}
a {
	color: #878787;
}

/*
 *	导航菜单样式
 *
 */
/* icon */
nav .home_icon {
	background: url(../../../images/zh/mp/touch/icon/icon_home.png) center no-repeat;
}
nav .shopcart_icon {
	background: url(../../../images/zh/mp/touch/icon/icon_shopcart.png) center no-repeat;
}
nav .user_icon {
	background: url(../../../images/zh/mp/touch/icon/icon_user.png) center no-repeat;
}
nav .info_icon {
	background: url(../../../images/zh/mp/touch/icon/icon_info.png) center no-repeat;
}
nav .delivery_icon {
	background: url(../../../images/zh/mp/touch/icon/icon_delivery.png) center no-repeat;
}
nav .password_icon {
	background: url(../../../images/zh/mp/touch/icon/icon_password.png) center no-repeat;
}
nav .add_icon {
	background: url(../../../images/zh/mp/touch/icon/icon_add.png) center no-repeat;
}
nav .edit_icon {
	background: url(../../../images/zh/mp/touch/icon/icon_edit.png) center no-repeat;
}
nav .del_icon {
	background: url(../../../images/zh/mp/touch/icon/icon_delete.png) center no-repeat;
}
nav .back_icon {
	background: url(../../../images/zh/mp/touch/icon/icon_back.png) center no-repeat;
}
nav.module .shopcart_icon {
	background: url(../../../images/zh/mp/touch/icon/module_shopcart.png) center no-repeat;
}
nav.module .user_icon {
	background: url(../../../images/zh/mp/touch/icon/module_user.png) center no-repeat;
}
nav.module .tv_icon {
	background: url(../../../images/zh/mp/touch/icon/module_tv.png) center no-repeat;
}
nav.module .catalogue_icon {
	background: url(../../../images/zh/mp/touch/icon/module_catalogue.png) center no-repeat;
}
/* nav header */
nav.header {
	background: -webkit-linear-gradient(top,#fff,#ededed);
	background: -moz-linear-gradient(top,#fff,#ededed);
	background: -o-linear-gradient(top,#fff, #ededed);
	background: -ms-linear-gradient(top, #fff, #ededed);
	background: linear-gradient(top, #fff, #ededed);	
	border-bottom: 1px solid #fff;
	box-shadow: 0px 2px 3px 0px #d0d0d0;
	position: relative;
	z-index: 1;
	display: -ms-flexbox;
}
nav.header div {
	flex: 1;
	-webkit-box-flex: 1;      /* OLD - iOS 6-, Safari 3.1-6 */
	-moz-box-flex: 1;         /* OLD - Firefox 19- */
	-webkit-flex: 1;          /* Chrome */
	-ms-flex: 1;              /* IE 10 */
}
nav.header div:nth-child(2) {
	flex: 2;
	-webkit-box-flex: 2;      /* OLD - iOS 6-, Safari 3.1-6 */
	-moz-box-flex: 2;         /* OLD - Firefox 19- */
	-webkit-flex: 2;          /* Chrome */
	-ms-flex: 2;              /* IE 10 */
	line-height: 50px;
	text-align: center;
	font-weight: 600;
}
nav.header div:first-child a, nav.header div:last-child a {
	width: 50px;
	height: 50px;
}
nav.header div:first-child a {
	float: left;
}
nav.header div:last-child a{
	float: right;
}
/* nav category */
nav.category {
	border-bottom: 1px solid #dbdbdb;
	box-shadow: 0px -1px 3px 0px #dbdbdb inset;
	display: -ms-flexbox;
}
nav.category a {
	flex: 1;
	-webkit-box-flex: 1;      /* OLD - iOS 6-, Safari 3.1-6 */
	-moz-box-flex: 1;         /* OLD - Firefox 19- */
	-webkit-flex: 1;          /* Chrome */
	-ms-flex: 1;              /* IE 10 */
	text-align: center;
	border-left: 1px solid #CCC;
	border-right: 1px solid #fff;
	padding-top: 12px;
	padding-bottom: 12px;
}
nav.category a span {
	height: 20px;
	padding-top: 36px;
	background-position: center top;
}
nav.category a:first-child {
	border-left: none;
}
nav.category a:last-child {
	border-right: none;
}
nav.category a.mark {
	background: url(../../../images/zh/mp/touch/category_mark.png) center bottom no-repeat;
}
nav.category a.mark {
	background-color: #e8e8e8;
}
nav.category a.mark span {
	color:#a30000;
}
/* nav title */
nav.title {
	/*
	background: -webkit-linear-gradient(top,#fff,#ededed);
	background: -moz-linear-gradient(top,#fff,#ededed);
	background: -o-linear-gradient(top,#fff, #ededed);
	*/
	border-top: 1px solid #fff;
	height: 50px;
	line-height: 56px;
	border-bottom: 1px solid #ccc;
	display: -ms-flexbox;
}
nav.title span{
	flex: 1;
	-webkit-box-flex: 1;      /* OLD - iOS 6-, Safari 3.1-6 */
	-moz-box-flex: 1;         /* OLD - Firefox 19- */
	-webkit-flex: 1;          /* Chrome */
	-ms-flex: 1;              /* IE 10 */
	text-indent: 40px;
	background: url(../../../images/zh/mp/touch/icon_delivery.png) no-repeat left center;
}
nav.title a {
	padding-left: 36px;
	padding-right: 10px;
	background-position: left;
}
/* select */
nav.select {
	border-bottom: 1px solid #dbdbdb;
	box-shadow: 0px -1px 5px 0px #dbdbdb inset;
	padding: 2px 0px;
	display: -ms-flexbox;
}
nav.select ul {
	flex: 1;
	-webkit-box-flex: 1;      /* OLD - iOS 6-, Safari 3.1-6 */
	-moz-box-flex: 1;         /* OLD - Firefox 19- */
	-webkit-flex: 1;          /* Chrome */
	-ms-flex: 1;              /* IE 10 */
}
nav.select li {
	display: none;
	height: 40px;
	line-height: 40px;
	padding-left: 10px;
}
nav.select li:first-child {
	display: block;
	background: url(../../../images/zh/mp/touch/pic_develop.png) center right no-repeat;
	border-top: none;
	padding-top: 5px;
	padding-bottom: 5px;
	font-weight: 600;
}
nav.select .hover li {
	display: block;
	border-top:1px solid #fff;
	border-bottom:1px solid #ccc;
}
nav.select .hover li:last-child {
	border-bottom: none;
}
nav.select .hover li:first-child {
	background: url(../../../images/zh/mp/touch/pic_develop_hover.png) center right no-repeat;
}

/*
 * list style
 *
 */
/* icon */
ul .order_icon {
	background-image:url(../../../images/zh/mp/touch/icon/tools_order.png);
}
ul .money_icon {
	background-image:url(../../../images/zh/mp/touch/icon/tools_money.png);
}
ul .favorite_icon {
	background-image:url(../../../images/zh/mp/touch/icon/tools_wish.png);
}
ul .set_icon {
	background-image:url(../../../images/zh/mp/touch/icon/tools_setting.png);
}
ul  .desire_icon {
	background-image:url(../../../images/zh/mp/touch/icon/tools_desire.png);
}
ul  .friends_icon {
	background-image:url(../../../images/zh/mp/touch/icon/tools_friend.png);
}
ul.category .kitchen_icon {
	background-image:url(../../../images/zh/mp/touch/icon/pic_kitchen.png);
}
ul.category .live_icon {
	background-image:url(../../../images/zh/mp/touch/icon/pic_live.png);
}
ul.category .tv_icon {
	background-image:url(../../../images/zh/mp/touch/icon/pic_tv.png);
}
ul.category .food_icon {
	background-image:url(../../../images/zh/mp/touch/icon/pic_food.png);
}
ul.category .clothes_icon {
	background-image:url(../../../images/zh/mp/touch/icon/pic_clothes.png);
}
ul.category .diamond_icon {
	background-image:url(../../../images/zh/mp/touch/icon/pic_diamond.png);
}
ul.category .woman_icon {
	background-image:url(../../../images/zh/mp/touch/icon/pic_woman.png);
}
ul.category .stamp_icon {
	background-image:url(../../../images/zh/mp/touch/icon/pic_stamp.png);
}
ul.category .bike_icon {
	background-image:url(../../../images/zh/mp/touch/icon/pic_bike.png);
}
ul.category .baby_icon {
	background-image:url(../../../images/zh/mp/touch/icon/pic_baby.png);
}
/* common */
ul[class$='list'] li span:first-child {
	width: 100%;
	padding: 5px 0px;
}
ul[class$='list'] li span:first-child label {
	flex: 1;
	-webkit-box-flex: 1;      /* OLD - iOS 6-, Safari 3.1-6 */
	-moz-box-flex: 1;         /* OLD - Firefox 19- */
	-webkit-flex: 1;          /* Chrome */
	-ms-flex: 1;              /* IE 10 */
}
ul[class$='list'] li span:first-child a {
	background-position: center;
	border-left: 1px solid #ccc;
	height:35px;
	width:50px;
}
ul[class$='list'] li:last-child {
	text-align:center;
	padding: 15px 0;
}
/* delivery list */
ul.delivery_list li {
	border-top: 1px solid #fff;
	border-bottom: 1px solid #ccc;
}
ul.delivery_list li span:last-child {
	padding: 0 10px 10px;
}
ul.delivery_list li span:last-child p {
	line-height:20px;
	padding-left: 3.5em;
	text-indent: -3.5em;
}
ul.delivery_list li span:last-child p:first-child {
	border-top: 1px dotted #ccc;
	padding-top: 10px;
}
/* tools list */
ul.tools {
	border-top: 1px solid #fff;
	width: 100%;	
}
ul.tools li {
	float: left;
	text-align: center;
	width: 25%;
	padding: 10px 0;
	line-height: 26px;
}
ul.tools li a {
	display: block;
	background: -webkit-linear-gradient(top,#fff,#ededed);
	background: -moz-linear-gradient(top,#fff,#ededed);
	background: -o-linear-gradient(top,#fff, #ededed);
	background: -ms-linear-gradient(top, #fff, #ededed);
	background: linear-gradient(top, #fff, #ededed);
	-moz-border-radius: .5em;
	-webkit-border-radius: .5em;
	border-radius: .5em;
	box-shadow: 0px 2px 3px 0px #d0d0d0;
	margin: 0 auto;
	width:76%;
	height: 4.6em;
}
ul.tools li a span {
	width: 100%;
	height: 100%;
	background-position: center;
	background-repeat: no-repeat;
}
/* category */
ul.category li {
	background-image: url(../../../images/zh/mp/touch/pic_develop.png);
	background-position: right top;
	background-repeat: no-repeat;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #ccc;
	padding-top: 5px;
	padding-bottom: 5px;
}
ul.category li a {
	display: block;
	background-repeat: no-repeat;
	background-position: center left;
	padding-left: 40px;
	height: 40px;
	line-height: 40px;
}
ul.category li span {
	display: none;
}
ul.category .hover {
	background-image: url(../../../images/zh/mp/touch/pic_develop_hover.png);
}
ul.category .hover a[class*='icon']{
	border-bottom: 1px solid #ccc;
}
ul.category .hover span {
	border-top: 1px solid #fff;
	display: block;
	padding: 0px 5px;
}
ul.category .hover span a {
	/*
	background: url(../../../images/zh/mp/touch/pic_list_mark.png) center left no-repeat;
	*/
	border-bottom: 1px dotted #ccc;
}
ul.category .hover span a:last-child {
	border: none;
}
ul.category.detail li {
	background-image: none;
	padding-right: 10px;
}
ul.category.detail li a {
	padding-left: 20px;
	background:url(../../../images/zh/mp/touch/pic_list_mark.png) center right no-repeat;
}
/* list */
ul[class$='list'] li {
	border-top: 1px solid #fff;
	border-bottom: 1px solid #ccc;
	padding: 10px;
}
ul[class$='list'] li span {
	flex: 1;
	-webkit-box-flex: 1;      /* OLD - iOS 6-, Safari 3.1-6 */
	-moz-box-flex: 1;         /* OLD - Firefox 19- */
	-webkit-flex: 1;          /* Chrome */
	-ms-flex: 1;              /* IE 10 */
	padding-left: 10px;
}
ul[class$='list'] li p {
	line-height: 20px;
}
ul[class$='list'] li h1 {
	font-size: 14px;
	line-height: 20px;
	padding-bottom: 5px;
}
ul[class$='list'] li mark {
	color: #c30;
	font-weight: 600;
	background-color: inherit;
}
ul[class$='list'] li img {
	border: 1px solid #ccc;
	padding: 2px;
	width: 80px;
	height: 80px;
}
ul[class$='list'] li:last-child a {
	display:block;
	width: 100%;
	text-align:center;
}
ul[class$='list'] .direct {
	color:#ff7133;
	font-weight: 600;
}
ul.develop li {
	background: url(../../../images/zh/mp/touch/pic_list_mark.png) center right no-repeat;
}
ul.develop li:last-child {
	background-image: none;
}
ul.develop li span {
	padding-right: 30px;
}
/* form */
ul.form_list {
	border-top: 1px solid #fff;
	padding: 10px 0;
	line-height: 36px;
}
ul.form_list li {
	padding: 0px 10px;
}
ul.form_list li input[type='text'], .form_list li input[type='password'] {
	width: 100%;
	height: 36px;
	line-height: 36px;
	border: 1px solid #ccc;
	text-indent: 30px;
}