html{
	width:100%;
	height:100%;
}
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:14.9rem;
	height:1.7rem;
	padding-top:0.35rem;
	margin:0 auto;
	overflow:hidden;
}
.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;
}
/* 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:#fff;
	margin-top:0.27rem;
	float:left;
}
.activity{
    width:14.9rem;
    height:auto;
    margin:0 auto;
}
.activity h2{
	height:1.8rem;
	font-size:0.7rem;
	color:#383a3f;
	line-height:1.9rem;
	border-bottom:1px solid #dee0e5;
}
.activity h2 span{
	font-size:0.47rem;
	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{
	transition: all 3s;
	border-bottom: 1px solid #dee0e5;
	width:6.9rem;
	float:left;
	padding-top:0.19rem;
	padding-bottom:0.7rem;/*新加的*/
	margin: 0;
}
.activityCon>div:nth-of-type(2n+1){
	border-right:1px solid #dee0e5;
	padding-right:0.47rem;
}
.activityCon>div:nth-of-type(2n){
	padding-left: 0.57rem;
}
.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: -6px;
  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;
}
.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: 6px 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;
}
.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: 0.6rem;
}

/*侧边栏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;
	background-color: #FFF; /* A background-color is required */
	min-height: 100vh;
  }
  
  .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;
	right: 5px;
	top: 1px;
	/*background: #e71831;*/
	width: 19px;
	font-size: 6px;
	color: #fff;
	text-indent: 1px;
	text-align: center;
	padding: 2px 0;
	border-radius: 45%;
}