YH_Web_UI/WebUI/CallCenterWe.../css/GoodsList.css

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