/* pages/index/goodsDetial/goodsDetial.wxss */ @import "../../../wxParse/wxParse/wxParse.wxss"; page { background: #f3f5f5; width: 100%; height: 100%; } text{ height: 0!important } .big_box { width: 100%; height: 100%; } .shicai{ background: #fff; padding: 20rpx 25rpx 30rpx 25rpx; box-sizing: border-box; margin-top: 20rpx } .detail_container { width: 100%; height: 100%; } .detail_container.active { overflow: hidden; } .coupons { font-size: 30rpx; color: #222; display: flex; } .goods_detail { font-weight: bold; } .goods_detail.active { border-bottom: 3rpx solid #ffda44; } .graphic_detail { font-weight: bold; margin-left: 56rpx; } .graphic_detail.active { border-bottom: 3rpx solid #ffda44; } .share { font-size: 28rpx; color: #222; } .share_btn { background: transparent; padding: 0; margin: 0; border: 0 !important; color: #222; font-size: 28rpx; margin-top: 10rpx; } .banner { position: fixed; z-index: 999999; } .banner_box{ position: relative; } .banner_img { height: 630rpx; padding-top: 80rpx; box-sizing: border-box; } .banner_img image { width: 100%; height: 100%; } .item_list { padding: 32rpx 25rpx; box-sizing: border-box; background-color: #fff; margin-bottom: 20rpx; } .banner_title { font-size: 34rpx; color: #222; } .introduce { font-size: 28rpx; color: #888; } .banner_character { display: flex; justify-content: space-between; align-items: center; font-size: 24rpx; color: #888; margin-top: 40rpx; } .banner_price { display: flex; align-items: center; } .money_icon { font-size: 22rpx; color: #222; } .money_icon2ds { font-size: 22rpx; color: red; margin-left: 8rpx!important } .money { font-size: 38rpx; font-weight: bold; color: #222; } .original_price { color: #888; text-decoration: line-through; } .display_box { height: 30rpx; margin-left: 40rpx; display: flex; /* align-items: center; */ flex-wrap: nowrap; white-space: nowrap; line-height: 30rpx; } .money_icon2 { font-size: 22rpx; color: #f44; } .money_icon2d{ height: 20rpx; line-height: 20rpx; font-size: 22rpx; background: purple; margin-top: 10rpx; color: #f44; } .money2 { height: 30rpx; line-height: 30rpx; font-size: 38rpx; font-weight: bold; color: #f44; } .money2d { height: 30rpx; line-height: 30rpx; font-size: 38rpx; font-weight: bold; color: #f44; } .vip { width: 80rpx; height: 25rpx; margin-left: 5rpx; margin-top: 5rpx; display: inline-block } .vip image{ width: 100%; height: 100% } .list_content,.list_contents { display: flex; justify-content: space-between; align-items: center; position: relative } .list_contents{ padding-right:20rpx; box-sizing: border-box; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; } .content_title { display: flex; } .title { width: auto; font-size: 24rpx; color: #888; } .content { flex-grow: 1; font-size: 24rpx; color: #222; margin-left: 47rpx; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; } .icon-jinru,.icon-jinrus { font-size: 22rpx; color: #c7c7c7; position: absolute; top: 50%; right: 0; transform: translateY(-50%) } .icon-jinrus{ position: relative; margin-top:6rpx; transform: translate(0,0) } .more_box { font-size: 24rpx; color: #949a9a; border-top: 1rpx solid #ededed; display: flex; justify-content: center; align-items: center; padding-top: 24rpx; margin-top: 35rpx; } .icon-zhankai { font-size: 14rpx; margin-left: 10rpx; } .item_list1 { background-color: #fff; margin-bottom: 20rpx; display: flex; justify-content: space-between; align-items: center; padding: 19rpx 16rpx; } .hint1 { font-size: 22rpx; color: #222; background-color: #fafafa; border-radius: 12rpx; padding: 25rpx 39rpx; } .cash_back { font-size: 28rpx; font-weight: bold; color: #222; } .red_font { font-weight: bold; color: #f44; } .item_list7 { padding: 31rpx 25rpx 25rpx 25rpx; box-sizing: border-box } .attribute { width: 375rpx; display: flex; align-items: center; /* margin-left: 49rpx; */ } .attribute_titel { font-size: 26rpx; color: #94999a; } .stars { display: flex; font-size: 26rpx; color: #222; margin-left: 35rpx; } .icon-pingfen { font-size: 26rpx; color: #eee; width: 26rpx; height: 26rpx; } .icon-pingfens{ font-size: 26rpx; color:#ffda44; width: 26rpx; height: 26rpx; } .attribute_content { font-size: 26rpx; color: #222; margin-left: 113rpx; } .item_list2, .item_list3, .item_list4, .itme_list5, .item_list6, .item_list7 { background-color: #fff; margin-bottom: 20rpx; } .item_list2{ margin-bottom: 0 } .user_evaluation { display: flex; justify-content: space-between; align-items: center; border-bottom: 1rpx solid #f3f5f5; padding: 31rpx 25rpx; } .user_evaluation_title { font-size: 30rpx; font-weight: bold; color: #222; } .user_evaluation_time { font-size: 24rpx; color: #c7c7c7; display: flex; align-items: center; } .comments_btn { display: flex; justify-content: flex-end; align-items: center; font-size: 23rpx; color: #949a9a; margin-top: 24rpx; } .icon-message { font-size: 22rpx; color: #949a9a; margin-right: 10rpx; } .user_information_box { padding: 31rpx 25rpx 25rpx 25rpx; } .user_information { display: flex; justify-content: space-between; align-items: center; } .head_portrait { width: 62rpx; height: 62rpx; border-radius: 50%; overflow: hidden } .head_portrait image { width: 100%; height: 100%; } .star_box { margin-left: 25rpx; } .the_star { display: flex; align-items: center; } .oneoneonestar{ position: relative } .stars1 { display: flex; } .stars1s { width: 100%; height: 100%; display: flex; position: absolute; left: 0; top: 0; z-index: 1; } .user_name { font-size: 26rpx; color: #222; } .evaluation { font-size: 24rpx; color: #222; margin-top: 25rpx; } .evaluation_img { margin-top: 21rpx; } .upload_img_box { display: flex; } .upload_img { width: 160rpx; height: 160rpx; margin-right: 20rpx; } .upload_img image { width: 100%; height: 100%; } .item_list3 { padding: 39rpx 25rpx 40rpx 25rpx; } .package_title { font-size: 30rpx; font-weight: bold; color: #222; } .package_box { display: flex; margin-top: 44rpx; } .package_img_box { width: 200rpx; height: 200rpx; } .package_img { width: 200rpx; height: 200rpx; } .package_img image { width: 100%; height: 100%; } .package_content { font-size: 30rpx; color: #222; margin-left: 40rpx; } .package_hint { font-size: 24rpx; color: #94999a; } .pickage_display { font-size: 24rpx; color: #f44; margin-top: 47rpx; } .item_list4 { padding: 46rpx 44rpx; } .detection_item { display: flex; justify-content: space-around; margin-top: 58rpx; } .detection { display: flex; justify-content: center; align-items: center; } .line1 { width: 115rpx; height: 1rpx; background: linear-gradient(to right, #fff, #bbb); } .line2 { width: 115rpx; height: 1rpx; background: linear-gradient(to left, #fff, #bbb); } .detection_title { font-size: 26rpx; color: #222; margin: 0 30rpx; } .detection_box { font-size: 26rpx; color: #222; } .detection_img { margin: 0 auto 23rpx; width: 54rpx; height: 54rpx; } .detection_img image { width: 100%; height: 100%; } .detection_hint { font-size: 22rpx; color: #94999a; text-align: center; margin-top: 20rpx; } .itme_list5 { position: relative; padding: 45rpx 25rpx 30rpx 25rpx; box-sizing: border-box; } .recommended_box { width: 150rpx; height: 45rpx; display: flex; align-items: center; justify-content: center; background: #ffda44; border-radius: 0 0 16rpx 16rpx; font-size: 22rpx; color: #333; position: absolute; right: 24rpx; top: 0; } .foretaste_box { display: flex; align-items: center; font-size: 30rpx; } .buyer_recommend { font-size: 22rpx; color: #94999a; margin-left: 20rpx; } .buyer_name { font-size: 30rpx; color: #222; } .recommend_content { background-color: #fafafa; border-radius: 16rpx; padding: 25rpx 25rpx 25rpx 25rpx; margin-top: 30rpx; font-size: 26rpx; color: #222; position: relative; } .icon-shangyinhao { font-size: 22rpx; color: #e3e3e3; } .triangle { width: 0; height: 0; border-left: 60rpx solid #fafafa; border-top: 30rpx solid transparent; border-bottom: 30rpx solid transparent; position: absolute; top: -30rpx; left: 50rpx; } .recommend_character { margin-left: 10rpx; } .ingredients { /* margin-top: 40rpx; */ } .ingredients_title { font-size: 30rpx; font-weight: bold; color: #222; text-align: center; margin-bottom: 41rpx; } .ingredients_img { width: 280rpx; height: 280rpx; margin-right: 34rpx; } .ingredients_box { display: flex; } .ingredients_img image { width: 100%; height: 100%; } .ingredients_item { width: 400rpx; font-size: 26rpx; display: flex; /* margin-left: 34rpx; */ margin-top: 34rpx; /* border: 1px solid red; */ } .ingredients_name { color: #94999a; /* width: 80rpx; */ } ::-webkit-scrollbar { width: 0; height: 0; color: transparent; } .ingredients_content { width: 300rpx; display: flex; flex-wrap: wrap; margin-left: 20rpx; } .marginRight{ margin-right:16rpx } .graphic_ingredients_box { margin-top: 40rpx; } .graphic_ingredients { height: 200rpx; border: 1rpx solid red; display: flex; align-items: center; justify-content: center; background-image: url('http://hifresh.w.bronet.cn/assets/wxapp/keshihua@2x.png'); margin-bottom: 20rpx; } .graphic_ingredients_background { width: 450rpx; height: 110rpx; background-color: #ffb244; display: flex; align-items: center; justify-content: center; padding: 10rpx; box-sizing: border-box } .graphic_ingredients_border { font-size: 38rpx; color: #fff; width:100%; height: 100%; border: 1rpx solid #fff; display: flex; align-items: center; justify-content: center; } .templates{ width: 100%!important; margin: 30rpx auto 0!important; } .wxParse-p{ width: 100%; margin: 0 auto } .wxParse-img{ width: 100%!important; margin: -30rpx auto 0!important } .content_item{ margin-bottom:120rpx; } .item_list6 { padding: 30rpx 25rpx; box-sizing: border-box } .collocation_title { font-size: 30rpx; font-weight: bold; color: #222; margin-bottom: 40rpx; } .collocation { display: flex; justify-content: space-between; flex-wrap: wrap; } .collocation_box { width: 340rpx; border-radius: 16rpx; overflow: hidden; margin-bottom:20rpx; } .collocation_img { width: 340rpx; height: 340rpx; } .collocation_img image { width: 100%; height: 100%; } .collocation_content { background: #fafafa; font-size: 30rpx; color: #222; padding: 22rpx; } .bottom_btn { width: 100%; height: 100rpx; background: #fff; display: flex; justify-content: flex-end; align-items: center; position: fixed; bottom: 0; left: 0; } .hint_btn { width: 218rpx; display: flex; justify-content: space-around; align-items: center; } .icon-shoucang.active { color: #ff6700; } .shop_car { font-size: 18rpx; color: #747b7d; position: relative; } .cart_count { position: absolute; right: 2rpx; top: 0; width: 24rpx; height: 24rpx; border-radius: 50%; background: red; text-align: center; line-height: 24rpx; color: #fff; font-size: 18rpx; } .shop_car.active { color: #ff6700; } .join_btn { width: 266rpx; height: 100rpx; background: linear-gradient(to left, #ffda44, #ffb244); display: flex; align-items: center; justify-content: center; font-size: 26rpx; color: #fff; } .join_btns{ width: 266rpx; height: 100rpx; display: flex; align-items: center; justify-content: center; font-size: 26rpx; color: #fff; background: transparent } .immediately_btn { width: 266rpx; height: 100rpx; background: linear-gradient(to left, #f99115, #f56800); display: flex; align-items: center; justify-content: center; font-size: 26rpx; color: #fff; } .immediately_btn.active{ width: 532rpx; background: #bbb } .immediately_btn.activity{ width: 532rpx; } /*购物车添加状态*/ .cart_mask { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.8); z-index: 9999999; } .cart_mask_diceng,.info_mask_diceng { width: 80%; /* min-height: 550rpx; */ position: absolute; top: 50%; margin-left: 10%; transform: translateY(-50%); background: rgba(255, 255, 255, 1); border-radius: 10px; padding-top: 20rpx; padding-bottom: 110rpx; } .info_mask_diceng{ padding-bottom: 0; } .goumaishuliang{ height: 120rpx; width: 100%; margin-top: 50rpx; padding: 30rpx; box-sizing: border-box; display: flex; position: relative } .kucun{ color: #a0a0a0 } .goods_name { font-size: 30rpx; font-family: PingFang-SC-Bold; font-weight: bold; color: rgba(51, 51, 51, 1); line-height: 36rpx; text-align: center; margin-top: 30rpx; padding: 0 30rpx; box-sizing: border-box; overflow: hidden; text-overflow: ellipsis; white-space: nowrap } .weight { height: 100rpx; margin-top: 34rpx; /* margin-bottom:44rpx; */ padding: 0 47rpx 0 36rpx; box-sizing: border-box; } .weight_view { font-size: 26rpx; font-family: PingFang-SC-Medium; font-weight: 500; color: rgba(51, 51, 51, 1); line-height: 36rpx; } .quality { margin-top: 24rpx; } .quality_left { width: 150rpx; height: 50rpx; margin-bottom: 20rpx; background: rgba(247, 247, 247, 1); border-radius: 10rpx; text-align: center; line-height: 50rpx; font-size: 26rpx; font-family: FZY3JW--GB1-0; font-weight: 400; color: rgba(26, 26, 26, 1); float: left; margin-right: 20rpx; } .quality_left.active { background: rgba(255, 218, 68, 1); } .last_box { width: 100%; height: 110rpx; background: rgba(247, 247, 247, 1); border-radius: 0px 0px 10px 10px; margin-top: 100rpx; padding-left: 30rpx; /* padding: 18rpx 0 0 51rpx; */ box-sizing: border-box; position: absolute; bottom: 0; } .iKnowLast{ width:500rpx; height:80rpx; background:rgba(255,218,68,1); box-shadow:0rpx 10rpx 10rpx 0rpx rgba(255,218,68,0.6); border-radius:40rpx; margin: 62rpx auto 47rpx; font-size:26rpx; font-family:PingFang-SC-Medium; font-weight:500; color:#000; text-align: center; line-height: 80rpx; } .last_box_top { font-size: 26rpx; } .last_box_top_price { display: flex; color: #f44; line-height: 36rpx; font-family: PingFang-SC-Bold; font-weight: bold; } .last_box_top_pricess{ font-size: 28rpx; line-height: 110rpx; } .last_box_top_pricess text{ font-size: 28rpx!important; color: #26363a } .last_box_top_price text { color: #333; font-size: 18rpx; margin-left: 10rpx; } .member_price { color: rgba(187, 138, 54, 1); } .member { text-align: center; font-family: PingFang-SC-Medium; margin-left: 24rpx; background: linear-gradient(-90deg, rgba(244, 243, 200, 1), rgba(250, 216, 90, 1)); border-radius: 5px; color: rgba(187, 138, 54, 1); padding: 4rpx -2rpx; box-sizing: border-box; /* margin-top:8rpx; */ font-size: 18rpx; font-weight: 400; } .purchase { width: 160rpx; height: 50rpx; background: rgba(255, 218, 68, 1); border-radius: 25rpx; font-size: 24rpx; font-family: PingFang-SC-Medium; font-weight: 500; color: rgba(26, 26, 26, 1); line-height: 50rpx; text-align: center; position: absolute; right: 36rpx; top: 30rpx; } .jiajianjian{ width: 120rpx; height: 50rpx; position: absolute; right:20rpx; top: 50%; transform: translateY(-50%); display: flex; justify-content: space-between; } .jiajian { width: 120rpx; height: 50rpx; position: absolute; right: 200rpx; top: 40rpx; display: flex; justify-content: space-between; } .dec_num { width: 32rpx; height: 32rpx; border-radius: 50%; background: #ffda44; font-size: 32rpx; color: #fff; font-weight: bold; text-align: center; line-height: 32rpx; } .numnum { min-width: 32rpx; height: 32rpx; text-align: center; line-height: 32rpx; font-size: 30rpx; font-family: PingFang-SC-Medium; font-weight: 500; color: rgba(102, 102, 102, 1); } .close_jump_cart { position: absolute; top: 24rpx; right: 24rpx; color: #ededed; font-size: 36rpx; } /*团购样式*/ .banner_box_group{ width:700rpx; height:45rpx; position: absolute; left: 0; bottom: 0; background: linear-gradient(to right,#ffda44,transparent); padding-left:26rpx; z-index: 999; font-size:26rpx; font-family:PingFang-SC-Medium; font-weight:500; color:rgba(255,255,255,1); line-height:45rpx; } .banner_box_group.active{ background: linear-gradient(to right,#bbb,transparent); } /*团购*/ .good_price_progress{ margin-top:10rpx; } .group_font{ font-size:24rpx; font-family:PingFang-SC-Medium; font-weight:500; color:rgba(136,136,136,1); line-height:24rpx; height: 24rpx; } .goods_margin_top{ margin-top:20rpx; } .group_image{ border-radius: 16rpx; overflow: hidden } .group_time{ position: absolute; bottom:0; height:30px; width:200rpx; background:rgba(187,187,187,1); border-radius: 0 0 16rpx 16rpx; padding:0 10rpx; font-size:20rpx; font-family:PingFang-SC-Medium; font-weight:500; color:rgba(255,255,255,1); line-height:54rpx; text-align: center; } .group_time.active{ background:rgba(255,68,68,1); }