/*全局样式*/
* {
	margin: 0;
	padding: 0;
	-webkit-text-size-adjust: none;
	-webkit-appearance: none;
	box-sizing: border-box;
}

.text-center {
	text-align: center !important;
}

.order-status h4 {
	font-size: 14px;
	text-align: center;
	color: #333;
	font-weight: normal;
	margin-bottom: 10px;
}

.pay-entry .price-old {
	font-size: 12px;
	color: #888;
	margin-left: 5px;
	text-decoration: line-through;
}

.fu-result {
	margin: 50px 25px 30px;
	background-color: #fff;
	padding: 20px 0;
	border: 1px dashed #e4e4e4;
}

	.fu-result h4 {
		font-size: 16px;
		color: #F79800;
	}

html {
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.fu-result {
	margin: 50px 25px 30px;
	background-color: #fff;
	padding: 20px 0;
	border: 1px dashed #e4e4e4;
}

	.fu-result h4 {
		font-size: 16px;
		color: #F79800;
	}

body {
	max-width: 640px;
	margin: 0 auto;
	color: #383838;
	font-family: Arial, 'Microsoft Yahei';
	/* font-size: 14px; font-size: 1.4rem; line-height: 1.5em; */
	background: #f7f8fa;
	overflow-y: scroll;
	overflow-scrolling: touch;
	-webkit-overflow-scrolling: touch;
}

ul {
	padding: 0;
}

li {
	list-style: none;
}

.inline-block {
	display: inline-block;
	vertical-align: middle;
}
/* 去除图片长按保存功能 */
img {
	pointer-events: none;
}

.img-full {
	width: 100%;
	margin: 0 auto;
	display: block;
}

.imgH-full {
	width: auto;
	height: 100%;
	margin: 0 auto;
	display: block;
	position: relative;
	left: 50%;
	transform: translateX(-50%);
}

@font-face {
	font-family: DIN;
	src: url(../fonts/DIN.ttf);
}

.iconfont {
	font-family: "iconfont" !important;
	font-size: 16px;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-webkit-text-stroke-width: 0.2px;
	-moz-osx-font-smoothing: grayscale;
}
/*浮动*/
.clearfix {
	*zoom: 1;
}

	.clearfix:before,
	.clearfix:after {
		display: table;
		content: "";
		line-height: 0;
	}

	.clearfix:after {
		clear: both;
	}

.fl {
	float: left;
}

.fr {
	float: right;
}

.fz10 {
	font-size: 1rem !important;
}

.fz11 {
	font-size: 1.1rem !important;
}

.fz12 {
	font-size: 1.2rem !important;
}

.fz13 {
	font-size: 1.3rem !important;
}

.fz14 {
	font-size: 1.4rem !important;
}

.fzx14 {
	font-size: 14px !important;
}

.fz15 {
	font-size: 1.5rem !important;
}

.fz16 {
	font-size: 1.6rem !important;
}

.fz18 {
	font-size: 1.8rem !important;
}

.fz20 {
	font-size: 2rem !important;
}

.fz10-black {
	font-size: 10px !important;
	color: #1C1C1C !important;
}

.fz10-blue {
	font-size: 10px !important;
	color: #0193F1 !important;
}

.fz10-gray {
	font-size: 10px !important;
	color: #9b9b9b !important;
}

.fz12-blue {
	font-size: 12px !important;
	color: #449efc !important;
}

.fz12-gray {
	font-size: 12px !important;
	color: #9b9b9b !important;
}

.fz12-orange {
	font-size: 12px !important;
	color: #F99716 !important;
}

.fz12-black {
	font-size: 12px !important;
	color: #444 !important;
}

.fz13-orange {
	font-size: 13px !important;
	color: #F99716 !important;
}

.fz14-blue {
	font-size: 14px !important;
	color: #449EFC !important;
}

.fz16-blue {
	font-size: 16px !important;
	color: #449EFC !important;
}

.fz16-black {
	font-size: 16px !important;
	color: #111 !important;
}

.color-black {
	color: #111 !important;
}

.color-blue {
	color: #449EFC !important;
}

.color-gray {
	color: #9b9b9b !important;
}

.color-orange {
	color: #F99716 !important;
}

.color-red {
	color: red !important;
}

.bg-black {
	background: #0A223E;
}

.bg-white {
	background: #fff;
}

.bg-grey {
	background: #f5f6fc;
}

.bg-f2 {
	background-color: #f2f2f2;
}

.mr3 {
	margin-right: 3px !important;
}

.mr5 {
	margin-right: 5px !important;
}

.mr10 {
	margin-right: 10px !important;
}

.mr15 {
	margin-right: 15px !important;
}

.ml3 {
	margin-left: 3px;
}

.ml5 {
	margin-left: 5px;
}

.ml10 {
	margin-left: 10px;
}

.ml15 {
	margin-left: 15px;
}

.m0 {
	margin: 0 !important;
}

.mt5 {
	margin-top: 5px !important;
}

.mt10 {
	margin-top: 10px !important;
}

.mt15 {
	margin-top: 15px !important;
}

.mt20 {
	margin-top: 20px !important;
}

.mt25 {
	margin-top: 25px !important;
}

.mt30 {
	margin-top: 30px !important;
}

.mt35 {
	margin-top: 35px !important;
}

.mt40 {
	margin-top: 40px !important;
}

.mt45 {
	margin-top: 45px !important;
}

.mt50 {
	margin-top: 50px !important;
}

.mt60 {
	margin-top: 60px !important;
}

.mt80 {
	margin-top: 80px !important;
}

.mt100 {
	margin-top: 100px !important;
}

.mb30 {
	margin-bottom: 30px !important;
}

.pt10 {
	padding-top: 10px !important;
}

.pb20 {
	padding-bottom: 20px !important;
}

.pb25 {
	padding-bottom: 25px !important;
}

.img-full {
	width: 100%;
	margin: 0 auto;
	display: block;
}

.width-full {
	width: 100% !important;
}

.box {
	display: box;
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	justify-content: center;
	-webkit-justify-content: center;
	/*水平居中*/
	align-items: center;
	-webkit-align-items: center;
	/*垂直居中*/
	-webkit-box-pack: center;
	-webkit-box-align: center;
}

.box-flex {
	box-flex: 1;
	-webkit-box-flex: 1;
	flex: 1;
	-webkit-flex: 1;
	overflow: hidden;
	display: block;
}

.box-flex2 {
	flex: 2 !important;
	-webkit-flex: 2 !important;
	box-flex: 2;
	-webkit-box-flex: 2;
}

.btn {
	display: block;
	height: 44px;
	border: none;
	width: 90%;
	line-height: 46px;
	text-align: center;
	font-size: 18px;
	margin: 20px auto 0;
	color: #fff;
	font-weight: normal;
	background: rgba(255, 234, 0, 1);
	box-shadow: 0px 5px 0px 0px rgba(242, 148, 0, 1);
	border-radius: 10px;
}

	.btn a {
		font-size: 18px;
		font-weight: 400;
		color: rgba(255, 90, 0, 1);
	}

.jianhao {
	font-style: normal;
	font-size: 10px;
	margin-right: 2px;
	display: inline-block;
	vertical-align: middle;
}

.jiantou {
	font-style: normal;
	font-size: 20px;
	color: #888;
}
/*mui重置*/
.mui-table-view:after {
	height: 0;
}

.mui-table-view-cell:after {
	background-color: #E2E2E2;
	left: 10px;
	right: 10px;
}

.mui-backdrop {
	background: rgba(0, 0, 0, 0.6);
}

.mui-popup {
	overflow: initial !important;
	-webkit-transform: translate3d(-50%,-50%,0) scale(1) !important;
	transform: translate3d(-50%,-50%,0) scale(1) !important;
}

.btm-btn {
	margin-bottom: 20px;
}

.btn-big {
	width: 90%;
	margin: 20px auto 0px;
	height: 44px;
	line-height: 28px;
	display: block;
	background: #449efc;
	color: #fff;
	border: 1px solid #449efc;
	font-size: 17px;
}

.mui-btn-outlined.btn-big {
	background: none;
	color: #449efc;
}

/* 加载中 */
.refuel-loading {
	width: 36vw !important;
	height: 36vw;
	padding-top: 10vw;
	box-shadow: none;
	background: rgba(0, 0, 0, 0.6);
	border-radius: 10px;
	position: fixed;
	left: 50%;
	top: 50%;
	margin-left: -18vw;
	margin-top: -18vw;
	display: none;
	z-index: 9999;
}

	.refuel-loading .mui-pull-loading {
		display: block;
		margin: 0 auto;
		width: 40px;
		height: 40px;
		text-align: center;
	}

	.refuel-loading .mui-pull-caption {
		margin-top: 2vw;
		color: #fff;
		font-weight: normal;
	}

.refuel-dialog.mui-popover.mui-popover-action {
	background: #fff;
	left: 0;
}

.refuel-dialog .refuel-title {
	border: 1px solid #e2e2e2;
	position: relative;
	text-align: center;
	height: 58px;
	line-height: 58px;
}

	.refuel-dialog .refuel-title .icon-guanbi {
		position: absolute;
		top: 20px;
		right: 20px;
		font-size: 14px;
	}

.refuel-dialog .mui-popup-text {
	color: #9b9b9b;
}

/* 地区选择+搜索 */
.index-search-box {
	z-index: 999;
	margin: 12px 10px 10px;
}

	.index-search-box .side {
		color: #333;
		position: relative;
		padding: 0 15px;
		font-size: 14px;
	}

		.index-search-box .side:after {
			content: '';
			background-color: #e2e2e2;
			width: 1px;
			height: 60%;
			position: absolute;
			right: 0;
			top: 20%;
		}

	.index-search-box .mui-select {
		padding-right: 30px;
		display: inline-block;
		vertical-align: middle;
		line-height: 33px;
		width: 110px;
		overflow: hidden;
		height: 33px;
		text-overflow: ellipsis;
		white-space: nowrap;
	}

	.index-search-box .mui-search .mui-placeholder {
		pointer-events: none;
	}

	.index-search-box .mui-select select {
		background: none;
		margin: 0;
		padding: 0;
	}

	.index-search-box .mui-select:before {
		color: #000 !important;
		top: 0px !important;
		right: 10px !important;
		z-index: 0;
	}

	.index-search-box .refuel-search {
		min-width: 100px;
		display: inline-block;
		vertical-align: middle;
	}

	.index-search-box .icon-ditu1 {
		font-size: 18px;
		color: #166BCE;
		margin: 15px 10px 5px 2px;
	}

	.index-search-box .resetPos {
		color: #5A5A68;
		margin-right: 10px;
		font-size: 13px;
	}

		.index-search-box .resetPos i {
			margin-right: 5px;
			font-size: 18px;
			color: #5A5A68;
			vertical-align: -10%;
		}

	.index-search-box .box-flex {
		background: #F1F4F6;
		border-radius: 20px;
		margin-right: 10px;
		display: flex;
	}

.refuel-search input[type='search'],
.refuel-search input[type='text'] {
	background: transparent;
	/* border: 1px solid #e2e2e2; */
	margin: 0;
	height: 33px;
	width: 100%;
	border-radius: 20px;
}

.refuel-search.mui-active:before {
	margin-top: -11px;
}

.refuel-search .mui-placeholder .mui-icon {
	margin-right: 3px;
	vertical-align: -10%;
}

.refuel-search .mui-placeholder {
	font-size: 12px;
	border-radius: 20px;
}




/* 未开通定位 */
.unopen-tips {
	padding: 100px 0 30px;
}

	.unopen-tips img {
		margin-bottom: 20px;
	}

	.unopen-tips p {
		text-align: center;
		font-size: 16px;
		color: #606060;
	}

/*首页列表*/
.refuel-title {
	font-size: 18px;
	color: #333;
	line-height: 22px;
	font-weight: normal;
	margin-top: 0;
}

.index-card-content {
	background: #fff;
}

	.index-card-content .mui-table-view .mui-media-object {
		max-width: initial;
		width: 110px;
		height: 90px;
		overflow: hidden;
		border-radius: 10px;
	}

		.index-card-content .mui-table-view .mui-media-object img {
			height: 100%;
		}

	.index-card-content .mui-table-view::before {
		height: 0;
	}

	.index-card-content .box-flex {
		margin-right: 5px;
	}

.now-price {
	color: #0193F1;
	font-size: 18px;
	margin-right: 5px;
}

	.now-price i {
		font-style: normal;
		font-size: 12px;
	}

.old-price {
	color: #b2b2b2;
	font-size: 10px;
	text-decoration: line-through;
	vertical-align: 10%;
}

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

	.mui-content > .mui-table-view:first-child {
		margin-top: 1px;
	}

footer.mui-bar {
	background: #fff !important;
	height: auto !important;
	text-align: center;
	bottom: 0 !important;
	padding: 1px 0 4px !important;
}

	footer.mui-bar .mui-tab-label {
		color: #9B9B9B;
		font-size: 11px;
		display: block;
		overflow: hidden;
		text-overflow: ellipsis;
	}

	footer.mui-bar .mui-icon {
		width: 24px;
		height: 24px;
		font-size: 1.2rem;
		color: #D1D1D1;
		padding-top: 8px !important;
		padding-bottom: 12px !important;
		top: 2px;
		display: inline-block;
		text-align: center;
		position: relative;
	}





footer .mui-active .mui-icon,
footer .mui-active .mui-tab-label {
	color: #229fff;
}

/* 门店详情 */
.yy_business {
	background-color: #fff;
	margin-bottom: 10px;
	border-top: 1px solid #f2f2f2;
}

.yy_business_list {
	width: 94%;
	margin: auto;
	padding: 15px 0;
}

	.yy_business_list .side {
		display: inline-block;
		width: 105px;
		height: 88px;
		overflow: hidden;
	}

.yy_business_text {
	display: inline-block;
	text-align: left;
	width: auto;
}

	.yy_business_text h1,
	.cg h1 {
		font-size: 1.6rem;
		font-weight: normal;
		color: #111;
	}

	.yy_business_text h1 {
		margin-bottom: 10px;
	}

	.yy_business_text p {
		text-align: left;
		color: #8D8D8D;
		font-size: 12px;
		line-height: 1.5;
		margin-bottom: 5px;
	}

		.yy_business_text p:last-child {
			margin-bottom: 0;
		}

	.yy_business_text .now-price {
		font-size: 25px;
	}

	.yy_business_text .car-type {
		color: #F99716;
		font-size: 12px;
		margin-right: 3px;
	}

	.yy_business_text .original-price {
		margin-left: 0.2rem;
		text-decoration: line-through;
	}

.yy_business_zx {
	width: 100%;
	text-align: center;
	border-top: 1px solid #f2f2f2;
	border-bottom: 1px solid #f2f2f2;
	line-height: 50px;
	font-size: 1rem;
	background-color: #fff;
}

	.yy_business_zx li {
		display: inline-block;
		width: 49%;
		position: relative;
		font-size: 16px;
	}

	.yy_business_zx .icon {
		vertical-align: middle;
		margin-right: 5px;
		color: #333;
	}

	.yy_business_zx li a {
		color: #2e2e2e;
	}

	.yy_business_zx .yysc .icon,
	.yy_business_zx .yysc a {
		color: #449EFC;
	}

	.yy_business_zx li span {
		margin-left: 3%;
		font-size: 1.3rem;
	}

time {
	color: #449EFC;
	background: #EDF8FF;
	border-radius: 20px;
	padding: 1px 8px;
	height: 16px;
	line-height: 16px;
	vertical-align: middle;
	display: inline-block;
	font-size: 12px;
}

.store-banner {
	max-height: 50vw;
	overflow: hidden;
}

.store-info {
	padding: 20px 15px 10px;
	background-color: #fff;
	align-items: initial;
	-webkit-align-items: initial;
	border-radius: 20px 20px 0 0;
	margin-top: -20px;
	position: relative;
}

	.store-info h2 {
		font-size: 19px;
		margin: 0 0 10px;
	}

		.store-info h2 span {
			background: url(../Images/icon-yy.png) center no-repeat;
			background-size: 100%;
			font-size: 10px;
			color: #fff;
			padding: 4px 4px 7px;
			margin-left: 8px;
			vertical-align: middle;
			display: inline-block;
		}

			.store-info h2 span.xx {
				background: url(../Images/icon-xx.png) center no-repeat;
				background-size: 100%;
			}

	.store-info .side {
		text-align: center;
		color: #449EFC;
		position: relative;
	}

		.store-info .side p {
			color: #449EFC;
			margin: 0;
		}

	.store-info .btn-blue {
		background: #FFFFFF;
		border-color: #0193F1;
		border-radius: 14px;
		font-size: 11px;
		color: #0193F1;
		padding: 4px 10px;
		line-height: 1.5;
		margin-top: 10px;
	}

		.store-info .btn-blue:active {
			background: #0193F1;
			color: #FFFFFF;
		}

.invoice-entry .mui-input-row {
	background: #fff;
	position: relative;
}

	.invoice-entry .mui-input-row label {
		padding-top: 16px;
		padding-bottom: 16px;
		font-size: 14px;
		display: inline-block;
		color: #2c2c2c;
		width: auto;
	}

		.invoice-entry .mui-input-row label span {
			margin-left: 15px;
		}

	.invoice-entry .mui-input-row .mui-text-right {
		text-align: right !important;
		padding: 16px 15px;
		font-size: 16px;
		margin: 0;
	}

	.invoice-entry .mui-input-row:after {
		position: absolute;
		bottom: 0;
		right: 10px;
		left: 10px;
		height: 0px;
		content: '';
		-webkit-transform: scaleY(.5);
		transform: scaleY(.5);
		background-color: #e2e2e2;
	}

	.invoice-entry .mui-input-row:last-child:after {
		height: 0;
	}

.invoice-entry .mui-table-view::before {
	height: 0;
}


.invoice-entry .fuwu {
	margin: 0 auto;
	text-align: center;
}

	.invoice-entry .fuwu label {
		float: none;
		background: #F2F6F8;
		border-radius: 10px;
		width: 90%;
		padding: 14px 0;
	}

.invoice-entry .content {
	padding: 30px 15px;
}

.invoice-entry .selelct-xiche-type .mui-media-object {
	width: 60px;
	max-width: initial;
	line-height: 60px;
	height: 60px;
	padding: 7px 0;
	box-shadow: 0px 3px 3px 0px rgb(167 167 167 / 17%);
	border-radius: 10px;
}

.invoice-entry .selelct-xiche-type .refuel-title {
	font-size: 14px;
	color: #2c2c2c;
}


.invoice-entry .selelct-xiche-type .mui-h6 {
	font-size: 12px;
	color: #0193F1;
}

	.invoice-entry .selelct-xiche-type .mui-h6 span {
		font-size: 17px;
	}

.invoice-entry .selelct-xiche-type .mui-btn {
	background: #0193F1;
	color: #fff;
	border-color: #0193F1;
	border-radius: 30px;
	font-size: 13px;
	padding: 3px 11px;
}

.selelct-xiche-type {
	background: #fff;
	padding-bottom: 15px;
}

	.selelct-xiche-type ul {
		background: #F2F6F8;
		border-radius: 10px;
		width: 90%;
		margin: 0 auto;
	}

.pay-entry {
	margin: 0 auto;
	width: 92%;
}

	.pay-entry .mui-table-view-cell, .pay-entry .mui-table-view {
		border-radius: 6px;
	}

	.pay-entry .mui-table-view-cell-middle {
		background-color: #fff;
		padding: 5px;
	}

	.pay-entry .mui-input-row input[type=text] {
		height: 49px;
		font-size: 16px;
	}

	.pay-entry .mui-input-row .mui-navigate-right {
		padding: 20px 15px;
	}

	.pay-entry .mui-input-row .mui-badge {
		color: #F99716;
		font-size: 14px;
	}

		.pay-entry .mui-input-row .mui-badge.plant {
			font-size: 20px;
			display: inline-block;
			vertical-align: middle;
			color: #449EFC;
			font-weight: normal;
			background: none;
			border: none;
			box-shadow: none;
			right: 0;
		}

	.pay-entry .mui-numbox {
		width: 75px;
		height: 22px;
		padding: 0;
		border: none;
	}

		.pay-entry .mui-numbox [class*=btn-numbox],
		.pay-entry .mui-numbox [class*=numbox-btn] {
			background-color: #449EFC;
			width: 22px;
			border-radius: 50%;
			color: #fff;
		}

			.pay-entry .mui-numbox [class*=btn-numbox][disabled],
			.pay-entry .mui-numbox [class*=numbox-btn][disabled] {
				background-color: #e2e2e2;
				opacity: 1;
			}



		.pay-entry .mui-numbox .mui-input-numbox,
		.pay-entry .mui-numbox .mui-numbox-input {
			border: none !important;
			color: #333;
			font-size: 16px;
		}

.fixed-btm {
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.24);
	padding: 10px;
}

	.fixed-btm .yy_business_zx {
		border: none;
	}

	.fixed-btm .yysc {
		color: #fff;
		background: linear-gradient( 90deg, #3DB4FF, #0082D5);
		width: 100%;
		border-radius: 30px;
		line-height: 45px;
		color: #fff;
	}

		.fixed-btm .yysc a {
			color: #fff;
			display:block;
		}

/* 订单成功 */
.order-status-img {
	width: 51%;
	margin: 30px auto 10px;
}

.order-status h3 {
	font-size: 20px;
	text-align: center;
}

	.order-status h3 span {
		font-size: 36px;
		margin-left: 3px;
	}

.order-status p {
	text-align: center;
	font-size: 16px;
	color: #333;
	margin: 35px 0 10px;
}

.order-status .btm-btn {
	margin-top: 30px;
}

.order-status .mui-btn {
	border-radius: 30px;
	width: 70%;
	box-shadow: none;
}

.order-status .btn a {
	color: #fff;
}

.order-status ul {
	width: 85%;
	margin: 0 auto;
}

.order-status li {
	font-size: 13px;
	color: #888;
}

	.order-status li span {
		color: #D02020;
	}

/* 订单列表 */
.no-order {
	height: calc(100vh - 110px);
	background: #fff;
	padding-top: 120px;
}

	.no-order img {
		width: 55%;
		margin: 0 auto 0;
		display: block;
	}

	.no-order h3 {
		color: #111;
		font-size: 22px;
		margin: 30px auto 10px;
		font-weight: normal;
	}

	.no-order p {
		color: #9b9b9b;
		font-size: 14px;
	}

/*选项卡*/
.refuel-tab {
	position: relative;
	box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.07);
	bottom: auto;
}

	.refuel-tab .mui-tab-item {
		font-size: 12px;
		background: #fff;
		font-weight: 400;
		color: #9b9b9b;
	}

	.refuel-tab .mui-active {
		font-size: 14px;
		color: #449EFC !important;
	}

.order-list .mui-table-view {
	background: none;
}

.order-list .mui-table-view-cell {
	background: #fff;
	margin-bottom: 10px;
}

	.order-list .mui-table-view-cell:after {
		height: 0;
	}

.mui-table-view-cell-top {
	padding: 5px 0;
}

.mui-table-view-cell-middle {
	position: relative;
	background: #fafafa;
	padding: 15px;
}

	.mui-table-view-cell-middle .oilNum {
		background: #FFC726;
		border-radius: 2px;
		color: #111;
		font-size: 10px;
		margin-left: 5px;
		padding: 0 7px;
	}

	.mui-table-view-cell-middle .mui-media-object {
		max-width: initial;
		width: 95px;
		height: 80px;
		overflow: hidden;
		margin-right: 15px !important;
	}

	.mui-table-view-cell-middle .refuel-title {
		font-size: 16px;
	}

	.mui-table-view-cell-middle p {
		color: #D02020;
		font-size: 12px;
	}

.mui-table-view-cell-bottom .price {
	font-size: 14px;
	color: #333;
	line-height: 24px;
	display: inline-block;
	vertical-align: middle;
}

	.mui-table-view-cell-bottom .price span {
		font-size: 20px;
		font-family: DINAlternate-Bold;
		margin-left: 5px;
	}

.mui-table-view-cell-bottom {
	padding: 10px 0 0;
}

	.mui-table-view-cell-bottom .look-qrcode {
		border-radius: 4px;
		border: 1px solid rgba(68, 158, 252, 1);
		padding: 6px;
		margin-left: 8px;
	}

	.mui-table-view-cell-bottom .cancel-order {
		border-radius: 4px;
		border: 1px solid #9b9b9b;
		padding: 6px;
	}

.invalid .mui-table-view-cell-middle .refuel-title,
.invalid .mui-table-view-cell-middle p {
	color: #888;
}

.order-state2 {
	background: linear-gradient(135deg, rgba(111, 217, 255, 1) 0%, rgba(62, 132, 253, 1) 100%);
	padding: 30px 4vw 60px 5vw;
}

	.order-state2 .side {
		width: 32vw;
		clear: both;
	}

	.order-state2 .order-title {
		text-align: left;
		color: #fff;
	}

		.order-state2 .order-title h3 {
			font-weight: normal;
			font-size: 20px;
		}

		.order-state2 .order-title p {
			color: #fff;
			font-size: 14px;
		}

		.order-state2 .order-title span {
			font-size: 2.2rem;
			vertical-align: middle;
		}

	.order-state2 .mui-btn-outlined.btn-big {
		border-radius: 62px;
		font-size: 12px;
		height: 25px;
		line-height: 8px;
		text-align: center;
		width: 72px;
		vertical-align: middle;
		margin-top: -10px;
		background: #FFf;
		border-color: #FFf;
		color: #4d9efe;
		float: right;
	}

	.order-state2 .side {
	}

/* 订单页 */
.order-title {
	font-size: 18px;
	text-align: center;
	font-weight: 400;
	line-height: 28px;
}

	.order-title .iconfont {
		font-size: 3rem;
		margin-right: 0.7rem;
		vertical-align: middle;
	}

	.order-title .icon-check-circle-outline {
		color: #65C07A;
	}

	.order-title .icon-shibai,
	.order-title .icon-tixing {
		color: #F84E04;
	}

.refuel-icon-state {
	position: absolute;
	right: 100px;
	top: 215px;
	width: 124px;
	z-index: 10;
}

.bule-bg {
	margin-top: -50px;
}

	.bule-bg .order-card {
		border-top-left-radius: 0;
		border-top-right-radius: 0;
		overflow: inherit;
	}

		.bule-bg .order-card .qr-code-title {
			position: absolute;
			top: -48px;
		}

		.bule-bg .order-card .no-qr-code {
			top: -15px;
		}

	.bule-bg .trial-store a {
		position: absolute;
		top: 7px;
		right: 15px;
		color: #449efc;
		font-size: 10px;
		border: 1px solid #449efc;
		padding: 4px 4px 4px 6px;
		line-height: 1.2;
		border-radius: 20px;
	}

		.bule-bg .trial-store a i {
			margin-left: 3px;
			color: #449efc;
			font-size: 10px;
		}

.order-card {
	background: rgba(255, 255, 255, 1);
	box-shadow: 0px 2px 3px 0px rgba(230, 232, 252, 1);
	border-radius: 10px;
	width: 90.35%;
	margin: 0 auto 10px;
	font-size: 16px;
}

	.order-card .mui-input-row i {
		color: #9b9b9b;
	}

	.order-card .mui-input-row label {
		width: auto;
		font-size: 14px;
		flex-wrap: wrap;
		word-break: break-all;
		align-items: baseline;
		-webkit-align-items: baseline;
	}

	.order-card .mui-input-row .mui-navigate-right {
		color: initial;
		display: block;
		position: relative;
		height: 42px;
		margin: 11px 0 20px 15px;
	}

	.order-card .mui-input-row .icon-shop {
		padding: 0;
		font-size: 16px;
	}

		.order-card .mui-input-row .icon-shop i {
			width: 42px;
			height: 42px;
			background: rgba(68, 158, 252, 0.07);
			display: inline-block;
			border-radius: 50%;
			text-align: center;
			line-height: 42px;
			color: #449EFC;
			margin-right: 5px;
		}

	.order-card .mui-input-row .mui-badge {
		margin: 10px 30px 0 0;
		background: rgba(68, 158, 252, 1);
		color: #fff;
		padding: 5px 10px;
		font-size: 13px;
	}

	.order-card .mui-table-view {
		border-radius: 0;
		margin: -1px 0;
		padding-bottom: 20px;
	}

@media screen and (max-width:330px) {
	.index-search-box .mui-select {
		max-width: 44%;
	}

	.index-search-box .refuel-search {
		width: 56%;
	}

	.order-state2 .order-title p {
		font-size: 12px;
	}

	.mui-table-view-cell-middle .mui-media-object {
		width: 82px;
		height: 72px;
	}

	.order-card .mui-input-row .mui-navigate-right {
		height: 36px;
	}

	.order-card .mui-input-row .icon-shop i {
		width: 36px;
		height: 36px;
		line-height: 36px;
	}

	.order-card .mui-input-row .icon-shop {
		font-size: 14px;
	}

	.order-card .mui-input-row .mui-badge {
		margin-top: 8px;
	}
}

.order-card .order-cont {
	color: #333;
	padding: 10px 0 20px;
	margin: 5px 15px 0;
}

.order-card .store-info {
	padding-top: 0;
	margin-top: 0;
}

	.order-card .store-info:before {
		height: 0 !important;
	}

.order-card .order-cont .mui-badge {
	color: #333;
	font-size: 18px;
	right: 0;
}

.order-card .order-cont .mui-table-view-cell {
	padding: 8px 5px;
}

	.order-card .order-cont:after,
	.order-card .order-cont .mui-table-view-cell:after {
		height: 0;
	}

.order-card .order-cont:before {
	height: 1px;
}

.plant {
	background: #54AAFE;
	box-shadow: 0px 0px 6px 0px #54aafe;
	border-radius: 18px;
	color: #fff;
	margin: 0 auto;
	display: inline-block;
	padding: 4px 15px;
	font-size: 18px;
	font-weight: normal;
}

.qr-code {
	text-align: center;
	padding: 10px 0;
	position: relative;
}

	.qr-code img {
		width: 180px;
		height: 180px;
	}

.qr-code-info {
	position: absolute;
	width: 180px;
	height: 180px;
	left: 50%;
	margin-left: -90px;
	top: 10px;
	font-size: 14px;
	text-align: center;
	color: #fff;
	background: rgba(0,0,0,0.76);
	padding: 50px 5px;
}

	.qr-code-info a {
		display: block;
		margin-top: 20px;
		color: #fff;
		text-decoration: underline;
		font-size: 12px;
	}

.total {
	text-align: right;
	font-size: 16px;
	color: #F79800 !important;
}



.telMe,
.goHere {
	color: #5c5c5c;
	display: inline-block;
	vertical-align: middle;
	text-align: center;
	font-size: 10px;
	padding: 10px;
	position: relative;
}

	.telMe span {
		font-size: 18px;
		;
	}

	.goHere:before {
		content: '';
		background-color: #f2f2f2;
		width: 1px;
		height: 70%;
		position: absolute;
		left: -10px;
		top: 8%;
	}

.qr-code2 {
	position: relative;
	top: 10px;
	background: url(../images/qr-code2.png) no-repeat;
	background-size: 100%;
	width: 88px;
	height: 88px;
	margin: 0 auto 30px;
	padding: 0;
}

	.qr-code2 img {
	}

	.qr-code2 span {
		width: 88px;
		height: 88px;
		text-align: center;
		line-height: 88px;
		top: 0;
		font-size: 12px;
		color: #9b9b9b;
		z-index: 10;
	}


.refreshWrap .refresh {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 60px;
	line-height: 60px;
	text-align: center
}

.refreshWrap .loadingBox {
	width: 100%;
	height: 40px;
	text-align: center;
	padding: 10px;
	position: relative;
	background-color: #fff;
	z-index: 2
}

.refreshWrap .loading,
.refreshWrap .loadTxt {
	vertical-align: middle;
	display: inline-block
}

.refreshWrap .loading {
	border-radius: 50%;
	width: 16px;
	height: 16px;
	border: 1px solid #666;
	border-top-color: transparent;
	margin-right: 8px;
	transform: translateZ(0);
	position: relative
}

.refreshWrap .noMore .loading {
	display: none
}

.refreshWrap .success {
	border-color: transparent
}

	.refreshWrap .success:before {
		content: "";
		border: 1px solid #666;
		border-top-color: transparent;
		border-left-color: transparent;
		position: absolute;
		left: 0;
		bottom: 0;
		width: 8px;
		height: 16px
	}

.refreshWrap .rotate {
	-webkit-animation: refresh-rotate .6s linear infinite;
	animation: refresh-rotate .6s linear infinite
}

@keyframes refresh-rotate {
	0% {
		transform: rotateZ(0deg);
		-moz-transform: rotate(0deg)
	}

	100% {
		transform: rotateZ(360deg);
		-moz-transform: rotate(360deg)
	}
}

.coupon-list1 {
	margin: 0px auto;
	width: 96%;
	background: none;
}

	.coupon-list1 .mui-table-view-cell {
		background: url(../images/bg-coupon1.png) center no-repeat;
		background-size: 100% 100%;
		border-radius: 0 !important;
		margin: 0 5px 10px;
		padding: 6px 5px 8px;
	}

#item2mobile .coupon-list1 .mui-table-view-cell {
	background: url(../images/bg-coupon2.png) center no-repeat;
	background-size: 100% 100%;
}

#item2mobile .coupon-list1 .coupon-state {
	color: #ccc;
	border-color: #ccc;
}

.coupon-list1 .mui-table-view-cell:after {
	height: 0 !important;
}

.coupon-list1 .coupon-money {
	color: #fff;
	text-align: center;
	font-weight: normal;
	width: 26%;
	font-size: 40px;
	letter-spacing: 1px;
}

	.coupon-list1 .coupon-money span {
		font-size: 18px;
	}

	.coupon-list1 .coupon-money.free {
		font-size: 24px;
	}

.coupon-list1 .mui-media-body {
	text-align: left;
	padding-left: 18px;
}

	.coupon-list1 .mui-media-body .refuel-title {
		font-size: 18px;
		line-height: 28px;
		color: #5C5C5C;
		font-weight: normal;
		margin-bottom: 6px;
	}

	.coupon-list1 .mui-media-body .iconfont {
		font-size: 10px;
		color: #D1D1D1;
	}

.coupon-list1 .coupon-state {
	font-size: 12px;
	color: #449EFC;
	line-height: 14px;
	border-radius: 36px;
	border: 1px solid rgba(68, 158, 252, 1);
	padding: 4px 10px;
	position: absolute;
	right: 5px;
	bottom: 10px;
}

.no-coupon {
	width: 55%;
	margin: 110px auto;
}

#coupon_box {
	background: #f2f2f2;
	height: 360px;
}

	#coupon_box .mui-media-body .refuel-title {
		border: none;
		height: auto;
		text-align: left;
	}

	#coupon_box .mui-popover-title {
		text-align: center;
		padding: 15px 0;
		font-size: 18px;
		color: #111;
	}

	#coupon_box .mui-scroll-wrapper {
		bottom: 80px;
		top: 45px;
	}

	#coupon_box .btm-btn {
		position: absolute;
		z-index: 2;
		bottom: 0;
		left: 0;
		overflow: hidden;
		width: 100%;
		margin-bottom: 20px;
	}

/* 开通弹窗 */
.refuel-coupon-dialog {
	background: none;
	width: 86%;
	box-shadow: none;
}

	.refuel-coupon-dialog p {
		font-size: 12px;
		color: #9b9b9b;
		margin: 0;
		text-align: center;
	}

	.refuel-coupon-dialog .btn-true {
		position: absolute;
		top: 108vw;
		left: 13%;
		width: 80%;
		padding: 10px 0;
		display: block;
		margin: 0 auto;
		background: linear-gradient(90deg,rgba(244,216,148,1) 0%,rgba(254,188,79,1) 100%);
		border-radius: 27px;
		color: #764406;
		font-size: 16px;
	}

	.refuel-coupon-dialog .icon-close2 {
		font-size: 38px;
		width: 60px;
		height: 60px;
		color: #fff;
		margin: 40px auto 30px;
		display: block;
	}

	.refuel-coupon-dialog .index-coupon-price {
		font-size: 20px;
		color: #F99716;
	}

#coupon_tip {
	width: 88%;
	height: 150vw;
	top: 52%;
	left: 48%;
}

	#coupon_tip .kaitong—youhui h4 {
		font-size: 24px;
		line-height: 11vw;
	}

@media screen and (max-width:330px) {
	#coupon_tip .kaitong—youhui h4 {
		font-size: 20px;
	}
}

.login-user {
	margin: 30px auto 0;
	width: 90%;
}

	.login-user input {
		height: 50px;
	}

	.login-user .btn-code {
		border-radius: 3px;
		border: 1px solid rgba(68, 158, 252, 1);
		width: 110px;
		height: 50px;
		line-height: 50px;
		text-align: center;
		margin-left: 10px;
		margin-bottom: 15px;
		color: rgba(68, 158, 252, 1);
		font-size: 14px;
	}

	.login-user .btn-big {
		border-radius: 25px;
		font-size: 18px;
		margin-top: 30px;
		height: 50px;
		width: 80%;
	}

#check_kt .mui-popup-inner,
#check_login .mui-popup-inner {
	padding: 35px 30px 30px;
}

.fixed-my-coupon {
	width: 16vw;
	height: 16vw;
	position: fixed;
	right: 0;
	bottom: 24vw;
	z-index: 999;
}

.introduction section {
	position: relative;
}

.introduction .goAll {
	position: absolute;
	right: 16%;
	bottom: 7%;
	color: #FF7E00;
	font-size: 12px;
}

	.introduction .goAll a {
		color: #FF7E00;
	}

.introduction .btm-btn {
	position: absolute;
	width: 80%;
	left: 10%;
	bottom: 10vh;
	margin: 0;
}

	.introduction .btm-btn a {
		background: linear-gradient(110deg,rgba(255,215,14,1),rgba(253,177,18,1));
		box-shadow: 5px 7px 11px 0px rgba(253,177,18,0.57);
		border-radius: 22px;
		border: none;
		color: #F74F0C;
		line-height: 34px;
	}

@media screen and (max-width:330px) {
	.introduction .btm-btn {
		bottom: 9vh;
	}
}

#mapBox h3 {
	font-size: 16px;
	color: #111;
	text-align: center;
	line-height: 30px;
	padding-top: 5px;
}


/* 优惠券领取页 */
.draw-login {
	background: url(https://static.imagestore.czfw.cn/draw-bg0430.png) repeat-y;
	background-size: 100% auto;
	padding-top: 20px;
}

	.draw-login .form-group {
		width: 72%;
		margin: 0 auto;
	}

	.draw-login input {
		height: 50px;
		background: #F1EFEF;
		border-radius: 10px;
		border: none;
		width: 100%;
		padding: 15px;
		font-size: 16px;
	}

	.draw-login .has-text {
		position: relative;
	}

	.draw-login .btn-code {
		width: 110px;
		height: 50px;
		line-height: 50px;
		text-align: center;
		color: #FF2451;
		font-size: 14px;
		position: absolute;
		right: 1px;
		top: 0;
	}

	.draw-login .btn-big {
		border-radius: 10px;
		font-size: 18px;
		margin-top: 18px;
		height: 50px;
		width: 100%;
		background: #FF2451;
		color: #fff;
		border: none;
		box-shadow: 0px 0 7px 0px rgba(255,36,81,0.2);
	}

		.draw-login .btn-big:active {
			background-color: #dc1840;
			border-color: #dc1840;
		}

	/*新添加的*/
	.draw-login .look-shop {
		font-size: 12px;
		color: #EA8618;
		margin-top: 10px;
		margin-bottom: 0;
		display: block;
		text-align: center;
		text-decoration: underline;
	}

		.draw-login .look-shop a {
			color: #EA8618;
		}

	.draw-login h3 {
		font-weight: normal;
		font-size: 16px;
		text-align: center;
		margin: 5px -15px;
		color: #000;
	}

		.draw-login h3 span {
			color: #ff2551;
		}

	.draw-login .draw-info {
		font-size: 14px;
		text-align: center;
	}

@media screen and (max-width:330px) {
	.draw-login h3 {
		font-size: 15px;
	}
}

@media screen and (min-width:400px) {
	.draw-login h3 {
		font-size: 18px;
	}
}
/*结束*/
.counpon-box-content {
	width: 75%;
	border-radius: 10px !important;
	text-align: center;
	color: #333333;
	background: none !important;
	box-shadow: none !important;
}

.counpon-box-content {
	display: none;
	background-color: transparent;
}

	.counpon-box-content .counpon-bg {
		background-color: #fff;
		border-radius: 10px;
		padding-bottom: 10px;
	}

	.counpon-box-content h3 {
		font-size: 20px;
		font-weight: normal;
	}

	.counpon-box-content p {
		font-size: 16px;
		margin: 10px 0;
	}

.coupon-btn {
	background: url(https://static.imagestore.czfw.cn/draw-btn-tc-bg0430.png) no-repeat;
	background-size: 100% 100%;
	width: 70%;
	margin: 30px auto;
	height: 11vw;
	line-height: 11vw;
	color: #AD5109;
	font-size: 16px;
	border-radius: 30px;
}

#hasCoupon h3 {
	color: #FEC900;
}

#hasCoupon .top-img {
	margin-bottom: -34vw;
}

#hasCoupon .counpon-bg {
	padding-top: 32vw;
}

#hasCoupon h3 {
	font-size: 18px;
}

#hasCoupon p {
	font-size: 14px;
}

#loseCoupon .top-img {
	margin-bottom: -27vw;
}

#loseCoupon .counpon-bg {
	padding-top: 30vw;
}

#loseCoupon .coupon-btn {
	background: #E71D1D;
	box-shadow: 2px 2px 10px 0px rgba(231,29,29,0.24);
	color: #fff;
}

#failCoupon h3 {
	color: #B35A10;
	font-size: 16px;
}

#failCoupon .top-img {
	margin-bottom: -27vw;
}

#failCoupon .counpon-bg {
	background-color: #FEF3DF;
	padding-top: 30vw;
}

#sucCoupon .top-img {
	margin-bottom: -27vw;
}

#sucCoupon .counpon-bg {
	background-color: #FEF3DF;
	padding-top: 30vw;
}

#sucCoupon p, #sucCoupon a {
	color: #EA8618;
	font-size: 12px;
}

#sucCoupon .counpon-wrapper {
	background: url(https://static.imagestore.czfw.cn/draw-coupon-tc0430.png) no-repeat;
	width: 80%;
	height: 18vw;
	margin: 0 auto;
	background-size: 100% auto;
}

	#sucCoupon .counpon-wrapper p {
		color: #fff;
		margin: 0;
		width: 52%;
	}

		#sucCoupon .counpon-wrapper p:first-child {
			font-size: 16px;
			padding-top: 8px;
		}

			#sucCoupon .counpon-wrapper p:first-child span {
				font-size: 30px;
			}

		#sucCoupon .counpon-wrapper p:last-child {
			font-size: 10px;
		}

.draw-status-btn {
	position: absolute;
	top: 82vh;
	width: 70%;
	left: 15%;
}

	.draw-status-btn .btn-big {
		background: linear-gradient(-90deg,rgba(255,92,17,1) 0%,rgba(254,148,60,1) 100%);
		box-shadow: 0px 5px 29px 0px rgba(255,95,20,0.28);
		border-radius: 20px;
		border: none;
		color: #FBFDFA;
		text-align: center;
		line-height: 44px;
	}

	.draw-status-btn .look-shop {
		font-size: 12px;
		color: #333;
		margin-top: 15px;
		display: block;
		text-align: center;
		text-decoration: underline;
	}
/*——iphonex----*/
@media only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) {
	.draw-status-btn {
		top: 68vh;
	}
}
/*——iphonexs Max——*/
@media only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 3) {
	.draw-status-btn {
		top: 72vh;
	}
}
/*——iphoneXR——*/
@media only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 2) {
	.draw-status-btn {
		top: 72vh;
	}
}


.dialog-pop {
	background: none;
	width: 86%;
	box-shadow: none;
}

	.dialog-pop .icon-close {
		margin: 40px auto 0;
		position: absolute;
		left: 50%;
		margin-left: -19px;
		bottom: -80px;
	}

		.dialog-pop .icon-close img {
			width: 38px;
		}

.dialog-btn-group {
	position: absolute;
	bottom: 5vw;
	width: 90%;
	left: 5%;
}

#dx_cxb_tip .dialog-btn-group, #dx_zxb_tip .dialog-btn-group {
	bottom: 35px;
}

#dx_zxb_tip .dialog-btn-group {
	bottom: 6vw;
}

.dialog-btn-group .box-flex {
	margin: 0 10px;
}

.dialog-btn-group button,
.dialog-btn button {
	color: #c62d09;
	height: 40px;
	line-height: 28px;
	display: block;
	background: #eaae6a;
	border-color: #eaae6a;
	border-radius: 30px;
	font-size: 16px;
	width: 100%;
}

#dx_zxb_tip .dialog-btn-group button, #dx_zxb_tip .dialog-btn button, #dx_zxb_tip .dialog-btn-group button:hover,
#dx_zxb_tip .dialog-btn button:hover {
	background: linear-gradient(90deg, #3E3A65, #1B192D);
	border-color: #9594a0;
	color: #FFD293;
}

.dialog-btn-group button:hover,
.dialog-btn button:hover {
	background: #da974c;
	border-color: #da974c;
}

.dialog-btn-group button.btn-outlined {
	background: transparent;
	border-color: #eaae6a;
	color: #eaae6a;
}

#dx_zxb_tip .dialog-btn-group button.btn-outlined {
	background: transparent;
	border-color: #9594a0;
	color: #222039;
}

.newsTip {
	background: #ff3d4f;
	height: 30px;
	line-height: 30px;
	text-align: center;
}

	.newsTip i, .newsTip span {
		display: inline-block;
		vertical-align: middle;
	}

	.newsTip i {
		font-size: 13px;
		color: #fff;
		margin-right: 5px;
	}

	.newsTip span {
		color: #fff;
		font-size: 12px;
	}



.news-tip {
	font-size: 13px;
	color: #888080;
	padding: 25px;
}

	.news-tip span {
		color: #D02020;
	}

#coupon_tip_yk .dialog-btn-group, #coupon_tip_jk .dialog-btn-group, #coupon_tip_bj .dialog-btn-group {
	bottom: -5px;
}

	#coupon_tip_yk .dialog-btn-group .box-flex, #coupon_tip_jk .dialog-btn-group .box-flex, #coupon_tip_bj .dialog-btn-group .box-flex {
		margin: 0 -10px;
	}


/* 新版我的优惠券列表 */
.coupon-new {
	margin: 0px auto;
	width: 100%;
	background: none;
}

	.coupon-new .mui-table-view-cell {
		background: url(../images/couponN-bg.png) center no-repeat;
		background-size: 100% 100%;
		border-radius: 0 !important;
		margin: 0;
		padding: 24px 10px 38px;
		position: relative;
	}

	.coupon-new .coupon-filter {
		background: url(../images/couponN-bg-red.png) center no-repeat;
		background-size: 100% auto;
		position: absolute;
		left: 13px;
		top: 6px;
		height: 60px;
		width: 60px;
	}

		.coupon-new .coupon-filter span {
			color: #fff;
			font-size: 10px;
			transform: rotate(-45deg);
			display: block;
			width: 70px;
			position: relative;
			left: -12px;
			top: 13px;
			text-align: center;
		}

	.coupon-new .mui-media-body p {
		font-size: 12px;
		color: #9b9b9b;
		line-height: 20px;
	}

	.coupon-new .mui-table-view-cell:after {
		height: 0 !important;
	}

@font-face {
	font-family: IMPACT;
	src: url(../fonts/IMPACT.TTF);
}

.coupon-new .coupon-money {
	color: #d93643;
	text-align: center;
	font-weight: normal;
	width: 30vw;
	font-size: 45px;
	font-family: IMPACT;
	height: 6vw;
	font-weight: 500;
	letter-spacing: -1px;
}

	.coupon-new .coupon-money img {
		position: relative;
		top: -9.5vw;
		left: 0.5vw;
		width: 24vw !important;
	}

	.coupon-new .coupon-money span {
		font-size: 10px;
		background: #d93643;
		border-radius: 50%;
		color: #fff;
		padding: 1px;
		display: inline-block;
		width: 16px;
		height: 16px;
		line-height: 14px;
		text-align: center;
		letter-spacing: 0;
		position: relative;
		left: 2px;
		top: 0px;
	}

	.coupon-new .coupon-money.free {
		font-size: 24px;
	}

.coupon-new .mui-media-body {
	text-align: left;
}

	.coupon-new .mui-media-body .refuel-title {
		font-size: 18px;
		line-height: 28px;
		color: #5C5C5C;
		font-weight: 600;
		margin-bottom: 2px;
	}

	.coupon-new .mui-media-body .iconfont {
		font-size: 10px;
		color: #D1D1D1;
	}

.coupon-new .coupon-state {
	font-size: 14px;
	color: #fff;
	line-height: 16px;
	position: absolute;
	right: 25px;
	top: 3vw;
	bottom: 4vw;
	width: 15vw;
	background: url(../images/couponN-btn-red.png) no-repeat;
	background-size: 100% 100%;
}

	.coupon-new .coupon-state::before {
		content: '';
		background: url(../images/couponN-line.png) no-repeat;
		background-size: 100% 100%;
		position: absolute;
		left: -12px;
		top: 10px;
		bottom: 20px;
		width: 1px;
	}

	.coupon-new .coupon-state a {
		color: #fff;
		padding: 0 5vw;
		display: inline-block;
		text-align: center;
		position: relative;
		top: 45%;
		transform: translate(0px, -50%);
	}

#item2mobile .coupon-new .coupon-filter {
	background: url(../images/couponN-bg-grey.png) center no-repeat;
	background-size: 100% auto;
}

#item2mobile .coupon-new .coupon-state {
	color: #ccc;
	border-color: #ccc;
}

#item2mobile .coupon-new .mui-media-body .refuel-title {
	color: #9b9b9b;
}

.coupon-new .mui-media-body p {
	color: #b4b4b4;
}

#item2mobile .coupon-new .coupon-money {
	color: #d0d0d0;
}

	#item2mobile .coupon-new .coupon-money span {
		background-color: #d0d0d0;
	}

#item2mobile .coupon-new .coupon-state {
	background: url(../images/couponN-btn-grey.png) no-repeat;
	background-size: 100% 100%;
}

#order_suc_tip {
	width: 80%;
	border-radius: 10px;
	background-color: #fff;
	transform: translate3d(-50%, -50%, 0) scale(1);
	-webkit-transform: translate3d(-50%, -50%, 0) scale(1);
	padding: 25px 0 0;
	height: auto;
}

	#order_suc_tip img {
		margin-left: 10px;
	}

	#order_suc_tip h3 {
		font-size: 21px;
		font-weight: normal;
		margin-top: 15px;
		color: #666;
		margin-bottom: 10px;
	}

	#order_suc_tip p {
		font-size: 12px;
		color: #666;
		margin-bottom: 16px;
	}

	#order_suc_tip .dialog-btn-group {
		position: initial;
		width: 100%;
	}

		#order_suc_tip .dialog-btn-group button {
			height: 48px;
			line-height: 33px;
			display: block;
			color: #449efc;
			background: none;
			border: none;
			font-size: 16px;
			width: 100%;
			border-top: 1px solid #eee;
			border-radius: 0 0 10px 10px;
		}

.oil-state {
	width: 100%;
	margin:5px auto 0;
	height: 48px;
	line-height: 48px;
	text-align: center;
	background: #f7f8fa;
}

	.oil-state span {
		display: inline-block;
		width: 49%;
		border-bottom: 1px solid #fff;
		position: relative;
	}

		
		.oil-state span.active {
			background-color: #449EFC !important;
			color: #fff;
			font-weight: bold;
		}


.get_info_title {
	font-size: 17px;
	font-weight: 400;
	color: #333333;
	line-height: 24px;
	margin: 20px 15px 10px;
}

.get_info {
	line-height: 30px;
	width: 96%;
	margin: 0 auto 10px;
	padding: 0;
	background-color: #fff;
	border-radius: 6px;
	padding-top: 1px;
}

	.get_info.active {
		border: 3px solid #449EFC;
	}

	.get_info li {
		text-align: left;
		margin: auto auto;
		border-bottom: 1px solid #f2f2f2;
		line-height: 60px;
		width: 100%;
		padding: 0 20px;
		font-size: 16px;
		color: #888;
	}

	.get_info .sli .icon {
		font-size: 2rem;
		color: #bbb;
		vertical-align: middle;
	}

	.get_info .sli span {
		width: 20%;
		display: inline-block;
	}

	.get_info input {
		border: none;
		line-height: 20px;
		height: 20px;
		text-align: right;
		margin-right: 5px;
		padding: 0;
		margin-bottom: 0;
	}


	.get_info li.sli .fl {
		width: 80px;
	}

	.get_info li.sli .max-input {
		width: calc(100vw - 172px);
	}

	.get_info li.sli .icon-tips {
		color: #888;
		line-height: 40px;
		padding-top: 10px;
		width: 24px;
		display: inline-block;
	}

.plateType {
	display: inline-block;
	background: rgba(51,153,255,1);
	color: #fff;
	padding: 0.1rem 0.5rem 0.2rem;
	line-height: initial;
}

.tips {
	font-size: 12px;
	color: #F96401;
	line-height: 18px;
	background: rgba(251,100,1,0.1);
	border-radius: 14px;
	padding: 4px 18px;
	display: inline-block;
	margin: 15px auto;
}

.carBOx {
	font-size: 16px;
	color: #888;
	font-weight: normal;
}

	.carBOx h3 {
		font-size: 24px;
		display: inline-block;
		vertical-align: middle;
		color: #449EFC;
		font-weight: normal;
	}

.mui-card-footer {
	background: #FAFAFA;
	display: -webkit-box;
	line-height: 50px !important;
	border-radius: 0 0 6px 6px;
}

	.mui-card-footer .box-flex {
		position: relative;
		font-size: 14px;
		color: #333333;
		text-align: center;
	}

		.mui-card-footer .box-flex:first-child:after {
			position: absolute;
			top: 0;
			right: 0;
			width: 1px;
			height: 120%;
			top: -10%;
			content: '';
			-webkit-transform: scaleY(.5);
			transform: scaleY(.5);
			background-color: #e2e2e2;
		}

	.mui-card-footer:before {
		height: 0;
	}

.mui-card-header:after {
	background: #e2e2e2;
}

.mui-card-footer .iconfont {
	margin-right: 8px;
	font-size: 14px;
	vertical-align: middle;
}

.mui-card-footer .mui-active {
	color: #449EFC;
}


	.mui-card-footer .mui-active .iconfont {
		color: #449EFC;
	}

.mui-card-footer .unedit {
	color: #dfdfdf;
}

	.mui-card-footer .unedit .iconfont {
		color: #dfdfdf;
	}

.wx-tip-box {
	line-height: 30px;
	width: 96%;
	margin: 0 auto 10px;
	padding: 0;
	/* background-color: #fff; */
	border-radius: 6px;
	padding-top: 1px;
}

	.wx-tip-box .title {
		text-align: center;
		border-radius: 15px 15px 0px 0px;
		height: 50px;
		line-height: 55px;
	}

		.wx-tip-box .title h3 {
			position: relative;
			color: #0183D6;
			font-size: 17px;
			display: inline-block;
			margin: 0;
		}

			.wx-tip-box .title h3::before, .wx-tip-box .title h3::after {
				content: '';
				position: absolute;
				height: 2px;
				width: 80px;
				display: block;
				top: 45%;
			}

			.wx-tip-box .title h3::before {
				left: -90px;
				background: url(../images/arrow-left.png);
				background-size: 100%;
			}

			.wx-tip-box .title h3::after {
				left: auto;
				right: -90px;
				background: url(../images/arrow-right2.png);
				background-size: 100%;
			}

.wx-tip {
	padding: 2px 0 5px 5px;
	width: 90%;
	margin: 0 auto;
	position: relative;
}

	.wx-tip li {
		color: #888;
		font-size: 12px;
		line-height: 1.5;
		margin-bottom: 5px;
		text-align: justify;
	}


/*春节弹窗*/
/*春节弹窗*/
.reminder {
	width: 86%;
	background: #fff;
	border-radius: 15px;
}

	.reminder h3 {
		height: 64px;
		line-height: 64px;
		color: #fff;
		background-color: #c0281c;
		text-align: center;
		font-size: 18px;
		margin: 0;
		border-radius: 15px 15px 0 0;
		position: relative;
	}

	.reminder .dialog-content {
		color: #202020;
		height: 360px;
		background: #fff;
		border-radius: 0 0 15px 15px;
	}

		.reminder .dialog-content p {
			color: #202020;
			margin-bottom: 8px;
			font-size: 12px;
			line-height: 22px;
			text-align: justify;
		}

	.reminder b {
		margin-bottom: 5px;
		font-size: 13px;
		color: #202020;
	}

	.reminder .dialog-content .mui-scroll-wrapper {
		top: 75px;
		left: 20px;
		right: 20px;
		bottom: 60px;
		width: auto;
		overflow: auto;
	}

	.reminder .dialog-content .btn-group {
		position: absolute;
		bottom: 18px;
		left: 15%;
		width: 70%;
	}

		.reminder .dialog-content .btn-group button {
			color: #fff;
			background-color: #c0281c;
			border-radius: 30px;
			width: 100%;
			font-size: 17px;
			margin: 0 auto;
		}

	.reminder .icon-close img {
		width: 34px;
	}

	.reminder h3 span {
		position: relative;
	}

		.reminder h3 span:before, .reminder h3 span:after {
			content: '';
			position: absolute;
			top: 50%;
			display: block;
			width: 30px;
			height: 3px;
		}

		.reminder h3 span:before {
			background: url(../Images/title-l.png) center no-repeat;
			background-size: 100%;
			left: -18%;
		}

		.reminder h3 span:after {
			background: url(../Images/title-r.png) center no-repeat;
			background-size: 100%;
			right: -18%;
		}
#remindersd10086qyh, #remindersd0086, #remindernew {
	background: url(../Images/tc-bg.png) center no-repeat;
	background-size: 100% 100%;
	box-shadow: none;
}
	#remindersd10086qyh .dialog-content, #remindersd0086 .dialog-content, #remindernew .dialog-content {
		background: none;
		height: 410px;
	}
		#remindersd10086qyh .dialog-content .btn-group, #remindersd0086 .dialog-content .btn-group, #remindernew .dialog-content .btn-group {
			bottom: 5px;
		}
			#remindersd10086qyh .dialog-content .btn-group button, #remindersd0086 .dialog-content .btn-group button, #remindernew .dialog-content .btn-group button {
				background: url(../Images/tc-btn2.png) center no-repeat;
				background-size: 100%;
				border: none;
				height: 70px;
				text-indent: -9999px;
			}

.dialog-pop2 {
	width: 86%;
	border-radius: 16px;
	background-color: #fff;
}

	.dialog-pop2 .dialog-content {
		padding: 25px 20px 21px;
		text-align: left;
		font-size: 15px;
		line-height: 30px;
	}

		.dialog-pop2 .dialog-content h3 {
			text-align: center;
			margin-bottom: 16px;
			font-size: 20px;
			position:relative;
		}
			.dialog-pop2 .dialog-content h3 .iconfont {
				position: absolute;
				right: 6px;
				top: -8px;
				color: #888;
				font-size: 16px;
			}
		.dialog-pop2 .dialog-content p {
			font-size: 14px;
			margin-bottom: 0;
			line-height: 1.6;
			color: #333;
		}
#czms_tip .dialog-content p {
	text-align: center;
}

#czms_tip .dialog-content img {
	margin: 15px 0;
}