.mui-grid-view.mui-grid-9 {background-color: #fff;}
.p-menubar{/*display:table;height: 65px;*/}
.ptab{position: relative;/*display: table-cell;*/width: 25%;float: left;overflow:hidden;text-align: center;box-sizing: border-box;border-width: 1px 0 0 0;border-color: inherit;color: #888;}
.ptab a{color: #888;}
.p-menubar .tab-label{display: block;line-height: 1.5rem !important;}
.tab-label{display: inline-block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;pointer-events: none;}
.ptab .my_pic{width: 1.5rem !important;height: 1.5rem !important;font-size:0.8rem;margin:0 auto;}
.ptab .my_pic .iconfont24{line-height: 1.5rem !important;font-size:1.rem;}
.order-list-fixed{/*position: fixed;top: 45px;z-index: 9;*/background: #FFFFFF;}
.mui-segmented-control.mui-segmented-control-inverted{width: 100%;border: 0;border-radius: 0;}
.mui-segmented-control{font-size: 15px;font-weight: 400;position: relative;display: table;overflow: hidden;width: 100%;table-layout: fixed;border: 1px solid #007aff;border-radius: 3px;background-color: transparent;-webkit-touch-callout: none;}
.mui-segmented-control.mui-segmented-control-inverted .mui-control-item.mui-active{color: #007aff;border-bottom: 2px solid #007aff;background: 0 0;}
.mui-segmented-control.mui-segmented-control-inverted .mui-control-item{color: inherit;border: 0;}
.mui-segmented-control .mui-control-item.mui-active{color: #fff;background-color: #007aff;}
.mui-segmented-control .mui-control-item:first-child{border-left-width: 0;}
.mui-segmented-control .mui-control-item{line-height: 38px;display: table-cell;overflow: hidden;width: 1%;-webkit-transition: background-color .1s linear;transition: background-color .1s linear;text-align: center;white-space: nowrap;text-overflow: ellipsis;color: #007aff;border-color: #007aff;border-left: 1px solid #007aff;}
.mui-toast-container{position:fixed;z-index:9999;top:30px;width:100%;-webkit-transition:opacity .8s;transition:opacity .8s;opacity:0}
.mui-toast-container.mui-active{opacity:1}
.mui-toast-message{font-size:14px;width:150px; height:40px; margin:5px auto;padding:5px;text-align:center;color:#F1BE0E;border-radius:7px;background-color:#F2F2E6;}

.mui-popup-backdrop{position:fixed;z-index:998;top:0;right:0;bottom:0;left:0;-webkit-transition-duration:400ms;transition-duration:400ms;opacity:0;background:rgba(0,0,0,.4)}
.mui-popup-backdrop.mui-active{opacity:1}
.mui-popup{position:fixed;z-index:10000;top:50%;left:50%;display:none;overflow:hidden;width:270px;-webkit-transition-property:-webkit-transform,opacity;transition-property:transform,opacity;-webkit-transform:translate3d(-50%,-50%,0) scale(1.185);transform:translate3d(-50%,-50%,0) scale(1.185);text-align:center;opacity:0;color:#000;border-radius:13px}
.mui-popup.mui-popup-in{display:block;-webkit-transition-duration:400ms;transition-duration:400ms;-webkit-transform:translate3d(-50%,-50%,0) scale(1);transform:translate3d(-50%,-50%,0) scale(1);opacity:1}
.mui-popup.mui-popup-out{-webkit-transition-duration:400ms;transition-duration:400ms;-webkit-transform:translate3d(-50%,-50%,0) scale(1);transform:translate3d(-50%,-50%,0) scale(1);opacity:0}
.mui-popup-inner{position:relative;padding:15px;border-radius:13px 13px 0 0;background:rgba(255,255,255,.95)}
.mui-popup-inner:after{position:absolute;z-index:15;top:auto;right:auto;bottom:0;left:0;display:block;width:100%;height:1px;content:'';-webkit-transform:scaleY(.5);transform:scaleY(.5);-webkit-transform-origin:50% 100%;transform-origin:50% 100%;background-color:rgba(0,0,0,.2)}
.mui-popup-title{font-size:18px;font-weight:500;text-align:center}
.mui-popup-title+.mui-popup-text{font-family:inherit;font-size:14px;margin:5px 0 0}
.mui-popup-buttons{position:relative;display:-webkit-box;display:-webkit-flex;display:flex;height:44px;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center}
.mui-popup-button{font-size:17px;line-height:44px;position:relative;display:block;overflow:hidden;box-sizing:border-box;width:100%;height:44px;padding:0 5px;cursor:pointer;text-align:center;white-space:nowrap;text-overflow:ellipsis;color:#007aff;background:rgba(255,255,255,.95);-webkit-box-flex:1}
.mui-popup-button:after{position:absolute;z-index:15;top:0;right:0;bottom:auto;left:auto;display:block;width:1px;height:100%;content:'';-webkit-transform:scaleX(.5);transform:scaleX(.5);-webkit-transform-origin:100% 50%;transform-origin:100% 50%;background-color:rgba(0,0,0,.2)}
.mui-popup-button:first-child{border-radius:0 0 0 13px}
.mui-popup-button:first-child:last-child{border-radius:0 0 13px 13px}
.mui-popup-button:last-child{border-radius:0 0 13px}
.mui-popup-button:last-child:after{display:none}
.mui-popup-button.mui-popup-button-bold{font-weight:600}
.mui-popup-input input{font-size:14px;width:100%;height:26px;margin:15px 0 0;padding:0 5px;border:1px solid rgba(0,0,0,.3);border-radius:0;background:#fff}
.mui-plus.mui-android .mui-popup-backdrop{-webkit-transition-duration:1ms;transition-duration:1ms}
.mui-plus.mui-android .mui-popup{-webkit-transition-duration:1ms;transition-duration:1ms;-webkit-transform:translate3d(-50%,-50%,0) scale(1);transform:translate3d(-50%,-50%,0) scale(1)}

.mui-select{position:relative}
.mui-select:before{font-family:Muiicons;position:absolute;top:8px;right:21px;content:'\e581';color:rgba(170,170,170,.6)}
.fluid { width: 100%; color: #666;text-indent: 15px; height: 2rem;line-height: 2rem;font-size: 0.6rem;margin-bottom: 0.5rem;border: 1px solid #c3c3c3;border-radius: 4px;}
.iconc1{line-height: 36px; width:36px !important; height:36px !important; border-radius:6px; background:#ea7153; color:#FFF;}
.iconc2{line-height: 36px; width:36px !important; height:36px !important; border-radius:6px; background:#6a58e1; color:#FFF;}
.iconc3{line-height: 36px; width:36px !important; height:36px !important; border-radius:6px; background:#569ae9; color:#FFF;}
.iconc4{line-height: 36px; width:36px !important; height:36px !important; border-radius:6px; background:#5cdce8; color:#FFF;}
.iconc5{line-height: 36px; width:36px !important; height:36px !important; border-radius:6px; background:#5aea57; color:#FFF;}
.iconc6{line-height: 36px; width:36px !important; height:36px !important; border-radius:6px; background:#c3e68d; color:#FFF;}
.iconc7{line-height: 36px; width:36px !important; height:36px !important; border-radius:6px; background:#e8d35c; color:#FFF;}
.iconc8{line-height: 36px; width:36px !important; height:36px !important; border-radius:6px; background:#e7af5d; color:#FFF;}
.iconc9{line-height: 36px; width:36px !important; height:36px !important; border-radius:6px; background:#c13441; color:#FFF;}
.iconc10{line-height: 36px; width:36px !important; height:36px !important; border-radius:6px; background:#4956a1; color:#FFF;}
.iconc11{line-height: 36px; width:36px !important; height:36px !important; border-radius:6px; background:#ea733e; color:#FFF;}
.iconc12{line-height: 36px; width:36px !important; height:36px !important; border-radius:6px; background:#e15c55; color:#FFF;}
.iconc13{line-height: 36px; width:36px !important; height:36px !important; border-radius:6px; background:#eaa223; color:#FFF;}
.iconc14{line-height: 36px; width:36px !important; height:36px !important; border-radius:6px; background:#2ab167; color:#FFF;}
.iconc15{line-height: 36px; width:36px !important; height:36px !important; border-radius:6px; background:#6ec1a5; color:#FFF;}
.iconc16{line-height: 36px; width:36px !important; height:36px !important; border-radius:6px; background:#f5d63c; color:#FFF;}
.iconc17{line-height: 36px; width:36px !important; height:36px !important; border-radius:6px; background:#e84587; color:#FFF;}
.iconc18{line-height: 36px; width:36px !important; height:36px !important; border-radius:6px; background:#31a48a; color:#FFF;}
.iconc19{line-height: 36px; width:36px !important; height:36px !important; border-radius:6px; background:#3f93aa; color:#FFF;}
.iconc20{line-height: 36px; width:36px !important; height:36px !important; border-radius:6px; background:#3963aa; color:#FFF;}

.filtrate-cont { padding-bottom: 14px; border-top: 1px solid #ddd; }
.m_p_con .filtrate-price { padding: 0 5px; /*border-top: 1px solid #dcdcdc;*/ border-bottom: 1px solid #dcdcdc; background-color: #fff; line-height: 45px; color: #646464; }
.m_p_con .filtrate-price span{ float:left; width: 25%; font-size: 0.6rem;}
.m_p_con .filtrate-price input { width: 4rem; height: 1.2rem;text-indent: 2px; padding: 3px 0; margin: 0 5px; background-color: #fff; text-align: center; font-size: 0.6rem; color: #086db5;font-weight:600; border: 1px solid #c3c3c3; border-radius: 4px; }
.m_p_con .filtrate-price input:focus { border-color: #c3c3c3; background-color: #fff; outline: none; }
.filtrate-other { padding-left: 5px; border-bottom: 1px solid #dcdcdc;}
.filtrate-other h2 { font-size: 0.6rem; line-height: 40px; color: #646464;}
.filtrate-other li { float: left; width: 50%; padding-right: 10px; }
.filtrate-other li label { display: block; padding-left: 22px; background: url(../images/filtrate-select.png) no-repeat 0 10px; background-size: 15px 87px; line-height: 35px; color: #989da2; }
.filtrate-other li.active label { background-position: 0 -34px; color: #086db5; font-weight:600;}
.filtrate-other input[type="checkbox"]{ display:none;}

.m_p_con .mui-content-padded h5 { font-size:0.7rem; font-weight:700;}

.mui-badge{font-size: 12px;line-height: 1;display: inline-block;padding: 3px 6px;color: #333;border-radius: 100px;background-color: rgba(0, 0, 0, .15);}
.mui-badge-danger, .mui-badge-red{color: #fff;background-color: #dd524d;}
.mui-badge{margin: 10px;}