@charset "utf-8";
.pop .pop-con{ padding: 0;}
.rightDiv-top{ height: 36px; line-height: 36px; background: #1b779f;color: #fff; box-sizing: border-box; padding:0 45px 0 5px;  position: relative;cursor: pointer; }
.phone-list{display: none;  position: absolute;  top: 26px;  z-index: 50;  background: #efefef;  overflow-x: auto;  border: 1px solid #bbb;  width:175px;  box-sizing: border-box;}
.open .phone-list{  display:block;}
.phone-list-item{padding: 0 10px;cursor: pointer;border-bottom: 1px solid #bbb;}
.phone-list-item:hover{background: #ccc;}
.right-l{ float:left; width: 350px;box-sizing: border-box;}
.right-r{ float:left; width: 300px;box-sizing: border-box;}
.rightDiv .icon-user{ width: 36px; display: block; height: 36px; position: absolute; left: 0;top: 0; background: url("../../img/user-icon-2x.png") center no-repeat; background-size: 30px;}
.rightDiv .icon-shop{ width: 36px; display: block; height: 36px; position: absolute; left: 0;top: 0; background: url("../../img/icon-shop.png") center no-repeat; background-size: 20px;}
.has-l-icon{ padding-left: 40px;}
.shopList{ width: 100%;}
.shopList-item{ width: 100%; box-sizing: border-box; position: relative;height: 50px; line-height: 50px;cursor: pointer; padding: 0 50px 0 10px; overflow: hidden;}
.shopList-item:nth-child(2n+2){ background: #efefef;}
.shopList-item .icon{ width: 20px; height: 20px; display:block; border: 2px solid #ff6432;float: left; margin: 15px 5px 0; box-sizing: border-box; position: relative;}
.shopList-item.current .icon:before{ width: 20px; height: 20px; display: block; content:''; background: url("../../img/group/check-icon-choice.png") no-repeat center; background-size: 20px;}

.edit-text.edit-address{ width: auto;}
.rightDiv-top2{ height: 36px; line-height: 36px; background:#ff6432;color: #fff; box-sizing: border-box;  position: relative;cursor: pointer; }

.edit-row .enter-icon{background: url("../../img/delivery/enter-icon.png") no-repeat center; background-size: 20px; display: inline-block; width: 30px; height: 30px;vertical-align: middle;cursor: pointer;}
.edit-row .edit-text{ line-height: 30px; height: 30px; font-size: 14px;}
.edit-row{ line-height: 30px;}
.edit-row .edit-select{ height: 30px;}
.edit-row .row-left{ line-height: 30px;font-size: 14px;}
.edit-row{  padding: 5px 5px 5px 90px;}
.address{ float: none;}
.list-item{ background: #469eb0; width: 150px; height: 90px; color: #fff;position: relative; box-sizing: border-box; padding: 20px 0 20px; line-height: 30px;cursor: pointer; margin: 0 10px 10px 0; float: left;}
.list-item.offline{background: #aaaaaa;}
.list-item.alert{background: #fc7b62;}
.list-item.empty{background: #70186f;}
.list-item .item-top{ position: absolute; left: 0px; top: 0px; width: 100%;}
.list-item .item-bottom{ position: absolute; left: 0px; bottom: 0px;width: 100%; font-size: 13px; height: 20px; line-height: 20px; box-sizing: border-box; padding:0 5px;}
.list-item .item-middle{  text-align: center; line-height: 24px; font-size: 16px; height: 48px; padding: 0 5px;}
.list-item .fl{ float: left;padding-right: 0px}
.list-item .fr{ float: right;padding-right: 0px}
.list-item .code{ padding: 0 5px;display: block; text-align: center; font-weight: bold; background: #1b779f; height:24px; overflow: hidden; line-height: 24px;}
.list-item.no-code .code{display: none;}
.list-item .num{ min-width: 18px; box-sizing: border-box; text-align: center; height: 18px;  border-radius: 18px;background: #cc0000;line-height: 18px;font-size: 12px; display: none;}
.list-item.choice .num{ display: block;}
.list-item.choice{ background:green;}
.list-item.choice .code{ background:#45aa12;}
.list-item .stock, .spec-list .stock{font-size:15px; display:none; color: #FFFF00;}
.list-item.alert .stock,.list-item.empty .stock{display: block;}
.list-item .special{ padding: 0 5px;display: none; text-align: center; background: #ff0033; height:20px; overflow: hidden;line-height: 20px;font-size: 12px;}
.list-item.isSpecial .special{display: block;}
.list-item .tags span{position: relative;float: left; padding: 0 3px;display: block; text-align: center; background: #cc0000; height:18px; overflow: hidden;line-height: 18px;font-size: 11px;margin-right: 3px;}
.list-item .origin-price{font-family:"Arial Black";font-size: 13px;font-weight: bold;}
.list-item .box-price{font-size: 12px;color: #ffff00;}
.sub-right.has-right{padding-right: 500px;}
.tool-add-order{height:40px;line-height:40px;display: block; float: right; background: url(../../img/delivery/icon-add-white.png) no-repeat 3px center,#c20000; background-size: 20px;border-left: 1px solid #c2bfb5; border-radius: 5px; cursor: pointer; padding: 0 10px 0 25px;color: #fff; margin: 10px 10px 0 0;}
.right-inner{ padding: 0;}
.righter .edit-row{ background: #efefef; border-bottom: 1px solid #cccccc; }
.edit-row:last-child{ margin-bottom: 0;}
.quickDiv{ width: 100%; box-sizing: border-box; position: relative;}
.quick-item{min-width: 50px; box-sizing: border-box; padding:0 5px; text-align: center; color: #fff; background: #c2c2c2; margin-right: 5px; font-size: 12px; display: block; float: left;cursor: pointer; margin-bottom: 5px; position: relative;}
.quick-item.choice{ background:#469eb0}
.quick-item.choice:before{width: 20px;height: 20px;display: block; content: ''; position: absolute; right:-8px;bottom:-8px; background: url("../../img/delivery/check-icon-current.png") no-repeat; background-size: 12px;}
.quick-edit{ width: 30px; height:30px; display: block; position: absolute; right: 0px; top: 0px; background: url("../../img/delivery/edit-icon-blue.png") no-repeat center; background-size: 20px;cursor: pointer}
.edit-row.edit-row-no-title{ padding-left: 10px;}
.orderDiv{ position: fixed; bottom: 0; width: 498px; box-sizing: border-box; padding-right: 120px;color: #fff;}
.orderDiv .count{ width:100%;box-sizing: border-box; padding-left: 5px; background: #1b779f; height: 50px; line-height: 50px;font-size: 18px;}
.orderDiv .go-order{ cursor: pointer; position: absolute; width: 120px; height: 50px; line-height: 50px; background: #cc0000; text-align: center; right: 0px; top: 0px;font-size: 18px;}
.book-tool .code{ position: absolute; left: 0; top: 0; height: 16px; line-height: 16px; min-width: 40px; display: block; background: red; color: #fff; font-size: 12px;}




.tool-nav{ width: 100%; position: fixed; left: 0; top: 60px; background: #e9eae2; height: 60px; z-index: 8; box-sizing: border-box;border-bottom: 1px solid #c2bfb5;}
.has-search-tool .tool-nav{height: 40px;line-height: 40px;}
.has-left .tool-nav{ padding-left: 180px;}
.has-right .tool-nav{ padding-right: 222px;}
.order-cook-page .has-right .tool-nav{ padding-right: 480px;}
.tool-nav-item{ float: left; text-align: center; line-height: 54px; color: #827868; font-size: 18px; font-weight: bold; cursor: pointer;position: relative;  padding: 0 8px;}
.tool-nav .tool-nav-item:last-child{border-right: 1px solid #c2bfb5;}
.tool-nav-item a{display: block;}
.tool-nav-item .num{ position: absolute; border-radius: 10px; z-index: 2; right: -5px;  top: 2px; padding:0 8px; height: 20px; background: #c20000; color: #fff; font-size: 12px; text-align: center; line-height: 20px;}
.tool-nav-item.current{ background: #ffffff; color: #fc7b62;}
.tool-nav-item.last{ border-right: 1px solid #c2bfb5;}
.tool-nav-notice{ float:left; margin-left: 20px; line-height: 25px;padding-top: 5px;}
.tool-nav-notice .red{ background: #fc7b62; }
.tool-nav-notice .orange{ background: #f7be4a; }
.tool-nav-item .num.total-0,.tool-nav-item .num.total-,.list-nav-tip-num .num.total-{display:none;}
/*.tool-nav-item .num.unknown,.tool-nav-item .num.prepare{background-color: #c20000}*/
/*.tool-nav-item .num.appoint,.tool-nav-item .num.receive,.tool-nav-item .num.deliver,.tool-nav-item .num.station{background-color: #228b22}*/
/*.tool-nav-item .num.arrived,.tool-nav-item .num.finish{background-color: #2b9bd6}*/
.tool-nav-item .num.deliver,.tool-nav-item .num.station{background-color: #f57c00;}
.tool-nav-item .num.arrived{background-color: #1b779f}
.tool-nav-item .num.error{background-color: #999}
.tool-nav-item.blue{background-color: #2b9bd6}
.tool-nav-item.gray{background-color: #999}
.tool-nav-item.hidden{display: none;}
.tool-nav .item-search{display: block; float: left;margin: 15px 10px 0;}
.tool-nav .item-btn{border-radius:5px; min-width: 60px; padding: 0 10px; cursor: pointer;  background: #324057; color: #fff; display: block; float: left; line-height:30px; margin-right: 10px;  margin-top: 15px; text-align: center; font-weight: bold; font-size: 16px;}
.tool-nav .item-right-btn{float: right;}
.tool-nav-item .close-btn{width: 20px; height: 20px; display: block; position: absolute; right: 0; top: 0; background: url("../../img/delivery/delete-icon.png") no-repeat right top;background-size: 20px;}
.tool-nav-item .num{ left: 0px;right:auto}
.spec-list{ width: 100%; box-sizing: border-box; padding-left: 10px; padding-top: 10px;}
.spec-list-item{width: 180px; display: block; float: left; background: #469eb0; color: #fff; font-size: 16px;line-height: 30px; box-sizing: border-box; padding: 0 10px; margin: 0 10px 10px 0; position: relative;cursor: pointer;}
.spec-list-item .num{ position: absolute; right: 0;top: 0; width: 20px;  height: 20px; border-radius: 20px; background: red; line-height: 20px;text-align: center;font-size: 12px; display:none; }
.spec-list-item.choice .num{ display: block;}
.spec-list-item.offline{background: #aaaaaa;}
.spec-list-item.alert{background: #fc7b62;}
.spec-list-item.empty{background: #70186f;}
.spec-list-item.alert .stock,.spec-list-item.empty .stock{display: block;}
.spec-list-item .item-bottom{ font-size: 13px;}
.spec-list-item .special{ position: absolute; right: 0;top: 0; line-height: 24px;background: #1b779f; font-size: 13px;width: 20px;text-align: center; display: none;}
.spec-list-item.isSpecial .special{ display: block;}
.spec-list-item .origin-price{ display: none;text-decoration: line-through ;font-size: 13px;}
.spec-list-item.isSpecial .origin-price{ display: inline-block;}
.car-list-item{ height:30px; line-height: 30px; border-bottom: 1px solid #cccccc;}
.car-list-item .one{ float: left;width: 250px; position: relative; height: 30px; box-sizing: border-box; padding: 0 5px;}
.car-list-item .one-top{ width: 100%; height: 30px;overflow: hidden;}
.car-list-item .one-top .discount{color: #cc0000;}
.car-list-item .two{ float: right; width: 90px;}
.car-list-item .three{ float: right; width: 65px; line-height: 30px; text-align: right;padding-right: 5px;}
.car-list-item .list-btn{width: 30px;  height: 30px;  display: inline-block;  text-align: center;  cursor: pointer;  background: #fff;  color: #323232;  float: left;  line-height: 30px;}
.car-list-item .btn-reduce{background: url("../../img/delivery/reduce-icon-block.png") no-repeat center,#efefef; background-size: 15px}
.car-list-item .btn-add{background: url("../../img/delivery/add-icon-block.png") no-repeat center,#efefef;background-size: 15px}
.car-list-item .close-btn{width:30px;height:30px; display: block; background: url("../../img/delivery/delete-icon.png") no-repeat center;background-size:24px;cursor: pointer; float: right}
.right-inner{ overflow: hidden; overflow-y:auto; width: 100%; }
.tool-nav-item{ border-right: 1px solid #c2c2c2; padding: 0 20px;}
.righter .go-order.waiting{ background: #c2c2c2;}
.pop-c-l{ float: left; width: 350px;}
.pop-top-l{height: 36px;line-height: 36px;background: #BBB;color: #000;box-sizing: border-box;padding: 0 8px;position: relative;}
.pop-top-l .item-btn {padding: 0 10px;background: #373942;display: inline-block;color: #fff;cursor: pointer;border-radius: 5px;line-height: 30px;margin-top:3px;}
.pop-c-r{ float: right; width: 350px;}
.deskList{ margin: 0 auto;width: 480px;}
.deskList .desk-item{ width: 50px; height: 50px; display: block; float: left; cursor: pointer; margin: 5px; box-sizing: border-box; color: #fff; background: #999; font-size:16px; text-align: center;line-height: 48px;}
.deskList .desk-item:hover{background: #1b779f;}
.pop-c-r .edit-row{min-height: 30px;padding-top:0px;padding-bottom: 0px;}
.order-list .order-item{ width: 100%; box-sizing: border-box; line-height: 30px; position: relative; border-bottom: 1px solid #CCC;min-height: 30px;}
.order-list .order-item.other{background: #EFEFEF;line-height: 26px;}
.order-list .order-item .order-amount{text-align: right;width: 50px;}
.order-list .order-item:last-child{border-bottom:none;}
.order-list .order-item .name{ padding: 0 8px; width: 220px;overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.order-list .order-item .num{ position: absolute; right: 65px; top: 0; font-size: 12px;}
.order-list .order-item .price{ position: absolute; right: 5px; top: 0; color: #0e90e8; font-size: 12px;font-weight: bold;}
.order-list .order-item .price.reduce{color: #d80000}
.order-list .order-item .item-r{ position: absolute; right: 20px; top: 0; text-align: right;}
.pop-c-line{ width: 1px; background:#c2c2c2; float: left;}
.pay-way-list{padding: 0 10px;}
.pay-way-list .pay-way-item{width: 100%;height:38px;line-height: 38px;padding-right: 10px;}
/*键盘*/
.keyBox{ margin: 10px auto; width: 255px;}
.keyBox-item{ width: 50px; height: 50px; display: block; float: left; line-height: 50px; background: #BBB;text-align: center; border-bottom: 1px solid #fff; border-right: 1px solid #fff;cursor:pointer}
.keyBox-item:hover{background: #1b779f;color: #FFFFFF;}
.rightDiv-top .icon{ width:36px; height:36px;display: block; position: absolute; right: 0px; top: 0; background: url("../../img/delivery/arrow-dowm-icon-white.png") no-repeat center; background-size: 20px;margin-right: 0;}
.close  .rightDiv-top .icon{ width:36px; height:36px;display: block; position: absolute; right: 0px; top: 0; background: url("../../img/delivery/arrow-up-icon-white.png") no-repeat center; background-size: 20px; }
.close .rightDiv-middle{display: none;}
.index-list {  overflow: hidden;  overflow-y: auto;  }
.content-bttom{ padding-right: 500px;}
.has-right .sub-right-header{min-width: 860px;}
@media (max-width: 1279px) {
    .tool-add-order{ display: none;}
    .sub-right.has-right{  padding-right: 350px;}
    .orderDiv{ width: 348px;}
    .sub-right.has-right{ padding-right: 360px;}
}