/* /static/mobile/img/goods/goods.css 商品,荣华软件,刘荣,2024-07-10 */ 

/*banner*/
.goods_swiper{width: 100%;height:375px;}
.goods_banner image {width: 100%;height:375px;object-fit: cover;}
/*返回按钮*/
.goods_return {position: fixed;top: 62px;z-index: 99;left: 3%;}
.goods_return image {width: 52upx;height: 52upx;}
/*商品详情*/
.goods_info{padding: 10px 3%;background-color: #ffffff;border-bottom: 1px solid #eee;margin: 10px 10px 0px 10px;border-radius: 5px;}
.goods_info .price{font-size: 20px;font-weight: bold;color: #d73439;margin: 0px 0px 10px 0px;float: left;}
.goods_info .price .market{font-size: 12px;margin-left: 10px;color: #666;}
.goods_info .collect{color: #565656;font-size: 10px;text-align: center;float: right; margin: 10px; white-space: nowrap;} 
.goods_info .collect image{height: 20px;width: 20px;}
.goods_info .title{font-size: 16px;font-weight: 650;color: #262626;}
.goods_info .text{font-size: 12px;color: #666;overflow: hidden;}
/*运费*/
.goods_service{background-color: #ffffff;display: flex;justify-content: space-between;padding: 10px;margin: 10px 10px 0px 10px;border-radius: 5px;}
.goods_service .left{font-size: 14px;}
.goods_service .left image{width: 20px;height: 20px;}
.goods_service .sale{font-size: 15px;}
.goods_service .right{font-size: 14px;}
/*店铺*/
.goods_store{padding: 10px 5px 10px 0px;background: #fff;margin: 10px;border-radius: 5px;}
.goods_store .goods_store_item{display: flex;align-items: center;justify-content: space-between;position: relative;}
.goods_store .goods_store_item .address{margin-top: 5px;color: #666;font-size: 12px;font-weight: normal;}
.goods_store .goods_store_item .img{position: absolute;overflow: hidden;border-radius: 8%;left: 10px;}
.goods_store .goods_store_item .img image{width: 45px;height: 45px;}
.goods_store .goods_store_item .title{margin: 0 0 0 65px;font-size: 14px;font-weight: 600;}
.goods_store .goods_store_item .arrow {margin-left: 10px;}
.goods_store .goods_store_item .arrow image{height: 20px;width: 20px;}
.goods_store .title image{width: 20px;height: 20px;margin-left: 10px;}
/*详情*/
.goods_detail{background-color: #fff;padding: 10px;line-height: 25px;margin: 10px 10px 0px 10px;border-radius: 5px;}
.goods_detail .info_title{font-size: 14px;margin-top: -5px;}
.goods_detail text{font-size: 12px;color: #808080;}
/*底部*/
.goods_foot{display: flex;align-items: center;background: #fff;width: 100%;background: #fff;position: fixed;bottom: 0;padding: 10px 0px 15px 0px;}
.goods_foot .goods_button{padding: 2px 0px;}
.goods_foot .navigator_btn {white-space: nowrap;height: 100%;font-size: 12px;color: #666;line-height: 15px;border: 0;background-color: #fff;text-align: center;}
.goods_foot .navigator_btn image{height: 25px;width: 25px;}
/*选择产品规格*/
.goods_mask{z-index: 102;width: 100%;height: 100%;overflow-y: hidden;position: fixed;background: #333;top: 0px;opacity: 0.6;bottom: 0;}
.goods_close{position: absolute;right: 0;top: 10upx;width: 40px;height: 40px;background: url(~@/static/icon/close.png) no-repeat center center / 50% auto;}
.goods_content{width: 100%;background: #fff;position: fixed;z-index: 999;bottom: 0px;padding-bottom: 20px;}
.goods_content .buy_describe {position: relative;}
.goods_content .buy_describe .picture{border: 2rpx solid #eee;position: absolute;top: -15px;width: 80px;height: 80px;border-radius: 8rpx;left: 3%;overflow: hidden;}
.goods_content .buy_describe .picture image{ width:100%; height: 100%;}
.goods_content .buy_describe {padding: 20rpx 80rpx 20rpx 220rpx;height: 60px;}
.goods_content .buy_describe  .price{color: #d73439; font-family: verdana,arial;font-weight: 700;line-height: 30px;}
.goods_content .buy_describe  .price span{ font-size:18px;color: #d73439; }
.goods_content .buy_describe  .choose{color: #666;margin-top: 5px;}
.goods_content .buy_describe  .stock{font-size: 12px;color: #666;line-height: 30px;}
.goods_content .buy_describe  .stock span{ font-size:12px;}
.goods_content .buy_attribute{padding: 20rpx;max-height: 260px;overflow-y: auto;} 
.goods_content .buy_attribute p{font-size: 15px;}
.goods_content .buy_attribute ul{display: flex;flex-wrap: wrap;font-size: 14px;}
.goods_content .buy_attribute ul li{padding: 5px 10px;background: #F5F5F5;border-radius: 5px;margin:10px 5px;}
.goods_content .buy_attribute ul .active{border: 1px solid #d73439;color: #d73439;} 
.goods_content .buy_number{padding: 20rpx;max-height: 260px;overflow-y: auto;display: flex;justify-content: space-between;align-items: center;margin-bottom: 10px;width: 100%;} 
.goods_content .buy_number text{font-size: 15px;}
.goods_content .buy_number .num{display: flex;align-items: center;display: flex;justify-content: flex-end;margin-right: 20px;}
.goods_content .buy_number .num .input_num{width: 20%;text-align: center;display: flex;justify-content: center;line-height: 30px;}
.goods_content .buy_number .num .symbol{float: left;text-align: center;border-radius: 6rpx;height: 32px;line-height: 32px;font-size: 12px;padding: 0 5%;border: 2rpx solid #999;color: #555;}
.goods_content .buy_number .num .active{ color:#fff; background:#28caec;border: 2rpx solid #28caec;}
.goods_content .buy_bottom{display: flex;padding: 0 10px;align-items: center;justify-content: space-between;border-top: 1px solid #eee;padding-top: 10px;}
.goods_content .buy_bottom .price2{color: #d73439; font-family: verdana,arial;font-weight: 700;line-height: 30px;margin-right: 10px;width: 50%;}
.goods_content .buy_bottom .price2 span{ font-size:18px;color: #d73439; }
.goods_content .reason{padding: 10px;margin-top: 40px;padding: 0px 20px;word-wrap: break-word;font-size: 16px;}
.goods_content .reason .reason_item{display: flex;color: #808080;margin: 20px 0px 0px 0px;}

.goods_seckill{background: #fff;background: linear-gradient(to left,#e60000 40%,#ff0000);}
.goods_seckill .left{display: flex;float: left;align-items: center;color: #fff;margin: 10px;}
.goods_seckill .left .txt{font-size: 20px;font-weight: 600;}
.goods_seckill .right{float: right;background: #f5c64f;padding: 5px 0;width: 160px;text-align: center;}
.goods_seckill .right .tip{font-size: 12px;text-align: center;color: #ff0000;}
.goods_seckill .right .time{margin-top: 4px;color:#444;font-weight: 600;font-size: 14px;}

.goods_group{padding: 10px 3%;background: #fff;margin: 10px 0px;margin: 10px 10px 0px 10px;border-radius: 5px;}
.goods_group .group_tip{color: #888;font-size: 13px;padding-bottom: 4px;}
.goods_group .group_swiper{width: 100%;height: 50px;padding: 10px 10px 0px 0px;}
.goods_group .group_swiper .record_text{display: flex;}
.goods_group .group_swiper .record_text image{width: 40px;height: 40px;border-radius: 50%;}
.goods_group .group_swiper .record_text .user{margin-left: 10px;line-height: 40px;}
.goods_group .group_swiper .record_text .user .name{font-size: 17px;}
.goods_group .group_swiper .record_text .user .place{color: #888;font-size: 12px;}
.goods_group .group_swiper .record_text .right3{margin-top: 5px;position: absolute;font-size: 13px;text-align: center;right: 60px;}
.goods_group .group_swiper .record_text .btn{font-size: 13px;background:  #d73439;color: #fff;padding: 2px 5px;border-radius: 5px;height: 20px;position: absolute;right: 0px;display: flex;justify-content: center;margin-top: 8px;}