/*html, body { background-color: #efeff4; }*/ * { touch-action: none; } .mui-views, .mui-view, .mui-pages, .mui-page, .mui-page-content { position: absolute; left: 0; right: 0; top: 0; bottom: 0; width: 100%; height: 100%; background-color: #efeff4; } #app { height: auto!important; } .mui-pages { top: 46px; height: auto; } /*.mui-scroll-wrapper, .mui-scroll { background-color: #efeff4; } */ .mui-page.mui-transitioning { -webkit-transition: -webkit-transform 300ms ease; transition: transform 300ms ease; } .mui-page-left { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .mui-ios .mui-page-left { -webkit-transform: translate3d(-20%, 0, 0); transform: translate3d(-20%, 0, 0); } .mui-navbar { position: fixed; right: 0; left: 0; z-index: 10; height: 44px; background-color: #f7f7f8; } .mui-navbar .mui-bar { position: absolute; background: transparent; text-align: center; } .mui-android .mui-navbar-inner.mui-navbar-left { opacity: 0; } /*.mui-ios .mui-navbar-left .mui-left, .mui-ios .mui-navbar-left .mui-center, .mui-ios .mui-navbar-left .mui-right { opacity: 0; }*/ /*.mui-navbar .mui-btn-nav { -webkit-transition: none; transition: none; -webkit-transition-duration: .0s; transition-duration: .0s; }*/ /*.mui-navbar .mui-bar .mui-title { display: inline-block; width: auto; }*/ /*.mui-page-shadow { position: absolute; right: 100%; top: 0; width: 16px; height: 100%; z-index: -1; content: ''; }*/ /*.mui-page-shadow { background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0) 10%, rgba(0, 0, 0, .01) 50%, rgba(0, 0, 0, .2) 100%); background: linear-gradient(to right, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0) 10%, rgba(0, 0, 0, .01) 50%, rgba(0, 0, 0, .2) 100%); }*/ .mui-navbar-inner.mui-transitioning, .mui-navbar-inner .mui-transitioning { -webkit-transition: opacity 300ms ease, -webkit-transform 300ms ease; transition: opacity 300ms ease, transform 300ms ease; } .mui-page { display: none; } .mui-pages .mui-page { display: block; } /*.mui-page .mui-table-view:first-child { margin-top: 15px; } .mui-page .mui-table-view:last-child { margin-bottom: 30px; } .mui-table-view { margin-top: 20px; } */ .mui-table-view span.mui-pull-right { color: #999; } .mui-table-view-divider { /*background-color: #efeff4;*/ background-color: red; font-size: 14px; } /*.mui-fullscreen { position: fixed; z-index: 20; background-color: #000; }*/ .mui-ios .mui-navbar .mui-bar .mui-title { position: static; } /*goosList css *********************************************************************************开始*/ .mui-row.mui-fullscreen>[class*="mui-col-"] { height: 100%; } .goodsWrapper .mui-col-xs-3, .goodsWrapper .mui-control-content { overflow-y: auto; height: 100%; } .headTabList.mui-segmented-control .mui-control-item{ line-height: 50px; } .headTabList.mui-segmented-control{ background: #fff; height: 50px; } .mui-segmented-control .mui-control-item { line-height: 50px; width: 100%; } .classListLeft.mui-segmented-control.mui-segmented-control-inverted .mui-control-item{ position: relative; line-height: 64px; } .classListLeft.mui-segmented-control.mui-segmented-control-inverted .mui-control-item.mui-active { background-color: #f6f9ff; position: relative; display: block; border-bottom: 1px solid #c8c7cc; } .classListLeft.mui-segmented-control.mui-segmented-control-inverted .mui-control-item.mui-active:after { position: absolute; height: 0; width: 0; content: ""; border: 8px solid transparent; right: -8px; border-left-color: #2e7ce3; top: 23px; } .classListLeft.mui-segmented-control.mui-segmented-control-inverted .mui-control-item .mui-badge{ position: absolute; right: 1px; top: 1px; display:none; } .tabBar-control-item .mui-control-item { position: relative; } .tabBar-control-item .mui-control-item .mui-badge{ position: absolute; right: 1px; top: 5px; display:none; } .mui-badge-hotred{ color: #fff; background-color: #f03f41; } .mui-table-view { background-color: #f6f9ff; } .mui-card { box-shadow: initial!important; } .mui-numbox { border: 0; background: transparent; width: 110px!important; height: 30px!important; } .mui-numbox .mui-btn-numbox-minus, .mui-numbox .mui-btn-numbox-plus { height: 24px; width: 24px; border-radius: 50%; background: #e97a44; color: #fff; line-height: 23px; font-size: 20px; margin-top: 5px; } .mui-numbox .mui-btn-numbox-minus { background: #d8d8d8; } .mui-numbox .nums.mui-input-numbox, .headNums.mui-input-numbox { border: 0!important; } .contentList .mui-input-row label { padding: 7px 0!important; width: 40%!important; } .mui-table-view-cell { padding:5px 13px!important; } .mui-table-view-cell:last-child:after{ height: 1px; } /*.mui-input-row .mui-numbox { margin: 2px 0!important; }*/ .goodsTotal { height: 60px; border-radius: 30px; width: 95%; margin: 10px auto; } .goodsTotal a, .goodsTotal button{ display: inline-block; vertical-align: middle; height: 100%; line-height: 60px; color: #FFFFFF; text-align: center; font-size: 16px; border-top-left-radius: 30px; border-bottom-left-radius: 30px; padding: 0px; } .goodsTotal button{ border: 0px solid #c9c9c9; } .goodsTotal .goodsCount { width: 69%; color: #313132; } .goodsTotal .finishBtn { width: 31%; background: #3076e6; border-top-left-radius: 0; border-bottom-left-radius: 0; border-top-right-radius: 30px; border-bottom-right-radius: 30px; } .mui-popover { width: 100%!important; margin: 0 auto; left: 0!important; border-bottom-left-radius: 0; border-bottom-right-radius: 0; top: auto!important; bottom: 0; } .mui-popover .mui-popover-arrow.mui-bottom { display: none!important; } .popoverIn { background: #eaeaea; padding: 7px 10px; } .popoverIn .goodsTotal a { float: left; } .popoverIn .goodsTotal .goodsCount { background: #fff; } .headAddBox { padding: 10px 0 10px 0; /*position: relative;*/ /*z-index: 10;*/ border-bottom: 1px solid #e9eaf0; background: #FFFFFF; /*margin-top: 55px;*/ } .mui-input-row .mui-btn.headAdd { width: 242px; margin: 0 auto; display: block; float: none; height: 30px; line-height: 30px; font-size: 13px; padding: 0; color: #2f78e5; border: 1px solid #2f78e5; border-radius: 20px; } .addIcon.mui-icon { color: #346fe8; font-size: 20px; margin-right: 7px; } /*.mui-bar-nav~.mui-content{ padding-top: 95px!important; }*/ input[type=search].searchInput { background: #fff; border-radius: 20px; } /*.headTabList.mui-segmented-control .mui-control-item { line-height: 36px; }*/ /*.sliderItem.mui-control-content { min-height: 215px!important; border-top: 0!important; border-bottom: 0!important; }*/ #slider { height: 100%; } .goodsWrapper{ height: 100%; padding-bottom: 70px; } .goodsWrapper .mui-col-xs-3,.goodsWrapper .mui-col-xs-9{ border-top: 1px solid #e9eaf0; } .goodsWrapper .mui-col-xs-9{ border-left: 1px solid #c8c7cc; height: 100%; } .tips{ width: 98%; font-size: 12px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .tips i { display: inline-block; width: 16px; height: 16px; background: url(../img/alerm.png) no-repeat; vertical-align: middle; background-size: contain; margin-right: 8px; } .mui-pull-bottom-tips { text-align: center; /*background-color: #efeff4;*/ font-size: 15px; line-height: 40px; color: #777; }