@charset "utf-8";


.discount_box{display: flex;margin: 1px 0;}
.discount_box .discount_item:nth-of-type(2){margin:0 1px;}
.discount_box img{width: 100%;}

.swiper_pro{}
.swiper_pro .img{width: 100%;position: relative;z-index: 10}
.swiper_pro .pro_video_btn{
    position: absolute;
    z-index: 20;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.swiper_pro .pro_video_btn img{ width: 70px;border:1px solid rgba(255,255,255,.6);border-radius: 70px;}
.swiper_pro .pro_video_box{
    position: absolute;
    z-index: 30;
    width: 100%;
    height: 100%;
    display: none;
    align-items: center;
    justify-content: center;
    background: #000;
}


.pro_thumbs{margin-top:10px;}
.swiper_thumbs_wrap{padding: 0 20px;position: relative;}
.swiper_thumbs .img{width: 100%;border:1px solid #ddd; border-radius: 3px}
.swiper_thumbs .swiper-slide{width: 25%;}

.swiper_thumbs .swiper-slide.cur .img{border-color:#E70012}
.swiper_thumbs .pro_video_btn{
    position: absolute;
    z-index: 20;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.swiper_thumbs .pro_video_btn img{ width: 24px;border-radius:24px;border:1px solid rgba(255,255,255,.6);}

.swiper_thumbs_prev,
.swiper_thumbs_next{position:absolute;top:50%;margin-top:-9px; width: 18px; text-align: center }
.swiper_thumbs_prev img,
.swiper_thumbs_next img{width: 100%;}
.swiper_thumbs_prev{left: 0;}
.swiper_thumbs_next{right: 0;}



/*
.pro_thumbs{position: relative}
.pro_thumbs_prev,
.pro_thumbs_next{position:absolute;top:0; width: 20px;height: 30px;background: #1b961b}
.pro_thumbs_prev{left:0;}
.pro_thumbs_next{right:0;}
.pro_thumbs_list{padding:0 40px;}

.pro_thumbs_list li{ width: 25%;float:left;}
.pro_thumbs_list li .img{border:1px solid #ddd;overflow:hidden;}
.pro_thumbs_list li .img img{width: 100%;}*/


.pro_titlebox{
    padding: 15px 20px 16px 20px;
    box-shadow: 0 8px 10px rgb(0 0 0 / 6%);
    position: relative;
    z-index: 20;
}
.pro_titlebox .title{font-size: 18px;line-height: 1.4;font-weight: 600;}
.pro_titlebox .price0{margin-top: 6px;color:#E70012; font-size: 22px;}
.pro_titlebox .price0 .unit{ font-size: 16px;}

.pro_line{ width: 100%;height: 18px;background: #f5f5f5}
.pro_des_wrap{ }
.pro_des_tab_hd{border-bottom: 1px solid #eee}
.pro_des_tab_hd li{float:left; width: 33.333%;border-left:1px solid #eee;}
.pro_des_tab_hd li:first-child{border-color:transparent}
.pro_des_tab_hd li .aa{ display: block; width: 100%;line-height: 46px;text-align: center;font-size: 16px}
.pro_des_tab_hd li.cur .aa{  color: #fff; background:#E70012;  font-weight: normal }

.pro_des_tab_con{ display: none; }
.pro_des_tab_con .typo{ padding: 15px;}

.pro_des_list ul{padding:15px}
.pro_des_list li{float:left; width: 50%;padding:8px;}
.pro_des_list li .img img{width:100%;border:1px solid #ddd;}
.pro_des_list li .title{
    width: 100%;
    height: 30px;
    line-height: 30px;
    text-align: center;
    overflow: hidden;
    word-wrap: normal;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.pro_fixed_height{ width: 100%;height: 56px;}
.pro_fixed_tool{ display: flex; justify-content: space-between;align-items: center; width: 100%; position: fixed;
    z-index: 666;bottom: 0;left:0; background: #fff; box-shadow: 0px -8px 10px rgb(0 0 0 / 8%);
    border-top:1px solid #eee;
}


.pro_fixed_tool .wx_qr_code{background:#E70012;color:#fff; width: 100px;position: relative;
    text-align: center; height: 55px;
    display: flex;
    flex-direction:column;
    justify-content: center;
    align-items: center
}
.pro_fixed_tool .wx_qr_code .img{ display: none ;position: absolute;top:-100px;left:0; width: 100px;padding:8px; background:#E70012;}
.pro_fixed_tool .wx_qr_code .img img{width:100%;}
.pro_fixed_tool .wx_qr_code .icon img{ height: 24px}
.pro_fixed_tool .wx_qr_code .title{margin-top: 5px;}

.pro_fixed_tool .buy_btn{width: 150px; line-height: 42px; text-align: center;color:#fff;border-radius: 42px;background:#E70012;margin-right: 12px}
.pro_fixed_tool .buy_btn a{color:#fff;}
.pro_fixed_tool .buy_btn:active{opacity: .8}

