/*公用的css*/
*,
::before,
::after{
    padding: 0;
    margin: 0;
    /*我们要去除在所有的浏览器当中点击过后有一个高亮的效果*/
    /*击*/
    -webkit-tap-highlight-color: transparent;/*我们把他设置透明*/
    tap-highlight-color: transparent;
    /*我们需要设置所有的元素宽度以边框开始计算*/
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
body{
    font-family: 'Source Sans Pro',Helvetica Neue,Helvetica,Arial,\\6587泉驛正黑,WenQuanYi Zen Hei,Hiragino Sans GB,\\5137黑Pro,LiHei Pro,Heiti TC,\\5FAE軟正黑體,Microsoft JhengHei UI,Microsoft JhengHei,sans-serif;/*如果没有微软雅黑 就使用移动端默认的字体*/
    font-size: 0.35rem;
    color: #333;
}
a{color:#333333;}
a:hover{color:#333333;}


/*清楚移动端浏览器对表单的默认样式*/
input[type="search"],input[type="tel"],textarea{
    border: 0;
    resize: none;
    outline: none;
    /*清除移动浏览默认的样式*/
    -webkit-appearance: none;
}

.f_left{
    float: left;
}
.f_right{
    float: right;
}
i{font-style: normal;}
/*清除浮动*/
.clearfix::after,
.clearfix::before{
    content: ".";
    height: 0;
    line-height: 0;
    display: block;
    visibility: hidden;

    clear: both;
}
/*头部代码start*/
.header{
    width:100%;

    line-height: 1.375rem;
    vertical-align: middle;
    background:#EB2329;
    font-size: 0.75rem;
    padding: 0.4rem 0 0.425rem;
    position:fixed;
    z-index:99999;
    top:0rem;

}
.scroll{
    overflow:scroll;
    height:20rem;
}
.backs{
      float:left;
    width: 1.2rem;
    height: 1.2rem;
    background:url(../images/back.png) no-repeat;
    background-size:contain;
    margin-left: 0;
    /*margin-top: 0.25rem;*/

}
.mainLogo{
    float:left;
    width:1.225rem;
    height:1.375rem;
    background:url(../images/mainLogo.png) no-repeat;
    background-size: contain;
    /*margin-left: 0.7rem;*/
    width:1.225rem;
    height:1.375rem;
    left: 1.8rem;
    top:0rem;
    position: absolute;
}
.nav{
    float:left;
    font-size: 0.75rem;
    height:1.3rem;
    line-height: 1.3rem;
}
.nav input{background:white;}
.nav .seartch_input{
                   width:11.5rem;
                   height:1.3rem;

                   background:url(../images/magnify.png) no-repeat center left white;
                   border-radius:0.15rem;
                   margin-left:0.75rem;
                   font-size:0.5rem;
                   text-indent:1.3rem;
                   font-family:"微软雅黑";
				   background-size: contain;
}
.nav a{
    float:left;
    color:#fff;
    padding:0 0.7rem;
    margin-left: 0.25rem;
}
.nav_a2{background: #A10A18;border-radius:0.125rem  ;}

.car{
    float: right;
    position:relative;
    width:0.825rem;
    height: 0.825rem;
    margin-top:0.35rem;
    margin-right:0.525rem ;
    background:url(../images/car.png) no-repeat;
    background-size: contain;

}
.car .number{
    position:absolute;
    width:0.55rem;
    height:0.55rem;
    font-size:0.35rem ;
    line-height: 0.55rem;
    background:#fff;
    color:#c90c1e;
    right:-0.375rem;
    top:-0.225rem;
    border-radius: 50%;
    text-align: center;
    font-weight: normal;

}
.proWrap{
    padding:0.75rem 0;
    box-sizing: border-box;
    height:15.875rem;
    box-shadow: 0 0 5px #f3f1f1;
    position:relative;
}
.roundNum{
    position:absolute;
    right:0.9rem;
    bottom:0.9rem;
    width:1.4rem;
    height:1.4rem;
    background:#999999;
    opacity:0.6;
    font-size:0.425rem ;
    line-height:1.4rem ;
    color:#fff;
    border-radius: 50%;
    text-align: center;
}
.roundNum .change{
    font-size:0.55rem ;
    line-height:1.4rem ;
}
/*头部代码end*/


.sort-filter{background:#ebebeb;
             width:100%;
             height:2rem;
			 position:fixed;
            z-index:99999;
            top:2.2rem;
             }
.sort-filter a{display:block;
               float:left;
               font-size:0.55rem;
               padding-top:0.225rem;
               padding-left: 1rem;
               padding-bottom:0.225rem;
                 text-align:right;
                 position: relative;
				 color:#5c5c5c;}
.sort-filter img{height:1.35rem;width:1.35rem;}
.sort-filter span{position: absolute;left: 1rem;margin-left: 10px;}
.sort-filter a:nth-child(1){
                           width:0.9rem;
                           height: 0.9rem;
                           /*margin-left:2.8rem;
                         
						   margin-top:0.37rem;*/
}

.sort-filter a:nth-child(1) img{float:left;
                                height:0.9rem;
								width:0.9rem;}
.sort-filter a:nth-child(2) img{float:left;
                                height:0.9rem;
								width:0.9rem;}
.sort-filter a:nth-child(2){
                            width:2.875rem;
                            margin-left:6em;
                           
							margin-top:0.37rem;
}     
.sort-filter a:nth-child(3){
                           
                            height:1.20rem;
                            width:1.20rem;
                            float:right;
							margin-right:0.5rem;
                            margin-top: 0.5rem;
}
.main-containner{width:98%;
               
                 box-sizing: border-box;
				 margin:0 auto;
				 position:relative;
				 margin-top:4.575rem;}
.left-containner{box-sizing:border-box;
                
				 width:100%;
				 float:left;}
.search_head{width:7.4rem;
             height:1.225rem;
			 background:#92c717;
			 text-align:center;
			 line-height:1.225rem;
			 font-size:0.5rem;
			 color:white;
			 margin-bottom:0.25rem;}
.main-photos{height:5rem;width:5rem;
             /* margin-top:0.15rem; */
             background-size: contain;
             margin:0 0.4rem;

           }
.price-discount li{display:block;
      font-size: 0.7rem;line-height: 0.8rem;
                /*    padding-left:0.45rem; */
				   padding-bottom:0.1rem;}
 .price-discount li a{display:inline-block;
                      width: 6.4rem;
                  height: 1rem;
                  text-overflow:ellipsis;
                  overflow: hidden;
                  white-space: nowrap;padding-left: 0.8rem;
              }                
.price-discount li:nth-child(1){margin-top:0.45rem;
                                font-size:0.5rem;}
.price-discount li:nth-child(2){color:red;font-size:0.8rem;font-weight: 700;text-align: center;}
.price-discount li:nth-child(3){font-size:0.55rem;text-align: center;}
.price-discount li b{font-size:0.55rem;}
.price-discount li:nth-child(3) b{color:#f22f33;font-weight:bold;}
.search_good_detail{border:1px solid #cccccc;position:relative;height:12.5rem;margin-bottom:0.4rem;margin-left: 0.3rem; }
.search_good_detail{float: left;height:11.5rem;}
.price-discount li:nth-child(4) img{
                                   width:0.55rem;height:0.55rem;}
.price-discount li:nth-child(4) *{float:left;line-height:0.55rem;margin-right:0.05rem;}
.price-discount li:nth-child(4) b{font-weight:normal;font-size:0.55rem;color:#cccccc;}
.main-containner .search_good_detail .fav1{
        display:block;
        width:0.75rem;
        height:0.625rem;
        background:url(../images/hui.png) no-repeat center;
         background-size: contain;
         position:absolute;
         top:0.76rem;
         right:0.245rem;
         z-index: 10000;
}
.main-containner .search_good_detail .fav1.cur{display:block;
        width:0.75rem;
				height:0.625rem;
				   background:url(../images/red.png) no-repeat center;
				 background-size: contain;
				 position:absolute;
				 top:0.75rem;
           z-index: 10000;
				 right:0.245rem;}
/*.no-favorite{
             display:block;
              width:0.75rem;
				height:0.625rem;
				background:url(../images/hui.png) no-repeat center;
				 background-size: contain;
				 position:absolute;
				 top:0.76rem;
				 right:0.245rem;
         z-index: 10000;
                
}*/

/*.fav1{
       display:block;
        width:0.75rem;
        height:0.625rem;
        background:url(../images/hui.png) no-repeat center;
         background-size: contain;
         position:absolute;
         top:0.76rem;
         right:0.245rem;
         z-index: 10000;
                
}*/
.right-containner{box-sizing:border-box;
                
				 width:7.4rem;
				 float:right;
				 }

.scroll{
    overflow:scroll;
    height:auto;
    width:100%;
    z-index:100;
    margin-top:4rem;
}
.back{
    float:left;
    width:0.8rem;
    height:0.8rem;
    background:url(../images/back.png) no-repeat;
    background-size:contain;
    margin-left: 0.525rem;
    margin-top:0.3rem ;
}

.nav{
    float:left;
    font-size: 0.75rem;
    height:1.3rem;
    line-height: 1.3rem;
}
.nav input{background:white;}
.nav .seartch_input{
                   width:11.5rem;
                   height:1.3rem;

                   background:url(../images/magnify.png) no-repeat center left white;
                   border-radius:0.15rem;
                   margin-left:0.75rem;
                   font-size:0.5rem;
                   text-indent:1.3rem;
                   font-family:"微软雅黑";
           background-size: contain;
}
.nav a{
    float:left;
    color:#fff;
    padding:0 0.7rem;
    margin-left: 0.25rem;
}
.nav_a2{background: #A10A18;border-radius:0.125rem  ;}

.car{
    float: right;
    position:relative;
    width:0.825rem;
    height: 0.825rem;
    margin-top:0.35rem;
    margin-right:0.525rem ;
    background:url(../images/car.png) no-repeat;
    background-size: contain;

}
.car .number{
    position:absolute;
    width:0.55rem;
    height:0.55rem;
    font-size:0.35rem ;
    line-height: 0.55rem;
    background:#fff;
    color:#c90c1e;
    right:-0.375rem;
    top:-0.225rem;
    border-radius: 50%;
    text-align: center;
    font-weight: normal;

}
.proWrap{
    padding:0.75rem 0;
    box-sizing: border-box;
    height:15.875rem;
    box-shadow: 0 0 5px #f3f1f1;
    position:relative;
}
.roundNum{
    position:absolute;
    right:0.9rem;
    bottom:0.9rem;
    width:1.4rem;
    height:1.4rem;
    background:#999999;
    opacity:0.6;
    font-size:0.425rem ;
    line-height:1.4rem ;
    color:#fff;
    border-radius: 50%;
    text-align: center;
}
.roundNum .change{
    font-size:0.55rem ;
    line-height:1.4rem ;
}
  .header  h3{
         line-height: 1.375rem;
         height: 1.375rem;
         text-align: center;
         font-size: 0.8rem;
         color: #fff;
         position: relative;
    }
    .back{
       position: absolute;
       left: 0.2rem;
       top:0rem;
        width:1.2rem;
        height:1.2rem;
        background:url(../images/back.png) no-repeat;
        background-size:contain;
        margin-left: 0.525rem;
        margin-top:0.3rem ;
    }
    
    .sort-filter a span{
      font-size: 0.7rem;
      vertical-align: middle;
      padding-left: 1rem;
    } 
    .main-containner .search_good_detail{
       box-sizing: border-box;
        width: 7.4rem;
        float: left;
    }
.icon{
    background: url(../images/Rectangle.png) no-repeat;
    display: inline-block;
    margin-top: 0.3rem;
    background-size: contain;
    margin-top: 0.2rem;     
 }
 .no{
    background: url(../images/Square.png) no-repeat;
    display: inline-block;
    margin-top: 0.3rem;
    background-size: contain; 
    height: 1.2rem;
    width: 1.2rem;
    float: right;
    margin-right: 0.5rem; 
    margin-top: 0.2rem;  
 }


 .commodityDetail{border:2px solid #cccccc;
                 width:15rem;
                 height:6.7rem;
                 margin:0 auto;
                 margin-top:0.5rem;
                 font-size:0.5rem;
                  z-index:1;position:relative;}
.commodityDetail  .aImg{
    height:6.7rem;
    width:5.5rem; 
    float:left;
}
.commodityDetail  .aImg img{
      height:5.5rem;
      width:5.5rem;
    margin-top: 0.5rem;
    background-size: contain;
    margin-left:0.3rem;
}
//Tab切换
.scroll{
    overflow:scroll;
    height:auto;
    width:100%;
    z-index:100;
    margin-top:4rem;
}
/* .commodityDetail img:nth-child(1){
                                  height:5.5rem;
                                  width:5.5rem;
                                 
                                 float:left;} */

.commodityDetail div{
    position: relative;
    float: right;
    display: inline;
    width: 8rem;
    margin-right: 0.5rem;
}
.commodityDetail div h2,.commodityDetail div h2 a{
  width: 8rem;
  height: 2.4rem;
  overflow: hidden;
  text-overflow:ellipsis;
  white-space: nowrap;
  clear: both;
}
.commodityDetail div h2 a{
  padding-top: 0.8rem;
  font-size: 0.6rem;
  display: inline-block;
}
.commodityDetail div .price_good{
  color: #f00;
}
.commodityDetail div p{
  line-height: 1rem;
}
.commodityDetail div p span{
  text-decoration: line-through;
  margin-right: 0.5rem;
}
.commodityDetail div p b{
  color: #f00;
  font-weight: normal;
}
.commodityDetail div p img{
    height:0.55rem;
    width:0.55rem;
    line-height:0.55rem;
    margin-right:0.04rem;
    display:inline;
    background-size: contain;
    margin-top: 0.2rem;
}
.commodityDetail div p strong{
  padding-left: 0.3rem;
}
.commodityDetail div em{
    position: absolute;
    right: 0.8rem;
    top:2.5rem;
    background:url(../images/focus.png) no-repeat center;
    display: block;
    width: 0.75rem;
    height: 0.625rem;
    background-size: contain;
    z-index:10;
}
.commodityDetail div em.icons{
    position: absolute;
    right: 0.8rem;
    top:2.5rem;
    background:url(../images/focus.png) no-repeat center;
    display: block;
    width: 0.75rem;
    height: 0.625rem;
    background-size: contain;
     z-index:10;
}
.commodityDetail div em.img{
    position: absolute;
    right: 0.8rem;
    top:2.5rem;
    background:url(../images/red_heart.png) no-repeat center;
    display: block;
    width: 0.75rem;
    height: 0.625rem;
    background-size: contain;
     z-index:10;

}
.commodityDetail div ul{float:right;display:block;
                       width:6.6rem;
                       margin-top:0.75rem;
                       margin-right:1rem;
                       }
.commodityDetail div ul li{display:block;width:7.6rem;color:#666666;}
.commodityDetail div ul .price_good{margin-top:0.75rem;margin-bottom:0.2rem;color:#ca0d1e;}
.good_titless a{
    color:#666666;
    width: 7rem;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
    height:1rem;
    display: inline-block;
}
.commodityDetail li b{color:#ca0d1e;font-weight:normal;}
.commodityDetail li span{text-decoration:line-through;color:#808080;}
.price_good.on{background:url(../images/red_heart.png) no-repeat center;
            background-position-x:5rem;
       background-size: contain;}

.commodityDetail .good_proporation{margin-top:0.25rem;}
.commodityDetail .good_proporation strong{float:right;margin-right:3rem;margin-top:-0.1rem;font-size:0.5rem;float:left;}
  .header  h3{
         line-height: 1.375rem;
         height: 1.375rem;
         text-align: center;
         font-size: 0.8rem;
         color: #fff;
         position: relative;
    }
    .back{
       float:left;
    width: 1.2rem;
    height: 1.2rem;
    background:url(../images/back.png) no-repeat;
    background-size:contain;
    margin-left: 0;
    margin-top: 0.4rem;
}
    }
    .sort-filter a span{
      font-size: 0.7rem;
      vertical-align: middle;
    } 
    
    .main-containner .search_good_detail{
       box-sizing: border-box;
        width: 7.4rem;
        float: left;
    }
    .commodityDetail .aImg img {
        height: 5.5rem;
        width: 5.5rem;
        margin-top: 0.5rem;
        background-size: contain;
        margin-left: 0.3rem;
  }
  .lis_img span{
    width: 0.55rem;
    height: 0.55rem;
    display: inline-block;
    background: url(../images/gray-star.png) no-repeat;
    background-size: contain;
  }
  .lis_img span.cur{
    width: 0.55rem;
    height: 0.55rem;
    display: inline-block;
    background: url(../images/yellow-star.png) no-repeat;
    background-size: contain;
  }
  
.showCase .search_good_detail {
    text-align: center;
}

.mainLogo{
  float:left;
  width:4rem;
  height:4rem;
  background:url(../images/mainLogo.png) no-repeat;
  background-size: contain;
  margin-left: -0.1rem;
  margin-top: -0.9rem;
}