.article{ display: block;position: relative; }

.show{ display: block!important; }
.hide{ display: none!important; }

.mt_8{ margin-top: 8px!important; }

.pb_56{ padding-bottom: 56px!important; }

.common_float{ display: block;position: fixed;z-index: 499;top: 0;left: 0;bottom: 0;right: 0;overflow: hidden; }
.common_float .float_bg{ display: block;position: absolute;width: 100%;height: 100%;top: 0;left: 0;background: rgba(0, 0, 0, 0.3); }

.askpop_float{ display: block;position:absolute;z-index: 9;width: 72%;top: 50%;left: 14%;background: #fff;border-radius: 16px;transform: translateY(-50%);overflow: hidden; }
.askpop_float .askpop_txt{ display: block;padding: 20px;font-size: 18px;color: #333;line-height: 26px; }
.askpop_float .askpop_btn_wrap{ display: flex;border-top: 1px solid #f5f5f5; }
.askpop_float .askpop_btn_wrap a{ display: block;flex: 1;border-right: 1px solid #f5f5f5;font-size: 18px;color: #0075FF;text-align: center;line-height: 42px; }
.askpop_float .askpop_btn_wrap a:last-child{ border-right: none; }

.nick_float{ display: block;position:absolute;z-index: 9;width: 72%;top: 50%;left: 14%;background: #fff;border-radius: 16px;transform: translateY(-50%);overflow: hidden; }
.nick_float .nick_bd{ display: block;padding: 20px 16px; }
.nick_float .nick_tt{ font-size: 18px;color: #000;text-align: center;line-height: 26px; }
.nick_float .nick_inp{ display: block;box-sizing: border-box;width: 100%;margin-top: 20px;padding: 18px 16px;border-radius: 8px;background: #F6F6F6;font-size: 18px;color: #333;line-height: 26px; }
.nick_float .nick_inp::-webkit-input-placeholder { color: #ccc; }
.nick_float .nick_btn_wrap{ display: flex;border-top: 1px solid #f5f5f5; }
.nick_float .nick_btn_wrap a{ display: block;flex: 1;border-right: 1px solid #f5f5f5;font-size: 18px;color: #0075FF;text-align: center;line-height: 42px; }
.nick_float .nick_btn_wrap a:last-child{ border-right: none; }

.multi_basket{ display: block;border-bottom: 1px solid #f5f5f5;background: #fff; }
.multi_basket_cancel{ opacity: .6; }
.multi_basket .basket_top{ display: flex;align-items: center;position: relative;height: 48px;padding: 0 12px 0 42px; }
.multi_basket .basket_top_num{ display: block;position: absolute;min-width: 12px;top: 15px;left: 16px;padding: 0 3px;border-radius: 100px;font-size: 12px;color: #fff;text-align: center;line-height: 18px;overflow: hidden; }
.multi_basket .basket_top_box{ display: block;flex: 1;font-size: 18px;color: #333;overflow: hidden;white-space: nowrap; }
.multi_basket .basket_top_sign{ display: inline-block;min-width: 32px;margin-left: 4px;padding: 0 6px;border-radius: 2px;font-size: 10px;color: #FFF;text-align: center;line-height: 16px;vertical-align: middle; }
.multi_basket .basket_edit_icon{ display: inline-block;width: 16px;height: 16px;margin-left: 8px;background: url("/themes/waimai/static/img/change_5.1/icon_edit@3x.png") no-repeat 0 0;background-size: 100% 100%;vertical-align: middle; }
.multi_basket .basket_top_again{ display: block;margin-left: 8px;padding: 0 8px;border: 1px solid #FF725C;border-radius: 12px;font-size: 12px;color: #FF725C;text-align: center;line-height: 22px; }
.multi_basket .basket_list{ padding: 7px 12px 7px 42px; }
.multi_basket .basket_li{ display: flex;font-size: 14px;color: #666;line-height: 34px;white-space: nowrap;overflow: hidden; }
.multi_basket .basket_li_product{ display: block;flex: 1;overflow: hidden;text-overflow: ellipsis; }
.multi_basket .basket_li_num{ display: block;width: 36px;overflow: hidden;text-overflow: ellipsis; }
.multi_basket .basket_li_price{ display: block;width: 46px;overflow: hidden;text-overflow: ellipsis; }

.base_coupon{ display: flex;align-items: center;width: 190px;background-image: url("/themes/waimai/static/img/change_5.1/bg_yhq.png");background-size: 100% 100%;line-height: 22px;overflow: hidden; }
.base_coupon .coupon_left{ display: block;box-sizing: border-box;flex: 1;padding-right: 5px;font-size: 11px;color: #fff;overflow: hidden;}
.base_coupon .coupon_left span{ display: inline-block;width: 30px;font-size: 12px;color: #fff;text-align: center;vertical-align: top; }
.base_coupon .coupon_right{ display: block;width: 50px;font-size: 11px;color: #fff;text-align: center; }

/***************
     商家详情页面 
***************/
/* 顶部修改 */
.shangjiaDelt_info .img .broadcast_mask{ display: block;position: absolute;z-index: 9;top: 0;left: 0;right: 0;bottom: 0;background-image: url("/themes/waimai/static/img/change_5.1/pic_zhibo@3x.png");background-position: center center;background-size: 100% 100%; }

.pub_list .pub_list_bd{ overflow: hidden; }
.shangjiaDelt_info .wz_box h4{ display: flex;align-items: center;margin: 0;overflow: hidden; }
.shangjiaDelt_info .wz_box h4 span{ display: block;flex: 1;overflow: hidden; }

/* background: #1e2939; */
.shop_activy{ display: flex;align-items: center;height: 30px;padding: 0 10px;line-height: 30px;color: #fff;overflow: hidden; }
.shop_activy .bd{ display: block;flex: 1;overflow: hidden; }
.shop_activy .icon_sign{ width: 16px;height: 16px;display: inline-block;border-radius: 4px;line-height: 16px;text-align: center;color: #fff;font-size: 12px;font-style: normal;margin-right: 6px;vertical-align: text-bottom; }
.shop_activy .right_bd{ display: block;margin-left: 10px;color: #fff; }
.shop_activy .icon_pull{ display: inline-block;width: 28px;height: 28px;background-image: url("/themes/waimai/static/img/change_5.1/sc_btn_arrowB@3x.png");background-size: 100% 100%;vertical-align: middle; }

/* 商家优惠券 */
.shop_page_coupon{ display: flex;justify-content: center; }


/* nav里增加邀请好友 */
.shangjiaDelt_tab .invit_friend_wrap{ display: flex;flex: 1;justify-content: center;align-items: center; }
.shangjiaDelt_tab .invit_friend{ display: block;width: 62px;height: 22px;border: 1px solid #FF725C;border-radius: 100px;font-size: 12px;color: #FF725C;text-align: center;line-height: 22px; }

/* 商家广告位 */
.shop_adver{ display: block;padding: 8px 15px; }
.shop_adver .box{ display: block;overflow: hidden; }
.shop_adver .item{ display: block;position: relative;padding: 16.5% 0;overflow: hidden; }



/* 直播 */
.detail_broadcast{ padding: 0 10px 8px 10px; }
.detail_broadcast .top{ display: flex;overflow: hidden; }
.detail_broadcast .top_left{ display: block;flex: 1;font-size: 12px;color: #333;line-height: 32px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; }
.detail_broadcast .top_right{ display: block;font-size: 12px;color: #666;line-height: 32px; }
.detail_broadcast .top_circle{ display: inline-block;width: 4px;height: 4px;margin-right: 5px;border-radius: 50%;background: #FA4C34;vertical-align: middle; }
.detail_broadcast .video_player{ display: block;position: relative;width: 100%;border-radius: 2px;overflow: hidden; }
.detail_broadcast .video_poster{ display: block;width: 100%; }
.detail_broadcast .video_mask{ display: block;position: absolute;z-index: 9;width: 100%;height: 100%;top: 0;left: 0;background: rgba(0, 0, 0, 0.2); }
.detail_broadcast .video_icon{ display: block;position: absolute;width: 44px;height: 44px;top: 50%;left: 50%;margin: -22px 0 0 -22px;background-image: url(/themes/waimai/static/img/change_5.1/video_btn_paly@3x.png);background-size: 100% 100%; }

/* 直播弹框 */
.viedeo_float{ display: none;position: fixed;z-index: 499;top: 0;bottom: 0;left: 0;right: 0;overflow: hidden; }
.viedeo_float .video_bg{ display: block;position: relative;width: 100%;height: 100%;background: #000; }
.viedeo_float .video_box{ display: block;position: absolute;z-index: 9;width: 100%;top: 50%;left: 0;transform: translateY(-50%); }
.video-js .vjs-big-play-button{ top: 50%;left: 50%;transform: translate(-50%, -50%); }
.vjs-has-started .vjs-control-bar{ justify-content: space-between; }
.vjs-play-control, .video-js .vjs-progress-control, .video-js .vjs-time-control{ display: none!important; }

/* 左右联动右侧顶部分类 */
.shangjiaDelt_mid_right .cates_wrap{ display: block;position: relative;height: 36px;padding: 4px 10px;font-size: 0;white-space: nowrap;overflow-x: auto;overflow-y: hidden; }
.shangjiaDelt_mid_right .cates_wrap .cate_each{ display: inline-block;margin-right: 8px;padding: 0 12px;border-radius: 2px;background: #F8F8F8;font-size: 14px;color: #666;line-height: 36px;vartical-align: top; }
.shangjiaDelt_mid_right .cates_wrap .cate_each_on{ background: #EDF9EA;color: #4DC831; }
.shangjiaDelt_mid_right .cates_wrap .pull_icon{ display: block;position: absolute;z-index: 9;top: 4px;right: 0;width: 36px;height: 36px;background-image: url(/themes/waimai/static/img/change_5.1/sc_btn_arrowB@3x.png);background-size: 100% 100%; }
.shangjiaDelt_mid_right .cates_wrap .cate_each:last-child{ margin-right: 0; }

/* 右侧展开状态分类浮动 */
/* .shop_right_fixed_open{ display: block;position: fixed;z-index: 10;top: 94px;right: 0;bottom: 50px;left: 75px;overflow: hidden; }
.shop_right_fixed_open .bg{ display: block;position: absolute;z-index: 3;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.4); }
.shop_right_fixed_open .cates{ display: block;box-sizing: border-box;position: absolute;z-index: 5;top: 0;left: 0;width: 100%;padding: 4px 10px 8px 10px;background-color: #fff;font-size: 0;overflow: hidden; }
.shop_right_fixed_open .cate{ display: inline-block;margin: 0 8px 8px 0;padding: 0 12px;border-radius: 2px;background: #F8F8F8;font-size: 14px;color: #666;line-height: 36px; }
.shop_right_fixed_open .cate_on{ background: #EDF9EA;color: #4DC831; }
.shop_right_fixed_open .pull_icon{ display: block;position: absolute;z-index: 9;top: 4px;right: 0;width: 36px;height: 36px;background-image: url(/themes/waimai/static/img/change_5.1/sc_btn_arrowB@3x.png);background-size: 100% 100%;transform: rotateZ(180deg); } */

/* 右侧收起状态分类浮动 */
/* .shop_right_fixed_retract{ display: block;box-sizing: border-box;position: fixed;z-index: 10;top: 94px;right: 0;left: 75px;height: 44px;padding: 4px 10px;background-color: #fff;font-size: 0;overflow: hidden; }
.shop_right_fixed_retract .cate{ display: inline-block;margin-right: 8px;padding: 0 12px;border-radius: 2px;background: #F8F8F8;font-size: 14px;color: #666;line-height: 36px; }
.shop_right_fixed_retract .cate_on{ background: #EDF9EA;color: #4DC831; }
.shop_right_fixed_retract .pull_icon{ display: block;position: absolute;z-index: 9;top: 4px;right: 0;width: 36px;height: 36px;background-image: url(/themes/waimai/static/img/change_5.1/sc_btn_arrowB@3x.png);background-size: 100% 100%; } */

/* 顶部的标题 */
.shop_right_tt{ display: flex;box-sizing: border-box;align-items: center;height: 32px;padding: 0 10px;background-color: #fff;overflow: hidden; }
.shop_right_tt_fixed{ position: fixed;z-index: 9;right: 0;left: 75px; }
.shop_right_tt .txt{ display: block;flex: 1;font-size: 12px;color: #333;white-space: nowrap;overflow: hidden;text-overflow: ellipsis; }
.shop_right_tt .choose_each{ display: block;margin-left: 12px;font-size: 12px;color: #999; }
.shop_right_tt .sort_icon{ display: inline-block;position: relative;width: 9px;height: 10px;margin-left: 4px;vertical-align: middle; }
.shop_right_tt .price_default .sort_icon{ background-image: url(/themes/waimai/static/img/change_5.1/icon_price@3x.png);background-size: 100% 100%; }
.shop_right_tt .price_rise .sort_icon{ background-image: url(/themes/waimai/static/img/change_5.1/icon_price_high@3x.png);background-size: 100% 100%; }
.shop_right_tt .price_drop .sort_icon{ background-image: url(/themes/waimai/static/img/change_5.1/icon_price_low@3x.png);background-size: 100% 100%; }

/***************
     江湖外卖多人订餐页面 
***************/
/* 选购商家 */
.multi_shop{ display: block;padding: 40px 20px;background: #fff; }
.multi_shop .logo{ display: block;width: 80px;height: 80px;margin: 0 auto; }
.multi_shop .logo img{ display: block;width: 100%;height: 100%; }
.multi_shop .shop_name{ display: block;margin-top: 17px;font-size: 16px;color: #333;text-align: center;line-height: 22px; }
.multi_shop .desc{ display: block;margin-top: 8px;font-size: 14px;color: #999;text-align: center;line-height: 20px; }
.multi_shop .choose_btn{ display: block;width: 220px;height: 40px;margin: 0 auto;margin-top: 16px;border-radius: 4px;background: #FF725C;font-size: 16px;color: #FFF;text-align: center;line-height: 40px; }

/* 底部合计 */
.multi_bd .total_wrap{ display: block;padding: 0 12px;background: #fff;font-size: 16px;color: #999;text-align: right;line-height: 48px;white-space: nowrap;overflow: hidden; }
.multi_bd .total_wrap .font_on{ margin-left: 12px;color: #333; }

/* 先不定了 */
.multi_ft{ display: flex;align-items: center;box-sizing: border-box;position: fixed;z-index: 99;bottom: 0;left: 0;width: 100%;height: 48px;padding: 0 28px;background: #fff; }
.multi_ft a{ display: block;width: 100%;border: 1px solid #EEEEEE;border-radius: 16px;font-size: 16px;color: #999;text-align: center;line-height: 30px; }