.clearfix:before,.clearfix:after {
    content:"";
    display:table;
}
.clearfix:after{clear:both;}
.clearfix{
    *zoom:1;/*IE/7/6*/
}
label {
	font-weight: normal;
}

a {
	text-decoration: none !important;
}
body,html{
	font-family: "微软雅黑";
}
body {
	background-color: #FFFFFF;
}

body,
input,
select,
textarea,

.mui-table-view.mui-grid-view .mui-table-view-cell,
.mui-table-view.mui-grid-view .mui-table-view-cell .mui-media-body {
	font-size: 16px;
	font-weight: 700;
	color: #252525;
}

body,
input,
select,
textarea,
.mui-table-view.mui-grid-view .mui-table-view-cell,
.mui-table-view.mui-grid-view .mui-table-view-cell .mui-media-body {
	font-size: 16px;
	font-weight: normal;
	color: #252525;
}
.ehand-pull-backtop {
	position: absolute;
	right: 10px;
	bottom: 10px;
	border-radius: 50%;
	width: 40px;
	height: 40px;
	line-height: 45px;
	background-color: rgba(211, 211, 211, 1);
	color: #007aff;
	font-size: 30px;
	text-align: center;
	-webkit-transition: opacity .5s;
	transition: opacity .5s;
	opacity: 0;
	z-index: 2;
	font-weight: bold;
}

.ehand-pull-backtop.in {
	opacity: 0.6;
	visibility: visible;
}

.mui-slider-item > .mui-scroll-wrapper > .mui-pull-top-pocket {
	top: 0px !important;
}

.mui-pull {
	font-size: 15px;
	font-weight: normal;
	color: #999;
	height: 50px;
	line-height: 50px;
	top: 0px;
	bottom: 0px;
}

.mui-pull-bottom-pocket,
.mui-pull-top-pocket {
	height: 50px;
	background-color: #f5f5f5;
}

.mui-pull-top-pocket .mui-pull-caption:before,
.mui-pull-bottom-pocket .mui-pull-caption-refresh:before {
	position: absolute;
	top: 0;
	left: 0;
	width: 40px;
	height: 60px;
	background-position: 50% 50%;
	background-image: url(img/loading_bi.gif);
	background-size: 100% 100%;
	background-repeat: no-repeat;
	margin-top: -10px;
	margin-left: -43px;
	content: " ";
}

.mui-pull-loading{
	display: none;
}

.mui-pull-loading.mui-icon {
	width: 36px;
	height: 36px;
	border: 2px solid !important;
	/*border-color: rgba(225, 225, 225, 0.5) !important;*/
	border-color: rgba(94, 200, 247, 0.5) !important;
	border-left-color: transparent !important;
	border-right-color: transparent !important;
	border-radius: 50% !important;
}

.mui-pull-loading.mui-icon:before,
.mui-pull-loading.mui-icon:after {
	display: none !important;
}

.mui-toast-container {
	z-index: 10001;
}

.mui-toast-message {
	font-size: 15px;
	color: #fff;
	padding: 5px;
	border-radius: 15px;
	background-color: rgba(101, 101, 101, 1);
}

.mui-toast-container.mui-active {
	opacity: 0.8;
}

.mui-table-view.mui-grid-view.mui-grid-9:after {
	height: 0px;
}

.mui-plus.mui-android .mui-popup-backdrop {}

.mui-plus.mui-android .mui-popup {
	-webkit-transition-duration: 400ms;
	transition-duration: 400ms;
	-webkit-transform: translate3d(-50%, -50%, 0) scale(1.185);
	transform: translate3d(-50%, -50%, 0) scale(1.185);
}

.mui-plus.mui-android .mui-popup.mui-popup-in {
	-webkit-transform: translate3d(-50%, -50%, 0) scale(1);
	transform: translate3d(-50%, -50%, 0) scale(1);
}

.mui-popup-button:after,
.mui-popup-inner:after {
	background-color: #ccc;
}

.mui-popup-button:after {
	width: 0px;
}

.mui-popup-button-bold {
	color: #ff6700;
}

.mui-popup .mui-input {
	margin: 0px;
}

.mui-icon.mui-active {
	color: #ff6700;
}

.ehand-grid-view.mui-grid-view>.mui-table-view-cell {
	padding: 5px !important;
}

.ehand-grid-view.mui-grid-view>.mui-table-view-cell>a {
	padding: 0px !important;
}

.mui-pull-bottom-tips .mui-spinner {
	margin-bottom: -5px;
}

.mui-pull-bottom-tips {
	text-align: center;
	background-color: none;
	font-size: 15px;
	line-height: 40px;
	color: #777;
}

.mui-segmented-control.mui-segmented-control-inverted .mui-control-item.mui-active {
	border-bottom: 2px solid #ff6700;
}

nav.mui-bar-tab {
	-webkit-box-shadow: 0 1px 6px #ccc !important;
	box-shadow: 0 1px 6px #ccc !important;
	z-index: 9;
	border: none !important;
}

.mui-pciker-list li.pciker-selected {
	background-color: #fff;
}

.mui-pciker-list li.pciker-selected:before {
	position: absolute;
	left: 50px;
	font-size: 24px;
	text-decoration: none;
	color: #007aff;
	font-family: Muiicons;
	content: "\e472";
}

.mui-push-bottom:after {
	content: "\e581";
}

.mui-content {
	background-color: #f5f5f5;
}

.mui-bar {
	background-color: #fff;
}

.mui-table-view-cell:after {
	/*left: 0px;*/
}

.mui-table-view-cell.nopadding:after {
	left: 0px;
}

.mui-table-view-cell.noafter:after {
	height: 0px;
}

.mui-input-group {
	margin-top: 10px;
}

.mui-input-group:first-child {
	margin-top: 20px;
}

.mui-slider-indicator .mui-indicator {
	display: inline-block;
	width: 8px;
	height: 8px;
	margin: 0 3px;
	text-indent: -999em;
	border: 2px solid #fff;
	border-radius: 6px;
	cursor: pointer;
	opacity: 0.4;
	-webkit-transition: background .5s, opacity .5s;
	-moz-transition: background .5s, opacity .5s;
	transition: background .5s, opacity .5s;
	background: #fff;
}

.mui-slider-number {
	text-align: right;
	padding-right: 10px;
}

.mui-slider-number .mui-number {
	border-radius: 50%;
	width: 40px;
	height: 40px;
	line-height: 40px;
	background-color: rgba(211, 211, 211, 0.6);
	color: #fff;
	font-size: 17px;
	text-align: center;
}

.mui-slider-indicator .mui-active.mui-indicator {
	background: #fff;
	opacity: 1;
}

.mui-search:before {
	display: none !important;
}

.mui-search .mui-placeholder {
	line-height: 40px;
}

.mui-indexed-list .mui-search .mui-icon-search {
	top: 6px;
}

.mui-indexed-list .mui-search .mui-placeholder {
	line-height: 34px;
}

.mui-search .mui-icon-search {
	transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-webkit-transition: all 0.5s ease-in-out;
	position: absolute;
	left: 5px;
	display: block !important;
}

.mui-active.mui-search .mui-placeholder {
	width: 30px;
	display: block !important;
}

.mui-active.mui-search .mui-placeholder span {
	display: none;
}

.mui-active.mui-search .mui-icon-search {
	transform: scale(-1, 1);
	-webkit-transform: scale(-1, 1);
	-moz-transform: scale(-1, 1);
	-o-transform: scale(-1, 1);
	-ms-transform: scale(-1, 1);
}

.mui-table-view.mui-grid-view .mui-table-view-cell {
	background-color: #fff;
}

.mui-grid-view .mui-table-view-cell.mui-active {
	background-color: #eee;
}


/*modal*/

.ehand-modal-checkcode .modal-body {
	padding: 0px !important;
}

.ehand-modal-checkcode .mui-input-group {
	margin: 0px;
}

.ehand-modal-checkcode .mui-input-group:before,
.ehand-modal-checkcode .mui-input-group:after,
.ehand-modal-checkcode .mui-input-row:after {
	height: 0px;
}

.ehand-modal .modal-footer {
	padding: 0px;
	text-align: center;
}

.ehand-modal-dg .modal-content {
	text-align: center;
}

.ehand-modal-dg .modal-body {
	padding: 30px;
}

.ehand-popover {
	background-color: #eee !important;
	border-top: solid 1px #ccc !important;
	box-shadow: 0 -5px 7px 0 rgba(0, 0, 0, .1) !important;
}

.ehand-popover .ehand-content-loader {
	top: 42px;
}

.ehand-popover .ehand-popover-header {
	padding: 6px;
	font-size: 16px;
	color: #888 !important;
}

.ehand-popover-header .mui-btn {
	font-size: 9pt;
	padding: 5px 10px;
}

.ehand-popover .ehand-popover-body {
	position: relative;
	width: 100%;
	height: 400px;
	border-top: solid 1px #ddd;
	background-color: #ddd !important;
}

.ehand-popover .ehand-popover-body .mui-table-view {
	margin: 0px;
}

.ehand-popover .mui-scroll-wrapper {
	margin: 0px;
	border-radius: 0px !important;
}

.ehand-popover .mui-table-view {
	text-align: left !important;
	background-color: #fff;
	border-radius: 0px !important;
	color: inherit !important;
}

.ehand-popover .mui-table-view-cell {
	border-radius: 0px !important;
}

.ehand-allowselect {
	-webkit-user-select: text !important;
	-ms-user-select: text !important;
	-moz-user-select: text !important;
}

.ehand-color-1 {
	color: rgb(228, 0, 15);
}

.ehand-color-2 {
	color: rgb(246, 29, 75);
}

.ehand-color-3 {
	color: rgb(49, 189, 128);
}

.ehand-color-4 {
	color: rgb(255, 78, 73);
}

.ehand-color-5 {
	color: rgb(244, 108, 0);
}

.ehand-color-6 {
	color: rgb(62, 163, 255);
}

.ehand-color-7 {
	color: rgb(255, 179, 25);
}

.ehand-color-8 {
	color: rgb(255, 125, 0);
}

.ehand-color-1 .fa:before {
	content: "\f024";
}

.ehand-color-2 .fa:before {
	content: "\f0a3";
}

.ehand-color-3 .fa:before {
	content: "\f0f3";
}

.ehand-color-4 .fa:before {
	content: "\f02e";
}

.ehand-color-5 .fa:before {
	content: "\f0f7";
}

.ehand-color-6 .fa:before {
	content: "\f06c";
}

.ehand-color-7 .fa:before {
	content: "\f0e7";
}

.ehand-color-8 .fa:before {
	content: "\f133";
}

.ehand-pre {
	text-align: left;
}

.ehand-center-block {
	display: block;
	margin-right: auto;
	margin-left: auto;
}

.ehand-text-center {
	text-align: center;
}

.ehand-search {
	line-height: 29px;
	font-size: 16px;
	text-align: center;
	color: #999;
	background-color: rgba(0, 0, 0, .1) !important;
	border-radius: 6px;
	height: 29px;
	margin: 6px 0px;
}

.ehand-search .mui-icon {
	position: absolute;
	font-size: 20px;
	color: #333;
	top: -6px;
}

.ehand-search .mui-icon-search {
	left: 5px;
}

.ehand-search .mui-icon-speech {
	right: 5px;
	color: #999;
}

.ehand-form-search {
	position: absolute;
	right: 50px;
	left: 40px;
}

.ehand-slider-segmented {
	position: absolute;
	top: 0px;
	bottom: 0px;
	height: 100%;
}

.ehand-slider-segmented .mui-slider-item.mui-control-content {
	border-top: none !important;
}

.ehand-slider-segmented > .mui-slider-group {
	height: 100%;
}

.ehand-slider-segmented .mui-segmented-control {
	position: fixed;
	z-index: 11;
	height: 50px;
	left: 45px;
	right: 45px;
	width: auto;
	display: block;
}

/*.ehand-slider-segmented .mui-segmented-control .mui-control-item {
    line-height: 47px;
    display: inline-block;
    width: auto;
    padding-left: 5px;
    padding-right: 5px;
    border-bottom: 2px solid #fff;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
}*/
.ehand-slider-segmented .mui-segmented-control {
    background-color: #fff;
    left: 0px;
    right: 0px;
    height:44px;
    /*border-bottom: 1px solid #DCDCDC;*/
}

.ehand-slider-segmented .mui-segmented-control .mui-control-item.mui-active {
	font-size: 18px !important;
	border-bottom: 2px solid #3FA4FD !important;
	color: #3FA4FD;
}

.ehand-active {
	background-color: #ff6700 !important;
	color: #fff !important;
}

.ehand-disable {
	color: #ccc !important;
}

.ehand-mbr-photo {
	border-radius: 50%
}

pre.ehand-pre {
	text-align: left;
	padding: 0px;
	margin: 0px;
	background: none;
	border: none;
	font-size: 16px;
}

.ehand-table-btn:before,
.ehand-table-btn:after,
.ehand-table-btn .mui-table-view-cell:before,
.ehand-table-btn .mui-table-view-cell:after {
	height: 0px;
}

.ehand-table-btn,
.ehand-table-btn a {
	border: none;
	border-radius: 6px;
	text-align: center;
}

.modal-footer .ehand-table-btn a {
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
}

.ehand-table-btn .ehand-btn-primary a {
	background-color: #007aff;
	color: #fff;
}

.ehand-table-btn .ehand-btn-primary a.mui-active {
	background-color: #0062CC;
	color: #fff;
}

.ehand-table-btn .ehand-btn-danger a {
	background-color: #dd524d;
	color: #fff;
}

.ehand-table-btn .ehand-btn-danger a.mui-active {
	background-color: #cf2d28;
	color: #fff;
}

.ehand-btn {
	display: inline-block;
}

.ehand-table-btn2 .mui-table-view-cell {
	width: 50%;
	float: left;
}

.ehand-table-btn2 .mui-table-view-cell:first-child a {
	border-bottom-right-radius: 0px;
}

.ehand-table-btn2 .mui-table-view-cell:last-child a {
	border-bottom-left-radius: 0px;
}

.modal-vldcode:after,
.modal-vldcode .mui-input-row:before,
.modal-vldcode .mui-input-row:after {
	height: 0px;
}


/*ani*/

.ehand-ani-spin {
	display: none;
	top: 50%;
	left: 50%;
	margin-left: -40px;
	margin-top: -40px;
	width: 80px;
	height: 80px;
	position: absolute;
	border: 3px solid;
	/*border-color: rgba(225, 225, 225, 0.5);*/
	border-color: rgba(94, 200, 247, 0.5);
	border-left-color: transparent;
	border-right-color: transparent;
	border-radius: 50%;
	animation: ehand-ani-spin 2s infinite;
	-webkit-animation: ehand-ani-spin 2s infinite;
}

@-webkit-keyframes ehand-ani-spin {
	0% {
		-webkit-transform: rotate(0deg);
	}
	50% {
		-webkit-transform: rotate(360deg);
	}
	100% {
		-webkit-transform: rotate(0deg);
	}
}

@keyframes ehand-ani-spin {
	0% {
		transform: rotate(0deg);
	}
	50% {
		transform: rotate(360deg);
	}
	100% {
		transform: rotate(0deg);
	}
}

.ehand-ani-l {
	-webkit-animation-duration: 0.3s;
	animation-duration: 0.3s;
}

.ehand-ani-m {
	-webkit-animation-duration: 0.5s;
	animation-duration: 0.5s;
}

.ehand-ani {
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
}

.ehand-ani-b {
	-webkit-animation-duration: 2s;
	animation-duration: 2s;
}

.modal-backdrop {
	-webkit-animation-duration: 0.3s;
	animation-duration: 0.3s;
	-webkit-animation-name: ehand-ani-fadein1;
	animation-name: ehand-ani-fadein1;
}

@-webkit-keyframes ehand-ani-fadein {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}

@keyframes ehand-ani-fadein {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}

.ehand-ani-fadein {
	-webkit-animation-name: ehand-ani-fadein;
	animation-name: ehand-ani-fadein;
}

@-webkit-keyframes ehand-ani-fadeout {
	from {
		opacity: 1;
	}
	to {
		opacity: 0;
	}
}

@keyframes ehand-ani-fadeout {
	from {
		opacity: 1;
	}
	to {
		opacity: 0;
	}
}

.ehand-ani-fadeout {
	-webkit-animation-name: ehand-ani-fadeout;
	animation-name: ehand-ani-fadeout;
}

@-webkit-keyframes ehand-ani-fadeout1 {
	from {
		opacity: 0.5;
	}
	to {
		opacity: 0;
	}
}

@keyframes ehand-ani-fadeout1 {
	from {
		opacity: 0.5;
	}
	to {
		opacity: 0;
	}
}

.ehand-ani-fadeout1 {
	-webkit-animation-name: ehand-ani-fadeout1;
	animation-name: ehand-ani-fadeout1;
}

@keyframes ehand-ani-fadein1 {
	from {
		opacity: 0;
	}
	to {
		opacity: 0.5;
	}
}

@-webkit-keyframes ehand-ani-fadein1 {
	from {
		opacity: 0;
	}
	to {
		opacity: 0.5;
	}
}

.ehand-ani-fadein1 {
	-webkit-animation-name: ehand-ani-fadein1;
	animation-name: ehand-ani-fadein1;
}

@-webkit-keyframes ehand-ani-slideinright {
	from {
		-webkit-transform: translate3d(100%, 0, 0);
		transform: translate3d(100%, 0, 0);
		visibility: visible;
	}
	to {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}

@keyframes ehand-ani-slideinright {
	from {
		-webkit-transform: translate3d(100%, 0, 0);
		transform: translate3d(100%, 0, 0);
		visibility: visible;
	}
	to {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}

.ehand-ani-slideinright {
	-webkit-animation-name: ehand-ani-slideinright;
	animation-name: ehand-ani-slideinright;
}

@-webkit-keyframes ehand-ani-slideoutright {
	from {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
	to {
		visibility: hidden;
		-webkit-transform: translate3d(100%, 0, 0);
		transform: translate3d(100%, 0, 0);
	}
}

@keyframes ehand-ani-slideoutright {
	from {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
	to {
		visibility: hidden;
		-webkit-transform: translate3d(100%, 0, 0);
		transform: translate3d(100%, 0, 0);
	}
}

.ehand-ani-slideoutright {
	-webkit-animation-name: ehand-ani-slideoutright;
	animation-name: ehand-ani-slideoutright;
}


/*ehand-loader*/

.ehand-loader {
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	position: absolute;
	z-index: 11;
	background: rgba(0, 0, 0, .4);
}

.ehand-content-loader {
	top: 0;
	left: 0px;
	right: 0px;
	bottom: 0px;
	position: absolute;
	background-color: rgba(0,0,0,.3);
	z-index: 9;
}

.loading-img-box{
	width: 80px;
	height: 80px;
	background: #fff;
	border-radius: 10px;
	position: absolute;
	top: 45%;
	left: 50%;
	margin-left: -40px;
	margin-top: -40px;
}

.ehand-logo-img {
	width: 50px;
	height: 75px;
	background-image: url(img/loading_bi.gif);
	background-size: 100% 100%;
	background-repeat: no-repeat;
	margin-left: 15px;
}

.ehand-logo-img:after {
	/*content: "加载中";
	width: 70px;
	height: 70px;
	text-align: center;
	line-height: 70px;*/
}


.ehand-content-error {
	position: absolute;
	top: 50%;
	text-align: center;
	left: 0px;
	right: 0px;
	font-size: 16px;
	line-height: 30px;
	color: #ccc;
}

.ehand-content-error button {
	color: #ccc;
}

.ehand-loader-bounce1,
.ehand-loader-bounce2 {
	width: 60px;
	height: 60px;
	border-radius: 50%;
	background-color: #ccc;
	opacity: 0.6;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -30px;
	margin-top: -30px;
	-webkit-animation: ehand-ani-bounce 2.0s infinite ease-in-out;
	animation: ehand-ani-bounce 2.0s infinite ease-in-out;
	background-image: url(../../images/logo.png);
	background-size: 100% 100%;
}

.ehand-loader-bounce2 {
	-webkit-animation-delay: -1.0s;
	animation-delay: -1.0s;
}

@-webkit-keyframes ehand-ani-bounce {
	0%,
	100% {
		-webkit-transform: scale(0.0)
	}
	50% {
		-webkit-transform: scale(1.0)
	}
}

@keyframes ehand-ani-bounce {
	0%,
	100% {
		transform: scale(0.0);
		-webkit-transform: scale(0.0);
	}
	50% {
		transform: scale(1.0);
		-webkit-transform: scale(1.0);
	}
}

.ehand-control-step {
	background-color: #777;
	padding: 0px 5px;
	margin-right: 2px;
	border-radius: 50%;
	color: #fff;
}

.mui-active .ehand-control-step {
	background-color: #ff6700;
}

.ehand-img-checkcode {
	width: 100px;
	height: 23px;
	cursor: pointer;
	position: absolute;
	right: 8px;
	top: 8px;
}

.ehand-slider-l .mui-slider-item {
	text-align: center;
}

.ehand-slider-s-title {
	color: #dd524d;
	font-size: 16px;
}

.ehand-slider-s-title:after,
.ehand-slider-s-title:before {
	height: 0px;
}

.ehand-slider-s:after {
	position: absolute;
	right: 0px;
	bottom: 0px;
	left: 0px;
	height: 1px;
	content: "";
	/*-webkit-transform: scaleY(0.5);*/
	/*transform: scaleY(0.5);*/
	background-color: #eee;
}

.ehand-slider-s .mui-table-view.mui-grid-view {
	padding: 0px;
}

.ehand-slider-s .mui-table-view.mui-grid-view .mui-table-view-cell {
	padding: 10px;
	margin: 0px;
}

.ehand-slider-s .mui-table-view.mui-grid-view .mui-table-view-cell > a:not(.mui-btn) {
	margin: 0px;
	padding: 0px;
	overflow: visible;
}

.ehand-slider-s .mui-slider-indicator {
	top: -3px;
	text-align: right;
	padding-right: 5px;
	height: 25px;
}


/*解决display:inline-block换行问题 */

.ehand-slider-s .mui-table-view.mui-grid-view .mui-table-view-cell {
	display: block;
	float: left;
}

.ehand-slider-s .mui-table-view.mui-grid-view {
	height: 70px;
}

.ehand-cls-title {
	/*color: #dd524d;*/
	height: 34px;
	line-height: 24px;
	position: relative;
	display: block;
	text-align: center;
	font-size: 16px;
	padding: 5px 0px 5px 0px;
	background-color: #fff;
}

.ehand-cls-title .line {
	position: relative;
	top: 50%;
	/*height: 1px;*/
	display: block;
	-webkit-transform: scaleY(0.5);
	transform: scaleY(0.5);
	background-color: #dd524d;
	opacity: 0.5;
	z-index: 1;
}

.ehand-cls-title .title {
	position: relative;
	/*background-color: #fff;*/
	padding-right: 5px;
	z-index: 2;
}

.ehand-cls-title .title .mui-icon {
	/*border: 1px solid;
	border-radius: 50%;
	text-align: center;
	vertical-align: middle;
	font-size: 18px;
	margin-left: 5px;
	margin-right: 5px;
	margin-top: -5px;*/
}

.mui-bar-nav ~ .ehand-cls-content {
	padding: 0px;
	margin: 0px;
}

.ehand-cls-content > :first-child.mui-table-view {
	margin: 0px;
}

.ehand-sku-prc,
.mui-tab-item.mui-active,
.mui-control-item.mui-active,
.mui-bar-nav a {
	/*color: #ff6700 !important;*/
}

.mui-tab-item.mui-active:active,
.mui-control-item.mui-active:active,
.mui-bar-nav a:active {
	color: #ff6700;
	opacity: .3;
}

.ehand-badge {
	background-color: #ff6700 !important;
}

.ehand-color-main {
	color: #252525;
}

.ehand-color-light {
	color: #c8c7cc;
}

.ehand-color-light2 {
	color: rgb(204, 204, 204);
}

.myFont {
	font-weight: 900;
}

.ehand-alert-warning {
	text-align: center;
	background-color: #fcf8e3;
	color: #8a6d3b;
	padding: 10px;
}

.ehand-textarea {
	border-radius: 0px !important;
	border-left: none !important;
	border-right: none !important;
}

.ehand-content-padding {
	padding: 52px 5px 0px 5px !important;
}

.ehand-label-padding {
	padding: 0px !important;
	margin: 0px !important;
	margin: 3px 0px 0px 0px !important;
}

.ehand-input-row {
	height: 40px !important;
}


.mui-btn-blue, .mui-btn-primary, input[type=submit] {
    color: #fff !important;
    border: 1px solid #3fa4fd;
    background-color: #3fa4fd;
}
/*.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: #3fa4fd;
    border-color: #3fa4fd;
    border-left: 1px solid #3fa4fd;
}*/
textarea{border: 1PX solid #ccc;}
/*placeholder字体大小*/
::-webkit-input-placeholder { /* WebKit, Blink, Edge */

    font-size:14px;
    font-weight:normal;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */

    font-size:14px;
     font-weight:normal;
    
}
::-moz-placeholder { /* Mozilla Firefox 19+ */

    font-size:14px;
     font-weight:normal;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */

    font-size:14px;
     font-weight:normal;
    
}
.mui-h4{font-size:16px;color:#333;font-weight:normal;}

.mui-h5{color:#333;font-style:normal;}
.mui-segmented-control {
    font-size: 15px;
    font-weight: 400;
    position: relative;
    display: table;
    overflow: hidden;
    width: 100%;
    table-layout: fixed;
    border: 1px solid #3fa4fd;
    border-radius: 3px;
    background-color: transparent;
    -webkit-touch-callout: none;
}
.mui-badge-blue, .mui-badge-primary {
    color: #fff;
    background-color: #3fa4fd;
}

.msg-content {
	clear: both;
	margin-left:50px;
	
}
.c-gray{color:#8f8f94}
.mui-bar-nav {
    top: 0;
    -webkit-box-shadow: 0 1px 6px #FFFFFF;
    box-shadow: 0 1px 6px #FFFFFF;
    
}

.mui-bar-nav:after {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    height:0px;
    content: '';
    -webkit-transform: scaleY(.5);
    transform: scaleY(.5);
    background-color: #FFFFFF;
}

.l-22{line-height:22px;}
.bg_main{background:#f5f5f5}

/*弹出框通用样式*/
.mui-content {
    background-color: #FFFFFF;
}
.fixd{position:absolute;top:0px;left:0px;height:50px;width:100%;
background:#FFFFFF;z-index:100000;border-bottom:1px solid #e3e3e3;padding:10px 0px;z-index:1000}
.fixdbt{position:absolute;bottom:0px;left:0px;height:50px;width:100%;
background:#FFFFFF;z-index:100000;border-bottom:1px solid #e3e3e3;padding:10px 0px;z-index:1000}
.boxflex{
  display: -webkit-flex; /* Safari */
  display: flex;
   flex-direction:row;
   justify-content:space-around;
   width:100%;

}

.boxitem{height:30px;line-height:30px;color:#3fa4fd;flex:1;text-align:center;}
.br{border-right:1px solid #cecece;}

/*重写弹出框通用样式*/
.fixdTwo {
	width: 100%;
	background-color: #ecf7fd;
	height: 49px;
	width: 100%;
    padding: 8.5px 10%;
    position:absolute;
    top:0px;
    left:0px;
    -webkit-box-shadow: 2px 2px 4px rgba(0,0,0,.09);
    box-shadow: 2px 2px 4px rgba(0,0,0,.09);
}
.fixdTwo.fixdThree {
	padding: 8.5px 12%;
}
.boxitemTwo{
	height: 31px;
	line-height: 31px;
	/*width: 21%;*/
	width: 64px;
	border: 1px solid #3fa4fd;
	flex: 0 1 auto;
	border-radius: 38px;
	text-align: center;
	float: left;
	color: #3fa4fd;
}
.fixdTwo.fixdThree .boxitemTwo{
	width: 64px;
}
.align-self {
	background-color: #3fa4fd;
	color: #fff;
}
.mui-tab-item.mui-active:active, .mui-control-item.mui-active:active, .mui-bar-nav a:active{
	opacity: 1;
}
/*.boxflexTwo {
    display: flex;
    justify-content: space-between;
    width: 86%;
    margin: 0 7%;
    
}*/
.flex-box{
	display: flex;
    justify-content: space-between;
}
.flex-box .boxitemTwo{
	width: 100px;
}
.boxflexThree {
    display: flex;
    justify-content: space-between;
    width: 74%;
    margin: 0 15% 0 11%;
}

.boxflexThree .boxitemTwo{
	width: 100px;
}

.boxitemTwo:first-child{
	margin-right: 7%;
}
@media screen and (max-width:320px){
	.boxitemTwo{
		height: 36px;
		line-height: 36px;
		border-radius: 36px;
		width: 68px;
	}
	.fixdTwo{
		padding: 9.5px 7%;
	}
	.boxitemTwo:first-child{
    	margin-right: 4%;
    }
	
}
/*复选款颜色*/
.mui-checkbox input[type=checkbox]:checked:before, .mui-radio input[type=radio]:checked:before {
    color: #3FA4FD;
}
.c_blue{#3fa4fd}
.op10{padding:0 10px;}
.bggray{background:#f5f5f5;}
.check-div {
	float: left !important;
	}
			
.check-label {
	margin-top: 10px !important;
	font-size: 12px !important;
}
.bpading{padding:10px 20px;}
.flex_box_329{		  		
	width: 100%;
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	align-items:center; /*垂直*/
	flex-wrap:wrap;/*超出宽度强制换行*/
	/*margin:0 10px;*/
	background:#f2f2f2;
	padding:8px 5px 0 6px;
}
.flex_item_329{
	width:31%;	
	text-align:center;
	max-height:140px;
	margin: 1%;
	background-color: #FFFFFF;			
	/*padding-top:0px;*/
	border-radius:2px;
}	
/*边框线，底部自定义*/
.p_border1{min-height:32px;line-height:32px;}
.p_border{position: relative;border-bottom: none !important;min-height:38px;line-height:38px;}
/*.p_border:after {
    content: " ";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    background-color: #D5D5D6;
    -webkit-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: scaleY(0.5);
    -ms-transform: scaleY(0.5);
    transform: scaleY(0.5);
}*/
/*移出背景变灰效果*/
.mui-table-view-cell.mui-active{
	background-color:#fff;
}
.mui-icon-left-nav{color:#ffffff;}
a {
    text-decoration: none;
    color: #3FA4FD;
}
.mui-bar {
    background-color:#ECF6FD;
}
.gray_border{border: 1px solid #999999 !important;color:#999999!important;}
.ehand-alert-warning .suona-icon,#tips .suona-icon{
	width: 14px;
	margin-right: 8px;
	vertical-align: -13%;
}
.mui-table-view-cell .p_border .mui-h6, h6,.mui-table-view-cell .p_border1 .mui-h6, h6,
.mui-table-view-chevron .m-t-3 .mui-h6, h6,
.mui-table-view-cell .mui-h5 .mui-h6{
	font-size: 14px;
	font-weight: normal;
}
.mui-table-view-chevron .m-t-3{
	line-height: 34px;
	height: 34px;
}
.mui-input-row label{
	font-family: "微软雅黑";
}
input, select, textarea{
	font-family: "微软雅黑";
}
.mui-radio input[type=radio]:checked:before,.mui-checkbox input[type=checkbox]:checked:before{
	content: '';
	background-image: url(../../images/comm/radio-checked.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 24px 24px;
	width: 24px;
	height: 24px;
	position: absolute;
	top: 0px;
	left: 2px;
}
.mui-radio input[type=radio]:before,.mui-checkbox input[type=checkbox]:before{
	content: '';
	background-image: url(../../images/comm/radio-n.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 24px 24px;
	width: 24px;
	height: 24px;
	position: absolute;
	top: 0px;
	left: 2px;
}
.mui-checkbox input[type=checkbox]:checked:before{
	background-image: url(../../images/comm/box-checked.png);
}
.mui-checkbox input[type=checkbox], .mui-radio input[type=radio]{
	top: 0px;
}