html{
	width:100%;
	height:100%;
	background-color: #f3f3f3;
}
body{
	width:100%;
	height:auto;
	background-color:#f0f0f0;
	overflow:auto;
}
/* .indexWrap{
	width:100%;
	height:100%;
	background-color:#fff;
} */
.topWrap{
	width:100%;
	height:auto;
	background-color:#fff;
	float:left;
}
.top{
	width: 100%;
	height:1.7rem;
	padding-top:0.35rem;
	margin:0 auto;
	padding-left: 2%;
	overflow:hidden;
}
.top >a:last-of-type{

	display: inline-block;

	position: absolute;

	margin-left: 5%;
}
.top img:nth-of-type(1){
	width:1rem;
	height:0.87rem;
	float:left;
	margin-top:0.3rem;
}
.top img:nth-of-type(2){
	width:1rem;
	height:0.87rem;
	float:right;
	margin-left:0.7rem;
	margin-top:0.2rem;
}
.top input{
	width:11.3rem;
	height:1.3rem;
	float:left;
	margin-left:0.75rem;
	border:none;
	border-radius:20px;
	background-color:#f0f0f0;
	background-image:url("../images/search.jpg");
	background-size:0.64rem 0.64rem;
	background-position:0.53rem 0.36rem;
	background-repeat:no-repeat;
	text-indent:1.39rem;
	font-size:0.574rem;
	outline:none;
	width: 72%;
}
/* banner   start */
.bannerWrap{
	width:100%;
	height:25%;
	text-align: center;
}
.bannerWrap img{
	width:100%;
	max-width: 750px;
	height:100%;
}


/* banner     end */

/* activeText  start */
.activeTextWrap{
	width:100%;
	height:auto;
	background-color:#fff;
	float:left;
}
.activeText{
	width:14.9rem;
	font-size:0.47rem;
	color:#383a3f;
	margin:0 auto;
	line-height:1.68rem;
	overflow:hidden;
}
.activeText img{
	width:0.745rem;
	height:0.85rem;
	margin-top:0.383rem;
	float:left;
}
.activeText span:nth-of-type(1){
	width:10.4rem;
	margin-left:0.425rem;
	/* margin-top:0; */
	float:left;
}
.activeText span:nth-of-type(2){
	width:2.6rem;
	margin-left:0.6rem;
	float:left;
	/* margin-top:0; */
}
/* activeText  end */

/* tuijianWrap    start */
.tuijianWrap{
	width:100%;
	height:auto;
	background-color:#fff;
	margin-top:0.23rem;
	float:left;
}
.tuijian{
	width:14.9rem;
	margin:0 auto;
}
.tuijian h2{
	height:1.4rem;
	/* font-size:0.5rem; */
	font-size:0.7rem;
	color:#383a3f;
	line-height:1.6rem;

}
.tuijianCon{
	width:100%;
	overflow:hidden;
	display:flex;
	justify-content:space-between;
	flex-flow: row wrap;
	padding-bottom:1rem;
}
.tuijianCon div{
	width:7.35rem;
	height:5.3rem;
	border-radius:5px;
	float:left;
	margin-top:0.19rem;
}
.tuijianCon div p:nth-of-type(1){
	margin-top:0.64rem;
	font-size:0.6rem;
	color:#141414;
	margin-left:0.81rem;
}
.tuijianCon div p:nth-of-type(2){
	margin-top:0.1rem;
	font-size:0.45rem;
	color:#a7677b;
	margin-left:0.81rem;
}
/* 第一个推荐 */
.tuijianCon div:nth-of-type(1){
	width:100%;
	background-color:#e9f0fd;
	background-image:url("../images/tuijian1.jpg");
	background-size:5.57rem 3.6rem;
	background-position:8.47rem 1rem ;
	background-repeat:no-repeat;
}
.tuijianCon div:nth-of-type(1) p:nth-of-type(1){
	margin-top:1.87rem;
	color:#ed0f52;
}
.tuijianCon div:nth-of-type(1) p:nth-of-type(2){
	color:#383a3f;
}
/* 第二个推荐 */
.tuijianCon div:nth-of-type(2){
	background-color:#f7dde5;
	background-image:url("../images/tuijian2.jpg");
	background-size:4.5rem 3.15rem;
	background-position:2.13rem 2rem ;
	background-repeat:no-repeat;
}
/* 第三个推荐 */
.tuijianCon div:nth-of-type(3){
	background-color:#faf2e0;
	background-image:url("../images/tuijian3.jpg");
	background-size:2.7rem 3rem;
	background-position:4.06rem 2rem ;
	background-repeat:no-repeat;
}
.tuijianCon div:nth-of-type(3) p:nth-of-type(2){
	color:#ddbd76;
}
/* tuijianWrap    end */

/* 热门活动    start */
.activityWrap{
	width:100%;
	height:auto;
	background-color:#f3f3f3;
	/*margin-top:0.27rem;*/
	float:left;
}
.activity{
	width: 97%;
	height:auto;
	margin:0 auto;
}
.activity h2{
	/* height:1.8rem; */
	font-size: 70%;
	color:#383a3f;
	line-height: 39px;
	/* border-bottom:1px solid #dee0e5; */
}
.activity h2 span{
	font-size: 10px;
	color:#c4c8d3;
	margin-left:0.42rem;
}
.activityCon{
	width:100%;
	height:auto;
	overflow:hidden;
	display:flex;
	justify-content:space-between;
	flex-flow: row wrap;
	/* padding-bottom:1rem; */
}
.activityCon>div{

	/* border-bottom: 1px solid #dee0e5; */

	width:49%;

	float:left;

	padding-top:0.19rem;

	padding-bottom: 1px;/*新加的*/

	margin: 0;

	border-radius: 4px;
}
.activityCon>div:nth-of-type(2n+1){
	/* border-right:1px solid #dee0e5; */
	padding-right:0.13rem;
}
.activityCon>div:nth-of-type(2n){
	padding-left: 0.14rem;
}
.activityCon div img{
	width:100%;
}
.activityCon>div:nth-of-type(1){
	padding-bottom:0rem;
}
.activityCon div p:nth-of-type(1){
	margin-top:0.55rem;
	font-size:0.53rem;
	color:#000000;
	white-space: pre;
	overflow: hidden;
	text-overflow: ellipsis;
}
.activityCon div p:nth-of-type(2){
	margin-top:0.1rem;
	font-size:0.53rem;
	color:#e31536;
	font-weight:bold;
}
.activityCon div p:nth-of-type(3){
	margin-top:0.1rem;
	font-size:0.38rem;
	position: relative;
	left: 0px;
	color: rgba(71, 78, 96, 1)  !important;
}
.activityCon div p:nth-of-type(4){
	margin-top:0.1rem;
	font-size:0.38rem;
	color: rgba(71, 78, 96, 1)  !important;
	text-decoration:line-through;
}
.activityCon div p span{
	/* width:1.78rem; */
	height:0.6rem;
	border:1px solid #e31536;
	border-radius:3px;
	float:right;
	text-align:center;
	line-height:0.6rem;
	font-size:0.47rem;
	color:#e31536;
}
#myActive {
	background-color: #fff;
	border-radius: 4px;
	margin-bottom: 2px;
}
#myActive div{
	padding: .25rem .16666667rem .27777778rem;
}
.oneDiscount{
	background-image:url("../images/fire.jpg");
	background-size:0.38rem 0.55rem;
	background-repeat:no-repeat;
	background-position:left center;
	text-indent:0.45rem;
	border:none !important;
	color:#ccd0d9 !important;
	font-weight:none !important;
}
/* 第一个活动 start*/
/*.activityCon>div:nth-of-type(1){*/
/*width:100%;*/
/*border-bottom:1px solid #dee0e5;*/
/*}*/
/*.activityCon>div:nth-of-type(1) div{*/
/*width:6.94rem;*/
/*float:left;*/
/*}*/
/*.activityCon>div:nth-of-type(1) img{*/
/*width:6rem;*/
/*height:3.2rem;*/
/*float:right;*/
/*!* margin:0.894rem 0.91rem; *!*/
/*margin:0.894rem 0.45rem 0.894rem 0;*/
/*}*/
/* 第一个活动  end*/
/* 热门活动    end */

/* 商家推荐    start */
/* tuijianWrap    start */
.sjWrap{
	width:100%;
	height:auto;
	background-color:#fff;
	margin-top:0.23rem;
	float:left;
}
.sj{
	width:14.9rem;
	margin:0 auto;
}
.sj h2{
	height:1.4rem;
	/* font-size:0.5rem; */
	font-size:0.7rem;
	color:#383a3f;
	line-height:1.6rem;

}
.sjCon{
	width:100%;
	overflow:hidden;
	/* 	display:flex;
        justify-content:space-between;
        flex-flow: row wrap; */
	padding-bottom:1rem;
}
.sjCon div{
	width:100%;
	height:5.38rem;
	border-radius:5px;
	float:left;
	margin-top:0.19rem;
}
.sjCon div:nth-of-type(1){
	background-image:url("../images/sj11.jpg");
	background-size:100% 100%;
}
.sjCon div:nth-of-type(2){
	background-image:url("../images/sj22.jpg");
	background-size:100% 100%;
}
.sjCon div p{
	width:2.7rem;
	height:1rem;
	border-radius:5px;
	margin-top:2.74rem;
	margin-left:1.3rem;
	font-size:0.49rem;
	text-align:center;
	line-height:1rem;
}
.sjCon div:nth-of-type(1) p:nth-of-type(1){
	color:#0f84e6;
}
.sjCon div:nth-of-type(2) p:nth-of-type(1){
	color:#e9306b;
}



/* 商家推荐    end */

/* 猜你喜欢      start */
.likeWrap{
	width:100%;
	height:auto;
	background-color:#fff;
	margin-top:0.27rem;
	float:left;
}
.like{
	width:14.9rem;
	height:auto;
	margin:0 auto;
}
.like h2{
	height:1.8rem;
	font-size:0.7rem;
	color:#383a3f;
	line-height:1.9rem;
	border-bottom:1px solid #dee0e5;
}
/* .like h2 span{
	font-size:0.47rem;
	color:#c4c8d3;
	margin-left:0.42rem;
} */
.likeCon{
	width:100%;
	height:auto;
	overflow:hidden;
	display:flex;
	justify-content:space-between;
	flex-flow: row wrap;
	padding-bottom:1rem;
}
.likeCon>div{
	width:6.95rem;
	float:left;
	padding-bottom:0.7rem;
	border-bottom:1px solid #dee0e5;
}
.likeCon>div:nth-of-type(2n+1){
	border-right:1px solid #dee0e5;
	padding-right:0.47rem;
}
.likeCon>div:nth-of-type(2n){
	padding-left:0.47rem;
}
.likeCon div img{
	width:100%;
	/* width:7.66rem; */
	height:5.25rem;
}
.likeCon div p:nth-of-type(1){
	margin-top:0.55rem;
	font-size:0.53rem;
	color:#000000;
}
.likeCon div p:nth-of-type(2){
	margin-top:0.1rem;
	font-size:0.53rem;
	color:#e31536;
	font-weight:bold;
}
.likeCon div p:nth-of-type(3){
	margin-top:0.1rem;
	font-size:0.38rem;
	color:#ccd0d9  !important;
	text-decoration:line-through;
}
.likeCon div p span{
	/* width:1.78rem; */
	height:0.6rem;
	border:1px solid #e31536;
	border-radius:3px;
	float:right;
	text-align:center;
	line-height:0.6rem;
	font-size:0.47rem;
	color:#e31536;
	padding:0.07rem;
}
.oneDiscount{
	background-image:url("../images/fire.jpg");
	background-size:0.38rem 0.55rem;
	background-repeat:no-repeat;
	background-position:left center;
	text-indent:0.45rem;
	border:none !important;
	color:#ccd0d9 !important;
	font-weight:none !important;
}

/* 猜你喜欢       end */

/* 加载更多   start */
.addMore{
	width:4.65rem;
	height:1.42rem;
	margin:0 auto;
	border:1px solid #cccccc;
	border-radius:5px;
	line-height:1.42rem;
	text-indent:0.66rem;
	background-image:url("../images/more.png");
	background-size:0.66rem 0.66rem;
	background-repeat:no-repeat;
	background-position:3.4rem center;
	font-size:0.58rem;
	margin-bottom:1.425rem;
}

/* 加载更多     end */

/* footer   start */
.superFooter{
	width:100%;
	height:1.38rem;
	display:inline-block;
	background-color:#f1f1f1;
}
.footerNav{
	width:14.9rem;
	height:auto;
	margin:0 auto;
	border-bottom:1px solid #858a96;
	overflow:hidden;
}
.footerNav li{
	width:2.21rem;
	height:1.83rem;
	float:left;
	text-align:center;
	line-height:1.9rem;
	font-size:0.47rem;
	color:#858a96;
}
.footerNav li:nth-of-type(1){
	margin-left:0.94rem;
}

.superFooter p{
	width:14.9rem;
	height:auto;
	margin:0 auto;
	text-align:center;
	font-size:0.47rem;
	color:#858a96;
	margin-top:0.47rem;
}

/* footer    end */

/* footer tab   start */
.superFooterTab{
	width:100%;
	/* height:1.87rem; */
	height:2.17rem;
	background-color:#f1f1f1;
	border-top:1px solid #858a96;
}
.footerTab{
	width:14.9rem;
	height:auto;
	margin:0 auto;
	display:flex;
	justify-content:space-around;
}
.footerTab dl{
	width:1.3rem;
	float:left;
	padding:0.17rem 0;
}
.footerTab dl dt{
	width:100%;
	height:1.17rem;
}
.footerTab dl dt img{
	width:100%;
	height:100%;
}
.footerTab dl dd{
	text-align:center;
	line-height:0.68rem;
	font-size:0.38rem;
	color:#959aa6;
}
.footerTab dl:nth-of-type(1) dd{
	color:#e31536;
}
/* .footerTab dl:nth-of-type(1){
	width:1rem;
}
.footerTab dl:nth-of-type(2){
	width:1.06rem;
}
.footerTab dl:nth-of-type(3){
	width:0.97rem;
}
.footerTab dl:nth-of-type(4){
	width:1.38rem;
}
.footerTab dl:nth-of-type(5){
	width:1.09rem;
} */
.footerTab dl:nth-of-type(1){
	width:1.1rem;
}
.footerTab dl:nth-of-type(2){
	width:1.14rem;
}
.footerTab dl:nth-of-type(3){
	width:1.2rem;
}
.footerTab dl:nth-of-type(4){
	width:1.38rem;
}
.footerTab dl:nth-of-type(5){
	width:1.2rem;
}
/* footer tab end */


/* 底部 */
.footerNavBar {
	max-width: 750px;
	margin: 0 auto;
	padding: 8px 0 4px 0;
	text-align: center;
	display: flex;
	position: fixed;
	bottom: 0;
	right: 0;
	z-index: 2;
	width: 100%;
	background: rgba(247, 247, 250, 1);
	left: 0;
	justify-content: space-around;
	box-shadow: 1px -1px 4px #dee0e5;
}
.footerNavBar>a {
	font-size: 10px;
	color: rgba(149, 154, 166, 1);
	display: inline-block;
	padding: 0 18px;
}
.footerNavBar img {
	width: 24px;
	height: 24px;
}

.top a>img {
	margin-left: 4%;
}

/*侧边栏start*/
.slideout-menu {
	position: fixed;
	top: 0;
	bottom: 0;
	width: 256px;
	min-height: 100vh;
	overflow-y: scroll;
	-webkit-overflow-scrolling: touch;
	z-index: 0;
	display: none;
}

.slideout-menu-left {
	left: 0;
}

.slideout-menu-right {
	right: 0;
}

.slideout-panel {
	position: relative;
	z-index: 1;
	will-change: transform;
	min-height:100vh;
	background-color: #f3f3f3;
}

.slideout-open,
.slideout-open body,
.slideout-open .slideout-panel {
	overflow: hidden;
}

.slideout-open .slideout-menu {
	display: block;
}
/*侧边栏end*/
/* 蒙版 */

#main[style*="transform"]>.shade{
	position: absolute;
	top: 0;
	left: 0;
	background: rgba(3, 3, 3, 0.00);
	display: block;
	height: 100%;
	width: 100%;
	z-index: 2;
	/* transition: .15s ease; */
}
#menu {
	background: RGBA(44, 46, 51, 1);
}
#menu ul{
	/* padding-left: 9%; */
	padding-top: 33px;
}
#menu ul li{
	border-bottom: 1px solid RGBA(70, 73, 78, 1);
	background: url(../images/shoppingCart_05.png) 90% no-repeat;
	padding: 13px;
	padding-left: 12%;
	font-size: 15px;
	color: #fff;
	background-size: 3%;
}
#menu ul li:first-of-type{
	background:none;
	font-size: 18px;
}
#menu ul li:active {
	background: RGBA(91, 94, 101, 1);
}

/* 解决footer的问题 */
.article_bottom>div:last-of-type{
	margin-bottom: 52px;
}
#main[style*="transform"]+.footerNavBar {
	display: none;
}


/**未读消息红点**/
#messageNums{
	position: absolute;
	top: 0px;
	right: -12px;
	width: 79%;
	font-size: 42%;
	color: #fff;
	text-indent: 1px;
	text-align: center;
	padding: 2px 0;
	border-radius: 45%;
}