/*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;
}