/*公用样式*/
*{margin: 0;padding: 0;border: 0;}
ul,li{
	list-style: none;
}
a {
    color: #333;
    text-decoration: none;
}
html {
  width: 100%;
  height: 100%;
  position: relative;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}
body {
  color: #333;
  font: 16px "Helvetica Neue", Helvetica, STHeiTi, sans-serif;
  margin: 0 auto;
  width: 100%;
  height: 100%;
  position: relative;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  -webkit-overflow-scrolling: touch;
 /* background: #eaeaea !important;*/
}

.ew-wrap{width: 100%;overflow: hidden;}
.cew-contain{border-left: 1px solid #D7D7D7;padding-left: 30px;}
/*.ew-contain{width: 2px;height: 100%;background-color: #D7D7D7;margin: 15px 15px 0;position: relative;float: left;padding-bottom: 9999px;margin-bottom: -9999px;}*/
.ew-circle{position: absolute;top: 10px;width: 10px;height: 10px;border-radius: 50%;background-color: #CACACA;left: -6px;}
.circle1{position: absolute;top: 0px;width: 18px;height: 18px;border-radius: 50%;background-color: #12AF55;left: -10px;border: 3px solid #b8e1cb;}
.mui-segmented-control{border: 1px solid #4A4C5B;}
.mui-segmented-control .mui-control-item{border-color: #4A4C5B;border-left: 1px solid #4A4C5B; color:#4A4C5B ;}
.mui-segmented-control .mui-control-item.mui-active{background-color: #4A4C5B;}
.ew-header{padding-bottom: 10px; font-size: 16px;}
.h5-time{position: relative;top: 15px;}
.erection-prog{padding: 0px 15px 0px 30px;}
.progess-first{padding-top: 10px;}
.erc-bd{padding-top: 10px;border-bottom: 1px solid #ddd;}
.erct-mg{border-bottom: 1px solid #ddd;margin-top: 10px;}
/*预约安装页面*/
.az-sucess{background-color: #fff;}
.az-sucess_time{float: right;font-size: 14px;position: relative;top: 3px;}
.az-text{position: relative;top: 15px;}
.az-img{float: right; }
.az-img img{margin-left:5%;position: relative;top: 3px;right: 10%; width: 50px;height: 50px;}
.btn-bottom{margin: 15px 5% 0 5%;}
.btn-bottom .mui-btn{background-color: #4A4C5B;padding: 8px 0;color: #fff;}
/*抢单页面*/
.btn-qdbm{margin:3px 5% 0px;}
.btn-qdbm .btn-qd{width: 46.5%;margin-right: 5%;padding: 6px 0;font-size: 16px;}
.btn-qdbm .btn-an1{width: 46.5%;padding: 6px 0;border-color: #4A4C5B;background-color:#4A4C5B;color: #fff;font-size: 16px;}
.h5-q{padding: 6px 8px;color: #fff; background-color:#4A4C5B;}
/*.mui-table-view-cell:after{background-color: transparent;}*/
/*安装单详情页面*/
.detail-mm{position: absolute;top:60px;left:29%;}
.detail-not{width: 100%;height: 58px;}
.detail-btn{width: 100%;background-color: #fff;padding: 10px 0;position: fixed;bottom: 0px; left: 0px;z-index: 999;}
/*安装进度页面*/
.ew-contr{float: left;width: 100%;height: auto;}
.ew-contr .mui-table-view-striped .mui-table-view-cell:last-child{border-bottom: 1px solid #ddd;}
.last-h5{color: #12AF55;font-size: 16px;}
.h5-lx{float: right;font-size: 14px;}
.h5-contain{font-size: 16px;padding-top: 10px;}
h5{margin-top: 0px !important;}
.ew-contr .mui-table-view-cell:after{left: 30px;}
/*图片放大效果*/
.mui-preview-image.mui-fullscreen {
				position: fixed;
				z-index: 20;
				/*background-color: rgba(0,0,0,.3);*/
				background-color: #000;
				top: 40px;
			}
			.mui-preview-header,
			.mui-preview-footer {
				position: absolute;
				width: 100%;
				left: 0;
				z-index: 10;
			}
			.mui-preview-header {
				height: 44px;
				top: 0;
			}
			.mui-preview-footer {
				height: 50px;
				bottom: 0px;
			}
			.mui-preview-header .mui-preview-indicator {
				display: block;
				line-height: 25px;
				color: #fff;
				text-align: center;
				margin: 15px auto 4;
				/*width: 70px;*/
				background-color: rgba(0, 0, 0, 0.4);
				border-radius: 12px;
				font-size: 16px;
			}
			.mui-preview-image {
				display: none;
				-webkit-animation-duration: 0.5s;
				animation-duration: 0.5s;
				-webkit-animation-fill-mode: both;
				animation-fill-mode: both;
			}
			.mui-preview-image.mui-preview-in {
				-webkit-animation-name: fadeIn;
				animation-name: fadeIn;
			}
			.mui-preview-image.mui-preview-out {
				background: none;
				-webkit-animation-name: fadeOut;
				animation-name: fadeOut;
			}
			.mui-preview-image.mui-preview-out .mui-preview-header,
			.mui-preview-image.mui-preview-out .mui-preview-footer {
				display: none;
			}
			.mui-zoom-scroller {
				position: absolute;
				display: -webkit-box;
				display: -webkit-flex;
				display: flex;
				-webkit-box-align: center;
				-webkit-align-items: center;
				align-items: center;
				-webkit-box-pack: center;
				-webkit-justify-content: center;
				justify-content: center;
				left: 0;
				right: 0;
				bottom: 0;
				top: -30px;
				width: 100%;
				height: 100%;
				margin: 0;
				-webkit-backface-visibility: hidden;
			}
			.mui-zoom {
				-webkit-transform-style: preserve-3d;
				transform-style: preserve-3d;
			}
			.mui-slider .mui-slider-group .mui-slider-item img {
				/*width: auto;*/
				height: auto;
				max-width: 100%;
				max-height: 100%;
				width: 100%;
				/*height: 100%;*/
			}
			.mui-android-4-1 .mui-slider .mui-slider-group .mui-slider-item img {
				width: 100%;
			}
			.mui-android-4-1 .mui-slider.mui-preview-image .mui-slider-group .mui-slider-item {
				display: inline-table;
			}
			.mui-android-4-1 .mui-slider.mui-preview-image .mui-zoom-scroller img {
				display: table-cell;
				vertical-align: middle;
			}
			.mui-preview-loading {
				position: absolute;
				width: 100%;
				height: 100%;
				top: 0;
				left: 0;
				display: none;
			}
			.mui-preview-loading.mui-active {
				display: block;
			}
			.mui-preview-loading .mui-spinner-white {
				position: absolute;
				top: 50%;
				left: 50%;
				margin-left: -25px;
				margin-top: -25px;
				height: 50px;
				width: 50px;
			}
			.mui-preview-image img.mui-transitioning {
				-webkit-transition: -webkit-transform 0.5s ease, opacity 0.5s ease;
				transition: transform 0.5s ease, opacity 0.5s ease;
			}
			@-webkit-keyframes fadeIn {
				0% {
					opacity: 0;
				}
				100% {
					opacity: 1;
				}
			}
			@keyframes fadeIn {
				0% {
					opacity: 0;
				}
				100% {
					opacity: 1;
				}
			}
			@-webkit-keyframes fadeOut {
				0% {
					opacity: 1;
				}
				100% {
					opacity: 0;
				}
			}
			@keyframes fadeOut {
				0% {
					opacity: 1;
				}
				100% {
					opacity: 0;
				}
			}
			p img {
				max-width: 100%;
				height: auto;
			}


	/*预约安装页面样式*/
	.w100{width: 100%;}
	.fr{float: right;}
	.fl{float: left;}
	.fc66{color: #666;}
	.f14{font-size: 14px;}
	.fw{font-weight: 600;}
	.fclass{padding: 4px 10px;}
	.img-w{width: 30%;margin-right:2%;}
	.img-w:last-child{margin: 0;}

/*下拉菜单样式*/
html,
			body {
				min-height: 100%;
				background-color: #efeff4;
			}
			.animated {
				-webkit-animation-duration: 0.5s;
				animation-duration: 0.5s;
				-webkit-animation-fill-mode: both;
				animation-fill-mode: both;
			}
			@-webkit-keyframes bounceInDown {
				0%, 60%, 75%, 90%, 100% {
					-webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
					transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
				}
				0% {
					opacity: 0;
					-webkit-transform: translate3d(0, -100%, 0);
					transform: translate3d(0, -100%, 0);
				}
				60% {
					opacity: 1;
					-webkit-transform: translate3d(0, 25px, 0);
					transform: translate3d(0, 25px, 0);
				}
				75% {
					-webkit-transform: translate3d(0, -10px, 0);
					transform: translate3d(0, -10px, 0);
				}
				90% {
					-webkit-transform: translate3d(0, 5px, 0);
					transform: translate3d(0, 5px, 0);
				}
				100% {
					-webkit-transform: none;
					transform: none;
				}
			}
			@keyframes bounceInDown {
				0%, 60%, 75%, 90%, 100% {
					-webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
					transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
				}
				0% {
					opacity: 0;
					-webkit-transform: translate3d(0, -100%, 0);
					transform: translate3d(0, -100%, 0);
				}
				60% {
					opacity: 1;
					-webkit-transform: translate3d(0, 25px, 0);
					transform: translate3d(0, 25px, 0);
				}
				75% {
					-webkit-transform: translate3d(0, -10px, 0);
					transform: translate3d(0, -10px, 0);
				}
				90% {
					-webkit-transform: translate3d(0, 5px, 0);
					transform: translate3d(0, 5px, 0);
				}
				100% {
					-webkit-transform: none;
					transform: none;
				}
			}
			.bounce-in-down {
				-webkit-animation-name: bounceInDown;
				animation-name: bounceInDown;
			}
			@-webkit-keyframes fadeInDown {
				0%, 60%, 75%, 90%, 100% {
					-webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
					transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
				}
				0% {
					opacity: 0;
					-webkit-transform: translate3d(0, -100%, 0);
					transform: translate3d(0, -100%, 0);
				}
				60% {
					opacity: 1;
					-webkit-transform: translate3d(0, 0px, 0);
					transform: translate3d(0, 0px, 0);
				}
				75% {
					-webkit-transform: translate3d(0, 0px, 0);
					transform: translate3d(0, 0px, 0);
				}
				90% {
					-webkit-transform: translate3d(0, 0px, 0);
					transform: translate3d(0, 0px, 0);
				}
				100% {
					-webkit-transform: none;
					transform: none;
				}
			}
			@keyframes fadeInDown {
				0%, 60%, 75%, 90%, 100% {
					-webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
					transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
				}
				0% {
					opacity: 0;
					-webkit-transform: translate3d(0, -100%, 0);
					transform: translate3d(0, -100%, 0);
				}
				60% {
					opacity: 1;
					-webkit-transform: translate3d(0, 0px, 0);
					transform: translate3d(0, 0px, 0);
				}
				75% {
					-webkit-transform: translate3d(0, 0px, 0);
					transform: translate3d(0, 0px, 0);
				}
				90% {
					-webkit-transform: translate3d(0, 0px, 0);
					transform: translate3d(0, 0px, 0);
				}
				100% {
					-webkit-transform: none;
					transform: none;
				}
			}
			.fade-in-down {
				-webkit-animation-name: fadeInDown;
				animation-name: fadeInDown;
			}
			@-webkit-keyframes bounceOutUp {
				20% {
					-webkit-transform: translate3d(0, -10px, 0);
					transform: translate3d(0, -10px, 0);
				}
				40%,
				45% {
					opacity: 1;
					-webkit-transform: translate3d(0, 20px, 0);
					transform: translate3d(0, 20px, 0);
				}
				100% {
					opacity: 0;
					-webkit-transform: translate3d(0, -100%, 0);
					transform: translate3d(0, -100%, 0);
				}
			}
			@keyframes bounceOutUp {
				20% {
					-webkit-transform: translate3d(0, -10px, 0);
					transform: translate3d(0, -10px, 0);
				}
				40%,
				45% {
					opacity: 1;
					-webkit-transform: translate3d(0, 20px, 0);
					transform: translate3d(0, 20px, 0);
				}
				100% {
					opacity: 0;
					-webkit-transform: translate3d(0, -100%, 0);
					transform: translate3d(0, -100%, 0);
				}
			}
			.bounce-out-up {
				-webkit-animation-name: bounceOutUp;
				animation-name: bounceOutUp;
			}
			@-webkit-keyframes fadeOutUp {
				20% {
					-webkit-transform: translate3d(0, 0px, 0);
					transform: translate3d(0, 0px, 0);
				}
				40%,
				45% {
					opacity: 1;
					-webkit-transform: translate3d(0, 0px, 0);
					transform: translate3d(0, 0px, 0);
				}
				100% {
					opacity: 0;
					-webkit-transform: translate3d(0, -100%, 0);
					transform: translate3d(0, -100%, 0);
				}
			}
			@keyframes fadeOutUp {
				20% {
					-webkit-transform: translate3d(0, 0px, 0);
					transform: translate3d(0, 0px, 0);
				}
				40%,
				45% {
					opacity: 1;
					-webkit-transform: translate3d(0, 0px, 0);
					transform: translate3d(0, 0px, 0);
				}
				100% {
					opacity: 0;
					-webkit-transform: translate3d(0, -100%, 0);
					transform: translate3d(0, -100%, 0);
				}
			}
			.fade-out-up {
				-webkit-animation-name: fadeOutUp;
				animation-name: fadeOutUp;
			}
			.menu-open {
				height: 100%;
				width: 100%;
			}
			.menu-open .mui-scroll-wrapper {
				position: absolute;
				top: 48;
				bottom: 0;
				left: 0;
				z-index: 1;
				width: 100%;
				overflow: hidden;
				-webkit-backface-visibility: hidden;
			}
			.menu-backdrop {
				display: none;
			}
			.menu-open .menu-backdrop {
				position: fixed;
				top:43px;
				bottom: 0;
				height: 100%;
				width: 100%;
				display: block;
				z-index: 998;
				background-color: #000;
			}
			.menu-wrapper {
				position: absolute;
				top: 48px;
				left: 0;
				right: 0;
				z-index: 999;
				text-align: center;
				background-color: #333;
				width: 100%;
			}
			.menu-wrapper.hidden {
				-webkit-transform: translate3d(0, -100%, 0);
				transform: translate3d(0, -100%, 0);
				z-index: -1;
			}
			.menu {
				width: 100%;
			}
			.menu .mui-table-view-inverted {
				color: gray;
				font-size: 19px;
			}
			.menu .mui-table-view-inverted .mui-table-view-cell:after {
				height: 2px;
				left: 0;
				right: 0;
			}
			.menu-wrapper.mui-active,
			.menu-wrapper.mui-active .menu {
				-webkit-transform: translate3d(0, 0, 0);
				transform: translate3d(0, 0, 0);
			}
			#info{
			  	padding: 20px 10px ;
			 }

/*icon字体大小*/
.mui-icon-camera:before{font-size: 20px;}
.sc-img{background: url(../img/sc-img.jpg) no-repeat left center; width:80PX;height: 80PX;margin-right:15px;}
/*编辑安装单信息页面*/
/*.lable-fl{margin-top: -10px;display: -webkit-inline-box;}*/
.input-erc{text-align: right;height: 32px;margin-top: -10px; width: 70%;padding-top: 10px;}

/*弹层页面样式*/
.fix-cg{position: fixed; top: 0px;bottom: 0px;width: 100%;height: 100%;background-color: rgba(0,0,0,.5);}
.cg-tb{width: 3px;height: 17px;position: absolute;top: 14px;left: 7px;background-color: #08C3B3;}
.cg-sp{font-size: 14px;}