.meal_box .section_div{ padding: 0 10px;}
.meal_box .right_box_content{ height: 400px;}
.meal_box .left_box{ width: 260px; float: left;}
.meal_box .left_box .box_li{ height: 84px; position: relative; background: #cccccc; margin-bottom: 10px; cursor: pointer; transform: translateX(10px); transition: transform .2s;}
.meal_box .left_box .cur_view,.meal_box .left_box .box_li:hover{ border-bottom: 1px solid #f0f0f0;width: 100%; background: #fff; border-left: 3px solid #c00; transform: translateX(0px); -webkit-transform: translateX(0px); -moz-transform: translateX(0px); -ms-transform: translateX(0px); -o-transform: translateX(0px);}
.meal_box .left_box .con_box{ position: absolute; z-index: 2; width: 100%; left: 0; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%);}
.meal_box .left_box .title{ font-size: 20px; line-height: 1; transition: all .3s;}
.meal_box .left_box .summ{ font-size: 14px; color: #999; display: none;}
.meal_box .left_box .cur_view .title,.meal_box .left_box .box_li:hover .title{ margin-bottom: 10px;}
.meal_box .left_box .cur_view .summ,.meal_box .left_box .box_li:hover .summ{ display: block;}
.meal_box .right_box{ width: calc(100% - 260px); float: right; position: relative; z-index: 2;}
.meal_box .right_box .box_ul{ float: right; width: 100%; height: 366px; background: #fff;}
.meal_box .right_box .box_li{ width: calc(100%/4); padding-bottom: 15px; background: #fff; float: left;}
.meal_box .right_box .title{ line-height: 60px; font-size: 22px; margin-top: 15px;}
.meal_box .right_box .icons{ overflow: hidden; display: inline-block; margin: 10px 0;}
.meal_box .right_box .icon{ width: 32px; height: 32px; background-image: url(/images/newpc/index/meal_icon1.png); background-repeat: no-repeat; float: left;}
.meal_box .right_box .pc_icon{ background-position: 0 0;}
.meal_box .right_box .mobile_icon{ background-position: -32px 0;}
.meal_box .right_box .app_icon{ background-position: -64px 0;}
.meal_box .right_box .wx_icon{ background-position: -96px 0;}
.meal_box .right_box .xcx_icon{ background-position: -128px 0;}
.meal_box .right_box .bd_icon{ background-position: -160px 0;}
.meal_box .right_box .summ{ height: 136px;}
.meal_box .right_box .summ p{ font-size: 14px; color: #999; line-height: 34px;}
.meal_box .right_box .price_div{ padding: 40px 0 20px;position: relative;}
/*.meal_box .right_box .price_div.ms:before{content: '';display: inline-block;width: 100%;height: 24px;position: absolute;background: url(/images/newpc/index/ms_icon.png) no-repeat top center;top: 0;left: 0;}*/
.meal_box .right_box .price_div .old_price{ font-size: 14px;color: #999;text-decoration: line-through; position: absolute; top: 15px; left: 50%; transform: translateX(-50%); z-index: 10;}
.meal_box .right_box .price_div span{ display: inline-block; color: #333; font-size: 14px;}
.meal_box .right_box .price_div span.ms{ background: url("/images/newpc/index/ms_icon11.png") no-repeat top left;    padding-left: 57px;background-size: 45px;}
.meal_box .right_box .price_div .price{ font-size: 25px; color: #c00; line-height: 26px;}
.meal_box .right_box .price_div .tip{ width: 61px; line-height: 19px; vertical-align: top; margin-left: 10px; background: url(/images/newpc/index/tipbg.png) no-repeat; color: #cc0000; font-size: 12px;}
.meal_box .right_box .buy_btn{ display: none; width: 90px; margin: 0 auto; line-height: 30px; color: #fff;}
.meal_box .right_box .buy_btn:hover{ background: #dd0000;}
.meal_box .right_box .buy_btn.big_btn{ width: 120px;line-height: 40px;}
.meal_box .right_box .info_btn{ display: none; width: 90px; margin: 0 auto; line-height: 30px; color: #333;border: 1px solid #666;margin-right: 10px;background: #fff;}
.meal_box .right_box .info_btn:hover{background: #c00;color: #fff; border-color: #c00;}
.meal_box .right_box .cur_view,.meal_box .right_box .box_li:hover{ box-shadow: 0px 0px 10px rgba(0,0,0,.2); position: relative; z-index: 2; padding-bottom: 25px; top: -15px;}
.meal_box .right_box .cur_view .title,.meal_box .right_box .box_li:hover .title{ background: url(/images/newpc/index/meal_bg.jpg) no-repeat; background-size: cover; color: #fff; margin-top: 0;}
.meal_box .right_box .cur_view .buy_btn,.meal_box .right_box .box_li:hover .buy_btn,.meal_box .right_box .cur_view .info_btn,.meal_box .right_box .box_li:hover .info_btn{ display: inline-block;}