
.sp-cates{display:flex;}
.cate-left{width:80px;background-color: #fafafa;}
.cate-left .van-sticky{width: 80px;}
.cate-item{height:55px;color:#7a7a7a;font-size:14px;padding-left:25px;line-height:55px;}
.cate-item-active{position:relative;color:#fb3127;background-color: #fff;}
.cate-item-active::before{position: absolute;content:"";left:0;top:20px;width:3px;height:12px;background-color: #fb3127;}
.sp-chart{width:20px;height:20px;border-radius:50%;overflow:hidden;}
.sp-chart img{width:100%;height:100%;}
.sp-lists {width:calc(100% - 80px);}
.sp-lists .gw-img{width:90px;height:85px;margin-left:0px;margin-right: 10px;}
.sp-lists .gw-list{overflow:hidden;padding:10px 10px;background-color: #fff;overflow:hidden;display:flex;border-bottom: 1px solid #f2f2f2;}
.sp-lists .gw-cap{margin-top:3px;margin-bottom:10px;}
.sp-lists .gw-right{width:calc(100% - 100px);}



.gw-list .van-checkbox{width:20px;}
.gw-img img{width:100%;height:100%;}

.gw-price{color:#fb3127;font-size:15px;font-weight:500;margin-top:2px;margin-bottom:0px;}
.gw-cap{line-height:22px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;color:#222222;font-size:14px;font-weight:500;}
.gw-cap a{color:#222222;font-size:14px;font-weight:500;}
.gw-unit{font-style:normal;font-size:13px;}

.gw-look{display:flex;justify-content: space-between;align-items: center;}


.tabs{
    padding: 0 20%;
    background: #fff;
    position: relative;
}
.tabs .toBack{
    position: absolute;
    left: 10px;
    top: 16px;
}
.van-swipe-item{
    text-align: center;
}
.pro-detail-name{ width:100%; height:auto; overflow:hidden; line-height:1.6; box-sizing:border-box;background:#fff; font-size:16px; color:#000; font-weight:normal; margin-top:3px;}
.pricestock-view{ margin: 10px auto;}
.pricestock-view .price{color:#fa4338;}
.pricestock-view .price b{font-size:20px;font-weight:bold; font-family: Arial, Helvetica, sans-serif;}
.pricestock-view .stock{ font-size: 13px; color: #999;}
.sharebtn span{
    display: inline-block;
    text-align: center;
    color: #666;
    font-size: 13px;
}
.sharebtn span i{
    display: block;
    color: #333;
    font-weight: bold;
    
}
.sharebtn span:nth-of-type(1) i{
    font-size: 18px;
}


.good_box{box-sizing: border-box;width:100%;height:60px;padding:10px 12px;background: #fff;position: fixed;left:0;right:0;bottom:0;z-index: 99;}
.good_sure{height:40px;line-height:40px;text-align:center;color:#fff;font-size:15px;border-radius:50px;background: #fa4338;display:block;}
.detail_cap{height:60px;display:flex;align-items: center;justify-content: center; color:#aaa;font-size:18px;background-color: #fff;}
.detail_cap span{padding:0 12px;}
.line{background-color: #aaaaaa;width:15px;height:1px;}
.proitem-detail{ width:100%; height:auto; overflow:hidden; background:#fff; padding:10px 10px; box-sizing:border-box;}
.proitem-detail img{ max-width:100%;display: block;}



.zixun{height:50px;background-color: #fff;position: fixed;left:0;right:0;bottom:0;z-index:10;display:flex;align-items: center;width:100%;}
.go_home{flex:2;background-color: #fff;height:100%;}
.go_home a{display:flex;height:100%;align-items: center;justify-content: center;flex-direction: column;color:#444444;font-size:12px;}
.go_home img{width:17px;margin-top:2px;margin-bottom:3px;}
.shop_zixun{flex:4;background-color: #e43130;height:100%;}
.shop_zixun a{display:flex;height:100%;align-items: center;justify-content: center;color:#fff;font-size:18px;font-weight:500;}
.buybtn-view{ flex: 3; height: 100%; overflow: hidden; text-align: center;}
.buybtn-view button{ width: 80%; height:70%; background: #c00; border-radius: 70px; display: block; margin:15% auto; border: none; color: #fff; cursor: pointer; font-size: 13px; font-weight: bold;}


/*弹出式规格选择*/
.attr-pro-top{ width:calc((100vw - 20px)); height:100px; overflow:hidden; display:flex; align-items:center; margin:10px auto;}
.attr-pro-top .pic{ width:80px; height:80px; overflow:hidden; background:#f4f4f4;}
.attr-pro-top .info{ flex:1; width:100%; margin-left:10px; height:auto; overflow:hidden;}
.attr-pro-top .info .price{ color:#f00; font-size:17px; margin-bottom:5px;}
.attr-pro-top .info .stock{ color:#999; font-size:13px;}
.attr-pro-top .info .attrname{ color:#999; font-size:12px; margin-top:5px;}
.speclist-box{ width:100%; height:calc(60vh - 169px);padding-left:10px; box-sizing:border-box;  overflow-y:scroll;}
.speclist-box dl{ width:100%; height:auto; overflow:hidden; border-bottom:0.5px solid rgba(240,240,240,0.6); margin-bottom:10px;}
.speclist-box dl dt{ width:100%; height:30px;font-size:14px; color:#333;}
.speclist-box dl dd{ width:100%; height:auto; overflow:hidden;}
.speclist-box dl dd button.spec-btn{ float:left; height:32px; padding:0px 10px; margin-bottom:10px; margin-right:10px; border:none; background:#f7f8f8; color:#323233; font-size:13px; line-height:32px; border-radius:2px;}
.speclist-box dl dd button.hover{ background:#fee7e9; color:#ee0a24;}
.attr-buy-bottom{ width:100%; height:48px; display:flex;}
.attr-buy-bottom button{flex:1; height:100%; border:none; font-size:16px; color:#fff; background:#fda922;}
.attr-buy-bottom button:last-child{ background:#f41817;}



/*评论*/
.pro-item-comt{ width:100%; height:auto; overflow:hidden; background:#fff;}
.pro-item-comt dl{ width:100%; min-height:80px; overflow:hidden; padding:10px 10px 10px 60px !important; box-sizing:border-box;position:relative;}
.pro-item-comt dl dt{ width:40px; height:40px; border-radius:50%; overflow:hidden; position:absolute; left:10px; top:10px;} 
.pro-item-comt dl dd{ width:100%; height:auto; overflow:hidden;}
.pro-item-comt dl dd h3{ color:#333; font-weight:500; margin-top:2px; font-size:14px;}
.pro-item-comt dl dd p.date{ color:#999; font-size:13px; margin-top:3px;}
.pro-item-comt dl dd .score{ position:absolute; right:10px;top:10px;}
.pro-item-comt dl dd .score img{ margin-left:2px;}
.pro-item-comt dl dd .content{ width:100%; height:auto; overflow:hidden; line-height:18px; font-size:12px; color:#555; margin-top:2px;}
.pro-item-comt dl dd .re_content{ width:100%; height:auto; overflow:hidden; padding:4px 4px; box-sizing:border-box; line-height:20px; background:rgba(249,186,51,0.1); font-size:12px; margin-top:2px;}
.comtpic{ width:100%; height:auto; overflow:hidden; margin-top:5px; margin-bottom:5px;}
.comtpic img{ float:left; margin-right:5px; border-radius:5px;}
.pro-item-history{ width:100%; height:auto; overflow:hidden; padding:10px 5px; box-sizing:border-box; background:#fff;}
.pro-item-history ul li{ width:33.33%; padding:0px 10px; box-sizing:border-box; float:left; padding:0px 5px; box-sizing:border-box;}
.pro-item-history ul li a{ width:100%; height:auto; overflow:hidden; display:block;}
.pro-item-history ul li .pic{ width:100%; height:120px; border-radius:10px; overflow:hidden;}
.pro-item-history ul li .pic img{ display:block;}
.pro-item-history ul li h2{ width:100%; height:24px; line-height:24px; overflow:hidden; color:#333; font-size:12px;white-space:nowrap; text-overflow:ellipsis;}
.pro-item-history ul li b{ color:#f00; font-family:Arial;}

.pro-review{ min-height: 80px; background: #fff;}
.review-item{ display: flex; padding:5px 10px; box-sizing: border-box;}
.review-item .face{ width: 30px; height: 30px; border-radius: 50%; overflow: hidden; margin-right: 10px;}
.review-item .info{ flex: 1;}
.review-base{ flex: 1px; display: flex; justify-content: space-between;}
.review-name{ font-size: 26rpx; color: #333;}
.review-date{ color: #666; font-size: 12px; margin-top: 3px;}
.review-content{ color: #888; font-size: 12px; line-height: 1.5;margin-top: 3px;}
.review-pic-item{ width: 50px; height: 50px; padding: 1px 1px; box-sizing: border-box; float: left; margin-right:5px; margin-top: 5px;}
.review-recontent{ background: #f4f4f4; padding: 5px 5px; box-sizing:border-box;}



