/* 241107 产品规格弹窗 */
.xpop{position: fixed;top: 50%;left: 50%;width: 656px;background: #fff;border-radius: 16px;padding: 30px 50px;transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);-moz-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);-o-transform: translate(-50%, -50%);z-index: 99999;box-sizing: border-box;}
.xpop_close{width: 38px;height: 38px;background: url(../image/xpop-close.png) center center no-repeat;position: absolute;right: 20px;top: 20px;cursor: pointer;}
.xpop_tit{color: #3d2910;font-size: 18px;text-align: center;line-height: 28px;font-weight: bold;}
.xpop_des{line-height: 24px;text-align: center;color: #af1018;margin: 14px 0 32px;}
.xpop_des img{margin-right: 8px;transform: translateY(3px)}
.xpop_line{margin-bottom: 12px;line-height: 36px;color: #3d2910;clear: both;}
.xpop_bt{width: 137px;padding-left: 20px;float: left;box-sizing: border-box;}
.xpop_nr{flex: 1;display: flex;align-items: center;flex-wrap:wrap;}
.xpop_nav_item{width: 124px;line-height: 32px;border-radius: 17px;text-align: center;border: 1px solid #e3d1bb;color: #3d2910;transition: 300ms;cursor: pointer;margin-right: 10px;margin-bottom: 10px;}
.xpop_nav_item.active,.xpop_nav_item:hover{border-color: #6287ff;background: linear-gradient(90deg, #6287ff 8%, #330be0 100%), linear-gradient(#000000, #000000);color: #fff;}
.xpop_nav .xpop_line{margin-bottom: 2px;}
.xpop_cont_data{display: none;}
.xpop_cont_data.cur{display: block;}
.xpop_select_item{width: 198px;margin-right: 10px;line-height: 32px;position: relative;}
.xpop_select_box{border-radius: 17px;border: 1px solid #e3d1bb;padding: 0 20px 0 12px;position: relative;color: #b89d7a;cursor: pointer;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.xpop_select_box:after{content: "";width: 0px;height: 0px;border: 5px solid;border-color: #b89d7a transparent transparent transparent;position: absolute;right: 12px;top: 50%;margin-top: -2px;}
.xpop_select_list{border: 1px solid #e3d1bb;border-radius: 6px;margin-top: 6px;position: absolute;top: 100%;width: 100%;background: #fff;z-index: 4;display: none;box-sizing: border-box;}
.xpop_select_list{height: 96px;overflow-y: auto;}
.xpop_select_list::-webkit-scrollbar{background: #f7ebdd;width: 5px;border-radius: 2px;position: absolute; }
.xpop_select_list::-webkit-scrollbar-track{ }
.xpop_select_list::-webkit-scrollbar-thumb{background: #eadbc9;border-radius: 2px;}
.xpop_select_list li{color: #b89d7a;padding: 0 5px 0 12px;cursor: pointer;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.xpop_select_list li:hover{background-color: #f9efe1;color: #3d2910;}
.xpop_price_now{font-size: 18px;font-weight: bold;color: #af1018;margin-right: 10px;}
.xpop_price_discount{font-size: 12px;line-height: 26px;border-radius: 13px;background: #ec8206;color: #fff;padding: 0 8px;margin-right: 10px;}
.xpop_price_ori{text-decoration: line-through;}
.xpop_btn{width: 240px;line-height: 40px;border-radius: 20px;margin: 20px auto 0;text-align: center;background: linear-gradient(90deg, #6287ff 8%, #330be0 100%), linear-gradient(#000000, #000000);color: #fff;cursor: pointer;}

.xpop_more{text-align: center;margin: 40px 0 40px;font-size: 16px}
.xpop_more a{display: inline-block;position: relative;padding-right: 16px;color: #fff;}
.xpop_more a:after{content: "";width: 0;height: 0;border: 5px solid;border-color: #fff transparent transparent transparent;position: absolute;right: 0;top: 43%;}

.xx_option_tooltip{position: fixed;background: rgba(0, 0, 0, .5);color: #fff;line-height: 22px;padding: 4px 10px;border-radius: 5px;font-size: 14px;font-weight: normal;z-index: 100000;display: none;}

@media screen and (max-width: 768px){
    .xpop{width: 96%;left: 2%;padding: 24px 20px 30px;transform: translate(0%, -50%);-webkit-transform: translate(0%, -50%);-moz-transform: translate(0%, -50%);-ms-transform: translate(0%, -50%);-o-transform: translate(-50%, -50%);}
    .xpop_area{max-height: 76vh;overflow-y: auto;}
    .xpop_area::-webkit-scrollbar{background: #f7ebdd;width: 5px;border-radius: 2px;position: absolute; }
    .xpop_area::-webkit-scrollbar-track{ }
    .xpop_area::-webkit-scrollbar-thumb{background: #eadbc9;border-radius: 2px;}
    .xpop_close{top: 5px;right: 6px;background-size: 16px;}
    .xpop_des{margin: 10px 0 14px;}
    .xpop_line{line-height: 26px;margin-bottom: 6px;}
    .xpop_bt{padding-left: 0px;width: 112px;}
    .xpop_nav_item{line-height: 26px;font-size: 13px;margin-right: 8px;margin-bottom: 8px;width: 85px;}
    .xpop_nav .xpop_line{margin-bottom: 0px;}
    .xpop_select_item{line-height: 26px;font-size: 13px;width: 100%;margin-right: 0;margin-bottom: 8px;}
    .xpop_select_item:last-child{margin-bottom: 0;}
    .xpop_select_list{height: 80px;}
    .xpop_select_box:after{right: 6px;}
    .xpop_price_now{font-size: 16px;}
    .xpop_price_discount{line-height: 24px;}
    .xpop_btn{width: 186px;line-height: 36px;}
    
    .xpop_select_list{width: auto;min-width: 100%;right: 0;}

}
@media screen and (max-width: 376px){
    .xpop_nav_item{width: 71px;}
    .xpop_select_list li{font-size: 12px;}

}
/* 241107 产品规格弹窗-end */


/* 241129 秒杀产品名称&特色超出隐藏悬浮显示 */
.xx-title,.xx-desc,.xx-param{position: relative;overflow: visible;cursor: default;}
.xx-title em,.xx-desc em,.xx-param em{display: block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;position: relative;font-style: normal;}
.is_title_overflowed{z-index: 5;}
.is_title_overflowed:hover::before,.is_desc_overflowed:hover::after,.is_param_overflowed:hover::after{content: attr(data-title);width: calc(100% + 50px);white-space: normal;text-align: center;position: absolute;left: 50%;top: 100%; transform: translateX(-50%);background: rgba(0, 0, 0, .5);color: #fff;line-height: 22px;padding: 4px 10px;border-radius: 5px;font-size: 14px;font-weight: normal;margin-top: 10px;z-index: 2;box-sizing: border-box;word-break: break-all;}
.is_title_overflowed:hover::after,.is_desc_overflowed:hover::before,.is_param_overflowed:hover::before{content: "";width: 0;border: 5px solid;border-color: transparent transparent rgba(0, 0, 0, .5) transparent;position: absolute;left: 50%;margin-left: -5px;top: 100%;margin-top: 0px;}

@media screen and (max-width: 768px){
    .is_title_overflowed:hover::before,.is_desc_overflowed:hover::before,.is_param_overflowed:hover::before{display: none;}
    .is_title_overflowed:hover::after,.is_desc_overflowed:hover::after,.is_param_overflowed:hover::after{display: none;}
}
/* 241129 秒杀产品名称&特色超出隐藏则悬浮显示-end */

.xpop{z-index: 99999;}
.xx_option_tooltip{z-index: 100000;}