
	::-webkit-scrollbar{ display: none; }
	*{outline:none;-webkit-tap-highlight-color:rgba(0,0,0,0);}
	body,div,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td,img,object,iframe,applet,figure,aside,span{border:thin none;margin:0;padding:0}
	img{border:medium none;margin:0;padding:0;vertical-align:top;width: 100%;}
	*,*:before,*:after{ -webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
	a{text-decoration: none;}
	.fl{float:left}
	.fr{float:right}
	.clearfloat:after{display:block;clear:both;content:"";visibility:hidden;height:0}
	.clearfloat{zoom:1}
	html { -webkit-tap-highlight-color:rgba(0,0,0,0);width: 100%; -webkit-user-select:none;-webkit-tap-highlight:rgba(0,0,0,0);-webkit-text-size-adjust:none;overflow:-moz-scrollbars-vertical;/*强制firefox出现滑动条*/}
	body{font-size:14px;font-size:.875rem;font-family:"微软雅黑",Helvetica;margin:0 auto; background-color:#fff; width: 100%;min-width:320px;max-width:640px;padding:0;line-height:1.5em;position:relative;overflow-x: hidden;}
  .box,.box img{ width:100%;}
  .ellipsisM2 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.ellipsisM1 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}

   /*顶部标题*/
   .fixedtop { position: fixed;top: 0;left: 0; z-index: 10; width: 100%; background: rgba(216, 85, 33, 0); transition: all 0.8s; }
   .fixedOn .nav:before { border-top: 2px solid #000; border-right: 2px solid #000;}
   .btn-share-black{display: none;}
   .fixedOn .btn-share-black{display: block;}
   .fixedOn .btn-share-white{display: none;}
  .nav { height: 44px; line-height: 44px; text-align: center; position: relative; font-weight: bold; }
  .page-title { display: none; width: 100%; text-align: center; line-height: 44px; color: #fff; font-size: 1.29rem; height: 44px;overflow: hidden;padding: 0 20%;}
  /* .nav:before { position: absolute; content: ""; top: 17px; left: 14px; width: 12px; height: 12px; border-top: 2px solid #fff; border-right: 2px solid #fff; transform: rotate(-135deg); } */
  /* .nav img { width: 20px;  } */
  .btn-share { position: absolute; top: 0; right: 0;padding: 13px 10px 0 20px; }
  .btn-seerule { position: absolute; top: 0; right: 45px; width: 19px; }
  .fixedtopbg .page-title { display: block; }

  .back{position: absolute;top: 0;left: 0;width: 45px;height: 100%;z-index: 6;padding: 12px 0;}
.back .white{width: 22px;display: inline-block;}
.back .black{display: none;}
.fixedOn .back .white{display: none;}
.fixedOn .back .black{width: 22px;display: inline-block;}

  
  .banner{position: relative;overflow: hidden;}
  .wxor3g img{margin-top:-25px;}
  .banner .topListtitle{position: absolute;top: 67%;left: 0;width: 100%;padding: 0 5%; overflow: hidden;text-align: center;color: #fff;font-size:2.143em;font-weight: bold; height: 44px;line-height: 44px;}

	/*商品列表*/
	.title{height: 15px;line-height: 15px; width: 100%; background: url(images/top_bg.png) no-repeat center center; background-size: 100% auto; text-align: center; color: #969696;}
	.leaderboard{margin: 0 3% 0 3%;}
	.goodsItems{background:#fff;padding: 10px 0 0 0;border-radius: 8px;margin-bottom: 10px;}
	.items{width: 100%;position: relative;padding: 0 10px;padding-bottom: 10px;}
  .imgBox{float: left; width: 35%;position: relative;height: calc((100vw - 100vw * 0.06) *0.35 - 7px);}
  .imgBox::after{position: absolute;content: "";top: 0;left: 0;right: 0;bottom: 0;background-color: rgba(0,0,0,0.04);border-radius: 6px;}
  .imgBox .lazy{border-radius: 6px;}
	.infoBox{float:right; width: 65%; padding-left:3%;position: relative;}
	.g-name {  width: 100%;padding: 0px 0 5px 0 ; color: #222;font-weight: bold;}
	.g-name span{overflow: hidden;font-size: 16px; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;line-height: 1.352em;max-height:2.704em ; text-align: left;}
	.info,.bot-info { padding:0 ; color: #C2630C;font-size: 0.929em;position: relative;}

  .info>div,.bot-info>div{display: inline-block;vertical-align: top;}
	.info span,.bot-info .item span{overflow: hidden;font-weight: bold; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; background:rgba(162, 97, 3, 0.13);padding: 0 6px;border-radius: 1.4em; height:1.5em; line-height: 1.5em;text-align: left;}
  .bot-info .item span{background:rgba(255, 67, 60, 0.1);color: #FF433C;}
  .pirce{position:absolute;bottom: 10px;left: 38%;color: #FF433C;font-weight: bold;z-index: 3;}
	.z-price{font-size: 1.286em;}
	.price font{font-size: 0.857em;}
	.s-pirce{color: #999; text-decoration: line-through; padding-left: 2px;font-size: 15px;font-weight: normal;}
	.hotdeg{height: 20px;line-height: 18px; position: relative; color:#DC870C;overflow: hidden; font-size: 1em; display: inline-block;vertical-align: top;}
	.hotdeg span{display: inline-block;color:#DC870C;text-align: center;font-weight: bold;}
	.hotdeg img{width: 11px;margin-right:2px;margin-top: 2px;}
  .hotdeg img:first-child{margin-left:4px;}
  .hotdeg2{display: inline-block;vertical-align: top; height: 20px;color:#fff;font-size: 0.85em; background: #f8212f;border-radius: 3px;padding: 0 4px;line-height: 20px;}
	.bot-info{margin-top: 5px;}
  .btn-buy{position: absolute;bottom: 10px;right: 10px;width:86px;height:26px;line-height: 26px;z-index: 9;}
  .btn-extend{position: absolute;bottom: 10px;right: 10px;left: 38%;height: 55%;z-index: 7;background-color: rgba(0,0,0,0);}

  .top{font-weight: bold; position: absolute;top: -4px;left: 3px;text-align: center;    width: 27px;    height: 34;line-height: 25px;color: #fff;
font-size: 0.929em;text-shadow: 0px 1px 1px #E62D0C;z-index: 5;
  background: url(../images/topList/top_bg@3x.png) no-repeat;background-size: 100% 100%; }
	.top b{font-weight: bold;padding-left:3px;}
	.top1{background: url(../images/topList/top1@3x.png) no-repeat;background-size: 100% 100%;font-size: 0;text-indent: -999em;}
	.top2{background: url(../images/topList/top2@3x.png) no-repeat;background-size: 100% 100%;font-size: 0;text-indent: -999em}
	.top3{background: url(../images/topList/top3@3x.png) no-repeat;background-size: 100% 100%;font-size: 0;text-indent: -999em}
	.hd{display: none;}

  .jb-topR{position: absolute;top: 0;right: 0;width: 44px;height: 44px;z-index: 2;}

  .theend{padding: 15px 0 25px 0;text-align: center}

  .toTop{position: fixed;bottom: 0px;right: 10px;width: 45px;z-index: 200;display: none;}

  .saleico{position:absolute;bottom: 0;left: 0;width: 50%;}

	@media only screen and (max-width: 320px){
		body{ font-size:12px;}
	}
	@media only screen and (min-width: 321px) and (max-width:640px) {
		body{ font-size:14px;font-size:.875rem;}
	}