/* 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);
        }